#why .sub_visual{position: relative;height: 100vh;width: 100%;z-index: 10}
#why .sub_visual .bg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#why .sub_visual .bg svg{display: block;animation: circle_line 10s infinite linear}
#why .sub_visual .bg .line_wrap{display: block;animation: scale_line 10s infinite linear;opacity: 0.8}
@keyframes scale_line{
    0%{opacity: 0.8; transform: scale(1)}
    50%{opacity: 1; transform: scale(0.9)}
    100%{opacity: 0.8; transform: scale(1)}
}

@keyframes circle_line{
    0%{transform: rotate(0)}
    100%{transform: rotate(360deg)}
}
#why .sub_visual .bg .line{opacity: 0;animation: line_opacity 2s infinite linear}
#why .sub_visual .bg .line{stroke: #EEB587}
@keyframes line_opacity{
    0%{opacity: 0.3}
    50%{opacity: 1}
    100%{opacity: 0.3}
}

#why .motion_year ul li{position: fixed;;left: 50%;transform: translate(-345px,201px);top: 0;overflow: hidden;}
#why .motion_year .motion_year ul li{position: fixed;}
#why .motion_year ul li span{float: left;font-size: 100px;color: #fff;font-weight: 600;display: block;transition: 1.3s;font-weight: 700;text-shadow: -1px -1px 0 #FF5700, 1px -1px 0 #FF5700, -1px 1px 0 #FF5700, 1px 1px 0 #FF5700;    font-family: "scotch-display", sans-serif;}
#why .motion_year ul li span{transform: translateY(100%);}
#why .motion_year ul li.on span{transform: translateY(0%);}
#why .motion_year ul li.remove span{transform: translateY(-100%);}
/*
#why .motion_year ul li span.y02{transition-delay: 0.1s}
#why .motion_year ul li span.y03{transition-delay: 0.2s}
#why .motion_year ul li span.y04{transition-delay: 0.3s}
*/
#why ul.list > li .year{opacity: 0}


#why .sub_visual .bg .line01{animation-delay: 0.1s}
#why .sub_visual .bg .line02{animation-delay: 0.2s}
#why .sub_visual .bg .line03{animation-delay: 0.3s}
#why .sub_visual .bg .line04{animation-delay: 0.4s}
#why .sub_visual .bg .line05{animation-delay: 0.5s}
#why .sub_visual .bg .line06{animation-delay: 0.6s}
#why .sub_visual .bg .line07{animation-delay: 0.7s}
#why .sub_visual .bg .line08{animation-delay: 0.8s}
#why .sub_visual .bg .line09{animation-delay: 0.9s}
#why .sub_visual .bg .line10{animation-delay: 1s}
#why .sub_visual .bg .line11{animation-delay: 1.1s}
#why .sub_visual .bg .line12{animation-delay: 1.2s}
#why .sub_visual .bg .line13{animation-delay: 1.3s}
#why .sub_visual .bg .line14{animation-delay: 1.4s}
#why .sub_visual .bg .line15{animation-delay: 1.5s}
#why .sub_visual .bg .line16{animation-delay: 1.6s}
#why .sub_visual .bg .line17{animation-delay: 1.7s}
#why .sub_visual .bg .line18{animation-delay: 1.8s}
#why .sub_visual .bg .line19{animation-delay: 1.9s}
#why .sub_visual .bg .line20{animation-delay: 2.0s}
#why .sub_visual .bg .line21{animation-delay: 2.1s}
#why .sub_visual .bg .line22{animation-delay: 2.2s}
#why .sub_visual .bg .line23{animation-delay: 2.3s}
#why .sub_visual .bg .line24{animation-delay: 2.4s}
#why .sub_visual .bg .line25{animation-delay: 2.5s}
#why .sub_visual .bg .line26{animation-delay: 2.6s}
#why .sub_visual .s_txt{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#why .why_tit span{display: block;font-size: 30px;color: #FF5700;font-size: 30px;font-family: "scotch-display", sans-serif;margin-bottom: 10px;font-weight: 600}
#why .why_tit span > *{font-family: "scotch-display", sans-serif;}
#why .why_tit strong{font-size: 60px;color: #57413B;line-height: 80px;}
#why .inner{width: 1620px;margin: 0 auto;}
#why .con01 .wrap .line_w{position: absolute;;top: 50%;transform: translate(0%,-50%);width: 100%}
#why .con01 .wrap .line_w .line{position: relative;width: 95%;height: 1px;background: #FFAA7E;margin: 0 auto;transition: 3s;transition-delay: 1.2s}
#why .con01.on .wrap .line_w {opacity: 1}
#why .con01.on .wrap .line_w .line{width: 40%}
#why .con01.on .wrap .line_w .line > div{width: 1px;height: 30px;position: absolute;top: 50%;transform: translateY(-50%);background: #FFAA7E}
#why .con01.on .wrap .line_w .line > div.left{left: 0}
#why .con01.on .wrap .line_w .line > div.right{right: 0}
#why .con01 .wrap ul li{opacity: 0}
#why .con01 .wrap ul li strong{opacity: 1;letter-spacing: 60px;transition: 3s;opacity: 0}
#why .con01.on .wrap ul li:nth-child(1){animation: device_text01 3s;animation-fill-mode: forwards}
#why .con01.on .wrap ul li:nth-child(2){animation: device_text02 3s;animation-fill-mode: forwards}
#why .con01.on .wrap ul li:nth-child(3){animation: device_text03 3s;animation-fill-mode: forwards}
#why .con01.on .wrap ul li:nth-child(4){animation: device_text04 3s;animation-fill-mode: forwards}
@keyframes device_text01{
    0%{opacity: 0}
    8%{opacity: 1}
    17%{opacity: 1}
    25%{opacity: 0}
    100%{opacity: 0}
}

@keyframes device_text02{
    0%{opacity: 0}
    17%{opacity: 0}
    25%{opacity: 1}
    41%{opacity: 1}
    50%{opacity: 0}
    100%{opacity: 0}
}

@keyframes device_text03{
    0%{opacity: 0}
    45%{opacity: 0}
    52%{opacity: 1}
    69%{opacity: 1}
    75%{opacity: 0}
    100%{opacity: 0}
}

@keyframes device_text04{
    0%{opacity: 0}
    65%{opacity: 0}
    77%{opacity: 1}
    100%{opacity: 1}
}
#why .con01.on .wrap ul li strong{opacity: 1;letter-spacing: 0;opacity: 1}
#why .con01 .wrap{position: relative;height: 100vh;}
#why .con01 .wrap ul li{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#why .con01 .wrap ul li strong{ background-image: url(/img/why/device_bg.jpg);-webkit-text-fill-color: transparent;-webkit-background-clip: text;font-size: 300px;font-weight: 600;font-family: "scotch-display", sans-serif;}
#why .con01 .wrap .de_txt_w strong{ background-image: url(/img/why/device_bg.jpg);-webkit-text-fill-color: transparent;-webkit-background-clip: text;font-size: 300px;font-weight: 600;font-family: "scotch-display", sans-serif;display: block;text-align: center;opacity: 0;filter: blur(40px);opacity: 0;transition: 1s;letter-spacing: 30px;background-attachment: fixed}
#why .con01.on .wrap .de_txt_w strong{opacity: 1;filter: blur(0);letter-spacing: 0}

#why .con01 .wrap .device_txt{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%}
#why .con01 .wrap .de_txt_w{height: 335px;overflow: hidden;width: 100%;position: relative}
#why .con01 .wrap .de_txt_w div{position: absolute;width: 100%;position: absolute;top: 0%;transition: 3s;transition-delay: 1.2s}
#why .con01.on .wrap .de_txt_w div{top: -317%}
#why .con02 .swiper{height: 380px;}
#why .con02 .icon_wrap{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}
#why .con02 .icon_wrap .icon_box{position: relative;width: 300px;height: 160px;margin: 0 auto}
#why .con02 .icon_wrap .icon_box .base{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 300px;height: 160px;background: url(/img/why/device_bg.png);border-radius: 20px;border: 1px solid #FF5700;animation: 12s sqaureimg linear infinite}
#why .con02 .icon_wrap .icon_box .width_txt{position: absolute;width: 100%;height: 1px;background: #FF5700;top: -19px;}
#why .con02 .icon_wrap .icon_box .width_txt:before{content: '';display: block;width: 1px;height: 10px;background: #FF5700;position: absolute;left: 0;top: -5px;}
#why .con02 .icon_wrap .icon_box .width_txt:after{content: '';display: block;width: 1px;height: 10px;background: #FF5700;position: absolute;right: 0;top: -5px;}
#why .con02 .icon_wrap .icon_box .height_txt{position: absolute;width: 1px;height: 100%;background: #FF5700;right: -19px;}

#why .con02 .icon_wrap .icon_box .height_txt:before{content: '';display: block;width: 10px;height: 1px;background: #FF5700;position: absolute;left: -5px;top: 0px;}
#why .con02 .icon_wrap .icon_box .height_txt:after{content: '';display: block;width: 10px;height: 1px;background: #FF5700;position: absolute;left: -5px;bottom: 0px;}


#why .con02 .icon_wrap .icon_box .width_txt span{position: absolute;background: #fff;left: 50%;transform: translateX(-50%);font-size: 14px;color: #FF5700;width: 55px;text-align: center;top: -9px;}
#why .con02 .icon_wrap .icon_box .height_txt span{position: absolute;background: #fff;left: 50%;transform: translate(-50%,-50%);font-size: 14px;color: #FF5700;text-align: center;top: -9px;writing-mode: vertical-rl;top: 50%;height: 60px;}
#why .con02 .icon_wrap .icon_box .width_txt span{opacity: 0}
#why .con02 .icon_wrap .icon_box .width_txt span.device_size01{animation: 12s device_text01 linear infinite}
#why .con02 .icon_wrap .icon_box .width_txt span.device_size02{animation: 12s device_text02 linear infinite}
#why .con02 .icon_wrap .icon_box .width_txt span.device_size03{animation: 12s device_text03 linear infinite}
#why .con02 .icon_wrap .icon_box .width_txt span.device_size04{animation: 12s device_text04 linear infinite;width: 35px;}
#why .con02 .icon_wrap .icon_box .cir{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)}

#why .con02 .icon_wrap .icon_box .cir01 circle:nth-child(1){transform: translate(614px, 314px) scale(0); animation: 12s circle_txt01_01 linear infinite}
#why .con02 .icon_wrap .icon_box .cir01 circle:nth-child(2){transform: translate(634px, 314px) scale(0); animation: 12s circle_txt01_02 linear infinite}
#why .con02 .icon_wrap .icon_box .cir01 circle:nth-child(3){transform: translate(604px, 284px) scale(0); animation: 12s circle_txt01_03 linear infinite}
#why .con02 .icon_wrap .icon_box .cir01 circle:nth-child(4){transform: translate(634px, 304px) scale(0); animation: 12s circle_txt01_04 linear infinite}


#why .con02 .icon_wrap .icon_box .cir02 circle:nth-child(1){transform: translate(614px, 314px) scale(0); animation: 12s circle_txt02_01 linear infinite}
#why .con02 .icon_wrap .icon_box .cir02 circle:nth-child(2){transform: translate(634px, 304px) scale(0); animation: 12s circle_txt02_02 linear infinite}

#why .con02 .icon_wrap .icon_box .cir03 circle:nth-child(1){transform: translate(614px, 314px) scale(0);  animation: 12s circle_txt03_01 linear infinite}
#why .con02 .icon_wrap .icon_box .cir03 circle:nth-child(2){transform: translate(604px, 284px) scale(0);  animation: 12s circle_txt03_02 linear infinite}
#why .con02 .icon_wrap .icon_box .cir03 circle:nth-child(3){transform: translate(634px, 304px) scale(0);  animation: 12s circle_txt03_03 linear infinite}

#why .con02 .icon_wrap .icon_box .cir04 circle:nth-child(1){transform: translate(614px, 314px) scale(0); animation: 12s circle_txt04_01 linear infinite}

/*#why .con02 .icon_wrap .icon_box circle{transform-origin: center center}*/



@keyframes sqaureimg{
    0%{width: 300px;height: 160px;}
    20%{width: 300px;height: 160px;}
    25%{width: 160px;height: 80px;border-radius: 12px}
    45%{width: 160px;height: 80px;border-radius: 12px}
    50%{width: 120px;height: 180px;border-radius: 12px;}
    70%{width: 120px;height: 180px;border-radius: 12px;}
    75%{width: 60px;height: 120px;border-radius: 8px}
    95%{width: 60px;height: 120px;border-radius: 8px}
    100%{width: 300px;height: 160px;border-radius: 20px;}
}

@keyframes circle_txt01_01{
    0%{transform: translate(619px, 319px) scale(0)}
    2%{transform: translate(614px, 314px) scale(1)}
    14%{transform: translate(614px, 314px) scale(1)}
    16%{transform: translate(619px, 319px) scale(0)}
    100%{transform: translate(619px, 319px) scale(0)}
}


@keyframes circle_txt01_02{
    0%{transform: translate(644px, 324px) scale(0)}
    1%{transform: translate(644px, 324px) scale(0)}
    3%{transform: translate(634px, 314px) scale(1)}
    15%{transform: translate(634px, 314px) scale(1)}
    17%{transform: translate(644px, 324px) scale(0)}
    100%{transform: translate(634px, 314px) scale(0)}
}
@keyframes circle_txt01_03{
    0%{transform: translate(611.5px, 291.5px) scale(0)}
    2%{transform: translate(604px, 284px) scale(1)}
    4%{transform: translate(604px, 284px) scale(1)}
    16%{transform: translate(604px, 284px) scale(1)}
    18%{transform: translate(611.5px, 291.5px) scale(0)}
    100%{transform: translate(611.5px, 291.5px) scale(0)}
}
@keyframes circle_txt01_04{
    0%{transform: translate(636.5px, 306.5px) scale(0)}
    3%{transform: translate(634px, 304px) scale(1)}
    5%{transform: translate(634px, 304px) scale(1)}
    17%{transform: translate(634px, 304px) scale(1)}
    20%{transform: translate(636.5px, 306.5px) scale(0)}
    100%{transform: translate(636.5px, 306.5px) scale(0)}
}

@keyframes circle_txt02_01{
    0%{transform: translate(619px, 319px) scale(0)}
    25%{transform: translate(619px, 319px) scale(0)}
    27%{transform: translate(614px, 314px) scale(1)}
    42%{transform: translate(614px, 314px) scale(1)}
    44%{transform: translate(619px, 319px) scale(0)}
    100%{transform: translate(619px, 319px) scale(0)}
}

@keyframes circle_txt02_02{
    0%{transform: translate(634px, 304px) scale(0)}
    26%{transform: translate(634px, 304px) scale(0)}
    28%{transform: translate(634px, 304px) scale(1)}
    43%{transform: translate(634px, 304px) scale(1)}
    45%{transform: translate(634px, 304px) scale(0)}
    100%{transform: translate(634px, 304px) scale(0)}
}
@keyframes circle_txt03_01{
    0%{transform: translate(616.5px, 316.5px) scale(0)}
    50%{transform: translate(616.5px, 316.5px) scale(0)}
    52%{transform: translate(614px, 314px) scale(1)}
    65%{transform: translate(614px, 314px) scale(1)}
    67%{transform: translate(616.5px, 316.5px) scale(0)}
    100%{transform: translate(616.5px, 316.5px) scale(0)}
}

 @keyframes circle_txt03_02{
    0%{transform: translate(611.5px, 291.5px) scale(0)}
    50%{transform: translate(611.5px, 291.5px) scale(0)}
    57%{transform: translate(604px, 284px) scale(1)}
    66%{transform: translate(604px, 284px) scale(1)}
    68%{transform: translate(611.5px, 291.5px) scale(0)}
    100%{transform: translate(611.5px, 291.5px) scale(0)}
}
@keyframes circle_txt03_03{
    0%{transform: translate(636.5px, 306.5px) scale(0)}
    52%{transform: translate(636.5px, 306.5px) scale(0)}
    54%{transform: translate(634px, 304px) scale(1)}
    67%{transform: translate(634px, 304px) scale(1)}
    69%{transform: translate(636.5px, 306.5px) scale(0)}
    100%{transform: translate(636.5px, 306.5px) scale(0)}
}
@keyframes circle_txt04_01{
    0%{transform: translate(619px, 319px) scale(0)}
    75%{transform: translate(619px, 319px) scale(0)}
    77%{transform: translate(614px, 314px) scale(1)}
    93%{transform: translate(614px, 314px) scale(1)}
    95%{transform: translate(619px, 319px) scale(0)}
    100%{transform: translate(614px, 314px) scale(0)}
}

@keyframes device_text01{
    0%{opacity: 0}
    3%{opacity: 1}
    20%{opacity: 1}
    22%{opacity: 0}
    100%{opacity: 0}
}
@keyframes device_text02{
    0%{opacity: 0}
    23%{opacity: 0}
    25%{opacity: 1}
    48%{opacity: 1}
    50%{opacity: 0}
    100%{opacity: 0}
}
@keyframes device_text03{
    0%{opacity: 0}
    48%{opacity: 0}
    50%{opacity: 1}
    73%{opacity: 1}
    75%{opacity: 0}
    100%{opacity: 0}
}
@keyframes device_text04{
    0%{opacity: 0}
    73%{opacity: 0}
    75%{opacity: 1}
    98%{opacity: 1}
    100%{opacity: 0}
}

#why .con02 {position: relative;text-align: right;padding: 150px 0}
#why .con02 .inner{position: relative}
#why .con02 .why_tit{position: absolute;left: 0;text-align: left;top: 50%;transform: translateY(-50%)}
#why .con02 .slide_area{width: 513px;display: inline-block;text-align: left}
#why .con02 .slide_area .wrap{height: 85px;position: relative}
#why .con02 .slide_area .wrap p{font-size: 30px;color: #57413B;font-weight: 600;line-height: 45px;position: absolute;top: 50%;transform: translateY(-50%);opacity: 0.1;transition: 1s}
#why .con02 .slide_area  .swiper-slide-next .wrap p{opacity: 1}
#why .con02.con02_01 .slide_area{display: block;text-align: right}
#why .con02 .slide_area .wrap p{width: 100%}
#why .con02.con02_01 .why_tit{text-align: right;left: auto;right: 0}
#why .con02.con02_00 .icon_area{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#why .con02.con02_00 .icon_area .icon{position: relative}
#why .con02.con02_00 .icon_area .icon .box{width: 300px;height: 200px;border: 1px solid #FF5700;border-radius: 20px;}
#why .con02.con02_00 .icon_area .icon .cir01{width: 50px;height: 50px;position: absolute;left: 50%;margin-left: -25px;background: #FF5700;border-radius: 50%;margin-top: -25px;top: 0%}
#why .con02.con02_00 .icon_area .icon .cir02{width: 100px;height: 100px;position: absolute;bottom: 50%;margin-left: -50px;;border-radius: 50%;margin-bottom: -50px;border: 1px solid #FFDDCC;left: 50%;animation: 10s }
#why .con02.con02_01 .icon_area{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#why .con02.con02_01 .icon_area .base{position: relative}
#why .con02.con02_01 .icon_area .base .guide01{position: absolute;left: 0;top: -32px}
#why .con02.con02_01 .icon_area .base .guide02{position: absolute;top: 0;right: -32px}
#why .con02.con02_01 .icon_area .cir{position: absolute;left: 50%;top: 50%;}
#why .con02.con02_01 .icon_area .cir i{display: block;background: #FF5700;border-radius: 50%}
#why .con02.con02_01 .icon_area .cir01 i{width: 10px;height: 10px;}
#why .con02.con02_01 .icon_area .cir02 i{width: 20px;height: 20px;}
#why .con02.con02_01 .icon_area .cir03 i{width: 30px;height: 30px;}
#why .con02.con02_01 .icon_area .cir04 i{width: 40px;height: 40px;}
#why .con02.con02_01 .icon_area .cir01{transform: translate(-0px,-13px)}
#why .con02.con02_01 .icon_area .cir02{transform: translate(-20px,-2px)}
#why .con02.con02_01 .icon_area .cir03{transform: translate(-30px,-33px)}
#why .con02.con02_01 .icon_area .cir04{transform: translate(0,-2px)}
#why .con03 .wrap{overflow: hidden;height: 100vh;position: relative}
#why .con03 .video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#why .con03 .video video{width: 1920px;}
#why .con03 .txt ul li{width: 1100px;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;perspective: 300px}
#why .con03 .txt ul li strong{display: block;text-align: center;color: #FFFFFF;font-size: 140px;font-family: "scotch-display", sans-serif;font-weight: 600;text-shadow: 0 0 2px #EBE0D7;text-shadow: 0 0 30px rgba(255,87,0,0.6)}
#why .con01 .wrap .line_w{opacity: 0;transition: 1s}
#why .con012.on .wrap .line_w{opacity: 1}

#why .con03 .txt ul li{perspective: 1200px}
#why .con03 .txt ul li:nth-child(1) strong{animation: text 10s infinite linear}
#why .con03 .txt ul li:nth-child(2) strong{animation: text2 10s infinite linear}
#why .con03 .txt ul li:nth-child(3) strong{animation: text3 10s infinite linear}
#why .con03 .txt ul li:nth-child(4) strong{animation: text4 10s infinite linear}
@keyframes text{
    0%{transform:translateX(-50%)rotateY(-90deg);opacity: 0}
    12.5%{transform:translateX(0%) rotateY(0deg);opacity: 1}
    25%{transform:translateX(50%) rotateY(90deg);opacity: 0}
    100%{transform:translateX(50%) rotateY(90deg);opacity: 0}

}

@keyframes text2{
    0%{transform:translateX(-50%)rotateY(-90deg);opacity: 0}
    25%{transform:translateX(-50%)rotateY(-90deg);opacity: 0}
    37.5%{transform:translateX(0%) rotateY(0deg);opacity: 1}
    50%{transform:translateX(50%) rotateY(90deg);opacity: 0}
    100%{transform:translateX(50%) rotateY(90deg);opacity: 0}
}

@keyframes text3{
     0%{transform:translateX(-50%)rotateY(-90deg);opacity: 0}
    50%{transform:translateX(-50%)rotateY(-90deg);opacity: 0}
    62.5%{transform:translateX(0%) rotateY(0deg);opacity: 1}
    75%{transform:translateX(50%) rotateY(90deg);opacity: 0}
    100%{transform:translateX(50%) rotateY(90deg);opacity: 0}
}
@keyframes text4{
     0%{transform:translateX(-50%)rotateY(-90deg);opacity: 0}
    75%{transform:translateX(-50%)rotateY(-90deg);opacity: 0}
    87.5%{transform:translateX(0%) rotateY(0deg);opacity: 1}
    100%{transform:translateX(50%) rotateY(90deg);opacity: 0}
/*
    0%{transform: rotateY(90deg);opacity: 0}
    66%{transform: rotateY(90deg);opacity: 0}
    82.5%{transform: rotateY(0deg);opacity: 1}
    100%{transform: rotateY(-90deg);opacity: 0}

*/
/*
    0%{transform:translateX(-50%)rotateY(-90deg);opacity: 0}
    66%{transform:translateX(-50%)rotateY(-90deg);opacity: 0}
    82.5%{transform:translateX(0%) rotateY(0deg);opacity: 1}
    100%{transform:translateX(50%) rotateY(90deg);opacity: 0}
*/
}
#why .con04{padding-top: 180px;}
#why .con04 .wrap{position: relative;width: 1200px;margin: 0 auto;}
#why .con04 .title{margin-bottom: 100px;}
#why .con04 .title strong{display: block;text-align: center;font-size: 48px;color: #57413B;line-height: 72px;font-weight: 600}
#why .con04 .h_title strong{text-align: center;display: block}
#why .con04 .wrap{position: relative}
#why .con04 .wrap .txt{position: absolute;top: 50%;transform: translateY(-50%);mix-blend-mode: difference;}
#why .con04 .wrap .txt strong{display: block;font-size: 100px;color: #FF5700;font-family: "scotch-display", sans-serif;margin-bottom: 10px;}
#why .con04 .wrap .txt p{display: block;font-size: 30;color: #AA9F9C;line-height: 45px;font-size: 30px;}
#why .con04 .wrap.list01{margin-bottom: 100px;}
#why .con04 .wrap.list01 .txt{left: 41.6%}
#why .con04 .wrap.list01 .txt p{padding-left: 150px;}
#why .con04 .wrap.list02{text-align: right}
#why .con04 .wrap.list02 .txt{right: 41.6%}
#why .con04 .wrap.list02 .txt p{position: relative;right: 120px;}
#why .con04 .title2{text-align: center;margin-top: 90px;}
#why .con04 .title2 p{color: #57413B;font-size: 48px;line-height: 72px;font-weight: 600}
#why .con04 .title2 p span{color: #FF5700;transform: rotate(25deg);display: inline-block}
#why .con05{padding-top: 350px;}
#why .h_title{margin-bottom: 120px;text-align: center}
#why .h_title span{display: block;font-size: 30px;font-weight: 600;color: #FF5700;margin-bottom: 10px;font-family: "scotch-display", sans-serif;}
#why .h_title span > *{font-family: "scotch-display", sans-serif;}
#why .h_title strong{font-size: 60px;color: #57413B;line-height: 80px;}
#why .con05 .wrap{display: flex;  align-items: center;margin-bottom: 200px;}
#why .con05 .wrap.right{flex-direction: row-reverse}
#why .con05 .wrap > div{width: 50%; }
#why .con05 .wrap > div.img_w{position: relative;text-align: right}
#why .con05 .wrap.right > div.img_w{text-align: left}
#why .con05 .wrap > div.img_w .img02{position: absolute;bottom: -200px;left: 0}
#why .con05 .wrap.right > div.img_w .img02{left: auto;right: 0}
#why .con05 .wrap > div.img_w .img01{display: inline-block}

#why .con05 .wrap > div.img_w .img01 div{width: 600px;height: 600px;overflow: hidden;border-radius: 50%}
#why .con05 .wrap > div.img_w .img01 video{width: 100%;transform: scale(1.01)}
#why .con05 .wrap > div.txt{position: relative;z-index: 2;mix-blend-mode : color-dodge;}
#why .con05 .wrap.right > div.txt{text-align: right}
#why .con05 .wrap > div.txt strong{display: block;font-size: 100px;color: #FF5700;font-family: "scotch-display", sans-serif;margin-left: -100px;}
#why .con05 .wrap.right > div.txt strong{text-align: right;margin-left: auto;margin-right: -100px;}
#why .con05 .wrap > div.txt p{font-size: 30px;color: #AA9F9C;line-height: 45px;padding-left: 50px;}
#why{background: #fff}
#why .con05{padding-bottom: 300px;}
#why .con05 .wrap.right > div.txt p{padding-left: 0;padding-right: 50px;}
#why .con05 .wrap.work_list05 {margin-bottom: 0}
#why .con06{padding-bottom: 150px;}
#why .more_btn a:before{content: '';display: block;width: 100%;height: 125%;background: url(/img/why/wave.png);position: absolute;bottom: 0;left: 0;transform: translateY(100%);transition: 1s}
#why .more_btn a:hover:before{transform: translateY(0%);}
#why .more_btn a{display: block;width: 200px;margin: 0 auto;overflow: hidden;border: 1px solid #FF5700;border-radius: 50%;position: relative}
#why .more_btn a strong{display: block;position: relative;width: 100%;line-height: 200px;text-align: center;font-size: 30px;color: #FF5700;font-family: "scotch-display", sans-serif;transition: 1s}
#why .more_btn a:hover strong{color: #fff}
#why .more_btn{ margin-bottom: 180px; }
#why .con06 .txt_line{overflow: hidden;margin-top: 0;}
#why .con06 .txt_line div{position: relative;height: 45px;margin-top: 80px;}
#why .con06 .txt_line ul{display: flex;width: auto;position: absolute;width: 20000px;animation: left 70s infinite linear;left: 0}
#why .con06 .txt_line ul li{font-size: 36px;color: #AA9F9C;padding: 0 50px;position: relative;font-weight: 600}
#why .con08{position: relative;z-index: 22;height: 1120px;margin-top: 330px;}
#why .con08 .service_list > ul > li{position: absolute;left: 50%;top: 50%}
#why .con08 .service_list > ul > li .l_wrap{position: relative}
#why .con08 .service_list > ul > li .bubble{position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%}
#why .con08 .service_list > ul > li.s_list01 .bubble img{width: 520px}
#why .con08 .service_list > ul > li.s_list02 .bubble img{width: 300px}
#why .con08 .service_list > ul > li.s_list03 .bubble img{width: 402px}
#why .con08 .service_list > ul > li.s_list04 .bubble img{width: 265px}
#why .con08 .service_list > ul > li.s_list05 .bubble img{width: 200px}
#why .con08 .service_list > ul > li.s_list06 .bubble img{width: 240px}
#why .con08 .service_list > ul > li.s_list07 .bubble img{width: 335px}
#why .con08 .service_list > ul > li.s_list08 .bubble img{width: 607px}
#why .con08 .service_list > ul > li.s_list09 .bubble img{width: 420px}
#why .con08 .service_list > ul > li.s_list10 .bubble img{width: 333px}
#why .con08 .service_list > ul > li.s_list11 .bubble img{width: 338px}

#why .con08 .service_list > ul > li.s_list01{margin-left: -773px;margin-top: -225px}
#why .con08 .service_list > ul > li.s_list02{margin-left: -335px;margin-top: -475px}
#why .con08 .service_list > ul > li.s_list03{margin-left: -650px;margin-top: 365px;z-index: 1}
#why .con08 .service_list > ul > li.s_list04{margin-left: -265px;margin-top: 52px}
#why .con08 .service_list > ul > li.s_list05{margin-left: -29px;margin-top: 120px}
#why .con08 .service_list > ul > li.s_list06{margin-left: 148px;margin-top: -162px}
#why .con08 .service_list > ul > li.s_list07{margin-left: 330px;margin-top: 195px}
#why .con08 .service_list > ul > li.s_list08{margin-left: 519px;margin-top: -133px;z-index: 1}
#why .con08 .service_list > ul > li.s_list09{margin-left: 60px;margin-top: -670px}
#why .con08 .service_list > ul > li.s_list10{margin-left: -405px;margin-top: 560px}
#why .con08 .service_list > ul > li.s_list11{margin-left: 95px;margin-top: 445px}
#why .con08 .service_list > ul > li .txt{position: relative;z-index: 2;text-align: center}
#why .con08 .service_list > ul > li .txt strong{display: block;font-size: 49px;font-family: "scotch-display", sans-serif;color: #fff;text-shadow: -1px -1px 0 #FF5700, 1px -1px 0 #FF5700, -1px 1px 0 #FF5700, 1px 1px 0 #FF5700}
#why .con08 .service_list > ul > li.s_list01 .txt strong, #why .con08 .service_list > ul > li.s_list08 .txt strong{font-size: 60px;}
#why .con08 .service_list > ul > li .txt p{font-size: 20px;color: #707070;margin-top: 10px;}
#why .con08 .h_title{position: relative;z-index: 5;padding-top: 170px;text-align: center}
#why .con07 {position: relative;padding-top: 0;background: #FCF7F2;padding-bottom: 135px;padding-top: 300px}
#why .con07 .swiper-slide{perspective: 700px;padding: 70px 0}
#why .con07 .swiper-slide .front{position: relative;position: absolute;width: 100%; backface-visibility: hidden;height: 100%}
#why .con07 .swiper-slide .wrap{transform: rotateY(-90deg);transition: 1s;height: 552px}

#why .con07 .swiper-slide .wrap2{position: relative;transform-style: preserve-3d;}
#why .con07.on .swiper-slide:hover .wrap2{transform: rotateY(180deg);}
#why .con07 .swiper-slide .wrap2 .back{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding-top: 50px;transform: rotateY(180deg); backface-visibility: hidden;height: 100%;}
#why .con07 .swiper-slide .wrap2 .back .back_wrap{position: relative;width: 100%;height: 100%;background: url(/img/why/card_bak_bg.jpg) center center;border-radius: 30px;box-shadow: 0 0 40px rgba(130,44,0,0.15)}
#why .con07 .swiper-slide .wrap2 .back .back_wrap .tag{position: absolute;top: -50px;;right: 0;z-index: -1;opacity: 0}
#why .con07 .swiper-slide .wrap2 .back .back_wrap .tag strong{display: inline-block;background: #C6A796;line-height: 55px;height:80px;border-radius: 10px 10px 0 0 ;width: 120px;text-align: center;font-size: 20px;color: #FFFFFF;}
#why .con07 .swiper-slide .wrap2 .back .back_wrap > .list{position: absolute;top: 50%;transform: translateY(-50%);padding: 0 35px;padding-right: 10px;}
#why .con07 .swiper-slide .wrap2 .back .back_wrap > .list ul li{margin-bottom: 25px;padding-left: 11px;position: relative}
#why .con07 .swiper-slide .wrap2 .back .back_wrap > .list ul li:before{content: '';display: block;width: 4px;height: 4px;background:#FB5500;position: absolute;left: 0;top: 7px;border-radius: 50%;z-index: 2}
#why .con07 .swiper-slide .wrap2 .back .back_wrap > .list ul li:after{content: '';display: block;width: 1px;height: 30px;background:#E9E0DD;position: absolute;left: 1.5px;top: 10px;}
#why .con07 .swiper-slide .wrap2 .back .back_wrap > .list ul li:last-child{margin-bottom: 0}
#why .con07 .swiper-slide .wrap2 .back .back_wrap > .list ul li span{display: block;font-size: 15px;font-weight: 600;color: #FB5500;margin-bottom: 5px;}
#why .con07 .swiper-slide .wrap2 .back .back_wrap > .list ul li p{font-size: 18px;line-height: 27px;color: #81716C;}
#why .con07 .member_list:before{transform: rotateY(-90deg);transform-origin: center center; transition: 1s;margin-left: -336px;}
#why .con07.on .member_list:before{transform: rotateY(0);transition: 1s}
#why .con07.on .swiper-slide .wrap{transform: rotateY(0);}
#why .con07 .member_list{position: relative;margin-top: -130px}
#why .con07 .member_list:before{content: '';display: block;width: 671px;height: 351px;background: url(/img/why/card_line2.png);position: absolute;left: 50%;top: -230px;}

#why .con07 .wrap .card{background: url(/img/why/member_bg.png) center center;width: 100%;padding-top: 150.5%;padding-bottom: 0}
#why .con07 .wrap .card .time{position: absolute;right: 0;transform: translateX(100%);top: 40px;}
#why .con07 .wrap .card .time text tspan{font-family: 'SUITE-Regular';font-weight: 500}
#why .con07 .wrap .tag{ display:flex; gap: 8px; }
#why .con07 .wrap .tag span{display: block;background: #FF5700;line-height: 45px;height:72px;border-radius: 10px 10px 0 0 ;padding: 0 15px;font-size: 16px;color: #FFFFFF;}
#why .con07 .wrap .tag .ings{ background-color: #915D43; }
#why .con07 .wrap .card{border-radius: 30px;margin-top: -30px;box-shadow: 0 0 40px rgba(0,0,0,0.1);position: relative;z-index: 2;text-align: center}
#why .con07 .wrap .card > div{position: absolute;width: 100%;top: 50%;transform: translateY(-50%)}
#why .con07 .wrap .card .mem{display: block;width: 220px;margin: 0 auto;border-radius: 50%;border: 1px solid #F2EAE6}
#why .con07 .wrap .card .mem img{display: block;}
#why .con07 .wrap .card .txt strong{display: block;color: #57413B;font-size: 24px;margin-top: 30px;}
#why .con07 .wrap .card .txt p:before{content: '';display: block;width: 50px;height: 1px;background: url(/img/why/card_line.png);margin: 0 auto;margin-top: 5px;margin-bottom: 11px;}
#why .con07 .wrap .card .txt p{display: block;color: #857A77;font-size: 18px;}
#why .con07 .wrap .card .txt p span{font-weight: 600;color: #FB5500}
#why .con07 .wrap .card .txt ul li{display: inline-block;font-size: 12px;color: #A59D9B;padding: 0 5px;}
#why .con07 .wrap .card .txt ul{margin-top: 10px;}
#why .con07 .wrap .card .txt ul li span{color: #FB5500;}
#why .con07 .wrap .card .txt ul li.line{display: block}
#why .con09{padding-top: 400px;}
#why .con09 .h_title{text-align: left}
#why .con09 ul{display: flex;flex-wrap: wrap}
#why .con09 ul li{width: 50%;padding-left: 50px;margin-bottom: 165px;position: relative}
#why .con09 ul li .tit{margin-bottom: 30px;position: relative}
#why .con09 ul li .tit span{position: absolute;left: -50px;bottom: 0;color: #fff;text-shadow: -1px -1px 0 #FFD5BF, 1px -1px 0 #FFD5BF, -1px 1px 0 #FFD5BF, 1px 1px 0 #FFD5BF;font-size: 100px;    font-family: "scotch-display", sans-serif;font-weight: 600;line-height: 1;animation: 2s tag_num infinite linear}
@keyframes tag_num{
    0%{transform: scale(1)}
    50%{transform: scale(0.9)}
    100%{transform: scale(1)}
/*
    75%{transform: scaleY(1.1)}
    100%{transform: scaleY(1)}
*/
}
#why .con09 ul li .tit span *{   font-family: "scotch-display", sans-serif;}
#why .con09 ul li .tit strong{display: block;font-size: 30px;color: #FF5700;position: relative;z-index: 2}
#why .con09 ul li .txt p{font-size: 20px;line-height: 40px;color: #AA9F9C;}
#why .con09 ul li:nth-child(2n){top: 185px}
#why .con09 .info{margin-top: -40px;}
#why .con09 .info p{color: #AA9F9C;font-size: 15px;padding-left: 20px}

@keyframes left{
    0%{left: 0}
    100%{left: -100%}
}
#why .con15{padding-top: 0}
#why .con15 .title_w{text-align: right;position: relative}
#why .con15 .title_w .img_box{position: relative;overflow: hidden;width: 80%;height: 600px;display: inline-block;border-radius: 300px 0 0 300px;transform: translate3d(0, 0, 0);background: #FF5700}
#why .con15 .title_w .img_box videp{border-radius: 300px 0 0 300px}
#why .con15 .title_w .img_box:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #FF5700;}
#why .con15 .title_w .img_box .video{background: #FF5700}
#why .con15 .title_w .img_box video{position: relative;z-index: 2;mix-blend-mode: overlay;-webkit-mix-blend-mode: overlay;opacity: 0.7}
#why .con15 .title_w .img_box div{border-radius: inherit; overflow: hidden;height: 100%;transform: translate3d(0, 0, 0);}
#why .con15 .title_w .txt_box{position: absolute;left: 50%;margin-left: -810px;top: 130px;text-align: left}
#why .con15 .title_w .txt_box ul li{font-size: 140px;line-height: 160px;color: #57413B;font-family: "scotch-display", sans-serif;font-weight: 600}
#why .con15 .title_w .txt_box ul li:nth-child(2){color: #FF5700}
#why .con15 .title_w .img_box .txt_box{z-index: 1;;left: 37.5%}
#why .con15 .title_w .img_box .txt_box ul li{color: #fff}
#why .con15{position: relative;padding-top: 0;overflow: hidden;background: #fff; }

#why .con15 .info{padding-left: 205px;color:#FFFFFF;font-size: 32px;line-height: 64px }
#why .con15 .list_w{padding-top: 175px;}
#why .con15 .list_w ul.list{padding-left: 50%;position: relative;padding-top: 65px;}
#why .con15 .list_w ul.list > li{position: relative;margin-bottom: 250px;}
#why .con15 .list_w ul.list > li:last-child{margin-bottom: 0}
#why .con15 .list_w ul.list > li:nth-child(1){margin-bottom: 135px}
#why .con15 .list_w ul.list > li .year{position: absolute;left: 0;top: -40px}
#why .con15 .list_w ul.list > li .year strong{font-size: 90px;color: #E7420E;}
/*#why .con15 .list_w ul.list:after{content: '';display: block;height: 100%;position: absolute;left: 622px;top: 0;width: 1px; background: #f8f8f8;z-index: -1}*/
#why .con15 .list_w ul.list > li .txt {padding-left: 65px;}
#why .con15 .list_w ul.list > li .txt > ul > li{position: relative;padding-left: 124px;margin-bottom: 55px;position: relative}
#why .con15 .list_w ul.list > li .txt > ul > li:hover{background: #fff;}
#why .con15 .list_w ul.list > li .txt > ul > li:last-child{margin-bottom: 0}
#why .con15 .list_w ul.list > li .txt > ul > li:before{content: '';display: block;width: 10px;height: 10px;background: #FF5700;border-radius: 50%;position: absolute;left: -4px;top: 14px;}
#why .con15 .list_w ul.list > li .txt > ul > li:after{content: '';display: block;width: 42px;height: 42px;border: 1px solid #ef4604;border-radius: 50%;position: absolute;left: -21px;top: -3px;animation: ripple 2s infinite}
@keyframes ripple{
    0%{transform: scale(0);opacity: 1}
    100%{transform: scale(1);opacity: 0}
}
#why .con15 .list_w ul.list > li .txt > ul > li .month{position: absolute;left: 45px;}
#why .con15 .list_w ul.list > li .txt > ul > li .month strong{font-size: 24px;color: #57413B;padding-top: 7px;display: block}
#why .con15 .list_w ul.list > li .txt > ul > li ul li{font-size: 24px;color: #57413B;line-height: 42px;width: 800px;margin-bottom: 25px;position: relative;}
#why .con15 .list_w ul.list > li .txt > ul > li ul li:last-child{margin-bottom: 0}
#why .con15 .list_w ul.list > li .txt > ul > li ul li div{margin-top: 7px;position: relative;}
#why .con15 .list_w ul.list > li .txt > ul > li ul li div p{font-size: 20px;line-height: 43px;position: relative;z-index: 2;transition: color 1s}
#why .con15 .list_w ul.list > li .txt > ul > li ul li div p.over_bg:hover{color: #ef4604;}
#why .con15 .list_w ul.list > li .txt > ul > li ul li div p.on{ mix-blend-mode: difference;color: #fff;font-weight: 300}
#why .con15 .list_w ul.list > li .txt > ul > li ul li div p.over_bg{cursor: pointer}
#why .con15 .list_w ul.list > li .txt > ul > li ul li i{position: absolute;left: 200px;top: -30px;display: block;transition: 0.8s;opacity: 0;transform: translateX(30px);z}
#why .con15 .list_w ul.list > li .txt > ul > li ul li i img{border-radius: 20px;overflow: hidden}
#why .con15 .list_w ul.list > li .txt > ul > li ul li i.on{opacity: 1;transform: translateX(0);}
#why .con15 .list_w ul.list > li .txt > ul > li ul li span{position: relative;z-index: 2}
#why .con15 .list_w ul.list > li .txt > ul > li ul li:hover span{mix-blend-mode: difference;color: #fff;}
#why .con15 .bg{z-index: 1}
#why .con15 .bg:after{width: 100%;transition: 1.9s;-webkit-transform: translateZ(0);will-change: width, margin, height, top, left, bottom, right, transform, opacity;}
#why .con15.on .bg:after{width: 315px}
#why .con15 .bg img{position: relative;z-index: -1}
#why .con15.on .slogon ul li{transform: rotateX(0);opacity: 1} */
#why .con15 .slogon ul li{position: relative;}
#why .con15 .slogon ul li:nth-child(1){transition-delay:  0.7s}
#why .con15 .slogon ul li:nth-child(2){transition-delay: 0.9s;}
#why .con15 .slogon ul li:nth-child(3){transition-delay: 1.1s}
#why .con15 .slogon ul li div{display: inline-block;position: relative;}
#why .con15 .slogon ul li div img{display: block;}
#why .con15 .slogon ul li:nth-child(1) div:before{content: '';display: block;width: 100%;height: 100%;background-size: auto 100%;position: absolute;background: url(/img/sub/copy_img01.png) left top;position: absolute;top: 0;background-size: auto 100%;left: 0}
#why .con15 .slogon ul li:nth-child(2) div:before{content: '';display: block;width: 100%;height: 100%;background-size: auto 100%;position: absolute;background: url(/img/sub/copy_img02.png)  left top;position: absolute;top: 0;background-size: auto 100%;left: 0}
#why .con15 .slogon ul li:nth-child(3) div:before{content: '';display: block;width: 100%;height: 100%;background-size: auto 100%;position: absolute;background: url(/img/sub/copy_img03.png)  left top;position: absolute;top: 0;background-size:  auto 100%;left: 0}
#why .con15 .slogon ul li:nth-child(1) div:before, #why .con15 .slogon ul li:nth-child(2) div:before, #why .con15 .slogon ul li:nth-child(3) div:before{transition: 1s;height: 100%;width: 0}
#why .con15.on .slogon ul li:nth-child(1) div:before, #why .con15.on .slogon ul li:nth-child(2) div:before, #why .con15.on .slogon ul li:nth-child(3) div:before{transition: 1.7s;width: 100%}
#why .con15.on .slogon ul li:nth-child(1) div:before{transition-delay: 1.3s}
#why .con15.on .slogon ul li:nth-child(2) div:before{transition-delay: 1.6s}
#why .con15.on .slogon ul li:nth-child(3) div:before{transition-delay: 1.9s}
#why .con15 .slogon ul li:nth-child(1) div:after, #why .con15 .slogon ul li:nth-child(2) div:after, #why .con15 .slogon ul li:nth-child(3) div:after{transition: 1s;height: 100%;width: 0}
#why .con15.on .slogon ul li:nth-child(1) div:after, #why .con15.on .slogon ul li:nth-child(2) div:after, #why .con15.on .slogon ul li:nth-child(3) div:after{transition: 1s;width: 100%}
#why .con15.on .slogon ul li:nth-child(1) div:after{transition-delay: 0.6s}
#why .con15.on .slogon ul li:nth-child(2) div:after{transition-delay: 0.9s}
#why .con15.on .slogon ul li:nth-child(3) div:after{transition-delay: 1.2s}
#why .con15 .info{transform: translateY(70px);opacity: 0;transition: 1.2s}
#why .con15.on .info{transform: translateY(0);opacity: 1;transition-delay: 1.4s}

#why .con15{background: none}

#why .con15 > .video{position: absolute;bottom: 0;transform: translate(-50%, 50%);opacity: 0.4;left: 50%}
#why .con15 > .video div{position: relative}
#why .con15 > .video div:after{content: '';display: block;width: 100%;height: 100%;background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1));;position: absolute;top: 0;left: 0}
#why .con06 > .video{position: absolute;bottom: 0;transform: translate(-50%, 50%);opacity: 0.4;left: 50%}
#why .con06 > .video div{position: relative}
#why .con06 > .video div:after{content: '';display: block;width: 100%;height: 100%;background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1));;position: absolute;top: 0;left: 0}

#why .con15 .port_btn {position: relative;z-index: 7;margin-top: 490px;}
#why .con15 .port_btn a{display: block;width: 300px;height: 150px;border-radius: 150px 150px 0 0;border: 1px solid #D6BFB9;margin: 0 auto;text-align: center;position: relative;position: relative;z-index: 2;background: #fff}
#why .con15 .port_btn a:after{content: '';display: block;width: 100%;height: 100%;border-radius: 150px 150px 0 0;    background: linear-gradient(to right, #FFB300, #E7420E);position: absolute;top: 0;left: 0;transform-origin: center bottom;transform: scale(0);transition: 1s}
#why .con15 .port_btn a:hover:after{transform: scale(1)}
#why .con15 .port_btn a div{position: relative;z-index: 2}
#why .con15 .port_btn a strong{display: block;line-height: 150px;font-size: 24px;color: #D6BFB9;font-family: "scotch-display", sans-serif;transition: 1s}
#why .port_btn {position: relative;z-index: 7;margin-top: 490px;}
#why .port_btn a{display: block;width: 300px;height: 150px;border-radius: 150px 150px 0 0;border: 1px solid #D6BFB9;margin: 0 auto;text-align: center;position: relative;position: relative;z-index: 2;background: #fff}
#why .port_btn a:after{content: '';display: block;width: 100%;height: 100%;border-radius: 150px 150px 0 0;    background: linear-gradient(to right, #FFB300, #E7420E);position: absolute;top: 0;left: 0;transform-origin: center bottom;transform: scale(0);transition: 1s}
#why .port_btn a:hover:after{transform: scale(1)}
#why .port_btn a div{position: relative;z-index: 2}
#why .port_btn a strong{display: block;line-height: 150px;font-size: 24px;color: #D6BFB9;font-family: "scotch-display", sans-serif;transition: 1s;padding-top: 8px;}
#why .con15.con15_non2 .port_btn a{border-bottom: none}
#why .con15 .port_btn a:hover strong{color: #fff}
#why .port_btn a:hover strong{color: #fff}

#why .con15.con15_btn .port_btn a{border-bottom: none}
#why .con15.con15_btn .port_btn{margin-top: 0;position: relative;z-index: 3}
#why .con15.con15_btn{padding-top: 260px;position: relative}
#why .con15.con15_btn:after{content: '';display: block;width: 100%;height: 100%;background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1))}
#why .con16 .wrap{position: relative;height: 100vh;overflow: hidden}
#why .con16 .wrap:after{content: '';display: block;width: 100%;height: 50%;background: url(/img/why/company_dim.png) no-repeat bottom left;position: absolute;bottom: 0;left: 0;transform: scaleY(0.6);transform-origin: bottom center;opacity: 0}
#why .con16 .wrap .img{position: absolute;right: 0;top: 0}
#why .con16 .wrap .img02{position: absolute;right: 0;top: 0;overflow: hidden;width: 100%;height: 100%;width: 100%}
#why .con16 .wrap .img03{position: absolute;right: 0;top: 0;;width: 100%;height: 100%;width: 100%;}
/*#why .con16 .wrap .img03:after{content: '';display: block;width: 734px;position: absolute;left: 0;transform: scaleX(0.7);transform-origin: center center; height: 100%;background: url(/img/why/over_dim.png);left: -367px}*/
#why .con16 .wrap .img03:after{content: '';display: block;width: 100%;position: absolute;left: 0;transform-origin: center center; height: 370px;;background: url(/img/why/over_dim2.png);bottom: -185px;left: 0}
#why .con16 .wrap .img02 .img_w{position: absolute;right: 0;top: 0}

#why .con16 .wrap .txt_w{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;padding: 0 100px;text-align: center;margin-top: 100px;}
#why .con16 .wrap .txt_w > div{position: relative;height: 113px;overflow: hidden}
#why .con16 .wrap .txt_w > div:after{content: '';display: block;width: 0%;height: 1px;background: #EBE0D7;position: absolute;left: 0;bottom: 0;transition: 3s}
#why .con16.on .wrap .txt_w > div:after{width: 100%}
#why .con16 .wrap .txt_w > div > div{display: inline-block}
#why .con16 .wrap .txt_w .text{margin-right: 30px;}
#why .con16 .wrap .txt_w .text > div{display: flex}
#why .con16 .wrap .txt_w .text > div div{font-size: 70px;color: #EC580B;font-family: "scotch-display", sans-serif;font-weight: 600}
#why .con16 .wrap .txt_w .pro{margin-left: 60px;}

/*motion*/
#why .sub_visual .bg{filter: blur(30px);transition: 1.5s}
#why .sub_visual.on .bg{filter: blur(0);}

#why .sub_visual .s_txt img{transform: rotateX(50deg);filter: blur(10px);transition: 1.2s;opacity: 0;display: block;transition-delay: 1.5s}
#why .sub_visual .s_txt strong{perspective: 300px;display: block}
#why .sub_visual.on .s_txt img{transform: rotateX(0);filter: blur(0);opacity: 1}


#why .sub_visual .s_txt svg{transform: rotateX(50deg);filter: blur(10px);transition: 1.2s;opacity: 0;display: block;transition-delay: 1.5s; width: auto}

#why .sub_visual.on .s_txt svg{transform: rotateX(0);filter: blur(0);opacity: 1}

#why .sub_visual.act .s_txt svg{;transition-delay: 0s;height: 27px}
#why .con02 .icon_area{perspective: 500px}
#why .con02 .icon_area .icon{transform: rotateX(50deg);opacity: 0;filter: blur(10px);position: relative}
#why .con02.on .icon_area .icon{transform: rotateX(0);opacity: 1;filter: blur(0);transition: 1.2s}

#why .con02 .slide_area{filter: blur(20px);opacity: 0}
#why .con02.on .slide_area{filter: blur(0);opacity: 1;transition: 1.5s;transition-delay: 0.4s}

#why .con04 .wrap .img_w{perspective: 1000px}
#why .con04 .wrap .img_w .img01{transform: rotateY(90deg);display: inline-block;opacity: 0;filter: blur(20px);transition: 1.2s;}
#why .con04 .wrap.on .img_w .img01{transform: rotateY(0);display: inline-block;opacity: 1;filter: blur(0)}

#why .con04 .wrap .txt strong{transform: translateX(100px);opacity: 0;transition: 1.2s}
#why .con04 .list02 .txt strong{transform: translateX(-100px);}
#why .con04 .wrap.on .txt strong{transform: translateX(0);opacity:1;transition-delay: 0.6s}
#why .con04 .wrap .txt p{transform: translateX(100px);opacity: 0;transition: 1.2s}
#why .con04 .list02 .txt p{transform: translateX(-100px)}
#why .con04 .wrap.on .txt p{transform: translateX(0);opacity:1;transition-delay: 1s}


#why .con04 .title2 p{transform: translateY(70px);opacity: 0;transition: 1.2s}
#why .con04 .title2.on p{transform: translateY(0);opacity: 1;}

#why .con04 .title2 p span{transition: 1s;}
#why .con04 .title2.on p span{transform: rotate(0deg);transition-delay: 0.6s}

#why .con05 .wrap > div.img_w .img01{perspective: 1000px}
#why .con05 .wrap > div.img_w .img01 div{transform: rotateY(90deg);display: inline-block;opacity: 0;filter: blur(20px);transition: 1.2s;}
#why .con05 .wrap.on > div.img_w .img01 div{transform: rotateY(0);display: inline-block;opacity: 1;filter: blur(0)}
#why .con05 .wrap > div.img_w .img02 div{transform: rotateY(90deg);display: inline-block;opacity: 0;filter: blur(20px);transition: 1.2s;}
#why .con05 .wrap.on > div.img_w .img02 div{transform: rotateY(0);display: inline-block;opacity: 1;filter: blur(0);transition-delay: 0.3s}


#why .con05 .wrap > div.txt strong{transform: translateX(100px);opacity: 0;transition: 1.2s}
#why .con05 .right > div.txt strong{transform: translateX(-100px);}
#why .con05 .wrap.on > div.txt strong{transform: translateX(0);opacity:1;transition-delay: 0.9s}

#why .con05 .wrap > div.txt p{transform: translateX(100px);opacity: 0;transition: 1.2s}
#why .con05 .right > div.txt p{transform: translateX(-100px);}

#why .con05 .wrap.on > div.txt p{transform: translateX(0);opacity:1;transition-delay: 1.2s}




#why .con08 .service_list > ul > li{transform: scale(0.8) translateY(80px);opacity: 0;transition: 1.2s}
#why .con08.on .service_list > ul > li{transform: scale(1) translateY(0);opacity: 1}

#why .con08.on .service_list > ul > li.s_list01{transition-delay: 0.2s}
#why .con08.on .service_list > ul > li.s_list02{transition-delay: 0.4s}
#why .con08.on .service_list > ul > li.s_list03{transition-delay: 0.6s}
#why .con08.on .service_list > ul > li.s_list04{transition-delay: 0.8s}
#why .con08.on .service_list > ul > li.s_list05{transition-delay: 1s}
#why .con08.on .service_list > ul > li.s_list06{transition-delay: 1.2s}
#why .con08.on .service_list > ul > li.s_list07{transition-delay: 1.4s}
#why .con08.on .service_list > ul > li.s_list08{transition-delay: 1.6s}
#why .con08.on .service_list > ul > li.s_list09{transition-delay: 1.8s}
#why .con08.on .service_list > ul > li.s_list10{transition-delay: 2s}
#why .con08.on .service_list > ul > li.s_list11{transition-delay: 2.2s}


#why .con08 .service_list > ul > li .l_wrap{display: block;animation: bubble 4s infinite }
#why .con08 .service_list > ul > li.s_list05 .l_wrap{display: block;animation: bubble 3.5s infinite linear}
#why .con08 .service_list > ul > li.s_list04 .l_wrap{display: block;animation: bubble 3.8s infinite linear}
#why .con08 .service_list > ul > li.s_list08 .l_wrap{display: block;animation: bubble 4.3s infinite linear}
#why .con08 .service_list > ul > li:nth-child(1) .l_wrap{animation-delay: 0.2s}
#why .con08 .service_list > ul > li:nth-child(3) .l_wrap{animation-delay: 0.3s}
#why .con08 .service_list > ul > li:nth-child(4) .l_wrap{animation-delay: 0.9s}
#why .con08 .service_list > ul > li:nth-child(5) .l_wrap{animation-delay: 0.6s}
#why .con08 .service_list > ul > li:nth-child(6) .l_wrap{animation-delay: 1.2s}
#why .con08 .service_list > ul > li:nth-child(7) .l_wrap{animation-delay: 0.3s}
@keyframes bubble{
    0%{transform: translateY(0) scale(1)}
    50%{transform: translateY(20px) scale(0.96);}
    100%{transform: translateY(0) scale(1)}
}
 #why > .sub_visual{position: fixed;z-index: 3}
 #why > .sub_visual.act{width: auto;height: auto;}
#why .sub_visual .s_txt{transition: 1.2s}
#why .sub_visual .s_txt img{width: 1030px}
#why .sub_visual .s_txt strong{transition: 1.2s}

#why .sub_visual.on .s_txt img{transition-delay: 0s}
#why .sub_visual.act .s_txt{left: 0;transform: translate(-25%, -50%)}
#why .sub_visual.act .s_txt img{width: 192px;}
#why .sub_visual.act .s_txt strong{transform: rotate(-90deg)}

#why .con02.con02_00 .icon_area .icon .cir01{animation: 2s icon_circle00 infinite}
#why .con02.con02_00 .icon_area .icon .cir02{animation: 2s icon_circle01 infinite}
@keyframes icon_circle00{
    0%{top: 50%;opacity: 1}
    70%{opacity: 1}
    100%{top: -10%;opacity: 1}
}
@keyframes icon_circle01{
    0%{bottom: 50%;opacity: 1}
    70%{opacity: 1}
    100%{bottom: -10%;opacity: 1}
}

#why .con02.on .icon_area .cir01 i{animation: icon_circle03 1.4s infinite linear ;transform: scale(0)}
#why .con02.on .icon_area .cir02 i{animation: icon_circle04 1.4s infinite linear ;transform: scale(0)}
#why .con02.on .icon_area .cir03 i{animation: icon_circle05 1.4s infinite linear ;transform: scale(0)}
#why .con02.on .icon_area .cir04 i{animation: icon_circle06 1.4s infinite linear ;transform: scale(0)}

@keyframes icon_circle03{
    0%{transform: scale(0)}
    20%{transform: scale(1)}
    100%{transform: scale(1)}
}
@keyframes icon_circle04{
    0%{transform: scale(0)}
    20%{transform: scale(0)}
    40%{transform: scale(1)}
    100%{transform: scale(1)}
}
@keyframes icon_circle05{
    0%{transform: scale(0)}
    40%{transform: scale(0)}
    60%{transform: scale(1)}
    100%{transform: scale(1)}
}
@keyframes icon_circle06{
     0%{transform: scale(0)}
    60%{transform: scale(0)}
    80%{transform: scale(1)}
    100%{transform: scale(1)}
}

#why ul.list > li .year{display: none;opacity: 1;margin-bottom: }
#why .con15 .list_w ul.list > li .year{position: static;margin-bottom: 20px;}
#why .con15 .list_w ul.list > li .year strong{color: #fff;text-shadow: -1px -1px 0 #FF5700, 1px -1px 0 #FF5700, -1px 1px 0 #FF5700, 1px 1px 0 #FF5700;font-size: 42px;    font-family: "scotch-display", sans-serif;}
#why .hidden_area{height: 0;overflow: hidden}
#why .hidden_area.on{height: auto}
#why .con05 .wrap > div.img_w .img01 div video{display: block;overflow: hidden;border-radius: 50%}
#why .con05 .wrap > div.img_w .img01{border-radius: 50%;overflow: hidden}
#why .con16{position: relative}
#why .con16:before{content: '';display: block;width: 100%;height: 15px;position: absolute;top: -7.5px;left: 0;background: #fff;z-index: 2}
#why .con16.on .wrap{overflow: hidden}
#why .con16 .wave_wrapper{position: absolute;top: 0;left: 0;z-index: 2;height: 600px;width: 100%;transform: rotate(180deg);height: 180px;}
#why .con16 .wrap .txt_w .text > div div{transform: translate3D(0, 100%, 0);transition: 1.2s}
#why .con16.on .wrap .txt_w .text > div div{transform: translate3D(0, 00%, 0);transition: 1.2s;will-change: transform;}
#why .con16.on .wrap .txt_w .text.since > div div{transform: translate3D(0, 0%, 0);}
#why .con16.on .wrap .txt_w .text.since > div div:nth-child(1){transition-delay: 0.3s}
#why .con16.on .wrap .txt_w .text.since > div div:nth-child(2){transition-delay: 0.4s}
#why .con16.on .wrap .txt_w .text.since > div div:nth-child(3){transition-delay: 0.5s}
#why .con16.on .wrap .txt_w .text.since > div div:nth-child(4){transition-delay: 0.6s}
#why .con16.on .wrap .txt_w .text.since > div div:nth-child(5){transition-delay: 0.7s}
#why .con16.on .wrap .txt_w .text.since > div div:nth-child(6){transition-delay: 0.8s}
#why .con16 .wrap .txt_w div strong{transform: translate3D(0, 100%, 0);transition: 1.5s;display: block}
#why .con16.on .wrap .txt_w div strong{transform: translate3D(0, 0%, 0);}
#why .con16.on .wrap .txt_w div.year strong{transition-delay: 1.2s}
#why .con16.on .wrap .txt_w div.project strong{transition-delay:  2.6s}
#why .con16.on .wrap .txt_w .text.pro > div div:nth-child(1){transition-delay: 1.5s}
#why .con16.on .wrap .txt_w .text.pro > div div:nth-child(2){transition-delay: 1.6s}
#why .con16.on .wrap .txt_w .text.pro > div div:nth-child(3){transition-delay: 1.7s}
#why .con16.on .wrap .txt_w .text.pro > div div:nth-child(4){transition-delay: 1.8s}
#why .con16.on .wrap .txt_w .text.pro > div div:nth-child(5){transition-delay: 1.9s}
#why .con16.on .wrap .txt_w .text.pro > div div:nth-child(6){transition-delay: 2.0s}
#why .con16.on .wrap .txt_w .text.pro > div div:nth-child(7){transition-delay: 2.1s}
#why .con16.on .wrap .txt_w .text.pro > div div:nth-child(8){transition-delay: 2.2s}
#why .con16.on .wrap .txt_w .text.pro > div div:nth-child(9){transition-delay: 2.3s}
#why .con17{height: 100vh}
#why .what{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%)}

#why .what svg{transform: rotateX(50deg);filter: blur(10px);transition: 1.2s;opacity: 0;display: block;width: auto}

#why .what.on svg{transform: rotateX(0);filter: blur(0);opacity: 1}
#why > .sub_visual{transition: 1s}
#why > .sub_visual.hid{opacity: 0}
/*overflow: hidden;*/
#why .flower_con{position: relative;height: 100vh;margin-top: 180px;}
#why .flower_con .txt_wrap{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;text-align: center}
#why .flower_con .txt_wrap ul li{font-size: 36px;color: #57413B;font-weight: 600;margin-bottom: 30px;display: flex; justify-content: center;}
#why .flower_con .txt_wrap ul li:last-child{margin-bottom: 0}
#why .flower_con .flower{width: 1620px;;margin: 0 auto}
#why .con15_top{padding-top: 0}

#why .flower_con #그룹_854{transform:translate(-367.153px,0);opacity: 0}
#why .flower_con #패스_1367{transform:translate(5905px, -17689.996px);opacity: 0}
#why .flower_con #그룹_859{transform:translate(5385px, -17689.996px);opacity: 0}
#why .flower_con #그룹_858{transform:translate(520px,0);opacity: 0}
#why .flower_con #그룹_858{transform:translate(520px,0);opacity: 0}
#why .flower_con #패스_1369{transform:translate(5905px, -17689.996px);opacity: 0}
#why .flower_con #그룹_855{transform:translate(-367.153px,0);opacity: 0}
#why .flower_con #패스_1373{transform:translate(5017.847px, -17689.996px);opacity: 0}
#why .flower_con #그룹_856{transform:translate(-367.153px,0);opacity: 0}
#why .flower_con #패스_1348{transform:translate(5017.847px, -17689.996px);opacity: 0}
#why .flower_con #그룹_857{transform:translate(520px,0);opacity: 0}
#why .flower_con #TOP_S_3{transform:translate(2.589px, -7.857px);opacity: 0}
#why .flower_con #TOP_S_2{transform:translate(-3.003px, 5.865px);opacity: 0}
#why .flower_con #패스_1353{transform:translate(5385px, -18188.947px);opacity: 0}
#why .flower_con #패스_1360{transform:translate(5385px, -18188.947px);opacity: 0}
#why .flower_con #BOT_BIG{opacity: 0;transition: 2s;transition-delay:  3.7s}
#why .flower_con.on #BOT_BIG{opacity: 1}


#why .flower_con .parts{position: absolute;left: 50%;top: 00%;transform: translate(-50%,00%);z-index: -1;transition: 3s}
#why .flower_con .parts.pc{display: block}
#why .flower_con .parts.mo{display: none}
#why .flower_con .parts #PARTICLE > g{animation: twi 1.2s infinite linear;opacity: 0}
@keyframes twi{
    0%{opacity: 0}
    50%{opacity: 1}
    100%{opacity: 0}
}

#why .flower_con .parts #PARTICLE > g:nth-child(1){animation-delay: 0.2s}
#why .flower_con .parts #PARTICLE > g:nth-child(2){animation-delay: 0.4s}
#why .flower_con .parts #PARTICLE > g:nth-child(3){animation-delay: 0.6s}
#why .flower_con .parts #PARTICLE > g:nth-child(4){animation-delay: 0.8s}
#why .flower_con .parts #PARTICLE > g:nth-child(5){animation-delay: 1s}
#why .flower_con .parts #PARTICLE > g:nth-child(6){animation-delay: 1.2s}
#why .flower_con .parts #PARTICLE > g:nth-child(7){animation-delay: 1.4s}
#why .flower_con .parts #PARTICLE > g:nth-child(8){animation-delay: 1.6s}
#why .flower_con .parts #PARTICLE > g:nth-child(9){animation-delay: 1.6s}
#why .flower_con .parts #PARTICLE > g:nth-child(10){animation-delay: 1.8s}
#why .flower_con .parts #PARTICLE > g:nth-child(11){animation-delay: 0.3s}
#why .flower_con .parts #PARTICLE > g:nth-child(12){animation-delay: 0.5s}
#why .flower_con .parts #PARTICLE > g:nth-child(13){animation-delay: 0.7s}
#why .flower_con .parts #PARTICLE > g:nth-child(14){animation-delay: 0.9s}
#why .flower_con .parts #PARTICLE > g:nth-child(15){animation-delay: 1.1s}
#why .flower_con .parts #PARTICLE > g:nth-child(16){animation-delay: 1.3s}
#why .flower_con .parts #PARTICLE > g:nth-child(17){animation-delay: 1.5s}
#why .flower_con.on .parts{transform: translate(-50%,0%) scale(1);}
#why .flower_con #그룹_854{transform:translate(-267.153px,-100px) ;opacity: 0;transition: 1.6s;transition-delay: 3.6s}
#why .flower_con #패스_1367{transform:translate(5725px, -17739.996px);opacity: 0;transition: 1.6s;transition-delay: 3.3s}
#why .flower_con #그룹_859{transform:translate(5385px, -17689.996px);opacity: 0;transition: 1.6s;transition-delay: 3.0s}
#why .flower_con #그룹_858{transform:translate(420px,-70px);opacity: 0;transition: 1.6s;transition-delay: 0s}
#why .flower_con #패스_1348{transform:translate(5197.847px, -17689.996px);opacity: 0;transition: 1.6s;transition-delay: 2.7s}
#why .flower_con #패스_1369{transform:translate(5805px, -17729.996px);opacity: 0;transition: 1.6s;transition-delay: 2.4s}
#why .flower_con #그룹_855{transform:translate(-277.153px,-50px);opacity: 0;transition: 1.6s;transition-delay: 2.1s}
#why .flower_con #패스_1373{transform:translate(5147.847px, -17779.996px);opacity: 0;transition: 1.6s;transition-delay: 1.8s}
#why .flower_con #그룹_856{transform:translate(-267.153px,-100px);opacity: 0;transition: 1.6s;transition-delay: 1.5s}
#why .flower_con #그룹_857{transform:translate(450px,-160px);opacity: 0;transition: 1.6s;transition-delay: 1.2s}
#why .flower_con #TOP_S_3{transform:translate(-97.411px, -57.857px);opacity: 0;transition: 1.6s;transition-delay: 0.9s}
#why .flower_con #TOP_S_2{transform:translate(56.997px, -94.135px);opacity: 0;transition: 1.6s;transition-delay: 0.6s}
#why .flower_con #패스_1353{transform:translate(5425px, -18258.947px);opacity: 0;transition: 1.6s;transition-delay: 0.3s}
#why .flower_con #패스_1360{transform:translate(5365px, -18228.947px);opacity: 0;transition: 1.6s;transition-delay: 0s}
#why .flower_con #BOT_BIG{opacity: 0}
#why .flower_con #사각형_194{opacity: 0}


#why .flower_con.on #그룹_854{transform:translate(-367.153px,0);opacity: 1}
#why .flower_con.on #패스_1367{transform:translate(5905px, -17689.996px);opacity: 1}
#why .flower_con.on #그룹_859{transform:translate(5385px, -17689.996px);opacity: 1}
#why .flower_con.on #그룹_858{transform:translate(520px,0);opacity: 1}
#why .flower_con.on #그룹_858{transform:translate(520px,0);opacity: 1}
#why .flower_con.on #패스_1369{transform:translate(5905px, -17689.996px);opacity: 1}
#why .flower_con.on #그룹_855{transform:translate(-367.153px,0);opacity: 1}
#why .flower_con.on #패스_1373{transform:translate(5017.847px, -17689.996px);opacity: 1}
#why .flower_con.on #그룹_856{transform:translate(-367.153px,0);opacity: 1}
#why .flower_con.on #패스_1348{transform:translate(5017.847px, -17689.996px);opacity: 1}
#why .flower_con.on #그룹_857{transform:translate(520px,0);opacity: 1}
#why .flower_con.on #TOP_S_3{transform:translate(2.589px, -7.857px);opacity: 1}
#why .flower_con.on #TOP_S_2{transform:translate(-3.003px, 5.865px);opacity: 1}
#why .flower_con.on #패스_1353{transform:translate(5385px, -18188.947px);opacity: 1}
#why .flower_con.on #패스_1360{transform:translate(5385px, -18188.947px);opacity: 1}


#why .flower_wrap{position: relative;height: 100vh}
#why .flower_con .flower{position: absolute;left: 50%;transform: translateX(-50%)}

/*
#why .flower_con .txt_wrap{transform: translateY(0%);transition: 4.6s}
#why .flower_con.on .txt_wrap{transform: translateY(-50%)}
*/

#why .flower_con .txt_wrap{z-index: 3}
/*#why .flower_con .txt_wrap ul li{opacity: 0;transition: 1.3s}*/
#why .flower_con .txt_wrap ul li div.mr{margin-right: 7px;}


#why .flower_con .txt_wrap ul li div{opacity: 0;transition: 1.3s}
#why .flower_con.on .txt_wrap ul li div{opacity: 1}
#why .flower_con.on .txt_wrap ul li:nth-child(1) div:nth-child(2){transition-delay: 0.1s}
#why .flower_con.on .txt_wrap ul li:nth-child(1) div:nth-child(3){transition-delay: 0.2s}
#why .flower_con.on .txt_wrap ul li:nth-child(1) div:nth-child(4){transition-delay: 0.3s}
#why .flower_con.on .txt_wrap ul li:nth-child(1) div:nth-child(5){transition-delay: 0.4s}
#why .flower_con.on .txt_wrap ul li:nth-child(1) div:nth-child(6){transition-delay: 0.5s}
#why .flower_con.on .txt_wrap ul li:nth-child(1) div:nth-child(7){transition-delay: 0.6s}
#why .flower_con.on .txt_wrap ul li:nth-child(1) div:nth-child(8){transition-delay: 0.7s}
#why .flower_con.on .txt_wrap ul li:nth-child(1) div:nth-child(9){transition-delay: 0.8s}
#why .flower_con.on .txt_wrap ul li:nth-child(1) div:nth-child(10){transition-delay: 0.9s}
#why .flower_con.on .txt_wrap ul li:nth-child(1) div:nth-child(11){transition-delay: 1s}
#why .flower_con.on .txt_wrap ul li:nth-child(1) div:nth-child(12){transition-delay: 1.1s}
#why .flower_con.on .txt_wrap ul li:nth-child(1) div:nth-child(13){transition-delay: 1.2s}
#why .flower_con.on .txt_wrap ul li:nth-child(1) div:nth-child(14){transition-delay: 1.3s}
#why .flower_con.on .txt_wrap ul li:nth-child(1) div:nth-child(15){transition-delay: 1.4s}
#why .flower_con.on .txt_wrap ul li:nth-child(1) div:nth-child(16){transition-delay: 1.5s}


#why .flower_con.on .txt_wrap ul li:nth-child(2) div:nth-child(1){transition-delay: 1.6s}
#why .flower_con.on .txt_wrap ul li:nth-child(2) div:nth-child(2){transition-delay: 1.7s}
#why .flower_con.on .txt_wrap ul li:nth-child(2) div:nth-child(3){transition-delay: 1.8s}
#why .flower_con.on .txt_wrap ul li:nth-child(2) div:nth-child(4){transition-delay: 1.9s}
#why .flower_con.on .txt_wrap ul li:nth-child(2) div:nth-child(5){transition-delay: 2.0s}
#why .flower_con.on .txt_wrap ul li:nth-child(2) div:nth-child(6){transition-delay: 2.1s}
#why .flower_con.on .txt_wrap ul li:nth-child(2) div:nth-child(7){transition-delay: 2.2s}
#why .flower_con.on .txt_wrap ul li:nth-child(2) div:nth-child(8){transition-delay: 2.3s}
#why .flower_con.on .txt_wrap ul li:nth-child(2) div:nth-child(9){transition-delay: 2.4s}
#why .flower_con.on .txt_wrap ul li:nth-child(2) div:nth-child(10){transition-delay: 2.5s}
#why .flower_con.on .txt_wrap ul li:nth-child(2) div:nth-child(11){transition-delay: 2.6s}
#why .flower_con.on .txt_wrap ul li:nth-child(2) div:nth-child(12){transition-delay: 2.7s}
#why .flower_con.on .txt_wrap ul li:nth-child(2) div:nth-child(13){transition-delay: 2.8s}
#why .flower_con.on .txt_wrap ul li:nth-child(2) div:nth-child(14){transition-delay: 2.9s}
#why .flower_con.on .txt_wrap ul li:nth-child(2) div:nth-child(15){transition-delay: 3.0s}


#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(1){transition-delay: 3.0s}
#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(2){transition-delay: 3.1s}
#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(3){transition-delay: 3.2s}
#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(4){transition-delay: 3.3s}
#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(5){transition-delay: 3.4s}
#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(6){transition-delay: 3.5s}
#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(7){transition-delay: 3.6s}
#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(8){transition-delay: 3.7s}
#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(9){transition-delay: 3.8s}
#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(10){transition-delay: 3.9s}
#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(11){transition-delay: 4.0s}
#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(12){transition-delay: 4.1s}
#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(13){transition-delay: 4.2s}
#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(14){transition-delay: 4.3s}
#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(15){transition-delay: 4.4s}
#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(16){transition-delay: 4.5s}
#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(17){transition-delay: 4.6s}
#why .flower_con.on .txt_wrap ul li:nth-child(3) div:nth-child(18){transition-delay: 4.7s}


#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(1){transition-delay: 4.8s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(2){transition-delay: 4.9s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(3){transition-delay: 5.0s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(4){transition-delay: 5.1s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(5){transition-delay: 5.2s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(6){transition-delay: 5.3s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(7){transition-delay: 5.4s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(8){transition-delay: 5.5s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(9){transition-delay: 5.6s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(10){transition-delay: 5.7s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(11){transition-delay: 5.8s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(12){transition-delay: 5.9s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(13){transition-delay: 6.0s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(14){transition-delay: 6.1s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(15){transition-delay: 6.2s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(16){transition-delay: 6.3s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(17){transition-delay: 6.4s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(18){transition-delay: 6.5s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(19){transition-delay: 6.6s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(20){transition-delay: 6.7s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(21){transition-delay: 6.8s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(22){transition-delay: 6.9s}
#why .flower_con.on .txt_wrap ul li:nth-child(4) div:nth-child(23){transition-delay: 7.0s}


#why .flower_con.on .txt_wrap ul li:nth-child(5) div:nth-child(1){transition-delay: 7.1s}
#why .flower_con.on .txt_wrap ul li:nth-child(5) div:nth-child(2){transition-delay: 7.2s}
#why .flower_con.on .txt_wrap ul li:nth-child(5) div:nth-child(3){transition-delay: 7.3s}
#why .flower_con.on .txt_wrap ul li:nth-child(5) div:nth-child(4){transition-delay: 7.4s}
#why .flower_con.on .txt_wrap ul li:nth-child(5) div:nth-child(5){transition-delay: 7.5s}
#why .flower_con.on .txt_wrap ul li:nth-child(5) div:nth-child(6){transition-delay: 7.6s}
#why .flower_con.on .txt_wrap ul li:nth-child(5) div:nth-child(7){transition-delay: 7.7s}
#why .flower_con.on .txt_wrap ul li:nth-child(5) div:nth-child(8){transition-delay: 7.8s}
#why .flower_con.on .txt_wrap ul li:nth-child(5) div:nth-child(9){transition-delay: 7.9s}
#why .flower_con.on .txt_wrap ul li:nth-child(5) div:nth-child(10){transition-delay: 8.0s}
#why .flower_con.on .txt_wrap ul li:nth-child(5) div:nth-child(11){transition-delay: 8.1s}
#why .flower_con.on .txt_wrap ul li:nth-child(5) div:nth-child(12){transition-delay: 8.2s}
#why .flower_con.on .txt_wrap ul li:nth-child(5) div:nth-child(13){transition-delay: 8.3s}
#why .flower_con.on .txt_wrap ul li:nth-child(5) div:nth-child(14){transition-delay: 8.4s}
#why .flower_con.on .txt_wrap ul li:nth-child(5) div:nth-child(15){transition-delay: 8.5s}
/*
#why .flower_con.on .txt_wrap ul li{opacity: 1}
#why .flower_con.on .txt_wrap ul li:nth-child(2){transition-delay: 0.8s}
#why .flower_con.on .txt_wrap ul li:nth-child(3){transition-delay: 1.6s}
#why .flower_con.on .txt_wrap ul li:nth-child(4){transition-delay: 2.4s}
#why .flower_con.on .txt_wrap ul li:nth-child(5){transition-delay: 3.2s}
*/
#why .con15_non2{padding-top: 0}
/*
#why .flower_con.on #그룹_854{transform:translate(-167.153px,-100px) ;opacity: 1}
#why .flower_con.on #패스_1367{transform:translate(5905px, -17689.996px);opacity: 1}
#why .flower_con.on #그룹_859{transform:translate(5385px, -17689.996px);opacity: 1}
#why .flower_con.on #그룹_858{transform:translate(520px,0);opacity: 1}
#why .flower_con.on #그룹_858{transform:translate(520px,0);opacity: 1}
#why .flower_con.on #패스_1369{transform:translate(5905px, -17689.996px);opacity: 1}
#why .flower_con.on #그룹_855{transform:translate(-367.153px,0);opacity: 1}
#why .flower_con.on #패스_1373{transform:translate(5017.847px, -17689.996px);opacity: 1}
#why .flower_con.on #그룹_856{transform:translate(-367.153px,0);opacity: 1}
#why .flower_con.on #패스_1348{transform:translate(5017.847px, -17689.996px);opacity: 1}
#why .flower_con.on #그룹_857{transform:translate(520px,0);opacity: 1}
#why .flower_con.on #TOP_S_3{transform:translate(2.589px, -7.857px);opacity: 1}
#why .flower_con.on #TOP_S_2{transform:translate(-3.003px, 5.865px);opacity: 1}
#why .flower_con.on #패스_1353{transform:translate(5385px, -18188.947px);opacity: 0}
#why .flower_con.on #패스_1360{transform:translate(5385px, -18188.947px);opacity: 1}
#why .flower_con.on #BOT_BIG{opacity: 0}
*/


#why .what.act {
    position: fixed;
    left: 0%;
    top: 50%;
    transform: translate(-28%, -50%);transition: 1.2s
}
#why .what .wrap{transition: 1.2s}
#why .what.act .wrap {
    transform: rotate(-90deg);
}

#why .what svg{width: auto;transition: 1.2s}
#why .what.act svg{height: 21px;width: auto}
.sc_send{bottom: 140px;left: 70px;}
@media (max-width: 1660px){
    #why .con08 .service_list > ul > li.s_list08{margin-left: 359px;margin-top: -203px;}
    #why .con08 .service_list > ul > li.s_list06{margin-left: 35px}
    #why .con08 .service_list > ul > li.s_list01{margin-left: -660px}
	#why .inner{width: 100%;padding: 0 20px;}
	#why .con02 .slide_area{width: 310px}
	#why .con02 .why_tit{padding: 0 20px}
	#why .con07 .swiper-slide .wrap{width: 340px;margin: 0 auto}
	#why .con15 .list_w ul.list{padding-left: 30%}
	#why .motion_year ul li{left: 20px;transform: translate(0,201px)}
	#why .con15 .title_w .img_box{width: 1190px;}
	#why .con15 .title_w .txt_box{margin-left: -245px;;left: 40%}
	#why .con15 .title_w .img_box .txt_box{margin-left: -245px;left: 0}
    #why .con15 .title_w .img_box{width: 60%}
    #why .con05 .wrap > div.img_w .img02 div{bottom: -100px;}
    #why .con05 .wrap > div.img_w .img02 div img{width: 300px;}
    #why .flower_con .flower{width: 1000px}
    #why .flower_con .flower svg{width: 100%;height: auto}

/*    #why .con15 .title_w .txt_box{margin-left: -380px}*/
}
@media (max-width: 1360px){
	#why .con01 .wrap .de_txt_w strong{font-size: 200px;}
	#why .con01 .wrap .de_txt_w{height: 237px}
	#why .con01.on .wrap .de_txt_w div{top: -297%}
	#why .why_tit span{font-size: 24px}
	#why .why_tit strong{font-size: 50px;line-height: 1.5}
	#why .con02 .slide_area .wrap p{font-size: 26px;line-height: 1.5}
	#why .con02 .slide_area{width: 240px;}
	#why .con03 .video video{width: 1600px}
	#why .con03 .txt ul li strong{font-size: 120px;}
	#why .h_title strong{font-size: 47px;line-height: 1.5}
	#why .con04 .wrap .img_w .img01 img{width: 500px;}
	#why .con04 .wrap .txt strong, #why .con05 .wrap > div.txt strong{font-size: 85px}
	#why .con04 .wrap .txt p, #why .con05 .wrap > div.txt p{font-size: 24px;line-height: 1.5}
	#why .con04 .wrap.list01 .txt{left: 33.6%}
	#why .con04 .wrap.list02 .txt{right: 33.6%}
	#why .con04 .wrap.list01 .txt p{padding-left: 130px;}
	#why .con05 .wrap > div.img_w .img01 div img{width: 500px;}
	#why .con05 .wrap > div.img_w .img02 div img{width: 300px}
/*    #why .con05 .wrap > div.img_w .img01 div{width: 100%}*/
    #why .con05 .wrap > div.img_w .img01 div video{height:100%;width: 100%;}
	#why .con05 .wrap > div.img_w .img02{bottom: -120px;}
	#why .con05 .wrap{margin-bottom: 150px;}
	#why .con04 .title2 p{font-size: 42px;line-height: 1.5}
	#why .con06 .txt_line ul{width: 20000px}
	#why .con09 ul li .txt p{font-size: 16px;line-height: 1.5}
	#why .con09 ul li .tit strong{font-size: 24px}
	#why .con09 ul li .tit span, #why .motion_year ul li span{font-size: 75px}
	#why .con15 .list_w ul.list > li .txt > ul > li ul li div p{font-size: 17px;line-height: 1.7}
	#why .con15 .list_w ul.list > li .txt > ul > li ul li{font-size: 20px;}
	#why .sub_visual .s_txt img{width: 800px}
	#why .sub_visual .bg svg{width: 600px;height: auto}
	#why .con04 .wrap{max-width: 100%}
    #why .con08 .service_list > ul > li.s_list08 .bubble img{width: 460px}
    #why .con08 .service_list > ul > li.s_list01 .bubble img{width: 440px}
    #why .con08 .service_list > ul > li.s_list03 .bubble img{width: 350px;}
    #why .con08 .service_list > ul > li .txt strong{font-size: 39px}
    #why .con08 .service_list > ul > li .txt p{font-size: 16px;}
    #why .con08 .service_list > ul > li.s_list09 .bubble img{width: 350px}
    #why .con08 .service_list > ul > li.s_list02 .bubble img{width: 270px}
    #why .con08 .service_list > ul > li.s_list02 .bubble img{width: 225px}
    #why .con08 .service_list > ul > li.s_list11 .bubble img{width: 365px}
    #why .con08 .service_list > ul > li.s_list03 {margin-left: -530px;margin-top: 215px;z-index: 1}
    #why .con08 .service_list > ul > li.s_list10 .bubble img{width: 285px;}
    #why .con08 .service_list > ul > li.s_list10 {margin-left: -325px;margin-top: 420px;}
    #why .con08 .service_list > ul > li.s_list04 {margin-left: -265px;margin-top: -28px;}
    #why .con08 .service_list > ul > li.s_list05 {margin-left: -39px;margin-top: 70px;}
    #why .con08 .service_list > ul > li.s_list01 {margin-left: -580px;}
    #why .con08 .service_list > ul > li.s_list08{margin-left: 320px}
    #why .con08 .service_list > ul > li.s_list07 {margin-left: 210px;margin-top: 105px;}
    #why .con08 .service_list > ul > li.s_list11 {margin-left: 35px;margin-top: 365px;}

}
@media (max-width: 1100px){
	#why .con09 ul li .txt p br{display: none}
}
@media (max-width: 960px){
    #why .con16 .wave_wrapper{height: 130px;}
	#why .con03 .video:before{content: '';display: block;width: 100%;height: 50px;position: absolute;top: -3px;left: 0;background: #fff;z-index: 2}
	#why .con03 .video:after{content: '';display: block;width: 100%;height: 50px;position: absolute;bottom: -3px;left: 0;background: #fff;z-index: 2}
    #why .con08 .h_title{padding-top: 0}
    #why .con08{margin-top: 100px;}
	#why .sub_visual .s_txt img{width: 630px}
	#why .con01 .wrap .de_txt_w strong{font-size: 150px}
	#why .sub_visual .bg svg{width: 500px;height: auto}
	#why .con01.on .wrap .line_w .line{width: 65%}
	#why .con01 .wrap .de_txt_w{height: 178px}
	#why .why_tit span{font-size: 20px;}
	#why .why_tit strong{font-size: 35px}
	#why .con02 .slide_area .wrap p{font-size: 19px;}
	#why .con02.con02_00 .icon_area{transform: translate(-50%,-50%) scale(0.7)}
	#why .con02.con02_01 .icon_area{transform: translate(-50%,-50%) scale(0.7)}
	#why .con02 .swiper{height: 290px}
	#why .con02{padding: 70px 0}
	#why .con03 .txt ul li strong{font-size: 80px;}
	#why .con03 .video video{width: 1200px}
	#why .con03 .wrap{height: 700px}
	#why .con03 .txt ul li{width: 700px}
	#why .h_title strong{font-size: 35px;}
	#why .con04 .wrap .img_w .img01 img, #why .con05 .wrap > div.img_w .img01 div img{width: 380px}
    #why .con05 .wrap > div.img_w .img01 div {width: 380px;height: 380px;}
	#why .con04 .wrap .txt strong, #why .con05 .wrap > div.txt strong{font-size: 60px}
	#why .con04 .wrap .txt p, #why .con05 .wrap > div.txt p{font-size: 16px;}
	#why .con04 .wrap.list01 .txt p{padding-left: 100px}
	#why .con04 .wrap.list01 .txt{left: 34.6%}
	#why .con04 .wrap.list02 .txt{right: 33.6%}
	#why .con04 .title2 p{font-size: 28px;line-height: 1.5}
	#why .con05{padding-top: 150px;}
	#why .h_title span{font-size: 18px;margin-bottom: 10px}
	#why .con05 .wrap > div.img_w .img02 div img{width: 160px}
	#why .con05 .wrap > div.img_w .img02{bottom: -60px}
	#why .con05 .wrap > div.txt strong{margin-left: -60px}
	#why .con05 .wrap > div.txt p{padding-left: 20px}
	#why .con05 .wrap.right > div.txt p{padding-right: 20px;}
	#why .h_title{margin-bottom: 65px}
	#why .more_btn a{width: 140px}
	#why .more_btn a strong{line-height: 140px;font-size: 15px}
	#why .con05{padding-top: 90px}
	#why .con06 .txt_line ul li{font-size: 19px;padding: 0 20px}
	#why .con06 .txt_line div{margin-top: 0}
	#why .con06{padding-bottom: 90px}
	#why .con07 .wrap .card .txt strong{font-size: 16px}
	#why .con07 .wrap .card .txt p{font-size: 14px}
	#why .con07 .wrap .card .mem img, #why .con07 .wrap .card .mem{width: 160px}
	#why .con07 .swiper-slide .wrap{width: 290px}
	#why .con07 .wrap .card{background-size: 100% auto}
/*	#why .con07 .wrap .card{padding: 60px 0}*/
	#why .con07 .wrap .tag span{line-height: 35px;font-size: 14px;height: 60px;}
	#why .con07 .swiper-slide .wrap2 .back .back_wrap .tag strong strong{line-height: 35px;font-size: 14px;height: 60px;}
	#why .con07 .member_list:before{width: 400px;background-size: 100% auto;height: 209px;margin-left: -200px;top: -139px}
	#why .con07{padding: 80px 0}
	#why .con09 ul li .tit strong{font-size: 20px}
	#why .con09 ul li .txt p{font-size: 14px;}
	#why .con09 ul li .tit span, #why .motion_year ul li span{font-size: 55px}
	#why .con09 ul li:nth-child(2n){top: 145px}
	#why .con09 ul li{margin-bottom: 105px}
	#why .con09 ul li{padding-left: 20px;}
    #why .con15 .title_w .txt_box ul li{font-size: 70px;line-height: 1.2}
    #why .con15 .title_w .img_box{height: 330px}
    #why .con15 .title_w .txt_box{top: 90px}
    #why .con15 .title_w .img_box video{height: 600px}
    #why .con15 .list_w ul.list > li .txt > ul > li .month strong{font-size: 19px;}
    #why .con15 .title_w .img_box{width: 70%}
    #why .con15 .title_w .txt_box{left: 30%;margin-left: -115px}
    #why .con15 .title_w .img_box .txt_box{margin-left: -115px;}
    #why .con15 .list_w ul.list > li .txt > ul > li ul li{font-size: 16px;}
    #why .con15 .list_w ul.list > li .txt > ul > li ul li div p{font-size: 14px;}
    #why .con15 .list_w ul.list > li .txt{padding-left: 0}
    #why .con15 .list_w ul.list > li .txt > ul > li{padding-left: 95px;}
    #why .con15 .list_w ul.list > li{margin-bottom: 65px;}
    #why .con15 .list_w ul.list > li:nth-child(1){margin-bottom: 65px;}
    #why .con15 .list_w{padding-top: 35px;}
    #why .sub_visual.act .s_txt img{width: 122px}
    #why .con08 .service_list > ul > li{position: static;margin: 0 !important}
    #why .con08 .service_list > ul > li .bubble{transform: none;position: static;transform: none;width: 300px;margin: 0 auto}

    #why .con08 .service_list > ul > li .bubble img{width: 100% !important}
    #why .con08{height: auto}
    #why .con08 .service_list > ul{display: flex;flex-wrap: wrap}
    #why .con08 .service_list > ul > li{width: 50%}
    #why .con08 .service_list > ul > li .txt strong, #why .con08 .service_list > ul > li.s_list01 .txt strong, #why .con08 .service_list > ul > li.s_list08 .txt strong{font-size: 32px;}
    #why .con08 .service_list > ul > li .txt{position: absolute;width: 100%;text-align: center;top: 50%;transform: translateY(-50%)}
    #why .con08 .service_list > ul > li{position: relative;top: 0;left: 0}
    #why .con15 > .video div video{width: 1000px}
    #why .con06 .txt_line{margin-top: 50px !Important;}
    #why .con01 .wrap .de_txt_w strong{background-size: 100% auto}
    #why .con07 .swiper-slide .wrap2 .back .back_wrap > .list ul li span{font-size: 12px;}
    #why .con07 .swiper-slide .wrap2 .back .back_wrap > .list ul li p{font-size: 14px;line-height: 1.5}
    #why .con07 .swiper-slide .wrap{height: 452px}
    #why .con07 .swiper-slide .wrap2 .back .back_wrap > .list ul li{margin-bottom: 8px;}
    #why .con16 .wrap .txt_w .text > div div{font-size: 30px;}
    #why .con16 .wrap .txt_w{padding: 0 20px;}
    #why .con16 .wrap .txt_w div strong svg{height: 60px;width: auto}
    #why .con16 .wrap .txt_w > div{height: 63px;}
    #why .con16 .wrap{width: 100%}
    #why .flower_con .txt_wrap ul li{font-size: 20px;margin-bottom: 20px;}

    #why .flower_con .txt_wrap{z-index: 3}
    #why .flower_con .flower{width: 800px;}
    #why .flower_wrap{height: 450px;}
    #why .flower_con .parts{width: 120%}
    #why .flower_con .parts svg{width: 100%;height: auto}
    .sc_send{left: 30px;bottom: 70px}
    #why .con07 .wrap .card .time svg{width: 25px;height: auto}
    #why .con16 .wrap .txt_w div strong svg{height: 50px;}
    #why .con16 .wrap .txt_w .pro{margin-left: 30px;}
    #why .con16 .wrap .txt_w > div{height: 52px}
}
@media (max-width: 720px){
    #why .con07 .swiper-slide .wrap{height: auto}
    #why .con01 .wrap .de_txt_w strong{font-size: 110px;}
    #why .con01 .wrap .de_txt_w{height: 130px;}
    #why .con01.on .wrap .de_txt_w div{top: -204%}
    #why .sub_visual .s_txt img{width: 380px;}
    #why .sub_visual .bg svg{width: 380px;}
    #why .con02 .why_tit{position: static}
    #why .con02.con02_00 .icon_area, #why .con02.con02_01 .icon_area{position: static;transform: scale(0.7)}
    #why .con02.con02_00 .icon_area{width: 300px;margin: 0 auto}
    #why .con02.con02_01 .icon_area{width: 300px;margin: 0 auto}
    #why .con02 .slide_area{width: 100%}
    #why .con02 .slide_area .wrap p{font-size: 16px;text-align: center}
    #why .con02 .swiper{height: auto}
    #why .con03 .txt ul li strong{font-size: 60px}
    #why .con03 .video video{width: 910px;}
    #why .con03 .wrap{height: 620px}
    #why .h_title strong{font-size: 28px;}
    #why .con04 .wrap .img_w .img01 img, #why .con05 .wrap > div.img_w .img01 div img{width: 260px;}
    #why .con05 .wrap > div.img_w .img01 div {width: 260px;height: 260px;}
    #why .con04 .wrap .txt strong, #why .con05 .wrap > div.txt strong{font-size: 45px;}
    #why .con04 .wrap .txt p, #why .con05 .wrap > div.txt p{font-size: 14px;}
    #why .con05{padding-bottom: 100px}
    #why .con07 .wrap .card .mem img, #why .con07 .wrap .card .mem{width: 100px;}
    #why .con07 .wrap .card .txt strong{font-size: 14px}
    #why .con07 .wrap .card .txt p{font-size: 12px;}
    #why .con07 .swiper-slide .wrap{width: 220px;}
    #why .con07 .wrap .tag span{font-size: 11px;}
    #why .con07 .swiper-slide .wrap2 .back .back_wrap .tag strong{font-size: 11px;}
    #why .con07 .member_list:before {
        width: 350px;
        background-size: 100% auto;
        height: 209px;
        margin-left: -175px;
        top: -111px;
    }
    #why .con07 .wrap .tag span{padding: 0 10px;height: 54px;border-radius: 6px}
    #why .con07 .swiper-slide .wrap2 .back .back_wrap .tag strong{padding: 0 10px;}
    #why .con09 ul li{width: 100%}
    #why .con09 ul li:nth-child(2n){top: 0}
    #why .con09 ul li{margin-bottom: 50px;}
    #why .con09 ul li .tit{margin-bottom: 12px;}
    #why .con09 .info p{font-size: 9px}

    #why .motion_year{display: none}
    #why .con15 .list_w ul.list{padding-left: 0}
    #why .con15 .list_w ul.list > li .txt > ul > li ul li div p{font-size: 12px;}
    #why .con15 .list_w ul.list > li .txt > ul > li ul li{font-size: 15px;line-height: 1.5}
    #why .con15 .list_w ul.list > li .txt > ul > li .month strong{font-size: 15px;padding-top: 0}
    #why .con15 .list_w ul.list > li .year{margin-bottom: 25px}
    #why .con15 .list_w ul.list > li .txt > ul > li:before{width: 4px;height: 4px;left: 6px;top: 9px}
    #why .con15 .list_w ul.list > li .txt > ul > li:after{width: 22px;height: 22px;left: -4px;top: -1px;}
    #why .con15 .list_w ul.list > li .txt > ul > li .month{left: 33px;}
    #why .con15 .list_w ul.list > li .txt > ul > li{padding-left: 75px}
    #why .con15 .list_w ul.list > li, #why .con15 .list_w ul.list > li:nth-child(1){margin-bottom: 40px;}
    #why .con15 .title_w .txt_box ul li{font-size: 45px;}
    #why .con15 .title_w .img_box{height: 230px}
    #why .con15 .title_w .txt_box{top: 70px;}
    #why .con15 .title_w .txt_box, #why .con15 .title_w .img_box .txt_box{margin-left: -85px;}
    #why .con15 .list_w ul.list > li .txt > ul > li{margin-bottom: 15px}
    #why .con15 .list_w ul.list > li .txt > ul > li ul li{width: auto;word-break: keep-all}
    #why .con15 .list_w ul.list{padding-top: 10px}
    #why .con04 .wrap.list01{margin-bottom: 55px;}
    #why .con07 .wrap .card .txt ul li{font-size: 8px;padding: 0 3px;line-height: 1}
    #why .con07 .wrap .card .txt ul li.line{height: 00;margin-top: -5px;}
    #why .con07 .wrap .card .txt ul{margin-top: 6px}
    #why .con08 .service_list > ul > li .bubble{width: 200px}
    #why .con08 .service_list > ul > li .txt strong, #why .con08 .service_list > ul > li.s_list01 .txt strong, #why .con08 .service_list > ul > li.s_list08 .txt strong{font-size: 26px;}
    #why .con08 .service_list > ul > li .txt p{font-size: 13px}
    #why .con08 .service_list > ul > li{margin-bottom: 30px !Important}
    #why .con08 .h_title{padding-top: 0;margin-bottom: 30px}
    #why .con08{margin-top: 80px}
    #why .con09{padding-top: 30px}
    #why .con15 .port_btn{margin-top: 60px;}
    #why .con15 .port_btn a{width: 150px;height: 75px}
    #why .con15 .port_btn a strong{line-height: 75px;font-size: 16px}
    #why .port_btn{margin-top: 60px;}
    #why .port_btn a{width: 150px;height: 75px}
    #why .port_btn a strong{line-height: 75px;font-size: 16px}
    .cur_wrap{display: none}
    #why .con07 .swiper-slide .wrap2 .back .back_wrap > .list{padding: 10px;}
    #why .con07 .swiper-slide .wrap2 .back{padding-top: 30px;}
    #why .con07 .swiper-slide .wrap2 .back .back_wrap .tag{top: -30px}
    #why .con07 .swiper-slide .wrap2 .back .back_wrap .tag strong{line-height: 30px;width: 80px;}
    #why .sub_visual .s_txt svg, #why .what svg{height: 60px;width: auto}
    #why .what svg{height: 40px;}
    #why .flower_con .flower{width: 520px;}
    #why .flower_con{height: 400px}
    #why .flower_con .txt_wrap ul li{font-size: 16px;margin-bottom: 10px;}
    #why .con15 > .video{display: none}
    #why .con15{padding-top: 80px;}
    #why .con15.con15_btn{padding-top: 80px;}
    #why .con07 .member_list{margin-top: -100px}
    #why > .sub_visual.act{z-index: 4 !Important}
    #why .sub_visual.act .s_txt svg, #why .what.act svg, #why .sub_visual.act .s_txt svg{height: 16px;}
    #why .flower_con .txt_wrap ul li div.mr{margin-right: 4px;}
    #why .con02 .why_tit{margin-top: 60px;}
    #why .con02 .icon_wrap{position: static;transform: none}
    .contact_info{padding-bottom: 80px;}
    .cur_wrap{display: none !important}
    #why .sub_visual.act .s_txt svg{height: 18.7px;}
    #why .what.act svg{height: 15px;}
    #why .what.act {transform: translate(-30%, -50%);}
    #why .con01 .wrap .line_w .line, #why .con02.con02_00 .icon_area{width: 50%}
    #why .con02.con02_00 .icon_area, #why .con02.con02_01 .icon_area{transform: scale(1)}
    #why .con02.on .icon_area .icon{transform: scale(0.55) translateX(-50%) translateY(-50%);position: absolute;left: 20px; top: 25%}
    #why .con02 .icon_area .icon{transform: scale(0.55) translateX(-50%);position: absolute;left: 20px;}
    #why .con02 .icon_wrap .icon_box{transform: scale(0.55) translateX(-50%);position: absolute;left: 20px;}
    #why .con02.con02_00{padding-bottom: 60px;}
    #why .con02.con02_00 .icon_area{position: relative;left: 0;top: 0}
    #why .con02 .swiper{height: 180px;}
    #why .con02 .slide_area .wrap{height: 60px;}
    #why .con02 .slide_area .wrap p{font-size: 14px;line-height: 22px;text-align: left}
    #why .con02 .why_tit{padding: 0}
    #why .con02 .icon_area{margin-top: 0}
    #why .con02 .why_tit{margin-top: 0;transform: none;margin-bottom: 20px;}
    #why .con02{padding: 0;padding-top: 60px;}
    #why .con03 .wrap{height: 340px;}
    #why .con03 .txt ul li strong{font-size: 36px;}
    #why .con04 .wrap.list01{margin-bottom: 40px;}
    #why .con04 .title2{margin-top: 60px;}
    #why .con05{padding-bottom: 60px;}
    #why .con05 .wrap > div.txt p{margin-top: 10px;padding: 0}
    #why .con05 .wrap.right > div.txt{margin-top: -24px}
    #why .con05 .wrap.right > div.txt p{padding-right: 0}
    #why .con09 ul li .tit span{font-size: 40px;}
    #why .con09 ul li .txt p{font-size: 12px}
    #why .h_title span{font-size: 16px;}
    #why .con05{padding-top: 60px;}
    #why .con01 .wrap{height: 340px;}
    #why .con07 .wrap .card .txt p:before{margin-bottom: 10px;}
    #why .con07 .wrap .card .txt strong{margin-top: 20px;}
    #why .con07 .wrap .card .txt ul li{font-size: 10px;}
    #why .con06 > .video{display: none}

}

@media (max-width: 660px){
    #why .sub_visual .s_txt img{width: 343px;}
/*        #why .con02.con02_00 .icon_area, #why .con02.con02_01 .icon_area{transform: scale(0.54);margin-top: -40px !Important}*/
    #why .con02 .wr{display: flex}
    #why .con02 .wr > div{width: 50%}
    #why .con03 .video video{width: 640px;}
    #why .con04{padding-top: 60px;}
    #why .con04 .wrap .img_w .img01 img, #why .con05 .wrap > div.img_w .img01 div img{width: 210px;height: 210px;}
    #why .con04 .wrap .img_w .img01{width: 210px;margin: 0 auto;display: block}
    #why .con04 .wrap.list02 .txt{margin-top: -37px;}
    #why .con04 .wrap .txt strong, #why .con05 .wrap > div.txt strong{font-size: 32px;}
    #why .h_title strong, #why .why_tit strong{font-size: 20px;}

    #why .con05 .wrap > div.img_w .img01 div img{width: 100%;height: auto}
    #why .con05 .wrap > div.img_w .img02{bottom: -20px;left: 59.3%}
    #why .con05 .wrap > div.txt{padding-top: 30px}

    #why .con05 .wrap.right > div.img_w .img02{right: 59.3%}
    #why .more_btn a strong{line-height: 68px;font-size: 14px;}
    #why .more_btn a{width: 70px}
    #why .more_btn{ margin-bottom: 40px; }
    #why .con06 .txt_line{margin-top: 40px !important}
    #why .con06 .txt_line ul li{font-size: 14px;padding: 0 10px;}
    #why .con06 .txt_line div{height: 18px;}
    #why .con08 .service_list > ul > li .txt strong{font-size: 20px;}
    #why .con09 ul li{padding-left: 0;text-align: center}
    #why .con09 ul li .txt p br{display: block}
    #why .con09 ul li .tit strong{font-size: 18px;margin-top: -24px}
    #why .con09 ul li .tit{margin-bottom: 10px;}
    #why .con09 ul li .tit span{position: static}
    #why .con09 ul li{margin-bottom: 20px;}
    #why .con09 .h_title{text-align: center;margin-bottom: 16px;}
    #why .con15 .title_w .img_box{height: 140px}
    #why .con15 .title_w .txt_box ul li{font-size: 32px}
    #why .con15 .title_w .txt_box, #why .con15 .title_w .img_box .txt_box{top: 30px;}
    #why .con15 .list_w ul.list > li .txt > ul > li:after{width: 14px;height: 14px;}
    #why .con15 .title_w .txt_box, #why .con15 .title_w .img_box .txt_box{margin-left: -64px;}
    #why .con15 .list_w ul.list > li .txt > ul > li:before{left: 5px}
    #why .con15 .list_w ul.list > li .txt > ul > li{padding-left: 68px;}
    #why .con15 .list_w ul.list > li .txt > ul > li .month{left: 30px;}
    #why .con15 .list_w ul.list > li .txt > ul > li{margin-bottom: 30px;}
    #why .con15 .list_w ul.list > li .txt > ul > li ul li i{display: block;opacity: 1;border-radius: 8px;}
    #why .con15 .list_w ul.list > li .txt > ul > li ul li i img{width: 192px;}
    #why .con15 .list_w ul.list > li .txt > ul > li ul li i{left: 162px;}
    #why .con15 .list_w ul.list > li .txt > ul > li ul li i img{border-radius: 8px;}
    #why .con15 .list_w ul.list > li .txt > ul > li ul li div p.over_bg:hover{color:#EF4604 }
    #why .con15 .list_w ul.list > li .txt > ul > li:before{top: 6px;}
    #why .con15 .list_w ul.list > li .txt > ul > li:after{top: 0;left: -1.5px}
    #why .con15 .list_w ul.list > li .year{display: block;margin-bottom: 20px;}
    #why .con15 .list_w ul.list > li, #why .con15 .list_w ul.list > li:nth-child(1){margin-bottom: 40px}
    #why .con15 .list_w ul.list > li:last-child{margin-bottom: 0}
    #why .con15 .port_btn{margin-top: 60px;}
    #why .port_btn{margin-top: 60px;}
    #why .con15 .port_btn a strong{padding-top: 6px;}
    #why .port_btn a strong{padding-top: 6px;}
    #why .flower_con .parts.pc{display: none}
    #why .flower_con .parts.mo{display: block}
    #why .flower_con, #why .flower_wrap{height: 100vh}
    #why .flower_con .flower{top: 50%;left: 50%;transform: translate(-50%,-50%)}
    #why .flower_con .parts{width: 100%}
    #why .con09 .info{margin-top: 0}
    #why .con09 .info p{padding-left: 0;text-align: center;font-size: 10px;}
    #why .con15 .list_w ul.list > li .txt > ul > li ul li i{left:  160px}
    #why .con15 .list_w ul.list > li .txt > ul > li ul li i{left:  160px}
    #why .con15 .list_w ul.list > li .txt > ul > li ul li i{opacity: 0}
    #why .con15 .list_w ul.list > li .txt > ul > li ul li div p.over_bg:hover{color: #57413b;color: #ef4604}
    #why .con15 .list_w ul.list > li .txt > ul > li ul li div p.on{mix-blend-mode: difference}
    #why .con07 .swiper-slide .wrap{width: 100%}
    #why .con07 .wrap .card{border-radius: 12px;background-size: 100% auto}
    #why .con07 .swiper-slide{padding: 60px 0}
    #why .con07{padding-bottom: 0}
    #why .con07{padding-top: 60px;}
    #why .con07 .member_list:before{width: 283px;height: 147px;margin-left: -141.5px;top: -58px}
    #why .con07 .wrap .tag span{line-height: 24px;font-size: 10px}
    #why .con08.on .service_list > ul > li:nth-child(1){transition-delay: 0.2s !Important}
    #why .con08.on .service_list > ul > li:nth-child(2){transition-delay: 0.4s !Important}
    #why .con08.on .service_list > ul > li:nth-child(3){transition-delay: 0.6s !Important}
    #why .con08.on .service_list > ul > li:nth-child(4){transition-delay: 0.8s !Important}
    #why .con08.on .service_list > ul > li:nth-child(5){transition-delay: 1.0s !Important}
    #why .con08.on .service_list > ul > li:nth-child(6){transition-delay: 1.2s !Important}
    #why .con08.on .service_list > ul > li:nth-child(7){transition-delay: 1.4s !Important}
    #why .con08.on .service_list > ul > li:nth-child(8){transition-delay: 1.6s !Important}
    #why .con08.on .service_list > ul > li:nth-child(9){transition-delay: 1.8s !Important}
    #why .con08.on .service_list > ul > li:nth-child(10){transition-delay: 2s !Important}
    #why .con08.on .service_list > ul > li:nth-child(11){transition-delay: 2.0s !Important}
/*    #why .con07 .wrap .card{padding-top: 57px;padding-bottom: 57px;}*/
}
@media (max-width: 550px){
    #why .con04 .wrap.list01 .txt{position: static;transform: none}
    #why .con04 .wrap .txt p{text-align: center}
    #why .con04 .wrap.list01 .txt p{padding-left: 0;}
    #why .con04 .wrap .txt{margin-top: -30px;}
    #why .con04 .wrap .txt strong{text-align: center}
    #why .con04 .wrap.on .img_w .img01{display: block}
    #why .con04 .wrap.list02 .txt{position: static;transform: none}
    #why .con04 .wrap.list02 .txt p{position: static}
    #why .con04 .title2 p{font-size: 18px;}
    #why .why_tit span{font-size: 15px;}
    #why .con05 .wrap{display: block}
    #why .con05 .wrap > div{width: 100%}
    #why .con05 .wrap.right > div.txt, #why .con05 .wrap.right > div.txt strong{text-align: center !important}
    #why .con05 .wrap.right > div.txt strong{margin: 0 !Important}
    #why .con05 .wrap > div.img_w .img01{width: 260px;margin: 0 auto;display: block}
/*    #why .con05 .wrap > div.img_w .img02{left: 60% !Important;}*/
    #why .con05 .wrap > div.img_w .img02 div img{width: 110px}
    #why .con05 .wrap > div{text-align: center}
    #why .con05 .wrap > div.txt{mix-blend-mode: normal}
    #why .con05 .wrap > div.txt strong{margin-left: 0}
    #why .con05 .wrap{margin-bottom: 40px}

    #why .con06 .txt_line{margin-top: 35px}
    #why .con06{padding-bottom: 60px}
/*
    #why .con09 ul li .tit strong{font-size: 18px}
    #why .con09 ul li .txt p{font-size: 12px;}
    #why .con09 ul li .tit span, #why .motion_year ul li span{font-size: 40px}
    #why .con09 ul li .tit span{left: -20px}
    #why .con09 ul li{padding-left: 10px}
*/
    #why .con15{padding-top: 0;}
    #why .h_title{margin-bottom: 40px;}
    #why .con08 .service_list > ul > li .bubble{width: 150px}
    #why .con08 .service_list > ul > li .txt strong, #why .con08 .service_list > ul > li.s_list01 .txt strong, #why .con08 .service_list > ul > li.s_list08 .txt strong{font-size: 20px;}
    #why .con08 .service_list > ul > li .txt p{font-size: 12px;margin-top: 6px;}
    #why .con15 .list_w ul.list > li .year strong{font-size: 32px;}
    #why{padding-bottom: 63px;}
/*    #why .con07 .swiper-slide .wrap{height: 372px}*/
    #why .con07 .swiper-slide .wrap2 .back .back_wrap > .list ul li p{font-size: 12px}
    #why .con07 .swiper-slide .wrap2 .back .back_wrap > .list ul li span{font-size: 10px}
    #why .con07.on .swiper-slide:hover .wrap {
        transform: rotateY(0);
    }
    #why .con07 .wrap .card{background-size: auto 100%}
    #why .sub_visual .s_txt svg{height: 45px;}
    #why .con16 .wrap .txt_w div strong svg{height: 40px;}
    #why .con16 .wrap .txt_w .text > div div, #why .sub_visual.act .s_txt svg{font-size: 20px;}
    #why .con16 .wrap .txt_w .text{margin-right: 10px;}
    #why .con16 .wrap .txt_w .pro{margin-left: 20px}
    #why .con16 .wrap .txt_w > div{height: 40px;}
    #why .sub_visual.act .s_txt svg, #why .what.act svg{font-size: 12px;}
/*    #why .what.act {opacity: 0}*/
    #why .con15.con15_btn{ padding-top: 70px; }
    #why .con16.on .wrap .txt_w .text.since > div div{ transform: translate3D(0, -12%, 0); }
    #why .con16.on .wrap .txt_w .text > div div{ transform: translate3D(0, -12%, 0); }
#why .con15 .list_w ul.list > li .txt > ul > li ul li div p.on{ color: #fff;font-weight: 400}
#why .con15 .list_w ul.list > li .txt > ul > li:hover ul li span{ mix-blend-mode: normal;color: #57413b;font-weight: 400}
    #why .con15 .title_w .img_box video{height: 220px;}
    #why .con15 .list_w ul.list{padding-top: 0}
    #why .con15 .list_w{padding-top: 30px}
    
}
@media (max-width: 450px){
/*    #why .sub_visual .s_txt img{width: 270px}*/

    #why .con01 .wrap .de_txt_w strong{font-size: 80px}
    #why .con01.on .wrap .line_w .line > div{height: 20px;}
    #why .con01 .wrap .de_txt_w{height: 95px}
    #why .con01.on .wrap .de_txt_w div {
        top: -294%;
    }

    #why .con03 .video video{width: 720px}
    #why .con03 .txt ul li strong{font-size: 40px;}
    #why .con03 .wrap{height: 500px}
    #why .con04{padding-top: 0}
    #why .h_title strong, #why .why_tit strong{font-size: 20px;}
    #why .con04 .wrap .img_w .img01{width: 210px}
    #why .con04 .wrap .img_w .img01 img{max-width: 100%}
    #why .con04 .wrap .img_w .img01 img{width: 210px;}
    #why .con05 .wrap > div.img_w .img01 div {width: 210px;height: 210px;}
    #why .con04 .wrap .txt strong, #why .con05 .wrap > div.txt strong{font-size: 32px}
    #why .con07 .member_list{margin-top: -60px}
    #why .con16 .wrap .txt_w .text > div div{font-size: 15px;}
    #why .con16 .wrap .txt_w div strong svg{height: 32px;}
    #why .con16 .wrap .txt_w > div{height: 30px;}
    #why .con16 .wave_wrapper{height: 90px;}
    #why .sub_visual.act .s_txt svg,#why .what.act svg {font-size: 12px;}
    #why .con09 ul li .txt p{font-size: 12px;}
    #why .con05 .wrap > div.img_w .img01 div{width: 100%;height: 260px;}
    #why .con09 ul li .txt p br{display: none}
    #why .con02.on .icon_area .icon{transform: scale(0.45) translateX(-50%) translateY(-50%);transform-origin: left center ;left: 36%;top: 18px}
    #why .con02 .icon_area .icon{transform: scale(0.45) translateX(-50%) translateY(-50%);transform-origin: left center;left: 36%;top: 18px}
    #why .con02 .icon_wrap .icon_box{transform: scale(0.45) translateX(-50%) translateY(-16%);transform-origin: left center;left: 23%}
}