@charset "utf-8";
.header{
  position: relative;
  width:100%;
  margin:0 auto;
  height: 90px;
	border-bottom:1px solid #cccccc;
}

.m_header{
  position: relative;
  width:100%;
  margin:0 auto;
  height: 90px;
}

.topmenu-area{
  position: relative;
  max-width:1280px;
  margin:0 auto;
  height: 100%;
  min-width:270px;
}

.wrap-logo {
  float: left;
  width: 23%;
  height: 100%;
  box-sizing: border-box;
}

.wrap-logo .logo {
  display: inline-block;
  width: 80%;
  margin-top: 28px;
}

.wrap-logo img{width:100%;}

.wrap-menu {
  margin-left: 5%;
  width: calc(72% - 160px);
  height: 90px;
  float: left;
}

.wrap-burger-menu{
  width: 160px;
  height: 100%;
  float: right;
  box-sizing: border-box;
}

.wrap-burger-menu img{width: 40px; height: 40px;}

.wrap-menu .top-menu {
  position: relative;
  width: 100%;
}

.wrap-menu .top-menu .menu{
  position: relative;
  float: left;
  width: 20%;
  height: 100%;
  text-align: center; 
  z-index: 9999;
  box-sizing: border-box;
}

.menu:last-child .sub{border-right: 1px solid rgb(221, 221, 221);}

.wrap-menu .top-menu .menu>a{
  color:black; 
  font-size: 18px; 
  font-weight: bold; 
  line-height: 90px;
}

.wrap-menu .top-menu .menu li {
  width: 100%;
  margin: 0;
	height:45px;
}

.wrap-menu .top-menu .menu li a{
  padding: 0px;
  transition: 0.3s;
  color: rgb(102, 102, 102);
  /* line-height: 45px; */
	height:45px;
  font-size: 15px;
  font-weight: 400;
  position: relative;
/* 	display:inline-block; */
	width:100%;
/* 	height:100%; */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
	-moz-align-items: center;
	-ms-flex-align: center;
	align-items: center;
  -webkit-box-pack: center;
	-moz-box-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;

}

.wrap-menu .top-menu .sub {
  display: none; 
  height:318px;
  background-color: rgb(255, 255, 255);
  border-top:1px solid rgb(221, 221, 221);
  border-left:1px solid rgb(221, 221, 221);
  border-bottom:1px solid rgb(221, 221, 221);
  box-sizing: border-box;
}

.wrap-menu .top-menu .sub a:hover{color:#0068b2;}

.subback {
  position: absolute;
  width: 100%;
  top: 90px;
  display: none;
  z-index: 9995;
  height: 318px;
  box-sizing:border-box;
  background-color: white;
  border-top:1px solid rgb(221, 221, 221);
  border-left:1px solid rgb(221, 221, 221);
  border-bottom:1px solid rgb(221, 221, 221);
}

.wrap-burger-menu .bmenu{
  position: relative; 
  width: 40px; 
  padding-top: 25px; 
  float: right;
  cursor: pointer;
  margin-left: 10px;
}

.main_login{
  position: relative;
  float: right;
  height:30px;
  width:100px;
  top:30px;
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
}

.main_login a {
  color:black;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
}

/* footer */
* {
    margin: 0;
    padding: 0;
  }
  
li {list-style: none;}
a {text-decoration: none;}
.on{display: block;}
.clear:after{
  content:'';
  display: block;
  clear: both;
}

.footer{
  position: relative;
  width: 100%;
  height: 150px;
  background-color: #333333;
  min-width: 270px;
}

.footer .footer-area{
  position: relative;
  max-width: 1280px;
  height: 100%;
  margin: 0 auto;
  padding-bottom: 20px;
  box-sizing: border-box;
}

.footer-logo{
  position: absolute;
  width: 21.5%;
  height: 100%;
  left: 0;
  padding-top: 57.5px;
  box-sizing: border-box;
}

.footer-logo img{width:240px;}

.footer-content{
  position: absolute;
  height: 100%;
  width: 56%;
  left: 275px;
}

.footer-family{
  position: absolute;
  width: 22.5%;
  right:0;
  height: 100%;
}

.footer-content .wrap-content{
  height: 100%;
  padding: 20px 0;
  box-sizing: border-box;
}

.footer-content .wrap-content .f-privacy {height: 30px;}

.footer-content .wrap-content .f-info {
  padding-top: 20px;
  height: 80px;
  box-sizing: border-box;
}

.footer-content .wrap-content .f-privacy a{
  color: white;
  font-weight: bold;
  font-size: 14px;
  font-family: 'Noto Sans KR';
  line-height: 30px;
}

.footer-content .wrap-content .f-privacy .f-privacy1 {margin-right: 20px;}
.footer-content .wrap-content .f-privacy .f-privacy2 {margin-left: 16px;}

.footer-content .wrap-content .f-privacy .line::after{
  content: "|";
  color: white;
  font-size: 12px;
  font-family: 'Noto Sans KR', sans-serif;
}

.footer-content .wrap-content .f-info p{
  color: white;
  width: 100%;
  font-size: 14px;
  font-family: "LotteMartDream", "Malgun Gothic","맑은 고딕","돋움",Dotum,"굴림",Gulim,Tahoma,Verdana,Geneva,sans-serif,Apple Gothic,AppleGothic;
}

.footer-family .wrap-sns {
	display:flex;
	justify-content: space-between;
  position: absolute;
  width: 150px;
  height: 85px;
  padding-top: 30px;
  right: 0px;
  box-sizing: border-box;
}

.footer-family .toolbar {
  position: relative;
  padding-top: 0;
  box-sizing: border-box;
  right: 0;
}

.footer-family .toolbar .smap {
  position: absolute;
  top: 85px;
  width: 150px;
  height: 30px;
  right: 0;
}


.footer-family .wrap-sns img{
  width: 40px;
  height: 40px;
}

@media all and (max-width: 1300px) {
  .footer-family .toolbar {right: 10px;}
  .footer-family .wrap-sns{right: 10px;}
}

@media all and (max-width: 900px) {
  .footer-content{width: 46%;}
  .footer-family{width: 32.5%;}
  .footer-content .wrap-content .f-info p{font-size: 13px;}
  .footer-content .wrap-content .f-info{padding-top: 10px;}
}

@media all and (max-width: 800px) {
  .footer{height: 230px;}
  .footer-family{position: relative; width: 100%; height: 50px; top: 170px; padding-top: 5px; box-sizing: border-box; text-align: center;}
  .footer-family .wrap-sns{display: inline-block; position: relative; padding-top: 0; height: 40px; right: 0; margin-right: 15px;}
  .footer-family .toolbar{display: inline-block; right: 0; box-sizing: border-box; transform: translateY(-50%);}
  .footer-family .toolbar .smap{position: relative; top: 0;}
  .footer .footer-area{padding-bottom: 0;}
  .footer-logo{width: 100%; height: 50px; padding-top: 5px; box-sizing: border-box; text-align: center;}
  .footer-logo .fot-logo{width:200px; margin: auto;}
  .footer-content {width: 100%; left: 0; height: 100px; top: 50px; text-align: center;}
  .footer-content .wrap-content{ padding: 3px 0; margin: 0 auto;}
}

@media all and (max-width: 418px) {
  .footer{height: 250px;}
  .footer-content {height: 150px;}
  .footer-family{top: 180px;}
}

.main_btn{
  position: relative;
  width:100%;
  height:40px;
  text-align: center;
  margin-top:50px;
}

/* 슬라이드 */

.slide-sec {
  position: relative;
  width:100%;
}

.slide-area {
  position: relative;
  max-width:1280px;
  margin: 0 auto;
  height:390px;
  overflow: hidden;
}

.slide-area .wrap-slide {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

.slide-area .wrap-slide .swiper{
  position: relative;
  width: 100%;
  height: 100%;
	border:none;
	border:1px solid #eaeaea;
	border-top:none;
}

.slide-area .wrap-slide .swiper .swiper-slide{
	background-color:#fff;
}

.swiper-slide a{
	text-align:center;
}

.simg{
/* 	width: 100%;  */
	height:100%;
}
.swiper-pagination{color:white; font-weight: bold;}
.arrow{position: absolute; width: 40px; height: 40px; border: none; outline: none; background-color:transparent; cursor: pointer; overflow:hidden;}
.swiper-button-prev .pre-arrow {position: absolute; top:0; left:0;}
.swiper-button-next .next-arrow {position: absolute;top:0; left:-40px;}

.wrap-slide .wrap-indicator {
  position: relative;
  bottom:60px;
  height: 40px;
  z-index: 8888;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.swiper-pagination{top:12.5px;}
.paging-area{position: relative;}
.swiper-pagination-bullet{
  width:15px; 
  height:15px; 
  background:black;
  transition: linear 0.3s;
	border:1px solid #e2e2e2;
}

.swiper-pagination-bullet-active{
  background-color:#3d3d3d;
  border-radius: 15px;
  width: 30px;
  transition: linear 0.3s;
}

.wrap-indicator .swiper-play-area{
  position: relative; 
  height: 100%; 
  width: 30px;
	height:30px;
	top:5px;
  overflow: hidden; 
  cursor: pointer;
}

.wrap-indicator .swiper-play-area > img{width:30px;}

.wrap-indicator .play-arrow {position: absolute; top: -30px; display: none;}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content:none;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content:none;}

/* 공지사항 */

.notice_sec {
  position: relative;
  width: 100%; 
	padding-top: 20px;  
}

.notice_area{
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}

.wrap_notice{
  position: relative;
  float: left;
  width: 73%;
  height:370px;
  margin-right:20px;
	box-shadow: -1px 2px 3px 3px rgba(0,0,0,0.1);
  border-top-left-radius: 50px;
}

.notice_list:last-child{border-bottom:none;}

.wrap_nquick{
  float: left;
  position: relative;
  width: calc(27% - 20px);
  height:370px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.notice_tit_box{
  position: absolute;
  width:29.5%;
  height: 100%;
	background-color: #6886c6;
  float: left;
  border-top-left-radius: 50px;
}
.notice_cont_box{
  position: relative;
  left: 29.5%;
  width:70.5%;
  height: 100%;
  background-color: white;
  float: left;
  padding: 0 15px;
  box-sizing: border-box;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.notice_cont_box:last-child{border:none;}
.top_notice{
  position: relative;
  width: 100%;
  height: 130px;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
}

.notice_list{
  position: relative;
  width: 100%;
  height: 80px;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding-left: 20px;
}

.first_date_box{
  position: relative;
  width:18%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  float: left;
	align-items:center;
}

.first_date{
  font-size: 45px;
  color: #abcf2d;
  font-weight: bold;
  letter-spacing: 5px;
}

.first_day{font-size: 16px; color: rgb(102, 102, 102);}

.wrap_fc_tit{
  display: flex;
  align-items: center;
  padding-top: 15px;
}

.wrap_fc_cont{padding-top:15px;}

.fc_tit_p{
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

.wrap_fc_cont a{
  width: 100%;
  height: 50px;
  padding-top: 0px;
  font-size: 14px;
  float: left;
  color: #878787;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  font-weight: 100;
  line-height: 23px;
}

.first_cont_box{
  position: relative;
  width:82%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  float: left;
  padding-right: 10px;
}

.wrap_fc_tit a{
  color: #333;
  width: calc(100% - 80px);
  font-weight: bold;
  font-size: 16px;
  margin-left: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  float: left;
}

.notice_list .wrap_fc_tit{
  padding-top: 0;
  width:70%;
}

.wrap_fc_date{
  width: 30%;
  padding-right: 10px;
  text-align: right;
  font-size: 14px;
  color: #878787;
}
.wrap_mt{
	position:relative;
	top:45px;
	padding-left:22px;
}

.mascot_img{
	position:absolute;
	bottom:0;
	width: 146px;
	height:158px;
	left:15px;
}

@media all and (max-width:1300px) {
	.notice_sec{padding: 20px 10px 20px 10px;}
	.quick_area{padding:0 10px;}
	.mainschedule_area{padding:0 10px;}
}


@media all and (max-width: 1000px) {
  .wrap_notice{width:100%; margin-right:0;}
  .wrap_nquick{flex-flow: row; width:100%; height:175px; margin-top:10px}
  .wrap_nquick .com_box{width:90%;}
  .card_box{margin-left:10px;}
}

@media all and (max-width: 650px) {
  .notice_back{padding:30px 10px; box-sizing:border-box}
  .notice_tit_box{width:100%; position:relative; height:100px;}
  .notice_cont_box{width: 100%; left:0; height:340px; padding:0;}
	.notice_list{padding-left:0;}
  .top_notice{height:100px;}
  .wrap_notice{height:440px;}
	.wrap_mt{left:0;}
	.mascot_img{width:59px; height:100%; left: 85%;}
	.mascot_img img{bottom: 5px; position: absolute;}
}

/* 퀵메뉴 */

.quick_sec {
  position: relative;
  width: 100%;
	padding-top:30px;
  padding-bottom: 50px
}

.quick_area{
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.c_box a:hover{background-color: #fecd78; color:white;}

.c_box a:hover .q2_sub2{color:white;}

.wrap_quick1{
  position: relative;
  width:21.5%;
  height: 370px;
  background-color: #fecd78;
  box-shadow: -1px 2px 3px 3px rgba(0,0,0,0.1);
	border-top-left-radius:50px;
}

.com_quick{
  position: relative;
  width: 25.4%;
  height: 370px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.c_box{
	position:relative;
  width:100%;
  height:180px;
  background-color: white;
  box-shadow: -1px 2px 3px 3px rgba(0,0,0,0.1);
}

/* 센터일정 */

.mainschedule_sec {
  position: relative;
  width: 100%;
  padding: 50px 0;
  color:black;
  background-color: #eff9f9;
}

.mainschedule_area{
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}

.wrap_mainschedule{
  display: flex;
  justify-content: space-between;
}

.schedule_box{
  position: relative;
  width: 15.6%;
  height: 280px;
  background-color: white;
  border-radius: 20px;
  box-shadow: -1px 5px 5px 5px rgba(0,0,0,0.1);
	margin-top:50px;
	transition:0.2s;
}


.schedule_box a{
	display:inline-block;
	width:100%;
	height:100%;
	padding: 10px 12px;
}

.scb_title_box{
  height: 130px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}

.scb_cont_box{
  font-size: 14px;
  margin-top: 10px;
  height: 70px;
}

.scb_title_box .scb_title {
  display: -webkit-box;
  text-align: left;
  line-height: 30px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
  color: #000;
  overflow: hidden;
	font-size:17px;
	line-height:1.3;
	margin-top:10px;
}

.scb_cont_box p {
  display: -webkit-box;
  text-align: left;
  line-height: 20px;
  height: 63px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
  overflow: hidden;
  color: #707070;
  font-weight: 300;
}

.scb_date {
  width: 60px;
  height: 50px;
  float: right;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
	line-height: 1.2;
}

.cc_mon{color: rgb(102, 102, 102); font-size: 14px;}

.cc_day {color: #ccc; font-size: 25px;}

@media all and (max-width: 1000px) { 
  .scb5{display: none;}
  .schedule_box{width:22% !important;}
}

@media all and (max-width: 800px) {
  .scb5{display: none;}
  .scb4{display: none;}
  .schedule_box{width:30% !important;}
}

@media all and (max-width: 600px) {
  .scb5{display: none;}
  .scb4{display: none;}
  .scb3{display: none;}
  .schedule_box{width:46% !important;}
  .wrap_mainschedule {justify-content: space-around !important;}
}

/* 활동갤러리 */
.maingallery_sec {
  position: relative;
  width: 100%;
  padding: 50px 0;
}

.maingallery_area{
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.wrap_maingallery{
  float: left;
  position: relative;
  width: 100%;
  height: 530px;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
	z-index:99;
}

.maingallery_box{
  position: relative;
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mainphoto{
  width:91.5%;
  height:232px;
  border-radius: 25px;
	overflow:hidden;
	position:relative;
}

.mainphoto img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.mainphoto_decoration{width:91.5%; height: 232px;}

.pd1{background-color: #f4eedd; border-radius: 40px 40px 290px 40px;}
.pd2{background-color:#c1ddd0; border-radius: 40px 40px 40px 290px;}
.pd3{background-color:#a5dff9; border-radius: 40px 290px 40px 40px;}

.photo_hover .gal_idx01{
	position:absolute;
	top:15px;
	left:15px;
	height:30px;
	line-height:30px;
	font-size:13px;
}

@media all and (max-width: 1000px) { 
	.gb5{display: none;}
	.gb10{display: none;}
	.maingallery_box{width:25%;}
}

@media all and (max-width: 800px) {
	.gb8{display: none;}
	.gb9{display: none;}
	.maingallery_box{width:33.3%;}
}

@media all and (max-width: 600px) {
  .gb6{display: none;}
  .gb7{display: none;}
  .maingallery_box{width:50%;}
} 

/* 세부 아이콘 및 텍스트(공통) */

.wrap_nquick .com_box{
  position:relative;
  width: 100%;
  height: 180px;
  background-color: #fe798b;
	box-shadow: 1px 4px 4px 4px rgba(0,0,0,0.1);
}

.wrap_nquick .com_box:hover{background-color:#fd4660;}

.com_box a{
	display:inline-block;
	width:100%;
	height:100%;
	color:white;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items: center;
}

.com_box a p {font-size:20px; font-weight:bold;}

.main_tit{
	font-size:26px;
	color:white;
	font-weight:bold;
	margin-bottom:2px;
	position:relative;
}

.main_subtitle{
	font-size:14px;
	color:#f1f1f1;
	line-height:1.2
}

.mascot_img img{width:100%;}

.plus_img{
	display:inline-block;
	width:20px;
	height:20px;
	top: 1px;
  position: relative;
	margin-left:2px;
}

.plus_img img{width:100%;}
.nquick_img{width:18%;}

.c_box a{
	display:inline-block;
	width:100%;
	height:100%;
	font-size:22px;
	padding-left:8%;
	padding-top:7%;
	font-weight:bold;
}

.wrap_quick1 .ordinary_box{position:relative; width:100%; height:100%;}

.wrap_quick1 .ordinary_box a{
	display:inline-block;
	width:100%;
	height:100%;
	color:white;
	text-align:center;
	padding-top:13%;
}

.wrap_quick1{font-size:25px; font-weight:bold;}

.q2_sub2{font-size:15px; color:#505050;}
.performance_box a{color:#C92C6D;}
.honor_box  a{color:#1f8a70;}
.eduinfo_box a{color:#ee6983;}
.workinfo_box a{color:#dea057;}
.demandcenter_box a{color:#df7861 ;}
.reference_box a{color:#4e9dbe;}
.reference_box{border-bottom-right-radius:60px; overflow:hidden;}

.quick_btn{
	position:relative; 
	font-size:20px; 
	margin-top:18px; 
	width:160px; 
	height:35px; 
	left:calc(50% - 80px);
	line-height:35px;
	transition:0.3s;
	color:#0F6292;
}

.quick_btn .fa-arrow-circle-right{margin-left:5px; font-size:23px;}

.wrap_quick1 .ordinary_box a:hover .quick_btn{/* color:#0F6292;  */border:1px solid #0F6292;}

.iq1{position:absolute; bottom:0; width:100%; left:0;}
.iq2{position:absolute; bottom: 5px; right: 8%; width: 25%; opacity:0.6;}

.c_box .fa-arrow-circle-right {
  position: absolute;
  bottom: 20px;
  left: 8%;
  font-size: 32px;
	color:#e2e2e2;
	transition:0.3s;
}

.c_box:hover .fa-arrow-circle-right{color:white; margin-left:3px;}

.mainschedule_area .main_tit{
	color:black;
	font-size:30px;
	text-align:center;
}

.mainschedule_area .main_subtit{
	color:#929292;
	font-size:15px;
	text-align:center;
}

.schedule_box:hover{
	top:-20px;
	background-color:#fcfff6;
}

/* 센터일정 머리말 */
.scb_index{
  width: 50px;
  height: 30px;
  border-radius: 5px;
  text-align: center;
  line-height: 30px;
	font-size:15px;
	color: white;
}

.sc_idx01{background-color: #6e7c5a;}
.sc_idx02{background-color: #3d9cf5;}

/* 공지사항 머리말 */
.category_idx{
  min-width:60px;
  height:30px;
  text-align: center;
  line-height: 30px;
  float: left;
}
.ctg_idx01{background-color:#76bdad; color:white;}
.ctg_idx02{background-color:#7878d4; color:white;}
.ctg_idx03{background-color:#15afd0; color:white;}
.ctg_idx04{background-color:#e56f3b; color: white;}

.gb1 .gtit{display: flex; align-items: center; overflow:visible;}

.gallery_title{
	position: relative;
	font-size:30px; 
	font-weight:bold;
	z-index: 9999;
	left:10%;
	width:200%;
}

.gallery_sustitle{
	width: 200%;
  position: relative;
  z-index: 9999;
	left:10%;
	font-size:16px;
}

.gallery_title .plus_img{
	width:30px;
	height:30px;
	position:relative;
	display: inline-block;
	top:5px;
}

.g_link{
	display:inline-block;
	width:100%;
	height:100%;
	position:absolute;
}


.photo_hover {
	width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  top: 0;
  left: 0;
  border-radius: 30px;
  position: absolute;
  opacity:0;
	transition:0.3s;
	display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
	padding-top:10px;
}

.photo_title{
	font-size:20px;
	color:white;
	display: -webkit-box;
	text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  white-space: normal;
  overflow: hidden;
	position:relative;
	width:90%;
	text-align:center;
	margin-bottom:10px;
}

.photo_date{font-size:16px; color:white;}
.photo_hover:hover{opacity:1;}

/* 웹진 */
.mainwebzine_sec{
  position: relative;
  width: 100%;
  padding: 50px 0;
  color: black;
  background-color: #eff9f9;
}

.mainwebzine_area {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}

.wrap_mainwebzine{
	display: flex;
  justify-content: space-between;
}

.mainwebzine_area .main_tit {
	color: black;
  font-size: 30px;
  text-align: center;
}

.mainwebzine_area .main_subtit {
  color: #929292;
  font-size: 15px;
  text-align: center;
}

.mainwebzine_box {
  position: relative;
  width: 15.6%;
  height: 280px;
  background-color: white;
  box-shadow: -1px 3px 5px 5px rgba(0,0,0,0.1);
  margin-top: 50px;
  transition: 0.3s;
	margin-bottom: 6px;
  z-index: 9999;
	overflow:hidden;
}

.mainwebzine_box:hover{box-shadow: -1px 6px 8px 8px rgba(0,0,0,0.1);}

.bookshelf{
  position: relative;
  width:100%;
  height: 25px;
  background-color: #f2f2f2;
  border: 2px solid #cccccc;
  box-sizing: border-box;
  z-index: 8888;
  top: -5px;
}

.mainwebzine_box a{
	display:inline-block;
	width:100%;
	height:100%;
	position:relative;
}

.webzine_img{
	width:100%;
	height:100%;
	object-fit:cover;
}



@media all and (max-width: 1000px) { 
  .wb5{display: none;}
  .mainwebzine_box{width:22% !important;}
}

@media all and (max-width: 800px) {
  .wb5{display: none;}
  .wb4{display: none;}
  .mainwebzine_box{width:30% !important;}
}

@media all and (max-width: 600px) {
  .wb5{display: none;}
  .wb4{display: none;}
  .wb3{display: none;}
  .mainwebzine_box{width:46% !important; height:auto;}
  .wrap_mainwebzine {justify-content: space-around !important;}
}

.main_btn a{
  display: inline-block;
  width:110px;
  height: 100%;
  text-align: center;
  line-height: 40px;
  background-color: #3E54AC;
  color: white;
	transition:0.3s;
}

.main_btn a:hover{background-color:#31448c}
.policy_area{position:relative; width:100%;}
.email_wrap span{display: block;font-size: 15px; text-align: center;}
.email_wrap h3{text-align: center; color: #df1033; font-size: 18px;}
.etxt{width:200px; height:200px; margin:10px auto;}


/* 모바일 헤더 */
.m_header{display:none;}
.m_wrap-menu{
	position:absolute;
	z-index:9997;
	width:50%;
	right:0;
	text-align:center;
	background-color: rgba(0, 0, 0, 0.4);
	height:150vh;
	display:none;
}

.m_wrap-menu .sub{
	display:none;
	border-top:1px solid #cccccc;
	background-color:white;
}

.m_wrap-menu .top-menu{
	background-color:white;
	z-index:9999;
	border-top:1px solid #cccccc;
}

.m_wrap-menu .top-menu .menu{
	position:relative;
	border-bottom:1px solid #cccccc;
}

.m_wrap-menu .top-menu .menu .m_menua{
	display:inline-block;
	width:100%;
	line-height:50px;
	background-color: rgba(0, 0, 0, 0.05);
}

.m_wrap-menu .top-menu .menu .m_menua:hover{
	background-color: #0081C9;
	color:white;
}

.m_wrap-menu .sub li a{
	display:inline-block;
	width:100%;
	line-height:45px
}
.m_wrap-menu .sub li{
background-color:white;
border-left:1px solid #ddd;
}
.m_on{background-color: #0081C9;}
.m_on .m_menua{color:white;}
.m_wrap-menu .sub li a:hover{color:#0081C9;}

.site_wrap-menu{
	position:relative;
	width: 100%;
  height: 100vh;
  box-sizing: border-box;
  top: -90px;
	background-color: rgba(0, 0, 0, 0.7);
	z-index:99999;
	display:none;
	min-width:1000px;
	align-items: center;
  justify-content: center;
}

.site_wrap-menu .menu:last-child .sub{border:none;}

.site_wrap-menu .top-menu .menu{
	width:20%;
	float:left;
	height:100px;;
	position:relative;
}
.site_wrap-menu .top-menu .menu .m_menua{
	display:inline-block;
	width:100%;
	height:100%;
	font-size:25px;
	background-color:#0081C9;
	color:white;
	line-height:100px;
}

.site_wrap-menu .top-menu{
	background-color:white;
	height:100%;
	width:100%;
	text-align: center;
}

.site_wrap-menu .sub li{height:50px;}

.site_wrap-menu .sub li a{
	display:inline-block;
	width:100%;
	height:100%;
	line-height:50px;
	font-size:18px;
}

.site_wrap-menu .sub li a:hover{
	color:white;
	background-color:#BAD7E9;
}

.smap_box{
position: relative;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
min-height:450px;
width:1000px;
}

.smap_close{
width:100%; 
height:80px; 
position:relative;
display: flex;
justify-content: end;
}

.smap_close img{height:100%; cursor:pointer;}
.smap_cont{height:450px;}

.wrap-menu .top-menu .menu li .maip{font-weight:bold; color:#DC0000;}
.swiper-slide a{display:inline-block; width:100%; height:100%;}
.gallery_sustitle{color:#929292;}

.photo_hover .gal_idx02 {
  position: absolute;
  top: 15px;
  left: 15px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
}

.gallery_back_img{
	position:absolute;
	bottom: -50px;
	right: -60px;
	z-index: 10;
}

.gallery_back_img2{
position:absolute;
z-index: 10;
top: 50%;
left: -100px;
}

.wrap-menu .top-menu .menu li.long_a a{
	letter-spacing: -1.3px;
	text-align:center;
}

.wrap-menu .top-menu .menu li.long_a a > br{
	display:none;
}

@media all and (max-width: 1400px){
	.gallery_back_img{right:0;}
}

@media all and (max-width: 1200px) {
  .header .wrap-menu{
    margin-left:1%;
    width:calc(99% - 390px);
  }
  .header .wrap-logo{width:200px;}
  .header .wrap-logo .logo{margin-top:30px;}
  .wrap-logo img{width:200px;}
  .header .wrap-menu .top-menu .menu li a{font-size:14px;}
}

@media all and (max-width: 1150px) {
	.wrap-menu .top-menu .menu li.long_a a > br{
		display:inline;
	}
}

@media all and (max-width: 1000px) {
  .header .wrap-menu{
    display: none;
  }

  .header .wrap-logo{width:280px;}
  .header .wrap-logo .logo{margin-top:26.5px;}
  .wrap-logo img{width:250px;}
	.wrap_nquick .com_box{height:175px;}
}

@media all and (max-width: 420px) {
  .header .wrap-logo{width:200px;}
  .header .wrap-logo .logo{margin-top:32px;}
  .header .wrap-menu .top-menu .menu li a{font-size:14px;}
}

@media all and (max-width: 1000px){
	.header{display:none;}
	.m_header{display:block;}
	.wrap-menu{display:none;}
	.site_wrap-menu{display:none !important;}
}

@media all and (max-width: 960px){
.slide-area{height:300px;}
.simg{object-fit:fill;}
}


@media all and (max-width: 800px) {
  .wrap_quick1{width:49%; height:330px; margin-bottom:10px}
  .com_quick{width: 49%; height: 340px;}
  .c_box{margin-bottom: 10px;}
}


@media all and (max-width: 650px){
	.h3sub_tit{font-size:16px;}
	.wrap-h2subtit{height:70px;}
	.h2sub_tit{font-size:22px; margin-bottom:10px;}
	.edui_subp{font-size:14px;}
	.h3sub_sub {font-size:16px;}
	.br{display:none;}
	.wrap_mt{bottom: 10px; padding-left:10px;}
	.main_tit{font-size:18px;}

	.email_wrap span{
		font-size:14px;
	}
	.email_wrap h3{text-align: center; color: #df1033; font-size: 16px;}
	
	.first_date{font-size:25px;}
	.h3sub_tit:before {
    content: '';
    display: inline-block;
    position: relative;
    top: 3px;
    width: 5px;
    height: 16px;
    background-color: #008744;
    margin-right: 3px;
	}	

	.edui_subp{padding:15px;}
	.wrap_quick1{font-size:20px;}
	.quick_btn{font-size:16px; width:130px; left: calc(50% - 65px); }
	.c_box a{font-size:20px;}
	.q2_sub2{font-size:12px;}

	.footer-logo{padding-top:20px;}
	.footer-content .wrap-content .f-privacy .f-privacy2 {
    margin-left: 14px;
	}
	.footer-content .wrap-content .f-info p {
    font-size: 12px;
	}
	.footer-family .wrap-sns {
    height: 30px;
    right: 0;
    margin-right: 10px;
	}
.footer-family .wrap-sns img{width:30px; height: 30px;}
.footer-family .toolbar {
    transform: translateY(-35%);
		font-size:12px;
}
.footer {
    height: 230px;
}

.footer-content .wrap-content .f-privacy {
    height: 30px;
		margin-top:10px;
}
.footer-family{padding-top:0;}

.wrap_fc_tit a {font-size:15px;}
.wrap_fc_cont a{font-size:13px;}
.first_cont_box{padding-left:10px;}
.category_idx{
	min-width:45px;
}

.wrap_quick1{
width:100%;
height:160px;
}
	.iq1{
	height:70%; 
	width: auto;     
	right: 0;
  left: auto;
	bottom:0;
	}
	.wrap_quick1 .ordinary_box a{padding-top:35px; text-align:left; padding-left: 7%; font-size:18px;}
	.quick_btn{left:auto; padding-left: 10px;}
	.com_quick{width:49%;}
	.wrap_quick4{ width:100%; flex-flow:row; height:170px;}
	.demandcenter_box{width:49%; height:190px;}
	.reference_box{width:49%; height:190px;}
	.quick_btn .fa-arrow-circle-right {
    top: 3px;
    position: relative;
}
.c_box{height:160px;}
.wrap_fc_tit {
    padding-left: 10px;
}
}

@media all and (max-width: 500px){
	.com_box a p{font-size:18px;}
	.q2_sub2{font-size:10px;}
	.main_login{width:75px;}
	.mainschedule_area .main_tit{font-size:20px;}
	.gallery_title{font-size:20px;}
	.mainwebzine_area .main_tit{font-size:20px;}
	.mainwebzine_area .main_subtit{font-size:13px;}
	.gallery_sustitle{font-size:13px;}
	.mainschedule_area .main_subtit{font-size:13px;}
	.personinfor_area .h2sub_tit{margin-bottom:30px;}
	.breadcrumbs{font-size:13px;}
	.breadcrumbs li{margin-left:8px;}
	.slide-area{height:200px;}
	.simg{object-fit:fill;}
	.quick_sec{padding-top:0;}
	.m_header{height:60px; padding:0 10px; border-bottom:1px solid #f1f1f1;}
	.wrap-logo .logo{margin-top:22px;}
	.main_login{top:20px;}
	.wrap-burger-menu .bmenu{padding-top:15px;}
	.wrap_fc_tit{padding-top:5px;}
	.wrap_fc_cont{padding-top:5px;}
	.wrap_mt{top:40px;}
	.notice_tit_box{height:90px;}
	.quick_sec{padding-top:0;}
	.wrap-logo img{width:130px;}
	.gallery_back_img{display:none;}
	.quick_sec{padding-bottom:30px;}
	.mainschedule_sec{padding:30px 0;}
	.maingallery_sec{padding:30px 0;}
	.mainwebzine_sec{padding:30px 0;}
	.main_subtitle{font-size:12px;}
/* 	.arrow{
		width:25px; height:25px;
		top: 50%;
	    transform: translateY(50%);
	}
	.arrow > img{
		width:50px;
	}
	.swiper-button-next .next-arrow{
		left:-25px;
	}
	.slide-area .wrap-slide .swiper{
		border-right:none;
		border-left:none;
	} */
}


@media all and (max-width: 450px){
	.mascot_img img{right:8px;}
	.wrap-logo .logo {
    margin-top: 22.1px;
	}
	.wrap-slide .wrap-indicator{bottom:50px;}
	.wrap_establish p{font-size:14px;}
	.wrap_fc_tit{padding-left:10px;}
	.wrap_fc_date{font-size:12px; width:25%; padding-right:10px;}
	.notice_list .wrap_fc_tit{width:75%;}
	.first_date{letter-spacing:2px;}
	.wrap_maingallery{height: 440px;}
	.mainphoto{height: 200px;}
	.mainphoto_decoration{height: 200px;}
}

.g_link:focus{
	border:2px solid black;
}

.mainwebzine_box a:focus{
	border:2px solid black;
}

.reference_box a:focus{
	border:2px solid black;
}