@charset "UTF-8";
/* 공통 */
.main-section {background: #f5f5f5; padding: 3rem 0 7rem; box-sizing: border-box; min-height: calc(100vh - 155px);}
.main-section .inner {background: #fff; border-radius: 16px; padding: 3rem; box-sizing: border-box; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.main-section .inner .title-wr { margin-bottom: 1.5rem; }
.main-section .inner .title-wr h2 {font-size: 1.875rem;padding-bottom: 1.5rem;border-bottom: 1px solid #ddd;}
.main-section .inner+.inner {margin-top:2rem}
.ready {font-size:3rem; text-align: center; padding: 8rem; font-weight: 700;}


.flex-100 {display: flex; width: 100%; flex-direction: column; gap: 6px;}
.flex-100 .flex-col {display: flex; gap: 6px; align-items: center;}
.flex-100 label, .flex-50 label, .file-wr label {font-size: 0.875rem; font-weight: 500; color: #555;}
.flex-100 input {flex-grow: 1;}
.flex-50 {display: flex; flex-direction: column; width: calc(50% - 1rem); gap: 6px;}
.flex-30 {display: flex; width: 100%; gap: 6px;}
.flex-30 .flex-col {display: flex; gap: 6px; align-items: center; width: 100%;}
.flex-30 .flex-90 {width: calc(100% - 54px); display: flex; gap:6px}
.flex-30 .flex-col.btn {width: 48px; padding: 0;}
.flex-30 .flex-col.btn svg {width: 24px;}
.flex-30 .flex-col.btn .btn {width: 100%; height: 100%; padding: 0; display: flex; align-items: center; justify-content: center;}
.flex-30 .flex-col.btn .btn.search {width: 48px;}
.flex-col .btn.search {padding:0; display: flex; align-items: center;justify-content: center; padding: 12px; width: 48px;}
.flex-col .btn.search svg {width: 1.5rem; height: 1.5rem;}
.flex-30 input {flex-grow: 1;}

input[type="text"], input[type="date"], textarea {border: 1px solid #999; padding: 12px; border-radius: 8px; outline: none; min-width: 70px; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif;}
input[type="text"]:not(:disabled):hover, input[type="date"]:hover, textarea:hover,
input[type="text"]:not(:disabled):active, input[type="date"]:active, textarea:active,
input[type="text"]:not(:disabled):focus, input[type="date"]:focus, textarea:focus {
  border-color: var(--main-color);
}
textarea {width: 100%; min-height: 160px;}
select {border: 1px solid #999; padding: 12px; border-radius: 8px; outline: none;}
select:hover, select:active, select:focus {border-color: var(--main-color);}
.blue {color: var(--main-color) !important;}
.file-wr {display: flex; flex-direction: column; gap: 6px;}
.file-wr .file svg {width: 1.5rem; height: 1.5rem;}
.file-wr .flex-row {display: flex; align-items: center; gap: 1rem;}
.file-wr .flex-row label {border: 1px solid var(--main-color); padding: 8px 14px; box-sizing: border-box; background: #fff; border-radius: 8px;}
.file-wr .flex-row label .file {display: flex; align-items: center; gap: 8px;}
.file-wr .file-name {font-size:0.875rem; color:#555}

/* Warranty */
.warranty .inner .title-wr { margin-bottom: 1.5rem; border-bottom: 1px solid #ddd; display: flex; align-items: flex-start; justify-content: space-between;}
.warranty .inner .title-wr h2 {font-size: 1.875rem;padding-bottom: 1.5rem; border-bottom: 0;} 
.warranty .cont-wr .item-list .item+.item{ margin-top: 2.5rem;}
.warranty .cont-wr .item-list .item {display: flex; align-items: center; gap: 1.5rem;}
.warranty .cont-wr .item-list .item .label {width: 90px; height: 90px;}
.warranty .cont-wr .item-list .item .label img {max-width: 90px;}
.warranty .cont-wr .item-list .item dl {width: calc(100% - 90px - 1.5rem);}
.warranty .cont-wr .item-list .item dl dt {font-size:1.125rem; font-weight: 700; color: #b12f2f;}
.warranty .cont-wr .item-list .item dl dd {margin-top:.75rem; color: #555;}
.warranty .btn {background-color: #b12f2f; color: #fff; font-weight: 700; padding: 1rem 1.75rem 1rem 2rem; border-radius: 4px;}
.warranty .btn .arrow {width: 1.25rem; height: 1.25rem; transform: translateY(0.25rem) translateX(0.25rem); transition: 0.15s ease;}
.warranty .btn:hover .arrow {transform: translateY(0.25rem) translateX(0.5rem); transition: 0.15s ease;}
.warranty .file-wr {display: flex; justify-content: flex-start; gap: 8px;}
.warranty .file-wr a {font-size: 0.875rem;}