@import url("../fonts/NotoSansKR/font.css");
/* bootstrap */
* { line-height: 1; }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin: 0; line-height: 1; font-weight: 700; }

p { margin: 0; }

ol, ul, dl { margin: 0; padding: 0; list-style: none; }

a { color: #666; text-decoration: none; }

a:hover { color: #000; }

figure { margin: 0; }

.row, .row > * { --bs-gutter-x: 2.4rem; }

/* .btn { border-radius: 0; } */
/* common */
html { font-size: 10px; }

body { font-family: "Noto Sans KR", sans-serif; font-size: 1.6rem; color: #666; }

#accessibility a { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 5rem; color: #fff; z-index: 999; background-color: black; }

/* 23.05.24 회원가입 거주지인증관련 css 추가 */
.modal-checkbox { width: 15px; height: 15px; }
/* END */

.wrap { margin: 0 auto; }

.section, .max-inner { max-width: 1520px; margin: 0 auto; }

.header { position: relative; z-index: 9; background-color: #fff; }

.footer { position: relative; z-index: 9; background-color: #fff; }

.layout { position: relative; max-width: 1440px; margin: 0 auto; }

.layout::after { content: ''; display: table; clear: both; }

.layout .sidebar { width: 20%; }

.layout .content { width: 80%; }

.layout.ltr .sidebar, .layout.ltr .content { float: left; }

.layout.rtl .sidebar, .layout.rtl .content { float: right; }

.dim { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }

.dim-5 { z-index: 5; }

.dim-10 { z-index: 10; }

.dim-15 { z-index: 15; }

.truncate-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.truncate-2 { display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.truncate-3 { display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

/* allmenu */
.allmenu .modal-content { border: none; border-radius: 50px; }

.allmenu .modal-dialog { max-width: 1440px; }

.allmenu .modal-header { padding: 2.8rem 6rem; height: 100px; border-bottom-color: #000; }

.allmenu .modal-title { font-size: 2.8rem; font-weight: 500; color: #000; }

.allmenu .btn-close { width: 3.4rem; height: 3.5rem; margin: 0; padding: 0; opacity: 1; background: url("../../resources/images/layout/ico_close.png") no-repeat center/cover; }

.allmenu .modal-body { padding: 0; }

.allmenu .allmenu-dialog { transform: translate(-50%, -50%) !important; }

.allmenu .allmenu-list { padding: 0 6rem; }

.allmenu .allmenu-item { display: flex; align-items: flex-start; padding: 4.5rem 0 2rem; border-bottom: 1px solid #ddd; }

.allmenu .allmenu-depth1 { width: 24.8rem; }

.allmenu .allmenu-depth1-link { font-size: 2.4rem; font-weight: 500; color: #000; }

.allmenu .allmenu-depth2-list { display: flex; align-items: center; flex-wrap: wrap; width: calc(100% - 24rem); }

.allmenu .allmenu-depth2-item { margin-right: 7rem; }

.allmenu .allmenu-depth2-link { font-size: 1.8rem; font-weight: 400; color: #666; margin-bottom: 3rem; display: inline-block; }

.allmenu .allmenu-depth3-list { margin-top: 2rem; }

.allmenu .allmenu-depth3-item { margin-top: 1rem; }

.allmenu .allmenu-depth3-link:hover { font-weight: 500; color: #000; text-decoration: underline; }

.allmenu .allmenu-item:hover .allmenu-depth1-link { color: #839e00; }

.allmenu .allmenu-depth2-link:hover { color: #000; text-decoration: underline; }