@charset "utf-8";
/* 서브레이아웃 */
#scontainer { width:100%; max-width:1440px; margin:50px auto 100px;  }	

	#sleft { float:left; position:relative; width:320px; margin-right:40px; }
	#sright { float:left; width:calc(100% - 360px); }
	
		#content { width:100%; min-height:300px; }
			
			
			
@media (min-width:1025px) and (max-width:1440px){
	#scontainer { width:100%; min-width:100%; padding:0 15px; box-sizing:border-box; margin:50px auto 100px; }
	
		#content { width:100%; min-height:300px; }
}


@media (min-width:769px) and (max-width:1024px){
#scontainer { width:100%; min-width:100%; margin:0 auto 50px; }
	
	#sleft { float:none; position:relative; width:100%; margin-right:0; }
	#sright { float:none; width:100%; padding:0 30px; box-sizing:border-box; margin-top:50px; }
	
		#content { width:100%; min-height:300px; }
}

@media (min-width:426px) and (max-width:768px){
	#scontainer { width:100%; min-width:100%; margin:0 auto 50px; }
	
		#sleft {  float:none; position:relative; width:100%; margin-right:0;  }
		#sright { float:none; width:100%; padding:0; box-sizing:border-box; }
	
			#content { width:100%; min-height:300px; padding:0 15px; box-sizing:border-box; }
}

@media (max-width:425px){
	#scontainer {  width:100%; min-width:100%; margin:0 auto 50px; }
	
		#sleft {float:none; position:relative; width:100%; margin-right:0; }
		#sright { float:none; width:100%; padding:0; box-sizing:border-box; }
	
			#content { width:100%; min-height:300px; padding:0 15px; box-sizing:border-box; }
}


/* 의원개별 SNS */
#content .snsBtn { width:100%; }
#content .snsBtn ul { width:100%; overflow:hidden; }
#content .snsBtn ul li { float:left; margin-right:15px; }
#content .snsBtn ul li:last-child { margin-right:0; }



/* 서브비주얼 */
.svisible { position:relative; width:100%; }
.svisible .pic .pc { border-radius:16px; overflow:hidden; }
.svisible .pic img { width:100%; }
.svisible .pic .mob { display:none; }


.svisible .svisibleBox .info { position:absolute; right:12px; bottom:0; padding:24px; color:#3C3644; border-radius:16px; background:#DFE4ED; font-size:150%; transform:translateY(50%); }
.svisible .svisibleBox .info .name { margin-top:4px; }
.svisible .svisibleBox .info .name strong { color:#58328A; font-size:112.5%; }

.svisible .svisibleBox .depth3 { display:none; }

@media (max-width:1024px){
	.svisible { display:flex; width:calc(100% - 48px); padding:24px; background:#DFE4ED; }
	.svisible .pic { width:50%; max-width:320px; }

	.svisible .svisibleBox { width:calc(100% - 340px); margin-left:20px; }
	.svisible .svisibleBox .info { position:static; display:flex; align-items:end; background:none; padding:0; transform: translateY(0); }
	.svisible .svisibleBox .info .name { margin-left:16px; }
	.svisible .svisibleBox .depth3 { display:block; box-sizing:border-box; background:#fff; padding:16px; border-radius:16px; margin-top:12px; }
}

@media (max-width:768px){
	.svisible .pic { width:120px; }
	.svisible .pic .pc { display:none; }
	.svisible .pic .mob { display:block; }

	.svisible .svisibleBox { width:calc(100% - 140px); }
}

/* 페이지타이틀 */
.pagetitle { position:relative; width:100%; height:100px; border-bottom:1px solid #eee; margin-bottom:50px; }

.pagetitle .path { position:absolute; left:5px; bottom:15px; font-size:90%; color:#888; }
.pagetitle .path img { position:relative; top:4px; }

.pagetitle h1 { padding:0 0 0 5px; font-weight:700; font-size:250%; color:#000; }

.pagetitle .snsbtn { position:absolute; right:0; bottom:10px; height:35px; }
.pagetitle .snsbtn ul { height:35px; overflow:hidden;}

.pagetitle .snsbtn ul.pcTabletBtn { display:block; }
.pagetitle .snsbtn ul.mobileBtn { display:none; }

.pagetitle .snsbtn ul li { float:left; margin-left:10px; }


@media (min-width:769px) and (max-width:1024px){		
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:5px; }
	
}

@media (max-width:768px){
	.pagetitle { height:110px; border-bottom:none; }
	.pagetitle .path { position:static; width:100%; height:55px; line-height:55px; padding-left:10px; padding-right:80px; border-top:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box; background:#f9f9f9; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.pagetitle .path img { position: relative; top:19px; }
	
	.pagetitle h1 { padding:38px 15px 0 15px; font-weight:700; font-size:200%; color:#000; }

	
	.pagetitle .snsbtn { position:absolute; right:5px; top:10px; }
	
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:5px; }
}




/* 인사말 */
.greeting { flex-direction:column; gap:0; }
.greeting p { margin-bottom:.5em; }
.greeting .txt1 { font-weight:700; font-size:150%; color:#662498; }


/* 의원 프로필 */
#content .profile { word-break:keep-all; }
.profile .small { font-size:87.5%; color:#888; }
#content .profile h3,#content .profile h4 { background:0; padding:0; }

#content .profile h3 { font-size:225%; letter-spacing:0.25px; }
#content .profile h4 { font-size:162.5%; line-height:72px; }

.profile h4::before { position:absolute; left:0; content:''; width:72px; height:72px; background:#6C829C no-repeat center; border-radius:12px; box-shadow:5px 5px 20px rgba(18,53,95,0.3); }

.profile h4:nth-child(1)::before { background-image:url(/images/mbrh/ico_s_profile.png); }
.profile h4:nth-child(3)::before { background-image:url(/images/mbrh/ico_s_history.png); }

.profile div { position:relative; padding-left:104px; }

.profile h3 ~ p { padding:0 0 0 10px; border-left:2px solid #555; }

.profile dl,
.profile div ul { font-size:112.5%; }

.profile dl { display:flex; flex-wrap:wrap; }
.profile dl dt { width:160px; background:#fafafa; padding:16px 0 16px 12px; }
.profile dl dt:nth-child(1) { border-top:2px solid #555; }
.profile dl dd:nth-child(2) { border-top:2px solid #555; }
.profile dl dd { width:calc(100% - 160px); padding:16px 0 16px 12px; border-bottom:1px solid #ddd; }

.profile dl dd a.tel2:link,                                   
.profile dl dd a.tel2:visited { color:#555; transition:0.3s; }

.profile dl dd a.tel2:hover,                                             
.profile dl dd a.tel2:active,                                            
.profile dl dd a.tel2:focus { color:#4B5FA6; text-decoration:underline; }

.profile div ul li { line-height:1.5; margin:0 0 8px; }

@media (max-width:768px){
	#content .profile h3 { font-size:200%; }
	#content .profile h4 { font-size:150%; line-height:48px; }
	.profile h4::before { position:relative; display:inline-block; width:48px; height:48px; vertical-align:middle; background-size:80%; box-shadow:2px 2px 10px rgba(18,53,95,0.3); margin-right:10px; }

	.profile div { padding-left:0; }

	.profile dl,
	.profile div ul { font-size:100%; }
}



/* 회기일정 */
.schedule { width:100%; } 
.schedule .resultAgenda span { padding-right:15px; }

.schedule .monthselect { width:280px; text-align:center; margin:0 auto 10px; } 
.schedule .monthselect .yearmonth { position:relative; top:-7px; padding:0 20px; font:140% Arial, Helvetica, sans-serif; color:#000; display:inline-block; }
.schedule .monthselect .yearmonth strong { position:relative; top:2px; padding-left:10px; font-size:130%; color:#113d8e; display:inline-block; }
.schedule .monthselect a { vertical-align:top; display:inline-block; }

/* 달력 */
.agendaSchedule { width:100%; } 
.schedule .asleft table { border-collapse: separate; border-top:2px solid #323f5c; }
.schedule .asleft table th { width:14.2%; height:40px; line-height:40px; border-bottom:1px solid #ddd; color:#333; }
.schedule .asleft table th.sun,
.schedule .asleft table th.sat { width:14.5%; }
.schedule .asleft table .sun { color:#da131a; }
.schedule .asleft table .sat { color:#1757b7; }

.schedule .asleft table td { height:50px; line-height:50px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 10px; box-sizing:border-box; background:#fff; color:#555; text-align:center; vertical-align:top; }
.schedule .asleft table td:last-child { border-right:1px solid #ddd; }

.schedule .asleft table td.none { background:#fafafa; } 

.schedule .asleft table td.today { text-decoration:underline; font-weight:bold; color:#000; font-size:110%; }
.schedule .asleft table td.today a { color:#fff; text-decoration:underline; font-weight:bold; font-size:110%; display:block; }

.schedule .asleft table td.onday { background:#add5f7; }
.schedule .asleft table td.onday a { color:#113d8e; }

.schedule .asleft table td div.on { width:100%; height:30px; border-radius:5px; background:#888; overflow:hidden; margin-top:5px; }
.schedule .asleft table td div.on a { line-height:30px; color:#fff; font-weight:normal; !important; font-size:95%; }


.schedule .asview table td { line-height:1.5; }
.schedule .asview .cth1 { width:20%; }
.schedule .asview .cth2 { width:10%; }
.schedule .asview .cth3 { width:50%; }
.schedule .asview .cth4 { width:20%; }




@media (max-width:570px){
	.schedule .asleft table td { height:50px; }
	.schedule .asleft table td div.on { display:none; }
}






/* 전화링크 */
.tel:link,
.tel:visited { color:#555; display:inline-block; }
.tel:active,
.tel:focus,
.tel:hover { color:#333; }

.tel2:link,
.tel2:visited { color:#ccc; display:inline-block; }
.tel2:active,
.tel2:focus,
.tel2:hover { color:#fff; }


.tel3:link,
.tel3:visited { color:#fff; display:inline-block; }
.tel3:active,
.tel3:focus,
.tel3:hover { color:#ddd; }













/* 포토게시판 보기 */
.photo_view { width:100%; margin-bottom:20px;  }
.photo_view .photoTop { position:relative; width:100%; height:60px; line-height:60px; padding:0 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; background:#f9f9f9; margin-bottom:20px; }
.photo_view .photoTop h1 { float:left; width:calc(100% - 110px); color:#000; font-weight:700; font-size:130%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.photo_view .photoTop p { float:right; width:110px; color:#666; text-align:right; font-size:110%; }

.photo_view .photo_area { position:relative; width:100%; padding:30px; box-sizing:border-box; background:#f1f1f1; text-align:center; overflow:hidden; margin-bottom:30px;  }

.photo_view .photo_area .slider-for { width:100%; display:block; margin-bottom:50px; }
.photo_view .photo_area .slider-for .slick-slide { float:left; display:block; }
.photo_view .photo_area .slider-for .slick-slide a { width:100%; height:100%; display:block; }
.photo_view .photo_area .slider-for .slick-slide img { width:100%; }

.photo_view .photo_area .slider-for .slick-slide a.fileDown:link,
.photo_view .photo_area .slider-for .slick-slide a.fileDown:visited { position:absolute; left:calc(50% - 50px); bottom:10px; width:100px; height:26px; line-height:26px; border-radius:3px; background:#1757b7; color:#ccc; font-size:90%; display:block; z-index:1000000000; }
.photo_view .photo_area .slider-for .slick-slide a.fileDown:active,
.photo_view .photo_area .slider-for .slick-slide a.fileDown:focus,
.photo_view .photo_area .slider-for .slick-slide a.fileDown:hover { color:#fff; }

.photo_view .photo_area .slider-nav { width:calc(100% - 70px); margin:0 auto; }
.photo_view .photo_area .slider-nav .slick-slide { float:left; }
.photo_view .photo_area .slider-nav .slick-slide img { width:100px !important; height:67px !important; cursor:pointer; }
.photo_view .photo_area .slider-nav .slick-track { float:left; }
.photo_view .photo_area .slider-nav .slick-list { z-index:99;}

			/* 이전 다음 */
.photo_view .photo_area .slick-prev, 
.photo_view .photo_area .slick-next { position:absolute; top:50%; display:block; width:15px; height:26px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent; }

.photo_view .photo_area .slick-prev { left:-50px; background:url(/images/common/calendar_btn_prev.gif) no-repeat; }
.photo_view .photo_area .slick-next { right:-50px; background:url(/images/common/calendar_btn_next.gif) no-repeat; }


			/* Dots 메인 서브  */
.photo_view .slick-dotted.slick-slider {  }
.photo_view .slick-dots { position:absolute; bottom:80px; width:100%; color:#113d8e; font-weight:bold; font-size:110%; text-align:center; display:block; border:none; z-index:1000; }
.photo_view .slick-dots li { position: relative; width: 20px; height:20px; display:inline-block; margin:0 3px; padding:0; cursor: pointer; border:none; }
.photo_view .slick-dots li button { font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent; }
.photo_view .slick-dots li button:hover,
.photo_view .slick-dots li button:focus {  outline: none; }
.photo_view .slick-dots li button:hover:before,
.photo_view .slick-dots li button:focus:before { opacity: 1;}
.photo_view .slick-dots li button:before {  position: absolute; top: 0; left: 0;  width: 20px; height: 20px; font-family: 'arial'; font-size:30px; line-height: 20px;  content: '●'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.photo_view .slick-dots li.slick-active button:before { opacity: .75; color: black; }

.photo_view .photoContent { width:100%; padding:15px 15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; line-height:1.5; }
.photo_view .photoContent li { width:100%; padding:10px 0 10px 0; border-bottom:1px solid #eee; line-height:1.3; overflow:hidden; display:block; }
.photo_view .photoContent li strong { float:left; width:120px; padding-left:17px; background:url(/images/common/blt_h5.gif) no-repeat 0 10px; color:#333; }
.photo_view .photoContent li span { float:left; width:calc(100% - 120px); }
.photo_view .photoContent li:last-child { border:none; }
.photo_view .photoContent li .subject { color:#113d8e; font-weight:bold; }


@media (max-width:768px){
	.photo_view .photoTop { height:auto; line-height:1.3; padding:15px 20px 15px 20px; }
	.photo_view .photoTop h1 { float:none; width:100%; overflow:visible; text-overflow:clip; white-space:normal; margin-bottom:7px; }
	.photo_view .photoTop p { float:none; width:100%; text-align:left; }


	.photo_view .photo_area { padding:15px; }

	.photo_view .photo_area .slider-nav .slick-slide img { width:80px !important; height:54px !important; }
	
	.photo_view .photo_area .slick-prev { left:-35px; }
	.photo_view .photo_area .slick-next { right:-35px; }

	.photo_view .slick-dots { bottom:67px; }

	.photo_view .photoContent li strong { width:90px; }
	.photo_view .photoContent li span { width:calc(100% - 90px); }
}