@charset "utf-8";

:root {
  --container-width: 1200px;
}

.mo{display: none;}
@media screen and (max-width: 767px) {
  .mo{display: block;}
}

.sp-section {padding-block: 120px 200px;}

.intro-hero {position: relative; padding-block: 182px 114px;}
.intro-hero .intro-hero-bg {position: absolute;top:0; left:0; width: 100%; height: 100%; object-fit: cover;}

.intro-hero-content {position: relative; z-index: 1;}
.intro-hero-title { font-size: 54px; font-weight: 700; color: #fff; line-height: 1.2; }


#company {--theme: var(--secondary);}
#technology {--theme: var(--secondary);}
#special {--theme: var(--primary);}
#normal {--theme: var(--secondary);}
#career {--theme: var(--primary);}

.lnb-bar {position: relative; z-index: 2; display: flex; background: rgba(0, 0, 0,0.5); margin-top: -50px;}
.lnb-bar .btn {font-size: 20px; font-weight: 500; color:#fff; width: 100%; display: flex; align-items: center; justify-content: center; padding:0.5em 1em}
.lnb-bar .btn.active {background: var(--theme);}
:lang(en) #company .lnb-bar{margin-top: 0;transform: translateY(-100%);}

.sp-head {padding-bottom: 89px;}
.sp-head .tag {font-size: 22px; font-weight: 700; color:var(--theme); padding-bottom: 20px; line-height: 1; display: block;}
.sp-head .desc {font-size: 25px; font-weight: 700; color:#717171;}
.sp-head .sp-title {font-size: 50px; font-weight: 700; padding-bottom: 33px; line-height: 1.24;}

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


}

:lang(en){
  .lnb-bar {text-align: center;}
}
/* ceo-msg */
.ceo-message .container.flex>div:first-child{padding: 0 45px 70px 0;}
.ceo-message p{font-size: 20px; line-height: 1.65; margin-bottom: 33px;}
.ceo-message p span{font-weight: bold;}
.ceo-message .container.flex>div:last-child{display: flex; flex-direction: column;}
.ceo-message .container.flex>div:last-child p{margin: auto 0 0 auto; color: #726B6B; font-size: 17px; line-height: 1.5;}
.ceo-message .container.flex>div:last-child p span{font-size: 22px; color: #726B6B; margin: 0 0 0 10px;}
:lang(en) .ceo-message .container{flex-direction: column;}
@media screen and (max-width: 1399px) {
  .lnb-bar .btn{font-size: 16px;}
  .sp-head{padding-bottom: 40px;}
  .ceo-message .container.flex{flex-direction: column;}
  .ceo-message p{font-size: 18px; word-break: keep-all;}
  .ceo-message .container.flex>div:first-child{padding: 0; border: none;}
  .ceo-message .container.flex>div:last-child p{margin: 20px 0 0 auto;}
  :lang(en) #company .lnb-bar{        margin: 50px 0 0;transform: translateY(0);}

}
@media screen and (max-width: 767px) {
  .intro-hero{padding-block: 135px 85px;}
  .intro-hero-title{font-size: 32px; text-align: center;}

  .lnb-bar{margin: 50px 0 0; gap: .8em .3em; background:initial; display: grid; grid-template-columns: repeat(2, 1fr);}
  .lnb-bar .btn{background: rgba(0, 0, 0,0.5); font-size: 14px; border-radius: 0px;}

  .sp-head{padding-bottom: 1em;}
  .sp-section{padding-block: 80px 100px;}
  .sp-head .tag{padding-bottom: 0.5em; font-size: 16px; line-height: 1.3;}
  .sp-head .sp-title{font-size: 28px; padding-bottom: 30px; line-height: 1.3;}
  #company{text-align: center;}
  .sp-head .desc{font-size: 18px;}
  .ceo-message p{font-size: 16px; margin-bottom: 0.6em;}
  .ceo-message .container.flex>div:last-child{margin-top: 20px;}
}

@media screen and (max-width: 400px) {
  :lang(en){
    .lnb-bar{grid-template-columns:auto; gap: 0.4em;}
  }
}
/* history */
.history{overflow: hidden;}
.sp-content.two {background-color: rgba(197,198,198,.15);}
.his-container{position: relative; padding: 51.5px 0 189px;}
.sp-content.two .his-container{padding: 39px 0 187px;}
.sp-content.three .his-container{padding: 37px 0 239.5px;}
.his-container::before{content: ''; width: 1px; height: 100%; background: #717171; position: absolute; left: 407px; top: 0;}
.his-container>.first-arrow{position: absolute; left: 381px; top: -2px;}
.his-container img{position: absolute;}
.sp-content.one img{right: -555px; top: 120.5px;}
.sp-content.two img{left: -225.5px; top: 322px;}
.sp-content.three img{right: -93.5px; top: 244px;}
.his-left{width: 406.5px; font-size: 100px; line-height: 1.2;}
.his-left b{font-weight: 300; color: #DEDFDF;}
.sp-content.one .his-left b{font-weight: 500; color: #007DF9;}
.his-wrap{display: grid; grid-template-columns: repeat(2,1fr);}
.his-content{display: flex; position: relative; flex-direction: column; gap:26px}
.his-content::before{content: ""; width: 1px; height: 100%; background-color: #717171; display: inline-block; position: absolute; left: 59px;}
.his-right{padding: 21px 0 0;}
.his-right .flex{align-items: center;}
.his-right .flex.top{align-items: flex-start;}
.his-right li{margin: 0 0 59px -17.5px; position: relative; z-index: 1; color: #1E1D1D; font-size: 20px;}
.his-right li span{border: 1px solid #717171; width: 118px; height: 36px; font-weight: 600; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: #717171; background: #fff; margin: 0 16px 0 0;}
.his-right .red{background-color: #FF2300; color: #fff;}
.his-right li div{line-height: 3; margin-top: -8px;}
.history .end{color: #007DF9; font-size: 25px; background: url(../images/company/end.png) no-repeat center; background-size: cover; max-width: 605px; width: 100%; height: 105.5px; display: flex; align-items: flex-end; padding-bottom: 10px; justify-content: center; margin-left: 300px;}
.history .end span{font-weight: bold;}
.his-tit{color: #C5C6C6; font-style: italic; font-size: 4.375rem;margin-bottom: 20px;  font-weight:300;display: flex; flex-direction: column; line-height: 1;
}
.his-content li{align-items: center; margin: 0;}
.his-tit .line{background-color: #707070;width: 68px;height: 1px;display: inline-block;}
.his-tit .present{margin-bottom: 24px;display: inline-block; font-weight: 200;}
.his-tit.last{margin-top: 46px; text-indent: -10px;}
.his-tit.last .line{margin-bottom: 6px;}

:lang(en){
  .his-right li span{flex-shrink: 0;}
  .his-wrap{font-size: 18px;}
  .his-content{font-size: 18px;}
  .his-content p{font-size: 17px;}
  .his-right .flex{align-items: flex-start; min-height: 50px;}
  .his-content .flex:last-of-type span{position: relative;}
  .his-content .flex:last-of-type span::before{content:"";width: 30px; min-height: 30px; display: inline-block; position: absolute; left: 50%; transform: translate(-50%, 102%); bottom: 0;  background-color: white}
}

@media screen and (max-width: 1399px) {
  .his-left{font-size: 42px; width: 180px; text-align: left;}
  .his-right li{margin: 0 0 59px 0; font-size: 16px;}
  .his-right li div{text-align: left; margin-top: 4px;}
  .his-container::before{left: 230px;}
  .his-container>.first-arrow{left: 204px}
  .history .end{margin-left: 158px; font-size: 20px; background-size: 100%; max-width: 405px; padding-bottom: 7px; height: 71.5px;}
  .his-wrap{grid-template-columns: repeat(1,1fr);}
  .his-right.his-wrap li{margin-bottom: 0;}
  .his-wrap{gap: 32px;}
 .his-content.nth::after{content:""; width: 1px; height: 32px; display: inline-block; background-color: #707070; position: absolute; left: 59px; top: 0; transform: translateY(-100%);}
 :lang(en){
  .his-right .flex{min-height: auto;}
  .his-content .flex:last-of-type span::before{content: none;}
  .his-right .flex{align-items: center;}
  .his-right .flex{align-items: flex-start; }
  .his-content.nth .flex:last-of-type span::before{content:"";width: 30px; min-height: 30px; display: inline-block; position: absolute; left: 50%; transform: translate(-50%, 103%); bottom: 0;  background-color: white
 }

}
}

@media screen and (max-width: 767px) {
  .history .sp-head{padding-bottom: 40px;}
  .his-container{flex-direction: column; align-items: center;}
  .his-left{padding-left: 22px; font-size: 32px;}
  .his-right li{margin: 0 0 59px 0; font-size: 14px;}
  .his-right li div{line-height: 1.5; margin-top: 1px;}
  .his-right ul{min-width: 328px;}
  .his-container::before{left: 50%; transform: translateX(calc(-50% - 107px)); z-index: 1;}
  .his-container>.first-arrow{left: 50%; transform: translateX(calc(-50% - 107px));}
  .his-right li span{width: 80px; min-width: 80px;}
  .his-right .flex{text-align: left; align-items: flex-start; padding-top: 5px;}
  .his-right .flex span{margin-top: -5px;}
  .history .end{position: relative; left: 50%; transform: translateX(calc(-50% - 158px )); font-size: 16px; height: 65.5px; max-width: 330px;}
  .sp-content.one img{right: 15px; top: initial; bottom: 20px; max-width: 220px;}
  .sp-content.two img{left: initial; right: 15px; top: initial; bottom: 15px; max-width: 220px;}
  .sp-content.three img{right: 15px; max-width: 220px; top: initial; bottom: 40px;}
  .his-content::before{left: 38px;}
  .his-content.nth::after{left: 38px;}
  .his-tit {font-size: 35px; text-align: start;}
  .his-wrap{gap: 24px;}
  .his-right.his-wrap .flex{padding: 0;}
}

/* layer */
.layer .sp-head{padding: 0 0 20px;}
.layer .sp-head .tag{padding: 0;}
.layer .sp-head .desc{padding: 28px 0 46px; display: block; font-size: 33px; font-weight: 500; color: #000; line-height: 1.36;}
.layer .title-box{display: flex; align-items: flex-end;}
.layer .title-box{color: rgba(113,113,113,.55); font-size: 25px;}
.layer .title-box span{margin: 0 auto 0 0; font-size: 50px; font-weight: bold; color: #000000; line-height: 1.2;}
.layer .guage{width: 100%; height: 7px; background: #C5C6C6; margin: 24.5px 0 72.5px;}
#company .layer .guage{margin: 24.5px 0 133.5px;}
.layer .guage div{max-width: 300px; width: 100%; height: 100%; background: var(--theme);}
.layer .left-txt{font-size: 20px; line-height: 1.65; width: 572px;}
.layer .left-txt p{margin-bottom: 32px;}
.layer .left-txt p:last-child{margin-bottom: 0px;}
.layer .right-img{margin-left: auto;}
.two-img{background: rgba(197,198,198,.25); height: 378px; position: relative;}
.two-img .flex{gap: 25px; justify-content: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 60px;}
.layer .txt-box{font-size: 20px; padding: 60px 0 0 300px;}
.layer .txt-box b{font-size: 25px; margin-bottom: 38px; display: block;}
.layer .txt-box p{margin-bottom: 38px; line-height: 1.65;}
.layer .txt-box p span{display: block; font-weight: 600;}
.layer .grid{display: grid; grid-template-columns: repeat(2, 1fr); margin: 120px 0 0; gap: 20px; row-gap: 22px;}
.layer .grid li{position: relative;}
.layer .grid li::before{content: ''; position: absolute; height: 46px; width: 100%; bottom: 0; left: 0; background: #717171; mix-blend-mode: multiply;}
.layer .grid li p{position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; height: 46px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 500;}
.layer .route{font-size: 33px; font-weight: 500;}
.layer .route span{color: #007DF9;}
.layer .grid.no-tit li::before{content: none;}
.layer .grid li.gray{background: #F1F1F1;}
.layer .left-txt.full{width: 100%; margin-top: 42px;}
@media screen and (max-width: 1399px) {
  .layer .title-box{font-size: 20px;}
  .layer .title-box span{font-size: 42px;}
  #company .layer .guage{margin: 24px 0 60px;}
  .two-img .flex{bottom: 50%; transform: translate(-50%, 50%);}
  .two-img img{max-width: 347.5px;}
  .layer .txt-box b{font-size: 22px;}
  .layer .txt-box{padding: 60px 0 0 0; font-size: 16px;}
  .layer .txt-box p{word-break: keep-all;}

  .layer .right-img{margin: auto;}
  .layer .left-txt{margin: 40px 0 0; width: initial;}
}

@media screen and (max-width: 767px) {
  .layer .title-box{flex-direction: column; align-items: center; justify-content: center; font-size: 18px;}
  .layer .title-box span{margin: 0; font-size: 28px; padding-bottom: 30px;}
  .layer .guage{margin: 24px 0 60px;}
  .layer .guage div{max-width: 100%;}
  .two-img{height: fit-content; padding: 25px 0;}
  .two-img .flex{transform: initial; position: initial; flex-direction: column;}
  .two-img .flex img{margin: auto; width: 100%; max-width: 100%;}
  .layer .txt-box{font-size: 14px; padding: 40px 0 0 0;}
  .layer .txt-box b{font-size: 18px; margin-bottom: 30px}
  .layer .txt-box p{margin-bottom: 20px;}
  
  .layer .sp-head .desc{font-size: 18px; padding: 10px 0px;}
  .layer .title-box span{padding-bottom: 0;}
  .layer .left-txt{font-size: 14px; margin: 30px 0 0;}
  .layer .left-txt p{word-break: keep-all; margin-bottom: 20px;}
  .layer .grid{margin: 60px 0 0; grid-template-columns: 1fr;}
  .layer .grid li p{font-size: 16px;}
}


/* customer */
.customer{background: rgba(197,198,198,.15);}
.customer .grid{grid-template-columns: repeat(5,1fr); gap: 10px; row-gap: 49px;}
.customer .grid li{border-radius: 20px; border: 1px solid #C5C6C6; height: 138px; display: flex; align-items: center; justify-content: center; background: #fff;}

@media screen and (max-width: 1399px) {
  .customer .grid{grid-template-columns: repeat(3, 1fr);}
}

@media screen and (max-width: 767px) {
  .customer .grid{grid-template-columns: repeat(2, 1fr); row-gap: 20px;}
}

/* cert */
#company .cert-item .thumb img{aspect-ratio: 280 / 394; border-color: #C5C6C6;}
#company .cert-item .cont {padding: 14px 0; height: 100%; font-size: 20px; text-align: center; border-bottom: none;}
#company .cert-item .cont .cate{color: #007DF9; font-weight: 700;}
#company .cert-item .cont .tit {display: block; color: #000; font-size: 20px; margin: 4px 0;}
#company .cert-item .cont .cert-num{color: #7A7E82;}
.arrow{border-top: 2px solid #B6B8B8 !important; border-right: 2px solid #B6B8B8 !important;}
.paging__btn{font-size: 20px !important; font-weight: 500 !important;}
.paging .paging__num.active{color: #007DF9 !important;}

@media screen and (max-width: 1399px) {
}

@media screen and (max-width: 767px) {
  #company .cert-item .cont .tit{word-break: keep-all;}
}


/* map */
.map .sp-title{padding: 0;}
.map iframe{width: 100%; height: 480px;}
.map-box{border: 1px solid #707070;}
.map ul{display: grid; grid-template-columns: repeat(3,1fr); padding: 20px 0 11.9px; border-bottom: 1px solid #D6D6D6;}
.map ul li{display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.map ul li:nth-child(2){position: relative;}
.map ul li:nth-child(2)::before{content: ''; position: absolute; width: 1px; height: 140px; left: 0; top: 50%; transform: translateY(-50%); background: #D6D6D6;}
.map ul li:nth-child(2)::after{content: ''; position: absolute; width: 1px; height: 140px; right: 0; top: 50%; transform: translateY(-50%); background: #D6D6D6;}
.map ul li b{margin: 8px 0 6px; color: #007DF9; font-size: 20px;}
.map ul li p{font-size: 22px; line-height: 1.3;}
.map .bottom{margin: 122.1px 0 0;}

@media screen and (max-width: 1399px) {
  .map ul li p{font-size: 16px; height: 63px;}
  :lang(en){
    .map ul li {width: 90%; height: 200px;}

  }
}

@media screen and (max-width: 767px) {
  .map iframe{width: 100%; height: auto; min-height: 330px;}
  .map ul{grid-template-columns: 1fr;}
  .map ul li:nth-child(2){padding-block: 20px; margin-block: 20px;}
  .map ul li:nth-child(2)::before{left: 50%; transform: translateX(-50%); top: 0; width: 100%; height: 1px;}
  .map ul li:nth-child(2)::after{left: 50%; transform: translateX(-50%); top: initial; bottom: 0; width: 100%; height: 1px;}
  .map ul li b{font-size: 18px;}
  .map ul li p{font-size: 14px; height: initial;}
  .map .bottom{margin: 60px 0 0 0;}
  :lang(en){
    .map ul li {width: 100%; height: 160px;}
  }
}

/* product */
#normal .sp-head .desc{color: #000000; font-size: 33px; font-weight: 500; padding: 28px 0 43px;}
#normal .steel .grid{margin: 101px 0 0;}
#normal .machinery .grid{grid-template-columns: repeat(3, 1fr);}

@media screen and (max-width: 1399px) {
  #special .guage + .flex, #normal .guage + .flex{flex-direction: column-reverse;}
  #normal .sp-head .desc{font-size: 28px;}
}

@media screen and (max-width: 767px) {
  #special, #normal{text-align: center;}
  #normal .sp-head .desc{font-size: 18px; padding: 10px 0;}
  #normal .steel .grid{margin: 60px 0 0;}
  .layer .left-txt .ai{text-align: left; margin: auto; width: fit-content;}
  .layer .left-txt .ai span{display: block; padding-left: 44px;}
  #normal .machinery .grid{grid-template-columns: 1fr;}
}

/* technology */
#technology .research .sp-head{padding: 0 0 72px;}
#technology .sp-head .sp-title{padding-bottom: 0;}
.basic-font{font-size: 20px; font-weight: 500; line-height: 1.65;}
#technology .two-img{height: 237px; margin: 67px 0 134px;}
#technology .two-img img{position: absolute; left: 50%; transform: translateX(-50%); bottom: -43.3px;}
#technology .research .layer .sp-head .tag{padding: 0 0 20px;}
.procedure{display: flex; gap: 33px; margin: 60px 0 0;}
.procedure li div{font-size: 25px; font-weight: 600; color: #1E8CDF; border: 2px solid #007DF9; border-radius: 50px; line-height: 1; height: 58px; display: flex; align-items: center; justify-content: center; margin: 37px 0 0; position: relative;}
.procedure li div img{position: absolute; right: -62px; top: 50%; transform: translateY(-50%);}
.mt69{margin-top: 69px;}
.forging .procedure li{justify-content: center; width: 100%;}
.forging .procedure li img{margin: auto;}
.forging .procedure li div{max-width: 377px; margin: 37px auto 0;}
.process .title-box{display: block; font-size: 50px; font-weight: 700; color: #000000;}
.facility .title-box{display: block; font-size: 50px; font-weight: 500; color: #000000;}
.facility .grid{margin: 0; align-items: flex-end; row-gap: 73px;}
.facility .grid li b{font-size: 33px; margin: 0 0 22px; display: block; line-height: 1.36;}
.facility .grid li b span{font-weight: 600;}
.facility .grid li img{width: 100%;}
.facility .grid li::before{display: none;}
.facility .grid.three{grid-template-columns: repeat(3, 1fr);}
.facility .guage + b{font-size: 33px; margin: 0 0 22px; display: block; line-height: 1.36;}
.casting .guage + .flex{justify-content: space-between;}
.casting .guage + .flex div{color: #fff; max-width: 402px; width: 100%; text-align: center; background: #007DF9; border-radius: 50px; padding: 6.5px 0; font-size: 30px; font-weight: 600;}
.casting .guage + .flex div:last-child{background: #00BEF9;}
.casting .container>p{font-size: 49px; font-weight: 300; text-align: center; margin: 39px 0 30px;}
.casting .cont{display: flex; position: relative;}
.casting .cont ul{width: 50%; background: rgba(0,125,249,.07); padding: 50px 20px 36px;}
.casting .cont .right{background: rgba(0,190,249,.07);}
.casting .cont ul li{max-width: 363px; width: 100%; text-align: center; font-size: 27px; font-weight: 300; color: #1E8CDF; height: 98px; position: relative; border-radius: 100px; display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 1; cursor: pointer;}
.casting .cont ul li::before{content: ''; background-color: #007DF9; width: 248px; height: 1px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.casting .cont ul li:last-child::before{display: none;}
.casting .cont .right li{margin-left: auto; color: #0A95C4;}
.casting .cont .right li::before{background-color: #00BEF9;}
.casting .cont ul li span{font-size: 20px; color: #1E1D1D;}
.casting .cont ul li.active{background: #007DF9; color: #fff; font-size: 36px; line-height: 1;}
.casting .cont ul.right li.active{background: #00BEF9;}
.casting .cont ul li.active span{color: #fff; font-size: 25px; font-weight: bold; line-height: 1.5;}
.casting .cont ul li.active::before{display: none;}
.casting .cont .img-box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; background: #fff; max-width: 469px; width: 100%; height: 469px; display: flex; align-items: center; justify-content: center;}
.casting .cont .img-box .circle{background: linear-gradient(180deg,rgba(0, 125, 249, 1) 0%, rgba(0, 63, 125, 1) 100%); max-width: 348px; height: 348px; width: 100%; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: relative;}
.casting .cont .img-box .circle div{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center;}
.casting .cont .img-box .circle div img{max-width: initial; display: none;}
.casting .cont .img-box .circle div img.active{display: block;}
.flow .flow-tit{font-size: 33px; margin-bottom: 28px;font-weight: 500;}
.flow .flow-list{font-size: 20px; }
.flow .flow-list li{display: flex;padding-left: 16px; position: relative; align-items: center; text-align: start;}
.flow .flow-list li::before{content: ""; width:8px; height: 8px; background: #007DF9; display: inline-block; position: absolute; border-radius: 50%; top: 12px; left: 0;}


.animate-spin-slow {
    animation: spin 20s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

#patent .sp-section .sp-head{padding-bottom: 0;}
#patent .sp-section .sp-head .sp-title{padding-bottom: 37px;}
#patent .lnb-bar .btn.active {background: #007DF9;}
#patent .tag{color: #007DF9;}
#patent table{margin: 20.5px 0 0; width: 100%; text-align: center;}
#patent .performance .col1{width: 93px;}
#patent .performance .col2{width: 178px;}
#patent .performance .col3{width: 184px;}
#patent .performance .col4{width: 545px;}
#patent .performance .col5{width: 200px;}
#patent .result .col1{width: 93px;}
#patent .result .col2{width: 178px;}
#patent .result .col3{width: 152px;}
#patent .result .col4{width: 413px;}
#patent .result .col5{width: 116px;}
#patent .result .col6{width: 116px;}
#patent .result .col7{width: 132px;}
#patent thead{background: linear-gradient(90deg,rgba(0, 70, 202, 1) 0%, rgba(0, 125, 249, 1) 100%); color: #fff; font-size: 15px; font-weight: 600;}
#patent thead th{border-right: 1px solid #fff; line-height: 1; padding: 10.5px 0 11.5px;}
#patent thead th:last-child{border-right: none;}
#patent tbody tr{border-bottom: 1px solid #989898;}
#patent tbody tr:last-child{border-bottom: 2px solid #989898;}
#patent tbody tr td{border-right: 1px solid #989898; padding: 15.5px 0 14px; word-break: keep-all;}
#patent tbody tr td:first-child{font-weight: bold; color: #0021F9;}
#patent tbody tr td:last-child{border-right: none;}
#patent .result td:last-child{font-weight: 500; color: #007DF9;}
#patent .result td:last-child.red{color: #FF2300;}
.lnb-bar.full{grid-template-columns: repeat(1,1fr);}

@media screen and (max-width: 1399px) {
  #technology .two-img img{max-width: 720px; bottom: 50%; transform: translate(-50%,50%);}
  ul.procedure.mt69{padding-right: 251px;}
  .facility .guage + b{font-size: 18px;}
  .facility .grid li b{font-size: 18px; margin: 0 0 20px;}

  .casting.process .title-box{font-size: 28px;}
  .casting .guage + .flex div{max-width: 200px; font-size: 18px;}
  .casting .cont{flex-wrap: wrap;}
  .casting .cont .img-box{position: initial; min-width: 100%; transform: initial;}
}

@media screen and (max-width: 767px) {
  #technology{text-align: center;}
  #technology .sp-head .tag{padding-bottom: 0.5em;}
  #technology .two-img img{max-width: 330px;}
  #technology .research .sp-head{padding-bottom: 30px;}
  .basic-font{font-size: 18px;}
  #technology .two-img{margin: 40px 0 60px; height: 180px;}
  .process .title-box, .facility .title-box{font-size: 24px;}
  #technology .layer .title-box span{display: block;}
  .layer .route{font-size: 20px;}
  .procedure{flex-direction: column; align-items: center; gap: 80px;}
  .procedure li div{font-size: 16px; height: 38px; max-width: 330px; margin: 20px auto 0;}
  .procedure li div img{right: 50%; transform: translate(50%, calc(-50% + 20px)) rotate(90deg);}
  ul.procedure.mt69{padding-right: 0;}
  .facility .guage + b{margin: 0 0 10px;}
  .facility .grid li b{margin: 0 0 10px;}
  .facility .grid{gap: 40px;}
  .facility .grid li b span{font-size: 16px; display: block;}
  .facility .grid.three{grid-template-columns: 1fr;}

  .casting.process .title-box{font-size: 24px; letter-spacing: -0.003em;}
  .casting .guage + .flex div{font-size: 16px; max-width: 140px;}
  .casting .container>p{font-size: 32px; margin: 20px 0;}
  .casting .cont ul{padding: 20px}
  .casting .cont .img-box{height: initial; margin: 0 0 20px;}
  .casting .cont .img-box .circle{max-width: 300px; height: 300px;}
  .casting .cont .img-box .circle>img{max-width: 254px;}
  .casting .cont .img-box .circle div img{max-width: 214px;}
  .casting .cont ul li::before{width: 100%;}
  .casting .cont ul li{font-size: 18px; border-radius: 0px;}
  .casting .cont ul li span{font-size: 14px;}
  .casting .cont ul li.active{font-size: 24px;}
  .casting .cont ul li.active span{font-size: 18px;}

  #patent{text-align: center;}
  #patent table{width: 1200px}
  .table-cover{overflow-x: scroll; padding-inline: 15px;}
  .performance>.container, .result>.container{width: 100%;}
  .sp-section .search-bar{padding-inline: 15px;}
  .flow .flow-tit{font-size: 28px; line-height: 1.3; margin-top: 30px;}
  .flow .flow-list{font-size: 18px;}
  .flow .flow-list li::before{top: 10px;}
}

/* career */
.career .container>.flex{gap: 32px;}
.career .container>.flex li{background: rgba(241,241,241,.66); border-radius: 20px; height: 382px; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center;}
.career .container>.flex li b{font-size: 35px;}
.career .container>.flex li:nth-child(2) b{color: #007DF9;}
.career .container>.flex li:not(:nth-child(2)) b{color: #FF2300;}
.career .container>.flex li p:not(.slogan){font-size: 16px; font-weight: 500; line-height: 1.56; margin: 22px 0 0; height: 133px; color: #707070;}
.career .container>.flex li .slogan{font-weight: 600; margin: 0 0 14px;}
.career .container>.flex + .basic-font{height: 133px; margin: 46px 0 148px; text-align: center;}
.career .middle .sp-head{padding-bottom: 77px;}
.career .middle .sp-head .sp-title{padding-bottom: 0;}
.career .middle img{margin: auto;}
.career .end{margin: 299px 0 0;}
.career .end .grid{grid-template-columns: repeat(2, 1fr); gap: 54px;}
.career .end li{text-align: center; position: relative; padding-bottom: 64px;}
.career .end .img-box{height: 36.11px;}
.career .end .img-box img{margin: auto;}
.career .end p{margin: 9.9px 0 0; font-size: 18px; font-weight: 500; line-height: 1.2;}
.career .end p span{display: block; font-size: 30px; font-weight: bold; margin: 0 0 17px;}
.career .end .line{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.career .end .blue{color: #007DF9;}
.career .end .purple{color: #0021F9;}
.career .end li.border{border-bottom: 1px solid #B6B8B8;}
:lang(en){
  .career .container>.flex{gap: 16px;}
}

@media screen and (max-width: 1399px) {
  .career .container>.flex{gap: 15px;}
  .career .container>.flex li b{font-size: 24px;}
  .career .container>.flex li p:not(.slogan){font-size: 14px;}
  .career .container>.flex + .basic-font{margin: 40px 0 60px;}
  .career .end{margin: 160px 0 0;}
  :lang(en){
    .career .container>.flex li p:not(.slogan){height: 180px; min-height: 170px;width: 90%;}
    .career .container>.flex li .slogan{height: 48px;}
    
  }
}

@media screen and (max-width: 767px) {
  .career{text-align: center;}
  .career .container>.flex{flex-direction: column;}
  .career .middle .sp-head{padding-bottom: 30px;}
  .career .end{margin: 60px 0 0;}
  .career .end .grid{gap: 20px;}
  .career .end li{padding-bottom: 20px;}
  .career .end .img-box{display: flex; align-items: center; justify-content: center;}
  .career .end p{font-size: 14px; min-height: 112px;}
  .career .end p span{font-size: 18px; height: 44px;}
  .career .container>.flex li p:not(.slogan){height: 103px;}
  .career .container>.flex li{height: 312px;}
  :lang(en){
  .career .container>.flex li p:not(.slogan){height: auto; min-height: auto;}
  .career .container>.flex li .slogan{height: auto; margin-top: 14px;}

  .career .container>.flex li{height: fit-content; padding-block: 24px;}
  .career .end .grid{gap: 10px;}
  .career .end p span{font-size: 16px; margin-bottom: 8px;}
  }
}

/* news */
.news .sp-head{padding-bottom: 0;}
.news .sp-head .sp-title{padding-bottom: 37px;}
.news .gall-ls--h > li > a.notice .content .wrap .tag{color: #007DF9;}
.news .gall-ls--h > li > a.notice:hover .content .dd-button{background: #007DF9; border-color: #007DF9;}
.news .gall-ls--h > li:last-child{border-bottom: 2px solid #989898;}
.paging .paging__num{border: none !important;}
.sp-content.notice .board-view{border-color: #007DF9;}
.sp-content.notice .board-view-head .title .tag{color: #007DF9;}
.sp-content.notice .board-view-head .info-item b{color: #007DF9;}
.sp-content.notice .board-view .btn-list{background: #007DF9;}
.sp-section .search-bar {--size: 46px; --r: 100px;}
.sp-section .search-bar form {display: flex; gap: 10px; justify-content: flex-end; margin-bottom: 20px;}
.sp-section .search-bar form .sch-inp {height: var(--size); width: 300px; border-radius: var(--r); border:1px solid #ccc; background: #fff; padding: 0 1em; font-size: 16px; color: var(--gray);}
.sp-section .search-bar form .sch-inp::placeholder {opacity: .5;}
.sp-section .search-bar form .sch-btn {height: var(--size); width: var(--size); border-radius: var(--r); display: flex; align-items: center; justify-content: center; padding: 0; background: #007DF9; color: #fff; font-size: 20px; flex-shrink: 0;}
.sp-section .search-bar form .sch-btn svg {width: 60%;}

@media screen and (max-width: 767px) {
  .news .sp-head .sp-title{text-align: center;}
}

/* pr-center */
#pr-center .lnb-bar .btn.active{background: #007DF9;}
.catalog .gall-ls--v > li > a .thumb{border: 1px solid #e1e1e1; border-radius: 0;}
.gall-ls--v > li > a .thumb .overlay .icon svg{height: auto; width: 60%;}

.dd-form-indiv-policy{display: none;}
.dd-form-table tbody tr th .label{text-align: start;}