@charset "utf-8";
@import url("common.css"); /* 기본정보 */
@import url("sub.css"); /* 게시판 */
@import url("slick.css"); /* 게시판 */

/* JIN 구조 */

html, body{
	height: 100%;
}
body::before {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	background: url(../images/login/login_bg3.jpg); 
	background-size: cover;
	content: '';
}

#container {	
}

#wrap {
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	left:0;
	right:0;
	z-index: 999;
	overflow: hidden;
	position: relative;  
	margin: 0 auto; 
	width:100%;	
	height: 100%;
	min-height: 100%;
}
#header {
	background: none;
}
#nav {
	position: relative;
}
#contents {}

#footer {
	color: #ffffff;
	border-top:1px solid rgba(0, 0, 0, 0.5);
}
#footer .bg_odd li a {
	color: #ffffff;
}

/* 로그인 타이틀 */
.message {
	text-align:center; 
	padding:150px 0 50px 0;
}
.message-tit {
	font-size:40px; 
	font-weight:bold; 
	color:#ffffff; 
	margin-bottom:10px;
}
.message-con {
	color:#d8d8d8; 
	line-height:1.6; 
	font-size:18px; 
	font-weight:lighter; 
}

/* JIN 로그인 서브페이지:로그인화면 */
.join_gate {
	text-align:center;
}
.join_gate .chk_in ul.login_link {
	float:right;
}
.join_gate ul.login_link li {
	display:inline-block; 
	float:left;
	margin-left:15px;
	padding-left:15px;
	border-left:1px solid #e5e5e5;
	font-size:14px;
}
.join_gate ul.login_link a {
	color:#ffffff;
}

.join_gate ul.login_link li:first-child {
	border-left:0; 
	padding-left:0;
}
.join_gate input {
	height:48px; 
	border-radius: 3px; 
	background:#fafafa;
}

.m_join {font-size:14px; float:left;}
.m_join a {color:#ffffff;}

/* 메인상단 POPUP */

/* KYJ : 20161110  : 팝업 상단 아이콘 위치변경 */
.popup_w .rolling_num {
	position:absolute; 
	right:30px; 
	top:8px; 
	margin:0 auto; 
	height:10px; 
	line-height:18px; 
	z-index:1300; 
	display:table;
}
.popup_w .rolling_num span {
	display:inline-block; 
	float:left; 
	margin:0 3px; 
	width:10px; 
	height:10px;
}
.popup_w .rolling_num span button {
	vertical-align:top; 
	display: inline-block; 
	border: none; 
	padding: 0; 
	height: 10px;
}
.header_fx {
	width: 100%;
	height: auto;
}
	#zone_open {display:none; z-index:1010; }
	#zone_close {display:inline-block; z-index:1020;}
	#zone_open,
	#zone_close {
		width: 90px;
		height: 30px;
		line-height: 1.3;
		color: #fff;
		font-size: 13px;
		text-align: center;
		position:absolute;
		top: auto;
		right:30px; 
		padding: 0;
		border-radius: 0 0 4px 4px;
	}
	/* 팝업 하단띠와 버튼박스컬러 */
	#zone_open,
	#zone_close {
		background: #303f9f;
		border: none;
	}
	
#layerpopup {
	overflow:hidden;
	position:relative;
	z-index:1100;
	background: #f6f7fd;
}
.layer_popup {
	display: block; 
	overflow:hidden;
	height:110px;
}
.popup_w {
	position:relative; 
	height:110px; 
	margin:0 auto;
}
.popup_w .contents {	
	width:1020px; 
	height:110px; 
	margin: 0 auto;
}

.lp_shadow {
	position: absolute;
	z-index: 1200;
	width: 100%;
	height: 4px;
	bottom: 0;
	background: #303f9f;
}