.emp {background-color: #1d1d29;font-family:Freesentation; }
.emp .hero {background-color: #111119;border-radius: 0 0 150px 150px;width:100%;padding:170px 0;position:relative;overflow:hidden;}
.emp.emp_07 .hero {padding:145px 0;}
.emp .hero_wrapper {display:flex;justify-content: space-between;align-items: center;}
.emp .hero .gif {max-width:40%;transform: scale(1.2);}
.emp .hero .gif_06 {transform: scale(1.4);}
.emp .back_text {position:absolute;z-index:1;font-weight: 900;font-size: 200px;color: rgba(255,255,255,0.01);text-transform:uppercase;}
.emp .back_text.text01 {top:-12%;left:-1%;}
.emp .back_text.text02 {right:10%;bottom:-17%;}
.emp main {display:flex;justify-content: center;flex-wrap:wrap;flex-direction: column;padding-bottom:180px;position:relative;z-index:2;}
.emp main div img {display:block;margin: 0 auto;max-width:100%;}
.emp .div, .emp .img {display:block;margin:0 auto;}

.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt120 {margin-top:120px !important;}
.mt150 {margin-top:150px !important;}

.emp_ser {padding: 140px 0 120px 0 ;background-image: url('/2022/img/employ/emp_06_service_bg.png');background-repeat: no-repeat;background-position: cover; background-size: 100% 100%;}
.emp_ser .cards_wrapper {display:flex;justify-content:space-between;align-items:center;margin-top:70px;}
.emp_ser .cards_wrapper div {position:relative;overflow:hidden;border-radius:30px;width:300px;}
.emp_ser .cards_wrapper.mo_show {display:none}
.emp_cour {padding:115px 0 140px 0;}
.emp_cour .icons_wrapper {display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row;max-width:85%;margin: 0 auto;margin-top:110px;position:relative;}
.emp_cour .icons_wrapper .star {position:absolute;transition: .1s all ease;animation: star 1s .5s infinite;} 
.emp_cour .icons_wrapper .star01 {top: -120px ;left: -100px;} 
.emp_cour .icons_wrapper .star02 {top: -80px ;left:0px;} 
.emp_cour .icons_wrapper .star03 {top: -140px ;right:-100px;animation: star01 2s 1s infinite;} 
.emp_cour .icons_wrapper .star04 {bottom: 0px ;right: -100px;animation: star02 5s .5s infinite;} 
.emp_cour .icons_wrapper .div {transition: .1s all ease;margin-bottom:20px;margin-right:10px;margin-left:10px;cursor:pointer;}
.emp_cour .icons_wrapper .laugh {position:absolute;right:-110px;bottom:140px;}
.emp_cour .icons_wrapper .div.no-click {cursor:auto; }
.emp_cour .icons_wrapper .div:has(img:not(.star)) {animation: icons 4s 1s infinite;}
.emp_cour .icons_wrapper .div:has(img:not(.star)):hover {animation: icons-hover 1s infinite;}
.emp_cour .icons_wrapper.mo_show {display:none;}
.emp .row {display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;}

.emp_05 {background:#ffffff;padding-bottom:150px;font-family:Freesentation;}
.emp_05 .hero {background-image: url('/2022/img/employ/emp_05_hero.png');background-repeat: no-repeat;background-position: center; background-size: 100% 100%;padding:125px 0 130px 0;color:#ffffff;text-align:center;}
.emp_05 h2 {margin-bottom:40px;font-family: Noto Sans CJK;font-size: 40px;font-weight: 700;line-height: 50px;letter-spacing: -3px;}
.emp_05 h3 {font-size: 20px;font-weight: 400;}
.emp_05 h4 {padding: 0 0 30px 0;color: #252525;font-weight:700;font-size:32px;line-height:36px;}
.emp_05 h5 {padding: 75px 0 45px 0;color: #0668b2;font-weight:600;font-size:18px;}
.emp_05 p {font-weight:300;font-size:22px;color:#959595;}
.emp_05 .pgs_wr {width:100%;display:flex;justify-content:space-between;padding-top:60px;}
.emp_05 .pg {width:32%;height:400px;background-repeat: no-repeat;background-position: center; background-size: 100% 100%;border-radius:15px;padding:4% 0 0 3%;}
.emp_05 .pg_01 {background-image: url('/2022/img/employ/emp_05_page01.png');}
.emp_05 .pg_02 {background-image: url('/2022/img/employ/emp_05_page02.png');}
.emp_05 .pg_03 {background-image: url('/2022/img/employ/emp_05_page03.png');}
.emp_05 .pgs_wr h6 {font-weight:600;font-size:25px;color: #ffffff;margin-bottom:5px;line-height: 30px;}
.emp_05 .pgs_wr p {font-weight:400;font-size:20px;color: #ffffff;}
.emp_05 .hash {padding-top:40px;color: #0668b2;font-weight:600;font-size:18px;}
/* .emp_05 .cur_wr {width:100%;display:flex;justify-content:space-between;margin: 20px auto 0 auto;}
.emp_05 .cur {width:24%;height:180px;background-repeat: no-repeat;background-position: center; background-size: 100% 100%;border-radius:15px;display:flex;justify-content:center;align-items: center;}
.emp_05 .cur_01 {background-image: url('/2022/img/employ/emp_05_cur01.png');}
.emp_05 .cur_02 {background-image: url('/2022/img/employ/emp_05_cur02.png');}
.emp_05 .cur_03 {background-image: url('/2022/img/employ/emp_05_cur03.png');}
.emp_05 .cur_04 {background-image: url('/2022/img/employ/emp_05_cur04.png');}
.emp_05 .cur_05 {background-image: url('/2022/img/employ/emp_05_cur05.png');}
.emp_05 .cur_wr h6 {font-weight:700;font-size:18px;text-align:center;color:#ffffff;} */

.emp_07 .row , .emp_08 .row {width:900px;margin: 0 auto;}
.emp_07 .circle02 {margin-top:-37px !important;}
.emp_07 .emp_cour, .emp_08 .emp_cour {background-color: #111119;}

.emp_08 .hero .container01 {max-width:1200px;}
.emp_08 .gif {transform:scale(1.4);}
.emp_08 .boxes_wrap {display: flex;justify-content:space-between;flex-wrap:wrap;flex-direction: row;/* width: 1040px; */width:1000px;}
.emp_08 .boxes_wrap div {width:25%;}
.emp_08 .boxes_wrap img {width: 100%;transform:scale(1.16);}

/* .emp_nav {display:flex;width:100%;justify-content:center;margin: 0 auto;}
.emp_nav a {display:block;text-decoration:none;margin-right:60px;font-size:24px;color: rgba(255,255,255,0.6);position:relative;}
.emp_nav a:last-of-type {margin-right:0px !important;}
.emp_nav a:after {position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);content: '';width:120%;height:1px;background: #8e8e94;}
.emp_nav a:hover, .emp_nav a.on {color:#ffffff;} 
 */

/* .emp_nav {display:flex;width:100%;justify-content:center;margin: 0 auto;}
.emp_nav a {display:block;text-decoration:none;margin-right:60px;font-size:24px;color: rgba(255,255,255,0.6);padding: 10px 20px; border: 1px solid rgba(255,255,255,0.3);border-radius: 44px; position:relative;background-color:transparent;width:220px;text-align:center;}
.emp_nav a:last-of-type {margin-right:0px !important;}
.emp_nav a:hover, .emp_nav a.on {border: 1px solid rgba(255,255,255,0.5);background-color:#111119;color: #daf560;} */

.emp_nav {display:flex;width:100%;justify-content:center;margin: 0 auto;/* background-color: #292934; */  /*  background-color: rgba(0,0,0,0.1); */}
.emp_nav a {display:block;text-decoration:none;margin-right:60px;font-size:20px;color: rgba(17, 17, 25,0.8);padding: 10px 20px;/*  border: 1px solid rgba(255,255,255,0.3);border-radius: 44px; */ position:relative;background-color:transparent;width:220px;text-align:center;transition: 0.5s color ease;}
.emp_nav a:last-of-type {margin-right:0px !important;}
/* .emp_nav a:after {position:absolute;bottom:3px;left:50%;transform:translateX(-50%);content: '';width:120%;height:1px;background: #111119;} */
.emp_nav a:hover,  .emp_nav a.on {font-weight:600;/* color: #daf560; */color: #111119;transition: 0.5s color ease;}
/* .emp_nav a.on {text-shadow: #daf560 1px 0 3px;} */
/* .emp_nav a.on:after {height:2px;background: #111119;} */

/* Shine */
.emp_ser .cards_wrapper div:after {content: "";position: absolute;top: -30%;left: -200%;width: 20%;height: 200%;opacity: 0;transform: rotate(-30deg);background: rgba(255, 255, 255, 0.13);background: linear-gradient( to left, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.3) 92%, rgba(255, 255, 255, 0.00) 100%);animation: shine 2s 1s infinite;box-shadow: rgba(255, 255, 255, 0.3) 0px 7px 29px 0px;}
@keyframes shine {to {opacity: 1;left: 210%;}}
@keyframes star01 {0% {transform: scale(0) rotate(0)} 50% {transform: scale(1) rotate(180deg)} 100% {transform: scale(0) rotate(0)}}
@keyframes star02 {from {transform: scale(0)} to {transform: scale(1.3)}}
@keyframes star {from {transform: rotate(0) scale(0)} to {transform: rotate(180deg) scale(1.3)}}
@keyframes icons {0% {transform: translateX(0)} 50% {transform: translateX(10px)} 100% {transform: translateX(0)}}
@keyframes icons-hover {0% {transform: translate(0, 0) } 50% {transform: translate(0, 10px)} 100% {transform: translate(0, 0) }}

@media(max-width: 1400px) {
	.emp .hero {border-radius: 0 0 100px 100px;}
	.emp .hero_wrapper {padding: 0 15px;}
	.emp_cour .icons_wrapper .star03 {top: -20% ;right:0;width:30px;height:30px;} 
	.emp_cour .icons_wrapper .star04 {bottom: -10%;right: 0;} 
	.emp .hero .gif {transform: scale(1.1);}
	.emp .hero .gif_06 {transform: scale(1.3);}
}

@media(max-width:1200px) {
	.emp_cour .icons_wrapper.pc_show {display:none}
	.emp_cour .icons_wrapper.mo_show {display:block;}
	.emp_cour .icons_wrapper.mo_show .img {width:100%;display:block}
	.emp_cour .icons_wrapper {margin-top:10%;}		
}

@media(max-width: 992px) {
	.emp .hero  {padding: 80px 0x;}
	.emp .hero_wrapper {justify-content:center;}
	.hero .title {/* max-width:80%; */margin:0 auto;}
	.emp .back_text {font-size:100px;}
	.emp .back_text.text02 {bottom: -12%}
	.emp .back_text.text01 {left: -7%}
	.emp_ser .cards_wrapper div {width: 220px}
	.emp main {padding: 0 20px 100px 20px;}
	.emp_cour .icons_wrapper .laugh {right: -30px;bottom: 105px;}
	.emp_08 .boxes_wrap {width:100%;}
	.emp .hero .gif, .emp .hero .gif_06 {transform: unset;}
}

@media(max-width: 900px) {
	.emp_07 .row, .emp_08 .row {width:100%;}
	.emp_07 .row div, .emp_08 .row div {width:49%;}
	.emp_07 .circle02 {width: 67% !important;margin-top:-4% !important;}
	.emp_nav a {font-size:14px;margin-right:2%;padding:10px 10px;width: 38%;}
	.emp_05 main {padding:0 10px;}
}

@media(max-width: 768px) {
	.emp .back_text {font-size:60px;}
	.emp main div img {max-width:90%}
	.emp main div img.sm , .emp img.sm {max-width:70%}
	.emp main div img.ttl {max-width:50%}
	.emp_ser .cards_wrapper div {width:250px;}

	.emp_ser .cards_wrapper.pc_show, .emp_cour .icons_wrapper.pc_show {display:none}
	.emp_ser .cards_wrapper.mo_show {display:flex !important;}
	.emp_ser .cards_wrapper {justify-content:center;flex-direction:column;flex-wrap:wrap;}
	.emp_ser .cards_wrapper div {margin-bottom:30px;}
	.emp_ser .cards_wrapper.mo_show div {width:unset;max-width:90%;}
	.emp_cour .icons_wrapper.mo_show {display:block;}
	.emp_cour .icons_wrapper.mo_show .img {width:100%;display:block}
	.emp_cour .icons_wrapper {margin-top:10%;}
	.emp_07 .row, .emp_08 .row {width:95%;}
	.emp_nav {width:100%}
	
	.emp_05 {background:#ffffff;padding-bottom:15%;font-family:Freesentation;}
	.emp_05 .hero {padding:18% 2% 20%;color:#ffffff;text-align:center;}
	.emp_05 h2 {margin-bottom:4%;font-size: 26px;line-height:34px;letter-spacing: -2px;}
	.emp_05 h3 {font-size: 14px;}
	.emp_05 h4 {font-size:24px;line-height:30px;padding: 0 0 4% 0;}
	.emp_05 h5 {font-weight:600;font-size:14px;padding:15% 0 5% 0;}
	.emp_05 .hash {font-size:14px;}
	.emp_05 p {font-size:14px;}
	.emp_05 .pgs_wr {justify-content:flex-start;flex-wrap:wrap;flex-direction:row;}
	.emp_05 .pg {width:48%;height:220px;padding:4% 0 0 3%;margin: 0 2% 2% 0;}
	.emp_05 .pgs_wr h6 {font-weight:600;font-size:20px;margin-bottom:3%;line-height:26px;}
	.emp_05 .pgs_wr p {font-weight:500;font-size:13px;}
	/* .emp_05 .cur_wr {justify-content:flex-start;flex-wrap:wrap;flex-direction:row;margin: 3% auto 0 auto;}
	.emp_05 .cur {width:33.33%;height:130px;}
	.emp_05 .cur_wr h6 {font-size:14px;} */
	
	.mt40 {margin-top:4% !important;}
	.mt50 {margin-top:5% !important;}
	.mt60 {margin-top:6% !important;}
	.mt70 {margin-top:7% !important;}
	.mt90 {margin-top:9% !important;}
	.mt100 {margin-top:10% !important;}
	.mt120 {margin-top:12% !important;}
	.mt150 {margin-top:15% !important;}
}