@font-face { 
	font-family: 'Pretendard'; 
	font-weight: normal;
	src:url('/css/font/Pretendard-Regular.ttf') format("truetype"); 
}

@font-face { 
	font-family: 'Pretendard Extrabold'; 
	font-weight: normal;
	src:url('/css/font/Pretendard-ExtraBold.ttf') format("truetype"); 
}

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-family: 'Pretendard';
	margin:0;
	padding:0;
	border:0;
	word-break:keep-all;
	z-index:0;
}

body {
	width:100%;
	height:100%;
}

div {
	display: block;
	width:100%;				
}

table {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}

.red {
	color: #FC0C1A;
	font-weight: bold;
}

.blue {
	color: #0013DE;
	font-weight: bold;
}

.front {
	width:100%;
	height:100%;	
	align-items: center;
    display: flex;
    flex-direction: column;
    background: #0013DE;
}

.front .header {
	height: 40px;
	margin-top: 100px;
	background-image: url('/image/img-logo.svg');
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.front .title {
	color: white;
	width: 90vw;
	max-width: 500px;
	font-size: 36px;
    line-height: 48px;
    margin-top: 60px;
    text-align: center;
    font-family: 'Pretendard ExtraBold';
}

.front .input {
	width: 80vw;
	max-width: 400px;
	margin-top:40px;
}

.front .input form {
	width: 100%;
}

.front .input input[type=text] {
	margin-top: 20px;
	color: white;
	background-color: rgba(0,0,0,0.2);
	height: 60px;
	padding: 15px 20px;
	width: 100%;
	font-size: 20px;
	display: block;
	outline: none;
}

.front .input input[type=submit] {
	margin-top: 40px;
	color: #121212;
	background-color: #F3E600;
	height: 60px;
	padding: 15px;
	width: 100%;
	font-size: 20px;
	display: block;
	outline: none;
	cursor: pointer;
	text-align: center;
}

.front .link {
	margin-top: 20px;
	width: 80vw;
	max-width: 400px;	
	text-align: right;
}

.front .link a {
	color: white;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;		
}

.content {
	width:100%;
	height:100%;	
	align-items: center;
    display: flex;
    flex-direction: column;
}

.content .header {
	height: 30px;
	margin: 20px 0px;
	background-image: url('/image/img-logo-on.svg');
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.content .title {
	border-top: 1px solid #121212;
	color: #121212;
	width: 100%;
	font-size: 42px;
    line-height: 60px;
    padding: 30px 30px 0px;
    text-align: center;
    font-weight: bold;
}

@media screen and (max-width:800px) {
	.content .title {
		text-align: left;
		font-size: 36px;
    	line-height: 48px;
	}
}

.content .infomation {
	width: 80vw;
    max-width: 800px;
    margin-top: 30px;
}

@media screen and (max-width:800px) {
	.content .infomation {
		width: 90vw;
	}
}

.content .infomation table {
	width: 100%;
	border-top: 1px solid #121212;
	border-bottom: 1px solid #121212;
}

.content .infomation table td {
	padding: 10px;
	word-break: break-all;
	line-height: 24px;
}

.content .infomation table td.label {
	font-weight: bold;
	text-align: center;
}
	
.content .notice {
	width: 80vw;
    max-width: 800px;
	margin-top: 30px;
	list-style: none;
	line-height: 24px;
	font-size: 15px;
}

@media screen and (max-width:800px) {
	.content .notice {
		width: 90vw;
	}
}

.content .notice li {
	margin-top: 4px;
	padding-left: 15px;
    text-indent: -15px;
}

.content .button_area {
	display: flex;
	padding: 30px 0px;
	width: 80vw;
    max-width: 800px;
	gap: 10px;
	flex-direction: row;
}

@media screen and (max-width:800px) {
	.content .button_area {
		width: 90vw;
		flex-direction: column;
	}
}

.content .button_area input[type=button] {
	flex-grow: 1;
    flex-basis: 50%;
    border: 2px solid #0013DE;
    padding: 12px 10px 13px;
    text-align: center;
    color: #0013DE;
    font-size: 16px;
    cursor: pointer;
}

.content .button_area input[type=button]:hover {
	border: 2px solid #0013DE;
    background: #0013DE;
    color: white;
}

.content .infomation table td.center
{
	text-align: center;
}

.content .infomation.sub
{
	margin-top:12px;
}

.content .sub-title {
	color: #121212;
	width: 100%;
	font-size: 24px;
    line-height: 42px;
    padding: 30px 30px 0px;
    text-align: center;
    font-weight: bold;
}

#container .noservice_d{
    height:850px;
    background-color:#124588;
    background-image:url(../image/noserviceerr_d.jpg);
    background-repeat:no-repeat;
    background-origin:padding-box;
    background-clip:padding-box;
    background-size:contain;
    padding-left:100px;
}