html, body {
	height: 100%;
	margin: 0;
	font-family: 'Noto Sans KR', sans-serif, 'Nanum Gothic', Malgun Gothic !important;
  font-size: 16px;
	color: #555;
}

body {
	background: #f8f8f8;;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}


header {background: #fff;}

main {
	flex: 1;
}

section {
	width: 100%; max-width: 1300px;
	margin: 0 auto;
}


a.no-text-deco {
	text-decoration: none !important; /* 기본 상태에서 밑줄 없애기 */
}

a.no-text-deco:hover {
	text-decoration: none !important; /* hover 상태에서도 밑줄 없애기 */
}

a.bluelink {color: #007dda !important;}
a.bluelink:hover {text-decoration: underline;;}

.no-list-style {list-style: none;}

.w-pannel {background: #fff;}
.w-pannel-login {background: #fff;}
.w-pannel-myid {background: #fff;}

table .active {background: var(--color-main-light);}

.btn {border-radius: 0;}
.form-control {border-radius: 0;}
.form-select {border-radius: 0;}

.form-group {padding-top: 20px;}

.subEn {color: #999}

.loginTab {
	text-align: center; border: 1px solid #ddd; padding: 15px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}
.loginTab.active {background:  var(--color-main); color: #fff;}
.loginTab:hover {background:  var(--color-main-light);}

/******** footer *******/

footer {
	background: var(--color-grey);
	color: var(--color-main-light);
	font-size: 0.75rem;	
	padding: 30px 0;
}


.footerLinks {
	padding-left: 0;
	margin: 0;
}

.footerLinks li {
	display: inline;
	margin: 0 10px;
	list-style: none;
}

.footerLinks a {
  color: inherit;
}

.footerLinks a:hover {
  color: var(--color-sub);
	text-decoration: none;
}



/*PC*/

@media (min-width: 768px) {
	
	footer {margin-top: 70px;}
	
	.w-pannel {padding: 50px;}
	.w-pannel-login {padding: 50px;}
	.w-pannel-myid {padding: 50px;}
	
}

/*Mobile*/
@media (max-width: 768px) {
	main {padding:0;}
	
	.mp-10 {padding: 10px;}
	
	.w-pannel {padding: 15px;}
	.w-pannel-login {padding: 15px;}
	.w-pannel-myid {padding: 50px 10px;}
	
	.btn-nomargin {margin: 0 -10px;}
}