@charset "UTF-8";

#layoutHeader {
	display:block;
	width:100%;
}
	#layoutHeader .header-top {
		display:flex;
		justify-content:space-between;
		align-items:center;
		width:100%;
		background-color:#fff;
		position:fixed;
		left:0;
		top:0;
		z-index:2001;
	}
		#layoutHeader .header-top .header--logo {
			display:block;
			width:auto;
		}
			#layoutHeader .header-top .logo {
				display:block;
				width:auto;
				padding:7px 20px;
			}
	
	
		#layoutHeader .header-top .all-btn {
			display:block;
			width:57px;
			height:57px;
			position:relative;
		}
			#layoutHeader .header-top .all-btn .line-mark {
				height:3px;
				position:absolute;
				transition:0.3s all ease-in-out;
				transform:translateX(-50%);
			}
			
			#layoutHeader .header-top .all-btn .line-mark.line1 {
				width:15px;
				background-color:#000;
				top:17px;
				left:63%;
			}
			
			#layoutHeader .header-top .all-btn .line-mark.line2 {
				width:30px;
				background-color:#00b350;
				top:25px;
				left:50%;
			}
			
			#layoutHeader .header-top .all-btn .line-mark.line3 {
				width:30px;
				background-color:#00b350;
				top:33px;
				left:50%;
			}
		
		#layoutHeader .header-top .all-btn:hover,
		#layoutHeader .header-top .all-btn:focus {
			background-color:#00b350;
			border-color:#00b350;
		}
	
			#layoutHeader .header-top .all-btn:hover .line-mark.line1,
			#layoutHeader .header-top .all-btn:focus .line-mark.line1 {
				width:21px;
				background-color:#fff !important;
				top:50%;
				left:50%;
				transform:translate(-50%, -50%);
			}
		
			#layoutHeader .header-top .all-btn:hover .line-mark.line2,
			#layoutHeader .header-top .all-btn:focus .line-mark.line2 {
				opacity:0;
			}
		
			#layoutHeader .header-top .all-btn:hover .line-mark.line3,
			#layoutHeader .header-top .all-btn:focus .line-mark.line3 {
				width:21px;
				background-color:#fff !important;
				top:50%;
				transform:translate(-50%, -50%) rotate(90deg);
			}
	
	#layoutHeader .header-bottom {
		display:block;
		width:100%;
		background-color:#fff;
		position:fixed;
		left:0;
		bottom:0;
		z-index:2001;
		box-shadow:0 -3px 8px rgba(0, 0, 0, .2);
	}
	
		#layoutHeader .header-bottom .navi-item {
			display:flex;
			justify-content:center;
			width:100%;
		}
		
			#layoutHeader .header-bottom .navi-item .menu-link {
				flex:1;
				display:block;
				width:auto;
				padding:53px 0 10px 0;
				background-repeat:no-repeat;
				background-position:center 15px;
				font-size:0.8rem;
				font-weight:600;
				color:#000;
				text-align:center;
			}
			
			#layoutHeader .header-bottom .navi-item .menu-link.active { color:#00b350; }
			
			#layoutHeader .header-bottom .navi-item .menu-link.btnLink0 { background-image:url('../../img/home/page/common/image_bottomHeader_icon1.png'); }
			#layoutHeader .header-bottom .navi-item .menu-link.btnLink1 { background-image:url('../../img/home/page/common/image_bottomHeader_icon2.png'); }
			#layoutHeader .header-bottom .navi-item .menu-link.btnLink2 { background-image:url('../../img/home/page/common/image_bottomHeader_icon3.png'); }
			#layoutHeader .header-bottom .navi-item .menu-link.btnLink3 { background-image:url('../../img/home/page/common/image_bottomHeader_icon5.png'); }
			#layoutHeader .header-bottom .navi-item .menu-link.btnLink4 { background-image:url('../../img/home/page/common/image_bottomHeader_icon4.png'); }
	
			#layoutHeader .header-bottom .navi-item .menu-link.active.btnLink0 { background-image:url('../../img/home/page/common/image_bottomHeader_icon1_active.png'); }
			#layoutHeader .header-bottom .navi-item .menu-link.active.btnLink1 { background-image:url('../../img/home/page/common/image_bottomHeader_icon2_active.png'); }
			#layoutHeader .header-bottom .navi-item .menu-link.active.btnLink2 { background-image:url('../../img/home/page/common/image_bottomHeader_icon3_active.png'); }
			#layoutHeader .header-bottom .navi-item .menu-link.active.btnLink3 { background-image:url('../../img/home/page/common/image_bottomHeader_icon5_active.png'); }
			#layoutHeader .header-bottom .navi-item .menu-link.active.btnLink4 { background-image:url('../../img/home/page/common/image_bottomHeader_icon4_active.png'); }
	
	#siteMap {
		display:none;
		width:100%;
		height:100%;
		position:fixed;
		left:0;
		top:0;
		z-index:2002;
		background-color:#fff;
	}
		#siteMap .sitemap-menu--frame {
			display:block;
			width:100%;
			height:100%;
		}
		
			#siteMap .sitemap-menu--frame .title-box {
				display:block;
				width:100%;
			}
		
				#siteMap .sitemap-menu--frame .site-map--title {
					display:flex;
					justify-content:space-between;
					align-items:center;
					width:100%;
					padding:20px;
					background-color:#00b350;
				}
				
					#siteMap .sitemap-menu--frame .m-txt {
						display:block;
						width:auto;
						font-family:'SEBANG_Gothic_Regular', sans-serif;
						font-size:1.35rem;
						font-weight:300;
						color:#fff;
					}
					
					#siteMap .site-map--close-btn {
						display:block;
						width:40px;
						height:40px;
						position:relative;
					}
						#siteMap .site-map--close-btn .line-mark {
							width:30px;
							height:2px;
							margin-left:-15px;
							background:#fff;
							position:absolute;
							left:50%;
						}
						
						#siteMap .site-map--close-btn .line-mark.line1 {
							margin-top:-1px;
							top:50%;
							transform:rotate(135deg);
							transition:0.3s all ease-in-out;
						}
						
						#siteMap .site-map--close-btn .line-mark.line2 {
							margin-top:-1px;
							top:50%;
							transform:rotate(-135deg);
							transition:0.3s all ease-in-out;
						} 
										
						#siteMap .site-map--close-btn:hover .line-mark,
						#siteMap .site-map--close-btn:focus .line-mark { transition:0.3s all ease-in-out; background-color:#fff; }
					
						#siteMap .site-map--close-btn:hover .line-mark.line1,
						#siteMap .site-map--close-btn:focus .line-mark.line1 { transform:rotate(225deg); }
						
						#siteMap .site-map--close-btn:hover .line-mark.line2,
						#siteMap .site-map--close-btn:focus .line-mark.line2 { transform:rotate(-45deg); }
			
			#siteMap .marker-box {
				display:block;
			}
				#siteMap .marker {
					display:block;
					width:100%;
					height:100%;
					position:relative;
				}
					#siteMap .marker .line {
						display:block;
						height:2px;
						position:absolute;
						background-color:#000;
					}		
						#siteMap .marker .line.line1 { 
							transform:rotate(90deg);
							transition:0.3s all ease-in-out;
						}
						
						#siteMap .marker .line.line2 { 
							transform:rotate(0deg);
							transition:0.3s all ease-in-out; 
						} 
			
			#siteMap .main-category-box {
				display:block;
				width:100%;
				height:calc(100% - 80px);
				padding-left:20px;
				padding-right:20px;
				overflow-y:auto;
			}
			
				#siteMap .main-category-box .main-category-list {
					display:block;
					width:100%;
					border-bottom:1px solid #ccc;
				}
				
					#siteMap .main-category-box .main-category-link {
						display:flex;
						justify-content:space-between;
						align-items:center;
						width:100%;
						padding:20px 0;
						background-color:#fff;
					}
					
						#siteMap .main-category-link .marker-box {
							width:20px;
							height:20px;
							right:0px;
							top:20px;
						}
						
							#siteMap .main-category-link .marker .line {
								width:20px;
								margin-top:-1px;
								margin-left:-10px;
								background-color:#000;
								left:50%;
								top:50%;
							}
							
								#siteMap .main-category-link.enter { color:#196740; }
								#siteMap .main-category-link.enter .marker .line { background-color:#196740; }
								#siteMap .main-category-link.enter .marker .line.line1 { display:none; }
								
								#siteMap .main-category-link:hover,
								#siteMap .main-category-link:focus {
									color:#38a36e;
									text-decoration:none;
								}
					
						#siteMap .main-category-box .main-category-link .tt,
						#siteMap .main-category-box .main-category-link .icon {
							display:block;
							width:auto;
							font-weight:600;
							font-size:0.91rem;
							color:#000;
						}
						
						#siteMap .main-category-box .main-category-link .tt { max-width:calc(100% - 30px); }
						
						#siteMap .main-category-link .new-window.big {
							display:block;
							width:18px;
							height:18px;
							margin-left:15px;
							background:url('../../img/home/common/image_icon_newWindow_big.png') no-repeat center center;
						}
						
						#siteMap .sub-category-link .new-window.small {
							display:block;
							width:13px;
							height:13px;
							margin-left:10px;
							background:url('../../img/home/common/image_icon_newWindow_small.png') no-repeat center center;
						}
						
						#siteMap .tail-category-link .new-window.small {
							display:block;
							width:13px;
							height:13px;
							margin-left:10px;
							background:url('../../img/home/common/image_icon_newWindow_small.png') no-repeat center center;
						}
						
			#siteMap .sub-category-box {
				display:none;
				padding:10px;
				padding-bottom:20px;
				padding-top:0px;
			}
			
			#siteMap .sub-category-list:not(:last-of-type) { margin-bottom:10px; }
			
				#siteMap .sub-category-link {
					display:flex;
					justify-content:space-between;
					align-items:center;
					width:100%;
					padding-left:12px;
					background-image:url('../../img/home/common/img-dot.jpg');
					background-repeat:no-repeat;
					background-position:left 8.69px;
					position:relative;
					font-weight:600;
					font-size:0.91rem;
					line-height:1.4;
				}
					#siteMap .sub-category-link .marker-box {
						width:14px;
						height:14px;
						right:0px;
						top:2px;
					}
						#siteMap .sub-category-link .marker .line {
							width:14px;
							margin-left:-7px;
							margin-top:-1px;
							background-color:#000;
							left:50%;
							top:50%;
						}
			
					#siteMap .sub-category-link.active { color:#17739e; }
						#siteMap .sub-category-link.active .marker .line { background-color:#17739e; }
						#siteMap .sub-category-link.active .marker .line.line1 { display:none; }
			
				#siteMap .sub-category-link:hover,
				#siteMap .sub-category-link:focus {
					color:#c7111b;
					text-decoration:none;
				}
			
			#siteMap .tail-category-box {
				display:none;
				padding-left:15px;
				padding-bottom:15px;
				margin-top:10px;
			}
			
			#siteMap .tail-category-list:not(:last-of-type) { margin-bottom:10px; }
				#siteMap .tail-category-link {
					display:flex;
					justify-content:space-between;
					align-items:center;
					width:100%;
					font-weight:600;
					font-size:0.85rem;
					color:rgba(0,0,0,.8);
				}
			
/********** responsive - start **********/

/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {

}

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

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