@charset "utf-8";


/* Form */
.xm .form{margin:1em 0;padding:0}
.xm .form fieldset{margin:0 0 2em 0;padding:0;border:0}
.xm .form em{font-style:normal;color:#e00}
.xm .form label{margin-right:1em;line-height:1;vertical-align:middle}
.xm .form input[type=checkbox]+label,
.xm .form input[type=radio]+label,
.xm .form input[type=file]{cursor:pointer}
.xm .form ul{position:relative;margin:0;padding:0;list-style:none;border-bottom:1px solid #ccc;zoom:1}
.xm .form li{list-style:none;border:1px solid #ddd;border-left:0;border-right:0;margin:-1px 0;padding:8px 0;vertical-align:top;zoom:1}
.xm .form li:first-child{border-top:0}
.xm .form li>label:first-child{display:block;font-weight:bold}
.xm .form li label em{font-weight:normal}
.xm .form label.overlap{position:absolute;color:#aaa}
.xm .form input[type=text],
.xm .form input[type=password],
.xm .form input[type=file],
.xm .form textarea{position:relative;width:280px;margin:2px 0;border:1px solid #bfbfbf;background:transparent;*background:transparent url(../../../../../common/img/blank.gif);_background:transparent;}
.xm .form input[type=text],
.xm .form input[type=password],
.xm .form input[type=file]{height:30px;line-height:30px;vertical-align:middle;padding:0 8px}
.xm .form input[type=text].loading,
.xm .form input.loading[type=password]{padding-right:24px;width:260px;background:transparent url(../img/preLoader16.gif) no-repeat 265px center}
.xm .form input[type=checkbox],
.xm .form input[type=radio]{margin:0;padding:0;width:13px;height:13px;vertical-align:middle}
.xm .form input[type=text][disabled=disabled],
.xm .form input[type=password][disabled=disabled],
.xm .form input[type=checkbox][disabled=disabled],
.xm .form input[type=radio][disabled=disabled],
.xm .form input[type=file][disabled=disabled],
.xm .form textarea[disabled=disabled],
.xm .form select[disabled=disabled]{background:#ddd !important;text-shadow:1px 1px 0 #fff}
.xm .form textarea{padding:3px 4px;vertical-align:top}
.xm .form span.desc, 
.xm .form em.desc{line-height:22px;vertical-align:middle;margin:0 10px}
.xm .form p.desc{margin:.25em 0;line-height:1.4}
.xm .form .q{font-weight:bold;margin:0 0 5px 0}
.xm .form .a{margin:0 0 5px 0}
.xm .form .tgForm{margin-right:1em}
.xm .form .h1 + ul,
.xm .form .h2 + ul,
.xm .form .h3 + ul,
.xm .form .h4 + ul{border-top:0}
/* Table */


/* Text Button */
.xm input.text, 
.xm button.text{border:0;overflow:visible;padding:0;margin:0 4px 0 0;color:#33a;background:none;text-decoration:underline}
/* Agreement */
.xm .agreement{margin:1em 0}
.xm .agreement .text{height:200px;overflow:auto;margin:1em 0}
.xm .agreement .confirm{margin:1em 0}

.loginWrap {
	text-align: center;
	padding:50px 20px;
	width: 700px;
	margin: 0 auto;
}

.loginFormWrap {
	width: 270px;
	margin: 0 auto;
}

.loginFormWrap input{
	width: 100% !important;
}

.loginWrap .social {
	margin-top:22px;
	margin-bottom:10px;
	text-align:center;
}
.loginWrap .social span {
	display:inline-block;
	width:138px;
	height:40px;
}
.loginWrap .social span a {
	line-height:40px;
	display:block;
	color:#FFF !important;
	font-size:14px;
	font-weight:700;
}
.loginWrap .social .facebook a {
	background:#3b5998;
	border-radius: 3px;
}
.loginWrap .social .naver a {
	background:#00c435;
	border-radius: 3px;
}
.loginWrap .social .twitch a {
	background:#4b367c;
	border-radius: 3px;
}
.loginWrap .social .gplus a {
	background:#dc4e41;
	border-radius: 3px;
}
.loginWrap .social .twitter a {
	background:#1da1f2;
	border-radius: 3px;
}





.xm .info {
}


/*회원가입*/
.memberWrap {}

.memberWrap h3.tit {
	font-size:20px;
}

.memberWrap .joinWrap:after {
	clear:both;
	content:"";
	display:block;
}
.memberWrap .joinWrap {
	width:290px;
	margin:0 auto;
	text-align:center;
	font-size:16px;
	font-weight:700;
	letter-spacing:-1px;
}
.memberWrap .joinWrap img {
	vertical-align:middle;}

.memberWrap .joinWrap a {
	display:block;
	width:290px;
	color:#FFF !important;
	line-height:55px;
	margin-bottom:12px;
	vertical-align:middle;
}
.memberWrap .joinWrap a i {
	color:#FFF;
	font-size:28px;
}
.memberWrap .joinWrap .email a {
	background:#00c9e5;
	border-radius: 3px;
}

.memberWrap .joinWrap .facebook a {
	background:#3b5998;
	border-radius: 3px;
}
.memberWrap .joinWrap .naver a {
	background:#00c435;
	border-radius: 3px;
}
.memberWrap .joinWrap .twitch a {
	background:#4b367c;
	border-radius: 3px;
}
.memberWrap .joinWrap .gplus a {
	background:#dc4e41;
	border-radius: 3px;
}
.memberWrap .joinWrap .twitter a {
	background:#1da1f2;
	border-radius: 3px;
}

/*중복확인 버튼*/
.a button#nick_name_check {
	background: none !important;
    border: 1px solid #d3d3d3;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 12px;
	height:32px !important;
    overflow: visible;
    padding: 3px 8px !important;
    text-decoration: none;
    vertical-align: middle;
    width: auto;
}
.a button#nick_name_check:hover {
	background:#f1f1f1 !important;
}
/*이메일 인증 대기*/
.waitEmailWrap {
	font-size:16px;
	text-align:center;
}
.waitEmailWrap .emai_info {
	margin:40px 50px;
	padding:45px 0;
	border:1px solid #dcdcdc;
	color:#999;
}
.waitEmailWrap .emai_info i {
	font-size:48px;
	color:#00cbe6;
}
.waitEmailWrap .emai_info span {
	color:#000;
}
.waitEmailWrap .exp {}
.waitEmailWrap .exp span {
	color:#00cbe6;}
	
.waitEmailWrap .exp_del {
	margin-top:15px;
	font-size:12px;
	color:#999;
}
.waitEmailWrap .exp_cu {
	font-size:12px;
	color:#ff0000;
}
.waitEmailWrap .backBtn {
	margin:30px 0 50px 0;}
.waitEmailWrap .backBtn a {
    border: 1px solid #d3d3d3;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 12px;
    overflow: visible;
    padding: 7px 30px !important;
    text-decoration: none;
    vertical-align: middle;
    width: auto;
	
}
.waitEmailWrap .mainBtn {
	margin:30px 0 50px 0;}
.waitEmailWrap .mainBtn a {
	background:#15d1d2 ;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 12px;
    overflow: visible;
    padding: 10px 35px !important;
    text-decoration: none;
    vertical-align: middle;
    width: auto;
}
.joinTit { font-size:16px; text-align:center; padding:20px 0; margin-bottom:10px; font-weight:700;
border-bottom:1px solid #e9e9e9;}

.checkAllAgreement {
	text-align:center;
	border:1px solid #e9e9e9;
	background:#f8f8f8;
	padding:15px 0;}

/*약관동의*/
.joinContent fieldset{ border:0; margin:0; padding:0;}
.joinContent form{ margin:0; padding:0;}
.joinContent label{ cursor:pointer;}
.joinContent .inputCheck{ width:13px; height:13px; vertical-align:middle; margin:0 5px 0 0;}

.joinContent .joinAgreement{ position:relative; height:140px; line-height:1.5; margin:0 5px 15px 5px; padding:10px; overflow:auto; border:1px solid #ddd; background:#fbfbfb; color:#767676; }
.joinContent .checkAgreement{ margin:0 20px 15px 20px; color:#333;}

.joinContent .joinButton:hover{ background:#f8f8f8;}
.joinContent .joinButtonArea{ margin:20px 0; *zoom:1; text-align:center; }

.joinContent .joinButton{ position:relative; display:inline-block; margin:20px 5px; border:1px solid #16cad1;}
.joinContent .joinButton input,
.joinContent .joinButton a{ position:relative; display:block;vertical-align:middle; width:300px; line-height:40px; text-align:center; overflow:visible; padding:0; margin:0; border:0; cursor:pointer; background:transparent; color:#16cad1; text-decoration:none;}
.joinContent .joinButton input{ font-weight:bold;}

/* Category Tab START*/
#categoryWrap {
	margin:10px 0;
}

#categoryWrap ul.cTab {
	font-size: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#categoryWrap .cTab li {
	display: inline-block;
	margin: 0;
	padding:0 7px 0 0;
	
}
#categoryWrap .cTab a {
	color: #1d1d1d;
	font-size: 12px;
	display: block;
	padding:5px 8px;
	border-radius:3px;
	border:1px solid #e9e9e9;
	text-decoration: none;
}

#categoryWrap a:link,
#categoryWrap a:visited {}

#categoryWrap a:active, 
#categoryWrap a:hover {
	background:#1d1d1d;
	border:1px solid #1d1d1d;
	color:#FFF;
} 


#categoryWrap .cTab li.on a:link,
#categoryWrap .cTab li.on a:visited,
#categoryWrap .cTab li.on a:active,
#categoryWrap .cTab li.on a:hover {
	background:#1d1d1d;
	border:1px solid #1d1d1d;
	color:#FFF;
}
/* Category Tab END*/

/*참여증*/
.ext {
	border:1px solid #eee;
	background:#f1f1f1;
	padding:20px;
	margin-bottom: 40px;
	font-size: 18px;
	line-height: 34px;
}
.ext_btn {
	margin-bottom: 50px;
	text-align: center;
}