@charset "UTF-8";

.mobile_btn{display: flex; align-items: center; gap: 0px 10px;}
.mobile_btn .lang{border: 1px solid #fff; border-radius: 30px; padding: 4px 10px; color: #fff;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #fff}

/* 슬라이드 백그라운드 */
#section0 .slide1{background: url('../img/visual02.png') no-repeat;background-position: center;background-size: cover; }
#section0 .slide2{background: url('../img/visual01.png') no-repeat;background-position: center;background-size: cover; }
#section1 {background: url('../img/back02.png') no-repeat;background-position: center;background-size: cover; padding: 60px 0px;}
#section2 {background: url('../img/back03.png') no-repeat;background-position: center;background-size: cover; padding: 60px 0px;}
/* #section3 {background: url('../img/back03.png') no-repeat;background-position: center;background-size: cover; padding: 60px 0px;} */

.fp-viewing-onepage #header{background: rgba(0, 0, 0, 0.7);}
.fp-viewing-twopage #header{background: rgba(0, 0, 0, 0.7);}
.fp-viewing-threepage #header{background: rgba(0, 0, 0, 0.7);}

#section0 .swiper{height: 100%;}
#section0 .main_text{display: flex; flex-direction: column; align-items: center ; justify-content: center; height: 100%;}
#section0 .main_text h2{text-align: center; font-size: 6.0rem; color: #fff; font-weight: 200; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.6); line-height: 140%; margin-bottom: 10px;}
#section0 .main_text h3{color: #fff; font-size: 3.0rem; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4); font-family: 'SUIT-ExtraLight';}
#section0 .swiper-pagination-bullet{width: 18px; height: 18px; opacity: 1; background: #fff;}
#section0 .swiper-pagination-bullet-active{background: #2741ba;}

.title{text-align: center; margin-bottom: 65px;}
.title h2{color: #fff; font-size: 5.0rem; font-weight: bold;}
.title h3{color: #fff; font-size: 2.0rem; font-family: 'SUIT-Thin';margin-top: 10px;}

.main .box_wrap{display: flex; border: 1px solid #fff;}
.main .box{width: 33.3333%; border-right: 1px solid #fff; text-align: center; padding: 70px 0px;}
.main .box h2{font-size: 3.0rem; font-weight: bold; color: #fff; position: relative; padding-top: 18px; margin-top: 15px;}
.main .box h2::after{content: ''; width: 45px; height: 4px; background: #fff; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto;}
.main .box:nth-child(3){border-right: 0px;}
.main .box a{font-family: 'SUIT-Light'; font-size: 1.4rem; color: #fff;  display: block; width: 105px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #c9c9c9; border-radius: 30px; margin: 0 auto; margin-top: 30px; transition: 0.3s all;}
.main .box a:hover{background: #fff; color: #2741ba;}

#ft{background: #fff; padding: 60px 0px; border-top: 1px solid#c9c9c9;}
#ft .footer{display: flex; align-items: baseline; gap: 30px 4%}
#ft .footer .foot_info_wrap{width: 80%;}
#ft .footer .foot_info_wrap ul{display: flex; gap: 0px 12px; align-items: center;}
#ft .footer .foot_info_wrap li{font-weight: 500; line-height: 150%;}
#ft .footer .foot_info_wrap li span{font-weight: 500; line-height: 150%;}
#ft .footer .foot_info_wrap p{text-align: left; margin-top: 30px; font-weight: 500;;}

.sub_visual .sub_top_text h3{font-size: 8.0rem; font-weight: 800; text-align: right; text-transform: uppercase;}

.sub_nav{position: relative; height: 70px; border-bottom: 1px solid #e3e3e3;}
.sub_nav .width{display: flex; align-items: center; justify-content: space-between; height: 100%;}
.sub_nav .width ul{display: flex; width: 70%; gap: 0px 5%}
.sub_nav .width ul a{font-size: 2.0rem; height: 70px; display: inline-block; line-height: 70px;}
.sub_nav .width ul a.active{font-weight: bold;position: relative;;}
.sub_nav .width ul a.active::after{content: ''; width: 100%; height: 2px; background: var(--color); position: absolute; left: 0; bottom: 0;}
.sub_nav .width .sub_name{width: 30%; background: var(--color); position: relative; height: 100%; display: flex; align-items: center;padding-left: 40px; color: #fff; }
.sub_nav .width .sub_name::after{content: ''; width: 400%; height: 100%; position: absolute; top: 0; left: 0; background: var(--color);}
.sub_nav .width .sub_name span{font-size: 2.0rem; font-weight: 600; position: relative ; z-index: 3;}

.page1 .img{max-width: 1300px; margin: 0 auto;}
.page1 .img img{width: 100%;}

.page2 .eq_wrap{margin-bottom: 110px;}
.page2 .eq_wrap:last-child{margin-bottom: 0px;}
.page2 .eq_wrap h3{font-size: 3.5rem; font-weight: 500; margin-bottom: 40px;}
.page2 .eq_wrap h3 span{font-size: 3.5rem; font-weight: 500; margin-right: 10px; color: var(--color);}
.page2 .eq_wrap .box_wrap{display: flex;flex-wrap: wrap; gap: 80px 2%;}
.page2 .eq_wrap .box{width: 23.5%; text-align: center;}
.page2 .eq_wrap .box img{width: 100%;}
.page2 .eq_wrap .box p{margin-top: 15px; font-size: 1.8rem; color: #6a6a6a; font-weight: 400;}

.page3 h6{text-align: center; font-size: 3.2rem; font-weight: 200; line-height: 140%; margin-bottom: 70px;}
.page3 h6 b{color: var(--color);}
.page3 .box_wrap{display: flex; gap:30px 1.5%;}
.page3 .box{width: 49.4%; position: relative;}
.page3 .box .bimg img{width: 100%;}
.page3 .box .text{position: absolute; bottom: 15px; right: 15px; background: rgba(33, 56, 160, 0.7); padding: 30px 35px; width: 50%;}
.page3 .box .text .h3{display: block; font-size: 3.5rem; color: #fff; font-weight: 500; text-align: right;}
.page3 .box .text .h3 img{margin-right: 6px;}
.page3 .box .text .p{font-size: 2.0rem; color: #fff; text-align: right; margin-top: 10px; display: block;}
.page3 .box .text .h6{display: block; text-align: right;; color: #fff; font-size: 1.4rem; margin-top: 10px; font-family: 'SUIT-SemiBold';}
.page3 .work{margin-top: 100px;}
.page3 .work h3{text-align: center; font-size: 3.5rem; font-weight: bold; color: var(--color); margin-bottom: 45px;}
.page3 .work_wrap{background: #f6f7f9; padding: 35px 10px 35px 10px; display: flex;  flex-wrap: wrap; gap: 10px 0px}
.page3 .work_wrap p{width: 50%; font-size: 2.0rem; color: #282828;}
.page3 .work_wrap span{ font-size: 2.0rem; color: #282828; margin-right: 5px;}
.page3 .reason{margin-top: 100px;}
.page3 .reason h3{text-align: center; font-size: 3.5rem; font-weight: bold; color: var(--color); margin-bottom: 45px;}
.page3 .reason_wrap{background: #f6f7f9; padding: 35px ;}
.page3 .reason_wrap p{font-size: 2.0rem; color: #282828; text-align: center;}

.page4 h5{font-size: 3.5rem; color: var(--color); font-weight: bold; margin-bottom: 40px;}
.page4 .card_wrap{display: flex; gap: 30px 0px; justify-content: space-between;  padding-bottom: 80px; margin-bottom: 80px; border-bottom: 1px solid #d9d9d9;}
.page4 .card_wrap:last-child{padding-bottom: 0px; margin-bottom: 0px; border-bottom: 0px;}
.page4 .card_wrap .card{width: 49%; display: flex; flex-direction: column; justify-content: space-between;}
.page4 .card_wrap .img{width: 46%;}
.page4 .card_wrap .img img{width: 100%;}
.page4 .card_wrap .text_wrap{display: flex; align-items: baseline;}
.page4 .card_wrap .text_wrap span{color: var(--color); font-size: 3.0rem; margin-right: 5px;}
.page4 .card_wrap .text h2{font-size: 2.4rem; color: #282828; font-weight: bold; margin-bottom: 17px;}
.page4 .card_wrap .text p{font-size: 2.0rem; color: #282828; line-height: 145%;}
.page4 .card_wrap .card img{width: 100%; margin-top: 30px;}
.page4 .text_wrap{display: flex; align-items: baseline; }
.page4 .text_wrap span{color: var(--color); font-size: 3.0rem; margin-right: 5px;}
.page4 .card_wrap2 .text_wrap{margin-bottom: 60px;}
.page4 .card_wrap2 .text h2{font-size: 2.4rem; color: #282828; font-weight: bold; margin-bottom: 17px;}
.page4 .card_wrap2 .text p{font-size: 2.0rem; color: #282828; line-height: 145%;}
.page4 .card_wrap2 .card_img{display: flex; gap: 30px 1%;}
.page4 .card_wrap2 .box{width: 24.5%; text-align: center;}
.page4 .card_wrap2 .box img{width: 100%;}
.page4 .card_wrap2 .box h4{font-size: 2.0rem; font-weight: 600; color: #282828; margin-top: 20px;}
.page4 .card_wrap10{flex-wrap: wrap;}
.page4 .card_wrap10 .video{width: 100%}
.page4 .card_wrap10 video{width: 100%}

.page5{padding-bottom: 120px;}
.page5 h6{font-size: 3.5rem; font-weight: bold; color: var(--color); margin-bottom: 30px;}
.page5 .box_wrap{padding-bottom: 110px; border-bottom: 1px solid #d9d9d9; margin-bottom: 100px;}
.page5 .box_wrap:last-child{margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}
.page5 .box_wrap h3{color: #282828; font-weight: 600; font-size: 2.4rem; margin-bottom: 15px;}
.page5 .box_wrap h3 span{font-size: 2.4rem; margin-right: 5px;}
.page5 .box_wrap table{width: 100%; border-top: 2px solid var(--color); border-left: 1px solid #e1e1e1;}
.page5 .box_wrap table th{padding: 15px 0px; font-size: 2.2rem; background: #f6f6f6; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; font-weight: 400;}
.page5 .box_wrap table th:nth-child(1){width: 20%;}
.page5 .box_wrap table th:nth-child(2){width: 20%;}
.page5 .box_wrap table.ta2 th{width: 25%;}
.page5 .box_wrap table td{padding: 15px 0px;  font-size: 2.0rem; text-align: center; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.page5 .box_wrap table .tdbox3{border-bottom: 0px;}
.page5 .box_wrap table .tdbox{display: flex; padding: 15px 25px;}
.page5 .box_wrap table .tdbox2{padding: 15px 25px;}
.page5 .box_wrap table .tdbox p{width: 50%; text-align: left; font-size: 2.0rem; display: flex; gap: 0px 5px;}
.page5 .box_wrap table .tdbox2 p{text-align: left; font-size: 2.0rem;}
.page5 .box_wrap table .tdbox span{font-weight: bold; font-size: 2.0rem;}
.page5 .box_wrap table .tdbox2 span{font-weight: bold; font-size: 2.0rem;}
.page5 .img_wrap{margin-top: 80px; display: flex; gap: 30px 0px; justify-content: space-between;}
.page5 .img_wrap .img{width: 49%; text-align: center;}
.page5 .img_wrap .img img{width: 100%;}
.page5 .img_wrap .img h4{font-size: 2.5rem; font-weight: 400; margin-top: 20px;}
.page5 .img_wrap2{margin-top: 80px; display: flex; gap: 25px 1%; flex-wrap: wrap;}
.page5 .img_wrap2 .img{width: 24.25%; text-align: center;}
.page5 .img_wrap2 .img p{font-size: 1.8rem; margin-top: 10px}
.page5 .img_wrap2 .img img{width: 100%;}

.page5 .img_wrap3{margin-top: 80px; display: flex; gap: 15px 2%; flex-wrap: wrap;}
.page5 .img_wrap3 .img{width: 32%;}
.page5 .img_wrap3 .img img{width: 100%;}

.page6 h6{font-size: 2.5rem; font-weight: 500; margin-bottom: 70px; line-height: 135%;}
.page6 .box_wrap{margin-bottom: 130px;}
.page6 .box_wrap .text h2{font-size: 3.5rem; font-weight: bold; color: var(--color); margin-bottom: 35px;}
.page6 .box_wrap .text p{font-size: 2.0rem; color: #282828; line-height: 135%;}
.page6 .box_wrap .img_wrap{margin-top: 40px; display: flex; justify-content: space-between;}
.page6 .box_wrap .img_wrap span:nth-child(1){width: 35.5%;}
.page6 .box_wrap .img_wrap span{width: 33%;}
.page6 .box_wrap .img_wrap span img{width: 100%;}
.page6 .box_wrap2{display: flex; justify-content: space-between; gap: 30px 0px; margin-bottom: 80px}
.page6 .box_wrap2 .text{width: 50%;}
.page6 .box_wrap2 .text h2{font-size: 3.5rem; font-weight: bold; color: var(--color); margin-bottom: 35px;}
.page6 .box_wrap2 .text p{font-size: 2.0rem; color: #282828; line-height: 135%; margin-bottom: 15px;}
.page6 .box_wrap2 .text p b{font-weight: 600;}
.page6 .box_wrap2 .text img{width: 100%;}
.page6 .box_wrap2 .img{width: 45%;}
.page6 .box_wrap2 .img img{width: 100%;}
.page6 .video video{width: 100%}


.employ h6{text-align: center; font-size: 3.5rem; color: #282828; margin-bottom: 80px;}
.employ .box_wrap{margin-bottom: 140px;}
.employ .box_wrap:last-child{margin-bottom: 0px;}
.employ .box_wrap .bg{width: 100%; height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 100px;}
.employ .box_wrap .bg1{background: url('../img/em1.png') no-repeat; background-size: cover; background-position: center;}
.employ .box_wrap .bg2{background: url('../img/em2.png') no-repeat; background-size: cover; background-position: center;}
.employ .box_wrap .bg3{background: url('../img/em3.png') no-repeat; background-size: cover; background-position: center;}
.employ .box_wrap .bg h4{color: #fff; font-family: 'SUIT-Regular';font-size: 1.8rem; margin-bottom: 5px;}
.employ .box_wrap .bg h3{font-size: 3.5rem; color: #fff; font-weight: bold;}
.employ .card_wrap{max-width: 1200px; margin: 0 auto; display: flex; gap:15px 2%; margin-top: -100px;}
.employ .card_wrap .card{width: 33.33%; text-align: center; border: 1px solid #c2c2c2; background: #fff; padding: 30px 10px 45px 10px;}
.employ .card_wrap .card h2{font-size: 2.8rem; font-weight: bold; margin-top: 15px; margin-bottom: 10px;}
.employ .card_wrap .card p{font-size: 2.0rem; line-height: 140%; letter-spacing: -0.04em;}







@media all and (max-width: 1400px){
  #header .head_menu .logo img{width: 220px;}
  #header .head_login a{font-size: 1.2rem;}
  #header .head_login img{width: 20px;}
  #header .head_login li{padding: 3px 20px;}
  #header .head_menu .main_menu .dept1 > a{font-size: 1.7rem;}
  #header .head_menu .main_menu{width: 75%;}
  #header .head_menu .main_menu .dept1{width: 23%;}
  #header .head_menu .main_menu .dept2 a{font-size: 1.5rem !important;}
}
@media all and (max-width: 1200px){
  #section0 .main_text h2{font-size: 5.0rem;}
  #section0 .main_text h3{font-size: 2.4rem;}
  .title h2{font-size: 4.0rem;}
  .page3 h6{font-size: 2.8rem;}
  .page3 .box .text{width: 70%;}
  .page3 .box .text .h3{font-size: 2.6rem;}
  .page3 .box .text .h3 img{width: 30px;}
  .page3 .box .text .p{font-size: 1.6rem;}
  .page3 .work h3{font-size: 2.8rem;}
  .page3 .work_wrap p{font-size: 1.6rem;}
  .page3 .reason h3{font-size: 2.8rem;}
  .page3 .reason_wrap p{font-size: 1.6rem;}
  .page3 .reason_wrap p br{display: none;}
  .page5 h6{font-size: 2.8rem;}
  .page5 .box_wrap h3{font-size: 2.2rem;}
}
@media all and (max-width: 1024px){
	.main .box img{width: 70px;}
  .main .box h2{font-size: 2.5rem;}
  .main .box h2::after{width: 30px; height: 2px;}
  .main .box{padding: 45px 0px;}
  .title{margin-bottom: 50px;}
  .foot_logo img{width: 220px;}
  #ft .footer .foot_info_wrap ul{flex-direction: column; align-items: flex-start;}
  #ft .footer .foot_info_wrap ul span{display: none;}
  .sub_visual .sub_top_text h3{font-size: 5.0rem;}
  .board_title h2{font-size: 3.4rem;}
  .page4 h5{font-size: 2.8rem;}
  .page4 .card_wrap .text h2{font-size: 2.0rem;}
  .page4 .card_wrap .text_wrap span{font-size: 2.4rem;}
  .page4 .card_wrap .text p{font-size: 1.7rem;}
  .page4 .card_wrap2 .text h2{font-size: 2.0rem;}
  .page4 .text_wrap span{font-size: 2.4rem;}
  .page4 .card_wrap2 .text p{font-size: 1.7rem;}
  .page4 .card_wrap2 .box h4{font-size: 1.8rem;}
  .page5 .box_wrap table th{font-size: 1.8rem;}
  .page5 .box_wrap table td{font-size: 1.8rem;}
  .page5 .box_wrap table .tdbox p, .page5 .box_wrap table .tdbox2 p{font-size: 1.8rem;}
  .page5 .box_wrap table th:nth-child(1){width: 15%;}
  .page5 .box_wrap table th:nth-child(2){width: 15%;}
  .page6 h6{font-size: 2.0rem;}
  .page6 .box_wrap .text h2{font-size: 2.8rem;}
  .page6 .box_wrap .text p{font-size: 1.8rem;}
  .page6 .box_wrap2 .text h2{font-size: 2.8rem;}
  .page6 .box_wrap2 .text p{font-size: 1.8rem;}
  .employ h6{font-size: 2.4rem;}
  .employ .card_wrap .card img{width: 80px;}
  .employ .card_wrap .card h2{font-size: 2.2rem;}
  .employ .card_wrap .card p{font-size: 1.8rem;}
}
@media all and (max-width: 900px){
  .employ .card_wrap{flex-wrap: wrap;}
  .employ .card_wrap .card{width: 49%;}
}
@media all and (max-width: 850px){
  .page3 .box_wrap{flex-direction: column;}
  .page3 .box{width: 100%;}
  .page4 .card_wrap{flex-direction: column;}
  .page4 .card_wrap .card{width: 100%;}
  .page4 .card_wrap .img{width: 100%;}
  .page4 .card_wrap2 .card_img{flex-wrap: wrap;}
  .page4 .card_wrap2 .box{width: 49.4%;}
}
@media all and (max-width: 768px){
  #ft .footer{flex-direction: column; align-items: center;}
  #section0 .main_text h2{font-size: 3.2rem;}
  #section0 .main_text h3{font-size: 1.8rem;}
  .main .box{width: 100%; border-right: 0px; border-bottom: 1px solid #fff;}
  .main .box:nth-child(3){border-bottom: 0px;}
  .main .box_wrap{flex-direction: column;}
  .title h3{font-size: 1.8rem;}
  .greeting_wrap .greeting_text h3{font-size: 2.4rem; margin-top: 35px;}
  .sub_visual .sub_top_text h3{font-size: 3.6rem;}
  .page2 .eq_wrap h3{font-size: 2.8rem;}
  .page2 .eq_wrap .box{width: 49%;}
  .map_wrap .map_company div{flex-direction: column;}
  .map_wrap .map_company div p:first-child{margin-right: 0px; font-size: 1.8rem;}
  .map_wrap .map_company div p{font-size: 1.8rem;}
  .map_wrap .map_company div p a{color: #fff;}
  .map_wrap .map_company{padding: 20px;}
  .page3 .work_wrap{padding: 20px;}
  .page3 h6{font-size: 2.2rem;}
  .page5 .box_wrap .scroll{overflow-x: scroll;}
  .page5 .box_wrap table{width: 720px;}
  .page5 .img_wrap{flex-direction: column;}
  .page5 .img_wrap .img h4{font-size: 2.0rem;}
  .page5 .img_wrap .img{width: 100%;}
  .page5 .img_wrap2 .img{width: 49.4%;}
  .page5 .img_wrap3 .img{width: 100%;}
  .page6 .box_wrap2{flex-direction: column;}
  .page6 .box_wrap2 .text{width: 100%;}
  .page6 .box_wrap2 .img{width: 100%;}
  .employ .card_wrap{margin-top: 15px;}
  .employ .box_wrap .bg{height: 200px; padding-bottom: 0px;}
}
@media all and (max-width: 650px){
  .page3 .work_wrap p{width: 100%;}
}