@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: 170%; color: #292929; line-height: 40px; word-break: keep-all; letter-spacing: -0.01em; white-space: nowrap;}
.m_tit h3 img {height: 35px; vertical-align: middle;}
.m_tit h3 span{ font-weight: 800; color: #058b8f;}
.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 p{  font-size: 90%; }
.m_tit h3 i {width: 30px; height: 30px;  margin-right: 5px; font-size: 15px;}
}


.slick-track {display: flex; align-items: flex-start;}

.m_content:first-child { margin: 0 0px}
.m_content {  position: relative; margin: 80px 0px; }




/* 배경 슬라이드 
.m_visual { position: relative; border-radius: 40px; overflow: hidden; margin:0 30px;}
.m_visual_slider { overflow: hidden; position: relative; }
.m_visual_slider .slider, .m_visual_slider .slick-list, .m_visual_slider .slick-track, .m_visual_slider .slick-slide, .m_visual_slider .slick-slide > div, .m_visual_slider .cell  {position: relative; height: 100%;}
.m_visual_slider .cell {position: relative; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat: no-repeat; background-position: center center;  padding-bottom: 700px;}

.m_visual_slider .slick-dots { position: absolute; left:50%; bottom:30px; transform: translateX(-50%);  display: flex; align-items: center;  justify-content: center; z-index: 77;}
.m_visual_slider .slick-dots li { text-align: center; display: block; width:auto; height: auto; margin:0 7px}
.m_visual_slider .slick-dots li button { width: 15px; height: 15px; margin: 0 auto; border-radius: 10px; background-color: rgba(255, 255, 255, 0.7);  opacity: 1; transition: all 0.3s; padding: 0; text-indent: -99999px;}
.m_visual_slider .slick-dots li button:before{ display: none;}
.m_visual_slider .slick-dots li button:focus {box-shadow: none; }
.m_visual_slider .slick-dots li.slick-active button { width: 50px; height: 15px; background-color: #b6bfff;}

.m_visual_slider .nav {right:auto; top:auto; bottom: 25px; left: calc(50% + 90px); transform: translateX(-50%); z-index: 50;}
.m_visual_slider .nav button {position: relative; width: 25px; height: 25px; line-height: 25px;  background-color: #fff;}
.m_visual_slider .nav button::before { width: 23px; height: 25px; line-height: 25px; background-color: #fff; font-size: 13px; text-align: center;}



@media only screen and (max-width:1300px){
.m_visual { border-radius: 20px;  margin:0 15px;}
.m_visual_slider .cell {  padding-bottom:400px;}

}

@media only screen and (max-width:761px){
.m_visual { border-radius: 0px;  margin:0 0px;}
.m_visual_slider .cell {  padding-bottom:300px;}
}

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

}
*/

.m_bg {position: relative;  }
.m_bg::before { content: ''; position:absolute; top:100px; left:-40px; right:-40px; bottom: 0; background: #f0f2f7;}
.m_bg .m_visual { position: relative; border-radius: 40px; overflow: hidden; margin:0 30px; background-image: url(/_dyassem/images/main/main_visual01.jpg);    -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat: no-repeat; background-position: center center;}

.m_bg .m_visual .visual_txt {display: block;padding: 110px 0 170px 0;text-shadow: 0px 0px 5px rgba(0,0,0,0.8);color: #fff;text-align: center;font-family: var(--Paperlogy_font);letter-spacing: 0.08em}
.m_bg .m_visual .visual_txt span {font-size: 380%;font-family: 'NanumBrush';font-weight: 600;}
.m_bg .m_visual .visual_txt strong {display: block;font-size: 400%;font-weight: 700;color: #bef4a8;}

 @media only screen and (max-width:1300px){
.m_bg .m_visual {border-radius: 0px; margin:0 0px;}
.m_bg .m_visual .visual_txt { padding: 100px 0 170px 0;}
.m_bg .m_visual .visual_txt span {font-size: 250%;  }
.m_bg .m_visual .visual_txt strong {font-size: 300%; }

 }
 @media only screen and (max-width:750px){
  .m_bg .m_visual .visual_txt { padding: 100px 0 100px 0;}

 }
/* 의사일정 */
.m_calendar { position: relative; margin-top: -100px;  z-index: 9; background-color: #fff; border-radius: 100px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); padding: 10px 50px 10px 10px;}
.m_calendar {position: relative; display: flex; width: 100%;}
.m_calendar .title {position: relative; display: flex; align-content: center; flex-wrap: wrap; flex:0 1 200px; width: 220px; overflow: hidden; border-radius: 15px 0 0 15px; padding-left: 50px;}
.m_calendar .title::before {content: ''; position: absolute; width: 420px; height: 530px; }
.m_calendar .title h3 {  padding: 0 5px; border-radius:10px 10px 0 0; font-weight: 600; font-family: var(--Paperlogy_font);  position: relative; width: 100%; font-size: 120%;}
.m_calendar .title h3 span { font-size: 150%; display: block; font-weight: 700; color: #333;}

.main_schedule {  display:flex; justify-content: space-around;  position: relative;  flex:0 1 calc(100% - 340px); padding: 25px 0;}

.main_schedule .week_area{ display: block; position: relative;   flex: 0 1 45%; width: 45%;  font-family: var(--Paperlogy_font); padding-right: 0px;}
.main_schedule .week_area .schedule_date{ font-family: 'Roboto'; font-weight: 700; font-size: 180%; border-radius: 0 0 0 25px; color: #000; text-align:center; padding-bottom: 10px;}
.main_schedule .week_area .schedule_date span { font-size: 70%; color: #555; display: inline-block; vertical-align: top; padding-left: 5px;}
.main_schedule .week_area .week{display:flex; flex-wrap: wrap; width:100%; padding:0px 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: 500; font-size: 100%; }
.main_schedule .week_area .week li a i{ position: relative; }
.main_schedule .week_area .week li:first-child{color:var(--pink)}
.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:-3px; width:40px; height:40px; border-radius: 50%; background-color:var(--pink); box-shadow: 3px 3px 6px rgba(0,0,0,0.3);  }
.main_schedule .week_area .week li .today i{color: #fff;}
.main_schedule .week_area .week .being {background-color: #daecf5;border-radius: 0;}

.main_schedule .week_area .nav {position:relative}
.main_schedule .week_area button {position: absolute; top:20px; z-index: 99; background-color: #eff1f5; box-shadow: none; overflow: hidden; }
.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 .week_area button:focus, .main_schedule .week_area button:hover{background-color:#2e363f}



.main_schedule .content{background: #eff1f5;  display:flex; flex-wrap: wrap; align-content: center; border-radius:15px; margin-top: 5px; flex: 0 1 50%; width: 50%;  height: 100px; padding: 10px 20px; 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;}
.main_schedule .content #calendar > ul{ overflow-x: hidden; overflow-y: auto; width: 100%; display: block; height: 90px; }
.main_schedule .content #calendar > ul.date_1 > li:first-child{padding-top: 28px;}
.main_schedule .content #calendar > ul.date_2 > li:first-child{padding-top: 15px;}
.main_schedule .content #calendar > ul.date_3 > li:first-child{padding-top: 0px;}

.main_schedule .content #calendar > em {font-size: 14px; 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: 30px; font-size:90%; overflow: hidden; text-overflow: ellipsis; }
.main_schedule .content .calender_content > span{font-weight: 700; width: 110px;  padding-right: 10px;font-size: 14px; line-height: 18px; }
.main_schedule .content .calender_content > p{color:#444; display: block;  width:calc(100% - 110px); overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400;font-size: 100%; }

.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 140px; padding: 25px 0; margin-top: 4px;}
.calendar_goto a {  display:flex; align-items: center;  font-size: 15px; text-align: center; letter-spacing:-0.07em;  border: 1px solid #d0d4db; border-radius: 10px; line-height: 45px; padding: 0 15px; transition: all 0.3s; font-weight: 600; white-space: nowrap;}
.calendar_goto a i {color: var(--default_color); font-size: 120%; margin-right: 7px;}
.calendar_goto a + a {margin-top: 7px;}
.calendar_goto a:hover {border: 1px solid rgba(0, 0, 0, 0.5); box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}

@media only screen and (max-width:1400px){
.main_schedule .week_area{  flex: 0 1 48%; width: 48%;  padding-right: 30px;}
.main_schedule .content{flex: 0 1 50%; width: 50%; }
.main_schedule .content .calender_content > p{ font-size: 110%;} 

}

@media only screen and (max-width:1200px){
.m_calendar {font-size: 100%;}
.m_calendar .title { flex:0 1 180px; width: 180px;  padding-left: 30px;}
.main_schedule {  flex:0 1 calc(100% - 320px); padding: 25px 0 10px 0;}
.main_schedule .week_area{   padding-right: 10px;}

}


@media only screen and (max-width:1100px){
.m_calendar {padding:10px 20px 0px 20px; border-radius: 40px;}
.m_calendar, .main_schedule  {flex-wrap: wrap;}
.m_calendar .title {text-align: center; font-size: 130%; padding: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding-bottom: 10px; border-radius: 0;}
.m_calendar .title h3 span {display: inline-block; font-size: 100%;}
.main_schedule .week_area{  flex: 0 1 100%; width: 100%;  padding: 0px 20px;}
.main_schedule .content, .m_calendar .title, .main_schedule  {flex: 0 1 100%; width: 100%; }
.main_schedule .content {margin-top: 20px;}
.m_calendar .title { font-size: 105%;}
.calendar_goto {  display:flex;  flex:0 1 100%; padding: 5px 0; justify-content: space-between; margin-bottom: 20px;}
.calendar_goto a + a {margin-top: 0px;}
.calendar_goto a {width: calc(50% - 5px);  line-height: 55px; font-size: 110%;}

}

@media only screen and (max-width:750px){
.m_calendar {margin-top: -30px; border-radius: 20px;}
.main_schedule {  padding: 10px 0 5px 0;}
.main_schedule .week_area{  padding: 0px 0px; font-size: 90%;}
.main_schedule .week_area .week li .today:before{top:-1px; width:30px; height:30px; margin-left: -15px;  }


}
@media only screen and (max-width:450px){
.m_calendar {padding:10px 10px 0px 10px; }
.main_schedule .week_area button {width:25px; height: 25px; line-height: 25px;}
.main_schedule .week_area button::before { line-height: 25px !important; font-size: 15px;}
.main_schedule .week_area .week {padding: 0 25px;}
.main_schedule .content .calender_content{  padding: 0 5px; }
.main_schedule .content .calender_content > span{width: 100px; letter-spacing: -0.05em; }
.main_schedule .content .calender_content > p{  width:calc(100% - 100px); letter-spacing: -0.05em; } 
.main_schedule .content{ padding: 10px 5px; border-radius: 10px; font-size: 110%;}

.calendar_goto a { line-height: 45px; font-size: 110%;}

}


.popup_wrap {display: flex; flex-wrap: wrap; position: relative; justify-content: space-between;}
.popup_wrap .main_left {width: 58%; position: relative;}
.popup_wrap .main_right {flex:0 1 calc(42% - 60px);  display: block; position: relative; height: 100%;}

@media only screen and (max-width:1300px) {
  .popup_wrap .main_left, .popup_wrap .main_right {width: 100%; flex:0 1 100%;margin: 20px 0; }
}
/* 팝업존 */
.popup_slider { position: relative;}
.popup_slider .nav { width: 150px; 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 5px rgba(0,0,0,0.2); display: flex; justify-content: center; flex-wrap: nowrap; -ms-flex-wrap: nowrap;}
.popup_slider .nav button { position: relative; background-color:transparent; width: 25px; height: 25px; line-height: 25px; box-shadow: none; border: none;}
.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; font-weight: 300; white-space: nowrap; padding: 0 10px; }
.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.1); border-radius: 25px; }

.popup_slider .slider .slick-slide img {width:100%; }
.popup_slider .slider .cell {vertical-align: top; display: block; position: relative; padding-bottom: 49%;}
.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 { position: relative; display: block; width:100%; overflow:hidden;  border-radius: 25px 80px 25px 25px; font-weight: 500;  justify-content: flex-end;  background-image: url(/_dyassem/images/main/chairman_bg.jpg); background-position: center right;  background-repeat: no-repeat; background-size: 100% 100%; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); padding-bottom: 74%;}
.main_speaker .photo{ position: absolute;top: 0; right:0; bottom: 0px; display: flex; align-items: end; text-align: right;}
.main_speaker .photo img{ height: 95%;}
.main_speaker .text_box{position: absolute; right:10%; left:8%; top:100px;font-size: 140%; z-index: 15;  color:#fff; font-family: var(--Paperlogy_font);   text-shadow: 0px 0px 5px rgba(0,0,0,0.8);}
.main_speaker .text_box em{ display: block; font-size: 110%; line-height: 140%; padding-bottom: 15px; font-weight: 500; color: #bef4a8;}
.main_speaker .text_box strong{ display: block;  line-height: 170%; font-weight: 500; font-size: 130%; }
.main_speaker .text_box strong i{ color: #feffc5; font-size: 130%; font-weight: 700;}
.main_speaker ul {position:absolute; bottom: 30px; left: 30px; right: 30px; display: flex; font-family: var(--Paperlogy_font); justify-content: space-between;}
.main_speaker ul li {flex: 0 1 calc(50% - 10px);}
.main_speaker ul li a {display: block; position: relative; text-align: center; background-color: #fff; padding:0px 10px 0px 20px;  color:#000; line-height: 60px;  font-size: 110%; font-weight: 500;  transition: all 0.5s;border-radius: 30px; }
.main_speaker ul li a i { padding-right: 3px;}

.lawmaker_wrap {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}


@media only screen and (max-width:1300px) {
.main_speaker { padding-bottom: 400px;}
}
@media only screen and (max-width:991px) {
.main_speaker { padding-bottom: 320px;}
.main_speaker .text_box{font-size: 120%;top:70px }
.main_speaker ul { bottom: 20px; left: 20px; right: 20px;}
.main_speaker ul li a {line-height: 50px;  }

}
@media only screen and (max-width:500px) {
	.main_speaker .photo {right:-50px}
	.main_speaker .text_box{font-size: 100%; }
	.main_speaker ul li a { padding:0px 5px 0px 10px;  line-height: 40px;  font-size: 90%;}
	
}

/* 현역의원 */

.main_lawmaker {position: relative; padding: 30px 0 100px 0;  overflow: hidden;}
.main_lawmaker .wrap_container {position: relative; flex-wrap: wrap;}

.m_lawmaker { display: block; padding-top: 30px; width: 100%;}
.m_lawmaker > ul {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.m_lawmaker > ul > li {flex: 0 1 calc(100% / 9 - 20px);}

.m_lawmaker .cell { display: block; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15); border-radius: 10px 10px}
.m_lawmaker .cell > a {display: block; background-color: #fff; border-radius: 10px 10px 0 0; }
.m_lawmaker .cell > .m_lawmaker_txt {display: block;  font-family: var(--Paperlogy_font); margin-top: -10px; position: relative;}
.m_lawmaker .cell > .m_lawmaker_txt strong{ background-color: #fff; display: block; text-align: center; font-weight: 600; font-size: 120%; border-radius: 10px; padding:10px 5px; z-index: 10; position: relative;}
.m_lawmaker .cell > .m_lawmaker_txt strong span{font-size: 65%; color: #808080; font-weight: 500;}
.m_lawmaker .cell >.m_lawmaker_txt > ul{display: flex; background-color: #058b8f; position: relative; padding-top: 10px; margin-top: -10px; z-index: 5; border-radius: 0 0 10px 10px;}
.m_lawmaker .cell >.m_lawmaker_txt > ul li{flex: 1 0 auto;}
.m_lawmaker .cell >.m_lawmaker_txt > ul li a{line-height: 40px; text-align: center; display: block; font-weight: 500; position: relative; font-size: 90%; color: #fff; white-space: nowrap;}
.m_lawmaker .cell >.m_lawmaker_txt > ul li:last-child a::before {content: ''; position: absolute; left: 0; top:0px; bottom: 0px; display: block; width: 1px; background-color: rgba(0, 0, 0, 0.1);}

@media only screen and (max-width:1600px) {
.m_lawmaker > ul > li {flex: 0 1 calc(100% / 3 - 20px); margin-bottom: 20px;}
.main_lawmaker {padding: 30px 0;}
.m_lawmaker {  padding-top: 3%;}

}


@media only screen and (max-width:560px){
.m_lawmaker > ul > li {flex: 0 1 48%; margin: 5px 0;}
.m_lawmaker .cell { border-radius: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);}
.m_lawmaker .cell > a { border-radius: 5px 5px 0 0; }
.m_lawmaker .cell > .m_lawmaker_txt strong{  border-radius: 5px;}
.m_lawmaker .cell >.m_lawmaker_txt > ul{border-radius: 0 0 5px 5px;}
.main_lawmaker {padding: 8% 0;}

}


/* 의회 바로가기 아이콘 */
.m_icon {position: relative; padding: 0; margin-top: 30px; width: 100%; border-radius: 20px; padding: 25px 0; z-index: 10;}
.m_icon ul {display:flex; justify-content:space-between; flex-wrap: wrap;}
.m_icon ul li { flex: 0 1 calc(100% / 8 - 20px);}
.m_icon ul li a {display: block; width: 100%; text-align: center; letter-spacing:-0.07em; transition: all 0.3s; word-break: keep-all;}
.m_icon ul li a span{display: flex;  font-weight: 500; font-size: 110%; transition: all 0.3s; line-height: 22px; font-family: 'Paperlogy'; letter-spacing: 0; color: #292929; height: 70px; align-items: center; justify-content: center;}
.m_icon ul li a > div { display: block;background-color: #fff; border-radius: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 5px; border: 2px solid transparent;}
.m_icon ul li a img{ transition: all 0.5s;  }
.m_icon ul li a:hover {transform: translateY(-10px);  }
.m_icon ul li a:hover > div {border: 2px solid var(--default_color);}
.m_icon ul li a:hover > div img{animation: icon_motion 1.2s cubic-bezier(0.36,0.07,0.19,0.97) both; }
.m_icon ul li a:hover span{color:#09642f; font-weight: 700;}

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


@media only screen and (max-width:1000px) {
.m_icon {margin-bottom: 20px; padding: 5px 0; border-radius: 10px;}
.m_icon ul li {flex: 0 1 calc(25% - 10px); padding: 5px 0;}
.m_icon ul li + li {border-left:none;}
}
@media only screen and (max-width:550px) {
.m_icon {margin-bottom: 0px;}
.m_icon ul li a { padding: 0px 5px 6px 5px;}
.m_icon ul li a strong{font-size: 120%;}
.m_icon ul li a i{width: 40px; height: 40px;line-height: 40px; margin-right: 5px;}
.m_icon ul li {flex: 0 1 calc(33.3333% - 0px); ;}
.m_icon ul li a span{height: 50px; line-height: 17px; margin-top: -5px;}

.m_icon ul {justify-content: center;}

}


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

@media only screen and (max-width:1300px) {
  .news_wrap .main_left, .news_wrap .main_right {width: 100%; flex:0 1 100%; }
}

/* 최근게시물 탭박스 영역 */

.news_wrap {display: block;  position: relative;}
.news_wrap .main_left .m_tit { position:absolute; top:0px; left:0px}
.news_wrap .main_left .m_tit h3 img{margin-right: 10px; vertical-align: middle;}
/* 최근게시물 탭박스 영역 */
.bbs_tab { position: relative;  min-height: 440px;}
/*
.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; justify-content: right;}
.bbs_tab > ul > li {}
.bbs_tab > ul > li + li > .m_tab::before {content: '/'; font-weight: 200; font-size: 18px; color: rgba(0, 0, 0, 0.3); }
.bbs_tab > ul > li:last-child > a {margin-right: 70px;}
.bbs_tab > ul > li > .m_tab{ position: relative; line-height:40px; height:36px;  padding:0 20px;color:#666; display:flex;  font-weight:600;  text-align: center; font-size: 110%; border-radius: 10px; margin-right: 1px;  font-family: var(--Paperlogy_font); transition: all 0.3s;}
.bbs_tab > ul > li > .m_tab h4 {position: relative; padding-left: 30px;}
.bbs_tab > ul > li > .m_tab h4 span {position: relative;z-index: 8; }
.bbs_tab > ul > li.active > .m_tab h4::after {content: ''; background-color: #cceee2; border-radius: 50%; width: 35px; height: 35px; position: absolute; left:17px; top:-5px}
.bbs_tab > ul > li.active{display: block;}
.bbs_tab > ul > li.active > .m_tab{ color:#000;  position: relative; z-index: 9; font-size: 150%; font-weight: 600;}
.bbs_tab > ul > li .m_tab i{font-size:130%; margin-right:5px}
.bbs_tab > ul > li .view { position: absolute; top: 60px; left:0; right:0;visibility: hidden;  opacity: 0;padding: 20px 30px;  border-radius: 15px; background-color: #eff1f5; transition: all 0.3s; }
.bbs_tab > ul > li.active .view { display:block; visibility: visible; opacity: 1; }
.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; background-color:#fff; border-radius:60px 10px 10px 60px; padding: 7px 15px 7px 7px;  box-shadow: 0 0 10px rgba(40, 55, 99, 0.08);}
.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:90px; height: 90px; padding:13px 0px; text-align: center; font-weight:600; color:#464856;  margin:5px 20px 5px 10px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #fff; text-align: center; display: flex; align-content: center; flex-wrap: wrap; justify-content: center;}
.bbs_tab > ul > li .view .big span i{display: block;  font-weight: 900; font-size: 180%; color:#004fc6; display: block; width: 100%;}
.bbs_tab > ul > li .view .big div {overflow: hidden;}
.bbs_tab > ul > li .view .big div strong{display:block;  font-family: var(--scdream_font); font-weight: 600; line-height:35px;font-size: 120%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color:#111; letter-spacing: -0.05em; padding-top: 8px;}
.bbs_tab > ul > li .view .big div p{font-size: 85%; color:rgba(0,0,0,0.6); line-height: 20px; text-overflow: ellipsis; overflow: hidden; display:block; height: 43px; margin-top:5px; ; font-weight: 400; letter-spacing: -0.05em;}
.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% - 80px);  line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  font-weight: 500; font-size: 105%; color: #444;}
.bbs_tab > ul > li .view li.title > .date{ position: absolute; right:5px; z-index: 3; top:7px; color: #777; font-family: var(--noto_font); font-weight: 300; }
.bbs_tab .more { position: absolute; right:0; top:-57px; display: block;  height:35px; line-height:35px;  border-radius: 10px; padding: 0 10px; margin: 0 auto; text-align: center; background-color: #eef0f5;  font-weight: 500;transition: all 0.3s;  margin: 0 7px; color: #5c6677;}
.bbs_tab .more > span {position: absolute; right:999999999999999px}
.bbs_tab .more:hover {color:#fff; background-color: #2c3446; border-color: #2c3446;}
.bbs_tab .more:hover::after {color:#fff;}
.bbs_tab .more::after {content: '\e914'; font-family: 'xeicon'; font-weight: 600; color: #2c3446;}


@media only screen and (max-width:1200px) {
  .news_wrap {margin-top: 40px;}

}

@media only screen and (max-width:750px) {
    .bbs_tab {   min-height: 360px;}
  .news_wrap {margin-bottom: 0px;}

.news_wrap .main_left .m_tit { display: none;}
.bbs_tab > ul {justify-content: left;}
.bbs_tab > ul > li > .m_tab h4 {padding-left: 10px;}
.bbs_tab > ul > li:last-child > a {margin-right: 40px;}
.bbs_tab > ul > li > .m_tab {padding:0 10px}
.bbs_tab > ul > li.active > .m_tab h4::after {left: 5px; }

.bbs_tab > ul > li .view { padding: 10px 15px; top:55px;}

.bbs_tab > ul > li .view .big span{ width:50px; height: 70px; padding:7px 0px;  margin:5px 10px 5px 0px; border-radius: 20px; font-size: 80%;}
.bbs_tab > ul > li .view .big div strong{ line-height:20px;font-size: 110%;padding-top: 6px;}
.bbs_tab > ul > li .view .big {border-radius: 30px 10px 10px 30px;}
.bbs_tab > ul > li .view li.title > a{font-size: 100%; }

}
@media only screen and (max-width:450px) {
  .bbs_tab > ul > li > .m_tab {height: auto; padding: 0 2px;}
  .bbs_tab > ul > li > .m_tab h4 {border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.07); font-size: 14px; line-height: 40px; padding: 0 10px;}
  .bbs_tab > ul > li.active > .m_tab{  font-size: 14px; }
  .bbs_tab > ul > li.active > .m_tab h4{ background-color: var(--default_color);  color: #fff;}
  .bbs_tab > ul > li > .m_tab h4 span {display: block; line-height: inherit;}

  .bbs_tab > ul > li.active > .m_tab h4::after {display: none;}
  .bbs_tab > ul > li + li > .m_tab::before {display: none;}

}
        

/* 회의록 검색 */
.m_assem_search {width: 100%;   font-family: var(--scdream_font); }
.m_assem_search .m_search_box {background-color: #fff; display: block; margin: 25px 0 15px 0; padding: 0px 0px 0px 0px; border-radius: 15px; overflow: hidden; border: 1px solid #e4e6ea;}

.council_searchbox {display: block; padding: 30px 30px; background-color: #eff1f5; }
.council_searchbox form { }
.council_searchbox form label{width: 80px; display: inline-block; font-weight: 700; text-align: center;}
.council_searchbox form .searchform{ display: inline-flex;  background-color:#fff; border-radius: 40px; overflow: hidden; width: calc(100% - 100px);border: 1px solid #e1e1e1; }
.council_searchbox form .searchform input, .council_search form .searchform button{height:45px; line-height: 45px; padding:0 10px; border: none; }
.council_searchbox form .searchform input { border: none; padding: 0 25px; font-weight: 400; width: 100%;}
.council_searchbox form .searchform button{ width: 60px; text-align: center; float:right; font-size: 100%; color: #4d4d4d;}

.m_search_box > ul {display: flex; padding:17px 30px 17px 30px; flex-wrap: wrap;}
.m_search_box > ul li { width:50%; padding:3px 0; font-family: var(--Paperlogy_font);}
.m_search_box > ul li a{display: block; white-space: nowrap; line-height: 45px; font-weight: 600; font-size: 100%; color: #555;}
.m_search_box > ul li a > i { font-size: 130%; background-color: #eff1f5; width: 45px; height: 45px; border-radius: 50%; text-align: center; margin-right: 10px; color: #3e3e49; }


.main_goto {display: block; position: relative;  font-family: var(--scdream_font); }
.main_goto ul {display:flex; justify-content:space-between; margin:0 0; width: 100%; flex-wrap: wrap; }
.main_goto ul li { flex: 0 1 calc(50% - 7px);}
.main_goto ul li a {display: flex; align-items: center; letter-spacing:-0.01em; font-size: 90%; background-color: #3e5481; padding: 22px 25px; border-radius: 15px;}
.main_goto ul li:last-child a {background-color: #058b8f; }
.main_goto ul li a i{width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0.3); border-radius: 50%; color: #fff; line-height: 50px; font-size: 150%; text-align: center; margin-right: 15px;}
.main_goto ul li a strong{text-align: left; color: #fff; font-size: 140%; font-weight: 600;}
.main_goto ul li a strong span{display: block; font-size: 60%; font-weight: 400; color: rgba(255, 255, 255, 0.8);}



@media only screen and (max-width:1200px) {
  .m_assem_search {margin-top: 20px; }
.m_assem_search .m_search_box { margin: 15px 0 15px 0;}

}

@media only screen and (max-width:550px) {
.council_searchbox {padding: 10px;}
.m_search_box > ul { padding:10px 10px }
.m_search_box  {font-size: 105%;}
.m_search_box > ul li a > i { width: 35px; height: 35px; line-height: 35px;}

.main_goto ul li a { padding: 12px 10px; }
.main_goto ul li a strong{font-size: 140%;}
.main_goto ul li a i{width: 40px; height: 40px;line-height: 40px; margin-right: 5px;}

}





/* 포토갤러리 영역 */
.m_gallery {position: relative;margin: 0 -100px 80px -100px;}
.m_gallery .m_tit {margin-bottom: 20px; z-index: 3;}
.m_gallery .m_tit h3 {position: relative;}
.m_gallery .m_tit h3 em {position: relative;}
.gallery_slider {width: 100%; position: relative; z-index: 2;}
.gallery_slider .nav {position: inherit; justify-content: center; margin: 0 auto; width: 300px; }
.gallery_slider .nav button {position: relative; margin: 0 3px;}

.gallery_slider .slider {}
.gallery_slider .slider .slick-slide .cell {display: block; padding:15px 15px; transform: scale(0.8); transition: all 0.3s;}

.gallery_slider .slider .item {display: block;  border-radius: 20px; overflow: hidden; padding: 15px; transition: all 0.3s;  background-color: var(--bg_gray);}

.gallery_slider .slider .slick-slide.slick-current.slick-center .cell{transform: scale(1); }
.gallery_slider .slider .slick-slide.slick-current.slick-center .cell .item{ background-color: #e9f5f3; border: 2px solid var(--default_color);}

/*
.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);}
*/

.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: 115%;  font-family: var(--scdream_font); font-family: 'Paperlogy'; padding-bottom: 10px; }
.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 {padding: 80px 10px !important;}
}
@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:560px){
.gallery_slider .slider .cell { padding:15px; }
.gallery_slider .slider .item {padding: 10px; border-radius: 10px;}
.gallery_slider .slider .item img { border-radius: 10px;}
.gallery_slider .slider .slick-slide .cell { padding:15px 0px; transform: scale(0.9); }
.m_gallery {position: relative;   margin:0 -200px; }

}






/* 배너모음 */
.m_banner {background-color: #fff; padding: 70px 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;}
}