@charset "utf-8";
/* CSS Document */

#fp-nav ul li:last-child{display:none;}

header h1{}
header h1 a{
    display: block;
    position: absolute;
    top: 27px;
    left: 60px;
    width: 175px;
    height: 37px;
    z-index:999;
}

.fp-viewing-firstPage header{}
.fp-viewing-firstPage header h1 a, .fp-viewing-3rdPage header h1 a{background: url(../images/common/logo1.png) 0 0 no-repeat;}

.fp-viewing-secondPage header{background:#fff;}
.fp-viewing-secondPage header h1 a, .fp-viewing-4rdPage header h1 a, .fp-viewing-3 header h1 a{background: url(../images/common/logo2.png) 0 0 no-repeat;}

.fp-viewing-3rdPage header{background:#1d1d1d;}
.fp-viewing-4rdPage header, .fp-viewing-3 header{background:#f0f1f5;}

.fp-viewing-secondPage .menuNav > ul > li > a, .fp-viewing-4rdPage .menuNav > ul > li > a, .fp-viewing-3 .menuNav > ul > li > a{color:#000;}
.fp-viewing-secondPage .menuNav:after{display:none;}

.menuNav{
    position: relative;
    width: 100%;
    height: 92px;
    margin: 0 auto;
    text-align: center;
}
.menuNav:after{display:block; clear: both; content:""; float:none;}

.menuNav ul li li{display:block;}
.menuNav ul li li a{
    display: inline-block;
    padding: 12px 0;
    color: #fff;
    font-size: 17px;
    line-height: 1;
    font-weight: 200;
}
.menuNav ul {
    float: left;
    width: 100%;
    margin: 0 auto;
    padding:0;
    list-style:none;
}
.menuNav ul:after, .menuNav ul div:after{
    content:"";
    display:block;
    clear:both;
}
.menuNav ul li{display: inline-block;position: relative;}
.menuNav li a {
    display:block;
    /* padding-top:10px; */
    /* padding-left:15px; */
    /* padding-right:15px; */
    /* padding-bottom:10px; */
    color:#000000;
    font-size: 20px;
    text-decoration:none;
}
.menuNav > ul > li > a {padding: 32px 58px;color: #fff;font-size: 20px;}

/**
footer
**/
.fp-viewing-3{}
footer{width:100%;height: 205px;background: #1d1d1d;}
.footer{position:relative; width: 1160px;padding: 40px 0;margin:0 auto;font-size: 13px;font-weight: 300;}
footer address{color:#fff;}
footer .copyright{margin-top: 10px;color:#a6a6a6;font-weight: 400;}
footer .top{
	position:absolute;
	top:0;
	right:0;
	width: 71px;
	height: 71px;
	background:url(../images/common/btn-top.png) 0 0 no-repeat;
}


@media(max-width:1599px) {
	footer{height:auto;}
    .footer{width: auto;margin: 0 2rem;}
}

@media(min-width:1024px) {
	.w-hide{display:none !important;}
	/**
	header
	**/
	.fp-viewing-secondPage header:hover h1 a, .fp-viewing-4rdPage header:hover h1 a, .fp-viewing-3 header:hover h1 a{background: url(../images/common/logo1.png) 0 0 no-repeat;}
	.fp-viewing-secondPage header h1 a:hover, .fp-viewing-4rdPage header h1 a:hover{background: url(../images/common/logo2.png) 0 0 no-repeat;}
	.fp-viewing-secondPage .menuNav:hover > ul > li > a,
	.fp-viewing-4rdPage .menuNav:hover > ul > li > a,
	.fp-viewing-3 .menuNav:hover > ul > li > a{color:#fff;}
	.menuNav:hover{
		height:370px;
		background: #1d1d1d;
		transition: 0.4s ease;
	}
	.menuNav:after, .fp-viewing-secondPage .menuNav:hover:after, .fp-viewing-4rdPage .menuNav:hover:after, .fp-viewing-3 .menuNav:hover:after{
		display:block;
		content:"";
		position:absolute;
		top: 93px;
		left:0;
		width:100%;
		height: 1px;
		background:#404040;
	}
	.fp-viewing-4rdPage .menuNav:after, .fp-viewing-3 .menuNav:after{
		display:block;
		content:"";
		position:absolute;
		top: 93px;
		left:0;
		width:100%;
		height: 1px;
		background:#dadbdf;
	}
	.menuNav ul li li a:hover, .menuNav ul li li.on a {
		position:relative;
		color:#f3c035;
		font-weight:500;
	}
	.menuNav ul li li a:hover:after, .menuNav ul li li.on a:after{
		display:block;
		content:"";
		position:absolute;
		top: 8px;
		right: -45px;
		width:42px;
		height: 28px;
		background: url(../images/common/ico-arrow1.png) center right no-repeat;
	}
	.menuNav > ul > li.menu3.on:hover > a:after{
		display:block;
		content:"";
		position:absolute;
		top:35px;
		right:0;
		width:42px;
		height: 28px;
		background: url(../images/common/ico-arrow1.png) center right no-repeat;
	}
	.menuNav ul div{
		display:none;
		padding: 35px 0;
		animation: fadein 2s;
		-moz-animation: fadein 2s; /* Firefox */
		-webkit-animation: fadein 2s; /* Safari and Chrome */
		-o-animation: fadein 2s; /* Opera */
	}
	@keyframes fadein {
		from {opacity:0;}
		to {opacity:1;}
	}
	@-moz-keyframes fadein { /* Firefox */
		from {opacity:0;}
		to {opacity:1;}
	}
	@-webkit-keyframes fadein { /* Safari and Chrome */
		from {opacity:0;}
		to {opacity:1;}
	}
	@-o-keyframes fadein { /* Opera */
		from {opacity:0;}
		to {opacity: 1;}
	}
	.menuNav:hover ul div{display:block;}
	.menuBtn{display:none;}	
}


@media(max-width:1300px) {
	.menuNav > ul{float:right; width:auto;}	
}

/* ############ 1024px 이하 ############ */
@media(max-width:1023px) {
	.m-hide{display: none !important;}
   /**
	header
	**/
	header h1 a {top: 20px;left: 15px;}
	.menuNav > ul{float: none !important;margin-top: 70px;border-top:1px solid #404040;text-align:left;}
    .menuNav ul li{display:block;position: relative;}
    .menuNav > ul > li:after{display:block;content:"";position:absolute;left:0;bottom: 1px;width:100%;height:1px;background: #323232;}
    .menuNav > ul > li > a{padding: 12px;font-size: 16px;line-height: 1;color: #fff !important;}
    .menuNav ul ul{position:relative;border-top: 1px solid #404040;background: #323232;}
    .menuNav ul ul:after{display:block;content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#404040}
    .menuNav ul li li{display:inline-block;position: relative;float: left;width: 50%;}
    .menuNav ul li li a{display: block;padding: 12px;border-bottom: 1px solid #404040;font-size: 14px;}
	.menuNav ul li li a:hover:after, .menuNav ul li li.on a:after{display:block;content:"";position:absolute;top: 5px;right: 12px;width:42px;height: 28px;background: url(../images/common/ico-arrow1.png) center right no-repeat;background-size:70%;}
	.menuNav > ul > li.menu3.on > a:after{display:block;content:"";position:absolute;top:6px;right:12px; width:42px;height: 28px;background: url(../images/common/ico-arrow1.png) center right no-repeat;background-size:85%}
    .menuNav ul li li:nth-child(2n-1) a{border-right: 1px solid #404040;}
    /* 토글 버튼 */
    .menuBtn {position: absolute;top: 14px;right: 15px;width: 46px;height: 45px;background: #1d1d1d;z-index: 999;}
    /* 토글버튼 글자 숨기기 */
    .menuBtn span {display:inline-block;text-indent:-999px;font-size: 0;overflow: hidden;}
    .menuNav {display:none;position: fixed;height: 100%;background: #1e1e1e;z-index: 999;}

    /**/
    .footer{
    margin: 0 1rem;
    padding: 20px 0;
}
    footer .top{
		width: 45px;
		height: 45px;
		background-size: 100%;
	}
}