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

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

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: #000000;}

a:link.type3{ text-decoration: none; color: #000000; }
a:visited.type3{ text-decoration: none; color: #000000;}
a:active.type3{ text-decoration: none; color: #000000;}
a:hover.type3{ text-decoration: none; color: #18ce12;}

a:link.type4{ text-decoration: none; color: #000000; }
a:visited.type4{ text-decoration: none; color: #000000;}
a:active.type4{ text-decoration: none; color: #000000;}
a:hover.type4{ text-decoration: none; color: #bc7bff;}

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%;
  height:776px;
  background-image:url(image/main_back.gif);
  background-repeat: no-repeat;
  background-position: top center;
}

#header {
	width: 100%;
	height:100px;
	border-bottom:1px solid #ccd0d4;
}
#content1 {
  width: 100%;
  height:800px;
  background-color: #d9ffe5;
}
#footer {
	width:100%;
	height:150px;

}

ul.menu3 {
    display: table;
    table-layout: fixed;
	padding: 0px;
    width: 910px;
    height : 40px;    
}
 
ul.menu3 > li {
    display:inline;
	padding:0 18px;    
}

@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: 35%;
  /* 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 #b7b7b7;
  background: #f1f1f3;
  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: #0096d9;
  -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);
}