@charset "utf-8";

/* ****************** HEADER ********************** */
#header{
	position:absolute; height:60px; top:0; left:0; width:100%; z-index:10;
	-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;transition:all 0.4s ease-out; 
}
#headerWrap{
	position:relative; top:0px; left:0px; width:100%; height:60px; z-index:10000; background-color:transparent; border-bottom:1px solid rgba(0,0,0,0.1);
	-webkit-transition:background-color 0.5s;
	-moz-transition:background-color 0.5s;
	-o-transition:background-color 0.5s;
	-ms-transition:background-color 0.5s;
	transition:background-color 0.5s
}
#headerInner{
	position:relative; width:100%; height:100%; margin:0px auto; padding:0 20px;
	display:flex; flex-wrap:nowrap; justify-content:space-between; align-items: center;
}
/* -------------------------------- Header :: 01 Logo Area-------------------------------- */
.logoArea{z-index:100;}
.logoArea img{height:40px;}
/* Header :: 로고 반전 */
.logo-white{display:none;}
.logo-white.reverse{display:none !important;}
.logo-color.reverse{display:block !important;}

/* -------------------------------- Header :: 02 Utility Area -------------------------------- */
.utilityArea{z-index:100; display:flex; flex-wrap:nowrap; justify-content:flex-end; align-items: center;}
.utilityArea > div{margin-left:20px;}
/* Header :: 우측 상단 링크 */
.snsBox{display:none;}
.snsList li{display:inline-block;margin-right:10px;}
.snsList li > a{
	color:#fff; font-size:1.7rem; line-height:1; opacity:0.5;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;
}
.snsList li > a:hover{color:#fff; opacity:1.0;}
.snsList li.youtube > a, .snsList li.linkedin > a{
	color:#888; font-size:1.7rem; line-height:1; opacity:1;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;
}
.snsList li.youtube > a:hover{color:#ff0000;}
.snsList li.linkedin > a:hover{color:#0a66c2;}
.linkBox{margin-right:20px;}
.langBox{display:none; margin-right:20px;}
.btn_link_white{display:none;}
/* Header :: 우측 상단 언어선택 */
.utilityArea > div.langBox{color:#000;}
a.langChange{color:#000; font-size:0.8rem; -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.langChange:active, a.langChange:hover, a.langChange:focus{color:var(--primary);}
/* Header :: 우측 상단 사이트맵 */
.sitemapBtn{ display:none; width:25px; z-index:1111;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.sitemapBtn.sitemapBtn-close{position:absolute; top:36px; right:50px;}
.sitemapBtn .line{
	display:block; position:relative; z-index:1; width:25px; height:2px; background-color:#000; margin: 5px auto;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;
}
.sitemapBtn .line2{width:18px; margin: 5px 0 5px auto;}
.sitemapBtn:hover .line{background-color:var(--primary);}
.sitemapBtn.active .line{background-color:var(--primary);}
.sitemapBtn.active span{border-radius:3px;}
.sitemapBtn.active span:nth-child(1) {
	-webkit-transform: translateY(7px) rotate(45deg);
	-ms-transform: translateY(7px) rotate(45deg);
	-o-transform: translateY(7px) rotate(45deg);
	transform: translateY(7px) rotate(45deg);
}
.sitemapBtn.active span:nth-child(2) {
  opacity: 0;
}
.sitemapBtn.active span:nth-child(3) {
	-webkit-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	-o-transform: translateY(-7px) rotate(-45deg);
	transform: translateY(-7px) rotate(-45deg);
}

/* -------------------------------- Header :: GNB Area -------------------------------- */
.gnbArea{-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; z-index:99;}

/* -------- 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:9997;}
#gnb{display:none; position:absolute; text-align:center; top:0; left:0px; width:100%; z-index:99;}
#gnb > ul{margin:0 auto;}
#gnb > ul > li{display:inline-block; word-break:keep-all;}
#gnb > ul > li > a{
	position:relative; z-index:100; display:block; height:80px; line-height:80px; margin:0 1.8vw; text-align:center; 
	color:#000; font-size:1.3rem; font-weight:600;
	letter-spacing:-0.5px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;
}
#gnb > ul > li > a:hover, 
#gnb > ul > li.on > a,
#gnb > ul > li.active > a{color:var(--primary);}
/* GNB :: 2차 메뉴 컨텐츠 영역 */
#gnbBg{
	position:absolute; left:0; top:80px; width:100%; height:0; background:#fff; z-index:98;
	-webkit-transition:height 0.3s;-moz-transition:height 0.3s;-o-transition:height 0.3s;-ms-transition:height 0.3s;transition:height 0.3s;
}
#gnbBg.open{height:300px; border-top:0px;}

#gnb.total-menu > ul > li .gnbDep2{
	visibility:hidden;opacity:0;filter:Alpha(opacity=0);
	position:absolute; 
	left:0;
	top:80px; 
	z-index:99;
	width:100%;
	padding-top:1px;
	text-align:left; 
	-webkit-transition:all 0s 0s;-moz-transition:all 0s 0s;-o-transition:all 0s 0s;-ms-transition:all 0s 0s;transition:all 0s 0s;
}
#gnb.total-menu > ul > li .gnbDep2.show{
	visibility:visible; 
	opacity:1.0;filter:Alpha(opacity=100); 
	-webkit-transition:all 0.3s 0.1s;
	-moz-transition:all 0.3s 0.1s;
	-o-transition:all 0.3s 0.1s;
	-ms-transition:all 0.3s 0.1s;
	transition:all 0.3s 0.1s
}
/* GNB :: 2차 메뉴 컨텐츠 구성 */
.gnbDep2Area{position:relative; width:100%; max-width:100%; margin:0 auto;}
.gnbDep2-menu{position:relative; width:100%; height:auto; display:table;}
.gnbDep2-menu ul{display:table-cell;width:20%;vertical-align:top;}
.gnbDep2-menu ul li{z-index:100; padding:0 15px 0 15px; text-align:left;}
.gnbDep2-menu ul li img{margin-top:5px;}

.gnbDep2-menu li.gnb2dep{padding:0px 0px 10px 0px; font-size:18px;font-weight:500;color:#000; border-bottom:1px solid #e5e5e5; margin:0 20px 0 20px;}
.gnbDep2-menu li.gnb2dep a{display:table; position:relative; width:100%; height:100%; padding-bottom:10px; border-bottom:1px solid #e5e5e5; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.gnbDep2-menu li.gnb2dep a:before{position:absolute; bottom:0px; left:0; width:0; height:1px; background-color:var(--primary); content:""; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.gnbDep2-menu li.gnb2dep a:hover{color:var(--primary);}
.gnbDep2-menu li.gnb2dep a:hover:before{width:100%;}

.gnbDep2-menu li.gnb3dep a{display:table; position:relative; width:100%; height:49px; color:#6e6e6e; border-bottom:1px solid #e5e5e5;}
.gnbDep2-menu li.gnb3dep a span{display:table-cell; vertical-align:middle; padding:0 0px; font-size:15px; font-weight:400; letter-spacing:-0.25px;}
.gnbDep2-menu li.gnb3dep a .gnb-icon{position:absolute; top:0px; right:0px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.gnbDep2-menu li.gnb3dep a .gnb-icon i{line-height:49px;font-size:17px;}
.gnbDep2-menu li.gnb3dep a:hover{color:var(--primary);}
.gnbDep2-menu li.gnb3dep a:hover .gnb-icon{position:absolute; top:0px; right:7px;}
.gnbDep2-txt{padding:0 0;}
.gnbDep2-txt dt{color:var(--primary); font-size:2.2rem; letter-spacing:-0.25px; margin-bottom:10px; font-weight:700}
.gnbDep2-txt dd{font-size:1rem; letter-spacing:-0.25px;}
.gnbDep2-txt dd br{display:none;}
.gnbDep2-menu .gnbDep2Height{display:flex;width:100%;height:auto;padding:20px 5% 20px;background-color:#fff;}

/* -------- Header :: GNB(Mobile) -------- */ 
/*.sitemapBtn.mobile-gnb-open{display:none;}*/
.logo-color.mobile-gnb-open{display:block !important;}
.logo-white.mobile-gnb-open{display:none !important;}
.gnb-overlay-bg-m{display:none;position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9998;}	
#gnbM{ 
	display:block; 
	position:fixed; 
	top:0px; 
	right:-100%;
	width:100%; 
	height:100%;  
	background-color:#fff; 
	z-index:9999; 
	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;
}
/* GNB Mobile :: 레이아웃 */
.gnb-navigation-wrapper{position:relative; height:100%; box-sizing:border-box; padding-top:60px; overflow-y:auto; margin:0 15px;}	/* padding-top : Header 높이값 */
/* GNB Mobile :: 메뉴영역 :: 1차 */
#navigation{position:relative; width:100%; height:100%;padding:15px 0 0;}
#navigation > li{border-bottom:1px solid #e5e5e5;}
#navigation > li > a {position:relative; display:block; padding:10px 15px; color:#222; font-size:17px; font-weight:500; }	
#navigation > li > a .kr{font-weight:400;}
#navigation > li .gnb-icon{position:absolute; top:50%; right:15px; margin-top:-10px; }
#navigation > li .gnb-icon i{font-size:20px; color:#555;}
#navigation > li .snb-icon{position:absolute; top:50%; right:15px; margin-top:-10px; }
#navigation > li .snb-icon i{font-size:20px; color:#555;}
#navigation > li.active{border-bottom-color:#f9f9f9;background-color:#303030;}
#navigation > li.active > a{color:#fff;}
#navigation > li.active > a .gnb-icon i{color:var(--primary); transform:rotate(-180deg)}
#navigation > li .gnbDep2 > li.active > a .gnb-icon i{color:var(--primary); transform:rotate(-180deg)}
/* GNB Mobile ::  메뉴영역 :: 2차 */
#navigation > li .gnbDep2{display:none; background-color:#f5f5f5; padding:0 0;}
#navigation > li .gnbDep2 > li{position:relative; height:auto !important; border-bottom:1px solid #f9f9f9;}
#navigation > li .gnbDep2 > li:last-child{border-bottom:0}
#navigation > li .gnbDep2 > li > a{display:block; color:#000; font-size:14px; font-weight:500; padding:10px 15px;}
#navigation > li .gnbDep2 > li > a .gnb-icon{right:0px;}
#navigation > li .gnbDep2 > li.on{border-bottom-color:#f9f9f9;}
#navigation > li .gnbDep2 > li.on > a,
#navigation > li .gnbDep2 > li.on > a .gnb-icon i{color:var(--primary); font-weight:500;}
#navigation > li .gnbDep2 > li .snb-3dep > li{position:relative; height:auto !important; padding:10px 15px; background-color:#f9f9f9;}	
#navigation > li .gnbDep2 > li .snb-3dep > li > a{color:#555; font-size:13px;}
#navigation > li .gnbDep2 > li .snb-3dep > li.on > a,
#navigation > li .gnbDep2 > li .snb-3dep > li.on > a .snb-icon i{color:var(--primary);font-weight:500;}

.lang-select-list{padding:30px 0; text-align:center;}
.lang-select-list a{position:relative; color:#999; font-size:14px; margin:0 10px;}
.lang-select-list a:before{position:absolute; top:2px; left:-12px; width:1px; height:12px; background-color:#eee; content:"";}
.lang-select-list a:first-child:before{display:none;}
.lang-select-list a.cur{color:#000; font-weight:700}  
.lang-select-list a:hover{color:var(--primary); font-weight:700}  

/* GNB Mobile :: 메뉴영역 ::  3차 */
/* 	#navigation > li .gnbDep2 > li > .gnb-3dep{display:none; padding:10px; background-color:#aaa; margin:0 10px}
	#navigation > li .gnbDep2 > li > .gnb-3dep > li > a{display:block; padding:8px 0; font-size:13px; color:#fff;}
	#navigation > li .gnbDep2 > li > .gnb-3dep > li > a:before{display:inline-block; content:"-"; margin-right:5px;}
#navigation > li .gnbDep2 > li > .gnb-3dep > li.on{border-bottom-color:#e5e5e5}
#navigation > li .gnbDep2 > li > .gnb-3dep > li.on > a,
#navigation > li .gnbDep2 > li > .gnb-3dep > li.on > a .gnb-icon i{color:var(--primary);font-weight:500;}
*/

/* -------- Header :: 모바일 오픈 버튼 -------- */
.navBtn{
	display:block; position:fixed; top:15px; right:20px; width:25px; height:30px; z-index:10000; margin-top:0;
	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);
}
.navBtn .line{
	display:block; width:25px; height:2px; background-color:#000; margin: 5px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.navBtn .line2{width:18px; margin: 5px 0 5px auto;}
.navBtn.active .line{background-color:var(--primary);}
.navBtn.active .line:nth-child(2), .navBtn.active .line:nth-child(4){opacity: 0;}
.navBtn.active .line:nth-child(1){
	-webkit-transform: translateY(7px) rotate(45deg);
	-ms-transform: translateY(7px) rotate(45deg);
	-o-transform: translateY(7px) rotate(45deg);
	transform: translateY(7px) rotate(45deg);
}
.navBtn.active .line:nth-child(3){
	-webkit-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	-o-transform: translateY(-7px) rotate(-45deg);
	transform: translateY(-7px) rotate(-45deg);
}

/* -------- Header :: 헤더 hover  -------- */
#header.over #headerWrap{background-color:#fff;}
#header.over #gnb > ul > li > a{color:#000;}
#header.over #gnb > ul > li.on > a,
#header.over #gnb > ul > li > a:hover{color:var(--primary);}
#header.over .btn_link{color:#000;border: 1px solid #000;font-weight:400;}
#header.over .langBox{color:#000;}
#header.over a.langChange{color:#000;}
#header.over .sitemapBtn .line{background-color:#000;}

/* -------- Header :: 헤더 fixed  -------- */
#header.fixed { position:fixed; }
#header.fixed #headerWrap{background-color:#fff; border-bottom:1px solid #e5e5e5;}
#header.fixed #gnb > ul > li > a{color:#000;}
#header.fixed .logo-white{display:none !important;}
#header.fixed .logo-color{display:block !important;}	
#header.fixed .navBtn .line{background-color:#000;}

/* -------- HEADER :: 반응형 -------- */
@media (min-width: 576px) {
	.snsBox{display:block; align-content:flex-start;}
	.linkBox{margin-right:0px;}
	.langBox{display:block;}
}
@media (min-width: 768px) {
  #header{height:80px;}
	#headerWrap{height:80px;}
	#headerInner{padding:0 30px;}	
	.logoArea img{height:58px;}
	.gnb-navigation-wrapper{padding-top:80px;}
	.navBtn{top:24px;}	
}
@media (min-width: 992px) {
	#header.fixed {position:absolute; }
  #headerWrap{z-index:9999;}	
  .langBox{margin-right:0px;}
	.sitemapBtn{display:block;}
	.navBtn{display:none;}
  #gnbM{display:none;}
}
@media (min-width: 1025px) {
  #header{height:100px;}
  #headerWrap{height:100px;}
	.logoArea img{height:68px;}
	#gnb{display:block;}	
	#gnb > ul > li > a{height:100px; line-height:100px;}
	#gnbBg{top:100px;}
	#gnb.total-menu > ul > li .gnbDep2{top:100px;}
}
@media (min-width: 1170px) {
  #gnb > ul > li > a{margin:0 3vw;}
  .gnbDep2-menu .gnbDep2Height{padding:30px 10% 40px;}
  .gnbDep2-menu ul li{padding:0 20px 0 20px;}
}
@media (min-width: 1270px){
	#headerInner{padding:0 50px;}	
  .gnbDep2-menu .gnbDep2Height{padding:45px 10% 70px;}
}
@media (min-width: 1400px){
	.gnbDep2-txt dd br{display:block;}
}


/* ************************************ FOOTER **************************************** */
/* -------- FOOTER :: 레이아웃 -------- */
#footer{border-top:1px solid #303030; background-color:#303030;}
#footerInner{position:relative; width:100%; height:100%; margin:0px auto; padding:0 20px;}
/* -------- FOOTER :: 상단 -------- */
.footerTop{position:relative;width:100%;padding:30px 0 0px;}
/*  Footer :: 푸터로고  */
.footLogo{opacity:0.6;}
/* Footer :: 푸터메뉴 */
.footMenu{margin-bottom:30px;}
.footMenu div,.footMenu div > a{font-size:1rem; font-weight:500; color:#fff;}
.footMenu div > a:hover{color:#fff;}
.footMenu div{margin-bottom:10px;}
.menuStep01{margin-top:10px;}
.menuStep01 li{padding:5px 0;line-height:1.0;}
.menuStep01 li > a{color:#bbb;font-size:0.9rem;font-weight:400;letter-spacing:0px;}
.menuStep01 li > a:hover{color:#fff;}
/* Footer :: 관련사이트 Select */
.box-open {position:relative; float:left; width:calc(100% - 15px); max-width:170px; height:30px; background-color:#303030; border:1px solid #777; z-index:100;}
.box-open .box-open-btn {overflow:hidden; position:relative; display:block; height:100%; padding:2px 10px; font-size:1rem; font-weight:300; color:#fff; }
.box-open .box-open-btn i {display:inline-block; margin-right:10px; vertical-align: middle;}
.box-open .box-open-btn .arrow{position:absolute; top:2px; right:0px;}
.box-open .box-open-btn .arrow i{font-size:1rem;}
.box-open > ul {display:none; position:absolute; top:30px; left:0px; z-index:10; width:100%; background-color:#303030; border:1px solid #777}
.box-open > ul > li > a{display:block; padding:3px 10px; font-size:0.9rem; font-weight:400; color:#fff;}
.box-open > ul > li > a:hover{background-color:rgba(255,255,255,0.2); }
.box-open.open .box-open-btn .arrow i{transform:rotate(180deg);}
/* -------- FOOTER :: 하단 -------- */
.footerBottom{position:relative;width:100%;padding:20px 0 30px;border-top:1px solid #434343;}
.footer-copyright{font-size:0.9rem; color:#bbb; letter-spacing:0px; word-break: break-all; margin-top:10px; margin-right:0px;}
.footer-copyright a{color:#bbb;font-weight:500;letter-spacing:0px;}
/* -------- FOOTER :: TOP버튼 -------- */
.topBtn{
	position:fixed; bottom:-100px; right:15px; display:block; width:46px; height:46px; background-color:#535c62; 
	text-align:center; line-height:46px; color:#fff; z-index:999;
	opacity:0; filter:Alpha(opacity=0);
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;
}
.topBtn.fixed{bottom:15px; opacity:1.0; filter:Alpha(opacity=100);}

@media (min-width: 576px) {
	.footer-copyright{margin-top:0px; margin-right:50px;}
}
@media (min-width: 768px) {	
	#footerInner{padding:0 30px;}
  .footerTop{padding:40px 0 0px;}
  .footerBottom{padding:30px 0 40px;}
	.menuStep01 li{padding:10px 0;}
}
@media (min-width: 992px) {	
	.menuStep01{margin-top:15px;}
  .topBtn{width:60px; height:60px; line-height:60px;}
}
@media (min-width: 1025px){
  .footerTop{padding:50px 0 20px;}
  .footerBottom{padding:30px 0 50px;}
}
@media (min-width: 1270px){
	#footerInner{padding:0 50px;}	
}



/* ****************** 사이트맵 ********************** */
#sitemapContainer{	
	position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999; opacity:0;filter:Alpha(opacity=0); visibility:hidden; z-index:-1;
	-webkit-transition:all 0.3s  0.5s;-moz-transition:all 0.3s  0.5s;-o-transition:all 0.3s  0.5s;-ms-transition:all 0.3s  0.5s; transition:all 0.3s  0.5s;	
}
#sitemapContainer.open{
	opacity:1.0;filter:Alpha(opacity=100); visibility:visible; z-index:99999; background-color:#fff; background-image: linear-gradient(to bottom right, rgba(255, 78, 0, 0) 30%, rgba(255, 78, 0, 0.2) 70%);
	-webkit-transition:all 0.3s  0s;-moz-transition:all 0.3s 0s;-o-transition:all 0.3s 0s;-ms-transition:all 0.3s 0s;transition:all 0.3s 0s;
}
#sitemapInner{position:absolute; top:0; left:0; bottom:0; right:0;}
#sitemapContainer .sitemapBgWrap{position:absolute; top:0px; left:0px; width:100%; height:100%;}
#sitemapContainer .visual-intro-item{float:left; position:relative; width:100%; height:100%;}
#sitemapContainer .visual-intro-item:first-child{width:100%;}
#sitemapContainer .visual-intro-item:before{
	position:absolute;  left:0; width:1px; height:100%; content:""; background-color:#efefef; z-index:1; 
}
#sitemapContainer .visual-intro-item:nth-child(odd):before{bottom:0;}
#sitemapContainer .visual-intro-item:nth-child(even):before{top:0;}
#sitemapContainer.open .visual-intro-item:first-child:before{display:none}
#sitemapContainer .visual-intro-item:after{	
	content:""; position:absolute; width:100%; height:100%; right:0; top:0px; background-color: #454545; 
	-webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
	transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s 
}
#sitemapContainer.open .visual-intro-item:before{height:100%;}
#sitemapContainer.open .visual-intro-item:after {width:0;}
#sitemapContainer.open .visual-intro-item {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1); transform-origin:right top; transition-property: transform;
}
#sitemapContainer.close{opacity:0;filter:Alpha(opacity=0); visibility:hidden;}
#sitemapContainer.close .visual-intro-item:before{height:0;}
#sitemapContainer.close .visual-intro-item:after {width:100%;}
.sitemapWrap{position:relative; width:100%; height:100%; padding:70px 10%; overflow-y:auto;}
.sitemapWrap h1{text-align:center;font-size:2.5rem;font-weight:700;color:#000;margin-top:30px; margin-bottom:30px;}
.sitemapWrap .sitemapBox{display:flex; flex-wrap:nowrap; width:100%; padding:25px 0; border-bottom:1px solid #ddd;}
.sitemapWrap .sitemapBox:last-child{border-bottom:0px;}
.sitemapWrap .sitemapBox > div{flex: 19%; padding:5px 10px;}
.sitemapWrap .sitemapBox > div:first-child{flex: 24%;}
.sitemapWrap .sitemapBox > div > h2{color:var(--primary); font-size:2.3rem; font-weight:700; line-height:1; vertical-align:top;}
.sitemapWrap .sitemapBox .sitemap-2dep > p{font-size:1.1rem; font-weight:700; color:#000; margin-bottom:20px; line-height:1;}
.sitemapWrap .sitemapBox .sitemap-2dep > a{font-size:1.1rem; font-weight:700; color:#000; line-height:1;}
.sitemapWrap .sitemapBox .sitemap-2dep > a:hover{color:var(--primary);}
.sitemapWrap .sitemapBox .sitemap-2dep > ul > li > a{
	overflow:hidden; position:relative; display:block; padding:8px 0; font-size:0.9rem; font-weight:400; color:#777; line-height:1; 
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.sitemapWrap .sitemapBox .sitemap-2dep > ul > li > a:after{
	position:absolute; top:0; left:0; width:0; content:""; height:100%; background:rgba(255, 78, 0, 0.8); 
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.sitemapWrap .sitemapBox .sitemap-2dep > ul > li > a span{position:relative; z-index:1;}
.sitemapWrap .sitemapBox .sitemap-2dep > ul > li > a:hover{color:#fff;padding:8px 10px;}
.sitemapWrap .sitemapBox .sitemap-2dep > ul > li > a:hover:after{width:100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
/* 사이트맵 active */
.sitemapWrap .sitemapBox > div > h2,
.sitemapWrap .sitemapBox .sitemap-2dep > p,
.sitemapWrap .sitemapBox .sitemap-2dep > a,
.sitemapWrap .sitemapBox .sitemap-2dep > ul > li > a span{
	display:block; opacity:0;filter:Alpha(opacity=50);
	-webkit-transform:translateX(-5%);
	transform:translateX(-50%);
	transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s, opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s; 
}
.sitemapWrap.menu-open .sitemapBox > div > h2,
.sitemapWrap.menu-open .sitemapBox .sitemap-2dep > p,
.sitemapWrap.menu-open .sitemapBox .sitemap-2dep > a,
.sitemapWrap.menu-open .sitemapBox .sitemap-2dep > ul > li > a span{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transform:translateX(0);
	transform:translateX(0);
	transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04), opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04); 
}