@charset "utf-8";


/* 레이아웃 최상단 헤더 */
#site-container { 
	min-width:1050px; height:100%
 }


.front-card {
	width: 990px; height: 400px;
	margin: -200px 0 0 -495px;
	position: absolute;
	left: 50%; top: 50%;

	filter: alpha(opacity=95);
	opacity: 0.95; visibility: visible;
}
.front-welcome {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 610px;
	height: 328px;

}
.front-welcome-text {
	font-size: 26px; line-height:30px;
	font-weight: 400;
	color: #eee;
	text-align: left;
	text-shadow: #000 0 1px 2px;
}
.front-welcome-text.tow { margin-top:20px;}
.front-welcome-text h1 {
	margin-bottom: 10px;
	font-size: 60px; line-height:60px;
	font-weight: 700;
	color: #fff;
}
.front-welcome-text h1 a{
	color: #fff;
}

.card-top {
	border-bottom: 1px solid #ddd;
	color: #282828;
	font-size: 17px;
	padding: 0 0 9px 0;
	margin-bottom:19px; font-weight:bold;
}

.alt-checkbox {
	width:18px; height:18px; position:relative; float:left;
	display:inline-block;
	
	padding: 0;
	cursor: pointer;
	line-height: 18px;
	background: transparent url(../img/custom-inputs.png) no-repeat -90px -91px;
}
.alt-checkbox:hover, .alt-checkbox:focus { 
	background: transparent url(../img/custom-inputs.png) no-repeat -72px -109px;
}

.alt-checkbox.checked {
	background: transparent url(../img/custom-inputs.png) no-repeat -36px -145px;
}
.alt-checkbox.checked:hover {
	background: transparent url(../img/custom-inputs.png) no-repeat -18px -163px;
}


.alt-checkbox-label { 
	display:inline-block; position:relative; 
	font-size:12px; color:#666; padding-left:3px; line-height:16px;
}

fieldset p.keep{margin:1px 0 5px 0;padding:0}

fieldset p.keep_msg{color:#666}

.auth-forgot { position:relative; float:right; color:#6d6d6d; font-size:12px;}
.auth-up { color:#333; font-weight:bold;}

.auth-bottom  {
	font-size: 14px;
	padding: 15px 30px;
	background: #e8e8e8;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#dddddd));
	background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#f4f4f4), to(#dddddd));
	background: -moz-linear-gradient(center top, #f4f4f4, #dddddd);
	background: linear-gradient(#f4f4f4, #dddddd);
	-webkit-box-shadow: inset 0 1px 0 white;
	-moz-box-shadow: inset 0 1px 0 white;
	box-shadow: inset 0 1px 0 white;
	border-top: 1px solid #CFCFCF;
	height: auto;
	margin: 17px -28px -25px -28px;
	text-align: center;
}

/* login form */
#login-columns { 
	width: 340px; 
	position: absolute;
	top: 0; right: 0;

}

.auth-block {
	background: #FBFBFB;
	background: -moz-linear-gradient(top, #FBFBFB 92%, #EFEFEF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(92%, #FBFBFB), color-stop(100%, #EFEFEF));
	background: linear-gradient(top, #FBFBFB 92%, #EFEFEF 100%);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	padding: 29px 29px 25px 29px;
}

.auth-block .form-item { margin: 10px 0; position: relative; }

.auth-block .form-text, .form-textarea {
	width: 260px;
	height: 32px;
	font-weight: normal;
	padding: 0 10px; margin: 0 0 10px 0;
	line-height: 32px;
	font-size: 13px;
	border: 1px solid #CFCFCF;
	-webkit-box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.3) inset;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: white;
	color: #aaa;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.auth-block  input[type=text]:focus,
.auth-block  input[type=password]:focus {
	background: #fff;
	outline: none; 
	border:1px solid #4d8dff;
	-webkit-box-shadow:0 0 3px rgba(0, 116, 239, 0.5), 0 4px 5px -5px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow:0 0 3px rgba(0, 116, 239, 0.5), 0 4px 5px -5px rgba(0, 0, 0, 0.3) inset;
	box-shadow:0 0 3px rgba(0, 116, 239, 0.5), 0 4px 5px -5px rgba(0, 0, 0, 0.3) inset
}
.auth-block .form-signup {
	color: #6D6D6D;
	font-size:11px;
	padding: 0;
}

.form-button-default {
	
	background: #5cb6e7;
	background: -moz-linear-gradient(top,#5cb6e7,#317cd7);
	background: -webkit-linear-gradient(top,#5cb6e7,#317cd7);
	background: linear-gradient(top,#5cb6e7,#317cd7);
	border-color: #0c67a5;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
		
	
	color: white;
	height: 35px;
	padding: 0 15px; margin: 11px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #0c67a5;
	display: inline-block; width:100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	white-space: nowrap;
	cursor:pointer;
}
.form-button-default:hover {
	background: #2bb3ed;
	background: -moz-linear-gradient(top,#2bb3ed,#247cdf);
	background: -webkit-linear-gradient(top,#2bb3ed,#247cdf);
	background: linear-gradient(top,#2bb3ed,#247cdf);
}

.form-button-default:active{
	-webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.4);
	box-shadow:inset 0 1px 5px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.4)
}




.sub-item-text { padding-left: 24px; position: relative; }
.sub-item-text:before {
	display: block;
	content: "";
	position: absolute;
	background-image:url(../img/spriteicon.png);	
	width: 18px; height: 18px;
	left: 0; top: -2px;
}

.edge1 .zac1 .sub-item-text:before { background-position: -149px -339px; }
.edge1 .zac2 .sub-item-text:before { background-position: -8px -491px; }
.edge1 .zac3 .sub-item-text:before { background-position: -220px -180px; }
.edge1 .zac4 .sub-item-text:before { background-position: -220px -297px; }
.edge1 .zac5 .sub-item-text:before { background-position: -220px -297px; }

.edge5 .zac1 .sub-item-text:before { background-position: -220px -247px;}
.edge5 .zac2 .sub-item-text:before { background-position: -220px -247px; }
.edge5 .zac3 .sub-item-text:before { background-position: -220px -180px; }
.edge5 .zac4 .sub-item-text:before { background-position: -220px -297px; }






/* infi-footer */

#infi-footer {
	width: 100%; height: 29px; padding-top:1px;
	position: fixed; bottom: 0; left: 0;
	background: #222;
	z-index: 9; 
	filter: alpha(opacity=90);
	opacity: 0.90; 
}


#infi-footer .infi-list { margin-left:9px; }
#infi-footer .infi-top { border-top:1px solid #101010; position:absolute; top:0; left:0; right:0; height:1px;  }

#infi-footer .infi-item { 
	font-family: 'Helvetica Neue', Helvetica, 나눔고딕, NanumGothic, ng, 'Open Sans', 'Myriad Pro', Verdana, 돋움, dotum, sans-serif; 
	position:relative; float:left; display:inline-block;
	padding-top: 14px;
	margin-top: -14px;
}
#infi-footer .infi-item.right { float:right }


#infi-footer .infi-item-link {
	position: relative;

	padding:0 14px 0 14px;
	height: 29px; line-height: 29px;
	
	font-size: 11px;
	font-weight: normal;
	display:block; 

	color: #878787; 
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	-moz-text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	-webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	
}



 
/* 웹 폰트설정 */

@font-face {
	font-family: ng;
	font-style: normal;
	font-weight: 700;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
	src: local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
	font-family: ng;
	font-style: normal;
	font-weight: 400;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
	src: local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
	font-family: ng;
	font-style: normal;
	font-weight: 800;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
	src: local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}


/* 기타 커스터마이즈(삭제) */ 
.ncenterlite_block {height:0 !important; }

/* Levels common */


body, input, button, textarea, table {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, 나눔고딕, NanumGothic, ng, 'Open Sans', 'Myriad Pro', Verdana, 돋움, dotum, sans-serif;
}

.cfix { zoom:1 }
.cfix:after { content: '.'; display:block; clear:both; visibility:hidden; line-height:0; height:0; overflow: hidden; }
.left { float:left}
.right { float:right}
.relative { position:relative }
.text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.thumb-trans {
	-webkit-transition: opacity 0.15s linear;
	-moz-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
	-webkit-transform: translate3d(0, 0, 0);
}
.thumb-trans:hover {
	opacity: 0.65;
	filter: alpha(opacity=65);
}

.level-thumb-grid::after {
	-webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.31); 
	-moz-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.31); 
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.31); 
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
	width: 100%; height: 100%;
	display: block; position: absolute;
	content: ""; 
	top: 0; left: 0;
}
.avatar-icons {
	border-radius: 100px;
	display: block;
}

/* corner */
.corner-top {
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-o-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.corner-bottom {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-o-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.corner-all {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.bullet-item:before {
	content: "•";
	left: -14px;
	top: 1px;
	font-family: sans-serif;
	font-size: 12px;
}

/* HTML Reset */
html, body {height:100%}

a { text-decoration: underline; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
code, form, fieldset, legend, input, textarea, p, a, blockquote, th, td {
	margin:0; padding:0; border: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

ol,ul { list-style:none; }

fieldset,img { border:0; }

address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	/* font-weight:normal; */
}

h1,h2,h3,h4,h5,h6 { font-size:100%;}

abbr, acronym { border:0; font-variant:normal; }

sup { vertical-align:text-top;}
sub { vertical-align:text-bottom;}

input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; *font-size:100%; }

legend { color:#000; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

a, a:visited { text-decoration: none; }
a:hover,
a:active,
a:focus { text-decoration:none; }
a { cursor: pointer;}













