.lcdvl .search-wrap { width: 100%; display: flex; align-items: flex-start; gap: 0.8rem; margin-top: 4rem; } .lcdvl .search-wrap .input-contact-wrap { margin-left: auto; } .lcdvl .search-wrap .input-contact-wrap .input-wrap { width: 42rem; } .lcdvl .search-wrap .input-contact-wrap .contact-wrap { margin-top: 1.2rem; } .lcdvl .search-wrap .input-contact-wrap .contact-wrap > a { display: flex; align-items: center; justify-content: center; height: 5rem; gap: 2.4rem; border-radius: 2.5rem; border: 1px solid rgba(0, 0, 0, 0.15); } .lcdvl .search-wrap .input-contact-wrap .contact-wrap .caption { display: inline-flex; align-items: center; gap: 0.8rem; position: relative; font-size: 1.6rem; font-weight: 500; } .lcdvl .search-wrap .input-contact-wrap .contact-wrap .caption::before { content: ""; display: inline-block; width: 2.5rem; height: 2.5rem; background-image: url("../../../../../../etc.clientlibs/hankooktire/clientlibs/clientlib-base/resources/svg/c_ic_mail_check.svg"); background-size: cover; background-position: center center; background-repeat: no-repeat; } .lcdvl .search-wrap .input-contact-wrap .contact-wrap .mail-address { display: inline-block; position: relative; font-size: 1.6rem; font-weight: 500; color: #EC6608; } .lcdvl .search-wrap .input-contact-wrap .contact-wrap .mail-address::before { content: ""; display: inline-block; width: 1px; height: 1.2rem; background-color: #000; position: absolute; left: -1.2rem; top: 50%; transform: translateY(-50%); } .lcdvl .search-wrap > .input-wrap { margin-left: auto; } .lcdvl .search-wrap > .input-wrap input { width: 26.4rem; } .lcdvl .search-wrap .input-wrap { position: relative; } .lcdvl .search-wrap .input-wrap input { height: 5rem; padding: 1rem 5.2rem 1rem 2rem; border-radius: 26px; background-color: rgba(0, 0, 0, 0.06); position: relative; } .lcdvl .search-wrap .select-box { width: 24rem; } .lcdvl .search-wrap .select-box .btn { font-weight: 400; color: #000; } .lcdvl .table-wrap { width: 100%; overflow-x: auto; margin-top: 2.4rem; } .lcdvl .table-wrap table { width: 100%; border-top: 1px solid black; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .lcdvl .table-wrap table tr { border-bottom: 1px solid rgba(0, 0, 0, 0.15); cursor: pointer; } .lcdvl .table-wrap table tr:hover { background: #00000003; } .lcdvl .table-wrap table tr:first-child { cursor: unset; } .lcdvl .table-wrap table th { padding: 1.4rem 2rem; } .lcdvl .table-wrap table td { padding: 2.2rem 0; } .lcdvl .table-wrap table td.index { text-align: center; } .lcdvl .table-wrap table td.date { text-align: center; } @media all and (max-width: 1024px) { .lcdvl { margin: 0 auto; } .lcdvl .font_body_2 { margin-top: 1.6rem; } .lcdvl .search-wrap .input-wrap input { width: 21.6rem; height: 4.8rem; } .lcdvl .search-wrap .input-contact-wrap { width: 100%; margin-left: 0; } .lcdvl .search-wrap .input-contact-wrap .input-wrap { width: 100%; } .lcdvl .search-wrap .input-contact-wrap .input-wrap input { width: 100%; } .lcdvl .search-wrap .input-contact-wrap .contact-wrap { margin-top: 1.6rem; } .lcdvl .search-wrap .input-contact-wrap .contact-wrap > a { height: 4.8rem; } .lcdvl .search-wrap .select-box .drop-box { top: 6.2rem; } .lcdvl .table-wrap table td { padding: 2.2rem; } .lcdvl .table-wrap table td.date { min-width: 8rem; white-space: nowrap; } .lcdvl .table-wrap table td.title { margin-top: 0; } .lcdvl .table-wrap table td.title span { display: block; max-width: 21rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } @media all and (max-width: 767px) { .lcdvl .search-wrap { gap: 0; flex-wrap: wrap; } .lcdvl .search-wrap .input-wrap { width: 100%; margin-left: 0; margin-top: 1.6rem; } .lcdvl .search-wrap .input-wrap input { width: 100%; } .lcdvl .search-wrap .input-contact-wrap .contact-wrap > a { gap: 1.6rem; } .lcdvl .search-wrap .input-contact-wrap .contact-wrap .caption { gap: 0.4rem; font-size: 1.4rem; } .lcdvl .search-wrap .input-contact-wrap .contact-wrap .mail-address { font-size: 1.4rem; } .lcdvl .search-wrap .input-contact-wrap .contact-wrap .mail-address::before { left: -0.8rem; } .lcdvl .search-wrap .select-box { width: 100%; } .lcdvl .search-wrap .select-box:not(:first-child) { margin-left: 0; margin-top: 1.6rem; } } @media all and (max-width: 380px) { .lcdvl .search-wrap .input-contact-wrap .contact-wrap .caption { font-size: 1.3rem; letter-spacing: -0.03em; } .lcdvl .search-wrap .input-contact-wrap .contact-wrap .mail-address { font-size: 1.3rem; letter-spacing: -0.03em; } } html[dir=rtl] .lcdvl .search-wrap .input-contact-wrap { margin-left: 0; margin-right: auto; } html[dir=rtl] .lcdvl .search-wrap .input-contact-wrap .contact-wrap .mail-address::before { right: -1.2rem; } html[dir=rtl] .lcdvl .search-wrap > .input-wrap { margin-right: auto; } @media all and (max-width: 767px) { html[dir=rtl] .lcdvl .search-wrap .input-contact-wrap .contact-wrap .mail-address::before { right: -0.8rem; } }