/* mobile */
@media (min-width: 1px) and (max-width: 1089px) {
	.fixed-header {display:none}
	.login{display:block}
	.mpage{display:block}
	.spage{overflow-x:auto;white-space:nowrap}	
}

/* desktop */
@media (min-width: 1090px) {
	.fixed-header {display:block}
	.login{display:none}
	.mpage{display:none}

	/* header */
	.fixed-header {position:fixed;top:0;right:0;left:0;z-index:1030}
	.top-line {visibility:hidden;background:#333} /* visibility:hidden; */
	.fixed-top {position:fixed;top:0px;right:0;left:0;z-index:1030;padding:12px 0px 4px 0px} /* top:34px; ³×ºñ³ôÀÌ padding:; Á¶Àý */
}

.footer h2{margin:0 0 20px 0}

.list-group-item:first-child {border-top-left-radius:0px;border-top-right-radius:0px}
.list-group-first{padding:50px 0px 50px 20px;background:#4c4f6f;font-size:20px;color:#fff;font-weight:bold;border-top:3px solid #313450;border-top-left-radius:0px;border-top-right-radius:0px}

.carousel-item a{color:#fff}

.color-gray{color:#666}
.color-red{color:#ff0000}

.f12 {font-size: 12px}
.f13 {font-size: 13px}
.f14 {font-size: 14px}
.f15 {font-size: 15px}
.f16 {font-size: 16px}
.f17 {font-size: 17px}
.f18 {font-size: 18px}
.f19 {font-size: 19px}
.f20 {font-size: 20px}

/* pages */
.info-2 i{font-size:20px}
table th, table td{ font-family:'Roboto'}