.intro-wrap {border-radius: 10px;position: relative;overflow: hidden;margin: 0 0 40px;}
.intro-wrap:before {content: "";position: absolute;background: #000000;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;opacity: 0.3;}
.intro-wrap .img-intro img {width: 100%;height: 100%;object-fit: cover;}
.intro-wrap .tit-intro {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;padding: 0 20px;box-sizing: border-box;text-transform: uppercase;}
.intro-wrap .tit-intro p {text-align: center;font-family: Prompt;font-weight: 800;font-size: 70px;line-height: 60px;letter-spacing: -0.1px;text-align: center;vertical-align: middle;color: #FFFFFF;opacity: 0.5;mix-blend-mode: overlay;}
.intro-tit02 { padding-bottom: 30px; font-size: 28px; font-weight: 700; line-height: 33px; letter-spacing: -.02em; color: #333; }
.intro-tit03 { padding-bottom: 16px; font-weight: 700; font-size: 18px; line-height: 21px; letter-spacing: -.02em; color: #333; }
.intro-box03 { padding-bottom: 16px; }
.intro-vision { display: flex; justify-content: center; align-items: center; min-height: 405px; padding: 0 15px 0 15px; background: url(/_res/unist/mot/img/common/vision_bg.jpg) no-repeat center / auto 100%; }
.intro-vision-tit { padding: 0 15px 15px 15px; font-size: 40px; line-height: 100%; }
.intro-vision-text span { display: inline-block; padding: 0 30px; background-color: #011655; color: #fff; }
.intro-mission ul { display: flex; flex-wrap: wrap; }
.intro-mission ul li { width: 50%; }
.intro-mission ul li p:nth-child(1) { display: flex; justify-content: center; align-items: center; width: 165px; height: 165px; font-size: 26px; font-weight: 700; color: #fff; }
.intro-mission ul li p:nth-child(2) { font-size: 18px; }
.intro-mission ul li:nth-child(1) p:nth-child(1) { padding: 15px 0 0 15px; background-position: top left; }
.intro-mission ul li:nth-child(2) p:nth-child(1) { padding: 15px 15px 0 0; background-position: top right; }
.intro-mission ul li:nth-child(3) p:nth-child(1) { padding: 0 0 15px 15px; background-position: bottom left; }
.intro-mission ul li:nth-child(4) p:nth-child(1) { padding: 0 15px 15px 0; background-position: bottom right; }

.ul-type-dot {margin: 0 0 16px;}
.ul-type-dot > li {padding-bottom: 5px;}


@media screen and (min-width:1025px) {
	.intro-mission ul li { display: flex; align-items: center; gap: 15px; height: 180px; }
	.intro-mission ul li p:nth-child(1) { background: url(/_res/unist/mot/img/common/mission_bg.png) no-repeat; }
	.intro-mission ul li:nth-child(odd) { flex-direction: row-reverse; justify-content: flex-start; text-align: end; }
}
@media screen and (max-width:1024px) {
	.intro-wrap .tit-intro p {font-size: 45px;line-height: 100%;}
	.intro-mission ul li { text-align: center; }
	.intro-mission ul li:nth-child(1) { margin-bottom: 30px; }
	.intro-mission ul li:nth-child(2) { margin-bottom: 30px; }
	.intro-mission ul li p:nth-child(1) { width: 201px; height: 201px; margin: 0 auto 15px; padding: 0!important; }
	.intro-mission ul li:nth-child(1) p:nth-child(1), .intro-mission ul li:nth-child(3) p:nth-child(1) { background: url(/_res/unist/mot/img/common/mission_bg_1.png) no-repeat; }
	.intro-mission ul li:nth-child(2) p:nth-child(1), .intro-mission ul li:nth-child(4) p:nth-child(1) { background: url(/_res/unist/mot/img/common/mission_bg_2.png) no-repeat; }
}
@media screen and (max-width:768px) {
	.intro-wrap {margin: 0 0 20px;}
	.intro-wrap .img-intro {height: calc(300/768*100vw)}
	.intro-wrap .tit-intro p {font-size: calc(40/768*100vw)}
	.intro-head p br { display: none; }
	.intro-vision { min-height: 305px; }
}
@media screen and (max-width:500px) {
	.intro-vision { min-height: 205px; }
	.intro-mission ul li { width: 100%; }
	.intro-mission ul li:nth-child(3) { margin-bottom: 30px; }
}