@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp-dynamic-subset.min.css");

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, em, font, img,strong, dl, dt, dd,
ol, ul, li, form, label, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td{
margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body{
font-size:12px;
color:#6c6d62;
}
body.nexonplug{
user-select:none;
-webkit-user-select:none;
-ms-user-select: none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
}
input{
font-size:12px;
color:#323333;
}

a{
text-decoration:underline;
}
a:hover{
text-decoration:none;
}

ul{
list-style:none;
}

.container{
margin:0 auto;
padding-top:50px;
padding-bottom:65px;
width:928px;
}

.login-container-l{
margin:0 auto;
width:664px;
background:url(../captcha/bd_cnt_l.gif) repeat-y center top;
}
.login-container-top-l{
background:url(../captcha/bd_cnt_t_l.gif) no-repeat center top;
}
.login-container-bottom-l{
position:relative;
padding:19px 0 26px;
background:url(../captcha/bd_cnt_b_l.gif) no-repeat center bottom;
}

.login-container-l h1{
margin:0 0 0 26px;
}

.bottom-cnt{
margin-top:10px;
}

.login-gray{
margin-top:20px;
width:612px;
background:url(../captcha/bd_gray.gif) repeat-y center top;
}
.login-gray-top{
background:url(../captcha/bd_gray_t.gif) no-repeat center top;
}
.login-gray-bottom{
position:relative;
padding:15px 0;
background:url(../captcha/bd_gray_b.gif) no-repeat center bottom;
}

.login-container-bottom-l > .contents-l{
margin:24px 0 0 26px;
}
.login-gray-bottom > .contents-l{
margin:0 0 0 15px;
}

.list-arrow{
padding-left:13px;
background:url(../captcha/icn_arrow.png) no-repeat left center;
}

.goto-url{
text-align:center;
font-size:14px;
font-weight:bold;
color:#323333;
}
.goto-url dd{
margin-top:8px;
}


/* ====================================================================
		画像認証
==================================================================== */
.imageauth-form{
margin:16px 0 0 156px;
}
.imageauth-form input{
margin-top:2px;
width:300px;
height:22px;
border:1px solid #bdc3c6;
}

.form-option{
margin-top:3px;
}
.form-option,
.form-option a{
line-height:15px;
font-size:11px;
color:#6c6d62;
}

.btn-auth{
display:block;
margin:7px auto 0;
width:196px;
height:52px;
text-indent:-9999px;
background:url(../captcha/btn_auth.jpg) no-repeat center top;
}
.btn-auth:hover{
background:url(../captcha/btn_auth.jpg) no-repeat center bottom;
}

.txt-error{
padding:100px 30px 100px 0;
text-align:center;
font-weight:bold;
}

/* ====================================================================
		戻るボタン類
==================================================================== */
.btn-login-stop{
display:block;
margin:20px auto 0;
width:147px;
height:34px;
text-indent:-9999px;
}
.btn-login-stop{
background:url(../captcha/btn_login_stop.gif) no-repeat center top;
}
.btn-login-stop:hover{
background:url(../captcha/btn_login_stop.gif) no-repeat center bottom;
}

/* ====================================================================
		NEXON PLUG用
==================================================================== */
body.nexonplug{
background-color:#191A1C;
}
body.nexonplug *{
font-family: "Pretendard JP Variable", "Pretendard JP", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Hiragino Sans", "Apple SD Gothic Neo", Meiryo, "Noto Sans JP", "Noto Sans KR", "Malgun Gothic", Osaka, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.nexonplug .container{
	position:relative;
	margin:0 auto;
	padding:0;
	width:auto;
}
.nexonplug .container article{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
.nexonplug h1.ttl{
	margin:0;
	padding:0;
	font-weight: 600;
	font-size:28px;
	text-align:center;
	color:#FFF;
}
.nexonplug .leadtxt{
	margin:10px 0 0;
	text-align:center;
	font-weight: 300;
	font-size:13px;
	color:#FFF;
	opacity:.7;
}

.nexonplug .imageauth{
	margin-top:44px;
}
.nexonplug .imageauth__img{
	width:320px;
	height:60px;
	margin:0 auto;
}
.nexonplug .imageauth__img img{
	width:100%;
	height:100%;
}
.nexonplug .imageauth__input{
	width:320px;
	margin:32px auto 0;

}
.nexonplug .imageauth__input input{
	box-sizing:border-box;
	width:100%;
	height:50px;
	outline:none;
	border:solid 1px #4E4E4E;
	background-color:#0B0B0B;
	padding:0 18px;
	font-weight: 400;
	font-size:13px;
	color:#FFF;
}
.nexonplug .imageauth__input .form-option{
	display:block;
	margin-top:8px;
	font-weight: 300;
	font-size:10px;
	color:#FFF;
	opacity:.7;
}
.nexonplug .imageauth__input .form-option a{
	font-weight: 400;
	font-size:10px;
	color:#FFF;
}

.nexonplug article >.error .img{
	width:60px;
	margin:0 auto;
}
.nexonplug article >.error .img img{
	width:100%;
}
.nexonplug article >.error p{
	margin:23px 0 0;
	text-align:center;
	font-weight: 500;
	font-size:20px;
	color:#FFF;
}
.nexonplug article >.error p:nth-of-type(2){
	margin:20px 0 0;
	font-size:13px;
	color:#A1A7B5;
}

.nexonplug .btn{
	width:320px;
	height:50px;
	border-radius:2px;
	overflow:hidden;
	margin:40px auto 0;
}
.nexonplug .btn.btn__retry{
	margin:45px auto 0;
}

.nexonplug .btn a{
	position:relative;
	display:flex;
	justify-content: center;
	align-items:center;
	width:100%;
	height:100%;
	background-color:#FFF;
	text-decoration:none;
	font-weight: 600;
	font-style: normal;
	font-size:14px;
	color:#191A1C;
}
.nexonplug .btn a span{
	font-weight: 600;
	font-style: normal;
}
.nexonplug .btn a:hover{
	background-color:#0077FF;
	color:#FFF;
}
.nexonplug .btn a:active{
	background-color:#0A51A4;
}
.nexonplug .btn a:active span{
	opacity:.6;
}
.nexonplug .btn.disabled a{
	background-color:#474849;
	color:#FFF;
	cursor:default;
	pointer-events: none;
}
.nexonplug .btn.disabled a span{
	opacity:.4;
}
/* ====================================================================
		footer
==================================================================== */
.foot{
clear:both;
border-top:2px solid #0a3255;
width:928px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
}
.foot a:link,
.foot a:visited{
color:#5d6669;
text-decoration:underline;
}

.foot a:hover{
color:#5d6669;
text-decoration:none;
}
.foot .copyright-cnt{
margin-top: 7px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
background-image: url(../supportimg/logo_cp.gif);
background-repeat: no-repeat;
background-position: center bottom;
text-align: center;
line-height: normal;
padding-bottom: 40px;
}
.foot .copyright-cnt a:link,
.foot .copyright-cnt a:visited{
color:#00a1e9;
text-decoration:underline;
}
.foot .copyright-cnt a:active,
.foot .copyright-cnt a:hover{
color:#00a1e9;
text-decoration:none;
}
.foot .copyright-cnt p{
color:#5d6669;
font-size:10px;
text-align:center;
line-height:normal;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;
padding-top: 0px;
}
.foot .eng{
font-family:Arial;
}
.foot ul{
line-height:11px;
text-align:center;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0px;
}
.foot .company{
font-size:10px;
display:inline;
padding:0 7px;
border-right:1px solid #c1c6c7;
}
.foot .company-l{
font-size:10px;
display:inline;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 7px;
}