@import url('sub.css'); 

.inquiry {position:relative; display:flex; flex-wrap:wrap; gap:0 60px; justify-content:space-between; width:100%;}
.inquiry_tit {width:375px;}
.inquiry_tit .cont_tit {margin-bottom:40px;}
.inquiry_tit .contact_info li {display:flex; align-items:center; gap:0 10px; font-family:var(--eng);}
.inquiry_tit .contact_info li + li {margin-top:3px;}
.inquiry_tit .contact_info li::before {font-family:var(--icon); font-size:20px; }
.inquiry_tit .contact_info li.phone::before {content:"\e0b0";}
.inquiry_tit .contact_info li.fax::before {content:"\ead8";}
.inquiry_tit .contact_info li.email::before {content:"\e158";}

.inquiry .inquiry_form {flex-grow:1; max-width:1050px;}


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

.inquiry .inquiry_form {width:calc(100% - 375px - 60px);}

}

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

.inquiry_tit {width:100%;}
.inquiry_tit .cont_tit {text-align:center;}
.inquiry_tit .cont_tit br:last-child {display:none;}
.inquiry_tit .contact_info {display:flex; align-items:center; justify-content:center; gap:0 30px; padding:15px; border:1px solid var(--border); margin-bottom:20px;}
.inquiry .inquiry_form {width:100%; max-width:100%;}

}

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

.inquiry_tit .cont_tit {margin-bottom: 30px;}
.inquiry_tit .contact_info {gap:0 20px;}
.inquiry_tit .contact_info li {gap:0 8px;}
.inquiry_tit .contact_info li::before {font-size:18px;}

}

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

.inquiry_tit .cont_tit {margin-bottom: 20px;}
.inquiry_tit .cont_tit br {display:none;}
.inquiry_tit .contact_info {gap:2px 15px; flex-wrap:wrap;}
.inquiry_tit .contact_info li {gap:0 6px;}
.inquiry_tit .contact_info li::before {font-size:16px;}
.inquiry_tit .contact_info li.email {width:100%; justify-content: center;}

}

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



}