@charset "utf-8";
@import "base.css";

/************************************************************************************
common
*************************************************************************************/
body.fix-hidden{
	overflow:hidden;
}

/************************************************************************************
header
*************************************************************************************/
.header{
	position:sticky;
	top:0;
	left:0;
	right:0;
	height:80px;
	box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	background:#fff;
	z-index:100;
}

.header .fixed-wrap{
	display:flex;
	align-items:center;
	justify-content:center;
}

.header .logo{
	font-size:0;
	width:134px;
	height:34px;
	position:absolute;
	left:0px;
	top:50%;
	transform:translateY(-50%);
	background:url("../img/main_logo_black.png") no-repeat center;
}

.header .logo a{
	display:block;
	width:100%;
	height:100%;
	cursor:pointer;
}

.header .gnb > ul{
	display:flex;
	align-items:center;
}

.header .gnb > ul > li{
	height:80px;
	position:relative;
}

.header .gnb > ul > li > a{
	display:flex;
	align-items:center;
	padding:0 24px;
	height:80px;
	font-size:16px;
	color:#333;
	font-weight:500;
}

.header .gnb > ul > li:hover > a{
	background:rgba(0,0,0,0.05);
	color:#ffa800;
}

.header .gnb > ul > li:hover .sub-menu{
	display:block;
}

.header .gnb > ul > li .sub-menu{
	position:absolute;
	top:80px;
	width:130px;
	left:50%;
	transform:translateX(-50%);
	padding-top:10px;
	display:none;
}

.header .gnb > ul > li .sub-menu ul{
	background:#fff;
	border-radius:4px;
	padding:10px 0;
	position:relative;
	border:1px solid #ccc;
	box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.header .gnb > ul > li .sub-menu ul:before{
	width:8px;
	height:8px;
	position:absolute;
	content:"";
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	transform:rotate(45deg) translateX(-50%);
	top:-2px;
	left:50%;
	background:#fff;
}

.header .gnb > ul > li .sub-menu ul li a{
	display:block;
	padding:10px;
	font-size:13px;
	letter-spacing:-0.6px;
	text-align:center;
}

.header .gnb > ul > li .sub-menu ul li a:hover{
	color:#ffa800;
	background:rgba(0,0,0,0.05);
}

.header .lang{
	position:absolute;
	right:0px;
	top:50%;
	transform:translateY(-50%);
	display:flex;
	align-items:center;
	height:34px;
}

.header .lang button{
	font-weight:500;
	font-size:14px;
	cursor:pointer;
	color:#333;
	display:flex;
	align-items:center;
}

.header .lang button:first-of-type:after{
	content:"";
	margin:0 10px;
	width:1px;
	background:#333;
	height:10px;
}

.header .lang button.active{
	color:#ffa800;
	font-weight:700;
}

.header .btn-menu-mob{
	display:none;
}

.header .fix-left-menu{
	opacity:0;
	position:fixed;
    top:-9999px;
}

/************************************************************************************
footer
*************************************************************************************/
.footer{
	background:#303030;
	padding:120px 0 80px;
}

.footer .foot-txt{
	color:#fff;
	font-size:36px;
	text-align:center;
	font-weight:700;
	margin-bottom:120px;
}

.foot-btm1{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	padding-bottom:20px;
	border-bottom:1px solid rgba(255,255,255,0.3);
}

.foot-btm1 .btm1-menu{
	display:flex;
	align-items:center;
}

.foot-btm1 .btm1-menu a{
	color:rgba(255,255,255,0.3);
	font-size:16px;
	font-weight:400;
	cursor:pointer;
	height:36px;
	display:flex;
	align-items:center;
	line-height:16px;
	transition:all 0.3s;
}

.foot-btm1 .btm1-menu a:first-of-type:after{
	width:1px;
	height:10px;
	content:"";
	margin:0 10px;
	display:block;
	background:rgba(255,255,255,0.3);
}

.foot-btm1 .btm1-menu a:hover{
	color:#fff;
}

.foot-btm2{
	padding-top:40px;
}

.foot-btm2 .foot-logo-area{
	display:flex;
	justify-content:space-between;
}

.foot-btm2 .foot-logo-area .foot-logo{
	width:134px;
	height:34px;
	background:url("../img/main_logo.png") no-repeat center;
	font-size:0;
}

.foot-btm2 .foot-logo-area .foot-sns{
	display:flex;
	gap:8px;
	align-items:center;
}

.foot-btm2 .foot-logo-area .foot-sns a{
	height:34px;
	width:34px;
	border-radius:34px;
	background:#666 no-repeat center / auto 15px;
	font-size:0;
	transition:all 0.3s;
	cursor:pointer;
}

.foot-btm2 .foot-logo-area .foot-sns a.sns1{
	background-image:url("../img/footer_instar.png");
}

.foot-btm2 .foot-logo-area .foot-sns a.sns2{
	background-image:url("../img/footer_blog.png");
}

.foot-btm2 .foot-logo-area .foot-sns a.sns3{
	background-image:url("../img/footer_yotube.png");
}

.foot-btm2 .foot-logo-area .foot-sns a:hover{
	background-color:#ffa800;
}

.foot-btm2 .copy{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:12px;
}

.foot-btm2 .copy .copy-l{
	display:flex;
	align-items:center;
}

.foot-btm2 .copy .copy-l p{
	color:rgba(255,255,255,0.3);
	display:flex;
	align-items:center;
	font-size:14px;
	line-height:14px;
	font-weight:400;
}

.foot-btm2 .copy .copy-l p:first-of-type:after{
	width:1px;
	height:10px;
	content:"";
	margin:0 10px;
	background:rgba(255,255,255,0.3);
}

.foot-btm2 .copy .copy-r{
	margin-left:auto;
}

.foot-btm2 .copy .copy-r a{
	cursor:pointer;
	color:rgba(255,255,255,0.3);
	font-size:14px;
	font-weight:400;
	line-height:14px;
}

/************************************************************************************
popup
*************************************************************************************/
.popup-wrap{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.8);
	z-index:1000;
	display:none;
}

.popup-wrap .popup{
	background:#fff;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	border-radius:8px;
	width:600px;
}

.popup-wrap .popup .popup-top{
	padding:40px 40px 16px 40px;
	position:relative;
}

.popup-wrap .popup .popup-top strong{
	display:block;
	font-size:24px;
	font-weight:700;
	text-align:center;
}

.popup-wrap .popup .popup-top .txt1{
	text-align:center;
	font-size:18px;
	font-weight:500;
	margin-top:16px;
}

.popup-wrap .popup .popup-top .btn-close{
	position:absolute;
	right:0;
	top:-30px;
	color:#fff;
	font-weight:600;
	font-size:20px;
}

.popup-wrap .popup .popup-btm{
	padding:24px 40px 0 40px;
	max-height:440px;
	overflow-y:auto;
}

.popup-wrap .popup .popup-btm::-webkit-scrollbar{
	width:7px;
}

.popup-wrap .popup .popup-btm::-webkit-scrollbar-thumb{
	background:#ccc;
	width:7px;
	border-right:3px solid #fff;
}

.popup-wrap .popup .popup-btm::-webkit-scrollbar-track{
	background:#fff;
	width:7px;
}

.popup-wrap .popup .popup-btm::-webkit-scrollbar-button{
	height:0;
	width:0;
}

.popup-wrap .popup .popup-btm .form-list .form-box{
	margin-top:12px;
}

.popup-wrap .popup .popup-btm .form-list .form-box:first-of-type{
	margin-top:0;
}

.popup-wrap .popup .popup-btm .form-list .form-box strong{
	display:block;
	font-size:16px;
	font-weight:500;
	margin-bottom:6px;
}

.popup-wrap .popup .popup-btm .form-list .form-box strong span{
	color:#f00;
}

.popup-wrap .popup .popup-btm .form-list .form-box input{
	border:1px solid #e2e2e2;
	height:40px;
	padding:0 12px;
	font-size:16px;
	font-weight:400;
	text-align:left;
	border-radius:4px;
	width:100%;
}

.popup-wrap .popup .popup-btm .form-list .form-box textarea{
	border:1px solid #e2e2e2;
	padding:12px;
	font-size:16px;
	font-weight:400;
	text-align:left;
	border-radius:4px;
	width:100%;
	resize:none;
}

.popup-wrap .popup .popup-btm .form-list .form-box .consent{
	border:1px solid #e2e2e2;
	border-radius:4px;
	padding:16px;
}

.popup-wrap .popup .popup-btm .form-list .form-box .consent > p{
	font-size:14px;
	color:#666666;
	line-height:17px;
}

.popup-wrap .popup .popup-btm .form-list .form-box .consent ul{
	margin:20px 0;
}

.popup-wrap .popup .popup-btm .form-list .form-box .consent ul li{
	display:flex;
}

.popup-wrap .popup .popup-btm .form-list .form-box .consent ul li span{
	flex-shrink:0;
	margin-right:4px;
	font-size:14px;
	line-height:16px;
	color:#666666;
}

.popup-wrap .popup .popup-btm .form-list .form-box .consent ul li p{
	font-size:14px;
	line-height:16px;
	color:#666666;
}

.popup-wrap .popup .popup-btm .chk{
	margin-top:12px;
	display:flex;
}

.popup-wrap .popup .popup-btm .chk input{
	width:16px;
	height:16px;
	cursor:pointer;
}

.popup-wrap .popup .popup-btm .chk label{
	font-size:14px;
	line-height:16px;
	font-weight:400;
	padding-left:6px;
	cursor:pointer;
}

.popup-wrap .popup .popup-btn{
	padding:40px 24px 24px;
	display:flex;
	justify-content:center;
}

.popup-wrap .popup .popup-btn button{
	height:42px;
	border-radius:4px;
	background:#111;
	width:fit-content;
	display:inline-flex;
	padding:0 28px;
	align-items:center;
	color:#fff;
	font-size:18px;
	font-weight:600;
}

/************************************************************************************
content
*************************************************************************************/
.container{
	padding-bottom:160px;
}

.container:has(.contact){
	padding-bottom:0;
}

.fixed-wrap{
	width:1280px;
	margin:0 auto;
	position:relative;
}

.main1{
	height:500px;
	background:url("../img/bg_main1.jpg") no-repeat center / cover;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	padding:0 24px;
}

@keyframes fade{
	0%{opacity:0;transform:translateY(50px)}
	100%{opacity:1;transform:translateY(0px)}
}

.main1.home{
	height:700px;
}

.main1 p{
	color:#fff;
	font-size:52px;
	font-weight:800;
	text-align:center;
	animation:fade 1.2s 0.3s;
	animation-fill-mode:forwards;
	opacity:0;
}

.main2{
	padding:160px 0 0;
}

.main2 .fixed-wrap{
	display:flex;
	gap:40px;
}

.main2 .fixed-wrap .solution-box{
	background:#fff;
	box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	border-radius:4px;
	overflow:hidden;
	width:100%;
}

.main2 .fixed-wrap .solution-box .img{
	height:200px;
	background:no-repeat center / cover;
	width:100%;
	position:relative;
	overflow:hidden;
}

.main2 .fixed-wrap .solution-box .img .bg{
	display:block;
	height:100%;
	width:100%;
	transition:all 0.5s;
	z-index:1;
	background:no-repeat center / cover;
}

.main2 .fixed-wrap .solution-box.box1 .img .bg{
	background-image:url("../img/img_main2_1.jpg");
}

.main2 .fixed-wrap .solution-box.box2 .img .bg{
	background-image:url("../img/img_main2_2.jpg");
}

.main2 .fixed-wrap .solution-box.box3 .img .bg{
	background-image:url("../img/img_main2_3.jpg");
}

.main2 .fixed-wrap .solution-box.box4 .img{
	background-image:url("../img/img_main2_4.jpg");
}

.main2 .fixed-wrap .solution-box.box5 .img{
	background-image:url("../img/img_main2_5.jpg");
}

.main2 .fixed-wrap .solution-box.box6 .img{
	background-image:url("../img/img_main2_6.jpg");
}

.main2 .fixed-wrap .solution-box .img:before{
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.4);
	z-index:1;
}

.main2 .fixed-wrap .solution-box .img strong{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	text-align:center;
	font-weight:700;
	color:#fff;
	font-size:32px;
	z-index:5;
}

.main2 .fixed-wrap .solution-box .txt-in{
	padding:20px;
	height:calc(100% - 200px);
	display:flex;
	flex-direction:column;
	align-items:center;
}

.main2 .fixed-wrap .solution-box .txt-in p{
	text-align:center;
	color:#333;
}

.main2 .fixed-wrap .solution-box .txt-in p.txt1{
	font-size:14px;
	font-weight:500;
	margin-bottom:10px;
}

.main2 .fixed-wrap .solution-box .txt-in p.txt2{
	font-size:20px;
	font-weight:700;
	padding-bottom:16px;
}

.main2 .fixed-wrap .solution-box .txt-in .btn{
	display:flex;
	margin:auto auto 0 auto;
	width:fit-content;
	height:32px;
	background:#fff;
	border:1px solid #333;
	border-radius:32px;
	color:#333;
	font-weight:500;
	font-size:14px;
	padding:0 12px;
	align-items:center;
	transition:all 0.3s;
	cursor:pointer;
}

.main2 .fixed-wrap .solution-box .txt-in .btn:hover{
	background:#333;
	color:#fff;
}

.main2 .fixed-wrap .solution-box .txt-in .txt1-big{
	font-size:20px;
	font-weight:700;
	text-align:left;
	margin-bottom:12px;
	align-self:flex-start;
}
.main2 .fixed-wrap .solution-box .txt-in ul{
	align-self:flex-start;
}

.main2 .fixed-wrap .solution-box .txt-in ul li{
	margin-bottom:8px;
	display:flex;
}

.main2 .fixed-wrap .solution-box .txt-in ul li:last-of-type{
	margin-bottom:0 !important;
}

.main2 .fixed-wrap .solution-box .txt-in ul li .dot{
	width:4px;
	height:4px;
	flex-shrink:0;
	border-radius:100%;
	background:#333;
	margin-top:8px;
}

.main2 .fixed-wrap .solution-box .txt-in ul li p{
	text-align:left;
	font-size:16px;
	padding-left:6px;
}

.main2 .fixed-wrap .solution-box:hover .img .bg{
	transform:scale(1.3);
}

.main3{
	padding:160px 0;
	position:relative;
}

.main3 .txt1{
	text-align:center;
	font-size:24px;
	color:#333;
	margin-bottom:12px;
	font-weight:500;
}

.main3 .txt2{
	color:#111;
	font-size:42px;
	text-align:center;
	font-weight:800;
}

.main4{
	background:url("../img/bg_main4.jpg") no-repeat center / cover;
	height:500px;
}

.main4.bg2{
	margin:80px 0;
	background-image:url("../img/bg_sub2_1.jpg");
}

.main4.bg3{
	margin-bottom:80px;
	background-image:url("../img/bg_sub3_1.jpg");
}

.main4.bg4{
	background-image:url("../img/bg_sub4_2.jpg");
	margin-bottom:-160px;
}

.main4.bg5{
	background-image:url("../img/bg_sub6_1.jpg");
}

.main4.g1{
	background-image:url("../img/bg_g1.jpg");
}

.main4 .bg{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	height:500px;
}

.main4 .bg strong{
	color:#fff;
	font-weight:800;
	font-size:42px;
	text-align:center;
	margin-bottom:16px;
}

.main4 .bg p{
	color:#fff;
	font-size:24px;
	text-align:center;
	font-weight:500;
}

.main4 .bg .btn{
	height:48px;
	color:#fff;
	border-radius:40px;
	border:2px solid #fff;
	font-weight:500;
	font-size:20px;
	padding:0 24px;
	display:inline-flex;
	align-items:center;
	cursor:pointer;
	margin-top:36px;
	transition:all 0.3s;
}

.main4 .bg .btn:hover{
	background:#fff;
	color:#333;
}

.main4.event .bg *{
	opacity:0;
}

.main4.fade .bg strong{
	animation:fade 1.2s 0.3s;
	animation-fill-mode:forwards;
}

.main4.fade .bg p{
	animation:fade 1.2s 0.6s;
	animation-fill-mode:forwards;
}

.main4.fade .bg .btn{
	animation:fade 1.2s 0.9s;
	animation-fill-mode:forwards;
}

.main4.bg2.fade .bg .btn,
.main4.bg3.fade .bg .btn{
	animation:fade 1.2s 0.6s;
	animation-fill-mode:forwards;
}

.main5{
	padding:160px 0 0;
}

.main5 .tit{
	display:block;
	color:#111;
	font-weight:800;
	font-size:42px;
	text-align:center;
}

.main5 .txt1{
	text-align:center;
	font-size:20px;
	color:#333;
	margin-top:8px;
}

.main5 .future-wrap{
	display:flex;
	gap:40px;
	margin-top:40px;
}

.main5 .future-wrap .future-box{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.main5 .future-wrap .future-box .ico{
	width:100px;
	height:100px;
	border-radius:100px;
	margin-bottom:12px;
	background:#ccc no-repeat center / 60px;
}

.main5 .future-wrap .future-box .ico.ico1{
	background-image:url("../img/ico_main5_1.svg");
}

.main5 .future-wrap .future-box .ico.ico2{
	background-image:url("../img/ico_main5_2.svg");
}

.main5 .future-wrap .future-box .ico.ico3{
	background-image:url("../img/ico_main5_3.svg");
}

.main5 .future-wrap .future-box .ico.ico4{
	background-image:url("../img/ico_main5_4.svg");
}

.main5 .future-wrap .future-box .ico.ico5{
	background-image:url("../img/sub52_sec4_icon1.png");
}

.main5 .future-wrap .future-box .ico.ico6{
	background-image:url("../img/sub52_sec4_icon2.png");
}

.main5 .future-wrap .future-box .ico.ico7{
	background-image:url("../img/sub52_sec4_icon3.png");
}

.main5 .future-wrap .future-box .ico.ico8{
	background-image:url("../img/sub52_sec4_icon4.png");
}

.main5 .future-wrap .future-box .ico.ico_type1{
	background-image:url("../img/ico_indo1.png");
	background-size:59px;
	background-color:#f4f4f4;
}

.main5 .future-wrap .future-box .ico.ico_type2{
	background-image:url("../img/ico_indo2.png");
	background-size:59px;
	background-color:#f4f4f4;
}

.main5 .future-wrap .future-box .ico.ico_type3{
	background-image:url("../img/ico_indo3.png");
	background-size:59px;
	background-color:#f4f4f4;
}

.main5 .future-wrap .future-box .ico.ico_type4{
	background-image:url("../img/ico_indo4.png");
	background-size:59px;
	background-color:#f4f4f4;
}


.main5 .future-wrap.type2{
	margin-top:0;
}

.main5 .future-wrap.type2 .future-box .ico{
	background-size:40px auto;
}

.main5 .future-wrap .future-box strong{
	text-align:center;
	font-size:18px;
	font-weight:700;
	margin-bottom:12px;
}

.main5 .future-wrap .future-box p{
	text-align:center;
	font-weight:800;
	font-size:42px;
	color:#ffa800;
	margin-top:auto;
}

.main5 .future-wrap .future-box span{
	text-align:center;
	font-size:16px;
	font-weight:400;
	color:#333;
	margin-top:4px;
}

.sub-banner{
	height:500px;
	background:no-repeat center / cover;
	margin-bottom:80px;
}

.sub-banner.sub1{
	background-image:url("../img/bg_sub1.jpg");
}

.sub-banner.sub2{
	background-image:url("../img/bg_sub2.jpg");
}

.sub-banner.sub3{
	background-image:url("../img/bg_sub3.jpg");
}

.sub-banner.sub4{
	background-image:url("../img/bg_sub4.jpg");
	margin-bottom:0;
}

.sub-banner.sub5{
	background-image:url("../img/bg_sub5.jpg");
	margin-bottom:0;
}

.sub-banner.sub5-2{
	background-image:url("../img/bg_sub5_2.jpg");
}

.sub-banner.sub5-3{
	background-image:url("../img/bg_sub5_3.jpg");
}

.sub-banner.sub6{
	background-image:url("../img/bg_sub6.jpg");
}

.sub-banner.sub6-2{
	margin-bottom:0;
	background-image:url("../img/bg_sub6_2.jpg");
}

.sub-banner.sub6-3{
	background-image:url("../img/bg_sub6_3.jpg");
}

.sub-banner.sub6-4{
	background-image:url("../img/bg_sub6_4.jpg");
}

.sub-banner.sub6-5{
	background-image:url("../img/bg_sub6_5.jpg");
}

.sub-banner .fixed-wrap{
	display:flex;
	height:500px;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.sub-banner h2{
	color:#fff;
    font-size:64px;
    font-weight:800;
    text-align:center;
	margin-bottom:12px;
	opacity:0;
	animation:fade 1.2s 0.3s;
	animation-fill-mode:forwards;
}

.sub-banner p{
	text-align:center;
	font-size:24px;
	color:#fff;
	font-weight:500;
	opacity:0;
	animation:fade 1.2s 0.6s;
	animation-fill-mode:forwards;
}

.sub-cont{
	padding:80px 0;
}

.sub-cont.sub1 .sub-img{
	margin-top:32px;
	display:flex;
	padding:0 80px;
	gap:20px;
	justify-content:space-between;
}

.sub-cont.sub1 .sub-img > div.img1{
	width:20%;
}

.sub-cont.sub1 .sub-img > div.img1 img{
	border-radius:8px;
}

.sub-cont.sub1 .sub-img > div.img2{
	width:calc(100% - 20px);
}

.sub-cont.sub1 .sub-img > div img{
	width:100%;
	height:auto;
	border-radius:26px;
	box-shadow:0 0 8px 8px rgba(175, 175, 175, 0.3);
}

.sub-cont.sub1 .sub-img .img-in{
	flex-shrink:0;
	font-size:0;
}

.sub-cont.sub1 .sub-img .img-in img{
	box-shadow:none;
	border-radius:4px;
}

.sub-cont.sub1 .sub-img .img-txt{
	padding:12px 0 0 12px;
}

.sub-cont.sub1 .sub-img .img-txt p{
	text-align:left;
	font-size:20px;
	color:#666;
	font-weight:500;
	line-height:28px;
}

.sub-cont.sub1 .sub-img2{
	display:flex;
	margin-top:32px;
}

.sub-cont.sub1 .sub-img2 .img1{
	height:350px;
	flex-shrink:0;
}

.sub-cont.sub1 .sub-img2 .img1 img{
	height:100%;
	width:auto;
}

.sub-cont.sub1 .sub-img2 .img2{
	display:flex;
	gap:20px;
	width:100%;
}

.sub-cont.sub1 .sub-img2 .img2 .img2-l{
	flex-shrink:0;
	height:330px;
}

.sub-cont.sub1 .sub-img2 .img2 .img2-l img{
	height:100%;
	width:auto;
}

.sub-cont.sub1 .sub-img2 .img2 .img2-r {
	padding-top:20px;
}

.sub-cont.sub1 .sub-img2 .img2 .img2-r strong{
	text-align:left;
	display:block;
	font-size:24px;
	line-height:normal;
	margin-bottom:16px;
}

.sub-cont.sub1 .sub-img2 .img2 .img2-r ul li{
	margin-bottom:10px;
	font-size:16px;
	color:#666;
}

.sub-cont.sub1 .sub-img2 .img2 .logo-wrap{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	width:100%;
	gap:20px;
	margin-top:16px;
}

.sub-cont.sub1 .sub-img2 .img2 .logo-wrap span{
	width:100px;
	height:100px;
	background:no-repeat center / 100px auto;
}

.sub-cont.sub1 .sub-img2 .img2 .logo-wrap span.logo1{
	background-image:url("../img/sub21_sec2_img2.jpg");
}

.sub-cont.sub1 .sub-img2 .img2 .logo-wrap span.logo2{
	background-image:url("../img/sub21_sec2_img4.jpg");
}

.sub-cont.g1{
	padding-top:160px
}

.sub-cont .slide-area{
	position:relative;
}

.sub-cont .slide-area .btn{
	display:flex;
	width:fit-content;
	padding:0 24px;
	height:40px;
	border:2px solid #333;
	align-items:center;
	color:#333;
	font-weight:600;
	font-size:20px;
	margin:0 auto;
	border-radius:40px;
	transition:all 0.3s;
}

.sub-cont .slide-area .btn:hover{
	background:#333;
	color:#fff;
}

.sub2-slider{
	background:#fff;
	padding:20px 40px;
	position:relative;
	border-radius:4px;
	box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	margin:0 auto 80px auto;
    max-width:1140px;
}

.sub2-slider .swiper-slide{
	background:#fff;
}

.sub2-slider .swiper-slide strong{
	display:block;
	font-size:36px;
	line-height:42px;
	font-weight:700;
	color:#333;
	padding-left:21px;
	margin:8px 0 16px;
}

.sub2-slider .swiper-slide p{
	color:#333;
	font-size:24px;
	line-height:30px;
	font-weight:400;
	padding-left:21px;
}

.sub2-slider .swiper-slide .img{
	margin-top:14px;
}

.sub2-slider .swiper-slide .img img,
.sub2-slider .swiper-slide img{
	width:100%;
	height:auto;
}

.sub2-slider .swiper-pagination{
	position:static;
	height:10px;
	font-size:0;
}

.sub2-slider .swiper-pagination .swiper-pagination-bullet{
	background:rgb(225, 225, 225, 0.5);
	width:10px;
	height:10px;
	opacity:1;
	margin:0 8px;
	vertical-align:top;
}

.sub2-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#ffa800;
}

.sub2-slider .swiper-navigation button{
	margin-top:0;
	transform:translateY(-50%);
	top:50%;
	color:#3f3a39;
	background-image:url("../img/ico_slider_arr.svg");
}

.sub2-slider .swiper-navigation button.swiper-button-prev{
	transform:rotate(180deg) translateY(-50%);
}

.sub-cont.sub3{
	height:500px;
	padding:0;
	margin:80px 0;
	background:url("../img/bg_sub1_2.jpg") no-repeat center / cover;
}

.sub-cont.sub3 .fixed-wrap{
	display:flex;
	height:500px;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}

.sub-cont.sub3 .fixed-wrap p{
	color:#fff;
    font-weight:800;
    font-size:42px;
    text-align:center;
}

.sub-cont.sub3 .fixed-wrap p.yellow{
	font-size:60px;
	color:#ffa800;
	margin-top:16px;
}

.sub-cont.sub3.event .fixed-wrap p{
	opacity:0;
}

.sub-cont.sub3.event.fade .fixed-wrap p{
	animation:fade 1.2s 0.3s;
	animation-fill-mode:forwards;
}

.sub-cont.sub3.event.fade .fixed-wrap p.yellow{
	animation:fade 1.2s 0.6s;
	animation-fill-mode:forwards;
}

.sub-cont .app-info{
	display:flex;
	gap:40px;
}

.sub-cont .app-info .info-box{
	border-radius:4px;
	background:#fff;
	padding:48px 24px;
	width:100%;
	display:flex;
	flex-direction:column;
	box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

.sub-cont .app-info .info-box strong{
	display:block;
	text-align:center;
	font-size:16px;
	font-weight:500;
	color:#ffa800;
	margin-bottom:12px;
}

.sub-cont .app-info .info-box p{
	text-align:center;
	font-weight:700;
	color:#333;
	font-size:32px;
	margin-bottom:48px;
	letter-spacing:-0.6px;
	line-height:36px;
}

.sub-cont .app-info .info-box .img{
	text-align:center;
	margin-top:auto;
}

.sub-cont .app-info .info-box .img img{
	max-width:460px;
	width:100%;
	height:auto;
}

.app-view{
	margin-top:160px;
	text-align:center;
}

.app-view .txt1{
	font-size:36px;
	font-weight:800;
	color:#333;
}

.app-view .txt2{
	font-size:32px;
	font-weight:700;
	margin:16px 0;
}

.app-view .txt2 span{
	color:#ffa800;
}

.app-view .txt3{
	font-size:28px;
	font-weight:500;
}

.app-box-wrap{
	display:flex;
	align-items:center;
	gap:60px;
	justify-content:center;
	margin-top:40px;
}

.app-box-wrap .app-box{
	display:flex;
	flex-direction:column;
	align-items:center;
}

.app-box-wrap .app-box .ico{
	width:100px;
	height:100px;
	margin-bottom:12px;
	border-radius:100px;
	background:#ccc no-repeat center / 60px;
}

.app-box-wrap .app-box .ico.ico1{
	background-image:url("../img/ico_main5_1.svg");
}

.app-box-wrap .app-box .ico.ico2{
	background-image:url("../img/ico_human.svg");
}

.app-box-wrap .app-box .ico.ico3{
	background-image:url("../img/ico_main5_3.svg");
}

.app-box-wrap .app-box .ico.ico4{
	background-image:url("../img/ico_main5_2.svg");
}

.app-box-wrap .app-box strong{
	text-align:center;
    font-size:18px;
    font-weight:700;
    margin-bottom:12px;
}

.app-box-wrap .app-box > p{
	text-align:center;
    font-weight:800;
    font-size:42px;
    color:#ffa800;
    margin-top:auto;
}

.app-box-wrap .app-box > p span{
	color:#333;
}

.app-box-wrap .app-box > span{
	text-align:center;
    font-size:16px;
    font-weight:400;
    color:#333;
    margin-top:4px;
}

.txt-starting{
	text-align:center;
	margin:24px 0 80px;
	font-weight:500;
	color:#333;
	font-size:24px;
	padding:0 24px;
}

.sub-cont.sub5.not-bor{
	padding-top:0;
}

.sub-cont.sub5.not-bor:before{
	display:none;
}

.sub-cont.sub5 .fixed-wrap > strong{
	display:block;
	font-size:36px;
	font-weight:700;
	color:#333;
	margin-bottom:16px;
	text-align:center;
}

.sub-cont.sub5 .fixed-wrap > p{
	font-size:20px;
	text-align:center;
	font-weight:400;
	color:#666;
	line-height:28px;
}

.sub-cont.sub5 .fixed-wrap > p span{
	color:#333;
}

.fac-wrap{
	display:flex;
	gap:40px;
	margin-top:32px;
}

.fac-wrap .fac-box{
	background:#fff;
	border-radius:4px;
	padding:24px;
	display:flex;
	width:calc((100% - 40px)/2);
	gap:24px;
	box-shadow:0 0 15px 15px rgba(175, 175, 175, 0.1);
}

.fac-wrap .fac-box .img{
	width:300px;
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
}

.fac-wrap .fac-box .img img{
	max-width:100%;
	height:auto;
	max-height:220px;
}

.fac-wrap .fac-box .img-info{
	display:flex;
	flex-direction:column;
}

.fac-wrap .fac-box .img-info strong{
	text-align:left;
	font-size:24px;
	display:block;
	margin:8px 0 16px;
	color:#333;
	font-weight:600;
}

.fac-wrap .fac-box .img-info p{
	text-align:left;
	font-size:16px;
	color:#666;
	font-weight:400;
	line-height:22px;
	margin:0;
}

.fac-wrap .fac-box .img-info:has(.btn-download) p{
	padding-bottom:16px;
}

.fac-wrap .fac-box .img-info .btn-download{
	margin-top:auto;
	display:flex;
	width:fit-content;
	height:32px;
	background:#fff;
	border:1px solid #333;
	border-radius:32px;
	color:#333;
	font-weight:500;
	font-size:14px;
	padding:0 12px;
	align-items:center;
	transition:all 0.3s;
	cursor:pointer;
	gap:4px;
}

.fac-wrap .fac-box .img-info .btn-download .ico{
	background:url("../img/sub11_sec7_down_btn.png") no-repeat center / 12px;
	width:16px;
	height:16px;
	transition:all 0.3s;
}

.fac-wrap .fac-box .img-info .btn-download:hover{
	background:#333;
	color:#fff;
}

.fac-wrap .fac-box .img-info .btn-download:hover .ico{
	background-image:url("../img/sub11_sec7_down_btn_white.png");
}

.contact{
	height:500px;
	width:100%;
	margin-top:80px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	background:url("../img/bg_contact.jpg") no-repeat center / cover;
}

.contact p.phone{
	text-align:center;
	font-size:24px;
	font-weight:800;
	color:#fff;
	margin-bottom:24px;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:4px;
}

.contact p.phone .ico{
	width:22px;
	height:26px;
	background:url("../img/sub11_sec8_call.jpg") no-repeat center;
}

.contact strong{
	display:block;
	font-weight:800;
	font-size:42px;
	text-align:center;
	color:#fff;
}

.contact .btn-call{
	height:48px;
    color:#fff;
    border-radius:40px;
    border:2px solid #fff;
    font-weight:500;
    font-size:20px;
    padding:0 24px;
    display:inline-flex;
    align-items:center;
    cursor:pointer;
    margin-top:36px;
    transition:all 0.3s;
}

.contact .btn-call:hover{
	background:#fff;
	color:#333;
}

.big-tit{
	display:block;
    font-size:36px;
    font-weight:700;
    color:#333;
    margin-bottom:16px;
    text-align:center;
    line-height:42px;
}

.big-tit span{
	color:#ffa800;
}

.big-txt{
	font-size:20px;
	text-align:center;
	font-weight:400;
	color:#666;
	line-height:28px;
}

.big-txt.black, .big-txt .black{
	color:#333;
}

.zeb .big-txt{
	color:#bbbbbb;
}

.zeb .zeb-img-list{
	display:flex;
	gap:20px;
	margin-top:40px;
}

.zeb .zeb-img-list .img-box{
	width:calc((100% - 60px)/4);
}

.zeb .zeb-img-list .img-box .img img{
	width:100%;
	height:auto;
}

.zeb .zeb-img-list .img-box strong{
	display:block;
	font-size:16px;
	font-weight:500;
	text-align:center;
	margin-top:16px;
}

.sub-cont.sub3_1{
	margin:0 0 160px 0;
	padding:64px 0;
	background:url("../img/bg_sub3_2.jpg") no-repeat center / cover;
}

.sub-cont.sub3_1 .big-tit{
	color:#fff;
}

.sub-cont.sub3_1 .market-box-wrap{
	display:flex;
	justify-content:center;
	gap:40px;
	margin-top:32px;
}

.sub-cont.sub3_1 .market-box-wrap .market-box{
	width:400px;
	height:330px;
	background:no-repeat center;
	border-radius:6px;
	padding:24px;
	display:flex;
	flex-direction:column;
}

.sub-cont.sub3_1 .market-box-wrap .market-box.box1{
	background-image:url("../img/sub31_sec6_img1.png");
}

.sub-cont.sub3_1 .market-box-wrap .market-box.box2{
	background-image:url("../img/sub31_sec6_img2.png");
}

.sub-cont.sub3_1 .market-box-wrap .market-box strong{
	display:block;
	color:#fff;
	font-weight:700;
	font-size:36px;
}

.sub-cont.sub3_1 .market-box-wrap .market-box > p{
	color:#fff;
	text-align:left;
	font-size:20px;
	font-weight:500;
}

.sub-cont.sub3_1 .market-box-wrap .market-box ul{
	margin-top:auto;
}

.sub-cont.sub3_1 .market-box-wrap .market-box ul li{
	display:flex;
	margin-top:12px;
}

.sub-cont.sub3_1 .market-box-wrap .market-box ul li .dot{
	width:4px;
	height:4px;
	border-radius:100%;
	background:#fff;
	flex-shrink:0;
	margin-top:8px;
}

.sub-cont.sub3_1 .market-box-wrap .market-box ul li p{
	color:#fff;
	font-size:16px;
	text-align:left;
	font-weight:400;
	line-height:22px;
	padding-left:6px;
}

.sub-cont.sub3_1.event .big-tit,
.sub-cont.sub3_1.event .market-box-wrap{
	opacity:0;
}

.sub-cont.sub3_1.event.fade .big-tit{
	animation:fade 2.5s 0.3s;
	animation-fill-mode:forwards;
}

.sub-cont.sub3_1.event.fade .market-box-wrap{
	animation:fade 2.5s 0.6s;
	animation-fill-mode:forwards;
}

.green{
	padding-top:80px;
}

.green-year{
	display:flex;
	justify-content:center;
	margin:32px 0 80px;
	border:1px solid #dbdbdb;
	border-radius:4px;
}

.green-year .green-year-l{
	width:50%;
	border-right:1px solid #dbdbdb;
	display:flex;
	flex-direction:column;
}

.green-year .green-year-l .year-box{
	display:flex;
	align-items:flex-end;
	justify-content:center;
	flex-direction:column;
	border-bottom:1px solid #dbdbdb;
	height:calc(100% / 3);
	padding:24px;
}

.green-year .green-year-l .year-box:last-child{
	border-bottom:0;
}

.green-year .green-year-l .year-box strong{
	font-size:36px;
	font-weight:700;
	text-align:right;
	line-height:36px;
	color:#ffa800;
}

.green-year .green-year-l .year-box p{
	font-size:20px;
	font-weight:400;
	margin-top:8px;
	line-height:28px;
	text-align:right;
}

.green-year .green-year-r{
	width:50%;
}

.green-year .green-year-r .year-r-box{
	padding:24px;
}

.green-year .green-year-r .year-r-box:first-child{
	border-bottom:1px solid #dbdbdb;
}

.green-year .green-year-r .year-r-box strong{
	display:block;
	font-size:24px;
	color:#333;
	font-weight:700;
	margin-bottom:12px;
	line-height:24px;
}

.green-year .green-year-r .year-r-box p{
	font-size:16px;
	line-height:20px;
	text-align:left;
}

.forest{
	height:600px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	background:url("../img/bg_sub4_1.jpg") no-repeat center / cover;
}

.forest .big-tit{
	color:#fff;
}

.forest .big-txt{
	color:#fff;
	margin-top:40px;
}

.social-wrap{
	padding:80px 0;
}

.social-wrap .social-box{
	display:flex;
	gap:24px;
	margin-bottom:20px;
}

.social-wrap .social-box:last-of-type{
	margin-bottom:0 !important;
}

.social-wrap .social-box .img{
	width:240px;
	height:200px;
	flex-shrink:0;
	border-radius:4px;
	overflow:hidden;
}

.social-wrap .social-box .img img{
	width:100%;
	height:100%;
}

.social-wrap .social-box .img-txt strong{
	display:block;
	font-weight:700;
	font-size:24px;
	margin-bottom:8px;
}

.social-wrap .social-box .img-txt ul li{
	font-size:16px;
	display:flex;
	margin-bottom:6px;
	gap:6px;
	font-weight:400;
}

.social-wrap .social-box .img-txt ul li:last-of-type{
	margin-bottom:0;
}

.social-wrap .social-box .img-txt ul li:before{
	content:"";
	width:4px;
	height:4px;
	background:#666;
	flex-shrink:0;
	margin-top:8px;
	border-radius:100%;
}

.social-wrap .social-box .img-txt .mini{
	display:block;
	font-size:18px;
	font-weight:500;
	margin-bottom:6px;
}

.social-wrap.type2 .social-box{
	margin-bottom:24px;
}

.social-wrap.type2 .social-box .img{
	width:320px;
	height:320px;
}

.social-wrap.type2 .social-box .mini{
	font-size:20px;
	font-weight:500;
	text-align:left;
	display:block;
	margin-bottom:16px;
}

.social-wrap.type2 .social-box strong{
	font-size:32px;
	margin-bottom:32px;
}

.social-wrap.type2 .social-box ul li{
	display:flex;
	margin-bottom:16px;
}

.social-wrap.type2 .social-box ul li:before{
	display:none;
}

.social-wrap.type2 .social-box ul li .num{
	min-width:20px;
	text-align:left;
	font-size:18px;
	font-weight:400;
	flex-shrink:0;
}

.social-wrap.type2 .social-box ul li p{
	font-size:18px;
	font-weight:400;
}

.social-wrap.type3{
	padding-top:0;
	margin-top:40px;
}

.social-wrap.type3 .social-box .mini{
	margin-bottom:24px;
}

.social-wrap.type3 .social-box ul li span{
	min-width:80px;
	flex-shrink:0;
}

.project-info{
	width:100%;
}

.project-info .info-box{
	display:flex;
	align-items:center;
	gap:20px;
	width:100%;
}

.project-info .info-box:first-of-type{
	margin-bottom:20px;
}

.project-info .info-box strong{
	background:#777777;
	color:#fff;
	height:56px;
	display:flex;
	align-items:center;
	padding:0 16px;
	min-width:280px;
	font-size:24px;
	flex-shrink:0;
	font-weight:700;
	border-radius:4px;
}

.project-info .info-box p{
	background:#f5f5f5;
	width:100%;
	height:56px;
	padding:0 16px;
	display:flex;
	align-items:center;
	color:#333;
	font-size:16px;
	border-radius:4px;
	width:100%;
}

.city-map{
	background:#f5f5f5;
	padding:80px 0;
	margin:160px 0 0;
}

.city-map .map-area{
	width:850px;
	position:relative;
	margin:32px auto 0 auto;
}

.city-map .map-area img{
	width:100%;
	height:auto;
}

.city-map .map-area .map-box{

	border-radius:4px;
	overflow:hidden;
	width:240px;
	background:rgb(236, 235, 236);
}

.city-map .map-area .map-box .box-t{
	background:#777777;
	padding:12px;
}

.city-map .map-area .map-box .box-t .g-name{
	display:none;
}

.city-map .map-area .map-box .box-t strong{
	font-weight:700;
	font-size:16px;
	color:#fff;
	display:block;
	line-height:14px;
	margin-bottom:8px;
}

.city-map .map-area .map-box .box-t p{
	color:#fff;
	font-size:13px;
	line-height:14px;
	text-align:left;
	font-weight:400;
}

.city-map .map-area .map-box .box-b{
	padding:12px;
	background:rgb(236, 235, 236);
}

.city-map .map-area .map-box .box-b ul li{
	margin-top:6px;
	display:flex;
}

.city-map .map-area .map-box .box-b ul li:first-of-type{
	margin-top:0;
}

.city-map .map-area .map-box .box-b ul li .dot{
	width:4px;
	height:4px;
	border-radius:4px;
	background:#333;
	flex-shrink:0;
	margin-top:4px;
}

.city-map .map-area .map-box .box-b ul li p{
	font-size:12px;
	line-height:14px;
	color:#333;
	text-align:left;
	padding-left:4px;
}

.city-map .map-area .box-l{
	position:absolute;
	left:-113px;
	top:65px;
}

.city-map .map-area .map-box.box1{
	margin-top:17px;
}

.city-map .map-area .map-box.box1 .box-t{
	padding-right:42px;
	background:#f6a518 url("../img/sub51_sec3_logo1.png") no-repeat right 12px center / auto 24px;
}

.city-map .map-area .map-box.box3{
	margin-top:24px;
}

.city-map .map-area .map-box.box4{
	position:absolute;
	left:324px;
	top:13px;
}

.city-map .map-area .box-r{
	position:absolute;
	right:-185px;
	top:67px;
}

.city-map .map-area .map-box.box6{
	margin-top:103px;
}

.city-map .map-area .map-box.box7{
	margin-top:57px;
}

.city-map .map-area .map-box.box8{
	border:1px solid #777;
	margin-top:40px;
}

.city-map .map-area .map-box.box8 .box-t{
	background:#fff;
	display:flex;
	align-items:center;
	gap:6px;
}

.city-map .map-area .map-box.box8 .box-t img{
	height:12px;
	width:auto;
}
.city-map .map-area .map-box.box8 .box-t strong{
	color:#333;
	margin:0;
}

.city-map .map-area .box-r .arrow{
	position:absolute;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.city-map .map-area .box-r .arrow.arrow1 .ico{
	transform:rotate(225deg);
}

.city-map .map-area .box-r .arrow.arrow2 .ico{
	transform:rotate(90deg);
}

.city-map .map-area .box-r .arrow .ico{
	width:24px;
	display:block;
	background:no-repeat center / 100%;
}

.city-map .map-area .box-r .arrow.arrow1 .ico,
.city-map .map-area .box-r .arrow.arrow2 .ico,
.city-map .map-area .box-r .arrow.arrow3 .ico{
	height:36px;
	background-image:url("../img/sub51_sec3_slide_1.png");
}

.city-map .map-area .box-r .arrow.arrow4 .ico,
.city-map .map-area .box-r .arrow.arrow5 .ico{
	height:20px;
	background-image:url("../img/sub51_sec3_slide_2.png");
}

.city-map .map-area .box-r .arrow span{
	color:#758495;
	font-size:12px;
	text-align:center;
	display:block;
	margin-top:4px;
}

.city-map .map-area .box-r .arrow.arrow1{
	top:80px;
    right:254px;
}

.city-map .map-area .box-r .arrow.arrow2{
	right:254px;
	top:174px;
}

.city-map .map-area .box-r .arrow.arrow3{
	left:91px;
    top:109px;
}

.city-map .map-area .box-r .arrow.arrow4{
	left:101px;
    top:333px;
}

.city-map .map-area .box-r .arrow.arrow5{
	left:101px;
	top:456px;
}

.central-area{
	background:#f5f5f5;
	padding:160px 0;
}

.central-map{
	width:1000px;
	margin:0 auto;
	position:relative;
}

.central-map .map-arr-l,
.central-map .map-arr-r{
	position:absolute;
	content:"";
	width:13px;
	top:104px;
}

.central-map .map-arr-l{
	left:-13px;
	transform:rotateY(180deg);
}

.central-map .map-arr-r{
	right:-13px;
}

.central-map .map-arr-l img,
.central-map .map-arr-r img{
	width:100%;
	height:auto;
}

.central-map .map1{
	display:flex;
	gap:40px;
	position:relative;
}

.central-map .map1 > div{
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:20px;
	width:100%;
	border-radius:4px;
	background:#fff;
}

.central-map .map1 > div .img{
	height:116px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.central-map .map1 > div p{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-top:12px;
}

.central-map .map1_arr{
	text-align:center;
	font-size:0;
	position:relative;
	z-index:1;
	margin-top:-8px;
}

.central-map .map2{
	width:100%;
	margin:-8px 0;
	background:#7f7f7f;
	padding:20px;
	border-radius:4px;
	position:relative;
}

.central-map .map2 p{
	text-align:center;
	color:#fff;
	font-weight:700;
	font-size:20px;
}

.central-map .map2_arr{
	text-align:center;
	font-size:0;
	position:relative;
	z-index:1;
	margin-top:-8px;
}

.central-map .map3{
	display:flex;
	align-items:center;
	gap:60px;
	margin-top:-8px;
}

.central-map .map3 .map3_white{
	padding:20px;
	text-align:center;
	display:flex;
	width:240px;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	background:#fff;
	border-radius:4px;
	height:200px;
	position:relative;
}

.central-map .map3 .map3_white.map3_1:after{
	transform:rotate(180deg);
}

.central-map .map3 .map3_white.map3_3:after{
	right:inherit;
	left:-60px;
}

.central-map .map3 .map3_white strong{
	display:block;
	text-align:center;
	margin-bottom:12px;
	font-size:18px;
	font-weight:700;
	color:#333;
}

.central-map .map3 .map3_white ul li{
	font-size:14px;
	text-align:center;
	font-weight:400;
	margin-bottom:4px;
}

.central-map .map3 .map3_white ul li:last-of-type{
	margin-bottom:0;
}

.central-map .map3 .map3_white:after{
	background:url("../img/sub51_sec5_silde3.svg") no-repeat center;
	width:60px;
	height:12px;
	content:"";
	position:absolute;
	right:-60px;
}

.central-map .map3 .map3_2{
	width:calc(100% - 600px);
	background:#fff;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:20px;
	border:6px solid #7198d2;
	border-radius:4px;
	position:relative;
}

.central-map .map3 .map3_2 p{
	font-size:20px;
	font-weight:700;
	text-align:center;
	margin-top:12px;
}

.central-map .map4{
	display:flex;
	gap:20px;
	margin-top:-8px;
}

.central-map .map4 > div{
	width:calc((100% - 40px)/3);
}

.central-map .map4 .map4_1{
	display:flex;
	flex-direction:column;
	gap:20px;
}

.central-map .map4 .map4_1 > div{
	padding:20px;
	min-height:calc((100% - 20px)/2);
	background:#fff;
	border-radius:4px;
}

.central-map .map4 .map4_1 > div strong{
	display:block;
	font-size:18px;
	color:#333;
	font-weight:700;
	text-align:left;
	margin-bottom:12px;
}

.central-map .map4 .map4_1 > div ul li{
	margin-bottom:8px;
	display:flex;
}

.central-map .map4 .map4_1 > div ul li:last-of-type{
	margin-bottom:0;
}

.central-map .map4 .map4_1 > div ul li .dot{
	width:3px;
	height:3px;
	background:#333;
	border-radius:3px;
	flex-shrink:0;
	margin-top:5px;
}

.central-map .map4 .map4_1 > div ul li p{
	font-size:14px;
	font-weight:400;
	padding-left:4px;
}

.central-map .map4 .map4_2{
	background:#7f7f7f;
	padding:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:4px;
}

.central-map .map4 .map4_2 p{
	text-align:center;
	color:#fff;
	font-weight:700;
	font-size:20px;
}

.central-map .map4 .map4_3{
	background:#fff;
	border-radius:4px;
	padding:0 20px;
}

.central-map .map4 .map4_3 .map4_3_1{
	display:flex;
	flex-direction:column;
	padding:20px 0;
	align-items:center;
}

.central-map .map4 .map4_3 .map4_3_1 p{
	display:block;
	font-size:16px;
	color:#333;
	font-weight:700;
	text-align:center;
}

.central-map .map4 .map4_3 .map4_3_2{
	border-top:1px solid rgba(2, 2, 2, 0.1);
	padding:20px 0;
}

.central-map .map4 .map4_3 .map4_3_2 strong{
	font-size:20px;
	text-align:center;
	display:block;
	margin-bottom:12px;
	color:#333;
	font-weight:700;
}

.central-map .map4 .map4_3 .map4_3_2 p{
	text-align:center;
	font-weight:400;
	line-height:20px;
	color:#333;
	font-size:16px;
}

.g1 .gi-step{
	display:flex;
	margin-top:32px;
	gap:60px;
	justify-content:center;
}

.g1 .gi-step .gi-box{
	display:flex;
	width:100%;
	max-width:240px;
	align-items:center;
	padding:32px 0;
	border-radius:4px;
	justify-content:center;
	position:relative;
	background:rgba(246, 165, 24,0.2);
}

.g1 .gi-step .gi-box:before{
	width:20px;
	height:27px;
	content:"";
	position:absolute;
	left:-37px;
	top:50%;
	transform:translateY(-50%);
	background:url("../img/sub51_sec6_slide.png") no-repeat center;
}

.g1 .gi-step .gi-box:first-of-type:before{
	display:none;
}

.g1 .gi-step .gi-box p{
	font-weight:700;
	font-size:18px;
	text-align:center;
}

.ems .img{
	display:flex;
	margin-top:32px;
	justify-content:center;
	max-width:1280px;
}

.ems .img img{
	border-radius:4px;
	width:100%;
	height:auto;
}

.ems .img video{
	width:100%;
	max-width:1019px;
	border-radius:4px;
}

.mosaic{
	margin-top:80px;
	padding-bottom:0;
}

.mosaic .img{
	width:100%;
	margin-top:32px;
}

.mosaic .img img{
	width:100%;
}

.intro-wrap{
	display:flex;
	gap:40px;
	max-width:1000px;
	margin:0 auto 80px auto;
}

.intro-wrap .intro-box{
	width:100%;
	height:420px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:4px;
	position:relative;
	overflow:hidden;
}

.intro-wrap .intro-box:before{
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.3);
	z-index:1;
}

.intro-wrap .intro-box .bg{
	width:100%;
	height:100%;
	display:block;
	background:no-repeat center / cover;
	transition:all 0.3s;
}

.intro-wrap .intro-box.box1 .bg{
	background-image:url("../img/img_intro1.jpg");
}

.intro-wrap .intro-box.box2 .bg{
	background-image:url("../img/img_intro2.jpg");
}

.intro-wrap .intro-box p{
	padding:24px 40px;
	text-align:center;
	color:#fff;
	font-size:28px;
	font-weight:600;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0;
	right:0;
	padding:0 40px;
	z-index:2;
}

.intro-wrap .intro-box:hover .bg{
	transform:scale(1.3);
}

.patent {
	margin-top:80px;
}

.patent .swiper{
	width:100%;
	overflow:hidden;
}

.patent .swiper .swiper-wrapper{
	transition-timing-function:linear;
}

.patent .swiper .swiper-slide{
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:10px;
	overflow:hidden;
	box-shadow:0 0 20px 20px rgba(175, 175, 175, 0.1);
}

.patent .swiper .swiper-slide img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.patent .sec4_t_sw{
	padding:20px 0 10px 0;
}

.patent .sec4_b_sw{
	padding:10px 0px 20px 0px;
}

.partner{
	padding-bottom:0;
}

.partner-list{
	margin:32px auto 0 auto;
	display:flex;
	gap:20px;
	flex-wrap:wrap;
}

.partner-list .partner-box{
	border-radius:4px;
	width:calc((100% - 80px)/5);
	background:#f5f5f5;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	height:200px;
}

.history{
	padding:0 0 160px 0;
	margin-bottom:-160px;
}

.history-wrap{
	display:flex;
	margin-bottom:40px;
}

.history-wrap:last-of-type{
	margin-bottom:0;
}

.history-wrap .history-l{
	width:50%;
	padding:154px 40px 0 0;
}

.history-wrap .history-l strong{
	display:block;
	font-size:36px;
	font-weight:800;
	text-align:right;
	margin-bottom:24px;
}

.history-wrap .history-l .img{
	text-align:right;
	height:240px;
	border-radius:4px;
	overflow:hidden;
}

.history-wrap .history-l .img img{
	height:100%;
	width:auto;
}

.history-wrap .history-r{
	width:50%;
	padding-top:160px;
	padding-left:40px;
	position:relative;
}

.history-wrap .history-r:before{
	position:absolute;
	top:0;
	bottom:-160px;
	left:0;
	width:1px;
	content:"";
	background:#777;
}

.history-wrap .history-r .history-list{
	display:flex;
	flex-direction:column;
	gap:32px;
}

.history-wrap .history-r .history-list .history-box{
	position:relative;
}

.history-wrap .history-r .history-list .history-box .bar{
	width:30px;
	height:1px;
	position:absolute;
	top:12px;
	left:-40px;
	background:#777;
}

.history-wrap .history-r .history-list .history-box .bar:before{
	content:"";
	width:10px;
	height:10px;
	border-radius:100%;
	position:absolute;
	background:#ffa800;
	border:1px solid #777;
	top:-5px;
    left:-5px;
}

.history-wrap .history-r .history-list .history-box .month{
	display:block;
	font-size:24px;
	line-height:24px;
	font-weight:700;
	margin-bottom:8px;
	color:#ffa800;
}

.history-wrap .history-r .history-list .history-box .box-in{
	display:flex;
	flex-direction:column;
	gap:6px;
	padding-right:40px;
}

.history-wrap .history-r .history-list .history-box .box-in p{
	display:flex;
	font-size:16px;
	line-height:20px;
}

.history-wrap .history-r .history-list .history-box .box-in p:before{
	content:"";
	background:#333;
	width:4px;
	height:4px;
	border-radius:100%;
	flex-shrink:0;
	margin:8px 6px 0 0;
}

.tech .img{
	text-align:center;
	margin-top:32px;
}

.tech .img img{
	width:100%;
	height:auto;
	max-width:800px;
}

.tech2{
	padding-bottom:160px;
}

.tech2-list{
	display:flex;
	gap:40px;
	margin-top:32px;
}

.tech2-list .tech2-box{
	background:#fff;
	box-shadow:0 0 15px 15px rgba(175, 175, 175, 0.1);
	border-radius:4px;
	padding:32px 24px;
	width:calc((100% - 80px)/3);
}

.tech2-list .tech2-box .img{
	text-align:center;
}

.tech2-list .tech2-box .img img{
	height:100%;
	width:auto;
}

.tech2-list .tech2-box p{
	font-weight:700;
	font-size:18px;
	text-align:center;
	margin-top:20px;
}

.sub2-slider.tech3-swiper{
	width:930px;
	margin:32px auto 0 auto;
}

.tech3{
	background:#f5f5f5;
	padding:160px 0;
}

.sub2-slider.tech3-swiper .swiper-navigation button{
	top:50%;
	margin-top:-22px;
}

.swiper{
	overflow:hidden;
}

.tech4{
	padding:160px 0 80px;
}

.patents-list{
	display:flex;
	gap:40px;
	justify-content:center;
	margin-top:32px;
}

.patents-list .patent-box{
	background:#fff;
	box-shadow:0 0 15px 15px rgba(175, 175, 175, 0.1);
	border-radius:4px;
	width:100%;
	padding:24px;
}

.patents-list .patent-box p{
	text-align:center;
	font-weight:500;
	font-size:18px;
	margin-top:12px;
}

.patents-list .patent-box .img img{
	width:100%;
	height:auto;
}

.tech5{
	padding-bottom:0;
}

.tech5-rd{
	display:flex;
	gap:24px;
	margin-top:32px;
}

.tech5-rd > div{
	width:calc((100% - 24px)/2);
}

.tech5-rd .rd-l{
	background:#fff url("../img/sub63_sec5_img.jpg") no-repeat center;
	box-shadow:0 0 15px 15px rgba(175, 175, 175, 0.1);
	border-radius:4px;
	font-size:0;
}

.tech5-rd .rd-r{
	display:flex;
	flex-direction:column;
	gap:24px;
}

.tech5-rd .rd-r > div{
	background:#fff url("../img/sub63_sec5_img.png") no-repeat center;
	box-shadow:0 0 15px 15px rgba(175, 175, 175, 0.1);
	border-radius:4px;
	padding:24px;
	height:calc((100% - 24px)/2);
}

.tech5-rd .rd-r > div strong{
	display:block;
	font-size:20px;
	margin-bottom:24px;
	font-weight:700;
}

.tech5-rd .rd-r > div p{
	font-size:16px;
	text-align:left;
	font-weight:400;
	margin-bottom:36px;
}

.tech5-rd .rd-r > div .date{
	color:#aaaaaa;
	display:block;
	text-align:left;
	font-size:16px;
}

.search-wrap{
	display:flex;
	justify-content:flex-end;
	margin-bottom:12px;
}

.search-wrap .input-search{
	background:#f5f5f5;
	height:40px;
	display:flex;
	border-radius:40px;
	padding:0 8px 0 12px;
}

.search-wrap .input-search input{
	background:none;
	border:0;
	outline:0;
	height:40px;
	font-size:16px;
	padding:0 12px;
    color:#333;
	font-weight:500;
	width:240px;
}

.search-wrap .input-search .btn-search{
	height:40px;
	width:40px;
	background:url("../img/ico_search.svg") no-repeat center;
}

.list table{
	width:100%;
	table-layout:fixed;
}

.list table thead th{
	text-align:center;
	vertical-align:middle;
	font-weight:700;
	font-size:16px;
	color:#333;
	padding:14px;
	border-top:2px solid #777;
	border-bottom:2px solid #777;
}

.list table tbody td{
	font-size:16px;
	text-align:center;
	vertical-align:middle;
	color:#333;
	font-weight:400;
	padding:14px;
	border-bottom:1px solid #777;
}

.list table tbody td.not-data{
	padding:60px 14px;
}

.list table tbody td.not-data p{
	color:#818181;
}

.news-list{
	display:flex;
	padding:32px 0;
	gap:24px;
	flex-wrap:wrap;
	border-top:2px solid #777;
}

.news-list .news-box{
	width:calc((100% - 72px)/4);
	padding:24px;
	background:#fff;
	border-radius:4px;
	overflow:hidden;
	box-shadow:0 0 15px 15px rgba(175, 175, 175, 0.1);
}

.news-list .news-box a{
	display:block;
}

.news-list .news-box a .img{
	display:block;
	height:240px;
	background:#666;
	margin:-24px -24px 0 -24px;
}

.news-list .news-box a .img img{
	height:100%;
	width:100%;
	object-fit:cover;
}

.news-list .news-box a .title{
	white-space:nowrap;
	overflow:hidden;
	font-weight:700;
	text-overflow:ellipsis;
	display:block;
	font-size:16px;
	color:#333;
	margin:12px 0 8px;
	text-align:left;
}

.news-list .news-box a .date{
	font-size:13px;
	font-weight:400;
	color:#666666;
	text-align:left;
	display:block;
}

.news-list .not-data{
	padding:60px 14px;
	width:100%;
}

.news-list .not-data p{
	color:#818181;
	text-align:center;
	font-size:16px;
	font-weight:400;
}

.green1-flex{
	display:flex;
	gap:12px;
	margin-top:60px;
}

.green1-flex .flex-l{
	width:42%;
}

.green1-flex .flex-r{
	width:calc(58% - 12px);
	display:flex;
	flex-direction:column;
	gap:12px;
}

.green1-flex .flex-r div{
	border:1px solid #ccc;
	border-radius:4px;
	font-size:0;
	overflow:hidden;
	height:100%;
}

.green1-flex .flex-r div img{
	width:100%;
	height:100%;
}

.green1 .taspen-logo{
	background:#f5f5f5;
	border-radius:4px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:8px;
	gap:16px;
	border:1px solid #ccc;
}

.green1 .taspen-logo span{
	display:flex;
	justify-content:center;
	flex-shrink:0;
	width:100px;
}

.green1 .taspen-logo span img{
	height:30px;
	width:auto;
}

.green1 .taspen-logo p{
	font-size:12px;
	font-weight:500;
	line-height:14px;
	text-align:left;
}

.green1 .img-wrap{
	display:flex;
	gap:16px;
	flex-direction:column;
	margin-top:12px;
}

.green1 .img-wrap .img1{
	width:100%;
	border:1px solid #ccc;
	border-radius:4px;
	overflow:hidden;
	font-size:0;
}

.green1 .img-wrap .img1 img{
	height:auto;
	width:100%;
}

.green1 .img-wrap .img2-flex{
	display:flex;
	gap:12px;
}

.green1 .img-wrap .img2-flex .flex-box{
	width:calc((100% - 36px)/4);
	height:100px;
	overflow:hidden;
	border-radius:4px;
	border:1px solid #ccc;
	font-size:0;
}

.green1 .img-wrap .img2-flex .flex-box img{
	height:100%;
	width:100%;
	/*object-fit:cover;*/
}

.sub-cont.mou{
	padding-top:160px;
}

.mou-flex{
	display:flex;
	gap:16px;
	margin-top:60px;
}

.mou-flex .flex-l{
	flex-shrink:0;
	width:48%;
	border:1px solid #ccc;
	border-radius:4px;
	overflow:hidden;
	padding:20px;
}

.mou-flex .flex-l img{
	width:100%;
	height:100%;
	border-radius:4px;
}

.mou-flex .flex-r{
	width:calc(52% - 16px);
	display:flex;
	flex-direction:column;
}

.mou-flex .flex-r p{
	margin-bottom:24px;
	font-size:18px;
	font-weight:400;
	line-height:28px;
}

.mou-flex .flex-r div{
	margin-top:auto;
}

.mou-flex .flex-r div img{
	width:100%;
	height:auto;
	border-radius:4px;
}

.seminar-flex{
	display:flex;
	gap:16px;
	margin-top:60px;
}

.seminar-flex > div{
	width:calc((100% - 16px)/2);
}

.seminar-flex .flex-l img{
	width:100%;
	height:auto;
	border-radius:4px;
	border:1px solid #ccc;
}

.seminar-flex .flex-r{
	display:flex;
	flex-wrap:wrap;
	gap:16px;
}

.seminar-flex .flex-r > div{
	width:calc((100% - 16px)/2);
	height:calc((100% - 32px)/3);
}

.seminar-flex .flex-r > div img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:4px;
	border:1px solid #ccc;
}

.exhibition-flex{
	display:flex;
	gap:16px;
	margin-top:60px;
	flex-wrap:wrap;
}

.exhibition-flex div{
	width:calc((100% - 16px)/2);
	height:calc((100% - 16px)/2);
}

.exhibition-flex div img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:4px;
	border:1px solid #ccc;
}


/* 인도네시아버전용 css */
.id-wrap .social-wrap.type3 .social-box ul li span{
	min-width:140px;
}

.id-wrap .city-map .map-area .box-r .arrow.arrow3{
	left:98px;
}

.id-wrap .city-map .map-area .box-r .arrow.arrow4{
	top:327px;
}

.id-wrap .city-map .map-area .box-r .arrow.arrow5{
	top:451px;
}











/************************************************************************************
Media query
*************************************************************************************/

@media screen and (max-width:1279px) {
	.fixed-wrap{
		width:100%;
		padding-left:24px;
		padding-right:24px;
	}

	.header{
		height:48px;
		padding-right:48px;
	}

	.header .logo{
		left:24px;
		height:48px;
		top:0;
		transform:none;
		background-size:auto 28px;
		background-position:left center;
	}

	.header .gnb{
		display:none;
	}

	.header .lang{
		top:0;
		transform:none;
		height:48px;
		right:10px;
	}

	.header .btn-menu-mob{
		display:block;
		width:48px;
		height:48px;
		position:absolute;
		right:-48px;
		top:0;
		background:url("../img/ico_menu.svg") no-repeat center / 24px;
	}

	.header .fix-bg{
		position:fixed;
		right:0;
		top:0;
		bottom:0;
		left:0;
		z-index:99;
		background:rgba(0,0,0,0.7);
		display:none;
		backdrop-filter:blur(5px);
	}

	.header .fix-left-menu{
		width:300px;
		background:#fff;
		position:fixed;
		top:0;
		right:-300px;
		bottom:0;
		height:100%;
		z-index:1000;
		padding:52px 32px 32px 32px;
		transition:all 0.5s;
	}

	.header .fix-left-menu .gnb2 .btn-close{
		position:absolute;
		right:0;
		top:0;
		width:48px;
		height:48px;
		background:url("../img/ico_close.svg") no-repeat center / 24px;
	}

	.header .fix-left-menu .gnb2 > ul > li{
		margin-bottom:24px;
	}

	.header .fix-left-menu .gnb2 > ul > li > a{
		font-size:18px;
		font-weight:500;
		color:#333;
		text-align:left;
		display:block;
	}

	.header .fix-left-menu .gnb2 > ul > li .sub-menu{
		padding:8px 0;
	}

	.header .fix-left-menu .gnb2 > ul > li .sub-menu ul li{
		margin-bottom:8px;
	}

	.header .fix-left-menu .gnb2 > ul > li .sub-menu ul li:last-of-type{
		margin-bottom:0;
	}

	.header .fix-left-menu .gnb2 > ul > li .sub-menu ul li a{
		font-size:14px;
		font-weight:400;
	}

	.header .fix-left-menu.open{
		right:0;
		opacity:1;
	}

	.sub-cont.sub1 .sub-img{
		padding:0;
	}

	.fac-wrap .fac-box .img{
		width:240px;
	}

	.sub2-slider .swiper-navigation{
		display:flex;
		align-items:center;
		justify-content:center;
		gap:16px;
		margin-top:16px;
	}

	.sub2-slider .swiper-navigation button{
		position:static;
		transform:none;
		width:28px;
		height:28px;
		border-radius:100%;
		background-size:auto 14px;
		border:2px solid #666;
	}

	.sub2-slider .swiper-navigation button.swiper-button-prev{
		transform:rotate(180deg);
	}

	.sub2-slider.tech3-swiper .swiper-navigation button{
		margin:0;
	}

	.sub-cont.sub1 .sub-img2 .img1{
		height:auto;
		width:43%;
	}

	.sub-cont.sub1 .sub-img2 .img1 img{
		width:100%;
		height:auto;
	}

	.sub-cont.sub1 .sub-img2 .img2 .img2-l{
		width:45%;
	}

	.sub-cont.sub1 .sub-img2 .img2 .img2-l img{
		width:100%;
		height:auto;
	}

	.city-map .map-area .map-box{
		width:calc((100% - 72px)/4);
	}

	.city-map .map-area .map-box .box-t .g-name{
		display:block;
		color:#fff;
		font-weight:700;
		font-size:16px;
		margin-bottom:4px;
	}

	.city-map .map-area .box-l{
		position:static;
		display:flex;
		gap:24px;
		align-items:flex-start;
	}

	.city-map .map-area .map-box.box1{
		margin-top:0;
		order:0;
	}

	.city-map .map-area .map-box.box2{
		margin-top:0;
		order:1;
	}

	.city-map .map-area .map-box.box3{
		margin-top:0;
		order:3;
	}

	.city-map .map-area .map-box.box4{
		position:static;
		order:2;
	}

	.city-map .map-area .box-r{
		position:relative;
		display:flex;
		flex-wrap:wrap;
		gap:40px 70px;
		right:0;
		top:0;
	}

	.city-map .map-area .box-r .map-box{
		width:calc((100% - 70px)/2);
		background:#777777;
	}

	.city-map .map-area .map-box.box6{
		margin-top:0;
	}

	.city-map .map-area .map-box.box7{
		margin-top:0;
	}

	.city-map .map-area .map-box.box8{
		margin-top:0;
		padding-top:23px;
		background:#fff;
		position:relative;
	}

	.city-map .map-area .map-box.box8 .g-name{
		color:#333;
		position:absolute;
		top:12px;
		left:12px;
	}

	.city-map .map-area .box-r .arrow.arrow1{
		right:initial;
		left:25%;
		top:-85px;
	}

	.city-map .map-area .box-r .arrow.arrow1 .ico{
		transform:rotate(0);
	}

	.city-map .map-area .box-r .arrow.arrow2{
		right:25%;
		top:-85px;
	}

	.city-map .map-area .box-r .arrow.arrow2 .ico{
		transform:rotate(180deg);
	}

	.city-map .map-area .box-r .arrow.arrow3{
		left:50% !important;
		transform:translateX(-50%);
		top:30px;
	}

	.city-map .map-area .box-r .arrow.arrow3 .ico{
		transform:rotate(-90deg);
	}

	.city-map .map-area .box-r .arrow.arrow4{
		left:50%;
		transform:translateX(-50%);
		top:156px;
	}

	.city-map .map-area .box-r .arrow.arrow4 .ico{
		transform:rotate(45deg);
	}

	.city-map .map-area .box-r .arrow.arrow5{
		left:50%;
		transform:translateX(-50%);
		bottom:30px;
		top:initial;
	}

	.city-map .map-area .box-r .arrow.arrow5 .ico{
		transform:rotate(-90deg);
	}

	.partner-list{
		gap:12px;
	}

	.partner-list .partner-box{
		padding:12px;
		height:auto;
		width:calc((100% - 48px)/5)
	}

	.partner-list .partner-box img{
		max-width:100%;
		width:auto;
	}
}

@media screen and (max-width:1101px) {
	.fac-wrap .fac-box .img{
		width:180px;
	}

	.sub-cont.sub1 .sub-img2{
		flex-direction:column;
		gap:32px;
	}

	.sub-cont.sub1 .sub-img2 .img1{
		width:100%;
		height:auto;
	}

	.sub-cont.sub1 .sub-img2 .img2{
		justify-content:center;
	}

	.sub-cont.sub1 .sub-img2 .img2 .img2-l{
		height:auto;
	}
}

@media screen and (max-width:1040px){
	.central-map{
		width:100%;
	}

	.central-map .map-arr-l,
	.central-map .map-arr-r{
		width:1.2vw;
		top:10vw;
	}

	.central-map .map-arr-l img,
	.central-map .map-arr-r img{
		width:100%;
		height:100%;
	}

	.central-map .map-arr-l{
		left:-1.2vw;
	}

	.central-map .map-arr-r{
		right:-1.2vw;
	}

	.central-map .map1:after{
		background-size:100% 111px;
	}

	.central-map .map1 > div{
		padding:1.92vw;
	}

	.central-map .map1 > div .img{
		height:11.15vw;
	}

	.central-map .map1 > div .img img{
		height:100%;
		width:auto;
		max-height:116px;
	}

	.central-map .map1 > div p{
		font-size:1.53vw;
		margin-top:1.15vw;
	}

	.central-map .map1_arr{
		margin-top:-0.76vw;
	}

	.central-map .map1_arr img{
		width:56vw;
		height:auto;
	}

	.central-map .map2{
		padding:1.92vw;
		margin:-0.76vw 0;
	}

	.central-map .map2 p{
		font-size:1.92vw;
	}

	.central-map .map2_arr{
		margin-top:-0.76vw;
	}

	.central-map .map2_arr img{
		width:1.9vw;
		height:auto;
	}

	.central-map .map3{
		margin-top:-0.76vw;
	}

	.central-map .map3 .map3_2{
		width:calc(100% - 120px - 56%);
		padding:1.92vw;
	}

	.central-map .map3 .map3_2 .img{
		height:10.59vw;
		text-align:center;
	}

	.central-map .map3 .map3_2 .img img{
		width:auto;
		max-width:145px;
		height:100%;
	}

	.central-map .map3 .map3_2 p{
		font-size:1.92vw;
		margin-top:1.15vw;
	}

	.central-map .map3 .map3_white{
		width:28%;
		padding:1.92vw;
		height:auto;
		min-height:19.23vw;
	}

	.central-map .map4{
		margin-top:-0.76vw;
	}

	.sub2-slider.tech3-swiper{
		width:100%;
	}

	.patents-list{
		gap:16px;
	}

	.patents-list .patent-box{
		padding:16px;
	}

	.tech5-rd{
		gap:16px;
	}

	.tech5-rd > div{
		width:calc((100% - 16px)/2);
	}

	.tech5-rd .rd-r{
		gap:16px;
	}

	.tech2-list{
		gap:16px;
	}

	.tech2-list .tech2-box{
		width:calc((100% - 32px)/3);
		padding:20px;
	}

	.tech2-list .tech2-box .img img{
		max-width:100%;
		height:auto;
	}
}


@media screen and (max-width:921px) {
	.fac-wrap{
		flex-direction:column;
		gap:24px;
	}
	.fac-wrap .fac-box{
		width:100%;
	}

	.fac-wrap .fac-box .img img{
		max-height:180px;
	}

	.sub-cont.sub1 .sub-img .img-in{
		width:45%;
	}

	.main2 .fixed-wrap{
		gap:24px;
	}

	.main2 .fixed-wrap .solution-box .img strong{
		font-size:28px;
	}

	.main2 .fixed-wrap .solution-box .txt-in .txt1-big br{
		display:none;
	}

	.city-map .map-area{
		width:100%;
	}

	.city-map .map-area .box-l{
		flex-wrap:wrap;
		align-items:stretch;
	}

	.city-map .map-area .box-l .map-box{
		width:calc((100% - 24px)/2);
	}

	.green1-flex{
		flex-direction:column;
	}

	.green1-flex .flex-l{
		width:100%;
	}

	.green1-flex .flex-r{
		width:100%;
	}

	.green1 .img-wrap .img2-flex .flex-box{
		height:auto;
	}
}

@media screen and (max-width:850px) {
	.big-tit{
		padding:0 24px;
	}

	.fixed-wrap .big-tit{
		padding:0;
	}

	.big-txt{
		padding:0 24px;
	}

	.fixed-wrap .big-txt{
		padding:0;
	}

	.mou-flex{
		flex-direction:column;
	}

	.mou-flex .flex-l{
		width:100%;
	}

	.mou-flex .flex-r{
		width:100%;
	}
}

@media screen and (max-width:800px) {
	.main2 .fixed-wrap{
		flex-direction:column;
	}

	.main2 .fixed-wrap .solution-box{
		display:flex;
	}

	.main2 .fixed-wrap .solution-box .img{
		width:50%;
		height:auto;
	}

	.main2 .fixed-wrap .solution-box .txt-in{
		width:50%;
		height:auto;
	}

	.main5 .future-wrap{
		gap:32px 24px;
		flex-wrap:wrap;
	}

	.main5 .future-wrap .future-box{
		width:calc((100% - 24px)/2);
	}

	.foot-btm1{
		flex-direction:column;
	}

	.foot-btm2 .copy{
		flex-direction:column;
	}

	.foot-btm2 .copy .copy-l{
		align-self:flex-start;
	}

	.foot-btm2 .copy .copy-r{
		margin-left:0;
		text-align:left;
		width:100%;
	}

	.sub-cont .app-info{
		flex-direction:column;
	}

	.sub-cont .app-info .info-box .img{
		height:400px;
	}

	.sub-cont .app-info .info-box .img img{
		height:100%;
		width:auto;
	}

	.zeb .zeb-img-list{
		flex-wrap:wrap;
	}

	.zeb .zeb-img-list .img-box{
		width:calc((100% - 20px) / 2);
	}
}

@media screen and (max-width:768px){
	.green-year{
		flex-direction:column;
	}

	.green-year .green-year-l{
		width:100%;
		flex-direction:row;
		border-right:0;
		border-bottom:1px solid #dbdbdb;
	}

	.green-year .green-year-l .year-box{
		height:auto;
		border:0;
		align-items:center;
		justify-content:flex-start;
		padding:20px;
		border-right:1px solid #dbdbdb;
	}

	.green-year .green-year-l .year-box:last-of-type{
		border-right:0;
	}

	.green-year .green-year-l .year-box p{
		text-align:center;
		font-size:16px;
		line-height:20px;
	}

	.green-year .green-year-r{
		width:100%;
	}

	.green-year .green-year-r .year-r-box{
		padding:20px;
	}

	.social-wrap .social-box .img-txt strong{
		font-size:20px;
	}

	.social-wrap .social-box .img-txt ul li{
		font-size:14px;
	}

	.social-wrap .social-box .img-txt ul li:before{
		margin-top:5px;
	}

	.main4 .bg strong{
		font-size:36px;
		padding:0 24px;
	}

	.central-map .map3{
		gap:30px;
		align-items:stretch;
	}

	.central-map .map3 .map3_2{
		width:calc(100% - 60px - 56%);
		padding:16px;
	}

	.central-map .map3 .map3_white:after{
		width:30px;
		background-size:100% auto;
		right:-30px;
	}

	.central-map .map3 .map3_white.map3_3:after{
		left:-30px;
	}

	.social-wrap.type2 .social-box .mini{
		font-size:16px;
		margin-bottom:8px;
	}

	.social-wrap.type2 .social-box strong{
		margin-bottom:20px;
	}

	.social-wrap.type2 .social-box ul li{
		margin-bottom:6px;
	}

	.social-wrap.type2 .social-box ul li .num{
		font-size:14px;
		min-width:16px;
	}

	.social-wrap.type2 .social-box ul li p{
		font-size:14px;
	}

	.project-info .info-box strong{
		font-size:18px;
		min-width:180px;
	}

	.popup-wrap .popup{
		width:calc(100vw - 48px);
	}

	.sub2-slider .swiper-slide strong br,
	.sub-cont.sub5 .fixed-wrap > strong br,
	.sub-cont.sub5 .fixed-wrap > p br,
	.big-tit br,
	.big-txt br,
	.social-wrap .social-box .img-txt strong br,
	.main4.fade .bg strong br,
	.sub-banner p br,
	.tech2-list .tech2-box p br{
		display:none;
	}
}

@media screen and (max-width:700px){
	.sub-cont.sub1 .sub-img:not(.flx){
		flex-direction:column;
	}

	.sub-cont.sub1 .sub-img .img-in{
		width:100%;
	}

	.sub-cont.sub1 .sub-img .img-txt{
		padding:0;
	}

	.app-box-wrap{
		gap:24px;
	}

	.app-box-wrap .app-box strong{
		font-size:16px;
	}

	.sub-cont.sub3_1 .market-box-wrap{
		flex-direction:column;
	}

	.sub-cont.sub3_1 .market-box-wrap .market-box{
		height:auto;
		width:100%;
		background-size:100%;
		padding:20px;
	}
}

@media screen and (max-width:600px){
	.sub-cont.sub1 .sub-img2 .img2{
		flex-direction:column;
		position:relative;
	}

	.sub-cont.sub1 .sub-img2 .img2 .img2-l{
		width:50%;
	}

	.sub-cont.sub1 .sub-img2 .img2 .logo-wrap{
		position:absolute;
		top:0;
		flex-direction:column;
		width:50%;
		right:0;
		gap:12px;
	}

	.sub2-slider{
		padding:20px;
	}

	.sub2-slider .swiper-slide strong{
		padding:0;
	}

	.sub2-slider .swiper-slide p{
		padding:0;
	}

	.app-box-wrap{
		flex-direction:column;
	}

	.app-box-wrap .app-box strong{
		margin-bottom:8px;
	}

	.app-box-wrap .app-box > p{
		font-size:36px;
		line-height:36px;
	}

	.social-wrap .social-box{
		flex-direction:column;
		gap:12px;
		margin-bottom:36px;
	}

	.social-wrap .social-box .img{
		width:100%;
		height:auto;
	}

	.central-map .map1 > div p{
		font-size:14px;
	}

	.central-map .map2 p{
		font-size:14px;
	}

	.central-map .map3 .map3_white strong{
		font-size:13px;
	}

	.central-map .map3 .map3_white ul li{
		font-size:11px;
	}

	.central-map .map3 .map3_2 p{
		font-size:11px;
	}

	.central-map .map4 .map4_1 > div strong{
		font-size:14px;
	}

	.central-map .map4 .map4_1 > div ul li p{
		font-size:12px;
	}

	.central-map .map4 .map4_2 p{
		font-size:14px;
	}

	.central-map .map4 .map4_3 .map4_3_1 p{
		font-size:12px;
	}

	.central-map .map4 .map4_3 .map4_3_2 strong{
		font-size:13px;
	}

	.central-map .map4 .map4_3 .map4_3_2 p{
		font-size:11px;
		line-height:14px;
	}

	.g1 .gi-step{
		gap:30px;
	}

	.g1 .gi-step .gi-box{
		padding:20px 12px;
	}

	.g1 .gi-step .gi-box:before{
		width:14px;
		background-size:100% auto;
		left:-21px;
	}

	.g1 .gi-step .gi-box p{
		font-size:14px;
	}

	.social-wrap.type2{
		flex-wrap:wrap;
		display:flex;
		gap:24px;
	}

	.social-wrap.type2 .social-box {
		width:calc((100% - 24px)/2);
	}

	.social-wrap.type2 .social-box .img{
		width:100%;
		height:auto;
	}

	.history-wrap .history-l{
		width:30%;
		padding:54px 20px 0 0;
	}

	.history-wrap:first-of-type .history-l{
		padding-top:154px;
	}

	.history-wrap .history-l strong{
		font-size:28px;
	}

	.history-wrap .history-l .img{
		height:auto;
	}

	.history-wrap .history-l .img img{
		width:100%;
		height:auto;
	}

	.history-wrap .history-r{
		width:70%;
		padding-left:20px;
		padding-top:60px;
	}

	.history-wrap:first-of-type .history-r{
		padding-top:160px;
	}

	.history-wrap .history-r .history-list .history-box .bar{
		left:-20px;
		width:16px;
	}

	.history-wrap .history-r .history-list .history-box .box-in p{
		font-size:13px;
		line-height:17px;
	}

	.history-wrap .history-r .history-list .history-box .box-in{
		padding-right:0;
	}

	.tech2-list{
		flex-direction:column;
	}

	.tech2-list .tech2-box{
		width:100%;
	}

	.patents-list{
		flex-direction:column;
	}

	.patents-list .patent-box .img{
		width:80%;
		margin:0 auto;
	}

	.tech5-rd{
		flex-direction:column;
	}

	.tech5-rd > div{
		width:100%;
	}

	.tech5-rd .rd-l{
		height:140px;
		background-size:auto 100px;
	}

	.tech5-rd .rd-r >div{
		width:100%;
	}

	.tech5-rd .rd-r > div strong{
		margin-bottom:12px;
	}

	.tech5-rd .rd-r > div p{
		margin-bottom:16px;
	}

	.intro-wrap{
		flex-direction:column;
		gap:24px;
	}

	.intro-wrap .intro-box{
		height:240px;
	}

	.green-year .green-year-l{
		flex-direction:column;
	}

	.green-year .green-year-l .year-box{
		padding:16px 20px;
		align-items:flex-start;
		border-bottom:1px solid #dbdbdb;
	}

	.green-year .green-year-l .year-box p{
		width:100%;
		text-align:left;
	}

	.green-year .green-year-l .year-box:last-of-type{
		border-bottom:0;
	}
}

@media screen and (max-width:480px){
	.main1 p{
		font-size:9.97vw;
	}

	.main2 .fixed-wrap .solution-box{
		flex-direction:column;
	}

	.main2 .fixed-wrap .solution-box .img{
		width:100%;
		height:150px;
	}

	.main2 .fixed-wrap .solution-box .img strong{
		font-size:5.82vw;
	}

	.main2 .fixed-wrap .solution-box .txt-in{
		width:100%;
	}

	.main2 .fixed-wrap .solution-box .txt-in p.txt1{
		font-size:12px;
	}

	.main2 .fixed-wrap .solution-box .txt-in p.txt2{
		font-size:4.15vw;
	}

	.main3 .txt1{
		font-size:4.98vw;
	}

	.main3 .txt2{
		font-size:6.65vw;
	}

	.main5 .tit{
		font-size:6.65vw;
	}

	.main5 .txt1{
		font-size:4.15vw;
	}

	.main5 .future-wrap .future-box strong{
		font-size:3.74vw;
	}

	.main5 .future-wrap .future-box p{
		font-size:6.65vw;
	}

	.main5 .future-wrap .future-box span{
		font-size:3.32vw;
	}

	.footer .foot-txt{
		font-size:5.82vw;
	}

	.foot-btm1 .btm1-menu a{
		font-size:3.32vw;
	}

	.foot-btm2 .copy .copy-l p,
	.foot-btm2 .copy .copy-r a{
		font-size:2.91vw;
	}

	.sub-banner h2{
		font-size:11.22vw;
	}

	.sub-banner p{
		font-size:16px;
	}

	.sub-cont.sub3 .fixed-wrap p{
		font-size:6.65vw;
	}

	.sub-cont.sub3 .fixed-wrap p.yellow{
		font-size:10.39vw;
	}

	.sub-cont.sub1 .sub-img2 .img2 .logo-wrap span{
		width:80px;
		height:80px;
		background-size:80px auto;
	}

	.fac-wrap .fac-box .img{
		width:30%;
	}

	.sub-cont .app-info{
		gap:20px;
	}

	.sub-cont .app-info .info-box{
		padding:20px;
	}

	.sub-cont .app-info .info-box p{
		font-size:5.82vw;
		line-height:6.65vw;
		margin-bottom:24px;
	}

	.sub-cont .app-info .info-box .img{
		height:auto;
		width:100%;
	}

	.sub-cont .app-info .info-box .img img{
		height:auto;
		width:100%;
	}

	.app-view .txt1{
		font-size:5.82vw;
	}

	.app-view .txt2{
		font-size:4.98vw;
	}

	.app-view .txt3{
		font-size:4.15vw;
	}

	.sub-cont.sub5 .fixed-wrap > p{
		font-size:14px;
		line-height:18px;
	}

	.contact strong{
		font-size:36px;
	}

	.fac-wrap .fac-box .img-info strong{
		margin:0 0 8px;
		font-size:4.98vw;
	}

	.big-tit{
		font-size:5.82vw;
		line-height:6.65vw;
	}

	.big-txt{
		font-size:14px;
		line-height:4.15vw;
	}

	.sub-cont.sub1 .sub-img .img-txt p{
		font-size:16px;
		line-height:20px;
	}

	.fac-wrap .fac-box .img-info p{
		font-size:14px;
		line-height:18px;
	}

	.fac-wrap .fac-box .img-info .btn-download{
		font-size:12px;
	}

	.txt-starting{
		font-size:18px;
	}

	.main4 .bg strong{
		font-size:5.82vw;
	}

	.main4 .bg p{
		font-size:4.98vw;
	}

	.main4 .bg .btn{
		height:40px;
		font-size:14px;
	}

	.sub2-slider .swiper-slide strong{
		font-size:5.82vw;
        line-height:6.65vw;
	}

	.sub2-slider .swiper-slide p{
		font-size:14px;
		line-height:18px;
	}

	.sub-cont.sub5 .fixed-wrap > strong{
		font-size:5.82vw;
	}

	.contact strong{
		font-size:5.82vw;
	}

	.contact .btn-call{
		font-size:14px;
		height:40px;
	}

	.project-info .info-box strong{
		font-size:14px;
	}

	.project-info .info-box p{
		font-size:12px;
	}

	.city-map .map-area .box-l{
		flex-direction:column;
	}

	.city-map .map-area .box-l .map-box{
		width:100%;
	}

	.city-map .map-area .box-r{
		flex-direction:column;
		gap:60px;
	}

	.city-map .map-area .box-r .map-box{
		width:100%;
	}

	.city-map .map-area .box-r .map-box.box5{
		position:relative;
	}

	.city-map .map-area .box-r .map-box.box5:before{
		content:"Carbon Neutrality";
		position:absolute;
		right:12px;
		top:12px;
		color:#fff;
        font-weight:500;
        font-size:14px;
	}

	.city-map .map-area .box-r .arrow.arrow1,
	.city-map .map-area .box-r .arrow.arrow2{
		display:none;
	}

	.city-map .map-area .box-r .arrow.arrow3{
		top:110px;
	}

	.city-map .map-area .box-r .arrow.arrow3 .ico{
		transform:none;
		height:18px;
		background-size:auto 18px;
	}

	.city-map .map-area .box-r .map-box.box6{
		position:relative;
	}

	.city-map .map-area .box-r .map-box.box6:before{
		content:"Data collection";
		position:absolute;
		right:12px;
		top:12px;
		color:#fff;
		font-weight:500;
		font-size:14px;
	}

	.city-map .map-area .box-r .arrow.arrow4{
		top:initial !important;
		bottom:225px;
	}

	.city-map .map-area .box-r .arrow.arrow4 .ico{
		width:18px;
		transform:rotate(0);
		background-size:12px auto;
	}

	.city-map .map-area .box-r .arrow.arrow5{
		top:initial !important;
		bottom:84px;
	}

	.city-map .map-area .box-r .arrow.arrow5 .ico{
		width:18px;
		transform:rotate(0);
		background-size:12px auto;
	}

	.central-map .map4{
		gap:12px;
	}

	.central-map .map4 > div{
		width:calc((100% - 24px)/3);
	}

	.central-map .map4 .map4_1{
		gap:16px;
	}

	.central-map .map4 .map4_1 > div{
		height:calc((100% - 16px)/2);
		padding:16px;
	}

	.central-map .map4 .map4_2{
		padding:16px;
	}

	.central-map .map4 .map4_3{
		padding:0 8px;
	}

	.central-map .map4 .map4_3 .map4_3_1 .ico{
		height:12.5vw;
	}

	.central-map .map4 .map4_3 .map4_3_1 .ico img{
		height:100%;
		width:auto;
	}

	.social-wrap.type2{
		flex-direction:column;
	}

	.social-wrap.type2 .social-box{
		width:100%;
		gap:16px;
	}

	.central-map .map1 > div p{
		font-size:12px;
	}

	.patents-list .patent-box p{
		font-size:14px;
	}

	.tech5-rd .rd-r > div p{
		font-size:14px;
	}

	.tech5-rd .rd-r > div .date{
		font-size:12px;
	}

	.tech2-list .tech2-box p{
		font-size:14px;
	}

	.intro-wrap .intro-box p{
		font-size:22px;
		padding:0 20px;
	}

	.social-wrap .social-box .img-txt .mini{
		font-size:14px;
	}

	.social-wrap .social-box .img-txt ul li{
		font-size:12px;
	}

	.id-wrap .social-wrap.type3 .social-box ul li span{
		min-width:100px;
	}

	.mou-flex .flex-r p{
		font-size:14px;
		line-height:18px;
	}

	.seminar-flex{
		flex-direction:column;
		margin-top:30px;
	}

	.seminar-flex > div{
		width:100%;
	}

	.seminar-flex .flex-r > div{
		height:auto;
	}

	.exhibition-flex{
		margin-top:30px;
	}

	.green1-flex{
		margin-top:30px;
	}

	.mou-flex{
		margin-top:30px;
	}

	.sub-cont.sub1 .sub-img2 .img2 .img2-r strong{
		font-size:4.98vw;
	}

	.sub-cont.sub1 .sub-img2 .img2 .img2-r ul li{
		font-size:12px;
		margin-bottom:6px;
	}

	.zeb .zeb-img-list .img-box strong{
		font-size:12px;
		margin-top:8px;
	}

	.sub-cont.sub3_1 .market-box-wrap .market-box strong{
		font-size:7.48vw;
	}

	.sub-cont.sub3_1 .market-box-wrap .market-box > p{
		font-size:4.15vw;
	}

	.sub-cont.sub3_1 .market-box-wrap .market-box ul li p{
		font-size:13px;
		line-height:17px;
	}

	.popup-wrap .popup .popup-top strong{
		font-size:18px;
	}

	.popup-wrap .popup .popup-top .txt1{
		font-size:12px;
		margin-top:8px;
	}

	.popup-wrap .popup .popup-btm{
		max-height:calc(100vh - 327px);
	}

	.popup-wrap .popup .popup-btm .form-list .form-box strong{
		font-size:13px;
	}

	.popup-wrap .popup .popup-btm .form-list .form-box .consent > p{
		font-size:12px;
	}

	.popup-wrap .popup .popup-btm .form-list .form-box .consent ul li p{
		font-size:12px;
	}

	.main2 .fixed-wrap .solution-box .txt-in .txt1-big{
		font-size:16px;
	}

	.main2 .fixed-wrap .solution-box .txt-in ul li{
		margin-bottom:6px;
	}

	.main2 .fixed-wrap .solution-box .txt-in ul li p{
		font-size:12px;
	}

	.main2 .fixed-wrap .solution-box .txt-in ul li .dot{
		margin-top:5px;
	}

	.social-wrap .social-box .img-txt strong{
		font-size:16px;
	}

	.green-year .green-year-l .year-box strong{
		font-size:24px;
		line-height:24px;
	}

	.green-year .green-year-l .year-box p{
		font-size:13px;
		line-height:17px;
	}

	.green-year .green-year-r .year-r-box strong{
		font-size:18px;
		line-height:22px;
	}

	.green-year .green-year-r .year-r-box p{
		font-size:13px;
		line-height:17px;
	}

	.sub-cont .slide-area .btn{
		font-size:16px;
	}

	.partner-list .partner-box{
		width:calc((100% - 12px)/2);
	}
}

@media screen and (max-width:400px){
	.project-info .info-box{
		flex-direction:column;
		gap:0;
		align-items:stretch;
	}

	.project-info .info-box strong{
		border-radius:4px 4px 0 0;
		height:auto;
		padding:12px 16px;
	}

	.project-info .info-box p{
		height:auto;
		border-radius:0 0 4px 4px;
		padding:12px 16px;
	}

	.g1 .gi-step .gi-box{
		padding:12px 8px;
	}

	.g1 .gi-step .gi-box p{
		font-size:12px;
	}

	.history-wrap .history-l strong{
		font-size:24px;
		line-height:38px;
		margin-bottom:12px;
	}
}