/* nav */
.promo-header {position: fixed; left: 0; top: 0; width: 100%; z-index: 2}
.promo-header h1 {float: left;}
.promo-header h1 a{float: left;}
.promo-header ul {float: right; padding-right: 13px; }
.promo-header ul li {display: inline; }
.promo-header ul li a {display: inline-block; padding: 25px 15px; color: rgba(255,255,255,0.);font-size: 18px;}
.promo-header ul li a.active {color: #333;}

.promo-header .mNav {display: none; position: absolute; top: 7px; right: 10px; width: 65px; height: 45px; cursor: pointer;/*background-color: rgba(255,255,255,0.3);*/}

/* icon-menu */
.icon-wrap {padding-left: 10px;}
.icon-wrap .icon, 
.icon-wrap .icon:before, 
.icon-wrap .icon:after {width: 35px; height: 4px; background: #000000;}
.icon-wrap .icon {position: relative; margin-top:20px;}
.icon-wrap .icon:before {content:'';position: absolute; left: 0; bottom: 10px; }
.icon-wrap .icon:after {content:''; position: absolute; left: 0; top: 10px;}




/*0~1024*/
@media (max-width:1024px){
	.wrap {width: 100%;}
}

/*0~960*/
@media (max-width:960px){
	#promotion1001 .promo-gnb {display: none;}
	.promo-header .mNav {display: block;}

	.promo-header h1 {width: 100%;padding:10px 0 10px 0;}
    #promotion1001 .promo-gnb {width: 100%; float: none; text-align: center; position: fixed; top: 60px;}
	#promotion1001 .promo-gnb a {width: 100%; display: inline-block; padding: 12px 0;height: 40px; vertical-align: middle; background-color: rgba(122,122,122,0.8);}
	#promotion1001 .promo-gnb a.active {color: #fff;}
	
	.wrap {width: 100%;background-size: cover;}
}


/*0~900*/
@media (max-width:900px){
	.wrap h2 {font-size: 50px;}
}

/*0~650*/
@media (max-width:650px){
	.wrap h2 {font-size: 40px;}
	.wrap h3 {font-size: 16px;}
}

/*0~550*/
@media (max-width:550px){
	.wrap h2 {font-size: 35px;}
}