.header {width: 100%;background: #fff;}
.header .header_inner {max-width: 1440px;height: 100px;padding: 0 20px;margin:0 auto;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;}
.header .header_inner .logo a{display: block;}
.header .header_inner .logo a:before{content:'';display: block;width: 135px;height: 30px;background: url(../images/main/logo.svg) center no-repeat;}
.header .header_inner .nav{display: flex;gap: 50px;}
.header .header_inner .nav .nav_item{font-size: 18px;font-weight: 500;padding: 6px 0 ;}
.header .header_inner .nav .nav_item.is_active{border-bottom: 2px solid #0066FF}
.header .header_inner .btn_menu{display: none;}
.header .header_inner .btn_menu:before{width: 30px;height: 30px;background: url(../images/main/icon_hambuger.svg) center no-repeat;content:'';display: block;}

.header .layer_menu{position: fixed;left: 0;right: 0;top: 0;bottom: 0;visibility: hidden;}
.header .layer_menu .inner{position: absolute;left: 0;top: 0;right: 0; background: #fff;transform: translateY(-100%);transition: all 0.3s ease-in;}
.header .layer_menu:before{content:'';display: block;position:fixed;left: 0;top: 0;right: 0;bottom: 0;background: #000;opacity: 0;width: 100%;transition: all 0.3s ease-in;}
.header .layer_menu.is_open{visibility: hidden;}
.header .layer_menu.is_open .inner{transform: translateY(0);}
.header .layer_menu.is_open:before{opacity: 0.7;}
.header .layer_menu .menu_header{height: 60px;display: flex;justify-content: space-between;align-items: center;padding: 0 15px;}
.header .layer_menu .menu_header .menu_logo:before{content:'';display: block;width: 100px;height: 15px;background: url(../images/main/logo.svg) center/cover no-repeat;}
.header .layer_menu .menu_header .btn_close:before{content:'';display: block;width: 30px;height: 30px;background: url(../images/main/icon_close.svg) center/cover no-repeat;}
.header .layer_menu .menu_nav{display: flex;flex-direction: column;}
.header .layer_menu .menu_nav .nav_item{display: inline-flex;align-items: center;width: 100%;height: 54px;padding: 0 15px;font-size: 15px;font-weight: 500;box-sizing: border-box;}
.header .layer_menu .copyright{padding: 40px 15px 20px;opacity: 0.3;font-size: 12px;font-weight: 500;}


.mo{display: none;}

section .inner{max-width: 1440px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
section img{width: 100%;height: 100%;object-fit: cover;}
.sec .title_box .badge{display: inline-flex; font-size: 18px;font-weight: 600;padding: 6px 14px;border-radius: 19px;border: 1px solid #000;margin-bottom: 20px;}
.sec .title_box .title{font-size: 46px;font-weight: 700;line-height: 1.3;}
.sec .title_box .desc{margin-top: 40px;font-size: 18px;line-height: 1.56;}


.key_visual{height: 630px;background: linear-gradient(90deg, rgba(135,212,255,1) 0%, rgba(3,123,229,1) 100%);}
.key_visual .inner{display: flex;align-items: center;justify-content: space-between;height: 100%;}
.key_visual .box_text .desc{margin-top: 60px;font-size: 22px;font-weight: 500;color: #fff;line-height: 1.54;}
.key_visual .box_img{margin-bottom: -130px;}
.key_visual .box_img img{width: 100%;height: 100%;object-fit: cover;}


.main_sec1 .inner{padding-top: 180px;}
.main_sec1 .story_cont{display: flex;gap: 25px;margin-top: 100px;}
.main_sec1 .story_cont .box_img{height: 530px; border-radius: 10px;overflow: hidden;}

.main_sec2 .inner{padding-top: 250px;}
.main_sec2 .inner .mission_cont{max-width: 1250px; display: flex;align-items: center;margin: 100px auto 0;justify-content: space-between;position: relative;}
.main_sec2 .inner .mission_cont:before{content:'';display: block;height: 10px;position: absolute;left: 60px;right: 93px;top: 50%;border-top:2px dashed #0066FF}
.main_sec2 .inner .mission_cont .box_border{display: flex;background:  url(../images/main/main_sec2_border.svg) center no-repeat;z-index: 1;position: relative;}
.main_sec2 .inner .mission_cont .item_border{width: 350px;height: 350px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;border-radius: 50%;}
.main_sec2 .inner .mission_cont .item_border + .item_border{margin-left: -56px;}
.main_sec2 .inner .mission_cont .item_border .item_title{color: #0066FF;font-size: 25px;font-weight: 600;}
.main_sec2 .inner .mission_cont .item_border .item_desc{margin-top: 20px;font-size: 16px;line-height: 1.5;font-weight: 500;}
.main_sec2 .inner .mission_cont .box_fill{position: relative; border-radius: 50%;background: #0066FF;width: 350px;height: 350px;display: flex;align-items: center;justify-content: center;color: #fff;text-align: center;flex-direction: column;flex: none;}
.main_sec2 .inner .mission_cont .box_fill .fill_logo:before{content:'';display: block;width: 153px;height: 39px;background: url(../images/main/logo_white.svg) center no-repeat;}
.main_sec2 .inner .mission_cont .box_fill .fill_desc{line-height: 1.5;font-size: 16px;font-weight: 500;}
.main_sec2 .inner .mission_cont .box_fill .bg{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.main_sec2 .inner .mission_cont .box_fill .bg svg g g:nth-child(1){animation: ani1 5s ease-in infinite;}
.main_sec2 .inner .mission_cont .box_fill .bg svg g g:nth-child(2){animation: ani2 5s ease-in infinite;}
.main_sec2 .inner .mission_cont .box_fill .bg svg g g:nth-child(3){animation: ani3 5s ease-in infinite;}
.main_sec2 .inner .mission_cont .box_fill .bg svg g g:nth-child(4){animation: ani4 5s ease-in infinite;}
.main_sec2 .inner .mission_cont .box_fill .bg svg g g:nth-child(5){animation: ani5 5s ease-in infinite;}
.main_sec2 .inner .mission_cont .box_fill .bg svg g g:nth-child(6){animation: ani6 5s ease-in infinite;}
.main_sec2 .inner .mission_cont .box_fill .bg svg g g:nth-child(7){animation: ani7 5s ease-in infinite;}
.main_sec2 .inner .mission_cont .box_fill .bg svg g g:nth-child(8){animation: ani8 5s ease-in infinite;}

.main_sec3{padding-top: 250px;}
.main_sec3 .brand_cont{position: relative;margin-top: 80px;}
.main_sec3 .brand_cont .swiper-button-next,.main_sec3 .brand_cont .swiper-button-prev{position: absolute;top: 50%; }
.main_sec3 .brand_cont .swiper-button-next{right: 0;transform: translate(100%, -50%) rotate(-180deg);}
.main_sec3 .brand_cont .swiper-button-prev{left: 0;transform: translate(-100%, -50%);}
.main_sec3 .brand_swiper{overflow: hidden;position: relative;}
.main_sec3 .brand_swiper:before, .main_sec3 .brand_swiper:after{content:'';display: block;position: absolute;width: 150px;height: 100%;top:0;z-index: 10;}
.main_sec3 .brand_swiper:before{left: 0;background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
.main_sec3 .brand_swiper:after{right: 0;background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
.main_sec3 .brand_swiper .swiper-slide{width: 170px;height: 90px;}

.main_sec4{padding-top: 250px;}
.main_sec4 .location_cont{margin-top: 40px;}
.main_sec4 .location_cont .box_map{overflow: hidden;border-radius: 10px;width: 100%;height: 500px;}
.main_sec4 .location_cont .box_map .root_daum_roughmap{width: 100%;height: 100%;}
.main_sec4 .location_cont .box_map .root_daum_roughmap .wrap_controllers{display: none;}
.main_sec4 .location_cont .box_map .root_daum_roughmap .wrap_map{height: 100%;}
.main_sec4 .location_cont .info_map{display: flex;gap:120px;margin-top: 50px;}
.main_sec4 .location_cont .info_map .item{padding-left: 20px;border-left: 3px solid #ECECEC; box-sizing: border-box;}
.main_sec4 .location_cont .info_map .item_title{font-size: 18px;font-weight: 600;}
.main_sec4 .location_cont .info_map .item_desc{margin-top: 15px;font-size: 18px;font-weight: 500;opacity: 0.5;}

.main_sec5{background: #F6F6F6;padding: 80px 0 100px;margin-top: 200px;}
.main_sec5 .title{font-size: 40px;font-weight: 700;}
.main_sec5 .help_cont{display: flex;gap: 30px;margin-top: 40px;}
.main_sec5 .help_cont .item{flex: 1; background: #fff;border-radius: 10px;padding: 36px 30px 31px 30px;box-sizing: border-box;position: relative;}
.main_sec5 .help_cont .item .item_title{font-size: 15px;color: #0066FF;font-weight: 500;}
.main_sec5 .help_cont .item .item_desc{font-size: 30px;font-weight: 700;margin-top: 10px;display: flex;align-items: center;}
.main_sec5 .help_cont .item .sub{font-size: 15px;font-weight: 500;margin-left: 15px;}
.main_sec5 .help_cont .item .box_img{width: 46px;height: 46px;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);}


.footer{background: #000;padding: 50px 0 100px;}
.footer .inner{max-width: 1440px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;display: flex;justify-content: space-between;}
.footer .logo:before{content:'';display: block;width: 143px;height: 37px;background: url(../images/main/logo.svg) center/100% no-repeat;}
.footer .list_corp{margin-top: 30px;display: flex;gap:30px;}
.footer .list_corp .link{font-size: 13px;font-weight: 500;color: #fff;}
.footer .list_info{display: flex;margin-top: 12px;flex-wrap: wrap;max-width: 509px;}
.footer .list_info .item_info{font-size: 13px;color: #fff;opacity: 0.5;display: inline-flex;align-items: center;margin-left: 8px;margin-top: 8px;}
.footer .list_info .item_info + .item_info:before{content:'';display: block;width: 1px;height: 8px;background: #fff;margin-right: 8px;}
.footer .list_info .item_info:nth-child(1),
.footer .list_info .item_info:nth-child(5){margin-left: 0;}
.footer .list_info .item_info:nth-child(5):before{display: none;}
.footer .address{font-size: 12px;color: #fff;opacity: 0.3;margin-top: 15px;}
.footer .box_sns{display: flex;gap:15px;}

/* Sub Common */
.sub_visual{width: 100%;height: 350px;background-repeat: no-repeat;background-size: cover;background-position: center;}


/* Introduce */
.introduce .sub_visual{background-image: url(../images/introduce/visual.jpg);}
.introduce_sec1{padding-top: 80px;}
.introduce_sec1 .info_list{display: grid;grid-template-columns: 470px 1fr;gap: 25px 0;margin-top: 80px;}
.introduce_sec1 .info_item{display: flex;align-items: center;}
.introduce_sec1 .item_title{width: 147px;font-size: 18px;font-weight: 600;}
.introduce_sec1 .item_desc{font-size: 18px;font-weight: 500;opacity: 0.5;line-height: 1.5;}


.introduce_sec2{padding-top: 250px;}
.introduce_sec2 .brand_cont{display: flex; flex-direction: column; align-items: center;justify-content: center;margin-top: 40px; height: 386px;background: url(../images/introduce/introduce_sec2_bg.jpg) center no-repeat;}
.introduce_sec2 .brand_cont .box_img{width: 460px;height: 102px;}
.introduce_sec2 .brand_cont .cont_desc{margin-top: 30px;font-size: 18px;line-height: 1.38;}

.introduce_sec3{padding-top: 250px;}
.introduce_sec3 .inner{display: flex;}
.introduce_sec3 .title_box{width: 420px;}
.introduce_sec3 .timeline_item{display: flex;border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 45px;}
.introduce_sec3 .timeline_item + .timeline_item{margin-top: 40px;}
.introduce_sec3 .timeline_item:last-child{border:0;padding-bottom: 0;}
.introduce_sec3 .item_title{font-size: 22px;font-weight: 600;color: #BFC7D4;display: block;width: 170px;flex:none;}
.introduce_sec3 .dot_item{padding-left: 13px;position: relative;font-size: 18px;line-height: 1.5;}
.introduce_sec3 .dot_item:before{content: '';display: block;width: 3px;height: 3px;border-radius: 50%;background: #000;left: 0;top:7px;position: absolute;}
.introduce_sec3 .dot_item + .dot_item{margin-top: 10px;}

.introduce_sec4{background: #F6F6F6;padding: 80px 0 200px;margin-top: 250px;}
.introduce_sec4 .structure_cont{margin-top: 80px;display: flex;flex-wrap: wrap;gap: 25px;}
.introduce_sec4 .structure_cont .item{min-width: 260px;height: 260px;background: #fff;border-radius: 10px;display: flex;align-items: center;justify-content: center;flex-direction: column;flex: 1;}
.introduce_sec4 .structure_cont .box_img{width: 60px;height: 60px;}
.introduce_sec4 .structure_cont .item_title{margin-top: 20px;font-size: 20px;font-weight: 700;display: block;}
.introduce_sec4 .structure_cont .item_desc{margin-top: 5px;font-size: 15px;font-weight: 500;opacity: 0.5;}

/* Business */
.business .sub_visual{background-image: url(../images/business/visual.jpg);}
.business_sec{padding: 80px 0 150px;} 
.business_sec .inner{display: flex;}
.business_sec .title_box{min-width: 420px;}
.business_sec .business_cont .chanal_title{font-size: 30px;font-weight: 700;display: block;}
.business_sec .business_cont .chanal_desc{font-size: 18px;margin-top: 20px;opacity: 0.5;line-height: 1.5;}
.business_sec .business_cont .item{display: flex;flex-direction: column;margin-top: 80px;}
.business_sec .business_cont .item + .item{margin-top: 60px;}
.business_sec .business_cont .item_title{font-size: 18px;font-weight: 600; margin-bottom: 20px;}
.business_sec .business_cont .list_brand{display: flex;flex-wrap: wrap;gap: 25px;}
.business_sec .business_cont .item_brand{ width: calc((100% / 3) - ((25px * 2) / 3));border-radius: 10px;background: #F6F6F6;display: flex;justify-content: center;align-items: center;padding: 20px 40px;box-sizing: border-box;}
.business_sec + .business_sec{border-top: 1px solid rgba(0,0,0,0.1);padding: 150px 0 200px;}



/* Recuit */
.recruit .sub_visual_text {padding: 80px 0 100px;}
.recruit .sub_visual_text .logo:before{width: 140px;height: 31px;content:'';display: block;background: url(../images/main/logo.svg) center/cover no-repeat;margin-bottom: 10px;}
.recruit .sub_visual_text .inner{max-width: 1440px; padding:0 20px;}
.recruit .sub_visual_text .title{font-size: 46px;font-weight: 700;}
.recruit .sub_visual_text .desc{font-size: 18px;margin-top: 40px;line-height: 1.56;}
.recruit .sub_visual{background-image: url(../images/recruit/visual.jpg);}

.recruit_sec1{padding-top: 180px;}
.recruit_sec1 .benefit_cont{margin-top: 80px;}
.recruit_sec1 .benefit_cont .item{display: flex;gap:100px;}
.recruit_sec1 .benefit_cont .item + .item{margin-top: 200px;}
.recruit_sec1 .benefit_cont .box_img, .recruit_sec1 .benefit_cont .box_text{width: calc(50% - 50px);}
.recruit_sec1 .benefit_cont .box_img{height: 430px;border-radius: 10px;overflow: hidden;}
.recruit_sec1 .benefit_cont .item_title{font-size: 30px;font-weight: 700;}
.recruit_sec1 .benefit_cont .item_desc{font-size: 18px;margin-top: 20px;opacity: 0.5;line-height: 1.56;}
.recruit_sec1 .benefit_cont .list_detail{margin-top: 50px;display: flex;gap:60px;}
.recruit_sec1 .benefit_cont .item_detail{width: 125px;display: flex;flex-direction: column;gap:20px;}
.recruit_sec1 .benefit_cont .box_icon{width: 50px;height: 50px;}
.recruit_sec1 .benefit_cont .item_text{font-size: 15px;line-height: 1.33;}

.recruit_sec2{margin-top: 200px;padding: 80px 0 200px;background: #F6F6F6;}
.recruit_sec2 .career_cont{margin-top: 80px;display: flex;flex-wrap: wrap;gap:25px;}
.recruit_sec2 .career_cont .item{width: calc((100% / 3) - (50px / 3));background: #fff;gap:15px;border-radius: 10px;padding: 130px 25px 40px 30px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: flex-end;position: relative;}
.recruit_sec2 .career_cont .box_icon{position: absolute;top: 30px;right: 30px;width: 60px;height: 60px;}
.recruit_sec2 .career_cont .item_title{font-size: 25px;font-weight: 700;}
.recruit_sec2 .career_cont .item_desc{font-size: 16px;opacity: 0.5;line-height: 1.5;word-break: keep-all;}



@media screen and (max-width: 1024px) {
  .header{background: transparent;}
  .header.sub_header{background: #fff;position: sticky;top: 0;width: 100%;z-index: 10;}
  .header .header_inner,.header .sub_header_inner{height: 60px;padding: 0 15px;}
  .header .header_inner.pc{display: none;}
  .header .header_inner .logo a:before{width: 100px;height: 15px;background-image: url(../images/main/logo_white.svg);}
  .header .header_inner .nav{display: none;}
  .header .header_inner .btn_menu{display: block;}
  .header .layer_menu.is_open{visibility: visible;}
  .header .sub_header_inner{display: flex;align-items: center;border-bottom: 1px solid #D8D8D8;background: #fff;}
  .header .sub_header_inner .btn_prev:before{width: 30px;height: 30px;background: url(../images/common/icon_prev.svg) center/cover no-repeat;content:'';display: block;}
  .header .sub_header_inner .title{margin-left: 5px;font-size: 20px;font-weight: 700;}

  .pc{display: none;}
  .mo{display: block;}
  
  .container.main{margin-top: -60px;}
  section .inner{padding: 0 15px;}
  .sec .title_box .badge{font-size: 12px;padding: 5px 10px;margin-bottom: 10px;}
  .sec .title_box .title{font-size: 22px;}
  .sec .title_box .desc{margin-top: 20px;font-size: 14px;word-break: keep-all;}

  .key_visual{height: 582px;}
  .key_visual .inner{padding: 100px 15px;flex-direction: column;align-items: flex-start;}
  .key_visual .box_text .title{width: 280px;height: 122px;}
  .key_visual .box_text .desc{margin-top: 30px;font-size: 15px;}
  .key_visual .box_img{margin:40px auto 0;max-width: 330px;}

  .main_sec1 .inner{padding-top: 80px;overflow: hidden;}
  .main_sec1 .story_cont{margin: 30px -15px 0;overflow-x: auto;padding: 0 15px;gap:10px}
  .main_sec1 .story_cont::-webkit-scrollbar {display: none;}
  .main_sec1 .story_cont .box_img{width: 225px;height: 264px;flex: none;}

  .main_sec2 .inner .mission_cont{flex-direction: column;margin-top: 40px;}
  .main_sec2 .inner .mission_cont:before{border:0; border-left: 2px dashed #0066FF;height: 100%;left: 50%;top:0;bottom: 0;}
  .main_sec2 .inner .mission_cont .box_border{background: none;flex-direction: column;}
  .main_sec2 .inner .mission_cont .item_border{border: 1px solid #0066FF; width: 190px;height: 190px;background: #fff;}
  .main_sec2 .inner .mission_cont .item_border + .item_border{margin-left: 0;}
  .main_sec2 .inner .mission_cont .item_border .item_title{font-size: 18px;}
  .main_sec2 .inner .mission_cont .item_border .item_desc{margin-top: 10px;font-size: 13px;}
  .main_sec2 .inner .mission_cont .box_fill{width: 190px;height: 190px;margin-top: 80px;}
  .main_sec2 .inner .mission_cont .box_fill .bg{width: 310px;height: 310px;}
  .main_sec2 .inner .mission_cont .box_fill .bg svg{width: 100%;height: 100%;}

  .main_sec3 .brand_cont{margin-top: 30px;}
  .main_sec3 .brand_cont .swiper-button-next, .main_sec3 .brand_cont .swiper-button-prev{display: none;}
  .main_sec3 .brand_swiper:before, .main_sec3 .brand_swiper:after{display: none;}
  .main_sec3 .brand_swiper .swiper-wrapper{flex-wrap: wrap;gap: 30px 35px;justify-content: space-between;}
  .main_sec3 .brand_swiper .swiper-slide{width: 80px;height: 44px;}

  .main_sec4{padding-top: 100px;}
  .main_sec4 .location_cont{margin-top: 20px;}
  .main_sec4 .location_cont .box_map{height: 220px;}
  .main_sec4 .location_cont .info_map{gap:30px;margin-top: 20px;flex-direction: column;}
  .main_sec4 .location_cont .info_map .item{padding-left: 10px;}
  .main_sec4 .location_cont .info_map .item_title{font-size: 15px;}
  .main_sec4 .location_cont .info_map .item_desc{margin-top: 5px;font-size: 15px;}

  .main_sec5{padding: 30px 0 40px;margin-top: 100px;}
  .main_sec5 .title{font-size: 18px;}
  .main_sec5 .help_cont{gap: 10px;margin-top: 20px;flex-direction: column;}
  .main_sec5 .help_cont .item{padding:20px;}
  .main_sec5 .help_cont .item .item_title{font-size: 13px;}
  .main_sec5 .help_cont .item .item_desc{font-size: 20px;margin-top: 5px;flex-direction: column;align-items: flex-start;}
  .main_sec5 .help_cont .item .sub{font-size: 12px;margin: 2px 0 0 ;}
  .main_sec5 .help_cont .item .box_img{width: 30px;height: 30px;right: 20px;}

  .footer{padding: 20px 0 130px;}
  .footer .inner{flex-direction: column;}
  .footer .logo:before{width: 116px;height: 30px;}
  .footer .list_corp{margin-top: 20px;flex-wrap: wrap;gap: 15px 10px}
  .footer .list_info{margin-top: 10px;flex-wrap: wrap;}
  .footer .list_info .item_info{font-size: 12px;margin-left: 5px;margin-top: 5px;}
  .footer .list_info .item_info + .item_info:before{margin-right: 5px;}
  .footer .list_info .item_info:nth-child(6){margin-left: 0;}
  .footer .list_info .item_info:nth-child(1){order: 1;}
  .footer .list_info .item_info:nth-child(2){order: 2;}
  .footer .list_info .item_info:nth-child(3){order: 5;}
  .footer .list_info .item_info:nth-child(4){order: 3;}
  .footer .list_info .item_info:nth-child(5){order: 6;}
  .footer .list_info .item_info:nth-child(6){order: 4;}
  .footer .list_info .item_info:nth-child(6):before{display: none;}
  .footer .box_sns{margin-top: 30px;}


  .sub_visual{height: 150px;}

  .introduce_sec1{padding-top: 40px;}
  .introduce_sec1 .info_list{grid-template-columns: repeat(1, 100%);gap: 15px 0;margin-top: 30px;}
  .introduce_sec1 .info_item{align-items: flex-start;}
  .introduce_sec1 .item_title{width: 145px;font-size: 14px;flex: none;}
  .introduce_sec1 .item_desc{font-size: 14px;}


  .introduce_sec2{padding-top: 100px;}
  .introduce_sec2 .brand_cont{margin-top: 20px; height: 220px;border: 1px solid #DCDCDC;}
  .introduce_sec2 .brand_cont .box_img{width: 180px;height: 40px;}
  .introduce_sec2 .brand_cont .cont_desc{margin-top: 20px;font-size: 13px;text-align: center;}

  .introduce_sec3{padding-top: 100px;}
  .introduce_sec3 .inner{flex-direction: column;}
  .introduce_sec3 .title_box{width: 100%;}
  .introduce_sec3 .timeline_item{flex-direction: column; padding-bottom: 20px;margin-top: 20px;}
  .introduce_sec3 .timeline_item + .timeline_item{margin-top:20px;}
  .introduce_sec3 .timeline_item:last-child{padding-bottom: 0;}
  .introduce_sec3 .item_title{font-size: 20px;width: 100%;}
  .introduce_sec3 .dot_list{margin-top: 10px;}
  .introduce_sec3 .dot_item{font-size: 14px;padding-left: 8px;}
  .introduce_sec3 .dot_item:before{display: block;width: 2px;height: 2px;top: 8px;}

  .introduce_sec4{padding: 40px 0 80px;margin-top: 100px;}
  .introduce_sec4 .structure_cont{margin-top: 30px;gap: 15px;}
  .introduce_sec4 .structure_cont .item{min-width: 260px;height: 165px;min-width: 165px;}
  .introduce_sec4 .structure_cont .box_img{width: 44px;height: 44px;}
  .introduce_sec4 .structure_cont .item_title{margin-top: 15px;font-size: 15px;}
  .introduce_sec4 .structure_cont .item_desc{margin-top: 2px;font-size: 12px;}

  /* Business */
  .business_sec{padding: 40px 0 60px;} 
  .business_sec .inner{flex-direction: column;}
  .business_sec .title_box{min-width: auto;}
  .business_sec .business_cont{margin: 30px -15px 0;padding: 30px 15px 0;border-top: 5px solid rgba(0,0,0,0.05)}
  .business_sec .business_cont .chanal_title{font-size: 18px;}
  .business_sec .business_cont .chanal_desc{font-size: 14px;margin-top: 10px;}
  .business_sec .business_cont .item{margin-top: 40px;}
  .business_sec .business_cont .item + .item{margin-top: 30px;}
  .business_sec .business_cont .item_title{font-size: 15px;margin-bottom: 15px;}
  .business_sec .business_cont .list_brand{gap: 11px;}
  .business_sec .business_cont .item_brand{ width: calc((100% / 2) - (11px / 2));padding: 10px 20px;}
  .business_sec .business_cont .item_brand img{width: 115px;height: 50px;margin: 0 auto;}
  .business_sec + .business_sec{padding: 60px 0 80px;}
  .business_sec + .business_sec .business_cont{border: 0; margin: 0;padding: 0;}

  /* Recruit */
  .recruit .sub_visual_text{padding: 40px 0;}
  .recruit .sub_visual_text .inner{ padding:0 15px;}
  .recruit .sub_visual_text .title{font-size: 22px;}
  .recruit .sub_visual_text .desc{font-size: 14px;margin-top: 20px;}
  .recruit .sub_visual{height: 220px;}

  .recruit_sec1{padding-top: 80px;}
  .recruit_sec1 .benefit_cont{margin-top: 30px;}
  .recruit_sec1 .benefit_cont .item{flex-direction: column;gap:20px;}
  .recruit_sec1 .benefit_cont .item + .item{margin-top: 100px;}
  .recruit_sec1 .benefit_cont .box_img, .recruit_sec1 .benefit_cont .box_text{width: 100%;}
  .recruit_sec1 .benefit_cont .box_img{height: 228px;order: 1;}
  .recruit_sec1 .benefit_cont .box_text{order: 2;}
  .recruit_sec1 .benefit_cont .item_title{font-size: 18px;}
  .recruit_sec1 .benefit_cont .item_desc{font-size: 14px;margin-top: 10px;}
  .recruit_sec1 .benefit_cont .list_detail{margin-top: 30px;gap:10px;}
  .recruit_sec1 .benefit_cont .item_detail{width: calc((100% / 3) - (30px / 3));}
  .recruit_sec1 .benefit_cont .box_icon{width: 36px;height: 36px;}
  .recruit_sec1 .benefit_cont .item_text{font-size: 12px;}

  .recruit_sec2{margin-top: 100px;padding: 40px 0 80px;}
  .recruit_sec2 .career_cont{margin-top: 30px;gap:15px;flex-direction: column;}
  .recruit_sec2 .career_cont .item{width: 100%;gap:10px;padding: 80px 25px 25px 20px;}
  .recruit_sec2 .career_cont .box_icon{top: 20px;right: 20px;width: 44px;height: 44px;}
  .recruit_sec2 .career_cont .item_title{font-size: 18px;}
  .recruit_sec2 .career_cont .item_desc{font-size: 13px; }
}


@keyframes ani1 {
  0%{opacity: 0.3;}
  10%{opacity: 0;}
  20%{opacity: 0.3;}
  30%{opacity: 0.3;}
  40%{opacity: 0.3;}
  50%{opacity: 0.3;}
  60%{opacity: 0.3;}
  70%{opacity: 0.3;}
  80%{opacity: 0.3;}
  90%{opacity: 0.3;}
  100%{opacity: 0.3;}
}

@keyframes ani2 {
  0%{opacity: 0.3;}
  10%{opacity: 0.3;}
  20%{opacity: 0;}
  30%{opacity: 0.3;}
  40%{opacity: 0.3;}
  50%{opacity: 0.3;}
  60%{opacity: 0.3;}
  70%{opacity: 0.3;}
  80%{opacity: 0.3;}
  90%{opacity: 0.3;}
  100%{opacity: 0.3;}
}

@keyframes ani3 {
  0%{opacity: 0.2;}
  10%{opacity: 0.2;}
  20%{opacity: 0.2;}
  30%{opacity: 0;}
  40%{opacity: 0.2;}
  50%{opacity: 0.2;}
  60%{opacity: 0.2;}
  70%{opacity: 0.2;}
  80%{opacity: 0.2;}
  90%{opacity: 0.2;}
  100%{opacity: 0.2;}
}

@keyframes ani4 {
  0%{opacity: 0.2;}
  10%{opacity: 0.2;}
  20%{opacity: 0.2;}
  30%{opacity: 0.2;}
  40%{opacity: 0;}
  50%{opacity: 0.2;}
  60%{opacity: 0.2;}
  70%{opacity: 0.2;}
  80%{opacity: 0.2;}
  90%{opacity: 0.2;}
  100%{opacity: 0.2;}
}

@keyframes ani5 {
  0%{opacity: 0.1;}
  10%{opacity: 0.1;}
  20%{opacity: 0.1;}
  30%{opacity: 0.1;}
  40%{opacity: 0.1;}
  50%{opacity: 0;}
  60%{opacity: 0.1;}
  70%{opacity: 0.1;}
  80%{opacity: 0.1;}
  90%{opacity: 0.1;}
  100%{opacity: 0.1;}
}

@keyframes ani6 {
  0%{opacity: 0.1;}
  10%{opacity: 0.1;}
  20%{opacity: 0.1;}
  30%{opacity: 0.1;}
  40%{opacity: 0.1;}
  50%{opacity: 0.1;}
  60%{opacity: 0;}
  70%{opacity: 0.1;}
  80%{opacity: 0.1;}
  90%{opacity: 0.1;}
  100%{opacity: 0.1;}
}

@keyframes ani7 {
  0%{opacity: 0.1;}
  10%{opacity: 0.1;}
  20%{opacity: 0.1;}
  30%{opacity: 0.1;}
  40%{opacity: 0.1;}
  50%{opacity: 0.1;}
  60%{opacity: 0.1;}
  70%{opacity: 0;}
  80%{opacity: 0.1;}
  90%{opacity: 0.1;}
  100%{opacity: 0.1;}
}

@keyframes ani8 {
  0%{opacity: 0.1;}
  10%{opacity: 0.1;}
  20%{opacity: 0.1;}
  30%{opacity: 0.1;}
  40%{opacity: 0.1;}
  50%{opacity: 0.1;}
  60%{opacity: 0.1;}
  70%{opacity: 0.1;}
  80%{opacity: 0;}
  90%{opacity: 0.1;}
  100%{opacity: 0.1;}
}