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


@charset "utf-8";

/*공지사항 리스트*/

.news table {
	width: 1180px;
	color: #888;
	margin-bottom: 50px;}
	
	.news th { 
		height: 40px;
		color: #441b4e;
		font-size: 14px;
		border-bottom: 1px solid #e4e4e4;
		border-top: 1px solid #e4e4e4;
		background-color: #f2f2f2;}
	
	.news td {
		height: 40px;
		text-align: center;
		border-bottom: 1px solid #e4e4e4;}
		
	.news table td.tit {
		padding: 0px 40px;
		text-align: left;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 13px;}
		
		.news table a { 
			color: #797979; 
			margin-right: 5px;
			margin-left: 5px;}
			
			.news .tit span { font-weight: bold;  color: #841b53;}
		
		.news table a:hover,
		.news table a:focus { text-decoration: underline;}

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

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

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


/*공지사항 - 내용보기*/

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

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

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

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

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


/*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;}