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

/**/
.todo  {outline:1px solid blue;}

/**/
.fc-45 {color:#454545;}
.fc-mint {color:#00bfb2;}
.fc-sky {color:#3ea3e3;}
.fc-blue {color:#0575b5;}
.bg-f8 {background:#f8f8f8;}
.lh-2 {line-height: 1.2;}
.lh-3 {line-height: 1.3;}
.lh-4 {line-height: 1.4;}

/**/
.subject-left-line {position:relative; padding-left:14px;}
.subject-left-line:before {
    content:''; display:block; position:absolute; margin:auto; top:0; right:auto; bottom:0; left:0;
    width:3px; height:60%; background:#0575b5;
}

/**/
.text-box {position:relative; user-select:none;}
.text-box .bg {}
.text-box .bg img {display:block;}
.text-box .txt {
    position:absolute; display:flex; top:0; right:0; bottom:0; left:0; justify-content: center; align-items: center;
    color:#fff; font-weight:700;
}
@media(max-width:768px){
    .text-box {min-height:180px; display:flex;}
    .text-box .bg {display:flex;}
    .text-box .bg img {}

}

/**/
.tit-26{font-size:26px; font-weight: 800;}
.tit-30{font-size:30px; font-weight: 600;}
.tit-36{font-size:36px; font-weight: 800; line-height: 1.3;}
.tit-42{font-size:42px; font-weight: 700;}
.sub-16{font-size:16px; font-weight: 400;}

@media(max-width:768px){
    .tit-36{font-size:26px;}
    .tit-26{font-size:20px;}
    .tit-30{font-size:24px;}
    .tit-42{font-size:28px;}
    .sub-16{font-size:14px;}

}

/**/
#menu-5 {}
#menu-5 .ke {color:#f5f5f5; font-size:120px; line-height:110px; display:flex; justify-content: flex-end; flex-direction: column;}
#menu-5 .txt {font-family: 'Pretendard' , sans-serif;}
#menu-5 .tit-26,
#menu-5 .sub-16{line-height: 1;}
#menu-5 .boxs {display:flex; justify-content: space-between; flex-wrap: wrap;}
#menu-5 .boxs > div {height:264px; position:relative; background:#f4f4f4; padding:30px;}
#menu-5 .boxs > div > .type {color:#b2b2b2; font-weight: 600;}
#menu-5 .boxs > div > .txt {font-weight:bold; margin-top:10px;}
#menu-5 .boxs > div > .icon {position:absolute; right:30px; bottom:30px;}
#menu-5 .business-areas {margin:120px 0;}
#menu-5 .business-areas .boxs {}
#menu-5 .business-areas .boxs > div {width:16%;}
#menu-5 .certified {}
#menu-5 .certified .boxs > div {width:24%; margin-bottom: 20px;}
#menu-5 .slogan {margin: 120px 0;}
#menu-5 .slogan .head {}
#menu-5 .slogan .body {position:relative;}
#menu-5 .slogan .body .bg{background: url(/images/content/menu/menu_5_02.jpg) no-repeat 30% center; width: 100%; height: 500px;}
#menu-5 .slogan .body .txt{padding-left: 200px;}

@media(max-width:1024px){
    #menu-5 .boxs {flex-wrap: wrap; justify-content: center;}
    #menu-5 .certified .boxs > div,
    #menu-5 .business-areas .boxs > div {width:240px; margin:1%;}
}
@media(max-width:768px){
    #menu-5 .txt p{font-size:14px;}
    #menu-5 .ke {display:none;}
    #menu-5 .business-areas,
    #menu-5 .slogan {margin: 60px 0;}
    #menu-5 .certified .boxs > div,
    #menu-5 .business-areas .boxs > div{width: 100%; height: 160px;}
    #menu-5 .txt{left: 0;}
    #menu-5 .txt.fs-66{font-size:24px;}
    #menu-5 .slogan .body .bg{height: 350px;}
    #menu-5 .slogan .body .txt{padding-left: 0;}
}
@media(max-width:425px){
    #menu-5 .wrap .flex.mb-5{margin-bottom: 2rem !important;}

}

/**/
#menu-6 .text-box {}
#menu-6 .text-box .txt {line-height:70px; padding-left:80px; left: 0;}
#menu-6 .history {margin: 120px 0;}
#menu-6 .history .year {
    font-size:120px; line-height:120px; padding-bottom:50px; margin-bottom:40px;
    border-bottom:4px solid #0575b5; font-weight:Bold;
}
#menu-6 .history .owl-carousel {margin-top:100px;}
#menu-6 .history .owl-carousel .owl-stage-outer {overflow: visible;}
#menu-6 .history .owl-carousel .owl-item {opacity:0.2; transition:opacity 200ms;}
#menu-6 .history .owl-carousel .owl-item.active {opacity:1;}
#menu-6 .history .owl-carousel .owl-nav{display: none;}
#menu-6 .history .month {color:#a6a6a6; margin-right:10px;}
#menu-6 .history .item li {margin-bottom:10px; font-family: 'Pretendard' , sans-serif;}
#menu-6 .equipment {
    background:url(/images/content/menu/menu_6_07.jpg) no-repeat right bottom #0575b5;
    color:#fff; padding:100px 0;
}
#menu-6 .equipment .flex {}
#menu-6 .equipment .card {
    width:49%; margin-bottom:2%; border-radius:30px 0 30px 0; padding:20px 30px;
    background-repeat:no-repeat; background-position:right 40px bottom 30px;
}
#menu-6 .equipment .card:nth-child(1) {background-image:url(/images/content/menu/menu_6_03.png);}
#menu-6 .equipment .card:nth-child(2) {background-image:url(/images/content/menu/menu_6_04.png);}
#menu-6 .equipment .card:nth-child(3) {background-image:url(/images/content/menu/menu_6_05.png);}
#menu-6 .equipment .card:nth-child(4) {background-image:url(/images/content/menu/menu_6_06.png);}
#menu-6 .equipment .card-body {color:#000;}
#menu-6 .equipment .card-body li {margin-bottom:4px;}
#menu-6 .equipment .card-body li:last-child {margin-bottom:0;}

@media(max-width:1024px){
    #menu-6 .equipment .card {width:100%;}
}
@media(max-width:768px){
    #menu-6 .text-box .txt { line-height:46px; padding:0; text-align:center; left:0; right:0;font-size: 26px;}
    #menu-6 .text-box .txt > div {width:100%; line-height: 1.1;}
    #menu-6 .history{margin: 60px 0;}
    #menu-6 .history .owl-carousel{margin-top: 50px;}
    #menu-6 .history .year{font-size: 60px; padding-bottom: 0px;}
    #menu-6 .history .item li{font-size:14px;padding-right: 15px;}
    #menu-6 .history .month{margin-right: 5px;}
    #menu-6 .equipment{padding: 60px 0;}
    #menu-6 .equipment .card{padding: 10px 0;}
    #menu-6 .equipment .card-body li{font-size:14px;}
}
@media(max-width:660px){
    #menu-6 .equipment .card {background-image:none !important;}
}

/**/
#menu-7 {}
#menu-7 .box-1 {
    background:url(/images/content/menu/menu_7_01.jpg) no-repeat center center; background-size:cover;
    height:940px; display:flex; align-items: center;
}
#menu-7 .box-1 .card-list {display:flex; justify-content:space-between; margin-top:120px;}
#menu-7 .box-1 .card-list > .item {
    background:#fff; width:19%; padding:10px; text-align:center; height:290px;
}
#menu-7 .box-1 .card-list > .item .icon {
    height:50px; display:flex; justify-content: center; align-items: center; margin-bottom:20px; margin-top:50px;
}
#menu-7 .box-1 .card-list > .item .icon img {display:block;}
#menu-7 .box-2 {display:flex; justify-content: space-between; margin-top:100px; margin-bottom:100px;}
#menu-7 .box-2 .img {width:65%;}
#menu-7 .box-2 .img img {display:block;}
#menu-7 .box-2 .txt {width:32%;}
#menu-7 .box-3 {display:flex; flex-direction: row-reverse; justify-content: space-between; margin-bottom:100px;}
#menu-7 .box-3 .img {width:65%;}
#menu-7 .box-3 .img img {display:block;}
#menu-7 .box-3 .txt {width:32%;}
#menu-7 .line-bottom {position:relative; margin-bottom:100px;}
#menu-7 .line-bottom:before {
    content:''; display:block; position:absolute; width:100px; height:2px; bottom:-45px;
    background:#0575b5;
}

#menu-7 .customer-list .body{display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end;}
#menu-7 .customer-list .body > div{width: 30%; padding: 20px 0; text-align: center;}

@media(max-width:1100px){
    /*#menu-7 .major-customer .customer-list {flex-wrap: wrap; justify-content: center !important;}*/
    /*#menu-7 .major-customer .customer-list > div {width:auto; margin:4%;}*/
}
@media(max-width:1024px){
    #menu-7 .box-1 {background-size:cover; height:auto; padding:60px 0;}
    #menu-7 .box-1 .card-list {flex-wrap: wrap; justify-content: center; margin-top:60px;}
    #menu-7 .box-1 .card-list > .item {width:220px; margin:1%;}
    #menu-7 .box-2 {flex-wrap: wrap;}
    #menu-7 .box-3 .img,
    #menu-7 .box-2 .img {width:100%;}
    #menu-7 .box-3 .img img,
    #menu-7 .box-2 .img img {width:100%;}
    #menu-7 .box-3 .txt,
    #menu-7 .box-2 .txt {width:100%; text-align:center; margin-top:40px;}
    /*#menu-7 .box-2 .txt br {display:none;}*/
    #menu-7 .box-3 {flex-direction: row; flex-wrap: wrap;}
    #menu-7 .line-bottom:before {left:0; right:0; margin:auto;}
}
@media(max-width:768px){
    #menu-7 .box-1 div.fs-80{font-size:40px;}
    #menu-7 .box-1 .card-list > .item{width: 48%; height: 170px;}
    #menu-7 .box-1 .card-list > .item .icon{margin-top: 10px; margin-bottom: 10px;}
    #menu-7 .box-1 .card-list > .item .icon img{height: 30px;}
    #menu-7 .box-1 .card-list > .item:last-child .icon img{height:25px; }
    #menu-7 .box-1 .card-list > .item div.mb-4{margin-bottom: 0.5rem !important;}
    #menu-7 .line-bottom{margin-bottom: 60px;}
    #menu-7 .line-bottom:before{bottom: -25px;}
    #menu-7 .box-2 .txt p.fc-7,
    #menu-7 .box-3 .txt p.fc-7{font-size:14px;}
    #menu-7 .customer-list .body > div{width: auto; margin: 0% 3%; zoom: 0.5;}
}

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

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

/*  */
#menu-10 {}
#menu-10 .text-box {margin-bottom:150px;}
#menu-10 .text-box .bg{background: url(/images/content/menu/menu_10_01.jpg) no-repeat center; width: 100%; height: 400px;}
#menu-10 .box {position:relative; margin-bottom:190px;}
#menu-10 .box:last-child {margin-bottom:0;}
#menu-10 .box .bg {width:50%;}
#menu-10 .box .bg img {display:block;}
#menu-10 .box .wrap {
    position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;
    display:flex; justify-content: flex-end;
}
#menu-10 .box .wrap > div {
    width:48%; height:100%; padding:30px; display:flex; align-items:normal;
    flex-direction: column; justify-content: center;
}
#menu-10 .box .border-bottom-black {height:2px; background:#000; margin:25px 0;}
#menu-10 .box .bracket {
    text-align:center; margin-top:44px; position:relative; display:flex; justify-content: space-between;
    font-family: 'Pretendard' , sans-serif;
}
#menu-10 .box .bracket:before ,
#menu-10 .box .bracket:after {content:''; display:block; width:25px; border:12px solid #ededed;}
#menu-10 .box .bracket:before {border-right:0;}
#menu-10 .box .bracket:after {border-left:0;}
#menu-10 .box:nth-child(2n+1) {display:flex; flex-direction: row-reverse;}
#menu-10 .box:nth-child(2n+1) .wrap {justify-content: flex-start;}
#menu-10 .box:nth-child(2n+1) .wrap > div {padding-left:0;}

@media(max-width:768px){
    #menu-10 .text-box .bg{background-position: 66% center;}
    #menu-10 .box {margin-bottom:60px;}
    #menu-10 .box .bg {width:100%;}
    #menu-10 .box .wrap {position:relative;}
    #menu-10 .box .wrap > div {width:100%; padding: 20px 0;}
    #menu-10 .box:nth-child(2n+1) {display:block;}
    #menu-10 .box:nth-child(2n+1) .wrap > div {padding: 20px 0;}
}
@media(max-width:425px){
    #menu-10 br {display:none;}
}

/**/
#menu-11 {}
#menu-11 .text-box {margin-bottom:150px;}
#menu-11 .text-box .bg{background: url(/images/content/menu/menu_11_01.jpg) no-repeat center; width: 100%; height: 400px;}
/*#menu-11 .mct {padding:130px 0;}*/
#menu-11 .mct .head {margin-bottom:70px;}
#menu-11 .mct .body {display:flex; justify-content:space-between;}
#menu-11 .mct .body > div {width:49%;}
#menu-11 .mct .image-bic {}
#menu-11 .mct .select-image {display:flex; user-select:none; overflow:auto;}
#menu-11 .mct .select-image > div {
    width:160px; height:100px; margin-right:2%; display:flex; justify-content: center; align-items: center;
    cursor:pointer;
}
#menu-11 .mct .select-image > div img {border:2px solid transparent;}
#menu-11 .mct .select-image > div.active img {border-color:#0575b5;}
#menu-11 .mct .select-image > div:last-child {margin-right:0;}
#menu-11 .mct .select-text {user-select:none;}
#menu-11 .mct .select-text > div {border:1px solid #ddd; padding:35px 45px; margin-bottom:20px; cursor:pointer; transition: all .3s;}
#menu-11 .mct .select-text > div:hover{background: #f7f7f7;}
#menu-11 .mct .select-text > div.active {background:#f7f7f7; border-color:#f7f7f7;}
#menu-11 .mct .select-text > div span:nth-child(2){font-family: 'Pretendard' , sans-serif; color: #222; }
#menu-11 .cnc {margin: 100px 0;}
#menu-11 .controller {background:#f7f7f7; padding:100px 0;}
#menu-11 .controller .body{margin-top: 70px;}
#menu-11 .controller .controller-item div:nth-child(2){font-family: 'Pretendard' , sans-serif;}
#menu-11 .controller img {display:block;}
#menu-11 .box-white {background:#fff; padding:45px 35px; border:1px solid #ddd; font-family: 'Pretendard' , sans-serif;}
#menu-11 .box-white.bg {background:url(/images/content/menu/menu_11_02.jpg) no-repeat right bottom #fff;}
#menu-11 .box-white ul {}
#menu-11 .box-white ul li {margin-bottom:6px; padding-left:14px; position:relative; font-size:18px;}
#menu-11 .box-white ul li:before {
    content:''; display:block; position:absolute; margin:auto; top:12px; right:auto; bottom:auto; left:3px;
    width:3px; height:3px; background:#0575b5;
}

@media(max-width:1024px){
    #menu-11 .mct {padding:0;}
    #menu-11 .mct .body {flex-wrap: wrap;flex-direction: column-reverse;}
    #menu-11 .mct .body > div {width:100%;}
    #menu-11 .mct .image-bic {}
    #menu-11 .mct .image-bic img {width:100%;}
    #menu-11 .mct .select-text {display:flex; flex-direction: row;}
    #menu-11 .mct .select-text > div{flex: 1;}
    #menu-11 .controller-list {flex-wrap: wrap;}
    #menu-11 .controller-list > div {margin:0 0 30px 0 !important;}
    #menu-11 .controller-list > div:last-child {margin:0 !important;}
}
@media(max-width:768px){
    #menu-11 .mct .head{margin-bottom: 40px;}
    #menu-11 .cnc{margin: 40px 0 60px;}
    #menu-11 .mct .select-text > div{padding: 10px 0 10px 15px; font-size: 14px;}
    #menu-11 .mct .select-text > div span.mr-3{margin-right:0.5rem !important;}
    #menu-11 .controller{padding: 60px 0 150px;}
    #menu-11 .controller .body{margin-top: 40px;}
    #menu-11 .controller-list > div{margin: 0 0 15px 0 !important;}
    #menu-11 .box-white{padding: 25px 20px;}
    #menu-11 .box-white ul li{font-size: 15px;}
}
@media(max-width:425px){
    #menu-11 .mct .select-text > div{text-align: center; padding: 10px;}
    #menu-11 .mct .select-text > div > span{display: block;}
    #menu-11 .mct .select-text > div span.mr-3{margin-right: 0 !important;}
}

/**/
#menu-12 {}
#menu-12 .text-box {margin-bottom:150px;}
#menu-12 .text-box .bg{background: url(/images/content/menu/menu_12_01.jpg) no-repeat center; width: 100%; height: 400px;}
#menu-12 section {margin-bottom:100px;}
#menu-12 section .head {margin-bottom:70px;}
#menu-12 .section-4 .body .flex{flex-wrap: wrap;}
#menu-12 .section-4 .body .flex > div{margin-bottom: 2rem;}

#menu-12 .bg-gray{background: #f5f5f5; padding: 100px 0;}
#menu-12 .section-5 .pro{margin-bottom:50px;}
#menu-12 .section-5 .pro:last-child{margin-bottom:0;}
#menu-12 .section-5 .body .flex .slide{max-width: 360px;}
#menu-12 .section-5 .body .t-box{max-width: 360px;}
#menu-12 .section-5 .body .t-box li{padding: 15px 0; display: flex;}
#menu-12 .section-5 .body .t-box li:first-child{border-bottom: 1px solid #ddd;}
#menu-12 .section-5 .body .t-box li p{font-weight: 600; color: #0575b5; padding-left: 14px; position: relative;}
#menu-12 .section-5 .body .t-box li p:before{
    content:''; display:block; position:absolute; margin:auto; top:10px; right:auto; bottom:auto; left:3px;
    width:3px; height:3px; background:#0575b5;
}
#menu-12 .section-5 .body .t-box li span{color: #666; margin-left: 10px;}
#menu-12 .section-5 .cci-slide .swiper-pagination{bottom: 16px;}
#menu-12 .section-5 .cci-slide .swiper-pagination span{margin: 0 6px; background: #0575b5;}

@media(max-width:1024px){
    #menu-12 .text-box {min-height:240px;}
    #menu-12 section {margin-bottom:40px;}
    #menu-12 .section-3 .body .flex,
    #menu-12 .section-1 .body .flex,
    #menu-12 .section-5 .body .flex {flex-wrap: wrap;}
    #menu-12 .section-3 .body .flex > div,
    #menu-12 .section-1 .body .flex > div,
    #menu-12 .section-4 .body .flex > div,
    #menu-12 .section-5 .body .flex > div{width:48%; margin:0 0 40px 0 !important;}
    #menu-12 .section-3 .body .flex > div img,
    #menu-12 .section-1 .body .flex > div img {width:100%;}
    #menu-12 .section-2 .body .flex {flex-wrap: wrap; justify-content: center !important;}
    #menu-12 .section-2 .body .flex > div {margin:1% !important; width:320px;}

    #menu-12 .bg-gray{padding: 60px 0;}
    #menu-12 .section-5 .pro{margin-bottom: 20px;}
    #menu-12 .section-5 .body .flex{justify-content: space-between;}
    #menu-12 .section-5 .body .flex .slide{max-width: unset;}
    #menu-12 .section-5 .body img{width:100%;}
}
@media(max-width: 768px){
    #menu-12 .text-box .bg{background-position: 36% center;}
    #menu-12 section .head{margin-bottom: 40px;}
    #menu-12 .section-3 .body .flex > div,
    #menu-12 .section-1 .body .flex > div,
    #menu-12 .section-4 .body .flex > div,
    #menu-12 .section-5 .body .flex > div{margin: 0 0 20px 0 !important;}
    #menu-12 .section-2 .body .flex > div{width: 145px;}

    #menu-12 .section-5 .body .t-box li.fs-16{font-size:13px;}
    #menu-12 .section-5 .body .t-box li p:before{top: 6px;}

    #menu-12 .section-5 .cci-slide .swiper-pagination{bottom: 10px;}
    #menu-12 .section-5 .cci-slide .swiper-pagination span{margin: 0 4px;}
}

@media(max-width: 425px){
    #menu-12 .section-5 .cci-slide .swiper-pagination span{width: 6px; height: 6px;}

}

/**/
#menu-17{}
#menu-17 div img.mob{display: none;}

@media(max-width:768px){
    #menu-17 div img.mob{display: block;}
    #menu-17 div img.web{display: none;}

    #menu-10 .text-box,
    #menu-11 .text-box,
    #menu-12 .text-box{margin-bottom: 70px;}
    #menu-10 .text-box .bg,
    #menu-11 .text-box .bg,
    #menu-12 .text-box .bg{height: 280px;}
    .text-box .txt{padding: 0 15px;}
    .text-box .txt div.fs-60{font-size:30px; line-height: 1.1; margin-bottom: 10px;}
}