@import url('sub.css'); 


#contact {position:relative;}
#contact .contact_in {display:flex; flex-wrap:wrap; gap:30px; align-items:flex-start; justify-content:space-between;}
#contact .tBox {width:580px; position:sticky; top:150px;}
#contact .tBox .fs50 {}
#contact .tBox .fs50 .point {color:var(--main); line-height:inherit; letter-spacing:inherit;}
#contact .tBox > .fs18 {margin:30px 0 0;}
#contact .tBox .contact_info {margin:15px 0 0;}
#contact .tBox .contact_info li {display:flex; gap:0 15px; display:flex; align-items:center;  letter-spacing:0;}
#contact .tBox .contact_info li+li {margin:6px 0 0;}
#contact .tBox .contact_info li b {display:flex; align-items:center; gap:0 10px; flex-shrink: 0; letter-spacing:inherit; color:var(--black); font-weight: 600; letter-spacing:0;}
#contact .tBox .contact_info li b::before {content: '\e158'; width: 50px; aspect-ratio: 1 / 1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; line-height: 1; background-color:var(--grayBg); border-radius:100%; font-size:18px; font-family:var(--icon); color:var(--main); font-weight:400;}
#contact .contact_box {flex:1; max-width:780px;}



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


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

#contact .tBox {width:400px;}
#contact .contact_box {padding:0 0 0;}


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


#contact .tBox {width:100%; position:relative; top:0;}
#contact .tBox .eng_cate {margin:0 0 5px;}
#contact .tBox > .fs18 {margin: 15px 0 0 ;}
#contact .contact_box {flex:none; width:100%;}


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


#contact .contact_in {gap:20px;}
#contact .tBox br {display:none;}
#contact .tBox .fs20 {margin:15px 0 0;}
#contact .tBox > .fs18 {margin:10px 0 0;}
#contact .tBox .contact_info {#contact .tBox .contact_info}
#contact .tBox .contact_info li {gap:0 10px;}
#contact .tBox .contact_info li b {}
#contact .tBox .contact_info li b::before {font-size::16px; width:40px;}


}