@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.main_vi_wrap {width:100%; height:100%; display:inline-block; margin-top:-165px}

 @media all and (max-width:1100px) {
    .main_vi_wrap {margin-top:0}
 }


/*비쥬얼*/

 
.vi_text_wrap {width:100%; text-align:Center; left:0; top:50%; position:absolute;  transform: translate(0, -55%);  box-sizing:border-box;   }

.vi_text_wrap h1 {color:#fff; font-size:2.2vw; line-height:1.1; margin-bottom:10px;   /* font-family: 'GongGothicMedium'; */ font-weight:800}
.vi_text_wrap h2.t1 {color:#fff; font-size:2.5vw; line-height:1.1; margin-bottom:10px; /* font-family: 'GongGothicMedium', sans-serif; */ letter-spacing:0; font-weight:600}
.vi_text_wrap h2.t2 {color:#fff; font-size:1.5vw; line-height:1.2; margin-bottom:40px; font-weight:400; }
.vi_text_wrap img {max-width:430px; margin-bottom:10px}

.color1 {color:#09a7a6}
.color2 {color:#a731a2}
.color3 {color:#2c2c91}
.color4 {color:#2457f1}

.vi_btn {width:100%; text-align:Center; left:0; bottom:5%; position:absolute;    box-sizing:border-box;   }
.vi_btn a {border:1px solid rgba(255,255,255,.5); background-color:rgba(255,255,255,.1);  font-size:.95rem; color:#fff !important; display:inline-block; padding:0 30px; line-height:40px; border-radius:4px; margin:0 5px; font-weight:400;   transition: all 0.3s ease-out; }
.vi_btn a:hover {background-color:rgba(255,255,255,.9);  color:#000 !important; font-weight:500}


@media all and (max-width:1300px){
   .vi_text_wrap h1 { font-size:2.5vw; }
   .vi_text_wrap h2.t1 { font-size:3.5vw; }
   .vi_text_wrap h2.t2 { font-size:2vw  }

}
 
@media all and (max-width:1200px){
	.vi_text_wrap {width:100%; left:0%; top:50%; position:absolute;  transform: translate(0, -53%); }
 
}

@media all and (max-width:800px){
  
    .vi_text_wrap h1 { font-size:4.3vw; }
	.vi_text_wrap h2.t1 { font-size:4.7vw; }
	.vi_text_wrap h2.t2 { font-size:3.5vw  }
	.vi_btn a {font-size:.80rem; padding:0 15px; line-height:35px}

 
}



.main_con {width:100%; box-sizing:border-box; display:inline-block; margin:0 auto; padding-top:100px  }


.main_con .tit {width:100%; display:inline-block; font-size:2.5rem; font-family: 'Montserrat', sans-serif; font-weight:600; color:#333}
.main_con .tit span {color:#1571b0; font-family: 'Montserrat', sans-serif;}


.in {width:100%; max-width:1500px; margin:0 auto; padding:0 3%; box-sizing:border-box }

span.date {font-size:.9rem; color:#777; letter-spacing:0; width:100%; display:inline-block; padding-top:10px; font-family: 'Montserrat', sans-serif; font-weight:500 }
h3.tt1 {width:100%; display:inline-block; padding-bottom:15px; font-size:1.4rem; font-weight:700; color:#333;  }
span.label {background-color:red; color:#fff; padding:3px 30px}



 @media all and (max-width:1100px) {
    h3.tt1 {font-size:1.1rem; padding-bottom:8px}
	span.date {padding-top:5px}
	.main_con .tit {font-size:2rem; }

 	.tab {display:none}
 
 }

@media all and (min-width:800px) {
  .vi_m {display:none !important}
}

 @media all and (max-width:800px) {
.main_con { padding-top:50px  }
.main_con .tit {font-size:1.6rem}

.vi_pc {display:none !important}
.vi_m {display:block !important; }
 }


.schedule_wrap {  margin-top:20px;   }

/*공지사항*/

.notice {width:100%; display:flex; position:relative; margin-top:30px;  float:left;  }
 
.notice ul.gall {width:70%;   display:flex; justify-content:space-between; margin-bottom:-40px }
.notice ul.gall li {width:48%; position:relative}
.notice ul.gall li p.img {width:100%; height:17vw; display:inline-block; overflow:hidden}
.notice ul.gall li img {min-height:100%; min-width:100%; max-width:700px}
.notice ul.gall li div {width:85%; background-color:#fff;   float:right; margin-top:-80px; box-sizing:border-box; padding:30px; position:relative; font-size:1rem; color:#555; line-height:1.4; margin-right:-30px}
.notice ul.gall li div p {width:100%; max-height:45px;  overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
}

.notice ul.gall li   span.label {position:absolute; right:0; top:0; z-index:999999}

.notice ul.gall li h3.tt1::after {background-color:#333; width:20px; height:1px; display:block; content: ""; margin-top:15px }

.notice div.list {width:27%; margin-left:auto;}
.notice div.list ul { border-top:2px solid #333; }
.notice div.list li {width:100%; display:inline-block; font-size:1.05rem; color:#222; border-bottom:1px solid #ddd; padding:10px 0; line-height:1.25 }
.notice div.list  span.date {padding-top:3px; }
 .notice div.list ul li b {font-weight:600}
a.notice_more {width:25%;  font-size:0.9rem; line-height:45px; background-color:#1571b0; color:#fff !important; display:inline-block; text-align:center; position:absolute; bottom:0; letter-spacing:2px; transition: all 0.1s ease-out;} 
a.notice_more:hover {background-color:#f1f1f1; color:#333 !important} 

.notice div.list h3  {color:#333; font-size:1.7rem; line-height:1; margin-bottom:10px; font-family: 'Montserrat', sans-serif;}



 @media all and (max-width:1100px) {

	.notice {flex-wrap:wrap; margin-top:10px;   }
	.notice ul.gall {width:100%; }
	.notice ul.gall li div {width:100%; margin-right:0;   margin-top:15px;   padding:0; position:relative;  }
	.notice ul.gall li div p {font-size:.93rem;  line-height:1.3;}
	.notice ul.gall li p.img { height:30vw;  }
	.notice ul.gall li p.img img {max-width:300px}
	 .notice ul.gall li h3.tt1::after {display:none }

	.notice div.list {width:100%; margin-top:65px;  }
	a.notice_more {  position:static;  width:100%} 
  }

/*공지사항 swiper*/
.swiper-container  {width:100%;  }
 .swiper-wrapper {height:auto; padding-bottom:50px}
	.swiper { width: 100%; }
	.swiper-slide {
			text-align: left;
			font-size: 18px;
			background: #fff;
		   border:6px solid #fff;
			/* Center slide text vertically */
			box-sizing:border-box; 
			padding:2vw 1.5vw; 
			transition: all 0.3s ease-out; height:auto
		 }

.swiper-slide:hover {border:6px solid; border-image: linear-gradient(to right, #0e78c1, #063a9a, #0e78c1); border-image-slice: 1; box-sizing:border-box;  box-sizing:border-box; }
.swiper-slide span.date  {font-family: 'Montserrat', sans-serif; width:60px; text-align:center; white-space:nowrap; display:inline-block; margin-bottom:15px; padding-top:0; letter-spacing:0;  }
.swiper-slide span.date b {font-family: 'Montserrat', sans-serif; font-size:2.5rem; color:#333; font-weight:700; line-height:1}
.swiper-slide img  {max-width:100%; max-height:280px;}

.swiper-slide h3  { display:inline-block; margin-top:15px; margin-bottom:0;  font-size:1.3rem; font-weight:600}
.swiper-slide a h3 {color:#333}
.swiper-slide p  {  width:100%; margin-top:8px; line-height:1.3; font-size:1rem; color:#777;
			  max-height:40px; overflow:hidden;
			  text-overflow: ellipsis;
			  display: -webkit-box;
			  -webkit-line-clamp: 2; /* 라인수 */
			  -webkit-box-orient: vertical;
			  word-wrap:break-word; 
		  }

/* .swiper-slide a { font-size:0.9rem; color:#666; padding:5px 20px; display:inline-block; margin-top:20px; text-align:center; background-color:#f1f1f1;} */
.swiper-slide-active {border: 6px solid;  border-image: linear-gradient(to right, #0e78c1, #063a9a, #0e78c1);
border-image-slice: 1; box-sizing:border-box;  }

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction  {position:static; margin-top:20px;}


.slide_none {display:flex; justify-content:center;  width:100% !important; box-sizing:border-box; padding:0 2%;}
.slide_none .swiper-slide {width:48%; margin:0 1%; max-width:430px; border:6px solid #ddd;  }
.slide_none .swiper-slide:hover {border:6px solid; border-image: linear-gradient(to right, #0e78c1, #063a9a, #0e78c1); border-image-slice: 1;}

.slide_none + .swiper-pagination {display:none !important}
@media all and (max-width:800px) {

	.swiper-slide {padding:4% 2% 6% 2%}
	.swiper-slide h3 {font-size:1.1rem; margin-top:10px; font-weight:700}
	.swiper-slide p {font-size:.90rem;   height:35px;}
    .slide_none {justify-content:space-between; }
 
	}
 
 

.bn {width:37%; position:relative;  }
 



 
 .tab3 li:nth-child(2):hover {background-color:#f1844b; }
 .tab3 li:nth-child(3):hover {background-color:#7a69ad; }
 .tab3 li:nth-child(4):hover {background-color:#92a923; }
 .tab3 li:nth-child(5):hover {background-color:#1ba29e; }
 .tab3 li:nth-child(2):hover a {color:#fff !important}
 .tab3 li:nth-child(3):hover a {color:#fff !important}
 .tab3 li:nth-child(4):hover a {color:#fff !important}
 .tab3 li:nth-child(5):hover a {color:#fff !important}


/*일정*/

.schedule_wrap_new {display:flex; justify-content:space-between;}
.schedule_wrap_new iframe {width:60%;}

 .pop_wrap h4 {margin-bottom:0; font-size:1.13em}
 .pop_wrap  ul {width:100%; display:inline-block; margin-top:3px; margin-bottom:-10px; }
 .pop_wrap  ul li {width:100%; display:flex;   align-items:flex-start; margin-bottom:11px; }
 .pop_wrap  ul li div {width:calc(100% - 25px); margin-left:auto}
 .pop_wrap  ul li div p {display:block; font-weight:500; width:100%; line-height:1.2; font-size:1rem  }
 .pop_wrap  ul li div a.link_btn {background-color:#fff; color:#555 !important; border:1px solid #555; display:inline-block; padding:0 10px; font-size:.88rem; border-radius:3px; margin-top:0; }


 .pop_wrap  ul li:before {content:''; width:16px; height:16px; border-radius:50%;  margin-top:3px;  display:inline-block; box-sizing:border-box }

 .pop_wrap  ul li.t_color1:before {border:3px solid #f1844b;   }
 .pop_wrap  ul li.t_color2:before {border:3px solid #7a69ad;   }
 .pop_wrap  ul li.t_color3:before {border:3px solid #92a923;  }
 .pop_wrap  ul li.t_color4:before {border:3px solid #1ba29e;  } 


@media (max-width:900px) {
	 .pop_wrap  ul li div p {font-size:1rem; margin-bottom:5px }

}


.color_info { text-align:right;  }
.color_info span {padding:5px 13px; border-radius:3px; font-size:1rem; font-weight:500;}
.color_info span:nth-child(1) {border:1px solid #f1844b;  color:#f1844b;  }
.color_info span:nth-child(2) {border:1px solid #7a69ad; color:#7a69ad;  }
.color_info span:nth-child(3) {border:1px solid #92a923;  color:#92a923; }
.color_info span:nth-child(4) {border:1px solid #1ba29e;  color:#1ba29e; } 


@media all and (max-width:1100px) {
.schedule_wrap_new {flex-wrap:wrap}
.schedule_wrap_new iframe {width:100%;}


}


footer {margin-top:100px}