/* BASIC css start */
/* 200527 morenvy 동혁 */



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

/* 메인 슬라이드 이미지 */
.swiper0 {width:100%; margin:0 auto; padding-bottom:40px !important;}
.swiper0 .swiper-slide img {width:100%;}
.swiper0 .swiper-pagination-bullet { width:8px; height:8px; }
.swiper0 .swiper-pagination-bullet-active { width:8px; height:8px; background:#000; border:0; opacity:1;}
.swiper0 .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; }
.swiper0 iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

/* 메인 타이틀 */
.main_title {width:94%; margin:0 auto; padding:30px 0; text-align:left;}
.main_title .t1 {float:left; color:#222; font-family:'Work Sans', sans-serif; font-size:28px; font-weight:300; line-height:1;}
.main_title .btn_link {float:right; width:18px;}
.main_title .btn_link img {width:100%; padding-top:6px;}

/* 메인 배경고정배너 */
.main_fixed_ban {width:100%; margin:40px auto 30px;}
.main_fixed_ban li:last-child {margin-top:-14px;}
.main_fixed_ban img {display:block; width:100%;}

/* 메인 슬라이드 상품진열 스타일 */
.prd-swiper .swiper-wrapper { display:flex; }
.prd-swiper .swiper-wrapper .swiper-slide { width:60%; margin-left:4%; }
.prd-swiper .swiper-wrapper .swiper-slide:nth-child(2n) { width:60%; }
.prd-swiper .swiper-wrapper .swiper-slide li a img { border:none; width:100%; }

/* 메인 2단 슬라이드 상품진열 스타일 */
.prd-swiper-col {position:relative; padding:0;}
.prd-swiper-col .swiper-wrapper { display:flex; flex-wrap:wrap; flex-direction:row !important; padding:0 0 15px 0; }
.prd-swiper-col .swiper-wrapper .swiper-slide { margin-bottom:25px; }
.prd-swiper-col .swiper-wrapper .swiper-slide li a img {border:none; width:100%;}

/* 메인 2단 슬라이드 페이지네이션 */
.prd-swiper-col .swiper-pagination-bullet-active {background-color:#fff}

/* 메인 2단 슬라이드 상품진열 순위 */
.prd-swiper-col .swiper-wrapper .swiper-slide .num {position:absolute; top:-1px; right:10px; z-index:100; background-image:url('/design/vlco/mobile_0774innocence/p_flag.png'); background-repeat:no-repeat; background-size:cover; width:30px; height:36px; color:#fff; text-align:center; line-height:30px; font-size:14px; font-style:italic;}

/* 메인 롤링 배너 영역 */
.swiper1 .swiper-slide {position:relative; margin:50px auto 30px; text-align:center;}
.swiper1 .swiper-slide img {width:100%;}
.swiper1 .swiper-button-next1 { outline:none; right:15px; width:18px; height:32px;background-image:url('/design/vlco/mobile_0774innocence/main_rolling_next.png'); background-size:cover;}
.swiper1 .swiper-button-prev1 { outline:none; left:15px; width:18px; height:32px; background-image:url('/design/vlco/mobile_0774innocence/main_rolling_prev.png'); background-size:cover;}

/* 메인 이벤트 배너 */
.main_event_list {padding:0 14px;}
.main_event_list .main_event_2x {width:100%; margin:0 auto;}
.main_event_list .main_event_1x {float:left; width:49%; margin-left:2%;}
.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%;}
.main_event_list .main_event_title {margin-bottom:10px; font-size:16px; color:#222; letter-spacing:-0.6px; line-height:18px; word-break:keep-all;}
.main_event_list .main_event_sub {margin-bottom:30px; font-size:12px; color:#888; letter-spacing:-0.6px; word-break:keep-all;}

/* 메인 저널 영역 */
.swiper2 {margin-bottom:30px;}
.swiper2 .swiper-slide {width:80% !important; padding-left:14px;}
.swiper2 .swiper-slide img {width:100%;}
.swiper2 .swiper-slide a {font-size:0;display:block;}
.swiper2 .swiper-slide .t1 {font-size:16px; color:#222; letter-spacing:-0.6px; line-height:1; word-break:keep-all; padding:20px 0 0 5px;}
.swiper2 .swiper-slide .t2 {font-size:12px; color:#888; letter-spacing:-0.6px; line-height:18px; word-break:keep-all; padding:10px 0 0 5px;}

/* 메인 상점 안내 */
.main_cs {width:92%; margin:30px auto; overflow:hidden;}
.main_cs .main_title {width:100%; font-size:24px; font-weight:300; border-bottom:2px solid #222; padding-bottom:16px; margin-bottom:20px;}
.main_cs .main_cs_tel {margin:20px 0 10px; font-size:20px; font-weight:400; line-height:1;}
.main_cs .main_cs_info {margin-bottom:20px; font-size:14px; line-height:20px; letter-spacing:-0.5px;}
.main_cs .main_cs_link {float:left;}
.main_cs .main_cs_link ul li {float:left; width:85px;}
.main_cs .main_cs_link ul li:first-child {margin-right:8px;}
.main_cs .main_cs_link ul li a {display:block; height:32px; border:1px solid #222; border-radius:16px; text-align:center; line-height:34px; font-size:13px; letter-spacing:-0.5px;}
.main_cs .main_cs_link ul li a:hover {background-color:#000; color:#fff;}
.main_cs .main_cs_sns {float:right;}
.main_cs .main_cs_sns ul li {float:left; margin-left:5px;}
.main_cs .main_cs_sns ul li:first-child {margin-left:0;}
.main_cs .main_cs_sns ul li img {height:32px;}


/* 동영상 */
.video {margin: 50px auto; padding: 20px; box-sizing: border-box;}
.video a {padding:56.25% 0 0 0;position:relative;display: block;}
/* BASIC css end */