@charset "utf-8";

/* ------- 섹션1 ------- */
.main_wrap .m_s1 {width: 95%;margin: 0 auto;box-sizing: border-box;}

.main_left {padding: 20px 10px;box-shadow: var(--shadow);border-radius: 30px;box-sizing:border-box;background: url('/images/01/main/visual_bg.png') no-repeat bottom center / cover;border: 1px solid #b3c7e0;overflow: hidden;}

/* 슬로건 */
.m_topBox h2 {font-family:'JalnanGothic';font-size: 25px;color: var(--gray);text-align: center;}
.m_topBox h2 .slogan {}
.m_topBox h2 .slogan span {display: block;line-height: 2.9;}
.m_topBox h2 strong {font-size: 34px;color: var(--point);line-height: 63px;}
.m_topBox h2>span {display: inline-block;}

/* 검색 */
.m_schBox label {position: absolute; top: -100000px; left: -100000px;}
.m_schBox .sch_input {position: relative;}
.m_schBox .sch_input input[type=text] {width: 90%;height: 60px;padding: 0 15px;border-radius: 50px;border: 2px solid var(--point);font-size: 13px;box-sizing: border-box;}
.m_schBox .sch_input input[type=submit] {position: absolute;right: 2px;width: 60px;height: 60px;font-size: 0;background: url('/images/01/common/icon.png') no-repeat -339px -340px / 400px;border-radius: 50%;cursor: pointer;}
.m_schBox .sch_close {width: 36px;height: 36px;position: absolute;top: -53px;left: 77px;background: var(--point) url('/images/01/common/icon.png') no-repeat 5px -148px / 240px;border-radius: 50%;}

/* 최근의회소식 공통 tab 스타일 */
.m_tab {margin-top: 30px;}
.m_tab h3 {font-family:'JalnanGothic'; color: var(--navy); font-size: 25px;}
.noti_tab, .free_tab {position: relative;height: auto;margin: 20px 0 0 0;}
.tab_content:before {display: block;width: 100%;height: 50px;padding: 2px 20px;box-sizing: border-box;box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.17);border-radius: 50px;background: rgba(255, 255, 255, 0.612);content: '';}
.tab_content:after {content: ''; display: block; clear: both;}
.tab_content {display: flex;flex-wrap: wrap;gap: 5px;}
.tab_content .tab_t {position: absolute;top: 2px;left: 2px;width: 25%;}
.tab_content .tab2 {left: 25%;}
.tab_content .tab3 {left: 50%;}
.tab_content .tab4 {left: 75%;}
.tab_content .tab_t>a{display:block;border-radius: 50px;width: 100%;height: 45px;text-align: center;line-height: 45px;font-size: 16px;}
.tab_content .tab_c {width: 100%;margin-top: 35px;}
.tab_content .tab_c li {text-align: center;margin: 15px 0;}
.tab_content .tab_c li>a {display: block;padding: 25px 18px;border-radius: 30px;}
.tab_content .tab_c li>a p, .tab_content .tab_c li>a span {background: transparent !important;font-family:'SCDream' !important;font-weight: 300;font-size: 17px !important;}
.tab_content .tab_c li>a:hover, .tab_content .tab_c li>a:active, .tab_content .tab_c li>a:focus {border: 1px solid var(--point2);}
.tab_content .tab_c li>a:hover strong, .tab_content .tab_c li>a:active strong, .tab_content .tab_c li>a:focus strong {text-decoration: underline;}
.tab_content .tab_c {display: none;}
.tab_content .tab_t.on>a {font-weight: 400;background: var(--navy);color: #fff;}
.tab_content .tab_c.on {display: block;}
.m_tab .tab_t>a:hover,
.m_tab .tab_t>a:active,
.m_tab .tab_t>a:focus {font-weight: 500;background: var(--navy);color: #fff;}


/* 최근의회소식 - noti_tab */
.noti_tab .tab_c li>a {background: #f6f9fc;border: 1px solid #cddaea;text-align: left;font-size: 16px;color: var(--txt3);}
.noti_tab .tab_c li>a .date {display: block;}
.noti_tab .tab_c li>a .tit {display: block;margin: 10px 0;width: 100%;font-size: 18px;color: var(--txtc2);font-weight: 500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.noti_tab .tab_c li>a .txt {display: -webkit-box;width: 100%;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.noti_tab .tab_c li>a .txt {display: none;}
.noti_tab .tab_c .more {width: 40px;height: 40px;position: absolute;top: 55px;right: 0;}
.noti_tab .tab_c .more a {display: block;width:100%;height: 100%;background: none;border: none;background: url('/images/01/common/icon.png') no-repeat -8px -129px;}
.noti_tab .tab_c .more a:hover, .noti_tab .tab_c .more a:focus {transform: rotate(180deg); transition-duration: 300ms;}
.noti_tab .tab_c .more span {position: absolute; top: -10000px; left: -10000px;}

/* 최근의회소식 - free_tab */
.free_tab {margin-top: 50px;}
.free_tab .tab_content .tab_t {width: 33.33%;}
.tab_content .tab5 {left: 2px;}
.tab_content .tab6 {left: 33%;}
.tab_content .tab7 {left: 66%;}
.free_tab .tab_c {margin-top: 10px;overflow: hidden;}
.free_tab .tab_c ul {width: 100%;overflow: visible;}
.free_tab .tab_c ul:after {display: block; clear:both; content:''}
.free_tab .tab_c li {width: calc(100% / 5);float: left;}
.free_tab .tab_c li>a {background: rgb(255 255 255 / 80%);border: 1px solid rgb(255 255 255 / 80%);}
.free_tab .tab_c a>div {display: flex;}
.free_tab .tab_c li>a .img {width: 25%; margin-right: 20px;}
.free_tab .tab_c li>a img {width: 100%; border-radius: 15px;}
.free_tab .tab_c li>a .img span {display: inline-block;font-size: 16px;margin: 5px 0 0 0;}
.free_tab .tab_c li>a .img strong {font-size: 19px;font-weight: 500;line-height: 20px;}
.free_tab .tab_c li>a .txt {position: relative;width: 70%;font-size: 16px;text-align: left;color: var(--txt3);}
.free_tab .tab_c li>a .s_tit {display: block;}
.free_tab .tab_c li>a .tit {display: -webkit-box;margin: 5px 0;font-size: 17px;color: var(--txtc2);font-weight: 500;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.free_tab .tab_c li>a .date {display: block;text-align: right;position: absolute;bottom: 0;right: 0;}
.free_tab .control button {width: 40px;height: 40px;position: absolute;top: 43%;}
.free_tab .control .prev {left: -10px;background: url('/images/01/common/icon.png') no-repeat -97px -84px / 350px;}
.free_tab .control .next {right: -10px;background: url('/images/01/common/icon.png') no-repeat -158px -85px / 350px;}
.free_tab .control button span {position: absolute; top: -100000px; left: -100000px;}
.free_tab .btn_more {text-align: center;padding: 20px 0;}
.free_tab .btn_more a {position: relative;width: 100px;height: 100px;font-size: 18px;background: transparent;color: var(--white);padding-left: 34px;}
.free_tab .btn_more a:before {display: block;position: absolute;top: -22px;left: -17px;width: 70px;height: 70px;padding: 2px 20px;box-sizing: border-box;background: url('/images/01/common/icon.png') no-repeat -428px -115px;content: '';}

/* 의장 프로필 */
.chariman {position: relative;}
.chariman .img {position: relative;width: 100%;height: 280px;}
.chariman .img img {position: absolute;right: 0;width: 210px;}
.chariman h3 {position: relative;z-index: 1;padding: 20px 20px 10px;font-family:'JalnanGothic';font-size: 22px;line-height: 50px;text-align: right;background: var(--navy);color: #eaeaea;border-radius: 40px 10px 10px 10px;}
.chariman h3 strong{font-size: 28px;line-height: 43px;color: var(--white);}
.chariman_link {position: absolute;top: 5%;left: 5%;}
.chariman_link li {position: relative;width: 135px;margin: 12px 0;}
.chariman_link li:before {display: block;position: absolute;top: 2px;left: 15px;width: 30px;height: 30px;box-sizing: border-box;background: url('/images/01/common/icon.png') no-repeat;content: '';}
.chariman_link .cm_link1:before {background-position: -105px -71px;}
.chariman_link .cm_link2:before {background-position: -164px -71px;}
.chariman_link .cm_link3:before {background-position: -224px -71px;}
.chariman_link a {display: block;padding-left: 50px;background: var(--graybg);border: 1px solid var(--graybg); border-radius: 8px;line-height: 2;font-size: 17px;}
.chariman_link a:hover, .chariman_link a:active, .chariman_link a:focus {border-color: var(--point)}

/* 의사일정 */
.main_cal{margin: 30px auto;width: 95%;padding: 20px 10px;box-sizing: border-box;background: #f4f7fc;border-radius: 30px;border: 1px solid #b3c7df;}
.main_cal .cal_top h3 {font-family:'JalnanGothic';color: var(--navy);font-size: 25px;text-align: center;}
.main_cal .month {margin: 15px 0;text-align: center;}
.main_cal .month em {font-style: normal;line-height: 25px; color: var(--gray); font-family:'JalnanGothic';}
.main_cal .month strong {font-size: 25px; line-height: 20px; color: var(--point2); font-family:'JalnanGothic';}
.main_cal .month button {width: 22px;height: 22px;background: url('/images/01/common/icon.png') no-repeat;}
.main_cal .month button span {position: absolute; top: -10000px; left: -10000px;}
.main_cal .month .prev {background-position: -6px -74px;}
.main_cal .month .next {background-position: -56px -74px;}
.main_cal .calendar table {width: 100%;text-align:center;font-size: 17px;}
.main_cal .calendar th a, .main_cal .calendar td a {font-weight: 500;}
.main_cal .calendar td a {display: block;padding: 5px 0;border: 1px solid #f4f7fc;}
.main_cal .calendar th.sat a, .main_cal .calendar td.sat a{color: var(--blue);}
.main_cal .calendar th.sun a, .main_cal .calendar td.sun a{color: var(--red);}
.main_cal .calendar th{border-bottom: 1px solid #e3e7ea;padding: 10px 0;font-weight: normal;}
.main_cal td{position:relative;}

.main_cal .cal_cate {margin-top: 20px;}
.main_cal .cal_cate:after {display: block; clear:both; content:''}
.main_cal .cal_cate ul {display: flex;float: right;}
.main_cal .cal_cate li {position: relative; padding-left: 25px; font-size: 14px;}
.main_cal .cal_cate li:before{display: block;position: absolute;top: 8px;left: 8px;content: '';}
.main_cal .cal_cate .cal_h0::before {left: 6px; width: 14px; height: 3px; background: var(--point2);border-radius: 5px;}
.main_cal .cal_cate .cal_h1::before {top: 3px; width: 12px; height: 12px; background: var(--point2);border-radius: 10px;}
.main_cal .cal_cate .cal_h2::before {top: 3px; width: 11px; height: 11px; border: 1px solid var(--point2); border-radius: 10px;}

.main_cal .cal_info {margin-top: 20px;padding: 10px 0;border-top: 1px solid #e3e7ea;}
.main_cal .cal_info li {position: relative;}
.main_cal .cal_info li::before {display: block;position: absolute;top: 14px;left: 7px;width: 4px;height: 4px;background: var(--gray);content: '';}
.main_cal .cal_info a {display: block; padding-left: 20px; line-height: 2; font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main_cal .cal_info a:hover, .main_cal .cal_info a:active, .main_cal .cal_info a:focus {text-decoration: underline;}
.main_cal .cal_info li span {color: var(--txt3); margin-right: 5px;}
.main_cal .more:after {display:block;clear:both;content:''}
.main_cal .more a {float: right; display: block;width: 35px;height: 35px;background: url('/images/01/common/icon.png') no-repeat -75px -132px;}
.main_cal .more a:hover, .main_cal .more a:focus {transform: rotate(180deg); transition-duration: 300ms;}
.main_cal .more span {font-size: 0;}

.main_cal td.have:before{content:"";display:block;position:absolute;transform: translate(-50%,0);bottom: 3px;left: 50%;width: 15px;height: 3px;background: var(--point2);border-radius: 5px;}
.main_cal td.today:after {display: block;content:'';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 29px;height: 29px;border: 1px solid var(--point2);border-radius: 50%;}
.main_cal td.select a {position: relative; z-index: 2; color: var(--white) !important;}
.main_cal td.select:before {display: block;content:'';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 29px;height: 29px;background:var(--point2);border-radius: 50%;}
.main_cal td a:hover, .main_cal td a:focus {border: 1px solid var(--point2);}


/* ------- 섹션2 ------- */
/* 선거구 지도, 의원 리스트 */
.lk_left{position: relative;width: 95%;height: 500px;text-align: center;margin: 0 auto;}
.lk_left h2{margin-bottom: 26px;font-size: 34px;font-family:'JalnanGothic';background-image: var(--grad);background-clip: text;-webkit-background-clip: text;color: transparent;}
.lk_left h2 span{display: block; font-weight: 100;}
.lk_left p.txt{display: none;}
.lk_left h3{display: inline-block;margin: 0 6px 6px 0;}
.lk_left h3 a{display: block;width: 90px;height: 35px;font-size: 15px;line-height: 35px;background: #e0e0e0;border-radius: 50px;color: var(--point);font-weight: 400;box-sizing: border-box;}
.lk_left h3 a:hover,.lk_left h3 a:focus{background: #f2b544; font-weight: 600;color: var(--txtc2);}
.lk_left h3.on a{position: relative;background: #fec504;font-weight: 600;color: var(--txtc2);padding-right: 10px;}
.lk_left h3.on a::before{content: '';position: absolute;top: -25px;right: -6px;display: block;width: 40px;height: 50px;background: url('/images/01/common/icon.png') no-repeat;background-position: -101px -323px;}
.lk_left .lk_con.on{display: block;}
.lk_left .lk_con{display: none;position: absolute;top: 200px;left: 0;right: 0;width: 90%;margin: 0 auto;overflow: hidden;}
.lk_left .lk_con .tit {padding: 20px 10px;border-radius: 30px;font-size: 25px;font-family:'JalnanGothic';background: var(--point);color: var(--white);width: 348px;height: 127px;box-sizing: border-box;}
.lk_left .lk_con .tit span {display: block;line-height: 43px;}
.lk_left .lk_con .tit strong {display: inline-block;width: 40px;height: 40px;margin-right: 8px;background: var(--white);color: var(--point2);border-radius: 50%;line-height: 43px;}
.lk_left .lk_con .tit em {display: block;font-size: 16px; font-style: normal;font-family:"SCDream", "gothic", "sans-serif";}
.lk_left .lk_con ul {display: flex;justify-content: center;margin-top: 30px;}
.lk_left .lk_con ul li {margin: 0 8px;}
.lk_left .lk_con ul li a {display: block;width: 100px;height: 100px;background: #000000;border-radius: 30px;overflow: hidden;position: relative;}
.lk_left .lk_con ul li img{display: block;width: 100%;}
.lk_left .lk_con ul li p {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;font-size: 20px;color: var(--white);z-index: -1;font-family:'JalnanGothic';}
.lk_left .lk_con ul li a:hover img, .lk_left .lk_con ul li a:active img, .lk_left .lk_con ul li a:focus img {opacity: 0.2; transition-duration: 500ms; transition-delay: 100ms;}
.lk_left .lk_con ul li a:hover p, .lk_left .lk_con ul li a:active p, .lk_left .lk_con ul li a:focus p {z-index: 99;transition-duration: 500ms;transition-delay: 100ms;}
.lk_left .lk_con ul li.select a img {opacity: 0.2;}
.lk_left .lk_con ul li.select a p {z-index: 99;}
.lk_left .lk_map{display: none;}

/* 의원 상세뷰 */
.lawmaker_view {width: 95%; margin: 0 auto;}
.lawmaker_view .img {width: 300px;margin: 0 auto;}
.lawmaker_view .img img {width: 100%;border-radius: 30px;box-shadow: 5px 5px 5px #dfe4ea;}
.lawmaker_view .view_name {margin: 20px 0; text-align: center;}
.lawmaker_view .view_name:after {display:block;clear:both;content:'';}
.lawmaker_view .view_name p {font-size: 16px;color: var(--txt3);}
.lawmaker_view .view_name h4 {font-size: 40px;margin: 0;color: var(--navy);font-family:'JalnanGothic';line-height: 1.8;}
.lawmaker_view .view_name .attendance {display: flex;align-items: center;justify-content: center;}
.lawmaker_view .view_name .attendance p {margin: 0 20px 0 0; font-size: 19px; color: var(--navy);font-weight: 500;}
.lawmaker_view .view_name .attendance .donut {width: 100px;height: 100px;border-radius: 50%;position: relative;text-align: center;transition: background .3s ease-in-out;}
.lawmaker_view .view_name .attendance .donut::before {display: block;position: absolute;left: 50%;top: 50%;color: #001f42;width: 84px;height: 84px;background: #f3f7fa;border-radius: 50%;transform: translate(-50%, -50%);font-size: 26px;line-height: 85px;font-family:'JalnanGothic';content: attr(data-percent)'%';}
.lawmaker_view .lawmaker_info {padding: 30px;border-radius: 30px;box-shadow: var(--shadow);background: var(--white) url('/images/01/main/image_27.png') no-repeat -50px 60px;}
.lawmaker_view .lawmaker_info .info_list li {font-weight: 300;line-height: 2;}
.lawmaker_view .lawmaker_info .info_list li strong {position: relative;display: inline-block;width: 78px;margin-right: 22px;text-align-last: justify;text-align: center;}
.lawmaker_view .lawmaker_info .info_list li strong:after {display: inline-block;position: absolute;top: 12px;right: -15px;width:1px;height: 14px;background: #d2d2d2;content:''}
.lawmaker_view .lawmaker_info .info_sns {float: right;display: flex;margin: 10px 0 0 0;}
.lawmaker_view .lawmaker_info:after {display: block; clear:both; content:''}
.lawmaker_view .lawmaker_info .info_sns li {margin: 0 5px;}
.lawmaker_view .lawmaker_info .info_sns a {display: block;width: 34px;height: 34px;background: url('/images/01/common/ico_sns.png') no-repeat;}
.lawmaker_view .lawmaker_info .info_sns a span {position: absolute; top: -10000px; left:-10000px;}
.lawmaker_view .lawmaker_info .info_sns .insta a {background-position: -23px -185px;}
.lawmaker_view .lawmaker_info .info_sns .sns_x a {background-position: -83px -185px;}
.lawmaker_view .lawmaker_info .info_sns .face a {background-position: -149px -185px;}

/* ------- 섹션3 ------- */
.m_s3 {width: 95%; margin: 0 auto;}
/* 의회 데이터(처리의안 등) */
.mData_list {margin-top: 100px;}
.mData_list>div {display: inline-block;width: 45%;margin: 5px;padding: 10px 15px;background: var(--graybg);border-radius: 30px;text-align: center;box-sizing: border-box;}
.mData_list .ccData_t {display: inline-block;vertical-align: bottom;}
.mData_list .ccData_t:before {display: block;width: 80px;height: 65px;margin: 0 auto;background: url('/images/01/common/icon.png') no-repeat;content: '';}
.mData_list .cc_data1 .ccData_t:before {background-position: 13px -219px;}
.mData_list .cc_data2 .ccData_t:before {background-position: -102px -221px;}
.mData_list .cc_data3 .ccData_t:before {background-position: -221px -220px;}
.mData_list .cc_data4 .ccData_t:before {background-position: -325px -219px;}
.mData_list .cc_data5 .ccData_t:before {background-position: -431px -219px;}
.mData_list .ccData_t em {font-style: normal;font-size: 17px;font-weight: 500;line-height: 2;}
.mData_list .ccData_txt {font-size: 20px;font-family:'JalnanGothic';line-height: 41px;color: var(--navy);}
.mData_list .ccData_txt strong {font-size: 25px;}

/* 그래프-공통스타일 */
.graph_wrap {margin-top: 30px;}
.graph_wrap>div {background: var(--white); box-shadow: var(--shadow);box-sizing: border-box; padding: 30px;border-radius: 30px;}
.graph_wrap>div h3 {font-size: 25px;font-family:'JalnanGothic';padding: 19px 15px 15px 15px;margin-bottom: 30px;background: var(--navy);color: var(--white);text-align: center;border-radius: 20px;}
.graph_wrap>div li {line-height:2}
.graph_wrap>div li .graph_bar {width: 100%;}
.graph_wrap>div li .graph_bar .progress {height: 20px;background: #b3bbc6;border-radius: 5px;position: relative;width: 100%;}
.graph_wrap>div li .graph_bar .data_tt {float: left;width: 83%;/* background: #f7f7f7; */}
.graph_wrap>div li .graph_bar {display: inline-block;}
.graph_wrap>div li .graph_bar:aft {display:block; clear: both; content: '';}
.graph_wrap>div li .graph_bar span {float: right;width: 18%;line-height: 1;text-align: right;}
.graph_wrap>div li .graph_bar strong {color: var(--point);font-weight: 600;}
.ad_graph {margin-top:30px}

/* 의정활동-포토갤러리 */
.m_photoList {margin-top: 40px;}
.m_photoList h3 {font-family:'JalnanGothic';color: var(--navy);font-size: 25px;text-align: center;}
.m_photoList .list_w {margin-top: 20px;}
.m_photoList .list_w ul {text-align: center;}
.m_photoList .list_w li {display: inline-block; width: 45%;margin: 5px;}
.m_photoList .list_w li a {display: block;height: 170px;border-radius: 20px;overflow: hidden;}
.m_photoList .list_w li a:hover, .m_photoList .list_w li a:active, .m_photoList .list_w li a:focus {text-decoration: underline;}
.m_photoList .list_w .img {width: 100%; height: 70%;}
.m_photoList .list_w .img img {width: 100%; height: 100%;}
.m_photoList .list_w a .pt_tit {display: block;font-size: 16px;padding: 8px;background: var(--graybg);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-radius: 0 0 20px 20px;text-align: center;}
.m_photoList .list_w .more {text-align: center;padding: 20px 0;}
.m_photoList .list_w .more a {position: relative;font-size: 18px;background: transparent;color: var(--navy);padding-left: 34px;}
.m_photoList .list_w .more a:before {display: block;position: absolute;top: -22px;left: -17px;width: 70px;height: 70px;padding: 2px 20px;box-sizing: border-box;background: url('/images/01/common/icon.png') no-repeat -346px -115px;content: '';}
.m_photoList .list_w .more:hover, .m_photoList .list_w .more:focus {animation: down 1s ease-out;}

/* sns탭 */
.sns_wrap {margin-top: 40px;}
.sns_wrap h3 {font-family:'JalnanGothic';color: var(--navy);font-size: 25px;text-align: center;}
.sns_tab{position: relative;height: auto;margin: 20px 0;}
.snsTab_c:after {content: ''; display: block; clear: both;}
.snsTab_c {display: flex;flex-wrap: wrap;gap: 5px;}
.snsTab_c .tab_t {position: absolute;top: 2px;left: 0;width: 50px;}
.snsTab_c .tab1 {left: 10px;}
.snsTab_c .tab2 {left: 70px;}
.snsTab_c .tab3 {left: 130px;}
.snsTab_c .tab4 {left: 190px;}
.snsTab_c .tab5 {left: 250px;}
.snsTab_c .tab_t>a{display:block;width: 100%;height: 50px;background: url('/images/01/common/ico_sns.png') no-repeat;filter: grayscale(1);}
.snsTab_c .tab1>a {background-position: -210px -19px;}
.snsTab_c .tab2>a {background-position: -86px -19px;}
.snsTab_c .tab3>a {background-position: -148px -19px;}
.snsTab_c .tab4>a {background-position: -25px -19px;}
.snsTab_c .tab5>a {background-position: -272px -19px;}
.snsTab_c .tab_t>a span {position: absolute; top: -10000px; left: -100000px;}
.snsTab_c .tab_t.on>a {transform: translateY(-15px); filter: none;}
.sns_tab .tab_t>a:hover, .sns_tab .tab_t>a:active, .sns_tab .tab_t>a:focus {transform: translateY(-15px);}
.snsTab_c .tab_c {display: none;}
.snsTab_c .tab_c.on {display: block;}
.snsTab_c .tab_c {width: 100%;margin-top: 70px;}
.snsTab_c .tab_c ul {text-align: center;}
.snsTab_c .tab_c li {display: inline-block; width: 45%;margin: 5px;}
.snsTab_c .tab_c li a {display: block;height: 170px;border-radius: 20px;overflow: hidden;}
.snsTab_c .tab_c li a:hover, .snsTab_c .tab_c li a:active, .snsTab_c .tab_c li a:focus {text-decoration: underline;}
.snsTab_c .tab_c .img {width: 100%; height: 70%;}
.snsTab_c .tab_c .img img {width: 100%; height: 100%;}
.snsTab_c .tab_c a .sns_tit {display: block;font-size: 16px;padding: 8px;background: var(--graybg);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-radius: 0 0 20px 20px;}
.snsTab_c .tab_c .more {text-align: center;padding: 20px 0;}
.snsTab_c .tab_c .more a {position: relative;width: 100px;height: 100px;font-size: 18px;background: transparent;color: var(--navy);padding-left: 34px;}
.snsTab_c .tab_c .more a:before {display: block;position: absolute;top: -22px;left: -17px;width: 70px;height: 70px;padding: 2px 20px;box-sizing: border-box;background: url('/images/01/common/icon.png') no-repeat -346px -115px;content: '';}
.snsTab_c .tab_c .more:hover, .snsTab_c .tab_c .more:focus {animation: down 1s ease-out;}

/* tablet */
@media all and (min-width: 768px) {
.main_left {padding: 50px 30px;}
.m_topBox {display: flex;align-items:center;position: relative;}
.m_topBox:before {display: block;position: absolute;top: 0;right: -159px;width: 481px;height: 447px;background: url('/images/01/main/visual_icobg.png') no-repeat;content:'';}
.m_topBox h2 {width: 50%;text-align: left;}
.m_topBox .m_schBox {width: 50%;}
    
/* 최근의회소식 - 탭공통*/
.tab_content:before {width: 552px;height: 44px;}
.free_tab .tab_content:before {width: 415px;}
.tab_content .tab_t, .free_tab .tab_content .tab_t {width: 136px;}
.tab_content .tab_t>a {font-size: 19px;height: 41px;line-height: 41px;}
.tab_content .tab2 {left: 139px;}
.tab_content .tab3 {left: 276px;}
.tab_content .tab4 {left: 413px;}
.tab_content .tab5 {left: 2px;}
.tab_content .tab6 {left: 139px;}
.tab_content .tab7 {left: 276px;}
.tab_content .tab_c {margin-top: 20px;}
.noti_tab .tab_c .more {top: 0;left: 560px;}
.noti_tab .tab_c ul {display: flex;width: 100%;}
.noti_tab .tab_c ul li {margin: 0 5px;width: 32%;}
.noti_tab .tab_c li>a .txt {display: -webkit-box;}
.free_tab .tab_c li {width: 330px;margin: 0 5px;}
.free_tab .control button {width: 40px;height: 40px;top: 39%;}
.free_tab .control .prev {background-position: -140px -129px;background-size: auto;}
.free_tab .control .next {background-position: -242px -129px;background-size: auto;}
.free_tab .btn_more {margin-top: 40px;}
.main_right {display: flex;justify-content: center;margin: 50px 0; align-items: center;}
.chariman {width: 50%;}
.main_cal {width: 50%;margin: 0 0 0 50px;padding: 20px;}
.chariman .img img {right: -23px;}
.cal_top {display: flex; justify-content: space-between;align-items: center;}

/* 선거구 지도, 의원 리스트 */
.lk_left {height: 260px;}
.lk_left .lk_con {margin: 0;top: 140px;width: 100%;}
.lk_left .lk_con>div {display: flex;align-items: center;justify-content: center;}
.lk_left .lk_con ul {margin: 0 0 0 10px;}

/* 의원 상세뷰 */
.lawmaker_view {position: relative;width: 729px;height: 600px;margin: 20px auto;}
.lawmaker_view:after {display:block;clear:both;content:'';}
.lawmaker_view .img {float: left;width: 400px;margin: 0;}
.lawmaker_view .view_name {text-align: right;float: right;margin-top: 130px;}
.lawmaker_view .lawmaker_info {float: right;width: 325px;position: absolute;right: 0;bottom: 0;}
.lawmaker_view .lawmaker_info .info_list li strong {margin-right: 30px;}
.lawmaker_view .lawmaker_info .info_list li strong:after {right: -20px;}
.lawmaker_view .view_name .attendance {float: right;}

/* 의회 데이터(처리의안 등) */
.mData_list>div {width: 18%;}

/* 그래프-공통스타일 */
.graph_wrap {display: flex;justify-content: space-between;}
.graph_wrap>div {width: 48%;padding: 40px 50px;}
.graph_wrap .ad_graph {margin: 0;}

/* 의정활동-포토갤러리 */
.m_photoList h3 {text-align: left;}
.m_photoList .list_w ul {text-align: left;}
.m_photoList .list_w li {width: 24%;margin: 0 2px 0 0;}
.m_photoList .list_w li a {height: 200px;}

/* sns탭 */
.sns_wrap h3 {text-align: left;}
.snsTab_c .tab1 {left: 210px;top: -65px;}
.snsTab_c .tab2 {left: 270px;top: -65px;}
.snsTab_c .tab3 {left: 330px;top: -65px;}
.snsTab_c .tab4 {left: 390px;top: -65px;}
.snsTab_c .tab5 {left: 450px;top: -65px;}
.snsTab_c .tab_c {margin: 0;}
.snsTab_c .tab_c ul {text-align: left;}
.snsTab_c .tab_c li {width: 24%;margin: 0 2px 0 0;}

}

/* desktop*/
@media all and (min-width: 1023px) {
.m_topBox:before {top: -74px;}
.m_topBox h2 {width: 60%;}
.m_topBox h2 .slogan span {display: inline-block;line-height: 2.3;}
.m_topBox h2 strong {font-size: 40px;}
.m_topBox .m_schBox {width: 40%;}
.m_schBox .sch_input input[type=text] {font-size: 15px;padding: 0 30px;height: 70px;}
.m_schBox .sch_input input[type=submit] {width: 75px;height: 75px;background-size: auto;background-position: -424px -425px;}

/* 최근의회소식 */
.main_left h3 {font-size: 30px;}
.free_tab .control .prev {left: -16px;}
.free_tab .control .next {right: -17px;}
.chariman h3 {padding: 30px 30px 15px; font-size: 25px;}
.chariman h3 strong{font-size: 34px;margin-left: 10px;}
.chariman .img {height: 430px;}
.chariman .img img {width: 330px; right: -23px;}
.chariman_link {top: 12%;}
.chariman_link li {width: 155px;}
.chariman_link li:before {top: 4px;left: 20px;}
.chariman_link a {font-size: 19px;padding-left: 55px;}
.main_cal {padding: 30px 30px 20px 30px;}
.main_cal .cal_top h3, .main_cal .month strong {font-size: 30px;}
.main_cal .calendar td a {padding: 10px 0;}

/* 선거구 지도, 의원 리스트 */
.lawmaker_wrap {margin-top: 100px;}
.lk_left {width: 700px;height: 840px;}
.lk_left>div {position: relative;}
.lk_left h2 {font-size: 45px;margin-bottom: 15px;}
.lk_left p.txt {display: block;font-size: 16px;color: var(--txt3);}
.lk_left .lk_con{top: 600px;width: 120%;}
.lk_left .lk_con>div {justify-content: left;}
.lk_left .lk_con .tit {font-size: 40px;padding: 15px 30px;}
.lk_left .lk_con .tit span {line-height: 72px;}
.lk_left .lk_con .tit strong {width: 66px;height: 66px;line-height: 70px;}
.lk_left .lk_con .tit em {font-size: 14px;}
.lk_left .lk_con ul li a {width: 127px; height: 127px;}
/* 지도 */
.lk_left .lk_map{display: block;}
.lk_left .lk_map ul{width: 700px;height: 550px;background: url('/images/01/common/mapbg.png') no-repeat 0 0 / 700px;margin: 0 auto;position: relative;}
.lk_left .lk_map ul li a{display: block;padding: 10px;font-size: 16px;z-index: 1;color: var(--txt3);}
.lk_left .lk_map ul li a:hover, .lk_left .lk_map ul li a:focus {text-decoration: underline;}
.lk_left .lk_map ul li a.lk_m1_1{position: absolute;top: 86px;left: 212px;}
.lk_left .lk_map ul li a.lk_m1_2{position: absolute;top: 136px;left: 320px;}
.lk_left .lk_map ul li a.lk_m1_3{position: absolute;top: 52px;left: 353px;}
.lk_left .lk_map ul li a.lk_m1_4{position: absolute;top: 54px;left: 262px;}
.lk_left .lk_map ul li a.lk_m1_5{position: absolute;top: 206px;left: 316px;}
.lk_left .lk_map ul li a.lk_m2_1{position: absolute;top: 286px;left: 195px;}
.lk_left .lk_map ul li a.lk_m2_2{position: absolute;top: 366px;left: 253px;}
.lk_left .lk_map ul li a.lk_m2_3{position: absolute;top: 199px;left: 192px;}
.lk_left .lk_map ul li a.lk_m2_4{position: absolute;top: 106px;left: 102px;}
.lk_left .lk_map ul li a.lk_m2_5{position: absolute;top: 180px;left: 59px;}
.lk_left .lk_map ul li a.lk_m2_6{position: absolute;top: 266px;left: 288px;}
.lk_left .lk_map ul li a.lk_m3_1{position: absolute;top: 353px;left: 439px;}
.lk_left .lk_map ul li a.lk_m3_2{position: absolute;top: 258px;left: 447px;}
.lk_left .lk_map ul li a.lk_m3_3{position: absolute;top: 402px;left: 569px;}
.lk_left .lk_map ul li a.lk_m3_4{position: absolute;top: 288px;left: 377px;}
.lk_left .lk_map ul li a.lk_m4_1{position: absolute;top: 143px;left: 466px;}
.lk_left .lk_map ul li a.lk_m4_2{position: absolute;top: 50px;left: 453px;}
.lk_left .lk_map ul li a.lk_m4_3{position: absolute;top: 280px;left: 550px;}
.lk_left .lk_map ul li a.lk_m4_4{position: absolute;top: 206px;left: 387px;}
.lk_left .lk_map ul li span{position: absolute; display: none; z-index: 0;}
.lk_left .lk_map ul li.lk_m1 span{top: 7px;left: 191px;width: 263px;height: 263px;background: url('/upload_data/board_data/BBS_0000010/178347865216764.png') no-repeat;}
.lk_left .lk_map ul li.lk_m2 span{top: 88px;left: -3px;width: 389px;height: 355px;background: url('/upload_data/board_data/BBS_0000010/178347865217131.png') no-repeat;}
.lk_left .lk_map ul li.lk_m3 span{top: 214px;left: 350px;width: 349px;height: 326px;background: url('/images/01/common/map4.png') no-repeat;}
.lk_left .lk_map ul li.lk_m4 span{top: 12px;left: 366px;width: 314px;height: 365px;background: url('/images/01/common/map5.png') no-repeat;}
.lk_left .lk_map ul li.on span{display: block;}
.lk_left .lk_map ul li.on a{font-weight: 500; color: var(--txtc2);}
.lk_left h3 {position: absolute;z-index: 9;}
.lk_left h3 a {width: 120px;height: 40px;line-height: 40px;font-size: 20px;}
.lk_left h3.lk1{top: 101px;left: 270px;}
.lk_left h3.lk2{top: 158px;left: 108px;}
.lk_left h3.lk3{top: 393px;left: 444px;}
.lk_left h3.lk4{top: 196px;left: 490px;}
.lk_left h3.lk5{bottom: 70px;left: 0;}
.lk_left h3.lk5 a{height: 60px;line-height: 60px;border-radius: 60px;}
.lk_left h3.lk5.on a::before{top: -23px;left: 85px;}

/* 의회 데이터(처리의안 등) */
.mData_list .ccData_txt {line-height: 50px;}
.mData_list .ccData_txt strong {font-size: 30px;}

/* 그래프-공통스타일 */
.graph_wrap>div h3 {font-size: 30px;width: 350px;margin: 0 auto 30px auto;box-sizing: border-box;border-radius: 25px;}

/* 의정활동-포토갤러리 */
.m_photoList {position: relative;margin-top: 100px;}
.m_photoList h3 {font-size: 30px;}
.m_photoList .list_w .more {position: absolute;width: 120px;top: -16px;right:0}
.m_photoList .list_w .more:hover, .m_photoList .list_w .more:focus {animation: rigth 1s ease-out;}

/* sns탭 */
.sns_wrap {margin: 100px 0}
.sns_wrap h3 {font-size: 30px;}
.snsTab_c .tab1 {left: 250px;}
.snsTab_c .tab2 {left: 310px;}
.snsTab_c .tab3 {left: 370px;}
.snsTab_c .tab4 {left: 430px;}
.snsTab_c .tab5 {left: 490px;}
.snsTab_c .tab_c .more {position: absolute;width: 120px;top: -72px;right:0}
.snsTab_c .tab_c .more:hover, .snsTab_c .tab_c .more:focus {animation: rigth 1s ease-out;}
}


@media all and (min-width: 1250px) {
/* 최근의회소식 */
.main_left {padding: 80px 40px;}
.noti_tab .tab_c li>a {padding: 35px 15px; height: 130px;}
.noti_tab .tab_c li>a .tit {margin: 10px 0 25px 0;}
.free_tab .tab_c li {width: 372px;}
.free_tab .tab_c li>a .img {width: 30%;}
.free_tab .tab_c li>a .txt {width: 70%;}
.free_tab .tab_c li>a .tit {margin: 10px 0 25px 0;-webkit-line-clamp: 3;}
.free_tab .control button:hover, .free_tab .control button:focus {animation: left 1s ease-out;}
    

/* 의회 데이터(처리의안 등) */
.mData_list {display: flex;justify-content: space-between;margin-top: 100px;}
.mData_list>div {margin: 0;}

/* 그래프-공통스타일 */
.graph_wrap {margin-top: 50px;}

/* 의정활동-포토갤러리 */
.m_photoList .list_w {margin-top: 30px;}
.m_photoList .list_w li {width: 23.5%;margin: 0 13px 0 0;}
.m_photoList .list_w li a {height: 250px; border-radius: 30px;}
.m_photoList .list_w a .pt_tit {padding:20px 30px;font-size: 17px;font-weight: 500;border-radius: 0 0 30px 30px;}

/* sns탭 */
.sns_tab {margin: 30px 0 0 0;}
.snsTab_c .tab1 {top: -75px;}
.snsTab_c .tab2 {top: -75px;}
.snsTab_c .tab3 {top: -75px;}
.snsTab_c .tab4 {top: -75px;}
.snsTab_c .tab5 {top: -75px;}
.snsTab_c .tab_c li {width: 23.5%;margin: 0 13px 0 0;}
.snsTab_c .tab_c li a {height: 250px; border-radius: 30px;}
.snsTab_c .tab_c li a .sns_tit {border-radius: 0 0 30px 30px;padding:20px 30px;text-align: center;font-size: 17px;font-weight: 500;}
.snsTab_c .tab_c .more {top: -82px;}
}

@media all and (min-width: 1500px) {
/* 최근의회소식 */
.main_wrap .m_s1 {display: flex; justify-content: space-between;}
.main_left {width: 70%;}
.m_topBox h2 {font-size: 30px;}
.free_tab .btn_more {margin-top: 80px;}
.free_tab .control button {top: 36%;}
.main_right {width: 28%;display: block;margin: 0 0 0 20px;}
.chariman {width: 100%;} 
.main_cal {width: 100%;margin: 20px 0 0 0;}

.m_s2 {position: relative; width: 95%; margin: 100px auto 0 auto;}
.m_s2:before {display: block;position: absolute;top: -50px;right: -10px;width: 1000px;height: 400px;background: url('/images/01/main/lawmaker_areabg.png') no-repeat;background-size: 1000px;content:'';}
/* 선거구 지도, 의원 리스트 */
.lawmaker_wrap {display: flex;justify-content: space-between;align-items: center;margin: 0;}
.lk_left {margin: 0;}
.lk_left h2 {text-align: left;font-size: 50px;}
.lk_left p.txt {text-align: left;}
/* 의원상세뷰 */
.lk_right {width: calc(100% - 720px);}
.lawmaker_view {margin: 0;}

/* 의회 데이터(처리의안 등) */
.mData_list>div {display: flex;width: 19%;align-items: center;justify-content: space-between;padding: 20px 30px;}
.mData_list .ccData_t em {font-size: 19px;}
.mData_list .ccData_txt {font-size: 25px;margin-top: 10px;}
.mData_list .ccData_txt strong {font-size: 40px;}

/* 그래프 */
.graph_wrap>div li {line-height: 2.3;}
.graph_wrap>div li .graph_bar {display: flex;justify-content: space-between;align-items: center;}
.graph_wrap>div li .graph_bar p {width: 38%;}

/* 의정활동-포토갤러리 */ /* sns탭 */
.m_photoList .list_w li a, .snsTab_c .tab_c li a {height: 290px;}
.m_photoList .list_w li a:hover, .snsTab_c .tab_c li a:hover,
.m_photoList .list_w li a:focus, .snsTab_c .tab_c li a:focus {transform: translateY(-20px);}
.m_photoList .list_w a .pt_tit, .snsTab_c .tab_c li a .sns_tit {padding: 25px 30px;font-size: 18px;}
}


/* 와이드*/
@media all and (min-width: 1800px) {
.main_wrap .m_s1 {width: 1800px;}
.main_left {width: 76%;padding: 90px 60px;}
.m_topBox h2 {font-size: 34px;}
.m_topBox h2 strong {font-size: 50px;}
.noti_tab .tab_c ul li{width: 398px;margin: 0 10px;}
.noti_tab .tab_c li>a {padding: 40px 20px;font-size: 17px;}
.noti_tab .tab_c li>a .tit {font-size: 19px;}
.free_tab .tab_c li {width: 398px;margin: 0 10px;}
.free_tab .tab_c li>a {padding: 30px 20px;}
.free_tab .tab_c li>a .txt {font-size: 17px;}
.free_tab .tab_c li>a .tit {font-size: 19px;}
.main_right {width: 22%;margin: 0 0 0 20px;}
.chariman_link {left: 0;}
.main_cal .calendar {margin-top: 20px;}
.main_cal .calendar td a {padding: 12px 0;}
.main_cal .cal_info {padding: 15px 0;}
.main_cal .cal_info a {font-size: 19px;}
.main_cal .cal_info li::before {top: 18px;}

.m_s2 {width: 1800px;}
.m_s2:before {width: 1500px;background-size: auto;top: -80px;}
/* 선거구 지도, 의원 리스트 */
.lk_left h2 {font-size: 52px;}
.lk_left p.txt {font-size: 17px;}
.lk_left .lk_map {margin: 40px 0 30px 0;}
/* 의원상세뷰 */
.lk_right {width: calc(100% - 900px);}
.lawmaker_view {width: 100%;}
.lawmaker_view .img {width: 490px;}
.lawmaker_view .view_name {margin: 230px 40px 0 0;width: 350px;}
.lawmaker_view .view_name h4 {clear: both;font-size: 48px;background: var(--white) url('/images/01/common/namebg.png') no-repeat right bottom 10px;margin: 0 0 20px 0;}
.lawmaker_view .view_name p.txt {float: right;font-size: 19px;width: 230px;text-align: left;}
.lawmaker_view .lawmaker_info {width: 395px;bottom: -153px;padding: 50px;}
.lawmaker_view .lawmaker_info .info_sns {position: absolute;right: 50px;top: 40px;}

.m_s3 {width: 1800px;}
/* 의회 데이터(처리의안 등) */
.mData_list>div {padding: 32px;}
/* 그래프 */
.graph_wrap>div {width: 49%;}

/* 의정활동-포토갤러리 */ /* sns탭 */
.m_photoList .list_w li, .snsTab_c .tab_c li {width: 20%;margin: 0 25px 0 0;}
.m_photoList .list_w .more {top: 170px; right: 50px;}
.snsTab_c .tab_c .more {top: 110px; right: 50px;}
}


@keyframes left{0%,40%,100%{transform:translateX(3px)} 20%,60%{transform:translateX(-5px)}}
@keyframes rigth{0%,40%,100%{transform:translateX(10px)} 20%,60%{transform:translateX(-5px)}}
@keyframes down{0%,40%,100%{transform:translateY(10px)} 20%,60%{transform:translateY(-5px)}}