/**/
.subject-dot {font-size:46px; font-weight:600; padding-left:38px; position:relative; color: #222;}
.subject-dot:before {
    content:''; display:block; position:absolute; margin:auto; top:0; right:auto; bottom:0; left:0;
    height:41px; width:31px;
    background:url(/images/content/main/subject_dot.png) no-repeat center center;
}
.subject-dot.white{color: #fff;}
.subject-dot.white:before {background-image:url(/images/content/main/subject_dot_white.png);}
.subject{font-size:46px; font-weight:600; color: #fff;}
p.sub-p{font-size:18px; color: #454545;}
p.sub-p.white{font-size:18px; color: #fff;}
.txt .item-tit{ color:#fff; font-size:30px; font-weight: 600; margin-bottom: 15px;}
.txt .item-sub{ color:#fff; font-size:18px; opacity: 0.7;}

/**/
a.more {
    border:1px solid #7f7f7f; border-radius:50%; color:#222; display:flex; line-height: 1;
    width: 60px; height: 60px; margin-top:30px; font-size:16px; align-items: center;
}
a.more i{flex-grow: 1; text-align: center;}
a.more:hover{
    background:#0575b5; color: #fff; border-color:#0575b5; transition: 0.3s;
}

@media(max-width:768px){
    .subject-dot,
    .subject{font-size:28px; padding-left:28px;}
    .subject-dot:before {width:20px; height:26px; background-size:cover;}
    p.sub-p,
    p.sub-p.white{font-size:14px;}
    .txt .item-tit{font-size: 22px; margin-bottom: 10px;}
    .txt .item-sub{font-size:14px;}
    a.more{font-size:14px;margin-top: 20px;}

}
@media(max-width:425px){
    div.my-3{margin-bottom: 0.5rem !important; margin-top: 0.5rem !important;}
    a.more{width: 40px; height: 40px; margin-top: 20px;}
}


/*a.more:after {*/
/*    content:''; position:absolute; display:block; width:9px; height:14px;*/
/*    background:url(/images/content/main/more.png) no-repeat center center;*/
/*    margin:auto; top:0; right:16px; bottom:0; left:auto;*/
/*}*/
/*a.more.white:after {width:8px; height:12px; background-image:url(/images/content/main/more-w.png);}*/

/**/
/*.container-section{min-height: 700px;}*/
#main-slider {height: 100vh;}
#main-slider .owl-carousel,
#main-slider .owl-stage,
#main-slider .owl-stage-outer,
#main-slider .owl-item {height:100%;}
#main-slider .item {height:100%;}
#main-slider .item.item-01 .bg{background: url(/images/content/main/main_visual_01.jpg) no-repeat center center; height: 100%; background-size: cover;}
#main-slider .item .con {
    position:absolute; bottom:0; left:0; z-index:100; user-select:none;
    width:100%; height:100%; color:#fff; text-align:center;
    display:flex; justify-content: center; align-items: center; flex-direction: column;
}
#main-slider .item .con .tit{font-weight: 600; margin-bottom: 30px;}

/**/
#main-business {
    background:url(/images/content/main/main_business_bg.jpg) no-repeat top left;
    padding:140px 0;
}
#main-business .wrap {display:flex;}
#main-business .wrap > div {}
#main-business .wrap > div:nth-child(1) {padding-right:50px;}
#main-business .wrap > div:nth-child(2) {padding-left:50px;}
#main-business .item {
    width:100%; margin-bottom:100px; position:relative;
}
#main-business .item .bg {}
#main-business .item .bg img {transition: filter 0.3s ease-in-out;}
#main-business .item .txt {
    position:absolute; margin:auto; top:auto; right:7%; bottom:7%; left:7%;
}
#main-business .item.tit {margin-bottom:150px;}
#main-business .item:last-child {margin-bottom:0;}
#main-business .item:hover .bg a img{filter: brightness(70%);}

@media(max-width:768px){
    #main-slider{height: 65vh;}
    #main-slider .item .con{padding: 0 20px;}
    #main-slider .item .con .tit.fs-80{font-size: 36px; line-height: 1;}

    #main-business {padding:60px 20px;}
    #main-business .wrap {flex-direction: column;}
    #main-business .wrap > div:nth-child(1) {padding-right:0;}
    #main-business .wrap > div:nth-child(2) {padding-left:0;}
    #main-business .item {margin-bottom:30px !important;}
    #main-business .item .bg img {width:100%;}
    #main-business .item .txt{left: 4%;}

}
@media(max-width:425px){
    #main-business {padding:60px 0;}

}

/**/
#major-customers {
    background:url(/images/content/main/major_customers.jpg) no-repeat center center;
    padding:100px 0;
}
/*#major-customers .subject {color:#fff; margin-bottom:25px;}*/
#major-customers .card {}
#major-customers .card .card-body {display:flex; flex-wrap:wrap; justify-content: center; align-items: flex-end; padding:20px 10px 30px 10px;}
#major-customers .card .card-body > div {
    width:30%; padding:20px 0; text-align:center; filter: grayscale(100%); -webkit-filter: grayscale(100%); transition: .5s all ease;
}
#major-customers .card .card-body > div:hover{filter: unset; -webkit-filter: unset;}

@media(max-width:768px){
    #major-customers {background-size:cover;padding: 60px 0;}
    #major-customers .subject{padding-left: 0;}
    #major-customers .card .card-body {flex-wrap: wrap;}
    #major-customers .card .card-body > div {width:auto; margin:0% 3%; zoom: 0.5;}
}

/**/
#technology {padding:150px 0;}
#technology .wrap {display:flex; justify-content: space-between;}
#technology .wrap .item {width:31%; position:relative;}
#technology .wrap .item .bg {}
#technology .wrap .item .bg img {display:block; transition: filter 0.3s ease-in-out;}
#technology .wrap .item .txt {position:absolute; margin:auto; top:auto; right:7%; bottom:7%; left:7%;}
#technology .wrap .item:hover .bg a img{filter: brightness(70%);}

@media(max-width:900px){
    #technology {padding:60px 0;}
    #technology .wrap {flex-wrap: wrap;}
    #technology .wrap .item {width:49%; margin-bottom:20px;}
    #technology .wrap .item:nth-child(1) {width:100%;}
}
@media(max-width:600px){
    #technology .wrap .item {width:100%;}
    #technology .wrap .item .bg{height:200px;}
    #technology .wrap .item .bg img {width:100%; object-fit: cover;}
    #technology .wrap .item .txt{left: 4%;}
}

/**/
#news-room {padding-bottom:150px;}
#news-room .wrap {}
#news-room .head {display:flex; justify-content: space-between; margin-bottom:30px;}
/*#news-room .body {display:flex; justify-content: space-between;}*/
/*#news-room .body .post {width:31%;}*/
#news-room .body .post .img {
    height:300px; display:flex; justify-content: center; align-items: center;
    /*background:url(/images/content/main/post_default.jpg) no-repeat center center;*/
    background-size:100% 100%;
}
/*#news-room .body .post .img a {width:100%; height:100%;}*/
#news-room .body .post .img img {}
#news-room .body .post .news-tit {font-size:20px; color: #454545; font-weight: 500;}
#news-room .body .post .news-tit a{position: relative;}
#news-room .body .post .news-tit a:after{
    position: absolute; content: ''; width: 0; height: 1px; background-color:#454545; bottom: 1px; left: 0;
    transition: width 250ms ease-in-out;
}
#news-room .body .post:hover .news-tit a:after{width: 100%}
#news-room .body .post .date {font-size:15px; color:#aaa; font-weight: 400; font-family: 'Pretendard' , sans-serif;}

#news-room .next_box{display: flex; align-items: center; height: 80px;}
#news-room .swiper-button-next,
#news-room .swiper-button-prev,
#news-room .news-more{
    position: relative; width: 50px; height: 50px; top: 0; left: 0; margin-top: 0;border: 1px solid #222;
    border-radius: 50%; color: #222;
}
#news-room .swiper-button-next{margin: 0 10px;}
#news-room .news-more{display: flex; justify-content: center; align-items: center;}
#news-room .swiper-button-next:after,
#news-room .swiper-button-prev:after{display: none;}
#news-room .news-more:hover{background:#0575b5; color: #fff; border-color:#0575b5; transition: 0.3s;}

@media(max-width:1024px){
    #news-room .body .post .img {height:220px;}
}
@media(max-width:768px){
    #news-room{padding-bottom: 50px;}
    #news-room .head{flex-direction: column; margin-bottom: 20px;}
    #news-room .body .post .news-tit{font-size:16px;}
    #news-room .body .post .news-tit.my-3{margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}
    #news-room .body .post .date{font-size:13px;}
    /*#news-room .body .post{width: 48%;}*/
    /*#news-room .body .post:nth-child(3){display: none;}*/
    /*#news-room .body .post .img {height:160px;}*/
}
@media(max-width:425px){
    /*#news-room .body .post .img {height:100px;}*/
    #news-room .next_box{height: 60px;}
    #news-room .swiper-button-next,
    #news-room .swiper-button-prev,
    #news-room .news-more{width: 40px; height: 40px;}

}

/**/
#contact-location {position:relative;}
#contact-location .bg {position:absolute; width:100%; height:100%; display:flex;}
#contact-location .bg > div {width:50%; height:100%;}
#contact-location .bg > div:nth-child(1) {
    background:url(/images/content/main/contact_location_01.jpg) no-repeat bottom right;
    background-size:cover;
}
#contact-location .bg > div:nth-child(2) {
    background:url(/images/content/main/contact_location_02.jpg) no-repeat bottom right;
    background-size:cover;
}
#contact-location .wrap {display:flex;}
#contact-location .box {width:50%; padding:75px 0; background-repeat:no-repeat; color:#fff;}
#contact-location .box:nth-child(1) {padding-right:50px;}
#contact-location .box:nth-child(2) {padding-left:50px;}
#contact-location .box .subject-dot {margin-bottom:10px;}
#contact-location .box a.more {border:1px solid #fff; margin-top:80px; color:#fff;}
#contact-location .box a.more:hover {border:1px solid #0575b5;}

@media(max-width:768px){
    #contact-location .wrap {flex-wrap: wrap; width:100%; max-width:100%;}
    #contact-location .bg {display:none;}
    #contact-location .box{padding: 30px 20px;}
    #contact-location .box:nth-child(1) {width:100%; background: url(/images/content/main/contact_location_01.jpg) no-repeat 86% bottom; background-size: cover;}
    #contact-location .box:nth-child(2) {width:100%; background: url(/images/content/main/contact_location_02.jpg) no-repeat 73% bottom; background-size: cover; padding: 30px 20px;}
}

footer {margin-top:0;}


/*animate*/

#main-slider .owl-item.active .item .bg{animation:zoom 3s 0.6s both;}
#main-slider .owl-item.active .item .con div:nth-child(1){animation:fadeIn 2.5s 0.5s both;}
#main-slider .owl-item.active .item .con div:nth-child(2){animation:fadeIn 2.5s 0.7s both;}
/*#main-business .item .bg:hover{animation:zoom 3s ease;}*/
/*.item.tit div:nth-child(1){animation:fadeLeft 2s 0.5s both;}*/
/*.item.tit div:nth-child(2){animation:fadeLeft 2s 0.7s both;}*/

@keyframes zoom{
    0% {transform:scale(1.3);}
    100% {transform:scale(1);}
}
@keyframes fadeIn{
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@keyframes fadeLeft{
    0% {transform:translateX(-100px); opacity: 0;}
    100% {transform:translateX(0); opacity: 1;}
}