nav/*!
 * Freelancer v1.0.6 (http://startbootstrap.com/template-overviews/freelancer)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
 /*Google Font(s)*/
@import  "https://fonts.googleapis.com/css?family=Montserrat:400,300,700,900";
@import  "https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800";
@import  "https://fonts.googleapis.com/css?family=Lora:400italic";
@import  "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900";
@import  "https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css";

body {
  overflow-x: hidden;
}
div,p,span,li,table,th,td{font-family: 'Noto Sans','NanumSquare', Helvetica, Arial, sans-serif;}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Noto Sans','NanumSquare', Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin:0;
}
a{color:#fff;text-decoration: none;background-color: transparent;}
a:link,a:visited{text-decoration:none; color:#fff;}
a:hover,a:active,a:focus{text-decoration:none; color:#fff;}
ul,ol{list-style:none; padding:0;}
.navbar-default{background-color:transparent;}
/*.navbar-default .navbar-nav{float:none; text-align:center; padding-right:170px;}*/
.navbar-default .navbar-nav{float:none; text-align:right; padding-right:0px;}
.navbar-default .navbar-nav>li{display:inline-block !important;;  float:none;}
.navbar-default .navbar-nav>li>a.active {
  color: #ffffff;
  background-color: #1a242f;
}

@media screen and (max-width: 1200px) {
	.navbar-default .navbar-nav{float:right; text-align:center; padding-right:0;}
	.navbar-default .navbar-nav>li{display:block !important;;  float:left;}
}

/* 상단 sns*/
.top_sns{position:absolute; top:30px; left:50%; margin-left:530px;}
.top_sns li{float:left; margin-left:10px;}
.top_sns li .sns_off{display:block;}
.top_sns li .sns_on{display:none;}

.navbar.sub-navbar .top_sns li .sns_off{display:none;}
.navbar.sub-navbar .top_sns li .sns_on{display:block;}
.navbar.move-navbar .top_sns li .sns_off{display:none;}
.navbar.move-navbar .top_sns li .sns_on{display:block;}

@media screen and (max-width: 1400px) {
	.top_sns{position:absolute; top:30px; left:auto; right:20px; margin-left:0;}
}

@media screen and (max-width: 1200px) {
	.top_sns{display:none;}
}


@media (min-width: 768px) {
  .navbar-fixed-top {
    padding: 20px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
  }
  .navbar-fixed-top .navbar-brand {
    font-size: 30px;
	line-height:30px;
	letter-spacing:-1px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	color:#fff;
  }
	.navbar-fixed-top .navbar-brand:hover {color:#fff;}
	.navbar-fixed-top .navbar-brand:focus {color:#fff;}
	.navbar-fixed-top.navbar-shrink {
		padding: 10px 0;
		background:rgba(255,255,255,0.9);
	}
  .navbar-fixed-top.navbar-shrink .navbar-brand img{
  padding-top:10px;
   width:200px;
  }
}
.navbar {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  margin-bottom:0;
  min-height:auto;
}
.navbar a:focus {
  outline: none;
}
.navbar .navbar-nav {letter-spacing: 1px; min-height:80px;}
.navbar .navbar-nav li a:focus {
  outline: none;
  
}
.navbar-default,
.navbar-inverse {
  border: none;
}
.navbar-brand{height:60px;}
.navbar .container-fluid{padding:0 50px;}

@media (max-width: 992px) {
	.navbar .container-fluid{padding:0 25px;}
}
@media (max-width: 768px) {
	.navbar .container-fluid{padding:0 15px;}
}

.btn-outline {
  color: white;
  font-size: 20px;
  border: solid 2px white;
  background: transparent;
  transition: all 0.3s ease-in-out;
  margin-top: 15px;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: #fff;
  background: white;
  border: solid 2px white;
}

footer{background-color:#fff;position:relative; padding:40px 0;}
footer .foot_sns{text-align:center;}
footer .foot_sns li{display:inline-block; margin:0 6px;}
footer address{clear:both; font-size:13px; line-height:24px; color:#8a8a8a; text-align:center; margin:10px 0;}

.scroll-top {
  position: fixed;
  right: 2%;
  bottom: 2%;
  width: 50px;
  height: 50px;
  z-index: 1049;
}
.scroll-top .btn {
  font-size: 20px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 28px;
}
.scroll-top .btn:focus {
  outline: none;
}

#ie8, noscript {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
#ie8 {
    display: none;
}
#ie8 h1, noscript h1 {
    font-size: 2em;
    font-weight: 100;
    line-height: 2em;
}


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

Padding Shortcodes

------------------------------------------------*/
.p0 { padding: 0!important; }

/*padding bottom*/
.pb0 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb60 { padding-bottom: 60px !important; }

.pb70 { padding-bottom: 70px !important; }

.pb80 { padding-bottom: 80px !important; }

.pb90 { padding-bottom: 90px !important; }

.pb100 { padding-bottom: 100px !important; }

.pb110 { padding-bottom: 110px !important; }

.pb120 { padding-bottom: 120px !important; }

.pb130 { padding-bottom: 130px !important; }

.pb140 { padding-bottom: 140px !important; }

.pb150 { padding-bottom: 150px !important; }

.pb160 { padding-bottom: 160px !important; }

/*padding top*/
.pt10 { padding-top: 10px !important; }

.pt20 { padding-top: 20px !important; }

.pt30 { padding-top: 30px !important; }

.pt40 { padding-top: 40px !important; }

.pt50 { padding-top: 50px !important; }

.pt60 { padding-top: 60px !important; }

.pt70 { padding-top: 70px !important; }

.pt80 { padding-top: 80px !important; }

.pt90 { padding-top: 90px !important; }

.pt100 { padding-top: 100px !important; }

.pt110 { padding-top: 110px !important; }

.pt120 { padding-top: 120px !important; }

.pt130 { padding-top: 130px !important; }

.pt140 { padding-top: 140px !important; }

.pt150 { padding-top: 150px !important; }

.pt160 { padding-top: 160px !important; }

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

Margin Shortcodes

------------------------------------------------*/
.m0 { margin: 0!important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb70 { margin-bottom: 70px !important; }

.mb80 { margin-bottom: 80px !important; }

.mb90 { margin-bottom: 90px !important; }

.mb100 { margin-bottom: 100px !important; }

.mb110 { margin-bottom: 110px !important; }

.mb120 { margin-bottom: 120px !important; }

.mb130 { margin-bottom: 130px !important; }

.mb140 { margin-bottom: 140px !important; }

.mb150 { margin-bottom: 150px !important; }

.mb160 { margin-bottom: 160px !important; }

@media screen and (max-width: 1200px) {
	.mb-md-20 { margin-bottom: 20px !important; }
	.mb-md-40 { margin-bottom: 40px !important; }
	.mb-md-60 { margin-bottom: 60px !important; }
	.mb-md-80 { margin-bottom: 80px !important; }
	.mb-md-100 { margin-bottom: 100px !important; }
}

@media screen and (max-width: 992px) {
    .mb-sm-20 { margin-bottom: 20px !important; }
    .mb-sm-40 { margin-bottom: 40px !important; }
    .mb-sm-60 { margin-bottom: 60px !important; }
    .mb-sm-80 { margin-bottom: 80px !important; }
    .mb-sm-100 { margin-bottom: 100px !important; }
}

@media (max-width: 768px) {
	.mb-xs-20 { margin-bottom: 20px !important; }
    .mb-xs-40 { margin-bottom: 40px !important; }
    .mb-xs-60 { margin-bottom: 60px !important; }
    .mb-xs-80 { margin-bottom: 80px !important; }
    .mb-xs-100 { margin-bottom: 100px !important; }
}

/* 상단 메뉴 커스터마이징 */
.top_nav{}
.top_nav button{ position: relative; display: block; font-size:16px; color:#fff; padding:19.5px 24px; background-color: transparent; color:#fff; border:0 none; outline-style:none; font-weight:normal; letter-spacing:1px;}
.top_nav button strong{font-weight:normal;}
.navbar .navbar-nav:hover li .top_nav:hover button strong{border-bottom:2px solid #fff; padding-bottom:20px;}
.top_nav.open button{}
.dropdown-menu{
	position: absolute;
    top: 61px;
    left:0;
    z-index: 1000;
    display: none;
    min-width: 600px;
    padding:0;
    margin: 2px 0 0;
	margin-left:-77px;
    list-style: none;
    font-size: 13px;
	color:#b2b2b2;
    text-align: center;
    background-color: transparent;
	text-align:right;
    border:0 none;
    border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.top_nav .dropdown-menu{left:117px;}

.dropdown-menu>li{float:left;}
.dropdown-menu>li>a {
    padding:0 20px;
	font-size:14px;
    line-height: 34px;
    color:#7b7b7b;
    white-space: nowrap;
	background:rgba(0,0,0,0.5);
	font-family: 'Roboto', sans-serif;
	border-top:1px solid #4f4f4f;
}
.dropdown-menu>li>a:hover{color:#fff; background:rgba(0,0,0,0.5);}

@media (max-width:1365px) {
.top_nav button{padding:19.5px 15px;}
.top_nav .dropdown-menu{left:97px;}
}

@media (max-width:1270px) {
.top_nav button{padding:19.5px 11px;}
.navbar-brand .logo_main{width:220px;}
.navbar-brand .logo_sub{width:220px;}
}

@media (max-width:1024px) {
.top_nav button{padding:19.5px 8px;}
.top_nav .dropdown-menu{left:87px;}
.navbar-brand .logo_main{width:200px;}
.navbar-brand .logo_sub{width:200px;}
}
@media (max-width:910px) {
.top_nav button{padding:19.5px 5px; font-size:13px;}
.navbar-brand .logo_main{width:180px;}
.navbar-brand .logo_sub{width:180px;}
}
/* 메뉴 토글버튼 */
@media (max-width: 768px) {
	.navbar-fixed-top.navbar-shrink {
		background:rgba(0,0,0,0.7);
	}
	.navbar-default .navbar-brand{margin:15px;}
	.navbar-default .navbar-brand img{width:270px;}
	.top_nav{background:url("../img/drop_arrow_up.png") right 25px no-repeat;}
	.top_nav.open{background:url("../img/drop_arrow_down.png") right 25px no-repeat;}
	.top_nav .topmenu{display:block; width:100%; text-align:left; border-bottom:1px solid #252525;}
	.top_nav .topmenu:hover{border-bottom:1px solid #252525;}
	.dropdown-menu{margin:0;  padding:10px 0;}
	.dropdown-menu>li{float:none;}
	.dropdown-menu>li>a{text-align:left;}

	.navbar-nav .open .dropdown-menu{border-bottom:1px solid #252525; background-color:#161616;}
	.navbar-header.on{background-color:#000;}
	.navbar-collapse{border:0 none; background-color:#000;}
	.navbar .navbar-nav:hover{background-image:none;}
	.navbar .navbar-nav:hover li .top_nav button{}
	.navbar .navbar-nav:hover li .top_nav button:hover{color:#fff;  border-bottom:1px solid #252525; padding-bottom:19.5px;}
	.top_nav.open#menu01 .dropdown-menu{left:0; width:auto;}
	.top_nav.open#menu02 .dropdown-menu{left:0; width:auto;}
	.top_nav.open#menu03 .dropdown-menu{left:0; width:auto;}
	.top_nav.open#menu04 .dropdown-menu{left:0; width:auto;}
	.top_nav.open button{color:#fff;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#a7a7a7; font-weight:normal;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#a7a7a7;}'
}
/* 서브메뉴 상단 박스 */
.navbar.sub-navbar{}
.navbar.sub-navbar button{color:#000;}
.navbar.sub-navbar button a{color:#000;}
.navbar.sub-navbar button strong{font-weight:normal;}
.navbar.sub-navbar .navbar-nav:hover li .top_nav:hover button strong{border-bottom:2px solid #000; padding-bottom:15px;}
.navbar.sub-navbar .dropdown-menu{top: 55px;}
.navbar.sub-navbar .dropdown-menu>li>a{color:#b9b9b9; background:rgba(0,0,0,0); border-top:0 none;}
.navbar.sub-navbar .dropdown-menu li:first-child a{padding-left:0;}
.navbar.sub-navbar .dropdown-menu>li>a:hover{color:#7b7b7b; background:rgba(0,0,0,0);}

.navbar-brand .logo_main{display:block;}
.navbar-brand .logo_sub{display:none;}
.navbar.sub-navbar .navbar-brand .logo_main{display:none;}
.navbar.sub-navbar .navbar-brand .logo_sub{display:block;}

/* 이동메뉴 상단 박스 */
.navbar.move-navbar{}
.navbar.move-navbar button{color:#000;}
.navbar.move-navbar button a{color:#000;}
.navbar.move-navbar button strong{font-weight:normal;}
.navbar.move-navbar .navbar-nav:hover li .top_nav:hover button strong{border-bottom:2px solid #000; padding-bottom:15px;}
.navbar.move-navbar .dropdown-menu{top: 55px;}
.navbar.move-navbar .dropdown-menu>li>a{color:#b9b9b9; background:rgba(0,0,0,0); border-top:0 none;}
.navbar.move-navbar .dropdown-menu li:first-child a{padding-left:0;}
.navbar.move-navbar .dropdown-menu>li>a:hover{color:#7b7b7b; background:rgba(0,0,0,0);}

.navbar.move-navbar .navbar-brand .logo_main{display:none;}
.navbar.move-navbar .navbar-brand .logo_sub{display:block;}

@media (max-width: 768px) {

.navbar-default.sub-navbar .navbar-toggle .icon-bar{background-color:#000;}
.navbar-default.sub-navbar.move-navbar .navbar-toggle .icon-bar{background-color:#fff;}
.navbar.move-navbar .navbar-brand .logo_main{display:block;}
.navbar.move-navbar .navbar-brand .logo_sub{display:none;}

}

.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
.navbar-toggle{position: relative; float: right;  padding:10px; background-color:#000; border:0 none; border-radius:0; margin:15px;}
.navbar-toggle .icon-bar{width:40px; height:1px; margin-bottom:10px; margin-top:10px;}
.navbar-default .navbar-toggle.open{background-color:#000;}
.navbar-toggle.open span {
	opacity:0;
	filter:alpha(opacity=0)
}
.navbar-toggle.open span.slice1,.navbar-toggle.open span.slice3 {
	background:#fff;
	opacity:1;
	filter:alpha(opacity=100)
}
.navbar-toggle.open span.slice1 {
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	margin-top:6px
}
.navbar-toggle.open span.slice3 {
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	margin-top:-13px;
	margin-bottom:11px;
}
.navbar-default .navbar-toggle{background-color: transparent; border:0 none;}
.navbar-default .navbar-toggle:hover{background-color: transparent; border:0 none;}
.navbar-default .navbar-toggle:focus{background-color: transparent; border:0 none;}

/* 오른쪽 토글메뉴 */
#allmenu{position:fixed; width:100%; height:100vh; top:0; right:-100%; z-index:99999; display:none; background:rgba(0,0,0,0.5);}
#allmenu #allmenu_right{position:absolute; top:0px; right:0px; width:80%; height:100vh; z-index:999999; background-color:#fff;}

#allmenu #allmenu_right #all_nav{padding:20px 0;}
#allmenu #allmenu_right #all_nav .panel{border:0 none; box-shadow: 0 0 0 0 rgba(0,0,0,0); margin:0;}
#allmenu #allmenu_right #all_nav h3{display:block; font-size:20px; line-height:50px; color:#000;  padding-left:30px; font-weight:normal; background:url("../images/allmenu_open.jpg") right center no-repeat; font-weight:normal; margin-right:15px; background-size:25px 25px; cursor:pointer;}
#allmenu #allmenu_right #all_nav h3 a{display:block; font-size:20px; line-height:50px; color:#000; font-weight:normal; }
#allmenu #allmenu_right #all_nav h3.collapsed{background:url("../images/allmenu_close.jpg") center right no-repeat; margin-right:15px; background-size:25px 25px;}
#allmenu #allmenu_right #all_nav #menu05{background-image:none;}
#allmenu #allmenu_right #all_nav #menu06{background-image:none;}
#allmenu #allmenu_right #all_nav ul{list-style:none; padding:0;}
#allmenu #allmenu_right #all_nav ul li{}
#allmenu #allmenu_right #all_nav ul li a{display:block; font-size:16px; line-height :40px; color:#858585; padding-left:40px; font-weight:normal;}
#allmenu #allmenu_close{position:absolute; top:0px; left:0px; width:20%; height:100vh; z-index:999999;}