@charset "utf-8";
section.section{padding: 120px 0 ;}
section.section.pt-0{padding-top: 0;}
section.section.pb-0{padding-bottom: 0;}

.main_tit_box .main_tit{
    color: #222;
    font-size: 36px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}
.main_tit_box .sub_tit{
    color: #666;
    font-size: 16px;
}

.main_tit_box.text-center{
    text-align: center;
}
.main_tit_box.text-white{
    color: #fff;
}
.main_tit_box.text-white .main_tit,
.main_tit_box.text-white .sub_tit{
    color: #fff;
}

.tit_flex_box{display: flex; justify-content: space-between;}
.tit_flex_box.align_end{align-items: flex-end;}

a.mo_re_btn{
    display: flex;
    align-items: center;
    gap: 10px;
    color: #666;
    font-size: 16px;
}

.main_visual{overflow: hidden; position: relative;}
.main_visual .bg_img{height: 560px;}
.main_visual .bg_img img{width: 100%; height: 100%; object-fit: cover;}
.main_visual .swiper-pagination-bullets {position: absolute; left: 50%; transform: translateX(-50%); z-index: 3; bottom: 20px;}
.main_visual .swiper-pagination-bullets .swiper-pagination-bullet{ background-color: transparent; width: 12px; height: 12px;  z-index: 1;  opacity: 1; position: relative; margin: 0 11px; transition: .5s;}
.main_visual .swiper-pagination-bullets .swiper-pagination-bullet::before{background-color: #DEDEDE;width: 6px; height: 6px; z-index: 3; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; content: ''; transition: .5s;}
.main_visual .swiper-pagination-bullets .swiper-pagination-bullet-active::before{background-color: #fff;}
.main_visual .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#f89828;}

.i_tem_li .img_box{aspect-ratio: 1/1;}
.i_tem_li .img_box img{width: 100%; height: 100%; object-fit: cover;}
.i_tem_li .info_box{margin-top: 20px;}
.i_tem_li .info_box .s_tit{
    color: #999;
    font-size: 14px;
}
.i_tem_li .info_box .b_tit{
    color: #333;
    font-size: 18px;
    overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
}
.i_tem_li .info_box .k_tit{
    color: #222;
font-size: 24px;
font-weight: 600;
overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.i_tem_li .info_box .s_date{
    color: #999;
font-size: 14px;
font-weight: 300;
}

.i_tem_li .price_tit{display: flex; align-items: center; justify-content: space-between;}
.i_tem_li .won_pri{display: flex; align-items: center;}
.i_tem_li .result_pri{
    color: #222;
    font-size: 24px;
    font-weight: 600;
	    max-width: 100%;
    overflow: hidden;white-space: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient:
vertical;
}
.i_tem_li .before_pri{
    color: #999;
    font-size: 18px;
    font-weight: 300;
    margin-left: 5px;
    text-decoration: line-through;
}
.i_tem_li .per_pri{
    color: #F89828;
    font-size: 18px;
    font-weight: 300;
}

.seller_swip_er{position: relative; padding-bottom: 40px; overflow: hidden; }
.seller_swip_er .page_nation {bottom: 0; top: auto; height: 1px;}
.seller_swip_er .page_nation .swiper-pagination-progressbar-fill{background-color: #666;}

.pro_mo_tion .img_box{aspect-ratio: 1 / 1;}
.pro_mo_tion .img_box img{width: 100%; height: 100%; object-fit: cover;}
.pro_mo_tion .ba_tit{
    color: #222;
    font-size: 24px;
    font-weight: 700;
}
.pro_mo_tion .ba_sub{
    color: #666;
    margin-top: 15px;
    font-size: 16px;
}
.pro_mo_tion .ba_tit,
.pro_mo_tion .ba_sub{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro_mo_tion .ba_btn{margin-top: 40px; display: flex;
    width: 135px;
    height: 48px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px; color: #666;
    text-align: center;
    font-size: 16px; border: 1px solid #999;
    background: #FFF; transition: .1s;}
	 .pro_swip_er {
        overflow: hidden;
    }
    /* .pro_swip_er .swiper-slide{opacity: 0.2; transition: opacity .2s;}
    .pro_swip_er .swiper-slide-active{opacity: 1;}
.pro_swip_er .swiper-slide .info_box{opacity: 0; transition: opacity .2s;}
.pro_swip_er .swiper-slide-active .info_box{opacity: 1;} */

.pro_mo_tion .ba_btn:hover{background: #363636; color: #fff;}

.sec_flex_yo{display: flex; flex-wrap:wrap;}
.sec_flex_yo .no_tice_box{width: 50%; box-sizing: border-box; padding-right: 60px;}
.sec_flex_yo .con_tact_box{width: 50%; box-sizing: border-box; padding-left: 60px; border-left: 1px solid #DEDEDE;}
.no_tice_nay a{padding: 20px 0; display: flex; justify-content: space-between; align-items: center; color: #666; border-bottom: #dedede 1px solid;
    font-size: 18px;}
    .no_tice_nay .tit{width: calc(100% - 90px); box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.no_tice_nay .date{min-width: 90px; width: 90px; font-family: 'Montserrat', sans-serif; color: #999; box-sizing: border-box;
    font-size: 16px;}
.con_tact_nay ul li{ 
    color: #333;
    font-size: 18px;
    text-align: right;
}
.con_tact_nay ul li + li{margin-top: 20px;}
.con_tact_nay .tel{
    font-size: 36px;
    font-weight: 600;
}

@media all and (max-width:1024px){
    .sec_flex_yo .no_tice_box{width: 100%; padding-right: 0;}
    .sec_flex_yo .con_tact_box{width: 100%; padding-left: 0; border-left: none; margin-top: 30px;}
}

.re_view_box {display: flex; gap: 40px; flex-wrap: wrap;}
.re_view_box .box{width: calc(25% - 30px); box-sizing: border-box;}
.re_view_box .img_box{aspect-ratio: 1/1;}
.re_view_box .img_box img{width: 100%; height: 100%; object-fit: cover;}
.re_view_box .info_box{margin: 20px 0; }
.re_view_box .info_top{display: flex; align-items: center; justify-content: space-between; color: #333;
    font-size: 16px;
    font-weight: 700;}
.re_view_box .info_box .txt{
        color: #999;
        font-size: 16px; margin-top: 10px;
        overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    }
.re_view_box .sm_img{padding-top: 20px; border-top: 1px solid #DEDEDE; display: flex; align-items: center;}
.re_view_box .sm_img .img{min-width: 80px; width: 80px; aspect-ratio: 1/1;}
.re_view_box .sm_img .img img{width: 100%; height: 100%; object-fit: cover;}
.re_view_box .sm_img .nay{width: calc(100% - 80px); padding: 10px; box-sizing: border-box;}
.re_view_box .nay_tit{
    color: #999;
    font-size: 14px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.re_view_box .nay_txt{
    color: #333;
    font-size: 16px;
    margin-top: 5px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

@media all and (max-width:950px){
    .re_view_box .box{width: calc(50% - 20px);}
}

.duct_sec_tion{
    background: url(/img/main_product_bg01.png)no-repeat left center /cover;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}
.duct_sec_tion .inner{display: flex; align-items: center; gap: 40px;}
.duct_sec_tion .inner.right_full{max-width: calc(100% - calc( calc(100% - 1400px) / 2)); margin-right: 0;}
.duct_sec_tion .main_tit_box{
    width: 30%;
    box-sizing: border-box;
}
.duct_sec_tion .duct_swip_er{
    width: calc(70% - 40px);
    overflow: hidden;
    padding-bottom: 40px;
    position: relative;
    box-sizing: border-box;
}
.duct_sec_tion .ja_se_hi{
    display: flex;
width: 135px;
height: 48px;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
color: #FFF;
text-align: center;
font-size: 16px;
border: 1px solid #fff;
margin: 0 auto;
}

.duct_sec_tion .img_box img{width: 100%; height: 100%; object-fit: cover;}
.duct_swip_er .swiper_page {bottom: 0; top: auto; height: 1px; background-color: #fff;}
.duct_swip_er .swiper_page .swiper-pagination-progressbar-fill{background-color: #000;}

@media all and (max-width:768px){
    .duct_sec_tion .inner.right_full{ margin: 0 auto; flex-wrap: wrap;}
    .duct_sec_tion .main_tit_box{width: 100%;}
    .duct_sec_tion .duct_swip_er{width: 100%;}
}

.ma_vi_su{padding: 370px 0 200px; position: relative;}
.ma_vi_su .bg_img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.ma_vi_su .txt_box{
    color: #FFF;
    text-align: center;
    font-size: 64px;
    line-height: 1.375em; /* 137.5% */
    position: relative;
    z-index: 2;
    animation: animation-you 1s; 
}

.ma_vi_su .arw_swip{position: absolute; bottom: 60px; z-index: 2;   width: 100%; display: block; text-align: center;}  
.ma_vi_su .arw_swip a{animation: animation-1l32y9a 2s infinite; display: block;}
@media all and (max-width:768px){
    .ma_vi_su .txt_box{font-size: 36px;}   
}

@keyframes animation-1l32y9a {
    0% {
        opacity: 0;
    }

    50% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


@keyframes animation-you {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.wi_txt_box{
    color: #222;
font-size: 32px;
font-weight: 300;
line-height: 1.5em; /* 150% */
}

.ne_gae_box{display: flex; flex-wrap: wrap; gap: 40px;}
.ne_gae_box .box{aspect-ratio: 1/0.606; width: calc(50% - 20px); border-radius: 20px; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 60px; box-sizing: border-box;}
.ne_gae_box .tag_yo{
    color: #666;
font-size: 16px;
font-weight: 700;
line-height: 1.5em; /* 150% */
margin-bottom: 10px;
}
.ne_gae_box .tit_yo{
    color: #222;
font-size: 30px;
font-weight: 700;
}
.ne_gae_box .line_yo{
    width: 30px;
    height: 2px;
    background: #888;
    margin: 20px 0;
}
.ne_gae_box .txt_yo{
    color: #666;
font-size: 16px;
line-height: 1.5em; /* 150% */
}

.gra_yoyo_box{
    border-radius: 20px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.25) 100%);
backdrop-filter: blur(12.5px);
padding: 60px;
box-sizing: border-box;
width: 100%;color: #fff;
text-align: center;
}

.gra_yoyo_box .tit_yo{
font-size: 30px;
line-height: 1.4em; /* 140% */
}
.gra_yoyo_box .txt_yo{
font-size: 16px;
line-height: 1.5em; /* 150% */
}

.gra_yoyo_box.none_bg{border-radius: 0; background: transparent; backdrop-filter: none; padding: 0;}

.gra_yoyo_box.none_bg.pad_ding_custom {
    padding: 30px 0;
}

.gra_yoyo_box .ja_se{
    display: flex;
width: 135px;
height: 48px;
justify-content: center;
align-items: center;
background-color: #fff;
color: #666;
text-align: center;
font-size: 16px;
margin:0 auto;
}

.main_new_tit{
    color: #222;
font-size: 36px;
font-weight: 700;
}
.main_new_tit.txt-center{text-align: center;}
.main_new_sub{
    color: #999;
font-size: 16px;
line-height: 24px;
}

.ye_ta_bo{display: flex; margin: 0 auto;}
.ye_ta_bo .tab_btn{width: calc(50% - 120px); position: relative; height: fit-content; margin-right: 100px; padding-right: 60px; box-sizing: border-box;}
.ye_ta_bo .tab_btn .line{width: 20px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; border-left: 1px dashed #b8b8b8; height: 97%;}
.ye_ta_bo .tab_btn ul{margin-left: auto; width: fit-content;}
.ye_ta_bo .tab_btn ul li{font-size: 24px; position: relative; font-weight: bold; letter-spacing: -0.045em; color: #b8b8b8; cursor: pointer;}
.ye_ta_bo .tab_btn ul li .dot{width: 11px; height: 11px; z-index: 10; position: relative; position: absolute; top: 50%; right: -45px; transform: translateY(-50%);  border-radius: 50%; background-color: #b8b8b8; z-index: 20;}
.ye_ta_bo .tab_btn ul li + li{margin-top: 50px;}
.ye_ta_bo .tab_btn ul li.active{color: #222;}
.ye_ta_bo .tab_btn ul li.active .dot{background-color: #222; width: 21px; height: 21px; right: -50px;}
.ye_ta_bo .tab_btn ul li.active .dot::before{content: ''; position: absolute; top: 5px; left: 5px; display: inline-block; width: 11px; height: 11px; border-radius: 50%; background-color: #fff;}

.ye_ta_bo .tab_container{width: calc(50% + 20px); }
.ye_ta_bo .year_list li h5{font-size: 24px; letter-spacing: -0.045em; color: #222; font-weight: bold; }
.ye_ta_bo .year_list li p{padding-top: 15px; font-size: 24px; letter-spacing: -0.045em; color: #666; font-weight: 400;}
.ye_ta_bo .year_list li + li{margin-top: 50px;}

@media all and (max-width:1024px){
    .ne_gae_box .box{width: 100%; padding: 30px;}
}

@media all and (max-width:756px) {
  .ye_ta_bo .tab_btn ul li + li{margin-top: 30px;}
  .ye_ta_bo .year_list li + li{margin-top: 30px;}
  .ye_ta_bo .tab_btn{width: calc(50% - 70px); margin-right: 50px;}

  .gra_yoyo_box{padding: 30px;}
  .gra_yoyo_box br{display: none; }
  .wi_txt_box br{display: none; font-size: 26px;}
}

/* 2025.01.16 */
.m_cate_wrapper {    
    padding-bottom: 40px;
    display: none;
}
.m_cate_wrapper .m_cate_slide {
    padding: 0 3.125%;
}
.m_cate_slide .item .box {       
    text-align: center;
} 
.m_cate_slide .item .box .img {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-color: #F3F2F0;
    overflow: hidden;
}
.m_cate_slide .item .box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.m_cate_slide .item .box .p_tit {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
}
@media all and (max-width:756px) {
    .m_cate_wrapper {
        display: block;
    }
}
/* END 2025.01.16 */