@charset "utf-8";


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

.m_tit {position: relative; padding: 0 10px; margin-bottom: 5px; display: flex; justify-content: space-between;}
.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: 70px 0;   }
.m_content + .m_content  {}

.main_wrap {}
.main_wrap .wrap_con {width: 1500px; margin: 0 auto;}


.flex {display: flex; flex-wrap: wrap; position: relative; justify-content: space-between;}
.flex .m_left {width: 60%; position: relative;}
.flex .m_right {flex:0 1 calc(40% - 60px);  display: flex; flex-direction: column; flex-wrap: wrap;
    position: relative;  align-content: space-between; }
.wrap_container {width: 1500px; margin: 0 auto; position: relative; z-index: 10;}

@media only screen and (max-width:1500px){
.m_content { padding: 50px 0;   }
.wrap_container {width: 100%; padding: 0 15px; }
}

@media only screen and (max-width:1200px){
.m_content { padding: 30px 0;   }
  .flex .m_left {width: 100%;}
.flex .m_right {flex:0 1 100%;}
}
.m_bg01 {background-color: #f2f4f7; position: relative; overflow: hidden;}
.m_bg01::before {content: ''; position: absolute; background-image: url(/images/main2026/m_patten04.png); width: 237px; height: 237px; background-repeat: no-repeat; background-size: 100% auto; left: -70px; bottom: -60px; opacity: 0.3;}
.m_bg01::after {content: ''; position: absolute; background-image: url(/images/main2026/m_patten01.png); width: 600px; height: 700px; right: 0px; top: -100px; background-repeat: no-repeat; background-size: 100% auto;}


/* 슬라이드 버튼 */
.slickwrap{position:relative;}
.slick-track {display: flex; align-items: flex-start;}
.slick-slide {}
.slick-slide img {display: inline-block !important;}
.slickwrap .slider {}
.slickwrap .slider .item{vertical-align:top;}
.nav {position:absolute;  z-index: 2; left:0; right:0; top:0; right: 0; display: flex; justify-content: space-between; align-items: center; gap: 7px; }
.nav button {  overflow:hidden; border:0; color:transparent !important; white-space:nowrap; vertical-align:top; z-index: 2; width:40px; height:40px; line-height:40px; border: 1px solid rgba(0, 0, 0, 0.1); transition: all 0.6s; border-radius: 50%; position: relative; background-color: #6e6f7e;}
.nav .count {font-size: 100%; font-weight: 600; text-align: center; color: #000;  display: flex; white-space: nowrap; justify-content: space-between;}
.nav .count em{ display: inline-block; padding: 0 3px; font-weight: 700; color: var(--default_color); }
.nav button span{position: absolute; left:-9999999999px}
.nav button.active {display: block;}
.nav > * {margin-right:0px}
.prev {left:1px; position: absolute; }
.next {right:1px; position: absolute; }
.prev:before, .next:before, .play:before, .pause:before {  font-size:14px; color:rgba(255,255,255,1);font-family: 'FontAwesomeS';text-align:center;   line-height:40px; display: block; transition: all 0.6s; position: absolute; left: 0; top: 0; text-align: center; right: 0; }
.prev:before {content:'\f053';}
.next:before  {content:'\f054';}
.play:before {content:'\f0da'; font-size: 18px; padding-left: 2px; }
.pause:before  {content:'\f52c'; transform: rotate(90deg);font-size:15px; }
.nav button:hover,
.nav button:focus{}
.nav button:hover::before,
.nav button:focus::before{color: #fff; }
.nav .ctrl_area {display: inline-flex;}
.nav .ctrl_area > .active {} 
.nav .ctrl_area > .active::before {}  
.nav_more {display: inline-block; background-color: #fff;white-space: nowrap; border-radius: 30px;  line-height:40px; padding:0 15px; font-size: 15px; color: #555; font-family: var(--Paperlogy_font); font-weight: 500; transition: all 0.3s; border: 1px solid rgba(0, 0, 0, 0.1);}
.nav_more:hover {border: 1px solid rgba(0, 0, 0, 0.3); }
.nav_more span{position: absolute; left: -9999999px;}

@media only screen and (max-width:1100px){
  .nav .count {}
  .nav button, .lawmaker_slider .nav button {width:30px; height: 30px; line-height: 30px;}
  .prev:before, .next:before, .play:before, .pause:before { font-size:15px; line-height: 30px;}
  .play:before {padding-left: 2px; font-size: 15px;}
.nav_more { line-height:30px; padding:0 15px; font-size: 14px; }
}







/* 팝업존 */
.popup_slider { position: relative;}
.popup_slider .nav { width: 170px; 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: 28px; height: 28px; line-height: 28px; box-shadow: none; border: none;}
.popup_slider .nav button:before{ color:#000;  line-height: 28px; font-size: 13px;}
.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: 57.3%;}
.popup_slider .slider .cell img{position: absolute;
    object-fit: cover;
    height: 100%;
    left: 0;
    top: 0;
    right: 100%;
    width: 100%;}
.popup_slider .slider .cell:focus {border: 2px solid #000;}




/* 열린 의장실 */
.main_speaker { position: relative; display: block; width:100%; overflow:hidden;  font-weight: 500; flex: 1; height: 100%;}
.main_speaker .photo{ position:relative; display: flex; align-items: end; text-align: right; height: calc(100% - 60px)}
.main_speaker .photo img{ padding: 0 30px; height: 100%;}
.main_speaker .text_box{position: absolute; right:10%; top:7%;font-size: 110%; z-index: 15;   font-family: var(--Paperlogy_font); }
.main_speaker .text_box strong > span{ display: block; font-size: 90%; line-height: 120%; padding-bottom: 15px; font-weight: 600;}
.main_speaker .text_box strong em {display: block;  color: var(--default_color); font-weight: 700;}
.main_speaker .text_box strong{ display: block;  line-height: 170%; font-weight: 500; font-size: 130%; }
.main_speaker .text_box strong i{  font-size: 150%; font-weight: 700;}
.main_speaker .text_box strong i span{  font-size: 80%; }
.main_speaker ul {position:absolute; bottom: 0px; left: 0px; right: 0px; display: flex; font-family: var(--Paperlogy_font); justify-content: space-between; background-color: #474856; border-radius: 30px; overflow: hidden;}
.main_speaker ul li {flex: 0 1 calc(50% - 10px);}
.main_speaker ul li a {display: block; position: relative; text-align: center; pdding:0px 10px 0px 20px;  color:#fff; line-height: 60px;  font-size: 110%; font-weight: 500;  transition: all 0.5s;}
.main_speaker ul li a i { padding-right: 3px;}
.main_speaker ul li:last-child {background-color: #27283c;}

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


@media only screen and (max-width:1400px) {
  .main_speaker  {font-size: 90%;}
  .main_speaker .photo{  height: calc(100% - 45px)}
  .main_speaker ul li a {line-height: 45px;  }


}
@media only screen and (max-width:1200px) {
  .main_speaker  { height: auto; background-color: #fff; margin-top: 40px; border-radius: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.1); padding-top: 10px; background-image: url(/images/main2026/m_patten01.png); background-repeat: no-repeat; background-position: calc(100% + 100px) top;}
.main_speaker .text_box{ top:40px; }

}

@media only screen and (max-width:500px) {
  .main_speaker .photo{ margin-left: -70px; padding-top: 10px;}
.main_speaker .text_box{ font-size: 90%; right: 5%;}
.main_speaker ul { border-radius: 0px; font-size: 90%;}

}

/* 회의록 검색 */
.council_area {position: relative; height: 190px; background: var(--deep_Gradation); display: flex; justify-content: space-between;  padding: 30px 30px 25px 30px; box-shadow: 0px 0px 10px rgba(64, 86, 150, 0.5); border-radius: 20px; margin-top: 15px; font-family: var(--Paperlogy_font);}
.council_area .m_tit {width:100px; padding-left: 0px; margin-top: 0px; display: flex; flex-direction:column; padding: 0;}
.council_area .m_tit img {width: 87px;}
.council_area .m_tit h3{color:#fff;padding-left: 10px; font-weight: 500; font-size: 150%;}

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

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


@media only screen and (max-width:1400px){
.council_area {height: 150px; padding: 20px 20px 15px 20px;  font-size: 90%;}
.council_area ul li a{ line-height: 25px;}
.council_area .m_tit img {width: 65px;}
.council_area .m_tit h3 {font-size: 130%;}

}
@media only screen and (max-width:1200px){
  .council_area {height: auto;}
}
@media only screen and (max-width:450px){
  .council_area .m_tit {display: none;}
.council_search {display: block; flex:0 1 100%}
.council_area ul { padding:10px 0px 0px 0px;  }

}

/* 아이콘 바로가기 */
.icon_slide {padding-top: 0;}
.icon_slide .wrap_container{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.icon_slide .wrap_container .m_tit{ flex: 0 1 200px;  padding: 0; padding-top: 30px;}
.icon_slide .wrap_container .slider{ flex:0 1 calc(100% - 300px); width: calc(100% - 300px); }

.icon_slider { 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: 600; padding:15px 0; font-size: 120%; transition: all 0.9s; line-height: 20px; color: #464856;}
.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:10px; }
.icon_slider a:hover div{  background-color: rgba(64, 62, 88, 0.1);  }
.icon_slider a:hover span{color:#000; }
.icon_slider .nav {bottom: 50px; top: auto; width: 200px;}
.icon_slider .nav button{  }
.icon_slider .slider {position: relative; z-index: 999;}


@media only screen and (max-width:800px){
.icon_slide .wrap_container .m_tit{ flex: 0 1 100%; width: 100%; }
.icon_slide .wrap_container .slider{ flex:0 1 100%; width: 100%; }
.icon_slide .nav {bottom: auto; top:30px; right: 0; left: auto; width: 170px;}
}
@media only screen and (max-width:600px){
  .icon_slider a span{ font-size: 100%; padding: 0;}
.icon_slide .nav { width: 160px; justify-content: center;}

}

/* 의사일정 */
.m_schedule { position: relative; flex: 1; width: 100%;}
.main_schedule {  display: block; background-color: #f8f9fb; border: 1px solid var(--border_color); padding:15px 20px; position: relative; overflow: hidden; width:100%; border-radius: 20px; height: calc(100% - 50px);}
.m_schedule .m_tit { align-items: center; display: flex; flex-wrap: nowrap; margin: 0;}
.m_schedule .m_tit h3 {line-height:30px; padding-bottom: 20px; }
.m_schedule .schedule_date{font-family: var(--default_font); position: relative; font-weight: 700; font-size: 180%; line-height:30px; padding-bottom: 15px; }
.m_schedule .schedule_date span { font-size: 80%; font-weight: 500;}

.main_schedule .week_area{ display: block; position: relative; font-family: var(--Paperlogy_font);}
.main_schedule .week_area .week{display:flex; flex-wrap: wrap; flex:1; padding: 5px 0px 25px 0px;}
.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:10px 0; font-weight: 500; font-size: 120%; }
.main_schedule .week_area .week li a i{ position: relative; font-weight: 600;}
.main_schedule .week_area .week li:first-child{color:#cf0000}
.main_schedule .week_area .week li:last-child{color:#1933cf}
.main_schedule .week_area .week li .today:before{content:''; position:absolute; left:50%; transform: translateX(-50%) translateY(-50%); top:50%; width:44px; height:44px; border-radius: 50%; background-color:var(--pink) }
.main_schedule .week_area .week li .today i{color:#fff}
.main_schedule .week_area .week .being {background-color:#97ffb9; border-radius: 5px;}

.main_schedule .week_area .nav {position:relative}
.main_schedule .week_area button {position:relative; background-color: #fff; }
.main_schedule .week_area button::before {color: #2c3446;}
.main_schedule .week_area button span{position: absolute; left:-9999999999px}

.main_schedule .content{background: #fff;  display:block; border-radius:50px; border: 1px solid rgba(0, 0, 0, 0.15); padding-left:10px;}
.main_schedule .content #calendar{display:flex; justify-content: space-between;  width: 100%; font-size: 90%; height: 65px; }
.main_schedule .content .calender_content{ width: 100%; padding: 0 15px; display: flex; flex-wrap: wrap; align-items: center; }
.main_schedule .content .calender_content > span{font-weight: 700; width:90px;  padding-right: 10px; font-size:100%}
.main_schedule .content .calender_content > p{color:#444;  width:calc(100% - 90px); overflow:hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; }

.main_schedule .content .calender_more { padding: 0 15px; font-weight: 500; white-space:nowrap; border-radius: 0 25px 25px 0; flex:1; display: flex; align-items: center;}
.main_schedule .content .calender_more em {position: absolute; left:-9999999999px}
.main_schedule .content .calender_more i {background-color: #fff; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; text-align: center; margin-left: 5px;}


@media only screen and (max-width:460px) {
  .main_schedule { padding:15px 5px;}
.m_schedule .schedule_date{ font-size: 150%;  }

  .main_schedule .week_area .week li span, .main_schedule .week_area .week li a{ font-size: 100%; }
.main_schedule .week_area .week li .today:before{width:35px; height:35px;}
.main_schedule .content{ padding-left:0px; font-size: 90%; border-radius: 10px;}
.main_schedule .content .calender_content > span{width:80px;}
.main_schedule .content .calender_content > p{ width:calc(100% - 80px);  }
.main_schedule .content .calender_more {padding: 0 5px;}


}
/* 의사일정 아래 아이콘 바로가기 */
.main_goto { height: 100px; margin-top: 20px;}
.main_goto ul {display:flex; justify-content:space-between; width: 100%; flex-wrap: wrap; }
.main_goto ul li {flex: 0 1 48.7%;}
.main_goto ul li a {display: flex; align-items: center;  border: 1px solid #dadde4; border-radius: 20px; height: 100px; padding: 10px 15px; transition: all 0.3s;  font-family: 'Paperlogy';}
.main_goto ul li a em{display: block; font-size: 100%; margin-bottom: 5px;}
.main_goto ul li a strong{display: block; font-weight: 700; font-size: 150%; }
.main_goto ul li a strong span {color: #2871f5; display: inline-block; font-weight: 700;}
.main_goto ul li a img {border-radius: 50%;  background-color: #eff1f5; margin-right: 15px; padding: 0px;}
.main_goto ul li:last-child a strong span {color: #e2520c;}
.main_goto ul li 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_goto ul li a strong{font-size: 130%; }
.main_goto ul li a strong span { font-size: 90%;}

}

@media only screen and (max-width:470px) {
  .main_goto { height: auto; }
  .main_goto ul li {flex: 0 1 100%; }
  .main_goto ul li + li {margin-top: 10px;}

}


/* 최근게시물 탭박스 영역 */
.main_news {}
.news_wrap {display: flex;  position: relative; justify-content: space-between; align-items: flex-start; }
.bbs_tab { position: relative;  min-height: 400px; }
/*
.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; }
.bbs_tab > ul > li {}
.bbs_tab > ul > li:first-child .m_tab {margin-left: 15px;}

.bbs_tab > ul > li > .m_tab{ position: relative; line-height:50px; height:50px;  padding:0 30px;color:#888; display:flex; text-align: center; font-size: 120%; border-radius: 13px 13px 0 0; margin-right: 6px; transition: all 0.3s; font-family: 'Paperlogy'; background-color: #eff1f5; }
.bbs_tab > ul > li > .m_tab h4 {position: relative;  font-weight:600;  }
.bbs_tab > ul > li > .m_tab h4 span {position: relative;z-index: 8;}
.bbs_tab > ul > li.active{display: block;}
.bbs_tab > ul > li.active > .m_tab{ color:#fff;  position: relative; z-index: 9;  font-weight: 600; background-color: var(--default_color);}
.bbs_tab > ul > li .m_tab i{font-size:130%; margin-right:5px}

.bbs_tab > ul > li .view { position: absolute; top: 50px; left:0; right:0;visibility: hidden;  opacity: 0; transition: all 0.3s;  border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 23px 25px 17px 25px;}
.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 { padding: 15px 15px; background-color: #eff1f5; border-radius: 20px; margin-bottom: 11px; }
.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 0px; border-radius: 20px;  background-color: #fff; text-align: center; display: flex; align-content: center; flex-wrap: wrap; justify-content: center; font-family: 'Paperlogy'; font-size: 14px;  }
.bbs_tab > ul > li .view .big span i{display: block;  font-weight: 900; font-size: 200%; color:var(--default_color); 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: 0em; padding-top: 8px; font-family: 'Paperlogy';}
.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%; transition: all 0.3s;}
.bbs_tab > ul > li .view li.title {}
.bbs_tab > ul > li .view li.title::before{content:''; position:absolute; left:2px; top:19px; 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: 41px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;   font-size: 95%; color: #333;}
.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 > ul > li .view li.title > a:hover {color:#000;}
.bbs_tab .more { position: absolute; right:0; top:-55px; 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) {
.main_news {padding-top: 6%;}
.bbs_tab { min-height: 350px; }
}
@media only screen and (max-width:1000px) {

.bbs_tab > ul > li .view { border-radius: 10px; padding: 13px 15px 7px 15px;}
}


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

.bbs_tab > ul > li > .m_tab{  line-height:40px; height:40px;  padding:0 15px; }
.bbs_tab > ul > li .view { top: 40px; }
.bbs_tab > ul > li .view .big span{ width:60px; 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: 10px 10px 10px 10px;}
.bbs_tab > ul > li .view li.title > a{font-size: 100%; }

.bbs_tab .more { top:-40px; }

}
@media only screen and (max-width:450px) {
.bbs_tab > ul > li > .m_tab { padding: 0 10px; font-size: 14px; line-height: 40px; height: 40px;}
.bbs_tab > ul > li.active > .m_tab{  }


}
    
/* 현역의원 영역 */

.lawmaker_wrap { position: relative; background-color: #eef0f5;}
.lawmaker_tab { position: relative;  }


.lawmaker_tab ul {display: flex; flex-direction: column;}
.lawmaker_tab li .m_tab {   display: inline-flex; width: 350px;  position: relative; transition: all 0.3s; margin-top: 10px; border-radius: 15px; background-color: #fff; color: rgba(0,0,0,0.5); align-items: center; padding: 18px 30px;}
.lawmaker_tab li .m_tab h4 {position: relative; font-size: 135%; font-weight: 700; font-family: 'Paperlogy';   transition: all 0.3s; line-height: 40px; flex: 0 1 110px; white-space: nowrap; }
.lawmaker_tab li .m_tab span {font-size: 92%; display: inline-block; line-height: 18px; flex: 1; font-family: var(--Paperlogy_font);  font-weight: 500;}
.lawmaker_tab li.active .m_tab {  font-weight: 700; background-color: #3763b7;color:#fff;  }
.lawmaker_tab li.active .m_tab span{}

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


.lawmaker_list {display: flex; flex-wrap: wrap; gap: 15px; justify-content: space-between;}
.lawmaker_list .cell {flex: 0 1 calc(33% - 15px);}

.lawmaker_box { display: flex;justify-content: space-between; overflow: hidden; flex-wrap: wrap; padding:25px 20px;  background-color: #fff; border-radius: 15px; box-shadow: 0 0 15px rgba(39,39,61,0.1); font-family: 'Paperlogy'; }
.lawmaker_box > .photo{width:45%; display: flex; align-items: center; justify-content: center; padding: 0 10px;}
.lawmaker_box > .photo img {background-color: #dfe2eb; border-radius: 10px; }
.lawmaker_box > .txt{width:55%; padding-left: 20px; padding-top: 10px; }
.lawmaker_box > .txt dt{font-size: 140%; font-weight: 700; display: block; margin:0px 0 10px 0; color:#000; font-family: var(--scdream_font); }
.lawmaker_box > .txt dt span{font-size: 80%; font-weight: 600; color:#555; display: block;}
.lawmaker_box > .txt dd {font-size: 90%; font-weight: 500; color: #777;}
.lawmaker_box > .txt dd strong {font-weight: 500;}
.lawmaker_box > .txt a {margin-top:12px; display: inline-block; padding: 0 15px;  color:#000; font-weight:500; border-radius: 30px; line-height: 30px; height:30px; transition: all 0.3s; font-size: 13px;}
.lawmaker_box > .txt a.btn_profile {background-color: #eaecf2;}
.lawmaker_box > .txt a.btn_home {border: 1px solid rgba(0, 0, 0, 0.07);}
.lawmaker_box > .txt a:hover {background-color: var(--default_color); color: #fff;}

@media only screen and (max-width:1300px) {
.lawmaker_box { padding:15px 10px;  }
}

@media only screen and (max-width:1200px) {
  .lawmaker_wrap {padding: 30px 0 !important;}
  .lawmaker_wrap .m_tit {position:relative; left: 0px; top:0px; }
  .lawmaker_tab {margin: 0;}
  .lawmaker_tab > ul {margin:0px; display: flex; flex-direction: row;}
  .lawmaker_tab > ul > li {flex:1;}
  .lawmaker_tab li .m_tab { margin-left: 0px;  margin-top: 10px; display: block; width: 97%; padding: 0px 30px; border-radius: 5px;}
  .lawmaker_tab li .m_tab h4 {font-size: 120%; flex: 0 1 100%;  text-align: center;}
  .lawmaker_tab li .m_tab span{display: none;}
  .lawmaker_tab li.active .m_tab::before { display: none;}

.lawmaker_tab li .view {  top: 60px; left: 0px; right: 10px;   }


}
@media only screen and (max-width:900px) {
    .lawmaker_tab li .m_tab h4 {font-size: 110%; }
  .lawmaker_list .cell {flex: 0 1 calc(50% - 10px);}

}

@media only screen and (max-width:650px) {
.lawmaker_box > .photo{width:100%}
.lawmaker_box > .txt{width:100%; padding: 10px 20px; }
  .lawmaker_tab li .m_tab { padding: 0px 10px; }
}
@media only screen and (max-width:550px) {
.lawmaker_tab li .m_tab h4 {font-size: 100%; }
.lawmaker_box > .txt{font-size: 90%;}
.lawmaker_box {  padding:10px 0px;  }
}








/* 포토갤러리 영역 */
.m_gallery {position: relative; overflow: hidden;}
.m_gallery::before {content: ''; background-image: url(/images/main2026/m_patten01.png); width: 681px; height: 637px; top: -200px; left: -200px; position: absolute;}
.m_gallery::after {content: ''; background-image: url(/images/main2026/m_patten01.png); width: 436px; height: 438px; bottom: -50px; right: -50px; position: absolute;}
.m_gallery .wrap_container {position: relative; z-index: 2;}

.gallery_slider {width: 100%;}
.gallery_slider .nav {position:absolute; justify-content: center; width: 300px; right: 0; top: -42px; left: auto;}


.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 rgba(0, 0, 0, 0.1);}
.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: #004fc6;}
.gallery_slider .slider .item:hover *, .gallery_slider .slider .item:focus * {}

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

.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){
}
@media only screen and (max-width:1100px){
}

@media only screen and (max-width:560px){
  .gallery_slider .slider .cell { padding:15px 0px}
.m_gallery .m_tit {padding: 0;}

.m_gallery {padding: 50px 0 70px 0;}
.gallery_slider .nav {width: 300px; right: auto; top: auto; left: 50%; transform: translateX(-50%); bottom: -30px;}

}





/* 배너모음 */
.m_banner {background-color: #fff; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.m_banner .m_tit{margin-bottom: 13px;}
.banner_slider .nav {bottom:auto; top:-50px; left:130px; right:auto}
.banner_slider .nav button { width: 32px; height: 32px; line-height: 32px; box-shadow: none;}
.banner_slider .nav button:before {line-height: 32px; }
.banner_slider .nav .more {line-height: 34px; height: 32px; font-size: 88%; font-weight: 500; background-color: #f2f2f2; border: 1px solid #ccc; display: inline-block; border-radius: 10px; padding: 0 10px; color: #444;}
.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: 40px 0px;}
}

@media only screen and (max-width:1000px){
.banner_slider .nav {top:-36px; left:90px;}
}