/* 공통 Custom Swiper */
.customSwiperWrap { position:relative; width:100%; min-width:1144px; max-width:1144px; margin:0 auto; box-sizing:border-box; padding:25px 0px;}
.customSwiperWrap .customSwiperInner { position:relative; margin:0; }
.customSwiperWrap .customSwiperBox { padding:0; margin:0 22px; overflow:hidden; }
.customSwiperWrap .swiper { overflow: visible; }

.customSwiperWrap .customSwiperButtonNext
, .customSwiperWrap .customSwiperButtonPrev
, .bannerTypeSwiper .swiper-button-next 
, .bannerTypeSwiper .swiper-button-prev {
  position:absolute; top:50%; margin:0; width:44px; height:44px; border:1px solid #ffffff; background:rgba(255,255,255, 0.9);
  box-sizing:border-box; border-radius:22px; box-shadow:0px 4px 10px rgba(0, 0, 0, 0.15);
  transform:translate3d(0, -50%, 0); display:block; z-index: 10; cursor: pointer;
}

.customSwiperWrap .customSwiperButtonNext.disabled
, .customSwiperWrap .customSwiperButtonPrev.disabled
, .bannerTypeSwiper .swiper-button-next.swiper-button-disabled 
, .bannerTypeSwiper .swiper-button-prev.swiper-button-disabled { display:none; }
.customSwiperWrap .customSwiperButtonNext.touchdisabled
, .customSwiperWrap .customSwiperButtonPrev.touchdisabled { display:none; }

.customSwiperWrap .customSwiperButtonNext::after
, .customSwiperWrap .customSwiperButtonPrev::after 
, .bannerTypeSwiper .swiper-button-next::after
, .bannerTypeSwiper .swiper-button-prev::after{
  position: absolute; left:50%; top:50%; content:''; width:10px; height:16px; background:url('../../common/images/main/custom_swiper_button.png') no-repeat left top; background-size:20px 50px;
  transform: translate3d(-50%, -50%, 0);
}

.customSwiperWrap .customSwiperButtonNext { right:0; }
.customSwiperWrap .customSwiperButtonNext::after { background-position: 0px 0px; }
.customSwiperWrap .customSwiperButtonNext:hover::after { background-position:0px -29.5px; }
.customSwiperWrap .customSwiperButtonPrev { left:0; }
.customSwiperWrap .customSwiperButtonPrev::after { background-position: -10px 0px; }
.customSwiperWrap .customSwiperButtonPrev:hover::after { background-position: -10px -29.5px; }

.bannerTypeSwiper .swiper-button-next { right:0; }
.bannerTypeSwiper .swiper-button-next::after { background-position: 0px 0px; }
.bannerTypeSwiper .swiper-button-next:hover::after { background-position:0px -29.5px; }
.bannerTypeSwiper .swiper-button-prev { left:0; }
.bannerTypeSwiper .swiper-button-prev::after { background-position: -10px 0px; }
.bannerTypeSwiper .swiper-button-prev:hover::after { background-position: -10px -29.5px; }

.customSwiperWrap .customSwiperButtonNext.small
, .customSwiperWrap .customSwiperButtonPrev.small {
  width:32px; height:32px; box-shadow: 0px 0.863636px 2.59091px rgba(0, 0, 0, 0.15);
}
.customSwiperWrap .customSwiperButtonNext.small::after
, .customSwiperWrap .customSwiperButtonPrev.small::after { width:8px; height:14px; }
.customSwiperWrap .customSwiperButtonNext.small { right:3px; }
.customSwiperWrap .customSwiperButtonNext.small::after { background-position: 0px -16px; }
.customSwiperWrap .customSwiperButtonPrev.small { left:3px; }
.customSwiperWrap .customSwiperButtonPrev.small::after { background-position: -10px -16px; }

.customSwiperWrap .customSwiperDimedNext
, .customSwiperWrap .customSwiperDimedPrev {
  position:absolute; top:0; width:42px; height:100%; box-sizing:border-box; display:block; pointer-events: none; z-index: 9;
}

.customSwiperWrap .customSwiperDimedNext { right:0; background: linear-gradient(270deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%); }
.customSwiperWrap .customSwiperDimedPrev { left:0; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%); }
.customSwiperWrap .customSwiperDimedNext.disabled
, .customSwiperWrap .customSwiperDimedPrev.disabled { display:none; }

.customSwiperWrap .customSwiperScrollbar { position: absolute; left:0; bottom: 0px; width: 100%; height: 2px; padding:0 21px; box-sizing: border-box; z-index:2;}
.customSwiperWrap .customSwiperScrollbar em { position:relative; height: 100%; border-radius: 1px; background-color:#E1E1E1; overflow: hidden; display: block; }
.customSwiperWrap .customSwiperScrollbar i { position: relative; left:0; top:0; width: 100%; height: 100%; display: block; }
.customSwiperWrap .customSwiperScrollbar i span { position:absolute; left: 0; top: 0; width:0; height:100%; border-radius: 1px; background-color:#1B1B2E; display: block; }
.customSwiperWrap .customSwiperScrollbar i span:nth-of-type(1) { left:-100%; }
.customSwiperWrap .customSwiperScrollbar i span:nth-of-type(3) { left:100%; }

/* 메인 탑 Swiper */
.mainSwiperWrap { padding:0 0 25px 0; padding-top:0px !important;}
.mainSwiperWrap .customSwiperBox { margin:0 1px; }
.mainSwiperWrap .swiper-slide { padding:0 21px; box-sizing:border-box; }
.mainSwiperWrap .swiper-slide-item { display:table; }
.mainSwiperWrap .swiper-slide-item-cell { padding-left:21px; display:table-cell; }
.mainSwiperWrap .swiper-slide-item-cell:first-of-type { padding-left:0; }
.mainSwiperWrap .swiper-slide-link { text-decoration:none; display:block; }
.mainSwiperWrap .swiper-slide-box { position:relative; display:block; }
.mainSwiperWrap .swiper-slide-bottom { position:relative; transform-origin: center bottom; display:block;}
.mainSwiperWrap .swiper-slide-bottom img { width:100%; vertical-align:top; }
.mainSwiperWrap .swiper-slide-top { position:absolute; left:0; top:0; right:0; display:block; }
.mainSwiperWrap .swiper-slide-top img { width:100%; vertical-align:top; }

.mainSwiperWrap .swiper-slide-item.ty2 .swiper-slide-item-cell:nth-of-type(1) .swiper-slide-bottom { transform-origin: right bottom; }
.mainSwiperWrap .swiper-slide-item.ty2 .swiper-slide-item-cell:nth-of-type(2) .swiper-slide-bottom { transform-origin: left bottom; }

/* Card 3N Swiper */
.card3NSwiperWrap {}
.card3NSwiperWrap .swiper-slide { width:100px; margin-right:25px; }
.card3NSwiperWrap .swiper-slide:last-of-type { margin-right:0; }
.card3NSwiperWrap .swiper-slide-link { text-decoration:none; display:block; }
.card3NSwiperWrap .swiper-slide-pic {
  width: 100px; height: 100px; margin:0 0 10px 0; border: 1px solid rgba(0, 0, 0, 0.04); border-radius:20px;
  background-repeat: no-repeat; background-position: center center; background-size: 100px 100px; display:block;
  box-sizing: border-box;
}
.card3NSwiperWrap .swiper-slide-ti {
  font-size: 16px; line-height: 22px; color: #000000; text-decoration: none; display: block;
  height: 44px; overflow: hidden;
}
.card3NSwiperWrap .customSwiperButtonNext
, .card3NSwiperWrap .customSwiperButtonPrev { top:28px;  transform:translate3d(0, 0, 0);}

/* Card Theme Swiper */
.cardThemeSwiperWrap {}
.cardThemeSwiperWrap .customSwiperThemeTi { position:absolute; left:32px; top:0; width:204px; height:150px; }
.cardThemeSwiperWrap .customSwiperThemeTi img { width:204px; height:150px; vertical-align:top; }
.cardThemeSwiperWrap .customSwiperBox { padding-left: 250px; }
.cardThemeSwiperWrap .swiper-slide { width:100px; margin-right:25px; }
.cardThemeSwiperWrap .swiper-slide:last-of-type { margin-right:0; }
.cardThemeSwiperWrap .swiper-slide-link { text-decoration:none; display:block; }
.cardThemeSwiperWrap .swiper-slide-pic {
  width: 100px; height: 100px; margin:0 0 10px 0; border: 1px solid rgba(0, 0, 0, 0.04); border-radius:20px;
  background-repeat: no-repeat; background-position: center center; background-size: 100px 100px; display:block;
  box-sizing: border-box;
}
.cardThemeSwiperWrap .swiper-slide-ti {
  font-size: 16px; line-height: 22px; color: #000000; text-decoration: none; display: block;
  height: 44px; overflow: hidden;
}
.cardThemeSwiperWrap .customSwiperButtonNext
, .cardThemeSwiperWrap .customSwiperButtonPrev { top:28px;  transform:translate3d(0, 0, 0);}
.cardThemeSwiperWrap .card-title{padding-left:0px;}

/* Screenshot Swiper */
.screenshotSwiperWrap { padding:0; min-width:10px; max-width: 5000px; }
.screenshotSwiperWrap .customSwiperBox { margin:0; padding:0 20px; }
.screenshotSwiperWrap .swiper-slide-link { text-decoration:none; display:block; }
.screenshotSwiperWrap .swiper-slide { width:auto; margin-right:2px; }
.screenshotSwiperWrap .swiper-slide:last-of-type { margin-right:0; }
.screenshotSwiperWrap .swiper-slide-pic { display:block; }
.screenshotSwiperWrap .swiper-slide-pic img { height:155px; border-radius:15px; vertical-align:top; }

.card3NDetailSwiperWrap { padding:0; min-width:10px; max-width:5000px; }
.card3NDetailSwiperWrap .customSwiperBox { margin:0; padding:0 20px; }
.card3NDetailSwiperWrap .swiper-slide { width:92px; margin-right:16px; }
.card3NDetailSwiperWrap .swiper-slide:last-of-type { margin-right:0; }
.card3NDetailSwiperWrap .swiper-slide-link { text-decoration:none; display:block; }
.card3NDetailSwiperWrap .swiper-slide-pic {
  width: 92px; height: 92px; margin:0 0 8px 0; border: 1px solid rgba(0, 0, 0, 0.04); border-radius:20px;
  background-repeat: no-repeat; background-position: center center; background-size: 100px 100px; display:block;
  box-sizing: border-box;
}
.card3NDetailSwiperWrap .swiper-slide-ti {
  font-size: 12px; line-height: 16px; color: #000000; text-decoration: none; display: block;
  height: 32px; overflow: hidden;
}
.card3NDetailSwiperWrap .customSwiperButtonNext
, .card3NDetailSwiperWrap .customSwiperButtonPrev { top:28px;  transform:translate3d(0, 0, 0);}

.cardThemeSwiperWrap .customSwiperBg{ position:relative;}

/* main swiper start */
.moviSwiperwrap .swiper-container { padding:0 0 0 0; overflow:visible; }
.moviSwiperwrap .swiper-slide { position:relative; width:auto; padding:0; width:256px; margin-right:25px;}
.moviSwiperwrap .swiper-slide:last-of-type {margin-right:0px;}
.moviSwiperwrap .swiper-slide .detailscreenshots-link { position:relative; display:block; }
.moviSwiperwrap .swiper-slide .detailscreenshots-link .detailscreenshots-item{display:block;}
.moviSwiperwrap .swiper-slide .detailscreenshots-link .detailscreenshots-play { position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; width:40px; height:40px; display:block; z-index:22; }
.moviSwiperwrap .swiper-slide .detailscreenshots-link .detailscreenshots-play i.icon { display:block; }
.moviSwiperwrap .swiper-slide img{width:100%; -ms-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
.moviSwiperwrap .detailscreenshots-link .video-player{width:256px; height:144px;}
.moviSwiperwrap .customSwiperButtonNext, .moviSwiperwrap .customSwiperButtonPrev{top:53px; transform: translate3d(0, 0%, 0);}

/* banner swiper start */
.bannerTypeSwiper .swiperWrap{margin: 0 22px; background:#F7F7F8; border-radius:20px; padding: 0; overflow: hidden; cursor: pointer;}
.bannerTypeSwiper .swiper-pagination{width:auto !important; left:50% !important; transform: translate3d(-50%,0,0) !important; font-size: 0px; letter-spacing: 0px; bottom:8px;}
.bannerTypeSwiper .banner-item{position:relative; max-width:586px; margin:0 auto;}
.bannerTypeSwiper .banner-item > div img{width:100%;}
.bannerTypeSwiper .banner-item .cType-img{position:absolute; top:0; right:0;}
.bannerTypeSwiper .swiper-pagination-bullet{width:6px; height:6px; background:none; border: 1px solid #000000; box-sizing:border-box; margin:0px 2px !important;}
.bannerTypeSwiper .swiper-pagination-bullet-active{background:#000000!important; border:0px;}
.bannerTypeSwiper .banner-item > div{max-width:384px;}

.swiper-slide .item-cell-right{padding:0px;}
.swiper-slide .item-card-title{margin:0px;}

/* 이미지 롤링 관련 기본 css */
.imageRollingSwiperWrap {}
.imageRollingSwiperWrap .swiper-slide { width:256px; margin-right:25px; }
.imageRollingSwiperWrap .swiper-slide:last-of-type { margin-right:0; }
.imageRollingSwiperWrap .swiper-slide-link { text-decoration:none; display:block; }
.imageRollingSwiperWrap .swiper-slide-pic {
  position:relative; width:256px; height: 144px; margin:0 0 10px 0; border-radius:15px; display:block; overflow: hidden;
}
.imageRollingSwiperWrap .swiper-slide-pic img { width:256px; height: 144px; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; display:block; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:15px; display:block; overflow:hidden; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item span {
  position:absolute; left:50%; top:50%; width:100%; height:100%; transform: translate3d(-50%, -50%, 0); display:block;
  background-repeat:no-repeat; background-position: center center; background-size: contain;
}
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item span.swiper-slide-pic-set-item-bg {
  width:150%; height:150%; background-color: #000000;
}
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item span.swiper-slide-pic-set-item-filter {
  width:150%; height:150%; filter: blur(12px);
}
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(1) { z-index: 100; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(2) { z-index: 99; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(3) { z-index: 98; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(4) { z-index: 97; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(5) { z-index: 96; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(6) { z-index: 95; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(7) { z-index: 94; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(8) { z-index: 93; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(9) { z-index: 92; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(10) { z-index: 91; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(11) { z-index: 90; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(12) { z-index: 89; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(13) { z-index: 88; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(14) { z-index: 87; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(15) { z-index: 86; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(16) { z-index: 85; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(17) { z-index: 84; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(18) { z-index: 83; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(19) { z-index: 82; }
.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item:nth-of-type(20) { z-index: 81; }
.imageRollingSwiperWrap.rollingAni .swiper-slide-pic .swiper-slide-pic-set .swiper-slide-pic-set-item { transition: opacity 1s; }

/* 1열카드 이미지 롤링형 추가 css */
.card1NWrapImg.imageRollingSwiperWrap .swiper-slide-pic
, .card1NWrapImgDes.imageRollingSwiperWrap .swiper-slide-pic{width:538px; height:303px; margin:0px; border-radius:0px;}
.card1NWrapImg.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set-item 
, .card1NWrapImgDes.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set-item { border-radius:15px 0 0 15px; }
.card1NWrapImg.imageRollingSwiperWrap .swiper-slide-pic img
, .card1NWrapImgDes.imageRollingSwiperWrap .swiper-slide-pic img { width:100%; height:100%;}


/* hover 확대 관련 css */
.media-cell-list .item-cell.item-cell-left {
  position:relative; width:60px; height:60px; overflow: hidden; isolation: isolate; padding-right: 0;
  -ms-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;
}
.card3NSwiperWrap .swiper-slide-link > div
, .cardThemeSwiperWrap .swiper-slide-link > div {
  position:relative; width:100px; height:100px; overflow: hidden; isolation: isolate; margin: 0 0 10px 0;
  -ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
}
.card3NSwiperWrap .swiper-slide-pic
, .cardThemeSwiperWrap .swiper-slide-pic {
  border:none;
}
.card1NWrap .item-cell-leftwrap{width:80px;}
.card1NWrap .item-cell-left
, .item-card-img {
  display:block; position:relative; width:80px; height:80px; overflow:hidden; isolation: isolate; padding-right:0;
  -ms-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;
}
.card1NWrapImg .item-cell-leftwrap{width:80px; }
.card1NWrap .card-cell-wrap .item-cell-right{
  padding-left:20px;
}
.swiper-slide .item-cell-right { padding-left:14px; }

.media-cell-list .item-cell.item-cell-left:after
, .card3NSwiperWrap .swiper-slide-link > div:after
, .cardThemeSwiperWrap .swiper-slide-link > div:after
, .card1NWrap .item-cell-left:after
, .item-card-img:after {
  content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(0, 0, 0, 0.04);
  -ms-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;
  -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.card3NSwiperWrap .swiper-slide-link > div:after
, .cardThemeSwiperWrap .swiper-slide-link > div:after {
  -ms-border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
}
.media-cell-list .item-cell.item-cell-left img
, .card3NSwiperWrap .swiper-slide-link > div span
, .cardThemeSwiperWrap .swiper-slide-link > div span
, .card1NWrap .item-cell-left img
, .item-card-img img {
  width:100%; height:100%; -ms-transition: all .6s cubic-bezier(.23,1,.32,1); -moz-transition: all .6s cubic-bezier(.23,1,.32,1); 
  -webkit-transition: all .6s cubic-bezier(.23,1,.32,1); transition: all .6s cubic-bezier(.23,1,.32,1);
  -ms-transform: scale(1) translateZ(0); -moz-transform: scale(1) translateZ(0);
  -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0);
}
a:hover .media-cell-list .item-cell.item-cell-left img
, .card3NSwiperWrap .swiper-slide-link:hover > div span
, .cardThemeSwiperWrap .swiper-slide-link:hover > div span
, .card1NWrap a:hover .item-cell-left img
, a:hover .item-card-img img {
  -ms-transform: scale(1.07) translateZ(0);-moz-transform: scale(1.07) translateZ(0);
    -webkit-transform: scale(1.07) translateZ(0);transform: scale(1.07) translateZ(0); 
}


@media (max-width:767px) { 
  .mainSwiperWrap {min-width: 10px;}
  .mainSwiperWrap .customSwiperBox { margin:0; padding:0 10px; }
  .mainSwiperWrap .swiper-slide { padding:0 10px; }
  .mainSwiperWrap .swiper-slide-item-cell { padding-left:12px; }
  .mainSwiperWrap .swiper-slide-item-cell:first-of-type { padding-left:0; }
  .mainSwiperWrap .customSwiperScrollbar { padding:0 10px; }

  .card3NSwiperWrap {min-width: 10px;}
  .card3NSwiperWrap .customSwiperBox { margin:0; padding:0 20px;}
  .card3NSwiperWrap .swiper-slide { width:92px; margin-right:16px; }
  .card3NSwiperWrap .swiper-slide-pic { width:92px; height:92px; margin-bottom:8px; border-radius:15px; }
  .card3NSwiperWrap .swiper-slide-ti { font-size:12px; line-height:16px; height:32px; }

  .moviSwiperwrap {min-width: 10px;}
  .moviSwiperwrap .customSwiperBox { margin:0; padding:0 20px;}
  .moviSwiperwrap .swiper-slide { width:234px; margin-right:15px; }
  .moviSwiperwrap .detailscreenshots-link .video-player{width:100%; height:132px;}
  
  .cardThemeSwiperWrap {min-width: 10px; padding-left:20px; }
  .cardThemeSwiperWrap .customSwiperBg { position:relative; padding:30px 0; border-radius:20px 0 0 20px; background:#F7F7F8; overflow:hidden; }
  .cardThemeSwiperWrap .customSwiperThemeTi { left:0; top:50%; -ms-transform: translate3d(0%, -50%, 0); -moz-transform: translate3d(0%, -50%, 0); -webkit-transform: translate3d(0%, -50%, 0); transform: translate3d(0%, -50%, 0); }
  .cardThemeSwiperWrap .customSwiperBox { margin:0; padding-left:204px; }
  .cardThemeSwiperWrap .swiper-slide { width:92px; margin-right:16px; }
  .cardThemeSwiperWrap .swiper-slide-pic { width:92px; height:92px; margin-bottom:8px; border-radius:15px; }
  .cardThemeSwiperWrap .swiper-slide-ti { font-size:12px; line-height:16px; height:32px; }

  .bannerTypeSwiper .swiper-button-prev
  ,.bannerTypeSwiper .swiper-button-next{display:none !important;}  

  .customSwiperWrap{padding:20px 0px;}
  .cardThemeSwiperWrap{padding-left:20px;}
  .cardThemeSwiperWrap .card-title{margin-left:0px;}
  .bannerTypeSwiper .swiperWrap{border-radius:15px;}

  .media-cell-list .item-cell.item-cell-left {
    width:45px; height:45px; padding-right: 0;
    -ms-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
  }
  .media-cell-list .item-cell.item-cell-left:after {
    -ms-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
  }
  .card3NSwiperWrap .swiper-slide-link > div
  , .cardThemeSwiperWrap .swiper-slide-link > div {
    width:92px; height:92px; margin: 0 0 8px 0;
    -ms-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;
  }
  .card3NSwiperWrap .swiper-slide-link > div:after
  , .cardThemeSwiperWrap .swiper-slide-link > div:after {
    -ms-border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;
  }
  .card1NWrap .item-cell-leftwrap{width:65px;}
  .card1NWrap .item-cell-left{ 
    width:65px; height:65px;
    -ms-border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;
  }
  .card1NWrap .card-cell-wrap .item-cell-right{padding-left:15px;}
  .item-card-img { 
    width: 50px; height: 50px;
    -ms-border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;
  }
  .card1NWrapImg .item-cell-leftwrap{width:40px;}
  .card1NWrapImg .card-cell-wrap .item-card-img
  , .card1NWrapImg .card-cell-wrap .item-card-img:after {
    width:40px; height:40px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
  }
  .card1NWrapImg .card-cell-wrap .item-card-img:after {
    top:50%; -ms-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0);
    -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0);
  }
  .swiper-slide .item-cell-right { padding-left:10px; }
    .card1NWrap .card-cell-wrap .cell-inner .item-cell-right { padding-left:15px; }
  
  .media-cell-list .item-cell.item-cell-left img
  , .card3NSwiperWrap .swiper-slide-link > div span
  , .cardThemeSwiperWrap .swiper-slide-link > div span
  , .card1NWrap .item-cell-left img
  , .item-card-img img {
    -ms-transition : none; -moz-transition : none; -webkit-transition : none; transition : none;
  }
  a:hover .media-cell-list .item-cell.item-cell-left img
  , .card3NSwiperWrap .swiper-slide-link:hover > div span
  , .cardThemeSwiperWrap .swiper-slide-link:hover > div span
  , .card1NWrap a:hover .item-cell-left img
  , a:hover .item-card-img img {
    -ms-transform : none; -moz-transform : none; -webkit-transform : none; transform : none;
  }


  /* 이미지 롤링 관련 기본 css */
  .imageRollingSwiperWrap {min-width: 10px;}
  .imageRollingSwiperWrap .customSwiperBox { margin:0; padding:0 20px;}
  .imageRollingSwiperWrap .swiper-slide-pic{width:234px; height:132px;}
  .imageRollingSwiperWrap .swiper-slide-pic img{width:234px; height:132px;}

  /* 1열카드 이미지 롤링형 추가 css */
  .card1NWrapImg.imageRollingSwiperWrap .swiper-slide-pic
  , .card1NWrapImgDes.imageRollingSwiperWrap .swiper-slide-pic{width:340px; height:191px; }
}


@media (max-width:579px) {
  .mainSwiperWrap .customSwiperBox { padding:0; }
  .mainSwiperWrap .swiper-slide { padding:0 20px; }
  .mainSwiperWrap .customSwiperScrollbar { padding:0 20px; }
  .cardThemeSwiperWrap .customSwiperBg{padding:30px 0px;}

  /* 1열카드 이미지 롤링형 추가 css */
  .card1NWrapImg.imageRollingSwiperWrap .swiper-slide-pic
  , .card1NWrapImgDes.imageRollingSwiperWrap .swiper-slide-pic{width:100%; height:auto; max-width:440px; margin:0 auto;}

  .card1NWrapImg.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set-item 
, .card1NWrapImgDes.imageRollingSwiperWrap .swiper-slide-pic .swiper-slide-pic-set-item { border-radius:0; }
}

@media (max-width:359px) {
  .cardThemeSwiperWrap .customSwiperBg { position:relative; }
  .cardThemeSwiperWrap .customSwiperThemeTi { top:50%; width:144px; height:auto; -ms-transform: translate3d(0%, -50%, 0); -moz-transform: translate3d(0%, -50%, 0); -webkit-transform: translate3d(0%, -50%, 0); transform: translate3d(0%, -50%, 0); }
  .cardThemeSwiperWrap .customSwiperThemeTi img {width:100%; height:auto; }
  .cardThemeSwiperWrap .customSwiperBox { padding-left:156px; }
}