@charset "utf-8";

/* 서브레이아웃 */
#scontainer { width:100%; }
	
	#svisible { width:100%; }		
	
	#scontainerarea { width:1400px; margin:0 auto 100px; }
		#sleft { float:left; width:250px; margin-right:50px; }
		#sright { float:left; width:1100px; }
			#content { width:100%; }

@media (min-width:1025px) and (max-width:1440px){
	#scontainer { width:100%; }
		
		#svisible { width:100%; }
		
		#scontainerarea { width:100%; margin:0 auto 100px; }
			#sleft { float:left; width:250px; margin-right:50px; }
			#sright { float:left; width:calc(100% - 300px); }
				#content { width:100%; }
}



@media (min-width:769px) and (max-width:1024px){
	#scontainer { width:100%; }
		#svisible { width:100%; }
		#scontainerarea { width:100%; padding:0 15px; box-sizing:border-box; margin:0 auto 70px; }
			#sleft { display:none; }
			#sright { float:none; width:100%; padding:0 15px; box-sizing:border-box; }
				#content { width:100%; }
	
}


@media (max-width:768px){
	#scontainer { width:100%; }
		#svisible { display:none; }
		#scontainerarea { width:100%; box-sizing:border-box; margin:0 auto 50px; }
			#sleft { display:none; }
			#sright { float:none; width:100%; box-sizing:border-box; }
				#content { width:100%; padding:0 20px 0 20px; box-sizing:border-box; }
	
}





/* 서브비주얼 */
#svisible { height:200px; background:url(/images/inc/svisible.jpg) no-repeat 50% 50%/cover;  }
#svisiblearea { position:relative; width:100%; margin:0 auto; }
#svisiblearea p.txt1 { position:absolute; right:0; top:70px; color:#fff; font-size:140%; opacity:0;
	animation-name:txtMove1;
	animation-duration:1.5s; 
	animation-fill-mode:forwards;
	animation-delay:0.2s;
	animation-timing-function:ease;
	animation-iteration-count:1;
	animation-direction:normal;	}
#svisiblearea p.txt2 { position:absolute; right:0; top:105px; color:#fff; font-size:160%; font-weight:700; opacity:0;
	animation-name:txtMove2;
	animation-duration:1.5s; 
	animation-fill-mode:forwards;
	animation-delay:0.7s;
	animation-timing-function:ease;
	animation-iteration-count:1;
	animation-direction:normal; }


	@keyframes txtMove1 {
		from { right:0; opacity:0; }
		to { right:100px; opacity:1; }
	}

	@keyframes txtMove2 {
		from { right:0; opacity:0; }
		to { right:100px; opacity:1; }	
	}


/*
    animation-name:txtMove1;
	animation-duration:1.0s;  걸리는 시간 
	animation-fill-mode:forwards;
	animation-delay:0.2s;
	animation-timing-function:ease;
	animation-iteration-count:1;  반복횟수 
	animation-direction:normal;  진행방향 alternate : 순방향 -> 역방향 

	animation:txtMove1 1.5s 0.2s 1 ease fowards normal;
*/




@media (min-width:1025px) and (max-width:1440px){
	#svisiblearea { width:100%; }
	#svisiblearea p { right:15px; }	   
}

@media (min-width:769px) and (max-width:1024px){
	#svisiblearea { width:100%; }
	#svisiblearea p { right:30px; }
	
}



/* leftmenu */
.leftmenu { position:relative; top:-130px; width:100%; }
.leftmenu h1 { height:130px; line-height:130px; background:#285d9a; color:#fff; text-align:center; font-size:200%; margin-bottom:5px; }
.leftmenu > ul { width:100%; }
.leftmenu > ul > li { width:100%; margin-bottom:5px;}
.leftmenu > ul > li:last-child { margin-bottom:0; }
.leftmenu > ul > li > a:link,
.leftmenu > ul > li > a:visited { width:100%; padding:15px 20px; border:1px solid #ddd; box-sizing:border-box; background:url(/images/common/leftmenu_blt1_off.gif) no-repeat right top; font-weight:700; font-size:105%; display:block; }
.leftmenu > ul > li > a:active,
.leftmenu > ul > li > a:focus,
.leftmenu > ul > li > a:hover,
.leftmenu > ul > li > a.select { border:1px solid #3d72af; background:#3d72af url(/images/common/leftmenu_blt1_on.gif) no-repeat right top; color:#fff; }

.leftmenu > ul > li > ul {  width:100%; padding:10px 0 10px 15px;  border-top:1px solid #ddd; box-sizing:border-box;background:#fafafa; }
.leftmenu > ul > li > ul li {  width:100%;  }
.leftmenu > ul > li > ul li a:link,
.leftmenu > ul > li > ul li a:visited { width:100%; line-height:1.5; padding:6px 5px 6px 15px; box-sizing:border-box; background:url(/images/common/leftmenu_blt2_off.gif) no-repeat 0px 15px; color:#666; font-size:95%; display:block;  }
.leftmenu > ul > li > ul li a:active,
.leftmenu > ul > li > ul li a:focus,
.leftmenu > ul > li > ul li a:hover,
.leftmenu > ul > li > ul li a.select { background:url(/images/common/leftmenu_blt2_on.gif) no-repeat 0px 15px; color:#1757b7; }


.leftmenu > ul > li > a.twoline:link,
.leftmenu > ul > li > a.twoline:visited { width:100%; height:auto; line-height:1.3; padding:14px 0 15px 20px; border:1px solid #ddd; box-sizing:border-box; background:url(/images/inc/leftmenu_blt_off.gif) no-repeat right top; font-weight:700; font-size:105%; display:block; }
.leftmenu > ul > li > a.twoline:active,
.leftmenu > ul > li > a.twoline:focus,
.leftmenu > ul > li > a.twoline:hover,
.leftmenu > ul > li > a.twoline.select { border:none; background:#1757b7 url(/images/inc/leftmenu_blt_on.gif) no-repeat right top; color:#fff; }


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

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

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

.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 #45649d; border-bottom:1px solid #45649d; box-sizing:border-box; background:#173a73; color:#fff; 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; }
}





/* 1. 의회안내 */
/* 1. 의회안내 */
/* 1. 의회안내 */




/* 열린의장실 */
/* 약력 */
.profile { width:100%; }
.profile .picarea { float:left; width:205px; margin-right:50px; }
.profile .picarea .pic img { width:100%; border:1px solid #ddd; }
.profile .porfilearea { float:left; width:calc(100% - 255px); }

.profile .picarea .name { text-align:right; margin-top:10px; }
.profile .picarea .name span { text-align:right; display:block; margin-top:10px; }
.profile .picarea .name img { width:207px; }

@media (max-width:768px){
	.profile .picarea { float:none; width:205px; margin:0 auto 30px; }
	.profile .porfilearea { float:none; width:100%; }
}



/* 열린의장실 */
/* 연설문 */









/* 구성표 */
.configuration { width:100%; }
.configuration table .th1 { width:20%; }
.configuration table .th2 { width:10%; }
.configuration table .th3 { width:10%; }
.configuration table .th4 { width:60%; }

.configuration table ul { width:100%; padding:0 20px; box-sizing:border-box; }
.configuration table ul li { float:left; width:20%;  height:30px; line-height:30px; padding-left:10px; box-sizing:border-box; background:url(/images/common/blt_gray.gif) no-repeat 0 14px; text-align:left;}


/* 사무국안내 */
.secretariat { width:100%; }
.secretariat img { width:100%; }

.secretariat .th1 { width:15%; }
.secretariat .th2 { width:12%; }
.secretariat .th3 { width:auto; }
.secretariat .th4 { width:13%; }

.secretariat .stable tbody td:last-child { border-right:1px solid #ccc; }
.secretariat .stable tbody td.end { border-right:none; }





/* 청사배치도 */
.councilBuildingGuide { width:100%; }

.councilBuildingGuide .office_btn { margin-bottom:20px; }
.councilBuildingGuide .office_btn ul { overflow:hidden; margin-left:5px; }
.councilBuildingGuide .office_btn ul li { float:left; margin-right:10px; }

/*.councilBuildingGuide .box { width:100%; padding:20px 30px 50px 30px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; background:#f4f4f4; overflow:hidden; }
.councilBuildingGuide .box #mainFloor { width:100%; height:630px; background:url(../images/council/office_bg1.jpg) no-repeat right bottom; display:block;  }
.councilBuildingGuide .box #mainFloor ul { width:858px; overflow:hidden; margin:25px auto 0; }
.councilBuildingGuide .box #mainFloor ul li { }
.councilBuildingGuide .box #mainFloor ul li:last-child { margin-bottom:0; }


.councilBuildingGuide .box .floor { display:none; }
.councilBuildingGuide .box .floor ul li { width:100%; padding:15px; border:1px solid #eee; box-sizing:border-box; background:#fff; display:block;margin-bottom:15px;  }
.councilBuildingGuide .box .floor ul li a { width:100%; overflow:hidden; display:block; }
.councilBuildingGuide .box .floor .pic0 { width:100%; text-align:center; }

.councilBuildingGuide .box #floor1,
.councilBuildingGuide .box #floor2,
.councilBuildingGuide .box #floor3 { width:858px; height:573px; margin:25px auto 0; display:none; }*/

.councilBuildingGuide .stitle { float:left; width:80px; height:60px; border-right:1px solid #ddd; box-sizing:border-box; color:#fe660d; font-size:250%; font-family:NanumGothic-Bold; }
.councilBuildingGuide .txt { float:left; width:calc(100% - 80px); padding:5px 0 0 20px; box-sizing:border-box; color:#2d4876; }
.councilBuildingGuide .pic { float:left; width:100%; text-align:center; margin-top:30px; }
.councilBuildingGuide .pic img { width:100%; }


@media (max-width:1280px){
	.councilBuildingGuide p.box img { width:100%; }
}


@media (max-width:600px){
	.councilBuildingGuide .pic img { width:100%; }
}





/* 전화번호 */
.callInformation { width:100%; }
.callInformation .th1 { width:22%; }
.callInformation .th2 { width:26%; }
.callInformation .th3 { width:26%; }
.callInformation .th4 { width:26%; }


.callInformation .tha1 { width:22%; }
.callInformation .tha2 { width:78%; }

.callInformation .thb1 { width:22%; }
.callInformation .thb2 { width:18%; }
.callInformation .thb3 { width:auto; }
.callInformation .thb4 { width:18%; }

.callInformation a.tel { display:inline-block; }

.callInformation .comMemberList li { float:left; margin:3px 5px;}
.callInformation .comMemberList li a { display:inline-block; }



/* 찾아오시는길 */
.map .map_btn { width:100%; text-align:right; margin:40px 0 10px; }
.map .map_btn .btn { display:inline-block; width:159px; height:41px; line-height:41px; background-color:#3a6ab9; text-align:center; margin:0 0 10px 10px; }
.map .map_btn .btn a:link,
.map .map_btn .btn a:visited { color:#fff; font-family:NanumGothic-Regular; }
.map .map_btn .btn a:active,
.map .map_btn .btn a:focus,
.map .map_btn .btn a:hover { font-family:NanumGothic-Bold; }

.map table .th1 { width:15%; }
.map table .th2 { width:auto; }
.map table .th3 { width:20% }
.map table .th4 { width:25% }


/* 의회상징물 */
.symbol { width:100%; }
.symbol .box { text-align:center; }


@media (max-width:562px){
	.symbol .box img { width:100%; }
}




/* 3. 의원소개 */
/* 3. 의원소개 */
/* 3. 의원소개 */


/* 윤리강령 */
.ethics { position:relative; width:100%; }

.ethics .ethics_top { position:absolute; left:0; top:0; width:100%; height:223px; background:url(/images/sub/ethics_boxtop.gif) no-repeat 50% top; }
.ethics .ethics_bottom { position:absolute; left:0; bottom:0; width:100%; height:175px; background:url(/images/sub/ethics_boxbottom.gif) no-repeat 50% bottom; }
.ethics .ethics_body { width:770px; padding:150px 0 100px 0; margin:0 auto; }
.ethics .ethics_body h1 { text-align:center; font-size:190%; color:#113d8e !important; margin-bottom:20px; }
.ethics .ethics_body h1 span { font-size:80%; }
.ethics .ethics_body .righttxt { text-align:right; margin-bottom:50px; }
.ethics .ethics_body h4 { font-weight:normal; font-size:135%; color:#333; margin-bottom:20px; }
.ethics .ethics_body p { line-height:170%; padding-bottom:30px; border-bottom:1px dashed #ddd; margin-bottom:50px; }

.ethics .ethics_body h1 { text-align:center; font-size:180%; color:#000; margin-bottom:20px;   }
.ethics .ethics_body .txt { color:#113d8e; }
.ethics .ethics_body li { padding: 7px 10px 7px 17px; background-position:0 18px; }


.session { width:100%; }
.session .topbox { width:100%; padding:30px 30px 30px 120px; border:5px solid #ccc; margin-bottom:20px; box-sizing:border-box; background:url(/images/sub/session_topicon.png) no-repeat left center; font-family:NanumGothic-Bold; font-size:120%; color:#135c95; }

.session p.session_pic { width:100%; }
.session p.session_pic img { width:100%; }


@media (min-width:769px) and (max-width:1023px){	
	.ethics .ethics_top { background:url(/images/sub/ethics_boxtop2.gif) no-repeat 50% top; }
	.ethics .ethics_bottom { background:url(/images/sub/ethics_boxbottom2.gif) no-repeat 50% bottom; }
	.ethics .ethics_body { width:100%; padding:150px 0 50px 0; }
}


@media (max-width:768px){
	.ethics .ethics_top { display:none;}
	.ethics .ethics_bottom { display:none; }
	.ethics .ethics_body { width:100%; padding:30px 15px 20px 15px; border:4px solid #c5bf94; box-sizing:border-box; }
	.ethics .ethics_body h1 { font-size:150%; margin-bottom:15px; }
	.ethics .ethics_body .righttxt { margin-bottom:30px; }
	.ethics .ethics_body p { margin-bottom:30px; }	
}


@media (max-width:425px){
	.session .topbox { width:100%; padding:30px; border:5px solid #ccc; margin-bottom:20px; box-sizing:border-box; background:none; font-family:NanumGothic-Bold; font-size:120%; color:#135c95; }

}

/* 인명별 */


/* 선거구별 */
.memberLocal { width:100%; }
.memberLocal .memberLeft { float:left; width:330px; margin-right:30px; }
.memberLocal .memberRight { float:left; width:calc(100% - 360px); margin-bottom:50px; }
.memberLocal .memberRight .memberList { width:100%; }
.memberLocal .memberRight .memberList h1 { width:100%; height:auto; line-height:1.3; padding:15px 20px 15px 20px; box-sizing:border-box; background:#2f7aa7; color:#fff; font-size:125%; font-family:NanumGothic-Bold; letter-spacing:-1px; margin-bottom:40px;  /*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/ display:block; }
.memberLocal .memberRight .memberList h1 span { padding-left:5px; font-size:80%; font-family:NanumGothic-Regular;  }
.memberLocal .memberRight .memberList ul li { float:left; width:25%;  text-align:center;  }
.memberLocal .memberRight .memberList ul li .pic a { width:100%; display:block; margin-bottom:10px; }
.memberLocal .memberRight .memberList ul li .pic a img { width:110px; height:141.4px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; }

.memberLocal .memberRight .memberList ul li .name { height:34px; line-height:34px; font-size:110%; color:#000; }
.memberLocal .memberRight .memberList ul li .name a { display:inline-block; margin-left:7px; }



@media (min-width:1025px) and (max-width:1280px){
	.memberLocal .memberRight .memberList ul li { width:33.33%; margin-bottom:15px; }
}


@media (min-width:769px) and (max-width:1024px){
	.memberLocal .memberRight { margin-bottom:30px; }
	.memberLocal .memberRight .memberList ul li { float:left; width:33.33%; text-align:center; margin-bottom:15px;  }
}


@media (max-width:768px){
	.memberLocal .memberLeft { float:none; width:100%; text-align:center; margin-right:0px; margin-bottom:30px; }
	.memberLocal .memberRight { float:none; width:100%; margin-bottom:30px; }
}


@media (max-width:640px){
	.memberLocal .memberRight .memberList ul li { float:left; width:33.33%; text-align:center; margin-bottom:15px;  }
}


@media (max-width:425px){
	.memberLocal .memberRight .memberList ul li { width:50%; margin-bottom:20px; }
	.memberLocal .memberRight .memberList ul li .pic a img { width:110px; }
}


/* 정당별 */
.memberParty { width:100%; }
.memberParty table .th1 { width:15%; }
.memberParty table .th2 { width:auto; }

.memberParty table ul { width:100%; padding:0 20px; box-sizing:border-box; }
.memberParty table ul li { float:left; width:20%;  height:30px; line-height:30px; padding-left:10px; box-sizing:border-box; background:url(/images/common/blt_gray.gif) no-repeat 0 14px; text-align:left;}



/* 위원회별 */
.memberCommittee { width:100%; }
.memberCommittee table .th1 { width:20%; }
.memberCommittee table .th2 { width:10%; }
.memberCommittee table .th3 { width:10%; }
.memberCommittee table .th4 { width:60%; }

.memberCommittee table ul { width:100%; padding:0 20px; box-sizing:border-box; }
.memberCommittee table ul li { float:left; width:20%;  height:30px; line-height:30px; padding-left:10px; box-sizing:border-box; background:url(/images/common/blt_gray.gif) no-repeat 0 14px; text-align:left;}



/* 통합청주시 */

.integrationCheongju { width:100%; }
.integrationCheongju form { width:100%; text-align:center; }

.integrationCheongju > ul { width:100%; padding-top:20px; }
.integrationCheongju > ul li { float:left; width:50%; margin-bottom:20px; }

.integrationCheongju > ul li dt { float:left; width:149px; }
.integrationCheongju > ul li dt img { width:120px; border:1px solid #ccc; padding:4px; }
.integrationCheongju > ul li dd { margin-left:149px; width:calc(100% - 149px); padding:3px 0 1px 0;  }

.integrationCheongju > ul li dd.name { font-size:135%; color:#113d8e; font-weight:700; }
.integrationCheongju > ul li dd tr { padding:2px 0; box-sizing:border-box; display:block; }
.integrationCheongju > ul li dd tr th { width:80px; text-align:left; }




@media (max-width:768px){
	.integrationCheongju .line1 { width:100%; display:block; }
	.integrationCheongju .line2 { width:100%; display:block; margin-top:5px; }
	.integrationCheongju label { width:70px; box-sizing:border-box; text-align:left; display:inline-block; }
	.integrationCheongju .select_normal,
	.integrationCheongju .text_150 { width:calc(100% - 80px); box-sizing:border-box; margin-bottom:5px; }
	.integrationCheongju .right5,
	.integrationCheongju .right20 { margin-right:0;}
	.integrationCheongju .submit_searchBox_btn { margin-top:10px;}
}

.memberSearchList { width:100%; border-top:2px solid #333;  }
.memberSearchList ul { width:100%; }
.memberSearchList ul li { float:left; width:20%; height:auto; padding:20px 0; border-bottom:1px solid #ddd; text-align:center; }
.memberSearchList ul li .pic { display:block; margin-bottom:5px; }
.memberSearchList ul li .pic img { width:110px; height:147px; padding:5px; border:1px solid #ddd; }
.memberSearchList ul li .name { font-weight:bold; color:#000; }
.memberSearchList ul li .name b { font-weight:normal; color:#666; font-size:90%; margin-left:5px;  }


@media (max-width:768px){	
	.memberSearchList { width:100%; }
	.memberSearchList ul li { width:33.3%; height:auto; padding:20px 0; }
	.memberSearchList ul li .pic img { width:90px; height:120px; padding:3px; }
	.memberSearchList ul li .name b { letter-spacing:-1px; display:inline-block;}
	
	.resultBar .txt { font-size:90%; }
}




/* 의원임무/임기 */
.memberMission .topBox { padding:30px 35px 30px 135px; background:url(/images/sub/tIcon1.gif) no-repeat 5% center; color:#285d9a; font-family:NanumGothic-Bold; font-size:120%; }

@media (max-width:425px){
	.memberMission .topBox { padding:80px 15px 20px 15px; background:url(/images/sub/tIcon1.gif) no-repeat center 7%; }
	
}



/* 3. 의정활동 */
/* 3. 의정활동 */
/* 3. 의정활동 */

/* 처리의안 */
.billForProcessing { width:100%; }
.billForProcessing boardstats {  }

@media (max-width:768px){
	.billForProcessing .select_normal { margin-bottom:5px; }	
}

/* 의안통계 */
.agendaStats { width:100%; }

@media (max-width:768px){
.agendaStats .select_normal { margin-bottom:5px; }

}



/* 의원연구단체 - 안내 */
.researchActivities { width:100%; }
.researchActivities .sp15 img { width:100%; }
.researchActivities .th1 { width:28%; }
.researchActivities .th3 { width:8%; }
.researchActivities .th4 { width:auto; }




/* 4. 의회소식 */
/* 4. 의회소식 */
/* 4. 의회소식 */


/* 회기일정 */
.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 url(/images/sub/schedule_onday_bg.gif); }
.schedule .asleft table td.onday a { color:#113d8e; font-weight:bold; }

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




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






/* 4. 위원회활동 */
/* 4. 위원회활동 */
/* 4. 위원회활동 */

/* 위원회소개 */
.coIntroduce { width:100%; }
.coIntroduce .chairman li,
.coIntroduce .member li {float:left; width:20%; text-align:center; }
.coIntroduce .member li { margin-bottom:20px; }
.coIntroduce li .pic { display:block; margin-bottom:10px; }
.coIntroduce .chairman li img,
.coIntroduce .member li img { width:110px; height:147px; border:1px solid #ddd; padding:3px; }

@media (max-width:640px){
	.coIntroduce .chairman li,
	.coIntroduce .member li { width:33.3%; margin-bottom:20px; }
	
}

@media (max-width:425px){
	.coIntroduce .chairman li { width:50%; } 
	.coIntroduce .member li img { width:90px; height:120px; }
	
}

/* 위원회 - 처리의안 */

.billsearch .leftSel { float:left; margin:3px 5px 3px 0; }
.billsearch .text_200,
.billsearch .submit_searchBox_btn { float:left; margin:5px; }
.billsearch .speech2 { float:left; margin:10px; }


@media (max-width:890px){
	.billsearch .leftSel { float:none; margin-right:0; }
	.billsearch .text_200,
	.billsearch .submit_searchBox_btn { float:none; margin:0; }
	.billsearch .speech2 { float:none; margin:10px; }
}

@media (max-width:768px){
	.coBill1 .billlist colgroup { display:none; }
	.coBill1 .board_list table tbody td { width:auto; }
}

/* 위원회 - 포토갤러리 */
.sPhoto { width:100%; }
.sPhoto ul { width:100%; }
.sPhoto ul li { position:relative; float:left; width:calc(25% - 21px); margin-right:28px; }
.sPhoto ul li:last-child { margin-right:0; }

.sPhoto ul li a { width:100%; height:auto; display:block; }
.sPhoto ul li .pic { width:100%; height:0; padding-top:calc(225 / 299 * 100%);  /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ overflow:hidden;  display:block; }
.sPhoto ul li .pic img { width:100%; }

.sPhoto ul li .bar { width:100%; height:70px; padding:8px 15px 0 15px; box-sizing:border-box; text-align:left; }
.sPhoto ul li .bar .subject {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sPhoto ul li .bar .date { display:block; font-size:95%; color:#666; }

@media (min-width:1025px) and (max-width:1280px){
	.sPhoto { width:100%; }	
}


@media (min-width:769px) and (max-width:1024px){
	.sPhoto { width:100%; }
	.sPhoto .photoBody { width:100%; overflow:auto; }
	.sPhoto ul li .bar { position:static; padding:10px 0 0 0; background:none; }

}

@media (max-width:768px){
	.sPhoto { width:100%;  }
	.sPhoto .photoBody { width:100%; overflow:auto; }
	.sPhoto ul { width:1045px; }
	.sPhoto ul li { width:250px; padding-bottom:10px; margin-right:15px; }
	
	
	.sPhoto ul li .bar { position:static; width:100%; padding:8px 0 0 0; box-sizing:border-box; }
}



/* 결과보고서 */
.resultPage { width:100%; }
.resultPage .result_left { float:left; width:450px; }
.resultPage .result_left a { display:block; margin-bottom:20px; }
.resultPage .result_left a img { border:1px solid #ddd; }
.resultPage .result_left p { line-height:1.3; }
.resultPage .result_right { float:left; width:calc(100% - 450px); }
.resultPage .result_right .box { background:#fcfcfc;}
.resultPage .result_right li span { color:#333; font-weight:bold; display:block; margin-bottom:5px; }

@media (min-width:769px) and (max-width:1024px){
	.resultPage .result_left { float:left; width:calc(45% - 15px); margin-right:15px; }
	.resultPage .result_left a img { width:100%; box-sizing:border-box; }
	.resultPage .result_right { float:left; width:calc(55% - 15px); margin-left:15px; }
}


@media (max-width:768px){
	.resultPage .result_left { float:none; width:100%; text-align:center; margin:0 0 20px 0; }
	.resultPage .result_left a img { max-width:400px; width:100%; box-sizing:border-box; }
	.resultPage .result_right { float:none; width:100%; margin:0; }
}



/* 6. 의회소식*/
/* 6. 의회소식*/
/* 6. 의회소식*/

/* 입법예고 */
.lawNoticeList { width:100%; }
.lawNoticeList #divcheck h1.stitle { width:100%; padding:10px; box-sizing:border-box; background:#1757b7; color:#fff; font-weight:bold; font-size:150%; margin-bottom:15px; }



/* 의회간행물 - 의회안내 */
.ebookList { width:100%; }
.ebookList ul { width:100%; padding:30px 0 10px 0; border-top:2px solid #333; border-bottom:1px solid #ddd; }
.ebookList li { float:left; width:calc(25% - 40px); margin:0px 20px 20px 20px; }
.ebookList li:nth-child(4n + 1) { clear:both; }

.ebookList li > a { width:100%; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; display:block; margin-bottom:10px; }
.ebookList li a p.pic { position:relative; width:100%; height:0; padding-top:calc(424 / 300 * 100%); /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ display:block; overflow:hidden; background-size: contain !important;  }
.ebookList li p.subject { font-weight:700; font-size:100%; letter-spacing:-2px; color:#333; text-align:center; margin-bottom:15px; }
.ebookList li p.subject a {width:150px; height:36px; line-height:36px; border:none; border-radius:3px; background:#035790; color:#fff !important; text-align:center; font-size:90%; display:block; margin:10px auto 0;}


.newsletter li a p.pic { position:relative; width:100%; height:0; padding-top:calc(264 / 203 * 100%); /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ display:block; overflow:hidden; background-size: contain !important;  }



@media (min-width:769px) and (max-width:1200px){
	
	.ebookList li { width:calc(25% - 20px); height:auto; margin:0px 10px 20px 10px; }	
}


@media (max-width:768px){ 
	.ebookList li { width:calc(50% - 30px); height:auto; margin:0 15px 20px 15px; }
	.ebookList li:nth-child(2n + 1) { clear:both; }
}


@media (max-width:425px){ 
	.ebookList li { width:calc(100% - 20px); height:auto; margin:0 10px 20px 10px; }
}






/* 의회소식-의사일정-날짜별 일정 */
.s_schedulearea { width:100%; }

.s_schedulearea .s_calendar_top { position:relative; width:100%; height:32px; margin-bottom:10px; }

.s_schedulearea .s_calendar_top #s_calendar_select { width:200px; margin:0 auto 20px; }  /* 월 선택 */
.s_schedulearea .s_calendar_top #s_calendar_select .date { display:inline-block; color:#666; font:normal 120% arial; padding:0 25px;}
.s_schedulearea .s_calendar_top #s_calendar_select .date strong { padding-left:10px; color:#2785e5; font-size:130%; font-weight:bold;  }
.s_schedulearea .s_calendar_top #s_calendar_select a.btn_prev, 
.s_schedulearea .s_calendar_top #s_calendar_select a.btn_next { position:relative; top:6px; display:inline-block; vertical-align:top;  }
.s_schedulearea .s_calendar_top #s_calendar_select a img { vertical-align:top; }

.s_schedulearea .s_calendar_top .s_calendar_select2 { position:absolute; right:0; top:0; }



#s_calendar_calendar { width:100%; margin-bottom:30px; }  /* 달력 */
#s_calendar_calendar table { width:100%; border:0; border-spacing:0; border-collapse:collapse;  }
#s_calendar_calendar table th { height:46px; border-top:2px solid #333; }
#s_calendar_calendar table th.sun { color:#C00; }
#s_calendar_calendar table th.sat { color:#06c; }

#s_calendar_calendar table > tbody > tr > td { min-height:120px; height:120px; font-size:90%; border:1px solid #ddd; vertical-align:top; }
#s_calendar_calendar table > tbody > tr > td > span { height:20px; line-height:20px; padding-left:10px; display:block;   }

#s_calendar_calendar table .th1,
#s_calendar_calendar table .th3 { width:15%; }
#s_calendar_calendar table .th2 { width:14%; }

#s_calendar_calendar table td.sun { color:#da131a;}
#s_calendar_calendar table td.sat { color:#06c;}
#s_calendar_calendar table td.none { background:#fafafa; }


#s_calendar_calendar table table > tbody > tr > td { border:none; border-right:1px solid #ddd; }
#s_calendar_calendar table table > tbody > tr > td:last-child { border-right:none; } 


#s_calendar_calendar table table.calendar { width:100%;  border:0; border-spacing:0; border-collapse:collapse; }
#s_calendar_calendar table table.calendar > tbody > tr > td { width:14%; min-height:20px; height:20px !important; line-height:100% !important;  padding:0 !important; vertical-align:middle !important; }
#s_calendar_calendar table table.calendar > tbody > tr > td.sun,
#s_calendar_calendar table table.calendar > tbody > tr > td.sat { width:15%; }



#s_calendar_calendar table table.calendar td.c101000 { box-sizing:border-box;  background:#113d8e; color:#fff; text-align:center;  } /* 본회의 */
#s_calendar_calendar table table.calendar td.c501000 { box-sizing:border-box;  background:#4f4430; color:#fff; text-align:center;  } /* 의회운영 */
#s_calendar_calendar table table.calendar td.c501000 { box-sizing:border-box;  background:#506e86; color:#fff; text-align:center;  } /* 행정자치 */
#s_calendar_calendar table table.calendar td.c303020 { box-sizing:border-box;  background:#f35f5f; color:#fff; text-align:center;  } /*  경제복지여성 */
#s_calendar_calendar table table.calendar td.c304020 { box-sizing:border-box;  background:#fcb040; color:#fff; text-align:center;  } /* 환경해양농림 */
#s_calendar_calendar table table.calendar td.c304025 { box-sizing:border-box;  background:#fcb040; color:#fff; text-align:center;  } /* 문화환경도시 */
#s_calendar_calendar table table.calendar td.c305010 { box-sizing:border-box;  background:#4cb7bf; color:#fff; text-align:center;  } /* 문화도시건설 */
#s_calendar_calendar table table.calendar td.c305015 { box-sizing:border-box;  background:#4cb7bf; color:#fff; text-align:center;  } /* 건설해양농림 */
#s_calendar_calendar table table.calendar td.c501000 { box-sizing:border-box;  background:#0098d8; color:#fff; text-align:center;  } /* 예산결산 */


#s_calendar_calendar table table.calendar td.td1 { width:14% !important; }
#s_calendar_calendar table table.calendar td.td2 { width:28% !important; }
#s_calendar_calendar table table.calendar td.td3 { width:42% !important; }
#s_calendar_calendar table table.calendar td.td4 { width:56% !important; }
#s_calendar_calendar table table.calendar td.td5 { width:70% !important; }


#s_calendar_calendar table td.today { font-weight:bold; text-decoration:underline; }
#s_calendar_calendar table td.today a {color:#ffa200; }
#s_calendar_calendar table td.onday {  }
/*#s_calendar_calendar table td.onday a { width:100%; height:20px; color:#ffa200; font-weight:bold; text-align:left; display:block; }*/
#s_calendar_calendar table td.onday span { position:relative;}
#s_calendar_calendar table td.onday a { position:absolute; width:100%; height:161px;  font-weight:bold; text-align:left; display:block; }



.scheduleViewTable .th1 { width:20%; } /* 의사일정 보기 테이블 넓이설정*/
.scheduleViewTable .th2 { width:15%; }
.scheduleViewTable .th3 { width:50%; }
.scheduleViewTable .th4 { width:15%; }



@media (min-width:769px) and (max-width:1024px){
	.s_schedulearea .s_calendar_top #s_calendar_select { float:left; width:200px; margin:0 0 20px 10px; }  /* 월 선택 */
}

@media (max-width:768px){
	.s_schedulearea .s_calendar_top { height:auto; overflow:hidden;}
	.s_schedulearea .s_calendar_top #s_calendar_select { width:190px; margin:0 auto 15px; }  /* 월 선택 */
	.s_schedulearea .s_calendar_top .s_calendar_select2 { position:static; float:right;  }

}


			/* 의사일정 내용 표시 */			
.mw .fg3 { position:absolute; left:0; top:150px; width:100%; height:auto; margin:0 auto; }

/*
.s_calendar_content { width:800px; height:550px; padding:20px 20px 30px 20px; box-sizing:border-box; background:#fff; margin:0 auto; }
.s_calendar_content .seroScroll { height:380px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:auto; }
.s_calendar_content .abtn_close { width:80px; height:36px; line-height:36px; border-radius:3px; background:#333; color:#fff; text-align:center; display:block; margin:20px auto 0; }
*/

/* 임시용 */
.s_calendar_content { width:100%; box-sizing:border-box; background:#fff; margin:0 auto; }
.s_calendar_content .seroScroll { border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:auto; }
.s_calendar_content .abtn_close { width:80px; height:36px; line-height:36px; border-radius:3px; background:#333; color:#fff; text-align:center; display:block; margin:20px auto 0; }



@media (max-width:1024px){
	.s_calendar_content { width:calc(100% - 30px); margin:0 15px; }
}

@media (max-width:768px){
	.s_calendar_content { height:600px; }
}




/* 연간일정 */
.annualSchedule { width:100%; }
.annualSchedule .ys_th1 { width:10%; }
.annualSchedule .ys_th2 { width:8%; }
.annualSchedule .ys_th3 { width:19%; }
.annualSchedule .ys_th4 { width:8%; }
.annualSchedule .ys_th5 { width:30%; }
.annualSchedule .ys_th6 { width:auto; }




/* 연간회기일정 */
.agndYearList { width:100%; }
.agndYearList .td1 { width:24%; }
.agndYearList .td2 { width:18%; }
.agndYearList .td3 { width:8%; }
.agndYearList .td4 { width:auto; }
.agndYearList .td5 { width:10%; }





/* 7. 열린마당 */
/* 7. 열린마당 */
/* 7. 열린마당 */



/* 의회에바란다 */
.want { width:100%; }
.want .topbox { padding:30px 35px 30px 135px; }
.want .topbox .mTxt { font-family:NanumGothic-Bold; font-size:120%;  }
.want .topbox a { height:30px; line-height:30px; padding:0 15px; border-radius:3px; background:#113d8e; color:#fff !important; font-size:90%; display:inline-block; margin-top:10px; }


@media (max-width:550px){
	.freeboard .topbox { padding:20px 15px; background:none; }
}


/* 방청안내 */
.audience { width:100%; }
.audience .topBox { padding:30px 35px 30px 120px; background:url(/images/sub/tIcon2.gif) no-repeat 3% center; color:#113d8e; font-family:NanumGothic-Bold; }

.audience .step_area { width:100%; }
.audience .step_area li { position:relative; float:left; width:calc(25% - 20px); height:100px; padding:25px 0 0 0; box-sizing:border-box; background:#428485; color:#fff; text-align:center; margin-right:26.6px; }
.audience .step_area li:last-child { margin:0; }
.audience .step_area li:after { content:''; position:absolute; right:-18px; top:40px; width:10px; height:18px; line-height:18px; background:url(/images/main2/sch_btn_next.png) no-repeat center 5%; }

@media (max-width:768px){
	.audience .topBox { padding:120px 35px 30px 35px; background:url(/images/sub/tIcon2.gif) no-repeat center 5%; }

	.audience .step_area { width:100%; }
	.audience .step_area li { position:relative; float:left; width:calc(50% - 20px); height:100px; padding:25px 0 0 0; background:#428485; color:#fff; text-align:center; word-break:keep-all; margin:0 20px 20px 0; }
	.audience .step_area li:nth-child(3),
	.audience .step_area li:nth-child(4) { width:calc(50% - 10px); margin-right:20px; }
	.audience .step_area li:last-child { margin:0; }
	.audience .step_area li:after { content:''; position:absolute; right:-18px; top:40px; width:10px; height:18px; line-height:18px; background:url(/images/main2/sch_btn_next.png) no-repeat center 5%; }
	.audience .step_area li:last-child:after { display:none; }
}

@media (max-width:425px){
	.audience .topBox { padding:30px 35px; background:none; }
}

/* 공무국외출장 */
.officialBusiness { width:100% }
.officialBusiness table th { width:25%; }
.officialBusiness table td { width:75%; }

@media (max-width:768px){
	.officialBusiness .ofsearch .select_normal,
	.officialBusiness .ofsearch .text_200 { margin-bottom:5px; }
}

/* 정보공개 */
.infoOpen * { box-sizing:border-box; }
.infoOpen h2 { width:100%; background:#3D72AF; color:#fff; text-align:center; padding:8px 0; border-radius:4px; font-size:28px; }
.infoOpen .box ul { display:flex; flex-wrap:wrap; }
.infoOpen .box ul li { width:calc(100% / 3); }
.infoOpen .box ul li a { display:inline-flex; align-items:center; padding:0 4px; transition:.4s; }
.infoOpen .box ul li a:hover,
.infoOpen .box ul li a:focus { background:#FAFAFA; color:#3D72AF; text-decoration:underline; }

.infoOpen ul > li { position:relative; padding-left:12px; margin-bottom:8px; }
.infoOpen ul > li::before { position:absolute; top:0; left:0; content:'•'; }


@media (max-width:768px){
	.infoOpen .box ul li { width:calc(100% / 2); }
}

@media (max-width:480px){
	.infoOpen .box ul li { width:100%; }
}


/* 의원별출석현황 */
.billsearchbox { padding:15px; border:5px solid #ddd; text-align:center; margin-bottom:20px; }

@media (max-width:768px){
	.billsearchbox .select_normal { width:auto; }
	.billsearchbox .submit_searchBox_btn { width:auto; }
}

@media (max-width:400px){
	.billsearchbox .submit_searchBox_btn { margin-top:5px; }
}

















/* 행정사무감사 의겸수렴 */
.administration { width:100%; }

.administration .topbox { width:100%; min-height:151px; padding:20px 25px 20px 150px; border:5px solid #eee; box-sizing:border-box; background:url(/images/sub/freeBbs_topicon.jpg) no-repeat 20px 25px; display:block; }
.administration .topbox a { height:30px; line-height:30px; padding:0 15px; border-radius:3px; background:#113d8e; color:#fff !important; font-size:90%; display:inline-block; margin-top:10px; }
.administration .topbox .Cred { text-decoration:underline; }

@media (max-width:550px){
	.administration .topbox { padding:20px 15px; background:none; }
}


/* 의원별출석현황 */
.attendanceStatus .stable .th1 { width:8%; }
.attendanceStatus .stable .th2,
.attendanceStatus .stable .th3,
.attendanceStatus .stable .th4,
.attendanceStatus .stable .th5,
.attendanceStatus .stable .th6,
.attendanceStatus .stable .th7,
.attendanceStatus .stable .th8,
.attendanceStatus .stable .th9 { width:11.5%; }

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







/* 8. 사이트정보 */
/* 8. 사이트정보 */
/* 8. 사이트정보 */


/* 이용안내 */
.guide .text { color:#1757b7; font-family:NanumGothic-Bold; }


/* 배너모음 */
.banner { width:100%; }
.bannerlist { width:100%; border-top:2px solid #333; border-bottom:1px solid #ccc; padding:20px 0; }
.bannerlist ul { width:100%; overflow:hidden; }
.bannerlist li { float:left; width:20%; height:50px; text-align:center; margin:10px 0; }
.bannerlist li a img { border:1px solid #ddd; }

@media (max-width:1280px){
	.bannerlist li { width:25%; }	
}

@media (max-width:768px){
	.bannerlist li { width:33.3%; }	
}

@media (max-width:570px){
	.bannerlist li { width:50%; }	
}

@media (max-width:425px){
	.bannerlist li { width:calc(50% - 10px); height:auto; margin:5px; }
	.bannerlist li a img { width:100%; box-sizing:border-box; }	
}





/* 사이트맵 */
.siteMap { width:100%; }

.siteMap ul.md1 { width:100%; overflow:hidden; }
.siteMap ul.md1 > li { float:left; width:33.3%; padding:0 30px; box-sizing:border-box; margin:0 0 50px 0; }
.siteMap ul.md1 > li .bar { width:100%; height:40px; line-height:40px; border-radius:20px; background:#1e428b; color:#fff; font-size:120%; text-align:center; margin-bottom:20px; }

.siteMap ul.md2 { width:100%; border-top:1px solid #ddd; }
.siteMap ul.md2 > li { width:100%; border-bottom:1px solid #ddd; }
.siteMap ul.md2 > li > a:link,
.siteMap ul.md2 > li > a:visited { width:100%; padding:10px 0 10px 33px; box-sizing:border-box; color:#333; background:url(/images/common/blt_h4.gif) no-repeat 15px 15px; font-weight:700; display:block; }
.siteMap ul.md2 > li > a:active,
.siteMap ul.md2 > li > a:focus,
.siteMap ul.md2 > li > a:hover { color:#ff5918; }


.siteMap ul.md3  { background:#f9f9f9;  }
.siteMap ul.md3 > li { border-top:1px dashed #eee; }
.siteMap ul.md3 > li > a:link,
.siteMap ul.md3 > li > a:visited { width:100%; padding:4px 0 5px 35px; box-sizing:border-box; color:#666; font-size:90%; background:url(/images/common/blt_gray.gif) no-repeat 25px 14px; display:block; }
.siteMap ul.md3 > li > a:active,
.siteMap ul.md3 > li > a:focus,
.siteMap ul.md3 > li > a:hover { color:#06c; }



.siteMap ul.md1 > li:nth-child(3n + 1) { clear:both; }


@media (min-width:769px) and (max-width:1023px){	
	.siteMap ul.md1 > li { padding:0 15px;  margin:0 0 40px 0; }
}


@media (max-width:768px){
	.siteMap ul.md1 > li { padding:0 15px;  margin:0 0 30px 0; }
}

@media (max-width:600px){
	.siteMap ul.md1 > li { width:50%; padding:0 15px;  margin:0 0 30px 0; }
	.siteMap ul.md1 > li:nth-child(3n + 1) { clear:none; }
	.siteMap ul.md1 > li:nth-child(odd) { clear:both; }
}

@media (max-width:425px){
	.siteMap ul.md1 > li { padding:0 10px; }
	.siteMap ul.md1 > li .bar { font-size:110%; letter-spacing:-1px; }
}

@media (max-width:375px){
	.siteMap ul.md1 > li { float:none; width:100%; padding:0; }
}





/* 통합검색 */
.search { width:100%; }
.search .searchbox { position:relative; }
.search .searchbox .search_wrap { width:100%; border:4px solid #035790; box-sizing:border-box; text-align:center; color:#fff;margin:0 auto 30px;}
.search .searchbox .search_wrap .wrap .searchKeyword { width:100%; height:60px; border:none; padding-left: 20px; box-sizing: border-box; font-size:160%; font-weight:700; }
.search .searchbox .search_wrap .wrap .totalsearch_button { position: absolute; right: 0; top: 0; border: 0 none; text-indent: -9999px;}


.search .resultlist { position:relative; width:100%;  }
.search .resultlist ul.resultlistUl { width:100%; border-top:1px solid #ddd; overflow:hidden; }
.search .resultlist ul.resultlistUl li { width:100%; height:40px; line-height:40px; padding-left:25px; border-bottom:1px solid #eee; box-sizing:border-box; background:url(/images/common/blt_ulDepth3.gif) no-repeat 15px 17px; display:block; }
	
.search .resultlist ul.resultlistUl li a:link,
.search .resultlist ul.resultlistUl li a:visited { color:#333; }
.search .resultlist ul.resultlistUl li a:active,
.search .resultlist ul.resultlistUl li a:focus,
.search .resultlist ul.resultlistUl li a:hover { color:#06c; text-decoration:underline; }

.search .resultlist ul.resultlistUl li strong { color:#da131a; }


			/* 의원검색결과 */
.search .memContent { width:100%; margin-bottom:30px; }

.search .memContent .memberResultList_left { float:left; width:calc(50% - 15px); margin-right:15px; }
.search .memContent .memberResultList_left dl { width:100%; }
.search .memContent .memberResultList_left dl dt { float:left; width:145px; }
.search .memContent .memberResultList_left dl dt img { width:110px; height:141.4px; padding:4px; border:1px solid #ccc; }

.search .memContent .memberResultList_left dl dd { margin-left:145px; width:calc(100% - 145px); padding:4px 0 4px 10px; box-sizing:border-box; font-size:95%; background:url(/images/sub/blt_ulDepth3.gif) no-repeat 0 11px; }
.search .memContent .memberResultList_left dl dd.name { padding-left:0; font-weight:700; color:#1757b7; font-size:125%;background:none; }
.search .memContent .memberResultList_left dl dd.name span { font-size:85%; color:#666; padding-left:5px; }
.search .memContent .memberResultList_left dl dd.btn { padding-left:0; background:none; margin-top:10px; }
.search .memContent .memberResultList_left dl dd.btn a.abtn_profile { width:100px; height:36px; line-height:36px; text-align:center; background:#323f5c; color:#fff; text-decoration:none; border-radius:3px; display:inline-block; margin:0 5px 5px 0; }
.search .memContent .memberResultList_left dl dd.btn a.abtn_homepage { width:100px; height:36px; line-height:36px; text-align:center; background:#ff8003; color:#fff; text-decoration:none; border-radius:3px; display:inline-block; }
.search .memContent .memberResultList_left dl dd.sns { padding:0 ; background:none;  }
.search .memContent .memberResultList_left dl dd.sns a.sSns { float:left; margin-right:5px; }


.search .memContent .memberResultList_right { float:left; width:calc(50% - 15px); margin-left:15px; }
.search .memContent .memberResultList_right ul.photolist { width:100%; overflow:hidden; }
.search .memContent .memberResultList_right ul.photolist li { float:left; width:33.33%; padding:0 10px; box-sizing:border-box; }

.search .memContent .memberResultList_right ul.photolist li .pic { width:100%; height:0; padding-top:calc(280 / 400 * 100%); display:block; margin-bottom:15px; }
.search .memContent .memberResultList_right ul.photolist li .pic img { width:100%; }

.search .memContent .memberResultList_right ul.photolist li .subject { width:100%;color:#333; font-size:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; margin-bottom:5px;  }

.search .memContent .memberResultList_right ul.photolist li .subject .unreadicon { float:left; position:relative; top:2px; padding-right:5px; }

.search .memContent .memberResultList_right ul.photolist li .subject a:link,
.search .memContent .memberResultList_right ul.photolist li .subject a:visited { width:100%; color:#333; font-size:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; margin-bottom:5px;  }
.search .memContent .memberResultList_right ul.photolist li .subject a:active,
.search .memContent .memberResultList_right ul.photolist li .subject a:focus,
.search .memContent .memberResultList_right ul.photolist li .subject a:hover { color:#1757b7; }
.search .memContent .memberResultList_right ul.photolist li .date { color:#888; font-size:90%; }

.search .memContent .memberResultList_bottom { float:left; width:100%; margin-top:20px; }
.search .memContent .memberResultList_bottom .msr_listUl { width:100%; border-top:1px solid #ddd; }
.search .memContent .memberResultList_bottom .msr_listUl li { width:100%; border-bottom:1px solid #eee; }
.search .memContent .memberResultList_bottom .msr_listUl li a:link,
.search .memContent .memberResultList_bottom .msr_listUl li a:visited { width:100%; height:40px; line-height:40px; padding-left:25px; box-sizing:border-box; background:url(/images/common/blt_ulDepth3.gif) no-repeat 15px 17px; display:block; }
.search .memContent .memberResultList_bottom .msr_listUl li a:active,
.search .memContent .memberResultList_bottom .msr_listUl li a:focus,
.search .memContent .memberResultList_bottom .msr_listUl li a:hover { color:#1757b7; }


@media (max-width:768px){
	.search .memContent .memberResultList_left { float:none; width:100%; margin:0 0 20px 0; }
	.search .memContent .memberResultList_right { float:none; width:100%; margin:0 0 20px 0; }
	.search .memContent .memberResultList_bottom { float:none; width:100%; margin:0px; }

}

@media (max-width:425px){
	.search .memContent .memberResultList_left dl dt { width:115px; }
	.search .memContent .memberResultList_left dl dt img { width:90px; height:auto; padding:0px; }
	.search .memContent .memberResultList_left dl dd { margin-left:115px; width:calc(100% - 115px); }
}