@charset "utf-8";


/* 공통타이틀 */
.slide_show {display: none;}

.m_tit {position: relative; padding: 0 10px; margin-bottom: 5px;}
.m_tit h3{font-family: var(--Paperlogy_font); font-weight: 700; font-size: 180%; color: #292929; line-height: 40px; word-break: keep-all;}
.m_tit h3 img {height: 45px; vertical-align: middle;}
.m_tit h3 span{ font-weight: 700; color: #004fc6;}
.m_tit p{ position: relative;color: rgba(0, 0, 0, 0.5); word-break: keep-all;  display: block; font-weight: 500; padding-top: 10px;   font-size: 100%; letter-spacing: -0.02em;}
.m_tit h3 i {font-weight: 500; width: 40px; height: 40px; background-color: #eaeef5; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; margin-right: 10px; font-size: 20px;}

.m_tit.tac {font-size: 110%; margin-bottom: 25px; display: block; margin: 0 auto;}
.m_tit.tac h3 { display: inline-block;}
.m_tit.tac h3, .m_tit.tac p{text-align: center;}
.m_tit.tac p{ }

@media only screen and (max-width:1500px){
.m_tit h3{ font-size: 150%;}
}

@media only screen and (max-width:1000px){
.m_tit h3{ font-size: 140%; line-height: 25px;}
.m_tit h3 img {height: 30px; }
.m_tit p{  font-size: 90%; }
}

@media only screen and (max-width:500px){
.m_tit h3{ font-size: 130%;}
.m_tit p{  font-size: 80%; display: none;}
}

.m_content {  position: relative; padding: 45px 0;  margin:0 35px; }
.m_content + .m_content.main_bg  { padding: 45px 0; }
.m_content + .m_content  {padding-top:10px; padding-bottom: 45px;}

.visual_wrap {display: flex; justify-content: space-between; flex-wrap: wrap;}
.main_left {flex:0 1 60%; width: 60%; position: relative;}
.main_right {flex:0 1 35%;  display: flex; flex-direction: column;  flex-wrap: wrap;  position: relative; align-content:space-between;  }

/* 배경 슬라이드 */
.main_bg:before {content: ''; position:absolute; left:0; top:0; right: 0; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat: no-repeat; background-position: center center;  border-radius: 100px;}
.main_bg.bg01::before {background-image: url(/_jngjassem/images/main/m_bg01.png); background-color: #e9f8fa; height:calc(100% - 215px)}
.main_bg.bg02::before {background-image: url(/_jngjassem/images/main/m_bg02.png); background-color: #fdf5ea; bottom: 0;}
.main_bg.bg03::before {background-image: url(/_jngjassem/images/main/photo_bg.jpg); bottom: 45%;}
.main_bg.bg03::after {}

@media only screen and (max-width:1700px){
.m_content {  margin:0px; }
.main_bg:before { border-radius: 50px; } 

}
@media only screen and (max-width:1500px){
.main_bg:before { border-radius: 0px; } 
.m_content { padding: 50px 0;}
.m_content + .m_content.main_bg  { padding: 40px 0; }
.m_content + .m_content  {padding-top:10px; padding-bottom: 50px;}
.main_bg.bg01:before {  height:calc(100% - 205px)} 

}
@media only screen and (max-width:1300px){
.main_left {flex:0 1 100%; width: 100%; }
.main_right {flex:0 1 100%; flex-direction:row; justify-content: space-between; margin-top: 40px; }

}
@media only screen and (max-width:650px){
.m_content + .m_content  {padding-top:0px; padding-bottom: 10px;}
.m_content { padding: 30px 0;}

}
/* 실시간 의회소식 */
.real_news {display: flex;  width: calc(100% - 0px); margin: 0 auto; height: 60px; margin-bottom: 40px; align-items: center; border-radius: 50px; border: 1px solid #d6ddf5; justify-content:space-between; overflow: hidden; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.real_news dt{font-weight: 600; font-size: 100%; flex:0 1 330px; text-align: center; background:var(--Gradation); height: 100%; display: flex; align-items: center; justify-content: center; color:#fff; font-family: var(--Paperlogy_font); word-break: keep-all; text-align: right;}
.real_news dt strong{font-weight: 700; padding: 0 33px; white-space: nowrap; font-size: 140%;}
.real_news dt strong em{color: var(--light_yellow);}
.real_news dt span{font-weight: 500; padding-left:30px; font-size: 85%;}
.real_news dd{ position: relative; flex:1; display: block;overflow: hidden;  padding-right: 300px;}
.news_slider .slider a{display: flex;  line-height: 66px; padding: 0 30px;   width: 100%; font-size: 115%;}
.news_slider .slider a em{flex:1;font-weight: 700;display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news_slider .slider a span{flex:0 1 110px;font-weight: 400; color: #777; text-align: right; }

.news_slider .nav { bottom:auto;  left: auto; top:50%; transform: translateY(-50%);  right: 20px;   width: 250px; line-height: 40px; flex-wrap: nowrap;}
.news_slider .nav::before {content: ''; position: absolute; left: -20px; top:7px; bottom: 7px;  width: 2px; background-color: rgba(0, 0, 0, 0.2); z-index: 3;}
.news_slider .nav button {position: relative; background-color:transparent; width: 25px; height: 25px; line-height: 25px; box-shadow: none; border: none;}
.news_slider .nav button:before{ color:#000; line-height: 25px; }
.news_slider .nav .count { width: 40px;}
.news_slider .nav .count em {color: var(--default_color);  line-height: 33px;}
.news_slider .nav .nav_more {background-color: #eef1f4; border: none; font-weight: 500;  padding: 0 20px; color: #31333d; line-height: 40px; font-size: 105%;}
@media only screen and (max-width:1500px){
  .real_news { margin-bottom: 40px; width: 100%;  }

}

@media only screen and (max-width:1300px) {
.real_news {font-size: 90%;}
.real_news dt span{display: none;}
.real_news dt{flex:0 1 200px; }
}
@media only screen and (max-width:1000px) {
.real_news {border-radius: 15px;}
.real_news dt{flex:0 1 150px; }
.real_news dt strong {padding: 0;}
.real_news dd {padding-right: 190px;}
.news_slider .slider a {padding: 0 15px;}
.news_slider .slider a span{display: none;}
.news_slider .nav {width: 190px; right: 10px;}
.news_slider .nav .nav_more {padding: 0 10px; border-radius: 10px; font-size: 100%; margin-left: 3px; }
.news_slider .nav::before { display: none;}

}

@media only screen and (max-width:650px) {
.real_news {display: block; height: auto; margin-bottom: 30px;}
.real_news dt{flex:0 1 100%;padding: 12px 0; height: auto;}
.real_news dd { padding-right: 0px; padding-bottom: 50px; }
.real_news dd::after {content: ''; position: absolute; left: 0; right: 0; bottom: 50px; height: 1px; background-color: rgba(0, 0, 0, 0.1);}
.news_slider .slider a{ line-height: 50px; }
.news_slider .nav { right: 50%; top:auto; transform: translateY(0) translateX(50%); bottom: 5px; }
.news_slider .nav .nav_more {line-height: 32px;}
}

/* 팝업존 */
.popup_slider { position: relative;}
.popup_slider .nav { bottom:-15px;  left:50%; transform: translateX(-50%); top:auto;  right:auto; padding: 5px 20px; border-radius: 25px; font-size: 90%; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: flex; justify-content:space-between; flex-wrap: nowrap; -ms-flex-wrap: nowrap; width: 170px; border:1px solid  rgba(0,0,0,0.2); }
.popup_slider .nav button {background-color:transparent; width: 25px; height: 25px; line-height: 25px; box-shadow: none; border: none; position: relative;}
.popup_slider .nav button:before{ color:#000;  line-height: 25px; font-size: 13px;}
.popup_slider .nav .count {color: hsl(0, 0%, 33%);  font-size: 100%; line-height: 25px; white-space: nowrap;}
.popup_slider .nav .count em {color: var(--default_color);  line-height: 25px; font-weight: 700;}
.popup_slider .slick-list  {box-shadow:0px 0px 15px rgba(0,0,0,0.15); border-radius: 30px}

.popup_slider .slider .slick-slide img {width:100%; }

.popup_slider .slider .cell {vertical-align: top; display: block; position: relative; padding-bottom:55.7%;}
.popup_slider .slider .cell img{width: 100%; min-width: 100%; position: absolute; left:0; right: 0; top:0; bottom:0;}
.popup_slider .slider .cell:focus {border: 2px solid #000;}



/* 열린 의장실 */
.main_speaker { display: block; position: relative; width:100%;  font-weight: 500;  flex: 1;  }
.main_speaker .photo{ position: relative; display: block;  width: 100%; height: calc(100% - 15px);}
.main_speaker .photo img{ height: 100%; }
.main_speaker .text_box{position: absolute; right:0; top:8%;font-size: 120%; z-index: 15; font-family: var(--Paperlogy_font);  }
.main_speaker .text_box strong{ display: block;  line-height: 120%; font-weight: 700; font-size: 100%; color: var(--default_color);}
.main_speaker .text_box strong i{ color:var(--green); font-size: 180%; font-weight: 800;display: block; line-height: 150%;  }
.main_speaker .text_box strong em{font-size: 130%;  display:block; padding-top:10px; color: #202c46;}
.main_speaker ul {position: relative; margin-top: 15px; margin-left: -15px;}
.main_speaker ul li {}
.main_speaker ul li a {display: block; position: relative; padding:0px 10px 0px 20px;  color:#000; line-height: 40px;  font-size: 90%;  transition: all 0.5s;  font-weight: 600; border-radius: 30px;}
.main_speaker ul li a i {color: var(--default_color); padding-right: 3px;}
.main_speaker ul li a:hover {background-color: rgba(14, 96, 189, 0.1);}

/* 임시텍스트 */
.main_message { display: flex; flex-wrap: wrap; align-content: center; position: relative; width:100%; padding-bottom:50px; font-weight: 500;  flex: 1;  }
.main_message em {display: inline-block; color: var(--default_color); border: 1px solid rgba(34, 92, 187, 0.5); background-color: rgba(255, 255, 255, 0.7); font-family: var(--Paperlogy_font); font-weight: 600; line-height: 30px; padding: 0 30px; border-radius: 30px;}
.main_message strong {display: block; width: 100%; font-family: var(--Paperlogy_font); font-size: 230%; font-weight: 800; color: #112137; padding: 15px 0;}
.main_message strong i {color: var(--green);}
.main_message strong span {color: var(--default_color);}
.main_message p{display: block; width: 100%; color: #4d5d73; font-weight: 700; font-size:90%}


@media only screen and (max-width:991px) {
  .main_message {text-align: center; justify-content: center; padding: 20px 0; font-size: 80%;}
}

/* 의원검색 */
.lawmaker_search { display: block;  height: 155px;  background-color: #fff; box-shadow: 0 0 15px rgba(42, 66, 113, 0.2); padding:12px 20px; border-radius: 25px; font-family: var(--Paperlogy_font); width: 100%}
/*
.lawmaker_search > form {display: flex; flex-direction: column; flex-wrap: wrap;align-content:space-between;}
*/
.lawmaker_search .m_tit {padding-left: 3px; }
.lawmaker_search .m_tit h3 {line-height: normal; font-size: 140%; }
.lawmaker_search .lawmaker_search_box {display: flex; padding: 10px 0 3px 0; }
.lawmaker_search .lawmaker_search_box input{background-color: #eef1f4; border: none; text-align: center;}

.lawmaker_search .search_link {display: flex; justify-content: space-between; gap: 10px; flex: auto;}
.lawmaker_search .search_link a {flex:1; line-height: 30px; text-align: center; display: block; margin-top: 10px; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.15);  font-weight: 700;}


@media only screen and (max-width:1500px) {
.lawmaker_search { height: 140px;  padding: 15px 20px; border-radius: 20px;  }
.lawmaker_search .m_tit h3 { font-size: 120%; }
.lawmaker_search .search_link a { line-height: 30px; font-size: 90%; margin-top: 5px; }
.lawmaker_search .lawmaker_search_box { padding: 5px 0 3px 0;}
.lawmaker_search .lawmaker_search_box * {line-height: 35px; height: 35px;}

.main_speaker .text_box{font-size: 100%;   }
.main_speaker ul li a {font-size: 100%;  }

}

@media only screen and (max-width:1300px) {
.main_speaker {  width:40%; height: 200px;   flex:0 1 40%; background:linear-gradient(140deg, #d9ffe5, #c9f0ff, #9dc1fc); border-radius: 20px; box-shadow: 0 0 15px rgba(42, 66, 113, 0.2); overflow: hidden;}
.main_speaker .photo{  height: calc(100% - 0px)}
.main_speaker .text_box{ right:30px; top:30px; font-size: 80%; }
.main_speaker ul {margin-top: 5px; }
.main_speaker ul li a {font-size: 110%; line-height: 30px;  }

.lawmaker_search {  height: 200px;  padding: 20px 25px;   width:calc(60% - 40px);   flex:0 1 calc(60% - 40px);  }
.lawmaker_search .m_tit h3 { font-size: 140%; }
.lawmaker_search .search_link a { line-height: 40px; font-size: 100%; margin-top: 15px; }
.lawmaker_search .lawmaker_search_box { padding: 15px 0 3px 0;}
.lawmaker_search .lawmaker_search_box * {line-height: 45px; height: 45px;}
}
@media only screen and (max-width:991px) {
.popup_slider .slick-list  { border-radius: 15px 35px 15px 15px; }

.main_speaker {  width:100%; height: 250px;   flex:0 1 100%;}
.main_speaker .text_box{ right:50px; top:40px; font-size: 110%; }
.main_speaker ul {margin-top: 15px; }
.main_speaker ul li a {font-size: 100%; }

.lawmaker_search {  height: auto;  padding: 20px 25px; border-radius: 20px;  width:100%;   flex:0 1 100%;  margin-top: 20px;}

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

.main_speaker .photo{  height: calc(100% - 20px); bottom: -20px; left: -30px;}
}

@media only screen and (max-width:440px) {
.main_speaker .text_box{ right:30px; top:30px; font-size: 90%; }
.main_speaker ul {margin-top: 5px; }
.main_speaker ul li a {font-size: 110%; line-height: 30px;  }
}
/* 의사일정 */
.main_calendar {}
.cal_wrap {display: flex; flex-wrap: wrap;  }
.cal_wrap::before { content: '';position: absolute; left: -60px; top: 1px; bottom: 1px; right:100px;  background-color: var(--bg_gray); border-radius: 100px;}
.m_calendar { z-index: 9; flex:5; align-items: center;}
.m_calendar {position: relative; display: flex; flex: 1; flex:0 1 calc(100% - 515px); width:calc(100% - 515px);}
.m_calendar .title {position: relative; display: flex; align-content: center; flex-wrap: wrap; flex:0 1 150px; width: 150px;   padding-left: 10px; font-size: 70%;}
.m_calendar .title h3 {line-height: 30px; font-weight: 500;}
.m_calendar .title h3 span { color: #dc491c; display: block; font-weight: 800; font-size: 130%;}

.main_schedule {  display:flex; justify-content: space-between;  position: relative;  flex:1; overflow: hidden;}

.main_schedule .week_area{ display: flex; align-items: center;  justify-content: right; position: relative;   flex: 0 1 150px; width: 150px;  font-family: var(--default_font); }
.main_schedule .week_area .schedule_date{ font-weight: 800; font-size: 180%; border-radius: 0 0 0 25px; color: #000; text-align:right; padding-bottom: 10px; padding-right: 30px;}
.main_schedule .week_area .schedule_date span { font-size: 60%; font-weight: 500;display: inline-block; vertical-align: top; padding-left: 5px; padding-top: 10px;}
.main_schedule .week_area .schedule_date em { display: block; font-weight: 500; font-size: 80%;}

.main_schedule .content{background: #fff;  display:flex; flex-wrap: wrap; align-content: center; border-radius:15px; flex: 1;  height: 120px; padding: 10px 5px; font-family: var(--Paperlogy_font);  overflow: hidden;}
.main_schedule .content #calendar{display:flex; flex-wrap: wrap; width: 100%; justify-content: right; align-items: flex-start; overflow: hidden;}
.main_schedule .content #calendar > ul{ overflow-x: hidden; overflow-y: auto; width: 100%; display: block; height: 120px; padding:5px 10px;}
.main_schedule .content #calendar > ul.date_1 > li:first-child{padding-top: 40px;}
.main_schedule .content #calendar > ul.date_2 > li:first-child{padding-top: 27px;}
.main_schedule .content #calendar > ul.date_3 > li:first-child{padding-top: 15px;}
.main_schedule .content #calendar > ul.date_4 > li:first-child{padding-top: 0px;}

.main_schedule .content #calendar > em {font-size: 100%; color: rgba(0, 0, 0, 0.7);}
.main_schedule .content #calendar > em > strong{display: block; font-weight: 600; font-size: 110%; color: #333; padding: 5px 0;}
.main_schedule .content .calender_content{ width: 100%; padding: 0 15px; display: flex; flex-wrap: wrap; align-items: center; line-height: 27px; font-size:100%; overflow: hidden; text-overflow: ellipsis; font-family: var(--default_font); }
.main_schedule .content .calender_content > span{font-weight: 700; width: 70px;  padding-right: 10px;font-size: 90%; line-height: 18px;  letter-spacing: 0.05em; color: #777;}
.main_schedule .content .calender_content > p{color:#333; display: block;  width:calc(100% - 70px); overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600;font-size:95%; letter-spacing: -0.02em}

.main_schedule .content #calendar.no_date {justify-content: center; }
.main_schedule .content #calendar.no_date .calender_more {margin-top: 5px; font-size: 90%;}

.main_schedule .content .calender_more { padding: 3px 15px; font-weight: 500; white-space:nowrap; border-radius: 10px;  display: inline-block; align-items: center; background-color: rgba(0, 0, 0, 0.07); }
.main_schedule .content .calender_more em {display: inline-block; background-color: #fff; width: 25px; height: 15px; border-radius: 3px; line-height: 15px; text-align: center; margin-left: 5px;  font-weight: 600; }

.calender_more {font-size: 80%; display: inline-block; background-color: rgba(0, 0, 0, 0.1); }

.calendar_goto {  display:block;  flex:0 1 220px; width: 220px; padding: 0 50px 0 20px; }
.calendar_goto a {  display:flex; align-items: center;  letter-spacing:-0.07em;   border-radius: 40px; line-height: 37px; padding: 0 25px; transition: all 0.3s; font-weight: 600; white-space: nowrap; font-family: var(--Paperlogy_font); border:1px solid rgba(0,0,0,0.2);}

.calendar_goto a i { font-size: 100%; margin-right: 7px;}
.calendar_goto a + a {margin-top: 10px;}
.calendar_goto a:hover { background-color: rgba(0, 0, 0, 0.05);}
.calendar_goto a.onair_btn {background-color: #dc491c; color: #fff;}
.calendar_goto a.onair_btn:hover {background-color: #1a0c08; }


/* 의사일정 오른쪽 아이콘 바로가기 */
.main_goto { flex:0 1 515px; width:515px; border: 2px solid var(--bg_gray); background-color: #fff; border-radius: 30px;  position: relative; padding: 15px 10px;}
.main_goto ul {display:flex; justify-content:space-between; width: 100%; flex-wrap: wrap; }
.main_goto ul li {flex:1; position: relative;}
.main_goto ul li + li::before {content: '';position: absolute; left: 0px; top:25px; bottom: 25px;  width: 1px; background-color: rgba(0, 0, 0, 0.1); z-index: 3; }
.main_goto ul li a {display: block; padding: 10px 15px 20px 15px; transition: all 0.3s;  font-family: 'Paperlogy'; text-align: center;}
.main_goto ul li a span{display: flex; font-weight: 600; height: 30px;  align-items: center; justify-content: center;}
.main_goto ul li a img {transition: all 0.3s; border-radius: 50%;   padding: 10px; }
.main_goto ul li:last-child a strong span {color: #089089;}
.main_goto ul li a:hover img {animation: icon_motion 1.2s cubic-bezier(0.36,0.07,0.19,0.97) both; 
}

@-webkit-keyframes icon_motion {
  0% { transform:rotateY(0deg); }
  100% { transform: rotateY(360deg);  }
}


@media only screen and (max-width:1500px){
.m_calendar { flex:0 1 calc(100% - 420px); width:calc(100% - 420px);}
.main_goto { flex:0 1 420px; width:420px; }
.main_goto ul li a { padding: 10px 5px 20px 5px; font-size: 90%;}

}

@media only screen and (max-width:1400px){
.m_calendar .title { flex:0 1 120px; width: 120px;  }
.main_schedule .week_area .schedule_date{ font-size: 150%;}
.main_schedule .week_area{  flex: 0 1 130px; width: 130px;  }
.calendar_goto {  flex:0 1 190px; width: 190px;  padding: 0 30px 0 20px; }
.calendar_goto a {  line-height: 37px; padding: 0 15px; font-size: 90%;}

}

@media only screen and (max-width:1200px){
.m_calendar {flex-wrap: wrap;}
.m_calendar, .main_goto { flex:0 1 100%; width:100%; margin: 20px 0;}
.cal_wrap::before {  left: 0px; top: 0px; bottom: 100px; right:0px;  background-color: var(--bg_gray); border-radius: 0px;}
.m_calendar .title {flex:0 1 100%; width: 100%;   padding-left: 0px; text-align: center; justify-content: center; font-size: 110%; margin: 10px 0 20px 0;}
.m_calendar .title h3 span {display: inline-block; font-size: 100%;}
.main_schedule {flex:0 1 calc(100% - 190px); width:calc(100% - 190px);}

}


@media only screen and (max-width:800px){
.m_calendar .title { margin: 10px 0 0px 0;}

.main_schedule {flex-wrap: wrap; flex:0 1 100%; width: 100%;}
.main_schedule > *, .calendar_goto {flex:0 1 100% !important; width: 100% !important;}
.calendar_goto {display: flex; width: 100%; margin-top: 10px; gap: 10px; justify-content: space-between; padding: 0;}
.calendar_goto a{ flex: 1; text-align: center; justify-content: center; background-color: #c5ccd8; }
.calendar_goto a + a {margin-top: 0;}
.main_schedule .week_area {justify-content: center; font-size: 120%; }
.main_schedule .week_area .schedule_date {padding:10px 0;}
.main_schedule .week_area .schedule_date em {display: inline-block;}

}





/* 아이콘 바로가기 */

.icon_slider {padding:0px 50px;  font-family: var(--Paperlogy_font);}
.icon_slider a {display: block; text-align: center; margin:10px 0; word-break: keep-all;}
.icon_slider a span{display: block; font-weight: 500; padding:15px 0; font-size: 110%; transition: all 0.9s; line-height: 20px; }
.icon_slider a div{display:inline-block; background-color: #f3f4f6; border-radius: 50%; transition: all 0.5s;border: 1px solid transparent;}
.icon_slider a div img{ transition: all 0.5s;  padding:20px; }
.icon_slider a:hover div{box-shadow: 0px 0px 10px rgba(88, 86, 107, 0.2);  border: 1px solid rgba(0, 0, 0, 0.7); background-color: #fff;  }
.icon_slider a:hover span{color:#000; }
.icon_slider .nav {top:50%; transform: translateY(-50%);}
.icon_slider .nav button{  }
.icon_slider .slider {position: relative; z-index: 999;}


@media only screen and (max-width:1500px){
.icon_slider a span{ font-size: 100%; }
}

@media only screen and (max-width:1200px){
.main_icon {padding-bottom: 50px !important}
}
@media only screen and (max-width:500px){
.icon_slider { padding: 0px 30px;}
.icon_slider a img{ padding:10px; }
.icon_slider a span{ font-size: 90%; }
.main_icon {padding-bottom: 30px !important}

}
@media only screen and (max-width:400px){
.icon_slider a img{ padding:5px; }
}


/* 의원소개 */
.m_lawmaker { display: block; padding: 80px 0 50px 0 !important; }
.m_lawmaker .m_tit { font-size: 110%;}
.m_lawmaker .m_tit h3 { font-weight: 800;}
.m_lawmaker .m_tit h3 span { color: #dc491c; font-weight: 800; }
.m_lawmaker .wrap_container > .m_tit {  display: none;  text-align: center;}

.lawmaker_slider { position: relative; z-index: 99; }
.lawmaker_tit {font-size: 150%;  line-height: 70px; margin-top: 20px; font-family: var(--Paperlogy_font);}
.lawmaker_tit h4 i {color:#ce4813; margin:0 10px 0 2px;}
.lawmaker_tit h4{color:#111; font-weight: 700;}

.lawmaker_slider .nav{ width:100px; top:110px; left:auto; right: 20px; gap: 10px; justify-content: center;}
.lawmaker_slider .nav button {position: relative;}
.lawmaker_slider .nav button::before {color: #000;}

.lawmaker_wrap {display: flex; flex-wrap: wrap;}
.lawmaker_wrap .map_area {text-align: center; padding-top: 0; display: block; z-index: 99; position: relative; flex: 1;}
.lawmaker_wrap .lawmaker_slider {width: 600px; flex: 0 1 600px;}


.lawmaker_list {display: flex; padding:0px 0px 10px 0px; font-family: var(--Paperlogy_font); margin:0 -10px}
.lawmaker_list > [class*="col-"] {padding:0 10px;}
.lawmaker_box {width:100%; display: flex; flex-wrap: wrap; background-color: #fff; overflow: hidden; margin:5px 0px; border-radius: 15px; border: 1px solid #d4d2c6;}
.lawmaker_box > .photo{width:130px; display: flex; align-items: center; justify-content: center; padding: 20px;}
.lawmaker_box > .photo img {background-color: #e7e6e1; border-radius: 10px; }
.lawmaker_box > .txt{width:calc(100% - 130px);  padding-top: 10px; }
.lawmaker_box > .txt dt{font-size: 130%; font-weight: 700; display: block; margin:15px 0 15px 0; color:#000}
.lawmaker_box > .txt dt span{font-size: 80%; }
.lawmaker_box > .txt dd {font-size: 90%; font-weight: 500; line-height: 23px;}
.lawmaker_box > .txt dd strong {}
.lawmaker_box > a { display: block; padding: 0 15px; background-color: #3e3b32; color:#fff; font-weight:500; border-radius:0 0 10px 10px; line-height: 46px; transition: all 0.3s; width: 100%; text-align: center;}
.lawmaker_box > a:hover {background-color: #000;}
.lawmaker_box > a i {display: inline-block; margin-right: 5px;}



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

@media only screen and (max-width:1300px){
.lawmaker_wrap .map_area {width: 100%; flex: none;}
.lawmaker_wrap .lawmaker_slider {width: 100%; flex: 0 1 100%;}

.m_lawmaker .wrap_container > .m_tit {  display: block;}
.lawmaker_slider > .m_tit {display: none;}
.m_lawmaker { display: block; padding: 50px 0 !important; }
.lawmaker_slider .nav{  top:40px; left:auto; right: 0px; gap: 3px; width: 130px; }

}

@media only screen and (max-width:700px){
.lawmaker_tit {font-size: 130%;}

}



/* 최근게시물 탭박스 영역 */
.bbs_news {padding: 70px 0 !important;}
.bbs_news .m_tit {position: absolute; left: 0; top:-3px; }
.bbs_news .m_tit h3 { line-height: 40px;}
.news_tab { position: relative;  min-height: 400px; }
.news_tab .nav {right:0; top:-55px; left: auto; display: flex; gap: 5px;}
.news_tab .nav button {position: relative;}

.tit_tab ul {display: flex;}
.tit_tab li .m_tab {  line-height: 40px;  display: inline-block;  margin-right: 30px;  position: relative; transition: all 0.3s;}
.tit_tab li .m_tab h4 {position: relative; font-size: 115%; font-weight: 600; font-family: 'Paperlogy';  padding: 0 10px; color: #4b4b60; transition: all 0.3s;}
.tit_tab li.active .m_tab h4 {  color:#000; font-weight: 700; font-size: 120%; word-break: keep-all;}
.tit_tab li.active .m_tab::before {content: '';  left: 0px; right: 0;  height: 3px; bottom: 0; border-radius: 5px; background-color: var(--default_color); position: absolute; }

.news_tab { position: relative; display: block;  min-height: 200px;}
.news_tab ul {display: flex;}
.news_tab li img {  width: 100%;}
.news_tab li .view {  position: absolute; top: 60px;  left: 15px;  right: 15px; visibility: hidden; opacity: 0; }
.news_tab li.active .view {  display: block; visibility: visible; opacity: 1;}
.news_tab li:first-child .m_tab{ margin-left:250px; }

.news_tab .slider{margin:0 -15px;  }
.news_tab .slider .slick-track{ display: flex; overflow: hidden; }
.news_tab .slider .slick-slide {width:auto !important;}
.news_tab .slider .cell {display: block; padding:10px 10px;}
.news_tab .slider .item {display: block;  background-color: #fff; border-radius: 15px 30px 15px 30px; overflow: hidden; transition: all 0.3s; border:1px solid #d9dce4; padding: 35px 36px 40px 36px; position: relative; box-shadow: 0 0 8px rgba(42, 66, 113, 0.15); width: calc((1500px / 4) - 60px); } 
.news_tab .slider .item > * {display: block;}
.news_tab .slider .item > span {font-size: 90%; color: #969aa5;}
.news_tab .slider .item > span em{ display: block; font-size: 170%; font-weight: 800;font-family: 'Paperlogy';  color: #292929; margin-top: 3px;}
.news_tab .slider .item > em.bbs_cate{ position: absolute; right: 35px; top: 35px; font-family: 'Paperlogy'; display: inline-block; color: #fff; font-size: 15px; line-height: 25px; padding: 0 15px; border-radius: 30px; font-weight: 600; letter-spacing: 0em;}
.news_tab .slider .item > em.bbs_cate.cate01 {background-color: var(--default_color);}
.news_tab .slider .item > em.bbs_cate.cate02 {background-color: var(--green)}
.news_tab .slider .item > em.bbs_cate.cate03 {background-color: #d8397b;}
.news_tab .slider .item > em.bbs_cate.cate04 {background-color: #6d4ddf;}
.news_tab .slider .item > strong{font-family: 'Paperlogy'; margin: 30px 0; font-weight: 600; line-height: 30px; height: 60px; font-size: 125%;  overflow:hidden;}
.news_tab .slider .item > p{ font-size: 95%;color: #71757e; line-height: 18px; overflow: hidden; height: 37px; font-weight: 400;}

.news_tab .slider .item:hover, .news_tab .slider .item:focus {box-shadow: 0 0 15px rgba(64, 86, 150, 0.2); border:1px solid #9699a0; }

@media only screen and (max-width:1500px) {
	.news_tab .slider .item {width: calc((100vw / 4) - 20px);} 
	.news_tab .view{margin:0px -15px;  }
	
}
@media only screen and (max-width:1300px) {
	.news_tab .slider .item {width: calc((100vw / 3) - 20px);} 
	
}

@media only screen and (max-width:1110px) {
  .bbs_news {padding: 50px 0 !important;}
  .bbs_news .m_tit {position:relative; left: 0x; top:0px; }
  .tit_tab ul {margin:0 8px; display: flex;}
  .tit_tab li {flex:1;}
  .tit_tab li .m_tab { margin-right: 5px;  margin-top: 10px; display: block;}
  .tit_tab li .m_tab h4 { line-height: 35px; text-align: center; background-color: var(--bg_gray); padding:0px 8px; border-radius: 10px ; font-size: 100%;}
  .tit_tab li.active .m_tab::before { display: none;}
  .tit_tab li.active .m_tab h4 {background-color: var(--blue); color: #fff; font-size: 100%;}
  .news_tab li:first-child .m_tab{ margin-left:0px; }
.news_tab .slider .item {width: calc((100vw / 2) - 20px);}

.news_tab li .view {  top: 50px;   }

  .news_tab .nav {position: relative; top:0px;  font-size: 90%;  display: flex;  justify-content: center;  flex-wrap: nowrap;  -ms-flex-wrap: nowrap;  left:50%; transform: translateX(-50%); width: 250px; }
  .tit_tab li:first-child .nav {width: 150px;}
}

@media only screen and (max-width:600px) {
  .tit_tab li .m_tab h4 span{ display: block; }
  .tit_tab li .m_tab h4 { line-height: 18px; padding: 5px 0; font-size: 90%;}
.news_tab li .view {  top: 60px;   }
.news_tab .slider .item {width: calc(100vw - 20px);} 
}
@media only screen and (max-width:600px) {
	
}

/* 포토갤러리 영역 */
.m_gallery {position: relative; overflow: hidden; background-color: #f0f1f3;border-radius: 100px; padding: 70px 0 !important; }
.m_gallery .wrap_container {position: relative; z-index: 2;}
.m_gallery .m_tit {font-size: 110%;}
.m_gallery .m_tit h3 {color: #fff;}
.m_gallery .m_tit h3 span {color: #ecc680;}
.m_gallery .m_tit p {color: rgba(255, 255, 255, 0.7); margin-bottom: 30px;}

.gallery_slider {width: 100%;}
.gallery_slider .nav {position:relative; justify-content: center; width: 300px; margin: 0 auto; gap: 5px;}
.gallery_slider .nav button {position: relative;}

.gallery_slider .slider {margin:0 -15px; }
.gallery_slider .slider .cell {display: block; padding:15px 15px}
.gallery_slider .slider .item {display: block; background-color: #fff; border-radius: 25px; overflow: hidden; padding: 15px; transition: all 0.3s;  border: 2px solid transparent;  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }
.gallery_slider .slider .item:hover, .gallery_slider .slider .item:focus {box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4); transform: translate(0px, -10px); border-color: #333;}
.gallery_slider .slider .item:hover *, .gallery_slider .slider .item:focus * {}
.gallery_slider .slider .item img {width: 100%; border-radius: 25px;}
.gallery_slider .slider .item .txt {display: block; padding:20px 20px; text-align: center;}
.gallery_slider .slider .item  strong{ line-height: 30px;  text-overflow: ellipsis; white-space:nowrap; overflow: hidden; display: block;  font-weight: 500; font-size: 105%; letter-spacing: -0.05em; font-family: var(--scdream_font); font-family: 'Paperlogy';  }
.gallery_slider .slider .item  span {font-size: 100%;  color:rgba(0,0,0,0.5); font-weight: 400; }

@media only screen and (max-width:1500px){
.m_gallery {border-radius: 0px; }

}
@media only screen and (max-width:1100px){
.m_gallery .m_tit p {margin-bottom: 10px;}
.m_gallery .m_tit h3 {line-height: 40px;}
}

@media only screen and (max-width:1000px){
.m_gallery .m_tit h3 {line-height: 30px;}
.m_gallery {padding: 50px 10px !important;}
}

@media only screen and (max-width:500px){
.gallery_slider .slider .cell { padding:15px; }
.gallery_slider .slider .item {padding: 10px; border-radius: 10px;}
.gallery_slider .slider .item img { border-radius: 10px;}

}





/* 배너모음 */
.m_banner {background-color: #fff; padding: 50px 0;}
.m_banner .m_tit{margin-bottom: 5px;}
.m_banner .m_tit h3 { line-height: 60px;}

.banner_slider .nav {bottom:auto; top:-54px; left:130px; right:auto; gap: 5px;}
.banner_slider .nav button { box-shadow: none; position: relative;}
.banner_slider .slider a{border: 1px solid #ddd; display: inline-block; margin: 2px;}
.banner_slider > div {text-align: center;}
.banner_slider .slider {margin:0 0px}


@media only screen and (max-width:1200px){
 .m_banner { padding:30px 0 40px 0px !important;}
}
@media only screen and (max-width:1100px){
  .banner_slider .nav { top:-50px; left:110px;}
}