/*
Amandine Regular

font-weight: 400;
font-style: normal;
Amandine Italic

font-weight: 400;
font-style: italic;
Amandine Bold

font-weight: 700;
font-style: normal;
Amandine Bold Italic

font-weight: 700;
font-style: italic;*/
.eng{font-family: "amandine", sans-serif;}
#main .con03 .more_btn2, #main .con05 .more_btn2{display: flex;justify-content: center;margin-top: 40px;}
#main .more_btn2 a{display: flex;width: 240px;height: 80px;align-items: center;justify-content: space-between;padding: 0 30px;padding-right: 20px;position: relative;border-radius: 6px;overflow: hidden;background: #fff}
#main .more_btn2 a span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 1px solid #1E343B;border-radius: 6px;transition: 0.5s}
#main .more_btn2 a:hover span{transform: scale(0.9);opacity: 0}
#main .more_btn2 a i{display: flex;width:  40px;height: 40px;position: relative;align-items: center;justify-content: center}
#main .more_btn2 a:hover i:before{transform: scale(20)}
#main .more_btn2 a strong{position: relative;z-index: 2;font-size: 16px;color: #1E343B;transition: 0.6s}
#main .more_btn2 a:hover strong{color: #fff;transform: translateX(45px)}
#main .more_btn2 a i:before{content: '';display: block;width: 100%;height: 100%;background: #10B5EC;border-radius: 6px;top: 0;left: 0;position: absolute;transition: 0.5s}
#main .more_btn2 a i img{display: block;position: relative;z-index: 5;transition: 0.5s}
#main .more_btn2 a:hover i img{transform: translateX(15px)}
#main .line_wrap{position: absolute;width: 1px;height: 100%;position: absolute;top: 0;left: 50%;background: #CBDADF;margin-left: -0.5px}
#main .main_title{margin-bottom: 95px;position: relative;z-index: 10;padding: 0 60px}
#main .main_title strong{font-size: 80px;line-height: 1.1;font-weight: 400;color: #1E343B} 
#main .main_title strong *{font-family: inherit;color: inherit;font-weight: inherit}
#main .main_title .info .dot{display: flex;gap: 6px}
#main .main_title .info p{font-size: 17px;color: #1E343B;line-height: 1.5;margin-top: 10px}
#main .main_title .info .dot i{display: block;width: 4px;height: 4px;border-radius: 50%;opacity: 0.25;background: #10B5EC}
#main .con02{padding-bottom: 317px;padding-top: 215px;background: #F2F8F9;position: relative}
#main .con02 .main_title .info{position: absolute;margin-top: 74px}
#main .con02 .slide_area{position: relative}
#main .con02 .slide_area .bg_circle{position: absolute;width: 890px;height: 809px;border-radius: 50%;background: rgba(242,248,249,0.75);backdrop-filter: blur(20px);top: 50%;margin-top: -445px;border: 1px solid #CBDADF}

#main .con03 .list .wrap .base p{transform: translateY(0px);transition: 0.5s}
#main .con03 .list .wrap:hover .base p{transform: translateY(56px);transition: 0.5s}
#main .con02 .slide_area .bg_circle01{left: 50%;transform: translateX(-50%);background: none;backdrop-filter: blur(0px)}
#main .con02 .slide_area .bg_circle02{left: 50%;transform: translateX(-150%);z-index: 2}
#main .con02 .slide_area .bg_circle03{left: 50%;transform: translateX(50%)}
#main .con02 .slide_area .wrap .img img{display: block}
#main .con02 .slide_area .wrap .img{border-radius: 8px;overflow: hidden}
#main .con02 .slide_area .wrap .txt{margin-top: 10px;}
#main .con02 .slide_area .wrap .txt p{font-size: 16px;color: #111111;font-weight: 500}
#main .paging_wrap{display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;gap: 20px;margin-top: 80px}
#main .paging_wrap .swiper-pagination-fraction{width: auto;display: flex;gap: 6px}
#main .paging_wrap .swiper-pagination-fraction *{font-size: 16px;color: #1E343B;font-weight: 500}
#main .paging_wrap .btn_w > button{width: 40px;height: 40px;box-sizing: border-box;border: 1px solid #1E343B;border-radius: 6px;display: flex;align-items: center;justify-content: center}
#main .paging_wrap .btn_w .prev-button svg{display: block;transform: rotate(180deg)}
#main .n02 .product_img{position: absolute;left: 50%;margin-left: -65px; transform: translateY(50%) rotate(45deg) translateX(-200%);bottom: -290px;z-index: 3;opacity: 0}
#main .con03{padding-top: 260px;position: relative}
#main .con03 .main_title{display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: flex-end;position: relative;padding: 0 40px;}
#main .con03 .main_title:before{content: '';display: block;width: 50%;height: 1px;background: #DDE6E9;position: absolute;left: 0;top: 40px;}
#main .con03 .main_title strong{text-align: right}
#main .con03 .list {padding: 0 40px;}
#main .con03 .list .wrap{display: flex;height: 180px;border-bottom: 1px solid #DDE6E9;padding-top: 24px;position: relative}
#main .con03 .list li:last-child .wrap{border-bottom: none}
#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{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 .con04{position: relative;height: 100vh;width: 100%;overflow: hidden}
#main .con04 .bg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
#main .con04 .bg img{display: block}
#main .con04 .product{position: absolute;left: 50%}
#main .con04 .product.product01{margin-left: -800px;bottom: -511px}
#main .con04 .product.product02{margin-left: -270px;bottom: -472px}
#main .con04 .product.product03{margin-left: 500px;bottom: -146px;}
#main .con05 {padding-top: 45px;padding-bottom: 120px}
#main .con05 p{font-size: 70px;line-height: 1;color: #1E343B;white-space: nowrap;display: flex;gap: 40px;align-items: center;padding-left: 40px;}
#main .con05 .banner{height: 103px;position: relative}
#main .con05 .banner .line{position: absolute;top: 0;left: 0}
#main .con05 .banner .line01{transform: translateX(0);animation: 30s primary infinite linear}
#main .con05 .banner .line02{transform: translateX(100%);animation: 30s secondary infinite linear}
#main .con05 .banner i{display: block;width: 10px;height: 10px;background: url(/img/main2/plus2.png)}
#main .con05{overflow: hidden}
#main .main_visual{position: relative;background: #F2F8F9}
#main .main_visual .vis_title{position: absolute;padding-top: 120px;width: 100%;z-index: 8}
#main .main_visual .vis_title strong{font-size: 200px;letter-spacing: -10px;color: #1E343B;line-height: 1;font-weight: 400;white-space: nowrap}
#main .main_visual .vis_title .base{width: auto;display: flex;padding-left: 40px;left: 0;z-index: 8;position: relative}
#main .main_visual .vis_title .base i{content: '';display: block;width: 100%;background: #F2F8F9; position: absolute;top: 0;left: 0;height: 150%;display: none !important}
#main .main_visual .vis_title .base i:after{content: '';display: block;width: 100%;background: linear-gradient(to right, #F2F8F900 , #F2F8F9);position: absolute;top: 0;left: -100%;height: 100%}
#main .main_visual .info_w{width: 100%;height: 100vh;display: flex;align-items: flex-end;padding-bottom: 20px;}
#main .main_visual .info_w .info{width: 50%;background: rgba(16,181,236,0.07);backdrop-filter: blur(10px);padding: 40px;border: 1px solid #fff;border-radius: 0 8px 8px 0;position: relative;z-index: 55}
#main .main_visual .info_w .info p{font-size: 17px;color: #111111;line-height: 27px;}
#main .main_visual .mobile_img{display: none}
#main .main_visual .info_w i{display: inline-block;position: relative;margin-bottom: 20px;}
#main .main_visual .info_w i:after{content: '';display: block;width: 100%;height: 100%;background: url(/img/main2/info_line.png);position: absolute;top: 0;left: 0;animation: 10s cir infinite linear;background-size: 100% 100%}
#main .main_visual .info_w i img{display: block;}
@keyframes cir{
	0%{transform: rotate(0deg)}
	100%{transform: rotate(360deg)}
}
#main .main_visual .bg_line{position: absolute;left: 50%;transform: translateX(-50%);top: -1px;}
#main .main_visual .list_content{width: 1600px;margin: 0 auto; padding-top: 240px;display: flex;flex-direction: column;position: relative}
#main .main_visual .list_content .icon{padding-bottom: 23px;position: relative}
#main .main_visual .list_content .icon:after{content: '';display: block;width: 100%;height: 1px;position: absolute;bottom: 0;left: 0;background: #CBDADF}
#main .main_visual .list_content .txt_w .wrap{width: 50%;min-height: 380px}
#main .main_visual .list_content .txt_w.txt_r{display: flex;justify-content: flex-end}
#main .main_visual .list_content .txt_w strong{font-size: 100px;color: #1E343B;line-height: 1;font-weight: 400;margin-bottom: 30px;display: block;margin-top: 20px}
#main .main_visual .list_content .txt_w strong span{font-size: 50px;font-family: inherit}
#main .main_visual .list_content .txt_w p{font-size: 17px;color: #111111;line-height: 1.58}
#main .main_visual .list_content .txt_w.txt_r{text-align: right}
#main .main_visual .con01{height: 100vh;position: relative}
#main .main_visual .con01 .more_btn2{position: absolute;right: 40px;bottom: 75px}
#main .main_visual .con01 .more_btn2 a{background: none}
#main .main_visual .con01 .product_name{position: absolute;height: 200px;width: 100%;text-align: center;top: 70px}
#main .main_visual .con01 .product_name strong{font-size: 200px;font-weight: 400;color: #1E343B;display: block;text-align: center;line-height: 1}
#main .main_visual .con01 .product_name p{font-size: 24px;font-weight: 500;color: #1E343B;display: block;text-align: center;line-height: 1;margin-top: 25px}
#main .main_visual .con01 .product_name .name_w {transition: 1s;position: absolute;top: 0;transition: 0.7s;width: 100%}
#main .main_visual .con01 .product_name .on{transform: translateY(0);opacity: 1}
#main .main_visual .con01 .product_name .on_prev{transform: translateY(-100%);opacity: 0}
#main .main_visual .con01 .product_name .on_next{transform: translateY(100%);opacity: 0}
#main .main_visual .con01 .product_list{position: absolute;height: 590px;width: 100%;bottom: 100px;}
#main .main_visual .con01 .product_list .product_w{position: absolute;transform: translate(-50%);bottom: 0;filter: blur(10px);transition: 0.7s}
#main .main_visual .con01 .product_list .product_w.on{filter: blur(0px)}
#main .main_visual .con01 .product_list .product_w.on_prev{left: 25%}
#main .main_visual .con01 .product_list .product_w.on_next{left: 75%}
#main .main_visual .con01 .product_list .product_w.on{left: 50%}
#main .main_visual .con01 .product_list .product_w02 .img{transform: translateY(-62%)}
#main .main_visual .con01 .product_list .product_w02 .img img{display: block;transform: translateY(15%)}
#main .main_visual .con01 .product_list .product_w .img img.base_image{opacity: 0}

#main .main_visual .con01 .product_list .btn_w {top: 50%;left: 50%;margin-left: 210px;opacity: 0;position: absolute}
#main .main_visual .con01 .product_list .btn_w.prev {margin-left: -250px;}
#main .main_visual .con01 .product_list .btn_w.prev svg{display: block;transform: rotate(180deg)}
#main .main_visual .con01 .product_list .btn_w > button{width: 40px;height: 40px;box-sizing: border-box;border: 1px solid #1E343B;border-radius: 6px;display: flex;align-items: center;justify-content: center}

#main .main_visual .con01 .product_list .btn_w .prev-button svg{display: block;transform: rotate(180deg)}
#main .main_visual .con01 .txt_info_w{position: absolute;bottom: 0;left: 0;height: 56px;width: calc(100% - 80px);left: 40px; display: flex;align-items: center;border-top: 1px solid #D9E6EB}
#main .main_visual .con01 .txt_info_w i{display: inline-block;position: absolute;left: 0;top: -60px;}
#main .main_visual .con01 .txt_info_w i img{display: block;}
#main .main_visual .con01 .txt_info_w i:after{content: '';display: block;width: 100%;height: 100%;background: url(/img/main2/info_line.png);position: absolute;top: 0;left: 0;animation: 10s cir infinite linear;background-size: 100% 100%}
#main .main_visual .con01 .txt_info_w > div.txt_in{height: 20px;;position: relative;overflow: hidden;width: 100%}
#main .main_visual .con01 .txt_info_w > div .txt_con {height: 20px;display: flex;gap: 40px;width: 100%; position: absolute;top: 0;transition: 0.7s}
#main .main_visual .con01 .txt_info_w > div .on_prev{transform: translateY(-100%);opacity: 0}
#main .main_visual .con01 .txt_info_w > div .on_next{transform: translateY(100%);opacity: 0}
#main .main_visual .con01 .txt_info_w > div .on{transform: translateY(0%)}
#main .main_visual .con01 .txt_info_w > div.txt_in .txt{display: flex;gap: 20px;align-items: center}
#main .main_visual .con01 .txt_info_w > div.txt_in .txt p{font-size: 15px;color: #1E343B;}
#main .main_visual .con01 .txt_info_w > div.txt_in .txt i{display: block;width: 1px;height: 12px;background: #D8E6EB}

/*#main .main_visual .con01 .on{bottom: 96px;position: absolute;left: 50%;transform: translate(-50%,-55%)}*/

#main .main_visual .con01 .product_name{opacity: 0;filter: blur(50px)}
@keyframes primary {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes secondary {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}


#header{position: fixed;width: 100%;z-index: 9999}

#main .main_visual .vis_title .base{position: }

#main .main_visual .vis_title .base i{transition: 3s;transition-delay: 0.2s}
#main .main_visual.on .vis_title .base i{transform: translateX(200%);opacity: 0}
#main .main_visual .vis_title .base{width: 100%;justify-content: center;text-align: center}

/*
#main .main_visual .con01 .product_list .product_w02 .img .mot{transform: translateY(0%);transition: 1.5s;filter: blur(30px);opacity: 0}
#main .main_visual.on .con01 .product_list .product_w02 .img .mot{transform: translateY(0%);filter: blur(0px);opacity: 1}
*/
.scroll_w{position: fixed;bottom: 12px;right: 40px;display: flex;align-items: center;z-index: 999;gap: 14px;transition: 0.5s;opacity: 0}
.scroll_w .scroll{display: flex;gap: 18px;align-items: center}
.scroll_w .scroll p{font-size: 14px;color: #1E343B}
.scroll_w.on{opacity: 1}
.scroll_w .scroll_icon{display: block;width: 20px;height: 30px;box-sizing: border-box;border: 1px solid #1E343B;border-radius: 4px;gap: 14px;z-index: 99;position: relative}
.scroll_w .scroll_icon i{display: block;width: 3px;height: 3px;position: absolute;left: 50%;margin-left: -1.5px;border-radius: 50%;background: #1E343B;top: 4px;animation: scr 2s infinite}
@keyframes scr{
    0%{transform: translateY(0px)}
    100%{transform: translateY(14px)}
}
.scroll_w .line{width: 200px;height: 1px;background: #1E343B10;position: relative}
.scroll_w .line i{position: absolute;width: 0%;height: 100%;display: block;left: 0;top: 0;background: #1E343B}
.scroll_w .percent{font-size: 14px;color: #1E343B;font-weight: 600;width: 33px;}
.scroll_w .percent *{font-size: inherit;color: #1E343B}
#main .main_visual .info_w .info{transform: translateY(120%);transition: 1.5s;transition-delay: 0.6s}
#main .main_visual.on .info_w .info{transform: translateY(0%);}

#main .con02 .title_wrap{position: relative}
#main .con02 .title_wrap .more_btn2{position: absolute;right: 60px;bottom: 0;z-index: 12}
#main .con02 .slide_area .bg_circle{transition: 1s;transition-delay: 0.3s}
#main .con02 .slide_area .bg_circle01{transform: translateX(-50%) scale(0.6)}
#main .con02 .slide_area .bg_circle02{transform: translateX(-150%) scale(0.6)}
#main .con02 .slide_area .bg_circle03{transform: translateX(50%) scale(0.6)}
#main .con02.on .slide_area .bg_circle01{transform: translateX(-50%) scale(1)}
#main .con02.on .slide_area .bg_circle02{transform: translateX(-150%) scale(1)}
#main .con02.on .slide_area .bg_circle03{transform: translateX(50%) scale(1)}
#main .con02 .slide_area .slide_wrap{opacity: 0;transition: 1.2s;transition-delay: 0.7s;}
#main .con02.on .slide_area .slide_wrap{opacity: 1}

#main .line_wrap{transition: 2s;height: 0}
#main .on .line_wrap{transition: 2s;height: 100%}


#main .con03 .list .wrap.title{transform: translateY(120%);transition: 1.5s;transition-delay: 0.6s}
#main .con03.on .list .wrap.title{transform: translateY(0%);}

#main .con03 .list ul li{transform: translateY(60%);transition: 1.5s;transition-delay: 0.6s;opacity: 0}
#main .con03.on .list ul li{transform: translateY(0%);opacity: 1}
#main .con03.on .list ul li:nth-child(1){transition-delay: 0.8s}
#main .con03.on .list ul li:nth-child(2){transition-delay: 1.0s}
#main .con03.on .list ul li:nth-child(3){transition-delay: 1.2s}
#main .con03.on .list ul li:nth-child(4){transition-delay: 1.4s}

#main .con04 .bg img{display: block;transform: scale(1.3);transition: 3s}
#main .con04.on .bg img{transform: scale(1)}
#main .con02 .slide_area .wrap .img img{width: 100%}
#main .main_visual .con01 .more_btn2{z-index: 20}
#main .con02 .title_wrap .more_btn2 a{background: none}
@media (max-width: 1640px){
    #main .main_visual .list_content{width: 100%;padding: 0 40px;}
    #main .main_visual .con01 .product_list .product_w02 .img{transform: translateY(-56%)}
    #main .main_visual .vis_title{padding-top: 130px}
    #main .main_visual .vis_title strong{font-size: 170px}
    #main .main_visual .con01 .product_list .product_w02 .img img{width: 800px}
    #main .main_visual .con01 .product_name strong{font-size: 170px}
    #main .main_title strong{font-size: 70px;}
}

@media (max-width: 1400px){
    #main .con02 .title_wrap .more_btn2, #main .main_visual .con01 .more_btn2{right: 20px;}
    #main .main_title .info p{font-size: 15px;}
    #main .main_visual .vis_title strong{font-size: 120px;letter-spacing: -2px}
    #main .main_visual .info_w .info p{font-size: 15px}
    #main .main_visual .info_w .info{padding: 25px}
    #main .main_visual .con01 .product_list .product_w02 .img img{width: 700px}
    #main .main_visual .con01 .product_list .product_w02 .img{transform: translateY(-70%)}
    #main .main_visual .list_content .txt_w p{font-size: 15px;}
    #main .main_visual .con01 .product_name strong{font-size: 120px}
    #main .main_title{padding: 0 25px}
    #main .con02 .main_title .info{position: static;margin-top: 25px}
    #main .con03 .list .wrap .base{width: 85px;}
    #main .con03 .list .wrap .date{width: 130px;}
    #main .con03 .list .wrap .tit {width: calc(100% - 270px);}
    #main .con04 .product.product01 img{width: 290px}
    #main .con04 .product.product02 img{width: 460px}
    #main .con04 .product.product03 img{width: 200px}
    #main .con04 .product.product01 {margin-left: -630px;}
    #main .con04 .product.product03{margin-left: 340px}
    #main .con04 .product.product02{margin-left: -230px}
    #main .con05 p{font-size: 60px;}
    #main .main_visual .con01 .product_list{width: 1400px;left: 50%;transform: translateX(-50%)}
    
}

@media (max-width: 1100px){
    #main .main_visual .info_w i{margin-bottom: 10px;}
    #main .main_visual .list_content{z-index: 2;gap: 40px;padding: 0 20px;padding-top: 60px;}
    #main .main_visual .list_content .txt_w .wrap{padding: 20px;border-radius: 20px;background: rgba(255,255,255,0.3);backdrop-filter: blur(20px)}
    #main .main_visual .list_content .txt_w p br{display: none}
    #main .main_visual .list_content .txt_w p{word-break: keep-all}
    #main .main_visual .list_content .txt_w strong{font-size: 65px;margin-bottom: 15px;}
    #main .main_visual .info_w .info p{font-size: 14px;line-height: 1.57}
    #main .main_visual .info_w i img{width: 34px}
    #main .main_visual .con01 .product_list .product_w01 img{width: 120px}
    #main .main_visual .con01 .product_list .product_w03 img{width: 120px}
    #main .main_visual .con01 .txt_info_w > div.txt_in .txt p{font-size: 13px;}
    #main .main_visual .con01 .txt_info_w > div .txt_con strong{font-size: 14px;}
    #main .main_title strong{font-size: 50px;line-height: 1.25}
    #main .con02 .slide_area .bg_circle{width: 500px;height: 500px;margin-top: -250px;}
    #main .con03 .list .wrap strong{font-size: 20px;}
    #main .con03 .list .wrap .base p{font-size: 12.5px;}
    #main .con03 .main_title{padding: 0 20px}
    #main .con03 .list{padding: 0 20px;}
    #main .main_visual .con01 .txt_info_w i img{width: 34px}
    .scroll_w .line{display: none}
    .scroll_w{right: 20px;}
    .btn_top{right: 20px}
    .btn_top button{width: 60px;height: 60px}
    .btn_top button:hover{width: 60px;height: 60px}
    .btn_top button strong{display: none}
    .btn_top:hover .icon{transform: translateY(0)}
    .btn_top:hover .icon i:nth-child(2){transform: translateY(0%);opacity: 1}

}
@media (max-width: 800px){
    #footer .ft02 ul{justify-content: flex-start}
    #main .main_visual .con01 .more_btn2{bottom: 45px;}
    #main .con03 .more_btn2, #main .con05 .more_btn2{margin-top: 20px}
    #main .more_btn2 a i{width: 25px;height: 25px;}
        #main .more_btn2 a {
        width: 160px;
        height: 43px;
    }
    #main .more_btn2 a:hover strong{transform: none}
    #main .more_btn2 a{padding: 0 10px;padding-left: 10px}
    #main .more_btn2 a strong{font-size: 13px;}
    #main .more_btn2 a{width: 180px;height: 50px;}
    .btn_top button{width: 45px;height: 45px}
    .btn_top button:hover{width: 45px;height: 45px}
    .btn_top button svg{width: 8px;height: auto}
    .btn_top button{width: 45px;height: 45px;border-radius: 6px}
    #main .con02 .product_img{display: none}
    #main .con02 .slide_area .wrap .txt p{font-size: 14px;}
    #main .main_title strong{font-size: 38px;}
    #main .main_title .info p{font-size: 13.5px}
    #main .con02{padding-top: 100px;padding-bottom: 100px;}
    #main .main_visual .con01 .product_list .product_w02 .img img{width: 600px;}
    #main .main_visual .vis_title strong{font-size: 30px;}
    #main .main_visual .vis_title{padding-top: 25%}
    #main .main_visual .con01 .product_list .product_w02 .img{transform: translateY(-88%)}
    #main .main_visual .info_w .info{width: 500px;max-width: 90%}
    #main .main_visual .list_content .txt_w p{font-size: 13px}
    #main .main_visual .list_content .txt_w strong{font-size: 50px;}
    #main .main_visual .list_content .txt_w strong span{font-size: 30px;}
    #main .main_visual .list_content .txt_w .wrap{border-radius: 8px;}
    #main .main_visual .list_content .icon img{width: 30px;}
    #main .main_visual .list_content .icon{padding-bottom: 15px;}
    #main .main_visual .list_content .txt_w strong{margin-top: 15px;margin-bottom: 10px;}
    #main .main_visual .con01 .product_name strong{font-size: 70px;}
    #main .main_visual .con01 .product_name p{font-size: 8px;margin-top: 7px}
    #main .main_visual .con01 .txt_info_w{height: 36px;width: calc(100% - 40px);left: 20px;}
    #main .main_visual .con01 .txt_info_w > div.txt_in .txt p{font-size: 12px;}
    #main .main_visual .con01 .txt_info_w > div.txt_in .txt{gap: 7px;}
    #main .main_visual .con01 .txt_info_w > div .txt_con{gap: 20px}
    #main .main_visual .con01 .txt_info_w > div .txt_con strong{font-size: 12px;}
    #main .paging_wrap .swiper-pagination-fraction *{font-size: 13px}
    #main .paging_wrap .btn_w > button, #main .main_visual .con01 .product_list .btn_w > button{width: 30px;height: 30px}
    #main .paging_wrap .btn_w > button svg, #main .main_visual .con01 .product_list .btn_w > button svg{width: 4px;height: auto}
    #main .con02 .paging_wrap{margin-top: 25px}
    #main .con03{padding: 80px 0}
    #main .con03 .main_title:before{top: 20px;}
    #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 .main_title{margin-bottom: 25px;}
    #main .con03 .list .wrap{padding-top: 15px;height: 75px;}
    #main .con04 .product.product02{margin-left: -100px;}
    #main .con04 .product.product02 img{width: 200px}
    #main .con04 .product.product01 img{width: 160px}
    #main .con04 .product.product03 img{width: 160px}
    #main .con04 .product.product01 {margin-left: -320px;}
    #main .con04 .product.product03 {margin-left: 160px;}
    #main .con04 .product.product01{bottom: -100px}
    #main .con04 .product.product02{bottom: -100px}
    #main .con04 .product.product03{bottom: -46px}
    #main .con04{height: 600px}
    #main .con04 .bg img{height: 600px}
    #main .con05 p{font-size: 40px;}
    #main .con05{padding-top: 20px;padding-bottom: 60px;}
    #main .con05 .banner{height: 45px;}
    #header #gnb{display: none}
    #header .all_menu_b{display: block;right: 0;}
    #header .lang{right: 50px}
    #header .hd_inner{height: 60px}
    #main .main_visual{overflow: hidden}
    #footer .ft01 .info ul li p{font-size: 12px;}
    #footer .ft01 .info ul li span{font-size: 12px;margin-bottom: 5px}
    #footer .ft01 .info ul{gap: 20px;}
    #footer .ft01 .info{width: 100%}
    #footer .ft01 .link ul{gap: 20px}
    #footer{padding: 40px 20px;}
    #footer .ft01 .link{margin-top: 20px;}
    #footer .ft01 .link ul li a{font-size: 12px}
    #footer .ft02 address{font-size: 11px;word-break: keep-all}
    #footer .ft02 ul li a img{width: 32px;}
    #footer .ft02 ul{gap: 7px;}
    #footer .ft01{padding-bottom: 10px;}
    #footer .ft02{padding-top: 10px}
    #main .con03 .list .wrap:hover .base p{transform: translateY(0);transition: 0.5s}

    #main .con03 .list .wrap:hover strong{transform: translateY(0)}
    #header #logo{left: 0}
    #header{padding: 0 20px}

    #header #logo svg{width: 126px;height: auto}
    #header .lang button{font-size: 14px}
        #main .main_visual .bg_line svg{width: 300px;height: auto}


}
@media (max-width: 660px){
    #main .con02 .title_wrap .more_btn2{padding: 0 20px;margin-bottom: 30px;}
    #main .con02 .title_wrap .main_title .info p{text-align: left}
    #main .con02 .title_wrap .more_btn2{position: static}
    #main .con02 .slide_area .bg_circle{width: 400px;height: 400px;margin-top: -200px}
    #main .main_visual .con01 .product_list .product_w02 .img img{width: 400px}
    #main .main_visual .con01 .product_list .product_w02 .img {transform: translateY(-174%);}
    #main .main_visual .vis_title .base{padding: 0 20px;}
    #main .main_visual .vis_title{padding-top: 200px}
    #main .main_visual .vis_title strong{font-size: 50px}
    #main .main_visual .info_w .info{bottom: 60px;max-width: 80%}
    #main .main_visual .info_w .info p br{display: none}
    #main .main_visual .list_content .txt_w .wrap{width: 300px}
    #main .main_visual .info_w .info p{word-break: keep-all}
    #main .main_visual .con01 .product_name strong{font-size: 40px}
    #main .main_visual .con01 .product_list{width: 800px}
    #main .con03 .list .wrap .view{display: none}
    #main .con03 .list .wrap .base{width: 45px}
    #main .con03 .list .wrap .date{width: 80px}
    #main .con03 .list .wrap strong{font-size: 13px;}
    #main .con03 .list .wrap .tit {width: calc(100% - 125px);}
    #main .con03 .main_title{flex-direction: column}
    #main .main_title .info p{text-align: right}
    #main .con02 .main_title .info{margin-top: 10px;}
    #main .main_title{margin-bottom: 20px;}
    #main .con03 .list .wrap .plus{display: none}
    .scroll_w .percent{font-size: 11px;width: 25px}
    .scroll_w .scroll_icon{width: 16px;height: 25px}
    .scroll_w .scroll{gap: 10px;}
    .scroll_w .scroll p{font-size: 11px;}
    #footer .ft01 .link ul{justify-content: flex-start}
    #footer .ft02 ul{justify-content: flex-start}
}
@media (max-width: 540px){
    #main .main_visual .vis_title{padding-top: 150px}
    #main .main_visual .mobile_img{top: 370px;}
    #main .main_visual .mobile_img{display: block;position: absolute;top: 370px;left: 50%;left: 50%;margin-left: -40vw}
    #main .main_visual .mobile_img img{width: 80vw}

    #main .main_visual .con01 .product_list .product_w02 .img {transform: translateY(-202%);}
    #main .main_visual .con01 .product_list .product_w02 .img img{width: 193px}
        #main .main_visual .con01 .product_list .product_w02 .img {
        transform: translateY(0%);
    }
    #footer .ft02{flex-direction: column;justify-content: flex-start;align-items: flex-start}
    #main .main_visual .info_w .info{bottom: 0}
    #main .main_visual .con01 .product_list .product_w{transform: translate(-50%, 0)}
    #main .con04 .product.product02 img{width: 150px}
    #main .con04 .product.product02{margin-left: -75px}
    #main .con04 .product.product01 img{width: 110px}
    #main .con04 .product.product03 img{width: 100px;}
    #main .con04 .product.product01 {margin-left: -230px;}
    #main .con04 .product.product03 {margin-left: 130px;}
    #main .con04, #main .con04 .bg img{height: 420px}
    #main .con05 p{font-size: 30px;gap: 15px;padding-left: 15px;}
    #main .con05 .banner i{width: 6px;height: 6px;background-size: 100% 100%}
    #main .main_visual .con01 .product_list .product_w02 .img img{width: 140px}
    #main .main_visual .con01 .product_list .product_w03 img, #main .main_visual .con01 .product_list .product_w01 img{width: 90px}
    #main .main_visual .con01{height: 600px}
    #main .main_visual .con01 .product_name{height: 50px;}
    #main .main_visual .con01 .product_list{height: 350px}
    #main .main_visual .con01 .product_list .product_w02 .img img{transform: translateY(0)}
    #main .main_visual .con01 .txt_info_w > div .txt_con strong{display: none}
    #main .main_visual .con01 .txt_info_w > div.txt_in .txt p{font-size: 11px}
    #main .main_visual .con01 .product_list .btn_w{z-index: 33}
    #main .main_visual .con01 .product_list .btn_w{margin-left: 70px}
    #main .main_visual .con01 .product_list .btn_w.prev{margin-left: -120px}
    #main .main_visual .con01 .product_list .btn_w{margin-left: 85px;}
    #main .con02 .slide_area .bg_circle{width: 300px;height: 300px;margin-top: -150px}
    #main .main_visual .vis_title strong{font-size: 70px}
    #main .main_title strong{font-size: 30px;}
    #footer .ft02{flex-wrap: wrap;gap: 7px}
    #footer .ft01 .info ul{gap: 10px 20px }

    
}