@charset "utf-8";

@import url("/sites/guide/style/css/guide.css");
@import url("/sites/templet_02/style/css/layout.css");
@import url("main.css");
@import url("main_widjet.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다. **********/
/* 레이아웃은 같은 타입의 템플릿은 공통으로  적용되어 있습니다.**********/
/* 레이아웃 변경시에는 같은 템플릿은 같이 변경되오니 유의하여 주시고 변경하실 CSS는 각 템플릿의 샘플 템플릿의 layout.css를 수정하시면 됩니다.**********/
/* 개별적인 변경을 하실 경우에는 새로운 템플릿으로 추가해서 작업하시거나 style.css에서 !important처리로 작업하시기 바랍니다.**********/

/*표 안의 줄바꿈 */
.table_1 table td{word-break:break-all !important; white-space:pre-line;}
/*인사말 */
.welcome_message_2 .message_wrap .con_1 span {display:inline-block;}

/* 탭메뉴 */
.tabMenu { position: relative; margin-bottom: 30px;}
.tabMenu > ul { font-size: 0; }
.tabMenu > ul > li { display: inline-block; margin-bottom: 1px; vertical-align: top; width: 25%; }
.tabMenu > ul > li > a { display: block; padding: 12px 2px; min-width: 60px; margin-right: 1px; font-size: 15px; font-weight: 400; color: #666; text-align: center; background: #efefef; }
.tabMenu > ul > li > a.active { background: #8ac735; color: #FFF; }

/* 기숙사 */
	.dorm{overflow:hidden;}
	.dorm li{float:left; width:33.33%;}
	.dorm li p{font-weight:600; font-size:14px; text-align:center; margin-bottom:20px;}
	.dorm li div{width:95%; margin:0 auto; text-align:center;}
	.dorm li div img{max-width:100%;}
	@media only screen and (max-width:550px){
		.dorm li{float:none; width:100%;margin-bottom:20px;}
	}

/* 인트로 */
.global_intro_wrap{padding:80px 0 150px 0;background:url(/sites/globle/images/global_intro_bg.jpg) no-repeat center;background-size:cover;}
.global_intro_wrap .logo{margin-bottom:50px;text-align:center;}
.global_intro_wrap ul{overflow:hidden;max-width:840px;margin: 0 auto;}
.global_intro_wrap ul li{float:left;}
.global_intro_wrap ul li > div{position:relative;}
.global_intro_wrap ul li > div a{display:block;width:280px;height:355px;padding-top:100px;margin: 0 auto;box-sizing:border-box;color:#FFF;font-size:25px;font-weight:bold;text-align:center;position:relative;background: url(../../images/long_arrow_1.png) no-repeat center 84%;}
.global_intro_wrap ul li > div a span{display:none;}
.global_intro_wrap ul li > div a:hover span{display:block;}
.global_intro_wrap ul li > div a:before{content:"";display:block;width:calc(100% - 22px);height:calc(100% - 22px);position:absolute;top:10px;left:10px;border:1px solid rgba(255, 255, 255, .5);}
.global_intro_wrap ul li > div a:hover:before{border:5px solid rgba(255, 255, 255, .9);width:calc(100% - 32px);height:calc(100% - 32px);transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}
.global_intro_wrap ul li > div.lan_1{background:#0471cf;}
.global_intro_wrap ul li > div.lan_2{background:#1dc9bd;}
.global_intro_wrap ul li > div.lan_3{background:#03294d;}
.global_intro_wrap ul li > div:hover:before{width:calc(100% - 30px;);height:calc(100% - 30px;);border:5px solid #FFF;}
@media only screen and (max-width:840px){
  .global_intro_wrap{padding:100px 0;}
  .global_intro_wrap ul{max-width:100%;width:96%;}
  .global_intro_wrap ul li{width:33.33%;}
  .global_intro_wrap ul li > div a{width:100%;height:200px;padding:50px 30px;font-size:20px;background:none;}
  .global_intro_wrap .logo img{width:220px;}
}
@media only screen and (max-width:480px){
  .global_intro_wrap{padding:80px 0;}
  .global_intro_wrap ul li > div a{font-size:17px;}
  .global_intro_wrap .logo img{width:180px;}
}


@media only screen and (min-width: 1025px){
	#mainNav .a_1 {font-weight: 400;font-size: 16px;}
	#mainNav .a_2 {font-weight: 400;font-size: 14px;}
	#mainNav .li_1.eQ02 .div_2 {width: 212px;left: calc(50% - 106px);}
	#mainNav .li_1.eQ03 .div_2 {width: 200px; left: calc(50% - 100px);}
	#mainNav .li_1.eQ05 .div_2 {width: 180px; left: calc(50% - 90px);}
}

#headerSec .logo a span {vertical-align: -11px;}