@font-face { font-family: 'GmarketSans'; font-weight: 100; font-style: normal; src:url('/contents/fonts/GmarketSansLight.woff') format('woff'); font-display: swap; }
 @font-face { font-family: 'GmarketSans'; font-weight: 300; font-style: normal; src:url('/contents/fonts/GmarketSansMedium.woff') format('woff'); font-display: swap; }
 @font-face { font-family: 'GmarketSans'; font-weight: 400; font-style: normal; src:url('/contents/fonts/GmarketSansBold.woff') format('woff'); font-display: swap; }
 .inner{width:1298px;height:100%;margin:0 auto;}
 .inner::after{content:'';display:block;clear:both;}
  h2.tit{font-family:'GmarketSans',sans-serif;font-size:40px;font-weight:400;color:#2c67b2;}
 h2.tit + .sub{font-size:19px;font-weight: 300;color:#5b5b5b;}
  i[class^='ic_']{display:block;background-image:url(/images/life/common/life_sp.png?build_20251114001);background-repeat:no-repeat;}
 .ic_online{width:103px;height:63px;background-position:0 -365px;}
 .ic_violence{width:99px;height:89px;background-position:-127px -355px;}
 .ic_human{width:94px;height:88px;background-position:-249px -355px;}
 .ic_individ{width:79px;height:65px;background-position:0 -264px;}
 .ic_mental{width:61px;height:58px;background-position:-108px -265px;}
 .ic_group{width:67px;height:52px;background-position:-202px -262px;}
 .ic_apply{width:55px;height:54px;background-position:-299px -263px;}
 .ic_locate{width:172px;height:234px;background-position:0 0;}
 .ic_time{width:189px;height:189px;background-position:-202px 0;}
 .ic_arrow{width:34px;height:14px;background-position:-316px -466px;}
 .ic_arrow_white{width:96px;height:12px;background-position:0 -463px;}
 .ic_arrow_blue{width:96px;height:12px;background-position:-131px -463px;}
  .tit_box{float:left;padding-right:9%;box-sizing:border-box;}
 .tit_box h2.tit + .sub{line-height:1.4;margin-top:34px;}
 .tit_box .btn_more{display:block;font-size:21px;font-weight:500;color:#2c67b2;margin-top:42px;}
 .tit_box .btn_more i{display:inline-block;margin-left:85px;}
 .tit_box .btn_more:hover i{animation:arrowBig ease-in-out 0.2s;}
 @keyframes arrowBig{ 0%{ transform:translateX(0); }
 50%{ transform:translateX(-10px); }
 100%{ transform:translateX(0); }
 }
  .tab_box{position:relative;clear:both;}
 .tab_box .tab .btn{position:absolute;top:-48px;right:0;display:block;width:210px;height:48px;font-size:16px;line-height:46px;text-align:center;color:#5b5b5b;border:1px solid #c9c9c9;background:#fff;}
 .tab_box .tab.on .btn{color:#fff;background:#2c67b2;}
 .tab_box .tab.notice .btn{right:210px;border-right:0;}
 .tab_box .tab .btn .tit{width:100%;height:100%;line-height:46px;}
 .tab_box .tab .btn .state{position:absolute;top:0;left:0;z-index:-1;text-indent:-9999em;}
  .swiper{width:100%;height:100%;overflow:hidden;}
 .swiper-wrapper{height:100%;}
 .swiper_control{width:fit-content;height:60px;margin:45px auto 0;}
 .swiper_control *{float:left;width:60px;height:60px;border:1px solid #c9c9c9;border-radius:100%;background-image:url(/images/life/common/life_sp.png?build_20251114001);background-repeat:no-repeat;margin-left:15px;text-indent:-9999em;cursor:pointer;}
 .swiper_control .btn_prev{background-position:-132px -197px;}
 .swiper_control .btn_prev:hover{animation:prev ease-in-out 0.3s;}
 .swiper_control .btn_next{background-position:-309px -199px;}
 .swiper_control .btn_next:hover{animation:next ease-in-out 0.3s;}
 .swiper_control .btn_more{background-position:-221px -199px;}
 @keyframes prev{ 0%{ background-position-x:-132px; }
 50%{ background-position-x:-127px; }
 100%{ background-position-x:-132px; }
 }
 @keyframes next{ 0%{ background-position-x:-309px; }
 50%{ background-position-x:-314px; }
 100%{ background-position-x:-309px; }
 }
  .main *{line-height:1;}
 .main_vis{position:relative;width:100%;min-width:1298px;height:587px;background:linear-gradient(to right,#0078fa,#75d999);overflow:hidden;}
 .main_vis::before{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:calc(100% + 20px);background:url(/images/life/main/vis_bg.png?build_20251114001) no-repeat center;animation:updown 1.2s ease-in-out;}
 .main_vis .tit{position:relative;top:50%;transform:translateY(-50%);width:fit-content;font-family:'GmarketSans',sans-serif;font-size:28px;font-weight:500;text-align:center;color:#fff;animation:updowntx 1.2s ease-in-out;z-index:1;}
 .main_vis .tit b{display:block;font-size:58px;font-weight:400;letter-spacing:-1px;line-height:1;text-shadow:3px 3px 10px rgba(21,21,21,.3);margin-bottom:35px;}
 .main_vis .tit span em{font-weight:400;}
 @keyframes updown{ 0%{ transform:translatey(20px); }
 100%{ transform:translatey(0); }
 }
 @keyframes updowntx{ 0%{ transform:translatey(0); }
 100%{ transform:translatey(-50%); }
 }
 .main_online{background:#d4eef7;padding:25px 0;}
 .main_online ul{display:flex;}
 .main_online ul li{position:relative;flex:1;border-left:1px solid #c9c9c9;padding:30px 3.8% 20px;box-sizing:border-box;}
 .main_online ul li:first-child{border:0;}
 .main_online ul li .tit{font-family:'GmarketSans',sans-serif;font-size:25px;font-weight:400;color:#2c67b2;}
 .main_online ul li .sub{font-size:16px;font-weight:500;color:#2c67b2;margin-top:15px;}
 .main_online ul li .sub i{position:initial;display:inline-block;width:34px;vertical-align:middle;margin:0 0 0 10px;}
 .main_online ul li a:hover .sub i{animation:arrow ease-in-out 0.2s;}
 .main_online ul li a > p + i{position:absolute;top:50%;right:6.8%;transform:translateY(-50%);}
 @keyframes arrow{ 0%{ transform:translateX(0); }
 50%{ transform:translateX(-5px); }
 100%{ transform:translateX(0); }
 }
 .main_notice{position:relative;padding:96px 0 75px;overflow:hidden;}
 .main_notice::before, .main_notice::after{position:absolute;content:'';display:block;background-image:url(/images/life/main/contents_bg.png?build_20251114001);background-repeat:no-repeat;z-index:-1;}
 .main_notice::before{top:147px;left:-420px;width:811px;height:136px;background-position:0 0;animation:updown 1s infinite ease-in-out alternate;}
 .main_notice::after{bottom:-80px;right:-95px;width:492px;height:312px;background-position:-160px -808px;animation:updown 1.4s infinite ease-in-out alternate;}
 .main_notice h2.tit{float:left;}
 .main_notice h2.tit + .sub{float:left;;margin:13px 0 0 30px;}
 .main_notice .swiper{padding-top:55px;}
 .main_notice .swiper .swiper-slide{position:relative;;border-radius:20px;border:1px solid #eee;background:#fff;box-shadow:3px 3px 9px rgba(45,132,197,.1);padding:55px 2%;box-sizing:border-box;}
 .main_notice .swiper .swiper-slide::before{position:absolute;top:0;left:0;content:'';display:block;width:100%;height:100%;border-radius:20px;border:3px solid #2c67b2;box-sizing:border-box;opacity:0;}
 .main_notice .swiper .swiper-slide:hover{box-shadow:none;}
 .main_notice .swiper .swiper-slide:hover::before{opacity:1;transition:opacity .2s;}
 .main_notice .swiper .swiper-slide a{position:relative;z-index:1;}
 .main_notice .swiper .swiper-slide .tit{height:50px;font-size:19px;font-weight:400;line-height:1.3;color:#181818;white-space:normal;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
 .main_notice .swiper .swiper-slide .sub{height:45px;font-size:17px;font-weight: 300;line-height:1.3;color:#666;margin-top:30px;white-space:normal;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
 .main_notice .swiper .swiper-slide .date{font-size:17px;font-weight: 300;color:#a5a5a5;margin-top:45px;}
 .main_counsel{position:relative;height:456px;background:linear-gradient(to right,#75c57f 40%,#232615 60%);overflow-x:hidden;}
 .main_counsel .inner{z-index:1;}
 .main_counsel .tit_box{position:relative;width:35%;height:100%;padding-top:135px;}
 .main_counsel .tit_box::before{position:absolute;top:0;right:0;content:'';display:block;width:200%;height:100%;background:linear-gradient(to right,#75c57f 30%,#2b8fd0 90%);z-index:-1;}
 .main_counsel .tit_box .tit, .main_counsel .tit_box .sub, .main_counsel .tit_box .btn_more{color:#fff;}
 .main_counsel .counsel_box{position:relative;float:left;width:65%;height:100%}
 .main_counsel .counsel_box::before{position:absolute;top:0;left:0;content:'';display:block;width:200%;height:100%;background:url(/images/life/main/counsel_bg.png?build_20251114001) no-repeat top left;z-index:-1;}
 .main_counsel .counsel_box li{float:left;width:50%;height:50%;font-size:16px;text-align:center;border-top:1px solid #a29d9a;border-right:1px solid #fff;box-sizing:border-box;}
 .main_counsel .counsel_box li *{line-height:1.3;color:#fff}
 .main_counsel .counsel_box li a{display:block;width:100%;height:100%;padding-top:30px;box-sizing:border-box;}
 .main_counsel .counsel_box li a:hover{background:rgba(0,0,0,.5);transition:all .2s;}
 .main_counsel .counsel_box li a:hover .tit{color:#47a4ba;transition:all .2s;}
 .main_counsel .counsel_box li i{height:65px;margin:0 auto;}
 .main_counsel .counsel_box li i.ic_individ{transform:translateX(20px)}
 .main_counsel .counsel_box li .tit{font-size:19px;font-weight:400;margin:15px 0;}
 .main_intro{position:relative;padding:88px 0;}
 .main_intro::before{position:absolute;top:-290px;left:-158px;content:'';display:block;width:612px;height:612px;background:url(/images/life/main/contents_bg.png?build_20251114001) no-repeat -101px -166px;animation:updown 1.6s infinite ease-in-out alternate;z-index:-1;}
 .main_intro .tit_box{width:35%;padding-top:35px;}
 .main_intro .intro_box{float:left;width:65%;}
 .main_intro .intro_box li{position:relative;float:left;width:calc(50% - 6px);background:#eee;padding:52px 3.16% 48px;box-sizing:border-box;margin-left:12px;overflow:hidden;}
 .main_intro .intro_box li:first-child{margin-left:0;}
 .main_intro .intro_box li .tit{font-size:24px;font-weight:400;color:#2c67b2;}
 .main_intro .intro_box li .sub{font-size:21px;color:#3f3f3f;margin-top:18px;}
 .main_intro .intro_box li .exp{position:relative;display:block;width:100%;height:60px;font-size:18px;line-height:60px;text-align:center;border-radius:10px;box-sizing:border-box;margin-top:36px;z-index:1;}
 .main_intro .intro_box li.tel::after{position:absolute;top:65px;right:-25px;content:'';display:block;width:172px;height:234px;background:url(/images/life/common/life_sp.png?build_20251114001) no-repeat 0 0;}
 .main_intro .intro_box li.tel .exp{color:#fff;background:#2c67b2;}
 .main_intro .intro_box li.tel .exp:hover{box-shadow:5px 4px 8px rgba(0,76,133,.2);transition:all .3s;}
 .main_intro .intro_box li.time::after{position:absolute;top:68px;right:-40px;content:'';display:block;width:189px;height:189px;background:url(/images/life/common/life_sp.png?build_20251114001) no-repeat -202px 0;}
 .main_intro .intro_box li.time .exp{color:#2c67b2;border:1px solid #2c67b2;background:#fff;}