@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');


@font-face {
	font-family:'Title_Bold';
	font-style: normal;
	font-weight: normal;
	src: url('./font/Title_Bold.woff');
}

* { margin: 0; padding: 0 ;}

html { }

body { font-family:'Noto Sans KR', sans-serif;color:#000; font-size: 16px}

input, textarea, select, button { padding: 5px 10px; vertical-align: middle; border: solid 1px #ddd; box-sizing: border-box; }
button { border: 0; cursor: pointer; }
li { list-style: none; }


.m-wrap { max-width: 1144px; margin: 0 auto; position: relative; padding:0 20px; box-sizing: border-box;}
.wrap { max-width: 1144px; margin: 0 auto; position: relative; }

header {
	height: 100px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	max-width: 1144px; margin: 0 auto; position: relative;
}

.menu-wrap {
	background: url(../images/bg.jpg) no-repeat center center;
	background-size: cover;
	border-top:2px #274874;
}

.menu {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	padding: 0 15px 0 30px;
	color: #103768;
	max-width: 1144px; 
	margin: 0 auto;
	padding:13px;
}

.menu_covid  { background: #006dab }


.title { font-size: 2.3rem; font-family: 'Title_Bold'; text-align:center; width: 100%;}

.util { }
.util span { padding-right: 15px; }
.util button { background: #95b923; border:solid 1px #cadc91; color: #fff }
.util button:hover { background: #85a61b; }


.util_covid button { background: transparent; border:solid 1px #80b6d5; color: #fff }
.util_covid button:hover { background: #02669f; }


.guide { 
	box-sizing: border-box; 
	padding: 40px 0; 
	font-size: 20px;
	text-align: center;
}


.footer-wrap {background: #d8d8d8; margin-top:180px; padding:20px }
 footer { 
	max-width: 1144px; margin: 0 auto; position: relative;
	padding: 20px 30px; }
.footer-menu a { text-decoration: none; color: #888; }
.footer-menu a:first-child { padding-right: 15px; background: url(../images/bar.gif) right no-repeat; }
.footer-menu a:last-child { padding-left: 15px; }


h3 { 
	font-size: 1.8rem;
	color:#004ea4;
	padding:10px;
}


.mtable { 
	width:100%;
	border-collapse: 	collapse;
	border-radius: 12px;
	box-shadow: 3px 3px 3px 0px #ccc; 	
	box-shadow: 3px 3px 7px 3px #d7d7d7;
}
.mtable tr:hover { background: #DAEDED; }

.mtable th { background: #004ea4; color:#fff; font-size:1.6rem }
.mtable th:first-child { border-radius: 12px 0 0 0; }
.mtable th:last-child { border-radius: 0 12px 0 0; }
.mtable th, .mtable td { border-bottom: solid 1px #ccc; font-size:1.1rem; padding: 14px 0px; box-sizing: border-box; text-align: center}

.btn-s { border:solid 1px #919191; background: #fff;}

.m-box { text-align: center; border:solid 2px #cfcfcf; border-radius:12px; padding:25px; font-size: 1.2rem; box-shadow: 3px 3px 7px #d7d7d7; }
.m-box b {color: #ff893b;}
.text { font-size:20px; text-align: center; padding:40px;}

.login-box { 
	background: #efefef;
	padding:70px;
	margin: 0 70px;
}
.login-box div { width:350px; margin: 7px auto; font-size:14px;}

.i-input { padding:10px}
.login-input { width:100%; padding:14px}
.i-checkbox { width:20px;}
.btn-login { background: #274874; font-size:20px; color:#fff; width:100%; font-size:16px; font-weight: bold; padding:10px 0}


.table-wrap { border-top: solid 2px #103768; }


.table_list { border-collapse: collapse; width: 100%;}
.table_list tr:hover { background: #DAEDED; }

.table_list th {font-size: 18px; color:#103768; padding:17px; background: #F2F2F2; border-bottom: solid 1px #bebebe; padding: 12px 10px;}
.table_list td { text-align: center; border-bottom: solid 1px #bebebe; padding: 12px 10px;}
.table_list td a { text-decoration: none; }


/*
.table_list td { text-align: center;}
.table_list td a { text-decoration: none; color: #666 }
.table_list td:nth-child(1) { width: 10%; }
.table_list td:nth-child(2) { text-align: left; }
.table_list td:nth-child(3) { width: 10%; }
.table_list td:nth-child(4) { width: 10%; }
.table_list td:nth-child(5) { width: 10%; }
*/

.pagenation { text-align: center; padding: 30px 0; }
.pagenation img { vertical-align: middle; }
.pagenation a { padding: 15px; text-decoration: none; color: #666; font-size: 1.1rem; }


.search { 
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom:10px;
 }
.search div {}
.search select  { height: 32px; }
.search input { height: 32px; margin: 0 }
.search img { vertical-align: middle; border:solid 1px #dddddd; margin-left: -5px; line-height: 0; font-size: 0; border-left: 0 }

.btn_wrap { text-align: right; padding: 20px 0; }
.btn { background: #274874; font-size:20px; color:#fff; font-size:16px; font-weight: bold; padding:10px 50px}
 .btn-s { border:solid 1px #919191; padding:6px 10px}

 .table-write { border-collapse: collapse; width: 100%;}
 .table-write th, .table-write td { border-bottom: solid 1px #bebebe; padding: 12px 10px; box-sizing: border-box; }
 .table-write th {color:#103768; padding:17px}
 .table-write td { text-align: left}


li.dropdown { 
  display: inline-block;
}

li.dropdown > a {  color: #fff; text-decoration: none; padding-bottom: 10px; }
.dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
  animation-name: fade; animation-duration: 1s;
}
.dropdown-content div {
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
  background-color: rgba(255, 255, 255, 1.0); 

  margin-top: 20px;
  font-size: 17px;
}

.dropdown-content a {
  padding: 4px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
  color: #fff;
  font-weight: bold;
  line-height: 140%;
  transition: background-color 0.3s linear;
  background-color: transparent;
}

.dropdown-content a:hover {background-color: rgba(50, 50, 50, 0.2);}
.dropdown:hover .dropdown-content {
  display: block;
}

.navbar a:hover, .dropdown:hover .dropbtn { border-bottom: solid 2px #fff; }

.gnb-list { top: 130px; left: 110px;}
.gnb-list li { display: inline-block; text-align: center; padding-right: 30px; font-size: 17px; vertical-align: middle; }
.gnb-list li a { color: #333; text-decoration: none; font-weight: bold; line-height: 140%; }