/* BASIC css start */
header { position:fixed !important; top:0; left:0; } 
body.main { animation:fadein 2s; -moz-animation:fadein 2s; -webkit-animation:fadein 2s; -o-animation:fadein 2s; } 
@keyframes fadein { 
 from { opacity:0; } 
to { opacity: 1; } 
 }
@-moz-keyframes fadein { /* Firefox */
from { opacity:0; } 
to { opacity: 1; } 
 }
@-webkit-keyframes fadein { /* Safari and Chrome */
from { opacity:0; } 
to { opacity: 1; } 
 }
@-o-keyframes fadein { /* Opera */
from { opacity:0; } 
to { opacity:1; } 
 }
#section2 h2 { margin:30px 0 20px 0; padding-left:20px; font-size:18px; font-weight: 600; } 
/* 메인 배너 */
.index_banner_fixed { display:flex; justify-content:space-between; align-items:center; /* position:sticky; *//* top:0; */ } 
.index_banner_fixed a { position:relative; display:block; } 
.index_banner_fixed a>img { width:100%; } 
.index_banner_fixed a:hover { -webkit-filter:grayscale(100%); -ms-filter:grayscale(100%); -0-filter:grayscale(100%); filter:grayscale(100%); } 
.index_banner_fixed a span { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } 


/* 이미지 배너 */
.img_cont { position:relative; } 
.img_cont.sticky { position:sticky; top: 0; z-index:2; } 
.img_cont a { display:block; } 
.img_cont a img { width:100%; } 

/* 중간 롤링 배너 */
.index_banner_column { position:relative; /*max-width:1400px; */padding:0; background:#fff; margin-bottom:136px; position:sticky; top: 0; z-index:2; margin-top:136px; } 
.index_banner_column .owl-nav { text-align:center; -webkit-tap-highlight-color:transparent; } 
.index_banner_column .owl-nav [class*='owl-'] { opacity:.3; filter:alpha(opacity=30); position:absolute; bottom:50%; width:20px; height:50px; cursor:pointer; transition:all 500ms ease; } 
.index_banner_column .owl-nav [class*='owl-']:hover { opacity:1 !important; filter:alpha(opacity=100) !important; text-decoration:none; } 
.index_banner_column .owl-nav .disabled { opacity:0.5; filter:alpha(opacity=50); cursor:default; } 
.index_banner_column .owl-dots { background:#e9e9e9; height:3px; margin:20px 0 0 0; } 
.index_banner_column .owl-dots .owl-dot { width:50%; height:3px; float:left; } 
.index_banner_column .owl-dots .owl-dot.active { background:#000; } 
.owl-stage { padding-left:0 !important; } 
.owl-prev { left:15px; opacity:1 !important; text-shadow:none !important; } 
.owl-next { right:15px; opacity:1 !important; text-shadow:none !important; } 
.owl-prev span,.owl-next span { font-family:'Noto Sans KR'; font-size:70px; line-height:70px; font-weight:lighter; color:#fff; } 
.index-control { position:absolute; top:46%; left:50%; width:100%; height:0px; z-index:1; transition:all 0.3s ease; transform:translate(-50%,-50%); } 
.index-control .index-slider-dots { padding:0 65px; } 
.index-control .index-slider .owl-dots { position:absolute; bottom:120px; left:50%; transform:translateX(-50%) } 
.index-control .owl-nav .owl-prev { position:absolute; left:0; width:35px; } 
.index-control .owl-nav .owl-next { position:absolute; right:-10px; width:35px; } 
.index-control .owl-nav .owl-prev span { display:inline-block; float:left; width:25px; height:2px; background:#fff; transform:rotate(-45deg); transition:all 0.5s ease; } 
.index-control .owl-nav .owl-prev span:nth-child(2) { float:left; clear:both; margin-top:15px; transform:rotate(45deg); } 
.index-control .owl-nav .owl-next span { display:inline-block; float:left; width:25px; height:2px; background:#fff; transform:rotate(45deg); transition:all 0.5s ease; } 
.index-control .owl-nav .owl-next span:nth-child(2) { float:left; clear:both; margin-top:15px; transform:rotate(-45deg); } 
.index-control .owl-nav { margin-top:-30px; -webkit-tap-highlight-color:transparent; } 
.index-control .owl-nav [class*='owl-'] { opacity:0.7; filter:alpha(opacity=70); color:#FFF; margin:5px 15px; padding:20px 40px 20px 0; display:inline-block; cursor:pointer; border-radius:3px; transition:all 0.5s ease; } 
.index-control .owl-nav [class*='owl-']:hover { opacity:1; filter:alpha(opacity=100); text-decoration:none; } 
.index-control .owl-nav .disabled { opacity:0.5; filter:alpha(opacity=50); cursor:default; } 
.index-control .owl-nav.disabled+.owl-dots { margin-top:10px; } 
.index-control .owl-dots { position:fixed; top:125px; right:50px; -webkit-tap-highlight-color:transparent; } 
.index-control .owl-dots .owl-dot { display:inline-block; zoom:1; *display:inline; } 
.index-control .owl-dots .owl-dot span { visibility:visible; width:37px; height:2px; margin:10px 0; background:rgba(255,255,255,0.3); display:block; -webkit-backface-visibility:visible; transition:all 0.5s ease; } 
.index-control .owl-dots .owl-dot.active span,.index-control .owl-dots .owl-dot:hover span { background:rgba(255,255,255,1); } 
.owl-carousel .owl-item .img_cont { overflow:hidden; height:100%; } 
.owl-carousel .owl-item .img_cont img { transition:transform 0.3s ease-in-out; } 
.owl-carousel .owl-item .img_cont img:hover { transform:scale(1.05); } 
.owl-carousel .owl-item p { text-align:center; font-size:13px; margin:10px 0; line-height:1; color: #000; } 
.owl-carousel .owl-item p span { margin-left:3px; } 

.trans_wrap { position:relative; background:transparent; height: 400px; z-index: 1; } 

/* 상품 리스트 */
.product_list_wrap { position:relative; background:#fff; z-index:3; } 
.product_list_wrap .tit { position:relative; font-size:20px; color:#919191; z-index:2; padding: 140px 100px 50px; } 
.product_list_wrap .tit b { font-size:31px; color:#000; display:block; } 
.product_list_wrap ul { position:relative; } 
.product_list_wrap ul li { display:flex; justify-content:center; align-items:center; gap:0 200px; padding-bottom: 150px; } 
.product_list_wrap ul li dt { width:551px; } 
.product_list_wrap ul li dt img { width:100%; transition:transform 0.3s ease-in-out; } 
.product_list_wrap ul li dt img:hover { transform:scale(1.05); } 
.product_list_wrap ul li dd { position:relative; width:380px; } 
.product_list_wrap ul li dd .p_name { font-size:16px; color:#000; margin-bottom:10px; } 
.product_list_wrap ul li dd .p_subname { font-size:13px; color:#919191; margin-bottom:15px; } 
.product_list_wrap ul li dd .p_price { position:relative; } 
.product_list_wrap ul li dd .p_price .consumer { display:block !important; font-size: 15px; color:#8a8a8a; margin-bottom:8px; text-decoration:line-through; } 
.product_list_wrap ul li dd .p_price .consumer b { font-weight:normal; } 
.product_list_wrap ul li dd .p_price .dc_per { font-size: 10px; color:#fff; background:#282828; padding: 1px 6px 2px; vertical-align: middle; margin-right: 7px; } 
.product_list_wrap ul li dd .p_price .price .normal { font-size:15px; font-weight:bold; vertical-align: middle; } 
.product_list_wrap ul li dd .p_price .price .normal b { font-size:14px; font-weight:600; } 
/*.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell { height:auto !important; } .fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell { height:100vh !important;; } #section0 { } #section0 .fixed_cont_wrap { position:fixed; z-index:-10; top:0; bottom:0; left:0; right:0; } #section1 { z-index:99; } #section4,#section5 { height: auto !important; } */
/*.fullpage section { z-index:3 } .fullpage section#section0 { z-index: 1; } */


.swiper1, .swiper2-1, .swiper2-2, .swiper3, .swiper2-1-copy, .swiper2-1-video, .swiper2-2-video { overflow: hidden; position: relative; width: 100%; } 
.video-container { position: relative; padding-bottom: 56.25%; /* 16:9 aspect ratio */
 height: 0; overflow: hidden; max-width: 100%; background: #000; } 
.video-container.long { /*padding-bottom: 133.82%; */ /* (910 / 680) * 100 to maintain the aspect ratio */
 padding-bottom: 133.32%; } 
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } 
.link_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.swiper3 .swiper-pagination { top: 65% !important; } 
.swiper-pagination .swiper-pagination-bullet { background: #ccc; opacity: 1; } 
.swiper-pagination .swiper-pagination-bullet-active { background: #000; } 
.swiper-pagination { display:none; } 


/* 상품 롤링 영역 */
.pd_roll_wrap {overflow:hidden;} 
.pd_roll_wrap .swiper-container{margin-right:-1px;}
.pd_roll_wrap .swiper-slide { border-right:1px solid #000; } 
.pd_roll_wrap .swiper-slide img {width: 99%;box-sizing: border-box;} 
.pd_roll_wrap .swiper-slide dt a{display:block;position: relative;text-align: center;}
.pd_roll_wrap .swiper-slide dd { text-align: center; } 
.pd_roll_wrap .swiper-slide dd .p_name { line-height: 15px; font-weight: 400; font-size: 11px; color: #000000; margin-top:15px; } 
.pd_roll_wrap .swiper-slide dd .p_price { margin:5px auto 50px; } 
.pd_roll_wrap .swiper-slide dd .p_price b { font-weight: 400; } 
.pd_roll_wrap .swiper-slide dd .p_price .consumer { line-height: 15px; font-weight: 400; font-size: 10px; color: #000000; color: #8a8a8a; text-decoration: line-through; } 
.pd_roll_wrap .swiper-slide dd .p_price .dc_per { font-size: 10px; color: #fff; background: #282828; padding: 1px 6px 2px; vertical-align: middle; margin: 0 5px; } 
.pd_roll_wrap .swiper-slide dd .p_price .normal { line-height: 15px; font-weight: 400; font-size: 11px; color: #000000; } 


/* BASIC css end */