@charset "utf-8";


/* 서브 레이아웃 */
#scontainer { width:1400px; margin:50px auto 100px;  }	

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

			
@media (min-width:1025px) and (max-width:1280px){
#scontainer { width:100%; min-width:100%; padding:0 15px; box-sizing:border-box; margin:50px auto 100px; }
	
	#sleft { float:left; position:relative; width:250px; margin-right:50px;}
	#sright { float:left; width:calc(100% - 300px);  }
	
		#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 { display:none; }
	#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 { display:none; }
		#sright { float:none; width:100%; padding:0 15px; box-sizing:border-box; margin-top:50px; }
	
			#content { width:100%; min-height:300px; }
}

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








/* 좌측 소속 위원 */
.sMember { position:relative; width:100%; }
.sMember h1 { width:100%; height:67px; line-height:67px; padding-left:20px; box-sizing:border-box; background:#92ce86; color:#fff; font-size:150%; display:block; font-family:esamanru-Medium, "이사만루 미디엄"; }

.memberList { width:100%; overflow:hidden; }
.memberList .list { position:relative; float:left; height:370px;}
.memberList .list a { width:100%; display:block; }
.memberList .list a img { width:100%; }
.memberList .list .pic { background-size:cover !important; }
.memberList .list .pic img { width:100%; height:600px;}
.memberList .list .namebar { position:absolute; left:0; bottom:35px; width:100%; height:70px; line-height:70px; background:rgba(0, 0, 0, 0.6); color:#fff; font-size:125%; text-align:center; display:block; }

			/*자동실행버튼(재생,일시정지)*/
.sMember .btn_play { position:absolute; right:50px; top:24px; width:20px; height:20px; border:0; background: url(/images/common/slick_btn_pause.png) no-repeat; text-indent:-9999px; z-index:1001; }
.sMember .btn_play.on { background:url(/images/common/slick_btn_play.png) no-repeat;  }

.sMember .slick-prev,
.sMember .slick-next { position:absolute; top:24px; width:20px; height:20px; line-height:20px; border:none; font-size:0; cursor:pointer; display:block; z-index:1003; }

.sMember .slick-prev { right:80px; background:url(/images/common/slick_btn_prev.png) no-repeat; }
.sMember .slick-next { right:20px; background:url(/images/common/slick_btn_next.png) no-repeat; }

.sMember_top ul {float:left; padding-top:19px; overflow:hidden;}




/*.sMember .slick-prev,
.sMember .slick-next { position:absolute; bottom:27px; width:20px; height:20px; line-height:20px; border:none; font-size:0; cursor:pointer; display:block; z-index:1003; }

.sMember .slick-prev { left:50%; background:url(/images/common/slick_btn_prev.png) no-repeat; }
.sMember .slick-next { left:calc(50% + 40px); background:url(/images/common/slick_btn_next.png) no-repeat; } */




			/*자동실행버튼(재생,일시정지)*/
/*.sMember .btn_play { position:absolute; left:calc(50% + 20px); bottom:7px; width:20px; height:20px; border:0; background: url(/images/common/slick_btn_pause.png) no-repeat; text-indent:-9999px; z-index:1001; }
.sMember .btn_play.on { background:url(/images/common/slick_btn_pause.png) no-repeat;  } */



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



/* 페이지타이틀 */
.pagetitle { position:relative; width:100%; height:67px; line-height:67px; padding-left:25px; box-sizing:border-box; background:linear-gradient(135deg, #C2FFD8,#465EFB); margin-bottom:50px;  }
.pagetitle h1 { font-size:185%; color:#000; font-family:esamanru-Medium, "이사만루 미디엄"; letter-spacing:-1px; }

.pagetitle .snsbtn { position:absolute; right:20px; top:18px; }
.pagetitle .snsbtn ul { 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:1023px){
	.pagetitle .snsbtn ul.pcTabletBtn { display:none; }
	.pagetitle .snsbtn ul.mobileBtn { display:block; }
	.pagetitle .snsbtn ul li { margin-left:10px; }
}

@media (max-width:768px){
	.pagetitle { padding-left:15px; margin-bottom:30px; }
	.pagetitle h1 { font-size:150%; }

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

}



/* 위원회소개 */




/* 위원소개 */
.member { width:100%; }
.member { width:100%; }
.member ul li { float:left; width:20%; text-align:center;  margin:0 0 20px 0;   }
.member p span {color:#e63c64;}

.member ul li span { display:block; }
.member ul li .pic { margin:20px 0 10px 0; }
.member ul li .pic img { border:1px solid #ddd; }


.member ul li.kind1 { color:#333; }


@media (max-width:768px){
	.member ul li { width:25%; }
}

@media (max-width:540px){
	.member ul li { width:33.333%; }
	.member ul li:nth-child(3n + 1) { clear:both; }
	.member ul li .pic img { width:100px; }
}


/* 위원회 사진 */

.photo_list { width:100%; }
.photo_list ul { width:100%; padding-top:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;  }
.photo_list li { float:left; width:calc(25% - 30px); padding-bottom:25px; margin:0 15px 30px 15px;}

.photo_list ul li .picArea { width:100%; height:auto; overflow:hidden; }
.photo_list ul li .picArea a { width:100%; height:auto; overflow:hidden; display:block; }

.photo_list li .pic { width:100%; height:0; padding-top:calc(460 / 690 * 100%); /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ background-size:cover !important; display:block; overflow:hidden; }
.photo_list li .pic img { width:100%;  }

.photo_list ul li .picArea a:link,
.photo_list ul li .picArea a:visited { transition:0.3s; }
.photo_list ul li .picArea a:active,
.photo_list ul li .picArea a:focus,
.photo_list ul li .picArea a:hover {transform:scale(1.1);}

.photo_list li .bar { width:100%; height:90px; padding:15px 15px 0 15px; border:1px solid #ddd; border-top:none;  background:#fff; }
.photo_list li .subject { width:100%; }
.photo_list li .subject a:link,
.photo_list li .subject a:visited { width:100%; color:#111; font-size:110%; font-family:esamanru-Medium, "이사만루 미디엄"; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s; display:block; margin-bottom:6px; }
.photo_list li .subject a:active,
.photo_list li .subject a:focus,
.photo_list li .subject a:hover { color:#1757b7; }

.photo_list li p.date { color:#888;  }



@media (max-width:768px){
	.photo_list li { float:left; width:calc(50% - 32px); margin:0 15px 25px 15px; }
	.photo_list li p.pic img { width:100%; height:auto; }
	.photo_list li p.subject { margin-bottom:0px !important }
	.photo_list li p.date { margin-bottom:0px !important }

}
@media (max-width:425px){
	.photo_list li { float:none; width:calc(100% - 2px); margin:0 0 25px 0px; }
	.photo_list li p.pic img { width:100%; height:auto; }
	.photo_list li p.subject { margin-bottom:0px !important }
	.photo_list li p.date { margin-bottom:0px !important }

}


/* 의사일정 */
.schedule { width:100%; }

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

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

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


.schedule table { border-top:2px solid #333; border-right:1px solid #ddd; }

.schedule table th,
.schedule table td { border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
.schedule table th { height:30px; line-height:30px; background:#f4f4f4; }

.schedule table td { position:relative; height:100px; vertical-align:top; }
.schedule table td a { width:100%; height:80px; text-align:center; display:block; }

.schedule table .th1 { width:15%; }
.schedule table .th2 { width:14%; }

.schedule table td span { height:20px; line-height:20px; padding-left:10px; font-size:70%; display:block; }

.schedule table td .cmmt1 { position:absolute; left:0; top:20px;  height:20px; line-height:20px; background:#06c;    color:#fff; font-size:80%; text-align:center; }

.schedule table td .cmmt2 { position:absolute; left:0; top:40px;  height:20px; line-height:20px; background:#5faf00; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt3 { position:absolute; left:0; top:60px;  height:20px; line-height:20px; background:#ff8d2a; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt4 { position:absolute; left:0; top:80px;  height:20px; line-height:20px; background:#d4436d; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt5 { position:absolute; left:0; top:100px; height:20px; line-height:20px; background:#7e4aa6; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt6 { position:absolute; left:0; top:120px; height:20px; line-height:20px; background:#2795a4; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt7 { position:absolute; left:0; top:140px; height:20px; line-height:20px; background:#4e7ac7; color:#fff; font-size:80%; text-align:center; }

.schedule table td .cmmt8 { position:absolute; left:0; top:160px; height:20px; line-height:20px; background:#5faf00; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt9 { position:absolute; left:0; top:180px; height:20px; line-height:20px; background:#ff8d2a; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt10 { position:absolute; left:0; top:200px; height:20px; line-height:20px; background:#d4436d; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt11 { position:absolute; left:0; top:220px; height:20px; line-height:20px; background:#7e4aa6; color:#fff; font-size:80%; text-align:center; }
.schedule table td .cmmt12 { position:absolute; left:0; top:240px; height:20px; line-height:20px; background:#2795a4; color:#fff; font-size:80%; text-align:center; }

.schedule table td .day1 { width:calc(100% + 1px);  }
.schedule table td .day2 { width:calc(200% + 2px); }
.schedule table td .day3 { width:calc(300% + 3px); }
.schedule table td .day4 { width:calc(400% + 4px); }
.schedule table td .day5 { width:calc(500% + 5px); }
.schedule table td .day6 { width:calc(600% + 6px); }
.schedule table td .day7 { width:calc(700% + 7px); }

.resultContent strong:after { position:relative; top:-2px; content:'|'; width:30px; text-align:center; font-size:80%; font-weight:normal; color:#ccc; display:inline-block; }


.schedule .stable { border-top: 2px solid #113d8e; border-right:none; }
.schedule .stable th,
.schedule .stable td { border-left:none; vertical-align:middle; }
.schedule .stable .tha1 { width:10%; }
.schedule .stable .tha2 { width:28%; }
.schedule .stable .tha3 { width:auto; }
.schedule .stable .tha4 { width:12%; }
											
											
											
	
@media (max-width:768px){
	.s_calendar_top { height:auto;  }
	.s_calendar_top .s_calendar_select2 { position:static; text-align:center; }

	.select_normal { width:auto; }

	.schedule table td { height:60px; }
	.schedule table td a { width:100%; height:30px; }
	.schedule table td a img { width:30px; } 

}