@charset "utf-8"; .m_content { position: relative; } 

/* 공통타이틀 */

.m_tit { position: relative; padding: 0 10px; } 
.m_tit h3 { font-family: var(--paperlogy_font); font-weight: 600; font-size: 140%; } 
.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 { font-size: 130%; margin-bottom: 25px; display:block; margin: 0 auto; } 
.m_tit.tac h3 { font-weight: 500; } 
.m_tit.tac h3, .m_tit.tac p { text-align: center; } 
.m_tit.tac p { font-size: 80%; font-weight:400; } 



.m_visual { position: relative; background: linear-gradient(90deg, #0b51a1,#26a83e); padding: 70px 0 70px 0; } 
.m_visual::before { content: ''; position: absolute; left:0; right: 0; bottom: 0; height: 380px; background:#fff; } 
.m_visual::after { content: ''; position: absolute; right: 0; top: 0; width: 130px; height: 260px; background-image: url(/_bolawmaker/images/main/patten01.png); background-repeat: no-repeat; } 

.lawmaker_photo { display: block; padding: 10px 20px; z-index: 10; position: relative; } 
.lawmaker_photo img { background: linear-gradient(-180deg, #ececf5, #e0e0ec); border-radius: 100px 25px 25px 25px; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3); } 
.lawmaker_con { position: relative; padding-left: 6%; } 
.lawmaker_con > .lawmaker_ment { display: block; font-size: 170%; font-family: var(--paperlogy_font); color: #fff; font-weight: 600; padding: 2% 0 5% 0; line-height: 60px; } 
.lawmaker_con .lawmaker_ment > span { font-size: 230%; font-weight: 700; color:#9afff0; } 
.lawmaker_con .lawmaker_ment > span > em { font-size: 50%; font-weight: 500; color: #fff; } 

.profile_box { position: relative; display: block; border-radius: 10px; padding: 6% 0; } 
.profile_box::before { content: ''; position: absolute; right: 0; bottom: 0; top: 0; left: -1500px; background-color: #14105d; box-shadow:6px 6px 25px rgba(0, 0, 0, 0.5); z-index: 1; border-radius: 25px 200px 25px 25px; background-image: url(/_bolawmaker/images/contents/sub01_patten01.png); background-repeat: no-repeat, no-repeat; background-position: 100% 0, right 0px; background-size: auto 38%, 210px auto; } 

.profile_box .dl_flex { position: relative; font-family: var(--paperlogy_font); font-weight: 500; font-size: 140%; z-index: 10; width: 85%; } 
.profile_box .dl_flex+.dl_flex { border-top: 1px solid rgba(255, 255, 255, 0.1); } 

.profile_box .dl_flex dt,
.profile_box .dl_flex dd { line-height: 60px; text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); white-space: nowrap; } 
.profile_box .dl_flex dt { color: rgba(255, 255, 255, 0.8); position: relative; padding-left: 38px; min-width: 100px; color: #b8b8b8; letter-spacing: 0.05em; } 
.profile_box .dl_flex dt::before { content: ''; position: absolute; width: 5px; height: 5px; background-color: rgba(255, 255, 255, 0.85); border-radius: 50%; top: 27px; left: 20px; } 

.profile_box .dl_flex dd { color: #fff } 
.profile_box .dl_flex dd em { font-size: 70%; font-weight: 400; padding-left: 5px; letter-spacing: 0.05em; } 


@media only screen and (max-width: 1300px){
 .lawmaker_con { padding-left: 5%; font-size: 90%; } 
 }
@media only screen and (max-width: 1200px){
 .lawmaker_intro::before { left:15px; top:100px; } 
 .lawmaker_intro::after { top:100px } 
 .lawmaker_con { padding-left: 0%; } 
 .lawmaker_photo, .lawmaker_ment { text-align: center; } 
 .lawmaker_intro .wrap_container { padding-top: 0 !important; } 
 .profile_box { margin-left: 5%; } 
 }
@media only screen and (max-width: 761px){
 .lawmaker_con>.lawmaker_ment { line-height: 46px; } 
 .profile_box .dl_flex { width: 95%; } 
 .profile_box .dl_flex dt, .profile_box .dl_flex dd { line-height: 45px; font-weight: 500; } 
 .profile_box .dl_flex dt::before { top:20px; left:7px } 
 .profile_box .dl_flex dt { letter-spacing: -0.1em; padding-left: 20px; } 
 .sns_list a { line-height: 25px; } 
 .sns_list a img { width:25px; height: 25px; } 
 .profile_box::before { border-radius: 25px 70px 25px 25px; background-image: none; } 
 }

@media only screen and (max-width: 540px){
 .lawmaker_con>.lawmaker_ment { font-size: 135%; padding: 2% 0 3% 0; } 
 .profile_box { font-size: 85%; } 
 }




/* 의원명 타이틀 */
.title_area { display: block; font-family: var(--paperlogy_font); letter-spacing: -0.05em; padding-top: 40px;} 
.title_area h3 { font-size: 250%; color: #22263b; font-weight: 700; display: block; line-height: 40px; position: relative; white-space: nowrap; z-index: 1; } 
.title_area p { color: #098520; display: block; font-size: 190%; font-weight: 700; display: block; margin-top: 20px; margin-bottom: 20px; } 

@media only screen and (max-width: 991px){
 .title_area h3 { font-size: 180%; text-align: center; } 
 .title_area p { margin-top: 0; text-align: center; font-size: 150%; } 
 }


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

/* 아이콘 바로가기 */
.m_goto { margin-bottom: 3%; } 
.m_goto::before { content: ''; position: absolute; right: 16px; top: -100px; width: 300px; height: 300px; background-image: url(/_bolawmaker/images/main/mark.png); background-repeat: no-repeat; background-size: 100% auto; } 
.m_goto .row { align-items: center; } 
.m_goto .title_area h3 strong { font-size: 130%; position: relative; margin-right: 10px; } 
.m_goto .title_area h3 strong::before { content: ''; position: absolute; left: -10px; right: -10px; height: 28px; bottom: 5px; border-radius: 20px; background-color: #e5efe6; z-index: -1; } 


.main_goto { display: block; } 
.main_goto ul { display: flex; justify-content: space-around; margin: 0 0; width: 100%; flex-wrap: wrap; } 
.main_goto ul li { flex: 1 0 auto; width: 25%; text-align: center; transition: all 0.3s ease-in-out; padding: 30px 0 } 
.main_goto ul li a { display: block; text-align: center; } 
.main_goto ul li a span { display: block; font-family: var(--paperlogy_font); font-size: 120%; font-weight: 500; padding: 5px 0; transition: all 0.9s; line-height: 50px; color: #1e2653; } 
.main_goto ul li a img { transition: all 0.9s; margin: 0 10px } 


 
.main_goto ul li:hover { background-color:#e5efe6; border-radius: 30px; margin-top: -10px } 

@media only screen and (max-width: 991px){
 .m_goto .title_area h3 strong::before { height: 15px; } 
 }

@media only screen and (max-width: 750px){
 .m_visual { padding: 40px 0 0 0;; } 
.m_visual .wrap_container { margin: 0; padding: 0; } 
.m_visual::before { height: 175px; } 

@media only screen and (max-width: 550px){
 .main_goto ul li { flex: 0 1 50%; } 
 
 .main_goto ul li a span { font-size: 110%; line-height: 30px; } 
 .m_visual { padding: 50px 0 10px 0; } 
 } 
 }



/* 포토갤러리 영역 */

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

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

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

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

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

.m_gallery { overflow: hidden; background-color: #ecfcee; } 
.m_gallery::before { content: ''; position: absolute; width: 100%; height: 364px; right: 0px; bottom: 0px; background: linear-gradient(90deg, #0b51a1, #26a83e); } 
.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; } 
.m_gallery .m_tit p { position: relative; z-index: 3; } 

.m_gallery .m_tit h3 span { color: #098520; font-weight: 700; } 
.m_gallery .m_tit::after { content: ''; position: absolute; width: 109px; height: 116px; background: url(/_bolawmaker/images/main/m_patten04.png) center center no-repeat; right:40%; 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: #fff; border-radius: 15px; overflow: hidden; padding: 15px; transition: all 0.3s; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } 
.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; } 
.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; } 
 }



.mobile_logo { padding: 15px; } 

.mobile_menu { display: none; position: fixed; top: 0px; right: -360px; width: 360px; height: 100%; overflow: auto; background: rgba(255, 255, 255, 1); box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1); z-index: 10003; } 
.logo h1 strong span { font-size: 13px; } 
ul.m_menu { margin-top: 5px; font-family: var(--paperlogy_font); } 

ul.m_menu>li { border-top: 1px solid rgba(0, 0, 0, 0.1); } 

ul.m_menu>li>a { display: block; height: 50px; line-height: 50px; padding: 0 0 0 30px; font-size: 18px; font-weight: 500; letter-spacing: -1px; color: #222; position: relative } 

ul.m_menu>li.keep>a:before,
ul.m_menu>li.open>a:before { content: ''; position: absolute; display: block; width: 2px; height: 14px; right: 31px; top: 50%; margin-top: -7px; background: rgba(0, 0, 0, 0.2); transition: all .3s ease } 

ul.m_menu>li.keep>a:after { content: ''; position: absolute; display: block; width: 14px; height: 2px; right: 25px; top: 50%; margin-top: -1px; background: rgba(0, 0, 0, 0.2); padding-left: 0 } 

ul.m_menu>li.open>a:before { transform: rotate(90deg) } 

ul.m_menu>li:first-child { border-top: 0 } 

ul.m_menu>li>ul.submn { background: #f6f7fa; display: none; } 

ul.m_menu>li>ul>li { border-top: 1px solid rgba(0, 0, 0, 0.1); } 

ul.m_menu>li>ul>li>a { display: block; line-height: 15px; font-size: 16px; font-weight: normal; padding: 15px 10px; padding-left: 40px; position: relative; color: #777 } 

ul.m_menu>li>ul>li>a:before { position: absolute; right: 25px; } 

ul.m_menu>li>ul>li>a.off { font-weight: bold; } 

ul.m_menu>li>ul>li>a.on:before { content: '\f078'; } 

ul.m_menu>li>ul>li>a.off:before { content: '\f077' } 

ul.m_menu>li>ul>li>ul.childes { display: none; padding: 10px 30px 10px 40px; background: #e7e9f1; border-top: 1px dashed rgba(0, 0, 0, 0.1) } 

ul.m_menu>li>ul>li>ul>li>a { height: 25px; line-height: 25px; font-size: 15px } 

ul.m_menu>li>ul>li>ul>li>a:before { display: inline-block; content: ''; width: 5px; height: 1px; vertical-align: middle; margin-right: 5px; background: rgba(0, 0, 0, 0.3) } 

.mobile_menu .btnWrap { overflow: hidden; background: rgba(0, 0, 0, 0.1); text-align: center; font-size: 110%; line-height: 46px; border: solid rgba(0, 0, 0, 0.1); border-width: 1px 0 } 

.mobile_menu .btnWrap a { float: left; width: 50%; position: relative; } 

.mobile_menu .btnWrap a:nth-child(1):after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; display: block; background: rgba(0, 0, 0, 0.1) } 

.mobile_menu .btnWrap a:before { display: inline-block; margin-right: 5px; } 

.mobile_menu .btnWrap a:nth-child(1):before { content: '\f07a' } 

.mobile_menu .btnWrap a:nth-child(2):before { content: '\f002' }