/* BASIC css start */
.main {overflow:hidden;}

/* pc 메인 배너 */
#main_bnr_swiper_pc { margin-bottom:100px; } 
#main_bnr_swiper_pc .swiper-slide { position:relative; } 
#main_bnr_swiper_pc .swiper-slide a { display:block; } 
#main_bnr_swiper_pc .swiper-slide a img { width: 100%; min-height:500px; object-fit:none; } 
#main_bnr_swiper_pc .swiper-slide a .txt_wrap {position: absolute;top: 17%;left: 19%;} 
#main_bnr_swiper_pc .swiper-slide a .txt_wrap p { color:#fff; } 
#main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_01 { font-size: 1.25vw; font-weight: 600; line-height: 29.95px; margin-bottom: 40px; } 
#main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_02 { font-size: 3.3vw; font-weight: 800; line-height: 4.1vw; margin-bottom: 20px; } 
#main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_03 { font-size: 1.25vw; font-weight: 600; line-height: 29.95px; } 
#main_bnr_swiper_pc .swiper-button-prev { left:30px; } 
#main_bnr_swiper_pc .swiper-button-next { right:30px; } 
#main_bnr_swiper_pc .swiper-pagination { position: absolute; bottom: 23% !important; left: 19%; width: 24%; height: 4px; background: rgb(129 129 129 / 50%); z-index: 2; } 
#main_bnr_swiper_pc .swiper-pagination .swiper-pagination-progressbar-fill { background: #000; } 
#main_bnr_swiper_pc .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; } 

/* mo 메인 배너 */
#main_bnr_swiper_mo { position: relative; margin: 0; overflow: hidden; } 
#main_bnr_swiper_mo .swiper-slide a { display: block; } 
#main_bnr_swiper_mo .swiper-slide a img { width: 100%; } 
#main_bnr_swiper_mo .swiper-slide a .txt_wrap {position: absolute;bottom: 28px;left: 50%;transform: translateX(-50%);text-align: center;} 
#main_bnr_swiper_mo .swiper-slide a .txt_wrap p { color:#fff; } 
#main_bnr_swiper_mo .swiper-slide a .txt_wrap .txt_01 {font-size: 16px;font-weight: 600;line-height: 19.97px;margin-bottom: 10px;} 
#main_bnr_swiper_mo .swiper-slide a .txt_wrap .txt_02 {font-size: 32px;font-weight: 800;line-height: 39.94px;margin-bottom: 20px;white-space: pre;} 
#main_bnr_swiper_mo .swiper-slide a .txt_wrap .txt_03 {font-size: 16px;font-weight: 600;line-height: 19.97px;} 
#main_bnr_swiper_mo .swiper-button-prev { left: 0; } 
#main_bnr_swiper_mo .swiper-button-next { right: 0; } 


/* 아이콘 */
.ico_wrap { position: relative; padding: 32px 25px; overflow: hidden; } 
.ico_wrap ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px 0; } 
.ico_wrap ul li { width: 20%; text-align: center; } 
.ico_wrap ul li a { display: inline-block; } 
.ico_wrap ul li a img { max-width: 100%; margin-bottom: 6px; } 
.ico_wrap ul li a p { text-align: center; font-size: 12px; font-weight: 400; color: #494949; } 


/* 상품 롤링 */
#pd_swiper{padding: 0;}
#pd_swiper .swiper-slide {font-size:0;}
#pd_swiper .pd_bnr {position: relative;width: 49.5% !important;display:inline-block;vertical-align:top;margin-right:1.5%;}
#pd_swiper .pd_bnr img { width:100%; } 
#pd_swiper .txt_wrap {position: absolute;bottom: 25px;left: 15px;} 
#pd_swiper .txt_wrap p { color:#fff; } 
#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; } 
#pd_swiper .item-list { width: 24% !important; margin-right:1%; display:inline-block; position:relative; vertical-align:top;} 
#pd_swiper .item-list:last-child {margin-right:0;}}
#pd_swiper .item-list.flexed { display: inline-block; align-items: center; gap: 8px; } 
#pd_swiper .item-list.flexed .thumb {}
#pd_swiper .item-list.flexed .thumb img{}
#pd_swiper .item-list.flexed .prd-info {padding: 16px 8px 0;width: 100%;box-sizing:border-box;}
#pd_swiper .item-list.flexed .prd-info .prd-wish .my-wish-list{position:absolute; top:0; right:0;}
#pd_swiper .item-list.flexed .prd-info .prd-brand a {font-size: 16px;font-weight: bolder;margin-bottom: 8px;} 
#pd_swiper .item-list.flexed .prd-info .prd-name { margin-bottom: 10px; } 
#pd_swiper .item-list.flexed .prd-info .prd-name a { font-size: 14px; } 
#pd_swiper .item-list.flexed .prd-info .dc_per { font-size: 14px; margin-right: 9px; } 
#pd_swiper .item-list.flexed .prd-info .consumer { font-size: 14px; margin-right: 9px; } 
#pd_swiper .item-list.flexed .prd-info .normal { font-size: 14px; } 
#pd_swiper .item-list.flexed .prd-info .prd-color { display:none; } 
#pd_swiper .item-list.flexed .prd-info .prd-ico { display:none; } 
#pd_swiper .swiper-pagination { background: rgba(0, 0, 0, .3); width: 49%; top: auto; right:0; bottom:37px !important; height:4px;}
#pd_swiper .swiper-pagination .swiper-pagination-progressbar-fill { background: #000; } 
#pd_swiper .item-list.flexed .thumb a.soldout { font-size: 12px;}

/* 탭 롤링 */
#tab_swiper { margin: 0 0 25px; } 
#tab_swiper .swiper-slide { width: auto !important; } 
#tab_swiper .swiper-slide a {display: inline-block;font-size: 15px;font-weight: 400;color: #000;padding: 12px 13.5px;white-space: pre;border: 1px solid #ddd;border-radius: 30px;line-height: 1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} 
#tab_swiper .swiper-slide.swiper-slide-thumb-active a { color: #fff; background: var(--point-color2); } 
.tab_cont .item-wrap { width: 100%; }

/* 서브 배너 롤링 */
.sub_bnr_wrap {position:relative;padding-bottom: 40px; margin-bottom:100px;} 
.sub_bnr_wrap .cont_tit {max-width:1416px; margin:0 auto;}
.sub_bnr_wrap #sub_bnr_swiper{padding:0 6px; position:static;}
.sub_bnr_wrap #sub_bnr_swiper .swiper-slide a { display: block; } 
.sub_bnr_wrap #sub_bnr_swiper .swiper-slide a img { width:100%; } 
.sub_bnr_wrap #sub_bnr_swiper .swiper-slide a .bnr_txt { margin: 21px 0 0 0; font-size: 14px; font-weight: 400; color: #000; } 
.sub_bnr_wrap #sub_bnr_swiper .swiper-slide a .bnr_txt p { font-size: 16px; font-weight: 700; margin-bottom: 8px; line-height: 20px; } 
body .sub_bnr_wrap #sub_bnr_swiper .swiper-pagination { background: rgba(0, 0, 0, .3); width: 88%; top: auto; left: 50%; transform: translateX(-50%); height:4px; display:none;} 
body .sub_bnr_wrap #sub_bnr_swiper .swiper-pagination .swiper-pagination-progressbar-fill { background:#000; } 
.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: 0; } 
.sub_bnr_wrap .arrow_wrap .swiper-button-next { right: 0; }



@media (max-width: 1024px) {
    #main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_01 { font-size: 24px; } 
    #main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_02 { font-size: 30px; line-height:1.5; } 
    #main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_03 { font-size: 24px; }
}

/* 태블릿 모바일 */
@media (max-width: 768px) {
    /* 헤더 */
    body #header {position: fixed; width: 100%; top: 0; z-index: 10;}
    #header .headerTnb .tnbLeft a img,
    #header .headerBottomRight a img {display:none;}
    #header .headerTnb .tnbLeft a img.main-icon,
    #header .headerBottomRight a img.main-icon {display:inline-block;}
    #header.fixed {background:#fff;}
    #header.fixed .headerTnb .tnbLeft a img,
    #header.fixed .headerBottomRight a img {display:inline-block;;}
    #header.fixed .headerTnb .tnbLeft a img.main-icon,
    #header.fixed .headerBottomRight a img.main-icon {display:none;}

    /* 상품 롤링 */
    #pd_swiper {padding: 0 6px 13px;}
    #pd_swiper .pd_bnr {width: 100% !important; display:block; margin-bottom:25px;}
    #pd_swiper .item-list { width: 100% !important; margin-bottom: 12px; display:block; }
    #pd_swiper .item-list.flexed { display:flex; align-items: center; gap: 8px; }
    #pd_swiper .item-list.flexed .thumb {width:80px;flex-shrink: 1;} 
    #pd_swiper .item-list.flexed .thumb img{height:100px;}
    #pd_swiper .item-list.flexed .prd-info {position: relative;padding: 0;width: calc(100% - 80px);}
    #pd_swiper .item-list.flexed .prd-info .prd-brand a {font-size:14px;}
    #pd_swiper .swiper-pagination { background: rgba(0, 0, 0, .3); width: 88%; top: auto; left: 50%; right:auto; bottom:0 !important; transform: translateX(-50%); height:4px;}
    #pd_swiper .swiper-button-prev, 
    #pd_swiper .swiper-button-next {display:none;}
    
    /* 탭 롤링 */
    #tab_swiper { margin: 0 15px 25px; } 
    #tab_swiper .swiper-slide a {font-size:14px;}
    #tab_swiper .swiper-slide.swiper-slide-thumb-active a { font-weight: 800;}
    
    /* 서브 배너 롤링 */
    .sub_bnr_wrap {margin-bottom:62px;}
    .sub_bnr_wrap .cont_tit {margin:0 24px 10px;}
    body .sub_bnr_wrap #sub_bnr_swiper .swiper-pagination {display:block;}
    
}
/* 메인배너 재생/정지 영역 통째로 숨기기 */
#main_bnr_swiper_pc .btn_wrap {
    display: none !important;
}

/* 혹시 남아 있는 세로선(구분선) 제거 */
#main_bnr_swiper_pc .control_btn,
#main_bnr_swiper_pc .control_btn::before,
#main_bnr_swiper_pc .control_btn::after,
#main_bnr_swiper_pc .btn_wrap,
#main_bnr_swiper_pc .btn_wrap::before,
#main_bnr_swiper_pc .btn_wrap::after {
    border: none !important;
    background: none !important;
}

/* borderbox 클래스에서 그려지는 선도 제거 */
#main_bnr_swiper_pc .borderbox {
    border: none !important;
}
/* 메인 배너 하단 진행바(짝대기) 숨기기 */
#main_bnr_swiper_pc .swiper-pagination {
    display: none !important;
}

/* BASIC css end */