/* Scaffolding */
/* @import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700); */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);

html,
body {
  width: 100%;
  height: 100%;
}


/* Backgrounds */

.bg-holder {
  width: 100%;
  height: 80%;
  background-size: cover;
  background-position: 50% 50%;
  color: #fff;
}

.bg-holder .content {
  color: #fff;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.content h1 {font-family:'Oswald', "Noto Sans KR", sans-serif; font-size:18px; font-weight:500; text-align:center; text-transform: uppercase; color:white; padding:0; margin:0;margin-bottom: .8rem;}

.content h2 {font-family:'Oswald', sans-serif; font-size:32px; /* letter-spacing:10px; */ text-align:center; color:white; font-weight:800; text-transform:uppercase; z-index:10; opacity:.9;margin-bottom: 1.3rem;}

h2 span {color: red}
h1, h2 {text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}

.pic1 {
  background-image: url('/theme/dp_theme_v1/img/main/main_bn01_30.jpg');
}

.pic2 {
  background-image: url('/theme/dp_theme_v1/img/main/main_bn02_30.jpg');
}

.pic3 {
  background-image: url('/theme/dp_theme_v1/img/main/main_bn03_30.jpg');
}

@media (min-width: 768px) {
  .pic1 {
    background-image: url('/theme/dp_theme_v1/img/main/main_bn01_30.jpg');
  }
  .pic2 {
    background-image: url('/theme/dp_theme_v1/img/main/main_bn02_30.jpg');
  }
  .pic3 {
    background-image: url('/theme/dp_theme_v1/img/main/main_bn03_30.jpg');
  }

  .content h1 {font-family:"Noto Sans KR", sans-serif; font-size:46px; font-weight:500; text-align:center; text-transform: uppercase; color:white; padding:0; margin:0;margin-bottom: .8rem;}

  .content h2 {font-family:"Noto Sans KR", sans-serif; font-size:76px; /* letter-spacing:10px; */ text-align:center; color:white; font-weight:800; text-transform:uppercase; z-index:10; opacity:.9;margin-bottom: 1.3rem;}

}


/* Content Sections */



section .content {
  margin: 0 auto;
  max-width: 640px;
}

section .gist {
  margin: 24px 0;
}

section .gist .gist-data {
  border-bottom: 0;
}

section .gist-meta {
  display: none;
}

.content code {
  font-family: monospace, serif;
  font-size: 16px;
  color: gray;
  white-space: nowrap;
}