@import url('sub.css');

/**** S:: 견적문의 ****/
.estimate__wrap{display:flex; align-items:flex-start; gap:60px;}
.estimate__left {flex:0 0 478px; width:478px; max-width:30.062%;}
.estimate__tit h3 {color:var(--black); font-weight:700;}
.estimate__tit h3 span {font-weight:700; line-height:inherit; letter-spacing:inherit;}
.estimate__tit p {margin-top:30px; color:var(--basic);}
.estimate__contact{margin-top:50px;}
.estimate__item{display:flex; align-items:center; gap:8px;}
.estimate__item + .estimate__item{margin-top:5px;}
.estimate__icon{flex:0 0 32px; display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:var(--borderR5); background:#a9a9a9; box-sizing:border-box;}
.estimate__icon::before{color:var(--white); font-family:var(--icon); font-size:20px; line-height:1;}
.estimate__item--tel .estimate__icon{background:linear-gradient(180deg, #00a1e8 0%, #21ac3a 100%);}
.estimate__item--tel .estimate__icon::before{content:"call";}
.estimate__item--fax .estimate__icon::before{content:"fax";}
.estimate__item--email .estimate__icon::before{content:"mail";}
.estimate__item p{flex:1; min-width:0; color:var(--black); font-weight:600;}
.estimate__form {flex:1; min-width:0; max-width:1052px;}
/**** E:: 견적문의 ****/


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

}

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

/**** S:: 견적문의 ****/
.estimate__wrap{gap:40px;}
.estimate__left{flex-basis:400px; width:400px;}
/**** E:: 견적문의 ****/

}

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

/**** S:: 견적문의 ****/
.estimate__wrap {flex-direction:column; gap:40px;}
.estimate__left {flex:none; width:100%; max-width:100%; text-align:center;}
.estimate__tit h3 br {display:none;}
.estimate__tit p {margin-top:20px;}
.estimate__contact {margin-top:30px; display:flex; align-items:center; justify-content:center; gap:30px; padding:25px; box-sizing:border-box; background:var(--white);}
.estimate__item + .estimate__item {margin-top:0;}
.estimate__form {width:100%; max-width:100%;}
/**** E:: 견적문의 ****/

}

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

/**** S:: 견적문의 ****/
.estimate__wrap{gap:30px;}
.estimate__tit p{margin-top:15px;}
.estimate__contact {margin-top:25px; flex-direction:column; gap:5px; padding:20px; justify-content:flex-start; text-align:left;}
.estimate__contact li {width:100%; max-width:170px; margin:0 auto;}
.estimate__icon{flex-basis:26px; width:26px; height:26px;}
.estimate__icon::before{font-size:18px;}
/**** E:: 견적문의 ****/

}

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

}