/* BASIC css start */
@charset "utf-8";

/* 메인 레이아웃 */
#contents .sub_content {width:100% !important;}
#contents {padding:0 !important;}

/* 스와이퍼 공통 */
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content:"" !important; }

/* 메인 상품진열 가로값 */
.product_width {width:1620px;margin:0 auto;}
.product_recom_width {width:1292px;float:right;}

/* 메인이미지 */
.swiper1 {width:100%;max-width:1920px;min-width:1320px;height:700px;margin:0px auto;}
.swiper1 .swiper-slide > a > div {background-repeat:no-repeat;width:100%; height:100%; background-position:center top;}
.swiper1 .swiper-pagination-bullets {bottom:40px !important;}
.swiper1 .swiper-pagination-bullet {margin:0 5px !important; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.swiper1 .swiper-pagination-bullet {width:10px; height:10px; display:inline-block; border-radius:50%; background:#222; opacity:0.3;}
.swiper1 .swiper-pagination-bullet-active {opacity:0.8; background:#222;}
.swiper1 .swiper-button-prev1 { outline:none; margin-top:-22px; position:absolute; background-image:url('/design/vlco/0774innocence/main_prev.png'); top:50%; left:30px; width:30px; height:56px; background-size:30px 56px; z-index:30; cursor:pointer; transform:translateY(-50%); }
.swiper1 .swiper-button-next1 { outline:none; margin-top:-22px; position:absolute; background-image:url('/design/vlco/0774innocence/main_next.png'); top:50%; right:30px; width:30px; height:56px; background-size:30px 56px; z-index:30; cursor:pointer; transform:translateY(-50%); }
.swiper1 iframe {}


.prd-list .subname{ height : 0px !important; }

/* 메인 기본 타이틀 */
.main_title {position:relative;width:1620px;margin:100px auto 30px;}
.main_title .t1 {display:inline-block;font-size:40px;color:#000; line-height:1; font-weight:200;}
.main_title .t2 {display:inline-block;margin-left:10px;font-family:'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; font-size:14px; color:#888; line-height:1; letter-spacing:-0.5px;}
.main_title .btn_link { float:right; padding-top:6px; }

/* 메인 추천 상품진열 */
.main_recm {width:1620px; margin:120px auto 0;}
.recm_title {float:left; width:300px;}
.recm_title .t1 {font-size:40px; font-weight:200;}
.recm_title .t1 img {padding:12px 0 0 20px;}
.recm_title .t2 {margin-top:10px; color:#888; font-family:'Malgun Gothic','맑은 고딕','Nanum Gothic', sans-serif; font-size:14px; letter-spacing:-0.5px;}

/* 메인 배경고정배너 FIXED */
.main_long_ban {min-width:1380px; padding-top : 50px; }
.main_long_ban ul li {float:left; width:50%; height:180px;}
.main_long_ban ul li:first-child {text-align:right;}
.main_long_ban ul li:first-child + li {text-align:left;}
.main_long_ban ul li a {display:block; position:relative; top:-65px;}

/* 메인 슬라이드 상품진열 스타일 */
.prdSwiper {position:relative; width:1620px; margin:0 auto;}
.prd-swiper {width:1620px; margin:0 auto;}
.prdSwiper .prd-swiper .swiper-slide { width:360px !important; padding:0; }
.prdSwiper .prd-swiper .swiper-slide:nth-child(2n) { width:360px !important; padding:0; }
.prdSwiper .prd-swiper .swiper-slide .icon_list { display:none;  position:absolute; top:100%; margin-top:-22px; right:0px; width:100%; opacity:0; -webkit-transition: .3s ease-in-out;transition:.3s ease-in-out;}
.prdSwiper .prd-swiper .swiper-slide .icon_list ul {display:table; margin:0 auto;}
.prdSwiper .prd-swiper .swiper-slide .icon_list li {display:inline-block; margin:0 3px;vertical-align:top;}
.prdSwiper .prd-swiper .swiper-slide:hover .icon_list { top:95%; opacity:1; }
.prdSwiper .prd-swiper .swiper-slide #sale_bg { bottom:11px; }
.prd-swiper_btn .prd-swiper_btn_prev { outline:none; position:absolute; left:-80px; top:285px; background-image:url('/design/d4-3312/0774innocence/main_prod2_prev.png'); width:30px; height:57px; background-size:30px 57px;}
.prd-swiper_btn .prd-swiper_btn_next { outline:none; position:absolute; right:-80px; top:285px; background-image:url('/design/d4-3312/0774innocence/main_prod2_next.png'); width:30px; height:57px; background-size:30px 57px;}


/* 메인 섹션 3 */
.main_section3 .prd-list table td .box { max-width:387px; }

/* 메인 이벤트 롤링 배너 */
.swiper2 {padding-top:40px;}
.swiper2 .swiper-slide {width:1600px;overflow:hidden;}
.swiper2 .swiper-button-next2 { outline:none; background:url('/design/vlco/0774innocence/main_rolling_next.png'); background-size:32px 59px; width:32px; height:59px; right:50%;transform:translate(880px, 0); margin-top:-30px;}
.swiper2 .swiper-button-prev2 { outline:none; background:url('/design/vlco/0774innocence/main_rolling_prev.png'); background-size:32px 59px; width:32px; height:59px; left:50%; transform:translate(-880px, 0); margin-top:-30px;}

/* 메인 트렌드 키워드 */
.main_keyword_ban {position:relative; width:1620px; margin:0 auto;}
.main_keyword_ban .main_title {width:320px; float:left;margin:0 auto 30px;}
.main_keyword_ban .main_keyword_swiper {width:1290px; }
.main_keyword_ban .swiper-wrapper div {float: left;width: auto;}
.main_keyword_ban .main_keyword_swiper .swiper-slide a { padding:20px 20px 20px 40px; margin:0 0 0 5px; display:block; border:1px solid #888; color:#888; border-radius:35px; font-size:20px; font-weight:300; text-align:center;}
.main_keyword_ban .main_keyword_swiper .swiper-slide a .hashtag { position:absolute; top:20px; left:27px; }
.main_keyword_ban .main_keyword_swiper .swiper-slide-active a {border:1px solid #222; color:#222; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s;}

/* 메인 이벤트 배너 */
.main_event_ban {width:1620px; margin:120px auto 0;}
.main_event_list .main_event_2x {width:1072px; float:left;}
.main_event_list .main_event_1x {width:524px; float:left; margin-left:24px;}
.main_event_list .main_event_1x:first-child {margin-left:0;}
.main_event_list .main_event_img {margin-bottom:20px;}
.main_event_list .main_event_img img {width:100%;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s;}
.main_event_list ul li:hover .main_event_img img {opacity:0.8;}
.main_event_list .main_event_title {margin-bottom:10px; font-size:20px; color:#222; letter-spacing:-0.5px;}
.main_event_list .main_event_sub {margin-bottom:60px; font-size:14px; color:#888; letter-spacing:-0.5px;}

.prd-swiper_btn .prd-swiper_btn_next{ outline: none; position: absolute; right: -80px; top: 285px; background-image: url(/design/vlco/0774innocence/main_prod2_next.png); width: 30px; height: 57px; background-size: 30px 57px;}
.prd-swiper_btn .prd-swiper_btn_prev{ outline: none; position: absolute; left: -80px; top: 285px; background-image: url(/design/vlco/0774innocence/main_prod2_prev.png); width: 30px; height: 57px; background-size: 30px 57px;}

/* 메인 저널 배너 */
.main_jounal_ban {width:1620px; margin:60px auto 0;}
.main_jounal_list ul li {float:left; width:524px; margin-left:24px;}
.main_jounal_list ul li:first-child {margin-left:0;}
.main_jounal_list .main_jounal_img {margin-bottom:20px;}
.main_jounal_list .main_jounal_img img {width:100%;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s;}

.main_jounal_list .main_jounal_title {margin-bottom:10px; font-size:20px; letter-spacing:-0.5px;}
.main_jounal_list .main_jounal_sub {font-size:14px; color:#888; line-height:26px; width:95%; word-break:keep-all; letter-spacing:-0.5px;}

/* 메인 상점 안내 */
.main_shop_info {width:1620px; margin:60px auto 100px;}
.main_shop_info > div {float:left;}
.main_shop_info .main_title {width:100%; font-size:24px; font-weight:300; border-bottom:2px solid #222; padding-bottom:16px; margin:0 auto 20px;}
.main_shop_info .main_title .main_title_link {float:right; width:13px; height:13px; margin-top:7px;}
.main_shop_info .main_title .main_title_link img {width:100%; height:100%;}
.main_shop_info .main_notice { width:516px; margin-right:100px; }
.main_shop_info .main_notice .main_notice_list li span {float:right;}
.main_shop_info .main_notice .main_notice_list li a {font-size:13px; line-height:26px; letter-spacing:-0.5px; display:block;overflow: hidden;text-overflow: ellipsis; white-space:nowrap; width:440px; float:left;}
.main_shop_info .main_notice .main_notice_list li a:hover {color:#888;}
.main_shop_info .main_cs {width:516px; margin-right:100px;}
.main_shop_info .main_cs .main_cs_tel {font-size:20px; font-weight:400; margin-bottom:4px; line-height:1.3;}
.main_shop_info .main_cs .main_cs_info {font-size:14px; letter-spacing:-0.5px; margin-bottom:20px;}
.main_shop_info .main_cs .main_cs_link {float:left;}
.main_shop_info .main_cs .main_cs_link ul li {float:left;}
.main_shop_info .main_cs .main_cs_link ul li:first-child {margin-right:8px;}
.main_shop_info .main_cs .main_cs_link ul li a {display:block; width:100px; height:36px; border:1px solid #222; border-radius:18px; text-align:center; line-height:36px; font-size:13px; letter-spacing:-0.5px;}
.main_shop_info .main_cs .main_cs_link ul li a:hover {background-color:#000; color:#fff;}
.main_shop_info .main_cs .main_cs_sns {float:right;}
.main_shop_info .main_cs .main_cs_sns ul li {float:left; margin-left:12px;}
.main_shop_info .main_benefit {width:388px;}
.main_shop_info .main_benefit_pagination {position:absolute; top:13px; right:0;}
.main_shop_info .main_benefit_pagination .swiper-pagination-bullet {width:8px; height:8px; margin-left:6px; background:#000; opacity:0.3;}
.main_shop_info .main_benefit_pagination .swiper-pagination-bullet-active {opacity:1;}

/* 메인 플로팅배너 */
.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:25px; left:25px;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:25px;} 
.main_floating_btn:hover {opacity:0.8;}
.main_floating {position:fixed;bottom:-420px;left:25px;z-index:99;}
.main_floating .main_floating_close {position:absolute; top:15px; right:15px;z-index:10;}
.main_floating_close img.rotate { border-radius: 50em;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.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:300px;}
.floating .swiper-wrapper {height:auto;}
.floating .swiper-pagination_floating {display:none;}
.floating .swiper-slide 
.floating_text {margin:0 auto;font-size:0;text-align:center;z-index:1;background-color:#404040;}
.floating_text li {width:33.33%;margin:0;line-height:47px;font-size:13px;display:inline-block;font-weight:400;cursor:pointer;color:#dcdcdc;}
.floating_text li:hover,
.floating_text li.swiper_over {font-weight:700;color:#aaa9a9;}
.floating .swiper-button-next {position:absolute;top:50%;width:25px;height:45px;margin-top:-47px;z-index:10;cursor:pointer;background-size:25px 45px;opacity:0;}
.floating .swiper-button-prev {position:absolute;top:50%;width:25px;height:45px;margin-top:-47px;z-index:10;cursor:pointer;background-size:25px 45px;opacity:0;}
.floating .swiper-button-next {background-image:url('/design/vlco/0774innocence/icon_fix_arrow_right.png'); right:0;}
.floating .swiper-button-prev {background-image:url('/design/vlco/0774innocence/icon_fix_arrow_left.png'); left:0;}
.floating .swiper-button-next:hover {opacity:0.5 !important;}
.floating .swiper-button-prev:hover {opacity:0.5 !important;}
.floating:hover .swiper-button-next,
.floating:hover .swiper-button-prev {opacity:1;}

/* 메인 원형 팝업 */
.xans-mpopup2 {position:fixed;z-index:100; bottom:50px; right:100px;display:none;}
.mpopup2 {width:290px;} 
.mpopup2 .showarea {width:288px; border-bottom:0px;background-color:transparent;}
.mpopup2 .todayopen {clear:both;font-size:0px; display:block; background-color:#e8e8e8; height:30px; margin-top:5px;}
.mpopup2 .todayopen .mpopupnottoday {float:left; height:13px; width:13px; margin-top:8px;}
.mpopup2 .closetxt { cursor:pointer; color:#333; float:right; padding-right:20px; font-size:11px; line-height:30px; }
.mpopup2 .closex { cursor:pointer; color:#333; float:right; padding-right:10px; font-size:11px; line-height:30px;} 


/* 동영상 */
.video {width: 1620px; margin: 0 auto 100px;}
.video a {padding:56.25% 0 0 0;position:relative;display: block;}


@media screen and (max-width: 1696px)
{
	/* 메인 기본 타이틀 */
	.main_title {width:1480px;}
	
	/* 메인 상품진열 가로값 */
	.main_recm {width:1480px;}
	.product_width {width:1480px;}
	.product_recom_width {width:1180px;}

	/* 메인 롤링 상품진열 스타일 */
	.main_rolling {width:1480px;}
	.main_rolling li {width:300px;}
	.main_rolling li .item_cont {width:255px;}
	.main_rolling li.swiper-slide-active .item_cont {width:300px}
	.swiper-button-prev_main_rolling {margin-left:-710px;}
	.swiper-button-next_main_rolling {margin-right:-710px;}

	/* 메인 트렌드 키워드 */
	.main_keyword_ban {width:1480px;}
	.main_keyword_ban .main_title {width:280px;}
	.main_keyword_ban .main_keyword_swiper {width:1180px;}

	/* 메인 이벤트 배너 */
	.main_event_ban {width:1480px;}
	.main_event_list .main_event_2x {width:979px;}
	.main_event_list .main_event_1x {width:478px; margin-left:23px;}

	/* 메인 저널 배너 */
	.main_jounal_ban {width:1480px; margin: 0 auto; }
	.main_jounal_list ul li {width:478px; margin-left:23px;}

	/* 메인 상점 안내 */
	.main_shop_info {width:1480px;}
	.main_shop_info .main_notice {width:446px;}
	.main_shop_info .main_notice .main_notice_list li a {width:380px;}
	.main_shop_info .main_cs {width:446px;}

	/* 메인 이벤트 롤링 배너 */
	.swiper2 .swiper-slide {width:1440px;}
	.swiper2 .swiper-button-next2 {transform:translate(710px, 0);}
	.swiper2 .swiper-button-prev2 {transform:translate(-710px, 0);}
}

@media screen and (max-width: 1540px)
{
	/* 메인 기본 타이틀 */
	.main_title {width:1380px;}

	/* 메인 상품진열 가로값 */
	.recm_title {width:260px;}
	.recm_title .t1 img {display:none;}
	.main_recm {width:1380px;}
	.product_width {width:1380px;}
	.product_recom_width {width:1100px;}

	/* 메인 롤링 상품진열 스타일 */
	.main_rolling {width:1380px;}
	.main_rolling li {width:280px;}
	.main_rolling li .item_cont {width:240px;}
	.main_rolling li.swiper-slide-active .item_cont {width:280px}
	.swiper-button-prev_main_rolling {margin-left:-660px;}
	.swiper-button-next_main_rolling {margin-right:-660px;}

	/* 메인 트렌드 키워드 */
	.main_keyword_ban {width:1380px;}
	.main_keyword_ban .main_title {width:260px;}
	.main_keyword_ban .main_keyword_swiper {width:1100px;}

	/* 메인 이벤트 배너 */
	.main_event_ban {width:1380px;}
	.main_event_list .main_event_2x {width:912px;}
	.main_event_list .main_event_1x {width:444px; margin-left:24px;}

	/* 메인 저널 배너 */
	.main_jounal_ban {width:1380px; margin: 0 auto;  }
	.main_jounal_list ul li {width:444px; margin-left:24px;}

	/* 메인 상점 안내 */
	.main_shop_info {width:1380px;}
	.main_shop_info .main_notice {margin-right:60px;}
	.main_shop_info .main_cs { margin-right:60px;}
	.main_shop_info .main_benefit {width:368px;}

	/* 메인 이벤트 롤링 배너 */
	.swiper2 .swiper-slide {width:1340px;}
	.swiper2 .swiper-button-next2 {transform:translate(660px, 0);}
	.swiper2 .swiper-button-prev2 {transform:translate(-660px, 0);}
}


/* BASIC css end */