@charset "utf-8";

/*예비대학생********************/
	#multipleDiv_web_3209{margin-bottom:20px;}
	#multipleDiv_web_3210{background:#f7f7f7 url(/sites/guide/images/pattern_1.png);margin-bottom:20px;}
	#multipleDiv_web_3211{margin-bottom:20px;}
	#multipleDiv_web_3212{}
	/*공지사항*/#menu2823_obj3989{width:calc(100% - 500px) !important;float:left;}
	/*학사일정*/#menu2823_obj4164{width:460px !important;float:right;}
	@media only screen and (max-width:1024px){
		/*공지사항*/#menu2823_obj3989{width:calc(100% - 380px) !important;}
		/*학사일정*/#menu2823_obj4164{width:340px !important;}
	}
	@media only screen and (max-width:730px){
		/*공지사항*/#menu2823_obj3989,
		/*학사일정*/#menu2823_obj4164{width:100% !important;float:none;}
		/*공지사항*/#menu2823_obj3989{margin-bottom:20px;}
	}

/*학부생********************/
	#multipleDiv_web_5936{margin-bottom:20px;}
	#multipleDiv_web_5937{background:#ececec;margin-bottom:20px;}
	#multipleDiv_web_5938{margin-bottom:20px;}
	/*공지사항*/#menu2973_obj5946{width:calc(100% - 420px) !important;float:left;}
	/*학사일정*/#menu2973_obj5947{width:380px !important;float:right;}

	/*대학생활*/#menu2973_obj5943{height:249px !important;box-sizing:border-box;width:360px !important;float:left;}
	/*배너2개*/#menu2973_obj5944{height:249px !important;box-sizing:border-box;width:350px !important;float:left;}
	/*대학무비*/#menu2973_obj5945{height:249px !important;box-sizing:border-box;width:calc(100% - 710px) !important;float:right;}
	@media only screen and (max-width:1024px){
		/*대학생활*/#menu2973_obj5943{width:50% !important;}
		/*배너2개*/#menu2973_obj5944{height:166px !important;width:50% !important;float:right;}
		/*대학무비*/#menu2973_obj5945{height:83px !important;width:50% !important;float:right;}	
	}
	@media only screen and (max-width:730px){
		/*공지사항*/#menu2973_obj5946,
		/*학사일정*/#menu2973_obj5947{width:100% !important;float:none;}
		/*공지사항*/#menu2973_obj5946{margin-bottom:20px;}
	}
	@media only screen and (max-width:580px){
		/*대학생활*/#menu2973_obj5943,
		/*배너2개*/#menu2973_obj5944,
		/*대학무비*/#menu2973_obj5945{width:100% !important;height:auto !important;float:none;}
	}

/*교직원********************/
	#multipleDiv_web_3369{margin-bottom:20px;}
	#multipleDiv_web_3370{background:#ececec;margin-bottom:20px;}
	#multipleDiv_web_3371{margin-bottom:20px;}
	#multipleDiv_web_3372{}
	/*공지사항*/#menu2844_obj4040{width:calc(100% - 500px) !important;float:left;}
	/*학사일정*/#menu2844_obj4226{width:460px !important;float:right;}
	@media only screen and (max-width:1024px){
		/*공지사항*/#menu2844_obj4040{width:calc(100% - 380px) !important;}
		/*학사일정*/#menu2844_obj4226{width:340px !important;}
	}
	@media only screen and (max-width:730px){
		/*공지사항*/#menu2844_obj4040,
		/*학사일정*/#menu2844_obj4226{width:100% !important;float:none;}
		/*공지사항*/#menu2844_obj4040{margin-bottom:20px;}
	}

/*방문객********************/
	#multipleDiv_web_5985{margin-bottom:20px;}
	#multipleDiv_web_5988{background:#ececec;margin-bottom:20px;}
	#multipleDiv_web_5993{margin-bottom:20px;}
	#multipleDiv_web_5995{}
	/*공지사항*/#menu2976_obj5986{width:calc(100% - 500px) !important;float:left;}
	/*학사일정*/#menu2976_obj5987{width:460px !important;float:right;}
	@media only screen and (max-width:1024px){
		/*공지사항*/#menu2976_obj5986{width:calc(100% - 380px) !important;}
		/*학사일정*/#menu2976_obj5987{width:340px !important;}
	}
	@media only screen and (max-width:730px){
		/*공지사항*/#menu2976_obj5986,
		/*학사일정*/#menu2976_obj5987{width:100% !important;float:none;}
		/*공지사항*/#menu2826_obj4091{margin-bottom:20px;}
	}


/*공통********************/
	/*퀵링크*/
	.user_main_quick{padding:50px;}
	.user_main_quick ul{font-size:0;}
	.user_main_quick ul li{display:inline-block;vertical-align:top;width:16.6%;}
	/*학부생*/
	.user_main_quick ul li a{display:block;text-align:center;line-height:1.25;font-size:15px;}
	.user_main_quick ul li a span{display:block;width:85px;height:85px;margin:0 auto 10px auto;background-color:#FFF;background-position:center !important;background-repeat:no-repeat !important;border-radius:100%;}
	.user_main_quick ul li a i{display:block;}
	.user_main_quick ul li a:hover{font-weight:bold;}
	.user_main_quick ul li a:hover span{transform: rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
	@media only screen and (max-width:780px){
		.user_main_quick{padding:30px 0;}
		.user_main_quick ul li a span{width:65px;height:65px;}
	}
	@media only screen and (max-width:620px){
		.user_main_quick{padding:0;}
		.user_main_quick ul li{width:50%;}
		.user_main_quick ul li a{text-align:left;font-size:14px;border-bottom:1px solid #FFF;}
		.user_main_quick ul li:nth-child(even) a{border-left:1px solid #FFF;}
		.user_main_quick ul li a span{display:inline-block;background-size:20px;width:40px;height:40px;margin:10px 15px;vertical-align:-25px;}
		.user_main_quick ul li a i{display:inline;}
	}
	@media only screen and (max-width:430px){
		.user_main_quick ul li a{text-align:center;padding:15px 0;}
		.user_main_quick ul li a span{display:block;margin:0 auto 10px auto;vertical-align:0;}
	}
		/*예비대학생*/
		.user_main_quick_1 .li_1 a span{background-image:url(../../images/user_quick_icon_1.png);}
		.user_main_quick_1 .li_2 a span{background-image:url(../../images/user_quick_icon_2.png);}
		.user_main_quick_1 .li_3 a span{background-image:url(../../images/user_quick_icon_3.png);}
		.user_main_quick_1 .li_4 a span{background-image:url(../../images/user_quick_icon_4.png);}
		.user_main_quick_1 .li_5 a span{background-image:url(../../images/user_quick_icon_5.png);}
		.user_main_quick_1 .li_6 a span{background-image:url(../../images/user_quick_icon_6.png);}

		/*학부생*/
		.user_main_quick_2 .li_1 a span{background-image:url(../../images/user_quick_icon_7.png);}
		.user_main_quick_2 .li_2 a span{background-image:url(../../images/user_quick_icon_8.png);}
		.user_main_quick_2 .li_3 a span{background-image:url(../../images/user_quick_icon_9.png);}
		.user_main_quick_2 .li_4 a span{background-image:url(../../images/user_quick_icon_10.png);}
		.user_main_quick_2 .li_5 a span{background-image:url(../../images/user_quick_icon_11.png);}
		.user_main_quick_2 .li_6 a span{background-image:url(../../images/user_quick_icon_12.png);}
		.user_main_quick_2 .li_7 a span{background-image:url(../../images/user_quick_icon_12.png);}
		.user_main_quick_2 .li_8 a span{background-image:url(../../images/user_quick_icon_21.png);}

		/*교직원*/
		.user_main_quick_3 .li_1 a span{background-image:url(../../images/user_quick_icon_7.png);}
		.user_main_quick_3 .li_2 a span{background-image:url(../../images/user_quick_icon_8.png);}
		.user_main_quick_3 .li_3 a span{background-image:url(../../images/user_quick_icon_9.png);}
		.user_main_quick_3 .li_4 a span{background-image:url(../../images/user_quick_icon_10.png);}
		.user_main_quick_3 .li_5 a span{background-image:url(../../images/user_quick_icon_11.png);}
		.user_main_quick_3 .li_6 a span{background-image:url(../../images/user_quick_icon_12.png);}
		.user_main_quick_3 .li_7 a span{background-image:url(../../images/user_quick_icon_18.png);}
		.user_main_quick_3 .li_8 a span{background-image:url(../../images/user_quick_icon_19.png);}
		.user_main_quick_3 .li_9 a span{background-image:url(../../images/user_quick_icon_20.png);}
		.user_main_quick_3 .li_10 a span{background-image:url(../../images/user_quick_icon_21.png);}

		/*방문객*/
		.user_main_quick_4 .li_1 a span{background-image:url(../../images/user_quick_icon_7.png);}
		.user_main_quick_4 .li_2 a span{background-image:url(../../images/user_quick_icon_13.png);}
		.user_main_quick_4 .li_3 a span{background-image:url(../../images/user_quick_icon_14.png);}
		.user_main_quick_4 .li_4 a span{background-image:url(../../images/user_quick_icon_15.png);}
		.user_main_quick_4 .li_5 a span{background-image:url(../../images/user_quick_icon_16.png);}
		.user_main_quick_4 .li_6 a span{background-image:url(../../images/user_quick_icon_17.png);}


	/*배너*/
	.user_main_ban{}
	.user_main_ban ul{font-size:0;}
	.user_main_ban ul li{display:inline-block;vertical-align:top;width:33.33%;}
	.user_main_ban ul li a{display:block;line-height:1.25;font-size:18px;position:relative;background:#6b6b6b;color:#FFF;text-align:center;padding:20px 0;border-radius:10px;margin:0 10px;}
	.user_main_ban ul li a i{display:block;}
	.user_main_ban ul li a:hover{font-weight:bold;background:#0162c0;}
	@media only screen and (max-width:1024px){
		.user_main_ban ul li a{text-align:center;padding:20px 0;}
	}
	@media only screen and (max-width:730px){
		.user_main_ban ul li a{font-size:15px;}
	}
	@media only screen and (max-width:480px){
		.user_main_ban ul li a{font-size:14px;font-weight:bold;}
	}
	@media only screen and (max-width:380px){
		.user_main_ban ul li{display:block;width:100%;margin-bottom:5px;}
		.user_main_ban ul li a{border-left:1px solid #EEE;border-top:0;}
		
	}


	/*링크*/
	.user_main_link{}
	.user_main_link ul{font-size:0;}
	.user_main_link ul li{display:inline-block;vertical-align:top;width:33.33%;}
	.user_main_link ul li a{box-sizing:border-box;display:block;text-align:center;line-height:1.25;font-size:19px;position:relative;background-size:cover;height:258px;padding-top:85px;color:#FFF;}
	.user_main_link ul li a span{display:block;margin: 15px auto;width:20px;height:2px;background:#FFF;}
	.user_main_link ul li a i{display:block;font-size:14px;border:1px solid #FFF;padding:5px;margin: 0 auto;width:100px;}
	.user_main_link ul li a:before{content:"";display:block;width:calc(100% - 10px);height:calc(100% - 10px);border:5px solid transparent;position:absolute;top:0;left:0;}
	.user_main_link ul li a:hover:before{border-color:#0070ff;transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}
	@media only screen and (max-width:1024px){
		.user_main_link ul li a{height:200px;padding-top:60px;}
	}
	@media only screen and (max-width:730px){
		.user_main_link ul li a{height:150px;padding-top:30px;}
	}
	@media only screen and (max-width:480px){
		.user_main_link ul li a{font-size:15px;height:100px;}
		.user_main_link ul li a i{display:none;}
	}
	@media only screen and (max-width:360px){
	.user_main_link ul li{width:100%; margin-bottom:5px;}
	}
		/*예비대학생*/
		.user_main_link_1 .li_1 a{background-image:url(../../images/user_link_bg_1.jpg);}
		.user_main_link_1 .li_2 a{background-image:url(../../images/user_link_bg_2.jpg);}
		.user_main_link_1 .li_3 a{background-image:url(../../images/user_link_bg_3.jpg);}

		/*방문객*/
		.user_main_link_4 .li_1 a{background-image:url(../../images/user_link_bg_1.jpg);}
		.user_main_link_4 .li_2 a{background-image:url(../../images/user_link_bg_2.jpg);}
		.user_main_link_4 .li_3 a{background-image:url(../../images/user_link_bg_3.jpg);}

	/*종합정보시스템*/
	.system_link{}
	.system_link:before{content:"";display:block;width:100%;height:65px;background:#0c65c0 url(/sites/guide/images/pattern_1.png);}
	.system_link h2{}
	.system_link h2 span{box-sizing:border-box;height:65px;display:inline-block;color:#FFF;font-size:20px;font-weight:bold;padding:0 15px;position:absolute;top:0;left:0;padding-top:15px !important;}
	.system_link h2 span a{display:block;color:#FFF;height:100%;width:100%;}
	.system_link_student h2 span{padding:0;text-align:center;}
	.system_link_student h2 span:before{content:"";display:block;height:5px;width:70%;transform:scale(0);background:#38ccff;position:absolute;bottom:0;left:calc(50% - 35%);transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}
	.system_link_student h2 span.btnTit_1{width:120px;}
	.system_link_student h2 span.btnTit_2{width:130px;left:120px;}
	.system_link_student h2 span.btnTit_3{width:250px;left:250px;}
	.system_link_student h2 span a:hover,
	.system_link_student h2 span.active a{color:#38ccff;}
	.system_link_student h2 span:hover:before,
	.system_link_student h2 span.active:before{transform:scale(1);}
	.system_link dl{position:relative;border-bottom:1px dashed #DDD;padding:15px 0;}
	.system_link dl dt{width:180px;position:absolute;}
	.system_link dl dt span{display:block;border:1px solid #EEE;color:#000;text-align:center;font-weight:bold;padding:8px 10px;font-size:16px;}
	.system_link dl dd{margin-left:200px;}
	.system_link dl dd h3{font-size:17px;font-weight:bold;color:#0054a6;margin-top:10px;border-bottom:1px dashed #0054a6;}
	.system_link dl dd ul{overflow:hidden;}
	.system_link dl dd ul li{float:left;}
	.system_link dl dd ul li a{display:inline-block;padding:8px 15px 8px 7px;font-size:15px;position:relative;}
	.system_link dl dd ul li a:before{content:"";display:block;width:3px;height:3px;background:#5e6263;position:absolute;left:0;top:20px;}
	.system_link dl dd ul li a:after{content:"";display:block;width:0;height:1px;background:#5e6263;margin-top:2px;}
	.system_link dl dd ul li a:hover:after{width:100%;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
	.system_link .div_wrap{display:none;}
	.system_link .div_wrap_1{display:block;}
	@media only screen and (max-width:620px){
		.system_link dl dt{width:100%;position:relative;}
		.system_link dl dt span{background:#EEE;}
		.system_link dl dd{margin-left:0;}
		.system_link h2 span{font-size:17px;padding-top:20px !important;}
		.system_link_student h2 span.btnTit_1{width:100px;}
		.system_link_student h2 span.btnTit_2{width:100px;left:100px;}
		.system_link_student h2 span.btnTit_3{width:200px;left:200px;}
	}



/*학부생********************/
	/*대학생활 안내*/
	.college_guide{box-sizing:border-box;height:100%;position:relative;}
	.college_guide ul{font-size:0;height:100%;}
	.college_guide ul li{height:24%;margin-bottom:1%;}
	.college_guide ul li:last-child{margin-bottom:0;}
	.college_guide ul li a{box-sizing:border-box;display:block;line-height:1.25;font-size:15px;height:100%;font-weight:bold;padding:21px 10px;position:relative;text-align:center;background:#efefef;border-radius:10px;}
	.college_guide ul li a:hover{color:#FFF;background:#0162c0;}
	@media only screen and (max-width:580px){
		.college_guide ul li{display:inline-block;width:49.5%;}
		.college_guide ul li:nth-child(even){margin-left:1%;}
	}
	@media only screen and (max-width:330px){
		.college_guide ul li{display:block;width:100%;}
		.college_guide ul li:nth-child(even){margin-left:0;}
	}
	/*배너2개*/
	.college_banner{box-sizing:border-box;height:100%;margin-left:1%;}
	.college_banner ul{height:100%;}
	.college_banner ul li{height:49%;}
	.college_banner ul li.li_1{margin-bottom:1%;}
	.college_banner ul li.li_2{margin-top:1%;}
	.college_banner ul li a{box-sizing:border-box;height:100%;display:block;color:#FFF;line-height:1.25;font-size:19px;font-weight:bold;padding:20px;position:relative;}
	.college_banner ul li.li_1 a{background:#00abcc;}
	.college_banner ul li.li_2 a{background:#0061c0;}
	.college_banner ul li.li_1 a:hover{background:#018ba6;}
	.college_banner ul li.li_2 a:hover{background:#04519c;}
	.college_banner ul li a span{display:inline-block;width:77px;height:77px;vertical-align:-30px;background-size:100%;margin-right:15px;}
	.college_banner ul li.li_1 a span{background:url(../../images/user_college_banner_icon_1.png) no-repeat center;}
	.college_banner ul li.li_2 a span{background:url(../../images/user_college_banner_icon_2.png) no-repeat center;}
	@media only screen and (max-width:1024px){
		.college_banner ul li a{text-align:center;padding-top:30px;}
		.college_banner ul li a span{display:none;}
	}
	@media only screen and (max-width:580px){
		.college_banner{margin-left:0;margin-top:1%;overflow:hidden;}
		.college_banner ul li{height:100%;width:50%;float:left;}
		.college_banner ul li.li_1,
		.college_banner ul li.li_2{margin:0;}
		.college_banner ul li a{text-align:center;padding-top:20px;}
		.college_banner ul li a span{display:block;margin:0 auto 20px auto;}
	}
	@media only screen and (max-width:420px){
		.college_banner ul li.li_1{width:65%;}
		.college_banner ul li.li_2{width:35%;}
		.college_banner ul li a{padding:15px 0;font-size:15px;}
		.college_banner ul li a span{display:none;}
	}
	/*비디오*/
	.college_movie{box-sizing:border-box;height:100%;margin-left:1%;background:url(../../images/user_video_bg.jpg) no-repeat center;background-size:cover;}
	.college_movie a{display:block;box-sizing:border-box;height:100%;padding-top:80px;text-align:center;color:#FFF;font-size:18px;font-weight:bold;}
	.college_movie a span{display:block;width:34px;height:34px;border:3px solid #FFF;border-radius:100%;background:url(/sites/guide/images/play_4_w.png) no-repeat center;margin: 10px auto;}
	.college_movie a:hover span{border-color:#000;background-color:#000;}
	@media only screen and (max-width:1024px){
		.college_movie{margin-top:1%;}
		.college_movie a{padding-top:10px;font-size:0;}
	}
	@media only screen and (max-width:580px){
		.college_movie{margin-left:0;padding:30px 0;}
		.college_movie a{font-size:18px;}
	}
	@media only screen and (max-width:420px){
		.college_movie{padding:15px 0;}
		.college_movie a{font-size:15px;}
	}


/*교직원********************/
	/*홈페이지이용가이드*/
	.homepage_guide{box-sizing:border-box;height:100%;position:relative;}
	.homepage_guide ul{font-size:0;}
	.homepage_guide ul li{display:inline-block;vertical-align:top;width:19.6%;margin-left:0.5%;margin-bottom:0.5%;}
	.homepage_guide ul li:nth-child(1),
	.homepage_guide ul li:nth-child(6){margin-left:0;}
	.homepage_guide ul li a{display:block;text-align:center;background:#efefef;line-height:1.25;font-size:15px;font-weight:bold;border:2px solid #efefef;padding:13px 0;border-radius:10px;}
	.homepage_guide ul li a:hover{background:#FFF;color:#0c65c0;border-color:#0c65c0;}
	@media only screen and (max-width:1024px){
		.homepage_guide ul li{width:24.62%;}
		.homepage_guide ul li:nth-child(6){margin-left:0.5%;}
		.homepage_guide ul li:nth-child(1),
		.homepage_guide ul li:nth-child(5),
		.homepage_guide ul li:nth-child(9){margin-left:0;}
	}
	@media only screen and (max-width:730px){
		.homepage_guide ul li{width:33%;}
		.homepage_guide ul li:nth-child(5),
		.homepage_guide ul li:nth-child(9){margin-left:0.5%;}
		.homepage_guide ul li:nth-child(4),
		.homepage_guide ul li:nth-child(7),
		.homepage_guide ul li:nth-child(10){margin-left:0;}
	}
	@media only screen and (max-width:480px){
		.homepage_guide ul li{width:49.75%;}
		.homepage_guide ul li:nth-child(odd){margin-left:0 !important;}
		.homepage_guide ul li:nth-child(even){margin-left:0.5% !important;}
	}
	@media only screen and (max-width:320px){
		.homepage_guide ul li{width:100%;margin-left:0 !important;}
	}

	/*관련 사이트*/
	.related_link_banner{box-sizing:border-box;padding:20px;height:100%;position:relative;}
	.related_link_banner h2{text-align:center;font-size:18px;font-weight:bold;}
	.related_link_banner h2:after{content:"";display:block;width:20px;height:2px;background:#222;margin:10px auto 40px auto;}
	.related_link_banner ul{overflow:hidden;min-width:675px;overflow-x:auto;}
	.related_link_banner ul li{float:left;width:20%;}
	.related_link_banner ul li a{display:block;margin:0 5px;text-align:center;}
	.related_link_banner ul li a img{max-width:100%;}