@charset "utf-8"; /* standard 1024px 18개 */ :root { --w-32: 3.1250vw; --w--32: -3.1250vw; --fs-18: 1.7578vw; --fs-20: 1.9531vw; --fs-22: 2.1484vw; --fs-24: 2.3438vw; --fs-25: 2.4414vw; --fs-26: 2.5391vw; --fs-28: 2.7344vw; --fs-30: 2.9297vw; --fs-32: 3.1250vw; --fs-36: 3.5156vw; --fs-40: 3.9063vw; --fs-44: 4.2969vw; --fs-48: 4.6875vw; --fs-52: 5.0781vw; --fs-60: 5.8594vw; --fs-68: 6.6406vw; --fs-72: 7.0313vw; --fs-76: 7.4219vw; --fs-80: 7.8125vw; --fs-82: 8.0078vw; --fs-84: 8.2031vw; --fs-96: 9.3750vw; --fs-136: 13.2813vw; --fs-160: 15.6250vw; } *, *[onclick] { -webkit-tap-highlight-color: transparent; } [data-aos-delay] { transition-delay: 0s !important; } .aos-animate .img-animate-2 > img[data-animation-delay="500"] { animation-delay: 0s; } .aos-animate .img-animate-2 > img[data-animation-delay="800"] { animation-delay: 0s; } .xs { display: none !important; } .md { display: block !important; } .md-none { display: none !important; } .xl { display: none !important; } .xs-flex { display: none !important; } .md-flex { display: flex !important; } .xl-flex { display: none !important; } .xs-inline { display: none !important; } .md-inline { display: inline-block !important; } .xl-inline { display: none !important; } .inner-wrap { padding-left: var(--w-32); padding-right: var(--w-32); } .md-inner { padding-left: var(--w-32); padding-right: var(--w-32); } .md-keep-all { word-break: keep-all; } .d-md-flex { display: flex !important; } .flex-md-center { justify-content: center !important; align-items: center !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-ac { align-items: center !important; } .flex-md-as { align-items: flex-start !important; } .flex-md-ae { align-items: flex-end !important; } .flex-md-js { justify-content: flex-start !important; } .flex-md-je { justify-content: flex-end !important; } .flex-md-jc { justify-content: center !important; } .flex-md-jsb { justify-content: space-between !important; } .flex-md-col { flex-direction: column !important; } .flex-md-0-0-auto { flex: 0 0 auto !important; } .flex-md-1-1-auto { flex: 1 1 auto !important; } .flex-md-0-1-auto { flex: 0 1 auto !important; } .flex-md-1-0-auto { flex: 1 0 auto !important; } .mx-md-auto { margin-left: auto !important; margin-right: auto !important; } .ellipsis-md-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } .ellipsis-md-2 { overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } .ellipsis-md-3 { overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; } .ellipsis-md-4 { overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; } .ellipsis-md-5 { overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; } .ellipsis-md-6 { overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 6; -webkit-box-orient: vertical; text-overflow: ellipsis; } a.btn-custom { display: inline-flex; gap: 0.6836vw; align-items: center; padding: 1.7578vw; border-radius: 0.2930vw; border: var(--static-10) solid #000; font-size: var(--fs-22); font-weight: 700; line-height: normal; } a.btn-custom.shortcut > span { width: 2.2461vw; height: 1.7578vw; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' fill='none'%3E%3Cpath d='M7.75 10.5L6.525 9.29167L9.63125 6.33333H0V4.66667H9.63125L6.525 1.70833L7.75 0.5L13 5.5L7.75 10.5Z' fill='black'/%3E%3C/svg%3E") center/100% no-repeat; } a.btn-download { display: inline-block; padding: 1.7578vw calc(1.7578vw + 1.9531vw + 0.6836vw) 1.7578vw 1.7578vw; border-radius: 0.3906vw; color: #fff; font-size: var(--fs-22); font-weight: 700; max-width: 100%; background: url('../img/icon-download.svg') calc(100% - 1.7578vw) center/1.9531vw 1.7578vw no-repeat #000; border: var(--static-10) solid #fff; } a.btn-download.white { color: #000; background: url('../img/icon-download-black.svg') calc(100% - 1.7578vw) center/1.9531vw 1.7578vw no-repeat #fff; border: var(--static-10) solid #000; } #wrap { width: 100%; } #header { width: 100%; background: #fff; position: fixed; top: 0; transition: top .5s ease, background-color .5s ease; z-index: 99; } #header.hide { top: -98px; } #header.show { background: rgba(255,255,255,0.9); } #header.show.on { background: rgba(255,255,255,1); } #header > div { width: 100%; height: 98px; display: flex; justify-content: space-between; align-items: flex-start; } #header > div > div:nth-of-type(1) { margin-top: 22px; } #header > div > div:nth-of-type(1) > p.logo { width: 202px; height: 39px; background: url('../img/logo.svg') center/100% no-repeat; } #header > div > div:nth-of-type(1) > p.logo > a { display: block; width: 100%; height: 100%; } #header > div > div:nth-of-type(1) > p.logo > a > img { width: 100%; } #header > div > div:nth-of-type(2) { margin-top: 41px; } #header > div > div:nth-of-type(2) > p.ham { width: 43px; aspect-ratio: 30/14; cursor: pointer; background: url('../img/icon-menu-m.svg') center/100% no-repeat; } #header .menu { display: none; } #container { width: 100%; margin-top: 98px; } #container .main-title { font-size: var(--fs-72); font-weight: 800; padding-top: 3.1250vw; margin-bottom: 5.8594vw; } #container .snb { width: 100%; display: flex; gap: 2.7344vw; } #container .snb > li {} #container .snb > li > a { font-size: var(--fs-28); font-weight: 700; color: var(--text-body); } #container .snb > li > a.on { color: #000; text-decoration: underline var(--static-15); text-underline-offset: 0.2930vw; } #container .contents { width: 100%; } #container.list .contents, #container.view .contents { padding-bottom: 11.7188vw; } #container .contents .section { width: 100%; } #container .contents .paging { display: flex; justify-content: center; align-items: center; padding-top: 7.8125vw; } #container .contents .paging > p { cursor: pointer; } #container .contents .paging > p.inactive { opacity: 0.3; } #container .contents .paging > p.prev { margin-left: 2.9297vw; width: 1.5625vw; } #container .contents .paging > p.next { margin-right: 2.9297vw; width: 1.5625vw; } #container .contents .paging > p.first, #container .contents .paging > p.end { width: 2.0508vw; } #container .contents .paging > p > img { width: 100%; } #container .contents .paging > ul { margin: 0 4.1016vw; display: flex; gap: 0.7813vw; } #container .contents .paging > ul > li.dot { display: flex; justify-content: center; align-items: center; padding-bottom: 1.9531vw; } #container .contents .paging > ul > li > a { display: block; width: 5.4688vw; height: 5.4688vw; display: flex; justify-content: center; align-items: center; border: var(--static-10) solid #EFEFE9; border-radius: 9.7656vw; font-size: var(--fs-24); font-weight: 500; color: var(--text-body); } #container .contents .paging > ul > li > a.current { background: #000; border: var(--static-10) solid #000; color: #fff; } #container .contents .sch { width: 100%; height: 7.8125vw; border: var(--static-10) solid #C2BEB8; border-radius: 0.3906vw; display: flex; align-items: center; padding: 0 3.1250vw; } #container .contents .sch > input[type=text] { width: 100%; flex: 0 1 auto; border: 0; font-size: var(--fs-28); padding-right: 3.1250vw; } #container .contents .sch > input[type=text]::placeholder { color: rgba(0,0,0,0.3); } #container .contents .sch > button { flex: 0 0 auto; width: 3.1250vw; height: 3.1250vw; background: url('../img/icon-search.svg') center/100% no-repeat; cursor: pointer; } #container .contents .category > select { width: 100%; height: 7.8125vw; border: var(--static-10) solid #C2BEB8; border-radius: var(--static-20); padding: 0 3.1250vw; font-size: var(--fs-28); font-weight: 500; outline: none; background: url('../img/icon-select-arrow.svg') calc(100% - 3.1250vw) center/2.7344vw 1.5625vw no-repeat; } #container .contents .select-custom { width: 100%; height: 7.8125vw; border: var(--static-10) solid #C2BEB8; border-radius: var(--static-20); padding: 0 3.1250vw; font-size: var(--fs-28); font-weight: 500; outline: none; background: url('../img/icon-select-arrow.svg') calc(100% - 3.1250vw) center/2.7344vw 1.5625vw no-repeat; } #container .contents .input-custom { width: 100%; font-size: var(--fs-28); padding: 0 3.1250vw; border: var(--static-10) solid #C2BEB8; height: 7.8125vw; } #container .contents .input-custom::placeholder { color: rgba(0,0,0,0.3); } #container .contents a.btn-homepage { display: inline-block; padding: 1.7578vw calc(1.7578vw + 1.7578vw + 0.6836vw) 1.7578vw 1.7578vw; border-radius: 0.3906vw; color: #fff; font-size: var(--fs-22); font-weight: 700; max-width: 100%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M1.5 11.5556H3.75V7.22222H8.25V11.5556H10.5V5.05556L6 1.80556L1.5 5.05556V11.5556ZM0 13V4.33333L6 0L12 4.33333V13H6.75V8.66667H5.25V13H0Z' fill='white'/%3E%3C/svg%3E") calc(100% - 1.7578vw) center/1.7578vw 1.9531vw no-repeat #000; } #container .contents .checkbox > input { display: none; } #container .contents .checkbox > label { display: block; line-height: normal; font-size: var(--fs-28); font-weight: 500; color: var(--text-darkest); position: relative; padding-left: 5.4688vw; cursor: pointer; } #container .contents .checkbox > label::before { content: ''; position: absolute; left: 0; top: -0.3906vw; width: 3.9063vw; height: 3.9063vw; border: var(--static-10) solid #C2BEB8; border-radius: 0.7813vw; box-sizing: border-box; } #container .contents .checkbox > input:checked+label::before { border: 0; background: url('../img/icon-checked.svg') center/1.9531vw 1.5625vw no-repeat #1C1B1B; } #container #map .marker { width: 7.8125vw; height: 7.8125vw; } #container #map .clusterer { width: 5.8594vw; height: 5.8594vw; background: #fff; border-radius: 9.7656vw; font-size: var(--fs-24); font-weight: 700; display: flex; align-items: center; justify-content: center; } #footer { width: 100%; background: #000; padding-bottom: 7.8125vw; position: relative; z-index: 2; } #footer .inner { display: grid; grid-template-columns: repeat(2, auto); } #footer .inner .logo { order: 0; padding: 3.9063vw var(--w-32) 0; } #footer .inner .logo > img { width: 27.3438vw; } #footer .inner .top-btn { order: 1; padding: 3.1250vw var(--w-32); justify-self: end; } #footer .inner .top-btn > img { width: 100%; cursor: pointer; width: 8.5938vw; height: 8.5938vw; } #footer .inner .menu { order: 2; grid-column: 1/3; position: relative; width: 100%; display: grid; justify-content: start; grid-template-columns: repeat(3, auto); gap: 4.6875vw 15.6250vw; padding: 5.8594vw var(--fs-32) 0; } #footer .inner .menu::after { content: ''; position: absolute; top: 0; left: var(--w-32); width: calc(100% - var(--w-32) - var(--w-32)); height: var(--static-10); background: #4A4948; } #footer .inner .menu > li > a { font-size: var(--fs-32); font-weight: 500; color: #fff; } #footer .inner .family-site { order: 3; grid-column: 1/3; padding: 4.6875vw var(--w-32) 0; width: 100%; } #footer .inner .family-site > p { width: 100%; font-size: var(--fs-32); color: #fff; font-weight: 700; position: relative; padding-bottom: 5.0781vw; border-bottom: var(--static-20) solid #fff; cursor: pointer; } #footer .inner .family-site > p::after { content: ''; width: 1.5625vw; height: 1.1719vw; background: url('../img/icon-family-down.svg') center/100% no-repeat; position: absolute; right: 0; top: 1.1719vw; } #footer .privacy { order: 4; grid-column: 1/3; padding: 7.8125vw var(--w-32) 0; display: flex; gap: 3.9063vw; flex-wrap: wrap; } #footer .privacy > dd > a { font-size: var(--fs-24); color: var(--text-body); font-weight: 600; } #footer .privacy > dd:nth-of-type(1) > a, #footer .privacy > dd:nth-of-type(2) > a { color: #fff; font-weight: 700; } #footer .inner > hr { order: 5; width: 100%; height: var(--static-10); background: var(--text-dark); grid-column: 1/3; margin: 11.7188vw 0 3.9063vw; } #footer .inner .info { order: 6; grid-column: 1/3; font-size: var(--fs-24); color: var(--text-body); font-weight: 500; line-height: 1.5; padding: 0 var(--w-32); } #footer .inner .copyright { order: 7; grid-column: 1/3; margin-top: 1.9531vw; font-size: var(--fs-24); color: var(--text-dark); line-height: normal; padding: 0 var(--w-32); } #gnb { position: fixed; top: 0; z-index: 100; width: 100%; height: 100%; background: #1C1B1B; display: none; } #gnb .inner-wrap { width: 100%; height: 100%; padding: 0 0 19.5313vw; overflow-y: auto; } #gnb .head { width: 100%; height: 98px; display: flex; justify-content: space-between; align-items: flex-start; padding: 0 var(--w-32); } #gnb .head > p { width: 202px; margin-top: 22px; } #gnb .head > p > a { width: 100%; display: block; } #gnb .head > p > a > img { width: 100%; } #gnb .head > div { cursor: pointer; margin-top: 30px; display: flex; gap: 32px; align-items: center; } #gnb .head > div > div { display: flex; gap: 8px; align-items: center; color: #fff; font-size: 28px; font-weight: 700; } #gnb .head > div > div > img { width: 26px; } #gnb .head > div > p.close { width: 40px; } #gnb .head > div > p.close > img { width: 100%; } #gnb .menu { width: 100%; margin-top: 0.9766vw; } #gnb .menu > dl {} #gnb .menu > dl > dt { position: relative; padding: 0 var(--w-32); height: 13.6719vw; line-height: 13.4766vw; font-size: var(--fs-36); color: #DEDDCF; font-weight: 700; text-transform: uppercase; border-bottom: var(--static-10) solid #817E7A; } #gnb .menu > dl > dt::after { content: ''; width: 2.1484vw; aspect-ratio: 11/6; position: absolute; right: var(--w-32); top: 50%; margin-top: -0.5859vw; background: url('../img/icon-gnb-down.svg') center/100% no-repeat; } #gnb .menu > dl > dd { display: none; padding: 0 var(--w-32); } #gnb .menu > dl > dd > p > a { display: block; height: 11.7188vw; line-height: 11.7188vw; font-size: var(--fs-32); color: #fff; font-weight: 600; text-transform: uppercase; border-top: var(--static-10) solid #4A4948; } #gnb .menu > dl > dd > ul { display: flex; flex-direction: column; gap: 3.1250vw; padding-bottom: 3.9063vw; } #gnb .menu > dl > dd > ul > li > a { font-size: var(--fs-28); font-weight: 500; color: #C2BEB8; text-transform: uppercase; } #gnb .menu > dl > dd > ul > li > a:hover { color: var(--text-highlight); } #gnb .menu > dl > dt.active::after { background: url('../img/icon-gnb-up.svg') center/100% no-repeat; } #gnb .menu > dl > dd:nth-of-type(1) > p > a { border-top: 0; } #gnb .menu > dl > dd:last-of-type { border-bottom: var(--static-10) solid #817E7A; } #gnb .menu > dl:last-of-type > dt { border-bottom: 0; } #gnb .menu > dl:last-of-type > dd:last-of-type { border-bottom: 0; } #slide-popup-wrap { position: fixed; width: 100%; height: 100vh; top: 0; z-index: 100; } #slide-popup-wrap > p.close { position: absolute; z-index: 10; cursor: pointer; width: 7.8125vw; height: 7.8125vw; top: 6.2500vw; left: 6.2500vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cellipse opacity='0.8' cx='30' cy='30' rx='30' ry='30' transform='rotate(-90 30 30)' fill='black'/%3E%3Cpath d='M36.6875 23.1406L22.7555 37.0726' stroke='white' stroke-width='2'/%3E%3Cpath d='M22.7559 23.1445L36.6879 37.0765' stroke='white' stroke-width='2'/%3E%3C/svg%3E"); background-size: 100%; } #slide-popup-wrap > div { width: 100%; height: 100%; display: flex; justify-content: center; align-items: flex-start; position: relative; padding-top: 3.1250vw; } #slide-popup-wrap > div > div { width: 93.7500vw; overflow: hidden; } #slide-popup-wrap > div > div .swiper { width: 100%; } #slide-popup-wrap > div > div .swiper .swiper-wrapper { height: auto; } #slide-popup-wrap > div > div .swiper .swiper-wrapper .swiper-slide { width: 100%; height: 59.3750vw; } #slide-popup-wrap > div > div .swiper .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #slide-popup-wrap > div > p.bg { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.40); backdrop-filter: blur(0.9766vw); } #slide-popup-wrap > div > div > ul { position: relative; display: flex; gap: 6.2500vw; margin-top: 3.7109vw; justify-content: center; align-items: center; width: 100%; height: 5.0781vw; z-index: 5; } #slide-popup-wrap > div > div > ul > li { width: 5.9570vw; height: 2.3438vw; background-size: 100%; cursor: pointer; } #slide-popup-wrap > div > div > ul > li.prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='20' viewBox='0 0 51 20' fill='none'%3E%3Cpath d='M9.82903 1.51521L1.34375 10.0005L9.82903 18.4858' stroke='white' stroke-width='1.6'/%3E%3Cpath d='M1 10.0005H51' stroke='white' stroke-width='1.6'/%3E%3C/svg%3E"); } #slide-popup-wrap > div > div > ul > li.next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='20' viewBox='0 0 51 20' fill='none'%3E%3Cpath d='M41.171 1.51411L49.6562 9.99939L41.171 18.4847' stroke='white' stroke-width='1.6'/%3E%3Cpath d='M50 9.99939H0' stroke='white' stroke-width='1.6'/%3E%3C/svg%3E"); position: relative; } #slide-popup-wrap > div > div > ul > li.next::after { content: ''; position: absolute; left: -3.1250vw; top: 50%; width: var(--static-10); height: 5.0781vw; background: #C2BEB8; margin-top: -2.5391vw; } /*=========================== main ===========================*/ #wrap:has(#container.main) #header.top { background: transparent; } #wrap:has(#container.main) #header.top > div > div:nth-of-type(1) > p.logo { background: url('../img/logo-white.svg') center/100% no-repeat; } #wrap:has(#container.main) #header.top > div > div:nth-of-type(1) > ul > li > a { color: #fff; } #wrap:has(#container.main) #header.top > div > div:nth-of-type(2) > ul > li > a { color: #fff; } #wrap:has(#container.main) #header.top > div > div:nth-of-type(2) > div > p { border: var(--static-10) solid #fff; } #wrap:has(#container.main) #header.top > div > div:nth-of-type(2) > div > p > span { color: #fff; } #wrap:has(#container.main) #header.top > div > div:nth-of-type(2) > div > p > span::before { background: url('../img/icon-earth-white.svg') 100%; } #wrap:has(#container.main) #header.top > div > div:nth-of-type(2) > div > p > span::after { background: url('../img/icon-arrow-down-white.svg') 100%; } #wrap:has(#container.main) #header.top > div > div:nth-of-type(2) > p.ham { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='27' viewBox='0 0 60 27' fill='none'%3E%3Cline y1='1.6' x2='60' y2='1.6' stroke='white' stroke-width='2.8'/%3E%3Cline y1='13.6' x2='60' y2='13.6' stroke='white' stroke-width='2.8'/%3E%3Cline y1='25.6' x2='60' y2='25.6' stroke='white' stroke-width='2.8'/%3E%3C/svg%3E") center/100% no-repeat; } #wrap:has(#container.main) #container { margin-top: 0; } #container.main { line-height: normal; } #container.main .ms { position: relative; width: 100%; height: 90vh; } #container.main .ms .video { width: 100%; } #container.main .ms .video > video, #container.main .ms .video > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #container.main .ms .inner-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; padding-bottom: 3.9063vw; } #container.main .ms .inner-wrap > dl { width: 100%; } #container.main .ms .inner-wrap > dl > dt { position: relative; color: #fff; font-size: var(--fs-32); text-shadow: 0 0.3906vw 1.1719vw rgba(0, 0, 0, 0.55); padding-bottom: 1.9531vw; } #container.main .ms .inner-wrap > dl > dt::after { content: ''; width: 100%; height: var(--static-10); position: absolute; left: 0; bottom: 0; background: rgba(255,2255,255,0.3); transform: scaleX(0); transform-origin: right; transition: transform 1s; } #container.main .ms .inner-wrap > dl > dt.active::after { transform: scaleX(1); } #container.main .ms .inner-wrap > dl > dt > p.masked-element { width: 0; overflow: hidden; transition: width 2.5s, opacity 1.5s; white-space: nowrap; opacity: 0.3; } #container.main .ms .inner-wrap > dl > dt > p.masked-element.show { width: 100%; opacity: 1; } #container.main .ms .inner-wrap > dl > dd { width: 100%; margin-top: 21.3542vh; display: grid; grid-template-columns: 1fr; align-items: end; overflow: hidden; } #container.main .ms .inner-wrap > dl > dd > div { overflow: hidden; } #container.main .ms .inner-wrap > dl > dd > div > div { overflow: hidden; } #container.main .ms .inner-wrap > dl > dd > div .swiper-wrap { width: 100%; transform: translateX(100%); transition: transform 1s; } #container.main .ms .inner-wrap > dl > dd > div .swiper-wrap.active { transform: translateX(0); } /* 슬라이드 순서 헷갈리지 말 것. grid order 참고 */ #container.main .ms .inner-wrap > dl > dd > div:nth-of-type(2) { order: 1; } #container.main .ms .inner-wrap > dl > dd > div:nth-of-type(2) .swiper-wrap { width: 100%; height: 21.4844vw; border-radius: 1.9531vw; background: rgba(0,0,0,0.85); color: #fff; } #container.main .ms .inner-wrap > dl > dd > div:nth-of-type(2) .swiper-wrap .swiper-pagination { right: 3.1250vw; top: 3.1250vw; display: flex; gap: 1.3672vw; } #container.main .ms .inner-wrap > dl > dd > div:nth-of-type(2) .swiper-wrap .swiper-pagination .swiper-pagination-bullet { width: 1.1719vw; height: 1.1719vw; border-radius: 1.1719vw; background: var(--text-dark); opacity: 1; } #container.main .ms .inner-wrap > dl > dd > div:nth-of-type(2) .swiper-wrap .swiper-pagination .swiper-pagination-bullet-active { background: #fff; } #container.main .ms .inner-wrap > dl > dd > div:nth-of-type(2) .swiper-slide { padding: 3.1250vw 3.1250vw 1.9531vw; } #container.main .ms .inner-wrap > dl > dd > div:nth-of-type(2) .swiper-slide > p { font-size: var(--fs-28); font-weight: 600; color: #fff; } #container.main .ms .inner-wrap > dl > dd > div:nth-of-type(2) .swiper-slide > p > span { font-weight: 300; } #container.main .ms .inner-wrap > dl > dd > div:nth-of-type(2) .swiper-slide > div { margin-top: 1.9531vw; color: #fff; display: flex; align-items: flex-end; gap: 0.7813vw; justify-content: flex-end; } #container.main .ms .inner-wrap > dl > dd > div:nth-of-type(2) .swiper-slide > div > p { letter-spacing: -0.1953vw; font-size: var(--fs-96); font-weight: 400; } #container.main .ms .inner-wrap > dl > dd > div:nth-of-type(2) .swiper-slide > div > span { font-size: var(--fs-40); font-weight: 500; letter-spacing: 0; padding-bottom: 1.5625vw; } #container.main .ms .inner-wrap > dl > dd > div:nth-of-type(1) { order: 0; display: none; } #container.main .section .more { display: flex; align-items: center; gap: 0.7813vw; } #container.main .section .more::after { content: ''; width: 2.5391vw; height: 1.9531vw; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M8.75 10L7.525 8.79167L10.6312 5.83333H0V4.16667H10.6312L7.525 1.20833L8.75 0L14 5L8.75 10Z' fill='%23222222'/%3E%3C/svg%3E"); } #container.main .section1 { padding: 7.8125vw 0; width: 100%; overflow: hidden; } #container.main .section1 .inner {} #container.main .section1 .inner > p { font-size: var(--fs-36); font-weight: 800; text-transform: uppercase; } #container.main .section1 .inner > ul { margin-top: 5.8594vw; display: flex; flex-direction: column; border-bottom: var(--static-10) solid #DEDDCF; } #container.main .section1 .inner > ul > li:has(> p) { padding: 3.9063vw 0; } #container.main .section1 .inner > ul > li:has(> p) { position: relative; overflow: hidden; display: grid; grid-template-columns: 12.5000vw 1fr 7.8125vw; grid-template-rows: 1fr 1fr max-content; gap: 0 3.1250vw; } #container.main .section1 .inner > ul > li:has(> p) > p:nth-of-type(1) { order: 0; width: 12.5000vw; grid-column: 1/2; grid-row: 1/span 2; } #container.main .section1 .inner > ul > li:has(> p) > p:nth-of-type(1) > img { width: 100%; } #container.main .section1 .inner > ul > li:has(> p) > p:nth-of-type(2) { order: 2; font-size: var(--fs-52); font-weight: 500; align-self: end; } #container.main .section1 .inner > ul > li:has(> p) > p:nth-of-type(3) { order: 4; align-self: top; margin-top: 1.1719vw; font-size: var(--fs-28); font-weight: 600; color: var(--text-darkest); } #container.main .section1 .inner > ul > li:has(> p) > p:nth-of-type(4) { order: 5; grid-column: 1/span 3; grid-row: 3/4; display: none; margin-top: 3.1250vw; font-size: var(--fs-28); color: var(--text-body); line-height: 1.48; transition: all 0.8s ease-in-out; } #container.main .section1 .inner > ul > li:has(> p).on > p:nth-of-type(4) { display: block; } #container.main .section1 .inner > ul > li:has(> p) > a { order: 3; grid-column: 3/4; grid-row: 1/span 2; justify-self: end; align-self: center; width: 7.8125vw; height: 7.8125vw; border-radius: 9.7656vw; border: var(--static-10) solid #EFEFE9; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M7.375 1V13' stroke='%234A4948' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M1.375 7H13.375' stroke='%234A4948' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size: 1.9531vw 1.9531vw; background-position: center; background-repeat: no-repeat; } #container.main .section1 .inner > ul > li:has(> p).on > a { border: var(--static-10) solid #EFEFE9; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M10.55 8H0.375V6H10.55L5.95 1.4L7.375 0L14.375 7L7.375 14L5.95 12.6L10.55 8Z' fill='white'/%3E%3C/svg%3E"); background-size: 1.9531vw 1.9531vw; background-color: #000; } #container.main .section1 .inner > ul > li:nth-of-type(1) { order: 0; padding-top: 0; } #container.main .section1 .inner > ul > li:nth-of-type(2) { order: 2; border-top: var(--static-10) solid #DEDDCF; } #container.main .section1 .inner > ul > li:nth-of-type(3) { order: 4; border-top: var(--static-10) solid #DEDDCF; } #container.main .section1 .inner > ul.reits > li:nth-of-type(4) { order: 1; } #container.main .section1 .inner > ul.fund > li:nth-of-type(4) { order: 3; } #container.main .section1 .inner > ul.trust > li:nth-of-type(4) { order: 5; } #container.main .section1 .inner > ul > li.grid-box { width: 100%; flex: 0 0 auto; padding: 1.9531vw 0 5.8594vw; } #container.main .section1 .inner > ul > li.grid-box > div { width: 100%; } #container.main .section1 .inner > ul > li.grid-box > div > dl { overflow: hidden; background: #fff; opacity: 0; transition: opacity 0.5s ease-in-out; height: 0; } #container.main .section1 .inner > ul > li.grid-box > div > dl > dt { font-size: var(--fs-28); font-weight: 800; } #container.main .section1 .inner > ul > li.grid-box > div > dl > dt > ul { display: none; } #container.main .section1 .inner > ul > li.grid-box > div > dl > dd { margin-top: 3.1250vw; } #container.main .section1 .inner > ul > li.grid-box > div > dl > dd .swiper-slide { width: 26.5625vw; } #container.main .section1 .inner > ul > li.grid-box > div > dl > dd .swiper-slide > div { width: 100%; position: relative; border-radius: 0.7813vw; overflow: hidden; height: 29.2969vw; } #container.main .section1 .inner > ul > li.grid-box > div > dl > dd .swiper-slide > div > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #container.main .section1 .inner > ul > li.grid-box > div > dl > dd .swiper-slide > div > p { display: none; } #container.main .section1 .inner > ul > li.grid-box > div > dl > dd .swiper-slide > p { margin-top: 1.9531vw; font-size: var(--fs-28); color: var(--text-darkest); } #container.main .section1 .inner > ul.reits > li.grid-box > div > dl.reits, #container.main .section1 .inner > ul.fund > li.grid-box > div > dl.fund, #container.main .section1 .inner > ul.trust > li.grid-box > div > dl.trust { position: relative; opacity: 1; width: calc(100% + var(--w-32)); height: auto; } #container.main .section2 { padding: 0 0 11.7188vw; overflow: hidden; } #container.main .section2 .inner {} #container.main .section2 .inner .expert { position: relative; } #container.main .section2 .inner .expert > div:nth-of-type(1) { position: relative; padding: 0 var(--w-32); } #container.main .section2 .inner .expert > div:nth-of-type(1) > p { font-size: var(--fs-36); font-weight: 800; text-transform: uppercase; padding-bottom: 5.8594vw; } #container.main .section2 .inner .expert > div:nth-of-type(1) > ul { display: flex; } #container.main .section2 .inner .expert > div:nth-of-type(1) > ul > li { font-size: var(--fs-28); font-weight: 500; color: var(--text-light); display: none; } #container.main .section2 .inner .expert > div:nth-of-type(1) > ul > li.swiper-pagination-bullet { width: auto; height: auto; background: none; opacity: 1; } #container.main .section2 .inner .expert > div:nth-of-type(1) > ul > li.swiper-pagination-bullet-active { font-weight: 800; color: #000; display: block; } #container.main .section2 .inner .expert > div:nth-of-type(2) { width: 100%; position: relative; overflow: hidden; } #container.main .section2 .inner .expert > div:nth-of-type(2) .swiper-wrapper { height: auto; } #container.main .section2 .inner .expert > div:nth-of-type(2) .swiper-slide { height: auto; overflow: hidden; background: #fff; } #container.main .section2 .inner .expert > div:nth-of-type(2) .swiper-slide > p:nth-of-type(1) { padding: 0 var(--w-32); margin-top: 3.1250vw; font-size: var(--fs-52); font-weight: 600; min-height: 18.1641vw; } #container.main .section2 .inner .expert > div:nth-of-type(2) .swiper-slide > div { height: 49.2188vw; padding: 5.0781vw var(--w-32) 0; margin-top: 0.7813vw; position: relative; } #container.main .section2 .inner .expert > div:nth-of-type(2) .swiper-slide > div > p { font-size: var(--fs-32); font-weight: 600; color: var(--text-darkest); } #container.main .section2 .inner .expert > div:nth-of-type(2) .swiper-slide > div > p > span { margin-top: 3.1250vw; display: block; font-size: var(-fs-28); font-weight: 500; color: var(--text-body); position: relative; } #container.main .section2 .inner .expert > div:nth-of-type(2) .swiper-slide > div > ul { margin-top: 3.1250vw; min-height: 14.0625vw; } #container.main .section2 .inner .expert > div:nth-of-type(2) .swiper-slide > div > ul > li { font-size: var(--fs-32); line-height: 1.5; color: var(--text-body); display: flex; gap: 1.9531vw; } #container.main .section2 .inner .expert > div:nth-of-type(2) .swiper-slide > div > ul > li::before { content: ''; width: 0.5859vw; height: 0.5859vw; border-radius: 0.5859vw; flex: 0 0 auto; background: var(--text-body); margin-top: 1.9531vw; } #container.main .section2 .inner .expert > div:nth-of-type(2) .swiper-slide > div > a { position: absolute; left: var(--w-32); bottom: 7.8125vw; font-size: var(--fs-22); font-weight: 900; text-transform: uppercase; } #container.main .section2 .inner .expert > div:nth-of-type(2) .swiper-slide > p:nth-of-type(2) { position: absolute; right: 6.0547vw; bottom: 0; z-index: 2; min-width: 9.7656vw; height: 49.2188vw; } #container.main .section2 .inner .expert > div:nth-of-type(2) .swiper-slide > p:nth-of-type(2) > img { height: 100%; object-fit: contain; object-position: center top; filter: grayscale(100%); } #container.main .section2 .inner .expert > div:nth-of-type(2) .navi { position: relative; z-index: 3; width: 100%; height: 10.5469vw; padding: 0 var(--w-32); display: flex; justify-content: space-between; align-items: center; background: var(--text-highlight); } #container.main .section2 .inner .expert > div:nth-of-type(2) .navi > div { display: flex; align-items: center; gap: 0.8789vw; font-size: var(--fs-36); } #container.main .section2 .inner .expert > div:nth-of-type(2) .navi > div .current { color: #fff; } #container.main .section2 .inner .expert > div:nth-of-type(2) .navi > div > p:nth-of-type(2) { font-weight: 600; color: #5B3125; font-size: var(--fs-28); } #container.main .section2 .inner .expert > div:nth-of-type(2) .navi > div .total { font-weight: 600; color: #5B3125; } #container.main .section2 .inner .expert > div:nth-of-type(2) .navi > ul { display: flex; gap: 7.8125vw; } #container.main .section2 .inner .expert > div:nth-of-type(2) .navi > ul > li { position: relative; width: 2.7344vw; height: 2.7344vw; background-size: 100%; cursor: pointer; } #container.main .section2 .inner .expert > div:nth-of-type(2) .navi > ul > li.prev { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.91786 10.2857H18V7.71429H4.91786L10.8321 1.8L9 0L0 9L9 18L10.8321 16.2L4.91786 10.2857Z' fill='%235B3125'/%3E%3C/svg%3E"); } #container.main .section2 .inner .expert > div:nth-of-type(2) .navi > ul > li.prev:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.91786 10.2857H18V7.71429H4.91786L10.8321 1.8L9 0L0 9L9 18L10.8321 16.2L4.91786 10.2857Z' fill='white'/%3E%3C/svg%3E"); } #container.main .section2 .inner .expert > div:nth-of-type(2) .navi > ul > li.next { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M13.0821 10.2857H0V7.71429H13.0821L7.16786 1.8L9 0L18 9L9 18L7.16786 16.2L13.0821 10.2857Z' fill='%235B3125'/%3E%3C/svg%3E"); } #container.main .section2 .inner .expert > div:nth-of-type(2) .navi > ul > li.next:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M13.0821 10.2857H0V7.71429H13.0821L7.16786 1.8L9 0L18 9L9 18L7.16786 16.2L13.0821 10.2857Z' fill='white'/%3E%3C/svg%3E"); } #container.main .section2 .inner .expert > div:nth-of-type(2) .navi > ul > li.next::before { content: ''; position: absolute; left: -3.9063vw; top: 50%; width: var(--static-10); height: 4.2969vw; margin-top: -2.1484vw; background: #5B3125; } #container.main .section2 .inner .focus > p { font-size: var(--fs-36); font-weight: 800; text-transform: uppercase; padding: 7.8125vw 0 0; } #container.main .section2 .inner .focus > div { margin-top: 3.9063vw; } #container.main .section2 .inner .focus > div > p { font-size: var(--fs-52); font-weight: 600; } #container.main .section2 .inner .focus > div > div { margin-top: 5.8594vw; } #container.main .section2 .inner .focus > div > div > div {} #container.main .section2 .inner .focus > div > div > div > p { display: flex; align-items: center; font-size: var(--fs-32); font-weight: 600; color: var(--text-darkest); gap: 3.9063vw; } #container.main .section2 .inner .focus > div > div > div > p > span { position: relative; padding-top: 0.5859vw; font-size: var(--fs-28); font-weight: 500; color: var(--text-body); } #container.main .section2 .inner .focus > div > div > div > p > span::before { content: ''; position: absolute; left: -1.9531vw; top: 50%; width: var(--static-10); height: 3.9063vw; background: #DEDDCF; margin-top: -1.9531vw; } #container.main .section2 .inner .focus > div > div > div > div { font-size: var(--fs-28); line-height: 1.5; color: var(--text-body); margin-top: 3.1250vw; } #container.main .section2 .inner .focus > div > div > div > a { margin-top: 3.9063vw; font-size: var(--fs-22); font-weight: 900; text-transform: uppercase; } #container.main .section2 .inner .focus > div > div > ul { border-top: var(--static-10) solid #4A4948; margin-top: 7.8125vw; } #container.main .section2 .inner .focus > div > div > ul > li { border-bottom: var(--static-10) solid #C2BEB8; padding: 4.6875vw 0; } #container.main .section2 .inner .focus > div > div > ul > li > p { font-size: var(--fs-32); font-weight: 500; color: var(--text-darkest); } #container.main .section2 .inner .focus > div > div > ul > li > span { display: block; margin-top: 3.1250vw; font-size: var(--fs-28); font-weight: 500; color: var(--text-body); } #container.main .section3 { background: #000; } #container.main .section4 { padding: 7.8125vw 0; } #container.main .section4 .inner { display: flex; flex-direction: column; } #container.main .section4 .inner > p { order: 0; font-size: var(--fs-36); font-weight: 800; } #container.main .section4 .inner > div { order: 2; margin-top: 7.8125vw; } #container.main .section4 .inner > div > p:nth-of-type(1) { font-size: var(--fs-36); font-weight: 800; } #container.main .section4 .inner > div > p:nth-of-type(2) { margin-top: 1.9531vw; font-size: var(--fs-24); line-height: 1.5; font-weight: 500; color: var(--text-light); } #container.main .section4 .inner > ul { border-top: var(--static-20) solid #4A4948; } #container.main .section4 .inner > ul:nth-of-type(1) { order: 1; margin-top: 3.9063vw; } #container.main .section4 .inner > ul:nth-of-type(1) > li { display: flex; padding: 4.6875vw 0; gap: 3.9063vw; border-bottom: var(--static-10) solid #C2BEB8; } #container.main .section4 .inner > ul:nth-of-type(1) > li > p { flex: 0 0 auto; width: 33.5938vw; height: 31.6406vw; border-radius: 0.7813vw; overflow: hidden; } #container.main .section4 .inner > ul:nth-of-type(1) > li > p > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #container.main .section4 .inner > ul:nth-of-type(1) > li > div { padding-top: 1.9531vw; position: relative; } #container.main .section4 .inner > ul:nth-of-type(1) > li > div > div:nth-of-type(1) { display: flex; align-items: center; justify-content: space-between; } #container.main .section4 .inner > ul:nth-of-type(1) > li > div > div:nth-of-type(1) > p { font-size: var(--fs-24); color: var(--text-body); } #container.main .section4 .inner > ul:nth-of-type(1) > li > div > div:nth-of-type(1) > p:nth-of-type(1) { font-weight: 700; } #container.main .section4 .inner > ul:nth-of-type(1) > li > div > div:nth-of-type(1) > p:nth-of-type(2) { font-weight: 500; color: var(--text-light); } #container.main .section4 .inner > ul:nth-of-type(1) > li > div > p { margin-top: 2.9297vw; font-size: var(--fs-36); font-weight: 700; } #container.main .section4 .inner > ul:nth-of-type(1) > li > div > div:nth-of-type(2) { margin-top: 1.7578vw; font-size: var(--fs-28); line-height: 1.48; color: var(--text-body); } #container.main .section4 .inner > ul:nth-of-type(1) > li > div > a { margin-top: 3.5156vw; font-size: var(--fs-22); font-weight: 800; text-transform: uppercase; color: var(--text-darkest); } #container.main .section4 .inner > ul:nth-of-type(2) { order: 3; margin-top: 3.9063vw; } #container.main .section4 .inner > ul:nth-of-type(2) > li { position: relative; padding: 4.6875vw 0; border-bottom: var(--static-10) solid #C2BEB8; display: grid; grid-template-columns: 1fr 62.5000vw; grid-template-rows: max-content max-content max-content 1fr; } #container.main .section4 .inner > ul:nth-of-type(2) > li > p.logo {} #container.main .section4 .inner > ul:nth-of-type(2) > li:nth-of-type(1) > p.logo > img { width: 21.8750vw; } #container.main .section4 .inner > ul:nth-of-type(2) > li:nth-of-type(2) > p.logo > img { width: 16.6016vw; } #container.main .section4 .inner > ul:nth-of-type(2) > li:nth-of-type(3) > p.logo > img { width: 25.2930vw; } #container.main .section4 .inner > ul:nth-of-type(2) > li > p.name { margin-top: 1.9531vw; font-size: var(--fs-24); font-weight: 700; color: var(--text-body); } #container.main .section4 .inner > ul:nth-of-type(2) > li > div.price { margin-top: 6.2500vw; } #container.main .section4 .inner > ul:nth-of-type(2) > li > div.price > p:nth-of-type(1) { font-size: var(--fs-44); font-weight: 800; color: var(--text-highlight); } #container.main .section4 .inner > ul:nth-of-type(2) > li > div.price > p:nth-of-type(2) { margin-top: 1.8555vw; font-size: var(--fs-24); font-weight: 700; color: var(--text-body); display: flex; gap: 0.7813vw; align-items: center; } #container.main .section4 .inner > ul:nth-of-type(2) > li > div.price > p:nth-of-type(2)::before { content: ''; width: 1.5625vw; height: 1.2695vw; background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 7' fill='none'%3E%3Cpath d='M0 6.88281L3.8 0.549479L7.6 6.88281L0 6.88281Z' fill='%23D03042'/%3E%3C/svg%3E"); } #container.main .section4 .inner > ul:nth-of-type(2) > li > div.graph { grid-column: 2/3; grid-row: 1/span 4; width: 62.5000vw; height: 31.8359vw; border: var(--static-10) solid #ccc; } #container.main .section4 .inner > ul:nth-of-type(2) > li > div.graph > img { width: 100%; } #container.main .section4 .inner > ul:nth-of-type(2) > li > a { align-self: end; font-size: var(--fs-22); font-weight: 800; text-transform: uppercase; color: var(--text-darkest); } #container.main .section5 { padding: 0 0 11.7188vw; } #container.main .section5 .inner > div:nth-of-type(1) > dl > dt { font-size: var(--fs-36); font-weight: 800; } #container.main .section5 .inner > div:nth-of-type(1) > dl > dd { margin-top: 3.9063vw; font-size: var(--fs-52); font-weight: 600; } #container.main .section5 .inner > div:nth-of-type(1) > ul { margin-top: 5.8594vw; display: grid; grid-template-columns: 1fr 1fr; gap: 1.9531vw; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li { display: flex; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li~li { height: 36.3281vw; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li > div { border-radius: 1.1719vw; position: relative; width: 100%; height: 100%; padding: 3.9063vw; display: flex; flex-direction: column; justify-content: space-between; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li > div .btn { position: absolute; cursor: pointer; bottom: 2.7344vw; right: 2.7344vw; width: 7.8125vw; height: 7.8125vw; border-radius: 9.7656vw; border: var(--static-10) solid #EFEFE9; background-size: 1.9531vw 1.9531vw; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M7.375 1V13' stroke='%234A4948' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M1.375 7H13.375' stroke='%234A4948' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E"); } #container.main .section5 .inner > div:nth-of-type(1) > ul > li > div.on .btn { border: var(--static-10) solid #ECECEC; background-color: #fff; background-size: 1.9531vw 1.9531vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10.2426 1.75781L1.75733 10.2431M1.75732 1.75781L10.2426 10.2431' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E"); } #container.main .section5 .inner > div:nth-of-type(1) > ul > li > div.off { display: flex; border: var(--static-10) solid #DEDDCF; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li > div.off {} #container.main .section5 .inner > div:nth-of-type(1) > ul > li > div.off > div:nth-of-type(1) {} #container.main .section5 .inner > div:nth-of-type(1) > ul > li > div.off > div:nth-of-type(1) > .logo > img { width: 100%; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li > div.off > div:nth-of-type(1) > p:nth-of-type(2) { margin-top: 1.9531vw; font-size: var(--fs-32); line-height: 1.37; color: var(--text-dark); } #container.main .section5 .inner > div:nth-of-type(1) > ul > li > div.off > div:nth-of-type(2) {} #container.main .section5 .inner > div:nth-of-type(1) > ul > li > div.off > div:nth-of-type(2) > p:nth-of-type(1) { font-size: var(--fs-28); color: var(--text-body); } #container.main .section5 .inner > div:nth-of-type(1) > ul > li > div.off > div:nth-of-type(2) > p:nth-of-type(2) { margin-top: 0.3906vw; font-size: var(--fs-40); font-weight: 700; display: flex; gap: 0.3906vw; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li > div.off > div:nth-of-type(2) > p:nth-of-type(2) > span { font-size: var(--fs-28); margin-top: 0.5859vw; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li:nth-of-type(1) { height: 64.4531vw; grid-column: 1/span 2; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li:nth-of-type(1) > div .btn { bottom: 2.7344vw; right: 2.7344vw; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li:nth-of-type(1) { grid-row: 1/span 2; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li:nth-of-type(1) .logo { width: 14.9414vw; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li:nth-of-type(1) > div.off > div:nth-of-type(1) > p:nth-of-type(2) { font-weight: 600; margin-top: 3.9063vw; font-size: var(--fs-28); color: var(--text-highlight); line-height: 1.7; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li:nth-of-type(1) > div.off > div:nth-of-type(1) > p:nth-of-type(3) { font-weight: 600; margin-top: 0.3906vw; font-size: var(--fs-36); line-height: 1.33; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li:nth-of-type(1) > div.off > div:nth-of-type(2) {} #container.main .section5 .inner > div:nth-of-type(1) > ul > li:nth-of-type(1) > div.off > div:nth-of-type(2) > p:nth-of-type(1) { font-size: var(--fs-28); color: var(--text-body); } #container.main .section5 .inner > div:nth-of-type(1) > ul > li:nth-of-type(1) > div.off > div:nth-of-type(2) > p:nth-of-type(2) { margin-top: 0; font-size: var(--fs-72); font-weight: 700; display: flex; gap: 0.3906vw; color: var(--text-highlight); } #container.main .section5 .inner > div:nth-of-type(1) > ul > li:nth-of-type(1) > div.off > div:nth-of-type(2) > p:nth-of-type(2) > span { font-size: var(--fs-28); margin-top: 1.1719vw; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li:nth-of-type(2) .logo { width: 15.8203vw; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li:nth-of-type(3) .logo { width: 16.4063vw; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li:nth-of-type(4) .logo { width: 25.3906vw; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li:nth-of-type(5) .logo { width: 18.1641vw; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li > div.on { display: none; border: var(--static-10) solid #C2BEB8; background: #F9F9F9; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li > div.on > dl {} #container.main .section5 .inner > div:nth-of-type(1) > ul > li > div.on > dl > dt {} #container.main .section5 .inner > div:nth-of-type(1) > ul > li > div.on > dl > dt > img { width: 100%; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li > div.on > dl > dd { margin-top: 1.9531vw; color: var(--text-dark); font-size: var(--fs-24); line-height: 1.42; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li:nth-of-type(1) > div.on { border: var(--static-10) solid #fff; background: url('../img/main-sec5-1.webp') center/cover no-repeat; } #container.main .section5 .inner > div:nth-of-type(1) > ul > li:nth-of-type(1) > div.on > dl > dd { margin-top: 3.9063vw; color: #fff; font-size: var(--fs-36); line-height: 1.42; font-weight: 500; } #container.main .section5 .inner > div:nth-of-type(2) { margin-top: 7.8125vw; } #container.main .section5 .inner > div:nth-of-type(2) > dl { width: 100%; } #container.main .section5 .inner > div:nth-of-type(2) > dl > dt { position: relative; font-size: var(--fs-36); font-weight: 800; text-transform: uppercase; } #container.main .section5 .inner > div:nth-of-type(2) > dl > dd { width: 100%; overflow: hidden; position: relative; border-top: var(--static-10) solid #4A4948; border-bottom: var(--static-10) solid #DEDDCF; margin-top: 3.9063vw; padding: 3.9063vw 0; } #container.main .section5 .inner > div:nth-of-type(2) > dl > dd::before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -4.2969vw; width: 2.9297vw; height: 8.5938vw; background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); z-index: 2; } #container.main .section5 .inner > div:nth-of-type(2) > dl > dd::after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -4.2969vw; width: 2.9297vw; height: 8.5938vw; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); } #container.main .section5 .inner > div:nth-of-type(2) > dl > dd ul { display: flex; align-items: center; } #container.main .section5 .inner > div:nth-of-type(2) > dl > dd ul > li { zoom: 1.5; filter: grayscale(100%); margin: 0 1.9531vw; } #container.main .section5 .inner > div:nth-of-type(2) > dl > dd ul > li:nth-of-type(1) { padding-top: 1.9531vw; } /*=========================== default list 공통 ===========================*/ #container.default.list .contents .section1 .inner-wrap { padding-top: 5.8594vw; } #container.default.list .contents .section1 .inner-wrap .aside { width: 100%; } #container.default.list .contents .section1 .inner-wrap .aside .inner { display: flex; justify-content: space-between; align-items: center; } #container.default.list .contents .section1 .inner-wrap .aside .inner > p { font-size: var(--fs-26); font-weight: 600; } #container.default.list .contents .section1 .inner-wrap .aside .inner > p > span { font-size: var(--fs-60); font-weight: 700; letter-spacing: -0.1758vw; display: inline-block; margin-right: 0.2930vw; } #container.default.list .contents .section1 .inner-wrap .aside .inner > form { display: flex; gap: 1.1719vw; } #container.default.list .contents .section1 .inner-wrap .aside .category { width: 23.4375vw; } #container.default.list .contents .section1 .inner-wrap .aside .sch { width: 56.2500vw; } #container.default.list .contents .section1 .inner-wrap .aside .category+.sch { width: 50.0000vw; } #container.default.list .contents .section1 .inner-wrap .article { margin-top: 5.8594vw; } #container.default.list .contents .section1 .inner-wrap .article .list { border-top: var(--static-10) solid #4A4948; } #container.default.list .contents .section1 .inner-wrap .article .list > li {} #container.default.list .contents .section1 .inner-wrap .article .list > li > a { display: flex; border-bottom: var(--static-10) solid #C2BEB8; padding: 3.9063vw 0; align-items: flex-start; } #container.default.list .contents .section1 .inner-wrap .article .list > li > a .num { display: none; } #container.default.list .contents .section1 .inner-wrap .article .list > li > a .subject { flex: 1 1 0; font-size: var(--fs-32); line-height: 1.42; word-break: keep-all; } #container.default.list .contents .section1 .inner-wrap .article .list > li > a .date { width: 16.9922vw; text-align: right; font-size: var(--fs-28); font-weight: 500; line-height: 1.6; color: var(--text-dark); } /* 뉴스 */ #container[data-name-group="뉴스 및 공시"] .section1 { margin-top: 3.9063vw; } /* 카테고리 항목 있을 때 */ #container.default.list .contents .section1 .inner-wrap .article .list > li > a .category { display: flex; justify-content: flex-start; width: 14.2578vw; } #container.default.list .contents .section1 .inner-wrap .article .list > li > a .category > span { display: block; padding: 1.0742vw 2.1484vw; border-radius: 9.7656vw; border: var(--static-10) solid #DEDDCF; font-size: var(--fs-22); color: var(--text-body); font-weight: 600; } #container.default.list .contents .section1 .inner-wrap .article .list > li > a .category > span.on { color: var(--text-highlight); } #container.default.list .contents .section1 .inner-wrap .article .paging { border-top: 0; } /* faq 형식 */ #container .faq-list > dl {} #container .faq-list > dl:nth-of-type(1) { border-top: var(--static-10) solid #4A4948; } #container .faq-list > dl:last-of-type { border-bottom: var(--static-10) solid #C2BEB8; } #container .faq-list > dl > dt { position: relative; padding: 3.9063vw 0; font-size: var(--fs-28); font-weight: 500; color: var(--text-dark); cursor: pointer; } #container .faq-list > dl~dl > dt { border-top: var(--static-10) solid #C2BEB8; } #container .faq-list > dl > dt::after { content: ''; position: absolute; top: 4.8828vw; right: 0; width: 2.3438vw; height: 2.3438vw; background: url('../img/icon-faq-plus.svg') center/100% no-repeat; } #container .faq-list > dl > dt.active::after { background: url('../img/icon-faq-minus.svg') center/100% no-repeat; } #container .faq-list > dl > dt > p { display: none; } #container .faq-list > dl > dt > div { width: 100%; padding-right: 7.2266vw; font-size: var(--fs-32); line-height: 1.42; color: #000; } #container .faq-list > dl > dt.active > div { font-weight: 700; } #container .faq-list > dl > dt > span { display: block; margin-top: 1.1719vw; line-height: 1.48; } #container .faq-list > dl > dd { display: none; border-top: var(--static-10) solid #C2BEB8; padding: 5.8594vw 3.1250vw; background: #f2f2f2; font-size: var(--fs-32); line-height: 1.42; color: var(--text-dark); word-break: keep-all; } #container .faq-list > dl > dd .download { margin-top: 3.1250vw; } #container .faq-list .paging { border-top: 0; } /*=========================== default view 공통 ===========================*/ #container.default.view {} #container.default.view .contents { padding-top: 3.1250vw; } #container.default.view .contents .section1 .inner-wrap { display: grid; grid-template-columns: 100%; padding: 0; } #container.default.view .contents .section1 .inner-wrap .title { order: 1; font-size: var(--fs-48); font-weight: 600; line-height: normal; padding: 0 var(--w-32); display: flex; gap: 2.3438vw; } #container.default.view .contents .section1 .inner-wrap .title > span { font-size: var(--fs-18); font-weight: 700; background: #000; color: #fff; border-radius: 9.7656vw; width: 8.5938vw; height: 8.5938vw; display: flex; justify-content: center; align-items: center; aspect-ratio: 1; } #container.default.view .contents .section1 .inner-wrap .title > span.on { background: var(--text-highlight); } #container.default.view .contents .section1 .inner-wrap .aside { order: 2; margin-top: 5.8594vw; padding: 0 var(--w-32); } #container.default.view .contents .section1 .inner-wrap .aside .inner > div { width: 100%; } #container.default.view .contents .section1 .inner-wrap .aside .inner > div~div { border-top: var(--static-10) solid #C2BEB8; } #container.default.view .contents .section1 .inner-wrap .aside .inner > div > p { font-size: var(--fs-24); color: var(--text-body); font-weight: 600; } #container.default.view .contents .section1 .inner-wrap .aside .inner > div.date { padding-bottom: 3.1250vw; } #container.default.view .contents .section1 .inner-wrap .aside .inner > div.date > div { display: flex; justify-content: space-between; align-items: center; margin-top: 1.1719vw; flex-wrap: wrap; } #container.default.view .contents .section1 .inner-wrap .aside .inner > div.date > div > p { font-size: var(--fs-32); font-weight: 600; } #container.default.view .contents .section1 .inner-wrap .aside .inner > div.date > div .copylink { position: relative; display: flex; align-items: center; gap: 0.6836vw; padding: 1.4648vw 1.7578vw; border-radius: 9.7656vw; border: var(--static-10) solid #DEDDCF; cursor: pointer; } #container.default.view .contents .section1 .inner-wrap .aside .inner > div.date > div .copylink > img { width: 2.9297vw; } #container.default.view .contents .section1 .inner-wrap .aside .inner > div.date > div .copylink > span { font-size: var(--fs-22); font-weight: 700; color: var(--text-body); } #container.default.view .contents .section1 .inner-wrap .aside .inner > div.date > div .copylink .feedback { position: absolute; right: 0; top: calc(100% + 0.9766vw); width: max-content; background: var(--text-dark); padding: 1.9531vw 2.9297vw; border-radius: 9.7656vw; color: #fff; font-size: var(--fs-22); } #container.default.view .contents .section1 .inner-wrap .aside .inner > div.print { padding: 3.1250vw 0; } #container.default.view .contents .section1 .inner-wrap .aside .inner > div.print > div { margin-top: 2.3438vw; cursor: pointer; } #container.default.view .contents .section1 .inner-wrap .aside .inner > div.print > div > img { width: 5.4688vw; } #container.default.view .contents .section1 .inner-wrap .aside .inner > div.download { padding: 3.1250vw 0 0; } #container.default.view .contents .section1 .inner-wrap .aside .inner > div.download > div { margin-top: 2.3438vw; display: flex; gap: 1.1719vw; flex-wrap: wrap; } #container.default.view .contents .section1 .inner-wrap .aside .inner > div.contributor { padding: 3.1250vw 0; } #container.default.view .contents .section1 .inner-wrap .aside .inner > div.contributor > div { margin-top: 2.3438vw; display: flex; align-items: center; gap: 3.1250vw; } #container.default.view .contents .section1 .inner-wrap .aside .inner > div.contributor > div > p:nth-of-type(1) { font-size: var(--fs-32); font-weight: 600; color: var(--text-darkest); } #container.default.view .contents .section1 .inner-wrap .aside .inner > div.contributor > div > p:nth-of-type(2) { font-size: var(--fs-28); font-weight: 500; color: #94918C; position: relative; } #container.default.view .contents .section1 .inner-wrap .aside .inner > div.contributor > div > p:nth-of-type(2)::after { content: ''; position: absolute; left: -1.5625vw; top: 50%; width: var(--static-10); height: 3.5156vw; margin-top: -1.7578vw; background: var(--text-light); } #container.default.view .contents .section1 .inner-wrap .article { order: 3; padding-top: 7.8125vw; display: flex; flex-direction: column; align-items: center; } #container.default.view .contents .section1 .inner-wrap .article .textarea { padding: 0 var(--w-32) 7.8125vw; font-size: var(--fs-32); line-height: 1.42; } #container.default.view .contents .section1 .inner-wrap .article .view-nav { width: 100%; padding: 0 var(--w-32); } #container.default.view .contents .section1 .inner-wrap .article .view-nav > li { width: 100%; padding: 3.9063vw 0; } #container.default.view .contents .section1 .inner-wrap .article .view-nav > li > a { display: block; width: 100%; } #container.default.view .contents .section1 .inner-wrap .article .view-nav > li > a > p { display: none; } #container.default.view .contents .section1 .inner-wrap .article .view-nav > li > a > div { width: 100%; } #container.default.view .contents .section1 .inner-wrap .article .view-nav > li > a > div > p { font-size: var(--fs-28); font-weight: 600; color: var(--text-body); } #container.default.view .contents .section1 .inner-wrap .article .view-nav > li > a > div > div { margin-top: 1.1719vw; font-size: var(--fs-36); font-weight: 700; line-height: normal; } #container.default.view .contents .section1 .inner-wrap .article .view-nav > li > a > div > div.empty { color: rgba(0,0,0,0.3); } #container.default.view .contents .section1 .inner-wrap .article .view-nav > li.prev { border-top: var(--static-10) solid #C2BEB8; } #container.default.view .contents .section1 .inner-wrap .article .view-nav > li.next { border-bottom: var(--static-10) solid #C2BEB8; border-top: var(--static-10) dashed #C2BEB8; } #container.default.view .contents .section1 .inner-wrap .article .toList { margin-top: 5.8594vw; display: block; padding: 1.7871vw 4.2383vw; border-radius: 9.7656vw; background: #000; color: #fff; font-size: var(--fs-26); font-weight: 600; } /* galley view */ #container.default.gallery.view .contents .section1 .inner-wrap .article .img { width: 100%; overflow: hidden; aspect-ratio: 1; } #container.default.gallery.view .contents .section1 .inner-wrap .article .img+.textarea { padding-top: 5.8594vw; } #container.gallery.view .contents .section2 { padding-top: 7.8125vw; border-top: var(--static-10) solid #C2BEB8; margin-top: 7.8125vw; } #container.gallery.view .contents .section2 .inner-wrap {} #container.gallery.view .contents .section2 .inner-wrap > p { font-size: var(--fs-40); font-weight: 700; } #container.gallery.view .contents .section2 .inner-wrap .relation { margin-top: 1.9531vw; display: grid; gap: 7.8125vw 2.7344vw; grid-template-columns: repeat(2, 1fr); } #container.gallery.view .contents .section2 .inner-wrap .relation > li {} #container.gallery.view .contents .section2 .inner-wrap .relation > li > a:nth-of-type(1) { display: block; aspect-ratio: 233/131; border-radius: 0.5859vw; overflow: hidden; } #container.gallery.view .contents .section2 .inner-wrap .relation > li > a:nth-of-type(2) { display: block; margin-top: 3.9063vw; font-size: var(--fs-36); font-weight: 700; line-height: normal; } #container.gallery.view .contents .section2 .inner-wrap .relation > li > p { margin-top: 3.1250vw; font-size: var(--fs-28); font-weight: 500; color: var(--text-body); } /* 리서치 리포트 */ #container.reportView.view .contents .section2 .inner-wrap .relation > li:has(.tag) > a:nth-of-type(1) { aspect-ratio: 288/318; } #container.reportView.view .contents .section2 .inner-wrap .relation > li .tag { margin-top: 3.1250vw; padding: 1.4648vw 2.1484vw; border: var(--static-10) solid #C2BEB8; border-radius: 9.7656vw; display: inline-block; font-size: var(--fs-20); font-weight: 600; color: var(--text-dark); } #container.reportView.view .contents .section2 .inner-wrap .relation > li .tag+a { margin-top: 1.9531vw; } /*=========================== 갤러리 list 공통 ===========================*/ #container.gallery.list {} #container.gallery.list .contents {} #container.gallery.list .contents .section1 .inner-wrap { padding: 3.9063vw 0 7.8125vw; } #container.gallery.list .contents .section1 .inner-wrap > p > a.img-fit-cover { display: block; width: 100%; aspect-ratio: 1024/640; } #container.gallery.list .contents .section1 .inner-wrap > p > a.btn-download-icon { display: block; width: 7.8125vw; height: 7.8125vw; border-radius: 7.8125vw; position: absolute; right: 2.3438vw; bottom: 2.3438vw; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.73685 9.32383V0.0546872L11.2632 0.0546873V9.32383L14.5474 5.96498L16.3158 7.80588L10 14.2652L3.68422 7.80588L5.45264 5.96497L8.73685 9.32383Z' fill='white'/%3E%3Cpath d='M0.526367 17.4219H19.4737V19.9482H0.526367V17.4219Z' fill='white'/%3E%3C/svg%3E") center/2.7344vw 2.9297vw no-repeat; background-color: var(--text-darkest); } #container.gallery.list .contents .section1 .inner-wrap > div { width: 100%; margin-top: 5.8594vw; padding: 0 var(--w-32); } #container.gallery.list .contents .section1 .inner-wrap > div > a:nth-of-type(1) { display: block; font-size: var(--fs-40); font-weight: 700; line-height: normal; } #container.gallery.list .contents .section1 .inner-wrap > div > a:nth-of-type(2) { display: block; margin-top: 5.8594vw; line-height: 1.42; font-size: var(--fs-32); color: var(--text-dark); } #container.gallery.list .contents .section1 .inner-wrap > div > p { margin-top: 3.1250vw; font-size: var(--fs-28); color: var(--text-body); font-weight: 500; } /* 뉴스 - 언론보도 */ #container.menewsList.list .contents .section1 .inner-wrap > div > div:first-child { display: flex; align-items: center; gap: 1.1719vw; font-size: var(--fs-24); color: var(--text-dark); font-weight: 700; } #container.menewsList.list .contents .section1 .inner-wrap > div > div:first-child > span:nth-of-type(1) { width: 3.9063vw; aspect-ratio: 1; border-radius: 0.5859vw; overflow: hidden; } #container.menewsList.list .contents .section1 .inner-wrap > div > div:first-child > span:nth-of-type(1) > img { width: 100%; } #container.menewsList.list .contents .section1 .inner-wrap > div > div+a { margin-top: 3.1250vw; } /* 리서치 리포트, 코람코 뷰 */ #container.gallery.list:has(ul:not(.snb)) .contents .section1 > .inner-wrap { padding-top: 0; } /* 코람코 뷰 */ #container.koramcoList.list .contents .section1 .inner-wrap > p > a { display: block; width: 100%; aspect-ratio: 1025/640; text-align: center; position: relative; overflow: hidden; } #container.koramcoList.list .contents .section1 .inner-wrap > p > a::after { content: ''; width: 100%; height: 19.5313vw; background: var(--text-highlight); position: absolute; left: 0; bottom: 0; } #container.koramcoList.list .contents .section1 .inner-wrap > p > a > img { object-position: top center; width: 100%; filter: grayscale(100%); position: relative; z-index: 2; } #container.koramcoList.list .contents .section1 .inner-wrap > div > a+div { display: flex; margin-top: 2.3438vw; gap: 3.1250vw; align-items: center; } #container.koramcoList.list .contents .section1 .inner-wrap > div > a+div > p:nth-of-type(1) { font-size: var(--fs-32); font-weight: 600; color: var(--text-darkest); } #container.koramcoList.list .contents .section1 .inner-wrap > div > a+div > p:nth-of-type(2) { font-size: var(--fs-28); font-weight: 500; color: #94918C; position: relative; } #container.koramcoList.list .contents .section1 .inner-wrap > div > a+div > p:nth-of-type(2)::before { content: ''; position: absolute; left: -1.5625vw; top: 50%; width: var(--static-10); height: 3.5156vw; background: #DEDDCF; margin-top: -1.7578vw; } #container.gallery.list .contents .section2 { border-top: var(--static-10) solid #C2BEB8; } #container.gallery.list .contents .section2 .inner-wrap { padding: 5.8594vw var(--w-32) 0; } #container.gallery.list .contents .section2 .inner-wrap > div:nth-of-type(1) .inner { display: flex; justify-content: space-between; align-items: center; } #container.gallery.list .contents .section2 .inner-wrap > div:nth-of-type(1) .inner > p { font-size: var(--fs-26); font-weight: 600; } #container.gallery.list .contents .section2 .inner-wrap > div:nth-of-type(1) .inner > p > span { font-size: var(--fs-60); } #container.gallery.list .contents .section2 .inner-wrap > div:nth-of-type(1) .inner > form { width: 56.2500vw; } #container.gallery.list .contents .section2 .inner-wrap > div:nth-of-type(2) { margin-top: 5.8594vw; } #container.gallery.list .contents .section2 .inner-wrap > div:nth-of-type(2) > ul { display: grid; gap: 7.8125vw 2.7344vw; grid-template-columns: repeat(2, 1fr); } #container.gallery.list .contents .section2 .inner-wrap > div:nth-of-type(2) > ul > li {} #container.gallery.list .contents .section2 .inner-wrap > div:nth-of-type(2) > ul > li > a:nth-of-type(1) { display: block; aspect-ratio: 466/262; border-radius: 1.1719vw; overflow: hidden; } #container.gallery.list .contents .section2 .inner-wrap > div:nth-of-type(2) > ul > li > a:nth-of-type(2) { display: block; margin-top: 3.1250vw; font-size: var(--fs-36); font-weight: 700; line-height: normal; } #container.gallery.list .contents .section2 .inner-wrap > div:nth-of-type(2) > ul > li > p { margin-top: 3.1250vw; font-size: var(--fs-28); font-weight: 500; color: var(--text-body); } #container.gallery.list .contents .section2 .inner-wrap .list > ul:has(.empty) { padding-bottom: 0; } #container.gallery.list .contents .section2 .inner-wrap .list > ul:has(.empty) > li:not(.empty) { display: none; } #container.gallery.list .contents .section2 .inner-wrap .list > ul:has(.empty)+.paging { display: none; } #container.gallery.list .contents .section2 .inner-wrap .list > ul .empty { display: flex; flex-direction: column; align-items: center; grid-column: 1/3; padding: 5.8594vw 0 11.7188vw; } #container.gallery.list .contents .section2 .inner-wrap .list > ul .empty > div { margin-top: 0; font-size: var(--fs-40); font-weight: 800; line-height: normal; color: #000; } #container.gallery.list .contents .section2 .inner-wrap .list > ul .empty > p { margin-top: 1.1719vw; font-size: var(--fs-32); font-weight: 500; color: var(--text-dark); } /* 언론보도 */ #container.menewsList.list .contents .section2 .inner-wrap > div:nth-of-type(2) > ul > li .media-name { margin-top: 3.9063vw; display: flex; align-items: center; gap: 1.1719vw; font-size: var(--fs-24); color: var(--text-dark); font-weight: 700; } #container.menewsList.list .contents .section2 .inner-wrap > div:nth-of-type(2) > ul > li .media-name > span:nth-of-type(1) { width: 3.9063vw; aspect-ratio: 1; border-radius: 0.5859vw; overflow: hidden; } #container.menewsList.list .contents .section2 .inner-wrap > div:nth-of-type(2) > ul > li .media-name > span:nth-of-type(1) > img { width: 100%; } /* 리서치 리포트 */ #container.reportList.list .contents .section2 .inner-wrap .list > ul > li > a.btn-download-icon { display: block; width: 7.4219vw; height: 7.4219vw; border-radius: 7.4219vw; position: absolute; right: 2.7344vw; top: 15.2344vw; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.73685 9.32383V0.0546872L11.2632 0.0546873V9.32383L14.5474 5.96498L16.3158 7.80588L10 14.2652L3.68422 7.80588L5.45264 5.96497L8.73685 9.32383Z' fill='white'/%3E%3Cpath d='M0.526367 17.4219H19.4737V19.9482H0.526367V17.4219Z' fill='white'/%3E%3C/svg%3E") center/2.3438vw 2.5391vw no-repeat; background-color: var(--text-darkest); } /* 코람코 뷰 */ #container.koramcoList.list .contents .section2 .inner-wrap .list > ul > li > a:nth-of-type(1) { position: relative; background: #F9F4F0; padding-top: 1.5625vw; text-align: center; } #container.koramcoList.list .contents .section2 .inner-wrap .list > ul > li > a:nth-of-type(1)::after { content: ''; position: absolute; left: 0; bottom: 0; width: calc(100% - 4.6875vw); height: 9.4727vw; background: var(--text-highlight); z-index: 1; } #container.koramcoList.list .contents .section2 .inner-wrap .list > ul > li > a:nth-of-type(1) > img { width: 29.1016vw; object-position: top center; filter: grayscale(100%); position: relative; z-index: 2; } #container.koramcoList.list .contents .section2 .inner-wrap .list > ul > li .name { display: flex; align-items: center; margin-top: 2.5391vw; gap: 2.3438vw; } #container.koramcoList.list .contents .section2 .inner-wrap .list > ul > li .name > p { font-size: var(--fs-28); color: var(--text-body); } #container.koramcoList.list .contents .section2 .inner-wrap .list > ul > li .name > p:nth-of-type(1) { font-weight: 700; } #container.koramcoList.list .contents .section2 .inner-wrap .list > ul > li .name > p:nth-of-type(2) { font-weight: 500; position: relative; } #container.koramcoList.list .contents .section2 .inner-wrap .list > ul > li .name > p:nth-of-type(2)::after { content: ''; position: absolute; left: -1.1719vw; top: 50%; width: var(--static-10); height: 3.3203vw; margin-top: -1.6602vw; background: #DEDDCF; } #container.koramcoList.list .contents .section2 .inner-wrap .list > ul > li .name+p { margin-top: 2.3438vw; } /*=========================== product list 공통 ===========================*/ #container .filter-wrap {} #container .filter-wrap:has(.title) { display: flex; flex-direction: column; } #container .filter-wrap:has(.title) > p { display: none; } #container .filter-wrap:has(.title) .category { order: 1; } #container .filter-wrap:has(.title) .search { order: 0; display: flex; height: 9.7656vw; position: relative; border-left: var(--static-10) solid #4A4948; padding: 0 var(--w-32); } #container .filter-wrap:has(.title) .search input[type=text] { width: 100%; padding-right: 9.7656vw; border: 0; background: transparent; color: var(--text-body); font-size: var(--fs-26); } #container .filter-wrap:has(.title) .search input[type=submit] { position: absolute; right: 0; top: 0; width: 9.7656vw; height: 100%; border: 0; text-indent: -97656249999.9023vw; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Cpath d='M11.7777 21.5556C17.1778 21.5556 21.5554 17.1779 21.5554 11.7778C21.5554 6.37768 17.1778 2 11.7777 2C6.37762 2 2 6.37768 2 11.7778C2 17.1779 6.37762 21.5556 11.7777 21.5556Z' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 24.0003L18.6833 18.6836' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/2.7344vw 2.7344vw no-repeat; cursor: pointer; } #container .filter-wrap .category { display: flex; flex-wrap: wrap; background: #000; } #container .filter-wrap .category .type { order: 0; width: 100%; padding: 2.3438vw var(--w-32); display: flex; justify-content: space-between; align-items: center; } #container .filter-wrap .category .type > div { display: flex; align-items: center; gap: 6.2500vw; } #container .filter-wrap .category .type > div > a { color: var(--text-body); display: block; padding-left: 4.2969vw; line-height: 3.5156vw; position: relative; font-size: var(--fs-25); } #container .filter-wrap .category .type > div > a.on { color: #fff; } #container .filter-wrap .category .type > div > a.map { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_5537_10749' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect x='0.5' y='0.5' width='23' height='23' fill='%23D9D9D9' stroke='%23817E7A'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5537_10749)'%3E%3Cpath d='M12.0452 21C10.794 21 9.61809 20.7637 8.51759 20.2912C7.41709 19.8187 6.4598 19.1775 5.64573 18.3675C4.83166 17.5575 4.18719 16.605 3.71231 15.51C3.23744 14.415 3 13.245 3 12C3 10.755 3.23744 9.585 3.71231 8.49C4.18719 7.395 4.83166 6.4425 5.64573 5.6325C6.4598 4.8225 7.41709 4.18125 8.51759 3.70875C9.61809 3.23625 10.794 3 12.0452 3C14.3367 3 16.3229 3.735 18.0038 5.205C19.6847 6.675 20.6834 8.505 21 10.695C20.6985 10.545 20.3857 10.4288 20.0616 10.3463C19.7374 10.2638 19.402 10.215 19.0553 10.2C18.7688 9.105 18.2525 8.13 17.5063 7.275C16.7601 6.42 15.8442 5.775 14.7588 5.34V5.7C14.7588 6.195 14.5817 6.61875 14.2274 6.97125C13.8731 7.32375 13.4472 7.5 12.9497 7.5H11.1407V9.3C11.1407 9.555 11.054 9.76875 10.8807 9.94125C10.7073 10.1137 10.4925 10.2 10.2362 10.2H8.42714L9.86307 12H11.1407H13.8543C14.0201 12 14.1746 12.0412 14.3178 12.1237C14.4611 12.2063 14.5704 12.3225 14.6457 12.4725C14.3894 12.8775 14.1935 13.305 14.0578 13.755C13.9221 14.205 13.8543 14.67 13.8543 15.15C13.8543 16.095 14.0992 16.9725 14.5892 17.7825C15.0791 18.5925 15.5804 19.35 16.093 20.055C15.4749 20.355 14.8266 20.5875 14.1482 20.7525C13.4698 20.9175 12.7688 21 12.0452 21ZM11.1407 19.155V17.4C10.6432 17.4 10.2173 17.2238 9.86307 16.8713C9.50879 16.5188 9.33166 16.095 9.33166 15.6V14.7L4.98995 10.38C4.94472 10.65 4.90327 10.92 4.86558 11.19C4.82789 11.46 4.80905 11.73 4.80905 12C4.80905 13.815 5.40829 15.405 6.60678 16.77C7.80528 18.135 9.31658 18.93 11.1407 19.155Z' fill='%23817E7A'/%3E%3Cpath d='M22 16C22 14.8954 21.1046 14 20 14C18.8954 14 18 14.8954 18 16C18 17.1046 18.8954 18 20 18V20C17.7909 20 16 18.2091 16 16C16 13.7909 17.7909 12 20 12C22.2091 12 24 13.7909 24 16C24 18.2091 22.2091 20 20 20V18C21.1046 18 22 17.1046 22 16Z' fill='%23817E7A'/%3E%3C/g%3E%3C/svg%3E") left center/3.5156vw 3.5156vw no-repeat; } #container .filter-wrap .category .type > div > a.map.on { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_5537_14718' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect x='0.5' y='0.5' width='23' height='23' fill='%23D9D9D9' stroke='%23817E7A'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5537_14718)'%3E%3Cpath d='M12.0452 21C10.794 21 9.61809 20.7637 8.51759 20.2912C7.41709 19.8187 6.4598 19.1775 5.64573 18.3675C4.83166 17.5575 4.18719 16.605 3.71231 15.51C3.23744 14.415 3 13.245 3 12C3 10.755 3.23744 9.585 3.71231 8.49C4.18719 7.395 4.83166 6.4425 5.64573 5.6325C6.4598 4.8225 7.41709 4.18125 8.51759 3.70875C9.61809 3.23625 10.794 3 12.0452 3C14.3367 3 16.3229 3.735 18.0038 5.205C19.6847 6.675 20.6834 8.505 21 10.695C20.6985 10.545 20.3857 10.4288 20.0616 10.3463C19.7374 10.2638 19.402 10.215 19.0553 10.2C18.7688 9.105 18.2525 8.13 17.5063 7.275C16.7601 6.42 15.8442 5.775 14.7588 5.34V5.7C14.7588 6.195 14.5817 6.61875 14.2274 6.97125C13.8731 7.32375 13.4472 7.5 12.9497 7.5H11.1407V9.3C11.1407 9.555 11.054 9.76875 10.8807 9.94125C10.7073 10.1137 10.4925 10.2 10.2362 10.2H8.42714L9.86307 12H11.1407H13.8543C14.0201 12 14.1746 12.0412 14.3178 12.1237C14.4611 12.2063 14.5704 12.3225 14.6457 12.4725C14.3894 12.8775 14.1935 13.305 14.0578 13.755C13.9221 14.205 13.8543 14.67 13.8543 15.15C13.8543 16.095 14.0992 16.9725 14.5892 17.7825C15.0791 18.5925 15.5804 19.35 16.093 20.055C15.4749 20.355 14.8266 20.5875 14.1482 20.7525C13.4698 20.9175 12.7688 21 12.0452 21ZM11.1407 19.155V17.4C10.6432 17.4 10.2173 17.2238 9.86307 16.8713C9.50879 16.5188 9.33166 16.095 9.33166 15.6V14.7L4.98995 10.38C4.94472 10.65 4.90327 10.92 4.86558 11.19C4.82789 11.46 4.80905 11.73 4.80905 12C4.80905 13.815 5.40829 15.405 6.60678 16.77C7.80528 18.135 9.31658 18.93 11.1407 19.155Z' fill='white'/%3E%3Cpath d='M22 16C22 14.8954 21.1046 14 20 14C18.8954 14 18 14.8954 18 16C18 17.1046 18.8954 18 20 18V20C17.7909 20 16 18.2091 16 16C16 13.7909 17.7909 12 20 12C22.2091 12 24 13.7909 24 16C24 18.2091 22.2091 20 20 20V18C21.1046 18 22 17.1046 22 16Z' fill='white'/%3E%3C/g%3E%3C/svg%3E") left center/3.5156vw 3.5156vw no-repeat; } #container .filter-wrap .category .type > div > a.list { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_5537_14711' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5537_14711)'%3E%3Cpath d='M5 19L19 19V21L5 21V19Z' fill='%23817E7A'/%3E%3Cpath d='M7 17C6.45 17 5.97917 16.8042 5.5875 16.4125C5.19583 16.0208 5 15.55 5 15V6C5 5.45 5.19583 4.97917 5.5875 4.5875C5.97917 4.19583 6.45 4 7 4H17C17.55 4 18.0208 4.19583 18.4125 4.5875C18.8042 4.97917 19 5.45 19 6V15C19 15.55 18.8042 16.0208 18.4125 16.4125C18.0208 16.8042 17.55 17 17 17H7ZM7 15H17V6H7V15ZM8 13H16L13.4 9.5L11.5 12L10.1 10.15L8 13Z' fill='%23817E7A'/%3E%3C/g%3E%3C/svg%3E") left center/3.5156vw 3.5156vw no-repeat; } #container .filter-wrap .category .type > div > a.list.on { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cmask id='mask0_5537_10736' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5537_10736)'%3E%3Cpath d='M5 19L19 19V21L5 21V19Z' fill='white'/%3E%3Cpath d='M7 17C6.45 17 5.97917 16.8042 5.5875 16.4125C5.19583 16.0208 5 15.55 5 15V6C5 5.45 5.19583 4.97917 5.5875 4.5875C5.97917 4.19583 6.45 4 7 4H17C17.55 4 18.0208 4.19583 18.4125 4.5875C18.8042 4.97917 19 5.45 19 6V15C19 15.55 18.8042 16.0208 18.4125 16.4125C18.0208 16.8042 17.55 17 17 17H7ZM7 15H17V6H7V15ZM8 13H16L13.4 9.5L11.5 12L10.1 10.15L8 13Z' fill='white'/%3E%3C/g%3E%3C/svg%3E") left center/3.5156vw 3.5156vw no-repeat; } #container .filter-wrap .category .type > div > a.list::before { content: ''; position: absolute; left: -3.1250vw; top: 50%; margin-top: -2.3438vw; width: var(--static-10); height: 4.6875vw; background: #4A4948; } #container .filter-wrap .category .type > p { color: #fff; font-size: var(--fs-22); padding: 1.2695vw 2.1484vw; border: var(--static-10) solid #fff; border-radius: 9.7656vw; } #container .filter-wrap .category .type > p > span { display: block; padding-left: 2.6367vw; background: url('../img/icon-filter.svg') center left/2.6367vw no-repeat; } #container .filter-wrap .category > ul { order: 1; display: flex; gap: 0.7813vw; width: 100%; overflow-x: auto; padding: 2.3438vw var(--w-32); border-top: var(--static-10) solid #4A4948; } #container .filter-wrap .category > ul > li {} #container .filter-wrap .category > ul > li > input { display: none; } #container .filter-wrap .category > ul > li > label { width: max-content; padding: 1.3672vw 1.9531vw; background: #1C1B1B; border-radius: 0.7813vw; color: var(--text-lighter); text-align: center; display: block; cursor: pointer; font-size: var(--fs-22); font-weight: 500; min-width: 13.2813vw; } #container .filter-wrap .category > ul > li > input:checked+label { background: #fff; color: #000; font-weight: 700; } #container .filter-wrap .filter { position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.6); z-index: 100; width: 100%; height: 100vh; display: none; flex-direction: column; justify-content: flex-end; } #container .filter-wrap .filter .top { background: #fff; border-radius: 2.7344vw 2.7344vw 0 0; padding: 2.3438vw 0; border-bottom: var(--static-10) solid #DEDDCF; text-align: center; position: relative; font-size: var(--fs-28); font-weight: 700; line-height: 1.48; } #container .filter-wrap .filter .top .close { position: absolute; right: var(--w-32); top: 3.3203vw; width: 2.9297vw; height: 2.9297vw; cursor: pointer; } #container .filter-wrap .filter .top .close > img { width: 100%; } #container .filter-wrap .filter .scroll { position: relative; height: 63.4766vw; background: #fff; overflow-y: scroll; padding: 0 3.1250vw 11.7188vw; } #container .filter-wrap .filter .scroll > * { border-bottom: var(--static-10) solid #C2BEB8; } #container .filter-wrap .filter .scroll > dl { padding: 3.1250vw 0; } #container .filter-wrap .filter .scroll > dl:last-of-type { border-bottom: 0; } #container .filter-wrap .filter .scroll > dl > dt { font-size: var(--fs-24); font-weight: 500; color: var(--text-dark); line-height: normal; } #container .filter-wrap .filter .scroll > dl > dd { margin-top: 1.9531vw; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3.1250vw 4.4922vw; } #container .filter-wrap .filter .scroll .reset { position: fixed; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 100%; padding: 1.9531vw 0; z-index: 100; display: flex; align-items: center; justify-content: center; gap: 1.4648vw; border-top: var(--static-10) solid #EFEFE9; background: #fff; } #container .filter-wrap .filter .scroll .reset::before { content: ''; position: absolute; left: 0; top: -3.9063vw; width: 100%; height: 3.9063vw; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, var(--color-case-bg-black, rgba(0, 0, 0, 0.05)) 100%); } #container .filter-wrap .filter .scroll .reset > p { width: 25.0000vw; height: 7.1289vw; background: #fff; line-height: 6.9336vw; text-align: center; border-radius: 0.3906vw; font-size: var(--fs-26); font-weight: 700; color: var(--text-dark); border: var(--static-10) solid #C2BEB8; } #container .filter-wrap .filter .scroll .reset > p:nth-of-type(2) { border: var(--static-10) solid #000; background: #000; color: #fff; } #container.product.list {} #container.product.list .contents {} #container.product.list .contents .section1 { margin-top: 3.9063vw; } #container.product.list .contents .section1.aos-animate { transform: none; } #container.product.list .contents .section2 {} #container.product.list .contents .section2 .inner-wrap {} #container.product.list .contents .section2 .inner-wrap .aside { padding-top: 5.8594vw; } #container.product.list .contents .section2 .inner-wrap .aside .inner { display: flex; justify-content: space-between; align-items: center; } #container.product.list .contents .section2 .inner-wrap .aside .inner > p { font-size: var(--fs-26); font-weight: 600; } #container.product.list .contents .section2 .inner-wrap .aside .inner > p > span { font-size: var(--fs-60); font-weight: 600; letter-spacing: -0.1758vw; display: inline-block; margin-right: 0.2930vw; } #container.product.list .contents .section2 .inner-wrap .sch { width: 56.2500vw; } #container.product.list .contents .section2 .inner-wrap .article { width: 100%; margin-top: 5.8594vw; } #container.product.list .contents .section2 .inner-wrap .article .gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7.8125vw 2.7344vw; } #container.product.list .contents .section2 .inner-wrap .article .gallery > li {} #container.product.list .contents .section2 .inner-wrap .article .gallery > li .img-fit-cover { aspect-ratio: 233/257; border-radius: 0.3906vw; overflow: hidden; } #container.product.list .contents .section2 .inner-wrap .article .gallery > li .tag { margin-top: 3.1250vw; display: flex; gap: 0.7813vw; } #container.product.list .contents .section2 .inner-wrap .article .gallery > li .tag > dd { padding: 1.4648vw 2.1484vw; border: var(--static-10) solid #C2BEB8; border-radius: 9.7656vw; font-size: var(--fs-20 ); color: var(--text-dark); text-transform: uppercase; font-weight: 600; } #container.product.list .contents .section2 .inner-wrap .article .gallery > li .tag > dd:nth-of-type(1) { color: var(--text-highlight); font-weight: 700; } #container.product.list .contents .section2 .inner-wrap .article .gallery > li .title { margin-top: 1.9531vw; line-height: normal; font-weight: 700; font-size: var(--fs-36); word-break: keep-all; } #container.product.list .contents .section2 .inner-wrap .article .gallery > li .info { margin-top: 3.9063vw; font-size: var(--fs-26); line-height: 1.48; color: var(--text-dark); } #container.product.list .contents .section2 .inner-wrap .article .gallery > li .info > span { color: var(--text-light); } #container.product.list .contents .section2 .inner-wrap .article .gallery:has(.empty) > li:not(.empty) { display: none; } #container.product.list .contents .section2 .inner-wrap .article .gallery:has(.empty)+.paging { display: none; } #container.product.list .contents .section2 .inner-wrap .article .gallery:has(.empty) .empty { display: block; padding: 5.8594vw 0 11.7188vw; text-align: center; grid-column: 1 / span 2; } #container.product.list .contents .section2 .inner-wrap .article .gallery:has(.empty) .empty > p:nth-of-type(1) { font-size: var(--fs-40); font-weight: 800; } #container.product.list .contents .section2 .inner-wrap .article .gallery:has(.empty) .empty > p:nth-of-type(2) { font-size: var(--fs-32); font-weight: 500; margin-top: 1.1719vw; color: var(--text-dark); } /*=========================== product view 공통 ===========================*/ #container.product.view {} #container.product.view .contents { padding-top: 3.1250vw; } #container.product.view .contents .section1 {} #container.product.view .contents .section1 .inner-wrap { padding: 0; } #container.product.view .contents .section1 .inner-wrap .aside { position: relative; } #container.product.view .contents .section1 .inner-wrap .aside .inner {} #container.product.view .contents .section1 .inner-wrap .aside .inner > div { width: 100%; border-bottom: var(--static-10) solid #C2BEB8; } #container.product.view .contents .section1 .inner-wrap .aside .inner .tag { display: flex; gap: 0.6836vw; } #container.product.view .contents .section1 .inner-wrap .aside .inner .tag > li { padding: 1.4648vw 2.1484vw; border: var(--static-10) solid #C2BEB8; border-radius: 9.7656vw; font-size: var(--fs-20); font-weight: 600; color: var(--text-dark); } #container.product.view .contents .section1 .inner-wrap .aside .inner .tag > li:nth-of-type(1) { font-weight: 700; color: var(--text-highlight); } #container.product.view .contents .section1 .inner-wrap .aside .inner .title { margin-top: 2.9297vw; font-size: var(--fs-52); font-weight: 800; line-height: normal; } #container.product.view .contents .section1 .inner-wrap .aside .inner .sub-title { margin-top: 2.3438vw; font-size: var(--fs-32); font-weight: 700; word-break: keep-all; line-height: normal; } #container.product.view .contents .section1 .inner-wrap .aside .inner .copylink-wrap { margin-top: 3.9063vw; display: flex; align-items: center; gap: 1.5625vw; padding-bottom: 3.1250vw; } #container.product.view .contents .section1 .inner-wrap .aside .inner .copylink-wrap > p { width: 7.4219vw; } #container.product.view .contents .section1 .inner-wrap .aside .inner .copylink-wrap > p > img { width: 100%; } #container.product.view .contents .section1 .inner-wrap .aside .inner .copylink-wrap > div { position: relative; display: flex; align-items: center; gap: 0.7813vw; padding: 1.4648vw 1.7578vw; border-radius: 9.7656vw; border: var(--static-10) solid #DEDDCF; cursor: pointer; } #container.product.view .contents .section1 .inner-wrap .aside .inner .copylink-wrap > div > img { width: 2.9297vw; } #container.product.view .contents .section1 .inner-wrap .aside .inner .copylink-wrap > div > span { font-size: var(--fs-22); font-weight: 700; color: var(--text-body); } #container.product.view .contents .section1 .inner-wrap .aside .inner .copylink-wrap > div .feedback { position: absolute; left: 0; top: calc(100% + 0.9766vw); width: max-content; background: var(--text-dark); padding: 1.9531vw 2.9297vw; border-radius: 9.7656vw; color: #fff; font-size: var(--fs-22); } #container.product.view .contents .section1 .inner-wrap .aside .inner .print { padding: 3.1250vw 0; font-size: var(--fs-24); color: var(--text-body); font-weight: 600; } #container.product.view .contents .section1 .inner-wrap .aside .inner .print > div { margin-top: 2.3438vw; cursor: pointer; } #container.product.view .contents .section1 .inner-wrap .aside .inner .print > div > img { width: 5.4688vw; } #container.product.view .contents .section1 .inner-wrap .aside .inner .download { padding: 3.1250vw 0 0; font-size: var(--fs-24); color: var(--text-body); font-weight: 600; border-bottom: 0; } #container.product.view .contents .section1 .inner-wrap .aside .inner .download > div { margin-top: 2.3438vw; display: flex; gap: 1.1719vw; } #container.product.view .contents .section1 .inner-wrap .article { padding-top: 5.8594vw; } #container.product.view .contents .section1 .inner-wrap .article > div {} #container.product.view .contents .section1 .inner-wrap .article > div > p:nth-of-type(1) { font-size: var(--fs-40); font-weight: 800; } #container.product.view .contents .section1 .inner-wrap .article .information { width: 100%; } #container.product.view .contents .section1 .inner-wrap .article .information .slide .swiper { width: 100%; overflow: hidden; position: relative; } #container.product.view .contents .section1 .inner-wrap .article .information .slide .swiper .swiper-wrapper { height: 62.5000vw; } #container.product.view .contents .section1 .inner-wrap .article .information .slide .swiper .swiper-slide { width: 100%; height: 62.5000vw; display: flex; justify-content: center; } #container.product.view .contents .section1 .inner-wrap .article .information .slide .swiper .swiper-slide > img { height: 100%; } #container.product.view .contents .section1 .inner-wrap .article .information .slide .swiper .swiper-slide > video, #container.product.view .contents .section1 .inner-wrap .article .information .slide .swiper .swiper-slide.fit > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #container.product.view .contents .section1 .inner-wrap .article .information .slide .swiper .btn { display: flex; height: 5.0781vw; align-items: center; justify-content: center; gap: 6.2500vw; margin-top: 3.1250vw; } #container.product.view .contents .section1 .inner-wrap .article .information .slide .swiper .btn > div { position: relative; width: 5.9570vw; cursor: pointer; } #container.product.view .contents .section1 .inner-wrap .article .information .slide .swiper .btn > div > img { width: 100%; } #container.product.view .contents .section1 .inner-wrap .article .information .slide .swiper .btn .next::before { content: ''; position: absolute; left: -3.1250vw; top: 50%; width: var(--static-10); height: 5.0781vw; background: #DEDDCF; margin-top: -2.5391vw; } #container.product.view .contents .section1 .inner-wrap .article .information > ul { margin-top: 3.1250vw; } #container.product.view .contents .section1 .inner-wrap .article .information > ul > li { padding: 3.9063vw 0; border-top: var(--static-10) solid #C2BEB8; display: flex; gap: 4.3945vw; } #container.product.view .contents .section1 .inner-wrap .article .information > ul > li:last-of-type { border-bottom: var(--static-10) solid #C2BEB8; } #container.product.view .contents .section1 .inner-wrap .article .information > ul > li > p { line-height: 1.48; font-size: var(--fs-28); font-weight: 700; color: var(--text-darkest); flex: 0 0 auto; min-width: 12.6953vw; } #container.product.view .contents .section1 .inner-wrap .article .information > ul > li > div { line-height: 1.42; font-size: var(--fs-32); color: var(--text-darkest); word-break: keep-all; } #container.product.view .contents .section1 .inner-wrap .article .information > ul > li > div > a { text-decoration: underline; } #container.product.view .contents .section1 .inner-wrap .article .information .cause { display: flex; margin-top: 3.9063vw; color: var(--text-highlight); font-weight: 500; font-size: var(--fs-24); align-items: center; gap: 1.5625vw; word-break: keep-all; line-height: normal; } #container.product.view .contents .section1 .inner-wrap .article .information .cause > img { width: 3.1250vw; } #container.product.view .contents .section1 .inner-wrap .article .portfolio { padding-top: 7.8125vw; } #container.product.view .contents .section1 .inner-wrap .article .portfolio > p {} #container.product.view .contents .section1 .inner-wrap .article .portfolio > ul { margin-top: 3.9063vw; display: grid; grid-template-columns: repeat(2, 1fr); gap: 7.8125vw 2.7344vw; } #container.product.view .contents .section1 .inner-wrap .article .portfolio > ul > li {} #container.product.view .contents .section1 .inner-wrap .article .portfolio > ul > li > p:nth-of-type(1) { aspect-ratio: 466/515; border-radius: 0.5859vw; overflow: hidden; } #container.product.view .contents .section1 .inner-wrap .article .portfolio > ul > li > p:nth-of-type(2) { margin-top: 3.9063vw; font-size: var(--fs-36); font-weight: 600; line-height: normal; color: var(--text-darkest); } #container.product.view .contents .section1 .inner-wrap .article .portfolio > ul > li > dl { margin-top: 3.1250vw; display: grid; grid-template-columns: minmax(6.6406vw, auto) auto; gap: 1.3672vw 2.3438vw; justify-content: start; align-items: center; } #container.product.view .contents .section1 .inner-wrap .article .portfolio > ul > li > dl > dt { font-size: var(--fs-26); font-weight: 700; color: var(--text-dark); } #container.product.view .contents .section1 .inner-wrap .article .portfolio > ul > li > dl > dd { line-height: 1.48; font-size: var(--fs-26); color: var(--text-dark); } #container.product.view .contents .section1 .inner-wrap .article .portfolio > ul > li > div { font-size: var(--fs-28); font-weight: 500; line-height: normal; color: var(--text-dark); word-break: keep-all; padding-top: 3.9063vw; margin-top: 3.9063vw; border-top: var(--static-10) dashed #C2BEB8; } #container.product.view .contents .section1 .inner-wrap .article .location { margin-top: 7.8125vw; } #container.product.view .contents .section1 .inner-wrap .article .location #map { margin-top: 3.9063vw; width: 100%; aspect-ratio: 960/740; } #container.product.view .contents .section1 .inner-wrap .article .location > a { margin: 2.3438vw auto; padding: 1.7578vw 3.5156vw; display: flex; align-items: center; justify-content: center; gap: 0.9766vw; font-size: var(--fs-26); font-weight: 700; border: var(--static-10) solid #4A4948; border-radius: 1.4648vw; width: fit-content; } #container.product.view .contents .section1 .inner-wrap .article .location > a > svg { width: 2.8320vw; height: 2.9297vw; } #container.product.view .contents .section1 .inner-wrap .article .list {} #container.product.view .contents .section1 .inner-wrap .article .list > p { padding-top: 7.8125vw; border-top: var(--static-10) solid #C2BEB8; } #container.product.view .contents .section1 .inner-wrap .article .list .faq-list { margin-top: 2.9297vw; } #container.product.view .contents .section1 .inner-wrap .article .construction {} #container.product.view .contents .section1 .inner-wrap .article .construction .title { border-top: var(--static-10) solid #C2BEB8; padding-top: 7.8125vw; } #container.product.view .contents .section1 .inner-wrap .article .construction .title > p { font-size: var(--fs-40); font-weight: 800; text-transform: uppercase; } #container.product.view .contents .section1 .inner-wrap .article .construction .title > div { width: 100%; margin-top: 3.1250vw; } #container.product.view .contents .section1 .inner-wrap .article .construction .title > div > select {} #container.product.view .contents .section1 .inner-wrap .article .construction .slide { width: 100%; overflow: hidden; margin-top: 3.9063vw; } #container.product.view .contents .section1 .inner-wrap .article .construction .slide .construct { position: relative; border-radius: 1.1719vw; overflow: hidden; } #container.product.view .contents .section1 .inner-wrap .article .construction .slide .construct .swiper-slide { width: 100%; height: 72.2656vw; } #container.product.view .contents .section1 .inner-wrap .article .construction .slide .construct .swiper-slide > img { width: 100%; height: 100%; object-fit: cover; object-fit: center; } #container.product.view .contents .section1 .inner-wrap .article .construction .slide .construct .process { position: absolute; left: 0; bottom: 0; width: 100%; height: 10.5469vw; background: rgba(0,0,0,0.4); z-index: 2; } #container.product.view .contents .section1 .inner-wrap .article .construction .slide .construct .process > p { height: 100%; width: 45%; background: var(--text-highlight); } #container.product.view .contents .section1 .inner-wrap .article .construction .slide .construct .process > div { position: absolute; left: 0; top: 0.7813vw; width: 100%; height: 100%; color: #fff; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; } #container.product.view .contents .section1 .inner-wrap .article .construction .slide .construct .process > div > div { display: flex; gap: 4.6875vw; font-size: var(--fs-28); font-weight: 700; } #container.product.view .contents .section1 .inner-wrap .article .construction .slide .construct .process > div > div > p:nth-of-type(2) { position: relative; } #container.product.view .contents .section1 .inner-wrap .article .construction .slide .construct .process > div > div > p:nth-of-type(2)::after { content: ''; position: absolute; left: -2.3438vw; top: 50%; width: var(--static-10); height: 2.7344vw; background: #817E7A; margin-top: -1.3672vw; } #container.product.view .contents .section1 .inner-wrap .article .construction .slide .construct .process > div > p { margin-top: 1.9531vw; font-size: var(--fs-52); font-weight: 800; } #container.product.view .contents .section1 .inner-wrap .article .construction .slide .btn { display: flex; justify-content: center; height: 4.2969vw; align-items: center; margin-top: 3.9063vw; gap: 7.8125vw; position: relative; } #container.product.view .contents .section1 .inner-wrap .article .construction .slide .btn::after { content: ''; position: absolute; width: var(--static-10); height: 4.2969vw; top: 0; left: calc(50% -var(--static-10)); background: #DEDDCF; opacity: 0.4; } #container.product.view .contents .section1 .inner-wrap .article .construction .slide .btn > div { width: 2.7344vw; cursor: pointer; } #container.product.view .contents .section1 .inner-wrap .article .construction .slide .btn > div > img { width: 100%; } /*=========================== product map 공통 ===========================*/ #container.product.map .contents { padding-bottom: 0; } #container.product.map .contents .section1 { margin-top: 3.9063vw; padding-bottom: 11.7188vw; background: #000; } #container .map-wrap { display: flex; position: relative; width: 100%; height: 104.9805vw; border-top: var(--static-10) solid #4A4948; border-bottom: var(--static-10) solid #4A4948; } #container .map-wrap #map { width: 100%; height: 100%; } #container .map-wrap .popup { flex: 0 0 auto; display: none; position: relative; width: 58.5938vw; height: 100%; background: #000; padding: 1.9531vw; border: var(--static-10) solid #4A4948; } #container .map-wrap .popup .close { position: absolute; right: 3.1250vw; top: 3.1250vw; width: 6.2500vw; height: 6.2500vw; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cg opacity='0.8'%3E%3Ccircle cx='16' cy='16' r='16' fill='black'/%3E%3Cpath opacity='0.8' d='M20 12L12 20M12 12L20 20' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") center/100% no-repeat; z-index: 10; } #container .map-wrap .popup .inner {} #container .map-wrap .popup .inner > div { color: #fff; width: 100%; height: 100%; display: flex; flex-direction: column; } #container .map-wrap .popup .inner > div .img { flex: 0 0 auto; position: relative; width: 100%; aspect-ratio: 560/354; border-radius: 0.3906vw; overflow: hidden; } #container .map-wrap .popup .inner > div .img > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #container .map-wrap .popup .inner > div .img > p { position: absolute; bottom: 1.1719vw; right: 1.1719vw; display: block; padding: 0.6836vw 1.4648vw; border-radius: 0.6836vw; background: #000; opacity: 0.8; cursor: pointer; } #container .map-wrap .popup .inner > div .img > p > span { color: #fff; display: block; line-height: 2.9297vw; padding-left: 3.3203vw; font-size: var(--fs-18); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cg opacity='0.8'%3E%3Cpath d='M9.3 13.8H18.3L15.195 9.75L13.125 12.45L11.73 10.65L9.3 13.8ZM8.4 17.4C7.905 17.4 7.48125 17.2238 7.12875 16.8713C6.77625 16.5188 6.6 16.095 6.6 15.6V4.8C6.6 4.305 6.77625 3.88125 7.12875 3.52875C7.48125 3.17625 7.905 3 8.4 3H19.2C19.695 3 20.1188 3.17625 20.4713 3.52875C20.8238 3.88125 21 4.305 21 4.8V15.6C21 16.095 20.8238 16.5188 20.4713 16.8713C20.1188 17.2238 19.695 17.4 19.2 17.4H8.4ZM8.4 15.6H19.2V4.8H8.4V15.6ZM4.8 21C4.305 21 3.88125 20.8238 3.52875 20.4713C3.17625 20.1188 3 19.695 3 19.2V6.6H4.8V19.2H17.4V21H4.8Z' fill='white'/%3E%3C/g%3E%3C/svg%3E") left center/2.9297vw 2.9297vw no-repeat; } #container .map-wrap .popup .inner > div .title { flex: 0 0 auto; margin-top: 3.1250vw; display: flex; justify-content: space-between; gap: 1.9531vw; } #container .map-wrap .popup .inner > div .title > div { padding-left: 1.1719vw; } #container .map-wrap .popup .inner > div .title > div > p:nth-of-type(1) { font-size: var(--fs-32); word-break: keep-all; font-weight: 600; line-height: normal; } #container .map-wrap .popup .inner > div .title > div > p:nth-of-type(2) { margin-top: 1.9531vw; font-size: var(--fs-24); word-break: keep-all; font-weight: 600; line-height: normal; } #container .map-wrap .popup .inner > div .title > ul { display: flex; gap: 1.9531vw; flex: 0 0 auto; } #container .map-wrap .popup .inner > div .title > ul > li > a { display: block; text-indent: var(--text-indent); width: 6.2500vw; height: 6.2500vw; } #container .map-wrap .popup .inner > div .title > ul > li:nth-of-type(1) > a { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Ccircle cx='16' cy='16' r='16' fill='%234A4948'/%3E%3Cpath d='M17.9506 9.78977C17.9506 9.3151 17.762 8.85986 17.4263 8.52421C17.0906 8.18856 16.6353 8 16.1605 8C15.6857 8 15.2304 8.18856 14.8947 8.52421C14.559 8.85986 14.3704 9.3151 14.3704 9.78977C14.3704 10.2645 14.559 10.7197 14.8947 11.0553C15.2304 11.391 15.6857 11.5795 16.1605 11.5795C16.6353 11.5795 17.0906 11.391 17.4263 11.0553C17.762 10.7197 17.9506 10.2645 17.9506 9.78977ZM15.2654 12.4744C14.2781 12.4744 13.4753 13.277 13.4753 14.2642V15.6065C13.4753 16.1015 13.8753 16.5014 14.3704 16.5014H14.4207L14.7312 19.284C14.7815 19.737 15.1647 20.081 15.6207 20.081H16.7031C17.159 20.081 17.5422 19.737 17.5926 19.284L17.9003 16.5014H17.9506C18.4457 16.5014 18.8457 16.1015 18.8457 15.6065V14.2642C18.8457 13.277 18.0429 12.4744 17.0556 12.4744H15.2654ZM12.7005 19.7057C13.0641 19.6386 13.3075 19.289 13.2404 18.9255C13.1732 18.5619 12.8236 18.3186 12.46 18.3857C11.5537 18.5507 10.7566 18.7828 10.1664 19.0793C9.87268 19.2275 9.59857 19.4065 9.38879 19.6274C9.17901 19.8539 9 20.1615 9 20.5391C9 21.1375 9.43355 21.5486 9.81395 21.7975C10.2251 22.066 10.7733 22.2813 11.3915 22.4519C12.6418 22.7959 14.3256 23 16.1605 23C17.9954 23 19.6792 22.7959 20.9267 22.4519C21.5448 22.2813 22.0959 22.066 22.5042 21.7975C22.8874 21.5486 23.3182 21.1375 23.3182 20.5391C23.3182 20.1615 23.1392 19.8539 22.9266 19.6274C22.7168 19.4065 22.4427 19.2275 22.149 19.0793C21.5616 18.7828 20.7645 18.5507 19.8554 18.3857C19.4918 18.3186 19.1422 18.5619 19.075 18.9255C19.0079 19.289 19.2512 19.6386 19.6149 19.7057C20.4596 19.8595 21.1169 20.0637 21.5448 20.279C21.6343 20.3237 21.7071 20.3657 21.7658 20.4048C21.8665 20.4719 21.8665 20.6062 21.7658 20.6733C21.5197 20.8327 21.1197 21.0033 20.5631 21.1571C19.4694 21.4619 17.9087 21.6577 16.1605 21.6577C14.4123 21.6577 12.8516 21.4619 11.7495 21.1571C11.1929 21.0033 10.7929 20.8327 10.5468 20.6733C10.4461 20.6062 10.4461 20.4719 10.5468 20.4048C10.6055 20.3657 10.681 20.3237 10.7677 20.279C11.1957 20.0637 11.853 19.8623 12.6977 19.7057H12.7005Z' fill='%23DEDDCF'/%3E%3C/svg%3E") center/100% no-repeat; } #container .map-wrap .popup .inner > div .title > ul > li:nth-of-type(2) > a { position: relative; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Ccircle cx='16' cy='16' r='16' fill='%234A4948'/%3E%3Cpath d='M11 15.5781V19.7986C11 20.1157 11.1317 20.4198 11.3661 20.6441C11.6005 20.8683 11.9185 20.9943 12.25 20.9943H19.75C20.0815 20.9943 20.3995 20.8683 20.6339 20.6441C20.8683 20.4198 21 20.1157 21 19.7986V15.5781' stroke='%23DEDDCF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8299 9C15.9175 9 16.0008 9.01733 16.0789 9.04492C16.1855 9.08243 16.2844 9.14162 16.3651 9.22363L18.8416 11.7412L18.8924 11.7988C19.13 12.0953 19.1096 12.5295 18.8329 12.8018C18.5377 13.0922 18.0628 13.088 17.7723 12.793L16.5799 11.5811V17.2646C16.5796 17.6786 16.2439 18.0146 15.8299 18.0146C15.416 18.0146 15.0803 17.6785 15.0799 17.2646V11.5811L13.8875 12.793C13.5971 13.0881 13.1222 13.092 12.827 12.8018C12.532 12.5112 12.5287 12.0364 12.8192 11.7412L15.2957 9.22363L15.2996 9.21973C15.3367 9.18269 15.3777 9.14977 15.4217 9.12109C15.4542 9.09999 15.4881 9.08123 15.5233 9.06543C15.5375 9.05903 15.5525 9.05435 15.5672 9.04883C15.5938 9.03887 15.6207 9.03035 15.6483 9.02344C15.6664 9.01893 15.6844 9.01391 15.703 9.01074C15.7133 9.00896 15.7237 9.00721 15.7342 9.00586C15.7656 9.00186 15.7975 9 15.8299 9Z' fill='%23DEDDCF'/%3E%3C/svg%3E") center/100% no-repeat; } #container .map-wrap .popup .inner > div .title > ul > li:nth-of-type(2) > a .feedback { position: absolute; right: 0; top: calc(100% + 0.9766vw); width: max-content; background: var(--text-dark); padding: 1.9531vw 2.9297vw; border-radius: 9.7656vw; color: #fff; font-size: var(--fs-22); text-indent: 0; } #container .map-wrap .popup .inner > div .tag { flex: 0 0 auto; margin-top: 3.1250vw; padding: 1.5625vw 0; border-top: var(--static-10) solid rgba(255,255,255,0.3); border-bottom: var(--static-10) solid rgba(255,255,255,0.3); display: flex; gap: 1.1719vw; } #container .map-wrap .popup .inner > div .tag > li { padding: 1.4648vw 2.1484vw; border-radius: 9.7656vw; background: #1C1B1B; font-size: var(--fs-20); font-weight: 600; text-transform: uppercase; } #container .map-wrap .popup .inner > div .tag > li:nth-of-type(1) { color: var(--text-highlight); font-weight: 700; } #container .map-wrap .popup .inner > div .info { margin-top: 3.1250vw; overflow-y: auto; padding-bottom: 7.8125vw; } #container .map-wrap .popup .inner > div .info > dl { display: grid; grid-template-columns: 8.1055vw auto; gap: 2.1484vw 5.1758vw; justify-content: start; } #container .map-wrap .popup .inner > div .info > dl > dt { font-size: var(--fs-24); font-weight: 700; line-height: 1.48; } #container .map-wrap .popup .inner > div .info > dl > dd { font-size: var(--fs-24); line-height: 1.48; } #container .map-wrap .popup .inner > div .info .cause { margin-top: 3.1250vw; display: flex; align-items: center; gap: 1.5625vw; font-size: var(--fs-24); color: var(--text-highlight); font-weight: 500; line-height: normal; word-break: keep-all; } #container .map-wrap .popup .inner > div .info .cause > img { width: 3.1250vw; } #container .map-wrap .popup > a { position: absolute; bottom: 0; left: 0; width: 100%; background: #1C1B1B; padding: 2.1484vw 0; color: #fff; font-weight: 700; font-size: var(--fs-22); text-align: center; } #container .map-wrap .popup > a > span { padding-right: 2.9297vw; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M6.975 9L5.8725 7.9125L8.66812 5.25H0V3.75H8.66812L5.8725 1.0875L6.975 0L11.7 4.5L6.975 9Z' fill='white'/%3E%3C/svg%3E") right center/2.1484vw 1.7578vw no-repeat; } /*=========================== 서브페이지 공통 ===========================*/ #container.subpage {} #container.subpage .big-banner { width: 100%; height: 300vh; overflow: hidden; } #container.subpage .big-banner .inner-banner { position: relative; width: 100%; height: 100vh; } #container.subpage .big-banner .inner-banner > .img { display: none; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100vh; } #container.subpage .big-banner .inner-banner > .img-dimd { display: none; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: rgba(0,0,0,0.5); } #container.subpage .big-banner .inner-banner > .img img, #container.subpage .big-banner .inner-banner > .img video { width: 100%; height: 100%; object-fit: cover; } #container.subpage .big-banner .inner-banner .txt-wrap { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 9.7656vw var(--w-32) 0; z-index: 1; color: #fff; } #container.subpage .big-banner .inner-banner .txt-wrap > p { position: relative; top: 7.8125vw; opacity: 0; transition: top 1s ease, opacity 1s ease; } #container.subpage .big-banner .inner-banner .txt-wrap > p:nth-of-type(1) { font-size: var(--fs-28); font-weight: 700; line-height: normal; } #container.subpage .big-banner .inner-banner .txt-wrap > p:nth-of-type(2) { font-size: var(--fs-72); font-weight: 600; line-height: normal; margin-top: 2.3438vw; padding-bottom: 3.9063vw; border-bottom: var(--static-10) solid rgba(255,255,255,0.3); word-break: keep-all; } #container.subpage .big-banner .inner-banner.active > .img { display: block; z-index: -1; } #container.subpage .big-banner .inner-banner.active > .img-dimd { display: block; z-index: -1; } #container.subpage .big-banner .inner-banner.active .txt-wrap > p:nth-of-type(1) { top: 0; opacity: 1; } #container.subpage .big-banner .inner-banner.active .txt-wrap > p:nth-of-type(2) { top: 0; opacity: 1; transition-delay: 0.15s; } /* #container.subpage .big-banner .inner-banner.high-index > .img { z-index: 1; } #container.subpage .big-banner .inner-banner.high-index > .img-dimd { z-index: 1; } #container.subpage .big-banner .inner-banner.high-index > .txt-wrap { z-index: 2; } */ #container.subpage .big-banner .fix-banner { position: relative; width: 100%; height: 100vh; overflow: hidden; } #container.subpage .big-banner .fix-banner .motion-banner { overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 87.8906vw; height: 85vh; border-radius: 1.1719vw; } #container.subpage .big-banner .fix-banner .motion-banner .img { width: 100%; height: 100%; } #container.subpage .big-banner .fix-banner .motion-banner .img img, #container.subpage .big-banner .fix-banner .motion-banner .img video { width: 100%; height: 100%; object-fit: cover; } #container.subpage .big-banner .fix-banner .motion-banner .img-dimd { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.2; } #container.subpage .big-banner + .contents { padding: 7.8125vw 0 11.7188vw; position: relative; z-index: 2; background: #fff; } #container.subpage .main-title + .contents { padding: 0 0 11.7188vw; position: relative; z-index: 2; background: #fff; } #container.subpage .contents .section .aside-wrap .aside { display: none; } /*=========================== 회사개요 about_01 ===========================*/ #container.about_01 .contents .section {} #container.about_01 .contents .section1 {} #container.about_01 .contents .section1 .inner { padding-bottom: 11.7188vw; } #container.about_01 .contents .section1 .inner > .title { font-size: var(--fs-40); font-weight: 800; padding-bottom: 3.1250vw; border-bottom: var(--static-20) solid #4A4948; } #container.about_01 .contents .section1 .inner > .article { padding-top: 7.8125vw; } #container.about_01 .contents .section1 .inner > .article > ul { padding-bottom: 11.7188vw; } #container.about_01 .contents .section1 .inner > .article > ul > li {} #container.about_01 .contents .section1 .inner > .article > ul > li:nth-of-type(1) { font-size: var(--fs-48); font-weight: 800; } #container.about_01 .contents .section1 .inner > .article > ul > li:nth-of-type(2) { margin-top: 5.8594vw; font-size: var(--fs-32); line-height: 1.42; color: var(--text-body); word-break: keep-all; } #container.about_01 .contents .section1 .inner > .article > dl { border-top: var(--static-10) solid #C2BEB8; } #container.about_01 .contents .section1 .inner > .article > dl > dt { font-size: var(--fs-40); font-weight: 700; } #container.about_01 .contents .section1 .inner > .article > dl > dd {} #container.about_01 .contents .section1 .inner > .article > dl > dd > video { width: 100%; } #container.about_01 .contents .section1 .inner > .article > dl:nth-of-type(1) { padding: 7.8125vw 0; } #container.about_01 .contents .section1 .inner > .article > dl:nth-of-type(1) > dt {} #container.about_01 .contents .section1 .inner > .article > dl:nth-of-type(1) > dd { margin-top: 5.8594vw; } #container.about_01 .contents .section1 .inner > .article > dl:nth-of-type(1) > dd > p { font-size: var(--fs-96); font-weight: 800; color: var(--text-highlight); display: flex; align-items: baseline; gap: 0.7813vw; margin-bottom: 5.8594vw; } #container.about_01 .contents .section1 .inner > .article > dl:nth-of-type(1) > dd > p > span { font-size: var(--fs-40); font-weight: 600; } #container.about_01 .contents .section1 .inner > .article > dl:nth-of-type(1) > dd > img { width: 100%; } #container.about_01 .contents .section1 .inner > .article > dl:nth-of-type(2) { border-top: var(--static-10) dashed #C2BEB8; padding-top: 7.8125vw; } #container.about_01 .contents .section1 .inner > .article > dl:nth-of-type(2) > dd { margin-top: 5.8594vw; } #container.about_01 .contents .section1 .inner > .article > dl:nth-of-type(2) > dd > img { width: 100%; } #container.about_01 .contents .section2 .inner-wrap { color: #fff; display: grid; grid-template-columns: repeat(2, 1fr); background: var(--text-darkest); padding-top: 7.8125vw; padding-bottom: 7.8125vw; } #container.about_01 .contents .section2 .inner-wrap > p:nth-of-type(1) { font-size: var(--fs-48); font-weight: 600; } #container.about_01 .contents .section2 .inner-wrap > p:nth-of-type(2) { justify-self: end; width: 37.1094vw; height: 54.6875vw; grid-row: 1 / span 2; grid-column: 2 / 3; } #container.about_01 .contents .section2 .inner-wrap > p:nth-of-type(2) > img { width: 100%; } #container.about_01 .contents .section2 .inner-wrap > ul { align-self: end; width: 46.0938vw; font-size: var(--fs-28); line-height: 1.48; } #container.about_01 .contents .section2 .inner-wrap > ul > li { font-size: var(--fs-28); line-height: 1.48; } #container.about_01 .contents .section2 .inner-wrap > ul > li > strong { font-size: var(--fs-32); line-height: normal; margin-bottom: 1.9531vw; display: block; } #container.about_01 .contents .section2 .inner-wrap > ul > li~li { margin-top: 3.9063vw; padding-top: 3.9063vw; border-top: var(--static-10) dashed #817E7A; } #container.about_01 .contents .section2 .inner-wrap > dl { grid-column: 1/span 2; grid-row: 3/4; margin-top: 5.8594vw; padding-top: 5.8594vw; border-top: var(--static-10) solid #817E7A; } #container.about_01 .contents .section2 .inner-wrap > dl > dt { font-size: var(--fs-32); font-weight: 700; } #container.about_01 .contents .section2 .inner-wrap > dl > dd {} #container.about_01 .contents .section2 .inner-wrap > dl > dd > ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 7.8125vw; } #container.about_01 .contents .section2 .inner-wrap > dl > dd > ul > li { padding-top: 5.8594vw; display: flex; flex-direction: column; } #container.about_01 .contents .section2 .inner-wrap > dl > dd > ul > li:nth-child(-n+4) { border-bottom: var(--static-10) dashed #817E7A; padding-bottom: 2.9297vw; } #container.about_01 .contents .section2 .inner-wrap > dl > dd > ul > li > span { order: 1; margin-top: 3.9063vw; font-size: var(--fs-28); font-weight: 700; color: var(--text-highlight); } #container.about_01 .contents .section2 .inner-wrap > dl > dd > ul > li > p { order: 0; width: 20.3125vw; height: 20.3125vw; border-radius: 20.3125vw; background: #fff; font-size: var(--fs-36); font-weight: 700; color: #000; display: flex; justify-content: center; align-items: center; } #container.about_01 .contents .section2 .inner-wrap > dl > dd > ul > li > div { order: 2; margin-top: 1.1719vw; font-size: var(--fs-32); color: var(--text-light); line-height: 1.42; } #container.about_01 .contents .section3 .inner { padding-bottom: 11.7188vw; } #container.about_01 .contents .section3 .inner > dl {} #container.about_01 .contents .section3 .inner > dl > dt { font-size: var(--fs-40); font-weight: 700; } #container.about_01 .contents .section3 .inner > dl > dd { margin-top: 5.8594vw; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(1) { padding-bottom: 7.8125vw; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(1) > dd { overflow-x: scroll; overflow-y: hidden; padding: 0 var(--w-32); } #container.about_01 .contents .section3 .inner > dl:nth-of-type(1) > dd > table { width: 136.7188vw; border-top: var(--static-20) solid #4A4948; border-collapse: collapse; border-spacing: 0; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(1) > dd > table td { color: #000; font-size: var(--fs-28); padding: 2.3438vw 0; text-align: center; word-break: keep-all; line-height: 1.48; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(1) > dd > table td > strong { color: var(--text-dark); } #container.about_01 .contents .section3 .inner > dl:nth-of-type(1) > dd > table thead { border-bottom: var(--static-10) solid #4A4948; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(1) > dd > table thead td { color: #000; font-size: var(--fs-32); font-weight: 700; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(1) > dd > table thead td:nth-of-type(1) { width: 11.7188vw; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(1) > dd > table thead td:nth-of-type(2) { width: 54.6875vw; padding-left: 3.9063vw; padding-right: 3.9063vw; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(1) > dd > table thead td:nth-of-type(3) { width: 54.6875vw; padding-right: 7.8125vw; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(1) > dd > table tbody > tr { border-bottom: var(--static-10) solid #C2BEB8; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(2) { padding-top: 7.8125vw; border-top: var(--static-10) dashed #C2BEB8; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(2) > dt {} #container.about_01 .contents .section3 .inner > dl:nth-of-type(2) > dd {} #container.about_01 .contents .section3 .inner > dl:nth-of-type(2) > dd > div { display: flex; align-items: flex-end; gap: 1.1719vw; padding-bottom: 5.8594vw; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(2) > dd > div > p { font-size: var(--fs-160); font-weight: 800; line-height: 0.75; background: linear-gradient(129deg, var(--color-case-text-highlight, #D03042) 35.95%, #E2C41C 96.92%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(2) > dd > div > div {} #container.about_01 .contents .section3 .inner > dl:nth-of-type(2) > dd > div > div > p:nth-of-type(1) { font-size: var(--fs-68); font-weight: 700; letter-spacing: -0.0977vw; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(2) > dd > div > div > p:nth-of-type(2) { font-size: var(--fs-28); line-height: 1.48; color: var(--text-body); margin-top: 0.1953vw; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(2) > dd > ul { border-top: var(--static-10) dashed #C2BEB8; display: flex; padding-bottom: 5.8594vw; border-bottom: var(--static-10) solid #C2BEB8; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(2) > dd > ul > li { flex: 1 1 0; min-width: 29.9805vw; padding-top: 4.8828vw; padding-bottom: 0; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(2) > dd > ul > li~li { border-left: var(--static-10) dashed #C2BEB8; padding-left: 2.9297vw; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(2) > dd > ul > li > p { font-size: var(--fs-26); font-weight: 700; color: var(--text-darkest); } #container.about_01 .contents .section3 .inner > dl:nth-of-type(2) > dd > ul > li > div { margin-top: 2.9297vw; display: flex; align-items: flex-end; color: var(--text-darkest); gap: 0.7813vw; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(2) > dd > ul > li > div > p { font-size: var(--fs-76); font-weight: 500; line-height: 0.75; } #container.about_01 .contents .section3 .inner > dl:nth-of-type(2) > dd > ul > li > div > span { font-size: var(--fs-26); font-weight: 700; padding-bottom: 0.2930vw; } #container.about_01 .contents .section4 .inner {} #container.about_01 .contents .section4 .inner > dl { border-top: var(--static-10) solid #4A4948; padding-top: 7.8125vw; } #container.about_01 .contents .section4 .inner > dl > dt { font-size: var(--fs-40); font-weight: 800; } #container.about_01 .contents .section4 .inner > dl > dd {} #container.about_01 .contents .section4 .inner > dl:nth-of-type(1) { padding-bottom: 7.8125vw; } #container.about_01 .contents .section4 .inner > dl:nth-of-type(1) > dd { margin-top: 5.8594vw; font-size: var(--fs-32); font-weight: 500; line-height: 1.42; color: var(--text-body); } #container.about_01 .contents .section4 .inner > dl:nth-of-type(2) {} #container.about_01 .contents .section4 .inner > dl:nth-of-type(2) > dd > div {} #container.about_01 .contents .section4 .inner > dl:nth-of-type(2) > dd > div > p { margin-top: 7.8125vw; width: 100%; height: 62.5000vw; overflow: hidden; } #container.about_01 .contents .section4 .inner > dl:nth-of-type(2) > dd > div > div { padding-top: 5.8594vw; display: grid; grid-template-columns: repeat(2, 1fr); } #container.about_01 .contents .section4 .inner > dl:nth-of-type(2) > dd > div > div > p { font-size: var(--fs-40); font-weight: 700; order: 0; } #container.about_01 .contents .section4 .inner > dl:nth-of-type(2) > dd > div > div > span { order: 3; margin-top: 1.9531vw; display: block; font-size: var(--fs-28); color: var(--text-body); } #container.about_01 .contents .section4 .inner > dl:nth-of-type(2) > dd > div > div > a { order: 2; grid-column: 2/3; grid-row: 1/span 2; justify-self: end; align-self: start; } #container.about_01 .contents .section4 .inner > dl:nth-of-type(2) > dd > ul { margin-top: 17.5781vw; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5.8594vw 2.7344vw; justify-content: space-between; height: 23.5352vw; overflow: hidden; } #container.about_01 .contents .section4 .inner > dl:nth-of-type(2) > dd > ul.active { height: auto; } #container.about_01 .contents .section4 .inner > dl:nth-of-type(2) > dd > ul > li { padding-top: 3.9063vw; display: flex; flex-direction: column; align-items: flex-start; border-top: var(--static-10) solid #4A4948; } #container.about_01 .contents .section4 .inner > dl:nth-of-type(2) > dd > ul > li > p { font-size: var(--fs-40); font-weight: 700; line-height: 1.38; } #container.about_01 .contents .section4 .inner > dl:nth-of-type(2) > dd > ul > li > span { font-size: var(--fs-32); line-height: 1.42; } #container.about_01 .contents .section4 .inner > dl:nth-of-type(2) > dd > ul > li > a { margin-top: 3.9063vw; } #container.about_01 .contents .section4 .inner > dl:nth-of-type(2) > dd > ul > li > a~a { margin-top: 0.7813vw; } #container.about_01 .contents .section4 .inner > dl:nth-of-type(2) > dd > .more { width: calc(100% - var(--w-32) - var(--w-32)); margin: 5.8594vw auto 0; padding: 2.1484vw 0; text-align: center; border: var(--static-10) solid #000; border-radius: 0.2930vw; font-weight: 700; font-size: var(--fs-30); cursor: pointer; } #container.about_01 .contents .section4 .inner > dl:nth-of-type(2) > dd > ul.active+.more { display: none; } /*=========================== 연혁 about_02 ===========================*/ #container.about_02 .contents .section~.section { border-top: var(--static-10) solid #C2BEB8; padding-top: 3.9063vw; margin-top: 3.9063vw; } #container.about_02 .contents .section .inner-wrap {} #container.about_02 .contents .section .inner-wrap .title { width: 100%; } #container.about_02 .contents .section .inner-wrap .title .inner > p { font-size: var(--fs-52); font-weight: 600; line-height: normal; letter-spacing: -0.1523vw; } #container.about_02 .contents .section .inner-wrap .title .inner > div { font-size: var(--fs-40); line-height: normal; margin-top: 5.8594vw; color: var(--text-body); word-break: keep-all; } #container.about_02 .contents .section .inner-wrap .article { margin-top: 7.8125vw; display: flex; justify-content: space-between; gap: 3.9063vw; } #container.about_02 .contents .section .inner-wrap .article .img-wrap { position: relative; width: 28.1250vw; background: rgba(0,0,0,0); flex: 0 0 auto; } #container.about_02 .contents .section .inner-wrap .article .img-wrap .inner { width: 28.1250vw; min-height: 19.5313vw; position: absolute; top: 0; } #container.about_02 .contents .section .inner-wrap .article .img-wrap.fixed .inner { position: fixed; transition: top .5s ease, background-color .5s ease; } #container.about_02 .contents .section .inner-wrap .article .img-wrap.end .inner { position: absolute; top: auto !important; bottom: 0.0000vw; transform: translate(0, 0); } #container.about_02 .contents .section .inner-wrap .article .img-wrap .inner > ul { width: 100%; position: relative; } #container.about_02 .contents .section .inner-wrap .article .img-wrap .inner > ul > li { width: 100%; transform: scale(0.9); opacity: 0; position: absolute; left: 0; top: 0; border-radius: 0.5859vw; overflow: hidden; } #container.about_02 .contents .section .inner-wrap .article .img-wrap .inner > ul > li > img { width: 100%; } #container.about_02 .contents .section .inner-wrap .article .img-wrap .inner > ul > li.active { height: auto; display: block; opacity: 1; position: static; transform: scale(1); transition: all .5s ease; } #container.about_02 .contents .section .inner-wrap .article .history { width: 100%; } #container.about_02 .contents .section .inner-wrap .article .history > div {} #container.about_02 .contents .section .inner-wrap .article .history > div~div { margin-top: 1.9531vw; } #container.about_02 .contents .section .inner-wrap .article .history > div > p { font-size: var(--fs-40); font-weight: 800; line-height: normal; margin-bottom: 3.1250vw; } #container.about_02 .contents .section .inner-wrap .article .history > div > div { padding: 3.9063vw 0; font-size: var(--fs-36); line-height: 1.66; border: var(--static-10) solid #000; border-left: 0; border-right: 0; word-break: keep-all; } #container.about_02 .contents .section .inner-wrap .article .history > div > div > p~p {} #container.about_02 .contents .section .inner-wrap .article .history > div > ul {} #container.about_02 .contents .section .inner-wrap .article .history > div > ul > li { display: flex; align-items: center; gap: 0.5859vw; padding: 3.9063vw 0; font-size: var(--fs-32); line-height: 1.42; color: var(--text-darkest); word-break: keep-all; } #container.about_02 .contents .section .inner-wrap .article .history > div > ul > li.highlight { font-weight: 700; } #container.about_02 .contents .section .inner-wrap .article .history > div > ul > li:not(.img)::before { content: ''; width: 0.5859vw; height: 0.5859vw; border-radius: 9.7656vw; background: #000; align-self: flex-start; margin-right: 1.4648vw; margin-top: 1.7578vw; } #container.about_02 .contents .section .inner-wrap .article .history > div > ul > li.highlight::before { background: var(--text-highlight); } #container.about_02 .contents .section .inner-wrap .article .history > div > ul > li.bd { padding: 3.7109vw 0; } #container.about_02 .contents .section .inner-wrap .article .history > div > ul > li.bd > span {} #container.about_02 .contents .section .inner-wrap .article .history > div > ul > li.bd > span::after { display: inline-block; content: ''; width: 4.8828vw; height: 4.8828vw; border-radius: 9.7656vw; background-color: #F9F4F0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M1.5 14.5H14.5M5.83333 6.07407H6.55556M5.83333 9.92593H6.55556M9.44444 6.07407H10.1667M9.44444 9.92593H10.1667M2.94444 14.5V2.94444C2.94444 2.56135 3.09663 2.19395 3.36751 1.92307C3.6384 1.65218 4.0058 1.5 4.38889 1.5H11.6111C11.9942 1.5 12.3616 1.65218 12.6325 1.92307C12.9034 2.19395 13.0556 2.56135 13.0556 2.94444V14.5' stroke='%235B3125' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size: 2.7344vw 2.7344vw; background-position: center; background-repeat: no-repeat; vertical-align: middle; margin-top: -0.3906vw; margin-left: 1.1719vw; } #container.about_02 .contents .section .inner-wrap .article .history > div > ul > li~li { border-top: var(--static-10) solid #DEDDCF; } #container.about_02 .contents .section .inner-wrap .article .history > div > p+ul > li:first-of-type { border-top: var(--static-10) solid #DEDDCF; } #container.about_02 .contents .section .inner-wrap .article .history > div > ul > li.img { display: none; } #container.about_02 .contents .section .inner-wrap.reverse .article .img-wrap { order: 1; } #container.about_02 .contents .section .inner-wrap.reverse .article .history { order: 0; } /*=========================== 주요성과 about_03 ===========================*/ #container.about_03 .contents .section {} #container.about_03 .contents .section1 { padding-bottom: 7.8125vw; } #container.about_03 .contents .section1 .inner {} #container.about_03 .contents .section1 .inner > p { font-size: var(--fs-40); font-weight: 800; margin-bottom: 3.9063vw; text-transform: uppercase; } #container.about_03 .contents .section1 .inner > ul { display: flex; gap: 1.9531vw; } #container.about_03 .contents .section1 .inner > ul > li { width: 29.9805vw; min-height: 34.1797vw; background: #F9F4F0; border-radius: 1.1719vw; padding: 12.6953vw 1.9531vw 0; position: relative; } #container.about_03 .contents .section1 .inner > ul > li > p:nth-of-type(1) { font-size: var(--fs-26); font-weight: 700; color: var(--text-darkest); position: absolute; top: 2.7344vw; left: 2.7344vw; } #container.about_03 .contents .section1 .inner > ul > li > p:nth-of-type(2) { font-size: var(--fs-80); font-weight: 500; letter-spacing: -0.2344vw; display: flex; align-items: flex-end; gap: 0.7813vw; justify-content: center; } #container.about_03 .contents .section1 .inner > ul > li > p:nth-of-type(2) > span:nth-of-type(2) { font-size: var(--fs-30); font-weight: 600; color: var(--text-darkest); padding-bottom: 1.1719vw; } #container.about_03 .contents .section1 .inner > ul > li > div { text-align: center; margin-top: 1.9531vw; font-size: var(--fs-28); line-height: 1.48; } #container.about_03 .contents .section1 .inner > ul > li > div > span { font-weight: 700; } #container.about_03 .contents .section1 .inner > div { position: relative; margin-top: 7.8125vw; } #container.about_03 .contents .section1 .inner > div > div { overflow-y: hidden; overflow-x: scroll; } #container.about_03 .contents .section1 .inner > div > div > p { width: 143.5547vw; } #container.about_03 .contents .section1 .inner > div > div > p > picture > img { width: 100%; } #container.about_03 .contents .section1 .inner > div > div > ul { position: absolute; left: 0; bottom: var(--static-10); display: flex; flex-direction: column; gap: 0.2930vw; border-right: var(--static-10) solid #C2BEB8; } #container.about_03 .contents .section1 .inner > div > div > ul > li { width: 14.4531vw; height: 9.4727vw; display: flex; flex-direction: column; word-break: keep-all; justify-content: center; font-size: var(--fs-24); color: var(--text-body); font-weight: 500; background: #fff; } #container.about_03 .contents .section1 .inner > div > div > ul > li:nth-of-type(2) { height: 9.4727vw; } #container.about_03 .contents .section1 .inner > div > div > ul > li:nth-of-type(3) { height: 9.6680vw; } #container.about_03 .contents .section1 .inner > div > div > ul > li > strong { font-size: var(--fs-28); color: var(--text-dark); } #container.about_03 .contents .section2 {} #container.about_03 .contents .section2 .inner-wrap { display: grid; grid-template-columns: repeat(2, 1fr); color: #fff; background: #1C1B1B; word-break: keep-all; padding-top: 7.8125vw; padding-bottom: 7.8125vw; gap: 5.8594vw; } #container.about_03 .contents .section2 .inner-wrap > p:nth-of-type(1) { font-size: var(--fs-48); font-weight: 600; line-height: normal; } #container.about_03 .contents .section2 .inner-wrap > p:nth-of-type(2) { width: 37.1094vw; grid-column: 2/3; grid-row: 1/span 2; border-radius: 1.1719vw; overflow: hidden; } #container.about_03 .contents .section2 .inner-wrap > p:nth-of-type(2) > picture > img { height: auto; } #container.about_03 .contents .section2 .inner-wrap > div { font-size: var(--fs-28); line-height: 1.48; align-self: end; width: 50.7813vw; } #container.about_03 .contents .section3 { padding: 7.8125vw 0; } #container.about_03 .contents .section3 .inner-wrap {} #container.about_03 .contents .section3 .inner-wrap > dl {} #container.about_03 .contents .section3 .inner-wrap > dl > dt { font-size: var(--fs-52); font-weight: 600; color: var(--text-darkest); } #container.about_03 .contents .section3 .inner-wrap > dl > dd { margin-top: 5.8594vw; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul { display: grid; grid-template-columns: repeat(2, auto); gap: 7.8125vw 5.8594vw; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(1) { display: flex; width: 37.1094vw; border-radius: 0.7813vw; overflow: hidden; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(1) > picture { display: flex; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(2) {} #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(2) > p { font-size: var(--fs-40); font-weight: 500; line-height: normal; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(2) > div { margin-top: 3.1250vw; font-size: var(--fs-32); line-height: 1.42; color: var(--text-darkest); } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(2) > a { margin-top: 3.9063vw; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) { grid-column: 1/span 2; background: #F9F4F0; border-radius: 1.1719vw; padding: 3.9063vw 3.1250vw 5.8594vw; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) > p { font-size: var(--fs-28); font-weight: 700; color: var(--text-darkest); } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) > p:nth-of-type(2) { border-top: var(--static-10) dashed #C2BEB8; padding-top: 5.8594vw; margin-top: 5.8594vw; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) > div:nth-of-type(1) { text-align: center; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) > div:nth-of-type(1) > p:nth-of-type(1) { margin-top: 2.9297vw; font-size: var(--fs-136); font-weight: 500; line-height: 0.75; letter-spacing: -0.3906vw; display: flex; gap: 0.3906vw; align-items: flex-end; justify-content: center; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) > div:nth-of-type(1) > p:nth-of-type(1) > span:nth-of-type(2) { font-size: var(--fs-52); font-weight: 600; padding-bottom: 1.1719vw; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) > div:nth-of-type(1) > p:nth-of-type(2) { margin-top: 2.7344vw; font-size: var(--fs-28); color: var(--text-body); } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) > div:nth-of-type(2) { position: relative; width: 100%; display: flex; padding-top: 5.8594vw; gap: 5.8594vw; padding-top: 13.6719vw; margin-top: 5.8594vw; border-top: var(--static-10) dashed #C2BEB8; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) > div:nth-of-type(2) > span { position: absolute; left: 0; top: 3.9063vw; font-size: var(--fs-28); font-weight: 700; color: var(--text-darkest); } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) > div:nth-of-type(2) > p { width: 39.0625vw; flex: 0 0 auto; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) > div:nth-of-type(2) > p > img { width: 100%; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) > div:nth-of-type(2) > div { margin-top: 1.9531vw; width: 100%; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) > div:nth-of-type(2) > div > ul { display: grid; grid-template-columns: repeat(2, auto); justify-content: space-between; gap: 0.7813vw 0; padding-bottom: 0.9766vw; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) > div:nth-of-type(2) > div > ul > li { font-size: var(--fs-28); color: var(--text-dark); line-height: 1.48; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) > div:nth-of-type(2) > div > ul > li:nth-child(2n+1) { font-weight: 500; display: flex; gap: 1.9531vw; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) > div:nth-of-type(2) > div > ul > li:nth-child(2n+1)::before { content: ''; width: 1.5625vw; height: 1.5625vw; border-radius: 1.5625vw; margin-top: 1.1719vw; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) > div:nth-of-type(2) > div > ul > li:nth-child(2n) { justify-self: end; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(3) > div:nth-of-type(2) > div > p { padding-top: 2.3438vw; border-top: var(--static-10) dashed #C2BEB8; text-align: right; font-size: var(--fs-24); font-weight: 500; color: var(--text-body); } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(2) { margin-top: 7.8125vw; display: grid; grid-template-columns: repeat(2, 45.5078vw); row-gap: 7.8125vw; justify-content: space-between; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(2) > div {} #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(2) > div > p:nth-of-type(1) { display: flex; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(2) > div > p:nth-of-type(1) > img { height: auto; width: 100%; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(2) > div > p:nth-of-type(2) { font-size: var(--fs-28); font-weight: 700; color: var(--text-dark); margin-top: 3.1250vw; } #container.about_03 .contents .section3 .inner-wrap > dl > dd:nth-of-type(2) > div > p:nth-of-type(3) { font-size: var(--fs-24); font-weight: 500; color: var(--text-body); margin-top: 1.1719vw; } #container.about_03 .contents .section4 { border-top: var(--static-10) solid #C2BEB8; padding-top: 7.8125vw; padding-bottom: 7.8125vw; } #container.about_03 .contents .section4 .inner-wrap > dl > dt { font-size: var(--fs-52); font-weight: 600; color: var(--text-darkest); } #container.about_03 .contents .section4 .inner-wrap > dl > dd { margin-top: 7.8125vw; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(1) { margin-top: 5.8594vw; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(1) > ul { display: grid; grid-template-columns: 1fr 37.1094vw; gap: 0 7.0313vw; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(1) {} #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(1) > p { font-size: var(--fs-40); font-weight: 500; line-height: normal; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(1) > div { margin-top: 3.1250vw; font-size: var(--fs-32); line-height: 1.42; color: var(--text-darkest); } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(1) > a { margin-top: 3.9063vw; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(2) { width: 37.1094vw; border-radius: 0.3906vw; overflow: hidden; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(2) { display: flex; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(2) > picture { display: flex; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(1) > ul > li:nth-of-type(2) > picture > img { object-fit: cover; object-position: center; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) { width: 100%; background: #F9F4F0; border-radius: 0.7813vw; padding: 3.9063vw 3.1250vw 5.8594vw; position: relative; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > p { font-size: var(--fs-28); font-weight: 700; color: var(--text-darkest); } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > ul { margin-top: 5.8594vw; display: flex; flex-direction: column; align-items: center; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > ul > li:nth-of-type(1) { font-size: var(--fs-136); font-weight: 500; line-height: 0.75; letter-spacing: -0.3906vw; display: flex; gap: 0.7813vw; align-items: flex-end; justify-content: center; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > ul > li:nth-of-type(1) > span:nth-of-type(2) { font-size: var(--fs-52); font-weight: 600; padding-bottom: 1.1719vw; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > ul > li:nth-of-type(2) { margin-top: 2.7344vw; font-size: var(--fs-28); color: var(--text-body); } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > div { margin-top: 5.8594vw; display: flex; justify-content: space-between; position: relative; border-top: var(--static-10) dashed #C2BEB8; padding-top: 13.6719vw; gap: 5.8594vw; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > div~div { margin-top: 7.8125vw; padding-top: 5.8594vw; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > div > span { font-size: var(--fs-28); font-weight: 700; color: var(--text-darkest); position: absolute; left: 0; top: 3.9063vw; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > div > p { width: 39.0625vw; flex: 0 0 auto; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > div > p > img { width: 100%; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > div > div { width: 100%; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > div > div > ul { display: grid; grid-template-columns: repeat(2, auto); justify-content: space-between; gap: 1.5625vw 0; padding-bottom: 2.7344vw; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > div > div > ul > li { font-size: var(--fs-28); color: var(--text-dark); line-height: 1.48; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > div > div > ul > li.space { letter-spacing: 0.2441vw; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > div > div > ul > li:nth-child(2n+1) { font-weight: 500; display: flex; gap: 1.9531vw; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > div > div > ul > li:nth-child(2n+1)::before { content: ''; width: 1.5625vw; height: 1.5625vw; border-radius: 1.5625vw; margin-top: 1.0742vw; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > div > div > ul > li:nth-child(2n) { justify-self: end; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(2) > div > div > p { padding-top: 2.3438vw; border-top: var(--static-10) dashed #C2BEB8; text-align: right; font-size: var(--fs-24); font-weight: 500; color: var(--text-body); } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(3) { margin-top: 7.8125vw; display: grid; grid-template-columns: repeat(2, 45.5078vw); row-gap: 7.8125vw; justify-content: space-between; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(3) > div {} #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(3) > div > p:nth-of-type(1) {} #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(3) > div > p:nth-of-type(1) > img { height: auto; width: 100%; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(3) > div > p:nth-of-type(2) { font-size: var(--fs-28); font-weight: 700; color: var(--text-dark); margin-top: 3.1250vw; } #container.about_03 .contents .section4 .inner-wrap > dl > dd:nth-of-type(3) > div > p:nth-of-type(3) { font-size: var(--fs-24); font-weight: 500; color: var(--text-body); margin-top: 1.1719vw; } #container.about_03 .contents .section5 { border-top: var(--static-10) solid #C2BEB8; padding-bottom: 0; } /*=========================== 리더그룹 - 이사회 및 경영진 about_04-1 ===========================*/ #container.about_04_1 .contents .section1 {} #container.about_04_1 .contents .section1 > ul { display: grid; grid-template-columns: repeat(2, 45.5078vw); gap: 7.8125vw 2.9297vw; justify-content: center; } #container.about_04_1 .contents .section1 > ul > li {} #container.about_04_1 .contents .section1 > ul > li > div.img { position: relative; width: 100%; padding-top: 1.5625vw; border-radius: 0.9766vw; overflow: hidden; background: #F9F4F0; } #container.about_04_1 .contents .section1 > ul > li > div.img::after { content: ''; position: absolute; left: 0; bottom: 0; width: 40.7227vw; height: 15.8203vw; background: var(--text-highlight); z-index: 1; } #container.about_04_1 .contents .section1 > ul > li > div.img > img { position: relative; z-index: 2; width: 100%; height: 48.7305vw; object-fit: contain; object-position: center; } #container.about_04_1 .contents .section1 > ul > li > div.text { margin-top: 3.9063vw; } #container.about_04_1 .contents .section1 > ul > li > div.text .title { display: flex; align-items: center; gap: 3.5156vw; } #container.about_04_1 .contents .section1 > ul > li > div.text .title > strong { font-size: var(--fs-36); line-height: 1.38; flex: 0 0 auto; } #container.about_04_1 .contents .section1 > ul > li > div.text .title > span { font-size: var(--fs-32); font-weight: 500; color: var(--text-body); position: relative; } #container.about_04_1 .contents .section1 > ul > li > div.text .title > span::after { content: ''; position: absolute; left: -1.7578vw; top: 50%; width: var(--static-10); height: 4.1992vw; background: #DEDDCF; margin-top: -2.0508vw; } #container.about_04_1 .contents .section1 > ul > li > div.text .title~div { font-size: var(--fs-28); color: var(--text-body); line-height: 1.48; } #container.about_04_1 .contents .section1 > ul > li > div.text .title~div > p { position: relative; display: flex; gap: 1.7578vw; word-break: keep-all; } #container.about_04_1 .contents .section1 > ul > li > div.text .title~div > p::before { content: ''; position: static; left: 0; top: 0; width: 0.5859vw; height: 0.5859vw; border-radius: 9.7656vw; background: var(--text-body); margin-top: 1.4648vw; flex: 0 0 auto; } #container.about_04_1 .contents .section1 > ul > li > div.text .education { margin-top: 3.1250vw; } #container.about_04_1 .contents .section1 > ul > li > div.text .career { margin-top: 1.1719vw; } #container.about_04_1 .contents .section1 > ul > li:nth-of-type(2) > div.text .title > strong { letter-spacing: -0.1465vw; } #container.about_04_1 .contents .section1 > ul > li:nth-of-type(2) > div.text .title > span { font-size: var(--fs-30); letter-spacing: -0.1953vw; } /*=========================== 리더그룹 - 업무별 전문인력 about_04-2 ===========================*/ #container.about_04_2 .contents .section1 {} #container.about_04_2 .contents .section1 .aside-wrap {} #container.about_04_2 .contents .section1 .aside-wrap .aside { display: none; } #container.about_04_2 .contents .section1 .aside-wrap .article {} #container.about_04_2 .contents .section1 .aside-wrap .article > dl { padding-bottom: 7.8125vw; } #container.about_04_2 .contents .section1 .aside-wrap .article > dl~dl { padding-top: 7.8125vw; position: relative; } #container.about_04_2 .contents .section1 .aside-wrap .article > dl~dl::before { content: ''; position: absolute; width: calc(100% + var(--w-32) + var(--w-32)); left: var(--w--32); top: 0; height: var(--static-10); background: #4A4948; } #container.about_04_2 .contents .section1 .aside-wrap .article > dl > dt { font-size: var(--fs-40 ); font-weight: 800; word-break: keep-all; line-height: normal; } #container.about_04_2 .contents .section1 .aside-wrap .article > dl > dd { margin-top: 3.1250vw; display: flex; gap: 0 2.7344vw; border-top: var(--static-20) solid #4A4948; flex-wrap: wrap; } #container.about_04_2 .contents .section1 .aside-wrap .article > dl > dd > div { cursor: pointer; width: 29.3945vw; border-bottom: var(--static-10) solid #C2BEB8; padding: 5.8594vw 0; } #container.about_04_2 .contents .section1 .aside-wrap .article > dl > dd > div > p:nth-of-type(1) { font-size: var(--fs-36); font-weight: 700; line-height: 1.38; display: flex; justify-content: space-between; align-items: center; } #container.about_04_2 .contents .section1 .aside-wrap .article > dl > dd > div > p:nth-of-type(1)::after { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M8.75 10L7.525 8.79167L10.6312 5.83333H0V4.16667H10.6312L7.525 1.20833L8.75 0L14 5L8.75 10Z' fill='%23222222'/%3E%3C/svg%3E"); width: 2.7344vw; height: 2.0508vw; background-size: 100%; } #container.about_04_2 .contents .section1 .aside-wrap .article > dl > dd > div > p:nth-of-type(2) { margin-top: 1.1719vw; font-size: var(--fs-28); line-height: 1.38; color: var(--text-body); } #container.people-pop .pop-layer { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 100; display: none; } #container.people-pop .pop-layer .inner { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 3.1250vw; } #container.people-pop .pop-layer .inner > p.bg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.4); cursor: pointer; } #container.people-pop .pop-layer .inner > div.info { width: 100%; height: 68.7500vw; background: #fff; position: relative; z-index: 2; display: flex; border-radius: 0.5859vw; overflow: hidden; } #container.people-pop .pop-layer .inner > div.info > p.close { position: absolute; left: 3.1250vw; top: 3.1250vw; width: 7.8125vw; height: 7.8125vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 61 61' fill='none'%3E%3Cellipse opacity='0.8' cx='30.2812' cy='30.1406' rx='30.1406' ry='30.1406' transform='rotate(-90 30.2812 30.1406)' fill='black'/%3E%3Cpath d='M37 23.25L23.0027 37.2473' stroke='white' stroke-width='2'/%3E%3Cpath d='M23.002 23.2539L36.9993 37.2512' stroke='white' stroke-width='2'/%3E%3C/svg%3E"); background-size: 100%; cursor: pointer; z-index: 3; } #container.people-pop .pop-layer .inner > div.info > p.img { width: 46.8750vw; height: 100%; padding-top: 5.8594vw; position: relative; flex: 0 0 auto; overflow: hidden; } #container.people-pop .pop-layer .inner > div.info > p.img::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 21.0938vw; background: var(--text-highlight); z-index: 1; } #container.people-pop .pop-layer .inner > div.info > p.img > img { width: 100%; height: 100%; object-fit: contain; object-position: center; position: relative; z-index: 2; } #container.people-pop .pop-layer .inner > div.info > p.img > img.cover { object-fit: cover; object-position: center top; } #container.people-pop .pop-layer .inner > div.info > div.text { flex: 1 1 0; display: flex; flex-direction: column; align-items: flex-start; padding-left: var(--w-32); padding-top: 7.8125vw; background: var(--text-darkest); } #container.people-pop .pop-layer .inner > div.info > div.text .area { padding: 1.1719vw 1.9531vw 1.1719vw 9.9609vw; background: var(--text-highlight); font-size: var(--fs-24); font-weight: 800; color: #fff; position: relative; left: -9.9609vw; } #container.people-pop .pop-layer .inner > div.info > div.text .name { font-size: var(--fs-40); font-weight: 500; line-height: normal; color: #fff; margin-top: 4.8828vw; } #container.people-pop .pop-layer .inner > div.info > div.text .position { font-size: var(--fs-28); font-weight: 600; line-height: normal; color: #94918C; margin-top: 1.1719vw; } #container.people-pop .pop-layer .inner > div.info > div.text > div { font-size: var(--fs-26); color: #fff; line-height: 1.42; word-break: keep-all; } #container.people-pop .pop-layer .inner > div.info > div.text > div.education { margin-top: 4.8828vw; } #container.people-pop .pop-layer .inner > div.info > div.text > div.career { margin-top: 1.9531vw; } #container.people-pop .pop-layer .inner > div.info > div.text > div > p { display: flex; gap: 1.6602vw; } #container.people-pop .pop-layer .inner > div.info > div.text > div > p::before { content: ''; width: 0.4883vw; height: 0.4883vw; border-radius: 9.7656vw; background: #fff; margin-top: 1.3672vw; } /*=========================== 리더그룹 - 조직도 about_04-3 ===========================*/ #container.about_04_3 .contents .section {} #container.about_04_3 .contents .section2 { margin-top: 7.8125vw; } #container.about_04_3 .contents .section .inner { width: 100%; } #container.about_04_3 .contents .section .inner .line { background: #C2BEB8; } #container.about_04_3 .contents .section .inner .line.horizontal { height: var(--static-10); } #container.about_04_3 .contents .section .inner .line.vertical { width: var(--static-10); } #container.about_04_3 .contents .section .inner > .title { font-size: var(--fs-36); font-weight: 800; margin-bottom: 5.8594vw; padding: 0 var(--w-32); } #container.about_04_3 .contents .section .inner > .article { width: 100%; overflow-x: scroll; overflow-y: hidden; padding: 0 var(--w-32); padding-bottom: 1.9531vw; } #container.about_04_3 .contents .section .inner > .article .title-box { flex: 0 0 auto; padding: 2.7344vw 3.1250vw; min-width: 27.3438vw; text-align: center; font-size: var(--fs-28); font-weight: 700; border-radius: 1.1719vw; color: var(--text-darkest); border: var(--static-20) solid #4A4948; background: #fff; } #container.about_04_3 .contents .section .inner > .article .title-box.black { background: var(--text-darkest); color: #fff; } #container.about_04_3 .contents .section .inner > .article .box { width: max-content; } #container.about_04_3 .contents .section .inner > .article .box1 { display: flex; align-items: center; } #container.about_04_3 .contents .section .inner > .article .box1~.box1 { margin-top: 5.8594vw; } #container.about_04_3 .contents .section .inner > .article .box1 > p {} #container.about_04_3 .contents .section .inner > .article .box1 > p:nth-of-type(2) { width: 5.8594vw; } #container.about_04_3 .contents .section .inner > .article .box1 > p:nth-of-type(4) { display: none; } #container.about_04_3 .contents .section .inner > .article .box1 > ul { display: flex; font-size: var(--fs-24); color: #5B3125; font-weight: 700; gap: 0.7813vw; } #container.about_04_3 .contents .section .inner > .article .box1 > ul > li { display: flex; } #container.about_04_3 .contents .section .inner > .article .box1 > ul > li:nth-of-type(1) { gap: 0.7813vw; } #container.about_04_3 .contents .section .inner > .article .box1 > ul > li > p:nth-of-type(2) > span { font-weight: 500; color: var(--text-body); display: flex; margin-left: 0.7813vw; gap: 0.7813vw; align-items: center; } #container.about_04_3 .contents .section .inner > .article .box1 > ul > li > p:nth-of-type(2) > span::before { flex: 0 0 auto; content: ''; width: 0.4883vw; height: 0.4883vw; border-radius: 9.7656vw; background: var(--text-body); } #container.about_04_3 .contents .section1 .inner > .article .box1 { position: relative; } #container.about_04_3 .contents .section1 .inner > .article .box1 > ul { position: absolute; left: calc( var(--w-32) + 4.2969vw ); top: 11.2305vw; flex-direction: column; } #container.about_04_3 .contents .section1 .inner > .article .box1 > ul > li { align-items: center; } #container.about_04_3 .contents .section1 .inner > .article .box1 > ul > li .line { width: 5.8594vw; } #container.about_04_3 .contents .section1 .inner > .article .box1 .title-box:nth-of-type(3) { position: relative; } #container.about_04_3 .contents .section1 .inner > .article .box1 .title-box:nth-of-type(3)::after { content: ''; position: absolute; left: calc(50% - var(--static-20)); top: calc(100% + var(--static-20)); width: 25.9766vw; height: 15.2344vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 266 156' fill='none'%3E%3Cpath d='M1 0L1.00001 79.2789L265 79.2789L265 156' stroke='%23C2BEB8'/%3E%3C/svg%3E"); background-size: 100%; margin-left: -4.4922vw; } #container.about_04_3 .contents .section2 .inner > .article .box1 .title-box { position: relative; } #container.about_04_3 .contents .section2 .inner > .article .box1 .title-box::after { content: ''; position: absolute; left: 50%; top: calc(100% + var(--static-20)); width: var(--static-10); height: 5.8594vw; background: #C2BEB8; } #container.about_04_3 .contents .section2 .inner > .article .box1 > p:nth-of-type(2) { width: 3.5156vw; } #container.about_04_3 .contents .section2 .inner > .article .box1 > ul { margin-left: 1.1719vw; } #container.about_04_3 .contents .section1 .inner > .article .box2 { padding-top: calc(10.7422vw + var(--static-10)); } #container.about_04_3 .contents .section1 .inner > .article .box2 > ul { display: flex; align-items: center; justify-content: center; } #container.about_04_3 .contents .section1 .inner > .article .box2 > ul > li.line { width: 5.8594vw; } #container.about_04_3 .contents .section1 .inner > .article .box2 > ul > li { width: 65.0391vw; flex: 0 0 auto; display: flex; align-items: center; } #container.about_04_3 .contents .section1 .inner > .article .box2 > ul > li:nth-of-type(1) { justify-content: flex-end; } #container.about_04_3 .contents .section1 .inner > .article .box2 > ul > li .title-box { position: relative; } #container.about_04_3 .contents .section1 .inner > .article .box2 > ul > li .title-box::after { content: ''; position: absolute; left: 50%; top: calc(100% + var(--static-20)); width: var(--static-10); height: 5.8594vw; background: #C2BEB8; } #container.about_04_3 .contents .section1 .inner > .article .box2 > ul > li > p.line { width: 3.1250vw; } #container.about_04_3 .contents .section1 .inner > .article .box2 > ul > li:nth-of-type(1) > p.line { margin-left: 1.3672vw; } #container.about_04_3 .contents .section1 .inner > .article .box2 > ul > li:nth-of-type(3) > p.line { margin-right: 1.3672vw; } #container.about_04_3 .contents .section1 .inner > .article .box2 > ul > li > div { display: flex; font-size: var(--fs-24); color: #5B3125; font-weight: 700; gap: 0.7813vw; } #container.about_04_3 .contents .section1 .inner > .article .box2 > ul > li > div > p { flex: 0 0 auto; } #container.about_04_3 .contents .section .inner > .article .box3 { margin-top: 5.8594vw; } #container.about_04_3 .contents .section .inner > .article .box3 > ul { display: flex; gap: 6.2500vw; } #container.about_04_3 .contents .section .inner > .article .box3 > ul > li { width: 65.0391vw; flex: 0 0 auto; border-top: var(--static-20) solid #4A4948; } #container.about_04_3 .contents .section .inner > .article .box3 > ul > li > div > p { font-size: var(--fs-28); font-weight: 700; padding: 2.3438vw 0; border-bottom: var(--static-10) solid #000; color: var(--text-darkest); } #container.about_04_3 .contents .section .inner > .article .box3 > ul > li > div > dl { margin-top: 2.3438vw; } #container.about_04_3 .contents .section .inner > .article .box3 > ul > li > div > dl > dt { font-size: var(--fs-26); font-weight: 700; color: var(--text-darkest); } #container.about_04_3 .contents .section .inner > .article .box3 > ul > li > div > dl > dt+dd { margin-top: 1.2695vw; } #container.about_04_3 .contents .section .inner > .article .box3 > ul > li > div > dl > dd > p { font-size: var(--fs-24); font-weight: 500; line-height: 1.48; display: flex; color: var(--text-body); gap: 0.7813vw; } #container.about_04_3 .contents .section .inner > .article .box3 > ul > li > div > dl > dd > p::before { flex: 0 0 auto; content: ''; width: 0.4883vw; height: 0.4883vw; border-radius: 9.7656vw; background: var(--text-body); margin-top: 1.4648vw; } #container.about_04_3 .contents .section .inner > .article .box3 > ul > li > div > div { border-top: var(--static-10) dashed #C2BEB8; padding: 2.3438vw 0; margin-top: 2.3438vw; } #container.about_04_3 .contents .section .inner > .article .box3 > ul > li > div > div > p { font-size: var(--fs-24); font-weight: 500; line-height: 1.48; display: flex; color: var(--text-body); gap: 0.7813vw; } #container.about_04_3 .contents .section .inner > .article .box3 > ul > li > div > div > p::before { flex: 0 0 auto; content: ''; width: 0.4883vw; height: 0.4883vw; border-radius: 9.7656vw; background: var(--text-body); margin-top: 1.4648vw; } #container.about_04_3 .contents .section .inner > .article .box3 > ul > li:nth-of-type(1) { display: flex; gap: 0 3.1250vw; flex-wrap: wrap; } #container.about_04_3 .contents .section .inner > .article .box3 > ul > li:nth-of-type(1) > div { width: 19.5313vw; } #container.about_04_3 .contents .section .inner > .article .box3 > ul > li:nth-of-type(2) {} #container.about_04_3 .contents .section .inner > .article .box3 > ul > li:nth-of-type(2) > div { display: flex; gap: 3.1250vw; } #container.about_04_3 .contents .section .inner > .article .box3 > ul > li:nth-of-type(2) > div~div { margin-top: 2.3438vw; border-top: var(--static-10) dashed #C2BEB8; } #container.about_04_3 .contents .section .inner > .article .box3 > ul > li:nth-of-type(2) > div > dl { width: 19.5313vw; } #container.about_04_3 .contents .section1 .inner > .article .box3 > ul > li:nth-of-type(1) > div:last-of-type { width: 100%; border-top: var(--static-10) dashed #C2BEB8; padding-top: 2.3438vw; font-weight: 700; font-size: var(--fs-26); color: var(--text-dark); } #container.about_04_3 .contents .section2 .inner > .article .box3 > ul > li { width: 100%; border-top: var(--static-20) solid #4A4948; } #container.about_04_3 .contents .section2 .inner > .article .box3 > ul > li > div:not(:has(> p)) > dl~dl { border-top: var(--static-10) dashed #C2BEB8; padding-top: 2.3438vw; } #container.about_04_3 .contents .section2 .inner > .article .box3 > ul > li > div > dl > dt { letter-spacing: var(--static--01); } /*=========================== 포트폴리오 portfolio ===========================*/ #container.portfolio .contents { padding-bottom: 0 !important; } #container.portfolio .contents .section1 {} #container.portfolio .contents .section1 .inner {} #container.portfolio .contents .section1 .inner > .title { font-size: var(--fs-36); font-weight: 800; text-transform: uppercase; } #container.portfolio .contents .section1 .inner > .title+p { font-size: var(--fs-24); color: var(--text-body); margin-top: 2.3438vw; line-height: 1.42; word-break: keep-all; } #container.portfolio .contents .section1 .inner > ul { margin-top: 5.8594vw; } #container.portfolio .contents .section1 .inner > ul > li { position: relative; width: 100%; padding: 3.9063vw 0; display: grid; gap: 2.9297vw 3.1250vw; grid-template-columns: 12.5000vw 1fr 1fr; border-bottom: var(--static-10) solid #DEDDCF; } #container.portfolio .contents .section1 .inner > ul > li:first-child { padding-top: 0; } #container.portfolio .contents .section1 .inner > ul > li > p { line-height: normal; } #container.portfolio .contents .section1 .inner > ul > li > p:nth-of-type(1) { order: 0; width: 12.5000vw; } #container.portfolio .contents .section1 .inner > ul > li > p:nth-of-type(1) > img { width: 100%; } #container.portfolio .contents .section1 .inner > ul > li > p:nth-of-type(2) { order: 1; font-size: var(--fs-52); font-weight: 500; align-self: center; } #container.portfolio .contents .section1 .inner > ul > li > p:nth-of-type(3) { order: 3; grid-row: 2/3; grid-column: 1/4; align-self: center; font-size: var(--fs-28); font-weight: 600; color: var(--text-darkest); line-height: 1.48; } #container.portfolio .contents .section1 .inner > ul > li > a { order: 2; align-self: center; justify-self: end; width: 7.8125vw; height: 7.8125vw; border-radius: 9.7656vw; border: var(--static-10) solid #EFEFE9; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M10.175 8H0V6H10.175L5.575 1.4L7 0L14 7L7 14L5.575 12.6L10.175 8Z' fill='%234A4948'/%3E%3C/svg%3E"); background-size: 1.7578vw 1.7578vw; background-position: center; background-repeat: no-repeat; } #container.portfolio .contents .section1 .inner > ul > li > a:hover { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M10.175 8H0V6H10.175L5.575 1.4L7 0L14 7L7 14L5.575 12.6L10.175 8Z' fill='white'/%3E%3C/svg%3E"); background-color: #000; } #container.portfolio .contents .section2 { margin-top: 11.7188vw; padding-bottom: 11.7188vw; background: #000; } /*=========================== 코크랩 reits_01 ===========================*/ #container.reits_01 .contents { padding-bottom: 0 !important; } #container.reits_01 .contents .section1 .inner {} #container.reits_01 .contents .section1 .inner > ul {} #container.reits_01 .contents .section1 .inner > ul > li:nth-of-type(1) { font-size: var(--fs-52); font-weight: 800; line-height: normal; } #container.reits_01 .contents .section1 .inner > ul > li:nth-of-type(2) { font-size: var(--fs-24); line-height: 1.42; margin-top: 1.4648vw; color: var(--text-light); } #container.reits_01 .contents .section1 .inner > ul > li:nth-of-type(3) { font-size: var(--fs-32); line-height: 1.42; margin-top: 5.8594vw; color: var(--text-body); } #container.reits_01 .contents .section1 .inner > dl { margin-top: 5.8594vw; border-top: var(--static-10) solid #4A4948; border-bottom: var(--static-10) solid #4A4948; padding: 7.8125vw 0; } #container.reits_01 .contents .section1 .inner > dl > dd {} #container.reits_01 .contents .section1 .inner > dl > dd > ul { display: flex; justify-content: space-between; } #container.reits_01 .contents .section1 .inner > dl > dd > ul > li.dot { width: 1.1719vw; height: 1.1719vw; border-radius: 1.1719vw; background: var(--text-highlight); margin-top: 3.9063vw; } #container.reits_01 .contents .section1 .inner > dl > dd > ul > li > p:nth-of-type(1) { font-weight: 600; font-size: var(--fs-82); letter-spacing: -0.2441vw; color: var(--text-darkest); text-align: center; } #container.reits_01 .contents .section1 .inner > dl > dd > ul > li > p:nth-of-type(1):has(span) { display: flex; align-items: flex-start; justify-content: center; gap: 0.4883vw; } #container.reits_01 .contents .section1 .inner > dl > dd > ul > li > p:nth-of-type(1) > span { font-size: var(--fs-24); margin-top: 1.4648vw; } #container.reits_01 .contents .section1 .inner > dl > dd > ul > li > p:nth-of-type(2) { line-height: normal; font-size: var(--fs-32); font-weight: 500; margin-top: 3.1250vw; color: var(--text-dark); text-align: center; } #container.reits_01 .contents .section1 .inner > dl > dt { margin-top: 7.8125vw; font-size: var(--fs-28); line-height: 1.42; color: var(--text-body); } #container.reits_01 .contents .section2 { padding: 7.8125vw 0 11.7188vw; } #container.reits_01 .contents .section2 .inner {} #container.reits_01 .contents .section2 .inner > dl {} #container.reits_01 .contents .section2 .inner > dl > dt { font-size: var(--fs-40); font-weight: 800; line-height: normal; } #container.reits_01 .contents .section2 .inner > dl > dd > div { padding: 5.8594vw 0; border-bottom: var(--static-10) dashed #C2BEB8; display: grid; grid-template-columns: 11.1328vw auto; gap: 0 3.1250vw; align-items: center; } #container.reits_01 .contents .section2 .inner > dl > dd > div > p { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 11.1328vw; height: 11.1328vw; border-radius: 2.4414vw; background: var(--text-darkest); color: #fff; font-size: var(--fs-22); font-weight: 700; line-height: normal; gap: 0.2930vw; } #container.reits_01 .contents .section2 .inner > dl > dd > div:has(> span) > p { grid-row: 1/span 2; } #container.reits_01 .contents .section2 .inner > dl > dd > div > p > strong { color: var(--text-highlight); font-size: var(--fs-29); line-height: normal; font-weight: 800; } #container.reits_01 .contents .section2 .inner > dl > dd > div > strong { font-size: var(--fs-40); font-weight: 700; line-height: 1.38; color: var(--text-darkest); } #container.reits_01 .contents .section2 .inner > dl > dd > div > ul { grid-column: 1/3; grid-row: 2/3; margin-top: 3.1250vw; } #container.reits_01 .contents .section2 .inner > dl > dd > div > ul > li { font-size: var(--fs-32); line-height: 1.42; color: var(--text-dark); display: flex; gap: 1.4648vw; } #container.reits_01 .contents .section2 .inner > dl > dd > div > ul > li::before { flex: 0 0 auto; margin-top: 1.7578vw; content: ''; width: 0.5859vw; height: 0.5859vw; border-radius: 0.5859vw; background: var(--text-dark); } #container.reits_01 .contents .section3 { padding-top: 11.7188vw; padding-bottom: 11.7188vw; background: #000; color: #fff; } #container.reits_01 .contents .section3 .inner { overflow-x: auto; overflow-y: hidden; padding-bottom: 1.9531vw; } #container.reits_01 .contents .section3 .inner > div { width: 100%; } #container.reits_01 .contents .section3 .inner > div > ul { display: flex; gap: 0.9766vw; justify-content: space-between; } #container.reits_01 .contents .section3 .inner > div > ul > li { display: flex; flex-direction: column; } #container.reits_01 .contents .section3 .inner > div > ul > li.arrow { flex: 0 0 auto; width: 3.2227vw; height: 0.7813vw; padding: 0; align-self: center; margin-bottom: 6.2500vw; border: 0; border-radius: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49 8' fill='none'%3E%3Cpath d='M0.646446 3.64645C0.451187 3.84171 0.451187 4.15829 0.646446 4.35355L3.82843 7.53553C4.02369 7.7308 4.34027 7.7308 4.53553 7.53553C4.7308 7.34027 4.7308 7.02369 4.53553 6.82843L1.70711 4L4.53553 1.17157C4.7308 0.976311 4.7308 0.659728 4.53553 0.464466C4.34027 0.269204 4.02369 0.269204 3.82843 0.464466L0.646446 3.64645ZM49 4V3.5L1 3.5V4V4.5L49 4.5V4Z' fill='white'/%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat; } #container.reits_01 .contents .section3 .inner > div > ul > li.arrow.reverse { transform: rotate(180deg); } #container.reits_01 .contents .section3 .inner > div > ul > li > div.box { flex: 1 1 0; width: 27.3438vw; padding: 3.9063vw 1.9531vw; border: var(--static-10) dashed #4A4948; border-radius: 1.1719vw; } #container.reits_01 .contents .section3 .inner > div > ul > li > div.box > p { font-size: var(--fs-28); font-weight: 700; line-height: 1.38; text-align: center; } #container.reits_01 .contents .section3 .inner > div > ul > li > div.box > ul { margin-top: 1.9531vw; padding-top: 3.9063vw; border-top: var(--static-10) solid #4A4948; } #container.reits_01 .contents .section3 .inner > div > ul > li > div.box > ul > li { font-size: var(--fs-24); font-weight: 500; line-height: 1.42; color: var(--text-body); display: flex; gap: 1.5625vw; } #container.reits_01 .contents .section3 .inner > div > ul > li > div.box > ul > li::before { content: ''; width: 0.4883vw; height: 0.4883vw; border-radius: 0.4883vw; background: var(--text-body); margin-top: 0.5859vw; } #container.reits_01 .contents .section3 .inner > div > ul > li > p { flex: 0 0 auto; width: 2.7344vw; height: 5.2734vw; margin: 0.9766vw auto 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 54' fill='none'%3E%3Cpath d='M3.64644 53.3535C3.84171 53.5488 4.15829 53.5488 4.35355 53.3535L7.53553 50.1716C7.73079 49.9763 7.73079 49.6597 7.53553 49.4645C7.34027 49.2692 7.02369 49.2692 6.82842 49.4645L4 52.2929L1.17157 49.4645C0.976309 49.2692 0.659726 49.2692 0.464464 49.4645C0.269202 49.6597 0.269202 49.9763 0.464464 50.1716L3.64644 53.3535ZM4 1L3.5 1L3.5 53L4 53L4.5 53L4.5 1L4 1Z' fill='white'/%3E%3Cpath d='M23.6464 0.64645C23.8417 0.451187 24.1583 0.451187 24.3535 0.64645L27.5355 3.82843C27.7308 4.02369 27.7308 4.34027 27.5355 4.53554C27.3403 4.7308 27.0237 4.7308 26.8284 4.53554L24 1.70711L21.1716 4.53554C20.9763 4.7308 20.6597 4.7308 20.4645 4.53554C20.2692 4.34027 20.2692 4.02369 20.4645 3.82843L23.6464 0.64645ZM24 53L23.5 53L23.5 1L24 1L24.5 1L24.5 53L24 53Z' fill='white'/%3E%3C/svg%3E"); background-size: 100%; } #container.reits_01 .contents .section3 .inner > div:has(> p) { padding: 3.9063vw 3.3203vw; border: var(--static-10) dashed #D03042; margin-top: 0.9766vw; border-radius: 1.1719vw; } #container.reits_01 .contents .section3 .inner > div:has(> p) > p{ font-size: var(--fs-40); font-weight: 800; line-height: normal; text-align: center; } #container.reits_01 .contents .section3 .inner > div:has(> p) > ul { margin-top: 3.9063vw; display: flex; align-items: stretch; justify-content: space-between; } #container.reits_01 .contents .section3 .inner > div:has(> p) > ul > li {} #container.reits_01 .contents .section3 .inner > div:has(> p) > ul > li > div.box { height: 100%; } /*=========================== 상장리츠 reits_02 ===========================*/ #container.reits_02 .contents .section1 .aside-wrap .article {} #container.reits_02 .contents .section1 .aside-wrap .article .box {} #container.reits_02 .contents .section1 .aside-wrap .article .box~.box { margin-top: 11.7188vw; padding-top: 7.8125vw; border-top: var(--static-10) solid #4A4948; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul { display: grid; grid-template-columns: auto 62.5000vw; align-content: start; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li {} #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.title { order: 0; grid-column: auto / span 2; font-size: var(--fs-36); font-weight: 800; word-break: keep-all; text-transform: uppercase; line-height: normal; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.logo { order: 1; margin-top: 3.9063vw; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.logo > img { width: 100%; } #container.reits_02 .contents .section1 .aside-wrap .article .box1 > ul > li.logo { width: 21.8750vw; } #container.reits_02 .contents .section1 .aside-wrap .article .box2 > ul > li.logo { width: 16.6016vw; } #container.reits_02 .contents .section1 .aside-wrap .article .box3 > ul > li.logo { width: 25.3906vw; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.graph { order: 2; grid-row: auto / span 2; margin-top: 3.9063vw; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.graph > div { width: 62.5000vw; height: 31.8359vw; border: 0.0977vw solid #ccc; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.graph > div > img { width: 100%; height: 100%; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.price { order: 3; margin-top: 11.1328vw; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.price > p { font-size: var(--fs-44); font-weight: 800; line-height: normal; color: var(--text-highlight); } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.price > div { display: flex; margin-top: 1.4648vw; gap: 0.8789vw; padding-left: 2.4414vw; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M0 8L4.8 5.72394e-08L9.6 8L0 8Z' fill='%23D03042'/%3E%3C/svg%3E") left center/1.5625vw 1.2695vw no-repeat; font-size: var(--fs-24); font-weight: 700; color: var(--text-body); } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.price > a { margin-top: 4.8828vw; font-size: var(--fs-22); font-weight: 900; line-height: normal; text-transform: uppercase; color: var(--text-darkest); display: inline-block; padding-right: 3.2227vw; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M8.75 10L7.525 8.79167L10.6312 5.83333H0V4.16667H10.6312L7.525 1.20833L8.75 0L14 5L8.75 10Z' fill='%23222222'/%3E%3C/svg%3E") right center/2.5391vw 1.9531vw no-repeat; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.info { order: 4; grid-column: auto / span 2; margin-top: 3.9063vw; padding-top: 5.8594vw; font-size: var(--fs-32); line-height: 1.42; color: var(--text-body); word-break: keep-all; padding-bottom: 5.8594vw; border-top: var(--static-10) dashed #C2BEB8; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.info > div > strong { font-weight: 600; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.info > a { margin-top: 3.1250vw; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.checkpoint { order: 5; grid-column: auto / span 2; padding: 5.8594vw 0 7.8125vw; border-top: var(--static-10) dashed #C2BEB8; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.checkpoint > dl {} #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.checkpoint > dl > dt { font-size: var(--fs-36); font-weight: 700; text-transform: uppercase; color: var(--text-darkest); } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.checkpoint > dl > dd { margin-top: 3.1250vw; display: flex; flex-direction: column; border-top: var(--static-10) solid #4A4948; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.checkpoint > dl > dd > p { width: 100%; flex: 0 0 auto; padding: 3.9063vw 0; font-size: var(--fs-28); font-weight: 600; line-height: normal; color: var(--text-darkest); word-break: keep-all; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.checkpoint > dl > dd > p~p { border-top: var(--static-10) solid #C2BEB8; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.slide-wrap { order: 6; grid-column: auto / span 2; width: 100%; height: 38.1836vw; position: relative; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.slide-wrap .btn { display: flex; justify-content: flex-end; align-item: center; gap: 7.8125vw; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.slide-wrap .btn > p { width: 2.7344vw; position: relative; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.slide-wrap .btn > p:nth-of-type(2)::after { content: ''; position: absolute; left: -3.9063vw; top: 50%; width: var(--static-10); height: 4.2969vw; margin-top: -2.1484vw; background: #DEDDCF; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.slide-wrap .btn > p > img { width: 100%; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.slide-wrap .slide { position: absolute; left: 0; bottom: 0; width: calc(100% + var(--w-32)); overflow: hidden; } #container.reits_02 .contents .section1 .aside-wrap .article .box > ul > li.slide-wrap .slide .swiper-slide { width: 26.5625vw; height: 29.2969vw; border-radius: 0.7813vw; overflow: hidden; } /*=========================== 펀드-국내부문 fund_01 ===========================*/ #container.fund_01 .contents { line-height: normal; } #container.fund_01 .contents .section {} #container.fund_01 .contents .section .inner .title { font-size: var(--fs-40); font-weight: 800; padding-bottom: 3.1250vw; border-bottom: var(--static-10) solid #4A4948; } #container.fund_01 .contents .section .inner .title+* { margin-top: 5.8594vw; } #container.fund_01 .contents .section1 {} #container.fund_01 .contents .section1 .inner > ul {} #container.fund_01 .contents .section1 .inner > ul > li { display: grid; grid-template-columns: 11.1328vw 1fr; gap: 4.1016vw 3.1250vw; padding-bottom: 5.8594vw; border-bottom: var(--static-10) dashed #C2BEB8; } #container.fund_01 .contents .section1 .inner > ul > li~li { padding-top: 5.8594vw; } #container.fund_01 .contents .section1 .inner > ul > li > p { width: 11.1328vw; height: 11.1328vw; border-radius: 2.4414vw; background: #5b3125; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.2930vw; } #container.fund_01 .contents .section1 .inner > ul > li > p > span:nth-of-type(1) { color: #fff; font-size: var(--fs-22); font-weight: 700; text-transform: uppercase; } #container.fund_01 .contents .section1 .inner > ul > li > p > span:nth-of-type(2) { color: #D8BAAD; font-size: var(--fs-30); font-weight: 800; } #container.fund_01 .contents .section1 .inner > ul > li > strong { font-size: var(--fs-40); line-height: 1.38; align-self: center; } #container.fund_01 .contents .section1 .inner > ul > li > div { grid-column: 1/3; font-size: var(--fs-32); line-height: 1.42; color: var(--text-dark); } #container.fund_01 .contents .section2 { margin-top: 7.8125vw; } #container.fund_01 .contents .section2 .inner > ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7.6172vw 2.7344vw; } #container.fund_01 .contents .section2 .inner > ul > li {} #container.fund_01 .contents .section2 .inner > ul > li > p { width: 100%; height: 50.1953vw; border-radius: 0.5859vw; overflow: hidden; } #container.fund_01 .contents .section2 .inner > ul > li > p > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #container.fund_01 .contents .section2 .inner > ul > li > div { margin-top: 3.1250vw; display: flex; flex-direction: column; align-items: flex-start; } #container.fund_01 .contents .section2 .inner > ul > li > div > p { font-size: var(--fs-22); font-weight: 600; color: var(--text-highlight); padding: 1.5625vw 2.3438vw; border: var(--static-10) solid #C2BEB8; border-radius: 9.7656vw; } #container.fund_01 .contents .section2 .inner > ul > li > div > strong { margin-top: 1.9531vw; font-size: var(--fs-40); font-weight: 700; } #container.fund_01 .contents .section2 .inner > ul > li > div > div { margin-top: 3.9063vw; font-size: var(--fs-28); line-height: 1.48; color: var(--text-dark); } #container.fund_01 .contents .section3 { margin-top: 11.7188vw; } #container.fund_01 .contents .section3 .inner > dl {} #container.fund_01 .contents .section3 .inner > dl > dt {} #container.fund_01 .contents .section3 .inner > dl > dt > p:nth-of-type(1) { font-size: var(--fs-48); font-weight: 800; } #container.fund_01 .contents .section3 .inner > dl > dt > p:nth-of-type(2) { margin-top: 3.1250vw; font-size: var(--fs-36); line-height: 1.38; color: var(--text-dark); } #container.fund_01 .contents .section3 .inner > dl > dd { margin-top: 7.8125vw; } #container.fund_01 .contents .section3 .inner > dl > dd > div { font-size: var(--fs-32); line-height: 1.42; color: var(--text-dark); } #container.fund_01 .contents .section3 .inner > dl > dd > ul { margin: 5.8594vw 0; padding: 3.9063vw 3.1250vw 5.8594vw; border-radius: 0.7813vw; background: #F9F4F0; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li {} #container.fund_01 .contents .section3 .inner > dl > dd > ul > li > p { font-size: var(--fs-28); font-weight: 700; line-height: 1.48; color: var(--text-darkest); } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li > div {} #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(1) > div { margin-top: 5.8594vw; display: grid; grid-template-columns: 39.0625vw 1fr; gap: 0 7.8125vw; grid-template-rows: 1fr max-content; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(1) > div > p { width: 39.0625vw; height: 39.0625vw; grid-row: 1/span 2; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(1) > div > p > img { width: 100%; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(1) > div > ul { width: 100%; padding-bottom: 2.3438vw; border-bottom: var(--static-10) dashed #C2BEB8; align-self: end; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(1) > div > ul > li { font-size: var(--fs-28); line-height: 1.48; color: var(--text-dark); display: flex; justify-content: space-between; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(1) > div > ul > li~li { margin-top: 1.5625vw; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(1) > div > ul > li > p:nth-of-type(1) { position: relative; font-weight: 500; display: flex; gap: 1.9531vw; align-items: center; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(1) > div > ul > li > p:nth-of-type(1)::before { content: ''; width: 1.5625vw; height: 1.5625vw; border-radius: 1.5625vw; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(1) > div > span { width: 100%; text-align: right; font-size: var(--fs-24); margin-top: 2.3438vw; font-weight: 500; color: var(--text-body); } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) { margin-top: 7.8125vw; padding-top: 3.9063vw; border-top: var(--static-10) solid #C2BEB8; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) > p {} #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) > div { display: flex; flex-direction: column; justify-content: space-between; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) > div { padding-top: 7.8125vw; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) > div > ul > li { display: flex; gap: 4.1016vw; align-items: center; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) > div > ul > li > p:nth-of-type(1) { padding: 2.7344vw; font-size: var(--fs-28); color: #fff; font-weight: 600; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) > div > ul > li:nth-of-type(1) > p:nth-of-type(1) { width: 75.2930vw; background: #9E7765; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) > div > ul > li:nth-of-type(2) > p:nth-of-type(1) { width: 64.0625vw; background: #CEB8AC; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) > div > ul > li > p:nth-of-type(2) { font-size: var(--fs-36); font-weight: 700; color: #9E7765; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) > div > ul > li:nth-of-type(2) > p:nth-of-type(2) { color: #C6A28E; } #container.fund_01 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) > div > p { margin-top: 3.9063vw; font-size: var(--fs-24); font-weight: 500; color: var(--text-body); text-align: right; padding-top: 2.3438vw; border-top: var(--static-10) dashed #C2BEB8; } /*=========================== 펀드-해외부문 fund_02 ===========================*/ #container.fund_02 .contents { line-height: normal; } #container.fund_02 .contents .section {} #container.fund_02 .contents .section .inner .title { font-size: var(--fs-40); font-weight: 800; padding-bottom: 3.1250vw; border-bottom: var(--static-10) solid #4A4948; } #container.fund_02 .contents .section .inner .title+* { margin-top: 5.8594vw; } #container.fund_02 .contents .section1 {} #container.fund_02 .contents .section1 .inner > ul {} #container.fund_02 .contents .section1 .inner > ul > li { display: grid; grid-template-columns: 11.1328vw 1fr; gap: 4.1016vw 3.1250vw; padding-bottom: 5.8594vw; border-bottom: var(--static-10) dashed #C2BEB8; } #container.fund_02 .contents .section1 .inner > ul > li~li { padding-top: 5.8594vw; } #container.fund_02 .contents .section1 .inner > ul > li > p { width: 11.1328vw; height: 11.1328vw; border-radius: 2.4414vw; background: #5b3125; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.2930vw; } #container.fund_02 .contents .section1 .inner > ul > li > p > span:nth-of-type(1) { color: #fff; font-size: var(--fs-22); font-weight: 700; text-transform: uppercase; } #container.fund_02 .contents .section1 .inner > ul > li > p > span:nth-of-type(2) { color: #D8BAAD; font-size: var(--fs-30); font-weight: 800; } #container.fund_02 .contents .section1 .inner > ul > li > strong { font-size: var(--fs-40); line-height: 1.38; align-self: center; } #container.fund_02 .contents .section1 .inner > ul > li > div { grid-column: 1/3; font-size: var(--fs-32); line-height: 1.42; color: var(--text-dark); } #container.fund_02 .contents .section2 { margin-top: 7.8125vw; } #container.fund_02 .contents .section2 .inner > ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7.6172vw 2.7344vw; } #container.fund_02 .contents .section2 .inner > ul > li {} #container.fund_02 .contents .section2 .inner > ul > li > p { width: 100%; height: 50.1953vw; border-radius: 0.5859vw; overflow: hidden; } #container.fund_02 .contents .section2 .inner > ul > li > p > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #container.fund_02 .contents .section2 .inner > ul > li > div { margin-top: 3.1250vw; display: flex; flex-direction: column; align-items: flex-start; } #container.fund_02 .contents .section2 .inner > ul > li > div > p { font-size: var(--fs-22); font-weight: 600; color: var(--text-highlight); padding: 1.5625vw 2.3438vw; border: var(--static-10) solid #C2BEB8; border-radius: 9.7656vw; } #container.fund_02 .contents .section2 .inner > ul > li > div > strong { margin-top: 1.9531vw; font-size: var(--fs-40); font-weight: 700; } #container.fund_02 .contents .section2 .inner > ul > li > div > div { margin-top: 3.9063vw; font-size: var(--fs-28); line-height: 1.48; color: var(--text-dark); } /*=========================== 부동산신탁-정비사업 trust_01 ===========================*/ #container.trust_01 .contents { line-height: normal; } #container.trust_01 .contents .section {} #container.trust_01 .contents .section .inner .title { font-size: var(--fs-40); font-weight: 800; padding-bottom: 3.1250vw; border-bottom: var(--static-10) solid #4A4948; } #container.trust_01 .contents .section .inner .title+* { margin-top: 5.8594vw; } #container.trust_01 .contents .section .inner .title+dl {} #container.trust_01 .contents .section .inner .title+dl > dt {} #container.trust_01 .contents .section .inner .title+dl > dt > p:nth-of-type(1) { font-size: var(--fs-48); font-weight: 800; } #container.trust_01 .contents .section .inner .title+dl > dt > p:nth-of-type(2) { margin-top: 3.1250vw; font-size: var(--fs-36); line-height: 1.38; color: var(--text-dark); } #container.trust_01 .contents .section .inner .title+dl > dd { margin-top: 5.8594vw; font-size: var(--fs-32); line-height: 1.42; color: var(--text-dark); } #container.trust_01 .contents .section1 .inner > dl > dd {} #container.trust_01 .contents .section1 .inner > dl > dd > p { width: 100%; border-radius: 0.5859vw; overflow: hidden; margin: 5.8594vw 0; } #container.trust_01 .contents .section1 .inner > dl > dd > p > img { width: 100%; } #container.trust_01 .contents .section1 .inner > dl > dd > div:nth-of-type(2) {} #container.trust_01 .contents .section1 .inner > dl > dd > div:nth-of-type(2) > p:nth-of-type(1) { font-size: var(--fs-48); font-weight: 700; color: #000; } #container.trust_01 .contents .section1 .inner > dl > dd > div:nth-of-type(2) > p:nth-of-type(2) { margin-top: 3.1250vw; font-size: var(--fs-36); color: var(--text-dark); line-height: 1.42; } #container.trust_01 .contents .section1 .inner > dl > dd > div:nth-of-type(2) > ul { width: 100%; overflow-x: auto; margin-top: 5.8594vw; padding-bottom: 0.9766vw; } #container.trust_01 .contents .section1 .inner > dl > dd > div:nth-of-type(2) > ul > li { width: 136.7188vw; display: flex; gap: 7.8125vw; padding: 2.3438vw 3.3203vw; text-align: center; border-top: var(--static-10) solid #4A4948; } #container.trust_01 .contents .section1 .inner > dl > dd > div:nth-of-type(2) > ul > li > p { flex: 1 1 0; } #container.trust_01 .contents .section1 .inner > dl > dd > div:nth-of-type(2) > ul > li:nth-of-type(1) { font-size: var(--fs-32); font-weight: 700; } #container.trust_01 .contents .section1 .inner > dl > dd > div:nth-of-type(2) > ul > li:nth-of-type(2) { font-size: var(--fs-28); line-height: 1.48; border-bottom: var(--static-10) solid #C2BEB8; } #container.trust_01 .contents .section2 { margin-top: 5.8594vw; background: #1C1B1B; padding: 7.8125vw 0; color: #fff; } #container.trust_01 .contents .section2 .inner-wrap {} #container.trust_01 .contents .section2 .inner-wrap > ul { display: grid; grid-template-columns: 1fr 37.1094vw; gap: 0 9.2773vw; } #container.trust_01 .contents .section2 .inner-wrap > ul > li:nth-of-type(1) { font-size: var(--fs-36); font-weight: 700; grid-column: 1/span 2; } #container.trust_01 .contents .section2 .inner-wrap > ul > li:nth-of-type(2) { padding: 3.9063vw 0 5.8594vw; font-size: var(--fs-60); font-weight: 600; grid-column: 1/span 2; grid-row: 2; } #container.trust_01 .contents .section2 .inner-wrap > ul > li:nth-of-type(3) { font-size: var(--fs-28); line-height: 1.48; color: var(--text-lighter); } #container.trust_01 .contents .section2 .inner-wrap > ul > li:nth-of-type(4) { border-radius: 0.5859vw; overflow: hidden; } #container.trust_01 .contents .section2 .inner-wrap > ul > li:nth-of-type(4) > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #container.trust_01 .contents .section2 .inner-wrap > dl { margin-top: 7.8125vw; padding-top: 7.8125vw; border-top: var(--static-10) solid #817E7A; } #container.trust_01 .contents .section2 .inner-wrap > dl > dt {} #container.trust_01 .contents .section2 .inner-wrap > dl > dt > p:nth-of-type(1) { font-size: var(--fs-36); font-weight: 700; } #container.trust_01 .contents .section2 .inner-wrap > dl > dt > p:nth-of-type(2) { margin-top: 3.9063vw; font-size: var(--fs-32); line-height: 1.42; } #container.trust_01 .contents .section2 .inner-wrap > dl > dd { margin-top: 5.8594vw; } #container.trust_01 .contents .section2 .inner-wrap > dl > dd > ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3.9063vw 2.7344vw; } #container.trust_01 .contents .section2 .inner-wrap > dl > dd > ul > li { padding-bottom: 3.9063vw; border-bottom: var(--static-10) dashed #817E7A; } #container.trust_01 .contents .section2 .inner-wrap > dl > dd > ul > li > p:nth-of-type(1) { font-size: var(--fs-32); font-weight: 700; padding: 1.5625vw 1.9531vw; background: #fff; border-radius: 9.7656vw; color: #000; display: inline-block; } #container.trust_01 .contents .section2 .inner-wrap > dl > dd > ul > li > p:nth-of-type(2) { margin-top: 1.9531vw; font-size: var(--fs-32); font-weight: 500; line-height: 1.42; } #container.trust_01 .contents .section2 .inner-wrap > dl > dd > div { margin-top: 3.9063vw; position: relative; display: flex; justify-content: center; gap: 13.9648vw; } #container.trust_01 .contents .section2 .inner-wrap > dl > dd > div::before { content: ''; position: absolute; left: calc(50% - 24.5117vw); top: 50%; width: 49.0234vw; height: var(--static-10); background: #C2BEB8; z-index: 1; } #container.trust_01 .contents .section2 .inner-wrap > dl > dd > div > p:nth-of-type(1), #container.trust_01 .contents .section2 .inner-wrap > dl > dd > div > p:nth-of-type(3) { width: 0.7813vw; height: 10.2539vw; background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='105' viewBox='0 0 8 105' fill='none'%3E%3Cpath d='M4.35355 0.646446C4.15829 0.451187 3.8417 0.451187 3.64644 0.646446L0.464462 3.82843C0.269199 4.02369 0.2692 4.34027 0.464462 4.53554C0.659724 4.7308 0.976306 4.7308 1.17157 4.53554L4 1.70711L6.82842 4.53554C7.02368 4.7308 7.34027 4.7308 7.53553 4.53554C7.73079 4.34027 7.73079 4.02369 7.53553 3.82843L4.35355 0.646446ZM4 105L4.5 105L4.5 1L4 1L3.5 1L3.5 105L4 105Z' fill='%23C2BEB8'/%3E%3C/svg%3E"); } #container.trust_01 .contents .section2 .inner-wrap > dl > dd > div > p:nth-of-type(2) { width: 20.3125vw; height: 20.3125vw; border-radius: 20.3125vw; font-size: var(--fs-36); font-weight: 800; border: var(--static-10) solid #fff; display: flex; align-items: center; justify-content: center; background: #1C1B1B; z-index: 2; } #container.trust_01 .contents .section3 { margin-top: 7.8125vw; } #container.trust_01 .contents .section3 .inner > ul {} #container.trust_01 .contents .section3 .inner > ul > li { border-bottom: var(--static-10) dashed #C2BEB8; padding-bottom: 5.8594vw; display: grid; grid-template-columns: 11.1328vw 1fr; gap: 3.1250vw; } #container.trust_01 .contents .section3 .inner > ul > li~li { padding-top: 5.8594vw; } #container.trust_01 .contents .section3 .inner > ul > li > p { width: 11.1328vw; height: 11.1328vw; border-radius: 2.4414vw; background: #4A4948; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.2930vw; } #container.trust_01 .contents .section3 .inner > ul > li > p > span:nth-of-type(1) { color: #fff; font-size: var(--fs-22); font-weight: 700; text-transform: uppercase; } #container.trust_01 .contents .section3 .inner > ul > li > p > span:nth-of-type(2) { color: #CA945F; font-size: var(--fs-30); font-weight: 800; } #container.trust_01 .contents .section3 .inner > ul > li > strong { align-self: center; font-size: var(--fs-40); } #container.trust_01 .contents .section3 .inner > ul > li > div { grid-column: 1/span 2; font-size: var(--fs-32); line-height: 1.42; color: var(--text-dark); } #container.trust_01 .contents .section4 { margin-top: 7.8125vw; } #container.trust_01 .contents .section4 .inner > ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 7.8125vw 2.7344vw; } #container.trust_01 .contents .section4 .inner > ul > li {} #container.trust_01 .contents .section4 .inner > ul > li > p { height: 50.1953vw; border-radius: 0.5859vw; overflow: hidden; } #container.trust_01 .contents .section4 .inner > ul > li > p > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #container.trust_01 .contents .section4 .inner > ul > li > div { margin-top: 3.1250vw; display: flex; flex-direction: column; align-items: flex-start; } #container.trust_01 .contents .section4 .inner > ul > li > div > p { font-size: var(--fs-22); font-weight: 600; color: var(--text-highlight); padding: 1.5625vw 2.3438vw; border: var(--static-10) solid #C2BEB8; border-radius: 9.7656vw; } #container.trust_01 .contents .section4 .inner > ul > li > div > strong { margin-top: 1.9531vw; font-size: var(--fs-40); font-weight: 700; } #container.trust_01 .contents .section4 .inner > ul > li > div > div { margin-top: 3.9063vw; font-size: var(--fs-28); line-height: 1.48; color: var(--text-dark); } #container.trust_01 .contents .section5 { margin-top: 11.7188vw; } #container.trust_01 .contents .section5 .inner > .title+dl > dd { margin-top: 5.8594vw; } #container.trust_01 .contents .section6 { margin-top: 7.8125vw; overflow: hidden; } #container.trust_01 .contents .section6 .inner > .title+dl > dd { margin-top: 5.8594vw; } #container.trust_01 .contents .section6 .inner > dl > dd { width: 100%; } #container.trust_01 .contents .section6 .inner > dl > dd > strong { display: block; font-size: var(--fs-36); line-height: normal; margin-bottom: 3.9063vw; } #container.trust_01 .contents .section6 .inner > dl > dd > div+strong { margin-top: 5.8594vw; } #container.trust_01 .contents .section6 .inner > dl > dd > .slide-wrap { margin-top: 7.8125vw; width: 100%; height: max-content; position: relative; } #container.trust_01 .contents .section6 .inner > dl > dd > .slide-wrap .btn { display: flex; justify-content: flex-end; align-item: center; gap: 7.8125vw; } #container.trust_01 .contents .section6 .inner > dl > dd > .slide-wrap .btn > p { width: 2.7344vw; position: relative; } #container.trust_01 .contents .section6 .inner > dl > dd > .slide-wrap .btn > p:nth-of-type(2)::after { content: ''; position: absolute; left: -3.9063vw; top: 50%; width: var(--static-10); height: 4.2969vw; margin-top: -2.1484vw; background: #DEDDCF; } #container.trust_01 .contents .section6 .inner > dl > dd > .slide-wrap .btn > p > img { width: 100%; } #container.trust_01 .contents .section6 .inner > dl > dd > .slide-wrap .slide { overflow: hidden; width: calc(100% + var(--w-32)); margin-top: 3.9063vw; } #container.trust_01 .contents .section6 .inner > dl > dd > .slide-wrap .slide .swiper-slide { width: 41.0156vw; } #container.trust_01 .contents .section6 .inner > dl > dd > .slide-wrap .slide .swiper-slide > p { width: 100%; height: 45.2148vw; border-radius: 0.5859vw; overflow: hidden; } #container.trust_01 .contents .section6 .inner > dl > dd > .slide-wrap .slide .swiper-slide > div { margin-top: 3.1250vw; display: flex; flex-direction: column; align-items: flex-start; } #container.trust_01 .contents .section6 .inner > dl > dd > .slide-wrap .slide .swiper-slide > div > p { font-size: var(--fs-11); font-weight: 600; color: var(--text-highlight); padding: 1.5625vw 2.3438vw; border: var(--static-10) solid #C2BEB8; border-radius: 9.7656vw; } #container.trust_01 .contents .section6 .inner > dl > dd > .slide-wrap .slide .swiper-slide > div > strong { margin-top: 1.9531vw; font-size: var(--fs-40); font-weight: 700; color: #000; } #container.trust_01 .contents .section6 .inner > dl > dd > .slide-wrap .slide .swiper-slide > div > div { margin-top: 3.9063vw; font-size: var(--fs-28); line-height: 1.48; color: var(--text-dark); } /*=========================== 부동산신탁-신탁서비스 trust_02 ===========================*/ #container.trust_02 .contents { line-height: normal; } #container.trust_02 .contents .section {} #container.trust_02 .contents .section~.section { margin-top: 11.7188vw; } #container.trust_02 .contents .section .inner .title { font-size: var(--fs-40); font-weight: 800; padding-bottom: 3.1250vw; border-bottom: var(--static-10) solid #4A4948; } #container.trust_02 .contents .section .inner .title+* { margin-top: 5.8594vw; } #container.trust_02 .contents .section .inner .title+div { margin-top: 3.9063vw; font-size: var(--fs-32); line-height: 1.42; color: var(--text-dark); } #container.trust_02 .contents .section .inner .title+dl {} #container.trust_02 .contents .section .inner .title+dl > dt {} #container.trust_02 .contents .section .inner .title+dl > dt > p:nth-of-type(1) { font-size: var(--fs-48); font-weight: 800; } #container.trust_02 .contents .section .inner .title+dl > dt > p:nth-of-type(2) { margin-top: 3.1250vw; font-size: var(--fs-36); line-height: 1.38; color: var(--text-dark); } #container.trust_02 .contents .section .inner .title+dl > dd { margin-top: 5.8594vw; font-size: var(--fs-32); line-height: 1.42; color: var(--text-dark); } #container.trust_02 .contents .section .inner > dl > dd { width: 100%; } #container.trust_02 .contents .section .inner > dl > dd > strong { display: block; font-size: var(--fs-36); line-height: normal; margin-bottom: 3.9063vw; } #container.trust_02 .contents .section .inner > dl > dd > div+strong { margin-top: 5.8594vw; } #container.trust_02 .contents .section .inner > dl > dd .btn-custom { margin-top: 3.9063vw; } #container.trust_02 .contents .section .inner > dl > dd > .slide-wrap { margin-top: 7.8125vw; width: 100%; height: max-content; position: relative; } #container.trust_02 .contents .section .inner > dl > dd > .slide-wrap .btn { display: flex; justify-content: flex-end; align-item: center; gap: 7.8125vw; } #container.trust_02 .contents .section .inner > dl > dd > .slide-wrap .btn > p { width: 2.7344vw; position: relative; } #container.trust_02 .contents .section .inner > dl > dd > .slide-wrap .btn > p:nth-of-type(2)::after { content: ''; position: absolute; left: -3.9063vw; top: 50%; width: var(--static-10); height: 4.2969vw; margin-top: -2.1484vw; background: #DEDDCF; } #container.trust_02 .contents .section .inner > dl > dd > .slide-wrap .btn > p > img { width: 100%; } #container.trust_02 .contents .section .inner > dl > dd > .slide-wrap .slide { overflow: hidden; width: calc(100% + var(--w-32)); margin-top: 3.9063vw; } #container.trust_02 .contents .section .inner > dl > dd > .slide-wrap .slide .swiper-slide { width: 41.0156vw; } #container.trust_02 .contents .section .inner > dl > dd > .slide-wrap .slide .swiper-slide > p { width: 100%; height: 45.2148vw; border-radius: 0.5859vw; overflow: hidden; } #container.trust_02 .contents .section .inner > dl > dd > .slide-wrap .slide .swiper-slide > div { margin-top: 3.1250vw; display: flex; flex-direction: column; align-items: flex-start; } #container.trust_02 .contents .section .inner > dl > dd > .slide-wrap .slide .swiper-slide > div > p { font-size: var(--fs-11); font-weight: 600; color: var(--text-highlight); padding: 1.5625vw 2.3438vw; border: var(--static-10) solid #C2BEB8; border-radius: 9.7656vw; } #container.trust_02 .contents .section .inner > dl > dd > .slide-wrap .slide .swiper-slide > div > strong { margin-top: 1.9531vw; font-size: var(--fs-40); font-weight: 700; color: #000; line-height: normal; } #container.trust_02 .contents .section .inner > dl > dd > .slide-wrap .slide .swiper-slide > div > div { margin-top: 3.9063vw; font-size: var(--fs-28); line-height: 1.48; color: var(--text-dark); } #container.trust_02 .contents .section .inner > dl > dd > ul { display: grid; grid-template-columns: repeat(1, 1fr); margin-top: 5.8594vw; gap: 5.8594vw 0; } #container.trust_02 .contents .section .inner > dl > dd > ul > li {} #container.trust_02 .contents .section .inner > dl > dd > ul > li > strong { font-size: var(--fs-36); color: #000; } #container.trust_02 .contents .section .inner > dl > dd > ul > li > p { margin-top: 1.9531vw; font-size: var(--fs-28); line-height: 1.48; color: var(--text-dark); } /*=========================== 아카이브 - 공통 ===========================*/ [data-name-depth2="아카이브"] .contents .section1 .aside-wrap {} [data-name-depth2="아카이브"] .contents .section1 .aside-wrap .aside { display: none; } [data-name-depth2="아카이브"] .contents .section1 .aside-wrap .article {} [data-name-depth2="아카이브"] .contents .section1 .aside-wrap .article .box { position: relative; } [data-name-depth2="아카이브"] .contents .section1 .aside-wrap .article .box~.box { margin-top: 11.7188vw; padding-top: 7.8125vw; border-top: var(--static-10) solid #4A4948; } [data-name-depth2="아카이브"] .contents .section1 .aside-wrap .article .box~.box::before { content: ''; position: absolute; left: var(--w--32); top: var(--static--10); width: calc(100% + var(--w-32) + var(--w-32)); height: var(--static-10); background: #4A4948; } [data-name-depth2="아카이브"] .contents .section1 .aside-wrap .article .box .body { font-size: var(--fs-32); line-height: 1.42; word-break: keep-all; color: var(--text-body); } [data-name-depth2="아카이브"] .contents .section1 .aside-wrap .article .box > .title { width: 100%; word-break: keep-all; font-size: var(--fs-40); font-weight: 800; line-height: normal; padding-bottom: 3.1250vw; margin-bottom: 7.8125vw; border-bottom: var(--static-20) solid #4A4948; } [data-name-depth2="아카이브"] .contents .section1 .aside-wrap .article .box > .inner > dl {} [data-name-depth2="아카이브"] .contents .section1 .aside-wrap .article .box > .inner > dl~dl { margin-top: 7.8125vw; padding-top: 7.8125vw; border-top: var(--static-10) solid #C2BEB8; } [data-name-depth2="아카이브"] .contents .section1 .aside-wrap .article .box > .inner > dl > dt { font-size: var(--fs-36); font-weight: 700; line-height: 1.38; color: var(--text-darkest); margin-bottom: 5.8594vw; } [data-name-depth2="아카이브"] .contents .section1 .aside-wrap .article .box > .inner > dl > dd > dl { font-size: var(--fs-32); line-height: 1.42; word-break: keep-all; color: var(--text-body); } [data-name-depth2="아카이브"] .contents .section1 .aside-wrap .article .box > .inner > dl > dd > dl > dt { font-size: var(--fs-32); color: var(--text-darkest); display: block; font-weight: 700; line-height: normal; } [data-name-depth2="아카이브"] .contents .section1 .aside-wrap .article .box > .inner > dl > dd > dl > dd+ dt { margin-top: 3.9063vw; } [data-name-depth2="아카이브"] .contents .section1 .aside-wrap .article .box > .inner > dl > dd > dl > dd { margin-top: 3.1250vw; } [data-name-depth2="아카이브"] .contents .section1 .aside-wrap .article .box > .inner > dl > dd > h4 { font-size: var(--fs-36); font-weight: 700; line-height: normal; color: var(--text-darkest); margin-bottom: 5.8594vw; } [data-name-depth2="아카이브"] .contents .section1 .aside-wrap .article .box > .inner > dl > dd > .body+dl { margin-top: 3.9063vw; } [data-name-depth2="아카이브"] ul.list-dot {} [data-name-depth2="아카이브"] ul.list-dot > li { padding-left: 2.3438vw; position: relative; } [data-name-depth2="아카이브"] ul.list-dot > li::before { content: ''; position: absolute; left: 0; top: 0; width: 0.5859vw; height: 0.5859vw; background: var(--text-body); border-radius: 0.5859vw; margin-top: 1.7578vw; } [data-name-depth2="아카이브"] ul.list-num { counter-reset: number 0; } [data-name-depth2="아카이브"] ul.list-num > li { display: flex; gap: 0.5859vw; position: relative; } [data-name-depth2="아카이브"] ul.list-num > li::before { counter-increment: number 1; content: counter(number)'.'; } /*=========================== 아카이브 - 리츠 archive_01 ===========================*/ #container.archive_01 .contents .section1 .aside-wrap .article .box2 > .inner > dl > dd > *+h4 { margin-top: 7.8125vw; padding-top: 7.8125vw; border-top: var(--static-10) dashed #C2BEB8; } #container.archive_01 .contents .section1 .aside-wrap .article .box2 > .inner > dl > dd > ul.list-dot { margin-top: 3.1250vw; } #container.archive_01 .contents .section1 .aside-wrap .article .box2 > .inner > dl > dd > ul.type1 { margin-top: 5.8594vw; } #container.archive_01 .contents .section1 .aside-wrap .article .box2 > .inner > dl > dd > ul.type1 > li { padding: 3.9063vw 0; border-top: var(--static-10) solid #4A4948; font-size: var(--fs-28); font-weight: 600; line-height: normal; color: var(--text-darkest); word-break: keep-all; } #container.archive_01 .contents .section1 .aside-wrap .article .box2 > .inner > dl > dd > ul.type1 > li:last-of-type { padding-bottom: 0; } #container.archive_01 .contents .section1 .aside-wrap .article .box3 > .inner > dl~dl { border-top-style: dashed; } #container.archive_01 .contents .section1 .aside-wrap .article .box3 > .inner > dl > dd > .table-wrap table { border-top: var(--static-20) solid #4A4948; border-collapse: collapse; border-spacing: 0; } #container.archive_01 .contents .section1 .aside-wrap .article .box3 > .inner > dl > dd > .table-wrap table td { color: #000; font-size: var(--fs-28); padding: 2.3438vw 0; text-align: center; word-break: keep-all; line-height: 1.48; } #container.archive_01 .contents .section1 .aside-wrap .article .box3 > .inner > dl > dd > .table-wrap table td > strong { color: var(--text-dark); } #container.archive_01 .contents .section1 .aside-wrap .article .box3 > .inner > dl > dd > .table-wrap table thead { border-bottom: var(--static-10) solid #4A4948; } #container.archive_01 .contents .section1 .aside-wrap .article .box3 > .inner > dl > dd > .table-wrap table thead td { color: var(--text-dark); font-weight: 700; } #container.archive_01 .contents .section1 .aside-wrap .article .box3 > .inner > dl > dd > .table-wrap table tbody > tr { border-bottom: var(--static-10) solid #C2BEB8; } #container.archive_01 .contents .section1 .aside-wrap .article .box3 > .inner > dl > dd > .table-wrap:has(.table1) { width: calc(100% + var(--w-32)); overflow-x: scroll; padding-right: var(--w-32 ); } #container.archive_01 .contents .section1 .aside-wrap .article .box3 > .inner > dl > dd > .table-wrap .table1 { width: 122.6563vw; } #container.archive_01 .contents .section1 .aside-wrap .article .box3 > .inner > dl > dd > .table-wrap .table1 td:nth-of-type(1) { width: 22.2656vw; padding-right: 1.9531vw; } #container.archive_01 .contents .section1 .aside-wrap .article .box3 > .inner > dl > dd > .table-wrap .table1 td:nth-of-type(2) { width: 24.6094vw; padding-left: 1.9531vw; padding-right: 1.9531vw; } #container.archive_01 .contents .section1 .aside-wrap .article .box3 > .inner > dl > dd > .table-wrap .table1 td:nth-of-type(3) { width: 21.4844vw; padding-left: 1.9531vw; padding-right: 1.9531vw; } #container.archive_01 .contents .section1 .aside-wrap .article .box3 > .inner > dl > dd > .table-wrap .table1 td:nth-of-type(4) { padding-left: 3.9063vw; padding-right: 0; } #container.archive_01 .contents .section1 .aside-wrap .article .box3 > .inner > dl > dd > .table-wrap .table2 { width: 100%; } #container.archive_01 .contents .section1 .aside-wrap .article .box3 > .inner > dl > dd > .table-wrap .table2 td:nth-of-type(1) { width: 9.7656vw; } #container.archive_01 .contents .section1 .aside-wrap .article .box3 > .inner > dl > dd > .table-wrap .table2 td:nth-of-type(2) { width: 33.6914vw; padding-left: 3.9063vw; padding-right: 3.9063vw; } #container.archive_01 .contents .section1 .aside-wrap .article .box3 > .inner > dl > dd > .table-wrap .table2 td:nth-of-type(3) { width: 24.6094vw; padding-right: 3.9063vw; } #container.archive_01 .contents .section1 .aside-wrap .article .box1 .graph { width: 100%; } #container.archive_01 .contents .section1 .aside-wrap .article .box1 .graph > img { width: 100%; } #container.archive_01 .contents .section1 .aside-wrap .article .box4 .graph { margin-top: 7.8125vw; width: calc(100% + var(--w-32)); overflow-x: scroll; padding-right: var(--w-32); } #container.archive_01 .contents .section1 .aside-wrap .article .box4 .graph > img { width: 104.4922vw; } /*=========================== 아카이브 - 펀드 archive_02 ===========================*/ #container.archive_02 .contents .section1 .aside-wrap .article .box1 > .inner > dl > dd > h4 { font-size: var(--fs-32); margin-bottom: 3.1250vw; } #container.archive_02 .contents .section1 .aside-wrap .article .box1 > .inner > dl > dd > dl {} #container.archive_02 .contents .section1 .aside-wrap .article .box1 > .inner > dl > dd > dl > dd > p { font-weight: 700; color: var(--text-dark); } #container.archive_02 .contents .section1 .aside-wrap .article .box1 > .inner > dl > dd > dl > dd > ul+p { margin-top: 3.9063vw; } #container.archive_02 .contents .section1 .aside-wrap .article .box1 > .inner > dl > dd > dl > dd > p+ul.list-dot { margin-top: 3.1250vw; } #container.archive_02 .contents .section1 .aside-wrap .article .box .graph { width: 100%; } #container.archive_02 .contents .section1 .aside-wrap .article .box .graph > img { width: 100%; } /*=========================== ESG하이라이트 esg_01 ===========================*/ #container.esg_01 .contents { line-height: normal; } #container.esg_01 .contents .section1 { padding-bottom: 1.9531vw; } #container.esg_01 .contents .section1 > p { font-size: var(--fs-40); font-weight: 800; line-height: normal; padding-bottom: 3.1250vw; border-bottom: var(--static-20) solid #4A4948; } #container.esg_01 .contents .section1 > ul { display: grid; grid-template-columns: repeat(3, 29.3945vw); gap: 0 2.8320vw; } #container.esg_01 .contents .section1 > ul > li { padding: 5.8594vw 0; border-bottom: var(--static-10) dashed #C2BEB8; display: flex; flex-direction: column; align-items: center; gap: 1.9531vw; } #container.esg_01 .contents .section1 > ul > li:nth-child(n+7) { border-bottom: 0; } #container.esg_01 .contents .section1 > ul > li > p:nth-of-type(1) { width: 8.2031vw; } #container.esg_01 .contents .section1 > ul > li > p:nth-of-type(1) > img { width: 100%; } #container.esg_01 .contents .section1 > ul > li > p:nth-of-type(2) { font-size: var(--fs-30); line-height: 1.42; color: var(--text-darkest); text-align: center; } #container.esg_01 .contents .section1 > ul > li > p:nth-of-type(3) { font-size: var(--fs-48); letter-spacing: -0.1465vw; color: #176446; font-weight: 600; } #container.esg_01 .contents .section1 > ul > li > p:nth-of-type(4) { font-size: var(--fs-24); color: var(--text-body); line-height: 1.48; text-align: center; } #container.esg_01 .contents .section2 { padding-top: 7.8125vw; padding-bottom: 7.8125vw; background: #163238; color: #fff; } #container.esg_01 .contents .section2 .inner:nth-of-type(1) { display: grid; grid-template-columns: auto 37.1094vw; } #container.esg_01 .contents .section2 .inner:nth-of-type(1) > div {} #container.esg_01 .contents .section2 .inner:nth-of-type(1) > div > p{ font-size: var(--fs-36); font-weight: 700; } #container.esg_01 .contents .section2 .inner:nth-of-type(1) > div > div { font-size: var(--fs-60); font-weight: 600; margin-top: 3.9063vw; } #container.esg_01 .contents .section2 .inner:nth-of-type(1) > p:nth-of-type(1) { grid-column: 2/3; grid-row: 1/span 2; width: 37.1094vw; border-radius: 1.1719vw; overflow: hidden; } #container.esg_01 .contents .section2 .inner:nth-of-type(1) > p:nth-of-type(1) > img { width: 100%; } #container.esg_01 .contents .section2 .inner:nth-of-type(1) > p:nth-of-type(2) { width: 50.7813vw; align-self: end; font-size: var(--fs-28); line-height: 1.48; color: var(--text-lighter); } #container.esg_01 .contents .section2 .inner:nth-of-type(2) { border-top: var(--static-10) solid #817E7A; border-bottom: var(--static-10) solid #817E7A; margin-top: 7.8125vw; padding: 7.8125vw 0; } #container.esg_01 .contents .section2 .inner:nth-of-type(2) > ul {} #container.esg_01 .contents .section2 .inner:nth-of-type(2) > ul > li {} #container.esg_01 .contents .section2 .inner:nth-of-type(2) > ul > li~li { margin-top: 5.8594vw; } #container.esg_01 .contents .section2 .inner:nth-of-type(2) > ul > li > p { font-size: var(--fs-32); font-weight: 700; color: #000; width: 6.6406vw; height: 6.6406vw; border-radius: 6.6406vw; background: #fff; display: flex; align-items: center; justify-content: center; } #container.esg_01 .contents .section2 .inner:nth-of-type(2) > ul > li > div { margin-top: 3.9063vw; font-size: var(--fs-32); font-weight: 500; line-height: 1.42; } #container.esg_01 .contents .section2 .inner:nth-of-type(3) { padding-top: 7.8125vw; display: grid; grid-template-columns: 37.1094vw auto; gap: 0 5.8594vw; } #container.esg_01 .contents .section2 .inner:nth-of-type(3) > p:nth-of-type(1) { width: 100%; grid-row: 1/span 3; border-radius: 1.1719vw; overflow: hidden; } #container.esg_01 .contents .section2 .inner:nth-of-type(3) > p:nth-of-type(1) > img { width: 100%; } #container.esg_01 .contents .section2 .inner:nth-of-type(3) > p:nth-of-type(2) { font-size: var(--fs-40); font-weight: 500; } #container.esg_01 .contents .section2 .inner:nth-of-type(3) > div { font-size: var(--fs-32); line-height: 1.42; margin-top: 5.8594vw; } #container.esg_01 .contents .section2 .inner:nth-of-type(3) > div > p { width: 100%; border-radius: 1.1719vw; overflow: hidden; margin-top: 5.8594vw; } #container.esg_01 .contents .section2 .inner:nth-of-type(3) > div > p > img { width: 100%; } #container.esg_01 .contents .section3 { padding-top: 7.8125vw; } #container.esg_01 .contents .section3 .inner { display: flex; flex-direction: column; } #container.esg_01 .contents .section3 .inner > div:nth-of-type(1) { order: 0; } #container.esg_01 .contents .section3 .inner > div:nth-of-type(1) > p { font-size: var(--fs-36); font-weight: 700; } #container.esg_01 .contents .section3 .inner > div:nth-of-type(1) > div { font-size: var(--fs-60); font-weight: 600; margin-top: 3.9063vw; } #container.esg_01 .contents .section3 .inner > p { order: 2; width: 100%; margin-top: 5.8594vw; } #container.esg_01 .contents .section3 .inner > p > img { width: 100%; } #container.esg_01 .contents .section3 .inner > div:nth-of-type(2) { order: 1; font-size: var(--fs-32); line-height: 1.42; color: var(--text-dark); margin-top: 5.8594vw; } #container.esg_01 .contents .section3 > dl { padding-top: 7.8125vw; } #container.esg_01 .contents .section3 > dl > dt { font-size: var(--fs-36); line-height: 1.38; text-transform: uppercase; padding-top: 3.9063vw; border-top: var(--static-10) dashed #C2BEB8; } #container.esg_01 .contents .section3 > dl > dd { margin-top: 3.9063vw; padding-bottom: 7.8125vw; border-bottom: var(--static-10) solid #C2BEB8; } #container.esg_01 .contents .section3 > dl > dd > ul { display: grid; grid-template-columns: repeat(2, 45.5078vw); gap: 5.8594vw 2.7344vw; } #container.esg_01 .contents .section3 > dl > dd > ul > li { width: 100%; } #container.esg_01 .contents .section3 > dl > dd > ul > li > p { width: 100%; height: 50.1953vw; } #container.esg_01 .contents .section3 > dl > dd > ul > li > p > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #container.esg_01 .contents .section3 > dl > dd > ul > li > strong { display: block; font-size: var(--fs-36); margin-top: 3.9063vw; font-weight: 700; } #container.esg_01 .contents .section3 > dl > dd > ul > li > div { margin-top: 3.9063vw; } #container.esg_01 .contents .section3 > dl > dd > ul > li > div > p { font-size: var(--fs-28); line-height: 1.48; color: var(--text-dark); display: flex; gap: 1.7578vw; } #container.esg_01 .contents .section3 > dl > dd > ul > li > div > p::before { flex: 0 0 auto; content: ''; width: 0.5859vw; height: 0.5859vw; border-radius: 0.5859vw; background: var(--text-dark); margin-top: 1.6602vw; } #container.esg_01 .contents .section4 { padding-top: 7.8125vw; } #container.esg_01 .contents .section4 > dl {} #container.esg_01 .contents .section4 > dl > dt { font-size: var(--fs-40); font-weight: 800; padding-bottom: 3.1250vw; border-bottom: var(--static-10) solid #4A4948; } #container.esg_01 .contents .section4 > dl > dd {} #container.esg_01 .contents .section4 > dl:nth-of-type(1) > dd > ul { display: flex; border-bottom: var(--static-10) dashed #C2BEB8; } #container.esg_01 .contents .section4 > dl:nth-of-type(1) > dd > ul > li { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; padding: 5.8594vw 0; } #container.esg_01 .contents .section4 > dl:nth-of-type(1) > dd > ul > li > p:nth-of-type(1) { width: 7.0313vw; } #container.esg_01 .contents .section4 > dl:nth-of-type(1) > dd > ul > li > p:nth-of-type(1) > img { width: 100%; } #container.esg_01 .contents .section4 > dl:nth-of-type(1) > dd > ul > li > strong { font-size: var(--fs-22); color: var(--text-dark); margin-top: 1.9531vw; } #container.esg_01 .contents .section4 > dl:nth-of-type(1) > dd > ul > li > p:nth-of-type(2) { font-size: var(--fs-48); color: #176446; margin-top: 1.7578vw; font-weight: 600; letter-spacing: -0.1465vw; } #container.esg_01 .contents .section4 > dl:nth-of-type(1) > dd > ul > li > a { margin-top: 3.9063vw; } #container.esg_01 .contents .section4 > dl:nth-of-type(1) > dd > ul~* { font-size: var(--fs-32); line-height: 1.50; } #container.esg_01 .contents .section4 > dl:nth-of-type(1) > dd > strong { margin-top: 5.8594vw; display: block; } #container.esg_01 .contents .section4 > dl:nth-of-type(1) > dd > div { margin-top: 3.9063vw; } #container.esg_01 .contents .section4 > dl:nth-of-type(1) > dd > div > p { display: flex; gap: 1.7578vw; } #container.esg_01 .contents .section4 > dl:nth-of-type(1) > dd > div > p::before { flex: 0 0 auto; content: ''; width: 0.5859vw; height: 0.5859vw; background: #000; border-radius: 0.5859vw; margin-top: 1.6602vw; } #container.esg_01 .contents .section4 > dl:nth-of-type(2) { margin-top: 11.7188vw; } #container.esg_01 .contents .section4 > dl:nth-of-type(2) > dd { margin-top: 5.8594vw; } #container.esg_01 .contents .section4 > dl:nth-of-type(2) > dd > ul { display: grid; grid-template-columns: repeat(2, 45.5078vw); gap: 7.8125vw 2.7344vw; } #container.esg_01 .contents .section4 > dl:nth-of-type(2) > dd > ul > li {} #container.esg_01 .contents .section4 > dl:nth-of-type(2) > dd > ul > li:nth-of-type(1), #container.esg_01 .contents .section4 > dl:nth-of-type(2) > dd > ul > li:nth-of-type(2) { position: relative; padding-bottom: 7.8125vw; border-bottom: var(--static-10) solid #C2BEB8; } #container.esg_01 .contents .section4 > dl:nth-of-type(2) > dd > ul > li:nth-of-type(2)::before { content: ''; position: absolute; left: -50%; bottom: -0.0977vw; width: 100%; height: var(--static-10); background: #C2BEB8; } #container.esg_01 .contents .section4 > dl:nth-of-type(2) > dd > ul > li >.img { position: relative; width: 100%; height: 25.5859vw; border-radius: 0.9766vw; overflow: hidden; } #container.esg_01 .contents .section4 > dl:nth-of-type(2) > dd > ul > li >.img > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #container.esg_01 .contents .section4 > dl:nth-of-type(2) > dd > ul > li >.img > a { position: absolute; right: 2.7344vw; bottom: 2.7344vw; width: 7.4219vw; height: 7.4219vw; border-radius: 9.7656vw; background-color: var(--text-darkest); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.73685 9.32383V0.0546872L11.2632 0.0546873V9.32383L14.5474 5.96498L16.3158 7.80588L10 14.2652L3.68422 7.80588L5.45264 5.96497L8.73685 9.32383Z' fill='white'/%3E%3Cpath d='M0.526306 17.4219H19.4737V19.9482H0.526306V17.4219Z' fill='white'/%3E%3C/svg%3E"); background-size: 2.3438vw 2.5391vw; background-repeat: no-repeat; background-position: center; } #container.esg_01 .contents .section4 > dl:nth-of-type(2) > dd > ul > li >.text { margin-top: 3.1250vw; } #container.esg_01 .contents .section4 > dl:nth-of-type(2) > dd > ul > li >.text .tag { display: flex; gap: 0.7813vw; } #container.esg_01 .contents .section4 > dl:nth-of-type(2) > dd > ul > li >.text .tag > p { font-size: var(--fs-20); color: var(--text-dark); font-weight: 600; padding: 1.4648vw 2.1484vw; border: var(--static-10) solid #C2BEB8; border-radius: 9.7656vw; } #container.esg_01 .contents .section4 > dl:nth-of-type(2) > dd > ul > li >.text .title { font-size: var(--fs-32); font-weight: 700; margin-top: 1.9531vw; } #container.esg_01 .contents .section4 > dl:nth-of-type(2) > dd > ul > li >.text .content { margin-top: 3.9063vw; } #container.esg_01 .contents .section4 > dl:nth-of-type(2) > dd > ul > li >.text .content > p:nth-of-type(1) { font-size: var(--fs-28); font-weight: 600; line-height: 1.48; color: var(--text-dark); } #container.esg_01 .contents .section4 > dl:nth-of-type(2) > dd > ul > li >.text .content > p:nth-of-type(2) { font-size: var(--fs-26); color: var(--text-body); font-weight: 500; margin-top: 2.3438vw; } /*=========================== ENVIRONMENTAL esg_02 ===========================*/ #container.esg_02 .contents { line-height: normal; } #container.esg_02 .contents .section1 { padding-bottom: 5.8594vw; } #container.esg_02 .contents .section1 .inner > p:nth-of-type(1) { font-size: var(--fs-32); font-weight: 700; line-height: 1.42; } #container.esg_02 .contents .section1 .inner > div { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 5.8594vw 0; padding: 5.8594vw 0; border-top: var(--static-10) solid #C2BEB8; border-bottom: var(--static-10) solid #C2BEB8; } #container.esg_02 .contents .section1 .inner > div > ul { width: 73.4375vw; display: flex; border: var(--static-10) solid #4A4948; border-radius: 48.8281vw; padding: 1.7578vw; gap: 1.2695vw; } #container.esg_02 .contents .section1 .inner > div > ul > li { width: 22.4609vw; height: 22.4609vw; border-radius: 22.4609vw; border: var(--static-10) dashed #4A4948; font-size: var(--fs-26); font-weight: 600; color: var(--text-darkest); display: flex; justify-content: center; align-items: center; text-align: center; } #container.esg_02 .contents .section1 .inner > div > div { font-size: var(--fs-28); font-weight: 600; color: #176446; text-align: center; display: grid; grid-template-columns: 1fr 1.5625vw 1fr; align-items: center; gap: 0 3.1250vw; } #container.esg_02 .contents .section1 .inner > div > div > p:nth-of-type(2) { position: relative; width: 1.5625vw; height: 10.2539vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='105' viewBox='0 0 16 105' fill='none'%3E%3Cpath d='M7.29289 104.707C7.68342 105.098 8.31658 105.098 8.70711 104.707L15.0711 98.3431C15.4616 97.9526 15.4616 97.3195 15.0711 96.9289C14.6805 96.5384 14.0474 96.5384 13.6569 96.9289L8 102.586L2.34315 96.9289C1.95262 96.5384 1.31946 96.5384 0.928932 96.9289C0.538408 97.3195 0.538408 97.9526 0.928932 98.3431L7.29289 104.707ZM8 104L9 104L9 4.37114e-08L8 0L7 -4.37114e-08L7 104L8 104Z' fill='%234A4948'/%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat; } #container.esg_02 .contents .section1 .inner > div > div > p:nth-of-type(2)::before { content: ''; position: absolute; left: 50%; margin-left: -1.1719vw; top: 0; margin-top: -1.1719vw; width: 2.3438vw; height: 2.3438vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle cx='6' cy='6' r='5.5' fill='white' stroke='%234A4948'/%3E%3C/svg%3E"); background-size: 100%; } #container.esg_02 .contents .section1 .inner > div > p { margin-top: 0.9766vw; width: 31.2500vw; height: 31.2500vw; border-radius: 31.2500vw; background: var(--text-esg); display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; font-size: var(--fs-36); font-weight: 700; } #container.esg_02 .contents .section1 .inner > p:nth-of-type(2) { font-size: var(--fs-32); line-height: 1.50; color: var(--text-dark); } #container.esg_02 .contents .section2 { background: #163238; padding: 7.8125vw 0; } #container.esg_02 .contents .section2 .inner-wrap { color: #fff; display: grid; grid-template-columns: 1fr 37.1094vw; grid-template-rows: max-content 1fr; gap: 5.8594vw; } #container.esg_02 .contents .section2 .inner-wrap > p:nth-of-type(1) { font-size: var(--fs-60); font-weight: 600; width: 46.8750vw; } #container.esg_02 .contents .section2 .inner-wrap > p:nth-of-type(2) { grid-column: 2/3; grid-row: 1/span 2; width: 100%; border-radius: 0.5859vw; overflow: hidden; } #container.esg_02 .contents .section2 .inner-wrap > div { font-size: var(--fs-28); line-height: 1.48; color: var(--text-lighter); } #container.esg_02 .contents .section3 { padding: 7.8125vw 0; border-bottom: var(--static-10) solid #C2BEB8; } #container.esg_02 .contents .section3 .inner {} #container.esg_02 .contents .section3 .inner > dl {} #container.esg_02 .contents .section3 .inner > dl > dt { font-size: var(--fs-40); font-weight: 800; padding-bottom: 5.8594vw; border-bottom: var(--static-10) solid #4A4948; } #container.esg_02 .contents .section3 .inner > dl > dt > span { font-size: var(--fs-24); font-weight: 500; color: var(--text-body); display: block; margin-top: 2.3438vw; } #container.esg_02 .contents .section3 .inner > dl > dd { display: flex; flex-direction: column; } #container.esg_02 .contents .section3 .inner > dl > dd > ul { padding: 5.8594vw 0; border-bottom: var(--static-10) solid #C2BEB8; } #container.esg_02 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(1) { width: 56.2500vw; margin: 0 auto; display: flex; flex-direction: column; align-items: center; color: var(--text-dark); } #container.esg_02 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(1) > p:nth-of-type(1) { width: 8.2031vw; } #container.esg_02 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(1) > p:nth-of-type(1) > img { width: 100%; } #container.esg_02 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(1) > p:nth-of-type(2) { margin-top: 1.9531vw; font-size: var(--fs-32); line-height: 1.42; } #container.esg_02 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(1) > p:nth-of-type(3) { margin-top: 2.4414vw; font-size: var(--fs-84); letter-spacing: -0.2441vw; font-weight: 600; line-height: 1; } #container.esg_02 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) { width: 56.2500vw; margin: 0 auto; } #container.esg_02 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) { margin-top: 3.9063vw; padding-top: 3.9063vw; border-top: var(--static-10) dashed #C2BEB8; display: flex; } #container.esg_02 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) > div { flex: 1 1 0; color: var(--text-esg); display: flex; flex-direction: column; align-items: center; } #container.esg_02 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) > div > p:nth-of-type(1) { font-size: var(--fs-32); font-weight: 700; line-height: 1.42; display: flex; flex-direction: column; align-items: center; gap: 1.1719vw; } #container.esg_02 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) > div > p:nth-of-type(1)::before { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 20' fill='none'%3E%3Cpath d='M5.09069 14.9421L5.09069 -3.40961e-07L7.63614 -2.27307e-07L7.63614 14.9421L10.9452 11.5041L12.7271 13.3884L6.36342 20L-0.000220299 13.3884L1.7816 11.5041L5.09069 14.9421Z' fill='%23176446'/%3E%3C/svg%3E"); width: 2.5391vw; height: 3.9063vw; background-size: 100%; } #container.esg_02 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) > div > p:nth-of-type(2) { margin-top: 0.4883vw; font-size: var(--fs-60); font-weight: 600; } #container.esg_02 .contents .section3 .inner > dl > dd > ul > li:nth-of-type(2) > div > p:nth-of-type(3) { margin-top: 2.3438vw; padding: 1.5625vw 1.9531vw; border-radius: 9.7656vw; border: var(--static-10) solid #C2BEB8; font-size: var(--fs-28); font-weight: 700; color: #000; } #container.esg_02 .contents .section3 .inner .table { margin-top: 5.8594vw; } #container.esg_02 .contents .section3 .inner .table~.table { margin-top: 7.8125vw; } #container.esg_02 .contents .section3 .inner .table > strong { display: block; font-size: var(--fs-36); color: var(--text-darkest); } #container.esg_02 .contents .section3 .inner .table .table-wrap { width: 100%; overflow-x: auto; overflow-y: hidden; } #container.esg_02 .contents .section3 .inner table { margin-top: 3.9063vw; min-width: 100%; width: max-content; border-top: var(--static-20) solid #4A4948; border-collapse: collapse; border-spacing: 0; } #container.esg_02 .contents .section3 .inner table td { color: #000; font-size: var(--fs-28); padding: 2.3438vw 1.9531vw; text-align: center; word-break: keep-all; line-height: 1.48; } #container.esg_02 .contents .section3 .inner table td > strong { color: var(--text-dark); } #container.esg_02 .contents .section3 .inner table thead { border-bottom: var(--static-10) solid #4A4948; } #container.esg_02 .contents .section3 .inner table thead td { color: var(--text-dark); font-size: var(--fs-28); font-weight: 700; } #container.esg_02 .contents .section3 .inner table tbody > tr { border-bottom: var(--static-10) solid #C2BEB8; } #container.esg_02 .contents .section3 .inner table tbody > tr > td { width: 15.2344vw; } #container.esg_02 .contents .section3 .inner .table-1 table tbody > tr > td:nth-of-type(1) { width: 17.9688vw; } #container.esg_02 .contents .section3 .inner .table-2 table tbody > tr > td { width: 19.5313vw; } #container.esg_02 .contents .section3 .inner .table-2 table tbody > tr > td:nth-of-type(1) { width: 13.2813vw; } #container.esg_02 .contents .section3 .inner .table-2 table tbody > tr > td:nth-of-type(7) { width: 23.4375vw; } #container.esg_02 .contents .section3 .inner .table-2 table tbody > tr > td:nth-of-type(8) { width: 27.3438vw; } #container.esg_02 .contents .section3 .inner .table-3 table tbody > tr > td { width: 19.5313vw; } #container.esg_02 .contents .section3 .inner .table-3 table tbody > tr > td:nth-of-type(1) { width: 37.1094vw; } #container.esg_02 .contents .section3 .inner .table > p { margin-top: 5.8594vw; font-size: var(--fs-24); font-weight: 500; color: var(--text-body); } #container.esg_02 .contents .section4 { padding: 11.7188vw 0; } #container.esg_02 .contents .section4 .inner { display: flex; flex-direction: column; } #container.esg_02 .contents .section4 .inner > p:nth-of-type(1) { font-size: var(--fs-40); font-weight: 800; } #container.esg_02 .contents .section4 .inner > p:nth-of-type(2) { margin-top: 5.8594vw; order: 3; width: 100%; border-radius: 0.5859vw; overflow: hidden; } #container.esg_02 .contents .section4 .inner > div { font-size: var(--fs-32); line-height: 1.42; color: var(--text-dark); margin-top: 7.8125vw; } #container.esg_02 .contents .section4 .inner > div > strong { color: #000; } #container.esg_02 .contents .section5 { padding-bottom: 1.9531vw; } #container.esg_02 .contents .section5 .inner {} #container.esg_02 .contents .section5 .inner > p { font-size: var(--fs-40); font-weight: 800; line-height: 1.38; padding-bottom: 3.1250vw; border-bottom: var(--static-10) solid #4A4948; } #container.esg_02 .contents .section5 .inner > ul { display: grid; grid-template-columns: repeat(2, 45.5078vw); gap: 0 2.7344vw; border-bottom: var(--static-10) solid #C2BEB8; } #container.esg_02 .contents .section5 .inner > ul > li { padding: 5.8594vw 0; display: flex; flex-direction: column; align-items: center; } #container.esg_02 .contents .section5 .inner > ul > li:nth-child(-n+4) { border-bottom: var(--static-10) dashed #C2BEB8; } #container.esg_02 .contents .section5 .inner > ul > li > p:nth-of-type(1) { height: 11.7188vw; } #container.esg_02 .contents .section5 .inner > ul > li > p:nth-of-type(1) > img { height: 100%; } #container.esg_02 .contents .section5 .inner > ul > li > p:nth-of-type(2) { margin-top: 3.9063vw; font-size: var(--fs-36); font-weight: 700; color: var(--text-esg); } #container.esg_02 .contents .section5 .inner > ul > li > ul { margin-top: 3.9063vw; } #container.esg_02 .contents .section5 .inner > ul > li > ul > li { font-size: var(--fs-32); line-height: 1.48; color: var(--text-dark); display: flex; gap: 1.9531vw; } #container.esg_02 .contents .section5 .inner > ul > li > ul > li::before { flex: 0 0 auto; content: ''; width: 0.5859vw; height: 0.5859vw; border-radius: 0.5859vw; background: var(--text-dark); margin-top: 1.7578vw; } #container.esg_02 .contents .section6 { border-bottom: var(--static-10) solid #C2BEB8; } #container.esg_02 .contents .section6 .inner { padding-top: 7.8125vw; padding-bottom: 5.8594vw; } #container.esg_02 .contents .section6 .inner > div:has(p) {} #container.esg_02 .contents .section6 .inner > div:has(p) > p:nth-of-type(1) { font-size: var(--fs-40); font-weight: 800; line-height: 1.38; } #container.esg_02 .contents .section6 .inner > div:has(p) > p:nth-of-type(2) { margin-top: 2.3438vw; font-size: var(--fs-24); line-height: 1.48; color: var(--text-body); } #container.esg_02 .contents .section6 .inner > div:has(img) { margin-top: 5.8594vw; width: 100%; } #container.esg_02 .contents .section6 .inner > div:has(img) > img { width: 100%; } #container.esg_02 .contents .section7 { padding: 7.8125vw 0 0; } #container.esg_02 .contents .section7 .inner {} #container.esg_02 .contents .section7 .inner > p { font-size: var(--fs-40); font-weight: 800; padding-bottom: 3.1250vw; border-bottom: var(--static-10) solid #4A4948; } #container.esg_02 .contents .section7 .inner > ul { display: flex; justify-content: center; align-items: center; height: 17.0898vw; margin-top: 7.8125vw; margin-bottom: 5.8594vw; } #container.esg_02 .contents .section7 .inner > ul > li:nth-of-type(1) { position: relative; text-align: center; padding-right: 6.1523vw; } #container.esg_02 .contents .section7 .inner > ul > li:nth-of-type(1)::after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -7.8125vw; width: var(--static-10); height: 15.6250vw; border-left: var(--static-10) dashed #C2BEB8; } #container.esg_02 .contents .section7 .inner > ul > li:nth-of-type(1) > p:nth-of-type(1) { font-size: var(--fs-84); font-weight: 800; color: var(--text-esg); line-height: 0.75; } #container.esg_02 .contents .section7 .inner > ul > li:nth-of-type(1) > p:nth-of-type(1) > span { font-size: var(--fs-40); font-weight: 600; } #container.esg_02 .contents .section7 .inner > ul > li:nth-of-type(1) > p:nth-of-type(2) { margin-top: 2.3438vw; font-size: var(--fs-32); line-height: 1.42; color: var(--text-body); } #container.esg_02 .contents .section7 .inner > ul > li:nth-of-type(2) { position: relative; display: flex; justify-content: center; gap: 7.8125vw; padding-left: 11.4258vw; } #container.esg_02 .contents .section7 .inner > ul > li:nth-of-type(2) > div { display: flex; flex-direction: column; align-items: center; width: 3.7109vw; gap: 2.3438vw; } #container.esg_02 .contents .section7 .inner > ul > li:nth-of-type(2) > div > p:nth-of-type(1) { font-size: var(--fs-60); font-weight: 600; letter-spacing: -0.1758vw; color: var(--text-darkest); line-height: 0.75; } #container.esg_02 .contents .section7 .inner > ul > li:nth-of-type(2) > div > p:nth-of-type(2) { width: max-content; font-size: var(--fs-32); font-weight: 500; color: var(--text-dark); text-align: center; } #container.esg_02 .contents .section7 .inner > ul > li:nth-of-type(2) > p { width: 1.5625vw; height: 1.5625vw; border-radius: 1.5625vw; background: var(--text-highlight); margin-top: 1.3672vw; } #container.esg_02 .contents .section7 .inner > dl { border-top: var(--static-10) solid #C2BEB8; } #container.esg_02 .contents .section7 .inner > dl~dl { margin-top: 5.8594vw; } #container.esg_02 .contents .section7 .inner > dl > dt { display: flex; flex-direction: column; align-items: center; gap: 1.1719vw; padding-top: 5.8594vw; } #container.esg_02 .contents .section7 .inner > dl > dt > div { display: inline-flex; flex-direction: column; align-items: center; gap: 0.5859vw; } #container.esg_02 .contents .section7 .inner > dl > dt > div > p:nth-of-type(1) > img { width: 100%; } #container.esg_02 .contents .section7 .inner > dl > dt > div > p:nth-of-type(2) { font-size: var(--fs-28); font-weight: 500; color: var(--text-body); } #container.esg_02 .contents .section7 .inner > dl:nth-of-type(1) > dt > div > p:nth-of-type(1) { width: 12.3047vw; } #container.esg_02 .contents .section7 .inner > dl:nth-of-type(2) > dt > div > p:nth-of-type(1) { width: 12.4023vw; } #container.esg_02 .contents .section7 .inner > dl:nth-of-type(3) > dt > div > p:nth-of-type(1) { width: 16.6016vw; } #container.esg_02 .contents .section7 .inner > dl > dd { margin-top: 5.8594vw; display: grid; grid-template-columns: repeat(2, 45.5078vw); gap: 5.8594vw 2.7344vw; } #container.esg_02 .contents .section7 .inner > dl > dd > div {} #container.esg_02 .contents .section7 .inner > dl > dd > div > p:nth-of-type(1) { width: 45.5078vw; height: 26.5625vw; border-radius: 0.6836vw; overflow: hidden; } #container.esg_02 .contents .section7 .inner > dl > dd > div > p:nth-of-type(1) > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #container.esg_02 .contents .section7 .inner > dl > dd > div > p:nth-of-type(2) { margin-top: 3.1250vw; font-size: var(--fs-36); font-weight: 500; color: var(--text-dark); } /*=========================== SOCIAL esg_03 ===========================*/ #container.esg_03 .contents { line-height: normal; } #container.esg_03 .contents .section1 { padding: 0 0 7.8125vw; } #container.esg_03 .contents .section1 .inner {} #container.esg_03 .contents .section1 .inner > p { font-size: var(--fs-40); font-weight: 800; } #container.esg_03 .contents .section1 .inner > div:nth-of-type(1) { margin-top: 5.8594vw; } #container.esg_03 .contents .section1 .inner > div:nth-of-type(1) > div { width: 66.4063vw; height: 66.4063vw; display: flex; justify-content: center; align-items: center; position: relative; background: url('../img/esg_03-sec1-1.svg'); background-size: 100%; background-position: center; background-repeat: no-repeat; margin: 0 auto; } #container.esg_03 .contents .section1 .inner > div:nth-of-type(1) > div > p { width: 25.5859vw; height: 25.5859vw; border-radius: 25.5859vw; background: var(--text-esg); display: flex; justify-content: center; align-items: center; color: #fff; text-align: center; font-size: var(--fs-24); font-weight: 700; } #container.esg_03 .contents .section1 .inner > div:nth-of-type(1) > div > ul { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: grid; grid-template-columns: repeat(2, 17.8711vw); justify-content: space-between; align-content: space-between; } #container.esg_03 .contents .section1 .inner > div:nth-of-type(1) > div > ul > li { width: 17.8711vw; height: 17.8711vw; border-radius: 17.8711vw; border: var(--static-10) solid #4A4948; display: flex; justify-content: center; align-items: center; font-size: var(--fs-24); text-align: center; font-weight: 600; color: var(--text-darkest); background: #fff; } #container.esg_03 .contents .section1 .inner > div:nth-of-type(2) { margin-top: 5.8594vw; font-size: var(--fs-32); line-height: 1.42; color: var(--fs-dark); } #container.esg_03 .contents .section2 {} #container.esg_03 .contents .section2 .inner {} #container.esg_03 .contents .section2 .inner > dl {} #container.esg_03 .contents .section2 .inner > dl > dt { font-size: var(--fs-40); font-weight: 800; padding-bottom: 3.1250vw; border-bottom: var(--static-10) solid #4A4948; line-height: 1; } #container.esg_03 .contents .section2 .inner > dl > dt > span { display: block; margin-top: 2.3438vw; font-size: var(--fs-28); font-weight: 500; color: var(--text-body); } #container.esg_03 .contents .section2 .inner > dl > dd { padding: 5.8594vw 0 0; font-size: var(--fs-32); line-height: 1.42; color: var(--text-dark); } #container.esg_03 .contents .section2 .inner > dl > dd~dd { border-top: var(--static-10) solid #C2BEB8; } #container.esg_03 .contents .section2 .inner > dl > dd:has(ul) { padding: 5.8594vw 0; } #container.esg_03 .contents .section2 .inner > dl > dd:has(ul) > p:nth-of-type(1) { font-size: var(--fs-32); font-weight: 500; line-height: 1; color: var(--text-body); } #container.esg_03 .contents .section2 .inner > dl > dd:has(ul) > p:nth-of-type(2) { margin-top: 2.3438vw; font-size: var(--fs-84); font-weight: 800; color: var(--text-esg); line-height: 1; } #container.esg_03 .contents .section2 .inner > dl > dd:has(ul) > p:nth-of-type(2) > span { font-size: var(--fs-40); font-weight: 600; } #container.esg_03 .contents .section2 .inner > dl > dd:has(ul) > div { margin-top: 5.8594vw; overflow-x: auto; overflow-y: hidden; padding: 0 4.8828vw 0.9766vw; } #container.esg_03 .contents .section2 .inner > dl > dd:has(ul) > div > ul { width: max-content; display: flex; gap: 10.7422vw; justify-content: center; } #container.esg_03 .contents .section2 .inner > dl > dd:has(ul) > div > ul > li { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 9.7656vw; } #container.esg_03 .contents .section2 .inner > dl > dd:has(ul) > div > ul > li > p:nth-of-type(1) { width: 9.7656vw; border-radius: 0.2930vw; } #container.esg_03 .contents .section2 .inner > dl > dd:has(ul) > div > ul > li:nth-of-type(1) > p:nth-of-type(1) { height: 14.6484vw; background: linear-gradient(180deg, #53AF87 -66.85%, #FFF 100%); } #container.esg_03 .contents .section2 .inner > dl > dd:has(ul) > div > ul > li:nth-of-type(2) > p:nth-of-type(1) { height: 30.2734vw; background: linear-gradient(180deg, #53AF87 -20.24%, #FFF 100%); } #container.esg_03 .contents .section2 .inner > dl > dd:has(ul) > div > ul > li:nth-of-type(3) > p:nth-of-type(1) { height: 40.0391vw; background: linear-gradient(180deg, #53AF87 6.31%, #FFF 100%); } #container.esg_03 .contents .section2 .inner > dl > dd:has(ul) > div > ul > li:nth-of-type(4) > p:nth-of-type(1) { height: 25.3906vw; background: linear-gradient(180deg, #53AF87 -50.76%, #FFF 100%); } #container.esg_03 .contents .section2 .inner > dl > dd:has(ul) > div > ul > li:nth-of-type(5) > p:nth-of-type(1) { height: 20.7031vw; background: linear-gradient(180deg, #53AF87 -77.84%, #FFF 100%); } #container.esg_03 .contents .section2 .inner > dl > dd:has(ul) > div > ul > li:nth-of-type(5) { padding-bottom: 9.2773vw; } #container.esg_03 .contents .section2 .inner > dl > dd:has(ul) > div > ul > li > p:nth-of-type(2) { width: max-content; margin-top: 3.9063vw; font-size: var(--fs-32); font-weight: 700; color: var(--text-darkest); } #container.esg_03 .contents .section2 .inner > dl > dd:has(ul) > div > ul > li > p:nth-of-type(3) { width: max-content; margin-top: 1.7578vw; font-size: var(--fs-26); font-weight: 500; color: var(--text-body); line-height: 1.48; text-align: center; } /*=========================== SOCIAL esg_04 ===========================*/ #container.esg_04 .contents { line-height: normal; } #container.esg_04 .contents .section1 { padding-bottom: 7.8125vw; } #container.esg_04 .contents .section1 .inner > p:nth-of-type(1) { font-size: var(--fs-32); font-weight: 700; line-height: 1.42; } #container.esg_04 .contents .section1 .inner > div { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 5.8594vw 0; padding: 5.8594vw 0; border-top: var(--static-10) solid #C2BEB8; border-bottom: var(--static-10) solid #C2BEB8; } #container.esg_04 .contents .section1 .inner > div > ul { width: 100%; display: flex; border: var(--static-10) solid #4A4948; border-radius: 48.8281vw; padding: 1.7578vw; gap: 1.4648vw; } #container.esg_04 .contents .section1 .inner > div > ul > li { width: 21.4844vw; height: 21.4844vw; border-radius: 21.4844vw; border: var(--static-10) dashed #4A4948; font-size: var(--fs-26); font-weight: 600; color: var(--text-darkest); display: flex; justify-content: center; align-items: center; text-align: center; } #container.esg_04 .contents .section1 .inner > div > div {} #container.esg_04 .contents .section1 .inner > div > div > p { position: relative; width: 1.5625vw; height: 7.7148vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='79' viewBox='0 0 16 79' fill='none'%3E%3Cpath d='M7.29289 78.7071C7.68342 79.0976 8.31658 79.0976 8.70711 78.7071L15.0711 72.3431C15.4616 71.9526 15.4616 71.3195 15.0711 70.9289C14.6805 70.5384 14.0474 70.5384 13.6569 70.9289L8 76.5858L2.34315 70.9289C1.95262 70.5384 1.31946 70.5384 0.928932 70.9289C0.538408 71.3195 0.538408 71.9526 0.928932 72.3431L7.29289 78.7071ZM8 78L9 78L9 4.37114e-08L8 0L7 -4.37114e-08L7 78L8 78Z' fill='%234A4948'/%3E%3C/svg%3E"); background-size: 100%; background-repeat: no-repeat; } #container.esg_04 .contents .section1 .inner > div > div > p::before { content: ''; position: absolute; left: 50%; margin-left: -1.1719vw; top: 0; margin-top: -1.1719vw; width: 2.3438vw; height: 2.3438vw; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle cx='6' cy='6' r='5.5' fill='white' stroke='%234A4948'/%3E%3C/svg%3E"); background-size: 100%; } #container.esg_04 .contents .section1 .inner > div > p { margin-top: 0.9766vw; width: 35.1563vw; height: 35.1563vw; border-radius: 35.1563vw; background: var(--text-esg); display: flex; justify-content: center; align-items: center; text-align: center; color: #fff; font-size: var(--fs-36); font-weight: 700; line-height: normal; } #container.esg_04 .contents .section1 .inner > p:nth-of-type(2) { font-size: var(--fs-32); line-height: 1.50; color: var(--text-dark); } #container.esg_04 .contents .section2 { padding: 7.8125vw 0; background: #163238; color: #fff; } #container.esg_04 .contents .section2 .inner {} #container.esg_04 .contents .section2 .inner > p { font-size: var(--fs-40); font-weight: 800; } #container.esg_04 .contents .section2 .inner > ul { margin-top: 5.8594vw; display: grid; grid-template-columns: 1fr; gap: 3.9063vw; } #container.esg_04 .contents .section2 .inner > ul > li { padding: 3.9063vw; border: var(--static-10) dashed #817E7A; border-radius: 1.1719vw; } #container.esg_04 .contents .section2 .inner > ul > li > p { font-size: var(--fs-40); font-weight: 700; padding-bottom: 2.3438vw; border-bottom: var(--static-10) solid #817E7A; text-align: center; } #container.esg_04 .contents .section2 .inner > ul > li > strong { display: block; margin-top: 3.9063vw; font-size: var(--fs-32); line-height: 1.42; color: var(--text-light); } #container.esg_04 .contents .section2 .inner > ul > li > strong~strong { margin-top: 3.1250vw; } #container.esg_04 .contents .section2 .inner > ul > li > div { margin-top: 1.1719vw; line-height: 1.42; font-size: var(--fs-32); color: var(--text-body); } #container.esg_04 .contents .section2 .inner > ul > li > div > p { display: flex; gap: 1.9531vw; } #container.esg_04 .contents .section2 .inner > ul > li > div > p::before { flex: 0 0 auto; content: ''; width: 0.5859vw; height: 0.5859vw; border-radius: 0.5859vw; background: var(--text-body); margin-top: 1.5625vw; } #container.esg_04 .contents .section3 { padding: 7.8125vw 0; } #container.esg_04 .contents .section3 .inner { display: flex; justify-content: space-between; gap: 5.8594vw; } #container.esg_04 .contents .section3 .inner > div { width: 50.7813vw; } #container.esg_04 .contents .section3 .inner > div > p { font-size: var(--fs-60); font-weight: 800; } #container.esg_04 .contents .section3 .inner > div > div { margin-top: 5.8594vw; font-size: var(--fs-32); line-height: 1.42; color: var(--text-dark); } #container.esg_04 .contents .section3 .inner > p { width: 37.1094vw; border-radius: 1.1719vw; overflow: hidden; } #container.esg_04 .contents .section4 {} #container.esg_04 .contents .section4 .inner {} #container.esg_04 .contents .section4 .inner .title { font-size: var(--fs-40); font-weight: 800; padding-bottom: 3.1250vw; border-bottom: var(--static-10) solid #4A4948; } #container.esg_04 .contents .section4 .inner .article { margin-top: 5.8594vw; } #container.esg_04 .contents .section4 .inner .article > dl {} #container.esg_04 .contents .section4 .inner .article > dl~dl { margin-top: 5.8594vw; } #container.esg_04 .contents .section4 .inner .article > dl > dt { font-size: var(--fs-36); font-weight: 700; color: var(--text-darkest); } #container.esg_04 .contents .section4 .inner .article > dl > dd { margin-top: 3.1250vw; } #container.esg_04 .contents .section4 .inner .article > dl > dd > p { display: flex; gap: 0.9766vw; font-size: var(--fs-28); line-height: 1.48; color: var(--text-dark); } #container.esg_04 .contents .section4 .inner .article > dl > dd > p > span { min-width: 3.4180vw; text-align: right; } #container.esg_04 .contents .section4 .inner .article > div { margin-top: 7.8125vw; padding: 5.8594vw 0; border-top: var(--static-10) solid #C2BEB8; border-bottom: var(--static-10) solid #C2BEB8; font-size: var(--fs-32); font-weight: 700; color: var(--text-esg); } #container.esg_04 .contents .section4 .inner .article > div > a { margin-top: 3.1250vw; background-color: var(--text-esg); } /*=========================== 개인정보처리방침 공통 ===========================*/ #container[data-name-group="개인정보처리방침"] {} #container[data-name-group="개인정보처리방침"] .contents { padding: 3.1250vw 0 11.7188vw; line-height: normal; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap { display: grid; grid-template-columns: 1fr; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap .aside { order: 2; margin-top: 7.8125vw; } #container.terms_07 .contents .inner-wrap .aside, #container.terms_08 .contents .inner-wrap .aside { margin-top: 3.1250vw; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap .aside .inner > div { width: 100%; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap .aside .inner > div~div { border-top: var(--static-10) solid #C2BEB8; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap .aside .inner > div > p { font-size: var(--fs-24); color: var(--text-body); font-weight: 600; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap .aside .inner > div.date { padding-bottom: 3.1250vw; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap .aside .inner > div.date > div { display: flex; justify-content: space-between; align-items: center; margin-top: 1.1719vw; flex-wrap: wrap; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap .aside .inner > div.date > div > p { font-size: var(--fs-32); font-weight: 600; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap .aside .inner > div.date > div .copylink { position: relative; display: flex; align-items: center; gap: 0.6836vw; padding: 1.4648vw 1.7578vw; border-radius: 9.7656vw; border: var(--static-10) solid #DEDDCF; cursor: pointer; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap .aside .inner > div.date > div .copylink > img { width: 2.9297vw; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap .aside .inner > div.date > div .copylink > span { font-size: var(--fs-22); font-weight: 700; color: var(--text-body); } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap .aside .inner > div.date > div .copylink .feedback { position: absolute; right: 0; top: calc(100% + 0.9766vw); width: max-content; background: var(--text-dark); padding: 1.9531vw 2.9297vw; border-radius: 9.7656vw; color: #fff; font-size: var(--fs-22); } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap .aside .inner > div.print { padding: 3.1250vw 0; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap .aside .inner > div.print > div { margin-top: 2.3438vw; cursor: pointer; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap .aside .inner > div.print > div > img { width: 5.4688vw; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap .aside .inner > div.download { padding: 3.1250vw 0 0; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap .aside .inner > div.download > div { margin-top: 2.3438vw; display: flex; gap: 1.1719vw; flex-wrap: wrap; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap > .title { order: 0; font-size: var(--fs-72); font-weight: 800; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap > .title > span+span { font-size: var(--fs-28); font-weight: 400; line-height: 1.48; margin-top: 5.8594vw; display: block; } #container.terms_07 .contents .inner-wrap > .title, #container.terms_08 .contents .inner-wrap > .title { border-bottom: var(--static-10) solid #4A4948; padding-bottom: 5.8594vw; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap > .top-grid { margin-top: 6.2500vw; order: 1; display: grid; grid-template-columns: repeat(2, 45.5078vw); gap: 0 2.7344vw; border-top: var(--static-20) solid #4A4948; border-bottom: var(--static-10) solid #4A4948; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap > .top-grid > li { padding: 3.1250vw 0; font-size: var(--fs-28); font-weight: 700; border-bottom: var(--static-10) dashed #C2BEB8; } #container[data-name-page="개인정보처리방침"] .contents .inner-wrap > .top-grid > li:nth-last-child(-n+2) { border-bottom: 0; } #container[data-name-page="이용약관"] .contents .inner-wrap > .top-grid > li:nth-last-child(-n+2) { border-bottom: 0; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap > .article { order: 3; margin-top: 5.8594vw; font-size: var(--fs-28); line-height: 1.48; color: var(--text-dark); } #container.terms_07 .contents .inner-wrap > .title+.article { margin-top: 0; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap > .article h3 { font-size: var(--fs-36); font-weight: 700; color: var(--text-darkest); line-height: normal; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap > .article h3+a { margin-top: 3.9063vw; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap > .article h4 { font-size: var(--fs-32); font-weight: 600; color: #000; line-height: normal; margin-bottom: 1.9531vw; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap > .article h4~h4 { margin-top: 3.9063vw; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap > .article ul.dot { padding-left: 1.5625vw; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap > .article ul.dot > li { display: flex; gap: 1.5625vw; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap > .article ul.dot > li::before { flex: 0 0 auto; content: ''; width: 0.5859vw; height: 0.5859vw; border-radius: 9.7656vw; background: var(--text-body); margin-top: 1.5625vw; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap > .article dl.list { display: flex; gap: 0.3906vw; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap > .article dl.list > dt { flex: 0 0 auto; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap > .article > dl { margin-top: 5.8594vw; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap > .article > dl > dt { margin-bottom: 3.9063vw; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap > .article > dl > dd {} #container[data-name-group="개인정보처리방침"] .contents .inner-wrap .table-wrap {} #container[data-name-group="개인정보처리방침"] .contents .inner-wrap table { width: 100%; border-top: var(--static-20) solid #4A4948; border-collapse: collapse; border-spacing: 0; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap table td { color: #000; font-size: var(--fs-28); padding: 3.9063vw 0; word-break: keep-all; line-height: 1.48; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap table td > strong { color: var(--text-dark); } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap table thead { border-bottom: var(--static-10) solid #4A4948; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap table thead > tr > td { color: var(--text-dark); font-weight: 700; } #container[data-name-group="개인정보처리방침"] .contents .inner-wrap table tbody > tr { border-bottom: var(--static-10) solid #C2BEB8; } #container.terms_04 .contents .inner-wrap table tr { display: flex; flex-direction: column; padding: 3.9063vw 0; border-bottom: var(--static-10) solid #C2BEB8; } #container.terms_04 .contents .inner-wrap table thead { display: none; } #container.terms_04 .contents .inner-wrap table tr > td { padding: 0; } #container.terms_04 .contents .inner-wrap table tr > td:nth-of-type(1) { display: none; } #container.terms_04 .contents .inner-wrap table tr > td:nth-of-type(2) { font-size: var(--fs-32); font-weight: 500; line-height: 1.48; } #container.terms_04 .contents .inner-wrap table tr > td:nth-of-type(3) { margin-top: 1.1719vw; font-size: var(--fs-24); line-height: 1.48; color: var(--text-dark); } #container.terms_06 .contents .inner-wrap .table-1 tr > td:nth-of-type(1) { width: 20.5078vw; } #container.terms_06 .contents .inner-wrap .table-wrap+.info { display: flex; flex-direction: column; gap: 0.7813vw; } #container.terms_06 .contents .inner-wrap .table-wrap+.info > li > strong { color: #000; font-size: var(--fs-32); } #container.terms_06 .contents .inner-wrap .table-wrap+.info > li > span { font-size: var(--fs-32); } #container.terms_06 .contents .inner-wrap .table-wrap+.info > li:nth-of-type(5) { margin-top: 3.9063vw; } #container.terms_06 .contents .inner-wrap .table-2 tr > td { text-align: center; } #container.terms_06 .contents .inner-wrap .table-2 tr > td:nth-of-type(2) { width: 47.8516vw; } /*=========================== 문의 및 제안 qna ===========================*/ #container.qna .contents .section1 .aside-wrap .article {} #container.qna .contents .section1 .aside-wrap .article form {} #container.qna .contents .section1 .aside-wrap .article form > dl { padding: 3.9063vw 0; display: flex; } #container.qna .contents .section1 .aside-wrap .article form > dl:first-child { border-top: var(--static-10) solid #4A4948; } #container.qna .contents .section1 .aside-wrap .article form > dl~dl { border-top: var(--static-10) solid #C2BEB8; } #container.qna .contents .section1 .aside-wrap .article form > dl > dt { width: 18.7500vw; font-size: var(--fs-28); font-weight: 500; color: var(--text-dark); display: flex; align-items: center; } #container.qna .contents .section1 .aside-wrap .article form > dl > dt > span.required { position: relative; } #container.qna .contents .section1 .aside-wrap .article form > dl > dt > span.required::after { content: '*'; font-size: var(--fs-28); font-weight: 500; color: var(--text-highlight); } #container.qna .contents .section1 .aside-wrap .article form > dl:has(textarea) > dt, #container.qna .contents .section1 .aside-wrap .article form > dl:has(.select-file) > dt { align-items: flex-start; padding-top: 2.5391vw; } #container.qna .contents .section1 .aside-wrap .article form > dl > dd { flex: 1 1 0; } #container.qna .contents .section1 .aside-wrap .article form > dl > dd > select { width: 100%; border-radius: var(--static-20); } #container.qna .contents .section1 .aside-wrap .article form > dl > dd > input[type=text] { width: 100%; border-radius: var(--static-20); } #container.qna .contents .section1 .aside-wrap .article form > dl > dd > div.tel { display: flex; align-items: center; justify-content: space-between; width: 100%; } #container.qna .contents .section1 .aside-wrap .article form > dl > dd > div.tel > select { width: 19.5313vw; } #container.qna .contents .section1 .aside-wrap .article form > dl > dd > div.tel > input[type=text] { width: 24.9023vw; } #container.qna .contents .section1 .aside-wrap .article form > dl > dd > textarea { padding: 3.1250vw; font-size: var(--fs-28); width: 100%; height: 27.3438vw; border: var(--static-10) solid #C2BEB8; resize: none; border-radius: var(--static-20); } #container.qna .contents .section1 .aside-wrap .article form > dl > dd > div.select-file { display: flex; align-items: center; gap: 1.1719vw; } #container.qna .contents .section1 .aside-wrap .article form > dl > dd > div.select-file > input[type=text] { width: 59.3750vw; background: #F9F4F0; } #container.qna .contents .section1 .aside-wrap .article form > dl > dd > div.select-file > input[type=file] { display: none; } #container.qna .contents .section1 .aside-wrap .article form > dl > dd > div.select-file > label { flex: 1 1 0; border-radius: var(--static-20); height: 7.8125vw; line-height: 7.8125vw; background: #000; color: #fff; font-size: var(--fs-25); font-weight: 700; cursor: pointer; text-align: center; } #container.qna .contents .section1 .aside-wrap .article form > dl > dd > div.select-file+p { margin-top: 3.1250vw; font-size: var(--fs-24); color: var(--text-body); font-weight: 500; line-height: normal; word-break: keep-all; } #container.qna .contents .section1 .aside-wrap .article form > dl:not(:has(dt)) { border-bottom: var(--static-10) solid #C2BEB8; } #container.qna .contents .section1 .aside-wrap .article form > dl:not(:has(dt)) > dd { width: 100%; } #container.qna .contents .section1 .aside-wrap .article form > dl:not(:has(dt)) > dd > p { font-size: var(--fs-32); font-weight: 700; color: #000; line-height: 1.42; } #container.qna .contents .section1 .aside-wrap .article form > dl:not(:has(dt)) > dd > p > span.required { position: relative; } #container.qna .contents .section1 .aside-wrap .article form > dl:not(:has(dt)) > dd > p > span.required::after { content: '*'; font-size: var(--fs-32); font-weight: 500; color: var(--text-highlight); line-height: 1.42; } #container.qna .contents .section1 .aside-wrap .article form > dl:not(:has(dt)) > dd .textarea { margin-top: 3.1250vw; width: 100%; height: 27.3438vw; border: var(--static-10) solid #C2BEB8; background: #F9F4F0; overflow-y: scroll; padding: 3.1250vw; font-size: var(--fs-24); color: var(--text-dark); font-weight: 500; line-height: normal; } #container.qna .contents .section1 .aside-wrap .article form > dl:not(:has(dt)) > dd .agree-wrap { padding: 3.1250vw 0 0; display: flex; align-items: center; gap: 1.1719vw; } #container.qna .contents .section1 .aside-wrap .article form > dl:not(:has(dt)) > dd .agree-wrap > label { font-size: var(--fs-24); color: var(--text-body); font-weight: 500; } #container.qna .contents .section1 .aside-wrap .article form > ul { display: flex; justify-content: center; gap: 1.1719vw; margin-top: 5.8594vw; } #container.qna .contents .section1 .aside-wrap .article form > ul > li {} #container.qna .contents .section1 .aside-wrap .article form > ul > li > a { display: block; width: 19.6289vw; line-height: 6.5430vw; border: var(--static-10) solid #C2BEB8; border-radius: 9.7656vw; text-align: center; font-size: var(--fs-25); font-weight: 600; color: var(--text-dark); } #container.qna .contents .section1 .aside-wrap .article form > ul > li+li > a { background: #000; color: #fff; border: var(--static-10) solid #000; } /*=========================== 오시는 길 location ===========================*/ #container.location .contents .section1 .aside-wrap .aside { display: block; } #container.location .contents .section1 .aside-wrap .aside .inner {} #container.location .contents .section1 .aside-wrap .aside .inner > div { padding: 3.1250vw 0; border-bottom: var(--static-10) solid #C2BEB8; display: flex; align-items: center; } #container.location .contents .section1 .aside-wrap .aside .inner > div:first-of-type { padding-top: 0; } #container.location .contents .section1 .aside-wrap .aside .inner > div:last-of-type { border-bottom: 0; padding-bottom: 0; } #container.location .contents .section1 .aside-wrap .aside .inner > div > p { flex: 0 0 auto; width: 20.5078vw; font-size: var(--fs-24); font-weight: 600; color: var(--text-body); } #container.location .contents .section1 .aside-wrap .aside .inner > div > div { font-size: var(--fs-32); font-weight: 600; color: #000; line-height: normal; word-break: keep-all; } #container.location .contents .section1 .aside-wrap .aside .inner > div > div:has(a) { display: flex; gap: 1.1719vw; } #container.location .contents .section1 .aside-wrap .aside .inner > div > div:has(a) > a { width: 17.9688vw; height: 7.2266vw; text-align: center; line-height: 7.2266vw; border-radius: 1.5625vw; background: #03C75A; color: #fff; font-size: var(--fs-28); font-weight: 700; } #container.location .contents .section1 .aside-wrap .aside .inner > div > div:has(a) > a:nth-of-type(2) { background: #FFAD00; } #container.location .contents .section1 .aside-wrap .aside .inner > div > div:has(a) > a:nth-of-type(3) { background: #000; } #container.location .contents .section1 .aside-wrap .article { margin-top: 5.8594vw; } #container.location .contents .section1 .aside-wrap .article .map { position: relative; left: var(--w--32); width: calc(100% + var(--w-32) + var(--w-32) ); height: 113.2813vw; overflow: hidden; } #container.location .contents .section1 .aside-wrap .article > dl { display: flex; justify-content: space-between; padding: 7.8125vw 0; } #container.location .contents .section1 .aside-wrap .article > dl:first-of-type { margin-top: 7.8125vw; padding-top: 0; } #container.location .contents .section1 .aside-wrap .article > dl:last-of-type { padding-bottom: 0; } #container.location .contents .section1 .aside-wrap .article > dl~dl { border-top: var(--static-10) solid #4A4948; } #container.location .contents .section1 .aside-wrap .article > dl > dt { font-size: var(--fs-40); font-weight: 800; color: #000; } #container.location .contents .section1 .aside-wrap .article > dl > dd { width: 57.6172vw; } #container.location .contents .section1 .aside-wrap .article > dl > dd > div~div { margin-top: 5.8594vw; padding-top: 5.8594vw; border-top: var(--static-10) dashed #C2BEB8; } #container.location .contents .section1 .aside-wrap .article > dl > dd > div > strong { height: min-content; display: flex; align-items: center; font-size: var(--fs-36); font-weight: 700; color: var(--text-darkest); line-height: normal; } #container.location .contents .section1 .aside-wrap .article > dl > dd > div > strong+p { margin-top: 3.9063vw; } #container.location .contents .section1 .aside-wrap .article > dl > dd > div > strong:has(span)+p { margin-top: 3.9063vw; } #container.location .contents .section1 .aside-wrap .article > dl > dd > div > strong > span { margin-left: 1.1719vw; font-size: var(--fs-22); font-weight: 700; color: #fff; padding: 1.0742vw 1.7578vw; border-radius: 9.7656vw; background: #03C75A; } #container.location .contents .section1 .aside-wrap .article > dl > dd > div > strong > span:nth-of-type(2) { margin-left: 0.7813vw; background: #FFAD00; } #container.location .contents .section1 .aside-wrap .article > dl > dd > div > p { display: flex; font-size: var(--fs-32 ); color: var(--text-body); line-height: 1.42; word-break: keep-all; } #container.location .contents .section1 .aside-wrap .article > dl > dd > div > p+p { margin-top: 1.9531vw; } #container.location .contents .section1 .aside-wrap .article > dl > dd > div > p > strong { color: var(--text-darkest); } #container.location .contents .section1 .aside-wrap .article > dl > dd > div > p > span { font-weight: 700; margin-right: 3.9063vw; position: relative; } #container.location .contents .section1 .aside-wrap .article > dl > dd > div > p > span::after { content: ''; position: absolute; right: -1.9531vw; width: var(--static-10); height: 3.7109vw; top: 50%; margin-top: -1.8555vw; background: #DEDDCF; }