/* BASIC css start */
body #footer {margin-top: 0;}

/* 메인 컨텐츠 세팅 - 250428 수정 */
.mainPromCont {position: relative; max-width: 800px; margin: 0 auto; text-align:center; font-family: 'Pretendard', sans-serif;}
.mainPromCont .sect {overflow: hidden; position: relative; box-sizing: border-box; margin-bottom: -1px; font-size: clamp(12px, 3.75vw, 30px); letter-spacing: -0.025em;}
.mainPromCont .sect[class*='sect-'] {font-size: clamp(10px, 3.125vw, 25px); letter-spacing: 0;} /* 기존 섹션들 폰트기준 유지 */
.mainPromCont .sect * {box-sizing: border-box;}
.mainPromCont .sect img {max-width: 100%; width: 100%;}
.mainPromCont .wow {position: absolute; z-index: 10;}
.mainPromCont .wow[class*=obj_] {left: 0; top: 0;}
.mainPromCont .imgBg {position: relative; z-index: 1;}
.mainPromCont .rBlock {position: relative; z-index: 2;}
.mainPromCont .objAbs {position: absolute; left: 0; top: 0; z-index: 10; width: 100%;}
.mainPromCont .intro .area {position: relative;}
.mainPromCont .intro .tit {display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; left: 0; top: 2.7em; z-index: 11; width: 100%; color: #fff; text-align: center; line-height: 1;}
.mainPromCont .intro .tit>div {opacity: 0;}
.mainPromCont .intro .tit .t_0 {transform: translateY(1.5em); display: inline-flex; padding: 0 0.416em; background: #062618; text-transform: uppercase; font-size: 0.8em; font-weight: 600; line-height: 1.583em; letter-spacing: 0.015em;}
.mainPromCont .intro .tit .t_1 {transform: translateY(1.5em); width: 60.875%; margin: 1.06em auto 0; }
.mainPromCont .intro .tit .t_2 {transform: translateY(1.5em); margin-top: 1.16em; font-size: 0.834em; font-weight: 400; line-height: 1.6; letter-spacing: -0.025em;}
.mainPromCont .intro .top_imgs {overflow: hidden; left: 3.5625%; right: 3.5625%;  width: auto; padding-top: 63.25%; opacity: 0;}
.mainPromCont .intro .bottom {padding-top: 29.5%; margin-top: -1px; background: url('https://image.wivismall.com/speedy_image-wivismall/event/250825/volvik/mo_intro_bg_2.jpg?sf=webp') no-repeat 0 0 / 100% auto;}
.mainPromCont .intro .bottom .txt {position: absolute; left: 0; right: 0; top: 0; height: 100%; padding-top: 14.75%; color: #fff; font-size: 0.8334em; font-weight: 500; line-height: 1.4; text-align: center; letter-spacing: -0.025em;}
.mainPromCont .intro.que .t_0 {opacity: 1; transform: translateY(0); transition: opacity 1s 0.2s ease, transform 0.8s 0.2s ease;}
.mainPromCont .intro.que .t_1 {opacity: 1; transform: translateY(0); transition: opacity 1s 0.3s ease, transform 0.8s 0.3s ease;}
.mainPromCont .intro.que .t_2 {opacity: 1; transform: translateY(0); transition: opacity 1s 0.4s ease, transform 0.8s 0.4s ease;}
.mainPromCont .intro.que .top_imgs {opacity:1; transition: opacity 2s 0.6s ease;}
.mainPromCont .video {padding-top: 130%; background: #000;}
.mainPromCont .video .obj_video {position: absolute; left: 5%; right: 5%; top: 5%; bottom: 5%; opacity: 0;}
.mainPromCont .video .obj_video iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.mainPromCont .video.que .obj_video {opacity: 1; transition: opacity 2s 0.3s ease;}
.mainPromCont .descArea {display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 2; width: 100%;}
.mainPromCont .descArea .tit {font-size: 1.167em; font-weight: 800; line-height: 1; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0; transform: translateY(1.5em);}
.mainPromCont .descArea .t_1 {font-size: 0.834em; font-weight: 500; line-height: 1.52; letter-spacing: -0.025em; margin: 1em 0 0.5em; opacity: 0; transform: translateY(1.5em);}
.mainPromCont .descArea .t_2 {font-size: 0.834em; font-weight: 400; line-height: 1.3; letter-spacing: -0.025em; opacity: 0; transform: translateY(1.5em);}
.mainPromCont .imgArea {z-index: 1;}
.mainPromCont .imgArea ul {position: relative; display: flex; flex-wrap: wrap; justify-content: center; padding: 0 0.7667em;}
.mainPromCont .imgArea ul>li {position: relative; text-transform: uppercase; opacity: 0;}
.mainPromCont .imgArea ul>li span {display: block; margin: 1em 0; font-size: 0.7667em; line-height: 1; letter-spacing: 0.03em;}
.mainPromCont .que .descArea .tit {opacity: 1; transform: translateY(0); transition: opacity 1.2s ease, transform 0.8s ease}
.mainPromCont .que .descArea .t_1 {opacity: 1; transform: translateY(0); transition: opacity 1.2s 0.2s ease, transform 0.8s 0.2s ease;}
.mainPromCont .que .descArea .t_2 {opacity: 1; transform: translateY(0); transition: opacity 1.2s 0.3s ease, transform 0.8s 0.3s ease;}
.mainPromCont .que .imgArea ul>li {opacity: 1; transition: 0.6s ease;}
.mainPromCont .tech_1 .descArea {padding-top: 20%; color: #fff;}
.mainPromCont .tech_1 .imgArea {padding-top: 57.25%;}
.mainPromCont .tech_1 .imgArea ul {height: 100%;}
.mainPromCont .tech_1 .imgArea ul>li:nth-child(1) {width: 14.333em; margin-right: auto; text-align: left; align-self: flex-end; transform: translateX(-3em);}
.mainPromCont .tech_1 .imgArea ul>li:nth-child(2) {width: 15.333em; margin-left: auto; margin-top: 1em; text-align: right; align-self: flex-start; transform: translateX(3em);}
.mainPromCont .tech_1 .imgArea ul>li span {color: #4f685b;}
.mainPromCont .tech_1.que .imgArea ul>li {transform: translateX(0); transition: opacity 0.6s 0.6s ease, transform 0.6s 0.6s ease;}
.mainPromCont .tech_1.que .imgArea ul>li:nth-child(2) {transition-delay: 0.8s;}
.mainPromCont .tech_2 {background: url('https://image.wivismall.com/speedy_image-wivismall/event/250825/volvik/mo_desc_tech_2_bg.png?sf=webp') no-repeat right 7.3334em top 1.7334em / 46.375% auto #ddd;}
.mainPromCont .tech_2 .descArea {padding: 11.5% 3.25% 10% 0; align-items: flex-end; text-align: right;}
.mainPromCont .tech_2 .imgArea {padding-bottom: 9%; align-self: flex-end;}
.mainPromCont .tech_2 .imgArea ul {justify-content: space-between; align-items: flex-end;}
.mainPromCont .tech_2 .imgArea ul>li {overflow: hidden;}
.mainPromCont .tech_2 .imgArea ul>li:nth-child(1) {width: 15.4334em; margin-right: auto; margin-bottom: 1.6em; transform: translateX(-3em);}
.mainPromCont .tech_2 .imgArea ul>li:nth-child(2) {width: 12.3em; transform: translateX(-3em);}
.mainPromCont .tech_2 .imgArea ul>li:nth-child(3) {width: 12.3em; transform: translateX(3em);}
.mainPromCont .tech_2 .imgArea ul>li span {color: #a8a8a8; text-align: right;}
.mainPromCont .tech_2.que .imgArea ul>li {transform: translatex(0); transition: opacity 0.6s 0.6s ease, transform 0.6s 0.6s ease;}
.mainPromCont .tech_2.que .imgArea ul>li:nth-child(2) {transform: translatex(0); transition-delay: 0.8s;}
.mainPromCont .tech_2.que .imgArea ul>li:nth-child(3) {transform: translatex(0); transition-delay: 0.9s;}
.mainPromCont .tech_3 .descArea {padding-top: 12%; color: #fff;}
.mainPromCont .tech_3 .imgArea {padding-top: 46.25%;}
.mainPromCont .tech_3 .imgArea ul {flex-wrap: wrap; width: 100%; height: 100%;}
.mainPromCont .tech_3 .imgArea ul>li:nth-child(1) {width: 16.133em; margin: 0 auto 1.6em; transform: scale(1.15);}
.mainPromCont .tech_3 .imgArea ul>li:nth-child(2) {width: 17.967em; margin: 0 auto 1.8em 0; transform: translateX(-3em);}
.mainPromCont .tech_3 .imgArea ul>li:nth-child(3) {width: 17.967em; margin-left: auto; transform: translateX(3em);}
.mainPromCont .tech_3 .imgArea ul>li span {color: rgba(230,230,230,0.3); text-align: left;}
.mainPromCont .tech_3.que .imgArea ul>li {transform: translateX(0) scale(1); transition: opacity 0.6s 0.6s ease, transform 0.8s 0.6s ease;}
.mainPromCont .tech_3.que .imgArea ul>li:nth-child(2) {transition-delay: 0.8s;}
.mainPromCont .tech_3.que .imgArea ul>li:nth-child(3) {transition-delay: 0.8s;}
.mainPromCont .tech_4 {background: url('https://image.wivismall.com/speedy_image-wivismall/event/250825/volvik/mo_desc_tech_4_bg.png?sf=webp&width=250') no-repeat center top 1.7em / 31.25% auto #ddd;}
.mainPromCont .tech_4 .descArea {padding: 20.25% 0 7.25%;}
.mainPromCont .tech_4 .imgArea {padding-bottom: 8.5%; background: url('https://image.wivismall.com/speedy_image-wivismall/event/250825/volvik/mo_desc_tech_4_bg_2.png?sf=webp') no-repeat left top / 100% auto;}
.mainPromCont .tech_4 .imgArea ul {flex-wrap: wrap;}
.mainPromCont .tech_4 .imgArea ul>li {width: 15.334em; text-align: left;}
.mainPromCont .tech_4 .imgArea ul>li:nth-child(1) {margin: 0 0 0.667em auto; align-self: flex-start; transform: translateX(3em);}
.mainPromCont .tech_4 .imgArea ul>li:nth-child(2) {position: relative; margin-right: auto; align-self: flex-end; transform: translateX(-3em);}
.mainPromCont .tech_4 .imgArea ul>li:nth-child(2) span {position: absolute; left: 100%; width: 92%; bottom: 0; margin: 0; padding-left: 1em;}
.mainPromCont .tech_4 .imgArea ul>li span {color: #a8a8a8;}
.mainPromCont .tech_4.que .imgArea ul>li {transform: translateX(0); transition: opacity 0.6s 0.6s ease, transform 0.8s 0.6s ease;}
.mainPromCont .tech_4.que .imgArea ul>li:nth-child(2) {transition-delay: 0.8s;}
.mainPromCont .player-info {position: relative; z-index: 12; width: 100%; padding: 7.5% 8%; color: #fff; text-align: left; letter-spacing: -0.009em; word-break: keep-all;} /* 선수정보 공통 */
.mainPromCont .player-info .brand {color: #b5b5b5; text-transform: uppercase; font-size: 0.92em; font-weight: 500; letter-spacing: 0;}
.mainPromCont .player-info .name {margin-top: 0.25em; font-size: 1.6em; font-weight: 800; line-height: 1;}
.mainPromCont .player-info .awards>li {padding-top: 0.48em; font-size: 0.96em; line-height: 1.3; text-transform: uppercase;}
.mainPromCont .sect-6 {background: url('https://image.wivismall.com/speedy_image-wivismall/event/volvikapparel/250225/mo_player_bg.jpg') repeat-y left top / 100% auto;}
.mainPromCont .sect-6 .cont-wrap {position: relative;}
.mainPromCont .sect-6 .obj_tit {position: relative;}
.mainPromCont .sect-6 .cont-wrap .wow {position: relative;}
.mainPromCont .sect-6 .cont-wrap .row {display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; padding: 0 3%;}
.mainPromCont .sect-6 .cont-wrap .row>.wow {flex: none; width: 48.75%;}
.mainPromCont .sect-6 .player-info .awards {margin-top: 0.8em;}
.mainPromCont .sect-7 {background: url('https://image.wivismall.com/speedy_image-wivismall/event/volvikapparel/250225/mo_player_bg.jpg') repeat-y left top / 100% auto;}
.mainPromCont .sect-7 .cont-wrap {position: relative;}
.mainPromCont .sect-7 .obj_tit {position: relative;}
.mainPromCont .sect-7 .obj_cont {position: relative;}
.mainPromCont .sect-7 .player-info {position: relative; padding: 0 2.75%;}
.mainPromCont .sect-7 .player-info dl {margin-top: 1.5em;}
.mainPromCont .sect-7 .media-pro {position: relative; z-index: 2;}
.mainPromCont .sect-7 .media-pro>li {position: relative; width: 100%;}
.mainPromCont .sect-7 .media-pro .thumb {overflow: hidden; position: relative; z-index: 2; width: 55.625%;}
.mainPromCont .sect-7 .mjh .player-info {margin: -56% 0 10%; text-align: right;}
.mainPromCont .sect-7 .kys .thumb {margin: 0 11.5% 0 auto;}
.mainPromCont .sect-7 .kys .player-info {margin: -15% 0 10%;}
.mainPromCont .sect-7 .shw .thumb {margin-right: auto;}
.mainPromCont .sect-7 .shw .player-info {margin: -60% 0 10%; text-align: right;}
.mainPromCont .sect-7 .cny .thumb {margin-left: auto;}
.mainPromCont .sect-7 .cny .player-info {margin: -26.25% 0 13%;}


/* 타이틀 */
.m_title {margin-bottom: 20px;}
.m_title h3 {margin: 0 0 5px; color: #2e2e2e; font-size: 25px; font-weight: 700; line-height: 25px; letter-spacing: -0.025em; text-align: center;}
.m_title .txt {display: block; font-size: 16px; letter-spacing: -0.05em; text-align: center;}
.m_title .txt a {color: #717171;}


.main_notice {
    position: relative;
    z-index: 10;
    text-align: center;
}
.main_notice img {max-width: 100%;}
.main_notice video {width: 100%; height: auto;}
.main_notice a {display: block; padding: 12% 0; font-size: 0; background:#000;}


/* 메인 비주얼 배너 */
.mainVisual {
    overflow: hidden;
    position: relative;
    margin: 0 auto 60px;
}
.mainVisual .bnrWrap {
    overflow: hidden;
    position: relative;
}
.mainVisual .bnrWrap .slideVideo {position: relative; padding-top: 150%; background: #000;}
.mainVisual .bnrWrap .slideVideo video,
.mainVisual .bnrWrap .slideVideo iframe {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
}
.mainVisual .bnrWrap .slideImg img {
    position: relative;
    width: 100%;
    height: auto;
}
.mainVisual .pagingTab {
    position: relative;
    padding: 0 48px;
    background: #000;
}
.mainVisual .pagingTab button.swiper-button-prev {
    left: 10px;
}
.mainVisual .pagingTab button.swiper-button-next {
    right: 10px;
}
.mainVisual .pagingTab .swiper-container {
}
.mainVisual .pagingTab .slideTxt {
    position: relative;
    height: 54px;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 54px;
    text-align: center;
}
.mainVisual .pagingTab .slideTxt span {
    display: block;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}
.mainVisual .pagingTab .slideTxt.swiper-slide-thumb-active {
    color: #3473ff;
    font-weight: 700;
}


/* 키워드 갱킹 */
.keywordWrap {
    overflow: hidden;
    position: relative;
    margin: 30px 0;
    padding: 27% 10px 40%;
    border-radius: 20px;
}
.keywordWrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: url('/design/rkdckdgo/m_skinImg/common/main_ranking_bg.png') no-repeat center top / 100%;
    transform: translate(-50%, 0);
}
.keywordWrap .m_title h3 {position: relative; z-index: 1; color: #fff;}
.keywordWrap #f2s-ranking {
    display: none !important;
}
.keywordWrap .keywordList {
    position: relative;
    z-index: 1;
    max-width: 400px;
    margin: 24px auto 0;
    padding: 20px 17px;
    border-bottom: 2px solid #dedede;
    border-radius: 10px;
    background: url('/design/rkdckdgo/m_skinImg/common/main_ranking_list_bg.png') no-repeat right bottom 13px / 197px auto #fff;
}
.keywordWrap .keywordList .listWrap {
    padding: 1px 0;
    border: 2px solid #000;
    border-width: 2px 0;
}
.keywordWrap .keywordList .keywords {
    position: relative;
    width: 100%;
    height: 55px;
    padding: 2px 0;
    color: #fff;
    color: #282828;
    font-size: 15px;
    font-weight: 500;
    line-height: 55px;
}
.keywordWrap .keywordList .keywords:not(:first-child) {
    border-top: 1px solid #d7d7d7;
}
.keywordWrap .keywordList .keywords a {display: block; position: relative; padding: 0 60px 0 55px;}
.keywordWrap .keywordList .keywords a:after {
    content: "더보기";
    position: absolute;
    right: 8px;
    top: 50%;
    z-index: 10;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #000;
    font-size: 10px;
    line-height: 45px;
    text-align: center;
    opacity: 1;
    transform: translateY(-50%);
}
.keywordWrap .keywordList .keywords .keywords-num {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    text-align: center;
}
.keywordWrap .keywordList .keywords .keywords-txt {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #282828;
    font-size: 13px;
    letter-spacing: -0.05em;
}
.keywordWrap .keywordList .keywords.active {
    background: #fff;
    color: #282828;
    font-weight: 700;
}
.keywordWrap .keywordList .keywords.active a {background: #eee;}
.keywordWrap .keywordList .keywords.active a:after {
    background: #000;
    color: #fff;
}


/* NEW ARRIVAL(가상분류) */
#vCateProd {margin: 60px 0;}
#vCateProd .vCateTab {display: block; margin: 15px auto 20px; font-size: 0; text-align: center;}
#vCateProd .vCateTab .tabTxt {
    display: inline-block; position: relative; padding: 10px;
    width: auto; cursor: pointer;
    font-size: 16px; font-weight: 400; letter-spacing: -0.025em; line-height: 1; vertical-align: top;
}
#vCateProd .vCateTab .tabTxt.active {color: #1446b6; font-weight: 700;}
#vCateProd .vCateTab .tabTxt.active:after {
    content: ""; display: block; position: absolute; left: 50%; top: 100%; transform: translate(-50%, -3px); -webkit-transform: translate(-50%, -4px);
    width: 3px; height: 3px; border-radius: 3px; background: #1446b6;
}
#vCateProd .vCateContWrap {
    position: relative;
    margin: 0 auto;
}

#vCateProd .vCateCont {
    display: none;
    visibility: hidden;
    position: relative;
    z-index: 0;
    padding: 0 18px 15px;
    opacity: 0;
}
#vCateProd .vCateCont.active {
    display: block;
    visibility: visible;
    z-index: 5;
    opacity: 1;
}
#vCateProd .vCateCont .swiper-scrollbar {
    position: absolute; left: auto; right: auto; bottom: 0; z-index: 5; width: calc(100% - 30px);
}


/* 배너 박스(공통) */
.mainBnrBox {position: relative;}
.mainBnrBox a {display: block;}
.mainBnrBox .thumb {overflow: hidden;}
.mainBnrBox .thumb img,
.mainBnrBox .thumb video {width: 100%; height: auto;}
.mainBnrBox .btTxt {
    display: flex; align-items: center;
    position: absolute; left: 0; top: 0; z-index: 5;
    max-width: 100%; height: 100%; padding: 0 26px; letter-spacing: -0.05em; color: #333;
}
.mainBnrBox .btTxt .title {
    width: 100%; max-height: 100%; box-sizing: border-box; padding: 26px 0;}
}
.mainBnrBox .btTxt .title span {display: block; margin-bottom: 5px; font-size: 12px; font-weight: 300;}
.mainBnrBox .btTxt .title strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
}
.mainBnrBox .btTxt .title .btn-link {
    overflow: hidden;
    position: relative;
    width: 67px;
    height: 22px;
    margin-top: 15px;
    border: 1px solid #333;
    background: transparent;
    font-size: 12px;
    text-align: center;
    letter-spacing: -0.05em;
    text-indent: 5%;
    line-height: 22px;
}
.mainBnrBox .btTxt.white {color: #fff;}
.mainBnrBox .btTxt.white .btn-link {border-color: #fff;}

/* 슬라이드 배너 */
.bannerSlide {
    margin: 50px 0;
}
.bannerSlide .swiper-container {
    padding: 0 18px 20px;
}
.bannerSlide .swiper-scrollbar {left: auto;  right: auto; width: calc(100% - 30px);}
.bannerSlide .bnrTxt {padding: 13px 5px 0; letter-spacing: -0.05em;}
.bannerSlide .bnrTxt .t1 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
}
.bannerSlide .bnrTxt .t2 {margin-top: 5px; font-size: 12px;}

/* MD'S PICK */
.mdsPickdProd {padding: 0 15px;}
.mdsPickdProd .prodCont {
    position: relative;
    margin-top: 25px;
    padding-bottom: 20px;
}


/* MD'S PICK */
#recmdProd {
    position: relative;
    margin: 70px auto;
    padding: 0 18px;
}
#recmdProd .prodCont {
    position: relative;
    margin-top: 25px;
    padding-bottom: 20px;
}


/* 단일 배너 */
section.main-banner {
    overflow: hidden;
    position: relative;
    margin: 70px auto;
}


/* 타임 딜 */
.timeDealWrap {margin: 60px 0 75px;}
.timeDeal {overflow: hidden; position: relative; background:#f8f8f8;}
.timeDeal .title {position: absolute; left: 50%; top: 0; z-index: 5; width:50%; padding:8px 5px; font-size:15px; background: #2a2a2f; color: #fff; text-align:center; box-sizing:border-box; }
.timeDeal .remaind-time {position: absolute; left: calc(50% + 10px); top: 42px; z-index: 5; width:calc(50% - 20px); max-width:240px; border:1px solid #e2e2e2; border-radius:15px; background: #fff; font-size:0; text-align:center;}
.timeDeal .remaind-time .time-left {display:inline-block; width:60px; height:30px; border-radius:15px; background:#f43142; color:#fff; font-size:13px; letter-spacing:-0.05em; vertical-align:middle; line-height:30px;}
.timeDeal .remaind-time .time-count {display:inline-block; overflow: hidden; width:calc(100% - 60px); font-size:0; text-align:center; vertical-align:middle;}
.timeDeal .remaind-time .time-count span {display:inline-block; position: relative; color: #ff1f3e; font-size: 18px; font-weight: 600; text-align: center; line-height: 30px;}
.timeDeal .remaind-time .time-count span:not(.seconds) {padding-right: 10px;}
.timeDeal .remaind-time .time-count span:not(.seconds):after {content: ":"; position: absolute; top: 0; right: 0; width: 10px; font-weight: 400; text-align: center;}
.timeDeal .remaind-time .time-count span.days {display: none; position: absolute; left: 100%; top: 50%; font-size: 20px; color:#000; font-weight: 400;}
.timeDeal .remaind-time .time-count span.days:after {content: ""; display: none;}
.timeDeal .remaind-time .time-count:hover span.days {display: block;}
.timeDeal .dealBox a {display: block; overflow: hidden;}
.timeDeal .item-list {position: relative; display: flex; width: 100%; flex-wrap:nowrap; align-items: center;}
.timeDeal .item-list .thumb {overflow: hidden; width: 50%; /*max-width: 240px;*/ border: 1px solid #f8f8f8;}
.timeDeal .item-list .thumb a {display: block;}
.timeDeal .item-list .thumb img {width: 100%; height: auto; vertical-align: top;}
.timeDeal .item-list .prd-info {flex: 1; overflow: hidden; position: relative; width: 100%; padding: 75px 10px 10px; box-sizing: border-box; text-align: left;}
.timeDeal .item-list .prd-ico img {
    margin-right: 5px;
    vertical-align: top;
    max-height: 16px;
}
.timeDeal .item-list .prd-info .prd-name {
    overflow: hidden; 
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 16px;
    font-size: 14px; letter-spacing:-0.05em; 
    word-break: keep-all;
}
.timeDeal .item-list .prd-info .prd-ico {
    margin-bottom: 5px;
}
.timeDeal .item-list .prd-info .prd-price {
    position: relative;
    font-size: 15px;
    line-height: 1;
    text-transform: uppercase;
}
.timeDeal .item-list .prd-info .prd-price .price {
    font-size: 12px;
    letter-spacing:-0.05em;
}
.timeDeal .item-list .prd-info .prd-price .price em {
    font-size: 19px;
    font-weight: 600;
}
.timeDeal .item-list .prd-info .prd-price strike {
display: block; margin-bottom: 4px;
    color: #b4b4b4; font-size: 13px;
}
.timeDeal .item-list .prd-info .prd-price .rate {
    margin-left: 8px;
    color: #f43142;
    font-size: 22px;
    letter-spacing:-0.05em;
}
.timeDeal .item-list .prd-info .prd-price .rate em {
    font-size: 27px;
    font-weight: 400;
}
.timeDeal .item-list .prd-info .stock {
    margin-top: 10px; 
    font-size: 12px; line-height: 12px;
}
.timeDeal .item-list .prd-info .stock em {color: #ff1f3e; font-weight: 700;}

@media screen and (max-width:374px) {
    .timeDeal .remaind-time .time-left {display: none;}
    .timeDeal .remaind-time .time-count {width: 100%;}
    .timeDeal .item-list .prd-info .prd-name {-webkit-line-clamp: 1;}
}


/* PLAYER */
#proPlayer {
    position: relative;
    margin: 75px auto 90px;
}
#proPlayer .listCont .swiper-container {
    padding: 0 12px;
}
#proPlayer .listCont .swiper-slide {
    position: relative;
    width: auto;
}
#proPlayer .playerBox a {
    display: block;
}
#proPlayer .playerBox .thumb {
    overflow: hidden;
    text-align: center;
}
#proPlayer .playerBox .thumb img {
    overflow: hidden;
    width: 100%;
    max-width: 240px;
    height: auto;
    margin: 0 auto;
}
#proPlayer .listCont {
    position: relative;
}
#proPlayer .listCont .swiper-button-prev {
    left: -60px;
}
#proPlayer .listCont .swiper-button-next {
    right: -60px;
}

/* instagram */
.instaWrap {margin: 90px 0 40px;}
.instaWrap .widgetWrap {padding: 10px; border-top: 2px solid #e6e6e6; font-size: 0;}
.instaWrap .lightwidget-widget {width: 100%; border: 0; overflow: hidden; font-size: 0;}

/* 소셜미디어 */
.snsWrap {padding: 28px 10px; background: #f7f7f7;}
.snsWrap .m_title h3 {font-size: 18px;}
.snsWrap .m_title *:not(strong) {font-weight: 300;}
.snsWrap .m_title .txt {font-size: 14px;}
.snsWrap .snsList {margin-top: 28px; font-size: 0; text-align: center;}
.snsWrap .snsList li {
    display: inline-block;
    margin: 0 10px;
    text-align: center;
    vertical-align: top;
}
.snsWrap .snsList li a {
    display: block;
    font-size: 11px;
    line-height: 11px;
}
.snsWrap .snsList li a:before {
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto 10px;
    background: no-repeat center top / 100%;
}
.snsWrap .snsList li.insta a:before {
    background-image: url("/design/rkdckdgo/m_skinImg/common/sns_icon_insta.png");
}
.snsWrap .snsList li.facebook a:before {
    background-image: url("/design/rkdckdgo/m_skinImg/common/sns_icon_facebook.png");
}
.snsWrap .snsList li.youtube a:before {
    background-image: url("/design/rkdckdgo/m_skinImg/common/sns_icon_youtube.png");
}
.snsWrap .snsList li.kakao a:before {
    background-image: url("/design/rkdckdgo/m_skinImg/common/sns_icon_kakao.png");
}


/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */


/*쿠폰 혜택 버튼*/
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }
/* BASIC css end */