@charset "utf-8";
@import url(style.css);
@import url(basic.css);
/*2015-12-23 신규생성된 파일 입니다*/

.contentbox{font-family:'Nanum Gothic'}

/* 사용 안함 (error_popup 사용) */
.comm_popupwrap {width:100%; height:100%; display:block; position:absolute; top:0px; left:0px; z-index:99997; background-color:#363636; opacity:0.6; -moz-opacity:0.6;  filter: alpha(opacity=60);}
	.comm_popupbox {width:380px; position:absolute; top:25%; left:40%; z-index:99998;}
		.comm_popupcon {width:340px; background-color:#fff; border:3px solid #f74f0e; padding:30px 20px;}
			.comm_popup {width:340px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;}
				.comm_popup dt {background-color:#f4f4f4; border-bottom:1px solid #c7c7c7; padding:20px 0; text-align:center;}
				.comm_popup dd {padding:15px;}
			.comm_popup_txt {width:340px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding:20px 0; text-align:center;}

/*로그인*/
.mem_loginwrap {width:731px; margin:50px auto;}
	.mem_loginbox {width:320px; float:left; padding:18px 20px;}
		.mem_login {position:relative;}
			.mem_loginbtn {position:absolute; top:0; right:0;}
		.mem_member {border-top:1px dotted #c7c7c7; margin-top:10px;}
			.mem_memberlist {}
				.mem_memberlist li {margin-top:5px;}
					.mem_memberbtn {width:320px; float:left;}
						.mem_memberbtn dt {float:left; line-height:1.2em; *clear:both;}
						.mem_memberbtn dd {float:right;}
	.mem_bannerbox {width:371px; float:right; margin-bottom:150px;}

/*회원가입*/
.mem_title {text-align:center; margin:60px auto 40px;}

.mem_stepwrap {width:800px; height:126px; margin:0 auto; background:url('../images/membership/mem_step_bg.jpg') repeat-x;}
	.mem_stepbox {width:576px; margin:0 auto;}
		.mem_stepbox li {float:left; margin:0 30px;}

.mem_provisionwrap {width:800px; margin:50px auto 30px; }
	.mem_provisionbox {width:390px; height:340px; margin-bottom:30px;}
		.mem_textarea {width:390px; height:290px; text-align:left; font-size:12px; border:1px solid #c7c7c7; overflow-x:hidden; resize:none;}
	.mem_checkbox {display:inline-block; width:800px; margin:0 auto; padding:10px; text-align:center; background-color:#f4f4f4; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;}
		
	.mem_accinfobox {width:800px; margin:50px auto 0; padding:12px; background-color:#f4f4f4; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; font-size:11px;}
		.mem_accinfo li {background:url('../images/icon/bulletG.png') no-repeat 10px 6px; padding-left:18px; margin:3px 0;}
			.mem_acc_TI {text-indent:20px;}

	.mem_accwrap {width:800px; margin:30px auto;}
		.mem_accbox {width:388px; height:260px; border:1px solid #c7c7c7; text-align:center; padding:40px 0; margin-bottom:50px;}

	
.mem_datawrap {width:800px; margin:80px auto 30px; }
	.mem_datbox {border-top:1px solid #737373; border-bottom:1px solid #737373;}
		table.mem_dataTable {}
			table.mem_dataTable tbody tr {border-bottom:1px solid #c7c7c7; height:50px; padding:10px 15px; *height:38px; *padding:6px 10px;}
			table.mem_dataTable tbody tr.WideTr {height:70px;}
			table.mem_dataTable tbody tr.WideTrB {height:148px;}
			table.mem_dataTable tbody tr.LastTr {border-bottom:none;}
				table.mem_dataTable tbody tr th {background-color:#f4f4f4; text-align:left; font-weight:bold; padding-left:15px; *border-bottom:1px solid #c7c7c7;}
				table.mem_dataTable tbody tr td {padding-left:10px; *border-bottom:1px solid #c7c7c7;}
					table.mem_dataTable tbody tr td .mem_ment {font-size:11px; color:#999;}

.mem_finishbox {width:450px; margin:50px auto; text-align:center;}

.mem_search_infobox {width:800px; margin:50px auto 0; padding:12px; background-color:#f4f4f4; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; font-size:11px; text-align:center;}

.mem_searchwrap {width:820px; margin:50px auto 0;}
	.mem_searchbox {width:390px;}
		.mem_search {width:328px; height:230px; border:1px solid #c7c7c7; padding:30px; margin-bottom:50px;}
			.mem_tableLine {border-top:1px solid #737373; border-bottom:1px solid #737373;}
			table.mem_searchTable {width:328px;}
				table.mem_searchTable tbody tr {border-bottom:1px solid #c7c7c7; height:50px; padding:10px 15px;}
					table.mem_searchTable tbody tr th {background-color:#f4f4f4; text-align:left; font-weight:bold; padding-left:10px;}
					table.mem_searchTable tbody tr td {padding:0 10px;}


.error_popup {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.error_popup .background {width:100%; height:100%; display:block; position:absolute; top:0px; left:0px; background-color:#363636; opacity:0.6; -moz-opacity:0.6;  filter: alpha(opacity=60);}
.error_popup .panel {width:380px; position:absolute; top:50%; left:50%; z-index:10;}
.error_popup .panel .contents {width:340px; background-color:#fff; border:3px solid #f74f0e; padding:30px 20px;}
.error_popup .panel .contents .dl {width:340px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;}
.error_popup .panel .contents .dl dt {background-color:#f4f4f4; border-bottom:1px solid #c7c7c7; padding:20px 0; text-align:center;}
.error_popup .panel .contents .dl dd {padding:15px;}

/* 결제 결과 팝업 */
.result_popup {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.result_popup .background {width:100%; height:100%; display:block; position:absolute; top:0px; left:0px; background-color:#363636; opacity:0.6; -moz-opacity:0.6;  filter: alpha(opacity=60);}
.result_popup .panel {width:380px; position:absolute; top:50%; left:50%; z-index:10;}
.result_popup .panel .contents {width:340px; background-color:#fff; border:3px solid #f74f0e; padding:30px 20px;}
.result_popup .panel .contents .dl {width:340px; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;}
.result_popup .panel .contents .dl dt {background-color:#f4f4f4; border-bottom:1px solid #c7c7c7; padding:20px 0; text-align:center;}
.result_popup .panel .contents .dl dd {padding:15px;}

.evPopup { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
.evPopup .bg { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-color: #363636; opacity: 0.6; -moz-opacity: 0.6;  filter: alpha(opacity=60); }
.evPopup .panel { width: 450px; position: absolute; top: 50%; left: 50%; z-index: 10; }
.evPopup .panel .contents { width: 410px; background-color: #fff; border: 3px solid #5294de; padding: 20px 20px; }
.evPopup .panel .contents .button { padding: 5px 7px; background-color: #0C58B0; border: 1px solid #054180; font-weight: bold; color: #fff; margin: 15px 0; }

.memberTypePanel { margin: 20px auto; width: 820px; height: 60px; }
.memberType { margin-top: 20px; }
.memberType li { float: left; width: 398px; line-height: 60px; text-align: center; border: 1px solid #c7c7c7; font-size: 18px; cursor:pointer; }
.memberType li.on { background-color: #5294de; color: #fff; font-weight: bold; border: 1px solid #5294de; }