@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:none;}
.ptbr{display: block;}
.tbbr{display:block;}
.tmbr{display: block;}
.mbbr{display:none;}
.pc_view{display: none !important;}
.pt_view{display: block !important;}
.t_view{display: block !important;}
.tm_view{display: block !important;}
.m_view{display: none !important;}
.dn{display:none;}
* {font-family:"Wix Madefor Display","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;}

#header{background-color:#fff;}
/*footer*/
#footer{}
#footer .foot{background: #111111;padding:50px 0;box-sizing:border-box;}
#footer .foot .inner{
	margin:0 auto;
	width:100%;
	padding:0 4.16vw;
	display: flex;
}
#footer .foot .inner .foot_logo{width:214px;margin-right:5.46vw;}
#footer .foot .inner .rightwrap{
width:calc(100% - 214px - 5.46vw);
}
#footer .foot .inner .rightwrap .address{width:100%;display: flex;flex-wrap:wrap;margin-bottom: 45px;
gap:12px;}
#footer .foot .inner .rightwrap .address dl{width:66%;display: flex;align-items:center;}
#footer .foot .inner .rightwrap .address dl>dt{width:100px;box-sizing:border-box;position: relative;font-size:18px;color:#fff;font-weight: 500;font-family: "Pretendard";}
#footer .foot .inner .rightwrap .address dl>dd{
	padding-left: 20px;font-size:18px;color:#fff;opacity:0.6;font-weight: 400;font-family: "Pretendard";box-sizing:border-box;
}
#footer .foot .inner .rightwrap .address dl>dt:before{
position: absolute;content:'';
right:0;top:4px;
width:1px;height:14px;
background: rgba(255,255,255,0.2);
}
#footer .foot .inner .rightwrap .address dl:nth-child(odd){width:31%;}
#footer .foot .inner .rightwrap .copy{
font-size:16px;color:rgba(255,255,255,0.6);font-weight: 350;font-family: "Pretendard";
}

@media screen and (max-width:1399px){
#footer .foot .inner{flex-wrap:wrap;}
#footer .foot .inner .foot_logo{margin-right: 0;}
#footer .foot .inner .rightwrap{width: 100%;margin-top:40px;}
#footer .foot .inner .rightwrap .address dl>dt, #footer .foot .inner .rightwrap .address dl>dd{font-size:16px;}
}
@media screen and (max-width:990px){
#footer .foot .inner .rightwrap .address dl{width: 100%;}
#footer .foot .inner .rightwrap .address dl:nth-child(odd){width:100%;}
}

/*subvisual*/
.sub_visual{
	position: relative;z-index:10;width: 100%;padding:0 4.16vw;margin:0 auto;padding-top:220px;
	background:#fff;
}
.sub_visual .sub_titlearea{
padding:0 0 60px;
margin:0 auto;
text-align: center;
}
.sub_visual .sub_titlearea .locations{position: relative;z-index:100;margin-bottom: 37px;}
.sub_visual .sub_titlearea .locations>ul{display: flex;align-items:center;justify-content:center;}
.sub_visual .sub_titlearea .locations>ul>li{position: relative;}
.sub_visual .sub_titlearea .locations>ul>li:first-child{padding-left: 0;}
.sub_visual .sub_titlearea .locations>ul>li:last-child{padding-right: 0;}
.sub_visual .sub_titlearea .locations>ul>li:before{
	position: absolute;content:'';
	background: url(/images/page/location_arr.png)no-repeat center / contain;
	width:7px;height:11px;
	top:50%;right:-2px;transform:translateY(-50%);
}
.sub_visual .sub_titlearea .locations>ul>li:last-child:before{display: none;}
.sub_visual .sub_titlearea .locations>ul>li>a{position: relative;display: block;width:100%;font-size:20px;font-weight: 300;color:#666666;padding:0 16px;
font-family: "Pretendard";font-weight: 400;
letter-spacing:0.2px;}
.sub_visual .sub_titlearea .locations>ul>li.home>a{padding-left: 24px;}
.sub_visual .sub_titlearea .locations>ul>li.home>a:after{
	position: absolute;content:'';
	background: url(/images/page/location_home.png)no-repeat center;
	width:14px;height:16px;
	left:0;;top:50%;transform:translateY(-50%);
}
.sub_visual .sub_titlearea .slogan{
font-family: "Pretendard";
font-size:64px;
color:#111;font-weight: bold;
}
.sub_visual .bgarea{
	position: relative;
	overflow:hidden;
	height:340px;
	width:100%;border-radius:10px;
	
}
.sub_visual .bgarea .bg{
	width: 100%;height: 100%;
}
.sub_visual .bgarea .bg.pn1{background: url(/images/page/sub_visual1.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn1.sn1{background: url(/images/page/sub_visual11.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 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.pn1.sn7{background: url(/images/page/sub_visual17.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.pn3{background: url(/images/page/sub_visual3.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn3.sn1.cate1{background: url(/images/page/sub_visual31.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn3.sn1.cate2{background: url(/images/page/sub_visual312.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn3.sn2{background: url(/images/page/sub_visual32.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn3.sn3{background: url(/images/page/sub_visual33.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn4{background: url(/images/page/sub_visual4.jpg)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_visual52.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn6{background: url(/images/page/sub_visual6.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 .bgarea .bg.pn7{background: url(/images/page/sub_visual7.jpg)no-repeat center / cover;}

/*subtab*/
.subtabarea {  
display: flex;justify-content:center;
margin:0 auto;
margin-top: 60px;
margin-bottom:120px;
width:94%;
overflow:hidden;
}
.subtabarea.pn3,
.subtabarea.pn5.sn1,
.subtabarea.pn4.sn2{margin-bottom: 60px;}
.subtabarea .subtab{
	 border-radius: 10px; /* 둥근 모서리 */
    display: flex;
	border:1px solid #c2bfba;
	
    padding: 7px 26px;
	overflow: hidden;
overflow-y: hidden;
overflow-x: auto;white-space:nowrap;
}
.subtabarea .subtab::-webkit-scrollbar{display: none;}
.subtab li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.subtab li a {
    display: block;
	box-sizing:border-box;
    padding: 0 16px;
    color: #666666;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
	font-family:'Pretendard';
    border-radius: 10px;
    transition: background-color 0.3s, color 0.3s;
	text-align: center;
	height: 46px;
	line-height: 46px;
}

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


.subtab li a:hover {
    background-color: rgba(198,156,108, 0.4);
    color: #666666;
}

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




/*paging*/
.paging{margin-top:100px;text-align:center;}
.paging a{display:inline-block;vertical-align:top;box-sizing:border-box;
font-family: "Poppins";
width:49px;height:49px;color:#9a9a9a;font-size:16px;line-height:49px;font-weight:500;}

.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: "Poppins";display:inline-block;vertical-align:top;box-sizing:border-box;width:49px;height:49px;font-weight: 600;
color:#111;font-size:16px;line-height:49px;background: #c69c6c;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;
}



.m00{width:100%;overflow:hidden;padding-bottom:200px;}
.innerwrap{
width:94%;
max-width:1480px;
margin:0 auto;
}
.inner{padding: 0 4.16vw;box-sizing:border-box;width:100%;}

.m10 h4.title,
.m60 h4.title{
font-family: "Pretendard";
font-size:40px;color:#111;font-weight: 600;line-height: 1.3em;
}

.m11{padding-bottom: 0;}
.m11 .sec1{padding-bottom:200px;}
.m11 .sec1 .con{
display: flex;justify-content:space-between;
}
.m11 .sec1 .con .txtarea{width:50%;padding-right: 6vw;display: flex;flex-direction:column; justify-content: flex-end; /* 세로 방향 끝(아래)으로 정렬 */}
.m11 .sec1 .con .txtarea h3{font-size:40px;color:#111;font-weight: 600;font-family: "Pretendard";line-height: 1.3em;letter-spacing:-0.02em;
word-wrap:normal;word-break:keep-all;}
.m11 .sec1 .con .txtarea p{margin-top: 50px;margin-bottom: 90px;line-height: 1.6em;font-size:20px;color:#555555;
font-weight: 400;word-wrap:normal;word-break:keep-all;
}
.m11 .sec1 .con .txtarea .img{margin-top:auto;}
.m11 .sec1 .con .imgarea{width:50%;border-radius:10px;overflow:hidden;}
.m11 .sec1 .con .imgarea img{width:100%;height: 100%;object-fit:cover;}
.m11 .sec2 .bgwrap{
position: relative;width:100%;overflow:hidden;
}
.m11 .sec2 .bgwrap .bg{
	width:100%;height:700px;
	background: url(/images/page/m11_sec2_bg.jpg)no-repeat center / cover;
}
.m11 .sec2 .bgwrap strong{
display: block;width:100%;text-align: center;margin:0 auto;
position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);
font-family: "Poppins";
font-size:64px;color:#fff;font-weight: 600;
}

@media screen and (max-width:990px){
	.m11 .sec1 .con{flex-wrap:wrap;}
	.m11 .sec1 .con .txtarea, .m11 .sec1 .con .imgarea{width:100%;}
	.m11 .sec1 .con .txtarea{padding-right: 0;margin-bottom: 50px;}
	.m11 .sec1 .con .txtarea .img{}
	.m11 .sec1 .con .txtarea .img img{max-width:100%;display: block;margin:0 auto;width:auto;height: auto;aspect-ratio:5 / 3;}
	.m11 .sec1 .con .imgarea{}
	.m11 .sec1 .con .imgarea img{max-width:100%;display: block;margin:0 auto;width:auto;height: auto;aspect-ratio: 0.79;}
	.m11 .sec2 .bgwrap .bg{height:60vh;}
	.m11 .sec2 .bgwrap strong{font-size:54px;}
}

.m12{padding-bottom: 0;}
.m12 .bgarea{
position: relative;width:100%;
background: url(/images/page/m12_sec1_bg.png)no-repeat center top /100%;
padding-top: 90px;padding-bottom: 200px;
}
.m12 .txtarea{
display: flex;flex-direction:column;align-items:center;justify-content:center;text-align: center;
}
.m12 .txtarea .slogs .en{
color:#111;font-family: "Poppins";font-size:42px;font-weight: 500;margin-bottom: 26px;
}
.m12 .txtarea .slogs strong{
display: block;color:#111;font-family: "Pretendard";font-size:56px;font-weight: 600;
}
.m12 .txtarea .slogs strong span{color:#c69c6c;font-family: inherit;display: block;}
.m12 .txtarea .slogs2{
margin:120px auto 60px;
background: url(/images/page/m12_sec1_txt.png)no-repeat center / contain;
width:100%;
height:143px;
}
.m12 .txtarea .slogs2 b{display: block;color:#111;font-family: "Pretendard";font-size:42px;font-weight: 600;line-height: 143px;}
.m12 .txtarea .txts{margin-bottom: 65px;font-size:20px;color:#555555;font-weight: 400;font-family: "Pretendard";line-height: 1.6em;}
.m12 .txtarea .txts p{font:inherit;}
.m12 .txtarea .txts .bk{color:#111;font-weight: 500;margin-bottom: 35px;}

.m12 .txtarea .sign{
vertical-align:middle;
}
.m12 .txtarea .sign span{display: inline-block;margin-right: 20px;color:#111;font-size:24px;font-weight:600;font-family: "Pretendard";}


@media screen and (max-width:990px){
.m12 .bgarea{padding-top: 260px;}
	.m12 .txtarea .slogs2 b{line-height: 1.4em;}
.m12 .txtarea .slogs2{height: auto;}
.m12 .txtarea .txts br.ptbr{display: none;}
}

.m13 .org{margin-top: 120px;display: block;}
.m13 .org>img{
display: block;max-width:100%;width:85%;margin:0 auto;aspect-ratio:1.68;
}
@media screen and (max-width:990px){
.m13 .org>img{
display: block;max-width:100%;width:50vw;margin:0 auto;aspect-ratio:0.27;
}
}

/* m14 */
.m14{overflow: hidden;}
.m14 .sec1{}
.m14 .sec1 .{}
.m14 .sec1 .historyWrap{padding-top:160px;}
.m14 .sec1 .historyWrap .title{text-align:center;}
.m14 .sec1 .historyWrap .title .year{font-size:4.6vw;color:#090909;font-weight:700;line-height:1.1em;}
.m14 .sec1 .historyWrap .title .tit1{margin:30px 0 15px;font-size:54px;color:#c69c6c;font-weight:700;line-height:1.1em;}
.m14 .sec1 .historyWrap .title .txt{font-size:27px;color:#888;font-weight:400;margin:30px 0 15px;}
.m14 .sec1 .historyWrap .imgarea{
	position:relative;
	margin:60px auto 0;
	width:100vw;height:150vh;
}
.m14 .sec1 .historyWrap .imgarea img{width:100%;}
.m14 .sec1 .historyWrap .imgarea .img1{
	overflow:hidden;
	position:sticky;
	width:25%;height:30vh;
	margin:0 auto;
	border-radius:30px;
}
.m14 .sec1 .historyWrap .imgarea .img1>div{
	overflow:hidden;border-radius:30px;
	width:100%;height:100%;
	clip-path: inset(0% 0% 0%);	
}
.m14 .sec1 .historyWrap .imgarea .img1>div img{
	position:fixed;left:50%;top:50%;
	transform:translate(-50%,-50%);
	width:100%;height:100vh;
	object-fit:cover;
}
.m14 .sec1 .historyWrap .con{position:relative;padding:100px 0 170px;margin-top:50px;}
.m14 .sec1 .historyWrap.history3 .con{margin-top: 0;}
.m14 .sec1 .historyWrap .con:before{
	display:block;content:"";
	position:absolute;left:50%;top:0;
	width:1px;height:100%;
	background:#ddd;
}
.m14 .sec1 .historyWrap .con .line{
	position:absolute;left:50%;top:0;
	width:1px;height:100%;
	background:#c69c6c;
}
.m14 .sec1 .historyWrap .con>div>dl{
	box-sizing:border-box;
	position:relative;
	display:flex;flex-wrap:wrap;
	width:50%;
	padding:0 55px;margin-bottom:80px;		
}
.m14 .sec1 .historyWrap .con>div>dl>dt{transition:all 1s;}
.m14 .sec1 .historyWrap .con>div>dl>dd{transition:all 1s;}
.m14 .sec1 .historyWrap .con>div>dl:before{
	display:block;content:"";
	width:18px;height:18px;
	border:2px solid #fff;border-radius:50%;
	background:#999;
	position:absolute;
}
.m14 .sec1 .historyWrap .con>div>dl.on:before{background:#c69c6c;}
.m14 .sec1 .historyWrap .con>div>dl.on.act:after{
	display:block;content:"";
	width:50px;height:50px;
	border-radius:50%;
	background:rgba(198,156,108,0.2);
	position:absolute;
	animation:afterAni 2s infinite alternate;
}
.m14 .sec1 .historyWrap .con>div>dl:last-child{margin-bottom:0;}
.m14 .sec1 .historyWrap .con>div>dl:nth-child(odd){margin-left:50%;}
.m14 .sec1 .historyWrap .con>div>dl:nth-child(even){flex-direction:row-reverse;text-align:right;}
.m14 .sec1 .historyWrap .con>div>dl:nth-child(odd) dt,
.m14 .sec1 .historyWrap .con>div>dl:nth-child(odd) dd{transform:translateX(-70px);opacity:0;}
.m14 .sec1 .historyWrap .con>div>dl:nth-child(even) dt,
.m14 .sec1 .historyWrap .con>div>dl:nth-child(even) dd{transform:translateX(70px);opacity:0;}
.m14 .sec1 .historyWrap .con>div>dl:nth-child(odd):before{right:100%;margin:20px -11px 0 0;}
.m14 .sec1 .historyWrap .con>div>dl:nth-child(even):before{left:100%;margin:20px 0 0 -10px;}
.m14 .sec1 .historyWrap .con>div>dl.act:nth-child(odd):after{right:100%;margin:6px -25px 0 0;}
.m14 .sec1 .historyWrap .con>div>dl.act:nth-child(even):after{left:100%;margin:5px 0 0 -24px;}

@keyframes afterAni{
	0%{transform:scale(0.5);}
	100%{transform:scale(1);}
}

.m14 .sec1 .historyWrap .con>div>dl.on dt{transform:translateX(0);opacity:1;}
.m14 .sec1 .historyWrap .con>div>dl.on dd{transform:translateX(0);opacity:1;}
.m14 .sec1 .historyWrap .con>div>dl>dt{width:175px;font-size:48px;color:#000;font-weight:700;line-height:1.1em;}
.m14 .sec1 .historyWrap .con>div>dl>dd{width:100%;}
.m14 .sec1 .historyWrap .con>div>dl>dd dl{}
.m14 .sec1 .historyWrap .con>div>dl>dd dl dt{font-family:"Noto Sans KR";font-size:19px;color:#000;}
.m14 .sec1 .historyWrap .con>div>dl>dd dl dd{width:calc(100% - 70px);font-size:19px;color:#555;}
.m14 .sec1 .historyWrap .con>div>dl>dd ul{margin-top:28px;}
.m14 .sec1 .historyWrap .con>div>dl>dd ul li{
	position:relative;
	margin-bottom:15px;
	font-size:18px;color:#555;font-weight:500;line-height:1.5em;
}
.m14 .sec1 .historyWrap .con>div>dl>dd ul li:before{
	display:block;content:"";
	width:8px;height:8px;
	border-radius:50%;
	background:#c69c6c;
	position:absolute;top:8px;
}
.m14 .sec1 .historyWrap .con>div>dl:nth-child(odd)>dd ul li{padding-left:20px;}
.m14 .sec1 .historyWrap .con>div>dl:nth-child(odd)>dd ul li:before{left:0;}
.m14 .sec1 .historyWrap .con>div>dl:nth-child(even)>dd ul li{padding-right:20px;}
.m14 .sec1 .historyWrap .con>div>dl:nth-child(even)>dd ul li:before{right:0;}

/* m15 */
.m15{padding-bottom: 0;}
.m15 .textBg{overflow: hidden;position:relative;margin:100px 0;padding:6.5% 0;}
.m15 .textBg .txt{
	position:absolute;left:0%;top:0;display:flex;white-space:nowrap;
	font-family:"Wix Madefor Display";font-size:170px;font-weight:700;line-height:1em;
	color:#000;
	animation: textScroll 20s linear infinite;
}
.m15 .textBg .txt>div{transform: translateY(-0.15em);}

@keyframes textScroll {
	0%{
		transform: translate(0, 0);
	}
	100%{
		transform: translate(-50%, 0);
	}
}

.m15 .leaders{
	display:flex;flex-wrap:wrap;
	margin-top: 120px;
	
}
.m15 .leaders li{
	overflow:hidden;
	width:31.3%;
	margin:0 2% 4% 0;
	border-radius:10px;
	background:#f3f3f3;
}
.m15 .leaders li:nth-child(3n){margin-right:0;}
.m15 .leaders li:nth-child(6n) {margin-right: 0%;}
.m15 .leaders li .name{
	box-sizing:border-box;
	position:relative;
	width:calc(100% - 40px);
	margin:0 auto;padding:22px 80px 22px 0;
	border-bottom:1px solid #ccc;
	font-size:31px;color:#000;font-weight:600;
}
.m15 .leaders li .name span{
	display:inline-block;vertical-align:top;
	margin:10px 0 0 10px;
	font-size:21px;color:#555;
}
.m15 .leaders li .name:after{
	display:block;content:"";
	width:40px;height:40px;
	border-radius:50%;
	background:#999 url(/images/page/m15_more.png) no-repeat center;
	position:absolute;right:0;top:50%;
	margin-top:-20px;
	transition:all 0.24s;
}
.m15 .leaders li .pht{text-align:center;}
.m15 .leaders li .pht img{filter: grayscale(1);transition:all 0.24s;}

.m15 .leaders li:hover .pht img{filter: grayscale(0);}
.m15 .leaders li:hover .name:after{background:#c69c6c url(/images/page/m15_more.png) no-repeat center;}

@media screen and (max-width:1024px){
	.m15 .leaders li{width:47.5%;}
	.m15 .leaders li:nth-child(3n) {margin-right: 2%;}
	.m15 .leaders li:nth-child(2n) {margin-right: 0%;}
}
@media screen and (max-width:990px){
.m15 .textBg .txt>div{transform: translateY(-0.2em);}
.m15 .textBg .txt{font-size:140px;}
}

.m16{}

.m16 .list{margin-top: 60px;
display: flex;flex-wrap:wrap;gap:100px 2.08vw;
}
.m16 .list li{
width:calc((100% - 2.08vw * 2) / 3);
}
.m16 .list li .thumb_wrap{position: relative;padding:2.34vw;border-radius:10px;background: #f3f3f3;cursor:pointer;overflow:hidden;}
.m16 .list li .thumb_wrap::before{
position: absolute;top:0;left:0;width:100%;height:100%;content:'';
background: rgba(0,0,0,0.2);
opacity:0;transition:all 0.4s ease;
}
.m16 .list li .thumb_wrap::after{
position: absolute;content:'';
background: url(/images/page/m17_plus.png)no-repeat center;
opacity:0;transition:all 0.4s ease;
width:70px;height:70px;
top:50%;left:50%;transform:translate(-50%, -50%);
}
.m16 .list li .thumb_wrap .thumb{width:100%;aspect-ratio: 5 / 7;}
.m16 .list li .thumb_wrap .thumb img{}
.m16 .list li .thumb_wrap .tag{position: absolute;top:1.04vw;left:1.04vw;z-index:10;width:110px;height:40px;background: #999999;
border-radius:5px;display: flex;align-items:center;justify-content:center;font-family: "Pretendard";font-size:20px;font-weight: 600;color:#fff;
transition:all 0.4s ease;
}
.m16 .list li .info{padding-top: 30px;margin-top: 30px;border-top: 1px solid #cccccc;}
.m16 .list li .info .title{color:#111;font-size:27px;font-weight: 600;font-family: "Pretendard";}

.m16 .list li:hover .thumb_wrap::before,
.m16 .list li:hover .thumb_wrap::after{opacity:1;}
.m16 .list li:hover .thumb_wrap .tag{background: #c69c6c;color:#111;}

/*인증 img pop*/
.img-pop {
     display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index:4100;
    width:100%;
	max-width:700px;
    transform: translate(-50%,-50%);
	
}
.img-pop .conwrap{
	position: relative;
	background: #fff;
	overflow: hidden;
    box-sizing: border-box;
	width:100%;
	border-radius:10px;
	padding:40px;
}
.img-pop .conwrap img{
/* position: absolute;top:50%;left:50%; transform: translate(-50%,-50%);
width:100%;height:100%; */
}
.img-pop .conwrap .titlearea{
display: flex;align-items:center;padding-bottom: 30px;margin-bottom: 30px;
border-bottom: 2px solid #cccccc;
}
.img-pop .conwrap .titlearea .pop-tag{
width:110px;height:40px;margin-right: 18px;
border-radius:5px;display: flex;align-items:center;justify-content:center;font-family: "Pretendard";font-size:20px;font-weight: 600;
transition:all 0.4s ease;background: #c69c6c;color:#111;
}
.img-pop .conwrap .titlearea .pop-tit{
width:calc(100% - 110px - 18px);font-family: "Pretendard";font-size:34px;color:#111;font-weight: 600;
}
.img-pop .conwrap .imgarea img{display: block;margin:0 auto;max-width:100%;aspect-ratio: 5 / 7; max-height: 75vh;}
.img-pop .btn_close{
	outline:none;
	border:none;background: transparent;
    position: absolute;
    top: 33px;
    right:40px;
    
    width: 50px;
    height: 50px;
	display:flex;justify-content:center;align-items:center;
}
.img-pop .btn_close img{width:100%;height:100%;}

@media screen and (max-width:990px){
	.m16 .list li{
width:calc((100% - 2.08vw ) / 2);
}
}

/*m17*/
.m17{padding-bottom: 0;}
.m17 .sec1{background: url(/images/page/m17_logo_bg.png)no-repeat right top 63%;}
.m17 .infoarea{
margin-bottom: 100px;margin-top: 120px;
display: flex;align-items:start;justify-content:space-between;
flex-wrap:wrap;
}
.m17 .infoarea .titwrap{width:100%;;}
.m17 .infoarea .titwrap strong{
display: block;font-weight: 600;font-family: "Poppins";color:#111;font-size:64px;margin-top: 8px;
}
.m17 .infoarea .addwrap{margin-top: 40px;width:100%;border-top: 2px solid #000000;}
.m17 .infoarea .addwrap dl{display: flex;align-items:center;padding:45px 2.08vw;border-bottom: 1px solid #cccccc;;}
.m17 .infoarea .addwrap dl dt{display: block;font-weight: 600;font-family: "Poppins";color:#111;font-size:22px;width:180px;
padding-left: 45px;position: relative;
}
.m17 .infoarea .addwrap dl dt::before{
	position: absolute;content:'';
	width:30px;height:30px;
	top:0;left:0;
	background: url(/images/page/m17_icon1.png)no-repeat center;
	background-size:contain;
}
.m17 .infoarea .addwrap dl:nth-child(2) dt::before{background: url(/images/page/m17_icon2.png)no-repeat center;}
.m17 .infoarea .addwrap dl:nth-child(3) dt::before{background: url(/images/page/m17_icon3.png)no-repeat center;}
.m17 .infoarea .addwrap dl dd, .m17 .infoarea .addwrap dl dd a{
font-weight: 300;font-family: "Pretendard";color:#111;font-size:22px;width:calc(100% - 180px);
}
.m17 .infoarea .addwrap dl dd{position: relative;padding-left: 1.8vw;}
.m17 .infoarea .addwrap dl dd::before{
	position: absolute;top:0;left:0;
	width:1px;height:100%;max-height:22px;
	content:'';
	background: #cccccc;
}
.m17 .maparea{width:100%;height:820px;}
.m17 .maparea iframe{
width:100%;height:100%;
}


/* m21 */
.sub_visual.pn2{
	position:fixed;left:0;top:0;
	padding-bottom:115px;
}
.fixTabs{position:relative;height:60px;}
.fixTabs ul{
	display:flex;justify-content:center;
	width:100%;
	left:0;top:calc(100px + 60px);
	transition:all 0.24s;
}
.fixTabs ul li{margin:0 3px;width:calc((100% - 30px) / 5);}
.fixTabs ul li a{
	display:flex;align-items:center;justify-content:center;
	width:210px;height:60px;
	max-width:100%;
	box-sizing:border-box;
	border:1px solid #ccc;border-radius:15px;
	background:#fff;
	font-size:16px;color:#777;text-align:center;font-weight:500;
	transition:all 0.4s;
}
.fixTabs ul li.on a{border:1px solid #c69c6c;background:#c69c6c;color:#fff;}


.m21{padding:0;}
.m21 .business{}
.m21 .business .boxwrapContainer{
	position:relative;width:100%;height:100vh;
	background:url(/images/page/m21_img1.jpg) no-repeat center;
	background-size:cover;
	transform:scale(1.1);
}
.m21 .business .boxwrap{
	position:relative;
	width:100%;height:100vh;
	opacity:0;
	position: absolute;left:0;top:0;
	transition:all 0.6s;
}
.m21 .business .boxwrap.on{opacity:1;}
.m21 .business .boxwrap.on .bg{}
.m21 .business .boxwrap .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100vh;
	transform:scale(1.1);
	transition: all 1.2s ease;
}
.m21 .business .boxwrap .bg:before{
position: absolute;content:'';
width:100%;height: 100%;
background: rgba(0,0,0,0.3);
top:0;left:0;
}
.m21 .business .boxwrap.on .bg{transform:scale(1);}
.m21 .business .boxwrap.b1 .bg{
	background:url(/images/page/m21_img1.jpg) no-repeat center;
	background-size:cover;
}
.m21 .business .boxwrap.b2 .bg{
	background:url(/images/page/m21_img2.jpg) no-repeat center;
	background-size:cover;
}
.m21 .business .boxwrap.b3 .bg{
	background:url(/images/page/m21_img3.jpg) no-repeat center;
	background-size:cover;
}
.m21 .business .boxwrap.b4 .bg{
	background:url(/images/page/m21_img4.jpg) no-repeat center;
	background-size:cover;
}
.m21 .business .boxwrap.b5 .bg{
	background:url(/images/page/m21_img5.jpg) no-repeat center;
	background-size:cover;
}
.m21 .business .boxwrap .txtwrap{
	position:absolute;left:10%;top:50%;z-index:10;
	max-width:65vw;
	transform:translateY(-50%);
	word-break:keep-all;
}
.m21 .business .boxwrap .txtwrap h4{
	font-size:46px;color:#fff;font-weight:600;
	opacity:0;
	transform:translateY(60px);
	transition: opacity 0.5s ease, transform 0.5s ease;
}
.m21 .business .boxwrap .txtwrap p{
	margin-top:45px;font-size:17px;color:#fff;font-weight:400;line-height:1.7em;
	opacity:0;
	transform:translateY(60px);
	transition: opacity 0.5s ease, transform 0.5s ease;
}
.m21 .business .boxwrap.on .txtwrap h4{opacity:1;transform:translateY(0px);transition-delay: 0.1s;}
.m21 .business .boxwrap.on .txtwrap p{opacity:1;transform:translateY(0px);transition-delay: 0.3s;}

/*m51*/
.bbs{padding-bottom: 160px;}
.bbs .list1{display: flex;flex-wrap:wrap;gap:50px 2.45vw;}
.bbs .list1 li{
width:calc((100% - 2.45vw ) / 2);border-radius:10px;overflow:hidden;
}

.bbs .list1 li .thumb{
position: relative;width:100%;
}
.bbs .list1 li .thumb .img{
	width:100%;aspect-ratio:1.45;overflow:hidden;border-radius:10px;
}
.bbs .list1 li .thumb .img>img{
width:100%;height: 100%;object-fit:cover;transition:transform 0.6s ease;
/* transform:scale(1.2);
transition:transform 0.6s ease; */
}
.bbs .list1 li .thumb .tag{
position: absolute;z-index:20;top:20px;left:20px;
min-width:70px;height:30px;border-radius:5px;background: rgba(255,255,255,0.8);
line-height: 30px;text-align: center;font-size:13px;color:#111;font-weight:600;
}
.bbs .list1 li .info{
padding:30px 20px 40px;box-sizing:border-box;
}
.bbs .list1 li .info .tit{
font-size:24px;color:#111;font-weight: 600;font-family: "Pretendard", "Noto Sans KR";margin-bottom: 14px;
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;
}
.bbs .list1 li .info .txt{
display: -webkit-box;
-webkit-line-clamp: 2; /* 두 줄까지만 표시 */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size:20px;color:#555555;font-weight: 400;font-family: "Pretendard", "Noto Sans KR";line-height: 1.6em;
}
.bbs .list1 li:hover{
	transition:all 0.4s ease;background: #cea87d;
}
.bbs .list1 li:hover .thumb .img>img{
transform:scale(1.15);
transition:transform 0.6s ease;
}

.bbs .list1 li:hover .info .txt{color:#000;}

/*bbs view*/
.bbs_view{padding-bottom: 200px;}
.bbs_view .titlearea{
	border-top:2px solid #000000;
	padding:50px 30px;
	border-bottom: 1px solid #cccccc;
	box-sizing:border-box;
}
.bbs_view .titlearea .title{font-size:48px;color:#111;
font-weight: 600;font-family: "Pretendard", "Noto Sans KR", sans-serif;}
.bbs_view .filearea{
	border-bottom: 1px solid #cccccc;
	padding:40px 30px;
	box-sizing:border-box;
	display: flex;align-items:center;
}
.bbs_view .filearea>div{
	position: relative;
	box-sizing:border-box;
	padding-left: 33px;
	margin-top: 12px;
}
.bbs_view .filearea>div:first-child{margin-top: 0;}
.bbs_view .filearea>div:before{
	position: absolute;
	content:'';
	width:20px;height:20px;
	background: url(/images/page/bbs_file_icon.png)no-repeat center;
	top:4px;left:0;
}
.bbs_view .filearea>div>a{
	display: block;width:100%;font-family: "Pretendard", "Noto Sans KR", sans-serif;
	font-size:22px;color:#555;font-weight: 400;
	background: url(/images/page/board_down_icon.png)no-repeat right center;
	box-sizing:border-box;
	
}
.bbs_view .conarea{
	border-bottom: 1px solid #dddddd;
	padding:50px 30px 60px;
	box-sizing:border-box;
	font-size:22px;font-weight:400;color:#5c5c5c;opacity:0.8;
font-family: "Pretendard", "Noto Sans KR", sans-serif;
line-height: 1.75em;
}

.bbs_view .btnwrap{margin-top: 100px;}
.bbs_view .btnwrap .list_btn{
margin:0 auto;
width:200px;height:60px;background:#c69c6c;font-size:22px;color:#111;border-radius:10px;font-weight:600;font-family: 'Poppins',sans-serif;
display: flex;align-items:center;justify-content:center;}
.bbs_view .btnwrap .list_btn>span{display: block;font:inherit;box-sizing:border-box;padding-top:2px;}
.bbs_view .btnwrap .list_btn>i{
	display: block;width: 16px;height: 12px;
	background: url(/images/page/bbs_list_btn_i.png)no-repeat center;margin-left: 8px;
}

/* m31 */
.m31{}
.m31 .project{}
.m31 .project .toparea{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.m31 .project .toparea ul{display:flex;width: 100%;}
.m31 .project .toparea ul li{
	position:relative;
	padding-left:15px;
	margin-right:2vw;
}
.m31 .project .toparea ul li a{
	display:block;
	font-size:18px;color:#9e9e9e;font-weight:500;
}
.m31 .project .toparea ul li.on a{color:#000;font-weight:700;}
.m31 .project .toparea ul li.on:before{
	display:block;content:"";
	width:6px;height:6px;
	background:#c69c6c;
	border-radius:50%;
	position:absolute;left:0;top:8px;
}
.m31 .project .toparea .searchwrap{
	margin-top: 20px;
	display:flex;align-items:center;
	width:100%;
	box-sizing:border-box;
	padding:0 10px;
	border-bottom:1px solid #ddd;
}
.m31 .project .toparea .searchwrap input{
	width:calc(100% - 20px);height:50px;
	font-size:19px;color:#333;
	border:0;outline:0;
}
.m31 .project .toparea .searchwrap input::placeholder{color:#999;}
.m31 .project .toparea .searchwrap button{
	width:20px;height:20px;
}

.m31 .project .listarea{margin:60px 0 0;}
.m31 .project .listarea ul{display:flex;flex-wrap:wrap;}
.m31 .project .listarea ul li{
	width:48%;
	margin:0 2% 90px 0;
}
.m31 .project .listarea ul li:nth-child(2n){margin-right:0;}
.m31 .project .listarea ul li .thumb{
	overflow:hidden;
	position:relative;
	border-radius:10px;
}
.m31 .project .listarea ul li .thumb>img{width:100%;height:280px;}
.m31 .project .listarea ul li .thumb .hover{
	display:flex;align-items:center;justify-content:center;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:rgba(0,0,0,0.6);
	opacity:0;
	transition:opacity 0.6s;
}
.m31 .project .listarea ul li:hover .thumb .hover{opacity:1;}
.m31 .project .listarea ul li .thumb .hover .more{}
.m31 .project .listarea ul li .thumb .hover .more span{
	position:relative;
	font-size:17px;color:#fff;
	border-bottom:1px solid #fff;
}
.m31 .project .listarea ul li .info{padding:30px 0 0;}
.m31 .project .listarea ul li .info .cate2{font-size:16px;color:#555}
.m31 .project .listarea ul li .info .tit{margin-top:5px;font-size:26px;color:#000;font-weight:600;}

.m31 .view{}
.m31 .view .btns{display:flex;justify-content:space-between;align-items:center;margin:95px 0 0;}
.m31 .view .btns a{
	position:relative;
	font-size:21px;color:#666;line-height:42px;
}
.m31 .view .btns a:before{
	display:block;content:"";
	width:42px;height:42px;
	box-sizing:border-box;
	border:1px solid #ddd;border-radius:50%;
	position:absolute;
	transition:all 0.4s;
}
.m31 .view .btns a.prev{padding-left:60px;}
.m31 .view .btns a.prev:before{
	left:0;top:0;
	background:url(/images/page/m31_view_prev.png) no-repeat center;
}
.m31 .view .btns a.prev:hover:before{
	border:1px solid #c69c6c;
	background:#c69c6c url(/images/page/m31_view_prev_hover.png) no-repeat center;
}
.m31 .view .btns a.next{padding-right:60px;}
.m31 .view .btns a.next:before{
	right:0;top:0;
	background:url(/images/page/m31_view_next.png) no-repeat center;
}
.m31 .view .btns a.next:hover:before{
	border:1px solid #c69c6c;
	background:#c69c6c url(/images/page/m31_view_next_hover.png) no-repeat center;
}
.m31 .view .PviewSwiper{margin:20px 0 0;text-align:center;}
.m31 .view .PviewSwiper .swiper-slide img{width:auto !important;max-height:600px;}
.m31 .view .PviewSwiper .Pview-paging{
	position:absolute;z-index:10;bottom:30px;
	width:100%;
	text-align:center;
}
.m31 .view .PviewSwiper .Pview-paging span{
	width:40px;height:4px;
	border-radius:0;
	background:#fff;
}
.m31 .view .PviewSwiper .cursor{}
.m31 .view .PviewSwiper .cursor .pointer{
	position:absolute;left:50%;top:50%;z-index:10;
	transform:translate(-50%,-50%) scale(0);
	width:80px;height:80px;
	cursor:none;
	border-radius:50%;
	transform-origin:center;
	transition:transform 0.4s;
}
.m31 .view .PviewSwiper .cursor .pointer.on{transform:translate(-50%,-50%) scale(1)}
.m31 .view .PviewSwiper .cursor .pointer.pvprev {
    background: url('/images/page/m31_view_pvprev.png') no-repeat center center;
}

.m31 .view .PviewSwiper .cursor .pointer.pvnext {
    background: url('/images/page/m31_view_pvnext.png') no-repeat center center;
}

.m31 .view .projectInfo{
	display:flex;flex-wrap:wrap;
	padding:60px 0 0;
	border-bottom:1px solid #ccc;
}
.m31 .view .projectInfo .titlearea{width:50%;padding-top:30px;}
.m31 .view .projectInfo .titlearea .cate2{font-size:20px;color:#555;}
.m31 .view .projectInfo .titlearea .tit{margin-top:10px;font-size:54px;color:#000;font-weight:600;}
.m31 .view .projectInfo .infoarea{
	width:50%;
}
.m31 .view .projectInfo .infoarea dl{
	display:flex;
	padding:30px;
	border-bottom:1px solid #ccc;
}
.m31 .view .projectInfo .infoarea dl:last-child{border:0;}
.m31 .view .projectInfo .infoarea dl dt{
	box-sizing:border-box;
	width:35%;
	padding:5px 0 5px 55px;
	font-size:18px;color:#555;
}
.m31 .view .projectInfo .infoarea dl:nth-child(1) dt{
	background:url(/images/page/m31_view_info_icon1.png) no-repeat left;
}
.m31 .view .projectInfo .infoarea dl:nth-child(2) dt{
	background:url(/images/page/m31_view_info_icon2.png) no-repeat left;
}
.m31 .view .projectInfo .infoarea dl:nth-child(3) dt{
	background:url(/images/page/m31_view_info_icon3.png) no-repeat left;
}
.m31 .view .projectInfo .infoarea dl:nth-child(4) dt{
	background:url(/images/page/m31_view_info_icon4.png) no-repeat left;
}
.m31 .view .projectInfo .infoarea dl dd{
	width:65%;
	padding:5px 0;
	font-size:18px;color:#000;
}
.m31 .view .btnList{
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:center;
	width:200px;height:60px;
	margin:100px auto 0;
	border-radius:10px;
	border:1px solid #c69c6c;
	background:#c69c6c;
	font-size:21px;color:#000;font-weight:600;
}
.m31 .view .btnList>div{
	width:16px;
	margin:3px 0 0 9px;
}
.m31 .view .btnList>div>span{
	display:block;
	width:100%;height:2px;
	margin-bottom:3px;
	background:#000;
}
.m31 .view .btnList>div>span:last-child{margin-bottom:0;}
@media screen and (max-width:1200px){
	.m31 .view .projectInfo{flex-wrap:wrap;}
	.m31 .view .projectInfo .titlearea, .m31 .view .projectInfo .infoarea{width:100%;}
	.m31 .view .projectInfo .infoarea{margin-top: 50px;}
}


/* m32 */
.m32{}
.m32 .timeLapse{max-width:1760px;margin:0 auto;width:94%;}
.m32 .timeLapse .listarea{}
.m32 .timeLapse .listarea ul{display:flex;flex-wrap:wrap;}
.m32 .timeLapse .listarea ul li{
	overflow:hidden;
	width:31.3%;
	margin:0 2% 30px 0;
	border-radius:10px;
	transition:all 0.24s;
}
.m32 .timeLapse .listarea ul li:nth-child(3n){margin-right:0;}
.m32 .timeLapse .listarea ul li .thumb{overflow:hidden;position:relative;border-radius:10px;}
.m32 .timeLapse .listarea ul li .thumb>img{width:100%;aspect-ratio:57 / 35;}
.m32 .timeLapse .listarea ul li .thumb .btnPlay{
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	width:70px;height:70px;
	box-sizing:border-box;
	border:2px solid #fff;border-radius:50%;
	background:url(/images/page/btn_play.png) no-repeat center;
}
.m32 .timeLapse .listarea ul li .info{padding:30px 25px 40px;}
.m32 .timeLapse .listarea ul li .info .tit{font-size:23px;color:#000;font-weight:600;line-height:1.5em;}
.m32 .timeLapse .listarea ul li:hover{background:#c69c6c;}
.m32 .paging{margin:0;}

@media screen and (max-width:1200px){
	.m32 .timeLapse .listarea ul li{
	width:48%;
	margin:0 2% 30px 0;
}
.m32 .timeLapse .listarea ul li:nth-child(3n){margin-right:2%;}
.m32 .timeLapse .listarea ul li:nth-child(2n){margin-right:0%;}
.m32 .timeLapse .listarea ul li:nth-child(6n){margin-right:0%;}
.m32 .timeLapse .listarea ul li .info .tit{font-size:20px;}
}

/* m33 */
.m33{}
.m33 .contract{}
.m33 .contract .listarea{}
.m33 .contract .listarea ul{display:flex;flex-wrap:wrap;}
.m33 .contract .listarea ul li{
	overflow:hidden;
	box-sizing:border-box;
	width:31.65%;
	margin:0 2.5% 100px 0;
	padding:40px 35px;
	background:#f3f3f3;
	border-radius:10px;
}
.m33 .contract .listarea ul li:nth-child(3n){margin-right:0;}
.m33 .contract .listarea ul li .tit{
	padding-bottom:30px;margin-bottom:30px;
	font-size:27px;color:#000;font-weight:600;line-height:1.5em;
	word-break:keep-all;
	border-bottom:1px solid #c2c2c2;
}
.m33 .contract .listarea ul li dl{display:flex;margin-bottom:15px;}
.m33 .contract .listarea ul li dl:last-child{margin-bottom:0;}
.m33 .contract .listarea ul li dl dt{
	width:95px;
	font-size:20px;color:#111;font-weight:500;
}
.m33 .contract .listarea ul li dl dd{
	width:calc(100% - 95px);
	font-size:20px;color:#555;font-weight:400;
}
.m33 .paging{margin:0;}


@media screen and (max-width:1200px){
	.m33 .contract .listarea ul li{
		overflow:hidden;
		box-sizing:border-box;
		width:48.65%;
		margin:0 2.5% 100px 0;
		padding:40px 35px;
		background:#f3f3f3;
		border-radius:10px;
	}
	.m33 .contract .listarea ul li:nth-child(3n){margin-right:2%;}
	.m33 .contract .listarea ul li:nth-child(2n){margin-right:0%;}
	.m33 .contract .listarea ul li:nth-child(6n){margin-right:0%;}
}

/* m41 */
.m41{overflow:hidden;padding-bottom: 0;}
.m41 h3{
	margin:100px 0 50px;
	font-size:42px;color:#000;font-weight:600;
}
.m41 .exp{font-size:21px;color:#555;line-height:1.7em;}

.subTabs{
	overflow:hidden;
	display:flex;
	border-radius:10px;
}
.subTabs li{width:33.333%;}
.subTabs li a{
	display:block;
	width:100%;height:63px;
	background:#f3f3f3;
	font-size:18px;color:#555;text-align:center;line-height:63px;font-weight:500;
}
.subTabs li.on a{background:#c69c6c;color:#fff;}

.subTabs2{display:flex;margin:70px 0 40px;}
.subTabs2 li{
	position:relative;
	margin-right:30px;padding-left:16px;
}
.subTabs2 li:before{
	display:block;content:"";
	width:8px;height:8px;
	background:#c69c6c;
	border-radius:50%;
	position:absolute;left:0;top:10px;
	opacity:0;
}
.subTabs2 li.on:before{opacity:1;}
.subTabs2 li a{
	display:block;
	width:100%;
	font-size:21px;color:#9e9e9e;font-weight:500;
}
.subTabs2 li.on a{color:#000;font-weight:600;}


.m41 .section1{}
.m41 .section1 h4 {
	font-size: 38px;
	color: #111;
	font-weight: 600;
	font-family: "Pretendard";
	margin-bottom: 40px;
	line-height: 1.4em;
}
.m41 .section1 .dia{margin:120px 0 280px;}
.m41 .section1 .dia>div{
	position:relative;
	display:flex;align-items:center;justify-content:center;
	width:460px;height:460px;
	border:1px solid #ccc;border-radius:50%;
	margin:0 auto;
}
.m41 .section1 .dia>div .dots{}
.m41 .section1 .dia>div .dots>div{
	position:absolute;
	width:8px;height:8px;
	background:#cfcfcf;
	border-radius:50%;
}
.m41 .section1 .dia>div .dots>div:nth-child(1){left:50%;top:-4px;margin-left:-4px;}
.m41 .section1 .dia>div .dots>div:nth-child(2){right:1px;top:38%;}
.m41 .section1 .dia>div .dots>div:nth-child(3){right:58px;bottom:15%;}
.m41 .section1 .dia>div .dots>div:nth-child(4){left:58px;bottom:15%;}
.m41 .section1 .dia>div .dots>div:nth-child(5){left:1px;top:38%;}
.m41 .section1 .dia>div h4{
	display:flex;align-items:center;justify-content:center;
	width:260px;height:260px;
	box-sizing:border-box;
	margin:0 auto;padding:0 25px;
	background:#b08656;
	border:30px solid #f3f3f3;
	border-radius:50%;
	font-size:25px;color:#fff;font-weight:600;text-align:center;
}
.m41 .section1 .dia>div ul{}
.m41 .section1 .dia>div ul li{
	display:flex;align-items:center;flex-wrap:wrap;
	position:absolute;
	width:425px;
}
.m41 .section1 .dia>div ul li:nth-child(1){left:calc(100% - 135px);top:-6px;}
.m41 .section1 .dia>div ul li:nth-child(2){left:calc(100% - 80px);top:230px;}
.m41 .section1 .dia>div ul li:nth-child(3){display:block;width:175px;left:calc(50% - 86px);top:calc(100% - 70px);text-align:center;}
.m41 .section1 .dia>div ul li:nth-child(4){flex-direction:row-reverse;right:calc(100% - 80px);top:230px;text-align:right;}
.m41 .section1 .dia>div ul li:nth-child(5){flex-direction:row-reverse;right:calc(100% - 135px);top:-6px;text-align:right;}
.m41 .section1 .dia>div ul li .icon{		
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:140px;height:140px;
	border:1px solid #ccc;
	background:#fff;
	border-radius:50%;
}
.m41 .section1 .dia>div ul li .tit{
	box-sizing:border-box;
	width:calc(100% - 140px);
	padding-left:30px;
	font-size:20px;color:#000;font-weight:600;
}
.m41 .section1 .dia>div ul li:nth-child(3) .icon{margin:0 auto;}
.m41 .section1 .dia>div ul li:nth-child(3) .tit{width:100%;padding:0;margin-top:25px;}
.m41 .section1 .dia>div ul li:nth-child(4) .tit{padding:0 30px 0 0;}
.m41 .section1 .dia>div ul li:nth-child(5) .tit{padding:0 30px 0 0;}
.m41 .section1 .msg{
	display:flex;align-items:center;justify-content:space-between;
	box-sizing:border-box;
	border:1px solid #ccc;border-radius:10px;
	padding:20px;
	margin-bottom: 200px;
}
.m41 .section1 .msg .logoarea{
	display:flex;align-items:center;justify-content:center;
	width:444px;height:248px;
	border-radius:10px;
	background:#f3f3f3;
}
.m41 .section1 .msg .txtarea{
	width:calc(100% - 444px - 60px);
	font-size:21px;color:#555;line-height:1.5em;
}

@media screen and (max-width:1200px){
.m41 .section1 .dia>div ul li .tit{text-align: center !important;position: absolute;}
.m41 .section1 .dia>div ul li:nth-child(1) .tit{top:-45%;left:-10%;padding:0 0 0 0;padding:0 5vw;}
.m41 .section1 .dia>div ul li:nth-child(2) .tit{bottom:-60%;left:-6%;padding:0 0 0 0;padding:0 5vw;}
.m41 .section1 .dia>div ul li:nth-child(4) .tit{bottom:-50%;left:45%;padding:0 0 0 0;padding:0 5vw;}
.m41 .section1 .dia>div ul li:nth-child(5) .tit{top:-65%;left:50%;padding:0 0 0 0;padding:0 5vw;}
}
@media screen and (max-width:1024px){
.m41 .section1 .msg .logoarea{width: 50%;}
.m41 .section1 .msg .txtarea{width:calc(100% - 50% - 40px);font-size:18px;}
}

/*m41 tab1 2_*/
.m41 .section1 .zero{position: relative;margin-bottom:160px;margin-top:100px;
padding:0;height:100vh;width:100%;
}
.m41 .section1 .zero .ani-list{
position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}
.m41 .section1 .zero .ani-list li .box-inner{
display: flex;align-items:center;
}
.m41 .section1 .zero .ani-list li .box-inner .imgarea{
position: absolute;
width:55%;
display: flex;align-items:center;/* top:calc(var(--header)); */right:0;top:100px;
}
.m41 .section1 .zero .ani-list li .box-inner .imgarea .img{
	position: relative;
	width:100%;height:calc(100vh - 100px - 50px);max-height:760px;border-radius:20px;overflow:hidden;
}
.m41 .section1 .zero .ani-list li .box-inner .imgarea .img img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
min-width: 100%;
min-height: 100%;
}
.m41 .section1 .zero .ani-list li .box-inner .txtarea{
position: absolute;order:-1;top:50%;left:0;width:calc(45% - 20px);transform:translateY(-50%);order:-1;;transform:translateY(-50%) !important;
}
/* .m41 .section1 .zero .ani-list li:first-child .box-inner .txtarea{transform:translateY(-50%) !important;}
.m41 .section1 .zero .ani-list li:nth-child(3) .box-inner .txtarea{transform:translateY(-50%) !important;} */
.m41 .section1 .zero .txtarea .tit1{
font-size:min(3vw, 26px);color:#111;font-family: "Pretendard";font-weight: 600;display: flex;align-items:center;

}
.m41 .section1 .zero .txtarea .tit1 span{
	display: inline-block;width:38px;height: 38px;border-radius:50%;background: #c69c6c;
	text-align: center;line-height: 38px;font-family: "Poppins";font-size:16px;color:#111;font-weight: 600;margin-right: 13px;
}
.m41 .section1 .zero .txtarea .tit2{font-size:min(6vw, 50px);color:#111;font-family: "Pretendard";font-weight: 600;margin:40px 0 20px;
}
.m41 .section1 .zero .txtarea .txt{
font-size:min(2vw, 20px);color:#555;font-family: "Pretendard";font-weight: 400;line-height: 1.6em;
min-height:120px;
}


/*m41 tab1 3_*/
.m41 .section1 .bgInfoarea{
position: relative;width:100vw;;top:0;left:50%;transform:translateX(-50%);
min-height:840px;margin-top: 100px;padding-top: 120px;padding-bottom:180px;
}
.m41 .section1 .bgInfoarea .bg{
width:100%;height:100%;position: absolute;top:0;left:0;z-index:-1;
background: url(/images/page/m41_tab1_con3_bg.jpg)no-repeat center / cover;
}

.m41 .section1 .infoarea h5{
font-size:36px;color:#fff;font-weight: 600;font-family: "Pretendard";line-height: 1.5em;margin-bottom: 45px;
}
.m41 .section1 .infoarea .desc{margin-bottom: 80px;font-size:20px;color:#fff;font-weight: 400;font-family: "Pretendard";line-height: 1.6em;}
.m41 .section1 .infoarea .icon-list{
display: flex;
}
.m41 .section1 .infoarea .icon-list>li{width:25%;display: flex;flex-direction:column;align-items:center;position: relative;
min-height:186px;padding:30px 0;
}
.m41 .section1 .infoarea .icon-list>li:before{
	position: absolute;content:'';
	width:1px;height:185px;top:0;left:0;background: rgba(255,255,255,0.2);
}
.m41 .section1 .infoarea .icon-list>li:last-child:after{
	position: absolute;content:'';
	width:1px;height:185px;top:0;right:0;background: rgba(255,255,255,0.2);
}
.m41 .section1 .infoarea .icon-list>li .icon{min-height:90px;}
.m41 .section1 .infoarea .icon-list>li .itit{
font-size:20px;color:#fff;font-weight: 400;font-family: "Pretendard";margin-top: 26px;text-align: center;
}

/*환경경영*/
.m41 .section2{padding-bottom: 200px;}
.m41 .section2 .area1{}
.m41 .section2 .area1 h4{
font-size:38px;color:#111;font-weight: 600;font-family: "Pretendard";
margin-bottom: 100px;line-height: 1.4em;
}
.m41 .section2 .area1 .bgarea{
position: relative;height:476px;width:100vw;max-width:1700px;
right:0;top:0;overflow:hidden;
}
.m41 .section2 .area1 .bgarea .bg{
background: url(/images/page/m41_tab2_bg.png)no-repeat center / cover;
width:100%;height:100%;
}
.m41 .section2 .txtarea{
margin-top:80px;
}
.m41 .section2 .txtarea dl{padding:35px 0;display: flex;align-items:center;border-bottom: 1px solid #cccccc;}
.m41 .section2 .txtarea dl>dt{width:160px;display: flex;align-items:center;justify-content:center;}

.m41 .section2 .txtarea dl>dt .num{
border-radius:50%;background: #c69c6c;text-align: center;font-size:16px;color:#fff;font-weight: 600;font-family: "Poppins";
width:44.08px;aspect-ratio: 1 / 1;display: flex;align-items:center;justify-content:center;
}
.m41 .section2 .txtarea dl>dd{position: relative;width:calc(100% - 160px);font-size:20px;color:#222222;
font-weight: 600;font-family: "Pretendard";line-height: 1.6em;padding-left: 2.45vw;}
.m41 .section2 .txtarea dl>dd:before{
	position: absolute;content:'';
	width:1px;height: 65px;background: #cccccc;
	left:0;top:50%;transform:translateY(-50%);
}

/*사회공헌*/
.m41 .section3{padding-bottom: 200px;}
.m41 .section3 .area1{padding-bottom: 160px;}
.m41 .section3 .area1 h4{
font-size:38px;color:#111;font-weight: 600;font-family: "Pretendard";
margin-bottom: 40px;
}
.m41 .section3 .area1 .exp{
font-size:18px;color:#111;font-weight: 500;font-family: "Pretendard";line-height: 1.6em;
}
.m41 .section3 .area1 .imglist>ul{
display: flex;justify-content:space-between;margin-top: 100px;gap:2vw;
}
.m41 .section3 .area1 .imglist>ul>li:nth-child(2){transform:translateY(60px);}
.m41 .section3 .area2{
position: relative;padding-top:120px;
}
.m41 .section3 .area2 * {position: relative;z-index:5;}
.m41 .section3 .area2:before{
	position: absolute;content:'';top:0;
	width:200%;left:50%;transform:translateX(-50%);
	height:200%;background: #f7f7f7;
	z-index:-1;
}
.m41 .section3 .area2 h3{margin-top: 0;margin-bottom: 80px;text-align: center;}
.m41 .section3 .area2 .circ-list{
display: flex;gap:1.04vw;justify-content:space-between;
}
.m41 .section3 .area2 .circ-list li{
width:35vw;max-width:453px;aspect-ratio:1 / 1;border:1px solid rgba(0,0,0,0.5);border-radius:50%;
display: flex;flex-direction:column;align-items:center;justify-content:center;
}
.m41 .section3 .area2 .circ-list li .num{font-size:22px;color:#555555;font-weight: 400;font-family: "Pretendard";}
.m41 .section3 .area2 .circ-list li .icon{margin-top: 50px;margin-bottom: 30px;}
.m41 .section3 .area2 .circ-list li .slog{font-size:min(3vw, 36px);color:#111;font-weight: 600;font-family: "Pretendard";text-align: center;}
.m41 .section3 .area2 .circ-list li .slog>span{font:inherit;color:#c69c6c;}
.m41 .section3 .area2 .desc{
	text-align: center;margin-top: 70px;line-height: 1.55em;font-size:28px;color:#111111;font-weight: 600;font-family: "Pretendard";
}

@media screen and (max-width:990px){
	.m41 .section3 .area1 .imglist>ul>li:nth-child(2){transform:translateY(0px);}
	.m41 .section3 .area1 .imglist>ul{flex-wrap:wrap;gap:40px 2vw;}
	.m41 .section3 .area1 .imglist>ul>li{width:100%;}
	.m41 .section3 .area1 .imglist>ul>li img{display: block;max-width:100%;margin:0 auto;}
	.m41 .section3 .area2 .circ-list{flex-wrap:wrap;flex-direction:column;align-items:center;gap:40px;}
	.m41 .section3 .area2 .circ-list li{width: 80vw;max-width: 400px;}
	.m41 .section3 .area2 .circ-list li .slog{font-size:min(5vw, 26px);}
}

/*m52*/
.m52{padding-bottom: 0;}
.m52 .sec1{position: relative;padding-bottom: 200px;}
.m52 .sec1:before{
	position: absolute;content:'';
	width:100%;height:65%;background: #f3f3f3;
	bottom:0;left:0;z-index:-2;
}
.m52 .conarea{display: flex;align-items:center;justify-content:space-between;}
.m52 .conarea .imgarea{position: relative;padding-top: 50px;transform:scale(0.85);}
.m52 .conarea .imgarea .img2{
position: absolute;top:2%;right:-36%;width:637px;
z-index:-1;max-width:637px;
}
.m52 .conarea .txtarea{
width:calc(100% - 4.7vw - 52.7%);padding-top: 50px;
}
.m52 .conarea .txtarea .slog{
display: block;font-family: "Pretendard";font-size:42px;color:#111;font-weight: 600;margin-bottom: 105px;
}
.m52 .conarea .txtarea .txt{
color:#555;font-family: "Pretendard";font-size:20px;color:#555;font-weight: 400;line-height: 1.6em;margin-bottom: 48px;
}

.m52 .conarea .txtarea .btn{
position: absolute;bottom:60px;right:3.125vw;
}

.m52 .conarea .txtarea  .more_btn{
	overflow:hidden;position: relative;
	width:300px;height:60px;border-radius:10px;background: #c69c6c;
	display: flex;align-items:center;justify-content:center;
}
.m52 .conarea .txtarea .more_btn>span{color:#111;font-size:22px;position: relative;z-index:10;transition:all 0.5s ease-in-out;font-family: "Poppins";
font-weight: 600;
}
.m52 .conarea .txtarea .more_btn>i{
position: relative;z-index:10;transition:all 0.5s ease-in-out;
background: url(/images/page/down_icon.png)no-repeat center;width:16px;height:18px;display: inline-block;margin-left: 11px;
}

@media screen and (max-width:1200px){
	.m52 .conarea{flex-wrap:wrap;}
	.m52 .conarea .imgarea{width:100%;transform:scale(1);}
	.m52 .conarea .imgarea img{display: block;margin:0 auto;}
	.m52 .conarea .txtarea{width:100%;margin-top: 50px;}
	.m52 .conarea .imgarea .img2 {
        position: absolute;
        top: 2%;
        left: -15%;
        width: 637px;
        z-index: -1;
        max-width: 637px;
    }
	.m52 .conarea .txtarea .slog{margin-bottom: 60px;}
	.m52 .sec1{padding-bottom: 200px;}
}

/*m61*/
.m61 .area1{
margin-top: 120px;
}
.m61 .area1 .list{
display: flex;justify-content:space-between;gap:2vw;
}
.m61 .area1 .list li{}
.m61 .area1 .list li .circ{
	position: relative;
	display: flex;align-items:center;justify-content:center;max-width:271px;/* border:1px solid #999999; */width:22vw;
	aspect-ratio:1 / 1;
	border-radius:50%;
}
.m61 .area1 .list li .circ:after{
	position: absolute;content:'';
	width: 15px;height: 15px;background: #c69c6c;border-radius:50%;
	
}
.m61 .area1 .list li:nth-child(1) .circ:after{top:-1px;left:90px;}
.m61 .area1 .list li:nth-child(2) .circ:after{top:45px;left:232px;}
.m61 .area1 .list li:nth-child(3) .circ:after{top:203px;left:238px;}
.m61 .area1 .list li:nth-child(4) .circ:after{bottom:1px;left:90px;}
.m61 .area1 .list li:nth-child(5) .circ:after{top:50%;left:1px;transform:translate(-50%, -50%);}
.m61 .area1 .list li .circ .line{
position: absolute;
top:0;left:0;
width:100%;height:100%;z-index:-1;
}
.m61 .area1 .list li .circ .line:before{
position: absolute;content:'';
top:50%;left:50%;transform:translate(-50%, -50%);
width:calc(100% - 2px);height:calc(100% - 2px);;z-index:-1;
background: url(/images/page/m61_circle_bg.png)no-repeat center / cover;
}
.m61 .area1 .list li .circ .line svg{
width:100%;height:100%;
transform:rotate(-180deg);
}
.m61 .area1 .list li .circ .line svg .c{
fill:none;stroke:#c2996a;stroke-miterlimit:10;stroke-width:5px;
stroke-dasharray: 838.8;
stroke-dashoffset: 838.8;

}

.m61 .area1 .list li.in-view .circ .line #svg1 .c{  animation: drawCircle1 0.4s linear forwards;}
.m61 .area1 .list li.in-view .circ .line #svg2 .c{  animation: drawCircle2 0.8s linear forwards;}
.m61 .area1 .list li.in-view .circ .line #svg3 .c{  animation: drawCircle3 1.2s linear forwards;}
.m61 .area1 .list li.in-view .circ .line #svg4 .c{  animation: drawCircle4 1.6s linear forwards;}
.m61 .area1 .list li.in-view .circ .line #svg5 .c{  animation: drawCircle5 2s linear forwards;}
.m61 .area1 .list li .circ:after{opacity:0;}
.m61 .area1 .list li.in-view:nth-child(1) .circ:after{opacity:1;transition:all 0.4s;transition-delay:0.4s;}
.m61 .area1 .list li.in-view:nth-child(2) .circ:after{opacity:1;transition:all 0.4s;transition-delay:0.8s;}
.m61 .area1 .list li.in-view:nth-child(3) .circ:after{opacity:1;transition:all 0.4s;transition-delay:1.2s;}
.m61 .area1 .list li.in-view:nth-child(4) .circ:after{opacity:1;transition:all 0.4s;transition-delay:1.6s;}
.m61 .area1 .list li.in-view:nth-child(5) .circ:after{opacity:1;transition:all 0.4s;transition-delay:2s;}
@keyframes drawCircle1 {
  to {
    stroke-dashoffset: calc(167.76px * 4);
  }
}
@keyframes drawCircle2 {
  to {
    stroke-dashoffset: calc(167.76px * 3);
  }
}
@keyframes drawCircle3 {
  to {
    stroke-dashoffset: calc(167.76px * 2);
  }
}
@keyframes drawCircle4 {
  to {
    stroke-dashoffset: 167.76px;
  }
}
@keyframes drawCircle5 {
  to {
    stroke-dashoffset:0;
  }
}
.m61 .area1 .list li .circ .step{text-align: center;font-size:min(1.5vw, 22px);color:#111111;font-weight: 600;font-family: "Poppins";margin-bottom: 24px;}
.m61 .area1 .list li .circ .icon img{display: block;margin:0 auto;max-width:100%;}
.m61 .area1 .list li .desc{
margin-top: 25px;
text-align: center;font-size:min(3.5vw, 32px);color:#111111;font-weight: 600;font-family: "Pretendard";
}
.m61 .area2{
margin:80px 0 100px;
}
.m61 .area2 .boxs{display: flex;gap:0.89vw;}
.m61 .area2 .boxs>.box{
	width:calc((100% - 0.89vw * 2) / 3);background: #f3f3f3;border-radius:10px;
	padding:40px 2.08vw;
}
.m61 .area2 .boxs>.box .tag{
font-size:20px;color:#111111;font-weight: 600;font-family: "Poppins";margin-bottom: 25px;
}
.m61 .area2 .boxs>.box .tag sup{font: inherit;font-size: 65%;letter-spacing:-0.02em;}
.m61 .area2 .boxs>.box .txt{
font-size:24px;color:#555;font-weight: 400;font-family: "Pretendard";line-height: 1.4em;
}
.m61 .area2 .boxs>.box .txt b{
font:inherit;font-weight: bold;color:#111;
}
.m61 .area3 dl{
width:100%;border-top: 2px solid #111;display: flex;
}
.m61 .area3 dl + dl{margin-top: 100px;}
.m61 .area3 dl>dt{padding-top: 40px;font-size:30px;color:#111111;font-weight: 600;font-family: "Pretendard";width:20%;}
.m61 .area3 dl>dd{width:80%;}
.m61 .area3 dl>dd>div{
	padding: 40px 1.56vw;border-bottom: 1px solid #cccccc;
}
.m61 .area3 dl>dd>div p{padding-left: 38px;position: relative;font-family: "Pretendard";font-size:20px;color:#111111;font-weight: 400;line-height: 1.6em;}
.m61 .area3 dl>dd>div p:before{
	position: absolute;top:10px;;left:0%;
width:10px;height:10px;background: #c69c6c;content:'';
z-index:30;border-radius:50%;
}

@media screen and (max-width:1600px){
.m61 .area1 .list{flex-wrap:wrap;justify-content:center;}
.m61 .area1 .list li{width:23vw;display: flex;flex-direction:column;align-items:center;}
}
@media screen and (max-width:1240px){
.m61 .area1 .list li{width:auto;display: block;}
.m61 .area1 .list li .circ{width:30vw;}
.m61 .area2 .boxs{flex-wrap:wrap;}
.m61 .area2 .boxs>.box{width:calc((100% - 0.89vw) / 2);}
}

@media screen and (max-width:900px){
.m61 .area1 .list{gap:40px 4vw;}
.m61 .area1 .list li .circ{width:40vw;}
.m61 .area1 .list li .desc{font-size:min(3vw, 25px);}
}

/*m62*/
.m62 .conarea{margin-top: 120px;}
.m62 .conarea ul{display: flex;flex-wrap:wrap;justify-content:center;row-gap:50px;}
.m62 .conarea ul li{max-width:413px;width:46vw;}
.m62 .conarea ul li:nth-child(even){margin-left: -2.99vw;;}
.m62 .conarea ul li .circle-wrap{position: relative;
display: flex;flex-direction:column;align-items:center;justify-content:center;
max-width:413px;width:46vw;aspect-ratio:1 / 1;
}
.m62 .conarea ul li .circle-wrap:before{
position: absolute;content:'';
max-width:413px;width:46vw;aspect-ratio:1 / 1;border-radius:50%;
border:1px solid rgba(0,0,0,0.2);
}
.m62 .conarea ul li .circle-wrap .num{
position: absolute;top:100%;left:50%;
transform:translate(-50%, -50%);
font-size:20px;color:#fff;font-weight: 600;font-family: "Pretendard";
text-align: center;
display: flex;align-items:center;justify-content:center;background: #000;
width:15vw;aspect-ratio:1 / 1;max-width:54px;border-radius:50%;
}
.m62 .conarea ul li .circle-wrap .num span{font:inherit;}
.m62 .conarea ul li .circle-wrap .icon img{margin:0 auto;display: block;max-width:100%;}
.m62 .conarea ul li .circle-wrap strong{
display: block;color:#111111;font-size:min(3vw, 32px);font-weight: 600;font-family: "Pretendard";margin-top: 35px;text-align: center;

}
.m62 .conarea ul li .desc{text-align: center;margin-top: 75px;font-size:22px;color:#555555;font-family:"Pretendard";font-weight: 400;line-height: 1.5em;}

@media screen and (min-width:1300px){
	.m62 .conarea ul li{max-width:450px;}
	.m62 .conarea ul li .circle-wrap{max-width:450px}
	.m62 .conarea ul li .circle-wrap:before{max-width:450px;}
}

/*m63*/
.m63 .conarea{margin-top: 120px;padding:0 4vw;}
.m63 .conarea ul{display: flex;flex-wrap:wrap;justify-content:center;row-gap:50px;}
.m63 .conarea ul li{max-width:467px;width:42vw;}

.m63 .conarea ul li .circle-wrap{position: relative;
display: flex;flex-direction:column;align-items:center;justify-content:center;
max-width:467px;width:42vw;aspect-ratio:1 / 1;
}
.m63 .conarea ul li .circle-wrap * {position: relative;z-index:10;}
.m63  .conarea ul li .circle-wrap:before{
position: absolute;content:'';
max-width:467px;width:42vw;aspect-ratio:1 / 1;border-radius:50%;
background: url(/images/page/m63_bg.png)no-repeat center / cover;
z-index:1;
}
.m63 .conarea ul li:nth-child(2) .circle-wrap:before{background: url(/images/page/m63_bg2.png)no-repeat center / cover;}
.m63  .conarea ul li .circle-wrap .num{
font-size:20px;color:#111;font-weight:600;font-family: "Poppins";
text-align: center;letter-spacing:-0.025em;
text-decoration:underline;text-underline-offset:4px;
}
.m63  .conarea ul li .circle-wrap .num span{font:inherit;}
.m63  .conarea ul li .circle-wrap .icon img{margin:0 auto;display: block;max-width:100%;}
.m63  .conarea ul li .circle-wrap strong{
display: block;color:#111111;font-size:min(3.5vw, 40px);font-weight: 600;font-family: "Pretendard";
margin:30px 0;margin-top: 35px;
}
.m63  .conarea ul li .box-wrap{
position: relative;
padding:80px 2.2vw;
max-width:390px;width:100%;margin:0 auto;aspect-ratio:1 / 1;
border:1px solid rgba(0,0,0,0.1);border-radius:10px;margin-top: 45px;background: #fff;
}
.m63  .conarea ul li .box-wrap:before{
position: absolute;bottom:100%;left:50%;transform:translateX(-50%);
width:1px;height:45px;background: rgba(0,0,0,0.1);content:'';
}
.m63  .conarea ul li .box-wrap:after{
position: absolute;top:0;;left:50%;transform:translate(-50%, -50%);
width:10px;height:10px;background: #c69c6c;content:'';
z-index:30;border-radius:50%;
}
.m63  .conarea ul li .box-wrap p{
position: relative;padding-left: 27px;
color:#111111;font-size:22px;font-weight: 400;font-family: "Pretendard";
line-height: 1.5em;

}
.m63  .conarea ul li .box-wrap p + p{margin-top: 10px;}
.m63  .conarea ul li .box-wrap p:before{
	position: absolute;top:11px;left:0;
width:10px;height:10px;background: #c69c6c;content:'';
z-index:30;border-radius:50%;
}

@media screen and (max-width:1600px){
.m63 .conarea ul li .box-wrap{max-width:380px;}
}
@media screen and (max-width:1500px){
.m63 .conarea ul li .box-wrap{max-width:360px;}
}
@media screen and (max-width:940px){
.m63 .conarea ul li .box-wrap{max-width:320px;}
.m63 .conarea ul li .box-wrap p{font-size:20px;padding-left: 22px;}
.m63 .conarea ul li .box-wrap p:before{width:8px;height: 8px;top:10px;}
}

/*m64*/
 .m64 .conarea{margin-top: 110px;}
 .m64 .tab-container {
	display: flex;
	margin-bottom: 40px;
	gap:6px;
}    
 .m64  .tab {
	padding: 10px 20px;
	cursor: pointer;
	border: none;
	margin-right: 10px;
	min-width:97px;
	border-radius: 10px;
	height:60px;
	font-family: "Pretendard";
	font-weight: 500;
	font-size:19px;
}
        
.m64  .tab.active {
	background-color: #c69c6c;
	color: #111111;
	font-weight: 600;
}
.m64  .tab:not(.active){
	color: #555555;
	background: #fff;
	border:1px solid rgba(0,0,0,0.2);
}
.m64 .faq-container{
border-top: 2px solid #000000;
}
.m64  .faq-item {
	border-bottom: 1px solid #cccccc;
	
	box-sizing:border-box;
}

.m64 .question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	padding:30px 1.56vw;
}

.m64 .question h3 {
	font-weight: normal;
	font-family: "Pretendard";font-weight: 600;color:#111;font-size:20px;
	width:calc(100% - 15px);
}
.m64 .question h3 .q-icon{font-family: "Poppins";font-size:25px;color:#111111;font-weight: 600;display: inline-block;margin-right: 0.8vw;}
.m64 .arrow {
	transition: transform 0.3s;
	width:13px;height:8px;
	background: url(/images/page/faq_arrow.png)no-repeat center;
}

.m64 .arrow.open {
	transform: rotate(180deg);
}

.m64 .answer {
	padding-bottom: 30px;
	display: none;
}
.m64 .answer.open {
	display: block;
}
.m64 .answer-content{
background: #f3f3f3;
border-radius: 10px;
padding:30px 1.56vw;
display: flex;align-items:start;
} 
.m64 .answer-content .a-icon{
font-family: "Poppins";font-size:25px;color:rgba(0,0,0,0.2);font-weight: 600;display: inline-block;margin-right: 0.8vw;
}
.m64 .answer-content .answer-text{
font-family: "Pretendard";font-size:20px;color:#555;line-height: 1.6em;padding-top: 3px;font-weight: 400;
}
.m64 .answer p {
	margin: 0 0 10px 0;
}

.m64 .category {
	font-weight: bold;
	margin-top: 15px;
}

/*m71*/
.m71 .conarea{
border-top: 2px solid #000000;display: flex;flex-wrap:wrap;gap:0 2.08vw;
}
.m71 .conarea input , .m71 .conarea textarea, .m71 .conarea select{border:none;outline:none;
font-size:min(3vw, 19px);color:#555555;font-family: "Pretendard";font-weight: 400;
}
.m71 .conarea .tr{padding:40px 0;width:calc((100% - 2.08vw) / 2);}
.m71 .conarea .tr.w2{width:100%;}
.m71 .conarea .tr .th{font-family: "Pretendard";font-size:24px;color:#111;font-weight: 600;margin-bottom: 20px;}
.m71 .conarea .tr .th .req{
display: inline-block;vertical-align:top;background: #c69c6c;width:6px;height:6px;border-radius:50%;margin-left: 5px;
position: relative;top:5px;
}
.m71 .conarea .tr .td .input, .m71 .conarea .tr .td .textarea, .m71 .conarea .tr .td select{
background: #f3f3f3;border-radius:10px;height:59px;width:100%;
padding:14px 1.4vw;
}
.m71 .conarea .tr .td .textarea{height:460px;padding-top:20px;padding-bottom: 20px;}
.m71 .conarea .tr .td.telbox{
display: flex;align-items:center;gap:12px;
}
.m71 .conarea .tr .td.emailbox{
display: flex;align-items:center;
}
.m71 .conarea .tr .td.emailbox>span{
color:#555555;font-size:22px;font-family: "Pretendard";opacity:0.6;margin:0 7px;
}
.m71 .conarea .tr .td.emailbox select{
margin-left: 11px;
}
.m71 .conarea .tr .td select{border-radius:10px;height:59px;width:100%;
appearance:none;
background: #f3f3f3 url(/images/page/select_arr.png)no-repeat right 16px center;
}
.m71 .conarea .tr .td select option{
font-size:min(3vw, 19px);color:#555555;font-family: "Pretendard";
}
.m71 .conarea .tr .td.telbox input,
.m71 .conarea .tr .td.telbox select{
width:calc((100% - 12px * 2 ) / 3);
}
.m71 .conarea .emwrap{position: relative;}
.m71 .conarea .emwrap .nota{
position: absolute;bottom:4px;left:0;
font-size:18px;color:#555555;font-weight: 400;;font-family: "Pretendard";
}
.m71 .conarea .emwrap .nota span{font:inherit;color:#c69c6c;vertical-align:top;}
.m71 .agreearea{
margin-top: 100px;
}
.m71 .agreearea .txtarea{margin-bottom: 30px;}
.m71 .agreearea .txtarea h4{
font-size:32px;color:#111;font-family: "Pretendard";font-weight: 600;
}
.m71 .agreearea .txtarea p{color:#555555;font-size:20px;font-weight: 400;font-family: "Pretendard";line-height: 1.5em;margin-top: 22px;}
.m71 .agreearea .infoarea{
border-top: 2px solid #000;
}
.m71 .agreearea .infoarea .info-box{
border-bottom: 1px solid #cccccc;
}
.m71 .agreearea .infoarea .info-box .topwrap{padding:37px 1.56vw;display: flex;align-items:center;justify-content:space-between;}
.m71 .agreearea .infoarea .info-box .topwrap .td{
width:calc(100% -15px);
}
.m71 .agreearea .infoarea .info-box .topwrap .td .req{
display: inline-block;margin-left: 6px;width:6px;height:6px;background: #c69c6c;border-radius:50%;
vertical-align:top;position: relative;top:4px;
}
.m71 .agreearea .infoarea .info-box .topwrap input[type=checkbox] {
position: absolute;overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;
}
.m71 .agreearea .infoarea .info-box .topwrap input[type=checkbox]+label {
position: relative;
font-size:22px;color:#111;font-weight: 600;
top: 0px;padding-left: 50px;line-height: 1.2;}
.m71 .agreearea .infoarea .info-box .topwrap input[type=checkbox]+label:before {
position: absolute;left: 0;display: block;-webkit-box-sizing: content-box;box-sizing: border-box;content: '';
}
.m71 .agreearea .infoarea .info-box .topwrap input[type=checkbox]+label:before {
width: 34px;height: 34px;text-align: center;top: 0px;
background: url(/images/page/m71_chk_icon.png)no-repeat center;
}
.m71 .agreearea .infoarea .info-box .topwrap input[type=checkbox]:checked+label:before {
background: url(/images/page/m71_chked_icon.png)no-repeat center;
}
.m71 .agreearea .infoarea .info-box .topwrap .arrow{
background: url(/images/page/m71_agr_arr.png)no-repeat right center;
width: 15px;height: 7px;display: block;transition:transform 0.4s ease;
cursor:pointer;
}
.m71 .agreearea .infoarea .info-box .topwrap .arrow.up{
transform:rotate(-180deg);transition:transform 0.4s ease;
}
.m71 .agreearea .infoarea .info-box .botwrap{display: none;padding:37px 1.56vw;border-top: 1px solid #cccccc;}
.m71 .agreearea .infoarea .info-box .botwrap ul{
display: flex;flex-wrap:wrap;gap:1.25vw;
}
.m71 .agreearea .infoarea .info-box .botwrap ul>li{
width:calc((100% - 1.25vw * 2 ) / 3);
border-radius:20px;border:1px solid rgba(0,0,0,0.2);
}
.m71 .agreearea .infoarea .info-box .botwrap ul>li .tit{min-height:64px;border-bottom:1px solid rgba(0,0,0,0.2);
display: flex;align-items:center;justify-content:center;text-align: center;color:#111;font-weight: 600;font-family: "Pretendard";font-size:22px;
}
.m71 .agreearea .infoarea .info-box .botwrap ul>li .txt{min-height:137px;
display: flex;align-items:center;justify-content:center;text-align: center;color:#555;font-weight:400;font-family: "Pretendard";font-size:20px;
}
.m71 .agreearea .infoarea .info-box .botwrap .nota{
font-size:20px;color:#555555;font-weight: 400;;font-family: "Pretendard";margin-top: 20px;
}
.m71 .agreearea .infoarea .info-box .botwrap span{font:inherit;color:#c69c6c;vertical-align:top;}
.m71 button[type="submit"]{
margin:0 auto;margin-top: 100px;display: flex;align-items:center;justify-content:center;
width:200px;height:60px;border-radius:10px;background: #c69c6c;text-align: center;
color:#111;font-weight: 600;font-family: "Pretendard";font-size:22px;
}

@media screen and (max-width:990px){
	.m71 .conarea .tr{width:100%;padding:30px 0;}
	.m71 .conarea .emwrap .nota{font-size:16px;bottom:8px;}
	.m71 .agreearea .infoarea .info-box .botwrap .nota{line-height: 1.6em;font-size:17px;}
}

/*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: 1.1s;animation-fill-mode:forwards;animation-timing-function:ease;}
.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: 1s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeImgLeft.in-view{animation-name: fadeImgLeft;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
  
  @keyframes bgScale{
   0%{transform:scale(1.15);}
   100%{transform:scale(1);}
  }
@keyframes fadeLeft{
 0%{transform:translate3d(-100px, 0, 0);opacity:0;}
  100%{transform:translate3d(0px, 0, 0);opacity:1;}
}
@keyframes fadeRight{
 0%{transform:translate3d(60px, 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 .sub_titlearea .locations{opacity:0;transform:translateY(50px);}
.sub_visual.in-view .sub_titlearea .locations{
transform:translateY(0px);opacity:1;transition:all 1s ease;
}
.sub_visual .sub_titlearea .slogan{opacity:0;transform:translateY(50px);display: block;}
.sub_visual.in-view .sub_titlearea .slogan{
transform:translateY(0px);opacity:1;transition:all 1s ease 0.1s;
}
.sub_visual .bgarea{/* opacity:0;transform:translateY(40px); */}
.sub_visual .bgarea:before,
.sub_visual .bgarea:after{
position: absolute;content:'';
height:100%;width:40%;top:0;
background: #fff;z-index:20;
}
.sub_visual .bgarea:before{left:0;}
.sub_visual .bgarea:after{right:0;}
.sub_visual.in-view .bgarea{
/* transform:translateY(0px);opacity:1;transition:all 1s ease 0.1s; */
}
.sub_visual .bgarea .bg{transform:scale(1.25);}
.sub_visual.in-view .bgarea .bg{
transform:scale(1);transition:all 1.5s ease 0.1s;
}
.sub_visual.in-view .bgarea:before, .sub_visual.in-view .bgarea:after{
transition:width 1.2s;transition-delay:0.3s;width:0%;
}
.subtabarea{opacity:0;transform:translateY(50px);}
.subtabarea.in-view{
transform:translateY(0px);opacity:1;transition:all 1s ease 0.05s;
}

/*m11motion*/
.m11 .sec1 .con .txtarea h3,
.m11 .sec1 .con .txtarea p{opacity:0;transform:translateY(50px);}
.m11 .sec1 .con .txtarea.in-view h3,
.m11 .sec1 .con .txtarea.in-view p{
transform:translateY(0px);opacity:1;transition:all 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.05s;
}
.m11 .sec1 .con .txtarea.in-view p{transition-delay:0.15s;}
.m11 .sec1 .con .txtarea .img{opacity:0;transform:translateX(-50px);}
.m11 .sec1 .con .txtarea .img.in-view{
opacity:1;transform:translateX(0px);transition:all 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.m11 .sec1 .con .imgarea{opacity:0;transform:translateX(50px);}
.m11 .sec1 .con .imgarea.in-view{
opacity:1;transform:translateX(0px);transition:all 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.m11 .sec2 .bgwrap .bg{transform:scale(1.15);}
.m11 .sec2 .bgwrap.in-view .bg{
transform:scale(1);transition:all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.m11 .sec2 .bgwrap strong{opacity:0;display: block;transform:rotateY(0deg) translateY(0%) translateX(-50%);}
.m11 .sec2 .bgwrap strong.in-view{
opacity:1;transform:rotateY(0deg) translateY(-50%) translateX(-50%);transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


.m41 .section1 .dia,
.m41 .section1 .msg{opacity:0;transform:translateY(50px);}
.m41 .section1 .dia.in-view,
.m41 .section1 .msg.in-view{
opacity:1;transform:translateY(0px);transition:all 1s;
}

.m41 .section1 .bgInfoarea{overflow:hidden;}
.m41 .section1 .bgInfoarea .bg{transform:scale(1.2);}
.m41 .section1 .bgInfoarea.in-view .bg{
transform:scale(1);transition:all 1s ease;
}
.m41 .section1 .infoarea h5,
.m41 .section1 .infoarea .desc{opacity:0;transform:translateX(-50px);}
.m41 .section1 .infoarea.in-view h5,
.m41 .section1 .infoarea.in-view .desc{opacity:1;transform:translateX(0px);transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);;}
.m41 .section1 .infoarea.in-view .desc{transition-delay:0.1s;}
.m41 .section1 .infoarea .icon-list>li{
opacity:0;transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);transform:translateY(50px);
}
.m41 .section1 .infoarea .icon-list>li.in-view{
opacity:1;transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);transform:translateY(0px);
}
.m41 .section1 .infoarea .icon-list>li .icon{transform:rotateY(450deg);transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.m41 .section1 .infoarea .icon-list>li.in-view .icon{
transform:rotateY(0deg);
}

.m41 .section2 .txtarea dl{opacity:0;transform:translateY(50px);}
.m41 .section2 .txtarea.in-view dl{
opacity:1;transform:translateY(0px);transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);;
}

.m41 .section3 .area1 .imglist{opacity:0;transform:translateY(50px);}
.m41 .section3 .area1 .imglist.in-view{
opacity:1;transform:translateY(0px);transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);;
}
.m41 .section3 .area2 .circ-list li{
opacity:0;transform:translateY(50px);
}
.m41 .section3 .area2 .circ-list li.in-view{
opacity:1;transform:translateY(0px);transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);;
}
.m41 .section3 .area2 .circ-list li:nth-child(2).in-view{
transition-delay:0.1s;
}
.m41 .section3 .area2 .circ-list li:nth-child(3).in-view{transition-delay:0.2s;}

.m52 .conarea .txtarea .slog,
.m52 .conarea .txtarea .txt,
.m52 .conarea .txtarea .more_btn{
opacity:0;transform:translateY(50px);
}
.m52 .conarea .txtarea.in-view .slog,
.m52 .conarea .txtarea.in-view .txt,
.m52 .conarea .txtarea.in-view .more_btn{
opacity:1;transform:translateY(0px);transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.m52 .conarea .txtarea.in-view .txt{transition-delay:0.1s;}
.m52 .conarea .txtarea.in-view .more_btn{transition-delay:0.2s;}
.m52 .conarea .imgarea{opacity:0;transform:translateX(-50px);}
.m52 .conarea .imgarea.in-view{
opacity:1;transform:translateX(0px);transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-delay:0.1s;
}
.m52 .conarea .imgarea .img2{right:-15%;transform:rotate(-16deg);opacity:0;}
.m52 .conarea .imgarea.in-view .img2{right:-36%;transform:rotate(0deg);opacity:1;transition:all 1s ease;transition-delay:0.2s;}
@media screen and (max-width:1200px){
.m52 .conarea .imgarea .img2{left:-36%;transform:rotate(-16deg);opacity:0;}
.m52 .conarea .imgarea.in-view .img2{left:-15%;transform:rotate(0deg);opacity:1;transition:all 1s ease;transition-delay:0.2s;}
}

.m61 .area1 .list li{opacity:0;transform:translateX(50px);}
.m61 .area1 .list li.in-view{
opacity:1;transform:translateX(0px);;transition:all 1s ease;/* transition-delay:0.2s; */
}
.m61 .area1 .list li.in-view:nth-child(2){transition-delay:0.1s; }
.m61 .area1 .list li.in-view:nth-child(3){transition-delay:0.2s; }
.m61 .area1 .list li.in-view:nth-child(4){transition-delay:0.3s; }
.m61 .area1 .list li.in-view:nth-child(5){transition-delay:0.4s; }
.m61 .area2 .boxs{opacity:0;transform:translateY(50px);}
.m61 .area2 .boxs.in-view{
opacity:1;transform:translateY(0px);transition:all 1s ease;
}
.m61 .area3 dl{opacity:0;transform:translateY(50px);}
.m61 .area3 dl.in-view{
opacity:1;transform:translateY(0px);transition:all 1s ease;
}

.m62 .conarea ul li{opacity:0;transform:translateY(50px);}
.m62 .conarea ul li.in-view{
opacity:1;transform:translateY(0px);transition:all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-delay:0.1s;
}
.m62 .conarea ul li.in-view:nth-child(2){transition-delay:0.25s;}
.m62 .conarea ul li.in-view:nth-child(3){transition-delay:0.4s;}
.m62 .conarea ul li.in-view:nth-child(4){transition-delay:0.55s;}

.m62 .conarea ul li .circle-wrap{
opacity:0;transform:rotateY(-90deg);
}
.m62 .conarea ul li.in-view .circle-wrap{opacity:1;transform:rotateY(0deg);transition:all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-delay:0.07s;}

.m63 .conarea{
opacity:0;
}
.m63 .conarea.in-view{
opacity:1;transition:all 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.m63 .conarea ul li{opacity:0;transform:translateX(-50px);}
.m63 .conarea ul li.in-view{
opacity:1;transform:translateX(0px);transition:all 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition-delay:0.1s;
}
.m63 .conarea ul li.in-view:nth-child(2){transition-delay:0.4s;}
.m63 .conarea ul li.in-view:nth-child(3){transition-delay:0.5s;}