@charset "utf-8";
@import url("common.css");

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

.pcbr{display:block;}
.ptbr{display: block;}
.tbbr{display:none;}
.tmbr{display: none;}
.mbbr{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;}
.dn{display:none;}
* {font-family:"Noto Sans KR","Wix Madefor Display",  "돋움", dotum,sans-serif;box-sizing:border-box;}
button{background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer;}
#wrap{background: #f2efe9;}

.bk .head{background: #f2efe9;}
.bk .head .pcNav>ul>li>a{color:#111;font-weight: 600;}
.bk .head .pcNav>ul>li>a:hover{text-decoration:underline;text-decoration-thickness: 2px;text-underline-offset:3px;}
.bk .head .gnb .search .search_btn,
.bk .head .gnb .language>a,
.bk .head .gnb .btnMenu{border:1px solid rgba(0,0,0,0.4);}
.bk .head .gnb .search .search_btn i{
	background: url(/images/common/header_search_icon_bk.png)no-repeat center / contain;
}
.bk .head .gnb .language>a{color:#000;font-weight: 600;}
.bk .head .gnb .language>a i{border-right:1px solid #000;border-bottom:1px solid #000;}
.bk .head .gnb .btnMenu>div{background: #000;}


:root{
	--font1: "Noto Sans KR";
	--font2: "Wix Madefor Display";
	--font3: "Nunito Sans";
	--fonts: "Wix Madefor Display","Noto Sans KR";
	--trs50: "translate(-50%, -50%)";
}
/*header*/
/*footer*/
.foot{padding-top: 63px;}
.foot .go_top{top:63px;}
/*subvisual*/
.sub_visual{position: relative;width: 100%; height: 100vh;z-index:10;}
.sub_visual .bgarea{
	position: absolute;
	width:100%;height:100%;
	top:0;left:0;
	overflow:hidden;
	z-index:-1;
}
.sub_visual .bgarea:before{
	position: absolute;content:'';
	width:50%;height:100%;
	background: rgba(0,0,0,0.3);
	top:0;left:0;
	z-index:1;
}
.sub_visual .bgarea:after{
	position: absolute;content:'';
	width:50%;height:100%;
	background: rgba(0,0,0,0.3);
top:0;right:0;
z-index:1;
}
.sub_visual .bgarea .bg{
	width: 100%;height: 100%;
	background: url(/images/page/sub_visual1.jpg)no-repeat center / cover;
}
.sub_visual .bgarea .bg.pn1{background: url(/images/page/sub_visual1.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn1.sn2{background: url(/images/page/sub_visual12.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn1.sn3{background: url(/images/page/sub_visual13.jpg)no-repeat right center / cover;}
.sub_visual .bgarea .bg.pn1.sn4{background: url(/images/page/sub_visual14.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn1.sn5{background: url(/images/page/sub_visual15.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn1.sn6{background: url(/images/page/sub_visual16.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn2{background: url(/images/page/sub_visual2.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn2.sn2{background: url(/images/page/sub_visual22.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn2.sn3{background: url(/images/page/sub_visual23.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn2.sn4{background: url(/images/page/sub_visual24.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn2.sn5{background: url(/images/page/sub_visual25.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn2.sn6{background: url(/images/page/sub_visual26.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn3.cate001{background: url(/images/page/sub_visual22.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn3.cate002{background: url(/images/page/sub_visual23.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn3.cate003{background: url(/images/page/sub_visual24.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn3.cate004{background: url(/images/page/sub_visual26.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn3.cate005{background: url(/images/page/sub_visual35.jpg)no-repeat center / cover;}

.sub_visual .bgarea .bg.pn4.sn1{background: url(/images/page/sub_visual41.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn4.sn2{background: url(/images/page/sub_visual42.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn4.sn3{background: url(/images/page/sub_visual43.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn4.sn4{background: url(/images/page/sub_visual44.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn4.sn5{background: url(/images/page/sub_visual45.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn5.sn1{background: url(/images/page/sub_visual51.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn5.sn2{background: url(/images/page/sub_visual52.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn5.sn3{background: url(/images/page/sub_visual53.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn5.sn4{background: url(/images/page/sub_visual54.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn6.sn1{background: url(/images/page/sub_visual61.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn6.sn2{background: url(/images/page/sub_visual62.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn6.sn3{background: url(/images/page/sub_visual63.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn6.sn4{background: url(/images/page/sub_visual64.jpg)no-repeat center / cover;}

.sub_visual .descarea{position: absolute;left: 0; top: 50%; transform: translateY(-50%); z-index:50;box-sizing:border-box;
width:100%;
padding:0 5.73vw;
}
.sub_visual .descarea .cate>div{font-size:20px;color:#fff;font-family:var(--font3);font-weight: 400;text-transform: uppercase;}
.sub_visual .descarea .slogan{margin:53px 0 42px;}
.sub_visual .descarea .slogan>div{font-size:72px;color:#fff;font-family:var(--font2);font-weight: 600;line-height: 1.25em;}
.sub_visual .descarea .desc>div{font-family:var(--font1);font-weight: 500;font-size:20px;color:#fff;line-height: 1.6em;}
.sub_visual .descarea .hidden{overflow:hidden;}
.sub_visual .descare>div>div{font:inherit;}

/*subtab*/
.subtabarea {  
display: flex;justify-content:center;
padding-top:100px;
padding-bottom: 150px;
}
.subtabarea .subtab{
	 border-radius: 20px; /* 둥근 모서리 */
    display: flex;
	border:1px solid #c2bfba;
	
    padding: 0 43px;
}
.subtab li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.subtab li a {
    display: block;
	box-sizing:border-box;
    padding: 0 20px;
    color: #666666;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
	font-family: var(--font1);
    border-radius: 10px;
    transition: background-color 0.3s, color 0.3s;
	text-align: center;
	height: 50px;
	line-height: 50px;
}

.subtab li.on a {
    background-color: #000;
    color: #fff;font-weight: 400;
}

.subtab li a:hover {
    background-color: #ddd;
    color: #666666;
}

.subtab li + li {
    margin-left: 10px;
}

.m00{width:100%;overflow:hidden;padding-bottom: 200px;}
.inner{padding: 0 5.73vw;box-sizing:border-box;width:100%;}

/*sec_title_wrap*/
.sec_title_wrap{width:100%;padding: 0 5.73vw;
display: flex;align-items:center;justify-content:space-between;
margin-bottom: 160px;
}
/*location*/
.sec_title_wrap{
	width:100%;box-sizing:border-box;max-width:100%;padding:36px 6.25vw;
	display: flex;align-items:center;justify-content:space-between;
	background: transparent;position: relative;
}
.sec_title_wrap:before{
	position: absolute;content:'';
	top:0;right:0;
	background: url(/images/page/main_bg_img.png)no-repeat center;
	width:512px;height:832px;
	top:-285px;
}
.sec_title_wrap .sec_tit>strong{
	font-size:60px;color:#0d1423;font-weight: 500;font-family: var(--font1);letter-spacing:-0.025em;
}
.sec_title_wrap .locations{position: relative;z-index:100;background: transparent;}
.sec_title_wrap .locations>ul{display: flex;align-items:center;}
.sec_title_wrap .locations>ul>li{position: relative;}
.sec_title_wrap .locations>ul>li:first-child{padding-left: 0;}
.sec_title_wrap .locations>ul>li:last-child{padding-right: 0;}
.sec_title_wrap .locations>ul>li:before{
	position: absolute;content:'';
	background: url(/images/page/location_arr.png)no-repeat center / cover;
	width:7px;height:11px;
	top:50%;right:0;transform:translateY(-50%);
}
.sec_title_wrap .locations>ul>li:last-child:before{display: none;}
.sec_title_wrap .locations>ul>li>a{position: relative;display: block;width:100%;font-size:18px;font-weight: 300;color:#6f6e6b;padding:0 16px;
font-family: "Noto Sans KR";font-weight: 400;
letter-spacing:0.2px;}
.sec_title_wrap .locations>ul>li.home>a{padding-left: 24px;}
.sec_title_wrap .locations>ul>li.home>a:after{
	position: absolute;content:'';
	background: url(/images/page/home.png)no-repeat center;
	width:16px;height:16px;
	left:0;;top:50%;transform:translateY(-50%);
}
/* .sec_title_wrap .locations>ul>li.depth2>a:after{
	position: absolute;content:'';
	background:url(/images/page/dep2_arr.png)no-repeat center;
	width:38px;height:38px;
	top:50%;right:0;transform:translateY(-50%);
} */
.sec_title_wrap .locations>ul>li.depth2>.slide_menu_wrap{
display: none;
position: absolute;
top:calc(100% + 25px);left:0;
background: rgba(255,255,255,0.95);
border:1px solid #ccc;
min-width:175px;
box-sizing:border-box;
border-radius:16px;
padding:30px 33px 26px 27px;
}
.sec_title_wrap .locations>ul>li.depth2>.slide_menu_wrap>.slide_menu>li{margin-bottom: 8px;}
.sec_title_wrap .locations>ul>li.depth2>.slide_menu_wrap>.slide_menu>li:last-child{margin-bottom: 0;}
.sec_title_wrap .locations>ul>li.depth2>.slide_menu_wrap>.slide_menu>li>a{position: relative;
color:rgba(0,0,0,0.7);font-size:14px;font-weight: 400;font-family: "Pretendard", "Noto Sans KR";
}
.sec_title_wrap .locations>ul>li.depth2>.slide_menu_wrap>.slide_menu>li>a:before{
position: absolute;content:'';
width:0%;height:1px;
bottom:1px;left:0;
background: #000;
transition:width 0.4s ease-in-out;
}
.sec_title_wrap .locations>ul>li.depth2>.slide_menu_wrap>.slide_menu>li.on>a,
.sec_title_wrap .locations>ul>li.depth2>.slide_menu_wrap>.slide_menu>li>a:hover{
color:rgba(0,0,0,1);font-size:14px;font-weight: 500;
}
.sec_title_wrap .locations>ul>li.depth2>.slide_menu_wrap>.slide_menu>li.on>a:before,
.sec_title_wrap .locations>ul>li.depth2>.slide_menu_wrap>.slide_menu>li:hover>a:before{width:100%;}
.sec_title_wrap .locations>ul>li.depth2.on>a:after{
transform:translateY(-50%) rotate(-180deg);transition:all 0.4 ease;
}

/*.m11*/
/* 공통 스타일 */

/* 섹션 스타일 */
.m00 .titlearea {
  text-align: left;
  margin-bottom: 150px;
  display: flex;
  flex-direction: column;
    align-items: flex-start;
}

.m00 .titlearea h3 {
  font-size:58px;
  font-family: var(--fonts);
  font-weight: 500;
  margin-bottom: 50px;
  line-height: 1.3em;
  color: #000;
  letter-spacing:-0.025em;
}

.m00 .titlearea p {
  font-size: 20px;
  color: #666666;
  line-height: 1.6em;
    font-family:var(--font1);
}
.m00 .area-title{
	font-size: 46px;
  color: #000;
  line-height: 1.6em;
  font-family:var(--font1);
  font-weight: 500;
}

.m11 .titlearea h3{font-weight: 600;line-height: 1.25em;}
.m11 .conarea {
  position: relative;
}

.m11 .bgwrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 765px;
  z-index: 1;
  overflow: hidden;
}

.m11 .bg{
	background: url(/images/page/m11_sec1_bg.png)no-repeat center / cover;
  width: 100%;
  height: 765px;
  object-fit: cover;
}

.m11 .infoarea {
  padding-top: 210px;
  position: relative;z-index:20;
}

.m11 .txtarea {
  text-align: center;
  margin-bottom: 116px;
}

.m11 .txtarea strong {
  font-size: 58px;
  font-weight: 500;
  font-family:var(--font1);
  line-height: 1.25em;
  display: block;
  margin-bottom: 50px;
  color:#fff;
}

.m11 .txtarea p {
  font-size: 20px;
  color: #fff;
  font-family: var(--font1);
  font-weight: 400;
  line-height: 1.6em;
}

/* 리스트 스타일 */
.m11 .listarea {
  
}
.m11 .list{width:100%;display: flex;flex-wrap:wrap;gap: 24px;
  width: 100%;}
.m11 .list li {
width:calc((100% - 24px * 3) / 4);
min-height:407px;
  background-color: #fff;
  border-radius: 15px;
  text-align: center;
  padding: 20px;
  box-sizing:border-box;
  display: flex;flex-direction:column;align-items:center;justify-content:center;
}
.m11 .list li:nth-child(4){border-radius:20px 20px 203.5px 203.5px;}
.m11 .list li:nth-child(6){border-radius:203.5px 20px 20px 203.5px;}
.m11 .list .icon {
  margin-bottom: 30px;
}

.m11 .list .icon img {
	display: block;margin:0 auto;
  object-fit: contain;
}

.m11 .list .tit {
  margin-bottom: 18px;
  color: #666666;
  font-size:20px;font-weight: 400;
}

.m11 .list .txt {

  color: #555;
  line-height: 1.4;
  color:#000;font-size:28px;
 font-weight: bold;
  font-family: var(--fonts);
}

.m11 .list .txt small {
 
  display: block;
  color: #666666;
  font-size:20px;font-weight: 400;
}
.m11 .introarea{margin-top: 160px;}
.m11 .introarea h4{font-size:46px;color:#000;font-weight: 500;font-family: "Noto Sans KR";margin-bottom: 60px;}
.m11 .introarea ul{
display: flex;flex-wrap:wrap;
justify-content:space-between;gap:20px;
}
.m11 .introarea ul>li{
	width:calc((100% - 20px) / 2);
	display: flex;align-items:center;justify-content:space-between;
	padding:70px 5.2vw;background: #fff;border-radius:20px;
}
.m11 .introarea ul>li p{
font-weight: 500;font-size:32px;color:#000;;font-family: "Noto Sans KR";
width:calc(100% - 245px);padding-right: 10px;box-sizing:border-box;
}
.m11 .introarea ul>li .down{
display: flex;align-items:center;justify-content:center;width:245px;height:54px;background: #8bb928;border-radius:16px;
gap:7px;
}
.m11 .introarea ul>li .down>span{font-size:20px;color:#fff;font-weight: 500;font-family:"Noto Sans KR";}
.m11 .introarea ul>li .down>i{
display: block;background: url(/images/page/m11_down_icon.png)no-repeat center;
width: 18px;height: 18px;
}

/*m12*/
.m12 .titlearea {
  margin-bottom: 150px;
}

.m12 .titlearea h4 {
  font-size:58px;
  font-family: var(--font1);
  font-weight: 500;
  line-height: 1.27em;
  color: #000;
}

.m12 .conarea {
  position: relative;
  display: flex;align-items:center;justify-content:space-between;
}
.m12 .conarea .infoarea{
	 width: 50%;padding-left: 6vw;
}
.m12 .infoarea .txtarea{}
.m12 .infoarea .txtarea strong{
 font-size:42px;
  font-family: var(--font1);
  font-weight: 500;
  line-height: 1.4em;
  color: #000;
  display: block;margin-bottom: 70px;
}
.m12 .infoarea .txtarea p{
font-size:20px;
  font-family: var(--font1);
  font-weight: 400;
  line-height: 1.6em;
  color: #666;
}
.m12 .infoarea .txtarea p b{color:#222222;font-weight: 400;}
.m12 .infoarea .ceo{
	margin-top: 48px;
	position: relative;
}
.m12 .infoarea .ceo small{
display: block;color:#000000;
font-size:20px;font-weight: 600;
}
.m12 .infoarea .ceo b{
display: block;color:#000000;
font-size:28px;font-weight: 700;margin-top: 8px;
}
.m12 .infoarea .ceo img{
	position: absolute;
	top:50%;left:0;
	transform:translateY(-50%);
	margin-left:275px;
}
.m12 .bgwrap {
  position: relative;
  width: 50%;
  height: 1000px;
  z-index: 1;
  overflow: hidden;
  border-radius:20px;
}

.m12 .bg{
	position: absolute;top:0;left:0;
	background: url(/images/page/m12_sec1_bg.png)no-repeat center / cover;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.m13 .area1{display: flex;justify-content:space-between;gap:1.875vw;}
.m13 .area1 .boxwrap{
width:calc((100% - 1.875vw) / 2);
padding:5.2vw;
border-radius:20px;
min-height:680px;
position: relative;
overflow:hidden;
}
.m13 .area1 .boxwrap .txtwrap{
position: relative;z-index:3;
}
.m13 .area1 .boxwrap .txtwrap .title{
display: flex;align-items:end;margin-bottom: 70px;
}
.m13 .area1 .boxwrap .txtwrap .title .en{display: block;color:#fff;font-family: var(--font2);
font-size:32px;font-weight: 600;}
.m13 .area1 .boxwrap .txtwrap .title .kr{
display: block;color:#fff;font-family: var(--font1);margin-left: 12px;padding-left: 10px;
font-size:20px;font-weight: 400;position: relative;
}
.m13 .area1 .boxwrap .txtwrap .title .kr:before{
	position: absolute;content:'';
	width:1px;height: 24px;top:0;left:0;
	background: rgba(255,255,255,0.3);
}
.m13 .area1 .boxwrap .txtwrap h4{font-size:42px;font-weight: 500;font-family: var(--font1);color:#fff;line-height: 1.25em;
padding-bottom: 30px;border-bottom: 1px solid rgba(255,255,255,0.2);}
.m13 .area1 .boxwrap .txtwrap h5{
	font-size:32px;font-weight: 600;font-family: var(--font2);color:#fff;line-height: 1.3em;margin-top: 34px;
	margin-bottom: 37px;
}
.m13 .area1 .boxwrap .txtwrap .desc{
	font-size:20px;font-weight: 400;font-family: var(--font1);color:#fff;
	margin-top: 30px;
}
.m13 .area1 .boxwrap .bg{
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  background: url(/images/page/m13_area1_img1.png)no-repeat center / cover;
}
.m13 .area1 .boxwrap:nth-child(2) .bg{background: url(/images/page/m13_area1_img2.png)no-repeat center / cover;}

.m13 .area2{margin-top: 160px;margin-bottom: 160px;}
.m13 .area2 .dia{position: relative;width:100%;margin:0 auto;max-width:1296px;height:602px;}
.m13 .area2 .dia.mo{display: none !important;}
.m13 .area2 .dia .bg{
	position: absolute;
	 top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 1;
	  overflow: hidden;
	  background: url(/images/page/m13_area2_dia.png)no-repeat center / contain;
}
.m13 .area2 .dia .txts{
	position: absolute;
	z-index:10;
	width:100%;
	height:100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	display: flex;align-items:center;justify-content:space-between;
	box-sizing:border-box;
	padding:0 2vw;
}
.m13 .area2 .dia .txts .txt_g{
	display: flex;flex-direction:column;
	align-items:center;text-align: center;justify-content:center;
	/* width:385px;height:385px; */
	width:46%;height: 100%;
}
.m13 .area2 .dia .txts .txt_g .tag{
	background: #8ebc2b;width:126px;height: 45px;
	display: flex;align-items:center;justify-content:center;
	color:#fff;font-size:24px;font-family: var(--font2);
	font-weight: 600;border-radius:10px;
}
.m13 .area2 .dia .txts .txt_g .tag>span{font:inherit;}
.m13 .area2 .dia .txts .txt_g .txt1{
color:#000;font-size:32px;font-family: var(--font2);
	font-weight: 600;margin-top: 20px;
}
.m13 .area2 .dia .txts .txt_g .txt2{
color:#666666;font-size:20px;font-family: var(--font1);
	font-weight: 400;line-height: 1.5em;margin-top: 18px;
}

.m13 .area3{
width:100%;
box-sizing:border-box;
padding-top: 110px;
padding-bottom: 110px;
background: url(/images/page/m13_area3_bg.png)no-repeat center / cover;
}
.m13 .area3 .title{
display: flex;align-items:end;margin-bottom: 55px;
}
.m13 .area3 .title .en{display: block;color:#fff;font-family: var(--font2);
font-size:32px;font-weight: 600;}
.m13 .area3 .title .kr{
display: block;color:#fff;font-family: var(--font1);margin-left: 12px;padding-left: 10px;
font-size:20px;font-weight: 400;position: relative;
}
.m13 .area3 .title .kr:before{
	position: absolute;content:'';
	width:1px;height: 24px;top:0;left:0;
	background: rgba(255,255,255,0.3);
}
.m13 .area3 .slogan{
	display: block;color:#fff;font-family: "Noto Sans KR";font-size:58px;font-weight: 500;
	display: flex;align-items:center;
}
.m13 .area3 .slogan .bar{display: block;width:16px;height:3px;background: #fff;margin:0 7px;}
.m13 .area3 .slogan .rise{font-size:59px;font-family: "Wix Madefor Display";}
.m13 .area3  .list{
	margin-top: 120px;display: flex;gap:20px;flex-wrap:wrap;
}
.m13 .area3  .list>li{
	width:calc((100% - 20px * 3) / 4);
	background: #fff;border-radius:20px;
	padding:50px 2.1vw;box-sizing:border-box;
}
.m13 .area3  .list>li .icon{}
.m13 .area3  .list>li .cate{
color:#8ebc2b;font-size:20px;font-family: var(--font1);letter-spacing:-0.025em;
font-weight: 500;margin-top: 40px;margin-bottom: 14px;
}
.m13 .area3  .list>li .tit{
color:#000000;font-size:42px;font-family: var(--font2);letter-spacing:-0.025em;
font-weight: 600;line-height: 1.2em;
}
.m13 .area3  .list>li .desc{
padding-top: 25px;margin-top: 25px;border-top: 1px solid #bfbfbf;;
color:#666666;font-size:20px;font-family: var(--font1);letter-spacing:-0.025em;
font-weight: 400;line-height: 1.65em;
}

.m13 .area4{margin-top: 160px;}
/* 다이어그램 전체 스타일 */
.m13 .area4 .dia {
    position: relative;
    width: 100%;
    margin: 0 auto;
   /*  padding: 50px 0; */
}

/* 원 컨테이너 */
.m13 .area4 .circles {
    position: relative;
     width: 1100px;
    height: 1100px;
    margin: 0 auto;
}

/* 기본 원 스타일 */
.m13 .area4 .circle {
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 가장 바깥쪽 원 (점선) */
.m13 .area4 .circle.one {
    width: 1100px;
    height:1100px;
    /* border: 1px dashed #8BC34A; */
	background: #edecdf;
}

/* 두 번째 원 (화살표 포함) */
.m13 .area4 .circle.two {
    width: 800px;
    height: 800px;
    border: 1px dashed #8ebc2b;
}

/* 세 번째 원 */
.m13 .area4 .circle.thr {
    width: 700px;
    height: 700px;
    background-color:#e3e8cd;
}

/* 네 번째 원 */
.m13 .area4 .circle.four {
    width: 460px;
    height: 460px;
    background-color: #cada9c;
}

/* 중앙 원 (Core Value) */
.m13 .area4 .circle.five {
    width: 300px;
    height: 300px;
    background-color: #8ebc2b;
    display: flex;
    justify-content: center;
    align-items: center;z-index:100;
}

.m13 .area4 .circle.five strong {
    color: #fff;
    font-size: 42px;
	font-family: var(--font2);
    font-weight: 500;
	text-align: center;
}

/* 화살표 스타일 */
.m13 .area4 .tri {
    position: absolute;
    width:25px;
	height: 29px;
	background: url(/images/page/m13_tri.png)no-repeat center;
    /* border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #8BC34A; */
}

/* 화살표 위치 */
.m13 .area4 .tri.one {
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
}

.m13 .area4 .tri.two {
    top: 50%;
    right: -13px;
    transform: translateY(-50%) rotate(90deg);
}

.m13 .area4 .tri.thr {
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
}

.m13 .area4 .tri.four {
    top: 50%;
    left: -13px;
    transform: translateY(-50%) rotate(-90deg);
}

/* 회전 애니메이션 */
@keyframes rotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.m13 .area4 .circle.two {
    animation: rotate 20s linear infinite;
}
.m13 .area4 .lists{
	position: absolute;
	top:50%;left:50%;
	transform: translate(-50%, -50%);
	width:calc(1100px + 200px);
	min-height:640px;
	display: flex;justify-content:space-between;
	flex-wrap:wrap;align-content:space-between;
}
.m13 .area4 .lists>dl{
	width:550px;
	background: #fff;
	padding:16px;box-sizing:border-box;
	border-radius: 20px;
	display: flex;justify-content:space-between;align-items:center;
	position: relative;
}
.m13 .area4 .lists>dl:nth-child(1):before{
	content: "";
	position: absolute;
	left:calc(100% - 40px);
	top:50%;
	transform: rotate(135deg);
	width: 1px;
	height: 300px;
	border-right: 1px dashed #8ebc2b;
	z-index: -1;
}
.m13 .area4 .lists>dl:nth-child(2):before{
	content: "";
	position: absolute;
	right:calc(100% - 40px);
	top:50%;
	transform: rotate(-135deg);
	width: 1px;
	height: 300px;
	border-right: 1px dashed #8ebc2b;
	z-index: -1;
}
.m13 .area4 .lists>dl:nth-child(3):before{
	content: "";
	position: absolute;
	left:calc(100% - 40px);
	bottom:50%;
	transform: rotate(-135deg);
	width: 1px;
	height: 300px;
	border-right: 1px dashed #8ebc2b;
	z-index: -1;
}
.m13 .area4 .lists>dl:nth-child(4):before{
	content: "";
	position: absolute;
	right:calc(100% - 40px);
	bottom:50%;
	transform: rotate(135deg);
	width: 1px;
	height: 300px;
	border-right: 1px dashed #8ebc2b;
	z-index: -1;
}

.m13 .area4 .lists>dl dt{width:112px;}

.m13 .area4 .lists>dl dd{
width:calc(100% - 112px);box-sizing:border-box;padding-left: 30px;
}
.m13 .area4 .lists>dl dd b{
display: block;font-size:28px;color:#000;font-weight: 600;font-family: var(--font2);
margin-bottom: 4px;
}
.m13 .area4 .lists>dl dd p{
	display: block;font-size:20px;color:#666;font-weight: 400;font-family: var(--font1);
}
.m13 .area4 .lists>dl.reverse{flex-direction:row-reverse;}

@media screen and (max-width:1599px){
	.m13 .area3  .list>li{
		width:calc((100% - 20px) / 2);
	}
}


/*m14*/
.m14{padding-bottom: 0;}
.m14 .sec1>div{margin-bottom: 180px;}
.m14 .sec1 .banner{
	position: relative;z-index:10;
	height:600px;overflow:hidden;
	display: flex;flex-direction:column;justify-content:center;
}
.m14 .sec1 .banner .bg{
	position: absolute;top:0;left:0;
	background: url(/images/page/m14_img1.png)no-repeat center / cover;
  width: 100%;
  height: 100%;
}
.m14 .sec1 .area2 .banner .bg{background: url(/images/page/m14_img2.png)no-repeat center / cover;}
.m14 .sec1 .area3 .banner .bg{background: url(/images/page/m14_img3.png)no-repeat center / cover;}
.m14 .sec1 .banner .titles{position: relative;z-index:11;}
.m14 .sec1 .banner .titles .years{
	background: #8ebc2b;padding:8px 40px;box-sizing:border-box;border-radius:10px;
	font-size:22px;font-weight: 500;	color:#fff;
	display: flex;align-items:center;justify-content:center;max-width:205px;
}
.m14 .sec1 .banner .titles .years>span{font:inherit;font-family: var(--font2);letter-spacing:-0.025em;}
.m14 .sec1 .banner .titles .tit{margin-top: 18px;
font-size:80px;color:#fff;font-weight: 500;
}
.m14 .sec1 .step{position:relative;margin:80px 0 0;}
.m14 .sec1 .step>ul{
	display:flex;flex-wrap: wrap;justify-content:center;align-items:start;
	max-width:1500px;
	width:100%;
	margin:0 auto;gap:0 3.65vw;
}
/* .m14 .sec1 .area1 .step>ul{gap:23px 3.65vw;}
.m14 .sec1 .area2 .step>ul{gap:23px 3.65vw;}
.m14 .sec1 .area3 .step>ul{gap:23px 3.65vw;} */
.m14 .sec1 .step>ul>li{
	position:relative;
	width:calc((100% - 3.65vw * 2) / 3);
	
}

.m14 .sec1 .step>ul>li>div{position:relative;z-index:100;}
.m14 .sec1 .step>ul>li:nth-child(1){order:1;}
.m14 .sec1 .step>ul>li:nth-child(2){order:2;}
.m14 .sec1 .step>ul>li:nth-child(3){order:3;}
.m14 .sec1 .step>ul>li:nth-child(4){order:6;}
.m14 .sec1 .step>ul>li:nth-child(5){order:5;}
.m14 .sec1 .step>ul>li:nth-child(6){order:4;}
.m14 .sec1 .step>ul>li:nth-child(7){order:9;}
.m14 .sec1 .step>ul>li:nth-child(8){order:8;}
.m14 .sec1 .step>ul>li:nth-child(9){order:7;}
.m14 .sec1 .step>ul>li:nth-child(10){order:10;}
.m14 .sec1 .step>ul>li .chk{
	width:16px;height:16px;
	margin:56px auto 45px;
	background:#fff;
	border-radius:50%;transition:all 0.6s;
	box-sizing:border-box;
	border:3px solid #8ebc2b;
	position: relative;z-index:10;
}
.m14 .sec1 .area1 .step>ul>li.type2 .chk,
.m14 .sec1 .area1 .step>ul>li.type3 .chk{margin-top: 0;}
.m14 .sec1 .area2 .step>ul>li.type2 .chk,
.m14 .sec1 .area2 .step>ul>li.type3 .chk{margin-top: 0;}
.m14 .sec1 .area3 .step>ul>li.type2 .chk,
.m14 .sec1 .area3 .step>ul>li.type3 .chk{margin-top: 0;}
.m14 .sec1 .step>ul>li .chk:before{
	position: absolute;content:'';
	border-right:2px dashed #adaba8;width:2px;height:45px;
	top:calc(100% + 2px);left:calc(50% - 1px);transform:translate(-50%,0);
	z-index:-1;
}
.m14 .sec1 .step>ul>li.type2 .chk{border:3px solid #539e73;}
.m14 .sec1 .step>ul>li.type3 .chk{border:3px solid #498354;}
.m14 .sec1 .step>ul>li .tit{font-size:32px;color:#fff;font-family: var(--font2);font-weight:500;
background: #6f6f6f;max-width:460px;height:64px;line-height: 64px;border-radius:12px;margin-top: -2px;
box-sizing:border-box;
text-align:center;letter-spacing:-0.025em;}
.m14 .sec1 .step>ul>li>ul{
	box-sizing:border-box;
	width:100%;
	min-height:110px;margin:15px auto;text-align:left;
	margin-top: 22px;
	padding-top: 22px;
	border-top:1px solid #b5b3af;
	min-height:220px;
	height: 330px;
}
/* .m14 .sec1 .area1 .step>ul{
gap:20px 3.65vw;
} */
.m14 .sec1 .step>ul>li>ul>li{
	position:relative;
	box-sizing:border-box;
	width:100%;
	padding-left:19px;
	font-size:15px;color:#555;margin-bottom: 5px;
	font-family: "Noto Sans KR";
}
.m14 .sec1 .step>ul>li>ul.type2{width:100%;}
.m14 .sec1 .step>ul>li>ul.type2>li{width:100%;}
.m14 .sec1 .step>ul>li>.img{width:100%;text-align:center;}
.m14 .sec1 .step>ul>li>.img img{display:inline-block;max-width:100%;}


.m14 .sec1 .step>ul>li>ul>li:before{
	display:block;content:"";
	width:7px;height:7px;
	position:absolute;left:0;top:9px;background: #8ebc2b;
}
.m14 .sec1 .step>ul>li.type2>ul>li:before{background: #539e73;}
.m14 .sec1 .step>ul>li.type3>ul>li:before{background: #498354;}


.m14 .sec1 .step .lines{}
.m14 .sec1 .step .lines>div{}
.m14 .sec1 .step .lines>div>div{
	position:absolute;
	width:90%;height:6px;
}
.m14 .sec1 .step .lines>div>div:before{}
.m14 .sec1 .step .lines>div>div:before{
	display:block;content:"";
	width:205px;height:530px;	
	position:absolute;
}
.m14 .sec1 .step .lines>div.line1>div:nth-child(1){
	left:-6%;top:62px;
	background: linear-gradient(to left, #41c0ca, #7cc1bc);
	/* background:#b5b3af; */
	background: #f2efe9;
}
.m14 .sec1 .step .lines>div.line1>div:nth-child(1):before{
	border:6px solid #f2efe9;border-left:0;
	border-radius:0 205px 205px 0;
	left:100%;top:0;
}

.m14 .sec1 .step .lines>div.line1>div:nth-child(2){
	width:71%;
	left:calc(50% - 0.5%);top:464px;transform:translateX(-50%);
	background: linear-gradient(to right, #3dbfcb, #0ca5c5);
	background:#f2efe9;
}
.m14 .sec1 .step .lines>div.line1>div:nth-child(2):before{
	border:6px solid #f2efe9;border-right:0;
	border-radius:205px 0 0 205px;
	right:100%;top:0;
}
.m14 .sec1 .step .lines>div.line1>div:nth-child(3){
	right:-6%;top:866px;
	width:93%;
	background: linear-gradient(to left, #41c0ca, #7cc1bc);
	background:#f2efe9;
}




.m14 .sec1 .step .lines>div.line2>div:nth-child(1){
	left:-6%;top:62px;
	background: linear-gradient(to left, #8ebc2b, #8ebc2b);
	transform-origin:left;
	transform:scaleX(0);
}
.m14 .sec1 .step .lines>div.line2>div:nth-child(1)>div{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m14 .sec1 .step .lines>div.line2>div:nth-child(1)>div:before{
	display:block;content:"";
	width:205px;height:484px;	
	border:6px solid transparent;border-left:0;
	border-radius:0 205px 205px 0;
	background-image: linear-gradient(#f2efe9, #f2efe9), 
	linear-gradient(to bottom, #8ebc2b,  #60a666);
    background-origin: border-box;
    background-clip: content-box, border-box;
	position:absolute;left:100%;top:0;
}
.m14 .sec1 .step .lines>div.line2>div:nth-child(1)>div:after{
	display:block;content:"";
	width:205px;height:484px;	
	border:6px solid transparent;border-right:0;
	border-radius:0 205px 205px 0;
	background:#f2efe9;
	position:absolute;left:100%;top:0;
	transform:scaleY(1);
	transform-origin:bottom;
}
.m14 .sec1 .step .lines>div.line2.in-view>div:nth-child(1){transform:scaleX(1);transition:all 0.5s linear;}
.m14 .sec1 .step .lines>div.line2.in-view>div:nth-child(1)>div:after{transform:scaleY(0);transition:all 0.5s 0.5s;}




.m14 .sec1 .step .lines>div.line2>div:nth-child(2){
	width:71%;
	right:16%;top:552px;
	background: linear-gradient(to right, #60a666, #539e73);
	transform-origin:right;
	transform:scaleX(0);
}
.m14 .sec1 .step .lines>div.line2>div:nth-child(2)>div{
	position:absolute;right:0;top:0;
	width:100%;height:100%;
}
.m14 .sec1 .step .lines>div.line2>div:nth-child(2)>div:before{
	display:block;content:"";
	width:205px;height:484px;	
	border:6px solid transparent;border-right:0;
	border-radius:205px 0 0 205px;
	background-image: linear-gradient(#f2efe9, #f2efe9), 
	linear-gradient(to bottom, #539e73,  #4c936e);
    background-origin: border-box;
    background-clip: content-box, border-box;
	position:absolute;right:98.8%;top:0;
}
.m14 .sec1 .step .lines>div.line2>div:nth-child(2)>div:after{
	display:block;content:"";
	width:205px;height:484px;	
	border:6px solid transparent;border-right:0;
	border-radius:205px 0 0 205px;
	background:#f2efe9;
	position:absolute;right:98.8%;top:0;
	transform:scaleY(1);
	transform-origin:bottom;
}
.m14 .sec1 .step .lines>div.line2.in-view>div:nth-child(2){transform:scaleX(1);transition:all 0.5s linear 1s;}
.m14 .sec1 .step .lines>div.line2.in-view>div:nth-child(2)>div:after{transform:scaleY(0);transition:all 0.5s 1.5s;}



.m14 .sec1 .step .lines>div.line2>div:nth-child(3){
	right:-5.8%;top:1042px;
	width:93%;
	background: linear-gradient(to left, #4c936e, #498354);
	transform-origin:left;
	transform:scaleX(0);
}
.m14 .sec1 .step .lines>div.line2.in-view>div:nth-child(3){transform:scaleX(1);transition:all 0.5s linear 2s;}
.m14 .sec1 .step .lines>div.line2.in-view>div:nth-child(3)>div:after{transform:scaleY(0);transition:all 0.5s 2.5s;}

.m14 .sec1 .step>ul>li{opacity:0;transform:translateY(60px);}
.m14 .sec1 .step>ul>li.in-view{opacity:1;transform:translateY(0px);transition:all 0.9s ease-in-out;}
.m14 .sec1 .step>ul>li.in-view .tit{background: #8ebc2b;}
.m14 .sec1 .step>ul>li.type2.in-view .tit{background: #539e73;}
.m14 .sec1 .step>ul>li.type3.in-view .tit{background: #498354;}

@media(max-width:1662px){
.m14 .sec1 .step>ul{gap:77px 1.65vw;}
.m14 .sec1 .step>ul>li{width:400px;}
}




/*m15*/
.m15{padding-bottom: 0;}
.m15 section{}
.m15 .sec1{padding-bottom: 160px;}
.m15 .sec2{background: #dfdad0;padding-bottom: 230px;padding-top: 160px;}
.m15 .org img{
display: block;max-width:100%;margin:0 auto;
}

/*m16*/
.m16 sup{font-size:60%;}
.m16 .area-title{margin-bottom: 100px;}
.m16 .titlearea h3{font-family: var(--font1);}
.m16{padding-bottom: 0;}
.m16 .conarea{
	background: #dfdad0;
	padding-bottom: 200px;
	padding-top: 160px;
}
.m16 .area1{margin-bottom: 160px;}
.m16 .area1 .boxarea{
	border-radius:20px;overflow:hidden;background: #fff;
	padding:60px 5.208vw;box-sizing:border-box;
}
.m16 .area1 .box {
    position: relative;
    display: flex;
	align-items:center;
	box-sizing:border-box;
	padding-bottom: 60px;
	padding-top: 60px;
	border-bottom: 1px solid #efefef;
}
.m16 .area1 .box:first-child{padding-top: 0;}
.m16 .area1 .box:last-child{padding-bottom: 0;border-bottom: 0;}
.m16 .area1 .map-wrap {
    width: 50%;
    height: 360px;border-radius: 20px;
    overflow: hidden;
}
.m16 .area1 .map-wrap iframe{width:100%;height: 100%;object-fit:cover;}
.m16 .area1 .txt-wrap {
    width: 50%;
   padding-left: 6.2vw;

}

.m16 .area1 .txt-wrap .tit {
	font-family: var(--font1);
    font-size: 32px;
    font-weight: 600;
    color: #000000;
	padding-left: 70px;
	position: relative;
}
.m16 .area1 .txt-wrap .tit:before{
	width:55px;height:60px;
	position: absolute;content:'';
	top:50%;left:0;transform:translateY(-50%);
	background: url(/images/page/m16_area1_ico1.jpg)no-repeat center / cover;
}
.m16 .area1 li:nth-child(2) .txt-wrap .tit:before{background: url(/images/page/m16_area1_ico2.jpg)no-repeat center / cover;}
.m16 .area1 li:nth-child(3) .txt-wrap .tit:before{background: url(/images/page/m16_area1_ico3.jpg)no-repeat center / cover;}
.m16 .area1 li:nth-child(4) .txt-wrap .tit:before{background: url(/images/page/m16_area1_ico4.png)no-repeat center / cover;}
.m16 .area1 li:nth-child(5) .txt-wrap .tit:before{background: url(/images/page/m16_area1_ico5.jpg)no-repeat center / cover;}
.m16 .area1 li:nth-child(6) .txt-wrap .tit:before{background: url(/images/page/m16_area1_ico6.jpg)no-repeat center / cover;}
.m16 .area1 .txt-wrap .contact {

		padding-top: 30px;
    margin-top:  30px;
gap:10px;
	border-top: 1px solid #bfbfbf;
display: flex;flex-wrap:wrap;
}
.m16 .area1 .txt-wrap .contact dl{
width:100%;display: flex;align-items:center;
}
.m16 .area1 .txt-wrap .contact dl.add{align-items:start;}
.m16 .area1 .txt-wrap .contact dl.w1{width:49%;}
.m16 .area1 .txt-wrap .contact dl dt{
	position: relative;
	font-weight: 500;
	margin-right: 15px;
	color: #000;
	font-size: 20px;
	position: relative;
	padding-left: 30px;
	width: auto;
}
.m16 .area1 .txt-wrap .contact dl.add dt:before{
	position: absolute;content:'';
	width:17px;
	height:24px;
	left:0;top:50%;transform:translateY(-50%);
	background: url(/images/page/m16_add_ico.png)no-repeat center;
}
.m16 .area1 .txt-wrap .contact dl.tel dt:before{
	position: absolute;content:'';
	width:24px;
	height:24px;
	left:0;top:50%;transform:translateY(-50%);
	background: url(/images/page/m16_tel.png)no-repeat center;
}
.m16 .area1 .txt-wrap .contact dl.fax dt:before{
	position: absolute;content:'';
	width:22px;
	height:17px;
	left:0;top:50%;transform:translateY(-50%);
	background: url(/images/page/m16_fax.png)no-repeat center;
}
.m16 .area1 .txt-wrap .contact dl.wd dt:before{
	position: absolute;content:'';
	width:20px;
	height:20px;
	left:0;top:50%;transform:translateY(-50%);
	background: url(/images/page/m16_width_icon.png)no-repeat center;
}
.m16 .area1 .txt-wrap .contact dl.charge dt:before{
	position: absolute;content:'';
	width:14px;
	height:25px;
	left:0;top:50%;transform:translateY(-50%);
	background: url(/images/page/m16_charge.png)no-repeat center;
}

.m16 .area1 .txt-wrap .contact dl dd{
   font-size: 20px;
	font-family: var(--font1);
    color: #666;
	
	word-wrap:normal;
	word-break:keep-all;
}
.m16 .area1 .txt-wrap .contact dl dd sup{font-size:60%;}

.m16 .area2{margin-bottom: 160px;}
.m16 .area2 .box {
    position: relative;
    display: flex;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 40px;
	box-sizing:border-box;padding:3.646vw 5.208vw;
}

.m16 .area2 .map-wrap {
    width: 50%;
    height: 500px;border-radius: 20px;
    overflow: hidden;
}
.m16 .area2 .map-wrap iframe{width:100%;height: 100%;object-fit:cover;}
.m16 .area2 .txt-wrap {
    width: 50%;
   padding-left: 6.2vw;
    display: flex;
    flex-direction: column;
}

.m16 .area2 .txt-wrap .tit {
	font-family: var(--fonts);
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #000000;
}

.m16 .area2 .txt-wrap .txt {
    font-size: 20px;
	font-family: var(--font1);
    line-height: 1.65em;
    color: #666;
		padding-bottom: 30px;
    margin-bottom: 30px;
	word-wrap:normal;
    word-break: keep-all;
	border-bottom: 1px solid #bfbfbf;
}
.m16 .area2 .txt-wrap .contact{
        padding-top: 30px;
        gap: 10px;
        display: flex;
        flex-wrap: wrap;
		margin-bottom: 30px;
}
.m16 .area2 .txt-wrap .contact dl{
    display: flex;
    align-items:center;
}
.m16 .area2 .txt-wrap .contact dl.add{width:100%;align-items:start;}
.m16 .area2 .txt-wrap .contact dl dt {
    font-weight:500;
    margin-right: 15px;
    color: #000;
	font-size:20px;
	position: relative;padding-left: 30px;
	line-height: 1.6em;
	width:120px;
}
.m16 .area2 .txt-wrap .contact dl dt:before{
	position: absolute;content:'';
	width:17px;
	height:24px;
	left:0;top:3px;
	background: url(/images/page/m16_add_ico.png)no-repeat center / cover;
}
.m16 .area2 .txt-wrap .contact dl.w1{width:49%;}
.m16 .area2 .txt-wrap .contact dl.tel dt:before{background: url(/images/page/m16_tel.png) no-repeat center;width:24px;height:24px;}
.m16 .area2 .txt-wrap .contact dl.fax dt:before{top:8px;background: url(/images/page/m16_fax.png) no-repeat center;width:22px;height:17px;}
/* .m16 .area2 .txt-wrap .contact dl.fax{position: relative;margin-left: 10px;} */
/* .m16 .area2 .txt-wrap .contact dl.fax:before{
position: absolute;width:1px;background: #ddd;
} */

.m16 .area2 .txt-wrap .contact dl dd {
font-size:20px;
font-family: var(--font1);
    color: #666;
	width:calc(100% - 120px);
    line-height: 1.6;
    word-break: keep-all;line-height: 1.6em;word-wrap:normal;
}

.m16 .area2 .txt-wrap .btn{
	width:100%;max-width:180px;border-radius:16px;background: #6f6f6f;
	display:flex;align-items:center;justify-content:center;height: 54px;
	font-family: var(--font2);text-align: center;font-size:12px;color:#fff;font-weight: 400;letter-spacing:-0.025em;
	transition:all 0.4s ease;text-transform: uppercase;
	margin-top: 40px;
}

.m16 .area2 .txt-wrap .btn:hover{
	background: #8ebc2b;transition:all 0.4s ease;
}
.m16 .area2 .txt-wrap .btn>span{font:inherit;}
.m16 .area2 .txt-wrap .btn>i{
	background: url(/images/page/m16_btn_icon.png)no-repeat center / cover;
	width: 12px;height: 12px;
	display: block;
	margin-left: 10px;
	}

.m16 .area3{}
.m16 .area3 .glist{
	display:flex;
	flex-wrap:wrap;
	gap:40px;margin-top: 100px;width:100%;
}
.m16 .area3 .glist>li{
	width:calc((100% - 40px) / 2);
	border-radius:20px;background: #fff;
	box-sizing:border-box;
	padding:40px 40px;
	
}
/* .m16 .area3 .glist>li:nth-child(2) .infos .info{
	display: flex;flex-wrap:wrap;align-content:space-between;align-items:start;
} */
.m16 .area3 .glist>li .titles{
	display:flex;align-items:center;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #bfbfbf;
	font-size:32px;color:#000;font-family: var(--font1);font-weight: 500;
	width:100%;
}
.m16 .area3 .glist>li .titles .country{
	position: relative;padding-left: 83px;box-sizing:border-box;
	font:inherit;padding-right: 12px;margin-right:12px;
}
.m16 .area3 .glist>li .titles .country:before{
	position: absolute;content:'';
	width:60px;
	height:33px;
	top:50%;left:0;
	transform:translateY(-50%);
	background: url(/images/page/china_img.png)no-repeat center / cover;
}
.m16 .area3 .glist>li .titles .country:after{
	position: absolute;content:'';
	width: 1px;
	height:29px;
	top:10px;right:0;
	background: #bfbfbf;
}
.m16 .area3 .glist>li .titles .name{
	display: flex;align-items:end;font:inherit;
}
.m16 .area3 .glist>li .titles .name small{display: inline-block;font:inherit;font-size:24px;margin-left: 12px;}
.m16 .area3 .glist>li:nth-child(3) .titles .country:before{
background: url(/images/page/us_img.png)no-repeat center / cover;
}
.m16 .area3 .glist>li:nth-child(4) .titles .country:before{
background: url(/images/page/hung_img.png)no-repeat center / cover;
}
.m16 .area3 .glist>li:nth-child(5) .titles .country:before{
background: url(/images/page/france_img.png)no-repeat center / cover;
}
.m16 .area3 .glist>li .infos{
width:100%;position: relative;
}
.m16 .area3 .glist>li:not(.type2) .infos dl{display: flex;align-items:start;}
.m16 .area3 .glist>li .infos dl dt{
	position: relative;color:#222;font-size:clamp(18px,1.5vw,19px);font-family: var(--font1);padding-left: 36px;line-height: 1.6em;
}
.m16 .area3 .glist>li:not(.type2) .infos dl dt{width: 120px;}

.m16 .area3 .glist>li .infos dl dt:before{
	position: absolute;content:'';
	width:17px;
	height:24px;
	left:0;top:3px;
	background: url(/images/page/m16_add_ico.png)no-repeat center / cover;
}
.m16 .area3 .glist>li .infos dl dt.wd:before{
	position: absolute;content:'';
	width:20px;
	height:20px;
	left:0;top:7px;
	background: url(/images/page/m16_width_icon.png)no-repeat center / cover;
}
.m16 .area3 .glist>li:not(.type2) .infos dl dd{width: calc(100% - 120px);}
.m16 .area3 .glist>li .infos dl dd{
	font-size:clamp(18px,1.5vw,19px);color:#666;font-family: var(--font1);font-weight: 400;line-height: 1.6em;padding-right: 3vw;
	word-wrap:normal;word-break:break-all;/* min-height:92px; */

	
}
@media screen and (max-width:1500px){
.m16 .area3 .glist>li .infos dl dd{padding-right:2vw;}
}
.m16 .area3 .glist>li.type2 .infos{
	display: flex;justify-content:space-between;position: relative;
}
.m16 .area3 .glist>li.type2 .infos:before{
	position: absolute;content:'';
	width:1px;height: calc(100% - 80px);box-sizing:border-box;
	background: #bfbfbf;
	left:50%;transform:translateX(-50%);height:280px;
}
.m16 .area3 .glist>li.type2 .infos dl{margin-top: 14px;min-height:100px;}
.m16 .area3 .glist>li.type2 .infos dl.mh{min-height:170px;}
.m16 .area3 .glist>li .infos dl.mh2{min-height: 257px;}
.m16 .area3 .glist>li.type2 .infos>.info{width:48%;}
.m16 .area3 .glist>li.type2 .infos dl dd{padding-right: 0vw;}
/* .m16 .area3 .glist>li:nth-child(2) .btn{margin-top: 300px;} */
.m16 .area3 .glist>li.type2 .infos dl.w1{width:32%;float:left;}
.m16 .area3 .glist>li.type2 .infos dl.w11{position: relative;width:62%;float:left;padding-left: 12px;margin-left: 12px;}
.m16 .area3 .glist>li.type2 .infos dl.w11:before{
	position: absolute;width:1px;height: 50px;background: #bfbfbf;
	top:8px;left:0;content:'';
}
.m16 .area3 .glist>li .infos dl dt.tel:before{
position: absolute;
content: '';
        width: 24px;
        height: 24px;
        left: 0;
        top: 4px;
        background: url(/images/page/m16_tel.png) no-repeat center / cover;
}
.m16 .area3 .glist>li .infos dl dt.fax:before{
position: absolute;
content: '';
        left: 0;
		top: 8px;
        background: url(/images/page/m16_fax.png) no-repeat center;
        width: 22px;
        height: 17px;
}
.m16 .area3 .glist>li .infos.style2 dl.w1{width:47%  !important;}
.m16 .area3 .glist>li .infos.style2 dl.w1.right{position: relative;width:53% !important;}
.m16 .area3 .glist>li .infos.style2 dl.w1.right:before{
	position: absolute;content:'';
	width:1px;height:27px;background: #bfbfbf;
	top:50%;transform:translateY(-50%);left:-20px;
}

.m16 .area3 .glist>li .btn{
	width:100%;max-width:352px;border-radius:16px;background: #6f6f6f;
	display:flex;align-items:center;justify-content:center;height: 54px;
	font-family: var(--font2);text-align: center;font-size:12px;color:#fff;font-weight: 400;letter-spacing:-0.025em;
	transition:all 0.4s ease;text-transform: uppercase;
	margin-top: 40px;
	
}

.m16 .area3 .glist>li .btn:hover{
	background: #8ebc2b;transition:all 0.4s ease;
}
.m16 .area3 .glist>li .btn>span{font:inherit;}
.m16 .area3 .glist>li .btn>i{
	background: url(/images/page/m16_btn_icon.png)no-repeat center / cover;
	width: 12px;height: 12px;
	display: block;
	margin-left: 10px;
	}
.m16 .area3{margin-bottom: 0;}

@media screen and (max-width:1640px){
.m16 .area3 .glist>li .infos.style2 dl.w1, .m16 .area3 .glist>li .infos.style2 dl.w1.right{width: 100% !important;}
.m16 .area3 .glist>li .infos.style2 dl.w1.right:before{display: none;}
}


.m16 .sec2{overflow:hidden;background: #dfdad0;padding-bottom: 230px;}
.m16 .area4{overflow:hidden;position: relative;}
.m16 .area4 .client-wrap{overflow:hidden;}
.m16 .area4 .client-wrap .client-slide1{}
.m16 .area4 .client-wrap .client-slide2{}
.m16 .area4 .client-wrap {overflow: hidden;margin-top: 80px; height: 360px;}
.m16 .area4 .client-wrap > div {overflow:hidden;display: flex;justify-content: flex-start;white-space: nowrap;}
.m16 .area4 .client-wrap > div + div {margin-top:200px;}
.m16 .area4 .client-wrap ul {display:flex; position: absolute;}
.m16 .area4 .client-wrap ul li {width:300px;height:160px;border-radius:20px;background: #fff;box-sizing:border-box;
margin: 0 15px;padding:30px;
display: flex;flex-direction:column;align-items:center;justify-content:center;
}

.m16 .area4 .client-wrap ul li .logo>img{display: block;max-width:100%;margin:0 auto;}
.m16 .area4 .client-wrap ul li .logo{width:100%;display: flex;align-items:center;padding-bottom: 12px;height:85px;}
.m16 .area4 .client-wrap ul li  .name{width:100%;
	border-top: 1px solid #bfbfbf;text-align: center;padding-top: 12px;;
	font-size:20px;color:#000;font-family: var(--fonts);font-weight: 600;letter-spacing:-0.025em;
}
.m16 .area4  .client-wrap > div ul{animation:clientSlideAni 45s infinite linear;}
.m16 .area4  .client-wrap > div ul + ul{animation:clientSlideAni2 45s infinite linear;}
.m16 .area4  .client-wrap > div.client-slide2 ul{animation-direction: reverse;}
@keyframes clientSlideAni {
  from   { transform: translateX(0%); }
  to { transform: translateX(-100%); }
}
@keyframes clientSlideAni2 {
  from   { transform: translateX(100%); }
  to { transform: translateX(0%); }
}

/*m20*/
.m20 .titlearea{display: flex;align-items:center;justify-content:space-between;flex-direction:row;}
.m20 .titlearea .titwrap{width:calc(100% - 680px);box-sizing:border-box;}
.m20 .titlearea .titwrap p{
	padding-right:10vw;/* word-wrap:normal;*//* text-align: justify;letter-spacing:-0.025em; */
	word-wrap:normal;
}
.m20 .titlearea .imgwrap{width:680px;position: relative;display: flex;justify-content:flex-end;}
.m20 .titlearea .imgwrap>div{overflow:hidden;border-radius:20px;}
.m20 .titlearea .imgwrap .img2{
position: absolute;bottom:-73px;left:40px;
}
.m20 .sec1{padding-bottom: 100px;}
.m20 .sec2{position: relative;}

 .m20 .sec2 .circle{
	background: #ece7e0;
        width: 145%;
        height: 0;
        border-radius: 50%;
		border-bottom-right-radius:0;
		border-bottom-left-radius:0;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
       
        padding-bottom:120%;
}
.m22 .sec2 .circle{
	background: #f2efe9 url(/images/page/m22_circle_bg.png)no-repeat center top;
	width: 115%;
} 
.m23 .sec2 .circle{
	background: #f2efe9 url(/images/page/m23_circle_bg.png)no-repeat center top;padding-bottom: 135%;
} 
.m24 .sec2 .circle{
	background: #f2efe9 url(/images/page/m24_circle_bg.png)no-repeat center top;
} 
.m26 .sec2 .circle{
	background: #f2efe9 url(/images/page/m26_circle_bg.png)no-repeat center top;
} 
.m20 .sec2  .conarea{position: relative;z-index:20;padding-top: 290px;}
.m20 .sec2  .conarea .toparea{
	display: flex;flex-direction:column;margin:0 auto;width:100%;max-width:1200px;margin-bottom: 130px;
}
.m20 .sec2  .conarea .toparea .txt1{width:45%;align-self:flex-start;font-size:33px;color:#fff;font-weight: 500;font-family: var(--font1);line-height: 1.5em;}
.m20 .sec2  .conarea .toparea .txt2{
margin-top: 70px;
width:55%;align-self:flex-end;font-size:20px;color:#fff;font-weight: 300;font-family: var(--font1);line-height: 1.65em;}
.m20 .process{
	box-sizing:border-box;padding: 100px 5.208vw;margin:0 auto;
	border-radius:20px;background: #dfdad0;margin-bottom: 160px;max-width:1700px;	

}
.m20 .process .title{
	margin-bottom: 80px;font-size:46px;color:#000;font-weight: 500;font-family: var(--font1);line-height: 1.4em;letter-spacing:-0.02em;
}
.m20 .industry{
	box-sizing:border-box;margin-top: 200px;
}
.m20 .industry .title{
	margin-bottom: 80px;font-size:46px;color:#000;font-weight: 500;font-family: var(--font1);line-height: 1.4em;letter-spacing:-0.02em;
}
.m20 .industry .list{
	display: flex;gap:40px;flex-wrap:wrap;
}
.m20 .industry .list li{
	position: relative;overflow:hidden;border-radius:20px;
	width:calc((100% - 40px) / 2);
}
.m24 .industry .list li{
width:calc((100% - 120px) / 4);
}
.m20 .industry .list li .img{
width:100%;
}
.m20 .industry .list li .img img{width: 100%;height: 100%;object-fit:cover;}
.m20 .industry .list li .desc{
position: absolute;top:30px;left:50%;transform:translateX(-50%);
display: flex;align-items:center;justify-content:center;box-sizing:border-box;
border-radius:12px;background: #8ebc2b;min-height:50px;max-width:770px;
padding:5px 1vw;
width:calc(100% - 60px);text-align: center;
font-size:min(1.25vw,24px);color:#fff;font-family: var(--font1);font-weight: 500;
word-wrap:normal;
}

/*m21*/
.m21{padding-bottom: 0;}
.m21 .sec1{padding-bottom: 0;}
.m21 .sec1 .conarea{
	width:100%;height:600px;position: relative;
	display: flex;align-items:center;justify-content:center;margin-top: 200px;
}
.m21 .sec1 .conarea .bg{
	position: absolute;top:0;left:0;
	width:100%;height: 100%;
	background: url(/images/page/m21_sec1_bg.jpg)no-repeat center / cover;z-index:1;
}
.m21 .sec1 .conarea .numlist{
	position: relative;z-index:5;display: flex;justify-content:center;width:94%;max-width:1300px;
}
.m21 .sec1 .conarea .numlist li{position: relative;display: flex;flex-direction:column;align-items:center;justify-content:center;max-width:425px;
width:33.3%;}
.m21 .sec1 .conarea .numlist li:before{
position: absolute;content:'';
width:1px;height:280px;background: rgba(255,255,255,0.25);
top:50%;left:0;transform:translateY(-50%);
}
.m21 .sec1 .conarea .numlist li:nth-child(3):after{
position: absolute;content:'';
width:1px;height:280px;background: rgba(255,255,255,0.25);
top:50%;right:0;transform:translateY(-50%);
}
.m21 .sec1 .conarea .numlist li .icon img{display: block;margin:0 auto;max-width:100%;}
.m21 .sec1 .conarea .numlist li .num{margin-top: 28px;margin-bottom: 20px;
font-size:58px;color:#ffffff;font-weight: bold;font-family: var(--font2);
text-align: center;
}
.m21 .sec1 .conarea .numlist li .num.kr{font-size:46px;text-align: center;}
.m21 .sec1 .conarea .numlist li .num small{font-size:32px;color:#ffffff;font-weight: 600;font-family: var(--fonts);}
.m21 .sec1 .conarea .numlist li .txt{
font-size:20px;color:#ffffff;font-weight: 400;font-family: var(--font1);
text-align: center;
}
.m21 .sec2{padding-top: 160px;padding-bottom: 160px;position: relative;}
.m21 .sec2:before{
	position: absolute;content:'';
	width:100%;bottom:0;left:0;height:76%;
	background: #dfdad0;z-index:1;
}
.m21 .sec2.type2:before{display: none;}
.m21 .sec2 .area{position: relative;z-index:2;}

.m21 .sec2 .area .title{
	color:#000;font-size:46px;font-family: var(--font1);font-weight: 500;letter-spacing:-0.025em;margin-bottom: 100px;
}
.m21 .sec2 .equip .boxlist{
gap:80px 2.08vw;display: flex;flex-wrap:wrap;margin-bottom: 45px;
}
.m21 .sec2 .equip .boxlist li{
	width:calc((100% - 2.08vw * 2) / 3);position: relative;
	padding:50px 2.6vw;
	background: #fff;border-radius:20px;
}
.m21 .sec2 .equip .boxlist li .icon{position: absolute;top:50px;right:2.6vw;}
.m21 .sec2 .equip .boxlist li .top{padding-right: 2.6vw;padding-bottom: 25px;border-bottom: 1px solid #bfbfbf;;}
.m21 .sec2 .equip .boxlist li .top .tits{display: flex;align-items:center;margin:0 0 40px;}
.m21 .sec2 .equip .boxlist li .top .num{
width:47px;aspect-ratio: 1 / 1;background: #8ebc2b;border-radius:12px;
display: flex;align-items:center;justify-content:center;font-size:20px;color:#fff;font-weight: 600;font-family: "Wix Madefor Display";
}
.m21 .sec2 .equip .boxlist li .top .num span{font:inherit;}
.m21 .sec2 .equip .boxlist li .top .tit{font-size:1.6vw;color:#000000;font-weight: 500;margin-left: 20px;}
.m21 .sec2 .equip .boxlist li .top .ent{
color:#666;font-size:28px;font-weight: 600;font-family: "Wix Madefor Display";
}
.m21 .sec2 .equip .boxlist li .bot{padding-top: 25px;}
.m21 .sec2 .equip .boxlist li .bot b{color:#000;font-size:24px;font-weight: 500;letter-spacing:-0.025em;}
.m21 .sec2 .equip .boxlist li .bot p{color:#000;font-size:20px;font-weight: 400;line-height: 1.6em;margin-top: 25px;}


.m21 .sec2 .certi{padding-bottom: 0;}
.m21 .sec2 .certi .certi-container{
	display: flex;justify-content:space-between;flex-wrap:wrap;
	gap:40px 2.083vw;
}

.m21 .sec2 .certi .boxwrap{
background: #fff;padding:5vw;border-radius:20px;margin-bottom: 60px;
}
.m21 .sec2 .certi .certi-container .boxwrap{
width:calc((100% - 2.083vw) / 2);
padding:5vw;padding-top: 70px;padding-bottom: 100px;
background: #fff;border-radius:20px;
}
.m21 .sec2 .certi .certi-container .boxwrap:last-child{
	background: #fff url(/images/page/m21_box_logo_bg.png)no-repeat center bottom;
}
.m21 .sec2 .certi .boxwrap .top{border-bottom:1px solid #bfbfbf;
min-height:90px;margin-bottom: 45px;padding-bottom: 42px;box-sizing:border-box;
}
.m21 .sec2 .certi .boxwrap .top .tag{
	background: #8ebc2b;width:160px;height:50px;border-radius:12px;display: flex;align-items:center;justify-content:center;
	margin-right: 20px;
}
.m21 .sec2 .certi .boxwrap .top .tag span{color:#fff;font-size:20px;font-weight: 400;font-family: var(--fonts);}
.m21 .sec2 .certi .boxwrap .top p{color:#000;font-size:32px;font-weight: 500;font-family: var(--font1);margin-top: 26px;
letter-spacing:-0.06em;
}
.m21 .sec2 .certi .boxwrap .imgs .img{
width:100%;box-sizing:border-box;border-radius:20px;
border:1px solid #bfbfbf;
overflow:hidden;padding:30px 0;
}
.m21 .sec2 .certi .boxwrap .imgs .img.img3{padding:0;}
.m21 .sec2 .certi .boxwrap .imgs .img>img{max-width:100%;display: block;margin:0 auto;}
.m21 .sec2 .certi .boxwrap .imgs .img + .img{margin-top: 30px;}
.m21 .sec2 .his-container .titles{display: flex;align-items:center;margin-bottom: 90px;}
.m21 .sec2 .his-container .titles .title{font-size:58px;color:#000;font-family: var(--font2);font-weight: 600;margin-bottom: 0;margin-right: 33px;}
.m21 .sec2 .his-container .tab-list{display: flex;align-items:center;}
.m21 .sec2 .his-container .tab-list li{
width:160px;height:54px;border-radius:12px;display: flex;align-items:center;justify-content:center;
	margin-right: 6px;color:#666;background: #ededed;font-family: var(--font2);font-size:20px;font-weight: 500;
	cursor:pointer;
}
.m21 .sec2 .his-container .tab-list li.on{background: #8ebc2b;color:#fff;}
.m21 .sec2 .his-container .tab-list li>span{font:inherit;}
.m21 .sec2 .his-container .tabconwrap .tabcon.dn{display:none;}
.m21 .sec2 .his-container .tabconwrap .tabcon>div{
	display: flex;flex-wrap:wrap;gap:90px 0;
}
.m21 .sec2 .his-container .tabconwrap .tabcon>div>dl{
	width:50%;position: relative;border-top:2px solid #e3eeca;padding-top: 30px;box-sizing:border-box;
	display: flex;
}
.m21 .sec2 .his-container .tabconwrap .tabcon>div>dl:before{
	position: absolute;content:'';
	width:16px;height:16px;border:3px solid #8ebc2b;
	top:0;transform:translateY(-50%);left:0;border-radius:50%;background: #fff;
}
.m21 .sec2 .his-container .tabconwrap .tabcon>div>dl.w2{width:100%;}
.m21 .sec2 .his-container .tabconwrap .tabcon>div>dl>dt{
color:#000;font-size:42px;font-weight: 600;font-family: var(--font2);letter-spacing:-0.03em;
width:130px;
}
.m21 .sec2 .his-container .tabconwrap .tabcon>div>dl>dd{
	width:calc(100% - 130px);padding-top: 10px;
}
.m21 .sec2 .his-container .tabconwrap .tabcon>div>dl>dd>div{
	position: relative;word-wrap:normal;font-size:20px;color:#666;
	line-height: 1.6em;font-family: var(--font1);padding-left: 19px;margin-bottom: 4px;padding-right: 1vw;
	
}
.m21 .sec2 .his-container .tabconwrap .tabcon>div>dl>dd>div:before{
	position: absolute;content:'';
	width:7px;height:7px;border-radius:1px;background: #8ebc2b;top:13px;left:0;
}
.m21 .sec3{padding-top: 160px;padding-bottom: 160px;}
.m21 .sec3 .title{
	color:#000;font-size:46px;font-family: var(--font1);font-weight: 500;letter-spacing:-0.025em;margin-bottom: 100px;
}
.m21 .sec3 .boxwrap{
background: #fff;padding:4.167vw;border-radius:20px;margin-top: 36px;
}
.m21 .sec3 .hover-list>.list{
	display: flex;justify-content:space-between;gap:0 2.083vw;
}
.m21 .sec3 .hover-list>.list>li{
	width:calc((100% - 2.083vw * 2) / 3);min-height:520px;
	border-radius:20px;position: relative;overflow:hidden;padding:2.6vw;box-sizing:border-box;
}
.m21 .sec3 .hover-list>.list>li .bg{
	position: absolute;content:'';
	width:100%;height:100%;
top:50%;left:50%;transform:translate(-50%, -50%);
	z-index:1;
	
}
.m21 .sec3 .hover-list>.list>li:nth-child(1) .bg{background: url(/images/page/m21_sec3_bg1.jpg)no-repeat center / cover;}
.m21 .sec3 .hover-list>.list>li:nth-child(2) .bg{background: url(/images/page/m21_sec3_bg2.jpg)no-repeat center / cover;}
.m21 .sec3 .hover-list>.list>li:nth-child(3) .bg{background: url(/images/page/m21_sec3_bg3.jpg)no-repeat center / cover;}
/* .m21 .sec3 .hover-list>.list>li:hover .bg{
background: url(/images/page/m21_sec3_hover_bg.png)no-repeat center / cover;
} */

.m21 .sec3 .hover-list>.list>li .bg + div{
	position: relative;z-index:2;
}
.m21 .sec3 .hover-list>.list>li>div>.con{padding-bottom: 22px;border-bottom:1px solid rgba(255,255,255,0.25);}
.m21 .sec3 .hover-list>.list>li>div>.con .num{
color:#fff;font-size:20px;font-family: var(--font2);font-weight: 600;letter-spacing:-0.015em;padding-left: 12px;margin-bottom: 50px;
}
.m21 .sec3 .hover-list>.list>li>div>.con .num:before{
	position: absolute;content:'';
	width:1px;height:15px;background: rgba(255,255,255,0.25);
	top:5px;left:0;
}
.m21 .sec3 .hover-list>.list>li>div>.con .tit{
	color:#fff;font-size:28px;font-family: var(--font2);font-weight: 600;letter-spacing:-0.025em;line-height: 1.4;
}
.m21 .sec3 .hover-list>.list>li>div>.hover-con{margin-top: 22px;}
.m21 .sec3 .hover-list>.list>li>div>.hover-con .sub-tit{
	font-size:24px;color:#fff;font-weight: 500;font-family: var(--font1);line-height: 1.5em;margin-bottom: 24px;
}
.m21 .sec3 .hover-list>.list>li>div>.hover-con .txt-list>li{
	position: relative;padding-left: 19px;font-size:20px;color:#fff;font-family: var(--font1);font-weight: 400;line-height: 1.6em;
}
.m21 .sec3 .hover-list>.list>li>div>.hover-con .txt-list>li:before{
	position: absolute;content:'';
	width:7px;height:7px;border-radius:1px;background: #fff;top:12px;left:0;
}

.m21 .sec4{
padding: 160px 0;position: relative;/* min-height:1171px; */
}
.m21 .sec4 .bg{
	position: absolute;content:'';
	width:100%;height:100%;
top:50%;left:50%;transform:translate(-50%, -50%);
	z-index:1;
	background: url(/images/page/m21_sec4_bg.png)no-repeat center / cover;
}
.m21 .sec4 .conarea{
position: relative;z-index:2;display: flex;justify-content:space-between;
}
.m21 .sec4 .conarea .txtwrap{width:calc(100% - 1004px);padding-top: 60px;}
.m21 .sec4 .conarea .iconwrap{width:1004px;}
.m21 .sec4 .conarea .txtwrap .subtit{
font-size:32px;color:#fff;font-family: var(--font2);font-weight: 500;letter-spacing:-0.02em;
}
.m21 .sec4 .conarea .txtwrap .tit{
font-size:58px;color:#fff;font-family: var(--font2);font-weight: 600;letter-spacing:-0.02em;margin-top: 22px;margin-bottom: 65px;
display: block;
}
.m21 .sec4 .conarea .txtwrap .txt{
	font-size:20px;color:#fff;font-family: var(--font1);font-weight: 300;line-height: 1.6em;
	word-wrap:normal;
}
.m21 .sec4 .conarea .iconwrap .icon-list{
	display: flex;justify-content:flex-end;flex-wrap:wrap;gap:16px;
}
.m21 .sec4 .conarea .iconwrap .icon-list>li{
	background: #fff;width:200px;height:200px;border-radius:20px;margin-left: 200px;
	padding:1vw;display: flex;flex-direction:column;justify-content:space-between;
}
.m21 .sec4 .conarea .iconwrap .icon-list>li:nth-child(3),
.m21 .sec4 .conarea .iconwrap .icon-list>li:nth-child(4),
.m21 .sec4 .conarea .iconwrap .icon-list>li:nth-child(7),
.m21 .sec4 .conarea .iconwrap .icon-list>li:nth-child(8){
transform:translateX(-200px);
}
.m21 .sec4 .conarea .iconwrap .icon-list>li .num{font-size:20px;font-family: var(--font2);color:#8ebc2b;font-weight:600;}
.m21 .sec4 .conarea .iconwrap .icon-list>li p{font-size:17px;font-family: var(--font1);color:#000;font-weight:500;}
.m21 .sec4 .conarea .iconwrap .icon-list>li .icon>img{}

@media screen and (max-width:1620px){
	.m21 .sec4 .conarea .txtwrap{width:calc(100% - 1004px + 200px);}
}


/*m22*/
.m22 .process{padding-left: 5vw;padding-right: 5vw;}
.m22 .process .boxlist{
gap:80px 2.34vw;display: flex;flex-wrap:wrap;margin-bottom: 90px;position: relative;
}
.m22 .process .boxlist:before{
	position: absolute;
	content:'';
	top:50%;transform:translateY(-50%);
	right:-0.5vw;
	width:calc(80% + 1vw);
	height:calc(100% + 80px);min-height:416px;
	/* background: rgba(142,188,43,0.1);
	border:2px dashed rgba(142,188,43,0.5); */ border-radius:20px;
	box-sizing:border-box;
	background: url(/images/page/m22_dot_bg.png)no-repeat right center / contain;
	display: none;
}
.m22 .process .boxlist:after{
	position: absolute;
	content:'';
	top:-12%;transform:translate(-50% , -50%);
	left:60%;
	width:172px;
	height:50px;
	/* background: rgba(142,188,43,0.1);
	border:2px dashed rgba(142,188,43,0.5); */ border-radius:12px;
	box-sizing:border-box;
	background: url(/images/page/m22_list_tag.png)no-repeat right center / contain;
	display: none;
}
.m22 .process .boxlist li{
	width:calc((100% - 2.34vw * 4) / 5);position: relative;
	background: #fff;border-radius:20px;padding-bottom: 10px;max-width:260px;
}
.m22 .process .boxlist li .num{
	position: absolute;top:0.83vw;left:0.83vw;z-index:30;
	width:2.45vw;height:2.45vw;max-width:47px;max-height:47px;border-radius:0.625vw;
	background: #8ebc2b;text-align: center;display: flex;align-items:center;justify-content:center;
}
.m22 .process .boxlist li .num>span{color:#fff;font-size:20px;font-weight: 500;font-family: "Wix Madefor Display";}
.m22 .process .boxlist li:nth-child(1) .arr{
position: absolute;top:100%;left:50%;transform:translateX(-50%);

}
.m22 .process .boxlist li:nth-child(1) .arr img{object-fit:contain;}
.m22 .process .boxlist li:before{
	position: absolute;content:'';z-index:2;
	top:50%;right:-21px;transform:translate(50%, -50%);
	width:18px;height:16px;
	background: #dfdad0 url(/images/page/m24_flow_arr.png)no-repeat center / contain;
}
.m22 .process .boxlist li:after{
	position: absolute;content:'';z-index:1;
	top:50%;right:-51px;transform:translate(50%, -50%);
	width:100px;height:2px;
	border:2px dashed #b4ca79;box-sizing:border-box;
}
.m22 .process .boxlist li .img{
position: relative;width:100%;overflow:hidden;border-radius:20px;z-index:10;
}
.m22 .process .boxlist li .img img{}
.m22 .process .boxlist li:nth-child(5):before,
.m22 .process .boxlist li:nth-child(5):after{display: none;}
.m22 .process .boxlist li .img .tit{
	position: absolute;bottom:0;left:50%;width:calc(100% - 32px);transform:translateX(-50%);
	text-align: center;font-size:clamp(22px,1.7vw,28px);color:#000;font-weight: 600;letter-spacing:-0.025em;
	font-family: var(--font1);border-top: 1px solid #bfbfbf;
	min-height:100px;display: flex;flex-direction:column;align-items:center;justify-content:center;
}
.m22 .process .boxlist li .img .tit small{font-weight: 600;
font-size:clamp(18px,1.25vw,20px);display: block;margin-top: 8px;text-align: center;font-family: var(--font2);}

.m22 .flowlist{}
.m22 .flowlist{display:flex;justify-content:space-between;gap:1vw;}
.m22 .flowlist dl{
	position:relative;
	width:calc((100% - 1vw * 2) / 3);max-width:486px;
}
.m22 .flowlist dl:after{
	display:block;content:"";
	width:64px;height:64px;
	border-radius:50%;
	background:#fff url(/images/page/m23_flow_arr.png) no-repeat center;
	position:absolute;left:100%;top:8px;z-index:10;margin-left:-25px;
}
.m22 .flowlist dl:last-child:after{display:none;}
.m22 .flowlist dl dt{
	text-align:center;height:80px;
	border-radius:10px;background: #8ebc2b;border-radius:12px;
	display: flex;align-items:center;justify-content:center;
}
.m22 .flowlist dl dt .tit{font-size:28px;color:#fff;font-weight:500;}
.m22 .flowlist dl dd{
	display:flex;flex-direction:column;align-items:center;
	min-height:340px;	
	box-sizing:border-box;
	border:1px solid #ddd;border-radius:12px;font-weight: 400;
	font-size:20px;color:#000;text-align:center;background: #fff;
	box-sizing:border-box;
	padding:0 1.56vw;word-wrap:normal;word-break:keep-all;padding-top: 20px;padding-bottom: 20px;
}
.m22 .flowlist dl dd .img{width:100%;height:200px;display: flex;align-items:center;}
.m22 .flowlist dl dd .img img{display: block;max-width:100%;margin:0 auto;}
.m22 .flowlist dl dd .txt{width:100%;border-top:1px solid #bfbfbf;padding-top: 32px;margin-top: 22px;min-height:110px;}
.m22 .title.cnt {
	margin-bottom: 95px;
	font-size: 46px;
	color: #fff;
	font-weight: 500;
	font-family: var(--font1);
	line-height: 1.4em;
	letter-spacing: -0.02em;
}
.m22 .count-list{margin-top: 80px;
background: #dfdad0;
padding:120px 5.2vw 45px;
border-radius:20px;overflow:hidden;
}
.m22 .count-list ul{
	display: flex;flex-wrap:wrap;gap:0 1.042vw;
	
}
.m22 .count-list ul li{
	position: relative;
	width:calc((100% - 1.042vw * 2) / 3);
	padding:45px 0 75px;
}
.m22 .count-list ul li:before{
	position: absolute;content:'';
	top:0;left:0;
	width:100%;height:1px;background: rgba(0,0,0,0.25);
}
.m22 .count-list ul li .num{
	display: flex;align-items:end;font-family: "Wix Madefor Display";
}
.m22 .count-list ul li .num>.count{
font-family: "Wix Madefor Display";
	font-size:60px;
	font-weight: bold;color:#000;
}
.m22 .count-list ul li .num>strong{
font-family: "Wix Madefor Display";
	font-size:42px;
	font-weight: bold;color:#000;
}
.m22 .count-list ul li .num>.unit{
	margin-left: 12px;
	font-family: "Wix Madefor Display";
	font-size:32px;font-weight: bold;color:#000;
	padding-bottom: 12px;
}
.m22 .count-list ul li .txt{
	margin-top:18px;
	font-size:21px;
	color:#000;line-height: 1.5em;
	font-weight: 400;
}


.m22 .box-container{
	margin:160px 0;
}
.m22 .box-container .boxarea{
margin-top: 150px;box-sizing:border-box;
display: flex;justify-content:space-between;align-items:stretch;
}
.m22 .box-container .boxarea:first-child{margin-top: 0;}
.m22 .box-container .boxarea>.img-wrap{
	width:50%;box-sizing:border-box;
	height:auto;display: flex; align-items: center; justify-content: center;
	border-radius:20px;
	box-sizing:border-box;overflow:hidden;
	position: relative;z-index:30;
}
.m22 .box-container .boxarea>.img-wrap img{display: block;max-width:100%;width:100%;height: 100%;object-fit:cover;}
.m22 .box-container .boxarea>.txt-wrap{width:50%;padding-top:30px;padding-bottom: 30px;;padding-right: 5.2vw;padding-left:5.2vw;box-sizing:border-box;
border-radius:20px;position: relative;background: #fff;
display: flex;flex-direction:column;justify-content:center;
}
.m22 .box-container .boxarea>.txt-wrap:before{
position: absolute;content:'';
width:20%;left:-10%;background: #fff;top:0;box-sizing:border-box;
height:100%;
}
.m22 .box-container .boxarea.row-reverse>.txt-wrap:before{
left:auto;right:-10%;
	}
.m22 .box-container .boxarea>.txt-wrap .icon{margin-bottom: 20px;}
.m22 .box-container .boxarea>.txt-wrap .icon img{max-width:62px;}
.m22 .box-container .boxarea>.txt-wrap .title{
font-size:36px;color:#000;font-weight: 500;
}
.m22 .box-container .boxarea>.txt-wrap .txt{margin-top: 22px;padding-top: 22px;border-top: 1px solid #bfbfbf;font-size:20px;
color:#666666;line-height: 1.6em;word-wrap:normal;
}

.m22 .box-container .boxarea.row-reverse{flex-direction:row-reverse;}
.m22 .box-container .boxarea>.txt-wrap .btn{
margin-top: 60px;
display: flex;align-items:center;justify-content:center;border-radius:16px;
width:auto;height:54px;box-sizing:border-box;background: #8bb928;
	padding:0 2vw;
	
}
.m22 .box-container .boxarea>.txt-wrap .btn>span{
font-size:20px;color:#fff;font-weight: 500;font-family: var(--font1);display: block;padding-right:10px;
	position: relative;
}
.m22 .box-container .boxarea>.txt-wrap .btn>i{
display: block;
	width:18px;height:13px;
	background: url(/images/page/m22_btn_arr.png)no-repeat right center;
}
/*m23*/
/**.m23 .process .boxlist{
gap:80px 4.16vw;display: flex;flex-wrap:wrap;margin-bottom: 60px;position: relative;
}
.m23 .process .boxlist:before{
	position: absolute;
	content:'';
	top:50%;transform:translateY(-50%);
	right:0vw;
	width:calc(75% + 4.167vw);
	height:calc(100% + 60px);min-height:300px;
	border-radius:20px;
	box-sizing:border-box;
	background: url(/images/page/m23_dot_bg.png)no-repeat right center / contain;
}



.m23 .process .boxlist li{
	width:calc((100% - 4.16vw * 3) / 4);position: relative;
	background: #fff;border-radius:20px;padding-bottom: 10px;max-width:300px;
}
.m23 .process .boxlist li:before{
	position: absolute;content:'';z-index:2;
	top:50%;right:-36px;transform:translate(50%, -50%);
	width:18px;height:16px;
	background: #dfdad0 url(/images/page/m24_flow_arr.png)no-repeat center / contain;
}
.m23 .process .boxlist li:after{
	position: absolute;content:'';z-index:1;
	top:50%;right:-51px;transform:translate(50%, -50%);
	width:100px;height:2px;
	border:2px dashed #b4ca79;box-sizing:border-box;
}
.m23 .process .boxlist li .img{
position: relative;width:100%;overflow:hidden;border-radius:20px;z-index:10;
}
.m23 .process .boxlist li .img img{}
.m23 .process .boxlist li:nth-child(4):before,
.m23 .process .boxlist li:nth-child(4):after{display: none;}**/


.m23 .dia_img{margin:0 auto 30px;}
.m23 .dia_img .m_ver{display: none !important;}
.m23 .flowlist{}
.m23 .flowlist{display:flex;justify-content:space-between;gap:1vw;}
.m23 .flowlist dl{
	position:relative;
	width:calc((100% - 1vw * 3) / 4);
}
.m23 .flowlist dl:after{
	display:block;content:"";
	width:64px;height:64px;
	border-radius:50%;
	background:#fff url(/images/page/m23_flow_arr.png) no-repeat center;
	position:absolute;left:100%;top:8px;z-index:10;margin-left:-25px;
}
.m23 .flowlist dl:last-child:after{display:none;}
.m23 .flowlist dl dt{
	text-align:center;height:80px;
	border-radius:10px;background: #8ebc2b;border-radius:12px;
	display: flex;align-items:center;justify-content:center;
}
.m23 .flowlist dl dt .tit{font-size:28px;color:#fff;font-weight:500;}
.m23 .flowlist dl dd{
	display:flex;align-items:center;justify-content:center;
	height:200px;
	box-sizing:border-box;
	border:1px solid #ddd;border-radius:12px;font-weight: 400;
	font-size:20px;color:#000;text-align:center;background: #fff;
	box-sizing:border-box;
	padding:0 0.5vw;word-wrap:normal;word-break:keep-all;
}
.m23 .industry .list{gap:40px 2.08vw;}
.m23 .industry .list li{width:calc((100% - 2.08vw * 2) / 3);}

/*m24*/
.m24 .process .videos{}
.m24 .process .videos .list{display: flex;justify-content:space-between;}
.m24 .process .videos .list>li{box-sizing:border-box;
position: relative;width:calc((100% - 60px) / 2);box-sizing:border-box;
}
.m24 .process .videos .list>li .thumb{position: relative;width:100%;height:460px;border-radius:20px;overflow:hidden;margin-bottom: 36px;overflow:hidden;}
.m24 .process .videos .list>li .thumb>img{
	width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;
}
.m24 .process .videos .list>li .thumb:hover>img{transform:scale(1.1);transition:transform 0.6s ease;}

.m24 .process .videos .list>li .thumb .play_icon{
position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);
border:0;outline:0;background: 0;
background: url(/images/common/play_btn.png)no-repeat center / cover;
width:113px;height:113px;
}
.m24 .process .videos .list>li .thumb .play_icon:before{
position: absolute;content:'PLAY';
top:110%;left:50%;transform:translateX(-50%);
font-size:20px;color:#fff;font-weight: 600;font-family: "Wix Madefor Display";
}
.m24 .process .videos .list>li .txts p{font-size:28px;color:#000;font-weight: 600;font-family: "Wix Madefor Display";
letter-spacing:-0.028em;
}

@media screen and (min-width:1920px){
	.m20 .sec2 .circle{background-size:cover;}
}

/*m26*/
.m26 .sec2 .conarea .toparea .txt1{width:52%;}
.m26 .sec2 .conarea .toparea .txt2{width:48%;}
.m26 .sec2 .benefit{margin-bottom: 160px;}
.m26 .sec2 .benefit .pb-list{width:100%;background: #fff;padding:80px 0;border-radius:12px;}
.m26 .sec2 .benefit .pb-list ul{display: flex;align-items:center;}
.m26 .sec2 .benefit .pb-list ul>li{position: relative;
min-height:280px;width:25%;
display: flex;flex-direction:column;align-items:center;justify-content:center;}
.m26 .sec2 .benefit .pb-list ul>li:before{
position: absolute;content:'';
width:1px;background: #cccccc;height:100%;top:0;right:0;
}
.m26 .sec2 .benefit .pb-list ul>li:last-child:before{display: none;}
.m26 .sec2 .benefit .pb-list ul>li .num{
display: flex;align-items:center;justify-content:center;background: #8ebc2b;text-align: center;
width:47px;aspect-ratio:1 / 1;border-radius:12px;font-size:20px;color:#fff;font-weight: 600;font-family: "Wix Madefor Display";
margin-bottom: 32px;
}
.m26 .sec2 .benefit .pb-list ul>li .num span{font:inherit;}
.m26 .sec2 .benefit .pb-list ul>li .icon{
}
.m26 .sec2 .benefit .pb-list ul>li .slog{margin-top: 40px;font-size:32px;color:#000;font-weight: 600;letter-spacing:-0.025em;}
.m26 .sec2 .benefit .pb-list ul>li .desc{color:#000000;font-size:20px;font-weight: 300;margin-top: 20px;text-align: center;}
.m26 .flowlist.mb{margin-bottom: 160px;}
.m26 .flowlist dl dt{min-height:115px;}
.m26 .flowlist dl dt .tit{font-family: "Wix Madefor Display", "Noto Sans KR";font-size:28px;font-weight: 600;}
.m26 .flowlist dl dt .tit2{
font:inherit;font-size:20px;font-weight: 500;margin-top: 6px;
}
.m26 .flowlist dl dd{flex-direction:column;justify-content:flex-start;height:auto;padding:30px 1vw;line-height: 1.6em;min-height:650px;}
.m26 .flowlist dl dd .img{margin-bottom: 40px;}

.m26 .keypoint ul{display: flex;gap:2.08vw;width: 100%;}
.m26 .keypoint ul li{width:calc((100% - 2.08vw) / 2);background: #fff;border-radius:20px;padding:65px 3.13vw;display: flex;align-items:center;}
.m26 .keypoint ul li .icon{width:150px;margin-right: 2.6vw;}
.m26 .keypoint ul li .infowrap{width:calc(100% - 150px - 2.6vw);}
.m26 .keypoint ul li .infowrap .tits{
padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid #bfbfbf;
}
.m26 .keypoint ul li .infowrap .tits .tit1{color:#000;font-size:42px;font-weight: 600;margin-bottom: 10px;}
.m26 .keypoint ul li .infowrap .tits .tit2{
color:#8ebc2b;font-size:20px;font-weight: 500;
}
.m26 .keypoint ul li .infowrap .txts{
color:#000000;font-size:20px;font-weight: 350;line-height: 1.6em;
}
.m26 .industry .list li {
	width: calc((100% - 2.083vw * 2) / 3);
}
.m26 .industry .list li .img{aspect-ratio:534 / 400;}
/*m26*/

/*m25*/
.m25 .sec_title_wrap{margin-bottom: 125px;}
.m25 .list{
	display: flex;flex-wrap:wrap;gap:100px 2.6vw;
}
.m25 .list>li{
	width:calc((100% - 2.6vw * 3) / 4);cursor:pointer;/* overflow:hidden; */border-radius:20px;background: #fff;
	box-sizing:border-box;padding:0.8vw 1.56vw;
	position: relative;
	border:6px solid #fff;
	transition:all 0.3s ease;
}
.m25 .list>li:before{
position: absolute;
content:'';
/* width:41%; */width:160px;max-width:160px;
height:44px;
border-radius:10px 10px 0 0;background: #fff;
top:-44px;
left:50%;transform:translateX(-50%);
transition:all 0.3s ease;

}
.m25 .list>li:after{
position: absolute;
content:'';
width:108px;height:108px;
border-radius:50%;
background: url(/images/page/m25_plust_hover.png)no-repeat center / cover;
top:50%;
left:50%;transform:translate(-50%, -50%);
transform-origin:center center;
transition:all 0.3s ease;
opacity:0;
}
.m25 .list>li:hover{transition:all 0.3s ease;border:6px solid #8ebc2b;}
.m25 .list>li:hover:before{transition:all 0.3s ease;background: #8ebc2b;}
.m25 .list>li:hover:after{transition:opacity 0.4s ease;opacity:1;}
.m25 .list>li .img{
	width:100%;
}
.m25 .list>li .img img{
	max-width:100%;display: block;margin:0 auto;
}
.m25 .list>li .info{
	margin-top: 30px;padding-top: 30px;border-top: 1px solid #bfbfbf;
	display: flex;flex-direction:column;align-items:center;
}
.m25 .list>li .info .title{
text-align: center;color:#000;font-weight:600;font-family: "Noto Sans KR";
font-size:22px;margin-top: 15px;
}

.m25 .list>li .info .num{
	position: relative;
	box-sizing:border-box;
	padding-left: 15px;
	color:#666666;font-size:20px;font-weight: 400;font-family: "Noto Sans KR";
}
.m25 .list>li .info .num:before{
	position: absolute;content:'';
	top:11px;left:0;width:7px;height: 7px;
	background: #8ebc2b;	
}

/*특허 img pop*/
.img-pop {
     display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index:4100;
    background: #fff;
    width:500px;
    transform: translate(-50%,-50%);
	
}
.img-pop .conwrap{
	position: relative;
	background: #000;
	overflow: hidden;
    box-sizing: border-box;
	width:100%;
}
.img-pop .conwrap img{
/* position: absolute;top:50%;left:50%; transform: translate(-50%,-50%);
width:100%;height:100%; */
display: block;margin:0 auto;max-width:100%;width:100%;

}

.img-pop .btn_close{
	outline:none;
	border:none;background: transparent;
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 10px;
    width: 44px;
    height: 44px;
	display:flex;justify-content:center;align-items:center;
}
.img-pop .btn_close img{width:100%;height:100%;}

/*m31 product*/
.m31 .sec_title_wrap{margin-bottom: 0px;}
.m31 .sec1{padding-top: 120px;}
.product_list .radio_wrap{margin-bottom: 50px;}
.product_list .radio_list{display: flex;align-items:center;gap:6px;flex-wrap:wrap;}
.product_list .radio_list>li{

}
.product_list .radio_list>li input[type=radio] {
position: absolute;overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;
}
.product_list .radio_list>li input[type=radio]+label {
position: relative;
display: inline-flex;align-items:center;justify-content:center;
min-width:134px;border-radius:12px;background: #e5e5e5;height:54px;padding:0 2vw;box-sizing:border-box;
font-size: 20px;font-weight: 400;color:#666666;font-family:var(--fonts);

}
.product_list .radio_list>li input[type=radio]+label ::before{
	box-sizing:border-box;
	width:20px;height:20px;
	position: absolute;content:'';
	background: url(/images/page/m31_radio.png)no-repeat center / cover;
	top:50%;left:0;transform:translateY(-50%);border-radius:4px;
}
.product_list .radio_list>li input[type=radio]:checked+label ::before{
background: #000 url(/images/page/m31_radio_check.png)no-repeat center / cover;}
.product_list .radio_list>li input[type=radio]+label>span{
display: block;position: relative;padding-left: 33px;
}
.product_list .radio_list>li input[type=radio]:checked+label{}
.product_list .radio_list>li input[type=radio]:checked+label{font-size: 20px;color:#fff;background: #8ebc2b;font-weight: 500;}

.product_list .pro_list{
display: flex;flex-wrap:wrap;gap:100px 5.625vw;
}
.product_list .pro_list>li{
	/* width:calc((100% - 1.458vw * 2 ) / 3); */
	width:calc((100% - 5.625vw * 2) / 3);
	position: relative;
}

.product_list .pro_list>li:before {
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, 0.15);
	width: 1px;
	height: calc(100%);
	top: 0;
	right: -2.81vw;
}
.product_list .pro_list>li:nth-child(3n):before{display: none;}
.product_list .pro_list>li:last-child:before{display: none;}
.product_list .pro_list>li .img{width:100%;position: relative;overflow:hidden;border-radius:20px;aspect-ratio:1.56;}
.product_list .pro_list>li .img a{width:100%;display: block;height: 100%;}
.product_list .pro_list>li .img img{max-width:100%;width:100%;height: 100%;object-fit:cover;}
.product_list .pro_list>li .img .arr{
	position: absolute;
	top:0.83vw;right:0.83vw;
	display: block;
	min-width:35px;min-height:35px;width:1.85vw;height:1.85vw;
	background: url(/images/page/m31_arr_btn.png)no-repeat center;transition:transform 0.2s ease-in-out;
}
.product_list .pro_list>li:hover .img .arr{
background: url(/images/page/m31_arr_btn_hover.png)no-repeat center;
transform:rotate(-45deg);transition:transform 0.2s ease-in-out;
}
.product_list .pro_list>li .con{margin-top: 30px;}
.product_list .pro_list>li .con .titwrap{display: flex;align-items:center;padding-bottom: 20px;border-bottom: 1px solid #b5b3af;margin-bottom: 20px;}
.product_list .pro_list>li .con .titwrap .pro_title{font-size:24px;color:#000;font-weight: 500;font-family: var(--fonts);margin-right: 12px;}
.product_list .pro_list>li .con .titwrap .pro_sub_cate{
	display: flex;align-items:center;justify-content:center;
	text-align: center;font-size:17px;color:#fff;font-weight: 500;font-family: var(--fonts);
	width:101px;height:32px;border-radius:6px;background: #666666;line-height: 32px;
}
.product_list .pro_list>li:hover .con .titwrap .pro_sub_cate{
background: #8ebc2b;
}
.product_list .pro_list>li .con .pro_desc{
font-size:20px;color:#666666;font-weight: 400;font-family: var(--font1);line-height: 1.65em;
display: -webkit-box;
    -webkit-line-clamp: 2; /* 두 줄까지만 표시 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*제품 상세페이지*/
.product_view{}
.product_view .sec1{
background: #dfdad0;padding-top: 130px;padding-bottom: 130px;
}
.product_view .con1{display: flex;align-items:start;justify-content:space-between;}
.product_view .con1 .img{width:47%;border-radius:20px;overflow:hidden;max-width:800px;aspect-ratio:1.56;}
.product_view .con1 .img>img{width: 100%;height: 100%;object-fit:cover;}
.product_view .con1 .info{width:53%;padding-left: 5.2vw;}
.product_view .con1 .info .pro_sub_cate{
	display: inline-block;
	text-align: center;font-size:24px;color:#fff;font-weight: 500;font-family: var(--fonts);
	padding: 5px 15px; border-radius:6px;background: #8ebc2b;
}
.product_view .con1 .info .titwrap{
margin-top: 0px;padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #a7a39c;
display: flex;align-items:center;flex-wrap:wrap;
}
.product_view .con1 .info .titwrap .pro_title{
box-sizing:border-box;padding-right: 10px;width:100%;
font-size:58px;color:#000000;font-weight: 500;font-family: var(--font1);word-wrap:normal;word-break:keep-all;}
.product_view .con1 .info .titwrap .pro_title_en{font-size:28px;color:#000000;font-weight: 500;font-family: var(--font1);
word-wrap:normal;word-break:keep-all;letter-spacing:-0.02em;width:100%;margin-top: 6px;}
.product_view .con1 .info .pro_desc{
font-size:20px;color:#666;font-weight: 400;font-family: var(--font1);line-height: 1.6em;
word-wrap:normal;/* white-space:pre-wrap; */word-break:keep-all;padding-right:4vw;
}
.product_view .sec2{padding-top: 100px;}
.product_view .text-slog{margin:0 auto 100px;}
.product_view .text-slog strong{display: block;color:#dfdad0;font-family: var(--font2);letter-spacing:-0.025em;font-size:clamp(300px,21vw,396.3px);font-weight: 800;}
.product_view h5.title{
font-size:46px;color:#000000;font-weight: 500;font-family: var(--font1);margin-bottom: 100px;
}
.product_view .con2{margin-bottom: 200px;}
.product_view .tablewrap table{
width:100%;border-top:2px solid #000;
width:70%;margin:0 auto;
}
.product_view .tablewrap table col:nth-child(1){width:30.2%;}
.product_view .tablewrap table col:nth-child(2){width:auto;}
.product_view .tablewrap table th,
.product_view .tablewrap table td{
box-sizing:border-box;padding:30px 2vw;
border-right:1px solid #b5b3af;vertical-align:middle;
border-bottom:1px solid #b5b3af;text-align: center;
}
.product_view .tablewrap table th{
background: #e2e7ca;font-size:24px;color:#000000;font-weight: 500;font-family: var(--font1);
}
.product_view .tablewrap table td:not(.title)>div{
font-size:20px;color:#666;font-weight:400;font-family: var(--font1);margin-bottom: 15px;
}
.product_view .tablewrap table td:not(.title)>div:last-child{margin-bottom: 0;}
.product_view .tablewrap table td.title{
font-size:20px;color:#000000;font-weight: 500;font-family: var(--font1);
}
.product_view .tablewrap table th:last-child,
.product_view .tablewrap table td:last-child{border-right: 0;}
.product_view .con3{
padding-bottom: 100px;border-bottom: 1px solid #b5b3af;margin-bottom: 80px;
}
.product_view .img-list{
display: flex;flex-wrap:wrap;gap:2.08vw;

}
.product_view .img-list>li{
width:calc((100% - 2.083vw * 2) / 3);border-radius:20px;overflow:hidden;
aspect-ratio:1.56;
}
.product_view .img-list>li img{
max-width:100%;width:100%;height: 100%;object-fit:cover;
}
.product_view .list_btn a{
display: flex;margin:0 auto;
align-items:center;justify-content:center;background: #8bb928;
width:180px;height:54px;border-radius:16px;
}
.product_view .list_btn>a span{font:inherit;position: relative;display: block;padding-right: 24px;box-sizing:border-box;
font-size:20px;color:#fff;font-family:var(--font1);
}
.product_view .list_btn>a span:before{
	top:50%;right:0;transform:translateY(-50%);
	position: absolute;content:'';
	background: url(/images/page/list_icon.png)no-repeat center / cover;
	width: 16px;height: 12px;
}



/*m40*/
.m40 .sec1{position: relative;z-index:1;}
.m40 .svg-container{
position: absolute;
right:0;top:0;z-index:5;width:100%;height:0;padding-bottom: 45.08%;
}
.m40 .svg-container svg{position: absolute;width:100%;height:100%;display: block;}
.m40  .titlearea{position: relative;z-index:10;}
.m40  .titlearea h3, .m40 .titlearea p{width:auto;background: #f2efe9;}
.m40  .titlearea h3{padding-bottom: 50px;margin-bottom: 0;display: inline-block;}


/*m41*/
.m41{padding-bottom: 0;}
.m41 .svg-container svg{right:-9%;top:0%;transform:translateY(-50%) scale(1.8);}
.m41 .titlearea h3{width:60%;font-family: var(--font2);font-weight: 600;}
.m41 #svg41 .cls-1 {
	fill: none;
	stroke: #8bb928;
	stroke-miterlimit: 10;
	stroke-width: 2px;
	 stroke-dasharray: 4123;  /* path의 전체 길이 */
	  stroke-dashoffset: 4123; /* 초기에는 전체 길이만큼 offset */
  }
 .m41 .sec1.in-view #svg41 .cls-1{ animation: drawSvgLine 4s ease-in-out  forwards;}
.m41 .area-title{font-size:42px;margin-bottom: 100px;}
.m41 .ann{
display: flex;align-items:center;justify-content:flex-end;
margin-bottom: 30px;
font-size:20px;color:#666;font-weight: 400;
}
.m41 .ann>p{font:inherit;}
.m41 .sec1 .conarea{position: relative;z-index:10;}
.m41 .sec1 .area1{
	display:flex;align-items:center;justify-content:space-between;
	padding-top:100px;padding-bottom: 100px;
	background: #dfdad0 url(/images/page/m41_pnt_logo.png)no-repeat left bottom / cover;
	min-height:1009px;
}
.m41 .sec1 .area1 .area-title{margin-bottom: 70px;}
.m41 .sec1 .area1 .txtwrap{
	box-sizing:border-box;
	width:calc(100% - 1024px);
}
.m41 .sec1 .area1 .txtwrap p{
	font-size:20px;color:#666;font-family: var(--font1);font-weight: 400;line-height: 1.6em;word-wrap:normal;word-break:break-word;padding-right: 3vw;
}
.m41 .sec1 .area1 .imgwrap{
	width:1024px;
}
.m41 .sec1 .area1 .imgwrap .diawrap{
position: relative;

}
.m41 .sec1 .area1 .imgwrap .diawrap .dia-bg{
	position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);
	background: url(/images/page/m41_dia_bg.png)no-repeat center / cover;
	width:636px;height: 636px;
}
    .m41 .sec1 .area1 .imgwrap .diawrap .dia-img {
        position: absolute;
        top: calc(50% - 88px);
        left: 50%;
        transform: translate(-50%, -50%);
        width: 879px;
        height: 567px;
    }
.m41 .sec2 .area1{
	padding-top: 160px;padding-bottom: 160px;
}
.m41 .sec2 .area1 .diawrap{position: relative;margin:0 auto;max-width:100%;}
.m41 .sec2 .area1 .diawrap .circles{
	position: relative;
	width: 1100px;height: 1100px;
	border:1px dashed #8ebc2b;
	border-radius:50%;margin:0 auto;
	/* animation:diaCircleRot 25s infinite linear; */
}
.m41 .sec2 .area1 .diawrap .circles .arr{
	position: absolute;
        width: 18px;
        height: 18px;
        background: url(/images/page/m41_dia_arr.png) no-repeat center;
}
.m41 .sec2 .area1 .diawrap .circles .arr1{
	top:calc(10% - 9px);left:206px;
	transform:rotate(270deg) translate(-50%, -50%);
}
.m41 .sec2 .area1 .diawrap .circles .arr2{
	top:calc(11.5% - 9px);left:calc(100% - 206px);
       transform:rotate(360deg) translate(-50%, -50%);
}
.m41 .sec2 .area1 .diawrap .circles .arr3{
	        bottom:calc(32% - 9px);left:calc(100%  - 32px);
      transform:translate(-50%, -50%);
	  background: url(/images/page/m41_dia_arr3.png) no-repeat center;
}
.m41 .sec2 .area1 .diawrap .circles .arr4{
	  bottom:calc(32% - 9px);left:32px;
       transform:translate(-50%, -50%);
	  background: url(/images/page/m41_dia_arr4.png) no-repeat center;
}
.m41 .sec2 .area1 .diawrap .circles .p{
	position: absolute;
        width: 64px;
        height: 64px;
        background: url(/images/page/m41_dia_plus.png) no-repeat center;
}
.m41 .sec2 .area1 .diawrap .circles .p1{
		top: -32px;
        left: 50%;
        transform: translateX(-50%);
}
.m41 .sec2 .area1 .diawrap .circles .p2{
		top: 40%;
        right: -20px;
        transform: translateY(-50%);
}
.m41 .sec2 .area1 .diawrap .circles .p3{
		bottom:8%;
        left:16%;
}
.m41 .sec2 .area1 .diawrap .circles .p4{
        top: 40%;
       left:-22px;
        transform: translateY(-50%);
}
.m41 .sec2 .area1 .diawrap .circles .p5{
bottom:8%;
        right:16%;
}

@keyframes diaCircleRot{
	0%{
	transform:rotate(0);
	}
	100%{
	transform:rotate(360deg);
	}
}
.m41 .sec2 .area1 .diawrap .dia-img{
	position: absolute;
        top:50%;left:50%;transform: translate(-50%, -50%);
width:890px;height: 890px;
}
.m41 .sec2 .area1 .diawrap .dia-title{
	bottom: -40px;
        left: 50%;
        transform: translate(-50%, -50%);
		position: absolute;
		width:400px;height:80px;border-radius:20px;
		background: #8ebc2b;display:flex;align-items:center;justify-content:center;
}
.m41 .sec2 .area1 .diawrap .dia-title>span{
	text-align: center;font-size:32px;color:#fff;font-family: var(--font1);font-weight: 500;

}
.m41 .sec2 .area2{position: relative;z-index:10;padding-bottom: 200px;}
.m41 .sec2 .area2:before{
	position: absolute;width:100%;height:85%;
	bottom:0;left:0;
	content:'';
	background: #dfdad0;z-index:-1;
}
.m41 .sec2 .area2 .top-box{
	width:100%;background: #fff url(/images/page/m41_list_bg.png)no-repeat right bottom / cover;
	min-height: 300px;box-sizing:border-box;
	padding:54px 3.85vw;overflow:hidden;border-radius:20px;
	display:flex;align-items:center;justify-content:space-between;margin-bottom: 40px;
}
.m41 .sec2 .area2 .top-box .logo{width:514px;margin-right: 4.8vw;}
.m41 .sec2 .area2 .top-box .txts{width:calc(100% - 514px - 4.8vw);}
.m41 .sec2 .area2 .top-box .txts h5{font-size:42px;color:#000;font-family: var(--fonts);font-weight: 600;letter-spacing:-0.025em;line-height: 1.25em;}
.m41 .sec2 .area2 .top-box .txts p{
margin-top: 22px;word-wrap:normal;word-break:keep-all;padding-right: 2vw;
font-size:20px;color:#666;font-family: var(--font1);font-weight: 400;line-height: 1.65em;}
.m41 .sec2 .area2 .bot-list>ul{	}
.m41 .sec2 .area2 .bot-list>ul>li{
width:100%;background: #fff;padding:80px 5.2vw;border-radius:20px;
display:flex;align-items:center;
}
.m41 .sec2 .area2 .bot-list>ul>li + li{margin-top: 40px;}
.m41 .sec2 .area2 .bot-list>ul>li .top{overflow:hidden;
width:225px;
}
.m41 .sec2 .area2 .bot-list>ul>li .top .iwrap{
	width:100%;	
}
.m41 .sec2 .area2 .bot-list>ul>li .top img{display: block;margin:0 auto;object-fit:cover;max-width:100%;aspect-ratio:1 / 1;}
.m41 .sec2 .area2 .bot-list>ul>li .con{
width:calc(100% - 225px);box-sizing:border-box;padding-left: 4.7vw;
}
.m41 .sec2 .area2 .bot-list>ul>li.reverse{flex-direction:row-reverse;}
.m41 .sec2 .area2 .bot-list>ul>li.reverse .con{padding-left: 0;padding-right: 4.7vw;}
.m41 .sec2 .area2 .bot-list>ul>li .con .subtit{color:var(--text-color);display: block;font-family: var(--font2);letter-spacing:-0.025em;font-weight: 600;
font-size:22px;margin-bottom: 20px;
}
.m41 .sec2 .area2 .bot-list>ul>li .con .tit{
font-size:36px;color:#000;font-family: var(--font1);font-weight: 600;line-height: 1.3em;letter-spacing:-0.02em;
word-wrap:normal;word-break:keep-all;
}
.m41 .sec2 .area2 .bot-list>ul>li .con .txt{
	margin-top: 34px;font-size:20px;color:#666;font-family: var(--font1);font-weight: 400;line-height: 1.65em;
}
.m41 .sec2 .area2 .bot-list>ul>li .con .txt>span{color:var(--text-color);}

@media screen and (max-width:1680px){
	.m41 .sec1 .area1 .imgwrap{
		width:100%;
	}
	.m41 .sec1 .area1 .imgwrap .diawrap{
	position: relative;
	}
	.m41 .sec1 .area1 .imgwrap .diawrap .dia-bg{
		position: relative;margin:0 auto;
		top:auto;left:auto;transform:none;
		background: url(/images/page/m41_dia_bg.png)no-repeat center;
		width:740px;height: 740px;
	}
	.m41 .sec1 .area1 .imgwrap .diawrap .dia-img{
		position: absolute;top:calc(50% - 102px);left:50%;transform:translate(-50%, -50%);
		width:882px;height: 552px;
	}
	.m41 .sec1 .area1 .imgwrap .diawrap .dia-bg{width:640px;height:640px;background-size:cover;}
	.m41 .sec1 .area1 .txtwrap{width:100%;margin-bottom: 120px;}
	.m41 .sec1 .area1{display: block;}
}


/*m42*/
.m42 .svg-container svg{right:4%;top:0%;transform:translateY(-37%) scale(2);}
.m42 .titlearea p{width:50%;}
.m42 #svg42 .cls-1 {
	fill: none;
	stroke: #85b125;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2px;
	 stroke-dasharray: 3000;  /* path의 전체 길이 */
	  stroke-dashoffset: 3000; /* 초기에는 전체 길이만큼 offset */
  }
 .m42 .sec1.in-view #svg42 .cls-1{ animation: drawSvgLine 4s ease-in-out  forwards;}
 .m42  .sec1 .banner{
	position: relative;z-index:10;
	height:600px;overflow:hidden;
	display: flex;flex-direction:column;justify-content:center;
}
 .m42  .sec1 .banner .bg{
	position: absolute;top:0;left:0;
	background: url(/images/page/m42_banner_img1.png)no-repeat center / cover;
  width: 100%;
  height: 100%;
}
 .m42  .sec1 .banner .slog{position: relative;display: block;z-index:20;text-align: center;font-family: var(--font2);color:#fff;
 font-size:72px;
 font-weight: 600;letter-spacing:-0.025em;}
 .m42 .area1{padding-top: 160px;}
  .m42 .diacon{position: relative;margin-top: 100px; z-index:10;}
  .m42 .diacon:before,  .m42 .diacon:after{
	position: absolute;content:'';
	width:calc(5.73vw + 190px);height:2px;top:50%;left:0;transform:translateY(-50%);
	border-top:2px dashed #c3d790;z-index:-1;
}
 .m42 .diacon:after {
	width:calc(5.73vw + 190px);height:2px;top:50%;left:calc(100% - 5.73vw - 190px);transform:translateY(-50%);z-index:-1;
}
 .m42 .diawrap{position: relative;margin:0 auto;
 max-width:1300px;height:481px;width:100%;background: url(/images/page/m42_dia_bg1.png)no-repeat center;

 }
 
.m42 .diawrap .circle_list{width:100%;position: relative;}

.m42 .diawrap .circle_list li{position: absolute;top:0%;left:50%;transform:translate(-50%, 0%);width:480px;height:480px;border-radius:50%;display: flex;flex-direction:column;justify-content:center;align-items:center;
background: transparent;}
.m42 .diawrap .circle_list li:before{
position: absolute;content:'';background: url(/images/page/m42_plus_i.png)no-repeat center;width:72px;height:250px;
top:50%;right:-1px;transform:translate(0%, -50%);
}
.m42 .diawrap .circle_list li:last-child:before{width:0;}
.m42 .diawrap .circle_list li:nth-child(1){left:calc(50% - 410px);}
.m42 .diawrap .circle_list li:nth-child(3){left:calc(50% + 410px);}
.m42 .diawrap .circle_list li .ico>img{margin:0 auto;display: block;max-width:100%;}
.m42 .diawrap .circle_list li .tit{margin-top: 22px;color:#000;font-size:25px;font-weight: 500;font-family: var(--font1);line-height: 1.3em;text-align: center;}

 .m42 .listarea{margin-top: 120px;}
 .m42 .listbox{
 padding:26px;box-sizing:border-box;width:100%;background: #fff;;border-radius:20px;margin-bottom: 40px;
 display: flex;align-items:center;min-height:250px;
 }
 .m42 .listbox:last-child{margin-bottom: 0;}
.m42 .listbox>dt{position: relative;width:365px;display: flex;align-items:center;justify-content:center;min-height:110px;}
.m42 .listbox>dt:before{
	position: absolute;content:'';right:0;top:50%;transform:translateY(-50%);width:1px;height: 100%;background: #bfbfbf;min-height:105px;max-height:175px;
}
 .m42 .listbox:nth-child(2)>dt:before{
	height:176px;
 }
.m42 .listbox>dt .ico{margin-right: 30px;}
.m42 .listbox>dt strong{font-size:28px;color:#000;font-weight: 500;letter-spacing:-0.025em;font-family: var(--font1);}
.m42 .listbox>dd{width:calc(100% - 365px); display: flex;align-items:center;padding-left: 2.4vw;box-sizing:border-box;}
 .m42 .listbox>dd p{width:calc(100% - 300px);box-sizing:border-box;padding-right: 3.8vw;
 font-size:20px;color:#666666;font-weight: 400;line-height: 1.7em;
 }
 .m42 .listbox>dd .img{width:300px;overflow:hidden;border-radius:20px;}
  .m42 .listbox>dd .img img{width:100%;height: 100%;object-fit:cover;}

@media screen and (max-width:1680px){
	.m42 .svg-container svg{right:-3%;}
	.m42 .titlearea p{width:55%;}
}

/*m43*/
.m43 .svg-container svg{right:-15%;top:0%;transform:translateY(-30%) scale(1.8);}
.m43 #svg43 .cls-1 {
	fill: none;
	stroke: #85b125;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2px;
	stroke-miterlimit: 10;
	 stroke-dasharray: 7087;  /* path의 전체 길이 */
	  stroke-dashoffset: 7087; /* 초기에는 전체 길이만큼 offset */
  }
 .m43 .sec1.in-view #svg43 .cls-1{ animation: drawSvgLine 5s cubic-bezier(0.9, 0.4, 0.5, 0.3) forwards;}
 .m43 .titlearea h3{width:60%;}
 
 .m43 .sec2 {padding-top: 160px;}
.m43 .sec2 .dia{
    position: relative;
    width: 100%;
	max-width:1300px;
    margin: 0 auto;
   /*  padding: 50px 0; */
   margin-top: 80px;
}

.m43 .sec2 .dia .img{
position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	max-width:920px;
	width:100%;
}
.m43 .sec2 .dia .img img{display: block;margin:0 auto;max-width:100%;}
/* 원 컨테이너 */
.m43 .sec2 .circles {
    position: relative;
     width: 1300px;
    height: 1300px;
    margin: 0 auto;
}

/* 기본 원 스타일 */
.m43 .sec2 .circle {
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 가장 바깥쪽 원 (점선) */
.m43 .sec2 .circle.one {
    width: 1300px;
    height:1300px;
    /* border: 1px dashed #8BC34A; */
	background: #edecdf;
}

/* 두 번째 원 (화살표 포함) */
.m43 .sec2 .circle.two {
    width: 920px;
    height: 920px;
    
	background: #dae2bb;
}

/* 세 번째 원 */
.m43 .sec2 .circle.thr {
    width: 740px;
    height: 740px;
/*     background-color:#e3e8cd; */
	border: 1px dashed #8ebc2b;
}

/* 네 번째 원 */
.m43 .sec2 .circle.four {
    width: 570px;
    height: 570px;
		background: #edecdf;
}
.m43 .sec2 .circle.five {
    width: 400px;
    height: 400px;
    	border: 1px dashed #8ebc2b;
		background: #edecdf;
}




/* 화살표 스타일 */
.m43 .sec2 .c {
    position: absolute;
    width: 20px;height: 20px;border-radius:50%;
	background: #8ebc2b;
    /* border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #8BC34A; */
}

/* 화살표 위치 */
.m43 .sec2 .c.one {
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.m43 .sec2 .c.two {
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
}


/* 회전 애니메이션 */
@keyframes rotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.m43 .sec2 .circle.thr {
    animation: rotate 20s linear infinite;
}


.m43 .history {position: relative; border-radius:20px;box-sizing: border-box; overflow: hidden;}
/* .m43 .history .bgWrap {position: absolute; width: 100%; left: 0; top: 0;}
.m43 .history .bg {margin-top: 100px; box-sizing: border-box; position: relative; width: 100%; height: 85vh; border-radius: 20px; overflow: hidden;
} */
/* .m43 .history .bg::after {content: ''; display: block; padding-top: calc(840/1630*100%);} */
/* .m43 .history .bg img {transition:top 0.4s; position: absolute; left: 50%; top: 100%; transform: translate(-50%, 0%); width: 100%; height: 100%; object-fit: cover;}
.m43 .history .bg img.act,
.m43 .history .bg img:first-child {top: 0;}
.m43 .history .bg img.act{} */
.m43 .history .txtPin {
width:100%;padding-top: 90px;
}

.m43 .history .txtWrap {position: relative; width: 100%; box-sizing: border-box;height: auto;}
.m43 .history .txtWrap .dataSwiper {width:100%;height: 100%;height: auto;}
.m43 .history .txtWrap .dataWrap .hisData {background: 0; transition: .4s;position: relative;
display: flex;align-items:end;justify-content:flex-end;padding:5.2vw;box-sizing:border-box;
border-radius:20px;overflow:hidden;
}
.m43 .history .txtWrap .dataWrap .hisData .bg{
position: absolute;z-index:-1;
top:0;left:0;width:100%;height:100%;
}
.m43 .history .txtWrap .dataWrap .hisData .bg img{
	width:100%;height:100%;object-fit:cover;
}
.m43 .history .txtWrap .dataWrap .hisData._1{justify-content:flex-start;}
.m43 .history .txtWrap .dataWrap .hisData+.hisData {margin-top: 80px;}
.m43 .history .txtWrap .dataWrap .hisData.opacity_1 {display: flex;}

.m43 .history .txtWrap .dataWrap .hisData .white-box{
	width:566px;background: #fff;border-radius:20px;
	box-sizing:border-box;padding:2.34vw;min-height:507px;
}
.m43 .history .txtWrap .dataWrap .hisData.opacity_1 .white-box{/* opacity:1;transition:all 1s ease-in-out;transition-delay:0.1s; */}
.m43 .history .txtWrap .dataWrap .hisData .white-box .title{
padding-bottom: 36px;border-bottom: 1px solid #ccc;;margin-bottom: 35px;text-align: center;
}
.m43 .history .txtWrap .dataWrap .hisData .white-box .title .ico{margin:0 auto;display: block;margin-bottom: 20px;}
.m43 .history .txtWrap .dataWrap .hisData .white-box .title h5{color:#000000;font-size:30px;font-weight: 500;font-family: var(--font1);}
.m43 .history .txtWrap .dataWrap .hisData .white-box .txts{
	font-size:20px;color:#666;font-weight: 400;line-height: 1.6em;word-wrap:normal;
}

 @media screen and (min-width: 813px) {
    .m43 .history .swiper-slide {flex-shrink: unset; height: 100%;box-sizing: border-box;}
    .m43 .history .swiper-wrapper {display: block;}
}
@media screen and (max-width: 1560px){
.m43 .svg-container svg{right:-22%;transform:translateY(-26%) scale(2);}
}


/*m44*/
.m44 .svg-container svg{right:-3%;top:0%;transform:translateY(-40%) scale(1.8);}
.m44 #svg44 .cls-1 {
	fill: none;
	stroke: #85b125;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2px;
	stroke-miterlimit: 10;
	 stroke-dasharray: 4519;  /* path의 전체 길이 */
	  stroke-dashoffset: 4519; /* 초기에는 전체 길이만큼 offset */
	 
  }
 .m44 .sec1.in-view #svg44 .cls-1{ animation: drawSvgLine 3.5s ease-in-out forwards;}
 .m44 .titlearea p{width:41%;}
  .m44 .sec1{padding-bottom: 160px;}
 .m44 .sec2{
	background: #dfdad0;padding-top: 150px;padding-bottom: 200px;
}
.m44 .sec2 .boxarea{
margin-top: 150px;box-sizing:border-box;
display: flex;justify-content:space-between;height:620px;
}
.m44 .sec2 .boxarea:first-child{margin-top: 0;}
.m44 .sec2 .boxarea>.img-wrap{
	width:50%;box-sizing:border-box;
	height:auto;display: flex; align-items: center; justify-content: center;
	border-radius:20px;
	box-sizing:border-box;overflow:hidden;
	position: relative;z-index:30;
}
.m44 .sec2 .boxarea>.img-wrap img{display: block;max-width:100%;width:100%;height: 100%;object-fit:cover;}
.m44 .sec2 .boxarea>.txt-wrap{height:100%;width:50%;padding-right: 5.2vw;padding-left:5.2vw;box-sizing:border-box;
display: flex;flex-direction:column;justify-content:center;border-radius:20px;position: relative;background: #fff;
}
.m44 .sec2 .boxarea>.txt-wrap:before{
position: absolute;content:'';
width:20%;left:-10%;background: #fff;top:0;box-sizing:border-box;
height:100%;
}
.m44 .sec2 .boxarea.row-reverse>.txt-wrap:before{
left:auto;right:-10%;
	}
.m44 .sec2 .boxarea>.txt-wrap .icon{margin-bottom: 20px;}
.m44 .sec2 .boxarea>.txt-wrap .icon img{max-width:62px;}
.m44 .sec2 .boxarea>.txt-wrap .title{
font-size:36px;color:#000;font-weight: 500;
}
.m44 .sec2 .boxarea>.txt-wrap .txt{margin-top: 22px;padding-top: 22px;border-top: 1px solid #bfbfbf;font-size:20px;
color:#666666;line-height: 1.6em;word-wrap:normal;
}
.m44 .sec2 .boxarea>.txt-wrap .txtg li{
	position: relative;box-sizing:border-box;padding-left: 19px;
	
}
.m44 .sec2 .boxarea>.txt-wrap .txtg li:before{
position: absolute;top:13px;left:0;content:'';
  width: 7px;
  height: 7px;background: #8ebc2b;
}
.m44 .sec2 .boxarea>.txt-wrap .txtg li + li{margin-top:40px;;}
.m44 .sec2 .boxarea>.txt-wrap .txtg li strong{font-size:20px;font-weight: 600;color:#000;font-family:var(--font1);}
.m44 .sec2 .boxarea>.txt-wrap .txtg li p{font-size:20px;font-family:var(--font1);
color:#666666;line-height: 1.6em;}
.m44 .sec2 .boxarea.row-reverse{flex-direction:row-reverse;}
.m44 .sec3{padding-top: 160px;}
.m44 .sec3 .dia{position: relative;margin-top: 120px;	}
.m44 .sec3 .dia:before{
	position: absolute;content:'';
	width:954px;height:800px;top:50%;left:-230px;transform:translateY(-50%);
	background: rgba(142,188,43,0.08);	
	border-radius:0px 400px 400px 0px;
}
.m44 .sec3 .dia:after{
	position: absolute;content:'';
	width:954px;height:800px;top:50%;right:-230px;transform:translateY(-50%);
	background: rgba(142,188,43,0.08);	
	border-radius:400px 0px 0px 400px;
}
.m44 .sec3 .dia .line{
	position: absolute;content:'';
	width:100%;height:2px;top:50%;left:0;transform:translateY(-50%);
	border-top:2px dashed #c3d790;
}
.m44 .sec3 .dia-img{position: relative;z-index:30;max-width:1140px;margin:0 auto;}

/*m45*/
/*m45*/
.m45{padding-bottom: 0;}
.m45 .svg-container svg{right:-10%;top:0%;transform:translateY(-45%) scale(2);}
.m45 #svg45 .cls-1 {
	fill: none;
	stroke: #85b125;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2px;
	 stroke-dasharray: 5524;  /* path의 전체 길이 */
	  stroke-dashoffset: 5524; /* 초기에는 전체 길이만큼 offset */

  }
 .m45 .sec1.in-view #svg45 .cls-1{ animation: drawSvgLine 5.2s cubic-bezier(0.9, 0.4, 0.5, 0.3)  forwards;}
  @keyframes drawSvgLine {
	  to {
		stroke-dashoffset: 0; /* 애니메이션 끝나면 offset을 0으로 */
	  }
	}
.m45 .sec1{padding-bottom: 160px;}
.m40 .sec1 .rlist{
	display: flex;flex-wrap:wrap;
	justify-content:space-between;gap:40px 2.083vw;
	margin-top: 100px;
}
.m40 .sec1 .rlist>li{
	width:calc((100% - 2.083vw * 2) / 3);box-sizing:border-box;padding:40px 2.083vw;
	background: #fff;border-radius:20px;
}
.m40 .sec1 .rlist>li .thumb{
	overflow:hidden;border-radius:20px;
	width:100%;margin-bottom: 40px;
}
.m40 .sec1 .rlist>li dl dt{display: flex;align-items:center;padding-bottom: 24px;margin-bottom: 24px;border-bottom: 1px solid #bfbfbf;;}
.m40 .sec1 .rlist>li dl dt .icon{display: block;width:46px;margin-right: 20px;}
.m40 .sec1 .rlist>li dl dt p{width:calc(100% - 46px - 20px);font-size:30px;color:#000;font-weight: 500;font-family: var(--font1);}
.m40 .sec1 .rlist>li dl dd{
	font-size:20px;color:#666;font-weight: 400;line-height: 1.6em;font-family: var(--font1);
}
.m45 .sec2{
	background: #dfdad0;padding-top: 150px;padding-bottom: 200px;
}
.m45 .sec2 .boxarea{
margin-top: 150px;
display: flex;align-items:center;justify-content:space-between;
}
.m45 .sec2 .boxarea:first-child{margin-top: 0;}
.m45 .sec2 .boxarea>.img-wrap{
	width:50%;box-sizing:border-box;
	height:auto;min-height:500px; display: flex; align-items: center; justify-content: center;
	border-radius:20px;
	box-sizing:border-box;overflow:hidden;
}
.m45 .sec2 .boxarea>.img-wrap img{display: block;max-width:100%;height: 100%;border-radius:20px;width:100%;object-fit:cover;}
.m45 .sec2 .boxarea>.txt-wrap{width:50%;padding-left:6.2vw;box-sizing:border-box;}
.m45 .sec2 .boxarea>.txt-wrap .icon{margin-bottom: 20px;}
.m45 .sec2 .boxarea>.txt-wrap .icon img{max-width:62px;}
.m45 .sec2 .boxarea>.txt-wrap .title{
font-size:42px;color:#000;font-weight: 500;
}
.m45 .sec2 .boxarea>.txt-wrap .txt{margin-top: 40px;font-size:20px;
color:#666666;line-height: 1.6em;word-wrap:normal;text-align: justify;
}
.m45 .sec2 .boxarea.row-reverse{flex-direction:row-reverse;}
.m45 .sec2 .boxarea.row-reverse>.txt-wrap{padding-left: 0;padding-right: 6.2vw;}
.m45 .sec2 .boxarea.row-reverse>.txt-wrap * {text-align: right;}

/*게시판 m50*/
.more_btn{
	overflow:hidden;position: relative;
	width:180px;height:54px;border-radius:16px;background: #8bb928;
	display: flex;align-items:center;justify-content:center;
}
.more_btn>span{color:rgba(255,255,255,0.6);font-size:12px;position: relative;z-index:10;transition:all 0.5s ease-in-out;
font-family: var(--font2);
}
.more_btn>i{
position: relative;z-index:10;transition:all 0.5s ease-in-out;
background: url(/images/main/more_btn_arr.png)no-repeat center;width:13px;height:10px;display: inline-block;margin-left: 10px;
}
 .more_btn:before{
	position: absolute;content:'';
	width:100%;height:100%;
	background: #fff;
	top:0;left:0;
	width:0;transition:width 0.4s ease-in-out;
 }
  .more_btn:hover:before{width:100%;transition:width 0.4s ease-in-out;}
  .more_btn:hover>span{color:#8bb928;transition:all 0.5s ease-in-out;font-weight: 500;}
  .more_btn:hover>i{background: url(/images/main/more_btn_arr_hover.png)no-repeat center;transition:all 0.5s ease-in-out;}
  
/*board1 언론보도*/
.board1{}
.board1 .list{
width: 100%;
box-sizing: border-box;
border-top: 2px solid #000000;
}
.board1 .list li{
	width:100%;
	border-bottom:1px solid #dadada;
}
.board1 .list li>a{width:100%;display: flex;align-items:center;justify-content:space-between;padding:45px 35px;}
.board1 .list li .date{width:100px;}
.board1 .list li .date .day{display: block;text-align: center;font-size:69px;color:#8bb928;font-weight: 700;font-family: "Wix Madefor Display";}
.board1 .list li .date .ym{display: block;text-align: center;font-size:18px;color:#8bb928;font-weight: 400;margin-top: -10px;font-family: "Wix Madefor Display";}
.board1 .list li .tit{width:calc(100% - 100px - 75px);padding:0 10%;padding-left: 3vw;font-size:24px;color:#000000;font-weight: 700;
overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    box-sizing: border-box;
    display: -webkit-box;
    height:1.6em;
	font-family: "Noto Sans KR";
}
.board1 .list li .arr{position: relative;width:75px;height:75px;border-radius:50%;background: #8bb928;border:1px solid #8bb928;}
.board1 .list li .arr .icon{position: absolute;width:19px;height: 14px;
content:'';top:50%;left:50%;transform:translate(-50%, -50%);background: url(/images/page/news_arr.png)no-repeat center;}

.board1 .list li:hover .arr{background: #fff;border:1px solid rgba(255,255,255,0.4);transition:all 0.1s;}
.board1 .list li:hover .arr .icon{background: url(/images/page/news_arr_hover.png)no-repeat center;transition:all 0.1s;}

/*board2 홍보영상*/
.board2{padding-bottom: 0;}
.board2 .sec_title_wrap{margin-bottom: 120px;}
.board2 .sec1{padding-bottom: 210px;}
.board2 .sec2{padding-top: 190px;background: #dfdad0;padding-bottom: 200px;}
.board2 .page_title{
	color:#000;font-size:58px;font-family: var(--font2);letter-spacing:-0.025em;font-weight: 500;margin-bottom: 95px;
}
.board2 .list{
	width:100%;display: flex;flex-wrap:wrap;align-items:start;gap:140px 60px;
}
.board2 .list li{box-sizing:border-box;
position: relative;width:calc((100% - 60px) / 2);box-sizing:border-box;
}
.board2 .list li .thumb{position: relative;width:100%;height:460px;border-radius:20px;overflow:hidden;margin-bottom: 36px;overflow:hidden;}
.board2 .list li .thumb>a{
display: block;width:100%;height: 100%;
}
.board2 .list li .thumb a>img{
	width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;
}
.board2 .list li .thumb:hover>img{transform:scale(1.1);transition:transform 0.6s ease;}
.board2 .list li:before{
	position: absolute;
        content: '';
        background: rgba(0, 0, 0, 0.15);
        width: 1px;
        height: calc(100%);
        top: 0;
        right: -30px;
}
.board2 .list li:nth-child(2n):before{display: none;}
.board2 .list li .thumb .play_icon{
position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);
border:0;outline:0;background: 0;
background: url(/images/common/play_btn.png)no-repeat center / cover;
width:113px;height:113px;
}
.board2 .list li .thumb .play_icon:before{
position: absolute;content:'PLAY';
top:110%;left:50%;transform:translateX(-50%);
font-size:20px;color:#fff;font-weight: 600;font-family: "Wix Madefor Display";
}
.board2 .list li .txts{
	display: flex;align-items:center;justify-content:space-between;
}
.board2 .list li .txts .info{width:100%;box-sizing:border-box;padding-right: 2vw;}
.board2 .list li .txts .tit{
	color:#000000;font-size:24px;font-weight: 500;
}
.board2 .list li .txts .date{color:#666;font-size:20px;font-family: var(--font2);letter-spacing:-0.025em;font-weight: 600;margin-top: 10px;}

/*videopop*/
.vpop {
     display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index:4100;
    background: #fff;
    max-width: 1240px;
    width: 94%;
    transform: translate(-50%,-50%);
	
}
.vpop .conwrap{
	position: relative;
	background: #000;
	overflow: hidden;
	/* height:96vh; */
	height:0;
    box-sizing: border-box;
    padding: 0;
	padding-top: 56.25%;
}
.vpop .conwrap iframe{
position: absolute;top:50%;left:50%; transform: translate(-50%,-50%);
width:100%;height:100%;

}

.vpop .btn_close{
	outline:none;
	border:none;background: transparent;
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 10px;
    width: 44px;
    height: 44px;
	display:flex;justify-content:center;align-items:center;
}
.vpop .btn_close img{width:100%;height:100%;}

/* .m52_tab{margin-bottom: 40px;}
.m52_tab li{display: inline-block;}
.m52_tab li>a{
	display: flex;align-items:center;justify-content:center;
	background: #666;border-radius:12px;
	text-align: center;width:200px;height:54px;
	font-family: var(--font2);font-size:20px;color:#fff;font-weight: 500;letter-spacing:-0.025em;margin-right: 6px;
}
.m52_tab li.on>a{background: #8bb928;} */

/*공시정보*/
.board3{}
.board3 .page_title{
	color:#000;font-size:58px;font-family: var(--font1);letter-spacing:-0.025em;font-weight: 500;margin-bottom:150px;
}
.board3 .info{
	font-size:24px;color:#666;font-weight: 400;font-family: var(--font1);margin-bottom: 40px;
}
.board3 .info>span{font:inherit;color:#8ebc2b;font-weight: 500;font-family: var(--font2);}
.board3  table{width:100%;border-top: 2px solid #000000;;}
.board3 table th, .board3 table td{width:18%;
text-align: center;border-bottom:1px solid #b5b3af;
}

.board3 table th{
font-size:28px;color:#000;font-family: var(--fonts);font-weight: 600;letter-spacing:-0.025em;box-sizing:border-box;
padding:30px 1vw;
}
.board3 table td{
box-sizing:border-box;padding:35px 1vw;font-family: var(--fonts);font-size:20px;color:#666;font-weight: 500;letter-spacing:-0.025em;
}
.board3 table tr:hover>td{background: #e2e7ca;color:#000;font-weight: 600;}
.board3 table th.title, .board3 table td.title{
width:64%;
}

.board3 table th.title{text-align: center;}
.board3 table td.title{text-align: left;padding-right: 2vw;padding-left: 5vw;overflow:hidden;
}
.board3 table td.title a{
font-size:24px;color:#000;font-family: var(--fonts);font-weight: 600;letter-spacing:-0.025em;box-sizing:border-box;
display: inline-block;position: relative;text-align: left;
padding-right: 28px;height:1.6em;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;
-webkit-box-orient:vertical;word-wrap:break-word;
-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;
}
.board3 table td.title a:before{
	position: absolute;content:'';
	background: url(/images/page/m53_title_arr.png)no-repeat center / cover;
	width:13px;height:10px;
	top:50%;right:0;transform:translateY(-50%);
	opacity:0;
}
.board3 table tr:hover>td.title a:before{opacity:1;}



.board_view{}
.board_view .titlearea{width:100%;border-top:2px solid #000;box-sizing:border-box;border-bottom:1px solid #b5b3af;
padding:60px 40px; margin-bottom: 0;}
.board_view .titlearea .title{color:#000;font-weight:500;font-size:46px;margin-bottom:30px;font-family: var(--font1);}
.board_view .titlearea .date{font-size:24px;color:#000;font-family: var(--font2);letter-spacing:-0.025em;font-weight: 500;opacity:1;}
.board_view .filearea{width:100%;box-sizing:border-box;border-bottom:1px solid #b5b3af;
padding:40px 40px; }
.board_view .filearea dl{display: flex;align-items:start;}
.board_view .filearea dl dt{
	font-size:20px;color:#000;font-family: var(--font1);font-weight: 500;position: relative;padding-left: 30px;
	padding-right: 14px;margin-right: 14px;
}
.board_view .filearea dl dt:before{
	position: absolute;content:'';width: 20px;height: 20px;
	background: url(/images/page/file_icon.png)no-repeat center;
	top:5px;left:0;
}
.board_view .filearea dl dt:after{
	position: absolute;content:'';width: 1px;height: 20px;
	top:6px;right:0;background: #b5b3af;
}
.board_view .filearea dl dd a{display: block;width:100%;display: flex;align-items:center;margin-bottom: 8px;}
.board_view .filearea dl dd a:last-child{margin-bottom: 0;}
.board_view .filearea dl dd a>i{width:17px;height:17px;display: inline-block;background: url(/images/page/file_down.png)no-repeat center / cover;margin-right: 15px;}
.board_view .filearea dl dd a>span{position: relative;color:#666;font-size:20px;}
.board_view .filearea dl dd a>span:before{
position: absolute;content:'';background: #9a9a9a;bottom:-2px;left:0;height:1px;width:0%;transition:width 0.2s;
}
.board_view .filearea dl dd a:hover>span{color:#888;transition:all 0.2s;}
.board_view .filearea dl dd a:hover>span:before{width:100%;transition:width 0.2s;}
.board_view .conarea{
color:#666;font-size:20px;font-family: var(--font1);line-height: 1.6em;
width:100%;box-sizing:border-box;border-bottom:1px solid #b5b3af;padding:60px 40px;}
.board_view .conarea * {background-color:transparent !important;}
.board_view .conarea img{max-width:100%;}
.board_view .list_btn{
	display: block;margin:0 auto;display: flex;align-items:center;justify-content:center;width: 180px;height: 54px;border-radius:16px;
	text-align: center;color:#fff;text-align: center;font-size:20px;font-family: var(--font1);background: #8bb928;
	margin-top: 100px;
}
.board_view .list_btn>span{font:inherit;}
.board_view .list_btn>i{
margin-left: 12px;
display: block;background: url(/images/page/board_list.png)no-repeat center;
width: 16px;height: 12px;

}

/*m54 재무정보*/
.finance_info{}
.finance_info .sec1{padding-bottom: 200px;}
.finance_info .area_title{
	font-family: var(--font1);font-size:46px;color:#000;font-weight: 500;margin-bottom: 50px;	display: flex;align-items:end;
	justify-content:space-between;
}
.finance_info .units{
position: relative;box-sizing:border-box;
display: flex;align-items:center;padding-left: 34px;
}
.finance_info .units:before{
	position: absolute;content:'';top:9px;left:0;
	background: #666;
	width:22px;height: 14px;
	background: url(/images/page/m54_unit.png)no-repeat center;
}
.finance_info .units span{
	color:#666666;font-size:20px;font-family: var(--font1);	font-weight: 300;
}
.finance_info .units span.tp1{
	position: relative;display: block;padding-right: 12px;box-sizing:border-box;margin-right: 12px;
}
.finance_info .units span.tp1:before{
	position: absolute;content:'';top:5px;width:1px;height: 20px;right:0;
	background: #666;
	
}
.finance_info .graph .g_list{border-top: 2px solid #000;display: flex;justify-content:space-between;flex-wrap:wrap;}
.finance_info .graph .g_list .g{
	width:33.33%;box-sizing:border-box;padding:50px 20px 80px;border-right: 1px solid #b5b3af;border-bottom: 1px solid #b5b3af;
	position: relative;
}
.finance_info .graph .g_list .g:last-child{border-right: 0;}
.finance_info .graph .g_list .g .tit{color:#000;font-size:32px;font-weight: 500;font-family: var(--font1);padding-left: 30px;margin-bottom: 10px;}
.finance_info .graph .g_list .g .bar-list-img{max-width:100%;}
.finance_info .sec2 .tablewrap{}
.finance_info .sec2 table{width:100%;border-top: 2px solid #000000;;}
.finance_info .sec2 table th, .finance_info .sec2 table td{width:28%;
text-align: center;border-bottom:1px solid #b5b3af;
}
.finance_info .sec2 table th{
font-size:28px;color:#000;font-family: var(--fonts);font-weight: 600;letter-spacing:-0.025em;box-sizing:border-box;
padding:30px 1vw;
}
.finance_info .sec2 table td{
box-sizing:border-box;padding:35px 1vw;font-family: var(--fonts);font-size:20px;color:#000;font-weight: 400;letter-spacing:-0.025em;
}
.finance_info .sec2 table th:first-child, .finance_info .sec2 table td:first-child{
width:calc(100% - 28% * 3);
}
.finance_info .sec2 table th:nth-child(4), .finance_info .sec2 table td:nth-child(4){
background: #e2e7ca;
}
.finance_info .sec2 table td{text-align: center;}
.finance_info .sec2 table td:first-child{text-align: center;}

/*paging*/
.paging{margin-top:120px;text-align:center;}
.paging a{font-family: var(--font2);display:inline-block;vertical-align:top;box-sizing:border-box;
width:49px;height:49px;color:#666;font-size:16px;line-height:49px;font-weight:400;}

.paging .prev{width: 20px;height: 46px;background: url(/images/page/page_prev.png) no-repeat center;border: 0;margin-right: 40px;}
.paging .next{width: 20px;height: 46px;background: url(/images/page/page_next.png) no-repeat center;border: 0;margin-left: 40px;}

.paging strong{font-family:  var(--font2);display:inline-block;vertical-align:top;box-sizing:border-box;width:49px;height:49px;
color:#fff;font-size:16px;line-height:49px;background: #000000;border-radius:10px;}
.paging .page_begin{
	width:49px;height:46px;
	background:url(/images/page/page_begin.png) no-repeat center;
	border:0;
}
.paging .page_prev{
	width:49px;height:46px;
	background:url(/images/page/page_prev.png) no-repeat center;
	border:0;margin-right:20px;
}
.paging .page_next{
	width:49px;height:46px;
	background:url(/images/page/page_next.png) no-repeat center;
	border:0;margin-left:20px;
}
.paging .page_end{
	width:49px;height:46px;
	background:url(/images/page/page_end.png) no-repeat center;
	border:0;
}


/*m60*/
.m60 .sec_title_wrap{padding-bottom: 0;}
.m60 .area_title{
font-family: var(--font1);font-size:58px;color:#000;font-weight: 500;margin-bottom: 150px;
}

/*m61*/
#header.up{transform:translateY(-100px);transition:transform 0.6s ease;}
.m61 .cont-area{
position: -webkit-sticky;
position: sticky;
top: 0;
height:100vh;
min-height:1080px;
width: 100%
}
.m61 .cont-area .cont-area-inner{
	position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 100vh;
    width: 100%;
    min-height: 1080px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    padding:0 5.73vw;
	box-sizing:border-box;
    margin: 0 auto;
}
.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn{
	position: relative;
	transition:all 0.5s ease;
	transform:translateY(-5vh);
}
.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn{
margin-left: 50%;
}
.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside{
	width: 600px;
    height: 600px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;

    transition: .4s ease;
}
.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .inside{
/* transform:scale(0.86); */
}
.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-head {
    width:420px;
	height:420px;
    position: absolute;
    left: 50%;;
    top: 50%;
	transform:translate(-50%, -50%);
    z-index: 1;
	background: #fff;
	border-radius:50%;
	display: flex;flex-direction:column;align-items:center;justify-content:center;
    transition:all 0.4s ease;
}
.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-head:before{
	width:100%;
	height:100%;
    position: absolute;
    left: 50%;
	content:'';
    top: 50%;
	transform:translate(-50%, -50%);
	border-radius:50%;
	/* border:1px dashed rgba(0,0,0.35); */
	border:2px solid #8ebc2b;
}
/* .m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-head:after{
	width:100%;
	height:100%;
    position: absolute;
    left: 50%;
	content:'';
    top: 50%;
	transform:translate(-50%, -50%);
	border-radius:50%;
	border:2px solid #8ebc2b;
	
} */

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-head .tit {
    font-size: 46px;
    font-weight: 500;
    color: #000;
    text-align: center;
	font-family: var(--font1);
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-head .logo>img {
   display: block;max-width:100%;margin:0 auto;
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-head .logo+.tit {
    margin-top: 12px;
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data {
    width: 600px;
    position: absolute;
    left: 600px;
    top: 0;
    transition: .4s ease
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item {
    width: 600px;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: .4s ease;
	position: relative;
	z-index:30;
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item .data-item-wrap {
    position: relative;
    border-radius: 100%;
    overflow: hidden;
    transform: scale(1.14);
    width: 420px;
    height: 420px;
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item .data-item-wrap img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item .data-item-wrap:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item.item1 .data-item-wrap {
    /* width: 20rem;
    height: 20rem */
	width: 420px;height: 420px;transform:scale(1);
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item.item2 .data-item-wrap,
.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item.item3 .data-item-wrap {

	width: 420px;height: 420px;transform:scale(1);
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item.item3 .data-item-wrap {
   /*  transform: scale(1.14) rotate(30deg) */
    transform: rotate(30deg)
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .inside .inside-bg {
    height: 600px;
    width: 600px;
    background: url(/images/page/m61_circle_bg.png)no-repeat center;
	background-size:cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: .4s ease
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-data {
    width: 100%;
    height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    transition: .4s ease
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item {
    font-size: 26px;
    font-weight: 500;
	font-family: var(--font1);
    color: #000;
    position: absolute;
    transition: .4s ease;
    width: auto;
    height: auto;
	white-space:nowrap;
	word-wrap:normal;
	word-break:keep-all;
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item1 {
    top: -145px;
    left: 50%;
    transform: translateX(-50%);
	text-align: center;
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item2 {
	bottom: 125px;
	left: -327px;
	text-align: right;
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item3 {
	bottom: 132px;
	right: -271px;
	text-align: left;
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-bg {
    width: 100%;
    height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    transition: .4s ease
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot {
    width: 42px;
    height: 42px;
    background-color: #8ebc2b;
    border-radius: 100%;
    border: 9px solid #d4e0b0;
    position: absolute;
    transition: .2s ease
}
.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot:before{
position: absolute;content:'';
width:1px;height:120px;
border-right:2px dashed #bfd788;z-index:-1;
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot1 {
    top: -17px;
    left: 50%;
    transform: translateX(-50%)
}
.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot1:before{
top:100%;
left: 50%;
    transform: translateX(-50%);
	height:70px;
}
.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot2 {
    bottom: 157px;
    left: 53px;
	left:6px;
}
.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot2:before{
bottom:-24px;
left: calc(50% + 50px);
    transform: translateX(-50%) rotate(65deg);
}
.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot3 {
    bottom: 158px;
    right: 6px;
}
.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot3:before{
bottom:-24px;
right: calc(50% + 50px);
    transform: translateX(-50%) rotate(-65deg);
}


.m61 .circle-slide-display .circle-slide-wrap .circle-slide-info {
    width: 44.2rem;
    height: 300vh;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    transition: .4s ease
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item {
    height: 100vh;
    padding-left: 5.73vw;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transform: scale(1.7);
    transform-origin: top left;
    transition: .4s ease
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item .item-wrap .item-head .num {
    font-size: 32px;
    font-weight: 600;
    color: #8ebc2b;
	font-family:var(--font2);
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item .item-wrap .item-head .num +.tit {
    margin-top: 28px;
}


.m61 .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item .item-wrap .item-head .tit {
    font-size: 36px;
    font-weight: 500;
    line-height: 1.3em;
    color: #000;
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item .item-wrap .item-head+.item-body {
    margin-top: 60px;
}

.m61 .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item .item-wrap .item-body .desc {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6em;
    color: #666;
}

.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn {
    margin-left: 65.9rem
}

.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .inside {
   /*  transform: scale(.86) */
}

.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .inside .inside-head {
    left: -67rem;
    transform: scale(.9)
}

.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .inside .inside-data {
    left: 0
}

.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item.item1 {
  /*   transform: scale(1.7) */
}

.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .inside .inside-bg {
    transform: rotate(-90deg);
}

.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-data {
    transform: rotate(-90deg);
}

.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item {
  /*   transform: rotate(90deg) scale(1.14); */
    transform: rotate(90deg);
}

.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item1 {
	top: -50%;
	left: 118px;
	font-size: 32px;
}

.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item2 {
	bottom: 43px;
	left: -135px;
	font-size: 18px;
	text-align: center;
}

.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item3 {
	bottom: 42px;
	right: -107px;
	font-size: 18px;
	text-align: center;
}

.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-bg {
  /*   transform: rotate(-90deg) scale(.86) */
    transform: rotate(-90deg);
}
.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot1{
top:-20px;
}
.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot1:before{
height:80px;
}
.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot2 {
    background-color: #fff;
    border-color: #a3cb4c;
    transform: scale(.72);
	z-index:100;
	bottom:125px;
	left:27px;
}
.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot2:before{
	bottom:-10px;
	left:calc(50% + 66px);height: 110px;
	 transform: translateX(-50%) rotate(65deg);
}

.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot3 {
    background-color: #fff;
    border-color: #a3cb4c;
    transform: scale(.55);
	bottom:131px;right:24px;
}
.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot3:before{
	bottom:-15px;height:140px;right:calc(50% + 70px);transform:translateX(-50%) rotate(-60deg);
}

.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-info {
    opacity: 1;
    top: 0
}

.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-info .info-list .info-item.item1 {
    transform: scale(1)
}



.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .inside .inside-data {
    top: -100%
}

.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item.item2 {
 /*    transform: scale(.66) */
}

.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .inside .inside-bg {
    transform: rotate(30deg)
}

.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-data {
 /*    transform: scale(.86) rotate(30deg) */
    transform: rotate(30deg);
}

.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item {
    /* transform: rotate(-30deg) scale(1.14) */
	transform: rotate(-30deg) ;
}

.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item1 {
	top: -8rem;
	left: 15rem;
	font-size: 18px;
	text-align: center;
}

.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item2 {
	bottom: -40px;
	left: -350px;
	font-size: 32px;
	text-align: center;
}


.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item3 {
	bottom: 5rem;
	right: -8.5rem;
	font-size: 18px;
	text-align: center;
}

.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-bg {
   /*  transform: rotate(30deg) scale(.86) */
    transform: rotate(30deg);
}

.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot1 {
    background-color: #fff;
    border-color: #a3cb4c;
    transform: scale(.55);
    top: -18px;
    left: 48%;
}
.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot1:before{
height:145px;
}

.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot2 {
    background-color: #8ebc2b;
    border-color: #d4e0b0;
    transform: scale(1);
    bottom: 124px;
    left: 23px;
}
.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot2:before{
	bottom: -5px;
        left: calc(50% + 47px);
        height: 90px;
        transform: translateX(-50%) rotate(60deg);
}

.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot3 {
    background-color: #fff;
    border-color: #a3cb4c;
    transform: scale(.72);
    bottom: 125px;
    right: 24px;
	}
.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot3:before{
height:100px;bottom:-4px;right:calc(50% + 60px);
}

.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-info {
    top: -100vh
}

.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-info .info-list .info-item.item2 {
    transform: scale(1)
}

/*act3*/
.m61 .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .inside .inside-data {
    top: -200%
}

.m61 .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .inside .inside-data .data-item.item3 {

}

.m61 .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-data {
   /*  transform: scale(.86) rotate(150deg) */
    transform: rotate(150deg);
}

.m61 .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item {
   /*  transform: rotate(-150deg) scale(1.14) */
    transform: rotate(-150deg);
}

.m61 .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item1 {
top: -143px;
left: 173px;
font-size: 20px;
}

.m61 .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item2 {
bottom: 5.5rem;
left: -9.5rem;
	font-size: 18px;
}

.m61 .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item3 {
	bottom: -2px;
	right: -16.5rem;
	font-size: 32px;
}

.m61 .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-bg {
    transform: rotate(150deg);
}

.m61 .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot1 {
   background-color: #fff;
        border-color: #a3cb4c;
    transform: scale(.72);
    top: -1rem;
    left: 48%
}

.m61 .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot2 {
   background-color: #fff;
        border-color: #a3cb4c;
    transform: scale(.55);
    bottom: 151px;
    left:12px;
}
.m61 .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot2:before{
	bottom: -18px;
        left: calc(50% + 86px);
        height: 160px;
        transform: translateX(-50%) rotate(60deg);
}
.m61 .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot3 {
   background-color: #8ebc2b;
        border-color: #d4e0b0;
    transform: scale(1);
    bottom: 142px;
    right:13px;
}
.m61 .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-bg .dot.dot3:before{
	
}

.m61 .circle-slide-display.act3 .circle-slide-wrap .circle-slide-info {
    top: -200vh
}

.m61 .circle-slide-display.act3 .circle-slide-wrap .circle-slide-info .info-list .info-item.item3 {
    transform: scale(1)
}

.m61 .blurBg{
    position: fixed;
    top: 0;
    left: 0;
    width: 62.5rem;
    height: 62rem;
    margin: 0 18.438rem 0 0;
    opacity: .4;
    background-image: radial-gradient(circle at 50% 50%, #d5ebc8, rgba(213, 235, 200, .5) 38%, rgba(213, 235, 200, .1) 62%, rgba(213, 235, 200, 0) 71%);
    z-index: -1;
    opacity: 0;
    transition: all 1s ease;
    transform: scale(0) translate(10%, 20%);
    animation: moveDim ease 10s infinite 1s;
}
.m61 .blurBg.type2{
    position: fixed;
    top: 0;
    left: 0;
    width: 62.5rem;
    height: 62rem;
    margin: 0 18.438rem 0 0;
    opacity: .4;
    background-image: radial-gradient(circle at 50% 50%, #dfccee, rgba(225, 209, 237, .5) 38%, rgba(255, 209, 237, .1) 62%, rgba(255, 209, 237,  0) 71%);
    z-index: -1;
    opacity: 0;
    transition: all 1s ease;
    transform: scale(0) translate(10%, 20%);
    animation: moveDim2 ease 10s infinite 1s;
}

.m61 .blurBg.on{
opacity: 1;
    transform: scale(1) translate(10%, 20%);
    animation: moveDim ease 10s infinite 1s;
}
.m61 .blurBg.type2.on{
opacity: 1;
    transform: scale(1) translate(10%, 20%);
    animation: moveDim2 ease 10s infinite 1s;
}

@keyframes moveDim{

0% {
    transform: translate(10%, 20%);
}
25% {
    transform: translate(-50%, 10%);
}
50% {
    transform: translate(50%, 80%);
}
75% {
    transform: translate(80%, -50%);
}
100% {
    transform: translate(10%, 20%);
}
}

@keyframes moveDim2{

0% {
   transform: translate(-50%, 10%);
}
25% {
    transform: translate(50%, 80%);
}
50% {
     transform: translate(80%, -50%);
}
75% {
   transform: translate(10%, 20%);
}
100% {
     transform: translate(-50%, 10%);
}
}



.m61 .sec2{position: relative;z-index:10;padding-bottom: 200px;}
.m61 .sec2 .list{
	display: flex;align-items:start;justify-content:space-between;gap:0 2.083vw;flex-wrap:wrap;
}
.m61 .sec2 .list>li{
	width:calc((100% - 2.083vw * 2) / 3);
}
.m61 .sec2 .list>li .img{
overflow:hidden;width:100%;border-radius:20px;
}
.m61 .sec2 .list>li:hover .img img{transform:scale(1.08);transition:transform 0.4s ease;}
.m61 .sec2 .list>li .img img{width:100%;object-fit:cover;transition:transform 0.4s ease;}
.m61 .sec2 .list>li:nth-child(2){transform:translateY(80px);}
.m61 .sec2 .list>li .con{margin-top: 32px;}
.m61 .sec2 .list>li .con dt{
box-sizing:border-box;font-family: var(--font1);font-size:36px;color:#000;font-weight: 500;display: flex;align-items:center;
padding-bottom: 28px;margin-bottom: 28px;border-bottom: 1px solid #b5b3af;;
}
.m61 .sec2 .list>li .con dt i{
display: inline-block;width:40px;height: 40px;margin-right: 15px;
background: url(/images/page/m62_icon1.png)no-repeat center;
}
.m61 .sec2 .list>li:nth-child(2) .con dt i{background: url(/images/page/m62_icon2.png)no-repeat center;}
.m61 .sec2 .list>li:nth-child(3) .con dt i{background: url(/images/page/m62_icon3.png)no-repeat center;}
.m61 .sec2 .list>li .con dd{
	font-family: var(--font1);font-size:20px;color:#666;font-weight: 400;line-height: 1.6em;
	word-wrap:normal;text-align: justify;
}

@media screen and (max-width:1720px){
	.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn{margin-left: 54rem;}
	.m61 .circle-slide-display .circle-slide-wrap .circle-slide-info{width:40.2rem;}
	.m61 .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item .item-wrap .item-head .tit{font-size:52px;}
	.m61 .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item .item-wrap .item-head .num{font-size:28px;}
	.m61 .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item .item-wrap .item-body .desc{font-size:18px;}
}
@media screen and (max-width:1540px){
.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn{margin-left: 45rem;}
.m61 .circle-slide-display.act1 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item1{font-size:38px;left:146px;}
.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item1{left:15rem;font-size:24px;}
.m61 .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item1{left:204px;font-size:32px;}
.m61 .circle-slide-display.act2 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item2{font-size:38px;bottom:6px;left:-245px;}
.m61 .circle-slide-display.act3 .circle-slide-wrap .circle-slide-turn .outside .outside-data .data-item.item2{
		bottom: 6.5rem;
        left: -9.5rem;
        font-size: 24px;
		}
}

@media screen and (max-width:1499px){
	.m61 .circle-slide-display .circle-slide-wrap .circle-slide-turn{transform:translateY(-5vh) scale(0.9);}
	.m61 .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item .item-wrap .item-head .num{font-size:24px;}
	.m61 .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item .item-wrap .item-head .tit{font-size:48px;}
	.m61 .circle-slide-display .circle-slide-wrap .circle-slide-info .info-list .info-item .item-wrap .item-head+.item-body{margin-top: 50px;}
}



/*m63*/
.m63{}
.m63 .box{margin-bottom: 180px;}
.m63 .box:nth-child(odd) .bgwrap{width:100%;height:600px;position: relative;top:0;left:0;
overflow:hidden;
}
.m63 .box:nth-child(even) .bgwrap{width:100%;height:600px;position: relative;
top:0;left:0;overflow:hidden;
display: flex;justify-content:flex-end;
}
.m63 .box .bgwrap .bg{
	background: url(/images/page/m63_bg1.png)no-repeat center / cover;
	width:calc(100% - 5.73vw);
	/* width:100%; */height:600px;
	background-attachment:fixed;
	filter:grayscale(1);
	
}
.m63 .box:nth-child(odd) .bgwrap .bg{border-radius:0px 20px 20px 0px;}
.m63 .box:nth-child(even) .bgwrap .bg{border-radius:20px 0px 0px 20px;}
.m63 .box2 .bgwrap .bg{background: url(/images/page/m63_bg2.png)no-repeat center / cover;background-attachment:fixed;}
.m63 .box3 .bgwrap .bg{background: url(/images/page/m63_bg3.png)no-repeat center / cover;background-attachment:fixed;}
.m63 .box4 .bgwrap .bg{background: url(/images/page/m63_bg4.png)no-repeat center / cover;background-attachment:fixed;}
.m63 .box .list{
display: flex;margin-top: 80px;
}
.m63 .box .list:last-child{margin-bottom: 0;}
.m63 .box .list dt{width:23%;
font-family: var(--font1);
font-size:46px;color:#010101;font-weight: 500;
}

.m63 .box .list dd{width:calc(100% - 23%);padding-left: 20px;}
.m63 .box .list dd ul{
display: flex;flex-wrap:wrap;gap: 20px;
}
.m63 .box .list dd ul li{
padding:40px 2.39vw;box-sizing:border-box;
width:calc((100% - 20px) / 2);
border-radius:20px;background: #fff;
min-height:160px;
display: flex;align-items:center;
}
.m63 .box .list dd ul li>div{display: flex;align-items:center;justify-content:space-between;width:100%;}
.m63 .box .list dd ul li .txts{width:calc(100% - 100px);}
.m63 .box .list dd ul li .txts b{
font-family:var(--font1);
font-size:28px;color:#000;font-weight: 500;
}
.m63 .box .list dd ul li .txts p{margin-top: 10px;font-size:20px;color:#666;font-weight: 400;font-family:var(--font1);}
.m63 .box4{margin-bottom: 0;}

/*m64*/
.m64{padding-bottom: 0;}
.m64 .btn{
	display: flex;align-items:center;justify-content:center;border-radius:16px;
	width:330px;height:54px;box-sizing:border-box;background: #8bb928;
	padding:0 2vw;
	margin:0 auto;
}
.m64 .btn span{
	font-size:20px;color:#fff;font-weight: 500;font-family: var(--font1);display: block;padding-right:27px;
	position: relative;
}
.m64 .btn span:before{
	position: absolute;content:'';
	width:18px;height:18px;
	top:50%;transform:translateY(-50%);
	right:0;
	background: url(/images/page/m64_btn_down.png)no-repeat right center;
}
.m64 h5.title{
font-size:46px;color:#000;font-weight: 500;font-family: var(--font1);margin-bottom: 100px;
}
.m64 .circle-list{
width:100%;position: relative;display: flex;align-items:center;justify-content:space-between;
gap:10vw;
}
.m64 .circle-list>.process{display: flex;align-items:center;gap:2.604vw;}
.m64 .circle-list .item{
	position: relative;z-index:3;
}
.m64 .circle-list .item>img{max-width:100%;position: relative;z-index:5;}
.m64 .circle-list .item:before{
	position: absolute;
	content: '';
	z-index: 2;
	top: 50%;
	right:-1.3vw;
	transform: translate(50%, -50%);
	width: 18px;
	height: 16px;
	background: #f2efe9 url(/images/page/m24_flow_arr.png) no-repeat center / contain;
}
.m64 .circle-list .item:after{
	position: absolute;
	content: '';
	z-index: 1;
	top: 50%;
	right: -1.6vw;
	transform: translate(50%, -50%);
	width: 3vw;
	height: 2px;
	border: 2px dashed #b4ca79;
	box-sizing: border-box;
}
.m64 .circle-list .item.last:before{
right:-4.8vw;
}
.m64 .circle-list .item.last:after{
width:15vw;right:-5.5vw;
}
.m64 .circle-list .result .item:after{display: none;}
.m64 .circle-list .result .item:before{
	right:calc(100% - 2px);z-index:10;
	background: url(/images/page/m64_circle_bullet.png)no-repeat center;
	width:20px;height:20px;
	box-sizing:border-box;
	border:3px solid #8ebc2b;border-radius:50%;
	background: #fff;
	transform:translate(50%, -50%);
}
.m64 .num-list-wrap{margin-top: 60px;border-top:2px solid #000;width:100%;}
.m64 .num-list-wrap dl{
	display:flex;flex-wrap:wrap;align-items:center;
	padding:40px 5.2vw;
	border-bottom:1px solid #b5b3af;
	box-sizing:border-box;
}
.m64 .num-list-wrap dl dt{
	position:relative;
	box-sizing:border-box;
	padding-left: 110px;
	width:250px;
	font-size:30px;color:#000;font-weight:500;font-family: var(--font1);
}
.m64 .num-list-wrap dl dt:before{
	display:block;content:"";
	width:110px;height:60px;
	position:absolute;left:0;top:-5px;
}
.m64 .num-list-wrap dl:nth-child(1) dt:before{
background: url(/images/page/m64_sec1_list_icon1.gif) no-repeat left center;
}
.m64 .num-list-wrap dl:nth-child(2) dt:before{
background: url(/images/page/m64_sec1_list_icon2.gif) no-repeat left center;
}
.m64 .num-list-wrap dl:nth-child(3) dt:before{
background: url(/images/page/m64_sec1_list_icon3.gif) no-repeat left center;
}
.m64 .num-list-wrap dl:nth-child(4) dt:before{
background: url(/images/page/m64_sec1_list_icon4.gif) no-repeat left center;
}
.m64 .num-list-wrap dl dd{
	width:calc(100% - 250px);position: relative;padding-left: 9vw;padding-right: 7vw;
}
.m64 .num-list-wrap.nth2 dl dt{width:470px;}
.m64 .num-list-wrap.nth2 dl dd{width:calc(100% - 470px);position: relative;padding-left: 3.25vw;padding-right: 4.4vw;}
.m64 .num-list-wrap.nth2 dl:nth-child(1) dt:before{
background: url(/images/page/m64_sec2_list_icon1.gif) no-repeat left center;
}
.m64 .num-list-wrap.nth2 dl:nth-child(2) dt:before{
background: url(/images/page/m64_sec2_list_icon2.gif) no-repeat left center;
}
.m64 .num-list-wrap.nth2 dl:nth-child(3) dt:before{
background: url(/images/page/m64_sec2_list_icon3.gif) no-repeat left center;
}
.m64 .num-list-wrap dl dd:before{
	position: absolute;content:'01';
	top:50%;right:0;transform:translateY(-50%);
	font-size:60px;color:#dfdad0;font-weight: 600;font-family: var(--font2);letter-spacing:-0.025em;
}
.m64 .num-list-wrap dl:nth-child(2) dd:before{content:'02';}
.m64 .num-list-wrap dl:nth-child(3) dd:before{content:'03';}
.m64 .num-list-wrap dl:nth-child(4) dd:before{content:'04';}
.m64 .num-list-wrap dl dd p{
position: relative;font-size:20px;color:#666666;font-weight: 400;font-family: var(--font1);line-height: 1.6em;
word-wrap:normal;padding-left: 19px;box-sizing:border-box;text-align: justify;
}
.m64 .num-list-wrap dl dd p:before{
	position: absolute;content:'';
	top:13px;left:0;
	width:7px;height:7px;background: #8ebc2b;border-radius:1px;
}
.m64 .apply_banner{
	position: relative;z-index:10;min-height:500px;margin-top: 200px;
	display: flex;flex-direction:column;align-items:center;justify-content:center;
	overflow:hidden;
}
.m64 .apply_banner .bg{
position: absolute;content:'';
z-index:-1;
top:50%;left:50%;transform:translate(-50%, -50%);
width:100%;height:100%;min-height:500px;
background: url(/images/page/m64_banner_bg.jpg)no-repeat center/ cover;
}
.m64 .apply_banner .txtwrap{
position: relative;z-index:11;text-align: center;width:100%;
}
.m64 .apply_banner .txtwrap h4{
font-size:46px;color:#fff;font-weight: 500;font-family: var(--font1);margin-bottom: 40px;
}
.m64 .sec2{padding-top: 200px;padding-bottom: 230px;}
.m64 .link-list{
display: flex;flex-wrap:wrap;gap:2.083vw;
}
.m64 .link-list>li{
padding:2.6vw;box-sizing:border-box;
width:calc((100% - 2.083vw * 2) / 3);
border-radius:20px;background: #fff;
min-height:412px;
}
.m64 .link-list>li .logo{height:40px;display: flex;align-items:center;}
.m64 .link-list>li .logo img{max-width:100%;}
.m64 .link-list>li .name{font-size:36px;color:#000;font-weight: 500;font-family: var(--font1);margin-bottom: 32px;margin-top: 35px;}
.m64 .link-list>li .txt{
font-size:20px;color:#666666;font-weight:400;font-family: var(--font1);margin-bottom: 50px;
line-height: 1.6em;
word-wrap:normal;word-break:break-all;min-height:65px;
}
.m64 .link-list>li .link{padding:0;margin:0;font-size:20px;font-weight: 300;background: #ededed;letter-spacing:-0.02em;
max-width:250px;width:auto;padding:0 1vw;transition:all 0.1s ease-in-out;
}
.m64 .link-list>li .link:hover{background: #8bb928;transition:all 0.1s ease-in-out;}
.m64 .link-list>li .link span{color:#666;font-weight: 400;}
.m64 .link-list>li .link:hover span{color:#fff;font-weight: 400;}
.m64 .link-list>li .link span:before{
width:16px;height:16px;
background: url(/images/page/m64_btn_link.png)no-repeat center;
}
.m64 .link-list>li .link:hover span:before{background: url(/images/page/m64_btn_link_hover.png)no-repeat center;}

/*search_result*/
.m70 .sec_title_wrap:before{display: none;}
#contents.pn7 .sub_visual{display: none;}
.search_result .search_area{
width: 100%;background: #dfdad0;border-radius:12px;
box-sizing:border-box;padding:50px 5.2vw;
margin-bottom: 140px;
}
.search_result .search_area .searchwrap{display: flex;align-items:center;justify-content:space-between;}
.search_result .search_area input{
width:calc(100% - 220px);display: block;height:80px;border-radius:12px;
box-sizing:border-box;background: #fff;border:1px solid #a7a39c;
padding:20px 40px;
font-size:20px;color:#666666;font-family: "Noto Sans KR";
font-weight: 400;
}
.search_result .search_area input::focus{outline:none;border:none;}
.search_result .search_area input::placeholder{font-size:20px;color:#666666;font-family: "Noto Sans KR";
font-weight: 400;}
.search_result .search_area button{
	width:207px;display: flex;align-items:center;justify-content:center;
	border-radius:12px;height:80px;
	background: #000;
}
.search_result .search_area button>span{
display: block;position: relative;box-sizing:border-box;
font-size:20px;color:#fff;padding-left: 29px;
font-weight: 500;
}
.search_result .search_area button>span:before{
	position: absolute;content:'';
	width:20px;height: 20px;
	top:50%;left:0;transform:translateY(-50%);
	background: url(/images/page/m70_search_icon.png)no-repeat center;
}
.search_result .result{}
.search_result .result .result_tit{
 font-family: var(--fonts);
 font-size:20px;color:#666;font-weight: 400;margin-bottom: 80px;
}
.search_result .result .result_tit>b{color:#8ebc2b;font-weight: 500;}
.search_result .result .result_tit>span{color:#000;font-weight: 600;font-family: var(--font2);}
.search_result .result .list_wrap>.list + .list{margin-top: 200px;}
.search_result .result .list_wrap>.list .titlewrap{display: flex;justify-content:space-between;align-items:end;margin-bottom: 50px;width:100%;}
.search_result .result .list_wrap>.list .titlewrap .cate_tit{
display: flex;align-items:end;font-size:46px;color:#000;font-weight: 500;
}
.search_result .result .list_wrap>.list .titlewrap .cate_tit .en{
font:inherit;font-family:  var(--font2);font-weight: 600;letter-spacing:-0.025em;display: inline-block;margin-left: 10px;vertical-align:middle;
}
.search_result .result .list_wrap>.list .titlewrap .cate_tit span{
display: block;padding-bottom: 8px;
font-size:24px;color:#8ebc2b;font-weight: 600;font-family: var(--font2);margin-left: 8px;
letter-spacing:-0.02em;
}
/* 제품검색결과 */
.search_result .result .list_wrap>.list.product>ul{
display: flex;flex-wrap:wrap;gap:80px 1.042vw;
}
.search_result .result .list_wrap>.list.product>ul>li{
	width:calc((100% - 1.042vw * 3 ) / 4);
}
.search_result .result .list_wrap>.list.product>ul>li .img{width:100%;position: relative;overflow:hidden;border-radius:20px;aspect-ratio:1.56;}
.search_result .result .list_wrap>.list.product>ul>li .img a{width:100%;display: block;height: 100%;}
.search_result .result .list_wrap>.list.product>ul>li .img img{max-width:100%;width:100%;height: 100%;object-fit:cover;}
.search_result .result .list_wrap>.list.product>ul>li .img .arr{
	position: absolute;
	top:0.83vw;right:0.83vw;
	display: block;
	min-width:35px;min-height:35px;width:1.85vw;height:1.85vw;
	background: url(/images/page/m31_arr_btn.png)no-repeat center;transition:transform 0.2s ease-in-out;
}
.search_result .result .list_wrap>.list.product>ul>li:hover .img .arr{
background: url(/images/page/m31_arr_btn_hover.png)no-repeat center;
transform:rotate(-45deg);transition:transform 0.2s ease-in-out;
}
.search_result .result .list_wrap>.list.product>ul>li .con{margin-top: 30px;}
.search_result .result .list_wrap>.list.product>ul>li .con .titwrap{display: flex;align-items: flex-start;padding-bottom: 20px;border-bottom: 1px solid #b5b3af;margin-bottom: 20px;flex-direction: column;}
.search_result .result .list_wrap>.list.product>ul>li .con .titwrap .pro_title{font-size:24px;color:#000;font-weight: 500;font-family: var(--fonts);margin-right: 12px;}
.search_result .result .list_wrap>.list.product>ul>li .con .titwrap .pro_sub_cate{
	display: flex;align-items:center;justify-content:center;
	text-align: center;font-size:17px;color:#fff;font-weight: 500;font-family: var(--fonts);
	width:101px;height:32px;border-radius:6px;background: #666666;line-height: 32px;
}
.search_result .result .list_wrap>.list.product>ul>li:hover .con .titwrap .pro_sub_cate{
background: #8ebc2b;
}
.search_result .result .list_wrap>.list.product>ul>li .con .pro_desc{
font-size:20px;color:#666666;font-weight: 400;font-family: var(--font1);line-height: 1.65em;
display: -webkit-box;
    -webkit-line-clamp: 2; /* 두 줄까지만 표시 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*언론보도 검색결과*/
.search_result .result .list_wrap>.list.press{}
.search_result .result .list_wrap>.list.press>ul{
width: 100%;
box-sizing: border-box;
border-top: 2px solid #000000;
}
.search_result .result .list_wrap>.list.press>ul li{
	width:100%;
	border-bottom:1px solid #dadada;
}
.search_result .result .list_wrap>.list.press>ul li>a{width:100%;display: flex;align-items:center;justify-content:space-between;padding:45px 35px;}
.search_result .result .list_wrap>.list.press>ul li .date{width:100px;}
.search_result .result .list_wrap>.list.press>ul li .date .day{display: block;text-align: center;font-size:69px;color:#8bb928;font-weight: 700;font-family: "Wix Madefor Display";}
.search_result .result .list_wrap>.list.press>ul li .date .ym{display: block;text-align: center;font-size:18px;color:#8bb928;font-weight: 400;margin-top: -10px;font-family: "Wix Madefor Display";}
.search_result .result .list_wrap>.list.press>ul li .tit{width:calc(100% - 100px - 75px);padding:0 10%;padding-left: 3vw;font-size:24px;color:#000000;font-weight: 700;
overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    box-sizing: border-box;
    display: -webkit-box;
    height:1.6em;
	font-family: "Noto Sans KR";
}
.search_result .result .list_wrap>.list.press>ul li .arr{position: relative;width:75px;height:75px;border-radius:50%;background: #8bb928;border:1px solid #8bb928;}
.search_result .result .list_wrap>.list.press>ul li .arr .icon{position: absolute;width:19px;height: 14px;
content:'';top:50%;left:50%;transform:translate(-50%, -50%);background: url(/images/page/news_arr.png)no-repeat center;}

.search_result .result .list_wrap>.list.press>ul li:hover .arr{background: #fff;border:1px solid rgba(255,255,255,0.4);transition:all 0.1s;}
.search_result .result .list_wrap>.list.press>ul li:hover .arr .icon{background: url(/images/page/news_arr_hover.png)no-repeat center;transition:all 0.1s;}



/*홍보영상 검색결과*/
.search_result .result .list_wrap>.list.promedia>ul{
	width:100%;display: flex;flex-wrap:wrap;align-items:start;gap:80px 2.86vw;
}
.search_result .result .list_wrap>.list.promedia>ul li{box-sizing:border-box;
position: relative;width:calc((100% - 2.86vw * 2) / 3);box-sizing:border-box;
}
.search_result .result .list_wrap>.list.promedia>ul li .thumb{
position: relative;width:100%;height:298px;
border-radius:20px;overflow:hidden;margin-bottom: 36px;overflow:hidden;
}
.search_result .result .list_wrap>.list.promedia>ul li .thumb>a{
display: block;width:100%;height: 100%;
}
.search_result .result .list_wrap>.list.promedia>ul li .thumb a>img{
	width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;
}
.search_result .result .list_wrap>.list.promedia>ul li .thumb:hover>img{transform:scale(1.1);transition:transform 0.6s ease;}
.search_result .result .list_wrap>.list.promedia>ul li:before{
	position: absolute;
        content: '';
        background: rgba(0, 0, 0, 0.15);
        width: 1px;
        height: calc(100%);
        top: 0;
        right: -1.43vw;
}
.search_result .result .list_wrap>.list.promedia>ul li:nth-child(3n):before{display: none;}
.search_result .result .list_wrap>.list.promedia>ul li .thumb .play_icon{
position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);
border:0;outline:0;background: 0;
background: url(/images/common/play_btn.png)no-repeat center / cover;
width:113px;height:113px;
}
.search_result .result .list_wrap>.list.promedia>ul li .thumb .play_icon:before{
position: absolute;content:'PLAY';
top:110%;left:50%;transform:translateX(-50%);
font-size:16px;color:#fff;font-weight:500;font-family: "Wix Madefor Display";
}
.search_result .result .list_wrap>.list.promedia>ul li .txts{
	display: flex;align-items:center;justify-content:space-between;
}
.search_result .result .list_wrap>.list.promedia>ul li .txts .info{
box-sizing:border-box;padding-right: 1vw;
width:100%;
}
.search_result .result .list_wrap>.list.promedia>ul li .txts .tit{
	color:#000000;font-size:24px;font-weight: 500;
	overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;
-webkit-box-orient:vertical;word-wrap:break-word;
-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;
}

.search_result .result .list_wrap>.list.promedia>ul li .txts .date{
color:#666;font-size:20px;font-family: var(--font2);letter-spacing:-0.025em;font-weight: 600;margin-top: 10px;}

.search_result .result .list_wrap>.list.certiLic>ul{
	display: flex;flex-wrap:wrap;gap:100px 2.6vw;margin-top: 100px;
}
.search_result .result .list_wrap>.list.certiLic>ul>li{
	width:calc((100% - 2.6vw * 3) / 4);cursor:pointer;/* overflow:hidden; */border-radius:20px;background: #fff;
	box-sizing:border-box;padding:0.8vw 1.56vw;
	position: relative;
	border:6px solid #fff;
	transition:all 0.3s ease;
}
.search_result .result .list_wrap>.list.certiLic>ul>li:before{
position: absolute;
content:'';
/* width:41%; */
width:160px;max-width:160px;
height:44px;
border-radius:10px 10px 0 0;background: #fff;
top:-44px;
left:50%;transform:translateX(-50%);
transition:all 0.3s ease;

}
.search_result .result .list_wrap>.list.certiLic>ul>li:after{
position: absolute;
content:'';
width:108px;height:108px;
border-radius:50%;
background: url(/images/page/m25_plust_hover.png)no-repeat center / cover;
top:50%;
left:50%;transform:translate(-50%, -50%);
transform-origin:center center;
transition:all 0.3s ease;
opacity:0;
}
.search_result .result .list_wrap>.list.certiLic>ul>li:hover{transition:all 0.3s ease;border:6px solid #8ebc2b;}
.search_result .result .list_wrap>.list.certiLic>ul>li:hover:before{transition:all 0.3s ease;background: #8ebc2b;}
.search_result .result .list_wrap>.list.certiLic>ul>li:hover:after{transition:opacity 0.4s ease;opacity:1;}
.search_result .result .list_wrap>.list.certiLic>ul>li .img{
	width:100%;
}
.search_result .result .list_wrap>.list.certiLic>ul>li .img img{
	max-width:100%;display: block;margin:0 auto;
}
.search_result .result .list_wrap>.list.certiLic>ul>li .info{
	margin-top: 30px;padding-top: 30px;border-top: 1px solid #bfbfbf;
	display: flex;flex-direction:column;align-items:center;
}
.search_result .result .list_wrap>.list.certiLic>ul>li .info .title{
text-align: center;color:#000;font-weight:600;font-family: "Noto Sans KR";
font-size:22px;margin-top: 15px;
}

.search_result .result .list_wrap>.list.certiLic>ul>li .info .num{
	position: relative;
	box-sizing:border-box;
	padding-left: 15px;
	color:#666666;font-size:20px;font-weight: 400;font-family: "Noto Sans KR";
}
.search_result .result .list_wrap>.list.certiLic>ul>li .info .num:before{
	position: absolute;content:'';
	top:11px;left:0;width:7px;height: 7px;
	background: #8ebc2b;	
}


/*animation*/
 .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: 1.1s;animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) ;animation-delay:0.1s;
}
.fadeUp2.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.5, 0.05, 0.5, 1);
}
.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.2);}
   100%{transform:scale(1);}
  }
@keyframes fadeLeft{
 0%{transform:translate3d(-80px, 0, 0);opacity:0;}
  100%{transform:translate3d(0px, 0, 0);opacity:1;}
}
@keyframes fadeRight{
 0%{transform:translate3d(80px, 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%);}
}

/*subtop*/
 .sub_visual .bgarea .bg{opacity:0;}
.sub_visual .bgarea.in-view .bg{opacity:1;animation: bgScale 2s ease;animation-fill-mode:forwards;}
.sub_visual .bgarea.in-view:before,
.sub_visual .bgarea.in-view:after{width:0%;transition:width 0.8s ease-in-out;}
.sub_visual .descarea .cate>div,
.sub_visual .descarea .slogan>div,
.sub_visual .descarea .desc>div{opacity:0;transform:translateY(80px);}
.sub_visual .descarea.in-view .cate>div{opacity:1;transform:translateY(0px);transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;}
.sub_visual .descarea.in-view .slogan>div{opacity:1;transform:translateY(0px);transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;}
.sub_visual .descarea.in-view .desc>div{opacity:1;transform:translateY(0px);transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;}
.subtabarea{opacity:0;}
.subtabarea.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.sec_title_wrap .sec_tit,
.sec_title_wrap .locations{opacity:0;}
.sec_title_wrap .sec_tit.in-view,
.sec_title_wrap .locations.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.m00 .titlearea h3,
.m00 .titlearea p{opacity:0;}
.m00 .titlearea.in-view h3,
.m00 .titlearea.in-view p{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation-delay:0.05s;
}
.m00 .titlearea.in-view p{animation-delay:0.15s;}
/*m11motion*/
.m11 .titlearea h3,
.m11 .titlearea p{opacity:0;}
.m11 .titlearea.in-view h3,
.m11 .titlearea.in-view p{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.m11 .titlearea.in-view p{animation-delay:0.1s;}
.m11 .txtarea strong,
.m11 .txtarea p{opacity:0;}
.m11 .txtarea.in-view strong,
.m11 .txtarea.in-view p{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.m11 .txtarea.in-view p{animation-delay:0.15s;}

.m11 .bgwrap.in-view .bg{animation: bgScale 1.2s;animation-fill-mode:forwards;animation-timing-function:ease-out;}
.m11 .list li{opacity:0;transform:translateY(-50px) rotateY(90deg);backface-visibility:hidden;}
.m11 .list li.in-view{
opacity:1;transform:translateY(0px) rotateY(0deg);transition:all 1s ease;
}

/*m12 motion*/
.m12 .bgwrap{opacity:0;}

.m12 .bgwrap.in-view{
animation-name: fadeLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation-delay:0.2s;
}

.m12 .infoarea .txtarea strong,
.m12 .infoarea .txtarea p,
.m12 .infoarea .ceo{
opacity:0;
}
.m12 .infoarea .txtarea.in-view strong,
.m12 .infoarea .txtarea.in-view p{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.m12 .infoarea .txtarea.in-view p{animation-delay:0.15s;}
.m12 .infoarea .ceo.in-view{
animation-name: fadeLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/*m13 motion*/
.m13 .area1 .boxwrap{opacity:0;}
.m13 .area1 .boxwrap.in-view{
animation-name: fadeLeft;animation-duration: 1s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.m13 .area1 .boxwrap:nth-child(2).in-view{animation-name: fadeRight;}
.m13 .area1 .boxwrap .txtwrap .title,
.m13 .area1 .boxwrap .txtwrap h4,
.m13 .area1 .boxwrap .txtwrap h5,
.m13 .area1 .boxwrap .txtwrap .desc{
opacity:0;
}
.m13 .area1 .boxwrap .txtwrap.in-view .title,
.m13 .area1 .boxwrap .txtwrap.in-view h4,
.m13 .area1 .boxwrap .txtwrap.in-view h5,
.m13 .area1 .boxwrap .txtwrap.in-view .desc{
animation-name: fadeUp;animation-duration: 1s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.3, 0.6, 0.45, 0.95);
}
.m13 .area1 .boxwrap .txtwrap.in-view h4{animation-delay:0.15s;}
.m13 .area1 .boxwrap .txtwrap.in-view h5{animation-delay:0.28s;}
.m13 .area1 .boxwrap .txtwrap.in-view .desc{animation-delay:0.38s;}
.m13 .area2 .dia .bg{opacity:0;}
.m13 .area2 .dia.in-view .bg{
animation-name: fadeUp;animation-duration: 1s;animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.3, 0.6, 0.45, 0.95);
}
.m13 .area2 .dia .txts .txt_g{opacity:0;}
.m13 .area2 .dia .txts.in-view .txt_g{
animation-name: fadeLeft;animation-duration: 1s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.3, 0.6, 0.45, 0.95);
animation-delay:0.35s;
}
.m13 .area2 .dia .txts.in-view .txt_g:nth-child(2){animation-name: fadeRight;}
.m13 .area3 .title,
.m13 .area3 .slogan{opacity:0;}
.m13 .area3 .title.in-view,
.m13 .area3 .slogan.in-view{animation-name: fadeUp;animation-duration: 1s;animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.3, 0.6, 0.45, 0.95);}
.m13 .area3 .list>li{opacity:0;}
.m13 .area3 .list.in-view>li{
	animation-name: fadeUp;animation-duration:1.1s;animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);animation-delay:0.05s;

}
.m13 .area3 .list.in-view>li:nth-child(2){animation-delay:0.17s;}
.m13 .area3 .list.in-view>li:nth-child(3){animation-delay:0.34s;}
.m13 .area3 .list.in-view>li:nth-child(4){animation-delay:0.51s;}

 .m13 .area4 .dia{opacity:0;transform:scale(0.89);}
.m13 .area4 .dia.in-view{
	opacity:1;transform:scale(1);transition:all 1s ease-in-out 0.2s;
}

.m13 .area4 .lists>dl dt{
opacity:0;
}
.m13 .area4 .lists>dl dd{opacity:0;}
.m13 .area4 .lists.in-view>dl dt,
.m13 .area4 .lists.in-view>dl dd{
animation-name: fadeLeft2;animation-duration:0.9s;animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);animation-delay:0.2s;
}
.m13 .area4 .lists.in-view>dl dd{animation-delay:0.4s;}
.m13 .area4 .lists.in-view>dl.reverse dt,
.m13 .area4 .lists.in-view>dl.reverse dd{animation-name: fadeRight2;}

@keyframes fadeLeft2{
 0%{transform:translate3d(-40px, 0, 0);opacity:0;}
  100%{transform:translate3d(0px, 0, 0);opacity:1;}
}
@keyframes fadeRight2{
 0%{transform:translate3d(40px, 0, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}

/*m14 motion*/
.m14 .sec1 .banner .bg{
filter:grayscale(1);transform:translateX(-100px) scale(1.15);
}
.m14 .sec1 .banner.in-view .bg{
filter:grayscale(0);transform:translateX(0px) scale(1);transition:all 1.2s  ease-in-out 0.2s;
}
.m14 .sec1 .banner .titles .years,
.m14 .sec1 .banner .titles .tit{opacity:0;}
.m14 .sec1 .banner.in-view .titles .years,
.m14 .sec1 .banner.in-view .titles .tit{
animation-name: fadeRight;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation-delay:0.1s;
}
.m14 .sec1 .banner.in-view .titles .tit{animation-delay:0.2s;}

/*m15 motion*/
.m15 .org{opacity:0;}
.m15 .org.in-view{
	animation-name: fadeUp;animation-duration: 1s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.1s;
}

/*m16 motion*/
.m16 .area-title,
.m16 .area1 .boxarea,
.m16 .area2 .box-list>li,
.m16 .area3 .glist>li,
.m16 .area4 .plists>li{opacity:0;}
.m16 .area-title.in-view,
.m16 .area1 .boxarea.in-view,
.m16 .area2 .box-list>li.in-view,
.m16 .area3 .glist>li.in-view,
.m16 .area4 .plists>li.in-view{animation-name: fadeUp;animation-duration: 1.05s;animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.m16 .area1 .boxarea.in-view,
.m16 .area2 .box-list>li.in-view{animation-delay:0.1s;}
.m16 .area3 .glist>li.in-view,
.m16 .area4 .plists>li.in-view{animation-delay:0.1s;}


.m20 .titlearea .imgwrap>.img1,
.m20 .titlearea .imgwrap .img2{opacity:0;}
.m20 .titlearea .imgwrap.in-view>.img1{
	animation-name: fadeRight;animation-duration: 1.05s;animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.m20 .titlearea .imgwrap.in-view>.img2{
	animation-name: fadeLeft;animation-duration: 1.05s;animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);animation-delay:0.2s;
}


.m21 .sec1 .conarea{opacity:0;}
.m21 .sec1 .conarea.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.m21 .sec1 .conarea .numlist li{opacity:0;}
.m21 .sec1 .conarea .numlist li{
	animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.1s;
}

.m21 .sec2 .area .title,
.m21 .sec3 .title{opacity:0;}
.m21 .sec2 .area .title.in-view,
.m21 .sec3 .title.in-view{
	animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.1s;
}



.m21 .sec2 .equip .boxlist li{opacity:0;}
.m21 .sec2 .equip .boxlist.in-view li{
	animation-name: fadeLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.1s;
}
.m21 .sec2 .equip .boxlist.in-view li:nth-child(2){animation-delay:0.2s;}
.m21 .sec2 .equip .boxlist.in-view li:nth-child(3){animation-delay:0.3s;}
.m21 .sec2 .equip .boxlist.in-view li:nth-child(4){animation-delay:0.4s;}


.m21 .sec2 .certi .boxwrap{opacity:0;}
.m21 .sec2 .certi .boxwrap.in-view{
	animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.1s;
}
.m21 .sec3 .hover-list>.list>li{opacity:0;}
.m21 .sec3 .hover-list>.list.in-view>li{
	animation-name: fadeUp;animation-duration: 0.98s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.1s;
}
.m21 .sec3 .hover-list>.list.in-view>li:nth-child(2){animation-delay:0.2s;}
.m21 .sec3 .hover-list>.list.in-view>li:nth-child(3){animation-delay:0.3s;}

.m21 .sec3 .boxwrap{opacity:0;}
.m21 .sec3 .boxwrap.in-view{
	animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.1s;
}

.m21 .sec4 .conarea .txtwrap .subtit,
.m21 .sec4 .conarea .txtwrap .tit,
.m21 .sec4 .conarea .txtwrap .txt{
	opacity:0;
}
.m21 .sec4 .conarea .txtwrap.in-view .subtit,
.m21 .sec4 .conarea .txtwrap.in-view .tit,
.m21 .sec4 .conarea .txtwrap.in-view .txt{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.1s;
}
.m21 .sec4 .conarea .txtwrap.in-view .tit{	animation-delay:0.2s;}
.m21 .sec4 .conarea .txtwrap.in-view .txt{animation-delay:0.3s;}
.m21 .sec4 .conarea .iconwrap .icon-list>li{opacity:0;}
.m21 .sec4 .conarea .iconwrap .icon-list.in-view>li{
animation-name: fadeLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.3s;
}
.m21 .sec4 .conarea .iconwrap .icon-list.in-view>li:nth-child(3),
.m21 .sec4 .conarea .iconwrap .icon-list.in-view>li:nth-child(4),
.m21 .sec4 .conarea .iconwrap .icon-list.in-view>li:nth-child(7),
.m21 .sec4 .conarea .iconwrap .icon-list.in-view>li:nth-child(8){
animation-name: fadeRightLi;
}
@keyframes fadeRightLi{
 0%{transform:translate3d(-120px, 0, 0);opacity:0;}
  100%{transform:translate3d(-200px, 0, 0);opacity:1;}
}

.m20 .sec2 .conarea .toparea .txt1,
.m20 .sec2 .conarea .toparea .txt2{opacity:0;}
.m20 .sec2 .conarea .toparea.in-view .txt1,
.m20 .sec2 .conarea .toparea.in-view .txt2{animation-name: fadeLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation-delay:0.1s;}
.m20 .sec2 .conarea .toparea.in-view  .txt2{	animation-delay:0.2s;}
.m20 .process,
.m20 .process .title,
.m20 .industry .title{opacity:0;}
.m20 .process.in-view,
.m20 .process .title.in-view,
.m20 .industry .title.in-view{
	animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation-delay:0.1s;
}
.m20 .process .title.in-view{animation-delay:0.05s;}
.m22 .process .boxlist,
.m22 .flowlist{opacity:0;}
.m22 .process .boxlist.in-view,
.m22 .flowlist.in-view{
	animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation-delay:0.2s;
}
.m22 .flowlist.in-view{animation-delay:0.1s;}
.m20 .industry .list li{opacity:0;}
.m20 .industry .list li.in-view{animation-name: fadeUp;animation-duration: 1s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation-delay:0.1s;}


.m23 .process .dia_img,
.m23 .flowlist{opacity:0;}
.m23 .process .dia_img.in-view,
.m23 .flowlist.in-view{
	animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation-delay:0.2s;
}
.m23 .flowlist.in-view{animation-delay:0.1s;}

.m24 .process .boxlist,
.m24 .process .legend{opacity:0;}
.m24 .process .boxlist.in-view,
.m24 .process .legend.in-view{
	animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation-delay:0.2s;
}
.m24 .process .legend.in-view{animation-delay:0.1s;}
/*m25 motion*/
.m25 .list>li{opacity:0;}
.m25 .list>li.in-view{animation-name: fadeUp;animation-duration: 1s;animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);animation-delay:0.05s;}

/*product*/
.product_list .radio_wrap{opacity:0;}
.product_list .radio_wrap.in-view{
	animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
}
.product_list .pro_list>li{opacity:0;}
.product_list .pro_list>li.in-view{
		animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;
animation-timing-function: ease-in-out;
}
.product_view .conarea{opacity:0;}
.product_view .conarea.in-view{
			animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;
animation-timing-function: ease-in-out;
}
.product_view .list_btn{opacity:0;}
.product_view .list_btn.in-view{
				animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;
animation-timing-function: ease-in-out;
}
.product_view .text-slog{opacity:0;transform:translateX(-150px);}
.product_view .text-slog.in-view{
	opacity:1;transform:translateX(0px);transition: all 0.9s cubic-bezier(0.5, 0, 0.6, 1);
}

/*m41 motion*/
.m41 .area-title{opacity:0;}
.m41 .sec1 .area1 .txtwrap p{opacity:0;}
.m41 .area-title.in-view,
.m41 .sec1 .area1 .txtwrap.in-view p{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);animation-delay:0.05s;
}
.m41 .sec1 .area1 .txtwrap p{animation-delay:0.15s;}
.m41 .sec1 .area1 .imgwrap .diawrap{opacity:0;}
.m41 .sec1 .area1 .imgwrap .diawrap.in-view{
animation-name: fadeRight;animation-duration: 0.9s;animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);animation-delay:0.2s;
}
.m41 .sec2 .area1 .diawrap{opacity:0;}
/* .m41 .sec2 .area1 .diawrap .circles{
animation: rotateCircle 30s linear infinite;
} */
.m41 .sec2 .area1 .diawrap.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);animation-delay:0.05s;
}
.m41 .sec2 .area1 .diawrap .dia-img{opacity:0;transform:translate(-50%, -50%) scale(0.8);}
.m41 .sec2 .area1 .diawrap.in-view .dia-img{opacity:1;transform:translate(-50%, -50%) scale(1);transition:all 0.8s ease-in-out;;transition-delay:0.1s;}
  
  @keyframes scaleCircle{
   0%{opacity:0;transform:scale(0.8);}
   100%{opacity:1;transform:scale(1);}
  }
    @keyframes rotateCircle{
   0%{transform:rotate(0deg);}
   100%{transform:rotate(360deg);}
  }
.m41 .sec2 .area2 .top-box{opacity:0;}
.m41 .sec2 .area2 .top-box.in-view{
	animation-name: fadeUp;animation-duration: 1.1s;animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) ;animation-delay:0.1s;
}
.m41 .sec2 .area2 .bot-list>ul>li{opacity:0;}
.m41 .sec2 .area2 .bot-list>ul>li.in-view{
	animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.5, 0.1, 0.7, 1);
	animation-delay:0.1s;
}
.m41 .sec2 .area2 .bot-list>ul>li:nth-child(2).in-view{animation-delay:0.2s;}
.m41 .sec2 .area2 .bot-list>ul>li:nth-child(3).in-view{animation-delay:0.3s;}

.m42 .sec1 .banner{opacity:0;}
.m42 .sec1 .banner.in-view{
		animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.01s;
}
.m42 .sec1 .banner .bg{filter:grayscale(1);width:55%;top:50%;left:50%;transform:translate(-50%, -50%);}
.m42 .sec1 .banner.in-view .bg{
width:100%;transition:all 1s ease-in-out 0.23s;filter:grayscale(0);
}
.m42 .sec1 .banner .slog{opacity:0;}
.m42 .sec1 .banner.in-view .slog{
		animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.3s;
}
.m00 .area-title{opacity:0;}
.m00 .area-title.in-view{
		animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.05s;
}
.m42 .diawrap{opacity:0;}
.m42 .diawrap.in-view{
		animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.05s;
}
.m42 .listbox{opacity:0;}
.m42 .listbox.in-view{
	animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.1s;
}

.m43 .sec2 .dia .circle.one,
.m43 .sec2 .dia .circle.two,
.m43 .sec2 .dia .circle.thr,
.m43 .sec2 .dia .circle.four,
.m43 .sec2 .dia .circle.five{opacity:0;}
.m43 .sec2 .dia .img{opacity:0;}

.m43 .sec2 .dia.in-view .circle.one,
.m43 .sec2 .dia.in-view .circle.two,
.m43 .sec2 .dia.in-view .circle.thr,
.m43 .sec2 .dia.in-view .circle.four,
.m43 .sec2 .dia.in-view .circle.five{
opacity:1;transition:opacity 0.9s ease-in-out;transition-delay:0.1s;
}

.m43 .sec2 .dia.in-view .img{
	animation-name: fadeUpCenter;animation-duration: 1s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.3s;
}
@keyframes fadeUpCenter{
0%{transform:translate3d(-50%, -40%, 0);opacity:0;}
  100%{transform:translate3d(-50%, -50%, 0);opacity:1;}
}

.m40 .sec1 .rlist>li{}
.m40 .sec1 .rlist>li{opacity:0;}
.m40 .sec1 .rlist.in-view>li{
	animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.1s;
}
.m40 .sec1 .rlist.in-view>li:nth-child(2).in-view{animation-delay:0.2s;}
.m40 .sec1 .rlist.in-view>li:nth-child(3).in-view{animation-delay:0.3s;}

.m44 .sec2 .boxarea>.img-wrap{opacity:0;transform:translateX(80px);}
.m44 .sec2 .boxarea>.txt-wrap{opacity:0;transform:translateX(-70px);}
.m44 .sec2 .boxarea>.img-wrap.in-view{opacity:1;transform:translateX(0px);transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.m44 .sec2 .boxarea>.txt-wrap.in-view{opacity:1;transform:translateX(0px);transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.m44 .sec2 .boxarea.row-reverse>.txt-wrap{opacity:0;transform:translateX(80px);}
.m44 .sec2 .boxarea.row-reverse>.img-wrap{opacity:0;transform:translateX(-70px);}
.m44 .sec2 .boxarea.row-reverse>.txt-wrap.in-view{opacity:1;transform:translateX(0px);transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.m44 .sec2 .boxarea.row-reverse>.img-wrap.in-view{opacity:1;transform:translateX(0px);transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.m44 .sec3 .dia{opacity:0;}
.m44 .sec3 .dia.in-view{
	animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.02s;
}
.m44 .sec3 .dia .dia-img{opacity:0;}
.m44 .sec3 .dia.in-view .dia-img{	animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.2s;}
.m44 .sec3 .dia:before{opacity:0;left:-300px;}
.m44 .sec3 .dia.in-view:before{opacity:1;left:-230px;transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;;}

.m44 .sec3 .dia:after{opacity:0;right:-300px;}
.m44 .sec3 .dia.in-view:after{opacity:1;right:-230px;transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;;}


.m45 .sec2 .boxarea>.txt-wrap{opacity:0;transform:translateX(80px);}
.m45 .sec2 .boxarea>.img-wrap{opacity:0;transform:translateX(-70px);}
.m45 .sec2 .boxarea>.txt-wrap.in-view{opacity:1;transform:translateX(0px);transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.m45 .sec2 .boxarea>.img-wrap.in-view{opacity:1;transform:translateX(0px);transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.m45 .sec2 .boxarea.row-reverse>.img-wrap{opacity:0;transform:translateX(80px);}
.m45 .sec2 .boxarea.row-reverse>.txt-wrap{opacity:0;transform:translateX(-70px);}
.m45 .sec2 .boxarea.row-reverse>.img-wrap.in-view{opacity:1;transform:translateX(0px);transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.m45 .sec2 .boxarea.row-reverse>.txt-wrap.in-view{opacity:1;transform:translateX(0px);transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);}

/*ir/pr*/
.board1 .list li{opacity:0;}
.board1 .list li.in-view{
animation-name: fadeUp;animation-duration: 1.1s;animation-fill-mode:forwards;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) ;animation-delay:0.1s;
}


.m60 .area_title{opacity:0;}
.m60 .area_title.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation-delay:0.05s;
}
/*.m61 motion*/
.m61 .sec2 .list>li{}
.m61 .sec2 .list>li.down{
	transform:translateY(-50px);opacity:0;
}
.m61 .sec2 .list>li.up{transform:translateY(130px);opacity:0;}
.m61 .sec2 .list>li.up.in-view,
.m61 .sec2 .list>li.down.in-view{
	opacity:1; transform:translateY(0px);transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.m61 .sec2 .list>li.up.in-view{transform:translateY(80px);}

/*.m63 motion*/
.m63 .box:nth-child(odd) .bgwrap .bg,
.m63 .box:nth-child(even) .bgwrap .bg{opacity:0;}
.m63 .box:nth-child(odd) .bgwrap.in-view .bg{
animation-name: fadeLeft;animation-duration: 0.6s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m63 .box:nth-child(even) .bgwrap.in-view .bg{
animation-name: fadeRight;animation-duration: 0.6s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
}
.m63 .box .bgwrap.in-view .bg{
filter:grayscale(0);transition:all 0.4s ease 0.2s;
}
.m63 .box .list dt,
.m63 .box .list dd ul li{opacity:0;}
.m63 .box .list.in-view dt,
.m63 .box .list dd ul li.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation-delay:0.05s;
}
.m63 .box .list dd ul li.in-view{animation-delay:0.2s;}

/*m64motion*/
.m64 h5.title{opacity:0;}
.m64 h5.title.in-view{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation-delay:0.05s;
}
.m64 .circle-list .item{opacity:0;}
.m64 .circle-list .item.in-view{
	animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.1s;
}
.m64 .circle-list .item.it2.in-view{animation-delay:0.2s;}
.m64 .circle-list .item.it3.in-view{animation-delay:0.3s;}
.m64 .circle-list .item.it4.in-view{animation-delay:0.4s;}
.m64 .num-list-wrap{opacity:0;}
.m64 .num-list-wrap.in-view{
		animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	animation-delay:0.2s;
}
.m64 .link-list>li{opacity:0;}
.m64 .link-list.in-view>li{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.05s;
}
.m64 .link-list.in-view>li:nth-child(2){animation-delay:0.15s;}
.m64 .link-list.in-view>li:nth-child(3){animation-delay:0.25s;}
.m64 .apply_banner .bg{opacity:0;width:80%;}
.m64 .apply_banner.in-view .bg{
	opacity:1;width:100%;transition:opacity 0.5s ease, width 0.8s ease-in-out 0.1s;
}
.m64 .apply_banner .txtwrap{opacity:0;}
.m64 .apply_banner.in-view .txtwrap{
animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;
animation-delay:0.1s;
}