.pdf-tabs { display: flex; flex-direction: row-reverse; }
.pdf-tabs .box { box-sizing: border-box; position: relative; display: flex; align-items: center; width: 120px; height: 50px; border: 1px solid #ddd; border-radius: 5px; cursor: pointer; }
.pdf-tabs .box span { flex: 1; display: block; padding: 0 15px; background: url(/_res/unist/me/img/content/pdf-tabs-arr.png) no-repeat center right 15px / 8px auto; font-size: 15px; font-weight: 600; line-height: 160%; letter-spacing: -.02em; color: #333; }
.pdf-tabs .box ul { position: absolute; top: calc(100% + 5px); right: -1px; display: none; width: 100%; padding-top: 5px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; }
.pdf-tabs .box ul li a { display: block; padding: 0 15px 5px; font-size: 14px; font-weight: 600; line-height: 160%; letter-spacing: -.02em; color: #333; }
.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;}
@media screen and (max-width:1024px) {
	.intro-wrap .tit-intro p {font-size: 45px;line-height: 100%;}
}
@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)}
}