@charset "utf-8";


#cont1 { padding:4rem 0 6.4rem; overflow:hidden; }
#cont2 { padding:6.4rem 0; }
#cont3 { position:relative; padding:8rem 0; background:linear-gradient(#535E83, #13151D); }
#cont3::before { position:absolute; bottom:0; left:0; content:''; width:100%; height:50%; background:#fff; }


section h2 { font-size:4rem; }
section .btn-more { width:4rem; height:4rem; background:url(/images/mbrh/main/ico_more.svg) no-repeat center/contain; }

@media (max-width:1024px){
	section h2 { font-size:2.8rem; }
}

/* 의원 메인비주얼 */
#cont1 .inner { position:relative; display:flex; justify-content:space-between; }
.mVisible { position:relative; max-width:60rem; width:50%; box-shadow:.4rem 1rem 3rem rgba(0,0,0,.2); border-radius:.8rem .8rem 4rem .8rem; overflow:hidden; }
.mVisible img { width:100%; height:100%; object-fit:cover; }

@media (max-width:1024px){
	#cont1 .inner { flex-direction:column; }
	.mVisible { max-width:100%; width:100%; }
}


/* 의원정보 */
.mProfile { max-width:calc(100% - 66.4rem); width:50%; }
.mProfile .btn-wrap { position:absolute; left:0; top:4rem; display:flex; flex-direction:column; transform:translateX(-100%); }
.mProfile .btn-wrap a { display:flex; flex-direction:column; align-items:center; width:12rem; padding:2rem 0; background:#fff; border-radius:1.2rem 0 0 1.2rem; border:1px solid #DEE5F1; box-shadow:0 .4rem 1rem rgba(0,0,0,.1); color:#0D4D90; margin-bottom:1.2rem; }
.mProfile .btn-wrap a i { display:block; width:1.8rem; height:1.8rem; background:no-repeat center/contain; margin-bottom:.8rem; }
.mProfile .btn-wrap a i.ico-greet { background:url(/images/mbrh/main/ico_greeting.svg); }
.mProfile .btn-wrap a i.ico-profile { background:url(/images/mbrh/main/ico_profile.svg); }

.mProfile .pf-head::before { position:absolute; right:-26rem; top:-4rem; width:100%; height:calc(100% + 4rem); content:''; background:url(/images/mbrh/main/profile_bg.png) no-repeat right/contain; }
.mProfile .pf-head::after { position:absolute; left:-4rem; top:2.4rem; width:.6rem; height:calc(100% - 8.8rem); content:''; background:#FFE98F; }

.mProfile .pf-head { position:relative; width:100%; padding:2.4rem 0 6.4rem; }
.mProfile .pf-head .slogan img { max-width:100%; }
.mProfile .name { font-size:3.2rem; }
.mProfile .name strong { font-size:1.5em; color:#0D4D90; }


.mProfile dl { position:relative; display:flex; flex-wrap:wrap; }
.mProfile dl::before { position:absolute; right:-26rem; top:0; width:225%; height:calc(100% + 4.8rem); content:''; border-radius:6.4rem 0 0 6.4rem; background:#F3F4F6; z-index:-1; }
.mProfile dt,
.mProfile dd { padding: 1.2rem 0 1.2rem 1.6rem; border-bottom:1px solid #ddd; }
.mProfile dt { width:12rem; color:#888; }
.mProfile dd { width:calc(100% - 12rem); }

.mProfile dd span { color:#666; font-size:1.5rem; word-break:keep-all; }

.mProfile .sns-list { display:flex; }

@media (max-width:1024px){
	.mProfile { position:relative; max-width:100%; width:100%; padding-top:8rem; }
	
	.mProfile .pf-head { padding:2.4rem 0 2.4rem 2rem; }
	.mProfile .pf-head::before { display:none; }
	.mProfile .pf-head::after { left:0; height:calc(100% - 4.8rem); }

	.mProfile .name { font-size:2.6rem; }
	
	.mProfile dt { width:10rem; }
	.mProfile dd { width:calc(100% - 10rem); }
	
	.mProfile .btn-wrap { width:100%; flex-direction:row; transform:translateX(0); }
	.mProfile .btn-wrap a { flex-direction:row; justify-content:center; width:50%; padding:.8rem 0; border-radius:0; box-shadow:none; }
	.mProfile .btn-wrap a i { margin:0 .4rem 0 0; }
}

@media (max-width:600px){
	.mProfile dd span { display:block; }
}


/* 의안 */
#cont2 .inner { display:flex; justify-content:space-between; }
.mBill { position:relative; width:calc(50% - 4rem); }
.mBill .btn-more { position:absolute; top:0; right:0; }

.mBill h2 { color:#2562BD; }

.mBill ul { display:flex; flex-direction:column; }
.mBill ul li {  box-shadow:.4rem .4rem 1rem rgba(0,0,0,.1); margin-bottom:1.2rem; }
.mBill ul li:last-child { border-radius:0 0 2rem 0; }
.mBill ul li:last-child a { border-radius:0 0 2rem 0; }
.mBill ul li .none,
.mBill ul li a { display:flex; align-items:start; justify-content:space-between; width:100%; padding:2.8rem 2.4rem; border:1px solid #D4D9F9; transition:.4s; }
.mBill ul li a div { width:calc(100% - 10rem); }
.mBill ul li .date { font-size:2.2rem; text-align:center; letter-spacing:.2rem; color:#777; }
.mBill ul li .date b { display:block; font-size:1.25em; letter-spacing:0; color:#111; }

.mBill ul li .tit { display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size:1.9rem; line-height:1.5; transition:.4s; }
.mBill ul li .sub-tit { color:#777; margin-top:1rem; }

.mBill ul li a:hover,
.mBill ul li a:focus { background:#FFF9F4; border-color:#ED7B29; }

.mBill ul li a:hover .tit,
.mBill ul li a:focus .tit { color:#A22E0B; }

.mBill ul li .none { background:#f5f5f5; }

@media (max-width:1024px){
	#cont2 .inner { flex-direction:column; }
	.mBill { width:100%; margin-bottom:3.2rem; }
}


/* 의정활동사진 */
.mPhoto { position:relative; }
.mPhoto h2 { position:absolute; left:calc(40% + 6.4rem); color:#fff; }
.mPhoto img { width:100%; }

.mPhoto .btn-wrap { position:absolute; left:40%; bottom:50%; z-index:1; display:flex; align-items:center; padding:.4rem 2rem .4rem 6.4rem; border-radius:0 2.4rem 0 0; background:#fff; }

.mPhoto .photo-wrap { position:relative; overflow:hidden; }

.mPhoto .photo-nav { position:absolute; right:0; bottom:0; width:calc(60% - 6.4rem); margin-left:6.4rem; }
.mPhoto .photo-nav .photo-item > * { width:100%; }

.mPhoto .photo-for { width:100%; }
.mPhoto .photo-for .photo-item { width:40% !important; overflow:visible; }
.mPhoto .photo-for .photo-item .pic {  }

.mPhoto .photo-for .photo-item .bar { position:absolute; left:calc(40% + 6.4rem); top:8.1rem; }
.mPhoto .photo-for .photo-item .tit,
.mPhoto .photo-for .photo-item.none p { font-size:2rem; color:#fff; font-weight:normal; }

.mPhoto .photo-for .photo-item .date { color:#B3B3B3; }

.mPhoto .photo-nav .slick-slide { margin:0 20px; }
.mPhoto .photo-nav .slick-list { margin:0 -20px; }

.mPhoto .photo-item a { width:100%; }
.mPhoto .photo-item .pic { position:relative; padding-top:72%; border-radius:0 0 1.6rem 0; background:#ddd; overflow:hidden; }
.mPhoto .photo-item .pic img { position:absolute; left:50%; top:50%; width:100%; height:100%; object-fit:cover; transform:translate(-50%,-50%); }

.mPhoto .btn-wrap button { width:4rem; height:4rem; font-size:0; }

.mPhoto .btn_prev { background:url(/images/common/slick_btn_prev.png) no-repeat 50% 50% }
.mPhoto .btn_next { right:13rem; background:url(/images/common/slick_btn_next.png) no-repeat 50% 50%; }

.mPhoto .btn_play { background:url(/images/common/slick_btn_pause.png) no-repeat center; }
.mPhoto .btn_play.on { background:url(/images/common/slick_btn_play.png) no-repeat center; }


@media (max-width:768px){
	.mPhoto h2 { position:relative; left:0; }
	.mPhoto .photo-nav { display:none; }
	.mPhoto .photo-for .photo-item { width:100% !important; }
	.mPhoto .btn-wrap { left:auto; right:0; bottom:6.7rem; padding:.4rem 2rem; border-radius:1.2rem 0 0 0; }
	.mPhoto .photo-for .photo-item .bar { position:relative; left:0; top:0; margin-top:1.2rem; }
	.mPhoto .photo-for .photo-item .tit,
	.mPhoto .photo-for .photo-item.none p { color:#222; display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
}