@charset "utf-8";

@media only screen and (max-width:1800px){
    .wrap_container {width:90%; }
}
@media only screen and (max-width:1300px){
    .wrap_container {width:100%; }
}
/* 공통타이틀 */
.slide_show {display: none;}


.m_tit {position: relative; padding: 0 10px; margin-bottom: 5px;}
.m_tit h3{font-family: var(--Paperlogy_font); font-weight: 800; font-size: 170%; color: #292929; line-height: 40px; word-break: keep-all; letter-spacing: -0.01em; white-space: nowrap;}
.m_tit h3 img {height: 45px; vertical-align: middle;}
.m_tit h3 span{ font-weight: 800; color: #2160da;}
.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: 35px; height: 35px; 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%; }
.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; }


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


.m_bg {position: relative;}
.m_bg::before { content: ''; position:absolute; top:300px; left:-40px; right:-40px; bottom: 150px; background-image: url(/_sdmassem/images/main/m_bg.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::after {content: '';  }

/* 배경 슬라이드 */
.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;}

/* 배경위 컨텐츠 */
.visual_contents01 {position: absolute; left: 50%; transform: translateX(-50%); /* padding-bottom: 700px;*/ top: 0px; z-index: 55; }
.visual_contents01  > div { position: absolute; left: 0; right: 0; top: 0; bottom: 50px; flex:0 1 100%; display: flex; justify-content: space-between;}
.visual_contents01  > div{ top:30px; bottom: auto;}

/* 의사일정, 열린의장실 */
.visual_contents02 {position: absolute; left: 50%; transform: translateX(-50%);  padding-bottom: 700px; top: 0px; z-index: 2; }
.visual_contents02  > div { position: absolute; left: 0; right: 0; top: 0; bottom: 50px; flex:0 1 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.visual_contents02  > div { top:auto; bottom: 50px;}


/* 비주얼 텍스트*/
.visual_txt {dis4play: block; color: #fff; text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); margin-top: 5%;}
.visual_txt span { display: block; font-family: var(--Paperlogy_font); font-size: 170%; font-weight: 700; padding-left:5px; padding-bottom:5px;}
.visual_txt strong { display: block; font-family: var(--Paperlogy_font); font-size: 270%; font-weight: 700;}
.visual_txt p {display: block; font-weight: 700; font-size: 130%; padding-top: 15px; word-break: keep-all;}

/* 인터넷방송 */
.onair_btn {position: absolute; right: 50px; top: 50px; text-align: center; background-image: url(/_sdmassem/images/main/icon_onair.png); width: 150px; height: 165px; background-repeat: no-repeat; background-size: 100%; display: flex; align-content: end; flex-wrap: wrap; justify-content: center; padding-bottom: 25px;}
.onair_btn i { display: block; color: #fff; font-size: 190%; margin-bottom: 10px;}
.onair_btn span { display: block;  color: #fbfea6; font-size: 80%; width: 100%;}
.onair_btn strong {color: #fff; font-size: 110%; font-weight: 700; font-family: var(--Paperlogy_font); line-height: 30px;}


@media only screen and (max-width:1300px){
.m_visual { border-radius: 20px;  margin:0 15px;}
.m_visual_slider .cell {  padding-bottom:400px;}
.visual_contents01 {width: 90%; padding-bottom: 400px; }
.visual_contents01  > div { top: 0; bottom: 0px;}
.visual_contents02 {position: relative; padding-bottom: 0; top:auto; margin-top: 40px;}
.visual_contents02  > div {position: relative;  top:auto; bottom: auto;}

.visual_txt {margin-top: 120px; }
.onair_btn { right: 0px;}
}

@media only screen and (max-width:761px){
.m_visual { border-radius: 0px;  margin:0 0px;}
.m_visual_slider .cell {  padding-bottom:300px;}
.visual_contents01 {width: 90%; padding-bottom: 300px; }
.visual_txt {margin-top: 90px;  font-size: 90%;}
.onair_btn { width: 100px; height: 110px; font-size: 85%; padding-bottom: 12px;}
.onair_btn strong { line-height: 20px;}

}

@media only screen and (max-width:761px){
  .visual_txt {  font-size: 80%; width: 70%;}

}
/* 열린 의장실 */
.main_speaker { position: relative; width:515px; height: 330px; overflow:hidden;  border-radius: 50px 20px; font-weight: 500;  justify-content: flex-end;  background-image: url(/_sdmassem/images/main/chairman_bg.jpg); background-position: center right;  background-repeat: no-repeat; background-size: 100% 100%; box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
.main_speaker .photo{ position: absolute;top: 0; right:0; bottom: 0px; display: flex; align-items: end; text-align: right;}
.main_speaker .photo img{ height: 100%;}
.main_speaker .text_box{position: absolute; right:10%; left:8%; top:50px;font-size: 100%; z-index: 15;  color:#fff; font-family: var(--Paperlogy_font);  }
.main_speaker .text_box span{ display: block; font-size: 80%; line-height: 120%; padding-bottom: 15px; font-weight: 400; color: #b2d1ff;}
.main_speaker .text_box strong{ display: block;  line-height: 170%; font-weight: 500; font-size: 130%; line-height: 150%;}
.main_speaker .text_box strong i{ color: #feffc5; font-size: 130%; font-weight: 700;}
.main_speaker ul {position: relative; margin-top: 25px; margin-left: -15px;}
.main_speaker #speakerSite.disabled { opacity: 0.4; pointer-events: none; cursor: default; }
.main_speaker ul li {}
.main_speaker ul li a {display: block; position: relative; padding:0px 10px 0px 20px;  color:#fff; line-height: 35px;  font-size: 95%;  transition: all 0.5s;border-radius: 30px;}
.main_speaker ul li a i {color:#b3f3ae; padding-right: 3px;}
.main_speaker ul li a:hover {background-color: rgba(14, 96, 189, 0.1);}

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



/* 의사일정 */
.main_calendar{position: relative;  width: 530px; border-radius: 20px; }
.main_calendar::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 100px; background-color:#1d2853; border-radius: 20px; }
.m_calendar {position: relative;  background-color: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.m_calendar .title {position: relative; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; overflow: hidden; padding: 5px 25px; border-bottom: 2px dotted rgba(0, 0, 0, 0.08);}
.m_calendar .title h3 { font-size: 140%; }
.m_calendar .schedule_date{ font-weight: 800; font-size: 160%; border-radius: 0 0 0 25px; color: #292929; text-align:center; line-height: 55px;}
.m_calendar .schedule_date span { font-size: 70%;  display: inline-block; vertical-align: top; padding-left: 5px;}

.main_schedule {  display: block; overflow: hidden;}

.main_schedule .week_area{ display: block; position: relative;  font-family: var(--Paperlogy_font); padding: 15px 25px; }

.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);  }
.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; width: 100%; display: block;}
.main_schedule .week_area button {position: absolute; top:5px; z-index: 99; box-shadow: none; overflow: hidden; width: 45px;  height: 45px;  line-height: 45px; background-color: var(--bg_gray); border: none;}
.main_schedule .week_area button:hover { background-color: #d1d5da;}
.main_schedule .week_area button::before {background-color: transparent;}
.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: var(--bg_gray);  display:flex; flex-wrap: wrap; align-content: center; border-radius:15px; flex: 1; padding: 10px 5px; font-family: var(--Paperlogy_font);  overflow: hidden; margin: 0 25px 25px 25px; height: 80px;}
.main_schedule .content #calendar{display:flex; flex-wrap: wrap; width: 100%; justify-content: right; align-items: flex-start; overflow: hidden; font-size:95%; }
.main_schedule .content #calendar > ul{ overflow-x: hidden; overflow-y: auto; width: 100%; display: block; height: 70px; padding:5px 10px;}
.main_schedule .content #calendar > ul.date_1 > li:first-child{padding-top: 15px;}
.main_schedule .content #calendar > ul.date_2 > li:first-child{padding-top: 2px;}
.main_schedule .content #calendar > ul.date_3 > li:first-child{padding-top: 0px;}
.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: 100%; 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: 28px; 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; font-size:85%;  }
.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: flex; justify-content:space-around;}
.calendar_goto li {flex:1 0 auto;}
.calendar_goto a{ display: block; line-height: 60px; color: #fff; padding: 0 15px; white-space: nowrap; text-align: center; position: relative; font-family: var(--Paperlogy_font); font-size: 95%;}
.calendar_goto a i{ color: #9aa4ff; margin-right: 10px;}

@media only screen and (max-width:1300px){
.main_speaker { width:50%; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.main_calendar {width: calc(50% - 25px);}
.m_calendar {  box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}

}

@media only screen and (max-width:991px){
.main_speaker, .main_calendar{ width: 100%; }
.main_speaker {margin-top: 25px; height: 300px;}

}
@media only screen and (max-width:540px){
.main_speaker .photo{  right:-50px; bottom: -30px;}

.main_schedule .week_area button {width: 25px;  height: 25px;  line-height: 25px;}
.main_schedule .week_area .week{ padding:0px 20px;}
.main_schedule .week_area {padding: 10px 15px;}
.main_schedule .content {margin: 10px;}
.main_schedule .week_area .week li .today:before{margin-left:-17px; top:-3px; width:33px; height:33px; border-radius: 50%; background-color:var(--pink);  }

.calendar_goto a{  font-size: 85%;}

}
/* 의회 바로가기 아이콘 */
.m_icon {position: relative; display: block; width: 100%;  padding: 80px 0; z-index: 10;}
.m_icon ul {display:flex; justify-content:space-between; flex-wrap: wrap;}
.m_icon ul li { flex: 0 1 12.5%;}
.m_icon ul li a {display: flex; align-items: center; letter-spacing:-0.07em; transition: all 0.3s;}
.m_icon ul li a span{display: flex;  font-weight: 500; font-size: 100%; transition: all 0.3s; line-height: 20px; font-family: 'Paperlogy'; letter-spacing: 0; color: #555; height: 50px; align-items: center; word-break: keep-all; flex:1}
.m_icon ul li a > div { display: block;  transition: all 0.5s; margin-right: 20px; flex: 0 1 80px; width: 80px;}
.m_icon ul li a img{ background-color: #fff; border-radius: 50%; padding: 20px;  }
.m_icon ul li a:hover {transform: translateY(-10px);  }
.m_icon ul li a:hover > div{animation: icon_motion 1.2s cubic-bezier(0.36,0.07,0.19,0.97) both; }
.m_icon ul li a:hover span{color:#000; }

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


@media only screen and (max-width:1500px) {
.m_icon {margin-bottom: 20px; padding: 30px 0; border-radius: 10px;}
.m_icon ul li {flex: 0 1 calc(33% - 10px); padding: 5px 0;}
.m_icon ul li + li {border-left:none;}
}
@media only screen and (max-width:550px) {
.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(50% - 0px); ;}
.m_icon ul li a span{height: 35px; line-height: 17px; margin-top: -5px;}
.m_icon ul li a > div { margin-right: 10px; flex: 0 1 50px; width: 50px;}
.m_icon ul li a img{  padding: 10px;  }

}



/* 현역의원  */

:root {
  --bg-normal: #bac4e7;
  --bg-expanded: linear-gradient(-45deg, #143a84, #6f2f75);
  --skew-angle: -7deg;  
  --unskew-angle: 7deg; 
  --slide-width:200px;
  --slide-expanded-width: 450px;
  
  --content-padding: 40px 30px;
  --profile-padding-left: 20px;
  --title-margin-left: -20px;
  --title-font-size: 28px;
  --details-font-size: 38px;
}

@media (max-width: 991px) {
  :root {
    --skew-angle: -5deg;  
    --unskew-angle: 5deg; 
    --slide-width: 80px;
    --slide-expanded-width: 220px;
    --content-padding: 25px 15px;
    --profile-padding-left: 5px;
    --title-margin-left: -5px;
    --title-font-size: 15px;
    --details-font-size: 18px;
  }

}


.m_lawmaker {display: block; padding: 50px 0;}
.lawmaker_slide { position: relative;   width: 100%;   padding-bottom: 30px;   box-sizing: border-box;  }
.accordion_track { position: relative;   display: flex;   align-items: center;   gap: 15px;    width: 100%; height: 100%;  overflow-x: auto;  scroll-behavior: smooth; padding: 10px 50px; box-sizing: border-box;   -ms-overflow-style: none;   scrollbar-width: none;  }
.accordion_track::-webkit-scrollbar { display: none; }
.slide_item { position: relative;   flex-shrink: 0;  width: var(--slide-width);   height: 450px;   background: var(--bg-normal);   transform: skewX(var(--skew-angle));   border-radius: 15px;    overflow: hidden; transition: width 0.5s cubic-bezier(0.25, 1, 0.5, 1), background 0.5s ease;  cursor: pointer;   user-select: none;   }
.slide_item.is_expanded {  width: var(--slide-expanded-width);    background: var(--bg-expanded);  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}

.inner_content {   width: 100%;  height: 100%; transform: skewX(var(--unskew-angle));  transform-origin: center center;  display: flex;  flex-direction: column;  justify-content: space-between;  padding: var(--content-padding);  box-sizing: border-box;   color: #333;    }
.inner_content .photo { position: absolute; bottom: -35px; left: -50px;  transition:all 0.3s; filter: sepia(0%) saturate(40%);   opacity: 0.9;}
.inner_content .photo img {mix-blend-mode: darken;}
.slide_title { position: absolute; left: 40%;  font-size: var(--title-font-size);  font-weight: bold;  text-align: center;    margin-top: 20px;  margin-left: var(--title-margin-left); transition: opacity 0.3s;  word-break: keep-all;  font-family: var(--Paperlogy_font); color: #495986;}
.slide_title span {font-size: 70%;}
.profile_details {  opacity: 0; top:50px; visibility: hidden;  transition: opacity 0.1s ease, visibility 0.1s; color: #fff;  padding-left: var(--profile-padding-left);   position: absolute; bottom: var(--content-padding);  }
.profile_details strong { font-size: var(--details-font-size); margin: 0 0 10px 0; font-weight: 700; font-family: var(--Paperlogy_font); }
.profile_details strong span {font-size: 70%; font-weight: 500;}
.profile_details dl { display: flex; flex-wrap: wrap; margin: 20px 0; opacity: 0.9; font-size: 85%; line-height: 25px;}
.profile_details dl dt {flex:0 1 60px; opacity: 0.7;}
.profile_details dl dd {flex:0 1 calc(100% - 60px)}

.btn_group { margin-top: 25px; }
.btn_link {  display: block;  width: 170px;   padding: 0px 35px;   background: rgba(255, 255, 255, 0.05);   border: 1px solid rgba(255, 255, 255, 0.1);  border-radius: 25px;  color: #fff;   text-decoration: none;  font-size: 90%;  margin-right: 5px;  transition: background 0.3s, transform 0.2s;  line-height: 40px;  font-family: var(--Paperlogy_font); white-space: nowrap;}
.btn_link i {margin-right: 10px;}
.btn_link:hover { background: rgba(255, 255, 255, 0.1);  }
.btn_link + .btn_link {margin-top: 5px;}

/* 확장시 */
.slide_item.is_expanded .inner_content { justify-content: center; }
.slide_item.is_expanded .photo {filter: none;   opacity:1; left: -70px; }
.slide_item.is_expanded .slide_title { opacity: 0; visibility: hidden; }
.slide_item.is_expanded .profile_details { opacity: 1; visibility: visible; left:50%; }

.custom_scrollbar { position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 6px;   background: rgba(0, 0, 0, 0.05);  z-index: 10;  cursor: pointer;  }
.scrollbar_thumb {  position: absolute;  top: 0;  left: 0;  height: 100%;  background: #555;     border-radius: 3px;   cursor: grab;  transition: background 0.2s;   }
.scrollbar_thumb:active { cursor: grabbing; background: #222; }
.lawmaker_controls{   display: flex;  justify-content: center;  align-items: center;  gap: 15px;   margin-top: 25px; bottom: 0; top: auto; position: relative; width: 130px; margin: 20px auto;}
.btn_prev, .btn_next, .btn_toggle_play {  background-color: #fff;  border: 1px solid #ccc;     border-radius: 50%;  width: 44px;  height: 44px;  cursor: pointer;   box-shadow: 0 2px 5px rgba(0,0,0,0.1);   transition: background-color 0.2s, transform 0.1s;   background-position: center;     background-repeat: no-repeat;
}


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

  .accordion_track {   gap: 8px;   padding-left: 20px;   padding-right: 20px;   }
  .slide_item { height: 400px  }
  .btn_link { font-size: 14px ;  }
  .btn_group { margin-top: 15px ; }
.slide_item .photo { left: -40px; bottom: 0; width: 150px;}
.slide_item.is_expanded .photo { left: -70px; width: 260px;}
.slide_item.is_expanded .profile_details { left:43%; top: 30px;}
.btn_link { width: 105px; padding: 0 10px; line-height: 30px; font-size: 80%;}
.m_lawmaker {padding: 0;}
.profile_details dl {line-height: 20px;}
.profile_details dl dt {flex:0 1 40px; }
.profile_details dl dd {flex:0 1 calc(100% - 40px)}
.lawmaker_controls{  width: 100px; }

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

}




/* 최근게시물 탭박스 영역 */
.bbs_news {margin: 50px auto;}
.bbs_news .m_tit {position: absolute;  top:0px; }
.bbs_news .m_tit h3 { line-height: 40px;}
.bbs_news .m_tit h3 i{background-color: #fff;}
.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:350px; }

.news_tab .slider {margin:0 -15px; overflow: hidden;}
.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); }
.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: #666; font-size: 15px; line-height: 25px; padding: 0 15px; border-radius: 30px; font-weight: 600; letter-spacing: 0em; border: 1px solid rgba(0, 0, 0, 0.1);}
.news_tab .slider .item > strong{font-family: 'Paperlogy'; margin: 30px 0 50px 0; font-weight: 600; line-height: 30px; height: 60px; font-size: 125%; word-break: keep-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.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:1200px) {
  .bbs_news {padding: 0px 0 !important; margin: 40px auto 20px auto;}
  .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:#e1e5ee; 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 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:550px) {
  .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;   }
}



/* 의정활동사진 */
.m_bbs_gallery {  margin:80px 30px;}
.m_bbs_gallery::before{ content: ''; left:0; top:70px; right: 0; bottom: 140px; position: absolute;  background:linear-gradient(140deg, #143a84, #5c3278, #143a84, #143a84); border-radius: 50px;}
.m_bbs_gallery .m_tit{ display: flex; padding: 0;}
.m_bbs_gallery .m_tit h3 span{color: #e13d77;}
.m_bbs_gallery .m_tit h3{margin-right: 100px;}

.bbs_gallery_slider {position: relative; padding-top: 70px;}
.bbs_gallery_slider .slider{ position: relative;  }
.bbs_gallery_slider .cell {display: flex; justify-content: space-between;position:relative;  overflow: hidden; padding-bottom: 20px;}
.bbs_gallery_slider .item{position: relative; z-index: 10; border-radius: 30px; overflow: hidden; flex:1 1 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}
.bbs_gallery_slider .item img {width: 100%;}
/* 의정활동사진 없을 때: 사진영역만큼의 공간에 회색 글씨만 (배경 그라데이션 숨김) */
.m_bbs_gallery.is_empty::before { display: none; }
.m_bbs_gallery .gallery_empty { display: flex; align-items: center; justify-content: center; min-height: 200px; color: #999; }
/* 의회소식 탭 비었을 때: 기본 공간 + 회색 안내 */
.m_news_slide .news_empty { display: flex; align-items: center; justify-content: center; min-height: 160px; color: #999; }
.bbs_gallery_slider .txt{position: relative; z-index: 10; flex:1 1 50%; color: #fff; margin-top: 120px; overflow: hidden; padding-left: 60px;}
.bbs_gallery_slider .txt span{display: block; font-size: 120%; font-weight: 300; }
.bbs_gallery_slider .txt strong{text-overflow: ellipsis; white-space:nowrap; overflow: hidden; display: block;  font-size: 200%; font-weight: 600;  font-family: var(--Paperlogy_font); padding-bottom: 40px;}

.bbs_gallery_slider .nav {position: absolute; width: 240px; display: flex; justify-content:space-between; align-items: center; left: calc(50% + 60px); top: 100px;}
.bbs_gallery_slider .nav button {position: relative; border: 1px solid rgba(255, 255, 255, 0.3);}
.bbs_gallery_slider .nav button::before {background-color: transparent; color: #fff; }
.bbs_gallery_slider .nav .nav_more {background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.3);  color: #fff;}


.bbs_gallery_thumb_slider {position: absolute; bottom: 50px; left: calc(50% + 50px); width: 700px; } 
.bbs_gallery_thumb_slider .cell {display: block; padding:20px 10px;}
.bbs_gallery_thumb_slider .cell .thumb{border-radius: 15px; overflow: hidden; display: block;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); border: 3px solid rgba(255, 255, 255, 0.8); transition: all 0.3s;}
.bbs_gallery_thumb_slider .slick-slide.slick-current .thumb{border: 3px solid #2968e4;}

@media only screen and (max-width:1600px) {
  .m_bbs_gallery {  margin:0px 15px;}
.m_bbs_gallery::before{ border-radius: 20px;}
.bbs_gallery_thumb_slider { width: 500px; } 
}
@media only screen and (max-width:1100px) {
  .bbs_gallery_slider .nav {width: 190px; top: 80px;}

.bbs_gallery_thumb_slider { width: 400px; } 
.bbs_gallery_slider .txt strong{font-size: 150%; padding-bottom: 20px;}
.m_bbs_gallery::before{ bottom: 100px;}
.bbs_gallery_slider .txt{ margin-top: 80px; }
}

@media only screen and (max-width:991px) {
.m_bbs_gallery .m_tit p{display: none;}

.bbs_gallery_thumb_slider {  visibility: hidden;   opacity: 0;   width: 0; height: 0;   overflow: hidden;   position: absolute;   }
.bbs_gallery_slider { padding: 10px 10px 25px 10px;}
.bbs_gallery_slider .cell {display: block;padding-bottom: 20px;}
.bbs_gallery_slider .nav {position:relative; width: 190px;  left: 50%; transform: translateX(-50%); top: auto;}
.bbs_gallery_slider .txt{ position: relative; display: block; margin-top: 30px;  padding: 0px 10px; font-size: 80%;}
.bbs_gallery_slider .item{ border-radius: 10px; }

.m_bbs_gallery::before{ content: ''; left:0; top:100px; right: 0; bottom: 0px;  border-radius: 20px;}



}


/* SNS 영역 */
.sns_wrap { position: relative; padding: 50px 0 80px 0; margin:0px}
.sns_wrap::before {content: ''; position: absolute; left: -50px;  right: -50px; top: 50%; bottom: 0; background-color: #eff2f8;}
.bbs_sns { position: relative;  min-height: 400px; }
.bbs_sns .nav {right:0; top:-50px; left: auto; display: flex; gap: 10px;}
.bbs_sns .nav button {position: relative;}

.bbs_sns .slider { padding-top: 10px; }
.bbs_sns .slider .cell {display: block; padding:15px 15px;}
.bbs_sns .slider .item {display: block; background-color: #fff; border-radius: 20px; overflow: hidden; padding: 15px; transition: all 0.3s; border: 1px solid #bfbfbf;  position: relative;}
.bbs_sns .slider .item:hover, .bbs_sns .slider .item:focus {box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4); transform: translate(0px, -10px); border-color: #111;}
.bbs_sns .slider .item:hover *, .bbs_sns .slider .item:focus * {}
.bbs_sns .slider .item .txt {display: block; padding:20px 20px; text-align: center;}
.bbs_sns .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';  }
.bbs_sns .slider .item  span {font-size: 100%;  color:rgba(0,0,0,0.5); font-weight: 400; }


.bbs_sns .slider .item > .photo {border-radius: 15px; overflow: hidden; transition: all 0.3s; position: relative; padding-bottom: 73%;}
.bbs_sns .slider .item > .photo img{width: 100%;  position: absolute; margin: auto 0; top: 0;  bottom: 0;}

.sns_icon .cell .item::after{content: ''; position: absolute; left:20px; top:20px; width:35px; height: 35px; border-radius: 50%; background-repeat: no-repeat; background-size: 100% auto; z-index: 50;}
.sns_icon .cell.icon_facebook .item:after{ background-image: url(/_sdmassem/images/common/sns_facebook.png);  background-color: #2852a8;}
.sns_icon .cell.icon_youtube .item:after{ background-image: url(/_sdmassem/images/common/sns_youtube.png);  background-color: #e11124;}
.sns_icon .cell.icon_instar .item:after{ background-image: url(/_sdmassem/images/common/share_icon06.png); }
.sns_icon .cell.icon_blog .item:after{ background-image: url(/_sdmassem/images/common/sns_blog.png);  background-color: #0aaf0a;}

@media only screen and (max-width:1300px) {
.sns_wrap { padding: 40px 0 50px 0;}
.bbs_sns .nav { top:-40px;;}
.bbs_sns .slider {padding: 0;}
}


/* 배너모음 */
.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;}
}




/* ===== 비주얼 오버레이 클릭 통과 =====
   컨테이너는 클릭 통과(none), 실제 내용(> div)만 클릭 가능(auto). */
.visual_contents01, .visual_contents02 { pointer-events: none; }
/* 카드(캘린더·열린의장실)만 클릭 캡처, 카드 사이/위 빈 영역은 통과 → 이미지 전체가 뒤 슬라이드 링크로 */
.visual_contents02 > div > * { pointer-events: auto; }
/* visual_contents01: 실제 링크/버튼(인터넷방송 등)만 클릭, 문구·빈 영역은 통과 → 뒤 슬라이드 이미지 링크로 */
.visual_contents01 a, .visual_contents01 button { pointer-events: auto; }