@import url('sub.css'); 



/**** S:: Á¦Ç°/AS ¹®ÀÇ ****/
#inquiry .inquiry_in{display: flex;}
#inquiry .inquiry_in .tit_area{width: 500px; box-sizing:border-box; padding: 0 50px 0 0;}
#inquiry .inquiry_in .tit_area .in{position: sticky; top:150px; transition:all .4s linear;}
#inquiry .inquiry_in .tit_area .fs36{color:var(--white);}
#inquiry .inquiry_in .tit_area dl{padding: 30px 0 0; display: flex; align-items:center; gap:0 30px;}
#inquiry .inquiry_in .tit_area dl dt{font-size:1rem; font-weight: 600; color:var(--white); line-height: 120%; letter-spacing: var(--letter-spacing-default);}
#inquiry .inquiry_in .tit_area dl dt::before{content:'\e0b0'; display: inline-block; vertical-align: middle; margin: -2px 15px 0 0; width: 40px; height: 40px; line-height:40px; font-size:22px; border-radius:50%; background:var(--main); font-family:var(--icon); font-weight: 400; color:var(--white); text-align:center;}
#inquiry .inquiry_in .tit_area dl dd{position: relative;}
#inquiry .inquiry_in .tit_area dl dd::before{content:''; display: block; width: 1px; height: 10px; background:rgba(255,255,255,.2); position: absolute; left:-15px; top:50%; margin-top: -5px;}
#inquiry .inquiry_in .tit_area dl dd a{display: inline-block; font-size:1rem; font-weight: 600; color:var(--white); line-height: 120%; letter-spacing: var(--letter-spacing-default);}
#inquiry .inquiry_in .form_area{width: calc(100% - 500px);}
/**** E:: Á¦Ç°/AS ¹®ÀÇ ****/



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




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


/* ¹®ÀÇ */
#inquiry{}
#inquiry .inquiry_in{}
#inquiry .inquiry_in .tit_area{width: 40%;}
#inquiry .inquiry_in .form_area{width: 60%;}


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



}

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



/* ¹®ÀÇ */
#inquiry{}
#inquiry .inquiry_in{flex-wrap:wrap;}
#inquiry .inquiry_in .tit_area{width: 100%; padding: 0 0 50px;}
#inquiry .inquiry_in .form_area{width: 100%;}



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


/* ¹®ÀÇ */
#inquiry{}
#inquiry .inquiry_in .tit_area{padding: 0 0 30px;}
#inquiry .inquiry_in .tit_area .in{}
#inquiry .inquiry_in .tit_area dl{padding: 30px 0 0; gap:0 20px;}
#inquiry .inquiry_in .tit_area dl dt::before{margin: -2px 10px 0 0; width: 34px; height: 34px; line-height:34px; font-size:18px;}
#inquiry .inquiry_in .tit_area dl dd{}
#inquiry .inquiry_in .tit_area dl dd::before{left:-10px;}



}