/* html5 reset */
/* A A A A A A */
header ,footer ,section ,article ,aside ,nav ,hgroup ,details ,menu ,figure ,figcaption ,canvas
{ display : block; margin : 0; padding : 0; border : 0;
font-size : 100%; font : inherit; vertical-align : baseline; }
.sound_only { display : none; }
/* SELECT BOX */
/* A A A : A : A : A : */
.poster_performance_schWrap,
#poster_performance_sch,
.bbsPage
{ font-size : inherit;}
.select-box { display : flex; position : relative; border : 1px solid #dcdcdd;
background-color : #fff; border-radius : 5px; height : auto !important; font-size : inherit; }
.select-box select{ position : absolute; left : -9999px; display : none; font-size : inherit; }
.select-box a { display : block; height : auto !important; line-height : auto !important; padding : 0.5em 0.7em;
background : url(./img/select_box_ico.png) right center no-repeat; width : 100% !important; line-height : 1em !important;
text-align : left !important; color : #555; font-size : inherit; display : flex;
align-items : center; }
.select-box a:visited, .select-box a:active, .select-box a:link, .select-box a:hover
{ text-decoration : none; }
.select-box a i.fa
{ vertical-align : middle; float : right; padding-top : 7px; }
.select-box ul { position : absolute; left : -1px; top : 105%!important; border : 1px solid #ccc;
display : none; background : #fff; max-height : 240px; list-style : none;
padding : 0; margin : 0; overflow : hidden; border-radius : 5px;
overflow-y : auto; z-index : 999; font-size : inherit;
scrollbar-face-color : #eaeaea;
scrollbar-track-color : #f7f7f7;
scrollbar-3dlight-color : #e2e2e2;
scrollbar-arrow-color : #8c8c8c;
scrollbar-shadow-color : #eaeaea;
scrollbar-highlight-color : #eaeaea;
scrollbar-darkshadow-color : #e2e2e2; }
.select-box ul li { font-size : inherit;}
.select-box ul a { display : block; line-height : 1em!important; height : auto !important; background : none;
font-size : 0.9em; padding : 0.7em 0.7em;}
.select-box.select-active a
{ color : #4B87C8; background : #f6f7f9 url(./img/select_box_ico_active.png) right center no-repeat;
border-radius : 8px; }
.select-box.select-active a i
{ color : #4B87C8 }
.select-box.select-active ul a
{ color : #333; background : none; border-radius : 0; }
.select-box.select-active ul a.hover
{ background : #584727; color : #fff }
.select-box.select-active ul a.active
{ background : #4d3b19; color : #fff }
#estimateList .bbsWrap form.searchForm #stx
{ font-size : inherit; padding : 0.3em 0.5em 0.35em; line-height : 1em; font-family : "SCDream";
width : 14em; color : #555; margin : 0 0.5em; border : 1px solid #dcdcdd;
border-radius : 5px;}
#estimateList .bbsWrap form.searchForm .poster_performance_SubmitWrap
{ background : #555; border-radius : 5px; border : none; font-size : inherit;
font-family : "SCDream"; color : #fff; padding : 0.3em 1.2em 0.35em; line-height : 1em;
font-weight : 400; cursor : pointer; transition : .2s;}
#estimateList .bbsWrap form.searchForm .poster_performance_SubmitWrap:hover
{ background : #777; transition : .2s;}
#estimateList .bbsWrap form.searchForm .poster_performance_SubmitWrap:active
{ background : #333; transition : .2s;}
#estimateList .bbsWrap .mobileLine
{ width : 95%; height : 1px; font-size : inheirt; margin : 2em auto;
background : #c9c9ca; display : none;}
/* A A A : A : A : A : */
#sub_Formmail{ width : 100%; height : auto; display : flex; align-items : center;
justify-content : center; padding : 0 40px 4em; font-size : min(1.8vw,22px); font-family : "SCDream";
flex-direction : column; max-width : 1200px; margin : 0 auto;
}
#sub_Formmail .titWrap
{ width : 100%; height : auto; display : flex; flex-direction : column;
align-items : center; font-size : inherit; margin : 2.5em 0 3em;}
#sub_Formmail .titWrap img
{ height : 2.5em;}
#sub_Formmail .titWrap .line
{ width : 3em; height : 0.3em; font-size : inherit; background : #f9be00;
margin : 0.7em 0; }
#sub_Formmail .titWrap .tit
{ font-weight : 500; color : #0080cc;}
#sub_Formmail form
{ width : 100%; height : auto; display : flex; align-items : stretch;
justify-content : space-between; max-width : 1600px; flex-wrap : wrap;}
#sub_Formmail form .inputWrap
{ width : 100%; height : auto; display : flex; flex-wrap : wrap;
justify-content : space-between;}
#sub_Formmail form .inputBox
{ width : 48%; height : auto; display : flex; align-items : stretch;
margin-bottom : 1em;}
#sub_Formmail form .inputBox.textarea
{ width : 100%; align-items : baseline; margin-bottom : 0;}
#sub_Formmail form .inputBox.btn
{ width : 100%; justify-content : center;}
#sub_Formmail form .inputBox .inputTit
{ font-size : clamp(14px,1.3vw,15px); color : #555; font-weight : 500; line-height : 1em;
width : 7em; display : flex; align-items : center;}
#sub_Formmail form .inputBox .inputValueWrap
{ width : calc(100% - 7em); border : 1px solid #0000003b; border-radius : 7px; align-items : center;
font-size : clamp(14px,1.3vw,15px); padding : 0 1em; display : flex;
background : #f9f9f9;}
#sub_Formmail form .inputBox .inputValueWrap.btn
{ border-radius : unset; border : none; display : flex; flex-direction : column;
align-items : flex-start; width : auto; padding : 0; cursor : pointer;}
#sub_Formmail form .inputBox .inputValueWrap svg
{ color : #00000066; font-size : 1.5em;}
#sub_Formmail form .inputBox .inputValueWrap input
{ font-size : inherit; padding : 0.7em 0; border : none; outline : none;
width : 60%; flex-grow : 1; font-family : "SCDream"; background : none;}
#sub_Formmail form .inputBox .inputValueWrap select
{ width : 100%; height : 100%; border : none; outline : none;
background : none; font-family : "SCDream"; padding : 0.7em 0; min-height : 35px;}
#sub_Formmail form .inputBox .inputValueWrap textarea
{ font-size : inherit; padding : 1em 0; border : none; outline : none;
width : 60%; flex-grow : 1; font-family : "SCDream"; height : min(55vw,250px);}
#sub_Formmail form .inputBox.personal
{ margin : 1em 0 1.2em;}
#sub_Formmail form .inputBox.personal .inputValueWrap
{ border : none; padding : 0; width : auto; line-height : 1em;
cursor : pointer; white-space : nowrap; background : none;}
#sub_Formmail form .inputBox.personal .inputValueWrap input
{ flex-grow : unset; margin : 0; margin-right : 0.5em; width : auto;}
#sub_Formmail form .inputBox.personal #personalInfoBtn
{ font-size : 14px; background : #777; color : #fff; padding : 0.2em 1em;
margin-left : 0.5em; cursor : pointer; transition : .2s; white-space : nowrap;}
#sub_Formmail form .inputBox.personal #personalInfoBtn:hover
{ background : #333; transition : .2s;}
#sub_Formmail form .inputBox .inputValueWrap #submit
{ font-size : 18px; font-weight : 500; font-family : "SCDream"; padding : 0.5em 1em;
cursor : pointer; background : #584727; color : #fff; transition : .2s;}
#sub_Formmail form .inputBox .inputValueWrap .arrow
{ width : 5em; height : 2px; background : #555; position : relative;
transition : .2s;}
#sub_Formmail form .inputBox .inputValueWrap .arrow::after
{ content : ""; width : 2px; height : 1.5em; background : #555;
position : absolute; bottom : 0.1em; right : 0; transform : rotate(-45deg);
transform-origin : right bottom;}
#sub_Formmail form .inputBox .inputValueWrap.btn:hover .arrow
{ margin-left : 1em; transition : .2s;}
#sub_Formmail #personalBack
{ width : 100vw; height : 100vh; position : fixed; top : 0;
left : 0; background : #0000008a; z-index : 50; opacity : 0;
transition : .2s; pointer-events : none; }
#sub_Formmail #personalBack.on
{ opacity : 1; pointer-events : auto; transition : .2s;}
#sub_Formmail #personalInfoTextWrap
{ width : 90vw; height : 60vh; display : flex; justify-content : center;
position : fixed; top : 55%; left : 50%; transform : translate(-50%,-50%);
flex-direction : column; z-index : 51; opacity : 0; transition : .2s;
pointer-events : none; max-width : 1200px;}
#sub_Formmail #personalInfoTextWrap.on
{ opacity : 1; pointer-events : auto; transition : .2s;}
#sub_Formmail #personalInfoTextWrap .textWrap
{ background : #fff; font-size : 12px; overflow : auto; width : 100%;
height : 100%; padding : 1.5em 1em;}
#sub_Formmail #personalInfoTextWrap .textWrap p
{ font-size : inherit; line-height : 1.4em; word-break : keep-all;}
#sub_Formmail #personalInfoTextWrap .textWrap p.text
{ font-size : 1.1em; font-weight : 500; margin-bottom : 1em;}
#sub_Formmail #personalInfoTextWrap .textWrap p.tit
{ font-size : inherit; font-weight : 500; margin-bottom : 0.3em; margin-top : 1em;}
#sub_Formmail #personalInfoTextWrap .textWrap p.subText
{ font-size : inherit; padding-left : 1em;}
#sub_Formmail #personalInfoTextWrap .closeBtn
{ width : 100%; display : flex; justify-content : space-between; color : #fff;
background : #000; align-items : center; padding : 1em 0.5em; position : relative;
}
#sub_Formmail #personalInfoTextWrap .closeBtn span
{ font-size : 16px; flex-grow : 1; text-align : center; }
#sub_Formmail #personalInfoTextWrap .closeBtn svg
{ font-size : 20px; position : absolute; top : -1.2em; right : 0.2em;
cursor : pointer;}
#estimateList
{ width : 100%; height : auto; display : flex; flex-direction : column;
align-items : center; font-size : min(1.3vw,18px); font-family : "SCDream"; margin-bottom : 3em;}
#estimateList .listHeadWrap
{ width : 95%; height : auto; display : flex; align-items : center;
max-width : 1200px; border-top : 3px solid #333; border-bottom : 1px solid #ddd; }
#estimateList .listHeadWrap
{ color : #555; padding : 0.7em 0; font-weight : 500; text-align : center;
}
#estimateList .listValueWrap
{ width : 95%; height : auto; display : flex; align-items : center;
max-width : 1200px; flex-direction : column; }
#estimateList .listValueWrap .listValue
{ width : 100%; height : auto; display : flex; transition : .2s;
border-bottom : 1px solid #ddd;}
#estimateList .listValueWrap .listValue:hover
{ background : #f7f7f7; transition : .2s;}
#estimateList .listValueWrap .listValue p
{ color : #777; text-align : center; padding : 0.8em 0; display : flex;
align-items : center; justify-content : center; font-size : 0.95em;}
#estimateList .listHeadWrap p:nth-child(1),
#estimateList .listValueWrap .listValue p:nth-child(1)
{ width : 13%;}
#estimateList .listHeadWrap p:nth-child(2),
#estimateList .listValueWrap .listValue p:nth-child(2)
{ width : 20%;}
#estimateList .listHeadWrap p:nth-child(3),
#estimateList .listValueWrap .listValue p:nth-child(3)
{ width : 27%;}
#estimateList .listHeadWrap p:nth-child(4),
#estimateList .listValueWrap .listValue p:nth-child(4)
{ width : 25%;}
#estimateList .listHeadWrap p:nth-child(5),
#estimateList .listValueWrap .listValue p:nth-child(5)
{ width : 15%;}
#estimateList .listValueWrap .listValue p:nth-child(5) .wait
{ background : #ddd; color : #6d6c6c; padding : 0.3em 0; width : 70%;
border-radius : 7px; display : inline-block;}
#estimateList .listValueWrap .listValue p:nth-child(5) .ing
{ background : #4abfed; color : #fff; padding : 0.3em 0; width : 70%;
border-radius : 7px; display : inline-block;}
#estimateList .listValueWrap .listValue p:nth-child(5) .finish
{ background : #584727; color : #fff; padding : 0.3em 0; width : 70%;
border-radius : 7px; display : inline-block;}
#estimateList .poster_performance_schWrap
{ width : 95%; height : auto; display : flex; max-width : 1200px;
justify-content : flex-end; margin-bottom : 0.5em;}
#estimateList .poster_performance_schWrap #poster_performance_sch
{ width : 100%; display : flex; justify-content : flex-end;}
#estimateList .poster_performance_schWrap form
{ width : 100%; display : flex; justify-content : flex-end;}
#estimateList .poster_performance_schWrap form input#stx
{ width : 40%; max-width : 200px; border : 1px solid #ddd; outline : none;
border-radius : 7px; margin : 0 0.5em; font-size : max(12px,0.9em);}
#estimateList .poster_performance_schWrap form .poster_performance_SubmitWrap
{ width : 10%; max-width : 4em; font-size : inherit; color : #fff;
background : #584727; border-radius : 7px; outline : none; font-size : max(12px,0.85em);
border : none;}
@media(max-width : 1024px){
/* A A A : A : A : A : */
#sub_Formmail { font-size : 16px; padding : 0 2em;}
#sub_Formmail .titWrap
{ font-size : min(2.2vw,17px); margin : 3em 0 2.5em;}
#sub_Formmail form .inputWrap
{ width : 100%; }
#sub_Formmail form .inputBox
{ width : 48%;}
#sub_Formmail form .inputBox .inputTit
{ width : 6.5em;}
#sub_Formmail form .inputBox .inputValueWrap
{ width : calc(100% - 6.5em);}
#sub_Formmail form .inputBox.personal
{ width : 100%; margin : 1.5em 0;}
#sub_Formmail form .inputBox.personal .inputTit
{ display : none;}
#sub_Formmail form .inputBox .inputValueWrap #submit
{ font-size : 16px;}
#estimateList
{ font-size : min(2vw,17px); margin-top : 3em;}
}
@media(max-width : 768px){
#sub_Formmail form
{ justify-content : center;}
#sub_Formmail form .inputWrap
{ flex-direction : column; max-width : 600px; align-items : center;}
#sub_Formmail form .inputBox
{ width : 100%;}
#sub_Formmail form .inputBox .inputValueWrap
{ flex-grow : 1;}
#sub_Formmail form .inputBox.personal
{ max-width : 600px;}
#sub_Formmail form .inputBox.personal .inputValueWrap
{ flex-grow : unset;}
#sub_Formmail form .inputBox .inputValueWrap.btn
{ flex-grow : unset;}
}
@media(max-width : 640px){
#sub_Formmail { font-size : 14px; }
#sub_Formmail .titWrap
{ font-size : min(3.5vw,16px);}
#sub_Formmail form .mapWrap
{ aspect-ratio : 1 / 1; max-height : unset;}
#sub_Formmail form .inputBox
{ flex-direction : column; align-items : flex-start;}
#sub_Formmail form .inputBox .inputTit
{ margin-bottom : 0.7em;}
#sub_Formmail form .inputBox .inputValueWrap
{ width : 100%;}
#sub_Formmail form .inputBox.btn
{ flex-direction : row;}
#sub_Formmail form .inputBox .inputValueWrap.btn
{ width : auto; border-radius : 7px; background : none;
align-items : center;}
#sub_Formmail form .inputBox.btn .inputTit
{ display : none;}
#sub_Formmail form .inputBox.personal
{ flex-direction : row; justify-content : flex-start; align-items : center;
margin : 1.5em 0 2em; font-size : 12px;}
#sub_Formmail form .inputBox.personal .inputValueWrap
{ font-size : inherit;}
#sub_Formmail form .inputBox.personal #personalInfoBtn
{ font-size : inherit;}
#sub_Formmail form .inputBox.personal .inputTit
{ display : none;}
#estimateList
{ font-size : min(3.5vw,16px);}
#estimateList .listHeadWrap p:nth-child(1),
#estimateList .listValueWrap .listValue p:nth-child(1)
{ display : none;}
#estimateList .listHeadWrap p:nth-child(2),
#estimateList .listValueWrap .listValue p:nth-child(2)
{ width : 25%;}
#estimateList .listHeadWrap p:nth-child(3),
#estimateList .listValueWrap .listValue p:nth-child(3)
{ width : 27%;}
#estimateList .listHeadWrap p:nth-child(4),
#estimateList .listValueWrap .listValue p:nth-child(4)
{ width : 23%;}
#estimateList .listHeadWrap p:nth-child(5),
#estimateList .listValueWrap .listValue p:nth-child(5)
{ width : 25%;}
#estimateList .poster_performance_schWrap form .poster_performance_SubmitWrap
{ width : 15%;}
.select-box a
{ font-size : 12px;}
}
@media(max-width : 370px) {
#sub_Formmail form .inputBox.personal
{ flex-direction : column; margin : 1em 0 1.2em;}
#sub_Formmail form .inputBox.personal #personalInfoBtn
{ margin : 0; margin-top : 0.5em;}
}
@media(max-width : 374px) {
#sub_Formmail .titWrap
{ margin-bottom : 1.5em; font-size : 14px;}
#sub_Formmail .titWrap .titBox
{ font-size : 1.4em; margin-left : 0.6em;}
#estimateList
{ font-size : 14px;}
#estimateList .listHeadWrap p:nth-child(1),
#estimateList .listValueWrap .listValue p:nth-child(1)
{ display : none;}
#estimateList .listHeadWrap p:nth-child(2),
#estimateList .listValueWrap .listValue p:nth-child(2)
{ width : 30%;}
#estimateList .listHeadWrap p:nth-child(3),
#estimateList .listValueWrap .listValue p:nth-child(3)
{ width : 37%; word-break : keep-all;}
#estimateList .listHeadWrap p:nth-child(4),
#estimateList .listValueWrap .listValue p:nth-child(4)
{ display : none;}
#estimateList .listHeadWrap p:nth-child(5),
#estimateList .listValueWrap .listValue p:nth-child(5)
{ width : 33%;}
}
/* viewWrap */
#estimateViewWrap
{ width : 100%; display : flex; justify-content : center; font-size : min(1.3vw,18px);
font-family : "SCDream"; margin-top : 2em;}
#estimateViewWrap .viewWrap
{ width : 95%; display : flex; flex-wrap : wrap; max-width : 1200px;
justify-content : space-between;}
#estimateViewWrap .viewWrap .infoWrap
{ width : 100%; height : auto; display : flex; align-items : center;
border : 1px solid #ddd; border-bottom : none;}
#estimateViewWrap .viewWrap .infoWrap.right
{ border-right : none;}
#estimateViewWrap .viewWrap .infoWrap.content
{ align-items : stretch; border-bottom : 1px solid #ddd}
#estimateViewWrap .viewWrap .infoWrap.half
{ width : 50%;}
#estimateViewWrap .viewWrap .infoWrap .tit
{ width : 8em; color : #333; background : #f7f7f7; padding : 0.7em 0;
font-weight : 500; padding-left : 1em;}
#estimateViewWrap .viewWrap .infoWrap .valueWrap
{ width : calc(100% - 8em); padding-left : 1em;}
#estimateViewWrap .viewWrap .infoWrap.content .valueWrap
{ min-height : 300px; padding : 0.7em 1em;}
#estimateViewWrap .viewWrap .infoWrap .valueWrap p
{ color : #555;}
#estimateViewWrap #bo_v_top
{ width : 100%; display : flex; justify-content : center; margin-top : 1em;}
#estimateViewWrap #bo_v_top a
{ padding : 0.5em 1em; color : #fff; transition : .2s;
font-size : max(13px,0.8em);}
#estimateViewWrap #bo_v_top a:first-child
{ background : #333; color : #fff; margin-right : 0.5em;}
#estimateViewWrap #bo_v_top a:last-child
{ background : #cd0909; color : #fff;}
/* 답변 */
#estimateViewWrap .viewWrap .infoWrap.state
{ border-top : none; border-bottom : 1px solid #ddd;}
#estimateViewWrap .viewWrap .infoWrap.state .valueWrap form
{ width : 100%; display : flex; align-items : center;}
#estimateViewWrap .viewWrap .infoWrap.state .valueWrap select
{ width : 10em; height : auto; outline : none; padding : 0.5em 0.1em;
margin : 0 0.5em;}
#estimateViewWrap .viewWrap .infoWrap.state .valueWrap #stateSubmit
{ outline : none; font-family : "SCDream"; color : #fff; padding : 0.5em 0.1em;
background : #584727; border : none; width : 7em; cursor : pointer;
transition : .2s;}
#estimateViewWrap .viewWrap .infoWrap.state .valueWrap #stateSubmit:hover
{ background : #6d5c3c; transition : .2s;}
#estimateViewWrap .viewWrap .comentTit
{ margin : 1em 0 0.5em;}
#estimateViewWrap .viewWrap .infoWrap.comment
{ align-items : stretch;}
#estimateViewWrap .viewWrap .infoWrap.comment .valueWrap
{ display : flex; flex-wrap : wrap; padding : 0.7em 1em;}
#estimateViewWrap .viewWrap .infoWrap.comment .valueWrap .comment
{ width : 100%; height : auto; margin-bottom : 0.5em;}
#estimateViewWrap .viewWrap .infoWrap.comment .valueWrap .cmtBotWrap
{ width : 100%; display : flex; flex-wrap : wrap;}
#estimateViewWrap .viewWrap .infoWrap.comment .valueWrap .cmtBotWrap p
{ font-size : 12px; color : #333;}
#estimateViewWrap .viewWrap .infoWrap.comment .valueWrap .btnsWrap
{ width : 100%; height : auto; display : flex; align-items : center;
justify-content : flex-end;}
#estimateViewWrap .viewWrap .infoWrap.comment .valueWrap .btnsWrap a
{ font-size : 13px; display : block;}
#estimateViewWrap .viewWrap .infoWrap.comment .valueWrap .btnsWrap a:first-child
{ color : blue; margin-right : 0.5em;}
#estimateViewWrap .viewWrap .infoWrap.comment .valueWrap .btnsWrap a:last-child
{ color : red; }
#estimateViewWrap #bo_vc_w,
#estimateViewWrap #bo_vc,
#estimateViewWrap .bo_vc_w
{ width : 100%;}
#estimateViewWrap .viewWrap .infoWrap.regist
{ align-items : stretch; border-bottom : 1px solid #ddd; border-top : none;}
#estimateViewWrap .viewWrap .infoWrap.regist.none
{ display : none;}
#estimateViewWrap .viewWrap .infoWrap.regist .valueWrap
{ flex-direction : column; display : flex; padding : 0.7em 1em;}
#estimateViewWrap .viewWrap .infoWrap.regist .valueWrap .btn_confirm input
{ outline : none; font-family : "SCDream"; color : #fff; padding : 0.5em 0.1em;
background : #584727; border : none; width : 7em; cursor : pointer;
transition : .2s; margin-top : 0.3em;}
#estimateViewWrap .viewWrap .infoWrap.regist .valueWrap .btn_confirm input:hover
{ background : #6d5c3c; transition : .2s;}
#estimateViewWrap #bo_vc .infoWrap:first-child
{ border-top : none;}
#estimateViewWrap #bo_vc .infoWrap:last-child
{ border-bottom : 1px solid #ddd;}
#estimateViewWrap #fviewcomment
{ width : 100%; display : flex; flex-direction : column;}
#estimateViewWrap #fviewcomment .btn_confirm
{ display : flex; justify-content : flex-end;}
#estimateViewWrap #fviewcomment .btn_confirm input
{ outline : none; font-family : "SCDream"; color : #fff; padding : 0.5em 0.1em;
background : #584727; border : none; width : 7em; cursor : pointer;
transition : .2s; margin-top : 0.3em;}
#estimateViewWrap #fviewcomment .btn_confirm input:hover
{ background : #6d5c3c; transition : .2s;}
@media(max-width:1024px){
#estimateViewWrap
{ font-size : min(2.2vw,17px);}
#estimateViewWrap p
{ font-size : 0.9em;}
}
@media(max-width:768px){
#estimateViewWrap .viewWrap
{ flex-direction : column;}
#estimateViewWrap .viewWrap .infoWrap.half
{ width : 100%;}
#estimateViewWrap .viewWrap .infoWrap.right
{ border-right : 1px solid #ddd;}
#estimateViewWrap p
{ font-size : inherit;}
}
@media(max-width : 640px){
#estimateViewWrap
{ font-size : min(3.5vw,16px);}
#estimateViewWrap .viewWrap .infoWrap
{ flex-direction : column;}
#estimateViewWrap .viewWrap .infoWrap .tit,
#estimateViewWrap .viewWrap .infoWrap .valueWrap
{ width : 100%; padding : 0.5em 1em;}
#estimateViewWrap .viewWrap .infoWrap .valueWrap
{ padding : 0.8em 1em;}
#estimateViewWrap .viewWrap .infoWrap.content .valueWrap
{ min-height : 200px;}
}
@media(max-width : 340px){
#estimateViewWrap
{ font-size : 12px;}
}
/* 페이징 */
.pagingCSS .pg_wrap
{ font-size : clamp(14px,2vw,18px); margin-top :5em; display : flex; justify-content : center;}
.pagingCSS .sound_only
{ display : none;}
.pagingCSS .pg_wrap .pg
{ display : flex; align-items : center;}
.pagingCSS .pg_wrap .pg .pg_page
{ font-size : inherit; width : 2.2em; height : 2.2em; border : 1px solid #c0c0c1;
display : flex; align-items : center; justify-content : center; color : #595757; background : #fff;
margin : 0 0.3em;}
.pagingCSS .pg_wrap .pg .pg_page.pg_current
{ background : #584727; border : 1px solid #584727; color : #fff;}
.pagingCSS .pg_wrap .pg .pg_page.pg_arrow
{ border : none; color : #abacac; width : auto; height : auto; font-size : 1.5em;
margin : 0; background : none;}
.pagingCSS .pg_wrap .pg .pg_page.pg_arrow.pg_start,
.pagingCSS .pg_wrap .pg .pg_page.pg_arrow.pg_prev
{ margin-right : 0.5em;}
.pagingCSS .pg_wrap .pg .pg_page.pg_arrow.pg_end,
.pagingCSS .pg_wrap .pg .pg_page.pg_arrow.pg_next
{ margin-left : 0.5em;}
@media (max-width : 640px){
.pagingCSS .pg_wrap
{ font-size : 13px; margin-top : 4em;}
}