/* BASIC css start */
/* BASIC css start */
.main_bnr_wrap, .mid_bnr_wrap { margin-top: 0 !important; } 


header { position:fixed !important; top:0; left:0; right:0; } 
.wrapper { position:relative; max-width:600px; margin:0 auto; } 
.main_cont { position: relative; } 
.top_banner a { color:#fff; } 
.fp-viewing-0 header { transition:none; } 
.fp-viewing-0 .top_banner { display:block; width:100%; line-height:36px; padding:0px; font-size:11px; color:#fff; text-align:center; background:#000; z-index:99; } 
.fp-viewing-1 header { height:80px !important; /*background:rgb(255 255 255 / 80%) !important; backdrop-filter:blur(8px); */ } 
.fp-viewing-2 header { height:80px !important; /*background:rgb(255 255 255 / 80%) !important; backdrop-filter:blur(8px); */ } 
.fp-viewing-2 .change_logo,.fp-viewing-3 .change_logo { background:url(/design/45th/one/img/renewal/one_45_logos.png); background-size:contain; background-repeat:no-repeat; } 
.fp-viewing-2 .one_bugger_wrap span,.fp-viewing-3 .one_bugger_wrap span { background:rgba(0,0,0,0.5); } 
.fp-viewing-3 header { height:80px !important; /*background:rgb(255 255 255 / 80%) !important; backdrop-filter:blur(8px); */ } 
.fp-tableCell { display:block; vertical-align:top !important; } 
.main_bnr_wrap { position:relative; } 
.main_bnr_wrap ul { position:absolute; bottom:10%; left:50%; transform:translateX(-50%); padding:0; width:67%; } 
.main_bnr_wrap ul li { margin:10px 0; } 
.main_bnr_wrap ul li a { display:block; } 
.main_bnr_wrap ul li a img { width:100%; } 
#fp-nav { top:auto !important; bottom:0; } 
main .index_banner_fixed img { width:100%; } 
main .index_banner_slide img { width:100%; } 
main .index_banner_column { max-width:1912px; margin:0 auto; background:#fff } 
main .index_banner_column .owl-carousel { position: relative; } 
/* slider */
.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:#eee; height:2px; margin:20px 20px 0 20px; } 
.index_banner_column .owl-dots .owl-dot { width:25%; height:2px; 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; } 
.section { display:block; height: 100%; } 
/* member-benefit */
.member-benefit { margin:0 15px 40px 15px; font-size:14px; letter-spacing:-0.7px; text-align:center; color:#000; } 
.member-benefit h3 { margin-bottom:20px; font-size:22px; letter-spacing:-0.5px; } 
.member-benefit p { margin-bottom:19px; font-size:20px; color:#000; } 
.member-benefit a { display:inline-block; width:35%; margin:0 4px; line-height:38px; color:#fff; background:#000; } 
.foot_info { /* position:absolute; */left:0; bottom:0; } 
#bottom_info { text-align:left; } 
#bottom_info h4 { font-size:13px; color:#000; } 
#bottom_info li.menu1 { position:relative; padding:0 20px; line-height:40px; border-top:solid 1px #eee; } 
#bottom_info li.menu1:last-child { border-bottom:solid 1px #eee; } 
#bottom_info .menu2 li { line-height:17px; font-size:11px; color:#666; } 
#bottom_info .menu2 { display:none; margin:10px 0 15px 0; } 
#bottom_info .cs_number { margin-bottom:10px; font-size:17px !important; color:#000 !important; } 
#bottom_info .btn_csmore { position:absolute; top:0px; right:20px; font-size:20px; } 
.index-control { position:absolute; top:57%; 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); } 
video::-webkit-media-controls-fullscreen-button { display:none !important; } 
video::-webkit-media-controls-play-button { display:none !important; } 
video::-webkit-media-controls-timeline { display:none !important; } 
video::-webkit-media-controls-current-time-display { display:none !important; } 
video::-webkit-media-controls-time-remaining-display { display:none !important; } 
video::-webkit-media-controls-mute-button { display:none !important; } 
video::-webkit-media-controls-volume-slider { display:none !important; } 
video::-webkit-media-controls-fullscreen-button { display:none !important; } 
#bottom_info { /* position:absolute; */left:0; bottom:70px; width:100%; text-align:left; } 
#sub_swiper { position:relative; margin-top:50px; padding:0; overflow:hidden; } 
/*#sub_swiper .swiper-wrapper { padding-left: 30px; } */
#sub_swiper .swiper-wrapper .swiper-slide { } 
#sub_swiper .swiper-wrapper .swiper-slide a { } 
#sub_swiper .swiper-wrapper .swiper-slide a img { width:100%; margin-bottom:17px; } 
#sub_swiper .swiper-wrapper .swiper-slide a p { font-size:12px; color:#000; padding:0 15px; } 
.arrow_wrap { position:relative; width:100px; height:14px; display:flex; align-items:center; margin-top:25px; } 
.arrow_wrap .swiper-pagination { bottom:0; } 
.arrow_wrap .swiper-pagination .swiper-pagination-total { color:#bcbcbc; } 
.arrow_wrap .swiper-pagination .swiper-pagination-current { color:#000; font-weight:bold; } 
.swiper-button-prev,.swiper-button-next { color:#bcbcbc !important; z-index:11 !important; } 
.swiper-button-prev:after,.swiper-button-next:after { font-size:11px !important; } 


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

/* 롤링배너 */
.swiper_cont { position:sticky; top:33px; padding-bottom:60px; z-index: 2; transform: translateZ(0); } 

/* 고정배너 아래 여백 추가 */
.trans_wrap { /*position:relative; background:transparent; height: 30px; z-index: 1; */ } 

/* 상품 리스트 */ 
.product_list_wrap { position:relative; padding:0 30px; background:#fff; z-index: 9999; /* transform: translateZ(0); */ } 
.product_list_wrap .tit { position:relative; font-size:10px; color:#919191; z-index:2; padding-top:60px; margin-bottom:40px; } 
.product_list_wrap .tit b { font-size:19px; color:#000; display:block; } 
.product_list_wrap ul { position:relative; width:100%; margin:0 auto; box-sizing:border-box; } 
.product_list_wrap ul li { /* display:flex; *//* justify-content:center; *//* align-items:center; *//* gap:0 200px; */padding-bottom:80px; } 
.product_list_wrap ul li dt { width:100%; margin-bottom:19px; } 
.product_list_wrap ul li dt a { display:inline-block; } 
.product_list_wrap ul li dt img { width:100%; } 
.product_list_wrap ul li dt img:hover { } 
.product_list_wrap ul li dd { position:relative; width:100%; text-align:center; } 
.product_list_wrap ul li dd .p_name { font-size:12px; color:#000; margin-bottom:12px; font-weight:bold; } 
.product_list_wrap ul li dd .p_subname { font-size:11px; color:#919191; margin-bottom:13px; } 
.product_list_wrap ul li dd .p_price { position:relative; } 
.product_list_wrap ul li dd .p_price .consumer { display:block !important; font-size:12px; color:#8a8a8a; margin-bottom:5px; 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 { display:inline-block; font-size:9px; color:#fff; background:#282828; vertical-align:middle; margin-right:5px; height:15px; line-height:15px; padding:0 3px; } 
.product_list_wrap ul li dd .p_price .price .normal { font-size:12px; font-weight:bold; vertical-align:bottom; } 
.product_list_wrap ul li dd .p_price .price .normal b { font-weight:normal; } 
.dn { display:none !important; } 

.mid_bnr_wrap { /*position: sticky; top: 0; */ padding-bottom:60px; } 


.swiper1, .swiper2-1, .swiper2-2, .swiper3 { overflow: hidden; width: 100%; position: relative; } 

.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.35%; /* (910 / 680) * 100 to maintain the aspect ratio */}
.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: 75% !important; } 
.swiper-pagination .swiper-pagination-bullet { background: #ccc; opacity: 1; } 
.swiper-pagination .swiper-pagination-bullet-active { background: #000; } 
.swiper-pagination { display:none; } 


/* 상품 추가 영역 */
.pd_wrap { position: relative; } 
.pd_wrap ul {display: flex;flex-wrap: wrap;align-items: stretch;} 
.pd_wrap ul li { width: 50%; text-align: center; border-bottom:1px solid #000;} 
.pd_wrap ul li:nth-child(odd){border-right:1px solid #000;}
.pd_wrap ul li:last-child,
.pd_wrap ul li:nth-last-child(2){border-bottom:0;}
.pd_wrap ul li dt a { display: block; } 
.pd_wrap ul li dt a img { width: 100%; } 
.pd_wrap ul li dd .p_name { font-size: 11px; color: #000000; line-height: 15px; font-weight: 400; margin-top: 15px; } 
.pd_wrap ul li dd .p_price { margin: 5px 0 16px; } 
.pd_wrap ul li dd .p_price b { font-weight: 400; } 
.pd_wrap ul li dd .p_price .consumer {font-size: 10px;color: #8a8a8a;line-height: 15px;font-weight: 400;text-decoration: line-through;} 
.pd_wrap ul li dd .p_price .dc_per { font-weight: 400; display: inline-block; font-size: 9px; color: #fff; background: #282828; margin: 0 3px; height: 15px; line-height: 15px; padding: 0 3px; } 
.pd_wrap ul li dd .p_price .normal { font-size: 11px; color: #000000; line-height: 15px; font-weight: 400; } 


/* BASIC css end */


/* BASIC css end */