/*인사말*/
.info01 {  padding:0 10px 30px 10px; position:relative; }
.info01 h3 { font-size:24px; font-weight:bold; line-height:35px; display:block; padding-bottom:30px; }
.info01 p {font-size:16px; line-height:33px; display:block; margin-right:310px; } 
.info01 p img { float:right; } 
.info01 .photo { position:absolute; top:10px; right:0px; }
.info01 .photo img { margin-bottom:40px; }

/*연고자 추천 폼*/
#contents .recommend_form table{width:100%; border-top:solid 2px #99968a;}
#contents .recommend_form table th {width:200px; min-width:130px; padding:18px 0px 18px 20px; background:#f7f6f0; border-bottom:solid 1px #99968a; color:#4d4b45; font-size:14px; font-family:'malgun gothic'; font-weight:bold; vertical-align:middle;}
#contents .recommend_form table td {font-size:14px; border-bottom:solid 1px #99968a; padding:11px 13px 11px 13px; vertical-align:middle;}
#contents .recommend_form table input {width:198px; height:30px; border:solid 1px #99968a;}
#contents .recommend_form table select {width:98px; height:25px; padding:0 0 0 12px; border:solid 1px #cccccc; border-radius:5px; background:#f8f8f8; font-size:14px; font-family:'malgun gothic'; font-weight:bold;}
#contents .form_btn {margin-top:30px; text-align: center;}
#contents .form_btn a {background:url(../images/recommend/btn_complete.gif) no-repeat left center; padding:5px 0 9px 42px; font-size:16px; font-weight:bold;}

/*후보 목록*/
#contents .list .info {margin-top:54px;}
/*후보 사진*/
#contents .list .info .photo {position:absolute; width:200px;}
#contents .list .info .photo .profile  { max-width:170px;height:200px;text-align:center;}
#contents .list .info .photo .profile img { width:100%;height:100%;margin-left: auto; margin-right: auto; display: block;}
#contents .list .info .photo ul {display:table; margin-top:14px; margin-left:23px;}
#contents .list .info .photo ul > li {display:table-cell; float:left; margin-right:7px;}
/*후보 정보*/
#contents .list .info .desc {position:relative; margin-left:220px;}
#contents .list .info .desc h4 {font-size:18px; font-weight:bold;}
#contents .list .info .desc h5 {float:left; font-size:24px; font-weight:bold; margin-bottom:16px;}
#contents .list .info .desc ul {float:right;  margin-top:5px;}
#contents .list .info .desc ul li a {background:url(../images/candidate/detail.gif) no-repeat left center; padding:8px 0 10px 42px; font-size:16px; font-weight:bold;}
#contents .list .info .desc table {width:100%; border-top:solid 2px #99968a; font-weight:bold;}
#contents .list .info .desc table th {width:200px; min-width:80px; border-bottom:solid 1px #99968a; padding:9px 0 9px 40px; vertical-align:top; font-size:14px;}
#contents .list .info .desc table th.birth {background:#f7f6f0 url(../images/candidate/birth.gif) no-repeat 11px 11px;}
#contents .list .info .desc table th.phone {background:#f7f6f0 url(../images/candidate/phone.gif) no-repeat 11px 11px;}
#contents .list .info .desc table th.addr {background:#f7f6f0 url(../images/candidate/addr.gif) no-repeat 11px 11px;}
#contents .list .info .desc table th.profile {background:#f7f6f0 url(../images/candidate/profile.gif) no-repeat 13px 11px;}
#contents .list .info .desc table td {border-bottom:solid 1px #99968a; font-size:14px; padding:10px 17px 10px 17px; vertical-align:top;}

@media all and (max-width: 870px) {
	.info01 p  { margin-right:0px; }
	.info01 .photo { position:relative; padding-top:20px; }
}

@media all and (max-width:800px) {
	#contents .list .info .desc table th {width:110px;}
}

@media all and (max-width: 720px) {
	
}

@media all and (max-width: 640px) {
	#contents .recommend_form table select {width:100%; margin-bottom:5px;}
	#contents .recommend_form table input {width:100%;}

	#contents .list .info .desc {margin-top:20px;}
	#contents .list .info .desc h5 {position:relative; float:left; margin-top:-30px; margin-left:150px;}
	#contents .list .info .desc table td {width:100%;}
	#contents .list .info .desc ul {display:none;}
	#contents .list .info .photo {position:relative; left:50%; margin-left:-100px;}
	#contents .list .info .desc {position:relative; margin-left:0;}
}

@media all and (max-width: 490px) {
	
}


@media all and (max-width: 420px) {
	.info01 { padding:20px 0px; }
	.info01 p  { line-height:22px; }
	.info01 h3 { font-size:19px; padding-bottom:20px; }
	
	.info01 img { width:100%; height:auto !important; max-width:282px; }
	
}

@media all and (max-width:569px) {
	#contents .recommend_form table th {width:130px;}
	#contents .recommend_form table td {width:190px;}
}

@media all and (max-width:320px){
	#contents .recommend_form table select {width:100%;}
	#contents .recommend_form table input {width:100%;}
	#contents .list .info .desc table th {width:80px;}
	#contents .list .info .desc table td {min-width:135px;}
}