/*
 * Globals
 */
  
@import url(http://fonts.googleapis.com/earlyaccess/jejuhallasan.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #FFF;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: rgba( 255, 255, 255, 0 );
  border: 1px solid #FFF;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #333;
}
body {
  color: #fff;
  text-align: center;
  
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  /*display: table;*/
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);
}

.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {
  padding: 15px;
}


/*
 * Header
 */
#titlebar{
  color:#000;
  width:100%;
  background-color: #FFF;
  opacity: 0.9;
  z-index:10000;
  padding-left:50px; padding-right: 50px;
  border-bottom: 2px solid #FFF;
}


#menu-icon {
    display: none;
}
.masthead-nav
{
  margin:0 auto;
}
.masthead-nav > li {
  display: inline-block;
}

.masthead-nav > li > a, .masthead-nav span {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: normal;
  color: #000; /* IE8 proofing */
  
  border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #FFF;
  border-bottom-color: rgba(255,255,255,.25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  font-weight: bold;
  color: #38798D;
}
.masthead-brand {
  font-size: 20px;
  font-family: 'Jeju Hallasan', serif;
}


.main-contents{
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
/*
 * Main1
 */

  #main1{
  z-index: 1;
  width:100%;
  background-color: #000;
  margin:-50px 100 100 -50px;
  background-image: url('images/main/10.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  }
  #main1-2{
    position:absolute;
    margin-bottom:766px;
    z-index: 200;
    width:100%;
  }
  /*.cover {

    background-color: #FFFFFF;
    margin-top:30%;
    margin-bottom:30%;
  }*/

  

  .lead{
    margin-top:10px;
  }
  .cover .btn-lg {
    padding: 10px 20px;
    font-weight: bold;
  }
  
  .cover-heading{
    width:500px;
  }
  .cover-heading{
    margin:0 auto;
    font-family: 'Jeju Hallasan', serif;
    padding: 10px 20px;
    color:#FFF;
    font-size:70px;
  }

  .cover > .lead{
    font-family: 'Jeju Myeongjo', serif;
  }

  .masthead {
      padding:height;
      position: fixed;
      top: 0;
  }



  #example-four {
  border-radius: 5px 20px 5px;
  background: #BADA55;
  }
  @media (min-width: 1650px){
    .facebookpage-text{
      display: show;
      font-family: 'Nanum Pen Script', serif;
      font-size:200px;
      padding:20px;
      position: absolute;
      top: 2900px;
      z-index: 1100;
      display: inline-block;
      color: #FFF;
      text-align: left;
    }
  }
  @media(max-width: 1659px){
    .facebookpage-text{
      display: none;
    }
  }
@media (min-width: 927px){
  /*
   * Main2
   */
  .masthead-nav > li + li {
  margin-left: 70px;
  }
  #main1{
    height:820px;
  }
  ._pattern-overlay { 
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.3;
    bottom: 0;
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/vegas/2.3.1/overlays/03.png);
  }
   #main-video{
    display: show;
    box-shadow: 10px 10px 20px rgba(0,0,0,.5);
   }
  .center-position{
    text-align: center;
    position: absolute;
    top: 230px;
    left:50%;
    transform: translateX(-50%);
    z-index: 1000;
  }
  .subcontent{
    font-family: 'Nanum Pen Script', serif;
    font-size:50px;
    color: #DBEDF3;
  }
  #main-title{
    padding-right:50px;
    width:500px;
  }
  .special{
    font-family: 'Nanum Pen Script', serif;
    font-size:100px;
    padding:20px;
  }
  #main2{
    z-index: 2000;
    float:right;
    height:100%;
    background-image: url('images/13black.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }
  #main2 img{
    width:100%;
  }
  #main2 .title-text{
    padding:20px;
    position: absolute;
    top: 950px;

    z-index: 1100;
    display: inline-block;
    color: #FFF;
    text-align: center;
    background-color: rgba( 25, 25, 25, 0.25 );
  }
  
  #main2 h1{
    font-size:50px;
    font-weight: bold;
  }
  #main2 p{
    font-size:20px;
  }

  #gallery{
    background-color: #000;
  }
  .lefttext{
    left: 200px;
  }

  .righttext{
    right: 200px;
  }

  /*
   * Main2
   */

  #main3{
    margin-top:1420px;
    float:right;
    position:absolute;
    height:100%;
  }
  #main3 img{
    width:100%;
    height:100%;
  }
  #main3 .title-text{
    position: absolute;
    bottom: 550px;
    right: 100px;
    z-index: 1100;
    display: inline-block;
    color: #FFF;
    text-align: left;
  }
  #main3 h1{
    font-size:50px;
    font-weight: bold;
  }
  #main3 p{
    font-size:20px;
  }
  /*
   * Footer
   */

  .mastfoot {
    padding-left:30%;
    text-align: left;
    bottom:0px;
    background-color: #242924;
    color: #999; /* IE8 proofing */
    color: rgba(255,255,255,.5);
  }

#contents-menu > ul > li{
    width:5%;
    display: inline-block;
    height:100px;
  }
  #contents-menu > ul > li > h1{
    margin-top:12%;
    color:#000000;
    text-shadow: 0 1px 3px rgba(0,0,0,.0);
    font-family: 'Nanum Pen Script', serif;
  }
  #contents-menu > ul > li > h1> a{
    color:#66515C; font-size:35px;
  }

  /*
   * Affix and center
   */

    /* Pull out the header and footer */
    
    .mastfoot {
      
    }
    /* Start the vertical centering */
    .site-wrapper-inner {
      vertical-align: middle;
    }
    /* Handle the widths */
    .masthead,
    .mastfoot,
    .cover-container {
      width: 100%; /* Must be percentage or pixels for horizontal alignment */
    }
}
@media (min-width: 731px)
{

}

@media(max-width: 1011px){
  #contents-menu > ul > li{
      width:23.7%;
      display: inline-block;
      line-height:30px;
      height:5px;
    }
    #contents-menu > ul > li > h1{
      line-height:100px;
      font-size: 15px;
  }

}
@media (max-width: 926px){
  .masthead-nav > li + li {
  margin-left: 20px;
  }
  #main1{
    height:450px;
  }
  #main-video{
    display: none;
  }
  #main1{
      background-image: url('images/mobilemain.jpg');
  }
  .center-position{
    margin-top:80px;
  }
  #titlebar{
    min-height:70px;
    color:#FFF;
    width:100%;
    background-color: #FFF;
    opacity: 0.9;
    z-index:10000;
    padding-left:50px; padding-right: 50px;
    border-bottom: 2px solid #FFF;
  }


  #menu-icon {
    position: absolute;
    top:15px; right:25px;
    display: inline-block;
  }
  .masthead-nav
  {
    margin-right:30px;
  }

  .menu-list{
    display: none;
  }
  .subcontent{
    padding-top:60px;
    font-family: 'Nanum Pen Script', serif;
    font-size:30px;
    color: #FE388D;
  }
  .cover-heading{
    margin:0 auto;
    font-family: 'Jeju Hallasan', serif;
    padding: 10px 20px;
    color:#FFFFFF;
    font-size:50px;
    white-space:nowrap;
    text-shadow: none;
  }
  .subcontent{
    font-family: 'Nanum Pen Script', serif;
    font-size:30px;
    color: #DBEDF3;
  }
  #main-title{
    width:300px;
  }
  .cover-heading{
    padding-top:0px;
    width:80%;
  }
  .mobile-title{
    padding:2px;
    text-shadow: 2px 2px #000;

  }
  .special{
    font-family: 'Nanum Pen Script', serif;
    font-size:35px;
    padding:10px;
  }
  #main2{
    float:right;
    background-image: url('images/13black.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    
  }
  #main2 img{
    width:100%;
  }
  #main2 .title-text{
    width:100%;
    

    padding-top:20px;
    padding-bottom:20px;
    white-space:default;
    top: 550px;
    right: 100px;
    z-index: 1100;
    display: inline-block;
    color: #FFF;
    text-align: center;
  }
  #main2 h1{
    font-size:35px;
    font-weight: bold;
  }
  #main2 p{
    font-size:13px;
  }

  .mastfoot{
    background-color: #191A1A;
  }


  

}

@media (min-width: 992px) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%;
  }

}