@charset "utf-8";

*{box-sizing:border-box;}
:root{
	--main-color:#2b6bff;
}
* html .clearfix{height:1%;}
.clearfix{display:block; }
.clearfix:after{display:block;visibility:hidden;clear:both;content:".";overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
.clear{clear:both;}
.hide{display:none;}
.skip, .blind{position:absolute;width:1px;height:1px;margin:0;padding:0;background:none;font-size:3px;color:transparent;line-height:0;}
.hidden_txt{overflow:hidden;position:absolute;width:0;height:0;background:transparent;font-size:0;line-height:0;text-indent:-9999px;border:none !important;background:transparent !important;}
button{display:inline-block;background:transparent;font-size:inherit;font-weight:normal;font-family:inherit;color:inherit;cursor:pointer;}
/**/
.title h2{font-size:clamp(2rem, 3vw, 2.2rem); color:#222;}


/*-----hover-----*/
.line_box{position:absolute;top:0;left:0;width:100%;height:100%;}
.line_box span{position:absolute;display:inline-block;z-index:5;}
.line_box .line01{top:0;left:0;width:0;height:1px;background:#195fbe;}
.line_box .line02{top:0;right:0;width:1px;height:0;background:#195fbe;}
.line_box .line03{bottom:0;right:0;width:0;height:1px;background:#195fbe;}
.line_box .line04{bottom:0;left:0;width:1px;height:0;background:#195fbe;}
.main_hover:hover .line_box .line01{width:100%;transition:width 0.45s linear;transition-duration:0.3s;}
.main_hover:hover .line_box .line02{height:100%;transition:height 0.45s linear;transition-delay:0.3s;}
.main_hover:hover .line_box .line03{width:100%;transition:width 0.45s linear;transition-duration:0.3s;}
.main_hover:hover .line_box .line04{height:100%;transition:height 0.45s linear;transition-delay:0.3s;}
.main_hover:hover .itemimgc img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.main_hover:hover .notboxtit{color:#195fbe; }
.main_hover:hover .notboxstit{color:#195fbe; }
.main_hover:hover .notday{color:#195fbe; }



/*-----main image slider----*/
.mainimg, .Mainbg{position:relative;}
.main_text{position:absolute; z-index: 1; left:50%; transform:translateX(-50%); color:#fff; text-align:center; top:40%; width:100%;}
.main_text h1{font-size:clamp(3.5rem, 4vw, 4rem);}
.main_text h2{font-size:clamp(2rem, 3vw, 2.3rem); margin-top:-15px;}
.main_text p{font-size:clamp(1rem, 2vw, 1.3rem); color:#ffffff95;}

/* Dots */
.slick-dots{position:absolute; bottom:0;display:block;padding:0;margin:0;list-style:none;text-align:left;}
.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:50px;height:2px;background:#cfcfcf;opacity:0.5;cursor:pointer;color:transparent;border:0;}
.slick-dots li.slick-active button{width:50px;opacity:1;background:#195fbe;}


/*-----main content slider----*/
/*prev, next*/
.pro-button-prev, .pro-button-next{position: absolute; width: 54px;height: 54px;z-index: 1;  cursor: pointer;}
.pro-button-prev{background: url("../img/main/pro-button-prev.png") no-repeat;}
.pro-button-next{background: url("../img/main/pro-button-next.png") no-repeat;}

/*----section 01----*/
.sec01_bg{background:#eef3ff; width:100%; min-height:100%;}
.sec01{position:relative; top:-100px; z-index:1;}
.sec01>ul{ display:grid; grid-template-columns:repeat(4,1fr); grid-column-gap:4%;}
.sec01>ul>li{position:relative;}
.sec01>ul>li>a{border:1px solid transparent; box-shadow:0 0 15px 5px rgba(0, 0, 0, 0.05); background:#fff; display:inline-block; width:100%; height:100%; padding:50px 20px; text-align:center;}
.sec01>ul>li>a>img{margin-top:10px;}
.sec01>ul>li>a>h2{color:#072e64; margin-top:20px;}
.sec01>ul>li>a>p{margin:10px 0 50px;}
.sec01>ul>li>a>span{color:rgb(153, 153, 153); }
.sec01>ul>li:hover>a>span{color:#072e64;}



/*----section 02----*/
.sec02{padding-bottom:70px;}
.sec02 .title{text-align:center; }
.notbox{background: #ffffff;/* height:290px;*/padding:50px 40px;box-sizing:border-box; position: relative}
.notbox:last-child{margin-right:0;}
.notboxtit{ display: inline-block; font-size: 20px;font-weight:600;  color: #010000; white-space: nowrap; overflow: hidden;   text-overflow: ellipsis;    white-space: normal;    line-height: 1.2;  height: 2.4em;   word-wrap: break-word;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    margin:42px auto 20px;    }
.notboxstit{font-size:15px;color: #605e5e;padding-bottom: 28px;height:95px;overflow: hidden;line-height: 160%;}
.notcate{color:#16a8ea;/* padding-bottom: 25px; */font-weight: 500;position: absolute;top: 50px;}
.notday{color: #616161;font-weight: 400;font-size: 15px; margin-top:45px;}
.nomore{position: absolute; right: 0; bottom: 0; border:1px solid #e6e6e6; width: 30px; height: 30px; line-height: 26px; text-align: center}

/*tab*/
.sec02tab{position: relative}
.sec02tab .tab_container{ width: 90%; margin:0 auto; min-height: 350px}
.sec02tab ul{display:flex; flex-flow:row nowrap; width:25%; margin:20px  auto 40px;}
.sec02tab ul li{display: inline-block;padding: 11px 20px; cursor: pointer;border:1px solid #ccc; width: 100%;box-sizing: border-box;text-align: center;color: #494949;font-size: 17px;}
.sec02tab ul li+li{border-left:none;}
.sec02tab ul li.active{background: #327cff; color: #fff}
#tab1{overflow:hidden;}
#tab2{overflow:hidden;}
#tab3{overflow:hidden;}
#tab4{overflow:hidden;}
#tab5{overflow:hidden;}
#tab6{overflow:hidden;}

/*slider*/
.swiper-pagination-bullets{text-align: center; margin-top: 15px;}
.swiper-pagination-bullet-active{background: #1688ed !important;    opacity: 0.8; width: 50px !important; border-radius: 20px !important}
.proSwiper .pro-button-prev{left: 3%; top: 50%;}
.proSwiper .pro-button-next{right: 3%; top: 50%;}


/*----section 03----*/
.sec03_bg{background:linear-gradient(to right, #fff 50%, #332c2b 50%); margin-top:130px;}
.sec03{display:flex; flex-flow:row nowrap; justify-content:space-between;}
.sec03_L{background:#fff; position:relative; width:25%;}
.sec03_L .text{width:90%; word-break: keep-all;}
.sec03_L .text>span{font-size:clamp(2rem, 3vw, 2.3rem); font-weight:400; line-height:130%; color:#222;}
.sec03_L .text h2{font-size:clamp(3.5rem, 4vw, 4rem); font-weight:900; line-height:110%; color:#222;}
.sec03_L .text p{font-size:clamp(1rem, 2vw, 1.25rem); color:#8a8a8a; margin:25px 0 50px;}
.sec03_L .text a.more{display:inline-block; font-size:clamp(1rem, 2vw, 1.25rem); padding:13px 50px; color:#fff; font-weight:bold; background:#cc9e76;}
.sec03_L .text a.more span{vertical-align:-25%;}
.sec03_R{width:75%;}
.sec03_R ul{display:grid; grid-template-columns:repeat(3,1fr); height:100%;}
.sec03_R ul:after{display:none;}
.sec03_R ul li{width:100%; text-align:center; position:relative; align-self: center; height:100%; transition: background-size .3s ease;}
.sec03_R ul li:nth-child(1){background:url(../img/main/sec03_R_img01.jpg) center center no-repeat; background-size:100%;}
.sec03_R ul li:nth-child(2){background:url(../img/main/sec03_R_img02.jpg) center center no-repeat; background-size:100%;}
.sec03_R ul li:nth-child(3){background:url(../img/main/sec03_R_img03.jpg) center center no-repeat; background-size:100%;}
.sec03_R ul li:hover{background-size:120%;}
.sec03_R ul li a{display:inline-block; width:100%; height:100%; padding:20px; color:#fff; display:flex; flex-direction:column; justify-content:  center; align-items: center;}
.sec03_R ul li a span{position:absolute; top:10px; right:10px;}
.sec03_R ul li a p{margin-top:10px; opacity:0.8;}



#icon{ clear:both; margin:0 auto;}
#icon li {/* width:16.6%; padding:4px;*/ width:24.6%; padding:4px;float:left; display:grid; grid-template-columns:repeat(1,1fr);grid-gap:10px;}
#icon li a{ font-weight:bold; display:block; text-align:center;  border:1px solid #cecece; border-top:1px solid #dadada; border-bottom:1px solid #bfbfbf;  background:#fff; border-radius:5px; padding:15px;}
#icon li:first-child{ padding-left:0;}
#icon li:last-child{ padding-right:0;}


/*----section 04----*/
.sec04{display:flex; flex-flow:row nowrap; margin-top:110px;}
.sec04 .sec04_L, .sec04 .sec04_R{width:50%; padding:40px 60px;}
.sec04_L{color:#fff; background:url(../img/main/sec04_L_bg.jpg) center center no-repeat; background-size: cover;}
.sec04 a.more{display:inline-block; margin-top:15px; color:#ffffff80; padding:5px 20px; border:1px solid #ffffff80; font-size:14px;}
.sec04 a.more span{vertical-align: -25%;}
.sec04 a.more:hover{background:#fff; color:var(--main-color);}
.sec04_R{position:relative; background:var(--main-color); padding:10px; color:#fff;}
/*학사일정용
.sec04_R .btn{position:absolute; top:10px; right:10px; color:#ffffff50; display:flex;}
.sec04_R .btn a span{font-size:45px;}
.sec04_R .calender dl{display:flex; justify-content: left; align-items: center;}
.sec04_R .calender dl dt{width:30%;}
.sec04_R .calender dl dt p{font-size:16px; color:#ffffff80; margin-top:-5px;}
.sec04_R .calender dl dd.date{margin-top:15px; padding:0 20px; line-height:300%; text-align:center; font-family:"Times New Roman", serif; font-weight: bold;}
.sec04_R .calender dl dd.date h3{font-size:clamp(4.5rem, 4vw, 5rem); color:#a1f3ff;}
.sec04_R .calender dl dd.date p{font-size:clamp(1.5rem, 4vw, 2rem);}
.sec04_R .calender dl dd span{font-size:14px;}
.sec04_R .calender dl dd p{font-size:clamp(1rem, 2vw, 1.5rem);font-weight:bold; }
*/
.sec04_R{display:grid; grid-template-columns:25% auto;}
.sec04_R p{opacity:0.8;}
.sec04_R ul{display:grid; grid-template-columns:repeat(2, 1fr); grid-column-gap:2%;}
.sec04_R ul li{text-align: center;}
.sec04_R ul li:nth-of-type(n-2){margin-top:10px;}
.sec04_R ul li a{display:inline-block; border:1px solid #ddd; padding:10px 0; width:100%;}
.sec04_R ul li:hover a{background:#fff; color:var(--main-color);}

/*----section 05----*/
.sec05_bg{margin-top:130px; background:url(../img/main/sec05_bg.jpg) center center no-repeat; background-size:cover; width:100%; min-height:100%; padding:90px 0 100px;}
.sec05{display:flex; flex-flow:column nowrap; position:relative;}
.sec05 .title{position:relative; margin-bottom:20px;}
.sec05 .title a.more{padding:7px 40px; border:1px solid #222; position:absolute; left:180px; top:8px;}
.sec05 .title a.more span{vertical-align: -25%;}
.sec05 .title a.more:hover{background:var(--main-color); color:#fff; border-color:var(--main-color);}
/*.sec05 ul{position:relative;display:grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 4%;}
.sec05 ul li a{display:inline-block; background:#fff; width:100%; height:100%;}
.sec05 ul li a .text{padding:50px 40px;}
.sec05 ul li a .text h3{color:#222;}
.sec05 ul li a .text p{color:rgb(168, 168, 168); margin-top:35px;}*/

.sec05 .pro-button-prev{top:0; right:55px;}
.sec05 .pro-button-next{top:0; right:0;}
.sec05 .photoswiper{width:100%;}
.sec05 .noticeimg img{object-fit:cover; width:100%; height:100%; }
.sec05 .noticetext{background:#fff; padding:50px 40px;}
.sec05 .noticetext .notboxtit{margin:0;}
.sec05 .noticetext .noticet{color:rgb(168, 168, 168); margin-top:35px;}


/*----section 06----*/
.sec06_bg{background:url(../img/main/sec06_bg.jpg) center center no-repeat; background-size:cover; width:100%; min-height:100%; padding:70px 0;}
.sec06>ul{display:flex; flex-flow:row nowrap; justify-content: space-around;}
.sec06>ul:after{display:none;}
.sec06>ul>li{text-align: center;}
.sec06>ul>li>a{color:#fff;}
.sec06>ul>li>a>p{margin-top:10px;}


@media only all and (max-width:1520px){
}

@media only all and (max-width:1400px){	
	.sec01>ul{display:grid; grid-template-columns:repeat(2,1fr); grid-row-gap:4%;}
	.sec01>ul>li a{padding:20px;}
	.sec01>ul>li a p{margin:10px 0;}	
	.sec02tab ul{width:80%;}	
	.sec03_bg{background:#fff;}
	.sec03{flex-flow:column nowrap;}
	.sec03_L, .sec03_L .text, .sec03_R{width:100%;}
	.sec03_L .text{text-align:center;}
	.sec03_L .text p{margin:10px 0;}
	.sec03_R ul{min-height:400px; margin-top:30px;}	
	.sec05 ul{grid-column-gap: 1%;}
}

@media only all and (max-width:1024px){
	.main_text{top:25%;}	
	.sec03_R ul{display:flex; flex-flow:column nowrap; width:90%; margin:20px auto 0; }
	.sec03_R ul li a{padding:90px 40px ;}
	.sec04_R .calender dl{flex-flow:column wrap; align-items: flex-start;}
	.sec04_R .calender dl dt{width:100%;}
	.sec04_R .calender dl dd.date{padding:0; margin:30px 0 0 -5px;}	
	
	.sec04{flex-flow:column nowrap; align-items: center;}
	.sec04 .sec04_L, .sec04 .sec04_R{width:90%;}
	.sec04_R{grid-template-columns:repeat(1, 1fr);}
	.sec04_R ul{grid-template-columns:repeat(2, 1fr);}
	
	.sec05 ul{width:60%; margin:0 auto; grid-template-columns: repeat(1, 1fr); grid-row-gap:1%;}
	.sec05 .title{text-align: center; margin-bottom:100px;}	
	.sec05 .title a.more{left:50%; transform: translateX(-50%); top:50px; width:200px;}	
	.sec06>ul{display:grid; grid-template-columns: repeat(4, 1fr); align-content: center; justify-items: center; grid-row-gap: 20%;}
}