@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@600;700&display=swap');

#menu17509_obj671 {
    border: 1px solid #64b2bf;
}
/*슬로건*/
#menu17509_obj60 {
    position: absolute;
    left: 0;
    top: 220px;
    /* width: 100% !important; */
    z-index: 50;
    max-width: 850px;
    transform: translateX(-15%);
    left: 50%;
}
.main-slogan{text-align:center;color:#FFF;padding: 2.0% 0px;}
.main-slogan .p_1{font-size: 20px;font-family: 'Noto Light';display:inline-block;background: #011f3a;border-radius: 50px;padding: 10px 15px;}
.main-slogan .p_1:after{content:"";display:block;width:100%;height: 0px;background:#FFF;}
.main-slogan .p_2{font-size: 5rem;font-family: "east-sea-dokdo", sans-serif;margin: 20px 0px 0px 0px;display:block;letter-spacing: -1px;color:#ebba5d;text-shadow: 0 0 8px #1f2141;}
.main-slogan .p_2 span{/* font-family:'hufs_l'; */color:#fff;}
.main-slogan .p_3{font-size:20px;font-family:'Noto Light'; padding:0px;}
.main-slogan .p_3 span{display:block; color:#04f9fc; margin-bottom:20px;}
.main-slogan .p_3 a{ border:1px dotted #333; background-color:rgba(0,0,0,0.4); padding:10px; width:150px; color:#fff;display:inline-block;font-size:17px}
.main-slogan .p_3 a:hover{ border:1px dotted #fff; background-color:rgba(0,0,0,0.7);color:#FC9;}

@media all and (max-width:1450px) {
 #menu17509_obj60 {
    position: absolute;
    /* background:red; */
    left: 0;
    top: 300px;
    width: 90% !important;
    z-index: 50;
    max-width: none;
    transform: translateX(-38%);
    left: 40%;
    }
  
}



@media all and (max-width:1024px) {
	.main-slogan .p_1{font-size:20px;}
	.main-slogan .p_2{/* font-size: 2.85rem; */}
	.main-slogan .p_2 span{/* font-size:40px; *//* display:block; */}
	.main-slogan .p_3{}
	.main-slogan {margin-top: 0px;}
#menu17509_obj60 {
    top: 250px;
    position: absolute;
    left: 0;
    /* width: 100% !important; */
    z-index: 50;
    max-width: none;
    transform: translateX(-50%);
    left: 50%;
}
}
@media all and (max-width:768px) {


	.main-slogan .p_1{/* font-size:15px; */letter-spacing:-1px;}
	.main-slogan .p_2{font-size: 4rem;letter-spacing-1px;margin:5px;}
	.main-slogan .p_2 span{font-size: 4rem;letter-spacing:-1px;display:inline-block;}
	.main-slogan .p_3{font-size:15px; letter-spacing:-1px; }
	.main-slogan .p_3 span{margin-bottom:5px;}
	.main-slogan .p_3 a{width:110px;}
	.wrap-visual .slider li img {
    max-height: 450px !important;
}
}

/*1단*/
#multipleDiv_temp_09_20{z-index:50;/* margin-top:-180px; */}
#multipleDiv_temp_09_20:before{content:"";display:block;width:100%;height: 100%;background:url(../../images/main/conBg_4.png);position:absolute;top: 0;left:0;}
#multipleContentsDiv_temp_09_20{max-width:1400px;margin: 0 auto;overflow:hidden;}
#menu17509_obj85,
#menu17509_obj387,
#menu17509_obj43{width:50% !important;float:left !important;}
#menu17509_obj388{height:190px }
@media all and (max-width:1400px) {
	#multipleContentsDiv_temp_09_20{max-width:100%;}
}
@media all and (max-width:1280px) {
	#menu17509_obj85,
	#menu17509_obj387{width:50% !important;}
	#menu17509_obj43{width:100% !important;height:auto !important;float:none !important;}
}
@media all and (max-width:768px) {
	#multipleDiv_temp_09_20{margin-top:-30px;}
	#multipleDiv_temp_09_20:before{height:calc(100% - 30px);top:30px;}
	#menu17509_obj85,
	#menu17509_obj387{width:100% !important;height:auto !important;float:none !important;}
	#menu17509_obj86{margin:10px 0;}
    #menu17509_obj388 {height: auto;}
}
/*공통*/
.main-link,
#schdulMain{height:100%;}

/*바로가기*/
.main-link{padding-top: 60px;}
.main-link ul{height:100%;font-size:0;background: linear-gradient(360deg, #00000059, transparent);border-radius: 100px;}
.main-link ul li{height:100%;width: 14.2%;display:inline-block;vertical-align:top;align-items: center;text-align: center;padding-bottom: 20px;}
.main-link ul li a{box-sizing:border-box;display:inline-block;width:100%;height:100%;padding-top:20px;font-size:18px;color: #ffffff;text-align:center;font-family: 'Dream bold';line-height: 33px;}
.main-link ul li a:hover{color:yellow;}
.main-link ul li a p{color:#fff;font-size:12px;/* background-color:#8d7150; */width: 50px;height: 20px;line-height: 20px;margin-top: -29px;margin-left: 30%;border-radius: 5px;text-align:center;position: relative;top: -85px;text-shadow: 0 0 5px black;}
.main-link ul li a p b{font-size:28px;font-style: italic;font-family: 'Dream light';}
.main-link ul li a:hover p b{font-size:38px;font-style: italic;color:yellow;}
.main-link ul li a span{font-family: 'Dream light';color: #ffffff;font-size:12px;font-weight: 100;}
.main-link ul li a.a_1{/* background:#fff; */}
.main-link ul li a.a_2{/* background:#fff; */}
.main-link ul li a.a_3{/* background:#fff; */}
.main-link ul li a.a_4{/* background:#fff; */}
.main-link ul li a.a_5{/* background:#fff; */}
.main-link ul li a.a_6{/* background:#fff; */}
.main-link ul li a:before{content:"";display:block;margin:0 auto 5px auto;width: 85px;height: 85px;background-size: 76px!important;background-repeat: no-repeat!important;background-position-x: center!important;border-radius: 50px;background-position-y: 4px!important;background-color: #e5e5e54a !important;}
.main-link ul li a.a_1:before{background:url(../../images/main/linkIcon2025-01.png);}
.main-link ul li a.a_2:before{background:url(../../images/main/linkIcon2025-02.png);}
.main-link ul li a.a_3:before{background:url(../../images/main/linkIcon2025-03.png);}
.main-link ul li a.a_4:before{background:url(../../images/main/linkIcon2025-04.png);}
.main-link ul li a.a_5:before{background:url(../../images/main/linkIcon2025-05.png);}
.main-link ul li a.a_6:before{background: url(../../images/main/linkIcon2025-06.png);}
.main-link ul li a.a_7:before{background: url(../../images/main/linkIcon2025-07.png);}
.main-link ul li a.a_8:before{background: url(../../images/main/linkIcon2025-08.png);}
@media all and (min-width:1025px) {
	.main-link ul 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) {
	.main-link ul li{/* height:50%; */width: 25%;}
	.main-link ul li a{padding: 10px 0  5px;/* font-size:20px; *//* text-align:left; *//* position:relative; */}
	.main-link ul li a:before{/* width:50px; *//* height:50px; *//* position:absolute; *//* left:15px; *//* top:22px; */}
	.main-link ul li a p{/* margin-left:0px; *//* margin-top:10px; *//* display:inline-block; *//* border-radius:10%; *//* height:20px; *//* line-height:20px; */}
}
@media all and (max-width:768px) {
	.main-link ul li{/* width:50%; */height: 33.333%;}
    .main-link ul li a {/* padding: 15px; */}
.main-link{padding-top: 20px;}
}
@media all and (max-width:420px) {
	.main-link ul li a{padding:10px;text-align:center;}
	.main-link ul li a:before{display:none;}
}


/*2단*/
#multipleDiv_temp_09_21{background:url(../../images/main/conBg_4.png);}
#multipleContentsDiv_temp_09_21{max-width:1400px;margin: 0 auto;overflow:hidden;padding:10px 0px 10px 0px;}
#menu17509_obj106,
#menu17509_obj107,
#menu17509_obj108,
#menu17509_obj815,
#menu17509_obj824{float:left !important; margin-top:5px;}
#menu17509_obj106{width:26% !important;}
#menu17509_obj107{width:25% !important;height:295px !important;}
#menu17509_obj108{width:25% !important;height:295px !important;}
#menu17509_obj815{width:25% !important;height:295px !important;}
#menu17509_obj824{width:25% !important;height:295px !important;}

#menu17509_obj109{width:100% !important;}
#menu17509_obj815{z-index:1 !important;}
@media all and (max-width:1400px) {
	#multipleContentsDiv_temp_09_21{max-width:100%; padding:10px 0px 0px 0px;}
}
@media all and (max-width:1280px) {
	#menu17509_obj109{width:100% !important;position:relative;top:auto;right:auto;clear:both;padding-top:0px;}
		#menu17509_obj106,
#menu17509_obj107,
#menu17509_obj108,
#menu17509_obj815,
#menu17509_obj824{height:auto !important;}
}
@media all and (max-width:768px) {
	#multipleContentsDiv_temp_09_21{padding:10px 0px 0px 0px; margin-bottom:0px;}
	#menu17509_obj106,
#menu17509_obj107,
#menu17509_obj108,
#menu17509_obj815,
#menu17509_obj824{width:48.6666% !important;height:auto !important;float:left !important;margin-top:0px;}
#menu17509_obj107{margin-right:10px;margin-bottom:10px;}
#menu17509_obj108{;margin-bottom:10px; border-radius:20px;}
#menu17509_obj815{margin-right:10px;margin-bottom:10px;border-radius:20px;}
#menu17509_obj824{margin-bottom:10px;border-radius:20px;}
	#menu17509_obj109{padding-top:0px;}
}

/*공통*/
.main-eduGrad,
.main-eduGrad, .video1, .video2, .video3, .video4 {
    height: 100%;
    width: 24.9999%;
    float: left;
    min-height: 400px;
    overflow: hidden;
}

/*교육대학원*/
.main-eduGrad{background:url(../../images/main/conBg_2.jpg);padding:30px;background-size:cover;}
.main-eduGrad h3{font-size:28px;color:#FFF;padding-bottom:15px;}
.main-eduGrad ul{font-size:0;}
.main-eduGrad ul li{display:inline-block;width:31.3%;vertical-align:top;margin:15px 1%;}
.main-eduGrad ul li a{display:block;background:#FFF;border-radius:30px;text-align:center;font-size:18px;padding:11px 10px;}
@media all and (min-width:1025px) {
	.main-eduGrad ul li a:hover{color:#FFF;background:#333;}
}
@media all and (max-width:768px) {
	.main-eduGrad h3{font-size:24px;text-align:center;}
	.main-eduGrad ul li{width:32.3%;margin:5px 0.5%;}
	.main-eduGrad ul li a{padding:6px 5px;font-size:16px;}
}
@media all and (max-width:420px) {
	.main-eduGrad ul li{width:49%;margin:1px 0.5%;}
	.main-eduGrad ul li a{border-radius:0;}
}

/*banner01*/
.video1{position:relative;}
.video1:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(http://dep.hufs.ac.kr/sites/election/images/main/conBg_1.jpg) center;background-size:cover;}
.video1:after{content:"";display:block;width:calc(100% - 20px);height:calc(100% - 20px);border:1px solid rgba(255,255,255,0.5);position:absolute;top:10px;left:10px;}
.video1 h3, .video2 h3, .video3 h3, .video4 h3{height:100%;text-align:center;position:relative;z-index:1;}
.video1 h3 a, .video2 h3 a, .video3 h3 a, .video4 h3 a{box-sizing:border-box;display:block;font-size:23px;color:#FFF;font-family:'hufs_m';padding-top:50px;width:100%;height:100%;line-height:35px;color:#fff;underline;padding-bottom:5px;}
.video1 h3 a span, .video2 h3 a span, .video3 h3 a span, .video4 h3 a span{width:100%;display:block;font-size:18px;/* font-weight:800; */font-family: 'Dream light';line-height:20px;color:#e9e9e9;text-shadow:1px 1px 3px #002d56}


.video1 h3 a strong, .video2 h3 a strong, .video3 h3 a strong,.video4 h3 a strong{
    /* text-decoration: underline; */
    line-height: 40px;
    display: block;
    color: #fff;
    text-shadow: 1px 1px 3px #002d56;
    font-family: 'Dream bold';
    font-size: 25px;
}
.video1 h3 a p, .video2 h3 a p, .video3 h3 a p, .video4 h3 a p {
    font-family: 'Dream light';
    line-height: 20px;
    color: #e9e9e9;
    font-size: 15px;
    color: #02fcf9;
    text-shadow: 1px 1px 3px #002d56;
}

.video1 h3 a:after{content:"";display:block;width:70px;height:70px;margin:20px auto 0 auto;background:url(../../images/main/iconPlay_w.png) no-repeat center;}
.video1 h3 a:hover:after{background:url(../../images/main/iconPlay_won.png) no-repeat center;}

/*banner01*/
.video2{position:relative;}
.video2:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(http://dep.hufs.ac.kr/sites/election/images/main/conBg_2.jpg) center;background-size:cover;}
.video2:after{content:"";display:block;width:calc(100% - 20px);height:calc(100% - 20px);border:1px solid rgba(255,255,255,0.5);position:absolute;top:10px;left:10px;}
.video2 h3 a:after{content:"";display:block;width:70px;height:70px;margin:20px auto 0 auto;background:url(../../images/main/iconPlay_w.png) no-repeat center;}
.video2 h3 a:hover:after{background:url(../../images/main/iconPlay_won.png) no-repeat center;}

/*banner01*/
.video3{position:relative;}
.video3:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(http://dep.hufs.ac.kr/sites/election/images/main/conBg_3.jpg) center;background-size:cover;}
.video3:after{content:"";display:block;width:calc(100% - 20px);height:calc(100% - 20px);border:1px solid rgba(255,255,255,0.5);position:absolute;top:10px;left:10px;}
.video3 h3 a:after{content:"";display:block;width:70px;height:70px;margin:20px auto 0 auto;background:url(../../images/main/iconPlay_w.png) no-repeat center;}
.video3 h3 a:hover:after{background:url(../../images/main/iconPlay_won.png) no-repeat center;}


/*banner01*/
.video4{position:relative;}
.video4:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(http://dep.hufs.ac.kr/sites/election/images/main/conBg_4.jpg) center;background-size:cover;}
.video4:after{content:"";display:block;width:calc(100% - 20px);height:calc(100% - 20px);border:1px solid rgba(255,255,255,0.5);position:absolute;top:10px;left:10px;}
.video4 h3 a:after{content:"";display:block;width:70px;height:70px;margin:20px auto 0 auto;background:url(../../images/main/iconPlay_w.png) no-repeat center;}
.video4 h3 a:hover:after{background:url(../../images/main/iconPlay_won.png) no-repeat center;}


@media all and (min-width:1025px) {

	.video1 h3 a,.video2 h3 a,.video3 h3 a,.video4 h3 a{padding-bottom:30px;}


	.video1:hover:before{transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);transform:scale(1.1);}
	
	
	.video2:hover:before{transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);transform:scale(1.1);}
	
	.video3:hover:before{transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);transform:scale(1.1);}
	
	.video4:hover:before{transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);transform:scale(1.1);}
}
@media all and (max-width:1024px) {
.main-eduGrad, .video1, .video2, .video3, .video4 {
    height: 100%;
    width: 49.9%;
    float: left;
    min-height: 350px;
    overflow: hidden;
}
	.video1 h3 a{font-size:20px;padding:30px 0 30px 0;}
	.video1 h3 a:after{width:50px;height:50px;background-size:50px;}
	.video1 h3 a:hover:after{width:50px;height:50px;background-size:50px;}
	
	.video1 h3 a span{display:block;}
	.video1 h3 a:after{margin:5px auto 0 auto;}
	
	.video2 h3 a{font-size:20px;padding:30px 0 30px 0;}
	.video2 h3 a:after{width:50px;height:50px;background-size:50px;}
	.video2 h3 a:hover:after{width:50px;height:50px;background-size:50px;}
	.video2 h3 a span{display:block;}
	.video2 h3 a:after{margin:5px auto 0 auto;}
	
	.video3 h3 a{font-size:20px;padding:30px 0 30px 0;}
	.video3 h3 a:after{width:50px;height:50px;background-size:50px;}
	.video3 h3 a:hover:after{width:50px;height:50px;background-size:50px;}
	.video3 h3 a span{display:block;}
	.video3 h3 a:after{margin:5px auto 0 auto;}
	
	.video4 h3 a{font-size:20px;padding:30px 0 30px 0;}
	.video4 h3 a:after{width:50px;height:50px;background-size:50px;}
	.video4 h3 a:hover:after{width:50px;height:50px;background-size:50px;}
	.video4 h3 a span{display:block;}
	.video4 h3 a:after{margin:5px auto 0 auto;}
	
}
@media all and (max-width:768px) {
.main-eduGrad, .video1, .video2, .video3, .video4 {
    height: 100%;
    width: 100%;
    float: left;
    min-height: 200px;
    overflow: hidden;
}

	.video1 h3 a{padding:45px 0 35px 0; line-height:20px;}
	.video1 h3 a span{display:inline;}
	
	.video2 h3 a{padding:45px 0 35px 0; line-height:20px;}
	.video2 h3 a span{display:inline;}
	
	.video3 h3 a{padding:45px 0 35px 0; line-height:20px;}
	.video3 h3 a span{display:inline;}
	
	.video4 h3 a{padding:45px 0 35px 0;line-height:20px;}
	.video4 h3 a span{display:inline;}

.video1:before{/* border-radius:20px; */overflow:hidden;margin-right:5px;}
    .video1:after,
	    .video2:after,
		    .video3:after,    .video4:after{border: 1px solid rgba(255,255,255,0.5) !important;background: linear-gradient(179deg, #23374952, transparent);}
	
			

}

/*퀵링크*/
.main-quick{font-size:0; margin-top:1px;}
.main-quick h3,
.main-quick ul{box-sizing:border-box;display:inline-block;vertical-align:top;}
.main-quick h3{width:200px;font-size:28px;color:#2c2c2c;font-family: 'Titillium Web', sans-serif;font-weight:200;line-height:1;padding-top:10px;}
.main-quick h3 span{display:block ;}
.main-quick h3:after{content:"";display:block;width:100%;height:12px;background:url(../../images/main/arrow_4_b.png) no-repeat left;margin-top:51px;}
.main-quick ul{width:calc(100% - 200px);padding:30px;font-size:0;background:url(http://dep.hufs.ac.kr/sites/election/images/main/bg_section01.jpg) no-repeat top center;}
.main-quick ul li{width:24.5%;display:inline-block;vertical-align:top;}
.main-quick ul li a{display:block;text-align:center;font-size:16px;color:#FFF;line-height:1; background:url(http://dep.hufs.ac.kr/sites/election/images/common/dot.png) no-repeat left;}
.main-quick ul li:first-child a{background:none;}
.main-quick ul li a:before{content:"";display:block;margin:0 auto 15px auto;width:50px;height:41px;background-size:100% !important;}
.main-quick ul li a.a_1:before{background:url(../../images/main/quick_1.png) no-repeat center;}
.main-quick ul li a.a_2:before{background:url(../../images/main/quick_2.png) no-repeat center;}
.main-quick ul li a.a_3:before{background:url(../../images/main/quick_3.png) no-repeat center;}
.main-quick ul li a.a_4:before{background:url(../../images/main/quick_4.png) no-repeat center;}
.main-quick ul li a.a_5:before{background:url(../../images/main/quick_5.png) no-repeat center;}
.main-quick ul li a.a_6:before{background:url(../../images/main/quick_6.png) no-repeat center;}
.main-quick ul li a.a_7:before{background:url(../../images/main/quick_7.png) no-repeat center;}
.main-quick h3{display:none;}
.main-quick ul{width:100%;display:block;}

@media all and (min-width:1025px) {
	.main-quick ul li a:hover:before{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
}

@media all and (max-width:768px) {.main-quick{font-size:0; margin-top:10px;}
	.main-quick ul{padding:0px;}
		.main-quick ul li a{background:none;}
	.main-quick ul li a:before{width:45px;height:50px;margin:0 auto 1px auto;}
    .main-quick ul li {width: 49.5%; padding: 20px 0; border:1px dotted #666;}
}
@media all and (max-width:480px) {
	.main-quick ul{padding:0;}
	.main-quick ul li{width:50%; padding:0px 15px 10px 15px;}
	
	.main-quick ul li a{display:inline-block; text-align:left; line-height:45px;padding-left:10px;padding-top:10px;}
	.main-quick ul li a:before{display:inline-block;text-align:left;float:left; margin-right:10px;margin-top:0px; width:40px; }
}
@media all and (max-width:320px) {
	.main-quick ul li{width:100%;}
	.main-quick ul li a{margin:0.5px 0;}
}


#schdulMain{background:url(../../images/main/conBg_1.png) no-repeat center;background-size:cover !important;padding:40px;line-height:1.5;}
#schdulMain h3{font-size:24px;color:#3f4247;line-height:1;padding-bottom:15px;}
#schdulMain .scheduleControl{position:absolute;top:110px;left:40px;width:144px;text-align:center;}
#schdulMain .scheduleControl:after{content:"학사일정은 사정에 따라 달라질 수 있습니다.";display:block;font-size:16px;line-height:1.2;margin-top:20px;}
#schdulMain .scheduleControl a,
#schdulMain .scheduleControl .month{display:none;}
#schdulMain .scheduleControl .year{box-sizing:border-box;display:block;width:100%;height:124px;padding-top:25px;background:url(../../images/main/miniSche_1.png) no-repeat center top;font-size:38px;color:#1e1e1e;font-family:'Noto Medium';}
#schdulMain .scheduleScroll{max-height:225px;overflow-y:auto;margin-left:180px;}
#schdulMain .scheduleScroll ul{}
#schdulMain .scheduleScroll ul li{position:relative;padding:7px 0 5px 20px;}
#schdulMain .scheduleScroll ul li:before{content:"";display:block;width:8px;height:8px;background:#a4a4a4;position:absolute;top:14px;left:0;border-radius:30px;}
#schdulMain .scheduleScroll ul li span{display:block;vertical-align:top;}
#schdulMain .scheduleScroll ul li .date{color:rgba(0,0,0,0.3);font-size:14px;}
#schdulMain .scheduleScroll ul li .con{color:rgba(0,0,0,0.7);font-size:17px;}
#schdulMain .more{display:block;text-indent:-9999px;width:40px;height:40px;background:url(../../images/main/plus_2_b.png) no-repeat center;position:absolute;top:32px;right:26px;}
@media all and (min-width:1025px) {
	#schdulMain .more:hover{transform:rotate(90deg);transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
}
@media all and (min-width:769px) and (max-width:1024px) {
	#schdulMain .scheduleControl{display:none;}
	#schdulMain .scheduleScroll{margin-left:0;}
}
@media all and (max-width:480px) {
	#schdulMain .scheduleControl{display:none;}
	#schdulMain .scheduleScroll{margin-left:0;}
}
.wrap-visual .control .container{ display:none !important;}