@charset "utf-8";

.container {width: min(var(--container-wide-width), calc(100% - 30px));}
.bg-gray{background: #F8F7F6;}
.pt185{padding-top: 185px;}
.pb240{padding-bottom: 240px;}
.sub-title{font-family: var(--ff-third); color: #DD1B1A; font-weight: 700; font-size: 20px;}
.title{font-family: var(--ff-third); font-size: 70px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.24; margin: 20px 0 80px;}
.gall-ls--v > li > a .title{margin: 20px 0;}
.gall-ls--v > li > a .thumb .overlay .icon{height: 54px;}
.slogan{font-size: 34px; font-weight: 700;}
.bg-img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.relative{position: relative;}
main{overflow: hidden;}

@media screen and (max-width: 1399px) {
  .subpage-wrapper{overflow: hidden;}
  .title{font-size: 40px; margin: 20px 0 40px;}
  .slogan{font-size: 18px; word-break: keep-all;}
  .pt185{padding-top: 100px;}
  .pb240{padding-bottom: 180px;}
}
@media screen and (max-width: 767px) {
  .title{font-size: 28px; margin: 0.5em 0 1.5em;}
  .sub-title{font-size: 16px;}
  .slogan{font-size: 16px;}
}


/* company */
/* introduction */
.company-intro-header {background: #fff; position: relative; overflow: hidden;}
.company-intro-header .intro-content {text-align: center; position: relative; z-index: 2;}
.company-intro-header .sub-description {font-size: 24px; color: #5B5858; margin: 32px 0 80px;}
.company-intro-header .typo{margin: auto;}
.company-main-visual{background: url(../images/company/visual.png) no-repeat center; background-size: cover; padding: 201px 0 140px; color: #fff; text-align: center; position: relative;}
.company-main-visual::before{content: ''; background: #fff; width: 1px; height: 80px; position: absolute; left: 50%; top: 101px; transform: translateX(-50%);}
.company-main-visual .visual-title {font-size: 44px; font-weight: 700; margin-bottom: 34px;}
.company-main-visual .visual-description {font-size: 20px; line-height: 1.7;}
.one-stop-solution{padding: 130px 0 0;}
.manufacturing-competitiveness,.rd-development,.global-partner {padding: 160px 0 0; background: #fff;}
.one-stop-solution .container,.manufacturing-competitiveness .container, .rd-development .container, .global-partner .container{width: 100%; max-width: 1920px;}
.section-title {font-size: 50px; font-weight: 700; margin-bottom: 50px; line-height: 1.28;}
.section-description {font-size: 20px; line-height: 1.7;}
.one-stop-solution .section-description{margin-bottom: 50px;}
.manufacturing-competitiveness .section-description:not(:last-child){margin-bottom: 34px;}
#introduction .flex {display: flex; align-items: center; gap: 126px;}
.one-stop-solution .container .flex, .rd-development .container .flex{justify-content: flex-end;}
.manufacturing-competitiveness .container .flex, .global-partner .container .flex{justify-content: flex-start;}
#introduction .one-stop-solution .container .flex{gap: 65px;}
.one-stop-solution .content-left{padding: 70px 0 0;}
#introduction .section-description{white-space: nowrap;}

@media screen and (max-width: 1399px) {
  #introduction .flex{flex-direction: column; overflow: hidden;}
  #introduction .one-stop-solution .container .flex{gap: 20px;}
  #introduction .flex>div{padding: 0 15px}
  .company-main-visual .visual-title{font-size: 32px; line-height: 1.3;}
  .company-main-visual{padding: 140px 0 60px;}
  .company-main-visual::before{height: 40px; top: 60px;}
  .one-stop-solution{padding: 80px 0 0;}
  .section-title{text-align: center; font-size: 28px; margin-bottom: 40px;}
  .section-description{text-align: center; font-size: 18px;}
  .manufacturing-competitiveness, .rd-development, .global-partner{padding: 80px 0 0}
  #introduction .manufacturing-competitiveness .flex,#introduction  .global-partner .flex{flex-direction: column-reverse; gap: 40px;}
  #introduction .rd-development .flex{gap: 40px;}
  .manufacturing-competitiveness .section-description:not(:last-child){margin-bottom: 10px;}
  .company-intro-header .sub-description{font-size: 18px;}
  #introduction .section-description{white-space: initial;}
}

@media screen and (max-width: 767px) {
  .company-intro-header .sub-description{font-size: 16px; margin: 20px 0 40px;}
  .company-main-visual .visual-title{font-size: 24px;}
  .company-main-visual .visual-description{font-size: 16px;}
  .one-stop-solution{padding: 60px 0 0}
  .section-title{font-size: 28px; margin-bottom: 20px; word-break: keep-all;}
  .one-stop-solution .section-title{padding-inline: 15px;}
  .section-description{font-size: 16px;}
  .manufacturing-competitiveness{padding: 20px 0 0;}
  .rd-development, .global-partner{padding: 70px 0 0;}
  #introduction .one-stop-solution .section-description{margin-bottom: 80%;}
  #introduction .one-stop-solution .container .flex>div{padding: 0;}
  #introduction .one-stop-solution .container .flex>.content-right{padding: 0 15px; position: absolute; left: 0; top: 270px;}
  #introduction .one-stop-solution .container .flex{position: relative;}
  .one-stop-solution .content-left{width: 100%;}
  .one-stop-solution .mb-img-box{overflow-x: scroll; padding: 0 15px;}
  .one-stop-solution .mb-img-box img{min-width: 767px; display: inline-block;}
}

/* overview */
.company-overview-header{background: #fff; padding: 0 0 10px; text-align: center;}
.ceo-message{padding: 0 0 160px;}
.ceo-message .flex {display: flex; gap: 104px;}
.ceo-message .ceo-content b{font-family: var(--ff-third); font-size: 34px; font-weight: 800; letter-spacing: -0.02em;}
.ceo-message .ceo-content b span{display: block; font-size: 40px; color: #DD1B1A; line-height: 1.35;}
.ceo-message .ceo-content strong{font-size: 24px; margin: 56px 0 26px; display: block;}
.message-text p {font-size: 18px; line-height: 1.66; margin-bottom: 26px; color: #5B5858;}
.message-text p:last-child{margin-bottom: -2px;}
.message-text p span{font-weight: 700; color: #5B5858;}
.ceo-signature {margin-top: 0px; text-align: right; line-height: 1;}
.ceo-signature img{margin: 0 20px -9px auto;}
.ceo-name {font-size: 20px; font-weight: 700; padding: 0 31.4px 0 0;}
.ceo-signature .ceo-name span{font-weight: 400; margin: 0 0 0 14px;}

.vision-section {background: url(../images/company/vision-bg.png) no-repeat center; background-size: cover; padding: 159px 0 171px; color: #fff; text-align: center; position: relative; overflow: hidden;}
.vision-title {font-size: 40px; font-weight: 800; margin-bottom: 30px; opacity: 0.4 !important; font-family: var(--ff-third);}
.vision-text {font-size: 44px; font-weight: 700; line-height: 1.363; margin-bottom: 50px;}
.vision-circles {display: flex; justify-content: center; align-items: center; position: relative; z-index: 2;}
.circle{width: 277px; height: 277px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 400; text-align: center; position: relative; z-index: 1;}
.circle:first-child{margin: 0 -54px 0 0;}
.circle:last-child{margin: 0 0 0 -54px;}
.circle.tradition, .circle.innovation {background: rgba(255,255,255,0.5); border: 1px solid #EBEBEB; backdrop-filter: blur(9px) brightness(2); color: #535353;}
.circle.tradition span b, .circle.innovation span b{font-size: 30px; color: #000;}
.circle.future.active{background: rgba(221,27,26,.63); border: 1px solid #DD1B1A; backdrop-filter: blur(14px) brightness(1.5); color: #fff; z-index: 3; width: 308px; height: 311px;}
.circle.future.active b{font-size: 40px;}
.vision-circles .circle img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: spin 20s linear infinite;}

@keyframes spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes spin2 {
  to {
    transform: rotate(360deg);
  }
}
@keyframes spin3 {
  to {
    transform: translateX(-50%) rotate(360deg);
  }
}

.mission-section {padding: 130px 0 242px; background: #fff;}
.mission-section .title {text-align: center; margin: 0 0 90px;}
.mission-grid {display: grid; grid-template-columns: 1fr; gap: 160px;}
.mission-image {margin-bottom: 28px;}
.mission-image img {width: 100%; object-fit: cover;}
.mission-item .flex{gap: 126px; align-items: center;}
.mission-item:nth-child(2) .flex{gap: 112px; justify-content: flex-end;}
.mission-item .container{width: 100%; max-width: 1920px;}
.mission-item-title {font-size: 34px; font-weight: 700; margin-bottom: 22px; padding: 0 0 0 20px;}
.mission-list {list-style: none; padding: 0; text-align: left;}
.mission-list li {font-size: 18px; line-height: 1.66; margin-bottom: 20px; color: #5B5858; position: relative; padding-left: 16px; word-break: keep-all;}
.mission-list li::before {content: ''; width: 8px; height: 8px; border-radius: 50%; background: #C1C1C1; position: absolute; left: 0; top: 9px;}
.mission-item .section-description{line-height: 1; margin-bottom: 20px; position: relative; padding-left: 16px; word-break: keep-all;}
.mission-item .section-description:last-child{margin-bottom: 0;}
.mission-item .section-description::before{content: ''; background: #C1C1C1; width: 8px; height: 8px; position: absolute; left: 0; top: 5px; border-radius: 50%;}

@media screen and (max-width: 1399px) {
  #overview .flex{overflow: hidden;}
  .ceo-message{padding: 0 0 100px;}
  .ceo-message .flex{flex-direction: column; gap: 40px;}
  .ceo-image img{max-width: 360px; margin: auto;}
  .ceo-message .ceo-content b{text-align: center; display: block; font-size: 24px;}
  .ceo-message .ceo-content b span{font-size: 32px;}
  .ceo-message .ceo-content strong{margin: 20px 0; font-size: 18px; text-align: center;}
  .message-text p{font-size: 16px; word-break: keep-all; margin-bottom: 14px; text-align: center;}
  .vision-section{padding: 100px 0 120px;}
  .vision-title{font-size: 28px;}
  .vision-text{font-size: 20px;}
  .circle{width: 200px; height: 200px; font-size: 18px;}
  .circle.future.active{width: 260px; height: 260px;}
  .vision-circles .circle img{width: 90%;}
  .circle.tradition span b, .circle.innovation span b{font-size: 20px;}
  .circle.future.active b{font-size: 24px;}
  .mission-section{padding: 70px 0 180px;}
  .mission-grid{gap: 0;}
  .mission-item {padding: 70px 0 0; width: calc(100% - 30px); margin: auto;}
  .mission-item:first-child{padding: 0;}
  .mission-item .flex{flex-direction: column-reverse; gap: 40px;}
  .mission-item:nth-child(2) .flex{flex-direction: column; gap: 40px;}
  .mission-section .title{margin: 0 0 40px;}
  /* .mission-grid{grid-template-columns: repeat(2,1fr);} */
  .mission-item-title{font-size: 28px;}
  /* .mission-list li{font-size: 16px;} */
  .mission-item .section-description{text-align: initial; line-height: 1.5;}
}

@media screen and (max-width: 767px) {
  .ceo-message .ceo-content b{font-size: 20px;}
  .ceo-message .ceo-content b span{font-size: 24px;}
  .ceo-message .ceo-content strong{font-size: 16px; text-align: center;}
  .message-text p{text-align: center; font-size: 14px;}
  .ceo-signature{text-align: center;}
  .ceo-signature img{margin: 0 auto; transform: translateX(90px);}
  .ceo-name{font-size: 14px;}
  .vision-text{font-size: 18px;}
  .circle{width: 110px; height: 110px; font-size: 14px;}
  .circle.future.active{width: 130px; height: 130px;}
  .circle:first-child{margin: 0 -30px 0 0;}
  .circle:last-child{margin: 0 0 0 -30px;}
  .circle.future.active b{font-size: 18px;}
  /* .mission-grid{grid-template-columns: 1fr; gap: 30px;}
  .mission-section .title{font-size: 28px;}
  .mission-image{margin-bottom: 20px;}
  .mission-item-title{font-size: 18px; margin-bottom: 16px;}
  .mission-list li{font-size: 14px; margin-bottom: 10px;} */
}

/* history */
.history-header {background: #fff; padding: 0px 0 100px; text-align: center;}
.history-visual {position: relative; height: 520px; overflow: hidden;}
.building-image {width: 100%; height: 100%;}
.building-image img {width: 100%; height: 100%; object-fit: cover;}
.horizontal-timeline {position: absolute; bottom: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 1400px;}
.timeline-line {height: 1px; max-width: 1131px; width: 100%; margin: auto; background: rgba(255,255,255); position: relative; overflow: hidden;}
.timeline-line::after {content: ''; position: absolute; left: 0; top: 0; height: 100%; width: var(--progress, 0%); background: #DD1B1A;}
.timeline-years {max-width: 1260px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; display: flex; justify-content: space-between;}
.year-item{position: relative; text-align: center;}
.year-item:not(:nth-child(2n)){margin: 71px 0 0;}
.year-dot{width: 8px; height: 8px; background: #fff; border-radius: 50%; margin: 0 auto 0;}
.year-item.active .year-dot{background: #DD1B1A;}
.year-text{color: #fff; font-size: 20px; font-weight: 700; font-family: var(--ff-third); display: block; line-height: 1.25; margin: 15px 0 7px;}
.year-item.active .year-text{color: #DD1B1A;}
.year-item:nth-child(2n) .year-text{margin: 7px 0 15px;}
.year-description{color: #E1E1E1;}

.history-content {padding: 108px 0 240px; background: #fff;}
.content-grid {display: grid; grid-template-columns: 624px 1fr;}
.philosophy-item:nth-child(1){margin: 0 0 1208px;}
.philosophy-item:nth-child(2){margin: 0 0 1130px;}
.philosophy-section {display: flex; flex-direction: column;}
.philosophy-en{font-size: 20px; color: #949494; font-weight: 700; margin-bottom: 20px; font-family: var(--ff-third);}
.philosophy-item.active .philosophy-en{color: #DD1B1A;}
.philosophy-ko{font-size: 44px; font-weight: 700; margin-bottom: 30px; line-height: 1.36; color: #C1C1C1;}
.philosophy-item.active .philosophy-ko{color: #000;}
.philosophy-desc {font-size: 20px; line-height: 1.6;}
.timeline-section {position: relative;}
.vertical-timeline {position: relative; --progress: 0%; /* CSS 변수 추가 */}

/* 기존 회색 막대 유지 */
.vertical-timeline::before {content: ''; position: absolute; left: 0px; top: 0; bottom: 0; width: 6px; background: #F8F7F6; border-radius: 10px;}
/* 빨간색으로 채워지는 막대 */
.vertical-timeline::after {content: ''; position: absolute; left: 0px; top: 0; width: 6px; background: #DD1B1A; height: var(--progress); transition: height 0.3s ease; border-radius: 10px;}
.timeline-item{position: relative; margin-bottom: 52px; padding-left: 96px; display: flex; gap: 40px;}
.timeline-item:nth-child(7), .timeline-item:nth-child(17){margin-bottom: 180px;}
.timeline-year{font-size: 24px; font-weight: 700; font-family: var(--ff-third);}
.timeline-item.active .timeline-year{color: #DD1B1A;}
.timeline-content ul{list-style: none; padding: 5px 0 0;}
.timeline-content li{font-size: 16px; color: #717171; margin-bottom: 10.3px; position: relative; padding-left: 12px;}
.timeline-item.active .timeline-content li{color: #000;}
.timeline-content li:last-child{margin-bottom: 0;}
.timeline-content li::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background: #C1C1C1; border-radius: 50%;}

@media screen and (max-width: 1500px) {
  .history-content {overflow: hidden;}
}
@media screen and (max-width: 1399px) {
  .content-grid{grid-template-columns: repeat(2, 1fr);}
  .history-visual{height: 400px;}
  .horizontal-timeline{width: min(var(--container-wide-width), calc(100% - 30px));}
  .timeline-line{width: calc(100% - 130px);}
  .timeline-item{padding-left: 40px;}
  .philosophy-en{font-size: 18px;}
  .philosophy-ko{font-size: 32px;}
  .philosophy-desc{font-size: 16px;}
  .timeline-content li{word-break: keep-all;}
  .timeline-content li::before{top: 9px; transform: initial;}
  .philosophy-section{justify-content: space-between; padding-bottom: 130px;}
  .philosophy-item:nth-child(1){margin: 0;}
  .philosophy-item:nth-child(2){margin: 0;}
}
@media screen and (max-width: 767px) {
  .history-header{padding-bottom: 30px;}
  .building-image img{content: url(../images/company/history-bg-mo.png);}
  .timeline-line{width: calc(100% - 60px);}
  .year-item{line-height: 1.2;}
  .year-item:not(:nth-child(2n)){margin: 81px 0 0;}
  .year-description{font-size: 12px;}
  .year-text{font-size: 16px;}
  .timeline-item{padding-left: 30px; margin-bottom: 20px;}
  .timeline-item{flex-direction: column; gap: 10px;}
  .content-grid{grid-template-columns: 1fr;}
  .philosophy-section{display: none;}
  .philosophy-item{padding-left: 30px; margin: 0 0 20px !important;}
  .philosophy-en{font-size: 16px; margin-bottom: 0.3em;}
  .philosophy-ko{font-size: 20px; margin-bottom: 20px;}
  .philosophy-desc{font-size: 14px;}
  .timeline-year{font-size: 18px;}
  .timeline-content li{font-size: 14px; margin-bottom: 6px;}
  .timeline-item:nth-child(7), .timeline-item:nth-child(17){margin-bottom: 80px;}
  /* .timeline-item:nth-child(8), .timeline-item:nth-child(17){margin-bottom: 60px;} */
  
}

/* organization */
.organization-main{position: relative; height: 1409px; margin: 100px 0 0; padding: 130px 0 0;}
.organization-main .container{z-index: 1; color: #fff; position: relative;}
.organization-main .flex{justify-content: space-between;}
.organization-main .flex .left{font-size: 50px; font-weight: 700;}
.organization-main .flex p{font-size: 18px; padding-top: 10px; line-height: 1.66;}
.organization-main .flex p span{font-weight: 700;}
.organization-main .container .img-box img{margin: 220px auto 0;}

@media screen and (max-width: 1399px) {
  .organization-main .flex{flex-direction: column; text-align: center;}
  .organization-main .flex .left{font-size: 41px; line-height: 1.3;}
  .organization-main{padding: 100px 0 140px;}
  .organization-main .container .img-box img{margin: 100px auto 0;}
  .organization-main{height: fit-content;}
}
@media screen and (max-width: 767px) {
  .organization-main{margin: 70px 0 0; padding: 70px 0 80px;}
  .organization-main .container{overflow: visible;}
  .organization-main .flex .left{font-size: 24px;}
  .organization-main .flex p{font-size: 14px; word-break: keep-all; margin: 20px 0 0;}
  .organization-main .img-box{overflow-x: scroll; margin-left: -15px; padding: 0 15px; width: calc(100% + 30px);}
  .organization-main .img-box img{min-width: 767px;}
}

/* location */
.location-main{margin: 101px 0 269px;}
.location-main iframe{width: 100%; height: 600px; margin: 0 0 16px;}
.location-main span{font-size: 44px; font-weight: 700; padding: 30px 0 0;}
.location-main .center{margin: 30px 48px 0 57px;}
.location-main .center .flex{align-items: center; font-size: 18px;}
.location-main .center .bottom{gap: 24px;}
.location-main .center>.flex:first-child{margin: 0 0 28px;}
.location-main .center .icon-box{width: 59px; height: 59px; background: #F3F3F3; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.location-main .center .flex b{margin: 0 14px 0 13px;}
.location-main .qr{background: #F3F3F3; flex: 1; padding: 30px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.location-main .qr img{mix-blend-mode: multiply;}
.location-main .qr p{color: #949494; font-size: 14px; line-height: 1.42; margin: 10px 0 0;}
.location-main .bot{margin-top: 120px; border-top: 1px solid #707070; padding-top: 120px;}

@media screen and (max-width: 1399px) {
  .location-main .container>div>.flex{flex-direction: column; text-align: center;}
  .location-main .container>div>.flex>span{font-size: 41px; padding: 4px 0 0;}
  .location-main .center{display: flex; flex-direction: column; margin: 20px 0 0;}
  .location-main .center>.flex:first-child{margin: 0 0 20px}
  .location-main .center .bottom{flex-direction: column; align-items: flex-start; gap: 30px;}
  .location-main .qr{margin: 30px 0 0;}
}
@media screen and (max-width: 767px) {
  .location-main{margin: 70px 0 80px;}
  .location-main iframe{height: 300px;}
  .location-main .center .flex{gap: 16px;}
  .location-main .flex.cont{flex-direction: column; align-items: flex-start; gap: 2px;}
  .location-main .flex.cont b{font-size: 16px; margin: 0;}
  .location-main .flex.cont p{font-size: 14px;}
  .location-main .container>div>.flex{text-align: left;}
  .location-main .container>div>.flex>span{font-size: 30px;}
  /* .location-main .center .flex{flex-direction: column;} */
  /* .location-main .center .bottom{align-items: center;} */
  .location-main .bot{margin-top: 80px; padding-top: 80px;}
  .location-main .center .icon-box{width: 44px; height: 44px; min-width: 44px;}
}

/* oem-odm */
/* 개발 과정 섹션 */
.development-process{text-align: center;}
.section-header img{margin: 103px auto -65px;}
.oem-odm-page .section-title {margin-bottom: 0; line-height: 1.16; text-align: center;}
.oem-odm-page .img-box{position: relative;}
.oem-odm-page .img-box .circle1{animation: spin3 20s linear infinite; margin: 0; position: absolute; left: calc(50% - 352px); top: 40px; transform: translateX(-50%);}
.oem-odm-page .img-box .circle2{animation: spin3 20s linear infinite; margin: 0; position: absolute; left: 50%; top: 40px; transform: translateX(-50%);}
.oem-odm-page .img-box .circle3{animation: spin3 20s linear infinite; margin: 0; position: absolute; left: calc(50% + 352px); top: 40px; transform: translateX(-50%);}

/* OEM/ODM 섹션 */
.oem-section{margin: 0 0 133px;}
.service-text {display: flex; justify-content: space-between;}
.service-title {font-size: 50px; font-weight: 700; margin-bottom: 12px; line-height: 1.2;}
.service-subtitle {font-size: 20px; color: #949494;}
.service-description {font-size: 18px; line-height: 1.66;}
.service-description span{font-weight: 700;}

/* ODM 프로세스 */
.odm-section{background: #F8F7F6; padding: 130px 0 89px;}
.odm-process{margin-top: 84px;}
.odm-process .grid{display: grid; grid-template-columns: repeat(20, 1fr); position: absolute; left: 0; top: 0; width: 100%; height: 100%; gap: 20px 0;}
.odm-process .grid li{grid-column: span 4;}
.odm-process .grid li:nth-child(n+11){grid-column: span 5;}
.odm-process .grid li{display: flex; align-items: center; justify-content: flex-start; flex-direction: column; padding: 80px 0 0;}
.odm-process .grid li:nth-child(6){grid-row: 2; grid-column: 17 / span 4;}
.odm-process .grid li:nth-child(7){grid-row: 2; grid-column: 13 / span 4;}
.odm-process .grid li:nth-child(8){grid-row: 2; grid-column: 9 / span 4;}
.odm-process .grid li:nth-child(9){grid-row: 2; grid-column: 5 / span 4;}
.odm-process .grid li:nth-child(10){grid-row: 2; grid-column: 1 / span 4;}
.odm-process .grid li:nth-child(11){padding-right: 20%;}
.odm-process .grid li:nth-child(12){padding-right: 5%;}
.odm-process .grid li:nth-child(13){padding-left: 5%;}
.odm-process .grid li:nth-child(14){padding-left: 20%;}
.odm-process .grid li div{background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; transition: all 0.5s;}
.odm-process .grid li.active div{background-color: #DD1B1A;}
.odm-process .grid li b{text-align: center; font-size: 20px; margin: 20px 0 0; line-height: 1.4;}
.odm-process .grid li.active b{color: #DD1B1A;}
.odm-process .grid li.active:nth-child(1) img{content: url(../images/oem-odm/odm-active1.png);}
.odm-process .grid li.active:nth-child(2) img{content: url(../images/oem-odm/odm-active2.png);}
.odm-process .grid li.active:nth-child(3) img{content: url(../images/oem-odm/odm-active3.png);}
.odm-process .grid li.active:nth-child(4) img{content: url(../images/oem-odm/odm-active4.png);}
.odm-process .grid li.active:nth-child(5) img{content: url(../images/oem-odm/odm-active5.png);}
.odm-process .grid li.active:nth-child(6) img{content: url(../images/oem-odm/odm-active6.png);}
.odm-process .grid li.active:nth-child(7) img{content: url(../images/oem-odm/odm-active7.png);}
.odm-process .grid li.active:nth-child(8) img{content: url(../images/oem-odm/odm-active8.png);}
.odm-process .grid li.active:nth-child(9) img{content: url(../images/oem-odm/odm-active9.png);}
.odm-process .grid li.active:nth-child(10) img{content: url(../images/oem-odm/odm-active10.png);}
.odm-process .grid li.active:nth-child(11) img{content: url(../images/oem-odm/odm-active11.png);}
.odm-process .grid li.active:nth-child(12) img{content: url(../images/oem-odm/odm-active12.png);}
.odm-process .grid li.active:nth-child(13) img{content: url(../images/oem-odm/odm-active13.png);}
.odm-process .grid li.active:nth-child(14) img{content: url(../images/oem-odm/odm-active14.png);}
.odm-process .grid li span{font-size: 16px; color: #949494; margin: 12px 0 0; line-height: 1; text-align: center;}
.oem-odm-page .bg-img-box{display: flex; justify-content: flex-end; width: 100%;}
.oem-odm-page .bg-img-box img{margin: -265px -142px 0 0; z-index: 1;}


/* 브랜드 제품 섹션 */
.brand-product-section{padding: 140px 0 0;}
.brand-cards{display: flex; justify-content: center; gap: 28px; margin-top: 90px; padding-bottom: 120px; border-bottom: 1px solid #E1E1E1;}
.card-image{margin-bottom: 28px; box-shadow: 0 15px 25px rgba(0,0,0,.12);}
.card-title{font-size: 34px; font-weight: 700; margin-bottom: 23px; line-height: 1;}
.card-description{font-size: 18px; color: #5B5858; line-height: 1.66;}

/* FAQ 섹션 */
.faq-section{padding: 120px 0 140px; background: #fff;}
.faq-section .container{gap: 408px;}
.faq-item{margin: 0 0 60px;}
.faq-item:last-child{margin: 0;}
.faq-bullet{font-size: 16px; font-weight: 700; color: #fff; background: #E1E1E1; border-radius: 4px; width: 23px; height: 23px; text-align: center; margin: 3px 0 0;}
.faq-question{display: flex; gap: 12px; margin-bottom: 15px;}
.faq-text {font-size: 20px; font-weight: 700;}
.faq-answer {display: flex; gap: 12px;}
.faq-answer p {font-size: 18px; line-height: 1.66;}
.faq-answer .faq-bullet{background: #C1C1C1;}

/* 협력 브랜드 섹션 */
.brands-section{background: #F8F7F6; padding: 140px 0 0; text-align: center;}
.brands-section .section-title{margin: 0 0 60px;}
.brands-grid {display: grid; grid-template-columns: repeat(6, 1fr); gap: 30px 45px; margin-top: 100px;}
.brand-logo {background: #fff; display: flex; align-items: center; justify-content: center; height: 106px; border: 1px solid #E1E1E1;}
.brands-section>img{margin-top: -201px;}

/* 생산설비 */
#oem-odm .company-main-visual{padding: 200px 0 184px; background: url(../images/oem-odm/visual.png) no-repeat center; background-size: cover;}
#oem-odm .company-main-visual .visual-title{font-size: 60px;}
#oem-odm .company-main-visual .visual-description{font-size: 44px; line-height: 1.5; font-weight: 700;}
#oem-odm .company-main-visual span{font-size: 22px; margin: 36px 0 0; display: block;}
#oem-odm .company-main-visual::before{display: none;}

/* capa */
.capa{padding: 127px 0 52px;}
.capa h3{flex: 1; font-size: 50px; font-weight: 700;}
.capa ul{width: 860px; display: flex; flex-direction: column;}
.capa ul li{border-top: 1px solid #E1E1E1; padding: 60px 0 108px;}
.capa ul li div *{}
.capa ul li span{font-size: 30px; color: #5E5E5E;}
.capa ul li p{font-size: 70px; font-family: var(--ff-third); font-weight: 700; line-height: 1; width: fit-content; margin-left: auto;}
.capa ul li b{display: block; width: 100%; text-align: right; font-size: 24px; width: fit-content; margin-top: auto; margin-left: 10px;}

@media screen and (max-width: 1688px) {
  .oem-odm-page .bg-img-box img{ height: 200px; margin: -265px 40px 0 0;}
}

@media screen and (max-width: 1399px) {
  .service-text{align-items: center; gap: 40px; flex-direction: column;}
  .service-title{font-size: 28px; text-align: center; margin-bottom: 20px;}
  .service-subtitle{font-size: 18px; text-align: center;}
  .service-description{word-break: keep-all; font-size: 16px; text-align: center;}
  .oem-section{margin: -100px 0 100px;}
  .odm-section{padding: 70px 0 80px;}
  .odm-process{overflow-x: scroll; width: calc(100% + 30px); margin-left: -15px; padding: 0 15px;}
  .odm-process .grid{width: 1400px;}
  .odm-process .grid + img{min-width: 1400px;}
  .oem-odm-page .bg-img-box img{height: 150px; margin: -140px -60px 0 0; display: none;}
  .brand-product-section{padding: 100px 0 0;}
  .brand-cards{margin-top: 40px; flex-wrap: wrap; gap: 40px;}
  .brand-cards>div{width: calc(50% - 10px);}
  .card-title{font-size: 24px;}
  .card-description{font-size: 16px;}
  .faq-section{padding: 70px 0 80px;}
  .faq-section .container{flex-direction: column; gap: 20px;}
  .faq-text{font-size: 18px;}
  .faq-answer p{font-size: 16px;}
  .brands-section{padding: 100px 0 140px;}
  .brands-section .section-title{margin: 0 0 40px;}
  .brands-grid{gap: 10px; grid-template-columns: repeat(3, 1fr);}
  .oem-odm-page .img-box-cover{overflow-x: scroll; margin: 0 0 40px -15px; overflow-y: hidden; padding:0 15px; width: calc(100% + 30px);}
  .oem-odm-page .img-box{min-width: 1069px;}
  .section-header img{margin: 103px auto 0;}

  .capa .container{flex-direction: column; align-items: center; gap: 40px;}
  .capa ul{width: 100%;}
}
@media screen and (max-width: 767px) {
  .brands-grid{grid-template-columns: repeat(4, 1fr); margin-top: 40px;}
  .brand-cards{flex-direction: column; padding-bottom: 80px;}
  .brand-cards>div{width: 100%;}
  .brand-logo{height: auto;}
  .brands-section .section-title{margin: 0 0 20px;}
  .card-title{text-align: center;}
  .card-description{text-align: center; font-size: 14px;}
  .card-image img{width: 100%; object-fit: cover;}
  .faq-question{flex-direction: column; align-items: center; text-align: center;}
  .faq-answer{flex-direction: column; align-items: center; text-align: center;}
  .faq-item{margin: 0 0 40px;}
  .brands-section{padding: 70px 0 240px;}
  .odm-process{overflow-x: initial; width: initial; margin-left: 0; padding: 0; margin-top: 40px;}
  .odm-process .grid{display: flex !important; flex-direction: column; gap: 8px; position: relative; width: initial; margin: 0;}
  .odm-process .grid li{padding-inline: 12px !important; background: #fff; flex-direction: row; border-radius: 8px; padding: 0; transition: all 0.5s;}
  .odm-process .grid li.active{background: #DD1B1A;}
  .odm-process .grid li .mo{font-size: 10px; font-weight: 700; color: #DBBB96;}
  .odm-process .grid li.active .mo{color: #fff;}
  .odm-process .grid li div{width: 50px; height: 50px; margin-inline: 14px 25px; min-width: 50px;}
  .odm-process .grid li div img{width: 56%;}
  .odm-process .grid li b{margin: 0; font-size: 14px; transition: all 0.5s; text-align: left;}
  .odm-process .grid li.active b{color: #fff;}
  .odm-process .grid li b br{display: none;}
  .odm-process .grid li span{margin: 0 0 0 6px; font-size: 10px; transition: all 0.5s;}
  .odm-process .grid li span br{display: none;}
  .odm-process .grid li.active span{color: #fff;}
  .odm-process .grid li:first-child{padding-top: 0;}
  /* .odm-process .grid li:last-child{display: none;} */
  .odm-process .grid + img{display: none;}
  .oem-odm-page .img-box-cover{overflow: hidden; margin: 0; padding: 0; width: initial;}
  .oem-odm-page .img-box .circle1{content: url(../images/oem-odm/cricle-m.png); left: calc(50% - 103px); max-width: 140px; max-width: 86px; top: 10px;}
  .oem-odm-page .img-box .circle2{content: url(../images/oem-odm/cricle-m.png); left: 50%; max-width: 140px; max-width: 86px; top: 10px;}
  .oem-odm-page .img-box .circle3{content: url(../images/oem-odm/cricle-m.png); left: calc(50% + 103px); max-width: 140px; max-width: 86px; top: 10px;}
  .oem-odm-page .img-box{min-width: initial;}
  .oem-odm-page .section-header img{content: url(../images/oem-odm/oem-odm-m.png); margin: 40px auto 0; max-width: 329px;}
  .oem-section{margin: 0 0 100px;}
  #oem-odm .company-main-visual{padding: 70px 0 80px;}
  #oem-odm .company-main-visual .visual-title{margin-bottom: 20px; font-size: 32px;}
  #oem-odm .company-main-visual .visual-description{font-size: 18px;}
  #oem-odm .company-main-visual span{font-size: 14px; word-break: keep-all; margin: 20px 0 0;}
  .service-description{font-size: 14px;}

  .capa{padding: 70px 0 80px;}
  .capa h3{font-size: 28px;}
  .capa ul li{padding: 20px 0 40px;}
  .capa ul li span{font-size: 16px;}
  .capa ul li p{font-size: 20px;}
  .capa ul li b{font-size: 14px;}
}

/* competitiveness */
/* core */
.core{width: 100%; height: 100%;}
.core.subpage-wrapper{overflow: initial;}
.core section{position: sticky; display: flex; align-items: center; justify-content: center; width: 100%; height: 100dvh; top: 0; left: 0; padding-top: 8rem; padding-bottom: 8rem; margin-bottom: 20dvh;}
.core section:last-child{margin-bottom: 0;}
.core .page0{text-align: center; height: calc(2*100dvh); align-items: flex-start; padding-top: 0;}
.core .page0 .container{height: 100dvh; align-items: center; display: flex; flex-direction: column; justify-content: center;}
.core .page0 .container .title-box{margin: 0 0 499px;}
.core .page0 .container>*{flex: initial;}
.core .page0 .title{color: #000; margin: 20px 0 70px;}
.core .page0 .box{width: 428px; height: 499px; position: fixed; transition: all 1s; left: 50%; top: calc(50% + 102px); transform: translate(-50%, -50%) !important;}
.core .page0 .box.full{width: 100%; height: 100%; border-radius: 0; top: 50%;}
.core .page0 .box.full img{border-radius: 0;}
.core .page0 .box-inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; display: flex; opacity: 0; width: 100%; transition-delay: 0s; transition: .4s;}
.core .page0 .box-inner.active{opacity: 1; transition-delay: 1s;}
.core .page0 img{transition:  all 500ms cubic-bezier(0.33, 1, 0.68, 1); will-change: auto; object-fit: cover; width: 100%; height: 100%; border-radius: 20px;}
.core .page0 .box-inner{flex-direction: column; text-align: center; justify-content: center;}
.core .bg-img{z-index: -1; object-fit: cover;}
.core section .container{height: 100%; color: #fff; justify-content: space-between;}
.core .page0 .box-inner>*{flex: initial;}
.core .page0 .box-inner h2{line-height: 1.5; margin: 0 0 50px;}
.core .page0 .box-inner p{font-size: 18px; line-height: 1.66;}
.core .left{padding-top: 5rem;}
.core .name{font-size: 80px; font-weight: 800; font-family: var(--ff-third); letter-spacing: -0.02em; line-height: 1.25; white-space: nowrap; max-width: 310px;}
.core .right{display: flex; flex-direction: column; justify-content: flex-end;}
.core h2{font-size: 40px; font-weight: 700; line-height: 1.3;}
.core .right .dot-list li{font-size: 18px; font-weight: 300; color: #C1C1C1; padding: 0 0 0 16px; position: relative; margin: 0 0 14px; line-height: 1.2;}
.core .right .dot-list li:last-child{margin: 0;}
.core .right .dot-list li span{color: #fff; font-weight: 700;}
.core .right .dot-list{padding: 28px 0 40px;}
.core .right .dot-list li::before{content: ''; width: 6px; height: 6px; background: rgba(255,255,255,.6); position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%;}
.core .right .stick-list{padding: 40px 0 0; border-top: 1px solid #fff;}
.core .right .stick-list li{font-size: 22px; line-height: 1.2; margin: 0 0 16px; word-break: keep-all;}
.core .right .stick-list li:last-child{margin: 0;}
.core .right .stick-list li span{font-weight: 700;}
/* #tech .right .stick-list{border-top: none;} */
#tech .red{color: #FF4544; font-weight: 700;}
/* #tech .right .stick-list li{text-indent: -15px; padding-left: 15px; margin: 0 0 30px;} */
/* #tech .right .stick-list li:last-child{margin: 0;} */
.core h3{font-size: 40px; font-weight: 700; margin: 24px 0 0;}

@media screen and (max-width: 1399px) {
  .core .name{max-width: initial; white-space: initial;}
  .core .page0 .box-inner h2{font-size: 30px;}
  .core .page0 .container .title-box{margin: 0 0 390px;}
  .core .page0 .box-inner p{font-size: 16px;}
  .core section .container{flex-direction: column;}
  .core .left{padding: 0;}
  .core section .container>*{flex: 1;}
  .core section .container{justify-content: initial;}
}
@media screen and (max-width: 768px) {
  .core{word-break: keep-all;}
  .core section{padding-bottom: 3rem; padding-top: 7rem; position: relative; z-index: 999; margin-bottom: 0;}
  .core section .container{justify-content: space-between;}
  .core section .container>*{flex: initial;}
  .core .page0 .container .title-box{margin: 0 0 290px}
  .core .page0 .box{width: calc(100% - 30px); height: 401px;}
  .core .page0 .box-inner.active{width: min(var(--container-wide-width), calc(100% - 30px));}
  .core .page0 .box-inner h2{font-size: 24px; margin: 0 0 30px}
  /* .core .page0 .box-inner h2 br{display: none;} */
  .core .name{font-size: 34px; max-width: 240px;}
  .core .page0 .box-inner p{font-size: 14px; word-break: keep-all;}
  .core h2{font-size: 20px;}
  .core .right .dot-list li{font-size: 14px;}
  .core .right .stick-list li{font-size: 16px; text-indent: -12px; padding-left: 12px; line-height: 1.3;}
  .core .right .dot-list li::before{top: 5px; transform: initial;}

  .core + .online-inquiry{z-index: 999; position: relative;}
  /* #tech .right .stick-list li{margin: 0 0 16px; text-indent: -12px; padding-left: 12px;} */
}

/* qc */
.qc-header {background: #fff; padding-bottom: 100px; text-align: center;}
/* 핵심 가치 섹션 */
.core-values {padding: 130px 0 240px; position: relative; overflow: hidden; height: 1794px;}
.core-values .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.values-intro {margin-bottom: 140px; position: relative; z-index: 2;}
.values-intro p {font-size: 34px; color: #fff; word-break: keep-all;}
/* 가치 섹션 */
.value-section {margin-bottom: 126px; position: relative; z-index: 2;}
.value-section:last-child {margin-bottom: 0;}
.value-content {display: flex; align-items: flex-start; gap: 343px;}
.value-icon-section {display: flex; align-items: center; gap: 22px; width: 279px;}
.value-icon {width: 70px; height: 70px; background-color: rgba(255,255,255,.58); border: 2px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; min-width: 70px;}
.hygiene .value-icon svg{margin: 0 -8px 0 0;}
.value-title {font-family: var(--ff-third); font-size: 50px; font-weight: 800; letter-spacing: -0.02em; color: #fff;}
.value-description {flex: 1; background: rgba(255,255,255,0); backdrop-filter: blur(27px) brightness(0.96); border-radius: 20px; padding: 33px 42.5px 32px 40px;}
.description-title {font-size: 24px; font-weight: 700; color: #fff; padding-bottom: 24px; border-bottom: 1px solid #707070; margin-bottom: 24px; line-height: 1;}
.description-list {list-style: none; padding: 0; margin: 0;}
.description-list li {font-size: 18px; color: #E1E1E1; margin-bottom: 20px; padding-left: 16px; position: relative; line-height: 1.17;}
.description-list li::before {content: ''; position: absolute; left: 0; top: 50%; background: #C1C1C1; width: 8px; height: 8px; transform: translateY(-50%); border-radius: 50%;}
.description-list li:last-child {margin-bottom: 0;}

@media screen and (max-width: 1399px) {
  .qc-header{padding-bottom: 80px;}
  .core-values{padding: 70px 0 80px;}
  .values-intro{margin-bottom: 40px;}
  .values-intro p{font-size: 16px; text-align: center;}
  .value-content{flex-direction: column; gap: 20px;}
  .value-icon-section{margin: auto; flex-direction: column; gap: 10px;}
  .value-title{font-size: 30px;}
  .description-title{font-size: 18px;}
  .description-list li{font-size: 16px;}
  .value-description{width: 100%;}
  .value-icon{width: 50px; height: 50px; min-width: initial; min-height: 50px;}
  .value-icon svg{width: 30px; height: 30px;}
  .value-section{margin-bottom: 80px;}
}
@media screen and (max-width: 767px) {
  /* .value-icon{display: none;} */
  .core-values{height: initial;}
  .description-title{line-height: 1.3; font-size: 16px; word-break: keep-all;}
  .description-list li{font-size: 14px; word-break: keep-all;}
  .description-list li::before{top: 4px; transform: initial; width: 6px; height: 6px;}

  .values-intro{margin-bottom: 80px;}
}

/* platinum */
.platinum-page>.container{gap: 144.5px;}
.platinum-page>.container>div>section{border-bottom: 1px solid #E1E1E1;}
/* 상단 헤더 섹션 */
.platinum-header {background: #fff; text-align: center; padding-bottom: 152px;}
/* 메뉴 */
.platinum-page .menu{position: sticky; top: 85px; height: 100vh;}
.platinum-page .menu a{font-size: 18px; font-weight: 700; padding: 24px 0; color: #949494; border-bottom: 3px solid #E1E1E1; display: block; width: 210px;}
.platinum-page .menu .active{color: #000000; border-color: #DD1B1A;}
/* 섹션 공통 스타일 */
.platinum-page .section-title {font-size: 30px; margin-bottom: 50px;}
.platinum-page .section-description{font-size: 18px; line-height: 1.66;}
.section-description span{font-weight: 700;}
/* 실리콘이란 섹션 */
.silicone-intro {padding: 0px 0 120px;}
.silicone-intro .img-box{background: #F3F3F3; border-radius: 20px; padding: 45px 54px 57px 55px; margin: 60px 0 0;}
.silicone-intro .img-box img{margin: auto;}

/* 실리콘 고무 특장점 섹션 */
.silicone-features {padding: 120px 0; background: #fff;}
.features-grid {display: grid; grid-template-columns: repeat(6,1fr); gap: 40px 13px; margin-top: 70px;}
.feature-item{box-shadow: 0 15px 25px rgba(0,0,0,.08);}
.feature-item:nth-child(1), .feature-item:nth-child(2){grid-column: span 3;}
.feature-item:nth-child(3), .feature-item:nth-child(4), .feature-item:nth-child(5){grid-column: span 2;}
.feature-content{padding: 28px 24px 34px;}
.feature-item:nth-child(1) .feature-content, .feature-item:nth-child(2) .feature-content{padding: 28px 40px 34px;}
.feature-title{font-size: 24px; font-weight: 700; line-height: 1; margin-bottom: 16px;}
.feature-description{font-size: 16px; line-height: 1.75;}

/* 다양한 활용 섹션 */
.applications {padding: 120px 0;}
.applications-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 13px; margin-top: 70px;}

.app-item{background: #fff; overflow: hidden; position: relative;}
.app-item h3{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; width: 100%; font-size: 24px; font-weight: 700; text-align: center;}

/* 신성실리콘 제품의 차별점 섹션 */
.differentiation {padding: 120px 0; background: #fff;}
.differentiation-content {display: flex; gap: 64px; align-items: center;}
.differentiation-content .cert-image img{max-height: 488px;}
.diff-item {margin-bottom: 22px; background: #F3F3F3; border-radius: 20px; padding: 38px 44px 42px 36px;}
.diff-icon{align-items: center; gap: 10px;}
.diff-icon div{background: #E1E1E1; height: 23px; width: 23px; display: flex; align-items: center; justify-content: center; border-radius: 4px;}
.diff-content {flex: 1; margin: 28px 0 0;}
.diff-title{font-size: 20px; font-weight: 700;}
.diff-title span{color: #DD1B1A;}
.diff-description {font-size: 16px; line-height: 1.75;}
.cert-image img, .product-image img {height: 653px; margin: 3.1px 0 0;}

/* tip섹션 */
.platinum-page>.container>div>.silicone-features.tip{border-bottom: none;}
.silicone-features.tip{padding: 120px 0 240px;}
.silicone-features.tip .features-grid{margin-top: 0;}

@media screen and (max-width: 1399px) {
  .platinum-header{padding: 100px 0 80px;}
  .platinum-page>.container{gap: 80px; flex-direction: column;}
  .platinum-page .menu{height: initial; top: 0; display: grid; grid-template-columns: repeat(3, 1fr);}
  .platinum-page .menu a{padding: 10px; margin: auto;}
  .platinum-page .section-title{font-size: 28px; margin-bottom: 40px;}
  .silicone-intro{padding: 0 0 80px;}
  .silicone-features{padding: 70px 0 80px;}
  .applications{padding: 70px 0 80px;}
  .app-image img{height: 144px; object-fit: cover;}
  .app-item h3{font-size: 20px;}
  .differentiation{padding: 70px 0 80px;}
  .differentiation-content{flex-direction: column-reverse; gap: 40px;}
  .differentiation-images{margin: 0 auto; display: block;}
  .differentiation-list {margin: 0 auto;}
  .feature-description{word-break: keep-all;}
  .feature-item img{width: 100%; object-fit: cover;}
}
@media screen and (max-width: 767px) {
  .differentiation-content .cert-image img{max-height: auto;}

  .platinum-page .menu{grid-template-columns: 1fr;}
  .platinum-page .menu a{width: initial; font-size: 16px; text-align: center;}
  .platinum-page .section-title{margin-bottom: 20px;}
  .platinum-page .section-description{font-size: 16px; word-break: keep-all;}
  .silicone-intro .img-box{padding: 10px; margin: 40px 0 0; overflow-x: scroll;}
  .silicone-intro .img-box img{min-width: 767px;}
  .features-grid{margin-top: 40px; grid-template-columns: 1fr; gap: 40px 0;}
  .feature-title{font-size: 18px;}
  .feature-description{font-size: 14px;}
  .applications-grid{grid-template-columns: repeat(2, 1fr); margin-top: 40px;}
  .app-item h3{font-size: 16px;}
  .cert-image img, .product-image img{height: auto;}
  .diff-item{padding: 20px;}
  .diff-title{font-size: 18px;}
  .diff-description{font-size: 14px; word-break: keep-all;}
  .diff-description br{display: none;}
}

/* patent */
/* 상단 헤더 섹션 */
.patent-header {background: #fff;padding-bottom: 100px;text-align: center;}
/* swiper */
.swiper-section{width: 100%; overflow: hidden;}
.swiper-bg{position: absolute; left: 50%; top: 0px; transform: translateX(-50%); mix-blend-mode: multiply; width: 35%;}
.patent-swiper{padding: 90px 0 192px; overflow: visible;}
.patent-swiper .swiper-slide{transition: all 0.6s ease; transform-origin: center; height: auto; display: flex; flex-direction: column; justify-content: center;}
.patent-swiper .swiper-slide-active {z-index: 2;}
.patent-swiper .swiper-slide img {width: 100%; height: auto; object-fit: contain; display: block; width: 226px; margin: 0 auto 0 0;}
.patent-swiper .swiper-slide-next img, .patent-swiper .swiper-slide-next ~ .swiper-slide img{margin: 0 0 0 auto;}
.patent-swiper .swiper-slide-active img {box-shadow: 0 30px 30px rgba(0,0,0,0.08); width: initial; margin: 0;}

.patent-swiper .swiper-slide h3{height: 36px; font-weight: 700; margin: 34px 0 0; opacity: 0; text-align: center;}
.patent-swiper .swiper-slide-active h3{opacity: 1; font-size: 24px; word-break: keep-all;}

/* 주요 특허 섹션 */
.patent-main {position: relative; padding: 140px 0 120px; overflow: hidden;}
.patent-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.patent-bg img {width: 100%; height: 100%; object-fit: cover;}
.patent-content {text-align: center; color: #fff; position: relative; z-index: 2;}
.patent-title {font-size: 50px; font-weight: 700; margin-bottom: 50px; color: #fff;}
.patent-description {font-size: 20px; line-height: 1.6; color: #fff;}

/* 수상 및 인증내역 섹션 */
.awards-section.certi{padding: 120px 0 0;}
.awards-section{padding: 90px 0 0; background: #fff;}
.awards-content {display: flex; align-items: flex-start; gap: 186px;}
.awards-title {letter-spacing: -0.02em; font-family: var(--ff-third); font-size: 50px; font-weight: 800; flex: 1; width: 286px;}
.awards-right{flex: 1; padding-bottom: 90px; border-bottom: 1px solid #E1E1E1;}
.awards-section.qual .awards-right{padding-bottom: 240px; border-bottom: 0;}
.patent-page .cont-title-box{align-items: flex-end; gap: 20px;}
.patent-page .bottom-subtitle {font-size: 20px; color: #949494; font-weight: 700; line-height: 1;}
.patent-page .bottom-main-title {font-size: 30px; font-weight: 700; line-height: 1;}
.patent-page .awards-description {font-size: 18px; color: #5B5858; margin: 24px 0 50px; word-break: keep-all;}
.patent-page .img-box{display: flex; background: #F5F5F5; border-radius: 20px; width: 100%; align-items: center; justify-content: center; height: 370px; justify-content: space-around;}
.patent-page .img-box img{mix-blend-mode: multiply;}
.patent-page .awards-section.certi .img-box{flex-direction: column; justify-content: center;}
.patent-page .awards-section.certi .img-box .flex{justify-content: space-evenly; width: 100%;}
.patent-page .awards-section.certi .img-box .flex:nth-child(2){margin: 28px 0 38px;}
.patent-page .awards-section.certi .img-box .flex:nth-child(2) .award-item, .patent-page .awards-section.certi .img-box .flex:nth-child(3) .award-item{width: 212px;}
.patent-page .awards-section.certi .img-box img{margin: auto;}

@media screen and (max-width: 1399px) {
  .swiper-bg{width: 64%;}

  .patent-swiper .swiper-slide-prev img, .patent-swiper .swiper-slide:first-child ~ .swiper-slide-prev img, .patent-swiper .swiper-slide-next img, .patent-swiper .swiper-slide-next ~ .swiper-slide img{margin: 0 auto;}
  .patent-swiper .swiper-slide-active h3{font-size: 18px;}
  .patent-main{padding: 100px 0 80px;}
  .patent-title{font-size: 30px;}
  .awards-section.certi{padding: 70px 0 0;}
  .awards-content{flex-direction: column; gap: 40px; align-items: center;}
  .awards-title{font-size: 28px; text-align: center;}
  .patent-page .cont-title-box{flex-direction: column; align-items: center;}
  .patent-page .bottom-main-title{font-size: 20px;}
  .patent-page .bottom-subtitle{font-size: 18px;}
  .patent-page .awards-description{text-align: center; font-size: 16px; margin: 20px 0 40px;}
  .awards-section{padding: 100px 0 0;}
  .awards-section.qual .awards-right{padding-bottom: 140px;}
  .patent-page .img-box{padding-inline: 20px;}
}
@media screen and (max-width: 1000px) {
  .patent-swiper{padding: 100px 0 140px;}
}
@media screen and (max-width: 767px) {
  .swiper-bg{width: 80%;}

  .patent-swiper .swiper-slide img{max-width: 80%;}
  .patent-swiper .swiper-slide-active img{max-width: 100%;}
  .patent-swiper .swiper-slide-active h3{font-size: 14px;}
  .patent-main{margin: 70px 0 80px; margin: 0;}
  .patent-title{margin-bottom: 20px;}
  .patent-description{font-size: 16px; word-break: keep-all;}
  .patent-page .awards-description{font-size: 14px;}
  .patent-page .bottom-main-title{text-align: center;}
  .patent-page .awards-right{width: 100%;}
  .patent-page .img-box{height: initial; padding-block: 40px; gap: 20px;}
  .patent-page .awards-section.certi .img-box .flex{align-items: center; gap: 20px;}
  .patent-page .awards-section.certi .img-box .flex:nth-child(1){display: grid !important; grid-template-columns: repeat(2, 1fr);}
  .patent-page .awards-section.certi .img-box .flex:nth-child(2){margin: 0;}
}
@media screen and (max-width: 550px) {
  .patent-swiper{padding: 60px 0 140px;}
}

/* facilities */
/* 보유 설비 페이지 스타일 */
.equipment-page {padding-top: 0;}
/* 상단 헤더 섹션 */
.equipment-header {background: #fff; padding-bottom: 97px; text-align: center;}
.equipment-header .sub-description {font-size: 20px; color: #5B5858; margin: 20px 0 0;}
/* 저온 슬로우 HTV 성형 섹션 */
.htv-process{padding: 153px 0 356px; color: #fff; position: relative;}
.equipment-page.type2 .htv-process{padding: 153px 0 231px;}
.htv-process>img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.process-content{text-align: center; position: relative; z-index: 1;}
.process-title {font-size: 50px; font-weight: 700; margin-bottom: 57px;}
.equipment-page.type2 .htv-process .process-title{margin-bottom: 40px;}
.process-subtitle {font-size: 30px; font-weight: 700; margin-bottom: 28px;}
.process-description {font-size: 20px; line-height: 1.7; color: #E1E1E1; margin-bottom: 90px;}
.equipment-page.type2 .htv-process .process-description{margin-bottom: 80px;}
.process-steps{display: flex; align-items: center; justify-content: center;}
.process-steps img:nth-child(2n){margin: 0 24px 0 10.5px;}

/* 설비 이미지 목록 섹션 */
.equipment-list {background: #fff;}
.equipment-list .container{border-bottom: 1px solid #E1E1E1; padding: 0px 0 130px;}
.equipment-grid {display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin: -154px 0 0; position: relative; z-index: 10;}
.equipment-page.type2 .equipment-grid{grid-template-columns: repeat(4,1fr);}
.equipment-image{background: #fff; border-radius: 20px; width: 100%; height: 292px; display: flex; align-items: center; justify-content: center; background: #fff; box-shadow: 0 20px 35px rgba(0,0,0,.08); margin: 0 0 28px;}
.equipment-image img{border-radius: 20px;}
.equipment-name {font-size: 20px; font-weight: 700; line-height: 1.7; text-align: center;}

.equipment-list .bottom{gap: 16px; justify-content: center; margin: 124px 0 0;}

/* 생산설비 현황 섹션 */
.production-facilities {padding: 120px 0 239.5px;}
.facilities-header {display: flex; align-items: flex-start; margin-bottom: 78px; gap: 108px;}
.facilities-title {font-size: 40px; font-weight: 700;}
.production-facilities .description-title {font-size: 30px; font-weight: 700; margin-bottom: 28px; color: #000; border-bottom: none; padding-bottom: 0;}
.description-text {font-size: 20px; color: #5B5858;}

.facilities-table{background: #fff; overflow: hidden;}
.equipment-table{width: 100%; border-collapse: separate; border-spacing: 6px 0; table-layout: fixed;}
.equipment-table th{background: #F3F3F3; color: #000; padding: 18px; text-align: center; font-weight: 700; font-size: 20px; line-height: 1.2;}
.equipment-table th:first-child{width: 461px;}
.equipment-table td{padding: 7.55px 0; text-align: center; border-bottom: 1px solid #E1E1E1; font-size: 18px; line-height: 1.66;}
.equipment-table tr:last-child td{border-bottom: 3px solid #E1E1E1;}
.equipment-category{font-weight: 700;}
.last-border{border-bottom: 3px solid #E1E1E1 !important;}

@media screen and (max-width: 1399px) {
  .equipment-header .sub-description{font-size: 18px;}
  .htv-process{padding: 70px 0 240px;}
  .equipment-page.type2 .htv-process{padding: 100px  0 200px;}
  .process-title{font-size: 30px; margin-bottom: 40px;}
  .process-subtitle{font-size: 22px; margin-bottom: 20px;}
  .process-description{font-size: 16px; line-height: 1.5;}
  #equipment .process-steps img{max-width: 200px;}
  .process-steps img:nth-child(2n){margin: 0 -20px 0 -40px; z-index: 1;}
  .equipment-grid{grid-template-columns: repeat(3, 1fr); margin: -120px 0 0;}
  .equipment-page.type2 .equipment-grid{grid-template-columns: repeat(2, 1fr);}
  .equipment-list .container{padding: 0 0 80px;}
  .production-facilities{padding: 70px 0 80px;}
  .facilities-header{flex-direction: column; align-items: center; gap: 40px; text-align: center; margin-bottom: 60px;}
  .facilities-title{font-size: 30px;}
  .production-facilities .description-title{font-size: 24px; margin-bottom: 20px;}
  .production-facilities .container{width: 100%;}
  .description-text{font-size: 18px;}
  .facilities-table{overflow-x: scroll; padding: 0 50px 10px;}
  .equipment-table{min-width: 1000px;}
  .equipment-table th{font-size: 18px;}
  .equipment-table td{font-size: 16px;}
  .equipment-page.type2 .htv-process .process-description{margin-bottom: 40px;}
  .equipment-list .bottom{margin: 16px 0 0; flex-wrap: wrap; justify-content: flex-start;}
  .equipment-list .bottom div{width: calc(50% - 16px);}
  .equipment-list .bottom div *{width: 100%;}
}
@media screen and (max-width: 767px) {
  .equipment-header .sub-description{font-size: 16px;}
  .process-title{font-size: 24px;}
  .process-subtitle{font-size: 20px;}
  .process-steps{flex-direction: column;}
  .process-steps img:nth-child(2n){margin: 0; transform: rotate(90deg);}
  #equipment .process-steps img{max-width: 240px;}
  .equipment-grid{grid-template-columns: 1fr;}
  .equipment-page.type2 .equipment-grid{grid-template-columns: 1fr;}
  .equipment-image{margin: 0 0 20px;}
  .equipment-name{font-size: 16px; line-height: 1.5;}
  .facilities-title{font-size: 24px;}
  .production-facilities .description-title{font-size: 20px;}
  .description-text{font-size: 16px;}
  .equipment-table th:first-child{width: 280px;}
  .equipment-list .bottom{gap: 0;}
  .equipment-list .bottom div{width: 100%;}
}

/* others */
.others .production-facilities{background: #F5F5F5; padding: 130px 0 212px;}
.others .facilities-header{justify-content: center; margin-bottom: 60px;}
.others .equipment-table{width: fit-content; margin: auto;}
.others .facilities-table{background: none;}
.others .equipment-table th{background: #E1E1E1;}
.others .equipment-table th:not(:first-child){width: 306px;}

/* product */
/* prod-main-visual */
.prod-main-visual{height: 811px; position: relative; padding: 207px 0 0;}
.prod-main-visual img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.prod-main-visual .flex{justify-content: flex-end;}
.prod-main-visual a{color: #949494; font-size: 14px;}
.prod-main-visual .active{color: #DD1B1A; font-weight: bold;}
.prod-main-visual h1{font-size: 90px; font-weight: 800; line-height: 1.2; letter-spacing: -0.02em; font-family: var(--ff-third); margin: 22px 0 36px;}
.prod-main-visual h1 span{display: block;}
.prod-main-visual h2{line-height: 1.75;}
.prod-main-visual .lnb{justify-content: space-between; max-width: 1056px; margin: 114px auto 0; background: rgba(255,255,255,0); backdrop-filter: blur(30px) brightness(1.2); padding: 8px; border-radius: 23px;}
.prod-main-visual .lnb li{position: relative; flex: 1; text-align: center; cursor: pointer;}
.prod-main-visual .lnb li>div{border-radius: 23px; text-align: center; color: #949494; font-size: 18px; font-weight: 700; padding-block: 7px;}
.prod-main-visual .lnb li .sub-lnb{position: absolute; left: 0; top: 53px; width: 100%; background: #fff; border-radius: 14px; padding-block: 18px; display: flex; flex-direction: column; gap: 24px; display: none;}
.prod-main-visual .lnb li .sub-lnb a{font-size: 16px; width: 100%; display: block; height: 100%;}

@media (hover: hover) {
    .prod-main-visual .lnb li:hover::after{content: ''; width: 100%; height: 40px; position: absolute; left: 0; bottom: -20px; z-index: -1;}
    .prod-main-visual .lnb li:hover>div{background: #DD1B1A; color: #fff;}
    #living .prod-main-visual .lnb li:hover>div a{background: #DD1B1A; color: #fff;}
    #industrial .prod-main-visual .lnb li:hover>div a{background: #DD1B1A; color: #fff;}
    .prod-main-visual .lnb li:hover .sub-lnb{display: flex;}
    .prod-main-visual .lnb li .sub-lnb a:hover{color: #000; font-weight: 700;}
}

/* prod-body */
.prod-body h3{font-size: 50px; font-weight: 700;}
.prod-body>div:nth-child(1){padding-block: 140px;}
.prod-body>div:nth-child(1) .container>.flex>div{flex: 1; display: flex; flex-direction: column;}
.prod-body>div:nth-child(1) p{color: #535353; font-size: 18px; margin: 20px 0 34px;}
.prod-body>div:nth-child(1) a{font-size: 18px; font-weight: 700; border: 1px solid #000; max-width: 161px; border-radius: 23px; text-align: center; padding-block: 9px;}
.prod-body>div:nth-child(1) .icon-box{margin: auto 0 0; gap: 5px;}
.prod-body .swiper{min-width: 767px;}
.prod-body .swiper img{min-width: 767px;}
.prod-body .swiper button{background: rgba(255,255,255,.8); width: 57px; height: 57px; border-radius: 50%;}
.prod-body .swiper button::after{display: none;}
.prod-body .swiper .swiper-button-next{transform: rotate(180deg); right: 20px;}
.prod-body .swiper .swiper-button-prev{left: 20px;}
.prod-body .swiper .swiper-button-disabled{opacity: 1;}
.prod-body .swiper .swiper-button-disabled path{stroke: #5b5858;}
.prod-body .features{padding: 140px 0 194px;}
.prod-body .features h3{margin: 0 0 100px; text-align: center;}
.prod-body .features .grid{grid-template-columns: repeat(2, 1fr); gap: 120px 40px;}
.prod-body .features .flex{justify-content: space-between; padding: 30px 0 0;}
.prod-body .features b{font-size: 30px;}
.prod-body .features p{font-size: 20px; line-height: 1.7; min-width: 460px;}
.prod-body .produce{padding-block: 120px 140px;}
.prod-body .produce .flex{justify-content: space-between;}
.prod-body .produce p{font-size: 18px; line-height: 1.66;}
.prod-body .produce h3{line-height: 1;}
.prod-body .produce .grid{grid-template-columns: repeat(4,1fr); gap: 20px; margin: 90px 0 0;}
.prod-body .produce .grid li{border-radius: 20px; overflow: hidden; box-shadow: 0 15px 25px rgba(0,0,0,.08);}
.prod-body .produce .bottom{background: #fff; text-align: center; padding-block: 30px 36px;}
.prod-body .produce b{font-size: 24px; display: block; margin: 0 0 16px;}
.prod-body .produce span{color: #707070; font-size: 16px;}
.prod-body .partner{padding-block: 140px 160px;}
.prod-body .partner h3{text-align: center; margin: 0 0 90px;}
.prod-body .partner .grid{grid-template-columns: repeat(6,1fr); gap: 30px 45px;}
.prod-body .partner .grid li{border: 1px solid #E1E1E1; display: flex; align-items: center; justify-content: center; height: 106px;}
.online-inquiry{padding-block: 135px; position: relative;}
.online-inquiry .container{justify-content: space-between; padding-right: 141.5px;}
.online-inquiry h3{font-family: var(--ff-third); font-weight: 800; font-size: 70px; letter-spacing: -.02em; line-height: 1;}
.online-inquiry h3 span{display: block; padding-left: 60px;}
.online-inquiry b{font-size: 30px; line-height: 1.466;}
.online-inquiry b span{color: #DD1B1A;}
.online-inquiry p{font-size: 18px; font-weight: 500; margin-block: 29px 50px;}
.online-inquiry a{display: flex; align-items: center; justify-content: center; width: fit-content; border: 1px solid #000; gap: 20px; border-radius: 23px; font-size: 18px; font-weight: 700; height: 45px; width: 207px;}

@media (hover: hover) {
    .prod-body>div:nth-child(1) a:hover{background: #000; color: #fff;}
    .online-inquiry a:hover{background: #000; color: #fff;}
    .online-inquiry a:hover svg path{stroke: #fff;}
    .online-inquiry a:hover svg line{stroke: #fff;}
}

@media screen and (max-width: 1399px) {
  .prod-main-visual{padding: 100px 0 0;}
  .prod-main-visual h1{font-size: 60px;}
  .prod-main-visual .lnb{margin: 100px auto 0;}
  .prod-main-visual{height: 600px;}
  .prod-body{text-align: center;}
  .prod-body .bg-gray .container>.flex{flex-direction: column;}
  .prod-body h3{font-size: 41px; line-height: 1;}
  .prod-body>div:nth-child(1){padding-block: 100px 140px;}
  .prod-body>div:nth-child(1) p{margin: 20px 0 40px;}
  .prod-body>div:nth-child(1) a{margin: auto; font-size: 16px; padding-inline: 12px;}
  .prod-body>div:nth-child(1) .icon-box{justify-content: center; margin: 20px 0 40px;}
  .prod-body>div:nth-child(1) .icon-box img{width: 120px;}
  .prod-body .swiper, .prod-body .swiper img{min-width: initial; width: 100%;}
  .prod-body .features{padding: 100px 0 140px;}
  .prod-body .features .grid{gap: 40px 20px;}
  .prod-body .features .flex{flex-direction: column;}
  .prod-body .features b{font-size: 24px; margin: 0 0 20px;}
  .prod-body .features p{font-size: 16px; min-width: initial;}
  .prod-body .produce{padding-block: 100px 140px;}
  .prod-body .produce .flex{gap: 20px;}
  .prod-body .produce .grid{margin: 40px 0 0; grid-template-columns: repeat(2, 1fr);}
  .prod-body .produce .grid li img{width: 100%;}
  .prod-body .partner h3{margin: 0 0 40px;}
  .prod-body .partner .grid{gap: 10px; grid-template-columns: repeat(4, 1fr);}
}
@media screen and (max-width: 767px) {
  .prod-main-visual{height: 460px;}
  .prod-main-visual::before{content: ''; background: rgba(0,0,0,.3); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
  .prod-main-visual .flex{justify-content: center;}
  .prod-main-visual a{color: #fff;}
  .prod-main-visual .lnb{display: none !important;}
  .prod-main-visual a{font-size: 12px;}
  .prod-main-visual h1{text-align: center; font-size: 39px; margin: 36px 0;}
  .prod-main-visual h1 span{padding: 0 !important;}
  .prod-main-visual h2{text-align: center;}
  .prod-main-visual .lnb li{display: flex; align-items: center; justify-content: center;}
  .prod-main-visual .lnb li>div{font-size: 14px; word-break: keep-all;}
  .prod-main-visual .lnb li .sub-lnb a{font-size: 12px; padding: 10px 0;}
  #industrial .prod-main-visual .lnb li>div>a{font-size: 16px !important;}

  .prod-body h3{font-size: 30px; line-height: 1.3;}
  .prod-body>div:nth-child(1) p{font-size: 16px;}
  .prod-body>div:nth-child(1) .icon-box img{width: 70px;}
  .prod-body .swiper button{width: 37px; height: 37px;}
  .prod-body .features h3{margin: 0 0 40px;}
  .prod-body .features .grid{grid-template-columns: 1fr;}
  .prod-body .features .flex{gap: 14px;}
  .prod-body .features b{font-size: 18px; margin: 0;}
  .prod-body .features p{font-size: 14px;}
  .prod-body .produce p{font-size: 16px;}
  .prod-body .produce .grid{grid-template-columns: 1fr;}
  .prod-body .produce b{font-size: 18px;}
  .prod-body .produce span{font-size: 14px;}
  .prod-body .partner .grid{grid-template-columns: repeat(4, 1fr);}
  .prod-body .partner .grid li{height: auto;}
  .prod-body .partner .grid img{width: 100%;}
}

/* all-prod */
.all-prod .all-header{padding: 207px 0 116px;}
.all-prod .all-header .flex{justify-content: flex-end;}
.all-prod .all-header a{color: #949494; font-size: 14px;}
.all-prod .all-header .active{color: #DD1B1A; font-weight: bold;}
.all-prod .all-header h1{font-size: 70px; font-weight: 800; letter-spacing: -0.02em; font-family: var(--ff-third); margin: 22px 0 86px;}
.all-prod .all-header ul{display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.all-prod .all-header ul a{position: relative;}
.all-prod .all-header ul a img{height: 546px; width: 342px;}
.all-prod .all-header ul a span{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-family: var(--ff-third); font-weight: 700; font-size: 30px; color: #fff; width: 100%; text-align: center;}
.all-prod .content{padding: 130px 0 160px; text-align: center;}
.all-prod .content h2{font-family: var(--ff-third); font-size: 40px; font-weight: 900; letter-spacing: -0.02em; color: #DD1B1A;}
.all-prod .content h3{font-size: 34px; font-weight: 700; margin: 34px 0 20px;}
.all-prod .description{font-size: 20px; color: #5B5858;}
.all-prod .content ul{margin: 100px 0 0; display: flex; flex-direction: column; gap: 90px;}
.all-prod .content .flex{gap: 13px;}
.all-prod .content .flex>div:not(.swiper){width: 342px; height: 342px; padding: 50px 22px 38px 31px; border: 1px solid #E2E2E2; background: #F7F7F7; mix-blend-mode: multiply; border-radius: 20px; display: flex; flex-direction: column; align-items: flex-start; text-align: left;}
.all-prod .content .flex>div:not(.swiper) b{font-size: 30px; font-weight: 700; line-height: 1.33;}
.all-prod .content .flex>div:not(.swiper) p{color: #B0B0B0; margin: 12px 0 0;}
.all-prod .content .flex>div:not(.swiper) a{color: #949494; font-size: 17px; font-weight: 600; background: #E1E1E1; border-radius: 20px; width: fit-content; padding: 10px 22px; line-height: 1; margin: auto 0 0 auto;}
.all-prod .content .flex .swiper{flex: 1; border-radius: 20px;}
.all-prod .content .flex>div:not(.swiper).hover-effect{color: #fff; background: #DD1B1A;}
.all-prod .content .flex>div:not(.swiper).hover-effect p{color: #fff;}
.all-prod .content .flex>div:not(.swiper).hover-effect a{background: #fff; color: #DD1B1A;}
.all-prod .swiper button{background: rgba(255,255,255,.8); width: 50px; height: 50px; border-radius: 50%;}
.all-prod .swiper button::after{display: none;}
.all-prod .swiper .swiper-button-next{transform: rotate(180deg); right: 10px;}
.all-prod .swiper .swiper-button-prev{left: 10px;}
.all-prod .swiper .swiper-button-disabled{opacity: 1;}
.all-prod .swiper .swiper-button-disabled path{stroke: #5b5858;}


@media (hover: hover) {
    .all-prod .all-header ul a:hover span{font-size: 40px;}
    .all-prod .all-header ul li:first-child a:hover img{content: url(../images/product/all-kitchen-hover.png);}
    .all-prod .all-header ul li:nth-child(2) a:hover img{content: url(../images/product/all-baby-hover.png);}
    .all-prod .all-header ul li:nth-child(3) a:hover img{content: url(../images/product/all-living-hover.png);}
    .all-prod .all-header ul li:last-child a:hover img{content: url(../images/product/all-industrial-hover.png);}

}

@media screen and (max-width: 1500px) {
  .all-prod .swiper-slide img{height: 100%; object-fit: cover; width: 100%;}
}
@media screen and (max-width: 1399px) {
  .all-prod .all-header{padding: 100px 0 80px;}
  .all-prod .all-header .flex{justify-content: center;}
  .all-prod .all-header h1{font-size: 41px; margin: 20px 0 40px; text-align: center;}
  .all-prod .all-header ul li{border-radius: 20px; overflow: hidden;}
  .all-prod .all-header ul a img{object-fit: cover;}
  .all-prod .content{padding: 80px 0 100px;}
  .all-prod .content h2{font-size: 24px;}
  .all-prod .content h3{font-size: 20px; margin: 20px 0 40px;}
  .all-prod .description{font-size: 16px;}
  .all-prod .content li>.flex{flex-direction: column;}
  .all-prod .content .flex>div:not(.swiper){width: 100%; height: 220px;}
  .all-prod .content li .swiper{width: 100%;}
  .all-prod .content ul{gap: 60px;}
  .online-inquiry{padding-block: 100px 140px;}
  .online-inquiry .container{flex-direction: column; padding: 0; align-items: center;}
  .online-inquiry h3{font-size: 41px;}
  .online-inquiry h3 span{padding-left: 0;}
  .online-inquiry b{margin: 20px 0 0; display: block; text-align: center; font-size: 20px;}
  .online-inquiry p{text-align: center; font-size: 16px; margin: 20px 0 40px;}
  .online-inquiry a{margin: auto; font-size: 16px; height: 30px;}
}
@media screen and (max-width: 767px) {
  .all-prod .all-header{padding: 100px 0 40px;}
  .all-prod .all-header h1{font-size: 30px;}
  .all-prod .all-header ul{justify-content: center; display: grid; grid-template-columns: repeat(2, 1fr);}
  .all-prod .all-header ul a{display: flex; align-items: center; justify-content: center;}
  .all-prod .all-header ul a img{height: 180px;}
  .all-prod .all-header ul a span{font-size: 24px;}
  .all-prod .content{padding: 40px 0 80px;}
  .all-prod .content ul{margin: 40px 0 0;}
  .all-prod .content .flex>div:not(.swiper){height: 180px; padding: 20px 18px;}
  .all-prod .content .flex>div:not(.swiper) b{font-size: 18px;}
  .all-prod .content .flex>div:not(.swiper) p{font-size: 14px;}
  .all-prod .content .flex>div:not(.swiper) a{font-size: 16px;}
  .all-prod .content .flex .swiper, .all-prod .content .flex .swiper-wrapper, .all-prod .content .flex .swiper-slide, .all-prod .swiper-slide img{min-height: 180px;}
  .online-inquiry{padding-block: 70px 80px; padding-inline: 15px;}
  .online-inquiry h3{font-size: 30px;}
  .online-inquiry b{font-size: 18px;}
  .online-inquiry p{font-size: 14px;}
  .online-inquiry a{width: 170px;}
}

/* product-kitchen */
#kitchen .prod-main-visual h1{color: #000;}
#kitchen .prod-main-visual h1 span{padding: 0 0 0 138px;}
#kitchen .prod-main-visual h2{color: #000;}

/* product-living */

/* product-Industrial */
/* product-kitchen */
#industrial .prod-main-visual h1{color: #000;}
#industrial .prod-main-visual h2{color: #000;}
#industrial .prod-main-visual .lnb li>div{padding-block: initial;}
#industrial .prod-main-visual .lnb li>div>a{width: 100%; height: 100%; display: block; border-radius: 23px; padding-block: 7px; font-size: 18px;}
#industrial .prod-body>div:nth-child(1){background: #fff;}
#industrial .features{display: none;}
#industrial .produce{display: none;}
#industrial .partner{display: none;}

/* support */
/* news */
.support-header{text-align: center;}
.support-header .container{padding: 0 0 100px;}
.support-header .slogan{color: #949494;}
.support-header .slogan span{color: #000;}

.news-room .container{padding: 70px 0 240px; border-top: 2px solid #CA0011;}
.news-room .grid{display: grid; grid-template-columns: repeat(3,1fr); gap: 60px 28px;}
.news-room .grid li{border-radius: 20px; overflow: hidden;}
.news-room .grid li .thumb{width: 448px; height: 303px; border: 1px solid #F3F3F3; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.news-room .grid li .content{background-color: #F3F3F3; padding: 32px 30px 34px; height: 194px;}
.news-room .grid li .content .wrap{display: flex; flex-direction: column; justify-content: center; height: 100%;}
.news-room .grid li .tag{font-size: 14px; font-weight: 700; border-radius: 14px; width: 72px; display: flex; align-items: center; justify-content: center; height: 22px; background-color: #5B5858; color: #fff;}
.news-room .grid li .tag.new{background-color: #DD1B1A;}
.news-room .grid li .title{font-size: 20px; word-break: keep-all; margin: 20px 0 auto;}
.news-room .more{display: flex; align-items: center; justify-content: center; max-width: 182px; width: 100%; border: 1px solid #000; margin: 100px auto 0; border-radius: 25px; font-size: 18px; font-weight: 700; gap: 14px; height: 45px;}
.news-room .list-empty{grid-column: span 3;}

.news-view .title{margin: 0;;}
.news-view .board-view{padding-bottom: 240px;}

/* inquiry */
.inquiry-page #inq-form{border-top: 2px solid #CA0011; padding-bottom: 240px;}
.inquiry-page .dd-form-table tbody tr :where(th, td){padding-block: 24px;}
.dd-inp{max-width: 400px;}
.inquiry-page .dd-inp .inp-box textarea{max-width: 100%;}
.inquiry-page tr{border-bottom: 1px solid #E1E1E1;}
.inquiry-page .dd-form-table tbody tr th .label{font-size: 18px;}
.inquiry-page .dd-inp .inp-box{background: #fff; border-radius: 10px;}
.inquiry-page .email .inquiry-page .dd-inp .inp-box textarea, .inquiry-page .email .dd-inp, .inquiry-page .cont .inquiry-page .dd-inp .inp-box textarea, .inquiry-page .cont .dd-inp, .inquiry-page .file .inquiry-page .dd-inp .inp-box textarea, .inquiry-page .file .dd-inp{max-width: 100%;}
.inquiry-page .file .dd-inp{flex-direction: initial;}
.inquiry-page .dd-file{gap: 22px;}
.inquiry-page .dd-file .file-row{width: fit-content;}
.inquiry-page .dd-file .file-box label{width: fit-content;}
.inquiry-page .dd-file .file-box label .label{border-top-left-radius: 10px; border-bottom-left-radius: 10px; width: 372px;}
.inquiry-page .dd-file .file-box label{gap: 0; font-weight: 500; font-size: 14px;}
.inquiry-page .dd-file .file-box .btn-find{border-top-right-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid #D9D9D9; background: #E1E1E1; justify-content: space-between;}
.inquiry-page .dd-file + .inp-notice{font-size: 16px; font-weight: 500; color: #929292; margin: 16px 0 0; display: block;}
.inquiry-page .dd-form-indiv-policy .title{color: #000; font-size: 24px;}
.inquiry-page .dd-form-indiv-policy .content{border-radius: 20px;}
.inquiry-page .dd-form-indiv-policy .checks{padding-top: 80px;}
.inquiry-page .dd-form-indiv-policy .dd-inp{max-width: 100%; justify-content: center;}
.inquiry-page .dd-form-foot{justify-content: center !important;}
.inquiry-page .dd-form .submit-button{background: initial; border-radius: 27px; color: #000; border: 1px solid #000; display: flex; align-items: center; gap: 19px; padding: 0; width: 174px; height: 53px; justify-content: center;}
.inquiry-page .dd-inp .checkbox-group .checkbox label .chck.radio::before{background: url(../images/common/check.svg) no-repeat center; background-size: contain;}
.inquiry-page .dd-form-indiv-policy .dd-inp .checkbox-group .checkbox label input:checked ~ .label{color: #DD1B1A;}
.inquiry-page .dd-form-indiv-policy .dd-inp .checkbox-group .checkbox label .label{color: #000;}


@media (hover: hover) {
    .news-room .more:hover{background: #000; color: #fff;}
    .news-room .more:hover svg line{stroke: #fff;}

    .inquiry-page .dd-form .submit-button:hover{background: #000; color: #fff;}
    .inquiry-page .dd-form .submit-button:hover svg path{stroke: #fff;}
    .inquiry-page .dd-form .submit-button:hover svg line{stroke: #fff;}
}

@media screen and (max-width: 1399px) {
  .news-room .grid{grid-template-columns: repeat(2, 1fr);}
  .news-room .grid li .thumb{width: 100%; object-fit: cover;}
}
@media screen and (max-width: 767px) {
  .support-header .container{padding: 0 0 80px;}
  .inquiry-page #inq-form{padding-bottom: 140px;}
  .news-room .grid{grid-template-columns: 1fr; gap: 20px;}
  .inquiry-page .dd-form-table tbody tr :where(th, td){padding-block: 14px;}
  .inquiry-page .file .dd-inp{flex-direction: column;}
  .inquiry-page .dd-file .file-row{width: 100%;}
  .dd-file .file-box{width: 100%;}
  .inquiry-page .dd-file .file-box label{width: 100%;}
  .inquiry-page .dd-file .file-box label .label{width: 100%;}
  .inquiry-page .dd-file + .inp-notice{font-size: 12px;}
  .inquiry-page .dd-form-indiv-policy .title{font-size: 20px;}
  .inquiry-page .dd-form-table tbody tr th .label{font-size: 16px;}
  .inquiry-page .dd-form-indiv-policy .checks{padding-top: 40px;}
  .inquiry-page .dd-form-indiv-policy .dd-inp .checkbox-group{align-items: flex-start;}
  .inquiry-page .dd-form-foot{padding-top: 40px;}
  .inquiry-page .dd-form .submit-button{font-size: 16px; width: 144px; height: 43px;}
}

/* Temp */
@media (hover: hover) {}
@media screen and (max-width: 1399px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 499px) {}