@charset "UTF-8";

/********** 공통 **********/
.layout-wrapper { overflow:hidden; }

.container-section {
	display:block;
	width:100%;
	word-wrap:break-word;
	word-break:keep-all;
}
	.more-btn--frame { display:block; }
		.more-btn { 
			display:block;
			width:30px;
			height:30px;
			border:1px solid transparent;
			position:relative;
			transition:0.3s all ease-in-out;
		}
		
		.more-btn:hover,
		.more-btn:focus { border-color:#fff; }
		
			.more-btn .line-mark {
				display:block;
				background-color:#fff;
				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 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mulit-line-ellipsis-sub { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -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; }

/********** 비주얼 & 공지사항 부분 **********/
#visualSection {
	display:block;
	width:100%;
	background-color:#3ce08c;
}
	#visualSection .slick-list { width:100%; }

	#visualSection .visual--frame,
	#visualSection .visual--frame .inner--frame {
		display:block;
		width:100%;
		height:inherit;
	}
		#visualSection .visual--frame .visual-slide {
			width:100%;
			height:100%;
		}
			#visualSection .visual--frame .visual-slide .slick-list,
			#visualSection .visual--frame .visual-slide .slick-track {
				height:100%;
			}
			
			#visualSection .visual--frame .visual-slide .slide-item {
				display:flex;
				align-items:center;
				width:100%;
				height:100%;
				background-repeat:no-repeat;
				background-position:center center;
				background-size:cover;
			}
			
			#visualSection .visual--frame .visual-slide .slide-item.item1 { background-image:url('../../img/home/page/index/image_idx_visual2.jpg'); }
			#visualSection .visual--frame .visual-slide .slide-item.item2 { background-image:url('../../img/home/page/index/image_idx_visual3.jpg'); }
			#visualSection .visual--frame .visual-slide .slide-item.item3 { background-image:url('../../img/home/page/index/image_idx_visual4.jpg'); }
			
				#visualSection .visual--frame .visual-slide .item--frame {
					display:block;
					width:100%;
					max-width:1500px;
					margin-left:auto;
					margin-right:auto;
				}
					#visualSection .visual--frame .visual-slide .text-area {
						display:block;
						width:100%;
					}
					
						#visualSection .visual--frame .visual-slide .main-title {
							display:block;
							width:100%;
						}
							#visualSection .visual--frame .visual-slide .main-title .block {
								display:block;
								width:100%;
								font-family:'GmarketSansMedium', sans-serif;
								letter-spacing:-.6px;
								line-height:1.2;
								color:#fff;
							}
					
						#visualSection .visual--frame .visual-slide .discription {
							display:block;
							width:100%;
							padding-top:40px;
						}
							#visualSection .visual--frame .visual-slide .discription .block {
								font-weight:600;
								color:#fff;
								line-height:1.4;
							}
								
		#visualSection .visual--frame .visual-slide--controller {
			display:flex;
			justify-content:flex-end;
			width:100%;
			position:absolute;
			z-index:103;
		}	
			#visualSection .visual--frame .visual-slide--controller .ctrl-item {
				display:block;
				width:50px;
				height:50px;
			}
						
				#visualSection .visual--frame .visual-slide--controller .ctrl-btn {
					display:block;
					width:100%;
					height:100%;
					background-color:rgba(255,255,255,.2);
					background-repeat:no-repeat;
					background-position:center center;
					border:1px solid #fff;
					transition:0.3s all ease-in-out;
				}
				
				#visualSection .visual--frame .visual-slide--controller .ctrl-btn.prev { background-image:url('../../img/home/page/index/image_idx_visual_slide_leftArrow.png'); }
				#visualSection .visual--frame .visual-slide--controller .ctrl-btn.pause { background-image:url('../../img/home/page/index/image_idx_visual_slide_pasue.png'); }
				#visualSection .visual--frame .visual-slide--controller .ctrl-btn.resume { background-image:url('../../img/home/page/index/image_idx_visual_slide_resume.png'); }
				#visualSection .visual--frame .visual-slide--controller .ctrl-btn.next { background-image:url('../../img/home/page/index/image_idx_visual_slide_right.png'); }
				
				#visualSection .visual--frame .visual-slide--controller .ctrl-btn:hover,
				#visualSection .visual--frame .visual-slide--controller .ctrl-btn:focus { background-color:#fff; }
				
				#visualSection .visual--frame .visual-slide--controller .ctrl-btn:hover.prev,
				#visualSection .visual--frame .visual-slide--controller .ctrl-btn:focus.prev { background-image:url('../../img/home/page/index/image_idx_visual_slide_leftArrow_hover.png'); }
				#visualSection .visual--frame .visual-slide--controller .ctrl-btn:hover.pause,
				#visualSection .visual--frame .visual-slide--controller .ctrl-btn:focus.pause { background-image:url('../../img/home/page/index/image_idx_visual_slide_pasue_hover.png'); }
				#visualSection .visual--frame .visual-slide--controller .ctrl-btn:hover.resume,
				#visualSection .visual--frame .visual-slide--controller .ctrl-btn:focus.resume { background-image:url('../../img/home/page/index/image_idx_visual_slide_resume_hover.png'); }
				#visualSection .visual--frame .visual-slide--controller .ctrl-btn:hover.next,
				#visualSection .visual--frame .visual-slide--controller .ctrl-btn:focus.next { background-image:url('../../img/home/page/index/image_idx_visual_slide_right_hover.png'); }
				
	
		
	
@keyframes swing {
	0% { bottom:130px; }
	50% { bottom:145px; }
	100% { bottom:130px; }
}

	#visualSection .board--frame {
		display:block;
		width:100%;
		padding:38px 25px;
		background-color:#004f29;
	}
		#visualSection .board--frame .inner--frame {
			display:flex;
			justify-content:space-between;
			align-items:center;
			width:100%;
			max-width:1500px;
			margin-left:auto;
			margin-right:auto;
		}
			#visualSection .board--frame .board-title {
				display:block;
				width:auto;
				font-family:'GmarketSansMedium', sans-serif;
				font-weight:300;
				font-size:1.4rem;
				letter-spacing:-.6px;
				line-height:1.2;
				color:#fff;
			}
			
			#visualSection .board--frame .no-board--box { display:block; }
			
				#visualSection .board--frame .no-board--box .no-content {
					display:block;
					width:100%;
					font-size:1rem;
					font-weight:600;
					color:#fff;
				}
			
			#visualSection .board--frame .no-board--box,
			#visualSection .board--frame .board-list {
				display:block;
				width:calc(100% - 300px);
			}
			
				#visualSection .board--frame .list-item {
					display:flex;
					justify-content:space-between;
					align-items:center;
					width:100%;
				}
				
					#visualSection .board--frame .list-item .list-title {
						display:block;
						width:calc(100% - 100px);
						font-weight:600;
						font-size:0.91rem;
						color:#fff;
					}
					
					#visualSection .board--frame .list-item .list-date {
						display:block;
						width:auto;
						font-weight:600;
						font-size:0.91rem;
						color:rgba(255,255,255,.6);
					}
				
			#visualSection .board--frame .board-ctrl {
				display:flex;
				justify-content:flex-start;
				align-items:center;
				width:auto;
			}
			
				#visualSection .board--frame .board-ctrl .board-slide--controller {
					display:flex;
					justify-content:flex-start;
					align-items:center;
					width:auto;
				}
					#visualSection .board--frame .board-slide--controller .ctrl-btn {
						display:block;
						width:30px;
						height:30px;
						background-repeat:no-repeat;
						background-position:center center;
						border:1px solid transparent;
						transition:0.3s all ease-in-out;
					}
					
					#visualSection .board--frame .board-slide--controller .ctrl-btn.prev { background-image:url('../../img/home/page/index/image_idx_slide_leftArrow.png'); }
					#visualSection .board--frame .board-slide--controller .ctrl-btn.next { background-image:url('../../img/home/page/index/image_idx_slide_rightArrow.png'); }
					#visualSection .board--frame .board-slide--controller .ctrl-btn.pause { background-image:url('../../img/home/page/index/image_idx_slide_pause.png'); }
					#visualSection .board--frame .board-slide--controller .ctrl-btn.resume { background-image:url('../../img/home/page/index/image_idx_slide_resume.png'); }
					
					#visualSection .board--frame .board-slide--controller .ctrl-btn:hover,
					#visualSection .board--frame .board-slide--controller .ctrl-btn:focus { border:1px solid #fff; }

/********** 바로가기 링크 부분 **********/
#quickSection {
	display:block;
	width:100%;
}

	#quickSection .bg-text--frame {
		display:block;
		width:100%;
		position:relative;
	}
		#quickSection .bg-text--frame .bg {
			display:block;
			width:100%;
			min-height:380px;
			padding:45px;
		}
		
		#quickSection .bg-text--frame .en-title {
			display:block;
			width:100%;
		}
			#quickSection .bg-text--frame .en-title .block {
				width:100%;
				font-family:'GmarketSansBold', sans-serif;
				letter-spacing:-.6px;
				line-height:1.5;
			}
			
	#quickSection .under-text--frame {
		display:block;
		width:100%;
	}
		#quickSection .under-text--frame .ko-title {
			display:block;
			width:100%;
			padding-bottom:30px;
			font-family:'GmarketSansMedium', sans-serif;
			font-weight:300;
			font-size:1.4rem;
			letter-spacing:-.6px;
			line-height:1.2;
			color:#000;
		}
		
		#quickSection .under-text--frame .desc {
			display:block;
			width:100%;
			padding-bottom:45px;
		}
			#quickSection .under-text--frame .desc .block {
				display:block;
				width:100%;
				font-weight:600;
				font-size:0.91rem;
				color:rgba(0,0,0,.45);
				line-height:1.4;
			}
			#quickSection .under-text--frame .desc .block:not(:last-of-type) { margin-bottom:5px; }
			
		#quickSection .under-text--frame .link-box {
			display:block;
			width:100%;
		}
			#quickSection .under-text--frame .link-box .link-btn {
				display:inline-flex;
				justify-content:flex-start;
				align-items:center;
				width:auto;
			}
				#quickSection .under-text--frame .link-box .link-btn .icon,
				#quickSection .under-text--frame .link-box .link-btn .text {
					display:block;
					width:auto;
				}
				
				#quickSection .under-text--frame .link-box .link-btn .text {
					padding-top:3px;
					margin-right:15px;
					font-family:'GmarketSansMedium', sans-serif;
					font-weight:300;
					font-size:1rem;
					letter-spacing:-.6px;
					line-height:1.2;
					color:rgba(0,0,0,.6);
					transition:0.3s all ease-in-out;
				}
				
				#quickSection .under-text--frame .link-box .link-btn:hover,
				#quickSection .under-text--frame .link-box .link-btn:focus { text-decoration:none; }
				
				#quickSection .under-text--frame .link-box .link-btn:hover .text,
				#quickSection .under-text--frame .link-box .link-btn:focus .text { color:#01f997; }

	#quickSection .quick1--frame {
		display:block;
		width:100%;
	}
		#quickSection .quick1--frame .bg-text--frame .bg {
			background-color:#000;
			background-image:url('../../img/home/page/index/image_idx_quick_bg_1.png');
			background-repeat:no-repeat;
		}
		
	
	#quickSection .quick2--frame {
		display:block;
		width:100%;
	}
		
		#quickSection .quick2--frame .bg-text--frame .bg {
			background-image:url('../../img/home/page/index/image_idx_quick_bg_2.jpg');
			background-repeat:no-repeat;
			background-position:center center;
			background-size:cover;
		}
		
/********** 사업안내 부분 **********/
#businessSection {
	display:block;
	width:100%;
}
	#businessSection .inner--frame {
		display:block;
		width:100%;
		max-width:1500px;
		margin-left:auto;
		margin-right:auto;
	}
	
		#businessSection .title-box {
			display:block;
			width:100%;
			padding-bottom:55px;
		}
			#businessSection .title-box .title {
				display:block;
				width:100%;
				margin-bottom:35px;
				font-family:'GmarketSansBold', sans-serif;
				font-size:3rem;
				letter-spacing:-.6px;
				line-height:1.4;
				color:#000;
			}
			
			#businessSection .title-box .description {
				display:block;
				width:100%;
				font-size:0.91rem;
				font-weight:600;
				color:rgba(0,0,0,.6);
				line-height:1.4;
			}
			
		#businessSection .content-box {
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			width:100%;
		} 
			#businessSection .content-box .list-item {
				display:block;
				padding:30px;
				background-color:#1c693a;
				border-radius:10px;
			}
			
				#businessSection .content-box .list-item .icon {
					display:block;
					width:100%;
					padding-bottom:15px;
				}
					#businessSection .content-box .list-item img {
						max-width:100%;
						vertical-align:top;
					}

				#businessSection .content-box .list-item .item-title {
					display:block;
					width:100%;
					padding-bottom:15px;
					font-family:'GmarketSansBold', sans-serif;
					font-size:1.8rem;
					letter-spacing:-.6px;
					line-height:1.4;
					color:#fff;
				}
				
				#businessSection .content-box .list-item .item-desc {
					display:block;
					width:100%;
					font-family:'GmarketSansMedium', sans-serif;
					font-weight:300;
					font-size:1rem;
					letter-spacing:-.6px;
					line-height:1.4;
					color:#fff;
				}
				
				#businessSection .content-box .list-item .item-cont {
					display:block;
					width:100%;
					padding-top:22px;
					margin-top:22px;
					border-top:1px solid rgba(255,255,255,.2);
					font-weight:600;
					font-size:0.75rem;
					color:rgba(255,255,255,.6);
					line-height:1.4;
				}
				
/********** 움직이는 문구 **********/
#movingSection {
	display:block;
	width:100%;
}
	#movingSection .moving-bg {
		display:block;
		width:100%;
		height:56px;
		background-image:url('../../img/home/page/index/image_idx_bg_3.png');
		background-size:auto 100%;
		animation:moveBg 30s linear infinite;
	}
	
@keyframes moveBg {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -2177px 0; /* 이미지 한 폭만큼 이동 */
	}
}
	
/********** 문의 **********/
#contactUsSection {
	display:block;
	width:100%;
	background-color:#004f29;
	background-image:url('../../img/home/page/index/image_idx_contactUs_bg.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

	#contactUsSection .inner--frame {
		display:flex;
		justify-content:space-between;
		align-items:center;
		flex-wrap:wrap;
		width:100%;
		max-width:1500px;
		margin-left:auto;
		margin-right:auto;
	}
		#contactUsSection .inner--frame .text-box { display:block; }
		
			#contactUsSection .inner--frame .text-box .title {
				display:block;
				width:100%;
			}
				#contactUsSection .inner--frame .text-box .block {
					font-family:'GmarketSansMedium', sans-serif;
					font-weight:300;
					letter-spacing:-.6px;
					line-height:1.4;
					color:#fff;
				} 

			#contactUsSection .inner--frame .text-box .desc {
				display:block;
				width:100%;
				line-height:1.4;
				color:rgba(255,255,255,.6);
			}

		#contactUsSection .inner--frame .link-box { display:block; }
		
			#contactUsSection .inner--frame .link-box .link-btn {
				display:block;
				width:auto;
				padding:15px 70px 10px 70px;
				border:1px solid #fff;
				border-radius:25px;
				font-family:'GmarketSansMedium', sans-serif;
				font-weight:300;
				font-size:1rem;
				line-height:1.4;
				color:rgba(255,255,255,1);
				transition:0.3s all ease-in-out;
			}
			
			#contactUsSection .inner--frame .link-box .link-btn:hover,
			#contactUsSection .inner--frame .link-box .link-btn:focus {
				text-decoration:none;
				border-color:#01bc72;
				background-color:#01bc72;
			}

/********** responsive - start **********/
/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {
	/********** 비주얼 & 공지사항 부분 **********/
	#visualSection .visual--frame { height:70vh; }
	
		#visualSection .visual--frame .visual-slide--controller {
			justify-content:center;
			left:50%;
			bottom:60px;
			transform:translateX(-50%);
		}
			#visualSection .visual--frame .visual-slide--controller .ctrl-item {
				width:40px;
				height:40px;	
			}
			#visualSection .visual--frame .visual-slide--controller .ctrl-item:not(:last-of-type) { margin-right:10px; }
			
				#visualSection .visual--frame .visual-slide--controller .ctrl-btn {
					border-radius:20px;
				}
	
		#visualSection .visual--frame .visual-slide .item--frame { padding-left:30px; padding-right:30px; }
		
			#visualSection .visual--frame .visual-slide .text-area { text-align:center; }
			
				#visualSection .visual--frame .visual-slide .main-title .block,
				#visualSection .visual--frame .visual-slide .discription .block { text-shadow:2px 2px 0 rgba(0,0,0,0,1); }
			
				#visualSection .visual--frame .visual-slide .main-title .block { font-size:2.5rem; }				
				#visualSection .visual--frame .visual-slide .discription .block { font-size:0.85rem; }
	
	#visualSection .board--frame {
		padding:30px;
		position:relative;
	}
	
		#visualSection .board--frame .inner--frame { flex-wrap:wrap; }
		
			#visualSection .board--frame .board-title {
				width:100%;
				padding-bottom:30px;
				text-align:center;
			}
			
			#visualSection .board--frame .no-board--box,
			#visualSection .board--frame .board-list {
				width:calc(100% - 40px);
				margin-left:20px;
				margin-right:20px;
			}
			
			#visualSection .board--frame .no-board--box { padding-top:19px; text-align:center; }
			
				#visualSection .board--frame .list-item { flex-wrap:wrap; }
				
					#visualSection .board--frame .list-item .list-title,
					#visualSection .board--frame .list-item .list-date {
						width:100%;
						text-align:center;
					}
					
					#visualSection .board--frame .list-item .list-date { padding-top:20px; }
			
			#visualSection .board--frame .board-ctrl { width:100%; }
				
				#visualSection .board--frame .ctrl-btn.pause { display:none; }
				
				#visualSection .board--frame .ctrl-btn.prev,
				#visualSection .board--frame .ctrl-btn.next {
					position:absolute;
					top:50%;
					transform:translateY(-50%);
				}
				
				#visualSection .board--frame .ctrl-btn.prev { left:15px; }
				#visualSection .board--frame .ctrl-btn.next { right:15px; }
				
				#visualSection .board--frame .more-btn--frame {
					margin-left:auto;
					margin-right:auto;
					padding-top:25px;
				}
	
	/********** 바로가기 링크 부분 **********/
	#quickSection { padding:30px; }
	
		#quickSection .bg-text--frame .en-title {
			padding:25px 0;
			text-align:center;
		}
		
			#quickSection .bg-text--frame .en-title .block {
				font-size:1.5rem;
				color:#000;
			}
			
		#quickSection .quick1--frame { padding-bottom:70px; }
	
			#quickSection .quick1--frame .bg-text--frame .bg { background-position:center center; }
		
		#quickSection .under-text--frame .ko-title {
			font-size:1.15rem;
			text-align:center;
		}
		
		#quickSection .under-text--frame .desc { display:none; }
		
		#quickSection .under-text--frame .link-box { text-align:center; }
		
			#quickSection .under-text--frame .link-box .link-btn .text { display:none; }
	
	/********** 사업안내 부분 **********/
	#businessSection { padding:30px; }
	
		#businessSection .title-box { padding-bottom:30px; }
		
		#businessSection .title-box .title {
			margin-bottom:10px;
			font-size:1.8rem;
			text-align:center;
		}
		
		#businessSection .title-box .description { text-align:center; }
	
		#businessSection .content-box .list-item {
			width:100%;
			text-align:center;
		}
		#businessSection .content-box .list-item:nth-of-type(n+2) { margin-top:10px; }
		#businessSection .content-box .list-item:nth-of-type(even) { background-color:#2da65b; }
			
			#businessSection .content-box .list-item .item-icon { padding-bottom:20px; }
			
			#businessSection .content-box .list-item .item-title {
				padding-bottom:6px;
				font-size:1.5rem;
			}
			
			#businessSection .content-box .list-item .item-desc {
				font-family:'Nanum Gothic', sans-serif;
				font-weight:600;
				font-size:0.91rem;
			}
			
			#businessSection .content-box .list-item .item-cont { display:none; }
			
	/********** 문의 **********/
	#contactUsSection { padding:60px 30px; }
	
		#contactUsSection .inner--frame .link-box .link-btn {
			padding-top:10px;
			padding-bottom:10px;
			font-family:'Nanum Gothic', sans-serif;
			font-weight:600;
			font-size:0.91rem;
		}
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:810px) {
	/********** 문의 **********/
	#contactUsSection .inner--frame .text-box,
	#contactUsSection .inner--frame .link-box {
		width:100%;
	}
		#contactUsSection .inner--frame .text-box .title {
			padding-bottom:15px;
			text-align:center;
		}
		
			#contactUsSection .inner--frame .text-box .block { font-size:1.5rem; }
			
		#contactUsSection .inner--frame .text-box .desc {
			padding-bottom:30px;
			font-weight:600;
			font-size:0.85rem;
			text-align:center;
		}
		
		#contactUsSection .inner--frame .link-box { text-align:center; }
		
			#contactUsSection .inner--frame .link-box .link-btn { display:inline-block; }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1316px) {
	/********** 비주얼 & 공지사항 부분 **********/
	#visualSection .visual--frame { position:relative; }
	
		#visualSection .visual--frame .scroll-down { display:none; }
	
	/********** 바로가기 링크 부분 **********/		
	#quickSection .bg-text--frame .bg { border-radius:10px; }
}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1316px) {
	/********** 비주얼 & 공지사항 부분 **********/
	#visualSection .visual--frame { height:80vh; }
	
		#visualSection .visual--frame .visual-slide--controller {
			justify-content:flex-start;
			left:60px;
			bottom:60px;
		}
	
		#visualSection .visual--frame .visual-slide .text-area {
			padding-left:60px;
			padding-right:60px;
		}
		
			#visualSection .visual--frame .visual-slide .main-title .block { font-size:4rem; }
			
		#visualSection .board--frame {
			
		}
	
	/********** 바로가기 링크 부분 **********/
	#quickSection { padding:70px 60px 0 60px; }
	
		#quickSection .quick1--frame { padding-bottom:70px; }
		
			#quickSection .quick1--frame .bg-text--frame .bg { background-position:right center; }
			
			
			#quickSection .quick2--frame .bg-text--frame .en-title { left:55px; }
	
	/********** 사업안내 부분 **********/
	#businessSection .content-box .list-item { width:49%; }
	#businessSection .content-box .list-item:nth-of-type(odd) { margin-right:2%; }
	#businessSection .content-box .list-item:nth-of-type(n+3) { margin-top:20px; }
}

/* Tablet & PC */
@media screen and (min-width:640px) {
	/********** 비주얼 & 공지사항 부분 **********/
	#visualSection .visual--frame .visual-slide .discription .block {
		display:block;
		width:100%;
		font-size:1rem;
	}
	
	/********** 바로가기 링크 부분 **********/
	#quickSection .bg-text--frame .en-title {
		position:absolute;
		bottom:45px;
	}
		#quickSection .bg-text--frame .en-title .block {
			display:block;
			font-size:2.15rem;
			color:#fff;
		}
	
		#quickSection .quick1--frame .bg-text--frame .en-title { left:55px; }
	
	#quickSection .under-text--frame { padding:30px; }
	
	/********** 사업안내 부분 **********/
	#businessSection { padding:70px 60px; }
	
	/********** 문의 **********/
	#contactUsSection { padding:150px 60px; }
}

/* Tablet & PC */
@media screen and (min-width:810px) {
	
	
	/********** 문의 **********/
	#contactUsSection .inner--frame .text-box,
	#contactUsSection .inner--frame .link-box { display:block; }
	
		#contactUsSection .inner--frame .text-box .title { padding-bottom:40px; }
		
			#contactUsSection .inner--frame .text-box .block {
				display:block;
				width:100%;
				font-size:2rem;
			}
		
			#contactUsSection .inner--frame .text-box .desc {
				font-family:'GmarketSansMedium', sans-serif;
				font-weight:300;
				font-size:1rem;
			}
			
}
/* PC */
@media screen and (min-width:1317px) {
	/********** 공통 부분 **********/
	.layout-container {
		background-image:url('../../img/home/page/index/image_idx_bg_1.png'), url('../../img/home/page/index/image_idx_bg_2.png');
		background-position:-18% 40%, 123% 72%;
		background-repeat:no-repeat, no-repeat;
	}
	
	/********** 비주얼 & 공지사항 부분 **********/
	#visualSection {
		height:100vh;
		position:relative;
	}
		#visualSection .visual--frame .visual-slide--controller {
			right:0px;
			bottom:106px;
		}
	
		#visualSection .visual--frame .scroll-down {
			display:block;
			width:auto;
			position:absolute;
			left:50%;
			bottom:130px;
			z-index:103;
			transform:translateX(-50%);
			animation:swing 1.5s linear infinite;
		}
		
		#visualSection .board--frame {
			position:absolute;
			left:0px;
			bottom:0px;
			z-index:102;
		}
		
		#visualSection .visual--frame .visual-slide .main-title .block { font-size:5rem; }
	
	/********** 바로가기 링크 부분 **********/
	#quickSection { padding:140px 0px 70px 0px; }
	
		#quickSection .quick1--frame {
			padding-left:25%;
			padding-bottom:140px;
		}
		
			#quickSection .quick1--frame .bg-text--frame .bg {
				border-radius:10px 0 0 10px;
				background-position:right center;
			}
			
		#quickSection .quick2--frame { padding-right:25%; }
			
			#quickSection .quick2--frame .bg-text--frame .bg { border-radius:0 10px 10px 0; }
			
			#quickSection .quick2--frame .under-text--frame { padding-left:18%; }
	
	/********** 사업안내 부분 **********/
	#businessSection .content-box .list-item { width:24.25%; }
	#businessSection .content-box .list-item:not(:last-of-type) { margin-right:1%; }
	
	
}

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