@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@600;700&display=swap');

/*컨텐츠공통*/
#multipleContentsDiv_smart_5,
#multipleContentsDiv_smart_6,
#multipleContentsDiv_smart_7{max-width:1400px;margin: 0 auto;overflow:hidden;position:relative;}
@media all and (max-width:1400px){
	#multipleContentsDiv_smart_5,
	#multipleContentsDiv_smart_6,
	#multipleContentsDiv_smart_7{max-width:96%;}
}

/*비주얼영역*/
/*슬로건*/#menu2623_obj57{width:1400px !important;position:absolute;left:50%;margin-left:-700px !important;top:135px;}
/*팝업존*/#menu2623_obj2001{width:519px !important;position:absolute;right:50%;margin-right:-670px !important;top:0; z-index: 100;}
@media all and (max-width:1400px){
	/*슬로건*/#menu2623_obj57{width:96% !important;left:2%;margin-left:0 !important;}
	/*팝업존*/#menu2623_obj2001{right:2%;margin-right:0 !important;}
}
@media all and (max-width:1024px){
	/*슬로건*/#menu2623_obj57{top:70px;}
	/*팝업존*/#menu2623_obj2001{margin:0 auto !important;margin-top:-200px !important;top:auto;right:auto;position:relative;}
}
@media all and (max-width:540px){
	/*팝업존*/#menu2623_obj2001{width:94% !important;}
}

/*비주얼슬로건*/
.main-visual-slogan p{text-shadow:0 0 2px #FFF;}
.main-visual-slogan .p_1{font-size:39px;color:#0e0e0e;font-family:'Dream Light';}
.main-visual-slogan .p_2{font-size:50px;color:#0b2054;font-family:'Dream ExtraBold';}
@media all and (max-width:1280px){
	.main-visual-slogan .p_1{font-size:25px;}
	.main-visual-slogan .p_2{font-size:35px;}
}
@media all and (max-width:1024px){
	.main-visual-slogan p{text-align:center;}
}
@media all and (max-width:768px){
	.main-visual-slogan .p_1{font-size:20px;}
	.main-visual-slogan .p_2{font-size:25px;}
}

/*2단*/
#multipleDiv_smart_5{background:#eeefef url(/images/smart/main/main_bg_1.png) center top no-repeat;padding:50px 0;}
/*학과소개*/
.mainDivision{overflow:hidden;}
.mainDivision .gup_1{width:38%;float:left;}
.mainDivision .gup_2{width:58%;float:right;}
.mainDivision h3{line-height:1;padding-bottom:25px;}
.mainDivision h3 span{color:#999;font-size:20px;font-family: 'Titillium Web', sans-serif;font-weight:600;}
.mainDivision h3 strong{display:block;color:#333;font-size:35px;font-family:'Noto Regular';padding-top:10px;}
.mainDivision ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.mainDivision li{}
.mainDivision .gup_1 li{width:50%;}
.mainDivision .gup_2 li{width:33.33%;}
.mainDivision a{box-sizing:border-box;position:relative;display:table-cell;vertical-align:middle;width:260px;height:130px;overflow:hidden;text-align:center;color:#FFF;font-size:23px;line-height:1.2;}
.mainDivision a span{display:block;font-size:23px;font-family:'Noto Regular';position:relative;padding:0 10px;}
.mainDivision a span i{display:block;font-size:15px;padding-top:5px;}
.mainDivision a:before{content:"";display:block;width:100%;height:130px;position:absolute;left:0;top:0;background-size:cover !important;}
.mainDivision a.a_1:before{background:url(/images/smart/main/division_bg_1.jpg) no-repeat center;}
.mainDivision a.a_2:before{background:url(/images/smart/main/division_bg_2.jpg) no-repeat center;}
.mainDivision a.a_3:before{background:url(/images/smart/main/division_bg_3.jpg) no-repeat center;}
.mainDivision a.a_4:before{background:url(/images/smart/main/division_bg_4.jpg) no-repeat center;}
.mainDivision a.a_5:before{background:url(/images/smart/main/division_bg_5.jpg) no-repeat center;}
@media all and (min-width:1025px){
	.mainDivision a:hover:before{transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);transform:scale(1.2);}
}
@media all and (max-width:1280px){
	.mainDivision a span{font-size:20px;}
	.mainDivision a span i{font-size:13px;}
}
@media all and (max-width:1024px){
	.mainDivision h3 span{font-size:16px;}
	.mainDivision h3 strong{font-size:25px;}
	.mainDivision a span{font-size:18px;}
}
@media all and (max-width:768px){
	.mainDivision .gup_1,
	.mainDivision .gup_2{width:100%;float:none;}
	.mainDivision .gup_1{margin-bottom:30px;}
	.mainDivision a{display:block;width:100%;height:100%;text-align:left;padding:20px;}
	.mainDivision h3 span{font-size:14px;}
	.mainDivision h3 strong{font-size:22px;}
	.mainDivision a span{font-size:16px;}
}
@media all and (max-width:480px){
	.mainDivision .gup_1 li,
	.mainDivision .gup_2 li{width:100%;}
	.mainDivision li{margin:0.5px 0;}

}

/*3단*/
#multipleDiv_smart_6{background:#eeefef;}
#multipleContentsDiv_smart_6{padding-bottom:50px;}
/*공지사항*/#menu2623_obj109,
/*바로가기*/#menu2623_obj28{}
/*공지사항*/#menu2623_obj109{/*width:calc(100% - 315px) !important;*/width:100%;float:left;box-shadow:5px 5px 10px #d6d7d7;}
/*바로가기*/#menu2623_obj28{width:300px !important;float:right;}
@media all and (max-width:1175px){
	/*공지사항*/#menu2623_obj109,  
                       #menu2623_obj10270,
  
	/*바로가기*/#menu2623_obj28{width:100% !important;float:none;}
}
.ban_1{}
.ban_1 li{}
.ban_1 li a{display:block;box-sizing:border-box;position:relative;padding:23px 10px 0 110px;height:110px;font-size:15px;background-size:cover !important;}
.ban_1 li a span{display:block;font-size:25px;font-family:'Noto Regular';}
.ban_1 li a.a_1{background:url(/images/smart/main/ban_bg_1.jpg) no-repeat center;color:#FFF;}
.ban_1 li a.a_2{background:url(/images/smart/main/ban_bg_2.jpg) no-repeat center;color:#000;}
.ban_1 li a:before{content:"";display:block;width:68px;height:68px;background-size:100% !important;position:absolute;left:20px;top:20px;}
.ban_1 li a.a_1:before{background:url(/images/smart/main/ban_icon_1.png) no-repeat center;}
.ban_1 li a.a_2:before{background:url(/images/smart/main/ban_icon_2.png) no-repeat center;}


@media all and (min-width:1025px){
	.ban_1 li a:hover:before{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
}
@media all and (max-width:1024px){
	.ban_1{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;}
	.ban_1 li{width:50%;}
}
@media all and (max-width:768px){
	.ban_1 li a{padding:20px;height:100%;text-align:center;}
	.ban_1 li a:before{position:relative;left:auto;top:auto;margin: 0 auto 10px auto;}
}
@media all and (max-width:480px){
	.ban_1 li a span{font-size:20px;}
	.ban_1 li a:before{width:40px;height:40px;}
}
@media all and (max-width:320px){
	.ban_1 li{width:100%;}
}

/*4단(수정20210802)*/
#multipleDiv_smart_7{background:#FFF;padding:55px 0;}
/* #multipleDiv_smart_7:before{content:"";display:block;width:155px;height:248px;background:url(/images/smart/main/main_bg_2.png) 57% top no-repeat;position:absolute;left:52%;top:-20px;} */

/*강의맛보기*/#menu2623_obj1481{width:60% !important;float:left!important;}
#menu2623_obj3215{ z-index: 0!important;}
#menu2623_obj1972{ z-index: 0!important;}
/*팝업존*/#menu2623_obj1972{width:37% !important;float:right!important;}
@media all and (max-width:768px){
	/*강의맛보기*/#menu2623_obj1481,
	/*팝업존*/#menu2623_obj1972{width:100% !important;float:none!important;}
	/*팝업존*/#menu2623_obj1972{width:468px !important;margin:20px auto !important;}
}
@media all and (max-width:490px){
	/*팝업존*/#menu2623_obj1972{width:99% !important;}
}

/*메인 텍스트 링크 걸기(20211126)*/
.a_nost{width: 100% !important; height: 100% !important; padding: 0px !important;}
