/* 메인홈페이지 팝업창 */

/* ---- 팝업창  ---- */
.popupWrap1, .popupWrap2, .popupWrap3, .popupWrap4 {
    display: none;  align-items: center;
	top:12%; transform: translateX(-1%);
    position: fixed; z-index: 102;
}

.popupWrap2 {left: 50%;} /* 실손 구축 확산 팝업창*/
.popupWrap3 {left: 2%;}  /* 미래포럼 팝업창  */

.popup2{
	width: 45rem; height: 38rem;
    border: 0.4rem solid #2893ff;  border-radius: 30px;
    background: white; overflow-y: scroll;
    -ms-overflow-style: none; /* IE and Edge */
 	scrollbar-width: none; /* Firefox */
}

/* ---- 팝업창 헤더 ---- */
.popupH2{
    height: 8%;
    padding-top: 1.1rem;
}

.popupWrap2 .popupH2{height:12%;} /* 실손 사업 팝업창 헤더 */

/* ---- 팝업창 중단 ---- */
.popupContent2{
	display:flex; flex-wrap: wrap; flex-direction: column;
    justify-content: space-evenly;
	width: 100%; height:82%;
	overflow-y: scroll;
	-ms-overflow-style: none; /* IE and Edge */
 	scrollbar-width: none; /* Firefox */
 	height:78%;
}
.imgDiv{width:30%;} /* 팝업창 왼쪽 이미지 DIV */
.textDiv{width:70%} /* 팝업창 오른쪽 글 DIV */

/* 팝업창 Text */
.formText{
	display: flex; flex-wrap: nowrap;  flex-direction: column; 
	text-align: center; font-size: 1.04rem;
    margin: 0.7rem;
} 

.formText table tr th{vertical-align: top;text-align: end;}
.formText table tr td{text-align: start;padding-left: 5px;}
.popupTh {width:35%;}

/* 미래포럼 팝업창*/
.popup3{
	width: 45rem; 
    border: 0.4rem solid #2893ff;  border-radius: 30px;
    background: white; overflow-y: scroll;
    -ms-overflow-style: none; /* IE and Edge */
 	scrollbar-width: none; /* Firefox */
}

.popupContent{height:90%;}

.popup3 .popupContent{
	height:85%;
}

/* ---- 팝업창 하단  ---- */
.popupBtn2{
	display:flex; align-items: center;
	height:10%;
	font-size: 1.3rem; border-top: 1px solid #dbdbdb;
	overflow-y: scroll;
	-ms-overflow-style: none; /* IE and Edge */
 	scrollbar-width: none; /* Firefox */
}
.popup3 .popupBtn2{
	height:15%;
}

/* 팝업창 하단 버튼 */
.popupSpan{
 	width: 50%; padding:0.7rem;
 	display:flex; justify-content: center; align-items: center;
	cursor: pointer; text-align: center;
	border-right: 1px solid #dbdbdb;
	line-height: 2rem;
}


/* ----------- 세부설정 (스크롤) ----------- */
.popup::-webkit-scrollbar, .popup2::-webkit-scrollbar,
.popupContent::-webkit-scrollbar,  .popupContent2::-webkit-scrollbar, 
.popupBtn::-webkit-scrollbar, .popupBtn2::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

/* ---- 실손 소개 팝업창 ---- 앱 + QR + youtube*/
.popupFoot{
	display: flex;
    flex-wrap: wrap; flex-direction: row; justify-content: space-evenly; 
    margin: 0.3rem;
}
/* 실손 앱 , QR, youtube 문구*/
.footSpan{
	margin: 0.3rem 0;
	color: black;
    font-weight: bold;
    font-size: 16px;
}

.app, .qr, .youtube{
	display: flex;
    flex-direction: column;
    align-items: center;
}

.app{width:33%}
.app a{width:100%}
.app a img{width:100%}
.youtube{width:28%;}
.qr{width:23%;}

/* 앱 이미지 */
.silson24Img{
    padding: 0.3rem;
    border-radius: 9px;
    border: 3px solid #ddddddba;
}

/* ---- 화면 크기별 조정 ---- */
@media (max-width:1300px) and (min-width:851px){
	.popupWrap4, .popupWrap2{left:10%;}
	.popupWrap1{right:10%;}
}

@media (max-width:850px){
	.popupWrap1, .popupWrap2, .popupWrap3 , .popupWrap4{width:100%; height:100%; top:0%; left:1%;}
}


@media (max-width:650px){
	.popupBtn2{font-size: 1.0rem;} 
	.popupBtn{font-size: 1.0rem;}
	.popupBtn3{font-size: 1.0rem;}
	.popup{height:19rem;}
}

@media (max-width:600px){
	.imgDiv{width:41%;}
	.textDiv{width:55%;}
	 
	/* 실손오픈 팝업창 */
	.popupFoot{margin:0rem;} 
	.app{width:38%;}
	.youtube{width:30%;}
	.qr{width:28%;}
	
	/*확산사업 팝업창*/
	.popupWrap2 .popupH2{height: 13%;}
	.popupWrap2 .popupContent2{height:77%;}
}

@media (max-width:550px){
	 /* 실손오픈 팝업창 */
	.app{width:50%;}
	.qr{width:42%;}
	.youtube {width: 55%;}
	.popupBtn2 { font-size: 0.9rem;}
}

@media (max-width:500px){
	.popupSpan {font-size:0.8rem;padding: 0.2rem;}
}

@media (max-width:450px){
    .popupSpan { font-size: 0.8rem;}
}

@media (max-width:425px){
	/* 팝업창 상단 */
	.popup2{height: 33rem;} 
	.popupH2{display:block; height:10%; font-size: 1.05rem;} 
	.popupWrap2 .popupH2{height: 20%;}
	
	/*팝업창 중단 */
	.popupContent2{height: 80%;}
	.popupWrap2 .popupContent2{height:70%} /*실손 확산사업 팝업창*/ 
	.imgDiv{width: 44%;} /* 이미지 */
	.textDiv {width: 50%;} /* 텍스트 */
	.formText2 {font-size: 16px;} /* 텍스트 */
	.formText {font-size: 12px;}
	
	/*실손 서비스 팝업창*/
	.footSpan {font-size: 13px;}
	.app{width:50%;}
	.qr{width:42%;}
	.youtube {width: 55%;}
	.popupSpan {font-size: 0.75rem;}
}

@media (max-width:400px){
	.popupSpan {font-size: 0.68rem;}
}


@media (max-width:375px){
	.popupSpan {font-size: 0.6rem;}
}

@media (max-width:325px){
	.textDiv {width: 56%;}
	.popupSpan {font-size: 0.55rem;}
	.popupBtn {font-size: 13px;}
	.popupBtn3 {font-size: 13px;}
}