@charset "utf-8";
/*예비대학생********************/
	#multipleDiv_web_4336{margin-bottom:20px;}
	#multipleDiv_web_4347{background:#ececec;margin-bottom:20px;}
	#multipleDiv_web_4348{margin-bottom:20px;}
	/*공지사항*/#menu3393_obj4368{width:calc(100% - 500px) !important;float:left;}
	/*학사일정*/#menu3393_obj4369{width:460px !important;float:right;}
	@media only screen and (max-width:1024px){
		/*공지사항*/#menu3393_obj4368{width:calc(100% - 380px) !important;}
		/*학사일정*/#menu3393_obj4369{width:340px !important;}
	}
	@media only screen and (max-width:730px){
		/*공지사항*/#menu3393_obj4368,	/*학사일정*/#menu3393_obj4369{width:100% !important;float:none;}
		/*공지사항*/#menu3393_obj4368{margin-bottom:20px;}
	}
/*학부생********************/
	#multipleDiv_web_11395{margin-bottom:20px;}
	#multipleDiv_web_11396{background:#ececec;margin-bottom:20px;}
	#multipleDiv_web_11407{margin-bottom:20px;}
	/*공지사항*/#menu4774_obj11423{width:calc(100% - 420px) !important;float:left;}
	/*학사일정*/#menu4774_obj11424{width:380px !important;float:right;}
	/*대학생활*/#menu4774_obj11415{height:249px !important;box-sizing:border-box;width:360px !important;float:left;background:#3a4f74 url(/sites/guide/images/pattern_1.png);}
	/*배너2개*/#menu4774_obj11416{height:249px !important;box-sizing:border-box;width:350px !important;float:left;}
	/*대학무비*/#menu4774_obj11417{height:249px !important;box-sizing:border-box;width:calc(100% - 710px) !important;float:right;}
	@media only screen and (max-width:1024px){
		/*대학생활*/#menu4774_obj11415{width:60% !important;}
		/*배너2개*/#menu4774_obj11416{height:166px !important;width:40% !important;float:right;}
		/*대학무비*/#menu4774_obj11417{height:83px !important;width:40% !important;float:right;}	
	}
	@media only screen and (max-width:730px){
		/*공지사항*/#menu4774_obj11423,/*학사일정*/#menu4774_obj11424{width:100% !important;float:none;}
		/*공지사항*/#menu4774_obj11423{margin-bottom:20px;}
		/*대학생활*/#menu4774_obj11415{width:65% !important;}
		/*배너2개*/#menu4774_obj11416{width:35% !important;}
		/*대학무비*/#menu4774_obj11417{width:35% !important;}
	}
	@media only screen and (max-width:580px){
		/*대학생활*/#menu4774_obj11415,/*배너2개*/#menu4774_obj11416,/*대학무비*/#menu4774_obj11417{width:100% !important;height:auto !important;float:none;}
	}
/*교직원********************/
	#multipleDiv_web_4707{margin-bottom:20px;}
	#multipleDiv_web_4709{background:#ececec;margin-bottom:20px;}
	#multipleDiv_web_4710{margin-bottom:20px;}
	/*공지사항*/#menu4511_obj4713{width:calc(100% - 500px) !important;float:left;}
	/*학사일정*/#menu4511_obj4714{width:460px !important;float:right;}
	/*이용가이드*/#menu4511_obj4861{height:192px !important;box-sizing:border-box;width:360px !important;float:left;background:#3a4f74 url(/sites/guide/images/pattern_1.png);}
	/*관련사이트*/#menu4511_obj4862{min-height:192px;box-sizing:border-box;width:calc(100% - 360px) !important;float:right;background:#FFF url(../../images/reLinkBan_bg.png) left top;border:1px solid #EEE;}
	@media only screen and (max-width:1024px){
		/*공지사항*/#menu4511_obj4713{width:calc(100% - 380px) !important;}
		/*학사일정*/#menu4511_obj4714{width:340px !important;}
	}
	@media only screen and (max-width:730px){
		/*공지사항*/#menu4511_obj4713,/*학사일정*/#menu4511_obj4714{width:100% !important;float:none;}
		/*공지사항*/#menu4511_obj4713{margin-bottom:20px;}
		/*이용가이드*/#menu4511_obj4861,/*관련사이트*/#menu4511_obj4862{height:auto !important;min-height:auto;width:100% !important;float:none;}
	}
/*방문객********************/
	#multipleDiv_web_4598{margin-bottom:20px;}
	#multipleDiv_web_4599{background:#ececec;margin-bottom:20px;}
	#multipleDiv_web_4600{margin-bottom:20px;}
	/*공지사항*/#menu3395_obj4603{width:calc(100% - 500px) !important;float:left;}
	/*학사일정*/#menu3395_obj4604{width:460px !important;float:right;}
	@media only screen and (max-width:1024px){
		/*공지사항*/#menu3395_obj4603{width:calc(100% - 380px) !important;}
		/*학사일정*/#menu3395_obj4604{width:340px !important;}
	}
	@media only screen and (max-width:730px){
		/*공지사항*/#menu3395_obj4603,
		/*학사일정*/#menu3395_obj4604{width:100% !important;float:none;}
		/*공지사항*/#menu3395_obj4603{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_2 ul li{width:14.28%;}
	.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_21.png);}
		.user_main_quick_1 .li_2 a span{background-image:url(../../images/user_quick_icon_22.png);}
		.user_main_quick_1 .li_3 a span{background-image:url(../../images/user_quick_icon_2.png);}
		.user_main_quick_1 .li_4 a span{background-image:url(../../images/user_quick_icon_3.png);}
		.user_main_quick_1 .li_5 a span{background-image:url(../../images/user_quick_icon_23.png);}
		.user_main_quick_1 .li_6 a span{background-image:url(../../images/user_quick_icon_5.png);}
		/*학부생*/
		.user_main_quick_2 .li_1 a span{background-image:url(../../images/user_quick_icon_12.png);}
		.user_main_quick_2 .li_2 a span{background-image:url(../../images/user_quick_icon_13.png);}
		.user_main_quick_2 .li_3 a span{background-image:url(../../images/user_quick_icon_8.png);}
		.user_main_quick_2 .li_4 a span{background-image:url(../../images/user_quick_icon_14.png);}
		.user_main_quick_2 .li_5 a span{background-image:url(../../images/user_quick_icon_17.png);}
		.user_main_quick_2 .li_6 a span{background-image:url(../../images/user_quick_icon_11.png);}
		.user_main_quick_2 .li_7 a span{background-image:url(../../images/user_quick_icon_16.png);}
		/*교직원*/
		.user_main_quick_3 .li_1 a span{background-image:url(../../images/user_quick_icon_9.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_41.png);}
		.user_main_quick_3 .li_4 a span{background-image:url(../../images/user_quick_icon_18.png);}
		.user_main_quick_3 .li_5 a span{background-image:url(../../images/user_quick_icon_10.png);}
		.user_main_quick_3 .li_6 a span{background-image:url(../../images/user_quick_icon_42.png);}
		.user_main_quick_3 .li_7 a span{background-image:url(../../images/user_quick_icon_13.png);}
		.user_main_quick_3 .li_8 a span{background-image:url(../../images/user_quick_icon_43.png);}
		
		/*방문객*/
		.user_main_quick_4 .li_1 a span{background-image:url(../../images/user_quick_icon_31.png);}
		.user_main_quick_4 .li_2 a span{background-image:url(../../images/user_quick_icon_32.png);}
		.user_main_quick_4 .li_3 a span{background-image:url(../../images/user_quick_icon_33.png);}
		.user_main_quick_4 .li_4 a span{background-image:url(../../images/user_quick_icon_34.png);}
		.user_main_quick_4 .li_5 a span{background-image:url(../../images/user_quick_icon_35.png);}
		.user_main_quick_4 .li_6 a span{background-image:url(../../images/user_quick_icon_36.png);}
	/*배너*/
	.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;border:1px solid #EEE;border-left:0;position:relative;}
	.user_main_ban ul li:first-child a{border-left:1px solid #EEE;}
	.user_main_ban ul li:nth-child(4) a{border-left:1px solid #EEE;}
	.user_main_ban ul li a span{display:inline-block;width:73px;height:73px;margin:13px 30px;background-position:center !important;background-repeat:no-repeat !important;vertical-align:-43px;}
	.user_main_ban ul li a i{display:block;}
	.user_main_ban ul li a:after{content:"";display:inline-block;width:8px;height:12px;background:url(/sites/guide/images/arrow_6_r_b.png);position:absolute;top:calc(50% - 6px);right:25px;}
	.user_main_ban ul li a:hover{font-weight:bold;background:#0d448a;color:#FFF;border-color:#0d448a;}
	.user_main_ban ul li a:hover:after{background:url(/sites/guide/images/arrow_6_r_w.png);}
	@media only screen and (max-width:1024px){
		.user_main_ban ul li a{text-align:center;padding:20px 0;}
		.user_main_ban ul li a span{display:block;vertical-align:0;margin: 0 auto 10px auto;}
		.user_main_ban ul li a:after{display:none;}
	}
	@media only screen and (max-width:730px){
		.user_main_ban ul li a{font-size:15px;}
		.user_main_ban ul li a span{width:50px;height:50px;background-size:100% !important;}
	}
	@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%;}
		.user_main_ban ul li a{text-align:left;border-left:1px solid #EEE;border-top:0;}
		.user_main_ban ul li:first-child a{border-top:1px solid #EEE}
		.user_main_ban ul li a span{display:inline-block;vertical-align:-19px;margin: 0 15px;}
	}
		/*예비대학생*/
		.user_main_ban_1 .li_1 a span{background-image:url(../../images/user_ban_icon_1.png);}
		.user_main_ban_1 .li_2 a span{background-image:url(../../images/user_ban_icon_2.png);}
		.user_main_ban_1 .li_3 a span{background-image:url(../../images/user_ban_icon_3.png);}
		.user_main_ban_1 .li_4 a span{background-image:url(../../images/user_ban_icon_4.png);}
	/*링크*/
	.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;}
	}
		/*예비대학생*/
		.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:before{content:"";display:block;width:100%;height:65px;background:#1d609d url(/sites/guide/images/pattern_1.png);}
	.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;}
	}
	@media only screen and (max-width:480px){
		.system_link h2 span{font-size:15px}
		.system_link_student h2 span.btnTit_1{width:60px;}
		.system_link_student h2 span.btnTit_2{width:70px;left:70px;}
		.system_link_student h2 span.btnTit_3{width:170px;left:140px;}
	}
/*학부생********************/
	/*대학생활 안내*/
	.college_guide{box-sizing:border-box;padding:20px;height:100%;position:relative;}
	.college_guide h2{text-align:center;color:#FFF;font-size:18px;font-weight:bold;}
	.college_guide h2:after{content:"";display:block;width:20px;height:2px;background:#FFF;margin:10px auto 20px auto;}
	.college_guide ul{font-size:0;}
	.college_guide ul li{display:inline-block;vertical-align:top;width:50%;}
	.college_guide ul li a{display:block;color:#FFF;line-height:1.25;font-size:15px;padding:8px 10px;position:relative;}
	.college_guide ul li a:before{content:"";display:block;width:3px;height:3px;background:#FFF;position:absolute;left:0;top:15px;}
	.college_guide ul li a:hover{color:#1b8eef;font-weight:bold;}
	.college_guide ul li a:hover:before{background:#1b8eef;transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}
	@media only screen and (max-width:380px){
		.college_guide ul li{display:block;width:100%;}
	}
	/*배너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 !important;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;padding:20px;height:100%;position:relative;}
	.homepage_guide h2{text-align:center;color:#FFF;font-size:18px;font-weight:bold;}
	.homepage_guide h2:after{content:"";display:block;width:20px;height:2px;background:#FFF;margin:10px auto 20px auto;}
	.homepage_guide ul{font-size:0;}
	.homepage_guide ul li{display:inline-block;vertical-align:top;width:50%;}
	.homepage_guide ul li a{display:block;text-align:center;color:#FFF;line-height:1.25;font-size:15px;border:1px solid #FFF;padding:13px 0;margin-top:-1px;margin-left:-1px;}
	.homepage_guide ul li a:hover{background:#FFF;color:#4475cb;font-weight:bold;}
	.homepage_guide a.goto{display:block;width:35px;height:35px;border:1px solid transparent;position:absolute;top:15px;right:15px;text-indent:-9999px;background:url(/sites/guide/images/plus_4_w.png) no-repeat center;}
	.homepage_guide a.goto:hover{border:1px solid #FFF;}
	/*관련 사이트*/
	.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;}
	.related_link_banner ul li{float:left;width:20%;}
	.related_link_banner ul li a{display:block;margin:5px;text-align:center;}
	.related_link_banner ul li a img{max-width:100%;}
	@media only screen and (max-width:1024px){
		.related_link_banner ul li{width:33.33%;}
	}
	@media only screen and (max-width:730px){
		.related_link_banner ul li{width:20%;}
	}
	@media only screen and (max-width:530px){
		.related_link_banner ul li{width:33.33%;}
	}
	@media only screen and (max-width:320px){
		.related_link_banner ul li{width:50%;}
	}