@charset "utf-8";

/* Reset */
* { margin:0; padding:0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,p,iframe { margin:0; padding:0; font-size:inherit; word-break:keep-all; word-break:break-word; }
table { font-size:inherit; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
th, td { word-wrap:break-word; word-break:break-all; }
fieldset, iframe { border:0; vertical-align:top; }
img { border:0; font-size:0; vertical-align:top; }
address{ font-style:normal; font-weight:normal; }
li, dd { list-style:none; word-break:keep-all; word-break:break-word; }
caption { overflow:hidden;width:100%;height:1px;font-size:0;line-height:0;text-indent:-9999px; margin-top:-1px; } /* 2013-08-16 ¼öÁ¤ */
legend { display:block; position:absolute; left:-9999px; text-indent:9999px; width:0; height:0; overflow:hidden; font-size:0; line-height:0; white-space:nowrap; color:#333; }
em { font-style:normal; font-size:100%; }
strong { font-size:100%; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; line-height:1.2em; font-size:100%; }
a, a code { color:#333; text-decoration:none; outline:none;  -webkit-tap-highlight-color: transparent;}
a:active, a:active code { text-decoration:none; outline: none;  -webkit-tap-highlight-color: transparent;}
a:hover, a:hover code, a:focus, a:focus code {  text-decoration:none; outline: none;  -webkit-tap-highlight-color: transparent; }
select { padding:1px 1px 1px 0; height:23px; *height:auto; font-size:1em; color:#333; line-height:23px; vertical-align:middle; }
input { display:inline-block; margin:0; padding:0 3px; font-size:inherit; color:#333; vertical-align:middle; -webkit-border-radius:0; height:22px; line-height:22px; -webkit-appearance:none; appearance:none; }
input[type="text"], input[type="password"]{ border:1px solid #dfdfdf; border-left-color:#bcbcbc; border-top-color:#bcbcbc; -webkit-appearance:none; appearance:none; }
input[type="password"] { padding-top:0px; }
input[type="checkbox"] { width:13px; height:13px; vertical-align:-2px; *margin-right:-3px;}
input:checked[type="checkbox"]{ background-color:#fff; -webkit-appearance:checkbox; }
input[readOnly="readOnly"],input.readOnly,input[readOnly] { background-color:#e2e2e2 !important; }
textarea { -webkit-appearance:none; appearance:none; }
input:focus, textarea:focus { outline: none;  -webkit-tap-highlight-color: transparent; }

@font-face{
font-family:Futura1;
src:url('../font/NanumSquareR.eot'); 
src:url('../font/NanumSquareR.eot?#iefix') format('embedded-opentype'), 
	url('../font/NanumSquareR.woff') format('woff'), 
	url('../font/NanumSquareR.ttf') format('truetype'); 
	url('../font/NanumSquareR.svg#NanumGothic') format('svg') 
	src:local(※), url('../font/NanumSquareR.woff') format('woff');
}

@font-face{
font-family:Futura2;
src:url('../font/MyriadPro-Regular.eot'); 
src:url('../font/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), 
	url('../font/MyriadPro-Regular.woff') format('woff'), 
	url('../font/MyriadPro-Regular.ttf') format('truetype'); 
	url('../font/MyriadPro-Regular.svg#NanumGothic') format('svg') 
	src:local(※), url('../font/MyriadPro-Regular.woff') format('woff');
}

@font-face{
font-family:Futura3;
src:url('../font/MyriadPro-Bold.eot'); 
src:url('../font/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'), 
	url('../font/MyriadPro-Bold.woff') format('woff'), 
	url('../font/MyriadPro-Bold.ttf') format('truetype'); 
	url('../font/MyriadPro-Bold.svg#NanumGothic') format('svg') 
	src:local(※), url('../font/MyriadPro-Bold.woff') format('woff');
}

@font-face{
font-family:Futura4;
src:url('../font/Mont-ExtraLight-DEMO.eot'); 
src:url('../font/Mont-ExtraLight-DEMO.eot?#iefix') format('embedded-opentype'), 
	url('../font/Mont-ExtraLight-DEMO.woff') format('woff'), 
	url('../font/Mont-ExtraLight-DEMO.ttf') format('truetype'); 
	url('../font/Mont-ExtraLight-DEMO.svg#NanumGothic') format('svg') 
	src:local(※), url('../font/Mont-ExtraLight-DEMO.woff') format('woff');
}

@font-face{
font-family:Futura5;
src:url('../font/Mont-Heavy-DEMO.eot'); 
src:url('../font/Mont-Heavy-DEMO.eot?#iefix') format('embedded-opentype'), 
	url('../font/Mont-Heavy-DEMO.woff') format('woff'), 
	url('../font/Mont-Heavy-DEMO.ttf') format('truetype'); 
	url('../font/Mont-Heavy-DEMO.svg#NanumGothic') format('svg') 
	src:local(※), url('../font/Mont-Heavy-DEMO.woff') format('woff');
}

body {
	-webkit-text-size-adjust: 100%;	
	font-family: Myriad Pro;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

* {
      box-sizing: border-box;
    }

.aos-item {
  display: block;
  /* float: left;
  width: 33.3333%;
  height: 300px;
  padding: 20px;   */
}

.aos-item__inner {
  position: relative;
  width: 100%;
  height: 100%;
  /* float: left;
   background: #1da4e2;
  line-height: 260px;
  text-align: center;
  color: #fff; */
}

.none { display:none !important; }
.inblock { display:block; }
.fL { float: left; }
.fR { float: right; }

/*header*/
.web { display:block; position:fixed; top:0; left:0; width:100%; z-index:99; /*box-shadow: 0 5px 10px rgba(0,0,0,0.3);*/ }
.mobile { display:none; }
.gnb { width:100%; margin:0 auto; line-height:87px; padding:30px 0; }
.gnb:after { content:""; display:block; clear:both; }
.gnb ul { margin:0 0 0 10%; width:60%; }
.gnb ul li { float:left; width:16%; text-align:left; }
.gnb ul li a { color:#fff; font-size:20px; line-height:26px; font-family:Futura2; font-weight: 100; text-shadow:0 3px 3px rgba(0,0,0,0.3); }
.gnb ul li a:hover { color:#e94d16; }
.gnb ul li a img { vertical-align: middle; }

.anchorBox {	
	position: absolute;
	z-index: 3;
	width: 100px;
	left: 50%;
	bottom: -15px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.anchorBox a {
	display:block;
	color:#fff; 
	text-align:center;
	font-size:14px;
	line-height:20px;
}

.anchorBox a img {
	display:block;
	margin:0 auto 10px;
	width: 35px;
}


@media (max-width: 1320px) {
	.gnb h1 { margin-left:30px; }
	/*.gnb {  width:100%; border:solid 1px red;  }*/
	.gnb ul { width:55%; }
}

@media (max-width: 480px) {
	.anchorBox a { font-size:12px; line-height:20px; }
	.anchorBox a img { margin:0 auto 10px;	width: 25px; margin:0 auto 5px; }
	
}