@charset "utf-8";
/* Base */
.sp-head {margin-bottom: 60px;}
.sp-head .sp-tit-tag {font-size: 36px; font-weight: 700; color: var(--primary); display: block; margin-bottom: 25px;}
.sp-head .sp-tit {font-size: 44px; font-weight: 400; line-height: 1.5; word-break: keep-all;}
.sp-head .sp-desc {font-size: 18px; font-weight: 400; line-height: 1.5; word-break: keep-all; margin-top: 12px;}

.sp-content {padding-block: 148px;}
.sp-content:last-child {padding-bottom: 155px;}

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

.cont-box{padding: 177px 0 211px;}
.title{font-size: 50px; margin-bottom: 97px;}
.title span{font-weight: 700;}
.menu-name{font-size: 28px; font-weight: 700; color: #FF7700; line-height: 1.39;}
.bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.gray-bg{background: #F6F6F6;}
.bold{font-weight: 700;}
.text p{font-size: 18px; line-height: 1.66;}
.half{display: flex; justify-content: space-between;}
.black *{color: #000 !important;}
.h-full{height: 100%;}
.gray-color{color: #5B5B5B;}
.blue-color{color: #0093E5;}
.sky-color{color: #00C1C8;}
.green-color{color: #6EBF39;}

/* overview */
.overview .text{display: flex; flex-direction: column; gap: 24px;}
.overview .text p{line-height: 1.66;}
.overview .grid{grid-template-columns: repeat(4, 1fr); gap: 10px; padding-top: 82.5px;}
.overview .grid li{width: 293px; height: 289px; position: relative; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; text-align: center;}
.overview .grid img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.overview .grid span{border: 1px solid #fff; background: rgba(0,0,0,.67); border-radius: 200px; padding-inline: 18.5px; height: 33px; display: flex; align-items: center;}
.overview .grid p{font-size: 20px; font-weight: 600; line-height: 1.35; margin-block: 13px 30px;}

/* history */
.history{position: relative; color: #fff; overflow: hidden;}
.history .cont-box{padding: 195px 0 193px;}
.history-content {background: #fff;}
.content-grid {display: grid; grid-template-columns: 553px 1fr;}
.philosophy-section {display: flex; flex-direction: column;}
.philosophy-section.left{position: relative;}
.philosophy-section.left h3{font-size: 50px; margin: 0 0 32px;}
.philosophy-section.left span{font-weight: 700;}
.timeline-section {position: relative;}
.vertical-timeline {position: relative; --progress: 0%; /* CSS 변수 추가 */ padding-bottom: 97px;}

/* 기존 회색 막대 유지 */
.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: var(--primary); height: var(--progress); transition: height 0.3s ease; border-radius: 10px;}
.timeline-item{position: relative; margin-bottom: 80px; padding-left: 70px; display: flex; flex-direction: column;}
.timeline-item:last-child{margin-bottom: 0;}
.timeline-year{font-size: 52px; font-family: var(--ff-third); line-height: 1.3; margin: 0 0 20px; color: #B1B1B1;}
.timeline-item.active .timeline-year{color: #fff;}
.timeline-content ul{list-style: none; border-top: 1px solid #E6E6E6;}
.timeline-content li{font-size: 17px; color: #717171; position: relative; border-bottom: 1px solid #E6E6E6; padding-block: 16px;}
.timeline-content li .num{margin: 0 29px 0 0; font-weight: 700; width: 58px; display: inline-block;}
.timeline-content li span:not(.num){display: block; text-indent: 91px; margin: 10px 0 0;}
.timeline-item.active .timeline-content li{color: #fff;}
.timeline-item.active .timeline-content li .num{color: var(--primary);}
.timeline-content li:last-child{margin-bottom: 0;}

@media screen and (max-width: 1399px) {
  .history .menu-name{text-align: left;}
  .content-grid{grid-template-columns: 320px 1fr;}
  .timeline-content li{word-break: keep-all;}
  .timeline-content li .num{margin: 0 10px 0 0}

  .timeline-year{font-size: 60px;}
  .philosophy-section.left h3{font-size: 30px;}
  .timeline-content li{font-size: 14px;}
  .timeline-content li .t.pl{padding-left: 44px; display: inline-block;}
  .timeline-item{padding-left: 30px;}
  .timeline-content li span:not(.num){text-indent: 0; padding-left: 72px;}
}
@media screen and (max-width: 767px) {
  .timeline-item{padding-left: 30px; margin-bottom: 40px;}
  .timeline-item{flex-direction: column; gap: 10px;}
  .content-grid{grid-template-columns: 1fr;}
  #history .philosophy-section{text-align: center; margin-bottom: 60px;}
  .timeline-year{font-size: 24px; margin: 0 0 20px;}
  .timeline-item:nth-child(7), .timeline-item:nth-child(17){margin-bottom: 80px;}

  .timeline-section{overflow: hidden;}
  .philosophy-section.left{gap: 0;}
  .philosophy-item{margin: 0 0 20px !important;}
  .philosophy-section.left h3{font-size: 20px; margin: 0 0 40px;}
  .timeline-item .timeline-content li .num{text-indent: 0;}

  .timeline-content li{text-indent: -72px; padding-left: 72px;}
  .timeline-content li span:not(.num){text-indent: 0; margin: 10px 0 0; padding-left: 0;}
}


/* partnership */
#partnership .text p{font-size: 20px;}
#partnership .text ul.flex{align-items: center; margin-top: 24px;}
#partnership .text li{ font-size: 18px; position: relative; line-height: 1.44;}
#partnership .text li:nth-child(2n){margin-inline: -15px; z-index: 1;}
#partnership .text li:nth-child(2n+1){border: 1px solid #9C9C9C; border-radius: 54px; width: 299px; text-align: center; padding-block: 8px; background: #fff;}
#partnership .text.reverse li:nth-child(2n+1){background: #FF7700; border: none; color: #fff;}
#partnership .text li span{font-weight: 700; color: #FF7700;}
#partnership .text.reverse li span{color: #fff;}
#partnership .scroll-box-x{margin-block: -17px -40px;}
#partnership .half.black{gap: 51px;}
#partnership .half.black .menu-name{color: #000; border-top: 1px solid  #000; padding-top: 11.5px; font-size: 22px; width: 252px;}
#partnership .grid{grid-template-columns: repeat(5, 1fr); gap: 39px 7px; text-align: center;}
#partnership .grid li{min-width: 173px;}
#partnership .grid li div{background: #fff; height: 67px; display: flex; align-items: center; justify-content: center;;}
#partnership .grid li .nation{font-size: 16px; font-weight: 700; padding-block: 7px 4px; border-bottom: 1px solid #BCBCBC; margin-bottom: 16px;}
#partnership .grid li .np-name{font-size: 16px;}
.grid-title{display: flex; padding-left: 4px; border-top: 1px solid #C1C1C1; padding-top: 20px;}
.grid-title b{line-height: 1.4; font-size: 20px;}
.grid-title span{font-weight: 700;}

.dot{width: 14px; height: 14px; border-radius: 50%; position: relative; margin: 6px 18px 0 0;}
.dot::before{content: ''; position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; border-radius: 50%; transform: translate(-50%, -50%);}
.red-dot{background: #EC0000;}
.red-dot + b span{color: #EC0000;}
.red-dot::before{background: rgba(236,0,0,.35);}
.green-dot{background: #00C113;}
.green-dot::before{background: rgba(0,193,19,.35);}
.green-dot + b span{color: #00C113;}
.blue-dot{background: #0081F2;}
.blue-dot::before{background: rgba(0,129,242,.35);}
.blue-dot + b span{color: #0081F2;}
.half:has(.partners){margin-top: 84px; gap: 50.5px;}
.half:has(.partners):last-child{margin-top: 58px;}
.partners{display: grid; grid-template-columns: repeat(3, 1fr); margin-block: 0; gap: 23px;}
.partners div{border: 1px solid #D2D2D2; border-radius: 10px; display: flex; align-items: center; justify-content: center; height: 89px; width: 283px;}
.half.half:has(.partners):nth-child(3) .partners div:nth-child(2) img{max-width: 180px;}

/* ci */
#ci .cont-box{padding: 177px 0 0;}
.ci-img{margin-bottom: 95px;}
#ci span.menu-name{margin-bottom: 45px; display: block;}
#ci .half.black .menu-name{border-top: 1px solid #000; padding-top: 11.5px; font-size: 22px; width: 252px;}
#ci .half.black ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;}
#ci .half.black ul li{display: flex; align-items: center; justify-content: center; border: 1px solid #D4D4D4; width: 441px; border-radius: 10px; height: 138px;}
#ci .half.black ul li img{height: 111px;}
#ci .half.black:last-child{margin-block: 75px 194px;}
#ci .half.black:last-child ul{grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
#ci .half.black:last-child ul li{width: 286px; height: 202px;}
#ci .gray-bg{padding-block: 120px 247px;}
#ci .gray-bg ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px 17px;}
#ci .gray-bg ul li{color: #fff; display: flex; width: 445px; height: 182px; flex-direction: column; justify-content: space-between; padding: 20px 21px 24px;}
#ci .gray-bg ul li:first-child{background: #F99E1C;}
#ci .gray-bg ul li:nth-child(2){background: #B82E3B;}
#ci .gray-bg ul li:nth-child(3){background: linear-gradient(90deg,rgba(184, 46, 59, 1) 0%, rgba(72, 12, 14, 1) 100%);}
#ci .gray-bg ul li:last-child{background: #000000;}
#ci .gray-bg ul li>p{font-size: 24px;}
#ci .gray-bg ul li>p span{font-weight: 700;}
#ci .gray-bg ul li div p{margin-bottom: 5px;}
#ci .gray-bg ul li div p:last-child{margin-bottom: 0px;}
#ci .gray-bg ul li div p span{font-weight: 700; width: 47px; display: inline-block; margin-right: 29px;}

/* product */
.product .cmp-lnb__dropdown:not(.no-dropdown) .val{color: #000;}
.product .cmp-lnb__dropdown:not(.no-dropdown) path{stroke: #9C9C9C;}
.product .cmp-lnb__home_btn path, .product .cmp-lnb__home_btn rect{fill: #9C9C9C;}
.product .intro-hero .subpage_intro__lnb{background: none; border-top: 1px solid #D5D5D5;}
.product .intro-hero .subpage_intro__lnb .cmp-lnb__dropdown:nth-child(1){border-right: 1px solid #D5D5D5;}
.banner{height: 774px; position: relative; color: #fff; overflow: hidden;}
.banner .flex{align-items: center; height: 100%; gap: 157px;}
.banner.center .flex{text-align: center; justify-content: center;}
.banner.center .flex a{margin: 76.5px auto 0;}
#power-transformer .banner .flex img{width: 946px;}
#natural-ester .banner .flex{gap: 148px;}
#natural-ester .banner .flex img{width: 417px;}
#pad-mounted .banner .flex{gap: 67.3px;}
#pad-mounted .banner .flex img{width: 679px;}
#pole-mounted .banner .flex{gap: 31px;}
#pole-mounted .banner .flex img{width: 475px;}
#low-noise .banner .flex div{min-width: 518px;}
#low-noise .banner .flex{gap: 0px;}
#low-noise .banner .flex img{width: 837px; margin-left: -64px; margin-bottom: -80px;}
#earthing .banner .flex div{min-width: 475px;}
#earthing .banner .flex{gap: 0px;}
#earthing .banner .flex img{width: 840px; margin-left: -20px; margin-bottom: -140px;}
.banner span{font-size: 24px; font-weight: 600; line-height: 1; color: var(--primary);}
.banner .title{font-size: 66px; font-weight: 700; font-family: var(--ff-third); line-height: 1.12; margin-block: 21.5px;}
.banner p{font-size: 17px; line-height: 1.64;}
.banner .flex div{display: flex; flex-direction: column;}
.banner .flex a{margin-top: 76.5px; border: 1px solid #fff; border-radius: 27px; display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 16px; font-family: var(--ff-third); width: 179px; height: 53px; transition: all .6s;}
.product .text>div{margin-bottom: 44.5px;}
.product .text>div:last-child{margin-bottom: 0;}
.product .text p{font-size: 17px; line-height: 1.7;}
.product .text h3{font-size: 35px; font-weight: 700; margin-bottom: 34.5px; line-height: 1;}
.product .dot-title{font-size: 26px; font-weight: 700; margin-bottom: 21px !important; color: #727272; line-height: 1;}
/* .dot-title span{border: 4px solid #FC4500; display: inline-block; background: #fff; width: 17px; height: 17px; border-radius: 50%; margin: 0 16px 0 -33px;} */
.product table{border-top: 2px solid #FC4500;}
.product table td{padding: 13.8px 16px; font-size: 17px; line-height: 1;}
.product table td:first-child{background: #FCFCFC; border-bottom: 1px solid #BEBEBE; width: 225px; font-weight: 700; color: #FC4500;}
.product table td:last-child{border-bottom: 1px solid #DEDEDE; padding: 12.5px 31px; width: 334px;}
.product .intro-hero .subpage_intro__lnb .cmp-lnb__dropdown .cmp-lnb-ls li{display: none;}
.product .intro-hero .subpage_intro__lnb .cmp-lnb__dropdown .cmp-lnb-ls li:first-child{display: block;}
.product.ver2 .intro-hero .subpage_intro__lnb .cmp-lnb__dropdown .cmp-lnb-ls li{display: block;}
.product.ver2 .intro-hero .subpage_intro__lnb .cmp-lnb__dropdown .cmp-lnb-ls li:first-child{display: none;}
.product.ver2 .intro-hero .subpage_intro__lnb .cmp-lnb__dropdown:nth-child(1){max-width: 229px;}
.product.ver2 .trans{display: inline-block; margin-left: 32px; position: relative;}
.product.ver2 .trans::before{content: ''; width: 6px; height: 6px; border-radius: 50%; background: #9C9C9C; position: absolute; left: -20px; top: 50%; transform: translateY(-50%);}
.product.ver2 .intro-hero .subpage_intro__lnb .cmp-lnb__dropdown:nth-child(2){max-width: initial; width: fit-content; padding-inline: 34.5px;}
.product.ver2 .intro-hero .subpage_intro__lnb .cmp-lnb__dropdown .cmp-lnb-ls{width: calc(100% + 69px); margin-left: -34.5px;}
.product.ver2 .intro-hero .subpage_intro__lnb .cmp-lnb__dropdown:nth-child(2) .cur{justify-content: flex-start;}
.elec{display: flex; flex-direction: column; gap: 20px;}
.elec li{position: relative; padding-left: 15.5px; line-height: 1;}
.elec li::before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 7px; height: 7px; background: #FC4500; border-radius: 50%;}
.elec li span{color: #FC4500; font-weight: 700;}

.reference  .half{gap: 177px;}
.reference .menu-name, .features .menu-name{color: #000; font-size: 35px;}
.reference .text{width: 897px;}
.reference .flex{justify-content: space-between; gap: 9px;}
.reference li img{max-width: 427px;}
.reference li{border-bottom: 1px solid #707070;}
#power-transformer .reference li p{font-size: 17px; margin-block: 15px; line-height: 1.2;}

.features ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 29px; margin-top: 45px;}
.features ul li{background: #fff; border-radius: 10px; padding: 20px 16px 46px;}
.features ul li .flex{justify-content: space-between; padding-bottom: 23px; border-bottom: 1px solid #D9D9D9; margin-bottom: 18px;}
.features ul li .flex div:not(.img-box){padding-top: 36.5px;}
.features ul li span{display: block; color: var(--primary); font-size: 20px; font-weight: 700; line-height: 1.25; margin-bottom: 11.4px;}
.features ul li b{font-size: 32px; font-weight: 800; font-family: var(--ff-third);}
.features ul li .flex .img-box{border-radius: 50%; background: #F6F6F6; width: 82px; height: 82px; display: flex; align-items: center; justify-content: center;}


/* product gallery swiper */
.product-gallery {max-width: 525px; border-radius: 12px 12px 0 0; overflow: hidden; }
.product-gallery-main { background: #fff; }
.product-gallery-main .swiper-slide { display: flex; align-items: center; justify-content: center;  background: #F2F2F2;}
.product-gallery-main .swiper-slide img {}

.product-gallery-thumbs-wrap {display: flex; align-items: center; gap: 7px; margin-top: 28px;}
.product-gallery-thumbs {flex: 1;}
.product-gallery-thumbs .swiper-slide {width: 78px; cursor: pointer; transition: transform 0.2s ease; border-radius: 5px;}
.product-gallery-thumbs .swiper-slide-thumb-active {border: 1px solid var(--primary);}
.product-gallery-thumbs .swiper-slide img {width: 100%; height: auto; display: block; border-radius: 6px; opacity: .33;}
.product-gallery-thumbs .swiper-slide-thumb-active img {opacity: 1;}
.product-gallery-btn {width: 35px; height: 65px; border-radius: 8px; background: #7A7A7A; color: #fff; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.product-gallery-btn:hover {background: #333;}
.product-gallery-btn.prevent {opacity: .4; cursor: not-allowed; pointer-events: none;}

@media (hover: hover) {
    .banner .flex a:hover{background: var(--primary); border-color: var(--primary);}
}

/* tech */
#tech .menu-name{color: #000; font-family: var(--ff-third);}
#tech .half{justify-content: initial; gap: 138px;}
.core div{padding-top: 7px;}
#tech b{font-size: 18px; font-weight: 700; color: #FC4500; display: block;}
#tech .intro-hero .intro-hero-sub{font-size: 24px; line-height: 1.5;}
#tech p{font-size: 18px; line-height: 1.77;}
.core div p{margin-block: 21px 60px;}
.core img{max-width: 817px;}
.core .flex{max-height: 359px; gap: 10px;}
.core .flex div{flex: 1; background: #EFEFEF; position: relative;}
.core .flex div img{max-width: 278px; position: absolute; left: 50%; transform: translateX(-50%); top: -126px;}
.core .flex div a{display: flex; gap: 7px; color: #9C9C9C; font-size: 18px; font-weight: 600; align-items: flex-end; justify-content: center; width: 100%; height: 100%; padding-bottom: 29px; z-index: 1; position: relative;}

.key-feat b{margin-block: 20px 45px;}
#tech .key-feat ul.flex .half{gap: 47px;}
.key-feat>.container>.half>div{flex: 1;}
.key-feat .menu-name{line-height: 1.25;}
.key-feat .flex>li{background: #fff; border-radius: 15px; padding: 40px 56px 40px 38px; width: 100%;}
.key-feat .flex{flex-direction: column; gap: 30px;}
.key-feat li b{margin-block: 13px 0;}
.key-feat li strong{font-size: 17px;}
.key-feat strong + ul{margin-top: 19px; display: flex; flex-direction: column; gap: 8px;}
.key-feat strong + ul li{padding-left: 14px; position: relative;}
.key-feat strong + ul li::before{content: ''; width: 4px; height: 4px; background-color: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%;}
.key-feat strong + ul li span{color: #FC4500;}
.c-box{display: flex; align-items: flex-start; gap: 18px; margin-left: auto;}
.c-box img{max-width: 115px; margin-inline: auto;}
#tech .c-box p{font-size: 14px; font-weight: 700; color: #818181; text-indent: -12px; padding-left: 12px; line-height: 1.43; padding-block: 12px 10.5px; border-bottom: 1px solid #D2D2D2;}
.insulating-aging{display: flex; gap: 19px; padding-top: 12.5px; border-top: 1px solid #B8B2B2; margin-block: 39px 14px;}
#tech .insulating-aging p{font-size: 17px; color: #818181; font-weight: 700; line-height: 1.47;}
.insulating-aging p span{font-weight: 400; display: block;}
.insulating-aging img{max-width: 552px;}
.insulating-life{display: flex; gap: 40px; padding: 11px; border: 1px solid var(--primary); background: rgba(255, 119, 0, .06); border-radius: 3px;}
#tech .insulating-life p{font-size: 20px; line-height: 1.45; color: #FC4500; font-weight: 700;}
#tech .insulating-life img{max-width: 552px;}

.applications ul{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 27px; padding-bottom: 43px; margin-bottom: 52px; border-bottom: 1px solid #B5B5B5;}
.applications li{position: relative; font-size: 18px; padding-left: 18px;}
.applications li::before{content: ''; width: 6px; height: 6px; background: #000; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.applications ul + div{display: grid; grid-template-columns: repeat(2, 1fr); gap: 27px;}
.applications ul + div p{font-size: 16px; font-weight: 700; line-height: 1.56; padding-block: 18px 17px; border-bottom: 1px solid #B5B5B5;}
.applications ul + div p span{display: block; font-weight: 400;}

/* cert */
.amount{text-align: right; font-size: 16px; font-weight: 700;}
.amount span{color: var(--primary);}
#cert .cert-list{margin-top: 19.2px; padding-top: 67.5px; border-top: 1px solid #B8B8B8; gap: 67px 54px;}
#cert .thumb{padding: 15px; background: #F5F4F3;}
#cert .cert-item .thumb img{border: none; aspect-ratio: initial;}
#cert .cert-item .cont{border-bottom: 0; padding: 13px 0 0;}
#cert .category{font-size: 14px; font-weight: 600; color: var(--primary);}
#cert .tit{font-size: 16px; font-weight: 700; padding-top: 12px; margin-block: 10px 12px; border-top: 1px solid #E2E2E2;}
#cert .cert-no{color: #8C8C8C; font-size: 16px;}
.paging__controller{background: #F3F3F3; border-radius: 50%;}
.arrow{border-top: 1px solid #B1B1B1; border-right: 1px solid #B1B1B1;}
.paging__btn{width: 34px; height: 34px;}
.paging .paging__num{color: #6A6A6A;}
.paging .paging__num.active{background: var(--primary); color: #fff !important;}

/* esg */
#environment .title, #governance .title, #social .title{margin-bottom: 50px;}
.esg-banner{position: relative; height: 430px; display: flex; align-items: flex-end; justify-content: flex-end; padding: 20px 30px;}
.esg-banner p{font-size: 83px; font-weight: 700; font-family: var(--ff-third); color: #fff;}
.esg-banner + .half{margin-top: 68px;}
.esg-banner + .half b{font-size: 22px;}
.esg-banner + .half .text{min-width: 897px;}
.esg-banner + .half p{font-size: 18px; margin-top: 22px;}
.esg-banner + .half .grid{grid-template-columns: repeat(4, 1fr); margin-top: 40px;}
.esg-banner + .half li{font-weight: 700; font-size: 20px; border: 1px solid #C8C8C8; border-radius: 50%; display: flex; align-items: center; justify-content: center; height: 224px; text-align: center; position: relative;}
.esg-banner + .half li span{color: #FF7700;}
.esg-banner + .half li svg{position: absolute; right: -15px; transform: translateY(-50%); top: 50%; z-index: 1;}
.esg-banner + .half li:nth-child(4) svg{display: none;}

/* management */
#management .text{display: flex; flex-direction: column; gap: 22px;}
.esg-list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 29px; margin-top: 69px;}
.esg-list>li{border-radius: 10px; border: 1px solid #E2E2E2; padding: 20px 16px 40.5px;}
.esg-list .flex{justify-content: space-between; border-bottom: 1px solid #D9D9D9; padding-bottom: 19px; margin-bottom: 28px; padding-inline: 11.5px 7.5px;}
.esg-list span{font-size: 20px; font-weight: 700; color: #FF7700; margin-top: 42.5px; display: block; margin-bottom: 6px;}
.esg-list h4{font-size: 35px; font-family: var(--ff-third); font-weight: 900; line-height: 1;}
.esg-list .img-box{background: #F6F6F6; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 82px; height: 82px;}
.esg-list ul li{font-size: 16px; margin-bottom: 21px; padding-left: 29px; position: relative; line-height: 1;}
.esg-list ul li::before{content: ''; width: 7px; height: 7px; background: #9C9C9C; border-radius: 50%; position: absolute; left: 11.5px; top: 50%; transform: translateY(-50%);}
.esg-list ul li:last-child{margin-bottom: 0;}

.recommend .title{text-align: center; margin-bottom: 0;}
.recommend .menu-name{text-align: center; display: block; margin-block: 29.4px 82.6px;}
.recommend .flex{justify-content: space-between; margin-bottom: 92px;}
.recommend .flex:last-child{margin-bottom: 0;}
.recommend .flex img{max-width: 774.5px; width: 100%;}
.recommend .flex .top{font-family: var(--ff-third); font-size: 30px; font-weight: 900; padding-bottom: 51.5px; margin-bottom: 18.3px; border-bottom: 1px solid #D9D9D9; line-height: 1.33;}
.recommend .flex.val-f .top, .recommend .flex:last-child .top{padding-bottom: 21.3px;}
.recommend .flex .bottom{min-width: 381px;}
.recommend .flex .bottom p{font-size: 18px; line-height: 1.66; margin-top: 12px;}
.recommend .flex .bottom p:first-child{margin-top: 0;}

/* environment */

/* media */
.video-ls > li > a .thumb{max-width: 386px; border-radius: 14px !important;}
.video-ls > li > a .content{border-bottom: none !important; padding-block: 23px 0 !important;}
.video-ls > li > a .content .title{font-size: 24px; font-weight: 700; margin-bottom: 0; word-break: keep-all;}
.tab{display: flex; justify-content: space-between; align-items: center; padding-bottom: 22px; margin-bottom: 20px; border-bottom: 1px solid #B8B8B8;}
.tab div{display: flex; gap: 13px;}
.tab a{border: 1px solid #919191; width: 184px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #919191; border-radius: 29px; transition: all .6s;}
.tab a.active{background: var(--primary); color: #fff; border: none;}
.m-m{margin-bottom: 27.5px; display: block;}

/* catalog */
#catalog .gall-ls--v:has(.list-empty){grid-template-columns: 1fr;}
#catalog .gall-ls--v > li > a .thumb{margin-bottom: 20px; background: no-repeat center / cover; border-radius: 0;}
#catalog .gall-ls--v > li > a .title{text-align: left; font-size: 20px; letter-spacing: -0.02px; border-bottom: 1px solid #D9D9D9; padding-bottom: 20px; font-family: var(--ff-third); margin-bottom: 0; word-break: keep-all;}
#catalog .gall-ls--v > li > a .thumb .overlay .icon svg{height: auto; width: 62%;}
#catalog .gall-ls--v > li > a .thumb{max-height: 376px;}

@media (hover: hover) {
    .tab a:hover{background: var(--primary); color: #fff; border-color: var(--primary);}
}

/* news */
#newsroom .news-list .gall-ls--h{margin-top: 18.2px;}
#newsroom .news-list .gall-ls--h > li{border-bottom: none;}
#newsroom .news-list .gall-ls--h > li > a{border-top: 1px solid #B8B8B8;}
#newsroom .news-list .gall-ls--h > li:last-child > a{border-bottom: 1px solid #B8B8B8;}
#newsroom .news-list .gall-ls--h > li > a .thumb{width: 305px; border-radius: 10px;}
#newsroom .news-list .gall-ls--h > li > a .content{height: 100%;}
#newsroom .news-list .gall-ls--h > li > a .content .wrap .desc{margin-bottom: 0;}
#newsroom .news-list .gall-ls--h > li > a .content{align-items: flex-start;}
#newsroom .news-list .tag{background: var(--primary); color: #fff; width: fit-content; border-radius: 23px; width: 86px; height: 26px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 700;}
#newsroom .news-list .tag.news{background: #464646;}
#newsroom .news-list .gall-ls--h > li > a .content .wrap{max-width: 700px;}
#newsroom .news-list .gall-ls--h > li > a .content .wrap .title{margin-bottom: 14px;}
#newsroom .news-list .gall-ls--h > li > a .content .wrap .desc{color: #848484;}
#newsroom .news-list .date{font-size: 18px; color: #919191;}
#newsroom .board-view .title{margin-bottom: 0;}


/* location */
.location{border-top: 1px solid #8B8B8B; padding-top: 33px; width: 963px;}
.location>.flex{justify-content: space-between; align-items: flex-end;}
.location .ad>p{margin-bottom: 8px;}
.location .ad b span{margin-right: 14px; display: inline-block;}
.location .ad .flex{gap: 42px;}
.location .btn{max-width: 179px;}
.location iframe{border-radius: 29px; width: 100%; max-height: 437px; margin-block: 32.5px 31.5px;}
.location .bot{font-size: 17px;}
.location .bot>li{padding-inline: 13.5px; line-height: 1.7;}
.location .bot>li:nth-child(2){padding-block: 15.4px 21px; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; margin-block: 18.6px 12.9px;}
.location .bot>li b{display: block; font-size: 20px; margin-bottom: 14px; line-height: 1.2;}
.location .bot>li span{font-weight: 700;}
.location .bot ul{display: flex; flex-direction: column; gap: 11px;}
.location .bot ul li{padding-left: 16px; position: relative; line-height: 1.2;}
.location .bot ul li::before{content: ''; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #5B5B5B; left: 0; top: 50%; transform: translateY(-50%);}

/* Contact Inquiry */
.sp-contact-inquiry .sp-head {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px;}
.sp-contact-inquiry .sp-head .tip {font-size: 18px; font-weight: 500;}
.sp-contact-inquiry .sp-head .tip span {color: var(--primary);}

.sp-contact-inquiry .sp-body {border-top: 1px solid #7B7B7B;}
.sp-contact-inquiry .dd-form-table {margin-top: 35px;}
.sp-contact-inquiry .dd-form-table tr {margin-bottom: 37px;}
.sp-contact-inquiry .dd-form-table tr:last-child {margin-bottom: 0;}
.sp-contact-inquiry .dd-form-table th {padding-block: 0; padding-bottom: 37px;}
.sp-contact-inquiry .dd-form-table td {padding-block: 0; padding-bottom: 37px;}
.sp-contact-inquiry .dd-form-table tr:last-child th {padding-bottom: 0;}
.sp-contact-inquiry .dd-form-table tr:last-child td {padding-bottom: 0;}
.sp-contact-inquiry .dd-form-table .dd-inp .inp-box {border: 0; border-radius: 24px; background-color: #F1F1F1;}
.sp-contact-inquiry .dd-form-table .dd-inp .inp-box.textarea {border-radius: 5px;}
.sp-contact-inquiry .dd-form-table .dd-file .file-row {padding-bottom: 15px;}
.sp-contact-inquiry .dd-form-table .dd-file .file-box label .label {border-radius: 24px; background-color: #fff;}
.sp-contact-inquiry .dd-form-table .dd-file .file-box .btn-find {width: 150px; font-size: 18px; font-weight: 400; color: #fff; border-radius: 24px; border: 0; background-color: #A4A4A4;}
.sp-contact-inquiry .dd-form-table .dd-file .file-box .btn-cancel {width: 48px; height: 48px; border-radius: 50%; background-color: #A4A4A4;}

.sp-contact-inquiry .dd-form-indiv-policy {margin-top: 110px; padding-top: 0;}
.sp-contact-inquiry .dd-form-indiv-policy .title {padding: 28px 15px; border-top: 1px solid #7B7B7B; border-bottom: 1px solid #D2D2D2; margin-bottom: 0;}
.sp-contact-inquiry .dd-form-indiv-policy .title .checkbox label {display: flex; align-items: center; gap: 10px; cursor: pointer;}
.sp-contact-inquiry .dd-form-indiv-policy .title .checkbox label input[type="checkbox"] {position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none;}
.sp-contact-inquiry .dd-form-indiv-policy .title .checkbox label .chck {display: inline-block; width: 28px; height: 28px; background-image: url(../images/subpage/checkbox-unchecked.svg); background-size: contain; background-repeat: no-repeat; background-position: center; flex-shrink: 0;}
.sp-contact-inquiry .dd-form-indiv-policy .title .checkbox label input[type="checkbox"]:checked ~ .chck {background-image: url(../images/subpage/checkbox-checked.svg);}
.sp-contact-inquiry .dd-form-indiv-policy .title .label {font-size: 26px; font-weight: 700; color: #000;}
.sp-contact-inquiry .dd-form-indiv-policy .title .label .req {color: var(--primary);}
.sp-contact-inquiry .dd-form-indiv-policy .title .inp-error {display: block; padding-left: 15px; font-size: 16px; font-weight: 400; color: var(--invalid1);}

.sp-contact-inquiry .dd-form-indiv-policy .content-wrapper {max-height: none;}
.sp-contact-inquiry .dd-form-indiv-policy .content {height: auto; padding: 30px 15px; border: 0; border-bottom: 1px solid #D2D2D2; background-color: #fff; overflow: visible;}
.sp-contact-inquiry .dd-form-indiv-policy .indiv-doc .desc {font-size: 18px; font-weight: 400; line-height: 1.6; color: #707070; word-break: keep-all;}
.sp-contact-inquiry .dd-form-indiv-policy .indiv-doc h5 {font-size: 18px; font-weight: 700; color: #000; padding-left: 17px; position: relative;}
.sp-contact-inquiry .dd-form-indiv-policy .indiv-doc h5::before {content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background-color: #000; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.sp-contact-inquiry .dd-form-indiv-policy .indiv-doc .desc.inner {padding-left: 17px;}
.sp-contact-inquiry .dd-form-indiv-policy .title .policy-toggle {color: #848484;}
.sp-contact-inquiry .dd-form .submit-button {width: 185px; height: 50px; padding: 0; font-size: 18px; font-weight: 700; color: #fff; text-align: center; border-radius: 25px; background-color: #000; transition: background-color 0.3s ease;}

.indiv-doc .p2{font-size: 18px; color: #707070;}
.indiv-doc .p3{font-size: 18px;}
.indiv-doc .p3 dt{position: relative; padding-left: 17px;}
.indiv-doc .p3 dt::before{content: ''; width: 7px; height: 7px; background: #000000; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.indiv-doc .p3 dd{padding-left: 17px; color: #707070;}

/*  */
#modal-privacy-total .title, #modal-emailpolicy .title{margin-bottom: 0;}

@media (hover: hover) {
  .sp-contact-inquiry .submit-button:hover {background-color: var(--primary);}
}
@media screen and (max-width: 1399px) {
  .cont-box{padding: 100px 0 140px;}
  .title{font-size: 30px; margin-bottom: 60px; text-align: center;}
  .half{flex-direction: column; align-items: center; gap: 30px;}
  .text{width: 100%; text-align: center;}
  .text p{font-size: 15px;}
  .menu-name{font-size: 24px; text-align: center; display: block;}
  .subpage_intro__lnb{display: none;}

  /* overview */
  .overview .text{gap: 16px;}
  .overview .grid{grid-template-columns: repeat(2, 1fr);}
  .overview .grid li{width: 100%; height: auto; border-radius: 10px; overflow: hidden; padding-top: 80px; min-height: 305px;}
  .overview .grid p{margin-block: 10px 15px;}
  /* history */
  .history .cont-box{padding: 100px 0 140px;}
  .history-swiper-wrapper{margin-top: 30px;}
  .history-swiper::before{top: 64px;}
  .history-item .year{font-size: 38px;}
  .history-item .desc{font-size: 16px;}
  
  /* partnership */
  #partnership .grid{grid-template-columns: repeat(4, 1fr);}
  .grid-title b{font-size: 16px;}
  #partnership .text li{font-size: 16px;}
  #partnership .grid{gap: 30px 10px;}
  .dot{margin: 3px 10px 0 0;}
  #partnership .grid li p{font-size: 13px;}
  #partnership .text p{font-size: 18px;}
  #partnership .scroll-box-x{margin-block: 20px;}
  .partners{width: 100%}
  .partners div{width: initial;}

  /* ci */
  #ci .half.black ul li{width: 100%;}
  #ci .half.black:last-child ul li{width: 100%;}
  #ci .gray-bg ul li{width: 100%;}

  /* tech */
  #tech .half{gap: 30px;}
  .core .flex{flex-direction: column; max-height: initial;}
  #tech p{text-align: center; font-size: 16px;}
  #tech b{font-size: 16px; text-align: center;}
  .core div p{margin-block: 16px 60px;}
  .core .flex div img{position: initial; transform: initial; margin: auto;}
  #tech .key-feat p{margin-block: 0;}
  .key-feat b{text-align: center;}
  #tech .key-feat ul.flex .half{gap: 30px; align-items: flex-start;}
  #tech .key-feat div:has(.menu-name){margin: auto;}
  .key-feat li strong br{display: none;}
  .c-box{margin-left: auto; margin-right: auto;}
  .insulating-aging{flex-direction: column; gap: 30px; margin-block: 30px;}
  .insulating-aging img{margin: auto;}
  .insulating-life{flex-direction: column; gap: 30px;}
  .applications li{font-size: 16px;}
  
  
  /* product */
  .banner{height: initial; padding-block: 80px 40px;}
  .banner .flex{flex-direction: column; gap: 0 !important;}
  .banner .flex div{align-items: center; text-align: center;}
  .banner span{font-size: 18px;}
  .banner .title{font-size: 50px;}
  .banner .flex a{margin-top: 80px;}
  .banner .flex img{margin-top: 40px; max-width: 700px;}
  #low-noise .banner .flex div,#earthing .banner .flex div{min-width: initial;}
  #power-transformer .banner .flex img{margin-right: -260px;}
  #natural-ester .banner .flex img{width: 380px;}
  #pole-mounted .banner .flex img{margin-right: -60px;}
  .product table{width: 100%;}
  .product .text>div{padding-left: 0; margin-bottom: 40px;}
  .product .text>div:last-child{margin-bottom: 0px;}
  .product table td{font-size: 14px;}
  .product .text p{font-size: 16px;}
  .product .reference li p{font-size: 16px;}
  .half:has(.product-gallery){gap: 60px;}
  .product .text h3{margin-bottom: 40px; font-size: 28px;}
  .product .reference .half{gap: 40px;}
  .product .dot-title{font-size: 20px;}
  .elec{max-width: 340px; margin: auto;}
  .elec li{text-align: left;}
  #low-noise .banner .flex img{margin-bottom: 0;}
  #earthing .banner .flex img{margin-bottom: 0; margin-left: 0;}

  /* features */
  .features ul{grid-template-columns: repeat(2, 1fr);}
  .features ul li{padding: 15px;}
  .features ul li span{font-size: 16px;}
  .features ul li b{font-size: 26px;}

  /* reference */
  .dot-title{font-size: 16px;}
  .reference .text{width: 100%;}
  .reference li img{max-width: 100%;}
  .reference .flex{gap: 20px;}
  
  /* management */
  #management .text{gap: 16px;}
  .esg-list{grid-template-columns: repeat(2, 1fr); margin-top: 40px;}
  .esg-list span{font-size: 18px;}
  .esg-list h4{font-size: 28px;}
  .esg-banner{border-radius: 10px; overflow: hidden;}
  .esg-banner p{font-size: 60px;}
  .esg-banner + .half .text{min-width: initial;}
  .esg-banner + .half li{height: 180px; font-size: 16px;}
  .esg-banner + .half p{font-size: 16px;}
  .esg-banner + .half p{margin-top: 16px;}
  .esg-banner + .half b{font-size: 18px;}
  .esg-banner + .half li svg{width: 20px; height: 20px; right: -10px;}
  /* recommend */
  .recommend .flex{flex-direction: column; gap: 14px; margin-bottom: 40px;}
  .recommend .flex .top{padding-bottom: 20px; margin-bottom: 20px; text-align: center; font-size: 28px;}
  .recommend .flex.val-f .top, .recommend .flex:last-child .top{padding-bottom: 20px;}
  .recommend .val-f{flex-direction: column-reverse;}
  .recommend .flex .bottom{text-align: center;}
  .recommend .flex .bottom p{font-size: 16px;}
  
  /* location */
  .location{width: 100%;}
  .location .ad .flex{flex-direction: column; gap: 10px;}

  /* catalog */
  #catalog .gall-ls--v{grid-template-columns: repeat(3, 1fr);}
  #catalog .gall-ls--v > li > a .title{font-size: 18px;}

  /* news */
  #newsroom .news-list .gall-ls--h > li > a .thumb{width: 215px;}
  #newsroom .news-list .tag{font-size: 14px; height: 22px; width: 76px;}
  #newsroom .news-list .date{font-size: 14px; min-width: 74px;}
  #newsroom .news-list .gall-ls--h > li > a .content .wrap{max-width: 355px;}
  #newsroom .news-list .gall-ls--h > li > a .content .wrap .title{font-size: 18px; width: 100%; text-align: left;}
  #newsroom .news-list .gall-ls--h > li > a .content .wrap .desc{font-size: 14px;}
  
  
  /* Contact Inquiry */
  .sp-content:last-child{padding-block: 100px 140px;}
  .sp-contact-inquiry .sp-head .tip {font-size: 16px;}
  .indiv-doc .p2{font-size: 14px;}
  .indiv-doc .p3{font-size: 14px;}
}
@media screen and (max-width: 767px) {
  .cont-box{padding: 80px 0;}
  .title{font-size: 20px; text-align: center; margin-bottom: 40px;}
  .half{gap: 20px;}
  .menu-name{font-size: 18px; margin: auto; display: block; width: fit-content; margin-bottom: 40px;}
  .text p{font-size: 14px;}

  /* overview */
  .overview .text p{font-size: 14px;}
  .overview .text{gap: 14px;}
  .overview .grid{grid-template-columns: 1fr; padding-top: 60px;}
  /* history */
  .history .cont-box{padding: 80px 0;}
  .history-swiper-wrapper{margin-top: 20px;}
  .history-item .year{font-size: 32px;}
  .history-item .desc{font-size: 14px;}
  .history-swiper::before{top: 55px;}

  /* partnership */
  #partnership .grid{grid-template-columns: repeat(2, 1fr); gap: 20px 10px;}
  #partnership .text p{font-size: 15px;}
  #partnership .text ul.flex{flex-direction: column;}
  #partnership .text li:nth-child(2n+1){width: 330px;}
  #partnership .text li:nth-child(2n){margin-inline: initial; margin-block: -5px;}
  #partnership .text li:nth-child(2n) svg{width: 20px; height: 20px;}
  .scroll-box-x{overflow-x: scroll; margin-inline: -15px; padding-inline: 15px;}
  #partnership .scroll-box-x img{min-width: 1000px;}
  .grid-title{justify-content: center; margin-top: 30px; padding-top: 20px;}
  #partnership .grid li{min-width: initial;}
  #partnership .grid li p{font-size: 12px; text-align: center;}
  #partnership .text ul.flex{margin-top: 20px;}
  .partners{margin-block: 0; grid-template-columns: repeat(2, 1fr); gap: 10px;}
  .partners div{padding: 10px;}
  #partnership .half.black{gap: 40px;}
  #partnership .half.black .menu-name{font-size: 16px; margin-bottom: 0;}

  /* ci */
  #ci .cont-box{padding: 100px 0 0;}
  #ci .half.black .menu-name{font-size: 16px; margin-bottom: 0;}
  #ci .half.black ul{grid-template-columns: 1fr; width: 100%;}
  #ci .half.black ul li{height: auto; padding: 10px; width: 100%;}
  #ci .half.black ul li img{height: auto; max-width: 300px;}
  #ci .half.black:last-child{margin-block: 80px;}
  #ci .half.black:last-child ul{grid-template-columns: 1fr;}
  #ci .half.black:last-child ul li{padding: 20px 10px; height: auto;}
  #ci .gray-bg{padding-block: 80px;}
  #ci .gray-bg ul{grid-template-columns: 1fr;}
  #ci .gray-bg ul li{padding: 20px 10px; height: 150px;}
  #ci .gray-bg ul li>p{font-size: 22px;}
  #ci .gray-bg ul li div p{font-size: 14px;}
  #ci .gray-bg ul li div p span{margin-right: 15px; width: 35px;}

  /* product */
  .banner span{font-size: 16px;}
  .banner .title{font-size: 34px; margin: 10px 0 20px;}
  .banner .title + p{font-size: 14px;}
  .banner .title + p br{display: none;}
  .banner .flex a{margin-top: 40px; width: 149px; height: 43px;}
  .product table td:first-child{width: initial;}
  .dot-title{margin-bottom: 14px;}
  .dot-title span{margin: 0 10px 0 -10px;}
  .reference .flex{gap: 10px;}
  .product .text>div{margin-bottom: 60px;}
  .product-gallery{max-width: 100% !important;}
  .product-gallery-main .swiper-slide{border-radius: 10px;}
  .banner .flex img{width: 100% !important;}
  #power-transformer .banner .flex img{margin-right: -40vw;}
  #power-transformer .banner .flex img{min-width: 420px;}
  #natural-ester .banner .flex img{max-width: 330px;}
  #low-noise .banner .flex img{margin-left: -20px; min-width: 450px;}
  #earthing .banner .flex img{min-width: 440px;}
  .product table td{line-height: 1.2;}
  .product .text p br{display: none;}
  .product .text h3{font-size: 20px; line-height: 1.2; margin-bottom: 30px;}
  .product .text p{font-size: 14px;}
  .elec{gap: 15px;}
  .elec li{font-size: 14px;}
  
  .features ul{grid-template-columns: 1fr; max-width: 360px; margin: 40px auto 0;}
  .features ul li span{font-size: 14px;}
  .features ul li b{font-size: 20px;}
  .features ul li p{font-size: 14px;}
  
  /* tech */
  #tech b{font-size: 14px;}
  #tech b br{display: none;}
  #tech p{font-size: 14px;}
  #tech p br{display: none;}
  .core div p{margin-block: 14px 40px;}
  .core .flex div a{font-size: 14px;}
  .core .flex div a svg{width: 20px; height: 20px;}
  .core .flex div img{max-width: 230px;}
  .key-feat b{margin-block: 20px 40px;}
  .key-feat .flex>li{padding: 20px 15px;}
  #tech .key-feat ul.flex .half>div{width: 100%;}
  .key-feat .menu-name{font-size: 22px;}
  .key-feat li strong{font-size: 16px; text-align: center; display: block;}
  .key-feat li strong br{display: block;}
  .c-box{justify-content: center;}
  .c-box img{margin: auto; max-width: 136px;}
  #tech .c-box p{font-size: 12px;}
  .insulating-aging{padding-top: 30px;}
  #tech .insulating-aging p{font-size: 16px;}
  #tech .insulating-life p{font-size: 18px;}
  #tech .insulating-life p br{display: block;}
  #tech .insulating-aging .scroll-box-x{max-width: calc(100vw - 60px); padding-inline: 0; margin-inline: 0;}
  #tech .insulating-life .scroll-box-x{max-width: calc(100vw - 82px); padding-inline: 0; margin-inline: 0;}
  .insulating-life img{margin: auto;}
  .applications ul{gap: 15px; grid-template-columns: 1fr; padding-bottom: 20px; margin-bottom: 20px;}
  .applications li{font-size: 14px;}
  .applications ul + div{grid-template-columns: 1fr;}

  /* cert */
  #cert .cert-list{gap: 20px; padding-top: 40px;}
  #cert .cert-item .thumb img{width: 100%;}
  
  /* management */
  .esg-list{grid-template-columns: 1fr; gap: 20px;}
  .esg-list>li{padding: 20px 16px 30px;}
  .esg-list h4{font-size: 22px;}
  .esg-list span{font-size: 16px;}
  .esg-list ul li{font-size: 14px; margin-bottom: 14px;}
  .esg-list .flex{margin-bottom: 20px;}
  .esg-banner p{font-size: 34px;}
  .esg-banner{height: 230px;}
  .esg-banner + .half{margin-top: 40px;}
  .esg-banner + .half b{font-size: 16px;}
  .esg-banner + .half p{font-size: 14px; margin-top: 14px;}
  .esg-banner + .half .grid{margin-top: 30px; grid-template-columns: repeat(2, 1fr);}
  .esg-banner + .half li{padding: 10px; font-size: 14px; height: 46.685vw;}
  .esg-banner + .half li:nth-child(2) svg{top: initial; bottom: -10px; transform: translateX(-50%); left: 50%;}
  .esg-banner + .half li:nth-child(3) svg{top: -10px; transform: translateX(-50%); left: 50%;}
  .esg-banner + .half li:nth-child(4) svg{display: block; left: -10px; right: initial;}

  /* recommend */
  .recommend .flex .bottom{min-width: initial;}
  .recommend .flex .bottom p{font-size: 14px;}
  .recommend .menu-name{margin-block: 40px 20px;}
  .recommend .flex .top{font-size: 20px; margin-bottom: 14px; padding-bottom: 14px;}
  .recommend .flex.val-f .top, .recommend .flex:last-child .top{padding-bottom: 14px;}

  /* location */
  .location>.flex{flex-direction: column; align-items: flex-start;}
  .location .ad p{font-size: 14px;}
  .location .btn{margin: 14px 0 0 auto;}
  .location iframe{max-height: 280px;}
  .location .bot>li{font-size: 14px;}
  .location .bot>li b{font-size: 16px;}
  .location .bot ul li{font-size: 14px;}
  .location .bot ul li::before{top: 5px; transform: initial;}

  /* pr-center */
  .tab{flex-direction: column; padding-bottom: 14px; margin-bottom: 14px;}
  .video-ls > li > a .thumb{max-width: 100%;}
  .video-ls .bg{height: auto;}
  .tab>div{width: 100%; margin-bottom: 14px;}
  .tab a{font-size: 16px; width: 100%;}
  .amount{font-size: 14px;}
  #pr-center .title{margin-top: 14px;}
  #newsroom .title{margin-top: 14px;}

  /* catalog */
  #catalog .sub-header, #video .sub-header{height: fit-content;}
  #catalog .gall-ls--v{grid-template-columns: repeat(2, 1fr); gap: 20px 15px;}
  #catalog .gall-ls--v > li > a .title{height: initial; font-size: 14px; word-break: keep-all; text-align: center; display: block; max-height: initial;}

  /* newsroom */
  #newsroom .news-list .gall-ls--h > li > a .thumb{width: 100%;}
  #newsroom .news-list .gall-ls--h > li > a .thumb img{width: 100%;}
  #newsroom .news-list .gall-ls--h > li > a .content{align-items: center;}
  #newsroom .gall-ls--h{gap: 30px;}
  #newsroom .gall-ls--h > li > a .content .wrap{align-items: center;}
  #newsroom .gall-ls--h > li > a{padding-block: 30px 0 !important;}
  #newsroom .news-list .gall-ls--h > li:last-child > a .content{padding-bottom: 30px;}
  #newsroom .news-list .gall-ls--h > li > a .content .wrap .desc{font-size: 14px;}
  #newsroom .news-list .date{font-size: 14px;}
  #newsroom .news-list .gall-ls--h > li > a .content{gap: 14px;}
  #newsroom .news-list .gall-ls--h > li > a .content .wrap{max-width: initial;}
  #newsroom .news-list .gall-ls--h > li > a .content .wrap .title{text-align: center;}
  
/* Contact Inquiry */
  .sp-contact-inquiry .sp-head {flex-direction: column; align-items: center; gap: 15px;}
  .sp-contact-inquiry .sp-head .tip {font-size: 14px;}
  .sp-contact-inquiry .dd-form-table th {padding-bottom: 15px;}
  .sp-contact-inquiry .dd-form-table td {padding-bottom: 0;}
  .sp-contact-inquiry .dd-form-table .dd-file .file-box .btn-find {width: 110px; font-size: 16px;}

  .sp-contact-inquiry .dd-form-indiv-policy .title .label {font-size: 20px;}
  .sp-contact-inquiry .dd-form-indiv-policy .indiv-doc .desc {font-size: 16px;}
  .sp-contact-inquiry .dd-form-indiv-policy .indiv-doc h5 {font-size: 16px;}  .sp-content:last-child{padding-block: 60px 100px;}
  .sp-contact-inquiry .dd-form-table tr{margin-bottom: 14px;}
  .sp-contact-inquiry .dd-form-indiv-policy{margin-top: 80px;}

  .indiv-doc .p2{font-size: 12px;}
  .indiv-doc .p3{font-size: 12px;}
}
@media screen and (max-width: 499px) {}