/* A A A : A : A : A : */ #estimate_write { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; font-family : "nanum"; } .monavalley_sub.sub6 .logoWrap { flex-direction : column; gap : 1.2em; margin-bottom : 0; margin-top : 1em;} .monavalley_sub.sub6 .logoWrap p { line-height : 1em; color : #6a6458; font-weight : 600;} .monavalley_sub.sub6 .titleTextWrap { width : 100%; height : auto; background : #f6f6f6; padding : 3em 0; text-align : center; display : flex; align-items : center; justify-content : center; flex-direction : column; gap : 0.7em; margin-top : 2.5em;} .monavalley_sub.sub6 .titleTextWrap p { line-height : 1.4em; font-weight : 300; max-width : 95%; word-break : keep-all;} .monavalley_sub.sub6 .titleTextWrap p.bold { line-height : 1em; font-weight : 500; color : #211613;} #estimate_write form { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center; background : #f6f6f6; padding : 4em 0 6em;} #estimate_write form .formInnerWrap { width : 90%; height : auto; display : flex; align-items : center; justify-content : center; max-width : 750px;} #estimate_write form .formInnerWrap .formWrap { width : 100%; height : auto; display : flex; flex-direction : column; align-items : flex-start; justify-content : flex-start; background : #fff; border-radius : 27px; padding : 3em 6em 2em; box-shadow : 0px 0px 5px 0px #5555554d; gap : 1.7em;} #estimate_write form .formInnerWrap .formWrap .inputWrap { width : 100%; height : auto; display : flex; align-items : center; justify-content : flex-start; gap : 1em; } #estimate_write form .formInnerWrap .formWrap .inputWrap.textarea { align-items : flex-start;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputTit { width : 4em; display : flex; align-items : center; justify-content : space-between; color : #211613;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap { width : 40%; flex-grow : 1; position : relative;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap input, #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap select { width : 100%; height : 2.2em; background : #f7f7f7; border : 1px solid #e5e5e5; line-height : 1em; padding-left : 0.5em; color : #333; outline : none;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap select { -webkit-appearance: none; /* iOS Safari에서 기본 스타일 제거 */ appearance: none; /* 최신 브라우저용 */ border-radius: 0; /* 사각형 모양으로 */ height : 2.2em; padding-left : 0.5em; border: 1px solid #e5e5e5; background-color: #f7f7f7; } #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap textarea { width : 100%; height : 10em; background : #f7f7f7; border : 1px solid #e5e5e5; padding : 0.5em 1em; color : #333; outline : none; font-family : "nanum_square";} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap .warning { position : absolute; top : 100%; left : 0; font-size : max(12px,0.8em); color : red; transition : .2s; opacity : 0;} #estimate_write form .formInnerWrap .formWrap .inputWrap.personal .inputValWrap { display : flex; align-items : center; justify-content : center; flex-direction : column; gap : 1em;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap .personalWrap { width : 100%; height : 10em; overflow : auto; border : 1px solid #e5e5e5; padding : 1em;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap .personalWrap p { font-size : 12px; word-break : keep-all;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap .personal_chkWrap { width : 100%; height : auto; display : flex; align-items : center; justify-content : center; font-size : 14px;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap .personal_chkWrap input { display : none;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap .personal_chkWrap label { width : auto; display : flex; align-items : center; justify-content : center; gap : 0.3em; cursor : pointer;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap .personal_chkWrap label .chkBox { width : 1em; height : 1em; display : flex; align-items : center; justify-content : center; border : 1px solid #e5e5e5; position : relative;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap .personal_chkWrap label .chkBox svg { font-size : 1.2em; top : 50%; left : 50%; transform : translate(-50%,-50%); position : absolute; opacity : 0;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap .personal_chkWrap input:checked + label .chkBox svg { opacity : 1;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap button { color : #fff; background : #323333; line-height : 1em; padding : 0.5em 1em; display : flex; align-items : center; justify-content : center; gap : 0.3em; cursor : pointer; transition : .2s; font-size : max(14px,0.9em);} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap button:hover { background : #666; transition : .2s;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap button:active { background : #000;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap button img { height : 1.5em;} #estimate_write .second { padding : 4em 0;} #estimate_write .second .contWrap { width : 90%; height : auto; display : flex; align-items : center; justify-content : center; max-width : 700px;} #estimate_write .second .contWrap .contBox { width : 100%; height : auto; display : flex; align-items : center; justify-content : center; } #estimate_write .second .contWrap .contBox .mark { width : 5em;} #estimate_write .second .contWrap .contBox a { transition : .2s;} #estimate_write .second .contWrap .contBox a:hover { filter : drop-shadow(0px 0px 5px #0000008f); transition : .2s;} #estimate_write .second .contWrap .contBox .textWrap { width : auto; padding : 2em 3%; position : relative; } #estimate_write .second .contWrap .contBox .textWrap p { line-height : 1.8em; word-break : keep-all;} #estimate_write .second .contWrap .contBox .textWrap .back { width : calc(100% + 5em); height : 100%; position : absolute; top : 50%; left : 50%; transform : translate(-50%,-50%); background : #f6f6f6; border-radius : 7px; z-index : -1;} @media(max-width : 1024px){ /* A A A : A : A : A : */ #estimate_write form .formInnerWrap .formWrap { padding : 3em 4em;} } @media(max-width : 640px){ /* A A A : A : A : A : */ #estimate_write form .formInnerWrap .formWrap { padding : 2em 2em 3em;} #estimate_write form .formInnerWrap .formWrap .inputWrap { flex-direction : column; align-items : flex-start; gap : 0.5em;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap { width : 100%;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap .personal_chkWrap { font-size : 12px;} #estimate_write form .formInnerWrap .formWrap .inputWrap .inputValWrap button { margin-top : 1em;} } @media(max-width : 640px){ /* A A A : A : A : A : */ #estimate_write form .formInnerWrap .formWrap { padding : 2em 1.5em 3em;} #estimate_write .second .contWrap .contBox .mark { width : 4em;} #estimate_write .second .contWrap .contBox .textWrap .back { width : calc(100% + 4em);} }