/*==============================

              Slider

================================*/
.mk-slider {
  padding: 0;
}

.mk-slider .carousel-inner > .active,
.mk-slider .carousel-inner > .next,
.mk-slider .carousel-inner > .prev {
    display: table;
}

/* 좌우 버튼 */
.mk-slider .carousel-control {
    background-image: none;
    width: 54px;
    height: 54px;
    top: 50%;
    margin-top: -27px;
    line-height: 54px;
    border: 2px solid #fff;
    opacity: 0.5;
    text-shadow: none;
    z-index: 5;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.mk-slider .carousel-control.left {
	margin-left: 20px;
}
.mk-slider .carousel-control.right {
	margin-right: 20px;
}
.mk-slider .carousel-control:hover {
	background: none;
  color: none;
  opacity: 1;
}
@media (max-width: 767px) {
  .mk-slider .carousel-control {
      top: auto;
      bottom: 20px;
  }
}

/* 하단 버튼 */
.mk-slider .carousel-indicators {
    bottom: 20px;
}
.mk-slider .carousel-indicators li,
.mk-slider .carousel-indicators .active {
    width: 19px;
    height: 19px;
    margin: 5px;
    border: 2px solid #ffffff;
}

.mk-slider .carousel-indicators .active
{background:#7f280b; border-color:#7f280b;}
.mk-slider .mk-overlay {
    z-index: 0;
    opacity:0.5;
}

/* boxed model */
.mk-slider > .boxed-slider {
    position: relative;
    padding: 93px 0;
}
.mk-slider > .container .carousel-indicators {
    margin-bottom: 93px;
}
@media (max-width: 767px) {
    .mk-slider > .container .carousel-control {
        margin-bottom: 93px;
    }
}
.mk-slider > .container img {
    width: 100%;
}
.mk-slider > .container img + .row {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.mk-slider .mk-section {
    padding-left: 0;
    padding-right: 0;
}

/* article layout */
.mk-slider .article-slider > div {
    padding-left: 0;
    padding-right: 0;
}
.mk-slider > .container.article-slider .carousel-indicators {
    margin-bottom: 0;
}
.mk-section-container {
  padding: 0;
  position: relative;
  width: 100%;
  margin: 0 auto;
  z-index: 3;
}
.mk-box {
  position: relative;
  display: table;
  overflow: hidden;
  width: 100%;
  height: 690px; /* 100vh(937px) */
  padding: 0;  
  background-attachment: scroll;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.mk-box-magnet {
  display: table-cell;
  float: none;
  height: 100%;
  margin-bottom: 0;
  margin-top: 0;  
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 767px) {  
  .mk-box--adapted > .mk-box-magnet {
    display: block;
    height: auto;
  }
}

/* 텍스트 */
.mk-hero {
  color: #fff;
  position: relative;  
}
.mk-hero-text {
  font-family: 'Roboto', sans-serif;
  font-size: 65px;  
  color: #ffffff;
  letter-spacing: -1px;
  line-height: 50px;
  margin: -18px 0 1px 0;
  padding-bottom: 50px;
  left: 0;
  position: relative;
  top: 0;
}
.mk-hero-subtext {
  font-size: 20px;
  line-height: 30px;
  margin: -32px 0 3px 0;
  padding: 0 0 15px 0;
  left: 0;
  position: relative;
  top: 6px;
}

/* 자세히 보기 버튼 */
.mk-buttons {
  margin: -26px 0 13px 0;
  position: relative;
  text-align: center;
  top: 26px;
  left: 0;
}
.mk-buttons-btn {
  margin: 0 10px 13px 0;
}
.mk-buttons-btn,
.mk-buttons-btn:hover {
  text-decoration: none;
}
.btn-blue2 {  
  color: #fff;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #ffffff;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.btn-blue2:hover,
.btn-blue2:focus,
.btn-blue2.focus,
.btn-blue2:active,
.btn-blue2.active {
  color: #fff;
  background-color: #002460;
  border-color: #002460;
}


/*
.mk-slider .carousel-indicators
{display : none;}*/
.mk-slider .carousel-control
{display : none;}

/* 모바일 */
@media (max-width: 530px) {
  .mk-box {
    height: 470px;
  }
  .mk-hero-text {
    font-size: 48px; 
    padding-bottom: 20px;
  }
  .mk-hero-subtext {
    font-size: 15px;
    margin-top: -22px;
  }
  .mk-hero-text, .mk-hero-subtext {    
    left: 0;    
    padding-bottom: 20px;
  } 
  .mk-buttons {
    left: 0;
  }
  .mk-buttons-btn {
    display: inline-block;
    margin: 0 0 15px 0;
    text-align: center;
    width: 100%;
  }
}






.mk-slider
{height:650px;}
.mk-section-container , .mk-section-container > div , .carousel-inner , .mk-box
{height:100%;}

.mk-hero
{width:auto; display : inline-block; text-align:left;}
.mk-slider .container
{text-align:right;}
.mk-slider .col-md-8
{width:100%; margin:0px;}

.mk-hero-text1-1 , .mk-hero-text1-2, .mk-hero-text1-3
{font-family:'Roboto'; color:white; padding:0px;}
.mk-hero-text1-1
{font-size:50px; padding:0px; font-size:72px; color:#7f280b; font-weight:600; letter-spacing:5px;}
.mk-hero-text1-2
{font-size:54px;}
.mk-hero-text1-3
{font-size:54px;}


.mk-hero-text2
{margin-bottom:65px; font-weight:300;}
.mk-hero-text2-1
{font-size:40px; color:white; display:inline-block; margin:15px 00x;}
.mk-hero-text2-2
{font-size:30px; color:white;}
.mk-hero-text2-3
{font-size:30px; color:white;}


.mk-hero-subtext
{font-family:'NanumSquareR'; font-size:22px; color:white; margin:0px; }


.mk-buttons
{ text-align:left;}
.mk-buttons a
{padding:10px 46px; font-size:15px; font-family:'NanumSquareR';}



@media screen and (max-width:420px){
  .mk-slider
  {height:200px;}
  .mk-hero
  {width:100%; text-align:right;}
  .mk-hero-text1-1 , .mk-hero-text1-2 , .mk-hero-text1-3
  {font-size:22px; text-align:right; color:white; }
  .mk-hero-text2-1 ,   .mk-hero-text2-2 ,.mk-hero-text2-3
  {font-size:20px; margin-bottom:20px;  text-align:right; width:54%; display : inline-block; color:white; margin-top:0px; font-weight:400;}
  .mk-hero-text1-1
  {letter-spacing:2px;}
  .mk-hero-subtext
  {display : none;}
  .mk-buttons
  {display : none;}

  .mk-slider .col-md-8
  {padding-right:5px;}
  
  .mk-slider .carousel-indicators
  {bottom:0px;}
  .mk-slider .carousel-indicators li, .mk-slider .carousel-indicators .active
  {width:13px; height:13px; margin:3px;}

}




#product .owl-demo .product_item
{display : inline-block;}