@charset "UTF-8";

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

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

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

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


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

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

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

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


/********** 상단배너 **********/
#topBanner {
	word-break:keep-all;
	word-wrap:break-word;
}
	#topBanner .banner-area--frame { 
		display:block;
		width:100%;
		background-color:#fff;
		position:relative;
	}
		#topBanner .top-banner-slide--controller {
			display:block;
			width:auto;
		}
			#topBanner .top-banner-slide--controller .ctrl-item {
				display:block;
				width:25px;
				height:45px;
				position:absolute;
				top:50%;
				transform:translateY(-50%);
				z-index:101;
			}
			#topBanner .top-banner-slide--controller .ctrl-item.left { left:30px; }
			#topBanner .top-banner-slide--controller .ctrl-item.right { right:30px; }
			
				#topBanner .top-banner-slide--controller .ctrl-btn {
					display:block;
					width:100%;
					height:100%;
					background-repeat:no-repeat;
					background-position:center center;
				}
				#topBanner .top-banner-slide--controller .ctrl-btn.prev { background-image:url('/res/img/home/page/index/image_idxMainBanner_left_arrow.png'); }
				#topBanner .top-banner-slide--controller .ctrl-btn.next { background-image:url('/res/img/home/page/index/image_idxMainBanner_right_arrow.png'); }

		#topBanner .banner--slide {
			display:block;
			width:100%;
		}
		
			#topBanner .slick-list { width:100%; }
			
				#topBanner .slide-item {
					display:block;
					width:100%;
				}
					#topBanner .slide-item .banner-link {
						display:flex;
						justify-content:space-between;
						align-items:center;
						flex-wrap:wrap;
						width:100%;
						border:1px solid #ccc;
						border-radius:30px;
						overflow:hidden;
					}
							#topBanner .slide-item .main-title {
								display:block;
								width:100%;
							}
								#topBanner .slide-item .main-title .block {
									display:block;
									width:100%;
									font-family:'yg-jalnan', sans-serif;
									color:#000;
									letter-spacing:-.9px;
									line-height:1.4;
								}
							
							#topBanner .slide-item .sub-title {
								display:block;
								width:100%;
								margin-bottom:18px;
								font-family:'Binggrae', sans-serif;
								font-weight:400;
								color:#000;
								letter-spacing:-1.2px;
							}
							
							#topBanner .slide-item .discription {
								display:block;
								width:100%;
							}
								#topBanner .slide-item .discription .block {
									display:block;
									width:100%;
									font-family:'SEBANG_Gothic_Regular', sans-serif;
									font-weight:400;
									color:#000;
									letter-spacing:-.2px;
									line-height:1.4;
								}
							
							#topBanner .slide-item .image-area { display:block; }
								#topBanner .slide-item .image-area img {
									vertical-align:top;
									max-width:100%;
								}
							
						#topBanner .slide-item.item1 .banner-link {
							padding:66px 72px 29px 72px;
							background-color:#fff7dd;
							background-image:url('/res/img/home/page/index/image_mainBanner_bg1_1.jpg');
							background-repeat:repeat-x;
							background-position:left bottom;
						}
							#topBanner .slide-item.item1 .text-area { display:block; }
							
								#topBanner .slide-item.item1 .main-title .block {
									font-family:'yg-jalnan', sans-serif;
									color:#000;
									letter-spacing:-.9px;
									line-height:1.4;
								}
								
						#topBanner .slide-item.item2 .banner-link {
							padding:95px 72px 0px 72px;
							background-color:#fff7eb;
						}
							#topBanner .slide-item.item2 .text-area { display:block; }
			
			#topBanner .idx-big-slick-dot {
				display:flex;
				justify-content:center;
				align-items:center;
				width:auto;
				padding:10px 27px;
				background-color:#fff;
				border:1px solid #ccc;
				position:absolute;
				left:50%;
				transform:translateX(-50%);
				bottom:-17px;
				border-radius:17.5px;
				
			}
				#topBanner .idx-big-slick-dot li:not(:last-of-type) { margin-right:10px; }
					
					#topBanner .idx-big-slick-dot .dot {
						display:block;
						width:13px;
						height:13px;
						background-color:#9c9b9b;
						border-radius:50%;
					}
					
					#topBanner .idx-big-slick-dot .slick-active .dot {
						width:40px;
						border-radius:7.5px;
						background-color:#a72c31;
					}
			
					#topBanner .idx-big-slick-dot .slick-ctrl-btn {
						display:block;
						width:8px;
						height:13px;
						background-repeat:no-repeat;
						background-position:center center;
						cursor:pointer;
					}
					
					#topBanner .idx-big-slick-dot .slick-ctrl-btn.stop { background-image:url('/res/img/home/page/index/image_idxMainBanner_pause.png'); }
					#topBanner .idx-big-slick-dot .slick-ctrl-btn.resume { background-image:url('/res/img/home/page/index/image_idxMainBanner_resume.png'); }
		
/********** 바로가기 아이콘 **********/
#shortCutLink .inner--frame{}
	#shortCutLink .link--frame {
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
		width:100%;
		margin-top:25px;
	}
		#shortCutLink .link--frame .link-btn {
			display:flex;
			justify-content:center;
			align-items:center;
			padding:38px 0;
			border:1px solid #ccc;
			border-radius:10px;
		}
		#shortCutLink .link--frame .link-btn:nth-of-type(odd) { background-color:#fff; }
		#shortCutLink .link--frame .link-btn:nth-of-type(even) { background-color:#fafafa; }
		
			
			#shortCutLink .link--frame .link-btn .text {
				display:block;
				width:100%;
				padding-top:90px;
				background-repeat:no-repeat;
				background-position:center 5px;
			}
			
			#shortCutLink .link--frame .link-btn.link1 .text { background-image:url('/res/img/home/page/index/image_idxShortCut_01.png'); }
			#shortCutLink .link--frame .link-btn.link2 .text { background-image:url('/res/img/home/page/index/image_idxShortCut_02.png'); }
			#shortCutLink .link--frame .link-btn.link3 .text { background-image:url('/res/img/home/page/index/image_idxShortCut_03.png'); }
			#shortCutLink .link--frame .link-btn.link4 .text { background-image:url('/res/img/home/page/index/image_idxShortCut_04.png'); }
			#shortCutLink .link--frame .link-btn.link5 .text { background-image:url('/res/img/home/page/index/image_idxShortCut_05.png'); }
			#shortCutLink .link--frame .link-btn.link6 .text { background-image:url('/res/img/home/page/index/image_idxShortCut_06.png'); }
			
			#shortCutLink .link--frame .link-btn:hover,
			#shortCutLink .link--frame .link-btn:focus { text-decoration:none; }
			
			#shortCutLink .link--frame .link-btn:hover .text,
			#shortCutLink .link--frame .link-btn:focus .text {
				animation-name:swing;
				animation-duration:1s;
				animation-iteration-count:infinite;
				animation-timing-function:ease-out;
				color:#ffc809;
			}
			
				#shortCutLink .link--frame .link-btn .block {
					display:block;
					width:100%;
					font-family:'GmarketSansMedium', sans-serif;
					font-weight:500;
					text-align:center;
					line-height:1.3;
					letter-spacing:-.9px;
				}
			
@keyframes swing {
	0% { background-position:center 5px; }
	25% { background-position:center top; }
	50% { background-position:center 5px; }
	75% { background-position:center top; }
	100% { background-position:center 5px; }
}

/********** 사업소개 **********/
#businessLink {
	word-wrap:break-word;
	word-break:keep-all;
}
	
	#businessLink .tab-container {
		display:flex;
		justify-content:flex-start;
		align-items:center;
		width:100%;
	}
		#businessLink .tab-container .tab-list {
			display:block;
			width:auto;
		}
		
		#businessLink .tab-container .tab-list:not(:last-of-type) { margin-right:20px; }
		
			#businessLink .tab-container .tab-link {
				display:block;
				width:auto;
				font-weight:600;
				font-size:0.85rem;
				color:rgba(0,0,0,.5);
				transition:0.3s all ease-in-out;
			}
			
			#businessLink .tab-container .tab-link:hover,
			#businessLink .tab-container .tab-link:focus {
				padding:18px 30px;
				background-color:#b5b5b5;
				border-radius:30px;
				color:#fff;
				text-decoration:none;
				-webkit-box-shadow:5px 5px 0 rgba(0,0,0,.2);
				-moz-box-shadow:5px 5px 0 rgba(0,0,0,.2);
				box-shadow:5px 5px 0 rgba(0,0,0,.2);
			}
			
			#businessLink .tab-container .tab-link.current {
				padding:18px 30px;
				background-color:#ffc809;
				border-radius:30px;
				color:#fff;
				-webkit-box-shadow:5px 5px 0 rgba(0,0,0,.2);
				-moz-box-shadow:5px 5px 0 rgba(0,0,0,.2);
				box-shadow:5px 5px 0 rgba(0,0,0,.2);
			}
		
	#businessLink .tab-contents--frame {
		display:block;
		width:100%;
		margin-top:20px;
	}
		#businessLink .tab-contents {
			display:none;
			width:100%;
		}
		
		#businessLink .tab-contents.current { display:block; }

			#businessLink .tab-contents .image-area {
				display:block;
			}
				#businessLink .tab-contents .image-area img {
					vertical-align:top;
					max-width:100%;
				}

			#businessLink .tab-contents .text-area {
				display:flex;
				justify-content:flex-start;
				align-items:center;
				width:100%;
			}
				#businessLink .tab-contents .text-area--frame {
					display:block;
					width:100%;
				}
					#businessLink .tab-contents .main-title {
						display:block;
						width:100%;
						font-family:'SEBANG_Gothic_Bold', sans-serif;
						color:#000;
						letter-spacing:-.9px;
					}
					
					#businessLink .tab-contents .cont-link {
						display:flex;
						align-items:center;
						width:auto;
					}
					
					#businessLink .tab-contents .cont-link:hover,
					#businessLink .tab-contents .cont-link:focus { text-decoration:none; }
					
						#businessLink .tab-contents .cont-link .text,
						#businessLink .tab-contents .cont-link .icon {
							display:block;
							width:auto;
							color:#000;
						}
						#businessLink .tab-contents .cont-link .text {
							margin-right:25px;
							font-family: 'GmarketSansMedium';
							letter-spacing:-.6px;
							font-size:1.15rem;
							transition:0.3s all ease-in-out;
						}
						
						#businessLink .tab-contents .cont-link:hover .text,
						#businessLink .tab-contents .cont-link:focus .text {
							margin-right:40px;
							color:#1891dd;
						}
						
/********** 게시판 & 상담연락처 안내 & 팝업존 **********/
#infoContent {
	word-wrap:break-word;
	word-break:keep-all;
}
	#infoContent .container-inner--frame {
		display:flex;
		justify-content:space-between;
		width:100%;
	}
	
		#infoContent .board--frame {
			display:block;
			position:relative;
		}
			#infoContent .board-tab-container {
				display:flex;
				justify-content:flex-start;
				align-items:center;
				width:100%;
			}
				#infoContent .board-tab-container .tab-list { display:block; }
								
					#infoContent .board-tab-container .tab-link {
						display:block;
						width:auto;
						font-family:'SEBANG_Gothic_Regular', sans-serif;
						letter-spacing:-.6px;
						transition:0.3s all ease-in-out;
					}
			
			#infoContent .board-tab-content--frame {
				display:block;
				width:100%;
			}
				#infoContent .b-tab-content {
					display:none;
					width:100%;
					height:100%;
				}
				#infoContent .b-tab-content.current { display:block; }
			
					#infoContent .b-tab-content .board-list--frame {
						display:block;
						width:100%;
					}
						#infoContent .board-list--frame .list-item {
							display:flex;
							justify-content:space-between;
							align-items:center;
							width:100%;
						}
						
						#infoContent .board-list--frame .list-item:not(:last-of-type) {
							margin-bottom:17px;
							padding-bottom:17px;
							border-bottom:1px dashed #ccc;
						}
						
							#infoContent .board-list--frame .list-item .subject,
							#infoContent .board-list--frame .list-item .date {
								display:block;
								font-family:'GmarketSansMedium';
								font-weight:500;
							}
							
							#infoContent .board-list--frame .list-item .subject {
								width:calc(100% - 140px);
								line-height:1.2;
							}
							
							#infoContent .board-list--frame .list-item .date {
								width:120px;
								text-align:right;
							}
					
					#infoContent .b-tab-content .no-list {
						display:flex;
						justify-content:center;
						align-items:center;
						width:100%;
					}
						#infoContent .b-tab-content .no-list .no-list--text {
							display:block;
							width:auto;
							padding-left:20px;
							padding-right:20px;
							font-family:'GmarketSansMedium';
							font-weight:500;
							letter-spacing:-.6px;
							color:#000;
						}
			
		#infoContent .tel-info--frame { display:block; }
		
			#infoContent .tel-info--frame .info-title {
				display:block;
				width:100%;
				font-family:'SEBANG_Gothic_Regular', sans-serif;
				font-size:1.5rem;
				font-weight:400;
				color:#000;
				letter-spacing:-.6px;
			}
			
			#infoContent .tel-info--frame .info-contents--frame {
				display:block;
				width:100%;
				height:500px;
				margin-top:17px;
				padding:25px;
				background-color:#fff;
				border:1px solid #b2b2b2;
				border-radius:15px;
				position:relative;
			}
				#infoContent .info-contents--frame .info-list--frame {
					display:block;
					width:100%;
				}
					#infoContent .info-list--frame .info-list {
						display:block;
						width:100%;
					}
					#infoContent .info-list--frame .info-list:not(:last-of-type) { margin-bottom:26px; }
					
						#infoContent .info-list--frame .list-title {
							display:block;
							width:180px;
							padding:13px 10px 7px 10px;
							border-radius:20px;
							font-family:'GmarketSansMedium';
							font-weight:500;
							font-size:1rem;
							line-height:1;
							letter-spacing:-.6px;
							text-align:center;
						}
						#infoContent .info-list--frame .list1 .list-title {
							background-color:#fd777d;
							color:#fff;
						}
						#infoContent .info-list--frame .list2 .list-title {
							background-color:#fae550;
							color:#000;
						}
						#infoContent .info-list--frame .list3 .list-title {
							background-color:#73cf65;
							color:#fff;
						}
						#infoContent .info-list--frame .list4 .list-title {
							background-color:#4db8b2;
							color:#fff;
						}
						
						#infoContent .info-list--frame .tel-num {
							display:flex;
							justify-content:flex-start;
							align-items:center;
							width:100%;
							margin-top:13px;
						}
							#infoContent .info-list--frame .tel-num .num {
								display:block;
								width:auto;
								margin-left:13px;
								font-family: 'GmarketSansBold', sans-serif;
								font-size:1.6rem;
								letter-spacing:-.6px;
								color:#000;
							}
							
				#infoContent .info-contents--frame .info-text {
					display:block;
					width:100%;
					padding:20px 10px;
					background-color:#dcdcdc;
					border-radius:0 0 15px 15px;
					font-weight:600;
					font-size:0.91rem;
					color:#000;
					text-align:center;
					position:absolute;
					left:0;
					bottom:0;
				}
		
		#infoContent .pop-frame {
			display:block;
			background-color:#fff;
			border:1px solid #ccc;
			border-radius:15px;
			overflow:hidden;
			position:relative;
		}
			#infoContent .pop-frame img {
				vertical-align:top;
				max-width:100%;
			}
			#infoContent .pop-frame .pop-link {
				display:block;
				width:100%;
			}
			
				#infoContent .pop-frame .idx-popbanner-slick-dot {
					display:flex;
					justify-content:flex-start;
					align-items:center;
					width:auto;
					position:absolute;
					top:16px;
					right:16px;
					z-index:101;
				}
					#infoContent .pop-frame .idx-popbanner-slick-dot li {
						display:block;
						width:10px;
						height:10px;
						background-color:#fff;
						border-radius:15px;
						cursor:pointer;
					}
					#infoContent .pop-frame .idx-popbanner-slick-dot li:not(:last-of-type) { margin-right:7px; }
					
					#infoContent .pop-frame .idx-popbanner-slick-dot .slick-active {
						width:40px;
						background-color:#a72c31;
					}
				
				
/********** 관련기관 배너 바로가기 **********/				
.container-organization { 
	display:block;
	width:100%;
}
	.container-organization .organization-list--frame {
		display:block;
		width:100%;
	}
		.container-organization .organization-list--frame .title--frame {
			display:flex;
			align-items:center;
			flex-wrap:wrap;
			width:100%;
			margin-bottom:25px;
		}
			.container-organization .banner-title {
				display:block;
				width:auto;
				font-family:'SEBANG_Gothic_Regular';
				font-size:1.5rem;
				font-weight:400;
				letter-spacing:-.6px;
				color:#000;
			}
			
			.container-organization .slide-controller {
				display:flex;
				width:auto;
				text-align:center;
			}
				.container-organization .slide-controller .ctrl-item {
					display:block;
					width:30px;
					height:30px;
					background-color:#eff1f6;
					background-position:center center;
					background-repeat:no-repeat;
					border-radius:15px;
				}
				.container-organization .slide-controller .ctrl-item:not(:last-of-type) { margin-right:10px; }
				
				.container-organization .slide-controller .ctrl-item.prev { background-image:url('/res/img/home/common/image_ctrl_prev.png'); }
				.container-organization .slide-controller .ctrl-item.pause { background-image:url('/res/img/home/common/image_ctrl_pause.png'); }
				.container-organization .slide-controller .ctrl-item.resume { background-image:url('/res/img/home/common/image_ctrl_play.png'); display:none; }
				.container-organization .slide-controller .ctrl-item.next { background-image:url('/res/img/home/common/image_ctrl_next.png');  }

		.container-organization .slide-controller,
		.container-organization .data { align-self:center; }
		
		.container-organization .data {
			width:100%;
			padding:24px 31px;
			background-color:#fff;
			border-radius:15px;
			border:1px solid #ccc;
			overflow:hidden;
		}
			.container-organization #orzBanner {
				display:flex;
				width:100%;
				background-color:#fff;
			}
			.container-organization .data .site-list {
				display:block;
				width:auto;
				height:52px;
				margin-right:40px;
			}
				.container-organization .data .site-link {
					display:block;
					width:100%;
					height:100%;
					position:relative;
				}
					.container-organization .data .site-link img {
						max-width:100%;
						max-height:100%;
					}
				
/********** common title design **********/


	
.tracking-in-expand{-webkit-animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1.000) both;animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1.000) both}
@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}

.fade-in-bottom{-webkit-animation:fade-in-bottom .7s cubic-bezier(.39,.575,.565,1.000) .5s both;animation:fade-in-bottom .7s cubic-bezier(.39,.575,.565,1.000) .5s both}
@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

.fade-in-bottom2{-webkit-animation:fade-in-bottom2 .7s cubic-bezier(.39,.575,.565,1.000) 1s both;animation:fade-in-bottom .7s cubic-bezier(.39,.575,.565,1.000) 1s both}
@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}


.fade-in-right{-webkit-animation:fade-in-right .6s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in-right .6s cubic-bezier(.39,.575,.565,1.000) both}
@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}




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

/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {
	/* 레이어팝업 */
	.layer-popup {
		left:0px !important;
		right:auto !important;
	}
	
	/********** 공통 **********/
	.layout-container { background-color:#fff; }	
	
		#shortCutLink .link--frame .link-btn { width:49%; }
		#shortCutLink .link--frame .link-btn:nth-of-type(odd) { margin-right:2%; }
		#shortCutLink .link--frame .link-btn:nth-of-type(n+3) { margin-top:12px; }
	
			#shortCutLink .link--frame .link-btn .block { font-size:1rem; }
			
				#topBanner .slide-item .main-title .block { font-size:1.7rem; }
				#topBanner .slide-item .sub-title { font-size:1rem; }
				#topBanner .slide-item .discription { margin-top:15px; }
	
	
	#topBanner .slide-item.item1 .banner-link { padding:66px 30px 29px 30px; }	
	#topBanner .slide-item.item2 .banner-link { padding:60px 30px 0px 30px; }
	
		#topBanner .slide-item .discription { text-align:center; }
		#topBanner .slide-item .discription .block {
			display:inline;
			font-size:0.85rem;
		}
		
		.container-inner--frame { padding:20px; }
	
	#topBanner .top-banner-slide--controller .ctrl-item {
		width:15px;
		height:27px;
	}
	#topBanner .top-banner-slide--controller .ctrl-item.left { left:20px; }
	#topBanner .top-banner-slide--controller .ctrl-item.right { right:20px; }
	
		#topBanner .top-banner-slide--controller .ctrl-btn.prev { background-image:url('/res/img/home/page/index/image_idxMainBanner_left_arrow_mob.png'); }
		#topBanner .top-banner-slide--controller .ctrl-btn.next { background-image:url('/res/img/home/page/index/image_idxMainBanner_right_arrow_mob.png'); }
	
	
	
	
	/********** 사업소개 **********/
	#businessLink .tab-contents .main-title { font-size:1.7rem; }
	
	#businessLink .tab-contents .sub-title { display:none; }
	
	#businessLink .tab-contents .cont-link { margin-top:20px; }
	
		#businessLink .tab-contents .cont-link .text,
		#businessLink .tab-contents .cont-link .icon { font-size:0.91rem; }
		
		
	#infoContent .board-tab-container .tab-list { width:50%; }
		
		#infoContent .board-tab-container .tab-link {
			padding:20px;
			background-color:#bbb;
			color:#fff;
			text-align:center;
			font-size:1.21rem;
		}
		
		#infoContent .board-tab-container .tab-list:first-of-type .tab-link { border-radius:15px 0 0 0; }
		#infoContent .board-tab-container .tab-list:last-of-type .tab-link { border-radius:0 15px 0 0; }
	
			#infoContent .board-tab-container .tab-link.current { background-color:#a72c31; }
					
			#infoContent .board-tab-container .tab-link:hover,
			#infoContent .board-tab-container .tab-link:focus {
				text-decoration:none;
			}

		#infoContent .board-list--frame {
			padding:25px;
			background-color:#fff;
			border:1px solid #b2b2b2;
			border-radius:0 0 15px 15px;
		}
		
		#infoContent .more-btn--frame {
			width:auto;
			margin-top:20px;
		}
			#infoContent .more-btn--frame .more-btn {
				margin-left:auto;
				margin-right:auto;
			}

	
		#infoContent .b-tab-content .no-list {
			padding:25px;
			background-color:#fff;
			border:1px solid #b2b2b2;
			border-radius:0 0 15px 15px;
		}
			#infoContent .b-tab-content .no-list .no-list--text { font-size:1rem; }
		
		#infoContent .tel-info--frame,
		#infoContent .pop-frame { width:100%; }
		
		#infoContent .pop-frame { margin-top:30px; }
		
			#infoContent .pop-frame .pop-link {
				padding-top:100%;
				position:relative;
			}
				#infoContent .pop-frame .pop-link img {
					max-width:100%;
					max-height:100%;
					position:absolute;
					left:50%;
					top:50%;
					transform:translate(-50%, -50%);
				}
			
			#infoContent .pop-frame .mob-size { display:block; }
			#infoContent .pop-frame .pc-size { display:none; }
		
	.more-btn { 
		width:50px;
		height:50px;
		background-color:#fafafa;
		border:1px solid #b2b2b2;
		border-radius:25px;
	}
		.more-btn .line-mark.line1 { height:24px; }
		.more-btn .line-mark.line2 { width:24px; }
		
	.container-organization .organization-list--frame .title--frame { justify-content:center; }
		
		.container-organization .title--frame .banner-title,
		.container-organization .title--frame .slide-controller {
			width:100%;
			text-align:center;
		}
		
		.container-organization .slide-controller {
			justify-content:center;
			margin-top:15px;
		}
		
		#infoContent .tel-info--frame .info-contents--frame {
			height:auto;
			padding-top:0px;
			padding-left:0px;
			padding-right:0px;
		}
			#infoContent .info-list--frame { padding-bottom:30px; }
			
				#infoContent .info-list--frame .info-list { padding:20px; }				
				#infoContent .info-list--frame .info-list:not(:last-of-type) {
					margin-bottom:0px;
					border-bottom:1px solid #ccc;
				}
					#infoContent .info-list--frame .list-title {
						margin-left:auto;
						margin-right:auto;
					}
					
					#infoContent .info-list--frame .tel-num { justify-content:center; }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1316px) {
	/********** 공통 **********/
	.container-inner--frame { width:100%; }
	
		/********** Top Banner **********/
		#topBanner .slick-track { display:flex; }
			#topBanner .slide-item { height:inherit; }
			#topBanner .slide-item .banner-link { height:100%; }
			
				#topBanner .slide-item .banner-link .text-area,
				#topBanner .slide-item .banner-link .image-area { width:100%; }
				
					#topBanner .slide-item .main-title .block { text-align:center; }
				
					#topBanner .slide-item .sub-title { text-align:center; }
					
					#topBanner .slide-item .discription .block { font-size:1rem; text-align:center; }
		
		
				#topBanner .slide-item .image-area { margin-top:20px; }
					#topBanner .slide-item .image-area img {
						margin-left:auto;
						margin-right:auto;
						width:80%;
					}
					
					#topBanner .slide-item.item1 .image-area img { width:80%; }
					#topBanner .slide-item.item2 .image-area img { width:50%; }
					
		
		/********** 사업소개 **********/
		#businessLink .tab-container {
			padding-bottom:10px;
			overflow-x:auto;
		}
			#businessLink .tab-container .tab-link.current,
			#businessLink .tab-container .tab-link:hover,
			#businessLink .tab-container .tab-link:focus { padding:10px 20px; }
		
		#businessLink .tab-contents {
			width:100%;
			padding:30px;
			background-color:#ffffee;
			border:1px solid #b2b2b2;
			border-radius:15px;
		}
			#businessLink .tab-contents .image-area {
				width:100%;
				text-align:center;
			}
				#businessLink .tab-contents .image-area img { border-radius:10px; }
			
			#businessLink .tab-contents .text-area {
				margin-top:30px;
				text-align:center;
			}
			
				#businessLink .tab-contents .cont-link { justify-content:center; }
				
		
		/********** 게시판 & 상담연락처 안내 & 팝업존 **********/
		#infoContent .container-inner--frame { flex-wrap:wrap; }
			#infoContent .board--frame {
				width:100%;
				margin-bottom:80px;
			}
		
				
		
				
}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1316px) {
	/********** 공통 **********/
	.container-inner--frame {  }
	
		#topBanner .slide-item .main-title .block { font-size:2.4rem; }
	
		#shortCutLink .link--frame .link-btn { width:32%; }
		#shortCutLink .link--frame .link-btn:not(:last-of-type) { margin-right:2%; }
		#shortCutLink .link--frame .link-btn:nth-of-type(3n) { margin-right:0px; }
		#shortCutLink .link--frame .link-btn:nth-of-type(n+4) { margin-top:10px; }
		
		
		/********** 사업소개 **********/
		#businessLink .tab-contents .text-area { display:block; }
		
			#businessLink .tab-contents .main-title { font-size:2rem; }
			
			
		#infoContent .tel-info--frame { width:calc(100% - 270px); }
		#infoContent .pop-frame { width:251px; }
}

/* Tablet & PC */
@media screen and (min-width:640px) {	
	#topBanner .slide-item .sub-title { font-size:1.4rem; }
	
	#topBanner .slide-item .discription { margin-top:40px; }
	
	#shortCutLink .link--frame .link-btn .block { font-size:1.21rem; }
	
	/********** 사업소개 **********/
	#businessLink .tab-contents .sub-title {
		display:block;
		width:100%;
		margin-top:30px;
	}
		#businessLink .tab-contents .sub-title .block {
			display:block;
			width:100%;
			font-family: 'GmarketSansLight', sans-serif;
			font-size:1.1rem;
			line-height:1.6;
			letter-spacing:-.6px;
			color:#000;
		}
		
	#businessLink .tab-contents .cont-link { margin-top:45px; }
	
	/********** 게시판 & 상담연락처 안내 & 팝업존 **********/	
	#infoContent .board-tab-container .tab-list { width:auto; }
	#infoContent .board-tab-container .tab-list:not(:last-of-type) { margin-right:20px; }
	
		#infoContent .board-tab-container .tab-link {
			font-size:1.5rem;
			color:rgba(0,0,0,.45);
		}
		
		#infoContent .board-tab-container .tab-link.current { color:#000; }
					
		#infoContent .board-tab-container .tab-link:hover,
		#infoContent .board-tab-container .tab-link:focus {
			text-decoration:none;
			color:#fdbd09;
		}
		
		#infoContent .b-tab-content .more-btn--frame {
			position:absolute;
			right:0;
			top:0;
		}
		
		#infoContent .board-tab-content--frame {
			padding:25px;
			margin-top:17px;
			background-color:#fff;
			border:1px solid #b2b2b2;
			border-radius:15px;
		}
		
			#infoContent .b-tab-content .no-list { height:100%; }
				#infoContent .b-tab-content .no-list .no-list--text { font-size:1.5rem; }
				
		#infoContent .pop-frame .mob-size { display:none; }
		
	.container-organization .organization-list--frame .title--frame { justify-content:space-between; }
	
	.container-organization .slide-controller { justify-content:flex-start; }
}

/* PC */
@media screen and (min-width:1317px) {
	/********** 공통 **********/
	.container-inner--frame { 
		width:100%;
		max-width:1300px;
		margin-left:auto;
		margin-right:auto;
		padding:0px;
	}
		
		/********** Top Banner **********/
		#topBanner .slide-item .banner-link { height:463px; }
			#topBanner .slide-item .main-title .block { font-size:3rem; }
			
			#topBanner .slide-item .discription .block { font-size:1.21rem; }
			
			#topBanner .slide-item.item1 .text-area {
				width:calc(100% - 569px);
				padding-left:54px;
			}
			
			#topBanner .slide-item.item2 .text-area {
				width:calc(100% - 478px);
				padding-left:54px;
				padding-bottom:70px;
			}
	
		/********** 바로가기 아이콘 **********/
		#shortCutLink { margin-top:80px }
			#shortCutLink .link--frame .link-btn { width:208px; }
			#shortCutLink .link--frame .link-btn:not(:last-of-type) { margin-right:10.4px; }
		
		
		/********** 사업소개 **********/
		#businessLink { margin-top:80px; }
		
			#businessLink .tab-contents {
				height:400px;
				padding-right:202px;
				position:relative;
			}
				#businessLink .tab-contents .image-area {
					width:auto;
					border-radius:10px;
					overflow:hidden;
					position:absolute;
					right:0;
					top:50%;
					transform:translateY(-50%);
					-webkit-box-shadow:5px 5px 0 rgba(0,0,0,.2);
					-moz-box-shadow:5px 5px 0 rgba(0,0,0,.2);
					box-shadow:5px 5px 0 rgba(0,0,0,.2);	
				}
			
				#businessLink .tab-contents .text-area {
					height:100%;
					padding:60px;
					padding-right:400px;
					background-color:#ffffee;
					border:1px solid #b2b2b2;
					border-radius:15px;
				}
					#businessLink .tab-contents .main-title { font-size:2.5rem; }
					
					#businessLink .tab-contents .cont-link { justify-content:flex-start; }
		
		/********** 게시판 & 상담연락처 안내 & 팝업존 **********/
		#infoContent { margin-top:80px; }

			#infoContent .board--frame { width:605px; }
				#infoContent .board-tab-content--frame { height:500px; }
		
			#infoContent .tel-info--frame { width:391px; }
			
			#infoContent .pop-frame { width:251px; }
		
		/********** 관련기관 배너 바로가기 **********/				
		.container-organization { 
			margin-top:80px;
			margin-bottom:40px;
		}
			.container-organization .organization-list--frame { padding-bottom:30px; }
}

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