@charset "utf-8";
@import url(font.css);

a    {color:#eaeaea; text-decoration:none}
body {top:0 !important;font: normal 14px/1.5 'myFont','NotoSans', "나눔고딕", NanumGothic, NG, "돋움", Dotum, Arial, Tahoma , Geneva, Verdana;color:#333;}

:focus-visible {
	outline: 1px solid #ecb1ff;
}

input::-webkit-input-placeholder    {color:#888888; font-size:.9em; letter-spacing:-1pt;}
input:-ms-input-placeholder         {color:#888888; font-size:.9em; letter-spacing:-1pt;}
textarea::-webkit-input-placeholder {color:#888888; font-size:.9em; letter-spacing:-1pt;}
textarea:-ms-input-placeholder      {color:#888888; font-size:.9em; letter-spacing:-1pt;}
input::placeholder                  {color:#888888; font-size:.9em; letter-spacing:-1pt;}
textarea::placeholder               {color:#888888; font-size:.9em; letter-spacing:-1pt;}

input:disabled {opacity: .7;}

A,area   {blr:expression(this.onFocus=this.blur())} 
:focus   {-moz-outline-style: none;} 
form     {margin:0;} 
img      {border:none;}
ul,ol,li,dl,dd,dt  {margin:0; list-style:none;}

html,body,div,span,object,iframe,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,swf,javascript,
article,aside,canvas,details,figcaption,figure,footer,header,td,
menu,nav,section{margin:0;padding:0}
body::-webkit-scrollbar{display: none;}

img,fieldset,iframe{border:0 none}
img {max-width:100%;vertical-align:middle}
textarea{resize:none}
input,select,textarea,button{font-size:100%;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,strong,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
blockquote,q{quotes:none} 
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none} 

/* base - IE8~7 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.hide{display: none;}
.hide-force{display: none !important;}
.flex{display: flex;}

/* base - input */
input[type="text"],input[type="password"],input[type="submit"],input[type="search"],input[type="image"],textarea{-webkit-appearance:none;} 
input:checked[type="checkbox"]{background-color:#666;-webkit-appearance:checkbox} 
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0} 
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
button, .btn {border: none;cursor: pointer;user-select: none;}

ul>li>a, td>a{cursor: pointer;}

.disabled {pointer-events: none;opacity: .7;}

.list_title1     {background: #1b1b1b;color:#dddddd;line-height:44px;text-align:center;word-break: keep-all;font-weight:bold;font-family:'nanumgothic', sans-serif;}
.list_notice1    {background: #00000099;border-bottom:1px solid rgba(255,255,255,0.1);color:#f0f0f0;line-height:40px;text-align:center;}
.list_notice3	 {background: #ecb1ff;border-bottom: 1px solid rgba(255,255,255,0.1);color: #000000;line-height: 40px;text-align: center;}
.list1           {background:rgba(0,0,0,0.5);border-bottom:1px solid rgba(255,255,255,0.1);color: #ffffff;line-height:40px;text-align:center;}

.page_wrap       {float:left; width:100%; height:40px; text-align:center;}
.page_wrap ul li {display:inline;}
.page            {background:rgba(0,0,0,0.6); display:inline-block; padding:14px 17px 12px 17px; color:#c7c7c7; border-radius:3px;}
.pageon          {background:rgba(0,0,0,0.8); display:inline-block; padding:14px 17px 12px 17px; color:#bfa86f; border-radius:3px; font-weight:bold;}

.info_wrap       {background: #00000099;border:1px solid rgba(0,0,0,0.6);float:left;width:100%;padding: 20px 15px;border-radius:0px;}
.info_wrap .tit  {width:100%;color: #ecb1ff !important;font-family:'nanumsquare', sans-serif;font-size:18px;font-weight:700;}
.info_wrap .info {width:100%;line-height: 26px;color:#f2f2f2;font-family:'nanumgothic', sans-serif;font-size:12px;font-weight:700;margin-top: 8px;}
.info_wrap button {background: #1b1b1b;border:1px solid #ecb1ff;padding:5px;cursor: pointer;color: #feff96;}
.bank_req  		 {color: #f5d47d;padding-top: 15px;}

/*-------------------------------------------------------------------------------------*
 *  폰트                                                                               *
 *-------------------------------------------------------------------------------------*/
.font01 {color:#ffffff; font-weight:900;}
.font02 {color:#000000; font-weight:900;}
.font03 {color:#929292;}
.font04 {color:#ecb1ff; font-weight: 900;}
.font05 {color:#ecb1ff;}
.font06 {color: #feff96;font-weight:900;}
.font07 {color: #7bdeff;font-weight:900;}
.font08 {color:#909090; font-weight:900;}
.font09 {color: #c6f1ff;font-weight:900;}
.font10 {color: #dac2ff;font-weight:900;}
.font11 {color:#e2a826; font-weight:900; font-size:22px; line-height:35px; font-family:'nanumgothic', sans-serif; text-shadow:1px 1px 1px #000000;}
.font15 {color:#c39766;}

.input1 {background-color: #1b1b1b;border: 1px solid #434343;padding:4px 0 4px 5px;color:#f7f7f7;border-radius:3px;height:34px;}
.input2 {background-color: #1b1b1b;border: 1px solid #ecb1ff;padding:4px 0 4px 5px;color: #ffffff;border-radius:3px;height:34px;}
.input3 {background-color: #1b1b1b;border: 1px solid #ecb1ff;padding:4px 0 4px 5px;color: #ecb1ff;border-radius:3px;height:34px;}

.mt10{margin-top: 10px !important;}
.w100{width: 100px;}

.no-padding {padding: 0 !important;}

.bg01{
	background: linear-gradient(#a263e1, #321d38) border-box;
	border: 2px solid transparent;
}
.bg02{
	background: linear-gradient(black, black) padding-box, linear-gradient(#9a57dd, #9b7ca4) border-box;
	border: 2px solid transparent;
}
.bg03{
	background: linear-gradient(black, black) padding-box, linear-gradient(#9b7ca4, #9a57dd) border-box;
	border: 2px solid transparent;
}
.bg04{
	background: linear-gradient(#9d68d2, #382241);
	border: 2px solid #5a3a71;
}

/*페이징*/
.paging_box {position:relative;text-align:center;min-height:30px;padding: 20px;}
.paging_box .left { position:absolute; top:0; left:0;}
.paging_box .right { position:absolute; top:0; right:0;}
.pagination{display:inline-block;padding-left:0;border-radius:4px;vertical-align:top;}
.pagination>li {display:inline}
.pagination>li>a, .pagination>li>span {position: relative;margin: 3px;border-radius: 5px;background: #131313;padding: 10px 15px;line-height: 20px;text-decoration: none;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color:#2a6496;background-color:#000;border-color:#ddd}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {color: #ecb1ff;cursor: default;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {color: #424242;background-color: #101010;border-color: #131313;;cursor:not-allowed}
.pagination [class*=icon-]{margin:0 -6px;font-size:14px;}

/*게임팝업창*/
iframe.game-frame {
	background-color: black;
	padding: 0;
	border: none;
}

/* 댓글입력 */
.content-editable {
	border: 2px solid #999;
	border-radius: 3px;
	background: rgb(127 127 127 / 40%);
	padding: 10px;
	text-align: left;
	line-height: 1.5;
	display: block;
}

.editable-select {position: relative;}
.editable-select select,
.editable-select input {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	background: inherit;
	color: inherit;
	height: calc(100% - 2px);
	line-height: inherit;
	width: 100%;
	border: none;
	padding: inherit;
	border-radius: inherit;
}
.editable-select select {
	z-index: 0;
}
.editable-select input {
	z-index: 1;
	width: calc(100% - 2em);
}

/*-------------------------------------------------------------------------------------*
 * Clearable text inputs                                                               *
 *-------------------------------------------------------------------------------------*/
.clearable {
	position: relative;
	width: 200px;
	font-size: .6em;
	display: inline-block;
}

.clearable input {
	width: 100%;
	padding-right: 2em;
	box-sizing: border-box;
}

.clearable input:placeholder-shown + button {
	opacity: 0;
	pointer-events: none;
}

.clearable input + button {
	position: absolute;
	border: none;
	display: block;
	width: 15px;
	height: 15px;
	line-height: 16px;
	font-size: 12px;
	border-radius: 50%;
	top: 0;
	bottom: 0;
	right: 5px;
	margin: auto;
	background: #ddd;
	padding: 0;
	outline: none;
	cursor: pointer;
	transition: .1s;
}

/* Captcha 설정 */
.img-captcha {
	cursor: pointer;
}