@charset "utf-8";

.dot dt, .dot li{padding:0 0 0 10px; text-align:justify; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 2px 7px;}

/* 위원장인사말 */
#sub_greeting {overflow:hidden; width:100%;}
#sub_greeting .picture{float:left; width:110px;}
#sub_greeting .picture span{display:block; border:1px solid #d2d2d2;}
#sub_greeting .picture span img{width:100px; height:130px; border:4px solid #fff;}
#sub_greeting .picture p{width:100%; padding:10px 0 0 0; font-size:120%; text-align:center;}
#sub_greeting .picture p strong{font-size:110%;}
#sub_greeting .greeting{float:right; width:610px;}
#sub_greeting .greeting p{margin:0 0 20px 0; line-height:150%; font-size:120%; font-weight:bold; color:#0076a2;}
#sub_greeting .greeting p span{color:#002aa2;}

/* 위원회 업무 */
#sub_work .work{width:65%; padding:0 35% 0 0; font-size:120%; min-height:200px; height:auto !important; height:200px; background:url(/images/standing/pages/bg_work.gif) no-repeat 100% 10px;}

/* 위원소개*/
#sub_member{overflow:hidden; width:100%;}
.member{float:left; width:360px; height:210px; margin:0 10px 17px 0; padding:10px 0 0 10px; border:1px solid #cecece;}
.none{margin:0 0 15px 0;}
.member dt{float:left; width:107px;}
.member dt img{width:107px; height:147px;}
.member dd{float:left; width:227px; padding:0 0 0 15px;}
.member dd .name{display:block; padding:9px 0 8px 0; font-size:120%;}
.member dd li{width:220px; padding:3px 0 3px 7px; border-bottom:1px solid #d5d5d5; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 10px;}
.member dd li *{display:inline-block; vertical-align:top;}
.member dd li strong{width:40px;}
.member dd li span{width:180px;}
.member dd p{clear:both; overflow:hidden; width:100%; padding:10px 0 0 0;}
.member dd p a{float:left; margin:0 8px 0 0;}

/* 의사일정 */
#sub_agenda .topArea{overflow:hidden; width:100%; height:46px;}
#sub_agenda .topArea .today{float:left; width:220px; padding:10px 0 0 10px; font-weight:bold;}
#sub_agenda .topArea .today span{color:#ff7200;}
#sub_agenda .topArea .date{float:left; width:350px; height:47px;}
#sub_agenda .topArea .date li{float:left; font-weight:bold;}
#sub_agenda .topArea .date li a{color:#425090;}
#sub_agenda .topArea .date li.prev{padding:5px 36px 0 0;}
#sub_agenda .topArea .date li.day{width:150px; font-size:250%; line-height:100%; letter-spacing:-2px; font-family:arial; color:#123b85;}
#sub_agenda .topArea .date li.next{padding:5px 0 0 0;}
#sub_agenda .topArea .con{float:right; padding:5px 10px 0 0; line-height:130%; font-size:95%;}
#sub_agenda .topArea .con span{color:blue;}
#sub_agenda .topArea .con .start span{color:red;}

#sub_agenda .calendar{border-collapse:collapse; width:99.9%; margin:0 0 30px 0;}
#sub_agenda .calendar td{border:1px solid #dadada; border-top:none;}
#sub_agenda .calendar th{height:34px; background:#696969; color:#fff; font-weight:bold;}
#sub_agenda .calendar th.first-child{border-left:1px solid #636363;}
#sub_agenda .calendar th.last-child{border-right:1px solid #636363;}
#sub_agenda .calendar td{height:56px; width:100px; line-height:11px; vertical-align:top; padding:12px 0 0 8px; font-size:92%; font-weight:bold;}
#sub_agenda .calendar td.schedule{min-height:49px; width:87px; padding:12px 0 7px 13px;}
#sub_agenda .calendar td.schedule span{display:block; min-height:49px; width:87px; padding:12px 0 7px 13px;}
#sub_agenda .calendar td.schedule a{display:block; padding:5px 0 0 0; font-weight:normal; color:#fa5107;}
#sub_agenda .calendar td.today{color:#000;}
#sub_agenda .calendar td.sun{color:#da1919;}
#sub_agenda .calendar td.sat{color:#1321d7;}

#calendar a.fc-event{cursor:pointer;}

#sub_gallery .photo li{padding:15px 9px 15px 10px;}

form.searchArea{overflow:hidden; display:block; margin:0 0 20px 0;border:1px solid #d8d8d8;}
form.searchArea *{float:left;}
form.searchArea .searchform{width:100%; height:48px; padding:16px 0 0 20px; background:#f9f9f9;}
form.searchArea .searchform label{padding:0 7px 0 12px; font-weight:bold; color:#000; line-height:29px; background:url(/images/common/bullet/bul_dotGray2.gif) no-repeat 0 12px;}
form.searchArea .searchform input[type="text"]{width:125px; height:29px; margin:0 5px 0 0; border:1px solid #c8c8ca;padding:0 5px;}
form.searchArea .searchform select{width:95px; height:30px; line-height:30px; padding:2px; margin:0 2px 0 0; border:1px solid #bfbfbf;}
form.searchArea .searchform select[name=th] {width:55px}
form.searchArea .searchform select[name=session],
form.searchArea .searchform select[name=flag],
form.searchArea .searchform select[name=proposer] {width:65px;}
form.searchArea .searchform select[name=committee] {width:125px;}
form.searchArea .searchform .info{padding:5px 0 0 10px; margin:0;}

@media screen and (max-width:999px){
	img{border:0; max-width:100%; vertical-align:middle;}
	#sub_greeting .greeting{width:410px;}

	.member{overflow:hidden; width:96.6%; height:auto; padding:13px 0 2em 13px; margin:0 0 1.5em 0;}
	.none{margin:0 0 2em 0;}
	.member dt{width:30%; max-width:127px;}
	.member dt img{width:90%; max-width:107px; height:auto;}
	.member dd{width:70%; padding:0;}
	.member dd ul{width:100%;}
	.member dd ul li{width:97%;}
	.member dd li span{width:85%;}

	form.searchArea .searchform{width:98%; height:auto; padding:16px 0 15px 2%;}
	form.searchArea .searchform select,form.searchArea .searchform input[type="text"]{margin-bottom:5px;}
}

@media screen and (max-width:767px){
	.m{display:block;}
	#sub_greeting .picture{width:30%; max-width:110%;}
	#sub_greeting .picture span{max-width:102px;}
	#sub_greeting .picture span img{height:auto; width:91%; max-width:100px;}
	#sub_greeting .greeting{width:67%;}
	#sub_greeting .greeting p{line-height:130%; font-size:115%;}
		
	#sub_work .work{width:100%; padding:0 0 2em; font-size:120%; background-size:30%; background-position:right bottom;}

	.member{padding:2% 1.5% 0.8em;}
	.member dd .name{padding:0.2em 0;}
	.member dd li span{width:80%;}
	.member dd p a{margin:0 2px 0 0;}

	form.searchArea .searchform{padding:0.8em 0 0.7em 2%;}
	form.searchArea .searchform select{width:6em;}
}