@import "./font-awesome/css/font-awesome.min.css";
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600";
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Sans:ital,wght@0,400;0,700;1,400&display=swap');
@import url(./pe-icons/Pe-icon-7-stroke.css);
body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  color: #333;
  font-weight: 400;
  font-size: 13px;
  line-height: 28px;
  background-color: #fff;
  font-family: "Noto Sans KR" ,"Raleway","Open Sans", sans-serif;
  overflow-x:hidden;
  width:100%;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:focus {outline: 0 !important;}
iframe {border: none; width: 100%;}
::selection {background: #fefac7;/* Safari */color: #555555;}
::-moz-selection {background: #fefac7;/* Firefox */color: #555555;}
strong, b {font-weight: 600;}

input,
button,
select,
textarea {
  font-weight: 400;
}

hr {
  background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
  background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
  border: 0;
  height: 1px;
  margin: 10px 0;
}

a {
  color: #333;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
a:hover, a:focus {color: #173c8e;text-decoration: none;}
/* Headings */
h1, h2, h3, h4, h5, h6 {color: inherit;margin: 0;}
p{margin:0;line-height:1.4}
h1, .h1 { font-weight: 800;font-size:3rem;letter-spacing:-0.1rem;}
h2, .h2 {font-weight: 700;letter-spacing:-0.1rem;}
h3, .h3 {font-weight: 500;letter-spacing:-0.1rem;}
h4, .h4 {font-weight: 500;letter-spacing:-0.05rem;}
h5, .h5 {font-weight: 500;}
h6, .h6 { font-weight: 500;}
small { line-height:1.2;}
img { max-width:100%; height:auto;}
ul.icons { list-style: none;padding:0; }
ul.icons > li > [class*="ion-"], ul.icons > li > [class*="fa-"] { position:absolute; left:0px;line-height:1.4;}
ul.icons > li {position:relative;padding-left:18px;margin:0.8rem 0;line-height:1.4;}
ul.icons.list-only > li {line-height:1.2; font-size:110%;}
ul.list > li { margin-bottom: 13px }
.line-height-1{line-height:1 !important}
.line-height-2{line-height:1.2 !important}
.line-height-3{line-height:1.3 !important}
.line-height-4{line-height:1.4 !important}
.line-height-5{line-height:1.5 !important}
.line-height-6{line-height:1.6 !important}
.line-height-7{line-height:1.7 !important}
.line-height-8{line-height:1.8 !important}
.line-height-9{line-height:1.9 !important}
.text-white{color:#fff!important}
.text-default,.text-default a,.text-default:active,.text-default:focus,.text-default:hover,.text-default[href]{color:#444!important}
.text-default a:active,.text-default a:focus,.text-default a:hover,.text-default[href]:active,.text-default[href]:focus,.text-default[href]:hover{color:#2b2b2b!important}.text-black,.text-black a,.text-black:active,.text-black:focus,.text-black:hover,.text-black[href]{color:#000!important}
.text-black a:active,.text-black a:focus,.text-black a:hover,.text-black[href]:active,.text-black[href]:focus,.text-black[href]:hover{color:#333!important}
.text-light,.text-light a,.text-light:active,.text-light:focus,.text-light:hover,.text-light[href]{color:#bbb!important}
.text-light a:active,.text-light a:focus,.text-light a:hover,.text-light[href]:active,.text-light[href]:focus,.text-light[href]:hover{color:#a2a2a2!important}
.text-skin{color:#173c8e !important}
.text-gray{color:#c0c0c0;}
.btn-default{background-color:#fff;border:1px solid #e0e0e0; color:#414141;}
.bg-skin, .btn-skin{background-color:#173c8e;border-color:#173c8e;color:#fff;}
.bg-skin *, .btn-skin *{color:#fff;}
.bg-light{background-color:#f0f0f0}
.border-skin, .btn-outline-skin{border-color:#173c8e !important;}
.border-2{border-width:2px}
.text-en{font-family:"Montserrat"}
/***********bootstrap navigation default overrides--*/
.navbar-custom {
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 0;
  width: 100%;
  min-height: 55px;
  padding: 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;
  -ms-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;
  box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;
  background-color: rgba(255, 255, 255, 0.98);
  clear: both;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 99 !important;
  border-bottom: 1px solid #173c8e;position:absolute;
}
.navbar-custom.fixed-top{position:fixed;}
.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .open > a, .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus {
  color:#173c8e;
  background-color: transparent;
}
.navbar-custom .navbar-nav .nav-item{position:relative}
.navbar-brand { width:140px;height:70px; padding:10px 0;background:url(../images/logo.png) no-repeat 50% 50%;background-size:contain}
.navbar-brand img { height:100%;width:auto}
.navbar-nav > li > a {font-size: 16.5px;font-weight: 500; text-transform: uppercase;}
.navbar-custom .navbar-nav .nav-link {color: #687074;padding:25px 10px}
.navbar-custom .navbar-nav > li.show > a { border-color:#173c8e; }
.navbar-custom .navbar-nav > li > a:hover {border-color:#173c8e;border:none;}
.navbar-custom .navbar-nav > li.show .dropdown-menu {display:block}
.navbar-custom .dropdown-item{font-size:15px;}

/*============================*/
/*======dropdowm menu=========*/
/*============================*/
.navbar .dropdown-menu {
  padding: 0px;
  margin: 0;
  min-width: 150px;
  width: 150px;
  left:50%;margin-left:-75px;
  background-color: #fff;
  border: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border: 1px solid #173c8e !important;
}
.navbar .dropdown-menu .dropdown-item.active, .navbar .dropdown-menu .dropdown-item:active{background-color:#173c8e}
.navbar .dropdown-menu .dropdown-item:focus, .navbar .dropdown-menu .dropdown-item:hover{background-color:rgba(80,130,190,.2)}
.search-dropdown {
  min-width: 244px !important;
}

.navbar .dropdown-menu li a {color: #777;font-size: 14px;font-weight: 500;padding: 8px 20px;line-height: 1.42857143;text-transform: capitalize;}
.navbar .dropdown-menu li.active a {color: #fff !important;font-weight:500 !important;background-color:#173c8e !important;}
.dropdown-menu .label {margin-top: 6px;}
.navbar .dropdown-menu li a:hover {color: #173c8e;background-color:#f0f0f0}

.top-bar {background-color: #173c8e;}
.top-bar a {color: #fff;}
.top-bar .topmenu a {
  line-height: 20px;
  padding: 0px 10px;
  margin:10px auto;
  position:relative;font-size:13px;
}
.top-bar .topmenu a::before,
.top-bar .topmenu a::after {
  position:absolute;top:0;width:1px;height:100%;content:"";
}
.top-bar .topmenu a::before {left:1px;background-color:rgba(255,255,255,0.2)}
.top-bar .topmenu a::after {left:0;background-color:rgba(0,0,0,0.2);}
.top-bar .topmenu a:hover {}
/***search top bar**/
.topbar-icons {display: block;}
.topbar-icons i {margin: 0px !important;display: block;}

/***header top bar with search***/
.container>.navbar-header { margin: auto 0px auto 5px;}
.navbar-header .navbar-toggle { width:40px;height:40px;line-height:40px;padding:0px;margin:12.5px 0 auto 7.5px; text-align:center;cursor:pointer;border-color:#ccc;}
.navbar-header .navbar-toggle i { display:block;font-size:24px;line-height:40px;}
.navbar-custom .navbar-toggle .icon-bar { width:24px;height:2.5px;margin:5.5px 8px;background-color:#333;}
.dropdown-toggle::after{border:none;vertical-align:inherit;font-family:"FontAwesome";content:"\f107"}
.dropdown-toggle[aria-expanded="true"]::after{content:'\f106'}
/****************************dark heder********************/

.customer h5 {
    position: relative;
    padding: 0 0 0 50px;
    margin: 10px 0 0 0;line-height:1;
}
.customer h5 a {
    font-size: 18px;
    font-weight: 600;
    color: #333;line-height:1;
}
.customer h5 p {
    font-size: 16px;
    font-weight: 400;
    color: #999;
    letter-spacing: -0.05em;
}
.customer h5 i {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -22.5px;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    background-color: #1f5299;
    width: 45px;
    border-radius: 100%;
}
/******************

MULTI LEVEL DROPDOWN CSS

*********************/
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: -2px;
  left: 100%;
  margin-top: 0px;
  margin-left: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  top: 11px;
  right: 9px;
  font-size: 11px;
  content: "\f105";
  position: absolute;
  font-weight: normal;
  display: inline-block;
  font-family: FontAwesome;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

/************************************************* css for footers****************************************/
/**footet dark**/
#footer {
  background: #fff;border-top:solid 1px #e0e0e0;color:#414141; font-size: 0.8rem;padding: 20px 0;position: relative; clear: both; text-align:center;line-height:1.8;}
/****************footer 2****************/
#footer-option {
  background: #121214;
  border-top: 4px solid #e1e1e1;
  font-size: 0.9em;
  padding: 80px 0 0;
  position: relative;
  clear: both;
}

#footer-option .footer-col h3 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}

#footer-option .footer-btm {
  background-color: #0c0c0c;
}

#footer-option .contact a {
  color: #777;
}

#footer-option .contact a:hover {
  color: #ff5404;
}

/*******************footer 3********************/
.footer-col.footer-3 h3 {
  text-transform: uppercase;
  font-size: 35px;
}

/************twitter feed*****************/
.tweet ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.tweet ul li {
  color: #777;
  font-weight: 600;
  padding: 8px 0;
  font-size: 15px;
}

.tweet ul li:before {
  content: "\f099";
  font-family: 'FontAwesome';
  margin-right: 15px;
  font-size: 16px;
  color: #ff5404;
}

.tweet ul li .date {
  padding: 3px 0;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

.tweet ul li img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
}

.tweet li a {
  color: #fff;
  font-size: 13px;
}

.tweet li a:hover {
  color: #ff5404;
}

.latest-f-news li a {
  display: block;
  padding: 4px 0;
  color: #777;
}

.latest-f-news li a i {
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.latest-f-news li a:hover i {
  margin-left: 5px;
}

.latest-f-news li a:hover {
  color: #fff;
}

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

Footer light styles

******************************/
.footer-light-1 {
  padding-top: 60px;
  background-color: #f4f4f4;
}
.footer-light-1 h3 {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 18px;
  font-size: 20px;
}
.footer-light-1 .menu-1 li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 3px 0;
}
.footer-light-1 .menu-1 li a {
  font-size: 14px;
  text-transform: uppercase;
}
.footer-light-1 .media img {
  margin-top: 5px;
}
.footer-light-1 .media .media-body p {
  line-height: 20px;
  font-size: 13px;
  margin-bottom: 0px;
}
.footer-light-1 .media .media-heading {
  font-size: 15px;
  text-transform: capitalize;
  margin-bottom: 0px;
  font-weight: 600;
}
.footer-light-1 .f2-work li a img {
  height: 70px;
}
.footer-light-1 .info li {
  padding-bottom: 10px;
}
.footer-light-1 .info li i {
  color: #ff5404;
  margin-right: 10px;
}
.footer-light-1 .subscribe-form .form-control {
  height: 49px;
}

.download-app li {
  padding: 0px;
}
.download-app li a {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  display: block;
  font-size: 35px;
}

.footer-copyright {
  font-size: 13px;
  color: #999;
  padding: 20px 15px;
  background-color: #ddd;
}

/****footer light option 2*****/
.footer-light-2 {
  padding-top: 60px;
  padding-bottom: 0px;
  background-color: #f5f5f5;
}
.footer-light-2 h3 {
  text-transform: uppercase;
  font-weight: 600;
  color: #000;
  margin-bottom: 23px;
  font-size: 18px;
}
.footer-light-2 p {
  color: #777;
}
.footer-light-2 .footer-work {
  clear: both;
}
.footer-light-2 .footer-work a {
  display: block;
  width: 80px;
  margin: 0px;
  float: left;
  margin: 1px;
}
.footer-light-2 .find-us p {
  margin-top: 0px;
  font-weight: 600;
  margin-bottom: 10px;
}
.footer-light-2 .footer-news li a {
  display: block;
  margin-bottom: 10px;
}
.footer-light-2 .footer-news li a:before {
  content: "\f105";
  font-family: "FontAwesome";
  margin-right: 10px;
}
.footer-light-2 .footer-bottom {
  padding-top: 30px;
  background-color: #eee;
}
.footer-light-2 .footer-bottom h3 {
  margin-bottom: 30px;
}
.footer-light-2 .footer-bottom ul {
  margin-bottom: 30px;
  padding: 0px;
}
.footer-light-2 .footer-bottom p {
  font-size: 12px;
  font-weight: 400;
  margin-top: 0px;
  text-transform: uppercase;
}

/****footer light option 3*****/
.footer-light-3 {
  padding-top: 60px;
  padding-bottom: 0px;
  background-color: #f5f5f5;
}
.footer-light-3 h3 {
  text-transform: uppercase;
  font-weight: 700;
  color: #666;
  margin-bottom: 20px;
}
.footer-light-3 p {
  color: #777;
}
.footer-light-3 .find-us p {
  margin-top: 0px;
  font-weight: 400;
  margin-bottom: 10px;
}
.footer-light-3 .find-us p strong {
  font-weight: 700;
  display: inline-block;
  margin-right: 5px;
}
.footer-light-3 .quick-links {
  padding-right: 40px;
}
.footer-light-3 .quick-links li {
  padding: 6px 0;
}
.footer-light-3 .quick-links li a {
  font-size: 14px;
  text-transform: capitalize;
}
.footer-light-3 .form-control {
  min-height: 45px;
  color: #999;
  text-transform: uppercase;
  font-size: 16px;
}

.footer-bottom {
  padding: 15px 0;
  background-color: #eee;
}
.footer-bottom h3 {
  margin-bottom: 30px;
}
.footer-bottom ul {
  margin-bottom: 30px;
  padding: 0px;
}
.footer-bottom p {
  font-size: 12px;
  font-weight: 400;
  margin-top: 0px;
  text-transform: capitalize;
}

.wide-img-showcase-row {
  position: relative;
}

.no-padding.img {
  background: url(../img/showcase-1.jpg) scroll center no-repeat;
  background-size: cover;
  position: absolute;
  height: 100%;
}

.no-padding.img-2 {
  background: url(../img/showcase-2.jpg) scroll center no-repeat;
  background-size: cover;
  position: absolute;
  height: 100%;
}

@media (max-width: 767px) {
  .no-padding.img {
    position: relative;
    height: 300px;
  }
}
/************************image hover effect*******************/
.item-img-wrap {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.item-img-wrap img {
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  width: 100%;
}

.item-img-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.item-img-overlay span:not(.icon-mv) {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/plus.png) no-repeat center center rgba(0, 0, 0, 0.7);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-transition: opacity 250ms linear;
  -o-transition: opacity 250ms linear;
  -webkit-transition: opacity 250ms linear;
  transition: opacity 250ms linear;
}

.item-img-wrap:hover .item-img-overlay span {
  opacity: 1;
}

.item-img-wrap:hover img {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/*forms*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.form-control {
  border: 1px solid #ddd;
  color: #7a7a7a;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  background: #FFF;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.form-control:focus {
  border-color: #bbb;
  background: #FFF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
select{background:url(../themify-icons/SVG/angle-down.svg) no-repeat 50% calc(100% - 10px)}
/*************parallax*************/
.parallax {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 100%;
  background-size: cover;
  background-attachment: fixed;
}

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

Carousel slider

***************/
.carousel-slider-wrapper {
  position: relative;
}

.carousel-slider-wrapper .item {
  overflow: hidden;
  width: 100%;
  height: 600px;
  background-color: #333 !important;
  padding: 100px 0 0;
}

.carousel-slider-wrapper .carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#carousel-slide-1 {
  background-image: url(../img/bg-1.jpg);
  width: 100%;
  background-size: cover;
}

#carousel-slide-2 {
  background-image: url(../img/bg-2.jpg);
  width: 100%;
  background-size: cover;
}

#carousel-slide-3 {
  background-image: url(../img/bg-3.jpg);
  width: 100%;
  background-size: cover;
}

.carousel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: table;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.carousel-item-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: table-cell;
  overflow: hidden;
  vertical-align: middle;
  z-index: 3;
}

.carousel-item-content h1 {
  display: inline-block;
  padding: 10px 20px;
  line-height: 35px;
  font-size: 35px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  background-color: #ff5404;
  margin: 0px;
}

.carousel-item-content p {
  margin: 0px;
  padding: 6px 20px;
  color: #fff;
  background: #333;
  display: inline-block;
  text-transform: uppercase;
}

a.carousel-control {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -25px;
  background-image: none !important;
  font-size: 52px;
  font-weight: 400;
  cursor: pointer;
  z-index: 2;
}

/******owl carousel*******/
.owl-theme .owl-controls .owl-page span {
  display: block;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  background: #444 !important;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  background: #ff5404 !important;
}
.owl-dots{position:absolute;width:100%;left:0px;bottom:30px;display:flex;align-items:center;justify-content:center;}
.owl-dots .owl-dot{width:16px;height:16px;border-radius:8px;margin:0 5px;background-color:#fff;}
.owl-dots .owl-dot.active{width:48px;background-color:#173c8e;}
.owl-nav [class*=owl-]{width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;position:absolute;top:50%;margin-top:-20px;font-size:0;}
.owl-nav [class*="owl-"]::before{content:'';font-family:'themify';font-size:35px;}
.owl-nav .owl-prev{left:0;}
.owl-nav .owl-prev::before{content:'\e64a';}
.owl-nav .owl-next{right:0;}
.owl-nav .owl-next::before{content:'\e649';}
/****************************breadcrumb***************************/
.breadcrumb-wrap {/*background-image: url(../img/main/main_visual_02.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;*/position:relative;margin-top:80px;height:150px;overflow:hidden}
.breadcrumb-wrap::before {content:'';position:absolute;width:100%;height:100%;left:0;top:0;background: rgba(0,0,0,0.5);z-index:0}
.breadcrumb-wrap .pattern-overay {position:absolute;width:100%;height:100%;z-index:1;}
.breadcrumb-wrap .fixed_video {width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}
.breadcrumb-wrap .fixed_video video {width:100%;height:100vh;object-fit: cover;/*-webkit-transform: translateX(-50%); transform: translateX(-50%);*/}
.breadcrumb-wrap h2 {margin: 0px;color: #fff;font-weight: 400;text-transform: uppercase;}
ol.breadcrumb {margin: 0;padding: 0;background-color: transparent;color: #fff;}
ol.breadcrumb li {font-weight: 400;font-size: 14px;text-transform: capitalize;letter-spacing: 1px;}
ol.breadcrumb li a {color: #fff;}
/***********************sign in or sign up css****************/
.login-form {
  padding: 40px;
  background-color: #f5f5f8;
}

.login-form h3 span {
  color: #777;
  font-size: 15px;
}

.btn-fb-login {
  background-color: #3b5998;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.login-form form a {
  display: inline-block;
  margin-left: 5px;
}

@media (max-width: 320px) {
  .login-form form a {
    margin-top: 10px;
  }
}
/*****************bootstrap tabs overrides*****************************/
/*tabs*/
.nav-tabs {
  border: 0px;
}

.nav-tabs > li > a {
  font-weight:500;font-size:16px;
}
.nav-tabs.nav-justified >li+li >a { border-left:solid 1px #ddd;}
.nav-tabs.nav-justified > li.active > a, .nav-tabs.nav-justified > li.active > a:focus, .nav-tabs.nav-justified > li.active > a:hover,
.nav-tabs.nav-justified > li > a.active, .nav-tabs.nav-justified > li > a.active:focus, .nav-tabs.nav-justified > li > a.active:hover {
  background-color: #fff;
  border:1px solid #173c8e;
  border-bottom:none;
  color: #173c8e;
}

.nav-tabs.nav-justified > li > a {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  border-radius: 0px !important;
  background-color: #f4f4f4;
  border: 0px;
}
.form-element .form-control {
  height: 31px;
}

/**********************sidenav*********************/
@media (min-width: 768px) {
	.sub-layout .sidenav{flex:0 0 200px;-ms-flex:0 0 200px;max-width:200px}
	.sub-layout .content{flex:0 0 calc(100% - 200px);-ms-flex:0 0 calc(100% - 200px);max-width:calc(100% - 200px);width:calc(100% - 200px);padding:30px 0 0 30px}
	.sidenav-wrapper {
		background: #f5f6f6;
		margin-bottom: -9999px;
		padding-bottom: 9999px;
		margin-left: -999px;
		padding-left: 999px;
		border-right:solid 1px #d9dbdb;
	  }
}
.sidenav-wrapper > h3.title { padding:30px 0 20px 0;margin:0; }
.sidenav li a {
	font-size:16px;
  padding: 6px 20px;
  display: block;
  width: 100%;
  position: relative;
  font-weight: 500;
  border-bottom:1px solid rgba(0,0,0,0.1);
  margin-right:-1px;
}
.sidenav li a i {margin-right: 10px;}

/*************pagination***********/
.pagination > li > a {color:#666;}

.pagination .active a.page-link, 
.pagination a.page-link.active, 
.pagination .active a.page-link:hover, 
.pagination a.page-link.active:hover, 
.pagination .active a.page-link:focus, 
.pagination a.page-link.active:focus,
.sidenav li a.active
{
  background-color: #173c8e;border-color:#173c8e;color:#fff;font-weight:500;
}

.jobs-row h4.panel-title {
  font-weight: 400;
  text-align: left;
}

.jobs-row h4.panel-title a {
  font-size: 15px;
}

.jobs-row h4.panel-title em {
  font-weight: 400;
  font-size: 12px;
  color: #999;
  display: block;
  margin-top: 0px;
}
/****dropdown login***/
.dropdown-login-box {
  overflow: hidden;
  padding: 15px !important;
  min-width: 300px !important;
  background-color: #fff !important;
}

.dropdown-login-box .btn {
  margin-top: 10px;
}

.dropdown-login-box h4 {
  margin: 5px 0 10px 0;
}

.dropdown-login-box h4 em {
  font-size: 12px;
  color: #ff5404;
  font-weight: 400;
}

.dropdown-login-box input[type=checkbox] {
  margin: 5px -20px 0;
  line-height: normal;
}

.dropdown-login-box p {
  margin: 0;
}

.dropdown-login-box p a {
  color: #ff5404;
}

.dropdown-login-box p a:hover {
  color: #ff5404;
  text-decoration: underline;
}

/*******************new contact pages************************/
.sky-form-columns .btn-lg {
  padding: 14px 28px 13px 28px !important;
}

.sky-form-columns .sky-form {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.sky-form-columns .sky-form footer {
  border: 0px;
  background-color: transparent;
  padding: 0px;
}

.sky-form-columns .sky-form fieldset {
  padding: 0px;
}

.contact-option-circle {
  text-align: center;
  background-color: #f5f5f5;
  padding: 25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.contact-option-circle i {
  font-size: 35px;
  color: #888;
  display: block;
  margin-bottom: 10px;
}

.sky-form-columns .sky-form fieldset + fieldset {
  border-top: 0px;
}

/*******************dark dropdown code here*****************/
.navbar .dropdown-menu.dark-dropdown {
  border: 1px solid #444;
}

.navbar .dropdown-menu.dark-dropdown li a {
  color: #bbb;
}

.navbar .dropdown-menu.dark-dropdown li a:hover {
  color: #ff5404;
  background-color: transparent;
}

.navbar .dropdown-menu.dark-dropdown, .navbar .dropdown-menu.dark-dropdown .yamm-content {
  background-color: #333;
}

.navbar .dropdown-menu.dark-dropdown li a {
  border-color: #444;
}

.navbar .dropdown-menu.dark-dropdown .yamm-content h3 {
  color: #fff;
}

.navbar .dropdown-menu.dark-dropdown .dropdown-submenu .dropdown-menu li a {
  border-color: #444 !important;
}

/**************intro text**************/
.intro-text-default {
  padding: 80px 0;
}

.intro-text-default h4 {
  
  font-weight: 400;
  font-size: 35px;
  margin-bottom: 30px;
}

@media (max-width: 375px) {
  .intro-text-default h4 {
    font-size: 28px;
    line-height: 40px;
  }
}
.intro-text-default p {
  font-size: 16px;
}

.intro-text-1 {
  background: #05101b;
  padding: 40px 0;
}

.intro-text-1 h4 {
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
}

.intro-text-1 h4 strong {
  color: #ff5404;
  font-weight: 700;
}

.intro-text-1 p {
  font-size: 16px;
  font-weight: 400;
  color: #999;
}

.intro-text-1 a {
  margin-top: 15px;
}

.intro-text-1.light {
  background-color: #f5f5f5;
}

.intro-text-1.light h4 {
  color: #333;
  text-transform: uppercase;
  font-weight: 700;
}

.intro-2nd h3 {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 50px;
  font-size: 40px;
}

.intro-2nd p {
  font-size: 15px;
  line-height: 35px;
  font-weight: 400;
  color: #777;
  margin: 30px 0;
}

.testimonials-light {
  padding: 80px 0;
  background-color: #f8f8f8;
}

.testimonials-light h4 {
  
  font-weight: 400;
  color: #000;
  font-style: normal;
}

/****massonary****/
.mas-boxes-inner {
  padding: 0px;
  margin-bottom: 30px;
  box-shadow: rgba(0, 0, 0, 0.09804) 0px 5px 25px;
  border-radius: 5px;
  overflow: hidden;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mas-boxes-inner:hover {
  box-shadow: rgba(0, 0, 0, 0.09804) 0px 2px 15px;
}

.mas-blog-inner {
  padding: 20px;
  background-color: #fff;
}

.mas-blog-inner h3 {
  text-transform: capitalize;
}

.mas-blog-inner .post-detail {
  margin-top: 0px;
  margin-bottom: 10px;
}

.mas-blog-inner h3 {
  margin-bottom: 15px;
  font-weight: 400;
}
.scrollup {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    /*-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    opacity: 0.8; */
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: none;
    text-align: center;
    color: #000;
    font-size: 1rem;
    background: rgba(255,255,255,0.9);
    z-index: 9999;
	border-radius:100%;
	text-transform:uppercase;
	letter-spacing:-0.05rem
}

.scrollup i { line-height: 38px }

a.scrollup:hover i,
a.scrollup:focus i {
    text-decoration: none;
    color: #fafafa;
    outline: none;
}
.bg-kakao { background-color:#fee100;color:#533d40; }
.bg-kakao * {color:#533d40; }
.bg-white, .bg-white > [class*="b-"] {border-color:rgba(0,0,0,.05)}
.bg-black,.bg-black a,.bg-black a:active,.bg-black a:focus,.bg-black a:hover,.bg-black:active,.bg-black:focus,.bg-black:hover,.bg-black[href],.bg-black[href]:active,.bg-black[href]:focus,.bg-black[href]:hover{color:#fff!important}
.border-rounded{border-radius:2px!important}.border-round{border-radius:99999px!important}
.border-radius-0{border-radius:0 !important}
.bg-white{background-color:#fff}
.btn-outline.bg-white{background-color:#fff !important}
.bg-white .bg-white.darken,.bg-white.darken,.bg-white[href]:hover{background-color:#f7f7f7 !important}
.bg-black,.bg-black .bg-black{border-color:#141418!important}
.bg-white .bg-white.darken[href]:hover,.bg-white .bg-white.darker,.bg-white.darken[href]:hover,.bg-white.darker{background-color:#f4f5f5}
.bg-white .bg-white.darker[href]:hover,.bg-white.darker[href]:hover{background-color:#e8e8e8}
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
/*.container>.navbar-collapse { margin:0;}*/
.navbar-nav { margin:0px 0;}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:100%;height:auto !important; border:1px solid #ccc;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #ccc transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important;}
#autosave_pop ul { border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;background:#f9f9f9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;color:#666}
.autosave_close {cursor:pointer;font-weight:bold;font-size:0.92em;position:absolute;right:20px;top:8px;}
.autosave_content {display:none}
.autosave_del{font-size:0;overflow:hidden;height:18px;width:18px; text-align:center;background-color:#cc0000; border:none;margin:0;padding:0;}
.autosave_del::before{text-indent:0;font-size:14px;line-height:18px;color:#fff;font-family:"FontAwesome";content:"\f00d";display:block;}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:none}
.hd_pops_con {}
.hd_pops_footer {padding: 5px 0; color:#fff;text-align:left;position:relative;}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
@media(max-width:767px){
	#hd_pops_998 { width:98%;left:1%;}
}
@media(min-width:768px){
	#hd_pops_998 { width:700px;left:50%;margin-left:-300px;top:121px;}
}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

.input-group-addon > label { margin:0;}
.ui-datepicker{z-index:2 !important}
.table thead tr:first-child th{border-top:solid 2px #173c8e}
.table th, .table td, .table thead th{vertical-align:inherit}
.table-bordered thead td, .table-bordered thead th{border-bottom:1px;}
.table-bordered>thead>tr>th { text-align:center;}
.title{text-align:center;}
.title h2{display:inline-block;text-align:center;padding-bottom:20px;margin-top:10px;margin-bottom:30px;position:relative;}
.title h2::before, .title h2::after{content:'';position:absolute;}
.title h2::before{width:100%;height:1px;bottom:0;left:0;background-color:#ccc;}
.title h2::after{width:10px;height:10px;left:50%;bottom:-5px;margin:0 0 0 -5px;background-color:#173c8e;z-index:1;}
.table{table-layout:fixed;}
.table-room th:nth-child(2),
.table-room td:nth-child(2)
{min-width:300px;width:300px;}
.table-hotel th:nth-child(1),
.table-hotel td:nth-child(1)
{min-width:180px;width:180px;}

@media (min-width:1200px){
	.header .navbar-nav > li  { width:16.6666%;}
	.container, .container-lg, .container-md, .container-sm{max-width:1200px}
}
@media (max-width:991px){
	.container{width:100%;max-width:none;}
	.navbar-default .navbar-nav > li > a { padding:0 10px;font-size:16px;}
}
@media (max-width:767px){
	.nav-tabs.nav-justified>li {float:left;margin:0;}
	.nav-tabs.nav-justified>li>a {margin-bottom:1px;border-bottom: 1px solid #ddd;}
	.nav-tabs.nav-justified>.active>a { border-width:0px 0px 1px 0px;}
	  .dropdown-submenu > .dropdown-menu {
		display: block;
		margin-left: 15px;
	  }

	  .dropdown-submenu > .dropdown-menu {
		padding-left: 20px;
	  }

	  .navbar-inverse.transparent-header {
		background-color: #111 !important;
	  }
}

@media (min-width:768px){
	.navbar-default .navbar-nav > li > a { line-height:65px;}
}
@media (min-width:768px) and (max-width:979px){
	.container {width: 100%;}
}
@media (max-width:1199px){
	.container{width:100%;max-width:none;}
}
@media (max-width:991px){
	.header .navbar-nav > li  { width:20%;}
	.header .top-bar { height:30px;line-height:30px;}
	.breadcrumb-wrapper {padding:15px 0}
	.breadcrumb-wrapper h1 {text-indent:-999px;font-size:0;}
	.navbar-custom .navbar-header{display:flex;width:100%;padding:0 15px;margin:0;align-items:center;justify-content: space-between;}
	.navbar-brand{margin:0 auto;}
	.navbar-nav>li>.dropdown-menu { width:100%;left:0;margin:0;}
	.navbar-custom .navbar-collapse{position:fixed;width:60%;height:calc(100vh - 106px) !important;transition:all .3s;left:-60%;top:106px;z-index:2;background-color:#fff;opacity:0}
	.navbar-custom .navbar-collapse.show{left:0;opacity:1}
	.navbar-custom.fixed-top .navbar-collapse{height:calc(100vh - 66px) !important;top:66px}
	.navbar-default .navbar-nav > li > a { padding:10px 20px;border-bottom:1px solid #e9e9e9}
	.navbar-toggler{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;border:none;font-size:36px;line-height:40px;position:relative;color:#173c8e}
	.navbar-toggler span.navbar-toggler-icon, .navbar-toggler span.navbar-toggler-icon::before, .navbar-toggler span.navbar-toggler-icon::after{width:32px;height:3px;background-color:#173c8e;position:absolute;left:0;transition:all .3s;}
	.navbar-toggler span.navbar-toggler-icon{top:50%;margin-top:-1.5px;}
	.navbar-toggler span.navbar-toggler-icon::before, .navbar-toggler span.navbar-toggler-icon::after{content:'';}
	.navbar-toggler span.navbar-toggler-icon::before{top:-10px}
	.navbar-toggler span.navbar-toggler-icon::after{top:10px}
	.navbar-toggler[aria-expanded="true"] span.navbar-toggler-icon{background-color:transparent}
	.navbar-toggler[aria-expanded="true"] span.navbar-toggler-icon::before{
		webkit-transform: translateX(0px) translateY(10px) rotate(45deg);
	    -ms-transform: translateX(0px) translateY(10px) rotate(45deg);
	    transform: translateX(0px) translateY(10px) rotate(45deg);
	 }
	.navbar-toggler[aria-expanded="true"] span.navbar-toggler-icon::after{
		webkit-transform: translateX(0px) translateY(-10px) rotate(-45deg);
	    -ms-transform: translateX(0px) translateY(-10px) rotate(-45deg);
	    transform: translateX(0px) translateY(-10px) rotate(-45deg);
	 }
}
@media (max-width:767px){
	.table-notice colgroup, .table-notice thead,
	.table-online colgroup, .table-online thead
	{display:none;}
	.table-notice table, .table-notice tbody, .table-notice tr,
	.table-online table, .table-online tbody, .table-online tr
	{display:block;}
	.table-notice tr th:nth-child(1),
	.table-notice tr td:not(:only-child):nth-child(1)
	{display:none;}
	.table-notice tbody tr, .table-online tbody tr { border-bottom:1px solid hsla(0,0%,87%,1);}
	.table-notice tbody tr::after, .table-online tbody tr::after { content:"";display:block;clear:both;;}
	.table-notice tbody tr td, .table-online tbody tr td { display:inline-block;float:left;border:none;}
	.table-notice tr td:nth-child(2), .table-notice tr td:only-child {width:100%;padding-bottom:0.5rem;font-weight:500;}
	.table-notice tr td:nth-child(n+3) {width:auto;padding-top:0.5rem;}
	.table-notice tr td:nth-child(n+3)::before {content:attr(data-title);display:inline;padding-right:5px;color:#999;;}
	.table-responsive {position:relative;overflow-y:auto !important;}
	.breadcrumb-wrapper .pattern-overlay { padding:0px 0;}
	.sub-layout .content{padding:30px 0;width:100%;}
	.navbar-custom .navbar-nav .nav-link{padding:10px 10px;}
}
@media (min-width:576){
}
	.cs_box{height:100%;}
.header .navbar-nav > li > a { padding:15px 30px !important;text-align:left;}
.yamm-content .nav:not(:last-child) li:last-child { margin-bottom:15px;}
header .yamm .logo ~ .dropdown > a {
	display:block;
	position:relative;
	border:1px solid #313233;
	line-height:6px;margin:31px 0 auto 10px;width:48px;height:48px;text-align:center;padding:5px 0;z-index:991;
}