/* 서브 공통 */


#cursor {
  z-index: 99;
  position: fixed;
  left: 0;
  top: 0;
    width: 0;height: 0;background: url(/img/sub/slide_btn.png);background-size: 100% 100%; transition: width 0.6s, height 0.6s
    
}
#cursor.on {width: 120px;height: 120px}
#cursor div{transform: scale(0);transition: 0.2s;display: none}
#cursor.on div{transform: scale(1);}
#header.sub .all_menu_b span{background: #000}
#sub .sub_con{padding-bottom: 150px;}
#sub .sub_visual{padding-top: 250px;margin-bottom: 150px}
#sub .sub_visual > div:after{content: '';display: block;clear: both}
#sub .sub_visual .sv_tit{float: left}
#sub .sub_visual .sv_tit strong{display: block;font-size: 100px;color: #000000;font-family: 'Manrope', sans-serif;font-weight: 900}
#sub .sub_visual .sv_paging{float: right}
#sub .sub_visual .sv_paging ul li{display: inline-block;vertical-align: middle;font-size: 18px;color: #000000;}
#sub .sub_visual .sv_paging ul li:before{content: '';display: inline-block;width: 4px;height: 4px;border-radius: 50%;background: #000000;vertical-align: middle;margin: 0 10px;}
#sub .sub_visual .sv_paging ul li:first-child:before{display: none}
#sub .sub_visual .sv_paging ul li:last-child:before{background: #FFCC00}
#sub .sub_visual .sv_txt{clear: both;float: left;width: 100%;text-align: right}
#sub .sub_visual .sv_txt div{display: inline-block;position: relative;margin-top: 100px;}
#sub .sub_visual .sv_txt div i{position: absolute;left: -80px;top: 10px}
#sub .sub_visual .sv_txt div strong{display: block;font-size: 36px;line-height: 60px;color: #000000;font-weight: 400;position: relative;z-index: 2}
#sub .s_tit strong{display: block;font-size: 60px;font-weight: 900;color: #000000;font-family: 'Manrope', sans-serif;margin-bottom: 50px}
#sub .sub_visual .sv_txt div strong span{font-weight: 600;color: #FFAA00;}
#sub.greeting .con01{padding-bottom: 50px}
#sub.greeting .con01 ul li{position: relative;margin-bottom: 150px;}
#sub.greeting .con01 ul li .tit{position: absolute;left: 0;top: 0}
#sub.greeting .con01 ul li .tit div{position: relative}
#sub.greeting .con01 ul li .tit div:before{content: '';display: block;width: 450px;height: 2px;background: #EBEBEB;right: 0;bottom: 0;position: absolute}
#sub.greeting .con01 ul li:nth-child(2n) .tit div:before{right: auto;left: 0}
#sub.greeting .con01 ul li .tit div:after{content: '';display: block;width: 100%;height: 2px;background: #FFCC00;right: 0;bottom: 0;position: absolute}
#sub.greeting .con01 ul li:nth-child(2) .tit{left: auto;right: 0}
#sub.greeting .con01 ul li .tit strong{display: block;font-size: 36px;color: #000000;font-weight: 400;padding-bottom: 30px}
#sub.greeting .con01 ul li .tit strong span{font-weight: 600;letter-spacing: 3px}
#sub.greeting .con01 ul li{padding-left: 255px;padding-top: 55px}
#sub.greeting .con01 ul li:nth-child(2){padding-left: 0;padding-right: 255px;text-align: right}
#sub.greeting .con01 ul li .txt p{font-size: 24px;color: #000000;font-weight: 500;line-height: 48px;}
#sub.greeting .sub_con{padding-bottom: 0}
#sub.greeting .con02{background: #F9F9F9;padding-top: 100px}
#sub.greeting .con02 .his_list{position: relative;padding-bottom: 200px}
#sub.greeting .con02 .his_list .line{position: absolute;width: 2px;height: 100%;background: #DDDDDD;left: 490px;position: absolute;top: 0}
#sub.greeting .con02 .his_list .line i{display: block;width: 100%;height: 100%;background: #DDDDDD}
#sub.greeting .con02 .his_list .line i:after{content: '';display: block;width: 100%;height: 0;background: #FFCC00}
#sub.greeting .con02.on .his_list .line i:after{animation: height 17s linear;animation-fill-mode: forwards}
@keyframes height{
    0%{height: 0}
    100%{height: 100%}
}
#sub.greeting .con02 .his_list .list{padding-left: 490px;position: relative;min-height: 180px;margin-bottom: 150px}
#sub.greeting .con02 .his_list .list .year{position: absolute;left: 0;background: #FFFFFF;border-radius: 20px;box-shadow: 0 0 50px rgba(0,0,0,0.1);width: 400px;line-height: 180px;}
#sub.greeting .con02 .his_list .list .year strong{display: block;font-size: 100px;color: #DDDDDD;text-align: center;font-family: 'Manrope', sans-serif;}
#sub.greeting .con02 .his_list .list .year strong span{color: #FFCC00}
#sub.greeting .con02 .his_list .list .txt_w{padding-top: 70px;}
#sub.greeting .con02 .his_list .list .txt_w ul li{font-size: 24px;line-height: 36px;color: #000000;margin-bottom: 70px;padding-left: 56px;position: relative}
#sub.greeting .con02 .his_list .list .txt_w ul li:before{content: '';display: block;width: 14px;height: 14px;box-sizing: border-box;border: 2px solid #DDDDDD;background: #fff;border-radius: 50%;left: -6px;position: absolute;top: 11px;}
#sub.company .sub_con{padding-bottom: 0}
#sub.company .con{position: relative;margin-bottom: 300px}
#sub.company .con03{margin-bottom: 0}
#sub.company .con{padding-left: 50%}
#sub.company .con .txt{background: #F9F9F9;padding: 50px;border-radius: 20px;position: relative}
#sub.company .con .txt:before{content: '';display: block;width: 10px;height: 10px;background: #FFCC00;border-radius: 50%;left: -5px;top: 50%;margin-top: -5px;position: absolute}
#sub.company .con .txt p{font-size: 24px;color: #000000;line-height: 48px;font-weight: 500}
#sub.company .con .symbol{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 50%}
#sub.company .con .symbol img{max-width: 100%}
#sub.company .con .symbol div{position: relative}
#sub.company .con .symbol div .color_bg{position: absolute;top: 0;left: 0;max-width: 100%;opacity: 0;transition: 2s;transition-delay: 1.2s;transform: none}
#sub.company .con.on .symbol div .color_bg{opacity: 1}
#sub.company .con04{background: url(/img/sub/symbol_bg.jpg);padding: 240px 0;margin-top: 200px;}
#sub.company .con04 strong{display: block;color: #FFFFFF;font-size: 60px;text-align: center}
#sub.company .con04 strong span{display: inline-block;position: relative}
#sub.company .con04 strong span:before{content: '';display: block;width: 100%;height: 4px;background: #FFCC00;border-radius: 2px;position: absolute;bottom: 0}
#sub.partner .con01{margin-bottom: 200px}
#sub.partner .con .tit{margin-bottom: 50px;}
#sub.partner .con .tit strong{display: block;color: #FFCC00;font-size: 24px;font-family: 'Manrope', sans-serif;}
#sub.partner .con ul{display: flex;flex-flow: wrap}
#sub.partner .con ul li{width: 20%;}
#sub.partner .con ul li img{max-width: 100%}
#sub.contact .con01 .tab{display: flex;position: relative;z-index: 2}
#sub.contact .con01 .tab li{width: 50%}
#sub.contact .con01 .tab li a{display: block;text-align: center;line-height: 100px;color: #DDDDDD;font-size: 30px;font-weight: 600;position: relative}
#sub.contact .con01 .tab li.on a{color: #FFAA00}
#sub.contact .con01 .tab li a:before{content: '';display: block;color: #FFAA00;width: 12px;height: 12px;background: #FFAA00;border-radius: 50%;position: absolute;left: 50%;margin-left: -6px;bottom: -6px;opacity: 0}
#sub.contact .con01 .tab li a:after{content: '';display: block;width: 100px;height: 4px;position: absolute;background: #FFAA00;position: absolute;left: 50%;margin-left: -50px;bottom: -2px;opacity: 0}
#sub.contact .con01 .tab li.on a:before, #sub.contact .con01 .tab li.on a:after{opacity: 1}
#sub.contact .con01 .map{height: 600px}
#sub.contact .con01 .map .root_daum_roughmap{width: 100%;height: 100%}
#sub.contact .con01 .map .root_daum_roughmap .wrap_map{width: 100%;height: 100%}
#sub.contact .con01 .address{width: 646px;background: #FFFFFF;margin: 0 auto;text-align: center;margin-top: -50px;position: relative;z-index: 3;border-radius: 50px;box-shadow: 0 0 20px rgba(0,0,0,0.1);margin-bottom: 100px;}
#sub.contact .con01 .address p{display: block;line-height: 100px;font-size: 24px;color: #000000;}
#sub.contact .con01 .address p:before{content: '';display: inline-block;width: 24px;height: 24px;background: url(/img/sub/pin.png);vertical-align: middle;margin-right: 10px;position: relative;top: -2px;}
#sub.contact .con01 ul{text-align: center}
#sub.contact .con01 ul li{display: inline-block;font-size: 24px;color: #999999;margin-right: 100px}
#sub.contact .con01 ul li span{font-weight: 600;display: inline-block;color: #000000;margin-right: 20px}
#sub.contact .con01 ul li:last-child{margin-right: 0}
#sub.agency .con01{padding-bottom: 185px}
#sub.agency .con01:after{content: '';display: block;clear: both}
#sub.agency .con01 .left{float: left}
#sub.agency .con01 .left strong{display: block;font-size: 60px;font-weight: 900;color: #000000;font-family: 'Manrope', sans-serif;margin-bottom: 50px}
#sub.agency .con01 .left ul li{font-size: 24px;line-height: 36px;color: #000000;margin-bottom: 30px;position: relative;padding-left: 16px;}
#sub.agency .con01 .left ul li:before{content: '';display: block;width: 6px;height: 6px;background: #FFCC00;border-radius: 50%;position: absolute;left: 0;top: 14px;}
#sub.agency .con01 .left ul li:last-child{margin-bottom: 0}
#sub.agency .con01 .right{float: right}
#sub.agency .con01 .right ul{position: relative}
#sub.agency .con01 .right ul li{position: absolute;right: 0;top: 0}
#sub.agency .con02 .step ul{display: flex;position: relative}
#sub.agency .con02 .content > ul{display: flex;position: relative}
#sub.agency .con02 .content > ul > li{width: 33.33%}
#sub.agency .con02 .step{margin-bottom: 30px;}
#sub.agency .con02 .step ul:before{content: '';display: block;width: 100%;height: 1px;position: absolute;top: 50%;background: #DDDDDD}
#sub.agency .con02 .step ul li{width: 33.33%;position: relative;position: relative}
#sub.agency .con02 .step ul li:before{content: '';display: block;position: absolute;width: 10px;height:10px;top: 50%;margin-top: -5px; left: 0;border-radius: 50%;background: #DDDDDD}
#sub.agency .con02 .step ul li:last-child:after{content: '';display: block;position: absolute;width: 10px;height:10px;top: 50%;margin-top: -5px; right: 0;border-radius: 50%;background: #FFCC00}
#sub.agency .con02 .step ul li:last-child span{color:#FFAA00}

#sub.agency .con02 .step ul li{text-align: center}
#sub.agency .con02 .step ul li span{display: inline-block;background: #fff;font-weight: 900;color: #999999;font-family: 'Manrope', sans-serif;padding: 0 15px;}
#sub.agency .con02 .step ul li span{display: inline-block;background: #fff;font-weight: 900;color: #999999;font-family: 'Manrope', sans-serif;padding: 0 15px;}
#sub.agency .con02 .content .wrap{width: 312px;height: 312px;border-radius: 50%;overflow: hidden;margin: 0 auto;position: relative;box-shadow: 0 0 20px rgba(0,0,0,.1)}
#sub.agency .con02 .content .wrap .txt{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;text-align: center}
#sub.agency .con02 .content .wrap .txt strong{display: block;font-size: 24px;color: #000000;margin-bottom: 20px;}
#sub.agency .con02 .content .wrap .txt p{font-size: 18px;line-height: 27px;color: #000000;}
#sub.agency .con02 .content .wrap ul li{margin-bottom: 3.2%;height: 31.2%;text-align: center;line-height: 100%;position: relative;color: #FFFFFF;font-weight: 600;font-size: 24px;}
#sub.agency .con02 .content .wrap ul li span{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);left: 0}
#sub.agency .con02 .content .wrap ul li:last-child{margin-bottom: 0}
#sub.agency .con02 .content .wrap ul li:nth-child(1){background: linear-gradient( to bottom, #FFAA00, #ffc300 );}
#sub.agency .con02 .content .wrap ul li:nth-child(3){background: linear-gradient( to top, #FFAA00, #ffc300 );}
#sub.agency .con02 .content .wrap ul li:nth-child(2){background: linear-gradient( to bottom, #ffc300, #ffbf00, #ffc300 );}
#sub.ip .con01{margin-bottom: 355px}
#sub.ip .con01 ul{margin-top: 156px;}
#sub.ip .con01 ul:after{content: '';display: block;clear: both}
#sub.ip .con01 ul li{float: left;width: 300px;;margin-left: -25px;position: relative}
#sub.ip .con01 ul li:nth-child(1){margin-left: 0}
#sub.ip .con01 ul li{position: relative;z-index: 3}
#sub.ip .con01 ul li:nth-child(2n){z-index: 2;margin-top: 70px;}
#sub.ip .con01 ul li .tit{width: 300px;height: 300px;position: relative;box-shadow: 0 0 60px rgba(0,0,0,0.1);background: #fff;border-radius: 50%}
#sub.ip .con01 ul li:nth-child(2n) .tit{background: #FFCC00}
#sub.ip .con01 ul li .tit strong{display: block;width: 100%;top: 50%;transform: translateY(-50%);text-align: center;position: absolute;color: #FFAA00;font-size: 30px;line-height: 45px;font-family: 'Manrope', sans-serif;}
#sub.ip .con01 ul li .txt_w{position: absolute;width: 100%;text-align: center;top: 100%;}
#sub.ip .con01 ul li:nth-child(2n) .txt_w{top: auto;bottom: 100%;}
#sub.ip .con01 ul li:nth-child(2n) .tit strong{color: #fff}
#sub.ip .con01 ul li .txt{position: relative;padding-top: 75px;position: relative}
#sub.ip .con01 ul li:nth-child(2n) .txt{padding-top: 0;padding-bottom: 75px}
#sub.ip .con01 ul li .txt p{display: block;font-size: 18px;color: #000000;line-height: 30px;}
#sub.ip .con01 ul li .txt:before{content: '';display: block;width: 2px;height: 50px;position: absolute;left: 50%;margin-left: -1px;top: 0;background: #FFCC00}
#sub.ip .con01 ul li:nth-child(2n) .txt:before{top: auto;bottom: 0}
#sub.ip .con01 ul li .txt:after{content: '';display: block;width: 10px;height: 10px;background: #FFCC00;border-radius: 50%;position: absolute;left: 50%;margin-left:-5px;top: 45px}
#sub.ip .con01 ul li:nth-child(2n) .txt:after{top: auto; bottom: 45px}
#sub.ip .con02 .swiper .swiper-slide{opacity: 0 !important}
#sub.ip .con02 .swiper .swiper-slide-active{opacity: 1 !important }
#sub.ip .con02 .swiper .wrap{position: relative;min-height: 600px;padding-right: 650px}
#sub.ip .con02 .swiper .wrap .img{position: absolute;right: 0;top: 0;border-radius: 20px;overflow: hidden}
#sub.ip .con02 .swiper .wrap .left{padding-top: 30px}
#sub.ip .con02 .swiper .wrap .txt{background: #F9F9F9;border-radius: 20px;padding: 50px}
#sub.ip .con02 .swiper .wrap .txt ul li{font-size: 24px;color: #000000;line-height: 36px;position: relative;padding-left: 17px;margin-bottom: 30px}
#sub.ip .con02 .swiper .wrap .txt ul li:last-child{margin-bottom: 0}
#sub.ip .con02 .swiper .wrap .txt ul li:before{content: '';display: block;width: 5px;height: 5px;background: #000000;border-radius: 50%;position: absolute;top: 15px;left: 0}
#sub.ip .con02 .swiper-pagination{text-align: left;top: 0;height: auto;bottom: auto}
#sub.ip .con02 .swiper-pagination-bullet{width: 10px;height: 10px;background: #DDDDDD;opacity: 1}
#sub.ip .con02 .swiper-pagination-bullet-active{background: #FFCC00}

#sub.licensing .list {display: flex;flex-wrap: wrap;margin-bottom: 80px;}
#sub.licensing .list .box{width: 32.857%;margin-right: 0.7145%;margin-bottom: 0.7145%}
#sub.licensing .list .box:nth-child(3n){margin-right: 0}
#sub.licensing .list .box a {position: relative;border-radius: 20px;overflow: hidden}
#sub.licensing .list .box a > img{ width: 100%; display: block; filter: blur(0); transition: filter .4s; }
#sub.licensing .list .box .hover_box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.6); z-index: 1; opacity: 0; transition: opacity .4s; }
#sub.licensing .list .box a{ display: block; width: 100%; height: 100%; }
#sub.licensing .list .box .hover_box .wrap{ position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 100%; text-align: center; }
#sub.licensing .list .box .hover_box .wrap > span{ display: block; width: 160px; height: 50px; border-radius: 50px; background-color: #FFCC00; text-align: center; line-height: 50px; color: #fff; font-size: 18px; font-weight: 600; margin: 0 auto; margin-bottom: 10px; }
#sub.licensing .list .box .hover_box .wrap > strong{ display: block; font-size: 24px; font-weight: 600; color: #000; }
#sub.licensing .list .box a:hover > img{ filter: blur(10px); }
#sub.licensing .list .box a:hover .hover_box{ opacity: 1; }
#sub .paging ul{text-align: center}
#sub .paging ul li{display: inline-block;vertical-align: top;margin-right: 10px}
#sub .paging ul li.m_prev{display: none}
#sub .paging ul li.m_next{display: none}
#sub .paging ul li:last-child{margin-right: 0}
#sub .paging ul li a{display: block;border: 1px solid #F9F9F9; width: 40px;line-height: 38px;height: 40px;text-align: center;background: #F9F9F9;border-radius: 50%;font-size: 18px;font-weight: 600;color: #CCCCCC;font-family: 'Manrope', sans-serif;}
#sub .paging ul li.on a{border-color: #FFCC00;color: #FFCC00;background: #fff}
#sub .paging ul li.prev a{border-color: #DDDDDD;background: #fff url(/img/sub/paging_prev.png) no-repeat center center}
#sub .paging ul li.next a{border-color: #DDDDDD;background: #fff url(/img/sub/paging_next.png) no-repeat center center}
#sub.view .con01 .tit{padding: 48px 50px;border-top: 2px solid #000000;border-bottom: 1px solid #DDDDDD}
#sub.view .con01 .tit span{display: inline-block;border: 1px solid #FFAA00;line-height: 48px;padding: 0 30px;border-radius: 25px;font-size: 18px;color: #FFAA00;font-weight: 600;margin-bottom: 20px}
#sub.view .con01 .tit strong{display: block;color: #000000;font-size: 36px; }
#sub.view .con01 .tit p{display: block;color: #999999;font-size: 20px; margin-top: 20px}
#sub.view .con01 .txt{min-height: 500px;padding: 50px;}
#sub.view .con01 .more_view ul{border-top: 1px solid #DDDDDD}
#sub.view .con01 .more_view ul li{padding-left: 205px;position: relative;border-bottom: 1px solid #DDDDDD}
#sub.view .con01 .more_view ul li a{display: block;line-height: 100px;color: #000000;font-size: 24px}
#sub.view .con01 .more_view ul li span{display: block;line-height: 100px;position: absolute;left: 0;color: #000000;font-weight: 900;padding-left: 50px;font-size: 24px;}
#sub.view .con01 .go_list{text-align: right;margin-top: 50px;}
#sub.view .con01 .go_list a{display: inline-block;width: 120px;line-height: 60px;text-align: center;background: #FFCC00;border-radius: 30px;font-size: 20px;font-weight: 600;color: #FFFFFF;}
#sub .cate {margin-bottom: 90px}
#sub.bo_list .cate{opacity: 1;transform: translateY(0)}
#sub.bo_list .cate ul li a{font-size: 30px}
#sub .cate ul li{display: inline-block;margin-right: 70px}
#sub .cate ul li:last-child{margin-right: 0}
#sub .cate ul li a{display: block;color: #DDDDDD;font-size: 30px;font-weight: 600;line-height: 80px;position: relative;transition: 0.8s}
#sub .cate ul li:hover a{color: #FFCC00}
#sub .cate ul li a{font-size: 60px;line-height: 100px}
#sub .cate ul li.on a:after{content: '';display: block;width: 10px;height: 10px;background: #FFCC00;border-radius: 50%;position: absolute;top: 0;left: 50%;transform: translateX(-50%)}
#sub .cate ul li.on a{color: #FFCC00}
#sub .cate p{font-size: 24px;line-height: 36px;color: #000000;margin-top: 40px;}
#sub .sch_w {text-align: right}
#sub .sch_w .sch{display: inline-block;margin-bottom: 20px}
#sub .sch_w .sch:after{content: '';display: block;clear: both}
#sub .sch_w .sch > *{float: left}
#sub .sch_w .sch select{width: 96px;height: 50px;color: #DDDDDD;border-radius: 25px;font-size: 18px;color: #999999;padding: 0 20px;border: 1px solid #DDDDDD;margin-right: 10px;}
#sub .sch_w .sch input{width: 350px;height: 50px;color: #DDDDDD;;font-size: 18px;color: #999999;padding: 0 20px;border: none; border-bottom: 1px solid #DDDDDD;color: #999999;}
#sub .sch_w .sch button img{display: block;}
#sub .sch_w .sch button{background: #FFCC00;border-radius: 10px 10px 10px 0}
#sub.bo_list .list{margin-bottom: 70px}
#sub.bo_list .list ul{border-top: 2px solid #000000 }
#sub.bo_list .list ul li{border-bottom: 1px solid #DDDDDD}
#sub.bo_list .list ul li a{display: block;padding: 44px;padding-left: 200px;position: relative;position: relative}
#sub.bo_list .list ul li a .num{position: absolute;width: 150px;text-align: center;top: 50%;transform: translateY(-50%);left: 0}
#sub.bo_list .list ul li a .num strong{display: block;font-size: 72px;color: #DDDDDD;font-family: 'Manrope', sans-serif;}
#sub.bo_list .list ul li a .cate{position: absolute;width: 150px;left: 0;top: 50%;transform: translateY(-50%);text-align: center;;opacity: 1}
#sub.bo_list .list ul li a .cate span{display: inline-block;line-height: 49px;padding: 0 30px;border: 1px solid #FFAA00;border-radius: 25px;font-size: 18px;color: #FFAA00;font-weight: 600}
#sub.bo_list .list ul li a .txt strong{display: block;color: #000000;font-size: 24px;}
#sub.bo_list .list ul li a .txt p{font-size: 18px;color: #999999;font-family: 'Manrope', sans-serif;font-weight: 600;margin-top: 10px}
#sub.creator .con01 .mySwiper2{overflow: visible}
#sub.creator .con01 .mySwiper2 .swiper-wrapper{overflow: visible}
#sub.creator .con01 .swiper-slide{padding-top: 50px}
#sub.creator .con01 .img{width: 300px;margin: 0 auto;box-shadow: 0 0 50px rgba(0,0,0,0.1);border-radius: 50%;overflow: hidden}
#sub.creator .con01 .img img{display: block}
#sub.creator .con01 .txt{text-align: center;padding-top: 30px;}
#sub.creator .con01 .txt strong{display: block;font-size: 30px;color: #000000;font-weight: 700}
#sub.creator .con01 .txt p{font-size: 18px;line-height: 32px;color: #000000;margin-top: 15px}
#sub.creator .con01_01{padding-top: 230px;}
#sub.creator .con01_01{display: flex}
#sub.creator .con01_01 > div{width: 50%;}
#sub.creator .con01_01 .left{padding-top: 245px;}
#sub.creator .con01_01 .left .c_tit{text-align: left}
#sub.creator .con01_01 .right .img{height: 680px;width: 350px;margin: 0 auto;border: 6px solid #000000;border-radius: 30px;overflow: hidden}
#sub.creator .con01_01 .right .img img{max-width: 100%}
#sub.creator .c_tit{text-align: center;margin-bottom: 70px;}
#sub.creator .c_tit strong{display: block;color: #000000;font-size: 60px;font-family: 'Manrope', sans-serif;margin-bottom: 20px;}
#sub.creator .c_tit p{font-size: 24px;line-height: 36px;color: #000000;}
#sub.creator .cate2{margin-top: 70px;margin-bottom: 40px;}
#sub.creator .cate2 ul{text-align: center}
#sub.creator .cate2 ul li{display: inline-block;margin-right: 20px}
#sub.creator .cate2 ul li:last-child{margin-right: 0}
#sub.creator .cate2 ul li a{display: block;line-height: 50px;padding: 0 30px;border: 1px solid #DDDDDD;border-radius: 25px;font-size: 18px;font-weight: 600;color: #DDDDDD;}
#sub.creator .cate2 ul li.on a{color: #FFCC00;border-color: #FFCC00}
#sub.creator .con02{padding-top: 230px;margin-bottom: 250px}
#sub.creator .con02 .mySwiper3 .swiper-slide{padding: 50px 0}
#sub.creator .con02 .mySwiper3 .img_w{border-radius: 20px;overflow: hidden;box-shadow: 0 0 50px rgba(0,0,0,0.1);}
#sub.creator .con02 .mySwiper3 .img_w img{max-width: 100%}


#sub.creator .con02 .mySwiper3 .img_w .hover_box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.6); z-index: 1; opacity: 0; transition: opacity .4s; }
#sub.creator .con02 .mySwiper3 .img_w .hover_box .wrap{ position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 100%; text-align: center; }
#sub.creator .con02 .mySwiper3 .img_w .hover_box .wrap > span{ display: block; width: 160px; height: 50px; border-radius: 50px; background-color: #FFCC00; text-align: center; line-height: 50px; color: #fff; font-size: 18px; font-weight: 600; margin: 0 auto; margin-bottom: 10px; }
#sub.creator .con02 .mySwiper3 .img_w .hover_box .wrap > strong{ display: block; font-size: 24px; font-weight: 600; color: #000; }
#sub.creator .con02 .mySwiper3 .img_w:hover > img{ filter: blur(10px); }
#sub.creator .con02 .mySwiper3 .img_w:hover .hover_box{ opacity: 1; }



#sub.creator .con02 .mySwiper3 .swiper-slide-active .img_w{opacity: 1}
#sub.creator .con02{position: relative}
#sub.creator .con02 .tab_area{position: relative}
#sub.creator .con02 .tab{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0}
#sub.creator .con02 .tab01{position: relative}
#sub.creator .con02 .tab.on{z-index: 5;opacity: 1}
#sub.creator .con02 .tab .list{display: flex;width: 100%;flex-wrap: wrap}
#sub.creator .con02 .tab .list > div{width: 32.85%;margin-right: 0.725%;margin-bottom: 0.725%;overflow: hidden;border-radius: 20px;}
#sub.creator .con02 .tab .list > div:nth-child(3n){margin-right: 0}
#sub.creator .con02 .tab .list > div img{max-width: 100%;filter: blur(0);transition: 1s}
#sub.creator .con02 .tab .list > div:hover img{filter: blur(20px)}
#sub.creator .con02 .tab .list > div img{overflow: hidden}
#sub.creator .con02 .tab .list > div{position: relative}
#sub.creator .con02 .tab .list > div .hover_box{position: absolute;width: 100%;height: 100%;top: 0;left: 0;position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.6);
    z-index: 1;
    transition: opacity .4s;opacity: 0;transition: 0.7s
}
#sub.creator .con02 .tab .list > div:hover .hover_box{opacity: 1}
#sub.creator .con02 .tab .list > div .hover_box > *{position: absolute;left: 0;top: 50%;width: 100%;text-align: center}
#sub.creator .con02 .tab .list > div .hover_box strong{display: block;
    font-size: 24px;
    font-weight: 600;
    color: #000;}
#sub.creator .con03 .c_tit{text-align: left}
#sub.creator .con03 ul{flex-wrap: wrap;display: flex;}
#sub.creator .con03 ul li{width: 32.85%;margin-right: 0.725%;margin-bottom: 0.725%;border-radius: 20px;overflow: hidden;position: relative}
#sub.creator .con03 ul li img{display: block;max-width: 100%}

#sub.creator .con03 ul li .hover_box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.6); z-index: 1; opacity: 0; transition: opacity .4s; }
#sub.creator .con03 ul li .hover_box .wrap{ position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 100%; text-align: center; }
#sub.creator .con03 ul li .hover_box .wrap > span{ display: block; width: 160px; height: 50px; border-radius: 50px; background-color: #FFCC00; text-align: center; line-height: 50px; color: #fff; font-size: 18px; font-weight: 600; margin: 0 auto; margin-bottom: 10px; }
#sub.creator .con03 ul li .hover_box .wrap > strong{ display: block; font-size: 24px; font-weight: 600; color: #000; }
#sub.creator .con03 ul li:hover > img{ filter: blur(10px); }
#sub.creator .con03 ul li:hover .hover_box{ opacity: 1; }


#sub.creator .con03 ul li:nth-child(3n){margin-right: 0}
#sub.creator .con04{display: flex;margin-top: 300px;}
#sub.creator .con04 > div{width: 50%}
#sub.creator .con04 > div.left{position: relative}
#sub.creator .con04 > div.left .c_tit{position: absolute;top: 50%;transform: translateY(-50%);left: 0;text-align: left}
#sub.creator .con04 > div.right .img img{display: block}
#sub.creator .con04 > div.right .img{border-radius: 20px;box-shadow: 0 0 50px rgba(0,0,0,0.1);overflow: hidden}
#sub.creator .con05{margin-top: 300px}
#sub.creator .con05 .f_wrap{background: #F9F9F9;border-radius: 20px;;padding: 100px;}
#sub.creator .con05 .f_wrap .list:after{content: '';display: block;clear: both}
#sub.creator .con05 .f_wrap .list li{float: left;width: 46%;margin-right: 8%;margin-bottom: 50px;}
#sub.creator .con05 .f_wrap .list li:nth-child(2n){margin-right: 0}
#sub.creator .con05 .f_wrap .list li input[type="text"], #sub.creator .con05 .f_wrap .list li textarea{display: block;width: 100%;border: 1px solid #DDDDDD;border-left-color: #F9F9F9;border-top-color: #F9F9F9;height: 70px;font-size: 20px;color: #BBBBBB;background: none}
#sub.creator .con05 .f_wrap .list li textarea{height: 200px;}
#sub.creator .con05 .f_wrap .list li.list1{width: 100%}
#sub.creator .con05 .f_wrap strong{display: block;font-size: 24px;color: #000000;font-weight: 600;margin-bottom: 10px;}
#sub.creator .con05 .f_wrap strong i{color: #FFCC00;font-weight: 600}
#sub.creator .con05 .f_wrap .tit > *{display: inline-block;vertical-align: middle}
#sub.creator .con05 .f_wrap .tit strong{margin-bottom: 0}
#sub.creator .con05 .f_wrap .tit .file_w{position: relative;margin-left: 20px}
#sub.creator .con05 .f_wrap .tit .file_w input{position: absolute;top: 0;left: 0;width: 100%;opacity: 0;height: 100%}
#sub.creator .con05 .f_wrap .tit .file_w button{background: #FFCC00;border-radius: 10px;}
#sub.creator .con05 .f_wrap .tit .file_w button img{display: block}
#sub.creator .con05 .f_wrap .file{margin-bottom: 100px;}
#sub.creator .con05 .f_wrap .file ul{margin-top: 20px;}
#sub.creator .con05 .f_wrap .file ul li{font-size: 16px;color: #BBBBBB;margin-bottom: 10px;position: relative;padding-left: 15px;}
#sub.creator .con05 .f_wrap .file ul li:after{content: '*';position: absolute;left: 0;top: 3px}
#sub.creator .con05 .f_wrap .file_close{display: inline-block;border: 1px solid #DDDDDD;background: #fff;padding: 10px 20px;border-radius: 25px;margin-top: 20px;padding-right: 10px;}
#sub.creator .con05 .f_wrap .file_close button{background: #DDDDDD;border-radius: 50%;margin-left: 20px;}
#sub.creator .con05 .f_wrap .file_close button img{display: block}
#sub.creator .con05 .f_wrap .file_close > *{display: inline-block;vertical-align: middle}
#sub.creator .con05 .f_wrap .file_close p{font-size: 18px;color: #BBBBBB;position: relative;top: -1px}
#sub.creator .con05 .f_wrap .file_info{display: none}
#sub.creator .con05 .f_wrap .txt{position: relative;background: #FFFFFF;padding: 30px;height: 190px;overflow-y: scroll;border: 1px solid #DDDDDD;margin-bottom: 20px;}
#sub.creator .con05 .f_wrap .txt p{font-size: 18px;line-height: 27px;color: #999999}
#sub.creator .con05 .f_wrap .txt p i{display: inline-block}
#sub.creator .con05 .pri_w p{font-size: 18px;font-weight: 600;color: #000000;margin-bottom: 20px}
#sub.creator .con05 .pri_w span{color: #BBBBBB;display: block;font-size: 14px;}
#sub.creator .con05 .f_wrap .pri_w i input{width: 17px;height: 17px;
border-radius: 50%;
border: 1px solid #F9F9F9;
appearance: none;
cursor: pointer;
transition: background 0.2s;position: relative;vertical-align: middle;display: inline-block}
#sub.creator .con05 .f_wrap .pri_w i{margin-right: 10px;}
#sub.creator .con05 .f_wrap .pri_w i input:before{content: '';display: block;width: 20px;height: 20px;background: url(/img/sub/chk.png);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)}
#sub.creator .con05 .f_wrap .pri_w i input:checked:before{background: url(/img/sub/chk_on.png)}
#sub.creator .con05 .f_wrap .go_btn{margin-top: 70px;}
#sub.creator .con05 .f_wrap .go_btn button{display: block;width: 180px;height: 60px; background: #FFCC00;;border-radius: 30px;margin: 0 auto;transition: 1s}
#sub.creator .con05 .f_wrap .go_btn button:hover{background: #FFAA00;}
#sub.creator .con05 .f_wrap .go_btn button span{display: block;font-size: 20px;font-weight: 600;color: #FFFFFF;font-family: 'Manrope', sans-serif;}
#sub.creator .con06{margin-top: 230px;margin-bottom: 230px}
#sub.creator .con06 .img{width: 1200px;margin: 0 auto;border: 6px solid #000000;border-radius: 30px;overflow: hidden;box-shadow: 0 0 50px rgba(0,0,0,0.1);max-width: 100%}
#sub.creator .con06 .img img{max-width: 100%}


#sub.creator .btn{ width: 200px; height: 60px; margin-top: 50px; }
#sub.creator .btn a{ display: block; position: relative; width: 100%; height: 100%; border-radius: 100px; background-color: #FFCC00; overflow: hidden;
  transition: background .4s;
}
#sub.creator .btn a ul li{ float: left; width: 200px; height: 100%; text-align: center; color: #fff; font-size: 20px; font-weight: 600; line-height: 60px; }
#sub.creator .btn a ul{ position: absolute; right: 0; top: 0; width: 400px; transition: right .4s; }
#sub.creator .btn a:hover ul{ right: -100%; }
#sub.creator .btn a:hover{ background-color: #FFAA00; }

#sub.creator .btn{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub.creator .on .btn{transform: translateY(0);opacity: 1}


#sub.balance .s_tit strong{display: block;text-align: center;    font-family: 'Pretendard', sans-serif;}
#sub.balance .con01 ul{margin-top: 175px}
#sub.balance .con01 ul .list{position: relative;margin-bottom: 410px;padding-right: 200px}
#sub.balance .con01 ul .list:nth-child(2n){padding-right: 0;padding-left: 200px}
#sub.balance .con01 ul .list:after{content: '';display: block;clear: both}
#sub.balance .con01 ul .list .txt{float: right;position: relative}
#sub.balance .con01 ul .list .txt:after{content: '';display: block;width: 10px;height: 10px;background: #FFCC00;border-radius: 50%;position: absolute;left: -5px;top: 50%;transform: translateY(-50%)}
#sub.balance .con01 ul .list:nth-child(2n) .txt{float: left}
#sub.balance .con01 ul .list .img_w{position: absolute;transform: translateY(-50%);top: 50%}
#sub.balance .con01 ul .list .img_w{left: 0}
#sub.balance .con01 ul .list:nth-child(2n) .img_w{left: auto; right: 0}
#sub.balance .con01 ul .list .txt{display:block;width: 600px;background: #fff;padding: 50px;border-radius: 20px;box-shadow: 0 0 50px rgba(0,0,0,0.1);position: relative;z-index: 3}
#sub.balance .con01 ul .list .txt strong{display: block;font-size: 30px;color: #FFAA00;font-weight: 900;    font-family: 'Manrope', sans-serif;margin-bottom: 20px;}
#sub.balance .con01 ul .list .txt p{font-size: 24px;color: #000000;}
#sub.balance .con01 ul .list .img_w .img{padding: 30px;position: relative}
#sub.balance .con01 ul .list .img_w .img:before{content: '';display: block;width: 100%;height: 100%;border-radius: 200px;background: #F9F9F9;position: absolute;right: 0;top: 0;}
#sub.balance .con01 ul .list .img_w .img div{position: relative;z-index: 3;border-radius: 170px;overflow: hidden}
#sub.balance .con02{margin-bottom: 300px;}
#sub.balance .con02 ul, #sub.balance .con03 ul{display: flex;flex-wrap: wrap}
#sub.balance .con02 ul li, #sub.balance .con03 ul li{width: 33.33%;text-align: center;margin-bottom: 70px;}
#sub.balance .con02 ul li .img, #sub.balance .con03 ul li .img{display: block;width: 180px;border-radius: 50%;box-shadow: 0 0 50px rgba(0,0,0,0.1);margin: 0 auto;overflow: hidden}
#sub.balance .con02 ul li .img img, #sub.balance .con03 ul li .img img{display: block;}
#sub.balance .con02 ul li .txt, #sub.balance .con03 ul li .txt{margin-top: 20px;}
#sub.balance .con02 ul li .txt p, #sub.balance .con03 ul li .txt p{display: block;font-weight: 600;color: #000000;line-height: 36px;font-size: 24px}
#sub.sns .con .wrap{position: relative;margin-bottom: 100px;}
#sub.sns .con .wrap .left strong{display: block;font-size: 60px;line-height: 80px;color: #000000;margin-bottom: 50px;}
#sub.sns .con .wrap .left p{font-size: 24px;line-height: 36px;color: #000000;margin-bottom: 50px;}
#sub.sns .con .wrap .left p span{position: relative;display: inline-block;font-weight: 600}
#sub.sns .con .wrap .left p span:after{content: '';display: block;width: 100%;height: 4px;background: #FFCC00;border-radius: 2px;bottom: 5px;position: absolute;z-index: -1;width: 0;transition: 1s;transition-delay: 1.2s}
#sub.sns .con.on .wrap .left p span:after{width: 100%}
#sub.sns .con .wrap .left ul li{font-size: 18px;line-height: 27px;color: #999999;margin-bottom: 20px;position: relative;padding-left: 15px;}
#sub.sns .con .wrap .left ul li:before{content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background: #999999;position: absolute;left: 0;top: 12px;}
#sub.sns .con .wrap .right{position: absolute;right: 0;bottom: 0}
#sub.sns .con .wrap .right ul{width: 500px;}
#sub.sns .con .wrap .right ul li{line-height: 70px;border: 1px solid #DDDDDD;border-radius: 10px;color: #000000;font-size: 24px;text-align: center;margin-top: 10px;position: relative}
#sub.sns .con .wrap .right ul li:before{content: '';display: block;width: 10px;height: 10px;background: #FFCC00;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);left: -5px}
#sub.sns .con01{margin-bottom: 205px;}
#sub.sns .con img{max-width: 100%}
#sub.creator.contact .con05{margin-top: 0}

#sub .board_none{border-top: 2px solid #000000;border-bottom: 1px solid #DDDDDD;padding: 50px 0}
#sub .board_none > *{display: block;text-align: center}
#sub .board_none strong{color: #000000;font-size: 24px;font-weight: 400;margin-top: 20px;}
#sub .sub_visual .sv_tit > div{overflow: hidden}
#sub .sub_visual .sv_tit strong{
  transform: translate3d(0px, 200%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 10deg); transition: transform 1s; transform-style: preserve-3d;
}


#sub .sub_visual.on .sv_tit .sv02 strong{transition-delay: 0.2s}
#sub .sub_visual.on .sv_tit strong{
  transform: translate3d(0px, 0, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0);
}

#sub.greeting .con01 ul li{transform: translateY(70px);opacity: 0;transition: 1s}
#sub.greeting .con01.on ul li{transform: translateY(0);opacity: 1}
#sub.greeting .con01.on ul li:nth-child(2){transition-delay: 0.3s}
#sub .sub_visual .sv_paging{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub .sub_visual.on .sv_paging{transform: translateY(0);opacity: 1}
#sub .sub_visual .sv_txt{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.9s}
#sub .sub_visual.on .sv_txt{transform: translateY(0);opacity: 1}
#sub.company .con .symbol img{transform: translateY(70px);opacity: 0;transition: 1s;display: block}
#sub.company .con.on .symbol img{transform: translateY(0);opacity: 1}
#sub.company .con .txt{transform: translateY(70px);opacity: 0;transition: 1s;display: block;transition-delay: 0.3s}
#sub.company .con.on .txt{transform: translateY(0);opacity: 1}

#sub.company .con04 strong{transform: translateY(70px);opacity: 0;transition: 1s;display: block;transition-delay: 0.3s}
#sub.company .con04.on strong{transform: translateY(0);opacity: 1}

#sub.partner .con .tit strong{transform: translateY(70px);opacity: 0;transition: 1s;display: block;}
#sub.partner .con.on .tit strong{transform: translateY(0);opacity: 1}
#sub.partner .con ul{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.partner .con.on ul{transform: translateY(0);opacity: 1}
#sub.contact .con01 .tab{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.0s}
#sub.contact .con01.on .tab{transform: translateY(0);opacity: 1}
#sub.contact .con01 .map{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.contact .con01.on .map{transform: translateY(0);opacity: 1}
#sub.contact .con01 .address{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub.contact .con01.on .address{transform: translateY(0);opacity: 1}
#sub.contact .con01 ul{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.9s}
#sub.contact .con01.on ul{transform: translateY(0);opacity: 1}

#sub.agency .con01 .left strong{transform: translateY(70px);opacity: 0;transition: 1s;}
#sub.agency .con01.on .left strong{transform: translateY(0);opacity: 1}

#sub.agency .con01 .left ul{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.agency .con01.on .left ul{transform: translateY(0);opacity: 1}
#sub.agency .con01 .right ul li:nth-child(1){transform: translate(70px, 70px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub.agency .con01.on .right ul li:nth-child(1){transform: translate(0);opacity: 1}
#sub.agency .con01 .right ul li:nth-child(2){transform: translate(-70px, 70px);opacity: 0;transition: 1s;transition-delay: 0.9s}
#sub.agency .con01.on .right ul li:nth-child(2){transform: translate(0);opacity: 1}
#sub.agency .con02 .content > ul > li{transform: translateY(70px);opacity: 0;transition: 1s;}
#sub.agency .con02.on .content > ul > li{transform: translateY(0);opacity: 1}
#sub.agency .con02 .content > ul > li:nth-child(2){transition-delay: 0.3s}
#sub.agency .con02 .content > ul > li:nth-child(3){transition-delay: 0.6s}
#sub.agency .con02 .step ul:before{transition: 2s;transition-delay: 0.9s;width: 0}
#sub.agency .con02.on .step ul:before{width: 100%}
#sub.agency .con02 .step ul li{opacity: 0;transition: 1.2s;transition-delay: 0.9s}
#sub.agency .con02.on .step ul li{opacity: 1;}
#sub.agency .con02 .step ul li:nth-child(2){transition-delay: 1.2s}
#sub.agency .con02 .step ul li:nth-child(3){transition-delay: 1.5s}

#sub .s_tit strong{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub .on .s_tit strong{transform: translateY(0);opacity: 1}

#sub.ip .con01 ul li{transform: translateY(40px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.ip .con01 ul li:nth-child(2){transform: translateY(-40px)}
#sub.ip .con01.on ul li{transform: translateY(0);opacity: 1}

#sub.ip .con02 .swiper .wrap .txt{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.ip .con02.on .swiper .wrap .txt{transform: translateY(0);opacity: 1}
#sub.ip .con02 .swiper .wrap .img{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub.ip .con02.on .swiper .wrap .img{transform: translateY(0);opacity: 1}
#sub.sns .con .wrap .left strong{transform: translateY(70px);opacity: 0;transition: 1s;}
#sub.sns .con.on .wrap .left strong{transform: translateY(0);opacity: 1}
#sub.sns .con .wrap .left p{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.sns .con.on .wrap .left p{transform: translateY(0);opacity: 1}
#sub.sns .con .wrap .left ul{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub.sns .con.on .wrap .left ul{transform: translateY(0);opacity: 1}
#sub.sns .con .wrap .right{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.9s}
#sub.sns .con.on .wrap .right{transform: translateY(0);opacity: 1}
#sub.sns .con .wrap .right{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 1.2s}
#sub.sns .con.on .wrap .right{transform: translateY(0);opacity: 1}
#sub.sns .con .img{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 1.5s}
#sub.sns .con.on .img{transform: translateY(0);opacity: 1}

#sub.creator .con01{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 1.5s}
#sub.creator .con01.on{transform: translateY(0);opacity: 1}
#sub .cate{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub .cate.on{transform: translateY(0);opacity: 1}

#sub.creator .c_tit strong{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.0s}
#sub.creator .on .c_tit strong{transform: translateY(0);opacity: 1}
#sub.creator .c_tit p{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.creator .on .c_tit p{transform: translateY(0);opacity: 1}
#sub.creator .con01_01 .right .img{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub.creator .con01_01.on .right .img{transform: translateY(0);opacity: 1}
#sub.creator .cate2 ul{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub.creator .on .cate2 ul{transform: translateY(0);opacity: 1}
#sub.creator .con02 .tab_area{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.9s}
#sub.creator .con02.on .tab_area{transform: translateY(0);opacity: 1}
#sub.creator .con02 .tab01{height: auto}
#sub.creator .con03 ul{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub.creator .con03.on ul{transform: translateY(0);opacity: 1}
#sub.creator .con04 > div.right{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub.creator .con04.on > div.right{transform: translateY(0);opacity: 1}
#sub.creator .con05 .f_wrap{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.creator .con05.on .f_wrap{transform: translateY(0);opacity: 1}

#sub.creator .con06 .img{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub.creator .con06.on .img{transform: translateY(0);opacity: 1}

#sub.balance .con01 ul .list .img_w .img{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.0s}
#sub.balance .con01 ul .list.on .img_w .img{transform: translateY(0);opacity: 1}
#sub.balance .con01 ul .list .txt{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.balance .con01 ul .list.on .txt{transform: translateY(0);opacity: 1}
#sub.balance .con02 ul li, #sub.balance .con03 ul li{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub.balance .con02.on ul li, #sub.balance .con03.on ul li{transform: translateY(0);opacity: 1}
#sub.balance .con01 ul .list.on .txt{transform: translateY(0);opacity: 1}

#sub.greeting .con02 .his_list{transform: translateY(70px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.greeting .con02.on .his_list{transform: translateY(0);opacity: 1}
@media (max-width: 1416px){
    #sub .sub_visual .sv_tit strong{font-size: 80px}
    #sub.greeting .con01 ul li .txt p{font-size: 20px;line-height: 1.7}
    #sub.greeting .con01 ul li .tit strong{font-size: 30px;padding-bottom: 20px;}
    #sub.greeting .con02 .his_list .list .year{width: 300px;}
    #sub.greeting .con02 .his_list .list .year strong{font-size: 80px;line-height: 150px;;}
    #sub.greeting .con02 .his_list .list{padding-left: 370px}
    #sub.greeting .con02 .his_list .line{left: 370px}
    #sub.company .con .txt p{font-size: 20px;word-break: keep-all}
    #sub.company .con .txt p br{display: none}
    #sub.company .con .txt{padding: 50px 30px}
    #sub.company .con{margin-bottom: 200px}
    #sub.company .con04 strong{font-size: 45px;}
    #sub.agency .con01 .left ul li{font-size: 20px;line-height: 1.7}
    #sub.agency .con01 .left strong{font-size: 50px;}
    #sub.agency .con01 .right{margin-top: 40px;}
    #sub.agency .con01 .right ul li{width: 480px}
    #sub.agency .con01 .right ul li img{max-width: 100%}
    #sub.agency .con01 .right ul li:nth-child(1){position: relative}
    #sub.agency .con01 .right ul{width: 480px;margin: 0 auto}
    #sub.ip .con01 ul li .tit{width: 230px;height: 230px;}
    #sub.ip .con01 ul li{width: 230px;}
    #sub.ip .con01 ul li .txt p{font-size: 16px;word-break: keep-all}
    #sub.ip .con01 ul li .txt p br{display: none}
    #sub.ip .con01{text-align: center}
    #sub.ip .con01 ul{display: inline-block}
    #sub.ip .con01 strong{text-align: left}
    #sub.ip .con01 ul li .tit strong{font-size: 24px;line-height: 1.7}
    #sub .s_tit strong, #sub.sns .con .wrap .left strong{font-size: 40px;margin-bottom: 15px;}
    #sub.ip .con02 .swiper .wrap{padding-right: 480px;min-height: 480px;}
    #sub.ip .con02 .swiper .wrap .txt ul li{font-size: 17px;line-height: 1.7}
    #sub.ip .con02 .swiper .wrap .img img{width: 460px;}
    #sub.ip .con02 .swiper .wrap .txt ul li br{display: none}
    #sub.ip .con02 .swiper .wrap .txt ul li{word-break: keep-all}
    #sub.ip .con02 .swiper .wrap .txt{padding: 25px;}
    #sub.ip .con02 .swiper .wrap .txt ul li{margin-bottom: 15px;}
    #sub.sns .con .wrap .left p{font-size: 20px;line-height: 1.7}
    #sub.sns .con .wrap .left ul li{font-size: 16px;line-height: 1.7;word-break: keep-all}
    #sub.sns .con .wrap .left ul li:before{top: 11px}
    #sub.sns .con .wrap .right ul{width: 320px}
    #sub.sns .con .wrap .right ul li{font-size: 20px}
    #sub.sns .con .wrap .left strong{line-height: 1.7}
    #sub.creator .con01 .txt p{word-break: keep-all}
    #sub.creator .con01 .txt p br{display: none}
    #sub.creator .con01 .img{width: 230px}
    #sub.creator .con01 .img img{max-width: 100%}
    #sub.creator .con01 .txt p{font-size: 16px;line-height: 1.7}
    #sub.balance .con01 ul .list{padding-right: 0}
    #sub.balance .con01 ul .list:nth-child(2n){padding-left: 0}
    #sub.balance .con01 ul .list .img_w .img div img{width: 600px;}
    #sub.balance .con01 ul .list .txt strong{font-size: 24px}
    #sub.balance .con01 ul .list .txt p{font-size: 20px;word-break: keep-all;line-height: 1.5}
    #sub.balance .con01 ul .list .txt{padding: 30px;width: 500px}

}
@media (max-width: 1150px){
    #sub.agency .con01 .right, #sub.agency .con01 .left{float: none;position: static}
    #sub.agency .con02 .content .wrap{width: 232px;height: 232px;}
    #sub.ip .con01 ul li .txt_w{position: static}
    #sub.ip .con01 ul li{width: 33.33%}
    #sub.ip .con01 ul li:nth-child(2n){margin-top: 0}
    #sub.ip .con01 ul li:nth-child(2n) .txt{padding-bottom: 0;padding-top: 75px}
    #sub.ip .con01 ul li:nth-child(2n) .txt:before{top: 0}
    #sub.ip .con01 ul li:nth-child(2n) .txt:after{bottom: auto;top: 45px;}
    #sub.ip .con01 ul{display: flex;flex-wrap: wrap}
    #sub.ip .con01 ul li {float: none;padding: 0 20px;margin-left: 0;margin-bottom: 30px;}
    #sub.ip .con01 ul li .tit{margin: 0 auto;}
    #sub .cate ul li a{font-size: 40px;line-height: 70px}
    #sub .cate p{font-size: 20px;line-height: 1.7}
    #sub .cate ul li.on a:after{width: 7px;height: 7px;}
    #sub .cate p{margin-top: 20px;}
}
@media (max-width: 960px){
    #sub.greeting .con01 ul li .txt p{word-break: keep-all}
    #sub.greeting .con01 ul li .txt p br{display: none}
    #sub.greeting .con01 ul li .tit strong{font-size: 24px;}
    #sub.greeting .con01 ul li{padding-left: 170px;padding-top: 38px}
    #sub.greeting .con01 ul li:nth-child(2){padding-right: 170px;}
    #sub.greeting .con01 ul li .txt p{font-size: 15px;}
    #sub.greeting .con01 ul li{margin-bottom: 60px;}
    #sub.greeting .con02 .his_list .list .txt_w ul li{font-size: 16px;margin-bottom: 20px;line-height: 1.7;word-break: keep-all}
    #sub.greeting .con02 .his_list .list .year strong{font-size: 50px;line-height: 80px}
    #sub.greeting .con02 .his_list .list .year{width: 200px;}
    #sub.greeting .con02 .his_list .list{padding-left: 230px}
    #sub.greeting .con02 .his_list .line{left: 230px}
    #sub.greeting .con02 .his_list .list .txt_w ul li{font-size: 14px;margin-bottom: 15px;padding-left: 25px;}
    #sub.greeting .con02 .his_list .list .txt_w ul li:before{width: 7px;height: 7px;left: -3.5px;top: 6px}
    #sub.greeting .con02 .his_list .list .txt_w{padding-top: 30px}
    #sub.greeting .con02 .his_list{padding-bottom: 60px;}
    #sub.greeting .con02 .his_list .list{min-height: 80px;margin-bottom: 80px;}
    #sub .sub_visual .sv_tit strong{font-size: 60px}
    #sub .sub_visual .sv_paging ul li{font-size: 14px}
    #sub .sub_visual .sv_paging ul li img{width: 40px}
    #sub .sub_visual .sv_txt div strong{font-size: 20px;line-height: 1.7}
    #sub .sub_visual .sv_txt div i img{width: 80px;}
    #sub.company .con .txt p{font-size: 16px;line-height: 1.7}
    #sub.company .con04 strong{font-size: 30px}
    #sub.company .con04{padding: 100px 0;background-size: auto 100%}
    #sub.company .con04{margin-top: 60px}
    #sub.partner .con .tit strong{font-size: 16px;}
    #sub.partner .con .tit{margin-bottom: 20px;}
    #sub.partner .con01{margin-bottom: 60px;}
    #sub .sub_con{padding-bottom: 80px;}
    #sub.contact .con01 .tab li a{line-height: 50px;font-size: 20px}
    #sub.contact .con01 .address{margin-top: -35px}
    #sub.contact .con01 .address p{font-size: 14px;line-height: 70px}
    #sub.contact .con01 .address{max-width: 90%;margin-bottom: 40px}
    #sub.contact .con01 ul li{font-size: 16px;margin-right: 50px;}
    #sub.contact .con01 .map{height: 330px}
    #sub.agency .con01 .left strong, #sub.ip .con01 strong{font-size: 40px;margin-bottom: 20px;}
    #sub.agency .con01 .left ul li{font-size: 16px;line-height: 1.7;word-break: keep-all;margin-bottom: 15px;}
    #sub.agency .con01 .left ul li:before{top: 9px}
    #sub.agency .con01 .left ul li br{display: none}
    #sub.agency .con02 .content .wrap .txt strong{font-size: 17px;margin-bottom: 7px;}
    #sub.agency .con02 .content .wrap .txt p{font-size: 14px;line-height: 1.7}
    #sub.agency .con02 .content .wrap ul li{font-size: 17px;}
    #sub.agency .con02 .step ul li{font-size: 14px;}
    #sub.agency .con02 .step ul li span{font-size: 14px;}
    #sub.agency .con01{padding-bottom: 60px;}
    #sub.ip .con01 ul{margin-top: 60px;}
    #sub.ip .con01 ul li .tit{width: 170px;height: 170px;}
    #sub.ip .con01 ul li .tit strong{font-size: 17px;line-height: 1.5}
    #sub.ip .con01 ul li .txt p{font-size: 14px;line-height: 1.7}
    #sub.ip .con01 ul li .txt:before{height: 30px;}
    #sub.ip .con01 ul li .txt:after{width: 7px;height: 7px;top: 30px !important;margin-left: -3.5px;}
    #sub.ip .con01 ul li .txt{padding-top: 45px !important}
    #sub .s_tit strong{font-size: 30px;}
    #sub.ip .con02 .swiper .wrap .txt ul li{font-size: 14px;line-height: 1.7}
    #sub.ip .con02 .swiper .wrap .txt ul li:before{top: 8px;}
    #sub.ip .con02 .swiper .wrap .img img{width: 310px}
    #sub.ip .con02 .swiper .wrap{padding-right: 330px;min-height: 310px;}
    #sub.ip .con01{margin-bottom: 60px}
    #sub.sns .con .wrap .right{position: static}
    #sub.sns .con .wrap .right ul{width: 100%}
    #sub.sns .con .wrap .left strong{font-size: 32px;margin-bottom: 7px;}
    #sub.sns .con .wrap .left p{font-size: 16px;line-height: 1.7}
    #sub.sns .con .wrap .left p br{display: none}
    #sub.sns .con .wrap .left ul li{font-size: 14px;margin-bottom: 7px;word-break: keep-all;padding-left: 7px;}
    #sub.sns .con .wrap .left ul li br{display: none}
    #sub.sns .con .wrap .left ul li:before{width: 3px;height: 3px;top: 9px;}
    #sub.sns .con .wrap .left p{margin-bottom: 10px;}
    #sub.sns .con .wrap .right ul li{font-size: 16px;line-height: 45px;}
    #sub.creator .con01 .img{width: 160px;}
    #sub.creator .con01 .txt{padding-top: 20px}
    #sub.creator .con01 .txt strong{font-size: 16px;}
    #sub.creator .con01 .txt p{font-size: 13px;margin-top: 10px;}
    #sub .cate p{font-size: 16px;word-break: keep-all;margin-top: 10px}
    #sub .cate p br{display: none}
    #sub .cate ul li a{font-size: 30px;}
    #sub .cate ul li{margin-right: 40px;}
    #sub.creator .con01 .swiper-slide{padding-top: 0}
    #sub .cate{margin-bottom: 30px;}
    #sub.creator .con01_01{padding-top: 80px}
    #sub.creator .con01 .txt strong{font-size: 24px;}
    #sub.creator .c_tit strong{font-size: 40px;margin-bottom: 10px;}
    #sub.creator .c_tit p{font-size: 18px;line-height: 1.7}
    #sub.creator .con04 > div.right .img img{max-width: 100%}
    #sub.creator .con01_01 .right .img{width: 230px;height: 450px}
    #sub.creator .con01_01 .left{padding-top: 145px}
    #sub.creator .con02{padding-top: 60px;margin-bottom: 60px;}
    #sub.creator .cate2 ul li a{font-size: 16px;line-height: 40px;}
    #sub.creator .c_tit{margin-bottom: 30px}
    #sub.creator .cate2{margin-top: 30px;}
    #sub.creator .con04{margin-top: 60px;}
    #sub.creator .con05{margin-top: 60px;}
    #sub.creator .con05 .f_wrap{padding: 60px 30px;}
    #sub.creator .con05 .f_wrap strong{font-size: 16px;}
    #sub.creator .con05 .f_wrap .list li input[type="text"], #sub.creator .con05 .f_wrap .list li textarea{height: 40px;font-size: 13px;}
    #sub.creator .con05 .f_wrap .list li{width: 100%;margin-bottom: 20px;}
    #sub.creator .con05 .f_wrap .tit .file_w button{vertical-align: middle;margin-left: 10px;}
    #sub.creator .con05 .f_wrap .tit .file_w button img{width: 30px;}
    #sub.creator .con05 .f_wrap .tit > strong{margin-bottom: 0}
    #sub.creator .con05 .f_wrap .file ul li{font-size: 13px;word-break: keep-all;margin-bottom: 5px;}
    #sub.creator .con05 .f_wrap .file{margin-bottom: 40px;}
    #sub.creator .con05 .f_wrap .txt p{font-size: 13px;line-height: 1.7;word-break: keep-all}
    #sub.creator .con05 .f_wrap .txt{padding: 20px}
    #sub.creator .con05 .f_wrap .list li textarea{height: 100px}
    #sub.creator .con05 .f_wrap .txt{height: 100px;padding: 15px;}
    #sub.creator .con05 .pri_w p{font-size: 14px;}
    #sub.creator .con05 .pri_w span{font-size: 12px;}
    #sub.creator .con05 .f_wrap .go_btn button{width: 120px;height: 45px;}
    #sub.creator .con05 .f_wrap .go_btn button span{font-size: 16px;}
    #sub.creator .con05 .f_wrap .go_btn{margin-top: 30px;}
    #sub.creator .cate2 ul li{margin-right: 10px}
    #sub.creator .cate2 ul li a{font-size: 14px;padding: 0 20px}
    #sub.licensing .list .box .hover_box .wrap > strong{ font-size: 18px; }
    #sub.licensing .list .box .hover_box .wrap > span{width: 120px; height: 42px; line-height: 42px; font-size: 16px; }
    #sub.licensing .list .box{ width: 49.5%; margin: 0}
    #sub.licensing .list{ gap: 10px 1%; }
    #sub .paging ul li{margin-right: 5px;}
    #sub .paging ul li a{font-size: 14px;width: 30px;height: 30px;line-height: 30px;}
    #sub.licensing .list{margin-bottom: 30px}
    #sub.view .con01 .tit span{font-size: 14px;line-height: 35px;padding: 0 20px;margin-bottom: 10px}
    #sub.view .con01 .tit{padding: 30PX 0}
    #sub.view .con01 .tit strong{font-size: 20px;word-break: keep-all}
    #sub.view .con01 .txt{padding: 20px 0}
    #sub.view .con01 .more_view ul li span{padding-left: 20px;font-size: 14px;}
    #sub.view .con01 .more_view ul li{padding-left: 75px}
    #sub.view .con01 .more_view ul li a{font-size: 14px;line-height: 40px;}
    #sub.view .con01 .more_view ul li span{line-height: 40px;}
    #sub.view .con01 .txt{min-height: 300px;}
    #sub.view .con01 .go_list{margin-top: 20px}
    #sub.view .con01 .go_list a{width: 100px;line-height: 40px;font-size: 14px;}
    #sub.bo_list .cate ul li a{font-size: 17px}
    #sub .cate ul li{margin-right: 20px;}
    #sub .cate ul li a{line-height: 40px;}
    #sub .cate ul li.on a:after{display: none}
    #sub .sch_w .sch input{width: 200px;font-size: 14px;height: 40px}
    #sub .sch_w .sch button img{width: 40px;}
    #sub .sch_w .sch select{font-size: 14px;height: 40px;}
    #sub.bo_list .list ul li a .cate{position: static;margin-bottom: 10px;width: 100%;text-align: left;transform: none}
    #sub.bo_list .list ul li a .cate span{margin: 0;font-size: 14px;line-height: 30px;padding: 0 20px}
    #sub.bo_list .list ul li a{padding: 20px}
    #sub.bo_list .list ul li a .txt strong{font-size: 16px}
    #sub.bo_list .list ul li a .txt p{font-size: 14px;margin-top: 5px}
    #sub.view .con01 .tit p{font-size: 14px;margin-top: 10px;}
    #sub.bo_list .list ul li a .num{display: none}
    #sub.balance .con01 ul .list{margin-bottom: 160px;}
    #sub.balance .con01 ul .list .img_w .img div img{width: 450px;}
    #sub.balance .con01 ul .list .txt strong{font-size: 18px;}
    #sub.balance .con01 ul .list .txt p{font-size: 14px;}
    #sub.balance .con01 ul .list .txt{width: 370px}
    #sub.balance .con02 ul li .txt p, #sub.balance .con03 ul li .txt p{font-size: 17px;line-height: 1.7}
    #sub.balance .con02 ul li .img, #sub.balance .con03 ul li .img{width: 100px;}
    #sub.balance .con02 ul li .img img, #sub.balance .con03 ul li .img img{width: 100px;}
    #sub.balance .con02 ul li .txt, #sub.balance .con03 ul li .txt{margin-top: 10px;}
    #sub.balance .con02 ul li, #sub.balance .con03 ul li{margin-bottom: 30px;}
    #sub .board_none > * img{width: 50px;}
    #sub .board_none strong{font-size: 16px;margin-top: 15px}
    #sub .board_none{padding: 35px 0}
    #sub.creator .con06{margin-bottom: 60px;}

}
@media (max-width: 660px){
    #sub.greeting .con01 ul li .tit{position: static;margin-bottom: 20px}
    #sub.greeting .con01 ul li{padding-left: 0}
    #sub.greeting .con01 ul li strong{display: inline-block}
    #sub.greeting .con01 ul li:nth-child(2){padding-right: 0}
    #sub.greeting .con01 ul li .tit strong{display: inline-block}
    #sub.greeting .con01 ul li .tit div:after{width: 40%}
    #sub.greeting .con02 .his_list .list .year{position: static;margin-left: 0;width: 90%;margin: 0 auto}
    #sub.greeting .con02 .his_list .list{padding-left: 0}
    #sub.greeting .con02 .his_list .line{left: 0}
    #sub.greeting .con02 .his_list .list .year{width: 90%}
    #sub.greeting .con02 .his_list .list .year strong{font-size: 33px;line-height: 60px}
    #sub.greeting .con02 .his_list .list .txt_w{padding-top: 20px;}
    #sub.greeting .con02{padding-top: 60px;}
    #sub.greeting .con01 ul li{padding-top: 0}
    #sub .sub_visual .sv_tit strong{font-size: 40px}
    #sub .sub_visual .sv_tit{float: none;}
    #sub .sub_visual .sv_paging{float: none;margin-top: 15px}
    #sub .sub_visual{padding-top: 150px;margin-bottom: 60px}
    #sub.company .con .symbol{position: static;transform: none}
    #sub.company .con{padding-left: 0;margin-bottom: 60px}
    #sub.company .con .symbol{width: 100%;margin-bottom: 30px}
    #sub.company .con .txt{padding: 25px}
    #sub.company .con .txt p{font-size: 13px}
    #sub.company .con04 strong{font-size: 25px;line-height: 1.7;word-break: keep-all}
    #sub.company .con04 strong span:before{display: none}
    #sub.partner .con ul li{width: 33.33%}
    #sub.contact .con01 ul li{display: block;margin-right: 0}
    #sub.contact .con01 ul li:nth-child(1){margin-bottom: 10px;}
    #sub.agency .con02 .content .wrap{width: 160px;height: 160px;}
    #sub.agency .con01 .left ul li{font-size: 13px;line-height: 1.7;margin-bottom: 7px}
    #sub.agency .con01 .left strong{font-size: 35px;}
    #sub.agency .con01 .right{margin-top: 20px;}
    #sub .sub_visual .sv_txt div{margin-top: 50px;}
    #sub.ip .con01 ul li{width: 50%}
    #sub.agency .con01 .left strong, #sub.ip .con01 strong{font-size: 30px;}
    #sub.ip .con02 .swiper .wrap .img{position: static;margin-top: 20px;}
    #sub.ip .con02 .swiper .wrap .img img{width: 100%}
    #sub.ip .con02 .swiper .wrap{padding-right: 0}
    #sub.sns .con .wrap .right ul li{font-size: 14px;}
    #sub.sns .con .wrap .left strong{font-size: 30px;}
    #sub.sns .con .wrap{margin-bottom: 40px;}
    #sub.sns .con01{margin-bottom: 60px;}
    #sub.creator .con01_01{display: block}
    #sub.creator .con01_01 .left{padding-top: 0}
    #sub.creator .con01_01 > div{width: 100%}
    #sub.creator .c_tit{text-align: center}
    #sub.creator .con01_01 .left .c_tit, #sub.creator .con03 .c_tit{text-align: center}
    #sub.creator .c_tit p{font-size: 14px;word-break: keep-all}
    #sub.creator .c_tit p br{display: none}
    #sub.creator .con04{display: block}
    #sub.creator .con04 > div.left .c_tit{position: static;transform: none}
    #sub.creator .con04 > div{width: 100%}
    #sub.creator .con04 > div.left .c_tit{text-align: center}
    #sub.creator .con06 {margin-top: 60px}
    #sub.balance .con01 ul .list .img_w{position: static;transform: none}
    #sub.balance .con01 ul .list .img_w .img{width: 300px;padding: 10px;margin: 0 auto}
    #sub.balance .con01 ul .list .img_w .img div img{max-width: 100%}
    #sub.balance .con01 ul .list .txt{width: 100%;text-align: center;margin-top: 30px}
    #sub.balance .con01 ul .list .txt strong{margin-bottom: 10px;}
    #sub.balance .con01 ul .list .txt{padding: 25px}
    #sub.balance .con01 ul .list .txt:after{top: -5px;transform: none;left: 50%;margin-left: -5px}
    #sub.balance .con01 ul .list{margin-bottom: 60px}
    #sub.balance .con02 ul li, #sub.balance .con03 ul li{width: 50%}
    #sub.balance .con02 ul li .txt p, #sub.balance .con03 ul li .txt p{font-size: 14px;}
    #sub.balance .con02{margin-bottom: 60px;}
    #sub.balance .con01 ul{margin-top: 40px;}
    #sub.creator .con03 ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;border-radius: 10ps}
    #sub.creator .con03 ul li:nth-child(3n){margin-right: 2%}
    #sub.creator .con03 ul li:nth-child(2n){margin-right: 0}
    #sub.creator .con03 ul li .hover_box .wrap > strong{font-size: 16px;}
}
@media (max-width: 600px){
    #sub.agency .con02{display: flex}
    #sub.agency .con02 .step{width: 30%;}
    #sub.agency .con02 .step ul{display: block;height: 100%}
    #sub.agency .con02 .step ul li{height: 160px}
    #sub.agency .con02 .content{width: 70%}
    #sub.agency .con02 .content > ul{display: block}
    #sub.agency .con02 .content > ul > li{width: 100%;margin-bottom: 30px}
    #sub.agency .con02 .content > ul > li:nth-child(3){margin-bottom: 0}
    #sub.agency .con02 .step ul li{width: 100%;position: relative}
    #sub.agency .con02 .step ul li span{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;left: 0;padding: 10px 0}
    #sub.agency .con02 .step ul:before{width: 1px;height: 0%;left: 50%;top: 0}
    #sub.agency .con02.on .step ul:before{width: 1px;height: 100%}
    #sub.agency .con02 .step ul li:before{left: 50%;transform: translateX(-50%);top: 0}
   #sub.agency .con02 .step ul li:last-child:after{left: 50%;transform: translateX(-50%);bottom: 0;top: auto;}
    #sub.agency .con02 .step{margin-bottom: 0}
    #sub.agency .con01 .right ul{max-width: 100%}
    #sub.agency .con01 .right ul li{max-width: 100%}
    #sub.ip .con01 ul li .tit{width: 135px;height: 135px;}
    #sub.sns .con .wrap .left strong{font-size: 27px;}
    #sub.creator .c_tit strong{font-size: 32px;}
    #sub .cate ul li a{font-size: 24px;}
    #sub.balance .con01 ul .list{margin-bottom: 30px;}
    #sub .sch_w .sch input{width: 160px;font-size: 13px}
    
}