@charset "utf-8";
/* CSS Document */
* {-webkit-text-size-adjust:none;}
a:link {text-decoration: none; color: #ffffff;}
a:visited {text-decoration: none; color: #ffffff;}
a:active {text-decoration: none; color: #ffffff;}
a:hover {text-decoration: none; color: #e3c294;}

a:link.type1{ text-decoration: none; color: #e2c293;}
a:visited.type1{ text-decoration: none; color: #e2c293;}
a:active.type1{ text-decoration: none; color: #e2c293;}
a:hover.type1{ text-decoration: none; color: #ffffff;}

a:link.type2{ text-decoration: none; color: #ffffff; }
a:visited.type2{ text-decoration: none; color: #ffffff;}
a:active.type2{ text-decoration: none; color: #ffffff;}
a:hover.type2{ text-decoration: none; color: #e2c293;}

a:link.type3{ text-decoration: none; color: #a8a9ac; }
a:visited.type3{ text-decoration: none; color: #a8a9ac;}
a:active.type3{ text-decoration: none; color: #a8a9ac;}
a:hover.type3{ text-decoration: none; color: #e2c293;}


img {border:0px;}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
#wrap {
   	width: 100%;
	background-image:url('/image/top_back.jpg');
	text-align: center;
}
#wrap1 {
   	width: 100%;
	text-align: center;
	border-bottom:1px solid #4d535a;
}
#wrap2 {
    width: 100%;
	border-top:1px solid #434a51;	
}
#wrap3{
    width: 100%;
}

.header {
	margin:0 auto;
	width:1060px;
	height:170px;
	background-image:url('/image/top_back.jpg');
	border-bottom:1px solid #0d1012;
	}
.header1 {
	margin:0 auto;
	width:1060px;
	height: 60px;
	font-size:15px;
	text-align:center;
}
.header2 {
	margin:0 auto;
	width:1920px;
	height: 810px;
}

.content {
	margin:0 auto;
	width:1060px;
	height:1070px;
    text-align: center;

}

.footer {
	margin:0 auto;
	width:1060px;
	height:66px;
	padding-top:20px;
	text-align: center;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 13px;
	font-family: 'nanumgothic';
	background-color: #2e353d;
	color: #dfbe91;
}
ul.menu {
    display: table;
    table-layout: fixed;
	padding: 0px;
    width: 1060px;
    height : 25px;    
}
 
ul.menu > li {
    display:inline;
    text-align: center;
	padding:0 13px;    
}
@font-face {
  font-family: 'HelveticaNeueLTPro-UltLt';
  src: url('/font/HelveticaNeueLTPro-UltLt.eot?#iefix') format('embedded-opentype'),  url('/font/HelveticaNeueLTPro-UltLt.otf')  format('opentype'),
	     url('/font/HelveticaNeueLTPro-UltLt.woff') format('woff'), url('/font/HelveticaNeueLTPro-UltLt.ttf')  format('truetype'), url('/font/HelveticaNeueLTPro-UltLt.svg#HelveticaNeueLTPro-UltLt') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('/font/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  url('/font/MyriadPro-Regular.otf')  format('opentype'),
	     url('/font/MyriadPro-Regular.woff') format('woff'), url('/font/MyriadPro-Regular.ttf')  format('truetype'), url('/font/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TrajanPro-Regular';
  src: url('/font/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),  url('/font/TrajanPro-Regular.otf')  format('opentype'),
	     url('/font/TrajanPro-Regular.woff') format('woff'), url('/font/TrajanPro-Regular.ttf')  format('truetype'), url('/font/TrajanPro-Regular.svg#TrajanPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* pinyon-script-regular - latin */
@font-face {
  font-family: 'Pinyon Script';
  font-style: normal;
  font-weight: 400;
  src: url('/font/pinyon-script-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('/font/Pinyon Script'), local('PinyonScript'),
       url('/font/pinyon-script-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/font/pinyon-script-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/font/pinyon-script-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/font/pinyon-script-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/font/pinyon-script-v7-latin-regular.svg#PinyonScript') format('svg'); /* Legacy iOS */
}
	.wrapper {
  width: 100%;
  /* whatever width you want */
  display: inline-block;
  position: relative;
}
.wrapper:after {
  padding-top: 67%;
  /* 16:9 ratio */
  display: block;
  content: '';
}
div.inner {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    width:940px; height:110px;
	font-family: 'HelveticaNeueLTPro-UltLt';
    }
/* 버튼효과 - Bounce To Top */
.button-basic {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  border:1px solid #1c1d1f;
  background: #272c31;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.button-basic:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e2c293;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.button-basic:hover, .button-basic:focus, .button-basic:active {
  color: black;
}
.button-basic:hover:before, 
.button-basic:focus:before, 
.button-basic:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
	.wrapper {
  width: 100%;
  /* whatever width you want */
  display: inline-block;
  position: relative;
}
.wrapper:after {
  padding-top: 42.2%;
  /* 16:9 ratio */
  display: block;
  content: '';
}