/* BASIC css start */
.overflow_h {overflow:hidden;}

#detailpage {z-index:1000000000!important;}
#MK_basketpage {
    z-index: 1000000001 !important;
}
#contentWrap {width:100%;}
#contentWrap .wrapper {width:1360px; margin:0 auto;}
.shortping_header {background:#ebe8ef;}
.shortping_tit {padding:30px 0px; text-align:center;}
.shortping_tit h2 {font-size:28px; color:#000; font-weight:600; line-height:34px;}
.shortping_tit h2 p {font-size:14px; color:#999 line-height:20px;}

.shortform_top {background:#f7f7f7; text-align:center; padding:50px 0 20px;}
.shortform_top .swiper-container, .formList .swiper-container {overflow:hidden;}
.shortform_top h2 {font-size:22px; color:#000; margin-bottom:10px; font-weight:600;}
.shortform_top p {font-size:16px; color:#000; margin-bottom:40px;}
.cateSlide {padding:0 0 40px;}
.cateSlide .swiper-container {padding:0 10px;}
.cateSlide .swiper-wrapper {justify-content: center;}
.cateSlide .swiper-slide {width:auto;}
.cateSlide .swiper-slide a {display:inline-block; margin:0 15px; line-height:35px; color:#000; font-size:14px;}
.cateSlide .swiper-slide.active a {border-bottom:2px solid #000; font-weight:600;}
.section {padding-top:35px;}

.formList h2 {display:none;}
.formList h2 span {display:inline-block; font-size:14px; color:#000; font-weight:500; margin-left:10px;}

.formList {display:none; padding:30px 0;}
.formList.active {display:block;}
.formList .swiper-wrapper {gap:12px; flex-wrap: wrap;}
.formList .swiper-slide {position:relative; width: calc(25% - 9px); border-radius:10px; overflow:hidden;}
.formList .swiper-slide .cnt {position: absolute; padding: 2px 8px; background-color: rgba(0, 0, 0, 0.4); border-radius: 15px; top: 15px; left: 15px; color: #fff; font-size: 10px;}
.formList .swiper-slide .cnt img {width:12px; margin-right:2px; vertical-align:middle;}
.formList .swiper-slide .img {}
.formList .swiper-slide img {width:100%;}
.formList .swiper-slide .info {position:absolute; width:100%; box-sizing:border-box; bottom:0; padding:0 10px; font-size:14px; color:#fff; background:rgba(0,0,0,0.5); padding:10px 15px;}

.formView {display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background: rgba(0, 0, 0, 0.5); z-index: 100000;}
.formView.active {display:block;}
.formView .formViewContent {
    background:#000;
    position: absolute;
    width: 400px;
    min-height: 700px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
    height: 711px;
}
.formView .swiper-container {height:100%; border-radius: 20px; overflow: hidden;}
.formView .swiper-slide .video-wrap {height:100%; background:#000;}
.formView .swiper-slide .video-wrap iframe {width:100%; height:100%;}
.formView .swiper-slide .control {position:absolute; bottom:30px; padding:0 16px; width:100%; box-sizing:border-box; display:flex; gap:10px;}
.formView .swiper-slide .control a {background:#000; color:#fff; line-height:40px; text-align:center; border-radius:5px; display:block; width:100%;}
.formView .swiper-slide .control a.view_product {width:36px; line-height:36px; border-radius:20px; border:2px solid #fff; display:block; flex-shrink: 0; height:36px; overflow:hidden;}
.formView .swiper-slide .control a.view_product img {object-fit:cover; width:100%; height:100%;}
.formView .swiper-slide video {width: 100%; height: 100%; object-fit: cover; object-position: center center; position: relative; z-index: 0; pointer-events: none;}
.formView .swiper-slide .video-progress {position: absolute; bottom: 10px; width: 100%; height:2px; display:block;}
.formView .swiper-slide .video-progress span {display:block; vertical-align:top; background:#fff; height:2px;}

.formView .formViewClose {position:absolute; line-height:40px; top:10px; right:-30px; color:#fff; font-size: 16px; z-index: 100;}
.formView .formViewHeader .formViewMute {position:absolute; line-height:40px; top:10px; right:55px; color:#fff; font-size: 16px; z-index: 100;}
.formView .formViewHeader .formViewPlay {position:absolute; line-height:40px; top:10px; right:10px; color:#fff; font-size: 16px; z-index: 100;}
.formView .formViewHeader .formViewPlay:after {content:'STOP';}
.formView .formViewHeader .formViewPlay.play:after {content:'PLAY';}

.formView  .formViewHeader .formViewClose i {position:absolute; left:0; font-size:14px; margin-top:-7px; top:50%}
@keyframes progress {
    0%{
        width:0;
    }
    100%{
        width:100%;
    }
}

/* 250708 Ä«Å×°í¸®Å¸ÀÌƲ º¯°æ */
.shortping_tit img { width: 100%; }
/* BASIC css end */