.page-ht{ height:100px; }
.page-subj{ display:block; margin:0 0 15px 0; padding-bottom:10px; letter-spacing:normal; font-size:18px; text-transform:uppercase; font-weight:600; position:relative; }
.page-subj:after{ height:2px; width:40px; position:absolute; content:""; left:0px; margin-top:35px; }

/* 회사소개 - introduce */
.page-intro-conn{ margin: 0 0 15px; font-size: 14px; line-height: 21px; font-weight: 300; letter-spacing: 0.5px; font-size:12px; }
blockquote p{ margin-top:15px; text-align:right; }
blockquote cite{ font-size:12px; }
span.dropcap3, span.dropcap4 { float: left; font-style: normal; font-size: 18px; padding: 6px 10px 6px 11px; margin: 4px 10px 2px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.page-team-box{ margin-bottom:15px; }
.page-team-box .cover{ border:1px solid rgb(235, 235, 235); }
.page-team-box .page-team-img{  position: relative; z-index: 1; display: inline-block; margin: 0 auto; border-radius: 2px; }
.page-team-box .page-team-img img{ width:100%; }
.page-team-box .member-info { padding: 16px 18px 9px; display: block; background-color: white; }
.page-team-box .heading { position: relative; text-align: left; border-bottom: 1px solid #ebebeb; } 
.page-team-box .heading .page-team-info { padding-bottom: 10px; position: relative; }
.page-team-box .heading .page-team-info > .page-team-name { top: 0; z-index: 1; text-align: center; margin-bottom: 2px; margin-top: 0px; }
.page-team-name { font-size: 13px; line-height: 1.6; letter-spacing: 0.5px; text-transform: uppercase; }
.page-team-box .heading .page-team-info > .page-team-statu { padding-top: 3px; position: relative; z-index: 1; opacity: 1; display: block; text-align: center; margin-bottom: 5px; font-weight: 300; letter-spacing: 0.5px; font-size: 13px; }
.page-team-statu { color: #777; font-size: 12px; line-height: 1; }
.page-team-box .page-team-desc { position: relative; text-align: left; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ebebeb; }
.page-team-box .page-team-desc p { margin-bottom: 0; }
.page-team-box p { color: rgb(122, 122, 122);  direction: ltr; display: block; font-style: normal; font-weight: 300; letter-spacing: 0.5px; font-size: 13px; }
.page-team-box .widget.sns-ico { margin-bottom: 0; margin-left: auto; margin-right: auto; width: 100%; padding-top: 10px; }
.page-team-box .sns-ico { position: relative; font-size: 16px; text-align: center; }
.page-team-box .widget { padding-bottom: 0px; }
ul.sns-ico { margin:0; padding:0; height: auto; overflow: hidden; list-style: none!important; }
.page-team-box ul.sns-ico li {  height:36px; float: none; }
ul.sns-ico li{ float: left; display:inline-block; padding-top:15px; }
.page-team-box .sns-ico a{ position: relative; display: inline-block; width: 39px; height: 39px; overflow: hidden; font-size: 14px; line-height:39px; text-align: center; background-color: transparent; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; color:#999; }
.page-team-box .sns-ico .twitter a:hover{ background-color:#00aced; color:#fff; }
.page-team-box .sns-ico .facebook a:hover{ background-color:#3b5998; color:#fff; }
.page-team-box .sns-ico .kakao a:hover{ background-color:#ffeb33; color:#5a4d4a; }
.page-team-box .sns-ico a i{ display:block; width: 39px; height: 39px; line-height: 39px; }

/* 서브 - history */
.biz{ display:table; margin:0 auto 30px auto; }
.biz .biz-year{ display:table-cell; padding:30px 30px 30px 0; vertical-align:top; }
.biz .biz-history{ display:table-cell; width:400px; padding:30px 0 30px 30px; vertical-align:middle; }
.biz .biz-history p{ line-height:16px; font-size:12px; }
.biz .biz-history i{ color:#d9534f; margin-right:5px; }
.biz .biz-y{ text-align:center; font-size:30px; font-weight:bold; border-top:1px solid #333; border-bottom:1px solid #333; color:#333; }

/* 연혁 - 파랑색 */
.biz .biz-vbar-1{ display:table-cell; min-width:9px; background-color:#337ab7; position:relative; }
.biz .biz-circle-1{ position:absolute; top:90px; left:-8px; background:#fff; border:5px solid #337ab7; border-radius:50%; padding:7px; }
.arrow_box-left-1{ width:150px; position:relative; background:#fff; border:10px solid #337ab7; border-radius:50%; padding:40px 28px; margin-bottom:20px; }
.arrow_box-left-1:after, .arrow_box-left-1:before{ right:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-left-1:after{ border-color:rgba(136, 183, 213, 0); border-right-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-left-1:before{ border-color:rgba(194, 225, 245, 0); border-right-color:#337ab7; border-width:22px; margin-top:-22px; }
.arrow_box-right-1{ position:relative; background:#fff; border:10px solid #337ab7; border-radius:50%; padding:40px 28px; }
.arrow_box-right-1:after, .arrow_box-right-1:before{ left:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-right-1:after{ border-color:rgba(136, 183, 213, 0); border-left-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-right-1:before{ border-color:rgba(194, 225, 245, 0); border-left-color:#337ab7; border-width:22px; margin-top:-22px; }
/* 연혁-파랑색 끝 */

/* 연혁 - 녹색 */
.biz .biz-vbar-2{ display:table-cell; min-width:9px; background-color:#5cb85c; 	position:relative; }
.biz .biz-circle-2{ position:absolute; top:90px; left:-8px; background:#fff; border:5px solid #5cb85c; border-radius:50%; padding:7px; }
.arrow_box-left-2{ width:150px; position:relative; background:#fff; border:10px solid #5cb85c; border-radius:50%; padding:40px 28px; margin-bottom:20px; }
.arrow_box-left-2:after, .arrow_box-left-2:before{ right:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-left-2:after{ border-color:rgba(136, 183, 213, 0); border-right-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-left-2:before{ border-color:rgba(194, 225, 245, 0); border-right-color:#5cb85c; border-width:22px; margin-top:-22px; }
.arrow_box-right-2{ position:relative; background:#fff; border:10px solid #5cb85c; border-radius:50%; padding:40px 28px; }
.arrow_box-right-2:after, .arrow_box-right-2:before{ left:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-right-2:after{ border-color:rgba(136, 183, 213, 0); border-left-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-right-2:before{ border-color:rgba(194, 225, 245, 0); border-left-color:#5cb85c; border-width:22px; margin-top:-22px; }
/* 연혁-녹색 끝 */

/* 연혁 - 하늘색 */
.biz .biz-vbar-3{ display:table-cell; min-width:9px; background-color:#5bc0de; position:relative; }
.biz .biz-circle-3{ position:absolute; top:90px; left:-8px; background:#fff; border:5px solid #5bc0de; border-radius:50%; padding:7px; }
.arrow_box-left-3{ width:150px; position:relative; background:#fff; border:10px solid #5bc0de; border-radius:50%; padding:40px 28px; margin-bottom:20px; }
.arrow_box-left-3:after, .arrow_box-left-3:before{ right:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-left-3:after{ border-color:rgba(136, 183, 213, 0); border-right-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-left-3:before{ border-color:rgba(194, 225, 245, 0); border-right-color:#5bc0de; border-width:22px; margin-top:-22px; }
.arrow_box-right-3{ position:relative; background:#fff; border:10px solid #5bc0de; border-radius:50%; padding:40px 28px; }
.arrow_box-right-3:after, .arrow_box-right-3:before{ left:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-right-3:after{ border-color:rgba(136, 183, 213, 0); border-left-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-right-3:before{ border-color:rgba(194, 225, 245, 0); border-left-color:#5bc0de; border-width:22px; margin-top:-22px; }
/* 연혁-하늘색 끝 */

/* 연혁 - 주황색 */
.biz .biz-vbar-4{ display:table-cell; min-width:9px; background-color:#f0ad4e; position:relative; }
.biz .biz-circle-4{ position:absolute; top:90px; left:-8px; background:#fff; border:5px solid #f0ad4e; border-radius:50%; padding:7px; }
.arrow_box-left-4{ width:150px; position:relative; background:#fff; border:10px solid #f0ad4e; border-radius:50%; padding:40px 28px; margin-bottom:20px; }
.arrow_box-left-4:after, .arrow_box-left-4:before{ right:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-left-4:after{ border-color:rgba(136, 183, 213, 0); border-right-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-left-4:before{ border-color:rgba(194, 225, 245, 0); border-right-color:#f0ad4e; border-width:22px; margin-top:-22px; }
.arrow_box-right-4{ position:relative; background:#fff; border:10px solid #f0ad4e; border-radius:50%; padding:40px 28px; }
.arrow_box-right-4:after, .arrow_box-right-4:before{ left:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-right-4:after{ border-color:rgba(136, 183, 213, 0); border-left-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-right-4:before{ border-color:rgba(194, 225, 245, 0); border-left-color:#f0ad4e; border-width:22px; margin-top:-22px; }
/* 연혁-주황색 끝 */

/* 연혁 - 빨강색 */
.biz .biz-vbar-5{ display:table-cell; min-width:9px; background-color:#d9534f; position:relative; }
.biz .biz-circle-5{ position:absolute; top:90px; left:-8px; background:#fff; border:5px solid #d9534f; border-radius:50%; padding:7px; }
.arrow_box-left-5{ width:150px; position:relative; background:#fff; border:10px solid #d9534f; border-radius:50%; padding:40px 28px; margin-bottom:20px; }
.arrow_box-left-5:after, .arrow_box-left-5:before{ right:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-left-5:after{ border-color:rgba(136, 183, 213, 0); border-right-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-left-5:before{ border-color:rgba(194, 225, 245, 0); border-right-color:#d9534f; border-width:22px; margin-top:-22px; }
.arrow_box-right-5{ position:relative; background:#fff; border:10px solid #d9534f; border-radius:50%; padding:40px 28px; }
.arrow_box-right-5:after, .arrow_box-right-5:before{ left:99%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }
.arrow_box-right-5:after{ border-color:rgba(136, 183, 213, 0); border-left-color:#fff; border-width:8px; margin-top:-8px; }
.arrow_box-right-5:before{ border-color:rgba(194, 225, 245, 0); border-left-color:#d9534f; border-width:22px; margin-top:-22px; }
/* 연혁-빨강색 끝 */

/* 서브 - history 끝 */

/* 서브 - 조직도 */
.biz-group{ margin-bottom:50px; }
.biz-group h3,.biz-group h4,.biz-group h5{ padding:0; margin:0; font-weight:bold; }
.biz-group small{ color:#fff; }
.biz-group .gr-item{ position:relative; width:200px; margin:0 auto; text-align:center; font-family:'ibt', sans-serif; }
.biz-group .gr-dot{ background:#ccc; margin:0 auto; width:1px; height:15px; }  
.biz-group .gr-line-l{ position:absolute; background:#ccc; left:50%; width:100%; height:1px; }
.biz-group .gr-line-r{ position:absolute; background:#ccc; right:50%; width:100%; height:1px; }
.biz-group .gr-line-f{ background:#ccc; margin:0 auto; width:100%; height:1px; }
.biz-group .gr-logo{ border:2px solid #333; border-radius:50%; padding:20px 10px; text-align:center; width:120px; margin:0 40px; }
.biz-group .gr-box{ width:200px; text-align:center; color:#fff;	 border-radius:2px; padding:10px; }
.biz-group .gr-sub{ max-width:100px; margin:0 auto; }
.biz-group .gr-sub table{ border-collapse:collapse; width:100%; }
.biz-group .gr-sub td{ padding:5px 0; text-align:center; width:50%; background-color:#fff; color:#333; }
.biz-group .gr-tb-1 .title{ background-color:#5cb85c; color:#fff; }
.biz-group .gr-tb-1 td{ border:1px solid #5cb85c; font-size:12px; }
.biz-group .gr-tb-2 .title{ background-color:#5bc0de; color:#fff; }
.biz-group .gr-tb-2 td{ border:1px solid #5bc0de; font-size:12px; }
.biz-group .gr-tb-3 .title{ background-color:#f0ad4e; color:#fff; }
.biz-group .gr-tb-3 td{ border:1px solid #f0ad4e; font-size:12px; }
.gr-bd-color-1{ border:1px solid #337ab7; }
.gr-bd-color-2{ border:1px solid #5cb85c; }
.gr-bd-color-3{ border:1px solid #5bc0de; }
.gr-bd-color-4{ border:1px solid #f0ad4e; }
.gr-bg-color-1{ background-color:#337ab7; }
.gr-bg-color-2{ background-color:#5cb85c; }
.gr-bg-color-3{ background-color:#5bc0de; }
.gr-bg-color-4{ background-color:#f0ad4e; }

/* 서브 - 조직도 끝 */

/* 서브 - 오시는 길 */
.biz-addr-title{ font-size:30px; font-weight:bold; margin:30px 0; letter-spacing:3px; }
.biz-addr-conn{ font-size:16px; margin-bottom:10px; }
.biz-addr-conn i{ color:#ff7e20; font-size:16px; width:30px; text-align:center; }
/* 서브 - 오시는 길 끝 */

/* 서브 - 사업소개 */
.sub-t-box{ text-align:center; margin:20px auto; }
.sub-v{ text-align:center; letter-spacing:3px; font-size:50px; font-weight:bold; }
.sub-vc{ text-align:center; letter-spacing:1px; font-size:14px; color:#aaa; line-height:20px; max-width:800px; margin:30px auto; }
.proj-item{ width:100%; margin:30px 0 100px 0; }
.proj-box{ margin:0 auto 100px auto; }
.proj-box .proj-t{ font-weight:bold; margin:10px 0; font-size:16px; width:100%; }
.proj-box .proj-c{ margin-bottom:10px; font-size:12px; width:100%; height:100px; line-height:20px; text-overflow:ellipsis; overflow:hidden; word-break:break-all; }
.proj-box .proj-b{ text-align:right; }
.proj-box a{ text-decoration:none; font-size:12px; color:#333; padding:5px 0 2px 0; }
.proj-overview-t{ margin:30px 0 10px 0; font-weight:bold; font-size:24px; padding-bottom:10px; color:#333; background:url("../img/line_bar.gif") 0 bottom no-repeat; }
.proj-overview-c{ font-size:12px; line-height:18px; color:#333; }
.proj-vistion{ margin:0 auto 100px auto; }
.proj-vistion img{ width:100%; border-radius:5px; }
.proj-vistion .proj-t{ font-weight:bold; margin:10px 0; font-family:'ibt', sans-serif; font-size:24px; width:100%; text-align:center; opacity:0.7; letter-spacing:2px; }
.proj-vistion .proj-c{ margin-bottom:10px; font-size:12px; width:100%; height:100px; line-height:20px; text-align:center; text-overflow:ellipsis; overflow:hidden; word-break:break-all; }
.proj-vistion .proj-t:first-letter{ font-size:40px; font-family:'ibt', sans-serif; }

.hexagon-outer-box{ position:relative; width:100%; }
.hexagon-item{ position:absolute; width:150px; }
.hexagon-conn{ text-align:center; width:100%; margin:30% auto; }
.hexagon-conn p:first-child{ font-weight:bold; color:#fff; font-size:19px; font-family:'ibt', sans-serif; }
.hexagon-conn p{ color:#fff; font-size:12px; }
.hexagon-inner-box{ position:absolute; top:6px; left:5px; width:140px; }
.hexagon-inner{  position:relative; width:140px; height:80.83px; background-color:#ffffff; margin:40.41px 0; }
.hexagon-inner:before, .hexagon-inner:after{ content:""; position:absolute;  width:0; border-left:70px solid transparent; border-right:70px solid transparent; }
.hexagon-inner:before{ bottom:100%; border-bottom:40.41px solid #ffffff; }
.hexagon-inner:after{ top:100%; width:0; border-top:40.41px solid #ffffff; }
.hexagon-1{ position:relative; width:150px; height:86.60px; background-color:#337ab7; margin:43.30px 0; }
.hexagon-1:before, .hexagon-1:after{ content:""; position:absolute; width:0; border-left:75px solid transparent; border-right:75px solid transparent; }
.hexagon-1:before{ bottom:100%; border-bottom:43.30px solid #337ab7; }
.hexagon-1:after{ top:100%; width:0; border-top:43.30px solid #337ab7; }
.hexagon-2{ position:relative; width:150px; height:86.60px; background-color:#5cb85c; margin:43.30px 0; }
.hexagon-2:before, .hexagon-2:after{ content:""; position:absolute; width:0; border-left:75px solid transparent; border-right:75px solid transparent; }
.hexagon-2:before{ bottom:100%; border-bottom:43.30px solid #5cb85c; }
.hexagon-2:after{ top:100%; width:0; border-top:43.30px solid #5cb85c; }
.hexagon-3{ position:relative; width:150px; height:86.60px; background-color:#5bc0de; margin:43.30px 0; }
.hexagon-3:before, .hexagon-3:after{ content:""; position:absolute; width:0; border-left:75px solid transparent; border-right:75px solid transparent; }
.hexagon-3:before{ bottom:100%; border-bottom:43.30px solid #5bc0de; }
.hexagon-3:after{ top:100%; width:0; border-top:43.30px solid #5bc0de; }
.hexagon-4{ position:relative; width:150px; height:86.60px; background-color:#f0ad4e; margin:43.30px 0; }
.hexagon-4:before, .hexagon-4:after{ content:""; position:absolute; width:0; border-left:75px solid transparent; border-right:75px solid transparent; }
.hexagon-4:before{ bottom:100%; border-bottom:43.30px solid #f0ad4e; }
.hexagon-4:after{ top:100%; width:0; border-top:43.30px solid #f0ad4e; }
.hexagon-5{ position:relative; width:150px; height:86.60px; background-color:#d9534f; margin:43.30px 0; }
.hexagon-5:before, .hexagon-5:after{ content:""; position:absolute; width:0; border-left:75px solid transparent; border-right:75px solid transparent; }
.hexagon-5:before{ bottom:100%; border-bottom:43.30px solid #d9534f; }
.hexagon-5:after{ top:100%; width:0; border-top:43.30px solid #d9534f; }
/* 서브 - 사업소개 끝 */


/* 의회 스타일 */

/* 의장 인사말 */
.greet_wrap { /*padding: 0 3%;*/ margin: 1% 0 5%; }
.greet_wrap .greet_le { width: 30%; float: left; text-align: center; }
.greet_wrap .greet_le .boss_pic{ width:100%; padding:12% 0; background-image:url(/img/sub/boss_pic_bg_1.png); background-repeat:no-repeat; background-position:center center; }
/*
.boss_pic2{ background-image:url(/img/sub/boss_pic_bg_2.png); }
.boss_txt{ width:100%; }
.boss_sign{ margin-top: 4%; font-size: 42px; font-family: 'InkLipquid'; }
.boss_sign img { max-width: 220px; }
*/
.greet_wrap .greet_ri { width: 70%; float: left; padding-left: 5%; }
.greet_wrap .greet_ri .gr_top{ width:100%; /*border-bottom:1px solid #ddd;*/ }
.greet_wrap .greet_ri .gr_top .gr_ti{ font-size:28px; color:#ff8100; line-height:160%; }
.greet_wrap .greet_ri .gr_top .txt{ font-size:19px; font-weight:600; padding:2% 0; }
.greet_wrap .greet_ri .gr_bot{ padding-top:3%; }
.greet_wrap .greet_ri .gr_bot p{ padding-bottom:2%; /*line-height:180%;*/ font-size:17px; }
.greet_wrap .greet_ri .gr_bot .bold { font-size: 26px; font-weight: 700; text-align: left;}
@media (max-width: 1200px){
    .greet_wrap{ padding:0; }
    .greet_wrap .greet_le .boss_pic{ padding:20% 0; background-size:100%; }
    .greet_wrap .greet_ri .gr_top .gr_ti{ font-size: 1.6em; }
    .greet_wrap .greet_ri .gr_top .txt { font-size: 1.2em; }
    .greet_wrap .greet_ri .gr_bot p { font-size: 16.5px; }    
}
@media (max-width: 768px){
    .greet_wrap .greet_le { width: 100%; }
    .greet_wrap .greet_le .boss_pic { background-size: auto; padding: 6% 0; }
    .greet_wrap .greet_le .boss_pic img{ max-width: 300px; }
    .greet_wrap .greet_ri { width: 100%; text-align: center; padding-left: 0; }
    .greet_wrap .greet_le .boss_pic .boss_txt { width: 100%; border-top: 1px solid #ddd; padding-top: 2%; }                            
    .greet_wrap .greet_ri .gr_bot .bold { font-size: 26px; font-weight: 700; text-align: center;}
}
@media (max-width: 400px){
    .greet_wrap .greet_le .boss_pic { padding: 13% 0; }
} 

/* 텝메뉴 시작 */
.clr { clear: both; }
.clr::after { clear: both; display: block; content: ''; }

.stab_menu { position: relative; margin: 50px 0; }
.stab_menu .tab_lo > div { width: 200px; text-align: center; float: left; font-size: 21px; position: relative; border: 1px solid #ddd; background: #f5f6f8; letter-spacing: -0.025em; }
.stab_menu .tab_lo > div a { font-size: 20px; padding: 20px 10px; display: block; }
.stab_menu .tab_lo > div.tab-active { background: #1b7ac7; }
.stab_menu .tab_lo > div.tab-active a { color: #fff; }

@media screen and (max-width:980px) {    
    .stab_menu .tab_lo > div { font-size: 18px; }
	.stab_menu .tab_lo > div a { padding: 10px; }
}
@media screen and (max-width:767px) {
    .stab_menu .tab_lo > div { font-size: 16px; }
}
@media screen and (max-width:480px) {
    .stab_menu .tab_lo > div { width: 50%; }    
}
/* 텝메뉴 끝 */

/* 의회 연혁 시작 */
p { margin: 0; padding: 0; word-break: break-all; }
/*연혁*/
.contBox { margin-bottom: 20px; display: inline-block; width: calc(100% - 100px); font-size: 18px; letter-spacing: -0.025em; }
.contBox span { color: #807e75; float: left; }
.hisBox { width: 100%; float: left; overflow: hidden; min-height: 200px; }
.dispHis_2003 { margin-bottom: 2%; }
.mt5 input[type="checkbox"] { margin-top: -5px; }
.p_box { width: 100%; position: relative; margin-bottom: 1%; }
.history_img { width: 20%; float: left; padding-top: 3%; text-align: center; }
.history_img .year_body { float: left; width: 100%; text-align: left; position: relative; }
.history_img span { color: #343434; font-size: 40px; }
.history_img span.his_y { -webkit-box-shadow: 5px 5px #f2f2f2; box-shadow: 5px 5px #f2f2f2; border: 1px solid #ddd; border-radius: 20px; padding: 30px 40px; font-weight: 600; }
.history_img span.his_y:after { content: ''; display: block; position: absolute; top: 10px; right: 0; width: 80px; height: 2px; background: #ddd; }
.dispHis_2019 .history_img span.his_y { background: #1b7ac7; color: #fff; }
.yCircle { border: 6px solid #ddd; border-radius: 20px; padding: 6px; width: 10px; height: 10px; position: absolute; top: 0; right: -12px; background-color: #858585; z-index: 1; }
.dispHis_2019 .yCircle { background-color: #1b7ac7; border: 6px solid #a8ccea; }
.history_txt { width: 80%; float: left; border-left: 1px solid #ddd; padding: 0 25px; /*position: relative;*/ margin: 40px 0; }
.history_txt .tit { position: relative; font-size: 17px; color: #444; padding-top: 8px }
.history_txt .tit .bar { position: absolute; top: 0; left: 0; width: 15px; height: 1px; background: #555; }
.history_txt p { font-size: 18px; width: 10%; float: left; text-align: left; min-width: 85px; letter-spacing: -0.025em; }
.history_txt::after { content: ''; position: absolute; border-bottom: 1px solid #c0c0c0; left: -11%; right: 100%; top: 51px; z-index: -1; }
.history_icon { width: 130px; float: right; }
.history_icon { height: 80px; overflow: hidden; border-bottom: 1px solid #e7e7e7 }
.history_icon img { width: 100%; height: auto; }
.history_icon strong { color: #e13137 }
.history_icon .tit { margin-top: 2px; font-size: 10px; color: #888 }
.history_div { position: relative; width: 100%; float: left; margin: 2em 0; }

@media screen and (max-width:1180px) {
	.history_img { width: auto; float: none; }
	.yCircle { bottom: -65px; left: 3%; top: auto; }
	.history_txt { margin-left: 4%; width: 96%; }
	.history_img span.his_y:after, 	.history_txt::after { display: none; }
	.p_box { overflow: initial; }
}

@media screen and (max-width:767px) {
	.history_img span.his_y { font-size: 30px; padding: 20px; }
	.contBox { font-size: 16px; }
	.history_txt p { min-width: 70px; }
}

@media screen and (max-width:480px) {
	.yCircle { left: 2%; }
}
/* 의회 연혁 끝 */

/* page05 */
/* 리셋 */
/* font */
body{color:#333; font-size:16px; font-weight:200; letter-spacing:-1px; -webkit-text-size-adjust:100%; font-family:'Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
input, select, textarea{color:#333; background:#fff; font-size:16px; font-family:'Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif'; border-radius:0;}
input[type="text"],input[type="password"],input[type="number"],select{height:42px; line-height:42px; border:1px solid #c8c8ca;}
input[type="text"],input[type="password"],input[type="number"],textarea{
-webkit-ime-mode:active;
-moz-ime-mode:active;
-ms-ime-mode:active;
ime-mode:active;
border:1px solid #c8c8ca; padding:0 5px 0 7px; box-sizing:border-box; -webkit-appearance:none;
}
/* skip */
.skip, legend, caption{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

/* 글목록 시작 */
.table_wrap{ width:100%; margin:0 0 25px 0; box-sizing:border-box; font-size: 20px; }
.table_info{ display:none; padding:0 0 5px; line-height:130%; font-size:13px; color:#fc4b05; }
.normal_list{ clear:both; width:100%; border-collapse:collapse; table-layout:fixed; text-align:center; border-top:2px solid #78a1d5; box-sizing:border-box; }
.normal_list tr{ transition:background 0.3s ease; }
.normal_list tr.bg_blue{ background-color: #ecf7ff; font-weight: 800; }
.normal_list th{ padding:13px 5px; border:1px solid #d8d8d8; border-left:none; background:#f7f7f7; }
.normal_list thead th{ border-top:none; font-size:105%; font-weight:800; color:#333; background:#f7f7f7; text-align: center; }
.normal_list td{ padding:12px 5px; border:1px solid #d8d8d8; border-left:none; word-break:break-all; }
.normal_list th:last-child, .normal_list td:last-child{ border-right:none; }
.normal_list .taL, .normal_list .con{ padding-left:10px; text-align:left; }
.normal_list .sbj a{ font-size: 20px; font-weight:700; }
.normal_list .none{ padding:20px 0; }
.normal_list .comment{ background:#f7f7f7; text-align:left; padding:10px; white-space:pre-line; }
.normal_list .ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.normal_list .bdL{ border-left:1px solid #d8d8d8; }
.normal_list .a_right{ padding-right:10px; text-align:right; }
    
@media all and (max-width:768px){
	.board_list td.sbj, .board_list td.con { width:100%; padding:12px 2px 4px 7px; font-size:103%; font-weight:800; color:#565656; }
	.board_list td:after{content:'|'; display:inline-block; overflow:hidden; line-height:14px; padding:3px 5px 0 10px; vertical-align:top; color:#cfd1d6;}
	.board_list td.sbj:after, .board_list td.con:after, .board_list td:last-child:after{ display:none; }
}

@media all and (max-width:568px) {
	.table_wrap{ overflow-x:auto; overflow-y:hidden; }
	.table_info{ display:block; }
	.table_wrap .normal_list{ width:567px; }
}
/* 글목록 끝 */

/* pagingNav 시작 */
#pagingNav{display:flex; flex-wrap:wrap; justify-content:center; clear:both; width:100%; margin:50px 0 20px; text-align:center;}
#pagingNav a{position:relative; display:inline-block; width:37px; height:37px; line-height:37px; margin:0 0 5px -1px; font-size:15px; color:#636363; vertical-align:top; text-align:center; transition:0.3s; border:1px solid #d0d1d6;}
#pagingNav a:hover, #pagingNav a:focus{z-index:1; border-color:#3a72bd; background-color:#f5faff;}
#pagingNav a.num_current, #pagingNav a.num_current:hover, #pagingNav a.num_current:focus{color:#fff; font-weight:400; border-color:#3a72bd; background:#3a72bd; text-decoration:underline;}
#pagingNav .num_first, #pagingNav .num_prev, #pagingNav .num_right, #pagingNav .num_last{font-size:0; text-indent:-999px; background:url(./img/icon_btn.gif) no-repeat 10px 12px;}
#pagingNav .num_first{margin:0 20px 0 0;}
#pagingNav .num_prev{background-position:9px -16px;}
#pagingNav .num_right{background-position:17px -41px;}
#pagingNav .num_last{margin:0 0 0 20px; background-position:12px -68px;}

@media all and (max-width:1024px){
	#pagingNav{margin:40px 0 15px;}
}
@media all and (max-width:768px){
	#pagingNav{margin:35px 0 15px;}
}
@media all and (max-width:568px){
	#pagingNav{margin:30px 0 10px;}
	#pagingNav a{width:27px; height:27px; line-height:27px;}
	#pagingNav .num_first{margin:0 10px 0 0; background-position:6px 7px;}
	#pagingNav .num_last{margin:0 0 0 10px; background-position:6px -73px;}
	#pagingNav .num_right{background-position:11px -47px;}
	#pagingNav .num_prev{background-position:4px -21px;}
}
/* pagingNav 끝 */

/* 검색 폼 시작 */
/* 상세검색 */
#form_skin{overflow:hidden; width:100%; padding:4%; margin-bottom:20px; border:1px solid #d6d6d6; box-sizing:border-box;}
#form_skin .form_info{margin:0 0 15px 0;}
#form_skin .form_info li:before{content:''; display:inline-block; width:3px; height:3px; margin:10px 5px 0 0; vertical-align:top; background:#999;}
#form_skin .con_box{float:left; width:100%; margin:0 0 25px 0;}
#form_skin .con_box .con{float:left; width:96%; padding:0px 2%; border-bottom:1px solid #e1e1e1;}
#form_skin .con_box .con .wd50{float:left;}
#form_skin .con_box .con .title{float:left; width:100px; padding:13px 0 6px 0; font-weight:800;}
#form_skin .con_box .con .title label{font-weight:800;}
#form_skin .con_box .con .title:before{content:''; display:inline-block; width:4px; height:4px; margin:11px 5px 0 0; vertical-align:top; border-radius:50%; background:#5e7dda;}
#form_skin .con_box .con .details{float:left; width:80%; margin:0; padding:6px 0 6px 0;}
#form_skin .con_box .con .wd50 .details{width:calc(100% - 100px);}
#form_skin .con_box .con .name{display:inline-block;margin:0px 0px 8px 0;}
#form_skin .con_box .con .details li{border:0;}
#form_skin .con_box .con .details label{display:inline-block; padding:0 5px 0 5px}
#form_skin .impo{margin:0 0 0 5px; color:#e81919;}
#form_skin .btns{clear:both; width:100%; text-align:center;}
#form_skin .btn{margin:0 2px;}
#form_skin input#word,
#form_skin input#keyword{width:100%;}

@media all and (max-width:768px) {
	#form_skin{padding:20px 3%;}
	#form_skin .con_box{width:100%;}
	#form_skin .con_box .con{width:96%; padding:0 2%;}
	#form_skin .con_box .con .title{width:80px;}
	#form_skin .con_box .con .wd50:first-of-type{padding:0 10px 0 0; box-sizing:border-box;}
	#form_skin .con_box .con .details,
	#form_skin .con_box .con .wd50 .details{width:calc(100% - 80px);}
	#form_skin .btns{width:100%;}
	#form_skin select,
	#form_skin input[type="text"]{width:100%;}
	#form_skin input#subject{width:100%; box-sizing:border-box;}
	#form_skin .con_box .con .title:before{margin-top:9px;}

	
}
/* 검색폼 끝 */
/* 버튼 시작 */
/* board_btn */
.btn{display:inline-block; min-width:150px; height:50px; line-height:48px; padding:0 10px; color:#fff; font-size:17px; font-weight:800; text-align:center; vertical-align:top; border:1px solid #72727a; background:#72727a; border-radius:0; box-sizing:border-box; text-decoration:none !important;}
.btn.blue{border-color:#2269a8; background:#2269a8;}
.btn.orange{border-color:#3078C0; background:#3078C0;}
.btn.white{color:#555; border-color:#555; background:#fff; font-size: 16px;}
.btn.xls{border-color:#417d45; background:#417d45;}
.btn:hover{color:#72727a; background:#fff; transition:0.2s linear;}
.btn.blue:hover{color:#2269a8;}
.btn.orange:hover{color:#f88020;}
.btn.white:hover{color:#fff; background:#555;}
.btn.xls:hover{color:#417d45;}
.btn .glyphicon{top:-1px; vertical-align:middle; margin:0 2px 0 0;}

.board_btn{text-align:right;}
.board_btn .btn + .btn{margin:0 0 0 5px;}

.normal_list .btn{min-width:130px; height:40px; line-height:38px; margin:0 2px 6px;}

#search_result .title .btn{height:35px; line-height:33px; margin:-3px 0 0 5px; font-size:15px;}
@media all and (max-width:768px){
	.btn{height:45px; line-height:43px; min-width:130px; font-size:16px;}
}
@media all and (max-width:568px){
	.btn{height:42px; line-height:40px; min-width:108px; font-size:15px;}

	.board_btn .btn + .btn{margin:0 0 0 5px;}

	.normal_list .btn{min-width:95px; height:35px; line-height:33px;}
	#search_result .title .btn{font-size:14px;}
}
@media all and (max-width:380px){
	.btn{height:39px; line-height:37px; min-width:90px; font-size:14px;}

	.normal_list .btn{min-width:85px; height:30px; line-height:28px;}
	#search_result .title .btn{font-size:13px;}
}
/* 버튼 끝*/

/* 의원현황 시작 */
.mask{visibility:hidden; opacity:0; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4);}
.mask.on{z-index:95; visibility:visible; opacity:1; transition:0.3s ease;}
.pop_profile p{margin:0;}
#top .pop_profile{top:100px;}
#top .pop_profile.on{top:110px;}
.pop_profile{z-index:101; position:fixed; opacity:0; visibility:hidden; width:500px; top:2%; left:30%; font-size:15px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.25); transition:0.4s ease-in-out; font-family:'Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
.pop_profile:hover{cursor:pointer;}
.pop_profile.on{opacity:1; visibility:visible; top:10%;}
.pop_profile h1{margin:0; padding:15px 0; text-align:center; font-size:20px; color:#fff; font-weight:800; box-shadow:0 5px 5px rgba(0,0,0,0.2); background:#005e5d; font-family:'Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
.pop_profile .info{overflow:hidden; width:100%; padding:27px 3% 10px 3%; box-sizing:border-box;}
.pop_profile .pic_wrap{overflow:hidden; width:100%; margin:0 0 15px;}
.pop_profile .pic{float:left; width:29%;}
.pop_profile .pic img{width:100%; border:5px solid #d7d7d7; box-sizing:border-box;}
.pop_profile .pic .name{width:100%; padding:8px 0 0 0; font-size:110%; font-weight:800; color:#0a58a5; text-align:center;}
.pop_profile .detail{float:right; width:67%;}
.pop_profile .detail li{position:relative; padding:4px 0 2px 8px; border-bottom:1px solid #cfcfcf;}
.pop_profile .detail li:before,
.pop_profile .career h2:before{content:''; display:block; position:absolute; top:12px; left:0; height:3px; width:3px; background:#474747; border-radius:50%;}
.pop_profile .career h2:before{top:7px;}
.pop_profile .detail li *{display:inline-block; vertical-align:top;}
.pop_profile .detail li em{width:65px; white-space:pre;}
.pop_profile .detail li span{width:75%;}
.pop_profile .career{clear:both; margin:0px 0 10px 0;}
.pop_profile .career h2{position:relative; margin:0; padding:0px 0 6px 10px; font-size:105%; font-weight:normal; font-family:'Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
.pop_profile .career .list{height:160px; padding:10px; overflow:auto; border:1px solid #cfcfcf; line-height:1.5em; background:#f4f4f4;}
.pop_profile .career li{position:relative; padding:0 0 0 10px;}
.pop_profile .career li:before{content:''; display:block; position:absolute; top:12px; left:0; height:1px; width:5px; background:#474747;}
.btn_p_close{width:100%; padding:8px 0 12px 0; text-align:right; background:#535353;}
.btn_p_close a{display:inline-block; padding:0 20px 0 0; color:#fff; font-size:13px; letter-spacing:0; text-transform:uppercase;}
.tit .btn_p_close{position:absolute; top:13px; right:10px; width:auto; padding:0; background:none;}
.tit .btn_p_close a{position:relative; width:27px; height:27px; padding:0; font-size:0; line-height:0; text-indent:-999px; vertical-align:top;}
.tit .btn_p_close a:before,
.tit .btn_p_close a:after{content:''; display:block; width:35px; height:1px; transform:rotate(45deg); transform-origin:0 100%; background:#fff;}
.tit .btn_p_close a:after{margin:0 0 0 -10px; transform:rotate(-45deg); transform-origin:100% 100%;}
@media all and (max-width:1024px){
    .pop_profile{left:50%; transform:translateX(-50%);}
}
@media all and (max-width:568px){
    .pop_profile{width:94%; min-width:300px;}
    .pop_profile.on{top:4%;}
    .pop_profile .detail li span{width:calc(100% - 65px);}
}
@media all and (max-width:430px) {
    .pop_profile .info{padding:20px 10px 10px 10px;}
    .pop_profile .pic .name{font-size:105%;}
    .pop_profile .detail li em{width:55px;}
    .pop_profile .career .list{height:150px;}
}
@media all and (max-width:380px) {
    .pop_profile{font-size:14px;}
}
/* 의원현황 끝 */

/* 이미지 처리 관련 시작 */
.prf_header_lg { text-align: center; }
.prf_header_lg { text-align: center; margin-bottom: 50px; }
.prf_header img{display:inline-block; margin-bottom:20px;width:100%;}
.prf_header_lg { text-align: center; margin-bottom: 50px; }
.prf_header .prf_h .selected {background-color:#fff; color:#829c2c; padding:12px 3px; border:3px solid #829c2c; text-shadow:none; margin-top:30px;}
.prf_header .prf_row .selected {background-color:#fff; color:#abc060; padding:7px; border:3px solid #abc060; text-shadow:none}
/* 이미지 처리 관련 끝 */


/*테이블*/
.table_r { font-size: 16.5px; padding: 0.5% 0; float: right; text-decoration: underline; }
.t_line { padding: 5px 10px; }
.th1_right_2 { line-height: 160%; padding: 15px 20px; border: 1px solid #ddd; }
.th3_left { line-height: 160%; padding: 15px 20px; font-weight: 600; text-align: center; border: 1px solid #ddd; }
.th3_right { line-height: 160%; padding: 15px 20px; border: 1px solid #ddd; }
.th1_left { font-size: 18px; line-height: 160%; padding: 15px 20px; text-align: center; border: 1px solid #ddd; background-color: #fafafa; }
.th1_left2 { line-height: 160%; padding: 5px 20px; border: 1px solid #ddd; text-align: center; background-color: #fafafa; }
.th1_right { line-height: 160%; padding: 15px 20px; border: 1px solid #ddd; font-size: 18px; }
.td_right { line-height: 160%; padding: 15px 20px; border: 1px solid #ddd; }
.td1_left { line-height: 160%; padding: 15px 20px; border-bottom: solid #dddddd 1px; border: 1px solid #ddd; }
.th5_left { font-size: 18px; line-height: 160%; padding: 15px 20px; text-align: center; border: 1px solid #ddd; font-weight: 600; letter-spacing: 0px; border-top: 2px solid #00AACF; }
.th5_right { font-size: 18px; line-height: 160%; padding: 15px 20px; text-align: center; font-weight: 600; letter-spacing: 0px; border: 1px solid #ddd; border-top: 2px solid #00AACF; }
.th5_right2 { line-height: 160%; padding: 15px 20px; text-align: center; font-weight: 600; letter-spacing: 0px; border: 1px solid #ddd; }
td p { padding-left: 18px; background: url(https://seoulcbid.or.kr/img/sub/point_gray.png) no-repeat left 8px; }
    
@media (max-width: 992px) {
    /**테이블**/
    .table_scroll { position: relative; width: 100%; overflow-x: scroll; overflow: auto; }
    .table_scroll { border: 1px solid #ccc; }
    .table_scroll > table { min-width: 780px; }
    .table_scroll > table { border-collapse: collapse; border-spacing: 0px; /*table-layout: fixed;*/ width: 100%; clear: both; text-align: center; margin-left: -1px; font-size: 0.93em; border-bottom: 1px solid #bbb; zoom: 1; }
    .scroll_tb span { background-color: #aaa; border-radius: 200px; padding: 4px 8px; font-weight: 600; font-size: 11px; top: -2px; position: relative; margin: 0 5px; color: #fff; width: 3%; }
    .scroll_tb { text-align: center; margin: 13px 0 0 0; float: left; width: 100%; font-size: 1em; border-left: 1px solid #ddd; padding: 5px 0 5px 0; border-right: 1px solid #ddd; border-top: 1px solid #ddd;/* background-color: #efefef; */ }
}
/*테이블 끝*/

/* 행간격 */
.sub_container { float: left; width: 100%; margin: 2% 0; }

/* 제목 타이틀 */
.sub_T { width: 100%; text-align: left; font-size: 25px; margin-bottom: 2%; /*font-family: "S-CoreDream-5Medium";*/ }
.sub_T::before { content: ""; width: 22px; height: 9px; border-radius: 500px; background: #3576b2; display: block; float: left; margin-top: 0.9%; margin-right: 0.5%; }
@media (max-width: 768px) {
    .sub_T { font-size: 21px; }
}

/*역대의원*/
#sub_memberlist .selecBox{padding:3%; border:1px solid #e7e7e7; margin:0 0 20px 0; background:url(https://www.yuseonggucouncil.go.kr/images/kr/member/memberlist/search.gif) no-repeat right top;}
#sub_memberlist .selecBox ul{padding:0 0 16px 0;}
#sub_memberlist .selecBox li{font-size:110%; color:#585858; line-height:160%;}
#sub_memberlist .selecBox li span{color:#dc37af;}
#sub_memberlist .selecBox label, #sub_memberlist .selecBox select{color:#585858; font-size:110%; line-height:35px; height:35px; font-weight:normal;}
#sub_memberlist .selecBox select{width:170px; padding:0 0 0 8px; border:1px solid #e7e7e7;}
    
@media screen and (max-width:767px) {
    /*역대의원*/
	#sub_memberlist .selecBox{background:none;}
}

/*상단 디자인 */
#sub_topdign .selecBox{padding:3%; border:1px solid #e7e7e7; margin:0 0 20px 0; }
#sub_topdign .selecBox ul{padding:0 0 16px 0;}
#sub_topdign .selecBox li{font-size:20px; color:#585858; line-height:160%;}
#sub_topdign .selecBox li span{color:#dc37af;}
#sub_topdign .selecBox label, #sub_memberlist .selecBox select{color:#585858; font-size:110%; line-height:35px; height:35px; font-weight:normal;}
#sub_topdign .selecBox select{width:170px; padding:0 0 0 8px; border:1px solid #e7e7e7;}
    
@media screen and (max-width:767px) {
    /*역대의원*/
	#sub_topdign .selecBox{background:none;}
}
/* 폰트 사이즈 지정 */
.font18 { font-size: 18px; line-height: 30px; }
.font19 { font-size: 19px; }
.font20 { font-size: 20px; line-height: 34px; }
.font21 { font-size: 21px; }
.font22 { font-size: 22px; }
.font23 { font-size: 23px; }
.font24 { font-size: 24px; }
.font25 { font-size: 25px; }

.marginB1 { padding-left: 24px; font-weight: 300;/*margin-bottom: 4%;*/ line-height: 32px;}
.marginB2 { padding-left: 54px; font-weight: 300;/*margin-bottom: 4%;*/ line-height: 32px;}

/* 선거구별 시작 */
#sub_district .box_dist{position: relative; box-sizing: border-box; border: 10px solid #f5f5f5; margin-bottom: 40px;}
#sub_district .district{position: relative; min-height: 570px; box-sizing: border-box; padding: 44px 50px 43px 586px;}
#sub_district .district .btn_map{display: none;}
#sub_district .district p.map{position: absolute; top: 69px; left: 118px;}
#sub_district .district p.map img{max-width: none;}

#sub_district .district .info ul li{position: relative; display: table; margin-bottom: 7px; font-size: 15px;}
#sub_district .district .info ul li:nth-child(1){margin-bottom: 3px;}
#sub_district .district .info ul li strong{display: table-cell; vertical-align: middle;}
#sub_district .district .info ul li strong a{display: inline-block; width: 100px; height: 38px; line-height: 38px; border-radius: 29px; background: #b7e7f3; box-sizing: border-box; border: 1px solid #9cdcec; color: #000; font-size: 20px; text-align: center; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; font-weight: 200;}
#sub_district .district .info ul li.area2 strong a{background: #f7c885; border-color: #f5be6f;}
#sub_district .district .info ul li.area3 strong a{background: #f89f8e; border-color: #f58773;}
#sub_district .district .info ul li.area4 strong a{background: #9bcef1; border-color: #8fc7ef;}
#sub_district .district .info ul li.area5 strong a{background: #b9c5f3; border-color: #a2b1e9;}
#sub_district .district .info ul li.area6 strong a{background: #c8b9f3; border-color: #bcaaef;}
#sub_district .district .info ul li.area7 strong a{background: #afe2d7; border-color: #8ad5c4;}
#sub_district .district .info ul li.area8 strong a{background: #dff4ac; border-color: #c4e476;}
#sub_district .district .info ul li.area9 strong a{background: #ade9be; border-color: #91dfa7;}
#sub_district .district .info ul li.area10 strong a{background: #f4e2ac; border-color: #f3d98b;}
#sub_district .district .info ul li.area11 strong a{background: #f9a1a1; border-color: #f38888;}
#sub_district .district .info ul li.area12 strong a{background: #cccccc; border-color: #c2c2c2;}
#sub_district .district .info ul li p{position: relative; display: table-cell; vertical-align: middle; line-height: 115%; padding: 0 0 0 25px; word-break: keep-all;}
#sub_district .district .info ul li p a { font-size: 20px;}
#sub_district .district .info > p{position: relative; font-size: 20px; padding: 12px 0 0;}
@media all and (max-width: 1230px){
    #sub_district .district{padding: 44px 50px 43px 53%;}
}
@media all and (max-width:1024px){
    #sub_district .district{padding: 30px;}
    #sub_district .district p.map{position: static; text-align: center;}
    #sub_district .district .info{margin: 40px 0 0 26%;}
}
@media all and (max-width:768px){
    #sub_district .district .info{margin: 40px 0 0 12%;}
}
@media all and (max-width:568px){
	#sub_district .district p.map img {max-width:100%;}
    #sub_district .district .info {margin:45px 0 0 0;}
    #sub_district .district .info ul li{font-size: 14px;}
    #sub_district .district .info ul li p{padding: 0 0 0 15px;}
    #sub_district .district .info ul li p br{display: none;}
    #sub_district .district .info > p{font-size: 13px;}
    #sub_district .btn{max-width: none;}

}
@media all and (max-width:380px){
    #sub_district .district{padding: 20px;}
    #sub_district .district .info{margin: 30px 0 0;}
}
/* 선거구별 끝 */


/* 텍스트 및 제목 */
h4 { width: 100%; text-align: left; font-size: 1.2em; padding: 20px 25px; margin-bottom: 2%; background-color: #f5f5f5; border-left: 10px solid #00BACF; font-family: 'S-Core Dream 4'; }
.sub_container h4 .right { float: right; font-size: 0.85em; }
h4{ font-size: 24px; font-weight: bold;}
.sub_txt_box p {font-size: 20px; font-weight: 300; line-height: 30px;}
.sub_txt_box { /*float: left;*/ width: 100%; margin-top: 1%; padding-left: 2%; letter-spacing: -1px; line-height: 155%; }
    
.agency_box { color: #000; background: #f3f3f3; padding: 3%; /*float: left;*/ width: 100%; margin: 2% 0; }
.sub_txt_box { /*float: left;*/ width: 100%; margin-top: 1%; padding-left: 2%; letter-spacing: -1px; line-height: 155%; }
.agency_box02{ border-radius: 25px; padding: 2.5%; }
.sub_container .txt { width: 100%; float: left; margin-bottom: 2%; }
.sub_container .txt:last-child{ margin-bottom:0; }
.sub_container .txt .le { width: 15%; float: left; background: #828282; color: #fff; padding: 10px; text-align: center; letter-spacing: 1px; }
.sub_container .txt .ri { width:85%; float: left; padding-top: 0px; padding-left: 15px; }
.sub_container .txt  p { margin-bottom: 7px; padding-left: 1em; position: relative;	}
.sub_container .txt .ri p::after{ content: "●"; color: #949494; font-size: 18px; position: absolute; display: inline-block; left: 0; top: 0; }
.sub_container .txt p:last-child { margin-bottom: 0; }
@media (max-width:750px) {
    .buttons{ margin:0 auto; }
    .sub_container .txt .le { width: 25%; }
    .sub_container .txt .ri { width: 75%; padding:10px; }
}
@media (max-width:450px) {
    .round_box .img_box { width: 100%; float: left; padding: 3%; }
    .round_box .img_box_le { border-right: none; border-bottom: 2px dotted #aaa; }	 
    .sub_container .txt .le { width: 100%; }	
    .sub_container .txt .ri { width: 100%; }
}
.point1, .point2{ font-weight: 600; padding-left: 53px; position: relative; }
.point1:before, .point2:before { content: "●"; color: #00bacf; font-size: 18px; position: absolute; display: inline-block; left: 30px; }
.point2:before { color: #949494; }


/*의안처리절차
#sub_process .list_1{overflow:hidden; width:100%; padding:0 0 58px 0; background:#6651a1 url(./img/page0302_01.jpg) no-repeat bottom center;}
#sub_process .h1{color:#fff; font-size:24px; width:100%; text-align:center; padding:3.5% 0;}
#sub_process h5{font-size:20px; color: #3b1d91; font-weight: 600; padding:0 0 5px 0;}
#sub_process .dot{padding:0 0 0 7px; background:url(https://www.yuseonggucouncil.go.kr/images/kr/function/process/dot.gif) no-repeat left 9px;}
#sub_process li, #sub_process p{line-height:160%; font-size:18px; color:#555454;}
#sub_process li li{font-size:95%;}
#sub_process .list1_1 .h1{float:left; text-align:right; width:45%; padding:3.5% 5% 3.5% 0;}
#sub_process .list1_1 ul{float:left; padding:2% 0 2% 0;}
#sub_process .list1_1 ul li{color:#fff; font-size:20px; background:url(https://www.yuseonggucouncil.go.kr/images/kr/function/process/dot2.gif) no-repeat left 9px;}
#sub_process .list_2{overflow:hidden; width:100%; padding:0 0 58px 40px; background:url(https://www.yuseonggucouncil.go.kr/images/kr/function/process/arrow.gif) no-repeat bottom center;}
#sub_process .list_3{float:left; width:30%; padding:0 30px 0 0; background:url(https://www.yuseonggucouncil.go.kr/images/kr/function/process/arrow2.gif) no-repeat right top;}
#sub_process .list_3 div{padding:10% 10% 10% 10%; min-height:200px; border:1px solid #564095;}
#sub_process .list2 .list_3{background:url(https://www.yuseonggucouncil.go.kr/images/kr/function/process/arrow4.gif) no-repeat right top;}
#sub_process .list2_2 .list_3 div{min-height:300px;}
#sub_process .list1_2_3,
#sub_process .list2_2_3{padding:0; width:36%; background:none !important;}
#sub_process .list3{overflow:hidden;}
#sub_process .list3 .list3_1{float:left; width:48%; min-height:134px; padding:0; background:#6651a1;}
#sub_process .list3 .list3_1 .h1{text-align:left; width:93%; padding:4.5% 0 2.5% 4%;}
#sub_process .list3 .list3_1 p{color:#fff; padding:0 0 0 4%;}
#sub_process .list3 .list3_2{float:right; width:48%;}
#sub_process .list3 .list3_2_1{float:left; width:100%; min-height:134px; padding:0; margin:0 0 16px 0; background:#6651a1;}
#sub_process .list3 .list3_2_1 .h1{padding:12% 0 0 0;}
#sub_process .list3 .list3_2_2{float:left; width:100%;}
#sub_process .list3 .list3_2_2 .list_3{width:99%; padding:0 0 29px 0; background:url(https://www.yuseonggucouncil.go.kr/images/kr/function/process/arrow3.gif) no-repeat bottom center;}
#sub_process .list3 .list3_2_2 div{padding:4% 10%;}
#sub_process .list3 .list3_2_2 .list3_2_2_3_1,
#sub_process .list3 .list3_2_2 .list3_2_2_3_2{background:none;}
#sub_process .list3 .list3_2_2 .list_3 div{min-height:auto;}
#sub_process .list3 .list3_2_2_2 div{text-align:center;}
#sub_process .list3 .list3_2_2_3{padding:0 !important;}
#sub_process .list3 .list3_2_2_3 .list3_2_2_3_1{float:left; width:48%;}
#sub_process .list3 .list3_2_2_3 .list3_2_2_3_2{float:right; width:48%;}
#sub_process .list3 .list3_2_2_3 .list3_2_2_3_1 div,
#sub_process .list3 .list3_2_2_3 .list3_2_2_3_2 div{min-height:150px;}
@media screen and (max-width:999px) {
    /*의안처리절차
	#sub_process .list_3{width:28%;
}
@media screen and (max-width:767px) {
    /*의안처리절차
	#sub_process .list1_1 h4{float:none; text-align:center; width:100%; padding:3.5% 0 3% 0;}
	#sub_process .list1_1 ul{float:none; text-align:center; padding:0 0 2% 0;}
	#sub_process .list_3{width:26%;}
	#sub_process .list3 .list3_1{min-height:auto; padding:0 0 3% 0;}
	#sub_process .list3 .list3_2_1{min-height:auto; padding:0 0 10% 0;}
}


/*** 의안처리절차 ***/
#detail_con>.tbox:first-child{ margin-top:0; }
#detail_con>.para01:first-child{ margin-top:0; }
.bl05>li{position:relative; padding-left:10px; font-size:18px}
.bl05>li:before{display:block; content:''; position:absolute; left:0px; top:8px; width:4px; height:1px; background:#666}

ol.step .bl05, ol.step02 .bl05{margin-bottom:0px; text-align:left}
ol.step .bl04 li:before, ol.step02 .bl04 li:before{background-color:#999; text-align:left}
ol.step{overflow:hidden; counter-reset:step;}
ol.step>li{display:table; position:relative; margin-top:25px; padding-top:10px; width:100%; word-break:keep-all;}
ol.step>li>.tit, ol.step>li>.con{display:table-cell; vertical-align:middle; padding:20px}
ol.step>li>.tit{text-align:center; padding-bottom:25px; width:35%; background:#f4f6fc; font-size:20px; color:#193e8f; border-radius:5px 0px 0px 5px; border:3px solid #dae1f4; border-right:1px solid #e5e5e5}
/*ol.step>li>.tit:before{display:block; margin-bottom:5px; color:#193e8f; font-weight:bold; font-size:0.85em; counter-increment:step; content:'STEP 0'counter(step); letter-spacing:0}*/
ol.step>li:nth-child(9)~li>.tit:before{content:'STEP 'counter(step)}
ol.step>li:before{content:''; position:absolute; right:50%; bottom:-20px; width:10px; height:10px; border-top:3px solid #ccc; border-right:3px solid #ccc; -webkit-transform: rotate(-225deg); transform: rotate(-225deg); z-index:1;}
ol.step>li .con{text-align:left; border:3px solid #ddd; border-left:0px;  border-radius:0px 5px 5px 0px}
ol.step>li.nocon>.tit{display:block; margin:auto; border-radius:5px; border-right:3px solid #dae1f4}
ol.step>li.nocon.w100p>.tit{width:100%;}
ol.step>li.along{margin:25px auto; width:55%}
ol.step>li.along:after{right:51%; bottom:-20px; -webkit-transform:rotate(-225deg); transform:rotate(-225deg)}
ol.step>li.along>.tit{width:100%; border-radius:5px; border:3px solid #dae1f4}
ol.step02{overflow:hidden; counter-reset:step}
ol.step02>li{position:relative; float:left; padding-right:25px; margin-top:15px; width:25%; word-break:keep-all;}
ol.step02.col1>li{width:100%}
ol.step02.col2>li{width:50%}
ol.step02.col3>li{width:33.3%}
ol.step02.col5>li{width:20%}
ol.step02>li:before{display:block; position:absolute; top:20px; text-align:center; width:100%; font-size:0.9em; color:#193e8f; font-weight:bold; counter-increment:step; content:'STEP 0'counter(step); letter-spacing:0; box-sizing:border-box}
ol.step02>li:after{content:''; position:absolute; right:7px; bottom:50%; width:10px; height:10px; border-top:3px solid #ccc; border-right:3px solid #ccc; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index:1;}
ol.step02>li:last-child:after{display:none}
ol.step02>li>.tit{display:block; display:flex; align-items:center; justify-content:center; text-align:center; /*padding-top:30px;*/ height:100px; background:#11906e; font-size:20px; font-weight:bold; color:#ffffff; border-radius:5px 5px 0px 0px; border:3px solid #11906e}
ol.step02>li .con{display:flex; align-items:center; justify-content:center; text-align:center; padding:15px 20px; border:3px solid #ddd; border-top:0px; border-radius:0px 0px 5px 5px}
ol.step02>li:nth-child(9)~li>.tit:before{content:'STEP 'counter(step)}
ol.step02>li.nocon>.tit{border-radius:5px; background-color: #11906e;}
ol.step02>li.along{margin:0px auto 30px; float:none; width:55%}
ol.step02>li.along:after{right:51%; bottom:-20px; padding-right:0px; -webkit-transform:rotate(-225deg); transform:rotate(-225deg)}
ol.step02.col1>li{margin:0px auto 30px; padding-right:0px; float:none}
ol.step02.col1>li:after{left:50%; margin-left:-9px; bottom:-20px; -webkit-transform:rotate(-225deg); transform:rotate(-225deg)}
ol.step02>li.first:before{color:#fff}
ol.step02>li.first:after{border-color:#118cab}
ol.step02>li.first>.tit{background:#118cab; color:#fff; border-color:#118cab}
ol.step02>li.first .con{border-color:#118cab}
ol.step02>li.last:before{color:#fff}
ol.step02>li.last:after{border-color:#11906e}
ol.step02>li.last>.tit{background:#11906e; color:#fff; border-color:#11906e}
ol.step02>li.last .con{border-color:#11906e}
.process .step>li>ul{ overflow:hidden; }
.process .step>li>ul>li{ float:left; width:47%; }
.process .step>li>ul>li>ol.step02 li:before{ left:-5000px; }
/*.process .step>li>ul>li>ol.step02 li .tit:before{ display:block; position:absolute; top:20px; text-align:center; width:100%; font-size:0.9em; letter-spacing:0; box-sizing:border-box; content:'STEP 'counters(step,"-"); }*/
.process .step>li>ul>li:nth-child(2n){ float:right; }
.process .step ol ol>li{ float:left; width:49%; padding-right:0px; margin-right:2%; }
.process .step ol ol>li:last-child{ margin-right:0%; }
.process .step ol ol>li:after{ display:none; }
/*.process .step ol ol>li>.tit:before{ content:'STEP 13'; padding-right:0px; }*/
.process .step ol ol>li>.con{ align-items:flex-start; }

.wah{text-align:center; padding:30px; margin:15px 17px; line-height:0px; border:3px solid #eee}
@media screen and (max-width:800px){
	ol.step>li{display:block}
	ol.step>li>.tit,
	ol.step>li>.con{display:block; width:100%}
	ol.step>li>.tit{border:5px solid #dae1f4; border-bottom:1px solid #e5e5e5; border-radius:5px 5px 0px 0px; }
	ol.step>li.nocon>.tit{border-bottom:5px solid #dae1f4;}
	ol.step>li .con{border:5px solid #ddd; border-top:0px; border-radius:0px 0px 5px 5px}
	ol.step02>li{margin-top:6px; margin-bottom:30px; padding-right:0px}
	ol.step02.col2>li{width:100%}
	ol.step02.col3>li{width:50%}
	ol.step02.col5>li{width:50%}
	ol.step02>li:after{right:49% !important; bottom:-20px; -webkit-transform:rotate(-225deg); transform:rotate(-225deg);}
	.process .step ol ol>li{ width:100%; margin-right:0% }
}
.w100p{width:100% !important; }

/* 의원광장 */
#sub_active{overflow:hidden; width:100%;}
.profile{float:left; width:500px; margin:0 30px 36px 0; padding:19px 0 0 0; /*border:1px solid #d2d2d2;*/ box-sizing:border-box;}
.profile.none{float:right;}
.profile dl{float:left; width:100%;}
.profile dt{float:left; width:119px; padding:0 0 20px 19px;}
.profile dt img{width:119px;}
.profile dd{float:left; width:318px; min-height:172px; padding:0 0 0 20px;}
.profile dd .name{display:block; padding:0 0 12px 0; font-size:20px; font-weight:bold;}
.profile dd li{padding:0 0 4px 7px; line-height:135%;}
.profile dd li *{display:inline-block; vertical-align:top;}
.profile dd li em{width:68px; white-space:pre;}
.profile dd li span{width:70%; word-break:break-all;}
.profile .btns{clear:both; overflow:hidden; width:100%; min-height:0; padding:0; border-top:1px solid #d9d9d9;}
.profile .btns a{position:relative; float:left; width:49%; margin: 1px 1px; height:40px; line-height:40px; font-weight:bold; color:#5182c7; background:#fafafa; text-align:center; text-decoration:none; box-sizing:border-box;}
.profile .btns a:first-child{width:49%; margin: 1px 1px; color:#5d5d5d; border-right:1px solid #d9d9d9;}
.profile .btns a:before{content:''; display:inline-block; width:16px; height:15px; margin:13px 5px 0 0; background:url(/images/kr/member/ico_b_home.png) no-repeat; vertical-align:top;}
.profile .btns a:first-child:before{width:22px; background:url(/images/kr/member/ico_profile.gif) no-repeat;}
.profile .sns{float:left; padding:5px 0 10px 0;}
.profile .sns a{float:left; width:28px; height:27px; margin:0 4px 0 0; font-size:0; text-indent:-9999px; border-radius:0; background:#4db2f3 url(/images/common/ico_sns.png) no-repeat -120px 5px; background-size:auto 18px;}
.profile .sns .home{background:#7c48ab url(/images/kr/member/ico_w_home.png) no-repeat 6px 5px;}
.profile .sns .fb{background-color:#254da9; background-position:9px 5px;}
.profile .sns .bl{background-color:#24c000; background-position:-77px 5px;}
.profile .sns .kko{background-color:#fbc000; background-position:-34px 5px;}
.profile .sns .insta{background-color:#c536a4; background-position:-163px 5px;}
.profile .sns .off{background-color:#aaa;}
#sub_memberlist .profile .btns a:first-child{width:100%; border-right:none;}
#sub_memberlist .profile dt{min-height:170px;}
#sub_memberlist .profile dd{min-height:0;}
#sub_memberlist .profile dd span{word-break:keep-all;}
@media all and (max-width:1200px) {
	.profile{width:48%; margin:0 0 2em 0;}
	.profile dt{width:38%; max-width:155px; padding-left:0; text-align:center;}
	.profile dt img{width:85%; max-width:119px; height:auto;}
	.profile dd{width:62%; padding:0;}
	.profile dd ul{width:100%;}
	.profile dd ul li{width:97%;}
	.profile dd li span{width:68%;}
}
@media all and (max-width:1100px) {
	.profile dd li span{width:62%;}
}
@media all and (max-width:1024px) {
	.profile dd li em{width:62px;}
}
@media all and (max-width:670px) {
	.profile{overflow:hidden; width:100%; height:auto; margin:0 0 18px 0; padding:1em 0 0 0;}
	.profile dd{min-height:0;}
	.profile dt{padding:0;}
	.profile .btns{margin:1em 0 0 0;}
	.profile .btns a.end:before{left:5%;}
	#sub_memberlist .profile dt{min-height:0;}
}
@media all and (max-width:586px) {
	.profile dd li em{width:58px;}
}
@media all and (max-width:400px) {
	.profile dd li em{width:55px;}
}

/* 레이어 프로필 팝업 */
/*회의록 내 프로필 스타일*/
.mask{visibility:hidden; opacity:0; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4);}
.mask.on{z-index:95; visibility:visible; opacity:1; transition:0.3s ease;}
.pop_profile p{margin:0;}
#top .pop_profile{top:100px;}
#top .pop_profile.on{top:110px;}
.pop_profile{z-index:101; position:fixed; opacity:0; visibility:hidden; width:500px; top:2%; left:30%; font-size:15px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.25); transition:0.4s ease-in-out; font-family:'Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
.pop_profile:hover{cursor:pointer;}
.pop_profile.on{opacity:1; visibility:visible; top:10%;}
.pop_profile h1{margin:0; padding:15px 0; text-align:center; font-size:20px; color:#fff; font-weight:800; box-shadow:0 5px 5px rgba(0,0,0,0.2); background:#005e5d; font-family:'Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
.pop_profile .info{overflow:hidden; width:100%; padding:27px 3% 10px 3%; box-sizing:border-box;}
.pop_profile .pic_wrap{overflow:hidden; width:100%; margin:0 0 15px;}
.pop_profile .pic{float:left; width:29%;}
.pop_profile .pic img{width:100%; border:5px solid #d7d7d7; box-sizing:border-box;}
.pop_profile .pic .name{width:100%; padding:8px 0 0 0; font-size:110%; font-weight:800; color:#0a58a5; text-align:center;}
.pop_profile .detail{float:right; width:67%;}
.pop_profile .detail li{position:relative; padding:4px 0 2px 8px; border-bottom:1px solid #cfcfcf;}
.pop_profile .detail li:before,
.pop_profile .career h2:before{content:''; display:block; position:absolute; top:12px; left:0; height:3px; width:3px; background:#474747; border-radius:50%;}
.pop_profile .career h2:before{top:7px;}
.pop_profile .detail li *{display:inline-block; vertical-align:top;}
.pop_profile .detail li em{width:65px; white-space:pre;}
.pop_profile .detail li span{width:75%;}
.pop_profile .career{clear:both; margin:0px 0 10px 0;}
.pop_profile .career h2{position:relative; margin:0; padding:0px 0 6px 10px; font-size:105%; font-weight:normal; font-family:'Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
.pop_profile .career .list{height:160px; padding:10px; overflow:auto; border:1px solid #cfcfcf; line-height:1.5em; background:#f4f4f4;}
.pop_profile .career li{position:relative; padding:0 0 0 10px;}
.pop_profile .career li:before{content:''; display:block; position:absolute; top:12px; left:0; height:1px; width:5px; background:#474747;}
.btn_p_close{width:100%; padding:8px 0 12px 0; text-align:right; background:#535353;}
.btn_p_close a{display:inline-block; padding:0 20px 0 0; color:#fff; font-size:13px; letter-spacing:0; text-transform:uppercase;}
.tit .btn_p_close{position:absolute; top:13px; right:10px; width:auto; padding:0; background:none;}
.tit .btn_p_close a{position:relative; width:27px; height:27px; padding:0; font-size:0; line-height:0; text-indent:-999px; vertical-align:top;}
.tit .btn_p_close a:before,
.tit .btn_p_close a:after{content:''; display:block; width:35px; height:1px; transform:rotate(45deg); transform-origin:0 100%; background:#fff;}
.tit .btn_p_close a:after{margin:0 0 0 -10px; transform:rotate(-45deg); transform-origin:100% 100%;}
@media all and (max-width:1024px){
    .pop_profile{left:50%; transform:translateX(-50%);}
}
@media all and (max-width:568px){
    .pop_profile{width:94%; min-width:300px;}
    .pop_profile.on{top:4%;}
    .pop_profile .detail li span{width:calc(100% - 65px);}
}
@media all and (max-width:430px) {
    .pop_profile .info{padding:20px 10px 10px 10px;}
    .pop_profile .pic .name{font-size:105%;}
    .pop_profile .detail li em{width:55px;}
    .pop_profile .career .list{height:150px;}
}
@media all and (max-width:380px) {
    .pop_profile{font-size:14px;}
}