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

	.my_info {
		background-color:#f2f8fb;
		padding:min(30px, 3.9vw);
		.my_pf {
			text-align:left;
			height:min(50px, 6.57vw);
			line-height:min(50px, 6.57vw);
			.my_nick {
				color:#2794bb;
				font-size:1.52rem;
				font-weight:700;
			}
			.profile {
				font-family: 'Inter-Variable';
				float:right;
				font-weight:550;
				color:#29292c;
				img {
					width:min(30px, 3.9vw); height:auto; 
					margin-right:min(20px, 2.6vw);
				}
			}
		}


		.my_cp {
			text-align:left;
			border:1px solid #2794bb;
			border-radius:min(5px, 0.6vw);
			margin:min(30px, 3.9vw) 0;
			padding:min(30px, 3.9vw);
			background-color:#ffffff;
			.coupons {
				font-size:1.28rem;
				font-weight:500;
				img { 
					width:min(60px, 7.8vw); height:auto;
					margin-right:min(20px, 2.6vw);
				}
			}
			.go_coupons {	
				float:right;
				img { width:min(20px, 2.6vw); height:auto; }			
			}
		}
	}
	.saved_info {
		text-align:left;
		margin:min(60px, 7.8vw) min(30px, 3.9vw);
		.saved_title { 
			color:#2794bb;
			font-size:1.52rem;
			font-weight:700;
		}
		.saved_list {
			/*border:1px solid red;*/
			display:flex;
			flex-wrap:wrap;
			justify-content: space-between;
			margin-top:min(30px, 4vw);
			.navi_pack {
				cursor:pointer;
				display:inline-block;
				vertical-align:top;
				width:calc(22% - 1vw); /*width:80px;*/
				margin:0;
				padding:min(30px, 4vw) 1% min(10px, 1.3vw) 1%;
				height:auto;
				text-align:center;
				border-radius:min(30px, 4vw);
				box-shadow: -1px -1px 15px rgba(10, 10, 10, 0.1),  1px 1px 15px rgba(10, 10, 10, 0.1);
				/*border:1px solid red;*/
				.pic {
					img {
						margin:0; padding:0;
						width:50%;
						height:auto; /*max-height:40%;*/
					}
				}
				.title {
					display:block;
					text-align:center;
					width:80%;
					color:#29292c;
					margin:0.5rem auto 0 auto;
					font-family: 'Inter-Variable';
					font-size:1rem;
					font-weight:550;
					line-height:1.1rem;
					letter-spacing: -1px;
					/*border:1px solid blue;*/
				}
			}
		}
	}

	.logout_line {
		margin:min(190px, 25vw) min(30px, 4vw);
		text-align:left;
		img {
			cursor:pointer;
			width:min(30px, 3.9vw);
			height:auto;
			margin-right:min(20px, 2.6vw);
		}
		.logout_title {
			cursor:pointer;
			color:#abacac;
			font-family: 'Inter-Variable';
			font-size:1rem;
			font-weight:550;
		}
	}

/** Profile *********************/
	.profile_center {
		border-top:1px solid #dee4e7;/**/
		position: fixed;
		top:47.37px; 	
		bottom:0;
		left:0; right:0;
		overflow:auto;
		overflow-x:hidden;
		transition: all 0.5s ease-in-out;
		background-color:#f2f8fb;
		padding:min(60px, 7.8vw) min(30px, 3.9vw);

		 -ms-overflow-style: none;	/* 인터넷 익스플로러, 엣지 */				
		scrollbar-width: none;/* 3. Firefox용 */
		/* iOS에서 부드러운 관성 스크롤 적용 */
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;

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

		.profile_info {	
			text-align:center;
			border:1px solid #2794bb;
			border-radius:min(10px, 1.3vw);
			padding:min(90px, 11.84vw);
			background-color:#ffffff;
			margin-bottom:min(150px, 19.73vw);
			.profile_name {	
				color:#2794bb;
				font-size:1.52rem;
				font-weight:700;
				margin:min(20px, 2.6vw);
			}
			.profile_email {
				font-size:1.28rem;
				font-weight:500;			
			}
		}
		.nick_box {
			text-align:left;
			margin-top:min(70px, 9.21vw);
			.nickname {
				font-size:1.2rem;
				font-weight:600;
			}
			.profile {
				float:right;
				cursor:pointer;
				color:#29292c;
				font-weight:400;
				img {
					width:min(30px, 3.9vw);
					height:auto;
					margin-right:min(20px, 2.6vw);
				}
			}
		} 
		.nick_info {
			text-align:left;
			margin-top:min(20px, 2.6vw);
			padding:min(40px, 5.26vw);
			border:1px solid #abacac;
			background-color:#ffffff;
			font-size:1.2rem;
			font-weight:400;
			border-radius:min(10px, 1.3vw);
		}


		.social_box {
			text-align:left;
			margin-top:min(70px, 9.21vw);
			.socialname {
				font-size:1.2rem;
				font-weight:600;
			}
			.profile {
				float:right;
				cursor:pointer;
				color:#29292c;
				font-weight:400;
			}
		} 
		.social_info {
			text-align:left;
			margin-top:min(20px, 2.6vw);
			padding:min(40px, 5.26vw);
			border:1px solid #abacac;
			background-color:#ffffff;
			font-size:1.2rem;
			font-weight:400;
			border-radius:min(10px, 1.3vw);
		}
		.membership_line {
			/*position: absolute;
			left:50%;
			transform:translateX(-50%);
			bottom:min(180px, 23.68vw);*/
			margin-top:min(200px, 26.31vw);
			text-align:center;
			.under {
				color:#29292c;
				padding-bottom:2px;
				border-bottom:1px solid #29292c;
				font-family: 'Inter-Variable';
				font-weight:550;
			}
		}
	}

	/** Nickname *********************/
	.nickname_center {
		border-top:1px solid #dee4e7;/**/
		position: fixed;
		top:47.37px; 	
		bottom:0;
		left:0; right:0;
		overflow:auto;
		overflow-x:hidden;
		transition: all 0.5s ease-in-out;
		background-color:#fafafa;
		padding:min(60px, 7.8vw) min(30px, 3.9vw);

		 -ms-overflow-style: none;	/* 인터넷 익스플로러, 엣지 */				
		scrollbar-width: none;/* 3. Firefox용 */
		/* iOS에서 부드러운 관성 스크롤 적용 */
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;

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

		.nick_box {
			text-align:left;
			margin-top:min(70px, 9.21vw);
			.nickname {
				font-size:1.2rem;
				font-weight:600;
			}
		} 
		.nick_info {
			text-align:left;
			margin-top:min(20px, 2.6vw);
			padding:min(30px, 3.9vw) min(20px, 2.6vw);
			background-color:#ffffff;
			border-radius:min(10px, 1.3vw);
			text-align:center;
			&.on { border:1px solid #abacac; }
			&.off { border:1px solid #ff0000; }
			input[name='nickname'] {
				width:calc(100% - min(30px, 3.9vw));
				padding:min(20px, 2.6vw);
				font-size:1.2rem;
				font-weight:400;
				background-color:#ffffff;
			}
		}

		.result {
			text-align:left;
			margin-top:min(20px, 2.6vw);
			height:min(40px, 5vw);
			line-height:min(40px, 5vw);
			font-family: 'Inter-Variable';
			font-size:1rem;
			font-weight:400;
			.off { display:none; }
			.on { 
				display:block; 
				&.blue { color:#2794bb; }
				&.red { color:#fe6969; }			
			}
		}

		.policy {
			text-align:left;
			margin-top:min(90px, 11.94vw);
			font-family: 'Inter-Variable';
			font-size:0.92rem;
			font-weight:300;
			li { 
				margin-left:1vw;
				margin-bottom:2vw;
				.outdent { float:left; margin-left:-1vw; }
			}
		}
		.update {
		/*
			position: absolute;
			left:min(30px, 3.9vw);
			right:min(30px, 3.9vw);
			bottom:min(300px, 39.47vw);
		*/
			margin:min(200px, 26.31vw) auto min(90px, 11.94vw) auto; 
			width:80%;
			height:min(100px, 13.15vw);
			line-height:min(100px, 13.15vw);

			text-align:center;
			font-size:1.4rem;
			font-weight:700;
			border-radius:min(10px, 1.3vw);
			&.off {
				color:#9a9a9a;
				background-color:#e2e2e2;
			}

			&.on {
				color:#ffffff;
				background-color:#2794bb;
			}
		}
	}

/** Account Deletion Notice ********************************/
	#black_mask {
		position: fixed;
		display:flex;
		  justify-content: center;
		  align-items: center;
		 /*  place-items: center;  수평/수직 동시 정렬 (일부 환경 주의) */
		top:0; right:0;
		bottom:0;left:0; 	
		background-color:rgba(0, 0, 0, 0.7);
		&.on { display:flex; }
		&.off { display:none; }		
	}

	.dam_box {
		background-color:#ffffff;
		border-radius:min(60px, 7.89vw);
		margin:0 min(30px, 3.9vw);
		padding:0 min(30px, 3.9vw);
		.dam1_note {
			display:inline-flex;
			text-align:center;
			align-items: center;     /* 수직 중앙 */
			justify-content: center; /* 수평 중앙 (필요 시) */
			width:min(140px, 18.42vw);
			height:min(140px, 18.42vw);
			background-color:#000000;
			border-radius:50%;
			transform:translateY(-55%);
			.feel {
				vertical-align:middle;
				width:min(10px, 2.3vw); height:auto;
			}
		}
		.dam1_title {
			text-align:center;
			color:#29292c;
			font-size:1.4rem;
			font-weight:800;
			margin-bottom:min(50px, 6.57vw);
		}
		.dam2_title {
			text-align:center;
			color:#29292c;
			font-size:1.4rem;
			font-weight:800;
			margin-top:min(50px, 6.57vw);
			margin-bottom:min(50px, 6.57vw);
		}
		.dam_alarm {
			text-align:center;
			font-weight:400;
		}
		.dam_line {
			text-align:center;
			font-weight:400;
			margin:min(50px, 6.57vw) 0;
			.dam_cancel {
				display:inline-block;
				border-radius:999px;
				padding:min(20px, 2.6vw);
				width:38%;
				height:min(50px, 6.57vw); line-height:min(50px, 6.57vw);
				background-color:#ffffff;
				color:#cccccc;
				border:1px solid #cccccc;
				cursor:pointer;
			}
			.dam_delete {
				display:inline-block;
				border-radius:999px;
				width:38%;
				height:min(50px, 6.57vw); line-height:min(50px, 6.57vw);
				padding:min(20px, 2.6vw);
				background-color:#e22625;
				color:#ffffff;
				border:1px solid #e22625;
				cursor:pointer;
			}
		}
	}
/** Saved *****************************/
	.saved_center {
		display:flex;
		flex-direction: column;
		border-top:1px solid #eaeaea;
		position: fixed;
		top:47.37px; 	
		bottom:0;
		left:0; right:0;
		overflow:auto;
		overflow-x:hidden;
		transition: all 0.5s ease-in-out;
		background-color:#ffffff;
		padding:0; /*min(60px, 7.8vw) min(30px, 3.9vw);*/

		 -ms-overflow-style: none;	/* 인터넷 익스플로러, 엣지 */				
		scrollbar-width: none;/* 3. Firefox용 */
		/* iOS에서 부드러운 관성 스크롤 적용 */
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;

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

        .saved_tab {
			display:flex;
			flex-wrap:wrap;
			justify-content: space-between;
			text-align: left;
			padding:min(50px, 6.57vw) min(30px, 3.9vw) 0 min(30px, 3.9vw);
            height: min(80px, 10.5vw);
			border-bottom:1px solid #eeeeee;
            li {
                display: inline-block;
				vertical-align:top;
				margin-top:min(10px, 1.3vw);
                height: min(70px, 9.2vw);
				font-size:0.9rem;
                font-weight:500;
                &.on {
                    border-bottom: min(4px, 0.6vw) solid #2794bb;
                    font-size: 1.1rem;
                    font-weight: 700;
                    color: #2794bb;
                }
            }
        }

		.search_box {
			position:relative;
			display:block;
			margin:min(45px, 5.92vw) min(30px, 3.9vw);
			height:50px;line-height:50px;
			border:2px solid #cccccc;
			border-radius:999px;
			background-color:#ffffff;
			text-align:left;
			input[name='search_keyword'], input[name='searchKeyword'] {
				/*border:1px solid red; */
				font-size:16px;
				padding:min(10px, 1.3vw) min(20px, 2.6vw);
				margin-left:min(20px, 2.6vw);
				width:calc(100% - 70px);
			}
			.find_search_icon, .say_search_icon  {
				position:absolute;
				top:50%;
				transform:translateY(-50%);
				right:min(30px, 4vw);
				margin-left:10px;
				margin-right:4px;
				width:26px; height:auto;
			}
		}


		.category_box {
			/*border:1px solid red;*/
			margin:min(30px, 3vw);
			overflow:hidden;

			.find_cg {
				display:block;
				background-color:#ffffff;
				width:auto; 
				white-space: nowrap;
					overflow:auto;
					/*overflow-y:hidden;*/	
					-ms-overflow-style: none;	/* 인터넷 익스플로러, 엣지 */				
					scrollbar-width: none;/* 3. Firefox용 */
					/* iOS에서 부드러운 관성 스크롤 적용 */
					-webkit-overflow-scrolling: touch;
					scroll-snap-type: x mandatory;

					&::-webkit-scrollbar {
					display: none; /* 크롬, 사파리, 오페라, 엣지(신버전) */
					}	
				li {
					display:inline-block;
					background-repeat: no-repeat;
					background-position:top left;
					background-size:contain; /*cover contain; clamp(30px, 50%, 80px)*/
					width:min(300px, 39.47vw); height:min(65px, 8.55vw);      /* 높이 설정 */
					  -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'); }					
					}
				}
			}
			.say_cg {
				display:block;
				background-color:#ffffff;
				width:auto; 
				white-space: nowrap;
					overflow:auto;
					/*overflow-y:hidden;*/	
					-ms-overflow-style: none;	/* 인터넷 익스플로러, 엣지 */				
					scrollbar-width: none;/* 3. Firefox용 */
					/* iOS에서 부드러운 관성 스크롤 적용 */
					-webkit-overflow-scrolling: touch;
					scroll-snap-type: x mandatory;
					&::-webkit-scrollbar {
					display: none; /* 크롬, 사파리, 오페라, 엣지(신버전) */
					}	
				li {
					display:inline-block;
					/*border:1px solid red;*/
					background-repeat: no-repeat;
					background-position:top left;
					background-size:contain; /*cover contain; clamp(30px, 50%, 80px)*/
					width:min(300px, 39.47vw); height:min(85px, 11.18vw);      /* 높이 설정 */
					  -webkit-user-drag: none;
					/*  pointer-events: none;  이미지가 아니라 div가 터치를 받도록 설정 */
					&:nth-child(1) {
						width:min(230px, 30.26vw);
						&.on { background-image: url('/common/images/sayinkorea/e00_on.png'); }
						&.off { background-image: url('/common/images/sayinkorea/e00_off.png'); }
					}
					&:nth-child(2) {
						&.on { background-image: url('/common/images/sayinkorea/e01_on.png'); }
						&.off { background-image: url('/common/images/sayinkorea/e01_off.png'); }
					}
					&:nth-child(3) {
						&.on { background-image: url('/common/images/sayinkorea/e02_on.png'); }
						&.off { background-image: url('/common/images/sayinkorea/e02_off.png'); }					
					}
					&:nth-child(4) {
						&.on { background-image: url('/common/images/sayinkorea/e03_on.png'); }
						&.off { background-image: url('/common/images/sayinkorea/e03_off.png'); }					
					}
					&:nth-child(5) {
						&.on { background-image: url('/common/images/sayinkorea/e04_on.png'); }
						&.off { background-image: url('/common/images/sayinkorea/e04_off.png'); }					
					}
					&:nth-child(6) {
						&.on { background-image: url('/common/images/sayinkorea/e05_on.png'); }
						&.off { background-image: url('/common/images/sayinkorea/e05_off.png'); }				
					}
					&:nth-child(7) {
						&.on { background-image: url('/common/images/sayinkorea/e06_on.png'); }
						&.off { background-image: url('/common/images/sayinkorea/e06_off.png'); }				
					}
				}
			}
		}

		.saved_page {
			display: flex;
			justify-content: space-between;
			align-items: center; /* 수직(교차축) 중앙 정렬 */
			height:min(150px, 19.73vw);
			line-height:min(150px, 19.73vw);
			margin:0 0 min(20px, 2.6vw) 0;
			padding:min(30px, 4vw);
			/*border:1px solid red;*/
			/*box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.3);*/
			.arr {
				width:16px; height:auto;
			}
			.num {
				display:inline-block;
				text-align:center;
				width:35px; height:35px; line-height:35px;
				/*border:1px solid red;*/
				border-radius:50px;
				font-size:16px; /*1.28rem;*/
				font-weight:500;

				&.none {
					img { width:90% }
				}
				&.on { 
					background-color:#2793ba;
					color:#ffffff;

				}
			}
		}


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

			overflow:auto;
			overflow-x:hidden;
			margin:min(30px, 3vw);
			text-align:left;

			.place_spot {
				clear:both;
				padding:min(30px, 3vw) 0;
				height:auto; /*min(290px, 38.15vw);*/
				/*box-sizing: border-box;*/
				/*border:1px solid red;*/
				li {
					margin-bottom:min(15px, 2vw);
				}
				.place_title {
					display:block;
					width:auto;
					font-size:1.52rem;
					font-weight:700;
					white-space: nowrap;
					overflow: hidden; 	
					text-overflow: ellipsis; 
				}

				.bookmark {
					float:right;
					.book_mark {
						cursor:pointer;
						width:min(30px, 5vw);
						height:auto;
					}
				}

					.place_gory {
						display:block;
						/*margin-left:min(20px, 2.6vw);*/
						width:auto;
						font-size:1rem;
						font-weight:400;
						color:#cccccc;
						padding:2px;
						.spot_pin {
							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(1px, 0.3vw);
							img { 
								vertical-align:top;
								width:auto; height:min(50px, 6.57vw);
							}
						}
					}

					.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(50px, 6.57vw);
							height:min(40px, 5.26vw);
						}
					}
					.place_adr {
						font-family:'Inter-Variable';
						font-size:1rem;
						font-weight:550;
					}
					.place_time {
						font-family:'Inter-Variable';
						font-size:1rem;
						font-weight:550;
					}

					.place_close {
						font-family:'Inter-Variable';
						font-size:1rem;
						font-weight:350;
						color:#e32626;
					}
					.place_away {
						font-family:'Inter-Variable';
						font-size:1rem;
						font-weight:350;
					}

			}
		}


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

			overflow:auto;
			overflow-x:hidden;
			margin:min(30px, 3vw);
			text-align:left;	

			.place_spot {
				display: flow-root;
				margin:0 min(30px, 3.9vw);
				padding:min(30px, 3.9vw) 0;
				text-align:left;
				/*border:1px solid red;*/
				& + .place_spot { border-top:1px solid #efefef; }
				.bookmark {
					float:right;
					width:auto;
					.book_mark {
						width:min(30px, 5vw);	height: auto;
					}
				}
				.pg_im {
					float: left;
					border: 1px solid #e7e7e7;
					background-color: #f2f2f2;
					width: min(240px, 31.57vw);height:auto; 
					aspect-ratio: 4 / 3;
					/* min(170px, 22.36vw);					
					line-height: min(160px, 21vw);*/
					border-radius: min(10px, 1.3vw);
					overflow:hidden;
					margin-top: min(10px, 1.3vw);
					margin-right: min(20px, 2.6vw);
					text-align: center;
					img {
						 width:100%; height: 100%;	
					}
				}
				.diocese_info {
					font-family: 'Inter-Variable';
					color:#919191;
					font-weight: 550;
				}
				.pg_cosno {
					font-family: 'Inter-Variable';
					color:#2794bb;
					font-weight: 550;
					margin-bottom: min(10px, 1.3vw);
				}
				.pg_title {
					font-family: 'Inter-Variable';
					font-weight:650;
				}
				.pg_street {
					font-family: 'Inter-Variable';
					margin-top: min(20px, 2.6vw);
					color:#000000;
					font-weight:450;
					span { 
						margin-right: min(20px, 2.6vw);	
						&:not(:first-child) {margin-left: min(20px, 2.6vw);}							
					}
				}
			}
		}
		.say_list {
			/*border:1px solid red;*/
			flex:1;
			position:relative;
			/*border:1px solid red;*/
			 /* 크롬, 사파리, 엣지 (WebKit 기반) */
			  &::-webkit-scrollbar {
				display: none;
			  }
			  /* 파이어폭스 */
			  scrollbar-width: none;
			  /* 인터넷 익스플로러, 구형 엣지 */
			  -ms-overflow-style: none;

			overflow:auto;
			overflow-x:hidden;
			margin:min(30px, 3vw);
			text-align:left;	

			.place_spot {
				border-bottom:1px solid #eeeeee;
				padding-bottom:min(30px, 3.9vw);
				margin-bottom:min(30px, 3.9vw);
				line-height:2em;
				.book_mark {
					float:right;
					width:min(35px, 4.6vw); height:auto;
					margin-top:min(20px, 2.6vw);
					margin-right:min(10px, 1.3vw);
				}
				.say_en {
					font-family: 'Inter-Variable';
					font-weight: 550;						
				}
				.say_kr {
					font-family: 'Noto Sans KR', sans-serif;
					font-size:1.12rem;
					font-weight:750px;
				}
				.say_rm {
					font-family: 'Inter-Variable';
					font-weight: 450;	
				}
				.say_speaker {
					float:right;
					color: #2794bb;
					font-weight: 500;
					img { 
						width:min(35px, 4.6vw); height:auto;
						margin-right:min(10px, 1.3vw);
					}
				}
			}
		}
		.ticket_list {		
			flex:1;
			position:relative;
			/*border:1px solid red;*/
			 /* 크롬, 사파리, 엣지 (WebKit 기반) */
			  &::-webkit-scrollbar {
				display: none;
			  }
			  /* 파이어폭스 */
			  scrollbar-width: none;
			  /* 인터넷 익스플로러, 구형 엣지 */
			  -ms-overflow-style: none;

			overflow:auto;
			overflow-x:hidden;
			margin:min(30px, 3vw);
			text-align:left;	
		}


	} /*.saved_center*/

		.tr_zone {
			/*border:1px solid red;*/
			display:flex;
			flex-wrap:wrap;
			margin: min(30px, 3.94vw);
			justify-content: space-around;
			gap: min(50px, 7vw) 4px;
			z-index:1;
			.tr_block {
				display:inline-block;
				vertical-align:top;
				width:48%;
				/*border:1px solid red;*/
				.tr_box {
					text-align:left;
					.tr_pic {
						position:relative;
						.tr_sm {
							width:100%; height:auto;
							aspect-ratio: 35 / 38;
							border-radius:10px;
							border:2px solid #e7e7e7;
							background-color:#f2f2f2;
						}
						.tr_pin {
							position:absolute;
							display:none;
							&.on { display:inline-block;}
							left:min(25px, 3.15vw); top:min(25px, 3.15vw);
							width:min(70px, 9.21vw);
							height:auto; /*min(35px, 4.6vw); line-height:min(35px, 4.6vw)*/
							padding:0 4px;
							border-radius:4px;
							font-family: 'Inter-Variable';
							font-size:1.2rem;
							font-weight:400;
							color:#29292c;
							background-color:#ffffff;
						}
					}
					.tr_title {
						display:block;
						margin-top:min(20px, 2.63vw);
						.tr_sub {
							display: block;
							width: 100%;
							font-size: 1.2rem;
							font-weight: 750;
							color: #000000;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}
						.tr_main {
							display: -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 2; /* 표시할 줄 수 */	
							min-height:2em;
							height:2.5em;
							overflow: hidden;
							text-overflow: ellipsis;
							font-size:1.2rem;
							font-weight:750;
							color:#000000;
							margin: min(10px, 1.3vw) 0 min(20px, 2.63vw) 0;
						}
					}
					.tr_pr {
						display:block;
						padding-left:min(40px, 5.2vw);
						background-image: url('/common/images/tours/bill.png');
						background-repeat: no-repeat;
						background-position:0 50%;
						background-size:contain; /*cover contain;*/
						color:#29292c;
					}
					.tr_key {
						display:block;
						padding-left:min(40px, 5.2vw);
						background-image: url('/common/images/tours/kind.png');
						background-repeat: no-repeat;
						background-position:0 50%;
						background-size:contain; /*cover contain;*/
						margin-top: min(10px, 1.3vw);
						text-align:left;
						color:#919191;
						span {
							display:inline;
							margin:0;padding:0;
							/*border:1px solid red;*/
							&.dot {
								margin:4px;								
							}
						}
					}

				}
			}
		} /*tr_zone*/