@charset "utf-8";

/* 기본설정 */
* {margin:0; padding:0;}
html,body {height:100%; margin:0; padding:0; font:15px nsR, nbgM, ngB, Malgun Gothic,"맑은 고딕", Dotum, AppleGothic, sans-serif; color:#2d2d2d; /*line-height:18px; letter-spacing:-0.05em;*/ -webkit-text-size-adjust:none;}
/*body {font-family: "나눔고딕", Malgun Gothic,"맑은 고딕", AppleGothic, Dotum, sans-serif; font-size: 14px;	font-weight: 400; line-height: 1.7857;	letter-spacing: 0.075em; color: #333333; background-color: #fff;}*/

div, table {margin:0; padding:0;}
input, select {padding:0}
img, fieldset {border:0;}
ul, ol		{list-style:none;}
a:link, a:visited, a:active, a:hover {text-decoration:none;}
hr {display:none;}

.hide, legend, caption {position:absolute; overflow:hidden; visibility:hidden; width:0; height:0; left:0; top:0; font-size:0; line-height:0; padding:0; margin:0;}

a {color: #2d2d2d;	-webkit-transition: all 0.2s ease-in-out;	-moz-transition: all 0.2s ease-in-out;	-ms-transition: all 0.2s ease-in-out;	-o-transition: all 0.2s ease-in-out;	transition: all 0.2s ease-in-out;}
a:hover {color: #2d2d2d; }
a, a:hover, a:active, a:focus, button:focus {border: 0;	/*text-decoration: none;*/}

p {	line-height: 1.5;}
h1, h2, h3, h4, h5, h6{	font-weight: 700;	text-transform: uppercase;}
input, textarea, select{outline: none; /*-webkit-appearance: none;*/}
label{	font-weight: 300;}

.sub_bg {background:#f7f7f9;}
.leSp2 {letter-spacing:-2px;}

/* skip ----------------------------------------------*/
#accessibility {position:absolute; top:0; left:0; width:100%; z-index:9999;}
#accessibility a {font-size:14px; position:absolute; top:-9999px;}
#accessibility a:hover, #accessibility a:active, #accessibility a:focus {display:inline-block; top:0; width:100%; padding:10px 0; color:white; font-weight:bold; text-align:center; background-color:black;}

/*header*/
.top-util {overflow:hidden;position:relative;  height:40px;  text-align:right; background:#0e6190;}
.top-util ul {position:relative; float:right;}
.top-util ul li {position:relative; float:left; }
.top-util ul li a {display:block; padding:0 15px; font:14px nsR;line-height:40px; color:#fff;}
.top-util ul li a:hover {text-decoration:underline;}
.top-util ul li:after {position:absolute;top:12px; right:0px; display:block; content:" "; width:1px; height:15px; background:#fff;}
.top-util ul li.last:after {display:none; }


div#logo a img{float:left; height:75px;}
.head-section { border-bottom: 1px solid #eee; background:#fff;}
.head-section .navbar {margin-bottom: 0;}
.navbar-default { border: none }
.navbar-brand {line-height: 30px;padding: 0;}
.head-section .navbar-collapse  ul.navbar-nav {float: right; margin-right: 0;    z-index: 199;}
.navbar-nav {float:right;}

.head-section .navbar-default {background-color: #fff;}
.head-section .nav li a {font:19px nsB; color: #000;}
.head-section .dropdown-menu {background:#fff; padding: 0px 0;}
.head-section .dropdown-menu ul {background:#fff;}
.head-section .nav li.active .dropdown-menu li a { font:15px nsR; color: #000;}
.head-section .nav li .dropdown-menu li a {display:block; padding:10px 15px; font:16px nsR; color: #2d2d2d;  }
.head-section .nav li .dropdown-menu li a:hover {font:16px nsR; color: #fff; background:#08479c;}

.nav>li>a {padding:10px 30px;}
.head-section .nav li a .fa-angle-down {display:none;}
.head-section .navbar { min-height: 85px }
.head-section .navbar { min-height: 85px }
.head-section .navbar-nav > li {
    padding-bottom: 13px;
    padding-top: 25px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {background-color:#fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {background-color:#fff;}

.menu1 {min-width:180px;}
.menu2 {min-width:180px;}
.menu3 {min-width:220px;}
.menu4 {min-width:160px;}
.menu5 {min-width:190px;}
.menu6 {min-width:160px;}

/* Responsive styles
================================================== */

/* Large Devices, Wide Screens */
@media (min-width: 1200px) {
  /* Dropdown animation */	
	
  .navbar-nav .dropdown-menu,
  .navbar-nav .dropdown.megamenu div.dropdown-menu {
    background: none;
    border: 0;
    box-shadow: none;
    display: block;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
  }
  .navbar-nav .dropdown:hover div.dropdown-menu,
  .navbar-nav .dropdown.megamenu:hover div.dropdown-menu {
    opacity: 1;
    visibility: visible;
    color: #777;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .navbar-nav .dropdown-backdrop {
    visibility: hidden;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {	
	.nav>li>a {padding:10px 20px;}

	#footer {overflow:hidden; border-top:1px solid #ccc;}

}
@media screen and (max-width: 992px){

	h1 {margin:10px 0 0 0;}
	.head-section .navbar {min-height:65px;}
	.navbar-default .navbar-toggle {border:none;}
	.offcanvas-toggle {background:#fff;}
	.navbar-toggle .icon-bar {width:25px; height:3px;}
	.navbar-default .navbar-toggle .icon-bar {background-color:#2d2d2d;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background:#fff;}	
	.navbar-toggle {margin-top:15px; margin-right:0px;}
	.navbar-toggle .icon-bar+.icon-bar {margin-top:3px;}

	.navbar-offcanvas {padding-left:0px; padding-right:0px;}
	.navbar-offcanvas h2 {display:block; margin:0; padding:15px 0; font:20px nbgM; color:#fff; text-align:center; background:#4e4e4e;}

	.nav>li>a {padding:10px 15px;}
	.navbar-nav {margin:0px;}
	.head-section .container-fluid {padding:0; }
	.head-section .container-fluid > .navbar-collapse,
	.head-section .container-fluid > .navbar-header, 
	.head-section .container > .navbar-collapse, 
	.head-section .container > .navbar-header {margin:0;}
	.head-section .container {padding:0px;}
	.head-section .navbar-nav > li {padding-top:0px; padding-bottom:0px; border-bottom:1px solid #ccc;}
	.head-section .navbar-default .navbar-nav > .open > a, 
	.head-section .navbar-default .navbar-nav > .open > a:hover, 
	.head-section .navbar-default .navbar-nav > .open > a:focus {background:#fff; border-bottom:2px solid #08479c;}/**/
	.head-section .nav li .dropdown-menu li {border-bottom:1px dashed #ccc;}
	.head-section .nav li .dropdown-menu li:last-child {border-bottom:none;}

	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {background-color: #f8f8f8;}
	
	#footer {overflow:hidden; border-top:1px solid #ccc;}
	.copyright span {display:block; }
	/*.copyright .cite {padding:0 15px !important;}*/
}


@media screen and (max-width: 767px) {
  /*.title {font-size: 40px;  }
  .navbar-header .navbar-brand a {    padding: 6px 8px;  }
  
   .dropdown-menu > ul > li > a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 15px;
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .dropdown-menu > ul {
    list-style: none;
   padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: -5px;
    background: #fff;
   background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
  }*/
	
	h1 a img {margin-top:5px; height:70%;}

}



/*search*/
.search {
    /*margin-top: 3px;*/
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    width: 20px;
	height:40px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #fff;
    box-shadow: none;
    background:#f7f7f7 url("/images/inc/search-icon.png") no-repeat 10px 8px;
    padding: 0 5px 0 35px;
    color: #fff;
    margin-left: 10px;
}
.search:focus {
   /* margin-top: 3px;*/
    width: 180px;
    border: 1px solid #eaeaea;
    box-shadow: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #c8c8c8;
    font-weight: 300;
    margin-left: 10px;
}
.form-control {
	border: none;
	/*border-radius: 2px; */
}
.form-control:focus {
    border: none;
    /*border: 1px solid #d9d9d9;*/
}

.hr{height:1px; width: 30%; margin:30px auto; background-color:#ececec; position: relative; line-height: 1px;}
.hr-inner{width:8px; height: 9px; background-color: #fff; border: 1px solid #ececec; position: absolute; left:50%;  top:-4px;}

.pad-bot-fifty { padding-bottom: 50px }
.jumbotron { margin-bottom: 0px }
.mar-b-30 { margin-bottom: 30px }
.mar-b-40 { margin-bottom: 40px }
.mar-b-50 { margin-bottom: 50px }
.mar-b-60 { margin-bottom: 60px }
.mar-b-70 { margin-bottom: 70px }
.btn {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}




#footer {padding:0 0 25px 0; background:#f1f5f6;}
#footer  .foot-menu {height:60px; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; background-color:#fff;}
#footer  .foot-menu div {padding-left:0px; padding-right:0px;}
#footer  .foot-menu .f-menu li {float:left; padding-right:15px; margin-right:15px; background: url('/images/inc/dot_ico.png') no-repeat right center; }
#footer  .foot-menu .f-menu  li a {display:block; font:14px nsR; color:#686868; line-height:50px; letter-spacing:-0.05em; }
#footer  .foot-menu .f-menu  li.color1 a{color:#009fd9;}
#footer  .foot-menu .f-menu  li.last {background:none;}
#footer  .foot-menu .f-menu  li a:hover {text-decoration:underline;}

#footer  .foot-menu .btn-group {float:left; display:block; width:100%; height:60px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; } 
#footer  .foot-menu .btn-group .btn-default {padding:0px; padding-left:20px; width:100%; height:59px; font:16px nsR; text-align:left; line-height:49px; color:#686868  !important; background-color:#fff !important; border:none; border-bottom:1px solid #dfdfdf;}
#footer  .foot-menu .btn-group a {display:block;}
#footer  .foot-menu .btn-group .icon-angle-down {display:block; float:right; overflow:hidden; width:60px; height:60px; background: url('/images/inc/down_arrow.png') no-repeat 0 0; text-indent:-9999px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;  transition: all 0.4s ease;}
#footer  .foot-menu .open .icon-angle-down {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);/*background: url('../images/inc/up_arrow.png') no-repeat 0 0;*/}
#footer  .foot-menu .btn-group .dropdown-menu {top:46px; width:100%; border-radius:0px;}
#footer  .foot-menu .top-btn {float:left; overflow:hidden; display:block; width:57px; height:50px; line-height:150px; background: url('/images/inc/top_btn.png') no-repeat 0 0;}


#footer .foot-info {padding-top:30px;}
#footer .copyright {padding:0;}
#footer .foot-info p {margin-bottom:10px; padding:0; font:14px nsR; color:#686868; line-height:20px; letter-spacing:0.05em;}
#footer .foot-info p span {padding:0;}



/*  Back-to-top */
#back-to-top {
    display:none;
    position:fixed;
    bottom:30px;
    right:30px;
    height:55px;
    width:55px;
    cursor:pointer;
    background:#000000;
    line-height:1em;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    background-image:url('/images/inc/top.png');
    background-position: 14px 10px;
    background-repeat:no-repeat;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity:0.5;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#back-to-top:hover {

    background-color:#48cfad;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity:0.8;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.black_bg {position: fixed;top:65px;left: 0;bottom: 0;right: 0;z-index: 999; background: rgba(0,0,0,0.7);/*overflow:hidden; position:fixed;top:65px;left:250px;bottom:0px;width:100%;height:100%;background:#000;filter:alpha(opacity=70);opacity: 0.7;-moz-opacity:0.7; z-index:999;*/}