@charset "UTF-8";

#layoutWrapper {
	word-wrap:break-word;
	word-break:keep-all;
	overflow-wrap:anywhere;
}

/********** 공통 **********/
.idx-cmnTitle--frame {
	display:block;
	width:100%;
	padding-bottom:50px;
}

/********** 메인 플랫폼 이미지 슬라이드 영역 **********/
.slide-section {  }
	.slide-section .section--frame {
		display:block;
		width:100%;
	}
	
	.slide-section .banner-area--frame { 
		display:block;
		width:100%;
		height:550px;
		position:relative;
	}			
				
		.slide-section .banner--slide {
			display:block;
			width:100%;
			height:100%;
		}
		
			.slide-section .slick-list {
				width:100%;
				height:inherit;
			}
				.slide-section .slick-list .slick-track { height:inherit; }
			
				.slide-section .slide-item {
					display:block;
					width:100%;
					height:inherit;
					border-radius:40px;
				}
					.slide-section .slide-item .item-inner--frame {
						display:flex;
						justify-content:center;
						align-items:center;
						width:100%;
						height:inherit;
					}
					
						.slide-section .slide-item .typing-text {
							display:block;
							width:auto;
							text-align:center;
						}
							.slide-section .slide-item .typing-text .block {
								display:inline-block;
								line-height:1;
								color:#fff;
								text-align:center;
							}
							
								.slide-section .slide-item .typing-text .block .ti-text-container {
									font-family:'SEBANG_Gothic_Regular', sans-serif;
									font-weight:300;
								}
							
							.slide-section .slide-item .typing-text .block:not(:last-of-type) { margin-bottom:20px; }
								
								.slide-section .slide-item {
									background-repeat:no-repeat;
									background-position:center center;
									background-size:cover;
								}
														
								.slide-section .slide-item.item1 { background-image:url('/res/home/img/index/image_idx_main_visual_01.jpg'); }								
								.slide-section .slide-item.item2 { background-image:url('/res/home/img/index/image_idx_main_visual_02.jpg'); }								
								.slide-section .slide-item.item3 { background-image:url('/res/home/img/index/image_idx_main_visual_03.jpg'); }	


.slide-section .top-banner-slide--controller {
	display:inline-flex;
	justify-content:center;
	align-items:center;
	padding:20px 0;
	background-color:#fff;
	border-radius:0 40px 0 0;
	position:absolute;
	left:0;
	bottom:0;
}

.slide-section .top-banner-slide--controller:before {
	content:'';
	width:28px;
	height:28px;
	background-image:url('/res/home/img/index/image_idx_ctrl_radius_left.png');
	background-repeat:no-repeat;
	background-position:right bottom;
	position:absolute;
	top:-28px;
	left:0;
}

.slide-section .top-banner-slide--controller:after {
	content:'';
	width:28px;
	height:28px;
	background-image:url('/res/home/img/index/image_idx_ctrl_radius_left.png');
	background-repeat:no-repeat;
	background-position:right bottom;
	position:absolute;
	bottom:0;
	right:-28px;
}

	.slide-section .ctrl-item { 
		display:block;
		align-self: center;
	}
	
	.slide-section .ctrl-item:not(:last-of-type) { margin-right:5px; }
	
	.slide-section .ctrl-item:not(.counter) {
		width:50px;
		height:50px;
	}
	
		.slide-section .ctrl-item .ctrl-btn {
			display:block;
			width:100%;
			height:100%;
			background-repeat:no-repeat;
			background-position:center center;
			transition:0.3s all ease-in-out;
		}
		
		.slide-section .ctrl-item .ctrl-btn.prev { background-image:url('/res/home/img/index/image_mainBanner_ctrl_prev.png'); }
		.slide-section .ctrl-item .ctrl-btn.next { background-image:url('/res/home/img/index/image_mainBanner_ctrl_next.png'); }
		
		.slide-section .ctrl-item .ctrl-btn:hover,
		.slide-section .ctrl-item .ctrl-btn:focus { background-color:#a3ffda; }

	.slide-section .ctrl-item.counter {
		display:flex;
		justify-content:flex-start;
		width:auto;
		margin-left:20px;
		margin-right:20px;
	}
	
		.slide-section .ctrl-item.counter .c-num {
			display:block;
			width:auto;
			font-family:"SEBANG_Gothic_Bold", sans-serif;
		}
		
		.slide-section .ctrl-item.counter .c-num:not(:last-of-type) { margin-right:7px; }
		.slide-section .ctrl-item.counter .c-num.current,
		.slide-section .ctrl-item.counter .c-num.sepa { color:#000; }					
		.slide-section .ctrl-item.counter .c-num.total { color:rgba(0,0,0,.6); }


/********** 메인 공지사항 영역 **********/
#noticeSection {
	display:block;
	width:100%;
}
	#noticeSection .section--frame {
		display:block;
		width:100%;
		padding:0 50px;
	}

		#noticeSection .board-area {
			display:flex;
			justify-content:flex-start;
			align-items:center;
			flex-wrap:wrap;
			width:100%;
			background-color:#fafafa;
			border:1px solid #efefef;
			border-radius:20px;
		}
			#noticeSection .board-area .board-title {
				display:block;
				font-family:"SEBANG_Gothic_Regular", sans-serif;
				font-weight:300;
				font-size:1.35rem;
				line-height:1.4;
				letter-spacing:-1.2px;
				color:#000;
			}
			
			#noticeSection .board-area .notice-slide { display:block; }
			
			#noticeSection .board-area .slick-list { width:100%; }
			
				#noticeSection .board-area .list-link {
					display:flex;
					justify-content:space-between;
					align-items:center;
					width:100%;
					padding-top:5px;
					color:#000;
					transition:0.3s all ease-in-out;
				}
					#noticeSection .board-area .list-link .list-title,
					#noticeSection .board-area .list-link .list-date {
						display:block;
						font-family:"SEBANG_Gothic_Regular", sans-serif;
						font-weight:300;
						line-height:1.4;
						letter-spacing:-.6px;
					}
					
					#noticeSection .board-area .list-link .list-title {
						width:calc(100% - 130px);
					}
						#noticeSection .board-area .list-link .list-title * {
							font-family:"SEBANG_Gothic_Regular", sans-serif;
							font-weight:300;
						}
					
					#noticeSection .board-area .list-link .list-date {
						min-width:130px;
						text-align:right;
					}
			
				#noticeSection .board-area .list-link:hover,
				#noticeSection .board-area .list-link:focus {
					color:#34978f;
					text-decoration:none;
				}
			
			#noticeSection .board-area .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; }
			
			
			#noticeSection .board-area .notice-slide--controller {
				display:flex;
				justify-content:flex-start;
				align-items:center;
				width:auto;
			}
				#noticeSection .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;
				}
				
				#noticeSection .board-area .notice-slide--controller .ctrl-btn.prev { background-image:url('../../home/img/index/image_idx_slide_leftArrow.png'); }
				#noticeSection .board-area .notice-slide--controller .ctrl-btn.next { background-image:url('../../home/img/index/image_idx_slide_rightArrow.png'); }
				#noticeSection .board-area .notice-slide--controller .ctrl-btn.pause { background-image:url('../../home/img/index/image_idx_slide_pause.png'); }
				#noticeSection .board-area .notice-slide--controller .ctrl-btn.resume { background-image:url('../../home/img/index/image_idx_slide_resume.png'); }
				
				#noticeSection .board-area .notice-slide--controller .ctrl-btn:hover,
				#noticeSection .board-area .notice-slide--controller .ctrl-btn:focus {
					background-color:#fff;
					border:1px solid #ccc;
					opacity:1;
				}
		
				



/********** 메인 플랫폼 기능소개 영역 **********/
.func-section { 
	display:block;
	width:100%;
	padding:30px 0;
	margin-top:80px;
	position:relative;
}
	.func-section .section--frame {
		display:block;
		width:100%;
		padding-bottom:75px;
	}
	
		.func-section .func-content--frame {
			display:flex;
			justify-content:center;
			align-items:center;
			flex-wrap:wrap;
			width:100%;
			max-width:1455px;
			margin-left:auto;
			margin-right:auto;
			position:relative;
			z-index:1;
		}
			.func-section .text--frame { display:block; }
			
				.func-section .text--frame .e-text {
					display:inline-block;
					width:auto;
					padding:10px 48px 8px 48px;
					margin-bottom:20px;
					background-color:#1cab7e;
					border-radius:10px;
					font-family:'SEBANG_Gothic_Regular', sans-serif;
					font-weight:300;
					font-size:1rem;
					color:#fff;
					letter-spacing:-.6px;
					line-height:1;
				}
				
				.func-section .text--frame .main-title {
					display:block;
					width:auto;
					margin-bottom:57px;
				}
					.func-section .text--frame .main-title .small-text {
						display:block;
						width:100%;
						font-family:'SEBANG_Gothic_Regular', sans-serif;
						font-weight:300;
						font-size:2.3rem;
						color:#000;
						letter-spacing:-1.2px;
						line-height:1.5;
					}
					
					.func-section .text--frame .main-title .big-text {
						display:block;
						width:100%;
						font-family:'SEBANG_Gothic_Bold', sans-serif;
						font-size:3.8rem;
						color:#000;
						letter-spacing:-1.6px;
						line-height:1;
					}
	
				.func-section .text--frame .description {
					display:block;
					width:100%;
				}
				
					.func-section .text--frame .description .block {
						display:block;
						width:100%;
						font-family:'SEBANG_Gothic_Regular', sans-serif;
						font-weight:300;
						font-size:1rem;
						color:#8d8d8d;
						letter-spacing:-0.2px;
						line-height:1.5;
					}
	
			.func-section .button--frame {
				display:block;
				position:relative;
			}
			
				.func-section .button--frame .btn-item {
					display:flex;
					justify-content:center;
					align-items:center;
				}
					.func-section .button--frame .item--frame {
						display:block;
						width:auto;
						position:relative;
						z-index:3;
					}
						.func-section .button--frame .normal-text {
							display:block;
							width:auto;
							font-family:'SEBANG_Gothic_Regular', sans-serif;
							font-weight:300;
							color:#fff;
							font-size:1.5rem;
							transition:0.3s all ease-in-out;
						}
						
						.func-section .button--frame .m-hover {
							display:none;
							width:auto;
							color:#fff;
							transition:0.3s all ease-in-out;
						}
							.func-section .button--frame .m-hover .h-text {
								display:block;
								width:auto;
							}
								.func-section .button--frame .m-hover .h-text .block {
									display:block;
									width:auto;
									font-family:'SEBANG_Gothic_Regular', sans-serif;
									font-weight:300;
									font-size:1.35rem;
									text-align:center;
									line-height:1.4;
								}
					
							.func-section .button--frame .m-hover .arrow {
								display:block;
								width:auto;
								margin-top:24px;
								text-align:center;
							}
								.func-section .button--frame .m-hover .arrow img {
									max-width:100%;
									vertical-align:top;
								}
						
					.func-section .button--frame .bg-diamond {
						display:block;
						width:100%;
						height:100%;
						background-color:#052e2f;
						border-radius:10px;
						position:absolute;
						left:0;
						top:0;
						transform:rotate(45deg);
						z-index:2;
						transition:0.3s all ease-in-out;
					}
				
				.func-section .button--frame .btn-item:hover,
				.func-section .button--frame .btn-item:focus { text-decoration:none; }
					
					.func-section .button--frame .item1 .bg-diamond { background-color:#5eb5b8; }					
					.func-section .button--frame .item2 .bg-diamond { background-color:#3a82a0; }					
					.func-section .button--frame .item3 .bg-diamond { background-color:#3a9da0; }					
					.func-section .button--frame .item4 .bg-diamond { background-color:#258689; }					
					.func-section .button--frame .item5 .bg-diamond { background-color:#126366; }
					
		.func-section .func-background--frame {
			display:block;
			width:calc(100% - 90px);
			height:200px;
			margin-left:90px;
			background-color:#f5f5f5;
			border-radius:100px 0 0 100px;
			position:absolute;
			z-index:0;
			bottom:0px;
			right:0px;
		}
			.func-section .func-background--frame .text {
				display:inline-block;
				width:auto;
				font-family:'SEBANG_Gothic_Bold', sans-serif;
				font-size:3.8rem;
				color:#e2e2e2;
				letter-spacing:-1.6px;
				line-height:1;
				position:absolute;
				bottom:30px;
				right:93px;
			}

		.func-section .detail-func--frame {
			display:block;
			width:100%;
			height:100%;
			left:50%;
			top:50%;
			transform:translate(-50%,-50%);
			z-index:100;
		}
			
			.func-section .detail-func--frame .func-laypop--frame {
				display:flex;
				justify-content:center;
				align-items:center;
				width:0;
				height:0;
				padding:0 50px;
				border-radius:5px;
				overflow:hidden;
			}
			
			.func-section .detail-func--frame .func-laypop--frame.pop0 { background-color:#5eb5b8; }
			.func-section .detail-func--frame .func-laypop--frame.pop1 { background-color:#3a82a0; }
			.func-section .detail-func--frame .func-laypop--frame.pop2 { background-color:#3a9da0; }
			.func-section .detail-func--frame .func-laypop--frame.pop3 { background-color:#258689; }
			.func-section .detail-func--frame .func-laypop--frame.pop4 { background-color:#126366; }

				.func-section .detail-func--frame .func-laypop--inner {
					display:block;
					width:100%;
					max-width:1200px;
					margin-left:auto;
					margin-right:auto;
				}
					.func-section .detail-func--frame .func-laypop--inner .laypop--title {
						display:block;
						width:100%;
						padding-bottom:20px;
						font-family:'SEBANG_Gothic_Bold', sans-serif;
						font-size:2rem;
						color:#fff;
						text-align:center;
					}
					
					.func-section .detail-func--frame .func-laypop--inner .laypop--content {
						display:block;
						width:100%;
						padding:40px 0;
						border-bottom:1px solid #fff;
						border-top:1px solid #fff;
					}
					
						.func-section .detail-func--frame .func-laypop--inner .func-list--frame {
							display:flex;
							justify-content:center;
							flex-wrap:wrap;
							width:100%;
						}
							.func-section .detail-func--frame .func-list--frame .func-list {
								display:block;
							}
							
							
							
							.func-section .detail-func--frame .func-list--frame .image-box {
								display:block;
								width:100%;
								text-align:center;
							}
								.func-section .detail-func--frame .func-list--frame .image-box img {
									max-width:100%;
									vertical-align:top;
								}
								
									
							.func-section .detail-func--frame .func-list--frame .text-box {
								display:block;
								width:100%;
								margin-top:20px;
							}
							
								.func-section .detail-func--frame .func-list--frame .text-box .list-title {
									display:block;
									width:100%;	
									font-family:'SEBANG_Gothic_Regular', sans-serif;
									font-size:1.15rem;
									font-weight:300;
									color:#fff;
									text-align:center;
								}
								
								.func-section .detail-func--frame .func-list--frame .text-box .list-cont {
									display:block;
									width:100%;
									margin-top:12px;
									padding:15px;
									background-color:#fff;
									border-radius:5px;
									text-align:center;
									font-weight:600;
									font-size:0.85rem;
									line-height:1.4;
								}

						.func-section .detail-func--frame .func-laypop--inner .link-btn {
							display:flex;
							justify-content:space-between;
							align-items:center;
							width:200px;
							margin-top:50px;
							margin-left:auto;
							margin-right:auto;
							padding:10px 25px;
							background-color:#fff;
							border-radius:50px;
							transition:0.3s all ease-in-out;
						}
							.func-section .detail-func--frame .func-laypop--inner .link-btn .text,
							.func-section .detail-func--frame .func-laypop--inner .link-btn .icon {
								display:block;
								width:auto;
								font-size:0.85rem;
								font-weight:600;
							}
							
						.func-section .detail-func--frame .func-laypop--inner .link-btn:hover,
						.func-section .detail-func--frame .func-laypop--inner .link-btn:focus {
							background-color:#000;
							color:#fff;
							text-decoration:none;
						}

					.func-section .detail-func--frame .func-laypop--inner .laypop--close {
						display:block;
						width:100%;
						margin-top:50px;
					}
					
						.func-section .detail-func--frame .func-laypop--inner .laypop--close .close-btn {
							display:flex;
							justify-content:center;
							align-items:center;
							width:50px;
							height:50px;
							margin-left:auto;
							margin-right:auto;
							border:2px solid #fff;
							border-radius:25px;
							font-family:'SEBANG_Gothic_Bold', sans-serif;
							font-size:1.3rem;
							color:#fff;
							transition:0.3s all ease-in-out;
						}
						
						.func-section .detail-func--frame .func-laypop--inner .laypop--close .close-btn:hover,
						.func-section .detail-func--frame .func-laypop--inner .laypop--close .close-btn:focus {
							background-color:#000;
							border-color:#000;
							color:#fff;
							text-decoration:none;
						}

/********** 질문 홍보  **********/
.question-section {
	display:block;
	width:100%;
	margin-top:80px;
}
	.question-section .section--frame {
		display:block;
		width:100%;
		padding:0 50px;
	}
		.question-section .flex-item--frame {
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			width:100%;
		}
			.question-section .flex-item--frame .left-area {
				display:flex;
				justify-content:center;
				align-items:center;
				background-color:#2c3539;
			}
			
				.question-section .flex-item--frame .left-area .text-box {
					display:block;
					width:auto;
					text-align:left;
				}
					.question-section .flex-item--frame .left-area .text-box .block {
						display:block;
						width:auto;
						font-family:'GmarketSansMedium', sans-serif;
						font-weight:300;
						color:#fff;
						text-align:left;
						line-height:1.4;
					}
					
					.question-section .flex-item--frame .left-area .text-box .block.t-bold {
						font-family:'GmarketSansBold', sans-serif;
						font-weight:700;
					}
			
			.question-section .flex-item--frame .right-area {
				display:flex;
				justify-content:center;
				align-items:center;
				background-image:url('/res/home/img/index/image_idx_question_bg.jpg');
				background-repeat:no-repeat;
				background-position:center center;
			}
				.question-section .flex-item--frame .right-area .item-list--frame {
					display:flex;
					justify-content:center;
					align-items:center;
					flex-wrap:wrap;
					width:100%;
				}	
					.question-section .flex-item--frame .right-area .item-list--frame .item-list { display:block; }
			
			
						.question-section .flex-item--frame .right-area .item-list--frame .item-num {
							display:block;
							width:100%;
							padding-bottom:10px;
							font-family:'GmarketSansMedium', sans-serif;
							font-weight:300;
							font-size:1rem;
							color:#fff;
						}
						.question-section .flex-item--frame .right-area .item-list--frame .item-name {
							display:block;
							width:100%;
							padding:18px;
							border:1px dashed #ccc;
							border-radius:5px;
							font-family:'GmarketSansMedium', sans-serif;
							font-weight:300;
							font-size:1rem;
							color:#fff;
							text-align:center;
						}
			
				.question-section .flex-item--frame .right-area .text-box {
					display:block;
					width:auto;
					text-align:center;
				}
				
					.question-section .flex-item--frame .right-area .text-box .block {
						display:block;
						width:auto;
						font-family:'SEBANG_Gothic_Regular', sans-serif;
						font-weight:300;
						color:#fff;
						line-height:1.5;
					}


/********** 플로팅 라벨 **********/
.ffl-wrapper {
	display:block;
	width:100%;
	position:relative;
	padding-top:1rem;
	margin-bottom:15px;
}
	.ffl-wrapper .ffl-label {
		max-width: 100%;
		transition:0.2s all ease-in-out;
		transition-delay:0s;
		position:absolute;
		top:1.4rem;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
		pointer-events:none;
		font-weight:600;
		color:rgba(0,0,0,.6);
		font-size:0.91em;
	}
	
	.ffl-wrapper.ffl-floated .ffl-label {
		top:0px;
		font-size:0.7em;
		color:#00a2a2;
	}
	
	.ffl-wrapper input {
		display:block;
		width:100%;
		transition:border-bottom 100ms ease;
		padding:0;
		outline:0;
		background-color:transparent;
		border:0px;
		border-bottom:1px solid rgba(0, 0, 0, 0.2);
		height:45px;
	}
	
	.ffl-wrapper.ffl-floated input { border-bottom-color:#00a2a2; font-weight:600; }
	
/********** 도입문의하기 **********/
.inquiry-section {
	display:block;
	width:100%;
}
	.inquiry-section .section--frame {
		display:flex;
		justify-content:flex-start;
		align-items:center;
		flex-wrap:wrap;
		width:100%;
		max-width:1455px;
		margin-left:auto;
		margin-right:auto;
		
	}
		.inquiry-section .section--frame .left-area { display:block; }
		
			.inquiry-section .section--frame .left-area .main-title {
				display:block;
				width:100%;
				margin-bottom:45px;
				font-family:'SEBANG_Gothic_Regular', sans-serif;
				font-weight:300;
				font-size:2.7rem;
				color:#000;
				line-height:1.35;
			}
			
			.inquiry-section .section--frame .left-area .sub-title {
				display:block;
				width:100%;
				margin-bottom:45px;
				font-family:'SEBANG_Gothic_Regular', sans-serif;
				font-weight:300;
				font-size:1.21rem;
				color:rgba(0,0,0,.6);
				line-height:1.35;
			}
			.inquiry-section .section--frame .left-area .image-box {}
		
		.inquiry-section .section--frame .right-area { display:block; }
	
			.inquiry-section .inquiry-title {
				display:block;
				width:100%;
				margin-bottom:15px;
				font-family:'SEBANG_Gothic_Bold', sans-serif;
				line-height:1.4;
				letter-spacing:-.6px;
				color:#000;
				text-align:center;
			}
			
			.inquiry-section .inquiry-form--frame {
				display:block;
				width:100%;
			}
			
				.inquiry-section .inquiry-form--frame .inquiry-form {
					display:block;
					width:100%;
				}
				
					.inquiry-section .inquiry-form--frame .input-box--frame {
						display:block;
						width:100%;
						padding:50px;
						background-color:#fff;
						border:2px solid #ccc;
						border-radius:10px;
					}
					
						.inquiry-section .inquiry-form--frame .flex-input {
							display:flex;
							justify-content:flex-start;
							flex-wrap:wrap;
							width:100%;
						}
							.inquiry-section .inquiry-form--frame .flex-input .input-item { display:block; }
							
								.inquiry-section .inquiry-form--frame .flex-input .ffl-label {
									display:flex;
									justify-content:flex-start;
									align-items:flex-start;
									width:100%;
								}
									.inquiry-section .inquiry-form--frame .flex-input .ffl-label .text,
									.inquiry-section .inquiry-form--frame .flex-input .ffl-label .required {
										display:block;
										width:auto;
										font-family:'SEBANG_Gothic_Regular', sans-serif;
										font-weight:300;
										line-height:1.4;
										color:rgba(0,0,0,.7);
										font-size:1.2rem;
									}
									
									.inquiry-section .inquiry-form--frame .flex-input .ffl-label .required {
										margin-left:6px;
										color:#f00;
									}
									
									.inquiry-section .inquiry-form--frame .flex-input .ffl-wrapper.ffl-floated .ffl-label .text,
									.inquiry-section .inquiry-form--frame .flex-input .ffl-wrapper.ffl-floated .ffl-label .required { font-size:0.91rem; }
		
						.inquiry-section .inquiry-form--frame .textarea-input {
							display:block;
							width:100%;
						}
						
							.inquiry-section .inquiry-form--frame .textarea-input .input-title {
								display:block;
								width:100%;
								margin-top:10px;
								font-family:'SEBANG_Gothic_Regular', sans-serif;
								font-weight:300;
								line-height:1.4;
								color:rgba(0,0,0,.7);
								font-size:1.2rem;
							}
							
							.inquiry-section .inquiry-form--frame .textarea-input .inquiry-content {
								display:block;
								width:100%;
								height:150px;
								margin-top:10px;
								padding:15px;
								background-color:#fff;
								border:1px solid #ccc;
								border-radius:10px;
								resize:none;
								font-weight:600;
								font-size:0.91rem;
							}
		
						.inquiry-section .inquiry-form--frame .agr-check {
							display:flex;
							justify-content:space-between;
							align-items:center;
							flex-wrap:wrap;
							width:100%;
							margin-top:15px;
						}
							.inquiry-section .inquiry-form--frame .agr-check .check-custom {
								display:flex;
								justify-content:flex-start;
								align-items:center;
								flex-wrap:wrap;
								width:auto;
							}
								.inquiry-section .inquiry-form--frame .agr-check .check-custom .checkbox--icon,
								.inquiry-section .inquiry-form--frame .agr-check .check-custom .check-tit--frame {
									display:block;
									width:auto;
								}
								
								.inquiry-section .inquiry-form--frame .agr-check .check-custom .check-tit--frame { margin-left:7px; }
								
									.inquiry-section .inquiry-form--frame .agr-check .check-custom .check-tit--frame .check-tit {
										font-size:0.85rem;
										font-weight:600;
									}
		
							.inquiry-section .inquiry-form--frame .agr-check .privacy-law--open {
								display:block;
								width:auto;
								padding:10px 20px;
								background-color:#62baff;
								border-radius:20px;
								font-size:0.85rem;
								font-weight:600;
								color:#fff;
								transition:0.3s all ease-in-out;
							}
							
							.inquiry-section .inquiry-form--frame .agr-check .privacy-law--open:hover,
							.inquiry-section .inquiry-form--frame .agr-check .privacy-law--open:focus {
								background-color:#2d7fc0;
								text-decoration:none;
							}
		
						.inquiry-section .inquiry-form--frame .func-btn-box {
							display:flex;
							justify-content:center;
							width:100%;
							margin-top:30px;
						}
							.inquiry-section .inquiry-form--frame .func-btn-box .func-button {
								display:block;
								width:100%;
								max-width:300px;
								padding:15px 0;
								background-color:#00a2a2;
								border:0px;
								border-radius:30px;
								font-family:'SEBANG_Gothic_Regular', sans-serif;
								font-weight:300;
								line-height:1.4;
								color:#fff;
								font-size:1.2rem;
								text-align:center;
								transition:0.3s all ease-in-out;
							}
							
							.inquiry-section .inquiry-form--frame .func-btn-box .func-button:hover,
							.inquiry-section .inquiry-form--frame .func-btn-box .func-button:focus {
								background-color:#047e7e;
								text-decoration:none;
							}
		
		.privacy-law--popup {
			display:none;
			max-height:100%;
			word-wrap:break-word;
			word-break:keep-all;
			overflow-wrap:anywhere;
		}
			.privacy-law--popup .layer-popup-frame { display:block; }
				.privacy-law--popup .layer-popup-header {
					display:flex;
					justify-content:space-between;
					align-items:center;
					width:100%;
					padding:20px;
					background-color:#0b67ac;
				}
				
					.privacy-law--popup .layer-popup-header .pop-title {
						display:block;
						width:auto;
						padding-left:20px;
						font-family:'SEBANG_Gothic_Regular', sans-serif;
						font-weight:300;
						line-height:1.4;
						color:#fff;
						font-size:1.2rem;
					}
		
					.privacy-law--popup .layer-popup-content {
						display:block;
						width:100%;
						max-height:calc(100% - 79px);
						padding:20px;
						background-color:#fff;
						overflow-y:auto;
					}
		
	
	
	
	
	
	
/************************ 개인정보처리방침, 이용약관 ************************/
.law-guide { }
	.law-guide .m_title {
		margin-bottom:15px;
		padding:12px;
		background-color:#f7f7f7;
		border:1px solid #ccc;
		font-weight:600;
		color:#292929;
		text-align:center;
	}
		.law-guide .s_t {
			margin-bottom:20px;
			font-weight:600;
			text-align:right;
			line-height:1.6;
		}
		.law-guide .t_t {
			padding:15px 0;
			background-color:#eee;
			border:2px solid #ccc;
			font-weight:600;
			text-align:center;
		}

		.law-guide .law-guide-list { padding:20px 0; }
		.law-guide .law-guide-list.law-guide-first { padding-top:0px; }
		.law-guide .law-guide-list.law-guide-last { padding-bottom:0px; }
		.law-guide .law-guide-box:not(:last-of-type) { margin-bottom:40px; }

		.law-guide .law-guide-list-title {
			margin-bottom:10px;
			font-size:1em;
			font-weight:600;
			color:#198c9d;
		}
		
		.law-guide .law-guide-c {
			padding-left:10px;
			background:url('/res/home/img/sub/img-dot.jpg') no-repeat left 7.6px;
			line-height:1.5;
			font-weight:600;
			font-size:0.80em;
			word-break:keep-all;
			word-wrap:break-word;
			overflow-wrap:anywhere;
		}
		.law-guide .law-guide-c:not(:last-of-type) { margin-bottom:10px; }
		
			.law-guide .law-guide-cont-box {
				padding:15px;
				margin-top:10px;
				background-color:#f9f9f9;
				border:1px solid #ccc;
			}

				.law-guide .law-guide-cont-box .bullet {
					display:block;
					line-height:1.6;
					font-weight:600;
					font-size:0.8em;
					word-wrap:break-word;
					word-break:keep-all;
					overflow-wrap:anywhere;
				}
				.law-guide .law-guide-cont-box .bullet:first-of-type { margin-top:0px; }
				.law-guide .law-guide-cont-box .bullet:last-of-type { margin-bottom:0px; }
				.law-guide .law-guide-cont-box .tab15 { margin-left:15px; line-height:1.5; }

				.law-guide .law-guide-top-txt { margin-bottom:40px; }
				
					.law-guide .law-guide-top-txt .main-text {
						font-size:2em;
						font-weight:600;
						text-align:center;
						color:#000;
					}

						.law-guide .law-guide-top-txt *:not(.main-text) {
							font-weight:600;
							font-size:0.85em;
							line-height:1.4;
						}
							.law-guide .law-guide-top-txt .nor-tt {
								text-align:center;
								font-size:0.85em;
								margin-top:12px;
							}
							
							.law-guide .law-guide-top-txt .nor-tt.t-align-left { text-align:left; }

								.law-guide .law-guide-top-txt .flex-box2 {
									display:flex;
									justify-content:flex-start;
									margin-top:12px;
									padding-left:6px;
								}
									.law-guide .law-guide-top-txt .flex-box2 .item:first-of-type {
										margin-right:8px;
										word-break:keep-all;
										word-wrap:break-word;
										overflow-wrap:wrap;
									}	


/********** 멀티라인 **********/
.multi-ellipsis {
	display:inline-block;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
}

.m-two-line { -webkit-line-clamp:2;  }

@-moz-document url-prefix(){
	.m-two-line {
		line-height:1.3em;
		height:2.6em;
	}
	
	.multi-ellipsis { 
		overflow:hidden;
		position:relative;
	}
	
	.multi-ellipsis:before {
		background:#fff;
		bottom:0;
		position:absolute;
		right:0;
		float:right;
		content:'\2026';
		margin-left:-1.2rem;
		width:2.2rem;
	}
	
	.multi-ellipsis:after { 
		content:'';
		background:#fff;
		position:absolute;
		height:50px;
		width:100%;
		z-index:1;
	}
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
	.board-box .list-link .list-title { line-height:1.2; }
	
	.m-two-line {
		height:2.4em;
		line-height:1.2em;
	}
	
	.multi-ellipsis {
		overflow:hidden;
		position:relative;
	}
	
	.multi-ellipsis:before {
		content:'\2026';
		width:2.1rem;
		margin-left:-1.2rem;
		background:#fff;
		position:absolute;
		bottom:0;
		right:0;
		float:right;
	}
	
	.multi-ellipsis:after {
		content:'';
		width:100%;
		height:50px;
		background:#fff;
		position:absolute;
		z-index:1;
	}
}

/********** Responsive Layout Start **********/

/*** Mobile ***/
@media screen and (min-width:1px) and (max-width:639px) {
	/********** 메인 플랫폼 이미지 슬라이드 영역 **********/
	.slide-section .section--frame { padding:30px; }
	
		.slide-section .slide-item .typing-text .block {
			padding-left:30px;
			padding-right:30px;
			font-size:1.8rem;
		}
		
		.slide-section .top-banner-slide--controller { width:100%; }
		
			.slide-section .ctrl-item .ctrl-btn.prev { background-image:url('/res/home/img/index/image_mainBanner_ctrl_prev_mob.png'); }
			.slide-section .ctrl-item .ctrl-btn.next { background-image:url('/res/home/img/index/image_mainBanner_ctrl_next_mob.png'); }
			
			.slide-section .ctrl-item.counter .c-num { font-size:1rem; }
	
	/********** 메인 공지사항 영역 **********/
	#noticeSection { margin-top:35px; }
		
		#noticeSection .section--frame { padding:30px; }
	
	/********** 메인 플랫폼 기능소개 영역 **********/
	.func-section .text--frame {
		padding-left:30px;
		padding-right:30px;
	}
		.func-section .button--frame {
			display:flex;
			justify-content:center;
			flex-wrap:wrap;
			width:100%;
			padding-left:30px;
			padding-right:30px;
		}
		
		.func-section .button--frame .btn-item {
			width:49%;
			height:auto;
			padding:40px 20px;
			transition:0.3s all ease-in-out;
			position:relative;
		}
			.func-section .button--frame .btn-item:nth-of-type(even) { margin-left:2%; }
			.func-section .button--frame .btn-item:nth-of-type(n+3) { margin-top:10px; }
			.func-section .button--frame .bg-diamond { transform:rotate(0); }
		
		
			.func-section .detail-func--frame .func-list--frame .func-list { width:100%; }
			.func-section .detail-func--frame .func-list--frame .func-list:nth-of-type(n+2) { margin-top:15px; }
			
			.func-section .button--frame .item1,
			.func-section .button--frame .item2,
			.func-section .button--frame .item3,
			.func-section .button--frame .item4,
			.func-section .button--frame .item5 {
				top:auto !important;
				right:auto !important;
				
			}
		
	
		.func-section .detail-func--frame {
			padding-top:72px;
			position:fixed;
		}
			
			.func-section .detail-func--frame .func-laypop--inner { height:100%; }
			
				.func-section .detail-func--frame .laypop--title {
					padding-top:50px;
					font-size:1.5rem;
				} 
			
				.func-section .detail-func--frame .func-laypop--inner .laypop--content {
					height:calc(100% - 202px);
					padding:0;
					border:0px;
				}
				
					.func-section .detail-func--frame .func-laypop--inner .func-list--frame {
						height:calc(100% - 53.59px);
						overflow-y:auto;
					}
					
					.func-section .detail-func--frame .func-laypop--inner .link-btn { margin-top:20px; }
	
	/********** 질문 홍보  **********/
	.question-section { margin-top:40px; }
		.question-section .section--frame {
			padding-left:30px;
			padding-right:30px;
		}
		.question-section .flex-item--frame .left-area .text-box .block { font-size:1.5rem; }				
		.question-section .flex-item--frame .left-area .text-box .block.t-bold { font-size:1.7rem; }
					
			.question-section .flex-item--frame .right-area .item-list--frame .item-list { width:49%; }
			.question-section .flex-item--frame .right-area .item-list--frame .item-list:nth-of-type(odd) { margin-right:2%; }
			.question-section .flex-item--frame .right-area .item-list--frame .item-list:nth-of-type(n+3) { margin-top:20px; }
		
	
	/********** 도입문의하기 **********/
	.inquiry-section {
		margin-top:40px;
		margin-bottom:40px;
	}
		.inquiry-section .section--frame .left-area .main-title {
			margin-bottom:20px;
			font-size:1.65rem;
		}
		
		.inquiry-section .section--frame .left-area .sub-title {
			font-size:1rem;
		}
		
	
			.inquiry-section .inquiry-title { font-size:2.35rem; }
			
			.inquiry-section .inquiry-form--frame .input-box--frame { padding:20px; }
			
			.inquiry-section .inquiry-form--frame .flex-input .input-item { width:100%; }	
			.inquiry-section .inquiry-form--frame .flex-input .input-item:not(:last-of-type) { margin-right:2%; }
}

/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:799px) {
	/********** 메인 공지사항 영역 **********/
	#noticeSection .board-area { padding:30px; }
	
		#noticeSection .board-area .board-title {
			width:100%;
			margin-bottom:20px;
			text-align:center;
		}
		
		#noticeSection .board-area .notice-slide {
			width:100%;
			margin-bottom:20px;
		}
			#noticeSection .board-area .list-link .list-title,
			#noticeSection .board-area .list-link .list-date { font-size:1rem; }
			
			#noticeSection .board-area .notice-slide--controller {
				width:100%;
				justify-content:center;
			}
}

/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:1216px) {
	/********** 메인 플랫폼 기능소개 영역 **********/
	.func-section .text--frame {
		width:100%;
		margin-bottom:30px;
	}
	
		.func-section .text--frame .main-title { margin-bottom:25px; }
			
			.func-section .text--frame .main-title .big-text { font-size:2.5rem; }
			.func-section .text--frame .main-title .small-text { font-size:1.6rem; }
	
		.func-section .button--frame .normal-text,  
		.func-section .button--frame .m-hover .h-text .block { font-size:1.21rem; }
	
	.func-section .func-background--frame {
		width:100%;
		height:100px;
		margin-left:0;
		border-radius:0;
	}
	
	/********** 질문 홍보  **********/
	.question-section .flex-item--frame .left-area {
		width:100%;
		padding:25px;
		border-radius:20px 20px 0 0;
	}
	
	.question-section .flex-item--frame .right-area {
		width:100%;
		padding:25px;
		background-size:cover;
		border-radius:0 0 20px 20px;
	}
	
	/********** 도입문의하기 **********/	
	.inquiry-section .section--frame {
		width:100%;
		padding:30px;
	}
	
		.inquiry-section .section--frame .left-area {
			width:100%;
			margin-bottom:40px;
			text-align:center;
		}
		
			.inquiry-section .section--frame .left-area .image-box {
				width:100%;
			}
				.inquiry-section .section--frame .left-area .image-box img {
					max-width:100%;
					vertical-align:top;
				}
		
		.inquiry-section .section--frame .right-area { width:100%; }
	
		.privacy-law--popup .layer-popup-frame {
			width:100%;
			height:100vh;
		}
}

/*** Tablet ***/
@media screen and (min-width:640px) and (max-width:1216px) {
	/********** 메인 플랫폼 이미지 슬라이드 영역 **********/	
	.slide-section .slide-item .typing-text .block { font-size:2rem; }
	
	/********** 메인 플랫폼 기능소개 영역 **********/
	.func-section { padding:0; }
	.func-section .section--frame { padding-bottom:0px; }
	
	.func-section .text--frame {
		padding-left:50px;
		padding-right:50px;
	}
		.func-section .text--frame .main-title { margin-bottom:35px; }
			
			.func-section .text--frame .main-title .big-text { font-size:3.15rem; }
			.func-section .text--frame .main-title .small-text { font-size:2rem; }
	
	.func-section .button--frame {
		width:100%;
		min-height:480px;
		margin-top:30px;
	}
		.func-section .button--frame .btn-item {
			width:170px;
			height:170px;
			position:relative;
			transition:0.3s all ease-in-out;
		}
			
			.func-section .button--frame .item1 {
				top:41px !important;
				right:70% !important;
				transform:translateX(70%) !important;
			}
			
			.func-section .button--frame .item2 {
				top:41px !important;
				right:34.5% !important;
				transform:translateX(34.5%) !important;
			}
			
			.func-section .button--frame .item3 {
				top:58% !important;
				right:88.5% !important;
				transform:translate(88.5%, -58%) !important;
			}
			
			.func-section .button--frame .item4 {
				top:58% !important;
				right:52.5% !important;
				transform:translate(52.5%, -58%) !important;
			}
			
			.func-section .button--frame .item5 {
				top:58% !important;
				right:16.5% !important;
				transform:translate(15.5%, -58%) !important;
			}
		
		.func-section .detail-func--frame .func-list--frame .func-list { width:32%; }
		.func-section .detail-func--frame .func-list--frame .func-list:not(:last-of-type) { margin-right:2%; }
		.func-section .detail-func--frame .func-list--frame .func-list:nth-of-type(3n) { margin-right:0; }
		.func-section .detail-func--frame .func-list--frame .func-list:nth-of-type(n+4) { margin-top:35px; } 
		
		.func-section .func-background--frame .text { font-size:2rem; }
	
	/********** 질문 홍보  **********/
	.question-section .flex-item--frame .left-area .text-box .block { font-size:2rem; }					
	.question-section .flex-item--frame .left-area .text-box .block.t-bold { font-size:2.2rem; }
		
	.question-section .flex-item--frame .right-area .text-box .block { font-size:1.3rem; }
	
	/********** 도입문의하기 **********/
	.inquiry-section {
		margin-top:80px;
		margin-bottom:80px;
	}
	
		.inquiry-section .inquiry-title { font-size:2.6rem; }
} 

/*** Desktop ***/
@media screen and (min-width:640px) and (max-width:1569px) {
	
}

/*** Tablet & Desktop ***/
@media screen and (min-width:640px) {
	/********** 메인 플랫폼 이미지 슬라이드 영역 **********/
	.slide-section .section--frame { padding:30px 50px; }
	
		.slide-section .top-banner-slide--controller { width:300px; }
		
			.slide-section .ctrl-item .ctrl-btn.prev { background-image:url('/res/home/img/index/image_mainBanner_ctrl_prev.png'); }
			.slide-section .ctrl-item .ctrl-btn.next { background-image:url('/res/home/img/index/image_mainBanner_ctrl_next.png'); }
			
			.slide-section .ctrl-item.counter .c-num { font-size:1.21rem; }
	
			
		
	.func-section .button--frame .btn-item { position:absolute; }
	
	.func-section .button--frame .btn-item:hover .bg-diamond,
			.func-section .button--frame .btn-item:focus .bg-diamond {
				transform:rotate(0deg);
				border-radius:150px;
			}
			
			
		.func-section .button--frame .btn-item:hover .normal-text,
		.func-section .button--frame .btn-item:focus .normal-text { display:none; }
		
		.func-section .button--frame .btn-item:hover .m-hover,
		.func-section .button--frame .btn-item:focus .m-hover { display:block; }
		
		
		.func-section .detail-func--frame { position:absolute; }
		
		.func-section .detail-func--frame .func-list--frame .func-list:not(:last-of-type) { margin-right:30px; }
	
	/********** 메인 공지사항 영역 **********/
	#noticeSection { margin-top:55px; }
	
	.question-section .flex-item--frame .right-area .item-list--frame .item-list { width:32%; }
	
	.question-section .flex-item--frame .right-area .item-list--frame .item-list:not(:last-of-type) { margin-right:2%; }
	.question-section .flex-item--frame .right-area .item-list--frame .item-list:nth-of-type(3n) { margin-right:0px; }
	.question-section .flex-item--frame .right-area .item-list--frame .item-list:nth-of-type(n+4) { margin-top:30px; }
	
	/********** 도입문의하기 **********/
	.inquiry-section .inquiry-form--frame .flex-input .input-item { width:49%; }	
	.inquiry-section .inquiry-form--frame .flex-input .input-item:not(:last-of-type) { margin-right:2%; }
}

/*** Tablet & Desktop ***/
@media screen and (min-width:800px) {
	/********** 메인 공지사항 영역 **********/
	#noticeSection .board-area { padding:30px 40px; }
	
		#noticeSection .board-area .board-title {
			width:80px;
			margin-right:20px;
		}
	
		#noticeSection .board-area .notice-slide {
			width:calc(100% - 240px);
			margin-right:20px;
		}
		
			#noticeSection .board-area .list-link .list-title,
			#noticeSection .board-area .list-link .list-date { font-size:1.2rem; }
}

/*** Desktop ***/
@media screen and (min-width:1217px) {
	/********** 메인 플랫폼 이미지 슬라이드 영역 **********/
	.slide-section .slide-item .typing-text .block { font-size:3rem; }
	
	/********** 메인 플랫폼 기능소개 영역 **********/
	.func-section .text--frame {
		width:550px;
		margin-right:107px;
	}
	
	.func-section .button--frame {
		width:calc(100% - 657px);
		min-height:624px;
	}
		.func-section .button--frame .btn-item {
			width:216px;
			height:216px;
		}
			.func-section .button--frame .item1 {
				top:41px !important;
				right:497px !important;
			}
			
			.func-section .button--frame .item2 {
				right:497px !important;
				top:367px !important;
			}
			
			.func-section .button--frame .item3 {
				right:332px !important;
				top:50% !important;
				transform:translateY(-50%) !important;
			}
			
			.func-section .button--frame .item4 {
				right:165px !important;
				top:41px !important;
			}
			
			.func-section .button--frame .item5 {
				right:0 !important;
				top:50% !important;
				transform:translateY(-50%) !important;
			}
		
		.func-section .detail-func--frame .func-list--frame .func-list {
			width:auto;
			flex:1;	
		}
	
	/********** 질문 홍보  **********/
	.question-section .flex-item--frame .left-area {
		width:50%;
		min-height:600px;
		border-radius:20px 0 0 20px;
	}
		.question-section .flex-item--frame .left-area .text-box .block { font-size:2.4rem; }					
		.question-section .flex-item--frame .left-area .text-box .block.t-bold { font-size:2.7rem; }
		
	.question-section .flex-item--frame .right-area {
		width:50%;
		padding:0 50px;
		min-height:600px;
		border-radius:0 20px 20px 0;
	}
		
	
	
	
	/********** 도입문의하기 **********/
	.inquiry-section {
		margin-top:80px;
		margin-bottom:80px;
	}
	
		.inquiry-section .section--frame .left-area {
			width:572px;
			margin-right:110px;
		}
		
		.inquiry-section .section--frame .right-area { width:calc(100% - (572px + 110px)); }
	
			.inquiry-section .inquiry-title { font-size:2rem; }
		
			
			.privacy-law--popup .layer-popup-frame {
				width:800px;
				height:500px;
			}
}

/*** Desktop ***/
@media screen and (min-width:1570px) {
	
}



/********** Responsive Layout End **********/