@charset "utf-8";
/* *******************************************************
 * filename : layout.css
 * description : 전체 레이아웃 CSS
 * date : 2018-01-16
******************************************************** */

@import url("./font.css");	/* 나눔고딕 */ 
@import url('https://fonts.googleapis.com/css?family=Poppins'); /* noto */

/* layout */
body, table, th, td, button, select, input {
	font-family: 'Noto Sans KR','Noto Sans', sans-serif;
	font-size:13px;
	color:#666;
}

body { background-color:#fff; }
#wrap {overflow:hidden; position:relative; -webkit-transition:margin 0.3s;-moz-transition:margin 0.3s;-o-transition:margin 0.3s;-ms-transition:margin 0.3s;transition:margin 0.3s } /* min-width 홈페이지 컨텐츠 가로값에 맞게 변경 */
select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"]{
	border-radius: 0px; /* iOS 둥근모서리 제거 */ 
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none; 
	appearance: none;
}
/* ****************** 공통클래스 ********************** */
.area{ max-width:1200px; margin:0px auto;} /* width 홈페이지 컨텐츠 가로값에 맞게 변경 */
.area-box{max-width:1590px; margin:0 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}
.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:inherit; color:inherit; vertical-align:middle;}
.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.00002deg);
	  -o-transform: scale(1.1) rotate(0.00002deg);
	  -moz-transform: scale(1.1) rotate(0.00002deg);
	  -webkit-transform: scale(1.1) rotate(0.00002deg);
	  transform: scale(1.1) rotate(0.00002deg);
}
.font-poppin{font-family: 'Poppins', sans-serif;}
.font-lato {font-family: 'Lato', sans-serif;}
.font-opensans {font-family: 'Open Sans', sans-serif;}
@media all and ( max-width: 1820px ){
	#wrap{margin-right:110px}
	.area-box{margin:0 55px}
}
@media all and (max-width:1350px){
	.area{padding:0 15px;}
}
@media all and (max-width:1220px){
	#wrap{margin-right:80px}
	.area-box{margin:0 30px;}
}
@media all and (max-width:800px){
	#wrap{margin-right:0}
	.area-box{margin:0 15px;}
}
/* ****************** HEADER ********************** */
#header{position:relative; height:110px; -webkit-transition:top 0.4s;-moz-transition:top 0.4s;-o-transition:top 0.4s;-ms-transition:top 0.4s;transition:top 0.4s}
#headerInnerWrap{position:relative; height:110px; z-index:99; background-color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.sub-wrapper #headerInnerWrap{}
#headerInner{position:relative; height:100%;border-bottom:1px solid #e4e4e4; }
#header .logo{position:relative; z-index:100; float:left; padding-top:25px; }		/* padding값 적절히 바꿔주세요 */
#header .logo a{display:block; }
#header .logo img{display:block; vertical-align:top;}

#header .header-txt {font-size:20px; letter-spacing:-0.25px; color:rgba(154,154,154,0.8); display:inline-block; line-height:110px; margin-left: 40px;}


/* -------- Header :: 사이트맵 -------- */
.sitemap-line-btn{position:fixed; top:0px; right:0px;width:110px; height:110px; background-color:#fff; z-index:101}
.sitemap-line-btn .line{display:block; width:24px; height:3px; background-color:#bc171d; margin: 4px auto;}

/* -------- Header :: UTIL MENU -------- */
.header-util-menu{padding-left: 3%; float:right; position:relative; margin-top: 33.5px;}
.header-util-menu:before{position:absolute; top:50%; left:0px; width:1px; height:10px; margin-top:-5px; background-color:#bababa; content:"";}
/* .header-util-menu li{float:left; line-height:110px; margin-left:30px;}
.header-util-menu li:first-child{margin-left:50px;}
.header-util-menu li a{color:#212121; font-size:15px; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;}
.header-util-menu li a:hover{color:#bc171d;} */


/* 언어선택 */
.lang-m {display:none;}
.header-lang04 {position:relative; width:115px; height:43px; background-color: #eee; -webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;border-radius:25px;}
.header-lang04 .lang-open-btn {overflow:hidden; position:relative; display:block; height:100%; padding:0 25px; font-size:13px; line-height: 43px; color:#212121;}
.header-lang04 .lang-open-btn i {display:inline-block; margin-right: 5px; vertical-align: middle; font-size:18px; margin-top:-2px;}
.header-lang04 .lang-open-btn .arrow{position:absolute; top:0px; right:15px;}
.header-lang04 .lang-open-btn .arrow i{font-size:18px;}
.header-lang04 > ul {display:none; position:absolute; top:45px; left:-1px; z-index:10; width:100%; }
.header-lang04 > ul > li {padding-top:5px;}
.header-lang04 > ul > li > a{display:block; text-align:center; font-size:13px; line-height: 43px; color:#212121; background-color:#eee; -webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;border-radius:25px;}
.header-lang04 > ul > li > a:hover{background-color:#333; border-color:#333; color:#fff;}
.header-lang04.open .lang-open-btn .arrow i{transform:rotate(180deg); margin-top:-3px;}

/* -------- 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:68px; width:100%; height:300px; background:#ff6100; border-bottom:1px solid #111; z-index:98}	/* gnb 2depth BG */
#gnb{position:absolute; text-align:right; top:0; right:300px; height:110px; z-index:99; }
#gnb > ul{display:inline-block; *display:inline;*zoom:1;}
#gnb > ul > li{position:relative; float:left; }
#gnb > ul > li > a{position:relative; z-index:100; display:block; height:110px; line-height:110px; padding:0 53px; text-align:center; color:#212121; font-size:18px; font-weight: 400; -webkit-transition:font-size 0.4s;-moz-transition:font-size 0.4s;-o-transition:font-size 0.4s;-ms-transition:font-size 0.4s;transition:font-size 0.4s }
#gnb > ul > li > a span{position:relative; display:block; /* padding:0 15px; */}
#gnb > ul > li > a span:after{position:absolute; left:0px; bottom:20px; width:100%; height:1px; background-color:#fff; opacity:0.3;filter:Alpha(opacity=30); content:""; z-index:11;}
#gnb > ul > li.active > a{color:#bc171d}
#gnb > ul > li > a:hover, #gnb > ul > li.on > a{color:#fff; background-color:#bc171d}
#gnb > ul > li.active > a:hover,#gnb > ul > li.on > a:hover{color:#fff;}
/* GNB :: 2차 각각메뉴 */
#gnb.each-menu > ul > li .gnb-2dep{
	display:none;
	position:absolute; 
	top:110px; 
	left:0px; 
	z-index:99;
	width:100%; 
	text-align:left; 
}
#gnb.each-menu > ul > li .gnb-2dep:before{position:absolute; top:-110px; left:0px; width:100%; height:100%; padding-bottom:110px; background:#bc171d; content:"";}
/* #gnb > ul > li.gnb3 .gnb-2dep{width:140%; left:-20%} */
#gnb > ul > li .gnb-2dep > ul{padding:5px 0px 22px;}
#gnb > ul > li .gnb-2dep > ul > li{position:relative; margin:6px 25px;}
#gnb > ul > li .gnb-2dep > ul > li:before{position:absolute; top:0px; left:0px; width:0; height:100%; background-color:#831014; content:"";}
#gnb > ul > li .gnb-2dep > ul > li > a{ display:block; position:relative; text-align:center; padding:2px 0; color:#fff; font-size:15px; line-height:24px; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s; }
#gnb > ul > li .gnb-2dep > ul > li > a span{position:relative; z-index:1;}
#gnb > ul > li .gnb-2dep > ul > li > a:hover{opacity:1.0;filter:Alpha(opacity=100);}
#gnb > ul > li .gnb-2dep > ul > li:hover:before{width:100%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
#gnb > ul > li .gnb-2dep > ul > li > a.not-hover{color:#ffb3b3}
#gnb > ul > li .gnb-3dep {display:none; position:absolute; left:100%; width:150px; top:-15px; padding:15px; margin-left:25px; background-color:#831014 ; }
#gnb > ul > li .gnb-3dep > ul > li {padding:10px;  text-align:center;}
#gnb > ul > li .gnb-3dep > ul > li > a{color:#fff; font-size:13px; line-height:16px;}
#gnb > ul > li .gnb-3dep > ul > li > a:hover{text-decoration:underline;}

/* -------- Header :: GNB(Mobile) -------- */
.nav-open-btn{display:none;}
#gnbM{display:none}

/* -------- Header :: 스타일변경 -------- */
/* Header :: 헤더가 비주얼 배경위에 있는 스타일 */
#header.fixed-header {position:fixed; top:0; left:0; width:100%; z-index:99;}
#header.fixed-header #headerInnerWrap{background-color:transparent; background-color:rgba(0,0,0,0.1); }
#header.fixed-header .header-search-open-btn{color:#fff; border-color:rgba(255,255,255,0.2);}
#header.fixed-header .header-lang {border-color:rgba(255,255,255,0.2); }
#header.fixed-header .header-lang .lang-open-btn{color:#fff;}
#header.fixed-header .header-lang > ul {border-color:rgba(255,255,255,0.6);}
#header.fixed-header .sitemap-line-btn .line{background-color:#fff}
#header.fixed-header .sitemap-custom-btn{color:#fff; border-color:rgba(255,255,255,0.2); }
#header.fixed-header #gnb{border-color:rgba(255,255,255,0.2);}
#header.fixed-header #gnb > ul > li > a{color:#fff;}

@media all and ( max-width: 1860px ){
	/* #gnb{right: 11%;}
	#headerInner{position: relative; margin: 0 15px; left: 0; width: calc(100% - 30px);} */
	#gnb{right:200px;}
}
@media all and ( max-width: 1536px ){
	#header .header-txt {font-size:15px; }
}
@media all and ( max-width: 1440px ){
	/* -------- Header :: GNB(PC) -------- */
	#gnb > ul > li {}
	#gnb > ul > li > a{font-size:18px; padding:0 20px}
	#gnb > ul > li .gnb-2dep > ul > li a{font-size:13px;}
}
@media all and ( max-width: 1220px ){
	#header, #headerInnerWrap{height:80px;}
	#header .logo{padding-top:20px;}
	#header .logo img{height:40px;}
	#header .header-txt {font-size:13px; line-height:80px; margin-left: 10px;}

	/* -------- Header :: GNB(PC) -------- */
	#gnb{height:80px; }
	#gnb > ul > li > a{height:80px; line-height:80px; font-size:16px; padding:0 25px}
	#gnb.each-menu > ul > li .gnb-2dep{top:80px;}
	#gnb > ul > li .gnb-2dep > ul > li{margin:3px 15px;}
	#gnb > ul > li .gnb-2dep > ul > li a{font-size:12px; line-height:16px;}
	/* -------- Header :: UTIL MENU -------- */
	.header-util-menu{margin-top:19px}
	.header-util-menu:before{left:-12px;}

	/* -------- Header :: 네비게이션 오픈 버튼 -------- */
	.sitemap-open-btn{width:80px; height:80px}
}

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

	/* -------- Header :: UTIL MENU -------- */
	.header-util-menu:before{display:none;}
	
	/* -------- Header :: GNB(Pc) -------- */
	#gnb{display:none;}
	.gnb-overlay-bg{display:none}

	/* -------- Header :: GNB(Mobile) -------- */
	.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:101;}	
	#gnbM{ 
		display:block; 
		overflow-y:auto; 
		position:fixed; 
		top:0px; 
		right:-82%;
		width:80%; 
		height:100%;  
		max-width:280px; 
		background-color:#bc171d; 
		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 .header-util-menu-m{display:none;}
	#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:#c32f34; }
	#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.on > a{opacity:1.0;filter:Alpha(opacity=100); text-decoration:underline;}
	/* 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;}
	
	/* -------- Header :: 네비게이션 오픈 버튼 -------- */
	.sitemap-open-btn{display:none;}
	.nav-open-btn{
		display:block; position:fixed; width:80px; height:80px; z-index:9998; background-color:#fff;
	}
	.nav-open-btn.active{background-color:transparent;}
	.nav-open-btn .line{
		-webkit-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}
	.nav-open-btn.active .line{background-color:#fff;}
	.nav-open-btn.active .line:nth-child(2){opacity: 0;}
	.nav-open-btn.active .line:nth-child(1){
		 -webkit-transform: translateY(6.5px) rotate(45deg);
		  -ms-transform: translateY(6.5px) rotate(45deg);
		  -o-transform: translateY(6.5px) rotate(45deg);
		  transform: translateY(6.5px) rotate(45deg);
	}
	.nav-open-btn.active .line:nth-child(3){
		 -webkit-transform: translateY(-6.5px) rotate(-45deg);
		  -ms-transform: translateY(-6.5px) rotate(-45deg);
		  -o-transform: translateY(-6.5px) rotate(-45deg);
		  transform: translateY(-6.5px) rotate(-45deg);
	}
}

@media all and ( max-width: 800px ){
	#header{height:98px}
	#headerInnerWrap, #headerInner{height:58px;}
	#headerInnerWrap{position:fixed; top:0; left:0; width:100%; margin:0}
	#header .logo{padding-top:14px; }	/* padding값 적절히 바꿔주세요 */
	#header .logo img{height:30px;}
	#header .header-txt {line-height:58px; margin-left:7px; }

	/* -------- Header :: UTIL BOX -------- */
	.header-util-menu {display:none;}
	.lang-m {display:block; float:none; padding-left: 15px;}
	.lang-m .header-lang04 {width:100px; height: 37px; }
	.lang-m .header-lang04 .lang-open-btn { line-height: 37px; padding:0 17px;  }
	.lang-m .header-lang04 .lang-open-btn .arrow{ right:10px;}
	.lang-m .header-lang04 .lang-open-btn .arrow i {margin-right: 7px;}
	.lang-m .header-lang04 > ul {display:none; position:absolute; top:37px; left:-1px; z-index:10; width:100%; }
	.lang-m .header-lang04 > ul > li {padding-top:5px;}
	.lang-m .header-lang04 > ul > li > a{display:block; text-align:center; font-size:13px; line-height: 37px; color:#212121; background-color:#eee; }
	.lang-m .header-lang04 > ul > li > a:hover{background-color:#333; border-color:#333; color:#fff;}
	.lang-m .header-lang04.open .lang-open-btn .arrow i{transform:rotate(180deg); margin-top:-3px;}


	/* Header :: 사이트맵, 네비게이션 버튼 */
	.nav-open-btn{width:58px; height:58px;}

	/* Header :: GNB(Mobile) */
	#gnbM .header-util-menu-m{display:block; position:absolute; top:0px; left:58px; right:0px; height:58px; background-color:#c32f34}
	#gnbM .header-util-menu-m li{float:left; width:50%; line-height:58px; }
	#gnbM .header-util-menu-m li a{display:block; text-align:center; color:#fff; font-size:13px; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;}
	#gnbM .header-util-menu-m li:first-child a{border-right:1px solid rgba(255,255,255,0.1);}
	#gnbM #navigation{margin-top:43px}	/* Header 높이값 */
	#gnbM #navigation > li > a {font-size:15px;}
	#gnbM #navigation > li .gnb-2dep > li > a{font-size:13px;}

}
@media all and (max-width:349px){
	#header .header-txt {display:none;}
}

/* ****************** LEFT BAR ********************** */
#leftFixedBar{position:fixed; top:0px; right:0px; width:110px; height:100%; background-color:#bc171d; z-index:100; }
/* leftBar :: 메뉴 */
.left-fixed-bar-menu-con{position:absolute; top:110px; bottom:0px; width:100%; }
.left-fixed-bar-menu-con li{position:relative; height:50%; max-height:428px; background-color:#c32f34;}
.left-fixed-bar-menu-con li:first-child{background-color:#bc171d}
.left-fixed-bar-menu-con li a{display:block; width:100%; height:100%;}
.left-fixed-bar-menu-con li a .menu-tit{display:block; width:205px; text-align:center; position:absolute; top:50%; left:-50%; transform:rotate(90deg); margin: 10px 0 0 13px }
.left-fixed-bar-menu-con li a .menu-tit .icon{position:absolute; top:-3px; left:25px; width:25px; height: auto; display:inline-block; text-align:center;}
.left-fixed-bar-menu-con li:nth-child(2) a .menu-tit .icon{left:35px; top:0;}
.left-fixed-bar-menu-con li a .menu-tit .icon img{width: 100%; height:100%;}
.left-fixed-bar-menu-con li a .menu-tit span{display:block;font-size:15px; font-weight:400; color:#fff;}
.left-fixed-bar-menu-con li a .menu-tit .icon img,
.left-fixed-bar-menu-con li a .menu-tit span{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;}
.left-fixed-bar-menu-con li .active-arrow{
	position:absolute; top:50%; right:100%; margin-right: -1px; width:0px; height:38px; margin-top:-20px; content:""; background:url(/images/common/left_box_arrow.png) no-repeat; z-index:1000; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
	 -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;
}
.left-fixed-bar-menu-con li.active .active-arrow{width:33px;}
.left-fixed-bar-menu-con li:first-child .active-arrow{background-image:url(/images/common/left_box_arrow_individual.png)}
/* leftBar :: 링크박스 */
.left-quick-box{position:absolute; top:110px; right:110px; visibility:hidden; z-index:-1; opacity:0;filter:Alpha(opacity=0); /*-webkit-transition:all 0.2s 0s;-moz-transition:all 0.2s 0s;-o-transition:all 0.2s 0s;-ms-transition:all 0.2s 0s;transition:all 0.2s 0s; */}
.left-quick-box.active{visibility:visible; z-index:100; opacity:1.0;filter:Alpha(opacity=100); /*-webkit-transition:all 0.4s 0.2s;-moz-transition:all 0.4s 0s;-o-transition:all 0.4s 0s;-ms-transition:all 0.4s 0s;transition:all 0.4s 0s; */}
.left-active-box-con{padding:95px; width:640px; background-color:#fff; }
.left-quick-tit{color:#bc171d; font-size:36px; font-weight:600; margin-bottom:2.5%;}
.left-quick-tit i{font-size:40px; margin-top:-5px;}
.left-quick-list-con{margin:0 -2.5%}
.left-quick-list-con li,
.left-quick-list-con li .cover,
.left-quick-list-con li .quick-tit,
.left-quick-list-con li .quick-arrow{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.left-quick-list-con li{float:left; position:relative; width:45%; margin:2.5%; border-radius:5px;}
.left-quick-list-con li a{overflow:hidden; position:relative; display:block; }
.left-quick-list-con li a .cover{position:absolute; top:0px; left:0px; bottom:0px; right:0px; background-color:#000; opacity:0.4;filter:Alpha(opacity=40); content:""; border-radius:5px; }
.left-quick-list-con li .quick-tit{position:absolute; top:50px; left:35px; color:#fff; font-size:20px; font-family: 'Work Sans', sans-serif;}
.left-quick-list-con li .quick-arrow{position:absolute; bottom:56px; left:36px; transform:translateX(0)}
.left-quick-list-con li:hover{box-shadow:6px 10px 15px rgba(128, 128, 128, 0.5)}
.left-quick-list-con li a:hover .cover{opacity:0;filter:Alpha(opacity=0);}
.left-quick-list-con li a:hover .quick-tit{color:#212121; }
.left-quick-list-con li a:hover .quick-arrow{transform:translateX(10px)}
.left-quick-box .quick-modal-close-btn{position:absolute; top:95px; right:95px;}
@media all and ( min-width: 1221px ){
	.left-fixed-bar-menu-con li a:hover .menu-tit .icon img{width: 27px;}
	.left-fixed-bar-menu-con li a:hover .menu-tit span{font-size:16px;}
}
@media all and ( max-width: 1220px ){
	#leftFixedBar{width:80px;}
	.left-fixed-bar-menu-con{top:80px;}
	.left-fixed-bar-menu-con li a .menu-tit{margin:8px 0 0 -20px}
	/* leftBar :: 링크박스 */
	.left-quick-box{left:80px; top:80px;}
	.left-active-box-con{width:500px; padding:45px;}
	.left-quick-tit{font-size:22px;}
	.left-quick-tit i{font-size:30px;}
	.left-quick-list-con li .quick-thumb img{width:100%;}
	.left-quick-box .quick-modal-close-btn{ top:45px; right:45px;}
	.left-quick-box .quick-modal-close-btn img{width:22px}
}
@media all and ( max-width: 800px ){
	#leftFixedBar{width:100%; height:40px; top:58px}
	.left-fixed-bar-menu-con{top:0px; left:0px; }
	.left-fixed-bar-menu-con li{float:left; height:100%; width:50%; max-height:none;}
	.left-fixed-bar-menu-con li a .menu-tit{transform:rotate(0); position:relative; top:auto; left:auto; width:auto; margin:0; line-height:40px;}
	.left-fixed-bar-menu-con li a .menu-tit .icon{position:static; width:auto; margin-right:10px}
	.left-fixed-bar-menu-con li a .menu-tit .icon img{width:auto; height:12px}
	.left-fixed-bar-menu-con li a .menu-tit span{display:inline-block; font-size:12px;}
	.left-fixed-bar-menu-con li .active-arrow{display:none}
	/* leftBar :: 링크박스 */
	.left-quick-box{position:fixed; top:98px; left:0px; right:0px; height:calc(100% - 98px ) ; overflow-y:auto; background-color:#fff;}
	.left-quick-box:before{position:absolute; top:0px; left:0; width:50%; height:17px; background:url(/images/common/left_box_arrow_m.png) no-repeat 50% 0; background-size:20px auto; content:"";}
	#companyBoxCon:before{left:50%; background-image:url(/images/common/left_box_arrow_m2.png)}
	.left-active-box-con{width:auto; margin-left:0}
}
@media all and ( max-width: 639px ){
	/* leftBar :: 링크박스 */
	.left-quick-box:before{height:12px; background-size:auto 12px}
	.left-active-box-con{padding:20px;}
	.left-quick-list-con li .quick-tit{font-size:17px; left:15px; top:20px; right:15px;}
	.left-quick-list-con li .quick-arrow{bottom:15px; left:15px;}
	.left-quick-list-con li .quick-arrow img{width:40px;}
	.left-quick-box .quick-modal-close-btn{ top:20px; right:18px;}

}

/* ****************** FOOTER ********************** */
#footer{padding:50px 0; background-color:#231f20; position:relative; height: 170px;}
#footerInner{position:relative;}

/* Footer :: TOP버튼 */
.to-top-btn{
	position:absolute; top:0px; right:0; display:block; width:54px; height:54px; background-color:#bc171d; text-align:center; color:#fff; z-index:99;
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s
}
.to-top-btn span{text-align:center; color:#fff; font-size:15px; line-height: 54px;}
.to-top-btn:hover{top:-10px;}
.to-top-btn:hover span{bottom:21px;}
/* Footer :: 왼쪽정보 */
.footer-left-con{float:left; margin-right:12%;}
.family-address p{color:#757575; line-height:26px; }
.family-address p .tit{font-size: 17px; line-height: 24px;}
.family-address span{font-size:15px; display:block;}
.family-address span em {display: inline-block; margin-right: 10px;}
.family-address span em i{font-size: 18px; margin-right: 5px;}
.family-address a{color:inherit}
.family-address a i{font-size: 18px; margin-right: 5px;}
.family-address .copyright{display:block; padding-top:15px; font-size:15px; color:#a5a5a5;}

.footer-menu-list-con{padding-top:20px;}
.footer-menu-list-con li a{color:#fff; font-size:15px; }
.footer-menu-list-con li a b{}
/* Footer :: 오른쪽정보  */
.footer-right-con{position:relative; float:left;}
.footer-right-con:before{position:absolute; top:0px; left:0px; width:1px; height:100%; background-color:#444041; content:"";}
.footer-sitemap-con{}
.footer-sitemap-con > ul > li{float:left; margin-left:100px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.footer-sitemap-con > ul > li:first-child{margin-left:70px;}
.footer-sitemap-con > ul > li > h3{color:#757575; font-size:18px; font-weight:400; padding-bottom: 10px;}
.footer-sitemap-con > ul > li > .sitemap-2dep li {padding: 5px 0;}
.footer-sitemap-con > ul > li > .sitemap-2dep li a{
	color:#757575; font-size:15px; letter-spacing:-0.1px;
	-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;transition:all 0.6s
}
.footer-sitemap-con > ul > li > .sitemap-2dep li a:hover{color:#fff;}
@media all and (max-width:1820px){
	.footer-sitemap-con{margin-right:80px}
	.footer-sitemap-con > ul > li{margin-left:70px}
}
@media all and (max-width:1550px){
	/* Footer :: 왼쪽정보 */
	.footer-left-con{float:left; margin-right:5%;}
	/* Footer :: 오른쪽정보  */
	.footer-sitemap-con > ul > li,
	.footer-sitemap-con > ul > li:first-child{margin-left:30px;}
}
@media all and (max-width:1330px){
	/* Footer :: 왼쪽정보 */
	.footer-left-con{float:none; margin-right:0 }
	/* Footer :: 오른쪽정보  */
	.footer-sitemap-con{display:none;}
}
@media all and (max-width:800px){
	#footer{padding:25px 0; }
	/* Footer :: TOP버튼 */
	.to-top-btn{position:fixed; top:auto; bottom:-50px; right:15px; width:46px; height:46px; opacity:0;filter:Alpha(opacity=0);}
	.to-top-btn.fixed{opacity:1.0;filter:Alpha(opacity=100); bottom:15px;}
	.to-top-btn span{font-size:13px; position:static; display:block; line-height:46px;}
	.to-top-btn:after{display:none;}
	.to-top-btn:hover{top:auto; height:46px;}
	/* Footer :: 왼쪽정보 */
	.footer-left-con{text-align:center;}
	.family-address p{font-size:11px; line-height:15px;}
	.family-address span{font-size:11px; line-height:20px}
	.family-address .copyright{font-size:11px;}
	.footer-sns-menu{text-align:center;}
	.footer-sns-menu li{float:none; display:inline-block; margin:0 8px;}
	.footer-sns-menu li a{width:32px; height:32px; line-height:30px;}
	.footer-menu-list-con li a{font-size:13px;}
}

/* ****************** SUB LAYOUT ********************** */
/*  SUB LAYOUT :: 상단정보 (공통) */
#contentInfoCon{position:relative; text-align:center; padding-bottom:70px;}
#contentInfoCon .content-tit{color:#333; font-size:40px; font-weight:500; }
#contentInfoCon .content-sub-tit{color:#888; font-weight:300; padding-top:20px; font-size:16px; letter-spacing:-0.8px; word-break:keep-all;}
.location{overflow:hidden; padding-bottom:35px;}
.location li{display:inline-block; vertical-align:middle; color:#ababab; font-size:15px;}
.location li:before{display:inline-block; content:""; vertical-align:middle; width:6px; height:9px; margin:0 15px;  color:#c0c0c0; font-size:12px; background:url(/images/icon/location_line.gif) no-repeat 50% 0}
.location li:first-child:before{display:none;}
.location li:last-child{color:#212121;}
.location li.home{padding-left:21px; background:url(/images/icon/location_home_icon.jpg) no-repeat}

/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
#middleArea{padding:50px 0 135px;}

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

@media all and (max-width:800px){
	/*  SUB LAYOUT :: 상단정보 (공통) */
	#contentInfoCon{padding-bottom:35px;}
	#contentInfoCon .content-tit{font-size:30px;}
	.location{padding-bottom:16px;}
	.location li{font-size:11px;}
	
	/*  SUB LAYOUT :: 컨텐츠 레이아웃 */
	#middleArea{padding:32px 0  68px;}
}

/* ****************** 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 {
  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; }
.kit-popup-content{position:relative; width:96%; max-width:1000px; margin:100px 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:#bc171d; color:#fff;}
.modal-close-btn{position:absolute; top:-50px; right:0; color:#fff; }
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover {color:#fff}
.exhibition-close-btn{position:absolute; top:10px; right:10px;}
.footer-inner-box{padding:30px; }
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; }

/* 사이트맵 */
.sitemap-wrapper{padding:30px;}
.sitemap-wrapper > ul{overflow:hidden;}
.sitemap-wrapper > ul > li{float:left; width:20%; text-align:center;}	/* 메뉴 갯수에 맞게 %로 계산, 두줄로 들어갈 경우 height값 설정 */
.sitemap-wrapper.menu4 > ul > li{width:25%;}
.sitemap-wrapper.menu6 > ul > li{width:16.6%;}
.sitemap-wrapper.menu7 > ul > li{width:14.2%;}
.sitemap-wrapper > ul > li > h2{color:#191919; margin:0 2% 20px 2%; padding-bottom:20px; font-size:20px; border-bottom:1px solid #888; letter-spacing:-1.0px; margin-bottom:20px; font-weight:500;}
.sitemap-wrapper > ul > li .sitemap-2dep {padding:0 5%;}
.sitemap-wrapper > ul > li .sitemap-2dep a{display:block; padding:10px 0; color:#666; font-size:14px; font-weight:400; line-height:1.2em;}
.sitemap-wrapper > ul > li .sitemap-2dep a:hover{color:#000; text-decoration:underline;}



/* ****************** MODAL LAYERPOPUP :: 181218 이은빈 추가 ********************** */
/* MODAL LAYERPOPUP :: 엑스포 */
.expo-popup-content{max-width: 840px; margin: 100px auto;}

#detailPopupContent{padding: 70px 55px;}
.detail-popup-txt{font-size: 15px; font-weight: 400; color: #cf092c; text-align: left; line-height: 28px;}
.detail-popup-txt.detail-popup-txt-ch{color: #212121;}

.detail-popup-location{overflow: hidden; margin-top: 75px;}
.detail-popup-location .location-txt{float: left; max-width: 365px;}
.detail-popup-tit{font-size: 30px; font-weight: 700; color: #212121; text-align: left; word-break:keep-all;}
.detail-popup-tit.detail-popup-tit-ch{font-weight: 400;}
.up-txt-group{margin-top: 10px; height: 168px; overflow: hidden;}
.before-bar{word-break:keep-all; line-height: 28px; color: #212121; font-weight: 400; text-align: left; font-size: 15px;}
.before-bar:before{content:""; display: block; width: 3px; height: 1px; background-color: #212121; float: left; margin-top: 15px; margin-right: 4px;}
.under-txt-group .before-dot{ word-break:keep-all; line-height: 28px; color: #212121; font-weight: 400; text-align: left; font-size: 15px;}
.under-txt-group-ch .before-dot{word-break: normal;}
.under-txt-group .before-dot:before{content:"*"; display: block; margin-right: 4px; float: left; width: 8px; height: 8px; margin-top: 3px;}

.detail-popup-location .location-img{float: left; max-width: 330px; margin-left: 34px;}
.detail-popup-location .location-img img{max-width: 100%;}

.detail-popup-map{margin-top: 80px;}
.map-tit-txt{margin-top: 10px;}
.before-bar span{color: #cf092c;}

#mapContent{max-width: 840px; margin: 25px 0;}
#mapContent iframe{width: 100%;}

.detail-popup-map .map-img{max-width: 840px;}
.detail-popup-map .map-img img{width: 100%;}

.detail-popup-map .map-img-undertxt{font-size: 15px; font-weight: 400; line-height: 28px; color: #212121; text-align: center; margin-top: 15px;}



@media all and ( max-width: 800px ){
	.modal-close-btn{top:-30px;}
	.exhibition-close-btn{top:10px;}
	.modal-close-btn img{height:20px;}
	/* 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}

	/* 엑스포 팝업 */
	#detailPopupContent{padding: 50px 35px;}
	.detail-popup-location .location-txt {float: none; max-width: 800px;}
	.detail-popup-txt{font-size: 14px;}
	.detail-popup-tit{font-size: 24px;}
	.before-bar{font-size: 14px;}
	.detail-popup-location .location-img{float:none; margin-left: 0; margin-top: 20px; max-width: 800px;}
	.under-txt-group .before-dot{font-size: 14px;}
	.detail-popup-map .map-img-undertxt{font-size: 14px;}
}

/* MODAL LAYERPOPUP :: 신발 */
	.shoes-popup-content{max-width: 840px; margin: 100px auto;}
	#shoesPopupContent{padding: 65px 55px;} 

	.shoes-content-img{max-width: 840px;}
	.shoes-content-img img{width: 100%;}

/* MODAL LAYERPOPUP :: kit */
	.kit-popup-content{/* max-width: 840px; margin: 100px auto; *//* 181227 EB수정 */max-width: 921px;margin: 59.5px auto;}
	#kitPopupContent{padding: 60px 52px;}

	.kit-content-img{/*max-width: 840px;*/max-width: 921px;}
	.kit-content-img img{width: 100%;}