@charset "utf-8";
/**************** HR ****************/
.y_hr_mtit{font-size: 2.2em; color: #000; font-weight: 600; text-align: center; padding-bottom: 3%;}
.y_hr_msub{font-size: 1.25em; color: #000; text-align: center; padding-bottom: 2%; margin: 0 auto; max-width: 90%;} 
.tit_bold{font-weight: 600;}
.y_hr_list{max-width: 94%; margin: 0 auto; padding-top: 5%;  padding-bottom: 1%;}
.y_hr_list ul{display: flex; flex-direction: row; border-bottom: 1px solid #999;}
.y_hr_list ul li{width: 20%; text-align: center; padding-bottom: 1%;}
.y_hr_list ul li.line_on{border-bottom: 2px solid #2d2c4e;}
.y_hr_list ul li a{font-size: 1.2em;}
.y_hr_list ul li a.on{font-weight: 600;}
.y_box1{background: url(../images/sub/n_hr/hr01-bg1.png) no-repeat; background-size: cover;}
.y_box1 ul{display: flex; justify-content: space-evenly; flex-direction: row; max-width: 1300px; margin: 0 auto;}
.y_box1 ul li{text-align: center; width: 25%;}
.y_box1 ul li:first-child .y_min_box span{padding: 12% 0;}
.y_box1 ul li:nth-child(2) .y_min_box span{padding: 7% 0;}
.y_box1 ul li:last-child .y_min_box span{padding: 5% 0;}
.y_box1 ul li:last-child .y_min_box span h6{margin: 0; display: contents;}
.y_min_box{background: #fff; border-radius: 5px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 5px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 5px 4px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 5px 4px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 5px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 5px 4px rgba(0, 0, 0, 0.1);
margin: 50px 0; height: 360px;}
.y_min_box .y_s_bold{font-weight: 600; padding: 5% 0 10%; color: #2d2c4e;}
.y_min_box img{width: 70px;}
.y_min_box .y_bold{font-size: 1.4em; font-weight: 600;}
.y_min_box span{line-height: 1.5;}
.y_list4{max-width: 93%; margin: 0 auto;}
.y_list4 .sub_tit{font-size: 1.6em; font-weight: 700; border-bottom: 1px solid #2d2c4e; padding-bottom: 1%;}
.y_list4 ul li div{display: flex; flex-direction: row; justify-content:flex-start; align-items: center;}
.y_list4 ul li{border-bottom: 1px solid #ddd; padding: 2% 4% 2% 1%;}
.y_list4 ul li div .y_num{font-weight: 600; font-size: 1.3em; line-height: 1.7; width: 40%;}
.y_list4 ul li div span{font-size:1.18em;}
.y_num p{color: #999;}
.arrow_down{padding-top: 5%; padding-bottom: 5%;}
.y_row{max-width: 94%; margin: 0 auto;}
.y_row .y_tit{text-align: center; font-size: 1.5em; font-weight: 600; padding-bottom: 2%; color: #2d2c4e;}
.y_row .y_s_txt{text-align: center; font-size: 1.18em;}
.y_row .e_symbol{text-align: center; margin: 0 auto; display: block; width: 40px; padding: 3% 0;}
.y_row .y_m_txt{text-align: center; font-size: 1.5em; font-weight: 600;}
.y_zigzag ul li.zz_con{padding: 5% 2%;}
.zz_box{display: flex; align-items: center; flex-direction: row; justify-content: space-around;}
.zz_box img{width: 46%;}
.zz_box ul{width: 40%;}
.zz_box ul li{line-height: 1.5; font-size: 1.18em;}
.zz_box ul li.zz_tit{font-weight: 600; font-size: 1.3em; padding-bottom: 3%; color: #2d2c4e;}
.zz_tit p{font-size: 16px;}

.y_sum{background: url(../images/sub/n_hr/hr01-f-bg1.png) no-repeat; background-size: cover;}
.y_f_tit{text-align: center; color: #fff; font-size: 2em; font-weight: 600; padding: 25% 0 3%;}
.y_sum_more{color: #fff; border: 1px solid #fff; padding: 1% 3%; border-radius: 7px; display: table; margin: 0 auto;}
.y_sum_more span{color: #fff; font-size: 1.2em;}
.pb5{padding: 2% 0;}


/**************** HR - 노동사건대리****************/
.y_box2{background: url(../images/sub/n_hr/hr02-bg1.png) no-repeat; background-size: cover;}
.y_box2 .inner{max-width: 1300px; margin: 0 auto;}
.y_box2 .inner ul{display: flex; }
.y_box2 .inner ul li{width: 45%; background-color: #fff; display: flex;} 
.hr_icon{width: 80%; display: block; margin: 0 auto; max-width: 1300px;}
.zz_box ul li.zz_sub{line-height: 1.2;}
.y_step{max-width: 1300px; margin: 0 auto;}
.y_hr02_bg{padding: 5% 0;}
.y_step02{width: 92%; margin: 0 auto; display: block;}

/**************** HR - HR컨설팅****************/
.hr03_pro ul{display: flex; max-width: 1300px; margin: 0 auto;}
.hr03_pro ul li a img{display: block; width: 94%; margin: 0 auto;}
.y_step3{max-width: 1300px; margin: 0 auto; padding-top: 7%;}
.y_step3 .tit_bold{text-align: center; font-size: 1.5em;}
.y_box3{background: url(../images/sub/n_hr/hr03-bg2.png) no-repeat; background-size: cover;}
.y_box3 .inner p{font-size: 1.8em; font-weight: 600; text-align: center; padding-top: 6%;}

.y_box4 .inner{max-width: 1300px; margin: 0 auto;}
.y_box4 .inner .tit_bold_c{text-align: center;font-size: 1.4em; font-weight: 600;}
.y_box4 .inner .tit_bold_c .y_sub{font-weight: 400;}
.hr3_cox{ margin-top: 2%; margin-bottom: 5%;}
.hr3_cox ul{max-width: 1000px; margin: 0 auto; border-top: 1px solid #2d2c4e;}
.hr3_cox ul li{display: flex; flex-direction: row; justify-content: space-between; border-bottom: 1px solid #ddd; align-items: center;}
.hr3_cox ul li .inner3{padding: 2% 1%; width: 50%;}
.hr3_cox ul li .inner3 .tit_bold{font-size: 1.2em; padding-bottom: 2%;}
.hr3_cox ul li .inner3 span{font-size: 1.1em; line-height: 1.3;}

/**************** HR - 내부조사대행***************/

.y_box5{background: url(../images/sub/n_hr/hr04-bg1.png) no-repeat; background-size: cover;}
.y_box5 .inner{max-width: 1280px; margin: 0 auto;}
.y_box5 .inner ul.row{width: 94%; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-around; flex-wrap: nowrap; padding: 5% 0;}
.y_box5 .inner ul li{width: 40%; background-color: #fff; border-radius: 10px;}
.y_box5 .inner ul li .inner_box{text-align: center;}
.y_box5 .inner ul li .inner_box p{font-size: 1.3em; font-weight: 600; padding: 5% 0; background:#2d2c4e; color: #fff; border-radius: 10px 10px 0 0;}
.y_box5 .inner ul li .inner_box ul{padding: 2% 0;}
.y_box5 .inner ul li .inner_box ul li{line-height: 2; font-size: 1.2em; width: 100%;}

/**************** HR - 노사관계***************/

.y_box6{background: url(../images/sub/n_hr/hr05-bg1.png) no-repeat; background-size: cover;}
.y_sum .y_s_txt{color: #fff; text-align: center; font-size: 1.1em; padding-bottom: 2%;}

/**************** HR - 강의***************/
.y_box7{background: url(../images/sub/n_hr/hr06-bg1.png) no-repeat; background-size: cover;}


/**************** 산재 - 과로성***************/
.ys_box1{background: url(../images/sub/n_ac/s01-bg2.png) no-repeat; background-size: cover;}
.ys_sum{background: url(../images/sub/n_ac/01-f-bg1.png) no-repeat; background-size: cover;}
.ys_sum .y_f_tit{padding: 18% 0 3%;}
.ys_content1{width: 100%; padding: 2% 0 6%;}
.ys_content1 .inner{max-width: 1100px; margin: 0 auto;}
.ys1{width: 100%;}
.ys1 ul{display: flex; flex-wrap:wrap; flex-direction:row;}
.ys1 ul li{width: 33%;}
.ys1 p{text-align: center;}
.ys2{max-width: 90%; margin: 0 auto;}
.ys_box1{background: url(../images/sub/n_ac/s01-bg3.png) no-repeat; background-size: cover;}
.ys_box1 .inner{max-width: 1100px; margin: 0 auto;}
.y_bg{background-color: #ddd; }
.ys_sub{text-align: center; font-size: 1.3em; font-weight: 500;}
.ys_tit{text-align: center; font-size: 1.6em; font-weight: 700;}
.ys_content2 .inner h2{text-align: center;}
.ys_content2 .inner{max-width: 1100px; margin: 0 auto;}
.pb10{padding: 4% 0;}
.m_line{width: 20px; height: 3px; margin: 0 auto; background-color: #2d2c4e; margin-bottom: 3%;}
.h_line{width: 2px; height: 50px; margin: 0 auto; background-color: #2d2c4e;} 
.bold{font-weight: bold;}
.ys2 .pd{padding: 1% 0;}
.ys_sub2{font-size: 1.4em; text-align: center; font-weight: 500;}
.ys_tit2{text-align: center; font-size: 1.6em; font-weight: 600;}
.y_table{display: flex; max-width: 1100px; margin: 0 auto; justify-content: space-between;}
.table_inner{width: 82%;}
.swiper {
      width: 100%;
      height: 100%;
      max-width: 1280px;
      margin: 0 auto;
      overflow: hidden;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 90%;
      height: 100%;
      object-fit: cover;
    }

.y_box1-6{background: url(../images/sub/n_ac/s06-bg1.png) no-repeat; background-size: cover; padding-bottom: 5%;}    
.y_tit2{font-size: 2em; text-align: center; font-weight: 700;}
.sum_inner{max-width: 1280px; margin: 0 auto; padding: 5% 0 2% 1%;}
.sum_inner p{font-size: 2em; font-weight: 700; line-height: 1.8;}
.sum_inner h3{font-size: 1.2em;}
.ys_nc_t{max-width: 1280px; margin: 0 auto; font-size: 1em; font-weight: 400; padding: 2% 1% 5%;}

.ac_story{padding: 2% 0 8% 0;}
.ac_story .inner {
    max-width: 1100px;
    margin: 0 auto;
}
.ac_story .inner .ac_area ul{display: flex; justify-content:space-between;}
.ac_story .inner .ac_area ul li{height: 300px; width: 32%; border: 1px solid #ddd; margin-bottom: 2%; background: #ffffff94;}
.ac_story .inner .ac_area ul li.bo_no{border: 0px; background: transparent;}
.story_num{font-size: 2em; font-weight: 600; color: #2d2c4e; padding-bottom: 5%; display: block;}
.story_tit{font-size: 1.6em; font-weight: 500;}
.ac_story .inner .ac_area ul li a{padding: 8%;}

/**************** 산재 - 난청***************/
.ys_box2{background: url(../images/sub/n_ac/s02-bg2.png) no-repeat; background-size: cover;}
.ys_box2 .inner{max-width: 1100px; margin: 0 auto;}
.ys2box{display: flex; max-width: 1100px; margin: 0 auto;}
.ys2box li img{width: 90%; display: block; margin: 0 auto;}
.ys_sub .bold{text-align: center;}
.ys_box3{background: url(../images/sub/n_ac/s02-bg3.png) no-repeat; background-size: cover;}
.ys3{max-width: 1100px; margin: 0 auto;}
.ys_tit3{text-align: center; font-size: 2em; font-weight: 700; padding-bottom: 3%;}
.ys2 ul li.pd{max-width: 1080px; margin: 0 auto;}
.ys_sub3{font-size: 1.6em; text-align: left; font-weight: 600; padding: 0 1% 0 0;}

/**************** 산재 - 근골격계**************/
.ys03{width: 90%; margin: 0 auto;}
.y_nc_box3 .inner p.ys_nc_t2{font-size: 1.2em; font-weight: 400; padding: 2% 0 5%;}
.y_nc_box3 .inner p{font-size: 1.8em; font-weight: 600; text-align: center; padding-top: 6%;}
.ys_sub_m{margin: 0 auto; width: 94%; font-size: 1.6em; font-weight: 600;}
.ys_box4{background-image: linear-gradient(to top, /*#f1f1f182*/#fcf9f5d6, #fff);}
.mw94{display: block; max-width: 80%; margin: 0 auto;}
.na_03_inner{display: flex;}
.zz94{max-width: 94%; margin: 0 auto;}
.y_nc_box3{background: url(../images/sub/n_hr/hr01-bg1.png) no-repeat; background-size: cover; padding: 1% 0 10%;}

.story_sub{font-size: 16px;}
.ac_area_sub{font-size: 1.8em; font-weight: 600; padding-bottom: 2%;}

/**************** 산재 - 직업성 암**************/
.y_tit3{font-size: 2em; text-align: left; font-weight: 700; margin: 0 auto; max-width: 90%; padding: 0 0 2% 0;}
.y_nc_box4{background: url(../images/sub/n_hr/hr06-bg1.png) no-repeat; background-size: cover; padding: 4% 0 5%;}
.y_nc_box4_inner{background-color: #ffffffa1; font-size: 1.4em; padding: 3% 3% 3%; border-radius: 10px;}
.y_sub3{font-size: 1.6em; font-weight: 600; line-height: 2;}
.y_table2{display: flex; max-width: 1280px; margin: 0 auto; justify-content: space-between;}
.y_list4_1{max-width: 90%; margin: 0 auto;}
.y_list4_1 .sub_tit {font-size: 1.6em; font-weight: 700; border-bottom: 1px solid #2d2c4e; padding-bottom: 1%;}
.y_nc_box4-1{background: url(../images/sub/n_ac/s04-bg2.png) no-repeat; background-size: cover; padding: 12% 0 5%; position: relative; z-index: -1; top: -100px;}

/**************** 산재 - 진폐**************/
.n_ac_btn{width: 40%; margin: 0 auto;}
.n_ac_btn ul{display: flex; justify-content: space-between;}
.n_ac_btn ul li.ybtn_on{background: #2d2c4e; color: #fff;}
.n_ac_btn ul li.ybtn_on a{font-weight: 600;}
.n_ac_btn ul li{border-radius: 5px; border:1px solid #2d2c4e; width: 48%; padding: 4%; text-align: center; margin-left:1%;}
.n_ac_btn ul li a{font-size: 1.3em;}
.ytxt_bb{font-size: 2em; text-align: left; font-weight: 700; margin: 0 auto; max-width: 1200px; padding: 2% 0 1%;}
.ytxt_inner{max-width: 94%; margin: 0 auto;}
.ytxt_inner_t{font-size: 1.2em; padding: 1%; max-width: 1200px; margin: 0 auto;}
.y_tit4{font-size: 2em; color: #2d2c4e; text-align: center; font-weight:600; padding: 0 0 3% 0;}
.ylist5_txtbox{max-width: 1200px; margin: 0 auto; border-top: 2px solid #2d2c4e;}
.ylist5_txtbox ul li{border-bottom: 1px solid #eee; padding: 2% 1%;}
.ylist5_txtbox ul li h6{padding: 1% 0; margin: 0; font-size: 0.9em; font-weight: 400; color: #666;}
.ys_box5{background: url(../images/sub/n_ac/s05-bg8.png) no-repeat; background-size: cover; }
.h6{margin: 0; text-align: center; font-size: 1.2em; font-weight: 400;}
.y_s_txt{text-align: center; font-size: 1.2em; padding-top: 3%; max-width: 1200px; margin: 0 auto;}
.ytxt_inner_t2{font-size: 1.2em; margin: 0 auto; max-width: 1200px; padding: 1%;}

.ykind5{max-width: 1200px; margin: 0 auto;}
.yh2{text-align: center; font-size: 1.3em; font-weight: 500;}
.ys_sub4{text-align: left; font-size: 1.2em;}
.ys_sub5{text-align: left; font-size: 1.4em; font-weight: 600;}
.pb3{padding: 1% 0;}
.ylist5_2_box{max-width: 1200px; margin: 0 auto;}
.ylist5_2_box ul{display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap;}
.ylist5_2_box ul li{width: 90%; margin: 1%;}
.ylist5_2_box ul li span{font-size: 1.2em;}
.ylist5_2_box ul li h3{font-size: 1.5em; font-weight: 600; line-height: 2;}
.ysubline{height: 2px; width: 100%; background-color: #2d2c4e; max-width: 1200px; margin: 0 auto;}
.ykind5_bg{max-width: 1200px; margin: 0 auto;}
.m80{width: 100%; max-width: none; margin: 0 auto;}
.step100{text-align: center;}

.h4{padding-top: 5%;}
.y_tit5-1{font-size: 1.5em;}
/**************** 자살***************/
#Accordion_wrap{max-width: 1200px; margin: 0 auto;}
.max20{max-width: 1200px; margin: 0 auto;}
.y_m_txt_r{font-size: 2em;font-weight: 600; color: #2d2c4e;}

.que:first-child{
    border-top: 1px solid black;
  }
  
.que{
  position: relative;
  padding: 17px 0;
  cursor: pointer;
  font-size: 18px;
  border-bottom: 1px solid #dddddd;
  
}
  
.que::before{
  display: inline-block;
  content: 'Q';
  font-size: 14px;
  color: #2d2c4e;
  margin: 0 5px;
}

.que.on>span{
  font-weight: bold;
  color: #2d2c4e; 
  font-size: 18px;
}
  
.anw {
  display: none;
    overflow: hidden;
  font-size: 18px;
  background-color: #f4f4f2;
  padding: 27px 10px;
}
  
.anw::before {
  display: inline-block;
  content: 'A';
  font-size: 14px;
  font-weight: bold;
  color: #666;
  margin: 0 5px;
}

.arrow-wrap {
  position: absolute;
  top:50%; right: 10px;
  transform: translate(0, -50%);
}

.que .arrow-top {
  display: none;
}
.que .arrow-bottom {
  display: block;
}
.que.on .arrow-bottom {
  display: none;
}
.que.on .arrow-top {
  display: block; 
}

/**************** 공무원 ***************/
.ylist5_txtbox ul li strong{font-weight: 600; font-size: 1.3em; display: block; border-bottom: 1px solid; line-height: 3; margin: 0 0 1% 0;}
.h5{font-size: 1.3em;
    font-weight: 400;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 2%;
  }
.ys_sub3_s{font-size: 1.2em; font-weight: 400;}
/**************** 메인 ***************/
.main-business-wrapper li a .bg_box{background-size: cover!important; background-repeat: no-repeat;}
.main-business-wrapper li a .tit span{bottom:auto!important; color: #2d2c4e!important; font-weight: 600!important;}
.main-business-wrapper li a .tit{height: 60%!important;}
.main-business-wrapper li a .tit img{max-width: 60px; display: inline-block; padding: 0 0 3% 0;}
.tit h2{font-size: 20px; color: #999;}

.main-business-wrapper li{width: 33.333333%;}

.main_submit{margin:0 auto; border-radius: 15px; width: 94%; margin-bottom: 7%; margin-top: 2%;}
.main_yline{width: 50px;
    height: 4px;
    background: #fff;
    margin: 7% 0;}
.submit_wrap .sub_tit .tit{font-size: 2em!important;}
.submit_wrap .sub_tit .en_tit{font-size: 1.2em!important;}
.submit_wrap .submit_list{flex: 1 1 50%!important;}


.main_tit .icon.white:before{display: none;}
.ynbtn{padding: 2% 0; border: 0; border-radius: 5px; margin: 3% 0 0; opacity: 0.7; color: #000; font-size: 20px; font-weight: 600;}
.submit_wrap .submit_from{padding: 2.5% 0 0;}

.visualSlide_wrap .slogan{transform: translateY(50%)!important;}

#ymain-tit{width: 94%; margin: 0 auto;}
#ymain-tit p{font-size: 2em; font-weight: bold;}
#ymain-tit h2{font-size: 20px; color: #999;}

.main-business-wrapper li a:before{background: none;}
.main-business-wrapper li.on a .bg_box:before { opacity: 0.2!important; } 

.main-business-wrapper li a .txt_box{opacity: 0; bottom: 124px; left: 0; padding-left: 0; padding-right: 0; width: 100%; box-sizing: border-box; z-index: 2;
    text-align: center;}

.main-business-wrapper ul:hover li.on {width: 440px; } 

.main-business-wrapper li a .txt_box img{display: inline-block; max-width: 60px; padding: 0 0 4.2% 0;}
.main-business-wrapper li a .txt_box dt{color: #000;}


.ym_on{display: none;}
@media screen and (max-width:1400px){
  .visualSlide_wrap .slogan{transform:translateY(60%)!important;}
  .visualSlide_wrap .slogan .t1{font-size: 1.5em;}
  /*.visualSlide_wrap .slogan .t2{font-size: 3.8em;}*/
  .story_num{font-size: 1.8em;}
  .story_tit{font-size: 1.5em;}
}

@media screen and (max-width:1280px){
  .swiper{max-width: 90%;}
  .y_step{max-width: 90%;}
  .y_hr_msub{margin: 0 auto; max-width: 90%;}
  .ys_nc_t{max-width: 90%;}
  .y_list4{max-width: 100%;}
  .y_list4 .sub_tit{margin: 0 auto;}
  .sum_inner{max-width: 90%;}
  .ys1{max-width: 90%; margin: 0 auto;}
  .ys2 ul li.pd{max-width: 94%;}
  .y_table{max-width: 90%;}
  .ys_box1 .inner{max-width: 90%;}
  .y_hr_mtit{font-size: 2em;}
  .ys2box{max-width: 90%;}
  .ys2box li img{width: 100%;}
  .ys_box2 .inner{max-width: 90%;}
  .ys_box2 .inner p br.mbr{display: none;}
  .y_nc_box3 .inner{max-width: 90%; margin: 0 auto;}
  .y_table2{max-width: 90%;}
  .ytxt_bb{max-width: 90%;}
  .ytxt_inner_t{width: 90%; margin: 0 auto;}
  .ylist5_txtbox{max-width: 90%;}
  .y_s_txt{margin: 0 auto; max-width: 90%;}
  #Accordion_wrap{max-width: 90%;}
  .ykind5_bg{max-width: 90%;}
  .ylist5_2_box{max-width: 90%;}
  .ysubline{max-width: 90%;}
  .y_list4 .list_disa{max-width: 90%; margin: 0 auto;}
  .h5{font-size: 1.1em; max-width: 90%; padding: 2% 0;}
  .ymin_table{padding: 2% 0;}
  .y_list90{max-width: 90%;}
  .ac_story .inner {max-width: 90%;}
  .story_num{font-size: 1.5em;}
  .story_tit{font-size: 1.3em;}
}

@media screen and (max-width:1024px){
  .y_list4 ul li div span{font-size: 1em;}
  .y_list4 ul li div .y_num{font-size: 1.1em;}
  .zz_box ul li{font-size: 1em;}
  .y_sum_more{border: 0.5px solid #fff; border-radius:4px;}
  .y_min_box{height: 350px;}
  .y_min_box .y_s_bold{padding: 9% 0 10%;}
  .y_box5 .inner ul li .inner_box ul li{font-size: 1.1em; line-height: 1.5;}
  .y_box5 .inner ul li .inner_box p{font-size: 1.2em;}
  .y_tit2{font-size: 1.6em; text-align: center; font-weight: 700;}
  .sum_inner p{font-size: 1.8em;}
  .ys_sub_m{width: 88%;}
  .y_nc_box3 .inner p{font-size: 1.4em;}
  .y_nc_box3 .inner p.ys_nc_t2{font-size: 1.1em;}
  .ys_sub3_s{font-size: 16px;}
  .max20{max-width: 90%;}
  .ac_area_sub{font-size: 1.6em;}
  
}

@media screen and (max-width:800px){
  .visualSlide_wrap .slogan{transform:translateY(90%)!important;}
  .visualSlide_wrap .slogan .t1{font-size: 1.3em;}
  .visualSlide_wrap .slogan .t2{font-size: 3em;}
  /*.main-business-wrapper ul{flex-wrap:wrap;}*/
  .main-business-wrapper li{width: 50%;}
  .submit_wrap{gap: 1em;}
  .main_yline{margin: 3% 0;}
  .main-business-wrapper ul:hover li.on {width:50%; } 
  .y_hr_list ul li a{font-size: 1em;}
  .y_hr_mtit{font-size: 1.6em;}
  .y_hr_msub{font-size: 1.1em;}
  .y_min_box img{width: 50px;}
  .y_min_box .y_bold{font-size: 1.2em;}
  .y_min_box span{font-size: 0.9em;}
  .y_min_box{height: 310px;}
  .y_row .y_tit{font-size: 1.3em;}
  .y_row .y_s_txt{font-size: 1em;}
  .y_row .e_symbol{width: 30px;}
  .y_row .y_m_txt{font-size: 1.3em;}
  .zz_box ul li{font-size: 0.9em;}
  .y_sum_more span{font-size: 1em;}
  [class*=" xi-"], [class^=xi-], .xi{font-size: inherit;}
  .y_f_tit{font-size: 1.3em;}
  .y_step3 .tit_bold{font-size: 1.2em; padding: 3% 0 0;}
  .y_box3 .inner p{font-size: 1.5em;}
  .y_box4 .inner .tit_bold_c{font-size: 1.2em;}
  .hr3_cox ul li .inner3 span{font-size: 1em;}
  .hr3_cox ul li .inner3 .tit_bold{font-size: 1em;}
  .y_list4 ul li div .y_num{font-size: 1.3em;}
  .y_list4 ul li div span{font-size: 1.2em;}
  .zz_br br{display: none;}

  .y_sum .y_s_txt{font-size:1em;}
  .y_tit2{font-size: 1.4em;}
  .y_list4 .sub_tit{font-size: 1.4em;}
  .sum_inner p{font-size: 1.4em;}
  .sum_inner h3{font-size: 1em;}
  .sum_inner{padding: 8% 0 4% 2%;}
  .ys_nc_t{font-size: 0.8em;}
  .ys_tit{font-size: 1.3em;}
  .ys_sub{font-size: 1.1em;}
  .ys_sub2{font-size: 1.2em;}
  .ys_tit2{font-size: 1.2em;}
  .ys_sub3{font-size: 1.2em;}
  .ys_content2{max-width: 90%; margin: 0 auto;}
  .ys_tit3{font-size: 1.8em;}
  .y_nc_box4_inner{font-size: 1.1em;}
  .y_tit3{font-size: 1.6em;}
  .y_nc_box4-1{top: -70px;}
  .ytxt_inner_t{font-size: 1em;}
  .ytxt_bb{font-size: 1.6em;}
  .y_tit4{font-size: 1.6em;}
  .ylist5_min_box .y_s_txt{font-size: 1em;}
  .ys_sub4{font-size: 1em;}
  .ys_sub4 br{display: none;}
  .ys_sub5{font-size: 1.2em;}
  .ylist5_2_box ul li h3{font-size: 1.2em;}
  .ylist5_2_box ul li span{font-size: 1em;}
  .ys_sub{max-width: 90%;}
  .ysubline{height: 1px;}
  .ylist5_txtbox ul li strong{line-height: 1.2; padding: 1% 0 2% 0;}
  .y_m_txt_r{font-size: 1.5em;}
  .story_num{font-size: 1.3em;}
  .story_tit{font-size: 1.1em;}
  .ac_story .inner .ac_area ul li{height: 230px;}
  .ac_story .inner .ac_area ul li a{padding: 15% 8%;}
  .story_sub{font-size: 15px;}
  .ac_area_sub{font-size: 1.3em;}
  .ytxt_inner_t2{font-size: 1em;}
  .y_tit5-1{font-size: 1.3em;}
}

@media screen and (max-width:560px){
  .main-business-wrapper li{height: 300px;}
  .main-business-wrapper ul{flex-direction:row;}
  .main-business-wrapper ul:hover li.on { transition: all 0.3s ease-out; height: 300px; } 
  .main-business-wrapper li a .txt_box dt{font-size: 18px;}
  .main-business-wrapper li a .txt_box{bottom:85px;}
  .visualSlide_wrap{height: 55vh;}
  .y_nc_box4-1{top: -40px;}
  .n_ac_btn{width: 90%;}
  .n_ac_btn ul li{min-width: 150px;}
  .ylist5_2_box ul{flex-direction:column;}
  .ylist5_2_box ul li{margin: 0 auto; padding: 1% 0 7%;}
  .ys_sum .y_f_tit{padding: 15% 0 6%;}
  .ac_story .inner .ac_area ul li{height: 200px;}
  .story_sub{font-size: 14px;}
}

@media screen and (max-width:500px){
  .tit h2{font-size: 18px;}
  .main-business-wrapper li{height: 300px;}
  .main-business-wrapper ul{flex-direction:row;}
  .ynbtn{font-size: 16px; padding:4% 0; border-radius: 3px;}
  .main_yline{width: 40px; height: 3px; margin: 5% 0;}
  .visualSlide_wrap{height: 45vh;}
  .visualSlide_wrap{padding-top: 0;}
  .visualSlide_wrap .slogan{transform:translateY(70%)!important;}
  /*.y_hr_list ul li a{font-size: 0.8em;}
  .y_hr_list ul li.line_on{border-bottom: 1px solid #2d2c4e;}
  .y_hr_msub{font-size: 0.9em;}
  .y_min_box span{font-size: 0.9em;}
  .y_min_box{height: 260px;}
  .y_box1 ul li{width: 31%;}
  .y_list4 ul li div span{font-size: 0.9em;}
  .y_list4 ul li div .y_num{font-size: 1em;}*/
  .y_hr_list ul{flex-wrap:wrap;}
  .y_hr_list ul li{width: 48%; border-bottom: 0; padding: 6% 0.75%; border: 1px solid #ddd;}
  .y_hr_list ul li.line_on{background-color: #2d2c4e; color: #fff;}
  .y_hr_list ul{border-bottom: 1px solid #ddd;}
  .y_hr_list ul li a{font-size: 1.2em;}
  .y_hr_msub{font-size: 1.2em;}
  .y_hr_msub br{display: none;}
  .y_box1 ul{flex-direction:column; justify-content:space-evenly; align-items:center;}
  .y_list4 ul li div{flex-direction:column; align-items:flex-start;}
  .y_list4 ul li div span{padding: 1%;}
  .arrow_down{padding-top: 10%;padding-bottom: 7%;}
  .y_row .e_symbol{width: 20px; padding: 6% 0 3%;}
  .zz_box img{width: 100%;}
  .zz_box{align-items: flex-start; justify-content: space-around; flex-wrap: nowrap; flex-direction: column;}
  .zz_box ul li.zz_tit{font-size: 1.3em; padding: 3% 0 1%;}
  .zz_box ul{width: 95%; margin: 0 auto;}
  .y_f_tit{font-size: 1.2em;}
  .y_sum_more span{font-size: 0.8em;}
  .y_zigzag ul li.zz_con:nth-child(2) .zz_box{flex-direction:column-reverse;}
  .y_zigzag ul li.zz_con:nth-child(4) .zz_box{flex-direction:column-reverse;}  
  .y_box1 ul li{width: 60%;}
  .y_box1 ul li:first-child .y_min_box span{padding: 5% 0;}
  .y_min_box .y_s_bold{padding: 7% 0 6%;}
  .y_min_box span{font-size: 1.2em;}
  .y_min_box{height: auto; margin: 20px 0;}
  .zz_box ul li{font-size: 1.2em;}
  .y_box1{background-size: auto;}
  .y_box1 ul li:first-child .y_min_box{height: auto;}
  .y_list4 ul li div .y_num{line-height: 1.5;}
  .y_list4 ul li div .y_num{width: 100%;}
  .y_step3 .tit_bold{font-size: 1.1em;}
  .hr03_pro ul{flex-wrap:wrap;}
  .hr03_pro ul li{width: 50%;}
  .y_box4 .inner .tit_bold_c{font-size: 1.1em;}
  .hr3_cox ul li{align-items: flex-start; flex-direction: column; border-bottom: 0;}
  .hr3_cox ul li .inner3{width: 94%; border-bottom: 1px solid #ddd; margin: 0 auto; padding: 3% 0;}
  .hr3_cox ul li .inner3 .tit_bold{font-size: 1.2em;}
  .hr3_cox ul li .inner3 span{font-size: 1.1em;}
  .y_box4 .inner{width: 94%;}
  .y_row .y_s_txt{font-size: 1.2em;}
  .y_list4 ul li{padding:3% 0;}
  .zz_br br{display: block;}
  .y_box3 .inner p{font-size: 1.3em;}
  .y_box5 .inner ul.row{flex-direction: column; align-items:center;}
  .y_box5 .inner ul.row li.wrap_iybox{margin: 3% 0 8%;}
  .y_box5 .inner ul li{width: 90%;}
  .y_box5 .inner ul li .inner_box p{padding: 4% 0;}
  .y_box5 .inner ul li .inner_box{padding-bottom: 2%;}
  .y_list4 .sub_tit{font-size: 1.2em;}
  .y_zigzag{max-width: 94%; margin: 0 auto;}
  .ys_tit{font-size: 1.2em;}
  .ys_sub{font-size: 1em;}
  .ys1 ul{ flex-wrap: wrap; flex-direction: column; align-items: center;}
  .ys1 ul li{width: 90%;}
  .ys_sub{font-size: 1.2em; margin: 0 auto; max-width: 90%;}
  .ys_tit2{max-width: 90%; margin: 0 auto;}
  .y_table{margin: 0 auto; flex-direction: column; align-items: center; justify-content: space-between;}
  .table_inner{width: 96%; padding-top: 3%; margin: 0 auto;}
  .ys2box{flex-direction:column;}
  .ys2box li img{width: 90%;}
  .ys2box .inner .ys_sub{font-size: 1em;}
  .ys_tit3{font-size: 1.6em;}
  .ys_sub_m{text-align: center;}
  .y_table2{flex-direction:column;}
  .y_nc_box4_inner{font-size: 1em;}
  .y_tit3{font-size: 1.3em;}
  .y_sub3{font-size: 1.3em;}
  .ytxt_bb{font-size: 1.4em;}
  .y_tit4{font-size: 1.4em;}
  .y_hr_mtit{font-size: 1.4em;}
  .ys_sub4{font-size: 0.9em; text-align: center;}
  .ys_sub5{font-size: 1em; text-align: center;}
  .ys_sub3{text-align: center; font-size: 1.3em;}
  .ys_sub3_s{text-align: center; font-size: 14px;}

  .ypc_on{display: none;}
  .ym_on{display: block;}
  .na_03_inner{flex-direction:column;}
  h2.yh2{display: none;}
  .y_list4_1 .sub_tit{padding-bottom: 2%; text-align: center;}
  .step100{max-width: 100%;}
  .main-business-wrapper li a .tit img{max-width: 35px;}
  .main-business-wrapper li.ymain_icon a .tit img{max-width: 31px;}
  .main-business-wrapper li a .tit span{font-size: 14px;}
  .main-business-wrapper li a .tit img{padding: 0 0 10% 0;}
  .story_sub{font-size: 12px;}
  .y_tit5-1{padding-top: 3%;}
}

@media screen and (max-width:450px){
  .y_hr_list ul li{width: 47%; padding: 2% 1.2%;}
  .y_list4 ul li div span br{display: none;}
  .y_sum .y_s_txt{font-size: 0.9em;}
  .ac_story .inner .ac_area ul li{height: 150px;}
}

@media screen and (max-width:400px){
  #ymain-tit h2{font-size: 15px;}
  .visualSlide_wrap{height: 55vh;}
  .visualSlide_wrap .slogan .t2{font-size: 2.8em;}
  .y_box3 .inner p{font-size: 1.1em;}
  .ys_tit3{font-size: 1.4em;}
  .ys_sub{font-size: 1em;}
  .n_ac_btn ul li{min-width: 120px;}
  .main-business-wrapper li a .tit img{max-width: 28px;}
  .main-business-wrapper li a .tit span{font-size: 12px;}
  .main-business-wrapper li a .tit img{padding: 0 0 9% 0;}
  .main-business-wrapper li.ymain_icon a .tit img{max-width: 25px;}
  .ac_story .inner .ac_area ul li{height: 180px;}
}

@media screen and (max-width:355px){
  .y_hr_list ul li{width: 46%; padding: 2% 1.6%;}
}

@media screen and (max-width:320px){
  .main-business-wrapper li a .tit span{font-size: 10px;}
}
@media screen and (min-width:1280px){
  .stepmax{display: block; max-width: 94%; margin: 0 auto;}
}
@media screen and (min-width:1441px){
  .zz_box ul li.zz_tit{font-size: 1.8em;}
  .zz_box ul li{font-size: 1.5em;}
  .y_hr_msub{font-size: 1.6em;}
  .y_hr_mtit{font-size: 3em;}
  .ys_sum .y_f_tit{padding: 10% 0 3%;}
  .ytxt_inner_t2{max-width: 1200px; font-size: 1.5em;}
  .hr_box{max-width: 1400px; margin: 0 auto;}
  .y_list4{max-width: 1300px;}
  .y_nc_box3 .inner p{font-size: 2.5em;}
  .ys_sub2{font-size: 1.8em;}
  .story_tit{font-size: 1.8em;}
  .story_sub{font-size: 22px;}
  .y_sum .y_s_txt{font-size: 1.5em;}
  
}

@media screen and (min-width:2000px){
  .zz_box ul li.zz_tit{font-size: 2.5em;}
  .zz_box ul li{font-size: 2em;}
  .y_hr_msub{font-size: 2em;}
  .y_hr_mtit{font-size: 3.3em;}
}