@charset "utf-8"; .swiper { width: 100%; height: 100%; } .list-dot {} .list-dot > * { display: flex; } .list-dot > * > span { width: 10px; flex: 0 0 auto; } #subpage { padding: 192px 0 180px; } #subpage.img { padding: 0 0 180px; } #subpage a.fileDown { width: 227px; height: 43px; border-radius: 4px; border: 1px solid #000; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; font-size: 13px; font-weight: 700; letter-spacing: -0.13px; padding: 0 13px 0 15px; } #subpage sub.fs16 { font-size: 16px; display: inline-block; } #subpage sub.fs14 { font-size: 14px; display: inline-block; } #subpage sub.fs12 { font-size: 12px; display: inline-block; } #subpage sup.fs11 { font-size: 11px; display: inline-block; vertical-align: top; margin-top: -5px; } #subpage .sup {vertical-align: super;font-size: 10px;} #subpage .sup-note {font-size: 13px; color: #666;line-height: 17px;} #subpage .subtop { width: 100%; height: 937px; position: relative; } #subpage .subtop > p { width: 100%; height: 100%; } #subpage .subtop > p > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #subpage .subtop > div { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } #subpage .subtop > div > .inner-wrap { padding-top: 312px; } #subpage .subtop > div > .inner-wrap > h2 { font-size: 77px; letter-spacing: -1.68px; font-weight: 700; line-height: 1.1;font-family: 'HD'; } #subpage .subtop > div > .inner-wrap > p { font-size: 18px; line-height: 28px; letter-spacing: -0.18px; margin-top: 45px; } /* #subpage.brand .subtop > div > .inner-wrap > p, #subpage.esg1 .subtop > div > .inner-wrap > p, #subpage.esg2 .subtop > div > .inner-wrap > p, #subpage.esg3 .subtop > div > .inner-wrap > p, #subpage.esg4 .subtop > div > .inner-wrap > p, #subpage.esg5 .subtop > div > .inner-wrap > p { text-transform: uppercase; } */ #subpage.biz .subtop { height: 1180px; } #subpage.biz .subtop > div > .inner-wrap { padding-top: 222px; } #subpage.biz .subtop > div > .inner-wrap > h2 { font-size: 72px; letter-spacing: -1.68px; font-weight: 700; line-height: 1.1; } #subpage.biz .subtop > div > .inner-wrap > .content { width: 640px; margin-top: 60px; } #subpage.biz .subtop > div > .inner-wrap > .content > ul.type-icon { display: flex; justify-content: space-between; } #subpage.biz .subtop > div > .inner-wrap > .content > ul.type-icon > li { width: 192px; } #subpage.biz .subtop > div > .inner-wrap > .content > ul.type-icon > li > p:nth-of-type(1) { width: 60px; height: 60px; display: flex; align-items: center; } #subpage.biz.product2 .subtop > div > .inner-wrap > .content > ul.type-icon > li > p:nth-of-type(1) { align-items: flex-end; } #subpage.biz .subtop > div > .inner-wrap > .content > ul.type-icon > li > p:nth-of-type(2) { font-size: 18px; font-weight: 800; letter-spacing: -0.4px; line-height: 24px; margin-top: 29px; } #subpage.biz .subtop > div > .inner-wrap > .content > ul.type-icon > li > p:nth-of-type(3) { font-size: 16px; font-weight: 500; letter-spacing: -0.5px; line-height: 23px; color: #48535a; margin-top: 10px; word-break: keep-all; } #subpage.biz .subtop > div > .inner-wrap > .content > hr { width: 100%; height: 1px; background: rgba(0,0,0,0.18); margin: 46px 0 40px; } #subpage.biz .subtop > div > .inner-wrap > .content > p.txt { font-size: 16px; font-weight: 500; line-height: 25px; letter-spacing: -0.3px; word-break: keep-all; } #subpage.biz .subtop > div > .inner-wrap > .content > ul.type-btn { width: 100%; margin-top: 54px; border-radius: 10px; background: #003087; } #subpage.biz .subtop > div > .inner-wrap > .content > ul.type-btn > li { width: 100%; height: 72px; } #subpage.biz .subtop > div > .inner-wrap > .content > ul.type-btn > li~li { border-top: 1px solid #bedfee; } #subpage.biz .subtop > div > .inner-wrap > .content > ul.type-btn > li > a { line-height: 71px; width: 100%; height: 100%; padding-left: 30px; box-sizing: border-box; font-size: 18px; font-weight: 500; letter-spacing: -0.17px; color: #fff; display: block; background: url('../img/sub/icon-product-top-arrow.png') 600px center no-repeat; } #subpage.biz .subtop > div > .inner-wrap > .content > ul.type-btn > li.sch > a { background: url('../img/common/icon-recruit.png') 591px center no-repeat; } #subpage.biz.greentric .subtop > div > .inner-wrap, #subpage.biz.integrict .subtop > div > .inner-wrap { padding-top: 312px; } #subpage.biz .subtop > div > .inner-wrap > .type2 { width: 640px; margin: 0 auto; text-align: center; color: #fff; } #subpage.biz .subtop > div > .inner-wrap > .type2 > p:nth-of-type(1) { font-size: 18px; } #subpage.biz .subtop > div > .inner-wrap > .type2 > p:nth-of-type(2) { margin-top: 14px; } #subpage.biz .subtop > div > .inner-wrap > .type2 > p:nth-of-type(3) { font-size: 22px; font-weight: 700; letter-spacing: -0.48px; } #subpage.biz .subtop > div > .inner-wrap > .type2 > p:nth-of-type(4) { font-size: 16px; font-weight: 400; letter-spacing: -0.3px; line-height: 25px; color: rgba(255,255,255,0.55); word-break: keep-all; margin-top: 23px; } #subpage.biz .subtop > div > .inner-wrap > .type2 > hr { width: 100%; height: 1px; background: rgba(255,255,255,0.35); margin: 37px 0 40px; } #subpage.biz.integrict .subtop > div > .inner-wrap > .type2 > p:nth-of-type(2) { margin-top: 26px; } #subpage.biz.integrict .subtop > div > .inner-wrap > .type2 > hr { margin: 48px 0 40px; } #subpage.biz .subtop > div > .banner { width: 1841px; height: 280px; border-radius: 10px; background: #fff; overflow: hidden; border-left: 60px solid #006b53; position: absolute; left: 50%; bottom: 40px; margin-left: -920px; box-sizing: border-box; display: flex; justify-content: space-between; padding: 0 20px 0 158px; align-items: center; } #subpage.biz .subtop > div > .banner > dl { width: 600px; } #subpage.biz .subtop > div > .banner > dl > dt { font-size: 22px; font-weight: 900; color: #006b53; letter-spacing: -0.24px; } #subpage.biz .subtop > div > .banner > dl > dd { font-size: 16px; letter-spacing: -0.15px; color: #666; line-height: 25px; margin-top: 30px; word-break: keep-all; } #subpage.biz .subtop > div > .banner > ul { width: 840px; height: 240px; border-radius: 6px; background: #d1e9df; padding: 0 40px; box-sizing: border-box; display: flex; justify-content: space-between; } #subpage.biz .subtop > div > .banner > ul > li { width: 240px; padding: 36px 0 0; } #subpage.biz.greentric .subtop > div > .banner > ul > li { padding: 28px 0 0; } #subpage.biz .subtop > div > .banner > ul > li > p:nth-of-type(1) { width: 55px; height: 55px; display: flex; align-items: center; } #subpage.biz .subtop > div > .banner > ul > li > p:nth-of-type(2) { margin-top: 30px; font-size: 18px; font-weight: 800; color: #000; letter-spacing: -0.4px; } #subpage.biz .subtop > div > .banner > ul > li > p:nth-of-type(3) { margin-top: 15px; font-size: 16px; line-height: 25px; letter-spacing: -0.15px; color: rgba(72,83,90,0.8); word-break: keep-all; } #subpage.biz.integrict .subtop > div > .banner { border-left: 60px solid #008233; } #subpage.biz.integrict .subtop > div > .banner > dl > dt { color: #008233; } #subpage.biz.integrict .subtop > div > .banner > ul { background: #b7e8ff; } #subpage > .title { display: flex; justify-content: space-between; align-items: flex-end; } #subpage > .title.inner-wrap .left > h2 { font-size: 77px; font-weight: 700; letter-spacing: -1.68px; } #subpage > .title.inner-wrap .left > p { font-size: 18px; letter-spacing: -0.4px; color: #666; line-height: 30px; margin-top: 35px; } #subpage > .title.inner-wrap .left > p > span { color: #008233; } #subpage > .title.inner-wrap .right > p:nth-of-type(1) { font-size: 22px; font-weight: 700; letter-spacing: -0.48px; } #subpage > .title.inner-wrap .right > p:nth-of-type(1) > span { font-weight: 100; } #subpage > .title.inner-wrap .right > p:nth-of-type(2) { font-size: 16px; line-height: 25px; letter-spacing: -0.3px; color: #444; } #subpage > .title.inner-wrap .right > hr { width: 466px; height: 1px; background: #000; margin: 12px 0 15px; } #subpage > .snb-wrap { margin-top: 80px; height: 85px; } #subpage > .subtop+.snb-wrap { margin-top: 0; } #subpage > .title.type2+.snb-wrap { margin-top: 60px; } #subpage > .snb-wrap > .snb { width: 100%; border-bottom: 1px solid #dcdfe0; background: #fff; transition: top 0.5s ease-in-out, background 0.3s ease-in-out; display: flex; justify-content: center; height: 85px; box-sizing: border-box; } #subpage > .snb-wrap > .snb.fixed { position: fixed; left: 0; top: 0; z-index: 52; } #subpage > .snb-wrap > .snb.up.fixed { top: 92px; } #subpage > .snb-wrap > .snb > ul { display: flex; height: 85px; } #subpage > .snb-wrap > .snb > ul > li { margin-right: 60px; } #subpage.vision > .snb-wrap > .snb > ul > li {} #subpage > .snb-wrap > .snb > ul > li, #subpage > .snb-wrap > .snb > ul > li > a { font-size: 18px; font-weight: 500; color: #999; position: relative; line-height: 85px; display: block; } #subpage > .snb-wrap > .snb > ul > li.active, #subpage > .snb-wrap > .snb > ul > li:hover, #subpage > .snb-wrap > .snb > ul > li > a.active, #subpage > .snb-wrap > .snb > ul > li > a:hover { color: #000; cursor: pointer; } #subpage > .snb-wrap > .snb > ul > li.active::after, #subpage > .snb-wrap > .snb > ul > li:hover::after, #subpage > .snb-wrap > .snb > ul > li > a.active::after, #subpage > .snb-wrap > .snb > ul > li > a:hover::after { content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 1px; background: #000; } #subpage > .snb-wrap > .snb > ul.nowrap { white-space: nowrap; overflow: hidden; width: 1404px; position: relative; } #subpage > .snb-wrap > .snb > ul.nowrap > li { transition: transform .3s ease-in-out; } #subpage > .snb-wrap > .snb .prev, #subpage > .snb-wrap > .snb .next { width: 30px; display: flex; cursor: pointer; align-items: center; padding-top: 2px; box-sizing: border-box; position: relative; } #subpage > .snb-wrap > .snb .next { justify-content: flex-end; } #subpage > .snb-wrap > .snb .nowrap::before, #subpage > .snb-wrap > .snb .nowrap::after { content: ''; width: 30px; height: calc(100% - 1px); position: absolute; top: 0; } #subpage > .snb-wrap > .snb .nowrap[data-direction='prev']::before { left: 0px; background: linear-gradient(to left, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%); z-index: 1; } #subpage > .snb-wrap > .snb .nowrap[data-direction='next']::after { right: 0px; background: linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%); } #subpage > .scroll-menu-wrap { width: 100%; height: 0; overflow: hidden; margin-top: 0px;} #subpage > .scroll-menu-wrap.active { height: 63px; } #subpage > .scroll-menu-wrap .scroll-menu { width: 100%; height: 0; border-bottom: 0 solid #dcdfe0; box-sizing: border-box; display: flex; justify-content: center; overflow: hidden; transition: top 0.5s ease-in-out, background 0.3s ease-in-out; background: #fff; -webkit-transform: translateZ(0); } #subpage > .scroll-menu-wrap .scroll-menu.fixed { position: fixed; left: 0; top: 85px; z-index: 52; } #subpage > .scroll-menu-wrap .scroll-menu.up.fixed { top: calc(92px + 85px); } #subpage > .scroll-menu-wrap .scroll-menu.active { height: 63px; overflow: auto; border-bottom: 1px solid #dcdfe0; } #subpage > .scroll-menu-wrap .scroll-menu .menu { width: 1404px; overflow: hidden; height: 100%; display: flex; white-space:nowrap; position: relative; } #subpage > .scroll-menu-wrap .scroll-menu .menu > li { line-height: 63px; width: auto; font-size: 16px; color: #999; cursor: pointer; padding: 0 15px; transition: transform .3s ease-in-out; } #subpage > .scroll-menu-wrap .scroll-menu .menu > li > span { position: relative; } #subpage > .scroll-menu-wrap .scroll-menu .menu > li > span.active { color: #fff; } #subpage > .scroll-menu-wrap .scroll-menu .menu > li > span.active::after { content: ''; position: absolute; left: 0; top: -2px; width: calc(100% + 30px); height: 36px; border-radius: 18px; background: #000; color: #fff; z-index: -1; transform: translate(-15px, -7px); } #subpage > .scroll-menu-wrap .scroll-menu .prev, #subpage > .scroll-menu-wrap .scroll-menu .next { width: 30px; display: flex; cursor: pointer; align-items: center; padding-top: 2px; box-sizing: border-box; position: relative; } #subpage > .scroll-menu-wrap .scroll-menu .next { justify-content: flex-end; } #subpage > .scroll-menu-wrap .scroll-menu .menu::before, #subpage > .scroll-menu-wrap .scroll-menu .menu::after { content: ''; width: 30px; height: 100%; position: absolute; top: 0; } #subpage > .scroll-menu-wrap .scroll-menu .menu[data-direction='prev']::before { left: 0px; background: linear-gradient(to left, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%); z-index: 1; } #subpage > .scroll-menu-wrap .scroll-menu .menu[data-direction='next']::after { right: 0px; background: linear-gradient(to right, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%); } #subpage > .contents {} #subpage > .contents > .section:first-of-type { margin-top: 80px; } #subpage > .contents > .section.column .title, #subpage > .contents > .standard .title, #subpage > .contents > .photo .title { font-size: 42px; font-weight: 800; letter-spacing: -0.86px; line-height: 1.1; } #subpage > .contents > .section.column .title > p, #subpage > .contents > .standard .title > p, #subpage > .contents > .photo .title > p { font-size: 18px; font-weight: 500; letter-spacing: -0.34px; color: #333; line-height: 28px; margin-top: 24px; } #subpage > .contents > .section.column .title > hr, #subpage > .contents > .standard .title > hr, #subpage > .contents > .photo .title > hr { width: 100%; height: 2px; background: #000; margin-top: 40px; } #subpage > .contents > .section.column .box { width: 100%; display: flex; justify-content: space-between; margin-top: 35px; } #subpage > .contents > .section.column .box .aside { width: 424px; border-top: 1px solid #000; margin-right: 66px; padding-top: 45px; flex: 0 0 auto; } #subpage > .contents > .section.column .box .aside .link-btn { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 67px; border-radius: 6px; border: 1px solid #000; font-size: 18px; font-weight: 700; margin-top: 35px; padding: 0 20px; box-sizing: border-box; } #subpage > .contents > .section.column .box .aside.notBar { border-top: 0; padding-top: 0; } #subpage > .contents > .section.column .box .aside.notBar .link-btn { margin-top: 0; } #subpage > .contents > .section.column .box .content { width: 100%; } #subpage > .contents > .section.tab-content~.tab-content { display: none; margin-top: 80px; } #subpage table.type1 { width: 100%; border-spacing: 0; border-collapse: collapse; border-top: 2px solid #000; margin-top: 30px; } #subpage table.type1 > thead {} #subpage table.type1 > thead > tr > th { font-size: 16px; color: #999; letter-spacing: -0.15px; height: 75px; vertical-align: middle; } #subpage table.type1 > tbody > tr > th, #subpage table.type1 > tbody > tr > td, #subpage table.type1 > tfoot > tr > th, #subpage table.type1 > tfoot > tr > td { height: 75px; text-align: center; vertical-align: middle; font-size: 16px; letter-spacing: -0.17px; color: #444; border-top: 1px solid #e2e2e2; font-weight: 500; line-height: 22px; } #subpage table.type1 > tbody > tr.line > th, #subpage table.type1 > tbody > tr.line > td, #subpage table.type1 > tbody > tr:first-child > th, #subpage table.type1 > tbody > tr:first-child > td { border-top: 1px solid #b2b2b2; } #subpage table.type1 > tbody > tr:last-child > th, #subpage table.type1 > tbody > tr:last-child > td { border-bottom: 1px solid #000; } #subpage table.type1 > tbody > tr.boldLine > th, #subpage table.type1 > tbody > tr.boldLine > td { border-bottom: 1px solid #b2b2b2; } #subpage table.type1 > tfoot { border-bottom: 1px solid #000; background: #f6f6f6; } /* CEO 인사말 */ #subpage.ceo > .contents > .section { display: flex; justify-content: center; gap: 40px; margin-top: 150px; } #subpage.ceo > .contents > .section > div:nth-of-type(1) { width: 720px; position: relative; } #subpage.ceo > .contents > .section > div:nth-of-type(1) > p { width: 100%; } #subpage.ceo > .contents > .section > div:nth-of-type(1) > p > img { width: 100%; } #subpage.ceo > .contents > .section > div:nth-of-type(1) > div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 298px 0 0 72px; color: #333; } #subpage.ceo > .contents > .section > div:nth-of-type(1) > div > p:nth-of-type(1) { font-size: 15px; font-weight: 500; line-height: 1.2; letter-spacing: -0.45px; } #subpage.ceo > .contents > .section > div:nth-of-type(1) > div > p:nth-of-type(2) { font-size: 15px; font-weight: 500; line-height: 1.2; letter-spacing: -0.45px; } #subpage.ceo > .contents > .section > div:nth-of-type(1) > div > p:nth-of-type(3) { font-size: 21px; font-weight: 700; line-height: 28px; letter-spacing: -0.63px; margin-top: 8px; } #subpage.ceo > .contents > .section > div:nth-of-type(2) { width: 692px; display: flex; flex-direction: column; gap: 30px; } #subpage.ceo > .contents > .section > div:nth-of-type(2) > * { width: 100%; } #subpage.ceo > .contents > .section > div:nth-of-type(2) > hr { width: 100%; height: 1px; background: #DCDFE0; } #subpage.ceo > .contents > .section > div:nth-of-type(2) > p:nth-of-type(1) { font-size: 25px; color: #008233; font-weight: 900; line-height: 28px; letter-spacing: -0.75px; } #subpage.ceo > .contents > .section > div:nth-of-type(2) > p:nth-of-type(2) { font-size: 36px; color: #000; font-weight: 700; line-height: 1.24; letter-spacing: -0.36px; font-family: 'HD'; } #subpage.ceo > .contents > .section > div:nth-of-type(2) > p:nth-of-type(3) { margin-top: 30px; } #subpage.ceo > .contents > .section > div:nth-of-type(2) > div { white-space: pre-wrap; font-size: 17px; color: #333; font-weight: 500; line-height: 28px; letter-spacing: -0.51px; } /* 연혁 */ #subpage.history > .contents { padding-top: 170px; } #subpage.history > .contents > .section-wrap { position: relative; } #subpage.history > .contents > .section-wrap .line { position: absolute; left: 763px; top: 391px; width: 4px; height: calc(100% - 657px); background: #D9D7D7; } #subpage.history > .contents > .section-wrap .line > span { position: absolute; left: 0; top: 0; width: 100%; border-radius: 4px; height: 0; background: #008233; transition: all 100ms ease-in-out; } #subpage.history > .contents > .section-wrap > .section { display: flex; justify-content: space-between; } #subpage.history > .contents > .section-wrap > .section~.section { margin-top: 310px; } #subpage.history > .contents > .section-wrap > .section > .history-scroll { width: 630px; position: relative; } #subpage.history > .contents > .section-wrap > .section > .history-scroll > div { width: 630px; position: absolute; top: 0; } #subpage.history > .contents > .section-wrap > .section > .history-scroll.fixed > div { position: fixed; transform: translate(0, -50%); } #subpage.history > .contents > .section-wrap > .section > .history-scroll.end > div { position: absolute; top: auto !important; bottom: 0px; transform: translate(0, 0); } #subpage.history > .contents > .section-wrap > .section > .history-scroll > div > p:nth-of-type(1) { font-size: 84px; font-weight: 900; color: #000; } #subpage.history > .contents > .section-wrap > .section > .history-scroll > div > p:nth-of-type(2) { margin-top: 35px; font-size: 35px; font-weight: 900; } #subpage.history > .contents > .section-wrap > .section > .history-scroll > div > div { margin-top: 70px; position: relative; } #subpage.history > .contents > .section-wrap > .section > .history-scroll > div > div > div { position: relative; left: 0; top: 0; overflow: hidden; } #subpage.history > .contents > .section-wrap > .section > .history-scroll > div > div > div > p { width: 630px; height: 365px; overflow: hidden; } #subpage.history > .contents > .section-wrap > .section > .history-scroll > div > div > div > p > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #subpage.history > .contents > .section-wrap > .section > .history-scroll > div > div > div > div { line-height: 26px; font-size: 18px; color: #666; margin-top: 10px; background: #fff; min-height: 52px; } #subpage.history > .contents > .section-wrap > .section > .history-scroll > div > div > div~div { position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.5s ease-in-out; } #subpage.history > .contents > .section-wrap > .section > .history-scroll > div > div > div~div > p { opacity: 1; transform: scale(1); transition: all 0.5s ease-in-out; } #subpage.history > .contents > .section-wrap > .section > .history-scroll > div > div > div~div.active { opacity: 1; } #subpage.history > .contents > .section-wrap > .section > .history-scroll > div > div > div~div.active > p { transform: scale(1); opacity: 1; } #subpage.history > .contents > .section-wrap > .section > ul { width: 548px; padding-top: 370px; } #subpage.history > .contents > .section-wrap > .section > ul > li {} #subpage.history > .contents > .section-wrap > .section > ul > li~li { margin-top: 100px; } #subpage.history > .contents > .section-wrap > .section > ul > li[data-cnt="1"] { padding-bottom: 120px; } #subpage.history > .contents > .section-wrap > .section > ul > li[data-cnt="2"] { padding-bottom: 90px; } #subpage.history > .contents > .section-wrap > .section > ul > li > p { line-height: 58px; font-size: 40px; font-weight: 700; color: #008233; position: relative; } #subpage.history > .contents > .section-wrap > .section > ul > li > p::after { content: ''; position: absolute; width: 87px; height: 17px; left: -100px; top: 50%; transform: translate(0, -50%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='87' height='17' viewBox='0 0 87 17' fill='none'%3E%3Cline x1='9' y1='8.5' x2='87' y2='8.5' stroke='%23D9D7D7'/%3E%3Ccircle cx='8.5' cy='8.5' r='6' fill='white' stroke='%23008233' stroke-width='5'/%3E%3C/svg%3E"); } #subpage.history > .contents > .section-wrap > .section > ul > li > dl { margin-top: 40px; font-size: 17px; color: #000; } #subpage.history > .contents > .section-wrap > .section > ul > li > dl > dd { display: flex; gap: 20px; line-height: 25px; } #subpage.history > .contents > .section-wrap > .section > ul > li > dl > dd.green { color: #008233; } #subpage.history > .contents > .section-wrap > .section > ul > li > dl > dd~dd { margin-top: 15px; } #subpage.history > .contents > .section-wrap > .section > ul > li > dl > dd > span { width: 25px; font-weight: 700; flex: 0 0 auto; } #subpage.history > .contents > .section-wrap > .section > ul > li > dl > dd > p { flex: 1 1 auto; } /* 비전 */ #subpage.vision > .contents > .section~.section { margin-top: 140px; } #subpage.vision > .contents > .section1 {} #subpage.vision > .contents > .section1 > p { font-size: 42px; font-weight: 800; letter-spacing: -0.86px; } #subpage.vision > .contents > .section1 > ul { display: flex; justify-content: space-between; margin-top: 35px; } #subpage.vision > .contents > .section1 > ul > li { width: 424px; } #subpage.vision > .contents > .section1 > ul > li > p {} #subpage.vision > .contents > .section1 > ul > li > p:nth-of-type(2) { font-size: 22px; font-weight: 700; letter-spacing: -0.48px; margin-top: 44px; } #subpage.vision > .contents > .section1 > ul > li > p:nth-of-type(3) { font-size: 18px; font-weight: 400; letter-spacing: -0.34px; color: #48535a; margin-top: 15px; line-height: 28px; } #subpage.vision > .contents > .section .title {} #subpage.vision > .contents > .section .box .aside { border-top: 2px solid #000; } #subpage.vision > .contents > .section .box .content > ul {} #subpage.vision > .contents > .section .box .content > ul > li { border-bottom: 1px solid #dcdfe0; display: flex; align-items: center; } #subpage.vision > .contents > .section .box .content > ul > li:nth-of-type(1) { border-top: 1px solid #dcdfe0; } #subpage.vision > .contents > .section .box .content > ul > li > p { width: 64px; flex: 0 0 auto; } #subpage.vision > .contents > .section .box .content > ul > li > div { padding-left: 45px; } #subpage.vision > .contents > .section .box .content > ul > li > div > p:nth-of-type(1) { font-size: 18px; font-weight: 800; letter-spacing: -0.4px; } #subpage.vision > .contents > .section .box .content > ul > li > div > p:nth-of-type(2) { font-size: 18px; letter-spacing: -0.34px; color: #48535a; margin-top: 15px; line-height: 28px; } #subpage.vision > .contents > .section2 .box .content > ul > li { height: 137px; } #subpage.vision > .contents > .section2 .box .content > ul > li > p { width: 64px; height: 61px; display: flex; justify-content: center; align-items: center; } #subpage.vision > .contents > .section2 .box .content > ul > li > div > p:nth-of-type(1):first-letter { color: #008233; } #subpage.vision > .contents > .section3 .box .content > ul > li { align-items: flex-start; } #subpage.vision > .contents > .section3 .box .content > ul > li > p { display: flex; padding-top: 39px; justify-content: flex-end; } #subpage.vision > .contents > .section3 .box .content > ul > li > div { padding: 45px 0 43px 50px; box-sizing: border-box; } #subpage.vision > .contents > .section3 .box .content > ul > li > div > p:nth-of-type(2) { line-height: 28px; } #subpage.vision > .contents > .section4 > p:nth-of-type(1) { font-size: 43px; font-weight: 900; letter-spacing: -0.86px; } #subpage.vision > .contents > .section4 > p:nth-of-type(2) { width: 100%; height: 300px; background: url('../img/sub/vision-sec4-1.jpg'); margin-top: 44px; box-sizing: border-box; padding: 95px 0 0 491px; color: #fff; } #subpage.vision > .contents > .section4 > p:nth-of-type(2) > span { display: block; } #subpage.vision > .contents > .section4 > p:nth-of-type(2) > span:nth-of-type(1) { font-size: 32px; font-weight: 900; letter-spacing: -0.64px; line-height: 1; } #subpage.vision > .contents > .section4 > p:nth-of-type(2) > span:nth-of-type(2) { font-size: 20px; letter-spacing: -0.4px; line-height: 1; margin-top: 24px; } #subpage.vision > .contents > .section4 > div > p { font-size: 32px; font-weight: 900; letter-spacing: -0.64px; line-height: 34px; } #subpage.vision > .contents > .section4 > div > ul { display: flex; justify-content: space-between; } #subpage.vision > .contents > .section4 > div:nth-of-type(1) { margin-top: 80px; } #subpage.vision > .contents > .section4 > div:nth-of-type(1) > ul { margin: 44px 0 80px; } #subpage.vision > .contents > .section4 > div:nth-of-type(1) > ul > li { width: 424px; } #subpage.vision > .contents > .section4 > div:nth-of-type(1) > ul > li > p {} #subpage.vision > .contents > .section4 > div:nth-of-type(1) > ul > li > p:nth-of-type(2) { font-size: 24px; font-weight: 700; letter-spacing: -0.48px; margin-top: 44px; } #subpage.vision > .contents > .section4 > div:nth-of-type(1) > ul > li > p:nth-of-type(3) { font-size: 17px; letter-spacing: -0.28px; color: #48535a; line-height: 28px; margin-top: 10px; } #subpage.vision > .contents > .section4 > div:nth-of-type(2) { border-top: 1px solid #dcdfe0; padding-top: 60px; padding-bottom: 60px; } #subpage.vision > .contents > .section4 > div:nth-of-type(2) > ul { margin: 43px 0 0; } #subpage.vision > .contents > .section4 > div:nth-of-type(2) > ul > li { width: 320px; } #subpage.vision > .contents > .section4 > div:nth-of-type(2) > ul > li > p:nth-of-type(2) { font-size: 20px; font-weight: 900; letter-spacing: -0.34px; margin-top: 36px; } #subpage.vision > .contents > .section4 > div:nth-of-type(2) > ul > li > p:nth-of-type(3) { font-size: 15px; letter-spacing: -0.15px; color: #48535a; line-height: 27px; margin-top: 17px; } #subpage.vision > .contents > .section4 > div:nth-of-type(3) { border-top: 1px solid #dcdfe0; padding-top: 60px; } #subpage.vision > .contents > .section4 > div:nth-of-type(3) > ul { margin: 43px 0 0; } #subpage.vision > .contents > .section4 > div:nth-of-type(3) > ul > li { width: 320px; } #subpage.vision > .contents > .section4 > div:nth-of-type(3) > ul > li > p:nth-of-type(1) { font-size: 20px; font-weight: 900; letter-spacing: -0.34px; margin-top: 36px; } #subpage.vision > .contents > .section4 > div:nth-of-type(3) > ul > li > p:nth-of-type(2) { font-size: 15px; letter-spacing: -0.15px; color: #48535a; line-height: 27px; margin-top: 17px; } /* 성과 및 실적 */ #subpage.performance > .contents > .section .title {} #subpage.performance > .contents > .section .box .aside { border-top: 2px solid #000; } #subpage.performance > .contents > .section1 .content > p { font-size: 30px; font-weight: 800; letter-spacing: -0.64px; } #subpage.performance > .contents > .section1 .content >div+p { margin-top: 160px; } #subpage.performance > .contents > .section1 .content > div { margin-top: 100px; } #subpage.performance > .contents > .section1 .content > p+div { margin-top: 55px; } #subpage.performance > .contents > .section1 .content > div > ul { display: flex; justify-content: space-between; } #subpage.performance > .contents > .section1 .content > div > ul > li { width: 424px; } #subpage.performance > .contents > .section1 .content > div > ul > li > div {} #subpage.performance > .contents > .section1 .content > div > ul > li > div~div { margin-top: 100px; } #subpage.performance > .contents > .section1 .content > div > ul > li > div > p:nth-of-type(1) { font-size: 16px; letter-spacing: -0.3px; color: #9ca3a7; } #subpage.performance > .contents > .section1 .content > div > ul > li > div > hr { width: 100%; height: 1px; background: #e2e2e2; margin: 16px 0 0; } #subpage.performance > .contents > .section1 .content > p+div > ul > li > div:first-child > hr { background: #000; } #subpage.performance > .contents > .section1 .content > div > ul > li > div > div { font-size: 26px; line-height: 40px; letter-spacing: -0.56px; margin-top: 28px; word-break: keep-all; } #subpage.performance > .contents > .section1 .content > div > ul > li > div > p:nth-of-type(2) { width: 424px; height: 260px; border-radius: 10px; background: #e2e2e2; margin-top: 33px; } #subpage.performance > .contents > .section2 .box .aside > p:nth-of-type(1) {} #subpage.performance > .contents > .section2 .box .aside > p:nth-of-type(2) { font-size: 16px; font-weight: 500; letter-spacing: -0.3px; line-height: 25px; color: #48535a; word-break: keep-all; margin-top: 35px; } #subpage.performance > .contents > .section2 .box .content {} #subpage.performance > .contents > .section2 .box .content > div {} #subpage.performance > .contents > .section2 .box .content > div~div { margin-top: 80px; } #subpage.performance > .contents > .section2 .box .content > div > p { font-size: 30px; font-weight: 800; letter-spacing: -0.64px; } #subpage.performance > .contents > .section2 .box .content > div > hr { width: 100%; height: 1px; background: #000; margin: 25px 0 45px; } #subpage.performance > .contents > .section2 .box .content > div > div { display: flex; justify-content: space-between; } #subpage.performance > .contents > .section2 .box .content > div > div > p { width: 424px; height: 260px; background: #e2e2e2; border-radius: 10px; overflow: hidden; flex: 0 0 auto; } #subpage.performance > .contents > .section2 .box .content > div > div > div { padding-left: 46px; } #subpage.performance > .contents > .section2 .box .content > div > div > div > p { font-size: 26px; font-weight: 800; letter-spacing: -0.56px; } #subpage.performance > .contents > .section2 .box .content > div > div > div > ul { margin-top: 30px; line-height: 28px; font-size: 18px; letter-spacing: -0.34px; color: #333; font-weight: 500; word-break: keep-all; } #subpage.performance > .contents > .section2 .box .content > div > div > div > ul > li { padding-left: 14px; box-sizing: border-box; position: relative; } #subpage.performance > .contents > .section2 .box .content > div > div > div > ul > li::after { content: ''; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; background: #333; border-radius: 5px; } #subpage.performance > .contents > .section2 .box .content > div > div > div > ul > li~li { margin-top: 15px; } /* R&D */ #subpage.rnd > .contents > .section .title {} #subpage.rnd > .contents > .section .box .aside { border-top: 2px solid #000; } #subpage.rnd > .contents > .section1 .content > p:nth-of-type(2) { font-size: 22px; font-weight: 700; letter-spacing: -0.48px; line-height: 34px; margin: 55px 0 0; } #subpage.rnd > .contents > .section1 .content > dl { margin-top: 35px; border-bottom: 1px solid #dcdfe0; display: flex; } #subpage.rnd > .contents > .section1 .content > dl:first-of-type { border-top: 1px solid #dcdfe0; } #subpage.rnd > .contents > .section1 .content > dl~dl { margin-top: 0; } #subpage.rnd > .contents > .section1 .content > dl dt { font-size: 18px; font-weight: 800; letter-spacing: -0.4px; padding-top: 30px; } #subpage.rnd > .contents > .section1 .content > dl dd { padding: 24px 0 24px 39px; font-size: 18px; line-height: 32px; letter-spacing: -0.34px; font-weight: 500; } #subpage.rnd > .contents > .section2 { margin-top: 140px; } #subpage.rnd > .contents > .section2 .content > ul { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; } #subpage.rnd > .contents > .section2 .content > ul > li { width: 424px; margin-top: 55px; } #subpage.rnd > .contents > .section2 .content > ul > li:nth-of-type(1), #subpage.rnd > .contents > .section2 .content > ul > li:nth-of-type(2) { margin-top: 0; } #subpage.rnd > .contents > .section2 .content > ul > li > p:nth-of-type(1) { width: 424px; height: 260px; border-radius: 6px; overflow: hidden; background: #f2f2f2; } #subpage.rnd > .contents > .section2 .content > ul > li > p:nth-of-type(2) { margin-top: 40px; font-size: 22px; font-weight: 700; letter-spacing: -0.48px; } #subpage.rnd > .contents > .section2 .content > ul > li > div { font-size: 16px; font-weight: 500; line-height: 27px; letter-spacing: -0.3px; color: #444; margin-top: 20px; } /* 사업장 소개 */ #subpage.workplace > .contents > .section .title {} #subpage.workplace > .contents > .section~.section { margin-top: 140px; } #subpage.workplace > .contents > .section .box .aside { border-top: 2px solid #000; } #subpage.workplace > .contents > .section .box .content {} #subpage.workplace > .contents > .section .box .content > dl { padding-bottom: 50px; border-bottom: 1px solid #dcdfe0; } #subpage.workplace > .contents > .section .box .content > dl:nth-of-type(1) { margin-top: -7px; } #subpage.workplace > .contents > .section .box .content > dl~dl { padding-top: 50px; } #subpage.workplace > .contents > .section .box .content > dl dt { font-size: 24px; font-weight: 700; letter-spacing: -0.56px; word-break: keep-all; line-height: 32px; } #subpage.workplace > .contents > .section .box .content > dl dd { font-size: 18px; font-weight: 500; letter-spacing: -0.34px; color: #333; line-height: 28px; margin-top: 25px; } #subpage.workplace > .contents > .section .box .content > dl dd.more { margin-top: 35px; } #subpage.workplace > .contents > .section .box .content > dl dd.more > p { width: 114px; height: 50px; border-radius: 25px; background: #000; color: #fff; font-size: 16px; font-weight: 600; letter-spacing: -0.16px; line-height: 50px; text-align: center; cursor: pointer; } #subpage.workplace > .contents > .section3 .layer { width: 100%; height: 100vh; position: fixed; left: 0; top: 0; z-index: 100; background: rgba(0,0,0,0.9); padding: 50px 0; box-sizing: border-box; display: none; } #subpage.workplace > .contents > .section3 .layer .inner-wrap { background: #fff; height: 100%; padding: 60px; box-sizing: border-box; overflow-y: scroll; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article1 > p:nth-of-type(1) { font-size: 14px; font-weight: 800; text-decoration: underline; text-transform: uppercase; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article1 > p:nth-of-type(2) { margin-top: 80px; font-size: 68px; font-weight: 800;line-height: 49px; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article1 > p:nth-of-type(3) { margin-top: 18px; font-size: 32px; font-weight: 500;line-height: 31px; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article1 > div { margin-top: 55px; display: flex; justify-content: space-between; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article1 > div > p:nth-of-type(1) { width: 622px; line-height: 25px; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article1 > dl { margin-top: 75px; display: flex; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article1 > dl > dt { font-size: 20px; font-weight: 800; width: 298px; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article1 > dl > dd { height: 70px; display: flex; flex-direction: column; justify-content: space-between; width: 328px; padding-left: 30px; box-sizing: border-box; position: relative; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article1 > dl > dd::after { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #e6e7e8; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article1 > dl > dd > p:nth-of-type(1) { font-size: 14px; letter-spacing: -0.28px; color: #444; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article1 > dl > dd > p:nth-of-type(2) { font-size: 16px; font-weight: 700; letter-spacing: -0.32px; color: #000; text-decoration: underline; text-underline-position: under; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article2 { margin-top: 80px; border-top: 2px solid #000; padding: 80px 0; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article2 > p { font-size: 32px; font-weight: 800; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article2 > ul { margin-top: 30px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article2 > ul > li { width: 299px; height: 378px; position: relative; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article2 > ul > li:nth-child(n+5) { margin-top: 30px; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article2 > ul > li > div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 30px 28px; box-sizing: border-box; color: #fff; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article2 > ul > li > div > p:nth-of-type(1) { font-size: 18px; font-weight: 800; } #subpage.workplace > .contents > .section3 .layer .inner-wrap .article2 > ul > li > div > p:nth-of-type(2) { font-size: 14px; line-height: 20px; min-height: 54px; letter-spacing: -0.28px; margin-top: 15px; } #subpage.workplace > .contents > .section3 .layer .close { position: absolute; top: 50px; width: 70px; height: 70px; background: #fff; right: 50px; cursor: pointer; } /* 브랜드 */ #subpage.brand > .contents > .section .title {} #subpage.brand > .contents > .section~.section { margin-top: 140px; } #subpage.brand > .contents > .section .box .aside { border-top: 2px solid #000; } #subpage.brand > .contents > .section .box .content {} #subpage.brand > .contents > .section1 .box .content {} #subpage.brand > .contents > .section1 .box .content > p:nth-of-type(1) { width: 914px; height: 300px; background: #f6f6f6; border-radius: 10px; display: flex; justify-content: center; align-items: flex-start; padding-top: 90px; box-sizing: border-box; } #subpage.brand > .contents > .section1 .box .content > p:nth-of-type(2) { margin-top: 55px; font-size: 22px; font-weight: 700; letter-spacing: -0.48px; line-height: 34px; } #subpage.brand > .contents > .section1 .box .content > p:nth-of-type(3) { margin-top: 25px; font-size: 18px; font-weight: 500; letter-spacing: -0.34px; line-height: 28px; color: #333; word-break: keep-all; } #subpage.brand > .contents > .section2 .box .content > p:nth-of-type(2) { margin-top: 55px; font-size: 18px; font-weight: 500; letter-spacing: -0.34px; line-height: 28px; color: #333; word-break: keep-all; } #subpage.brand > .contents > .section2 .box .content > hr { width: 100%; height: 1px; background: #dcdfe0; margin: 80px 0 60px; } #subpage.brand > .contents > .section2 .box .content > div {} #subpage.brand > .contents > .section2 .box .content > div > p:nth-of-type(1) { font-size: 30px; font-weight: 800; letter-spacing: -0.64px; } #subpage.brand > .contents > .section2 .box .content > div > p:nth-of-type(2) { font-size: 18px; font-weight: 500; letter-spacing: -0.34px; color: #333; margin-top: 22px; } #subpage.brand > .contents > .section2 .box .content > div > dl { margin-top: 60px; } #subpage.brand > .contents > .section2 .box .content > div > dl > dt { font-size: 18px; font-weight: 800; letter-spacing: -0.4px; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd { margin-top: 24px; display: flex; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div { display: flex; flex-direction: column; width: 72px; height: 100px; border-radius: 6px; padding: 10px 10px 0; box-sizing: border-box; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div~div { margin-left: 20px; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div > p { font-size: 16px; color: #fff; letter-spacing: -0.3px; line-height: 20px; min-height: 40px; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div > hr { width: 100%; height: 1px; background: rgba(255,255,255,0.45); margin: 12px 0 10px; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div > span { font-size: 12px; color: rgba(255,255,255,0.7); } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div.fc-000 > p { color: #000; font-weight: 500; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div.fc-000 > hr { background: #b5b5b5; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div.fc-000 > span { color: #000; font-weight: 500; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div.bgc-008233 { background: rgba(0,164,224,0.75); } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div.bgc-008233 { background: #008233; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div.bgc-E6E7E8 { background: #E6E7E8; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div.bgc-9CA3A7 { background: #9CA3A7; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div.bgc-48535A { background: #48535A; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div.bgc-957a54 { background: #957a54; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div.bgc-969692 { background: #969692; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div.bgc-06286B { background: #06286B; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div.bgc-0077C0 { background: #0077C0; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div.bgc-0093D5 { background: #0093D5; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div.bgc-0098A1 { background: #0098A1; } #subpage.brand > .contents > .section2 .box .content > div > dl > dd > div.bgc-00654C { background: #00654C; } #subpage.brand > .contents > .section3 { margin-top: 180px !important; } #subpage.brand > .contents > .section3 .title { margin-top: 140px; } #subpage.brand > .contents > .section3 .banner { width: 100%; height: 540px; position: relative; } #subpage.brand > .contents > .section3 .banner > p { width: 100%; height: 100%; } #subpage.brand > .contents > .section3 .banner > p > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #subpage.brand > .contents > .section3 .banner > div { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } #subpage.brand > .contents > .section3 .banner > div > .inner-wrap { padding-top: 215px; text-align: center; } #subpage.brand > .contents > .section3 .banner > div > .inner-wrap > p { font-size: 22px; font-weight: 300; letter-spacing: -0.48px; margin-top: 34px; } #subpage.brand > .contents > .section3 .box1 { margin-top: 80px; } #subpage.brand > .contents > .section3 .box1 .aside { border-top: 0; padding-top: 0; } #subpage.brand > .contents > .section3 .box1 .aside > p { font-size: 30px; font-weight: 800; letter-spacing: -0.64px; color: #000; } #subpage.brand > .contents > .section3 .box1 .content > p { font-size: 18px; line-height: 28px; letter-spacing: -0.34px; color: #333; font-weight: 500; } #subpage.brand > .contents > .section3 .box1 .content > ul { display: flex; flex-wrap: wrap; } #subpage.brand > .contents > .section3 .box1 .content > ul > li { width: 318px; flex: 0 0 auto; margin-top: 60px; } #subpage.brand > .contents > .section3 .box1 .content > ul > li:nth-child(3n) { width: auto; } #subpage.brand > .contents > .section3 .box1 .content > ul > li > p:nth-of-type(1) { width: 68px; height: 65px; display: flex; align-items: center; } #subpage.brand > .contents > .section3 .box1 .content > ul > li > p:nth-of-type(2) { font-size: 18px; font-weight: 800; letter-spacing: -0.4px; margin-top: 35px; } #subpage.brand > .contents > .section3 .box1 .content > ul > li > p:nth-of-type(3) { font-size: 16px; font-weight: 500; letter-spacing: -0.15px; line-height: 25px; color: #48535a; word-break: keep-all; margin-top: 20px; } #subpage.brand > .contents > .section3 .box2 .content > dl { margin-top: 60px; } #subpage.brand > .contents > .section3 .box2 .content > dl~dl { margin-top: 50px; } #subpage.brand > .contents > .section3 .box2 .content > dl > dt { font-size: 22px; font-weight: 700; letter-spacing: -0.48px; } #subpage.brand > .contents > .section3 .box2 .content > dl > dd { font-size: 18px; font-weight: 500; letter-spacing: -0.34px; line-height: 28px; color: #333; margin-top: 15px; word-break: keep-all; } #subpage.brand > .contents > .section3.greentric .box1 .content > ul > li > p:nth-of-type(1) { width: 82px; height: 64px; } /* 지배구조 평가 > 기업지배구조헌장 */ #subpage > .contents > .section .box .content.text {} #subpage > .contents > .section .box .content.text > h3 { font-size: 30px; font-weight: 800; letter-spacing: -0.64px; } #subpage > .contents > .section .box .content.text > h3~h3 { margin-top: 60px; } #subpage > .contents > .section .box .content.text > h4 { font-size: 18px; font-weight: 700; letter-spacing: -0.4px; margin-top: 45px; } #subpage > .contents > .section .box .content.text > p, #subpage > .contents > .section .box .content.text > pre, #subpage > .contents > .section .box .content.text > div, #subpage > .contents > .section .box .content.text > ul { font-size: 18px; line-height: 28px; letter-spacing: -0.34px; color: #333; margin-top: 20px; font-weight: 500; word-break: keep-all; } #subpage > .contents > .section .box .content.text > pre { white-space: pre-wrap; } #subpage > .contents > .section .box .content.text > p+div, #subpage > .contents > .section .box .content.text > p+ul { margin-top: 0; } #subpage > .contents > .section .box .content.text > div {} #subpage > .contents > .section .box .content.text > div > p { display: flex; } #subpage > .contents > .section .box .content.text > div > p > span { margin-right: 10px; width: 24px; font-weight: 700; } #subpage > .contents > .section .box .content.text > ul {} #subpage > .contents > .section .box .content.text > ul > li { padding-left: 25px; box-sizing: border-box; position: relative; } #subpage > .contents > .section .box .content.text > ul > li::before { content: ''; position: absolute; left: 0; top: 0; font-weight: 700; color: #333; } #subpage > .contents > .section .box .content.text > ul > li:nth-of-type(1)::before { content: '1.'; } #subpage > .contents > .section .box .content.text > ul > li:nth-of-type(2)::before { content: '2.'; } #subpage > .contents > .section .box .content.text > ul > li:nth-of-type(3)::before { content: '3.'; } #subpage > .contents > .section .box .content.text > ul > li:nth-of-type(4)::before { content: '4.'; } #subpage > .contents > .section .box .content.text > ul > li:nth-of-type(5)::before { content: '5.'; } #subpage > .contents > .section .box .content.text > ul > li:nth-of-type(6)::before { content: '6.'; } #subpage > .contents > .section .box .content.text > ul > li:nth-of-type(7)::before { content: '7.'; } #subpage > .contents > .section .box .content.text > ul > li:nth-of-type(8)::before { content: '8.'; } #subpage > .contents > .section .box .content.text > ul > li:nth-of-type(9)::before { content: '9.'; } #subpage > .contents > .section .box .content.text > ul.type2 > li::before { font-weight: 500; } #subpage > .contents > .section .box .content.text > ul.type2 > li:nth-of-type(1)::before { content: '①'; } #subpage > .contents > .section .box .content.text > ul.type2 > li:nth-of-type(2)::before { content: '②'; } #subpage > .contents > .section .box .content.text > ul.type2 > li:nth-of-type(3)::before { content: '③'; } #subpage > .contents > .section .box .content.text > ul.type2 > li:nth-of-type(4)::before { content: '④'; } #subpage > .contents > .section .box .content.text > ul.type2 > li:nth-of-type(5)::before { content: '⑤'; } #subpage > .contents > .section .box .content.text > ul.type2 > li:nth-of-type(6)::before { content: '⑥'; } #subpage > .contents > .section .box .content.text > ul.type2 > li:nth-of-type(7)::before { content: '⑦'; } #subpage > .contents > .section .box .content.text > ul.type2 > li:nth-of-type(8)::before { content: '⑧'; } #subpage > .contents > .section .box .content.text > ul.type2 > li:nth-of-type(9)::before { content: '⑨'; } /* 지배구조 평가 > ESG 평가 등급 */ #subpage.governance1 > .contents > .section .box .content {} #subpage.governance1 > .contents > .section .box .content > p { font-size: 30px; font-weight: 800; letter-spacing: -0.64px; } #subpage.governance1 > .contents > .section .box .content table.type1 { margin-top: 40px; } #subpage.governance1 > .contents > .section2 .box .content table.type1 > tbody > tr > td~td { color: #000; font-weight: 700; } #subpage.governance1 > .contents > .section2 .box .content table.type1 > tbody > tr > td > span { color: #008233; } #subpage.governance1 > .contents > .section2 .box .content table.type1 > tbody > tr > td > sup, #subpage.governance1 > .contents > .section2 .box .content table.type1 > tbody > tr > td > span > sup { vertical-align: top; font-size: 10px; } #subpage.governance1 > .contents > .section2 .box .content table.type1 > tbody > tr > td:nth-of-type(1) { width: 184px; } #subpage.governance1 > .contents > .section2 .box .content table.type1 > tbody > tr > td:nth-of-type(2) { width: 181px; } #subpage.governance1 > .contents > .section2 .box .content table.type1 > tbody > tr > td:nth-of-type(3) { width: 185px; } #subpage.governance1 > .contents > .section2 .box .content table.type1 > tbody > tr > td:nth-of-type(4) { width: 179px; } /* 지배구조 평가 > 모범규준과의 차이내역 공시 */ #subpage.governance1 > .contents > .section3 .box .content table.type1 > tbody > tr > td:nth-of-type(1) { text-align: left; font-weight: 700; color: #000; width: 490px; } #subpage.governance1 > .contents > .section3 .box .content table.type1 > tbody > tr > td:nth-of-type(2) { color: #008233; font-weight: 600; font-family: 'Pretendard'; width: 97px; } #subpage.governance1 > .contents > .section3 .box .content table.type1 > tbody > tr > td:nth-of-type(2) > span { color: #444; } #subpage.governance1 > .contents > .section3 .box .content table.type1 > tbody > tr > td:nth-of-type(3) { text-align: left; padding-left: 20px; box-sizing: border-box; } /* 이사회 */ #subpage.governance2 > .contents > .section > p { font-size: 30px; font-weight: 800; letter-spacing: -0.64px; display: flex; justify-content: space-between; align-items: center; } #subpage.governance2 > .contents > .section > table { margin-top: 40px; } #subpage.governance2 > .contents > .section1 > table > tbody > tr > th{ text-align: left; } #subpage.governance2 > .contents > .section1 > table > tbody > tr > td { text-align: left; padding-left: 45px; box-sizing: border-box; color: #000; font-weight: 700; } #subpage.governance2 > .contents > .section~.section { margin-top: 95px; } #subpage.governance2 > .contents > .section2 > table > tbody > tr > th { font-weight: 700; color: #000; text-align: left; } #subpage.governance2 > .contents > .section3 > table > tbody > tr > th { font-weight: 700; color: #000; text-align: left; } #subpage.governance2 > .contents > .section3 > table > tbody > tr > th, #subpage.governance2 > .contents > .section3 > table > tbody > tr > td:nth-of-type(2) { padding-left: 20px; box-sizing: border-box; } #subpage.governance2 > .contents > .section3 > table > tbody > tr > td:nth-of-type(2) { text-align: left; } #subpage.governance2 > .contents > .section3 > table > thead > tr > th:nth-of-type(4), #subpage.governance2 > .contents > .section3 > table > tbody > tr > td:nth-of-type(3) { padding-left: 20px; } #subpage.governance2 > .contents > .section3 > table > tbody > tr > td a { margin: 0 auto; } /* 감사기구 */ #subpage.governance4 > .contents > .section > p { font-size: 30px; font-weight: 800; letter-spacing: -0.64px; display: flex; justify-content: space-between; align-items: center; } #subpage.governance4 > .contents > .section > table { margin-top: 40px; } #subpage.governance4 > .contents > .section~.section { margin-top: 95px; } #subpage.governance4 > .contents > .section > table > tbody > tr > th { font-weight: 700; color: #000; } /* 신용등급 */ #subpage.governance5 > .contents > .section > p { font-size: 30px; font-weight: 800; letter-spacing: -0.64px; display: flex; justify-content: space-between; align-items: center; } #subpage.governance5 > .contents > .section > table { margin-top: 40px; } #subpage.governance5 > .contents > .section~.section { margin-top: 95px; } #subpage.governance5 > .contents > .section1 > table > tbody > tr > td:last-child { font-weight: 700; color: #000; } #subpage.governance5 > .contents > .section2 > table > tbody > tr > th { font-weight: 700; color: #000; } #subpage.governance5 > .contents > .section2 > table > tbody > tr > td:nth-of-type(1) { text-align: left; } #subpage.governance5 > .contents > .section2 > table > tbody > tr > td:nth-of-type(1) > span { display: inline-block; width: 100px; padding-left: 40px; margin-right: 11px; box-sizing: border-box; font-weight: 700; color: #000; } #subpage.governance5 > .contents > .section2 > table > tbody > tr > td:nth-of-type(2) { padding-left: 40px; text-align: left; } #subpage.governance5 > .contents > .section2 > table > tbody > tr~tr > th { border-bottom: 1px solid #000; } /* 계열사 현황 */ #subpage.governance6 > .contents > .section > p:nth-of-type(1) { font-size: 30px; font-weight: 800; letter-spacing: -0.64px; width: 580px; line-height: 101px; border: 1px solid #000; box-sizing: border-box; border-radius: 6px; margin: 0 auto; text-align: center; } #subpage.governance6 > .contents > .section > p:nth-of-type(2) { text-align: center; } #subpage.governance6 > .contents > .section > ul { display: flex; justify-content: space-between; margin-top: 10px; } #subpage.governance6 > .contents > .section > ul > li { width: 249px; height: 236px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; } #subpage.governance6 > .contents > .section > ul > li > div { width: 100%; height: 160px; border-bottom: 1px solid #dcdfe0; box-sizing: border-box; text-align: center; padding: 45px 0 0; } #subpage.governance6 > .contents > .section > ul > li > div > p:nth-of-type(1) { font-size: 18px; font-weight: 800; letter-spacing: -0.34px; line-height: 26px; } #subpage.governance6 > .contents > .section > ul > li > div > p:nth-of-type(2) { font-size: 18px; font-weight: 500; letter-spacing: -0.34px; color: #888; margin-top: 7px; } #subpage.governance6 > .contents > .section > ul > li > p { font-size: 36px; font-weight: 800; letter-spacing: -0.72px; display: flex; justify-content: center; align-items: center; height: 74px; padding-bottom: 3px; box-sizing: border-box; border-radius: 0 0 6px 6px; } #subpage.governance6 > .contents > .section > ul > li:nth-of-type(2) { position: relative; } #subpage.governance6 > .contents > .section > ul > li:nth-of-type(2)::before { content: ''; position: absolute; left: -41px; top: 137px; width: 41px; height: 1px; background: #000; } #subpage.governance6 > .contents > .section > ul > li:nth-of-type(2) > p { background: #f6f6f6; } /* 주요주주현황 */ #subpage.stock2 > .contents > .section > p { font-size: 18px; font-weight: 500; letter-spacing: -0.17px; color: #000; } #subpage.stock2 > .contents > .section table.type1 { margin-top: 40px; } #subpage.stock2 > .contents > .section table.type1 > tbody th, #subpage.stock2 > .contents > .section table.type1 > tfoot th { font-weight: 700; color: #000; } /* 배당현황 */ #subpage.stock3 > .contents > .section .box .content > p { font-size: 13px; font-weight: 500; letter-spacing: -0.13px; color: #666; margin-top: 35px; } #subpage.stock3 > .contents > .section .box .content table.type1 { margin-top: 0; } #subpage.stock3 > .contents > .section .box .content table.type1 > thead > tr > th~th { font-weight: 700; color: #000; } #subpage.stock3 > .contents > .section .box .content table.type1 > tbody th { font-weight: 700; color: #000; text-align: left; padding-left: 20px; box-sizing: border-box; } #subpage.stock3 > .contents > .section2 { margin-top: 140px; } /* 주주총회 의결권 */ #subpage.stock4 > .contents > .section > p { font-size: 30px; font-weight: 800; letter-spacing: -0.64px; display: flex; justify-content: space-between; align-items: flex-end; } #subpage.stock4 > .contents > .section > p > span { font-size: 13px; letter-spacing: -0.13px; color: #666; font-weight: 400; } #subpage.stock4 > .contents > .section > table.type1 { margin-top: 40px; } #subpage.stock4 > .contents > .section > table.type1 > thead {} #subpage.stock4 > .contents > .section > table.type1 > thead > tr > th { height: 48px; line-height: 22px; } #subpage.stock4 > .contents > .section > table.type1 > thead > tr > th~th { border-left: 1px solid #e2e2e2; } #subpage.stock4 > .contents > .section > table.type1 > thead > tr~tr > th { border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; } #subpage.stock4 > .contents > .section > table.type1 > tbody > tr > th { border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; padding-left: 20px; box-sizing: border-box; text-align: left; font-weight: 700; color: #000; } #subpage.stock4 > .contents > .section > table.type1 > tbody > tr > td~td { border-left: 1px solid #e2e2e2; } /* 채용 정보 */ #subpage.talent > .contents > .section .box .content > p:nth-of-type(1) { width: 100%; height: 300px; background: url('../img/sub/talent-bn.png') center no-repeat; display: flex; flex-direction: column; padding: 80px 0 0 366px; box-sizing: border-box; font-size: 22px; font-weight: 700; letter-spacing: -0.48px; line-height: 28px; } #subpage.talent > .contents > .section .box .content > p:nth-of-type(1) > span { font-size: 12px; line-height: 1; letter-spacing: -0.24px; color: #666; margin-top: 25px; font-weight: 400; } #subpage.talent > .contents > .section .box .content > p:nth-of-type(2) { font-size: 18px; line-height: 28px; letter-spacing: -0.34px; color: #333; margin: 60px 0 0; font-weight: 500; } #subpage.talent > .contents > .section .box .content > ul { display: flex; margin-top: 60px; } #subpage.talent > .contents > .section .box .content > ul > li {} #subpage.talent > .contents > .section .box .content > ul > li:nth-of-type(2) { margin: 0 78px 0 70px; } #subpage.talent > .contents > .section .box .content > ul > li > p:nth-of-type(1) { width: 66px; height: 66px; display: flex; align-items: flex-end; } #subpage.talent > .contents > .section .box .content > ul > li > p:nth-of-type(2) { margin-top: 35px; font-size: 18px; font-weight: 800; letter-spacing: -0.4px; line-height: 28px; } #subpage.talent > .contents > .section .box .content > ul > li > p:nth-of-type(3) { margin-top: 15px; font-size: 16px; font-weight: 500; letter-spacing: -0.15px; line-height: 25px; color: #48535a; } /* SNS */ #subpage > .contents > .section .box .aside {} #subpage > .contents > .section .box .aside > p { font-size: 18px; letter-spacing: -0.4px; line-height: 30px; color: #444; } #subpage.sns > .contents > .section .box .content .banner { width: 100%; position: relative; height: 120px; } #subpage.sns > .contents > .section .box .content .banner > p { position: absolute; left: 0; top: 0; width: calc( 914px + ((100vw - 1404px) / 2) ); height: inherit; background: #5f6364; border-radius: 10px 0 0 10px; overflow: hidden; } #subpage.sns > .contents > .section .box .content .banner > p { background: #000b0f; } #subpage.sns > .contents > .section .box .content .youtube { width: 914px; height: 514px; background: #ccc; margin-top: 40px; border-radius: 10px; overflow: hidden; } #subpage.sns > .contents > .section .box .content .subject { font-size: 32px; font-weight: 700; letter-spacing: -0.68px; margin-top: 53px; word-break: keep-all; line-height: 48px; } #subpage.sns > .contents > .section .box .content .date { font-size: 18px; font-weight: 300; color: #9ca3a7; margin-top: 28px; } #subpage.sns > .contents > .section2 { margin-top: 140px; } #subpage.sns > .contents > .section2 .box .content .list { margin-top: 33px; } #subpage.sns > .contents > .section2 .box .content .list > dl { padding: 35px 0; } #subpage.sns > .contents > .section2 .box .content .list > dl~dl { border-top: 1px solid #dcdfe0; } #subpage.sns > .contents > .section2 .box .content .list > dl > dt { font-size: 22px; font-weight: 700; letter-spacing: -0.48px; } #subpage.sns > .contents > .section2 .box .content .list > dl > dd, #subpage.sns > .contents > .section2 .box .content .list > dl > dd > a { font-size: 18px; letter-spacing: -0.34px; line-height: 28px; word-break: keep-all; margin-top: 20px; } #subpage.sns > .contents > .section3 { margin-top: 140px; } /* 지속가능경영 */ #subpage.esg1 > .contents > .section .box .aside { border-top: 2px solid #000; } #subpage.esg1 > .contents > .section1 .box .content > div:nth-of-type(1) { width: 100%; height: 300px; background: url('../img/sub/esg1-bn.png') center no-repeat; display: flex; flex-direction: column; padding: 80px 0 0 392px; box-sizing: border-box; } #subpage.esg1 > .contents > .section1 .box .content > div:nth-of-type(1) > p:nth-of-type(1) { font-size: 22px; font-weight: 700; letter-spacing: -0.48px; line-height: 34px; color: #fff; } #subpage.esg1 > .contents > .section1 .box .content > div:nth-of-type(1) > p:nth-of-type(2) { font-size: 15px; color: #666; letter-spacing: -0.28px; margin-top: 20px; line-height: 24px; } #subpage.esg1 > .contents > .section1 .box .content > div:nth-of-type(2) { margin-top: 60px; } #subpage.esg1 > .contents > .section1 .box .content > div:nth-of-type(2) > p { font-size: 30px; font-weight: 800; letter-spacing: -0.64px; } #subpage.esg1 > .contents > .section1 .box .content > div:nth-of-type(2) > dl { display: flex; border-bottom: 1px solid #dcdfe0; width: 100%; } #subpage.esg1 > .contents > .section1 .box .content > div:nth-of-type(2) > dl:nth-of-type(1) { margin-top: 44px; border-top: 1px solid #dcdfe0; } #subpage.esg1 > .contents > .section1 .box .content > div:nth-of-type(2) > dl > dt { width: 55px; height: 57px; margin-top: 40px; display: flex; justify-content: flex-end; align-items: flex-end; } #subpage.esg1 > .contents > .section1 .box .content > div:nth-of-type(2) > dl > dd { padding: 44px 0 40px 52px; } #subpage.esg1 > .contents > .section1 .box .content > div:nth-of-type(2) > dl > dd > p:nth-of-type(1) { font-size: 20px; font-weight: 800; letter-spacing: -0.4px; } #subpage.esg1 > .contents > .section1 .box .content > div:nth-of-type(2) > dl > dd > p:nth-of-type(2) { font-size: 18px; font-weight: 500; letter-spacing: -0.34px; color: #008233; margin-top: 16px; } #subpage.esg1 > .contents > .section1 .box .content > div:nth-of-type(2) > dl > dd > p:nth-of-type(3) { font-size: 18px; font-weight: 500; letter-spacing: -0.34px; color: #48535a; line-height: 28px; margin-top: 20px; } #subpage.esg1 > .contents > .section2 .content > p { font-size: 30px; letter-spacing: -0.64; font-weight: 800; } #subpage.esg1 > .contents > .section2 .content > ul+p { margin-top: 60px; } #subpage.esg1 > .contents > .section2 .content > ul { display: flex; flex-wrap: wrap; padding-bottom: 80px; border-bottom: 1px solid #dcdfe0; } #subpage.esg1 > .contents > .section2 .content > ul > li { width: 278px; flex: 0 0 auto; margin-top: 40px; } #subpage.esg1 > .contents > .section2 .content > ul > li:nth-child(3n-1) { margin-left: 40px; margin-right: 40px; } #subpage.esg1 > .contents > .section2 .content > ul > li:nth-child(n+4) { margin-top: 50px; } #subpage.esg1 > .contents > .section2 .content > ul > li > p:nth-of-type(1) { width: 70px; height: 70px; display: flex; align-items: flex-end; } #subpage.esg1 > .contents > .section2 .content > ul > li > p:nth-of-type(2) { font-size: 18px; font-weight: 600; letter-spacing: -0.34px; margin-top: 30px; line-height: 25px; word-break: keep-all; } #subpage.esg1 > .contents > .section2 .content > ul > li > p:nth-of-type(3) { font-size: 13px; font-weight: 400; letter-spacing: -0.13px; line-height: 21px; color: #999; word-break: keep-all; margin-top: 10px; } #subpage.esg1 > .contents > .section2 .content > ul.graph { display: flex; flex-wrap: wrap; padding-bottom: 0; border-bottom: 0 solid #dcdfe0; } #subpage.esg1 > .contents > .section2 .content > ul.graph > li { width: 278px; flex: 0 0 auto; margin-top: 45px; } #subpage.esg1 > .contents > .section2 .content > ul.graph > li:nth-child(3n-1) { margin-left: 40px; margin-right: 40px; } #subpage.esg1 > .contents > .section2 .content > ul.graph > li:nth-child(n+4) { margin-top: 60px; } #subpage.esg1 > .contents > .section2 .content > ul.graph > li > p:nth-of-type(1) { font-size: 18px; font-weight: 600; letter-spacing: -0.2px; width: 100%; height: auto; display: block; line-height: 1.2; } #subpage.esg1 > .contents > .section2 .content > ul.graph > li > p:nth-of-type(2) { font-size: 13px; font-weight: 400; letter-spacing: -0.13px; color: #999; word-break: keep-all; margin-top: 14px; line-height: 1; display: flex; align-items: center; } #subpage.esg1 > .contents > .section2 .content > ul.graph > li > p:nth-of-type(2).mgb { margin-bottom: 41px; } #subpage.esg1 > .contents > .section2 .content > ul.graph > li > p:nth-of-type(2).mgb2 { margin-bottom: 33px; } #subpage.esg1 > .contents > .section2 .content > ul.graph > li > p:nth-of-type(2) > span { padding-left: 17px; position: relative; } #subpage.esg1 > .contents > .section2 .content > ul.graph > li > p:nth-of-type(2) > span::before { content: ''; position: absolute; left: 0; top: 3px; width: 8px; height: 8px; background: #008233; } #subpage.esg1 > .contents > .section2 .content > ul.graph > li > p:nth-of-type(2) > span~span { margin-left: 30px; } #subpage.esg1 > .contents > .section2 .content > ul.graph > li > p:nth-of-type(2) > span~span::before { background: #9ca3a7; } #subpage.esg1 > .contents > .section2 .content > ul.graph > li > p:nth-of-type(3) { margin-top: 20px; } #subpage.esg1 > .contents > .section3 .content {} #subpage.esg1 > .contents > .section3 .content > p:nth-of-type(1) { font-size: 22px; font-weight: 800; line-height: 32px; letter-spacing: -0.48px; word-break: keep-all; } #subpage.esg1 > .contents > .section3 .content > p:nth-of-type(2) { font-size: 18px; font-weight: 500; line-height: 28px; letter-spacing: -0.34px; color: #333; word-break: keep-all; margin-top: 18px; } #subpage.esg1 > .contents > .section3 .content > .gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px 40px; margin-top: 80px; } #subpage.esg1 > .contents > .section3 .content > .gallery > li { width: 278px; } #subpage.esg1 > .contents > .section3 .content > .gallery > li > a > p:nth-of-type(1) { width: 100%; height: 394px; overflow: hidden; background: #fff; } #subpage.esg1 > .contents > .section3 .content > .gallery > li > a > p:nth-of-type(1) > img { width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0.75; } #subpage.esg1 > .contents > .section3 .content > .gallery > li > a > p:nth-of-type(2) { font-size: 18px; font-weight: 700; line-height: 30px; letter-spacing: -0.4px; word-break: keep-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 30px; } #subpage.esg1 > .contents > .section3 .content > .gallery > li > a:hover > p:nth-of-type(1) > img { opacity: 1; } #subpage.esg1 > .contents > .section3 .content > .gallery > li > a:hover > p:nth-of-type(2) { text-decoration: #000 1px underline; text-underline-position: under; } #subpage.esg1 > .contents > .section3 .content > .gallery > li > p { font-size: 16px; font-weight: 350; letter-spacing: -0.3px; color: #9ca3a7; margin-top: 25px; } #subpage.esg1 > .contents > .section3 .content > .gallery > li.empty { text-align: center !important; padding-top: 0 !important; border-bottom: 0; grid-column: 1 / 5; grid-row: 1 / 2; width: 100%; } #subpage.esg1 > .contents > .section3 .content > .gallery > li.empty > p:nth-of-type(1) { font-size: 30px; font-weight: 800; letter-spacing: -0.32px; color: #000; } #subpage.esg1 > .contents > .section3 .content > .gallery > li.empty > p:nth-of-type(2) { font-size: 18px; letter-spacing: -0.17px; color: #333; margin-top: 21px; } #subpage.esg1 > .contents > .section3 .content > hr { height: 1px; background: #000; margin: 100px 0 0px; } /* 안전보건환경경영 */ #subpage.esg2 > .contents > .section .box .aside { border-top: 2px solid #000; } #subpage.esg2 > .contents > .section .box .content > div:nth-of-type(1) { width: 100%; height: 300px; background: url('../img/sub/esg2-bn.png') center no-repeat; background-size: contain; display: flex; flex-direction: column; padding: 90px 0 0 510px; box-sizing: border-box; } #subpage.esg2 > .contents > .section .box .content > div:nth-of-type(1) > p:nth-of-type(1) { font-size: 24px; font-weight: 800; letter-spacing: -0.48px; line-height: 28px; } #subpage.esg2 > .contents > .section .box .content > div:nth-of-type(1) > p:nth-of-type(2) { font-size: 20px; color: #000; letter-spacing: -0.24px; margin-top: 20px;font-weight: 600; } #subpage.esg2 > .contents > .section .box .content > div:nth-of-type(1) > p:nth-of-type(3) { font-size: 12px; color: #666; letter-spacing: -0.24px; margin-top: 20px; line-height: 28px; font-weight: 500; } #subpage.esg2 > .contents > .section .box .content > dl { padding: 60px 0 0; } #subpage.esg2 > .contents > .section .box .content > dl:nth-of-type(1) { padding-bottom: 80px; border-bottom: 1px solid #dcdfe0; } #subpage.esg2 > .contents > .section .box .content > dl > dt { font-size: 30px; font-weight: 800; letter-spacing: -0.64px; } #subpage.esg2 > .contents > .section .box .content > dl > dd { font-size: 18px; font-weight: 500; letter-spacing: -0.34px; line-height: 28px; color: #333; margin: 15px 0 0; word-break: keep-all; } #subpage.esg2 > .contents > .section .box .content > dl > dd~dd { margin-top: 35px; } #subpage.esg2 > .contents > .section .box .content > ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 60px 0 80px; border-bottom: 1px solid #dcdfe0; } #subpage.esg2 > .contents > .section .box .content > ul > li { display: flex; flex-direction: column; } #subpage.esg2 > .contents > .section .box .content > ul > li:nth-child(2n+1) { width: 423px; } #subpage.esg2 > .contents > .section .box .content > ul > li:nth-child(2n) { width: 447px; } #subpage.esg2 > .contents > .section .box .content > ul > li:nth-child(n+3) { margin-top: 60px; } #subpage.esg2 > .contents > .section .box .content > ul > li > p:nth-of-type(1) { width: 81px; height: 65px; display: flex; align-items: flex-end; } #subpage.esg2 > .contents > .section .box .content > ul > li > p:nth-of-type(2) { font-size: 18px; font-weight: 800; letter-spacing: -0.4px; margin-top: 30px; line-height: 22px; } #subpage.esg2 > .contents > .section .box .content > ul > li > p:nth-of-type(3) { font-size: 16px; font-weight: 500; letter-spacing: -0.15px; line-height: 25px; color: #48535a; margin-top: 20px; word-break: keep-all; } #subpage.esg2 > .contents > .section .box .content > ul.policy { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 60px 0 0px; border-bottom: 0px solid #dcdfe0; } #subpage.esg2 > .contents > .section .box .content > ul.policy > li { display: flex; flex-direction: column; border: 1px solid #dcdfe0; border-radius: 10px; } #subpage.esg2 > .contents > .section .box .content > ul.policy > li > p:nth-of-type(1) { width: 423px; height: 593px; display: flex; align-items: flex-end; } #subpage.esg2 > .contents > .section .box .content > ul.policy > li > p > img { width: 423px; } #subpage.esg2 > .contents > .section .box .content > ul.policy > li:nth-child(2n+1) { width: 423px; } #subpage.esg2 > .contents > .section .box .content > ul.policy > li:nth-child(2n) { width: 423px; } #subpage.esg2 > .contents > .section .box .content > div:nth-of-type(2) { margin-top: 60px; padding: 0 0 80px; border-bottom: 1px solid #dcdfe0; } #subpage.esg2 > .contents > .section .box .content > div:nth-of-type(2) > p:nth-of-type(1) { font-size: 30px; font-weight: 800; letter-spacing: -0.64px; } #subpage.esg2 > .contents > .section .box .content > div:nth-of-type(2) > p:nth-of-type(2) { font-size: 18px; font-weight: 500; letter-spacing: -0.34px; line-height: 28px; color: #333; margin: 15px 0 0; word-break: keep-all; } #subpage.esg2 > .contents > .section .box .content > div:nth-of-type(2) > p:nth-of-type(3) { width: 100%; height: 250px; background: url('../img/sub/esg2-bn2.png') center no-repeat; display: flex; flex-direction: column; padding: 148px 0 0 70px; box-sizing: border-box; margin-top: 40px; } #subpage.esg2 > .contents > .section .box .content > div:nth-of-type(2) > p:nth-of-type(3) > a { display: block; width: 440px; height: 57px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; padding-left: 22px; font-size: 18px; font-weight: 600; background: url('../img/common/icon-more-arrow-black.png') 94% center no-repeat; line-height: 53px; } /* 가치경영 */ #subpage.esg3 > .contents > .section .box .aside { border-top: 2px solid #000; } #subpage.esg3 > .contents > .section .box .content {} #subpage.esg3 > .contents > .section .box .content > p:nth-of-type(1) { font-size: 30px; font-weight: 800; letter-spacing: -0.64px; } #subpage.esg3 > .contents > .section .box .content > div+p:nth-of-type(1) { margin-top: 60px; } #subpage.esg3 > .contents > .section .box .content > p:nth-of-type(2) { font-size: 18px; font-weight: 500; letter-spacing: -0.34px; line-height: 28px; color: #333; margin-top: 15px; word-break: keep-all; } #subpage.esg3 > .contents > .section .box .content > dl { display: flex; border-bottom: 1px solid #dcdfe0; } #subpage.esg3 > .contents > .section .box .content > dl:nth-of-type(1) { margin-top: 60px; border-top: 1px solid #dcdfe0; } #subpage.esg3 > .contents > .section .box .content > dl > dt { width: 63px; height: 62px; margin-right: 48px; margin-top: 40px; flex: 0 0 auto; } #subpage.esg3 > .contents > .section .box .content > dl > dd { padding: 45px 0 40px; } /* #subpage.esg3 > .contents > .section .box .content > dl > dd > p { text-transform: uppercase; } */ #subpage.esg3 > .contents > .section .box .content > dl > dd > p:nth-of-type(1) { font-size: 20px; font-weight: 800; letter-spacing: -0.4px; line-height: 22px; } #subpage.esg3 > .contents > .section .box .content > dl > dd > p:nth-of-type(2), #subpage.esg3 > .contents > .section .box .content > dl > dd > p:nth-of-type(3) { font-size: 18px; font-weight: 500; letter-spacing: -0.34px; margin-top: 13px; color: #48535a; line-height: 28px; word-break: keep-all; } #subpage.esg3 > .contents > .section .box .content > dl > dd > p.color { color: #008233; } #subpage.esg3 > .contents > .section .box .content > dl > dd > p.color+p { margin-top: 25px; } #subpage.esg3 > .contents > .section3 .box .aside {} #subpage.esg3 > .contents > .section3 .box .aside .aside-btn { display: flex; width: 100%; height: 67px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; justify-content: space-between; align-items: center; padding: 0 20px; } #subpage.esg3 > .contents > .section3 .box .aside .aside-btn > div { display: flex; align-items: center; } #subpage.esg3 > .contents > .section3 .box .aside .aside-btn:nth-of-type(1) { margin-top: 34px; } #subpage.esg3 > .contents > .section3 .box .aside .aside-btn:nth-of-type(1) > p { font-size: 18px; font-weight: 800; text-transform: none; line-height: 22px; } #subpage.esg3 > .contents > .section3 .box .aside .aside-btn:nth-of-type(1) > div { font-weight: 500; font-size: 18px; } #subpage.esg3 > .contents > .section3 .box .aside .aside-btn:nth-of-type(1) > div > span { margin-top: 5px; margin-right: 9px; } #subpage.esg3 > .contents > .section3 .box .aside .aside-btn:nth-of-type(2) { margin-top: 20px; } #subpage.esg3 > .contents > .section3 .box .aside .aside-btn:nth-of-type(2) > p { width: 70px; height: 36px; border-radius: 6px; border: 1px solid rgba(0,0,0,0.2); box-sizing: border-box; cursor: pointer; display: flex; justify-content: center; align-items: center; font-size: 15px; font-weight: 700; color: #999; text-transform: none; line-height: 34px; } #subpage.esg3 > .contents > .section3 .box .aside .aside-btn:nth-of-type(2) > p:hover { border: 1px solid rgba(0,0,0,1); color: #000; } #subpage.esg3 > .contents > .section3 .box .aside .aside-btn:nth-of-type(2) > div { font-weight: 500; font-size: 18px; text-transform: none; } #subpage.esg3 > .contents > .section3 .box .aside .aside-btn:nth-of-type(2) > div > span { margin-right: 10px; margin-top: 2px; } #subpage.esg3 > .contents > .section4 .box .content > dl.gal { display: block; border-top: 1px solid #dcdfe0; border-bottom: 0 solid #dcdfe0; padding: 45px 0 80px; } #subpage.esg3 > .contents > .section4 .box .content > dl.gal:last-child { padding-bottom: 0; } #subpage.esg3 > .contents > .section4 .box .content > dl.gal:nth-of-type(1) { margin-top: 80px; } #subpage.esg3 > .contents > .section4 .box .content > dl.gal > dt { width: 100%; height: auto; margin-right: 0; margin-top: 0; font-size: 30px; font-weight: 800; letter-spacing: -0.64px; } #subpage.esg3 > .contents > .section4 .box .content > dl.gal > dd { padding: 0; display: flex; justify-content: space-between; margin-top: 40px; flex-wrap: wrap; } #subpage.esg3 > .contents > .section4 .box .content > dl.gal > dd > div { width: 424px; } #subpage.esg3 > .contents > .section4 .box .content > dl.gal > dd > div:nth-child(n+3) { margin-top: 60px; } #subpage.esg3 > .contents > .section4 .box .content > dl.gal > dd > div > p:nth-of-type(1) { width: 100%; height: 260px; border-radius: 6px; overflow: hidden; } #subpage.esg3 > .contents > .section4 .box .content > dl.gal > dd > div > p:nth-of-type(2) { margin-top: 40px; font-size: 20px; font-weight: 700; letter-spacing: -0.48px; line-height: 28px; } #subpage.esg3 > .contents > .section4 .box .content > dl.gal > dd > div > p:nth-of-type(3) { margin-top: 20px; font-size: 16px; font-weight: 500; letter-spacing: -0.3px; line-height: 27px; color: #444; word-break: keep-all; } /* 윤리경영 */ #subpage.esg4 > .contents > .section~.section { margin-top: 140px; } #subpage.esg4 > .contents > .section .box .aside { border-top: 2px solid #000; text-transform: none; } #subpage.esg4 > .contents > .section .box .aside .link-btn~.link-btn { margin-top: 20px; } #subpage.esg4 > .contents > .section .title {} #subpage.esg4 > .contents > .section1 .box .content {} #subpage.esg4 > .contents > .section1 .box .content > dl { padding: 60px 0 80px; } #subpage.esg4 > .contents > .section1 .box .content > dl~dl { border-top: 1px solid #dcdfe0; } #subpage.esg4 > .contents > .section1 .box .content > dl:last-child { padding-bottom: 0; } #subpage.esg4 > .contents > .section1 .box .content > dl > dt { font-size: 30px; letter-spacing: -0.64px; font-weight: 800; } #subpage.esg4 > .contents > .section1 .box .content > dl > dd { font-size: 18px; font-weight: 500; letter-spacing: -0.34px; color: #333; line-height: 28px; margin-top: 15px; word-break: keep-all; } #subpage.esg4 > .contents > .section1 .box .content > dl > dd > div { display: flex; } #subpage.esg4 > .contents > .section1 .box .content > dl > dd > div > span { width: 25px; flex: 0 0 auto; } #subpage.esg4 > .contents > .section1 .box .content > dl > dd > ul { display: flex; flex-wrap: wrap; } #subpage.esg4 > .contents > .section1 .box .content > dl > dd > ul > li { width: 467px; margin-top: 33px; } #subpage.esg4 > .contents > .section1 .box .content > dl > dd > ul > li:nth-child(n+3) { margin-top: 60px; } #subpage.esg4 > .contents > .section1 .box .content > dl > dd > ul > li:nth-child(2n) { width: 447px; } #subpage.esg4 > .contents > .section1 .box .content > dl > dd > ul > li > p:nth-of-type(1) { width: 80px; height: 67px; } #subpage.esg4 > .contents > .section1 .box .content > dl > dd > ul > li > p:nth-of-type(2) { margin-top: 35px; line-height: 1; font-size: 18px; font-weight: 800; letter-spacing: -0.4px; color: #000; } #subpage.esg4 > .contents > .section1 .box .content > dl > dd > ul > li > p:nth-of-type(3) { margin-top: 15px; line-height: 25px; font-size: 16px; font-weight: 500; letter-spacing: -0.15px; color: #48535a; } #subpage.esg4 > .contents > .section2 .box .content pre { width: 914px; white-space: pre-wrap; word-break: keep-all; font-size: 18px; line-height: 28px; letter-spacing: -0.34px; color: #333; font-weight: 500; } #subpage.esg4 > .contents > .section3 .box .aside .aside-btn { display: flex; width: 100%; height: 67px; border: 1px solid #000; border-radius: 6px; box-sizing: border-box; justify-content: space-between; align-items: center; padding: 0 20px; margin-top: 30px; } #subpage.esg4 > .contents > .section3 .box .aside .aside-btn > p { font-size: 18px; font-weight: 800; } #subpage.esg4 > .contents > .section3 .box .aside .aside-btn > div { display: flex; align-items: center; font-weight: 500; font-size: 18px; } #subpage.esg4 > .contents > .section3 .box .aside .aside-btn > div > span { margin-top: 5px; margin-right: 9px; } #subpage.esg4 > .contents > .section3 .box .content {} #subpage.esg4 > .contents > .section3 .box .content > dl {} #subpage.esg4 > .contents > .section3 .box .content > dl~dl { border-top: 1px solid #dcdfe0; padding-top: 44px; margin-top: 44px; } #subpage.esg4 > .contents > .section3 .box .content > dl > dt { font-size: 22px; font-weight: 700; letter-spacing: -0.48px; } #subpage.esg4 > .contents > .section3 .box .content > dl > dd { font-size: 18px; font-weight: 500; letter-spacing: -0.34px; line-height: 28px; color: #333; margin-top: 16px; word-break: keep-all; } /* 인권경영 */ #subpage.esg5 > .contents > .section .box .aside { border-top: 2px solid #000; text-transform: uppercase; } #subpage.esg5 > .contents > .section1 .box .content pre { width: 914px; white-space: pre-wrap; word-break: keep-all; font-size: 18px; line-height: 28px; letter-spacing: -0.34px; color: #333; font-weight: 500; margin-top: 60px; } #subpage.esg5 > .contents > .section1 .box .content .sign { margin-top: 38px; } #subpage.esg5 > .contents > .section2 .box .content h3+pre { margin-top: 45px; } #subpage.esg5 > .contents > .section2 .box .content > div { width: 100%; border-radius: 10px; border: 1px solid #e2e2e2; box-sizing: border-box; background: #fafafa; margin-top: 40px; font-size: 16px; line-height: 26px; letter-spacing: -0.15px; color: #48535a; padding: 40px; } #subpage.esg5 > .contents > .section2 .box .content > div > p { font-size: 18px; font-weight: 800; line-height: 1; letter-spacing: -0.4px; color: #000; margin-bottom: 20px; } #subpage.esg5 > .contents > .section3 .box .content > ul.type2+ul { margin-top: 30px; } #subpage.esg5 > .contents > .section4 .content { display: flex; margin-top: 35px; justify-content: space-between; } #subpage.esg5 > .contents > .section4 .content > p { width: 150px; height: 135px; border-radius: 6px; border: 1px solid #000; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; line-height: 28px; letter-spacing: -0.34px; position: relative; text-align: center;} #subpage.esg5 > .contents > .section4 .content > p::after { content: ''; position: absolute; right: -42px; top: calc(50% -1px); width: 42px; height: 1px; background: #000; } #subpage.esg5 > .contents > .section4 .content > p > span { color: #888; font-weight: 500; text-align: center; line-height: 22px; font-size: 14px; } #subpage.esg5 > .contents > .section4 .content > div { width: 1024px; } #subpage.esg5 > .contents > .section4 .content > div > div:nth-of-type(1) { width: 100%; height: 135px; border-radius: 6px; border: 1px solid #000; box-sizing: border-box; overflow: hidden; } #subpage.esg5 > .contents > .section4 .content > div > div:nth-of-type(1) > p { width: 100%; height: 67px; border-bottom: 1px solid #dcdfe0; box-sizing: border-box; text-align: center; line-height: 68px; font-size: 18px; font-weight: 800; letter-spacing: -0.34px; } #subpage.esg5 > .contents > .section4 .content > div > div:nth-of-type(1) > ul { display: flex; } #subpage.esg5 > .contents > .section4 .content > div > div:nth-of-type(1) > ul > li { flex: 1 1 auto; height: 66px; width: 100%; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 400; color: #888; letter-spacing: -0.34px; text-align: center; } #subpage.esg5 > .contents > .section4 .content > div > div:nth-of-type(1) > ul > li~li { border-left: 1px solid #dcdfe0; } #subpage.esg5 > .contents > .section4 .content > div > div:nth-of-type(1) > ul > li:nth-of-type(1) { width: 255px; flex: 0 0 auto; background: #f6f6f6; font-weight: 900; color: #000; } #subpage.esg5 > .contents > .section4 .content > div > div:nth-of-type(1) > ul > li:last-of-type { padding-bottom: 10px; box-sizing: border-box; } #subpage.esg5 > .contents > .section4 .content > div > div:nth-of-type(2) { width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #000; box-sizing: border-box; margin-top: 40px; display: flex; justify-content: space-between; position: relative; } #subpage.esg5 > .contents > .section4 .content > div > div:nth-of-type(2)::after { content: ''; position: absolute; top: -41px; left: 206px; width: 1px; height: 40px; background: #000; } #subpage.esg5 > .contents > .section4 .content > div > div:nth-of-type(2) > ul { width: 173px; } #subpage.esg5 > .contents > .section4 .content > div > div:nth-of-type(2) > ul > li { height: 66px; width: 100%; display: flex; box-sizing: border-box; justify-content: center; align-items: center; font-size: 16px; font-weight: 500; letter-spacing: -0.8px; color: #000; border-bottom: 1px solid #dcdfe0; } #subpage.esg5 > .contents > .section4 .content > div > div:nth-of-type(2) > ul > li:nth-of-type(3) { border-bottom: 1px solid #dcdfe0; } /* 온라인 A/S 신청 */ #subpage.as {} #subpage.as .contents {} #subpage.as .contents span.star { color: #008233; font-weight: 700; } #subpage.as .contents > .inner-wrap > p { font-size: 13px; letter-spacing: -0.13px; color: #666; padding: 80px 0 40px; } #subpage.as .contents .section1 { border-top: 2px solid #000; } #subpage.as .contents .section1 > dl { display: flex; width: 100%; min-height: 75px; border-bottom: 1px solid #e2e2e2; } #subpage.as .contents .section1 > dl.line { border-bottom: 1px solid #b2b2b2; } #subpage.as .contents .section1 > dl:last-of-type { border-bottom: 1px solid #000; } #subpage.as .contents .section1 > dl > dt { width: 295px; height: 75px; display: flex; align-items: center; font-size: 18px; font-weight: 700; letter-spacing: -0.17px; flex: 0 0 auto; } #subpage.as .contents .section1 > dl > dd { display: flex; align-items: center; } #subpage.as .contents .section1 > dl > dd input[type=text] { width: 680px; height: 48px; border: 1px solid #bfbfbf; box-sizing: border-box; border-radius: 4px; outline: none; padding: 0 15px; font-size: 16px; letter-spacing: -0.15px; color: #000; font-weight: 500; } #subpage.as .contents .section1 > dl > dd input[type=text]::placeholder { color: rgba(0,0,0,0.45); } #subpage.as .contents .section1 > dl > dd select { width: 680px; height: 48px; border: 1px solid #bfbfbf; box-sizing: border-box; border-radius: 4px; outline: none; padding: 0 15px; font-size: 16px; letter-spacing: -0.15px; color: #000; font-weight: 500; color: rgba(0,0,0,0.45); background: url('../img/common/icon-select-arrow.png') 97% center no-repeat #fff; } #subpage.as .contents .section1 > dl > dd select.active { color: #000; } #subpage.as .contents .section1 > dl > dd .btn { width: 117px; line-height: 47px; border: 1px solid #000; border-radius: 6px; font-size: 15px; font-weight: 700; letter-spacing: -0.28px; text-align: center; cursor: pointer; } #subpage.as .contents .section1 > dl > dd.file { display: flex; justify-content: space-between; width: 680px; align-items: flex-start; padding: 14px 0; flex-wrap: wrap; } #subpage.as .contents .section1 > dl > dd.file > p > input { width: 543px; } #subpage.as .contents .section1 > dl > dd.file > div > input[type=file] { display: none; } #subpage.as .contents .section1 > dl > dd.file > div > label { display: block; } #subpage.as .contents .section1 > dl > dd.file > span { margin-left: 10px; } #subpage.as .contents .section1 > dl > dd.file > p.txt { margin-top: 10px; } #subpage.as .contents .section1 > dl > dd.address { display: flex; padding: 14px 0; flex-wrap: wrap; justify-content: space-between; width: 680px; } #subpage.as .contents .section1 > dl > dd.address > p~p { margin-top: 14px; } #subpage.as .contents .section1 > dl > dd.address > p.half { width: 333px; } #subpage.as .contents .section1 > dl > dd.address > p.half input { width: 100%; } #subpage.as .contents .section1 > dl > dd.email { display: flex; flex-direction: column; padding: 14px 0; align-items: flex-start; } #subpage.as .contents .section1 > dl > dd.email > p~p { margin-top: 14px; } #subpage.as .contents .section1 > dl > dd.email > p:nth-of-type(1) > input[type=text] { width: 680px; } #subpage.as .contents .section1 > dl > dd:nth-of-type(2) { align-items: flex-start; padding: 14px; } #subpage.as .contents .section1 > dl > dd:nth-of-type(2) > span { width: 180px; } #subpage.as .contents .section1 > dl > dd.textarea { padding: 14px 0; } #subpage.as .contents .section1 > dl > dd.textarea textarea { width: 680px; height: 200px; border: 1px solid #bfbfbf; border-radius: 4px; outline: none; padding: 15px; box-sizing: border-box; font-size: 16px; letter-spacing: -0.15px; font-weight: 500; } #subpage.as .contents .section1 > dl > dd.textarea textarea::placeholder { color: rgba(0,0,0,0.45); } #subpage.as .contents .section1 > dl > dd.privacy { width: 100%; display: block; padding: 14px 0 26px; } #subpage.as .contents .section1 > dl > dd.privacy textarea { width: 100%; height: 275px; } #subpage.as .contents .section1 > dl > dd.privacy .agree-wrap { margin-top: 30px; display: flex; align-items: center; } #subpage.as .contents .section1 > dl > dd.privacy .agree-wrap > input { width: 20px; height: 20px; border: 1px solid #c5c5c5; } #subpage.as .contents .section1 > dl > dd.privacy .agree-wrap > label { font-size: 16px; color: #666; letter-spacing: -0.15px; margin-left: 10px; } #subpage.as .contents .section1 .btn-wrap { display: flex; margin-top: 60px; justify-content: center; } #subpage.as .contents .section1 .btn-wrap input, #subpage.as .contents .section1 .btn-wrap p { width: 220px; line-height: 69px; text-align: center; border: 1px solid #000; box-sizing: border-box; margin: 0 10px; border-radius: 6px; font-size: 18px; font-weight: 700; color: #fff; background: #000; cursor: pointer; } #subpage.as .contents .section1 .btn-wrap p { background: #fff; color: #000; } #subpage.as .contents .section2 { width: 100%; height: 140px; border-radius: 10px; background: #fafafa; border: 1px solid #e2e2e2; box-sizing: border-box; margin-top: 80px; padding: 41px; } #subpage.as .contents .section2 > p:nth-of-type(1) { font-size: 16px; letter-spacing: -0.4px; font-weight: 500; margin-bottom: 15px; } #subpage.as .contents .section2 > p:nth-of-type(2), #subpage.as .contents .section2 > p:nth-of-type(3) { font-size: 16px; line-height: 26px; letter-spacing: -0.15px; color: #333; font-weight: 500; } #subpage.as .contents .section2 > p > span { font-weight: 700; color: #008233; } /* 검색결과 페이지 */ #subpage.search > .title { display: block; } #subpage.search > .title> .left .sch-key { width: 100%; height: 80px; border-radius: 6px; background: #f6f6f6; margin-top: 80px; padding: 0 30px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; } #subpage.search > .title> .left .sch-key > ul { display: flex; } #subpage.search > .title> .left .sch-key > ul > li { font-size: 30px; font-weight: 500; letter-spacing: -0.64px; display: flex; align-items: center; } #subpage.search > .title> .left .sch-key > ul > li~li { margin-left: 30px; } #subpage.search > .title> .left .sch-key > ul > li > span { margin-left: 12px; padding-top: 3px; cursor: pointer; } #subpage.search > .title> .left .sch-key input[type=text] { background: transparent; border: 0; font-size: 30px; letter-spacing: -0.64px; font-weight: 500; } #subpage.search > .title> .left .sch-key input[type=image] { background: transparent; } #subpage.search .result-tab-wrap { width: 100%; border-bottom: 1px solid #dcdfe0; margin-top: 15px; } #subpage.search .result-tab-wrap > ul { display: flex; } #subpage.search .result-tab-wrap > ul > li {} #subpage.search .result-tab-wrap > ul > li~li { margin-left: 60px; } #subpage.search .result-tab-wrap > ul > li > a { display: flex; height: 85px; align-items: center; font-size: 18px; font-weight: 500; color: #999; } #subpage.search .result-tab-wrap > ul > li > a.on { color: #000; position: relative; } #subpage.search .result-tab-wrap > ul > li > a.on::after { content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #000; } #subpage.search .result-tab-wrap > ul > li > a > span { font-weight: 400; line-height: 32px; text-align: center; padding: 0 13px; border-radius: 16px; background: rgba(0,0,0,0.15); color: #333; margin-left: 8px; } #subpage.search .contents .section { width: 100%; position: relative; } #subpage.search .contents .section:first-of-type { margin-top: 80px; } #subpage.search .contents .section~.section { margin-top: 140px; } #subpage.search .contents .section.empty { text-align: center; } #subpage.search .contents .section.empty > p:nth-of-type(1) { font-size: 30px; font-weight: 800; letter-spacing: -0.32px; } #subpage.search .contents .section.empty > p:nth-of-type(2) { font-size: 18px; letter-spacing: -0.17px; color: #333; margin-top: 20px; } #subpage.search .contents .section .title { border-bottom: 2px solid #000; padding-bottom: 45px; } #subpage.search .contents .section .title > p:nth-of-type(1) { font-size: 42px; font-weight: 800; letter-spacing: -0.86px; } #subpage.search .contents .section .title > p:nth-of-type(1) > span { color: #008233; } #subpage.search .contents .section .title .tab { display: flex; margin-top: 60px; } #subpage.search .contents .section .title .tab > li { font-size: 18px; letter-spacing: -0.17px; position: relative; cursor: pointer; } #subpage.search .contents .section .title .tab > li.on { color: #fff; } #subpage.search .contents .section .title .tab > li.on::after { content: ''; position: absolute; left: -25px; top: -15px; width: calc(100% + 50px); height: 50px; border-radius: 25px; background: #000; z-index: -1; } #subpage.search .contents .section .title .tab > li > span { font-weight: 900; } #subpage.search .contents .section .title .tab > li~li { margin-left: 50px; } #subpage.search .contents .section .list {} #subpage.search .contents .section .list > dl { border-bottom: 1px solid #e2e2e2; padding: 45px 0; } #subpage.search .contents .section .list > dl.empty { padding: 80px 0; text-align: center; font-size: 18px; line-height: 26px; letter-spacing: -0.17px; color: #48535a; } #subpage.search .contents .section .list > dl > dt { font-size: 22px; font-weight: 700; letter-spacing: -0.48px; } #subpage.search .contents .section .list > dl > dt+dd.content { font-size: 18px; line-height: 26px; letter-spacing: -0.17px; color: #48535a; word-break: keep-all; margin-top: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } #subpage.search .contents .section .list > dl > dd.date { font-size: 16px; font-weight: 300; color: #9ca3a7; margin-top: 25px; } #subpage.search .contents .section .list .more { display: flex; justify-content: center; align-items: center; width: 100%; height: 80px; border: 1px solid #e2e2e2; border-top: 0; border-radius: 0 0 6px 6px; box-sizing: border-box; background: #fafafa; font-size: 18px; font-weight: 500; } #subpage.search .contents .section.education .list .more { border-top: 1px solid #e2e2e2; margin-top: 50px; } #subpage.search .contents .section .list .more img { margin-left: 13px; margin-top: 3px; } /* 검색결과 게시판 */ #subpage.search .contents .section .list > table { width: 100%; border-spacing: 0; border-collapse: collapse; } #subpage.search .contents .section .list > table > thead {} #subpage.search .contents .section .list > table > thead > tr > th { font-size: 16px; color: #999; letter-spacing: -0.15px; height: 75px; vertical-align: middle; } #subpage.search .contents .section .list > table > tbody > tr > td { height: 75px; text-align: center; vertical-align: middle; font-size: 18px; letter-spacing: -0.17px; color: #444; border-top: 1px solid #e2e2e2; } #subpage.search .contents .section .list > table > tbody > tr:last-child > td { border-bottom: 1px solid #e2e2e2; } #subpage.search .contents .section .list > table > tbody > tr > td.empty { text-align: center !important; padding: 80px 0 !important; font-weight: normal !important; } #subpage.search .contents .section .list > table > tbody > tr > td.empty > span { font-size: 18px; line-height: 26px; letter-spacing: -0.17px; color: #48535a; } #subpage.search .contents .section.download > .list > table > thead > tr > th { padding: 0; margin: 0; } #subpage.search .contents .section.download > .list > table > thead > tr > th:nth-of-type(1) { width: 180px; } #subpage.search .contents .section.download > .list > table > thead > tr > th:nth-of-type(2) { width: auto; } #subpage.search .contents .section.download > .list > table > thead > tr > th:nth-of-type(3) { width: 194px; } #subpage.search .contents .section.download > .list > table > thead > tr > th:nth-of-type(4) { width: 194px; } #subpage.search .contents .section.download > .list > table > thead > tr > th:nth-of-type(5) { width: 194px; } #subpage.search .contents .section.download > .list > table > thead > tr > th:nth-of-type(6) { width: 70px; padding-left: 30px; } #subpage.search .contents .section.download > .list > table > tbody > tr > td:nth-of-type(1) { text-align: left; } #subpage.search .contents .section.download > .list > table > tbody > tr > td:nth-of-type(1) > p { padding-left: 63px; height: 100%; box-sizing: border-box; position: relative; display: flex; align-items: center; } #subpage.search .contents .section.download > .list > table > tbody > tr > td:nth-of-type(1) > p::after { content: ''; position: absolute; left: 0; top: 0; width: 63px; height: 100%; background-position: 20px center; background-repeat: no-repeat; } #subpage.search .contents .section.download > .list > table > tbody > tr > td:nth-of-type(1) > p[data-gubun=Catalog]::after { background-image: url('../img/common/icon-download-gubun1.png'); } #subpage.search .contents .section.download > .list > table > tbody > tr > td:nth-of-type(1) > p[data-gubun=Drawing]::after { background-image: url('../img/common/icon-download-gubun2.png'); } #subpage.search .contents .section.download > .list > table > tbody > tr > td:nth-of-type(1) > p[data-gubun=Certificate]::after { background-image: url('../img/common/icon-download-gubun3.png'); } #subpage.search .contents .section.download > .list > table > tbody > tr > td:nth-of-type(1) > p[data-gubun=User-Guide]::after { background-image: url('../img/common/icon-download-gubun4.png'); } #subpage.search .contents .section.download > .list > table > tbody > tr > td:nth-of-type(1) > p[data-gubun=Technical-Data]::after { background-image: url('../img/common/icon-download-gubun5.png'); } #subpage.search .contents .section.download > .list > table > tbody > tr > td:nth-of-type(2) { padding-left: 40px; box-sizing: border-box; text-align: left; font-weight: 700; } #subpage.search .contents .section.download > .list > table > tbody > tr > td:nth-of-type(6) { padding-left: 30px; } #subpage.search .contents .section.download > .list > table > tbody > tr > td:nth-of-type(6) > a { width: 70px; height: 36px; border: 1px solid rgba(0,0,0,0.2); border-radius: 6px; display: flex; justify-content: center; align-items: center; } #subpage.search .contents .section.download > .list > table > tbody > tr > td:nth-of-type(6) > a:hover { border: 1px solid #000; } #subpage.search .contents .section.manager > .list > table > thead > tr > th:nth-of-type(1) { width: 310px; } #subpage.search .contents .section.manager > .list > table > thead > tr > th:nth-of-type(2) { width: 118px; } #subpage.search .contents .section.manager > .list > table > thead > tr > th:nth-of-type(3) { width: 135px; } #subpage.search .contents .section.manager > .list > table > thead > tr > th:nth-of-type(4) { width: 222px; } #subpage.search .contents .section.manager > .list > table > thead > tr > th:nth-of-type(5) { width: 190px; } #subpage.search .contents .section.manager > .list > table > tbody > tr > td { padding: 0; text-align: center; font-weight: normal; } #subpage.search .contents .section.manager > .list > table > tbody > tr > td:nth-of-type(1) { font-weight: 700; color: #000; text-align: left; line-height: 24px; } #subpage.search .contents .section.manager > .list > table > tbody > tr > td:nth-of-type(2) { word-break: keep-all; line-height: 24px; } #subpage.search .contents .section.manager > .list > table > tbody > tr > td:nth-of-type(3), #subpage.search .contents .section.manager > .list > table > tbody > tr > td:nth-of-type(4) { text-align: left; padding-left: 20px; box-sizing: border-box; } #subpage.search .contents .section.manager > .list > table > tbody > tr > td .copy-wrap { width: 100%; display: flex; justify-content: space-between; padding-left: 40px; box-sizing: border-box; align-items: center; } #subpage.search .contents .section.manager > .list > table > tbody > tr > td .copy-wrap > span { width: 70px; line-height: 36px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; font-size: 15px; font-weight: 700; color: #999; text-align: center; cursor: pointer; } #subpage.search .contents .section.manager > .list > table > tbody > tr > td .copy-wrap > span:hover { border: 1px solid #000; color: #000; } #subpage.search .contents .section.education > .list > ul.gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 60px 40px; margin-top: 60px; } #subpage.search .contents .section.education > .list > ul.gallery > li { width: 321px; } #subpage.search .contents .section.education > .list > ul.gallery > li > a > p:nth-of-type(1) { width: 100%; height: 180px; background: url('../img/sub/newsList-img-default.png') center/cover no-repeat; border-radius: 10px; overflow: hidden; } #subpage.search .contents .section.education > .list > ul.gallery > li > a > p:nth-of-type(1) > img { width: 100%; height: 100%; object-fit: cover; object-position: center; } #subpage.search .contents .section.education > .list > ul.gallery > li > a > p:nth-of-type(2) { font-size: 22px; font-weight: 500; line-height: 34px; letter-spacing: -0.48px; word-break: keep-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; margin-top: 30px; } #subpage.search .contents .section.education > .list > ul.gallery > li > p { font-size: 16px; font-weight: 350; letter-spacing: -0.3px; color: #9ca3a7; margin-top: 30px; } #subpage.search .contents .section.education > .list > hr { height: 1px; background: #000; margin: 100px 0 0px; } #subpage.search .contents .section.education > .list > ul.gallery > li.empty { text-align: center !important; padding-top: 0 !important; border-bottom: 0; grid-column: 1 / 5; grid-row: 1 / 2; width: 100%; } #subpage.search .contents .section.education > .list > ul.gallery > li.empty span { font-size: 18px; line-height: 26px; letter-spacing: -0.17px; color: #48535a; } #layer-bg.active.search { background: rgba(0,0,0,0.9); z-index: 999; justify-content: center; align-items: center; } #layer-bg.active.search > div { width: 1405px; height: 789px; border-radius: 10px; overflow: hidden; } #layer-bg.active.search > div > iframe { width: 100%; height: 100%; } #layer-bg.active.search .close { position: absolute; right: 50px; top: 50px; cursor: pointer; } /* 개인정보처리방침 */ #subpage.privacy > .contents > .inner-wrap { padding-top: 80px; word-break: keep-all; } #subpage.privacy > .contents > .inner-wrap > p, #subpage.privacy > .contents > .inner-wrap > .section > p, #subpage.privacy > .contents > .inner-wrap > .section > pre { font-size: 18px; line-height: 28px; letter-spacing: -0.34px; color: #333; font-weight: 500; margin-top: 20px; width: 100%; white-space: pre-wrap; } #subpage.privacy > .contents > .inner-wrap h3 { font-size: 30px; font-weight: 800; letter-spacing: -0.64px; } #subpage.privacy > .contents > .inner-wrap h4 { font-size: 18px; font-weight: 700; letter-spacing: -0.4px; margin-top: 30px; line-height: 30px; } #subpage.privacy > .contents > .inner-wrap > .section { margin-top: 60px; } #subpage.videoPolicy table { width: 100%; border-spacing: 0; border-collapse: collapse; border-top: 2px solid #000; margin-top: 30px; } #subpage.videoPolicy table > thead {} #subpage.videoPolicy table > thead > tr > th { font-size: 16px; color: #999; letter-spacing: -0.15px; height: 75px; vertical-align: middle; } #subpage.videoPolicy table > tbody > tr > td { height: 75px; text-align: center; vertical-align: middle; font-size: 18px; letter-spacing: -0.17px; color: #444; border-top: 1px solid #e2e2e2; } #subpage.videoPolicy table > tbody > tr:first-child > td { border-top: 1px solid #b2b2b2; } #subpage.videoPolicy table > tbody > tr:last-child > td { border-bottom: 1px solid #e2e2e2; } #subpage.videoPolicy table > tbody > tr > td.empty { text-align: center !important; padding: 80px 0 !important; font-weight: normal !important; } #subpage.videoPolicy table > tbody > tr > td.empty > span { font-size: 18px; line-height: 26px; letter-spacing: -0.17px; color: #48535a; } /* 사업영역 */ #subpage.biz {} #subpage.biz .contents {} #subpage.biz .contents > .section > .exp { font-size: 18px; line-height: 32px; letter-spacing: -0.17px; color: #444; margin-top: 52px !important; font-weight: 500; } #subpage.biz .contents > .section .sub-title { margin-top: 100px; } #subpage.biz .contents > .section .sub-title > p:nth-of-type(1) { font-size: 22px; font-weight: 900; letter-spacing: -0.48px; } #subpage.biz .contents > .section .sub-title > hr { width: 100%; height: 1px; margin-top: 30px; background: #b2b2b2; } #subpage.biz .contents > .section .sub-title > p:nth-of-type(2) { font-size: 18px; font-weight: 500; letter-spacing: -0.17px; color: #444; margin-top: 22px; } #subpage.biz .contents > .section dl.type-exp {} #subpage.biz .contents > .section dl.type-exp > dt { font-size: 22px; font-weight: 900; letter-spacing: -0.48px; padding-bottom: 30px; border-bottom: 1px solid #b2b2b2; } #subpage.biz .contents > .section dl.type-exp > dd { border-bottom: 1px solid #e2e2e2; padding: 17px 0; font-size: 18px; line-height: 32px; letter-spacing: -0.17px; color: #444; font-weight: 500; } #subpage.biz .contents > .section ul.type-thumb { width: 100%; } #subpage.biz .contents > .section .exp+ul.type-thumb { margin-top: 52px; } #subpage.biz .contents > .section .sub-title+ul.type-thumb { margin-top: 100px; } #subpage.biz .contents > .section ul.type-thumb > li { display: flex; justify-content: space-between; } #subpage.biz .contents > .section ul.type-thumb > li~li { margin-top: 100px; } #subpage.biz .contents > .section ul.type-thumb > li > p { width: 636px; height: 477px; border-radius: 10px; overflow: hidden; background: #f9f9f9; } #subpage.biz .contents > .section ul.type-thumb > li > dl { width: 702px; } #subpage.biz .contents > .section ul.type-thumb > li > dl > dt { font-size: 22px; font-weight: 900; letter-spacing: -0.48px; } #subpage.biz .contents > .section ul.type-thumb > li > dl > dd { margin-top: 32px; border-top: 1px solid #b2b2b2; font-size: 18px; line-height: 28px; letter-spacing: -0.17px; color: #444; padding: 17px 0 0; word-break: keep-all; font-weight: 400; } #subpage.biz .contents > .section ul.type-thumb > li > dl > dd > strong { font-weight: 700; } #subpage.biz .contents > .section ul.type-thumb > li > div { width: 702px; } #subpage.biz .contents > .section ul.type-thumb > li table { width: 100%; border-spacing: 0; border-collapse: collapse; } #subpage.biz .contents > .section ul.type-thumb > li table caption { text-align: left; font-size: 22px; font-weight: 900; letter-spacing: -0.48px; margin-bottom: 30px; } #subpage.biz .contents > .section ul.type-thumb > li table tbody { border-top: 1px solid #b2b2b2; } #subpage.biz .contents > .section ul.type-thumb > li table tbody tr th, #subpage.biz .contents > .section ul.type-thumb > li table tbody tr td { border-bottom: 1px solid #e2e2e2; height: 65px; text-align: left; vertical-align: middle; font-size: 18px; font-weight: 500; letter-spacing: -0.4px; color: #444; line-height: 1.1; } #subpage.biz .contents > .section ul.type-thumb > li table tbody tr th { color: #000; font-weight: 600; } #subpage.biz .contents > .section ul.type-thumb > li table tbody tr.not th, #subpage.biz .contents > .section ul.type-thumb > li table tbody tr.not td { border-bottom: 0; } #subpage.biz .contents > .section ul.type-thumb > li table tbody tr.multiLine th { vertical-align: top; padding-top: 24px; } #subpage.biz .contents > .section ul.type-thumb > li table tbody tr.multiLine td { line-height: 28px; padding-top: 18px; } #subpage.biz .contents > .section ul.type-thumb > li dl.type1 { width: 100%; } #subpage.biz .contents > .section ul.type-thumb > li dl.type1 dt { font-size: 22px; font-weight: 900; letter-spacing: -0.48px; color: #000; } #subpage.biz .contents > .section ul.type-thumb > li dl.type1 dd { margin-top: 28px; display: flex; align-items: flex-start; line-height: 32px; border-top: 1px solid #b2b2b2; padding: 17px 0; font-size: 18px; letter-spacing: -0.17px; color: #444; font-weight: 500; } #subpage.biz .contents > .section ul.type-thumb > li dl.type1 dd~dd { border-top: 1px solid #e2e2e2; margin-top: 0; } #subpage.biz .contents > .section ul.type-thumb > li dl.type1 dd > p { font-weight: 700; color: #000; flex: 0 0 auto; width: 64px; } #subpage.biz .contents > .section ul.type-thumb > li dl.type1 dd > p+div { margin-left: 60px; } #subpage.biz .contents > .section ul.type-thumb > li dl.type1 dd > div .lts { letter-spacing: -0.4px; } #subpage.biz.marine3 .contents > .section ul.type-thumb > li dl.type1 dd > p+div { margin-left: 80px; } #subpage.biz.marine3 .contents > .section ul.type-thumb > li dl.type1 dd:last-child { border-bottom: 1px solid #e2e2e2; } #subpage.biz .contents > .section .title+*, #subpage.biz .contents > .photo .title+* { margin-top: 60px; } #subpage.biz .contents > .standard, #subpage.biz .contents > .photo { margin-top: 140px; } #subpage.biz .contents > .standard {} #subpage.biz .contents > .standard > ul { display: flex; flex-wrap: wrap; padding: 0 8px; width: 100%; box-sizing: border-box; } #subpage.biz .contents > .standard > ul > li { margin-left: 19px; margin-top: 60px; } #subpage.biz .contents > .standard > ul > li:nth-child(10n+1) { margin-left: 0; } #subpage.biz .contents > .standard > ul > li > p { width: 110px; height: 70px; background-position: center; background-repeat: no-repeat; background-color: rgba(0,0,0,0); } #subpage.biz .contents > .standard > ul > li > span { text-align: center; font-size: 16px; display: block; letter-spacing: -0.15px; color: #9ca3a7; margin-top: 14px; line-height: 26px; } #subpage.biz .contents > .standard > p { font-size: 18px; font-weight: 800; letter-spacing: -0.4px; margin-top: 75px; text-transform: uppercase; } #subpage.biz .contents > .standard > p+ul > li { margin-top: 30px; } #subpage.biz .contents > .standard > ul > li[data-id='ABS'] > p { background-image: url('../img/sub/standard/ABS.png'); } #subpage.biz .contents > .standard > ul > li[data-id='ANSI'] > p { background-image: url('../img/sub/standard/ANSI.png'); } #subpage.biz .contents > .standard > ul > li[data-id='AS2374'] > p { background-image: url('../img/sub/standard/AS2374.png'); } #subpage.biz .contents > .standard > ul > li[data-id='ATEX'] > p { background-image: url('../img/sub/standard/ATEX.png'); } #subpage.biz .contents > .standard > ul > li[data-id='BASEEFA'] > p { background-image: url('../img/sub/standard/BASEEFA.png'); } #subpage.biz .contents > .standard > ul > li[data-id='BS'] > p { background-image: url('../img/sub/standard/BS.png'); } #subpage.biz .contents > .standard > ul > li[data-id='BV'] > p { background-image: url('../img/sub/standard/BV.png'); } #subpage.biz .contents > .standard > ul > li[data-id='CCOE'] > p { background-image: url('../img/sub/standard/CCOE.png'); } #subpage.biz .contents > .standard > ul > li[data-id='CCS'] > p { background-image: url('../img/sub/standard/CCS.png'); } #subpage.biz .contents > .standard > ul > li[data-id='CE'] > p { background-image: url('../img/sub/standard/CE.png'); } #subpage.biz .contents > .standard > ul > li[data-id='CESI'] > p { background-image: url('../img/sub/standard/CESI.png'); } #subpage.biz .contents > .standard > ul > li[data-id='CSA'] > p { background-image: url('../img/sub/standard/CSA.png'); } #subpage.biz .contents > .standard > ul > li[data-id='CSA-C88-M90'] > p { background-image: url('../img/sub/standard/CSA.png'); } #subpage.biz .contents > .standard > ul > li[data-id='DEKRA'] > p { background-image: url('../img/sub/standard/DEKRA.png'); } #subpage.biz .contents > .standard > ul > li[data-id='DIN'] > p { background-image: url('../img/sub/standard/DIN.png'); } #subpage.biz .contents > .standard > ul > li[data-id='DNV'] > p { background-image: url('../img/sub/standard/DNV.png'); } #subpage.biz .contents > .standard > ul > li[data-id='EAC'] > p { background-image: url('../img/sub/standard/EAC.png'); } #subpage.biz .contents > .standard > ul > li[data-id='TRCU'] > p { background-image: url('../img/sub/standard/EAC.png'); } #subpage.biz .contents > .standard > ul > li[data-id='ES'] > p { background-image: url('../img/sub/standard/ES.png'); } #subpage.biz .contents > .standard > ul > li[data-id='ES140'] > p { background-image: url('../img/sub/standard/ES140.png'); } #subpage.biz .contents > .standard > ul > li[data-id='GL'] > p { background-image: url('../img/sub/standard/GL.png'); } #subpage.biz .contents > .standard > ul > li[data-id='GOST'] > p { background-image: url('../img/sub/standard/GOST.png'); } #subpage.biz .contents > .standard > ul > li[data-id='IEC'] > p { background-image: url('../img/sub/standard/IEC.png'); } #subpage.biz .contents > .standard > ul > li[data-id='IEC60076'] > p { background-image: url('../img/sub/standard/IEC.png'); } #subpage.biz .contents > .standard > ul > li[data-id='IECEX'] > p { background-image: url('../img/sub/standard/IECEX.png'); } #subpage.biz .contents > .standard > ul > li[data-id='IEEE'] > p { background-image: url('../img/sub/standard/IEEE.png'); } #subpage.biz .contents > .standard > ul > li[data-id='INTERTEK'] > p { background-image: url('../img/sub/standard/INTERTEK.png'); } #subpage.biz .contents > .standard > ul > li[data-id='IRS'] > p { background-image: url('../img/sub/standard/IRS.png'); } #subpage.biz .contents > .standard > ul > li[data-id='IS'] > p { background-image: url('../img/sub/standard/IS.png'); } #subpage.biz .contents > .standard > ul > li[data-id='ISO'] > p { background-image: url('../img/sub/standard/ISO.png'); } #subpage.biz .contents > .standard > ul > li[data-id='JEC'] > p { background-image: url('../img/sub/standard/JEC.png'); } #subpage.biz .contents > .standard > ul > li[data-id='JEC2200'] > p { background-image: url('../img/sub/standard/JEC.png'); } #subpage.biz .contents > .standard > ul > li[data-id='KAS'] > p { background-image: url('../img/sub/standard/KAS.png'); } #subpage.biz .contents > .standard > ul > li[data-id='KC'] > p { background-image: url('../img/sub/standard/KC.png'); } #subpage.biz .contents > .standard > ul > li[data-id='KEMA'] > p { background-image: url('../img/sub/standard/KEMA.png'); } #subpage.biz .contents > .standard > ul > li[data-id='KEPIC'] > p { background-image: url('../img/sub/standard/KEPIC.png'); } #subpage.biz .contents > .standard > ul > li[data-id='KERI'] > p { background-image: url('../img/sub/standard/KERI.png'); } #subpage.biz .contents > .standard > ul > li[data-id='KGS'] > p { background-image: url('../img/sub/standard/KGS.png'); } #subpage.biz .contents > .standard > ul > li[data-id='KOSHA'] > p { background-image: url('../img/sub/standard/KOSHA.png'); } #subpage.biz .contents > .standard > ul > li[data-id='KR'] > p { background-image: url('../img/sub/standard/KR.png'); } #subpage.biz .contents > .standard > ul > li[data-id='KS'] > p { background-image: url('../img/sub/standard/KS.png'); } #subpage.biz .contents > .standard > ul > li[data-id='LAPEM'] > p { background-image: url('../img/sub/standard/LAPEM.png'); } #subpage.biz .contents > .standard > ul > li[data-id='LR'] > p { background-image: url('../img/sub/standard/LR.png'); } #subpage.biz .contents > .standard > ul > li[data-id='MELCO'] > p { background-image: url('../img/sub/standard/MELCO.png'); } #subpage.biz .contents > .standard > ul > li[data-id='NEMA'] > p { background-image: url('../img/sub/standard/NEMA.png'); } #subpage.biz .contents > .standard > ul > li[data-id='NEMA-TR1'] > p { background-image: url('../img/sub/standard/NEMA.png'); } #subpage.biz .contents > .standard > ul > li[data-id='NK'] > p { background-image: url('../img/sub/standard/NK.png'); } #subpage.biz .contents > .standard > ul > li[data-id='OHSAS18000'] > p { background-image: url('../img/sub/standard/OHSAS18000.png'); } #subpage.biz .contents > .standard > ul > li[data-id='PTB'] > p { background-image: url('../img/sub/standard/PTB.png'); } #subpage.biz .contents > .standard > ul > li[data-id='RINA'] > p { background-image: url('../img/sub/standard/RINA.png'); } #subpage.biz .contents > .standard > ul > li[data-id='RMRS'] > p { background-image: url('../img/sub/standard/RMRS.png'); } #subpage.biz .contents > .standard > ul > li[data-id='RS'] > p { background-image: url('../img/sub/standard/RMRS.png'); } #subpage.biz .contents > .standard > ul > li[data-id='SIRIM'] > p { background-image: url('../img/sub/standard/SIRIM.png'); } #subpage.biz .contents > .standard > ul > li[data-id='SNI'] > p { background-image: url('../img/sub/standard/SNI.png'); } #subpage.biz .contents > .standard > ul > li[data-id='TISI'] > p { background-image: url('../img/sub/standard/TISI.png'); } #subpage.biz .contents > .standard > ul > li[data-id='UL'] > p { background-image: url('../img/sub/standard/UL.png'); } #subpage.biz .contents > .standard > ul > li[data-id='UL2'] > p { background-image: url('../img/sub/standard/UL2.png'); background-size: contain;} #subpage.biz .contents > .standard > ul > li[data-id='V-CHECK'] > p { background-image: url('../img/sub/standard/V-CHECK.png'); } #subpage.biz .contents > .photo > ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px 66px; } #subpage.biz .contents > .photo > ul > li { width: 424px; } #subpage.biz .contents > .photo > ul > li > p:nth-of-type(1) { width: 100%; height: 320px; border-radius: 10px; box-sizing: border-box; overflow: hidden; } #subpage.biz .contents > .photo > ul > li > p:nth-of-type(2) { margin-top: 21px; font-size: 18px; font-weight: 500; letter-spacing: -0.34px; line-height: 26px; color: #333; } #subpage.biz .contents > .photo > ul > li.merge { width: 914px; } #subpage.biz .contents > .photo > ul > li.merge > p:nth-of-type(1) { height: 747px; width: 100%; } #subpage.biz.product2 .subtop > div > .inner-wrap { padding-top: 182px; } #subpage.biz.product5 .subtop > div > .inner-wrap { padding-top: 182px; } #subpage.biz.product6 .subtop > div > .inner-wrap { padding-top: 182px; } #subpage.biz.product7 .subtop > div > .inner-wrap { padding-top: 182px; } #subpage.biz.product8 .subtop > div > .inner-wrap { padding-top: 182px; } #subpage.biz.product8 .contents > .section ul.type-thumb > li dl.type1 dd > p { width: 94px; } #subpage.biz.product8 .contents > .section ul.type-thumb > li dl.type1 dd > div > p { position: relative; padding-left: 14px; } #subpage.biz.product8 .contents > .section ul.type-thumb > li dl.type1 dd > div > p::after { content: ''; position: absolute; left: 0; top: 14px; width: 4px; height: 4px; background: #333; border-radius: 4px; } #subpage.biz.marine2 .subtop > div > .inner-wrap { padding-top: 182px; } #subpage.biz.marine2 .subtop > div > .inner-wrap > .content { margin-top: 40px; } #subpage.biz.marine2 .subtop > div > .inner-wrap > .content > hr { margin: 30px 0 30px; } #subpage.biz.marine2 .subtop > div > .inner-wrap > .content > ul.type-btn { margin-top: 36px; } #subpage.biz.marine3 .subtop > div > .inner-wrap { padding-top: 182px; } #subpage.biz.marine3 .subtop > div > .inner-wrap > .content { margin-top: 40px; } #subpage.biz.marine3 .subtop > div > .inner-wrap > .content > hr { margin: 30px 0 30px; } #subpage.biz.marine3 .subtop > div > .inner-wrap > .content > ul.type-btn { margin-top: 36px; } #subpage.biz.product1 .contents > .photo > ul > li.merge { grid-column: 1/3; grid-row: 3/5; } #subpage.biz.product2 .contents > .photo > ul > li.merge { grid-column: 2/4; grid-row: 1/3; } #subpage.biz.product3 .contents > .photo > ul > li.merge { grid-column: 1/3; grid-row: 1/3; } #subpage.biz.product6 .contents > .photo > ul > li.merge { grid-column: 2/4; grid-row: 1/3; } #subpage.biz.product8 .contents > .photo > ul > li.merge { grid-column: 1/3; grid-row: 1/3; } #subpage.biz.marine2 .contents > .photo > ul > li.merge { grid-column: 2/4; grid-row: 1/3; } #subpage.biz.product2 .contents > .photo > ul { gap: 51px 66px; } #subpage.biz.product3 .contents > .photo > ul > li.merge > p:nth-of-type(1), #subpage.biz.product6 .contents > .photo > ul > li.merge > p:nth-of-type(1) { height: 700px; } #subpage.biz.product8 .contents > .photo > ul { gap: 51px 66px; } #subpage.biz.marine2 .contents > .photo > ul { gap: 51px 66px; } #subpage.biz.product5 .contents .section7 > table { border-spacing: 0; border-collapse: collapse; width: 100%; } #subpage.biz.product5 .contents .section7 > table caption { text-align: left; font-size: 22px; font-weight: 900; letter-spacing: -0.48px; margin-bottom: 30px; } #subpage.biz.product5 .contents .section7 > table thead { border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; height: 92px; } #subpage.biz.product5 .contents .section7 > table thead th { font-size: 18px; font-weight: 700; letter-spacing: -0.17px; vertical-align: middle; line-height: 20px; } #subpage.biz.product5 .contents .section7 > table thead th~th { border-left: 1px solid #b2b2b2; } #subpage.biz.product5 .contents .section7 > table thead th span { font-weight: 500; } #subpage.biz.product5 .contents .section7 > table thead td { height: 45px; vertical-align: middle; font-size: 16px; letter-spacing: -0.15px; font-weight: 500; text-align: center; border-top: 1px solid #b2b2b2; border-left: 1px solid #b2b2b2; } #subpage.biz.product5 .contents .section7 > table tbody td { height: 66px; font-size: 18px; font-weight: 500; letter-spacing: -0.17px; line-height: 22px; color: #444; text-align: center; vertical-align: middle; padding: 12px; } #subpage.biz.product5 .contents .section7 > table tbody td~td { border-left: 1px solid #e2e2e2; } #subpage.biz.product5 .contents .section7 > table tbody tr { border-bottom: 1px solid #e2e2e2; } #subpage.biz.marine1 .snb-wrap {} /* INTEGRICT */ #subpage.integrict > .contents > .section .title+* { margin-top: 40px; } #subpage.integrict > .contents > .section1 .system+.title, #subpage.integrict > .contents > .section1 .box+.title { margin-top: 140px; } #subpage.integrict > .contents > .section .box .aside { border-top: 2px solid #000; } #subpage.integrict > .contents > .section .box .aside .link-btn { margin-top: 20px; } #subpage.integrict > .contents > .section .box .aside .link-btn:nth-of-type(1) { margin-top: 0; } #subpage.integrict > .contents > .section .box .content {} #subpage.integrict > .contents > .section .box .content > dl.type-txt {} #subpage.integrict > .contents > .section .box .content > dl.type-txt > dt { font-size: 26px; font-weight: 800; letter-spacing: -0.56px; } #subpage.integrict > .contents > .section .box .content > dl.type-txt > dd { font-size: 18px; font-weight: 500; letter-spacing: -0.34px; line-height: 28px; color: #333; margin-top: 34px; word-break: keep-all; } #subpage.integrict > .contents > .section1 .system { position: relative; left: 50%; transform: translate(-50%, 0); width: 1497px; margin-top: 80px; } #subpage.integrict > .contents > .section1 .box .content > dl.type-thumb { padding: 46px 0; border-bottom: 1px solid #dcdfe0; } #subpage.integrict > .contents > .section1 .box .content > dl.type-thumb:first-child { border-top: 1px solid #dcdfe0; } #subpage.integrict > .contents > .section1 .box .content > dl.type-thumb > dt { font-size: 26px; font-weight: 800; letter-spacing: -0.56px; } #subpage.integrict > .contents > .section1 .box .content > dl.type-thumb > dd { display: flex; margin-top: 30px; } #subpage.integrict > .contents > .section1 .box .content > dl.type-thumb > dd > p { width: 424px; height: 260px; background: #e9e9e9; border-radius: 6px; overflow: hidden; } #subpage.integrict > .contents > .section1 .box .content > dl.type-thumb > dd > ul { margin-left: 46px; margin-top: -5px; } #subpage.integrict > .contents > .section1 .box .content > dl.type-thumb > dd > ul > li { font-size: 18px; font-weight: 500; letter-spacing: -0.34px; color: #333; line-height: 28px; padding-left: 14px; position: relative; } #subpage.integrict > .contents > .section1 .box .content > dl.type-thumb > dd > ul > li::before { content: ''; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 5px; background: #333; } #subpage.integrict > .contents > .section2 .system { position: relative; left: 50%; transform: translate(-50%, 0); width: 1410px; margin-top: 80px; } #subpage.integrict > .contents > .section2 > dl { margin-top: 60px; } #subpage.integrict > .contents > .section2 > dl > dt { font-size: 26px; font-weight: 800; letter-spacing: -0.56px; } #subpage.integrict > .contents > .section2 > dl > dd {} #subpage.integrict > .contents > .section2 > dl > dd > ul { display: flex; flex-wrap: wrap; margin-top: 45px; } #subpage.integrict > .contents > .section2 > dl > dd > ul > li { box-sizing: border-box; } #subpage.integrict > .contents > .section2 > dl > dd > ul > li > p:nth-of-type(1) { width: 66px; height: 66px; display: flex; justify-content: center; align-items: center; } #subpage.integrict > .contents > .section2 > dl > dd > ul > li > p:nth-of-type(2) { font-size: 18px; font-weight: 800; letter-spacing: -0.4px; margin-top: 35px; line-height: 22px; } #subpage.integrict > .contents > .section2 > dl > dd > ul > li > p:nth-of-type(3) { font-size: 16px; font-weight: 500; letter-spacing: -0.15px; line-height: 25px; color: #48535a; word-break: keep-all; margin-top: 17px; } #subpage.integrict > .contents > .section2 > dl > dd > ul > li:nth-child(4n+1) { width: 362px; padding-right: 55px; } #subpage.integrict > .contents > .section2 > dl > dd > ul > li:nth-child(4n+2) { width: 362px; padding-right: 55px; } #subpage.integrict > .contents > .section2 > dl > dd > ul > li:nth-child(4n+3) { width: 362px; padding-right: 45px; } #subpage.integrict > .contents > .section2 > dl > dd > ul > li:nth-child(4n) { width: 318px; } #subpage.integrict > .contents > .section2 > dl > dd > ul > li:nth-child(n+5) { margin-top: 60px; } #subpage.integrict > .contents > .section2 > dl > dd > ul > li > p > span { font-size: 13px; letter-spacing: -0.13px; color: #999; margin-top: 7px; display: block; } /* ESS */ #subpage.ess1 {} #subpage.ess1 .subtop > div > .inner-wrap { padding-top: 162px; } #subpage.ess1 .subtop > div > .inner-wrap > .content > ul.type-icon {} #subpage.ess1 .subtop > div > .inner-wrap > .content > ul.type-icon > li { width: 192px; } #subpage.ess1 .subtop > div > .inner-wrap > .content > ul.type-btn { margin-top: 42px; } #subpage.ess1 .scroll-menu-wrap.on { height: 63px; } #subpage.ess1 .scroll-menu.on { height: 63px; border-bottom: 1px solid #dcdfe0; } #subpage.ess1 .contents {} #subpage.ess1 .contents .section1 { display: flex; gap: 60px; } #subpage.ess1 .contents .section1 .title { width: 424px; flex: 0 0 auto; } #subpage.ess1 .contents .section1 .title > p { margin-top: 40px; font-size: 20px; color: #444; line-height: 30px; letter-spacing: -0.15px; word-break: keep-all; } #subpage.ess1 .contents .section1 > ul { flex: 1 1 auto; margin-top: 83px !important; border-top: 1px solid #dcdfe0; border-bottom: 1px solid #dcdfe0; } #subpage.ess1 .contents .section1 > ul > li { padding: 45px 0; display: flex; gap: 45px; } #subpage.ess1 .contents .section1 > ul > li~li { border-top: 1px solid #dcdfe0; } #subpage.ess1 .contents .section1 > ul > li > p { width: 60px; flex: 0 0 auto; } #subpage.ess1 .contents .section1 > ul > li > div {} #subpage.ess1 .contents .section1 > ul > li > div > p { font-size: 20px; color: #000; font-weight: 900; line-height: 20px; letter-spacing: -0.4px; } #subpage.ess1 .contents .section1 > ul > li > div > div { margin-top: 15px; font-size: 16px; font-weight: 500; color: #48535a; line-height: 25px; letter-spacing: -0.15px; } #subpage.ess1 .contents .section1 > ul > li > div > div > p { padding-left: 10px; position: relative; } #subpage.ess1 .contents .section1 > ul > li > div > div > p:before { content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; border-radius: 3px; background: #48535a; } #subpage.ess1 .contents .section2 { margin-top: 140px; } #subpage.ess1 .contents .section2 .type-thumb {} #subpage.ess1 .contents .section2 .type-thumb > li > table {} #subpage.ess1 .contents .section2 .type-thumb > li > table tr:nth-child(2n+1) > td { padding-right: 62px; } #subpage.ess1 .contents .section2 .type-thumb > li > table td { padding: 23px 0; line-height: 27px; } #subpage.ess1 .contents .section2 .type-thumb > li > table td > p { padding-left: 10px; position: relative; line-height: 1.58; } #subpage.ess1 .contents .section2 .type-thumb > li > table td > p:before { content: ''; position: absolute; left: 0; top: 50%; width: 3px; height: 3px; margin-top: -1.5px; border-radius: 3px; background: #48535a; } #subpage.ess1 .contents .photo {} #subpage.ess1 .contents .photo > ul {} #subpage.ess1 .contents .photo > ul > li {} #subpage.ess1 .contents .photo > ul > li > div { margin-top: 20px; } #subpage.ess1 .contents .photo > ul > li > div > p:nth-of-type(1) { font-size: 12px; font-weight: 500; line-height: 20px; letter-spacing: -0.4px; color: #008233; display: flex; gap: 4px; } #subpage.ess1 .contents .photo > ul > li > div > p:nth-of-type(2) { font-size: 22px; font-weight: 900; line-height: 20px; letter-spacing: -0.4px; color: #000; margin-top: 12px; } #subpage.ess1 .contents .photo > ul > li > div > ul { margin-top: 18px; display: flex; gap: 0 30px; } #subpage.ess1 .contents .photo > ul > li > div > ul > li {} #subpage.ess1 .contents .photo > ul > li > div > ul > li:nth-of-type(1), #subpage.ess1 .contents .photo > ul > li > div > ul > li:nth-of-type(3) { flex: 0 0 auto; } #subpage.ess1 .contents .photo > ul > li > div > ul > li > p { font-size: 12px; font-weight: 500; line-height: 21px; letter-spacing: -0.15px; color: #48535a; position: relative; padding-left: 10px; } #subpage.ess1 .contents .photo > ul > li > div > ul > li > p::before { content: ''; position: absolute; left: 0; top: 8px; width: 3px; height: 3px; border-radius: 3px; background: #48535a; }