/*메인 타이틀*/
.main_tit{ margin-bottom:6rem; text-align:center;}
.main_tit .tit{ position:relative; display:inline-block; font-size:4rem; font-weight:700; line-height:1; }
.main_tit .tit:after{ content:""; position:absolute; right:-3rem; bottom:.3rem; width:1.2rem; height:1.2rem; background:#e94c21; }
.main_tit .desc{ margin-top:1.5rem; font-size:1.6rem; font-weight:300;}

@media all and (max-width:1199.98px) {
    .main_tit{ margin-bottom:5rem;}
    .main_tit .tit{ font-size:3.5rem; }
}

@media all and (max-width:991.98px) {
    .main_tit{ margin-bottom:4rem;}
    .main_tit .tit{ font-size:3rem; }
}

@media all and (max-width:767.98px) {
    .main_tit{ margin-bottom:3rem;}
    .main_tit .tit{ font-size:2.8rem; }
}


/* 메인 비쥬얼 */
#main_visual{ position:relative;}
#main_visual .txt_area{ z-index:11; position:absolute; top:50%; left:50%; width:100%; 
    transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); 
}
#main_visual .txt_area small{ display:block; font-size:2.6rem; color:#fff; font-weight:300; margin-bottom:1rem; }
#main_visual .txt_area h2{ font-size:5rem; color:#fff; line-height:1.3; font-weight:700;}

#main_visual .swiper-slide{ height:70rem; overflow:hidden;}
#main_visual .swiper-slide .img_area{ position:absolute; top:50%; left:50%; width:100%; height:100%; background-position:center; background-size:cover;
    transform:translate(-50%,-50%) scale(1.2); -webkit-transform:translate(-50%,-50%) scale(1.2);  -moz-transform:translate(-50%,-50%) scale(1.2); 
    transition:all 6s; -webkit-transition:all 6s; -moz-transition:all 6s;
}
#main_visual .swiper-slide .img_area01{ background-image:url('../_img/main/main_slider01.jpg');}
#main_visual .swiper-slide .img_area02{ background-image:url('../_img/main/main_slider02.jpg');}
#main_visual .swiper-slide-active .img_area{  transform:translate(-50%,-50%) scale(1);  -webkit-transform:translate(-50%,-50%) scale(1);  -moz-transform:translate(-50%,-50%) scale(1);  }

#main_visual .main_visual_btn{ z-index:99; position:absolute; top:50%; width:7.3rem; height:10rem; display:flex; align-items: center; justify-content: center; background:rgba(255,255,255,0.3); outline:none; 
    transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);
}
#main_visual #main_visual_prev{ left:0;}
#main_visual #main_visual_next{ right:0;}

@media all and (max-width:1600px) {
    #main_visual .txt_area{ text-align:center; }
}

@media all and (max-width:1199.98px) {
    #main_visual .txt_area small{ font-size:2rem; }
    #main_visual .txt_area h2{ font-size:4rem;  }
    #main_visual .swiper-slide{ height:60rem; }
}

@media all and (max-width:991.98px) {
    #main_visual .txt_area small{ font-size:1.8rem; }
    #main_visual .txt_area h2{ font-size:3.5rem;  }
    #main_visual .swiper-slide{ height:50rem; }

    #main_visual .main_visual_btn{ width:5rem; height:7rem; }
    #main_visual .main_visual_btn img{ width:13px; }
}

@media all and (max-width:767.98px) {
    #main_visual .txt_area h2{ font-size:3rem;  }
    #main_visual .swiper-slide{ height:35rem; }
}
    


/*메인 포트폴리오*/
#main_portfolio{ text-align:center; }
#main_portfolio ul{ display:flex; flex-wrap:wrap; margin-bottom:5rem;}
#main_portfolio ul li{ width:calc(33.33% - 1.4rem); margin-right:2.1rem;}
#main_portfolio ul li:last-child{ margin-right:0; }
#main_portfolio ul li .img_area{ position:relative;  font-size:0;}
#main_portfolio ul li .img_area:last-child{ margin-top:2.1rem; }
#main_portfolio ul li .hover_area{ opacity:0; position:absolute; top:0; left:0; display:flex; align-items:center; width:100%; height:100%; background:rgba(0,0,0,0.6);
    transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
#main_portfolio ul li .img_area:hover .hover_area{ opacity:1;}
#main_portfolio ul li .hover_area strong{ display:block; width:100%; padding:0 15px; font-size:2.4rem; color:#fff;  }


@media all and (max-width:1199.98px) {
    #main_portfolio ul li{ width:calc(33.33% - 1rem); margin-right:1.5rem; }
    #main_portfolio ul li .img_area:last-child{ margin-top:1.5rem; }
    #main_portfolio ul li .hover_area strong{ font-size:2rem; }
}

@media all and (max-width:991.98px) {
    #main_portfolio ul li .hover_area strong{ font-size:1.8rem; }
}

@media all and (max-width:767.98px) {
    #main_portfolio ul li{ width:calc(50% - .75rem); }
    #main_portfolio ul li:nth-child(2n+2){ margin-right:0; }
    #main_portfolio ul li:last-child{ display:flex; flex-wrap:wrap; width:100%; margin-top:1.5rem; }
    #main_portfolio ul li:last-child .img_area{ width:calc(50% - .75rem); height:fit-content;  }
    #main_portfolio ul li:last-child .img_area:last-child{ margin-top:0; margin-left:1.5rem; }
}



/*메인 비지니스*/
#main_business ul{ position:relative; display:flex; flex-wrap:wrap;}
#main_business ul:after{ z-index:-1; content:""; position:absolute; bottom:0; left:50%; width:100vw; min-width:280px; height:65%; background:#e94c21;
    transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);
}
#main_business ul li{ position:relative; width:25%; padding-top:36%; background-position:center; background-size:cover; }
#main_business ul li:nth-child(1){ background-image:url('../_img/main/main_business01.jpg');}
#main_business ul li:nth-child(2){ background-image:url('../_img/main/main_business02.jpg');}
#main_business ul li:nth-child(3){ background-image:url('../_img/main/main_business03.jpg');}
#main_business ul li:nth-child(4){ background-image:url('../_img/main/main_business04.jpg');}
#main_business ul li .tit_area{ position:absolute; top:0; left:0; display:flex; padding:4rem;  width:100%; height:100%; background:rgba(0,0,0,0);
    transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
#main_business ul li:hover .tit_area{ background:rgba(0,0,0,0.7);}
#main_business ul li .tit_area strong{ display:block;  width:100%; margin-top:auto; font-size:2.8rem; color:#fff; }

@media all and (max-width:1199.98px) {
    #main_business ul li .tit_area{ padding:3rem;}
    #main_business ul li .tit_area strong{ font-size:2.3rem; }
}

@media all and (max-width:991.98px) {
    #main_business ul li .tit_area{ padding:2.5rem;}
    #main_business ul li .tit_area strong{ font-size:2rem; }
}

@media all and (max-width:767.98px) {
    #main_business ul li{ width:50%; padding-top:70%;  }
}


/*메인 뉴스*/
#main_news{ display:flex; flex-wrap:wrap;}
#main_news > div { display:flex; flex-wrap:wrap; justify-content: center; width:33.33%; text-align:center; padding:7rem 15px; }
#main_news > div > div{ width:100%; }
#main_news > div.main_tit{ display:flex; align-items:center;  margin-bottom:0; }
#main_news > div.main_tit div{ width:100%; }
#main_news > div.content_area01{ background:#e94c21;}
#main_news > div.content_area02{ background:#f2f2f2;}
#main_news > div.content_area04{ background:#2b364b; display:block; }
#main_news > div.content_area h3{ font-size:4rem; color:#222; font-weight:700;  }
#main_news > div.content_area h3:after{ content:""; display:block; margin:1.5rem auto 2rem; width:4rem; height:3px; background:#222; }
#main_news > div.content_area p{ font-size:1.6rem; margin-bottom:3rem;  }
#main_news > div.content_area a{ margin-top:auto;}
#main_news > div.content_area01 h3,
#main_news > div.content_area01 p,
#main_news > div.content_area04 h3,
#main_news > div.content_area04 p{ color:#fff;}
#main_news > div.content_area01 h3:after,
#main_news > div.content_area04 h3:after{ background:#fff; }

#main_news > div.notice_area{ position:relative; width:66.66%; padding:3.5rem; background:#f2f2f2; text-align:left;  }
#main_news > div.notice_area h3{ display:flex; align-items: center; width:100%; padding-bottom:1.5rem; border-bottom:3px solid #222; font-size:3rem; color:#222; font-weight:700;}
#main_news > div.notice_area h3 a{ margin-left:auto; padding:0 1rem; color:#222; }
#main_news > div.notice_area:after,
#main_news > div.notice_area:before{ z-index:-1; content:""; position:absolute; top:0;  width:100vw; height:100%; background:#f2f2f2; }
#main_news > div.notice_area:after{ right:0; }
#main_news > div.notice_area:before{ left:0; }

#main_news .no_list{ width:100%; padding-top:3rem; text-align:center; font-size:1.6rem; color:#999; }
#main_news .notice_list{ width:100%; }
#main_news .notice_list li{  border-bottom:1px solid #e8e8e8;}
#main_news .notice_list li a{  display:flex; flex-wrap:wrap; align-items:center; padding:1.5rem 2rem; }
#main_news .notice_list li .subj{ width:calc(100% - 10rem); font-size:1.6rem; color:#222; font-weight:300;  }
#main_news .notice_list li .subj:before{ content:"· "; }
#main_news .notice_list li .subj b{ font-weight:600;}
#main_news .notice_list li .date{ width:10rem; margin-left:auto;  text-align:right; font-size:1.6rem; color:#444; font-weight:300;}


@media all and (max-width:1199.98px) {
    #main_news > div,
    #main_news > div.notice_area{ width:50%; padding:5rem 15px;  }
    #main_news > div.main_tit{ width:100%; padding:0; margin-bottom:5rem;   }

    #main_news > div.content_area h3{ font-size:3rem; }
    #main_news > div.content_area p br{ display:none; }

    #main_news > div.notice_area h3{ font-size:2.5rem; }
}

@media all and (max-width:991.98px) {
    #main_news > div.main_tit{  margin-bottom:4rem;   }

    #main_news > div.content_area h3{ font-size:2.5rem; }
}

@media all and (max-width:767.98px) {
    #main_news > div.main_tit{  margin-bottom:3rem;   }

    #main_news > div,
    #main_news > div.notice_area{ width:100%; }
    #main_news > div.notice_area{ background:#fff; }
    #main_news > div.notice_area:after,
    #main_news > div.notice_area:before{ content:none; }
}