@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{text-decoration:none;}
table {border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal; font-style: normal;}
strong{font-weight: bold;}
ol,ul {list-style: none; margin:0; padding:0;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%; margin:0; padding:0; color:#444;}
q:before,q:after {content:'';}
abbr,acronym { border: 0;}

body{font-family:'Nanum Gothic', 'Malgun Gothic', 'Open Sans', sans-serif; color: #333; overflow: hidden !important;}
/*  */

img {max-width: 100%; height: auto; line-height: 0;}

#footer{position:fixed; bottom:0px; display:block; width:100%; height:auto; background:#080e14; z-index:9; text-align:center; color:#f2f2f2; padding: 20px 0;  font-size: 14px;}

.wrap{margin-left: auto; margin-right: auto; width: 960px; position: relative;}
.section{text-align:center; position: relative;}
.fp-tableCell {overflow: hidden;}

.container-fluid {max-width:1100px;}

.navbar {background-color:#080e14; padding-top: .5rem; padding-bottom: .5rem;}

.navbar-nav a {font-weight:300; color:#fff !important; font-size: 13px;}
.navbar-nav a:hover {color:#f3ca2f !important;}

.fullpage-wrapper {background-color: rgba(7,8,9,1);}
.bg {width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat;}
.overlay {
	position:absolute; width:100%; min-height:100%; top: 0; z-index: 0;
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(6,7,9,0.65) 69%, rgba(7,8,10,0.74) 77%, rgba(7,8,10,1) 100%); 
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(6,7,9,0.65) 69%,rgba(7,8,10,0.74) 77%,rgba(7,8,10,1) 100%); 
	background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(6,7,9,0.65) 69%,rgba(7,8,10,0.74) 77%,rgba(7,8,10,1) 100%); 
}
		
.text-box {display:inline-block; width:60%; vertical-align: middle;}
.text-box h1 {font-size:4.4em; color:#f3ca2f; margin-bottom:1.2em; font-weight:900;}
.text-box h1 span {display: inline-block;}

.text-box h2 {color:#f3ca2f; text-align:center; font-size:2.6em; font-weight:bold; line-height:1.2em; margin-bottom:.6em;}
.text-box p {color:#fff; text-align:left; font-size:1.4em; font-weight:400; line-height:1.9em; margin-bottom:1.2em;}

.text-box .info_box p {font-size:1.4em; font-weight:600; color:#fff; line-height:1.3em; margin-bottom:.6em; }
.text-box .info_box p span {color:#f3ca2f; font-weight:300; display: inline-block; padding-right: 10px;}

.text-box .quoted_box {position: relative; width: 540px; margin-left:30px; margin-bottom:1.2em; color:#f3ca2f;}
.text-box .quoted_box::before {content: "“"; font-size:3em; font-weight:600; position: absolute; left:-30px; top:-14px;}
.text-box .quoted_box::after {content: "”"; font-size:3em; font-weight:600; position: absolute;  right:0px; bottom:-36px;}
.text-box .quoted_box p {font-size:1.4em; font-weight:600; line-height:1.3em; margin-bottom:.4em; color:#f3ca2f;}
/*	*/

.set1 .text-box {width:790px;}
.set2 .text-box {width:640px; margin:0 0 0 26%;}			
.set3 .text-box {width:880px;}

.set4 .text-box {width:920px;}
.set5 .text-box {width:700px; margin:0 4% 0 26%;}
.set6 .text-box {width:880px;}
.set7 .text-box {width:800px; margin: 0 15% 0 1%;}
.set8 .text-box {width:620px; margin:0 4% 0 26%;}
.set9 .text-box {width:940px;}
.set10 .text-box {width:620px; margin:0 4% 0 26%;}

.set11 .text-box {width:920px;}
.set12 .text-box {width:880px;}
.set13 .text-box {width:720px; margin:0 4% 0 26%;}
.set14 .text-box {width:880px;}
.set15 .text-box {width:690px; margin: 0 15% 0 1%;}

.set16 .text-box {width:920px;}
.set17 .text-box {width:720px; margin: 0 26% 0 1%;}
.set18 .text-box {width:910px;}
.set19 .text-box {width:780px; margin: 0 20% 0 1%;}

.set20 .text-box {width:920px; margin-bottom:24%;}
.set21 .text-box {width:700px; margin: 0 26% 20% 1%;}
.set22 .text-box {width:880px; margin-bottom:22%;}
.set23 .text-box {width:690px; margin:0 4% 0 26%;}

.mobile {display: none;}

.preloader {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; 
	background-image: url('../img/ring.gif'); background-repeat: no-repeat;  background-color:#080e14; background-position: center;
}

/*--------------------------  마우스 애니 설정  ------------------------------------*/
.scroller {
	position:absolute; bottom:10em; left:50%; width:40px; height:65px; border:4px solid #fff; border-radius: 30px; 
	 -webkit-transform:translate3d(-50%, 0, 0); transform:translate3d(-50%, 0, 0);
}
.scroller::after {
	position: absolute; top: 12px; left: 50%; width: 14px; height: 14px; border-radius: 50%; background-color: #fff; content: ""; 
	-webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); 
	-webkit-animation: 1200ms ease 0ms forwards infinite scroll; animation: 1200ms ease 0ms forwards infinite scroll; 
}
.scroller small {position: absolute; width: 174px; left: -64px; top: -34px; color: #fff;}
@-webkit-keyframes scroll {
  from {-webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
  to {-webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 10px, 0); opacity: 0;}
}

@keyframes scroll {
  from {-webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
  to {-webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 10px, 0); opacity: 0;}
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {background: #fff;}
#fp-nav ul li .active span, .fp-slidesNav ul li .active span {background: #f3ca2f;}

/* 반응형 세팅 */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	 
}

@media (max-width: 991px) {
	.text-box {margin:0px !important; width:86% !important; padding:24rem 0 3rem;}
	.container-fluid {max-width:1024px;}
}

@media (min-width: 767px) {
	.navbar-nav {float: right; margin: 0;}
	
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
	.navbar-nav a {padding:15px 18px 0 0 !important; font-size: 11px; letter-spacing: -1px;}
}

@media (max-width: 767px) {
	.navbar-header img { padding: 5px 10px;}
	.navbar-nav a { text-align: center; padding:.4rem 0;}
	.navbar-toggle {margin-top: 12px;}
	#footer {font-size:9px;}	
	#fp-nav {display: none !important;}
	
	.web {display: none;}
	.mobile {display:inline-block;}
	
	.bg {background-position:30% 0%;}
	.set3 {background-position:center;}
	.set5 {background-position:25% 0%;}
	.set6 {background-position:5% 0%;}	
	.set7 {background-position:84% 0%;}
	.set8 {background-position:50% 0%;}
	.set9 {background-position:55% 0%;}
	.set10 {background-position:36% 0%;}
	.set14 {background-position:60% 0%;}
	.set15 {background-position:36% 0%;}
	.set16 {background-position:42% 0%;}
	.set17 {background-position:24% 0%;}
	.set18 {background-position:27% 0%;}
	.set19 {background-position:42% 0%;}
	.set20 {background-position:48% 0%;}
	.set21 {background-position:70% 0%;}
	.set22 {background-position:63% 0%;}
	
	.nav-item:first-child { margin-top: 20px; border-top: 1px solid #595959;}
	.navbar .nav-link { text-align: center;}	
	
	.text-box {margin:0px !important; width:86% !important; padding:30rem 0 20rem;}
	.text-box h1 {font-size:2em; letter-spacing: -1px;}
	.text-box h2 {font-size:1.7em;}
	.text-box p {font-size:1.2em; line-height:1.6em; margin-bottom:.8em; font-weight:300;}	
	.text-box .info_box p {font-size:1.2em; line-height:1.6em; margin-bottom:0; font-weight: 300;}
	
	.text-box .quoted_box {position: relative; width:80% !important; margin:0 auto; padding-bottom:3rem;}	
	.text-box .quoted_box::before {content: "“"; font-size:1.5em; font-weight:600; position: absolute; left:-30px;}
	.text-box .quoted_box::after {content: "”"; font-size:1.5em; font-weight:600; position: absolute; right:-30px; bottom:10px;}
	.text-box .quoted_box p {font-size:1.2em; font-weight:600;}
	
	.set1 .text-box {padding:0rem 0 12rem;}
    .set2 .text-box {padding:30rem 0 10rem;}
	.set3 .text-box {padding:0 0 8rem;}
	.set3 .scroller {left: 45%;}    
    .set9 .text-box {padding:24rem 0 10rem;}
    .set10 .text-box {padding:35rem 0 8rem;} 
	.set11 .text-box {padding:6rem 0 8rem;}
    .set12 .text-box {padding:26rem 0 20rem;}
    .set13 .text-box {padding:24rem 0 10rem;}
    .set14 .text-box {padding:24rem 0 10rem;}
    .set15 .text-box {padding:24rem 0 10rem;}
	.set16 .text-box {padding:6rem 0 8rem;}
    .set17 .text-box {padding:36rem 0 10rem;}
    .set18 .text-box {padding:33rem 0 10rem;}
    .set19 .text-box {padding:24rem 0 10rem;}
	.set20 .text-box {padding:6rem 0 8rem;}
	.set21 .text-box {padding:0rem 0 28rem;}
	.set22 .text-box {padding:0 0 26rem;}
    .set23 .text-box {padding:30rem 0 10rem;}
    
    .scroller {bottom:7em;}
}