#sub{overflow: hidden;}
#footer .copy{position: static}
#footer.foot_sub{background: #fff}
#footer.foot_sub .copy strong{color: #6E6E6E}
#footer.foot_sub .copy p{color: #6E6E6E}
#footer{position: relative;z-index: 2}
#sub .bg{position: fixed;width: 100%;height: 100%;z-index: -1}
#sub .bg video{width: 100%}
#sub .sub_con{background: #fff;padding-bottom: 160px;}
#sub .sub_visual{padding-top: 370px;padding-bottom: 250px;position: relative}
#sub .sub_visual ul{margin-bottom: 40px;}
#sub .sub_visual ul li{display: inline-block;vertical-align: middle;font-size: 22px;color: #FFFFFF;font-weight: 500}
#sub .sub_visual ul li:after{content: '';display: inline-block;width: 8px;height: 14px;background: url(/img/sub/arrow.png);vertical-align: middle;margin: 0 15px;}
#sub .sub_visual ul li:last-child:after{display: none}
#sub .sub_visual strong{display: block;font-size: 80px;color: #FFFFFF;font-family: 'Montserrat', sans-serif;}
#sub .sub_visual:after{content: '';display: block;width: 100%;height: 247px;background: url(/img/sub/vis_dim.png) center center;position: absolute;bottom: -2px;left: 0}
#sub .sub_visual strong i{display: inline-block}
#sub .sub_visual strong i svg{display: block}
.inner{width: 1520px;margin: 0 auto;padding: 0}
#sub.list .list_w{padding-top: 140px;}
#sub.list .list_w > ul{display: flex;flex-wrap: wrap}
#sub.list .list_w > ul > li{width: 48.35%;margin-right: 3.3%;margin-bottom: 60px;}
#sub.list .list_w > ul > li:nth-child(2n){margin-right: 0}
#sub.list .list_w > ul > li .img{max-width: 100%;position: relative}
#sub.list .list_w > ul > li .img img{width: 100%}
#sub.list .list_w > ul > li a{display: block;position: relative;overflow: hidden}
#sub.list .list_w > ul > li a .txt{position: absolute;bottom: 0;left: 0;padding: 50px; width: 100%}
#sub.list .list_w > ul > li a .txt strong{display: block;font-size: 26px;color: #FFFFFF;font-weight: 500;position: relative}
#sub.list .list_w > ul > li a .txt strong span{position: absolute;left: 0;bottom: -40px;font-size: 18px;}

#sub.list .list_w > ul > li a .txt strong{transition: 0.7s;top: 0}
#sub.list .list_w > ul > li a .txt strong span{transition: 0.7s;opacity: 0}
#sub.list .list_w > ul > li:hover a .txt strong span{transition: 0.7s;opacity: 1}
#sub.list .list_w > ul > li:hover a .txt strong{position: relative;top: -40px}

#sub.list .list_w > ul > li a .txt ul{position: absolute;transform: translateY(-50%);top: 50%;display: flex;right: 0;z-index: 2}
#sub.list .list_w > ul > li a .go{position: absolute;width: 170px;height: 38px;bottom: 40px;right: 50px;opacity: 0;transition: 0.7s}
#sub.list .list_w > ul > li:hover a .go{opacity: 1}
#sub.list .list_w > ul > li a .go > div{position: relative}
#sub.list .list_w > ul > li a .txt ul li{width: 3px;height: 38px;position: relative;margin-right: 4px}
#sub.list .list_w > ul > li a .txt ul li i{position: absolute;width: 100%;height: 12px;background: rgba(255,255,255,0.5);top: 50%;transform: translateY(-50%) scale(1,0);transition: 0.6s}
#sub.list .list_w > ul > li a .txt ul li i{ animation: bar 2s infinite linear}
#sub.list .list_w > ul > li a .txt ul li:nth-child(2) i{animation-delay: 0.2s}
#sub.list .list_w > ul > li a .txt ul li:nth-child(4) i{animation-delay: 0.2s}
#sub.list .list_w > ul > li a .txt ul li:nth-child(5) i{animation-delay: 0.3s}
@keyframes bar{
    0%{transform: translateY(-50%) scale(1,0)}
    20%{transform: translateY(-50%) scale(1,1)}
    40%{transform: translateY(-50%) scale(1,0.5)}
    60%{transform: translateY(-50%) scale(1,0.2)}
    80%{transform: translateY(-50%) scale(1,1)}
    100%{transform: translateY(-50%) scale(1,0)}
}
#sub.list .list_w > ul > li a .txt ul li:nth-child(2) i{height: 26px}
#sub.list .list_w > ul > li a .txt ul li:nth-child(4) i{height: 16px}
#sub.list .list_w > ul > li a .txt ul li:nth-child(5) i{height: 27px}
#sub.list .list_w > ul > li a .txt ul li:nth-child(6) i{height: 30px}
#sub.list .list_w > ul > li a .txt ul li:nth-child(7) i{height: 14px}
#sub.list .list_w > ul > li a .txt span{color: #FFFFFF;font-size: 20px;position: relative;z-index: 2}
#sub.list .list_w > ul > li a .txt .go div:after{content: '';display: inline-block;vertical-align: middle;width: 31px;height: 2px;background: #FFFFFF;vertical-align: middle;margin-left: 5px;position: absolute;top: 50%;right: 30px}
#sub.list .list_w > ul > li a{position: relative}
#sub.list .list_w > ul > li a:before{content: '';display: block;width: 70px;height: 100%;background: url(/img/sub/over01.png) no-repeat;position: absolute;bottom: 0;left: 0;transform-origin: bottom left;transform: translateX(-100%);transition: 0.6s;z-index: 2}
#sub.list .list_w > ul > li a:after{content: '';display: block;width: 70px;height: 100%;background: url(/img/sub/over02.png) right no-repeat;position: absolute;bottom: 0;right: 0;transform-origin: bottom left;transform: translateX(100%);transition: 0.6s;z-index: 2}
#sub.list .list_w > ul > li:hover a:before, #sub.list .list_w > ul > li:hover a:after{transform: translateX(0)}
#sub.list .list_w > ul > li .img:after{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));transition: 0.8s;top: 100%}
#sub.list .list_w > ul > li:hover .img:after{top: 0}
#sub .btn_wrap:after{content: '';display: block;clear: both}
#sub .btn_wrap .paging{float: left}
#sub .btn_wrap .paging ul{display: flex}
#sub .btn_wrap .paging ul li a{display: block;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;font-weight: 600;color: #CCCCCC}
#sub .btn_wrap .paging ul li.on a{color: #C79AFC}
#sub .btn_wrap .paging ul li.m_prev a{background: url(/img/sub/m_prev.png)}
#sub .btn_wrap .paging ul li.prev a{background: url(/img/sub/prev.png)}
#sub .btn_wrap .paging ul li.next a{background: url(/img/sub/next.png)}
#sub .btn_wrap .paging ul li.m_next a{background: url(/img/sub/m_next.png)}
#sub .btn_wrap .sch_w{float: right;display: flex}
#sub .btn_wrap .sch_w select{border: none;border-bottom: 2px solid #9B9B9B;height: 50px;font-size: 18px;font-weight: 300;color: #9B9B9B;font-family: 'Pretendard';}
#sub .btn_wrap .sch_w .text_box{position: relative}
#sub .btn_wrap .sch_w .text_box button{position: absolute;bottom: 2px;right: 0;background: none}
#sub .btn_wrap .sch_w .text_box input{border: none;border-bottom: 2px solid #9B9B9B;height: 50px;font-size: 18px;font-weight: 300;color: #9B9B9B;font-family: 'Pretendard';width: 300px;}


#sub.view .sub_con{padding-top: 60px;}
#sub .list_btn a{position: relative;padding-left: 26px;width: 220px;line-height: 70px;position: relative;margin: 0 auto;display: block}
#sub .list_btn a svg{position: absolute;top: 0;left: 0;}
#sub .list_btn a ul{position: absolute;transform: translateY(-50%);top: 50%;display: flex;right: 30px;z-index: 2}
#sub .list_btn a ul li{width: 3px;height: 38px;position: relative;margin-right: 4px}
#sub .list_btn a ul li i{position: absolute;width: 100%;height: 12px;background: rgba(255,255,255,0.5);top: 50%;transform: translateY(-50%) scale(1,0);transition: 0.6s}
#sub .list_btn a:hover ul li i{ animation: bar 2s infinite linear}
#sub .list_btn a:hover ul li:nth-child(2) i{animation-delay: 0.2s}
#sub .list_btn a:hover ul li:nth-child(4) i{animation-delay: 0.2s}
#sub .list_btn a:hover ul li:nth-child(5) i{animation-delay: 0.3s}
@keyframes bar{
    0%{transform: translateY(-50%) scale(1,0)}
    20%{transform: translateY(-50%) scale(1,1)}
    40%{transform: translateY(-50%) scale(1,0.5)}
    60%{transform: translateY(-50%) scale(1,0.2)}
    80%{transform: translateY(-50%) scale(1,1)}
    100%{transform: translateY(-50%) scale(1,0)}
}
#sub .list_btn a ul li:nth-child(2) i{height: 26px}
#sub .list_btn a ul li:nth-child(4) i{height: 16px}
#sub .list_btn a ul li:nth-child(5) i{height: 27px}
#sub .list_btn a ul li:nth-child(6) i{height: 30px}
#sub .list_btn a ul li:nth-child(7) i{height: 14px}
#sub .list_btn a span{color: #FFFFFF;font-size: 24px;position: relative;z-index: 2}
#sub .list_btn a:after{content: '';display: inline-block;vertical-align: middle;width: 31px;height: 2px;background: #FFFFFF;vertical-align: middle;margin-left: 5px;position: absolute;top: 50%;right: 56px}
#sub.view .title{border-top: 3px solid #000;padding: 30px}
#sub.view .title strong{display: block;font-size: 24px;}
#sub.view .title span{display: block;font-size: 16px;color: #666;margin-top: 15px;}
#sub.view .title{border-bottom: 1px solid #d6d6d6}
#sub.view .text_w{min-height: 500px;padding-bottom: 60px;padding: 60px 30px;}
#sub.view .text_w img{max-width: 100%}
#sub.view.view2 .text_w{padding-top: 0}
#sub.audition .sub_con{background: none;padding-bottom: 0}
#sub.audition .sub_visual, #sub.about .sub_visual{padding-top: 545px;padding-bottom: 140px;}
#sub.audition .sub_visual:after, #sub.about .sub_visual:after{display: none}
#sub.audition .sub_visual strong, #sub.about .sub_visual strong{font-size: 80px;line-height: 100px}
#sub.audition .con01{padding-top: 245px;position: relative;padding-bottom: 150px}
#sub.audition .con01 .bg{height: 1443px;position: absolute;;top: -500px;border-top: 410px solid transparent;border-right: 488px solid rgba(255,255,255,0.2);border-bottom: 410px solid transparent;top: -184px;right: -85px;    transition: filter .4s, background .4s;}
#sub.audition .con01 > div{position: relative}
#sub.audition .con01 .sns{position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
#sub.audition .con01 .sns ul li{margin-bottom: 20px;transition: 0.6s; text-align: center;}
#sub.audition .con01 .sns ul li:hover{transform: scale(1.15);}
#sub.audition .con01 ul.list{display: flex;flex-wrap: wrap}
#sub.audition .con01 ul.list li{width: 33.33%;margin-bottom: 120px;}
#sub.audition .con01 ul.list li strong{display: block;font-size: 30px;color: #FFFFFF;font-weight: 500;margin-top: 20px}
#sub.audition .con01 ul.list li p{display: block;font-size: 24px;color: #FFFFFF;font-weight: 300;margin-top: 20px;}
#sub.audition .con01 .list_btn {display: flex;flex-wrap: wrap}
#sub.audition .con01 .list_btn > div{margin-right: 45px;}
#sub.audition .con01 .list_btn > div svg{opacity: 0.2}
#sub.audition .con01 .list_btn a span{font-size: 20px;}
#sub.audition .con02{background: url(/img/sub/faq_bg.png);padding-top: 155px;}
#sub.audition .con02 strong{display: block;color: #6E4774;font-size: 60px;font-weight: 500;margin-bottom: 50px;font-family: 'Montserrat', sans-serif;font-weight: 600}
#sub.audition .con02 ul li{border-bottom: 1px solid #DDDDDD}
#sub.audition .con02 ul li .title a{font-size: 30px;color: #AA9DAC;font-weight: 500;display: block;padding: 40px 50px;position: relative;padding-left: 82px;word-break: keep-all;padding-right: 80px;word-break: keep-all;line-height: 1.5}
#sub.audition .con02 ul li .title a span{position: absolute;left: 50px;}
#sub.audition .con02 ul li .title a:before{content: '';display: block;width: 50px;height: 22px;background: url(/img/sub/faq_btn.png);position: absolute;right: 50px;top: 50%;margin-top: -11px;transition: 0.6s}
#sub.audition .con02 ul li .title.on a:before{transform: rotate(180deg)}
#sub.audition .con02 ul li .text{background: #F9F9F9;display: none}
#sub.audition .con02 ul li .text p{color: #999999;font-size: 20px;font-weight: 300;line-height: 30px;padding: 50px;word-break: keep-all}
#sub.audition .con03{padding-bottom: 160px;background: #fff;padding-top: 90px;}
#sub.audition .con03 strong{display: block;font-size: 24px;color: #6E4774;margin-bottom: 20px;}
#sub.audition .con03 ul li{color: #747474;font-size: 18px;line-height: 28px;position: relative;padding-left: 16px;margin-bottom: 20px;}
#sub.audition .con03 ul li:before{content: '';display: block;width: 6px;height: 6px;box-sizing: border-box;border: 1px solid #AA9DAC;position: absolute;left: 0;top: 10px}

#sub.about .con01 strong{display: block;font-size: 80px;color: #FFFFFF;font-family: 'Montserrat', sans-serif;margin-bottom: 100px;}
#sub.about .sub_con{padding-bottom: 0;background: url(/img/sub/about_bg.png)}
#sub.about .con01{padding-top: 255px;}
#sub.about .con01 p{color: #FFFFFF;font-size: 24px;font-weight: 300;line-height: 42px;margin-top: 50px;}
#sub.about .con01 p span{font-weight: 600}
#sub.about .con02{padding-top: 313px;background: url(/img/sub/about_bg02.png) no-repeat bottom center;margin-top: -250px;overflow: hidden}
#sub.about .con02 .wrap{position: relative;min-height: 837px;padding-left: 410px;padding-top: 175px}
#sub.about .con02 .wrap2{min-height: 907px;}
#sub.about .con02 .wrap .ceo{position: absolute;bottom: -90px;left: -120px;}
#sub.about .con02 .wrap .txt > *{padding-left: 175px;}
#sub.about .con02 .wrap .txt .name{border-bottom: 1px solid #F2F2F3;padding-bottom: 40px;}
#sub.about .con02 .wrap .txt .name > *{display: inline-block;vertical-align: bottom-}
#sub.about .con02 .wrap .txt .name strong{font-size: 40px;color: #333333;}
#sub.about .con02 .wrap .txt .name p{font-size: 24px;color: #C2C0D4;margin-left: 40px;font-weight: 500}
#sub.about .con02 .wrap .txt .con{padding-top: 50px;}
#sub.about .con02 .wrap .txt .con strong{display: block;font-size: 22px;color: #333333;margin-bottom: 20px;}
#sub.about .con02 .wrap .txt .con p{font-size: 20px;line-height: 38px;color: #7F7F7F}
#sub.about .con02 .wrap .txt .c02{margin-top: 50px;}
#sub.about .con02 .wrap .txt .c02 > ul{display: flex}
#sub.about .con02 .wrap .txt .c02 > ul > li{width: 50%}
#sub.about .con02 .wrap .txt .c02 > ul > li ul li{font-size: 20px;color: #7F7F7F;line-height: 38px;position: relative;padding-left: 15px;}
#sub.about .con02 .wrap .txt .c02 > ul > li ul li:before{content: '';display: block;width: 6px;height: 8px;background: url(/img/sub/bul.png);position: absolute;top: 15px;left: 0}
#sub.about .con03{padding-top: 220px;position: relative}
#sub.about .con03 .bg_att{position: absolute;top: 50%;transform: translateY(-50%);right: -90px;opacity: 0.2}
#sub.about .con03 .bg_att svg{display: block}
#sub.about .con03 .tit strong{display: block;font-size: 60px;color: #FFFFFF;font-family: 'Montserrat', sans-serif;}
#sub.about .con03{overflow: hidden}
#sub.about .con03 .his{position: relative}
#sub.about .con03 .his_list{display: flex;height: 430px;position: relative;margin-top: -55px;}
#sub.about .con03 .his_list:after{content: '';display: block;width: 150%;height: 1px;top: 50%;background: rgba(255,255,255,0.5);position: absolute;}
#sub.about .con03 .his_list > li:nth-child(1){margin-left: 270px;}
#sub.about .con03 .his_list > li:nth-child(2){margin-left: 195px;}
#sub.about .con03 .his_list > li:nth-child(3){margin-left: 120px;}
#sub.about .con03 .his_list > li:nth-child(3){margin-left: 120px;}
#sub.about .con03 .his_list > li{}
#sub.about .con03 .his_list > li > .txt{height: 50%;position: relative;top: 50%;position: relative}
#sub.about .con03 .his_list > li > .txt .line{position: absolute;top: 0;top: -17px;}
#sub.about .con03 .his_list > li:nth-child(2n) > .txt .line{top: auto;bottom: -17px}

@keyframes bar2{
    0%{height: 0}
    20%{height: 100%}
    40%{height: 50%}
    60%{height: 20%}
    80%{height: 70%}
    100%{height: 0}
}

#sub.about .con03 .his_list > li > .txt .line i{display: inline-block;height: 35px;width: 4px;position: relative}
#sub.about .con03 .his_list > li > .txt .line i:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 50%;transform: translateY(-50%);background: #fff;animation: bar2 3s infinite linear;height: 0}
#sub.about .con03 .his_list > li > .txt i.line02:after{animation-delay: 0.2s}
#sub.about .con03 .his_list > li > .txt i.line03:after{animation-delay: 0.4s}
#sub.about .con03 .his_list > li .txt .txt{padding-top: 50px;}
#sub.about .con03 .his_list > li:nth-child(2n) .txt .txt{padding-top: 0;}
#sub.about .con03 .his_list > li:nth-child(2n) > .txt{top: 0}
#sub.about .con03 .his_list > li .txt strong{display: block;font-size: 40px;color: #FFFFFF;font-family: 'Montserrat', sans-serif;margin-bottom: 20px}
#sub.about .con03 .his_list > li .txt ul li{color: #FFFFFF;font-size: 20px;line-height: 34px;font-weight: 300;position: relative;padding-left: 75px;}
#sub.about .con03 .his_list > li .txt ul li span{position: absolute;left: 0}
#sub.about .con03 .his_list > li:nth-child(2n) .txt .txt{ display: flex;flex-direction: column-reverse;} 
#sub.about .con03 .his_list > li:nth-child(2n) .txt .txt strong{margin-top: 20px;margin-bottom: 0}
#sub.about .con03 .his_list > li .txt ul li span{color: #FFFFFF;font-size: 24px;font-family: 'Montserrat', sans-serif;font-weight: 600}
#sub.about .con04{padding-top: 215px;}
#sub.about .con04 .title strong{display: block;color: #FFFFFF;font-size: 60px;font-family: 'Montserrat', sans-serif;margin-bottom: 50px;font-weight: 600}
#sub.about .con04 .title .info{padding-bottom: 10px;}
#sub.about .con04 .title .info ul li{color: #F0EAF3;font-size: 24px;font-weight: 300;position: relative;padding-left: 180px;margin-bottom: 20px}
#sub.about .con04 .title .info ul li span{position: absolute;color: #FFFFFF;;position: absolute;left: 0;font-weight: 600}
#sub.about .con04{padding-bottom: 190px;}
#sub.about .con04 .title{position: relative;}
#sub.about .con04 .title .sns{position: absolute;right: 0;bottom: 30px}
#sub.about .con04 .title .sns ul{display: flex}
#sub.about .con04 .title .sns ul li{margin-right: 20px}
#sub.about .con04 .title .sns ul li:last-child{margin-right: 0}


/*motion*/
#sub .sub_visual ul{filter: blur(20px);transition: 1.2s}
#sub .sub_visual.on ul{filter: blur(0);transition: 1.2s}

#sub .sub_visual strong{filter: blur(20px);transition: 1.2s;letter-spacing: 10px;opacity: 0;transition-delay: 0.3s}
#sub .sub_visual.on strong{filter: blur(0);letter-spacing: 0;opacity: 1}
#sub .sub_visual strong.line2{transition-delay: 0.6s}

#sub.about .con01 strong{transform: translateX(90px);opacity: 0;transition: 1.2s}
#sub.about .con01.on strong{transform: translateX(0);opacity: 1}
#sub.about .con01 p{transform: translateX(90px);opacity: 0;transition: 1.2s;transition-delay: 0.3s}
#sub.about .con01.on p{transform: translateX(0);opacity: 1}
#sub.about .con01.on p.p01{transition-delay: 0.6s}

#sub.about .con02 .wrap .ceo{transform: translateX(-90px);opacity: 0;transition: 1.2s;}
#sub.about .con02.on .wrap .ceo{transform: translateX(0);opacity: 1}
#sub.about .con02 .wrap .txt{transform: translateX(90px);opacity: 0;transition: 1.2s;transition-delay: 0.3s}
#sub.about .con02.on .wrap .txt{transform: translateX(0);opacity: 1}

#sub.about .con03 .tit strong{transform: translateY(90px);opacity: 0;transition: 1.2s;}
#sub.about .con03.on .tit strong{transform: translateY(0);opacity: 1}
#sub.about .con03 .his_list:after{width: 0;transition: 2s}
#sub.about .con03.on .his_list:after{width: 150%}
#sub.about .con03 .his_list > li:nth-child(2){transform: translateY(-90px)}
#sub.about .con03 .his_list > li{transform: translateY(90px);opacity: 0;transition: 1.2s;}
#sub.about .con03.on .his_list > li{transform: translateY(0);opacity: 1}
#sub.about .con03 .his_list > li:nth-child(1){transition-delay: 0.3s}
#sub.about .con03 .his_list > li:nth-child(2){transition-delay: 0.6s}
#sub.about .con03 .his_list > li:nth-child(3){transition-delay: 0.9s}
#sub.about .con04 .title strong{transform: translateY(90px);opacity: 0;transition: 1.2s;}
#sub.about .con04.on .title strong{transform: translateY(0);opacity: 1}
#sub.about .con04 .title ul{transform: translateY(90px);opacity: 0;transition: 1.2s;}

#sub.about .con03 .bg_att svg{transform: translateX(60px);opacity: 0}
#sub.about .con03.on .bg_att svg{transform: translateX(0);opacity: 1;transition: 1.2s;}

#sub.about .con04.on .title ul{transform: translateY(0);opacity: 1}
#sub.about .con04 .map{transform: translateY(90px);opacity: 0;transition: 1.2s;transition-delay: 0.6s}
#sub.about .con04 .map img{max-width: 100%}
#sub.about .con04.on .map{transform: translateY(0);opacity: 1}
#sub.audition .con01 ul.list li{transform: translateY(90px);opacity: 0;transition: 1.2s;}
#sub.audition .con01.on ul.list li{transform: translateY(0);opacity: 1}
#sub.audition .con01 ul.list li:nth-child(2){transition-delay: 0.3s}
#sub.audition .con01 ul.list li:nth-child(3){transition-delay: 0.6s}
#sub.audition .con01 ul.list li:nth-child(4){transition-delay: 0.9s}
#sub.audition .con01 ul.list li:nth-child(5){transition-delay: 1.2s}
#sub.audition .list_btn {transform: translateY(90px);opacity: 0;transition: 1.2s;transition-delay: 1.5s}
#sub.audition .on .list_btn{transform: translateY(0);opacity: 1}

#sub.audition .con02 strong{transform: translateY(90px);opacity: 0;transition: 1.2s;}
#sub.audition .con02.on strong{transform: translateY(0);opacity: 1}
#sub.audition .con02 ul{transform: translateY(90px);opacity: 0;transition: 1.2s;transition-delay: 0.3s}
#sub.audition .con02.on ul{transform: translateY(0);opacity: 1}
#sub.audition .con03 > div{transform: translateY(90px);opacity: 0;transition: 1.2s;transition-delay: 0.6s}
#sub.audition .con03.on > div{transform: translateY(0);opacity: 1}

@media (max-width: 1850px){
    #sub .bg video{width: auto}

}
@media (max-width: 1520px){
    .inner{width: 100%;padding: 0 20px }
    #sub.about .con02{background-position: right}
    #sub.about .con03 .his_list > li{width: 33.33%}
    #sub.about .con03 .his_list > li:nth-child(1), #sub.about .con03 .his_list > li:nth-child(2), #sub.about .con03 .his_list > li:nth-child(3){margin-left: 0}
    #sub.about .con02 .wrap .txt .con p br{display: none}
    #sub.about .con02 .wrap .txt .con p{word-break: keep-all}
}
@media (max-width: 1320px){
    #sub.about .con02{background: none;position: relative;padding-bottom: 100px;}
    #sub.about .con02 .wrap .ceo{position: static}
    #sub.about .con02 .wrap{padding-left: 0}
    #sub.about .con02 .wrap .ceo{position: relative;text-align: center}
    #sub.about .con02:before{content: '';display: block;width: 100%;height: 60%;position: absolute;bottom: 0;left: 0;background: #fff}
    #sub.about .con02 .wrap .ceo{bottom: 0;left: 0}
    #sub.about .con02 .wrap .txt > *{padding-left: 0}
}
@media (max-width: 980px){
    #sub.audition .con03 ul li{font-size: 13px;line-height: 1.7}
    #sub.audition .con03 ul li:before{width: 4px;height: 4px;}
    #sub.audition .con03 ul li:before{top: 8px}
    #sub.audition .con03 ul li{margin-bottom: 10px}
    #sub.audition .con03 strong{font-size: 16px;margin-bottom: 15px}
    #sub.audition .con02 ul li .title a{font-size: 20px}
    #sub.audition .con02 ul li .title a{padding: 20px 40px}
    #sub.audition .con02 ul li .title a span{left: 12px}
    #sub.audition .con02 ul li .title a:before{right: 20px;width: 35px;background-size: 100% auto;height: 15px;margin-top: -7.5px;}
    #sub.audition .sub_visual, #sub.about .sub_visual{padding-top: 360px;}
    #sub.audition .sub_visual strong, #sub.about .sub_visual strong{font-size: 50px;line-height: 1.5}
    #sub.audition .con01 ul.list li strong{font-size: 20px;margin-top: 10px}
    #sub.audition .con01 ul.list li p{font-size: 14px;line-height: 1.5;margin-top: 10px;}
    #sub.audition .con01 .bg{height: 100%;border-right: 200px solid rgba(255,255,255,0.2);border-top: 60px solid transparent;border-bottom: 60px solid transparent}
    #sub.audition .con01{padding-top: 100px;padding-bottom: 100px;}
    #sub.audition .con02{padding-top: 100px}
    #sub.audition .con02 strong{font-size: 40px;margin-bottom: 25px}
    #sub.audition .con02 ul li .text p{font-size: 13px;padding: 10px;line-height: 1.5}
    #sub .sub_visual ul li{font-size: 15px;}
    #sub .sub_visual ul li svg{width: 22px;height: auto}
    #sub.audition .con03{padding-bottom: 80px}
    #sub .sub_visual strong i svg{width: 50px;height: auto}
    #sub.about .con01 strong{font-size: 50px;margin-bottom: 20px}
    #sub.about .con01 p{font-size: 16px;line-height: 1.7;margin-top: 20px}
    #sub.about .con01{padding-top: 60px}
    #sub.about .con02 .wrap .txt .name strong{font-size: 22px}
    #sub.about .con02 .wrap .txt .name p{font-size: 16px;margin-left: 20px}
    #sub.about .con02 .wrap .txt .con strong{font-size: 15px;margin-bottom: 7px}
    #sub.about .con02 .wrap .txt .con p{font-size: 13px;line-height: 1.5}
    #sub.about .con02 .wrap .txt .c02 > ul > li ul li{font-size: 13px;line-height: 1.7}
    #sub.about .con02 .wrap .txt .c02 > ul > li ul li:before{top: 8px}
    #sub.about .con02 .wrap .ceo img{max-width: 80%}
    #sub.about .con03 .his_list > li .txt strong{font-size: 20px}
    #sub.about .con03 .his_list > li .txt ul li{font-size: 13px;line-height: 1.5}
    #sub.about .con03 .his_list > li .txt ul li span{font-size: 13px}
    #sub.about .con03 .tit strong, #sub.about .con04 .title strong{font-size: 35px;}
    #sub.about .con03 .his_list{height: 250px}
    #sub.about .con03 .his_list > li .txt .txt{padding-top: 40px;}
    #sub.about .con03 .his_list{margin-top: 25px;}
    #sub.about .con03 .his_list > li > .txt .line{transform: scale(0.8)}
    #sub.about .con03{padding-top: 80px}
    #sub.about .con04{padding-top: 80px}
    #sub.about .con04 .title .info ul li{font-size: 15px;padding-left: 110px;margin-bottom: 10px;}
    #sub.about .con04 .title .sns ul li svg{width: 35px;height: auto}
    #sub.about .con04 .title .sns{bottom: 10px}
    #sub.about .con04 .title .sns ul li{margin-right: 10px;}
    #sub.about .con04 .title strong{margin-bottom: 20px}
    #sub.about .con02 .wrap{padding-top: 20px}
    #sub.list .list_w > ul > li a:before, #sub.list .list_w > ul > li a:after{display: none}
    #sub.list .list_w > ul > li a .txt{position: static}
    #sub.list .list_w > ul > li .img:after{display: none}
    #sub.list .list_w > ul > li a .txt strong{font-size: 15px;color: #333;}
    #sub.list .list_w > ul > li a .txt{padding: 0;padding-top: 15px}
    #sub.list .list_w > ul > li a .go{display: none}
    #sub .btn_wrap .sch_w .text_box input{height: 40px;font-size: 14px;width: 190px}
    #sub .btn_wrap .sch_w .text_box button img{width: 40px}
    #sub .btn_wrap .sch_w select{font-size: 14px;height: 40px;width: 70px}
    #sub .btn_wrap .paging ul li a{width: 30px;height: 30px;background-size: 100% 100% !important;line-height: 30px;font-size: 14px}
    #sub .sub_visual strong{font-size: 38px;}
    #sub .sub_visual{padding-top: 250px;padding-bottom: 160px}
    #sub .list_btn a svg{width: 160px;height: auto}
    #sub .list_btn a{width: 160px;height: 50px;line-height: 50px}
    #sub .list_btn a span{font-size: 16px;}
    #sub.audition .con01 .list_btn a span{font-size: 14px;}
    #sub .list_btn a:after{width: 20px;right: 30px;}
    #sub .list_btn a{padding-left: 18px}
    #sub.audition .con01 .bg{top: 0}
    #sub.audition .con01 .sns{right: 20px}
    #sub.audition .con01 .sns svg{width: 40px;height: 40px}
    #sub.about .con03 .bg_att{width: 90%}
    #sub.about .con03 .bg_att svg{width: 100%;height: auto}
	#sub.about .con04{padding-bottom: }

}
@media (max-width: 690px){
    #sub.about .con03 .his_list {flex-wrap: wrap}
    #sub.about .con03 .his_list > li{width: 100%;padding-left: 25px;}
    #sub.about .con03 .his_list > li:nth-child(2n) .txt .txt{flex-direction: row;display: block}
        #sub.about .con03 .his_list > li:nth-child(2n) > .txt, #sub.about .con03 .his_list > li > .txt{top: 0;height: auto}
    #sub.about .con03 .his_list > li:nth-child(2){transform: translateY(90px)}
    #sub.about .con03.on .his_list > li:nth-child(2){transform: translateY(0)}
    #sub.about .con03 .his_list > li > .txt .line{display: none}
    #sub.about .con03.on .his_list:after{width: 1px;height: 100%}
    #sub.about .con03 .his_list:after{width: 1px;top: 0}
    #sub.about .con03 .his_list > li .txt .txt{padding-top: 0}
    #sub.about .con03 .his_list > li:nth-child(2n) .txt .txt strong{margin-top: 0;margin-bottom: 10px}
    #sub.about .con03 .his_list > li .txt .txt strong{margin-bottom: 10px}
    #sub.about .con02{margin-top: 0;padding-top: 20px}
    #sub.about .con01 p{font-size: 13px;line-height: 1.5}
    #sub.about .con02:before{height: 80%}
    #sub.list .list_w{padding-top: 0}
    #sub .btn_wrap .paging{float: none;}
    #sub .btn_wrap .sch_w{float: none;width: 100%}
    #sub .btn_wrap .sch_w select{width: 30%}
    #sub .btn_wrap .sch_w .text_box{width: 70%}
    #sub .btn_wrap .sch_w .text_box input{width: 100%}
    #sub .btn_wrap .paging ul{display: block;text-align: center;margin-bottom: 10px}
    #sub .btn_wrap .paging ul li{display: inline-block;vertical-align: middle}

}
@media (max-width: 560px){
    #sub.audition .con02 ul li .title a{font-size: 15px;line-height: 1.5;padding-top: 7px;padding-bottom: 7px;padding-right: 70px}
    #sub.audition .con02 ul li .title a:before{width: 25px;height: 11px;}
    #sub.audition .con03{padding-top: 35px;}
    #sub.audition .con02 strong{font-size: 30px;}
    #sub.audition .con02{padding-top: 60px;}
    #sub.audition .con01 ul.list li{width: 50%;margin-bottom: 40px;}
    #sub.audition .sub_visual strong, #sub.about .sub_visual strong{font-size: 35px;letter-spacing: 1px}
    #sub .sub_visual ul{margin-bottom: 20px}
    #sub.audition .sub_visual, #sub.about .sub_visual{padding-bottom: 80px}
    #sub.audition .con01{padding-top: 80px;padding-bottom: 50px;}
    #sub.audition .con01 .bg{top: 0;border-top: 60px solid rgba(255,255,255,0.2);border-left: 40px solid transparent; border-right: 40px solid transparent;right: 0;bottom: 0;top: auto}
    #sub .sub_visual strong i svg{width: 40px;height: auto}
    #sub.about .con02 .wrap .txt .c02 > ul{flex-wrap: wrap}
    #sub.about .con02 .wrap .txt .c02{margin-top: 0}
    #sub.about .con02 .wrap .txt .c02 > ul > li{width: 100%;margin-top: 20px}
    #sub.about .con02 .wrap .txt .name{padding-bottom: 20px;}
    #sub.about .con02 .wrap .txt .con{padding-top: 20px}
    #sub.about .con04 .title .sns{position: static;margin-bottom: 20px}
    #sub.about .con01 strong{font-size: 35px}
    #sub.about .con02{padding-bottom: 60px}
    #sub.list .list_w > ul > li{width: 100%}
    #sub.list .list_w > ul > li{margin-bottom: 25px}
    #sub.about .con01 p{word-break: keep-all}
    #sub.about .con01 p br{display: none}
    #sub.about .con02 .wrap .txt .name p{font-size: 14px}
    #sub.audition .con01 > div{position: static}
    #sub.audition .con01 .sns{top: 0;left: 0;right: auto;width: 100%}
    #sub.audition .con01 .sns{text-align: center}
    #sub.audition .con01 .sns ul{display: block}
    #sub.audition .con01 .sns ul li{display: inline-block;margin-right: 10px;}
    #sub.audition .con01 .sns ul li:last-child{margin-right: 0}
    #sub.audition .con01 .sns ul li svg{width: 30px;height: 30px}
    #sub.audition .con01 .sns{transform: none;top: 15px}
	#sub.about .con04 .title .info ul li span{position: static;display: block;margin-bottom: 7px}
	#sub.about .con04 .title .info ul li{padding-left: 0}
	#sub.about .con04 .title .info ul li{font-size: 13px;}
	#sub.about .con04{padding-bottom: 80px;}
	#sub .sub_con{padding-bottom: 70px;}
    #sub.audition .con01 .list_btn > div{margin-right: 10px;margin-bottom: 10px;}

}
@media (max-width: 460px){
    #sub.audition .sub_visual strong, #sub.about .sub_visual strong{font-size: 30px;}
    #sub.about .con01 strong{font-size: 30px}
    #sub.about .con03 .tit strong, #sub.about .con04 .title strong{font-size: 30px}
    #sub.audition .con01 .list_btn > div{margin-top: 5px}
    #sub.audition .con01 .list_btn > div{width: 50%;margin-right: 0}
}