@import url('sub.css'); 



.contact_cont{}
	.contact_map{}
	.contact_map .wrap_map{height:630px !important;}
	.contact_map .wrap_controllers{display:none !important;}
	.contact_map .map_border{display:none !important;}

	.contact_in{padding: 50px 0 0; display: flex;}
	.contact_in > div{box-sizing:border-box; width: 50%;}
		.contact_info{padding: 0 50px 0 0;}
		.contact_info .fs27{padding:0 0 18px;}
		.contact_info dl{display:flex; padding: 0 0 10px;}
		.contact_info dl:last-of-type{padding: 0;}
		.contact_info dl dt{width:62px; font-weight: 700; color:var(--white);}
		.contact_info dl dd{width:calc(100% - 62px);}
		.contact_info dl dd b{font-weight: 500; color:var(--white);}
		.contact_btn{display: flex; justify-content: flex-end;}
		.contact_btn a{margin:0 4px 0 0; padding: 0 10px; display:flex; align-items:center; justify-content:center; max-width:250px; width: 100%; height: 60px; line-height: 130%; font-size:0.833rem; font-weight: 500; letter-spacing:0; font-family:var(--eng); color:var(--white); text-align:center; box-sizing:border-box; border:2px solid var(--white); border-radius:10px; transition:all .3s linear;}
		.contact_btn a:hover{background:var(--main); border-color:var(--main);}
		.contact_btn a:before{content:''; display:inline-block; vertical-align:middle; width: 28px; height:28px; margin: -4px 8px 0 0;} 
		.contact_btn a.campus_map:before{background:url('/contact/img/campus_icon.png') no-repeat center/100% auto;} 
		.contact_btn a.apple_app:before{background:url('/contact/img/apple_icon.png') no-repeat center/100% auto;} 
		.contact_btn a.google_play:before{background:url('/contact/img/googleplay_icon.png') no-repeat center/100% auto;} 
		.contact_btn a:last-of-type{margin: 0;}

	.contact_public{}
	.contact_public .fs40{padding: 0 0 30px;}
	.contact_public ul{display: grid; grid-template-columns: repeat(2, 1fr); gap:0 30px;}
	.contact_public ul li{box-sizing:border-box; padding:50px; background: var(--grayBg);}
	.contact_public ul li .fs27{padding:0 0 20px; color:var(--main);}





/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){





}

/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1300px){

	.contact_map .wrap_map{height:500px !important;}
	.contact_in{padding: 40px 0 0; flex-wrap:wrap;}
	.contact_in > div{width: 100%;}
		.contact_info{padding: 0 0 40px;}
		.contact_btn{justify-content: center;}


}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){

	.contact_map .wrap_map{height:400px !important;}
	.contact_in{padding: 30px 0 0;}
		.contact_info{padding: 0 0 30px;}
		.contact_info .fs27{padding:0 0 10px;}
		.contact_info dl{padding: 0 0 8px;}
		.contact_btn a{height: 50px;}
		.contact_btn a:before{width: 24px; height:24px; margin: -4px 6px 0 0;} 

	.contact_public{}
	.contact_public .fs40{padding: 0 0 20px;}
	.contact_public ul{gap:0 20px; grid-template-columns: repeat(1, 1fr);}
	.contact_public ul li{padding:30px;}
	.contact_public ul li .fs27{padding:0 0 15px;}






}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


	.contact_map .wrap_map{height:300px !important;}
	.contact_in{padding: 20px 0 0;}
		.contact_info{padding: 0 0 20px;}
		.contact_info .fs27{padding:0 0 8px;}
		.contact_info dl dt{width:50px;}
		.contact_info dl dd{width:calc(100% - 50px);}
		.contact_btn{flex-wrap:wrap;}
		.contact_btn a{margin:0 0 4px; max-width:100%; height: 45px;}

	.contact_public{}
	.contact_public .fs40{padding: 0 0 15px;}
	.contact_public ul{gap:10px 0; }
	.contact_public ul li{padding:20px;}
	.contact_public ul li .fs27{padding:0 0 8px;}



}
/*******************************************************************************
    @media ~480px               
*******************************************************************************/
@media all and (max-width:480px){





}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){




}