@charset "utf-8";

/* 서브 페이지 공통 시작 */
.sub-page {margin-bottom: 160px;}
/* 서브 페이지 공통 끝 */

/* 회사소개 > CEO인사말 시작 */
#greeting .cont-box .img-cont {position: relative;}
#greeting .cont-box .img-cont img {position: relative;top: 0;left: 0;}
#greeting .cont-box .img-cont .img-txt {display: block;max-width: 488px;margin-left: auto;padding: 62px 105px;border-bottom-left-radius: 120px;background: var(--color-main);color: #fff;font-family: var(--font-Outfit);font-size: 2.0em;font-weight: 600;text-align: right;position: relative;top: -110px;}
#greeting .cont-box .txt-cont {margin-top: -100px;}
#greeting .cont-box .txt-cont .tit {margin-bottom: 40px;font-size: 2.25em;font-weight: 500;}
#greeting .cont-box .txt-cont .tit > span {color: var(--color-main);font-weight: 700;}
#greeting .cont-box .txt-cont .txt {color: #333;line-height: 1.8;}
#greeting .cont-box .txt-cont .txt:not(:last-child) {margin-bottom: 20px;}
#greeting .cont-box .txt-cont .txt b {color: var(--color-main);font-weight: 600;}

@media all and (max-width: 1399px){
    #greeting .cont-box .img-cont .img-txt {max-width: 432px;padding: 52px 76px;top: -100px;}
    #greeting .cont-box .txt-cont {margin-top: -80px;}
}
@media all and (max-width: 1199px){
    #greeting .cont-box .img-cont .img-txt {padding: 42px 76px;}
}
@media all and (max-width: 1024px){
    #greeting .cont-box .img-cont .img-txt {max-width: 330px;padding: 32px 55px;border-bottom-left-radius: 80px;font-size: 1.67em;top: -100px;}
    #greeting .cont-box .txt-cont {margin-top: -60px;}
    #greeting .cont-box .txt-cont .tit {margin-bottom: 30px;font-size: 2.0em;}
}
@media all and (max-width: 768px){
    #greeting .cont-box .img-cont .img-txt {max-width: none;width: 100%;padding: 8px 30px;border-bottom-left-radius: 40px;font-size: 1.44em;top: 0;}
    #greeting .cont-box .img-cont .img-txt > .line-br {display: inline;}
    #greeting .cont-box .txt-cont {margin-top: 60px;}
    #greeting .cont-box .txt-cont .tit {margin-bottom: 20px;font-size: 1.78em;}
    #greeting .cont-box .txt-cont .txt > .line-br {display: inline;}
    #greeting .cont-box .txt-cont {margin-top: 60px;}
}
@media all and (max-width: 640px){
    #greeting .cont-box .img-cont .img-txt {padding: 8px 20px;border-bottom-left-radius: 20px;font-size: 1.22em;}
    #greeting .cont-box .txt-cont {margin-top: 40px;}
}
@media all and (max-width: 480px){
    #greeting .cont-box .img-cont .img-txt {padding: 8px 10px;font-size: 1.11em;}
}
/* 회사소개 > CEO인사말 끝 */


/* 회사소개 > 오시는길 시작 */
#location .map-cont {width: 100%;height: 600px;}
#location .map-cont .root_daum_roughmap {width: 100%;height: 100%;}
#location .map-cont .root_daum_roughmap .wrap_map {height: 100%;}
#location .map-cont .root_daum_roughmap .map_border,
#location .map-cont .root_daum_roughmap .roughmap_maker_label,
#location .map-cont .root_daum_roughmap .wrap_controllers {display: none;}
#location .info-cont {display: flex;justify-content: start; gap: 35px;margin-top:25px;}
#location .info-cont p {display: flex;align-items: center;font-size: 20px; font-weight: 400; color: #333;}
#location .info-cont p .ico {margin-right: 8px;}
#location .info-cont .call {display: flex;align-items: center;}
@media all and (max-width: 1200px){
  #location .map-cont {height: 500px;}
}
@media all and (max-width: 1024px){
  #location .map-cont {height: 400px;}
  #location .info-cont p {font-size: 18px;}
}
@media all and (max-width: 768px){
  #location .map-cont {height: 300px;}
  #location .info-cont {flex-direction: column;gap: 10px;}
  #location .info-cont p {font-size: 16px;}
  #location .info-cont p .ico {margin-right: 5px;}
  #location .info-cont p .ico img {max-width: 80%;}
}
/* 회사소개 > 오시는길 끝 */

/*  제품소개 - product 시작 */
#product .cont-tit {margin-bottom: 65px;}
#product .cont-tit .txt {font-size: 1.20em;font-weight: 500;text-align: center;}
#product .cont-tit .tit {font-size: 2.0em;font-weight: 700;text-align: center;}

#product [class*=cont-box] ul {display: flex;flex-wrap: wrap;gap: 25px;}
#product [class*=cont-box] ul > li .tit {color: #313131;}

#product .cont-box1 {margin-bottom: 140px;}
#product .cont-box1 ul > li {width: calc(20% - 20px);border: 1px solid #E5E5E5;box-sizing: border-box;position: relative;}
#product .cont-box1 ul > li::before {content: '';display: block;width: 100%;height: 100%;border: 3px solid var(--color-main);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;opacity: 0;visibility: hidden;transition: .35s;}
#product .cont-box1 ul > li:has(a):hover::before {visibility: visible;opacity: 1;} 
#product .cont-box1 ul > li > .txt-cont {padding: 10px 14px;box-sizing: border-box;position: relative;z-index: 1;}
#product .cont-box1 ul > li > .txt-cont > .title {display: flex;justify-content: space-between;align-items: center;margin-bottom: 5px;}
#product .cont-box1 ul > li > .txt-cont > .title > .tit {font-size: 1.10em;font-weight: 600;}
#product .cont-box1 ul > li > .txt-cont > .title > a {display: inline-block;color: #939393;font-size: 14px;text-decoration: underline;text-underline-offset: 3px;transition: .35s;}
#product .cont-box1 ul > li > .txt-cont > .title > a:hover,
#product .cont-box1 ul > li > .txt-cont > .title > a:focus {color: var(--color-main);font-weight: 500;}
#product .cont-box1 ul > li > .txt-cont > .txt {font-size: 16px;font-weight: 500;}

#product .cont-box2 ul > li {width: calc(33.333% - 17px);padding: 22px 28px;border: 1px solid #E5E5E5;box-sizing: border-box;}
#product .cont-box2 ul > li > .img-cont {margin-bottom: 25px;}
#product .cont-box2 ul > li > .img-tit {font-size: 1.20em;font-weight: 700;}


@media all and (max-width: 1399px){
    #product .cont-box1 ul > li {width: calc(25% - 19px);}
}
@media all and (max-width: 1199px){
    #product [class*=cont-box] ul {display: flex;flex-wrap: wrap;gap: 15px 10px;}
    #product .cont-box1 ul > li {width: calc(25% - 8px);}
    #product .cont-box1 ul > li > .txt-cont > .title > .tit {font-size: 1.0em;}
    #product .cont-box2 ul > li {width: calc(33.333% - 7px);padding: 22px 20px;}
    #product .cont-box2 ul > li > .img-tit {font-size: 1.0em;}
}
@media all and (max-width: 1024px){
    #product .cont-box1 ul > li {width: calc(33.333% - 7px);}
}
@media all and (max-width: 768px){
    #product .cont-box2 ul > li {width: calc(50% - 5px);}
}
@media all and (max-width: 640px){
    #product .cont-box1 ul > li {width: calc(50% - 5px);}
}
@media all and (max-width: 480px){
    #product .cont-box1 ul > li {width: 100%;}
    #product .cont-box2 ul > li {width: 100%;}
}
/*  제품소개 - product 끝 */


/* 제품소개 > 상세 페이지 공통 부분(탭, 테이블) 시작 */
.product .page-tit .txt {margin-top: 18px;font-size: 18px;text-align: center;}
.product .tabs ul {display: flex;}
.product .tabs ul > li {width: 100%;}
.product .tabs ul > li.col2 {width: 50%;}
.product .tabs ul > li.col4 {width: 25%;}
.product .tabs ul > li.col5 {width: 20%;}
.product .tabs ul > li > span {display: block;width: 100%;max-height: 50px;padding: 15px 0;border-bottom: 1px solid #D9D9D9;box-sizing: border-box;background: #EFEFEF;color: #272727;font-weight: 500;text-align: center;line-height: 1.0;transition: .15s;}
.product .tabs ul > li > span.active {border-top: 1px solid var(--color-main);/* border-bottom: 0; */background: #FFF;}
.product .tabs ul > li:not([class*=col]) > span {pointer-events: none;}
.product .tabs ul > li[class*=col]:hover > span {background: var(--color-main);color: #fff;cursor: pointer;}
.product .tab-container {padding: 60px 0 0;}
.product .tab-content {display: none;justify-content: space-between;align-items: center;}
.product .tab-content.active {display: flex;}
.product .table-cont {width: 100%;}
.product .tb-wrap > table {min-width: 768px;}
.product table {width: 100%;border-collapse: collapse;table-layout: fixed;clear: both;}
.product table thead tr {border: 1px solid var(--color-main);border-bottom-width: 0;font-size: 1.10em;}
.product table thead tr:last-child {border-bottom-width: 4px;}
.product table thead th {height: 64px;padding: 1px 0;border-right: 1px solid var(--color-main);font-weight: 500;}
.product table tbody tr {border-bottom: 1px solid #C4C4C4;}
.product table tbody tr:not([rowspan]):last-child {border-left: 0;}
.product table tbody th {border-right: 1px solid #C4C4C4;color: #656565;font-weight: 400;}
.product table tbody td {padding: 8px 0;color: #656565;text-align: center;}
.product table tbody td:not(:first-child) {border-left: 1px solid #C4C4C4;}

.product .tb-ntc {display: none;margin: 15px 0;padding: 0 25px;color: #555;font-size: 15px;text-align: center;line-height: 1.2;position: relative;}
.product .tb-ntc:before,
.product .tb-ntc:after {content: '';display: block;width: 0;height: 0;border-style: solid;}
.product .tb-ntc:before {border-width: 9px 15.588px 9px 0px;border-color: transparent rgba(85,85,85,.3) transparent transparent;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.product .tb-ntc:after {border-width: 9px 0px 9px 15.588px;border-color: transparent transparent transparent rgba(85,85,85,.3);position: absolute;top: 50%;transform: translateY(-50%);right: 0;}

@media all and (max-width: 1199px){
    .product .tb-wrap {overflow-x: auto;}
    .product .tb-ntc {display: block;}
}
@media all and (max-width: 1024px){
    .product table thead tr {font-size: 18px;}
    .product table thead th {padding: 12px 0;}
    .product table tbody tr {font-size: 16px;}
}
@media all and (max-width: 768px){
    .product .page-tit .txt > .line-br {display: inline;}
}
@media all and (max-width: 640px){
    .product .tabs ul {flex-wrap: wrap;}
    .product .tabs ul > li[class*=col] {width: 50%;}
    .product .tabs ul > li > span {max-height: 48px;border-bottom: 0;}
    .product .tabs ul > li:nth-child(odd) > span {border-right: 1px solid #D9D9D9;}
    .product .tabs ul > li:nth-child(n+3) > span {border-top: 1px solid #D9D9D9;}
    .product .tabs ul > li > span.active {background: var(--color-main);color: #fff;}
}

/* 제품소개 > 상세 페이지 공통 부분(탭, 테이블) 끝 */

/* 제품소개 > 에오노카(product_01) 시작 */
#product01 #cont-box1 ul {display: flex;width: 100%;}
#product01 #cont-box1 ul > li {width: 33.333%;}
#product01 #cont-box1 ul > li:not(:last-child) {border-right: 1px solid #DEDEDE;box-sizing: border-box;}
#product01 #cont-box1 ul > li > .img-cont {margin-bottom: 18px;}
#product01 #cont-box1 ul > li > .img-cont > img {margin: 0 auto;}
#product01 #cont-box1 ul > li > .img-txt {padding: 0 20px;font-size: 18px;text-align: center;}
#product01 #cont-box2 ul {display: flex;width: 100%;}
#product01 #cont-box2 ul > li {width: 33.333%;}
#product01 #cont-box2 ul > li:not(:last-child) {border-right: 1px solid #DEDEDE;box-sizing: border-box;}
#product01 #cont-box2 ul > li > .img-cont {margin-bottom: 40px;}
#product01 #cont-box2 ul > li > .img-cont > img {margin: 0 auto;}
#product01 #cont-box2 ul > li > .img-txt {font-size: 18px;text-align: center;}
#product01 #cont-box3 .cont-wrap {display: flex;gap: 0 68px;width: 100%;}
#product01 #cont-box3 .cont-wrap > .img-txt {padding: 28px 0;font-size: 18px;}
#product01 #cont-box4 .cont-wrap {display: flex;justify-content: space-between;width: 100%;}
#product01 #cont-box4 .cont-wrap > .img-cont {max-width: 350px;width: 25%;}
#product01 #cont-box4 .cont-wrap > .img-txt {padding: 28px 0;font-size: 18px;}
#product01 #cont-box4 .cont-wrap > .table-cont {max-width: 1000px;width: 72%;}
#product01 #cont-box4 .cont-wrap > .table-cont .tb-wrap:has(.tb1) {margin-bottom: 55px;}

@media all and (max-width: 1199px){
    #product01 #cont-box1 ul > li > .img-txt > .line-br {display: inline;}
    #product01 #cont-box3 .cont-wrap {gap: 0 40px;}
}
@media all and (max-width: 1024px){
    #product01 #cont-box3 .cont-wrap {flex-direction: column;gap: 40px 0;margin: 0 auto;}
    #product01 #cont-box3 .cont-wrap > .img-cont {margin: 0 auto;}
    #product01 #cont-box3 .cont-wrap > .img-txt {padding: 0;text-align: center;}
    #product01 #cont-box4 .cont-wrap {flex-direction: column;}
    #product01 #cont-box4 .cont-wrap > .img-cont {max-width:none;width: 100%;}
    #product01 #cont-box4 .cont-wrap > .img-cont > img {margin: 0 auto;}
    #product01 #cont-box4 .cont-wrap > .table-cont {max-width: none;width: 100%;}
}
@media all and (max-width: 768px){
    #product01 #cont-box1 ul {flex-wrap: wrap;}
    #product01 #cont-box1 ul > li {width: 100%;padding: 30px 0;border-bottom: 1px solid #DEDEDE;}
    #product01 #cont-box1 ul > li:not(:last-child) {border-right: 0;border-bottom: 1px solid #DEDEDE;}
    #product01 #cont-box1 ul > li > .img-txt > .line-br {display: block;}
    #product01 #cont-box2 ul {flex-wrap: wrap;}
    #product01 #cont-box2 ul > li {width: 100%;padding: 30px 0;border-bottom: 1px solid #DEDEDE;}
    #product01 #cont-box2 ul > li:not(:last-child) {border-right: 0;border-bottom: 1px solid #DEDEDE;}
    #product01 #cont-box2 ul > li > .img-txt > .line-br {display: block;}
}
@media all and (max-width: 640px){
    #product01 #cont-box3 .cont-wrap {gap: 20px 0;}
    #product01 #cont-box3 .cont-wrap > .img-txt > .line-br {display: inline;}
}
@media all and (max-width: 480px){
    #product01 #cont-box1 ul > li > .img-txt > .line-br {display: inline;}
}
/* 제품소개 > 에오노카(product_01) 끝 */


/* 제품소개 > 에어패드(product_03) 시작 */
#product03 .page-tit {display: flex;gap: 0 50px;}
#product03 .page-tit .img-cont {flex: 0 0 auto;max-width: 620px;width: 45%;}
#product03 .page-tit .txt-cont > .tit {margin-bottom: 25px;text-align: left;}
#product03 .page-tit .txt-cont > .txt {font-size: 18px;}
#product03 .page-tit .txt-cont > .txt:not(:last-child) {margin-bottom: 20px;}

/* #product03 .tabs ul > li {width: 50%;} */
#product03 #cont-box1 > ul {display: flex;width: 100%;}
#product03 #cont-box1 > ul > li {width: 50%;padding: 0 68px;}
#product03 #cont-box1 > ul > li:not(:last-child) {border-right: 1px solid #DEDEDE;box-sizing: border-box;}
#product03 #cont-box1 > ul > li > .txt-cont {margin-top: 60px;}
#product03 #cont-box1 > ul > li > .txt-cont > ul {display: flex;flex-wrap: wrap;gap: 10px 0;}
#product03 #cont-box1 > ul > li > .txt-cont > ul > li {display: flex;gap: 0 4px;width: 50%;font-size: 16px;}
#product03 #cont-box1 > ul > li > .txt-cont > ul > li > span {flex: 0 0 auto;font-weight: 600;}

@media all and (max-width: 1399px){
    #product03 #cont-box1 > ul > li {padding: 0 40px;}
    #product03 .page-tit .txt-cont > .txt > .line-br {display: inline;}
}
@media all and (max-width: 1024px){
    #product03 .page-tit {flex-direction: column;gap: 30px 0;max-width: 708px;width: 100%;margin-left: auto;margin-right: auto;}
    #product03 .page-tit .img-cont {max-width: none;width: 100%;}
    #product03 .page-tit .txt-cont {max-width: none;width: 100%;}
    #product03 .page-tit .txt-cont > .tit {text-align: center;}
    #product03 .page-tit .txt-cont > .txt {text-align: center;}
    #product03 .page-tit .txt-cont > .txt > .line-br {display: block;}
    #product03 #cont-box1 > ul > li > .txt-cont {margin-top: 30px;}
    #product03 #cont-box1 > ul > li > .txt-cont > ul {flex-direction: column;gap: 5px 0;}
    #product03 #cont-box1 > ul > li > .txt-cont > ul > li {width: 100%;}
}
@media all and (max-width: 768px){
    #product03 .page-tit .txt-cont > .txt > .line-br {display: inline;}
    #product03 #cont-box1 > ul {flex-direction: column;}
    #product03 #cont-box1 > ul > li {width: 100%;padding: 30px 0;border-bottom: 1px solid #DEDEDE;}
    #product03 #cont-box1 > ul > li:not(:last-child) {border-right: 0;border-bottom: 1px solid #DEDEDE;}
    #product03 #cont-box1 > ul > li > .img-cont > img {margin: 0 auto;}    
}
@media all and (max-width: 640px){
    #product03 .tabs ul {flex-wrap: wrap;}
    #product03 .tabs ul > li {width: 100%;}
    #product03 .tabs  ul > li:nth-child(odd) > span {border-right: 1px solid #D9D9D9;}
    #product03 .tabs  ul > li > span.active {background: var(--color-main);color: #fff;}
}
/* 제품소개 > 에어패드(product_03) 끝 */

/* 제품소개 > 에어블라스타 S형(product_04) 시작 */
#product04 #cont-box1 ul {display: flex;gap: 0 46px;max-width: 1076px;width: 100%;margin: 0 auto;}
#product04 #cont-box1 ul > li {display: flex;flex-direction: column;justify-content: center;align-items: center;width: calc(33.333% - 30px);aspect-ratio: 1 / 1;border-radius: 50%;position: relative;counter-increment: list-num;}
#product04 #cont-box1 ul > li::before {flex: 0 0 auto;content: counter(list-num);display: block;width: 44px;height: 44px;aspect-ratio: 1 / 1;padding: 5px;border-width: 2px;border-style: solid;border-radius: 50%;background: #fff;font-size: 1.20em;font-weight: 600;text-align: center;line-height: 1.2;position: absolute;top: 0;left: 0;right: 0;transform: translateY(-50%);margin: auto;}
#product04 #cont-box1 ul > li:nth-child(odd)::before {color: #52A1DE;border-color: #52A1DE;}
#product04 #cont-box1 ul > li:nth-child(even)::before {color: var(--color-main);border-color: var(--color-main);}
#product04 #cont-box1 ul > li:nth-child(odd) {background: #52A1DE;}
#product04 #cont-box1 ul > li:nth-child(even) {background: var(--color-main);}
#product04 #cont-box1 ul > li > .ico {margin-bottom: 20px;}
#product04 #cont-box1 ul > li > .txt {color: #fff;font-weight: 600;text-align: center;}
#product04 #cont-box2 .cont-wrap {display: flex;gap: 0 68px;width: 100%;}
#product04 #cont-box2 .cont-wrap > .img-txt {padding: 28px 0;font-size: 18px;}
#product04 #cont-box3 .cont-wrap {display: flex;gap: 0 36px;width: 100%;}
#product04 #cont-box3 .cont-wrap > .table-cont {width: 65%;}
#product04 #cont-box3 .cont-wrap > .table-cont > .tb-wrap {width: 100%;}
#product04 #cont-box3 .cont-wrap > .table-cont > .tb-wrap > table {width: 100%;}
#product04 #cont-box3 .cont-wrap > .txt-cont {margin-top: 25px;}
#product04 #cont-box3 .cont-wrap > .txt-cont > .tit {margin-bottom: 18px;color: var(--color-main);font-size: 1.25em;font-weight: 600;}
#product04 #cont-box3 .cont-wrap > .txt-cont > ul > li {font-size: 18px;line-height: 1.6;}
#product04 #cont-box4 .cont-wrap {width: 100%;}
#product04 #cont-box4 .cont-wrap > .table-cont > .tb-wrap > table thead tr {font-size: 18px;}
#product04 #cont-box4 .cont-wrap > .table-cont > .tb-wrap > table thead th span {display: block;color: #888;}
#product04 #cont-box4 .cont-wrap > .table-cont > .tb-wrap:has(.tb1) {margin-bottom: 40px;}
#product04 #cont-box4 .cont-wrap > .table-cont > .tb-wrap > .tb1 thead th {height: auto;}
#product04 #cont-box4 .cont-wrap > .table-cont .tb-caption {margin-top: 20px;color: #656565;font-size: 15px;text-align: right;}

@media all and (max-width: 1199px){
    #product04 #cont-box1 ul {gap: 0 30px;}
    #product04 #cont-box2 .cont-wrap {gap: 0 40px;}
}
@media all and (max-width: 1024px){
    #product04 #cont-box1 ul {gap: 0 20px;}
    #product04 #cont-box1 ul > li {width: calc(33.333% - 14px);}
    #product04 #cont-box1 ul > li::before {width: 38px;height: 38px;font-size: 1.0em;}
    #product04 #cont-box1 ul > li > .ico {width: 90px;}
    #product04 #cont-box1 ul > li > .txt {font-size: 17px;}
    #product04 #cont-box2 .cont-wrap {flex-direction: column;gap: 40px 0;margin: 0 auto;}
    #product04 #cont-box2 .cont-wrap > .img-cont {margin: 0 auto;}
    #product04 #cont-box2 .cont-wrap > .img-txt {padding: 0;text-align: center;}
    #product04 #cont-box3 .cont-wrap {flex-direction: column;}
    #product04 #cont-box3 .cont-wrap > .table-cont {width: 100%;}
}
@media all and (max-width: 768px){
    #product04 #cont-box1 ul {justify-content: center;flex-wrap: wrap;gap: 50px 20px;max-width: 90%;min-width: 580px;}
    #product04 #cont-box1 ul > li {width: calc(50% - 10px);}
}
@media all and (max-width: 640px){
    #product04 #cont-box1 ul {max-width: 90%;min-width: 440px;gap: 40px 20px;}
    #product04 #cont-box1 ul > li > .ico {width: 80px;margin-bottom: 10px;}
    #product04 #cont-box1 ul > li > .txt {font-size: 16px;}
    #product04 #cont-box2 .cont-wrap {gap: 20px 0;}
    #product04 #cont-box2 .cont-wrap > .img-txt > .line-br {display: inline;}
}
@media all and (max-width: 480px){
    #product04 #cont-box1 ul {max-width: 80%;min-width: 280px;}
    #product04 #cont-box1 ul > li {width: 100%;}
    #product04 #cont-box1 ul > li > .ico {width: 80px;margin-bottom: 20px;}
}
/* 제품소개 > 에어블라스타 S형(product_04) 끝 */

/* 제품소개 > 에어블라스타 (product_05) 시작 */
#product05 #cont-box1 ul {display: flex;flex-wrap: wrap;}
#product05 #cont-box1 ul > li {width: 50%;padding: 50px 60px;box-sizing: border-box;}
#product05 #cont-box1 ul > li:nth-child(odd) {border-right: 1px solid #DEDEDE;}
#product05 #cont-box1 ul > li:nth-child(-n+2) {border-bottom: 1px solid #DEDEDE;}
#product05 #cont-box1 ul > li > .img-cont img {margin: 0 auto 30px;}
#product05 #cont-box1 ul > li > .txt-cont .num {display: block;width: 17px;margin: 0 auto 5px;aspect-ratio: 1 / 1;border-radius: 50%;background: var(--color-main);color: #fff;font-size: 13px;text-align: center;line-height: 1.2;}
#product05 #cont-box1 ul > li > .txt-cont .txt {font-size: 18px;text-align: center;}
#product05 #cont-box2 .cont-wrap {display: flex;justify-content: center;gap: 0 68px;width: 100%;box-sizing: border-box;}
#product05 #cont-box2 .cont-wrap > .img-txt {margin-top: 28px;font-size: 18px;}
#product05 #cont-box3 .cont-wrap {display: flex;justify-content: space-between;width: 100%;}
#product05 #cont-box3 .cont-wrap > .img-cont {max-width: 350px;width: 25%;}
#product05 #cont-box3 .cont-wrap > .img-txt {padding: 28px 0;font-size: 18px;}
#product05 #cont-box3 .cont-wrap > .table-cont {max-width: 1000px;width: 72%;}
#product05 #cont-box3 .cont-wrap > .table-cont .tb-wrap:has(.tb1) {margin-bottom: 40px;}
#product05 #cont-box3 .cont-wrap > .table-cont > .tb-wrap > table thead tr {font-size: 18px;}
#product05 #cont-box3 .cont-wrap > .table-cont > .tb-wrap > table thead th span {display: block;color: #888;}
#product05 #cont-box3 .cont-wrap > .table-cont > .tb-wrap:has(.tb1) {margin-bottom: 40px;}
#product05 #cont-box3 .cont-wrap > .table-cont > .tb-wrap > .tb1 thead th {height: auto;}
#product05 #cont-box3 .cont-wrap > .table-cont .tb-caption {margin-top: 20px;color: #656565;font-size: 15px;text-align: right;}
#product05 #cont-box4 .cont-wrap {display: flex;gap: 0 36px;width: 100%;}
#product05 #cont-box4 .cont-wrap > .table-cont {width: 65%;}
#product05 #cont-box4 .cont-wrap > .table-cont > .tb-wrap {width: 100%;}
#product05 #cont-box4 .cont-wrap > .table-cont > .tb-wrap > table {width: 100%;}
#product05 #cont-box4 .cont-wrap > .txt-cont {margin-top: 25px;}
#product05 #cont-box4 .cont-wrap > .txt-cont > .tit {margin-bottom: 18px;color: var(--color-main);font-size: 1.25em;font-weight: 600;}
#product05 #cont-box4 .cont-wrap > .txt-cont > ul > li {font-size: 18px;line-height: 1.6;}
#product05 #cont-box5 {flex-direction: column;}
#product05 #cont-box5 ul {display: flex;width: 100%;margin-bottom: 70px;}
#product05 #cont-box5 ul > li {display: flex;flex-direction: column;width: 25%;box-sizing: border-box;}
#product05 #cont-box5 ul > li:not(:last-child) {border-right: 1px solid #DEDEDE;}
#product05 #cont-box5 ul > li > .tit {display: inline-block;margin: 0 auto;padding: 4px 29px;border-radius: 21px;background: var(--color-main);color: #fff;font-size: 1.20em;font-weight: 600;text-align: center;}
#product05 #cont-box5 ul > li > .img-cont img {max-width: 220px;margin: 40px auto;}
#product05 #cont-box5 ul > li > .img-cont .img-txt {font-size: 1.10em;font-weight: 600;text-align: center;}
#product05 #cont-box5 .ntc-txt {color: var(--color-main);font-size: 1.25em;font-weight: 600;text-align: center;}

@media all and (max-width: 1199px){
    #product05 #cont-box2 .cont-wrap {gap: 0 40px;}
}
@media all and (max-width: 1024px){
    #product05 #cont-box1 ul > li {padding: 30px 20px;}
    #product05 #cont-box1 ul > li > .txt-cont .txt > .line-br {display: inline;}
    #product05 #cont-box2 .cont-wrap {flex-direction: column;gap: 40px 0;margin: 0 auto;}
    #product05 #cont-box2 .cont-wrap > .img-cont {margin: 0 auto;}
    #product05 #cont-box2 .cont-wrap > .img-txt {padding: 0;text-align: center;}
    #product05 #cont-box3 .cont-wrap {flex-direction: column;}
    #product05 #cont-box3 .cont-wrap > .img-cont {max-width:none;width: 100%;}
    #product05 #cont-box3 .cont-wrap > .img-cont > img {margin: 0 auto;}
    #product05 #cont-box3 .cont-wrap > .table-cont {max-width: none;width: 100%;}
    #product05 #cont-box4 .cont-wrap {flex-direction: column;}
    #product05 #cont-box4 .cont-wrap > .table-cont {width: 100%;}
    #product05 #cont-box5 ul {flex-wrap: wrap;}
    #product05 #cont-box5 ul > li {width: 50%;padding: 30px 0;}
    #product05 #cont-box5 ul > li:nth-child(even) {border-right: 0;}
    #product05 #cont-box5 ul > li:nth-child(-n+2) {border-bottom: 1px solid #DEDEDE;}
}
@media all and (max-width: 768px){
    #product05 #cont-box1 ul > li > .txt-cont .txt {font-size: 16px;}
}
@media all and (max-width: 640px){
    #product05 .tabs ul > li:last-child {width: 100%;}
    #product05 .tabs ul > li:last-child > span {border-right: 0;border-bottom: 0;}
    #product05 #cont-box1 ul > li {width: 100%;border-bottom: 1px solid #DEDEDE;}
    #product05 #cont-box1 ul > li:nth-child(odd) {border-right: 0;}
    #product05 #cont-box2 .cont-wrap > .img-txt > .line-br {display: inline;}
    #product05 #cont-box5 ul > li > .img-cont .img-txt {font-size: 1.0em;}
    #product05 #cont-box5 .ntc-txt {font-size: 1.11em;}
}
@media all and (max-width: 480px){
    #product05 #cont-box5 ul > li {width: 100%;border-right: 0 !important;}
}
/* 제품소개 > 에어블라스타 (product_05) 끝 */

/* 제품소개 > 인페라분리형(product_08) 시작 */
#product08 #cont-box1 ul {display: flex;flex-wrap: wrap;gap: 30px 36px;max-width: 1144px;width: 100%;margin: 0 auto;}
#product08 #cont-box1 ul > li {display: flex;flex-direction: column;justify-content: center;align-items: center;max-width: 260px;width: calc(33.333% - 31px);aspect-ratio: 1 / 1;border-radius: 50%;position: relative;counter-increment: list-num;}
#product08 #cont-box1 ul > li::before {flex: 0 0 auto;content: counter(list-num);display: block;width: 30px;height: 30px;aspect-ratio: 1 / 1;padding: 2px;border-width: 2px;border-style: solid;border-radius: 50%;background: #fff;font-size: 18px;font-weight: 600;text-align: center;line-height: 1.2;position: absolute;top: 0;left: 0;right: 0;transform: translateY(-50%);margin: auto;}
#product08 #cont-box1 ul > li:nth-child(odd)::before {color: #52A1DE;border-color: #52A1DE;}
#product08 #cont-box1 ul > li:nth-child(even)::before {color: var(--color-main);border-color: var(--color-main);}
#product08 #cont-box1 ul > li:nth-child(odd) {background: #52A1DE;}
#product08 #cont-box1 ul > li:nth-child(even) {background: var(--color-main);}
#product08 #cont-box1 ul > li:nth-child(4) {margin-left: auto;}
#product08 #cont-box1 ul > li > .ico {margin-bottom: 20px;}
#product08 #cont-box1 ul > li > .txt {color: #fff;font-size: 15px;font-weight: 600;text-align: center;}
#product08 #cont-box2 .img-cont {width: 100%;}
#product08 #cont-box2 .img-cont img {margin: 0 auto;}

@media all and (max-width: 1199px){
    #product08 #cont-box1 ul {gap: 30px;}
    #product08 #cont-box1 ul > li {max-width: 263px;}
}
@media all and (max-width: 1024px){
    #product08 #cont-box1 ul {gap: 30px 20px;}
    #product08 #cont-box1 ul > li {max-width: none;width: calc(33.333% - 14px);}
}
@media all and (max-width: 768px){
    #product08 #cont-box1 ul {justify-content: center;flex-wrap: wrap;gap: 50px 20px;max-width: 90%;min-width: 580px;}
    #product08 #cont-box1 ul > li {width: calc(50% - 10px);}
    #product08 #cont-box1 ul > li > .txt {font-size: 17px;}
}
@media all and (max-width: 640px){
    #product08 #cont-box1 ul {max-width: 90%;min-width: 440px;gap: 40px 20px;}
    #product08 #cont-box1 ul > li > .ico {width: 80px;margin-bottom: 10px;}
    #product08 #cont-box1 ul > li > .txt {font-size: 16px;}
}
@media all and (max-width: 480px){
    #product08 #cont-box1 ul {max-width: 80%;min-width: 280px;}
    #product08 #cont-box1 ul > li {width: 100%;}
    #product08 #cont-box1 ul > li > .ico {width: 80px;margin-bottom: 20px;}
}
/* 제품소개 > 인페라분리형(product_08) 끝 */

/* 제품소개 > 도어형(product_11) 시작 */
#product11 #cont-box1 ul {display: flex;flex-wrap: wrap;gap: 30px 36px;max-width: 1144px;width: 100%;margin: 0 auto;}
#product11 #cont-box1 ul > li {display: flex;flex-direction: column;justify-content: center;align-items: center;max-width: 260px;width: calc(33.333% - 31px);aspect-ratio: 1 / 1;border-radius: 50%;position: relative;counter-increment: list-num;}
#product11 #cont-box1 ul > li::before {flex: 0 0 auto;content: counter(list-num);display: block;width: 30px;height: 30px;aspect-ratio: 1 / 1;padding: 2px;border-width: 2px;border-style: solid;border-radius: 50%;background: #fff;font-size: 18px;font-weight: 600;text-align: center;line-height: 1.2;position: absolute;top: 0;left: 0;right: 0;transform: translateY(-50%);margin: auto;}
#product11 #cont-box1 ul > li:nth-child(odd)::before {color: #52A1DE;border-color: #52A1DE;}
#product11 #cont-box1 ul > li:nth-child(even)::before {color: var(--color-main);border-color: var(--color-main);}
#product11 #cont-box1 ul > li:nth-child(odd) {background: #52A1DE;}
#product11 #cont-box1 ul > li:nth-child(even) {background: var(--color-main);}
#product11 #cont-box1 ul > li:nth-child(4) {margin-left: auto;}
#product11 #cont-box1 ul > li > .ico {margin-bottom: 20px;}
#product11 #cont-box1 ul > li > .txt {color: #fff;font-size: 15px;font-weight: 600;text-align: center;}
#product11 #cont-box2 .img-cont {width: 100%;}
#product11 #cont-box2 .img-cont img {margin: 0 auto;}

@media all and (max-width: 1199px){
    #product11 #cont-box1 ul {gap: 30px;}
    #product11 #cont-box1 ul > li {max-width: 263px;}
}
@media all and (max-width: 1024px){
    #product11 #cont-box1 ul {gap: 30px 20px;}
    #product11 #cont-box1 ul > li {max-width: none;width: calc(33.333% - 14px);}
}
@media all and (max-width: 768px){
    #product11 #cont-box1 ul {justify-content: center;flex-wrap: wrap;gap: 50px 20px;max-width: 90%;min-width: 580px;}
    #product11 #cont-box1 ul > li {width: calc(50% - 10px);}
    #product11 #cont-box1 ul > li > .txt {font-size: 17px;}
}
@media all and (max-width: 640px){
    #product11 #cont-box1 ul {max-width: 90%;min-width: 440px;gap: 40px 20px;}
    #product11 #cont-box1 ul > li > .ico {width: 80px;margin-bottom: 10px;}
    #product11 #cont-box1 ul > li > .txt {font-size: 16px;}
}
@media all and (max-width: 480px){
    #product11 #cont-box1 ul {max-width: 80%;min-width: 280px;}
    #product11 #cont-box1 ul > li {width: 100%;}
    #product11 #cont-box1 ul > li > .ico {width: 80px;margin-bottom: 20px;}
}
/* 제품소개 > 도어형(product_11) 끝 */

/* 제품소개 > FC 도어형(product_14) 시작 */
#product14 #cont-box1 {flex-direction: column;}
#product14 #cont-box1 .img-cont {margin-bottom: 80px;}
#product14 #cont-box1 .table-cont .tb1 th span {color: #888;font-size: 18px;}
/* 제품소개 > FC 도어형(product_14) 끝 */

/* 제품소개 > SUS RV(product_17) 시작 */
#product17 #cont-box1 {flex-direction: column;}
#product17 #cont-box1 .img-cont {margin-bottom: 80px;}
#product17 #cont-box1 .table-cont .tb1 th span {color: #888;font-size: 18px;}
/* 제품소개 > SUS RV(product_17) 끝 */

/* 제품소개 > 용접제작형 500(product_20) 시작 */
#product20 #cont-box1 {flex-direction: column;}
#product20 #cont-box1 .img-cont {margin-bottom: 80px;}
#product20 #cont-box1 .table-cont .tb1 th span {color: #888;font-size: 18px;}
/* 제품소개 > 용접제작형 500(product_20) 끝 */