@charset "utf-8";
/* 공통타이틀 */
.slide_show { display: none; } 

.m_tit { position: relative; padding: 0 10px; } 

.m_tit h3 { font-family: var(--paperlogy_font); font-weight: 500; font-size: 145%; } 

.m_tit h3 span { font-weight: 700; color: #019599; } 

.m_tit p { position: relative; color: #777; word-break: keep-all; font-size: 90%; display: block; font-weight: 400; padding-top: 10px; font-size: 100%; } 

.m_tit.tac { margin-bottom: 25px; display: block; margin: 0 auto; } 

.m_tit.tac h3 { font-weight: 500; display: inline-block; } 

.m_tit.tac h3,
.m_tit.tac p { text-align: center; } 

.m_tit.tac p { font-size: 80%; font-weight: 400; } 

.m_tit.bg_patten h3::before { content: ''; position: absolute; background-image: url(/_jnassem/images/main/bg_patten01.png); width: 150px; height: 146px; background-repeat: no-repeat; right: -50px; top: -80px; background-size: 100% auto; } 


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


@media only screen and (max-width:1300px){
 .button_list { display: none; } 
 }


.m_content { position: relative; } 

.main_content .m_visual_con { height: 860px; } 

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

.m_content .wrap_container { display: flex; flex-wrap: wrap; position: relative; justify-content: space-between; align-items: flex-start; } 


.main_left { width: 64%; position: relative; align-content: center; } 

.main_right { width: 34%; position: relative; } 

.m_visual_con .wrap_container { padding-top: 3%; } 


/* 상단 메세지 */
.main_ment { width: 100%; text-align: left; color: #fff; display: block; padding: 2% 0% 0% 7%; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); word-break: keep-all; } 

.main_ment strong { font-size: 180%; font-family: var(--paperlogy_font); font-weight: 700; display: block; padding-bottom: 10px; } 

.main_ment strong em { color: #8bffb9; } 

.main_ment p { font-size: 105%; } 

@media only screen and (max-width:650px){
 .main_ment strong { font-size: 205%; } 
 }

@media (max-width: 768px){
 .wrap_container .lawmaker_wrap { flex: 0 0 100%; max-width: 100%; } 
 }

/* 배경 슬라이드 */
.m_visual_con { overflow: hidden; } 

.m_bg_slider { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } 

.m_bg_slider::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 300px; background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); pointer-events: none; } 

.m_bg_slider .slider,
.m_bg_slider .slick-list,
.m_bg_slider .slick-track,
.m_bg_slider .slick-slide,
.m_bg_slider .slick-slide>div { position: relative; height: 100%; } 

.m_bg_slider .m_bg { position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; height: 100%; } 

.m_bg_slider .slick-dots { position: absolute; left: 50%; bottom: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; z-index: 77; } 

.m_bg_slider .slick-dots li { text-align: center; display: block; width: auto; height: auto; margin: 0 7px}

.m_bg_slider .slick-dots li button { width: 13px; height: 13px; margin: 0 auto; border-radius: 10px; background-color: #c4ced9; opacity: 1; transition: all 0.3s; padding: 0; text-indent: -99999px; } 

.m_bg_slider .slick-dots li button:before { display: none; } 

.m_bg_slider .slick-dots li button:focus { box-shadow: none; } 

.m_bg_slider .slick-dots li.slick-active button { width: 50px; height: 15px; background-color: #ffef72; } 



/* 열린 의장실 */
.main_speaker { display: flex; align-items: flex-end; position: relative; width: 100%; height: 100%;; overflow: hidden; border-radius: 100px 20px 20px 20px; font-weight: 500; justify-content: flex-end; } 

.main_speaker::before { content: ''; position: absolute; z-index: 0; background-image: url(/_boassem/images/main/chairmain_bg.png); background-position: center right; background-repeat: no-repeat; left: 0; top: -10px; right: 0px; bottom: 0px; background-size: auto 108%; } 

.main_speaker .photo { position: relative; padding-bottom: 10px; padding-top: 10px; z-index: 10; display: flex; align-items: center; } 

.main_speaker .text_box { position: absolute; right: 10%; left: 10%; top: 20%; font-size: 110%; z-index: 15; letter-spacing: 0.5px; color: #fff; font-family: var(--paperlogy_font); } 

.main_speaker .text_box em { display: block; font-size: 100%; line-height: 120%; padding-bottom: 8%; color: #c1ffda}

.main_speaker .text_box strong { display: block; line-height: 140%; font-weight: 200; font-size: 110%; } 

.main_speaker .text_box strong i { color: #95e0fd; font-size: 130%; font-weight: 700; } 

.main_speaker .btn { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0; z-index: 10; border: 1px; } 


.main_speaker .btn ul { display: flex; width: 100%; justify-content: space-between; } 

.main_speaker .btn ul li { flex: 0 1 calc(50% - 0px); } 

.main_speaker .btn ul a { display: block; position: relative; color: #fff; text-align: center; background-color: #14105d; border: 1px solid #14105d; line-height: 68px; font-size: 100%; font-family: var(--paperlogy_font); transition: all 0.3s; } 

.main_speaker .btn ul a i { padding-right: 8px; } 

.main_speaker .btn ul a:hover { background-color: #000; border: 1px solid #000; color: #fff; } 



@media only screen and (max-width:1200px){
 .main_speaker .photo { width: 168px; } 

 .m_visual_con .wrap_container { padding-bottom: 0px; padding-top: 30px; } 

 .main_speaker .btn ul a { line-height: 54px; } 

 .main_speaker .text_box ul { margin-top: 20px; } 

 .main_left { align-content: flex-start; margin-top: 6%; } 

 .m_bg_slider::after { display: none; } 

 .main_speaker { height: 86%; height: 250px; border-radius: 60px 10px 10px 10px; } 

 .main_speaker .text_box { font-size: 90%; } 

 .main_speaker .text_box em { padding-bottom: 2%; } 

 .main_speaker .text_box ul a { padding: 4px 10px 4px 0px; line-height: 30px; font-size: 70%; } 

 .m_bg_slider .slick-dots { bottom: 36%; } 
 }


@media only screen and (max-width:800px){
 .m_bg_slider .slick-dots { bottom: 48%; } 

 .main_speaker::before { background: linear-gradient(90deg, #0081c0, #01a972); } 

 .main_ment { padding: 0; } 

 .main_left .main_ment { text-align: center; } 

 .main_ment p { display: none; } 

 .m_visual_con .main_left { width: 100%; } 

 .m_visual_con .main_right { width: 100%; top: 10px; } 

 .main_speaker { top: 24%; } 

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

 .main_content .m_visual_con { height: 560px; } 

 .m_bg_slider { height: 820px; } 
 }

@media only screen and (max-width:650px){
 .main_speaker { font-size: 100%; } 

 .main_speaker .btn ul a { font-size: 110%; } 

 .main_speaker .text_box { top: 40px; } 

 .main_speaker .text_box em { padding-bottom: 15px; } 

 .main_speaker .text_box ul { margin-top: 15px; } 

 .main_speaker .text_box ul a { padding: 0px 10px 0px 0px; line-height: 30px; font-size: 70%; } 

 .main_ment { font-size: 80%; } 
 }

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


/* 현역의원8인 */


.lawmaker_wrap { width: 1540px; margin-top: -300px; top: -86px; position: relative; padding: 24px 10px 0 10px; border-radius: 20px; background-color: #fff; transition: all 0.3s; border: 1px solid #d9dee7; display: block; border-radius: 20px; } 

.lawmaker_wrap>.title_area { padding-top: 40px; letter-spacing: 0.08em; } 

.lawmaker_wrap>.title_area h3 { color: #fff; } 

.lawmaker_wrap .lawmaker_list { display: block; padding: 3% 2% 2% 2%; } 

.lawmaker_wrap .lawmaker_list ul { display: flex; justify-content: space-between; flex-wrap: wrap; } 

.lawmaker_wrap .lawmaker_list ul li { flex: 0 1 11.111%; } 

.lawmaker_wrap .lawmaker_list ul li .img_cell { position: relative; display: block; border-radius: 10px; background-color: #eef0f5; overflow: hidden; font-family: 'Paperlogy'; transition: all 0.3s; } 

.lawmaker_wrap .lawmaker_list ul li .img_cell span { position: absolute; background-color: #142418; color: #fff; line-height: 35px; text-align: center; left: 0; right: 0; bottom: 0; transition: all 0.3s; } 

.lawmaker_wrap .lawmaker_list ul li .img_cell:hover { transform: translateY(-5px); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15); } 

.lawmaker_wrap .lawmaker_list ul li .img_cell:hover span { background-color: #141; } 


@media only screen and (max-width:1200px){
 .m_bg_slider .m_bg { height: 75%; } 

 .main_content .m_visual_con { height: 500px; } 

 .lawmaker_wrap { position: relative; flex: 0 1 100%; margin-top: -60px; top: 0; } 

 .lawmaker_wrap .lawmaker_list ul li { flex: 0 1 33.3333%; margin-bottom: 10px; padding: 0 10px; } 

 .lawmaker_wrap .lawmaker_list ul { justify-content: center; } 

 .lawmaker_wrap .m_tit h3 { font-size: 130%; } 
 }


@media only screen and (max-width:1100px){
 .lawmaker_wrap>.title_area { padding-top: 20px; } 

 .lawmaker_wrap .lawmaker_list { padding: 10px 20px; } 

 .lawmaker_wrap .lawmaker_list ul li { padding: 0 5px; } 

 .lawmaker_wrap>.title_area h3 { margin-bottom: 0; } 
 }



@media only screen and (max-width:400px){
 .lawmaker_wrap .lawmaker_list { padding: 10px 10px 0px 10px; } 

 .lawmaker_wrap .lawmaker_list ul li .img_cell span { line-height: 25px; } 
 }


/*퀵메뉴*/
.main_goto { position: relative; padding-top: 3%; padding-bottom: 5%; } 

.main_goto ul { display: flex; justify-content: space-around; flex-wrap: wrap; width: 100%; } 

.main_goto ul li { padding: 15px 0px; flex: 0 1 11%; text-align: center; } 

.main_goto ul li a { display: block; text-align: center; letter-spacing: -0.07em; } 

.main_goto ul li a span { display: block; font-weight: 500; font-size: 100%; transition: all 0.3s; line-height: 16px; padding-top: 14px; font-family: 'Paperlogy'; letter-spacing: 0; color: #555; } 

.main_goto ul li a>div { background-color: #fff; transition: all 0.3s; border: 1px solid #d9dee7; border-radius: 30px; display: block; padding: 20px 0; transition: all 0.5s; } 

.main_goto ul li a div:hover { box-shadow: 0 0 15px rgba(70, 70, 87, 0.4); } 



@media only screen and (max-width:1200px){
 .main_goto ul li { flex: 0 1 25%; padding: 6px 7px; } 

 .main_goto ul li a span { padding-top: 6px; } 
 }


@media only screen and (max-width:650px){
 .main_goto ul li a span { font-size: 90%; word-break: keep-all; } 

 .main_goto ul li a img { width: 70%; } 

 .main_goto ul li a>div { border-radius: 16px; } 
 }


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

.news_wrap { display: block; position: relative; overflow: hidden; } 

.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; } 

.bbs_tab>ul { display: flex; justify-content: left; } 

.bbs_tab>ul>li>.m_tab { background-color: #eef0f5; line-height: 40px; height: 36px; padding: 0 10px; color: #737580; display: flex; font-size: 90%; font-weight: 500; flex-wrap: wrap; align-content: center; font-size: 110%; border-radius: 10px; margin-right: 3px; font-family: var(--paperlogy_font); transition: all 0.3s; } 

.bbs_tab>ul>li>.m_tab h4 { position: relative; padding-right: 30px; padding-left: 30px; } 

.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; background-color: #2c3446; position: relative; z-index: 9; font-size: 110%; font-weight: 600; } 

.bbs_tab>ul>li .m_tab i { font-size: 130%; margin-right: 5px}

.bbs_tab>ul>li .view { position: absolute; top: 48px; left: 0; right: 0; visibility: hidden; opacity: 0; padding: 26px 25px; border-radius: 20px; background-color: #fff; transition: all 0.3s; border: 1px solid #d9dee7; } 

.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: 14px; background-color: #eef0f5; border-radius: 60px 24px 24px 60px; padding: 7px 20px 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: #007cc9; 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(--paperlogy_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: 90%; color: rgba(0, 0, 0, 0.6); line-height: 20px; text-overflow: ellipsis; padding-right: 20px; overflow: hidden; display: block; height: 40px; 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: 14px; top: 17px; border-radius: 50%; width: 4px; height: 4px; background-color: #cacaca; } 

.bbs_tab>ul>li .view li.title>a { display: block; padding-left: 32px; 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: 16px; z-index: 3; top: 7px; color: #777; font-family: var(--noto_font); font-weight: 300; letter-spacing: 0px; font-size: 94%; } 

.bbs_tab .more { position: absolute; right: 0; top: -49px; display: block; height: 36px; line-height: 36px; 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: #545454; } 

.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:1000px){
 .bbs_tab>ul>li>.m_tab h4 { position: relative; padding-right: 10px; padding-left: 10px; } 

 .bbs_tab.tit_tab li { flex: 0 1 auto; } 
 }

@media only screen and (max-width:560px){
 .bbs_tab.tit_tab li .m_tab h4 { padding: 5px 10px; font-size: 90%; } 

 .bbs_tab>ul>li>.m_tab { padding: 3px; } 

 .bbs_tab>ul>li .view { padding: 16px 16px; } 
 }

@media only screen and (max-width:1480px){
 .news_wrap .main_right .slickwrap { height: 100%; } 
 }


@media only screen and (max-width:1480px){
 .news_wrap .main_left { width: 100%; } 

 .news_wrap .main_right { flex: 0 1 100%; } 
 }


/* 팝업존 */


.m_popup .nav { display: flex; justify-content: end; align-items: center; top: 0px; } 

.m_popup .nav .count { font-size: 90%; letter-spacing: 0.5px; } 

.m_popup .nav button { box-shadow: none; width: 34px; height: 34px; line-height: 34px; border-radius: 50%; transition: all 0.3s; background-color: #eef0f5; } 

.m_popup .nav .prev:before,
.m_popup .nav .next:before,
.m_popup .nav .play:before,
.m_popup .nav .pause:before { font-size: 16px; color: #2c3446; font-family: 'FontAwesomeS'; text-align: center; line-height: 34px; display: block; } 

.m_popup .slickwrap .slider img { width: 100%; display: block; } 

.popup_slider { margin-top: 18px; border-radius: 20px; background-color: #fff; transition: all 0.3s; border: 1px solid #d9dee7; overflow: hidden; } 

.popup_slider .slider img { width: 100%; display: block; border-radius: 20px; /* 💡 popup_slider와 동일하게! */
 object-fit: cover; /* 비율 유지하며 채움 (선택) */}

.popup_slider { border-radius: 20px; overflow: hidden; } 

.popup_slider .cell { vertical-align: top; display: block; position: relative; padding-bottom: 67%; } 

.popup_slider .cell img { width: 100%; min-width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } 


/* 의사일정 */
.m_calendar { position: relative; width: 100%; } 


.council_calender { position: relative; left: 0; top: 0; width: 100%; bottom: 0; right: 0px; background-color: #0f3a7b; display: block; border-radius: 20px; box-shadow: 0 0 15px rgba(39, 39, 61, 0.2); } 

.council_calender::before { content: ''; position: absolute; width: 100%; top: 0; padding: 150px 0px 0px 0px; background-image: url(/_boassem/images/contents/sub01_patten01.png); background-repeat: no-repeat; background-position: 0px bottom; background-size: 200px auto; left: 0px; } 

.m_calendar .title { position: relative; display: flex; align-content: center; flex-wrap: wrap; flex: 0 1 350px; width: 350px; overflow: hidden; padding-left: 50px; } 


.m_calendar .title h3 { border-radius: 10px 10px 0 0; font-weight: 500; font-size: 110%; color: #fff; font-family: var(--paperlogy_font); font-weight: 400; position: relative; width: 100%; } 

.m_calendar .title h3 span { color: #ffef72; font-size: 140%; display: block; font-weight: 500; } 

.m_calendar .title a { position: relative; color: #fff; background-color: #14105d; display: inline-block; padding: 0 20px; line-height: 30px; border-radius: 30px; font-size: 90%; font-weight: 600; margin-top: 15px; border: 1px solid rgba(255, 255, 255, 0.3) } 

.m_calendar .title p { font-family: var(--paperlogy_font); color: #70c368; font-size: 17px; letter-spacing: 0em; line-height: 26px; } 

.main_schedule { display: flex; position: relative; flex: 0 1 calc(100% - 350px); padding: 28px 30px 28px 0px; } 

.main_schedule .week_area { display: block; position: relative; flex: 0 1 54%; width: 54%; font-family: var(--paperlogy_font); padding-right: 80px; } 

.main_schedule .week_area .schedule_date { font-family: 'Roboto'; font-weight: 700; font-size: 170%; border-radius: 0 0 0 25px; color: #fff; text-align: center; } 

.main_schedule .week_area .schedule_date span { font-size: 70%; color: #b9b9b9; 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: #fff; } 

.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: 110%; } 

.main_schedule .week_area .week li a i { position: relative; } 

.main_schedule .week_area .week li:first-child { color: #ff8fac; } 

.main_schedule .week_area .week li:last-child { color: #7ccdff; } 

.main_schedule .week_area .week li .today:before { content: ''; position: absolute; left: 50%; margin-left: -17px; top: 0px; width: 36px; height: 36px; border-radius: 50%; background-color: #ffef72; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3); } 

.main_schedule .week_area .week li .today i { color: #000; } 

.main_schedule .week_area .week .being { background-color: #97ffb9; border-radius: 5px; } 

.main_schedule .week_area .nav { position: relative}

.main_schedule .week_area button { position: absolute; top: 20px; z-index: 99; background-color: #14105d; box-shadow: none; overflow: hidden; } 

.main_schedule .week_area button:hover { background-color: #7ccdff; } 

.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: 0px}

.main_schedule .content { background: #14105d; display: flex; flex-wrap: wrap; align-content: center; align-self: center; border-radius: 20px; margin-top: 0px; flex: 0 1 45%; width: 46%; height: 100px; padding: 10px 20px; overflow: hidden; } 

.main_schedule .content #calendar { display: flex; flex-wrap: wrap; width: 100%; justify-content: center; font-family: var(--paperlogy_font); color: #fff; } 

.main_schedule .content .calender_content { flex: 0 1 100%; 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: 120px; padding-right: 10px; color: #999; } 

.main_schedule .content .calender_content>p { color: #fff; display: block; width: calc(100% - 120px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; font-family: var(--paperlogy_font); letter-spacing: 0px; } 

.main_schedule .content .calender_more { padding: 3px 15px; font-weight: 500; white-space: nowrap; border-radius: 4px; display: inline-block; align-items: center; background-color: var(--green);font-size: 13px;
    letter-spacing: 0; margin-top: 5px;} 

.main_schedule .content .calender_more em { display: inline-block;  width: 25px; height: 18px; border-radius: 4px; line-height: 20px; text-align: center; margin-left: 5px; } 

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



@media only screen and (max-width:1400px){
 .m_calendar .title { flex: 0 1 230px; width: 230px; padding-left: 25px; } 

 .main_schedule { flex: 0 1 calc(100% - 230px); } 

 .main_schedule .week_area { padding-right: 40px; } 
 }

@media only screen and (max-width:1100px){
 .m_calendar { font-size: 90%; } 

 .main_schedule .content { padding: 10px 0px; font-size: 14px; } 

 .main_schedule .content .calender_content>span { width: 100px; } 

 .main_schedule .content .calender_content>p { width: calc(100% - 100px); } 
 }

@media only screen and (max-width:1000px){
 .m_calendar .title { width: 100%; padding-left: 0px; justify-content: center; text-align: center; overflow: inherit; align-items: center; padding: 10px; } 

 .council_calender::before { display: none; } 

 .m_calendar .title h3 { display: inline-block; width: auto; } 

 .m_calendar .title h3 span { display: inline-block; } 

 .m_calendar .title a {
        font-size: 13px;
        font-weight: 300; } 

 .main_schedule .week_area .week li .today:before { margin-left: -13px; width: 28px; height: 28px; } 

 .main_schedule .week_area { padding-right: 20px; } 

 .main_schedule { flex: 0 1 100%; width: 100%; padding: 20px 20px 20px 0px; } 

 .main_schedule { flex-wrap: wrap; padding: 20px; justify-content: center; } 

 .main_schedule .week_area { flex: 0 1 100%; width: 100%; padding-right: 0px; } 

 .main_schedule .content { flex: 0 1 100%; width: 100%; font-size: 15px; margin-top: 25px; } 

 .m_calendar .title p { margin-right: 5px; } 

 .m_calendar .title h3 span { margin-left: 5px; font-size: 17px; } 
 }


@media only screen and (max-width:450px) {
 .main_schedule .week_area .week li span,
 .main_schedule .week_area .week li a { font-size: 100%; } 

 .main_schedule .week_area button { width: 25px; height: 25px; line-height: 25px; } 

 .main_schedule .week_area button::before { line-height: 25px; font-size: 13px; } 

 .main_schedule .week_area .week { padding: 0 25px}

 .main_schedule .content { padding: 2px 0; } 

 .main_schedule .content .calender_content { display: block; } 

 .main_schedule .content .calender_content>span,
 .main_schedule .content .calender_content>p { width: 100%; display: block; font-size: 90%; line-height: 20px; } 


 .m_calendar .title a { line-height: 20px; } 
 }

@media only screen and (max-width:380px){
 .main_schedule .content { max-width: 320px; } 
 }

@media only screen and (max-width:360px){
 .main_schedule .content { max-width: 300px; } 
 }

@media only screen and (max-width:340px){
 .main_schedule .content { max-width: 277px; } 
 }


/* 의장 아래 회의록 바로가기 */
.assem_goto { margin-top: 15px; display: flex; flex-grow: 1; } 

.assem_goto ul { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; } 

.assem_goto ul li { flex: 0 1 32.5%; } 

.assem_goto ul li a { display: flex; align-items: center; letter-spacing: -0.07em; border: 1px solid #c9ced3; border-radius: var(--bor_radius); height: 70px; padding: 0 15px; transition: all 0.3s; background-color: #f5f5f5; font-weight: 400; color: #000}

.assem_goto ul li a span strong { color: var(--blue); display: inline-block; font-weight: 700; } 

.assem_goto ul li a img { border-radius: 50%; background-color: #fff; margin-right: 10px; } 

.assem_goto ul li a:hover { background-color: var(--blue); color: #fff; } 

.assem_goto ul li a:hover span strong { color: var(--default_color); } 

.assem_goto ul li:last-child a { font-size: 90%}


/* 회의록 검색 */

.lawmaker_search_box { display: flex; flex-wrap: wrap; justify-content: space-between; } 

.lawmaker_search_box a { position: relative; display: block; height: 45px; line-height: 45px; border-radius: 15px; vertical-align: middle; padding: 0px 40px 0px 15px; font-size: 100%; background: #fff;; white-space: nowrap; font-weight: 400; font-size: 90%; width: calc(33.3333% - 10px); } 

.lawmaker_search_box a:after { content: '\f138'; position: absolute; color: #b1bdd2; font-family: 'FontAwesomeS'; font-size: 80%; right: 10px; top: 0; } 

.lawmaker_search_box .lawmaker_search_input { width: 100%; text-align: center; display: flex; background-color: #fff; font-weight: 500; margin-top: 15px; } 

.lawmaker_search_box .lawmaker_search_input button { width: 60px; text-align: center; float: right; font-size: 120%; } 

.lawmaker_search_box select,
.lawmaker_search_input,
.lawmaker_search_input input { border: none; border-radius: 15px; height: 50px; line-height: 50px; } 

.council_search_area { margin-top: 3%; } 

.council_search_area::before { content: ''; position: absolute; left: -999px; right: -999px; top: 0; bottom: 0; background: linear-gradient(90deg, #bedcdd, #e9f4ea); } 

.council_area { position: relative; display: flex; padding: 30px 0 30px 0; } 

.council_area .title_icon { flex: 0 1 160px; align-content: center; margin-left: 20px; } 

.council_area .title_icon img { border-radius: 50%; background-color: #fff; max-width: 100%; } 

.council_area .title_icon strong { display: block; font-family: var(--paperlogy_font); font-weight: 400; line-height: 24px; text-align: left; color: #111; font-size: 100%; } 

.council_area .title_icon strong p { display: block; font-family: var(--paperlogy_font); font-weight: 600; color: var(--deep_green); font-size: 140%; } 

.council_area .right_search_box { flex: 0 1 calc(100% - 160px)}

.council_search { display: block; flex: 1 0 calc(100% - 130px)}

.council_search .searchform { display: flex; background-color: #fff; border-radius: 15px; overflow: hidden; } 

.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; } 

.council_search .searchform button { width: 60px; text-align: center; float: right; font-size: 120%; } 

.council_area ul { display: flex; padding: 10px 20px 0px 20px; flex-wrap: wrap; margin-left: 20%; } 

.council_area ul li { width: 50%; padding: 3px 0}

.council_area ul li a { display: block; white-space: nowrap; line-height: 30px; font-size: 90%; font-weight: 400; font-size: 90%; } 

.council_area ul li a img { margin-right: 10px; padding: 5px; } 

.m_assem_search { width: 100%; font-family: var(--paperlogy_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; } 

.council_searchbox form { } 

.council_searchbox form label { width: 180px; 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% - 0px); 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; } 


@media only screen and (max-width:1200px){
 .council_area { padding: 10px 0 10px 0; } 

 .council_search_area { padding: 20px; } 
 }

@media only screen and (max-width:990px){
 .council_area ul { margin-left: 0; font-size: 120%; text-align: center; } 

 .council_area { justify-content: center; } 
 }

@media only screen and (max-width:540px){
 .council_area .title>img { display: none; } 
 }


.m_search_box>ul { display: flex; padding: 17px 30px 17px 30px; } 

.m_search_box>ul li { width: 100%; padding: 3px 0}

.m_search_box>ul li a { display: block; white-space: nowrap; line-height: 45px; font-weight: 500; font-size: 95%; 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; } 


.m_icon { display: block; position: relative; font-family: var(--paperlogy_font); } 

.m_icon ul { display: flex; justify-content: space-between; margin: 0 0; width: 100%; flex-wrap: wrap; } 

.m_icon ul li { flex: 0 1 calc(50% - 7px); } 

.m_icon ul li a { display: flex; align-items: center; letter-spacing: -0.01em; font-size: 90%; background-color: #3e5481; padding: 22px 25px; border-radius: 15px; } 

.m_icon ul li:last-child a { background-color: #058b8f; } 

.m_icon 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; } 

.m_icon ul li a strong { text-align: left; color: #fff; font-size: 140%; font-weight: 600; } 

.m_icon 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:450px){
 .council_searchbox { padding: 10px; } 

 .m_search_box>ul { padding: 10px 10px}

 .m_search_box>ul li a>i { width: 35px; height: 35px; line-height: 35px; } 

 .m_icon ul li a { padding: 12px 10px; } 

 .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; } 
 }


.lawmaker_slider .slider { margin: 0 -15px; display: flex; } 

.lawmaker_slider .nav,
.gallery_slider .nav { position: inherit; justify-content: center; } 

.lawmaker_slider .nav .prev,
.lawmaker_slider .nav .next { position: absolute; top: -150px; margin: 0; } 

.gallery_slider .nav .prev,
.gallery_slider .nav .next { position: absolute; top: -250px; margin: 0; } 

.lawmaker_slider .nav .prev,
.gallery_slider .nav .prev { left: -30px}

.lawmaker_slider .nav .next,
.gallery_slider .nav .next { right: -30px; } 

.lawmaker_slider .nav button::before,
.gallery_slider .nav button::before { font-size: 100%; color: #fff;; } 


/*현역의원_지도*/

.main_laymaker { position: relative; overflow: hidden; } 

.main_laymaker::before { content: ''; position: absolute; right: -50px; top: 300px; background: url(/_boassem/images/common/sub_patten01.png); width: 400px; height: 500px; background-repeat: no-repeat; background-size: 100% auto; } 

/* .main_laymaker::after { content: ''; position: absolute; left: -130px; bottom: -130px; background: url(/_boassem/images/common/sub_patten02.png); width: 450px; height: 450px; background-repeat: no-repeat; background-size: 100% auto; } */


.main_laymaker .wrap_container { justify-content: flex-start; } 

.main_laymaker .m_tit { font-size: 110%; padding-bottom: 10px; } 

.main_laymaker .tit_tab li:first-child .map_tab { margin-left: 100px; } 

.main_laymaker .laymaker_wrap { display: flex; width: 100%; padding: 40px 0 10px 0; align-items: flex-start; justify-content: space-between; } 

.main_laymaker .laymaker_wrap .boseong_map { width: 40%; flex: 1 0 40%; padding: 5px 0px 0px 36px; position: relative; z-index: 1; } 

.main_laymaker .laymaker_wrap .boseong_map img { /* mix-blend-mode:darken; */}

.main_laymaker .laymaker_wrap .laymaker_list { flex: 1 1 auto; padding-left: 50px; position: relative; z-index: 1; } 

.main_laymaker .laymaker_wrap .laymaker_list ul { display: flex; flex-wrap: wrap; justify-content: space-between; } 

.main_laymaker .laymaker_wrap .laymaker_list ul li { flex: 0 1 calc(50% - 10px); width: calc(50% - 10px); margin-bottom: 15px; } 

.main_laymaker .laymaker_wrap .laymaker_list ul li .cell { display: flex; width: 100%; height: 100%; background-color: #e9f4ea; border-radius: 10px; box-shadow: 0 0 10px rgba(40, 55, 99, 0.08); padding: 30px 30px 25px 30px; } 

.main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_photo { flex: 1 0 20%; width: 40%; border-radius: 10px; background-color: #aaa; } 

.main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_photo img { border-radius: 10px; } 

.main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_info { padding: 14px 20px 15px 10px; flex: 1 1 auto; word-break: break-all; } 

.main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_info strong { font-size: 160%; font-family: var(--paperlogy_font); font-weight: 700; } 


.main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_info em { font-weight: 600; color: var(--default_color); display: block; padding: 7px 0; } 

.main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_info i { position: absolute; font-size: 20px; font-weight: 600; margin-left: 16px; font-style: normal; display: inline-block; padding: 6px 7px 6px 6px; background-color: #86baab; border-radius: 5px; color: #fff; } 

.main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_info i:hover { background-color: var(--deep_green); } 

.main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_info p { display: block; color: #1e1e1e; font-size: 110%; padding-top: 40%; letter-spacing: 0px; font-family: var(--paperlogy_font); } 

.main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_info p span { padding-top: 8px; } 


.main_laymaker .tit_tab ul { display: flex; } 

.main_laymaker .tit_tab ul li { text-align: center; } 

.main_laymaker .tit_tab li .map_tab { line-height: 40px; color: #666; display: inline-block; margin-right: 50px; font-weight: 500; position: relative; transition: all 0.3s; } 

.main_laymaker .tit_tab li .map_tab h4 { position: relative; font-size: 125%; font-weight: 600; } 

.main_laymaker .tit_tab li.active .map_tab { color: #000; font-weight: 700; width: 100px; } 

.main_laymaker .tit_tab li.active .map_tab::before { content: ''; left: -12px; top: 5px; width: 4px; height: 12px; border-radius: 5px; background-color: var(--green); position: absolute; transform: rotate(-45deg); } 





@media only screen and (max-width:1250px){
 .tit_tab { width: 100%; } 

 .m_tit { position: relative !important; top: 0 !important; } 

 .tit_tab li .map_tab h4 { font-size: 110%; } 


 .m_photo_news { padding: 40px 0px}

 .m_news { flex: 1 1 100%; } 

 .m_assem_right { flex: 0 1 100%; min-width: 100%; padding-left: 0px; margin-top: 20px; } 

 .m_news .m_map { left: 0px}

 .main_laymaker .laymaker_wrap .boseong_map { display: none; } 

 .main_laymaker .tit_tab li:first-child .map_tab { margin-left: 5%; } 

 .main_laymaker .laymaker_wrap .laymaker_list { flex: 1 1 auto; padding-left: 0px; } 

 .main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_info { font-size: 100%; } 

 .main_laymaker .laymaker_wrap { padding: 10px 0 0px 0; } 

 .main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_info { padding-left: 15px; } }

@media only screen and (max-width:900px){
 .main_laymaker .laymaker_wrap .laymaker_list ul li .cell { padding: 15px} 
 }

@media only screen and (max-width:700px){
 .photo_tab { margin-bottom: 20px; min-height: 470px; } 

 .main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_photo { flex: 1 1 100%; width: 100%; } 

 .main_laymaker .laymaker_wrap .laymaker_list ul li .cell { flex-wrap: wrap; text-align: center; } 

 .main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_info { font-size: 90%; padding: 0; } 

 .main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_info .laymaker_btn { justify-content: center; } 

 .main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_info p { padding: 5%; } 

 .main_laymaker::before,
 .main_laymaker::after { display: none; } 
 }

@media only screen and (max-width:650px){
 .photo_tab { min-height: 400px; } 
 }

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

 .main_laymaker .tit_tab ul li { text-align: center; margin-left: 5px; } 

 .main_laymaker.tit_tab ul li .map_tab { margin-right: 5px; } 

 .main_laymaker .tit_tab ul li .map_tab h4 { line-height: 20px; text-align: center; background-color: #fff; padding: 5px 12px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.07); font-size: 110%; } 

 .main_laymaker .tit_tab ul li .map_tab h4 span { display: block; } 

 .main_laymaker .tit_tab ul li.active .map_tab::before { display: none; } 

 .main_laymaker .tit_tab ul li.active .map_tab h4 { background-color: var(--blue); color: #fff; } 

 .main_laymaker .tit_tab ul li:first-child .map_tab { margin-left: auto; } 

 .main_laymaker .tit_tab ul li .map_tab { margin-right: auto; } 

 .main_laymaker .tit_tab li.active .map_tab { width: auto; } 

 .main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_info i { font-size: 16px; margin-left: 11px; padding: 4px 5px 4px 4px; } 

 .main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_info strong { font-size: 130%; } 

 .main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_info p span { padding-top: 4px; } 

 .slick_nav button { width: 25px; height: 25px; line-height: 25px; } 

 .slick_nav button::before { font-size: 12px; line-height: 25px; width: 25px !important; height: 25px; } 

 button.play:before { content: '\f0da'; font-size: 15px; } 

 .pause:before { margin-left: -6px; } 

 .slick_nav>* { margin: 0 1px}

 .photo_tab .more { height: 27px; line-height: 27px; padding: 0 10px; margin: 0 5px; font-size: 13px; background-color: transparent; color: #fff; } 

 .m_photo_news .slick_nav { position: relative; top: -30px; background-color: #3c445b; border-radius: 30px; font-size: 75%; padding: 4px 10px; color: rgba(255, 255, 255, 0.7); width: 200px; left: 50%; transform: translateX(-50%); justify-content: center; } 

 .photo_tab { margin-bottom: 20px; min-height: 350px; } 

 .photo_tab .slider .cell { padding: 15px 3px; } 

 .photo_tab .slider .item { padding: 5px; } 

 .photo_tab .slider { margin: 0px -3px}

 .photo_tab .slider .item .txt { padding: 10px 5px 20px 5px; font-size: 90%}

 .main_laymaker .laymaker_wrap .laymaker_list ul li { flex: 0 1 calc(50% - 5px); width: calc(50% - 5px); } 

 .main_laymaker .laymaker_wrap .laymaker_list ul li:last-child { margin-bottom: 0px; } 
 }

@media only screen and (max-width:450px){
 .main_laymaker .laymaker_wrap .laymaker_list ul li .cell .laymaker_info .laymaker_btn a { width: 100%; justify-content: center; } 

 .m_b_icon { padding: 10px; } 

 .m_b_icon ul li a span { font-size: 90%; } 

 .m_assem_search .m_search_box { margin: 25px 0 15px 0; padding: 20px 0px 10px 0px; } 

 .m_goto_icon ul li a span { line-height: 16px; padding: 5px 0; } 

 .m_goto_icon ul li a span em { display: block; } 
 }


/* 포토갤러리 영역 */

.m_gallery { overflow: hidden; } 

.m_gallery::before { content: ''; background: url(/_boassem/images/main/m_patten03.png) center center no-repeat; position: absolute; width: 219px; height: 397px; right: -70px; top: -30px; } 

.m_gallery::after { content: ''; background: url(/_boassem/images/main/m_patten05.png) center center no-repeat; position: absolute; width: 450px; height: 500px; left: -80px; bottom: -50px; } 

.m_gallery .wrap_container { position: relative; z-index: 2; } 

.m_gallery .m_tit h3 { position: relative; z-index: 3; font-size: 170%; } 

.m_gallery .m_tit p { position: relative; z-index: 3; font-size: 100%; } 

.m_gallery .m_tit h3 span { color: #019599; } 

.m_gallery .m_tit::after { content: ''; position: absolute; width: 109px; height: 107px; background: url(/_boassem/images/main/m_patten04.png) center center no-repeat; right: -20px; top: -55px; } 

.gallery_slider { width: 100%; } 

.gallery_slider .slider { margin: 0 -15px; } 

.gallery_slider .slider .cell { display: block; padding: 25px 15px}

.gallery_slider .slider .item { display: block; background-color: #eff1f5; border-radius: 15px; overflow: hidden; padding: 15px; transition: all 0.3s; } 

.gallery_slider .slider .item:hover,
.gallery_slider .slider .item:focus { box-shadow: 0 0 15px rgba(0, 0, 0, 0.8); background: linear-gradient(90deg, #0081c0, #01a972); transform: translate(0px, -10px); } 

.gallery_slider .slider .item:hover *,
.gallery_slider .slider .item:focus * { color: #fff}

.gallery_slider .slider .item img { width: 100%; border-radius: 15px; } 

.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: 100%; letter-spacing: -0.05em; font-family: var(--paperlogy_font); } 

.gallery_slider .slider .item span { font-size: 100%; color: rgba(0, 0, 0, 0.7); font-weight: 300; } 

.gallery_slider .more { display: block; line-height: 40px; height: 38px;; border-radius: 50px; border: 1px solid #ddd; width: 220px; margin: 0 auto; text-align: center; background-color: #fff; font-weight: 400; transition: all 0.3s; margin-top: 10px; font-size: 90%; letter-spacing: -0.05em; } 

.gallery_slider .more:hover { color: #fff; background-color: var(--blue); border-color: var(--blue); } 

@media only screen and (max-width:1200px){
 .m_gallery { padding: 60px 15px; } 
 }

@media only screen and (max-width:450px) {
 .gallery_slider .nav .prev,
 .gallery_slider .nav .next { top: -200px; } 
 }



/* 배너모음 */
.m_banner { background-color: #fff; border-top: 1px solid rgba(0, 0, 0, 0.07); } 

.m_banner .m_tit { margin-bottom: 18px; } 

.banner_slider .nav { bottom: auto; top: -50px; left: 120px; right: auto}

.banner_slider .nav button { background-color: #eef0f5; width: 32px; height: 32px; line-height: 32px; box-shadow: none; } 

.banner_slider .nav .prev:before,
.banner_slider .nav .next:before,
.banner_slider .nav .play:before,
.banner_slider .nav .pause:before { font-size: 16px; color: #2c3446; font-family: 'FontAwesomeS'; text-align: center; line-height: 34px; display: block; } 

.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; } 
 }