@charset "UTF-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Author : 사하구 의회
/* Date : 2016-10-11 ~
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 서브 공통스타일
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Common */
/*.blind {position:absolute;top:-9999px;left:-9999px;z-index:-1; height:0; padding:0; margin:0;overflow:hidden; font:0/0 Sans-serif;}*/

 /* Color */
.red, a.red {color:#e65231}
.pink, a.pink {color:#d84374}
.orange, a.orange {color:#ff7113}
.blue, a.blue {color:#2466c0}
.sky, a.sky {color:#0084aa}
.green, a.green {color:#008c44}
.olive, a.olive {color:#529823}
.pp { color: #4b5399 !important;}
a.pp {color: #3644bd !important;}
.mT30 { margin-top: 30px}



/* Heading */
h3.bar {margin-bottom: 10px; padding-left: 10px; font-size: 18px; line-height: 18px; color: #3b4a98; background: url(../../images/sub/icon_h3.gif) 0px 50% no-repeat; box-sizing: border-box; }
h4.circle {margin: 10px 0 10px 10px; padding-left: 15px; font-size: 15px; line-height: 15px; color: #444; background: url(../../images/sub/icon_h4.gif) 0px 50% no-repeat; box-sizing: border-box; }

/* 문단 */
.h3content { margin: 0 0 15px 5px; padding: 0 0 5px 5px; box-sizing: border-box; position: relative;  }
.h4content { margin: 0 0 15px 15px; padding: 0 0 5px 12px; box-sizing: border-box; position: relative; }
.h3content p, .h4content p { padding-bottom: 5px; }
.contentBox {margin: 0 0 30px 0; }
.contentBox p {padding-bottom: 10px; }
.contentBox .ttl { font-size: 21px; line-height: 30px; padding-bottom: 15px;}
.contentBox .ttl span { color: #3c62bd; }


/* Btn */
.btn_link { display: inline-block; height: 25px; padding: 5px 46px 5px 28px; line-height: 25px; color: #fff!important; background: #2d6eb4 url(../../images/sub/btn_link.png) 92% 50% no-repeat; }
.btn_link:hover { background-color: #0E4B8D; text-decoration: none; }
.url_link { display: inline-block; height: 25px; padding: 5px 46px 5px 10px; line-height: 25px; color: #1278DE!important; background: url(../../images/sub/url_link.png) 95% 50% no-repeat; }
.url_link:hover { color: #2d6eb4; }
.btn_file { display: inline-block; height: 20px; padding: 5px 35px 5px 18px; border: 1px solid #ddd; border-left: 2px solid #333C7D;  line-height: 20px; color: #333C7D!important; background: #fff url(/tour/images/sub/btn_file.png) 100% 50% no-repeat; }
.btn_file:hover { background-color: #f9f9f9; text-decoration: none; }

.btn { display: inline-block; padding: 0px 15px; line-height: 28px; background: #4C5499; border: 1px solid #454B7E; color: #fff!important;text-align: center; border-radius: 3px }
.btn:hover { text-decoration: none; background: #454B7E; }
.bgray { background: #6E6E6E; border-color: #6E6E6E; border-radius: 3px}
.cancel { background: #545661; border-color: #424453; border-radius: 3px}
.button { display: inline-block; padding: 5px 10px; line-height: 18px; border-radius: 3px; border: 1px solid #CDD5DE; background: #fff; font-size: 13px; color: #4e5359; text-align: center;border-radius: 3px }
.button:hover { text-decoration: none; }

/* List */
.ul_dot { padding-bottom: 5px; overflow: hidden; position: relative;}
.ul_dot li { padding: 0 0 5px 10px; background: url(../../images/sub/icon_arrow.gif) 0px 8px no-repeat; box-sizing: border-box; }
.ul_dot li ul { padding-bottom: 10px; }
.ul_dot li ul li { padding: 0 0 0 8px; background: url(../../images/sub/icon_dot.gif) 0px 8px no-repeat; }
.ul_dot li ol li { padding: 0px; background: none; }
.ul_dot li ul li li { padding: 0 0 0 10px; background: url(../../images/sub/icon_bl.gif) 3px 10px no-repeat; }
.ul_bar {padding-top:5px; overflow: hidden; position: relative;}
.ul_bar li { padding: 0 0 3px 15px; background: url(../../images/sub/icon_bar.gif) 0px 9px no-repeat; box-sizing: border-box; text-align: left; }
.ul_img { clear:both; padding: 5px 0 10px; overflow: hidden; position: relative;}
.ul_img li { float: left; width: 33.330%; box-sizing: border-box; padding-left: 1px }
.ul_img li:FIRST-CHILD {padding-left: 0}
.ul_img li img { max-width: 100%}
.ul_img li span { display: block; text-align: center; font-size: 13px; padding: 3px; background-color: #eee}



/* Image */
.img_full, .img_full img {max-width:100%}
.img_left, .img_right {max-width:33.3%;}
.img_w50 {max-width:50%;}
.img_left {float:left;margin-right:30px}
.img_right{float:right;margin-left:30px}
.img_left img, .img_right img {max-width:100%}
.img_border {margin:10px 0;padding:10px 0;border:1px solid #ddd;text-align:center}
.img_border img {max-width:100%}



/* Align */
.tl {text-align:left}
.tc {text-align:center}
.tr {text-align:right}
.tj {text-align:justify}
.tl .btn_s {margin:0 2px 0 0}
.tc .btn_s {margin:0 1px}
.tr .btn_s {margin:0 0 0 2px}
.tl .btn_m {margin:0 2px 4px 0}
.tc .btn_m {margin:0 1px 4px}
.tr .btn_m {margin:0 0 4px 2px}


/* 여백 */
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }


/* Box */
.bg_box {box-sizing: border-box; border: 1px solid #e2e5eb; padding: 20px 30px 30px 30px; margin-bottom: 30px; background-color: #f0f4fa; }
.bg_box p { padding-top: 10px; }
.img0304 {  min-height: 100px; background: #f0f4fa url(../../images/sub/img_0304.png) 95% 50% no-repeat; padding-right: 160px}
.img0807 { min-height: 100px; background: #f0f4fa url(../../images/sub/img_0807.png) 95% 50% no-repeat;padding-right: 160px}
.img0808 { min-height: 100px; background: #f0f4fa url(../../images/sub/img_0808.png) 95% 50% no-repeat;padding-right: 160px}


 /* Table */
 table {width:100%; border-collapse:collapse; border:0; border-spacing:0;/*table-layout:fixed*/}
.table { margin:4px 0 20px; border-top: 2px solid #2349B4; }
.table th, .table td { padding:8px 10px 6px; border:1px solid #ddd; line-height:1.615; vertical-align:middle}
.table thead th { border-top:0; background:#ECF0FB; text-align:center}
.table tbody th { font-weight:400; text-align:center}
.table tbody .bg { background:#f2f2f2}
.table tbody tr:first-child th, .table tbody tr:first-child td { border-top:0}
.table tbody th { background-color: #f9f9f9; font-weight: 600; }
.table tfoot th, .tb_data tfoot td { background:#e9eff4}
.table .line_dash td { border-top:1px dashed #ddd; border-bottom:0}
.table .line_dash.first td { border-top:1px solid #ddd; border-bottom:1px dashed #ddd}

table td.tl, table th.tl {text-align:left !important}
table td.tr, table th.tr {text-align:right}
.table_r {position:absolute; right:0; top:-30px; color: #888; font-size: 13px}

.tb_data {margin:4px 0 20px;padding-top:3px;background:url(../../images/sub/tb_data_bg.gif) no-repeat 50% 0}
/*
.tb_data th, .tb_data td {padding:8px 10px 6px;border:1px solid #ddd;line-height:1.615;vertical-align:middle}
*/
.tb_data thead th {border-top:0;background:#f2f2f2;text-align:center}
.tb_data tbody th {font-weight:400;text-align:center}
.tb_data tbody .bg {background:#f2f2f2}
/*
.tb_data tbody tr:first-child th, .tb_data tbody tr:first-child td {border-top:0}
*/
.tb_data tfoot th, .tb_data tfoot td {background:#e9eff4}
.tb_data .line_dash td {border-top:1px dashed #ddd;border-bottom:0}
.tb_data .line_dash.first td {border-top:1px solid #ddd;border-bottom:1px dashed #ddd}
.tb_text + .tb_data {margin-top:0}

/* Tab */
.tab_menu { margin:0px 0 50px}
.tab_menu li { float:left; width: 33%;}
.tab_menu li a {display:block; position:relative; height:42px; margin:-1px 0 0 -1px; padding:0 20px; border:1px solid #d2d4d8; background:#f3f3f3; color:#6f6f6f; text-align:left; line-height:44px; font-size: 15px; text-decoration:none; transition:all .2s}
.tab_menu li a:hover, .tab_menu li a:active, .tab_menu li a:focus {border-color:#ccc; background-color: #DFDFDF; color:#222; z-index:1}
.tab_menu li.current a { position:relative; border-color:#d8507d; font-weight:700; z-index:2; background:#d8507d url(../../images/sub/tab_on.png) 90% 50% no-repeat; color: #fff; }
.tab_menu li a img { margin-right:-5px}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 1.0 의장실 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 인사말 */
.greeting {margin: 0}
.greeting .pic { width: 390px; min-height: 550px; padding: 27px 100px 22px 0; box-sizing: border-box; background:url(../../images/sub/bg_greeting.gif) no-repeat right top; float: left; margin: 0 30px 20px 0  }
.greeting .pic img {max-width: 100%}
.greeting .sign { font-size: 16px; text-align: right; margin-top: 30px;  color: #555 }
.greeting .sign img {vertical-align: bottom; padding: 0 5px;}
.greeting .sign .name { font-size:20px; font-weight:bold; color: #000; }
.greeting p { font-size: 15px; }
.greeting .ttl { font-size: 21px; line-height: 30px; padding-bottom: 15px; letter-spacing: -1px;}

/* 약력 */
.history_box { position:relative; padding: 10px 0 0 280px}
.history_box .pic { position: absolute; left: 0; top:0;}
.history_box .pic img { max-width: 220px; padding: 5px; border: 1px solid #ddd;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 2.0 의회소개 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 의회오시는길 */
.btn_skip {font-size:0; position: relative;}
.btn_skip a {position:absolute; display:block; width:100%; left:0; text-align:center; top:-10000px; z-index:500; font-size:12px; color:#fff }
.btn_skip a:hover, 
.btn_skip a:focus, 
.btn_skip a:active{position: absolute; top: 0; padding: 10px 0;  background:#2349B4; z-index:500}
#map {position:relative;overflow:hidden;width:100%;height:350px;background-color: #eee; margin-bottom: 20px}
.customoverlay {position:relative;bottom:90px; left:4px; border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay .title {display:block;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background:#fff;padding:10px 15px;}
/*.customoverlay .title:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('../../images/sub/map_vertex_white.png')}*/

.traffic_box { box-sizing: border-box; padding: 20px;  column-count: 2; column-gap: 40px; column-rule: 1px dotted #ddd;  border: 1px solid #ddd; }

/* 조직도 */
.organization_box { position:relative;  padding: 30px 30px 20px ; border: 1px solid #ddd; margin-bottom: 30px; min-height: 150px}
.organization_box .org { margin: 10px 0 20px; background: url(/council/images/sub/org_bg.png)no-repeat 50% 0px; overflow: hidden;}
.organization_box .org .n01,
.organization_box .org .n02 {width:20%; display:block; color:#fff; text-align:center; }
.organization_box .org .n01 {background:#4a4ba3; margin:0 auto; height:44px; line-height: 44px;font-size:16px; }
.organization_box .org .n02 {background:#f8fafe; margin:25px auto 30px auto; border: 2px solid #4a4ba3; height:40px; line-height: 40px; color: #444;font-size:15px;}
.organization_box .f_l { text-align: center; width: 65%; margin: 0 auto; }
.organization_box .f_l > li { width:33.3%; float: left; margin: 0; padding-top:30px;}
.organization_box .f_l > li div { width: 70%; margin: 0 auto 30px; }
.organization_box .org_left{background: url(/council/images/sub/org_left.png)no-repeat 50% 0;   }
.organization_box .org_middle{background: url(/council/images/sub/org_middle.png)no-repeat 50% 0; }
.organization_box .org_right{background: url(/council/images/sub/org_right.png)no-repeat 50% 0;  }

.organization_box div span {display:block; background:#5773c3;border:1px solid #455ea8; height:45px; line-height:45px;font-size:15px;color:#fff; }
.organization_box div ul{border:1px solid #cdd5de; border-top:none; text-align:left; display:block; background:#fff;}
.organization_box div ul li {position: relative; border-top: 1px solid #cdd5de;  text-align: center; color: #545454; font-size: 13px; line-height: 38px;}
.organization_box div ul li:first-child {border-top:none;}
.organization_box div.no span { border: 1px solid #455ea8; color: #333; background: #fff; height:42px; line-height:42px;font-weight:normal;  }
.organization_box ul.ul_dot { clear: both; border-top: 1px dotted #ddd; padding-top: 20px}
.organization_box h3.bar {position: absolute;left: 30px; top:30px; font-size: 1.25em; line-height: 1.8em; background: none; padding: 0; margin: 0; color: #333}
.organization_box h3.bar span { display:block; font-size: 2em }
.organization_box div ul li.bg { background-color: #f8fafe}

.organization_box div.n03 { width: 22%; text-align: center; }
.organization_box .org2 {margin: 10px 0 20px; background: url(/council/images/sub/org_bg.png)no-repeat 50% 0px; overflow: hidden;}
.organization_box .org2 li { width:30%; color:#fff;  text-align:center; margin: 0 auto; }
.organization_box .org2 li.n01 {background:#4a4ba3; border: 1px solid #4a4ba3; }
.organization_box .org2 li.n02 {background:#5773c3; border: 1px solid #455ea8; margin:25px auto 30px auto;}
.organization_box .org2 li span { display:block; line-height: 40px; font-size:16px;}
.organization_box .org2 span.name { background:#fff; color:#333;font-size:14px;line-height: 35px;  }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 3.0 의회운영 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 행정사무 감사 */
.h3content .file {text-align: right; position:relative; top:-10px}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 4.0 의원 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 의원 list*/
.list_member { margin-bottom: 30px; overflow: hidden;}
.list_member > ul > li {width: 50%; float: left; margin-bottom: 20px; box-sizing:border-box}
.list_member > ul > li:nth-child(odd) { padding-right: 5px}
.list_member > ul > li:nth-child(even) { padding-left: 5px}
.list_member > ul > li > div { position: relative; border: 1px solid #ddd; padding: 15px; min-height: 160px}
.list_member > ul > li > div a {  text-decoration: none; }
.list_member > ul > li > div a:hover { border-color: #b8c2cd; background: #fdfdfd;}
.list_member > ul > li > div .imgZone {position: absolute;left: 15px; top:15px; width: 120px; height:150px; overflow:hidden; border: 1px solid #eee; background-color: #fafafa; text-align: center; }
.list_member > ul > li > div .imgZone img { max-width: 100%; vertical-align: middle; height:150px;}
.list_member > ul > li > div h4 { font-size: 16px; line-height: 30px; padding-left: 150px; }
.list_member > ul > li > div h4 span { font-size: 1.35em}
.list_member > ul > li > div ul { padding-left: 150px; margin-top: 5px}
.list_member > ul > li > div ul li {position: relative; margin-bottom: 5px; padding-left: 15px; line-height: 20px;}
.list_member > ul > li > div ul li span {display: inline-block; color: #17549b;font-weight: 400;line-height: 20px;}
.list_member > ul > li > div ul li:before { position:absolute; left:0; top:8px; display: inline-block; content: ""; width: 5px; height: 5px;  background-color:#8e8fcb; border-radius: 50%; margin-right: 5px; vertical-align: middle; }


/* 의원 view */
.member_view {border-top: 2px solid #4C5499; border-bottom: 1px solid #e1e1e1; min-height: 300px}
.member_view h4 { padding: 15px 20px 10px; border-bottom: 2px dotted #e1e1e1; color: #414286; line-height: 30px; }
.member_view h4 span { font-size: 25px;line-height: 30px;  }
.member_view h4 a { float: right;}
.member_view .cont { padding: 20px 20px 80px 280px; position: relative; }
.member_view .imgZone { position: absolute;left: 20px; top:20px; width: 200px; border: 1px solid #eee;}
.member_view .imgZone img { max-width: 100%; height:240px; }
.member_view .name { font-size: 16px}
.member_view .name span { font-size: 2em}
.member_view li {position: relative;  margin: 2px 0; padding-left: 75px; min-height: 25px;}
.member_view li span {position:absolute; left:0; top:0; display: inline-block; color: #17549b;font-weight: 400;min-height: 25px;}
.member_view li span:before { display: inline-block; content: ""; width: 5px; height: 5px;  background-color:#8e8fcb; border-radius: 50%; margin-right: 5px; vertical-align: middle; }
.member_view li.workExp { padding: 25px 0 0 0;}
.member_view li.workExp span {}
.member_view li.workExp div { padding: 10px; background-color: #fafafa}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 5.0 의정활동 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 국내외 활동상황공개 검색박스 수정 */
.search_box.actvOpen { position: relative; border:1px solid #cdd5de; background:#f0f4fa url(/council/images/sub/img_search.png) no-repeat 30px 20px ; padding: 20px 30px 20px 170px ; margin-bottom:60px; min-height: 90px}
.search_box.actvOpen select { width: 100px; padding: 2px;  height: 30px;  line-height: 28px;  border: 1px solid #D1D6DD; color: #777;}
.search_box.actvOpen input[type="text"] { border: 1px solid #cccccc; padding: 0 4px; height: 28px;  line-height: 28px; }
.search_box.actvOpen input[type="button"]{ padding: 0px 15px 0 30px; line-height: 28px;  border: 1px solid #454B7E; color: #fff!important;text-align: center; background: #4C5499 url(/common/images/common/icon_button_w.png) no-repeat 0 -284px;}
.search_box.actvOpen .board_page_actvOpen { position: absolute; left: 0; bottom: -50px}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 6.0 의안정보 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 본회의의 진행과정 */
.process_box {background: url(/council/images/sub/process_box_bg.gif) 10px 0 repeat-y;}
.process_box ol > li { position: relative;  padding: 0 0 20px 220px; overflow: hidden; line-height: 20px; min-height: 40px }
.process_box ol > li .box {position: absolute; left:0; top:0; width: 180px;font-size: 15px; display:block; background-color: #5773c3; border-bottom: 1px solid #455ea8; color:#fff; padding: 0; line-height:42px; box-sizing:border-box; z-index: 10}
.process_box ol > li .num { display:inline-block; text-align: center; color: #fff; background-color: #455ea8; width: 20px; height: 42px; font-size: 12px; line-height: 42px; margin-right: 5px }
.process_box dl,
.process_box p { position: relative;border: 1px solid #d2d2dc; box-sizing:border-box;z-index: 1}
.process_box p { padding: 10px 10px 10px 20px; background:#fff url(/council/images/sub/icon_bl.gif) 10px 20px no-repeat; font-size: 13px }
.process_box dl:before,
.process_box p:before { display: block; content: ""; position: absolute; left: -210px; top:20px; width: 210px; height: 1px; background-color: #d2d2dc}
.process_box dl { padding-bottom: 5px;background-color: #fff;}
.process_box dt { padding: 10px 10px 10px 20px;background-color: #f6f6fc;margin-bottom: 10px }
.process_box dd { padding: 0 10px 5px 20px; background: url(/council/images/sub/icon_bl.gif) 10px 12px no-repeat; font-size: 13px}
.process_box ol > li.down { padding-top: 45px}
.process_box ol > li:last-child { padding-bottom: 0}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 8.0 열린의회 (Saha District Office)
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 의회소식지 */
.ul_newsletter li { float: left; width: 25%; padding:0 10px; margin-bottom: 30px; box-sizing: border-box;}
.ul_newsletter li a, 
.ul_newsletter li span {display: block; text-align: center;}
.ul_newsletter li span.pic img { border: 1px solid #ddd;padding: 10px; max-width: 100%; box-sizing: border-box; }
.ul_newsletter li span.txt {padding: 10px}

/* 청원 및 진정민원안내 */
.petition_box { padding: 20px 0 30px ;border: 1px solid #d0d7e0; text-align: center; background-color: #f6f6fc}
.petition_box img {margin: 0 10px; display: inline-block;box-shadow:2px 2px 3px rgba(0,0,0,.2);box-sizing: border-box; max-width: 180px}

/* 의회에 바란다 */
.bg_box.img0803 { position: relative; border:1px solid #cdd5de; background:#f0f4fa url(/council/images/sub/img_chat.png) no-repeat 30px 20px ; padding: 20px 30px 20px 170px ; margin-bottom:60px; min-height: 90px}
.state_waiting,
.state_finish {display: inline-block; width: 60px;height: 22px;line-height: 22px; text-align: center;color: #fff; font-size: 13px; border-radius: 3px}
.state_waiting {background: #D84374;}
.state_finish {background: #0BA3BA;}
.ico_q,
.ico_a {display: inline-block; width: 30px;height: 30px;line-height: 30px; text-align: center;color: #fff; border-radius: 3px}
.ico_q {background: #333;}
.ico_a {background: #D84374;}

/* 주민조례청구 */
.council_steplist { position: relative; overflow: hidden;}
.council_steplist li { position: relative; display: inline-block; float: left; width: 48%; height: 120px; margin-right: 1.5%; margin-bottom: 10px; }
.council_steplist li span { display: inline-block; width: 90%; height: 120px; padding: 20px; box-sizing: border-box; border: 1px solid #1B75BC; line-height: 1.5em; text-align: center; }
.council_steplist li span:hover { background: #f9f9f9; }
.council_steplist li::after {
	position: absolute; 
	right: 1%;
	top: 35%;
	content:"→";
	color: #1B75BC;
	font-size: 24px;
}
.council_steplist li:last-child::after {
	display: none;
} 

/* 현역의원 sns li 추가 */
.sns_wrap{ display: flex;}
.sns_wrap:before {display:none!important;}
.sns_wrap img{margin-right:3px;}
.sns_wrap a.sssmore{ padding: 0 14px; line-height:30px; background: #333c8e; color: #fff; }
.sns_wrap a.sssmore:hover {background: #333c8e; color: #ffff00; }

/* 현역의원 상세보기 탭 */
.tabmenu{margin-bottom:30px; margin-top: 50px; padding-top:1px; position:relative;}
.tabmenu ul{padding-top:1px;overflow:hidden;  font-size:0; width: 100%;}

.tabmenu li {width: 33.333%; border:1px solid #b9bfc7; border-right:1px solid #b9bfc7; border-left:0; display:inline-block; vertical-align:top;position:relative; z-index:1; box-sizing:border-box; margin-top:-1px;}
.tabmenu li:first-child{border-left:1px solid #b9bfc7;}
.tabmenu li a{ display:block; text-align:center; font-size:16px;  position:relative;  background:#f2f4f6; color:#111; padding:15px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tabmenu li.active {    border: 1px solid #4c5499;}
.tabmenu li.active a{  background:#4c5499; color:#fff; font-weight:500; outline-width: 4px;   outline-color: #f02a2a;outline-offset: -3px;}
.tabmenu li a.active {background: #005fc0;color: #fff;font-weight: 500;}
.tabmenu li.active a:after{ width:9px; height:5px; background:url(/common/img/bul.png) no-repeat 0 -60px; position:absolute; right:20px; top:50%;margin-top:-3px; display:block; content:"" }
.tabmenu li a:focus{
    outline-width: 4px;
    outline-color: #f02a2a;
    outline-offset: -3px;}
    
.tabCon ul li span{color: #17549b; font-size:18px; font-weight:bold;}    
.tabCon ul li div{background: #f7f7f7; padding: 20px; border-radius: 10px; margin-top:10px;}

@media (max-width: 530px) {
	.sns_wrap{flex-direction: column;}
	.sns_wrap .representative_view{text-align: center;}
}

@media (max-width: 670px) {
.tabmenu ul{display: flex; flex-direction: column;}
.tabmenu li{width:100%; border-left: 1px solid #b9bfc7;}
}



@media (max-width: 900px) {
	.greeting .pic { min-height: inherit; }
	.ul_newsletter li {width: 33.3%;}

}
@media (max-width:767px) {
	.tab_menu li { width: 50%;}
	#map {height:300px;}	
	.img0304,.img0807, .img0808 { padding-right: 30px!important; background: #f0f4fa none; }
	
	.organization_box { margin-top: 30px; background-position:50% 50px; padding: 20px ; }
	.organization_box .org .n01, .organization_box .org .n02{ width:50%;}
	.organization_box .f_l > li { width:100%; float: none}
	.organization_box .f_l > li { padding-top: 0 !important; background-image: none !important;}
	.organization_box div {width:100%; }
	.organization_box h3.bar {left: 0px; top:-30px; line-height:inherit; margin-bottom: 10px; padding-left: 10px;font-size: 18px;line-height: 18px;color: #3b4a98;background: url(../../images/sub/icon_h3.gif) 0px 50% no-repeat;}
	.organization_box h3.bar span { display:inline-block; font-size: inherit; }
	.organization_box .org2 li { width:50%;}
	
	.search_box.actvOpen {  background-image:none; padding: 20px ;}
	.search_box.actvOpen select { width: 100px; padding: 2px;  height: 30px;  line-height: 28px;  border: 1px solid #D1D6DD; color: #777;}
	.search_box.actvOpen input[type="text"] { width: inherit !important; }
	.bg_box {background-image:none !important; padding: 20px !important; }
	
	
	.list_member > ul > li { width: 100%; }
	
	.member_view .cont { padding: 20px 0;}
	.member_view .imgZone { position: relative;left: inherit; top:inherit; width: 100%; margin-bottom: 10px }
	.member_view li {position: relative;  margin: 2px 0; padding-left: 75px; padding-top:5px; min-height: 25px; line-height: 20px ; border-top: 1px solid #eee}
	.member_view li span { top:5px; }
	.member_view li.workExp { padding: 30px 0 0 0;}
		
	
	.greeting .pic { width: 80%; padding-right: 70px; float:none; margin: 0 auto 20px;  }

}
@media (max-width: 620px) {
	
	.ul_newsletter li {width: 50%;}
	.ul_newsletter li span.pic img {padding: 5px;}
	
	.process_box ol > li { padding: 0 0 20px 0;  }
	.process_box ol > li .box {position: relative; left:0; top:0; width:inherit; }
	.process_box ol > li.down  dl,
	.process_box ol > li.down  p { margin: 15px 0 0 20px }
	.process_box ol > li.down { padding-top: 0}
	.process_box ol > li.down dl:before,
	.process_box ol > li.down p:before {left: -10px; width: 10px;}
	
	.history_box { position:relative; padding: 0}
	.history_box .pic { display: none}
	
	.council_steplist li { height: 150px; }
	.council_steplist li span { height: 150px; padding: 10px; }

	
}
@media (max-width: 480px) {
	.list_member > ul > li > div a h4 { padding-left: 120px; }
	.list_member > ul > li > div a ul { padding-left: 120px; }
	.list_member > ul > li > div a .imgZone { width: 100px; height: 130px; }
	
	
	.tab_menu li { width: 100%;}
	.traffic_box {  column-count: 1; padding: 0px; border: none; }
	.organization_box .org2 { margin: 0}
	.organization_box .org2 li { width:95%;}
	.petition_box { padding: 0 ;border: none; background: none }
	.petition_box img {float: left; width: 48%; margin: 0 1%}	
	
	.council_steplist li { width: 88%; } 
	
}	
@media (max-width: 360px) {
	
}