@charset "utf-8";


/* 공통타이틀 */
.title_area { margin-bottom: 20px; display: block; letter-spacing: -0.05em;}
.title_area h3 {font-size: 140%; color:#2b2d3a; font-weight: 700; display: block; line-height: 40px; position: relative;  }
.title_area p{color: #646975;display: block; word-break: keep-all;}

.round{border-radius: var(--bor_radius);}

.m_content {position: relative;}
.m_content .row{}



/* 팝업존 */
.popup_slider {  border: 1px solid var(--border_color); overflow: hidden;}
.popup_slider .nav { bottom:0;  left: auto;  right: 0; background-color: rgba(20, 19, 61, 0.80); padding: 5px 20px; border-radius: 25px 0 0 0;}
.popup_slider .nav button {background-color:transparent; }
.popup_slider .nav button:before{ color:#fff;  line-height: 33px;}
.popup_slider .nav .count {color: #fff;  line-height: 33px;}
.popup_slider .slick-list  {}
.popup_slider .slider .slick-slide img {width:100%; }
.popup_slider .slider .slick-slide a{display: block;}
.popup_slider .slider .slick-slide a:focus {border: 2px solid #000;}


.m_content .wrap_container {display: flex; flex-wrap: wrap; position: relative; justify-content: space-between;}
.main_left {width: 62%;}
.main_right {flex:0 1 calc(38% - 50px);  display: flex; flex-direction: column; align-content:space-between;  height: auto; flex-wrap: wrap;}



.m_con01 {padding-top: 0px; padding-bottom: 45px;}
.m_con01::before {content: ''; position: absolute; left:0; right:0; bottom:0; top:30%; background: var(--Gradation2); }

/* 열린 의장실 */
.main_speaker {display:flex; justify-content: flex-end; align-items: flex-end;  flex-grow: 1;  position: relative; background: var(--Gradation); overflow: hidden; border: 1px solid var(--border_color); width:100%}
.main_speaker img{width:52%; padding-top:15px }
.main_speaker .text_box{position: absolute; left:8%; top:16%; font-weight: 700;font-size: 120%; z-index: 99; letter-spacing: -0.05em;}
.main_speaker .text_box h3{ color:#414c67; }
.main_speaker .text_box h3 strong{ color:#000; font-size: 130%; position: relative; }
.main_speaker .text_box h3 strong span{ position: relative; }
.main_speaker .text_box h3 strong::before{ content: ''; position:absolute; background-color: rgba(255,255,255,0.8); left:0; right:0; bottom:0; top:50%; }
.main_speaker .text_box ul{display: block; margin-top: 8%; margin-left: -15px;}
.main_speaker .text_box ul li{position: relative;  font-size:85%;}
.main_speaker .text_box ul li a::before{content: '\f138'; font-family:'FontAwesomeS'; display: inline-block;  margin-right: 5px; color: #544d87;  }
.main_speaker .text_box ul li a{font-weight: 500; color: #323232; display: inline-block; position: relative; padding: 0 20px; transition: all 0.5s; border-radius: 20px; margin: 5px 0; line-height: 35px;}
.main_speaker .text_box ul li a:hover{ background-color: #fff; color: #000; padding:0 30px}


/* 의사일정 */

.main_schedule {  display: block; background-color: #ffe9e6; border: 1px solid var(--border_color); padding:25px 35px; position: relative; overflow: hidden; margin-top: 20px; width:100%}
.main_schedule .title_area {margin-bottom:10px}
.main_schedule .title_area .schedule_date{ position:absolute; top:0; right:0; background: var(--pink); color: #fff; padding: 15px 30px; font-family: 'Roboto'; font-weight: 700; font-size: 160%; border-radius: 0 0 0 25px;}
.main_schedule .title_area .schedule_date span {font-family: var(--default_font); font-size: 80%; font-weight: 500;}

.main_schedule .week_area{ display: block; position: relative;}
.main_schedule .week_area .week{display:flex; flex-wrap: wrap; width:100%; padding: 0 50px;}
.main_schedule .week_area .week li{flex: 0 0 14.2857142857%;    max-width:14.2857142857%; color:#444}
.main_schedule .week_area .week li span, .main_schedule .week_area .week li a{display:block; position: relative; text-align: center; padding:5px 0; font-weight: 400; font-size: 110%; }
.main_schedule .week_area .week li a i{ position: relative; font-weight: 600;}
.main_schedule .week_area .week li:first-child{color:#cf0000}
.main_schedule .week_area .week li:last-child{color:#1933cf}
.main_schedule .week_area .week li .today:before{content:''; position:absolute; left:50%; margin-left:-20px; top:0; width:40px; height:40px; border-radius: 50%; background-color:var(--pink) }
.main_schedule .week_area .week li .today i{color:#fff}
.main_schedule .week_area .week .being {background-color:#97ffb9; border-radius: 5px;}

.main_schedule .week_area .nav {position:relative}
.main_schedule .week_area button {position: absolute; top:20px; z-index: 99; background-color: #fff; width: 45px; height: 45px; line-height: 45px; box-shadow: 3px 3px 7px rgba(106,31,59,0.11); }
.main_schedule .week_area button.prev { left:0px;}
.main_schedule .week_area button.next { right:0px;}
.main_schedule .week_area button span{position: absolute; left:-9999999999px}

.main_schedule .content{background: #fff;  display:block; border-radius:var(--bor_radius); margin-top: 10px; }
.main_schedule .content #calendar{display:flex;  width: 100%; font-size: 90%; height: 65px; }
.main_schedule .content .calender_content{ flex:1 1 auto; padding: 0 15px; display: flex; flex-wrap: wrap; align-items: center; }
.main_schedule .content .calender_content > span{font-weight: 700; width:90px;  padding-right: 10px; font-size:90%}
.main_schedule .content .calender_content > p{color:#444;  width:calc(100% - 110px); overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; }

.main_schedule .content .calender_more {background-color: #eee0dd; padding: 0 15px; font-weight: 500; box-shadow:inset 1px 1px 3px rgba(106,31,59,0.08); white-space:nowrap; border-radius: 0 25px 25px 0; flex:0 1 90px; display: flex; align-items: center;}
.main_schedule .content .calender_more em {position: absolute; left:-9999999999px}
.main_schedule .content .calender_more i {background-color: #fff; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; text-align: center; margin-left: 5px;}


/* 아이콘 바로가기 */
.main_goto2 {width:100%; display: block; margin-top: 25px;}
.main_goto2 ul {display:flex; justify-content:space-around; margin:0 0; width: 100%; flex-wrap: wrap;}
.main_goto2 ul li { padding:5px 10px 5px 10px; flex: 1 0 auto;}
.main_goto2 ul li a {display: block; text-align: center; letter-spacing:-0.07em;}
.main_goto2 ul li a span{display: block; font-weight: 500; padding:15px 0; font-size: 100%; transition: all 0.9s; line-height: 20px; color: #464856;}
.main_goto2 ul li a img{background-color: #fff; border-radius: 50%; transition: all 0.9s; }
.main_goto2 ul li a:hover img{box-shadow: 0px 0px 20px rgba(64, 86, 150, 0.4);  }
.main_goto2 ul li a:hover span{color:#000; }




/* 최근게시물 탭박스 영역 */
.bbs_tab { position: relative; border: 1px solid var(--border_color); overflow: hidden;}
.bbs_tab:before {content: ''; position: absolute; background-color:rgba(0,0,0,0.1); height:1px; top:67px; left:0; right:0;}
.bbs_tab > ul { display: flex; width: 100%; padding-right: 59px;}
.bbs_tab > ul > li { flex:1 0 auto; }
.bbs_tab > ul > li + li > a {border-left: 1px solid rgba(0,0,0,0.1);}
.bbs_tab > ul > li:last-child > a {border-right: 1px solid rgba(0,0,0,0.1);}
.bbs_tab > ul > li > .tab{ line-height:67px; padding:0 25px;color:#67686f; display:block; font-size:120%;  font-weight:700; background-color: #f2f4f5; text-align: center; }
.bbs_tab > ul > li.active > .tab{ color:#000; background-color: #fff; position: relative; z-index: 9; height: 68px;}
.bbs_tab > ul > li .tab i{font-size:130%; margin-right:5px}

.bbs_tab > ul > li .view { position: absolute; top: 105px; left:0; right:0; display:none; padding: 0px 30px; }
.bbs_tab > ul > li.active .view { display:block;  }
.bbs_tab > ul > li.active .view ul { display:block; margin-top: 0;}
.bbs_tab > ul > li .view ul { display:block;  margin-top: 0px; transition: all 0.3s;}
.bbs_tab > ul > li .view .big {margin-bottom:10px;}
.bbs_tab > ul > li .view .big a{display:block; overflow:hidden;}
.bbs_tab > ul > li .view .big .file {display:none}
.bbs_tab > ul > li .view .big span{ float: left; width:120px; padding:13px 20px; text-align: center; font-family: 'Roboto'; font-weight: 900; color:#464856;  margin:5px 20px 5px 10px; border-radius: 20px;  box-shadow:2px 2px 5px rgba(0,0,0,0.1); border: 1px solid var(--border_color);}
.bbs_tab > ul > li .view .big span i{display: block;  font-weight: 900; font-size: 200%; color: var(--pink);}
.bbs_tab > ul > li .view .big div {overflow: hidden;}
.bbs_tab > ul > li .view .big div strong{display:block; font-weight: 600; line-height:45px;font-size: 140%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color:#111; letter-spacing: -0.05em;}
.bbs_tab > ul > li .view .big div p{font-size: 90%; color:rgba(0,0,0,0.8); line-height: 20px; text-overflow: ellipsis; overflow: hidden; display:block; height: 43px; margin-top:5px}
.bbs_tab > ul > li .view li {position: relative; width: 100%;}
.bbs_tab > ul > li .view li.title::before{content:''; position:absolute; left:2px; top:17px; border-radius: 50%; width:4px; height:4px; background-color: #cacaca;}
.bbs_tab > ul > li .view li.title > a{display:block; padding-left:15px; width:calc(100% - 100px);  line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  font-weight: 400;}
.bbs_tab > ul > li .view li.title > .date{ position: absolute; right:0; z-index: 3; top:7px; font-family: 'Roboto';}
.bbs_tab .more {position: absolute; top:-102px;  right:0; text-align: center; width: 60px; height: 67px;  line-height:67px; }
.bbs_tab .more span{position: absolute;  left:-9999px;}
.bbs_tab .more::before {content: '\f067'; position: absolute; top:0; left:0; right:0; text-align: center; font-family:'FontAwesomeS'; }

/*
.more {display: block; line-height: 35px;  width:220px; margin: 0 auto; text-align: center; margin-top: 0px; font-weight: 400;transition: all 0.3s; color:#444}
.more:after {content:'\f055'; display: inline-block;  font-family: 'FontAwesomeS'; margin-left: 5px;}
*/

/* 회의록 검색 */
.council_area {position: relative;  flex-grow: 1; background: var(--deep_Gradation); display: flex; padding: 30px 30px 25px 30px; box-shadow: 0px 0px 10px rgba(64, 86, 150, 0.5);}
.council_area .title_area {width:100px; padding-left: 0px; margin-top: 10px;}
.council_area .title_area h3{color:#fff;padding-left: 10px;}

.council_search {display: block; flex:1 0 calc(100% - 100px)}
.council_search .searchform{  display: flex; background-color:#fff; border-radius: 30px; overflow: hidden;}
.council_search .searchform input, .council_search .searchform button{height:60px; line-height: 60px; padding:0 10px; }
.council_search .searchform input { border: none; padding: 0 25px; font-weight: 500;}
.council_search .searchform button{ width: 60px; text-align: center; float:right; font-size: 120%;}

.council_area ul {display: flex; padding:20px 20px 0px 20px; color:#444; flex-wrap: wrap; }
.council_area ul li { width:50%; padding:3px 0}
.council_area ul li a{display: block; white-space: nowrap; line-height: 35px; font-size: 90%; color: #fff; font-weight: 400; font-size: 90%;}
.council_area ul li a img{ margin-right:10px; border-radius: 50%; background-color: #fff;}



/* 회의록 아래 아이콘 바로가기 */
.main_goto {display:flex; align-items: center; justify-content: center; border: 1px solid var(--border_color); overflow: hidden; background: #eff5ff; margin-top: 25px; padding: 12px 30px;}
.main_goto ul {display:flex; justify-content: space-around;  width: 100%; }
.main_goto ul li { padding:5px 10px ; flex: 1 0 auto; }
.main_goto ul li a {display: block; text-align: center; letter-spacing:-0.07em;  }
.main_goto ul li a span{display: flex; font-weight: 500; font-size: 100%; transition: all 0.3s; line-height: 20px; align-items: center; height: 50px; width: 100%; justify-content: center; color: #464856; font-size: 90%;}
.main_goto ul li a img{border-radius: 20px;  transition: all 0.9s; padding:5px }
.main_goto ul li a:hover img {background-color: rgba(255,255,255,0.8); box-shadow: 0px 0px 20px rgba(64, 86, 150, 0.4);}
.main_goto ul li a:hover span{color:#000; }



/* 현역의원 */
.m_con03 {display: block; background: var(--Gradation); overflow: hidden;}
.m_con03:before {content: ''; background-image: url(/_jbassem/images/main/bg_patten01.png); background-size: 100% auto; width: 400px; height: 400px; position: absolute; right:-100px; top:-100px;}
.m_con03:after {content: ''; background-image: url(/_jbassem/images/main/bg_patten01.png); background-size: 100% auto; width: 500px; height: 500px; position: absolute; bottom:-200px; left:-200px; transform: rotate(270deg);}

.m_con03 .title_area h3{font-size: 220%;}
.m_con03 .title_area p{display: block; font-weight: 500; padding-top: 10px; padding-left: 20px; padding-right: 20px; }
.m_con03 .title_area img{width: 50px; margin-right: 10px;}

.m_con03 .wrap_container{display: block;}

.jblogo_rotate{position:absolute; bottom:-100px; right:-100px; width:368px; height:368px; background:url(/_jbassem/images/main/bg_text.png) no-repeat; animation:jblogo_rotate 40s linear infinite; transform-origin:50% 50%; background-size:100% auto; z-index: 1;}

@keyframes jblogo_rotate{
    100%{transform:rotate(360deg);}
}


/* 의원소개 */
.lawmaker_slider { position: relative; z-index: 99;}
.lawmaker_tit {font-size: 140%;  line-height: 70px; }
.lawmaker_tit h4 i {color:var(--pink); margin-right: 10px;}
.lawmaker_tit h4{color:#353746; font-weight: 700;}

.lawmaker_slider .nav{ width:120px; top:20px; left:220px;}
.lawmaker_slider .nav button{box-shadow: 0px 0px 10px rgba(64, 86, 150, 0.2);}

.lawmaker_list {display: flex; padding: 5px; }
.lawmaker_box {width:100%; display: flex; background-color: #fff; box-shadow: 0px 0px 10px rgba(64, 86, 150, 0.2); overflow: hidden; padding:4% 5%; margin-bottom: 15px;}
.lawmaker_box > .photo{width:30%; display: flex; align-items: center; justify-content: center; padding: 0 10px;}
.lawmaker_box > .photo img {background-color: #fff; border: 1px solid var(--border_color); border-radius: 10px; }
.lawmaker_box > .txt{width:70%; padding-left: 30px; }
.lawmaker_box > .txt dt{font-size: 120%; font-weight: 700; display: block; margin:5px 0 5px 0; color:#000}
.lawmaker_box > .txt dt span{font-size: 80%; font-weight: 400;}
.lawmaker_box > .txt dd {font-size: 80%; color:#353746; font-weight: 400;}
.lawmaker_box > .txt a {margin-top:12px; display: inline-block; padding:  0 15px; background-color: #f2f2fb; color:#363d6e; font-weight:500; border-radius: 10px; line-height: 32px;}

.lawmaker_box > .txt dd strong {font-weight: 500;}

.lawmaker .nav { left:-70px; right:-70px; top:40%}
.lawmaker .nav .prev, .lawmaker .nav .next{  position:absolute; width:40px; height:40px;}
.lawmaker .nav button::before{ font-size: 130%;}

.map_area {text-align: center; padding-top: 5%; display: block; z-index: 99; position: relative;}



/* 의원검색 */ 
.lawmaker_search { position:relative; z-index: 10; margin-top: -35px;}
.lawmaker_search .wrap_container{display: flex;  align-items: center; position: relative;}
.lawmaker_search_box, .search_area {display: flex; align-items: center;}
.lawmaker_search h3 { width:150px; font-size: 140%; color: #fff; font-weight: 700; position: relative; z-index: 2;}
.lawmaker_search_box { width:calc(100% - 150px);}
.lawmaker_search_box .search_area{ width:calc(100% - 100px);  padding-right: 30px; position: relative; height: 100%; }
.lawmaker_search_box .search_area a{ position: relative;  display:block; height: 45px;  line-height: 43px;   vertical-align: middle;  padding: 0px 40px 0px 10px;  font-size: 100%;  border-radius: 4px; background:#fff;;white-space: nowrap; font-weight:400; font-size:90%}
.lawmaker_search_box .search_area a:after {content:'\f138'; position: absolute; color: #b1bdd2;  font-family:'FontAwesomeS';  font-size:80%; right:10px; top:0;}

.lawmaker_search_box .search_area::before { content:''; position: absolute; left:-450px; right:0px; bottom:-17px; top:-17px; background: linear-gradient(90deg, #765bcc, #765bcc, #a47ec1, #b1bdd2, #b1bdd2, #b1bdd2, #b1bdd2); box-shadow: 1px 1px 10px rgba(0,0,0,0.3); border-radius:50px; z-index: 1;}

.lawmaker_search_box .search_area > * {margin:0 4px; border: none; z-index: 2;}
.lawmaker_search_box .search_btn{ width:100px; text-align: center;}
.lawmaker_search_box .search_btn button {width:75px; height: 75px; border-radius: 50%; line-height: 70px; background-color: var(--pink); text-align: center; color:#fff; font-size: 130%;  box-shadow: 1px 1px 10px rgba(0,0,0,0.3);}



/* sns 탭박스 영역 */
.m_sns {position: relative; padding:6% 0px 0 0px}
.m_sns::before {content: ''; position:absolute; left:0; right:0; bottom:0; top:52%; background: var(--deep_Gradation);}
.m_sns::after {content: ''; position:absolute; left:0; right:0; bottom:0; top:52%; background-image: url(/_jbassem/images/main/bg_patten03.png), url(/_jbassem/images/main/bg_patten02.png); background-size: 200px auto, 200px auto; background-position: -80px -80px, calc(100% + 50px) calc(100% + 50px) ;  background-repeat:no-repeat, no-repeat; opacity: 0.2;}
/* 포토갤러리 탭박스 영역 
.m_sns::before {content: ''; position: absolute; width: 580px; height: 526px; background-image: url(/_jnassem/images/main/bg_patten06.png); left: -300px; bottom:-200px; transform:rotate(180deg)}
.m_sns::after {content: ''; position: absolute; width: 580px; height: 526px;  background-image: url(/_jnassem/images/main/bg_patten06.png); right: -150px; top:-250px}
*/

.m_sns .title_area{position: absolute; left:0; top:0; font-size: 150%;}
.m_sns .title_area h3 {font-weight: 700; font-size: 125%;}
.m_sns .title_area h3 span{color:#eb3b7d; font-weight: 900; font-size: 120%; letter-spacing: -0.07em;}

.sns_tab {  position: relative; display: block; z-index: 99; margin:0 0px; width:100%;}
.sns_tab ul {display: flex; justify-content: flex-end;}
.sns_tab li .tab {line-height: 40px;height: 40px;color: #fff;display: inline-block;margin-right: 5px;font-weight: 500;position: relative;transition: all 0.3s;background-color: #666a77;padding: 0 15px 0 35px;border-radius: 10px;}
.sns_tab li .tab h4 {position: relative;  font-size: 95%; letter-spacing: -0.05em;}
.sns_tab li:last-child .tab{margin:0;}
.sns_tab li.active .tab {   background-color: var(--default_color); padding: 0 35px 0 55px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}
.sns_tab li img {  width: 100%;}
.sns_tab li .view {  position: absolute; top: 60px;  left: 0;  right: 0; visibility: hidden; opacity: 0; }
.sns_tab li.active .view {  display: block; visibility: visible; opacity: 1;}

.sns_tab .nav {top:calc(50% - 55px);}
.sns_tab .nav button{width:50px; height: 50px; line-height: 50px;}
.sns_tab .nav .prev {left:-20px; position: absolute;}
.sns_tab .nav .next {right:-30px; position: absolute;} 
.sns_tab .nav button::before{background-color: #312f39;width:50px; height: 50px; line-height: 50px; color:#fff;}

.sns_tab .slider {margin:0 -15px; }
.sns_tab .slider .cell {display: block; padding:25px 15px}
.sns_tab .slider .item {display: block;  border-radius: 15px;transition: all 0.3s; position: relative; background-color: #fff; padding:7px 8px; border: 1px solid #d8dfe5;}
.sns_tab .slider .item:hover, .sns_tab .slider .item:focus { background-color: #eff5ff;  border-color: #378cd6; box-shadow: 0 0 14px rgba(0, 0, 0, 0.4); transform: scale(1.02);}
.sns_tab .slider .item:hover *, .sns_tab .slider .item:focus * {}
.sns_tab .slider .item img {width: 100%; border-radius: 15px; }
.sns_tab .slider .item .txt {display: block; padding:15px 5px 20px 5px; text-align: center;}
.sns_tab .slider .item  strong{ line-height: 30px;  text-overflow: ellipsis; white-space:nowrap; overflow: hidden; display: block;  font-weight: 500; font-size: 100%; letter-spacing: -0.05em; color:#222}
.sns_tab .slider .item  span {font-size: 100%; font-family: 'Roboto'; color:rgba(0,0,0,0.9); font-weight: 400; }
.sns_tab .more {display: block; line-height: 40px; height: 40px;; border-radius: 50px;  width:220px; margin: 0 auto; text-align: center; background-color: rgba(0, 0, 0, 0.6);  font-weight: 400;transition: all 0.3s; margin-top: 10px; font-size: 90%; letter-spacing: -0.05em; color:#fff}
.sns_tab .more:hover { background-color:#161616; }


.sns_tab li .tab::before {content: ''; position: absolute; width:40px; height: 40px; border-radius: 50%; background-repeat: no-repeat; background-size: 100% auto; top:0px; left:0px;overflow: hidden;}
.sns_tab li.tab_facebook .tab::before {background-image: url(/_jbassem/images/common/sns_facebook.png);}
.sns_tab li.tab_youtube .tab::before {background-image: url(/_jbassem/images/common/sns_youtube.png);}
.sns_tab li.tab_instar .tab::before {background-image: url(/_jbassem/images/common/sns_instar.png);}

.sns_tab li.active .tab::before { left:20px}
.sns_tab li.tab_facebook.active .tab {  background-color: #2852a8; }
.sns_tab li.tab_youtube.active .tab {  background-color: #e11124; }
.sns_tab li.tab_instar.active .tab { background-image: url(/_jbassem/images/common/sns_instar.jpg); background-repeat: no-repeat; background-size: 110% auto;  background-position:0 -20px;}

.sns_icon .cell .item:before{content: ''; position: absolute; left:15px; top:15px; width:35px; height: 35px; border-radius: 50%; background-repeat: no-repeat; background-size: 100% auto; border: 2px solid rgba(255,255,255,0.7);}
.sns_icon.icon_facebook .cell .item:before{ background-image: url(/_jbassem/images/common/sns_facebook.png);  background-color: #2852a8;}
.sns_icon.icon_youtube .cell .item:before{ background-image: url(/_jbassem/images/common/sns_youtube.png);  background-color: #e11124;}
.sns_icon.icon_instar .cell .item:before{ background-image: url(/_jbassem/images/common/share_icon06.png); }


@media only screen and (max-width:1300px){
  .m_sns { padding:60px 15px 0 15px}
  .sns_tab {margin: 0 0px;}
  .sns_tab .nav .prev {left:-30px; }
  .sns_tab .nav .next {right:-30px; } 
}
@media only screen and (max-width:700px){
  .m_sns .title_area{position:relative; right: 0; text-align: center;}
  .sns_tab ul {justify-content:center}
  .sns_tab li .view { top: 80px; }

}
@media only screen and (max-width:560px){
  .sns_tab li .tab { line-height: 30px; height: 30px;  padding: 0 10px 0 30px; border-radius: 10px; font-size: 88%;}
  .sns_tab li .tab::before { width:30px; height: 30px;}
  .sns_tab li.active .tab { padding: 0 18px 0 35px;}
  .sns_tab li.active .tab::before { left:7px}
  .sns_tab .nav button{width:35px; height: 35px; line-height: 35px;}
  .sns_tab .nav button::before{width:35px; height: 35px; line-height: 35px; }
  .sns_tab .nav {top:calc(50% - 17px);}
}

@media only screen and (max-width:420px){
  .m_sns .title_area {font-size:120%}

}


/* 배너모음 */
.banner_slider .nav {bottom:auto; top:-55px; left:120px; right:auto}
.banner_slider a{border: 1px solid #ddd; display: inline-block; margin: 0 5px;}
.banner_slider > div {text-align: center;}
.banner_slider .slider {margin:0 -5px}





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

}

@media only screen and (max-width:1300px){
  .main_left {width: 100%;}
  .main_right {flex:0 1 100%; width:100%; justify-content: space-between; flex-direction:row}
  .main_speaker, .main_schedule {flex:0 1 calc(50% - 10px); width:calc(50% - 10px); margin-top: 20px;}
  .council_area, .main_goto {margin-top: 20px; }
  .council_area { flex:0 1 calc(60% - 10px); width:calc(60% - 10px);}
  .main_goto {flex:0 1 calc(40% - 10px); width:calc(40% - 10px);}
  .main_goto2 ul li {flex:0 1 25%}


  .gallery_title, .gallery_area {width:100%; }
  .gallery_title {padding:40px 40px 0px 20px}
  .gallery_area {padding-top: 0px;}
  .gallery_title::before {right:20px; bottom:-100px}
  .gallery_area .gallery_slider::before {width:150px; height: 150px; bottom:-20px}
  .gallery .nav {position: absolute; right:35px; left:auto; top:50px}
  .gallery .gallery_more {margin-top: 5px; font-size: 90%;}
}
@media only screen and (max-width:1200px){
  .lawmaker_slider {order: 3;}
  .map_area {order: 2;}


}

@media only screen and (max-width:991px){
  .m_con01 {padding-bottom: 40px; padding-top:5px;}
  .m_con03 .title_area h3 {font-size: 150%;}
  .m_con03 .title_area img {width:35px}
  .m_con04 {padding-top: 70px !important;}

  .m_pad {padding-top:50px; padding-bottom:50px;}
  .m_pad2 {padding-top:40px; padding-bottom:30px;}
  .m_pad_top {padding-top:130px}

  .lawmaker_search {margin-top: 0;}
  .lawmaker_search .wrap_container {flex-wrap: wrap;}
  .lawmaker_search h3, .lawmaker_search_box {width:100%;}
  .lawmaker_search h3 {padding-bottom: 10px;}
  .lawmaker_search_box .search_area::before {display: none;}
  .lawmaker_search::before {  content: ''; position: absolute; left: -50px; right: 10px; bottom: -17px; top: -17px; background: linear-gradient(90deg, #765bcc, #765bcc, #a47ec1, #b1bdd2, #b1bdd2, #b1bdd2, #b1bdd2); box-shadow: 1px 1px 10px rgba(0,0,0,0.3); border-radius: 30px; z-index: 1;}
  .lawmaker_search_box .search_btn {position: relative; z-index: 2; width:70px; text-align: left;}
  .lawmaker_search_box .search_btn button {width:45px; height: 95px; line-height: 95px; font-size: 100%; border-radius: 10px; margin-left: 5px;}
  .lawmaker_search_box .search_area {width:calc(100% - 70px); padding-right: 0; flex-wrap: wrap;}
  .lawmaker_search_box .search_area > * {width:calc(50% - 5px); margin: 2px;}
}

@media only screen and (max-width:880px){
  .main_speaker, .main_schedule, .council_area, .main_goto {flex:1 1 100%; width:100%}

  .m_con01::before {top:100px}
}

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

  .jblogo_rotate {width:200px; height: 200px; bottom:-50px; }
  .title_area h3 {font-size: 120%; line-height: 35px;}
  .title_area p {font-size: 90%;}

  .m_banner {margin-top: 40px !important;}

  .lawmaker_box {padding: 10px 5px;}
}

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

  .popup_slider .nav button:before{line-height: 20px;}
  .popup_slider .nav .count {line-height: 20px;}

  .gallery_title strong {font-size: 120%;}
  .gallery_slider .slick-current .cell a p {font-size: 100%;}

  .lawmaker_search_box .search_btn button { height: 78px; line-height: 78px;}
  .lawmaker_search_box .search_area a{ height: 35px;   line-height: 32px;} 

  .bbs_tab > ul > li .view {padding:0 15px 0 8px; top:60px; font-size: 90%;}
  .bbs_tab > ul > li > .tab{ line-height:40px; padding:0 5px; font-size:90%;  }
  .bbs_tab > ul > li.active > .tab{height: 41px;}
  .bbs_tab:before {top:40px}
  .bbs_tab .more {top:-58px}
  .bbs_tab .more {height: 40px; line-height: 40px; width:40px}
  .bbs_tab > ul {padding-right: 40px;}
  .bbs_tab > ul > li .view .big span {width:75px; padding: 10px 0; margin: 5px 10px; border-radius: 10px;}
  .bbs_tab > ul > li .view .big div strong {line-height: 25px; padding-top: 8px; font-size: 120%;}
  .bbs_tab > ul > li .view .big div p {height: 30px; line-height: 15px;}
  .bbs_tab > ul > li .view li.title > a {line-height: 25px;}
  .bbs_tab > ul > li .view li.title::before {left:8px; top:10px}
 
  .main_goto2 ul li a{font-size: 80%;}
  .gallery_area .cell a em {font-size: 80%; padding: 5px 10px;}
  .main_goto2 ul li a span{line-height: 15px;}

  .main_schedule {padding:15px 20px}
  .main_schedule .content .calender_content {align-content: center; overflow: hidden;}
  .main_schedule .content .calender_content > span, .main_schedule .content .calender_content > p {width:100%;}
  .main_schedule .title_area .schedule_date {font-size: 140%;}
  .main_schedule .week_area button {width:25px; height: 25px; line-height: 25px;}
  .main_schedule .week_area .week {padding: 0 25px;}
  .main_schedule .week_area .week li .today:before {width:30px; height: 30px; margin-left: -15px; top:2px}
  .main_schedule .content .calender_more {border-radius: 0 15px 15px 0;}
  .main_schedule .week_area .week li span, .main_schedule .week_area .week li a {font-size: 100%;}

  .main_speaker img {height: auto; padding-top:25px}
  .main_speaker .text_box {top:30px; font-size: 110%;}
  .main_speaker .text_box ul li a{ line-height: 20px;}

  .council_area {padding:20px}
  .council_area .title_area {display: none;}
  .council_search .searchform input, .council_search .searchform button {height: 45px; line-height: 45px;}

  .banner_slider .nav {top:-50px; left:90px}
  .lawmaker_box > .txt {padding-left: 10px;}

  .lawmaker_slider .nav {width:100px; left:auto; right:15px;}
  .nav .count {font-size: 90%;}
  .nav button {width:25px; height: 25px; line-height: 25px;}
  .prev:before, .next:before, .play:before, .pause:before { font-size:15px; line-height: 25px;}
  .play:before {padding-left: 2px; font-size: 17px;}

  .lawmaker_search h3 {font-size: 120%;}

  .main_goto {padding:10px 5px;}
  .main_goto ul li {padding:0;}
}

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

}