@charset "utf-8";
#subpage { position: relative; width: 100%; padding: 210px 0 200px; color: #fff; }
#subpage.IR,
#subpage.newsroom { color: #000; }
#subpage > .inner-wrap { position: relative; z-index: 2; }
#subpage > .inner-wrap > .title-wrap > .title,
#subpage > .inner-wrap > .title { text-align: right; font-size: 40px; text-transform: uppercase; color: var(--gold2); line-height: 1; font-weight: 600; font-family: 'Outfit'; }

#subpage > .inner-wrap > .title-wrap > .title > p,
#subpage > .inner-wrap > .title > p { display: flex; justify-content: flex-end; }
#subpage > .inner-wrap > .title-wrap > .title > p > svg,
#subpage > .inner-wrap > .title > p > svg { width: auto !important; }

#subpage.IR > .inner-wrap > .title { text-align: center; font-size: 60px; color: #000; font-weight: 600; }
#subpage.IR > .inner-wrap > .title > p { display: flex; justify-content: center; }
#subpage.IR > .inner-wrap > .title > p > svg { width: auto !important; }

#subpage.works { overflow: hidden; }
#subpage.works::after { content: ''; width: 2487px; height: 1595px; border-radius: 2487px; opacity: 0.3; background: radial-gradient(50% 50% at 50% 50%, #FF553E 0%, rgba(255, 85, 62, 0.00) 100%); mix-blend-mode: lighten; position: absolute; right: -823px; top: -1200px; }

#subpage .video-wrap { position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); max-width: 1920px; width: 100%; overflow: hidden; }
#subpage .video-wrap::after { content: ''; width: 2487px; height: 1595px; border-radius: 2487px; opacity: 0.3; background: radial-gradient(50% 50% at 50% 50%, #FF553E 0%, rgba(255, 85, 62, 0.00) 100%); mix-blend-mode: lighten; position: absolute; left: 50%; top: -1200px; transform: translate(-50%, 0); }
#subpage .video-wrap .bottom { position: absolute; left: 0; bottom: 0; width: 100%; height: 150px; background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(8,5,6,1) 100%); }
#subpage .video-wrap .left { position: absolute; left: 0; top: 0; width: 150px; height: 100%; background: linear-gradient(to right,  rgba(8,5,6,1) 0%,rgba(255,255,255,0) 100%); }
#subpage .video-wrap .right { position: absolute; right: 0; top: 0; width: 150px; height: 100%; background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(8,5,6,1) 100%); }

#subpage.about-overview {}
#subpage.about-overview .inner-wrap {}
#subpage.about-overview .inner-wrap .section1 { padding: 120px 0 0; display: flex; flex-wrap: wrap; justify-content: flex-end; position: relative; }
#subpage.about-overview .inner-wrap .section1 > p { width: 100%; font-family: 'Outfit'; font-size: 120px; color: var(--gold); font-weight: 100; line-height: 1; text-transform: uppercase; }
#subpage.about-overview .inner-wrap .section1 > p~p { margin-left: 270px; }
#subpage.about-overview .inner-wrap .section1 > div { margin-top: 150px; width: 660px; }
#subpage.about-overview .inner-wrap .section1 > div > p { font-size: 40px; font-weight: 600; line-height: 1.2; word-break: keep-all; }
#subpage.about-overview .inner-wrap .section1 > div > div { white-space: pre-wrap; font-size: 20px; line-height: 38px; margin-top: 45px; }
#subpage.about-overview .inner-wrap .section1 > div.building { position: absolute; left: 60px; top: 205px; margin: 0; }
#subpage.about-overview .inner-wrap .section1 > div.building.fixed > p { position: fixed; top: 241px; }
#subpage.about-overview .inner-wrap .section1 > div.building.bottom > p { position: absolute; top: 840px; }

#subpage.about-overview .inner-wrap .section2 { padding: 85px 0 0; display: flex; flex-direction: column; align-items: flex-end; gap: 140px; }
#subpage.about-overview .inner-wrap .section2 > div { width: 660px; }
#subpage.about-overview .inner-wrap .section2 > div > p { font-size: 40px; font-weight: 600; color: var(--gold2); margin-bottom: 45px; font-family: 'Outfit'; }
#subpage.about-overview .inner-wrap .section2 > div > dl { font-size: 20px; line-height: 1; display: flex; }
#subpage.about-overview .inner-wrap .section2 > div > dl~dl { margin-top: 20px; }
#subpage.about-overview .inner-wrap .section2 > div > dl > dt { font-weight: 700; color: var(--gold2); width: 154px; }
#subpage.about-overview .inner-wrap .section2 > div > dl > dd { font-weight: 500; line-height: 1.2; }
#subpage.about-overview .inner-wrap .section2 > div > ul { display: flex; gap: 0 8px; margin-top: 55px; }
#subpage.about-overview .inner-wrap .section2 > div > ul > li {}
#subpage.about-overview .inner-wrap .section2 > div > ul > li > a { color: var(--gold); font-size: 12px; font-weight: 600; display: flex; justify-content: center; gap: 8px; align-items: center; border-radius: 500px; border: 1px solid rgba(255, 200, 189, 0.30); padding: 10px 20px; text-transform: uppercase; transition: all .3s ease-in-out; }
#subpage.about-overview .inner-wrap .section2 > div > ul > li > a:hover { border: 1px solid rgba(255, 200, 189, 1); }



#subpage.about-history { overflow: hidden; }
#subpage.about-history .title-wrap { width: 100%; height: 40px; }
#subpage.about-history .title { position: relative; width: 1414px; }
#subpage.about-history .title.fixed { position: fixed; z-index: 10; top: 210px; }
#subpage.about-history .title .category { position: absolute; right: 118px; top: 65px; font-size: 20px; font-weight: 600; font-family: 'Outfit'; }
#subpage.about-history .title .category > ul > li { text-align: left; text-transform: none; cursor: pointer; }
#subpage.about-history .title .category > ul > li > span { position: relative; }
#subpage.about-history .title .category > ul > li > span::after { content: ''; width: 0; height: 1px; position: absolute; left: 0; bottom: 0px; background: var(--gold2); transition: all .2s ease-in-out; }
#subpage.about-history .title .category > ul > li > span:hover::after { width: 100%; }
#subpage.about-history .title .category > ul > li~li { margin-top: 20px; }
#subpage.about-history .title .category > ul > li.on { text-decoration: underline !important; text-underline-offset: 3px; color: #fff; }
#subpage.about-history .title .category > ul > li.on > span::after { display: none; }
#subpage.about-history .list {}
#subpage.about-history .list~.list { margin-top: 260px; }
#subpage.about-history .list:nth-of-type(1) { margin-top: 60px; }
#subpage.about-history .list > p:nth-of-type(1) { font-size: 20px; color: var(--gold); font-weight: 600; font-family: 'Outfit'; line-height: 1; }
#subpage.about-history .list > p:nth-of-type(2) { position: relative; margin-top: 15px; font-size: 100px; font-weight: 600; font-family: 'Outfit'; line-height: 1; color: var(--bg-color); }
#subpage.about-history .list > p:nth-of-type(2)::before { z-index: -1; content: attr(data-contents); position: absolute; left: 0; -webkit-text-stroke: 2px var(--gold2); }
#subpage.about-history .list > ul { width: 600px; border-top: 1px solid var(--gold2); margin-top: 70px; position: relative; }
#subpage.about-history .list > ul::after { content: ''; position: absolute; width: 100%; height: calc(100% + 250px); left: 100%; top: 0; }
#subpage.about-history .list > ul > li { display: flex; gap: 30px; padding: 25px 20px; align-items: center; position: relative; }
#subpage.about-history .list > ul > li.link { cursor: pointer; }
#subpage.about-history .list > ul > li~li { border-top: 1px solid #494949; }
#subpage.about-history .list > ul > li.award::after { content: ''; position: absolute; top: 50%; right: 20px; width: 24px; height: 24px; 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%3Cg clip-path='url(%23clip0_2743_1078)'%3E%3Cpath d='M11.6001 15.6318V21.5863' stroke='%23D0998D' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M4.58911 21.9365H18.611' stroke='%23D0998D' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M17.1483 2.06348V10.0832C17.1483 13.1347 14.6515 15.6315 11.6 15.6315C8.54847 15.6315 6.05176 13.1347 6.05176 10.0832V2.06348H17.1483Z' stroke='%23D0998D' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M17.4005 4.18213H21.7635C22.0156 4.18213 22.2174 4.38388 22.2174 4.63608V6.55274C22.2174 8.46941 20.6538 10.033 18.7371 10.033H17.4257' stroke='%23D0998D' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M5.82482 4.18213H1.46188C1.20969 4.18213 1.00793 4.38388 1.00793 4.63608V6.55274C1.00793 8.46941 2.57153 10.033 4.4882 10.033H5.7996' stroke='%23D0998D' stroke-width='2' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2743_1078'%3E%3Crect width='23' height='22.3947' fill='white' transform='translate(0.100098 0.802734)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center no-repeat; transform: translate(0, -50%); }
#subpage.about-history .list > ul > li > p:nth-of-type(1) { flex: 0 0 auto; width: 100px; font-size: 16px; font-weight: 600; font-family: 'Outfit'; color: #767676; }
#subpage.about-history .list > ul > li > div {}
#subpage.about-history .list > ul > li > div > p:nth-of-type(1) { font-size: 26px; font-weight: 500; line-height: 32px; width: 380px; word-break: keep-all; }
#subpage.about-history .list > ul > li > div > p:nth-of-type(2) { font-size: 14px; font-weight: 500; color: #c4c4c4; line-height: 1.3; margin-top: 10px; width: 380px; word-break: keep-all; }
#subpage.about-history .list > ul > li .img { position: absolute; top: 50%; transform: translate(0, -50%); opacity: 0; border-radius: 10px; overflow: hidden; transition: all .5s ease-in-out; z-index: -100; width: 370px; height: 528px; }
#subpage.about-history .list > ul > li .img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
#subpage.about-history .list > ul > li:hover { background: rgba(196,196,196,0.1); }
#subpage.about-history .list > ul > li:hover .img { opacity: 1; z-index: 1; }

#subpage.about-history .list.left > ul > li .img { left: 680px; top: 50%; transform: translate(0, -50%); }
#subpage.about-history .list.right { padding-left: 550px; }
#subpage.about-history .list.right > ul >  li .img { left: -450px; }



#wrap.works-list #header.fixed { transform: translate(0, -100%); transition: all .2s ease-in-out; }
#subpage.works-list { width: 100%; }
#subpage.works-list .top-wrap { margin-top: 60px; width: 100%; height: 100px; }
#subpage.works-list .top-wrap .top { width: 100%; height: 100px; }
#subpage.works-list .top-wrap .top.fixed { position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,0.01); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(255,255,255,0.12); }
#subpage.works-list .top-wrap .top > div { width: 1414px; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
#subpage.works-list .top-wrap .top .category { flex: 0 0 auto; display: flex; color: var(--inactive-color); gap: 0 30px; }
#subpage.works-list .top-wrap .top .category > li { cursor: pointer; font-size: 20px; font-family: 'Outfit'; font-weight: 600; color: var(--gold2); position: relative; }
#subpage.works-list .top-wrap .top .category > li::after { content: ''; position: absolute; left: 0; bottom: 3px; width: 0; height: 1px; background: var(--gold2); transition: all .2s ease-in-out; }
#subpage.works-list .top-wrap .top .category > li.active,
#subpage.works-list .top-wrap .top .category > li.on { color: #fff; text-decoration: underline !Important; text-underline-offset: 3px; }
#subpage.works-list .top-wrap .top .category > li:hover::after { width: 100%; }
#subpage.works-list .top-wrap .top .category > li.active::after,
#subpage.works-list .top-wrap .top .category > li.on::after { display: none; }

#subpage.works-list .top-wrap .top .sch-wrap { display: flex; align-items: center; }
#subpage.works-list .top-wrap .top .sch-wrap > input { width: 200px; height: 16px; padding-right: 10px; border: 0; background: transparent; font-size: 16px; color: #fff; margin-bottom: 5px; display: none; }
#subpage.works-list .top-wrap .top .sch-wrap > input::placeholder { color: #494949; }
#subpage.works-list .top-wrap .top .sch-wrap > input.on { display: block; }
#subpage.works-list .top-wrap .top .sch-wrap > div { cursor: pointer; width: 24px; }
#subpage.works-list .top-wrap .top .sch-wrap > div > svg { width: 100%; }
/*
#subpage.works-list .top .grid { display: flex; gap: 0 10px; align-items: center; }
#subpage.works-list .top .grid > li { font-size: 28px; font-weight: 700; color: var(--inactive-color); text-transform: uppercase; cursor: pointer; }
#subpage.works-list .top .grid > li:nth-of-type(2) { display: flex; align-items: center; font-size: 20px; }
#subpage.works-list .top .grid > li.on { color: var(--primary-color); text-decoration: underline !important; text-underline-offset: 7px; }
*/

#subpage.works-list .works-wrapper { position: relative; width: 1414px; margin: 30px auto 0; min-height: 400px; }
#subpage.works-list .works-wrapper .works-wrap { width: 100%; }
#subpage.works-list .works-wrapper .works-wrap:nth-of-type(1) { opacity: 1; transform: translate(0, 0); transition: all .7s ease-in-out; }
#subpage.works-list .works-wrapper .works-wrap:nth-of-type(2) { opacity: 0; transform: translate(0, 300px); transition: all .7s ease-in-out; }

#subpage.works-list .works-wrapper.active .works-wrap:nth-of-type(1) { opacity: 0; transform: translate(0, 300px); position: absolute; left: 0; top: 0; }
#subpage.works-list .works-wrapper.active .works-wrap:nth-of-type(2) { opacity: 1; transform: translate(0, 0); }

#subpage.works-list .works-wrapper.start .works-wrap:nth-of-type(1) { opacity: 0; transform: translate(0, 300px); position: absolute; left: 0; top: 0; transition: all 0s ease-in-out; }
#subpage.works-list .works-wrapper.start .works-wrap:nth-of-type(2) { opacity: 1; transform: translate(0, 0); transition: all 0s ease-in-out; }


#subpage.works-list .contents {}
#subpage.works-list .contents > ul.thumb { display: grid; grid-template-columns: repeat(3, 1fr); gap: 80px 32px; }
#subpage.works-list .contents > ul.thumb > li {}
#subpage.works-list .contents > ul.thumb > li > a { display: block; }
#subpage.works-list .contents > ul.thumb > li > a > p { width: 450px; height: 663px; position: relative; border-radius: 10px; overflow: hidden; }
#subpage.works-list .contents > ul.thumb > li > a > p::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.60) 100%); }
#subpage.works-list .contents > ul.thumb > li > a > p > img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 2s ease-in-out; }
#subpage.works-list .contents > ul.thumb > li > a > p:hover > img { transform: scale(1.1); }
#subpage.works-list .contents > ul.thumb > li > a > div { margin-top: 16px; font-size: 20px; font-weight: 800; color: #c4c4c4; }
#subpage.works-list .contents .empty_list { color: #fff; font-size: 20px; line-height: 300px; }


#subpage.works-list .pg-wrap { margin-top: 100px; }
#subpage.works-list .pg-wrap > div { display: flex; justify-content: center; align-items: center; gap: 50px; }
#subpage.works-list .pg-wrap > div > div { font-size: 20px; }
#subpage.works-list .pg-wrap > div > div > span { font-weight: 800; }
#subpage.works-list .pg-wrap > div .pg-page { color: #fff; }
#subpage.works-list .pg-wrap > div .pg-page.none { opacity: 0.3; }
#subpage.works-list .pg-wrap > div .pg-prev,
#subpage.works-list .pg-wrap > div .pg-next { width: 58px; height: 58px; border-radius: 100px; border: 1px solid rgba(255, 200, 189, 0.30); display: flex; justify-content: center; align-items: center; }
#subpage.works-list .pg-wrap > div .pg-page svg { width: 32px; height: 32px; }



#subpage.works-view { width: 100%; }
#subpage.works-view .top { display: flex; gap: 10px; font-size: 14px; color: var(--gold2); font-weight: 700; font-family: 'Outfit'; text-transform: uppercase; align-items: center; line-height: 1; cursor: pointer; }
#subpage.works-view .section { position: relative; }
#subpage.works-view .section1 { margin-top: 80px; display: flex; justify-content: space-between; }
#subpage.works-view .section1 > div { width: 716px; flex: 0 0 auto; }
#subpage.works-view .section1 > div > p { font-size: 84px; font-weight: 800; color: var(--gold); line-height: 1; word-break: keep-all; }
#subpage.works-view .section1 > div > ul { margin-top: 40px; display: flex; flex-wrap: wrap; gap: 24px 0; }
#subpage.works-view .section1 > div > ul > li { width: 50%; display: flex; gap: 30px; }
#subpage.works-view .section1 > div > ul > li > p { font-size: 16px; font-weight: 600; color: var(--gold2); flex: 0 0 auto; min-width: 60px; }
#subpage.works-view .section1 > div > ul > li > div { padding-right: 30px; color: #c4c4c4; font-weight: 600; font-size: 16px; word-break: keep-all; line-height: 1.3; }
#subpage.works-view .section1 > div > a { margin-top: 50px; width: 115px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 100px; border: 1px solid rgba(255, 200, 189, 0.30); font-size: 12px; font-weight: 600; color: var(--gold); text-transform: uppercase; gap: 8px; transition: all 0.3s ease-in-out; }
#subpage.works-view .section1 > div > a:hover { border: 1px solid rgba(255, 200, 189, 1); }

#subpage.works-view .section1 > dl { width: 620px; display: flex; gap: 40px 0; flex-direction: column; justify-content: space-between; }
#subpage.works-view .section1 > dl > dt { flex: 1 1 0; height: auto; overflow: hidden; font-size: 16px; color: #c4c4c4; line-height: 22px; position: relative; }
#subpage.works-view .section1 > dl > dt.active { flex: 1 1 auto; }
#subpage.works-view .section1 > dl > dt > div { white-space: pre-wrap; }
#subpage.works-view .section1 > dl > dt::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 120px; background: linear-gradient(rgba(8, 5, 6, 0.00) 0%, #080506 100%); }
#subpage.works-view .section1 > dl.none > dt::after,
#subpage.works-view .section1 > dl > dt.active::after { display: none; }

#subpage.works-view .section1 > dl > dd { flex: 0 0 auto; display: flex; width: 94px; height: 38px; display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: 100px; border: 1px solid rgba(255, 200, 189, 0.30); font-size: 12px; font-weight: 600; color: var(--gold); cursor: pointer; transition: all 0.3s ease-in-out; }
#subpage.works-view .section1 > dl > dd:hover { border: 1px solid rgba(255, 200, 189, 1); }
#subpage.works-view .section1 > dl > dd.active > p { transform: rotate(180deg); }
#subpage.works-view .section1 > dl.none > dd { opacity: 0.3; }
#subpage.works-view .section1 > dl.none > dd:hover { border: 1px solid rgba(255, 200, 189, 0.30); }


#subpage.works-view .section.slide { margin-top: 100px; }
#subpage.works-view .section.slide~.slide { margin-top: 120px; }
#subpage.works-view .section.slide .top { display: flex; justify-content: space-between; align-items: center; }
#subpage.works-view .section.slide .top > p { font-size: 40px; font-weight: 600; color: var(--gold2); }
#subpage.works-view .section.slide .arrow-wrap { display: flex; gap: 8px; }
#subpage.works-view .section.slide .arrow-wrap > li { display: flex; justify-content: center; align-items: center; width: 58px; height: 58px; border-radius: 100px; border: 1px solid rgba(255, 200, 189, 0.30); transition: all 0.3s ease-in-out; }
#subpage.works-view .section.slide .arrow-wrap > li:hover { border: 1px solid rgba(255, 200, 189, 1); }
#subpage.works-view .section.slide .arrow-wrap > li.swiper-button-disabled { opacity: 0.3; }
#subpage.works-view .section.slide .arrow-wrap > li.swiper-button-disabled:hover { border: 1px solid rgba(255, 200, 189, 0.30); }

#subpage.works-view .section.slide .contents { margin-top: 40px; }
#subpage.works-view .section.slide .contents > ul {}
#subpage.works-view .section.slide .contents > ul > li { height: 472px; border-radius: 10px; overflow: hidden; cursor: pointer; position: relative; }

#subpage.works-view .section.slide.section2 .contents > ul > li::after { content: ''; position: absolute; left: 50%; top: 50%; width: 72px; height: 72px; border-radius: 100px; transform: translate(-50%, -50%); opacity: 0; transition: all 0.3s ease-in-out; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='58' viewBox='0 0 58 58' fill='none'%3E%3Cpath d='M14.9131 29L29 29M29 29L43.087 29M29 29V14.9131M29 29L29 43.087' stroke='%23FFC8BD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat rgba(0,0,0,0.8); }
#subpage.works-view .section.slide.section2 .contents > ul > li > img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 2s ease-in-out; }
#subpage.works-view .section.slide.section2 .contents > ul > li:hover > img { transform: scale(1.1); }
#subpage.works-view .section.slide.section2 .contents > ul > li:hover::after { opacity: 1; }

#subpage.works-view .section.slide.section3 .contents > ul > li { height: 400px; }
#subpage.works-view .section.slide.section3 .contents > ul > li iframe { width: 100%; height: 100%; }

#subpage.works-view .section.slide.section4 .contents > ul > li { height: auto; border-radius: 0; }
#subpage.works-view .section.slide.section4 .contents > ul > li > a > p { border-radius: 10px; overflow: hidden; width: 100%; height: 473px; position: relative; }
#subpage.works-view .section.slide.section4 .contents > ul > li > a > p::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height :100%; background: linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.60) 100%); }
#subpage.works-view .section.slide.section4 .contents > ul > li > a > p img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 2s ease-in-out; }
#subpage.works-view .section.slide.section4 .contents > ul > li > a > p:hover img { transform: scale(1.1)}
#subpage.works-view .section.slide.section4 .contents > ul > li > a > div { font-size: 20px; font-weight: 800; color: #c4c4c4; margin-top: 10px; }

#subpage.works-view .layer-wrap { display: none; }
#subpage.works-view .photo-layer { position: fixed; left: 0; top: 0; z-index: 110; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; }
#subpage.works-view .photo-layer > div { position: relative; z-index: 2; }
#subpage.works-view .photo-layer > div > p { position: relative; left: 50%; margin-left: 510px; cursor: pointer; }
#subpage.works-view .photo-layer > div .swiper { width: 1200px; height:  640px; margin-top: 0px; }
#subpage.works-view .photo-layer > div .swiper .swiper-slide { overflow: hidden; text-align: center; }
#subpage.works-view .photo-layer > div .swiper .swiper-slide > img { height: 100%; }
#subpage.works-view .photo-layer > div .arrow-wrap { display: flex; justify-content: center; margin-top: 60px; gap: 50px; }
#subpage.works-view .photo-layer > div .arrow-wrap > div { cursor: pointer; }
#subpage.works-view .photo-layer > div .arrow-wrap > div.swiper-button-disabled { opacity: 0.3; }
#subpage.works-view .photo-layer > p.layer-bg { background: rgba(0, 0, 0, 0.90); backdrop-filter: blur(10px); width: 100%; height: 100%; position: absolute; left: 0; top: 0; }



#subpage.IR-StockInfo {}
#subpage.IR-StockInfo .section { position: relative; }
#subpage.IR-StockInfo .section1 { margin-top: 90px; }
#subpage.IR-StockInfo .section1 > p { border-radius: 20px; overflow: hidden; }
#subpage.IR-StockInfo .section1 > div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 100px 140px; }
#subpage.IR-StockInfo .section1 > div > p:nth-of-type(1) { font-size: 20px; color: var(--gold2); font-weight: 700; line-height: 1; }
#subpage.IR-StockInfo .section1 > div > p:nth-of-type(1) > span { font-weight: 300; }
#subpage.IR-StockInfo .section1 > div > p:nth-of-type(2) { margin-top: 50px; font-size: 80px; font-family: 'Outfit'; line-height: 78px; color: #fff; text-transform: uppercase; font-weight: 700; }
#subpage.IR-StockInfo .section1 > div > p:nth-of-type(3) { margin-top: 20px; font-size: 16px; line-height: 1; color: #767676; font-weight: 600; }
#subpage.IR-StockInfo .section1 > div > a { width: 58px; height: 58px; display: flex; margin-top: 35px; border-radius: 100px; border: 1px solid rgba(255, 200, 189, 0.30); justify-content: center; align-items: center; }
#subpage.IR-StockInfo .section1 > div > a:hover { border: 1px solid rgba(255, 200, 189, 1); }

#subpage.IR-StockInfo .section2 { margin-top: 35px; line-height: 24px; color: #000; font-size: 16px; text-align: center; }
#subpage.IR-StockInfo .section2 > a { color: #00de5a; font-weight: 800; text-decoration: underline !important; text-underline-offset: 3px; }

#subpage.IR-financialInfo {}
#subpage.IR-financialInfo .section { margin-top: 90px; height: 3100px; display: flex; justify-content: center; border-top: 2px solid #000; padding-top: 30px; }
#subpage.IR-financialInfo .section iframe { width: 100%; }

#subpage.IR-disclosure {}
#subpage.IR-disclosure .section { margin-top: 90px; height: 900px; display: flex; justify-content: center; border-top: 2px solid #000; padding-top: 30px; }
/* 작품 사진 팝업: 포스터를 화면 높이의 80%로 (2026-10-23) */
#subpage.works-view .photo-layer > div .swiper { width: min(1200px, 94vw); height: 80vh; }
#subpage.works-view .photo-layer > div > p.close { position: absolute; top: 0; right: 0; left: auto; margin-left: 0; z-index: 3; }
#subpage.works-view .photo-layer > div .arrow-wrap { margin-top: 30px; }