@charset "utf-8";
/* 견적문의 글쓰기 */
.inquiry-category { display: flex; padding: 66px 0; border-top: 2px solid #2c2c2c;}
.inquiry-category .tt { width: 180px; font-size: var(--font-size18); font-weight: 600; color: #2c2c2c; line-height: 1.55em; }
.inquiry-category .tt span { color: var(--color-primary); }
.inquiry-category .item-fx { display: flex; flex-wrap: wrap; flex: 1 1 auto; min-width: 0; width: 1%; gap: 10px 24px; padding-top: 4px; }
.inquiry { padding-top: 60px; border-top: 1px solid #eee;}
.inquiry .form-wrap { display: flex; flex-wrap: wrap; gap: 40px 20px;}
.inquiry .form-wrap dl { width: calc(100%/2 - 10px); }
.inquiry .form-wrap dl.w100 { width: 100%; }
.inquiry .form-wrap dt { margin-bottom: 20px; line-height: 1.556em; font-size: var(--font-size18); font-weight: 600; color: #2c2c2c; }
.inquiry .form-wrap dt .required { color: var(--color-primary); }
.inquiry .form-wrap dt.fx { display: flex; align-items: flex-end; justify-content: space-between;}
.inquiry .form-wrap dt .right { text-align: right; font-size: 14px; font-weight: 400; line-height: 1.4em; color: #a8a8a8; }
.inquiry .form-wrap dd .input { padding: 20px; background-color: #f6f6f6; border-radius: 8px; height: 60px; border: none; width: 100%; }
.inquiry .form-wrap dd .input::placeholder { color: #a8a8a8; font-weight: 500; }
.inquiry .form-wrap dd select { color: #a8a8a8; }
.inquiry .form-wrap select.input.down { background-position: right 20px center;}
.inquiry .btn-wrap { margin-top: 60px; padding-top: 70px; border-top: 1px solid #eee;}
.inquiry .btn-wrap .check { text-align: center; color: #2c2c2c; font-size: 16px; font-weight: 500; line-height: 1.4em; margin-bottom: 34px; }
.inquiry .btn-wrap .check a { color: #a8a8a8; text-decoration: underline; text-underline-position: under; position: relative; top: -1px; margin-left: 5px; }
.inquiry .btn-wrap .checkbox label:before { background-color: #fff; }
.inquiry .btn-wrap .checkbox input:checked + label:before { background:var(--color-primary) url("/images/bbs/checkbox.png") 50% 50% no-repeat; border-color:var(--color-primary);}
.inquiry .btn-wrap .btn-submit { width: 176px; height: 66px; border-radius: 40px; display: flex; align-items: center; justify-content: center; color: #fff; line-height: 1em; margin: auto; background: var(--color-primary); font-size: var(--font-size18); font-weight: 600; cursor: pointer; border: none; }
.file-upload {display:flex; height:60px; gap: 6px; }
.file-button {display:flex; justify-content:center; align-items:center; height:100%; padding:0 20px; border:0; background:#121212; color:#fff; cursor:pointer; border-radius: 8px; font-weight: 700; line-height: 1em; }
.file-button:hover {background:#2c2c2c;}
.file-name {flex:1 1 auto; min-width:0; width:1%; display:flex; align-items:center; height:100%; padding:0 20px; border:none; border-radius:8px; font-weight: 500; color: #a8a8a8; background: #f6f6f6; }

/* 견적문의 상세 */
.estimate-info { display: flex; flex-wrap: wrap; gap: 6px 24px; margin-top: 16px; }
.estimate-info span { display: inline-block; font-weight: 500; line-height: 1.5em; color: #676767; }
.estimate-info span.date { color: #a8a8a8; font-weight: 400; }
.estimate-info span.complete { color: var(--color-primary);}
.estimate-view { padding: 40px; border-top: 2px solid #2c2c2c; }
.estimate-view h4 { color: #2c2c2c; font-size: var(--font-size20); font-weight: 600; line-height: 1.7em; margin-bottom: 40px;}
.estimate-view.answer { border-top: 1px solid #eee; background: #fafafa; border-bottom: 1px solid #ccc;}
.estimate-view.answer h4 { color: var(--color-primary);}
.estimate-view p { line-height: 1.75em; }
.estimate-btns { margin-top: 20px; display: flex; gap: 6px; justify-content: flex-end;}
.estimate-btns a { display: inline-block; font-size: 15px; color: #676767; font-weight: 500; line-height: 1em; padding: 16px 20px; background: #f4f4f4; }
.estimate-list-btn { border-radius: 50px; border: 2px solid #EEE; line-height: 1em; font-size: var(--font-size18); font-weight: 600; color: #2c2c2c; width: 142px; height: 66px; display: flex; align-items: center; justify-content: center; margin: 70px auto 0;}

/* 카탈로그 */
.catalog { display: flex; flex-wrap: wrap; gap: 60px 20px;}
.catalog .col { width: calc(100%/4 - 15px); }
.catalog .col a { display: block; }
.catalog .col .thumb { position: relative; display: block; overflow: hidden; border-radius: 16px; padding-bottom: 133%; }
.catalog .col .thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.catalog .col .thumb::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 16px; border: 1px solid #eee; }
.catalog .col .abbox { position: absolute; left: 0; bottom: 0; width: 100%; height: 0; align-items: flex-end; justify-content: center; background: linear-gradient(to bottom, rgba(255,255,255,0.24), #fff 100%); transition: .3s; text-align: center; }
.catalog .col .abbox .btn { display: inline-flex; background: #121212; padding: 14px 20px; padding-left: 42px; border-radius: 28px; font-size: 14px; font-weight: 500; line-height: 1em; color: #fff; position: relative; position: absolute; left: 50%; margin: auto; bottom: 32px; transition: .3s; opacity: 0; transform: translateX(-50%);}
.catalog .col .abbox .btn::before { content: ""; position: absolute; left: 20px; top: 0; bottom: 0; margin: auto; width: 11px; height: 16px; background: url(../images/shop/download-btn.png) center no-repeat; background-size: contain; }
.catalog .col .ctr { margin: 16px 0 4px; font-size: 14px; line-height: 1.42em; }
.catalog .col .tt { font-size: var(--font-size20); line-height: 1.5em; color: #2c2c2c; font-weight: 600; margin-bottom: 10px; }
.catalog .col .txt { line-height: 1.5em; color: #878787; }
.catalog .col a:hover .thumb .abbox { opacity: 1; height: 100%; }
.catalog .col a:hover .thumb .abbox .btn { opacity: 1; bottom: 16px; transition-delay: .3s; }

/* 고객센터 */
.notice-tit { font-size: var(--font-size32); font-weight: 600; color: #2c2c2c; line-height: 1.5em; margin: 100px 0 40px; text-align: center; }