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

/*Layer*/
body{width:100%}
#wrap{width:100%;overflow:hidden;background: #e9e9e9;}
#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:"Poppins", "Pretendard","Noto Sans KR", "돋움", dotum,sans-serif;box-sizing:border-box;}
button{background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer;}

/*subvisual*/
.sub_visual{position: relative;width: 100%; height: 100vh;z-index:10;overflow:hidden;}
.sub_visual .bgarea{
	position: absolute;
	width:100%;height:100%;
	top:0;left:0;
	overflow:hidden;
	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.pn2{background: url(/images/page/sub_visual2.png)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn3{background: url(/images/page/sub_visual3.png)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn4{background: url(/images/page/sub_visual4.png)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn5{background: url(/images/page/sub_visual5.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn5.sn2{background: url(/images/page/sub_visual6.png)no-repeat center / cover;}
.sub_visual .descarea{position: absolute;left: 0;bottom:50px;z-index:50;box-sizing:border-box;
width:100%;
padding:0 4.17vw;
}
.sub_visual .descarea h2{
color:#fff;font-family: "Poppins";font-weight: 500;
font-size:min(11vw, 200px);line-height: 1em;text-align: left;
}
.sub_visual .descarea h2.slog2{display: flex;justify-content:flex-end;text-align: right;}
.sub_visual .descarea p{
font-size:26px;color:#fff;font-weight: 600;
position: absolute;
bottom:55%;
right:4.17vw;
}

/*sec_title_wrap*/
.sec_title_wrap{
width:94%;max-width:1440px;margin:0 auto;
display: flex;align-items:center;justify-content:space-between;
padding-top: 200px;padding-bottom: 180px;
}
/*location*/
.sec_title_wrap .sec_tit>strong{
	font-size:50px;color:#222;font-weight: 600;font-family: "Pretendard";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:6px;height:8px;
	top:50%;right:-2px;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:16px;font-weight: 300;color:#666666;padding:0 12px;
font-family: "Pretendard";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%);
}

.innerwrap{
width:94%;max-width:1440px;margin:0 auto;
}

/* subtabarea */
.subtabarea.pn2 {
	margin-top: 80px;
}

.subtabarea_wrap {
	width: 94%;
	max-width: 1440px;
	margin: 0 auto;
}

.subtab {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.subtab li{
	flex: 1;
}

.subtab li a {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0;
	font-size: 17px;
	color: #888;
	text-align: center;
	font-weight: 500;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
}

.subtab>li.on>a {
	border-radius: 10px;
	background: var(--main-color-green);
	color: #fff;
}

/* m00 */
.m00{}

.m00 .sec1-title {
	color: #222;
	font-weight:600; 
	font-size: 44px;
}
.m00 .pageTitle2{
	color: #2f3842;
	font-weight:600; 
	font-size: 33px;
}
.m00 .pageTitle3{
	color: #222;
	font-weight:600; 
	font-size:23px;
}


/* m11 */
.m11{}
.m11 .sec1{position: relative;z-index:1;padding-bottom: 300px;}
.m11 .sec1:before{
	position: absolute;content:'';
	width:100%;height:1250px;
	background: #d2dace;
	bottom:0;left:0;
	z-index:-1;
}
.m11 .sec1 .area{
position: relative;
}
.m11 .sec1 .area .img{
display: flex;justify-content:flex-end;
overflow:hidden;
}
.m11 .sec1 .area .img img{border-radius:10px;}
.m11 .sec1 .area .txtwrap{
position: absolute;
top:50%;
left:0;
transform:translateY(-50%);
}
.m11 .sec1 .area .txtwrap h3{
color:#222222;font-size:min(8vw,130px);font-weight: 500;line-height: 1.1em;letter-spacing:-0.01em;
}
.m11 .sec1 .area .txtwrap .logo{
margin-top: 20px;display: flex;align-items:center;gap:2.6vw;
}
.m11 .sec1 .txt-slogan{
margin:220px 0;font-size:34px;color:#222222;font-family: "Pretendard";line-height: 1.6em;font-weight: 600
}
.m11 .sec1 .txt-slogan span{color:#52b34e;}
.m11 .sec1 .listwrap{
display: flex;
}
.m11 .sec1 .listwrap.reverse{margin-top: 200px;flex-direction:row-reverse;}
.m11 .sec1 .listwrap .img{
width:70%;
overflow:hidden;

}
.m11 .sec1 .listwrap .img img{border-radius:10px;}
.m11 .sec1 .listwrap .info{
width:30%;
padding-top: 60px;
padding-left: 4.69vw;
}
.m11 .sec1 .listwrap.reverse .info{padding-left: 0;padding-right: 4.69vw;}
.m11 .sec1 .listwrap .info dt{
color:#222222;font-size:34px;font-weight: 600;
font-family: "Pretendard";line-height: 1.3em;
}
.m11 .sec1 .listwrap .info dd{
color:#666666;font-size:18px;font-weight: 400;
font-family: "Pretendard";
line-height: 1.6em;
margin-top: 30px;
word-break: keep-all;
}
.m11 .sec2{
background: url(/images/page/m11_sec2_bg.jpg)no-repeat center / cover;
padding:300px 0 230px;
}
.m11 .sec2 .txtwrap{
display: flex;
}
.m11 .sec2 .txtwrap>div{width: 50%;}
.m11 .sec2 .txtwrap>.left{color:#fff;padding-right: 2vw;font-size:44px;font-weight: 600;font-family: "Pretendard";line-height: 1.4em;}
.m11 .sec2 .txtwrap>.right{
font-size:18px;font-family: "Pretendard";line-height: 1.6em;
color:rgba(255,255,255,0.8);font-weight: 400;
} 
.m11 .sec2 .txtwrap>.right b{font:inherit;color:inherit;font-size:24px;}

.m11 .mobile-425 {
display: none;
}

.m12{
background:  url(/images/page/m12_bg.jpg)no-repeat center bottom / 100%;
padding-bottom: 660px;
}
.m12 .greeting{
display: flex;
}
.m12 .greeting .left,
.m12 .greeting .right{width:50%;}
.m12 .greeting h3{
font-size:80px;color:#222;font-weight: bold;font-family: "Pretendard";
line-height: 1.3em;
margin-bottom: 135px;
}
.m12 .greeting h4{
color:#222222;font-size:38px;font-family: "Pretendard";font-weight: 600;
line-height: 1.4em;
}
.m12 .greeting .img{margin-bottom: 110px;}
.m12 .greeting .txts{
color:#666666;font-size:18px;font-family: "Pretendard";
line-height: 1.6em;

}

.m12 .greeting .ceo{margin-top: 70px;display: flex;align-items:center;
color:#111111;font-size:24px;font-weight: 400;font-family: "Pretendard";
}
.m12 .greeting .ceo img{display: block;margin-left: 13px;}

.m13{}
.m13 .stit{
color:#fff;font-size:32px;font-weight: 500;font-family: "Pretendard";
}
.m13 .stxt{
color:#fff;font-size:40px;font-weight:600;font-family: "Pretendard";
margin-top: 50px;
line-height: 1.4em;
}
.m13 .bgwrap{
position: relative;
padding:250px 0;
z-index:1;
}
.m13 .bgwrap .bg{
position: absolute;
top:0;left:0;
width:100%;height:100%;
z-index:-1;
background: url(/images/page/m13_sec1_bg.jpg)no-repeat center / cover;
}
.m13 .sec1 .artwrap{
position: relative;
z-index:8;top:-90px;
width:100%;height:100vh;
overflow: hidden;

}
.m13 .articles{
 position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0%);
width: 100%;
height: 85vh;

}
.m13 article{
position: relative;
position: absolute;
top: 0;
left: 0;
width:auto;height:auto;
/* margin-top: -90px;
margin-bottom: 130px; */
padding:90px 4.17vw 80px;
border-radius:10px;
background: #fff;
}
.m13 article.art1{z-index:10;}
.m13 article.art2{z-index:11;}
.m13 article.art3{z-index:12;}
.m13 article.art4{z-index:13;}
.m13 article .flex{
border-top: 2px solid #000000;display: flex;padding-top: 80px;justify-content:space-between;
}
.m13 article.art3 .flex{flex-direction:row-reverse;}
.m13 article .flex>div{width: 50%;}
.m13 article .flex>.txtwrap{
width:50%;
padding-left: 4.17vw;
border-left: 1px solid #d9d9d9;
}
.m13 article.art3 .flex>.txtwrap,
.m13 article.art1 .flex>.txtwrap{
padding-left: 0;
border-left: 0;
padding-right: 4.17vw;
border-right: 1px solid #d9d9d9;
}
.m13 article.art1 .flex .imgwrap,
.m13 article.art3 .flex .imgwrap{padding-left: 4.17vw;}
.m13 article.art4 .flex .imgwrap{padding-right: 4.17vw;}
.m13 article .flex .imgwrap>img{
border-radius:10px;
aspect-ratio: 2 / 1;
width:640px;
max-width:100%;
}
.m13 article .flex .txtwrap{
display: flex;flex-direction:column;justify-content:center;
}
.m13 article .slog{
color:#222222;font-size:34px;font-weight: 600;font-family: "Pretendard";
display: block;margin-bottom: 40px;
}
.m13 article .desc{
color:#666666;font-size:18px;font-weight:400;font-family: "Pretendard";
display: block;line-height: 1.6em;
word-break: keep-all;
}
.m13 article .logos{
display: flex;gap:6px;margin-top: 50px;
}
.m13 article .logos>li{
width:calc((100% - 6px * 5) / 6);
border-radius:10px;
display: flex;align-items:center;justify-content:center;
border:1px solid rgba(0,0,0,0.15);
height:99px;
}
.m13 article .flex .left{
padding-right: 4.17vw;border-right: 1px solid #d9d9d9;

}
.m13 article .flex .left .imgwrap{margin-top: 50px;}
.m13 article .flex .right{padding-left: 4.17vw;}
.m13 article .flex .right h5{color:#222222;font-size:28px;font-weight: 600;font-family: "Pretendard";}
.m13 article .flex .right .mapwrap{display: flex;align-items:center;margin-top: 70px;}
.m13 article .flex .right .mapwrap .list{}
.m13 article .flex .right .mapwrap .list>dl{
width:300px;height:70px;
display: flex;align-items:center;
margin-left: 3vw;
border-radius:10px;
border:1px solid rgba(0,0,0,0.1);
padding:1.56vw;
justify-content:space-between;
}
.m13 article .flex .right .mapwrap .list>dl>dt{
position: relative;
padding-left:55px;
font-size:18px;color:#222222;font-weight: 600;font-family: "Pretendard";
}
.m13 article .flex .right .mapwrap .list>dl>dt:before{
position: absolute;content:'';
width:30px;height:30px;
top:50%;transform:translateY(-50%);left:0;
background: url(/images/page/m13_article_icon1.png)no-repeat center / contain;;
}
.m13 article .flex .right .mapwrap .list>dl:nth-child(2)>dt:before{
background: url(/images/page/m13_article_icon2.png)no-repeat center / contain;;
}
.m13 article .flex .right .mapwrap .list>dl:nth-child(3)>dt:before{
background: url(/images/page/m13_article_icon3.png)no-repeat center / contain;;
}
.m13 article .flex .right .mapwrap .list>dl:nth-child(4)>dt:before{
background: url(/images/page/m13_article_icon4.png)no-repeat center / contain;;
}
.m13 article .flex .right .mapwrap .list>dl + dl{margin-top: 6px;}
.m13 article .flex .right .mapwrap .list>dl>dd{
font-size:26px;color:#468a5b;font-weight: 600;font-family: "Pretendard";
}
.m13 article .flex .right .mapwrap .list>dl>dd small{font-size:18px;}
.m13 .sec2{padding-bottom: 240px;}
.m13 .sec2 .stit{color:#111;font-weight: 600;margin-bottom: 60px;}
.m13 .sec2 .diawrap{
position: relative;
}
.m13 .sec2 .diawrap .dia img{width:40vw;max-width:741px;display: block;margin:0 auto;}
.m13 .sec2 .diawrap .list>li{
position: absolute;
padding:65px 2.08vw;
aspect-ratio: 2 / 1;border-radius:110px;
background: #f4f4f4;
width:25vw;max-width:440px;
display: flex;align-items:center;
}
.m13 .sec2 .diawrap .list>li.rev{flex-direction:row-reverse;}
.m13 .sec2 .diawrap .list>li .icon{width:90px;height:90px;}
.m13 .sec2 .diawrap .list>li p{
line-height: 1.6em;
width:calc(100% - 90px);padding:0 1.56vw;color:#444444;font-size:22px;font-weight: 400;opacity:0.9;font-family: "Pretendard";}
.m13 .sec2 .diawrap .list>li.rev p{text-align: right;}
.m13 .sec2 .diawrap .list>li:nth-child(1){
top:5%;left:5%;
}
.m13 .sec2 .diawrap .list>li:nth-child(2){
top:5%;right:5%;
}
.m13 .sec2 .diawrap .list>li:nth-child(3){
bottom:5%;;left:5%;
}
.m13 .sec2 .diawrap .list>li:nth-child(4){
bottom:5%;;right:5%;
}
.m13 .sec3{
background: url(/images/page/m13_sec3_bg.jpg)no-repeat center / cover;
padding-top: 140px;
overflow:hidden;
}
.m13 .sec3 .circle-list{
margin:85px auto;
display: flex;gap:4.7vw;justify-content:center;
}
.m13 .sec3 .circle-list>li{
width:340px;aspect-ratio: 1 / 1;
display: flex;align-items:center;justify-content:center;
border-radius:50%;

border:1px solid rgba(255,255,255,0.6);
}
.m13 .sec3 .circle-list>li>div{display: flex;flex-direction:column;align-items:center;justify-content:center;}
.m13 .sec3 .circle-list>li .icon{min-height:55px;}
.m13 .sec3 .circle-list>li p{text-align: center;margin-top: 25px;line-height: 1.6em;color:#fff;font-size:18px;font-weight: 400;
font-family: "Pretendard";padding:0 1vw;
}
.m13 .sec3 .address{
display: flex;align-items:center;justify-content:center;
padding:60px 2vw;
font-family: "Pretendard";
color:#fff;font-size:30px;font-weight: 600;
}
.m13 .sec3 .address .bar{
	width: 1px;height: 22px;background: rgba(255,255,255,0.3);
	display: inline-block;
	margin:0 17px;
}
.m13 .sec3 .address a{
font:inherit;color:inherit;font-size:26px;font-weight: 400;font-family: "Pretendard";
}

.m14 .sec_desc{
font-family: "Pretendard";font-weight: 600;color:#222222;font-size:44px;
line-height: 1.4em;
padding-bottom: 100px;
}
.m14 .history .history-wrap{position: relative;padding:140px 0;max-height:100vh;overflow:hidden;}
.m14 .history .history-wrap.bg{background: #f8f8f8;}
.m14 .history .history-wrap>.innerwrap .content-wrap{
display: flex;align-items:start;
}
.m14 .history .history-wrap .history-info{
display: flex;width:65%;align-items:start;
}
.m14 .history .history-wrap .history-info .history-year{width:calc(100% - 440px);}
.m14 .history .history-wrap .history-info .history-year .year{
font-family: "Poppins", "Pretendard";
color:#222;font-weight: 600;font-size:100px;
letter-spacing:-0.025em;
line-height: 1.2em;
}
.m14 .history .history-wrap .history-info .history-imgwrap{
overflow:hidden;
width:440px;border-radius:10px;
}
.m14 .history .history-wrap .history-info .history-imgwrap img{aspect-ratio:440 / 700;width: 100%;}
.m14 .history .history-wrap .history-con{width:35%;padding-left: 4.17vw;}
.m14 .history .history-wrap .history-con>.his-item + .his-item{margin-top: 55px;}
.m14 .history .history-wrap .history-con>.his-item .item-year{
color:#468a5b;font-weight: 600;font-family: "Poppins";font-size:32px;
}
.m14 .history .history-wrap .history-con>.his-item .item-list{margin-top: 20px;}
.m14 .history .history-wrap .history-con>.his-item .item-list>li{
position: relative;padding-left: 11px;
color:#666666;font-weight: 400;font-family: "Pretendard";
font-size:18px;line-height: 1.6em;
}
.m14 .history .history-wrap .history-con>.his-item .item-list>li + li{margin-top: 12px;}
.m14 .history .history-wrap .history-con>.his-item .item-list>li:before{
	position: absolute;content:'';
	width:3px;height: 3px;
	background: #222222;
	top:12px;left:0;
}


.m16 .innerwrap{max-width:1600px;}
.m16 .sec1{
width:100%;height:100vh;max-height:980px;
position: relative;z-index:1;
overflow:hidden;
padding-top: 180px;
}
.m16 .sec1:before{
	position: absolute;
	content:'';
	width:1px;
	height:100%;
	background: rgba(255,255,255,0.5);
	top:0;left:50%;
	z-index:10;
	transform:translateX(-50%);
}
.m16 .sec1 .bglist{
position: absolute;z-index:-1;
width:100%;height:100%;
top:0;left:0;
}
.m16 .sec1 .bglist>.bg{
position: absolute;
width:100%;height:100%;
top:0;left:0;
opacity:0;
transform:scale(1.2);
transition:opacity 1s ease, transform 1.5s ease;
background: url(/images/page/m16_bg1.jpg)no-repeat center / cover;
}
.m16 .sec1 .bglist>.bg2{background: url(/images/page/m16_bg2.jpg)no-repeat center / cover;}
.m16 .sec1 .bglist>.bg3{background: url(/images/page/m16_bg3.jpg)no-repeat center / cover;}
.m16 .sec1 .bglist>.bg4{background: url(/images/page/m16_bg4.jpg)no-repeat center / cover;}
.m16 .sec1 .bglist>.bg.act{
opacity:1;transform:scale(1);
}
.m16 .sec1 .conarea{
display: flex;align-items:start;
}

.m16 .sec1 .conarea .slogan{width: 50%;}
.m16 .sec1 .conarea .slogan h3{
font-size:90px;color:#fff;font-weight: 600;font-family: "Pretendard";letter-spacing:-0.02em;
margin-bottom: 50px;
}
.m16 .sec1 .conarea .slogan p{
font-size:30px;color:#fff;font-weight: 600;font-family: "Pretendard";letter-spacing:-0.01em;
line-height: 1.5em;
}
.m16 .sec1 .conarea .tablist{width: 50%;padding-left: 8.3vw;}
.m16 .sec1 .conarea .tablist dl{
padding:30px 0;
border-bottom:1px solid rgba(255,255,255,0.5);

/* display: grid;
grid-template-rows: auto 0fr;
transition: grid-template-rows 0.8s ease;
 */
}
.m16 .sec1 .conarea .tablist dl.act {
    /* grid-template-rows: auto 1fr; */
}
.m16 .sec1 .conarea .tablist dl:first-child{border-top:1px solid rgba(255,255,255,0.5);}
.m16 .sec1 .conarea .tablist dl>dt{
display: flex;align-items:center;justify-content:space-between;
font-size:20px;color:#fff;font-family: "Pretendard";font-weight: 500;
}
.m16 .sec1 .conarea .tablist dl>dt p{font:inherit;color:inherit;}
.m16 .sec1 .conarea .tablist dl>dt span{font:inherit;color:inherit;font-size:16px;}
.m16 .sec1 .conarea .tablist dl>dd{
font-size:24px;color:#fff;font-family: "Pretendard";font-weight: 600;line-height: 1.6em;
box-sizing:border-box;

/*   overflow: hidden;
    opacity: 0;
    transition: opacity 0.6s ease 0.2s;  */
	max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.6s ease, opacity 0.8s ease, padding-top 0.6s ease;
}
.m16 .sec1 .conarea .tablist dl.act>dd{
opacity: 1;
padding-top: 16vh;
max-height: 300px; /* 내용에 맞게 충분한 값으로 조정 */
}

/*motion*/

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

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

}
@keyframes fadeImgRight{
0%{opacity:0;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
100%{opacity:1;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
@keyframes fadeImgLeft{
0%{opacity:0;clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{opacity:1;clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}
}
.sub_visual .bgarea:before,
.sub_visual .bgarea:after{
position: absolute;content:'';
width:100%;height:30%;
background: rgba(255,255,255,0.3);
backdrop-filter:blur(7px);
left:0;
z-index:100;
transition:height 1s ease;
}
.sub_visual .bgarea:before{top:0;}
.sub_visual .bgarea:after{bottom:0;}
.sub_visual.in-view .bgarea:before,
.sub_visual.in-view .bgarea:after{
height:0;
}
.sub_visual .bgarea .bg{
transform:scale(1.2);
filter:blur(7px);
transition:all 1s;
}
.sub_visual.in-view .bgarea .bg{
transform:scale(1);
filter:blur(0px);
}
.sub_visual .descarea .slog,
.sub_visual .descarea .slog2,
.sub_visual .descarea .txt{
transform:translateY(110px) rotateX(80deg);
filter:blur(5px);
opacity:0;
transition:all 1.2s ease;
}
.sub_visual.in-view .descarea .slog,
.sub_visual.in-view .descarea .slog2,
.sub_visual.in-view  .descarea .txt{
transform:translateY(0px) rotateX(0deg);
opacity:1;
filter:blur(0px);
transition-delay:0.3s;
}
.sub_visual.in-view .descarea .slog2{transition-delay:0.45s;}
.sub_visual.in-view  .descarea .txt{transition-delay:0.6s;}

.sec_title_wrap .sec_tit,
.sec_title_wrap .locations{
opacity:0;transform:translateY(50px);transition:all 1s;
}
.sec_title_wrap .sec_tit.in-view,
.sec_title_wrap .locations.in-view{
opacity:1;transform:translateY(0px);
}
.m11 .sec1 .area .img{opacity:0;transform:scale(1.1);filter:blur(5px);transition:all 1.2s;transition-delay:0.2s;}
.m11 .sec1 .area.in-view .img{
opacity:1;transform:scale(1);filter:blur(0px);
}
.m11 .sec1 .area .txtwrap{
opacity:0;left:-100px;transition:all 1.2s;
}
.m11 .sec1 .area.in-view .txtwrap{
opacity:1;left:0;transition-delay:0.2s;
}
.m11 .sec1 .txt-slogan{opacity:0;transform:translateY(90px);transition:all 1s;}
.m11 .sec1 .txt-slogan.in-view{
opacity:1;transform:translateY(0px);
}
.m11 .sec1 .listwrap .img,
.m11 .sec1 .listwrap .info{opacity:0;transform:translateY(100px);transition:all 1s ease;}
.m11 .sec1 .listwrap.in-view .img,
.m11 .sec1 .listwrap.in-view .info{opacity:1;transform:translateY(0px);}
.m11 .sec1 .listwrap.in-view .info{transition-delay:0.1s;}
.m11 .sec2 .txtwrap>.left{
opacity:0;transform:translateX(-100px);transition:all 1s ease;
}
.m11 .sec2 .txtwrap>.right{
opacity:0;transform:translateX(100px);transition:all 1s ease;
}
.m11 .sec2 .txtwrap.in-view>.left,
.m11 .sec2 .txtwrap.in-view>.right{
opacity:1;transform:translateY(0px);
word-break: keep-all;
}

.m12 .greeting h3,
.m12 .greeting h4{opacity:0;transform:translateY(100px);transition:all 1s ease;}
.m12 .greeting.in-view h3,
.m12 .greeting.in-view h4{
opacity:1;transform:translateY(0px);
}
.m12 .greeting.in-view h4{transition-delay:0.1s;}
.m12 .greeting .img,
.m12 .greeting .txts,
.m12 .greeting .ceo{opacity:0;transform:translateY(100px);transition:all 1s ease;}
.m12 .greeting .img.in-view,
.m12 .greeting .txts.in-view,
.m12 .greeting .ceo.in-view{
opacity:1;transform:translateY(0px);
word-break: keep-all;
}

.m13 .stit,
.m13 .stxt{
opacity:0;transform:translateY(100px);transition:all 1s ease;
}
.m13 .stit.in-view,
.m13 .stxt.in-view{
opacity:1;transform:translateY(0px);
}
.m13 .sec2 .diawrap{opacity:0;transform:translateY(100px);transition:all 1s ease;}
.m13 .sec2 .diawrap.in-view{opacity:1;transform:translateY(0px);}
.m13 .sec3 .circle-list>li{
transform:rotateY(-90deg) translateY(90px);
opacity:0;
transition:all 1s ease;
}
.m13 .sec3 .circle-list.in-view>li{
transform:rotateY(0deg) translateY(0px);
opacity:1;
}
.m13 .sec3 .circle-list.in-view>li:nth-child(2){transition-delay:0.1s;}
.m13 .sec3 .circle-list.in-view>li:nth-child(3){transition-delay:0.2s;}
.m13 .sec3 .address{opacity:0;transform:translateY(100%);transition:all 1.2s ease;}
.m13 .sec3.in-view .address{
opacity:1;transform:translateY(0%);
}

.m14 .sec_desc{opacity:0;transform:translateY(100px);transition:all 1s ease;}
.m14 .sec_desc.in-view{
opacity:1;transform:translateY(0px);
}
.m14 .history .history-wrap .history-info .history-year{opacity:0;transform:translateX(-100px);filter:blur(7px);transition:all 1s ease;}
.m14 .history .history-wrap .history-info.in-view .history-year{
opacity:1;transform:translateX(0px);filter:blur(0px);
}
.m14 .history .history-wrap .history-info .history-imgwrap{
clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%); 
}
.m14 .history .history-wrap .history-info.in-view .history-imgwrap{
 clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transition:all 1s ease;
}

/* m15 */
.m15 .ani {
opacity:0;
transform:translateY(100px);
transition:all 1s ease;
}

.m15 .ani.in-view{
opacity:1;
transform:translateY(0px);
}

.m15 .img-box{
	background-color: #fff;
	width: 100%;
	aspect-ratio: 2 / 1;
	text-align: center;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
        overflow: hidden;
}

.m15 .img-box img{
	min-width: 140px;
}

.m15 .sec1 {
	padding-bottom: 200px;
}

.m15 .sec1-content {
margin-top: 150px;
}

.m15 .content-title{
	color: #222;
	font-weight:600;
	font-size: 34px;
}

.m15 .sec1-content .content2  .content-title,
.m15 .sec1-content .content3  .content-title,
.m15 .sec1-content .content4  .content-title{
margin-top: 130px;
}

.m15 .content1 .content-box {
	margin-top: 50px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	width: 100%;
	border-radius: 10px;
        overflow: hidden;
}

.m15 .content1 .content1-con1,
.m15 .content1 .content1-con2 {
	width: 100%;
	background: #fff;
	padding: 40px;
}

.m15 .content1 .content1-con1 {
	position: relative;
}

.m15 .content1 .content1-con1::after{
	position: absolute;
	content: '';
	width: 1px;
	height: calc(100% - 80px);
	background-color: #00000033;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.m15 .content1 .content1-con1 p,
.m15 .content1 .content1-con2 p{
	font-size: 20px;
	color: #fff;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 10px;
}

.m15 .content1 .content1-con1:first-child p{
	background-color: var(--ci-color-green);
}

.m15 .content1 .content1-con2:last-child p{
	background-color: var(--ci-color-blue);
}

.m15 .content2 .contnet-wrap,
.m15 .content3 .contnet-wrap,
.m15 .content4 .contnet-wrap{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 80px;
}

.m15 .content2 .content-box,
.m15 .content3 .content-box,
.m15 .content4 .content-box{
	flex-basis: 50%;
}

.m15 .content2 .content-box:last-child,
.m15 .content3 .content-box:last-child,
.m15 .content4 .content-box:last-child {
	flex-shrink: 0;
	margin-top: -40px;
}

.m15 .content2 .content-box .content-subtitle {
	font-size: 22px;
	font-weight: 600;
	color: var(--ci-color-green);
}

.m15 .content .content-box .content-subtitle{
	margin-top: 50px;
}

.m15 .content .content-box .content-text{
	font-size: 18px;
	word-break: keep-all;
}

.m15 .content2 .content-box .content-text{
	margin-top: 30px;
	line-height: 1.8;
}

.m15 .content3 .content-box .content-text,
.m15 .content4 .content-box .content-text{
	margin-top: 50px;
	line-height: 1.8;
}

.m15 .content4 .color-box>div {
	height: 80px;
	border-radius: 10px;
}

.m15 .content4 .color-box:first-child>div{
	background: var(--ci-color-green);
	color: #fff;
	font-size: 24px;
	padding-left: 30px;
	line-height: 80px;
} 

.m15 .content4 .color-box:last-child>div{
	background: var(--ci-color-gray);
	margin-top: 60px;
} 

.m15 .content4 .color-box p {
	margin-top: 40px;
	font-size: 22px;
	margin-bottom: 15px;
}

.m15 .content4 .color-box:first-child>p{
	color: var(--ci-color-green);
}

.m15 .content4 .color-box:last-child>p{
	color: var(--ci-color-gray);
}

.m15 .content4 .color-box span {
	font-size: 18px;
	line-height: 28px;
	display: block;
	color: #666;
}

.m16 .sec1 .conarea .slogan h3,
.m16 .sec1 .conarea .slogan p{opacity:0;transform:translateX(-100px);transition:all 1s ease;}
.m16 .sec1 .conarea .slogan.in-view h3,
.m16 .sec1 .conarea .slogan.in-view p{opacity:1;transform:translateX(0px);}
.m16 .sec1 .conarea .slogan.in-view p{transition-delay:0.1s;}


/* m17 */
.m17 .ani {
opacity:0;
transform:translateY(100px);
transition:all 1s ease;
}

.m17 .ani.in-view{
opacity:1;
transform:translateY(0px);
}

.m17 .content1.in-view .text-box {
transition-delay: 0.15s;
}

.m17 .map .wrap_controllers,
.m17 .map .cont {
	display: none;
}

.m17 .sec1 {
	padding-bottom: 200px;
}

.m17 .content1 .content-title{
	color: #222;
	font-weight:600; 
	font-size: 40px;
}

.m17 .content1 .content-title span {
display: block;
}

.m17 .content2 .content-title,
.m17 .content3 .content-title{
	color: #222;
	font-weight:600; 
	font-size: 50px;
}

.m17 .horizontal-img {
	margin-top: 110px;
}

.m17 .sec1-content {
	margin-top: 310px;
}

.m17 .content1 .contnet-wrap {
	display: flex;
	align-self: flex-start;
	justify-content: space-between;
	gap: 120px;
}

.m17 .content1 .content-box>p{
	color: #222;
	font-size: 40px;
	font-weight: 400;
}

.m17 .content1 .content-box.map{
	width: 830px;
	height: 800px;
	background: #fff;
}

.m17 .content1 .root_daum_roughmap_landing {
width: 100%;
height: 100%;
}

.m17 .content1 .root_daum_roughmap .wrap_map {
width: 100%;
height: 100%;
}

.m17 .content1 .root_daum_roughmap .wrap_map button {
	width: auto;
	height: auto;
}

.m17 .content1 .content-box .content1-con1{
	margin-top: 95px;
}

.m17 .content .icon-box {
	width: 60px;
	aspect-ratio: 1/1;
	border-radius: 10px;
	background-color: var(--main-color-green);
	display: flex;
	align-items: center;
	justify-content: center;
}

.m17 .content1 .info-tel,
.m17 .content1 .info-email {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 24px;
}

.m17 .content1 .info-email {
	margin-top: 12px;
}

.m17 .content1 .info-tel__title,
.m17 .content1 .info-email__title {
	min-width: 80px;
	font-size: 30px;
	color: #222;
	font-weight: 300;
}

.m17 .content1 .info-tel__description,
.m17 .content1 .info-email__description {
	font-size: 30px;
	font-weight: 300;
}

.m17 .content2 .contnet-wrap,
.m17 .content3 .contnet-wrap {
	margin-top: 300px;
}

.m17 .content2 .content-box,
.m17 .content3 .content-box {
	margin-top: 120px;
}

.m17 .content2 .content-box {
	border-bottom: 1px solid rgba(128, 128, 128, 0.5);
}

.m17 .content2 .content2-con1,
.m17 .content2 .content2-con2 {
	padding: 35px 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	border-top: 1px solid rgba(128, 128, 128, 0.5);
}

.m17 .content2 .content2-con1 .info-subway__1,
.m17 .content2 .content2-con2 .info-bus__1 {
	display: flex;
	gap: 40px;
	align-items: center;
	justify-content: center;
}

.m17 .content2 .content2-con1 .info-subway__1 strong,
.m17 .content2 .content2-con2 .info-bus__1 strong{
	color: #222;
	font-size: 32px;
}

.m17 .content2 .content2-con1 .info-subway__2,
.m17 .content2 .content2-con2 .info-bus__2 {
	min-width: 830px;
}

.m17 .content2 .content2-con1 .info-subway__2 p,
.m17 .content2 .content2-con2 .info-bus__2 p{
	font-size: 24px;
	font-weight: 600;
	color: #222222;
	line-height: 1.5;

}

.m17 .content2 .content2-con1 .info-subway__2 p:first-child span {
	color: #34c74c;
}

.m17 .content2 .content2-con1 .info-subway__2 p:last-child span {
	color: #ceb404;
}

.m17 .content2 .content2-con2 .bus-stop {
	display: flex;
	justify-content: space-between;
}

.m17 .content2 .content2-con2 .bus-2__stop,
.m17 .content2 .content2-con2 .bus-3__stop {
	padding-top: 35px;
	border-top: 1px solid rgba(128, 128, 128, 0.5);
}

.m17 .content2 .content2-con2 .bus-stop span {
	color: #808080;
	font-size: 16px;
}

.m17 .content2 .content2-con2 .bus-1__number,
.m17 .content2 .content2-con2 .bus-2__number {
	margin-top: 80px;
	margin-bottom: 35px;
}

.m17 .content2 .content2-con2 .bus-3__number {
	margin-top: 80px;
}

.m17 .content2 .content2-con2 .bus-number .text-green {
	color: var(--main-color-green);
}

.m17 .content2 .content2-con2 .bus-1__number .text-color{
	color: #20b8ca;
}

.m17 .content2 .content2-con2 .bus-2__number .text-color { 
	color: #d91a1a;
}

.m17 .content2 .content2-con2 .bus-3__number .text-color {
	color: #306de8;
}

.m17 .content3 .content-box {
	display: flex;
	align-items: flex-start;
	gap: 80px;
}

.m17 .content3 .content3-con1 {
	max-width: 530px;
	width: 100%;
	height: 100%;
	background: url(/images/page/m17_img2.png) no-repeat center / cover;
	aspect-ratio: 177 / 242;
}

.m17 .content3 .content3-con2 {
	height: 100%;
	width: 100%;
}

.m17 .content3 .store-list {
	margin-left: 40px;
}

.m17 .content3 .store-list .list-item {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 75px;
}

.m17 .content3 .store-list .list-item:last-child {
	margin-bottom: 0;
}

.m17 .content3 .store-list .list-item::before {
	content: '';
	position: absolute;
	height: calc(100% + 75px);
	width: 1px;
	left: -40.5px;
	top: 45%;
	background-color: var(--main-color-green);
}

.m17 .content3 .store-list .list-item:last-child::before {
	display: none;
} 

.m17 .content3 .store-list .list-item .list-item__title strong {
	vertical-align: middle; 
	font-size: 36px;
	color: #222;
	font-weight: 500;
	position: relative;
}

.m17 .content3 .store-list .list-item .list-item__title strong::before{
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: var(--main-color-green);
	left: -48px;
	top: 50%;
	transform: translateY(-50%);
}

.m17 .content3 .store-list .list-item .list-item__title a {
	background-color: var(--main-color-green);
	color: #fff;
	font-size: 22px;
	border-radius: 22px;
	padding: 10px 23px;
	line-height: 1;
	display: inline-block;
	vertical-align: middle; 
	margin-left: 20px;
}

.m17 .content3 .store-list .list-item .list-item__title a img {
	margin-left: 5px;
	vertical-align: middle;
}

.m17 .content3 .store-list .list-item p {
	font-size: 24px;
	flex-basis: 50%;
	line-height: 1.5;
}

/* m20 */
.m21 .sec1 {
	padding-bottom: 200px;
}

.m21 .content1{}

.m21 .content1 .contnet-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: min(4vw, 100px);
}

.m21 .content1 .product-img{
	max-width: 650px;
	flex: 1;
	width: calc(50% - 100px);
}

.m21 .content1 .imgView-swiper{
	width: 100%;
	aspect-ratio: 650 / 560;
	background-color: #f4f4f4;
	border-radius: 15px;
	margin-bottom: 50px;
}

.m21 .content1 .imgView-swiper .swiper-slide {
cursor: pointer;
}

.m21 .content1 .product-swiper {
	position:relative;
	padding: 0 70px;
}

.m21 .content1 .product-swiper .swiper {
	width: 100%;
	position: static;
	height: 120px;
}

.m21 .content1 .product-swiper [data-perview="2"] .swiper-wrapper{
justify-content: center;
}

.m21 .content1 .product-swiper .swiper-slide {
	overflow: hidden;
	position: relative;
	border-radius: 10px;
	aspect-ratio: 1 / 0.9;
	cursor: pointer;
	border: 1px solid transparent;
}

.m21 .content1 .product-swiper .swiper-slide-thumb-active {
  border: 2px solid var(--main-color-green);
}

.m21 .content1 .product-swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 0.9;
}

.m21 .content1 .product-swiper .swiper-button-prev,
.m21 .content1 .swiper-button-next {
	width: 10px;
	cursor: pointer;
}

.m21 .content1 .product-swiper .swiper-button-prev {
	left: 35px;
}

.m21 .content1 .product-swiper .swiper-button-next {
	right: 35px;
}

.m21 .content1 .product-swiper .swiper-button-prev img,
.m21 .content1 .product-swiper .swiper-button-next img {
	width: 10px;
	height: 19px;
	object-fit: contain;
}

.m21 .content1 .product-swiper .swiper-button-next::after,
.m21 .content1 .product-swiper .swiper-button-prev::after {
	background: none;
	display: none;
}

.m21 .content1 .product-info {
	min-width: 700px;
}

.m21 .content1 .product-info .info-title {
	font-size: 36px;
	font-weight: 600;
	color: #111;
}

.m21 .content1 .product-info .info-list{
	margin-top: 50px;
	border-top: 1px solid #c1c0bf;
}

.m21 .content1 .product-info .info-list>div{
	padding: 40px 0;
	border-bottom: 1px solid #c1c0bf;
	display: flex;
	gap: 40px;
}

.m21 .content1 .info-list .list-title{
	font-size: 18px;
	font-weight: 600;
	color: #111;
	min-width: 85px;
}

.m21 .content1 .info-list .list-description{
	font-size: 18px;
}

.m21 .content1 .info-list .list-description p {
	font-size: 18px;
}

.m21 .content1 .info-list .list-description p span{
	color: var(--main-color-green);
}

.m21 .content1 .info-list .list-description .description-caption{
	font-size: 16px;
	margin-top: 18px;
}

.m21 .content1 .info-list .list-description .info-des__list .list-item {
	font-size: 18px;
	margin-bottom: 15px;
}

.m21 .content1 .info-list .list-description .info-des__list .list-item:last-child{
	margin-bottom: 0;
}

.m21 .content1 .product-info .info-link {
	margin-top: 50px;
	display: flex;
	align-content: flex-start;
	justify-content: space-between;
	gap: 22px;
}

.m21 .content1 .product-info .info-link .link-item.link-text{
	flex:1;
	font-size: 17px;
	color: #fff;
	padding: 0 30px;
	height: 60px;
	line-height: 60px;
	background-color: var(--main-color-green);
	border-radius: 10px;
	text-align:center;
}

.m21 .content1 .product-info .link-list {
	display: flex;
	align-items: center;
	gap: 8px;
}

.m21 .content1 .product-info .link-list .list-item {
	min-width: 120px;
	text-align: center;
}

.m21 .content1 .product-info .link-list .list-item a{
	width: 100%;
	font-size: 17px;
	color: #999;
	border: 2px solid #999;
	border-radius: 10px;
	height: 60px;
	line-height: 60px;
	display: block;
	transition: all 0.5s;
}

.m21 .content1 .product-info .link-list .list-item a:hover{
	border-color: var(--main-color-green);
	color: var(--main-color-green);
}

.m21 .content2 {
	margin-top: 175px;
}

.m21 .content2 .content2-title {
	display: block;
	width: 100%;
	padding-bottom: 40px;
	border-bottom: 1px solid #221b19;
	font-size: 34px;
	color: #111;
}

.m21 .content2 .conetent2-description {
	font-size: 20px;
	padding: 80px 0;
	line-height: 34px;
}

.m21 .content2 .description-list {
	border-top: 1px solid rgba(34, 27, 25, 0.2);
	border-bottom: 1px solid #221b19;
	padding: 80px 0;
}

.m21 .content2 .description-list .list-title {
	font-size: 24px;
	color: #111;
	font-weight: 600;
	margin-top: 30px;
}

.m21 .content2 .description-list .list-title:not(:first-child){
	margin-top: 80px;
}

.m21 .content2 .description-list .list-description {
	margin-top: 30px;
}

.m21 .content2 .Ingredient-item .list-item {
	position: relative;
	font-size: 18px;
	line-height: 30px;
	padding-left: 7px;
}

.m21 .content2 .description-list .list-item::before {
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #000;
	position: absolute;
	top: 12px;
	left: 0;
}

.m21 .content2 .list-description > p {
	font-size: 18px;
}

.m21 .content2 .stage-list {
	margin-top: 45px;
}

.m21 .content2 .stage-list > .list-item:not(:first-child) {
	margin-top: 45px;
}

.m21 .content2 .stage-list .list-item strong{
	font-size: 18px;
	color: #111;
}

.m21 .content2 .stage-list .list-item > p{
	font-size: 18px;
	line-height: 30px;
}

.m21 .content2 .stage-list .list-item {
	font-size: 18px;
	line-height: 30px;
}

.m21 .content2 .stage-list .list-item strong span {
color: var(--main-color-green);
}

.m21 .cate5-content .product-swiper,
.m21 .cate6-content .product-swiper,
.m21 .cate7-content .product-swiper{
padding: 0px 70px;
}

.m21 .cate5-content .content1 .contnet-wrap,
.m21 .cate6-content .content1 .contnet-wrap,
.m21 .cate7-content .content1 .contnet-wrap{
align-items: flex-start;
}

.m21 .cate5-content .content2 .description-list .list-description:nth-of-type(1) .Ingredient-item .list-item p{
font-size: 18px;
line-height: 30px;
}

.m21 .cate5-content .content2 .list-description .stage-list .list-item{
margin-top: 0px;
position: relative;
padding-left: 7px;
}

.m21 .cate5-content .content2 .list-description .stage-list .list-item::before{
content: '';
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #000;
position: absolute;
top: 12px;
left: 0;
}

.m21 .cate6-content .content2 .Ingredient-item .list-item:not(:first-child) {
margin-top:45px;
}

.m21 .cate6-content .content2 .Ingredient-item .list-item strong {
font-size: 18px;
line-height: 30px;
color:#111;
}

.m21 .cate6-content .content2 .Ingredient-item .list-item p {
font-size: 18px;
line-height: 30px;
}

.m21 .cate6-content .content2  .stage-list {
margin-top:0px;
}

.m21 .cate6-content .content2 .stage-list .list-item {
position: relative;
font-size: 18px;
line-height: 30px;
padding-left: 7px;
}

.m21 .cate6-content .content2 .stage-list .list-item:nth-child(2) p:not(:nth-of-type(1)) {
margin-top:45px;
}

/* m22 */
.m22 .sec1 {
	padding-bottom: 200px;
}

/* bbs */
.bbsSearch{display:flex;justify-content:flex-end;}
.bbsSearch>div{
	display:flex;align-items:center;
	overflow:hidden;
	max-width:545px;width:100%;height:60px;
	background:#fff;
	border-radius:12px;
}
.bbsSearch>div input{
	box-sizing:border-box;
	width:calc(100% - 112px);height:100%;
	padding:0 20px 0 54px;
	border:0;outline:0;
	background:#fff url(/images/page/bbs_search_icon.png) no-repeat 20px center;
	font-size:17px;
}
.bbsSearch>div button{
	width:112px;height:100%;
	background:var(--main-color-green);
	border-radius:12px;
	font-size:17px;color:#fff;font-weight:500;
}





/* bbsList1 */
.bbsList1{margin:80px 0 0;}
.bbsList1 table{width:100%;border-top:2px solid #000;border-collapse:collapse;}
.bbsList1 table th{
	padding:27px 0;
	font-size:17px;color:#000;font-weight:600;text-align:center;
	border-bottom:1px solid #c1c0bf;
}
.bbsList1 table td{
	padding:27px 0;
	font-size:16px;color:#888;font-weight:600;text-align:center;
	border-bottom:1px solid #c1c0bf;
}
.bbsList1 table .num{width:150px;}
.bbsList1 table .title{}
.bbsList1 table .date{width:280px;}
.bbsList1 table .attach{width:140px;}

.bbsList1 table td.num{font-size:21px;color:#000;}
.bbsList1 table td.title{padding:30px 40px;text-align:left;}
.bbsList1 table td.title a{font-size:21px;color:#000;font-weight:600;}
.bbsList1 table td.attach .state{display:inline-block;position:relative;}
.bbsList1 table td.attach .state img{}
.bbsList1 table td.attach .state .number{
	position:absolute;right:-18px;top:-5px;
	display:flex;align-items:center;justify-content:center;
	width:22px;height:22px;
	border-radius:50%;
	background:var(--main-color-green);
	font-size:13px;color:#fff;text-align:center;font-weight:500;
}





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





/* bbsView */
.bbsView{padding-bottom:200px;}
.bbsView .titlearea{
	padding:55px 0;
	border-top:2px solid #2f3842;border-bottom:1px solid #ccc;
	font-size:27px;color:#000;font-weight:700;text-align:center;
}
.bbsView .titlearea .date{margin-top:20px;font-size:16px;color:#888;font-weight:500;}
.bbsView .attarch{
	padding:30px 5%;
	background:#fff;
	text-align:center;
}
.bbsView .attarch a{
	display:block;
	font-size:17px;color:#666;font-weight:500;
}
.bbsView .viewcon{
	padding:75px 5%;
	border-bottom:1px solid #ccc;
}
.bbsView .btnList{
	margin-top:130px;
	border-top:1px solid #ccc;border-bottom:1px solid #ccc;
}
.bbsView .btnList a{
	display:flex;align-items:center;justify-content:center;
	height:89px;
	font-size:17px;color:#000;font-weight:600;
}
.bbsView .btnList a i{
	display:block;
	width:15px;height:8px;
	margin-right:10px;
	background:url(/images/page/bbsView_icon_menu.png) no-repeat;
	background-size:cover;
}

/* m31 */
.m31 .ani {
opacity:0;
transform:translateY(100px);
transition:all 1s ease;
}

.m31 .ani.in-view{
opacity:1;
transform:translateY(0px);
}

.m31 .sec1 {
padding-bottom:200px;
}

.m31 .sec1 .sec1-title {
line-height: 1.5;
}

.m31 .sec1 .sec1-content {
margin-top: 100px;
}

.m31 .sec1 .content1 .csr-list {}

.m31 .sec1 .content1 .csr-list .list-item:not(:first-child) {
margin-top: 125px;
}

.m31 .sec1 .content1 .csr-list .list-item .img-box {
height:400px;
width: 100%;
border-radius: 10px;
}

.m31 .sec1 .content1 .csr-list .list-item:nth-child(1) .img-box{
background:url(/images/page/m31_img1.png) no-repeat center bottom / cover;	
}

.m31 .sec1 .content1 .csr-list .list-item:nth-child(2) .img-box{
background:url(/images/page/m31_img2.png) no-repeat center bottom / cover;	
}

.m31 .sec1 .content1 .csr-list .list-item:nth-child(3) .img-box{
background:url(/images/page/m31_img3.png) no-repeat center bottom / cover;	
}

.m31 .sec1 .content1 .csr-list .list-item:nth-child(4) .img-box{
background:url(/images/page/m31_img4.png) no-repeat center bottom / cover;	
}

.m31 .sec1 .content1 .csr-list .list-item:nth-child(5) .img-box{
background:url(/images/page/m31_img5.png) no-repeat center bottom / cover;	
}

.m31 .sec1 .content1 .csr-list .list-item .img-box img {
border-radius: 10px;
width: 100%;
height: 100%;
object-fit: cover;
}

.m31 .sec1 .content1 .csr-list .list-item .text-box  {
display: flex;
margin-top:50px;
}

.m31 .sec1 .content1 .csr-list .list-item .text-box__title {
width:50%;
display: flex;
align-items: flex-start;
gap:30px;
}

.m31 .sec1 .content1 .csr-list .list-item .text-box__title strong {
font-size:34px;
color: #222;
}

.m31 .sec1 .content1 .csr-list .list-item .text-box__icon {
width: 50px;
height:50px;
display: block;
}

.m31 .sec1 .content1 .csr-list .list-item:first-child .text-box__icon {
background: url("/images/page/m31_icon1.png") no-repeat center / contain;
}

.m31 .sec1 .content1 .csr-list .list-item:nth-child(2) .text-box__icon {
background: url("/images/page/m31_icon2.png") no-repeat center / contain;
}

.m31 .sec1 .content1 .csr-list .list-item:nth-child(3) .text-box__icon {
background: url("/images/page/m31_icon3.png") no-repeat center / contain;
}

.m31 .sec1 .content1 .csr-list .list-item:nth-child(4) .text-box__icon {
background: url("/images/page/m31_icon4.png") no-repeat center / contain;
}

.m31 .sec1 .content1 .csr-list .list-item:nth-child(5) .text-box__icon {
background: url("/images/page/m31_icon5.png") no-repeat center / contain;
}

.m31 .sec1 .content1 .csr-list .list-item .text-box__dsec {
color: #222;
font-size:21px;
font-weight: 600;
}

.m31 .sec1 .content1 .csr-list .list-item .text-box__dsec span {
display: block;
font-weight: 400;
font-size:18px;
margin-top:15px;
line-height: 30px;
color: #555;
}

.m31 .sec2 {
padding-bottom:200px;
background-color:#d6ddd3;
position: relative;
}

.m31 .sec2-content {
padding-top:200px;
}

.m31 .sec2 .content .content-title {
color:#111;
font-size: 34px;
}

.m31 .sec2 .content .content-table {
margin-top:36px;
display: flex;
align-items: flex-start;
gap:85px;
}

.m31 .sec2 .content .table-box {
width:50%;
}

.m31 .sec2 .content .table-box  table {
border-top: 2px solid #111;
border-collapse: collapse;
width: 100%;
text-align: center;
border-bottom: 1px solid rgba(34, 27, 25, 0.2);
}

.m31 .sec2 .content .table-box .table-1 {
}

.m31 .sec2 .content .table-box .table-2 {
margin-top:75px;
}

.m31 .sec2 .content .table-box .table-3 {
}

.m31 .sec2 .content .table-box  table tr {
width:50%;
}

.m31 .sec2 .content .table-box  table th {
color:#111;
font-size: 20px;
border-right: 1px solid rgba(34, 27, 25, 0.2);
}

.m31 .sec2 .content .table-box  table td {
border-bottom: 1px solid rgba(34, 27, 25, 0.2);
font-size: 18px;
padding: 20px;
}

.m31 .sec2 .svg-box {
position: absolute;
left: 0;
bottom: -6px;
}

.m31 .sec2 .svg-box .ani-path{
 stroke:  var(--main-color-green);
stroke-width: 3;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;

/* 경로의 총 길이만큼 대시 설정 */
stroke-dasharray: 4537.5;
stroke-dashoffset: 4537.5;
}

.m31 .sec2 .svg-box.in-view .ani-path{
stroke-dasharray: 0;
animation: drawPath 4.5s ease-in-out forwards;
}

@keyframes drawPath {
	to {
		stroke-dashoffset: 0;
	}
}





/* m40 */
.m40 .sec_desc {
	font-family: "Pretendard";
	font-weight: 600;
	color: #222222;
	font-size: 44px;
	line-height: 1.4em;
	padding-bottom: 100px;
}



/* m41 */
.m41{overflow: hidden;}
.m41 .sec1{	
	position:relative;
	width:100%;height:800px;
}
.m41 .sec1 .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/page/m41_sec1_bg.jpg) no-repeat center;
	background-size:cover;
}
.m41 .sec1 .innerwrap{
	display:flex;flex-wrap:wrap;align-content:space-between;
	width:92%;height:100%;
}
.m41 .sec1 .innerwrap .txt1{
	position:relative;z-index:10;
	box-sizing:border-box;
	width:100%;
	padding:110px 0;
	font-size:52px;color:#fff;line-height:1.4em;
}
.m41 .sec1 .innerwrap .txt2{
	position:relative;z-index:10;
	box-sizing:border-box;
	width:100%;
	padding:70px 0;
	font-size: min(7vw, 117px);color:#fff;font-weight:600;line-height:1.4em;
}
.m41 .sec2{position: relative; padding:280px 0 500px;}
.m41 .sec2 > .cc{
	position: absolute;
	width: 10vw;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #d6ddd3;
}
.m41 .sec2 > .cc1{
	left: -60%;
	top: 19%;
	width: 92vw;
}
.m41 .sec2 > .cc2{
	right: -26%;
	top: 41%;
	width: 50vw;
}
.m41 .sec2 > .cc3 {
	left: -40%;
	bottom: -18%;
	width: 94vw;
}
.m41 .sec2 > .cc4{
	width: 200px;
	left: 4%;
	bottom: 15%;
	background: #468a5b;
}
.m41 .sec2 .innerwrap{
	position: relative;
	z-index: 10;
}
.m41 .sec2 h3{font-size:48px;color:#222;font-weight:600;}
.m41 .sec2 .talentTabs{
	position: relative; z-index: 10;
	display:flex;flex-wrap:wrap;margin:70px 0 0;
	box-shadow:0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
}
.m41 .sec2 .talentTabs .imgarea{
	width:62.18%;
	background:url(/images/page/m41_sec2_tab_img.jpg) no-repeat center;
	background-size:cover;
}
.m41 .sec2 .talentTabs .tabarea{width:37.82%;}
.m41 .sec2 .talentTabs .tabarea li{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 35px 21% 35px 70px;
	cursor: pointer;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.m41 .sec2 .talentTabs .tabarea li a{
	position: relative;
	display: block;
	width: calc(100% - 90px);
}
.m41 .sec2 .talentTabs .tabarea li a .num{
	font-family: "Pretendard";
	font-size: 30px;
	font-weight: 300;
	color: #999;
}
.m41 .sec2 .talentTabs .tabarea li a .tit{
	font-family: "Pretendard";
	font-size: 30px;
	line-height: 1.5em;
	color: #222;
	margin-top: 5px;
}
.m41 .sec2 .talentTabs .tabarea li .arr{
	display: block;
	width: 40px;
	height: 32px;
	background: url(/images/page/m41_arr.png) no-repeat center / cover;
}
.m41 .sec2 .talentTabs .tabarea li:hover .arr{
	background: url(/images/page/m41_arr2.png) no-repeat center / cover;
}
.m41 .sec2 .conwrap{
	padding: 300px 0 0;
}
.m41 .sec2 .conwrap .con{}
.m41 .sec2 .conwrap .con + .con{
	margin-top: 500px;
}
.m41 .sec2 .conwrap .con .con_tit{
	position: relative;
	width: 470px;
	margin-bottom: 80px;
	padding-bottom: 10px;
	font-size: 24px;
	font-weight: 600;
	color: #222;
}
.m41 .sec2 .conwrap .con .con_tit:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #999;
}
.m41 .sec2 .conwrap .con .slgwrap{
	display: flex;
	align-items: center;
}
.m41 .sec2 .conwrap .con .slgwrap .img{
	position: relative;
	width: calc(100% - 490px);
	height: 400px;
	border-radius: 10px;
	overflow: hidden;
}
.m41 .sec2 .conwrap .con .slgwrap .img img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m41 .sec2 .conwrap .con .slgwrap .img .num{
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}
.m41 .sec2 .conwrap .con .slgwrap .img .num span{
	font-size: 160px;
	font-weight: 500;
	color: transparent;              /* 안쪽 투명 */
	-webkit-text-stroke: 1px #fff;   /* 테두리 두께와 색상 */
}
.m41 .sec2 .conwrap .con .slgwrap .slg{
	width: 490px;
	padding: 0 20px;
	font-size: 42px;
	font-weight: 600;
	line-height: 1.3em;
}
.m41 .sec2 .conwrap .con .txtwrap{
	margin-top: 60px;
}
.m41 .sec2 .conwrap .con .txtwrap .tit{
	font-size: 70px;
	font-weight: 600;
	color: #468a5b;
	margin-bottom: 40px;
}
.m41 .sec2 .conwrap .con .txtwrap .pwrap{
	display: flex;
	justify-content: space-between;
}
.m41 .sec2 .conwrap .con .txtwrap .pwrap p{
	width: 49%;
	font-size: 18px;
	line-height: 1.7em;
}


.m41 .sec2 .conwrap .con2 .slgwrap{
	flex-direction: row-reverse
}
.m41 .sec2 .conwrap .con2 .slgwrap .img .num{
	right: unset;
	left: 30px;
}









.m42{}
.m42 .sec1{padding: 0 0 220px;}
.m42 .slgwrap{
	position: relative;
	overflow: hidden;
	width: 92%;
	max-width: 1760px;
	padding: 0 4%;
	height: 556px;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 15px;
}
.m42 .slgwrap .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m42_slg_bg.jpg) no-repeat center / cover;
}
.m42 .slgwrap .txt{
	position: relative;
	font-size: 60px;
	font-weight: 500;
	color: #fff;
}
.m42 .list{
	margin-top: 150px;
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 50px;
}
.m42 .list li{
	width: calc((100% - 80px) / 5);
	height: 272px;
	border-radius: 15px;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.m42 .list li .num{
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background: #4d9a65;
	border-radius: 50%;
	font-size: 15px;
	color: #fff;
}
.m42 .list li .icon{
	margin: 20px 0;
}
.m42 .list li p{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}
.m42 .list li span{
	font-size: 18px;
	color: #666;
}




.m43{}


.m43 .sec2{position: relative;}
.m43 .sec2 .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m43_sec2_bg.jpg) no-repeat center / cover;
}
.m43 .sec2 .conwrap{
	position: relative;
	padding: 160px 0 200px;
	text-align: center;
}
.m43 .sec2 .conwrap .slg{
	margin: 40px 0 80px;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.7em;
	color: #fff;
}
.m43 .sec2 .conwrap .boxwrap{
	display: flex;
	justify-content: space-between;
}
.m43 .sec2 .conwrap .boxwrap .box{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 30%;
	height: 340px;
	border-radius: 10px;
	background: rgba(0,0,0,0.2);
	border: 1px solid rgba(255,255,255,0.5);
}
.m43 .sec2 .conwrap .boxwrap .box .num{
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 50%;
	background: #4d9a65;
	font-size: 15px;
	color: #fff;
}
.m43 .sec2 .conwrap .boxwrap .box .icon{
	margin: 30px 0;
}
.m43 .sec2 .conwrap .boxwrap .box p{
	font-size: 24px;
	line-height: 1.5em;
	color: #fff;
}
.m43 .sec2 .recruit{
	position: relative;
	width: 100%;
	height: 170px;
	background: rgba(255,255,255,0.8);
	display: flex;
	align-items: center;
}
.m43 .sec2 .recruit .inner{
	position: relative;
	width: 92%;
	max-width: 1150px;
	height: 60px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;

}

.m43 .sec2 .recruit .inner > *{
	width: 25%;
}

.m43 .sec2 .recruit .link {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 50%;
border-right: 1px solid #ccc;
height: 60px;
}

.m43 .sec2 .recruit .link a {
width: 50%;
}

.m43 .sec2 .recruit .inner .tit{
font-size: 20px;
font-weight: 600;
line-height: 60px;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}




/* m50 */
.m50{}
.m50 .steps{
	padding:79px 0 0;
	border-top:2px solid #555;
}
.m50 .steps ul{
	display:flex;justify-content:space-between;
	position:relative;
	max-width:700px;width:100%;
	margin:0 auto;
}
.m50 .steps ul:before{
	display:block;content:"";
	width:100%;height:1px;
	background:#999;
	position:absolute;left:0;top:50%;
}
.m50 .steps ul li{
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:center;
	position:relative;z-index:10;
	width:180px;height:180px;
	padding:33px 3%;
	border-radius:12px;
	background:#dcdcdc;
	text-align:center;
}
.m50 .steps ul li .num{font-size:14px;color:#999;font-weight:500;}
.m50 .steps ul li .icon{height:39px;margin:18px 0;}
.m50 .steps ul li .icon1{background:url(/images/page/m50_step_icon1.png) no-repeat center;}
.m50 .steps ul li .icon2{background:url(/images/page/m50_step_icon2.png) no-repeat center;}
.m50 .steps ul li .icon3{background:url(/images/page/m50_step_icon3.png) no-repeat center;}
.m50 .steps ul li .tit{font-size:17px;color:#999;font-weight:600;}

.m50 .steps ul li.on{background:var(--main-color-green);}
.m50 .steps ul li.on .num{color:#fff;}
.m50 .steps ul li.on .icon1{background:url(/images/page/m50_step_icon1_hover.png) no-repeat center;}
.m50 .steps ul li.on .icon2{background:url(/images/page/m50_step_icon2_hover.png) no-repeat center;}
.m50 .steps ul li.on .icon3{background:url(/images/page/m50_step_icon3_hover.png) no-repeat center;}
.m50 .steps ul li.on .tit{color:#fff;}





/* m51 */
.m51{padding-bottom:200px;}
.m51 .notice{margin-top:90px;}
.m51 .notice .textarea{
	margin-top:30px;
	padding:40px 0;
	border-top:2px solid #555;
	font-size:17px;color:#555;line-height:1.7em;
}

.agreeArea{margin-top:60px;}
.agreeArea .conwrap{
	margin-top:30px;
	padding:70px 0 140px;
	border-top:2px solid #555;
}
.agreeArea .conwrap .boxwrap{margin-bottom:70px;}
.agreeArea .conwrap .boxwrap:last-child{margin:0;}
.agreeArea .conwrap .boxwrap .textarea{
	margin:30px 0 25px;
	padding:18px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#fff;
}
.agreeArea .conwrap .boxwrap .textarea textarea{	
	box-sizing:border-box;
	width:100%;height:280px;
	padding:30px 35px;
	background:#fff;
	border:0;outline:0;resize:none;
	font-size:17px;line-height:1.7em;
}
.agreeArea .conwrap .boxwrap .textarea.short{}
.agreeArea .conwrap .boxwrap .textarea.short textarea{
	overflow:hidden;
	height:140px;padding:30px 35px;
}
.agreeArea .conwrap .boxwrap .chkarea{margin-top:28px;}
.agreeArea .conwrap .boxwrap .chkarea input{display:none;}
.agreeArea .conwrap .boxwrap .chkarea input + label{
	position:relative;
	padding-left:38px;
	font-size:17px;color:#666;font-weight:500;
}
.agreeArea .conwrap .boxwrap .chkarea input + label:before{
	display:block;content:"";
	width:28px;height:28px;
	background:url(/images/page/input_chk.png) no-repeat;
	position:absolute;left:0;top:-2px;
}
.agreeArea .conwrap .boxwrap .chkarea input:checked + label:before{
	background:url(/images/page/input_chk_on.png) no-repeat;
}

.m50 .btns{display:flex;justify-content:center;gap:24px;}
.m50 .btns a,
.m50 .btns button{
	display:flex;align-items:center;justify-content:center;
	width:220px;height:60px;
	border-radius:12px;
	font-size:16px;color:#fff;font-weight:600;text-align:center;
}
.m50 .btns .btnCancel{background:#999;}
.m50 .btns .btnNext{background:var(--main-color-green);}



.formWrap{margin:90px 0 0;}
.formWrap .conwrap{
	margin-top:30px;
	border-top:2px solid #555;	
}
.formWrap .conwrap .boxwrap{
	padding:70px 0;
	border-bottom:1px solid #ccc;
}
.formWrap .conwrap .boxwrap .inputWrap{
	margin-top:25px;
	display:flex;flex-wrap:wrap;justify-content:space-between;
}
.formWrap .req{color:#d91a1a !important;}
.formWrap .conwrap .boxwrap .inputWrap dl{width:49%;margin-top:25px;}
.formWrap .conwrap .boxwrap .inputWrap dl.w100{width:100%;}
.formWrap .conwrap .boxwrap .inputWrap dl dt{font-size:23px;color:#222;font-weight:600;}
.formWrap .conwrap .boxwrap .inputWrap dl dt .msg{font-size:17px;color:var(--main-color-green-1);font-weight:400;}
.formWrap .conwrap .boxwrap .inputWrap dl dd{margin-top:15px;}
.formWrap .conwrap .boxwrap .inputWrap dl dd input{
	box-sizing:border-box;
	width:100%;height:60px;
	padding:0 25px;
	border:0;outline:0;
	font-size:17px;
}
.formWrap .conwrap .boxwrap .inputWrap dl dd select{
	box-sizing:border-box;
	width:100%;height:60px;
	padding:0 25px;
	border:0;outline:0;
	font-size:17px;
	appearance: none;
	background:#fff url(/images/page/sel_arr.png) no-repeat calc(100% - 25px) center;
}
.formWrap .conwrap .boxwrap .inputWrap dl dd .email{display:flex;align-items:center;gap:8px;}
.formWrap .conwrap .boxwrap .inputWrap dl dd .tel{display:flex;align-items:center;gap:8px;}
.formWrap .conwrap .boxwrap .inputWrap dl dd .radio{display:flex;align-items:center;gap:30px;padding-bottom:20px;}
.formWrap .conwrap .boxwrap .inputWrap dl dd .radio input{display:none;}
.formWrap .conwrap .boxwrap .inputWrap dl dd .radio input + label{
	position:relative;
	padding-left:38px;
	font-size:17px;color:#666;font-weight:500;	
}
.formWrap .conwrap .boxwrap .inputWrap dl dd .radio input + label:before{
	display:block;content:"";
	width:28px;height:28px;
	background:url(/images/page/input_chk.png) no-repeat;
	position:absolute;left:0;top:-2px;
}
.formWrap .conwrap .boxwrap .inputWrap dl dd .radio input:checked + label:before{
	background:url(/images/page/input_chk_on.png) no-repeat;
}

.formWrap .conwrap .boxwrap .inputWrap dl dd .radio2{display:flex;flex-wrap:wrap;justify-content:space-between;}
.formWrap .conwrap .boxwrap .inputWrap dl dd .radio2 input{display:none;}
.formWrap .conwrap .boxwrap .inputWrap dl dd .radio2 input + label{
	position:relative;
	box-sizing:border-box;
	display:flex;align-items:center;
	width:49%;height:60px;
	padding-left:77px;
	background:#f3f3f3;border:1px solid #f3f3f3;
	font-size:17px;color:#666;font-weight:500;	
}
.formWrap .conwrap .boxwrap .inputWrap dl dd .radio2 input + label:before{
	display:block;content:"";
	width:28px;height:28px;
	background:url(/images/page/input_chk.png) no-repeat;
	position:absolute;left:28px;top:50%;
	transform:translateY(-50%);
}
.formWrap .conwrap .boxwrap .inputWrap dl dd .radio2 input:checked + label{
	background:#fff;
	border:1px solid var(--main-color-green);
	color:var(--main-color-green);
}
.formWrap .conwrap .boxwrap .inputWrap dl dd .radio2 input:checked + label:before{
	background:url(/images/page/input_chk_on.png) no-repeat;
}

.formWrap .conwrap .boxwrap .inputWrap dl dd .birthday{display:flex;align-items:center;gap:8px;}
.formWrap .conwrap .boxwrap .inputWrap dl dd .birthday>div{position:relative;width:33%;}
.formWrap .conwrap .boxwrap .inputWrap dl dd .birthday>div:after{
	display:block;
	position:absolute;top:50%;z-index:10;
	transform:translateY(-50%);
	font-size:17px;
}
.formWrap .conwrap .boxwrap .inputWrap dl dd .birthday>div:nth-child(1):after{content:"년";right:25px;}
.formWrap .conwrap .boxwrap .inputWrap dl dd .birthday>div:nth-child(2):after{content:"월";right:45px;}
.formWrap .conwrap .boxwrap .inputWrap dl dd .birthday>div:nth-child(3):after{content:"일";right:45px;}
.formWrap .conwrap .boxwrap .inputWrap dl dd .birthday input{position:relative;padding-right:45px;}
.formWrap .conwrap .boxwrap .inputWrap dl dd .birthday select{width:100%;}

.formWrap .conwrap .boxwrap .inputWrap dl dd .flex1{display:flex;align-items:center;gap:8px;}
.formWrap .conwrap .boxwrap .inputWrap dl dd .flex1>div{position:relative;width:50%;}
.formWrap .conwrap .boxwrap .inputWrap dl dd .flex1>div:after{
	display:block;
	position:absolute;top:50%;z-index:10;
	transform:translateY(-50%);
	font-size:17px;
}
.formWrap .conwrap .boxwrap .inputWrap dl dd .flex1>div input{padding-right:45px;}
.formWrap .conwrap .boxwrap .inputWrap dl dd .flex1>div:nth-child(1):after{content:"cm";right:25px;}
.formWrap .conwrap .boxwrap .inputWrap dl dd .flex1>div:nth-child(2):after{content:"kg";right:25px;}

.formWrap h4 + .tip{font-size:17px;text-align:right;}
.formWrap h4 + .tip .req{color:#db4747;}
.formWrap .conwrap .boxwrap .inputWrap .tip{
	width:100%;
	margin-top:10px;
	font-size:17px;color:#333;
}
.btns + .msg{margin-top:20px;font-size:17px;color:#666;font-weight:500;text-align:center;}



/* m51_step3 */
.formWrap .msg.m_inlineView {
display: none;
font-size: 17px;
color: var(--main-color-green-1);
font-weight: 400;
}

.formWrap .conwrap .boxwrap2{padding:60px 0;}
.formWrap .conwrap .boxwrap2 .title{
	position:relative;
	box-sizing:border-box;
	padding-right:200px;margin-bottom:35px;
	font-size:23px;color:#222;font-weight:600;
}
.formWrap .conwrap .boxwrap2 .title .msg{font-size:17px;color:var(--main-color-green-1);font-weight:400;}
.formWrap .conwrap .boxwrap2 .title button{
	position:absolute;right:0;bottom:0;
	width:160px;height:42px;
	background:var(--main-color-green-1);
	border-radius:12px;
	font-size:16px;color:#fff;font-weight:600;
}
.formWrap .conwrap .boxwrap2 .table{overflow:hidden;}
.formWrap .conwrap .boxwrap2 .table>table{width:100%;border-collapse:collapse;border-top:2px solid #555;}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>th{
	padding:18px;
	background:#dcdcdc;
	border:1px solid #999;
	font-size:17px;color:#666;font-weight:500;text-align:center;
}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td{
	padding:18px;
	background:#fff;
	border:1px solid #999;
	font-size:17px;color:#666;text-align:center;
}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList{padding:0;border:0;}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList table{width:100%;border-collapse:collapse;}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList table td{
	padding:18px;
	background:#fff;
	border:1px solid #999;
	font-size:17px;color:#666;text-align:center;
}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList table td>div{
	display:flex;align-items:center;gap:5px;
}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list2 table td>div{}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList table td>div input{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap	;
	width:100%;
	font-size:17px;color:#666;text-align:center;
	border:0;outline:0;
}


.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList table td .btnDel{
	display:inline-block;
	width:80px;height:42px;
	background:#999;
	border-radius:12px;	
}


.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list1 table td.input1>div{width:calc(170px - 37px);}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list1 table td.input2>div{width:calc(170px - 37px);}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list1 table td.input3>div{width:calc(170px - 37px);}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list1 table td.input4>div{width:calc(344px - 37px);}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list1 table td.input5>div{width:calc(270px - 37px);}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list1 table td.input6>div{width:calc(145px - 37px);}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list1 table td.input7>div{width:calc(170px - 37px);}

.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list2 table td.input1>div{width:calc(255px - 37px);}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list2 table td.input2>div{width:calc(215px - 37px);}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list2 table td.input3>div{width:calc(200px - 37px);}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list2 table td.input4>div{width:calc(250px - 37px);}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list2 table td.input5>div{width:calc(350px - 37px);}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list2 table td.input6>div{width:calc(170px - 37px);}

.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list3 table td.input1>div{width:calc(255px - 37px);}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list3 table td.input2>div{width:calc(215px - 37px);}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list3 table td.input3>div{width:calc(200px - 37px);}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list3 table td.input4>div{width:calc(250px - 37px);}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list3 table td.input5>div{width:calc(350px - 37px);}
.formWrap .conwrap .boxwrap2 .table>table>tbody>tr>td.historyList.list3 table td.input6>div{width:calc(170px - 37px);}




/* layerForm */
.layerForm{
	display:none;
	position:fixed;left:50%;top:50%;z-index:5000;
	transform:translate(-50%,-50%);
	max-width:1600px;width:90%;
	background:#f4f4f4;
	border-radius:15px;
}
.layerForm .btnClose{position:absolute;right:30px;top:35px;}
.layerForm .conwrap{
	overflow:hidden;overflow-y:auto;
	width:100%;height:86vh;
	box-sizing:border-box;
	padding:0 80px;
}
.layerForm .conwrap .formWrap{}
.layerForm .conwrap .formWrap dl{margin-bottom:70px;}
.layerForm .conwrap .formWrap dl dt{font-size:17px;color:#222;font-weight:600;}
.layerForm .conwrap .formWrap dl dt .msg{margin-left:10px;font-size:17px;color:var(--main-color-green-1);font-weight:400;}
.layerForm .conwrap .formWrap dl dd{margin-top:15px;}
.layerForm .conwrap .formWrap dl dd input{
	box-sizing:border-box;
	width:100%;height:54px;
	padding:0 25px;
	border:1px solid #ccc;outline:0;
	font-size:17px;
}
.layerForm .conwrap .formWrap dl dd select{
	box-sizing:border-box;
	width:100%;height:54px;
	padding:0 25px;
	border:1px solid #ccc;outline:0;
	font-size:17px;
	appearance: none;
	background:#fff url(/images/page/sel_arr.png) no-repeat calc(100% - 25px) center;
}
.layerForm .conwrap .formWrap dl dd textarea{
	box-sizing:border-box;
	width:100%;height:120px;
	padding:25px;
	border:1px solid #ccc;outline:0;resize:none;
	font-size:17px;
}
.layerForm .conwrap .formWrap dl dd .ymd{display:flex;align-items:center;gap:8px;max-width:564px;}
.layerForm .conwrap .formWrap dl dd .ymd>div{position:relative;width:33%;}
.layerForm .conwrap .formWrap dl dd .ymd>div:after{
	display:block;
	position:absolute;top:50%;z-index:10;
	transform:translateY(-50%);
	font-size:17px;
}
.layerForm .conwrap .formWrap dl dd .ymd>div:nth-child(1):after{content:"년";right:25px;}
.layerForm .conwrap .formWrap dl dd .ymd>div:nth-child(2):after{content:"월";right:45px;}
.layerForm .conwrap .formWrap dl dd .ymd>div:nth-child(3):after{content:"일";right:45px;}

.layerForm .conwrap .formWrap dl dd .checkbox{}
.layerForm .conwrap .formWrap dl dd .checkbox input{display:none;}
.layerForm .conwrap .formWrap dl dd .checkbox input + label{
	position:relative;
	box-sizing:border-box;
	display:flex;align-items:center;
	width:100%;
	padding-left:40px;margin-bottom:30px;
	background:#f3f3f3;border:1px solid #f3f3f3;
	font-size:17px;color:#666;font-weight:500;	line-height:1.7em;
}
.layerForm .conwrap .formWrap dl dd .checkbox input + label:before{
	display:block;content:"";
	width:28px;height:28px;
	background:url(/images/page/input_chk2.png) no-repeat;
	position:absolute;left:0;top:0;
}
.layerForm .conwrap .formWrap dl dd .checkbox input:checked + label:before{
	background:url(/images/page/input_chk2_on.png) no-repeat;
}

.layerForm .conwrap .formWrap dl dd .radio{padding:20px 0 0;}
.layerForm .conwrap .formWrap dl dd .radio input{display:none;}
.layerForm .conwrap .formWrap dl dd .radio input + label{
	position:relative;
	box-sizing:border-box;
	display:flex;align-items:center;
	width:100%;
	padding-left:40px;margin-bottom:30px;
	background:#f3f3f3;border:1px solid #f3f3f3;
	font-size:17px;color:#666;font-weight:500;	line-height:1.7em;
}
.layerForm .conwrap .formWrap dl dd .radio input + label:before{
	display:block;content:"";
	width:28px;height:28px;
	background:url(/images/page/input_chk.png) no-repeat;
	position:absolute;left:0;top:0;
}
.layerForm .conwrap .formWrap dl dd .radio input:checked + label:before{
	background:url(/images/page/input_chk_on.png) no-repeat;
}


.layerForm .conwrap .btns{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 80px;}
.layerForm .conwrap .btns a, .layerForm button{
	display:flex;align-items:center;justify-content:center;
	width:220px;height:50px;
	border-radius:12px;
	font-size:16px;color:#fff;font-weight:600;text-align:center;
}
.layerForm .conwrap .btns .btnCancel{background:#999;}
.layerForm .conwrap .btns .btnNext{background:var(--main-color-green);}



.layerForm .conwrap .formWrap.st2{display:flex;flex-wrap:wrap;justify-content:space-between;}
.layerForm .conwrap .formWrap.st2 dl{width:49%;}
.layerForm .conwrap .formWrap.st2 dl dd .period{
	display:flex;align-items:center;
	margin-bottom:10px;
}
.layerForm .conwrap .formWrap.st2 dl dd .period .tit{width:45px;font-size:17px;color:#555;}
.layerForm .conwrap .formWrap.st2 dl dd .period .ymd{width:calc(100% - 45px);}





/* m51_result */
.m51 .result{
	box-sizing:border-box;
	padding:120px 5% 80px;
	background:#f4f4f4;
	border-radius:12px;
	text-align:center;
}
.m51 .result .tit{margin:50px 0 15px;font-size:39px;color:#2f3842;font-weight:700;}
.m51 .result p{font-size:23px;color:#555;font-weight:500;line-height:1.5em;}
.m51 .result a{
	display:flex;align-items:center;justify-content:center;
	width:220px;height:60px;
	margin:80px auto 0;
	background:var(--main-color-green);
	border-radius:12px;
	font-size:16px;color:#fff;font-weight:500;
}




/* m52 */
.m52{padding-bottom:200px;}
.m52 .formWrap{margin:0;}
.m52 .formWrap .req {
	color: #4d9a65 !important;
}
.m52 .formWrap .conwrap{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	margin:0;border:0;
}
.m52 .formWrap .conwrap dl{
	width:49%;
	margin-bottom:70px;
}
.m52 .formWrap .conwrap dl.w100{width:100%;}
.m52 .formWrap .conwrap dl dt{font-size:23px;color:#222;font-weight:600;}
.m52 .formWrap .conwrap dl dd{margin-top:15px;}
.m52 .formWrap .conwrap dl dd input{
	box-sizing:border-box;
	width:100%;height:60px;
	padding:0 25px;
	border:0;outline:0;
	font-size:17px;
}
.m52 .formWrap .conwrap dl dd select{
	box-sizing:border-box;
	width:100%;height:60px;
	padding:0 25px;
	border:0;outline:0;
	font-size:17px;
	appearance: none;
	background:#fff url(/images/page/sel_arr.png) no-repeat calc(100% - 25px) center;
}
.m52 .formWrap .conwrap dl dd textarea{
	box-sizing:border-box;
	width:100%;height:360px;
	padding:25px;
	border:0;outline:0;resize:none;
	font-size:17px;line-height:1.7em;
}
.m52 .formWrap .conwrap dl dd .msg{
	position:relative;
	padding-left:10px;margin-top:10px;
	font-size:17px;color:#555;font-weight:500;
}
.m52 .formWrap .conwrap dl dd .msg:before{
	display:block;content:"*";
	position:absolute;left:0;top:0;
	color:var(--main-color-green);
}
.m52 .formWrap .conwrap dl dd .email{display:flex;align-items:center;gap:8px;}
.m52 .formWrap .conwrap dl dd .tel{display:flex;align-items:center;gap:8px;}

.m52 .formWrap .conwrap dl dd .radio{display:flex;flex-wrap:wrap;gap:7px;}
.m52 .formWrap .conwrap dl dd .radio input{display:none;}
.m52 .formWrap .conwrap dl dd .radio input + label{
	position:relative;
	box-sizing:border-box;
	display:flex;align-items:center;
	flex:1;height:60px;
	padding-left:77px;
	background:#f3f3f3;border:1px solid #f3f3f3;
	font-size:17px;color:#666;font-weight:500;	
}
.m52 .formWrap .conwrap dl dd .radio input + label:before{
	display:block;content:"";
	width:28px;height:28px;
	background:url(/images/page/input_chk.png) no-repeat;
	position:absolute;left:28px;top:50%;
	transform:translateY(-50%);
}
.m52 .formWrap .conwrap dl dd .radio input:checked + label{
	background:#fff;
	border:1px solid var(--main-color-green);
	color:var(--main-color-green);
}
.m52 .formWrap .conwrap dl dd .radio input:checked + label:before{
	background:url(/images/page/input_chk_on.png) no-repeat;
}
.m52 .formWrap .conwrap dl.hidden3{display:none;}


.m52 .formWrap .boxwrap{margin:90px 0 0;}
.m52 .formWrap .boxwrap h4{font-size:27px;color:#222;font-weight:600;}
.m52 .formWrap .boxwrap h4 + p{margin-top:20px;font-size:17px;color:#555;}
.m52 .formWrap .boxwrap h5{
	position:relative;
	margin:35px 0 0;padding:40px;
	border-top:2px solid #555;border-bottom:1px solid #bababa;
	cursor:pointer;
}
.m52 .formWrap .boxwrap h5:after{
	display:block;content:"";
	width:5px;height:5px;
	border-right:2px solid #555;border-bottom:2px solid #555;
	transform:rotate(45deg);
	position:absolute;right:30px;top:50%;
	margin:-5px 0 0 0;
}
.m52 .formWrap .boxwrap h5 input{display:none;}
.m52 .formWrap .boxwrap h5 input + label{
	position:relative;
	box-sizing:border-box;
	display:inline-flex;align-items:center;
	flex:1;
	padding-left:49px;
	font-size:21px;color:#222;font-weight:600;	
}
.m52 .formWrap .boxwrap h5 input + label:before{
	display:block;content:"";
	width:34px;height:34px;
	background:url(/images/page/m52_input_chk.png) no-repeat;
	position:absolute;left:0;top:50%;
	transform:translateY(-50%);	
}
.m52 .formWrap .boxwrap h5 input:checked + label:before{
	background:url(/images/page/m52_input_chk_on.png) no-repeat;
}
.m52 .formWrap .boxwrap .hiddenCon{
	display:none;
	padding:65px 40px;
	border-bottom:1px solid #bababa;
}
.m52 .formWrap .boxwrap .hiddenCon .textarea{
	box-sizing:border-box;
	height:370px;
	padding:40px;
	background:0;
	border:1px solid #bababa;
}
.m52 .formWrap .boxwrap .hiddenCon .textarea textarea{
	width:100%;height:100%;
	resize:none;outline:0;border:0;background:0;
	font-size:17px;line-height:1.7em;
}
.m52 .formWrap .reCapcha{margin:60px 0 120px;}



@-webkit-keyframes showImg{
0%{ clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
animation-delay: 1s;
}
@-webkit-keyframes showImg2{
0%{ clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
0%{ clip-path: polygon(0 0, 28% 0, 58% 100%, 0 100%);}
100%{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
}
@-webkit-keyframes showImg3{
0%{ clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
animation-delay: 1s;
}
@-webkit-keyframes opacityAni{
0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes scaleAni{
0%{opacity:0;transform:scale(1.3);}
100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes scaleAni2{
0%{opacity:0;transform:scale(0.5);}
100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes fadeUpAni{
0%{opacity:0; transform:translateY(30px);}
100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes fadeLeftAni{
0%{opacity:0; transform:translateX(-50px);}
100%{opacity:1;transform:translateX(0);}
}
@-webkit-keyframes fadeRightAni{
0%{opacity:0; transform:translateX(50px);}
100%{opacity:1;transform:translateX(0);}
}

.fadeUp{opacity: 0;}
.fadeLeft{opacity: 0;}
.fadeRight{opacity: 0;}
.showImg{opacity: 0;}
.scaleAni2{opacity: 0;}

.showImg.in-view{animation-name: showImg;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.2s; opacity: 1;}
.showImg2.in-view{animation-name: showImg2;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.2s; opacity: 1;}
.showImg3.in-view{animation-name: showImg3;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1s; opacity: 1;}
.opacity.in-view{animation-name: opacityAni;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1s;}
.fadeUp.in-view{animation-name: fadeUpAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1s; opacity: 1;}
.fadeLeft.in-view{animation-name: fadeLeftAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1s; opacity: 1;}
.fadeRight.in-view{animation-name: fadeRightAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1s; opacity: 1;}
.scaleAni.in-view{animation-name: scaleAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 2s; }
.scaleAni2.in-view{animation-name: scaleAni2; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.5s; opacity: 1;}


.imgMotion{
animation-name: imgMotion;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	animation-delay: 0.1s;
	opacity: 0;
}
@keyframes imgMotion{
	0% { clip-path: inset(50%);opacity:0; }
	100% {clip-path: inset(0);opacity:1;}
}


.m41 .sec2 .conwrap .con .con_tit:after{width: 0;}
.m41 .sec2 .conwrap .con .con_tit.in-view:after{width: 100%; transition: all 1s;}

.m41 .sec2 .conwrap .con1 .slgwrap .img, .m41 .sec2 .conwrap .con3 .slgwrap .img{opacity: 0; transform: translateX(-60px);}
.m41 .sec2 .conwrap .con1 .slgwrap.in-view .img, .m41 .sec2 .conwrap .con3 .slgwrap.in-view .img{opacity: 1; transform: translateX(0); transition: all 1.2s;}
.m41 .sec2 .conwrap .con2 .slgwrap .img{opacity: 0; transform: translateX(60px);}
.m41 .sec2 .conwrap .con2 .slgwrap.in-view .img{opacity: 1; transform: translateX(0); transition: all 1.2s;}


.m41 .sec2 .conwrap .con1 .slgwrap .slg, .m41 .sec2 .conwrap .con3 .slgwrap .slg{opacity: 0; transform: translateX(60px);}
.m41 .sec2 .conwrap .con1 .slgwrap.in-view .slg, .m41 .sec2 .conwrap .con3 .slgwrap.in-view .slg{opacity: 1; transform: translateX(0); transition: all 1.2s;}
.m41 .sec2 .conwrap .con2 .slgwrap .slg{opacity: 0; transform: translateX(-60px);}
.m41 .sec2 .conwrap .con2 .slgwrap.in-view .slg{opacity: 1; transform: translateX(0); transition: all 1.2s;}




.m42 .slgwrap .bg{transform: scale(1.2);}
.m42 .slgwrap.in-view .bg{transform: scale(1); transition: all 2s 0.2s; }
.m42 .slgwrap .txt{transform: scale(0.9); opacity: 0;}
.m42 .slgwrap.in-view .txt{transform: scale(1); opacity: 1; transition: all 1.2s 0.2s;}



.m43 .sec2 .conwrap .boxwrap .box{opacity: 0; transform: rotateY(60deg);}
.m43 .sec2 .conwrap .boxwrap .box.in-view{opacity: 1; transform: rotateY(0); transition: all 1.2s 0.2s;}