/* BASIC css start */
/* 메인 영역 : 상단 */
#header {height:0 !important;}

/* 메인 영역 : 상품진열 더보기 버튼 */
#container .more .btn_moreGray {width:98% !important;}

/* 메인 영역 : 메인배너 */
.main_swiper {width:100%; margin-bottom:30px;}
.main_swiper .swiper-slide {position:relative; text-align:center;}
.main_swiper .swiper-slide a {display:block; width:100%; height:530px; background-size:cover; background-position:center;}
.main_swiper .swiper-slide .main_txt {position:absolute; top:375px; left:40px; color:#fff; font-size:50px; font-weight:700; line-height:55px; text-align:left; transform:translate(0, -50%);}
.main_swiper .swiper-slide .c_btn {display:inline-block; color:#fff; font-size:16px; font-weight:300; line-height:30px; letter-spacing:1px; border-bottom:1px solid #fff;}
.main_swiper .main_swiper_pagination.swiper-pagination-bullets {bottom:15px; right:15px; left:auto; display:table; width:auto; box-sizing:border-box;}
.main_swiper .main_swiper_pagination.swiper-pagination-bullets .swiper-pagination-bullet {width:10px; height:10px; margin: 0 5px; background:#fff; opacity:0.3;}
.main_swiper .main_swiper_pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {background:#fff; opacity:1;}

/* 메인 영역 */
.main_cont {width:94%; margin:0 auto;}

/* 메인 타이틀 */
.main_title {position:relative; padding:40px 0; text-align:center; font-size:0px;}
.main_title .t1 {color:#000; font-size:18px; font-weight:600; line-height:1;}
.main_title .t2 {color:#888; font-size:12px; line-height:20px; padding-top:15px;}

/* 메인 영역 : 탭 상품진열 */
.swiper1 .list_shopping2x ul {min-height:770px;}
.swiper1 {width:100%; height:auto; margin:0 auto; background-color:#fff;}
.swiper1 .swiper-slide {background-color:#fff;}
.swiper1_text {margin:0 auto 15px; font-size:0; text-align:center;}
.swiper1_text li {position:relative; display:inline-block; height:18px; margin:0px 8px; color:#888; font-size:12px; line-height:1; text-align:center; border-bottom:1px solid #fff; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.swiper1_text li.swiper_over {color:#000; border-bottom:1px solid #000; -webkit-backface-visibility: hidden;}
.swiper1 .swiper-pagination1 {display:none;}

/* 메인 영역 : 롤링배너 */
.swiper2.swiper-container {width:calc(100% - 10px); padding:0 0 30px;}
.swiper2 .swiper-slide {position:relative; right:0; top:0; text-align:left;}
.swiper2 .swiper-slide img {display:block; width:100%; margin:0 auto 10px;}
.swiper2 .w_ban_text {position:absolute; right:0; bottom:20px; width:92%; min-height:50px; padding:20px 0; background-color:#fff;}
.swiper2 .t1 {color:#000; font-size:18px; font-weight:600; text-indent:20px;}
.swiper2 .t2 {color:#555; font-size:12px; text-indent:20px; padding-top:10px;}
.swiper2 .swiper-pagination {position:absolute; left:0; right:0; bottom:20px;}
.swiper2 .swiper-pagination-bullet {display:inline-block; width:8px; height:8px; background:#888; border-radius:50%; border:0; opacity:0.7;}
.swiper2 .swiper-pagination-bullet-active {width:8px; height:8px; background:#000; border:0; opacity:1;}
.swiper2 .swiper-container-horizontal > .swiper-pagination-bullets {bottom:0;}

/* 메인 영역 : 이벤트배너 */
.swiper3.swiper-container {margin:60px auto; padding-left:3%;}
.swiper3 .swiper-wrapper {padding:0 5px;}
.swiper3 .swiper-slide {width:85%; margin-right:15px; text-align:center;}
.swiper3 .swiper-slide img {width:100%;}
.swiper3 .swiper-slide:first-child {margin-left:20px;}
.swiper3 .t1 {margin-top:18px; color:#000; font-size:18px; font-weight:600; text-align:center; line-height:1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.swiper3 .t2 {margin-top:10px; color:#888; font-size:13px; text-align:center; line-height:1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.swiper3 .t3 {margin-top:20px; color:#000; font-size:12px; text-align:center; line-height:1; display:inline-block; height:18px; border-bottom:1px solid #000}

/* 유튜브 메인 */
.video-container{position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-container iframe,{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.video-container iframe{
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  height: calc(100% + 120px);
}

/* BASIC css end */