@charset "utf-8";
/*header.php*/
html	 {height:100%;}
/* body {font-family: NanumSquare; } */

#wrap {/*height:100%;*/ position:relative;}
#header {position:absolute; width:95%; padding:40px 0; background: transparent; left:50%; top:0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); z-index:999;}
#header .head {width:100%; overflow:hidden;}
#header .head a.home {float:left;}
#header .head a.home img {width:67px;}
#header .head a.menu {float:right;}
#header .head a.menu img {width:60px;}
.open_head .head_bg_blk {position:fixed; width:100%; height:100%; background: rgba(0,0,0,0.8); top:0; left:0; z-index:999;}
.open_head {position:absolute; width:100%; height:100%; z-index:999; left:0; top:0;}
.open_head > a {position:absolute; right:60px; top:40px; z-index:9999;}
.open_head > a img {width:60px;}
.open_head .head_cont {width:100%; max-width:1200px; margin:200px auto 0; position:absolute; left:50%; top:0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); z-index:99999;}
.open_head .head_cont ul li a{font-size:130px; line-height: 140px; font-weight: 900; letter-spacing: -0.02em; color:#fff;box-sizing: border-box; transition:all 1s;}
.open_head .head_cont ul li:hover {transition:all 0.7s;}
.open_head .head_cont ul li a span {display:inline-block; width:0px; height:2px; background: transparent; transition:0.5s;}
.open_head .head_cont ul li a.m_in {color:#8c37aa; box-sizing: border-box;}
.open_head .head_cont ul li a span.test { background: #8c37aa;}
.open_head .head_cont ul li a span.one {width:755.16px;  transition:0.5s;}
.open_head .head_cont ul li a span.two {width:584.47px;  transition:0.5s;}
.open_head .head_cont ul li a span.three {width:659.36px;  transition:0.5s;}

@media all and (max-width:1220px){
	#header {padding:40px 0;}

	.open_head > a {right:60px; top:40px; }
	.open_head .head_cont {margin:200px auto 0; max-width:600px; }
	.open_head .head_cont ul li a{font-size:90px; line-height: 110px; }
	.open_head .head_cont ul li a span.one {width:525px;}
	.open_head .head_cont ul li a span.two {width:410px;}
	.open_head .head_cont ul li a span.three {width:455px;}	
}

@media all and (max-width:640px){
	#header {padding:6.25vw 0;}
	#header .head a.home img {width:10.46875vw;}
	#header .head a.menu img {width:9.375vw;}
	.open_head > a {right:3vw; top:7.25vw; }
	.open_head > a img {width:9.375vw;}
	.open_head .head_cont {margin:31.25vw auto 0; max-width:93.75vw; }
	.open_head .head_cont ul li a{font-size:12.5vw; line-height: 15.625vw; padding-left:4.6875vw; display: block;}
	.open_head .head_cont ul li a span.one {width:82.03125vw;}
	.open_head .head_cont ul li a span.two {width:64.0625vw;}
	.open_head .head_cont ul li a span.three {width:71.09375vw;}	
}

/* Global Styles */
/*@import url("//fonts.googleapis.com/css?family=Poiret+One|Josefin+Sans");*/
html,body {height:100%;}

/* Video Overlay */
#overlay {height:100%;left:0;/*position:relative;*/top:0;transition:background-color 300ms ease;width:100%; overflow:hidden}


video {top:0; min-height:100%; min-width:100%; perspective:1000px; position:fixed; z-index:-1; transform: translate(0%, 0%) scale(1.00) !important; background-size: cover}

@media all and (max-width:1920px){
	/*#hero-vid {zoom:0.75 !important;}*/
}
@media all and (max-width:2560px){
	#hero-vid {zoom:1;}
}

/*#overlay iframe {top:0; height:auto; min-height:100%; min-width:100%; perspective:1000px; position:fixed; width:auto; z-index:-1;}*/

/*@media all and (max-width:2000px){
	#hero-vid {width:128vw; min-height: 0; top:0;}
}
@media all and (max-width:1605px){
	#overlay {height:56.9470404984vw;}
}*/
#content {position:relative;z-index:1;}



/*footer*/
#footer {width:100%; position:relative; background: #e9e9e9; padding:40px 0 ; box-sizing: border-box;}
#footer .foot {width:94%; margin-left:3%; margin-right:3%; max-width:1080px; margin:0 auto; overflow:hidden;}
#footer .foot .left {float:left; }
#footer .foot .left p {font-size:14px; font-weight: 300; line-height: 20px; color:#7f888f;}
#footer .foot .right {float:right;}
#footer .foot .right ul {width:100%; overflow:hidden;}
#footer .foot .right ul li {float:left; margin-right:3px;}
#footer .foot .right ul li:last-of-type {margin-right:0;}
#footer .foot .right ul li img {width:24px;}
#footer .foot .right ul li:first-of-type img {width:36px;}

@media all and (max-width:641px){
	#footer {width:100%; position:relative; background: #e9e9e9; padding:40px 0 ; box-sizing: border-box;}
	#footer .foot {width:100%; max-width:640px; margin:0 auto; overflow:hidden;}
	#footer .foot .left {float:none; }
	#footer .foot .left p {font-size:14px; font-weight: 300; line-height: 20px; color:#7f888f; text-align: left; padding-left:3%; padding-right:3%; box-sizing: border-box}
	#footer .foot .right {float:none; width:120px; margin:20px auto;}
	#footer .foot .right ul {width:100%; font-size:0; text-align: center; margin:0; }
	#footer .foot .right ul li {float:left; margin-right:3px;}
	#footer .foot .right ul li:last-of-type {margin-right:0;}	
} 

@media all and (max-width:640px){
	#footer {padding:6.25vw 0 0 0;}
	#footer .foot .left p {font-size:14px; line-height: 1.5; }
	#footer .foot .right { margin:3.125vw auto;}
	#footer .foot .right ul li img {width:24px;}
	#footer .foot .right ul li:first-of-type img {width:36px}

}

/*sub_common*/
.sub_common{
	position:relative;
	left:0; 
	top:0;
	width:100%;
	height:400px;
	/* The image used */
    background-image: url("/img/sub_common.jpg");
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	overflow: hidden;
    
}
.sub_common .fixed_txt {position:absolute; margin:auto; top:80px; bottom:auto; right:auto; box-sizing: border-box; width:100%; opacity:1; color: #ffffff; z-index: 9;}
.sub_common p.tit{font-size:100px; line-height: 120px; letter-spacing: -0.02em; color:#fff; font-weight: 900; text-align: center; margin-bottom:6px; opacity:1; transition:all 0.4s; zoom:1;}
.sub_common p.desc {text-align: center; zoom:1; transition:all 0.4s;}
.sub_common p.desc span.sub_icon {display: inline-block; vertical-align: top; }
.sub_common p.desc span.sub_icon img {margin:5px 2px 0 0; width:13px;}
.sub_common p.desc span.sub_txt {font-size:16px; letter-spacing: -0.01em; color:#fff; font-weight: 300; display: inline-block; vertical-align: top;}

@media all and (max-width:1000px){
	.sub_common{
	    height: 400px; 
	    
	}
	/*.sub_common .fixed_txt {top:130px; width:800px;}*/
	.sub_common p.tit{font-size:100px; line-height: 120px; margin-bottom:6px; }
	.sub_common p.desc span.sub_txt {font-size:16px;}
}
@media all and (max-width:640px){
	.sub_common{
		height: 62.5vw;
	}
	.sub_common .fixed_txt {top:20.3125vw; /*width:125vw;*/}
	.sub_common p.tit{font-size:12.5vw; line-height: 12.5vw; margin-bottom:0.9375vw; }
	.sub_common p.desc span.sub_icon img {margin:0.78125vw 0.3125vw 0 0; width:2.03125vw;}
	.sub_common p.desc span.sub_txt {font-size:2.7vw;}	
}

.mangjjum {background: url("/img/mangjjum02.png") repeat 0 0; width:100%; height:100%; position:absolute;}
.buttonImage {display: inline-block; position: absolute; width: 100%; text-align: center; z-index: 1; top: 67%;}
.buttonImage img{width:80px; height: 80px}