/**
* Template Name: Frandeer - v1.0.0
* License: frandear
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css);
@import url(https://cdn.jsdelivr.net/npm/noto-sans-kr@0.1.1/styles.min.css);

* {margin:0;padding:0;box-sizing:border-box}
html {font-size:62.5%;}
html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,
caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;border:0 none}
body{width:100%; background:#fff;-webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;min-width:280px;height:100%}
body,input,select,textarea,button {border:none;font-size:17px;font-family: 'NanumSquare','Noto Sans KR','Malgun Gothic','Dotum','Gulim','Tahoma','Verdana',sans-serif;color:#777;font-weight:500; }
input {font-family: 'NanumSquare','Noto Sans KR','Malgun Gothic','Dotum','Gulim','Tahoma','Verdana',sans-serif}
header, h1 {font-size:100%}
html, body {height:100%}
main,header,section,nav,footer,aside,article,figure{display:block}
div, p, span, li, table td {word-break:keep-all}
caption,legend {overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
img {border:none;vertical-align:top;/*width:100%;*/ }
select, input {vertical-align:middle}
hr {display:none;border:0 none}
ol, ul, ul li{list-style:none}
address,cite,code,em{font-style:normal;font-weight:normal}
label{cursor:pointer}
button{border:0;outline:0;cursor:pointer}
textarea:focus, button:focus, input:focus{outline:none}


/* clear */
.clear{clear:both} /* 정렬 초기화 */

/* link */
a{color:#555;text-decoration:none} /*링크 기본*/
a:link, a:visited {text-decoration:none}
/* a:hover, a:active, a:focus {text-decoration:underline} */

/* table */
table {width:100%;border-collapse:collapse} /*테이블 기본*/
table, th, td {border:0px;border-spacing:0;border-style:none}

/* float */
.fl{float:left} /* Flot 왼쪽정렬*/
.fr{float:right} /* Flot 오른쪽정렬*/

/* text-align */
.txtr{text-align:right !important} /*텍스트 오른쪽정렬*/
.txtl{text-align:left !important}  /*텍스트 왼쪽정렬*/
.txtc{text-align:center !important} /*텍스트 가운데정렬*/

/* hidden */
.hidden,.hide,.blind {overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} /*폰트, 타이틀 감추기 */

.material-icons {
    font-family: 'NanumSquare', 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
  
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
  
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
  
    /* Support for IE. */
    font-feature-settings: 'liga';
  }



.fix_pos{width: 885px;}
.fix_pos.on{position: fixed; top: 50px;}
.fix_pos.on.fin{position: absolute; left: 0; bottom: 0; top: auto; }
.estimate_form{display: flex; justify-content:space-between; }
.estimate_form .left{position: relative; width: 885px; }
.estimate_form .left .big_img{width: 100%; }
.estimate_form .left .big_img ul li .img_area{position: relative; width: 100%;padding-bottom: 61.01%;}
.estimate_form .left .big_img ul li .img_area img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto}
.estimate_form .left .small_img{margin-top: 20px;}
.estimate_form .left .small_img ul{display: flex; font-size: 0;}
.estimate_form .left .small_img ul li{width: 11.52%; margin-right: 1.12%; cursor: pointer; opacity:0.6;}
.estimate_form .left .small_img ul li.on{opacity:1;}
.estimate_form .left .small_img ul li:nth-child(8n){margin-right: 0;}
.estimate_form .left .small_img ul li .img_area{position: relative; width: 100%;padding-bottom: 61.01%;}
.estimate_form .left .small_img ul li .img_area img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto;}
.estimate_form .right{width: 465px; }

.estimate_tit h5{line-height: 1; font-size: 40px; font-weight: 700; color:#222; font-weight: 700; }
.estimate_tit span{displaY: block; line-height: 1; font-size: 15px; font-weight: 500; color:#555; margin-top: 20px;}
.estimate_tit .link{display: flex; font-size: 0; margin-top: 10px;}
.estimate_tit .link p{width: calc(100% - 130px); height: 30px; line-height: 30px; color:#555; text-align: center; font-size: 15px; font-weight: 700; background-color:#facccf;}
.estimate_tit .link a{display: block; width:130px; height: 30px; line-height: 30px; color:#fff; background-color:#e30413; text-align: center; font-size: 15px; font-weight: 700;}

.estimate_con{position: relative; margin-top: 30px;}
.estimate_con.mt{margin-top: 15px;}
.estimate_con .small_tit{display: block; line-height:1; font-size: 18px; font-weight: 700; color:#222;  }
.estimate_con .small_tit span{position: relative; padding-right: 27px; cursor: pointer }
.estimate_con .small_tit span b{font-weight: 400; font-size: 15px; color:#555}
.estimate_con .small_tit.mb{margin-bottom: 20px;}
.estimate_con .small_tit02{display: block; line-height:1; font-size: 15px; font-weight: 500; color:#222; }
.estimate_con .small_tit02 span{position: relative; padding-right: 27px; cursor: pointer }
.estimate_con .small_tit02 i.red{color:#e30413; font-style: normal;}
.estimate_con .small_tit02 i.blue{color:#006cb6;  font-style: normal;}
.estimate_con .hover_tit span:after{content:''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width: 18px; height: 18px; background:url(/images/main/sub02_icon.png)center no-repeat; background-size:100% 100%;}
.estimate_con .hover_tit span:hover:after{background:url(/images/main/sub02_icon_on.png)center no-repeat; background-size:100% 100%;}
.estimate_con ul.click_tab{position: relative; display: flex; flex-wrap: wrap; font-size: 0; margin-top: 10px;}
/* .estimate_con ul.click_tab:after{content: ''; position: absolute; width: 1px; height: 100%; background-color:#ddd; right: 0; top: 0; z-index:10;}
.estimate_con ul.click_tab:before{content: ''; position: absolute; width: 100%; height: 1px; background-color:#ddd; left: 0; bottom: 0; z-index:10; } */
.estimate_con ul.click_tab li{width: 33.33%; height:30px;border: 1px solid #ddd; border-left: none; /* border-bottom:none; */ border-top: none;}
.estimate_con ul.click_tab li:nth-child(-n + 3){border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.estimate_con ul.click_tab li:nth-child(3n + 1){ border-left: 1px solid #ddd;}
/* .estimate_con ul.click_tab li:nth-child(3n){border-right:none;} */
.estimate_con ul.click_tab li label{display: block; width: 100%; height: 100%; cursor: pointer; }
.estimate_con ul.click_tab li input[type="radio"]{display: none; }
/*.estimate_con ul.click_tab li input[type="radio"] + span {position: relative; display: block; text-align: center; font-size: 15px; color:#555555;height:100%; font-weight:500; line-height: 30px; background: #fff;}*/
.estimate_con ul.click_tab li input[type="radio"] + span {position: relative; display: block; text-align: center; font-size: 15px; color:#555555;height:100%; font-weight:500; line-height: 30px;background: #fff;}
.estimate_con ul.click_tab li input[type="radio"]:checked + span{color:#ffffff;background-color:#8db4db;}
.estimate_con ul.click_tab li input[type="radio"]:checked + span:after {content:''; position: absolute; left: -1px; top: -1px; width: calc(100% + 1px); height: calc(100% + 1px); border: 1px solid #222222; z-index:20;}
.estimate_con ul.click_tab li:nth-child(-n + 3) input[type="radio"]:checked + span:after {height: calc(100% + 2px);}

.estimate_con ul.size_input{display: flex; margin-top: 10px; font-size: 0;;}
.estimate_con ul.size_input li{position: relative; width: 33.33%; height:30px; border: 1px solid #ddd; border-right: none; }
.estimate_con ul.size_input li:last-child{border-right: 1px solid #ddd;}
.estimate_con ul.size_input li input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; padding-right: 40px; padding-left: 10px;}
.estimate_con ul.size_input li span{position: absolute; right: 0; top: 0; line-height: 28px; font-size: 15px; font-weight: 500; color:#555; padding-right: 10px;}

.estimate_con03{display: flex; justify-content: space-between; font-size: 0; }
.estimate_con03 .estimate_con_left{width: 64.5%; }
.estimate_con03 .estimate_con_right{width: 35.5%; padding-left: 10px; }
.estimate_con03 input{width: 100%; height: 30px; border: 1px solid #ddd; padding: 0 10px; margin-top: 10px;}
.estimate_con03 .estimate_con_right input{border: 1px solid #eee}
.estimate_con03 .estimate_con_right em.small_tit{color:#999;}
.estimate_con03 .estimate_con_right input::placeholer{color: #999; font-size: 15px; font-weight:500;}
.estimate_con03 .estimate_con_right input::-webkit-input-placeholder {color: #999; font-size: 15px; font-weight:500;}
.estimate_con03 .estimate_con_right input:-ms-input-placeholder {color: #999; font-size: 15px; font-weight:500;}

.estimate_con06 select{width: 100%; height: 30px; border: 1px solid #ddd; padding-left: 10px; margin-top: 10px; background:url(/images/main/sub02_arrow.png)center right 10px no-repeat; background-size: 11px 9px; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
.estimate_con06 select::-ms-expand {display: none;}

.estimate_con07 ul.estimate_rad{display: flex; margin-top: 20px; font-size: 0;}
.estimate_con07 ul.estimate_rad li{width: 21.5%; margin-right: 4.66%;}
.estimate_con07 ul.estimate_rad li:last-child{margin-right: 0;}
.estimate_con07 ul.estimate_rad li em{display: block; line-height:1; font-size: 18px; font-weight: 700; color:#555; margin-bottom: 10px;}
.estimate_con07 ul.estimate_rad li em span{position: relative; padding-right: 27px; cursor: pointer;}
.estimate_con07 ul.estimate_rad li em span:after{content:''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; width: 18px; height: 18px; background:url(/images/main/sub02_icon.png)center no-repeat; background-size:100% 100%;}
.estimate_con07 ul.estimate_rad li em span:hover:after{background:url(/images/main/sub02_icon_on.png)center no-repeat; background-size:100% 100%;}
.estimate_con07 ul.estimate_rad li label{position: relative; display: block; width: 100%; cursor: pointer;}
.estimate_con07 ul.estimate_rad li input[type="radio"]{display: none; }
.estimate_con07 ul.estimate_rad li input[type="radio"] + span {position: relative; display: block; text-align: center; font-size: 15px; color:#555555;height:100%; font-weight:500; line-height: 38px; border: 1px solid #ddd;}
.estimate_con07 ul.estimate_rad li input[type="radio"]:checked + span{color:#fff;transition: 0.3s;}
.estimate_con07 ul.estimate_rad li label:last-child input[type="radio"] + span:after{content:''; position: absolute; left:0; top: calc(-100% - 1px); width:100%; outline: 0; height: 100%; background-color:#8db4db;  z-index:-1; transition: 0.3s;}
.estimate_con07 ul.estimate_rad li label:last-child input[type="radio"]:checked + span:after { left: 0; top: 0; }
.estimate_con07 ul.estimate_rad li label:first-child span{border-bottom:none; }
.estimate_con07 ul.estimate_rad li label:last-child span{border-top:none; }

.estimate_con08 .file_wrap{display: flex; justify-content: space-between; font-size: 0;  margin-top: 10px;}
.estimate_con08 .file_form{position: relative; width: calc(100% - 165px); height: 31px; border: 1px solid #ddd;}
.estimate_con08 .file_form label{position: absolute; display:block; width: 70px; height: 25px; text-align: center; line-height: 25px; background-color:#ddd; font-size: 13px; color:#222; font-weight: 500; border-radius: 3px; right: 2px; top: 0; bottom: 0; margin: auto 0;  z-index:10;}
.estimate_con08 .file_form .upload-name{position: absolute; display: block; left: 0; top: 0; font-size: 12px; color: #777;line-height: 29px;width: 100%; height: 100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; border: none; padding: 0 10px; background-color:#FFF;}
.estimate_con08 .file_form .hide_input { position: absolute; display: none;  width: 1px; height: 1px; padding: 0; margin: -1px;overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.estimate_con08 .file_wrap .file_max{display: block; width: 155px; height: 31px; text-align: center; line-height: 31px; font-size: 13px; color:#fff; font-weight: 500; background-color:#898989;}

.estimate_con09{padding: 30px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.estimate_con09 .price{font-size: 0; text-align:right; margin-top: 7px;}
.estimate_con09 .price span{display: inline-block; line-height: 1; vertical-align: bottom; font-size: 18px; color:#777; margin-right: 20px;}
.estimate_con09 .price b{display: inline-block; line-height: 1; vertical-align: bottom; font-size: 35px; color:#e30413; margin-right: 10px;}
.estimate_con09 .price em{display: inline-block; line-height: 1; vertical-align: bottom; font-size: 15px; color:#e30413;}
.estimate_form .right .submit{display: block; width: 100%; height: 60px; text-align: center; line-height: 60px; color:#fff; font-size: 18px; font-weight: 700; margin-top: 20px; background-color:#006cb6;}

.estimate_wrap .hover_pop_pc{position: absolute; left: -255px; top: 0; width: 245px; border: 1px solid #ddd; padding: 10px; z-index: 500; background-color:#FFF; box-shadow: rgba(0,0,0,0.1) 6px 6px 6px; visibility:hidden; opacity:0; transition: 0.3s;}
.estimate_wrap .hover_pop_pc.on{visibility:visible; opacity: 1;}
.estimate_wrap .hover_pop_pc .img_area{position: relative; width: 100%; padding-bottom: 68.3%;}
.estimate_wrap .hover_pop_pc .img_area img{position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%;}
.estimate_wrap .hover_pop_pc em{display: block; line-height: 1; font-size: 18px; font-weight: 700; color:#222; margin-top: 15px;}
.estimate_wrap .hover_pop_pc p{font-size: 15px; color:#555; line-height: 24px; margin-top: 8px;}
.estimate_wrap .hover_pop_pc span{display: block; line-height: 1; color:#777; font-size: 15px; margin-top:25px;}
.estimate_wrap .other .hover_pop_pc{top: 40px;}
.estimate_wrap .estimate_con07 .hover_pop_pc{top: 40px;}
.estimate_wrap .click_pop_wrap_pc .click_pop{position: absolute; left: -255px; top: 30px; width: 245px; border: 1px solid #ddd; padding: 10px; z-index: 500; background-color:#FFF; box-shadow: rgba(0,0,0,0.1) 6px 6px 6px; visibility:hidden; opacity:0; transition: 0.3s;}
.estimate_wrap .click_pop_wrap_pc .click_pop.on{visibility:visible; opacity: 1;}
.estimate_wrap .click_pop_wrap_pc .click_pop .img_area{position: relative; width: 100%; padding-bottom: 68.3%;}
.estimate_wrap .click_pop_wrap_pc .click_pop .img_area img{position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%;}
.estimate_wrap .click_pop_wrap_pc .click_pop em{display: block; line-height: 1; font-size: 18px; font-weight: 700; color:#222; margin-top: 15px;}
.estimate_wrap .click_pop_wrap_pc .click_pop p{font-size: 15px; color:#555; line-height: 24px; margin-top: 8px;}
.estimate_wrap .click_pop_wrap_pc .click_pop span{display: block; line-height: 1; color:#777; font-size: 15px; margin-top:25px;}

.estimate_wrap .edit_wrap{margin-top: 85px;}
.estimate_wrap .adit_area{min-height: 300px; }
.estimate_wrap .click_pop_tab{display: none;}
.estimate_wrap .hover_pop_tab{display: none;}
 
 

//개인정보보호
.member_guide_wrap{}
.member_guide_wrap > p{font-size:13px; color:#666666; text-indent:10px;}
h3.member_guide_tit{ color:#222222; margin-bottom:15px; }
h4.member_guide_tit{f color:#333333; margin-top:30px; }
.guide_type1{padding-left:10px; margin-top:5px; }
.guide_type1 > li{margin-bottom:5px;  font-size:13px; color:#666666;}
.guide_type2{padding-left:15px; margin-top:5px; }
.guide_type2 > li{margin-bottom:3px;  font-size:13px; color:#666666;}
.guide_type2 > li p{text-indent:10px; }