@charset "UTF-8";

.no-list {
	display:block;
	width:100%;
	padding:90px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

	.no-list .info-text {
		font-family:'SEBANG_Gothic_Regular', sans-serif;
		font-weight:400;
		font-size:1.21rem;
		color:#000;
		letter-spacing:-.6px;
		line-height:1.4;
		text-align:center;
	}

.idx_common_slideController {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
	.idx_common_slideController .ctrl-btn {
		display:block;
		background-repeat:no-repeat;
		background-position:center center;
		transition:0.3s all ease-in-out;
		opacity:0.6;
	}
	
	.idx_common_slideController .ctrl-btn.pause { background-image:url('../../img/home/page/index/image_idx_slide_pause.png'); }
	.idx_common_slideController .ctrl-btn.resume { background-image:url('../../img/home/page/index/image_idx_slide_resume.png'); }
	
	.idx_common_slideController .ctrl-btn:hover,
	.idx_common_slideController .ctrl-btn:focus {
		background-color:#fff;
		border:1px solid #ccc;
		opacity:1;
	}

/********** 공통 **********/
.container-section {
	display:block;
	width:100%;
	word-wrap:break-word;
	word-break:keep-all;
}
	.container-section .idx-cmn--title {
		display:block;
		width:100%;
		margin-bottom:25px;
		font-family:'SEBANG_Gothic_Regular', sans-serif;
		font-weight:400;
		font-size:1.5rem;
		color:#000;
		letter-spacing:-.6px;
		line-height:1.4;
	}


	.container-inner--frame { padding:40px 20px; }

	.cmn-title--frame {
		display:block;
		width:auto;
	}
		.more-btn--frame { display:block; }
		.more-btn { 
			display:block;
			width:30px;
			height:30px;
			position:relative;
			transition:0.3s all ease-in-out;
		}
		
		.more-btn:hover,
		.more-btn:focus { background-color:#000; border-color:#000; }
		
			.more-btn .line-mark {
				display:block;
				background-color:#666;
				position:absolute;
				left:50%;
				top:50%;
				transform:translate(-50%, -50%);
				transition:0.3s all ease-in-out;
			}
			.more-btn .line-mark.line1 { width:2px; height:20px; }
			.more-btn .line-mark.line2 { width:20px; height:2px; }

			.more-btn:hover .line-mark { transform:translate(-50%, -50%) rotate(90deg); background-color:#fff; }

.mulit-line-ellipsis,
.mulit-line-ellipsis-sub { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


/* ie10 & ie 11 두줄 이상 말줄임  - ie만 적용 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.mulit-line-ellipsis { width: calc(100% - 1.4rem); overflow: hidden; position: relative; line-height: 1.5rem; max-height: 3rem; margin-right: -1em; padding-right: 1em; }
	.mulit-line-ellipsis:before { content: '...'; position: absolute; right: 0; bottom: 0; }
	.mulit-line-ellipsis:after { content: ''; position: absolute; right: 0; width: 1.4rem; height: 1.4rem; margin-top: 1.4rem; background: white; }
	
	.mulit-line-ellipsis-sub { width: calc(100% - 1em); overflow: hidden; position: relative; line-height: 1.1rem; max-height: 2.2rem; margin-right: -1em; padding-right: 1em; }
	.mulit-line-ellipsis-sub:before { content: '...'; position: absolute; right: 0; bottom: 0; }
	.mulit-line-ellipsis-sub:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: white; }
}

/* 레이어팝업 */
.layer-popup { display:block; width:auto; position:absolute; }
.layer-popup .layer-popup-content-box { display:block; width:100% !important; height:auto !important; background-color:#fff; }
.layer-popup .layer-popup-content-box img { vertical-align:top; width:100%; max-width:100%; height:auto !important; }

.layer-popup .close-btn-box { display:block; width:100%; background-color:#fff; padding:10px; }
.layer-popup .close-btn-box .btn-frame { display:flex; display:-ms-flexbox; justify-content:flex-end; -ms-flex-pack:end; width:100%; }
.layer-popup .close-btn-box .check,
.layer-popup .close-btn-box .close-btn,
.layer-popup .close-btn-box .check input,
.layer-popup .close-btn-box .check label  { -ms-flex-align: center; align-self: center; -ms-flex-item-align: center; }
.layer-popup .close-btn-box .check { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; width:auto; margin-right:20px; }

.layer-popup .close-btn-box .check label,
.layer-popup .close-btn-box .close-btn { font-weight:600; font-size:0.85em; }


/********** 상단배너 **********/
#topBanner {
	
}
	#topBanner .banner-area--frame { 
		display:block;
		width:100%;
		background-color:#fff;
		position:relative;
	}
		#topBanner .top-banner-slide--controller {
			display:block;
			width:auto;
		}
			#topBanner .top-banner-slide--controller .ctrl-btn {
				display:block;
				width:150px;
				position:absolute;
				top:50%;
				transform:translateY(-50%);
				z-index:101;
			}
			
				#topBanner .top-banner-slide--controller .box--frame {
					display:block;
					width:100%;
					position:relative;
					border-bottom:1px solid rgba(255,255,255,.6);
				}
					#topBanner .top-banner-slide--controller .box--frame .text-box {
						display:block;
						width:100%;
						padding-bottom:8px;
						font-family:'SEBANG_Gothic_Regular', sans-serif;
						font-weight:300;
						font-size:1rem;
						color:#fff;
						letter-spacing:0.6px;
						line-height:1.4;
						transition:0.3s all ease-in-out;
					}
					
					#topBanner .top-banner-slide--controller .box--frame .line-box {
						display:block;
						width:50%;
						height:1px;
						background-color:#fff;
						position:absolute;
						bottom:-1px;
						transition:0.3s all ease-in-out;
					}
			
				#topBanner .top-banner-slide--controller .ctrl-btn.prev { left:0; }
					
					#topBanner .top-banner-slide--controller .ctrl-btn.prev .text-box { text-align:right; }
					#topBanner .top-banner-slide--controller .ctrl-btn.prev .line-box { right:0; }
				
				#topBanner .top-banner-slide--controller .ctrl-btn.next { right:0; }
				
					#topBanner .top-banner-slide--controller .ctrl-btn.next .line-box { left:0; }

			#topBanner .top-banner-slide--controller .ctrl-btn:hover,
			#topBanner .top-banner-slide--controller .ctrl-btn:focus { text-decoration:none; }
			
				#topBanner .top-banner-slide--controller .ctrl-btn:hover .text-box,
				#topBanner .top-banner-slide--controller .ctrl-btn:focus .text-box { color:#00ff4e; }
				
				#topBanner .top-banner-slide--controller .ctrl-btn:hover .line-box,
				#topBanner .top-banner-slide--controller .ctrl-btn:focus .line-box { background-color:#00ff4e; }


		#topBanner .banner--slide {
			display:block;
			width:100%;
		}
		
			#topBanner .slick-list { width:100%; }
			
				#topBanner .slide-item {
					display:block;
					width:100%;
				}
					#topBanner .slide-item .banner-link {
						display:flex;
						justify-content:center;
						align-items:center;
						flex-wrap:wrap;
						width:100%;
						background-repeat:no-repeat;
						background-position:center center;
						position:relative;
					}
					
					#topBanner .slide-item .banner-link:before {
						content:'';
						display:block;
						width:100%;
						height:100%;
						background-color:rgba(0,0,0,0.3);
						position:absolute;
						left:0;
						top:0;
						z-index:1;
						
					}
					
					#topBanner .slide-item.item1 .banner-link { background-image:url('../../img/home/page/index/image_idx_mainSlide_bg01.jpg'); }				
					#topBanner .slide-item.item2 .banner-link { background-image:url('../../img/home/page/index/image_idx_mainSlide_bg02.jpg'); }				
					#topBanner .slide-item.item3 .banner-link { background-image:url('../../img/home/page/index/image_idx_mainSlide_bg03.jpg'); }				
					#topBanner .slide-item.item4 .banner-link { background-image:url('../../img/home/page/index/image_idx_mainSlide_bg04.jpg'); }
					
						#topBanner .slide-item .text-area {
							display:block;
							position:relative;
							z-index:2;
						}
					
							#topBanner .slide-item .main-title {
								display:block;
								width:100%;
							}
								#topBanner .slide-item .main-title .block {
									display:block;
									width:100%;
									font-family:'GmarketSansLight', sans-serif;
									color:#fff;
									font-weight:300;
									letter-spacing:-.9px;
									line-height:1.4;
									text-align:center;
								}
								
								#topBanner .slide-item .main-title .block .t-bold {
									font-family:'GmarketSansMedium', sans-serif;
									font-weight:500;
									letter-spacing:-.9px;
									line-height:1.4;
								}
								
							#topBanner .slide-item .sub-title {
								display:block;
								width:100%;
								margin-bottom:10px;
								font-family:'GmarketSansLight', sans-serif;
								font-weight:300;
								color:rgba(255,255,255,.6);
								letter-spacing:-1.2px;
								text-align:center;
								line-height:1.4;
							}
							
							#topBanner .slide-item .line {
								display:block;
								width:1px;
								height:38px;
								margin:26px auto;
								background-color:#fff;
							}
							
							#topBanner .slide-item .en-text {
								display:block;
								width:100%;
								font-family:'GmarketSansLight', sans-serif;
								font-weight:300;
								color:rgba(255,255,255,1);
								letter-spacing:-.4px;
								text-align:center;
								line-height:1.4;
								text-align:center;
								font-size:1.8rem;
							}
							
							#topBanner .slide-item .discription {
								display:block;
								width:100%;
							}
								#topBanner .slide-item .discription .block {
									display:block;
									width:100%;
									font-family:'GmarketSansLight', sans-serif;
									font-weight:300;
									color:#fff;
									letter-spacing:-.2px;
									line-height:1.4;
									text-align:center;
								}
							

/********** 바로가기 & 공지사항 **********/
#boardNotice {
	display:block;
	width:100%;
	background-color:#f2f2f2;
	position:relative;
}

	#boardNotice .title-area {
		display:flex;
		background-color:#34978f;
		background-image:url('../../img/home/page/index/image_idx_shortcut_bg.png');
		background-repeat:no-repeat;
		background-position:left center;
	}
		#boardNotice .title-area .cont-title,
		#boardNotice .title-area .cont-s-text {
			display:block;
			width:100%;
			word-wrap:break-word;
			word-break:keep-all;
		}
	
		#boardNotice .title-area .cont-title {
			font-family:'GmarketSansMedium', sans-serif;
			font-weight:300;
			font-size:1.75rem;
			letter-spacing:-.9px;
			line-height:1.4;
			color:#fff;
		}
		
			#boardNotice .title-area .cont-title .block {
				font-family:'GmarketSansMedium', sans-serif;
				font-weight:300;
				line-height:1.4;
				letter-spacing:-.9px;
			}
		
		#boardNotice .title-area .cont-s-text {
			margin-top:19px;
			font-weight:600;
			font-size:0.91rem;
			color:rgba(255,255,255,.7);
		}
			#boardNotice .title-area .cont-s-text .block { line-height:1.4; }

		#boardNotice .title-area .link-btn {
			display:inline-flex;
			justify-content:flex-start;
			align-items:center;
			width:auto;
			margin-top:30px;
			color:#fff;
			transition:0.3s all ease-in-out;
		}
			#boardNotice .title-area .link-btn .text,
			#boardNotice .title-area .link-btn .icon {
				display:block;
				width:auto;
				font-family:'GmarketSansLight', sans-serif;
				line-height:1.4;
				letter-spacing:-.9px;
			}
			
			#boardNotice .title-area .link-btn .text { padding-right:30px; }

		#boardNotice .title-area .link-btn:hover,
		#boardNotice .title-area .link-btn:focus {
			color:#ff0;
			text-decoration:none;
		}

	#boardNotice .board-area {
		display:block;
		position:relative;
	}
		#boardNotice .board-area .board-title {
			display:block;
			width:100%;
			margin-bottom:30px;
			font-family:'GmarketSansMedium', sans-serif;
			font-weight:300;
			font-size:1.5rem;
			line-height:1.4;
			letter-spacing:-1.2px;
			color:#000;
		}
		
		#boardNotice .board-area .slick-list { width:100%; }
		
			#boardNotice .board-area .list-link {
				display:flex;
				justify-content:space-between;
				align-items:center;
				width:100%;
				color:#000;
				transition:0.3s all ease-in-out;
			}
				#boardNotice .board-area .list-link .list-title,
				#boardNotice .board-area .list-link .list-date {
					display:block;
					font-family:'GmarketSansLight', sans-serif;
					font-weight:300;
					font-size:1.2rem;
					line-height:1.4;
					letter-spacing:-.6px;
				}
				
				#boardNotice .board-area .list-link .list-title {
					width:calc(100% - 110px);
				}
				
				#boardNotice .board-area .list-link .list-date {
					min-width:110px;
					text-align:right;
				}
		
			#boardNotice .board-area .list-link:hover,
			#boardNotice .board-area .list-link:focus {
				color:#34978f;
				text-decoration:none;
			}
		
		#boardNotice .board-area .more-btn--frame {
			display:block;
			position:absolute;
		}
		
		#boardNotice .board-area .notice-slide--controller {
			display:flex;
			justify-content:flex-start;
			align-items:center;
			width:auto;
			position:absolute;
		}
			#boardNotice .board-area .notice-slide--controller .ctrl-btn {
				display:block;
				width:30px;
				height:30px;
				background-repeat:no-repeat;
				background-position:center center;
				transition:0.3s all ease-in-out;
				opacity:0.6;
			}
			
			#boardNotice .board-area .notice-slide--controller .ctrl-btn.prev { background-image:url('../../img/home/page/index/image_idx_slide_leftArrow.png'); }
			#boardNotice .board-area .notice-slide--controller .ctrl-btn.next { background-image:url('../../img/home/page/index/image_idx_slide_rightArrow.png'); }
			#boardNotice .board-area .notice-slide--controller .ctrl-btn.pause { background-image:url('../../img/home/page/index/image_idx_slide_pause.png'); }
			#boardNotice .board-area .notice-slide--controller .ctrl-btn.resume { background-image:url('../../img/home/page/index/image_idx_slide_resume.png'); }
			
			#boardNotice .board-area .notice-slide--controller .ctrl-btn:hover,
			#boardNotice .board-area .notice-slide--controller .ctrl-btn:focus {
				background-color:#fff;
				border:1px solid #ccc;
				opacity:1;
			}


/********** 제품소개 **********/
#productList {
	display:block;
	width:100%;
	padding-top:150px;
}
	#productList .container-inner--frame { position:relative; }		 
		
		#productList .product-slide .slide-list { width:100%; }
					
				#productList .product-slide .image-box {
					display:block;
					width:100%;
					padding-top:75%;
					position:relative;
					border-radius:10px;
					overflow:hidden;
				}
					#productList .product-slide .image-box img {
						max-width:100%;
						max-height:100%;
						position:absolute;
						left:50%;
						top:50%;
						transition:0.3s all ease-in-out;
						transform:translate(-50%, -50%);
					}
	
				#productList .product-slide .text-box {
					display:block;
					width:100%;
					padding-top:20px;
					font-family:'GmarketSansMedium', sans-serif;
					font-weight:300;
					font-size:1.21rem;
					line-height:1.4;
					letter-spacing:-1.2px;
					text-align:center;
					color:#000;
				}			
	
			#productList .product-slide .slide-item:hover,
			#productList .product-slide .slide-item:focus { text-decoration:none; }
	
			#productList .product-slide .slide-item:hover .image-box img,
			#productList .product-slide .slide-item:focus .image-box img { transform:translate(-50%, -50%) scale(1.2); }
	
		

/********** 체험안내 **********/
#exprience {
	display:block;
	width:100%;
}
	#exprience .container-inner--frame { position:relative; }
	
	#exprience .exprience-board-list--frame {
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
		width:100%;
	}
		#exprience .exprience-board-list--frame .list-link {
			display:block;
			position:relative;
		}
		
		#exprience .exprience-board-list--frame .list-link:hover ,
		#exprience .exprience-board-list--frame .list-link:focus { text-decoration:none; }
				
			#exprience .exprience-board-list--frame .image-box {
				display:block;
				width:100%;
				padding-top:75%;
				position:relative;
			}
				#exprience .exprience-board-list--frame .image-box img {
					max-width:100%;
					max-height:100%;
					position:absolute;
					left:50%;
					top:50%;
					transform:translate(-50%, -50%);
					transition:0.3s all ease-in-out;
				}
				
				#exprience .exprience-board-list--frame .list-link:hover .image-box img ,
				#exprience .exprience-board-list--frame .list-link:focus .image-box img { transform:translate(-50%, -50%) scale(1.2); }
							
			#exprience .exprience-board-list--frame .text-box {
				display:block;
				width:100%;
			}
				#exprience .exprience-board-list--frame .list-title {
					display:block;
					width:100%;
					font-family:'GmarketSansMedium', sans-serif;
					font-weight:300;
					letter-spacing:-.6px;
					line-height:1.4;
				}
				
				#exprience .exprience-board-list--frame .list-date {
					width:100%;
					font-weight:600;
					line-height:1.5;
				}

			#exprience .exprience-board-list--frame .link-btn--icon {
				display:block;
				width:44px;
				height:44px;
				border:2px solid rgba(255,255,255,.8);
				border-radius:22px;
				position:absolute;
				right:40px;
				top:40px;
				transition:0.3s all ease-in-out;
			}
				#exprience .exprience-board-list--frame .icon--frame {
					display:block;
					width:100%;
					height:100%;
					position:relative;
				}
					#exprience .exprience-board-list--frame .line {
						display:block;
						background-color:rgba(255,255,255,.8);
						position:absolute;
						left:50%;
						top:50%;
						transform:translate(-50%, -50%);
						transition:0.3s all ease-in-out;
					}
					#exprience .exprience-board-list--frame .line.line1 {
						width:2px;
						height:22px;
					}
					#exprience .exprience-board-list--frame .line.line2 {
						width:22px;
						height:2px;
					}
					
				#exprience .exprience-board-list--frame .list-link:hover .link-btn--icon,
				#exprience .exprience-board-list--frame .list-link:focus .link-btn--icon { background-color:#fff; }	

				#exprience .exprience-board-list--frame .list-link:hover .line,
				#exprience .exprience-board-list--frame .list-link:focus .line {
					background-color:#000;
					transform:translate(-50%, -50%) rotate(90deg);
				}	

/********** SNS 링크 **********/
#snsLink {
	display:block;
	width:100%;
	background-attachment:fixed;
	background-image:url('../../img/home/page/index/image_idx_snsLink_bg.jpg');
	background-repeat:no-repeat;
	background-position:center center;
}

	#snsLink .sub-text {
		display:block;
		width:100%;
		font-family:'GmarketSansLight', sans-serif;
		font-weight:300;
		color:rgba(255,255,255,.78);
		text-align:center;
		line-height:1.4;
		letter-spacing:-.6px;
	}
	
	#snsLink .main-text {
		display:block;
		width:100%;
		padding-top:7px;
		padding-bottom:40px;
		font-family:'GmarketSansMedium', sans-serif;
		font-weight:300;
		color:#fff;
		text-align:center;
		line-height:1.4;
		letter-spacing:-.6px;
	}

		#snsLink .main-text .t-bold {
			font-family:'GmarketSansBold', sans-serif;
		}

	#snsLink .sns-link--frame {
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
	}
		#snsLink .sns-link--frame .link-list {
			display:block;
			width:50px;
			height:50px;
			border:2px solid #fff;
			border-radius:25px;
			background-repeat:no-repeat;
			background-position:center center;
			transition:0.3s all ease-in-out;
		}
		
		#snsLink .sns-link--frame .link-list:not(:last-of-type) { margin-right:15px; }
		
		#snsLink .sns-link--frame .link-list.blog { background-image:url('../../img/home/page/index/image_idx_snsLink_blog.png'); }
		#snsLink .sns-link--frame .link-list.facebook { background-image:url('../../img/home/page/index/image_idx_snsLink_facebook.png'); }
		#snsLink .sns-link--frame .link-list.instagram { background-image:url('../../img/home/page/index/image_idx_snsLink_instagram.png'); }

		#snsLink .sns-link--frame .link-list:hover,
		#snsLink .sns-link--frame .link-list:focus { background-color:#fff; }

		#snsLink .sns-link--frame .link-list.blog:hover,
		#snsLink .sns-link--frame .link-list.blog:focus { background-image:url('../../img/home/page/index/image_idx_snsLink_blog_active.png'); }
		
		#snsLink .sns-link--frame .link-list.facebook:hover,
		#snsLink .sns-link--frame .link-list.facebook:focus { background-image:url('../../img/home/page/index/image_idx_snsLink_facebook_active.png'); }
		
		#snsLink .sns-link--frame .link-list.instagram:hover,
		#snsLink .sns-link--frame .link-list.instagram:focus { background-image:url('../../img/home/page/index/image_idx_snsLink_instagram_active.png'); }

/********** 갤러리 **********/
#idxGallery {
	display:block;
	width:100%;
}

	#idxGallery .container-inner--frame { position:relative; }
	
	#idxGallery .gallery-slide .slide-list { width:100%; }
		
		#idxGallery .gallery-slide .image-box {
			display:block;
			width:100%;
			padding-top:75%;
			border-radius:10px;
			position:relative;
			overflow:hidden;
		}
			#idxGallery .gallery-slide .image-box img {
				width:100%;
				height:100%;
				position:absolute;
				left:50%;
				top:50%;
				transform:translate(-50%, -50%);
			}
	
	#idxGallery .gallery-slide--controller {
		display:flex;
		justify-content:flex-start;
		align-items:center;
	}
		#idxGallery .gallery-slide--controller .ctrl-btn {
			display:block;
			background-repeat:no-repeat;
			background-position:center center;
			transition:0.3s all ease-in-out;
			opacity:0.6;
		}
		

/********** 체험후기 **********/
#exprienceReview {
	display:block;
	width:100%;
}

	#exprienceReview .container-inner--frame { position:relative; }
	
	#exprienceReview .review-board-list--frame {
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
		width:100%;
	}
		#exprienceReview .review-board-list--frame .list-link {
			display:block;
			padding:30px 30px 25px 30px;
			background-color:#fff;
			border:1px solid #ccc;
			border-radius:10px;
			transition:0.3s all ease-in-out;
		}
				
			#exprienceReview .review-board-list--frame .list-title,
			#exprienceReview .review-board-list--frame .list-date {
				width:100%;
				font-family:'GmarketSansMedium', sans-serif;
				font-weight:300;
				letter-spacing:-.6px;
				line-height:1.3;
			}
		
			#exprienceReview .review-board-list--frame .list-title {
				min-height:51px;
				color:#000;
				transition:0.3s all ease-in-out;
			}
			
			#exprienceReview .review-board-list--frame .list-date {
				display:block;
				margin-top:70px;
				color:rgba(0,0,0,.6);
			}

		#exprienceReview .review-board-list--frame .list-link:hover,
		#exprienceReview .review-board-list--frame .list-link:focus {
			border-color:#34978f;
			text-decoration:none;
			-webkit-box-shadow:3px 3px 0 rgba(0,0,0,.3);
			box-shadow:3px 3px 0 rgba(0,0,0,.3);
		}
			#exprienceReview .review-board-list--frame .list-link:hover .list-title,
			#exprienceReview .review-board-list--frame .list-link:focus .list-title { color:#34978f; }

/********** responsive - start **********/

/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {
	/* 레이어팝업 */
	.layer-popup {
		left:0px !important;
		right:auto !important;
	}
	
	/********** 공통 **********/
	.layout-container { background-color:#fff; }
	
		.container-section .idx-cmn--title { text-align:center; }
		
			.container-section .more-btn--frame { padding-top:30px; }
		
			.container-section .more-btn--frame .more-btn {
				margin-left:auto;
				margin-right:auto;
			}
			
	/********** 탑 배너 **********/
	#topBanner .slide-item .banner-link .text-area { padding:90px 0 150px 0; }
	
	#topBanner .top-banner-slide--controller .ctrl-btn {
		width:120px;
		top:auto;
		bottom:10%;
	}
	
	#topBanner .slide-item .main-title .block { font-size:1.7rem; }
	#topBanner .slide-item .sub-title { font-size:1rem; }
	#topBanner .slide-item .discription {
		margin-top:15px;
		padding-left:70px;
		padding-right:70px;
		text-align:center;
	}
		#topBanner .slide-item .discription .block {
			display:inline;
			font-size:0.85rem;
		}
	
	.container-inner--frame { padding:20px; }	
	
	/********** 바로가기 & 공지사항 **********/
	#boardNotice .board-area .list-link { flex-wrap:wrap; }
		
		#boardNotice .board-area .list-link .list-title,
		#boardNotice .board-area .list-link .list-date { width:100%; }
		
		#boardNotice .board-area .list-link .list-title {
			white-space:normal !important;
		}
		
		#boardNotice .board-area .list-link .list-date {
			padding-top:20px;
			text-align:left;
		}
	
	#boardNotice .board-area .more-btn--frame { padding-top:0px; }
	
	/********** 체험안내 **********/
	#exprience { background-color:#f7f7f7; }
		#exprience .exprience-board-list--frame .list-link { width:100%; }
		#exprience .exprience-board-list--frame .list-link:not(:last-of-type) { margin-bottom:40px; }
		
			#exprience .exprience-board-list--frame .list-title { font-size:1.2rem; }
			
			#exprience .exprience-board-list--frame .list-date {
				margin-top:15px;
				font-size:0.85rem;
			}
	
	/********** SNS 링크 **********/
	#snsLink .sub-text { font-size:1.15rem; }
	#snsLink .main-text { font-size:1.7rem; }
	
	/********** 제품소개 & 갤러리 **********/
	.product-slide,
	.gallery-slide {
		width:75%;
		margin-left:auto;
		margin-right:auto;
	}
		.product-slide .slide-item,
		.gallery-slide .list-link { margin-right:0px; }
		
		.idx_common_slideController .ctrl-btn.pause { display:none !important; }
		
		.idx_common_slideController .ctrl-btn {
			width:25px;
			height:48px;
			position:absolute;
			top:50%;
			transform:translateY(-50%);
		}
		
		.idx_common_slideController .ctrl-btn.prev {
			background-image:url('../../img/home/page/index/image_idx_slide_leftArrow_mob.png');
			left:20px;
		}
		
		.idx_common_slideController .ctrl-btn.next {
			background-image:url('../../img/home/page/index/image_idx_slide_rightArrow_mob.png');
			right:20px;
		}
	
	
	/********** 체험후기 **********/
	#exprienceReview { background-color:#f7f7f7; }
	#exprienceReview .review-board-list--frame .list-link { width:100%; }	
	#exprienceReview .review-board-list--frame .list-link:not(:last-of-type) { margin-bottom:15px; }
	
	
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1316px) {
	/********** 공통 **********/
	.container-inner--frame { width:100%; }
	
	/********** Top Banner **********/
	#topBanner .slick-track { display:flex; }
		#topBanner .slide-item { height:inherit; }
		#topBanner .slide-item .banner-link { height:100%; }
		
			#topBanner .slide-item .banner-link .text-area,
			#topBanner .slide-item .banner-link .image-area { width:100%; }
			
				#topBanner .slide-item .main-title .block { text-align:center; }
			
				#topBanner .slide-item .sub-title { text-align:center; }
				
				#topBanner .slide-item .discription .block { font-size:1rem; text-align:center; }
				
	/********** 바로가기 & 공지사항 **********/
	#boardNotice .title-area {
		justify-content:center;
		width:100%;
		padding:40px;
	}
		#boardNotice .title-area .title-frame {
			display:block;
			width:100%;
			text-align:center;
		}
		
	#boardNotice .board-area {
		width:100%;
		padding:40px 30px;
	}
	
	#boardNotice .board-area .more-btn--frame {
		right:30px;
		top:40px;
	}
	
	#boardNotice .board-area .notice-slide--controller {
		right:65px;
		top:40px;
	}
	
	/********** 제품소개 **********/
	#productList {
		padding-top:20px;
		padding-bottom:20px;
	}
	
	/********** 체험안내 **********/
	#exprience {
		padding-top:20px;
		padding-bottom:20px;
	}
		#exprience .exprience-board-list--frame .image-box {
			border-radius:10px;
			overflow:hidden;
		}
	
		#exprience .exprience-board-list--frame .shadow-box { display:none; }
			
			#exprience .exprience-board-list--frame .text-box { margin-top:20px; }
				#exprience .exprience-board-list--frame .list-title { color:#000; }
				
				#exprience .exprience-board-list--frame .list-date { color:rgba(0,0,0,.6); }
	
	/********** SNS 링크 **********/
	#snsLink { padding:50px 0; }
	
	/********** 갤러리 **********/
	#idxGallery {
		padding-top:20px;
		padding-bottom:20px;
	}
		
	/********** 체험후기 **********/
	#exprienceReview {
		padding-top:20px;
		padding-bottom:20px;
	}
		#exprienceReview .review-board-list--frame .list-title,
		#exprienceReview .review-board-list--frame .list-date { font-size:1rem; }
		
			
}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1316px) {
	/********** 공통 **********/
	.container-inner--frame {  }
	
		.container-section .more-btn--frame {
			right:20px;
			top:40px;
		}
		
		.idx_common_slideController {
			right:55px;
			top:40px;
		}
	
	#topBanner .slide-item .banner-link .text-area { padding:100px 0; }
	
		#topBanner .slide-item .main-title .block { font-size:2.4rem; }
	
	
	
	/********** SNS 링크 **********/
	#snsLink .sub-text { font-size:1.3rem; }
	#snsLink .main-text { font-size:2.1rem; }
}

/* Tablet & PC */
@media screen and (min-width:640px) {

	/********** 공통 **********/
	.container-section .more-btn--frame { position:absolute; }
	
	#topBanner .slide-item .sub-title { font-size:1.8rem; }	
	#topBanner .slide-item .discription { margin-top:40px; }
	
	/********** 제품소개 & 갤러리 **********/
	.idx_common_slideController {
		width:auto;
		position:absolute;
	}
		
		.idx_common_slideController .ctrl-btn {
			width:30px;
			height:30px;
		}
		
		.idx_common_slideController .ctrl-btn.prev { background-image:url('../../img/home/page/index/image_idx_slide_leftArrow.png'); }
		.idx_common_slideController .ctrl-btn.next { background-image:url('../../img/home/page/index/image_idx_slide_rightArrow.png'); }
	
	
	/********** 체험안내 **********/
	#exprience .exprience-board-list--frame .list-link { width:49%; }
	#exprience .exprience-board-list--frame .list-link:not(:last-of-type) { margin-right:2%; }
	
		#exprience .exprience-board-list--frame .list-title { font-size:1.5rem; }
		
		#exprience .exprience-board-list--frame .list-date {
			margin-top:28px;
			font-size:0.91rem;
		}
	
	/********** 제품소개 **********/
	#productList .product-slide .slide-item { margin-right:20px; }
	
	/********** 갤러리 **********/
	#idxGallery .gallery-slide { margin-right:-29rem; }
		
		#idxGallery .gallery-slide .list-link:not(:last-of-type) { margin-right:20px; }
	
	
	/********** 체험후기 **********/
	#exprienceReview .review-board-list--frame .list-link { width:32%; }	
	#exprienceReview .review-board-list--frame .list-link:not(:last-of-type) { margin-right:2%; }
	
		#exprienceReview .review-board-list--frame .list-title,
		#exprienceReview .review-board-list--frame .list-date { font-size:1.21rem; }
	 
}

/* PC */
@media screen and (min-width:1317px) {
	.header-middle .main-menu .new-window.big { background:url('../../img/home/common/image_icon_newWindow_big_white.png') no-repeat center center; }
	
	.header.bgColorChange .header-middle .main-menu .new-window.big,
	.header.mouseEnter .header-middle .main-menu .new-window.big { background:url('../../img/home/common/image_icon_newWindow_big.png') no-repeat center center; }
	
	/********** 공통 **********/
	.container-inner--frame { 
		width:100%;
		max-width:1300px;
		margin-left:auto;
		margin-right:auto;
		padding:0px;
	}
		.product-slide--controller,
		.gallery-slide--controller {
			right:35px;
			top:0px;
		}
	
		.container-section .more-btn--frame {
			right:0px;
			top:0px;
		}
		
		/********** Top Banner **********/
		#topBanner .slide-item .banner-link {
			width:100%;
			height:800px;
		}
		
			#topBanner .slide-item .banner-link .text-area {
				width:100%;
				max-width:1300px;
				padding-top:100px;
				margin-left:auto;
				margin-right:auto;
			}
		
			#topBanner .slide-item .main-title .block { font-size:4rem; }			
			#topBanner .slide-item .discription .block { font-size:1.21rem; }
			
			
			
	
		/********** 바로가기 & 공지사항 **********/
		#boardNotice .title-area {
			justify-content:flex-end;
			width:calc(50vw - 340px);
			padding:70px 60px 70px 0px;
			position:absolute;
			top:-67px;
			left:0;
			z-index:2;
		}
		
			#boardNotice .title-area .cont-title .block {
				display:block;
				width:100%;
			}
			
			#boardNotice .title-area .cont-s-text .block {
				display:block;
				width:100%;
			}
			
		#boardNotice .board-area {
			width:1300px;
			margin-left:auto;
			margin-right:auto;
			padding:50px 0 50px 373px;
		}
		
		#boardNotice .board-area .more-btn--frame {
			right:0;
			top:50px;
		}
		
		#boardNotice .board-area .notice-slide--controller {
			right:35px;
			top:50px;
		}
		
		
		/********** 제품소개 **********/
		#productList .product-slide .image-box { max-width:310px; }
		
		/********** 체험안내 **********/
		#exprience { padding-top:80px; }
		
			#exprience .exprience-board-list--frame .list-link {
				border-radius:10px;
				overflow:hidden;
			}
		
			#exprience .exprience-board-list--frame .shadow-box {
				display:block;
				width:100%;
				height:100%;
				background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0,0,0,.55));
				position:absolute;
				left:0;
				bottom:0;
				z-index:2;
			}
			
			#exprience .exprience-board-list--frame .text-box {
				padding:40px;
				position:absolute;
				left:0;
				bottom:0;
				z-index:3;
			}
				#exprience .exprience-board-list--frame .list-title { color:#fff; }
				
				#exprience .exprience-board-list--frame .list-date { color:rgba(255,255,255,.6); }
		
		/********** SNS 링크 **********/
		#snsLink {
			margin-top:80px;
			padding:90px 0;
		}
			#snsLink .sub-text { font-size:1.5rem; }
			#snsLink .main-text { font-size:2.45rem; }
		
		/********** 갤러리 **********/
		#idxGallery { padding-top:80px; }
		
		
		/********** 체험후기 **********/
		#exprienceReview {
			padding-top:80px;
			padding-bottom:80px;
		}
			
}

/**********  responsive - end **********/