@import url('sub.css'); 



/**** S:: ¿Â¶óÀι®ÀÇ ****/
.inquiry-cont .inquiry-in{display:flex; gap:80px;}
.inquiry-cont .txt-area{ flex:0 0 500px; max-width:500px; box-sizing:border-box;}
.inquiry-cont .txt-area .txt-area-in{position: sticky; top:120px; transition: all .4s; display:flex; flex-direction:column; gap:30px;}
.inquiry-cont .txt-area h3{color:var(--black); word-break:keep-all;}
.inquiry-cont .txt-area h3 .point{color:var(--main); letter-spacing: inherit;}
.inquiry-cont .inquiry-desc{display:flex; flex-direction:column; gap:15px; width:100%;}
.inquiry-cont .inquiry-desc > p{font-weight:600; color:var(--black); line-height:166.67%;}
.inquiry-cont .inquiry-contact{display:flex; flex-direction:column; gap:10px; width:100%;}
.inquiry-cont .inquiry-contact li{display:flex; align-items:center; gap:15px;}
.inquiry-cont .inquiry-label{display:flex; align-items:center; gap:5px; flex-shrink:0; width:88px; line-height: 130%;}
.inquiry-cont .inquiry-label .eng{font-family:var(--eng); font-weight:600; letter-spacing:0; color:var(--black); line-height: 130%;}
.inquiry-cont .inquiry-ico{display:block; flex-shrink:0; width:20px; height:20px; position:relative;}
.inquiry-cont .inquiry-ico::before{display:block; width:100%; height:100%; line-height:20px; font-size:20px; font-family:var(--icon); font-weight:400; color:var(--main);}
.inquiry-cont .inquiry-ico--tel::before{content:'\e0b0';}
.inquiry-cont .inquiry-ico--email::before{content:'\e158';}
.inquiry-cont .inquiry-contact a{color:var(--basic); text-decoration:none; line-height: 130%;}
.inquiry-cont .form-area{flex:1; min-width:0;}
/**** E:: ¿Â¶óÀι®ÀÇ ****/


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

/**** S:: ¿Â¶óÀι®ÀÇ ****/
.inquiry-cont .txt-area{flex:0 0 40%; max-width:40%;}
/**** E:: ¿Â¶óÀι®ÀÇ ****/

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



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


/**** S:: ¿Â¶óÀι®ÀÇ ****/
.inquiry-cont .inquiry-in{gap:50px;}
.inquiry-cont .txt-area{flex:0 0 35%; max-width:35%;}
/**** E:: ¿Â¶óÀι®ÀÇ ****/

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

/**** S:: ¿Â¶óÀι®ÀÇ ****/
.inquiry-cont .inquiry-in{gap:40px; flex-direction: column;}
.inquiry-cont .txt-area{flex:1; max-width:100%;}
.inquiry-cont .txt-area .txt-area-in{gap:20px;}
/**** E:: ¿Â¶óÀι®ÀÇ ****/



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

/**** S:: ¿Â¶óÀι®ÀÇ ****/
.inquiry-cont .inquiry-in{gap:30px;}
.inquiry-cont .txt-area .txt-area-in{gap:10px;}
.inquiry-cont .inquiry-desc{gap:10px;}
.inquiry-cont .inquiry-contact li{gap:10px;}
.inquiry-cont .inquiry-label{width:78px;}
.inquiry-cont .inquiry-ico{width:16px; height:16px;}
.inquiry-cont .inquiry-ico::before{line-height:16px; font-size:16px;}
/**** E:: ¿Â¶óÀι®ÀÇ ****/

}