#main .main_visual .con01 .product_list .product_w02 .img{transform: translateY(-55%)}
.eng{ font-family: "Montserrat", sans-serif;}
#main .main_visual .vis_title strong{font-size: 120px;text-transform: uppercase;color: #3C4F57;letter-spacing: -2px;font-weight: 500}
#main .main_visual .vis_title strong *{text-transform: capitalize}
#main .main_visual .vis_title{padding-top: 120px;}
#main .main_visual .list_content{position: relative;z-index: 2}
#main .main_visual .info_w {padding-left: 100px;padding-bottom: 70px;}
#main .main_visual .info_w .info{padding: 0;background: none;border: none;backdrop-filter: none;transform: translateY(150%)}
#main .main_visual .list_content .txt_w .wrap{width: 530px;max-width: 80%;background: rgba(255,255,255,0);backdrop-filter: blur(30px) brightness(110%);padding: 40px;border-radius: 10px}
#main .main_visual .con01 .product_name strong{font-size: 120px;color: #3C4F57}
#main .main_visual .con01 .product_name{height: 120px;top: 50%;transform: translateY(-50%) scale(2.4);z-index: 15;filter: blur(0px)}
#main .con03 .list .wrap .plus{position: absolute;top: 0%;left: 50%;transform: translate(-50%,-50%);;background: #10B5EC url(/img/main2/plus.png) no-repeat center center;border-radius: 6px;width: 4px;height: 4px;transition: 0.5s}

#main .con03 .list li:hover .wrap .plus{width: 40px;height: 40px;top: 50%;}

#main .main_visual .con01 .product_name .on_next{transform: scale(1.9)}
#main .main_visual .con01 .product_name .on{transform: scale(1.0)}
#main .main_visual .con01 .product_name .on_prev{transform: scale(0.1)}
#main .con03 .list .wrap .date{padding-left: 50px}
#main .con02{background: #2B434E}
#main .con02 .title_wrap{position: relative}
#main .con05 .more_btn{display: flex;justify-content: center;margin-top: 40px;position: relative;z-index: 102}
#main .con03 .more_btn{display: flex;justify-content: center;margin-top: 40px;position: relative;z-index: 102}
#main .con02 .more_btn{position: absolute;bottom: 0;right: 100px;z-index: 50}
#main .con02 .more_btn a{border-color: #648898;background: none}
#main .con02 .more_btn a strong{color: #fff}
#main .main_title{padding: 0 100px}
#main .main_title strong{font-size: 60px;line-height: 1.23;color: #596F78}
#main .con02 .main_title strong{color: #A8BCC4}
#main .con02 .main_title p{color: #C7D5DB}
#main .con02 .slide_area .bg_circle{border: 1px solid #49636E}
#main .con02 .slide_area .bg_circle03{background: none}
#main .con02 .slide_area .bg_circle02{background: rgba(81,107,117,0.4)}
#main .con02 .line_wrap{background: #49636E;display: none}
#main .con03 .line_wrap{display: none}
#main .con02 .paging_wrap .swiper-pagination-fraction *, #main .con02 .paging_wrap .swiper-pagination-fraction{color: #A0B1B7}
#main .con02 .paging_wrap .btn_w > button{border-color: #728D95}
#main .con02 .slide_area .wrap .txt p{color: #768B94}
n .con03 .list .wrap .plus{position: absolute;top: 0%;left: 50%;transform: translate(-50%,-50%);;background: #10B5EC url(/img/main2/plus.png) no-repeat center center;border-radius: 6px;width: 4px;height: 4px;transition: 0.5s}

#main .main_visual .list_content .txt_w.txt_l{text-align: right}
#main .main_visual .list_content .txt_w.txt_r{text-align: left}
#main .con03{padding-bottom: 120px;}
#main .con03 .list li:hover .wrap .plus{width: 40px;height: 40px;top: 50%;}
#main .con03 .list .wrap .base{width: 125px;}
#main .con03 .list .wrap .base p{font-size: 14px;color: #1E343B;font-weight: 600}
#main .con03 .list .wrap .date{width: 260px;}
#main .con03 .list .wrap .tit{width: calc(100% - 510px)}
#main .con03 .list .wrap strong{font-size: 30px;color: #1E343B;line-height: 1.25;letter-spacing: -0.5px;font-weight: 500;display: block}
#main .con03 .list .wrap strong{transition: 0.5s}
#main .con03 .list .wrap:hover strong{transform: translateY(27px)}
#main .con03 .list .wrap.title{height: auto;padding-bottom: 19px}
#main .con03 .list .wrap.title span{color: #AAB9BE;font-size: 14px;}

#main .main_visual .con01 .product_list .product_w.product_w03 .img img{transition: 0.5s;width: 172px}
#main .main_visual .con01 .product_list .product_w.product_w03.on .img img{width:  271px}
#main .main_visual .con01 .product_list .product_w.product_w01 .img img{transition: 0.5s;width: 167px}
#main .main_visual .con01 .product_list .product_w.product_w01.on .img img{width:  207px}


#main .more_btn a{display: flex;align-items: center;justify-content: space-between;border: 1px solid #CFDCE2;width: 174px;height: 38px;border-radius: 8px;padding: 0 17px;padding-right: 8px;transition: 0.5s}
#main .con01 .more_btn{bottom: 8px;left: 50%;transform: translateX(-50%);position: absolute}
#main .more_btn a{background: #fff}
#main .more_btn a:hover{border-color: #10B5EC;}
#main .more_btn a strong{font-size: 17px;color: #1E343B;transition: 0.5s}
#main .more_btn a:hover strong{color: #10B5EC !important}
#main .more_btn a i{display: flex;width: 22px;height: 22px;border-radius: 6px;background: #10B5EC;align-items: center;justify-content: center}
#main .more_btn a i svg{display: block;transition: 0.5s}
#main .more_btn a:hover i svg{transform: rotate(90deg)}

/*    #main .con03 .list .wrap:hover .base p{transform: translateY(0);transition: 0.5s}*/

/*#main .con03 .list .wrap:hover strong{transform: translateY(0)}*/
#main .con02 .product_img{transform: none;opacity: 1}
#main .con02 .product_img i{display: block;animation: pin 2s infinite}
#main .main_visual .con01 .txt_info_w{width: calc(100% - 200px);left: 100px}
@keyframes pin{
    0%{transform: translateY(0)}
    50%{transform: translateY(20px)}
    100%{transform: translateY(0)}
}
#main .main_visual .con01 .line_wrap{height: 150%}
#main .main_visual .vis_title strong{transition: 4s}
#main .main_visual.on2 .vis_title strong{transform: translateX(-120%)}
#main .con02{margin-top: 156px}
#main .con06 {padding: 200px 0}
#main .con06 > div{display: flex;padding: 0 100px}
#main .con06 > div > div{width: 50%}
#main .con06 > div > div.right .mySwiper3{width: 100%}
#main .con06 > div > div.right .mySwiper3 .swiper-slide {width: auto}
#main .con06 .main_title{padding: 0;margin-bottom: 40px;}

#main .con06 .info .dot{display: flex;gap: 6px;margin-top: 20px;}
#main .con06 .info{position: relative}
#main .con06 .info .paging_wrap{position: absolute;right: 12px;top: 0;margin-top: 0}
#main .con06 .info p{font-size: 17px;color: #79868B;line-height: 1.5;margin-top: 10px;margin-bottom: 40px;}
#main .con06 .info .dot i{display: block;width: 4px;height: 4px;border-radius: 50%;opacity: 0.25;background: #10B5EC}
#main .con06 img{display: block}
#main .con06 .img{border-radius: 8px;overflow: hidden}
#main .con06 .youtube{display: inline-block;height: 427px;width: 100%;max-width: 760px}
#main .con06 .youtube iframe{width: 100%;height: 100%}
#main .con06 .paging_wrap .swiper-pagination-fraction *{color: #A0B1B7}
#main .con06 .paging_wrap .swiper-pagination-fraction{color: #A0B1B7}
#main .con06 .paging_wrap .btn_w > button{border-color: #728D95}
#main .con06 .insta .img{height: 427px;width: 342px;background: #F2F8F9;position: relative}
#main .con06 .insta .img img{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
@media (max-width: 1640px){
    #main .con06 > div{padding: 0 40px}
    #main .con06 img{max-width: 100%}
    #main .con06 > div > div{padding-right: 40px;}
    #main .con06 img{height: 274px}
    #main .con06 > div > div:nth-child(2){padding-right: 0}
}
@media (max-width: 1400px){
    
    #main .main_visual .vis_title strong{font-size: 90px;}
    #main .main_visual .vis_title{padding-top: 120px}
    #main .main_visual .info_w{padding: 20px;}
    #main .main_visual .list_content{gap: 45px;}
    #main .main_visual .con01 .product_name strong{font-size: 90px;}
    #main .main_title strong{font-size: 45px;}
    #main .con03 .list, #main .con03 .main_title{padding: 0 50px;}
    #main .con02 .more_btn{right: 20px;}
    #main .con01 .more_btn{left: 75%}
    #main .scroll_w .line{display: none}
    #main .main_title{padding: 0 20px}
    #main .main_visual .con01 .txt_info_w {
        width: calc(100% - 20px);
        left: 10px;
    }
    #main .con03 .list .wrap .base{width: 85px;}
    #main .con03 .list .wrap .date{width: 130px;}
    #main .con03 .list .wrap .tit {width: calc(100% - 270px);}
}
@media (max-width: 1100px){
    #main .con03 .list .wrap .date{padding-left: 10px}

    #main .con03 .list, #main .con03 .main_title{padding: 0 20px;}
    #main .con03 .list .wrap strong{font-size: 19px}
    #main .con06 > div > div{width: 100%}
    #main .con06 > div{flex-wrap: wrap;gap: 40px}
    #main .con06 img{height: auto}
    #main .con06 > div > div{padding-right: 0}
    #main .con06 .youtube img{width: 100%}
    #main .main_visual .con01 .product_list .product_w01 img{width: 120px}
    #main .main_visual .con01 .product_list .product_w03 img{width: 120px}


}
@media (max-width: 800px){
    #header .lang ul li a{font-size: 13px}
    #main .con03 .list .wrap.title{padding-top: 0;padding-bottom: 15px}
    #main .con03 .list .wrap strong{font-size: 15px}
    #main .con03 .list .wrap .base p{font-size: 12px;}
    #main .con03 .list .wrap.title span{font-size: 12px;}
    #main .con03 .list .wrap{padding-top: 15px;height: 75px;}
    #main .con06 .main_title{margin-bottom: 20px;}
    #main .con02{margin-top: 60px}
    #main .con02 .more_btn{padding-left: 20px;}
    #main .main_visual .list_content{gap: 20px}
    #main .main_visual .list_content .txt_w .wrap{padding: 20px;border-radius: 8px}
    #main .main_visual .vis_title strong{font-size: 32px}
    #main .main_visual .con01 .product_name strong{font-size: 50px}
    #main .main_visual .con01 .product_name{height: 50px;}
    #main .main_title strong{font-size: 32px;}
    #main .con03 .list .wrap strong{font-size: 16px;}
    #main .con05 p{font-size: 32px}
    #main .con03 .list .wrap{height: 75px}
    #main .more_btn a strong{font-size: 14px}
    #main .more_btn a i{width: 19px;height: 19px;border-radius: 3px;}
    #main .more_btn a{width: 134px;height: 32px;padding-left: 8px;}
    #main .con01 .more_btn{bottom: 48px;right: 20px;transform: none;left: auto}
    #main .con02 .more_btn{position: static;margin-bottom: 25px}
    #main .con05 .more_btn, #main .con03 .more_btn{margin-top: 20px;}
    #main .con06 .info p{font-size: 13px;line-height: 1.5}
    #main .con06 .info p{margin-bottom: 10px;}
    #main .con06 .img{border-radius: 6px;}
    #main .con03 .list .wrap .date{width: 90px}
        #main .con03 .list .wrap .tit {
        width: calc(100% - 120px);
    }
    #main .con06 .youtube{height: 280px}
    #main .con06 .insta .img {height: 327px;width: 252px;}
    
}
@media (max-width: 600px){
    #main .con03 .list .wrap:hover strong {
    transform: translateY(0px);
}
    #main .main_visual .vis_title{padding-top: 110px}
    #main .con03 .list .wrap strong{padding: 0 5px}
    #main .main_visual .con01 .product_list .product_w02 .img img{width: 140px}
    #main .main_visual .con01 .product_list .product_w.product_w03 .img img, #main .main_visual .con01 .product_list .product_w.product_w01 .img img{width: 90px}
    #main .main_visual .con01 .product_list .product_w.product_w03.on .img img, #main .main_visual .con01 .product_list .product_w.product_w01.on .img img{width: 160px}
     #main .main_visual .con01 .product_list .product_w.product_w01.on .img img{width: 120px}

    #main .con06 .info .paging_wrap{display: none}
    #main .con06 .insta img{height: 280px}
    #main .con06 .info .paging_wrap{gap: 10px;}
    #main .main_title strong{font-size: 24px;}
    #main .main_visual .con01 .product_name strong{font-size: 22px}
    #main .con03 .list .wrap strong{font-size: 13px;}
    #main .con03 .list .wrap strong br{display: none}
    #main .main_visual .vis_title{padding-top: 150px;}
    #main .con02{padding: 60px 0}
    #main .con02 .main_title p{text-align: left}
    #main .con06 > div{padding: 0 20px;}
    #main .con06{padding: 60px 0}
    #main .main_visual .vis_title{padding-top: 120px}
}