@charset "utf-8";

/********************
COMMON
********************/
#multipleContentsDiv_template4_6,
#multipleContentsDiv_template4_7,
#multipleContentsDiv_template4_8{max-width:90%;}
#multipleContentsDiv_template4_7{padding:100px 0;}
#section2,
#multipleDiv_template4_7{background:#f8f5f0;}
@media all and (max-width:1700px){
	#multipleContentsDiv_template4_6{max-width:100%;}
}
@media all and (max-width:768px){
	#multipleContentsDiv_template4_7,
	#multipleContentsDiv_template4_8{padding:50px 0;}
}


/********************
슬로건
********************/
#menu4735_obj64{position:absolute;left:5%;top:120px;width:90% !important;height:calc(100% - 190px) !important;display:flex;align-items:center;}
.wrap_slogan{color:#FFF;line-height:1.3;text-shadow:0 0 10px rgba(0,0,0,0.5);}
.wrap_slogan .text_1{font-family:'Noto Medium';font-size:55px;letter-spacing:-2px;}
.wrap_slogan .text_2{font-family:'Noto Regular';font-size:35px;padding-top:10px;letter-spacing:-1px;}
@media all and (max-width:1280px){
	#menu4735_obj64{top:70px;height:calc(100% - 140px) !important;}
}
@media all and (max-width:768px){
	#menu4735_obj64{top:80px;height:calc(100% - 150px) !important;}
	.wrap_slogan .text_1{font-size:30px;}
	.wrap_slogan .text_2{font-size:18px;letter-spacing:0px;}
}

/*애니메이션*/
.wrap_slogan .text_1{opacity:0;transform:translateY(-50px);}
.wrap_slogan .text_1{animation-name:slogan_1;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.5s;}
@keyframes slogan_1{
	0%{}
	100%{opacity:1;transform:translateY(0);}
}
.wrap_slogan .text_2{opacity:0;transform:translateY(50px);}
.wrap_slogan .text_2{animation-name:slogan_2;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1s;}
@keyframes slogan_2{
	0%{}
	100%{opacity:1;transform:translateY(0);}
}


/********************
학사일정
********************/
.wrap_link_title{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;border-right:1px solid #e5e5e5;}
.wrap_link_title h2 span{font-size:14px;color:#888;font-family:'Noto Light';display:block;}
.wrap_link_title h2 strong{font-size:21px;color:#212121;font-family:'Noto Bold';display:block;margin-top:15px;line-height:1.2;}
.wrap_link_title a{display:flex;align-items:center;}
.wrap_link_title a::before{content:"";display:block;margin-right:10px;width:23px;height:20px;background:url(../../images/icon_10.png) no-repeat;transition:0.5s;}
.wrap_link_title a span{font-size:15px;color:#010101;font-family:'Noto Bold';border-bottom:2px solid #8b0029;padding-bottom:3px;display:inline-block;transition:0.3s;}
/*HOVER*/
@media all and (min-width:1281px) {
	.wrap_link_title a:hover span{color:#8b0029;}
	.wrap_link_title a:hover::before{transform: rotatey(180deg);}
}
@media all and (max-width:1280px) {
	.wrap_link_title{padding:30px;border-right:0;}
	.wrap_link_title h2{text-align:center;}
	.wrap_link_title h2 br{display:none;}
	.wrap_link_title h2 strong{margin-top:5px;}
	.wrap_link_title a{margin-top:15px;}
}
@media all and (max-width:768px) {
	.wrap_link_title h2 span{font-size:12px;}
	.wrap_link_title h2 strong{font-size:18px;}
}


/********************
타이틀
********************/
.mainTitle_1{font-size:65px;color:#000;font-family:'Noto SemiBold';line-height:1;letter-spacing:-3px;}
@media all and (max-width:1280px){
	.mainTitle_1{font-size:50px;margin-bottom:20px;}
}
@media all and (max-width:768px){
	.mainTitle_1{font-size:35px;}
}


/********************
바로가기
********************/
#multipleDiv_template4_8{}
#multipleDiv_template4_8::before,
#multipleDiv_template4_8::after{content:"";display:block;height:100%;position:absolute;top:0;}
#multipleDiv_template4_8::before{left:0;width:60%;background:url(../../images/bg_1.jpg) no-repeat right center;background-size:cover;}
#multipleDiv_template4_8::after{right:0;width:40%;background:url(../../images/bg_2.jpg) no-repeat left center;background-size:cover;}
.wrap_banner{width:100%;height:100%;}
.wrap_banner a{padding:30px 50px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;transition:0.5s;}
.wrap_banner strong{font-size:22px;color:#FFF;font-family:'Noto Bold';}
.wrap_banner strong::after{content:"";display:block;width:0;height:2px;background:#FFF;margin-top:5px;transition:0.4s;}
.wrap_banner span{font-size:18px;color:#FFF;}
.wrap_banner .item_1{font-family:'Noto Regular';padding-top:10px;line-height:1.3;}
.wrap_banner .item_2{font-family:'Noto Regular';padding-top:35px;line-height:1;display:flex;align-items:flex-end;}
.wrap_banner .item_2::before{margin:0 -10px 2px 0;content:"";display:block;width:18px;height:18px;border-radius:100%;background:rgba(255,255,255,0.3);}
.wrap_banner .item_2::after{margin:0 0 3px 10px;content:"";display:block;width:22px;height:7px;background:url(../../images/arrow_2.png) no-repeat right bottom;transition:0.3s;}
.wrap_banner.type_1 a{background:rgba(139,0,41,0.9);}
.wrap_banner.type_2 a{background:rgba(0,0,0,0.7);}
.wrap_banner.type_3 a{background:rgba(123,105,82,0.9);}
/*HOVER*/
@media all and (min-width:1281px) {
	.wrap_banner.type_1 a:hover{background:rgba(139,0,41,1);}
	.wrap_banner.type_2 a:hover{background:rgba(0,0,0,1);}
	.wrap_banner.type_3 a:hover{background:rgba(123,105,82,1);}
	.wrap_banner a:hover strong::after{width:100%;}
	.wrap_banner a:hover .item_2::after{margin-left:20px;}
}
@media all and (max-width:1280px) {
	#multipleDiv_template4_8::before{width:59%;}
	#multipleDiv_template4_8::after{width:41%;}
	.wrap_banner a{padding:30px;}
	.wrap_banner strong{font-size:20px;}
	.wrap_banner span{font-size:16px;}
}
@media all and (max-width:768px) {
	#multipleDiv_template4_8::before{width:100%;}
	#multipleDiv_template4_8::after{display:none;}
	.wrap_banner a{padding:20px;}
	.wrap_banner strong{font-size:18px;}
	.wrap_banner span{font-size:14px;}
	.wrap_banner .item_1{padding-top:0;}
	.wrap_banner .item_2{padding-top:25px;}
}