@charset "UTF-8";

/********** 공통 **********/
.container-section {
	display:block;
	width:100%;
	word-wrap:break-word;
	word-break:keep-all;
}
	.container-inner--frame { padding:20px; }

	.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; }

	.container-section .idx-cmn--title {
		display:block;
		width:100%;
		padding-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;
	}

.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; }


/********** common title design **********/
.cmn-title--frame {
	display:block;
	width:auto;
}
	.cmn-title--frame .mark-text {
		display:inline-block;
		width:auto;
		padding:10px 30px;
		margin-bottom:20px;
		background-color:#32a38b;
		border-radius:16px 0 16px 0;
		font-family:'GmarketSansMedium', sans-serif;
		color:#fff;
		font-size:0.85rem;
	}
	
	.cmn-title--frame .title-text {
		display:block;
		width:auto;
		font-family:'SEBANG_Gothic_Bold', sans-serif;
		color:#000;
	}


/********** 공통-컨트롤 디자인 **********/
.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;
	}

.header { border-bottom:0px; }

.container-section .no-list {
	padding:50px 0;
}
	.container-section .no-list .info-text {
		font-family:'SEBANG_Gothic_Regular', sans-serif;
		font-size:1.21rem;
		font-weight:300;
		color:#000;
		
	}

/********** 상단배너 **********/
#topBanner {
	display:block;
	width:100%;
	padding:30px;
}

	#topBanner .inner--frame {
		display:block;
		width:100%;
		height:auto;
	}
		#topBanner .inner--frame .topbanner-slide {
			display:block;
			width:100%;
			border-radius:10px;
			overflow:hidden;
		}

			#topBanner .topbanner-slide .slide-list { width:100%; }
			
			#topBanner .topbanner-slide .banner-list {
				display:flex;
				justify-content:center;
				align-items:center;
				width:100%;
				height:auto;
				background-repeat:no-repeat;
				background-position:center center;
				background-size:cover;
			}
			
			#topBanner .topbanner-slide .banner-list.banner-1 { background-image:url('../../img/home/page/index/image_topBanner_bg_01.jpg'); }
			
				#topBanner .topbanner-slide .banner-inner { display:block; }
					#topBanner .topbanner-slide .text-area {
						display:block;
						width:100%;
					}
					
						#topBanner .topbanner-slide .text-area .description {
							display:block;
							width:100%;
							margin-bottom:15px;
							font-family:"JSArirangPPURI-Regular", sans-serif;
							color:rgba(255,255,255,.6);
						}
						
						#topBanner .topbanner-slide .text-area .main-text {
							display:flex;
							justify-content:flex-start;
							align-items:flex-end;
							width:100%;
						}
							#topBanner .topbanner-slide .text-area .main-text .text1 {
								display:block;
								width:auto;
								font-family:"JSArirangPPURI-Regular", sans-serif;
								color:rgba(255,255,255,1);
								font-weight:300;
							}
							
							#topBanner .topbanner-slide .text-area .main-text .text2 {
								display:block;
								width:auto;
								margin-left:10px;
								font-family:"JSArirangHON-Regular", sans-serif;
								color:#483631;
								font-weight:300;
								text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
							}
							
						#topBanner .topbanner-slide .text-area .sub-text {
							display:block;
							width:100%;
							margin-top:25px;
							margin-bottom:25px;
							font-family:"SEBANG_Gothic_Regular", sans-serif;
							font-weight:300;
							color:#fff;
							font-size:1rem;
						}
						
						#topBanner .topbanner-slide .text-area .sub-text2 {
							display:block;
							width:100%;
						}
						
							#topBanner .topbanner-slide .text-area .sub-text2 .block {
								display:block;
								width:100%;
								font-size:0.85rem;
								font-weight:600;
								color:rgba(255,255,255,.6);
								line-height:1.5;
								word-break:keep-all;
								word-wrap:break-word;
								overflow-wrap:anywhere;
							}

		#topBanner .topbanner-slide--controller {
			display:flex;
			justify-content:flex-start;
			align-items:center;
			position:absolute;
			left:50%;
			z-index:101;
			transform:translateX(-50%);
		}
			#topBanner .topbanner-slide--controller .ctrl-btn:not(.count) {
				display:block;
				width:17px;
				height:17px;
				background-repeat:no-repeat;
				background-position:center center;
				opactiy:.6;
				transition:0.3s all ease-in-out;
			}
			
			#topBanner .topbanner-slide--controller .ctrl-btn.prev { background-image:url('../../img/home/page/index/image_topBanner_ctrl_prev.png'); }
			#topBanner .topbanner-slide--controller .ctrl-btn.next { background-image:url('../../img/home/page/index/image_topBanner_ctrl_next.png'); }
			#topBanner .topbanner-slide--controller .ctrl-btn.pause { background-image:url('../../img/home/page/index/image_topBanner_ctrl_pause.png'); }
			#topBanner .topbanner-slide--controller .ctrl-btn.resume { background-image:url('../../img/home/page/index/image_topBanner_ctrl_resume.png'); }
		
			#topBanner .topbanner-slide--controller .ctrl-btn:not(:last-of-type) { margin-right:10px; }
		
			#topBanner .topbanner-slide--controller .count {
				display:flex;
				justify-content:flex-start;
				align-items:center;
				width:auto;
				margin-right:15px;
			}
			
				#topBanner .topbanner-slide--controller .c-num {
					display:block;
					width:auto;
					font-family:"SEBANG_Gothic_Regular", sans-serif;
					font-weight:300;
					font-size:1.25rem;
				}
				#topBanner .topbanner-slide--controller .c-num:not(:last-of-type) { margin-right:8px; }
				
				#topBanner .topbanner-slide--controller .current {
					color:rgba(255,255,255,1);
				}
				
				#topBanner .topbanner-slide--controller .sepa {
					color:rgba(255,255,255,1);
				}
				
				#topBanner .topbanner-slide--controller .total {
					color:rgba(255,255,255,.6);
				}




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

	#boardNotice .title-area {
		display:flex;
		background-color:#977334;
		background-image:url('../../img/home/page/index/image_idx_shortcut_bg.png');
		background-repeat:no-repeat;
		background-position:left center;
		background-size:cover;
	}
		#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:'SEBANG_Gothic_Regular', 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:not(:last-of-type) { margin-bottom:8px; }
			
				#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:80px;
}
	#productList .container-inner--frame { position:relative; }		 
		
		#productList .product-slide .slick-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); }		

/********** 사업공모 **********/
.container-business--competition .title-layout--frame {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%;
}
	.container-business--competition .tab-container {
		display:flex;
		flex-wrap:wrap;
	}
		.container-business--competition .tab-container .tab-list { display:block; }
		
			.container-business--competition .tab-container .tab-link {
				display:block;
				width:auto;
				padding:13px 10px;
				background-color:#fafafa;
				border:1px solid #ccc;
				border-radius:5px;
				font-family:'SEBANG_Gothic_Regular', sans-serif;
				color:rgba(0,0,0,.6);
				font-size:1rem;
				text-align:center;
				transition:0.3s all ease-in-out;
			}
			
			.container-business--competition .tab-container .tab-link.current {
				background-color:#9c793b;
				border-color:#9c793b;
				color:#fff;
			}
			
			.container-business--competition .tab-container .tab-link:hover,
			.container-business--competition .tab-container .tab-link:focus {
				background-color:#696969;
				border-color:#696969;
				color:#fff;
				text-decoration:none;
			}
		
	.container-business--competition .tab-content--frame {
		display:block;
		width:100%;
		margin-top:50px;
	}
		.container-business--competition .slick-list { width:100%; }
		.container-business--competition .slick-list .slick-track { min-width:100%; }
	
		.container-business--competition .tab-content--frame .tab-content { display:none; width:100%; }
		.container-business--competition .tab-content--frame .tab-content.current { display:block; }
		
			.container-business--competition .tab-content .no-list {
				display:block;
				width:100%;
				padding:100px 0;
				border:1px solid #ccc;
				border-radius:15px;
				
			}
				.container-business--competition .tab-content .info-text {
					display:block;
					width:100%;
					text-align:center;
					font-size:1.21rem;
					font-family:'SEBANG_Gothic_Regular', sans-serif;
					color:#000;
				}
				
				.container-business--competition .business-list--frame { width:100%; }
					.container-business--competition .business-list--frame .list-link {
						display:block;
						padding:55px 25px 25px 25px;
						background-color:#fff;
						border:1px solid #ccc;
						border-radius:15px;
						position:relative;
						transition:0.3s all ease-in-out;
					}
					
					.container-business--competition .business-list--frame .list-link:hover,
					.container-business--competition .business-list--frame .list-link:focus {
						box-shadow:3px 3px 0 rgba(0,0,0,.3);
						text-decoration:none;
					}
					
						.container-business--competition .business-list--frame .list-link .status--frame {
							display:inline-block;
							width:100px;
							margin-bottom:12px;
							border-radius:0 0 5px 5px !important;
							text-align:center;
							font-weight:600;
							color:#fff;
							font-size:0.85rem;
							position:absolute;
							left:25px;
							top:0px;
						}
							.container-business--competition .business-list--frame .list-link .status { border-radius:0 0 5px 5px !important; }
						
						.container-business--competition .business-list--frame .list-link .list-title {
							display:block;
							width:100%;
							font-family:'SEBANG_Gothic_Regular', sans-serif;
							font-weight:400;
							color:#000;
							line-height:1.3;
						}
												
						.container-business--competition .business-list--frame .list-link:hover .list-title,
						.container-business--competition .business-list--frame .list-link:focus .list-title { color:#32a38b; }
						
						.container-business--competition .business-list--frame .list-link .date-frame {
							display:flex;
							justify-content:flex-start;
							flex-wrap:wrap;
							width:100%;
						}
						
							.container-business--competition .business-list--frame .list-link .date-frame .date-title,
							.container-business--competition .business-list--frame .list-link .date-frame .date-cont {
								display:block;
								width:auto;
								font-weight:400;
								font-size:0.85rem;
								font-family:'SEBANG_Gothic_Regular',  sans-serif;
							}
							
							.container-business--competition .business-list--frame .list-link .date-frame .date-title {
								margin-right:10px;
								color:#000;
							}
							
							.container-business--competition .business-list--frame .list-link .date-frame .date-cont {
								color:rgba(0,0,0,.8);
							}

	.container-business--competition .more-btn--frame {
		display:block;
		width:100%;
		margin-top:45px;
	}
		.container-business--competition .more-btn--frame .more-btn {
			margin-left:auto;
			margin-right:auto;
		}

/********** 가운데 이미지 배경 텍스트 **********/
#centerText {
	display:block;
	width:100%;
	background-attachment:fixed;
	background-image:url('../../img/home/page/index/image_idx_centerText_bg.jpg');
	background-repeat:no-repeat;
	background-position:center center;
}

	#centerText .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;
	}
	
	#centerText .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;
	}

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

/********** 갤러리 **********/
#idxActivity {
	display:block;
	width:100%;
	padding-top:80px;
}

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

/********** 유튜브 & 배너존 **********/
#promotion {
	display:block;
	width:100%;
}
	#promotion .flex-box {
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
		width:100%;
	}
		/********** 유튜브 **********/
		#promotion .video-area {
			display:block;
		}
			#promotion .video-area .video--frame {
				display:block;
				width:100%;
				height:calc(100% - 58.59px);
				border-radius:10px;
				overflow:hidden;
			}
				#promotion .video-area .video--frame iframe {
					width:100%;
					height:100%;
				}
	
		/********** 배너존 **********/		
		#promotion .banner-area--frame {
			display:block;
			position:relative;
		}		
			#promotion .banner--slide {
				display:block;
				width:100%;
				border:1px solid #ccc;
				border-radius:10px;
				overflow:hidden;
			}
				#promotion  .banner--slide .slick-list {
					width:100%;
					height:100%;
				}
				#promotion  .banner--slide .slick-track { height:100%; }
				#promotion  .banner--slide .slide-item { width:100%; position:relative; }
					#promotion  .banner--slide .slide-item img {
						width:100%;
						max-width:100%;
					}
		
				#promotion .ctrl-btn.count {
					display:flex;
					justify-content:flex-start;
					width:auto;
					margin-right:10px;
					height:auto;
				}
				
					#promotion .ctrl-btn.count .c-num {
						display:block;
						width:auto;
						font-family:"SEBANG_Gothic_Regular", sans-serif;
						font-size:1.21rem;
					}
					
					#promotion .ctrl-btn.count .c-num:not(:last-of-type) { margin-right:7px; }
					#promotion .ctrl-btn.count .c-num.current,
					#promotion .ctrl-btn.count .c-num.sepa { color:#000; }					
					#promotion .ctrl-btn.count .c-num.total { color:rgba(0,0,0,.6); }


/********** responsive - start **********/
/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {
	/********** 공통 **********/
	.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 .topbanner-slide .text-area .description { font-size:1.2rem; }
	
	#topBanner .topbanner-slide .text-area .main-text { flex-wrap:wrap; }
					
		#topBanner .topbanner-slide .text-area .main-text .text1 {
			width:100%;
			font-size:2rem;
			text-align:center;
		}
		
		#topBanner .topbanner-slide .text-area .main-text .text2 {
			width:100%;
			font-size:2.5rem;
			text-align:center;
		}
		
	#topBanner .topbanner-slide--controller { bottom:30px; }
	
	/********** 바로가기 & 공지사항 **********/
	#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; }
	
	/********** 제품소개 & 활동소식 **********/
	.product-slide,
	.activity-slide {
		width:75%;
		margin-left:auto;
		margin-right:auto;
	}
		.product-slide .slide-item,
		.activity-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;
	}
	
	/********** 배너존 **********/
	#promotion .banner-area--frame { margin-top:80px; }
		
		#promotion .main-banner-slide--controller .count { display:none; }
		
		#promotion .banner-area--frame .banner--slide {
			width:75%;
			margin-left:auto;
			margin-right:auto;
			margin-bottom:45px;
		}
			#promotion .banner--slide .pc-size { display:none; }
			#promotion .banner--slide .mob-size { display:block; }
	
	
	/********** 사업공모 **********/
	.container-business--competition .tab-container {
		justify-content:flex-start;
		margin-top:30px;
		padding-left:15px;
		padding-right:15px;
	}
		.container-business--competition .tab-container .tab-list { width:49%; }
		.container-business--competition .tab-container .tab-list:nth-of-type(odd) { margin-right:2%; }
		.container-business--competition .tab-container .tab-list:nth-of-type(n+3) { margin-top:10px; }
			.container-business--competition .tab-container .tab-link { font-size:0.85rem; }
	
	.container-business--competition .tab-content--frame .tab-content {
		padding-left:15px;
		padding-right:15px;
		position:relative;
	}
		.container-business--competition .tab-content--frame .tab-content .slick-list { width:100%; }
	
		.container-business--competition .business-list--frame .list-link {
			padding:25px 40px;
			text-align:center;
		}
			.container-business--competition .business-list--frame .list-link .list-title {
				min-height:60px;
				font-size:1.35rem;
				text-align:center;
			}
			
			.container-business--competition .business-list--frame .list-link .date-frame {
				padding-top:15px;
				margin-top:15px;
				border-top:1px solid #ccc;
			}
				.container-business--competition .business-list--frame .list-link .date-frame .date-title,
				.container-business--competition .business-list--frame .list-link .date-frame .date-cont {
					width:100%;
					text-align:center;
				}
				.container-business--competition .business-list--frame .list-link .date-frame .date-cont { padding-top:12px; }
	
		.container-business--competition .business-slide--controller {}
			.container-business--competition .business-slide--controller .ctrl-btn {
				display:block;
				width:50px;
				height:50px;
				border-radius:25px;
				background-color:#eff1f6;
				background-repeat:no-repeat;
				background-position:center center;
				transition:0.3s all ease-in-out;
				position:absolute;
				top:calc((100% - 105px) / 2);
				transform:translateY(-50%);
			}
				
			.container-business--competition .business-slide--controller .ctrl-btn.prev {
				background-image:url('/res/img/home/index/image_mainBanner_ctrl_prev.png');
				left:-10px;
			}
			.container-business--competition .business-slide--controller .ctrl-btn.next {
				background-image:url('/res/img/home/index/image_mainBanner_ctrl_next.png');
				right:-10px;
			}
			
			.container-business--competition .business-slide--controller .ctrl-btn:hover,
			.container-business--competition .business-slide--controller .ctrl-btn:focus { background-color:#a3ffda; }
	
	/********** 가운데 이미지 배경 텍스트 **********/
	#centerText .sub-text { font-size:1.15rem; }
	#centerText .main-text { font-size:1.7rem; }
}

/* Mobile & Tablet */
@media screen and (max-width:959px) {
	/********** 유튜브 **********/
	#promotion .video-area {
		width:100%;
		margin-bottom:35px;
	}
		#promotion .video-area .video--frame { min-height:300px; }
	
	/********** 배너존 **********/		
	#promotion .banner-area--frame { width:100%; }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1316px) {
	/********** 공통 **********/
	.container-inner--frame { width:100%; }
	
	/********** common title design **********/
	.cmn-title--frame .title-text { font-size:2rem; }
	
	/********** common title design **********/
	.cmn-title--frame { width:100%; text-align:center; }
		.cmn-title--frame .title-text { text-align:center; }
	
	/********** 공통 -컨트롤러 디자인 **********/	
	.idx_common_slideController {
		right:55px;
		top:40px;
	}
		
	/********** 레이어 팝업 **********/
	.layer-popup { left:auto !important; }
	
	/********** 상단배너 **********/
	#topBanner {
		padding:18px;
		padding-top:0px;
	}
		#topBanner .inner--frame { position:relative; }
		#topBanner .topbanner-slide .banner-list { min-height:500px; }
		
			#topBanner .topbanner-slide .banner-inner {
				width:100%;
				padding:20px 20px 50px 20px;
			}
				#topBanner .topbanner-slide .text-area { max-width:100%; }
				
					#topBanner .topbanner-slide .text-area .description,
					#topBanner .topbanner-slide .text-area .sub-text,
					#topBanner .topbanner-slide .text-area .sub-text2,
					#topBanner .topbanner-slide .text-area .sub-text2 .block { text-align:center; }
					
					#topBanner .topbanner-slide .text-area .main-text { justify-content: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;
	}
	
	/********** 사업공모 **********/
	.container-business--competition .tab-container { width:100%; }
	
	/********** 가운데 이미지 배경 텍스트 **********/
	#centerText {
		padding:50px 0;
		margin-top:40px;
	}
	
	/********** 갤러리 **********/
	#idxActivity {
		padding-top:20px;
		padding-bottom:20px;
	}
	
	/********** 배너존 **********/	
	#promotion .main-banner-slide--controller {
		right:0px;
		top:3px;
	}
	
	#promotion .banner--slide .slide-item.slick-slide img { max-width:100%; }
	#promotion .banner--slide .slide-item .image_box { display:block; width:100%; padding-top:100%; }
}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1316px) {
	/********** 공통 **********/
	
	
	/********** common title design **********/
	.cmn-title--frame .title-text { font-size:2.3rem; }
	
	.container-section .more-btn--frame {
		right:20px;
		top:40px;
	}
	
	/********** 상단배너 **********/
	#topBanner .topbanner-slide .text-area .description { font-size:2rem; }
	
	#topBanner .topbanner-slide .text-area .main-text .text1 { font-size:3rem; }
				
	#topBanner .topbanner-slide .text-area .main-text .text2 { font-size:4.2rem; }
	
	#topBanner .topbanner-slide--controller {
		width:auto;
		bottom:110px;
	}
		
	/********** 사업공모 **********/	
	.container-business--competition .business-list--frame .list-link {
		width:25%;
		margin-right:1%;
	}
	
	.container-business--competition.container-section .business-slide--controller {
		right:50px !important;
		top:84px !important;
	}
	
	.container-business--competition.container-section .more-btn--frame {
		right:20px !important;
		top:84px !important;
	}
	
	/********** 가운데 이미지 배경 텍스트 **********/
	#centerText .sub-text { font-size:1.3rem; }
	#centerText .main-text { font-size:2.1rem; }	
}

/* Tablet */
@media screen and (min-width:640px) and (max-width:989px) {
	/********** 사업공모 **********/	
	.container-business--competition .business-list--frame .list-link {
		width:48%;
		margin-right:1%;
	}
}

/* Tablet */
@media screen and (min-width:990px) and (max-width:1316px) {
	/********** 사업공모 **********/	
	.container-business--competition .business-list--frame .list-link {
		width:25%;
		margin-right:1%;
	}
}

/* Tablet & PC */
@media screen and (min-width:960px) and (max-width:1316px) {
	
}

/* Tablet & PC */
@media screen and (min-width:640px) {
	/********** 공통 - 컨트롤러 디자인 **********/
	.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'); }
	
	.container-section .more-btn--frame { position:absolute; }
	
	/********** 제품소개 **********/
	#productList .product-slide .slide-item { margin-right:20px; }
	
	
	/********** 사업공모 **********/
	.container-business--competition .container-inner--frame { position:relative; }
	.container-business--competition.container-section .business-slide--controller {
		display:flex;
		justify-content:flex-start;
		align-items:center;
		width:auto;
		position:absolute;
		right:30px;
		top:64px;
	}
		.container-business--competition .business-slide--controller .ctrl-btn {
			display:block;
			width:30px;
			height:30px;
			background-repeat:no-repeat;
			background-position:center center;
		}
			.container-business--competition .business-slide--controller .ctrl-btn.prev {
				background-image:url('../../img/home/page/index/image_idx_slide_leftArrow.png');
			}
			.container-business--competition .business-slide--controller .ctrl-btn.next { background-image:url('../../img/home/page/index/image_idx_slide_rightArrow.png'); }
	
	.container-business--competition.container-section .more-btn--frame {
		width:auto;
		margin-top:0px;
		right:0;
		top:64px;
	}
	
	
	.container-business--competition .tab-container .tab-list:not(:last-of-type) { margin-right:10px; }
		
		.container-business--competition .tab-container .tab-link { min-width:150px; }
	
	.container-business--competition .business-list--frame {
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
	}
		.container-business--competition .business-list--frame .list-link .list-title {
			min-height:150px;
			padding-bottom:25px;
			font-size:1.5rem;
		}
		
		.container-business--competition .business-list--frame .list-link .date-frame {
			padding:25px;
			position:absolute;
			left:0;
			bottom:0;
		}	
		
	/********** 갤러리 **********/
	#idxActivity .activity-slide { margin-right:-29rem; }
		
		#idxActivity .activity-slide .list-link:not(:last-of-type) { margin-right:20px; }
		
	/********** 배너존 **********/
	#promotion .banner--slide .mob-size { display:none !important; }
}

/* Tablet & PC */
@media screen and (min-width:960px) {
	/********** 유튜브 **********/
	#promotion .video-area {
		width:calc(100% - 500px);
		margin-right:20px;
	}
	
	/********** 배너존 **********/		
	#promotion .banner-area--frame { width:480px; }
}

/* PC */
@media screen and (min-width:1317px) {
	/********** 공통 **********/
	.container-inner--frame { 
		width:100%;
		max-width:1300px;
		margin-left:auto;
		margin-right:auto;
		padding:0px;
	}
	
		.container-section .more-btn--frame {
			right:0px;
			top:0px;
		}
		
	/********** common title design **********/
	.cmn-title--frame .title-text { font-size:3rem; }
	
	/********** 상단배너 **********/
	#topBanner .topbanner-slide .banner-list { min-height:700px; }
	
		#topBanner .topbanner-slide .banner-inner {
			width:1200px;
			padding-bottom:70px;
		}
			#topBanner .topbanner-slide .text-area { max-width:450px; }
			
				#topBanner .topbanner-slide .text-area .description { font-size:2.5rem; }
				
				#topBanner .topbanner-slide .text-area .main-text .text1 { font-size:4rem; }
				
				#topBanner .topbanner-slide .text-area .main-text .text2 { font-size:5.2rem; }
				
	#topBanner .topbanner-slide--controller {
		width:1200px;
		bottom:300px;
	}
	
	/********** 바로가기 & 공지사항 **********/
	#boardNotice .title-area {
		justify-content:flex-end;
		width:calc(50vw - 340px);
		padding:130px 20px 70px 0px;
		border-radius:0 45px 0 0;
		position:absolute;
		bottom:0;
		left:0;
		z-index:2;
	}
		#boardNotice .title-area .title-frame { min-width:298px; }
	
			#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:60px 0 60px 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; }
	
		.product-slide--controller,
		.activity-slide--controller {
			right:35px;
			top:0px;
		}
	
	/********** 사업공모 **********/
	.container-business--competition { margin-top:80px; }
	
		.container-business--competition .title-layout--frame .cmn-title--frame,
		.container-business--competition .title-layout--frame .tab-container { align-self:end; }
		
		.container-business--competition .tab-container {
			justify-content:flex-end;
			width:auto;
		}
		
		.container-business--competition .business-list--frame .list-link { width:24.25%; }
		.container-business--competition .business-list--frame .list-link:not(:last-of-type) { margin-right:1%; }
		
	/********** 가운데 이미지 배경 텍스트 **********/
	#centerText {
		margin-top:80px;
		padding:90px 0;
	}
		#centerText .sub-text { font-size:1.5rem; }
		#centerText .main-text { font-size:2.45rem; }
		
	/********** 유튜브 & 배너존 **********/
	#promotion {
		padding-top:80px;
		padding-bottom:80px;
	}	
	
	
	/********** 유튜브 **********/
	#promotion .video-area { width:calc(100% - 500px); }

	/********** 배너존 **********/
	#promotion .main-banner-slide--controller {
		right:0px;
		top:0px;
	}
	
	#promotion .banner--slide .slide-item { height:100%; }	
}

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