@charset "utf-8";
/* @container (min-width: 1920px) { } */
/*aspect-ratio: 16 / 9.3; */
/*border:1px solid red;*/

#map {
	position:fixed;
	top:52.63px; left:0; right:0;
	bottom:100px;
	z-index:0;
}

.search_box {
	position:absolute;
	display:block;
	top:16px;
	left:min(30px, 3.94vw);
	right:min(30px, 3.94vw);
	height:40px;line-height:40px; /*min(90px, 11.84vw)min(90px, 11.84vw);*/
	border:2px solid #cccccc;
	border-radius:999px;
	background-color:#ffffff;
	text-align:left;
	input[name='search_keyword'] {
		border:1px solid #ffffff; 
		font-size:1em;
		padding:min(10px, 1.3vw) min(20px, 2.6vw);
		margin-left:min(20px, 2.6vw);
		width:calc(100% - 60px);
	}
	.search_icon {
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		right:min(30px, 3.94vw);
		margin-left:10px;
		margin-right:4px;
		width:20px; height:auto;
	}
}

.search_area {
	position:absolute;
	top:80px;
	left:50%;
	transform:translateX(-50%);
	width:auto;
	height:40px;line-height:40px;
	padding:0 20px;
	border:1px solid #cccccc;
	background-color:#ffffff;
	border-radius:999px;
	white-space: nowrap;
	color:#c9c9c9;
	/*문자열 선택방지*/
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none;    /* Firefox */
	-ms-user-select: none;     /* IE 10+ */
	user-select: none;         /* Standard syntax */
	&.off { display: none; }
	&.on { display: block; }
	&.loading { 
		display: block; 
		color:#111111; 
		.replay {
			animation: load_replay .5s linear infinite;
		}
	}

	.replay {
		width:20px; height:auto;
		transform-origin: 50% 50%; /* 회전 중심점 (기본값) */
	}
	.text {
		display:inline-block;
		font-size:16px;
	}

}

.square {
	position:absolute;
	display:block;

	right:min(30px, 3vw);
	width:50px;
	height:50px;line-height:50px;
	background-color:#ffffff;
	border:1px solid #cccccc;
	border-radius:8px;
	text-align:center;
	&.map_my {
		top:80px;
		img {
			width:28px;
		}
	}
	&.dio_cg {
		top:135px;
		background-repeat: no-repeat;
		background-position:center;
		background-size:23px auto; /*cover contain; clamp(30px, 50%, 80px)*/

		&.off {
			background-image: url('/common/images/find/category_off.png');
			background-color:#ffffff;
		}
		&.on {
			background-image: url('/common/images/find/category_on.png');
			background-color:#2794bb;
		}
	}
}

.page_center {
		.diocese {
			position:absolute;
			 /* 크롬, 사파리, 엣지 (WebKit 기반) */
			  &::-webkit-scrollbar {
				display: none;
			  }
			  /* 파이어폭스 */
			  scrollbar-width: none;
			  /* 인터넷 익스플로러, 구형 엣지 */
			  -ms-overflow-style: none;

			padding:min(20px,2.63vw) 0;
			top:190px; right:min(30px,4vw);
			/*border:1px solid red;*/
			background-color:#ffffff;
			border-radius:min(30px,4vw);
			text-align:center;
			width:auto; height:min(600px,78.94vw);
			z-index:10;
			overflow:auto; overflow-x:hidden;
			box-shadow:-2vw -2vw 20px rgba(0, 0, 0, 0.1),2vw 2vw 20px rgba(0, 0, 0, 0.1);
			&.off { display:none; }
			&.on { display:block; }
			li {
				padding:min(20px,2.63vw) min(30px,4vw);
				font-size:0.92rem;
				&.off { 
					color:#29292c;
					background-color:#ffffff; 
					font-weight:400;
				}
				&.on {
					color:#ffffff; 
					background-color:#2794bb;
					font-weight:600;
				}
			}
		}

}

.bottom_sheet, .bottom_sub02 {
	position:fixed;	
	background-color:#ffffff;
	border:1px solid #efefef;
	border-top-left-radius:24px;
	border-top-right-radius:24px;
	bottom:100px; /*min(130px, 17.10vw)*/
	left:0; right:0;
	height:auto; /*min(340px, 44.73vw);*/
	/*border:1px solid green;	*/

	&.bottom_sub02 {
		/*border:1px solid blue;*/
		height:min(440px, 57.89vw); 
	}
	/*overflow:hidden;*/

	/*box-shadow: 0vw -2vw 20px rgba(0, 0, 0, 0.3);*/
		&.off { display:none; }
		&.on { display:block; }
	.view_list {
		position:absolute;
		display:block;
		top:min(-40px, -5.26vw);
		left:50%; transform:translateX(-50%);
		height:min(30px, 8vw); line-height:min(30px, 8vw);
		width:min(180px,23.68vw); padding:0 min(10px,1.3vw);
		border-radius:999px;
		text-align:center;
		/*border:1px solid red;*/
		color:#ffffff;
		background-color:#2794bb; /* transparent;*/
		&.off {
			display:none;
		}
		.icon {
			width:min(30px,4vw);height:auto;
		}
		.view_text {
			margin-left:min(10px,1.3vw);
			font-size:1rem;
			font-weight:400;
		}
	}

	.bottom_box {
		/*border:1px solid blue;*/
		/*margin-bottom:min(10px,1.3vw);*/
		/*height:min(300px, 39.47vw); */
		/* box-sizing: border-box; 패딩과 테두리를 포함해 고정 */
		.bottom_bar {
			position: relative;
			display:inline-block;
			text-align:center;
			height:min(80px, 10.52vw); line-height:min(100px, 13.15vw); 
			&::before {
				content: "";
				cursor:pointer;
				position: absolute;
				display:block;
				left:50%; top:60%;
				transform:translateX(-50%);
				height:min(10px, 1.3vw);
				width:min(130px, 17.1vw);;border-radius:99px;	
				background-color:#cccccc;
			}
		}
		.bottom_info {
			text-align:left;
			margin:min(20px, 2.63vw) min(30px, 3vw);
			.bottom_title {
				display:inline-block;
				width:auto; max-width:48%;
				color:#29292c;
				font-size:1.52rem;/*18.24px;*/
				font-weight:700;
				white-space: nowrap;
				overflow:hidden;
				.wait {
					width:26px; height:auto;
				}
			}
			.bottom_subject {
				display:inline-block;
				width:46%;
				color:#cccccc;
				font-size:1.12rem; /*13.44px;*/
				font-weight:400;
				margin-left:min(30px, 3vw);
				white-space: nowrap;
				overflow:hidden;
			}
		}
		.bottom_diocese {
			/*border:1px solid blue;*/
			height:auto;
			margin:min(30px, 3vw) 0 min(30px, 3vw) min(30px, 3vw);
			text-align:left;
			.bottom_block {
				overflow:auto;
				margin-bottom:min(20px, 2.63vw);
				-ms-overflow-style: none;			
				scrollbar-width: none;
				-webkit-overflow-scrolling: touch;
				scroll-snap-type: x mandatory;

				.find_cg {
					display:block;
					white-space: nowrap;
					transition: transform 1s ease;
					background-color:#ffffff;
					width:auto; height:min(65px, 8.55vw);

					li {
						display:inline-block;
						background-repeat: no-repeat;
						background-position:top left;
						background-size:contain; /*cover contain; clamp(30px, 50%, 80px)*/
						width:min(300px, 40vw); height:min(60px, 8.4vw);      /* 높이 설정 */
						/*  -webkit-user-drag: none;*/
						/*  pointer-events: none;  이미지가 아니라 div가 터치를 받도록 설정 */
						&:nth-child(1) {
							&.on { background-image: url('/common/images/find/all_on.png'); }
							&.off { background-image: url('/common/images/find/all_off.png'); }
						}
						&:nth-child(2) {
							&.on { background-image: url('/common/images/find/f01_on.png'); }
							&.off { background-image: url('/common/images/find/f01_off.png'); }
						}
						&:nth-child(3) {
							&.on { background-image: url('/common/images/find/f02_on.png'); }
							&.off { background-image: url('/common/images/find/f02_off.png'); }					
						}
						&:nth-child(4) {
							&.on { background-image: url('/common/images/find/f03_on.png'); }
							&.off { background-image: url('/common/images/find/f03_off.png'); }					
						}
						&:nth-child(5) {
							&.on { background-image: url('/common/images/find/f04_on.png'); }
							&.off { background-image: url('/common/images/find/f04_off.png'); }					
						}
						&:nth-child(6) {
							&.on { background-image: url('/common/images/find/f05_on.png'); }
							&.off { background-image: url('/common/images/find/f05_off.png'); }					
						}
						&:nth-child(7) {
							&.on { background-image: url('/common/images/find/f06_on.png'); }
							&.off { background-image: url('/common/images/find/f06_off.png'); }					
						}
						&:nth-child(8) {
							&.on { background-image: url('/common/images/find/f07_on.png'); }
							&.off { background-image: url('/common/images/find/f07_off.png'); }					
						}
						&:nth-child(9) {
							&.on { background-image: url('/common/images/find/f08_on.png'); }
							&.off { background-image: url('/common/images/find/f08_off.png'); }					
						}
					}
				}
			}
		}
		.bottom_based {
			margin:min(40px, 5.26vw);
			text-align:left;
			font-size:1rem;; /*12px*/
			/*border:1px solid red;*/
			.off { display:none; }
			.on{ display:block;}
		}
	}

	.view_map {
		position:fixed;
		bottom:120px;
		left:50%; transform:translateX(-50%);
		height:min(60px, 8vw); line-height:min(60px, 8vw);
		width:min(180px,23.68vw); padding:0 min(10px,1.3vw);
		border-radius:999px;
		text-align:center;
		/*border:1px solid red;*/
		color:#ffffff;
		background-color:#2794bb; /* transparent;*/
		z-index:100;
		cursor:pointer;
		&.on {
			display:block;
		}
		&.off {
			display:none;
		}
		.icon {
			width:min(22px,3.2vw);height:auto;
		}
		.view_text {
			margin-left:min(10px,1.3vw);
			font-size:1rem;
			font-weight:400;
		}
	}
	.place_info {
		display:none;
		position:relative;		
		text-align:left;
		z-index:20;
		margin:0;
		padding:1px min(30px, 3.9vw);
		&.off { 
			border-top:1px solid #cccccc;			
			#info_icon { display:none; }
		}
		&.on { 
			border-top:none;		
			#info_icon { display:block; }
		}

		img { 
			cursor:pointer; width:min(40px, 5.26vw); height:auto;
		}
		.info_text {
			&.on { display:block; }	
			&.off { display:none; }
			position:absolute;
			left:min(60px, 7.89vw);	top:0;
			background-color:#ffffff;
			border:1px solid #cccccc;
			border-radius:min(20px, 2.6vw);
			padding:min(10px, 1.3vw);
			margin:min(30px, 3.94vw);
			box-shadow:-2px -2px 20px rgba(0, 0, 0, 0.1),2px 2px 20px rgba(0, 0, 0, 0.1);
			li {
				clear:both;
				display:block;
				vertical-align:top;
				height:auto;
				line-height:1.4em;
				padding:min(10px, 1.3vw);
				&:nth-child(1) { color:#bc5338; }
				&:nth-child(2) { color:#5046a6; }
				&:nth-child(3) { color:#207e62; }
				img { 
					float:left;
					width:min(40px, 5.26vw); 
				}
				.text {
					display:inline-block;
					margin-left:min(10px, 1.3vw);
					margin-right:min(10px, 1.3vw);
					width:calc(100% - min(65px, 8.55vw));
					/*border:1px solid red;*/
				}
			}
		}	
	}

	.place_list {
		position:relative;
		&.off { display:none; }
		&.on { 
			display:block; 
			margin-top:min(10px, 1.3vw);
			min-height:195px;/*min(646px, 85vw);*/
			height:calc(100% - 196px);
			&.max { height:calc(100% - 153px); }
			overflow:auto;
			overflow-x:hidden;
			/*border:1px solid red;*/
			scrollbar-width: thin; /* 가늘게 설정 (auto, thin, none) */
			scrollbar-color: #fff transparent; /* 스크롤바 색상, 배경 색상 */
		}
	}



}	/*bottom_sheet*/

 #black_mask {
	position: fixed;
	z-index:100;
	top:0; left:0; right:0; bottom:0;
	background-color:rgba(0,0,0,0.6);
	/*border:1px solid red;*/
	text-align:center;
	&.on { display:block; }
	&.off { display:none; }
	.notice_box {
		border:1px solid #ffffff;
		position:relative;
		background-color:#ffffff;
		margin:0 auto;
		width:calc(100% - min(60px, 7.89vw));
		top:50%;
		transform:translateY(-50%);
		border-radius:min(60px, 7.89vw);
		.notice_pin {
			position:absolute;
			left:50%; top:max(-55px, -7.23vw);
			transform:translateX(-50%);
			width:min(120px, 15.78vw);
			height:min(120px, 15.78vw); line-height:min(120px, 15.78vw);
			background-color:#2794bb;
			border-radius:50px;
			.pin {
				width:50%; height:auto;
			}
		}
		.notice_title { 
			margin-top:min(110px, 14.47vw);
			font-size:1.4rem;
			font-weight:800;
		}
		.notice_content {
			margin-top:min(50px, 6.77vw);
			font-size:1rem;
			font-weight:500;
			line-height:1.4em;
			.cerulean { color:#2794bb; }
		}
		.notice_button {
			margin:min(60px, 7.89vw) 0;
			font-size:1rem;
			font-weight:500;
			text-align:center;
			div {
				display:inline-block;
				width:40%;
				height:min(90px, 11.84vw);
				line-height:min(90px, 11.84vw);
				text-align:center;
				border-radius:999px;
			}
			.no {
				border:1px solid #cccccc;
				color:#cccccc;
				background-color:#ffffff;
			}
			.ok { 
				border:1px solid #2794bb;
				color:#ffffff;
				background-color:#2794bb;
			}
			div + div { margin-left:min(20px, 2.6vw);  }
		}
	}
 }

/********* sub02 **************/
		.place_point {
			/*border:1px solid red;*/
			border-bottom:1px solid #eeeeee;
			padding-bottom:min(30px, 3.94vw);
			margin-bottom:min(20px, 2.6vw);
			.place_head, .place_line {
				margin:0 min(30px, 3.94vw); 
				padding:0;
				text-align:left;
				height:min(120px, 15.78vw);
				&.place_line {
					/*border:1px solid red;*/
					margin: min(50px, 6.57vw) min(30px, 3.94vw) min(10px, 1.31vw) min(30px, 3.94vw);
				}

				.place_title {
					display:block;
					width:auto;
					font-size:1.52rem;
					font-weight:700;
					span {
						/*border:1px solid red;*/
						display:inline-block;
						width:80%;
						white-space: nowrap;
						overflow:hidden;
						text-overflow: ellipsis;
					}
					.place_subject {
						display:inline-block;
						width:90%;
						white-space: nowrap;
						overflow:hidden;
						text-overflow: ellipsis;
					}
					.book_mark, .book_close {
						float:right;
						width:auto;
						height:min(40px, 5.26vw);
						line-height:min(40px, 5.26vw);
						margin-top:min(10px, 1.31vw);
						margin-left:min(30px, 3.94vw);
					}
				}

				.place_gory, .place_info {
					display:block;
					margin:min(10px, 1.3vw) 0 0 0;
					padding:0;
					height:3em;line-height:3em;
					.cate_gory {
						display:inline-block;
						vertical-align:top;					
						font-size:1rem;
						font-weight:400;
						color:#ffffff;
						border:1px solid #eeeeee;
						padding:0 min(20px, 2.63vw) 0 max(30px, 3.94vw);
						border-radius:4px;
						height:min(50px, 6.57vw);
						line-height:min(50px, 6.57vw);
						background-repeat: no-repeat;
						background-position:left center;
						background-size:contain; /*100% 100% cover contain;*/

						&.F01 { 
							background-color:#2794bb; 
							background-image: url('/common/images/find/f01.png');
						}
						&.F02 { background-color:#7ac300;
							background-image: url('/common/images/find/f02.png');						
						}
						&.F03 { background-color:#ef6a01; 
							background-image: url('/common/images/find/f03.png');						
						}
						&.F04 { background-color:#cc0019; 
							background-image: url('/common/images/find/f04.png');						
						}							
						&.F05 { background-color:#1960ae; 
							background-image: url('/common/images/find/f05.png');						
						}
						&.F06 { background-color:#6c62be; 
							background-image: url('/common/images/find/f06.png');						
						}
						&.F07 { background-color:#ff72e8; 
							background-image: url('/common/images/find/f09.png');						
						}
						&.F08 { background-color:#eecb1b; 
							background-image: url('/common/images/find/f08.png');						
						}								
					}
					.sub_gory {
						vertical-align:top;
						margin-left:min(10px, 1.3vw);
						img { 
							vertical-align:top;
							width:auto; height:min(50px, 6.57vw);
						}
					}
				}
				.place_away {
					display:block;
					margin:0;
					padding:0;
					height:2em;line-height:2em;
					font-size:1rem;
					font-weight:300;
				}
			}
			.place_box {
				li {
					margin-left:min(30px, 3.94vw);
					margin-bottom:min(10px, 1.3vw);
					text-align:left;
					height:1em;
				}
				.place_im {
					float:left;
					border:1px solid #e7e7e7;
					background-color:#f2f2f2;
					width:min(190px, 25vw);
					height:min(160px, 21vw);
					line-height:min(160px, 21vw);
					border-radius:min(10px, 1.3vw);
					margin-top:min(10px, 1.3vw);
					margin-right:min(20px, 2.6vw);
					text-align:center;
					.on {
						border-radius:min(10px, 1.3vw);
						width:min(190px, 25vw);
						height:min(160px, 21vw);
					}
					.off {
						border-radius:min(10px, 1.3vw);
						width:min(190px, 25vw);
						height:min(160px, 21vw);
					}
				}
				.place_adr {
					/*display:inline-block;*/
					font-size:1rem;
					font-weight:500;
					/*width: 98%;*/
					margin-top:min(4px, 0.52vw);
					height:1.2em;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
				.spot_rev {
					font-size:1rem;
					font-weight:400;
					float:right;
					margin-right:min(30px, 3.94vw);
					/*border:1px solid red;*/
					&.on { display:block; }
					&.off { display:none; }
					a {
						display:inline-block;
						cursor:pointer;
						text-align:center;
						width:min(125px, 16.44vw);
						height:min(60px,8vw); line-height:min(60px,8vw);
						color:#ffffff;
						background-color:#2794bb;
						border-radius:999px;
					}
				}

				.place_time {
					/*display:inline-block;*/
					font-size:1rem;
					font-weight:500;
					/*width: 98%;*/
					height:1.2em;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}

				.place_close {
					/*display:inline-block;*/
					font-size:1rem;
					font-weight:300;
					color:#e32626;
					/*width: 98%;*/
					height:1.2em;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}
		}


/*****************************/

	.find_page {
		position:relative;
		margin:0 auto;
		width:100%; /*max-width:760px;*/
		min-width:360px;
		/*border:1px solid red;*/
		height:calc(100vh - 2px);
		background-color:#ffffff;
		&.on { display:block; }
		&.off, &.out { display:none; }


		.find_center {
			position: fixed;
			/*border:1px solid blue;*/
			top:47.37px; 		
			bottom:70px; 
			left:0; right:0;
			overflow:auto;
			overflow-x:hidden;
			transition: all 0.5s ease-in-out;
			 -ms-overflow-style: none;	/* 인터넷 익스플로러, 엣지 */				
			scrollbar-width: none;/* 3. Firefox용 */
			/* iOS에서 부드러운 관성 스크롤 적용 */
			-webkit-overflow-scrolling: touch;
			scroll-snap-type: x mandatory;

			&::-webkit-scrollbar {
				display: none; /* 크롬, 사파리, 오페라, 엣지(신버전) */
			}


	/* 슬라이드 영역 */
	.slider {
		position:relative;
		width:100%;
		margin:0 auto;
		background:#fff;
		/*border-radius:20px;*/
		overflow:hidden;
		box-shadow:0 10px 30px rgba(0,0,0,0.1);

		.slide_wrap {
			overflow:hidden;
			position:relative;
			touch-action:pan-y;

			.slides {
				display:flex;
				transition:transform .3s ease;

				.slide {
					min-width:100%;
					user-select:none;
					position:relative;
					 img {
						width:100%;
						display:block;
						pointer-events:none;
					}
				}
			}
		}
		/* 도트 */
		.dots {
			position:absolute;
			left:50%;
			bottom:5%;
			transform:translateX(-50%);
			display:inline-block;
			width:auto;
			.dot {
				display:inline-block;
				margin: min(25px, 1vw);
				width:min(30px, 3.94vw);
				height:min(30px, 3.94vw);
				border-radius:50%;
				font-size:0;
				transition:.25s;
				cursor:pointer;
				background-color:#e8e8e8;
				color:#e8e8e8;
				&.on {
					background-color:#2794bb;
					color:#2794bb;
				}
			}
		}
	}

	/* 슬라이드 영역 - 끝 */


			.spot_infoline {
				text-align:left;
				padding:min(30px, 3.9vw);
				.spot_cate  {
					display:block;
					.cate_gory {
						vertical-align:top;
						display:inline-block;
						width:auto;
						font-size:1rem;
						font-weight:400;
						color:#ffffff;
						border:1px solid #eeeeee;	
						padding:0 min(20px, 2.63vw) 0 max(30px, 3.94vw);
						border-radius:4px;
						height:min(55px, 7.23vw);
						line-height:min(55px, 7.23vw);
						background-repeat: no-repeat;
						background-position:left center;
						background-size:contain; /*100% 100% cover contain;*/

						&.F01 { 
							background-color:#2794bb; 
							background-image: url('/common/images/find/f01.png');
						}
						&.F02 { background-color:#7ac300;
							background-image: url('/common/images/find/f02.png');						
						}
						&.F03 { background-color:#ef6a01; 
							background-image: url('/common/images/find/f03.png');						
						}
						&.F04 { background-color:#cc0019; 
							background-image: url('/common/images/find/f04.png');						
						}							
						&.F05 { background-color:#1960ae; 
							background-image: url('/common/images/find/f05.png');						
						}
						&.F06 { background-color:#6c62be; 
							background-image: url('/common/images/find/f06.png');						
						}
						&.F07 { background-color:#ff72e8; 
							background-image: url('/common/images/find/f09.png');						
						}
						&.F08 { background-color:#eecb1b; 
							background-image: url('/common/images/find/f08.png');						
						}	

					}
					.sub_gory {
						vertical-align:top;
						margin-left:min(10px, 1.3vw);
						img {  width:auto; height:min(55px, 7.23vw); }
					}
				}
				.spot_title  {
					font-size:1.52rem;
					font-weight:700;
					line-height: 1.6em;
					padding:min(30px, 3.9vw) 0;
				}
				.spot_away  {
					font-size:1rem;
					font-weight:300;
				}	
			}
			.find_tab {
				text-align:center;
				li {
					display:inline-block;
					width:calc(50% - 4px);
					margin:min(30px, 3.9vw) 0;
					height:min(70px, 9.2vw); line-height:min(70px, 9.2vw);

					&.on {
						border-bottom:min(4px, 0.6vw) solid #2794bb;
						font-size:1.32rem;
						font-weight:700;
						color: #2794bb;
						}
					&.off {
						border-bottom:min(4px, 0.6vw) solid #ffffff;
						font-size:1.142857143rem;
						font-weight:500;
						}
				}
			}
			.find_content {
				/*border:1px solid red;*/
				text-align:left;
				margin:0 min(30px, 3.9vw);
				.info {
					&.on { display: block; }
					&.off { display: none; }
					line-height:3em;
					img { 
						width:clamp(20px, 3.28vw, 25px); height:auto;
						margin-right:min(10px, 1.3vw);
					}
					.spot_adr {

					}
					.spot_time { 
						line-height:1.6em;
						.spot_close {
							color:#e32626;
							margin-left:min(30px, 3.9vw);
						}
					}

					.spot_contact {

					}
					.spot_memo { 
						margin-top:min(30px, 3.9vw);
						line-height:1.6em;
					}
					.spot_rev { 
						margin:min(30px, 3.9vw);
						text-align:center;
						a {
							display:inline-block;
							margin:0 auto;
							width:80%; max-width:280px;
							background-color:#ffffff;
							color:#2794bb;
							border:2px solid #2794bb;
							text-align: center;
							height: 40px;
							line-height: 40px;
							font-size: 14px;
							font-weight: 500;
							border-radius: 10px;
						}
					}
				}
				.say {
					 /*border:1px solid red; */
					&.on { display: block; }
					&.off { display: none; }
					.say_list {
						/*border:1px solid green; */
						margin-bottom:min(30px, 3.9vw);
						line-height:2em;
						.say_en {
							font-weight: 500;	
							.book_mark {
								float: right;
								width: min(35px, 4.6vw);
								height: auto;
								margin-top: min(20px, 2.6vw);
								margin-right: min(10px, 1.3vw);
							}
						}
						.say_kr {
							font-size:1.12rem;
							font-weight:700px;
						}
						.say_rm {

						}
						.say_speaker {
							float:right;
							color: #2794bb;
							font-weight: 500;
							img { 
								width:min(35px, 4.6vw); height:auto;
								margin-right:min(10px, 1.3vw);
							}
						}
					}
				}
			}
		}

		.find_bottom {
			position: fixed;	
			display:flex;
			flex-direction: row;
			justify-content:space-around;			
			height:70px; line-height:70px;
			left:0; right:0; bottom:0;	
			div {
				display:inline-block;
				margin-top:min(30px, 3.94vw);
				width:min(46%,200px);
				text-align:center;
				height:40px;
				line-height:40px;
				font-size:14px;
				font-weight:500;
				border-radius:10px;
				&.off { 
					color:#abacac;
					background-color:#ffffff;
					border:1px solid #cfcfcf;/**/	
					img { 
						width:29px;
						margin-right:min(10px, 1.3vw);
					}
				}
				&.on { 
					color:#ffffff;
					background-color:#2794bb;
					a { color:#ffffff; }
					img { 
						width:22px;
						margin-right:min(10px, 1.3vw);
					}
				}
			}
		}
	}


	@keyframes load_replay {
	  from {
		transform: rotate(0deg);
	  }
	  to {
		transform: rotate(360deg);
	  }
	}