@charset "utf-8";
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'SchoolSafetyConstellation';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimByeoljariTTF-L.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'SchoolSafetyConstellation';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimByeoljariTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

*{margin:0; padding:0; box-sizing: border-box;}
ul,li{list-style:none;}
a{text-decoration:none; color:#000;}
img{border:0;}

.cf:after{
	content:'';
	display:block;
	clear:both;
}

body{
	font-family:'Pretendard',"나눔고딕",NanumGothic, sans-serif;
	background-color:#2D2D2D;
	color:#fff;
}

header{
	width:100%;
	height:80px;
}

header .nav{
	width:100%;
	height:100%;
	padding:0 60px;
}

header .nav a{
	display:block;
	height:100%;
}

header .nav .back{
	width:40px;
	text-align:center;
	font-size:40px;
	line-height:40px;
	font-weight:700;
	color:#fff;	
	float:left;
	padding:20px 0;
	box-sizing:border-box;
}

header .nav .center{
	width:100px;
	height:60px;
	margin:0 auto;
	padding:10px 0;
	box-sizing:border-box;
}

header .nav .center img{
	display:block;
	height:60px;
}

header .nav ul{
	width:120px;
	float:right;
	height:40px;
	margin-top:20px;
}

header .nav ul li{
	width:40px;
	height:40px;
	float:left;
	cursor:pointer;
}

header .nav ul li.ko{
	margin-right:30px;
}

header .nav ul li img{
	display:block;
	width:40px;
}

main {
	width:80%;
	margin:50px auto;
	padding:10px;
	box-sizing:border-box;
}

main .txt {
	width: 100%;
	display: none;
	flex-direction: column;
	gap: 20px;
}

main .txt.on {
	display: flex; 
}

.fixed-footer {
  width:80%;
  margin:0 auto;
  height:50px;
  align-items: center;
  font-size: 13px;
  color: #fff;
}

.divider {
  margin: 0 10px;
  color: #666;
}

.footer-right a {
  color: #aaaaaa;
  text-decoration: none;
  margin-left: 20px;
}

.footer-left{
	float:left;
}

.footer-center{
	float:left;
	margin-left:30px;
}

.footer-right{
	float:right;
}

.footer-right a:hover {
  color: #ffffff;
}