@import url('sub.css'); 



/**** S:: ¹®ÀÇÇϱâ ****/
.inquiry_cont{display: flex;}
.inquiry_cont article{box-sizing:border-box;}
.inquiry_cont .txt_area{width: 43%; padding: 50px 50px 50px 0; display: flex; flex-direction: column; justify-content: space-between;}
.inquiry_cont .txt_area h3{text-wrap: balance;}
.inquiry_cont .txt_area ul{padding: 30px 0 0; max-width:600px;}
.inquiry_cont .txt_area ul li{display: flex; gap:10px;}
.inquiry_cont .txt_area ul li + li{margin-top: 15px;}
.inquiry_cont .txt_area ul li .fs16{width: 90px; height: 32px; line-height: 30px; border-radius:32px; box-sizing:border-box; border:1px solid var(--basic); color:var(--basic); display: block; text-align:center;}
.inquiry_cont .txt_area ul li .fs18{width: calc(100% - 100px); display: flex; flex-direction: column; justify-content: center;}
.inquiry_cont .form_area{width: 57%;}
/**** E:: ¹®ÀÇÇϱâ ****/



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

/**** S:: ¹®ÀÇÇϱâ ****/
.inquiry_cont{flex-wrap:wrap;}
.inquiry_cont .txt_area{width: 100%; padding: 0 0 50px;}
.inquiry_cont .txt_area ul{max-width:100%;}
.inquiry_cont .form_area{width: 100%;}
/**** E:: ¹®ÀÇÇϱâ ****/

}

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

/**** S:: ¹®ÀÇÇϱâ ****/
.inquiry_cont .txt_area{padding: 0 0 30px; display: block;}
/* .inquiry_cont .txt_area h3{text-align:center;} */
.inquiry_cont .txt_area h3 br{display: none;}
.inquiry_cont .txt_area ul{padding: 20px 0 0; max-width:100%;}
.inquiry_cont .txt_area ul li + li{margin-top: 10px;}
/**** E:: ¹®ÀÇÇϱâ ****/



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


/**** S:: ¹®ÀÇÇϱâ ****/
.inquiry_cont .txt_area{padding: 0 0 20px;}
.inquiry_cont .txt_area h3{text-align:center;}
.inquiry_cont .txt_area ul{padding: 15px 0 0; max-width:100%;}
.inquiry_cont .txt_area ul li{gap:5px;}
.inquiry_cont .txt_area ul li + li{margin-top: 5px;}
.inquiry_cont .txt_area ul li .fs16{width: 80px; height: 28px; line-height: 26px;}
.inquiry_cont .txt_area ul li .fs18{width: calc(100% - 85px);}
/**** E:: ¹®ÀÇÇϱâ ****/



}