@charset "utf-8";

.greetings .left>p:first-child {line-height: 1.4;}
.housing .introduce {gap: 3rem;}
.intro-hero .subpage_intro__lnb .cmp-lnb__dropdown .cur {line-height: 1.3;}
.intro-hero .subpage_intro__lnb .cmp-lnb__dropdown .cmp-lnb-ls .depth-btn { line-height: 1.3;}
.field .right p {display: flex; gap: .8em;}
.production table {font-size: 15px;}
.production td {padding-inline: 10px;}
.testing table {font-size: 14px;}
.testing td {padding-inline: 10px;}
.testing .pyo li:nth-child(odd) {line-height: 1.3;}
.head-banner .banner-tit {line-height: 1.2;}
.head-banner .banner-desc {line-height: 1.6;}
.sp-label {display: none;}
.esg-content .esg-ls .item .tit {font-size: 20px; color:#333; font-weight: 700;}
.esg-content .esg-ls .item .tit .tit-ko {display: none;}
#esg-management .esg-data .data .table {width: 100% !important;}
#safety-management .target-policy .cont .item .desc {font-size: 15px;}
.principle .ls .item .tit .num {display: block;}
.location li>.flex {flex-direction: column; width: 100%; align-items: flex-start; gap: 1rem;}
.location li>.flex .flex:last-child {margin-left: 0;}

.dd-form-table colgroup .col--th {width: 300px;}
.asung-form .dd-form-table .dd-inp .checkbox-group {grid-template-columns: repeat(3,1fr);}
#visit-request .asung-form .dd-form-table .dd-inp .checkbox-group.type2 {grid-template-columns: repeat(4,1fr);}
#visit-request-info .security .content{height: 510px;}
#visit-request-info .notice .content{height: 220px;}
#report-it .process-wrap .process-flow {gap: 1rem 0;}
#report-it .asung-form .noti {padding-top: 2rem;}
.header-submenu {align-items: center;}
.header-submenu-item > a {line-height: 1.3;}
.field .right b {flex-shrink: 0; }
.field .grid p {line-height: 1.3; display: flex; align-items: center;}


@media screen and (max-width: 1499px) {
  .header-gnb-item > a {font-size: 15px; padding-inline: 15px;}
}
@media screen and (min-width: 1400px) {
  .header-gnb-item > a {font-size: 16px; padding-inline: 20px;}
  .product .prod-btn .btn {line-height: 1.2; font-size: 15px; white-space: pre;}
  .mp-tit {font-size: 46px; line-height: 1.3;}
  .mp-tit-tag {font-size: 26px;}
  .quick_card__item .cont .more-link {position: static;}
  .overview .title {font-size: 26px;}
  .overview p {font-size: 16px;}
  .history .container { gap: 5rem}
  #history .left {width: 400px; flex-shrink: 0;}
  .history .right p {width: 64px;}
  .history .right .flex div p {font-size: 15px;}
  .history .left p:last-child {line-height: 1.3; font-size: 40px;}
  .product-title {line-height: 1.5;}
  .cooling .introduce {gap: 1rem;}
  .introduce {gap: 1rem;}
  .introduce p {width: 373px; font-size: 1.8em; line-height: 1.3;}
  .sp-title {font-size: 50px; line-height: 1.2;}
  .laboratory .right p {font-size: 1em;}
  .laboratory .left {display: grid !important; grid-template-columns:60px 1fr; gap: 1.3rem;}
  .laboratory .left b {font-size: 1.375em;}
  .sp-content {padding-block: 140px;}
  .sp-head {padding-bottom: 70px !important;}
  .overview .flex {margin: 40px 0 0;}
  .esg-content .cont-title {font-size: 26px;}
  .esg-content .esg-ls .item .desc {font-size: 16px;}
  .esg-content .esg-ls .item {padding: 39px 13px;}

  .esg-content .declaration .desc-cont .ls .item .txt {font-size: 16px; line-height: 1.4  ;}
  .down-btn .txt {font-size: 15px;}
  #safety-management .declaration .desc {font-size: 18px;}
  #safety-management .target-policy .cont .item .icon {height: 80px;}
  #safety-management .target-policy .cont .item .tit {font-size: 20px;}
  #safety-management .hori-layout {gap: 1rem;}
  #safety-management .target-policy .container:nth-child(2) .cont {padding-top: 0; margin-top: -3.5rem;}
  #cyber-audit-office .sp-title {font-size: 46px;}
  #cyber-audit-office .report-it .how-to .how-to-info .item .txt {font-size: 15px;}
  #cyber-audit-office .report-it .target .ls .item {align-items: flex-start; font-size: 16px;}
  #cyber-audit-office .report-it .target .ls .item {gap: 1rem;}
  #cyber-audit-office .report-it .target .ls .item .txt {line-height: 1.4; }
  .principle .ls .item .tit {font-size: 17px;}
  .recruit .top p:last-child {text-indent:-136px; padding-left: 154px;} 
  .recruit p:last-child {text-indent:-167px; padding-left: 184px;} 
  .location li:nth-child(odd) {font-size: 1.6em;}
  .location .flex p {font-size: 1em;}
  .location .img-cover {padding: 1em;}
  #report-it .asung-form .dd-form-table .dd-inp .checkbox-group {grid-template-columns: repeat(2,1fr);}
  #report-it .contact-section colgroup .col--th {width: 230px;}
  .laboratory .outer {align-items: flex-start;}
  .principle .ls .item .desc {font-size: 15px;}
}

@media screen and (max-width: 1399px) {
  .product .prod-btn .swiper-pagination {}
  .product .mp-tit {line-height: 1.2;}
  .product .mp-desc {width: 70%;}
  .product .prod-btn {height: 100px; border-radius: 20px;}
  .product .prod-btn .swiper-pagination-bullet {font-size: 13px; line-height: 1.2; height: calc(100% - 20px); border-radius: 20px;}
  .overview {display: flex; flex-direction: column; gap: 1.9rem;}
  #history .left {width: 250px; flex-shrink: 0;}
  .history .right .flex {gap: 2rem;}
  .history .right p {width: 45px;flex-shrink: 0;}
  .introduce {flex-direction: column; gap: 2rem;}
  .product-title {line-height: 1.3; font-size: 1.55em;}
  .sp-title {line-height: 1.2; font-size: 37px;}
  .housing .introduce {gap: 2rem;}
  .cooling .introduce {gap: 2rem;}
  .product-sub-title {margin: 18px 0 50px;}
  .mold .introduce p {width: 100%; max-width: none;}
  .mold .introduce {gap: 2rem;}
  .laboratory .left {align-items: flex-start;}
  .banner p {font-size: 1em;}
  .banner strong {font-size: 1.65em;}
  .production p {margin: 60px 0 40px !important;}
  .sp-head {padding-bottom: 40px !important;}
  .esg-content .esg-title {display: block; font-size: 20px; text-align: center;}
  .esg-content .esg-ls .item .desc {padding-top: 7px;}
  .head-banner .banner-tit {font-size: 22px;}
  .head-banner .banner-desc {font-size: 15px;}
  #safety-management .sp-title {font-size: 34px;}
  #safety-management .target-policy .cont .item .icon {width: 60px;}
  #cyber-audit-office .report-it .report .cont-desc {width:70%;}
  #cyber-audit-office .report-it .how-to .how-to-info .item .tag {width: 245px;}
  #cyber-audit-office .report-it .target .ls .item {align-items: flex-start; }
  .recruit p:last-child b {display: block !important;}
  .recruit p:last-child {text-indent:0 !important; padding-left: 16px !important;}

  .location iframe {height: 350px;}
  .dd-form-table colgroup .col--th {width: 200px;}
  .dd-form-table tbody tr th .label {font-size: 15px;}
  .asung-form .dd-form-table .dd-inp .checkbox-group {display: flex; gap: 0.5rem 1.2rem;}
  #visit-request .asung-form .dd-form-table .dd-inp .checkbox-group.type2 {grid-template-columns: repeat(3,1fr);}
  #visit-request-info .security .content{overflow: scroll;}
  #visit-request-info .notice .content{overflow: scroll;}
  .sitemap-submenu-ls {font-size: 18px;}
  .asung-form .dd-file .inp-notice {font-size: 13px;}
  #report-it .contact-section colgroup .col--th {width: 180px;}

  .dd-inp .checkbox-group .checkbox label {font-size: 13px;}
}
@media screen and (max-width: 767px) {
  .main-visual .visual-slide .title {font-size: 34px;}
  .product .mp-desc {width: 100%;}
  .product .prod-btn {height: 168px; bottom: 210px;}
  .product .prod-content .item-ls .item .txt {font-size: 14px;}
  .technology .head  {padding-bottom: 58px;}
  .technology .mp-tit {font-size: 24px;}
  .overview {gap: 0rem;}
  .overview .title {font-size: 1.5rem;}
  .greetings .left .flex {flex-direction: column; gap:0rem; align-items: flex-end; padding: 0;}
  #history .left {width: 100%;}
  .history .right .flex {gap: .6rem;}
  .product-title {font-size: 1.45em;}
  .sp-title {font-size: 30px;}
  .field .grid.bottom {grid-template-columns: repeat(1,1fr);}
  .testing table td {font-size:.9em;}
  #esg-management .esg-data .data .table td {font-size: 12px; padding: 5px !important;}
  #esg-management .esg-data .data .table td strong {display: block;}
  #esg-management .esg-data .data .table table th {font-size: 13px;}
  #cyber-audit-office .sp-title span {font-size: 22px;}
  #cyber-audit-office .report-it .report .cont-desc {width: 100%;}
  #cyber-audit-office .report-it .how-to .how-to-info .item {flex-direction: column; align-items: flex-start;}
  #cyber-audit-office .report-it .how-to .how-to-info .item .txt {padding-left: 2.8rem; }
  .principle .ls .item .tit .num {display: inline-block;}

  .location li>.flex .flex:first-child {flex-wrap: wrap;}
  .location li>.flex .flex:first-child p{width: 100%; padding: .5rem 0 0 2.7rem;}
  .asung-form .dd-form-table .dd-inp .checkbox-group {gap: 0rem 1.2rem;}
  .asung-form .dd-form-table .dd-inp .checkbox-group .checkbox label .label {font-size: 13px;}
  #report-it .dd-form-table colgroup .col--th {width: 100%;}
  #report-it .contact-section .section-title {flex-wrap: wrap; gap: 5px 10px;}
  #report-it .contact-section .section-title span {padding-left: 20px;}
  #report-it .process-wrap .process-time {padding-left: 20px;}
  .watermeter .field .right p {gap:.5rem; flex-direction: row;}
  .watermeter  .field .right p:nth-child(5) {gap:0rem; flex-direction: column;}
  .midled .field .right p {gap:.5rem; flex-direction: row;}
  .midled .field .right p:nth-child(5) {gap:0rem; flex-direction: column;}
  .field .right p {gap:.3rem; flex-direction: column;}
  .field .right p:last-child {flex-direction: row; gap: .5em;}
  .field .right p {gap:0; text-indent:0 !important; padding-left: 20px !important;}

}
  
@media screen and (max-width: 410px) {
  #report-it .process-wrap .sp-title-sml {font-size: 13px;}
  #report-it .contact-section .section-title {font-size: 13px;}
}