/*-----------------------------------------------------------------------------------

	Theme Name: AQUARIO
	Author: JEIS
	Version: 1.3 (2018.4.24)

	- 1.Basic
	- 2.Color & Background Color & Background Image
	- 3.Basic Layout Styles
	- 4.align & float
	- 5.margin & padding
	- 6.Sections
	- 7.Columns & Grids - 5column
	- 8.img

-----------------------------------------------------------------------------------*/

// Copyright 2014-2017 The Bootstrap Authors
// Copyright 2014-2017 Twitter, Inc.
// Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
  var msViewportStyle = document.createElement('style')
  msViewportStyle.appendChild(
    document.createTextNode(
      '@-ms-viewport{width:auto!important}'
    )
  )
  document.head.appendChild(msViewportStyle)
}

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/* Light 300, Regular 400, Medium 500, Bold 700, Black 900 가능 Thin 250, DemiLight 350 지원안함 */

html, body { height:100%; }

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #666;
  	line-height: 1.5;
    overflow-x: hidden;
}

section {
  position: relative;
  overflow: hidden;
}

/* ----------------------------------------------------------------
	1.Common styles
-----------------------------------------------------------------*/

header, section, nav, article, aside, footer { display: block; }

a {text-decoration:none !important; color:#111;}

a img {border: none;}
img {max-width: 100%;}
iframe { border: none !important;}

dl, dt, dd, ol, ul, li {margin:0; padding:0;}

.clear {clear:both; display:block; font-size:0px; height:0px; line-height:0; width:100%; overflow:hidden;}
.clearfix { overflow: hidden;  clear: both;  float: none; }

::selection {background:#e62335; color:#FFF; text-shadow:none;}
::-moz-selection {background:#e62335; color:#FFF; text-shadow: none;}/* Firefox */
::-webkit-selection {background:#e62335; color:#FFF; text-shadow: none;}/* Safari */

:active,:focus { outline: none !important; }

.hidden { display: none !important; }
.nothidden { display: block !important; }
.inline-block {	float: none !important;	display: inline-block !important; }

.bold {font-weight: bold;}
.upper { text-transform: uppercase; }

small { color: #aaa; }

.stick-fixed{
    position: fixed !important;
    top: 0;
    left: 0;
}

.clearlist, .clearlist li {
    list-style: none;
    padding: 0;
    margin: 0;
    background: none;
}

.full-wrapper {
    margin: 0 2%;
}


/* ----------------------------------------------------------------
	2.Color & Background Color & Background Image
-----------------------------------------------------------------*/

/*===== COLOR =====*/

.color-fff {color:#fff;}
.color-eee {color:#eee;}
.color-ccc {color:#ccc;}
.color-999 {color:#999;}
.color-666 {color:#666;}
.color-333 {color:#333;}
.color-111 {color:#111;}
.color-000 {color:#000;}
.color-orange {color:#ff3300;}
.color-red {color:#e62335;}
.color-green {color:#1ABC9C;}
.color-blue {color:#3498DB;}

/*===== Background COLOR =====*/

.bg-fff {background-color:#fff;}
.bg-f9f9f9 {background-color: #f9f9f9;}
.bg-eee {background-color:#eee;}
.bg-ccc {background-color:#ccc;}
.bg-999 {background-color:#999;}
.bg-666 {background-color:#666;}
.bg-333 {background-color:#333;}
.bg-111 {background-color:#111;}
.bg-000 {background-color:#000;}

/* ----------------------------------------------------------------
	3.Basic Layout Styles
-----------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {color:#444; font-weight:500; line-height:1;}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

pre,ul,ol,dl,dd,blockquote,address,table,fieldset,form {margin-bottom: 0;}

.underline { text-decoration: underline!important;}

/* ----------------------------------------------------------------
	4.align & float
-----------------------------------------------------------------*/

.tright { text-align: right !important; }
.tleft { text-align: left !important; }
.fright { float: right !important; }
.fleft { float: left !important; }
.fnone { float: none !important; }
.center { text-align: center !important; }
.divcenter {
	position: relative !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ----------------------------------------------------------------
	5.margin & padding
-----------------------------------------------------------------*/

/* margin */

.allmargin { margin: 50px !important; }
.leftmargin { margin-left: 50px !important; }
.rightmargin { margin-right: 50px !important; }
.topmargin { margin-top: 50px !important; }
.bottommargin { margin-bottom: 50px !important; }

.allmargin-sm { margin: 30px !important; }
.leftmargin-sm { margin-left: 30px !important; }
.rightmargin-sm { margin-right: 30px !important; }
.topmargin-sm { margin-top: 30px !important; }
.bottommargin-sm { margin-bottom: 30px !important; }

.allmargin-xs { margin: 15px !important; }
.leftmargin-xs { margin-left: 15px !important; }
.rightmargin-xs { margin-right: 15px !important; }
.topmargin-xs { margin-top: 15px !important; }
.bottommargin-xs { margin-bottom: 15px !important; }

.allmargin-lg { margin: 80px !important; }
.leftmargin-lg { margin-left: 80px !important; }
.rightmargin-lg { margin-right: 80px !important; }
.topmargin-lg { margin-top: 80px !important; }
.bottommargin-lg { margin-bottom: 80px !important; }

@media only screen and (max-width: 767px) {
	.allmargin { margin: 30px !important; }
	.leftmargin { margin-left: 30px !important; }
	.rightmargin { margin-right: 30px !important; }
	.topmargin { margin-top: 30px !important; }
	.bottommargin { margin-bottom: 30px !important; }
	.topmargin-m { margin-top: 30px !important; }

	.allmargin-sm { margin: 20px !important; }
	.leftmargin-sm { margin-left: 20px !important; }
	.rightmargin-sm { margin-right: 20px !important; }
	.topmargin-sm { margin-top: 20px !important; }
	.bottommargin-sm { margin-bottom: 20px !important; }
	.topmargin-sm-m { margin-top: 20px !important; }

	.allmargin-xs { margin: 10px !important; }
	.leftmargin-xs { margin-left: 10px !important; }
	.rightmargin-xs { margin-right: 10px !important; }
	.topmargin-xs { margin-top: 10px !important; }
	.bottommargin-xs { margin-bottom: 10px !important; }

  .allmargin-lg { margin: 50px !important; }
  .leftmargin-lg { margin-left: 50px !important; }
  .rightmargin-lg { margin-right: 50px !important; }
  .topmargin-lg { margin-top: 50px !important; }
  .bottommargin-lg { margin-bottom: 50px !important; }
}

.nomargin {margin: 0 !important; }
.noleftmargin { margin-left: 0 !important; }
.norightmargin { margin-right: 0 !important; }
.notopmargin { margin-top: 0 !important; }
.nobottommargin { margin-bottom: 0 !important; }

/* padding */

.allpadding { padding: 50px !important; }
.leftpadding { padding-left: 50px !important; }
.rightpadding { padding-right: 50px !important; }
.toppadding { padding-top: 50px !important; }
.bottompadding { padding-bottom: 50px !important; }

.allpadding-sm { padding: 30px !important; }
.leftpadding-sm { padding-left: 30px !important; }
.rightpadding-sm { padding-right: 30px !important; }
.toppadding-sm { padding-top: 30px !important; }
.bottompadding-sm { padding-bottom: 30px !important; }

.allpadding-xs { padding: 15px !important; }
.leftpadding-xs { padding-left: 15px !important; }
.rightpadding-xs { padding-right: 15px !important; }
.toppadding-xs { padding-top: 15px !important; }
.bottompadding-xs { padding-bottom: 15px !important; }

.allpadding-lg { padding: 80px !important; }
.leftpadding-lg { padding-left: 80px !important; }
.rightpadding-lg { padding-right: 80px !important; }
.toppadding-lg { padding-top: 80px !important; }
.bottompadding-lg { padding-bottom: 80px !important; }

@media only screen and (max-width: 767px) {
	.allpadding { padding: 30px !important; }
	.leftpadding { padding-left: 30px !important; }
	.rightpadding { padding-right: 30px !important; }
	.toppadding { padding-top: 30px !important; }
	.bottompadding { padding-bottom: 30px !important; }
	.toppadding-m { padding-top: 30px !important; }

	.allpadding-sm { padding: 20px !important; }
	.leftpadding-sm { padding-left: 20px !important; }
	.rightpadding-sm { padding-right: 20px !important; }
	.toppadding-sm { padding-top: 20px !important; }
	.bottompadding-sm { padding-bottom: 20px !important; }
	.toppadding-sm-m { padding-top: 20px !important; }

	.allpadding-xs { padding: 10px !important; }
	.leftpadding-xs { padding-left: 10px !important; }
	.rightpadding-xs { padding-right: 10px !important; }
	.toppadding-xs { padding-top: 10px !important; }
	.bottompadding-xs { padding-bottom: 10px !important; }

  .allpadding-lg { padding: 50px !important; }
  .leftpadding-lg { padding-left: 50px !important; }
  .rightpadding-lg { padding-right: 50px !important; }
  .toppadding-lg { padding-top: 50px !important; }
  .bottompadding-lg { padding-bottom: 50px !important; }
}

.nopadding { padding: 0 !important; }
.noleftpadding { padding-left: 0 !important; }
.norightpadding { padding-right: 0 !important; }
.notoppadding { padding-top: 0 !important; }
.nobottompadding { padding-bottom: 0 !important; }

@media only screen and (max-width: 767px) {
  .xsmargin { margin-top: 15px; }
}

/* ----------------------------------------------------------------
	7.img
-----------------------------------------------------------------*/

.img-100 { width:100%; max-width:100px;}
.img-150 { width:100%; max-width:150px;}
.img-200 { width:100%; max-width:200px;}
.img-390 { width:100%; max-width:390px;}
.img-750 { width:100%; max-width:750px;}
.img-1170 { width:100%; max-width:1170px;}

/* ----------------------------------------------------------------
	8. Samll Row
-----------------------------------------------------------------*/

.rowSmall { margin-right: -5px; margin-left: -5px; }
.rowSmall > .col-xs-1, .rowSmall > .col-xs-2, .rowSmall > .col-xs-3, .rowSmall > .col-xs-4, .rowSmall > .col-xs-5, .rowSmall > .col-xs-6, .rowSmall > .col-xs-7, .rowSmall > .col-xs-8, .rowSmall > .col-xs-9, .rowSmall > .col-xs-10, .rowSmall > .col-xs-11 { padding-right: 5px; padding-left: 5px; }
.rowSmall > .col-sm-1, .rowSmall > .col-sm-2, .rowSmall > .col-sm-3, .rowSmall > .col-sm-4, .rowSmall > .col-sm-5, .rowSmall > .col-sm-6, .rowSmall > .col-sm-7, .rowSmall > .col-sm-8, .rowSmall > .col-sm-9, .rowSmall > .col-sm-10, .rowSmall > .col-sm-11 { padding-right: 5px; padding-left: 5px; }
.rowSmall > .col-md-1, .rowSmall > .col-md-2, .rowSmall > .col-md-3, .rowSmall > .col-md-4, .rowSmall > .col-md-5, .rowSmall > .col-md-6, .rowSmall > .col-md-7, .rowSmall > .col-md-8, .rowSmall > .col-md-9, .rowSmall > .col-md-10, .rowSmall > .col-md-11 { padding-right: 5px; padding-left: 5px; }
.rowSmall > .col-lg-1, .rowSmall > .col-lg-2, .rowSmall > .col-lg-3, .rowSmall > .col-lg-4, .rowSmall > .col-lg-5, .rowSmall > .col-lg-6, .rowSmall > .col-lg-7, .rowSmall > .col-lg-8, .rowSmall > .col-lg-9, .rowSmall > .col-lg-10, .rowSmall > .col-lg-11 { padding-right: 5px; padding-left: 5px; }


/* ----------------------------------------------------------------
	4. Sections
-----------------------------------------------------------------*/

section {
    position: relative;
    overflow: hidden;
}

/*
.section {
	position: relative;
	margin: 60px 0;
	padding: 60px 0;
	overflow: hidden;
}*/

.section .container { z-index: 2; }
.container2000 { max-width: 2000px; margin-left: auto; margin-right: auto;}
.fullscreen { height: 100vh; }

/* ----------------------------------------------------------------
	7.parallax
-----------------------------------------------------------------*/

.parallax-css {
	background-color: transparent;
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* parallax */

.image-bg .container {
  position: relative;
  z-index: 3;
}

.background-image-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #fff;
  background-size: cover !important;
  background-position: 50% 50% !important;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  opacity: 0;
}

.background-image-holder.fadeIn {
  opacity: 1;
}

.parallax > .background-image-holder {
  height: 100vh;
  transition: all 0s ease !important;
  transition: opacity 0.3s ease !important;
  -webkit-transform-style: preserve-3d;
}