@charset "UTF-8";

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

/*슬로건*/
#menu20695_obj60{position:absolute;left:0;bottom:320px;width:100% !important;z-index:50;}
.main-slogan{text-align:center;color:#FFF;padding:0 20px;}
.main-slogan .p_1{font-size:25px;font-family:'Noto Medium';display:inline-block;}
.main-slogan .p_1:after{content:"";display:block;width:100%;height:2px;background:#FFF;}
.main-slogan .p_2{font-size:50px;font-family:'Dream ExtraBold';margin:10px 0;}
.main-slogan .p_2 span{font-family:'Dream Light';}
.main-slogan .p_3{font-size:20px;font-family:'Noto Light';}
.main-slogan .p_3 span{display:block;}
@media all and (max-width:1024px) {
	.main-slogan .p_1{font-size:20px;}
	.main-slogan .p_2{font-size:30px;}
	.main-slogan .p_2 span{font-size:40px;display:block;}
	.main-slogan .p_3{display:none;}
}
@media all and (max-width:768px) {
	#menu20695_obj60{bottom:100px;}
	.main-slogan .p_1{font-size:16px;}
	.main-slogan .p_2{font-size:25px;}
	.main-slogan .p_2 span{font-size:35px;}
}

/*1단*/
#multipleDiv_temp_09_20{z-index:50;margin-top:-100px;}
#multipleDiv_temp_09_20:before{content:"";display:block;width:100%;height:calc(100% - 100px);background:url(../../images/main/conBg_4.png);position:absolute;top:100px;left:0;}
#multipleContentsDiv_temp_09_20{max-width:1400px;margin: 0 auto;overflow:hidden;}
#menu20695_obj85,
#menu20695_obj387,
#menu20695_obj1113,
#menu20695_obj388{width:38% !important;height:360px !important;float:left !important;}
#menu20695_obj388{width:24% !important;}
@media all and (max-width:1400px) {
	#multipleContentsDiv_temp_09_20{max-width:96%;}
}
@media all and (max-width:1280px) {
	#menu20695_obj85,
	#menu20695_obj387,
  #menu20695_obj1113{width:50% !important;}
	#menu20695_obj388{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;}
	#menu20695_obj85,
	#menu20695_obj387,
  #menu20695_obj1113{width:100% !important;height:auto !important;float:none !important;}
	#menu20695_obj86{margin:10px 0;}
}
/*공통*/
.main-link,
#schdulMain{height:100%;}

/*바로가기*/
.main-link{}
.main-link ul{height:100%;font-size:0;}
.main-link ul li{height:50%;width:50%;display:inline-block;vertical-align:top;}
.main-link ul li a{box-sizing:border-box;display:block;width:100%;height:100%;padding-top:20px;font-size:20px;color:#FFF;text-align:center;}
.main-link ul li a.a_1{background:#b0c6d9;}
.main-link ul li a.a_2{background:#6077a6;}
.main-link ul li a.a_3{background:#3e498c;}
.main-link ul li a.a_4{background:#c3a5af;}
.main-link ul li a:before{content:"";display:block;margin:0 auto 5px auto;width:105px;height:105px;background-size:100% !important;}
.main-link ul li a.a_1:before{background:url(../../images/main/linkIcon_1.png);}
.main-link ul li a.a_2:before{background:url(../../images/main/linkIcon_2.png);}
.main-link ul li a.a_3:before{background:url(../../images/main/linkIcon_3.png);}
.main-link ul li a.a_4:before{background:url(../../images/main/linkIcon_4.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:1400px) {
	.main-link ul li{height:25%;width:100%;}
	.main-link ul li a{padding:31px 0 0 90px;font-size:18px;text-align:left;position:relative;}
	.main-link ul li a:before{width:50px;height:50px;position:absolute;left:15px;top:22px;}
}
@media all and (max-width:1280px) {
	.main-link ul li{height:100%;width:25%;}
	.main-link ul li a{padding:20px 0 20px 70px;}
	.main-link ul li a:before{width:40px;height:40px;top:14px;}
}
@media all and (max-width:768px) {
	.main-link ul li{width:50%;}
}
@media all and (max-width:380px) {
	.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:60px 0;}
#menu20695_obj106,
#menu20695_obj107,
#menu20695_obj108{float:left !important;}
#menu20695_obj106{width:26% !important;}
#menu20695_obj107{width:47% !important;height:270px !important;}
#menu20695_obj108{width:25% !important;height:270px !important;}
#menu20695_obj107{margin:0 1% !important;}
#menu20695_obj109{width:73% !important;position:absolute;top:345px;right:0;}
@media all and (max-width:1400px) {
	#multipleContentsDiv_temp_09_21{max-width:96%;}
}
@media all and (max-width:1280px) {
	#menu20695_obj109{width:100% !important;position:relative;top:auto;right:auto;clear:both;padding-top:30px;}
}
@media all and (max-width:768px) {
	#multipleContentsDiv_temp_09_21{padding:30px 0;}
	#menu20695_obj106,
	#menu20695_obj107,
	#menu20695_obj108{width:100% !important;height:auto !important;float:none !important;}
	#menu20695_obj107{margin:10px 0 !important;}
	#menu20695_obj109{padding-top:10px;}
}

/*공통*/
.main-eduGrad,
.main-video{height:100%;}

/*교육대학원*/
.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;}
}

/*홍보영상*/
.main-video{position:relative;}
.main-video:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../../images/main/conBg_3.jpg) center;background-size:cover;}
.main-video: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;}
.main-video h3{height:100%;text-align:center;position:relative;z-index:1;}
.main-video h3 a{box-sizing:border-box;display:block;font-size:25px;color:#FFF;font-family:'Noto Medium';font-style:italic;padding-top:90px;width:100%;height:100%;}
.main-video 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;}
@media all and (min-width:1025px) {
	.main-video: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-video h3 a{font-size:20px;}
	.main-video h3 a:after{width:50px;height:50px;background-size:40px;}
	.main-video h3 a span{display:block;}
}
@media all and (max-width:768px) {
	.main-video h3 a{padding:30px 0;}
	.main-video h3 a span{display:inline;}
}

/*퀵링크*/
.main-quick{font-size:0;}
.main-quick h3,
.main-quick ul{box-sizing:border-box;display:inline-block;vertical-align:top;}
.main-quick h3{width:200px;font-size:34px;color:#2c2c2c;font-family: 'Titillium Web', sans-serif;font-weight:600;font-style:italic;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:40px;}
.main-quick ul{width:calc(100% - 200px);padding:30px;font-size:0;background:#101341;}
.main-quick ul li{width:14.28%;display:inline-block;vertical-align:top;}
.main-quick ul li a{display:block;text-align:center;font-size:16px;color:#FFF;line-height:1;}
.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;}
@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:1024px) {
	.main-quick h3{display:none;}
	.main-quick ul{width:100%;display:block;}
}
@media all and (max-width:768px) {
	.main-quick ul{padding:15px;}
	.main-quick ul li a:before{width:30px;height:24px;}
}
@media all and (max-width:480px) {
	.main-quick ul{background:none;padding:0;}
	.main-quick ul li{width:50%;}
	.main-quick ul li a{text-align:left;background:#101341;padding:12px 20px;margin:0.5px;}
	.main-quick ul li a:before{display:none;}
}
@media all and (max-width:320px) {
	.main-quick ul li{width:100%;}
	.main-quick ul li a{margin:0.5px 0;}
}