/*-----------------------------------
overlay
-----------------------------------*/
#modal-overlay {
	z-index: 101 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100%;
	height: 120% ;
	background-color: rgba( 43,46,56, 0.9 ) ;
}

.modal-content {
	margin: 0;
	position: fixed ;
	display:none;
	z-index: 102 ;
}
/*-----------------------------------
Pop up
-----------------------------------*/
.pop {
	width: 966px;
	height: 90vh;
	max-height: 730px;
	background-color: #01624f;
	position: relative;
	overflow-y:scroll;
	overflow-x: hidden;
}
.pop .back { position: relative }
.pop .back img { width: 100% }
.pop .txt {
	color: #FFF;
	background-color: #01624f;
	padding: 10px 26px;
	text-align: left;
}
.tit {
	position: absolute;
	top: 50px;
	font-size: 32px;
	letter-spacing: 0.02em;
	font-style: italic;
	line-height: 1.6;
}
.profile {
	position: absolute;
	bottom: 30px;
	width: 518px;
}
.le .tit,.le .profile { left: 32px }
.ri .tit,.ri .profile { left: 396px }

.name {
	font-size: 24px;
	letter-spacing: 0.2em;
	margin-bottom: 14px;
}
.name span {
	font-size: 14px;
	letter-spacing: 0.08em;
	padding-left: 1.2em;
	color: #01624f;
	font-family: Clarimo UD PE Regular;
}
.sec {
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 22px;
}
.mywork {
	font-size: 16px;
	font-family: Clarimo UD PE Bold;
	letter-spacing: 0.16em;
	color: #01624f;
	margin-bottom: 16px;
}
.mywork span {
	padding-bottom: 4px;
	border-bottom: 2px solid #01624f;
}
.intro {
	font-family: Shin Go Medium;
	font-style: italic;
	color: #01624f;
	font-size: 20px;
	margin-bottom: 12px;
}
.intro2 { line-height: 1.6 }
.close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 42px;
	height: 42px;		
}
.close img {
	width: 100%;
}

/*-----------------------------------
size
-----------------------------------*/
@media screen and (max-width: 768px) {
.pop {
	width: 80%;
	margin: 0 auto;
	position: relative;
	background-color: #eee;
	height: 76vh!important;
}
.pop .back img { max-width: 150%!important;width: 150%!important;}
.pop .le img { margin-left: -50%!important;}
.pop .ri img { margin-right -50%!important;}

.pop .txt {	padding: 26px }
.tit {
	position: relative;
	top: 0;
	left: 0;
	font-size: 4.0vw;
	line-height: 1.6;
	width: 90%;
	margin: 25px auto 60px auto;
	white-space: nowrap;
}
.profile {
	position: relative;
	left: 0;
	width: 90%;
	margin: 0 auto;
}
.le .tit,.le .profile { left: 0 }
.ri .tit,.ri .profile { left: 0 }
	
.name {font-size: 4.0vw}
.name span { font-size: 2.4vw }
.sec { font-size: 2.6vw }
.mywork { font-size: 3.0vw }
.intro {
	font-size: 3.8vw;
	line-height: 1.5;
	white-space: nowrap;
}
	
.close {
	position: absolute;
	top: 18px;
	right: 26px;
	width: 20px;
	height: 20px;		
}
.pop .close img { margin: 0;}
}