/* BASIC css start */
section {width:100%; font-family: "Spoqa Han Sans", sans-serif; position: relative;}
section.abs{position:absolute;}
.intro_video {
  position: absolute;
  bottom: 0;
  left: 50%;
  width:150%;
  max-width:800px;
  transform: translate(-50%, 0);
}

.video {
  position: absolute;
  top:50%;
  left: 50%;
  width:100%;
  max-width:800px;
  transform: translate(-50%, -50%);
}

.srs_el.fade {opacity:0;}



.sticky_bg { 
  position: relative; 
  position: sticky;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  transition: transform 0.5s var(--ease-in-out);
  background-size: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  transform: translateZ(0);
}

.sticky_content {
  position: relative;
  z-index: 2;
  height: 100vh;
  transform: translateZ(0);
}

.sticky_content.half {
  height: 50vh;
}

.sticky_fixed {
width: 100%;
height:100vh;
  position: relative; 
  position: sticky;
  top:0;
  z-index: 2;
  transform: translateZ(0);
}

.sticky_fixed_content {
  position:absolute;
  width:100%;
  top:0;
}

mark {
  display: inline-block;
  line-height: 0em;
  padding-bottom: 0.5em;
}

.iii{position:-webkit-sticky; position:sticky; top:0;}

.iii img{width:100%;}

.font_bold {font-weight:bold;}
.won {text-decoration:line-through;}

.embed_video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed_video.ratio45 { position: relative; padding-bottom: 125%;}
.embed_video.ratio11 { position: relative; padding-bottom: 100%;}
.embed_video iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

.content_box {position:relative;width:100%; clear:both; overflow:hidden; font-family: "Spoqa Han Sans", sans-serif; color: #333;}
.content_box img {width:100%;}

.dbc_item_list {clear:both; margin:8px;}
.dbc_item_list li {width:50%;float:left;text-align:center;}
.dbc_item_list li a{display:block;}
.dbc_item_list li .dbc_content{margin:0 4px;}
.dbc_item_list li .dbc_content img{width:100%;}
.dbc_item_name {font-size:12px; margin-top:8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.dbc_item_btn { margin:4px 0 16px; display:inline-block; border-radius:30px; border:1px solid #999; color:#999; font-size:11px; padding:0 8px;}

.swiper-pagination {width:100%;margin-top:8px;}
.swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: none !important;
    outline:none;
    opacity:0.3;
}
.swiper-pagination .swiper-pagination-bullet:after {
    content: "";
    width: 6px;
    height: 6px;
    margin: 6px auto;
    display: block;
    border-radius: 10px;
    border: #333 solid 1px;
    background-color: #333;
    box-sizing: border-box;   
}
.swiper-pagination .swiper-pagination-bullet-active {
    background: #333;
     opacity: 1;
}

.swiper-pagination.dark .swiper-pagination-bullet:after {
    border: #fff solid 1px;
    background-color: #fff; 
}
.swiper-pagination.dark .swiper-pagination-bullet-active {
    background: #fff;
}

@media screen and (min-width: 768px) {
  section, .content_box {width: 720px; margin: 0 auto;}
section.abs{width: 720px; left:50%; margin-left:-360px;}
}

/* BASIC css end */