@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:block;}
.ptbr{display:block;}
.tbbr{display:none;}
.tmbr{display:none;}
.mbbr{display:none;}
.dn{display:none;}

.pc_view{display: block !important;}
.pt_view{display: block !important;}
.t_view{display: none !important;}
.tm_view{display: none !important;}
.m_view{display: none !important;}

/*header*/
#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: 70px;
	bottom: 20px;
	cursor: pointer;
	z-index: 10;
}



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



.page_top{
	position: relative;
	width: 100%;
	height: 100vh;
	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: 85px;
	font-weight: 600;
	color: #fff;
	line-height: 1.2em;;
}

.page_top .txtwrap > div h3{
	font-family: "Poppins";
	font-size: 54px;
	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: 50px 0;
	position: relative;
}

#pageTop {
position: absolute;
        top: -110px;
        width: 100%;
}

.sub_menu ul{
	display: flex;
}
.sub_menu li{
	display: inline-block;
	margin-right: 40px;
}
.sub_menu li:last-child{
	margin-right: 0;
}
.sub_menu li a{
	position: relative;
	padding-left: 18px;
	font-size: 18px;
	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: 10px;
	height: 10px;
	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 100px;
	padding-top: 50px;
	border-top: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
}
.sub_tab .page_tit{
	font-size: 60px;
	font-weight: 700;
}
.sub_tab .page_desc{
	font-size: 20px;
	color:#666666;
	margin-top: 20px;
	font-weight: 400;
	line-height: 1.6em;
}
.sub_tab .page_tit sub{font-size:22px;margin-top:45px;}

.sub_tab .pageLocation{
	display: flex;
}
.sub_tab .pageLocation li{
	position: relative;
	padding-left: 22px;
	font-size: 16px;
	font-weight: 400;
	color: #6f6e6b;
}
.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: 16px;
	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: flex;align-items:center;margin-bottom: 140px;
}
.m11 .area:last-child{margin-bottom: 0;}
.m11 .area:nth-child(odd){flex-direction:row-reverse;}
.m11 .area>div{width:50%;	}
.m11 .area:nth-child(1) .txtwrap{padding-right: 6vw;}
.m11 .area:nth-child(2) .txtwrap{padding-left: 6vw;}
.m11 .area .txtwrap strong{
font-size:66px;color:#000;font-weight:bold;line-height: 1.25em;display: block;margin-bottom: 70px;
}
.m11 .area .txtwrap p{
color:#555555;font-weight: 400;font-size:20px;line-height: 1.6em;
}
.m11 .area .txtwrap .t_tit{
font-size:40px;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:22px;font-weight: bold;width:215px;}
.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% - 215px);box-sizing:border-box;padding-left: 2.04vw;
color:#555555;font-size:20px;font-weight: 400;

}

.m12{
	overflow:hidden;
	position: relative;
}
.m12 .txts{
	margin-bottom: 80px;
	font-size:66px;color:#000;font-weight: 350;
	line-height: 1.3em;
}
.m12 .txts strong{font-weight: bold;}
.m12 .txts span{color:#81b942;}
.m12 .greet{	
	margin-top: 80px;padding:140px 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:36.36%;
	background:url(/images/page/m12_img2.jpg) no-repeat;
	background-size:contain;
}
.m12 .greet .txts{width:50%;}
.m12 .greet .t1{
	display: block;font-size:36px;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:20px;font-weight:400;line-height: 1.6em;
}
.m12 .greet .ceos{margin-top:60px;display:flex;align-items:center;}
.m12 .greet .ceos p{font-size:24px;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-left: 20px;}


.m13{}
.m13 .section1{
	padding: 0 0 200px;
	background: url(/images/page/m13_bg.png) no-repeat center top;
}
.m13 .section1 .con_tit{
	font-family: "Poppins";
	font-size: 40px;
	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: 220px;
	text-align: center;
}
.m13 .section1 .slg h2{
	font-size: 66px;
	color: #000;
	overflow: hidden;
}
.m13 .section1 .slg h2 span{
	display: inline-block;
}
.m13 .section1 .slg h3{
	font-size: 66px;
	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;
	justify-content: space-between;
	width: 100%;
	height: 470px;
}
.m13 .section1 .con li{
	position: relative;
	width: 19.7%;
	transition: all 0.8s;
}
.m13 .section1 .con li.open{
	width: 39.4%;
}
.m13 .section1 .con li:nth-child(1){background: url(/images/page/m13_list_bg1.jpg) no-repeat center / cover; border-radius: 20px 0 0 20px; 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; border-radius: 0 20px 20px 0; overflow: hidden;}
.m13 .section1 .con li .txts{
	width: 100%;
	height: 100%;
	padding: 60px 50px;
	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: 34px;
	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: 20px;
	line-height: 1.6em;
	color: #fff;
}

.m13 .section1 .con li .subTit{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 24px;
	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: 11px;}
.m14 .section1{
}
.m14 .section1 .slgWrap{
	width: 100%;
	height: 600px;
	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;
	height: 50px;
	line-height: 50px;
	font-family: "Poppins";
	font-size: 20px;
	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: 66px;
	font-weight: 700;
	color: #fff;
}
.m14 .section1 .conwrap{
	position: relative;
	display: flex;
	padding-top: 150px;
	padding-bottom: 200px;
}
.m14 .section1 .conwrap .txtwrap{
	width: 46%;
	padding-right: 4%;
}
.m14 .section1 .conwrap .txtwrap .inner{
	position: absolute;
	opacity: 0;
	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: 20px;
	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: 66px;
}
.m14 .section1 .conwrap .txtwrap .inner .year strong{
	font-weight: 600;
}

.m14 .section1 .conwrap .yearwrap{
	position: relative;
	width: 50%;
}
.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;
	display: flex;
	padding-left: 65px;
}
.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 .yearcon:first-child .con:first-child:after{
	content: "";
	position: absolute;
	left: -23.5px;
	top: 27px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 9px solid #e6f1d9;
	background: #bedb9d;
	z-index: -1;
}
.m14 .section1 .conwrap .yearwrap .con .year{
	width: 160px;
	font-family: "Poppins";
	font-size: 40px;
	font-weight: 500;
	margin-top: 22px;
}
.m14 .section1 .conwrap .yearwrap .con .list{
	width: calc(100% - 160px);
	padding: 35px 0;
	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: 45px;
	font-family: "Poppins";
	font-size: 17px;
	font-weight: 600;
}
.m14 .section1 .conwrap .yearwrap .con .list dl dd{
	width: calc(100% - 45px);
}
.m14 .section1 .conwrap .yearwrap .con .list dl dd p{
	font-size: 17px;
	color: #555;
}
.m14 .section1 .conwrap .yearwrap .con .list dl dd p + p{margin-top: 10px;}


.m15{}
.m15 .section1{
	padding: 0 0 200px;
}
.m15 .section1 .conwrap{
	display: flex;
}
.m15 .section1 .conwrap .list{
	width: 50%;
}
.m15 .section1 .conwrap .list li{
	width: 100%;
	padding: 30px 30px;
	box-sizing: border-box;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.m15 .section1 .conwrap .list li.on{
	background: #f9f9f9;
	padding: 60px 30px;
}
.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: 33px;
	height: 30px;
	background: url(/images/page/m15_arr.png) no-repeat center / contain;
	margin: 0 15px 8px 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: 42px;
	font-weight: 700;
	color: rgba(0,0,0,0.4);
	transform: translateX(-33px);
}
.m15 .section1 .conwrap .list li.on .con .tit span{
	font-size: 60px;
	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: 160px;
	font-size: 20px;
	font-weight: 500;
}
.m15 .section1 .conwrap .list li .con .info dl dt:after{
	content: "";
	position: absolute;
	right: 22px;
	top: 9px;
	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% - 160px);
	font-size: 20px;
}

.m15 .section1 .conwrap .map{
	position: relative;
	width: 44%;
	margin-left: 6%;
	height: 635px;
	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 200px;
}
.bbs .list1{
	display: flex;
	flex-wrap: wrap;
}
.bbs .list1 li{
	width: calc((100% - 75px) / 4);
	margin-right: 25px;
	padding-bottom: 50px;
	border-bottom: 1px solid #ccc;
}
.bbs .list1 li:nth-child(4n){
	margin-right: 0;
}
.bbs .list1 li:nth-child(n+5){
	margin-top: 50px;
}
.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: 24px;
	font-weight: 600;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bbs .list1 li a .txtwrap .con{
	margin: 15px 0;
	font-size: 18px;
	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: 18px;
	color: #444;
}


.bbs .list2{
	width: 100%;
	border-top: 1px solid #000;
}
.bbs .list2 li{
	display: flex;
	align-items: center;
	padding: 35px 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}
.bbs .list2 li .date{
	width: 100px;
	padding-right: 40px;
	box-sizing: border-box;
	border-right: 1px solid #ccc;
	text-align: center;
}
.bbs .list2 li .date .day{
	font-family: "Poppins";
	font-size: 65px;
	font-weight: 600;
	line-height: 1em;
	color: #81b942;
}
.bbs .list2 li .date .ym{
	font-family: "Poppins";
	font-size: 18px;
	font-weight: 600;
	line-height: 1em;
	color: #81b942;
}
.bbs .list2 li .txtwrap{
	width: calc(100% - 100px - 160px);
	padding: 0 35px;
	box-sizing: border-box;
}
.bbs .list2 li .txtwrap .tit{
	font-size: 24px;
	font-weight: 600;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bbs .list2 li .txtwrap .con{
	font-size: 18px;
	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;
	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 200px;
}
.bbs_view .titwrap{
	width: 100%;
	padding: 55px 0;
	text-align: center;
	border-top: 1px solid #000;
	border-bottom: 1px solid #ccc;
}
.bbs_view .titwrap .tit{
	font-size: 34px;
	font-weight: 600;
	line-height: 1.5em;
}
.bbs_view .titwrap .date{
	font-family: "Poppins";
	font-size: 20px;
	margin-top: 20px;
}
.bbs_view .downwrap{
	width: 100%;
	padding: 25px 0;
	border-bottom: 1px solid #ccc;
}
.bbs_view .downwrap dl{
	display: flex;
	justify-content: center;
}
.bbs_view .downwrap dl dt{
	position: relative;
	margin-right: 22px;
	font-size: 18px;
	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: 18px;
	color: #555;
}
.bbs_view .conwrap{
	width: 100%;
	padding: 80px 0 100px;
}
.bbs_view .btnwrap{
	width: 100%;
	padding-top: 80px;
	border-top: 1px solid #ccc;
	text-align: center;
}
.bbs_view .btnwrap a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 250px;
	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 160px;background:url(/images/page/m21_sec1_bg.jpg) no-repeat center bottom;background-size:contain;}
.m21 .section1 .intro{
	overflow:hidden;
	position:relative;
	display:flex;align-items:center;justify-content:center;
	height:650px;
	padding:0 5%;
	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:63px;color:#fff;font-weight:600;}
.m21 .section1 .intro .con p{margin-top:55px;font-size:19px;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:110px 100px;
	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;}
.m21 .section1 .char ul li{
	box-sizing:border-box;
	position:relative;
	width:23.5%;height:420px;
	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:100px;height:100px;
	transition:all 0.24s;
}
.m21 .section1 .char ul li:nth-child(1) .icon{background:url(/images/page/m21_sec1_char_icon1.png) no-repeat;}
.m21 .section1 .char ul li:nth-child(2) .icon{background:url(/images/page/m21_sec1_char_icon2.png) no-repeat;}
.m21 .section1 .char ul li:nth-child(3) .icon{background:url(/images/page/m21_sec1_char_icon3.png) no-repeat;}
.m21 .section1 .char ul li:nth-child(4) .icon{background:url(/images/page/m21_sec1_char_icon4.png) no-repeat;}
.m21 .section1 .char ul li .txts{
	position:absolute;left:0;bottom:65px;
	width:100%;
	box-sizing:border-box;
	padding:0 60px;
	text-align:left;
	min-height:160px;
}
.m21 .section1 .char ul li .txts .tit{font-size:29px;color:#000;font-weight:600;transition:all 0.24s;}
.m21 .section1 .char ul li .txts .txt{margin-top:25px;font-size:19px;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;}
.m21 .section1 .char ul li:hover:nth-child(2) .icon{background:url(/images/page/m21_sec1_char_icon2_hover.png) no-repeat;}
.m21 .section1 .char ul li:hover:nth-child(3) .icon{background:url(/images/page/m21_sec1_char_icon3_hover.png) no-repeat;}
.m21 .section1 .char ul li:hover:nth-child(4) .icon{background:url(/images/page/m21_sec1_char_icon4_hover.png) no-repeat;}
.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:50%;border-radius:20px;}
.m21 .section1 .manufacturing>div.titlearea{
	box-sizing:border-box;
	padding:100px;
	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:40vh;font-size:38px;color:#fff;font-weight:600;}
.m21 .section1 .manufacturing>div.titlearea p{margin-top:20px;font-size:19px;color:#fff;}
.m21 .section1 .manufacturing>div.conarea{
	position:relative;
	padding:100px;
}
.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:29px;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:50px;top:50px;
	font-family:"Poppins";font-size:18px;color:#999;font-weight:500;
}
.m21 .section1 .manufacturing .ctr .thisNum{margin-left:30px;color:#81b942;}
.m21 .section1 .manufacturing .ctr .etc{margin:0 3px;}
.m21 .section1 .manufacturing .ctr .totalNum{margin-right:30px;}

.m21 .section1 .capacity{
	margin-top:160px;
	padding:150px 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:18px;color:#81b942;font-weight:600;}
.m21 .section1 .capacity h5 .kr{margin-top:25px;font-size:38px;color:#fff;font-weight:600;}
.m21 .section1 .capacity .con{display:flex;justify-content:space-between;flex-wrap:wrap;margin:70px 0 0;}
.m21 .section1 .capacity .con dl{
	overflow:hidden;
	position:relative;
	width:31%;
	box-sizing:border-box;
	padding:40px 30px 40px 170px;
	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:100px;height:100px;
	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;}
.m21 .section1 .capacity .con dl:nth-child(2):after{background:url(/images/page/m21_sec1_capa_icon2.png) no-repeat;}
.m21 .section1 .capacity .con dl:nth-child(3):after{background:url(/images/page/m21_sec1_capa_icon3.png) no-repeat;}
.m21 .section1 .capacity .con dl dt{position:relative;z-index:5;font-size:29px;color:#000;font-weight:600;}
.m21 .section1 .capacity .con dl dd{position:relative;z-index:5;margin-top:15px;font-size:19px;color:#555;}

.m21 .section2{padding:150px 0;}
.m21 .section2 .industries{}
.m21 .section2 .industries h5{text-align:center;}
.m21 .section2 .industries h5 .en{font-size:18px;color:#81b942;font-weight:600;}
.m21 .section2 .industries h5 .kr{margin-top:25px;font-size:38px;color:#000;font-weight:600;}
.m21 .section2 .industries ul{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	margin:70px 0 0;
}
.m21 .section2 .industries ul li{
	overflow:hidden;
	position:relative;
	width:24%;aspect-ratio:1/1.015;
	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:18px;color:#fff;font-weight:600;}
.m21 .section2 .industries ul li .txts .tit{font-size:29px;color:#fff;font-weight:600;}
.m21 .section2 .competitiveness{
	display:flex;flex-wrap:wrap;align-items:center;
	margin:160px 0 0;
}
.m21 .section2 .competitiveness .imgarea{
	width:50%;
}
.m21 .section2 .competitiveness .conarea{
	box-sizing:border-box;
	width:50%;
	padding-left:7%;
}
.m21 .section2 .competitiveness .conarea h5{margin-bottom:75px;}
.m21 .section2 .competitiveness .conarea h5 .en{font-size:18px;color:#81b942;font-weight:600;}
.m21 .section2 .competitiveness .conarea h5 .kr{margin-top:25px;font-size:38px;color:#000;font-weight:600;}
.m21 .section2 .competitiveness .conarea h5 .kr sub{font-size:22px;margin-top:18px;}
.m21 .section2 .competitiveness .conarea .vs{}
.m21 .section2 .competitiveness .conarea .vs table{width:100%;border-collapse:collapse;}
.m21 .section2 .competitiveness .conarea .vs table thead{}
.m21 .section2 .competitiveness .conarea .vs table thead th{
	padding:25px 40px;
	border-bottom:2px solid #111;
	font-size:21px;color:#555;font-weight:600;text-align:center;
}
.m21 .section2 .competitiveness .conarea .vs table thead th.pgt{
	border-radius:20px 20px 0 0;
	background:#81b942;border-bottom:2px solid #81b942;
	color:#fff;
}
.m21 .section2 .competitiveness .conarea .vs table tbody{}
.m21 .section2 .competitiveness .conarea .vs table tbody th{
	position:relative;
	padding:25px 0px;
	border-bottom:1px solid #ddd;
	font-size:21px;color:#000;font-weight:600;text-align:center;
}
.m21 .section2 .competitiveness .conarea .vs table tbody th:after{
	display:block;content:"";
	width:1px;height:12px;
	background:#ddd;
	position:absolute;right:0;top:50%;
	margin-top:-6px;
}
.m21 .section2 .competitiveness .conarea .vs table tbody td{
	padding:25px 40px;
	border-bottom:1px solid #ddd;
	font-size:17px;color:#555;text-align:center;
}
.m21 .section2 .competitiveness .conarea .vs table tbody td.left{border-left:1px solid #81b942;background:#f0f6e8;color:#111;}
.m21 .section2 .competitiveness .conarea .vs table tbody td.right{border-right:1px solid #81b942;}
.m21 .section2 .competitiveness .conarea .vs table tbody td.bottom{border-bottom:1px solid #81b942;}





/* m22 */
.m22{}
.m22 .section1{padding:0 0 160px;}
.m22 .section1 .intro{
	overflow:hidden;
	position:relative;
	display:flex;align-items:center;justify-content:center;
	height:650px;
	padding:0 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:63px;color:#fff;font-weight:600;}
.m22 .section1 .intro .con p{margin-top:55px;font-size:19px;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;
	position:absolute;left:50%;top:50%;z-index:10;
	width:360px;height:360px;
	background:#fff;box-shadow:3px 3px 10px rgba(0,0,0,0.2);
	border-radius:50%;
	transform:translate(-50%,-50%);
}
.m22 .section1 .strategy h5:after{
	display:block;content:"";
	width:calc(100% + 60px);height:calc(100% + 60px);
	background:url(/images/page/m22_tit_bg.png) no-repeat;
	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;
	display:flex;align-items:center;
	box-sizing:border-box;
	width:49%;min-height:490px;
	margin-bottom:2%;padding:30px;
	background:#f6f6f6;
	border-radius:20px;
}
.m22 .section1 .strategy ul li .num{
	display:flex;align-items:center;justify-content:center;
	width:80px;height:100%;
	background:#81b942;
	border-radius:20px;
	font-size:20px;color:#fff;font-weight:600;
}
.m22 .section1 .strategy ul li .con{
	box-sizing:border-box;
	width:calc(100% - 80px);
	padding:0 60px;
}
.m22 .section1 .strategy ul li .con h6{margin-bottom:30px;font-size:29px;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:19px;color:#000;font-weight:600;}
.m22 .section1 .strategy ul li .con dl dd{font-size:19px;color:#555;}
.m22 .section1 .strategy ul li .con dl dd sub{margin-top:10px;}

.m22 .section1 .strategy ul li:nth-child(even){flex-direction:row-reverse;text-align:right;}


@media screen and (max-width:1600px){
	.m22 .section1 .strategy h5{
		width:300px;height:300px;
	}
	.m22 .section1 .strategy h5:after{
	background-size:cover;
		width:calc(100% + 40px);height:calc(100% + 40px);
	}
}


/*m30*/
.m30{}
.m30 .section1 .intro{
	overflow:hidden;
	position:relative;
	display:flex;align-items:center;justify-content:center;
	height:650px;
	padding:0 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:63px;color:#fff;font-weight:600;}
.m30 .section1 .intro .con p{margin-top:55px;font-size:19px;color:#fff;line-height:1.4em;}
.m30 .section1 .intro .con p sub{margin-top:5px;}
.m30 .section1 .product{
	display:flex;flex-wrap:wrap;
	margin-top: 35px;
	background:#f9f9f9;border-radius:20px;
}
.m30 .section1 .product>div{width:50%;display: flex;flex-direction:column;justify-content:space-between;border-radius:20px;}
.m30 .section1 .product>div.titlearea{
	box-sizing:border-box;
	padding:100px;
	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:18px;color:#81b942;font-weight:600;margin-bottom: 30px;}
.m30 .section1 .product>div.titlearea h6{font-size:40px;color:#fff;font-weight:600;}
.m30 .section1 .product>div.titlearea p{margin-top:20px;font-size:19px;color:#fff;}
.m30 .section1 .product>div.titlearea .prod-list{
	margin-top: 40vh;border-top:2px solid #ffffff;
}
.m33 .section1 .product>div.titlearea .prod-list{margin-top: 25vh;}
.m30 .section1 .product>div.titlearea .prod-list>li{
display: flex;align-items:center;
padding:22px 0;
border-bottom: 1px solid rgba(255,255,255,0.3);
}
.m30 .section1 .product>div.titlearea .prod-list>li .num{
text-align: center;width:80px;
position: relative;
font-size:20px;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% - 80px);padding-left: 2vw;font-size:28px;color:#fff;font-family: "Poppins";
}
.m30 .section1 .product>div.conarea{
	position:relative;
	padding:100px;
}
.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;}
.m34 .section1 .product>div.conarea .feature{margin-top: 0;}
.m30 .section1 .product>div.conarea .feature>li{
	background: #ffffff;border-radius:20px;border:1px solid #dfdfdf;box-sizing:border-box;
	padding:30px 1.56vw;display: flex;align-items:center;
}
.m30 .section1 .product>div.conarea .feature>li .icon{width:100px;background: #81b942;border-radius:20px;height:100px;
display: flex;align-items:center;justify-content:center;
}
.m33 .section1 .product>div.conarea .feature>li .icon{height: 200px;}
.m30 .section1 .product>div.conarea .feature>li p{
width:calc(100% - 100px);padding-left: 2.08vw;color:#111111;font-size:20px;font-weight: 400;
}
.m30 .section1 .product>div.conarea .feature>li + li{margin-top: 20px;}
.m30 .section1 .product>div.conarea h5{font-size:18px;color:#81b942;font-weight:600;margin-bottom: 30px;}
.m30 .section1 .product>div.conarea h6{font-size:40px;color:#000000;font-weight:600;}
.m30 .section1 .product>div.conarea .exp{
	display: flex;align-items:center;background: #eaeaea;
	border-radius:29px;
	padding:20px 1vw;
	margin-top: 20px;
}

.m30 .section1 .product>div.conarea .exp dt{letter-spacing:-0.025em;
padding-right: 12px;margin-right: 12px;position: relative;font-size:20px;color:#000;font-weight: 400;
}
.m30 .section1 .product>div.conarea .exp dd{
font-size:18px;color:#666666;font-weight: 400;letter-spacing:-0.025em;
}
.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:150px 0 160px;}
.m30  .section2 .industries{}
.m30  .section2 .industries h5{text-align:center;}
.m30  .section2 .industries h5 .en{font-size:18px;color:#81b942;font-weight:600;}
.m30 .section2 .industries h5 .kr{margin-top:25px;font-size:38px;color:#000;font-weight:600;}
.m30 .section2 .industries ul{
	display:flex;flex-wrap:wrap;gap:20px 1.04vw;
	margin:70px 0 0;
}
.m30 .section2 .industries ul li{
	overflow:hidden;
	position:relative;
	
	border-radius:20px;
	width:100%;
}
.m30 .section2 .industries ul.w4 li{
width:calc((100% - 1.04vw * 3) / 4);aspect-ratio:1/1.015;
}
.m30 .section2 .industries ul.w5 li{
width:calc((100% - 1.04vw * 4) / 5);aspect-ratio:1/1.015;
}
.m30 .section2 .industries ul.w1 li{
height:335px;
}
.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:55px;
	width:100%;
	box-sizing:border-box;
	padding:0 5%;
	text-align:center;
}
.m30 .section2 .industries ul li .txts .cate{font-size:18px;color:#fff;font-weight:600;}
.m30 .section2 .industries ul li .txts .tit{font-size:29px;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: 200px;}
.m41 .boxwrap{
width:100%;overflow:hidden;
border-radius:20px;
padding:210px 2vw;
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:66px;color:#fff;font-weight: bold;display: block;
margin-bottom: 70px;
}
.m41 .boxwrap .txt{color:#fff;font-size:20px;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: 120px 4vw 180px;
}
.m41 .diawrap .dia{
position: relative;
width: 100%;

display: flex;align-items:center;justify-content:center;
}
.m41 .diawrap .dia img{
margin:0 auto;display: block;
}
 .m41 .diawrap .dia .dlist{display: none;}
/* .m41 .diawrap .dia .dlist>dl{
position: absolute;
width:auto;
}
.m41 .diawrap .dia .dlist>dl.ct{text-align: center;}
.m41 .diawrap .dia .dlist>dl.rt{text-align: right;}
.m41 .diawrap .dia .dlist>dl.lt{text-align: left;}
.m41 .diawrap .dia .dlist>dl>dt{
color:#000000;font-weight: bold;font-size:30px;margin-bottom: 22px;
}
.m41 .diawrap .dia .dlist>dl>dd{
color:#555555;font-size:20px;font-weight: 400;
}
.m41 .diawrap .dia .dlist>dl:nth-child(1){
top:-60px;left:50%;transform:translateX(-50%);
}
.m41 .diawrap .dia .dlist>dl:nth-child(2){
top:250px;left:calc(50% - 540px);transform:translateX(-50%);
}
.m41 .diawrap .dia .dlist>dl:nth-child(3){
top:250px;right:calc(50% - 580px);transform:translateX(50%);
} */

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

.m42{}
.m42 .section1{padding-bottom: 200px;}
.m42 .list>li{
width:100%;overflow:hidden;
border-radius:20px;
padding:140px 2vw;
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: 80px;}
.m42 .list>li strong{
text-align: center;
font-size:66px;color:#fff;font-weight: bold;display: block;
margin-bottom: 66px;
}
.m42 .list>li .txt{color:#fff;font-size:20px;font-weight: 350;text-align: center;line-height: 1.6em;}
.m42 .list>li .txt span{
display: block;text-align: center;font:inherit;font-size:18px;margin-top: 50px;
}

.m43{padding-bottom: 200px;}
.m43 .cert-list{
display: flex;flex-wrap:wrap;gap:80px 1.25vw;
}
.m43 .cert-list>li{
width:calc((100% - 1.25vw * 3) / 4);
}
.m43 .cert-list>li .thumb{
border-radius:20px;border:1px solid #dfdfdf;
padding:40px 2vw;
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:30px;color:#000;font-weight: bold;
}






.m50{padding-bottom: 200px;}
.m50 .bgarea{
width:100%;padding:0 2vw;
height:460px;
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:66px;color:#fff;font-weight: bold;}
.m50 .esg_container{
overflow:hidden;border-radius:20px;border:1px solid #cccccc;
padding:100px 5.2vw;box-sizing:border-box;
}
.m50 .esg_container .infowrap{}
.m50 .esg_container .infowrap .tag{display: block;color:#81b942;font-size:18px;font-weight: 600;text-align: center;}
.m50 .esg_container .infowrap .title{margin:30px 0;color:#000000;font-weight: bold;font-size:40px;text-align: center;}
.m50 .esg_container .infowrap .txt{
font-size:20px;color:#555555;font-weight: 400;line-height: 1.6em;text-align: center;
margin-bottom: 80px;
}
.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;position: relative;
}
.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: 100px;height: 100px;bottom:2.08vw;
}
.m50 .esg_container .box-list>li:nth-child(odd) .img .abs-icon{left:2.08vw;}
.m50 .esg_container .box-list>li:nth-child(even) .img .abs-icon{right:2.08vw;}
.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:30px;font-weight: bold;
}
.m50 .esg_container .box-list>li .info .tit1 sup{color:#81b942;font-size:18px;font-weight: 600;font-family: "Poppins";}
.m50 .esg_container .box-list>li .info .txt1{margin-top: 30px;color:#555555;font-size:20px;font-weight: 400;line-height: 1.6em;}
.m50 .esg_container .box-list>li .info .txt1>strong{
display: flex;align-items:center;margin-bottom: 20px;
}
.m50 .esg_container .box-list>li .info .txt1>strong b{
color:#000;font-size:20px;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 11px;
}



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

}
.m51 .txtarea h4{
font-size:66px;color:#000;font-weight: 350;margin-bottom: 70px;text-align: center;line-height: 1.25em;
}
.m51 .txtarea h5 strong{
	font:inherit;font-weight: bold;
}
.m51 p{
	font-size:20px;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:120px 2vw;box-sizing:border-box;
margin-top: 140px;
}
.m51 .boxwrap span{display: block;color:#81b942;font-weight: 600;text-transform: uppercase;font-size:18px;font-family: "Poppins";}
.m51 .boxwrap .slog{display: block;margin:30px  auto 30px;font-size:40px;color:#000;font-weight: bold;}
.m51 .btnwrap{margin-top: 60px;}
.m51 .btnwrap .btn{
display: flex;align-items:center;justify-content:center;margin:0 auto;
width:280px;height:70px;border-radius:35px;
text-align: center;background: #81b942;
}
.m51 .btnwrap .btn>span{text-align: center;color:#fff;font-size:20px;font-weight: 300;}


/*m511*/
.m511 .section1{padding-top: 0;}
.m511 .boxContainer{
width:100%;border-radius:20px;border:1px solid #cccccc;
padding:150px 5.2vw;background: #fff;
}
.m511 .boxContainer .titlearea{padding-bottom: 100px;border-bottom: 1px solid #e5e5e5;;margin-bottom: 100px;}
.m511 .boxContainer .titlearea .cate{
        display: block;
        color: #81b942;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
}
.m511 .boxContainer .titlearea h4{
        margin: 30px 0;
        color: #000000;
        font-weight: bold;
        font-size: 40px;
        text-align: center;
}
.m511 .boxContainer .titlearea p{
        font-size: 20px;
        color: #555555;
        font-weight: 400;
        line-height: 1.6em;
        text-align: center;
}
.m511 .boxContainer .area{
margin-bottom: 150px;
}
.m511 .boxContainer .area.mb{
margin-bottom: 60px;padding-bottom: 60px;
border-bottom: 1px solid #e5e5e5;
}
.m511 .boxContainer .area h5{
text-align: center;
margin: 0px 0 60px;
        color: #000000;
        font-weight: bold;
        font-size: 40px;
}
.m511 .boxContainer .area .cardlist{
display: flex;flex-wrap:wrap;
gap:30px 1.56vw;
}
.m511 .boxContainer .area .cardlist>li{
width:calc((100% - 1.56vw * 2) / 3);background: #f5f5f5;
border-radius:20px;padding:20px 1.04vw;
}
.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: 30px;
}
.m511 .boxContainer .area .cardlist>li .tag>span{
color:#fff;font-size:24px;font-weight: bold;
}
.m511 .boxContainer .area .cardlist>li .infowrap{display: flex;align-items:center;}
.m511 .boxContainer .area .cardlist>li .infowrap .icon{
width:120px;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:18px;font-weight: 400;
text-align: left;width:calc(100% - 120px);padding-left: 2.04vw;}
.m511 .boxContainer .area .textlist{

}
.m511 .boxContainer .area .textlist>li{
width:100%;border-radius:20px;background: #f5f5f5;
padding:30px 2.08vw;
display: flex;
}
.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: 40px;height: 40px;background: #fff;
}
.m511 .boxContainer .area .textlist>li .num span{font-family: "Poppins";color:#999999;font-weight: 600;font-size:18px;}
.m511 .boxContainer .area .textlist>li p{
width:calc(100% - 40px - 2.08vw);text-align: left;font-size:20px;color:#000000;font-weight: 500;
margin-left: 2.08vw;padding-top: 4px;
}

/*m512,513*/
/* 폼디비 공통 */
.writePage .form_tabs{
	display: flex;align-items:center;gap:20px;width:100%;margin-bottom: 120px;
}
.writePage .form_tabs>li{
box-sizing:border-box;
width:calc((100% - 20px) / 2);
height:80px;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:20px;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: 90px 0 180px;
}
.writePage .boxContainer{padding-bottom: 200px;}
.writePage .boxContainer .titlearea{padding-bottom: 0;border-bottom: 0;margin-bottom: 120px;}
.writePage .boxContainer .titlearea h4{margin-bottom: 0;}
.writePage .exp{
display: flex;justify-content:flex-end;padding-bottom: 30px;
color:#545454;font-size:18px;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: 60px 0;
	border-bottom: 1px solid #ddd;
}
.writePage .formarea .con .titwrap{
	display: flex;
	justify-content: space-between;
}
.writePage .formarea .con .titwrap .tit{
	font-size: 28px;
	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: 15px;
	font-size: 18px;
	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: 24px;
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 25px;
	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 25px center #fff;
	font-size: 17px;
}
.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: 18px;
	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: 25px;
	box-sizing: border-box;
	background: #fff;
	
	outline: 0;
	font-size: 18px;

	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:30%;}
.writePage .formarea .con .formwrap dl dd.mailwrap .char{
display: block;font-size:24px;color:#000;font-weight: 500;
}
.writePage .formarea .con .formwrap dl dd .txtbox{
	width: 100%;
	padding: 30px;
	border: 1px solid #ccc;
	border-radius: 20px;
}
.writePage .formarea .con .formwrap dl dd .txtbox .inner{
	width: 100%;
	height: 250px;
	padding-right: 1vw;
	overflow-y: auto;
	font-size: 18px;
	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%;
}
.writePage .formarea .con .formwrap dl dd .txtbox .inner .table_g table th{
background: #f4f4f4;text-align: center;font-size:16px;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:16px;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: 20px;}
.writePage .formarea .con .formwrap dl dd .chkarea input{display:none;}
.writePage .formarea .con .formwrap dl dd .chkarea input + label{	
	position:relative;
	padding-left:35px;
	font-size:18px;
	color: #555;
}
.writePage .formarea .con .formwrap dl dd .chkarea input + label:before{
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 21px;
	height: 21px;
	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;
}


.contactPage .btnwrap{
	width: 100%;
	margin-top: 80px;
	text-align: center;
}

.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% - 170px);
	height: 70px;
	line-height: 70px;
	padding: 0 20px;
	outline: 0;
	font-size: 18px;
	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: 200px;
	height: 70px;
	margin-left: -30px;
	font-size: 20px;
	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: 40px 60px;
	margin-top: 60px;
	box-sizing: border-box;
	border-radius: 20px;
	background: #f5faf0;
	display: flex;
	align-items: center;
}
.writePage .formarea .con .warning .txts{
	margin-left: 30px;
	width: calc(100% - 37px - 30px);
	font-size: 18px;
	line-height: 1.6em;
}


/*m514*/
.m514 .boxContainer{padding:100px 5.2vw;}
.m514 .boxContainer .titlearea{
margin-bottom: 50px;padding-bottom: 80px;
}
.m514 .boxContainer .titlearea h4{margin-bottom: 0;}
.m514 .result{
background: #f5f5f5;border-radius:20px;
padding:125px 2vw;
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:28px;font-weight: bold;
}


.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:100px 5.2vw;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 2vw;
border-radius:20px;margin-bottom: 40px;
}
.m53 .rulesContainer .area .greenBox strong{
margin-bottom: 40px;
color:#fff;font-weight: 800;font-size:36px;display: flex;align-items:center;justify-content:center;gap:10px;}
.m53 .rulesContainer .area .greenBox strong img{vertical-align:middle;}
.m53 .rulesContainer .area .greenBox p{
text-align: center;color:#ffffff;font-size:24px;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 2.08vw;
display: flex;align-items:center;
}
.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: 40px;height: 40px;background: #fff;
}
.m53 .rulesContainer .area .textlist>li .num span{font-family: "Poppins";color:#999999;font-weight: 600;font-size:18px;}
.m53 .rulesContainer .area .textlist>li p{
width:calc(100% - 40px - 2.08vw);text-align: left;font-size:20px;color:#000000;font-weight: 500;
margin-left: 2.08vw;padding-top: 4px;line-height: 1.6em;
}
.m53 .rulesContainer .area .date{text-align: center;color:#000000;font-size:20px;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:280px;height:70px;border-radius:35px;
text-align: center;background: #81b942;
}
.m71 .btnwrap .btn>span{text-align: center;color:#fff;font-size:20px;font-weight: 300;}

.sub_tab.pn7 .pageLocation li:last-child{display: none;}
/*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, .fadeImgLeft{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;}
.fadeImgLeft.in-view{animation-name: fadeImgLeft;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(100px, 0, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeUp{
0%{transform:translate3d(0%, 80px, 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);}

/**/
.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:nth-child(odd){
opacity:0;transform:translateX(100px);
}
.m50 .esg_container .box-list>li.in-view:nth-child(odd){
opacity:1;transform:translateX(0px);transition:all 1s;
}
.m50 .esg_container .box-list>li:nth-child(even){
opacity:0;transform:translateX(-100px);
}
.m50 .esg_container .box-list>li.in-view:nth-child(even){
opacity:1;transform:translateX(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);}


.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:rotateY(-90deg);}
.m21 .section1 .char ul li.in-view{opacity:1;transform:rotateY(0deg);transition:all 1s ease-in-out;transition-delay:0.1s;}
.m21 .section1 .char ul li:nth-child(2).in-view{transition-delay:0.2s;}
.m21 .section1 .char ul li:nth-child(3).in-view{transition-delay:0.3s;}
.m21 .section1 .char ul li:nth-child(4).in-view{transition-delay:0.4s;}

.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;}



.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:translateX(100px);opacity:0;}
.m30 .section1 .product>div.conarea{transform:translateX(-100px);opacity:0;}
.m30 .section1 .product.in-view>div.titlearea{opacity:1;transform:translateX(0px);transition:all 1s ease;}
.m30 .section1 .product.in-view>div.conarea{opacity:1;transform:translateX(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;
}