.ager_font{font-family: "AGER";}
.ageb_font{font-family: "AGEB";}
.agebi_font{font-family: "AGEBI";}

.flex{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: flex-start;align-items: center;}
.wrap{width: 94%;max-width: 1600px;margin: 0 auto;}
.title_b{font-size: 5rem; font-weight: normal; line-height: 1.2;}
.title_a{font-size: 3.2rem; font-weight: normal; line-height: 1.2;}
.title{font-size: 2.5rem; font-weight: normal; line-height: 1.4;}
.tit{font-size: 2rem; font-weight: normal; line-height: 1.6;}
.t{font-size: 1.1rem; font-weight: normal;}
.tt{font-size: 0.9rem; font-weight: normal;}
.btn_tit a{position: relative;display: inline-block;width: initial;color: #eb6100;padding: 0.3rem 0.2rem;cursor: pointer;overflow: hidden;}
.btn_tit a .flex .btn_icon{width: 1.2rem;margin-right: 1rem;}
.btn_tit a .flex .t{font-weight: bold;}
.btn_tit a .btn_line1{position: absolute;bottom: 0;left: 0;z-index:19;width: 100%; height: 1px; background: #eb6100; transition: 0.5s;}
.btn_tit a .btn_line2{position: absolute;bottom: 0;left: -100%;z-index:19;width: 100%; height: 1px; background: linear-gradient( to right, #eb6100, #fff, #eb6100 ); transition: 0.5s;}
.btn_tit a:hover .btn_line2{-moz-animation: btnline2 2s infinite linear;-webkit-animation: btnline2 2s infinite linear;animation: btnline2 2s infinite linear;}
img{display: block; width:100%;}
.pc_none{display: none;}
.pc_show{display: block;}

#loading{position: fixed;width: 100vw;height: 100vh;z-index: 1000;background: rgba(0,0,0,0.8); backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
#loading .loading_box{position:absolute;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 3rem;height: 3rem;background: #fff;-moz-animation: loadingbox1 1s infinite ease;-webkit-animation: loadingbox1 1s infinite ease;animation: loadingbox1 1s infinite ease;}

#layout-wrapper{font-family: "Pretendard";font-size:20px;line-height: 1.8;}
#layout-wrapper .navigation_top{position: fixed;top: 0;left: 50%;transform: translateX(-50%);z-index: 999;width: 100%;transition: 0.5s;}
#layout-wrapper .navigation_top.on{background: rgba(0,0,0,0.5);}
#layout-wrapper .navigation_top .wrap{padding:1rem 0;}
#layout-wrapper .navigation_top .wrap .flex .nav_logo{width:15rem;}
#layout-wrapper .navigation_top .wrap .flex .nav_item{width:calc(100% - 15rem);padding-left: 0;}
#layout-wrapper .navigation_top .wrap .flex .nav_item .flex{justify-content: flex-end;}
#layout-wrapper .navigation_top .wrap .flex .nav_item .flex .item_link{margin: 0 0.5rem;}
#layout-wrapper .navigation_top .wrap .flex .nav_item .flex .item_link a{position: relative;color: #fff;transition: 0.5s;font-weight: bold;padding: 0 1rem;transition: 0.5s;}
#layout-wrapper .navigation_top .wrap .flex .nav_item .flex .item_link a::before{content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 1px; background: #eb6100;transition: 0.5s;}
#layout-wrapper .navigation_top .wrap .flex .nav_item .flex .item_link a:hover{color: #eb6100;}
#layout-wrapper .navigation_top .wrap .flex .nav_item .flex .item_link a:hover::before{width: 100%;}
#layout-wrapper .navigation_top .wrap .flex .nav_item .flex .item_link a .t{font-weight: bold;}
#layout-wrapper .navigation_top .wrap .flex .nav_item .flex .item_link:last-child{margin-right: 0;}
#layout-wrapper .navigation_top .wrap .flex .nav_icon{width:100%;}
#layout-wrapper .navigation_top .wrap .flex .nav_icon .flex{justify-content: flex-end;}
#layout-wrapper .navigation_top .wrap .flex .nav_icon .flex .icon_item{position: relative;padding: 0 1rem;margin: 0.5rem;}
#layout-wrapper .navigation_top .wrap .flex .nav_icon .flex .icon_item:last-child{margin-right: 0;}
#layout-wrapper .navigation_top .wrap .flex .nav_icon .flex .icon_item a{width: 1.5rem;}
#layout-wrapper .navigation_top .wrap .flex .nav_icon .flex .icon_item a:hover{opacity: 0.8;}
#layout-wrapper .navigation_top .wrap .flex .nav_icon .flex .icon_item .item_box{position: absolute;
bottom: -1rem;right: 0;transform: translate(0, 100%);background: #fff;padding: 0.5rem;width: max-content;display: none;}
#layout-wrapper .navigation_top .wrap .flex .nav_icon .flex .icon_item .item_box .tt{color: #eb6100;}
#layout-wrapper .navigation_top .wrap .flex .nav_icon .flex .icon_item .triangle{position: absolute;bottom: -1.05rem;right: 1rem;width: 0;height: 0;border: 10px solid transparent;border-bottom-color: #fff;border-top: 0;border-right: -4.5px;margin-left: -4.5px;border-bottom : -5px;border-radius: 0;display: none;}
#layout-wrapper .navigation_top .wrap .flex .nav_mbar{display: none;}

#layout-wrapper .section1{position: relative;z-index:10;height: 100vh;min-height: 55rem;}
#layout-wrapper .section1 .section_bg{position: fixed;z-index: 10;width: 100vw;height: 100vh;min-height: 65rem;background:url('../images/main_bg.png');background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;overflow: hidden;}
#layout-wrapper .section1 .section_bg .video_img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;z-index: 8;}
#layout-wrapper .section1 .section_bg #video1{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;z-index: 9;}
#layout-wrapper .section1 .section_bg #video1 #video1_item{display: block;width: 100%;}
#layout-wrapper .section1 .wrap{position: relative;z-index:19;width: 100%;height: 100%;}
#layout-wrapper .section1 .wrap .section_text{width: 94%;max-width: 70rem;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 20;opacity: 0;transition: 0.5s;}
#layout-wrapper .section1 .wrap .section_text .title_b{color:#fff;}
#layout-wrapper .section1 .wrap .section_text .title_b span.ager_font{color:#eb6100;}
#layout-wrapper .section1 .wrap .section_text .tit{color: #fff;margin-top: 5rem;font-weight: bold;}
#layout-wrapper .section1 .wrap .section_text .t{color: #fff;margin-top: 3rem;}
#layout-wrapper .section1 .wrap .section_text span{position: relative;display: inline-block;}
#layout-wrapper .section1 .wrap .section_text span .text_t{z-index: 14;opacity: 0;transition: 0.5s;}
#layout-wrapper .section1 .wrap .section_text span .text_line{position: absolute;left: 0;top: 50%;transform: translateY(-50%); z-index: 15;width: 0;height: 90%;background: #fff;transition: 0.5s;}
#layout-wrapper .section1.effect.action .section_text{opacity: 1;}
#layout-wrapper .section1.effect.action .wrap .section_text span .text_t{-moz-animation: section1text 2s ease 1s 1 forwards;-webkit-animation: section1text 2s ease 1s 1 forwards;animation: section1text 2s ease 1s 1 forwards;}
#layout-wrapper .section1.effect.action .wrap .section_text span .text_line{-moz-animation: section1textline 2s ease 1s 1 forwards;-webkit-animation: section1textline 2s ease 1s 1 forwards;animation: section1textline 2s ease 1s 1 forwards;}

#layout-wrapper .section2{position: relative;z-index: 11;}
#layout-wrapper .section2 .wrap > .line{position: relative;width: 0;height: 2px;overflow: hidden;background: #fff;transition: 1s;}
#layout-wrapper .section2 .wrap > .line .line_item{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 2px;background: linear-gradient( to right, #fff, #eb6100 50%, #fff );-moz-animation: section2line 5s infinite ease;-webkit-animation: section2line 5s infinite ease;animation: section2line 5s infinite ease;}
#layout-wrapper .section2 .wrap .section_text{width: 94%;max-width: 70rem;margin: 10rem auto;}
#layout-wrapper .section2 .wrap .section_text .tit{color: #fff;margin-top: 2rem;font-weight: bold;}
#layout-wrapper .section2 .wrap .section_text .tit.ageb_font{color: #eb6100;margin-top: 0;font-weight: normal;}
#layout-wrapper .section2 .wrap .section_text > .t{color: #fff;margin-top: 3rem;}
#layout-wrapper .section2 .wrap .section_text .btn_tit{margin-top: 5rem;}
#layout-wrapper .section2 .wrap .section_text span{position: relative;display: inline-block;}
#layout-wrapper .section2 .wrap .section_text span .text_t{z-index: 14;opacity: 0;transition: 0.5s;}
#layout-wrapper .section2 .wrap .section_text span .text_line{position: absolute;left: 0;top: 50%;transform: translateY(-50%); z-index: 15;width: 0;height: 90%;background: #fff;transition: 0.5s;}
#layout-wrapper .section2 .wrap > .line.effect.action{width: 100%;}
#layout-wrapper .section2 .wrap .section_text.effect.action span .text_t{-moz-animation: section1text 2s ease 1 forwards;-webkit-animation: section1text 2s ease 1 forwards;animation: section1text 2s ease 1 forwards;}
#layout-wrapper .section2 .wrap .section_text.effect.action span .text_line{-moz-animation: section1textline 2s ease 1 forwards;-webkit-animation: section1textline 2s ease 1 forwards;animation: section1textline 2s ease 1 forwards;}

#layout-wrapper .section3{position: relative;z-index: 11; background: #000;padding: 10rem 0;overflow: hidden;}
#layout-wrapper .section3 .section_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background:url('../images/section3_bg.png');background-position: 50% 0;background-size: cover;background-repeat: no-repeat;z-index: 11;}
#layout-wrapper .section3 .section3_item1{position: relative;z-index: 12;}
#layout-wrapper .section3 .section3_item1 .wrap .section_text{text-align: center;opacity: 0;transform: translateY(10rem);transition: 1s;}
#layout-wrapper .section3 .section3_item1 .wrap .section_text .tit.ageb_font{color: #eb6100;margin-top: 0;}
#layout-wrapper .section3 .section3_item1 .wrap .section_text .title_a{color: #fff;margin-top: 2rem;font-weight: bold;}
#layout-wrapper .section3 .section3_item1 .wrap .section_list{margin-top: 8rem;}
#layout-wrapper .section3 .section3_item1 .wrap .section_list .flex{align-items: stretch;}
#layout-wrapper .section3 .section3_item1 .wrap .section_list .flex .list_item{position: relative;width: 32%; height: 15rem; text-align: left;background: #fff;opacity: 0;transform: translateY(5rem); transition: 1s;}
#layout-wrapper .section3 .section3_item1 .wrap .section_list .flex .list_item .item_box{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:19;width: 100%;padding: 0 3rem;}
#layout-wrapper .section3 .section3_item1 .wrap .section_list .flex .list_item .item_box .tit{line-height: 1.2;color: #000;}
#layout-wrapper .section3 .section3_item1 .wrap .section_list .flex .list_item .item_box .tit span.ager_font{color: #eb6100;}
#layout-wrapper .section3 .section3_item1 .wrap .section_list .flex .list_item .item_box .t{margin-top: 2rem;color: #757575;}
#layout-wrapper .section3 .section3_item1 .wrap .section_text.effect.action{opacity: 1;transform: translateY(0);}
#layout-wrapper .section3 .section3_item1 .wrap .section_list.effect.action .list_item:nth-child(1){-moz-animation: section3opacity1 2s ease 1 forwards;-webkit-animation: section3opacity1 2s ease 1 forwards;animation: section3opacity1 2s ease 1 forwards;transform: translateY(0);}
#layout-wrapper .section3 .section3_item1 .wrap .section_list.effect.action .list_item:nth-child(2){-moz-animation: section3opacity1 2s ease 0.5s 1 forwards;-webkit-animation: section3opacity1 2s ease 0.5s 1 forwards;animation: section3opacity1 2s ease 0.5s 1 forwards;transform: translateY(0);}
#layout-wrapper .section3 .section3_item1 .wrap .section_list.effect.action .list_item:nth-child(3){-moz-animation: section3opacity1 2s ease 1s 1 forwards;-webkit-animation: section3opacity1 2s ease 1s 1 forwards;animation: section3opacity1 2s ease 1s 1 forwards;}

#layout-wrapper .section3 .section3_item2{position: relative;z-index: 12;height: 80vh; min-height: 55rem;margin-top:10rem;}
#layout-wrapper .section3 .section3_item2 .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:19;width: 94%; max-width: 70rem;}
#layout-wrapper .section3 .section3_item2 .wrap .section_text{text-align: center;opacity: 0;transform: translateY(10rem);transition: 1s;}
#layout-wrapper .section3 .section3_item2 .wrap .section_text .title_a{color: #fff;font-weight: bold;margin-bottom: 5rem;}
#layout-wrapper .section3 .section3_item2 .wrap > .flex{opacity: 0; transition: 1s;}
#layout-wrapper .section3 .section3_item2 .wrap .flex .section_list1{padding: 3rem 0;width: 30rem;}
#layout-wrapper .section3 .section3_item2 .wrap .flex .section_list1 .list_item{cursor: pointer;opacity: 0.5;margin: 1rem 0; transition: 0.5s;}
#layout-wrapper .section3 .section3_item2 .wrap .flex .section_list1 .list_item.on{opacity: 1;}
#layout-wrapper .section3 .section3_item2 .wrap .flex .section_list1 .list_item .flex{align-items: center;justify-content: flex-start;}
#layout-wrapper .section3 .section3_item2 .wrap .flex .section_list1 .list_item .flex .tit{color: #fff;font-weight: bold;}
#layout-wrapper .section3 .section3_item2 .wrap .flex .section_list1 .list_item .flex .item_icon{width: 2.5rem;margin-left: 2rem;opacity: 0;transition: 0.5s;}
#layout-wrapper .section3 .section3_item2 .wrap .flex .section_list1 .list_item.on .flex .item_icon{opacity: 1;}
#layout-wrapper .section3 .section3_item2 .wrap .flex .section_list2{position: relative;width: calc(100% - 30rem);}
#layout-wrapper .section3 .section3_item2 .wrap .flex .section_list2 .list_item{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:19;width: 100%;padding:3rem;background: rgba(255,255,255,0.1);opacity: 0;transition: 0.5s;}
#layout-wrapper .section3 .section3_item2 .wrap .flex .section_list2 .list_item.on{opacity: 1;}
#layout-wrapper .section3 .section3_item2 .wrap .flex .section_list2 .list_item .t{color: #ccc;}
#layout-wrapper .section3 .section3_item2 .wrap .section_text.effect.action{opacity: 1;transform: translateY(0);}
#layout-wrapper .section3 .section3_item2 .wrap > .flex.effect.action{-moz-animation: section3opacity1 2s ease 1 forwards;-webkit-animation: section3opacity1 2s ease 1 forwards;animation: section3opacity1 2s ease 1 forwards;transform: translateY(0);}

#layout-wrapper .section4{position: relative;z-index: 11; background: linear-gradient( to bottom, #2c1200, #000 50%, #313131 );overflow: hidden;}
#layout-wrapper .section4 .top_item{position: absolute; top: 10rem; width: 100%;transition: 0.5s;z-index: 20;}
#layout-wrapper .section4 .top_item.motion1.on{max-width: 100%;}
#layout-wrapper .section4 .top_item .item_img{position: absolute; top: -5rem;width: 94%;max-width: 70rem;left: 50%;transform: translate(-50%, 50%);margin: 0 auto;transition: 0.5s;}
#layout-wrapper .section4 .top_item.motion1.on .item_img{position: fixed;bottom: 0;left: 50%;transform: translate(-50%, 80%);z-index: 998;width: 100%;max-width: 100%;margin-top: 0;}
#layout-wrapper .section4 .top_item .item_box{position: relative; text-align: center;background: linear-gradient( to right, #242424, #434343, #242424 );width: 94%;max-width: 70rem;margin: 0 auto;height: 30rem;opacity: 0;transform: translateY(10rem);transition: 1s;background: none;}
#layout-wrapper .section4 .top_item.motion1.on .item_box{width: 0;height: 0;background: linear-gradient( to right, #434343, #434343, #434343 );padding: 0;background: none;}
#layout-wrapper .section4 .top_item .item_box .tit{position: absolute; top: 5rem; left: 50%; transform: translateX(-50%); color: #eb6100;white-space:nowrap;}
#layout-wrapper .section4 .wrap{position: relative; padding: 10rem 0;padding-bottom: 15%; margin-top: 10%;margin-bottom:20%; z-index: 19;}
#layout-wrapper .section4 .wrap .section4_item1{width: 100%;max-width: 70rem;margin: 0 auto;margin-top: 8rem;}
#layout-wrapper .section4 .wrap .section4_item1 .title{color: #eb6100;font-weight: bold;opacity: 0;transform: translateY(10rem);transition: 1s;}
#layout-wrapper .section4 .wrap .section4_item1 .line{width: 0; height: 1px; background: #595959;margin: 3rem 0;transition: 1s;}
#layout-wrapper .section4 .wrap .section4_item1 .item_text{margin-bottom: 3rem;opacity: 0;transform: translateY(10rem);transition: 1s;}
#layout-wrapper .section4 .wrap .section4_item1 .item_text .text_top{margin-bottom: 2rem;}
#layout-wrapper .section4 .wrap .section4_item1 .item_text .text_top .flex{justify-content: flex-start;}
#layout-wrapper .section4 .wrap .section4_item1 .item_text .text_top .flex .icon{width: 3rem;margin-right: 2rem;}
#layout-wrapper .section4 .wrap .section4_item1 .item_text .text_top .flex .tit{color: #fff;font-weight: bold;}
#layout-wrapper .section4 .wrap .section4_item1 .item_text .t{color: #ccc;}
#layout-wrapper .section4 .wrap .section4_item1.item2 .flex .item_text{width: 45%;}
#layout-wrapper .section4 .wrap .section4_item1.item2 .flex .item_text .text_top .flex .icon{width: 3rem;}
#layout-wrapper .section4 .wrap .section4_item1.item2 .flex .item_text .text_top .flex .tt{color: #fff;font-weight: bold;}
#layout-wrapper .section4 .wrap .section4_item1.item2 .flex .item_text .tit{color: #fff;font-weight: bold;margin-bottom: 3rem;}
#layout-wrapper .section4 .section4_bottom_img{margin-top:-30%;overflow: hidden;height: 25rem;}
#layout-wrapper .section4.off .top_item .item_img{display: none;}
#layout-wrapper .section4 .top_item .item_box.effect.action{opacity: 1;transform: translateY(0);}
#layout-wrapper .section4 .wrap.on .section4_item1 .title.effect.action{opacity: 1;transform: translateY(0);}
#layout-wrapper .section4 .wrap.on .section4_item1 .line.effect.action{width: 100%;}
#layout-wrapper .section4 .wrap.on .section4_item1 .item_text.effect.action{opacity: 1;transform: translateY(0);}

#layout-wrapper .section5{position: relative;z-index: 11; background: #000;}
#layout-wrapper .section5 .section5_scroll{position: relative;}
#layout-wrapper .section5 .section5_scroll .scroll_wrapper{position: sticky;top: 0;left: 0;height: 100vh;width: 100vw;overflow: hidden;padding: 10rem 0;}
#layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .container_title{margin-bottom: 5rem;opacity: 0;transform: translateY(10rem);transition: 1s;}
#layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .container_title .flex{align-items: flex-start;}
#layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .container_title .flex .tit{color: #eb6100;width: 20rem;}
#layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .container_title .flex .title_a{width: calc(100% - 20rem); color: #fff; font-weight: bold;}
#layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container{flex-wrap: nowrap;opacity: 0;transform: translateY(10rem);transition: 1s;}
#layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container .container_item{width:30rem; height: 50vh;min-height: 30rem;flex-shrink: 0;margin-right: 2rem;}
#layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container .container_item:first-child{margin-left: 5rem;}
#layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container .container_item .item_text{margin-top: 1rem;}
#layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container .container_item .item_text .tit{color: #fff;font-weight: bold;}
#layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container .container_item .item_text .tt{color: #ccc;margin-top: 1rem;}
#layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container .container_item.last{position: relative; background: #1a1a1a;}
#layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container .container_item.last .item_text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;}
#layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container .container_item.last .item_text .tit{color: #eb6100;}
#layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .container_title.effect.action{opacity: 1;transform: translateY(0);}
#layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container.effect.action{opacity: 1;transform: translateY(0);}

#layout-wrapper .section6{position: relative;z-index: 11; background: #000;padding: 10rem 0;overflow: hidden;}
#layout-wrapper .section6 .section_bg{position: absolute;top: 50%;left: 50%;transform: translate(-80%, -50%);z-index:19;width: 75rem;height: 100%;}
#layout-wrapper .section6 .section_bg .video_img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;z-index: 8;}
#layout-wrapper .section6 .section_bg #video2{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;z-index: 9;}
#layout-wrapper .section6 .section_bg #video2 #video2_item{display: block;width: 100%;}
#layout-wrapper .section6 .wrap{position: relative; z-index: 20;}
#layout-wrapper .section6 .wrap .section_text{padding-left: 51%;}
#layout-wrapper .section6 .wrap .section_text .title_a{color: #eb6100;opacity: 0;transform: translateY(10rem);transition: 1s;}
#layout-wrapper .section6 .wrap .section_text > .t{color: #ccc;margin-top: 3rem;opacity: 0;transform: translateY(10rem);transition: 1s;}
#layout-wrapper .section6 .wrap .section_text .btn_tit{margin-top: 5rem;opacity: 0;transform: translateY(-10rem);transition: 1s;}
#layout-wrapper .section6 .wrap .section_text.effect.action .title_a{opacity: 1;transform: translateY(0);}
#layout-wrapper .section6 .wrap .section_text.effect.action > .t{opacity: 1;transform: translateY(0);}
#layout-wrapper .section6 .wrap .section_text.effect.action .btn_tit{opacity: 1;transform: translateY(0);}

#layout-wrapper .footer{position: relative;z-index: 11; background: #000;padding: 10rem 0;}
#layout-wrapper .footer .wrap .footer_logo{width: 15rem;}
#layout-wrapper .footer .wrap .footer_text{margin-top: 5rem;}
#layout-wrapper .footer .wrap .footer_text .tt{color: #ccc;}
#layout-wrapper .footer .wrap .footer_text .copy{margin-top: 5rem;color: #a1a1a1;}

@media screen and (max-width: 1400px) {
    #layout-wrapper .section1 .section_bg #video1 .video_img{width: initial;height: 100%;}
    #layout-wrapper .section1 .section_bg #video1 .video_img img{width: initial;height: 100%;}
    #layout-wrapper .section1 .section_bg #video1 #video1_item{width: initial;height: 100%;}

    #layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container .container_item:first-child{margin-left: 1rem;}
}
@media screen and (max-width: 991px) {
    .tab_none{display: none;}
    .tab_show{display: block;}
    .title_b{font-size: 3.2rem;}
    .title_a{font-size: 2.5rem;}
    .title{font-size: 2rem;}
    .tit{font-size: 1.5rem;}
    .t{font-size: 1rem;}
    .tt{font-size: 0.8rem;}

    #layout-wrapper .navigation_top .wrap .flex .nav_logo{width: 13rem;}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar{display: block;}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .icon_mbar{position: relative;width: 1.5rem;height: 1.5rem;cursor: pointer;z-index: 1004;}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .icon_mbar .line{position: absolute;top: 50%;left: 50%;background: #fff;width: 100%;height: 2px;transform: translate(-50%, -50%);transition: 0.5s;}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .icon_mbar .line.line1{top: 15%;}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .icon_mbar .line.line2{top: 50%;opacity: 1;}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .icon_mbar .line.line3{top: 85%;}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .icon_mbar.on .line.line1{top: 50%;transform: translate(-50%, -50%) rotate(45deg);}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .icon_mbar.on .line.line2{opacity: 0;}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .icon_mbar.on .line.line3{top: 50%;transform: translate(-50%, -50%) rotate(-45deg);}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .mbar_bg{position: fixed;top: 0;right: 0;width: 100vw;height: 100vh;z-index: 1002;background: rgba(0,0,0,0.5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);display: none;}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .mbar_item{position: fixed;top: 0;right: 0;width: 80vw;height: 100vh;z-index: 1003;background: #333;padding: 3rem 1.5rem;transform: translateX(100%);transition: 0.5s;}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .mbar_item.on{transform: translateX(0);}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .mbar_item .icon_item{background: #000;margin-bottom: 0.5rem;}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .mbar_item .icon_item a{padding: 1.2rem 2rem;}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .mbar_item .icon_item a .flex{justify-content: flex-start;}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .mbar_item .icon_item a .flex .icon{width: 1.3rem;margin-right: 1rem;}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .mbar_item .icon_item a .flex .t{font-weight: bold;background-image: linear-gradient(to right, #eb6100, #e83722);background-clip: text;-webkit-background-clip: text;color: transparent;}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .mbar_item .item_link{border-bottom: 1px solid rgba(255,255,255,0.2);}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .mbar_item .item_link a{padding: 1rem 0;}
    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .mbar_item .item_link a .t{font-weight: bold;}

    #layout-wrapper .section1 .wrap .section_text{max-width: 40rem;}

    #layout-wrapper .section2 .wrap .section_text{max-width: 40rem;margin: 8rem auto;}

    #layout-wrapper .section3{padding: 8rem 0;}
    #layout-wrapper .section3 .section3_item1 .wrap .section_list{max-width: 40rem;margin: 0 auto;margin-top: 5rem;}
    #layout-wrapper .section3 .section3_item1 .wrap .section_list .flex .list_item{width: 100%;margin-bottom: 1rem;height: 12rem;}
    #layout-wrapper .section3 .section3_item1 .wrap .section_list .flex .list_item .item_box .t{margin-top: 1rem;}

    #layout-wrapper .section3 .section3_item2{margin-top: 8rem;height: 100%;min-height: 100%;}
    #layout-wrapper .section3 .section3_item2 .wrap{position: relative;top: 0;left: 0;transform: translate(0, 0);max-width: 40rem;}
    #layout-wrapper .section3 .section3_item2 .wrap .section_text .title_a{margin-bottom: 2rem;}
    #layout-wrapper .section3 .section3_item2 .wrap .flex .section_list1{width: 100%;padding: 1rem 0;}
    #layout-wrapper .section3 .section3_item2 .wrap .flex .section_list1 .list_item .flex{justify-content: center;}
    #layout-wrapper .section3 .section3_item2 .wrap .flex .section_list1 .list_item .flex .item_icon{width: 2rem;margin-left: 1.5rem;}
    #layout-wrapper .section3 .section3_item2 .wrap .flex .section_list2{width: 100%;height: 20rem;}

    #layout-wrapper .section4 .top_item{top: 8rem;}
    #layout-wrapper .section4 .top_item .item_box{max-width: 40rem;height: 15rem;}
    #layout-wrapper .section4 .top_item .item_box .tit{top: 3rem;}
    #layout-wrapper .section4 .top_item .item_img{top: 0;max-width: 40rem;}
    #layout-wrapper .section4 .top_item.motion1.on .item_img{transform: translate(-50%, 85%);}
    #layout-wrapper .section4 .wrap{padding: 8rem 0;}
    #layout-wrapper .section4 .wrap .section4_item1{max-width: 40rem;}
    #layout-wrapper .section4 .wrap .section4_item1 .item_text .text_top .flex .icon{width: 2.5rem;margin-right: 1.5rem;}
    #layout-wrapper .section4 .wrap .section4_item1.item2 .flex .item_text{width: 47%;}
    #layout-wrapper .section4 .wrap .section4_item1.item2 .flex .item_text .text_top .flex .icon{width: 2.5rem;margin-right: 1.5rem;}
    #layout-wrapper .section4 .section4_bottom_img{height: 15rem;}

    #layout-wrapper .section5 .section5_scroll .scroll_wrapper{padding: 8rem 0;}
    #layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .container_title{margin-bottom: 3rem;}
    #layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .container_title .flex .tit{width: 100%;}
    #layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .container_title .flex .title_a{width: 100%;margin-top: 2rem;}
    #layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container .container_item{width: 25rem;margin-right: 0;padding: 0 0.5rem;min-height: 25rem;}
    #layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container .container_item:first-child{margin-left: 8rem;}
    
    #layout-wrapper .section6{padding: 8rem 0;}
    #layout-wrapper .section6 .section_bg{transform: translate(-50%, -50%);width: 65rem;}
    #layout-wrapper .section6 .wrap .section_text{padding-left: 0; text-align: center;}
    #layout-wrapper .section6 .wrap .section_text > .t{margin-top: 2rem;}
    #layout-wrapper .section6 .wrap .section_text .btn_tit{margin-top: 4rem;}

    #layout-wrapper .footer{padding: 8rem 0;}
    #layout-wrapper .footer .wrap .footer_logo{width: 15rem;}
    #layout-wrapper .footer .wrap .footer_text{margin-top: 3rem;}
    #layout-wrapper .footer .wrap .footer_text .copy{margin-top: 3rem;}
}
@media screen and (max-width: 576px) {
    .m_none{display: none;}
    .m_show{display: block;}
    .title_b{font-size: 3rem;}
    .title_a{font-size: 2.1rem;}
    .title{font-size: 1.7rem;}
    .tit{font-size: 1.3rem;}
    .t{font-size: 0.9rem;}
    .tt{font-size: 0.7rem;}

    #layout-wrapper .navigation_top .wrap .flex .nav_mbar .mbar_item .icon_item a{padding: 1rem 1.5rem;}

    #layout-wrapper .section1 .wrap .section_text .tit{margin-top: 3rem;}
    #layout-wrapper .section1 .wrap .section_text .t{margin-top: 2rem;}

    #layout-wrapper .section2 .wrap .section_text .btn_tit{margin-top: 3rem;}

    #layout-wrapper .section3{padding: 5rem 0;}
    #layout-wrapper .section3 .section3_item1 .wrap .section_list{margin-top: 3rem;}
    #layout-wrapper .section3 .section3_item1 .wrap .section_list .flex .list_item{height: 10rem;}
    #layout-wrapper .section3 .section3_item1 .wrap .section_list .flex .list_item .item_box{padding: 0 2rem;}
    #layout-wrapper .section3 .section3_item1 .wrap .section_list .flex .list_item .item_box .t{margin-top: 0.5rem;}

    #layout-wrapper .section3 .section3_item2 .wrap .flex .section_list2{height: 22rem;}
    #layout-wrapper .section3 .section3_item2 .wrap .flex .section_list2 .list_item{padding: 2rem;}

    #layout-wrapper .section4 .wrap{padding: 5rem 0;}
    #layout-wrapper .section4 .top_item{top: 5rem;}
    #layout-wrapper .section4 .top_item .item_box{height: 10rem;}
    #layout-wrapper .section4 .top_item .item_box .tit{top: 2rem;}
    #layout-wrapper .section4 .top_item.motion1.on .item_img{transform: translate(-50%, 90%);}
    #layout-wrapper .section4 .wrap .section4_item1 .line{margin: 2rem 0;}
    #layout-wrapper .section4 .wrap .section4_item1 .item_text .text_top{margin-bottom: 1rem;}
    #layout-wrapper .section4 .wrap .section4_item1 .item_text .text_top .flex .icon{width: 2rem;margin-right: 1rem;}
    #layout-wrapper .section4 .wrap .section4_item1.item2{margin-top: 5rem;}
    #layout-wrapper .section4 .wrap .section4_item1.item2 .flex .item_text{width: 100%;margin-bottom: 3rem;}
    #layout-wrapper .section4 .wrap .section4_item1.item2 .flex .item_text .tit{margin-bottom: 1rem;}
    #layout-wrapper .section4 .wrap .section4_item1.item2 .flex .item_text .text_top .flex .icon{width: 2rem;margin-right: 1rem;}
    #layout-wrapper .section4 .section4_bottom_img{height: 10rem;}

    #layout-wrapper .section5 .section5_scroll .scroll_wrapper{padding: 5rem 0;}
    #layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container .container_item{width: 18rem;min-height: 20rem;}
    #layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container .container_item:first-child{margin-left: 5rem;}
    #layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container .container_item.last .item_text{padding: 0 2rem;}
    #layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container .container_item .item_text .tt{margin-top: 0.5rem;}

    #layout-wrapper .section6{padding: 5rem 0;}
    #layout-wrapper .section6 .section_bg{width: 55rem;}
    #layout-wrapper .section6 .wrap .section_text .btn_tit{margin-top: 3rem;}

    #layout-wrapper .footer{padding: 5rem 0;}
    #layout-wrapper .footer .wrap .footer_logo{width: 13rem;}
    #layout-wrapper .footer .wrap .footer_text{margin-top: 2rem;}
    #layout-wrapper .footer .wrap .footer_text .copy{margin-top: 2rem;}
}
@media screen and (max-width: 410px) {
    .little_none{display: none;}
    .little_show{display: block;}

    #layout-wrapper .section1 .wrap .section_text .title_b{font-size: 2.6rem;}
    #layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container .container_item{width: 14rem;}
    #layout-wrapper .section5 .section5_scroll .scroll_wrapper .wrap .scroll_container .container_item:first-child{margin-left: 3rem;}
}

@-moz-keyframes section3opacity1 {
    0% {opacity: 0;transform: translateY(-10rem);}
    100% {opacity: 1;transform: translateY(0);}
}
@-webkit-keyframes section3opacity1 {
    0% {opacity: 0;transform: translateY(-10rem);}
    100% {opacity: 1;transform: translateY(0);}
}
@keyframes section3opacity {
    0% {opacity: 0;transform: translateY(-10rem);}
    100% {opacity: 1;transform: translateY(0);}
}
@-moz-keyframes section1text {
    0% {opacity: 0;}
    50% {opacity: 0;}
    50.1% {opacity: 1;}
    100% {opacity: 1;}
}
@-webkit-keyframes section1text {
    0% {opacity: 0;}
    50% {opacity: 0;}
    50.1% {opacity: 1;}
    100% {opacity: 1;}
}
@keyframes section1text {
    0% {opacity: 0;}
    50% {opacity: 0;}
    50.1% {opacity: 1;}
    100% {opacity: 1;}
}
@-moz-keyframes section1textline {
    0% {width: 0%;margin-left: 0;}
    50% {width: 100%;margin-left: 0;}
    100% {width: 0%;margin-left: 100%;}
}
@-webkit-keyframes section1textline {
    0% {width: 0%;margin-left: 0;}
    50% {width: 100%;margin-left: 0;}
    100% {width: 0%;margin-left: 100%;}
}
@keyframes section1textline {
    0% {width: 0%;margin-left: 0;}
    50% {width: 100%;margin-left: 0;}
    100% {width: 0%;margin-left: 100%;}
}
@-moz-keyframes loadingbox1 {
    0% {transform: translate(-50%, -50%) rotate(0deg);border-radius: 0;}
    50% {border-radius: 50%;}
    100% {transform: translate(-50%, -50%) rotate(360deg);border-radius: 0;}
}
@-webkit-keyframes loadingbox1 {
    0% {transform: translate(-50%, -50%) rotate(0deg);border-radius: 0;}
    50% {border-radius: 50%;}
    100% {transform: translate(-50%, -50%) rotate(360deg);border-radius: 0;}
}
@keyframes loadingbox1 {
    0% {transform: translate(-50%, -50%) rotate(0deg);border-radius: 0;}
    50% {border-radius: 50%;}
    100% {transform: translate(-50%, -50%) rotate(360deg);border-radius: 0;}
}
@-moz-keyframes btnline2 {
    0% {left: -100%;}
    100% {left: 100%;}
}
@-webkit-keyframes btnline2 {
    0% {left: -100%;}
    100% {left: 100%;}
}
@keyframes btnline2 {
    0% {left: -100%;}
    100% {left: 100%;}
}
@-moz-keyframes section2line {
    0% {left: -35%;}
    100% {left: 135%;}
}
@-webkit-keyframes section2line {
    0% {left: -35%;}
    100% {left: 135%;}
}
@keyframes section2line {
    0% {left: -35%;}
    100% {left: 135%;}
}