.blackbg{ position: fixed; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(87,65,89,0.25); display:none; z-index:1000; } /*display:none;*/ .polict_box{position:fixed;left:50%;top:50%;width:1400px;height:700px;background:#fff;padding:100px; box-shadow: 5px 5px 5px rgba(0 0 0 0.4); border-radius: 50px;transform: translate(-50%,-50%);} .polict_box > div{overflow-y: scroll;height: 100%} .polict_box .tit{margin-bottom: 30px;} .polict_box .tit strong{display: block;color: #FF5700;font-size: 26px;font-weight: 600;margin-bottom: 30px;} .polict_box .tit p, .polict_box ul li p{font-size: 14px;color: #857A77;line-height: 1.5;} .polict_box ul li{margin-bottom: 20px;} .polict_box ul li strong{display: block;font-size: 16px;color: #57413B;margin-bottom: 10px;} .contact form a.pb{ padding: 5px 10px; border: 1px solid #847d7d; } .polict_box button{position: absolute;right: -80px;top: 0;background: none} .sc_send{position: fixed;bottom: 110px;left: 50px;z-index: 99;text-align: center} .sc_send .sc_txt{text-align: center;margin-bottom: 7px;position: relative;display: inline-block} .sc_send .sc_txt:after{content: '';display: block;position: absolute;width: 100%;height: 100%;background: url(/img/sub/sc_txt_dark.png);top: 0;left: 0;opacity: 0;transition: 0.6s} .dark .sc_send .sc_txt:after{opacity: 1} .sc_send .sc_txt img{display: block;margin: 0 auto;opacity: 1;transition: 0.6s} .dark .sc_send .sc_txt img{opacity: 0} .sc_send .send{position: relative;transition: 0.6s} .sc_send.on .send{transform: rotate(180deg)} .sc_send .send img{display: block} .sc_send .send .base{position: relative} .sc_send .send .base:after{content: '';display: block;background: url(/img/sub/send_box2_dark.png);position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;transition: 0.6s;background-size: 100% 100%} .dark .sc_send .send .base:after{opacity: 1} .sc_send .send .sn_w{width: 17px;height: 18px;position: absolute;left: 50%;margin-left: -8.5px;} .sc_send .send .sn_w.top{top: 8.5px} .sc_send .send .sn_w.bottom{bottom: 2px;} .sc_send .send .sn_w div{width: 100%;height: 100%;position: relative} .sc_send .send .sn_w div i{position: absolute;background: url(/img/sub/sd01.png) bottom ;display: block;width: 100%;height: 100%;bottom: 0;max-height: 100%} .sc_send .send .sn_w.bottom div i{background: url(/img/sub/sd02.png) bottom;top: auto;bottom: 0;height: 0} .sc_send.on .send .sn_w{margin-left: -9px;} .sc_send.on .send .sn_w.bottom{bottom: 4px} .sc_send.on .send .sn_w.bottom div i{background: url(/img/sub/sd01.png) bottom;top: auto;bottom: 0;height: 0;transform: rotate(180deg)} .sc_send.on .send .sn_w.top div i{background: url(/img/sub/sd02.png) top;top: auto;top:0;height: 0;transform: rotate(180deg)} .sc_send.on .send .sn_w.top div i{top: 0;bottom: 0;background-position: bottom} .sc_send.on .send .sn_w.bottom div i{top: -5px;bottom: auto} .sc_send .send:before{content: '';display: block;width: 1px;height: 5px;background: url(/img/sub/send_deco.png);position: absolute;left: 50%;top: 65%;animation: down 2s infinite linear;margin-left: -0.5px} .sc_send .send:after{content: '';display: block;width: 1px;height: 5px;background: url(/img/sub/send_deco.png);position: absolute;left: 50%;bottom: 65%;animation: down2 2s infinite linear;display: none;margin-left: -0.5px} .sc_send.on .send:after{display: block} .sc_send.on .send:before{display: none} .sc_send.on .send .sn_w.top{top: 1.5px} @keyframes down{ 0%{transform: translateY(0)} 50%{transform: translateY(2px)} 100%{transform: translateY(0)} } @keyframes down2{ 0%{transform: translateY(0)} 50%{transform: translateY(-2px)} 100%{transform: translateY(0)} } #sub.about #header .scroll{display: none} .sub_visual{height: 50vh;position: relative;z-index: 15} .sub_visual .back_img{height: 100vh;position: absolute;left: 50%;transform: translateX(-50%)} .sub_visual .back_img img{filter: drop-shadow(-70px 50px 40px rgba(0,0,0,0.3)) ;animation : shadow 1.9s linear ;animation-fill-mode: forwards;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)} @keyframes shadow{ 0%{filter: drop-shadow(-70px 60px 40px rgba(0,0,0,0.3)) } 50%{filter: drop-shadow(0px 60px 25px rgba(0,0,0,0.3)) } 100%{filter: drop-shadow(70px 60px 40px rgba(0,0,0,0.3)) } } .sub_visual .sv_txt strong{display: block;color: #57413B;font-size: 140px;position: relative;transition: 1s;} /*text-shadow: 0 0 20px rgba(87,65,59,0.3);*/ .sub_visual .sv_txt ul li{transform: rotateX(90deg);transition: transform 1s} .sub_visual.on .sv_txt ul li{transform: rotateX(0)} .sub_visual.on .sv_txt ul li:nth-child(1){transition-delay: 0.0s} .sub_visual.on .sv_txt ul li:nth-child(2){transition-delay: 0.1s} .sub_visual .sv_txt ul li:nth-child(3) strong{margin-right: 40px;} .sub_visual.on .sv_txt ul li:nth-child(3){transition-delay: 0.2s} .sub_visual.on .sv_txt ul li:nth-child(4){transition-delay: 0.3s} .sub_visual.on .sv_txt ul li:nth-child(5){transition-delay: 0.4s} .sub_visual.on .sv_txt ul li:nth-child(6){transition-delay: 0.5s} .sub_visual.on .sv_txt ul li:nth-child(7){transition-delay: 0.6s} .sub_visual.on .sv_txt ul li:nth-child(8){transition-delay: 0.7s} .sub_visual.on .sv_txt ul li:nth-child(9){transition-delay: 0.8s} .sub_visual.on .sv_txt ul li:nth-child(10){transition-delay: 0.9s} .sub_visual.on .sv_txt ul li:nth-child(11){transition-delay: 1s} .sub_visual.on .sv_txt ul li:nth-child(12){transition-delay: 1.1s} .sub_visual .sv_txt > div{position: absolute;;top: 50%;transform: translate(-0, -50%);width: 100%;text-align: center;} .sub_visual .sv_txt{position: relative;height: 100vh} #sub.about .visual_bg{position: absolute;height: 100vh;top: 0;left: 0;width: 100%; background: linear-gradient( to top, #fff, #f5f5f5 );} #sub.about .fake{height: 900px;} #sub.about .con02{height: 100vh;} #sub.about .con02 ul{position: relative;height: 100vh} #sub.about .con02 ul li{position: absolute;;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 200px;font-weight: 600;color: #57413B;animation-fill-mode: forwards;transition: 0.3s} .sec2{height: 100vh} @keyframes divice { 0%{opacity: 0} 50%{opacity: 1} 100%{opacity: 0} } @keyframes divice2 { 0%{opacity: 0} 100%{opacity: 1} } /*#sub.about .con02{position: fixed;top: 50%;transform: translateY(-50%);width: 100%}*/ .about_scroll{position: fixed;bottom: 0;left: 0;width: 100%;height: 6px;background: #EBE0D7;z-index: 10} .about_scroll i{position: absolute;height: 100%;display: block;width: 0;background: #FF4600;transition: 0.1s;background: transparent linear-gradient(135deg, #FFB300 0%, #E7420E 100%) 0% 0% no-repeat padding-box;border-radius: 0 3px 3px 0} #sub.about .con02 ul li{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);left: 0;text-align: center} #sub.about .con02.on ul li{animation: divice 0.2s ;} #sub.about .con02.on ul li:nth-child(2){animation-delay: 0.3s} #sub.about .con02.on ul li:nth-child(3){animation-delay: 0.6s} #sub.about .con02.on ul li:nth-child(4){animation: divice2 0.2s; animation-delay: 0.9s;animation-fill-mode: forwards;} /*#sub.about .con02{transition: 0.6s}*/ #sub.about .con02.opacity{opacity: 0} .inner{width: 1620px;margin: 0 auto;} /*#sub.about .con03 .title_wrap{height: 970px;}*/ #sub.about .con03 .title{margin-bottom: 350px;} #sub.about .con03 .title strong{display: block;font-size: 80px;line-height: 100px;color: #4E413F;font-weight: 400} /*#sub.about .con03 .title{margin-bottom: 350px;position: fixed;top: 50%;transform: translateY(-50%);}*/ /*#sub.about .con03 .list_wrap{height: 1700px;position: relative;a}*/ /*#sub.about .con03 .list_wrap > div{height: 33.33%;}*/ #sub.about .con03 .icon_wrap{z-index: 10;height: auto;padding-top: 0 !important;float: right;transform: scale(0.9)} #sub.about .con03 .list{margin-bottom: 320px;} #sub.about .con03 .list02 .icon_wrap{float: left} #sub.about .con03 .list02 .txt{float: right} /*#sub.about .con03 .icon_wrap.on{opacity: 1}*/ #sub.about .con03 .icon_wrap .wrap{position: relative;transform: scale(0.9)} #sub.about .con03 .icon_wrap .wrap .center i{display: block;width: 211px;height: 211px;background: #E7380C;border-radius: 50%} #sub.about .con03 .icon_wrap .wrap .line{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} #sub.about .con03 .icon_wrap .wrap .line i{display: block;;width: 211px;height: 211px;border: 2px solid #fff; box-shadow: 0 0 15px rgba(255,80,35,0.5);border-radius: 50%;position: relative;} #sub.about .con03 .icon_wrap .wrap .line i:after{content: '';display: block;width: 100%;height: 100%;top: -2px;left: -2px;border: 2px solid #fff; box-shadow: 0 0 15px rgba(255,80,35,0.5) inset;border-radius: 50%;position: absolute;} #sub.about .con03 .icon_wrap .wrap .blur{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} #sub.about .con03 .icon_wrap .wrap .blur i{width: 85px;height: 85px;border-radius: 50%;display: block;backdrop-filter: saturate(130%) blur(25px);} #sub.about .con03 .icon_wrap .wrap .line i{transform: translateX(-140px);} #sub.about .con03 .icon_wrap .wrap .blur i{transform: translateX(115px);} #sub.about .con03 .list .txt strong{display: block;font-size: 42px;line-height: 75px;color: #4E413F;font-weight: 600;} #sub.about .con03 .list01 .txt{padding-top: 50px;} #sub.about .con03 .list03 .txt{padding-top: 50px;} #sub.about .con03 .list02 .txt{padding-top: 100px;} #sub.about .con03 .list02:after{content: '';display: block;clear: both;} /*#sub.about .con03 .list .txt{position: fixed;top: 50%;transform: translateY(-50%);}*/ /*#sub.about .con03 .list .txt{float: right;transition: 1s}*/ /* #sub.about .con03 .list02{padding-left: 50%} */ #sub.about .con03 .list.remove .txt{opacity: 0} /* #sub.about .con03 .icon_wrap .wrap .line i{animation: icon01 infinite 1.3s} #sub.about .con03 .icon_wrap .wrap .blur i{animation: icon02 infinite 1.3s} */ #sub.about .con03 .icon_wrap{opacity: 0;transition: 1s} #sub.about .con03 .on .icon_wrap{opacity: 1} #sub.about .con03 .icon_wrap .wrap .line i{transform: translateX(0);transition: 1s;transition-delay: 0.5s} #sub.about .con03 .icon_wrap .wrap .blur i{transform: translateX(0);transition: 1s;transition-delay: 0.5s} #sub.about .con03 .on .icon_wrap .wrap .line i{transform: translateX(-140px)} #sub.about .con03 .on .icon_wrap .wrap .blur i{transform: translateX(120px)} /* #sub.about .con03 .icon_wrap.on2{transform: translate(-615px, -35%);} */ /* #sub.about .con03 .icon_wrap.on3{transform: translate(445px, -35%);} */ #sub.about .con03 .icon_wrap .wrap .center i{transition: 1s;} #sub.about .con03 .icon_wrap.on2 .wrap .center i{transform: scale(0.8);} #sub.about .con03 .icon_wrap.on2 .wrap .line i{animation: none;transform: none} /*#sub.about .con03 .icon_wrap .wrap .blur i{animation: icon02 1.3s infinite }*/ /*#sub.about .con03 .icon_wrap.on2 .wrap .blur i{animation: icon03 1.2s infinite }*/ #sub.about .con03 .ques02 .icon_wrap .wrap .blur i{transform: scale(0);transition: 1s;transition-delay: 0.5s} #sub.about .con03 .ques02.on .icon_wrap .wrap .blur i{transform: scale(1);} #sub.about .con03 .list_wrap{opacity: 1;transition: 1s} #sub.about .con03 .list_wrap.remove{opacity: 0;transition: 1s} #sub.about .con03 {transition: 1s;opacity: 1} #sub.about .con03.opacity{opacity: 0;} /* #sub.about .con04{opacity: 0;transition: 1.2s;} #sub.about .con04.on{opacity: 1} */ @keyframes divice2 { 0%{opacity: 0} 100%{opacity: 1} } @keyframes icon01 { 0%{transform: translateX(0);} 100%{transform: translateX(-140px);} } @keyframes icon02 { 0%{transform: translateX(0);} 100%{transform: translateX(120px);} } @keyframes icon03 { 0%{transform: scale(0.7);} 50%{transform: scale(1);} 100%{transform: scale(0.7);} } /*#sub.about .con03 .list .txt strong{opacity: 0;transition: 0.5s}*/ /*#sub.about .con03 .list .txt strong{opacity: 0;transition: 0.5s}*/ /*#sub.about .con03 .list.on .txt strong{opacity: 1}*/ #sub.about .con03 .icon_wrap.on2 .wrap .center i{transform: scale(0.83);} /* #sub.about .con03 .icon_wrap.on3 .wrap .line i { animation: icon04 infinite 1.3s; } #sub.about .con03 .icon_wrap.on3 .wrap .blur i { animation: icon05 infinite 1.3s; } */ #sub.about .con03 .ques03 .icon_wrap .wrap .line i{transform: translateY(0);transition: 1s;transition-delay: 0.7s} #sub.about .con03 .ques03.on .icon_wrap .wrap .line i{transform: translateY(-140px)} #sub.about .con03 .ques03 .icon_wrap .wrap .blur i{transform: translateY(0);transition: 1s;transition-delay: 0.7s} #sub.about .con03 .ques03.on .icon_wrap .wrap .blur i{transform: translateY(90px)} #sub.about .con03 .end_txt strong{font-size: 80px;line-height: 100px;font-weight: 400;color: #4E413F;} #sub.about .con03 .end_txt{padding-top: 440px} /*#sub.about .con04{height: 100vh}*/ #sub.about .con04 .title strong{display: block;font-size: 80px;font-weight: 400;color: #4E413F;text-align: center;width: 100%;} /*#sub.about .con04 .title strong{display: block;font-size: 80px;font-weight: 400;color: #4E413F;text-align: center;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;}*/ /*#sub.about .con04 .title strong div{opacity: 0}*/ #sub.about .con05{width: 100%;} @keyframes icon04 { 0%{transform: translateY(0);} 100%{transform: translateY(-140px);} } @keyframes icon05 { 0%{transform: translateY(0);} 100%{transform: translateY(90px);} } #sub.about .con05 > div > div > div strong{font-size: 50px;color: #4E413F;font-weight: 500;display: block;text-align: center;} #sub.about .con05 > div > div > div ul{display: inline-block;} #sub.about .con05 > div > div > div ul:after{content: '';display: block;clear: both;} #sub.about .con05 > div > div > div ul li{float: left;transition: 0;opacity: 0} #sub.about .con05 > div > div.on > div ul li{opacity: 1} #sub.about .con05 > div > div > div ul li.ml{margin-left: 20px;} #sub.about .con05 > div > div > div ul li:nth-child(1){transition-delay: 0.1s} #sub.about .con05 > div > div > div ul li:nth-child(2){transition-delay: 0.2s} #sub.about .con05 > div > div > div ul li:nth-child(3){transition-delay: 0.3s} #sub.about .con05 > div > div > div ul li:nth-child(4){transition-delay: 0.4s} #sub.about .con05 > div > div > div ul li:nth-child(5){transition-delay: 0.5s} #sub.about .con05 > div > div > div ul li:nth-child(6){transition-delay: 0.6s} #sub.about .con05 > div > div > div ul li:nth-child(7){transition-delay: 0.7s} #sub.about .con05 > div > div > div ul li:nth-child(8){transition-delay: 0.8s} #sub.about .con05 > div > div > div ul li:nth-child(9){transition-delay: 0.9s} #sub.about .con05 > div > div > div ul li:nth-child(10){transition-delay: 1.0s} #sub.about .con05 > div > div > div ul li:nth-child(11){transition-delay: 1.1s} #sub.about .con05 > div > div > div ul li:nth-child(12){transition-delay: 1.2s} #sub.about .con05 > div > div > div ul li:nth-child(13){transition-delay: 1.3s} #sub.about .con05 > div > div > div ul li:nth-child(14){transition-delay: 1.4s} #sub.about .con05 > div > div > div ul li:nth-child(15){transition-delay: 1.5s} #sub.about .con05 > div > div > div ul li:nth-child(16){transition-delay: 1.6s} #sub.about .con05 > div > div > div ul li:nth-child(17){transition-delay: 1.7s} #sub.about .con05 > div > div > div ul li:nth-child(18){transition-delay: 1.8s} #sub.about .con05 > div > div > div ul li:nth-child(19){transition-delay: 1.9s} #sub.about .con05 > div > div > div ul li:nth-child(20){transition-delay: 2.0s} #sub.about .con05 .ho_list01 .icon{margin-bottom: 110px;opacity: 00;transition: 1s} #sub.about .con05 .ho_list01.on .icon{opacity: 1} #sub.about .con05 .ho_list01 .icon i{display: block;width: 415px;height: 210px;margin: 0 auto;background: #E7380C;border-radius: 22px} /* #sub.about .con05 .ho_list01 .icon {opacity: 0;transition: 1s;transform: translateY(70px);} */ /* #sub.about .con05 .ho_list01.on .icon {opacity: 1;transform: translateY(0);} */ #sub.about .con05 .ho_list strong {opacity: 0;transition: 1s;transform: translateY(70px);transition-delay: 0.3s} #sub.about .con05 .ho_list strong div{ will-change: transform;} #sub.about .con05 .ho_list.on strong {opacity: 1;transform: translateY(0);} #sub.about .con05 .ho_list01 .icon i{transition: 0.7s;transition-delay: 0.7s} #sub.about .con05 .ho_list01.on .icon i{transform: rotate(270deg) scale(0.6)} #sub.about .con05 .ho_list{height: 100vh;position: absolute;top: 0;width: 100%} #sub.about .con05 .ho_list01{position: relative} #sub.about .con05 .ho_list > .wrap{display: block;text-align: center;padding-top: 40px;} /* */ #sub.talent .inner{width: 1620px;max-width: 100%} #sub .sub_txt_visual{position: relative;padding-top: 388px;position: relative;overflow: hidden;} #sub .sub_txt_visual .sv_deco{position: absolute;top: 217px;left: 38.8%} #sub .sub_txt_visual .sv_deco svg{height: 348px} #sub .sub_txt_visual .sv_deco svg path { stroke-dasharray: 1300px; animation: stroke 2s linear; } #sub .sub_txt_visual .sv_deco3 svg path{ stroke-dasharray: 1600px; animation: stroke3 2s linear; } #sub.news_list .sub_txt_visual .sv_deco svg text ,#sub.news_view .sub_txt_visual .sv_deco svg text{ stroke-dasharray: 1446px; animation: stroke2 2s linear; } @keyframes stroke { 0% { stroke-dashoffset: 1300px; } 100% { stroke-dashoffset: 0; } } @keyframes stroke2 { 0% { stroke-dashoffset: 1446px; } 100% { stroke-dashoffset: 0; } } @keyframes stroke3 { 0% { stroke-dashoffset: 1600px; } 100% { stroke-dashoffset: 0; } } #sub.recruit .sub_txt_visual .vis_txt strong{transform: translateY(70px);opacity: 0;transition: 1.2s} #sub.recruit .sub_txt_visual.on .vis_txt strong{transform: translateY(0);opacity: 1} #sub .sub_txt_visual .vis_txt{position: relative;z-index: 2} #sub .sub_txt_visual .vis_txt span{display: block;font-weight: 600;color: #FF5700;font-size: 30px;letter-spacing: -0.6px;margin-bottom: 50px;opacity: 0;transition: 1s;font-family: "scotch-display", sans-serif;} #sub .sub_txt_visual.on .vis_txt span{opacity: 1} #sub .sub_txt_visual .vis_txt strong{display: block;font-weight: 600;color: #57413B;font-size: 60px;letter-spacing: -0.6px;line-height: 75px;height: 75px;} #sub .sub_txt_visual .vis_txt em{display: block;font-weight: 600;color: #383838;font-size: 40px;letter-spacing: -0.6px;} #sub .sub_txt_visual .vis_txt ul{margin-top: 50px;} #sub .sub_txt_visual .vis_txt ul:after{content: '';display: block;clear: both;} #sub .sub_txt_visual .vis_txt ul li{float: left;font-size: 20px;color: #B4ACA8;;margin-right: 20px;} #sub .sub_txt_visual .vis_txt ul li.now{color: #FF4600;font-weight: 600} #sub.talent .con01{padding-top: 380px;} #sub.talent .con01 ul.list > li {margin-bottom: 170px} #sub.talent .con01 ul.list > li:last-child{margin-bottom: 0} #sub.talent .con01 ul.list > li .question{margin-bottom: 100px;} #sub.talent .con01 ul.list > li .question strong{display: block;font-size: 36px;font-weight: 600;color: #4E413F;} #sub.talent .con01 ul.list > li .question strong ul:after{content: '';display: block;clear: both;} #sub.talent .con01 ul.list > li .question strong ul li{float: left;} #sub.talent .con01 ul.list > li .question strong ul li.left{margin-left: 15px;} #sub.talent .con01 ul.list > li .question strong.hidden{display: none} #sub.talent .con01 ul.list > li:nth-child(2n) .question strong{text-align: right} #sub.talent .con01 ul.list > li .wrap:after{content: '';display: block;clear: both;} #sub.talent .con01 ul.list > li .wrap > div{float: left;} #sub.talent .con01 ul.list > li .wrap .person{margin-right: 80px;} #sub.talent .con01 ul.list > li .wrap .person .title{text-align: center;margin-top: 30px} #sub.talent .con01 ul.list > li .wrap .person .title *{display: block;} #sub.talent .con01 ul.list > li .wrap .person .title strong{font-size: 18px;color: #FF5700;;margin-bottom: 6px;font-weight: 300} #sub.talent .con01 ul.list > li .wrap .person .title span{font-size: 24px;color: #57413B;font-weight: 600} #sub.talent .con01 ul.list > li:nth-child(2n) .wrap .person{margin-right: 0;margin-left: 80px} #sub.talent .con01 ul.list > li .wrap .person .img img{display: block;} #sub.talent .con01 ul.list > li .wrap .person .img{border-radius: 50%;box-shadow: 0 0 40px rgba(200,174,164,0.3);position: relative} #sub.talent .con01 ul.list > li .wrap .person .img:before{content: 'A';display: block;width: 71px;line-height: 71px;text-align: center;background: #FF4600;border-radius: 50%;position: absolute;font-size: 40px;font-weight: 600; color: #FFFFFF;transform: scale(0);transition: 0.6s;transition-delay: 2s} #sub.talent .con01 ul.list > li.on .wrap .person .img:before{transform: scale(1)} #sub.talent .con01 ul.list > li .wrap{padding-left: 100px} #sub.talent .con01 ul.list > li:nth-child(2n) .wrap{padding-left: 0;padding-right: 100px} #sub.talent .con01 ul.list > li:nth-child(2n) .wrap > div{float: right;} #sub.talent .con01 ul.list > li .txt{padding-top: 75px} #sub.talent .con01 ul.list > li:last-child .txt{padding-top: 0} #sub.talent .con01 ul.list > li .txt p{font-size: 24px;line-height: 48px;color: #7D706E;letter-spacing: -0.3px;} #sub.talent .con01 ul.list > li .txt p span{font-weight: 600;color: #57413B} #sub.talent .con01 ul.list > li:nth-child(2n) .txt{text-align: right} #sub.talent .con01 ul.list > li:nth-child(1){width: 1500px;} #sub.talent .con02{margin-top: 230px;} #sub.talent .con02 .sb_tit {margin-bottom: 110px;} #sub.talent .con02 .sb_tit span{display: block;color: #E7420E;font-size: 30px;font-weight: 600;margin-bottom: 32px;font-family: "scotch-display", sans-serif;} #sub.talent .con02 .sb_tit strong{display: block;color: #57413B;font-size: 60px;line-height: 100px;font-weight: 600} #sub.talent .con02 ul:after{content: '';display: block;clear: both;} #sub.talent .con02 ul li{float: left;width: 33.33%;margin-bottom: 100px;} #sub.talent .con02 ul li .icon{margin-bottom: 30px;display: inline-block;position: relative;background: #F6F7F8;border-radius: 50%} #sub.talent .con02 ul li .icon:before{content: '';display: block;width: 100%;height: 100%;background: url(/img/sub/icon01_on.png);position: absolute;top: 0;left: 0;opacity: 0;animation: twi infinite 1.5s linear;background-size: 100% 100% !important} @keyframes twi { 0%{opacity: 0} 50%{opacity: 1} 100%{opacity: 0} } #sub.talent .con02 ul li:nth-child(2) .icon:before{background: url(/img/sub/icon02_on.png);animation-delay: 0.2s} #sub.talent .con02 ul li:nth-child(3) .icon:before{background: url(/img/sub/icon15_base_on.png);animation-delay: 0.4s} #sub.talent .con02 ul li:nth-child(4) .icon:before{background: url(/img/sub/icon03_on.png);animation-delay: 0.4s} #sub.talent .con02 ul li:nth-child(5) .icon:before{background: url(/img/sub/icon04_on.png);animation-delay: 0.6s} #sub.talent .con02 ul li:nth-child(6) .icon:before{background: url(/img/sub/icon05_on.png);animation-delay: 0.8s} #sub.talent .con02 ul li:nth-child(7) .icon:before{background: url(/img/sub/icon06_on.png);animation-delay: 1s} #sub.talent .con02 ul li:nth-child(8) .icon:before{background: url(/img/sub/icon07_on.png);animation-delay: 0.2s} #sub.talent .con02 ul li:nth-child(9) .icon:before{background: url(/img/sub/icon14_base_on.png);animation-delay: 0.4s} #sub.talent .con02 ul li:nth-child(10) .icon:before{background: url(/img/sub/icon08_on.png);animation-delay: 0.4s} #sub.talent .con02 ul li:nth-child(11) .icon:before{background: url(/img/sub/icon09_on.png);animation-delay: 0.6s} #sub.talent .con02 ul li:nth-child(12) .icon:before{background: url(/img/sub/icon10_on.png);animation-delay: 0.8s} #sub.talent .con02 ul li:nth-child(13) .icon:before{background: url(/img/sub/icon11_on.png);animation-delay: 1s} #sub.talent .con02 ul li:nth-child(14) .icon:before{background: url(/img/sub/icon12_on.png);animation-delay: 0.2s} #sub.talent .con02 ul li:nth-child(15) .icon:before{background: url(/img/sub/icon13_on.png);animation-delay: 0.4s} #sub.talent .con02{padding-bottom: 200px} #sub.talent .con02 ul li .icon img{display: block;position: relative;z-index: 2} #sub.talent .con02 ul{display: flex;flex-wrap: wrap} #sub.talent .con02 ul li .txt strong{font-size: 30px;color: #57413B;display: block;margin-bottom: 10px;} #sub.talent .con02 ul li .txt p{font-size: 20px;line-height: 30px;color: #857A77;display: block;;} #sub.talent{padding-bottom: 0;} #sub.talent .con03{height: 100vh;overflow: hidden;position: relative;} #sub.talent .con03 .txt{position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 100%;} #sub.talent .con03 .txt > div:after{content: '';display: block;clear: both;} #sub.talent .con03 .txt .left{float: left;} #sub.talent .con03 .txt .left strong{display: block;color: #FFFFFF;font-size: 56px;font-weight: 500} #sub.talent .con03 .txt .left p{display: block;color: #FFFFFF;font-size: 36px;line-height: 60px;;margin-top: 53px;} #sub.talent .con03 .txt .right{float: right;padding-right: 173px;padding-top: 113px} #sub.talent .con03 .txt .right a{display: block;background: #fff;border-radius: 50%;position: relative;} #sub.talent .con03 .txt .right a span{display: block;width: 180px;line-height: 180px;text-align: center;padding-right: 27px;font-size: 24px;color: #7A3111;font-weight: 500;position: relative;position: relative;} #sub.talent .con03 .txt .right a i{position: absolute;top: 50%;left: 50%;margin-top: -156px;margin-left: -156px;animation: 10s rot infinite linear;display: block;} @keyframes rot { 0%{transform: rotate(0);} 100%{transform: rotate(360deg);} } #sub.talent .con03 .txt .right a i img{display: block;transition: 0.8s} #sub.talent .con03 .txt .right a:hover i img{transform: scale(0.92);} #sub.talent .con03 .txt .right a span:before{content: '';display: block;width: 5px;height: 5px;background: #7A3111;border-radius: 50%;position: absolute;top: 50%;margin-top: -2.5px;left: 134px; animation: twi 1s infinite linear} #sub.talent .con03 .txt .right a span:after{content: '';display: block;width: 5px;height: 5px;background: #7A3111;border-radius: 50%;top: 50%;margin-top: -2.5px;position: absolute;left: 146px;animation: twi 1s infinite linear;opacity: 0;animation-delay: 0.2s} #sub.talent .con03 .inner{position: relative} #sub.talent .con03 .txt .with{float: right;position: absolute;right: -48px;bottom: -105px;opacity: 0.8; font-family: "scotch-display", sans-serif;} #sub.talent .con03 .txt .with a{display: block;font-size: 200px;font-weight: 900;font-family: "scotch-display", sans-serif; /* text-shadow: -1px -1px 0 #FF4600, 1px -1px 0 #FF4600, -1px 1px 0 #FF4600, 1px 1px 0 #FF4600; */ -webkit-text-stroke: 1.2px #FF4600;text-stroke: 1.2px #FF4600; color: rgba(255,255,255,0);position: relative;;} #sub.talent .con03 .txt .with a div{position: absolute;right: 160px;overflow: hidden;width: 100%;height: 100%;top: -14px;} #sub.talent .con03 .txt .with a div i{ text-stroke: 1.2px #fff; -webkit-text-stroke: 1.2px #fff;font-weight: 900;color: rgba(255,255,255,0);position: relative;right: -160px;font-family: "scotch-display", sans-serif} #sub.talent .con05{padding-top: 230px;} #sub.talent .con05 .tit strong{display: block;color: #57413B;font-size: 36px;font-weight: 600;margin-bottom: 85px;} #sub.talent .con05 .tit strong ul:after{content: '';display: block;clear: both} #sub.talent .con05 .tit strong ul li{float: left} #sub.talent .con05 .tit strong ul li{opacity: 0;transition: 0s} #sub.talent .con05.on .tit strong ul li{opacity: 1} #sub.talent .con05 .tit strong ul li:nth-child(1){transition-delay: 0.1s} #sub.talent .con05 .tit strong ul li:nth-child(2){transition-delay: 0.2s} #sub.talent .con05 .tit strong ul li:nth-child(3){transition-delay: 0.3s} #sub.talent .con05 .tit strong ul li:nth-child(4){transition-delay: 0.4s} #sub.talent .con05 .tit strong ul li:nth-child(5){transition-delay: 0.5s} #sub.talent .con05 .tit strong ul li:nth-child(6){transition-delay: 0.6s} #sub.talent .con05 .tit strong ul li:nth-child(7){transition-delay: 0.7s} #sub.talent .con05 .tit strong ul li:nth-child(8){transition-delay: 0.8s} #sub.talent .con05 .tit strong ul li:nth-child(9){transition-delay: 0.9s} #sub.talent .con05 .tit strong ul li:nth-child(10){transition-delay: 1s} #sub.talent .con05 .tit strong ul li:nth-child(11){transition-delay: 1.1s} #sub.talent .con05 .tit strong ul li:nth-child(12){transition-delay: 1.2s} #sub.talent .con05 .tit strong ul li:nth-child(13){transition-delay: 1.3s} #sub.talent .con05 .tit strong ul li:nth-child(14){transition-delay: 1.4s} #sub.talent .con05 .tit strong ul li:nth-child(15){transition-delay: 1.5s} #sub.talent .con05 .tit strong ul li:nth-child(16){transition-delay: 1.6s} #sub.talent .con05 .tit strong ul li:nth-child(17){transition-delay: 1.7s} #sub.talent .con05 .tit strong ul li:nth-child(18){transition-delay: 1.8s} #sub.talent .con05 .tit strong ul li:nth-child(19){transition-delay: 1.9s} #sub.talent .con05 .tit strong ul li:nth-child(20){transition-delay: 2s} #sub.talent .con05 .tit p{transition: 1s;transition-delay: 1s;opacity: 0;transform: translateY(60px);padding-left: 100px} #sub.talent .con05.on .tit p{opacity: 1;transform: translateY(0)} #sub.talent .con05 .wrap ul {transition: 1s;transition-delay: 1s;opacity: 0;transform: translateY(60px);transition-delay: 1.3s} #sub.talent .con05.on .wrap ul {opacity: 1;transform: translateY(0)} #sub.talent .con05 .wrap p{transition: 1s;transition-delay: 1s;opacity: 0;transform: translateY(60px);transition-delay: 1.6s} #sub.talent .con05.on .wrap p {opacity: 1;transform: translateY(0)} #sub.talent .con05 .tit strong ul li.mr{margin-left: 15px;} #sub.talent .con05 .tit p{display: block;color: #7D706E;font-size: 24px;line-height: 48px;} #sub.talent .con05 .tit p span{font-weight: 600;color: #5D413D;} #sub.talent .con05 .wrap{padding-left: 435px;padding-top: 150px;position: relative;left: 100px} #sub.talent .con05 .wrap ul{margin-bottom: 215px} #sub.talent .con05 .wrap ul:after{content: '';display: block;clear: both} #sub.talent .con05 .wrap ul li{float: left;margin-right: 65px} #sub.talent .con05 .wrap ul li:last-child{margin-right: 0} #sub.talent .con05 .wrap ul li img{display: block} #sub.talent .con05 .wrap ul li .img{overflow: hidden;transition: 1s;transition-delay: 2s} #sub.talent .con05 .wrap ul li:nth-child(1) .img{border-radius: 0} #sub.talent .con05.on .wrap ul li:nth-child(1) .img{border-radius: 50%} #sub.talent{background: #fff} #sub.talent .con05 .wrap ul li:nth-child(2) .img{border-radius: 50%} #sub.talent .con05.on .wrap ul li:nth-child(2) .img{border-radius: 0%} #sub.recruit{background: #fff} #sub.talent .con05 .wrap p{font-size: 24px;line-height: 48px;color: #7D706E;} #sub.talent .con05 .wrap .txt{position: relative} #sub.talent .con05 .wrap .txt .line{width: 0;background: #DDDDDD; position: absolute;left: -435px;height: 1px;bottom: 125px;transition: 1s;transition-delay: 3s} #sub.talent .con05 .wrap .txt .line i{display: block;width: 100%;height: 100%;position: relative} #sub.talent .con05 .wrap .txt .line i:after{content: '';display: block;background: #FF4600;position: absolute;right: 0;height: 100%;width: 0;transition: 1s;transition-delay: 4s} #sub.talent .con05.on .wrap .txt .line i:after{width: 20%} #sub.talent .con05.on .wrap .txt .line{width: 390px;} #sub.talent .con05 .wrap .txt:after{content: '';display: block;width: 1px;;background: #DDDDDD; position: absolute;left: -435px;height: 0;bottom: 125px;transition: 1s;transition-delay: 3s} #sub.talent .con05.on .wrap .txt:after{height: 750px;;} #sub.recruit_list .sub_con{padding-top: 100px;} #sub.recruit_list .tot{margin-bottom: 128px;} #sub.recruit_list .tot strong{display: block;font-size: 20px;color: #57413B;letter-spacing: -0.6px;} #sub.recruit_list .tot strong span{font-weight: inherit;font-size: inherit;color: #EB5902} #sub.recruit_list .list ul li{border-bottom: 1px solid #DDDDDD;position: relative;} #sub.recruit_list .list ul li:after{content: '';display: block;position: absolute;width: 0%;height: 2px;bottom: -1px;background: #FF4600;transition: 1s} #sub.recruit_list{background: #fff} #sub.recruit_list .inner{width: 1400px;} #sub.recruit_list .list ul li:hover:after{width: 100%} #sub.recruit_list .list ul li a{display: block;padding-top: 54px;padding-bottom: 60px;} #sub.recruit_list .list ul li a .info{margin-bottom: 30px;} #sub.recruit_list .list ul li a .info > *{display: inline-block;vertical-align: middle;} #sub.recruit_list .list ul li a .info span{font-size: 20px;color: #857A77;letter-spacing: -0.6px;font-weight: 600;margin-right: 20px;} #sub.recruit_list .list ul li a .info span.now{color: #FF4600;} #sub.recruit_list .list ul li a .info em{font-size: 20px;color: #B4ACA8;letter-spacing: -0.6px;font-weight: 500} #sub.recruit_list .list ul li a .tit strong{color: #4E413F;letter-spacing: -0.96px;display: block;font-size: 32px;font-weight: 600;} #sub.recruit_list .list ul li a .tit strong span{color: #FF4600} #sub.recruit_list .list{margin-bottom: 130px;} #sub.recruit_list #header .contact{display: none} #sub.recruit_list.news_list #header .contact{display: block;} #sub.recruit_list{padding-bottom: 235px} #sub.recruit_list .gal_list ul{ display: flex; gap: 80px 50px; flex-flow: wrap; } #sub.recruit_list .gal_list ul li{width: calc(33.33333333% - 33.3333333333px);} #sub.recruit_list .gal_list ul li .img{position: relative;overflow: hidden; background: #000;border-radius: 40px;overflow: hidden} #sub.recruit_list .gal_list ul li .img .over{position: absolute;top: 0;left: 0;width: 100%;height: 100%} #sub.recruit_list .gal_list ul li .img .over #line_01 path, #sub.recruit_list .gal_list ul li .img .over #line_01-2 path { stroke-dasharray: 1000; stroke-dashoffset: 1000; } #sub.recruit_list {overflow: hidden;padding-bottom: 300px;} #sub.recruit_list .gal_list ul li .img:hover .over #line_01 path {animation: dash2 3s linear forwards;} #sub.recruit_list .gal_list ul li .img:hover .over #line_01-2 path {animation: dash2 3s linear forwards;} @keyframes dash2 { to { stroke-dashoffset: 0; } } #sub.recruit_list .gal_list ul li .img .over{opacity: 0;transition: 0.6s} #sub.recruit_list .gal_list ul li:hover .img .over{opacity: 1} #sub.recruit_list .gal_list ul li .img svg{width: 100%;height: 100%} #sub.recruit_list .gal_list ul li .img img{width: 100%} #sub.recruit_list .gal_list ul li .img img{display: block;transition: 1s;max-width: 100%} #sub.recruit_list .gal_list ul li .img:after{content: '';display: block;width: 100%;height: 100%;background-size: 100% 100%;background: url(/img/sub/ov_img.png);position: absolute;top: 0;left: 0;transform: translateX(50px);opacity: 0;transition: 0.7s;background-size: 100% 100%} /*#sub.recruit_list .gal_list ul li:hover .img:after{opacity: 1;transform: translateX(0);}*/ #sub.recruit_list .gal_list ul li:nth-child(3n){margin-right: 0} #sub.recruit_list .gal_list ul li .txt{padding-top: 40px;} #sub.recruit_list .gal_list ul li .txt strong{display: block;font-size: 24px;letter-spacing: -0.5px;color: #57413B;line-height: 36px;font-weight: 500;margin-bottom: 25px;} #sub.recruit_list .gal_list ul li .txt p{color: #A9A9A9;font-size: 18px;} #sub .sch_area:after{content: '';display: block;clear: both;} #sub .sch_area .paging{float: left;} #sub .sch_area{margin-top: 60px} #sub .sch_area .paging ul:after{content: '';display: block;clear: both;} #sub .sch_area .paging ul li{float: left;margin-right: 6px;} #sub .sch_area .paging ul li a{display: block;width: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #857672;border-radius: 50%} #sub .sch_area .paging ul li.on a{color: #fff;background: #E7420E} #sub .sch_area .paging ul li.btn a{height: 42px;text-indent: -9999px;} #sub .sch_area .paging ul li.btn.next a{background: url(/img/sub/next.png) no-repeat center center} #sub .sch_area .paging ul li.btn.end a{background: url(/img/sub/end.png) no-repeat center center} #sub .sch_area .sch{float: right;position: relative;} #sub .sch_area .sch button{background: none;position: absolute;top: 50%;right: 0;margin-top: -35px;border-radius: 50%;background: transparent linear-gradient(135deg, #FFB300 0%, #E7420E 100%) 0% 0% no-repeat padding-box} #sub .sch_area .sch button img{display: block;} #sub .sch_area .sch input{background: #F8F6F5;width: 350px;height: 60px;border: none;border-radius: 30px;font-size: 16px;letter-spacing: -0.5px;padding-left: 30px;font-family: 'SUITE-Regular';} #sub .sch_area .sch input::placeholder{color: #BCAB9E} #sub .recruit_btn{position: fixed;position: fixed; right: 50px; position: fixed; bottom: 135px;z-index: 10} #sub .recruit_btn a{display: block;position: relative;} #sub .recruit_btn a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;position: absolute;;background: #fff;border-radius: 50%;box-shadow: 0 0 40px rgba(95,60,48,0.1);animation: rebutton 1.5s infinite linear} @keyframes rebutton { 0%{transform: scale(1);} 50%{transform: scale(0.9);} 100%{transform: scale(1);} } #sub .recruit_btn a span{display: block;width: 155px;line-height: 155px;text-align: center;position: relative;z-index: 2;position: relative;z-index: 2;color: #FF5700;font-size: 30px;font-family: "scotch-display", sans-serif;font-weight: 600} #sub .recruit_btn a span i{display: inline-block;width: 14px;height: 5px;vertical-align: middle;position: relative;margin-left: 10px} #sub .recruit_btn a span i:before{content: '';display: block;opacity: 0.5;background: #FF4600;width: 5px;height: 5px;position: absolute;left: 0;top: 0;border-radius: 50%;transition: 0.4s;animation: 1s twi linear infinite} #sub .recruit_btn a span i:after{content: '';display: block;background: #FF4600;width: 5px;height: 5px;position: absolute;right: 0;top: 0;border-radius: 50%;transition: 0.4s;animation: 1s twi linear infinite;animation-delay: 0.3s} /*#sub .recruit_btn a:hover span i:before, #sub .recruit_btn a:hover span i:after{transform: scale(2.5);}*/ #sub.view {padding-bottom: 235px} #sub.view .con01{min-height: 600px;} #sub.view .con01 img{ max-width: 100%; display: block; margin: 0 auto; } #sub .list_b { margin-top: 60px;; float: left; width: 100%; } #sub .list_b a{ display: block; margin: 0 auto; width: 80px; height: 80px; position: relative; background: linear-gradient(45deg, rgba(236,102,0,1) 0%, rgba(231,34,14,1) 100%); border-radius: 50%; box-shadow: 16px 11px 40px 0px rgb(103 47 14 / 20%); } #sub .list_b a .wrap{ width: 26px; height :26px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } #sub .list_b a .wrap span{ display: block; width: 12px; height: 12px; background-color: #fff; animation: btn 2s linear infinite; } #sub .list_b a .wrap span:nth-child(1){ position: absolute; left: 0; top: 0; } #sub .list_b a .wrap span:nth-child(2){ position: absolute; right: 0; top: 0; animation-delay: .3s; } #sub .list_b a .wrap span:nth-child(3){ position: absolute; left: 0; bottom: 0; animation-delay: .3s; } #sub .list_b a .wrap span:nth-child(4){ position: absolute; right: 0; bottom: 0; animation-delay: .6s; } #sub.view .list_b { margin-top: 60px;; } #sub.view .list_b a{ display: block; margin: 0 auto; width: 80px; height: 80px; position: relative; background: linear-gradient(45deg, rgba(236,102,0,1) 0%, rgba(231,34,14,1) 100%); border-radius: 50%; box-shadow: 16px 11px 40px 0px rgb(103 47 14 / 20%); } #sub.view .list_b a .wrap{ width: 26px; height :26px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } #sub.view .list_b a .wrap span{ display: block; width: 12px; height: 12px; background-color: #fff; animation: btn 2s linear infinite; } #sub.view .list_b a .wrap span:nth-child(1){ position: absolute; left: 0; top: 0; } #sub.view .list_b a .wrap span:nth-child(2){ position: absolute; right: 0; top: 0; animation-delay: .3s; } #sub.view .list_b a .wrap span:nth-child(3){ position: absolute; left: 0; bottom: 0; animation-delay: .3s; } #sub.view .list_b a .wrap span:nth-child(4){ position: absolute; right: 0; bottom: 0; animation-delay: .6s; } #sub.recruit_view #cursor2{display: none} #cursor { z-index: 99; position: fixed; left: 0; top: 0; width: auto;;height: auto } /* width: 80px;height: 80px; */ /* */ /* width: 80px;height: 80px; */ @keyframes btn { 0%{ opacity: 1; } 50%{ opacity: 0; } 100%{ opacity: 1; } } #sub.contact .sub_con{padding-top: 110px;} #sub .sub_con{padding-top: 110px;} #sub.recruit{padding-bottom: 60px;} #sub.recruit .con01 ul{width: 1030px;margin: 0 auto} #sub.recruit .con01 ul:after{content: '';display: block;clear: both;} #sub.recruit .con01 ul li{float: left;width: 46.11%;margin-right: 7.78%;border-bottom: 2px solid #DDDDDD;margin-bottom: 90px;} #sub.recruit .con01 ul li.line01{width: 100%} #sub.recruit .con01 ul li:nth-child(2n){margin-right: 0} #sub.recruit .con01 ul li.mr{margin-right: 7.78%;} #sub.recruit .con01 ul li:last-child{margin-right: 0} #sub.recruit .con01 ul li .inp *{height: 50px;line-height: 50px;width: 100%;border: none;font-size: 18px;color: #BFB8B5;letter-spacing: -0.54px;padding-left: 0} #sub.recruit .con01 ul li .inp *::placeholder{font-family: 'SUITE-Regular';} #sub.recruit .con01 ul li select{font-family: 'SUITE-Regular';} #sub.recruit .con01 ul li .inp.file{position: relative;padding-right: 80px;} #sub.recruit .con01 ul li .inp.file p{border-bottom: 2px solid #DDDDDD;padding-left: 10px;} #sub.recruit .con01 ul li.file2{border-bottom: none} #sub.recruit .con01 ul li .inp.file button{position: absolute;right: 0;width: 68px;height: 68px;background: #FF5700;border-radius: 50%} #sub.recruit .con01 ul li .inp.file button img{width: auto} #sub.recruit .con01 ul li .inp *::placeholder{color: #BFB8B5;} #sub.recruit .con01 ul li .inp select{color: #BFB8B5;} #sub.recruit .con01 ul li .inp{position: relative;} #sub.recruit .con01 ul li .inp input[type='file']{position: absolute;top: 0;left: 0;opacity: 0;z-index: 10} #sub.recruit.contact .con01 ul li .inp textarea{height: 270px;padding-top: 0} #sub.recruit .con01 ul li label{display: block;color: #4E413F;font-size: 22px;margin-bottom: 37px;} #sub.recruit .con01 ul li label i{color: #FF4600} #sub.recruit .con01 .per{text-align: center;} #sub.recruit .con01 .per > *{display: inline-block;vertical-align: middle;} #sub.recruit .con01 .per p{font-size: 18px;color: #6B5E59;letter-spacing: -0.54px;} #sub.recruit .con01 .per p span{cursor: pointer;font-weight: 600} #sub.recruit .con01 .per input{position: relative;width: 23px;height: 23px;border-radius: 50%; appearance: none;margin-right: 7px;} #sub.recruit .con01 .per input:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(/img/sub/agree.png);background-size: 100% 100%} #sub.recruit .con01 .per input:checked:before{background: url(/img/sub/agree_on.png);background-size: 100% 100%} #sub.recruit .con01 .go_form{text-align: center;margin-top: 70px;} #sub.recruit .con01 .go_form a{display: inline-block;} /* #sub.recruit .con01 .go_form a span{display: block;width: 208px;line-height: 208px;background: #FF4600;text-align: center;border-radius: 50%;font-weight: 600;color: #FFFFFF;font-size: 30px;font-weight: 500} #sub.recruit .con01 .go_form a span i{display: inline-block;width: 14px;height: 5px;position: relative;vertical-align: middle;margin-left: 10px;} #sub.recruit .con01 .go_form a span i:before{content: '';display: block;width: 5px;height: 5px;background: #fff;opacity: 0.5;position: absolute;left: 0;top: 0;border-radius: 50%;transition: 0.4s;animation: 1s twi infinite linear} #sub.recruit .con01 .go_form a span i:after{content: '';display: block;width: 5px;height: 5px;background: #fff;position: absolute;right: 0;top: 0;border-radius: 50%;transition: 0.4s;animation: 1s twi infinite linear;animation-delay: 0.3s} */ /*#sub.recruit .con01 .go_form a:hover span i:before, #sub.recruit .con01 .go_form a:hover span i:after{transform: scale(2.5);}*/ #sub.recruit.contact .con01 ul{width: 900px;margin-left: 0} /* #sub.recruit.contact .con01 ul li *{ font-family: 'SUITE-Regular'} #sub.recruit.contact .con01 ul li .inp *{ font-family: 'SUITE-Regular'} #sub.recruit.contact .con01 ul li .inp *::placeholder{ font-family: 'SUITE-Regular'} */ #sub.recruit.contact .con01 ul li{width: 100%} #sub.recruit.contact .con01 ul li.btn-list{border-bottom: none} #sub.recruit.contact .con01 ul li label{font-size: 30px;font-weight: 600} #sub.recruit.contact .con01 ul li .inp *{height: 68px;font-size: 20px; font-family: 'SUITE-Regular' !Important;} #sub.recruit.contact .con01 ul li .inp input::placeholder{height: 68px; font-family: 'SUITE-Regular' !Important;} #sub.recruit.contact .con01 ul li ol:after{content: '';display: block;clear: both;} #sub.recruit.contact .con01 ul li ol li{float: left;width: auto;margin-right: 0;position: relative;margin-right: 5px;margin-bottom: 0;margin-bottom: 10px;} #sub.recruit.contact .con01 ul li ol li input{position: absolute;opacity: 0} #sub.recruit.contact .con01 ul li ol li button{width: auto;color: #AE7558;font-size: 20px;letter-spacing: -0.5px;padding: 0 31px;border: 1px solid #AE7558;border-radius: 11px;height: 67px;background: none;border-radius: 40px} #sub.recruit.contact .con01 ul li ol li.on button{border-color: #FF5700;color: #fff;background: #FF5700} #sub.recruit.contact .con01 .per{text-align: left;} /* #sub.recruit.contact .con01 .go_form a span{line-height: 39px;height: 42px;height: 208px;padding-top: 55px;} #sub.recruit.contact .con01 .go_form a span i{display: block;margin: 0 auto;margin-top: 15px;} */ #sub.recruit.contact .con02{margin-bottom: 200px;} #sub.recruit.contact .con02 p{color: #7D706E;font-size: 24px;line-height: 36px;margin-bottom: 50px;} #sub.recruit.contact .con02 ul:after{content: '';display: block;clear: both;} #sub.recruit.contact .con02 ul li{display: inline-block;} #sub.recruit.contact .con02 ul li:after{content: '';display: inline-block;width: 1px;height: 30px;background: #EFCCC0;margin: 0 30px;} #sub.recruit.contact .con02 ul li:last-child:after{display: none} #sub.recruit.contact .con02 ul li:last-child{margin-right: 0} #sub.recruit.contact .con02 ul li a{color: #FF4600;font-size: 48px;line-height: 1; font-weight: 600;} @keyframes rotate1 { 0% { opacity: 1 } 25% { opacity: 0 } 50% { opacity: 0 } 75% { opacity: 0 } 100% { opacity: 0 } } @keyframes rotate2 { 0% { opacity: 0 } 25% { opacity: 1 } 50% { opacity: 0 } 75% { opacity: 0 } 100% { opacity: 0 } } @keyframes rotate3 { 0% { opacity: 0 } 25% { opacity: 0 } 50% { opacity: 1 } 75% { opacity: 0 } 100% { opacity: 0 } } @keyframes rotate4 { 0% { opacity: 0 } 25% { opacity: 0 } 50% { opacity: 0 } 75% { opacity: 1 } 100% { opacity: 0 } } @keyframes rotate5 { 0% { opacity: 1 } 25% { opacity: 0 } 50% { opacity: 0 } 75% { opacity: 0 } 100% { opacity: 1 } } .wave_more_btn {padding-top: 80px} .wave_more_btn a:before{content: '';display: block;width: 100%;height: 125%;background: url(/img/why/wave.png);position: absolute;bottom: 0;left: 0;transform: translateY(100%);transition: 1s} .wave_more_btn a:hover:before{transform: translateY(0%);} .wave_more_btn a{display: block;width: 200px;margin: 0 auto;overflow: hidden;border: 1px solid #FF5700;border-radius: 50%;position: relative} .wave_more_btn a strong{display: block;position: relative;width: 100%;line-height: 200px;text-align: center;font-size: 30px;color: #FF5700;font-family: "scotch-display", sans-serif;transition: 1s} .wave_more_btn a strong span{line-height: 20px} .wave_more_btn.wave_more_btn2 a strong{line-height: 40px;padding: 54px 0} .wave_more_btn a:hover strong{color: #fff} .wave_more_btn a strong i{display: inline-block;width: 5px;height: 5px;background: #FF5700;border-radius: 50%;margin: 0 2px;animation: 0.8s circle_b infinite linear;opacity: 0.5;transition: 1s} .wave_more_btn a:hover strong i{background: #fff} .wave_more_btn a strong i:nth-child(2){animation: 0.8s circle_b infinite linear;animation-delay: 0.2s} .wave_more_btn button:before{content: '';display: block;width: 100%;height: 125%;background: url(/img/why/wave.png);position: absolute;bottom: 0;left: 0;transform: translateY(100%);transition: 1s} .wave_more_btn button:hover:before{transform: translateY(0%);} .wave_more_btn button{display: block;width: 200px;margin: 0 auto;overflow: hidden;border: 1px solid #FF5700;border-radius: 50%;position: relative;background: none} .wave_more_btn button strong{display: block;position: relative;width: 100%;line-height: 200px;text-align: center;font-size: 30px;color: #FF5700;font-family: "scotch-display", sans-serif;transition: 1s;background: none} .wave_more_btn button strong span{line-height: 20px} .wave_more_btn.wave_more_btn2 button strong{line-height: 40px;padding: 54px 0} .wave_more_btn button:hover strong{color: #fff} .wave_more_btn button strong i{display: inline-block;width: 5px;height: 5px;background: #FF5700;border-radius: 50%;margin: 0 2px;animation: 0.8s circle_b infinite linear;opacity: 0.5;transition: 1s} .wave_more_btn button:hover strong i{background: #fff} .wave_more_btn button strong i:nth-child(2){animation: 0.8s circle_b infinite linear;animation-delay: 0.2s} .wave_more_btn button strong div{line-height: 0} @keyframes circle_b{ 0%{opacity: 0.5} 50%{opacity: 1} 100%{opacity: 0.5} } .wave_more_btn a strong div{line-height: 0} #sub.talent .con01 ul.list > li:nth-child(2n) .question{text-align: right} #sub.talent .con01 ul.list > li .question strong{position: relative;display: inline-block;} #sub.talent .con05 .tit strong {padding-left: 60px;position: relative} #sub.talent .con01 ul.list > li .question strong {padding-left: 60px} #sub.talent .con01 ul.list > li .question strong i{display: block;color: #F4E7E0;font-size: 100px;font-family: "scotch-display", sans-serif;font-weight: 600;position: absolute;bottom: 0;left: 0;z-index: 1;opacity: 0;transition: 1s} #sub.talent .con05 .tit strong i{display: block;color: #F4E7E0;font-size: 100px;font-family: "scotch-display", sans-serif;font-weight: 600;position: absolute;bottom: 0;left: 0;z-index: 1;opacity: 0;transition: 1s} #sub.talent .con01 ul.list > li.on .question strong i{opacity: 1} #sub.talent .con05.on .tit strong i{opacity: 1} #sub.talent .con01 ul.list > li .question strong ul {display: inline-block;position: relative;z-index: 3} #sub.talent .con01 ul.list > li .question strong ul li{opacity: 0;transition: 0s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(1){transition-delay: 0.1s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(2){transition-delay: 0.2s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(3){transition-delay: 0.3s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(4){transition-delay: 0.4s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(5){transition-delay: 0.5s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(6){transition-delay: 0.6s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(7){transition-delay: 0.7s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(8){transition-delay: 0.8s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(9){transition-delay: 0.9s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(10){transition-delay: 1s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(11){transition-delay: 1.1s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(12){transition-delay: 1.2s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(13){transition-delay: 1.3s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(14){transition-delay: 1.4s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(15){transition-delay: 1.5s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(16){transition-delay: 1.6s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(17){transition-delay: 1.7s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(18){transition-delay: 1.8s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(19){transition-delay: 1.9s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(20){transition-delay: 2s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(21){transition-delay: 2.1s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(22){transition-delay: 2.2s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(23){transition-delay: 2.3s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(24){transition-delay: 2.4s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(25){transition-delay: 2.5s} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(26){transition-delay: 2.6s} #sub.talent .con01 ul.list > li .wrap{transition: 1s;transform: translateY(80px);opacity: 0;transition-delay: 1.3s} #sub.talent .con01 ul.list > li.on .wrap{transform: translateY(0);opacity: 1} #sub.talent .con01 ul.list > li.on .question strong ul li{opacity: 1} #sub.talent .con02 .sb_tit span{transition: 1s;transform: translateY(80px);opacity: 0;} #sub.talent .con02.on .sb_tit span{transform: translateY(0);opacity: 1} #sub.talent .con02 .sb_tit strong{transition: 1s;transform: translateY(80px);opacity: 0;transition-delay: 0.3s} #sub.talent .con02.on .sb_tit strong{transform: translateY(0);opacity: 1} #sub.talent .con02 ul li{transition: 1s;transform: translateY(80px);opacity: 0;transition-delay: 0.3s} #sub.talent .con02.on ul li{transform: translateY(0);opacity: 1} #sub.talent .con02 ul li:nth-child(1){transition-delay: 0.6s} #sub.talent .con02 ul li:nth-child(2){transition-delay: 0.9s} #sub.talent .con02 ul li:nth-child(3){transition-delay: 1.2s} #sub.talent .con02 ul li:nth-child(4){transition-delay: 1.5s} #sub.talent .con02 ul li:nth-child(5){transition-delay: 1.8s} #sub.talent .con02 ul li:nth-child(6){transition-delay: 2.1s} #sub.talent .con02 ul li:nth-child(7){transition-delay: 2.4s} #sub.talent .con02 ul li:nth-child(8){transition-delay: 2.7s} #sub.talent .con02 ul li:nth-child(9){transition-delay: 3s} #sub.talent .con02 ul li:nth-child(10){transition-delay: 3.3s} #sub.talent .con02 ul li:nth-child(11){transition-delay: 3.6s} #sub.talent .con02 ul li:nth-child(12){transition-delay: 3.9s} #sub.talent .con02 ul li:nth-child(13){transition-delay: 4.2s} #sub.talent .con02 ul li:nth-child(14){transition-delay: 4.5s} #sub.talent .con02 ul li:nth-child(15){transition-delay: 4.8s} #sub.talent .con03 .bg{position: relative;top: -160px;top: 0;height: 100vh} #sub.talent .con03 .bg .bg_img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)} #sub.talent .con03 .bg .bg_img img{display: block;transform: scale(2);transition: 1.7s;transition-delay: 0.4s} #sub.talent .con03.on .bg .bg_img img{transform: scale(1);} #sub.about .con08 strong{transition: 1s;transform: translateY(80px);opacity: 0;transition-delay: 0.3s} #sub.about .con08.on strong{transform: translateY(0);opacity: 1} #sub.talent .con03 .txt .left strong{transition: 1s;transform: translateY(80px);opacity: 0;transition-delay: 1.8s} #sub.talent .con03.on .txt .left strong{transform: translateY(0);opacity: 1} #sub.talent .con03 .txt .left p{transition: 1s;transform: translateY(80px);opacity: 0;transition-delay: 2.2s} #sub.talent .con03.on .txt .left p{transform: translateY(0);opacity: 1} #sub.talent .con03 .txt .right{transition: 1s;transform: translateY(80px);opacity: 0;transition-delay: 2.7s} #sub.talent .con03.on .txt .right{transform: translateY(0);opacity: 1} #sub.talent .con03 .txt .with{transition: 1s;transform: translateY(80px);opacity: 0;transition-delay: 2.7s} #sub.talent .con03.on .txt .with{transform: translateY(0);opacity: 1} #sub.recruit.contact .con02 p{transition: 1s;transform: translateY(80px);opacity: 0;transition-delay: 1.3s} #sub.recruit.contact .con02.on p{transform: translateY(0);opacity: 1} #sub.recruit.contact .con02 ul li{transition: 1s;transform: translateY(80px);opacity: 0;transition-delay: 1.6s} #sub.recruit.contact .con02 ul li:nth-child(2){transition-delay: 1.9s} #sub.recruit.contact .con02.on ul li{transform: translateY(0);opacity: 1} #sub.recruit_list .tot strong{transition: 1s;transform: translateY(80px);opacity: 0;transition-delay: 0.6s} #sub.recruit_list .on .tot strong{transform: translateY(0);opacity: 1} #sub.recruit_list .gal_list{transition: 1s;transform: translateY(80px);opacity: 0;transition-delay: 0.9s} #sub.recruit_list .on .gal_list{transform: translateY(0);opacity: 1} #sub.recruit_list .list{transition: 1s;transform: translateY(80px);opacity: 0;transition-delay: 0.9s} #sub.recruit_list .on .list{transform: translateY(0);opacity: 1} #sub .sch_area {transition: 1s;transform: translateY(80px);opacity: 0;transition-delay: 1.2s} #sub .on .sch_area {transform: translateY(0);opacity: 1} #sub.about .con07 > div > strong, #sub.about .con09 strong {transition: 1s;transform: translateY(80px);opacity:0 } #sub.about .con07.on > div > strong, #sub.about .con09.on strong{transform: translateY(0);opacity: 1} #sub.about #header .scroll{left: 50px;bottom: 40px} #sub.about #header .scroll div{transform: scale(1);} #sub.about > .scroll{position: fixed;bottom: 40px;left: 140px;z-index: 9999;;text-align: center} #sub.about > .scroll .percent{font-size: 15px;font-weight: 600;color: #4E413F;line-height: 65px;} #sub.about > .scroll .percent span{font-weight: 600; font-size: 24px;} /* */ #scroll-smoother .sub_visual{} /*.sub_visual .sv_txt{background: radial-gradient( #fff, #fff, #fffcfc );}*/ .sub_visual .sv_txt ul, .sub_visual .sv_txt, .sub_visual .sv_txt ul li{transition: 1s} .sub_visual .sv_txt, .sub_visual .sv_txt ul li{transition: 1.7s} .sub_visual.act .sv_txt ul{text-align: center;transform: rotate(-90deg) ;} .sub_visual.act .sv_txt div{transform: none;left: 0;top: 50%;width: auto;transform: translate(-50px,-100px);position: fixed} .sub_visual.act .sv_txt strong{font-size: 20px;transition-delay: 0s !important;color: #4e413f} .dark .sub_visual.act .sv_txt strong{color: #fff} .sub_visual .sv_txt ul li{display: inline-block;letter-spacing: -2px;} .sub_visual.act .sv_txt ul li:nth-child(3) strong{margin-right: 20px} .sub_visual.act .sv_txt ul li{animation: why 2s infinite linear } .sub_visual .ripple{position: relative;width: 100%;height: 100vh;overflow: hidden} .sub_visual .ripple > div{position: absolute;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)} .sub_visual .ripple.hide{opacity: 0} .sub_visual .ripple{opacity: 0;transition: 1s;} .sub_visual.on .ripple{opacity: 1} .sub_visual.on .ripple.hide{opacity: 0;transition-delay: 0s} .sub_visual .ripple > div i{background: #fff; border-radius: 50%;display: block;animation: vi 3s ease-out infinite;animation-delay: 1s;opacity:.5;box-shadow:0 0 40px rgba(200,174,164,0.3);} /*border: 0.5px solid #7D706E*/ /*.sub_visual .ripple > div i{border: 1px solid #edc4b6;border-radius: 50%;display: block;animation: ripples 10s infinite linear;opacity: 0}*/ @keyframes ripples{ 0%, 100% { transform:scale(1); opacity:.5; } 50% { transform:scale(1.4); opacity:0.5; } } .sub_visual .ripple > div.ripple{overflow: hidden} .sub_visual .ripple > div.ripple1 i{background: #fff;border: 1px solid #d2d2d2} .sub_visual .ripple > div.ripple2 i{width: 1000px;height: 1000px;animation-delay: 1.5s;transform:scale(0);} .sub_visual .ripple > div.ripple3 i{width: 1000px;height: 1000px;animation-delay: 2s;transform:scale(0);} .sub_visual .ripple > div.ripple4 i{width: 1000px;height: 1000px;animation-delay: 2.5s;transform:scale(0);} /*#sub.portfolio .all_pj .list_pj .list ul{ovy}*/ /* #sub.about .line_bg.hidden2{opacity: 0} */ @keyframes why{ 0%{transform: rotateX(0)} 100%{transform: rotateX(360deg)} } .sub_visual.act .sv_txt ul li:nth-child(1){animation-delay: 1.2s} .sub_visual.act .sv_txt ul li:nth-child(2){animation-delay: 1.3s} .sub_visual.act .sv_txt ul li:nth-child(3){animation-delay: 1.4s} .sub_visual.act .sv_txt ul li:nth-child(4){animation-delay: 1.5s} .sub_visual.act .sv_txt ul li:nth-child(5){animation-delay: 1.6s} .sub_visual.act .sv_txt ul li:nth-child(6){animation-delay: 1.7s} .sub_visual.act .sv_txt ul li:nth-child(7){animation-delay: 1.8s} .sub_visual.act .sv_txt ul li:nth-child(8){animation-delay: 1.9s} .sub_visual.act .sv_txt ul li:nth-child(9){animation-delay: 2s} .sub_visual.act .sv_txt ul li:nth-child(10){animation-delay: 2.1s} .sub_visual.act .sv_txt ul li:nth-child(11){animation-delay: 2.2s} .sub_visual.act .sv_txt ul li:nth-child(12){animation-delay: 2.3s} .motion_year{opacity: 0} .motion_year.on{opacity: 1} .motion_year ul li{position: absolute;;left: 50%;transform: translate(-540px,201px);top: 0;overflow: hidden;z-index: 10} .motion_year ul li{position: fixed;} .motion_year ul li span{float: left;font-size: 130px;color: #E7420E;font-weight: 600;display: block;transition: 0.7s;font-weight: 700} .motion_year ul li span{transform: translateY(100%);} .motion_year ul li.on span{transform: translateY(0%);} .motion_year ul li.remove span{transform: translateY(-100%);} .motion_year ul li span.y02{transition-delay: 0.1s} .motion_year ul li span.y03{transition-delay: 0.2s} .motion_year ul li span.y04{transition-delay: 0.3s} #Careers{ fill: none; stroke:#E7420E; stroke-dashoffset:0; animation-name: outline; animation-duration: 2.5s; animation-timing-function: ease-in; animation-fill-mode: forwards;} .contact_info{padding-top: 0;padding-bottom: 235px} .contact_info .wrap{border-top: 1px solid #DDDDDD;padding-top: 80px;display: flex;margin-bottom: 50px;} .contact_info .wrap > div{width: 19.1358024691358%} .contact_info .wrap .title{width: 22.34567901234568%;} .contact_info .wrap .title strong{display: block;font-size: 30px;color: #57413B;font-weight: 600;font-family: "scotch-display", sans-serif;margin-bottom: 26px;} .contact_info .wrap .title ul li{font-size: 16px;color: #ABA7A7;line-height: 26px;} .contact_info .wrap #map{width: 39.38271604938272%;height: 358px;border-radius: 20px} .contact_info .wrap .text strong{display: block;font-size: 20px;color: #57413B;font-weight: 600;font-family: "scotch-display",'SUITE-Regular', sans-serif;margin-bottom: 17px;} .contact_info .wrap .text p{font-size: 16px;color: #ABA7A7;line-height: 26px;line-height: 26px;} .contact_info .wrap .c02 ul li{margin-bottom: 50px} .contact_info .wrap .c02 ul li:last-child{margin-bottom: 0} .contact_info .wrap .c01{position: relative} .contact_info .wrap .c01 .text{position: absolute;bottom: 8px} .contact_info .wrap .c01 .number strong{display: block;font-size: 32px;color: #57413B;font-weight: 600;font-family: "scotch-display", sans-serif;} .contact_info .addr{text-align: right} .contact_info address{display: inline-block;text-align: left;color: #CCCCCC;font-weight: 500;width: 39.38271604938272%;} @media (max-width: 1810px){ html, body{overflow-x: hidden;} #sub.about .con03 .title strong, #sub.about .con07 > div > strong, #sub.about .con09 strong, #sub.about .con13 .tit strong, #sub.about .con14 .title strong, #sub.about .con07 > div > strong, #sub.about .con09 strong{font-size: 60px;} #sub.about .con08 strong{font-size: 55px} } @media (max-width: 1640px){ .inner{width: 100%;padding: 0 20px} } @media (max-width: 1600px){ .sub_visual .sv_txt strong{font-size: 110px;} /* #sub.about .con03 .title strong, #sub.about .con07 > div > strong, #sub.about .con09 strong, #sub.about .con13 .tit strong, #sub.about .con14 .title strong{font-size: 70px;} */ #sub.about .con06 .wrap > div .img div ul li img{height: 150px;} #sub.about .con06.on > .bg_w .video_w{width: auto;height: 100%} #sub.talent .con05 .wrap{left: 0} } @media (max-width: 1416px){ #sub.about .con15 .list_w ul.list > li .txt > ul > li ul li{width: 100%} #sub.talent .inner, #sub.recruit_list .inner, .inner{width: 100%;padding: 0 20px;box-sizing: border-box} #sub .sub_txt_visual .vis_txt span{font-size: 16px;} #sub .sub_txt_visual .vis_txt strong{font-size: 50px;line-height: 80px;height: 80px;} #sub .sub_txt_visual .sv_deco svg{height: 400px !important} #sub .sub_txt_visual{padding-top: 275px} #sub .sub_txt_visual .sv_deco { top: 67px; left: 38.8%; } #sub.talent .con05 .tit strong{margin-bottom: 45px;} #sub.talent .con05 .wrap ul{margin-bottom: 85px} #sub.talent .con01 ul.list > li .question strong, #sub.talent .con05 .tit strong{font-size: 40px;} #sub.talent .con01 ul.list > li .wrap{padding-left: 0} #sub.talent .con01 ul.list > li:nth-child(2n) .wrap{padding-right: 0} #sub.talent .con01 ul.list > li .txt p, #sub.talent .con05 .tit p, #sub.talent .con05 .wrap p{font-size: 23px;line-height: 1.7} #sub.talent .con01 ul.list > li .wrap .person .img img{width:230px} #sub.talent .con01 ul.list > li .wrap .person .title strong{font-size: 24px;margin-bottom: 15px;} #sub.talent .con01 ul.list > li .wrap .person .title span{font-size: 16px;} #sub.talent .con01 ul.list > li .wrap .person .title{margin-top: 20px;} #sub.talent .con01 ul.list > li .question{margin-bottom: 50px;} #sub.talent .con01 ul.list > li{margin-bottom: 120px;} #sub.talent .con02 .sb_tit span{font-size: 20px;margin-bottom: 10px;} #sub.about .con14 .title strong, #sub.talent .con02 .sb_tit strong, #sub.about .con07 > div > strong, #sub.about .con09 strong, #sub.about .con12 .title strong, #sub.about .con12 .title strong, #sub.about .con13 .tit strong, #sub.about .con13 .tit strong{font-size: 60px;line-height: 1.5} #sub.talent .con02 .sb_tit{margin-bottom: 60px;} #sub.talent .con02 ul li .txt p{font-size: 21px;} #sub.talent .con02 ul li .txt strong{font-size: 28px;margin-bottom: 15px} #sub.talent .con02 ul li .icon img{width: 60px;} #sub.talent .con02 ul li .icon{margin-bottom: 15px} #sub.talent .con02 ul li{margin-bottom: 50px;} #sub.talent .con03 .txt .left strong{font-size: 50px;} #sub.talent .con03 .txt .left p{font-size: 30px;line-height: 1.7} #sub.talent .con03 .txt .right{padding-right: 0} #sub.talent .con03 .txt .right a span{width: 180px;line-height: 180px;font-size: 27px} #sub.talent .con01 ul.list > li:nth-child(1){max-width: 100%} #sub.recruit .con01 ul{max-width: 100%} #sub.about .con02 ul li{font-size: 80px} #sub.about .con07 ul li .img{position: static;} #sub.about .con07 ul li .txt div div{display: none} #sub.about .con07 ul li .img{transform: none;margin-top: 35px;} #sub.about .con08 strong{font-size: 55px;line-height: 1.7} #sub.about .con10 .con10_in ul li{width: 620px} #sub.about .con10 .con10_in ul li .img img, #sub.about .con10 .con10_in ul li.vid_w .img{width: 350px;} #sub.about .con10 .con10_in ul li .img{height: 350px;} #sub.about .con10 .con10_in ul li.vid_w .img{height: 350px;} #sub.about .con10 .con10_in ul li.vid_w .img video{width: 102%} #sub.about .con10 .con10_in .txt strong{font-size: 65px;} #sub.about .con10 .con10_in .txt p{font-size: 30px;line-height: 1.7} #sub.about .con12 .swiper{width: 100%;margin-top: 80px} #sub.about .con12 .swiper{padding-top: 60px} #sub.about .con12 .swiper .swiper-pagination-progressbar{width: 100%} #sub.about .con14 .list ul li .txt p br{display: none} #sub.about .con14 .list ul li .txt p{word-break: keep-all;word-break: keep-all;} #sub.about .con14 .list ul li{height: auto;padding-bottom: 80px} #sub.about .con06 .wrap > div .img div ul li img{height: 120px} #sub.about .con15 .slogon ul li img{height: 100px} #sub.about .con15 .slogon{left: 20px;} #sub.about .con15.on .bg:after{width: 177px;} #sub.about .con15 .bg:after{margin-left: 0;left: 0;transform: none;} #sub.about .con15 .list_w .motion_year ul li{transform: translate(0,201px);padding-left: 200px;left: 0} #sub.about .con15 .list_w ul.list > li{padding-left: 237px;} #sub.about .con15 .list_w ul.list:after{left: 442px;} #sub.about .con15 .info{font-size: 24px;} #sub.about .con15 .list_w ul.list > li .txt > ul > li{padding-left: 94px;} #sub.about .con15 .list_w ul.list > li .txt > ul > li ul li{font-size: 20px;line-height: 1.7;word-break: keep-all;line-height: 1.7} #sub.about .con15 .list_w ul.list > li .txt > ul > li ul li div p{font-size: 17px;line-height: 1.7;word-break: keep-all;} #sub.about .con15 .list_w .motion_year ul li span{font-size: 75px;} #sub.about .con15 .list_w ul.list > li .txt > ul > li .month strong{font-size: 20px;} #sub.about .con06 .box-3d{width: 1000px} #sub.about .con06 .box-3d .face{font-size: 130px;} #sub.talent .con05 .wrap{padding-left: 0;width: 990px;margin: 0 auto} .contact_info .wrap .text strong{font-size: 17px;margin-bottom: 15px} .contact_info .wrap .text p, .contact_info .wrap .title ul li{font-size: 14px;line-height: 1.5} .contact_info .wrap .c01 .number strong{font-size: 28px;line-height: 1.2} .contact_info .wrap .title strong{font-size: 24px;margin-bottom: 22px} .contact_info .wrap #map{height: 308px} .contact_info .wrap .c01 .text{bottom: 0} } @media (max-width: 1310px){ #sub.about .con03 .list{margin-bottom: 100px;} #sub.about .con05 .ho_list{height: auto} #sub.about .con05 .ho_list .wrap{position: static} #sub.about .con05 .ho_list{margin-bottom: 350px;} #sub.about .con07{padding-top: 200px;} .sub_visual{height: 100vh} #sub.about .con06 .box-3d{width: 450px} #sub.about .con06 .box-3d .face{font-size: 50px;} #sub.about .con06 .box-3d { height: 243px; position: relative; bottom: 20px; -webkit-perspective: 400px; perspective: 400px; } .sub_visual .sv_txt{height: auto;position: absolute;top: 50%;transform: translateY(-50%);width: 100%} .sub_visual .ripple{height: 100%} #sub.about > .sub_visual{position: absolute;top: 0;left: 0;width: 100%;z-index: 30} @keyframes divice { 0%{opacity: 0} 50%{opacity: 1} 100%{opacity: 0} } @keyframes divice2 { 0%{opacity: 0} 100%{opacity: 1} } #sub.about .con02 ul li{opacity: 0} #sub.about .con02.on ul li{animation: divice 0.2s ;} #sub.about .con02.on ul li:nth-child(2){animation-delay: 0.3s} #sub.about .con02.on ul li:nth-child(3){animation-delay: 0.6s} #sub.about .con02.on ul li:nth-child(4){animation: divice2 0.2s; animation-delay: 0.9s;animation-fill-mode: forwards;} #sub.about .con02{height: auto} #sub.about .con02 ul{height: auto;padding-top: 200px;padding-bottom: 200px} #sub.about .con02 ul li:nth-child(1){position: relative} #sub.about .con04 .title strong{position: static} #sub.about .con04{height: auto} #sub.about .con07.on ul li { transform: translateY(0); opacity: 1; transition: 1.2s; } #sub.about .con03 .list .txt strong{font-size: 30px;line-height: 1.7} #sub.about .con03 .title{margin-bottom: 90px} #sub.about .con04 .title{margin-top: 200px;} #sub.about .con04 .title strong{font-size: 55px;} #sub.about .con05 .ho_list > .wrap{transform: none} #sub.about .con05 > div > div > div strong{font-size: 40px;} #sub.about .con05 .ho_list{margin-bottom: 180px} #sub.about .con14 .title strong, #sub.talent .con02 .sb_tit strong, #sub.about .con07 > div > strong, #sub.about .con09 strong, #sub.about .con12 .title strong, #sub.about .con12 .title strong, #sub.about .con13 .tit strong, #sub.about .con13 .tit strong{font-size: 50px;} #sub.about .con07 ul{padding-left: 20px;} #sub.about .con07 > div > strong, #sub.about .con09 strong{margin-bottom: 120px;} #sub.about .con07 ul li:nth-child(1){margin-bottom: 200px;} #sub.about .con07{padding-bottom: 250px} #sub.about .con08{padding-bottom: 250px;} #sub.about .con10 .con10_in{padding-top: 100px} #sub.about .con10 .con10_in .txt{position: static;text-align: center} #sub.about .con10 .con10_in ul{float: none;margin-top: 80px;} #sub.about .con10 .con10_in ul li{margin: 0 auto} #sub.about .con10 .con10_in .txt strong{font-size: 53px;} #sub.about .con10 .con10_in .txt p{font-size: 25px;} #sub.about .con10 .con10_in .txt p{margin-bottom: 40px;} #sub.about .con11 .animated-title{margin-top: 72px;} #sub.about .con11{padding-bottom: 60px;} #sub.about .con03 .title strong{transform: translateY(70px);opacity: 0;transition: 1s} #sub.about .con03 .on .title strong{transform: translateY(0);opacity: 1} #sub.about .con03 .list{transform: translateY(70px);opacity: 0;transition: 1s} #sub.about .con03 .list.on{transform: translateY(0);opacity: 1} #sub.about .con04 .title{margin-bottom: 40px;} #sub.about .con04 .title{transform: translateY(70px);opacity: 0;transition: 1s} #sub.about .con04.on .title{transform: translateY(0);opacity: 1} .polict_box{width: 90%;padding: 30px;height: 500px} .polict_box button{right: -40px;top: -40px} #sub.talent .con03 .txt .with a{font-size: 140px} #sub.talent .con03 .txt .with a div{top: -10px} #sub.talent .con03 .bg .video_w{overflow: hidden} #sub.talent .con03 .bg{padding-right: 120px} } @media (max-width: 1216px){ #sub.about .con15 .slogon ul li img{height: 70px;} #sub.about .con15.on .bg:after{width: 170px} #sub.about .con15 .bg{height: 880px;} #sub.about .con15.on .bg:after{width: 140px;} #sub.about .con15 .list_w .motion_year ul li{padding-left: 140px} #main .main_con04{padding-top: 400px;} } @media (max-width: 1000px){ #sub.talent .con01 ul.list > li .question strong{font-size: 33px} #sub.talent .con01 ul.list > li .txt p{font-size: 20px} #sub.talent .con01 ul.list > li .wrap .person .img img{width: 200px} #sub.talent .con01 ul.list > li .txt{padding-top: 65px;} #sub.talent .con01 ul.list > li .wrap .person{margin-right: 60px;} .sub_visual .sv_txt strong{font-size: 90px;} #sub.about .con06 .wrap > div.copy01 .img { transform: translate(0,-300px); left: 30px; } #sub.about .con06 .wrap > div.copy02 .img { right: 30px; } #sub.about .con06 .box-3d{width: 600px} #sub.about .con06 .box-3d .face{font-size: 80px;} #sub.about .con06 .box-3d { height: 243px; position: relative; bottom: 20px; -webkit-perspective: 400px; perspective: 400px; } #sub.talent .con05 .wrap ul li img{width: 320px;} #sub.talent .con05 .wrap{width: 710px;} } @media (max-width: 960px){ #sub .sch_area{margin-top: 25px;} #sub.contact .sub_con{padding-top: 40px} #sub.talent .con01 ul.list > li .question strong i, #sub.talent .con05 .tit strong i{font-size: 50px} #sub.about .con11 .animated-title{font-size: 30px} #sub .sub_txt_visual .vis_txt span{font-size: 16px;margin-bottom: 10px;} #sub .sub_txt_visual .vis_txt strong{font-size: 32px;line-height: 50px;height: 50px;margin-bottom: 0} #sub .sub_txt_visual .sv_deco svg{display: block;height: 270px !important;width: auto !Important} #sub .sub_txt_visual{padding-top: 185px} #sub.talent .con01{padding-top: 200px;} #sub.talent .con01 ul.list > li .question strong, #sub.talent .con05 .tit strong ul li{font-size: 20px;} #sub.talent .con01 ul.list > li .txt p, #sub.talent .con05 .tit p, #sub.talent .con05 .wrap p{font-size: 14px;} #sub.talent .con05 .tit strong{margin-bottom: 20px;} #sub.talent .con05 .tit strong ul li.mr{margin-left: 7px;} #sub.talent .con01 ul.list > li .wrap .person .img img{width: 160px;} #sub.talent .con01 ul.list > li .wrap .person{margin-right: 40px;} #sub.talent .con01 ul.list > li:nth-child(2n) .wrap .person{margin-left: 40px;} #sub.talent .con01 ul.list > li .question strong ul li.left{margin-left: 7px;} #sub.talent .con01 ul.list > li .wrap .person .title strong{font-size: 12px;margin-bottom: 10px} #sub.talent .con01 ul.list > li .wrap .person .title span{font-size: 14px;} #sub.talent .con01 ul.list > li .wrap .person .title{margin-top: 15px} #sub.talent .con01 ul.list > li .txt{padding-top: 55px} #sub.talent .con01 ul.list > li .question{margin-bottom: 30px;} #sub.talent .con01 ul.list > li{margin-bottom: 70px;} #sub.talent .con02 .sb_tit span{font-size: 15px;} #sub.talent .con02 .sb_tit strong{font-size: 40px;} #sub.talent .con02{margin-top: 110px;} #sub.talent .con02 ul li .txt strong{font-size: 21px} #sub.talent .con02 ul li .txt p{font-size: 14px;line-height: 1.7} #sub.talent .con02 ul li{margin-bottom: 25px;} #sub.talent .con02 ul li .txt p{line-height: 22px;height: 44px;word-break: keep-all} #sub.talent .con03 .txt .left strong{font-size: 30px;} #sub.talent .con03 .txt .left p{font-size: 17px;} #sub.talent .con03 .txt{padding-top: 90px;} #sub.talent .con03 .txt .left p{margin-top: 30px;} #sub.talent .con03 .txt .right a span{width: 100px;line-height: 100px;font-size: 15px;} #sub.talent .con03 .txt .right a span:before{left: 72px;} #sub.talent .con03 .txt .right a span:after{left: 80px} #sub.talent .con03 .txt .right{padding-top: 63px;} #sub.talent .con03{height: 100vh;} #sub.recruit_list .tot strong{font-size: 15px;} #sub.recruit_list .list ul li a .info em, #sub.recruit_list .list ul li a .info span{font-size: 13px;} #sub.recruit_list .list ul li a{padding-top: 20px;padding-bottom: 20px;} #sub.recruit_list .list ul li a .tit strong{font-size: 16px;} #sub.recruit_list .list ul li a .info{margin-bottom: 10px;} #sub.recruit_list .list ul li a .info span{margin-right: 10px;} #sub .sch_area .sch, #sub .sch_area .paging{float: none} #sub .sch_area .paging ul{text-align: center} #sub .sch_area .paging ul li{display: inline-block;float: none;vertical-align: top} #sub .sch_area .sch{width: 250px;margin: 0 auto;margin-top: 20px} #sub.recruit_list .list{margin-bottom: 50px;} #sub .sch_area .paging ul li a, #sub .sch_area .paging ul li.btn a{font-size: 13px;width: 30px;line-height: 30px;height: 30px;} #sub .sch_area .sch input{font-size: 13px;height: 45px;width: 250px;} #sub .sch_area .sch button img{height: 55px;} #sub .sch_area .sch button{margin-top: -27px;} #sub.recruit_list .sub_con{padding-top: 90px} #cursor{display: none} #sub .sub_txt_visual .vis_txt em{font-size: 18px;line-height: 1.7} #sub .sub_txt_visual .vis_txt ul li{font-size: 14px} #sub .sub_txt_visual .vis_txt ul{margin-top: 10px;} #sub .sub_con{padding-top: 60px;} #sub.view .con01{min-height: 350px} #sub.view .list_b a .wrap span{width: 6px;height: 6px;} #sub.view .list_b a .wrap{width: 16px;height: 16px;} #sub.view .list_b a{width: 55px;height: 55px} #sub.recruit_list .gal_list ul li .txt{padding-top: 20px} #sub.recruit_list .gal_list ul li .txt strong{font-size: 16px;line-height: 25px} #sub.recruit_list .gal_list ul li .txt p{font-size: 13px} #sub.recruit_list .gal_list ul li .txt strong{margin-bottom: 8px;} #sub.recruit_list .tot{margin-bottom: 15px;} #sub.recruit.contact .con02 p{font-size: 18px;line-height: 1.7} #sub.recruit.contact .con01 ul{max-width: 100%} #sub.recruit.contact .con02 ul li a{font-size: 20px;} #sub.recruit.contact .con01 ul li label{font-size: 20px;} #sub.recruit.contact .con01 ul li .inp *{height: 50px;font-size: 13px;} #sub.recruit.contact .con01 ul li svg{height: 50px;font-size: 13px;} #sub.recruit.contact .con01 ul li label{margin-bottom: 10px;} #sub.recruit .con01 ul li .inp.file button{width: 50px;height: 50px;} #sub .sub_con{height: 40px;} #sub.recruit .con01 ul li{margin-bottom: 30px;} #sub.recruit.contact .con01 .go_form a span{font-size: 18px;height: 150px;padding-top: 30px} #sub.recruit .con01 .go_form a span{width: 180px;line-height: 180px;height: 180px} #sub.recruit .con01 ul li label{font-size: 15px;} #sub.recruit .con01 ul li .inp *{font-size: 45px;font-size: 13px;} #sub.recruit .con01 ul li .inp *::placeholder{font-size: 45px;font-size: 13px;} #sub.recruit .con01 ul li .inp *{height: 40px;line-height: 40px;} #sub.recruit .con01 ul li label{margin-bottom: 10px;} #sub.recruit .con01 .go_form a span{font-size: 15px;} #sub.recruit .con01 .go_form a span{width: 150px;line-height: 150px;height: 150px;} .sub_visual .sv_txt strong{font-size: 70px;} .sub_visual .back_img img{width: 600px;} #sub.about .con02 ul li{font-size: 60px;} #sub.about .con03 .title strong{font-size: 45px;line-height: 1.7} #sub.about .con03 .list .txt strong{font-size: 30px;line-height: 1.7} #sub.about .con03 .icon_wrap{transform: translate(0, -50%) scale(0.7);;right: 100px;transform: ;left: auto} #sub.about .con03 .icon_wrap .wrap{width: 211px;} #sub.about .con03 .icon_wrap{width: 211px;margin-right: -100px} #sub.about .con04 .title strong{font-size: 45px;word-break: keep-all;;line-height: 1.7} #sub.about .con05 > div > div > div strong{font-size: 25px;} #sub.about .con05 > div > div > div ul li.ml{margin-left: 10px} #sub.about .con05 .icon_wrap{transform: scale(0.7);} #sub.about .con05 .icon_wrap{margin-bottom: 0} #sub.about .con07 > div > strong, #sub.about .con09 strong, #sub.about .con12 .title strong, #sub.about .con13 .tit strong, #sub.about .con14 .title strong{font-size: 35px;line-height: 1.7} #sub.about .con07 > div > strong, #sub.about .con09 strong{margin-bottom: 150px;} #sub.about .con07 ul{padding-left: 25px;} .sub_visual.act .sv_txt strong{font-size: 12px;} #sub.about .con07 ul li .txt strong{font-size: 22px;} #sub.about .con07 ul li .txt p{font-size: 20px;line-height: 1.7} #sub.about .con07 ul li .txt strong{margin-bottom: 10px} #sub.about .con07 ul li:nth-child(1){margin-bottom: 70px;} #sub.about .con07 ul li .img img{max-width: 90%} #sub.about .con08 strong{font-size: 40px;line-height: 1.7} #sub.about .con07{padding-bottom: 200px} #sub.about .con08{padding-bottom: 150px;} #sub.about .con09 strong{margin-bottom: 30px} #sub.about .con09 .line{height: 150px;} #sub.about .con10 .con10_in{padding-top: } #sub.about .con10 .con10_in .txt strong{font-size: 38px;} #sub.about .con10 .con10_in .txt p{font-size: 17px;line-height: 1.7;margin-top: 20px;} #sub.about .con10 .con10_in ul li .img img, #sub.about .con10 .con10_in ul li.vid_w .img{width: 240px;} #sub.about .con10 .con10_in ul li .img{width: 240px;height: 240px;} #sub.about .con10 .con10_in ul li.vid_w .img{width: 240px;height: 240px;} #sub.about .con10 .con10_in ul li.vid_w .img{width: 240px;height: 240px;} #sub.about .con10 .con10_in ul li{height:240px;} #sub.about .con10 .con10_in ul li .img{margin-bottom: 45px;} #sub.about .con11{padding-top: 90px} #sub.about .con11 button{width: 150px;height: 150px;font-size: 24px;} #sub.about .con11 button i{width: 16px} #sub.about .con11 button i img{width: 16px;} #sub.about .con11 .swiper .swiper-slide strong{font-size: 40px} #sub.about .con11 .swiper{margin-top: 50px} #sub.about .con11{padding-bottom: 150px} #sub.about .con12 .title span{font-size: 20px;} #sub.about .con12{padding-top: 105px;} #sub.about .con12 .title span{margin-bottom: 15px} #sub.about .con12 .swiper .wrap .img_w img{width: 160px;} #sub.about .con12 .swiper .wrap .img_w span{font-size: 14px;line-height: 30px;width: 82px;right: 0} #sub.about .con12 .swiper .wrap .txt p{font-size: 12.5px} #sub.about .con12 .swiper .wrap .txt strong{font-size: 16px} #sub.about .con12 .swiper .wrap .txt{padding-top: 15px} #sub.about .con12 .swiper .wrap .txt p{margin-bottom: 10px} #sub.about .con12 .swiper{padding-top: 20px;margin-top: 35px} #sub.about .con12 .swiper .wrap{width: 160px;margin: 0 auto;display: block;} #sub.about .con13{padding-top: 95px;} #sub.about .con13 .tit{margin-bottom: 35px;} #sub.about .con13 ul.list li .txt1 span{font-size: 20px;} #sub.about .con13 ul.list li .txt1 strong{font-size: 60px;} #sub.about .con13 ul.list li .txt p{font-size: 16px;margin-top: 10px;} #sub.about .con13 ul.list li{margin-bottom: 35px;} #sub.about .con14 .title span{font-size: 17px;margin-bottom: 15px;} #sub.about .con14 .list{padding-left: 0} #sub.about .con14 .list ul li .tit strong{font-size: 20px;line-height: 1.7;word-break: keep-all;} #sub.about .con14 .list ul li .tit strong br{display: none} #sub.about .con14 .list ul li .tit{position: static;} #sub.about .con14 .list ul li{padding-left: 0} #sub.about .con14 .list ul li .tit span{font-size: 60px;} #sub.about .con14 .list ul li .tit strong{top: -50px;padding-left: 20px} #sub.about .con14 .list ul li .txt p{font-size: 13px;line-height: 1.7;margin-top: -30px;padding-left: 20px} #sub.about .con14 .list ul li{padding: 20px 0} #sub.about .con14 em{padding-left: 0;font-size: 11px;} #sub.about .con14 .list{padding-bottom: 0} #sub.about .con14 em{margin-top: 20px;} #sub.about .con14{margin-bottom: 60px;} #sub.about .con06 .wrap > div .img div ul li img{height: 80px;} #sub.about .con06 .wrap > div.copy03 .img { transform: translate(0,150px); left: 40px; } #sub.about .con06 > .bg, #sub.about .con06.on > .bg{left: auto;right: 0} #sub.about .con06.on > .bg img{height: 730px;} #sub.about .con06.on > .bg img{height: 100%;} #sub.about .con06.on > .bg{height: 100%} #sub.about .line_bg{right: 0;left: auto;height: 100%;} #sub.about .line_bg svg{display: block;height: 100%;width: auto} #sub.about .con15 .list_w ul.list > li .year{display: block} #sub.about .con15 .list_w .motion_year{display: none} #sub.about .con15 .slogon ul li img{height: 30px;} #sub.about .con15.on .bg:after{width: 80px;} #sub.about .con15 .slogon ul li{margin-bottom: 20px;} #sub.about .con15 .info{padding-left: 100px;font-size: 16px;line-height: 1.7} #sub.about .con15 .slogon{margin-bottom: 65px;} #sub.about .con15 .list_w ul.list > li .year{opacity: 1} #sub.about .con15 .list_w ul.list > li .year strong{font-size: 35px;} #sub.about .con15 .list_w ul.list{padding-left: 85px;} #sub.about .con15 .list_w ul.list > li .txt > ul > li ul li{font-size: 15px} #sub.about .con15 .list_w ul.list > li .txt > ul > li ul li div p{font-size: 12px;} #sub.about .con15 .list_w ul.list > li .txt > ul > li .month strong{font-size: 14px;padding-top: 4px;} #sub.about .con15 .list_w ul.list > li .year{top: -16px} #sub.about .con15 .list_w ul.list > li{padding-left: 145px;} #sub.about .con15 .list_w ul.list > li .txt > ul > li:after{width: 29px;height: 29px;} #sub.about .con15 .list_w ul.list > li .txt > ul > li:before{width: 5px;height: 5px;left: -8px; top: 10px;} #sub.talent .con03 .txt .right a i{margin-top: -80px;margin-left: -80px;} #sub.talent .con03 .txt .right a i img{width: 160px;} #sub.talent .con01 ul.list > li .wrap .person .img:before{width: 40px;line-height: 40px;font-size: 16px;} #sub.about .con15 .list_w ul.list > li .txt > ul > li ul li i{display: none} #sub.about .con15 .bg{height: 360px;} #sub.about .con07 ul li .img{transform: none !Important} #sub.about .con03 .title{margin-bottom: 100px;} #sub.about .con02{height: 100%} #sub.talent .con03 .txt .with{position: static} #sub.talent .con03 .txt .with a div{display: none} #sub.talent .con03 .txt .with a {font-size: 70px; float: none;margin-top: 10px;} #sub.talent .con03 .txt .with, #sub.talent .con03 .txt .left{float: none} #sub.talent .con05 .wrap ul li img{width: 200px;} #sub.talent .con05 .wrap{width: 470px;} #sub.talent .con05 .wrap ul li{margin-right: 35px;} #sub.talent .con05 .wrap{padding-top: 60px;} /* #sub.about .hidden_area{height: auto}*/ #sub.talent .con05 .wrap .txt .line{bottom: 54px;} #sub.talent .con05 .wrap .txt:after{bottom: 54px;} #sub .recruit_btn{right: 20px} #sub .recruit_btn a span{background: #fff;border-radius: 50%;width: 100px;line-height: 100px;font-size: 13px;} #sub .recruit_btn{bottom: 85px;z-index: 15} #sub.view{padding-bottom: 100px} #cursor2{display: none} #sub.portfolio .p_list .img{border-radius: 20px;} #sub.portfolio .p_list .img p{right: 20px;top: 20px;font-size: 14px;} #sub.about .con06 .box-3d .face{font-size: 60px;} #sub.about .con08 strong{font-size: 24px} #port_view .con13 .s_table > ul > li span{font-size: 12px;margin-right: 20px;} #port_view .con13 .s_table > ul > li strong{font-size: 13px;} #port_view .con13 .s_table > ul > li ul > li{font-size: 12px;} #port_view .con13 .s_table > ul > li{padding-top: 19px;} #port_view .con13 .s_table > ul > li{height: 55px;} #port_view .con13 .s_table > ul > li strong i{display: none} #sub.recruit.contact .con02 ul li:after{height: 15px;margin: 0 10px;} .wave_more_btn a{width: 130px;} .wave_more_btn a strong{line-height: 130px;font-size: 17px} .wave_more_btn.wave_more_btn2 a strong{line-height: 25px} .wave_more_btn.wave_more_btn2 a strong{padding: 39px 0} #sub .sub_con{height: auto} .wave_more_btn{padding-top: 40px;} #sub.recruit{padding-bottom: 70px;} .wave_more_btn button{width: 130px;} .wave_more_btn button strong{line-height: 130px;font-size: 17px} .wave_more_btn.wave_more_btn2 button strong{line-height: 25px} .wave_more_btn.wave_more_btn2 button strong{padding: 39px 0} .wave_more_btn{padding-top: 40px;} .polict_box .tit strong{font-size: 18px;} .polict_box ul li strong{font-size: 13px;} .polict_box .tit p, .polict_box ul li p{font-size: 12px;} .polict_box .tit strong{margin-bottom: 10px;} .contact_info .wrap{flex-wrap: wrap} .contact_info .wrap #map{width: 100%;margin-top: 40px;} .contact_info address{width: 100%;font-size: 13px} .contact_info .wrap .title, .contact_info .wrap > div{width: 33.33%} .contact_info .wrap .c02 ul li{margin-bottom: 30px} #sub.recruit.contact .con01 ul li .inp textarea{height: 200px;} .contact_info .wrap{padding-top: 50px;} } @media (max-width: 780px){ #sub.recruit.contact .con01 ul li label{margin-bottom: 5px} #sub.talent .con01 ul.list > li .wrap > div{float: none;text-align: center} #sub.talent .con01 ul.list > li .wrap > div p{float: none;text-align: center} #sub.talent .con01 ul.list > li .wrap .person .img{width: 140px;margin: 0 auto} #sub.talent .con01 ul.list > li .wrap .person .img img{max-width: 100%} #sub.talent .con01 ul.list > li .wrap .person,#sub.talent .con01 ul.list > li:nth-child(2n) .wrap .person{;margin-left: 0; margin-right: 0} #sub.talent .con01 ul.list > li:nth-child(2n) .wrap > div{float: none} #sub.talent .con01 ul.list > li .txt{padding-top: 15px} #sub .sub_txt_visual .vis_txt strong{font-size: 26px;line-height: 40px;line-height: 40px;height: 40px;} #sub.talent .con01 ul.list > li:last-child .question strong ul li{line-height: 1.7} #sub.talent .con01 ul.list > li:last-child .question strong ul li:nth-child(16){clear: left;margin-left: 0} #sub .sub_txt_visual .sv_deco svg{height: 170px !Important;} #sub .sub_txt_visual{padding-top: 155px;} #sub.recruit_list .gal_list ul{ gap: 40px 20px; } #sub.recruit_list .gal_list ul li{width: calc(50% - 10px); } #sub.recruit_list .sub_con{padding-top: 60px;} #sub.recruit.contact .con02 p{font-size: 13px;margin-bottom: 20px;} #sub.recruit.contact .con02{margin-bottom: 60px;} #sub.recruit.contact .con01 ul li label{font-size: 14px;} #sub.recruit.contact .con01 ul li .inp *{height: 40px;line-height: 40px;} #sub.recruit .con01 ul li .inp.file button{width: 40px;height: 40px} #sub.recruit .con01 ul li .inp.file button svg{width: 100%;height: auto} #sub.recruit.contact .con01 ul li ol li button{padding: 0 15px;} #sub.recruit.contact .con01 ul li ol li{margin-bottom: 5px;} #sub.recruit .con01 .go_form{padding-bottom: 80px;} #sub.recruit .con01 .per p{font-size: 14px;} #sub.recruit .con01 ul li .inp.file{padding-right: 50px} #sub.recruit .con01 ul li{width: 100%} #sub.about .con13 .tit ul li.ml{margin-left: 10px} #sub.recruit .con01 ul li .inp textarea{height: 110px} #sub.talent .con02 .sb_tit strong, #sub.about .con07 > div > strong, #sub.about .con09 strong, #sub.about .con08 strong, #sub.about .con13 .tit strong{font-size: 27px;line-height: 1.5;word-break: keep-all;} #sub.about .con07 ul li .txt strong{font-size: 16px} #sub.about .con07 ul li .txt p{font-size: 15px;} #sub.about .con07 ul li .txt p br{display: none} #sub.about .con07 ul li .txt p{word-break: keep-all;} #sub.about .con10 .con10_in .txt{position: static;transform: none !Important;text-align: center;margin-bottom: 35px;} #sub.about .con10 .con10_in .txt strong, #sub.about .con12 .title strong{font-size: 30px;line-height: 1.7;word-break: keep-all;} #sub.about .con10 .con10_in .txt strong br{display: none} #sub.about .con10 .con10_in .txt p br{display: none} #sub.about .con10 .con10_in .txt p{word-break: keep-all;font-size: 15px;margin-top: 10px} #sub.about .con10 .con10_in.right ul, #sub.about .con10 .con10_in.left ul{float: none} #sub.about .con10 .con10_in ul li{margin: 0 auto;max-width: 100%} #sub.about .con10 .con10_in{padding-top: 120px;} #sub.about .con11 .swiper .swiper-slide strong{font-size: 24px} #sub.about .con12 .title span{font-size: 15px;} #sub.about .con13 ul.list li .txt1 strong{font-size: 45px;} #sub.about .con13 ul.list li .txt p{font-size: 13px;} #sub.about .con13 ul.list li .txt1 span{font-size: 14px;} #sub.about .con15 .list_w ul.list > li .year{position: static;} #sub.about .con15 .list_w ul.list > li{padding-left: 0} #sub.about .con15 .list_w ul.list > li .year{margin-bottom: 20px;} #sub.about .con15 .list_w ul.list > li .txt > ul > li .month{left: 25px;} #sub.about .con15 .list_w ul.list > li .txt > ul > li{padding-left: 54px;} #sub.about .con15 .list_w ul.list > li .year{padding-left: 20px;} #sub.about .con15 .list_w ul.list:after{left: 79px} #sub.about .con15 .list_w{padding-bottom: 60px;} #sub.about .con15 .list_w ul.list > li .txt > ul > li{margin-bottom: 30px;} #sub.about .con15 .list_w ul.list > li{margin-bottom: 50px;} #sub.about .con15 .list_w{padding-top: 60px;padding-bottom: 200px} #sub.about .con15 .list_w ul.list > li:nth-child(1){margin-bottom: 50px;} #sub.about .con15{padding-top: 60px;} #sub.about .con03 .icon_wrap{left: 50%;transform: translate(-50%, -50%) scale(0.5);margin-top: -80px} #sub.about .con03 .list .txt{text-align: center;width: 100%;left: 0;padding-top: 80px;} #sub.about .con03 .list .txt strong{font-size: 24px} #sub.about .con03 .icon_wrap, #sub.about .con03 .list02 .icon_wrap{float: none;margin: 0 auto;margin-right: auto;transform: scale(0.6) !Important} #sub.about .con03 .list .txt{padding-top: 0;margin-top: -10px;} #sub.about .con11 .animated-title{margin-top: 40px;margin-top: 0} #sub.about .con11 .animated-title{padding: 60px 0} #sub.about .con12{padding-bottom: 60px} #sub.about .con05 .ho_list > .wrap{transform: translateY(0)} #sub.about .con05 .ho_list01 .icon{margin-bottom: 45px;} #sub.about .con05 .ho_list{margin-bottom: 120px;} .sub_visual .ripple > div.ripple1 i{width: 80px;height: 80px} .sub_visual .ripple > div.ripple2 i{width: 120px;height: 120px} .sub_visual .ripple > div.ripple3 i{width: 160px;height: 160px} .sub_visual .ripple > div.ripple4 i{width: 200px;height: 200px} .sub_visual .ripple > div.ripple5 i{width: 240px;height: 240px} .sub_visual .ripple > div.ripple6 i{width: 280px;height: 280px} .sub_visual .ripple > div.ripple7 i{width: 320px;height: 320px} #sub.about .con03 .title strong, #sub.about .con04 .title strong{font-size: 30px} #sub.about .con03 .list .txt strong, #sub.about .con05 > div > div > div strong{font-size: 20px} #sub.about .con05 .ho_list01 .icon i{width: 320px;height: 150px} #sub.about .con03{margin-bottom: 155px} #sub.about .con07{padding-top: 100px} #sub.about .con07 > div > strong, #sub.about .con09 strong{margin-bottom: 60px;} #sub.about .con07{padding-bottom: 80px;} #sub.about .con08{padding-bottom: 60px;} #sub.about .con09{padding-bottom: 0} #sub.about .con10 .con10_in .img{width: 500px;margin: 0 auto;max-width: 100%} #sub.about .hidden_area{margin-top: 100px} .motion_year{display: none} #sub.talent .con05{padding-top: 70px;} #sub.talent .con05 .wrap{padding-top: 30px;} #sub.talent .con05 .wrap ul{margin-bottom: 40px;} #sub.about .con11 .animated-title{font-size: 20px;} #sub.about .con15 .go_link a{width: 130px;line-height: 128px;font-size: 14px;} .sc_send{transform: scale(0.7);left: 10px;bottom: 15px} .sub_visual .sv_txt strong{font-size: 50px;} #sub.about .con12 .swiper .wrap .img_w span{font-size: 12px;width: 75px;right: 0} .polict_box button img{width: 35px} .polict_box button{top: -45px;right: 0} .polict_box{border-radius: 20px;} #sub.recruit.contact .con01 ul li .inp *{font-size: 13px;} #sub.recruit .con01 .per input{width: 20px;height: 20px;} #sub.recruit .con01 .per input:before{width: 100%;height: 100%;background-size: 100% 100% !Important} .contact_info .wrap .text p, .contact_info .wrap .title ul li{font-size: 12px;} .contact_info .wrap .title strong{font-size: 20px;margin-bottom: 12px;} .contact_info .wrap .text strong{font-size: 15px;margin-bottom: 10px;} .contact_info .wrap .c01 .number strong{font-size: 23px;} .contact_info address{font-size: 11px} #sub.talent .con01 ul.list > li .question strong ul{display: block} #sub.talent .con01 ul.list > li .question strong ul li{display: inline-block;float: none} #sub.talent .con01 ul.list > li .question strong ul li:nth-child(1){margin-left: 0} #sub.talent .con01 ul.list > li .question strong ul li.ba{display: block} #sub.talent .con03{height: 260px;padding-right: 70px;} #sub.talent .con03 .bg{overflow: hidden;border-radius: 0 12px 12px 0} #sub.talent{padding-bottom: 130px;} #sub.talent .con03 .txt .with{position: absolute;bottom: -20px;right: -34px} #sub.talent .con03 .txt .with a{font-size: 45px;} #sub.talent .con03 .txt .with a div{display: block;top: -3px;} #sub.talent .con03 .txt{padding-right: 70px} #sub.talent .con03 .txt .with a div i{left: 0;right: auto} #sub.talent .con03 .txt .with a div{left: 0;right: auto} #sub.talent .con03 .txt .with a div i{white-space: nowrap} #sub.talent .con03 .txt .with a div{width: 79%} #sub.talent .con03 .txt{padding-top: 0} #sub.contact .sub_con{padding-top: 60px;} .wave_more_btn.wave_more_btn2 button{width: 92px;height: 92px;} .wave_more_btn button strong span{font-size: 14px;line-height: 18px;margin-bottom: 7px;display: block} .wave_more_btn.wave_more_btn2 button strong{line-height: 18px;} #sub.talent .con03 .bg{padding-right: 0} .wave_more_btn.wave_more_btn2 button strong {padding: 21px 0;} } @media (max-width: 660px){ #sub .sub_txt_visual .sv_deco svg{height: 55px !important} #sub .sub_txt_visual .vis_txt span{margin-bottom: 10px;} #sub.talent .con01{padding-top: 120px;} #sub.talent .con02{padding-bottom: 70px;} #sub.talent .con03{height: 400px;} #sub.talent .con03 .bg .bg_img{display: none} #sub.talent .con03 .txt .left strong{transition-delay: 0s} #sub.talent .con03 .txt .left p{transition-delay: 0.3s} #sub.talent .con03 .txt .with{transition-delay: 0.6s} .wave_more_btn a strong{line-height: 68px;font-size: 16px;} .wave_more_btn a{width: 70px;} #sub.view .con01{min-height: 250px;} .wave_more_btn a:before{background-size: 110% auto} .wave_more_btn button strong{line-height: 70px;font-size: 16px;} /* .wave_more_btn.wave_more_btn2 button{width: 100px}*/ .wave_more_btn button{width: 70px;} .wave_more_btn button:before{background-size: 110% auto} #sub .sub_txt_visual .sv_deco3 svg path{stroke-width: 2} .wave_more_btn.wave_more_btn2 button strong{padding: 20px 0} .wave_more_btn button strong i{width: 3px;height: 3px} #sub .sub_txt_visual .sv_deco{left: auto;right: 40px;} .contact_info .wrap .title{width: 100%;margin-bottom: 30px;} .contact_info .wrap > div{width: 50%} .contact_info .wrap #map{height: 220px;} .contact_info .wrap{margin-bottom: 20px;} .contact_info{padding-bottom: 185px} #sub.recruit.contact .con02 p{transition-delay: 0s;opacity: 1;transform: none} #sub.recruit.contact .con02 ul li{transition-delay: 0s;opacity: 1;transform: none} #sub.recruit.contact .con02 ul li{transition-delay: 0s} #sub.talent .con02 ul li .icon img{width: 60px;} #sub.talent .con02 ul li .txt strong{padding-right: 0} #sub.talent .con02 ul li .icon{margin-bottom: 10px;} #sub.talent .con02 ul li .txt strong{margin-bottom: 6px;} #sub.talent .con02 ul li{margin-bottom: 20px;} #sub.talent .con03{height: 260px;padding-right: 70px;} #sub.talent .con02 ul li:last-child{margin-bottom: 0} #sub.talent .con03 .video_w{height: 100%} #sub.talent .con03 .video_w video{height: 100%;width: auto} #sub.contact .con07 .wrap .card .txt p em{display: block} #sub.contact .con07 .wrap .card .txt p br{display: none} } @media (max-width: 500px){ #sub.talent .con01 ul.list > li .txt p br{display: none} #sub.talent .con01 ul.list > li .txt p{word-break: keep-all} #sub .sub_txt_visual .vis_txt strong{font-size: 20px;line-height: 32px;height: 32px;} #sub.talent .con01 ul.list > li .question strong{font-size: 18px;} #sub.talent .con01 ul.list > li .txt p{font-size: 13px;} #sub.talent .con02 .sb_tit strong{font-size: 32px;} #sub.talent .con02 ul li .txt strong{font-size: 17px} #sub.talent .con02 ul li .txt p{font-size: 13px;line-height: 20px;height: 40px;} /* #sub.talent .con02 ul li .txt strong, #sub.talent .con02 ul li .icon{margin-bottom: 10px;}*/ #sub.talent .con02 ul li .txt p br{display: none} #sub.talent .con03 .txt .left{margin-bottom: 25px;} #sub.talent .con03 .txt .right, #sub.talent .con03 .txt .left{float: none} #sub.talent .con03 .txt .left strong{font-size: 22px;} #sub.talent .con03 .txt .left p{font-size: 14px;margin-top: 10px;} #sub.talent .con03 .txt .right a{display: inline-block} #sub.talent .con03 .txt .right{padding-top: 0} #sub.talent .con02 ul li{width: 50%} #sub.talent .con02 .sb_tit strong, #sub.about .con07 > div > strong, #sub.about .con09 strong, #sub.about .con08 strong{font-size: 24px;line-height: 1.5} #sub.about .con10 .con10_in ul li .img img{width: 200px;} #sub.about .con10 .con10_in ul li .img{height: 200px;width: 200px;} #sub.about .con12 .swiper .wrap{width: 120px;} #sub.about .con12 .swiper .wrap .img_w img{width: 120px;} #sub.talent .con02 ul li .txt p{padding-right: 0;line-height: 1.5} /* #sub.about .con13 ul.list li{width: 100%} */ #sub.talent .con02 .sb_tit strong, #sub.about .con07 > div > strong, #sub.about .con09 strong, #sub.about .con08 strong, #sub.about .con13 .tit strong, #sub.about .con07 > div > strong, #sub.about .con09 strong, #sub.about .con12 .title strong, #sub.about .con13 .tit strong, #sub.about .con14 .title strong, #sub.about .con03 .title strong, #sub.about .con04 .title strong{font-size: 22px;} #sub.about .con14 .title{margin-bottom: 20px} #sub.about .con14 .list ul li .tit strong{font-size: 16px;} #sub.about .con15 .info br{display: none} #sub.about .con15 .info{word-break: keep-all;} #sub.about .con15 .info{padding-left: 80px} .sub_visual .sv_txt strong{font-size: 40px;} .sub_visual .sv_txt ul li:nth-child(3) strong{margin-right: 20px} .sub_visual .back_img img{width: 300px} #sub.about .con05 > div > div > div strong{font-size: 18px;} #sub.about .con05 .icon_wrap{transform: scale(0.5);margin-top: -100px} #sub.about .con06 .wrap > div .img div ul li img{height: 60px;} #sub.about .con10 .con10_in{padding-top: 40px;} #sub.about .con12 .swiper .wrap .txt p{word-break: keep-all;;line-height: 1.7} #sub.about .con05 .ho_list01 .icon i{width: 260px;height: 120px} #sub.about .con07 > div > strong, #sub.about .con09 strong{margin-bottom: 50px;} #sub.about .con07{padding-bottom: 90px;} #sub.about .con08{padding-bottom: 60px} #sub.about .con09{padding-bottom: 55px;} #sub.about .con11 button{width: 120px;height: 120px;} #sub.about .con11{padding-bottom: 100px;} #sub.about .con11 .swiper .swiper-slide strong{font-size: 20px;} #sub.about .btom_wrap{height: 6 00px;} #sub.about .con06{width: 100%;overflow: hidden} #sub.about {width: 100%;overflow: hidden} html, body{width: 100%;overflow-x: hidden} #sub.talent .con01 ul.list > li .txt p, #sub.talent .con05 .tit p, #sub.talent .con05 .wrap p{word-break: keep-all;font-size: 13px} #sub.talent .con01 ul.list > li .txt p br, #sub.talent .con05 .tit p, #sub.talent .con05 .wrap p br{display: none} #sub.recruit_list .gal_list ul li .img .over{display:none} #sub.recruit_list .gal_list ul li .img{border-radius: 15px} #sub.recruit .con01 .per input{margin-right: 5px;} } @media (max-width: 660px){ #header .number ul li:nth-child(2){display: none} #header .number.on > div{width: 160px} #header .number ul li a:after{display: none} } @media (max-width: 500px){ #sub.talent .con05 .wrap{width: 100%} #sub.talent .con05 .wrap ul li {width: 50%;margin-right: 0;padding: 0 10px;} #sub.talent .con05 .wrap ul li img{max-width: 100%} } @media (max-width: 560px){ #header .contact{right: 20px;} #header .contact img{width: 90px;} #header .number{right: 20px;} #header .number ul li a{font-size: 13px;} #header .number > div{width: 45px;height: 45px;} #header .number > div i img{width: 20px;} #header .number > div i{padding-right: 13px;padding-top: 13px;} #header .number ul li a{line-height: 45px} #header .number ul{padding-left: 20px;} #header .number ul li a:after{margin: 0 10px} #header .number{bottom: 20px;} #header .contact{bottom: 80px} #header .m_wrap #gnb{display: none} #header .mode{left: 20px;bottom: 20px;} #header .mode button img{display: block;} #header .mode button{padding: 10px;border-radius: 50%;background: #fff} #header .scroll{left: 20px;bottom: 80px;} #sub.about .con05 > div > div > div ul li.ml{margin-left: 5px;} #sub.about .con06 .wrap > div .img div ul li img{height: 50px;} #sub.about .con10 .con10_in ul li .img img, #sub.about .con10 .con10_in ul li.vid_w .img{width: 200px;} #sub.about .con10 .con10_in ul li.vid_w .img{height: 200px;} #sub.about .con11 button span{font-size: 14px;vertical-align: middle;} #sub.about .con15 .list_w ul.list > li .year strong{font-size: 25px;} #sub.about .con15 .list_w ul.list > li .txt > ul > li ul li, #sub.about .con15 .list_w ul.list > li .txt > ul > li .month strong{font-size: 13px;} #sub.about .con15 .list_w ul.list > li .txt > ul > li:after{width: 21px;height: 21px;left: -17px;top: 1px;} #sub.about .con15 .list_w ul.list > li .txt > ul > li .month{left: 17px;} #sub.about .con15 .list_w ul.list > li .txt > ul > li{padding-left: 49px;margin-bottom: 20px;} #sub.about .con15 .list_w ul.list{padding-top: 45px;} #sub.about .con03 .list .txt strong{font-size: 20px;} #sub.about .con15.fix .bg:before{height: 40px;} #sub.about .con15 .list_w ul.list{padding-left: 25px} #sub.about .con15 .list_w ul.list:after{left: 19px;} #sub.about .con06 .box-3d{width: 360px;} #sub.about .con07{padding-top: 70px;} #sub.about #header .scroll{left: 10px;bottom: 20px;} #header .scroll img{width: 45px;} .about_scroll{height: 7px;} } @media (max-width: 320px){ #sub.talent .con02 .sb_tit strong, #sub.about .con07 > div > strong, #sub.about .con09 strong, #sub.about .con08 strong, #sub.about .con13 .tit strong, #sub.about .con07 > div > strong, #sub.about .con09 strong, #sub.about .con12 .title strong, #sub.about .con13 .tit strong, #sub.about .con14 .title strong, #sub.about .con03 .title strong, #sub.about .con04 .title strong, #sub.about .con10 .con10_in .txt strong{font-size:20px;} #sub.about .con08 strong br{display: none} #sub.about .con10 .con10_in .txt strong, #sub.about .con12 .title strong{font-size: 26px} #sub.about .con10 .con10_in .txt p{font-size: 13px;margin-top: 5px;} #sub.about .con10 .con10_in .txt strong{line-height: 1} #sub.about .con10 .con10_in ul li:last-child .img{margin-bottom: 0} #sub.about .con12 .swiper .wrap .img_w span{font-size: 11px;line-height: 24px; width: 69px;right: 0;top: 5px;} #sub.about .con12 .swiper .wrap .img_w img{width: 113px;} #sub.about .con12 .swiper .wrap .txt p{font-size: 11.5px;} #sub.about .con10 .con10_in .txt strong, #sub.about .con12 .title strong{font-size: 20px;} #sub.about .con12{padding-bottom: 60px;} #sub.about .con13 .tit ul li.ml:nth-child(3){clear: left;margin-left: 0} #sub.about .con13{padding-top: 60px;} #sub.about .con14{padding-top: 60px;} #sub.about .con14 em{font-size: 9px;line-height: 1.5;word-break: keep-all;} } #cursor2{opacity: 1} #cursor2.hid{opacity: 0} /* .cur_wrap{opacity: 0;transition: 0.7s} .cur_wrap.on{opacity: 1 !important} */ /*이런사람들*/ #sub.contact .con07 {position: relative;padding-top: 0;margin-top: 200px;} #sub.contact .con07 .title{padding-bottom: 30px;} #sub.contact .con07 .title span{display: block;font-weight: 600;color: #FF5700;font-size: 30px;letter-spacing: -0.6px;margin-bottom: 35px;opacity: 1;transition: 1s;font-family: "scotch-display", sans-serif;} #sub.contact .con07 .title strong{display: block;font-weight: 600;color: #57413B;font-size: 60px;letter-spacing: -0.6px;line-height: 75px;height: 75px;} #sub.contact .con07 .swiper-slide{perspective: 500px;padding: 40px 0} #sub.contact .con07 .swiper-slide .wrap{transform: rotateY(-90deg);transition: 1s;transition-delay: 0.8s} #sub.contact .con07 .member_list:before{transform: rotateY(-90deg);transform-origin: center center; transition: 1s;margin-left: -180px;} #sub.contact .con07.on .member_list:before{transform: rotateY(0);transition: 1s} #sub.contact .con07.on .swiper-slide .wrap{transform: rotateY(0);} #sub.contact .con07 .member_list{position: relative;} #sub.contact .con07 .wrap .card{background: #fff;} #sub.contact .con07 .wrap .card{overflow: hidden;text-align-last: center} /*#sub.contact .con07 .wrap .card:before{content: '';display: block;width: 100%;height: 100%;position: absolute;right: 0;top: 0;background: url(/img/why/num_bg_01.png) no-repeat right top;background-size: 100% auto}*/ /*#sub.contact .con07 .wrap .card:after{content: '';display: block;width: 100%;height: 100%;position: absolute;right: 0;top: 0;background: url(/img/why/num_bg_02.png) no-repeat bottom left;background-size: 100% auto}*/ #sub.contact .con07 .wrap .tag span{display: inline-block;background: #FF5700;line-height: 40px;height:62px;border-radius: 10px 10px 0 0 ;font-size: 20px;padding: 0 15px; color: #FFFFFF;padding-top: 3px} /*#sub.contact .con07 .wrap .card{border-radius: 30px;margin-top: -19px;box-shadow: 0 0 40px rgba(0,0,0,0.1);position: relative;z-index: 2;padding-top: 49px;padding-bottom: 46px;text-align: center}*/ #sub.contact .con07 .wrap .card .mem{display: block;width: 170px;margin: 0 auto;border-radius: 50%;border: 1px solid #F2EAE6} #sub.contact .con07 .wrap .card .mem img{display: block;max-width: 100%} #sub.contact .con07 .wrap .card .txt{padding-top: 20px;} #sub.contact .con07 .wrap .card .txt > span{display: inline-block;background: #FF5700;line-height: 35px;padding: 0 15px;color: #FFFFFF;border-radius: 17.5px;margin-bottom: 14px;} #sub.contact .con07 .wrap .card .txt strong{display: block;color: #57413B;font-size: 20px;} #sub.contact .con07 .wrap .card .txt p:before{content: '';display: block;width: 50px;height: 1px;background: url(/img/why/card_line.png);margin: 0 auto;margin-top: 5px;margin-bottom: 11px;} #sub.contact .con07 .wrap .card .txt p{display: block;color: #857A77;font-size: 14px;line-height: 24px;} #sub.contact .con07 .wrap .card .txt p span{font-weight: 600;color: #FB5500} #sub.contact .con07 .wrap .card .txt ul li{display: inline-block;font-size: 12px;color: #A59D9B;padding: 0 5px;} #sub.contact .con07 .wrap .card .txt ul{margin-top: 10px;} #sub.contact .con07 .wrap .card .txt ul li span{color: #FB5500;} #sub.contact .con07 .wrap .card .txt ul li.line{display: block} #sub.contact .con07 .swiper-slide{transition-timing-function: linear;width: auto} #sub.contact .con07 .swiper-wrapper{transition-timing-function: linear} #sub.contact .con07 .title span{transform: translateY(40px);opacity: 0;transition: 1.2s} #sub.contact .con07.on .title span{transform: translateY(0);opacity: 1} #sub.contact .con07 .title strong{transform: translateY(40px);opacity: 0;transition: 1.2s;transition-delay: 0.3s} #sub.contact .con07.on .title strong{transform: translateY(0);opacity: 1} @media (max-width: 1660px){ } @media (max-width: 1416px){ #sub.contact .con07 .title span{font-size: 16px;} #sub.contact .con07 .title strong{font-size: 50px;line-height: 80px} } @media (max-width: 960px){ #sub.contact .con07{margin-top: 50px;padding-top: 0} #sub.contact .con07 .title strong{height: auto !important} #sub.contact .con07 .wrap .card .txt strong{font-size: 16px} #sub.contact .con07 .wrap .card .txt p{font-size: 14px} #sub.contact .con07 .wrap .card .mem img, #sub.contact .con07 .wrap .card .mem{width: 160px} #sub.contact .con07 .wrap .card{background-size: 100% auto} #sub.contact .con07 .wrap .tag span{line-height: 35px;font-size: 14px;height: 50px;} #sub.contact .con07{overflow: hidden} #sub.contact .con07 .member_list:before{width: 300px;background-size: 100% auto;height: 142px;margin-left: -150px;top: -72px} #sub.contact .con07 .wrap .card .txt p{line-height: 1.5} #sub.contact .con07 .wrap .card .txt > span{font-size: 13px;line-height: 25px;} #sub.contact .con07 .swiper-slide{padding: 25px 0} #sub.contact .con07 .title span{font-size: 14px;margin-bottom: 20px} #sub.contact .con07 .title strong{font-size: 32px;line-height: 50px} } @media (max-width: 720px){ #sub.contact .con07 .wrap .card .mem img, #sub.contact .con07 .wrap .card .mem{width: 100px;} #sub.contact .con07 .wrap .card .txt strong{font-size: 14px} #sub.contact .con07 .wrap .card .txt p{font-size: 12px;} #sub.contact .con07 .wrap .tag span{font-size: 11px;} #sub.contact .con07 .member_list:before { width: 257px; background-size: 100% auto; height: 122px; margin-left: -128.6px; top: -51px; } #sub.contact .con07 .wrap .tag span{padding: 0 10px;} #sub.contact .con07 .wrap .card .txt{padding-top: 15px} #sub.contact .con07 .wrap .card .txt > span{margin-bottom: 10px;} #sub.talent .con01 ul.list > li:nth-child(2n) .question{text-align: center} #sub.talent .con01 ul.list > li .question strong{padding-left: 0} #sub.talent .con01 ul.list > li .question{text-align: center} #sub.talent .con05 .tit strong{padding-left: 0;text-align: center;line-height: 1} #sub.talent .con05 .tit strong ul{display: inline-block} #sub.talent .con05 .wrap p{text-align: center} #cursor{display: none !important} #sub.talent .con02 ul li .txt p{padding-right: 0;} #sub.talent .con02 ul li .txt strong{font-size: 15px;line-height: 1.7} #sub.talent .con02 ul li .txt p{height: auto} #sub.talent .con01 ul.list > li .question strong i, #sub.talent .con05 .tit strong i{font-size: 32px;left: 50%;transform: translateX(-50%);bottom: auto;top: -22px;} #sub.talent .con01{padding-top: 82px} #sub.talent .con01 ul.list > li .question{margin-bottom: 22px;} #sub.talent .con01 ul.list > li .wrap .person .title{margin-top: 20px;} #sub.talent .con01 ul.list > li .txt{padding-top: 8px;} #sub.talent .con01 ul.list > li .wrap .person .title strong{margin-bottom: 2px} #sub.talent .con01 ul.list > li{margin-bottom: 82px;} #sub.talent .con01 ul.list > li .wrap .person .img:before{width: 34px;height: 34px;line-height: 34px;} #sub.talent .con02{padding-top: 60px;margin-top: 0} #sub.talent .con02 ul li{text-align: center} #sub.talent .con02 .sb_tit{margin-bottom: 30px;text-align: center} #sub.talent .con02 ul li .txt p{margin-right: 0} #sub.talent .con02 ul li .txt p br{display: none} #sub.talent .con02 ul li .txt p em{display: block} #sub.contact .con07 .title span{margin-bottom: 10px;} #sub.contact .con07 .title{padding-bottom: 0} #sub.contact .con07 .swiper-slide{padding: 22px 0} #sub.contact .con07 .wrap .card .txt p i{display: block} #sub.contact .con07 .wrap .card .txt > span{padding: 0 10px;line-height: 23px;font-size: 12px;} #sub.contact .con07 .wrap .card .txt{padding-top: 10px;} #sub.contact .con07 .wrap .card .txt > span{margin-bottom: 4px} #sub.contact .con07 .wrap .card .txt p:before{margin-top: 4px;margin-bottom: 8px;} #sub.contact .con07 .wrap .card .mem img, #sub.contact .con07 .wrap .card .mem{width: 98px;} #sub.recruit{padding-bottom: 40px;} #sub.recruit.contact .con01 .per{text-align: center} #sub.talent .con05 .tit strong{line-height: 40px;} #sub.talent .con05{padding-top: 74px;} #sub.talent .con05 .tit strong i{line-height: 1;top: -12px} #sub.talent .con05 .tit strong ul{position: relative;z-index: 2} #sub.talent .con05 .tit p{display: block} #sub.talent .con05 .tit strong{margin-bottom: 0} #sub.talent .con05 .tit p{padding-left: 0;text-align: center} #sub.talent .con05 .wrap{padding-top: 20px;} #sub.talent .con05 .wrap ul{margin-bottom: 20px;} } @media (max-width: 550px){ #sub.contact .con07{padding-bottom: 0} #sub.contact .con07 .title span{font-size: 14px;} #sub.contact .con07 .title strong{font-size: 21px;line-height: 32px} .sc_send .send .base:after{ display: none; } } @media (max-width: 450px){ }