@charset "utf-8"; /* 메인 비주얼 이미지*/

.swiper.mySwiper { height: calc(100vh - 70px ); } 
.mySwiper .swiper-slide { position: relative; height: calc(100vh - 80px ); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } 
.sider_1 { background-image: url(../img/main_visual_1.jpg); } 
.sider_2 { background-image: url(../img/main_visual_1.jpg); } 
.sider_3 { background-image: url(../img/main_visual_1.jpg); } 

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon { position:absolute; bottom:12%; left:50%; transform:translateX(-50%); text-align:center; z-index:2; animation: upDown 1.5s ease-in-out infinite; } 
.main-scroll-icon span { display:block; color:rgba(255,255,255,0.6); padding-bottom: 10px; letter-spacing:0; font-weight:400; font-size: 14px; } 
@keyframes upDown { 
 0% { opacity: 0.5; transform: translate(-50%,-5px); } 
50% { opacity: 1; transform: translate(-50%,5px); } 
100% { opacity: 0.5; transform: translate(-50%,-5px); } 
 }

/* 메인비주얼 텍스트 */
#main_visual { position: relative; } 
.swiper-slide .slide_txt { color: #f1f1f1; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } 
.swiper-slide .slide_txt .slide_tit { } 
.swiper-slide .slide_txt .slide_tit h2 { font-size: 30px; letter-spacing: -3px; color: #626464; } 
.swiper-slide .slide_txt .slide_tit h1 { font-size: 130px; letter-spacing: -3px; line-height: 0.9; } 
.swiper-slide .slide_txt .slide_tit h1 span { font-size: 130px; letter-spacing: -3px; font-weight: 800; } 
.swiper-slide .slide_p { font-size: 30px; padding-top: 50px; padding-bottom: 50px; } 

/* br태그 */
.br_none { display: none; } 

/* section2 */
.main_page{overflow: hidden;}
.main_page .section2 { color:#274561; text-align: center; padding: 150px 0; } 
.main_page .section2 .section2_txt_box { } 
.main_page .section2 .section2_txt_box h1 { font-size: 72px; font-weight: 800; } 
.main_page .section2 .section2_txt_box .section2_p_box { } 
.main_page .section2 .section2_txt_box .section2_p_box p { font-size: 30px; } 
/* com_section : section3~5 공통*/
.com_section { padding-bottom: 50px; } 
.com_section .main_tit { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; padding-top: 60px; padding-bottom: 60px; position: relative; } 
.com_section .main_tit h2 { font-size: 42px; width: 22%; letter-spacing: 1px; } 
.com_section .main_tit p { font-size: 30px; color: #274561; width: 54%; } 

.about_box_img { padding-bottom: 30px; } 
.about_box_img img { box-shadow: 1px 3px 7px 1px #00000052; width: 100%; } 
/* section3 */
.main_page .section3 { position: relative; } 
.main_page .section3::before { content: ''; display: block; width: 100%; height: 1600px; position: absolute; top: -100px; left: 0; background:url(../img/main_bg_1.png) no-repeat center top; background-size: cover; } 
.main_page .section3::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: -100px; left: 0; background:url(../img/main_bg_2.png) no-repeat center top; background-size: cover; z-index: -1; } 

.main_page .section3 .section3_btn { display: block; width: 200px; height: 72px; margin: 0 auto; overflow: unset; margin-top: 40px; position: relative; z-index: 2;} 
.main_page .section3 .section3_btn a { background-color: var(--main-color); border: 1px solid var(--main-color); color:#fff; transition: all 0.4s; } 
.main_page .section3 .section3_btn a:hover { box-shadow: 3px 4px 7px 2px #26262666; } 
/* section4 */
.main_page .section4 { position: relative; } 
.main_page .section4::before { content: ''; display: block; width: 100%; height: 1600px; position: absolute; top: -100px; left: 0; background:url(../img/main_bg_3.png) no-repeat center top; background-size: cover; } 
.main_page .section4 .section4_item { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; padding-bottom: 70px; position: relative; justify-content: space-between; } 
.main_page .section4 .section4_item .service_box_img { width: 47%; } 
.main_page .section4 .section4_item .service_box_img img { box-shadow: 6px 6px 5px #ddd; } 
.main_page .section4 .section4_item .img_info { width: 47%; font-size: 24px; } 
.main_page .section4 .section4_item .img_info.right { text-align: right; } 
.main_page .section4 .section4_item .img_info ul li { padding-bottom: 6px; } 
.main_page .section4 .section4_item:nth-child(1):after { content: ''; display: block; width: 60%; height: 2px; background: #ddd; position: absolute; top: 17%; right: 0; } 
.main_page .section4 .section4_item:nth-child(2):after { content: ''; display: block; width: 60%; height: 2px; background: #ddd; position: absolute; top: 17%; left: 0; } 

/* section5 */
.main_page .section5 { padding-bottom: 100px; } 
.main_page .section5 .main_tit .more { position: absolute; bottom: 10%; right: 0; font-size: 20px; } 
.main_page .section5 .section5_works_box { display: flex; position: relative; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } 
.main_page .section5 .section5_works_box .works_list { } 
.main_page .section5 .section5_works_box .works_list>h3 { font-size: 22px; padding-top: 16px; } 

.main_page .section5 .section5_works_box .works_list .works_img_box { position: relative; overflow: hidden; } 
.main_page .section5 .section5_works_box .works_list .works_img_box:hover .overlay { opacity: 1; } 
.main_page .section5 .section5_works_box .works_list .works_img_box .overlay { opacity: 0; position: absolute; top: 0; width: 100%; height: 100%; background-color: #000000b0; transition: all .4s; } 
.main_page .section5 .section5_works_box .works_list .works_img_box .overlay .overlay_txt { padding: 30px; color: #f4f4f4; } 
.main_page .section5 .section5_works_box .works_list .works_img_box .overlay .overlay_txt h3 { font-size: 22px; padding-bottom: 30px; } 
.main_page .section5 .section5_works_box .works_list .works_img_box .overlay .overlay_txt ul { font-size: 16px; color: #c5c5c5; } 
.main_page .section5 .section5_works_box .works_list .works_img_box .overlay .overlay_txt ul li { } 
.main_page .section5 .section5_works_box .works_list .works_img_box .overlay .overlay_txt ul .overlay_more { margin-top: 30px; color: #fff; font-size: 16px; display: inline-block; position: relative; } 
.main_page .section5 .section5_works_box .works_list .works_img_box .overlay .overlay_txt ul .overlay_more::after { content:''; display: inline-block; position: relative; top: 2px; right: -3px; background: url(../img/btn_top.gif) no-repeat; width: 13px; height: 17px; transform: rotate(90deg); } 
.main_page .section5 .section5_works_box .works_list .works_img_box img { display: block; } 

/* section6 */
.main_page .section6 { display: flex; flex-direction: row; flex-wrap: wrap; height: 350px; color: #fff; } 
.main_page .section6 .section6_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.main_page .section6 .section6_wrap .txt_box { } 
.main_page .section6 .section6_wrap .txt_box h2 { font-size: 28px; padding-bottom: 30px; } 
.main_page .section6 .section6_wrap .txt_box p { font-size: 16px; padding-bottom: 5px; } 
.section6_more_btn { margin-top: 30px; } 
.section6_more_btn a { font-size: 14px; border-radius: 0; } 

.seciton6_bg { width: 50%; position: relative; background-size: cover; } 
.main_page .section6 .news { background: url(../img/main_news.jpg) center center no-repeat; } 
.main_page .section6 .inquiry { background: url(../img/main_inquiry.jpg) center center no-repeat; } 

@media (max-width: 1300px) { } 
@media (max-width: 1080px){
 .swiper-slide .slide_txt { left: 10%; } 
 .swiper-slide .slide_txt .slide_tit h1 span { font-size: 100px; } 
 .swiper-slide .slide_txt .slide_tit h1 { font-size: 100px; } 
 .swiper-slide .slide_p { font-size: 24px; padding-top: 40px; padding-bottom: 40px; } 
 .main_page .section2 .section2_txt_box h1 { font-size: 60px; } 
 .main_page .section2 .section2_txt_box .section2_p_box p { font-size: 24px; } 
 .com_section .main_tit h2 { font-size: 32px; } 
 .com_section .main_tit p { font-size: 24px; } 
 .main_page .section4 .section4_item .service_box_img img { width: 100%; } 
 .main_page .section4 .section4_item .img_info { font-size: 20px; } 
 .main_page .section5 .section5_works_box .works_list { width: 24%; } 
 .main_page .section5 .section5_works_box .works_list>h3 { font-size: 17px; } 
 .main_page .section5 .section5_works_box .works_list .works_img_box img { transform: translateX(-12%); } 
 .main_page .section6 .section6_wrap .txt_box p { word-break: keep-all; } 
}
@media (max-width: 800px){
 .sider_1 { background-image: url(../img/main_visual_1_m.jpg); } 
 .sider_2 { background-image: url(../img/main_visual_1_m.jpg); } 
 .sider_3 { background-image: url(../img/main_visual_1_m.jpg); } 

 .main_page .section2 .section2_txt_box h1 { font-size: 48px; } 
 .main_page .section2 .section2_txt_box .section2_p_box p { font-size: 19px; } 
 .com_section .main_tit h2 { font-size: 24px; width: 24%; } 
 .com_section .main_tit p { font-size: 20px; width: 70%; } 
 .main_page .section4 .section4_item .img_info { font-size: 17px; } 
 .main_page .section4 .section4_item:nth-child(2):after ,.main_page .section4 .section4_item:nth-child(1):after { top: 20%; } 
 .main_page .section5 .section5_works_box .works_list .works_img_box img { width: 100%; transform: translate(0); } 
 .main_page .section5 .section5_works_box .works_list>h3 { font-size: 14px; word-break: keep-all; } 
 .main_page .section5 .section5_works_box .works_list .works_img_box .overlay .overlay_txt { padding: 9px; } 
 
 .main_page .section5 .section5_works_box .works_list .works_img_box .overlay .overlay_txt ul { font-size: 13px; } 
 .main_page .section5 .section5_works_box .works_list .works_img_box .overlay .overlay_txt ul .overlay_more { font-size: 13px; } 
 .main_page .section5 .section5_works_box .works_list .works_img_box .overlay .overlay_txt ul .overlay_more::after { width: 10px; background-size: contain; top: 4px; } 
 .seciton6_bg { } 
 .main_page .section6 .section6_wrap .txt_box h2 { font-size: 24px; } 
 .main_page .section6 .section6_wrap { width: 80%; } 
 .section6_more_btn a { padding:20px 63px 20px 26px; } 
 }
 @media (max-width: 480px) { 
   .swiper-slide .slide_txt .slide_tit h2{
      font-size: 20px;
      letter-spacing: -1px;
  }
   .swiper-slide .slide_txt .slide_tit h1{
      font-size: 59px;
  }
   .swiper-slide .slide_txt .slide_tit h1 span{
      font-size: 60px;
      padding-right: 2%;
  }
   .swiper-slide .slide_p{
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
   }
   .main_page .section2{padding: 80px 0;}
   .main_page .section2 .section2_txt_box h1 {font-size: 30px;padding-bottom: 10px;} 
   .main_page .section2 .section2_txt_box .section2_p_box p {font-size: 14px;word-break: keep-all;width: 90%;margin: 0 auto;} 
 .com_section .main_tit{
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

   .com_section .main_tit h2 {font-size: 16px;width: 33%;text-align: center;} 
   .com_section .main_tit p {font-size: 16px;width: 60%;word-break: keep-all;text-align: left;} 
   .main_page .section2 .section2_txt_box .section2_p_box p br{display: none;}
 .main_page .section3 .section3_btn{
    width: 160px;
    margin-top: 20px;
}
 .main_page .section4 .section4_item{
    display: flex;
    flex-direction: row;
    padding-bottom: 40px;
}
 .main_page .section4 .section4_item .service_box_img{
    width: 63%;
}
 .main_page .section4 .section4_item:nth-child(1) .img_info{
    padding-left: 9px;
    word-break: keep-all;
}
 .main_page .section4 .section4_item:nth-child(2) .img_info{
  padding-right: 9px;
  word-break: keep-all
 }
   .main_page .section4 .section4_item .img_info {font-size: 14px;width: 35%;} 
   .main_page .section4 .section4_item:nth-child(2):after ,.main_page .section4 .section4_item:nth-child(1):after {
    top: 25px;
    width: 44%;
} 
  .main_page .section5 .main_tit .more{font-size: 14px;}
 .main_page .section5 .section5_works_box{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
 .main_page .section5 .section5_works_box .works_list{width: 48%;}
   .main_page .section5 .section5_works_box .works_list .works_img_box img { width: 100%; transform: translate(0); } 
   .main_page .section5 .section5_works_box .works_list>h3 {font-size: 14px;word-break: keep-all;padding-top: 4px;padding-bottom: 20px;text-align: center;} 
   .main_page .section5 .section5_works_box .works_list .works_img_box .overlay .overlay_txt { padding: 9px; } 
   
   .main_page .section5 .section5_works_box .works_list .works_img_box .overlay .overlay_txt ul { font-size: 13px; } 
   .main_page .section5 .section5_works_box .works_list .works_img_box .overlay .overlay_txt ul .overlay_more { font-size: 13px; } 
   .main_page .section5 .section5_works_box .works_list .works_img_box .overlay .overlay_txt ul .overlay_more::after { width: 10px; background-size: contain; top: 4px; } 
 .main_page .section6{height: 500px;}  
 .seciton6_bg {width: 100%;} 
 .main_page .section6 .section6_wrap .txt_box p{
    font-size: 13px;
}
   .main_page .section6 .section6_wrap .txt_box h2 {font-size: 19px;padding-bottom: 15px;} 
   .main_page .section6 .section6_wrap { width: 80%; } 
  .section6_more_btn{margin-top: 15px;}
 .section6_more_btn a::after{
    right: 15px;
}
   .section6_more_btn a {padding: 12px 44px 12px 12px;} 
}