.eng {font-family:'Montserrat' !important}
a.more_btn {width:200px; display:inline-block; line-height:50px; border:1px solid #333; text-align:center;   font-size:1.1rem; color:#333 !important; margin-top:3vh; transition: all 0.3s ease-out;}
a.more_btn:hover {background-color:#002060; color:#fff !important }

 

#main .main_tab {width:100%; display:inline-block; text-align:center; min-width:1240px    }
#main .main_tab li  {width:200px; display:inline-block; line-height:55px;  text-align:center;  font-size:1.3rem;   background-color:#f5f5f5; letter-spacing:-2px; transition: all 0.3s ease-out;}
#main .main_tab li a {color:#333 !important; width:100%; display:inline-block}
#main .main_tab li.ov {background-color:#002060}
#main .main_tab li.ov a {color:#fff !important}

#main iframe.vi {margin-top:157px; margin-bottom:80px; min-width:1240px; }


#main .tit {font-size:2.5rem; letter-spacing:1px;  line-height:0.7em; color:#333; font-family:'Montserrat'; margin-bottom:2vw; text-align:center; width:100%; font-weight:600;   display:inline-block; }


#main  .tit span {font-family:'Montserrat'; font-size:.5em; font-weight:300; letter-spacing:5px; color:#999}
 
#main section  .notice,.insta,.youtube {width:100%; box-sizing:border-box; padding:0 8vw; display:inline-block; min-width:1240px;    }
#main  .content_wrap { min-width:1240px;  padding-bottom:120px; width:100%; display:inline-block }

.notice { margin-top:50px;    }
.notice .box {width:36%; float:left;  color:#333; font-size:1rem;}
.notice .box_img {width:100%; overflow:hidden; height:300px; margin-bottom:30px}
.notice .box  img {   border-radius:3px;  
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;

}
.notice .box img:hover {-webkit-transform: scale(1.1); transform: scale(1.1);}

.notice * {line-height:1.3em}

.notice .box h3 {font-size:1.5rem; font-weight:600; }
.notice .box  p {padding-top:10px; margin-bottom:5px;   font-size:1rem; color:#666;
width:100%; box-sizing:border-box;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
}
.notice .box  span {  font-size:.95rem; color:#666}


.notice div.list {width:60%; float:right }
.notice ul {width:100%; display:flex; flex-wrap:wrap ;   }

.notice ul a  {width:33.33333%; margin-bottom:-2px;   background-color:#fff; border:1px solid #ddd; border-right:none;  margin-top:1px; box-sizing:border-box; padding:35px; color:#333; transition: all 0.3s ease-out;   }
.notice ul a:nth-child(3n) {border-right:1px solid #ddd}
.notice ul a:last-child {border-right:1px solid #ddd}
.notice ul li h3 { font-size:1.3rem; letter-spacing:-1px; font-weight:600 }
.notice ul li p {margin-left:auto; font-size:.95rem; color:#666; line-height:1.4em; margin-bottom:10px;
 width:100%; box-sizing:border-box;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
}
.notice ul li  span.eng {color:#999}
.notice ul a:hover  { border:1px solid #002060; background-color:#002060; position:relative; color:#fff}
.notice ul a:hover p {color:#fff}
.notice ul a:hover li  span.eng {color:#fff}



.notice ul a span.line {width:30px;  margin:15px 0; height:2px; background-color:#333; display:inline-block; transition: all 0.3s ease-out;}
.notice ul a:hover span.line {width:100%; background-color:#fff}
 
.insta ul {width:100%; display:flex; flex-wrap:wrap;   }
.insta ul li {width:16.6666%;  }
.insta ul li  img {width:100%; }

.youtube ul {width:100%; display:flex; flex-wrap:wrap;   }
.youtube ul li {width:33.3333%;  }
.youtube ul li  img {width:100%; }


