body, table, th, td, button, select, input {

	font-size:13px;
	color:#666;
}

body { background-color:#fff; }
#wrap {overflow:hidden; width:100%; min-width:320px; position:relative; } 
.font-poppins{}


.area{width:1200px; margin:0px auto;} 
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.text-ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.material-icons{line-height:initial; color:inherit;}
.text-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.table-layout{display:table; width:100%; height:100%; }
.table-cell-layout{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.over-img{overflow:hidden;}
.over-img img{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
a:hover .over-img img{
	-ms-transform: scale(1.1) rotate(0.02deg);
	  -o-transform: scale(1.1) rotate(0.02deg);
	  -moz-transform: scale(1.1) rotate(0.02deg);
	  -webkit-transform: scale(1.1) rotate(0.02deg);

	  transform: scale(1.1) rotate(0.02deg);
}

@media all and (max-width:1220px){
	.area{width:auto; padding:0 15px;}
}

/* ****************** HEADER ********************** */
#header{position:fixed; top:0; left:0; width:100%; height:150px; z-index:999; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; /*background:url(../images/header_bg.png) no-repeat center top;*/}
#header:before{position:absolute; top:0; left:0; display:block; content:""; width:110%; height:103px; margin-left:-5%; z-index:99; background-color:rgba(0,0,0,0.49); -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s; -ms-transition:all 0.8s; transition:all 0.8s; -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s; }
#headerInnerWrap{position:relative; max-width:1580px; height:100px; margin:0px auto; z-index:999; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
#header .logo{float:left; width:166px; height:71px; position:relative; /*top:26px;*/top:50%; margin-top:-25px; z-index:999; -webkit-transition:top 0.4s; -moz-transition:top 0.4s; -o-transition:top 0.4s; -ms-transition:top 0.4s; transition:top 0.4s;}
#header .logo a{display:block; width:100%; height:100%; background:url(../image/logo.png) no-repeat; font-size:0; text-indent:-9999px;}

/* -------- Header :: UTIL BOX -------- */
.header-util-box{position:absolute; top:50%; right:0; margin-top:-28px; z-index:999;}

.header-search-box{position:relative; float:left; z-index:101; margin-top:6px;}
.header-search-open-btn{width:100%; height:100%; color:#fff; cursor:pointer; position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;}
.header-search-inner form{
	display: none;
}
.header-search-box.open form{
	display: block
}
.header-search-open-btn > span{float:left; font-size:13px; line-height:28px; padding:7px 0; padding-left:22px; font-weight:600;}
.header-search-open-btn > i{float:right; padding:0 15px; line-height:42px; vertical-align:middle; font-size:30px;}
.header-search-inner{position:relative; overflow:hidden; width:163px; height:42px; border:1px solid #fff; border:1px solid rgba(170,170,170,0.64); border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; }	/* padding-right: 닫기버튼의 width만큼*/
.header-search-inner .header-search-inner-box{overflow:hidden; height:42px; background-color:#fff; }
.header-search-inner .header-search-word{height:100%; width:calc(100% - 60px); vertical-align:top; background-color:transparent; border:0; color:#333; text-indent:15px; padding:0; color:#474747; font-size:15px;}
.header-search-inner .header-search-word::-webkit-input-placeholder{color:#474747 !important;}
.header-search-inner .header-search-word::-moz-placeholder{color:#474747 !important; opacity:1.0; }
.header-search-inner .header-search-btn{color:#000; padding:0 15px; height:100%;}
.header-search-inner .header-search-btn i{font-size:30px; vertical-align:middle;}
.header-search-inner .header-search-close-btn{display:none; position:absolute; top:0; right:0; background-color: #a27e64; color:#fff; width:40px; height:40px; text-align:center; border-radius:25px; margin-top:1px}
.header-search-inner .header-search-close-btn i{vertical-align:middle; font-size:30px;}
.header-search-box.open .header-search-inner{display:block; width:319px; background-color:#fff; padding-right:42px;}
.header-search-box.open .header-search-open-btn{display:none;}
.header-search-box.open .header-search-close-btn{display:block;}

/* Header :: 사이트맵(기본형 or 커스텀) */
.sitemap-custom-btn{float:left; position:relative; width:56px; height:56px; color:#fff; margin-left:20px}
.sitemap-custom-btn:before{display:block; content:""; position:absolute; top:-7px; left:0; bottom:0; right:0; background:url(../image/sitemap_btn.png) no-repeat; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.sitemap-custom-btn i{position:relative; font-size:30px; vertical-align:middle; z-index:9;}
.sitemap-custom-btn:hover:before{animation:sitemap 0.8s infinite;}
@keyframes sitemap{
	100% {-ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}
}

/* Header :: 사이트맵, 네비게이션 버튼 */
.header-line-btn{
	position:absolute; top:50%; right:0; z-index:9998; margin-top:-15px; /* margin-top: button 크기의 1/2 px */
	height:30px;
	transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
	-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.header-line-btn .line{
	display:block; width:28px; height:3px; background-color:#fff; border-radius:5px; margin: 3px auto;
	-webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
 }
.header-line-btn.active .line{background-color:#fff;}
.header-line-btn.active .line:nth-child(2), .header-line-btn.active .line:nth-child(4){opacity: 0;}
.header-line-btn.active .line:nth-child(1){
	 -webkit-transform: translateY(6px) rotate(45deg);
	  -ms-transform: translateY(6px) rotate(45deg);
	  -o-transform: translateY(6px) rotate(45deg);
	  transform: translateY(6px) rotate(45deg);
}
.header-line-btn.active .line:nth-child(3){
	 -webkit-transform: translateY(-6px) rotate(-45deg);
	  -ms-transform: translateY(-6px) rotate(-45deg);
	  -o-transform: translateY(-6px) rotate(-45deg);
	  transform: translateY(-6px) rotate(-45deg);
}
.nav-open-btn{display:none;}

/* -------- Header :: GNB(PC) -------- */
.gnb-overlay-bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:97;}	/* gnb overlay BG */
#gnbBg{display:none; position:absolute; left:0; top:66px; width:100%; height:300px; background:#ff6100; border-bottom:1px solid #111; z-index:98}	/* gnb 2depth BG */
#gnb{position:absolute; top:0; left:0px; width:100%; height:100%; z-index:99; }
#gnb > ul{text-align:center; height:100%; line-height:106px;}
#gnb > ul > li{position:relative; display:inline-block; vertical-align:middle; padding:0 15px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
#gnb > ul > li > a{position:relative; z-index:100; display:block; text-align:center; color:#fff; font-size:16px; line-height:28px; letter-spacing:-0.2px; font-weight:500; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s }
#gnb > ul > li > a:hover, #gnb > ul > li.active > a{color:#a27e64;}
#gnb > ul > li:after{position:absolute;  left:0; display:block; content:""; width:100%; top:-40px; height:1px; background-color:rgba(0,152,130,0.15); webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
#gnb > ul > li:hover:after, #gnb > ul > li.active:after{height:1px;}
#gnb > ul > li > a span{position:relative; display:block; z-index:2;}
#gnb .gnb-2dep{display:none; position:absolute; top:40px; left:50%; width:200px; padding:12px 0; margin-left:-100px; background-color:#a27e64; border-bottom:2px solid #0a0a0a;}
#gnb .gnb-2dep > li a{display:block; padding:0 20px; font-size:14px; line-height:33px; color:#fff; letter-spacing:-0.2px; text-align:left;}
#gnb .gnb-2dep > li a:hover{color:#121212;}

/* -------- Header :: GNB(Mobile) -------- */
#gnbM{display:none}


/* -------- Header :: animated -------- */
#header.animated:before{height:100px; }
#header.fixed:before{-webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; -ms-transition-delay:0s; transition-delay:0s;}


/* -------- Header :: sub -------- */
#header.sub{/*height:111px;*/height:80px; border-bottom:1px solid #dbdbdb; background-color:#fff; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none; }
#header.sub #headerInnerWrap{height:100%; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none;}
#header.sub:before{display:none;}
#header.sub .logo a{background:url(../image/logo_sub.png) no-repeat; }
#header.sub #gnb > ul{line-height:80px; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none;}
#header.sub #gnb > ul > li > a{color:#252525;}
#header.sub #gnb > ul > li > a:hover, #header.sub #gnb > ul > li.active > a{color:#a27e64;}
#header.sub .sitemap-custom-btn{color:#1f1f1f;}
#header.sub .header-search-inner{border-color:#A2A2A2;}
#header.sub .header-search-open-btn{color:#4b4b4b;}

/* -------- Header :: fixed -------- */
#header.fixed{height:77px; background:#FFF; border-bottom: 1px solid #eee;}
#header.fixed #headerInnerWrap{height:100%;}
#header.fixed .logo{top:32px;}
#header.fixed .logo a{background:url(../image/logo1.png) no-repeat;}
#header.fixed #gnb > ul{line-height:77px;}
#header.fixed #gnb > ul > li > a{color:#373737; font-size:16px}
#header.fixed #gnb > ul > li > a:hover, #header.fixed #gnb > ul > li.active > a{color:#a27e64;}
#header.fixed .sitemap-custom-btn{color:#373737;}
#header.fixed .header-search-inner{border-color:#373737;   border-color:rgba(170,170,170,0.64)}
#header.fixed .header-search-open-btn{color:#373737;   
}
#header.fixed:before{height:77px; background:none; margin-top:0; -ms-transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0);}


/* -------- Header :: sub Fixed -------- */
#header.sub.fixed{height:60px; -webkit-transition:height 0.4s; -moz-transition:height 0.4s; -o-transition:height 0.4s; -ms-transition:height 0.4s; transition:height 0.4s;}
#header.sub.fixed .logo a{background-size:auto 40px; background-position:left center;}
#header.sub.fixed #gnb > ul{line-height:60px;}
#header.sub.fixed .header-search-box{margin-top:9px;}
#header.sub.fixed .header-search-inner{height:38px;}


#header.sub.fixed .header-search-open-btn > span{float:left; font-size:13px; line-height:28px; padding:5px 0; padding-left:22px; font-weight:600;}
#header.sub.fixed .header-search-open-btn > i{line-height:38px; font-size:25px;}

#header.sub.fixed .header-search-close-btn{width:33px; height:33px;border-radius:20px;}
#header.sub.fixed .header-search-close-btn i{vertical-align:middle; font-size:25px;}
#header.sub.fixed .header-search-inner .header-search-inner-box, #header.sub.fixed .header-search-inner {height:35px;}
#header.sub.fixed .sitemap-custom-btn{width:46px; height:46px; margin-top:6px;}
#header.sub.fixed .sitemap-custom-btn:before{background-size:cover;}

@media all and ( max-width: 1475px ){
	#header .logo{left:15px;}
	.header-util-box{right:15px;}

	/* -------- Header :: GNB(PC) -------- */
	#gnb > ul > li{/*padding:0 20px;*/padding:0 15px;}
}

@media all and ( max-width: 990px ){
	/* ****************** HEADER ********************** */
	#header, #headerInnerWrap{height:80px;}
	#header:before{height:80px;}
	
	/* -------- Header :: UTIL BOX -------- */
	.header-util-box{right:60px;}

	/* Header :: 검색버튼 */
	.header-search-box{margin-top:7px;}
	.header-search-inner{width:153px; height:38px; }
	.header-search-open-btn > span{padding-top:5px; padding-bottom:5px;}
	.header-search-open-btn > i{font-size:28px; line-height:40px;}
	.header-search-inner .header-search-inner-box{height:40px;}
	.header-search-inner .header-search-close-btn{width:40px; height:40px;}
	.header-search-box.open .header-search-inner{padding-right:40px;}

	/* Header :: 사이트맵, 네비게이션 버튼 */
	.header-line-btn, .sitemap-custom-btn{display:none;}
	.nav-open-btn{display:block; right:15px;}

	/* -------- Header :: animated -------- */
	#header.animated:before{height:110px; margin-top:-18px; -ms-transform:rotate(-1.3deg); -webkit-transform:rotate(-1.3deg); -moz-transform:rotate(-1.3deg); -o-transform:rotate(-1.3deg); transform:rotate(-1.3deg);}

	/* -------- Header :: sub -------- */
	#header.sub{height:80px;}
	#header.sub .header-line-btn .line{background-color:#242424;}
	#header.sub .header-line-btn.active .line{background-color:#fff;}

	/* -------- Header :: fixed -------- */
	#header.fixed .logo{top:50%;}
	#header.sub.fixed{/*height:77px;*/height:60px;}
	#header.sub.fixed .header-line-btn .line{background-color:#fff;}
	#header.sub.fixed .header-search-open-btn{color:#fff;}

	/* -------- Header :: GNB(Pc) -------- */
	#gnb{display:none;}

	/* -------- Header :: GNB(Mobile) -------- */
	#gnbM{ 
		display:block; 
		overflow-y:auto; 
		position:fixed; 
		top:0px; 
		right:-82%;
		width:80%; 
		height:100%;  
		max-width:280px; 
		background-color:#444; 
		z-index:999; 
		box-shadow:-2px 1px 11px rgba(0, 0, 0, .3);
		transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
		-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);		/* gnb OPEN 속도 */
		visibility:hidden;
	}
	#gnbM.open{
		right:0px; 
		visibility:visible;
	}
	#gnbM #navigation{margin-top:80px;}	/* Header 높이값 */
	/* GNB Mobile :: 1차 */
	#gnbM #navigation > li{border-bottom:1px solid rgba(255,255,255,0.2);}
	#gnbM #navigation > li > a {position:relative; display:block; padding:15px; color:#fff; font-size:17px;  }
	#gnbM #navigation > li.active > a{color:#fff;}
	#gnbM #navigation > li.has-2dep > a{}
	#gnbM #navigation > li.has-2dep.active > a{}
	#gnbM #navigation > li .gnb-icon{position:absolute; top:50%; right:10px; margin-top:-14px;}
	#gnbM #navigation > li .gnb-icon i{font-size:24px;}
	/* GNB Mobile :: 2차 */
	#gnbM #navigation > li .gnb-2dep{display:none; padding:15px 0; background-color:#2f2f2f; box-shadow:inset 0px 3px 9px rgba(0, 0, 0, .3);}
	#gnbM #navigation > li .gnb-2dep > li{}
	#gnbM #navigation > li .gnb-2dep > li > a{display:block; color:#fff; font-size:14px; padding:10px 15px; opacity:0.7;filter:Alpha(opacity=70);}
	#gnbM #navigation > li .gnb-2dep > li.active > a{opacity:1.0;filter:Alpha(opacity=100);}
	/* GNB Mobile :: 3차 */
	#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep{display:none; padding:10px 20px; background-color:#aaa; box-shadow:inset 0px 3px 9px rgba(0, 0, 0, .3);}
	#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a{display:block; padding:8px 0; font-size:13px; color:#fff;}
	#gnbM #navigation > li .gnb-2dep > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}


}
@media all and ( max-width: 800px ){
	#header, #headerInnerWrap, #headerInner, #header.sub{height:60px;}
	#header:before{height:60px;}

	/* -------- Header :: animated -------- */
	#header.animated:before{height:75px; margin-top:-8px;}
	
	/* -------- Header :: sub -------- */
	#header.sub .header-search-open-btn{color:#ea5415;}
	#header.sub .logo a, #header.sub.fixed .logo a{background-size:100% auto;}

	/* -------- Header :: fixed -------- */
	#header.fixed{height:60px;}
	#header.sub.fixed{height:60px;}
	#header.fixed .logo{top:50%;}
	#header.fixed .logo a{background-size:100% auto;}
	
	#header .logo{width:110px; height:45px; top:50%; margin-top:-17.5px;}
	#header .logo a{background-size:100% auto;}

	/* -------- Header :: UTIL BOX -------- */
	.header-util-box{margin-top:-15px; right:50px;}

	/* Header :: 검색버튼 */
	.header-search-box, #header.sub.fixed .header-search-box{margin-top:0;}
	.header-search-inner{width:30px; height:30px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; border:0; overflow:visible;}
	.header-search-open-btn > span{display:none;}
	.header-search-open-btn > i{float:none; padding:0; width:30px; line-height:30px;}
	.header-search-inner .header-search-inner-box{position:fixed; top:60px; right:0; width:calc(100% - 40px); padding-right:40px; display:none;}
	.header-search-inner .header-search-close-btn{position:fixed; top:60px; width:40px; height:40px;}
	.header-search-inner .header-search-btn{padding:0 10px;}
	.header-search-inner .header-search-btn i, .header-search-inner .header-search-close-btn i{font-size:28px;}
	.header-search-inner .header-search-word{width:calc(100% - 48px);}
	
	.header-search-box.open .header-search-open-btn{display:block;}
	.header-search-box.open .header-search-inner{background:none; width:auto; padding-right:0;}
	.header-search-box.open .header-search-inner-box{display:block;}
	
	/* Header :: 사이트맵, 네비게이션 버튼 */
	.header-line-btn{top:15px; margin-top:0;}
	.header-line-btn .line{width:20px; height:2px;}
	.header-line-btn.active .line:nth-child(1){
		 -webkit-transform: translateY(5px) rotate(45deg);
		  -ms-transform: translateY(5px) rotate(45deg);
		  -o-transform: translateY(5px) rotate(45deg);
		  transform: translateY(5px) rotate(45deg);
	}
	.header-line-btn.active .line:nth-child(3){
		 -webkit-transform: translateY(-5px) rotate(-45deg);
		  -ms-transform: translateY(-5px) rotate(-45deg);
		  -o-transform: translateY(-5px) rotate(-45deg);
		  transform: translateY(-5px) rotate(-45deg);
	}
	/* Header :: GNB(Mobile) */
	#gnbM #navigation{margin-top:60px}	/* Header 높이값 */
	#gnbM #navigation > li > a {font-size:15px;}
	#gnbM #navigation > li .gnb-2dep > li > a{font-size:13px;}

}

@media all and ( max-width: 480px ){
	/* -------- Header :: animated -------- */
	#header.animated:before{height:60px; margin-top:-5px;}
}

/* ****************** FOOTER ********************** */
#footer.sub{border-top:1px solid #dbdbdb;}
#footerInner{text-align:center; padding-top:60px; padding-bottom:60px;}

.sub-to-top-btn{
	position:fixed; bottom:-100px; right:3.7%; right:calc(5% - 23px); display:block; width:46px; height:46px; background:#000 url(../image/sub_top_btn.png) no-repeat center center; text-align:center; line-height:46px; color:#fff; z-index:99;
	opacity:0;filter:Alpha(opacity=0); border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%;
	-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;transition:all 0.6s
	/* -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%; */
}
.sub-to-top-btn.fixed{bottom:15px; opacity:1.0;filter:Alpha(opacity=100);}

/* Footer :: 로고 */
.foot-logo{display:block; margin:0px auto; margin-bottom:25px; max-width:100%;}

/* Footer :: 주소 */
.foot-address{font-size:14px; line-height:26px; color:#0a0a0a; color:rgba(10,10,10,0.73); font-weight:lighter; margin-bottom:25px;}
.foot-address a{color:inherit}

/* Footer :: 패밀리사이트 */
.family-site-box{display:block; margin:0px auto; position:relative; width:187px; text-align:left; letter-spacing:-0.25px;}
.family-site-box .family-site-open-btn{display:block; height:34px; line-height:34px; text-indent:19px; font-size:13px; border:1px solid #c3c3c3; color:#5a5a5a; }
.family-site-box .family-site-open-btn i{position:absolute; right:5px; top:50%; margin-top:-10px;}
.family-site-box.open .family-site-open-btn i{transform:rotate(180deg); right:-10px; margin-top:-13px;}
.family-site-list{position:absolute; bottom:36px; left:0px; width:100%;  padding:10px 0; background-color:#fff; border:1px solid #c3c3c3; border-bottom:0;  z-index:11; display:none; box-sizing:border-box;}
.family-site-list a{display:block; padding:10px; color:#5a5a5a; font-size:12px;}
.family-site-list a:hover{color:#000; text-decoration:underline;}

@media all and (max-width:1220px){

}

@media all and (max-width:800px){
	#footerInner{padding-top:35px; padding-bottom:35px;}
	
	/* Footer :: 로고 */
	.foot-logo{max-width:130px; margin-bottom:20px;}
	
	/* Footer :: 주소 */
	.foot-address{font-size:12px; line-height:20px; word-break:keep-all; margin-bottom:18px;}
	
	/* Footer :: 패밀리사이트 */
	.family-site-box{width:123px;}
	.family-site-box .family-site-open-btn{text-indent:8px;}
}

@media all and (max-width:480px){

}

/* ****************** SUB LAYOUT ********************** */
#container{width:100%; /*padding-top:112px;*/padding-top:81px; background:#fff url(../image/container_bg.jpg) repeat-x left top;}
#contentInfoCon{height:78px; max-width:1475px; margin:0px auto; padding-top:35px;}
.content-info-container{width:100%; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s;}
.content-title{float:left; font-size:30px; line-height:44px; color:#252525; font-weight:500; letter-spacing:-0.5px; padding-left:49px; background:url(../image/icon_home.png) no-repeat left center; text-transform: uppercase;}
.content-title:after{display:inline-block; content:""; vertical-align:bottom; width:34px; height:2px; background-color:#272727; margin-left:8px; margin-bottom:10px;}

#sideMenuM{float:right;}
#sideMenuM .menu-location{float:left; position:relative; width:223px; height:46px; margin-left:6px; z-index:991;}
#sideMenuM .menu-location:first-child{margin-left:0;}
#sideMenuM .menu-location > .cur-location{position:relative; display:block; border:1px solid #8e8e8e; height:44px; background-color:#fff; /*padding-left:25px;*/padding-left:10px; line-height:44px;}
#sideMenuM .menu-location > .cur-location span{font-size:16px; color:#000; display:inline-block; vertical-align:middle; text-transform:capitalize;}
#sideMenuM .menu-location > .cur-location .arrow{position:absolute; top:50%; right:10px; width:24px; height:24px; margin-top:-8px; color:#737373;}
#sideMenuM .menu-location > .cur-location.open .arrow{transform:rotate(-180deg); margin-top:-15px;}
#sideMenuM .menu-location.location2 > .cur-location{border-color:#a27e64; background-color:#a27e64;}
#sideMenuM .menu-location.location2 > .cur-location span{color:#fff;}
#sideMenuM .menu-location.location2 > .cur-location .arrow{color:#fff;}
#sideMenuM .menu-location .location-menu-con{display:none; position:absolute; top:46px; left:0; width:100%; background-color:#282828; z-index:11; }
#sideMenuM .menu-location .location-menu-con li a{display:block; padding:0 23px; font-size:12.5px; line-height:35px; color:#fff; text-transform:capitalize;}
#sideMenuM .menu-location .location-menu-con li.on{position:relative;}
#sideMenuM .menu-location .location-menu-con li.on a{padding-left:25px; color:#ea5415;}
#sideMenuM .menu-location .location-menu-con li.on a:after{content:""; position:absolute; top:50%; right:16px; width:6px; height:1px; background-color:#ea5415;}

/* ContentInfoInner :: fixed */
.content-info-container.fixed{position:fixed; left:0; /*top:77px;*/top:60px; width:100%; /*height:56px; padding-top:9px;*/height:49px; background-color:#fff; z-index:998; border-bottom:1px solid #000; border-bottom:1px solid rgba(0,0,0,0.27);}
.content-info-container.fixed .content-info-inner{max-width:1475px; margin:0px auto;}
.content-info-container.fixed .content-title{font-size:26px; line-height:49px;}
.content-info-container.fixed #sideMenuM{padding-top:8px;}
.content-info-container.fixed #sideMenuM .menu-location{height:30px;}
.content-info-container.fixed #sideMenuM .menu-location > .cur-location{height:30px; line-height:30px; font-size:12px}
.content-info-container.fixed #sideMenuM .menu-location .location-menu-con{top:30px;}

@media all and (max-width:1475px){
	.content-info-inner{padding:0 15px;}
}

@media all and (max-width:1220px){
	#container{padding-top:81px;}
	.content-title{font-size:21px; line-height:35px;}
}

@media all and (max-width:800px){
	#container{padding-top:61px;}
	#contentInfoCon{height:auto; padding-top:25px; padding-bottom:25px;}
	.content-title, #sideMenuM{float:none; }
	.content-title{font-size:18px; line-height:22px; text-align:center; padding-left:0; background:none; margin-bottom:25px;}
	.content-title:after{display:none;}
	
	#sideMenuM .menu-location{width:49.5%; height:38px; margin-left:1%; }
	#sideMenuM .menu-location > .cur-location{height:36px; line-height:36px; padding-left:10px;}
	#sideMenuM .menu-location > .cur-location span{font-size:14px; letter-spacing:-0.5px;}
	#sideMenuM .menu-location > .cur-location .arrow{right:3px; width:21px; height:21px; font-size:21px; margin-top:-7px;}
	#sideMenuM .menu-location > .cur-location.open .arrow{margin-top:-12px;}
	#sideMenuM .menu-location .location-menu-con{top:38px;}
	#sideMenuM .menu-location .location-menu-con li a{padding:0 15px;}
	#sideMenuM .menu-location .location-menu-con li.on a{padding-left:17px;}

	/* ContentInfoInner :: fixed */
	.content-info-container.fixed{top:60px; height:auto;}
	.content-info-container.fixed .content-info-inner{max-width:none;}
	.content-info-container.fixed .content-title{font-size:18px; line-height:22px; margin-bottom:10px; padding-top:10px;}
	.content-info-container.fixed #sideMenuM{padding-top:0;}
	.content-info-container.fixed #sideMenuM .menu-location{height:35px;}
	.content-info-container.fixed #sideMenuM .menu-location > .cur-location{height:33px; line-height:33px;}
	.content-info-container.fixed #sideMenuM .menu-location .location-menu-con{top:35px;}
}

@media all and (max-width:480px){

}

/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading-box{display:none; position:fixed; top:50%; left:50%;  margin:-25px 0 0 -25px; z-index:10000;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; background-color:#fff; }
.footer-modal-content h1{height:60px; line-height:60px; font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0; background-color:#f15a2a; color:#fff;}
.modal-close-btn{position:absolute; top:11px; right:10px; color:#fff; font-size:38px;}
.modal-close-btn i{font-size:inherit}
.modal-close-btn i:hover {color:#fff}
/* 개인정보, 이용약관 등 */
.footer-inner-box{padding:30px; }
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }

/* 사이트맵 */
.modal-inner-box.sitemap{vertical-align:top;}
#siteMapCon{width:100%; max-width:none; border-top:5px solid #404040; margin:0px auto; padding:65px 0;
	top:-80px; opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:opacity 0.5s, top 0.5s;
	-moz-transition:opacity 0.5s, top 0.5s;
	-o-transition:opacity 0.5s, top 0.5s;
	-ms-transition:opacity 0.5s, top 0.5s;
	transition:opacity 0.5s, top 0.5s;
}
#siteMapCon.active{top:0; opacity:1.0;filter:Alpha(opacity=100);}
.sitemap-wrapper, .sitemap-list{width:100%;}
.sitemap-list-con > dt, .sitemap-list-con > dd{float:left; padding:20px 0;}
.sitemap-list-con > dt{width:19%;}
.sitemap-list-con > dt strong{font-size:20px; line-height:28px; color:#010101; font-weight:500; }
.sitemap-list-con > dd{width:81%;}
.sitemap-list-con > dd > p{display:inline-block; min-width:18.45%; vertical-align:middle;}
.sitemap-list-con > dd > p a{font-size:12.5px; line-height:35px; color:#464646; }
.sitemap-2dep-list-con{display:table; width:100%; border-top:1px dotted #888;}
.sitemap-list-con > dd .sitemap-2dep-list-con:first-child{border-top:0;}
.sitemap-2dep-list-con dt, .sitemap-2dep-list-con dd{display:table-cell; vertical-align:top; padding:18px 0;}
.sitemap-2dep-list-con:first-child dt, .sitemap-2dep-list-con:first-child dd{padding-top:0;}
.sitemap-2dep-list-con:last-child dt, .sitemap-2dep-list-con:last-child dd{padding-bottom:0;}
.sitemap-2dep-list-con dt{width:19%;}
.sitemap-2dep-list-con dt > strong{display:block; position:relative; font-size:17px; line-height:32px; color:#262626; font-weight:500;}
.sitemap-2dep-list-con dt > strong:after{display:inline-block; content:""; position:absolute; top:9px; right:39px; width:2px; height:18px; background-color:#ea5415;}
.sitemap-2dep-list{width:100%;}
.sitemap-2dep-list > li{float:left; width:25%;}
.sitemap-2dep-list > li a{font-size:12.5px; line-height:35px; color:#464646;}
.sitemap-list.point{background-color:#f4f4f4;}
.sitemap-list.point .sitemap-list-con > dt strong{color:#ea5415;}
.sitemap-close-btn{color:#000;}
.sitemap-close-btn i, .sitemap-close-btn:hover i{color:#000; vertical-align:middle;}
.logo-sitemap{text-align:right;}

@media all and ( max-width: 800px ){
	/* modal layer content */
	.footer-modal-content h1{height:46px; line-height:46px; font-size:18px; text-align:left; padding:0 15px}
	.modal-close-btn i{font-size:24px}
	.footer-inner-box{padding:15px}
	.footer-inner{padding:10px; height:250px;}
	/* 사이트맵  */
	.sitemap-wrapper{padding:15px}
}

.boxes.b2 {
  background: url(../image/zsbj.jpg) center center;
  background-attachment: fixed;
  padding: 90px 0;
}
.boxes.b2 .sub_title {
  padding: 100px 0 20px;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 10;
}
.boxes.b2 .sub_title.g {
  padding-top: 0;
}
.boxes.b2 .sub_title.f {
  text-align: left;
  padding-bottom: 25px;
}
.boxes.b2 .sub_title.f b, .boxes.b2 .sub_title.f p {
  color: #ba9a5a;
  width: 100%;
  margin-left: 0;
}
.boxes.b2 .sub_title.e b {
  margin-bottom: 10px;
}
.boxes.b2 .sub_title.f {
  padding-top: 0;
}
.boxes.b2 .sub_title b {
  color: #005623;
  font-size: 36px;
  font-weight: 700;
  display: block;
}
.boxes.b2 .sub_title p {
  color: #3e3e3e;
  font-size: 16px;
  line-height: 1.7;
  opacity: .7;
  text-transform: uppercase;
  display: block;
  width: 90%;
  margin-left: 5%;
  transform: translateY(40px);
  opacity: 0;
  -webkit-transition: all 1.5s cubic-bezier(.165, .84, .44, 1) .5s;
}
.boxes.b2 .sub_title span {
  transform: translateY(40px);
  opacity: 0;
  display: block;
  -webkit-transition: all 1.5s cubic-bezier(.165, .84, .44, 1) .6s;
}
.boxes.b2 .sub_title.animated p {
  -webkit-transform: translateY(0);
  opacity: .9;
}
.boxes.b2 .sub_title.animated span {
  opacity: 1;
  line-height: 35px;
  font-size: 14px;
  font-family: "微软雅黑";
  -webkit-transform: translateY(0);
}
.boxes.b2 .sub_title.h {
  padding: 100px 0 0;
  margin-bottom: 25px;
}
.boxes.b2 .sub_title.d {
  padding-bottom: 25px;
}
.boxes.b2 .sub_title.d p {
  width: 100%;
  margin-left: 0;
}
.boxes.b2 .sub_title.c b, .boxes.b2 .sub_title.c p {
  color: #fff;
}
.sub_title .chars {
  transform: translateX(40px);
  opacity: 0;
  -webkit-transition: all 1.5s cubic-bezier(.165, .84, .44, 1);
}
.boxes.b2 .sub_title.animated .chars {
  -webkit-transform: translateX(0);
  opacity: 1;
}
.boxes.b2 .sub_title .chars:nth-child(2) {
  -webkit-transition-delay: .1s;
}
.boxes.b2 .sub_title .chars:nth-child(3) {
  -webkit-transition-delay: .2s;
}
.boxes.b2 .sub_title .chars:nth-child(4) {
  -webkit-transition-delay: .3s;
}
.boxes.b2 .sub_title .chars:nth-child(5) {
  -webkit-transition-delay: .4s;
}
.sub_title .chars:nth-child(6) {
  -webkit-transition-delay: .5s;
}
.boxes.b2 .sub_title .chars:nth-child(7) {
  -webkit-transition-delay: .6s;
}
.boxes.b2 .sub_title .chars:nth-child(8) {
  -webkit-transition-delay: .7s;
}
.boxes.b2 .sub_title .chars:nth-child(9) {
  -webkit-transition-delay: .8s;
}
.boxes.b2 .content {
  margin-bottom: 150px;
  overflow: hidden;
  color: #fff
}

.boxes.b2 .content .viewbox {
  display: inline-block;
  width: 20%;
  float: left;
  position: relative;
  text-align: center;
}

.boxes.b2 i img{
	display: block;
    width: 562px;
    height: 58px;
    margin: 0px auto;
	margin-top: 79px;
}

.zsjm1 span{display: block;
    font-size: 24px !important;
    color:#fff !important;
    text-align: center !important;
    line-height: 124px !important;}
.zsjm1 p{
display: block !important;
    font-size: 24px !important;
    color: #fff !important;
    text-align: center !important;
    height: 44px !important;
    line-height: 44px !important;}
.boxes.b2 .content .viewbox::after {
  width: 1px;
  height: 50%;
  position: absolute;
  right: 0;
  top: 25%;
  background: rgba(255, 255, 255, .2);
  content: '';
}
.boxes.b2 .content .viewbox p {
  margin: 0;
}
.boxes.b2 .content .viewbox p:nth-child(1) span {
  font-size: 48px;
  font-family: montserrat;
}
.boxes.b2 .content .viewbox p:nth-child(2) {
  font-size: 14px;
  opacity: .5;
}