@charset "UTF-8";
@import url('content.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600&display=swap');
@font-face{
	font-family: 'NanumSquareB';
	font-style: normal;
	src:url('font/NanumSquareB.eot');
	src:url('font/NanumSquareB.eot.eot?#iefix') format('embedded-opentype'),
	url('font/NanumSquareB.woff') format('woff'),
	url('font/NanumSquareB.ttf') format('truetype');
	src:local(※), url('font/NanumSquareB.woff') format('woff');
}
*{padding:0;margin:0;}
button{background: none;border:0;cursor: pointer;font-family: 'Noto Sans KR', sans-serif;}
a{cursor: pointer;text-decoration: none;color:#000;outline: none !important;}
video,img{vertical-align: top;}
img {max-width: 100%;}
li{list-style: none}
fieldset,img{border:0}
caption{width:0;height: 0;opacity: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
input{all: unset;}
table{border-collapse: collapse;border-spacing: 0;}
table .align_left{text-align: left !important;}
table .align_center{text-align:center !important;}
table .align_right{text-align:right !important;}
em{font-style: normal;}
body {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans KR', Droid sans, Malgun Gothic, sans-serif;
  -webkit-text-size-adjust:none;
}
section {
  position: relative;
}
header {
  width: 100%;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  padding: 0 6%;
  box-sizing: border-box;
}
header .top_logo {
  width: 100px;
  height: 16px;
  display: inline-block;
	vertical-align: middle;
  margin-top: 22px;
  background: url(../img/common/img_toplogo_sub.png) no-repeat 0 0;
  background-size: 100px 16px;
}
#main header .top_logo {
  width: 140px;
  height: 32px;
  display: block;
  margin-top: 15px;
  background: url(../img/common/img_toplogo.png) no-repeat 0 0;
  background-size: 140px 32px;
}
header a em {
  display: none;
}
header input[id="menubtn"] {
  display:none;
}
header .menubtn {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  right: 7%;
  display: block;
  transform: translateY(-50%);
  cursor: pointer;
}
header .menubtn span {
  width: 100%;
  height: 2px;
  position: absolute;
  display: block;
  transition: all .35s;
  background: #fff;
}
header .menubtn span:nth-child(1) {
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
}
header .menubtn span:nth-child(2) {
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
header .menubtn span:nth-child(3) {
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
}
header input[id="menubtn"]:checked + .menubtn {
  z-index: 60;
}
header input[id="menubtn"]:checked + .menubtn span {
  background: #000;
}
header input[id="menubtn"]:checked + .menubtn span:nth-child(1) {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
}
header input[id="menubtn"]:checked + .menubtn span:nth-child(2) {
  left: 50%;
  transform: translate(-50%, -50%) scale(2);
  opacity: 0;
}
header input[id="menubtn"]:checked + .menubtn span:nth-child(3) {
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%) rotate(-135deg);
}
header input[id="menubtn"]:checked ~ .gnb {
  right: 0;
}
header .gnb {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 50;
  padding-left: 11%;
  background: #fff;
  transition:.35s;
  box-sizing: border-box;
}
header .gnb .top_logo, #main header .gnb .top_logo {
  width: 100px;
  height: 16px;
  display: block;
  margin-top: 22px;
  margin-left: 0 !important;
  background: url(../img/common/img_gnblogo.png) no-repeat 0 0;
  background-size: 100px 16px;
}
header .gnb nav {
  display: inline-block;
  margin-top: 60px;
}
header .gnb nav a {
  display: table;
  margin-bottom: 28px;
  font-family: Poppins;
  font-size: 20px;
  color: #333;
  -webkit-text-fill-color: #333;
  cursor: pointer;
}
header .gnb nav a:nth-child(2){
  display: none;
}
header .gnb nav a.active {
  color: #000;
  border-bottom: 1px solid #000;
}
#main section:nth-child(4){
  display: none;
}
.search_wrap {
  width: 100%;
  padding: 0 9.5%;
  box-sizing: border-box;
}
.search_wrap .inner {
  width: 100%;
}
.search_wrap .inner p {
  display: none;
}
.search_wrap .inner span {
  width: 100%;
  display: table;
}
.search_wrap .inner span input {
  width: calc(100% - 39px);
  height: 35px;
  display: inline-table;
  padding: 5px;
  border: 1px solid #bfbfbf;
  border-radius:4px 0 0 4px;
  box-sizing: border-box;
  background: #fff;
}
.search_wrap .inner span button {
  width: 39px;
  height: 35px;
  display: inline-table;
  border-radius: 0 4px 4px 0;
  background: #2c2a52 url(../img/common/ico_search.png) no-repeat center 8px;
  background-size: 20px 19px;
  text-indent: -99999em;
}
.search_wrap .inner span input,
.search_wrap .inner span button {
	vertical-align: middle;
}

section .content .inline_nav {
  margin-top: 8px;
  display: flex;
  justify-content: space-around;
}
section .content .inline_nav a {
  padding-top: 10px;
  font-size: 14px;
  color: #000;

}
section .content .inline_nav .ui-tabs-active a {
  color: #1b158f;
  border-bottom: 1px solid #1b158f;
}
section .content .list .result_txt {
	margin-bottom: 20px;
	font-size: 12px;
	color: #333;
	text-align: center;
}
section .content .list .result_txt em,
section .content .list .result_txt span {
	color: #231f59;
}
section .content .list ul {
	width: 100%;
	border-bottom: 1px solid #ddd;
}
section .content .list ul li {
	border-top: 1px solid #ddd;
}
section .content .list ul li a {
	display: block;
	padding: 12px 0;
}
section .content .list ul li a span {
	width:75px;
	height: 25px;
	display: inline-block;
	margin-right: 5px;
	font-size: 12px;
	line-height: 25px;
	color: #fff;
	border-radius: 30px;
	background: #231f59;
	text-align: center;
}
section .content .list ul li a p {
	display: inline-block;
	font-size: 14px;
	color: #333;
}
section .content table {
	width: 100%;
	margin-top: 15px;
	border-bottom: 1px solid #ddd;
}
section .content table tr {

}
section .content table tr th {
	/*width: 80px;*/
	padding: 0 5px;
	text-align: center;
	border-top: 1px solid #ddd;
}
section .content table tr th span {
	width:75px;
	height: 25px;
	display: inline-block;
	font-size: 12px;
	font-weight: 300;
	line-height: 25px;
	color: #fff;
	border-radius: 30px;
	background: #231f59;
	text-align: center;
}
section .content .view_board col:nth-child(1){
  width:0;
}
section .content .view_board .category{
  display: none;
}
section .content .view_board .sbj{
  font-weight: 700;
}
section .content table tr td {
	padding-left: 4px;
	border-top: 1px solid #ddd;
}
section .content table tr td a,
section .content table tr td .sbj {
	font-size: 14px;
	font-weight: 300;
	color: #333;
	display: block;
	padding: 12px 0;
}
section .content table tr .tbl_content {
	padding: 5px;
	font-size: 12px;
	text-align: left;
}
section .content table tr td.no_result_alert {
	padding: 15px 0;
	text-align: center;
}
section .content table tr td.no_result_alert img {
	width: 30%;
}
section .content table tr td.no_result_alert p {
	margin-top: 20px;
	font-size: 13px;
	color: #555;
}
section .content .view_board > p {
	margin-top: 5px;
	font-size: 12px;
}
section .content .slogan {
  padding-top: 50px;
}
section .content .slogan p:first-child {
  font-size: 20px;
  color: #2c2a52;
}
section .content .slogan p:last-child {
  margin-top: 22px;
  font-size: 14px;
  font-weight: 300;
  color: #2c2a52;
}
section .content .btn_area {
	margin-top: 30px;
	text-align: center;
}
section .content .btn_area a {
	display: inline-block;
  padding: 7px 32px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 300;
  color: #2c2a52;
  border: 1px solid #ddd;
  border-radius: 30px;
}
section .content .slide_wrap {
	position: relative;
}
.board_slide {
  margin-top: 25px;
  padding-top: 40px;
}
.board_slide .swiper-pagination {
  position: absolute;
  top: 0;
  left: 50%;
  bottom: unset;
  display: flex;
  justify-content: space-around;
  transform: translateX(-50%);
}
.board_slide .swiper-pagination .swiper-pagination-bullet {
	width: auto;
  height: 14px;
  padding-bottom: 2px;
  font-family: Poppins;
  font-size: 14px;
  line-height: 14px;
  color: #000;
  cursor: pointer;
  background: none;
  border-radius: 0;
  opacity: 1;
}
.board_slide .swiper-pagination .swiper-pagination-bullet-active {
    color: #1b158f;
    border-bottom: 1px solid #1b158f;
    opacity: 1;
    outline: none !important;
}
.board_slide .tab_content li {
  margin-top: -1px;
  border: 1px solid #ddd;
}
.board_slide .tab_content li.no_result {
  width: 100%;
  height: 285px;
  position: relative;
	padding: 15px 0;
	font-size: 12px;
	text-align: center;
  box-sizing: border-box;
}
.board_slide .tab_content li.no_result div {
  width:100%;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.board_slide .tab_content li.no_result img {
	width: 30%;
}
.board_slide .tab_content li a {
  width: 100%;
  display: block;
  padding: 12px 5%;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  z-index: 100;
}
.board_slide .tab_content li a span {
  height: 18px;
  display: inline-block;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  color:#fff;
  border-radius: 10px;
  background: #231f59;
}
.board_slide .tab_content li a h3 {
	font-size: 14px;
	font-weight: 300;
}
.board_slide .tab_content li p {
  margin-top: 5px;
  font-size: 15px;
  color: #000;
}
footer {
	border-top: 1px solid #ddd;
}
footer .content {
	width: 100%;
  padding: 24px 4.5% 24px 4.5%;
  box-sizing: border-box;
}
footer .content nav:first-child {
	margin-bottom: 18px;
	display: flex;
	justify-content: left;
    gap: 30px;
    align-items: center;
}
footer .content nav:first-child a:first-child {
	width: 22.3%;
    display: flex;
}
footer .content nav:first-child a:nth-child(2) {
	width: 8.2%;
}
footer .content nav:first-child a:nth-child(3) {
	width: 15.1%;
}
footer .content nav:first-child a:last-child {
	width: 17.7%;
}
footer .content nav:nth-of-type(2) {
	margin-top: 8px
}
footer .content nav:nth-of-type(2) span {
	display: block;
	text-align: left;
}
footer .content nav:nth-of-type(2) span:first-child a:first-child {
	font-weight: 600;
	margin-right: 15px;

}
footer .content nav:nth-of-type(2) span:last-child a:nth-child(2),
footer .content nav:nth-of-type(2) span:last-child a:nth-child(3) {
	font-weight: 600;
}
footer .content nav:nth-of-type(2) span:last-child a {
	margin-right: 15px;
}
footer .content nav:nth-of-type(2) span a {
	display: inline-block;
	font-size: 13px;
	font-weight: 300;
	line-height: 1.6;
}
footer .content nav:nth-child(2) span a:first-child,
footer .content nav:nth-child(2) span a:nth-child(4),
footer .content nav:nth-child(2) span a:last-child {
	font-weight: 600;
}
footer .content div {
	margin-top: 15px;
}
footer .content div p,
footer .content div span {
	font-size: 13px;
}
footer .content div p:first-of-type {
	margin-bottom: 5px;
	font-weight: 600;
}
footer .content div > span {
	display: inline-block;
	font-weight: 300;
}
footer .content div > span:first-of-type {
	position: relative;
	padding-right: 13px;
	margin-right: 8px;
}
footer .content div > span:first-of-type::after {
	position: absolute;
	top: 5px;
	right: 0;
	width: 1px;
	height: 11px;
	content: "";
	background: #d4d4d4;
}
footer .content div p:nth-of-type(2),
footer .content div p:nth-of-type(3) {
	margin-top: 8px;
	font-weight: 300;
	line-height: 1.6;
}
.modal {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		pointer-events: none;
		display: none;
		transition: opacity 200ms;
		z-index: 9999;
}
.modal .layer {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		display: block;
		background: #fff;
		box-sizing: border-box;
}
.modal .bg {
		display:block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #000;
		opacity: 0.8;
		transition: opacity 200ms;
}
.modal:target {
		pointer-events: all;
		display: block;
}
.modal .layer {
		width: 90%;
}
.modal .layer .layer_cont_header {
		height:50px;
		padding-left: 15px;
		background: #5b499e;
}
.modal .layer .layer_cont_header strong {
		font-size: 18px;
		line-height: 50px;
		color:#fff;
}
.modal .layer .layer_cont {
		background: #fff;
		border: 3px solid #5b499e;
}
.modal .layer .layer_cont > div {
		padding: 20px;
		max-height: 350px;
		overflow-y: auto;
}
.modal .layer .layer_cont > div p, .modal .layer .layer_cont > div h5, .modal .layer .layer_cont > div dl, .modal .layer .layer_cont > div ul {
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 24px;
		color:#333;
}
.modal .layer .layer_cont > div h5 {
 font-size: 14px;
 margin-bottom: 15px;
}
.modal .layer .layer_cont > div .tblbox {
 margin-bottom: 15px;
}
.modal .layer .layer_cont > div .tblbox span {
 display: block;
 font-size: 12px;
 font-weight: 300;
 color:#333;
 margin-bottom: 5px;
}
.modal .layer .layer_cont > div .tblbox table th, .modal .layer .layer_cont > div .tblbox table td {
 border: 1px solid #ddd;
}
.modal .layer .layer_cont > div .tblbox table th {
 font-size: 12px;
 font-weight: 300;
 color:#000;
 padding: 10px 0;
 text-align: center;
}
.modal .layer .layer_cont > div .tblbox table td {
 font-size: 12px;
 font-weight: 300;
 color:#000;
 padding: 10px;
 text-align: center;
}
.modal .layer .layer_cont > div dl dt {
 font-weight: bold;
}
.modal .close {
		width: 20px;
		height: 20px;
		position: absolute;
		top: 17px;
		right: 15px;
		display: block;
		text-indent: -99999em;
		background: url(../img/common/btn_close.png) no-repeat 0 0;
		background-size: 20px 20px;
}
