/* BASIC css start */
.content_box {clear:both;}
.content_box img {width:100%;}
.content_box a {display:block;}

.content_box.col2_box {padding:0 28px 40px; overflow:hidden;}

.col2{float:left; width:50%;}
.col2 a{display:block; margin:0 4px;}
.col2 p{min-height:74px; padding-top:8px;}

.multi_slider a{display:block;}

.btn_coupon {display:block; position:absolute; right:32px; top:4px; border-radius:30px; background-color:#ffeb33; padding: 4px 10px;font-size: 13px;font-weight: bold;}
.sub_div {margin:0 32px 24px; position:relative; overflow:hidden;height:35px;border-bottom:2px solid #000;letter-spacing: -2px;}
.sub_div p {font-size:50px; font-weight:bold;line-height: 37px;}
.sub_div span {display: inline-block;
    
    margin-right: 4px;
    line-height: 90%;
    font-size: 21px;
    letter-spacing: 0;}

.swiper-container {
    overflow: hidden !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 !important;}
.detail-pagination{padding-top:8px;}
.swiper-container img {width:100%;}
.swiper-pagination {width:100%;}
.swiper-pagination {left:0;}
.swiper-pagination .swiper-pagination-bullet {
    width: 32px;
    height: 12px;
    background: none !important;
    outline:none;
    opacity:1;
    transition: all 0.3s;
}
.swiper-pagination .swiper-pagination-bullet:after {
    content: "";
    width: 32px;
    height: 3px;
    margin: 0px;
    display: block;
    background-color:rgba(0,0,0,0.1);
    box-sizing: border-box;
transition: all 0.3s;
}
.swiper-pagination .swiper-pagination-bullet-active {
    width: 32px;
    height: 12px;
    background: none !important;
    outline:none;
    opacity:1;
    transition: all 0.3s;
}
.swiper-pagination .swiper-pagination-bullet-active:after {
    content: "";
    width: 32px;
    height: 3px;
    margin: 0px;
    display: block;
    background-color: rgba(0,0,0,0.3);
    box-sizing: border-box;    
}
.btn_slider_next {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 32px;
    padding:4px 10px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    right: 0;
    left: auto;
    text-align:center;
    outline:none;
}
.btn_slider_prev {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 32px;
    padding:4px 10px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    left: 0;
    right: auto;
    outline:none;
}
.btn_slider_prev img, .btn_slider_next img {width:100%;}
.multi-slider-pagination {padding-top:0px;}

@media screen and (min-width: 768px) {
  .content_box {max-width:720px; margin-left:auto; margin-right:auto;}
}


.embed_video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; 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%; } 


@media screen and (min-width: 768px) {
  .content_box {max-width:720px; margin-left:auto; margin-right:auto;}
  .embed_video {width:720px; left:50%; margin-left:-360px; padding-bottom: 405px; }
  .embed_video.ratio45 { position: relative; padding-bottom: 125%;}
  .embed_video.ratio11 { position: relative; padding-bottom: 100%;}
}
/* BASIC css end */