#outerIframeOverlay{
	width:100vw;
	height:100vh;
	background: #00000099 0% 0% no-repeat padding-box;
	position:fixed;
	top:0;
	left:0;
	z-index: 901;
}

body.popOutIframe{
	overflow:hidden;
}
body.popOutIframe.articleInsight.issafari{
	overflow:auto;
}
body.popOutIframe.articleInsight #policy-div{
	display:none;
}
#outerIframeContent{
	width: 75vw;
    max-height: 90vh;
    background-color: #ffffff;
    position: fixed;
    top: 9vh;
    z-index: 902;
    left: 12.5vw;
    overflow: auto;
    border-radius: 0.6vw;	
}

#outerIframeContent iframe{
	width:100%;
	margin: 0;
    display: block;
	border: none;
}
#outerIframeOverlayClose{
	position: fixed;
    right: 8vw;
    top: 8vh;
    z-index: 902;
    width: 3vw;
    cursor: pointer;
}

#outerIframeOverlayClose img{
	width:100%;
}

.header-navigation.openPop.original{
	display:none;
}
.stricked-menu.openPop{
	opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
@media only screen and (min-width: 1440px) and (max-width: 1580px){
	#outerIframeContent{
		top: 11vh;
	}
}
@media only screen and (min-width: 1281px) and (max-width: 1439px){
	#outerIframeContent{
		width: 70vw;
		left:15vw;
		top: 10vh;
	}
	#outerIframeOverlayClose{
		right: 11vw;
		top: 8vh;
	}
}
@media only screen and (min-width: 961px) and (max-width: 1100px){
	#outerIframeContent{
		width: 90vw;
		left: 5vw;
		top: 13vh;
	}
	#outerIframeOverlayClose{
		right: 0.5vw;
		top: 12vh;
	}
}
@media only screen and (max-width: 960px){
	body.popOutIframe.useAllrwd.isMobile.issafari{
		overflow-y: scroll;
		height:100%;
		-webkit-overflow-scrolling: touch;
	}
	#outerIframeContent.rwd{
		height: 60vh;
		/* z-index: 1000; */
		width: 90vW;
		left: 5vW;
		top: 20vh;
	}
	#outerIframeOverlayClose{
		width: 5vw;
		top: 15vh;
		right: 5vW;
	}
	body.useAllrwd #outerIframeOverlay{
		z-index: 99999;
	}
	body.useAllrwd #outerIframeContent.rwd{
		z-index: 100000;
		max-height: 100vh;
		height: initial;
		top:0;
		left:0;
		width: 100vw;
	}
	
	body.useAllrwd #outerIframeContent.rwd iframe{
		display: block;
		margin: 0 auto;
	}
	body.useAllrwd #outerIframeOverlayClose{
		background-color: transparent;
		right: 10px;
		top: 10px;
		width: 2.5vw;
		height: 2.5vw;
		z-index: 100001;
		position: absolute;
	}
	body.useAllrwd.mobileStraight #straitClose{
		width: 2.5vh;
		height: 2.5vh;
		background-color: transparent;
		right: 10px;
		top: 10px;
		position: absolute;
	}
	body.useAllrwd.mobileStraight #straitClose img{
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		-webkit-filter: drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.4));
		filter: drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.4));
	}
	body.useAllrwd #outerIframeOverlayClose img{ 
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		-webkit-filter: drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.4));
		filter: drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.4));;
	}
	body.useAllrwd.mobileStraight #outerIframeContent{
		opacity:0 !important;
		z-index: 0 !important;
	}
	body #divOuterRotate{
		display:none;
	}
	body.useAllrwd #divOuterRotate{
		display:none;
		z-index: 100001;
		height: 100vh;
		width: 100vw;
		top: 0;
		left: 0;
		position:fixed;
		background-color:#ffffff;		
	}
	body.useAllrwd #divOuterRotate #divOuterRotateInner{
		position: relative;
		width: 100%;
		height: 100vw;
	}
	body.useAllrwd #divOuterRotate img{
		width:80%;
		position:absolute;
		-moz-transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		transform:rotate(90deg);
		margin-left:10%;
		margin-top:10%;
	}
	body.useAllrwd #divOuterRotate img.rotatephone{
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	body.useAllrwd #divOuterRotate img.smile{
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	body.useAllrwd #divOuterRotate img.hide{
		display:none;
	}
	body.useAllrwd.mobileStraight.popOutIframe #divOuterRotate{
		display:block;
	}
	body.useAllrwd .divOuterRotateTxt{
		z-index: 10002;
		color: #000000;
		width: 100%;
		text-align: center;
		/*top: 62%;*/
		margin-top:5vh;
		font-weight: bold;
	}
	#mainArea .sliderItem[data-type='default'] .desc.mainDesc{
		max-height:50vh;
		overflow:auto;
	}
}



/*Menu Start*/
@media only screen and (min-width: 1281px) and (max-width: 1439px){
	.header-navigation ul.navigation-box > li{
		padding: 18px 0;
	}
	.stricked-menu ul.navigation-box > li {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}


/*Menu End*/