/* 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%; height: auto; display: block;} 
#main_bnr_swiper .swiper-slide a .txt_wrap {position: absolute;top: 17%;left: 16.7%;} 
#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: 16.7%; 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: 42%; 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; } 

/*»óÇ°Ä«µå*/
.product-list-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1416px;
    margin: auto;
}

.product-card {    
    width: 456px; 
    height: 310px;
    overflow: hidden;
}

.product-image-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}

.product-image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 11px 28px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 43px;
    background: none;
    border: 1px solid #fff;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}




/* »óÇ° ·Ñ¸µ */
.rolling{padding-top: 150px;}
#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 .swiper-slide { height: auto;}
#pd_swiper .swiper-wrapper { align-items: flex-start;}
#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; } 
#pd_swiper .pd_bnr { height: 800px; display: flex; align-items: center; justify-content: center; }
#pd_swiper .pd_bnr img { max-width: 100%; max-height: 100%; width: auto; height: auto; }
#pd_swiper .item-list { overflow: hidden; }
#pd_swiper .item-list img { width: 100%; height: auto; display: block; }


/* ÅÇ ·Ñ¸µ */
#tab_swiper { margin-bottom:20px; } 
#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 #ddd; border-radius: 40px; } 
#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 { height: 573px; }
.sub_bnr_wrap .swiper-slide a { display:block; height: 100%; } 
.sub_bnr_wrap .swiper-slide a img { width:100%; height: 100%; object-fit: cover; display: block } 
.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 */