/* BASIC css start */
/* 메인 배너 */
#main_bnr_swiper { margin-bottom:100px; } 
#main_bnr_swiper .swiper-slide { position:relative; } 
#main_bnr_swiper .swiper-slide a { display:block; } 
#main_bnr_swiper .swiper-slide a img { width: 100%; } 
#main_bnr_swiper .swiper-slide a .txt_wrap {position: absolute;top: 17%;left: 19%;} 
#main_bnr_swiper .swiper-slide a .txt_wrap p { color:#fff; } 
#main_bnr_swiper .swiper-slide a .txt_wrap .txt_01 { font-size: 24px; font-weight: 600; line-height: 29.95px; margin-bottom: 40px; } 
#main_bnr_swiper .swiper-slide a .txt_wrap .txt_02 { font-size: 64px; font-weight: 800; line-height: 79.87px; margin-bottom: 20px; } 
#main_bnr_swiper .swiper-slide a .txt_wrap .txt_03 { font-size: 24px; font-weight: 600; line-height: 29.95px; } 
#main_bnr_swiper .swiper-button-prev { left:30px; } 
#main_bnr_swiper .swiper-button-next { right:30px; } 
#main_bnr_swiper .swiper-pagination { position: absolute; bottom: 23%; left: 19%; width: 24%; height: 4px; background: rgb(129 129 129 / 50%); z-index: 2; } 
#main_bnr_swiper .swiper-pagination .swiper-pagination-progressbar-fill { background: #000; } 
#main_bnr_swiper .btn_wrap { position: absolute; bottom: 25%; left: 44%; z-index: 2; } 
.control_btn { position:relative; } 
.control_btn .control { position:absolute; left:0; top:0; display:none; } 
.control_btn .control.on { display:block; } 
.control_btn .control a { cursor: pointer; display: flex; transition: all .1s; align-items: center; justify-content: center; width: 24px; height: 24px; background-color: #757575; } 
.control_btn .control a img { width:10px; } 
.control_btn .pause_btn.control a img { width:8px; } 


/* 상품 롤링 */
#pd_swiper .pd_bnr { width: 696px !important; } 
#pd_swiper .item-list { width: 336px !important; } 
#pd_swiper .swiper-pagination { width: 696px; height: 4px; right: 0; left: auto; bottom: 37px; background: rgba(0,0,0,0.3); } 
#pd_swiper .swiper-pagination .swiper-pagination-progressbar-fill { background: #000; } 
#pd_swiper .txt_wrap { position: absolute; bottom: 45px; left: 40px; } 
#pd_swiper .txt_wrap p { color:#000; } 
#pd_swiper .txt_wrap .txt_01 { font-size: 16px; font-weight: 400; line-height: 20px; text-align: left; margin-bottom: 10px; } 
#pd_swiper .txt_wrap .txt_02 { font-size: 22px; font-weight: 700; line-height: 20px; margin-bottom: 8px; } 
#pd_swiper .txt_wrap .txt_03 { font-size: 16px; font-weight: 400; line-height: 20px; } 


/* 탭 롤링 */
#tab_swiper { margin-bottom:40px; } 
#tab_swiper .swiper-slide.swiper-slide-thumb-active a { font-weight: 400; color: #fff; background: var(--point-color2); } 
#tab_swiper .swiper-slide { width: auto !important; } 
#tab_swiper .swiper-slide a { display: inline-block; font-size: 15px; font-weight: 400; color: #2b2b2b; padding: 15px 16px; white-space: pre; border: 1px solid #dbdbdb; border-radius: 30px; } 
#tab_swiper .swiper-slide a:hover { font-weight: 800; color: #fff; background: var(--point-color2); } 


/* 서브 배너 롤링 */
.sub_bnr_wrap { position:relative; margin-bottom:100px; } 
.sub_bnr_wrap .swiper-slide a { display:block; } 
.sub_bnr_wrap .swiper-slide a img { width:100%; } 
.sub_bnr_wrap .arrow_wrap { width: 1416px; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; } 
.sub_bnr_wrap .arrow_wrap div { width: 56px; } 
.sub_bnr_wrap .arrow_wrap .swiper-button-prev { left: -2px; } 
.sub_bnr_wrap .arrow_wrap .swiper-button-next { right: 0; } 
.sub_bnr_wrap .txt_wrap { position: absolute; bottom: 28px; left: 28px; } 
.sub_bnr_wrap .txt_wrap p {color:#fff;} 
.sub_bnr_wrap .txt_wrap.t_black p{color:#000;}
.sub_bnr_wrap .txt_wrap .txt_01 { font-size: 20px; font-weight: 700; line-height: 24.96px; margin-bottom: 8px; } 
.sub_bnr_wrap .txt_wrap .txt_02 { font-size: 16px; font-weight: 400; line-height: 19.97px; } 
/* BASIC css end */