@charset "utf-8";

/* 레이아웃 */
#gaonwrap { min-width:140rem; width:100%; }

	#cont1 { position:relative; width:100%; max-width:100%; background:linear-gradient(#F9FBFA, #fff); }
		#cont1 .inner { display:flex; justify-content:end; } 
	#cont2 { background:url(/images/mbrh/main/bottom_bg.png) repeat-x center bottom/contain; padding:6rem 0; }
		#cont2 .inner { display:flex; flex-wrap:wrap; }
	#cont3 {  }

@media (max-width:1440px){
	#gaonwrap { min-width:auto; }
}

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

@media (max-width:768px){
}

/* 공통요소 */
h2 { font-size:4rem; }
.btn-more { position:absolute; right:0; top:0; display:flex; align-items:center; justify-content:center; width:5rem; height:5rem; border-radius:200rem; background:#fff; border:1px solid #ddd; }
.btn-more::before { display:block; content:''; width:2.4rem; height:2.4rem; background:url(/images/mbrh/main/btn_more.png) no-repeat center; }

@media (max-width:1024px){
	h2 { font-size:2.6rem; }
	.btn-more { width:3.6rem; height:3.6rem; }
}

/* 메인비주얼 */
.mVisible { position:absolute; left:0; top:0; max-width:calc(60% - 8rem); width:100%; height:100%; box-shadow:.2rem 1rem 1rem rgba(0,0,0,.1); border-radius:0 0 30rem 0; background:#ddd; overflow:hidden; }
.mVisible img { width:100%; height:100%; object-fit:cover; }

@media (min-width: 1920px) and (max-width:7680px){
	.mVisible { max-width:50%; }
}


@media (max-width:1024px){
	.mVisible { position:static; max-width:100%; padding-top:; }
}

/* 프로필 | 의원정보 */
.mProfile { max-width:40%; width:100%; margin:6.4rem 0 8rem 0; }
.mProfile p { position:relative; font-size:3.2rem; margin-top:2.4rem; }
.mProfile p::after { position:absolute; right:0; width:50%; height:100%; content:''; background:url(/images/mbrh/main/cont1_deco.png) no-repeat center/contain; }
.mProfile p strong { font-size:1.5em; color:#216156; }

.mProfile img { max-width:100%; }

.mProfile dl { display:flex; align-items:stretch; flex-wrap:wrap; width:100%; margin:5.6rem 0; }
.mProfile dl dt { width:10rem; padding:1.2rem 1.6rem; color:#888; border-bottom:1px solid #ddd; }
.mProfile dl dd { width:calc(100% - 10rem); padding:1.2rem 1.6rem; color:#111; border-bottom:1px solid #ddd; }

@media (max-width:1024px){
	.mProfile { max-width:100%; margin-bottom:1.6rem; }
	.mProfile dl { margin:1.2rem 0 0; }
}

@media (max-width:768px){
	.mProfile p { font-size:2.4rem; margin-top:1.2rem; }
}

/* SNS */
.mSns { position:absolute; right:8rem; padding:1.2rem 2.4rem; border-radius:0 0 5rem 5rem; box-shadow:0 0 1rem rgba(0,0,0,.2); background:#fff; }
.mSns li { margin-bottom:1.6rem; }
.mSns a { display:flex; align-items:center; justify-content:center; width:5rem; height:5rem; border-radius:100%; border:1px solid #ddd; }

@media (max-width:1024px){
	.mSns { position:static; padding:0; box-shadow:none; border-radius:0; }
	.mSns ul { display:flex; justify-content:space-between; }
}


/* 발의의안 */
.mBill { position:relative; max-width:80rem; width:calc(100% - 60rem); margin-right:12rem; }
.mBill ul { display:flex; flex-wrap:wrap; }
.mBill ul li { width:50%; }
.mBill ul li > * { display:flex; width:100%; height:100%; padding:3rem 2rem; border-bottom:1px solid #ddd; transition:.4s ease-in }

.mBill ul a { align-items:start; }
.mBill ul a:hover,
.mBill ul a:focus { background:#FFF9F4; border-color:#ED7B29; }
.mBill ul a:hover .tit,
.mBill ul a:focus .tit { color:#A22E0B; }

.mBill ul a .date { display:flex; flex-direction:column; align-items:center; font-size:2.2rem; letter-spacing:20%; color:#666; margin-right:2.4rem; }
.mBill ul a .date strong { font-size:1.27em; letter-spacing:0; color:#111; }

.mBill ul a .tit { line-height:1.5; height:3em; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:.4s ease-in }
.mBill ul a .info-wrap { width:calc(100% - 10rem); }
.mBill ul a .bill-info { width:100%; display:flex; justify-content:space-between; color:#888; font-size:1.7rem; margin-top:.8rem; }

.mBill ul li > .none { align-items:center; justify-content:center; color:#666; }

@media (max-width:1024px){
	.mBill { max-width:100%; width:100%; margin-right:0; margin-bottom:4.8rem; }
	.mBill ul li { width:100%; }
	.mBill ul li > * { padding:2.4rem 1.6rem; }
	.mBill ul a .date { font-size:2rem; }
}


/* 보도자료 */
.mNews { position:relative; max-width:48rem; width:100%; }
.mNews .news-item { position:relative; width:100%; border-radius:1.6rem; overflow:hidden; }
.mNews .pic { position:relative; padding-top:56.25%; overflow:hidden; }
.mNews .pic img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }
.mNews .bar { position:absolute; bottom:0; display:flex; flex-direction:column; width:100%; padding:16rem 1.6rem 1.6rem; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8)); }
.mNews .bar .tit { color:#fff; font-size:2.2rem; }
.mNews .bar .date { color:#ddd; }

.mNews .none .bar { background:transparent; text-align:center; color:#666;   -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }


@media (max-width:1024px){
	.mNews { max-width:100%; }
}



/* 의정활동 || 의정활동사진, 의정활동영상 */
.mActive { position:relative; width:100%; margin-top:5.6rem; }

.mActive button { background:transparent; }
.mActive .tab-item { margin-bottom:4rem; }
.mActive button h2 { margin-bottom:0; }
.mActive .btn-wrap { position:absolute; top:-8.4rem; right:0; display:flex; align-items:center; }
.mActive .btn-wrap button { width:2.4rem; height:2.4rem; font-size:0; margin-right:8px; }
.mActive .btn-more { position:static; }

.mActive .btn_prev,
.mActive .btn_next { width:5.6rem; height:5.6rem; border-radius:2.8rem; font-size:0; display:block; background:no-repeat center; }

.mActive .btn_prev { background-image:url(/images/council/main/visible_btn_prev.gif); }
.mActive .btn_next { background-image:url(/images/council/main/visible_btn_next.gif); }

.mActive .btn_play { border:0; background:url(/images/council/main/visible_btn_pause.gif) no-repeat center; }
.mActive .btn_play.on { background:url(/images/council/main/visible_btn_play.gif) no-repeat center;  }



.mActive > ul { display:flex; justify-content:center; padding-bottom:27rem; }
.mActive li { padding-right:24px; }
.mActive li:not(:last-child)::after { position:absolute; top:20px; left:calc(50% - 16px); display:block; content:''; width:8px; height:8px; background:#ddd; border-radius:16px; }
.mActive li > div { display:none; }

.mActive .on h2 { color:#216156; }
.mActive .on > div { display:block; }

.mActive .photo-wrap,
.mActive .vod-wrap { position:absolute; left:0; width:100%; }

.mActive .slick-slide { margin:0 1rem; }
.mActive .slick-list { margin:0 -1rem; }

.mActive .list .item a { display:block; width:100%; }
.mActive .list .item .pic { position:relative; padding-top:56.25%; border-radius:1.6rem; overflow:hidden; }
.mActive .list .item .pic::before { position:absolute; top:100%; left:0; z-index:1; content:''; width:100%; height:100%; background:rgba(0,0,0,.5) url(/images/mbrh/main/ico_more.png) no-repeat center; transition:.4s; }
.mActive .list .item img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }
.mActive .list .item .bar { padding:1.2rem; }
.mActive .list .item strong { display: block; width: 100%; font-size:2rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom:4px; }
.mActive .list .item .date { color:#888; }

.mActive .list .item a:hover .pic::before,
.mActive .list .item a:focus .pic::before { top:0; }


.mActive .list .item.none .bar { color:#888; text-align:center; font-size:1.8rem; }

@media (max-width:1024px){
	.mActive > ul { padding-bottom:75%; }
}

@media (max-width:768px){
	.mActive .tab-item { margin-bottom:6.4rem; }
	.mActive .btn-wrap { top:-4.8rem; left:50%; width: fit-content; transform:translateX(-50%); }
}