/* BASIC css start */
/* 메인 레이아웃 */
#header {height:0 !important;}
#contentWrapper,
.header_sec01,
#footer .inner {max-width:1920px; width:auto !important; min-width:1520px !important;}

/* 마우스오버시 상단색상 */
#comment_top:hover,
#header:hover {background-color:#fff;}
#header.main:hover .morenvyAllCategory .depth1 > li > a,
#header.main:hover .header_sec01 .top_menu li a,
#header.main:hover .header_sec01 .top_ban {color:#000;}

/* 메인페이지에서 상단색상 */
#header.main .morenvyAllCategory .depth1 > li > a,
#header.main .header_sec01 .top_menu li a,
#header.main .header_sec01 .top_ban {color:#fff;}

/* 메인 팝업 : 플로팅배너 */
.move {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.main_floating_btn { width:50px; height:50px; vertical-align:middle; background-color:#333; border-radius:50%;-webkit-border-radius:50%; -moz-border-radius:50%; text-align:center; position:fixed; bottom:30px; left:30px; z-index:10;}
.main_floating_btn a {color:#fff; display:inline-block; font-size:13px; line-height:16px; font-weight:400; margin-top:10px;}
.main_floating_btn.is-open {bottom:-50px;} 
.main_floating_btn.is-closed {bottom:30px;} 
.main_floating_btn:hover {opacity:0.8;}
.main_floating {position:fixed; bottom:-530px; left:30px; z-index:99; border-radius:15px;}
.main_floating .swiper-container {border-radius:15px;}
.main_floating .main_floating_close {position:absolute; top:20px; right:20px; z-index:10;}
.main_floating_close img.rotate { border-radius: 50em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.main_floating_close img.rotate:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } 

.floating {width:370px;}
.floating .swiper-wrapper {height:auto;}
.floating .swiper-pagination_floating {display:none;}
.floating .swiper-slide {background-color:#fff;}
.floating .swiper-slide img {vertical-align:middle;}
.floating_text {margin:0 auto; font-size:0px; text-align:center; z-index:1; background-color:#404040; }
.floating_text li {width:50%; margin:0; line-height:47px; font-size:14px; display:inline-block; font-weight:300; cursor:pointer; color:#aaa9a9; }
.floating_text li:hover,
.floating_text li.swiper_over {font-weight:400; color:#fff;}
.floating:hover .swiper-button-next,
.floating:hover .swiper-button-prev {opacity:1;}

/* 메인 */
.main_cont {max-width:1920px; min-width:1520px; margin:0 auto;}

/* 메인 공통타이틀 */
.main_title {margin-bottom:60px; text-align:center;}
.main_title .t1 {color:#000; font-size:20px; font-weight:600;}
.main_title .t2 {color:#888; font-size:16px; font-weight:400; line-height:25px; margin-top:25px;}

/* 메인 공통버튼 */
.c_btn a {display:block;}
.c_btn {width:160px; height:60px; line-height:60px; box-sizing:border-box; border-radius:2px; font-size:16px; font-weight:400; text-align:center; margin:0 auto; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}

/* 메인 영역 : 메인배너 */
.main_swiper.swiper-container {width:100%; margin-bottom:50px;}
.main_swiper .swiper-slide {text-align:center; position:relative; }
.main_swiper .swiper-slide a {height:700px; width:100%; background-position:center; display:block; }
.main_swiper .swiper-slide .main_txt {width:100%; position:absolute; top:50%; color:#fff; font-size:90px; font-weight:700; transform:translate(0, -50%);}
.main_swiper .swiper-slide .c_btn {margin-top:30px; border:1px solid #fff; color:#fff;}
.main_swiper .swiper-slide .c_btn:hover {background:#000; border:1px solid #000;}
.main_swiper .main_swiper_pagination.swiper-pagination-bullets {bottom:35px; text-align:right; width:100%; padding-right:60px; 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;}

/* 유튜브 메인 */
.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, {
  pointer-events: none;
}
.video-container iframe{
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  height: calc(100% + 120px);
}
.video-foreground{
  pointer-events:none;
}

/* 메인 영역 : 상품진열 01 */
.main-prd01.prd-list table td .box {max-width:100%;}

/* 메인 영역 : 상품진열 */
.main_prd > div {width:50%;}
.main_prd > div .prd-list {width:auto !important; min-width:auto !important;}
.main_prd .c_btn {border:1px solid #000; color:#000; display:inline-block;}
.main_prd .c_btn a {width:160px; height:60px; line-height:60px; box-sizing:border-box; border-radius:2px; font-size:16px; font-weight:400; text-align:center; margin:0 auto; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.main_prd .c_btn:hover {background:#000;}
.main_prd .c_btn:hover a { color:#fff;}

/* 메인 영역 : 롤링배너 */
.main_rolling_swiper.swiper-container {margin:100px auto;}
.main_rolling_swiper .swiper-slide img {width:100%;}
.main_rolling_swiper .main_rolling_button_next.swiper-button-next {background-image:url('/design/vlcopm/0777withdenim/rolling_next.png'); background-size:50px 50px; width:50px; height:50px;}
.main_rolling_swiper .main_rolling_button_prev.swiper-button-prev {background-image:url('/design/vlcopm/0777withdenim/rolling_prev.png'); background-size:50px 50px; width:50px; height:50px;}
.main_rolling_swiper .c_btn {border:1px solid #000; background:#fff; position:absolute; bottom:120px; right:60px;}
.main_rolling_swiper .c_btn:hover {background:#000; color:#fff;}

/* 메인 영역 : 이벤트배너 */
.main_event_ban {margin-top:100px;}
.main_event_ban ul li {width:32.66%; float:left; margin-left:1%; text-align:center;}
.main_event_ban ul li:first-child {margin-left:0;}
.main_event_ban ul li img {width:100%;}
.main_event_ban .main_event_title {font-size:20px; font-weight:600; margin-top:25px; color:#000;}
.main_event_ban .main_event_sub {font-size:16px; color:#555; margin-top:10px;}


@media screen and (max-width: 1920px){
	/* 메인 레이아웃 */
	#contentWrapper {padding:0 !important;}
}
/* BASIC css end */