@charset "utf-8";

@import "reset.css";
@import "default.css";
@import "base.css";
@import "sub_base.css";


/*수상내역*/

.awa .lcon {
	width: 570px;
	height: 384px;
	float: left;
	position: relative;}
	
	.awa .lcon h4 {
		width: 290px;
		height: 254px;
		padding-top: 130px;
		background: url(../img/pr_center/tit_bg.gif) no-repeat top left;
		position: absolute;
		top: 0px;
		right: 0px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		line-height: 24px;
		font-size: 18px;}
		
		.awa .lcon h4 .date {
			width: 200px;
			margin: 0px auto 35px;
			display: block;}
			
		.awa .lcon h4 .tit {
			width: 200px;
			margin: 0px auto;
			display: block;}
			
	.awa .lcon .img_wrap {
		width: 278px;
		height: 382px;
		border: 1px solid #b9b9b9;
		border-right: none;
		background: url(../img/pr_center/award_bg.gif) no-repeat top left;}
		
		.awa .lcon .img_wrap img {width: 100%; height: 382px;}

.awa .rcon {
	width: 570px;
	float: left;
	margin-left: 40px;}
	
	.awa .rcon ul {border-top: 1px solid #e4e4e4;}
	
		.awa .rcon li { 
			width: 100%; 
			height: 62px; 
			border-bottom: 1px solid #e4e4e4;}
		
		.awa .rcon a {
			width: 100%;
			height: 20px;
			padding: 21px 0px;
			display: block;}
			
		.awa .rcon a:hover,
		.awa .rcon a:focus,
		.awa .rcon a.on { background-color: #f2f2f2;}
			
			.awa .rcon a .date {
				width: 140px;
				text-align: center;
				font-size: 15px;
				line-height: 20px;
				color: #888;
				display: block;
				float: left;}
				
			.awa .rcon a:hover .date,
			.awa .rcon a:focus .date,
			.awa .rcon a.on .date {
				color: #441b4e;}
				
			.awa .rcon a .tit {
				width: 400px;
				padding-right: 10px;
				padding-left: 20px;
				font-size: 16px;
				line-height: 20px;
				color: #333;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;}
		
			.awa .rcon a:hover .tit,
			.awa .rcon a:focus .tit,
			.awa .rcon a.on .tit {
				color: #441b4e;}

.awa .ps_wrap { width: 570px; margin: 0px auto;}

.awa .search_wrap { float: left; margin-right: 50px;}

.awa .paging_wrap { width: 265px; float: left;}


/*영상광고*/

.pic .vr_wrap {
	width: 1030px;
	padding: 49px 69px 79px;
	border: 1px solid #b9b9b9;
	background-color: #f2f2f2;}

.pic .vr_bg {
	width: 950px;
	height: 488px;
	padding: 100px 40px 0px;
	background: url(../img/pr_center/logo.gif) no-repeat center 47px #fff;}
	
	.pic .vr_bg .vr {
		width: 950px;
		height: 474px;
		background: url(../img/pr_center/vr_ing.gif) no-repeat top left;}

.pic .btn_wrap {
	width: 950px;
	height: 44px;
	padding: 0px 40px;
	background-color: #fff;
	position: relative;}
	
	.pic .btn_wrap .line {
		width: 950px;
		height: 4px;
		background: url(../img/pr_center/line_bg.gif) repeat-x top left;
		position: absolute;
		top: 21px;
		left: 40px;
		z-index: 0;}
		
	.pic .tit_wrap {
		width: 400px;
		height: 44px;
		margin: 0px auto;
		background-color: #fff;
		position: relative;
		z-index: 1;
		text-align: center;}
		
		.pic .tit_wrap .tit {
			font-size: 20px;
			font-weight: bold;
			line-height: 44px;
			letter-spacing: -1px;
			color: #333;}
		
		.pic .tit_wrap .prev_btn {
			display: block;
			width: 60px;
			position: absolute;
			top: 0px;
			left: 10px;}

		.pic .tit_wrap .next_btn {
			display: block;
			width: 60px;
			position: absolute;
			top: 0px;
			right: 10px;}

.pic .list_wrap {
	width: 950px;
	padding: 45px 40px 15px;
	margin-bottom: 40px;
	background-color: #fff;}
	
	.pic .list_wrap .list {	width: 970px;}
	
		.pic .list_wrap li {
			width: 230px;
			float: left;
			margin-right: 10px;
			text-align: center;
			font-size: 15px;
			color: #888;
			line-height: 22px;}
			
			.pic .list_wrap a {
				width: 100%;
				display: block;
				margin-bottom: 10px;}
				
				.pic .list_wrap a img {
					width: 100%;
					height: 125px;}
					
.pic .ps_wrap { width: 570px; margin: 0px auto;}

.pic .search_wrap { float: left; margin-right: 50px;}

	.pic .search_wrap input { background-color: #fff;}

.pic .paging_wrap { width: 265px; float: left;}


/*지면광고*/

.pap .lcon {
	width: 464px;
	height: 658px;
	float: left;
	padding: 9px;
	border: 1px solid #b9b9b9;
	margin-right: 70px;}
	
	.pap .lcon .img_wrap {
		width: 464px;
		height: 658px;
		background: url(../img/pr_center/pap_bg.gif) no-repeat top left;}
		
		.pap .lcon .img_wrap img { width: 100%; height: 658px;}

.pap .rcon {
	width: 625px;
	height: 631px;
	float: left;}
	
	.pap .rcon .list_wrap {
		padding-top: 29px;
		padding-bottom: 10px;
		border-top: 1px solid #b9b9b9;
		border-bottom: 1px solid #b9b9b9;
		margin-bottom: 25px;}
		
		.pap .rcon .list { width: 650px;}
		
		.pap .rcon li {
			width: 195px;
			height: 275px;
			float: left;
			margin-right: 20px;
			margin-bottom: 20px;}
			
			.pap .rcon li img {
				width: 195px;
				height: 275px;}


/*사회공헌 - 리스트*/

.cont .list_wrap {
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	padding-top: 40px;
	margin-bottom: 60px;}

	.cont .list { width: 1220px;}
	
		.cont .list li {
			width: 368px;
			height: 246px;
			float: left;
			margin-bottom: 38px;
			margin-right: 38px;}
			
			.cont .list li img {
				width: 100%;
				height: 246px;}


.cont .ps_wrap { width: 570px; margin: 0px auto;}

.cont .search_wrap { float: left; margin-right: 50px;}

.cont .paging_wrap { width: 265px; float: left;}


/*사회공헌 - 내용보기*/

.cont_view h4 {
	width: 100%;
	height: 20px;
	padding: 15px 0px;
	background-color: #f2f2f2;
	border-top: 1px solid #e4e4e4;
	font-size: 16px;
	line-height: 20px;
	color: #441b4e;
	text-align: center;}

.cont_view dl {
	width: 100%;
	height: 20px;
	padding: 15px 0px;
	border-bottom: 1px solid #e4e4e4;}
	
	.cont_view dl dt,
	.cont_view dl dd {
		font-size: 14px;
		line-height: 20px;
		float: left;}
		
	.cont_view dl dt {
		width: 55px;
		text-align: right;
		font-weight: bold;
		color: #441b4e;}
		
	.cont_view dl dd { font-size: 13px; color: #888; padding-left: 10px;}
	
	.cont_view dl dd.nth_01 { width: 140px;}
	.cont_view dl dd.nth_02 { width: 780px;}
	.cont_view dl dd.nth_03 { width: 65px;}

.cont_view .comment_wrap {
	width: 960px;
	min-height: 200px;
	padding: 50px 110px 70px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 30px;
	font-size: 13px;
	line-height: 20px;
	color: #797979;}
	
	.cont_view .comment_wrap img {
		display: block;
		max-width: 960px;
		margin: 0px auto 20px;}

.cont_view .btn_wrap { text-align: center; margin-bottom: 70px;}

.cont_view .list_btn {
	width: 100%;
	border-top: 1px solid #e7e7e7;}
	
	.cont_view .list_btn li {
		width: 100%;
		height: 34px;
		border-bottom: 1px solid #e7e7e7;}
		
		.cont_view .list_btn li img {
			display: block;
			float: left;
			margin-right: 20px;}
			
		.cont_view .list_btn li a {
			font-size: 13px;
			color: #797979;
			line-height: 34px;}
			
		.cont_view .list_btn li a:hover,
		.cont_view .list_btn li a:focus { text-decoration: underline;}



/*봉사단*/

/* 기존 예림원 홈페이지 링크 */
/*
.tru .btn_01 {
	width: 166px;
	height: 36px;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	bottom :117px;
	left: 535px;}
	

.tru .btn_02 {
	width: 166px;
	height: 36px;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	bottom : 80px;
	left: 535px;}
	*/

/* 플랜코리아 홈페이지 링크 */
.tru .btn_01 {
    width: 242px;
    height: 36px;
    display: block;
    background: url(../img/common/ir_img.gif) repeat top left;
    position: absolute;
    bottom: 145px;
    left: 535px; }

.tru .btn_02 {
    width: 223px;
    height: 36px;
    display: block;
    background: url(../img/common/ir_img.gif) repeat top left;
    position: absolute;
    bottom: 145px;
    left: 815px;
}





/*FAQ*/

.faq .list {
	width: 100%;
	margin-bottom: 50px;}
	
	.faq .list li { margin-bottom: 9px;}
	
		.faq .list h5 {
			width: 1178px;
			background-color: #f2f2f2;
			border: 1px solid #e4e4e4;
			position: relative;}
			
			.faq .list h5 a {
				width: 1072px;
				padding-left: 105px;
				padding-top: 12px;
				padding-bottom: 8px;
				display: block;
				font-size: 15px;
				line-height: 20px;
				color: #6a6a6a;
				background: url(../img/customer/faq_01.gif) no-repeat 40px 12px;}
				
			.faq .list h5 a:hover,
			.faq .list h5 a:focus,
			.faq .list h5.on a { color: #441b4e;}
				
			.faq .list h5 span {
				display: block;
				width: 40px;
				height: 100%;
				background: url(../img/customer/bulit_01.gif) no-repeat center center #fff;
				position: absolute;
				top: 0px;
				right: 0px;
				border-left: 1px solid #e4e4e4;}
				
			.faq .list h5.on span {background: url(../img/customer/bulit_02.gif) no-repeat center center #fff;}
				
		.faq .list p {
			width: 972px;
			padding: 15px 100px 15px 105px;
			background: url(../img/customer/faq_02.gif) no-repeat 35px center;
			font-size: 13px;
			line-height: 20px;
			color: #797979;}


.faq .ps_wrap { width: 570px; margin: 0px auto;}

.faq .search_wrap { float: left; margin-right: 50px;}

.faq .paging_wrap { width: 265px; float: left;}



/*1:1문의*/

.mtm .form_wrap {
	width: 100%;
	position: relative;}
	
	.mtm .form_wrap .clause_box {
		width: 485px;
		float: left;
		margin-right: 45px;}
		
		.mtm .form_wrap .clause_box h5 { height: 16px; text-align: center;}
		
		.mtm .form_wrap .clause_box p {
			width: auto;
			height: 185px;
			padding: 10px 15px;
			margin-bottom: 20px;
			background-color: #efefef;
			border: 1px solid #cecece;
			overflow-y: scroll;
			color: #797979;
			font-size: 12px;
			line-height: 20px;}
			
			.mtm .form_wrap .clause_box p strong {
				font-size: 13px;
				color: #4d4d4d;
				display: block;
				margin-bottom: 10px;}
			
			
		.mtm .form_wrap .clause_box input[type="radio"] { margin: 0px; vertical-align: text-bottom;}
		
		.mtm .form_wrap .clause_box input.ml_50 { margin-left: 50px;}
		.mtm .form_wrap .clause_box input.ml_30 { margin-left: 30px;}
		
		.mtm .form_wrap .clause_box .rBox { width: 100%;  margin-bottom: 30px; color: #414141; text-align: center;}
		
			.mtm .form_wrap .rBox strong{ color: 4d4d4d; font-size: 13px; }
		
		.mtm .form_wrap .clause_box .rBox img { vertical-align: middle;}
	
	.mtm .form_box {
		width: 650px;
		float: left;}
		
		.mtm .form_box table { 
			width: 100%;}
		
		.mtm .form_box th,
		.mtm .form_box td { 
			border-bottom: 1px solid #eaeaea;
			padding: 7px 0px 8px;
			color: #6d6d6d;}
			
		.mtm .form_box th { 
			text-align: left;
			font-family: 'Nanum Gothic', sans-serif;
			font-size: 13px;
			color: #4d4d4d;
			letter-spacing: -1px;}
			
		
		.mtm .form_box th.bdn,
		.mtm .form_box td.bdn { border-bottom: none;}
		
		.mtm .form_box .textbar {
			width: 70px;
			height: 16px;
			font-family: 'Nanum Barun Gothic', sans-serif; 
			padding: 4px 5px 3px;
			line-height: 16px;
			font-size: 13px;
			border: 1px solid #dadada;
			border-bottom: none;
			border-right: none;
			background-color: #EFEFEF;}
			
		.mtm .form_box .w_25 { width: 25px;}
		.mtm .form_box .w_45 { width: 45px;}
		.mtm .form_box .w_80 { width: 80px;}
		.mtm .form_box .w_90 { width: 90px;}
		.mtm .form_box .w_150 { width: 150px;}
		.mtm .form_box .w_250 { width: 332px;}
		.mtm .form_box .w_320 { width: 320px;}
		
		.mtm .form_box textarea {
			width: 530px;
			height: 120px;
			padding: 10px;
			font-family: 'Nanum Barun Gothic', sans-serif; 
			font-size: 13px;
			line-height: 20px;
			color: #696969;
			background-color: #efefef;
			border: 1px solid #dadada;
			border-right: none;
			border-bottom: none;}
		
		.mtm .form_box .site { 
			font-size: 13px; 
			font-weight: bold; 
			font-family: 'Nanum Barun Gothic', sans-serif; 
			color: #441b4e; 
			border: 1px solid #cfcfcf; 
			padding-right: 20px;
			margin-right: 10px;}
			
		.mtm .form_box .name { color: #441b4e; font-weight: bold;}
			
		.mtm .form_box .email { font-weight: bold; background-color: #441b4e; color: #fff; border: none; width: 230px; margin-right: 10px;}
		
		.mtm .form_box input[type="radio"] { margin: 0px; position: relative; top: 2px;}
		
		.mtm .form_box input.ml_10 { margin-left: 15px;}
		.mtm .form_box input.ml_20 { margin-left: 20px;}
		
		.mtm .form_box a img { vertical-align: top;}
		
		.form_box p.tac { color: #828387; font-size: 12px;}
		
		
.mtm  .btn_wrap {
	width: 100%;
	text-align: center;}
	
	.mtm .btn_wrap .btn_01 { margin-right: 15px;}

/*이벤트 - 리스트*/

.ev .list_wrap {
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	padding-top: 40px;
	margin-bottom: 60px;}

	.ev .list { width: 1220px;}
	
		.ev .list li {
			width: 368px;
			height: 360px;
			float: left;
			margin-bottom: 38px;
			margin-right: 20px;
			text-align: center;}
			
			.ev .list li a { display: block;}
			
			.ev .list li img {
				width: 100%;
				height: 306px;
				margin-bottom: 10px;
				display: block;}
				
				.ev .list li strong { font-size: 13px; color: #444; margin-bottom: 5px; display: block;}
				
				.ev .list li .date { font-size: 13px; color: #888; display: block;}


.ev .ps_wrap { width: 570px; margin: 0px auto;}

.ev .search_wrap { float: left; margin-right: 50px;}

.ev .paging_wrap { width: 265px; float: left;}


/*이벤트 - 내용보기*/

.ev_view h4 {
	width: 100%;
	height: 20px;
	padding: 15px 0px;
	background-color: #f2f2f2;
	border-top: 1px solid #e4e4e4;
	font-size: 16px;
	line-height: 20px;
	color: #441b4e;
	text-align: center;}

.ev_view dl {
	width: 100%;
	height: 20px;
	padding: 15px 0px;
	border-bottom: 1px solid #e4e4e4;}
	
	.ev_view dl dt,
	.ev_view dl dd {
		font-size: 14px;
		line-height: 20px;
		float: left;}
		
	.ev_view dl dt {
		width: 55px;
		text-align: right;
		font-weight: bold;
		color: #441b4e;}
		
	.ev_view dl dd { font-size: 13px; color: #888; padding-left: 10px;}
	
	.ev_view dl dt.nth_02 { width: 75px;}
	.ev_view dl dd.nth_01 { width: 130px;}
	.ev_view dl dd.nth_02 { width: 770px;}
	.ev_view dl dd.nth_03 { width: 65px;}

.ev_view .comment_wrap {
	width: 960px;
	min-height: 200px;
	padding: 50px 110px 70px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 30px;
	font-size: 13px;
	line-height: 20px;
	color: #797979;}
	
	.ev_view .comment_wrap img {
		display: block;
		max-width: 960px;
		margin: 0px auto 20px;}

.ev_view .btn_wrap { text-align: center; margin-bottom: 70px;}

.ev_view .list_btn {
	width: 100%;
	border-top: 1px solid #e7e7e7;}
	
	.ev_view .list_btn li {
		width: 100%;
		height: 34px;
		border-bottom: 1px solid #e7e7e7;}
		
		.ev_view .list_btn li img {
			display: block;
			float: left;
			margin-right: 20px;}
			
		.ev_view .list_btn li a {
			font-size: 13px;
			color: #797979;
			line-height: 34px;}
			
		.ev_view .list_btn li a:hover,
		.ev_view .list_btn li a:focus { text-decoration: underline;}