@charset "utf-8";
@import url("common.css");
body, h1, h2, h3, h4, h5, h6, th, td, li, dt, dd, a, p, input, textarea, select, option, button {
	color: #222;
	font-family: "Noto Sans KR", "돋움", dotum, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

/*Layer*/
body{width:100%;}
#wrap{width:100%; position: relative;}
#header{}
#container{width:100%}
#contents{}
#footer{width:100%;}

.pcbr{display:none;}
.ptbr{display:none;}
.tbbr{display:none;}
.tmbr{display:block;}
.mbbr{display:block;}
.dn{display:none;}
.pc_view{display: none !important;}
.pt_view{display: none !important;}
.t_view{display: none !important;}
.tm_view{display: block !important;}
.m_view{display: block !important;}


#header.scroll{background: #fff; box-shadow: inset 0 -1px 0 0 #ddd}
.scroll .head h1 a{
	background:url(/images/common/logo2.png) no-repeat center;
}
.scroll .head .pcNav>ul>li>a{color:#000;}
.scroll .head .gnb .language>a{color:#000;}
.scroll .head .gnb .language>a:after{border-right:2px solid #000;border-bottom:2px solid #000;}
.scroll .head .gnb .contact:before{background:rgba(0,0,0,0.5);}
.scroll .head .gnb .contact>a{color:#000;}
.scroll .head .gnb .btnMenu>div{background:#000;}


/* paging */
.paging{
	margin-top:80px;
	text-align:center;
}
.paging a{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:50px;height:50px;
	font-family:"Poppins";color:#999;font-size:18px;line-height:50px;
}
.paging strong{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:50px;height:50px;
	border-radius:50%;
	background:#81b942;
	font-family:"Poppins";color:#fff;font-size:18px;line-height:50px;font-weight:400;
}
.paging .page_begin{
	width:50px;height:50px;
	background:url(/images/common/page_begin.png) no-repeat center;
	border:0;
}
.paging .page_prev{
	width:50px;height:50px;
	background:url(/images/common/page_prev.png) no-repeat center;
	border:0;margin-right:20px;
}
.paging .page_next{
	width:50px;height:50px;
	background:url(/images/common/page_next.png) no-repeat center;
	border:0;margin-left:20px;
}
.paging .page_end{
	width:50px;height:50px;
	background:url(/images/common/page_end.png) no-repeat center;
	border:0;
}

.top_btn {
	position: fixed;
	right: 30px;
	bottom: 20px;
	cursor: pointer;
	z-index: 10;
	width: 40px;
	height: 40px;
}



.innerwrap{
	width: 92%;
	max-width: 1760px;
	margin: 0 auto;
}



.page_top{
	position: relative;
	width: 100%;
	height: 80vh;
	overflow: hidden;
}
.page_top .imgwrap{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}


.page_top.pn1 .imgwrap{background: url(/images/page/sub_visual1.jpg) no-repeat center / cover;}
.page_top.pn2 .imgwrap{background: url(/images/page/sub_visual2.jpg) no-repeat center / cover;}
.page_top.pn3 .imgwrap{background: url(/images/page/sub_visual3.jpg) no-repeat center / cover;}
.page_top.pn4 .imgwrap{background: url(/images/page/sub_visual4.jpg) no-repeat center / cover;}
.page_top.pn5 .imgwrap{background: url(/images/page/sub_visual5.jpg) no-repeat center / cover;}
.page_top.pn6 .imgwrap{background: url(/images/page/sub_visual6.jpg) no-repeat center / cover;}
.page_top.pn7 .imgwrap{background: url(/images/page/sub_visual7.jpg) no-repeat center / cover;}

.page_top .txtwrap{
	width: 92%;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.page_top .txtwrap > div{
	overflow: hidden;
}
.page_top .txtwrap > div:last-child{
	position: relative;
	margin-top: 40px;
	padding-top: 40px;
}
.page_top .txtwrap > div:last-child:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 0.4);
}
.page_top .txtwrap > div h2{
	font-family: "Poppins";
	font-size: min(48px, 12vw);
	font-weight: 600;
	color: #fff;
	line-height: 1.2em;;
}

.page_top .txtwrap > div h3{
	font-family: "Poppins";
	font-size: min(32px, 8.25vw);
	font-weight: 600;
	color: #fff;
	line-height: 1.2em;
}

.page_top .scrolldown{
	position: absolute;
	right: 4%;
	bottom: 60px;
}
.page_top .scrolldown span{
	font-family: "Poppins";
	font-size: 13px;
	color: #fff;
}
.page_top .scrolldown img{
	animation: down 2s infinite;
	-webkit-animation: down 2s infinite;
}
@keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(5px);
	}
	40% {
		transform: translate(0);
	}
}

@-webkit-keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(5px);
	}
	40% {
		transform: translate(0);
	}
}


.sub_menu{
	width: 92%;
	max-width: 1760px;
	margin: 0 auto;
	padding: 30px 0;
	overflow:hidden;
}
.sub_menu ul{
	display: flex;
	overflow: hidden;
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
}
.sub_menu ul::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}
.sub_menu li{
	display: inline-block;
	margin-right: min(20px, 4vw);
}
.sub_menu li:last-child{
	margin-right: 0;
}
.sub_menu li a{
	position: relative;
	padding-left: 18px;
	font-size: 15px;
	font-weight: 500;
	color: #888;
	transition: all 0.3s;
	white-space: nowrap;
}
.sub_menu li a sub{margin-top:10px;}
.sub_menu li.on a{
	color: #222;
}
.sub_menu li a:after{
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid #d3d3d3;
	transition: all 0.3s;
}
.sub_menu li.on a:after{
	background: #5d6a70;
	border: 1px solid #5d6a70;
}
.sub_menu li:hover a:after{
	background: #5d6a70;
	border: 1px solid #5d6a70;
}


.sub_tab{
	width: 92%;
	max-width: 1760px;
	margin: 0 auto 80px;
	padding-top: 50px;
	border-top: 1px solid #ccc;
	display: flex;
	flex-direction:column-reverse;;
	justify-content: space-between;
}
.sub_tab .page_tit{
	font-size: 40px;
	font-weight: 700;
}
.sub_tab .page_desc{
	font-size: 16px;
	color:#666666;
	margin-top: 20px;
	font-weight: 400;
	line-height: 1.6em;
}
.sub_tab .page_tit sub{font-size:18px;margin-top:28px;}

.sub_tab .pageLocation{
	display: flex;margin-bottom: 10px;
}
.sub_tab .pageLocation li{
	position: relative;
	padding-left: 22px;
	font-size: 14px;
	font-weight: 400;
	color: #6f6e6b;
}
.sub_tab .pageLocation li:first-child{padding-left: 0;}
.sub_tab .pageLocation li:after{
	content: "";
	position: absolute;
	left: 6px;
	top: 9px;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	transform: rotate(-45deg);
}
.sub_tab .pageLocation li:first-child:after{
	display: none;
}
.sub_tab .pageLocation li a{
	font-size: 14px;
	font-weight: 400;
	color: #6f6e6b;
}
.sub_tab .pageLocation li a img{
	margin: 0 5px 5px 0;
}
.sub_tab .pageLocation li sub{margin-top:7px;}

.m11{padding-bottom: 220px;}
.m11 .area{
display: block;margin-bottom: 100px;
}
.m11 .area:last-child{margin-bottom: 0;}
.m11 .area>div{width:100%;}
.m11 .area .txtwrap{margin-top: 40px;}
.m11 .area .txtwrap strong{
font-size:36px;color:#000;font-weight:bold;line-height: 1.25em;display: block;margin-bottom: 40px;
}
.m11 .area .txtwrap p{
color:#555555;font-weight: 400;font-size:15px;line-height: 1.6em;
}
.m11 .area .txtwrap .t_tit{
font-size:28px;color:#000;font-weight:bold;line-height: 1.25em;display: block;margin-bottom: 48px;
}
.m11 .area .txtwrap .tblist{
border-top:2px solid #000;width:100%;
}
.m11 .area .txtwrap .tblist>dl{display: flex;align-items:center;border-bottom: 1px solid #cccccc;
box-sizing:border-box;padding:26px 0;
}
.m11 .area .txtwrap .tblist>dl>dt{position: relative;color:#000000;font-size:17px;font-weight: bold;width:90px;}
.m11 .area .txtwrap .tblist>dl>dt:before{
	position: absolute;content:'';
	width:1px;height: 14px;background: #b7b7b7;
	top:50%;right:0;
	transform:translateY(-50%);
}
.m11 .area .txtwrap .tblist>dl>dd{
width:calc(100% - 90px);box-sizing:border-box;padding-left: 3vw;
color:#555555;font-size:15px;font-weight: 400;

}




.m12{
	overflow:hidden;
	position: relative;
}
.m12 .txts{
	margin-bottom:40px;
	font-size:40px;color:#000;font-weight: 350;
	line-height: 1.3em;
}
.m12 .txts strong{font-weight: bold;}
.m12 .txts span{color:#81b942;}
.m12 .greet{	
	margin-top:40px;padding:80px 0;
	background:#f8f8f8 url(/images/page/m12_bg.png) no-repeat right bottom;
}
.m12 .greet>div{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m12 .greet .img{
	width:100%;height:40vh;
	background:url(/images/page/m12_img2.jpg) no-repeat center;
	background-size:cover;
	border-radius:15px;
}
.m12 .greet .txts{width:100%;margin-top:40px;}
.m12 .greet .t1{
	display: block;font-size:30px;color:#000;font-weight: bold;line-height:1.3em;
	margin-bottom:35px;padding-bottom:35px;
	border-bottom:1px solid #ccc;
}
.m12 .greet .flexwrap{}
.m12 .greet .flexwrap>div{
	width:100%;box-sizing:border-box;
	color:#555555;font-size:16px;font-weight:400;line-height: 1.6em;
}
.m12 .greet .ceos{margin-top:60px;display:flex;flex-wrap:wrap;align-items:center;}
.m12 .greet .ceos p{font-size:18px;color:#000;font-weight: 400;}
.m12 .greet .ceos p b{margin-left: 4px;}
.m12 .greet .ceos .bar{
	display: inline-block;margin:0 25px;width:1px;height:22px;background: rgba(0,0,0,0.5);
}
.m12 .greet .ceos .sign{display:block;margin:20px 0 0 20px;}
.m12 .greet .ceos .sign img{}




.m13{}
.m13 .section1{
	padding: 0 0 120px;
	background: url(/images/page/m13_bg.png) no-repeat center top;
}
.m13 .section1 .con_tit{
	font-family: "Poppins";
	font-size: 28px;
	font-weight: 600;
	text-align: center;
}
.m13 .section1 .scrollWrap{
	margin: 40px 0;
	text-align: center;
}
.m13 .section1 .scrollWrap .scroll{
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 4px;
	height: 100px;
	background: #d4d4d4;
}
.m13 .section1 .scrollWrap .scroll:after{
	display: block;
	content: "";
	width: 4px;
	height: 40px;
	background: #81b942;
	position: absolute;
	left: 0;
	top: 0;
	animation: scroll 1.4s infinite ease;
}
@keyframes scroll{
	0%{transform:translateY(0);}
	100%{transform:translateY(150%);}
}
.m13 .section1 .slg{
	margin-bottom: 160px;
	text-align: center;
}
.m13 .section1 .slg h2{
	font-size: min(8vw, 36px);
	color: #000;
	overflow: hidden;
}
.m13 .section1 .slg h2 span{
	display: inline-block;
}
.m13 .section1 .slg h3{
	font-size: min(8vw, 36px);
	font-weight: 700;
	color: #000;
	overflow: hidden;
}
.m13 .section1 .slg h3 span{
	display: inline-block;
}
.m13 .section1 .slg h3 span strong{
	color: #81b942;
}
.m13 .section1 .con ul{
	margin-top: 60px;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width: 100%;
	gap:2vw;
	
}
.m13 .section1 .con li{
	position: relative;
	width: 100%;
	overflow:hidden;
	aspect-ratio: 70 / 47;
	transition: all 0.8s;border-radius:20px;min-height:300px;
}
.m13 .section1 .con li.open{
	width: 100%;
}
.m13 .section1 .con li:nth-child(1){background: url(/images/page/m13_list_bg1.jpg) no-repeat center / cover; overflow: hidden;}
.m13 .section1 .con li:nth-child(2){background: url(/images/page/m13_list_bg2.jpg) no-repeat center / cover;}
.m13 .section1 .con li:nth-child(3){background: url(/images/page/m13_list_bg3.jpg) no-repeat center / cover;}
.m13 .section1 .con li:nth-child(4){background: url(/images/page/m13_list_bg4.jpg) no-repeat center / cover;  overflow: hidden;}
.m13 .section1 .con li .txts{
	width: 100%;
	height: 100%;
	padding: 45px 4vw;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	opacity: 0;
	position: relative;
	z-index: 1;
}
.m13 .section1 .con li.open .txts{
	opacity: 1;
	transition: all 1.2s 0.6s;
}
.m13 .section1 .con li .txts .top .tit{
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	margin-top: 5px;
}
.m13 .section1 .con li .txts .bot{
	padding-top: 20px;
	border-top: 1px solid #ccc;
}
.m13 .section1 .con li .txts .bot p{
	font-size: 15px;
	line-height: 1.6em;
	color: #fff;
}

.m13 .section1 .con li .subTit{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	width: 94%;
	text-align: center;
	transition: all 0.4s;
	z-index: 1;
}
.m13 .section1 .con li.open .subTit{
	opacity: 0;
}
.m13 .section1 .con li:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	opacity: 0;
}
.m13 .section1 .con li.open:after{
	opacity: 1;
	transition: all 1s;
}

.m14{overflow: hidden;}
.m14 sub{margin-top: 8px;}
.m14 .section1{
}
.m14 .section1 .slgWrap{
	width: 100%;
	height: 65vh;
	margin: 0 auto;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(/images/page/m14_slgwrap_bg.jpg) no-repeat center / cover;
}
.m14 .section1 .slgWrap .txts{
	width: 94%;
	text-align: center;
}
.m14 .section1 .slgWrap .txts span{
	display: inline-block;
	width: 220px;
	max-width:100%;
	height: 50px;
	line-height: 50px;
	font-family: "Poppins";
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	border: 1px solid rgba(255,255,255,0.8);
	border-radius: 25px;
	margin-bottom: 20px;
}
.m14 .section1 .slgWrap .txts p{
	font-size: 38px;
	font-weight: 700;
	color: #fff;
}
.m14 .section1 .slgWrap .txts p img{width:130px;}
.m14 .section1 .conwrap{
	position: relative;
	display:block;
	padding-top: 100px;
	padding-bottom: 120px;
}
.m14 .section1 .conwrap .txtwrap{
	width: 100%;
	padding-right: 4%;
}
.m14 .section1 .conwrap .txtwrap .inner{
	
	opacity: 1;
	transition: all 0.3s;
}
.m14 .section1 .conwrap .txtwrap .inner.on{
	opacity: 1;
}
.m14 .section1 .conwrap .txtwrap .inner p{
	position: relative;
	padding-left: 16px;
	font-size: 17px;
	color: #555;
}
.m14 .section1 .conwrap .txtwrap .inner p:after{
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #81b942;
}
.m14 .section1 .conwrap .txtwrap .inner .year{
	margin: 0 0 50px;
	font-family: "Poppins";
	font-size: min(10vw, 40px);
}
.m14 .section1 .conwrap .txtwrap .inner .year strong{
	font-weight: 600;
}

.m14 .section1 .conwrap .yearwrap{
	position: relative;
	width: 100%;
	margin-top: 40px;
}
.m14 .section1 .conwrap .yearwrap:after{
	content: "";
	position: absolute;
	left: 1.5px;
	top: 50px;
	width: 1px;
	height: calc(100% - 50px);
	background: #ccc;
}
.m14 .section1 .conwrap .yearwrap .con{
	position: relative;

	padding-left: 45px;
	padding-top:28px;
}
.m14 .section1 .conwrap .yearwrap .con:before{
	content: "";
	position: absolute;
	left: -3.5px;
	top: 47px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 2px solid #fff;
	background: #81b942;
	z-index: 1;
}
.m14 .section1 .conwrap .yearwrap .yearcon:first-child .con:first-child:before{
	border: 2px solid #bedb9d;
}
.m14 .section1 .conwrap .yearwrap .yearcon:first-child{
	position: relative;
}
.m14 .section1 .conwrap .yearwrap.first .yearcon .con:first-child:after{
	content: "";
	position: absolute;
	left: -21.5px;
	top: 29px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 9px solid #e6f1d9;
	background: #bedb9d;
	z-index: -1;
}
.m14 .section1 .conwrap .yearwrap .con .year{
	width: 100%;
	font-family: "Poppins";
	font-size: 32px;
	font-weight: 500;

}
.m14 .section1 .conwrap .yearwrap .con .list{
	width: 100%;
	padding: 20px 0 30px;
	border-bottom: 1px solid #ccc;
}
.m14 .section1 .conwrap .yearwrap .yearcon + .yearcon{
	margin-top: 170px;
}
.m14 .section1 .conwrap .yearwrap .yearcon .con:last-child .list{
	border-bottom: none;
}
.m14 .section1 .conwrap .yearwrap .con .list dl{
	display: flex;
}
.m14 .section1 .conwrap .yearwrap .con .list dl + dl{
	margin-top: 10px;
}
.m14 .section1 .conwrap .yearwrap .con .list dl dt{
	width: 35px;
	font-family: "Poppins";
	font-size: 15px;
	font-weight: 600;
}
.m14 .section1 .conwrap .yearwrap .con .list dl dd{
	width: calc(100% - 35px);
}
.m14 .section1 .conwrap .yearwrap .con .list dl dd p{
	font-size: 15px;
	color: #555;
}
.m14 .section1 .conwrap .yearwrap .con .list dl dd p + p{margin-top: 10px;}


.m15{}
.m15 .section1{
	padding: 0 0 120px;
}
.m15 .section1 .conwrap{
	display: flex;flex-direction:column-reverse;
}
.m15 .section1 .conwrap .list{
	width: 100%;
}
.m15 .section1 .conwrap .list li{
	width: 100%;
	padding: 20px 4vw;
	box-sizing: border-box;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.m15 .section1 .conwrap .list li.on{
	background: #f9f9f9;
	padding: 40px 4vw;
}
.m15 .section1 .conwrap .list li .con{}
.m15 .section1 .conwrap .list li .con .tit{
	
}
.m15 .section1 .conwrap .list li .con .tit i{
	display: inline-block;
	width: 23px;
	height: 20px;
	background: url(/images/page/m15_arr.png) no-repeat center / contain;
	margin: 0 15px 5px 0;
	transform: translateX(-33px);
	opacity: 0;
}
.m15 .section1 .conwrap .list li.on .con .tit i{
	transform: translateX(0);
	opacity: 1;
	transition: all 1s;
}
.m15 .section1 .conwrap .list li .con .tit span{
	display: inline-block;
	font-size: 32px;
	font-weight: 700;
	color: rgba(0,0,0,0.4);
	transform: translateX(-33px);
}
.m15 .section1 .conwrap .list li.on .con .tit span{
	font-size: 32px;
	color: rgba(0,0,0,1);
	transform: translateX(0);
	transition: transform 1s;
}
.m15 .section1 .conwrap .list li .con .info{
	margin-top: 20px;
	display: none;
}
.m15 .section1 .conwrap .list li .con .info dl{
	display: flex;
}
.m15 .section1 .conwrap .list li .con .info dl + dl{
	margin-top: 10px;
}
.m15 .section1 .conwrap .list li .con .info dl dt{
	font-family: "Poppins";
	position: relative;
	width: 125px;
	font-size: 16px;
	font-weight: 500;
}
.m15 .section1 .conwrap .list li .con .info dl dt:after{
	content: "";
	position: absolute;
	right: 17px;
	top: 6px;
	width: 1px;
	height: 14px;
	background: #ccc;
}
.m15 .section1 .conwrap .list li .con .info dl dt img{
	margin: 0 10px 2px 0;
}
.m15 .section1 .conwrap .list li .con .info dl dd{
	width: calc(100% - 125px);
	font-size: 16px;
}

.m15 .section1 .conwrap .map{
	position: relative;
	width: 100%;
	margin-left: 0%;
margin-bottom: 40px;
	height:65vh;
	border-radius: 20px;
	overflow: hidden;
}
.m15 .section1 .conwrap .map li{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m15 .section1 .conwrap .map li iframe{
	width: 100%;
	height: 100%;
}

.bbs{
	padding: 0 0 120px;
}
.bbs .list1{
	display: flex;
	flex-wrap: wrap;
	gap:20px 0;
}
.bbs .list1 li{
	width: 100%;
	padding-bottom: 50px;
	border-bottom: 1px solid #ccc;
}


.bbs .list1 li a{
	display: block;
}
.bbs .list1 li a .thumb{
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
}
.bbs .list1 li a .thumb img{
	width: 100%;
	aspect-ratio: 422 / 290;
	transition: all 0.7s;
}
.bbs .list1 li a:hover .thumb img{
	transform: scale(1.05);
}
.bbs .list1 li a .txtwrap{
	margin-top: 30px;
}
.bbs .list1 li a .txtwrap .tit{
	font-size: 22px;
	font-weight: 600;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bbs .list1 li a .txtwrap .con{
	margin: 15px 0;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.5em;
	height: 3em;
}
.bbs .list1 li a .txtwrap .date{
	font-size: 14px;
	color: #444;
}


.bbs .list2{
	width: 100%;
	border-top: 1px solid #000;
}
.bbs .list2 li{
	display: flex;
	flex-direction:column;
	
	padding: 35px 2vw;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}
.bbs .list2 li .date{
	width:100%;
	box-sizing: border-box;
	/* border-right: 1px solid #ccc; */
}
.bbs .list2 li .date .day{
	font-family: "Poppins";
	font-size: 38px;
	font-weight: 600;
	line-height: 1em;
	color: #81b942;
}
.bbs .list2 li .date .ym{
	font-family: "Poppins";
	font-size: 15px;
	font-weight: 600;
	line-height: 1em;
	color: #81b942;
}
.bbs .list2 li .txtwrap{
	width: 100%;margin:20px 0;
	box-sizing: border-box;
}
.bbs .list2 li .txtwrap .tit{
	font-size: 22px;
	font-weight: 600;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bbs .list2 li .txtwrap .con{
	font-size: 15px;
	color: rgba(0,0,0,0.8);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 10px;
}
.bbs .list2 li .btn{
	width: 160px;
	height: 54px;
	max-width:100%;
	line-height: 54px;
	border-radius: 54px;
	border: 1px solid #000;
	text-align: center;
	transition: all 0.3s;
}
.bbs .list2 li .btn:hover{
	border: 1px solid #81b942;
	background: #81b942;
}
.bbs .list2 li .btn span{
	font-family: "Poppins";
	font-size: 12px;
	color: #000;
	transition: all 0.3s;
}
.bbs .list2 li .btn:hover span{
	color: #fff;
}

.bbs_view{
	padding: 0 0 120px;
}
.bbs_view .titwrap{
	width: 100%;
	padding: 40px 4vw;
	text-align: center;
	border-top: 1px solid #000;
	border-bottom: 1px solid #ccc;
}
.bbs_view .titwrap .tit{
	font-size: 28px;
	font-weight: 600;
	line-height: 1.5em;
}
.bbs_view .titwrap .date{
	font-family: "Poppins";
	font-size: 16px;
	margin-top: 20px;
}
.bbs_view .downwrap{
	width: 100%;
	padding: 20px 4vw;
	border-bottom: 1px solid #ccc;
}
.bbs_view .downwrap dl{
	width:100%;
	display: flex;
	
}
.bbs_view .downwrap dl dt{
	position: relative;
	margin-right: 22px;
	font-size: 15px;
	font-weight: 500;
}
.bbs_view .downwrap dl dt:after{
	content: "";
	position: absolute;
	right: -12px;
	top: 7px;
	width: 1px;
	height: 14px;
	background: #d9d9d9;
}
.bbs_view .downwrap dl dt img{
	margin: 0 3px 4px 0;
}
.bbs_view .downwrap dl dd a{
	display: block;
	font-size: 15px;
	color: #555;
}
.bbs_view .conwrap{
	width: 100%;
	padding: 40px 0 60px;
}
.bbs_view .btnwrap{
	width: 100%;
	padding-top: 60px;
	border-top: 1px solid #ccc;
	text-align: center;
}
.bbs_view .btnwrap a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 250px;
	max-width:100%;
	height: 70px;
	border-radius: 70px;
	background: #81b942;
}
.bbs_view .btnwrap a span{
	font-family: "Poppins";
	font-size: 16px;
	color: #fff;
}
.bbs_view .btnwrap a .line{
	margin-left: 10px;
	width: 15px;
}
.bbs_view .btnwrap a .line > div{
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
}
.bbs_view .btnwrap a .line > div + div{
	margin-top: 2px;
}

/* m21 */
.m21{}
.m21 .section1{padding:0 0 100px;background:url(/images/page/m21_sec1_bg.jpg) no-repeat center bottom;background-size:200vh;;}
.m21 .section1 .intro{
	overflow:hidden;
	position:relative;
	display:flex;align-items:center;justify-content:center;
	height:auto;
	padding:60px 4vw;
	border-radius:20px;
}
.m21 .section1 .intro .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/page/m21_intro_bg.jpg) no-repeat center;
	background-size:cover;
}
.m21 .section1 .intro .con{position:relative;z-index:10;text-align:center;}
.m21 .section1 .intro .con h4{font-size:32px;color:#fff;font-weight:600;}
.m21 .section1 .intro .con p{margin-top:30px;font-size:16px;color:#fff;line-height:1.4em;}
.m21 .section1 .intro .con p sub{margin-top:5px;}

.m21 .section1 .char{
	box-sizing:border-box;
	margin:40px 0;
	padding:80px 4vw;
	border:1px solid #ccc;border-radius:20px;
	text-align:center;
}
.m21 .section1 .char h5{}
.m21 .section1 .char h5 .en{font-family: "Poppins";font-size:18px;color:#81b942;font-weight:600;}
.m21 .section1 .char h5 .kr{margin-top:25px;font-size:38px;color:#000;font-weight:600;}
.m21 .section1 .char h5 + p{margin-top:30px;font-size:19px;color:#555;line-height:1.2em;}
.m21 .section1 .char ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin:70px 0 0;gap:30px 1.5%;}
.m21 .section1 .char ul li{
	box-sizing:border-box;
	position:relative;
	width:100%;aspect-ratio: 1.75 / 1;
	border:1px solid #ccc;
	border-radius:20px;
	background:#f9f9f9;
	transition:all 0.24s;
}
.m21 .section1 .char ul li .icon{
	position:absolute;right:30px;top:30px;
	width:80px;height:80px;
	transition:all 0.24s;
}
.m21 .section1 .char ul li:nth-child(1) .icon{background:url(/images/page/m21_sec1_char_icon1.png) no-repeat center / cover;}
.m21 .section1 .char ul li:nth-child(2) .icon{background:url(/images/page/m21_sec1_char_icon2.png) no-repeat  center / cover;;}
.m21 .section1 .char ul li:nth-child(3) .icon{background:url(/images/page/m21_sec1_char_icon3.png) no-repeat  center / cover;;}
.m21 .section1 .char ul li:nth-child(4) .icon{background:url(/images/page/m21_sec1_char_icon4.png) no-repeat  center / cover;;}
.m21 .section1 .char ul li .txts{
	position:absolute;left:0;bottom:30px;
	width:100%;
	box-sizing:border-box;
	padding:0 30px;
	text-align:left;
}
.m21 .section1 .char ul li .txts .tit{font-size:26px;color:#000;font-weight:600;transition:all 0.24s;}
.m21 .section1 .char ul li .txts .txt{margin-top:25px;font-size:16px;color:#555;transition:all 0.24s;}

.m21 .section1 .char ul li:hover{background:#81b942 url(/images/page/m21_sec1_char_bg.png) no-repeat bottom;}
.m21 .section1 .char ul li:hover:nth-child(1) .icon{background:url(/images/page/m21_sec1_char_icon1_hover.png) no-repeat center / cover;;}
.m21 .section1 .char ul li:hover:nth-child(2) .icon{background:url(/images/page/m21_sec1_char_icon2_hover.png) no-repeat center / cover;;}
.m21 .section1 .char ul li:hover:nth-child(3) .icon{background:url(/images/page/m21_sec1_char_icon3_hover.png) no-repeat center / cover;;}
.m21 .section1 .char ul li:hover:nth-child(4) .icon{background:url(/images/page/m21_sec1_char_icon4_hover.png) no-repeat center / cover;;}
.m21 .section1 .char ul li:hover .txts .tit{color:#fff;}
.m21 .section1 .char ul li:hover .txts .txt{color:#fff;}

.m21 .section1 .manufacturing{
	display:flex;flex-wrap:wrap;
	background:#f9f9f9;border-radius:20px;
}
.m21 .section1 .manufacturing>div{width:100%;border-radius:20px;}
.m21 .section1 .manufacturing>div.titlearea{
	box-sizing:border-box;
	padding:50px 4vw;
	background:url(/images/page/m21_sec1_manu_bg.jpg) no-repeat;
	background-size:cover;
}
.m21 .section1 .manufacturing>div.titlearea h5{font-size:18px;color:#81b942;font-weight:600;}
.m21 .section1 .manufacturing>div.titlearea h6{margin-top:100px;font-size:28px;color:#fff;font-weight:600;}
.m21 .section1 .manufacturing>div.titlearea p{margin-top:20px;font-size:15px;color:#fff;}
.m21 .section1 .manufacturing>div.conarea{
	position:relative;
	padding:50px 4vw;
}
.m21 .section1 .manufacturing>div.conarea .swiper-slide{background:#f9f9f9;}
.m21 .section1 .manufacturing>div.conarea .swiper-slide-active{opacity:1;z-index:10;}
.m21 .section1 .manufacturing>div.conarea .swiper-slide .tit{font-size:22px;color:#000;font-weight:600;}
.m21 .section1 .manufacturing>div.conarea .swiper-slide .con{margin-top:70px;}
.m21 .section1 .manufacturing .ctr{
	display:flex;align-items:center;
	position:absolute;right:4vw;top:4vw;
	font-family:"Poppins";font-size:15px;color:#999;font-weight:500;
}
.m21 .section1 .manufacturing .ctr .thisNum{margin-left:2vw;color:#81b942;}
.m21 .section1 .manufacturing .ctr .etc{margin:0 3px;}
.m21 .section1 .manufacturing .ctr .totalNum{margin-right:2vw;}

.m21 .section1 .capacity{
	margin-top:100px;
	padding:80px 0 0;
	border-top:1px solid rgba(255,255,255,0.4);
}
.m21 .section1 .capacity h5{text-align:center;}
.m21 .section1 .capacity h5 .en{font-size:16px;color:#81b942;font-weight:600;}
.m21 .section1 .capacity h5 .kr{margin-top:25px;font-size:28px;color:#000;font-weight:600;}
.m21 .section1 .capacity .con{display:flex;justify-content:space-between;flex-wrap:wrap;margin:70px 0 0;
gap:20px 2%;}
.m21 .section1 .capacity .con dl{
	overflow:hidden;
	position:relative;
	width:100%;
	box-sizing:border-box;
	padding:40px 4vw 40px 130px;
	border-radius:20px;
}
.m21 .section1 .capacity .con dl:before{
	display:block;content:"";
	position:absolute;left:0;top:0;z-index:1;
	width:100%;height:100%;
	background:rgba(255,255,255,0.5);
	filter: blur(5px);
}
.m21 .section1 .capacity .con dl:after{
	display:block;content:"";
	width:80px;height:80px;
	position:absolute;left:30px;top:50%;z-index:5;
	transform:translateY(-50%);
}
.m21 .section1 .capacity .con dl:nth-child(1):after{background:url(/images/page/m21_sec1_capa_icon1.png) no-repeat center / cover;}
.m21 .section1 .capacity .con dl:nth-child(2):after{background:url(/images/page/m21_sec1_capa_icon2.png) no-repeat center / cover;}
.m21 .section1 .capacity .con dl:nth-child(3):after{background:url(/images/page/m21_sec1_capa_icon3.png) no-repeat center / cover;}
.m21 .section1 .capacity .con dl dt{position:relative;z-index:5;font-size:22px;color:#000;font-weight:600;}
.m21 .section1 .capacity .con dl dd{position:relative;z-index:5;margin-top:10px;font-size:15px;color:#555;}

.m21 .section2{padding:100px 0;}
.m21 .section2 .industries{}
.m21 .section2 .industries h5{text-align:center;}
.m21 .section2 .industries h5 .en{font-size:16px;color:#81b942;font-weight:600;}
.m21 .section2 .industries h5 .kr{margin-top:25px;font-size:28px;color:#000;font-weight:600;}
.m21 .section2 .industries ul{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	margin:70px 0 0;
	gap:40px 1.5%;
}
.m21 .section2 .industries ul li{
	overflow:hidden;
	position:relative;
	width:100%;aspect-ratio:1/1;
	border-radius:20px;
}
.m21 .section2 .industries ul li .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m21 .section2 .industries ul li:nth-child(1) .bg{background:url(/images/page/m21_sec2_ind_bg1.jpg) no-repeat;background-size:cover;}
.m21 .section2 .industries ul li:nth-child(2) .bg{background:url(/images/page/m21_sec2_ind_bg2.jpg) no-repeat;background-size:cover;}
.m21 .section2 .industries ul li:nth-child(3) .bg{background:url(/images/page/m21_sec2_ind_bg3.jpg) no-repeat;background-size:cover;}
.m21 .section2 .industries ul li:nth-child(4) .bg{background:url(/images/page/m21_sec2_ind_bg4.jpg) no-repeat;background-size:cover;}
.m21 .section2 .industries ul li .txts{
	position:absolute;left:0;bottom:55px;
	width:100%;
	box-sizing:border-box;
	padding:0 5%;
	text-align:center;
}
.m21 .section2 .industries ul li .txts .cate{font-size:15px;color:#fff;font-weight:600;}
.m21 .section2 .industries ul li .txts .tit{font-size:22px;color:#fff;font-weight:600;}


/* m22 */
.m22{}
.m22 .section1{padding:0 0 120px;}
.m22 .section1 .intro{
	overflow:hidden;
	position:relative;
	display:flex;align-items:center;justify-content:center;
	height:auto;
	padding:60px 5%;
	border-radius:20px;
}
.m22 .section1 .intro .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/page/m22_intro_bg.jpg) no-repeat center;
	background-size:cover;
}
.m22 .section1 .intro .con{position:relative;z-index:10;text-align:center;}
.m22 .section1 .intro .con h4{font-size:36px;color:#fff;font-weight:600;}
.m22 .section1 .intro .con p{margin-top:30px;font-size:16px;color:#fff;line-height:1.4em;}
.m22 .section1 .intro .con p sub{margin-top:5px;}
.m22 .section1 .strategy{position:relative;margin:160px 0 0;}
.m22 .section1 .strategy h5{
	display:flex;align-items:center;justify-content:center;
	margin:0 auto 80px;
	position: relative;
	width:70%;aspect-ratio: 1 / 1;
	max-width:320px;
	background:#fff;box-shadow:3px 3px 10px rgba(0,0,0,0.2);
	border-radius:50%;
}
.m22 .section1 .strategy h5:after{
	display:block;content:"";
	width:calc(100% + 50px);height:calc(100% + 50px);
	background:url(/images/page/m22_tit_bg.png) no-repeat center / cover;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
}


.m22 .section1 .strategy ul{
	display:flex;flex-wrap:wrap;justify-content:space-between;
}
.m22 .section1 .strategy ul li{
	position:relative;
	box-sizing:border-box;
	width:100%;
	margin-bottom:2%;padding:30px 4vw 60px;
	background:#f6f6f6;
	border-radius:20px;
}
.m22 .section1 .strategy ul li .num{
	display:flex;align-items:center;justify-content:center;
	height:65px;width:100%;
	margin-bottom: 30px;
	background:#81b942;
	border-radius:20px;
	font-size:18px;color:#fff;font-weight:600;
}
.m22 .section1 .strategy ul li .con{
	box-sizing:border-box;
	width:100%;
}
.m22 .section1 .strategy ul li .con h6{margin-bottom:30px;font-size:24px;color:#000;font-weight:600;}
.m22 .section1 .strategy ul li .con dl{margin-bottom:10px;}
.m22 .section1 .strategy ul li .con dl:last-child{margin-bottom:0;}
.m22 .section1 .strategy ul li .con dl dt{font-size:16px;color:#000;font-weight:600;}
.m22 .section1 .strategy ul li .con dl dd{font-size:16px;color:#555;}
.m22 .section1 .strategy ul li .con dl dd sub{margin-top:10px;}

/*m30*/
.m30{}
.m30 .section1 .intro{
	overflow:hidden;
	position:relative;
	display:flex;align-items:center;justify-content:center;
	height:auto;
	padding:60px 5%;
	border-radius:20px;
}
.m30 .section1 .intro .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/page/m31_intro_bg.jpg) no-repeat center;
	background-size:cover;
}
.m31 .section1 .intro .bg{background:url(/images/page/m31_intro_bg.jpg) no-repeat center;}
.m32 .section1 .intro .bg{background:url(/images/page/m32_intro_bg.jpg) no-repeat center;}
.m33 .section1 .intro .bg{background:url(/images/page/m33_intro_bg.jpg) no-repeat center;}
.m34 .section1 .intro .bg{background:url(/images/page/m34_intro_bg.jpg) no-repeat center;}
.m30 .section1 .intro .con{position:relative;z-index:10;text-align:center;}
.m30 .section1 .intro .con h4{font-size:32px;color:#fff;font-weight:600;line-height: 1.25em;}
.m30 .section1 .intro .con p{margin-top:40px;font-size:16px;color:#fff;line-height:1.4em;}
.m30 .section1 .intro .con p sub{margin-top:5px;}
.m30 .section1 .product{
	margin-top: 35px;
	background:#f9f9f9;border-radius:20px;
}
.m30 .section1 .product>div{width:100%;display: flex;flex-direction:column;justify-content:space-between;border-radius:20px;}
.m30 .section1 .product>div.titlearea{
	box-sizing:border-box;
	padding:80px 4vw;
	background:url(/images/page/m31_product_bg.jpg) no-repeat;
	background-size:cover;
}
.m32 .section1 .product>div.titlearea{
background:url(/images/page/m32_product_bg.jpg) no-repeat;background-size:cover;
}
.m33 .section1 .product>div.titlearea{
background:url(/images/page/m33_product_bg.jpg) no-repeat;background-size:cover;
}
.m34 .section1 .product>div.titlearea{
background:url(/images/page/m34_product_bg.jpg) no-repeat;background-size:cover;
}
.m30 .section1 .product>div.titlearea h5{font-size:15px;color:#81b942;font-weight:600;margin-bottom: 30px;}
.m30 .section1 .product>div.titlearea h6{font-size:32px;color:#fff;font-weight:600;}
.m30 .section1 .product>div.titlearea p{margin-top:20px;font-size:15px;color:#fff;}
.m30 .section1 .product>div.titlearea .prod-list{
	margin-top:10vh;border-top:2px solid #ffffff;
}
.m33 .section1 .product>div.titlearea .prod-list{margin-top: 10vh;}
.m30 .section1 .product>div.titlearea .prod-list>li{
display: flex;align-items:center;
padding:15px 0;
border-bottom: 1px solid rgba(255,255,255,0.3);
}
.m30 .section1 .product>div.titlearea .prod-list>li .num{
text-align: center;width:50px;
position: relative;
font-size:15px;color:#fff;font-family: "Poppins";
}
.m30 .section1 .product>div.titlearea .prod-list>li .num:before{
top:50%;right:0;
position: absolute;
transform:translateY(-50%);
content:'';
width:1px;
height:14px;
background: rgba(255,255,255,0.3);
}
.m30 .section1 .product>div.titlearea .prod-list>li .ptit{
width:calc(100% - 50px);padding-left: 2vw;font-size:15px;color:#fff;font-family: "Poppins";
}
.m30 .section1 .product>div.conarea{
	position:relative;
	padding:80px 4vw;
}
.m30 .section1 .product>div.conarea sup{
	color:#81b942;font-size:20px;font-weight: 400;font-size:50%;
}
.m30 .section1 .product>div.conarea .feature{margin-top: 70px;}
.m30 .section1 .product>div.conarea .feature>li{
	background: #ffffff;border-radius:20px;border:1px solid #dfdfdf;box-sizing:border-box;
	padding:30px 4vw;display: flex;align-items:center;
}
.m30 .section1 .product>div.conarea .feature>li .icon{width:80px;background: #81b942;border-radius:20px;height:80px;
display: flex;align-items:center;justify-content:center;
}
.m30 .section1 .product>div.conarea .feature>li p{
width:calc(100% - 80px);padding-left: 3vw;color:#111111;font-size:15px;font-weight: 400;
}
.m30 .section1 .product>div.conarea .feature>li + li{margin-top: 20px;}
.m30 .section1 .product>div.conarea h5{font-size:15px;color:#81b942;font-weight:600;margin-bottom: 30px;}
.m30 .section1 .product>div.conarea h6{font-size:28px;color:#000000;font-weight:600;}
.m30 .section1 .product>div.conarea .exp{
	display: flex;align-items:center;background: #eaeaea;
	border-radius:29px;
	padding:20px 4vw;
	margin-top: 20px;
}

.m30 .section1 .product>div.conarea .exp dt{letter-spacing:-0.025em;width:70px;
padding-right: 12px;margin-right: 12px;position: relative;font-size:16px;color:#000;font-weight: 400;
}
.m30 .section1 .product>div.conarea .exp dd{
font-size:15px;color:#666666;font-weight: 400;letter-spacing:-0.025em;width:calc(100% - 70px);
}
.m30 .section1 .product>div.conarea .exp dt:before{
	position: absolute;content:'';
	width:1px;height:16px;
	background: #bfbfbf;
	top:50%;transform:translateY(-50%);right:0;
}
.m30  .section2{padding:100px 0 120px;}
.m30  .section2 .industries{}
.m30  .section2 .industries h5{text-align:center;}
.m30  .section2 .industries h5 .en{font-size:15px;color:#81b942;font-weight:600;}
.m30 .section2 .industries h5 .kr{margin-top:25px;font-size:28px;color:#000;font-weight:600;}
.m30 .section2 .industries ul{
	display:flex;flex-wrap:wrap;gap:20px 1.04vw;
	margin:50px 0 0;
}
.m30 .section2 .industries ul li{
	overflow:hidden;
	position:relative;
	
	border-radius:20px;
	width:100%;
}
.m30 .section2 .industries ul.w4 li{
width:100%;;aspect-ratio:1/1;
}
.m30 .section2 .industries ul.w5 li{
width:100%;aspect-ratio:1/1;
}
.m30 .section2 .industries ul.w1 li{
height:280px;
}
.m30 .section2 .industries ul li .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m30 .section2 .industries ul li:nth-child(1) .bg{background:url(/images/page/m31_sec2_ind_bg1.png) no-repeat;background-size:cover;}
.m30 .section2 .industries ul li:nth-child(2) .bg{background:url(/images/page/m31_sec2_ind_bg2.jpg) no-repeat;background-size:cover;}
.m30 .section2 .industries ul li:nth-child(3) .bg{background:url(/images/page/m31_sec2_ind_bg3.jpg) no-repeat;background-size:cover;}
.m30 .section2 .industries ul li:nth-child(4) .bg{background:url(/images/page/m31_sec2_ind_bg4.jpg) no-repeat;background-size:cover;}
.m30 .section2 .industries ul li .txts{
	position:absolute;left:0;bottom:30px;
	width:100%;
	box-sizing:border-box;
	padding:0 5%;
	text-align:center;
}
.m30 .section2 .industries ul li .txts .cate{font-size:15px;color:#fff;font-weight:600;}
.m30 .section2 .industries ul li .txts .tit{font-size:24px;color:#fff;font-weight:600;}
.m32 .section2 .industries ul li:nth-child(1) .bg{background:url(/images/page/m32_sec2_ind_bg1.png) no-repeat;background-size:cover;}
.m32 .section2 .industries ul li:nth-child(2) .bg{background:url(/images/page/m32_sec2_ind_bg2.png) no-repeat;background-size:cover;}
.m32 .section2 .industries ul li:nth-child(3) .bg{background:url(/images/page/m32_sec2_ind_bg3.png) no-repeat;background-size:cover;}
.m32 .section2 .industries ul li:nth-child(4) .bg{background:url(/images/page/m32_sec2_ind_bg4.png) no-repeat;background-size:cover;}
.m32 .section2 .industries ul li:nth-child(5) .bg{background:url(/images/page/m32_sec2_ind_bg5.png) no-repeat;background-size:cover;}
.m33 .section2 .industries ul li:nth-child(1) .bg{background:url(/images/page/m33_sec2_ind_bg1.png) no-repeat;background-size:cover;}
.m34 .section2 .industries ul li:nth-child(1) .bg{background:url(/images/page/m34_sec2_ind_bg1.png) no-repeat;background-size:cover;}
.m34 .section2 .industries ul li:nth-child(2) .bg{background:url(/images/page/m34_sec2_ind_bg2.png) no-repeat;background-size:cover;}
.m34 .section2 .industries ul li:nth-child(3) .bg{background:url(/images/page/m34_sec2_ind_bg3.png) no-repeat;background-size:cover;}
.m34 .section2 .industries ul li:nth-child(4) .bg{background:url(/images/page/m34_sec2_ind_bg4.png) no-repeat;background-size:cover;}

.m41{padding-bottom: 120px;}
.m41 .boxwrap{
width:100%;overflow:hidden;
border-radius:20px;
padding:100px 4vw;
box-sizing:border-box;
background: url(/images/page/m41_img.jpg)no-repeat center / cover;
display: flex;flex-direction:column;align-items:center;justify-content:center;
}
.m41 .boxwrap strong{
text-align: center;
font-size:36px;color:#fff;font-weight: bold;display: block;
margin-bottom:40px;
}
.m41 .boxwrap .txt{color:#fff;font-size:16px;font-weight: 350;text-align: center;line-height: 1.6em;}
.m41 .diawrap{
margin-top: 40px;
border-radius:20px;overflow:hidden;border:1px solid #cccccc;
padding: 80px 4vw 100px;
}
.m41 .diawrap .dia{
position: relative;
width: 100%;

}
.m41 .diawrap .dia img{
margin:0 auto;display: block;
}
 .m41 .diawrap .dia .dlist{margin-top: 50px;}
.m41 .diawrap .dia .dlist>dl{
width:100%;
border-radius:20px;overflow:hidden;border:1px solid #ccc;
padding:40px 4vw;
}
.m41 .diawrap .dia .dlist>dl + dl{margin-top: 30px;}
.m41 .diawrap .dia .dlist>dl>dt{
color:#000000;font-weight: bold;font-size:22px;margin-bottom: 15px;
}
.m41 .diawrap .dia .dlist>dl>dd{
color:#555555;font-size:15px;font-weight: 400;
}


.m41 .diawrap p{
margin-top:50px;
text-align: center;font-size:18px;color:#555555;font-weight: 400;line-height: 1.6em;font-weight: bold;
}

.m42{}
.m42 .section1{padding-bottom: 120px;}
.m42 .list>li{
width:100%;overflow:hidden;
border-radius:20px;
padding:60px 4vw;
box-sizing:border-box;
background: url(/images/page/m42_img1.jpg)no-repeat center / cover;
display: flex;align-items:center;justify-content:center;
}
.m42 .list>li:nth-child(2){background: url(/images/page/m42_img2.jpg)no-repeat center / cover;}
.m42 .list>li:nth-child(3){background: url(/images/page/m42_img3.jpg)no-repeat center / cover;}
.m42 .list>li + li{margin-top: 30px;}
.m42 .list>li strong{
text-align: center;
font-size:36px;color:#fff;font-weight: bold;display: block;
margin-bottom: 50px;
}
.m42 .list>li .txt{color:#fff;font-size:16px;font-weight: 350;text-align: center;line-height: 1.6em;}
.m42 .list>li .txt span{
display: block;text-align: center;font:inherit;font-size:15px;margin-top: 30px;
}

.m43{padding-bottom: 120px;}
.m43 .cert-list{
display: flex;flex-wrap:wrap;gap:50px 1.25vw;
}
.m43 .cert-list>li{
width:100%;
}
.m43 .cert-list>li .thumb{
border-radius:20px;border:1px solid #dfdfdf;
padding:40px 6vw;
display: flex;align-items:center;justify-content:center;background: #f9f9f9;
}
.m43 .cert-list>li .thumb img{width:100%;aspect-ratio:380 / 547; }
.m43 .cert-list>li p{
padding-top: 30px;margin-top: 30px;border-top: 1px solid #cccccc;
font-size:20px;color:#000;font-weight: bold;
}

.m51 .section1{
position: relative;
padding-top:60px;
padding-bottom: 120px;
background: url(/images/page/m51_sec1_bg.jpg)no-repeat center bottom / cover;
}
.m51 .txtarea{

}
.m51 .txtarea h4{
font-size:38px;color:#000;font-weight: 350;margin-bottom: 50px;text-align: center;line-height: 1.25em;
}
.m51 .txtarea h5 strong{
	font:inherit;font-weight: bold;
}
.m51 p{
	font-size:16px;color:#555555;font-weight: 400;line-height: 1.6em;text-align: center;
}
.m51 .boxwrap{
border-radius:20px;background: rgba(255,255,255,0.5);backdrop-filter:blur(15px);overflow:hidden;
display: flex;flex-direction:column;align-items:center;justify-content:Center;
padding:100px 4vw;box-sizing:border-box;
margin-top: 80px;
}
.m51 .boxwrap span{display: block;color:#81b942;font-weight: 600;text-transform: uppercase;font-size:15px;font-family: "Poppins";}
.m51 .boxwrap .slog{display: block;margin:30px  auto 30px;font-size:26px;color:#000;font-weight: bold;text-align: center;}
.m51 .btnwrap{margin-top: 60px;}
.m51 .btnwrap .btn{
display: flex;align-items:center;justify-content:center;margin:0 auto;
width:220px;height:70px;border-radius:35px;
max-width:100%;
text-align: center;background: #81b942;
}
.m51 .btnwrap .btn>span{text-align: center;color:#fff;font-size:16px;font-weight: 300;}

.m50{padding-bottom: 120px;}
.m50 .bgarea{
width:100%;padding:110px 4vw;
height:auto;
background: url(/images/page/m52_bg1.png)no-repeat center / cover;
border-radius:20px;overflow:hidden;
display: flex;align-items:center;justify-content:center;margin-bottom: 40px;
}
.m53 .bgarea{
background: url(/images/page/m53_bg1.png)no-repeat center / cover;
}
.m54 .bgarea{
background: url(/images/page/m54_bg1.png)no-repeat center / cover;
}
.m55 .bgarea{
background: url(/images/page/m55_bg1.png)no-repeat center / cover;
}
.m50 .bgarea h4{text-align: center;font-size:36px;color:#fff;font-weight: bold;}
.m50 .esg_container{
overflow:hidden;border-radius:20px;border:1px solid #cccccc;
padding:80px 4vw;box-sizing:border-box;
}
.m50 .esg_container .infowrap{}
.m50 .esg_container .infowrap .tag{display: block;color:#81b942;font-size:15px;font-weight: 600;text-align: center;}
.m50 .esg_container .infowrap .title{margin:30px 0;color:#000000;font-weight: bold;font-size:26px;text-align: center;}
.m50 .esg_container .infowrap .txt{
font-size:15px;color:#555555;font-weight: 400;line-height: 1.6em;text-align: center;
margin-bottom: 50px;
}
.m50 .esg_container .box-list>li{display: flex;border:1px solid #dfdfdf;background: #f9f9f9;border-radius:20px;}
.m50 .esg_container .box-list>li + li{
margin-top: 40px;
}
.m50 .esg_container .box-list>li:nth-child(even){
flex-direction:row-reverse;
}
.m50 .esg_container .box-list>li .img{
width:50%;height:466px;
}
.m50 .esg_container .box-list>li .img>img{width:100%;height:100%;object-fit:cover;border-radius:20px;}
.m50 .esg_container .box-list>li .img .abs-icon{
position: absolute;
z-index:50;width: 60px;height: 60px;bottom:4vw;
}
.m50 .esg_container .box-list>li:nth-child(odd) .img .abs-icon{left:4vw;}
.m50 .esg_container .box-list>li:nth-child(even) .img .abs-icon{right:4vw;}
.m50 .esg_container .box-list>li .info{
width:50%;
display: flex;flex-direction:column;justify-content:center;
padding:0 5vw;
}
.m50 .esg_container .box-list>li .info .tit1{
color:#000000;font-size:22px;font-weight: bold;
}
.m50 .esg_container .box-list>li .info .tit1 sup{color:#81b942;font-size:15px;font-weight: 600;font-family: "Poppins";}
.m50 .esg_container .box-list>li .info .txt1{margin-top: 30px;color:#555555;font-size:15px;font-weight: 400;line-height: 1.6em;}
.m50 .esg_container .box-list>li .info .txt1>strong{
display: flex;align-items:center;margin-bottom:12px;
}
.m50 .esg_container .box-list>li .info .txt1>strong b{
color:#000;font-size:15px;font-weight: 500;
}
.m50 .esg_container .box-list>li .info .txt1>strong b.en{
font:inherit;font-family: "Poppins";font-weight: 600;
}
.m50 .esg_container .box-list>li .info .txt1>strong .bar{display: block;background: #c7c7c7;width:1px;height:12px;
margin:0px 6px;
}

@media screen and (max-width:1100px){
.m50 .esg_container .box-list>li{display: block;}
.m50 .esg_container .box-list>li .img{width: 100%;height:auto;}
.m50 .esg_container .box-list>li .img>img{aspect-ratio: 780 / 466;}
.m50 .esg_container .box-list>li .info{width: 100%;padding:50px 4vw;}
}

/*m511*/
.m511 .section1{padding-top: 0;}
.m511 .boxContainer{
width:100%;border-radius:20px;border:1px solid #cccccc;
padding:100px 4vw;background: #fff;
}
.m511 .boxContainer .titlearea{padding-bottom: 40px;border-bottom: 1px solid #e5e5e5;;margin-bottom: 40px;}
.m511 .boxContainer .titlearea .cate{
        display: block;
        color: #81b942;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
}
.m511 .boxContainer .titlearea h4{
        margin: 20px 0;
        color: #000000;
        font-weight: bold;
        font-size: 24px;
        text-align: center;
}
.m511 .boxContainer .titlearea p{
        font-size: 16px;
        color: #555555;
        font-weight: 400;
        line-height: 1.6em;
        text-align: center;
}
.m511 .boxContainer .area{
margin-bottom: 60px;
}
.m511 .boxContainer .area.mb{
margin-bottom: 30px;padding-bottom: 50px;
border-bottom: 1px solid #e5e5e5;
}
.m511 .boxContainer .area h5{
text-align: center;
margin: 0px 0 60px;
        color: #000000;
        font-weight: bold;
        font-size: 24px;
}
.m511 .boxContainer .area .cardlist{
display: flex;flex-wrap:wrap;
gap:30px 1.56vw;
}
.m511 .boxContainer .area .cardlist>li{
width:100%;background: #f5f5f5;
border-radius:20px;padding:20px 4vw;
}
.m511 .boxContainer .area .cardlist>li .tag{
border-radius:20px 20px 0 0;
height:70px;width: 100%;display: flex;align-items:center;justify-content:center;margin-bottom: 15px;
}
.m511 .boxContainer .area .cardlist>li .tag>span{
color:#fff;font-size:18px;font-weight: bold;
}
.m511 .boxContainer .area .cardlist>li .infowrap{display: flex;align-items:center;}
.m511 .boxContainer .area .cardlist>li .infowrap .icon{
width:90px;border-right:1px solid #dfdfdf;height:90px;
display: flex;align-items:center;justify-content:center;
}
.m511 .boxContainer .area .cardlist>li .infowrap .icon img{max-width:100%;display: block;margin:0 auto;}
.m511 .boxContainer .area .cardlist>li .infowrap p{
font-size:15px;font-weight: 400;
text-align: left;width:calc(100% - 90px);padding-left: 3vw;}
.m511 .boxContainer .area .textlist{

}
.m511 .boxContainer .area .textlist>li{
width:100%;border-radius:20px;background: #f5f5f5;
padding:30px 4vw;
display: flex;flex-direction:column;align-items:center;
}
.m511 .boxContainer .area .textlist>li + li{margin-top:10px;}
.m511 .boxContainer .area .textlist>li .num{
	display: flex;align-items:center;justify-content:center;border-radius:50%;width: 36px;height: 36px;background: #fff;
}
.m511 .boxContainer .area .textlist>li .num span{font-family: "Poppins";color:#999999;font-weight: 600;font-size:15px;}
.m511 .boxContainer .area .textlist>li p{
text-align: center;
width:100%;font-size:16px;color:#000000;font-weight: 500;padding-top: 4px;margin-top: 10px;
}
/*m512,513*/
/* 폼디비 공통 */
.writePage .form_tabs{
	display: flex;align-items:center;gap:5px;width:100%;margin-bottom: 50px;
}
.writePage .form_tabs>li{
box-sizing:border-box;
width:calc((100% - 5px) / 2);
height:70px;border-radius:20px;background: #dfdfdf;
}
.writePage .form_tabs>li>a{
width:100%;height: 100%;display: flex;align-items:center;justify-content:center;
}
.writePage .form_tabs>li>a>span{
font-size:16px;color:#999999;font-weight: bold;
}
.writePage .form_tabs>li.on{
background: #ffffff;border:2px solid #81b942;
}
.writePage .form_tabs>li.on>a>span{color:#81b942;}

.writePage button{border:none;outline:none;background: 0;}
.writePage .section1{
	padding: 0px 0 120px;
}
.writePage .boxContainer{padding-bottom: 100px;}
.writePage .boxContainer .titlearea{padding-bottom: 0;border-bottom: 0;margin-bottom: 50px;}
.writePage .boxContainer .titlearea h4{margin-bottom: 0;}
.writePage .exp{
padding-bottom: 20px;
color:#545454;font-size:15px;font-weight: 400;align-items:center;
}
.writePage .exp>span{font:inherit;display: inline-block;margin-right: 2px;transform:translateY(3px);}
.writePage .formarea{
border-top: 1px solid #000000;
}
.writePage .formarea .con{
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px solid #ddd;
}
.writePage .formarea .con .titwrap{
	display: flex;
	justify-content: space-between;
}
.writePage .formarea .con .titwrap .tit{
	font-size: 22px;
	font-weight: bold;
	color:#000;
}
.writePage .formarea .con .titwrap .tit .est{
	color: #e3637e;
}
.writePage .formarea .con .titwrap .tit .multi{
	font-size: 18px;
	font-weight: 500;
	color: #666;
}
.writePage .formarea .con .titwrap > .est{
	font-size: 16px;
	font-weight: 500;
}
.writePage .formarea .con .titwrap > .est span{
	color: #e3637e;
}
.writePage .formarea .con .formwrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.writePage .formarea .con .formwrap dl{margin-top: 30px;}
.writePage .formarea .con .formwrap dl .notice{
	margin-top: 10px;
	font-size: 15px;
	color: #555;
}
.writePage .formarea .con .formwrap dl.w100{width: 100%;}
.writePage .formarea .con .formwrap dl.w50{width: 48%;}
.writePage .formarea .con .formwrap dl.w30{width: 30.6666%;}
.writePage .formarea .con .formwrap dl.w25{width: 23.5%;}
.writePage .formarea .con .formwrap dl dt{
	font-size: 16px;
color:#222222;
	font-weight: 600;
	margin-bottom: 10px;
}
.writePage .formarea .con .formwrap dl dt .est{
	color: #81b942;
}
.writePage .formarea .con .formwrap dl dd{
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
}
.writePage .formarea .con .formwrap dl dd select{
	width: 100%;
	height: 70px;
	padding: 0 15px;
	box-sizing: border-box;
	border-radius: 20px;
	border: 1px solid #ccc;
	outline: none;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/images/page/select_arr.png) no-repeat right 15px center #fff;
	font-size: 16px;
}
.writePage .formarea .con .formwrap dl dd select:-ms-expand {
	display: none;
}
.writePage .formarea .con .formwrap dl dd select option{
	font-size: 18px;
}
.writePage .formarea .con .formwrap dl dd input{
	box-sizing: border-box;
	width: 100%;
	height: 70px;
	padding: 0 15px;
	background: #fff;
	outline: 0;
	font-size: 16px;
	border: 1px solid #ccc;
	border-radius: 20px;
}
.writePage .formarea .con .formwrap dl dd.v2{
	justify-content: space-between;
}
.writePage .formarea .con .formwrap dl dd .g{
	position: relative;
	width: 100%;
}
.writePage .formarea .con .formwrap dl dd.v2 .g{
	width: 48%;
}
.writePage .formarea .con .formwrap dl dd .g span{
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	font-weight: 500;
	color: #000;
}
.writePage .formarea .con .formwrap dl dd.v2 .g input{
	width: 100%;
}
.writePage .formarea .con .formwrap dl dd input::placeholder{
	color: #999;
}
.writePage .formarea .con .formwrap dl dd .space{
	display: inline-block;
	font-size: 18px;
	line-height: 60px;
	color: #999999;
	width: 24px;
	text-align: center;
}

.writePage .formarea .con .formwrap dl dd input[type="date"]{
	width: calc((100% - 24px) / 2);
}
.writePage .formarea .con .photoWrap .formwrap dl dd input[type="date"]{
	width: 100%;
}
.writePage .formarea .con .formwrap dl dd textarea{
	width: 100%;
	height: 230px;
	padding: 20px;
	box-sizing: border-box;
	background: #fff;
	
	outline: 0;
	font-size: 16px;

	border: 1px solid #ddd;
	border-radius: 20px;
	resize: none;
	overflow-y: auto;
}
.writePage .formarea .con .formwrap dl dd textarea::placeholder{
	color: #999;
}
.writePage .formarea .con .formwrap dl dd textarea.textarea2{
	height: 200px;
}
.writePage .formarea .con .formwrap dl dd.mailwrap{gap:0.5%;align-items:center;}
.writePage .formarea .con .formwrap dl dd.mailwrap .mail{width:47%;}
.writePage .formarea .con .formwrap dl dd.mailwrap .char{
display: block;font-size:16px;color:#000;font-weight: 500;
}
.writePage .formarea .con .formwrap dl dd .txtbox{
	width: 100%;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 20px;
}
.writePage .formarea .con .formwrap dl dd .txtbox .inner{
	width: 100%;
	height: 200px;
	overflow-y: auto;
	font-size: 15px;
	line-height: 1.7em;
	color: #545454;
}
.writePage .formarea .con .formwrap dl dd .txtbox .inner strong{
	color: #000;
	font-weight: 500;
}
.writePage .formarea .con .formwrap dl dd .txtbox .inner .table_g{
margin-top:10px;width:100%;overflow:hidden;overflow-x:auto;
}
.writePage .formarea .con .formwrap dl dd .txtbox .inner .table_g table{width:990px;}
.writePage .formarea .con .formwrap dl dd .txtbox .inner .table_g table th{
background: #f4f4f4;text-align: center;font-size:15px;color:#545454;font-weight: bold;
box-sizing:border-box;padding:10px 0.5vw;border:1px solid #ddd;border-left:0;
}
.writePage .formarea .con .formwrap dl dd .txtbox .inner .table_g table td{
text-align: center;font-size:14px;color:#000;font-weight: 400;
box-sizing:border-box;padding:10px 0.5vw;
border:1px solid #ddd;border-left:0;border-top:0;
}
.writePage .formarea .con .formwrap dl dd .txtbox .inner .table_g table th:first-child,
.writePage .formarea .con .formwrap dl dd .txtbox .inner .table_g table td:first-child{border-left:1px solid #ddd;}
.writePage .formarea .con .formwrap dl dd .chkarea{margin-top: 10px;}
.writePage .formarea .con .formwrap dl dd .chkarea input{display:none;}
.writePage .formarea .con .formwrap dl dd .chkarea input + label{	
	position:relative;
	padding-left:25px;
	font-size:15px;
	color: #555;
}
.writePage .formarea .con .formwrap dl dd .chkarea input + label:before{
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 16px;
	height: 16px;
	background: url(/images/page/writepage_chk.png) no-repeat center / contain;
}
.writePage .formarea .con .formwrap dl dd .chkarea input:checked + label:before{
	background: url(/images/page/writepage_chk_on.png) no-repeat center / contain;
}

.writePage .formarea .con .formwrap .recaptcha{
	width: 100%;
	margin-top: 50px;
}

.writePage .formarea .con .formwrap .filebox{
	width: 100%;display: flex;
}

.writePage .formarea .con .formwrap .filebox .upload-name {
	display: inline-block;
	box-sizing: border-box;
	width: calc(100% - 90px);
	height: 70px;
	line-height: 70px;
	padding: 0 20px;
	outline: 0;
	font-size: 16px;
	color: #aaa;
	border-radius:20px;
	border: none;
	border:1px solid #ccc;
	border-radius: 20px;
	background: #fff;
	appearance: none;
}
.writePage .formarea .con .formwrap .filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
}
.writePage .formarea .con .formwrap .filebox label {
	width: 120px;
	height: 70px;
	margin-left: -30px;
	font-size: 16px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	color: #fff;
	background: #111111;
}
.writePage .formarea .con .warning{
	width: 100%;
	padding: 30px 4vw;
	margin-top: 60px;
	box-sizing: border-box;
	border-radius: 20px;
	background: #f5faf0;
	display: flex;
	flex-direction:column;
	align-items: center;
}
.writePage .formarea .con .warning .txts{
	width: 100%;
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.6em;
	text-align: center;
}


@media screen and (max-width:1280px){
	   .writePage .formarea .con .formwrap dl.w50 {
        width: 100%;
    }
	.writePage .formarea .con .formwrap dl dd.mailwrap .mail{width:46%;}
	.writePage .formarea .con .formwrap dl dd.mailwrap select.mail{width:100%;margin-top: 10px;}
}

/*m514*/
.m514 .boxContainer{padding:80px 4vw;}
.m514 .boxContainer .titlearea{
margin-bottom: 30px;padding-bottom: 30px;
}
.m514 .boxContainer .titlearea h4{margin-bottom: 0;}
.m514 .result{
background: #f5f5f5;border-radius:20px;
padding:80px 4vw;
display: flex;flex-direction:column;align-items:center;justify-content:center;
}
.m514 .result strong{
text-align: center;display: block;margin-top: 40px;
color:#222222;font-size:22px;font-weight: bold;
}

/*m53*/
.m53 .rulesContainer{
margin-bottom: 80px;
margin-top: 40px;
width:100%;
overflow:hidden;
background: url(/images/page/m53_rule_bg.jpg)no-repeat center bottom / cover;
padding-bottom: 80px;padding-top: 40px;
}
.m53 .rulesContainer .area{
padding:60px 4vw;border-radius:20px;border:1px solid #ccc;
background: #fff;
}
.m53 .rulesContainer .area .greenBox{
background: #81b942;display: flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 4vw;
border-radius:20px;margin-bottom: 40px;
}
.m53 .rulesContainer .area .greenBox strong{
margin-bottom:20px;
color:#fff;font-weight: 800;font-size:26px;display: flex;flex-direction:column;align-items:center;gap:10px;}
.m53 .rulesContainer .area .greenBox strong img{vertical-align:middle;}
.m53 .rulesContainer .area .greenBox p{
text-align: center;color:#ffffff;font-size:16px;font-weight: 600;line-height: 1.5em;
}
.m53 .rulesContainer .area .textlist{

}
.m53 .rulesContainer .area .textlist>li{
width:100%;border-radius:20px;background: #f5f5f5;
padding:30px 4vw;
display: flex;align-items:center;flex-direction:column;
}
.m53 .rulesContainer .area .textlist>li + li{margin-top:10px;}
.m53 .rulesContainer .area .textlist>li .num{
	display: flex;align-items:center;justify-content:center;border-radius:50%;width: 36px;height: 36px;background: #fff;
}
.m53 .rulesContainer .area .textlist>li .num span{font-family: "Poppins";color:#999999;font-weight: 600;font-size:15px;}
.m53 .rulesContainer .area .textlist>li p{
margin-top: 20px;
width:100%;text-align: center;font-size:16px;color:#000000;font-weight: 500;
padding-top: 4px;line-height: 1.6em;
}
.m53 .rulesContainer .area .date{text-align: center;color:#000000;font-size:15px;font-weight: 500;margin-top: 60px;}

.m71 .section1{padding-top: 0;}
.m71 .btnwrap{margin-top: 60px;}
.m71 .btnwrap .btn{
display: flex;align-items:center;justify-content:center;margin:0 auto;
width:220px;height:70px;border-radius:35px;max-width:100%;
text-align: center;background: #81b942;
}
.m71 .btnwrap .btn>span{text-align: center;color:#fff;font-size:16px;font-weight: 300;}

/*motion*/
 .del1{animation-delay:0.1s;}
.del2{animation-delay:0.2s;}
.del3{animation-delay:0.3s;}
.del4{animation-delay:0.4s;}
.del5{animation-delay:0.5s;}
.del6{animation-delay:0.6s;}
.del7{animation-delay:0.7s;}

.fadeLeft, .fadeRight, .fadeUp, .fadeIn, .fadeImgRight{opacity:0;}
.imgAni{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.imgAni.in-view{animation-name: imgAni; animation-duration:1.25s;animation-fill-mode:forwards;}
.fadeLeft.in-view{animation-name: fadeLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeRight.in-view{animation-name: fadeRight;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeUp.in-view{animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeIn.in-view{animation-name: fadeIn;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeImgRight.in-view{animation-name: fadeImgRight;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}

  
  @keyframes bgScale{
   0%{transform:scale(1.15);}
   100%{transform:scale(1);}
  }
@keyframes fadeLeft{
 0%{transform:translate3d(-100px, 0, 0);opacity:0;}
  100%{transform:translate3d(0px, 0, 0);opacity:1;}
}
@keyframes fadeRight{
 0%{transform:translate3d(70%, 0, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeUp{
0%{transform:translate3d(0%, 60px, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeIn{
0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes imgAni{
0%{clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}

}
@keyframes fadeImgRight{
0%{opacity:0;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
100%{opacity:1;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
@keyframes fadeImgLeft{
0%{opacity:0;clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{opacity:1;clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}
}

.page_top .imgwrap{transform:scale(1.2);filter:blur(8px);}
.page_top.in-view .imgwrap{
transform:scale(1);filter:blur(0px);transition:all 1.5s;
}
.page_top .txtwrap > div:last-child:after{width: 0;}
.page_top.in-view .txtwrap > div:last-child:after{width: 100%;transition:all 2s ease;}
.page_top .txtwrap > div h2{transform:rotateX(0deg) translateY(100%);opacity:0;filter:blur(1px);}
.page_top.in-view .txtwrap > div h2{transform:rotateX(0deg) translateY(0px);opacity:1;transition:all 1s ease;filter:blur(0);}
.page_top .txtwrap > div h3{transform:rotateX(0deg) translateY(-100%);opacity:0;filter:blur(1px);}
.page_top.in-view .txtwrap > div h3{transform:rotateX(0deg) translateY(0px);opacity:1;transition:all 1s ease;filter:blur(0px);}

.m21 .section1 .intro .con h4,
.m21 .section1 .intro .con p{opacity:0;transform:translateY(100px);}
.m21 .section1 .intro.in-view .con h4,
.m21 .section1 .intro.in-view .con p{
opacity:1;transform:translateY(0px);transition:all 0.8s ease-in-out;transition-delay:0.2s;
}
.m21 .section1 .intro.in-view .con p{transition-delay:0.3s;}
.m21 .section2 .industries ul{opacity:0;transform:translateY(60px);}
.m21 .section2 .industries ul.in-view{opacity:1;transform:translateY(0px);transition:all 0.5s ease-in-out;}
.m21 .section2 .industries ul li .bg{transform:scale(1.2);filter:blur(6px);}
.m21 .section2 .industries ul li.in-view .bg{
transform:scale(1);filter:blur(0px);transition:all 0.9s ease;transition-delay:0.25s;
}
.m21 .section2 .industries ul li .txts .tit{opacity:0;transform:translateY(40px);}
.m21 .section2 .industries ul li.in-view .txts .tit{opacity:1;transform:translateY(0px);transition:all 0.8s ease-in-out;}

.m21 .section1 .char ul li{opacity:0;transform:translateY(100px);}
.m21 .section1 .char ul li.in-view{opacity:1;transform:translateY(0px);transition:all 1s ease-in-out;}

.m22 .section1 .intro .con h4,
.m22 .section1 .intro .con p{opacity:0;transform:translateY(100px);}
.m22 .section1 .intro.in-view .con h4,
.m22 .section1 .intro.in-view .con p{
opacity:1;transform:translateY(0px);transition:all 0.8s ease-in-out;transition-delay:0.2s;
}
.m22 .section1 .intro.in-view .con p{transition-delay:0.3s;}
.m22 .section1 .strategy ul li{opacity:0;transform:translateY(100px);}
.m22 .section1 .strategy ul li.in-view{opacity:1;transform:translateY(0px);transition:all 0.8s ease-in-out;transition-delay:0.1s;}

/**/
.m50 .bgarea h4{opacity:0;transform:translateY(100px);}
.m50 .bgarea.in-view h4{
opacity:1;transform:translateY(0px);transition:all 0.8s ease-in-out;transition-delay:0.3s;
}
.m50 .esg_container .infowrap .tag,
.m50 .esg_container .infowrap .title,
.m50 .esg_container .infowrap .txt{opacity:0;transform:translateY(80px);}
.m50 .esg_container .infowrap.in-view .tag,
.m50 .esg_container .infowrap.in-view .title,
.m50 .esg_container .infowrap.in-view .txt{
opacity:1;transform:translateY(0px);transition:all 1s;
}
.m50 .esg_container .infowrap.in-view .title{transition-delay:0.1s;}
.m50 .esg_container .infowrap.in-view .txt{transition-delay:0.2s;}
.m50 .esg_container .box-list>li{
opacity:0;transform:translateY(80px);
}
.m50 .esg_container .box-list>li.in-view{
opacity:1;transform:translateY(0px);transition:all 1s;
}

.m50 .esg_container .box-list>li .img{transform:scale(0.95);filter:blur(5px);transition:all 1s 0.1s;}
.m50 .esg_container .box-list>li.in-view .img{transform:scale(1);filter:blur(0px);}

.m30 .section1 .intro .con h4,
.m30 .section1 .intro .con p{opacity:0;transform:translateY(100px);}
.m30 .section1 .intro.in-view .con h4,
.m30 .section1 .intro.in-view .con p{
opacity:1;transform:translateY(0px);transition:all 0.8s ease-in-out;transition-delay:0.2s;
}
.m30 .section1 .intro.in-view .con p{transition-delay:0.3s;}
.m30 .section1 .product>div.titlearea{transform:translateY(-100px);opacity:0;}
.m30 .section1 .product>div.conarea{transform:translateY(-100px);opacity:0;}
.m30 .section1 .product>div.titlearea.in-view{opacity:1;transform:translateY(0px);transition:all 1s ease;}
.m30 .section1 .product>div.conarea.in-view{opacity:1;transform:translateY(0px);transition:all 1s ease;}
.m30 .section1 .product>div.titlearea .prod-list,
.m30 .section1 .product>div.conarea .feature{opacity:0;transform:rotateY(90deg);}
.m30 .section1 .product>div.titlearea.in-view .prod-list,
.m30 .section1 .product>div.conarea.in-view .feature{opacity:1;transform:rotateY(0deg);transition:all 1s ease;transition-delay:0.3s;}
.m30 .section2 .industries ul{opacity:0;transform:translateY(60px);}
.m30 .section2 .industries ul.in-view{opacity:1;transform:translateY(0px);transition:all 0.5s ease-in-out;}
.m30 .section2 .industries ul li .bg{transform:scale(1.2);filter:blur(6px);}
.m30 .section2 .industries ul li.in-view .bg{
transform:scale(1);filter:blur(0px);transition:all 0.9s ease;transition-delay:0.25s;
}
.m30 .section2 .industries ul li .txts .tit{opacity:0;transform:translateY(40px);}
.m30 .section2 .industries ul li.in-view .txts .tit{opacity:1;transform:translateY(0px);transition:all 0.8s ease-in-out;}


.m41 .boxwrap strong,
.m41 .boxwrap .txt{opacity:0;transform:translateY(80px);}
.m41 .boxwrap.in-view strong,
.m41 .boxwrap.in-view .txt{
opacity:1;transform:translateY(0px);transition:all 1s;
}
.m41 .boxwrap.in-view .txt{transition-delay:0.1s;}
.m41 .diawrap .dia img{
transform:scale(0.8);transition:all 1.2s;transition-delay:0.2s;
}
.m41 .diawrap.in-view .dia img{transform:scale(1);}

.m42 .list>li>div{
transform:rotateY(-90deg) scale(0.9);filter:blur(8px);
}
.m42 .list>li.in-view>div{
transform:rotateY(0deg) scale(1);filter:blur(0px);transition:all 1s;
}