@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
* {
  padding: 0;
  margin: 0;
}
a:hover {
  text-decoration: none !important;
}
html,
body {
  height: 100%;
}
body {
  /* font-family: 'Nanum Gothic', sans-serif !important;*/
  font-family: 'Malgun Gothic', dotum, sans-serif !important;

}
.slider-text{text-align: center;position: relative;top:40px;}
.slider-text a{color:#000;}
.slider-text a:hover{color:#000;}
.slider-text h3{font-weight: 700;}
.slider-text p{font-size: 14px;word-break: keep-all;}
.flipster__button{top:42% !important;}
.flipster__item--past{top:-90px;}
.flipster__item--future{top:-90px;}
.flipster__item--past .flipster__item__content .slider-text{display: none;}
.flipster__item--future .flipster__item__content .slider-text{display: none;}
.flip-items{height: 588px !important;}

.normal {
  font-weight: 400;
}
.bold {
  font-weight: 700;
}
.bolder {
  font-weight: 800;
}
.light {
  font-weight: 300;
}
.main-color {
  color: #92BD3A;
}
.container-box {
  margin: 0 auto;
  width: 1200px;
}
 
.container-box-big {
  margin: 0 auto;
  width: 1200px;
}
.right-button {
  position: fixed;
  right: 50px;
  top: 300px;
  z-index: 8888;
}
.right-button ul {
  list-style: none;
}
.right-button ul li {
  display: block;
  text-align: center;
  background-color: #0A1126;
  padding: 6px 7px;
  margin-bottom: 10px;
  height: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.right-button ul li a span {
  display: block;
  color: #D4BC23;
  font-size: 13px;
}
.right-button ul li a img {
  margin-top: 5px;
  width: 25px;
}
.right-button ul li a p {
  margin: 0;
  font-size: 14px;
  color: #B4AFAF;
  padding: 7px 0;
}
.navbar-dark {
  background-color: rgba(7, 7, 7, 0.9);
}
.navbar-expand-md .navbar-nav .nav-link {
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
  font-size: 15px !important;
  color: #FFF !important;
}
.navbar-expand-md .navbar-nav .user-link {
  font-size: 12px !important;
  line-height: 23px;
}
.dropdown-toggle::after {
  display: none !important;
}
.nav-item a {
  color: #FFF;
  display: block;
  padding: 23px;
}
.nav-item a:hover {
  color: #92bd3a;
}
.navbar {
  padding: 0 !important;
}
.dropdown-menu {
  border-radius: 0 !important;
  background-color: rgba(7, 7, 7, 0.6) !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.dropdown-menu li a {
  padding: 8px 15px;
  font-size: 15px;
}
.dropdown:hover .dropdown-menu,
.btn-group:hover .dropdown-menu {
  display: block;
}
.dropdown-menu {
  margin-top: 0;
}
.dropdown-toggle {
  margin-bottom: 2px;
}
.navbar .dropdown-toggle,
.nav-tabs .dropdown-toggle {
  margin-bottom: 0;
}
.user {
  padding-top: 4px;
}
.user a {
  padding: 23px 7px !important;
  font-size: 13px !important;
}
.mtel {
  display: none;
}

.footer {
  background: url('../img/footer-bg@2x.png');
  min-height: 450px;
  background-size: cover;
}
.footer .container-box .footer-content {
  padding: 70px 0;
  display: flex;
  position: relative;
}
.footer .container-box .footer-content .map {
  flex: auto;
  width: 790px;
  vertical-align: top;
  margin-right: 10px;
}
.footer .container-box .footer-content .info {
  position: relative;
  top: -1px;
  margin-right: auto;
  background-color: #2B2B2B;
  vertical-align: top;
  width: 380px;
  height: 331px;
  padding: 38px 20px;
}
.footer .container-box .footer-content .info h3 {
  padding-top: 1px;
  color: #FFF;
  font-size: 25px;
  font-weight: 700;
}
.footer .container-box .footer-content .info h4 {
  font-size: 35px;
  font-weight: 800;
  color: #CCA865;
}
.footer .container-box .footer-content .info p {
  font-size: 14px;
  color: #ABAAAA;
  margin: 0;
}
.footer .container-box .footer-content .info ul {
  margin-top: 20px;
  list-style: none;
}
.footer .container-box .footer-content .info ul li {
  display: inline-block;
}
.footer .container-box .footer-content .info ul li a img {
  width: 30px;
}
.footer-info {
 
  background: #606060;
}
.footer-info .container-box h4 {
  margin: 0 auto;
  width: 260px;
}
.footer-info .container-box h4 a img {
  width: 100%;
}
.footer-info .container-box ul {
  margin-top: 10px;
  text-align: center;
}
.footer-info .container-box ul li {
  display: inline-block;
  padding: 0 7px;
}
.footer-info .container-box ul li a {
  font-size: 14px;
  color: #000;
}
.footer-info .container-box .f-txt {
  text-align: center;
  padding-top: 10px;
}
.footer-info .container-box .f-txt p {
  margin: 0;
  padding-bottom: 4px;
  font-size: 13px;
}

.main-content {
  width: 100%;
  background-color: #F5F5F5;
}
.carousel {
  height: 100%;
}
.carousel-inner {
  height: 100%;
}
.carousel-caption {
  bottom: 42% !important;
}
.layer {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.30980392);
}
.carousel-fade .carousel-item{
	height: 100%;
}
.bg-01 {
  background: url('../img/main-slider-01.png') no-repeat center center;
  height: 100%;
  /*animation: zoom 30s infinite;*/
}
.bg-02 {
  background: url('../img/main-slider-02.png') no-repeat center center;
  height: 100%;
  /*animation: zoom 30s infinite;*/
}
.bg-03 {
  background: url('../img/main-slider-03.png') no-repeat center center;
  height: 100%;
  /*animation: zoom 30s infinite;*/
}
.bg-04 {
  background: url('../img/main-slider-04.png') no-repeat center center;
  height: 100%;
  /*animation: zoom 30s infinite;*/
}
.footer-info {
 
  background: #606060;
}
.main_bg01 {
    padding: 3px 0 3px !important;
    
}
.title01 {
  padding: 70px 0;
}
.title01 h2 {
  font-size: 29px;
  font-weight: bold;
}
.title01 p {
  font-size: 14px;
  margin: 0;
}
.bg-0101 {
  background: url('../img/content-01-bg-01@2x.png') no-repeat center center;
}
.bg-0102 {
  background: url('../img/content-01-bg-02@2x.png') no-repeat center center;
}
.bg-0103 {
  background: url('../img/content-01-bg-03@2x.png') no-repeat center center;
}
.no-padding {
  padding: 0 !important;
}
.main-image {
  min-height: 580px;
  background-size: cover;
  position: relative;
}
.main-image a {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  color: #FFF;
}
.main-image a:hover {
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.30980392);
}
.main-image a h2 {
  padding-top: 250px;
  font-size: 45px;
}
.main-image a p {
  font-size: 35px;
  font-weight: 300;
}
.five-list {
  width: 100%;
  padding: 140px 0 100px 0;
}
.five-list ul {
  list-style: none;
}
.five-list ul li {
  width: 19.7%;
  display: inline-block;
  text-align: center;
  border-left: 1px solid #CCC;
}
.five-list ul li:last-child {
  border-right: 1px solid #CCC;
}
.five-list ul li a h2 {
  font-size: 17px;
  font-weight: bold;
  color: #000;
}
.five-list ul li a .line {
  width: 15px;
  height: 1px;
  margin: 0 auto 10px auto;
  background-color: salmon;
}
.five-list ul li a p {
  color: #8A8A8A;
  font-size: 13px;
}
.third-list {
  padding-bottom: 70px;
}
.third-list .row .mbox {
  height: 233px;
  text-align: center;
  color: #FFF;
  position: relative;
}
.third-list .row .mbox h2 {
  font-size: 25px;
  font-weight: bolder;
  padding-top: 65px;
}
.third-list .row .mbox p {
  padding-top: 25px;
}
.third-list .row .mbox p a {
  display: inline-block;
  background-color: #697D31;
  color: #FFF;
  padding: 10px 35px;
  font-size: 14px;
}
.third-list .row .mbox .bg-box {
  box-sizing: border-box;
}
.third-list .row .mbox .bg-box h2 {
  font-size: 25px;
  font-weight: 300;
  padding-top: 65px;
  color: #000;
}
.third-list .row .mbox .bg-box h3 {
  font-size: 25px;
  font-weight: bolder;
  color: #000;
}
.third-list .row .mbox .bg-box p {
  padding-top: 5px;
}
.third-list .row .mbox .bg-box p a {
  display: inline-block;
  background-color: #697D31;
  color: #FFF;
  padding: 10px 35px;
  font-size: 14px;
}
.third-list .row .bg-0301 {
  background: url('../img/m-image-01@2x.png') no-repeat center center;
  background-size: cover;
}
.third-list .row .bg-0302 {
  background: url('../img/m-image-02@2x.png') no-repeat center center;
  background-size: cover;
}
.third-list .row .bg-0303 {
  background: url('../img/m-image-03@2x.png') no-repeat center center;
  background-size: cover;
}
.two-list .row .bg0401 {
  background: url('../img/m-image-010101@2x.png') no-repeat center center;
  min-height: 607px;
  background-size: cover;
}
.two-list .row .bg0402 {
  background: url('../img/m-image-010102@2x.png') no-repeat center center;
  min-height: 607px;
  background-size: cover;
}
.two-list .row .col-md-6 .content {
  text-align: center;
  color: #FFF;
  padding-top: 200px;
}
.two-list .row .col-md-6 .content h2 {
  font-size: 25px;
  font-weight: 300;
}
.two-list .row .col-md-6 .content h3 {
  font-size: 44px;
  font-weight: 700;
}
@media screen and (max-width: 1200px) {
  .main-content {
    width: 100%;
    background-color: #F5F5F5;
  }
  .carousel {
    height: 340px;
  }
  .carousel-inner {
    height: 340px;
  }
  .carousel-caption {
    bottom: 15% !important;
  }
  .carousel-caption h1 {
    font-size: 24px;
    line-height: 30px;
    word-break: keep-all;
  }
  .carousel-caption p{
	  font-size: 15px;
	  word-break: keep-all;
  }
  .layer {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.30980392);
  }
  .bg-01 {
    background: url('../img/m-main-slider-01.png') no-repeat top center;
    background-size: cover;
    height: 100%;
  }
  .bg-02 {
    background: url('../img/m-main-slider-02.png') no-repeat top center;
    background-size: cover;
    height: 100%;
  }
  .bg-03 {
    background: url('../img/m_slide_img03.png') no-repeat top center;
    background-size: cover;
    height: 100%;
  }
  .footer-info {
 
  background: #2f2f2f;
}
  .title01 {
    padding: 25px 0;
  }
  .title01 h2 {
    font-size: 29px;
    font-weight: bold;
  }
  .title01 p {
    font-size: 14px;
    margin: 0;
  }
  .bg-0101 {
    background: url('../img/content-01-bg-01@2x.png') no-repeat center center;
  }
  .bg-0102 {
    background: url('../img/content-01-bg-02@2x.png') no-repeat center center;
  }
  .bg-0103 {
    background: url('../img/content-01-bg-03@2x.png') no-repeat center center;
  }
  .no-padding {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .main-image {
    min-height: 350px;
    background-size: cover;
    position: relative;
  }
  .main-image a {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    color: #FFF;
  }
  .main-image a:hover {
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.30980392);
  }
  .main-image a h2 {
    padding-top: 150px;
    font-size: 25px;
  }
  .main-image a p {
    font-size: 18px;
    font-weight: 300;
  }
  .five-list {
    width: 100%;
    padding: 30px 15px;
  }
  .five-list ul {
    list-style: none;
  }
  .five-list ul li {
    width: 32.5%;
    display: inline-block;
    text-align: center;
    border-left: 1px solid #CCC;
    margin-bottom: 20px;
  }
  .five-list ul li:last-child {
    border-right: 1px solid #CCC;
  }
  .five-list ul li:nth-child(4) {
    margin-left: 18%;
  }
  .five-list ul li:nth-child(3) {
    border-right: 1px solid #CCC;
  }
  .five-list ul li a h2 {
    font-size: 15px;
    font-weight: bold;
    color: #000;
  }
  .five-list ul li a .line {
    width: 15px;
    height: 1px;
    margin: 0 auto 10px auto;
    background-color: salmon;
  }
  .five-list ul li a p {
    color: #8A8A8A;
    font-size: 11px;
  }
  .five-list ul li a p span {
    display: block;
  }
  .third-list {
    padding-bottom: 30px;
  }
  .third-list .row .mbox {
    height: 233px;
    text-align: center;
    color: #FFF;
    position: relative;
    margin-bottom: 15px;
  }
  .third-list .row .mbox h2 {
    font-size: 25px;
    font-weight: bolder;
    padding-top: 65px;
  }
  .third-list .row .mbox p {
    padding-top: 25px;
  }
  .third-list .row .mbox p a {
    display: inline-block;
    background-color: #697D31;
    color: #FFF;
    padding: 10px 35px;
    font-size: 14px;
  }
  .third-list .row .mbox .bg-box {
    box-sizing: border-box;
  }
  .third-list .row .mbox .bg-box h2 {
    font-size: 25px;
    font-weight: 300;
    padding-top: 65px;
    color: #000;
  }
  .third-list .row .mbox .bg-box h3 {
    font-size: 25px;
    font-weight: bolder;
    color: #000;
  }
  .third-list .row .mbox .bg-box p {
    padding-top: 5px;
  }
  .third-list .row .mbox .bg-box p a {
    display: inline-block;
    background-color: #697D31;
    color: #FFF;
    padding: 10px 35px;
    font-size: 14px;
  }
  .third-list .row .bg-0301 {
    background: url('../img/m-image-01@2x.png') no-repeat center center;
    background-size: cover;
  }
  .third-list .row .bg-0302 {
    background: url('../img/m-image-02@2x.png') no-repeat center center;
    background-size: cover;
  }
  .third-list .row .bg-0303 {
    background: url('../img/m-image-03@2x.png') no-repeat center center;
    background-size: cover;
  }
  .two-list {
    padding: 0 !important;
  }
  .two-list .row .bg0401 {
    background: url('../img/m-image-010101@2x.png') no-repeat center center;
    min-height: 300px;
    background-size: cover;
  }
  .two-list .row .bg0402 {
    background: url('../img/m-image-010102@2x.png') no-repeat center center;
    min-height: 300px;
    background-size: cover;
  }
  .two-list .row .col-md-6 .content {
    text-align: center;
    color: #FFF;
    padding-top: 100px;
  }
  .two-list .row .col-md-6 .content h2 {
    font-size: 18px;
    font-weight: 300;
  }
  .two-list .row .col-md-6 .content h3 {
    font-size: 26px;
    font-weight: 700;
  }
  .two-list .row .col-md-6 .content p {
    margin: 0;
    font-size: 14px;
  }
  .navbar-dark .navbar-brand{
	  width: 190px;
  }
}
.subpage {
  
  background-size: cover;
  min-height: 400px;
  text-align: center;
  color: #FFF;
}
.subpage h2 {
  padding-top: 160px;
  font-size: 40px;
}
.subpage .line {
  width: 90px;
  height: 1px;
  background-color: #FFF;
  margin: 0 auto;
}
.subpage p {
  font-size: 16px;
  padding-top: 15px;
}
@media screen and (max-width: 1200px) {
body {
    overflow-x: hidden;
  }
  .container-box {
    width: 100%;
  }
.right-button {
    display: none;
  }
  .mtel {
    display: block;
    padding-left: 40px;
  }
  .mtel img {
    width: 20px;
  }
  .navbar-dark {
    background-color: rgba(7, 7, 7, 0.9);
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
    font-size: 15px !important;
    color: #FFF !important;
  }
  .navbar-expand-md .navbar-nav .user-link {
    font-size: 12px !important;
    line-height: 23px;
  }
  .dropdown-toggle::after {
    display: none !important;
  }
  .nav-item a {
    color: #FFF;
    display: block;
    padding: 13px 25px;
  }
  .nav-item a:hover {
    color: #92bd3a;
  }
  .navbar {
    padding: 0 !important;
  }
  .dropdown-menu {
    border-radius: 0 !important;
    background-color: rgba(7, 7, 7, 0.9) !important;
    border: 0 !important;
    margin: 0 !important;
    padding-left: 20px !important;
  }
  .dropdown-menu li a {
    padding: 10px 25px;
  }
  .dropdown:hover .dropdown-menu,
  .btn-group:hover .dropdown-menu {
    display: block;
  }
  .dropdown-menu {
    margin-top: 0;
  }
  .dropdown-toggle {
    margin-bottom: 2px;
  }
  .navbar .dropdown-toggle,
  .nav-tabs .dropdown-toggle {
    margin-bottom: 0;
  }
  .user {
    padding-top: 4px;
  }
  .user a {
    padding: 10px 25px !important;
    font-size: 13px !important;
  }
  .navbar-toggler {
    border: 0 !important;
  }
  .navbar-toggler:hover {
    outline: none !important;
  }
  .navbar-toggler:focus {
    outline: none !important;
  }
.flipster__item{width:100% !important;}
.flipster__item__content{width:100% !important;}
.slider-text{width:200px;margin:0 auto;}
.flipster{height: 340px !important;overflow-x: unset !important;}

.flipster__button{top:27% !important;}
.flipster__item--past{top:-110px;}
.flipster__item--future{top:-110px;}
.flipster__item--past .flipster__item__content .slider-text{display: none;}
.flipster__item--future .flipster__item__content .slider-text{display: none;}
.flip-items{height: 588px !important;}
.slider-text{text-align: center;position: relative;top:40px;min-height: 120px;}
.slider-text h3{font-weight: 700;font-size: 24px;}
  .footer {
    background: url('../img/footer-bg@2x.png');
    min-height: 450px;
    background-size: cover;
  }
  .footer .container-box {
    padding-left: 15px;
    padding-right: 15px;
  }
  .footer .container-box .footer-content {
    padding: 30px 0;
    display: block;
    position: relative;
  }
  .footer .container-box .footer-content .map {
    flex: auto;
    width: 100%;
    vertical-align: top;
    margin-right: 10px;
  }
  .footer .container-box .footer-content .info {
    position: relative;
    top: -1px;
    margin-right: auto;
    background-color: #2B2B2B;
    vertical-align: top;
    width: 100%;
    height: 331px;
    padding: 38px 20px;
  }
  .footer .container-box .footer-content .info h3 {
    padding-top: 25px;
    color: #FFF;
    font-size: 25px;
    font-weight: 700;
  }
  .footer .container-box .footer-content .info h4 {
    font-size: 35px;
    font-weight: 800;
    color: #CCA865;
  }
  .footer .container-box .footer-content .info p {
    font-size: 14px;
    color: #ABAAAA;
    margin: 0;
  }
  .footer .container-box .footer-content .info ul {
    margin-top: 20px;
    list-style: none;
  }
  .footer .container-box .footer-content .info ul li {
    display: inline-block;
  }
  .footer .container-box .footer-content .info ul li a img {
    width: 30px;
  }
  .footer-info {
    padding: 20px 15px;
  }
  .footer-info .container-box h4 {
    margin: 0 auto;
    width: 100%;
  }
  .footer-info .container-box h4 a img {
    width: 100%;
  }
  .footer-info .container-box ul {
    margin-top: 10px;
    text-align: center;
  }
  .footer-info .container-box ul li {
    display: inline-block;
    padding: 0 7px;
  }
  .footer-info .container-box ul li a {
    font-size: 14px;
    color: #000;
  }
  .footer-info .container-box .f-txt {
    text-align: center;
    padding-top: 10px;
  }
  .footer-info .container-box .f-txt p {
    margin: 0;
    padding-bottom: 4px;
    font-size: 13px;
  }
  .subpage {
  background: url('../img/sub-header@2x.png') no-repeat center center;
  background-size: cover;
  min-height: 230px;
  text-align: center;
  color: #FFF;
}
.subpage h2 {
  padding-top: 120px;
  font-size: 30px;
}
}
@keyframes zoom {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}