@charset "utf-8";

/* ´ëÇ¥/ÀԽà °°ÀÌ »ç¿ëÇÏ´Â content_css */
.ico_bg			{padding-left:20px;background-repeat:no-repeat;background-position:0 0.36em;}
.ico_tel		{background-image:url('../img/ico_tel.png');}
.ico_fax		{background-image:url('../img/ico_fax.png');}
.ico_location	{background-image:url('../img/ico_location.png');}
.ico_website	{background-image:url('../img/ico_website.png');}
.ico_time		{background-image:url('../img/ico_time.png');}
.ico_pdf		{background-image:url('../img/ico_pdf.png')}

#prmovie		{position:relative;padding:80px 0;background:#f1f1f1 url('../img/intro/movie_bg.jpg') no-repeat 50% 0;}
#prmovie h3		{position:absolute;background:none;padding:0;margin:0;left:30px;top:30px;color:#F5AD1D;font-size:24px;font-weight:normal;}
#prmovie span	{display:block;color:#fff;font-size:12px;margin:0;}
#prmovie .frame	{padding:10px 0 0 0;margin:0 auto;width:640px;height:375px;background-image:url('../img/intro/movie_fbg.png');background-repeat:no-repeat;background-position:0 0;text-align:center;}
#prmovie .btn	{position:absolute;right:0px;top:470px;}
#prmovie .txt	{margin:60px 0 10px 30px;}
#prmovie .txt h2	{float:left;width:200px;padding:0;margin:0;background:none;font-family:georgia;font-style:italic;font-size:36px;color:#0A50A1;font-weight:normal;line-height:30px;}
#prmovie .txt h2 span{font-size:24px;color:#333;}
#prmovie .txt h2 .stit	{font-size:14px;color:#888;font-family:'Nanum Gothic';font-style:normal;}
#prmovie .txt dl	{float:left;width:170px;line-height:140%;}
#prmovie .txt dt	{margin:0 0 5px 0;font-weight:bold;color:#333;font-size:16px;}
#prmovie .txt ul li	{font-size:12px;}
#prmovie video		{width:640px;height:350px;vertical-align:top}
/*#prmovie .txt dt	{float:left;width:80px;font-weight:bold;color:#333;font-size:16px;}
#prmovie .txt dd	{float:right;width:140px;}*/

/*dept*/
#dept_view{}
#dept_view .tit			{float:left;width:200px;height:400px;background:#5AAFD4;}
#dept_view .tit	h2		{height:130px;padding:70px 0 0 0;margin:0;background:none;text-align:center;font-size:24px;color:#fff;}
#dept_view .tit	h2 span.eng	{display:block;margin:5px 0 0 0;font-family:verdana;font-size:12px;color:#fff;letter-spacing:normal;}
#dept_view .txt			{float:right;width:680px;margin:0 0 0 40px}
#dept_view .txt	h3		{padding-left:0;background:none;}

#dept_view .career		{background:#f4f4f4;padding:15px 20px;}
#dept_view .toptxt		{min-height:199px;margin:0;border-bottom:1px solid #dfdfdf;font-size:12px;}
#dept_view .toptxt .stit{margin:0 0 10px 0;font-size:20px;color:#5AAFD4;}
#dept_view .toptxt p	{text-align:justify;}
#dept_view .toptxt ul	{padding:15px 0;}
#dept_view .toptxt li	{line-height:22px;}
#dept_view .toptxt li span	{display:inline-block;margin-right:10px;font-weight:bold;}
#dept_view .dept_btn	{position:relative;}
#dept_view .btn			{position:absolute;right:0;top:-50px;padding:0;margin:0;}
#dept_view .btn a		{display:inline-block;width:160px;height:40px;line-height:40px;text-align:center;background:#0A50A1;color:#fff;margin:1px 0;}
#dept_view a.btn_movie	{background:#888;}

#dept_view.dview_long .toptxt	{min-height:280px;}
#dept_view.dview_long .btn			{top:-100px;}

/* campus */
.dormitory31	{}
.dormitory31 dl	{background-color:#5AAFD4;}
.dormitory31 dt	{float:left;width:240px;text-align:center;padding:15px 0 100px 0;font-size:18px;color:#fff;font-weight:bold;background-image:url('../img/campus/dormitory03_ico01.png');background-repeat:no-repeat;background-position:85px 45px;}
.dormitory31 dd	{float:right;width:630px;background:#f4f4f4;padding:25px;text-align:justify;}

#footer				{position:relative;clear:both;width:100%;padding:20px 0;margin:0;background:rgba(0,0,0,0.7);font-size:12px;line-height:140%;color:#ccc;z-index:88;height:70px;}
#footer .d_width	{position:relative;}
#footer .flogo		{display:none;position:absolute;left:0;top:0;}
#footer	ul.fmn		{margin:0 0 20px 0;}
#footer	ul.fmn li	{float:left;margin:0 10px 0 0;}
#footer	ul.fmn a	{color:#ccc;letter-spacing:-0.5px;}
#footer	ul.fmn li:first-child a	{color:#FFCC00;font-weight:bold;}
#footer	address		{padding:0;margin:0 0 0 0;}
#copyright			{margin:0;font-size:11px;font-family:tahoma;}
#footer .mark		{position:absolute;right:0;top:0;}
#footer .mark img	{margin-left:2px;margin-bottom:5px;}

@media all and (max-width:1239px){
	#dept_view .txt		{width:460px;}
	#dept_view .btn		{width:160px;}	
	.dormitory31 dt	{width:200px;background-position:65px 45px;}
	.dormitory31 dd	{width:450px;}
	#footer	ul.fmn li	{font-size:11px;}
	#footer .mark	{top:30px;}
	#pv .v-wrap{width:90%;}
	#pv .v-wrap video{width:100%;}
}
@media all and (max-width:1023px){
	#footer	ul.fmn li	{margin:0 10px 0 0;}
	#footer	.mark	{display:none;}
	#footer	ul.fmn		{margin:0 0 10px 0;}
}
@media all and (max-width:767px){
	#prmovie		{padding:0;}
	#prmovie h3		{position:relative;padding:0;margin:0;left:20px;top:20px;}
	#prmovie span	{display:block;color:#fff;font-size:12px;margin:0;}
	#prmovie .frame	{padding:40px 0 0 0;margin:0 !important;width:auto;height:260px;background:none;}
	#prmovie .txt	{margin:0 0 10px 20px;}
	#prmovie .txt dl	{float:none;width:auto;margin:0 0 20px 0;}
	#prmovie video	{width:260px;height:auto;vertical-align:top;}
	
	#dept_view 		{}
	#dept_view .tit	{float:none;width:280px;height:auto;}
	#dept_view .tit	h2	{float:left;width:100%;height:auto;padding:20px 0;font-size:20px;}
	#dept_view .tit	img	{float:left;width:100%;}
	#dept_view .txt		{float:none;width:auto;margin:0;}
	#dept_view .toptxt	{min-height:auto;margin:20px 0 0 0;border-bottom:none;}
	#dept_view .dept_btn{height:40px;}
	#dept_view .btn		{width:auto;left:0;top:0px;}
	#dept_view .btn a	{float:left;width:140px;padding-left:0;padding-right:0;font-size:12px;}
	.dormitory31 dl	{}
	.dormitory31 dt	{float:none;width:auto;text-align:left;padding:20px 20px 20px 60px;background-position:20px 50%;background-size:auto 50%}
	.dormitory31 dd	{float:none;width:auto;}
	#footer			{height:auto;}
}


/* map */
#naver_map			{width:100% !important;margin-bottom:40px;}
#naver_map .nmap	{width:100% !important;}

/*popup video*/
#pv{position:fixed; z-index:999999; width:100%; height:100%;}
#pv:before{content:''; display: block; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
#pv .v-wrap{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
#pv .v-close{display: block; width:30px; height:30px; background-color:#ffffff; border-radius:50%; position:absolute; top:0; right:0;}
#pv .today_no{display: block; position:absolute; bottom:-15px; right:0px; color:#ffffff; font-size:15px;}
#pv .today_no input{width:15px; height:15px; margin-right:5px;}
#pv .v-close:before{content:''; display: block; width:20px; height:2px; background-color:#000000; transform:translate(5px, 14px) rotate(45deg);}
#pv .v-close:after{content:''; display: block; width:20px; height:2px; background-color:#000000; transform:translate(5px, 12px) rotate(-45deg);}
#pv h4{font-size:20px; color:#ffffff; background: none; padding:0;}


#pv20200827{position:fixed; z-index:999999; width:100%; height:100%;}
#pv20200827:before{content:''; display: block; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
#pv20200827 .v-wrap{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
#pv20200827 .v-close{display: block; width:30px; height:30px; background-color:#ffffff; border-radius:50%; position:absolute; top:0; right:0;}
#pv20200827 .today_no{display: block; position:absolute; bottom:-15px; right:0px; color:#ffffff; font-size:15px;}
#pv20200827 .today_no input{width:15px; height:15px; margin-right:5px;}
#pv20200827 .v-close:before{content:''; display: block; width:20px; height:2px; background-color:#000000; transform:translate(5px, 14px) rotate(45deg);}
#pv20200827 .v-close:after{content:''; display: block; width:20px; height:2px; background-color:#000000; transform:translate(5px, 12px) rotate(-45deg);}
#pv20200827 h4{font-size:20px; color:#ffffff; background: none; padding:0;}

@media all and (max-width:1023px){
	
	#pv .v-wrap{width:90%;}
	#pv .v-wrap video{width:100%;}
	#pv h4{font-size:15px;}

	#pv20200827 .v-wrap{width:90%;}
	#pv20200827 .v-wrap video{width:100%;}
	#pv20200827 h4{font-size:15px;}
}
@media all and (max-width:413px){
	
	#pv .v-wrap{width:90%;}
	#pv .v-wrap video{width:100%;}
	#pv h4{font-size:14px;}

	#pv20200827 .v-wrap{width:90%;}
	#pv20202827 .v-wrap video{width:100%;}
	#pv20200827 h4{font-size:14px;}
}