@charset "utf-8";
html, body {word-break: keep-all;font-size:17px;}

/**/
.container-section{overflow: hidden;}
.todo  {outline:1px solid blue;}
.inner {max-width:1300px !important; width: 100%; margin: 0 auto; position: relative;}
.wrap {width:1800px !important;}
section{margin-bottom: 160px;}
.owl-theme .owl-nav [class*='owl-']:hover{background: none !important;}
button:focus{outline: unset;}

/**/
.fc-45 {color:#454545;}
.fc-b5 {color: #b5b5b5;}
.fc-red{color: #d81820;}
.fc-p{color: #2b2a58;}
.bg-f8 {background:#f8f8f8;}
.lh-2 {line-height: 1.2;}
.lh-3 {line-height: 1.3;}
.lh-4 {line-height: 1.4;}
.main-title{text-align: center;}
.main-title-line{width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; display: block; margin: 40px 0 90px 0;}
.sub-line{width: 100%; height: 1px; border-bottom: 1px solid #e5e5e5; display: block; margin: 80px 0;}

/*공통*/
@media (max-width:768px){
    p.fs-42{font-size: 27px;}
    div.fs-42{font-size: 27px;}
    .main-title{line-height: 1.2;}
    .main-title.fs-44{font-size: 34px;}
    .page{padding-top: 50px;}
    #svb .sub-name.fs-70{font-size: 42px;}
    .main-title-line{margin: 20px 0 50px 0;}
    section{margin-bottom: 100px;}
}
@media (max-width:425px){
    .main-title.fs-44{font-size: 30px;}
}


/* 인사말 */
#page-5 {position: relative;}
#page-5:before{
    position: absolute; content: ''; background: url(/images/content/menu/p05_bg.png) no-repeat center center;
    width: 1030px; height: 547px; opacity: 0.8; bottom: -28%; left: -14%; z-index: -1;
}
#page-5 .sec01{display: flex; justify-content: space-between; align-items: center;}
#page-5 .sec01 .txt{margin-right: 30px; letter-spacing: -0.03em;}
#page-5 .sec01 ul{line-height: 1.7;}
#page-5 .sec01 ul li{margin-bottom: 25px;}
#page-5 .sec01 .img{margin-left: 30px;}
#page-5 .sec01 div > span{margin-left: 10px;}
#page-5 .sec01 .img{display: block; position: relative;}
#page-5 .sec01 .img:after{position: absolute; content: ''; width: 100%; height: 99%; background: #2b2a58; top: 20px; left: 25px;
    z-index: -1;}

@media (max-width:1344px){
    #page-5 .sec01{flex-direction: column-reverse;}
    #page-5 .sec01 .img{margin-left: 0; overflow: hidden; padding-bottom: 60%; width: 100%;}
    #page-5 .sec01 .img img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-52%, -77.5%); max-width: inherit;}
    #page-5 .sec01 .txt{margin-top: 45px; margin-right: 0;}
    #page-5 .sec01 .txt h2.mb-5{margin-bottom: 2rem !important;}
}

@media (max-width:768px){
    #page-5:before{width: 100%; height: 55%; background-size: contain;}
}
@media (max-width:550px){

}


/* 경영목표 */
#page-6 {overflow: hidden;}
#page-6 .sec01 .tit {text-align: center;}
#page-6 .sec01 .con{text-align: center; margin-top: 200px;}
#page-6 .sec01 .con .top{display: flex; flex-direction: row; justify-content: space-between; position: relative; align-items: center;}
#page-6 .sec01 .con .top .con-line{
    position: absolute; width: 52%; border: 1px solid #2b2a58; top: 50%; left: 0; right: 0; margin: auto;
    z-index: -1;
}
#page-6 .sec01 .circle-line{width: 300px; height: 300px; border-radius: 100%; border: 5px solid #2b2a58; position: relative; background: #fff;}
#page-6 .sec01 .circle-line:after{
    position: absolute; content: ''; width: 109%; height: 109%; border-radius: 100%; border: 1px dashed #cdcdcd; display: block; background: #fff;
    top: 0; left: -4.5%; right: 0; bottom: 0; margin: auto; z-index: -1;
}
#page-6 .sec01 .circle-line:before{
    position: absolute; content: ''; width: 9px; height: 9px; border-radius: 100%; background: #2b2a58;
}
#page-6 .sec01 .circle-line.circle-right:before{top: 0; left: -18px; bottom: 0; margin: auto;}
#page-6 .sec01 .circle-line.circle-left:before{top: 0; right: -18px; bottom: 0; margin: auto;}
#page-6 .sec01 .circle-line.circle-bottom:before{top: -18px; right: 0; left: 0; margin: auto;}
#page-6 .sec01 .circle-line > ul{display: flex; height: 100%; flex-direction: column; justify-content: center; align-items: center; line-height: 1.4;}
#page-6 .sec01 .circle-center {width: 380px; height: 380px;}
#page-6 .sec01 .circle-center .img{
    display: flex; justify-content: center; align-items: center; height: 100%; border-radius: 100%; background: #fff;
    box-shadow: 0 2px 25px rgb(40 40 40 / 15%);  position: relative; z-index: 3;
}
#page-6 .sec01 .circle-center .img:before{
    /*background: rgba(102 102 102 / 5%); transform: translateX(-60px); z-index: 2;*/
    position: absolute; content: ''; width: 380px; height:380px; border-radius: 100%;
    top: 0; left: 0; right: 0; bottom: 0; margin: auto;
    box-sizing: content-box; box-shadow: 0 0 0 50px rgba(102,102,102,0.05);
    animation:test infinite 2s;
}
#page-6 .sec01 .circle-center .img:after{
    /*transform: translateX(-120px);background: rgba(102 102 102 / 3%);*/
    position: absolute; content: ''; width: 380px; height: 380px; border-radius: 100%;
    top: 0; left: 0; right: 0; bottom: 0; margin: auto;
    box-sizing: content-box; box-shadow: 0 0 0 90px rgba(102,102,102,0.03);
    animation:test infinite 3s;
}

@keyframes test {
    0% {opacity:1;}
    50% {opacity: 0.4;}
    100% {opacity: 1;}
}

#page-6 .sec01 .con .bottom{margin-top: 155px; position: relative;}
#page-6 .sec01 .con .bottom .con-line{
    position: absolute; width: 1px; height: 50%; border: 1px solid #2b2a58; top: -52%; left: 0; right: 0; margin: auto;
    z-index: -1;
}
#page-6 .sec01 .circle-line.circle-bottom{margin: 0 auto;}
#page-6 .sec01 .circle-line.mob{display: none;}

#page-6 .sec02{position: relative;}
#page-6 section.sec02{margin-bottom: 260px;}
#page-6 .sec02 .con{width: 100%; height: 600px; background: url(/images/content/menu/p06_banner.jpg) no-repeat center center; position: relative;}
#page-6 .sec02 .txt-box{padding: 70px 100px 70px 60px; display: inline-block; background: #fff; transform: translateY(115%); letter-spacing: -0.03em;}
#page-6 .sec02 .txt-box p{color: #b5b5b5; margin-top: 30px;}

@media (max-width:1200px){
    #page-6 .sec01 .con{margin-top: 150px;}
    #page-6 .sec01 .con .top{justify-content: center;}
    #page-6 .sec01 .con .top .con-line{display: none;}
    #page-6 .sec01 .con .bottom{margin-top: 120px;}
    #page-6 .sec01 .con .bottom .flex{flex-direction: column; justify-content: center; align-items: center;}
    #page-6 .sec01 .con .bottom .con-line{height: 100%; top: -30%;}
    #page-6 .sec01 .circle-line{width: 250px; height: 250px;}
    #page-6 .sec01 .circle-line.mob{display: block;}
    #page-6 .sec01 .circle-line.web{display: none;}
    #page-6 .sec01 .circle-line.circle-bottom{margin: 30px 0;}
    #page-6 .sec01 .circle-center{width: 300px; height: 300px;}
    #page-6 .sec01 .circle-center .img:before{width: 300px; height: 300px;}
    #page-6 .sec01 .circle-center .img:after{width: 300px; height: 300px;}
    #page-6 .sec01 .circle-center .img img{height: 70px;}
    #page-6 .sec01 .circle-line.circle-left:before,
    #page-6 .sec01 .circle-line.circle-right:before{top: -18px; left: 0; right: 0; bottom: unset;}

    #page-6 .sec02 .txt-box{padding: 70px 40px;}
}
@media (max-width:768px){
    #page-6 .sec01 .tit.fs-48{font-size: 24px;}
    #page-6 .sec01 .con{margin-top: 100px;}
    #page-6 .sec01 .circle-line{width: 200px; height: 200px;}
    #page-6 .sec01 .circle-center{width: 220px; height: 220px;}
    #page-6 .sec01 .circle-center .img:before{width: 220px; height: 220px; box-shadow: 0 0 0 30px rgb(102 102 102 / 5%);}
    #page-6 .sec01 .circle-center .img:after{width: 220px; height: 220px; box-shadow: 0 0 0 60px rgb(102 102 102 / 3%);}
    #page-6 .sec01 .circle-center .img img{height: 50px;}
    #page-6 .sec01 .circle-line > ul .icon.mb-3{margin-bottom: 0 !important;}
    #page-6 .sec01 .circle-line > ul .icon img{height: 70px;}

    #page-6 .sec02 .txt-box{padding: 40px 30px; transform: translateY(165%);}
    #page-6 .sec02 .txt-box h2.fs-44{font-size: 24px;}
}
@media (max-width:500px){
    #page-6 .sec01 .tit p {display: inline;}
}
@media (max-width:425px){
    #page-6 .sec02 .con{height: 400px;}
    #page-6 .sec02 .txt-box{transform: translateY(75%);}
    #page-6 .sec01 .tit p{display: inline-block;}
}


/* 연혁 */
#page-7 section{margin-bottom: 100px;}
#page-7 .sec01{}
#page-7 .visual{width: 100%; height: 440px; position: relative; display: flex; align-items: flex-end; }
#page-7 .bg-1{background: url(/images/content/menu/p07_01.jpg) no-repeat center center;}
#page-7 .bg-2{background: url(/images/content/menu/p07_02.jpg) no-repeat center center;}
#page-7 .visual .txt-box{
    background: #d81820; padding: 60px; color: #fff; letter-spacing: -0.04em; margin: 0 70px; transform: translateY(200px);
}
#page-7 .visual .txt-box .year{position: relative; padding-bottom: 25px; line-height: 1;}
#page-7 .visual .txt-box .year:before{
    position: absolute; content: ''; width: 110%; height: 1px; background: #fff; opacity: 0.5; bottom: 0; left: -6%;
    right: 0; margin: auto;
}
#page-7 .visual .txt-box > p{opacity: 0.7;}

#page-7 .history{display: flex; padding: 0 10px;}
#page-7 .history:before{content: ''; display: inline-block; width: 100%; max-width: 400px; margin: 0 130px;}
#page-7 .history ul.list{position: relative; padding: 150px 0;}
#page-7 .history ul.list:before{position: absolute; content: ''; height: 100%; border-right: 1px dashed #e5e5e5; left: 185px; top: 0;}
#page-7 .history ul.list > li{display: flex; margin-top: 90px;}
#page-7 .history ul.list > li:first-child{margin-top: 0;}
#page-7 .history ul.list > li > div{width: 180px; position: relative; line-height: 1;}
#page-7 .history ul.list > li > div:after{
    position: absolute; content: ''; background: url(/images/content/menu/p07_point.png) no-repeat center; width: 21px; height: 21px;
    top: 17px; right: -16px; bottom: 0;
}
#page-7 .history ul.list > li > ul.text{margin: 15px 0 0 50px; display: flex; flex-direction: column; width: 63%;}
#page-7 .history ul.list > li > ul.text > li{display: flex;}
#page-7 .history ul.list > li > ul.text > li > div:nth-child(1){min-width: 31px; line-height: 1.2;}
#page-7 .history ul.list > li > ul.text > li > div:nth-child(2){margin-left: 14px;}

#page-7 .sec02 .visual{justify-content: flex-end;}
#page-7 .sec02 .visual .txt-box{background: #2b2a58; }
#page-7 .sec02 .history{flex-direction: row-reverse;}
#page-7 .sec02 .history ul.list > li > ul.text > li{margin-top: 20px;}
#page-7 .sec02 .history ul.list > li > ul.text > li:first-child{margin-top: 0;}

@media (max-width:1360px){
    #page-7 .visual{height: 350px;}
    #page-7 .visual .txt-box{
        display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; margin: 0;
        width: 100%; height: 100%; background-color: rgba(0,0,0,0.5) !important; transform: none;
    }
    #page-7 .visual .txt-box > p{text-align: center;}
    #page-7 .visual .txt-box .year:before{left: 50%; transform: translateX(-50%)}
    #page-7 .history ul.list{padding: 80px 0; margin: 0 40px; width: 100%;}
    #page-7 .history:before{display: none;}
    #page-7 .sec02 .history{flex-direction: row;}
}
@media (max-width:1200px){
    #page-7 .history ul.list > li > div{line-height: 1.4;}
}
@media (max-width:800px){
    #page-7 section{margin-bottom: 50px;}
    #page-7 .visual{height: 300px;}
    #page-7 .history{padding: 0;}
    #page-7 .history ul.list{padding: 50px 40px; margin: 0 20px;}
    #page-7 .history ul.list:before{left: 15px;}
    #page-7 .history ul.list > li{ flex-direction: column; margin-top: 50px;}
    #page-7 .history ul.list > li > div:after{
        top: 50%; left: -25px; right: auto; width: 18px; height: 18px; transform: translate(-50%, -50%); background-size: contain;
    }
    #page-7 .history ul.list > li > ul.text > li > div:nth-child(2){margin-left: 0;}
    #page-7 .history ul.list > li > ul.text{margin: 13px 0 0 0; width: 100%;}
}
@media (max-width:425px){

}


/* 주요고객사 */
#page-8 {}
#page-8 ul{display: flex; justify-content: space-between; flex-wrap: wrap; }
#page-8 ul li{text-align: center; margin-bottom: 45px; flex: 0 0 23%;}
#page-8 ul li .logo{border: 1px solid #dbdbdb; width: 100%; height: 110px; display: flex; align-items: center; justify-content: center;}
#page-8 ul li p{font-weight: 500;}

@media (max-width:768px){
    #page-8 ul li{flex: 0 0 49%; margin-bottom: 25px;}
}
@media (max-width:425px){
    #page-8 ul li{flex: 0 0 100%;}
}


/* 조직도 */
#page-16 {}
#page-16 .organization{display: flex; justify-content: center;}
#page-16 .organization img.mob{display: none;}

@media (max-width:768px){
    #page-16 .organization img.web{display: none;}
    #page-16 .organization img.mob{display: block;}
}
@media (max-width:425px){

}


/* 오시는 길*/
#page-9 {}
#page-9 .txt-box{width: 100%; height: 240px; background: #fff; display: flex; align-items: center; justify-content: center; margin-top: -100px;}
#page-9 ul{display: flex; flex-direction: row; width: 100%;}
#page-9 ul li{flex: 0 0 33.3%; text-align: center; display: flex; flex-direction: column; justify-content: space-between; padding: 0 20px;}
#page-9 ul li:nth-child(2){border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
#page-9 ul li div:nth-child(2){margin: 12px 0;}

@media (max-width:768px){
    #page-9 .txt-box{height: auto; padding-top: 20px;}
    #page-9 ul{flex-wrap: wrap;}
    #page-9 ul li{flex: 100%; padding: 20px 10px;}
    #page-9 ul li:nth-child(2){border-left: unset; border-right: unset;}
}


/* 사업분야 */
#page-10 {}
#page-10 .sec01 ul{display: flex; justify-content: space-between; flex-wrap: wrap; }
#page-10 .sec01 ul li{
    margin-bottom: 45px; border: 1px solid #dbdbdb; width: 32%; height: 180px; display: flex;
    align-items: center; border-radius: 0 20px 0 20px; justify-content: space-around; padding: 0 10px;
}
#page-10 .sec01 ul li:nth-child(n+3):nth-child(-n+6){margin-bottom: 0;}
#page-10 .sec01 ul li p{flex: 0 0 60%;}
#page-10 .sec01 ul li .icon{width: 90px; height: 90px;}
#page-10 .sec01 ul li .icon img{width: 100%;}
#page-10 section.sec02{margin-bottom: 0;}
#page-10 .sec02{background: url(/images/content/menu/p10_bg.jpg) no-repeat center; height: 928px; padding: 70px 0;}
#page-10 .con{position: relative; margin-top: 80px;}
#page-10 .circle-center{
    width: 478px; height: 478px; border-radius: 100%; background: linear-gradient(-135deg, #a8a7f2 ,#4341a2);
    position: absolute; text-align: center; display: flex; align-items: center; justify-content: center;
    top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 9;
}
#page-10 .circle-center:before{position: absolute; content: ''; width: 94%; height: 94%; border-radius: 100%; border: 1px solid #fff;}
#page-10 .cir-w{
    width: 245px; height: 245px; background: #fff; border-radius: 100%; display: flex; align-items: center;
    justify-content: center; flex-direction: column; padding-bottom: 15px;
}
#page-10 .cir-w p{line-height: 1.1;}
#page-10 .tech{width: 100%;}
#page-10 .tech .item{width: 100%; display: flex; flex-direction: row; justify-content: space-between; }
#page-10 .tech .item.bottom{margin-top: 20px;}
#page-10 .tech .item .box{
    background: #fff; width: 570px; height: 300px; border-radius: 0 20px 0 20px; box-shadow: 0 0 25px rgb(40 40 40 / 20%);
    padding: 30px; position: relative;
}
#page-10 .tech .item .t-left.box{padding: 30px 110px 30px 30px;}
#page-10 .tech .item .t-right.box{padding: 30px 30px 30px 110px;}
#page-10 .tech .item .box:before{position: absolute; content: ''; width: 100%; height: 1px; background: #dddddd; top: 28%; left: 0;}
#page-10 .tech .item .box .title{display: flex; align-items: center;}
#page-10 .tech .item .box ul{margin-top: 35px;}
/*#page-10 .tech .item .box ul.mob{display: none;}*/
#page-10 .tech .item .box.t-right .title{display: flex; align-items: center; flex-direction: row-reverse;}
#page-10 .tech .item .box .title span:nth-child(1){
    width: 34px; height: 34px; line-height: 34px; background: #2b2a58; display: inline-block; color: #fff; text-align: center;
}
#page-10 .tech .item .box .title span:nth-child(2){margin: 0 12px;}
#page-10 .tech .item .box.t-right{text-align: right;}

@media (max-width:1300px){
    #page-10 section{margin-bottom: 100px;}
    #page-10 .sec02{height: auto; background-size: cover; padding: 60px 0;}
    #page-10 .con{margin-top: 40px;}
    #page-10 .circle-center{position: relative; width: 330px; height: 330px;}
    #page-10 .cir-w{width: 210px; height: 210px;}
    #page-10 .tech{margin-top: 30px;}
    #page-10 .tech .item{flex-wrap: wrap; align-items: center;}
    #page-10 .tech .item .box{width: 49%;}
    #page-10 .tech .item .t-right.box,
    #page-10 .tech .item .t-left.box{padding: 30px;}
}
@media (max-width:800px){
    #page-10 .tech .item .box .title span:nth-child(1){width: 27px; height: 27px; line-height: 27px;}
    #page-10 .tech .item .box .title .fs-28{font-size: 22px;}
}
@media(max-width:768px){
    #page-10 .con{margin-top: 0;}
    #page-10 .sec01 ul li{width: 49%; margin-bottom: 20px;}
    #page-10 .sec01 ul li:nth-child(n+3):nth-child(-n+6){margin-bottom: 20px;}
    #page-10 .sec01 ul li .icon{width: 70px; height: 70px;}

    #page-10 .sec02 .con{margin-top: 40px;}
    #page-10 .tech .item .box{width: 100%; margin-bottom: 20px; height: auto; padding: 20px;}
    #page-10 .tech .item .box:before{width: 4%; top: 85px; right: 0; margin: auto;}
    #page-10 .tech .item.bottom{margin-top: 0;}
    #page-10 .tech .item .box .title,
    #page-10 .tech .item .box.t-right .title{justify-content: center; flex-direction: column;}
    #page-10 .tech .item .box .title span:nth-child(1){margin-bottom: 5px;}
    #page-10 .tech .item .box ul{text-align: center; margin-top: 20px;}
    #page-10 .tech .item .t-right.box,
    #page-10 .tech .item .t-left.box{padding: 20px;}
}
@media(max-width:425px){
    #page-10 .sec01 ul li{width: 100%; height: 120px;}

    #page-10 .circle-center{position: relative; width: 290px; height: 290px;}
    #page-10 .cir-w{width: 170px; height: 170px;}
}


/* 보유설비 */
#page-17 {}
#page-17 .tab-head ul{display: flex; flex-direction: row; justify-content: center; margin: 0 auto; width: 60%;}
#page-17 .tab-head ul li{flex: 0 0 32%;}
#page-17 .tab-head ul li:nth-child(2){margin: 0 12px;}
#page-17 .tab-head ul li a{width: 100%; height: 60px; line-height: 60px; display: inline-block; background: #fff; border: 1px solid #d6d6d6; transition: all 0.3s;}
#page-17 .tab-head ul li a:hover,
#page-17 .tab-head ul li a.active{background: #d81820; color: #fff; font-weight: 500;}
#page-17 .tab-body{margin-top: 50px;}
#page-17 .tab-body .item{padding: 20px 0;}
#page-17 .tab-body .flex{justify-content: center;}
#page-17 .tab-body .flex .img{position: relative;}
#page-17 .tab-body .flex .img:before{position: absolute; content: ''; width: 100%; height: 100%; background: #47459a; top: 13px; left: 13px; z-index: -1;}
#page-17 .tab-body .flex .data{margin-left: 70px; display: flex; flex-direction: column; justify-content: center;}
#page-17 .tab-body .flex .data div:nth-child(2){margin: 20px 0;}

#sub-slide .owl-nav,
#sub-slide-page17 .owl-nav{position: absolute; height: 0; margin: auto; top: 0; bottom: 0; width: 100%;}
#sub-slide .owl-nav button,
#sub-slide-page17 .owl-nav button{margin: 0; transform: translateY(-50%);}
#sub-slide .owl-nav .owl-prev,
#sub-slide-page17 .owl-nav .owl-prev{left: 20px; position: absolute;}
#sub-slide .owl-nav .owl-next,
#sub-slide-page17 .owl-nav .owl-next{right: 20px; position: absolute;}

#page-17 div.table{margin-top: 70px;}
.table.table-ai thead th:first-child,
.table.table-ai tbody td:first-child,
.table.table-ai thead th:last-child,
.table.table-ai tbody td:last-child,
.table.table-ai{border-left: 0; border-right: 0;}
.table.table-ai{border-top: 3px solid #4947a6; text-align: center;}
.table.table-ai thead th{background: #f5f5f5; font-weight: 600; padding: 0.95rem;}

@media (max-width:1200px){
    .tab .tab-head .tab-li{width: auto !important;}
    #page-17 .tab-body .item{padding: 0;}
    #page-17 .tab-body .flex{flex-direction: column;}
    #page-17 .tab-body .flex .img,
    #page-17 .tab-body .flex .data{width: 80%; margin: 0 auto;}
    #page-17 .tab-body .flex .data{padding-top: 50px;}
    #page-17 .tab-body .flex .data div:nth-child(2){margin: 10px 0;}
    #sub-slide .owl-nav,
    #sub-slide-page17 .owl-nav{height: auto;}
    #sub-slide .owl-nav .owl-prev,
    #sub-slide-page17 .owl-nav .owl-prev{left: 0; margin: auto; top: 0; bottom: 0; transform: translateY(-10%);}
    #sub-slide .owl-nav .owl-next,
    #sub-slide-page17 .owl-nav .owl-next{right: 0; margin: auto; top: 0; bottom: 0; transform: translateY(-10%);}

    #page-17 div.table{margin-top: 50px;}
    .table.table-ai thead th{font-size: 0.9rem;}
}
@media(max-width:900px){
    #page-17 .tab-head ul{width: 100%; flex-direction: column;}
    #page-17 .tab-head ul li:nth-child(2){margin: 10px 0;}
    #sub-slide .owl-nav,
    #sub-slide-page17 .owl-nav{display: none;}
    #page-17 .tab-body .flex .img,
    #page-17 .tab-body .flex .data{width: 90%;}
    #page-17 .tab-body .flex .data .fs-34{font-size: 28px;}

    #page-17 div.table{margin-top: 30px;}
    #page-17 .table{overflow-x: auto; white-space: nowrap;}
    .table.table-ai thead th{font-size: 0.8rem;}
}
@media(max-width:425px){

}


/* 자동화 장비 & 시스템 장비 */
#page-18{}
section.sec01 .slide{}
section.sec01 .slide .item{padding: 20px 0;}
section.sec01 .slide .flex{justify-content: center;}
section.sec01 .slide .flex .img{position: relative;}
section.sec01 .slide .flex .img:before{position: absolute; content: ''; width: 100%; height: 100%; background: #47459a; top: 13px; left: 13px; z-index: -1;}
section.sec01 .slide .flex .data{
    margin-left: 70px; padding:60px 0 30px 0;
    /*display: flex; flex-direction: column; justify-content: center; flex: 0 25%;*/
}
section.sec01 .slide .flex .data div:nth-child(2){margin: 20px 0;}

@media (max-width:1200px){
    section.sec01 .slide .item{padding: 0;}
    section.sec01 .slide .flex{flex-direction: column;}
    section.sec01 .slide .flex .img,
    section.sec01 .slide .flex .data{width: 80%; margin: 0 auto;}
    section.sec01 .slide .flex .data{padding-top: 50px;}
}
@media(max-width:768px){
    section.sec01 .slide .flex .img,
    section.sec01 .slide .flex .data{width: 90%;}
    section.sec01 .slide .flex .data .fs-34{font-size: 28px;}
}


/* 특허 및 인증 */
#page-23 {}
#page-23 ul{display: flex; flex-wrap: wrap; }
#page-23 ul li{text-align: center; width: 286px; margin: 0 19px 30px 19px;}
#page-23 ul li .patents{
    border: 1px solid #dbdbdb; width: 100%; height: auto; display: flex; align-items: center; justify-content: center;
    padding: 15px;
}

@media(max-width:1364px){
    #page-23 ul{justify-content: center;}
    #page-23 ul li{margin: 0 10px 30px 10px;}
}
@media(max-width:768px){
    #page-23 ul li{width: 230px;}
    #page-23 ul li .patents img{height: 280px;}
}

/* 보유기술 */
#page-24 {}
#page-24 .main-title-line{margin: 40px 0 0 0;}
#page-24 section{background: #f8f8f8; padding: 90px 0 160px; margin-bottom: 0; position: relative; z-index: 1;}
#page-24 section:before{
    position: absolute; content: ''; background: url(/images/content/menu/p24_bg.png) no-repeat center;
    opacity: 0.8; bottom: -7%; right: -10%; width: 824px; height: 438px;
    z-index: -1;
}
#page-24 .con{max-width: 1300px; width: 100%; margin: 0 auto; position: relative;}
#page-24 .sec01 ul{display: flex; justify-content: space-between; flex-wrap: wrap; }
#page-24 .sec01 ul li{
    margin-bottom: 45px; border: 1px solid #dbdbdb; width: 32%; height: auto; display: flex; flex-direction: column;
    align-items: center; border-radius: 0 20px 0 20px; justify-content: center; text-align: center; background: #fff; padding: 44px 20px;
}
#page-24 .sec01 ul li:last-child{opacity: 0;}
#page-24 .sec01 ul li p{position: relative; line-height: 1.4;}
#page-24 .sec01 ul li p:after{position: absolute; content: ''; width: 100%; height: 2px; background: #cfcfcf; bottom: 0; left: 0;}
#page-24 .sec01 ul li div{line-height: 1.3; margin-top: 20px; letter-spacing: -0.02em;}
#page-24 .sec01 ul li:nth-child(n+10):nth-child(-n+12){margin-bottom: 0;}

@media(max-width:1400px){
    #page-24 .con{width: 95%;}
}
@media(max-width:1020px){
    #page-24 .sec01 ul li{width: 49%;}
    #page-24 .sec01 ul li:nth-child(n+10):nth-child(-n+12){margin-bottom: 45px;}
}
@media (max-width:768px){
    #page-24 section{padding: 50px 0 100px;}
    #page-24 section:before{width: 100%; height:300px; background-size: contain; bottom: -5%; right: 0;}
    #page-24 .sec01 ul li{padding: 25px 10px; margin-bottom: 25px;}
    #page-24 .sec01 ul li:nth-child(n+10):nth-child(-n+12){margin-bottom: 25px;}

}
@media (max-width:575px){
    #page-24 .sec01 ul li{width: 100%; margin-bottom: 15px;}
    #page-24 .sec01 ul li:nth-child(n+10):nth-child(-n+12){margin-bottom: 15px;}
    #page-24 .sec01 ul li:last-child{display: none;}

}

/**/
#page-3 {padding-bottom:100px;}
#page-3 table {
    width:100%; border-top:2px solid #999; border-bottom:2px solid #999; text-align:center;
    font-size:16px; min-width:1100px;
}
#page-3 table thead {}
#page-3 table thead th {background:#f7fdfd;}
#page-3 table th {color:#333;}
#page-3 table td {color:#666;}
#page-3 table th,
#page-3 table td {border:1px solid #cbcece; position:relative; padding:24px 10px; vertical-align:middle;}
#page-3 table th:first-child,
#page-3 table td:first-child {border-left:0;}
#page-3 table th:last-child,
#page-3 table td:last-child {border-right:0;}
#page-3 table th:nth-child(n+2):nth-child(-n+9),
#page-3 table td:nth-child(n+2):nth-child(-n+9) {width:100px !important;}
#page-3 .bar {position:absolute; left:0; width:100%; height:90%; top:5%; border-radius:5px;}
#page-3 .bar[bar='1'] {width:90%; left:5%;}
#page-3 .bar[bar='2'] {width:190%; left:5%;}
#page-3 .bar[bar='3'] {width:290%; left:5%;}
#page-3 .bar[bar='4'] {width:390%; left:5%;}
#page-3 .bar[bar='5'] {width:490%; left:6%;}
#page-3 .bar.bar-red {background:#f8dfe6;}
#page-3 .bar.bar-blue {background:#e8dff9;}
#page-3 .bar.bar-yellow {background:#fae7cf;}
#page-3 .bar.bar-sky {background:#d9eff9;}
#page-3 .bar.bar-green {background:#bef3e3;}
#page-3 .bar:before {
    content:''; display:block; position:absolute; width:10px; height:10px;
    transform:rotate(45deg) translateX(-100%) translateY(100%);
    margin:auto; top:0; right:0; bottom:0; left:auto;
    border-right:3px solid #fff; border-top:3px solid #fff; border-radius:3px;
}

@media (max-width:768px){
    #page-3 table{font-size: 14px;}

}

/* 부품수리 */
#page-26 {}
#page-26 section{margin-bottom: 80px;}
#page-26 section:last-child{margin-bottom: 110px;}
#page-26 section p{color: #4947a6;}
#page-26 .table{margin-bottom: 0;}
#page-26 .table th,
#page-26 .table td{vertical-align: middle;}
/*#page-26 .table th:first-child,
#page-26 .table td:first-child{width: 10%;}
#page-26 .table th:nth-child(2),
#page-26 .table td:nth-child(2){width: 10%;}
#page-26 .table th:last-child,
#page-26 .table td:last-child{width: 10%;}*/
#page-26 .table td img{display: block; margin: 0 auto; height: 100px;}
.table.table-ai tbody tr:last-child > td.border{border-left: 1px solid #e3e6f0;}
#page-26 .content{max-height: 1076px; overflow: hidden;}
#page-26 .view-more{
    width: 100%; background: #555; color: #fff; text-align: center; padding: 10px;
    font-size: 15px; font-weight:500; transition: all .3s; cursor: pointer; margin-top: 15px;
}
#page-26 .view-more:hover{opacity: 0.9;}
#page-26 .view-more span{
    background: url(/images/content/layout/btn_more_w.png) no-repeat center; width: 12px; height: 12px;
    display: inline-block; margin-left: 15px; background-size: contain;
}
#page-26 .view-more.on span{transform: rotate(180deg);}

@media (max-width:1200px){
    #page-26 .view-more{font-size: 13px;}
}
@media (max-width:768px){
    #page-26 section {margin-bottom: 40px;}
    #page-26 .table td img{height: 60px;}
    #page-26 .view-more{font-size: 12px; padding: 7px;}
    #page-26 .view-more span{width: 10px;}
    #page-26 section.sec05 .content{max-height: unset;}
    #page-26 section.sec05 .view-more{display: none;}
}