@charset "utf-8";

/*main-visual*/
.main-visual{width:100%; height:860px; background:url(/resources/images/ai/main/main-v-bg.jpg) center center no-repeat; background-size:cover; background-position-y:0; z-index: -1; overflow:hidden; margin-bottom:60px;}
@keyframes grow {
	0%	{background-size:100% auto;}
	50%		{background-size:110% auto;}
	100%	{background-size:100% auto;}
}
.main-tit{position:absolute; top:10%; left:0;background-color:rgba(0,128,238,.6);width:50%; padding:50px;}
.main-tit .main-t-inner{margin-left:350px; }
.main-tit h2{font-size:3.438em; color:#fff;line-height:1.3; border-left: 0; margin:0; padding-left:0}
.main-tit .sub-tit{font-size:2em; color:#fff; font-weight:300; border-bottom:1px solid #fff; line-height:2.5; margin-bottom:15px;}
.main-tit .sub-tit span{font-weight:400;}
.main-tit .address p{color:#fff; font-size:1.385em; font-weight: 300; line-height:1.4;}
.main-tit .address p img{margin-right:10px;}
.sns-fix{max-width:1300px; margin:0 auto; width:100%; height:100%; position:relative;}
.sns-fix .mobile{display:none}
.main-sns{position:absolute; bottom:0; right:0;}
.main-sns .sns-zone::after{display: block; content:''; clear:both;}
.main-sns .sns-zone > ul::after{display: block; content:''; clear:both;}
.main-sns .sns-zone > ul > li > a{width:96px; height:96px;display:block;}
.main-sns .sns-zone .sns01{background:url(/resources/images/walfare/main/facebook.jpg); background-size:cover;}
.main-sns .sns-zone .sns02{background:url(/resources/images/walfare/main/hoseo-you.jpg); background-size:cover;}
.main-sns .sns-zone .sns03{background:url(/resources/images/walfare/main/instagram.jpg); background-size:cover;}
.main-sns .sns-zone .sns04{background:url(/resources/images/walfare/main/kakao.jpg); background-size:cover;}

/**********21-10-19 버튼 추가사항**********/
.sns-zone{position:relative;}
.sns-zone .more{position:absolute; left:-35px; bottom:257px; background:rgba(0,0,0,0.7); z-index:10; border-radius: 50%; width:80px; height:80px; text-align: center; line-height:80px; transition: all .3s ease;}
.sns-zone .more:hover{background:rgb(187,35,35);}
.sns-zone .more a{display:block;}
.main-sns .sns-zone > ul{float:none;}
.main-sns .sns-zone > ul > li{float:right;}
.main-sns .sns-zone .youtube{width:500px; height:300px;}
@media all and (max-width: 1200px){
	.sns-fix .mobile .youtube{width:70%; height:auto;}
	.sns-fix .mobile .more{display:inline-block; margin:15px 0 0 15px}
}
@media all and (max-width: 920px){
	.sns-fix .mobile h3{margin-bottom:20px;}
}
@media all and (max-width: 510px){
	.sns-fix .mobile .more{margin:6px 0 0 15px;}
}
/**********--21-10-19 버튼 추가사항 끝--**********/

/*quick-menu*/
.quick{margin-bottom:60px;}
.quick-menu ul::after{display: block; content:''; clear:both;}
.quick-menu ul li{float:left; width:calc(100%/7); /*width:calc(100%/6)*/;}
.quick-menu ul li .qicon{width:124px; height:124px; border-radius: 50%; background-color:#f8f8f8; border:1px solid #e3e3e3; display:flex; justify-content: center; align-items:center;transform:rotateY(0deg); transition:.5s; margin:0 auto 24px auto;}
.quick-menu ul li:hover .qicon{transform:rotateY(-180deg);}
.quick-menu ul li .ico-tit{text-align: center; display: block; font-size:1.25em; color:#252525;}

/*news*/
.news{overflow-x:hidden; margin-bottom:60px; height:auto;}
.news .cont-head{margin-bottom:50px;}
.news .cont-tit{font-size:1.875em; color:#262626; display:inline-block; margin-right:20px;font-weight:400; }
.news .cont-head p.more{display:inline-block; vertical-align: top; color:#525252; font-size:1.125em; margin-top:5px; transition:none;}
.news .cont-head p.more:hover{border-bottom:1px solid #000; transform:none; transition:none;}
.news .more i{font-size:1.125em; margin-left:5px;color:#525252}
.news .cont-head .slide-btn{float:right; display:flex;}
.news .cont-head .slide-btn li{cursor:pointer; width:40px; height:40px; border:1px solid #cecece; display:flex !important; justify-content: center; align-items:center;}
.news .cont-head .slide-btn li:last-child{border-left:0;}
.news .cont-head .slide-btn li i{font-size:1.5em; margin-top:-5px; color:#cecece;}
.news .cont-body{max-height:290px; overflow:hidden;}
.news .cont-body .item{background-image:url(/resources/images/walfare/main/news-bg.jpg); background-size:cover; background-repeat:no-repeat;transition:.3s all linear; display:flex !important;}
.news .cont-body .item:hover{background-image:url(/resources/images/walfare/main/news-bg-on.jpg); background-size:cover; background-repeat:no-repeat; transition:.3s all linear; box-shadow:0px 3px 5px rgba(0,0,0,.4) }
.news .cont-body .item::after{display: block; clear:both; content:"";}
.news .cont-body .item .text{width:58%; float:left; padding:28px;}
.news .cont-body .item .text h3 a{color:#fff; font-size:1.5em; font-weight:400; line-height:1.5; height:84px; width:297px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; border-bottom:1px solid #fff; margin-bottom:15px;}
.news .cont-body .item .text p a{font-size:1.125em; color:#e0e0e0; line-height:1.5; font-weight: 200; height:100%; width:100%; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.news .cont-body .item .img{width:273px; height:273px; overflow:hidden;}
.news .cont-body .item .img a img{width:auto;height:100%;object-fit: cover;}

/*slick.css수정*/
.slick-slide{width:620px; height:273px !important; margin:0 20px;}

/*공지사항, 동아리 소개*/
.content03{background-color:#f4f4f4; padding:70px; width:100%; height:auto; margin-bottom:60px;}
.content03 .cont-head::after{display: block; content:''; clear:both;}
.content03 .cont-head{margin-bottom:25px; border-bottom:2px solid #33abff; padding-bottom:25px;}
.content03 .cont-tit{font-size:1.7em; color:#262626; display:inline-block; font-weight:400;}
.content03 .cont-head .more{display:block; float:right;}
.content03 .notice{background-color:#fff; width:60%; margin-right:5%;	padding:30px; float:left; height:324px;}
.content03 .cont-body > ul > li::after{display: block; content:""; clear:both;}
.content03 .cont-body > ul > li a{font-size:1.125em; line-height:1.7; position:relative;}
.content03 .cont-body > ul > li a:before{content:''; display: block; width:3px; height:3px; position:absolute; background-color:#262626; top:5px; left:0;}
.content03 .cont-body > ul > li p{display: inline-block;color:#252525; padding-left:10px; max-width:76%; text-overflow:ellipsis; overflow-x:hidden; white-space:nowrap; word-break:break-all;}
.content03 .cont-body > ul > li span{float:right; color:#6b6b6b;}

.content03 .club{width:35%; float:right; height:324px; overflow:hidden;}
.content03 .club .cont-head{background-color:#ff8000;padding:30px; border-bottom:0px; margin-bottom:0;}
.content03 .club .cont-head .cont-tit{color:#fff;}
.content03 .club .cont-body{background-color:#fff; position:relative; width:100%; height:232px;}
.content03 .club .cont-body .club-img{width:100%;height:100%;object-fit: cover;}
.content03 .club .cont-body .club-tit{width:100%; position:absolute; padding:30px; background-color:rgba(0,0,0,0.7); bottom:-2px; text-align: center;}
.content03 .club .cont-body .club-tit a{color:#fff;}

/*content04*/
.content04{padding-bottom:100px;background-image:url(/resources/images/walfare/main/photo-bg.jpg); background-position:center 100%; background-repeat:no-repeat;}
.content04 .cont-head{margin-bottom:44px;}
.content04 .cont-head .cont-tit{font-size:1.875em; color:#262626; font-weight:400; display:inline-block;}
.content04 .cont-head .more{display:block; float:right;}
.content04 .cont-body ul{display: flex}
.content04 .cont-body ul:after{display:block; clear:both; content:''}
.content04 .cont-body ul li{width:30%; margin-right:5%; float:left;}
.content04 .cont-body ul li:last-child{margin-right:0;}
.content04 .cont-body ul li:hover .photo-area img{transform:scale(1.2); transition: all .5s ease;}
.content04 .cont-body ul li .photo-area{display:block;width:100%; height:240px; overflow:hidden;}
.content04 .cont-body ul li a img{width:100%;height:100%;transition: all .5s ease;object-fit: cover;}
.content04 .cont-body ul li .text{width:100%; padding:25px; background-color:#fff;}
.content04 .cont-body ul li .text .title{color:#333333; font-size:20px; display:block; margin-bottom:20px;display: -webkit-box; overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.content04 .cont-body ul li .text .date{font-size:20px; color:#6c6c6c;}

/*.more 애니메이션*/
.cont-head p.more{transition:all .3s ease;}
.cont-head p.more:hover{transform:rotate(90deg); transition:all .3s ease;}


@media all and (max-width: 1672px) { 
	#body .fix-layout { padding: 0 20px !important; }
	.main-tit{top:77px; width:100%;}
	.main-tit .main-t-inner{margin-left:0;}
	.main-tit .main-t-inner:after{display: block; clear:both; content:'';}
	.main-tit h2{float:left;}
	.main-tit .sub-tit{border-left:1px solid #fff; border-bottom:0; line-height:4; margin-bottom:0; float:left; margin-left:20px; padding-left:20px;}
	.main-tit .address{float:right; margin-top:20px;}
	
	
	
}

@media all and (max-width: 1300px) { 
	.main-visual{height:770px;}
	.slick-slide:nth-child(odd){margin-left:0}
	.slick-slide{margin:0;width:auto;}
	.news .cont-body .item .text{width:78%;}
	.news .cont-body .item .text h3{font-size:1.2em; margin-top:0}
	.news .cont-body .item .text h3 a{width:auto; line-height:1.5}
	.news .cont-body .item .text p a{width:auto;}
	.news .cont-body .item .img{width:auto;}
	.content03{padding:40px;}
	.content03 .cont-tit{font-size:1.325em;}
 }

@media all and (max-width: 1200px) { 
	
	#body .fix-layout { padding: 0 20px !important; }
	.main-visual{height:710px; margin-bottom:0;animation: none;}
	.sns-fix .pc{display:none;}
	.sns-fix .mobile:after{display:block; content:""; clear:both;}
	.sns-fix .mobile h3{font-size:1.875em; line-height:1.5; float:left; font-weight:500; margin-top:0;}
	.sns-fix .mobile h3 span{background: linear-gradient(to top, #ffbe5c 50%, transparent 50%); font-style: italic;}
	.sns-fix .mobile .sns-zone{display: flex; float:right;}
	.sns-fix .mobile{display:block; position:unset; background:#f7f7f7; padding:30px; margin-bottom:40px;}
	
	
}

@media all and (max-width: 1000px) { 
	.content03{padding:20px;}
	.content03 .notice{width:100%; margin-right:0; float:none;margin-bottom:30px; height:100%;}
	.content03 .club{width:100%; float:none;}
	.news .cont-body .item .text h3 a{font-size:1.185em;}
	.content04 .cont-body ul li .text .title, .content04 .cont-body ul li .text .date{font-size:17px;}
 }

@media all and (max-width: 920px) { 
	.quick-menu ul li .qicon{width:100px; height:100px;}
	.quick-menu ul li{width:calc(100%/3); margin-bottom:20px;}
	.main-tit .address{display:none;}
	.sns-fix .mobile h3{margin-bottom:20px;}
	.main-sns .sns-zone > ul > li{/* float:none; */}
	.main-tit .address{display:none;}
	.content04 .cont-body ul li{width:50%;}
	.content04 .cont-body ul li:nth-child(2){margin-right:0%;}
	.content04 .cont-body ul li:last-child{display:none;}
 }



@media all and (max-width: 890px) { 
    
}
 
@media all and (max-width: 767px) { 
	.main-visual{height:400px;}
	.main-tit{top: 60px;}
	.main-tit h2{font-size:1.5em;}
	.main-tit .sub-tit{font-size:1.5em;}
	
}

@media all and (max-width: 640px) { 
	.news .cont-body .item .text p a{overflow:hidden; -webkit-line-clamp: 6;}
	.news .cont-body .item .text h3 a{font-size:1em; height:74px;}
	.main-visual{height:330px;}
  .main-tit{ padding:20px;}
  .main-tit .sub-tit{border-left:0; margin-left:0; padding-left:0; line-height:2; width:100%; display:block; }
  .news .cont-body .item .text h3 a{-webkit-line-clamp: 3;}
	.main-sns .sns-zone > ul > li > a{width:70px; height:70px;}
}

@media all and (max-width: 510px) { 
	h3{font-size: 1.4em !important}
	.quick-menu ul li{width:calc(100%/2);}
	.quick-menu ul li .ico-tit{font-size:1.125em;}
	.main-visual{height:280px;}
	.sns-fix .mobile h3{font-size:1.4em;}
	.sns-fix .mobile .sns-zone{position:relative;}
	.main-sns .sns-zone .sns01{background-size:cover;}
	.main-sns .sns-zone .sns02{background-size:cover;}
	.main-sns .sns-zone > ul{position:unset;}
	.main-sns .sns-zone > ul > li{float:left;}
	.main-sns .sns-zone > ul > li > a{width:40px; height:40px;}
	.main-tit h2{font-size:1.2em;}
	.main-tit .sub-tit{font-size:1.2em;}
	.news .cont-body .item .text h3 a{-webkit-line-clamp: 2; height:76px}
	.news .cont-body .item .img a img{display:none;}
	.news .cont-body .item .text{width:100%;}
	#body .content03 .fix-layout{padding:0 !important;}
	.content03{padding:30px;}
	.content03 .cont-tit{line-height:1.5;}
	.content03 .notice{padding:15px; height:auto;}
	.content03 .notice .cont-head{margin-bottom:15px; padding-bottom:15px}
	.content03 .club .cont-head{padding:15px;}
	.content03 .club .cont-body{height:264px;}
	.content04 .cont-body ul li{width:100%; margin-right:0;}
	.content04 .cont-body ul li:nth-child(2){display:none;}
	.content04 .cont-head{margin-bottom:30px;}
	.content04 .cont-head .cont-tit{line-height:1.5}
	.content04 .cont-body ul li .text{padding:15px}
	.content04 .cont-body ul li .text .title, .content04 .cont-body ul li .text .date{font-size:1.125em;}
}