@charset "utf-8";

html,body{width:100%; height:100%;}
article{width:100%;}
.inner,
.sub_inner{position:relative; max-width:1200px; margin:0 auto;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}

/*header*/
header{background:#fff; width:100%; border-bottom:1px solid #999; position:fixed; z-index:99999999; height:90px;
   transition:all 0.45s ease-in;
  -webkit-transition:all 0.45s ease-in;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
/*header h1 img{transition:all 0.4s;}*/
header h1 img{transition:all 0.4s; /* padding:20px; */}
header.active{height:70px;}
header.active .nav .inner h1{position:relative; top:0px;}
header.active .nav .inner h1 img{
   transition:all 0.4s;
   transform:scale(0.8,0.8);
}
header.active .nav{height:70px; line-height:70px;}
header.active .nav-list{/* top:0px */ transition:all 0.4s; margin-top:-7px;}
header.active .nav-list > li > ul{/* padding-top:30px; */ margin-top:-13px;}
header.active #smenu_bar{top:70px;}
/*header {padding:0px !important;}
header{background:rgba(0,0,0,0.7); width:100%; border-bottom:1px solid #999; position:fixed !important; z-index:999; height:90px;
   transition:all 0.45s ease-in;
  -webkit-transition:all 0.45s ease-in;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
header .logo{position:relative; top:0px; border:1px solid red;}
header .logo img{transition:all 0.4s;}
#mobile_gnb{display:none;}*/

/*top_section*/
/* .top_section{position:absolute; right:0; top:5px}
.top_section ul{height:auto; line-height:18px; font-size:0}
.top_section li{display:inline-block;}
.top_section li a{display:block; font-size:14px; color:#000; padding-right:15px;} */



/*툴팁 및 기타*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

#fp-nav ul li a span{background:#0099ff}
#fp-nav ul li a.active span{background:#ff5252;}
#fp-nav ul li .fp-tooltip.fp-right{
	color:#ccc;
	font-size:20px;
}
.fp-controlArrow.fp-prev{
	background:url(../img/controls.png) no-repeat 0 0; 
	border:0;
	width:32px;
	height:30px;
}

/*section : 공통*/
.section{background-size: cover;}
h2.title{font-size:30px; line-height:145%; font-weight:400}
h2.title > p{font-size:19px; font-weight:300;}

/*menu*/
#menu{text-align:center;}
#menu li{display:inline-block;}
#actions{
	position:fixed;
	top: 73px;
	left: 30px;
	z-index: 99999;
}
#actions a{
	background: rgba(0,0,0,0.8);
	padding: 7px;
	margin: 2px;
	color: #ccc;
	display: inline-block;
}
#actions a:hover{
	color: #fff;
	background: #81A140;
}
/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/

video {width:100%;}

/*---- 비쥬얼에서 사용할 새창 링크영역----*/
.visual_tt {
    position: absolute;
    z-index: 10;
    top: 65%;
    left: 0;
	right: 0;
	font-size:17px;
	text-shadow: 3px 3px 0 gray, -1px -1px 0 gray, 1px -1px 0 gray, -1px 1px 0 gray, 1px 1px 0 gray;
}
.visual_tt a {
    margin: 0 auto;
    clear: both;
    color: #fff;
	border: 3px solid rgba(255,255,255,0.5);
	box-shadow: 2px 2px 2px 2px gray;
    border-radius: 3px;
    text-align: center;
    width: 190px;
    padding: 12px;
	display: block;
	
}
/*---- 비쥬얼에서 사용할 새창 링크영역----*/

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/