@charset "utf-8";
.flex-tit {width: 33.3335%;}
.sec-flex-tit {flex-wrap: wrap; gap: 10px 30px;}
.btn-download:hover a {color: var(--fourth-color);}
.underline-tit {padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #999;}
.summary-items {gap: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.summary-box {gap: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); padding: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px) var(--container-space); background: var(--third-color); border-radius: var(--bdrs16)}
.mission-num {font-weight: 100; font-size: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.mission-flex {position: relative; padding: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); border: 2px solid var(--primary-color); border-radius: 300px; z-index: 1;}
.mission-flex:before {position: absolute; content: ''; top: 50%; bottom: -1px; left: 50%; width: 1px; background: #ff6600; z-index: 1;}
.mission-flex:after {position: absolute; content: ''; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; width: 9px; height: 9px; border-radius: 100%; background: #ff6600; z-index: 1;}
.mission-flex .mission-item {position: relative; flex: 1; padding: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px) clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px);margin-right: calc(clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px) * -1); background: rgba(237,238,243,.5); border-radius: 300px;}
.mission-flex .mission-item:nth-child(even) {margin-right: 0; margin-left: calc(clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px) * -1); background: rgba(234,227,223,.5); border-color:rgba(234,227,223,.5);}
.mission-flex .mission-item:before {position: absolute; content: ''; top: -10px; left: -10px; bottom: -10px; right: -10px;  border: 1px solid rgba(237,238,243,.5); border-radius: 337px; pointer-events: none;}
.mission-flex .mission-item:nth-child(even):before {border: 1px solid rgba(234,227,223,.5);}
.mission-flex .mission-item:after {position: absolute; content: ''; top: calc(clamp(35px, calc( 42 / var(--inner) * 100vw ), 42px) * -1); left: calc(clamp(22px, calc( 42 / var(--inner) * 100vw ), 42px) * -1); right: clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px); bottom: 50%; background: #fff; z-index: -1;}
.mission-flex .mission-item:nth-child(even):after {top: 50%; bottom: calc(clamp(35px, calc( 42 / var(--inner) * 100vw ), 42px) * -1); left: clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px); right: calc(clamp(22px, calc( 42 / var(--inner) * 100vw ), 42px) * -1);}
.third-mission {position: relative; padding-top: clamp(30px, calc( 70 / var(--inner) * 100vw ), 70px);}
.third-mission:before {position: absolute; content:''; top: -1px; left: 50%; width: 1px; height: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px); background: #ff6600; z-index: 1;}
.mission-arrow {padding: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px) 0;}
.txt-underline {position: relative; width: fit-content; margin: 0 auto 12px; padding: 0 10px;}
.txt-underline:before {position: absolute; content:''; left: 0; right: 0; bottom: -7px; height: 20px; background: #ff6600; opacity: .1; z-index: -1;}
.commitment-logo {background: #f4f1ef; padding: clamp(20px, calc( 70 / var(--inner) * 100vw ), 70px) var(--container-space);}
.commitment-items, .about-esg-items {gap: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.corevalues-items {gap: clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px);}
.corevalues-item:nth-child(2) {order: 1;}
.corevalues-item:nth-child(3) .underline-tit,
.corevalues-item:nth-child(3) p {margin-left: 8%; margin-right: 3%;}
.corevalues-logo {margin-bottom:clamp(20px, calc( 55 / var(--inner) * 100vw ), 55px);}
.ci-logo-item:not(:last-child), .pattern-type-item:not(:last-child) {margin-bottom: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.pattern-items {justify-content: space-between; gap:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.pattern-item {position: relative; padding-bottom: 30px;}
.pattern-item:last-child .img {padding-bottom: 1.39%;}
.pattern-item p {position: absolute; right: 0; bottom: 0;}
.pattern-type-cnt {gap: 20px;}
.about-esg-item h3 {padding: clamp(12px, calc( 17 / var(--inner) * 100vw ), 17px) var(--container-space); background: var(--primary-color);}
.about-esg-cnt {padding: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px) 10px;}
.esg-bot {margin-top: 15px; text-align: right;}
.direction-info {position: relative; padding: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px) 0; margin-top: clamp(20px, calc( 110 / var(--inner) * 100vw ), 110px); border-bottom: 3px solid #999; border-top: 1px solid #999;}
.direction-info:before {position: absolute; content :''; left: 0; top: -2px; width: 98px; height: 3px; background: #999;}
.direction-info li:not(:last-child) {margin-bottom: clamp(8px, calc( 14 / var(--inner) * 100vw ), 14px);}
.direction-info strong {display: inline-block;min-width: 150px; font-weight: 600;}
.directions .sec-cnt.company-info {gap: clamp(20px, calc( 80 / var(--inner) * 100vw ), 80px);}
.direction-right {width: 51.66667%;}
.direction-left {width: 41.667%; margin-left: auto;}
.floor-info li {position: relative; display: flex; align-items: flex-end; border-bottom: 1px solid #999;}
.floor-info li:before {position: absolute; z-index: 1; content: ''; left: 0; bottom: -2px; width: 38.71%; height: 3px; background: #999;}
.floor-info span {position: relative; display: block; padding: 10px;}
.floor-info .floor-num {width: 9.6775%; padding-top: 13.3%; font-weight: 500;}
.floor-title {width: 29.033%;}
.floor-kor {flex: 1;}
.product .border-box {padding: 15px; margin-bottom: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); text-align: center;}
.product-list {display: flex; flex-wrap: wrap; gap: 20px;}
.product-list li {position: relative; width: calc((100% - 60px) / 4); padding: 7px; background: #f6f6f6; border-radius: 8px; text-align: center; font-weight: 500; text-transform: uppercase; cursor: pointer;}
.product-control {display: flex; align-items: center; gap: 20px; position: relative; margin-top: 35px;}
.product-gallery .swiper-pagination {position: relative; background: #999;}
.product-gallery .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #fff;}
.product-gallery .swiper-pagination2 {width: auto; min-width: 52px; font-weight: 500; color: #999; text-align: right;}
.product-gallery .swiper-pagination2 .swiper-pagination-current {display: inline-block;width: 20px;color: #fff;}
.product-arrow {top: 50%; margin-top: -20px; width: 40px;height: 40px; border-radius: 100%; background: url('/images/sub/product-arrow.png') no-repeat center center; background-size: contain; transition: .2s;}
.product-arrow.swiper-button-prev {transform: rotate(180deg);}
.product-arrow:after {content: none;}
.product-arrow:hover {background-color: var(--fourth-color);}
.indent10 {text-indent: -10px; padding-left: 10px;}
.brand-items {gap: 20px;}
.brand-item h3 {padding: 10px; border-top: 4px solid #bba598; text-align: center;}
.brand-item a {display: block; padding-left: 10px; margin-top: 10px; font-size: clamp(12px, calc( 14 / var(--inner) * 100vw ), 14px); color:var(--light-color);}
.brand-img {padding: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px) 0; margin-bottom: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px); border-bottom: 4px solid #bba598; border-top: 2px solid #bba598; text-align: center;}
.brand-item:nth-child(2) .brand-img, .brand-item:nth-child(2) h3 {border-color: #dbc7bb;}
.brand-item:nth-child(3) .brand-img, .brand-item:nth-child(3) h3 {border-color: #eae3df;}
.file-input-container { display: flex; align-items: center; max-width: 630px;}
.file-input-container.select-container {max-width: 100%;}
.file-input { display: none; }
.file-label {padding: 10px clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); background-color: #242424; color: white; border: none; cursor: pointer; margin-right: 10px; }
.file-name {flex: 1; margin-right: 10px; }
.file-remove { padding: 10px clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); background-color: #fff; color: white; border: 1px solid #686868; cursor: pointer; color: #686868;}
.about-esg-flex {gap: 20px; padding: var(--container-space) 0; line-height: 1.3333em;}
.cert-items {gap:var(--container-space);}
.cert-txt h3 {margin: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px) 0 clamp(7px, calc( 10 / var(--inner) * 100vw ), 10px);}
.cert-mark .flex-mid {gap: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}
.cert-mark-items {gap:40px clamp(15px, calc( 38 / var(--inner) * 100vw ), 38px);}
.cert-mark-item {width: 18.3335%;}
.cert-mark-item h3 {padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid var(--dark-color);}
.cert-mark {padding: 0;}
.cert-mark-cnt {padding: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px) 20px; background: #f6f6f6; border-radius: var(--bdrs16);}
.cert-mark-cnt ul {display: flex; flex-wrap: wrap; margin: calc(clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px) * -1) calc(clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px) * -1);}
.cert-mark-cnt li {width: 33.3335%; padding: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px) clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px);}
.cert-mark-cnt li.w100 {width: 100%;}
.cert-mark-cnt h4 {margin-bottom: clamp(7px, calc( 15 / var(--inner) * 100vw ), 15px);font-size: clamp(14px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 600; color: var(--dark-color);}
.cert-mark-img {margin-bottom: clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px);}
.flex-mid .cert-mark-img {margin-bottom: 0;}
.esg-magazine ul {display: flex; flex-wrap: wrap; justify-content: center; margin: calc(clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px) * -1);}
.esg-magazine li {width: 33.3335%; padding: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.sec-direction-info {padding:clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px) 0 clamp(60px, calc( 275 / var(--inner) * 100vw ), 275px);background: url('/images/sub/bg-direction-info.jpg') no-repeat center bottom; background-size: cover;}
.product-detail-box {display: none; position: absolute; z-index: 1; left: 0; bottom: 100%; width: 100%; padding-bottom: 20px; text-align: left;}
.product-detail-box .wrap {position: relative; padding: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px) clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); background: var(--primary-color); border-radius: var(--bdrs16); box-shadow: 3px 3px 5px rgba(0,0,0,.2);}
.product-detail-box .wrap:after {position: absolute; content:''; left: 20px; bottom: -13px; width: 20px; height: 17px; background: url('/images/sub/product-down-arrow.png') no-repeat center center; background-size: contain;}
.product-detail-desc {display: flex;}
.product-detail-desc:not(:last-child) {margin-bottom: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px);}
.product-detail-tit {min-width: 48px; font-weight: 600; color: var(--dark-color);}
.product-detail-cnt {flex: 1;}