@charset "utf-8";

/* ------------------------------------------------ common */

input[type="text"], 
input[type="password"] {padding: 0 15px;line-height: 180%;height: 45px; color: #fff; }

#wrapper { height: auto; overflow-y: auto; min-height: 0; }
 /* ------------------------------------------------ fv */

#fv { background: url(../../images/common/question_bg.png) no-repeat right center; background-size: cover; margin: 0 0 30px; padding: 30px 0; } 
#fv h1 { text-align: center; }
#fv h1 span {display: block;color: #fff;padding: 20px 0 0;font-size: 18px; }
#fv h1 img { height: 5vh; max-height: 200px; min-height: 90px; width: auto; }

/* ------------------------------------------------ login */
 
#main { width: 100%; color: #dddddd; 
	-ms-overflow-style: none; scrollbar-width: none;
}
#main h2 { margin: 0 0 24px; font-size: 22px; text-align: center; }
#main dl { margin: 0 0 20px; }

#main dl dt { margin: 0 0 8px; font-size: 16px; }
#main dl dd input[type="text"],
#main dl dd input[type="password"] { width: 100%; background-color: #151515; border: none; font-size: 16px; color: #fff; }
#main input[type="submit"] { height: 42px; line-height: 42px; display: block; background-color: #ce1e64; width: 190px; margin: 0 auto; padding: 0; box-sizing: border-box; border-radius: 1000px; font-size: 14px; color: #fff; text-align: center; }
#main .forget { margin: 30px auto 20px; text-align: center; }
#main .forget a { font-size: 11px; color: #fff; text-align: center; text-decoration: underline; }
#main p.alert {padding: 20px 0 30px;text-align: center; }
#main .two dd { display: flex; justify-content: space-between; }
#main .two dd input[type="text"] { width: 49%; }

#main .container { padding: 30px 0 150px; }
#main .btn { text-align: center; }

#main*::-webkit-scrollbar { width: 0; }

.mypagetop-btn {
	text-align: center;
}

.mypagetop-btn a {
	display: inline-block;
	width: 280px;
	padding: 16px;
	box-sizing: border-box;
	border-radius: 1000px;
	border: solid 1px #fff;
	font-size: 14px;
	color: #fff;
}

/*--------------------
pager 
--------------------*/
.pager {
	display: flex;
	justify-content: center;
	padding: 0 0 40px;
}

.pager li {
	border-radius: 50%;
	margin: 0 4px;
}

.pager li span {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #000;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	font-size: 12px;
}

.pager li a {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #282728;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	font-size: 12px;
	color: #fff;
}

/* ------------------------------------------------ user */

#user { padding: 32px 0; color: #fff; }
#user h2 { margin: 0 0 16px; font-size: 12px; text-align: left; color: #fff; }
#user h2 strong { margin: 0 8px 0 0; font-size: 22px; }
#user .ticket_history { display: flex; justify-content: space-between; margin: 0 0 12px; }
#user .ticket_history .th_item { width: 100%; border-radius: 10px; }
#user .ticket_history .th_item a { display: flex; justify-content: center; align-items: center; flex-direction: column; background: linear-gradient(to right, #701385, #02539b); padding: 24px; border-radius: 10px; }
#user .ticket_history .th_item a .icon { margin: 0 0 12px; }
#user .ticket_history .th_item a span { font-size: 16px; color: #fff; }
#user .other-nav {  }
#user .other-nav a { display: flex; justify-content: flex-start; align-items: center; background-color: #202020; border-radius: 10px; margin: 0 0 12px; padding: 16px 20px; }
#user .other-nav a .icon { margin: 0 16px 0 0; }
#user .other-nav a span { font-size: 16px; color: #dfdfdf; }

/* ----------- 
nonmember 
------------- */
#nonmember { background-color: #000; padding: 24px 12px; }
#nonmember h2 { margin: 0 0 24px; font-size: 14px; text-align: center; }
#nonmember .btn { text-align: center; }

#nonmember .btn a { display: inline-block; background-color: #12908c; min-width: 190px; padding: 14px 10px; box-sizing: border-box; border-radius: 1000px; font-size: 14px; text-align: center; color: #fff; }

/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
@media only screen and (max-width: 640px) {

}