@charset "utf-8";


.technology .visual .rolling .item .desc {display: none;}
.footer-nav .btn {line-height: 1.3;}
.sp-head-title {text-transform: initial; line-height: 1.4;}
.map-content .map-info .txt-box .item:not(:first-child) {align-items: center;}
.map-content .map-info .txt-box .item .tit {width: 90px;}
.pqc-hardware .hardware-solution .content .card-ls .ls .desc-cont .box-cont > span {text-align: center; font-size: 16px; padding: .5rem;}
.core-technology .core-tech-ls .content .item .sbj-cont .tit {line-height: 1.4;}
.core-technology .core-certi .content .item {flex-direction: column; gap:.8rem; align-items: flex-start;}
.core-technology .core-certi .content .item .key {width: 100%;max-width: 400px; justify-content: flex-start;}
.core-technology .core-certi .content .item .value {padding-left: 1rem;}
.core-technology .core-certi .certi-ls {padding-top: 80px;}
.product-container .feature-ls .item .desc {word-break: keep-all;}
.business-container .biz-content .bg-gray-half {height: 90%;}
.career-banner .content li {flex-direction: column; gap: .5rem;}
.career-banner .content {padding: 2.5rem 2.5rem;}
.career-banner .value {font-size: 20px; padding-top: 0;}
.career-banner .val {font-size: 16px;padding-top: 0;}
.lineup-content .item .prod-name {justify-content: flex-start;}


@media screen and (min-width: 1400px) {
  .product .mp-head .mp-title {font-size: 42px;}
  .prod-content .prod-item .prod-name {font-size: 23px;}
  .technology .mp-title {font-size: 50px;}
  .technology .mp-head .mp-desc-cont {width: 40%;}
  .technology .mp-head .mp-desc-cont .mp-desc-tit {font-size: 34px; line-height: 1.3;}
  .technology .mp-head .mp-desc-cont {padding-top: 40px;}
  .technology .visual .rolling .item .sbj {font-size: 20px;}
  .etc .mp-title {font-size: 40px;}
  .etc .txtbox {min-height:auto; flex-direction: column; gap: 1rem;}
  .etc .small-btn {margin-left: auto;}
  .message-content .txt-box .tit {font-size: 30px; }
  .message-content .txt-box .desc {font-size: 16px;}
  .message-content .txt-box .desc.point .typo {font-size: 20px; line-height: 1.4;}
  .message-content .txt-box .desc.point {padding-top: 37px;}
  .technology-competition .tech-content .item {font-size: 20px;}
  .technology-competition .award-content .content .item > ul > li .desc {font-size: 18px;}
  .map-content .map-info .txt-box .item .info {font-size: 18px;}

  .primary-tit {font-size: 32px;}
  .tech-overview .intro .tech-head {display: grid; grid-template-columns:600px 1fr; gap: 1rem;}
  .tech-overview .intro .tech-head .txt-box {width: 100%;}
  .tech-overview .intro .tech-head .desc {font-size: 18px;}
  .tech-overview .pqc-solution .content .card-ls .ls .desc-cont .box {padding: 1rem .5rem;}
  .tech-overview .pqc-solution .content .card-ls .ls .desc-cont .box .desc {font-size: 15px;}
  .sp-section-title-sml {font-size: 28px;}
  .hl-diagram > li .inner .cont .key {padding: .5rem; font-size: 15px;} 
  .pqc-hardware .hardware-solution .content .card-ls .ls .desc-cont {padding: 1.5rem .5rem;}
  .pqc-hardware .hardware-solution .content .card-ls .ls .desc-cont .desc {font-size: 17px; min-height: 130px;}
  .pqc-hardware .hardware-solution .content .card-ls .ls .desc-cont .box-cont {max-height: 115px;height: 100%;}
  .product-container .product-head .txt-box{width: 56%;}
  .product-container .feature-ls .item .sbj {font-size: 19px;}
  .product-container .app-ls .item .sbj {font-size: 18px;}
  .product-container .cont-head .tag {font-size: 20px;}

  .business-container .bookmark-nav .btn {font-size: 17px; padding-inline: .3rem;}
  .business-container .biz-content .content .biz-content-ls {gap: 6rem 2rem;}
  .business-container .biz-content .content .biz-content-ls .item .txt-cont .sbj-cont {position: relative;}
  .business-container .biz-content .content .biz-content-ls .item .txt-cont .sbj-cont .hash-tit {position: absolute; bottom:calc(100% + 6px); left:-5px; line-height: 1.3;}
  .business-container .sp-section.intro {padding-bottom: 100px;}
  .business-container .biz-content .content .biz-head .tit {font-size: 38px; }
  .career-banner .key {font-size: 26px;}
  .career-info .content .item .txt {font-size: 15px;}
  .dd-form-table tbody tr th .label {font-size: 17px;}
  .recruit-inq .content .txt strong {font-size: 1.4rem; line-height: 1.4; }
  .header-submenu-item > a {font-size: 14px; line-height: 1.3;}
  .business-container .biz-content .content .biz-content-ls .item .txt-cont .sbj-cont .tit {font-size: 19px;}
  .lineup-content .item .prod-name .txt {font-size: 15px;}
}
@media screen and (max-width: 1499px) {
  .header-submenu-item > a {font-size: 13px;}
}
@media screen and (max-width: 1399px) {
  .main-visual-slide .content .desc .typo {font-size: 22px; }
  .product .mp-head {flex-direction: column;}
  .product .mp-head .mp-desc {width: 80%;}
  .product .mp-head .thumb-cont img {margin-top: -50px;}
  .technology .mp-head {width: 50%;}
  .technology .visual {width: 45%;}
  .technology .visual .rolling .item {padding: 20px 10px;}
  .technology .visual .rolling .item .icon {width: 36px;}
  .technology .visual .rolling .item .sbj {font-size: 13px;}
  .etc .mp-head {display: flex; align-items: flex-start;}
  .etc .news-image a {width: 100%;}
  .etc .container {margin-top: 100px;}
  .etc .small-btn {font-size: 15px; width: 100%;justify-content: center;}
  .etc .txtbox {min-height: 130px;}
  .footer-layout {grid-template-columns: 1fr;}
  .footer-nav {justify-content: flex-start;}
  .footer-logo {position: absolute; bottom:0; right:0;}
  .footer-top {gap: 1rem;}
  .sp-head-bar {width: 54px;}
  .sp-section {padding-block: 80px;}
  .primary-tit {font-size: 26px; }
  .tech-overview .intro .tech-head {flex-direction: column; gap: 1rem;}
  .tech-overview .intro .tech-head .txt-box {width: 100%;}
  .tech-overview .intro .tech-head .desc {padding-bottom: 1rem; word-break: keep-all;}
  .tech-overview .pqc-solution .content .card-ls .ls .desc-cont .box {padding: 1rem .5rem;}
  .tech-overview .pqc-solution .content .card-ls .ls .desc-cont .box .desc {padding-left: 10px; font-size: 13px;}
  .tech-overview .pqc-solution .content .sbj.mo-ver {padding-bottom: .3rem;}
  .pqc-hardware .primary-tit {font-size: 25px;}
  .pqc-hardware .hardware-solution .content .card-ls .ls .desc-cont .box-cont > span {font-size: 15px;}
  .hl-diagram {display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; padding-bottom: 50px;}
  .hl-diagram > li {transform: none!important; padding: 0; width: 100%;}
  .hl-diagram > li .outer::before {display: none;}
  .hl-diagram > li .outer::after {display: none;}
  .hl-diagram > li .inner {border-radius: 10px; background: #fff;}
  .hl-diagram > li .inner::before {display: none;}
  .hl-diagram > li .inner .gear img {width: auto; height: 100%;}
  .hl-diagram > li .inner .cont .key {width: 64%; margin: 0 auto;}
  .core-technology .core-certi .content {gap: 1.5rem;}
  .core-technology .core-certi .content .item .key {padding: .7rem 1.5rem;}
  .product-container .product-head .txt-box .desc {padding-top: 1.5rem;}
  .product-container .cont-head .title {font-size: 32px;}
  .lnb-bar .btn a {text-align: center;}
  .business-container .bookmark-nav {padding: 0; gap: .5rem; flex-wrap: wrap; margin-bottom: 2rem; justify-content: center;}
  .business-container .bookmark-nav .btn {font-size: 14px; min-height: auto; width: calc(100% / 3 - .5rem); border-radius: 10px; background: #fff; border:1px solid #C4C4C4;}
  .business-container .bookmark-nav .btn.active {border-color: var(--biz-theme);}
  .business-container .bookmark-nav .btn:nth-child(4) {width: calc(100% / 2 - .5rem); }
  .business-container .bookmark-nav .btn:nth-child(5) {width: calc(100% / 2 - .5rem);}
  .business-container .biz-content .content .biz-content-ls .item .txt-cont .sbj-cont .tit {font-size: 17px;}
  .business-container .biz-content .content .biz-head .tit {line-height: 1.4; } 
  .career-banner .container {min-height: 480px;}
  .career-banner .content {padding: 2rem;}
  .recruit-process {padding-bottom: 0px;}
  .recruit-inq .content .txt strong {font-size: 1.25rem; }
  .lineup-content .item .prod-name {padding: 10px 10px;}
}
@media screen and (max-width: 767px) {
  .main-visual-slide .content .desc .typo {line-height: 1.5; font-size: 19px;}
  .product .container {margin-block:80px;}
  .product .mp-head .mp-desc {width: 100%;}
  .product .mp-head .thumb-cont img {margin: 0;}
  .technology .mp-head {width: 100%; padding-block: 80px 20px;}
  .technology .visual {width: 100%;}
  .technology .visual .rolling.roll_down {display: grid; grid-template-columns: repeat(2,1fr);}
  .technology .visual .rolling .item .sbj {font-size: 14px;}
  .etc .mp-head {flex-direction: column;}
  .etc .txtbox {min-height: auto;}
  .map-content .map-info .txt-box .item .tit {width: 80px;}
  .primary-tit {font-size: 22px;}
  .pqc-hardware .primary-tit {font-size: 22px;}
  .pqc-hardware .intro .hash {font-size: 14px;}
  .product-container .feature-ls .item .sbj {padding-block:.7rem  }
  .product-container .feature-ls .item .sbj .txt {line-height: 1.3;}
  .business-container .bookmark-nav .btn {width: calc(100% / 2 - .5rem);}
  .business-container .bookmark-nav .btn:last-child {width: 100%;}
  .career-banner .content {padding: 1rem;}
  .career-banner .value {font-size: 16px;}
  .recruit-info .result {border-radius: 10px;}
  .recruit-process.career-info .content {display: grid; grid-template-columns: repeat(2,1fr);}
  .career-info .content .item .txt {font-size: 16px;}
  .career-info .content .item:last-child {grid-column: span 2;}
  .recruit-process.career-info .content .item:last-child {min-height: auto; flex-direction: row; justify-content: center;align-items: center; gap: 1rem; padding-block: 1rem;}
  .recruit-process.career-info .content .item:last-child .num {margin: 0;}
  .recruit-process.career-info .content .item:last-child .txt {font-size: 20px;}
  .inquiry-content .dd-file .file-box label .btn-find {width: 100px;}
  .recruit-process .item .logo-icon { width: 120px;}
}

@media screen and (max-width: 399px) {
  .main-visual-slide .content .desc .typo {font-size: 17px;}
}