.pc-hide{display:none !important}
@media (max-width:768px) {
	.pc-hide{display:block !important;}
	.mobile-hide{display:none !important;}
}

/*Css intro-wrap 01*/
.intro01-wrap {
	background: url("/_res/u1/ipsi/img/intro/bg-intro-a.jpg") no-repeat center; background-size:cover;height: 100%;min-height: 100vh;
	.intro01-top-wrap {padding: 40px;}
	.intro01-top-box {display:flex;gap:40px;}
	.intro01-top-box > div {width: 60.4166667%;box-sizing: border-box;}
	.intro01-top-box > div {padding: 40px;background: url(/_res/u1/ipsi/img/intro/bg-box-left.png) no-repeat center;background-size: cover;border-radius:32px;}
	.intro01-top-box > div > img {margin: 0 0 20.5px 0;}
	.intro01-top-box > div > h2 {font-weight: 700;font-size: 43px;line-height: 1.4;color: #fff;}
	.intro01-top-box > div > p {display:block;font-size: 28px;line-height: 1.4;color: #fff;margin: 0 0 20.5px 0;}
	.icon-wrap {display: flex;align-items: center;gap: 16px;}
	.icon-wrap li {transition: 0.3s;}
	.icon-wrap li:hover {transform: translatey(-3px);}
	.icon-wrap img {width:100%;}
	.intro01-top-box > ul {flex:1;display:flex;gap:40px;}
	.intro01-top-box > ul > li {width: calc(50% - 20px);box-sizing:border-box;}
	.intro01-top-box > ul > li a {position: relative;display:block;padding: 24px;border-radius:24px;background: #fff url("/_res/u1/ipsi/img/intro/ico-arrow.png") no-repeat bottom 24px right 24px;background-size: 44px;transition:0.3s;}
	.intro01-top-box > ul > li a:hover {opacity: 0.7;}
	.intro01-top-box > ul > li:nth-child(2) a {background: url(/_res/u1/ipsi/img/intro/ico-arrow.png) no-repeat bottom 24px right 24px, linear-gradient(153.35deg, #FEE31E 11.03%, #FEE31E 50.22%, #EA9000 88.69%);}
	.intro01-top-box > ul > li a p {font-weight: 700;font-size: 32px;line-height: 110.00000000000001%;letter-spacing: 0px;margin-bottom:32.5px;}
	.intro01-top-box > ul > li a > div {text-align:center;margin: 0 0 35px 0;}


	.intro01-middle-box {padding: 0 40px 40px 40px;display:flex;gap:40px;}
	.intro01-middle-box > div {width:calc(50% - 20px);position: relative;box-sizing:border-box;min-height:640px;}

	.video {border-radius:24px;}
	.video img {width:100%;height:100%;object-fit:cover;object-position:top;border-radius:24px;}
	.tag-box  {padding: 24px 24px 64px 24px;border-radius:24px;background:url("/_res/u1/ipsi/img/intro/bg-tagbox.png") no-repeat center;background-size: cover;}

	.tag-box .mini-tab-box> ul {padding: 8px;background: #fff;border-radius: 12px;display:flex;gap:8px;flex-wrap:wrap;}
	.tag-box .mini-tab-box> ul > li {display: inline-block;flex:1;}
	.tag-box .mini-tab-box> ul > li .tag-tab{font-weight: bold;font-size: 24px;line-height: 140%;padding: 6px 24px;display: flex;justify-content: center;align-items: center;flex-wrap: nowrap;white-space: nowrap;border: 1px solid rgba(0,0,0,0.2);border-radius: 12px;color: #222222;transition: all .3s;background:#fff;}
	.tag-box .mini-tab-box> ul > li.active .tag-tab {background: #1F74FE;color: #ffffff;}
	.tag-box .mini-tab-box> ul > li .mini-tag-content{display: none;position: absolute; width: calc(100% - 48px);top: 128px;left: 24px;}
	.tag-box .mini-tab-box> ul > li.active .mini-tag-content{display: block;}
	.mini-tag-content .tag-mini-box {animation: moveUp 1s ease-in-out forwards;position: relative;}
	.mini-tag-content .tag-mini-box > ul {display:flex;flex-wrap:wrap;background: rgba(255,255,255,0.6);border-radius:24px;}
	.mini-tag-content .tag-mini-box > ul > li{width: calc(50% - 1px);border-bottom: 1px solid #DCDCDC;padding: 0;position: relative;transition:0.3s;}
	.mini-tag-content .tag-mini-box > ul > li:hover {opacity:0.7;}
	.mini-tag-content .tag-mini-box > ul > li:nth-child(odd) {border-right: 1px solid #DCDCDC;}
	.mini-tag-content .tag-mini-box > ul > li:nth-last-child(-n+2) {border-bottom:none;}
	.mini-tag-content .tag-mini-box > ul > li a{ padding: 19px 0;display: block;font-size: 24px;font-weight: bold;text-align: center;color: #000;}

	.intro01-bottom-wrap{background: linear-gradient(0deg, #111F36, #111F36), linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, rgba(0, 104, 183, 0.5) 100%);padding: 0 20px;} 
	.intro01-bottom-box {padding: 80px 0;margin: 0 auto;width: 100%;max-width: 1600px;}

	.intro01-bottom-box {color: #C0C0C0;}
	.intro01-bottom-box .intro01-footer-top {margin-bottom: 80px;}
	.intro01-bottom-box .intro01-footer-top > ul {display: flex;justify-content: center;gap: 16px 44px;flex-wrap: wrap;}

	.intro01-bottom-box .intro01-footer-top > ul > li a{font-size: 16px;font-weight: 600;line-height: 1.2;position: relative;}
	.intro01-bottom-box .intro01-footer-top > ul > li.active a, .intro01-bottom-box .intro01-footer-top > ul > li a:hover {color: #F7D300;}
	.intro01-bottom-box .intro01-footer-top > ul > li a:before {content: '';width: 4px;height: 4px;position: absolute;background: #C0C0C0;border-radius: 50%;right: -24px;top: 50%;transform: translateY(-50%);}
	.intro01-bottom-box .intro01-footer-top > ul > li:last-child a:before {display: none;}

	.intro01-bottom-box .intro01-footer-bottom {display: flex;gap: 20px;justify-content: space-between;}
	.intro01-bottom-box .intro01-footer-bottom .footer-info-box {display: flex;flex-direction: column;gap: 15px;margin-right: 60px;}
	.intro01-bottom-box .intro01-footer-bottom .footer-info-box p{font-weight: 400;font-size: 16px;line-height: 120%;}
	.intro01-bottom-box .intro01-footer-bottom .footer-logo-box img{width: 220px;height: 72px;}

	.intro01-bottom-box .footer-related-box {align-content: flex-end;}
	.intro01-bottom-box .related-box-wrap {position: relative;}
	.intro01-bottom-box .related-box-wrap a::before {content: '';position: absolute;background-image: url(../img/common/ico-selected.png);background-repeat: no-repeat;background-size: cover;width: 13px;height: 8px;top: 52%;right: 18.5px; transform: translateY(-50%);}
	.intro01-bottom-box .related-box-wrap a{cursor: pointer;text-decoration: none;color: #C0C0C0;padding: 11.5px 57px 9.5px 30px;border-radius: 6px;font-size: 15px;font-weight: 400;position: relative;display: block;border: 1px solid #DEDEDE4D; transition: all .3s ease-in-out;}
	.intro01-bottom-box .related-site{display: none;position: absolute;bottom: 100%;width: 100%;max-height: 175px;background-color: #fff;overflow-y: scroll;box-sizing: border-box;padding: 10px 0;z-index: 99;}
	.intro01-bottom-box .related-site li .item {border: none;color: #333333;display: block; padding: 4px 15px 4px 23px;font-size: 14px;line-height: 22px;text-align: left;}
	.intro01-bottom-box .related-site-title.active + .related-site{display:block;}
	.intro01-bottom-box .related-box-wrap .active::before {transform: rotate(180deg);top: 47%;}

	.intro01-bottom-box .related-box-wrap ul > li > a:before {content: '';position: absolute;top: 13px;left: 10px;width: 6px;height: 1px;background: #2a334d;}
	.intro01-bottom-box .intro01-footer-bottom .footer-info-box br {display: none;}


	@media (min-width: 1025px) and (max-width: 1919px) {
		.intro01-top-box > div > h2 {font-size: 2.23958333vw;}
		.intro01-top-box > div > h2 span {font-size:1.45833333vw;}
		.intro01-top-box > ul > li a p {font-size:1.66666667vw;}
	}
	@media (max-width:1440px) {
		.mini-tag-content .tag-mini-box > ul > li a {font-size: 18px;}
	}
	@media screen and (max-width :1200px) {
		.intro01-bottom-box .intro01-footer-bottom .footer-info-box {margin-right: 0px;} 
	}

	@media (max-width: 1024px) {
		.intro01-top-wrap {padding: 16px;}
		.intro01-top-box {flex-direction:column;gap:16px;}
		.intro01-top-box > div {width: 100%;}
		.intro01-top-box > div > h2 {font-size:32px;line-height:1.1;margin-bottom: 17px;}
		.intro01-top-box > div > p {font-size:18px;line-height:1.3;}
		.intro01-top-box > ul {gap: 16px;}
		.intro01-top-box > ul > li {width: calc(50% - 8px);}

		.intro01-middle-box {flex-direction: column;padding: 0 16px 16px 16px;gap:16px;}
		.intro01-middle-box > div {width: 100%;min-height: auto;}
		.mini-tag-content .tag-mini-box > ul > li a {font-size:18px;padding:12.5px 0;}
		.tag-box .mini-tab-box> ul > li .tag-tab {font-size:18px;border-radius: 20px;}

		.intro01-bottom-box .intro01-footer-top {margin-bottom: 70px;}
		.intro01-bottom-box .intro01-footer-bottom {flex-direction: column;gap: 40px;}

		.intro01-bottom-box .intro01-footer-top {margin-bottom: 40px;}
		.intro01-bottom-box .intro01-footer-top > ul {gap: 16px 36px;}
		.intro01-bottom-box .intro01-footer-top > ul > li a:before {display: none;}

		.intro01-bottom-box .intro01-footer-bottom .footer-info-box {gap: 15px;align-items: center;text-align: center;order: -1;}  
		.intro01-bottom-box .intro01-footer-bottom .footer-logo-box {text-align: center;}
		.intro01-bottom-box .footer-related-box {width: 188px;align-self: center;}
		.intro01-bottom-box .intro01-footer-bottom .footer-info-box br {display: block;}
		.intro01-bottom-box .related-box-wrap a {padding: 11.5px 52px 9.5px 30px;}
	}
	@media (max-width: 768px) {
		.intro01-top-box > div {padding: 24px;}
		.intro01-top-box > ul {flex-direction: column;gap:16px;}
		.intro01-top-box > ul > li {width:100%;}

		.intro01-top-box > ul > li a p {font-size:20px;margin-bottom:6px;}
		.intro01-top-box > ul > li a > div {margin:0;}
		.intro01-top-box > ul > li a > div img {height: 90px;}

		.tag-box {padding: 24px;}
		.tag-box .mini-tab-box> ul {background: transparent;padding:0;justify-content:center;}
		.tag-box .mini-tab-box> ul > li {flex: unset;}
		.tag-box .mini-tab-box> ul > li .mini-tag-content {top:100px;}
		.mini-tag-content .tag-mini-box > ul > li {width:100%;}
		.mini-tag-content .tag-mini-box > ul > li:nth-child(odd) {border-right:none;}
		.mini-tag-content .tag-mini-box > ul > li:empty {display:none;}
		.tag-box .mini-tab-box> ul > li .tag-tab {font-size:15px;padding:13.5px 16px;}

		.intro02-bottom-box {padding: 56px 0px;}
	}
	@media screen and (max-width :500px) {
		.intro01-bottom-box .intro01-footer-top > ul {flex-direction: column;align-items: center;}
		.intro01-bottom-box .intro01-footer-top > ul > li a:before {display: block;border-radius: 50%;left: 50%;top: unset;bottom: -12px;transform: translateX(-50%);right: unset;}

	}
}
/*Css intro-wrap 02*/
.intro02-wrap {
	background: url("/_res/u1/ipsi/img/intro/bg-intro-b.png") no-repeat center; background-size:100% 100%;height: 100%;min-height: 100vh;padding: 0 40px 40px 40px;
	.intro02-top-box {padding: 40px 0; text-align:center;}

	.intro02-middle-box {display:flex;gap: 40px;padding: 0 0 40px 0;}
	.intro02-middle-box .box-left {width: 680px;}
	.intro02-middle-box .box-right {flex: 1;}

	.box-left .top {margin: 0 0 40px 0;}
	.box-left .top > ul {display:flex;gap:20px 40px;}
	.box-left .top > ul > li {flex:1;}
	.box-left .top > ul > li a {position: relative;display:block;padding: 24px;background: #f5f5f5 url("/_res/u1/ipsi/img/intro/ico-arrow.png") no-repeat bottom 24px right 24px;background-size: 44px;border-radius: 8px;transition:0.3s;}
	.box-left .top > ul > li a:hover {background: #0068b7 url("/_res/u1/ipsi/img/intro/ico-arrow-hover.png") no-repeat bottom 24px right 24px;background-size: 44px;}
	.box-left .top > ul > li a:hover p {color: #fff;}
	.box-left .top > ul > li a p {font-weight: 700;font-size: 32px;line-height: 1.1;color: #404040;margin: 0 0 21px 0;}
	.box-left .top > ul > li a div {text-align: center;height: 169px;display: flex;align-items: flex-start;justify-content: center;}
	.box-left .top > ul > li a div img.is-hover {opacity:0;height:0;}
	.box-left .top > ul > li a:hover div img.no-hover {opacity:0;height:0;}
	.box-left .top > ul > li a:hover div img.is-hover {opacity:1;height:auto;}

	.box-left .bot {display:flex;gap:20px 40px;}
	.box-left .bot .box-link {flex:1;}
	.box-left .bot .box-link > p {font-weight: 700;font-size: 28px;line-height: 1;text-align: center;color:#fff;padding: 14px 24px;text-align:center;background: linear-gradient(90deg, #047AD4 0%, #1A9AFB 100%);border-radius: 16px 16px 0px 0px;}
	.box-left .bot .box-link:last-child > p {background: linear-gradient(90deg, #AF1823 0%, #9D00E6 100%);}
	.box-left .bot .box-link > ul {max-height: 640px;overflow-y:auto;background:#fff;}
	.box-left .bot .box-link > ul::-webkit-scrollbar {width: 12px;height: 100%;position: absolute;}
	.box-left .bot .box-link > ul::-webkit-scrollbar-track {background: #D3D3D3;}
	.box-left .bot .box-link > ul::-webkit-scrollbar-thumb {background: #808080;}

	.box-left .bot .box-link > ul > li {border-bottom: 1px solid #E0E0E0;transition:0.3s;}
	.box-left .bot .box-link > ul > li:hover a {opacity:0.7;}
	.box-left .bot .box-link > ul > li > a {display:block;padding: 16px 32px;font-weight: 700;font-size: 22px;line-height: 1.4;color:#222;}

	.box-right .video {position: relative;height: 672px;}
	.box-right .video > img {width: 100%;height: 100%;object-fit: cover;border-radius:8px;}
	.box-right .video .icon {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;}
	.box-right .info {padding: 40px 40px 80px 40px;}
	.box-right .info h2 {font-weight: 700;font-size: 43px;line-height: 140%;color: #222;}
	.box-right .info p {font-weight: 700;font-size: 28px;line-height: 140%;color:#222;margin: 0 0 40px 0;}
	.icon-wrap {display: flex;align-items: center;gap: 16px;}
	.icon-wrap li {transition: 0.3s;}
	.icon-wrap li:hover {transform: translatey(-3px);}
	.icon-wrap img {width:100%;}

	.intro02-bottom-box {padding: 40px 80px;border-radius:12px;border:1px solid rgba(31, 31, 31, 0.12);background:#F9F9F9;position: relative;}
	.intro02-bottom-box .intro02-footer-top {padding: 37px 40px 32px 0;border-bottom: 1px solid #1F1F1F;}
	.intro02-bottom-box .intro02-footer-top > ul {display: flex;justify-content: flex-start;gap: 16px 44px;flex-wrap: wrap;margin: 0 200px 0 0;}

	.intro02-bottom-box .intro02-footer-top > ul > li a{font-size: 16px;font-weight: 600;line-height: 1.2;position: relative;color: #404040;}
	.intro02-bottom-box .intro02-footer-top > ul > li.active a, .intro02-bottom-box .intro02-footer-top > ul > li a:hover {color: #F7D300;}
	.intro02-bottom-box .intro02-footer-top > ul > li a:before {content: '';width: 4px;height: 4px;position: absolute;background: #C0C0C0;border-radius: 50%;right: -24px;top: 50%;transform: translateY(-50%);}
	.intro02-bottom-box .intro02-footer-top > ul > li:last-child a:before {display: none;}

	.intro02-bottom-box .intro02-footer-bottom {display: flex;gap: 40px;justify-content: space-between;align-items: flex-start;padding: 32px 0 0 0;}
	.intro02-bottom-box .intro02-footer-bottom > div {display: flex;gap: 60px;}
	.intro02-bottom-box .intro02-footer-bottom .footer-info-box {display: flex;flex-direction: column;gap: 15px;margin-right: 60px;}
	.intro02-bottom-box .intro02-footer-bottom .footer-info-box p{font-weight: 400;font-size: 16px;line-height: 24px;color:#111;}
	.intro02-bottom-box .intro02-footer-bottom .footer-logo-box img{width: 171px;}

	.intro02-bottom-box .footer-related-box {align-content: flex-end;position: absolute;top: 40px;right: 80px;}
	.intro02-bottom-box .related-box-wrap {position: relative;}
	.intro02-bottom-box .related-box-wrap a::before {content: '';position: absolute;background-image: url(../img/intro/ico-selected.png);background-repeat: no-repeat;background-size: cover;width: 24px;height: 24px;top: 50%;right: 24px;transform: translateY(-50%);}
	.intro02-bottom-box .related-box-wrap > a{cursor: pointer;text-decoration: none;color: #fff;padding: 12px 57px 12px 30px;border-radius: 30px;font-size: 16px;line-height: 24px;font-weight: 400;position: relative;display: block;transition: all .3s ease-in-out;background: #0068B7;min-width: 240px;box-sizing: border-box;}
	.intro02-bottom-box .related-site{display: none;position: absolute;bottom: 100%;width: 100%;max-height: 175px;background-color: #fff;overflow-y: scroll;box-sizing: border-box;padding: 6px 0;z-index: 99;border: 1px solid #9999;}
	.intro02-bottom-box .related-site li .item {border: none;color: #222;display: block;padding: 4px 15px 4px 23px;font-size: 14px;line-height: 22px;text-align: left;}
	.intro02-bottom-box .related-site-title.active + .related-site{display:block;}
	.intro02-bottom-box .related-box-wrap .active::before {transform: rotate(180deg);top: 25%;}
	.intro02-bottom-box .related-box-wrap ul > li > a:before {content: '';position: absolute;top: 21px;left: 10px;width: 6px;height: 1px;background: #222;}


	@media (min-width: 1025px) and (max-width: 1919px) {
		.box-right .info h2 {font-size:2.23958333vw;}
		.box-right .info p {font-size:1.45833333vw;margin: 0 0 2.08333333vw 0;}
		.box-right .info {padding: 2.08333333vw 2.08333333vw 4.16666666vw 2.08333333vw;}
	}
	@media (max-width: 1366px) {
		.intro02-middle-box {flex-direction: column;}
		.intro02-middle-box .box-left {width: 100%;}
	}
	@media screen and (max-width :1200px) {
		.intro02-bottom-box .intro02-footer-bottom .footer-info-box {margin-right: 0px;} 
		.intro02-bottom-box {padding: 56px 20px 65px 20px;}
		.intro02-bottom-box .footer-related-box {top:20px;right:20px;}
		.intro02-bottom-box .related-box-wrap a {padding: 11.5px 52px 9.5px 30px;min-width:auto;}
	}
	@media (max-width:1024px) {
		.intro02-top-box {padding: 16px 0;}
		.intro02-middle-box  {padding: 0 0 16px 0;}


		.intro-bottom-wrap {margin: 0 0 9px 0;}
		.intro02-bottom-box .intro02-footer-bottom {flex-direction: column;gap: 40px;align-items:center;}
		.intro02-bottom-box .intro02-footer-bottom > div {flex-direction: column;gap: 40px;}

		.intro02-bottom-box .intro02-footer-top {align-items:center;border-bottom: 0;padding: 0;}
		.intro02-bottom-box .intro02-footer-top > ul {gap: 16px 36px;justify-content:center;margin: 0;}
		.intro02-bottom-box .intro02-footer-top > ul > li a:before {display: none;}

		.intro02-bottom-box .intro02-footer-bottom .footer-info-box {gap: 15px;align-items: center;text-align: center;order: -1;}  
		.intro02-bottom-box .intro02-footer-bottom .footer-info-box p {line-height:1.2;}
		.intro02-bottom-box .intro02-footer-bottom .footer-logo-box {text-align: center;}
		.intro02-bottom-box .footer-related-box {width: 192px;align-self: center;position: static;}
		.intro02-bottom-box .intro02-footer-bottom .footer-info-box br {display: block;}
		.intro02-bottom-box .related-box-wrap a::before {width:15px;height:15px;}
		.intro02-bottom-box .related-box-wrap .active::before {top:35%;}
	}
	@media (max-width: 768px) {
		.box-left .top {margin: 0 0 20px 0; }
		.box-left .top > ul {flex-direction:column;}
		.box-left .top > ul > li a p {font-size:20px;margin-bottom: 6px;}
		.box-left .top > ul > li a div {height: 90px;}
		.box-left .top > ul > li a div img {height: 90px;}
		.box-left .top > ul > li a:hover div img.is-hover {height:90px;}
		.box-left .bot {flex-direction:column;}
		.box-left .bot .box-link > p {font-size: 20px;}
		.box-left .bot .box-link > ul > li > a {font-size:18px; padding: 12.5px;}
		.box-left .bot .box-link > ul {max-height:307px;}
		.box-left .bot .box-link > ul::-webkit-scrollbar  {width:6px;}
		.box-right .video {height: 229px;}
		.box-right .video > img {border-radius:24px;}
		.box-right .video .icon img {width: 40px;height:40px;}
		.box-right .info {padding:16px;}
		.box-right .info h2 {font-size: 32px;line-height: 1.1;margin-bottom: 17px;margin: 0 0 20px 0;}
		.box-right .info p {font-size: 18px;line-height: 1.3;}

		.intro02-bottom-box {padding: 56px 16px;}
		.intro02-bottom-box .intro02-footer-bottom .footer-info-box p:first-child {display:flex;flex-direction:column;gap: 15px;}
	}

	@media screen and (max-width :500px) {
		.intro02-bottom-box .intro02-footer-top > ul {flex-direction: column;align-items: center;}
		.intro02-bottom-box .intro02-footer-top > ul > li a:before {display: block;border-radius: 50%;left: 50%;top: unset;bottom: -12px;transform: translateX(-50%);right: unset;}
	}
}