.main_container					{padding:100px 0 0 0; overflow:hidden;}
.mVisual .bxslider				{visibility:hidden;}
.mVisual .mvideo_box			{position: relative;width: 100%; aspect-ratio:16/9; padding:0; margin:0; }
.mVisual						{position:relative;}  
.mVisual .item 					{position:relative; height:360px; overflow:hidden;}
.mVisual .bg 					{overflow:hidden; position:absolute; width:100%; height:100%; top:0; left:0; animation:imgScale 3s both; filter: brightness(0.7);} 
.mVisual .text					{position:absolute; width:100%; top:23%; transform:translateY(-50%); color:#fff; z-index:100; animation:slide-up 2s cubic-bezier(.5,.2,0,1) forwards;} 
.mVisual .Btit					{font-family:'Paperlogy'; font-size:1.8em; line-height:1.3; font-weight:800; letter-spacing:.75px; word-break:break-word;}
.mVisual .Stit					{font-family:'Paperlogy'; line-height:1.6; opacity:0.8; margin-top:20px; letter-spacing:.75px; word-break:break-word;}
.mVisual .default				{background:#fff4ec;}
.mVisual .default:after			{content:''; position:absolute; right:0; left:0; bottom:0; width:1300px; height:100%; margin:0 auto; background:url('../img/main/acc_visual.png') no-repeat right bottom;}
.mVisual .default .text 		{color:#111;}

.mBanner						{position:Relative; padding-top:40px; }
.mBanner .item					{margin:0 7px; border-radius:10px; overflow:hidden; position:relative; border:1px solid rgba(0,0,0,0.08);}
.mBanner .item>i				{position:absolute; right:0; bottom:0; background:rgba(0,0,0,0.4); color:#fff; width:30px; line-height:30px; font-size:13px; border-radius:5px 0 0 0; text-align:center;}
.mBanner .slick-list			{padding:10px 0; margin:-10px 0;}
.mBanner .arrow					{position:absolute; top:calc(50% - 30px); width:100%;}
.mBanner .arrow p				{position:absolute; width:30px; height:30px; cursor:pointer;}
.mBanner .arrow p:after			{content:''; display:inline-block; border:solid #d1d1d1; border-width:0 3px 3px 0; padding:7px; margin:10px 0 0 10px;}
.mBanner .arrow p:hover:after	{border-color:#333;}
.mBanner .prev					{left:-40px;}
.mBanner .prev:after			{transform: rotate(135deg);}
.mBanner .next					{right:-40px;}
.mBanner .next:after			{transform: rotate(-45deg);}
.mBanner .item:hover			{transform: translateY(-5px); transition:.4s;}
.mBanner .dots					{margin:5px 0 -5px 0; text-align:center;}
.mBanner .dots li				{display:inline-block; margin:0 3px; cursor:pointer;}
.mBanner .dots li span			{display:inline-block; content:''; width:25px; height:3px; background:#999; opacity:0.3; }
.mBanner .dots li:hover span, .mBanner .dots .slick-active span	{opacity:1;}
.mBanner .dots li:hover		{transform:none;}

.main_container	h2				{font-family:'Paperlogy'; font-size:1.6em; font-weight:700; color:#2a2a2a; letter-spacing:0; margin-bottom:20px;}
.main_container	h2 span			{font-size:14px; text-transform:uppercase; letter-spacing:1px; font-weight:600; margin-left:15px; color:Var(--color1);}
.main_container	h2 .more		{float:right; margin-top:-5px;}
.main_container	h2 .more a		{display:block; width:42px; height:42px; line-height:38px; text-align:center; font-size:18px; border:2px solid #c6c6c6; background:#fff; color:#333; border-radius:10px;}
.main_container	h2 .more:hover a	{color:#fff; background:var(--color1); border-color:var(--color1);}
.main_container	h2 .more:hover i	{transform:rotate(180deg); transition: all 0.2s;}

.mJobOffer						{padding:80px 0;}
.mJobOffer .item				{display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:15px;}
.mJobOffer .item li				{position:Relative; border:3px solid #e6e6e6; padding:30px; min-height:300px; border-radius:20px; transition: all 0.2s;}
.mJobOffer .item .top			{font-size:0.95em; display:flex; justify-content:space-between; gap:10px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.mJobOffer .item .top span		{font-family:'Paperlogy'; color:var(--color1); font-weight:500; letter-spacing:0;}
.mJobOffer .item .title			{height:52px; font-size:1em; font-weight:500; color:#111; line-height:1.45; margin:10px 0 15px 0; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; word-wrap: break-word;}
.mJobOffer .item .info			{display:grid; gap:2px;}
.mJobOffer .item .info p		{color:#666; font-size:0.9em;  overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.mJobOffer .item .info i		{opacity:0.6; float:left; width:20px; padding-top:7px;}
.mJobOffer .item .visa			{margin-top:15px; display:flex; flex-wrap:wrap; gap:5px;}
.mJobOffer .item .visa strong	{width:100%; font-size:0.9em; color:#333; font-weight:500; display:block; margin-bottom:2px;}
.mJobOffer .item .visa span		{background:#eeeef1; color:#666; padding:0 10px; font-size:0.85em; line-height:28px; border-radius:3px;}
.mJobOffer .item .more			{display:none; position:absolute; background:#fff; right:-4px; bottom:-4px; width:45px; height:45px; line-height:40px; border:3px solid var(--color1); color:var(--color1); text-align:center; border-radius:50%;}
.mJobOffer .item li:hover		{background:var(--color1); border-color:var(--color1);}
.mJobOffer .item li:hover .top, .mJobOffer .item li:hover .top span	, .mJobOffer .item li:hover .title, .mJobOffer .item li:hover .info p, .mJobOffer .item li:hover .visa strong	{color:#fff;}
.mJobOffer .item li:hover .visa span	{background:rgba(256,256,256,0.3); color:#fff;}
.mJobOffer .item li:hover .more	{display:block;}
.mJobOffer .item .closed .top span	{color:#777;}
.mJobWanted						{padding-top:0;}
.mJobWanted .item li			{min-height:240px;}

.mCounseling					{padding:80px 0; background:url('../img/main/acc_back.jpg') no-repeat center center; background-size:cover;}
.mCounseling .web_size			{position:relative; padding-right:320px; display:flex; justify-content:space-between; align-items:center; }
.mCounseling .web_size:after	{position:absolute; top:-20%; right:-40px; content:''; display:block; height:300px; width:300px; background:url('../img/main/acc_bn.png') no-repeat center center;}
.mCounseling h2					{font-size:2em; line-height:1.25; color:#fff;}
.mCounseling .lt p				{font-family:'Paperlogy'; font-size:1.2em; opacity:0.9; letter-spacing:0; color:#fff; line-height:1.5;}
.mCounseling ul					{display:grid; grid-template-columns:repeat(2, 1fr); gap:12px;}
.mCounseling ul li				{display:grid; align-items:Center; text-align:center; background:#fff; height:100px; padding:0 40px; border-radius:10px;}
.mCounseling ul li h3			{font-family:'Paperlogy'; font-size:1.3em; color:var(--color1); font-weight:700; margin-bottom:5px; letter-spacing:1px;}
.mCounseling ul li span			{font-family:'Paperlogy'; font-weight:500; letter-spacing:.5px; line-height:1.5; font-size:0.8em; display:block; opacity:0.7; word-break:break-word;}
.mCounseling ul li:hover		{transform: translateY(-5px); transition:.4s; background:Var(--color1);}
.mCounseling ul li:hover h3		{color:#fff;}
.mCounseling ul li:hover span	{color:#fff; opacity:0.8;}

.mBoard							{padding:80px 0;}
.mBoard .web_size				{display:flex; justify-content:space-between; gap:5%;}
.mBoard .web_size>div			{position:relative; flex:1; min-width:0; width:100%;}


@media screen and (max-width:1380px) {
	.mBanner .slick-slider		{padding:0 20px;}
	.mBanner .prev				{left:0;}
	.mBanner .next				{right:3px;}
}
@media screen and (max-width:1280px) {
	.main_container				{padding:130px 0 0 0;}

	.mVisual .text				{padding:0 40px;}
	.mVisual .default:after		{width:90%;}
	.mJobOffer, .mCounseling, .mBoard	{padding:80px 20px;}
	.mJobWanted					{padding:0 20px 80px 20px;}
	.mJobOffer .item			{gap:15px;}
	.mJobOffer .item li			{padding:30px;}
	.mJobOffer .item li:nth-child(7), .mJobOffer .item li:nth-child(8), .mJobWanted .item li:nth-child(4)	{display:none;}
	.mCounseling .web_size		{display:grid; justify-content:center; text-align:Center; gap:20px; padding:0;}
	.mCounseling h2				{margin-bottom:10px;}
	.mCounseling .lt br, .mCounseling ul li span br	{display:none;}
	.mCounseling .web_size:after	{right:20px; width:200px; height:200px; background-size:contain;}
}

@media screen and (max-width:1024px) {
	.main_container				{padding:60px 0 0 0;}
	.mVisual .item				{height:300px;}
	.mVisual .text				{top:15%; padding:0 20px;}
	.mVisual .Btit				{font-size:1.2em;}
	.mVisual .Stit				{font-size:0.85em; margin-top:10px;}
	.mVisual .Stit br			{display:none;}
	.mVisual .default:after		{height:40%; background-size:contain;}

	.mBanner					{padding-top:20px;}
	.mBanner .item				{margin:0 3px;}
	.mBanner img				{width:100%;}
	.mBanner .arrow				{top:calc(50% - 25px);}
	.mBanner .arrow p:after		{padding:5px;}
	.mBanner .dots				{margin:-10px 0 0 0;}
	.mBanner .dots li			{margin:0 2px;}
	.mBanner .dots li span		{width:20px; height:2px;}

	.main_container h2			{position:relative; font-size:1.3em; margin-bottom:12px;}
	.main_container h2 span		{font-size:11px; margin-left:10px;}
	.main_container h2 .more	{margin:0; position:absolute; right:0;  top:0;}
	.main_container h2 .more a	{width:32px; height:32px; line-height:28px; font-size:15px; border-radius:8px;}
	.mJobOffer					{padding:30px 15px;}
	.mJobOffer .item			{gap:10px;}
	.mJobOffer .item li			{padding:15px 20px; min-height:auto;}
	.mJobOffer .item .title		{font-size:1.05em; height:46px; margin:5px 0 10px 0; -webkit-line-clamp:1; height:auto;}
	.mJobOffer .item .info		{gap:0;}
	.mJobOffer .item .info i	{padding-top:5px; width:20px;}
	.mJobOffer .item .visa		{margin-top:10px; gap:2px;}
	.mJobOffer .item .visa strong	{margin:0;}
	.mJobOffer .item .visa span	{padding:0 8px; line-height:23px;}
	.mJobWanted					{padding-top:0;}
	.mCounseling				{padding:40px 15px;}
	.mCounseling h2				{margin-bottom:5px;}
	.mCounseling .web_size		{gap:20px;}
	.mCounseling .lt p			{font-size:0.95em;}
	.mCounseling ul				{gap:10px;}
	.mCounseling ul li			{width:100%; height:80px; padding:0 10px;}
	.mCounseling ul li h3		{font-size:1.1em;}
	.mCounseling .web_size:after	{display:none;}
	.mBoard						{padding:30px 15px;}
	.mBoard .web_size			{display:block;}
	.mBoard .rt					{margin-top:20px;}
	
}

@media screen and (max-width:768px) { 
	.main_container h2 span		{display:block; margin:7px 0 0 0; line-height:1.2;}
	.mJobOffer .item			{grid-template-columns:1fr;}
	.mJobOffer .item li:nth-child(4), .mJobOffer .item li:nth-child(5), .mJobOffer .item li:nth-child(6), .mJobWanted .item li:nth-child(3)	{display:none;}
	.mCounseling .img			{display:none;}
}