/*--ysk--------------------------------------------------------------------------------*

	ysk 2022³â01¿ù

-----------------------------------------------------------------------------------ysk-*/
@charset "utf-8";
* {box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;}
.cf:after{content:''; display:block; clear:both;}

/*-------------------------------------------------------------------------------------*
 *  ±âº»½ºÅ¸ÀÏ ½ÃÆ®                                                                    *
 *-------------------------------------------------------------------------------------*/
a         {color:#d0d0d0; text-decoration:none;}
body      {font-size: 13px; color: #d0d0d0; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px; background:#000000; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
td        {font-size: 13px; color: #d0d0d0; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;}
div       {font-size: 13px; color: #d0d0d0; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;}
select    {font-size: 13px; color: #d0d0d0; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;}
textarea  {font-size: 13px; color: #d0d0d0; margin: 0 0 0 0; font-family: 'Noto Sans KR', sans-serif; font-weight:300; letter-spacing:0px;}

a,body,td,div,select,textarea,button,input{font-family: 'october'; font-weight:400;}
@media screen and (max-width:768px) {
 a,body,td,div,select,textarea,button,input{font-size:12px;}   
}
/*-------------------------------------------------------------------------------------*
 *  ÀÎDz                                                                               *
 *-------------------------------------------------------------------------------------*/
input::-webkit-input-placeholder    {color:#d0d0d0; font-size:13px; letter-spacing:-1pt;}
input:-ms-input-placeholder         {color:#d0d0d0; font-size:13px; letter-spacing:-1pt;}
textarea::-webkit-input-placeholder {color:#d0d0d0; font-size:13px; letter-spacing:-1pt;}
textarea:-ms-input-placeholder      {color:#d0d0d0; font-size:13px; letter-spacing:-1pt;}
input::placeholder                  {color:#d0d0d0; font-size:13px; letter-spacing:-1pt;}
textarea::placeholder               {color:#d0d0d0; font-size:13px; letter-spacing:-1pt;}


/*-------------------------------------------------------------------------------------*
 *  °íÁ¤½ºÅ¸ÀÏ ½ÃÆ®                                                                    *
 *-------------------------------------------------------------------------------------*/
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}

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; outline:none;}
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}

/* 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{border:none; outline:none; background:none; padding:0; margin:0; cursor:pointer;}

/* ¾ÆÀÌÆù ÆùÆ®»çÀÌÁî ÀÚµ¿Á¶Àý ¹æÁö */
html, body{
  -webkit-text-size-adjust : none;  /* Å©·Ò, »çÆĸ®, ¿ÀÆä¶ó ½Å¹öÀü */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* ÆÄÀ̾îÆø½º */
  -o-text-size-adjust : none;  /* ¿ÀÆä¶ó ±¸¹öÀü */
}


#loginModal .modal-dialog {max-width: 400px;}
.modal-content.login {box-shadow: inset 0 0 4px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.5);padding:10px 40px 20px 40px;background: linear-gradient(134deg, #3f3f3f 0, #101010 5%, #1c1c1cad 30%, rgb(0 0 0 / 85%) 50%, #29292996 70%, #101010 95%, #3f3f3f);
    border: 2px solid #212121;border-radius: 15px;}
.modal-content.login button.btn-close{    filter: invert(1);position: absolute;right: 20px;top: 20px;}
.modal-content.login .modal-header {border:0;margin-bottom:20px;    justify-content: center;}
.modal-content.login input {border: 1px solid #333;background-color: #1e1e1e;color: #fff;height: 40px;border-radius: 5px;margin-bottom: 5px;padding: 0 10px;font-size: 14px;    width: 100%;}
.modal-content.login .captcha {display: flex;align-items: center;justify-content: space-between;margin-bottom:10px;gap: 5px;}
.modal-content.login .captcha img{height:39px;margin-top: -4px;}
.modal-content.login .captcha .input_captcha{width: 130px;}
.modal-content.login .btn-login {border: 1px solid #ff0066;color: #fff;background: #ff0066;    height: 40px;}
.modal-content.login .btn-join {border: 1px solid #673ab7;color: #fff;background: #673ab7;    height: 40px;margin-top: 8px;}