@import url("reset.css");
@import url("slick.css");
@import url("jquery-ui.css");

header{position: relative; width: 100%; height: 75px; background-color: #fff; }
.in_header{display: flex; justify-content: space-between; align-items: center; max-width: 1380px; width: 100%; height: 100%; margin: 0 auto; box-sizing: border-box; }
.header_menu{display: flex; align-items: center; height: 100%; }
.header_menu::before{content: ""; position: absolute; top: 75px; left: 0; z-index: 10; width: 100%; height: 0; background-color: #fff;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.header_menu:hover::before{height: 250px; }
.header_menu>ul{display: flex; }
.header_menu>ul>li{position: relative; margin-right: 60px; }
.header_menu>ul>li:last-child{margin-right: 0; }
.header_menu>ul>li a{position: relative; font-size: 18px; font-weight: 300; border-bottom: 0px solid #222; }
.header_menu>ul>li a::before{content: ""; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background-color: #222;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.header_menu>ul>li a:hover::before{width: 100%; }
.header_menu>ul>li .s_menu{position: absolute; top: 50px; left: 0; z-index: 12; width: 100%; height: 0; padding-top: 20px; overflow: hidden; }
.header_menu:hover>ul>li .s_menu{height: auto; }
.header_menu>ul>li .s_menu>ul>li{text-align: center; margin-bottom: 10px; }
.in_header .cont_right{display: flex; justify-content: flex-end; align-items: center; }
.in_header .cont_right .language{margin-right: 40px; }
.in_header .cont_right .language a{position: relative; font-size: 16px; font-weight: 300; color: #585858; }
.in_header .cont_right .language a::before{content: ""; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background-color: #585858;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.in_header .cont_right .language a:hover::before{width: 100%; }
.in_header .cont_right .contact_us a{display: block; width: 140px; height: 50px; border-radius: 25px; background-color: #a1aeb7; font-size: 16px; color: #fff; line-height: 50px; text-align: center;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.in_header .cont_right .contact_us a:hover{background-color: #9200ca; }
.menu_btn{display: none; padding-bottom: 20px; cursor: pointer; }
.menu_btn span{position: relative; display: block; width: 30px; height: 2px; background-color: #585858; }
.menu_btn span::before{content: ""; position: absolute; top: 10px; right: 0; width: 24px; height: 2px; background-color: #585858; }
.menu_btn span::after{content: ""; position: absolute; top: 20px; right: 0; width: 30px; height: 2px; background-color: #585858; }
.mb_menu{position: fixed; top: 0; right: -350px; z-index: 90; width: 300px; height: 100%; background-color: #141414; box-shadow: 5px 5px 5px 5px rgba(150,150,150,.2);
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.mb_menu.on{right: 0; }
.mb_menu .logo_area{display: flex; flex-direction: column-reverse; align-items: center; width: 100%; padding: 10px; box-sizing: border-box; }
.mb_menu .logo_area button{width: 25px; height: 25px; margin-bottom: 10px; }
.mb_menu .logo_area button span{position: relative; top: 0; display: block; width: 30px; height: 2px; background-color: #fff; transform: rotate(-45deg); }
.mb_menu .logo_area button span::before{content: ""; position: absolute; top: 0; right: 0; width: 30px; height: 2px; background-color: #fff; transform: rotate(90deg); }
.mb_menu .menu_area>li{border-bottom: 1px solid rgba(255,255,255,.1); }
.mb_menu .menu_area>li:first-child{border-top: 1px solid rgba(255,255,255,.1); }
.mb_menu .menu_area>li>button{position: relative; display: block; width: 100%; padding: 20px; font-size: 15px; color: #fff; text-align: left; }
.mb_menu .menu_area>li>button::before{content: ""; position: absolute; top: 50%; right: 15px; transform: rotate(-45deg); width: 7px; height: 1px; background-color: #fff; }
.mb_menu .menu_area>li>button::after{content: ""; position: absolute; top: 50%; right: 20px; transform: rotate(45deg); width: 7px; height: 1px; background-color: #fff; }
.mb_menu .menu_area>li ul{display: none; padding: 20px; background-color: #202020; box-sizing: border-box; overflow: hidden;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.mb_menu .menu_area>li ul li a{display: block; font-size: 14px; font-weight: 300; color: #fff; padding: 5px 0; }
.mb_menu .menu_area>li>button.on ~ ul{height: auto; padding: 20px; }
.mb_menu .menu_area>li>a{display: block; width: 100%; padding: 20px; font-size: 15px; color: #fff; }
.mb_menu .menu_area>li.contact_us{background: linear-gradient(132deg, #c52cff 0%, #9f0ed6 36%, #510c81 100%); border-bottom: 0; }

.main_banner{position: relative; width: 100%; height: calc(100vh - 75px); background-color: #fff; overflow: hidden; }
.main_banner_txt{position: relative; z-index: 5; display: flex; flex-direction: column; justify-content: center; max-width: 1380px; width: 100%; height: 100%; margin: 0 auto; }
.main_banner_txt h1{font-size: 96px; font-weight: 200; color: #9f0ed6; line-height: 1.2; background: -webkit-linear-gradient(-48deg, #c52cff 0%, #9f0ed6 36%,
#510c81 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.main_banner_txt h3{font-size: 40px; color: #9f0ed6; background: -webkit-linear-gradient(-48deg, #c52cff 0%, #9f0ed6 36%,
    #510c81 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.main_banner_txt .btn_area{margin-top: 65px; }
.main_banner_txt .btn_area a{display: inline-flex; align-items: center; height: 65px; padding: 0 10px 0 25px; border-radius: 33px; border: 1px solid #bb36ff; box-sizing: border-box; font-size: 18px; font-weight: 600; color: #9f0ed6; overflow: hidden; }
.main_banner_txt .btn_area span{display: inline-block; width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(132deg, #c52cff 0%, #9f0ed6 36%, #510c81 100%); margin-left: 20px; text-align: center; line-height: 40px; }
.main_banner_img{position: absolute; bottom: -55%; right: -3%; width: 55%; }
.main_banner .main_arrow{position: absolute; bottom: 60px; right: 80px; z-index: 10; display: flex; justify-content: center; align-items: center; width: 90px; height: 90px; border-radius: 50%; border: 2px solid #d4d4d4; box-sizing: border-box; animation: mainArrow .8s ease-out infinite alternate; }
@keyframes mainArrow {
    from{
        bottom: 40px;
    }
    to{
        bottom: 60px;
    }
}

section{position: relative; }
.container{position: relative; max-width: 1380px; width: 100%; margin: 0 auto; box-sizing: border-box; }
.container_1300{position: relative; max-width: 1300px; width: 100%; margin: 0 auto; box-sizing: border-box; }

.section_1{width: 100%; height: 100vh; background-color: #222; overflow: hidden; }
.section_1 .main_video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section_1 .main_video video{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 120%; height: 120%; }
.section_1 .cont_wrap{display: flex; align-items: center; width: 100%; height: 100%; }
.section_1 .container{display: flex; justify-content: space-between; align-items: flex-end; }
.section_1 .cont_left .txt_box{display: flex; justify-content: center; align-items: center; width: 540px; height: 540px; background: url("../img/box_bg.png") no-repeat 0 0; }
.section_1 .cont_left .txt_box h3{position: relative; font-size: 93px; font-weight: 200; color: #fff; line-height: 1.2; background: -webkit-linear-gradient(-48deg, #fff 0%, #d583ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.section_1 .cont_left .txt_box h3::before{content: ""; position: absolute; bottom: 50px; right: 0; width: 150px; height: 1px; background-color: #fff; }
.section_1 .cont_right{width: 600px; height: 580px; }
.section_1 .cont_right ul{display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; }
.section_1 .cont_right ul li h3{font-size: 46px; font-weight: 500; color: #fff; margin-bottom: 5px; }
.section_1 .cont_right ul li p{font-size: 18px; color: #fff; word-break: keep-all; }

.section_2{width: 100%; background-color: #f8f5f9; overflow: hidden; }
.section_2::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/section_2_bg.png") no-repeat 0 0; background-size: cover;}
.section_2 .container{padding-top: 200px; padding-bottom: 100px; }
.section_2 .cont_top{margin-bottom: 100px; }
.section_2 .cont_top h3{font-size: 52px; font-weight: 300; color: #4e2d8b; line-height: 1.2; word-break: keep-all; margin-bottom: 30px; background: -webkit-linear-gradient(-48deg, #c52cff 0%, #9f0ed6 36%,
#510c81 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.section_2 .cont_top h3 strong{font-weight: 500; }
.section_2 .cont_top .btn_area a{display: inline-flex; align-items: center; height: 65px; padding: 0 10px 0 25px; background-color: #fff; border-radius: 33px; border: 1px solid #bb36ff; box-sizing: border-box; font-size: 18px; font-weight: 600; color: #9f0ed6; overflow: hidden; }
.section_2 .cont_top .btn_area span{display: inline-block; width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(132deg, #c52cff 0%, #9f0ed6 36%, #510c81 100%); margin-left: 20px; text-align: center; line-height: 40px; }
.section_2 .cont_bottom ul{display: flex; justify-content: space-between; }
.section_2 .cont_bottom ul li{width: 430px; height: 300px; padding: 60px 35px 40px 45px; background-color: rgba(255,255,255,.8); box-sizing: border-box; }
.section_2 .cont_bottom ul li h3{font-size: 32px; font-weight: 500; color: #4e2d8b; margin-bottom: 15px; }
.section_2 .cont_bottom ul li p{height: 85px; margin-bottom: 40px; font-size: 18px; color: #4e2d8b; line-height: 1.6; word-break: keep-all; }
.section_2 .cont_bottom ul li a{position: relative; padding-left: 30px; font-size: 14px; font-weight: 600; color: #9f0ed6; }
.section_2 .cont_bottom ul li a::before{content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 3px; background-color: #9f0ed6; }

.section_3{width: 100%; padding: 110px 0; background: url("../img/section_3_bg.jpg") no-repeat 0 0; background-size: cover; }
.section_3 h1{font-size: 72px; font-weight: 200; color: #fff; text-align: center; margin-bottom: 80px; }
.section_3 p{font-size: 24px; color: #d1ace5; text-align: center; word-break: keep-all; }
.section_3 .com_list>ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.section_3 .com_list>ul>li{width: 200px; margin-bottom: 45px;}


footer{width: 100%; height: 400px; padding: 80px 0 200px; background-color: #161616; box-sizing: border-box; }
footer .cont_wrap{display: flex; justify-content: space-between; }
footer .cont_wrap .cont_left .footer_logo{margin-bottom: 25px; }
footer .cont_wrap .cont_left p{font-size: 16px; font-weight: 200; color: #afafaf; margin-bottom: 10px; }
footer .cont_wrap .cont_left p.copy_right{font-size: 14px; margin-bottom: 0; }
footer .cont_wrap .cont_right .footer_info{display: flex; }
footer .cont_wrap .cont_right .footer_info>ul:first-child{margin-right: 65px; }
footer .cont_wrap .cont_right .footer_info>ul>li{margin-bottom: 10px; }
footer .cont_wrap .cont_right .footer_info>ul>li:last-child{margin-bottom: 0; }
footer .cont_wrap .cont_right .footer_info>ul>li h3{font-size: 16px; font-weight: 200; color: #fff; letter-spacing: 0; margin-bottom: 5px; }
footer .cont_wrap .cont_right .footer_info>ul>li h3 img{margin-right: 10px; }
footer .cont_wrap .cont_right .footer_info>ul>li p{font-size: 16px; font-weight: 200; color: #afafaf; line-height: 1.6; word-break: keep-all; }

.sub_nav{position: relative; z-index: 2; padding-top: 35px; }
.sub_nav_list>ul{display: flex; justify-content: flex-end; align-items: center; }
.sub_nav_list>ul>li{position: relative; padding: 0 20px; box-sizing: border-box; font-size: 16px; font-weight: 500; color: #666; }
.sub_nav_list>ul>li.open{width: 200px; }
.sub_nav_list>ul>li.dep2 p{border-bottom: 1px solid #666; }
.sub_nav_list>ul>li:first-child{padding-left: 0; }
.sub_nav_list>ul>li:last-child{padding-right: 50px; }
.sub_nav_list>ul>li::before{content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 17px; background-color: #dbdbdb; }
.sub_nav_list>ul>li a{font-size: 16px; font-weight: 500; color: #666; }
.sub_nav_list>ul>li.open a img{margin-left: 45px; }
.sub_nav_list>ul>li.open::after{content: ""; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 9px; height: 6px; background: url("../img/nav_arrow.png") no-repeat 0 0; }
.sub_nav_list>ul>li .dep1{position: absolute; top: 23px; left: 0; width: 100%; max-height: 0; padding-top: 10px; overflow: hidden;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.sub_nav_list>ul>li.open:hover .dep1{max-height: 175px; }
.sub_nav_list>ul>li .dep1 ul li{width: 100%; height: 35px; padding: 0 20px; box-sizing: border-box; }
.sub_nav_list>ul>li .dep1 ul li a{display: block; width: 100%; height: 100%; line-height: 35px;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.sub_nav_list>ul>li .dep1 ul li a:hover{color: #9f0ed6; }

.sub_cont_wrap{position: relative; padding: 100px 0 200px; overflow: hidden; }
.sub_cont_wrap::before{content: ""; position: absolute; top: 0; right: 0; z-index: -1; width: 100%; height: 100%; background: url("../img/section_2_bg.png") no-repeat 0 0; background-size: cover;}
.sub_cont_wrap.green::before{top: 500px; right: -85px; width: 1579px; height: 1904px; background: url("../img/sub_bg_green.png") no-repeat 0 0; }
.sub_cont_wrap.blue::before{top: 500px; right: -85px; width: 1579px; height: 1904px; background: url("../img/sub_bg_blue.png") no-repeat 0 0; }
.sub_cont_wrap .title_wrap{text-align: center; margin-bottom: 60px; }
.sub_cont_wrap .title_wrap h3{font-size: 30px; font-weight: 700; color: #233249; word-break: keep-all; }
.sub_cont_wrap .title_wrap h1{font-size: 52px; font-weight: 500; word-break: keep-all; margin-top: 60px; background: -webkit-linear-gradient(-48deg, #c52cff 35%, #9f0ed6 45%,
#510c81 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sub_cont_wrap.green .title_wrap h1{background: -webkit-linear-gradient(-48deg, #00e164 35%, #00c356 45%, #00a94c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sub_cont_wrap.blue .title_wrap h1{background: -webkit-linear-gradient(-48deg, #68bdff 35%, #37a8ff 45%, #0090ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sub_cont_wrap .title_wrap h5{font-size: 63px; font-weight: 200; word-break: keep-all; background: -webkit-linear-gradient(-48deg, #c52cff 35%, #9f0ed6 45%,
#510c81 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.sub_cont_wrap .board_title_wrap{padding-bottom: 50px; border-bottom: 1px solid #eee; margin-bottom: 100px; }
.sub_cont_wrap .board_title_wrap h1{display: inline-block; font-size: 52px; font-weight: 500; word-break: keep-all; margin-bottom: 40px; background: -webkit-linear-gradient(-48deg, #c52cff 35%, #9f0ed6 45%,
#510c81 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sub_cont_wrap .board_title_wrap .tab_menu>ul{display: flex; }
.sub_cont_wrap .board_title_wrap .tab_menu>ul>li{margin-right: 10px; }
.sub_cont_wrap .board_title_wrap .tab_menu>ul>li:last-child{margin-right: 0; }
.sub_cont_wrap .board_title_wrap .tab_menu>ul>li a{display: inline-block; min-width: 150px; padding: 10px 25px; border-radius: 18px; font-size: 18px; font-weight: 500; text-align: center; line-height: 1; box-sizing: border-box;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.sub_cont_wrap .board_title_wrap .tab_menu>ul>li a:hover{background-color: #c52cff; color: #fff; }
.sub_cont_wrap .board_title_wrap .tab_menu>ul>li.on a{background-color: #c52cff; color: #fff; }
.bg_gray{background-color: #f8f5f9; }

.about_cont{margin-bottom: 180px; }
/* .about_cont .about_img{position: relative; z-index: -2; text-align: center; } */
.about_cont .about_list{margin-bottom: 120px; }
.about_cont .about_list:last-child{margin-bottom: 0; }
.about_cont .about_list>h3{font-size: 28px; font-weight: 600; margin-bottom: 65px; }
.about_cont .about_list>ul{display: flex; justify-content: center; }
.about_cont .about_list>ul>li{position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; width: 330px; height: 320px; margin-right: 20px; padding-top: 30px; box-sizing: border-box; }
.about_cont .about_list>ul>li:last-child{margin-right: 0; }
.about_cont .about_list>ul>li::before{content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 327px; height: 338px; background: url("../img/polygon.png") no-repeat 0 0; }
.about_cont .about_list>ul>li span{display: block; font-size: 24px; font-weight: 600; color: #c52cff; text-align: center; border-bottom: 2px solid #c52cff; margin-bottom: 35px; }
.about_cont .about_list>ul>li h3{font-size: 24px; font-weight: 600; margin-bottom: 20px; }
.about_cont .about_list>ul>li p{font-size: 18px; }
.about_cont p{font-size: 22px; text-align: center; word-break: keep-all; }

.history_cont_wrap{padding-bottom: 180px;}
.history_cont_list{display: flex; flex-direction: column; align-items: center; }
.history_cont{position: relative; display: flex; width: 100%; }
.history_cont.left{justify-content: space-between;}
.history_cont.right{justify-content: flex-end;}
.history_cont>ul{position: relative; width: 50%; padding: 0 35px 30px; box-sizing: border-box; }
.history_cont::before{content: ""; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 3px; height: 100%; background-color: #9f0ed6; }
.history_cont>ul::after{content: ""; position: absolute; top: 10px; left: -10px; width: 20px; height: 20px; border-radius: 50%; background-color: #9f0ed6; }
.history_cont>ul>li{position: relative; margin-bottom: 25px; }
.history_cont.left>ul::after{left: inherit; right: -10px; }
.history_cont.left>ul>li{text-align: right; }
.history_cont>ul>li.year{font-size: 30px; font-weight: 700; color: #9f0ed6; }
.history_cont>ul>li h3{font-size: 25px; font-weight: 600; }
.history_cont>ul>li p{font-size: 25px; font-weight: 500; word-break: keep-all; }
.history_cont:first-child .history_img{height: 100%; }
/* .history_img{display: flex; justify-content: flex-end; align-items: center; width: 50%; padding: 20px 140px 0 0; box-sizing: border-box; }
.history_cont.left .history_img{justify-content: flex-start; padding: 20px 0 0 140px; }
.history_img>ul{display: flex; justify-content: flex-end; }
.history_img.two{padding-right: 40px; }
.history_img.two>ul>li:first-child{margin-right: 50px; } */

.member_list ul{display: flex; flex-wrap: wrap;}
.member_list ul li{position: relative; flex: 0 0 20%; margin: 2.5%; text-align: center;}
.member_list ul li:nth-child(4n){margin-left: 27.5%;}
.member_list ul li .txt_area{padding-top: 15px;}
.member_list ul li .name{font-size: 20px; font-weight: 700; color: #9f0ed6; margin-bottom: 5px;}
.member_list ul li .job{font-size: 18px; font-weight: 500;}
.member_list ul li .career{font-size: 16px; font-weight: 300;}

.location_wrap .map_area{width: 100%; height: auto; aspect-ratio: auto 2.3/1; margin-bottom: 65px; }
.location_wrap .map_area iframe{width: 100%; height: 100%; }
.location_wrap .area_img{margin-bottom: 65px; }
.location_wrap .area_img>ul{display: flex; justify-content: space-between; }
.location_wrap .area_img>ul>li{width: 48%; aspect-ratio: auto 1.5/1; overflow: hidden; }
.location_wrap .location_tb tbody tr{border-bottom: 1px solid #eee; }
.location_wrap .location_tb tbody tr:first-child{background-color: #c52cff; color: #fff; border-top: 1px solid #eee; }
.location_wrap .location_tb tbody th{padding: 10px 5px; border-right: 1px solid #eee; font-size: 20px; font-weight: 500; word-break: keep-all; }
.location_wrap .location_tb td{padding: 10px 5px; font-size: 20px; font-weight: 500; text-align: center; word-break: keep-all; }

.board_wrap .more_btn{text-align: center; }
.board_wrap .more_btn button{width: 150px; height: 50px; border-radius: 25px; border: 1px solid #222; font-size: 20px; font-weight: 500;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.board_wrap .more_btn button:hover{background-color: #c52cff; border-color: #c52cff; color: #fff; }

.news_wrap .news_list{margin-bottom: 100px; }
.news_wrap .news_list>ul>li{display: flex; justify-content: space-between; margin-bottom: 100px; }
.news_wrap .news_list>ul>li .txt_wrap{width: calc(100% - 500px); margin-right: 10px; }
.news_wrap .news_list>ul>li .txt_wrap a{height: 70px; margin-bottom: 20px; font-size: 25px; font-weight: 600; word-break: keep-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_wrap .news_list>ul>li .txt_wrap p{height: 85px; margin-bottom: 40px; font-size: 20px; color: #767676; word-break: keep-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.news_wrap .news_list>ul>li .txt_wrap span{font-size: 20px; font-weight: 500; color: #767676; }
.news_wrap .news_list>ul>li .img_wrap{position: relative; width: 380px; height: 250px; border-radius: 15px; background-color: #222; overflow: hidden; }
.news_wrap .news_list>ul>li .img_wrap a{display: block; width: 100%; height: 100%; }
.news_wrap .news_list>ul>li .img_wrap img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.notice_wrap .notice_list{margin-bottom: 100px; }
.notice_list>ul{display: flex; flex-wrap: wrap; justify-content: space-between; }
.notice_list>ul>li{width: 49%; padding: 50px 0; border-bottom: 1px solid #eee; box-sizing: border-box; }
.notice_list>ul>li a{height: 55px; margin-bottom: 20px; font-size: 20px; font-weight: 600; word-break: keep-all; word-wrap: break-word; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.notice_list>ul>li p{font-size: 20px; font-weight: 500; color: #767676; }

.board_detail_title{position: relative; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 2px solid #c52cff; }
.board_detail_title h3{font-size: 24px; font-weight: 700; line-height: 1.2; word-break: keep-all; word-wrap: break-word; margin-bottom: 10px; }
.board_detail_title p{font-size: 16px; font-weight: 500; color: #999; }
.board_detail_title .bo_v_com{float: inherit; }
.board_detail_cont{min-height: 200px; height: auto; border-bottom: 2px solid #c52cff; box-sizing: border-box; }
#bo_w .bo_w_tit .frm_input{height: auto; }
#bo_w .bo_w_link .frm_input{height: auto; }
#bo_w .bo_w_flie .frm_file{height: auto; }
.btn_submit{background-color: #c52cff; color: #fff; }
.container_1300.board_write{padding: 60px 0; }

.service .title_wrap{margin-bottom: 150px; }
.service_cont{margin-bottom: 200px; text-align: center; }
.service_cont:last-child{margin-bottom: 0; }
.service_cont>h1{display: inline-block; font-size: 52px; font-weight: 500; text-align: center; word-break: keep-all; margin-bottom: 65px; background: -webkit-linear-gradient(-48deg, #c52cff 35%, #9f0ed6 45%, #510c81 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.service_cont>h3{font-size: 63px; font-weight: 200; color: #9f0ed6; text-align: center; margin-bottom: 45px; background: -webkit-linear-gradient(-48deg, #c52cff 35%, #9f0ed6 45%, #510c81 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.service_cont .service_img{text-align: center; }
.service_cont .circle_title{width: 440px; height: 80px; border-radius: 40px; background-color: #c52cff; margin: 0 auto 65px; font-size: 25px; font-weight: 600; color: #fff; text-align: center; line-height: 80px; }
.service_cont .service_list{margin-bottom: 120px; }
.service_cont .service_list:last-child{margin-bottom: 0; }
.service_cont .service_list>h3{font-size: 28px; font-weight: 600; margin-bottom: 65px; }
.service_cont .service_list>ul{display: flex; justify-content: center; }
.service_cont .service_list>ul>li{position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; width: 330px; height: 320px; margin-right: 20px; padding-top: 30px; box-sizing: border-box; }
.service_cont .service_list>ul>li:last-child{margin-right: 0; }
.service_cont .service_list>ul>li::before{content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 327px; height: 338px; background: url("../img/polygon.png") no-repeat 0 0; }
.service_cont .service_list>ul>li span{display: block; font-size: 24px; font-weight: 600; color: #c52cff; text-align: center; border-bottom: 2px solid #c52cff; margin-bottom: 35px; }
.service_cont .service_list>ul>li h3{font-size: 24px; font-weight: 600; margin-bottom: 20px; }
.service_cont .service_list>ul>li p{font-size: 18px; }

.case_list>ul{display: flex; flex-wrap: wrap; justify-content: space-between; }
.case_list>ul>li{width: 48%; padding-top: 30px; border-top: 3px solid #8f0fc6; margin-bottom: 65px; box-sizing: border-box; }
.case_list>ul>li h3{position: relative; display: inline-block; padding-right: 30px; font-size: 32px; font-weight: 700; margin-bottom: 20px; }
.case_list>ul>li h3::after{content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 20px; height: 3px; background-color: #9f0ed6; }
.case_list>ul>li .case_txt{height: auto;}
.case_list>ul>li .case_txt p{font-size: 20px; font-weight: 600; color: #9f0ed6; word-break: keep-all; margin-bottom: 15px; }
.case_list>ul>li .case_txt span{font-size: 18px; word-break: keep-all; }
.case_list>ul>li .case_img{position: relative; width: 100%; height: 300px; margin-top: 40px; overflow: hidden; }
.case_list>ul>li .case_img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }

.solution_cont{margin-bottom: 120px; }
.solution_cont:last-child{margin-bottom: 0; }
/*.solution_slide{position: relative; }*/
/*.solution_slide>div{position: relative; width: 100%; height: 540px; }*/
/*.solution_slide .solution_img{position: absolute; top: 0; right: -200px; z-index: 3; transform: scale(80%) translateZ(0) !important; width: 900px; height: auto; aspect-ratio: auto 16/9; border-radius: 15px; background-color: #222; }*/
/*.solution_slide .solution_img.active{right: 0; z-index: 5; transform: scale(100%);}*/
/*.solution_slide .solution_img.next{right: -100px; z-index: 4; transform: scale(90%); background-color: #c52cff; }*/
/*.solution_slide .swiper-slide-active{right: 0; z-index: 5; transform: scale(100%) translateZ(0) !important; }*/
/*.solution_slide .swiper-slide-next{right: -100px; z-index: 4; transform: scale(90%) translateZ(0) !important; background-color: #c52cff; }*/
.solution_slide_wrap{animation: 0.75s cubic-bezier(0.31, 0.27, 0.15, 0.99) 0.3s 1 normal forwards running esBuRA; }
.solution_slide{position: relative; padding: 20px; width: 65vw; max-width: 970px; margin: 0px auto; user-select: none; box-sizing: border-box; }
.solution_slide>div{position: relative; max-width: 1220px; height: 60vw; max-height: 600px; overflow: visible; transition: all 300ms cubic-bezier(0.31, 0.27, 0.15, 0.99) 0s; }
.solution_slide .solution_img{z-index: 4; position: absolute; top: 0px; left: 50%; width: 65vw; max-width: 970px; max-height: 540px; border-radius: 10px; transform: translateX(calc(-50%)) scale(1); filter: blur(0px); transition: filter 300ms cubic-bezier(0.31, 0.27, 0.15, 0.99) 0s, transform 300ms cubic-bezier(0.31, 0.27, 0.15, 0.99) 0s, width 300ms cubic-bezier(0.31, 0.27, 0.15, 0.99) 0s; will-change: transform, opacity; }
.solution_slide .solution_img.solution_img_2{z-index: 3; transform: translateX(calc(-37%)) scale(0.9); filter: blur(2px); }
.solution_slide .solution_img.solution_img_3{z-index: 2; transform: translateX(calc(-24%)) scale(0.8); filter: blur(4px); }
.solution_slide .solution_img>img{width: 100%; height: 100%; object-fit: cover; border-radius: 10px; box-shadow: rgba(76, 85, 107, 0.08) 0px 16px 24px, rgba(75, 89, 108, 0.12) 0px 8px 100px; overflow: hidden; }
.solution_slide_txt{max-width: 960px; width: 100%; margin: 0 auto; text-align: center;}
.solution_slide_txt h3{font-size: 30px; font-weight: 300; color: #333; margin-bottom: 60px; }
.solution_slide_txt p{font-size: 22px; color: #333; word-break: keep-all; }
.solution_cont .solution_list>ul{display: flex; justify-content: space-between; }
.solution_cont .solution_list>ul>li{position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; width: 330px; height: 320px; padding-top: 30px; text-align: center; box-sizing: border-box; }
.solution_cont .solution_list>ul>li:last-child{margin-right: 0; }
.solution_cont .solution_list>ul>li::before{content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 327px; height: 338px; background: url("../img/polygon.png") no-repeat 0 0; }
.solution_cont .solution_list>ul>li span{display: block; font-size: 24px; font-weight: 600; color: #c52cff; text-align: center; border-bottom: 2px solid #c52cff; margin-bottom: 35px; }
.solution_cont .solution_list>ul>li h3{font-size: 24px; font-weight: 600; margin-bottom: 20px; }
.solution_cont .solution_list>ul>li p{font-size: 18px; }
.solution_cont .solution_service>h3{font-size: 40px; font-weight: 500; text-align: center; word-break: keep-all; margin-bottom: 120px; background: -webkit-linear-gradient(-48deg, #c52cff 35%, #9f0ed6 45%, #510c81 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.solution_cont .solution_service>ul{display: flex; justify-content: space-between; }
.solution_cont .solution_service>ul>li{width: 30%; text-align: center; }
.solution_cont .solution_service>ul>li img{margin-bottom: 20px; }
.solution_cont .solution_service>ul>li h3{font-size: 32px; font-weight: 500; margin-bottom: 20px; }
.solution_cont .solution_service>ul>li span{font-size: 20px; font-weight: 600; background: -webkit-linear-gradient(-48deg, #c52cff 35%, #9f0ed6 45%, #510c81 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.solution_cont .solution_service>ul>li p{font-size: 20px; line-height: 1.6; word-break: keep-all; }
.solution .solution_award{text-align: center; }
.solution .solution_award>h3{display: inline-block; font-size: 40px; font-weight: 600; color: #9f0ed6; margin-bottom: 60px; background: -webkit-linear-gradient(-48deg, #c52cff 35%, #9f0ed6 45%, #510c81 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.solution .solution_award>ul{display: flex; justify-content: space-between; }

.esg_cont .esg_cont_head{max-width: 875px; width: 100%; height: 80px; border-radius: 40px; border: 2px solid #009f47; background-color: #fff; margin: 0 auto 65px; box-sizing: border-box; }
.esg_cont .esg_cont_head h3{font-size: 25px; font-weight: 600; text-align: center; line-height: 76px; word-break: keep-all; background: -webkit-linear-gradient(-48deg, #00e164 35%, #00c356 45%, #00a94c 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.esg_cont .esg_list{position: relative; padding-bottom: 100px; margin-bottom: 100px; }
.esg_cont .esg_list::after{content: ""; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); width: 48px; height: 56px; background: url("../img/down_arrow_green.png") no-repeat 0 0; }
.esg_cont .esg_list>ul{display: flex; justify-content: space-between; }
.esg_cont .esg_list>ul>li{width: 385px; }
.esg_cont .esg_list>ul>li h3{max-width: 385px; width: 100%; height: 80px; border-radius: 40px; background-color: #009f47; margin-bottom: 40px; font-size: 25px; font-weight: 600; color: #fff; text-align: center; line-height: 80px; }
.esg_cont .esg_list>ul>li p{font-size: 18px; color: #009f47; line-height: 1.6; word-break: keep-all; margin-bottom: 10px; }
.esg_cont .esg_list>ul>li p:last-child{margin-bottom: 0; }
.esg_cont .esg_box{width: 100%; padding: 80px 50px; border: 2px solid #009f47; box-sizing: border-box; }
.esg_cont .esg_box>ul{display: flex; justify-content: space-between; align-items: center; }
.esg_cont .esg_box>ul>li{width: 25%; font-size: 25px; font-weight: 600; color: #009f47; text-align: center; word-break: keep-all; }

.fin_studio_cont .fin_studio_cont_head{max-width: 440px; width: 100%; height: 80px; border-radius: 40px; background-color: #0090ff; margin: 0 auto 65px; }
.fin_studio_cont .fin_studio_cont_head h3{font-size: 25px; font-weight: 600; color: #fff; text-align: center; line-height: 80px; }
.fin_studio_list>ul{display: flex; flex-wrap: wrap; justify-content: center; }
.fin_studio_list>ul>li{position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 317px; height: 337px; margin-right: 10px; text-align: center; box-sizing: border-box; }
.fin_studio_list>ul>li:nth-child(4){margin-right: 0; }
.fin_studio_list>ul>li:last-child{margin-right: 0; }
.fin_studio_list>ul>li::before{content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 317px; height: 337px; background: url("../img/polygon_blue.png") no-repeat center center; }
.fin_studio_list>ul>li span{display: block; font-size: 24px; font-weight: 600; color: #0090ff; text-align: center; border-bottom: 2px solid #0090ff; margin-bottom: 35px; }
.fin_studio_list>ul>li h3{font-size: 24px; font-weight: 600; margin-bottom: 20px; }
.fin_studio_list>ul>li p{font-size: 18px; }

.contact_banner{display: flex; justify-content: space-between; width: 100%; height: 150px; margin-bottom: 40px; background: url("../img/contact_banner_bg.jpg") no-repeat center center; background-size: cover; box-sizing: border-box; }
.contact_banner>div{width: 33%; padding: 20px 10px; box-sizing: border-box; }
.contact_banner h3{font-size: 16px; font-weight: 500; color: #c3d2dc; letter-spacing: 2.5px; margin-bottom: 5px; }
.contact_banner p{font-size: 16px; color: #fff; word-break: keep-all; }
.contact_banner .cont_mid{height: 100%; border-left: 1px solid rgba(255,255,255,.17); border-right: 1px solid rgba(255,255,255,.17); padding: 0; }
.contact_banner .cont_mid>ul{height: 100%; }
.contact_banner .cont_mid>ul>li{height: 50%; border-bottom: 1px solid rgba(255,255,255,.17); padding: 10px 20px; box-sizing: border-box; }
.contact_banner .cont_mid>ul>li:last-child{border-bottom: 0; }
.contact_banner .cont_right{display: flex; justify-content: flex-end; align-items: center; }
.contact_cont>p{font-size: 18px; font-weight: 300; color: #868686; margin-bottom: 20px; }
.contact_cont .contact_form{border-top: 1px solid #222; }
.contact_cont .cont_input{width: 100%; padding: 10px 0; border-bottom: 1px solid #f1eeee; }
.contact_cont .cont_input>ul>li{display: flex; align-items: center; }
.contact_cont .cont_input.input_2>ul{display: flex; justify-content: space-between; }
.contact_cont .cont_input.input_2>ul>li{width: 49%; margin-right: 5px; }
.contact_cont .cont_input.input_2>ul>li:last-child{margin-right: 0; }
.contact_cont .cont_input>ul>li h3{width: 100px; font-size: 18px; }
.contact_cont .cont_input>ul>li h3 strong{color: #c52cff; }
.contact_cont .cont_input>ul>li input{width: calc(100% - 105px); height: 50px; background-color: #f4f4f4; border-radius: 0; border: 0; font-size: 16px; font-weight: 300; }
.contact_cont .cont_input>ul>li textarea{width: calc(100% - 105px); height: 250px; background-color: #f4f4f4; border-radius: 0; border: 0; font-size: 16px; font-weight: 300; }
.contact_cont .cont_input>ul>li.text_area{align-items: flex-start; }
.contact_cont .cont_input>ul>li.text_area h3{margin-top: 5px; }
.contact_cont .form_policy_cont{margin-top: 40px; }
.contact_cont .form_policy_cont h3{font-size: 24px; font-weight: 500; margin-bottom: 20px; }
.contact_cont .form_policy_cont .policy_box{width: 100%; height: 250px; padding: 25px 20px; margin-bottom: 50px; border: 1px solid #dcdcdc; overflow-y: scroll; box-sizing: border-box; }
.contact_cont .form_policy_cont .policy_box pre{font-size: 16px; font-weight: 300; line-height: 1.6; overflow: auto; }
.contact_cont .form_policy_cont .policy_agree{display: flex; justify-content: center; align-items: center; }
.contact_cont .form_policy_cont .policy_agree input[type=checkbox]{display: none; }
.contact_cont .form_policy_cont .policy_agree .check_box{position: relative; width: 24px; height: 24px; border: 1px solid #dcdcdc; background-color: transparent; margin-right: 10px; box-sizing: border-box; cursor: pointer; }
.contact_cont .form_policy_cont .policy_agree .check_box::before{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; width: 16px; height: 12px; background: url("../img/check_icon.png") no-repeat 0 0; }
.contact_cont .form_policy_cont .policy_agree input[type=checkbox]:checked ~ .check_box{background: linear-gradient(132deg, #c52cff 0%, #9f0ed6 36%, #510c81 100%); border: 0; }
.contact_cont .form_policy_cont .policy_agree input[type=checkbox]:checked ~ .check_box::before{display: block; }
.contact_cont .form_policy_cont .policy_agree label{font-size: 18px; font-weight: 300; border-bottom: 1px solid rgba(0,0,0,0); cursor: pointer;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.contact_cont .form_policy_cont .policy_agree label:hover{border-bottom: 1px solid #222; }
.contact_cont .btn_area{margin-top: 40px; text-align: center; }
.contact_cont .btn_area button{width: 220px; height: 60px; border: 1px solid #9f0ed6; border-radius: 5px; font-size: 18px; font-weight: 500; color: #9f0ed6;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.contact_cont .btn_area button:hover{background: linear-gradient(132deg, #c52cff 0%, #9f0ed6 36%, #510c81 100%); border-color: transparent; color: #fff; }

.resource_list>ul{display: flex; flex-wrap: wrap; }
.resource_list>ul>li{position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 31.7%; height: auto; aspect-ratio: auto 1.38/1; border-radius: 15px; background-color: #222; margin-right: 25px; margin-bottom: 25px; overflow: hidden; }
.resource_list>ul>li:nth-child(3n){margin-right: 0; }
.resource_list>ul>li .btn_area{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; }
.resource_list>ul>li .btn_area a{display: block; width: 150px; height: 50px; border-radius: 25px; background-color: #fff; border: 1px solid #c52cff; font-size: 20px; font-weight: 600; color: #c52cff; text-align: center; line-height: 50px; box-sizing: border-box;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.resource_list>ul>li .btn_area a:hover{background-color: #c52cff; color: #fff; }
.resource_list>ul>li .gall_img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; width: 100%; height: 100%; }
.resource_list>ul>li .gall_img img{width: 100%; object-fit: cover;}
.resource_download_form{max-width: 800px; width: 100%; margin: 0 auto; }
.resource_download_form .input_list{margin-bottom: 40px; }
.resource_download_form .input_list>li{display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 20px; }
.resource_download_form .input_list>li:last-child{margin-bottom: 0; }
.resource_download_form .input_list>li p{width: 100px; margin-right: 10px; font-size: 18px; }
.resource_download_form .input_list>li p strong{color: #c52cff; }
.resource_download_form .input_list>li input{width: calc(100% - 110px); height: 50px; background-color: #f4f4f4; border-radius: 0; border: 0; font-size: 16px; font-weight: 300; }
.resource_download_form .terms_box{width: 100%; height: 250px; border: 1px solid #6c00b7; padding: 15px; margin-bottom: 40px; box-sizing: border-box; overflow-y: scroll; }
.resource_download_form .terms_box pre{font-size: 16px; font-weight: 300; line-height: 1.6; overflow: auto; }
.resource_download_form .agree{display: flex; justify-content: center; align-items: center; margin-bottom: 40px; }
.resource_download_form .agree input[type=checkbox]{display: none; }
.resource_download_form .agree .check_box{position: relative; width: 24px; height: 24px; border: 1px solid #dcdcdc; background-color: transparent; margin-right: 10px; box-sizing: border-box; cursor: pointer; }
.resource_download_form .agree .check_box::before{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; width: 16px; height: 12px; background: url("../img/check_icon.png") no-repeat 0 0; }
.resource_download_form .agree input[type=checkbox]:checked ~ .check_box{background: linear-gradient(132deg, #c52cff 0%, #9f0ed6 36%, #510c81 100%); border: 0; }
.resource_download_form .agree input[type=checkbox]:checked ~ .check_box::before{display: block; }
.resource_download_form .agree label{font-size: 18px; font-weight: 300; border-bottom: 1px solid rgba(0,0,0,0); cursor: pointer;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.resource_download_form .agree label:hover{border-bottom: 1px solid #222; }
.resource_download_form .btn_area{text-align: center; }
.resource_download_form .btn_area a{display: block; width: 170px; height: 50px; border-radius: 30px; border: 1px solid #bb36ff; background-color: #fff; font-size: 18px; font-weight: 600; color: #bb36ff; text-align: center; line-height: 50px; margin: 0 auto;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}
.resource_download_form .btn_area a:hover{background-color: #bb36ff; color: #fff; }

@media screen and (max-width: 1380px) {
    .in_header{padding: 0 20px; }
    .container{padding: 0 20px; }
    .main_banner_txt{padding: 0 20px; box-sizing: border-box; }

    .section_2 .cont_bottom ul{flex-wrap: wrap; }
    .section_2 .cont_bottom ul li{margin-bottom: 40px; }
}

@media screen and (max-width: 1300px) {
    .container_1300{padding: 0 20px; }

    .solution_cont .solution_list>ul{flex-wrap: wrap; }
    .solution_cont .solution_list>ul>li{margin-bottom: 30px; }
}

@media screen and (max-width: 1200px) {
    .header_menu{display: none; }
    .in_header .cont_right .language,
    .in_header .cont_right .contact_us{display: none; }
    .menu_btn{display: block; }
    .main_banner{height: auto; padding: 100px 0; }
    .main_banner_img{display: none; }
    .main_banner .main_arrow{display: none; }

    .main_banner_txt h1{font-size: 82px; }

    .section_1{height: auto; padding: 100px 0; }
    .section_1 .container{flex-direction: column; align-items: center; }
    .section_1 .cont_left{margin-bottom: 60px; }
    .section_1 .cont_left .txt_box{width: 480px; height: 480px; }
    .section_1 .cont_left .txt_box h3{font-size: 82px; }
    .section_1 .cont_right{width: 100%; height: auto; }
    .section_1 .cont_right ul{justify-content: flex-start; align-items: center; }
    .section_1 .cont_right ul li{text-align: center; margin-bottom: 60px; }
    .section_1 .cont_right ul li:last-child{margin-bottom: 0; }
    .section_1 .main_video video{width: auto; height: 100%; }

    .section_2 .cont_top h3{font-size: 42px; }

    .section_3 h1{font-size: 62px; }
    .section_3 p{font-size: 21px; }
    .section_3 .com_list>ul>li{text-align: center; }

    .sub_cont_wrap .title_wrap h1{font-size: 42px; }

    .about_cont .about_list>ul{flex-direction: column; align-items: center; }
    .about_cont .about_list>ul>li{margin-right: 0; margin-bottom: 40px; }
    .about_cont .about_list>ul>li:last-child{margin-bottom: 0; }

    .service_cont>h1{font-size: 42px; }
    .service_cont>h3{font-size: 42px; }
    .service_cont .service_list>ul{flex-direction: column; align-items: center; }
    .service_cont .service_list>ul>li{margin-right: 0; margin-bottom: 40px; }
    .service_cont .service_list>ul>li:last-child{margin-bottom: 0; }

    .case_list>ul>li{width: 100%; }

    .sub_cont_wrap .title_wrap h5{font-size: 42px; }

    .esg_cont .esg_list>ul{flex-direction: column; align-items: center; }
    .esg_cont .esg_list>ul>li{display: flex; flex-direction: column; align-items: center; width: 100%; margin-bottom: 60px; }
    .esg_cont .esg_list>ul>li:last-child{margin-bottom: 0; }
    .esg_cont .esg_box>ul{flex-wrap: wrap; }
    .esg_cont .esg_box>ul>li{width: 50%; margin-bottom: 80px; }
    .esg_cont .esg_box>ul>li:nth-child(3),
    .esg_cont .esg_box>ul>li:last-child{margin-bottom: 0; }

    .fin_studio_list>ul{flex-direction: column; align-items: center; }
    .fin_studio_list>ul>li{margin-right: 0; margin-bottom: 40px; }
    .fin_studio_list>ul>li:last-child{margin-bottom: 0; }

    .resource_list>ul{justify-content: space-between; }
    .resource_list>ul>li{width: 45%; }
    .resource_list>ul>li:nth-child(2n){margin-right: 0; }
}

@media screen and (max-width: 1024px) {
    .member_list ul li{flex: 0 0 31%; margin: 0 1.16%;}
    .member_list ul li:nth-child(4n){margin: 0 1.16%;}
}



@media screen and (max-width: 768px) {
    .main_banner_txt h1{font-size: 62px; }
    .section_1 .cont_left .txt_box{width: auto; height: auto; padding: 40px; }
    .section_1 .cont_left .txt_box h3{font-size: 68px; }
    .section_1 .cont_left .txt_box h3::before{display: none; }
    .section_1 .cont_right ul li h3{font-size: 32px; }
    .section_1 .cont_right ul li p{font-size: 16px; }

    .section_2 .cont_top h3{font-size: 36px; }
    .section_2 .cont_bottom ul{justify-content: center; }
    .section_2 .cont_bottom ul li{height: auto; padding: 40px; }
    .section_2 .cont_bottom ul li h3{font-size: 28px; }
    .section_2 .cont_bottom ul li p{height: auto; font-size: 16px; }

    .section_3 h1{font-size: 48px; }
    .section_3 p{font-size: 18px; }
    .section_3 p br{display: none; }

    footer{height: auto; padding: 80px 0; }
    footer .cont_wrap{flex-direction: column; }
    footer .cont_wrap .cont_left{margin-bottom: 40px; }
    footer .cont_wrap .cont_right .footer_info{flex-direction: column; }
    footer .cont_wrap .cont_right .footer_info>ul:first-child{margin-right: 0; }
    footer .cont_wrap .cont_right .footer_info>ul>li{margin-bottom: 20px; }
    footer .cont_wrap .cont_right .footer_info>ul>li:last-child{margin-bottom: 20px; }
    footer .cont_wrap .cont_right .footer_info>ul>li p br{display: none; }

    .sub_cont_wrap::before{display: none; }
    .sub_cont_wrap .title_wrap h3{font-size: 21px; }
    .sub_cont_wrap .title_wrap h1{font-size: 32px; }
    .sub_cont_wrap .title_wrap h1 br{display: none; }
    .sub_cont_wrap .title_wrap h5{font-size: 32px; }

    .about_cont p{font-size: 18px; }
    .history_cont::before{left: 0; }
    .history_cont .history_img{display: none; }
    .history_cont>ul{width: 100%; }
    .history_cont.left>ul::after{right: inherit; left: -10px; }
    .history_cont.left>ul>li{text-align: left; }
    .history_cont>ul>li h3{font-size: 18px; margin-bottom: 5px; }
    .history_cont>ul>li p{font-size: 16px; }

    .about_cont .about_list>h3{font-size: 21px; }
    .about_cont .about_list>ul>li span{font-size: 21px; }
    .about_cont .about_list>ul>li h3{font-size: 18px; }
    .about_cont .about_list>ul>li p{font-size: 16px; }

    .member_list ul li{flex: 100%; margin: 50px 1.16%;}
    .member_list ul li:nth-child(4n){margin: 50px 1.16%;}
    .member_list ul li:last-child{margin-bottom: 0;}
    

    .location_wrap .area_img>ul{flex-direction: column; }
    .location_wrap .area_img>ul>li{width: 100%; margin-bottom: 30px; }
    .location_wrap .area_img>ul>li:last-child{margin-bottom: 0; }
    .location_wrap .location_tb tbody th{font-size: 16px; }
    .location_wrap .location_tb td{font-size: 16px; }

    .sub_cont_wrap .board_title_wrap h1{font-size: 38px; }
    .sub_cont_wrap .board_title_wrap .tab_menu>ul>li a{min-width: 120px; font-size: 16px; }
    .news_wrap .news_list>ul>li{flex-direction: column-reverse; }
    .news_wrap .news_list>ul>li .txt_wrap{width: 100%; }
    .news_wrap .news_list>ul>li .txt_wrap a{height: 52px; font-size: 18px; }
    .news_wrap .news_list>ul>li .txt_wrap p{height: 67px; font-size: 16px; }
    .news_wrap .news_list>ul>li .txt_wrap span{font-size: 16px; }
    .news_wrap .news_list>ul>li .img_wrap{width: 100%; margin-bottom: 30px; }

    .notice_list>ul>li{width: 100%; }
    .notice_list>ul>li a{height: auto; font-size: 18px; }
    .notice_list>ul>li p{font-size: 16px; }

    .board_wrap .more_btn button{width: 120px; height: 45px; font-size: 18px; }

    .board_detail_title h3{font-size: 21px; }

    .service_cont>h1{font-size: 32px; }
    .service_cont>h3{font-size: 32px; }
    .service_cont .circle_title{width: 100%; height: 50px; font-size: 18px; line-height: 50px; }
    .service_cont .service_list>h3{font-size: 21px; }
    .service_cont .service_list>ul>li span{font-size: 21px; }
    .service_cont .service_list>ul>li h3{font-size: 18px; }
    .service_cont .service_list>ul>li p{font-size: 16px; }

    .case_list>ul>li h3{font-size: 26px; }
    .case_list>ul>li p{font-size: 18px; }
    .case_list>ul>li span{font-size: 16px; }
    .case_list>ul>li .case_img{height: auto; aspect-ratio: auto 1.5/1; }

    .solution_slide_txt h3{font-size: 21px; }
    .solution_slide_txt p{font-size: 16px; }
    .solution_slide_txt p br{display: none; }
    .solution_cont .solution_list>ul{flex-direction: column; align-items: center; }
    .solution_cont .solution_list>ul>li span{font-size: 21px; }
    .solution_cont .solution_list>ul>li h3{font-size: 18px; }
    .solution_cont .solution_list>ul>li p{font-size: 16px; }
    .solution_cont .solution_service>h3{font-size: 32px; }
    .solution_cont .solution_service>h3 br{display: none; }
    .solution_cont .solution_service>ul{flex-direction: column; align-items: center; }
    .solution_cont .solution_service>ul>li{width: 100%; margin-bottom: 60px; }
    .solution_cont .solution_service>ul>li:last-child{margin-bottom: 0; }
    .solution_cont .solution_service>ul>li h3{font-size: 24px; }
    .solution_cont .solution_service>ul>li p{font-size: 18px; }
    .solution .solution_award>h3{font-size: 32px; }
    .solution .solution_award>ul{flex-direction: column; align-items: center; }
    .solution .solution_award>ul>li{margin-bottom: 30px; }
    .solution .solution_award>ul>li:last-child{margin-bottom: 0; }

    .esg_cont .esg_cont_head{height: auto; padding: 20px 5px; }
    .esg_cont .esg_cont_head h3{font-size: 21px; line-height: 1; }
    .esg_cont .esg_list>ul>li h3{height: auto; padding: 20px 5px; font-size: 21px; line-height: 1; }
    .esg_cont .esg_list>ul>li p{font-size: 16px; text-align: center; }
    .esg_cont .esg_box>ul>li{width: 100%; font-size: 21px; }
    .esg_cont .esg_box>ul>li:nth-child(3){margin-bottom: 80px; }

    .fin_studio_list>ul>li span{font-size: 21px; }
    .fin_studio_list>ul>li h3{font-size: 18px; }
    .fin_studio_list>ul>li p{font-size: 16px; }

    .contact_banner{flex-direction: column; height: auto; }
    .contact_banner>div{width: 100%; padding: 20px; border-bottom: 1px solid rgba(255,255,255,.17); }
    .contact_banner .cont_mid{border-left: 0; border-right: 0; }
    .contact_banner .cont_mid>ul{height: auto; }
    .contact_banner .cont_mid>ul>li{height: auto; }
    .contact_banner .cont_right{justify-content: flex-start; }
    .contact_cont .cont_input.input_2>ul{flex-direction: column; }
    .contact_cont .cont_input.input_2>ul>li{width: 100%; padding: 10px 0; border-bottom: 1px solid #f1eeee; }
    .contact_cont .cont_input.input_2>ul>li:last-child{padding-bottom: 0; border-bottom: 0; }
    .contact_cont .cont_input>ul>li{flex-direction: column; }
    .contact_cont .cont_input>ul>li h3{width: 100%; margin-bottom: 10px; margin-right: 0; font-size: 16px; }
    .contact_cont .cont_input>ul>li input{width: 100%; height: 40px; }
    .contact_cont .cont_input>ul>li textarea{width: 100%; }
    .contact_cont .form_policy_cont .policy_box{padding: 15px; }
    .contact_cont .form_policy_cont .policy_agree .check_box{width: 20px; height: 20px; }
    .contact_cont .form_policy_cont .policy_agree .check_box::before{width: 13px; height: 10px; background-size: cover; }
    .contact_cont .form_policy_cont .policy_agree label{font-size: 16px; }
    .contact_cont .btn_area button{width: 150px; height: 50px; }

    .resource_list>ul{flex-direction: column; flex-wrap: nowrap; align-items: center; }
    .resource_list>ul>li{width: 100%; margin-right: 0; }

    .resource_download_form .input_list>li{flex-direction: column; }
    .resource_download_form .input_list>li p{width: 100%; margin-right: 0; margin-bottom: 10px; font-size: 16px; }
    .resource_download_form .input_list>li input{width: 100%; height: 40px; }
    .resource_download_form .agree .check_box{width: 20px; height: 20px; }
    .resource_download_form .agree .check_box::before{width: 13px; height: 10px; background-size: cover; }
    .resource_download_form .agree label{font-size: 16px; }
}

@media screen and (max-width: 500px) {
    .section_1 .cont_left .txt_box h3{font-size: 51px; }

    .sub_nav_list>ul>li{padding: 0 10px; }
    .sub_nav_list>ul>li:last-child{padding-right: 30px; }
    .sub_nav_list>ul>li a{font-size: 14px; }
    .sub_nav_list>ul>li .dep1 ul li{padding: 0 10px; }
    .sub_nav_list>ul>li.dep2 p{font-size: 14px; }
    .sub_nav_list>ul>li.open{width: 150px; }
    .sub_nav_list>ul>li.open a img{margin-left: 20px; }

    .news_wrap .news_list>ul>li .img_wrap{height: auto; aspect-ratio: auto 1.7/1; }

    .service_cont>h1 br{display: none; }
}