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

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

.pcbr{display:block;}
.ptbr{display: block;}
.tbbr{display:none;}
.tmbr{display: none;}
.mbbr{display:none;}
.t_view{display: none !important;}
.tm_view{display: none !important;}
.m_view{display: none !important;}
.dn{display:none;}
* {font-family:"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;}
:root{
	--font1: "Noto Sans KR";
	--font2: "Wix Madefor Display";
	--font3: "Nunito Sans";
	--fonts: "Wix Madefor Display","Noto Sans KR";
	--trs50: "translate(-50%, -50%)";
}

.btn_arr{
display: flex;align-items:center;justify-content:center;gap:10px;
}
.btn_arr span{
font-size:18px;color:#fff;font-weight: bold;font-family: "Noto Sans KR";
}
.btn_arr i{
display: block;width:46px;aspect-ratio: 1 / 1;
background: url(/images/page/btn_arr_icon.png)no-repeat center / contain;
}
/*header*/
.head h1 .logo a img{opacity:1;}
.head h1 .slog{display: none !important;}

header.on .head .nav>ul>li>a:hover{
text-decoration:underline;
text-underline-offset:3px;
}

/*subvisual*/
.sub_visual{position: relative;width: 100%; height: 524px;z-index:10;}}
.sub_visual.pn3.sn3{max-height:415px;}

.sub_visual.pn4.sn4,
.sub_visual.noVisual{display: none !important;}
.sub_visual.pn2 .sc_img,
.sub_visual.pn6 .sc_img{display: none;}
.sub_visual .bgarea{
	position: absolute;
	width:100%;height:100%;
	top:0;left:0;
	overflow:hidden;
	z-index:-1;
}
.sub_visual .bgarea:before{
	position: absolute;content:'';
	width:50%;height:100%;
	background: rgba(0,0,0,0.3);
	top:0;left:0;
	z-index:1;
	transition: all 1s;
}
.sub_visual .bgarea.in-view:before{
	width: 0;
}
.sub_visual .bgarea:after{
	position: absolute;content:'';
	width:50%;height:100%;
	background: rgba(0,0,0,0.3);
top:0;right:0;
z-index:1;
transition: all 1s;
}
.sub_visual .bgarea.in-view:after{
	width: 0;
}
.sub_visual .bgarea .bg{
	width: 100%;height: 100%;
	background: url(/images/page/sub_visual1.jpg)no-repeat center / cover;
}
.sub_visual .bgarea .bg.pn1.sn1.cn1{background: url(/images/page/sub_visual111.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn1.sn1.cn2{background: url(/images/page/sub_visual112.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn1.sn1.cn3{background: url(/images/page/sub_visual113.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.sn2.cn1{background: url(/images/page/sub_visual121.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn1.sn3.cn1{background: url(/images/page/sub_visual131.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn1.sn3.cn2{background: url(/images/page/sub_visual132.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn1.sn3.cn3{background: url(/images/page/sub_visual133.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn2.sn1{background: url(/images/page/sub_visual21.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn2.sn2{background: url(/images/page/sub_visual22.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn2.sn3{background: url(/images/page/sub_visual23.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn2.sn4{background: url(/images/page/sub_visual24.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn2.sn5{background: url(/images/page/sub_visual25.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn2.sn6{background: url(/images/page/sub_visual26.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn3.sn1{background: url(/images/page/sub_visual31.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn3.sn2.cn1{background: url(/images/page/sub_visual321.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn3.sn2.cn2{background: url(/images/page/sub_visual322.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.pn3.sn5{background: url(/images/page/sub_visual35.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn6.sn0{background: url(/images/page/sub_visual60.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn6.cn1{background: url(/images/page/sub_visual61.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn6.cn2{background: url(/images/page/sub_visual612.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn6.cn3{background: url(/images/page/sub_visual613.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn6.cn4{background: url(/images/page/sub_visual614.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn6.cn5{background: url(/images/page/sub_visual615.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn4.sn1{background: url(/images/page/sub_visual41.jpg)no-repeat center / cover;}
.sub_visual .bgarea .bg.pn4.sn2{background: url(/images/page/sub_visual42.jpg)no-repeat center / cover;}

.sub_visual .descarea{position: absolute;left: 0; top:min(calc(100% - 220px), 65%); transform: translateY(-50%); z-index:50;box-sizing:border-box;
width:100%;
padding:0 9vw;
}
.sub_visual .descarea .cate>div{font-size:20px;color:#fff;font-family:var(--font3);font-weight: 400;text-transform: uppercase;}
.sub_visual .descarea .slogan{margin:0px 0 40px;}
.sub_visual .descarea .slogan>div{font-size:30px;color:#fff;font-family:var(--font2);font-weight: bold;line-height: 1.25em;}
.sub_visual .descarea .desc>div{font-family:var(--fonts);font-weight: bold;font-size:46px;color:rgba(255,255,255,0.9);line-height: 1.35em;}
.sub_visual .descarea .desc2{margin-top: 40px;}
.sub_visual .descarea .desc2>div{font-family:"Noto Sans KR";font-weight: bold;font-size:20px;color:#fff;line-height: 1.5em;}
.sub_visual .descarea .hidden{overflow:hidden;}
.sub_visual .descare>div>div{font:inherit;}
.sub_visual .sc_img{position: absolute;right:10vw;bottom:70px;}
.sub_visual.pn3.sn1 .tags{margin-top: 55px;}
.sub_visual.pn3.sn1 .tags p{
display: inline-block;margin:0 15px 15px 0;height:50px;padding:0 1.4vw;box-sizing:border-box;border-radius:10px;
backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background: rgba(255,2552,255,0.12);
display:inline-flex;align-items:center;justify-content:center;font-size:22px;color:#fff;font-weight: bold;
font-family: "Noto Sans KR";
}
.sub_visual.pn3.sn1 .tags p>span{font:inherit;
/* text-align: center;color:#134582;font-weight: bold;font-size:60px; */
}

.subtabarea{
position: relative;
width:100%;
height: 80px;
}
.subtabarea .subtabTop{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.subtabarea.pn3.sn1,
.subtabarea.pn6.sn0{display: none;}
.subtabarea ul{width: 100%; background: #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
        margin: 0 auto;display: flex;align-items:center;justify-content:center;}
.subtabarea ul.w2{gap:max(15.63vw, 300px);}
.subtabarea ul.w3{gap:max(15.63vw, 300px);}
.subtabarea ul.w5{gap:min(10vw, 150px);}
.subtabarea ul>li{height:80px;}

.subtabarea ul>li>a{
width:auto;height:100%;
color:#666666;font-size:18px;font-weight: 400;font-family: "Noto Sans KR";position: relative;
}
.subtabarea ul>li.on>a:before{
position: absolute;content:'';
bottom:0;left:50%;transform:translateX(-50%);
height:2px;width:100%;background: #134582;
}
.subtabarea ul>li>a>span{font:inherit;display: inline-block;height:100%;display: flex;align-items:center;justify-content:center;}
.subtabarea ul>li.on>a>span{color:#134582;}
.subtabarea.pn2 ul>li{}

.innerwrap{position: relative;width:94%;margin:0 auto;max-width:1560px;}
.innerwrap2{position: relative;width:94%;margin:0 auto;max-width:1740px;}




.textFill{
	padding: 170px 0;
	background: #09f;
}
.textFill .pageTit{
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 60px;
	color: #fff;
}
.textFill .text-line{
	position:relative;
	font-size:70px;
	color: rgba(255,255,255,0.4);
	font-weight:700;
	line-height:1.3em;
	background-image: linear-gradient(90deg, #fff 0%, #fff 0%, transparent 0.1%);
	background-repeat: no-repeat;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.4);
	-webkit-background-clip: text;
	background-clip: text;
}






.m00{padding-top: 220px;}
.m614, .m615, .noVisual{padding-top: 160px;}
.m00 .pgTitle{
font-size:40px;color:#111111;font-weight: bold;font-family: "Wix Madefor Display";
}



.m111{padding: 0;}
.m111 .sec1{
	padding: 0 0 180px;
}
.m111 .sec1 .con1{
	position: relative;
	padding: 300px 0 240px;
}
.m111 .sec1 .con1 .cc{
	position: absolute;
	left: 50%;
	top: 100px;
	transform: translateX(-50%);
	width: 740px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #e7ecf2;
}
.m111 .sec1 .con1 .slg{
	position: relative;
	font-family: "Wix Madefor Display";
	font-size: 130px;
	font-weight: 600;
	color: #134582;
}
.m111 .sec1 .con1 .txts{
	position: relative;
	width: 50%;
	margin-left: 50%;
	margin-top: 130px;
	padding-bottom: 80px;
	border-bottom: 1px solid #ccc;
}
.m111 .sec1 .con1 .txts b{
	display: inline-block;
	font-size: 50px;
	font-weight: 700;
	color: #000;
}
.m111 .sec1 .con1 .txts p{
	margin-top: 20px;
	font-size: 22px;
	line-height: 1.2em;
	color: #000
}
.m111 .sec1 .con2{
	position: relative;
	width: 100%;
	padding: 90px;
	border-radius: 20px;
	background: #000;
	overflow: hidden;
}
.m111 .sec1 .con2 .bgwrap{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m111 .sec1 .con2 .bgwrap .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.4s;
}
.m111 .sec1 .con2 .bgwrap .bg.on{opacity: 1;}
.m111 .sec1 .con2 .bgwrap .bg1{background: url(/images/page/m111_sec1_con2_bg1.jpg) no-repeat center /cover;}
.m111 .sec1 .con2 .bgwrap .bg2{background: url(/images/page/m111_sec1_con2_bg2.jpg) no-repeat center /cover;}
.m111 .sec1 .con2 .bgwrap .bg3{background: url(/images/page/m111_sec1_con2_bg3.jpg) no-repeat center /cover;}
.m111 .sec1 .con2 .bgwrap .bg4{background: url(/images/page/m111_sec1_con2_bg4.jpg) no-repeat center /cover;}
.m111 .sec1 .con2 ul{
	display: flex;
	gap: 35px;
	position: relative;
}
.m111 .sec1 .con2 li{
	width: calc((100% - 105px) / 4);
	height: 620px;
	border-radius: 20px;
	border: 1px solid rgba(255,255,255,0.4);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	transition: all 0.4s;
}
.m111 .sec1 .con2 li:hover{
	border: 1px solid rgba(255,255,255,0);
	background: rgba(255,255,255,0.2);
	backdrop-filter: blur(10px);
}
.m111 .sec1 .con2 li b{
	display: inline-block;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	margin: 20px 0;
}
.m111 .sec1 .con2 li p{
	font-size: 22px;
	line-height: 1.6em;
	color: #fff;
}

.m111 .sec2{
	background: #e7ecf2;
	padding: 170px 0;
}
.m111 .sec2 .sec_tit{
	position: relative;
}
.m111 .sec2 .sec_tit h3{
	font-size: 50px;
	font-weight: 700;
	color: #000;
}
.m111 .sec2 .sec_tit p{
	font-size: 22px;
	margin-top: 30px;
}
.m111 .sec2 .sec_tit > span{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 18px;
	color: #999;
}
.m111 .sec2 .graphwrap{
	margin-top: 110px;
}
.m111 .sec2 .graph{
	position: relative;
	width: 100%;
	height: 566px;
	display: flex;
}
.m111 .sec2 .graph .bg{
	position: absolute;
	left: 60px;
	bottom: 0;
	width: calc(100% - 120px);
	height: 571px;
}
.m111 .sec2 .graph .bg img{width: 100%; height: 100%; max-width: unset;}
.m111 .sec2 .graph .num_l{
	position: relative;
	width: 60px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 96px;
	font-size: 16px;
	transform: translateY(6px);
}
.m111 .sec2 .graph .num_l .unit{
	font-family: "Noto Sans KR";
	font-size: 16px;
	position: absolute;
	left: 0;
	top: -63px;
	white-space: nowrap;
}
.m111 .sec2 .graph .num_r{
	position: relative;
	width: 60px;
	height: 100%;
	padding-left: 12px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 34px;
	font-size: 16px;
	transform: translateY(6px);
}
.m111 .sec2 .graph .num_r .unit{
	font-family: "Noto Sans KR";
	font-size: 16px;
	position: absolute;
	right: 0;
	top: -63px;
	white-space: nowrap;
}
.m111 .sec2 .graph .y-axis{
	position: absolute;
	left: 60px;
	bottom: 0;
	width: calc(100% - 120px);
	display: flex;
	flex-direction: column;
	row-gap: 50.5px;
}
.m111 .sec2 .graph .y-axis li{
	width: 100%;
	border-top: 1.5px dashed #ccc;
}
.m111 .sec2 .graph .bar{
	position: relative;
	width: calc(100% - 120px);
	height: 100%;
	display: flex;
	justify-content: space-evenly;
	align-items: flex-end;
}
.m111 .sec2 .graph .bar li{
	position: relative;
	width: 34px;
	height: 100%;
	display: flex;
	align-items: flex-end;
}
.m111 .sec2 .graph .bar li .b{
	display: block;
	width: 100%;
	background: #134582;
	border-radius: 5px 5px 0 0;
}
.m111 .sec2 .graph .bar li:nth-child(1) .b {height: 1.08%;}
.m111 .sec2 .graph .bar li:nth-child(2) .b {height: 2.81%;}
.m111 .sec2 .graph .bar li:nth-child(3) .b {height: 2.59%;}
.m111 .sec2 .graph .bar li:nth-child(4) .b {height: 3.67%;}
.m111 .sec2 .graph .bar li:nth-child(5) .b {height: 3.24%;}
.m111 .sec2 .graph .bar li:nth-child(6) .b {height: 3.89%;}
.m111 .sec2 .graph .bar li:nth-child(7) .b {height: 6.48%;}
.m111 .sec2 .graph .bar li:nth-child(8) .b {height: 10.96%;}
.m111 .sec2 .graph .bar li:nth-child(9) .b {height: 14.06%;}
.m111 .sec2 .graph .bar li:nth-child(10) .b {height: 21.92%;}
.m111 .sec2 .graph .bar li:nth-child(11) .b {height: 24.81%;}
.m111 .sec2 .graph .bar li:nth-child(12) .b {height: 23.93%;}
.m111 .sec2 .graph .bar li:nth-child(13) .b {height: 35.85%;}
.m111 .sec2 .graph .bar li:nth-child(14) .b {height: 41.97%;}
.m111 .sec2 .graph .bar li:nth-child(15) .b {height: 43.05%;}
.m111 .sec2 .graph .bar li:nth-child(16) .b {height: 53.93%;}
.m111 .sec2 .graph .bar li:nth-child(17) .b {height: 60.06%;}
.m111 .sec2 .graph .bar li:nth-child(18) .b {height: 72.59%;}
.m111 .sec2 .graph .bar li span{
	position: absolute;
	left: 50%;
	top: calc(100% + 20px);
	transform: translateX(-50%);
}
.m111 .sec2 .graph .clr{
	position: absolute;
	left: 50%;
	top: 13px;
	transform: translateX(-50%);
}
.m111 .sec2 .graph .clr li{
	font-family: "Noto Sans KR";
	position: relative;
	padding-left: 25px;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	color: #000;
}
.m111 .sec2 .graph .clr li:first-child{margin-right: 55px;}
.m111 .sec2 .graph .clr li:after{
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 14px;
	height: 14px;
	background: #134582;
}
.m111 .sec2 .graph .clr li:first-child:after{
	background: #c4d1e0;
	border: 1px solid #849ebe;
}

.m111 .sec2 .boxwrap{
	margin-top: 200px;
	display: flex;
	justify-content: space-between;
}
.m111 .sec2 .boxwrap .box{
	position: relative;
	width: calc((100% - 120px) / 4);
	height: 465px;
	padding: 10px;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}
.m111 .sec2 .boxwrap .box .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.3s;
}
.m111 .sec2 .boxwrap .box .txts{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.m111 .sec2 .boxwrap .box .txts span{
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	color: #999;
	transition: all 0.3s;
}
.m111 .sec2 .boxwrap .box .txts .icon{
	margin: 30px 0;
	transition: all 0.3s;
}
.m111 .sec2 .boxwrap .box1 .txts .icon{
	width: 50px;
	height: 65px;
	background: url(/images/page/m111_sec2_box1_icon.png) no-repeat center / contain;
}
.m111 .sec2 .boxwrap .box1:hover .txts .icon{
	background: url(/images/page/m111_sec2_box1_icon_hv.png) no-repeat center / contain;
}
.m111 .sec2 .boxwrap .box2 .txts .icon{
	width: 50px;
	height: 65px;
	background: url(/images/page/m111_sec2_box2_icon.png) no-repeat center / contain;
}
.m111 .sec2 .boxwrap .box2:hover .txts .icon{
	background: url(/images/page/m111_sec2_box2_icon_hv.png) no-repeat center / contain;
}
.m111 .sec2 .boxwrap .box3 .txts .icon{
	width: 50px;
	height: 65px;
	background: url(/images/page/m111_sec2_box3_icon.png) no-repeat center / contain;
}
.m111 .sec2 .boxwrap .box3:hover .txts .icon{
	background: url(/images/page/m111_sec2_box3_icon_hv.png) no-repeat center / contain;
}
.m111 .sec2 .boxwrap .box4 .txts .icon{
	width: 50px;
	height: 65px;
	background: url(/images/page/m111_sec2_box4_icon.png) no-repeat center / contain;
}
.m111 .sec2 .boxwrap .box4:hover .txts .icon{
	background: url(/images/page/m111_sec2_box4_icon_hv.png) no-repeat center / contain;
}
.m111 .sec2 .boxwrap .box .txts b{
	display: inline-block;
	font-size: 44px;
	font-weight: 700;
	color: #134582;
	transition: all 0.3s;
}
.m111 .sec2 .boxwrap .box .txts p{
	font-size: 20px;
	line-height: 1.6em;
	color: #666;
	margin-top: 15px;
	transition: all 0.3s;
}
/* 호버시 */
.m111 .sec2 .boxwrap .box:hover{
	box-shadow:
		1px 0 2px rgba(0, 0, 0, 0.3),    /* 왼쪽 */
		-1px 0 2px rgba(0, 0, 0, 0.3),   /* 오른쪽 */
		0 4px 6px rgba(0, 0, 0, 0.5);    /* 아래쪽 (더 진하게) */
}
.m111 .sec2 .boxwrap .box:hover .bg{
	opacity: 1;
}
.m111 .sec2 .boxwrap .box:hover .txts span{
	color: #fff;
}
.m111 .sec2 .boxwrap .box:hover .txts b{
	color: #fff;
}
.m111 .sec2 .boxwrap .box:hover .txts p{
	color: #fff;
}

.m111 .sec3{
	padding: 90px 0;
}
.m111 .sec3 .conwrap{
	position: relative;
	width: 100%;
	padding: 90px 90px 30px;
	border-radius: 20px;
	overflow: hidden;
}
.m111 .sec3 .conwrap .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m111_sec3_bg.jpg) no-repeat center / cover;
}
.m111 .sec3 .conwrap .inner{
	position: relative;
}
.m111 .sec3 .conwrap .inner .top{
	display: flex;
	justify-content: space-between;
}
.m111 .sec3 .conwrap .inner .top .sec_tit h3{
	font-size: 50px;
	font-weight: 700;
	color: #fff;
}
.m111 .sec3 .conwrap .inner .top .sec_tit p{
	font-family: "Wix Madefor Display";
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	margin-top: 30px;
}
.m111 .sec3 .conwrap .inner .top .slg{
	font-size: 28px;
	font-weight: 700;
	line-height: 1.8em;
	color: #fff;
	text-align: right;
}

.m111 .sec3 .conwrap .inner ul{
	margin-top: 60px;
}
.m111 .sec3 .conwrap .inner li{
	display: flex;
	justify-content: space-between;
	padding: 60px 0;
}
.m111 .sec3 .conwrap .inner li:nth-child(2){
	border-top: 1px solid rgba(255,255,255,0.3);
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
.m111 .sec3 .conwrap .inner li .txtwrap{
	display: flex;
	align-items: center;
}
.m111 .sec3 .conwrap .inner li .txtwrap .icon{
	width: 100px;
	flex-shrink: 0;
}
.m111 .sec3 .conwrap .inner li .txtwrap dl{}
.m111 .sec3 .conwrap .inner li .txtwrap dl dt{
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;
}
.m111 .sec3 .conwrap .inner li .txtwrap dl dd p{
	display: inline-block;
	font-size: 20px;
	color: rgba(255,255,255,0.9);
}
.m111 .sec3 .conwrap .inner li .txtwrap dl dd .line{
	display: inline-block;
	width: 1px;
	height: 18px;
	background: rgba(255,255,255,0.3);
	margin: 0 12px -1px;
}
.m111 .sec3 .conwrap .inner li .link{
	display: flex;
	flex-direction: column;
	row-gap: 15px;
}
.m111 .sec3 .conwrap .inner li .link a{
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	text-align: right;
}
.m111 .sec3 .conwrap .inner li .link a i{
	display: inline-block;
	width: 14px;
	height: 11px;
	background: url(/images/page/m111_sec3_arr.png) no-repeat center / contain;
	margin: 0 0 0 12px;
}


.m112{
	background: url(/images/page/m322_bg.png) no-repeat right 0 top -100px;
}
.m112 .pgTitle{
	font-family: "Wix Madefor Display";
}

.m112 .mvarea{position: relative;margin-top: 100px;padding:90px 0;}
.m112 .mvarea .bg{
	position: absolute;top:0;left:0;
	width:100%;height: 100%;
	background: url(/images/page/m112_sec1_bg.jpg)no-repeat center / cover;
	background-attachment:fixed;
}
.m112 .mvarea .boxwrap{position: relative;z-index:20;display: flex;gap:2.08vw;}
.m112 .mvarea .boxwrap .box{flex:1;min-height:660px;border-radius:20px;border:1px solid rgba(255,255,255,0.4);
display: flex;align-items:center;justify-content:center;
}
.m112 .mvarea .boxwrap .box .tag{position: relative;font-size:20px;color:rgba(255,255,255,0.8);font-weight: bold;text-align: center;
padding-bottom: 30px;}
.m112 .mvarea .boxwrap .box .tag:before{
	position: absolute;content:'';
	width:30px;height:1px;
	background: rgba(255,255,255,0.7);
	bottom:0;left:50%;transform:translateX(-50%);
}
.m112 .mvarea .boxwrap .box .icon{margin:50px auto;}
.m112 .mvarea .boxwrap .box .icon img{display: block;margin:0 auto;max-width:100%;}
.m112 .mvarea .boxwrap .box .slog{margin-bottom: 40px;text-align: center;font-size:40px;color:#fff;font-weight: 400;font-family: "Noto Sans KR";
display: flex;flex-direction:column;align-items:center;
}
.m112 .mvarea .boxwrap .box .slog strong{display: inline-block;position: relative;font-size:40px;color:#fff;font-weight: bold;}
.m112 .mvarea .boxwrap .box .slog strong:before{
position: absolute;content:'';
width:100%;height:10px;background: #134582;
z-index:-1;
bottom:0;left:0;
}
.m112 .mvarea .boxwrap .box .eng{font-family: "Wix Madefor Display"; text-align: center;font-size:24px;color:rgba(255,255,255,0.8);;font-weight: 600;}

.m112 .sec2{
	position: relative;
	padding: 240px 0 360px;
}
.m112 .sec2 .bg{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 640px;
	background: #f1f1f1;
}
.m112 .sec2 .conwrap{
	display: flex;
}
.m112 .sec2 .conwrap .imgwrap{
	position: relative;
	width: 50%;
	height: 800px;
}
.m112 .sec2 .conwrap .imgwrap > div{
	position: absolute;
	right: 0;
	top: 0;
	width: 50vw;
	height: 100%;
	background: url(/images/page/m112_sec2_img.jpg) no-repeat center / cover;
	border-radius: 0 20px 20px 0;
}
.m112 .sec2 .conwrap .txtwrap{
	width: 50%;
	padding-left: 5%;
	margin-top: 80px;
}
.m112 .sec2 .conwrap .txtwrap span{
	display: inline-block;
	font-family: "Wix Madefor Display";
	font-size: 20px;
	font-weight: 700;
	color: #134582;
}
.m112 .sec2 .conwrap .txtwrap h3{
	font-size: 50px;
	font-weight: 700;
	line-height: 1.4em;
	color: #000;
	margin:  20px 0 40px;
}
.m112 .sec2 .conwrap .txtwrap p{
	font-size: 24px;
	font-weight: 700;
	line-height: 1.6em;
	color: #444;
}
.m112 .sec2 ul{
	display: flex;
	gap: 30px;
	position: absolute;
	left: 0;
	top: 600px;
	width: 100%;
}
.m112 .sec2 ul li{
	width: calc((100% - 60px) / 3);
	border: 1px solid #ccc;
	padding: 20px;
	border-radius: 20px;
	background: #fff;
}
.m112 .sec2 ul li .con{
	width: 100%;
	height: 280px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.m112 .sec2 ul li .con .icon{}
.m112 .sec2 ul li .con b{
	display: inline-block;
	font-size: 34px;
	font-weight: 700;
	color: #000;
	margin: 30px 0 20px;
}
.m112 .sec2 ul li .con p{
	font-size: 18px;
	line-height: 1.6em;
	color: #444;
}
.m112 .sec2 ul li .tit{
	width: 100%;
	height: 60px;
	border-radius: 0 0 20px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}
.m112 .sec2 ul li:nth-child(1) .tit{background: #0570b5;}
.m112 .sec2 ul li:nth-child(2) .tit{background: #0c5b9c;}
.m112 .sec2 ul li:nth-child(3) .tit{background: #114b89;}

.m112 .sec3{
	position: relative;
	padding: 180px 0 440px;
	overflow: hidden;
}
.m112 .sec3 .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m112_sec3_bg.jpg) no-repeat center bottom / cover;
}
.m112 .sec3 .top{
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 90px 4%;
	border-radius: 20px;
	background: url(/images/page/m112_sec3_top_bg.jpg) no-repeat center / cover;
	display: flex;
}
.m112 .sec3 .top .titwrap{
	width: 50%;
}
.m112 .sec3 .top .titwrap span{
	font-family: "Wix Madefor Display";
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}
.m112 .sec3 .top .titwrap b{
	display: block;
	font-size: 50px;
	font-weight: 700;
	line-height: 1.4em;
	color: #fff;
	margin-top: 20px;
}
.m112 .sec3 .top p{
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5em;
	color: #fff;
}
.m112 .sec3 .slg{
	margin-top: 120px;
	font-size: 50px;
	font-weight: 700;
	line-height: 1.4em;
	color: #fff;
}


.m113{background: url(/images/page/m322_bg.png) no-repeat right 0 top -100px;}
.m113 .sec1{padding-bottom: 80px;}
.m113 .sec1 .page_tit{}
.m113 .sec1 .page_tit h3{
	font-family: "Wix Madefor Display";
	font-size: 50px;
	font-weight: 700;
	color: #000;
}
.m113 .sec1 .page_tit p{
font-size: 22px;
line-height: 1.6em;
color: #000;
margin-top: 20px;
}
.m113 .sec2{
	padding: 90px 0;
	background: url(/images/page/m113_sec2_bg.jpg) no-repeat center / cover;
}
.m113 .sec2 .conwrap{
	display: flex;
	justify-content: space-between;
}
.m113 .sec2 .conwrap .yearwrap{
	width: 48%;
	padding: 60px;
	border-radius: 20px;
	background: rgba(255,255,255,0.2);
	backdrop-filter: blur(10px);
}
.m113 .sec2 .conwrap .yearwrap .titwrap{
	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.m113 .sec2 .conwrap .yearwrap .titwrap span{
	font-size: 30px;
	font-weight: 700;
	color: #fff;
}
.m113 .sec2 .conwrap .listwrap{}
.m113 .sec2 .conwrap .listwrap dl{
	display: flex;
}
.m113 .sec2 .conwrap .listwrap dl + dl{
	margin-top: 7px;
}
.m113 .sec2 .conwrap .listwrap dl dt{
	width: 100px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.75em;
	color: #fff;
}
.m113 .sec2 .conwrap .listwrap dl dd{
	width: calc(100% - 100px);
	font-size: 20px;
	line-height: 1.75em;
	color: #fff;
}









.m12 .sec1{padding-bottom: 200px;}
.m12 .sec1 .slogan{font-size:50px;color:#111;font-weight: bold;text-align: center;margin-top: 100px;line-height: 1.35em;}
.m12 .sec1 .imgarea{position: relative;padding:90px 4.7vw;box-sizing:border-box;overflow:hidden;border-radius:20px;margin-top: 100px;
min-height:365px;}
.m12 .sec1 .imgarea .img{
background: url(/images/page/m12_sec1_bg.jpg)no-repeat center top / cover;
position: absolute;top:0;left:0;width:100%;height:100%;
}
.m12 .sec1 .imgarea .txtarea{position: relative;z-index:10;display: flex;}
.m12 .sec1 .imgarea .txtarea strong{flex:1;display: block;font-size:50px;color:#fff;font-weight: bold;}
.m12 .sec1 .imgarea .txtarea .txts{flex:1;display: block;}
.m12 .sec1 .imgarea .txtarea .txts b{
font-size:30px;color:#fff;font-weight: bold;font-family: "Noto Sans KR";
}
.m12 .sec1 .imgarea .txtarea .txts p{
font-size:18px;color:rgba(255,255,255,0.7);font-weight: 400;line-height: 1.6em;font-family: "Noto Sans KR";margin-top: 40px;
}
.m12 .sec2{}
.m12 .sec2{position:relative;height:100%;}
.m12 .conwrap{
	overflow:hidden;
	position:relative;
	width:100%;height:400vh;
	/* max-width:1460px;margin:0 auto; */
}
.m12 .conwrap .section{
	position:absolute;left:0;top:0;z-index:-1;
	width: 100%;height: 100vh;
	/*display: flex; align-items: center;justify-content: center; */
	opacity: 0;
	text-align:left;
	box-sizing:border-box;padding-top: 200px;
	transition: opacity 1s ease;
}
.m12 .conwrap .section .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	transform:scale(1.1);
	transition:all 1s;
}
.m12 .conwrap .section1 .bg{opacity:1;background:url(/images/page/m12_sec2_bg1.jpg) no-repeat center;background-size:cover;}
.m12 .conwrap .section2 .bg{background:url(/images/page/m12_sec2_bg2.jpg) no-repeat center;background-size:cover;}
.m12 .conwrap .section3 .bg{background:url(/images/page/m12_sec2_bg3.jpg) no-repeat center;background-size:cover;}
.m12 .conwrap .section.active{opacity:1;}
.m12 .conwrap .section.fixed{position: fixed;}
.m12 .conwrap .section3.active{position: fixed;}
.m12 .conwrap .section.active .bg{transform:scale(1);}

.m12 .conwrap .section .txts{position:relative;z-index:10;max-width:1560px;width:94%;margin:0 auto;
display: flex;align-items:start;
}
.m12 .conwrap .section .txts>.txt{width:50%;
font-size:"Noto Sans KR";font-size:46px;color:#fff;font-weight: bold;line-height: 1.4em;
}
.m12 .conwrap .section .txts>.info{width:50%;}
.m12 .conwrap .section .txts>.info>b{
display: block;margin-bottom: 48px;font-family: "Wix Madefor Display";font-size:20px;font-weight: bold;color:#fff;text-transform: uppercase;
}
.m12 .conwrap .section .txts>.info>p{
font-family:"Noto Sans KR";font-size:18px;color:rgba(255,255,255,0.7);font-weight: 400;line-height: 1.65em;
word-wrap:normal;word-break:keep-all;
}
.m12 .conwrap .section .txts .txt{opacity:0;transform:translateY(60px);transition:all 1s;} 
.m12 .conwrap .section .txts .info{opacity:0;transform:translateY(60px);transition:all 1s;transition-delay:0.1s;} 
 .m12 .conwrap .section.active .txts .txt{opacity:1;transform:translateY(0px);}
 .m12 .conwrap .section.active .txts .info{opacity:1;transform:translateY(0px);}

.trigger {
	position: absolute;
	height: 100vh;
	width: 100%;
}
#trigger1 { top: 0; }
#trigger2 { top: 100vh; }
#trigger3 { top: 200vh; }

.m12 .sec2 .nav{
	position:absolute;left:50%;bottom:60px;z-index:10;
	width:100%;max-width:1380px;
	transform:translateX(-50%);
	opacity:0;
	transition:opacity 1s;	
}
.m12 .sec2 .nav.fixed{position: fixed;opacity:1;}
.m12 .sec2 .nav .pageNum{
	display:flex;justify-content:space-between;
	margin-bottom:20px;
	font-family:"Wix Madefor Display";font-size:16px;color:#fff;font-weight:bold;
}
.m12 .sec2 .nav .pageNum>div{width:33%;}
.m12 .sec2 .nav .pageNum>div.active{font-weight: 500;}
.m12 .sec2 .nav ul{display:flex;justify-content:space-between;position:relative;}
.m12 .sec2 .nav ul li{
	position:relative;
	width:33%;height:2px;
	border-radius:0px;
	background:rgba(255,255,255,0.2);
	cursor:pointer;
}
.m12 .sec2 .nav ul li:after{
	display:block;content:"";
	width:100%;height:100%;
	
	background:#fff;
	position:absolute;left:0;top:0;
	transform-origin:left;
	transition:all 1s;
	width:0;
}
.m12 .sec2 .nav ul.w1 li:nth-child(1):after{width:100%;}
.m12 .sec2 .nav ul.w2 li:nth-child(2):after{width:100%;}
.m12 .sec2 .nav ul.w3 li:nth-child(3):after{width:100%;}

.m131 .mvarea{position: relative;margin-top: 100px;padding:90px 0;}
.m131 .mvarea .bg{
	position: absolute;top:0;left:0;
	width:100%;height: 100%;
	background: url(/images/page/m131_sec1_bg.jpg)no-repeat center / cover;
	background-attachment:fixed;
}
.m131 .mvarea .boxwrap{position: relative;z-index:20;display: flex;gap:2.08vw;}
.m131 .mvarea .boxwrap .box{flex:1;min-height:660px;border-radius:20px;border:1px solid rgba(255,255,255,0.4);
display: flex;align-items:center;justify-content:center;
}
.m131 .mvarea .boxwrap .box .tag{position: relative;font-size:20px;color:rgba(255,255,255,0.8);font-weight: bold;text-align: center;
padding-bottom: 30px;}
.m131 .mvarea .boxwrap .box .tag:before{
	position: absolute;content:'';
	width:30px;height:1px;
	background: rgba(255,255,255,0.7);
	bottom:0;left:50%;transform:translateX(-50%);
}
.m131 .mvarea .boxwrap .box .icon{margin:50px auto;}
.m131 .mvarea .boxwrap .box .icon img{display: block;margin:0 auto;max-width:100%;}
.m131 .mvarea .boxwrap .box .slog{margin-bottom: 40px;text-align: center;font-size:40px;color:#fff;font-weight: 400;font-family: "Noto Sans KR";
display: flex;flex-direction:column;align-items:center;
}
.m131 .mvarea .boxwrap .box .slog strong{display: inline-block;position: relative;font-size:40px;color:#fff;font-weight: bold;}
.m131 .mvarea .boxwrap .box .slog strong:before{
position: absolute;content:'';
width:100%;height:10px;background: #134582;
z-index:-1;
bottom:0;left:0;
}
.m131 .mvarea .boxwrap .box .eng{text-align: center;font-size:24px;color:rgba(255,255,255,0.8);;font-weight: 600;}
.m131 .sec2{position: relative;padding-top: 230px;}
.m131 .sec2:before{
position: absolute;width:100%;height:1358px;background: #f1f1f1;content:'';
top:calc(230px + 570px);left:0;
z-index:-1;
}
.m131 .sec2:after{
position: absolute;bottom:-80px;left:0;content:'';
background: url(/images/page/m131_bg_logo.png)no-repeat left center;
width:100%;height:176px;z-index:10;

}
.m131 .sec2 .area{position: relative;display: flex;align-items:center;min-height:100vh;}
.m131 .sec2 .marea{padding-bottom: 320px;}
.m131 .sec2 .area .bg{
position: absolute;top:0;left:0;
width:50vw;
height:980px;
border-radius:0 20px 20px 0;overflow:hidden;
}
.m131 .sec2 .varea .bg{left:auto;right:0;border-radius:20px 0 0 20px;}
.m131 .sec2 .area .bg>div{
width:100%;height:100%;
background: url(/images/page/m131_sec2_mbg.jpg)no-repeat center / cover;
}
.m131 .sec2 .varea .bg>div{
background: url(/images/page/m131_sec2_vbg.jpg)no-repeat center / cover;
}
.m131 .sec2 .varea{flex-direction:row-reverse;margin-top: 450px;}
.m131 .sec2 .area .txtwrap{
margin-left: 50%;padding-left: 6.7vw;padding-right: 8%;
}
.m131 .sec2 .area .txtwrap .cate{font-size:20px;color:#134582;font-weight: bold;}
.m131 .sec2 .area .txtwrap .tit{font-size:50px;color:#000;font-weight: bold;margin:32px 0 52px;}
.m131 .sec2 .area .txtwrap .txt{font-size:18px;line-height: 1.6em;color:rgba(0,0,0,0.7);font-weight: 400;font-family: "Noto Sans KR";}
.m131 .sec2 .varea .txtwrap{margin-left: 0;margin-right:50%;padding-left: 8%;padding-right: 6.7vw;}
.m131 .sec2 .varea .infos{
margin-top: 180px;
}
.m131 .sec2 .varea .infos .tag{
display: block;font-size:20px;color:#134582;font-weight: bold;text-transform: uppercase;margin-bottom: 35px;
}
.m131 .sec2 .varea .infos .desc{
font-size:18px;color:rgba(0,0,0,0.7);line-height: 1.6em;
}
.m131 .sec2 .marea .listwrap{
position: absolute;width:100%;z-index:20;
top:100%;left:50%;transform:translate(-50%, -50%);
}
.m131 .sec2 .marea .listwrap>ul{display: flex;gap:2.34vw;}
.m131 .sec2 .marea .listwrap>ul>li{flex:1;background: #fff;border-radius:20px;min-height:532px;
display: flex;flex-direction:column;align-items:center;justify-content:center;
padding:45px 2.34vw;transition:all 0.3s ease;
}
.m131 .sec2 .marea .listwrap>ul>li .icon{width:80px;height:80px;}
.m131 .sec2 .marea .listwrap>ul>li .icon i{
width:80px;height:80px;display: block;
background: url(/images/page/m131_sec2_icon1.png)no-repeat center;
}
.m131 .sec2 .marea .listwrap>ul>li:nth-child(2) .icon i{background: url(/images/page/m131_sec2_icon2.png)no-repeat center;}
.m131 .sec2 .marea .listwrap>ul>li:nth-child(3) .icon i{background: url(/images/page/m131_sec2_icon3.png)no-repeat center;}
.m131 .sec2 .marea .listwrap>ul>li .ent{
font-size:34px;color:#000;font-weight: bold;margin-top: 40px;
}
.m131 .sec2 .marea .listwrap>ul>li .krt{color:#134582;font-size:24px;font-weight: bold;margin: 20px auto 40px;}
.m131 .sec2 .marea .listwrap>ul>li .txtlist{padding-top: 40px;border-top: 1px solid #e5e5e5;}
.m131 .sec2 .marea .listwrap>ul>li .txtlist>li{position: relative;padding-left: 18px;color:#666666;font-weight: 500;font-size:18px;
line-height: 1.55em;
}
.m131 .sec2 .marea .listwrap>ul>li .txtlist>li + li{margin-top: 8px;}
.m131 .sec2 .marea .listwrap>ul>li .txtlist>li:before{
position: absolute;content:'';
width:8px;height:8px;border-radius:50%;
box-sizing:border-box;border:2px solid #134582;
top:10px;left:0;
}
.m131 .sec2 .marea .listwrap>ul>li:hover{background: #134582;}
.m131 .sec2 .marea .listwrap>ul>li:hover .icon i{
width:80px;height:80px;display: block;
background: url(/images/page/m131_sec2_icon1_hv.png)no-repeat center;
}
.m131 .sec2 .marea .listwrap>ul>li:hover:nth-child(2) .icon i{background: url(/images/page/m131_sec2_icon2_hv.png)no-repeat center;}
.m131 .sec2 .marea .listwrap>ul>li:hover:nth-child(3) .icon i{background: url(/images/page/m131_sec2_icon3_hv.png)no-repeat center;}
.m131 .sec2 .marea .listwrap>ul>li:hover .ent,
.m131 .sec2 .marea .listwrap>ul>li:hover .krt{color:#fff;}
.m131 .sec2 .marea .listwrap>ul>li:hover .txtlist>li{color:rgba(255,255,255,0.8);}
.m131 .sec2 .marea .listwrap>ul>li:hover .txtlist>li:before{border:1px solid #fff;}
.m131 .sec3{padding:220px 0 200px;}


/*m132*/
.m132 .sec1{padding-bottom: 200px;}
.m132 .sec1 .img-list{
gap:1.56vw;
display: flex;
}
.m132 .sec1 .img-list li{overflow:hidden;border-radius:20px;
aspect-ratio: 50 / 74;position: relative;
padding:2vw;
width:calc((100% - 1.56vw * 2) / 3);display: flex;flex-direction:column;align-items:center;justify-content:center;
}
.m132 .sec1 .img-list li .bg{
	position: absolute;
	width: 100%;height: 100%;
	top:50%;left:50%;transform:translate(-50%, -50%);
}
.m132 .sec1 .img-list li .bg:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.55);
}
.m132 .sec1 .img-list li .bg img{
	width:100%;height:100%;object-fit:cover;
}
.m132 .sec1 .img-list li .txtarea{position: relative;z-index:10;}
.m132 .sec1 .img-list li .txtarea * {display: block;text-align: center;color:#fff;}
.m132 .sec1 .img-list li .txtarea .slog{font-family: "Wix Madefor Display"; font-size:38px;font-weight: bold;margin-bottom: 20px;}
.m132 .sec1 .img-list li .txtarea .title{font-size:24px;font-weight: bold;}
.m132 .sec1 .img-list li .txtarea .bar{
display: block;margin:25px auto;width:1px;background: rgba(255,255,255,0.7);height: 30px;
}
.m132 .sec1 .img-list li .txtarea .txt{
color: rgba(255,255,255,0.7);font-size:18px;line-height: 1.6em;
}
.m132 .sec2 .benefit{
width:100%;height:100vh;position: relative;
}
.m132 .sec2 .benefit .swiper-slide{
	overflow:hidden;
	box-sizing:border-box;
	width:100%;height:100vh;	
}
.m132 .sec2 .benefit .swiper-slide .bg{
position: absolute;z-index:-1;
width:100%;height:100%;
top:50%;left:50%;transform:translate(-50%, -50%);
}
.m132 .sec2{}
.m132 .sec2{position:relative;height:100%;}
.m132 .conwrap{
	overflow:hidden;
	position:relative;
	width:100%;
}
.m132 .conwrap .section{
	position: relative;
	width: 100%;height: 100vh;
	/*display: flex; align-items: center;justify-content: center; */
	text-align:left;
	box-sizing:border-box;padding-top: 140px;padding-bottom: 140px;
	transition: opacity 1s ease;
}
.m132 .conwrap .section:before{
	position: absolute;
	width:1px;height:100%;
	background: rgba(255,255,255,1);
	content:'';
	top:0;left:50%;transform:translateX(-50%);z-index:100;
}
.m132 .conwrap .section .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	transform:scale(1.1);
	transition:all 1s;
}
.m132 .conwrap .section .bg:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.55);
}

.m132 .conwrap .section.active{opacity:1;z-index:30;}
.m132 .conwrap .section.fixed{position: fixed;}
.m132 .conwrap .section3.active{position: fixed;}
.m132 .conwrap .section.active .bg{transform:scale(1);}

.m132 .conwrap .section .txts{position:relative;z-index:10;max-width:1560px;width:94%;margin:0 auto;
display: flex;align-items:start;z-index:100;height: 100%;
}
.m132 .conwrap .section .txts>.left{width:50%;
font-family:"Noto Sans KR";font-size:46px;color:#fff;font-weight: bold;
height: 100%;display: flex;flex-direction:column;justify-content:space-between;
}
.m132 .conwrap .section2 .txts>.left .titlewrap{margin-bottom: 30px;}
.m132 .conwrap .section .txts>.left .titlewrap h4{font-size:40px;color:#fff;font-weight: bold;}
.m132 .conwrap .section .txts>.left .titlewrap h5{font-size:24px;color:#fff;font-weight: bold;margin:32px 0 20px;}
.m132 .conwrap .section .txts>.left .titlewrap p{font-size:18px;color:rgba(255,255,255,0.7);}
.m132 .conwrap .section .txts>.left .tabwrap>dl{}
.m132 .conwrap .section .txts>.left .tabwrap>dl + dl{margin-top: 50px;}
.m132 .conwrap .section .txts>.left .tabwrap>dl>dt{font-size:20px;color:#fff;font-weight: bold;text-transform: uppercase;margin-bottom: 8px;}
.m132 .conwrap .section .txts>.left .tabwrap>dl>dd>button{
position: relative;
padding:14px 0;border-bottom: 1px solid rgba(255,255,255,0.3);display: block;width:100%;max-width:600px;
text-align: left;font-size:20px;font-weight: 500;transition:all 0.4s;color:rgba(255,255,255,0.3);
}
.m132 .conwrap .section .txts>.left .tabwrap>dl>dd>button:before{
	position: absolute;content:'';
	background: url(/images/page/m132_arr.png)no-repeat center;
	top:50%;transform:translateY(-50%);right:0;width: 15px;height: 14px;
	display: block;
	opacity:0;
}
.m132 .conwrap .section .txts>.left .tabwrap>dl>dd>button.on,
.m132 .conwrap .section .txts>.left .tabwrap>dl>dd>button:hover{
border-bottom: 1px solid rgba(255,255,255,1);color:#fff;
}
.m132 .conwrap .section .txts>.left .tabwrap>dl>dd>button.on:before,
.m132 .conwrap .section .txts>.left .tabwrap>dl>dd>button:hover:before{
opacity:1;
}
.m132 .conwrap .section .txts>.left .tabwrap>dl>dd>button .inner{
	display: none;
}
.m132 .conwrap .section .txts>.info{width:50%;padding-left: 6vw;;}
.m132 .conwrap .section .txts>.info .tabcon{
/* opacity:0;position: relative;z-index:-1; */
display: none;padding-top: 80px;
}
.m132 .conwrap .section .txts>.info .tabcon.on{
opacity:1;z-index:30;
}
.m132 .conwrap .section .txts>.info b{
display: block;font-size:21px;font-weight: bold;color:#fff;line-height: 1.75em;
white-space:pre-wrap;
}
.m132 .conwrap .section .txts>.info .tlist{margin-top: 45px;}
.m132 .conwrap .section .txts>.info .tlist>li{position: relative;padding-left: 16px;font-size:18px;font-weight: 400;font-family: "Noto Sans KR";
color:rgba(255,255,255,0.7);line-height: 1.6em;
}
.m132 .conwrap .section .txts>.info .tlist>li:before{
	position: absolute;content:'';
	width: 6px;height: 6px;border-radius:50%;
	border:1px solid rgba(255,255,255,0.3);
	box-sizing:border-box;
	top:11px;left:0;
}
.m132 .conwrap .section .txts>.info .tlist>li + li{margin-top: 8px;}
.m132 .conwrap .section .txts>.info .tlist>li>span{
display: block;font:inherit;
}
.m132 .conwrap .section .txts .txt{opacity:1;transform:translateY(60px);transition:all 1s;} 
.m132 .conwrap .section .txts .info{opacity:1;transform:translateY(60px);transition:all 1s;transition-delay:0.1s;} 
.m132 .conwrap .section.active .txts .txt{opacity:1;transform:translateY(0px);}
.m132 .conwrap .section.active .txts .info{opacity:1;transform:translateY(0px);}


.m132 .sec2 .nav{
	position:absolute;left:50%;bottom:60px;z-index:10;
	width:100%;max-width:1380px;
	transform:translateX(-50%);
	opacity:0;
	transition:opacity 1s;	
}
.m132 .sec2 .nav.fixed{position: fixed;opacity:0;visibility:hidden;}
.m132 .sec2 .nav .pageNum{
	display:flex;justify-content:space-between;
	margin-bottom:20px;
	font-family:"Wix Madefor Display";font-size:16px;color:#fff;font-weight:bold;
}
.m132 .sec2 .nav .pageNum>div{width:33%;}
.m132 .sec2 .nav .pageNum>div.active{font-weight: 500;}
.m132 .sec2 .nav ul{display:flex;justify-content:space-between;position:relative;}
.m132 .sec2 .nav ul li{
	position:relative;
	width:33%;height:2px;
	border-radius:0px;
	background:rgba(255,255,255,0.2);
	cursor:pointer;
}
.m132 .sec2 .nav ul li:after{
	display:block;content:"";
	width:100%;height:100%;
	
	background:#fff;
	position:absolute;left:0;top:0;
	transform-origin:left;
	transition:all 1s;
	width:0;
}
.m132 .sec2 .nav ul.w1 li:nth-child(1):after{width:100%;}
.m132 .sec2 .nav ul.w2 li:nth-child(2):after{width:100%;}
.m132 .sec2 .nav ul.w3 li:nth-child(3):after{width:100%;}


/*m133*/
.m133{padding-top: 130px;background: url(/images/page/m322_bg.png) no-repeat right 0 top -100px;}
.m133 .tabwrap{margin:0 auto 130px;}
/* Tab list styling */
.m133 .tabs {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap:max(15px, 0.78vw);
  width: 100%;
  
  overflow: hidden;
}

/* Individual tab item styling */
.m133 .tabs li {
  flex: 1;
  text-align: center;
  background-color: #f1f1f1;
  border-radius: 10px;
}

/* Tab link styling */
.m133 .tabs li a {
  display: block;
  width:100%;height:70px;

  padding: 20px 10px;
  text-decoration: none;
  color: #666;
  transition: all 0.3s ease;
  display: flex;align-items:center;justify-content:center;
   font-size: 20px;
  font-weight: bold;color:#555555;
}

/* Tab span styling */
.m133 .tabs li a span {
 font:inherit;
}

/* Active tab styling */
.m133 .tabs li.on {
  background-color: #0a4485;
}

.m133 .tabs li.on>a {
  color: #fff;
}

/* Hover effect for inactive tabs */
.m133 .tabs li:not(.on):hover {
  background-color: #e5e5e5;
}

.m133_list .gal_list{padding-bottom: 200px;}
.m133_list .gal_list .pgDesc{margin-top: 32px;font-size:24px;color:#111111;font-weight: bold;font-family: "Noto Sans KR";letter-spacing:-0.02em;}
.m133_list .gal_list .list{margin-top: 75px;display: flex;flex-wrap:wrap;gap:70px 2.08vw;padding-bottom: 70px;border-bottom: 1px solid #e5e5e5;}
.m133_list .gal_list .list li{width:calc((100% - 2.08vw * 2) / 3);}
.m133_list .gal_list .list li .thum{border-radius:20px;overflow:hidden;}
.m133_list .gal_list .list li .thum>img{aspect-ratio: 49 / 30;width:100%;object-fit:cover;transition:all 0.4s;}
.m133_list .gal_list .list li .tit{
	min-height:70px;margin:35px 0;font-size:24px;color:#000000;font-weight: bold;font-family: "Noto Sans KR";
	color:#000;display: -webkit-box;
    -webkit-line-clamp: 2; /* 두 줄까지만 표시 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.m133_list .gal_list .list li .date{font-size:18px;color:#666666;font-weight: 600;}
.m133_list .gal_list .list li:hover .thum img{transform:scale(1.1);transition:all 0.4s;}
.m133_list .gal_list .list li:hover .tit{text-decoration:underline;text-underline-offset:5px;}

.m133_list .gal_list .videoarea{position: relative;margin:0 auto;margin-bottom: 260px;margin-top:80px;
width:94%;max-width:1800px;display: flex;align-items:center;justify-content:space-between;
padding:0 80px;/* padding-bottom: 130px; */

}
.m133_list .gal_list .videoarea:before{
	width:100vw;height:100%;
	position: absolute;content:'';
	background: #f1f1f1;
	bottom:-130px;left:50%;transform:translateX(-50%);z-index:-1;
}

.m133_list .gal_list .videoarea .swiper-slide{}
.m133_list .gal_list .videoarea .swiper-slide .thumb{position: relative;overflow:hidden;border-radius:20px;}
.m133_list .gal_list .videoarea .swiper-slide .thumb .vopen{display: block;}
.m133_list .gal_list .videoarea .swiper-slide .thumb .img{aspect-ratio: 49 / 30;width:100%;object-fit:cover;height: 100%;}
.m133_list .gal_list .videoarea .swiper-slide .thumb .play_icon{
position: absolute;z-index:30;
top:50%;left:50%;
transform:translate(-50%, -50%);
} 
.m133_list .gal_list .videoarea .swiper-slide .title{text-align: center;font-size:24px;color:#111;font-weight: bold;font-family: "Noto Sans KR";
margin-top: 30px;
}
.m133_list .gal_list .videoarea{position: relative;}
.m133_list .gal_list .vodSwiper{position: relative;margin:0 auto;width: 100%;}
.m133_list .gal_list .videoarea .prev,
.m133_list .gal_list .videoarea  .next{
position: absolute;
top:50%;transform:translateY(-50%);
z-index:100;cursor:pointer;
left:0;width:50px;
}
.m133_list .gal_list .videoarea  .next{right:0;left:auto;}

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

}

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

.m133_view{padding-bottom: 200px;}
.m133_view .titlearea{
border-top: 2px solid #000000;
padding:70px 0;border-bottom: 1px solid #e5e5e5;
}
.m133_view .titlearea .tit{text-align: center;font-size:34px;color:#111111;font-weight: bold;font-family: "Noto Sans KR";margin-bottom: 30px;}
.m133_view .titlearea .date{text-align: center;font-weight: 600;font-size:20px;color:#666666;}
.m133_view .conarea{display: flex;flex-wrap:wrap;gap:2.08vw;padding:130px 0;}
.m133_view .conarea .img{width:calc((100% - 2.08vw * 3) / 4);cursor:pointer;}
.m133_view .conarea .img img{aspect-ratio:3 / 2;width:100%;object-fit:cover;border-radius:20px;}

/* CSS 스타일 */
.popup-gallery {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.popup-gallery .popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
}

.popup-gallery .popup-container {
    position: relative;
    width: 94%;
    max-width: 1200px;
    height: 80vh;
    margin: 5% auto;
    z-index: 1001;
	display: flex;align-items:center;
}

.popup-gallery .swiper-container {
    width: 100%;
	max-width:1000px;
   padding: 55px 0;
	
}

.popup-gallery .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;overflow:hidden;

}

.popup-gallery .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
	width: 100%;
    object-fit: cover;
	aspect-ratio: 100 / 64;border-radius:20px;
}

.popup-gallery .popup-close-btn {
    position: absolute;
    top: 0px;
    right: 0;
    color: white;
    width: 25px;height: 25px;
    cursor: pointer;
    z-index: 1002;
}

.popup-gallery .btnNext,
.popup-gallery .btnPrev {
    color: white;z-index:100;
	cursor:pointer;
}
.popup-gallery .btnNext.swiper-button-disabled,
.popup-gallery .btnPrev.swiper-button-disabled{opacity:0.6;} 

/* 콘텐츠 영역의 이미지에 커서 스타일 추가 */
.popup-gallery .conarea .img {
    cursor: pointer;
}

/*paging*/
.paging{margin-top:70px;text-align:center;}
.paging a{display:inline-block;vertical-align:top;box-sizing:border-box;
width:50px;height:50px;color:#666666;font-size:18px;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{display:inline-block;vertical-align:top;box-sizing:border-box;width:50px;height:50px;font-weight: 600;
color:#fff;font-size:18px;line-height:50px;background: #134582;border-radius:50%;}
.paging .page_begin{
	width:50px;height:50px;
	background:url(/images/page/page_begin.png) no-repeat center;
	border:0;
}
.paging .page_prev{
	width:50px;height:50px;
	background:url(/images/page/page_prev.png) no-repeat center;
	border:0;margin-right:20px;
}
.paging .page_next{
	width:50px;height:50px;
	background:url(/images/page/page_next.png) no-repeat center;
	border:0;margin-left:20px;
}
.paging .page_end{
	width:50px;height:50px;
	background:url(/images/page/page_end.png) no-repeat center;
	border:0;
}


.m21{padding: 0}
.m21 .sec1{
	background: url(/images/page/m21_sec1_bg.jpg) no-repeat center / cover;
}
.m21 .sec1 .con1{
	padding: 180px 0;
	border-bottom: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
}
.m21 .sec1 .con1 .txtwrap{
	width: 48%;
}
.m21 .sec1 .con1 .txtwrap h3{
	font-size: 40px;
	font-weight: 700;
	color: #fff;
}
.m21 .sec1 .con1 .txtwrap b{
	display: inline-block;
	font-size: 80px;
	font-weight: 700;
	line-height: 1.3em;
	color: #fff;
	margin: 90px 0 30px;
}
.m21 .sec1 .con1 .txtwrap p{
	font-size: 22px;
	line-height: 1.6em;
	color: #fff;
}
.m21 .sec1 .con1 .boxwrap{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	width: 630px;
}
.m21 .sec1 .con1 .boxwrap .box{
	width: calc((100% - 30px) / 2);
	aspect-ratio: 300/268;
	border-radius: 20px;
	background: rgba(255,255,255,0.4);
	backdrop-filter: blur(10px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.m21 .sec1 .con1 .boxwrap .box p{
	font-family: "Wix Madefor Display";
	font-size: 23px;
	font-weight: 700;
	line-height: 1.3em;
	color: #fff;
	margin-top: 15px;
}
.m21 .sec1 .con2{
	padding: 180px 0;
}
.m21 .sec1 .con2 .titwrap{
	margin-bottom: 50px;
}
.m21 .sec1 .con2 .titwrap h3{
	font-size: 50px;
	font-weight: 700;
	color: #fff;
}
.m21 .sec1 .con2 .titwrap p{
	font-size: 22px;
	line-height: 1.4em;
	color: #fff;
	margin-top: 20px;
}
.m21 .sec1 .con2 .conwrap{
	display: flex;
}
.m21 .sec1 .con2 .conwrap .graphwrap{
	width: calc(100% - 60px - 600px);
}
.m21 .sec1 .con2 .conwrap .graphwrap .graph{
	width: 100%;
	height: 512px;
	padding: 60px;
	border-radius: 20px;
	background: rgba(255,255,255,0.2);
	backdrop-filter: blur(10px);
	text-align: center;
}
.m21 .sec1 .con2 .conwrap .graphwrap .exp{
	width: 100%;
	padding: 20px 30px;
	border-radius: 20px;
	background: rgba(255,255,255,0.2);
	backdrop-filter: blur(10px);
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.m21 .sec1 .con2 .conwrap .graphwrap .exp p{
	font-size: 20px;
	color: #fff;
}
.m21 .sec1 .con2 .conwrap .graphwrap .exp p img{
	margin: 0 8px 4px 0;
}
.m21 .sec1 .con2 .conwrap .graphwrap .exp ul{

}
.m21 .sec1 .con2 .conwrap .graphwrap .exp li{
	position: relative;
	display: inline-block;
	padding-left: 25px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}
.m21 .sec1 .con2 .conwrap .graphwrap .exp li:last-child{
	margin-left: 21px;
}
.m21 .sec1 .con2 .conwrap .graphwrap .exp li:after{
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #64dfc3;
}
.m21 .sec1 .con2 .conwrap .graphwrap .exp li:last-child:after{
	background: #f3ed8c;
}
.m21 .sec1 .con2 .conwrap .boxwrap{
	display: flex;
}
.m21 .sec1 .con2 .conwrap .boxwrap .box{
	width: 300px;
	height: 612px;
	border-radius: 20px;
	border: 2px solid #dd323b;
	padding: 25px;
	background: #fff;
	margin-left: 30px;
}
.m21 .sec1 .con2 .conwrap .boxwrap .box .tit{
	width: 100%;
	height: 60px;
	border-radius: 15px 15px 5px 5px;
	background: #dd323b;
	text-align: center;
	font-family: "Wix Madefor Display";
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m21 .sec1 .con2 .conwrap .boxwrap .box .tit img{
	margin: 0 13px 0 0;
}
.m21 .sec1 .con2 .conwrap .boxwrap .box .img{
	margin: 20px 0;
}
.m21 .sec1 .con2 .conwrap .boxwrap .box .img img{
	width: 100%;
}
.m21 .sec1 .con2 .conwrap .boxwrap .box .txts{
	width: 100%;
	height: 210px;
	padding: 30px 25px 0;
	background: #fceaeb;
	border-radius: 5px 5px 15px 15px;
}
.m21 .sec1 .con2 .conwrap .boxwrap .box .txts p{
	position: relative;
	padding-left: 15px;
	font-size: 20px;
	line-height: 1.7em;
	color: #444;
}
.m21 .sec1 .con2 .conwrap .boxwrap .box .txts p:after{
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,0.4);
	box-sizing: border-box;
}

.m21 .sec1 .con2 .conwrap .boxwrap .box.blue{border: 2px solid #39a5dc;}
.m21 .sec1 .con2 .conwrap .boxwrap .box.blue .tit{background: #39a5dc;}
.m21 .sec1 .con2 .conwrap .boxwrap .box.blue .txts{background: #ebf6fb;}


@media (max-width: 1519px){
	.m21 .sec1 .con2 .conwrap .graphwrap .exp p {font-size: 17px;}
	.m21 .sec1 .con2 .conwrap .graphwrap .exp li{font-size: 17px;}
	.m21 .sec1 .con2 .conwrap .graphwrap .exp li:last-child {margin-left: 5px;}
	.m21 .sec1 .con2 .conwrap .graphwrap .exp li:after{top: 6px;}
}

.m21 .sec2{
	padding: 90px 0;
	background: url(/images/page/m21_sec2_bg.jpg) no-repeat center / cover;
	overflow: hidden;
}
.m21 .sec2 .conwrap{
	display: flex;
	align-items: center;
}
.m21 .sec2 .conwrap .txtwrap{
	width: 50%;
	padding-right: 3%;
}
.m21 .sec2 .conwrap .txtwrap .tit{
	font-family: "Wix Madefor Display";
	font-size: 51px;
	font-weight: 700;
	color: #000;
	line-height: 1.3em;
}
.m21 .sec2 .conwrap .txtwrap b{
	display: inline-block;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.3em;
	margin: 70px 0 15px;
}
.m21 .sec2 .conwrap .txtwrap p{
	font-size: 22px;
	line-height: 1.6em;
	color: #666;
}
.m21 .sec2 .conwrap .imgwrap{
	position: relative;
	width: 50%;
	height: 800px;
}
.m21 .sec2 .conwrap .imgwrap > div{
	position: absolute;
	left: 0;
	top: 0;
	width: 110%;
	height: 100%;
	background: url(/images/page/m21_sec2_img.jpg) no-repeat center / cover;
	border-radius: 20px;
}
.m21 .sec3{
	padding: 90px 0;
}
.m21 .sec3 .scrollwrap{
	position: relative;
	width: 94%;
	height: 100vh;
	margin: 0 auto;
	padding: 170px 4% 0;
	border-radius: 20px;
	background: url(/images/page/m21_sec3_bg.jpg) no-repeat center / cover;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* .m21 .sec3 .scrollwrap:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 100%;
	background: #ccc;
} */
.m21 .sec3 .scrollwrap .txtwrap{
	width: 50%;
	height: 100%;
	padding-right: 2%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.m21 .sec3 .scrollwrap .txtwrap p{
	font-size: 30px;
	font-weight: 700;
	line-height: 1.5em;
	color: #fff;
}
.m21 .sec3 .scrollwrap .txtwrap .titwrap{
	margin-top: 100px;
}
.m21 .sec3 .scrollwrap .txtwrap .titwrap span{
	font-family: "Wix Madefor Display";
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
}
.m21 .sec3 .scrollwrap .txtwrap .titwrap b{
	display: block;
	font-size: 50px;
	font-weight: 700;
	line-height: 1.3em;
	color: #fff;
	margin-top: 20px;
}
.m21 .sec3 .scrollwrap .conwrap{
	position: relative;
	width: 50%;
}
.m21 .sec3 .scrollwrap .conwrap .con {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 90%;
}
.m21 .sec3 .scrollwrap .conwrap .con1{
	display: flex;
	justify-content: flex-end;
}
.m21 .sec3 .scrollwrap .conwrap .con1 .con1_dia{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.m21 .sec3 .scrollwrap .conwrap .con1 .con1_dia > img{
	height: 55vh;
}
.m21 .sec3 .scrollwrap .conwrap .con1 .con1_dia ul{
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 40px;
}
.m21 .sec3 .scrollwrap .conwrap .con1 .con1_dia li{
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}
.m21 .sec3 .scrollwrap .conwrap .con1 .con1_dia li + li{
	margin-left: 20px;
}
.m21 .sec3 .scrollwrap .conwrap .con1 .con1_dia li img{
	margin: 0 10px 6px 0;
}
.m21 .sec3 .scrollwrap .conwrap .con2{
	width: 590px;
	opacity: 0;
}
.m21 .sec3 .scrollwrap .conwrap .con2 ul{
	width: 100%;
}
.m21 .sec3 .scrollwrap .conwrap .con2 li{
	width: 100%;
	height: 60px;
	border-radius: 20px;
	background: rgba(255,255,255,0.3);
	backdrop-filter: blur(10px);
	display: flex;
	align-items: center;
}
.m21 .sec3 .scrollwrap .conwrap .con2 li + li{
	margin-top: 20px;
}
.m21 .sec3 .scrollwrap .conwrap .con2 li .num{
	position: relative;
	width: 90px;
	text-align: center;
	font-family: "Wix Madefor Display";
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
.m21 .sec3 .scrollwrap .conwrap .con2 li .num:after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 20px;
	background: rgba(255,255,255,0.5);
}
.m21 .sec3 .scrollwrap .conwrap .con2 li p{
	font-size: 20px;
	line-height: 1.7em;
	color: #fff;
	width: calc(100% - 90px);
	padding: 0 25px;
}
.m21 .sec3 .scrollwrap .conwrap .con2 .slg{
	width: 100%;
	height: 150px;
	border: 1px solid #aaa;
	border-radius: 20px;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 35px;
	background: url(/images/page/m21_sec3_con2_slg_bg.jpg) no-repeat center / cover;
}
.m21 .sec3 .scrollwrap .conwrap .con2 .slg p{
	font-size: 28px;
	font-weight: 700;
	line-height: 1.5em;
	color: #fff;
}

.m21 .sec4{
	padding: 180px 0;
	background: url(/images/page/m21_sec4_bg.jpg) no-repeat center bottom / cover;
}
.m21 .sec4 .titwrap{
	margin-bottom: 60px;
	text-align: center;
}
.m21 .sec4 .titwrap h3{
	font-size: 60px;
	font-weight: 700;
	color: #fff;
}
.m21 .sec4 .titwrap  p{
	margin-top: 30px;
	font-size: 22px;
	line-height: 1.6em;
	color: #fff;
}
.m21 .sec4 .diawrap{}
.m21 .sec4 .diawrap > .tits{
	display: flex;
	justify-content: center;
}
.m21 .sec4 .diawrap > .tits .tit{
	width: 280px;
	height: 80px;
	line-height: 80px;
	border-radius: 80px;
	text-align: center;
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	background: #014db1;
	border: 1px solid #aaa;
}
.m21 .sec4 .diawrap > .tits .tit:last-child{
	background: #1594b4;
	margin-left: 430px;
}
.m21 .sec4 .diawrap .dia{
	display: flex;
	justify-content: center;
}
.m21 .sec4 .diawrap .dia .cc{
	position: relative;
	width: 746px;
	height: 746px;
}
.m21 .sec4 .diawrap .dia .cc > img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.m21 .sec4 .diawrap .dia .cc ul li{
	display: flex;
	position: absolute;
	width: 100%;
}
.m21 .sec4 .diawrap .dia .cc ul li .icon{}
.m21 .sec4 .diawrap .dia .cc ul li dl{
	margin: 8px 0 0 20px;
}
.m21 .sec4 .diawrap .dia .cc ul li dl dt{
	font-size: 32px;
	font-weight: 700;
	color: #fff;
}
.m21 .sec4 .diawrap .dia .cc ul li dl dd{
	font-size: 22px;
	line-height: 1.6em;
	color: #fff;
	margin-top: 10px;
	white-space: nowrap;
}

.m21 .sec4 .diawrap .dia .cc ul.list1 li{
	flex-direction: row-reverse;
	text-align: right;
}
.m21 .sec4 .diawrap .dia .cc ul.list1 li dl{
	margin: 8px 20px 0 0;
}

.m21 .sec4 .diawrap .dia .cc ul.list1 li:nth-child(2){
	right: 658px;
	top: 111px;
}
.m21 .sec4 .diawrap .dia .cc ul.list1 li:nth-child(3){
	right: 717px;
	top: 262px;
}
.m21 .sec4 .diawrap .dia .cc ul.list1 li:nth-child(4){
	right: 717px;
	top: 419px;
}
.m21 .sec4 .diawrap .dia .cc ul.list1 li:nth-child(5){
	right: 658px;
	top: 560px;
}
.m21 .sec4 .diawrap .dia .cc ul.list2 li:nth-child(2){
	left: 658px;
	top: 111px;
}
.m21 .sec4 .diawrap .dia .cc ul.list2 li:nth-child(3){
	left: 717px;
	top: 262px;
}
.m21 .sec4 .diawrap .dia .cc ul.list2 li:nth-child(4){
	left: 717px;
	top: 419px;
}
.m21 .sec4 .diawrap .dia .cc ul.list2 li:nth-child(5){
	left: 658px;
	top: 560px;
}

.m21_br{
	display: none;
}
@media (max-width: 1749px){
	.m21_br{display: block;}
	.m21 .sec4 .diawrap .dia .cc ul li dl dd {font-size: 18px;}
}




.m22{padding: 0;}
.m22 .sec1{
	width: 100%;
	padding: 120px 0;
	background: url(/images/page/m22_sec1_bg.jpg) no-repeat center / cover;
}
.m22 .sec1 .boxwrap{
	position: relative;
	width: 92%;
	padding: 100px 0;
	max-width: 1740px;
	margin: 0 auto;
	background: url(/images/page/m22_sec1_box_bg.jpg) no-repeat center / cover;
	border-radius: 20px;
}
.m22 .sec1 .boxwrap:before,
.m22 .sec1 .boxwrap:after{
	content: "";
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	background: rgba(255,255,255,0.4);
}
.m22 .sec1 .boxwrap:before{left: 33.3333%;}
.m22 .sec1 .boxwrap:after{left: 66.6666%;}
.m22 .sec1 .boxwrap .box_tit{
	position: relative;
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 110px;
	text-align: center;
}
.m22 .sec1 .boxwrap ul{
	position: relative;
	display: flex;
}
.m22 .sec1 .boxwrap li{
	width: 33.3333%;
	padding: 0 20px;
	text-align: center;
}
.m22 .sec1 .boxwrap li .tit{
	margin: 40px 0 20px;
	font-size: 32px;
	font-weight: 700;
	color: #fff;
}
.m22 .sec1 .boxwrap li p{
	font-size: 22px;
	line-height: 1.6em;
	color: rgba(255,255,255,0.8);
}

.m22 .sec2{
	padding: 90px 0;
}
.m22 .sec2 .conwrap{
	width: 92%;
	max-width: 1740px;
	margin: 0 auto;
	padding: 90px;
	border-radius: 20px;
	background: url(/images/page/m22_sec2_conwrap_bg.jpg) no-repeat center / cover;
}
.m22 .sec2 .conwrap .boxwrap{
	width: 100%;
	padding: 50px;
	border-radius: 20px;
	border: 1px solid rgba(255,255,255,0.6);
	background: rgba(255,255,255,0.1);
	backdrop-filter: blur(10px);
}
.m22 .sec2 .conwrap .boxwrap .box_tit{
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	margin-bottom: 30px;
}
.m22 .sec2 .conwrap .boxwrap .box_tit span{
	color: #aae1ff;
}

.m22 .sec3{
	position: relative;
	padding: 170px 0;
	overflow: hidden;
}
.m22 .sec3 .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m22_sec3_bg.jpg) no-repeat center / cover;
}

.m22 .sec3 .titwrap{
	margin-bottom: 60px;
}
.m22 .sec3 .titwrap b{
	display: inline-block;
	font-size: 50px;
	font-weight: 700;
	color: #fff;
}
.m22 .sec3 .titwrap p{
	font-size: 22px;
	line-height: 1.2em;
	color: rgba(255,255,255,0.8);
	margin-top: 30px;
}
.m22 .sec3 ul{
	display: flex;
	gap: 20px;
}
.m22 .sec3 li{
	width: calc((100% - 80px) / 5);
	height: 450px;
	padding: 0 2%;
	border: 1px solid rgba(255,255,255,0.7);
	border-radius: 20px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: background 0.4s;
}
.m22 .sec3 li .tits{}
.m22 .sec3 li .tits .tit{
	font-size: 30px;
	font-weight: 700;
	color: #fff;
}
.m22 .sec3 li .tits p{
	font-size: 22px;
	line-height: 1.5em;
	color: #fff;
	margin-top: 15px;
}
.m22 .sec3 li .expwrap{
	display: none;
}
.m22 .sec3 li .expwrap .line{
	display: block;
	width: 1px;
	height: 40px;
	background: rgba(255,255,255,0.5);
	margin: 25px auto;
}
.m22 .sec3 li .expwrap .exp{
	font-size: 20px;
	line-height: 1.6em;
	color: rgba(255,255,255,0.8);
}

/* 호버시 */
.m22 .sec3 li.on{
	border: 1px solid rgba(255,255,255,0);
	background: rgba(255,255,255,0.2);
	backdrop-filter: blur(10px);
	box-shadow:
  1px 0 2px rgba(0, 0, 0, 0.1),    /* 왼쪽 */
  -1px 0 2px rgba(0, 0, 0, 0.1),   /* 오른쪽 */
  0 4px 6px rgba(0, 0, 0, 0.2);    /* 아래쪽 (더 진하게) */
}


.m23{padding: 0;}
.m23 .sec1{
	width: 100%;
	height: 100vh;
	background: url(/images/page/m23_sec1_bg.jpg) no-repeat center / cover;
}
.m23 .sec1 .innerwrap{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.m23 .sec1 .innerwrap .sec_tit{
	font-size: 40px;
	font-weight: 700;
	color: #fff;
}
.m23 .sec1 .innerwrap .textFill{
	margin: 100px 0 0;
	padding: 0;
	background: none;
}
.m23 .sec1 .innerwrap .txts > div{
	font-size: 70px;
	font-weight: 700;
	line-height: 1.3em;
	color: #fff;
}
.m23 .sec1 .innerwrap .txts > div:last-child{
	color: rgba(154,211,237,0.8);
}
.m23 .sec1 .innerwrap .link{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 340px;
	height: 70px;
	border-radius: 10px;
	background: #0081c8;
	position: absolute;
	right: 0;
}
.m23 .sec1 .innerwrap .link p{
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
.m23 .sec1 .innerwrap .link i{
	display: block;
	width: 16px;
	height: 17px;
	background: url(/images/page/link_arr.png) no-repeat center / contain;
	margin-left: 10px;
}

.m23 .sec2{
	width: 100%;
	height: 100vh;
	background: url(/images/page/m23_sec2_bg.jpg) no-repeat center / cover;
}
.m23 .sec2 .conwrap{
	height: 100vh;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.m23 .sec2 .conwrap .diawrap{
	position: relative;
	display: flex;
	align-items: center;
	flex-shrink: 1;
	width: 59%;
}
.m23 .sec2 .conwrap .diawrap .line{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 68%;
	height: 632px;
	background: url(/images/page/m23_sec2_line2.png) no-repeat center / contain;
}
.m23 .sec2 .conwrap .diawrap .cc{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%; /* 또는 flex-grow 사용 */
	max-width: 500px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #09f;
	z-index: 1;
}
.m23 .sec2 .conwrap .diawrap .cc1{
	background: linear-gradient(
		to left, 
		rgba(0, 93, 196, 1),  /* 오른쪽: 밝은 파랑, 투명도 0.4 */
		rgba(0, 93, 196, 0.2)   /* 왼쪽: 완전 투명 */
	);
}
.m23 .sec2 .conwrap .diawrap .cc2{
	margin-left: -80px;
	background: linear-gradient(
		to right, 
		rgba(0, 132, 207, 1),  /* 오른쪽: 밝은 파랑, 투명도 0.4 */
		rgba(0, 132, 207, 0.2)   /* 왼쪽: 완전 투명 */
	);
}
.m23 .sec2 .conwrap .txtwrap{
	flex-shrink: 0;
	padding-left: 5%;
}
.m23 .sec2 .conwrap .txtwrap p{
	font-size: 24px;
	line-height: 1.8em;
	color: #fff;
}

.m23 .sec3{
	padding: 170px 0;
	background: url(/images/page/m23_sec3_bg.jpg) no-repeat center / cover;
}
.m23 .sec3 .sec_tit{
	font-size: 50px;
	font-weight: 700;
	color: #fff;
	line-height: 1.4em;
	text-align: center;
	margin-bottom: 70px;
}
.m23 .sec3 .conwrap{
	width: 100%;
	padding: 90px;
	border-radius: 20px;
	background: rgba(255,255,255,0.1);
	backdrop-filter: blur(25px);
}
.m23 .sec3 .conwrap .boxwrap{
	display: flex;
	justify-content: space-between;
}
.m23 .sec3 .conwrap .boxwrap .box{
	width: 49%;
	padding: 40px;
	border-radius: 20px;
	border: 1px solid rgba(255,255,255,0.4);
	background: rgba(255,255,255,0.15);
	backdrop-filter: blur(10px);
}
.m23 .sec3 .conwrap .boxwrap .box .box_tit{
	width: 100%;
	height: 140px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-bottom: 1px solid rgba(255,255,255,1);
}
.m23 .sec3 .conwrap .boxwrap .box .box_tit span{
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2em;
	color: #fff;
}
.m23 .sec3 .conwrap .boxwrap .box ul{
	margin-top: 40px;
	display: flex;
	gap: 15px;
}
.m23 .sec3 .conwrap .boxwrap .box li{
	width: calc((100% - 30px) / 3);
	padding: 10px;
	border-radius: 10px;
	background: rgba(19, 69, 130, 0.3);
	transition: all 0.3s;
}
.m23 .sec3 .conwrap .boxwrap .box li .iconwrap{
	width: 100%;
	height:80px;
	border: 1px solid rgba(255,255,255,1);
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
}
.m23 .sec3 .conwrap .boxwrap .box li .txtwrap{
	width: 100%;
	height: 250px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.m23 .sec3 .conwrap .boxwrap .box li .txtwrap p{
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	line-height: 1.5em;
	transition: all 0.3s;
}

/* 호버시 */
.m23 .sec3 .conwrap .boxwrap .box li:hover{
	background: rgba(255,255,255,0.5);
}
.m23 .sec3 .conwrap .boxwrap .box li:hover .iconwrap{
	border: 1px solid rgba(255,255,255,0);
	background: #134582;
}
.m23 .sec3 .conwrap .boxwrap .box li:hover .txtwrap p{
	color: #000;
}




.m24{padding: 0; background: #000;}
.m24 .sec1{
	position: relative;
	padding: 220px 0 160px;
	background: url(/images/page/m24_sec1_bg.jpg) no-repeat center / cover;
	overflow: hidden;
}
.m24 .sec1 .bgwrap{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m24 .sec1 .bgwrap .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.4s;
}
.m24 .sec1 .bgwrap .bg1{background: url(/images/page/m24_sec1_bg1.jpg) no-repeat center / cover;}
.m24 .sec1 .bgwrap .bg2{background: url(/images/page/m24_sec1_bg2.jpg) no-repeat center / cover;}
.m24 .sec1 .bgwrap .bg3{background: url(/images/page/m24_sec1_bg3.jpg) no-repeat center / cover;}
.m24 .sec1 .bgwrap .bg4{background: url(/images/page/m24_sec1_bg4.jpg) no-repeat center / cover;}
.m24 .sec1 .bgwrap .bg5{background: url(/images/page/m24_sec1_bg5.jpg) no-repeat center / cover;}
.m24 .sec1 .bgwrap .bg6{background: url(/images/page/m24_sec1_bg6.jpg) no-repeat center / cover;}
.m24 .sec1 .bgwrap .bg.on{opacity: 1;}

.m24 .sec1 .titarea{}
.m24 .sec1 .titarea .tit_en{
	font-family: "Wix Madefor Display";
	font-size: 40px;
	font-weight: 700;
	color: #fff;
}
.m24 .sec1 .titarea .tit_kr{
	font-size: 22px;
	line-height: 1.6em;
	color: #fff;
	margin-top: 20px;
}
.m24 .sec1 .conwrap{
	position: relative;
}
.m24 .sec1 .conwrap .line{
	position: absolute;
	left: -500%;
	top: 0;
	width: 5000%;
	height: 1px;
	background: #aaa;
}
.m24 .sec1 .conwrap .line2{top: 50%;}
.m24 .sec1 .conwrap .line3{top: 100%;}
.m24 .sec1 .conwrap .boxwrap{
	display: flex;
	flex-wrap: wrap;
	margin: 70px 0 120px;
}
.m24 .sec1 .conwrap .boxwrap .box{
	width: 33.3333%;
	padding: 11vh 6.5vh 8vh;
	border-left:1px solid #aaa;
	transition: all 0.4s;
}
.m24 .sec1 .conwrap .boxwrap .box:nth-child(3n){
	border-right:1px solid #aaa;
}
.m24 .sec1 .conwrap .boxwrap .box.on{
	background: rgba(255,255,255,0.3);
	backdrop-filter: blur(10px);
	
}
.m24 .sec1 .conwrap .boxwrap .box .abc{
	font-family: "Wix Madefor Display";
	font-size: 80px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 50px;
}
.m24 .sec1 .conwrap .boxwrap .box .txts{}
.m24 .sec1 .conwrap .boxwrap .box .txts .kr{
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4em;
	color: #fff;
}
.m24 .sec1 .conwrap .boxwrap .box .txts .en{
	font-family: "Wix Madefor Display";
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4em;
	margin-top: 10px;
	color: #fff;
}
.m24 .sec1 .slg{
	font-size: 30px;
	font-weight: 700;
	line-height: 1.5em;
	color: #fff;
	text-align: center;
}
.m24 .sec1 .slg b{
	color: #3ea9e4;
}

.m24 .sec2{
	padding: 90px 0 180px;
	background: #fff;
}
.m24 .sec2 .con1{
	width: 100%;
	padding: 120px 4%;
	border-radius: 20px;
	background: url(/images/page/m24_sec2_con1_bg.jpg) no-repeat center / cover;
	overflow: hidden;
}
.m24 .sec2 .con1 .con_tit{
	font-size: 30px;
	font-weight: 700;
	line-height: 1.5em;
	color: #fff;
	margin-bottom: 100px;
}
.m24 .sec2 .con1 .conwrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.m24 .sec2 .con1 .conwrap .slgwrap{
	width: 49%;
	padding-right: 4%;
}
.m24 .sec2 .con1 .conwrap .slgwrap .box{
	position: relative;
	width: 100%;
	height: 150px;
	border: 1px solid rgba(255,255,255,0.7);
	background: rgba(255,255,255,0.05);
	backdrop-filter: blur(5px);
	border-radius: 20px;
	display: flex;
	align-items: center;
}
.m24 .sec2 .con1 .conwrap .slgwrap .box + .box{
	margin-top: 30px;
}
.m24 .sec2 .con1 .conwrap .slgwrap .box:before{
	content: "";
	position: absolute;
	left: 50%;
	top: 13%;
	transform: translateX(-50%);
	width: 1px;
	height: 74%;
	background: rgba(255,255,255,0.3);
}
.m24 .sec2 .con1 .conwrap .slgwrap .box .tit{
	display: flex;
	align-items: center;
	width: 50%;
	padding: 0 5%;
}
.m24 .sec2 .con1 .conwrap .slgwrap .box .tit span{
	font-family: "Wix Madefor Display";
	font-size: 26px;
	font-weight: 700;
	line-height: 1.4em;
	color: #fff;
	margin-left: 10%;
}
.m24 .sec2 .con1 .conwrap .slgwrap .box p{
	width: 50%;
	padding: 0 5%;
	font-size: 22px;
	line-height: 1.3em;
	color: #fff;
}
.m24 .sec2 .con1 .conwrap .slgwrap .box:after{
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	background: url(/images/page/m24_sec2_con1_box_line.png) no-repeat center / contain;
	width: 7%;
	height: 120%;
}
.m24 .sec2 .con1 .conwrap .slgwrap .box:last-child:after{
	display: none;
}
.m24 .sec2 .con1 .conwrap .strategy{
	display: flex;
	align-items: center;
}
.m24 .sec2 .con1 .conwrap .strategy .cc{
	width:  510px;
	aspect-ratio: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, 0.7);
	background: rgba(255,255,255,0.05);
	backdrop-filter: blur(5px);
	border-radius: 50%;
}
.m24 .sec2 .con1 .conwrap .strategy .cc ul{
	width: 90%;
	height: 90%;
}
.m24 .sec2 .con1 .conwrap .strategy .cc li{
	width: 100%;
	height: 33.3333%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.5em;
	color: #fff;
}
.m24 .sec2 .con1 .conwrap .strategy .cc li:last-child{
	border: none;
}
.m24 .sec2 .con1 .conwrap .strategy p{
	position: relative;
	margin-left: 30px;
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	white-space: nowrap;
}
.m24 .sec2 .con1 .conwrap .strategy p:after{
	content: "";
	position: absolute;
	right: 100px;
	top: 50%;
	transform: translateY(-50%);
	width: 83px;
	height: 196px;
	background: url(/images/page/m24_sec2_con1_arr.png) no-repeat center / contain;
}

@media (max-width: 1699px){
	.m24 .sec2 .con1 .conwrap .slgwrap .box .tit span{font-size: 18px;}
	.m24 .sec2 .con1 .conwrap .slgwrap .box p {font-size: 18px;}
	.m24 .sec2 .con1 .conwrap .strategy .cc{width: 440px;}
}

.m24 .sec2 .con2{
	position: relative;
	width: 100%;
	padding: 80px 4%;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
}
.m24 .sec2 .con2 .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height :100%;
	background: url(/images/page/m24_sec2_con2_bg.jpg) no-repeat center / cover;
}
.m24 .sec2 .con2 .txts{
	position: relative;
	text-align: center;
}
.m24 .sec2 .con2 .txts > p{
	font-size: 30px;
	font-weight: 700;
	line-height: 1.5em;
	color: #000;
}
.m24 .sec2 .con2 .txts a{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 340px;
	height: 70px;
	border-radius: 10px;
	background: #134582;
	margin-top: 40px;
}
.m24 .sec2 .con2 .txts a p{
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
.m24 .sec2 .con2 .txts a i{
	display: block;
	width: 16px;
	height: 17px;
	background: url(/images/page/link_arr.png) no-repeat center / contain;
	margin-left: 10px;
}




.m25{padding: 0;}
.m25 .textFill{
	background: url(/images/page/m25_textfill_bg.jpg) no-repeat center / cover;
}
.m25 .sec1{
	background: url(/images/page/m25_sec1_bg.jpg) no-repeat center / cover;
}
.m25 .sec1 .scrollwrap{
	width: 100%;
	height: 100vh;
	padding: 170px 0 0;
	display: flex;
}
.m25 .sec1 .scrollwrap .titwrap{
	width: 50%;
	display: flex;
	align-items: center;
}
.m25 .sec1 .scrollwrap .titwrap > div{

}
.m25 .sec1 .scrollwrap .titwrap .slg{
	font-size: 40px;
	font-weight: 700;
	line-height: 1.5em;
	color: #fff;
}
.m25 .sec1 .scrollwrap .titwrap .link{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 400px;
	height: 80px;
	border-radius: 10px;
	background: #0081c8;
	margin-top: 50px;
}
.m25 .sec1 .scrollwrap .titwrap .link span{
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}
.m25 .sec1 .scrollwrap .titwrap .link i{
	display: block;
	width: 16px;
	height: 17px;
	background: url(/images/page/m25_sec1_link_icon.png) no-repeat center / contain;
	margin-left: 10px;
}
.m25 .sec1 .scrollwrap .conwrap{
	position: relative;
	width: 50%;
}
.m25 .sec1 .scrollwrap .conwrap .con{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.m25 .sec1 .scrollwrap .conwrap .con.con1{
	text-align: center;
}
.m25 .sec1 .scrollwrap .conwrap .con.con2{
	display: flex;
	opacity: 0;
}
.m25 .sec1 .scrollwrap .conwrap .con.con2 ul{
	margin: 0 auto;
}
.m25 .sec1 .scrollwrap .conwrap .con.con2 li{
	width: 580px;
	padding: 30px;
	border-radius: 20px;
	background: rgba(255,255,255,0.3);
	backdrop-filter: blur(5px);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
	display: flex;
	align-items: center;
}
.m25 .sec1 .scrollwrap .conwrap .con.con2 li + li{
	margin-top: 20px;
}
.m25 .sec1 .scrollwrap .conwrap .con.con2 li .icon{
	width: 110px;
	height: 110px;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m25 .sec1 .scrollwrap .conwrap .con.con2 li:nth-child(1) .icon{background: #0081c8;}
.m25 .sec1 .scrollwrap .conwrap .con.con2 li:nth-child(2) .icon{background: #0963a5;}
.m25 .sec1 .scrollwrap .conwrap .con.con2 li:nth-child(3) .icon{background: #134582;}
.m25 .sec1 .scrollwrap .conwrap .con.con2 li dl{
	width: calc(100% - 100px);
	padding-left: 40px;
}
.m25 .sec1 .scrollwrap .conwrap .con.con2 li dl dt{
	font-size: 24px;
	font-weight: 700;
	color: #fff;
}
.m25 .sec1 .scrollwrap .conwrap .con.con2 li dl dd{
	font-size: 20px;
	color: #fff;
	margin-top: 15px;
}

.m25 .sec2{
	position: relative;
	padding: 140px 0;
	background: url(/images/page/m25_sec2_bg.jpg) no-repeat center / cover;
}
.m25 .sec2 .bgwrap{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m25 .sec2 .bgwrap .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.3s;
}
.m25 .sec2 .bgwrap .bg.on{
	opacity: 1;
}
.m25 .sec2 .bgwrap .bg1{background: url(/images/page/m25_sec2_bgwrap_bg1.jpg) no-repeat center / cover;}
.m25 .sec2 .bgwrap .bg2{background: url(/images/page/m25_sec2_bgwrap_bg2.jpg) no-repeat center / cover;}
.m25 .sec2 .boxwrap{
	position: relative;
	display: flex;
	justify-content: space-between;
}
.m25 .sec2 .boxwrap .box{
	position: relative;
	width: 48%;
	border-radius: 20px;
	border: 1px solid rgba(151,151,151,1);
	padding: 13vh 20px;
	overflow: hidden;
	backdrop-filter: blur(10px);
	transition: all 0.3s;
}
.m25 .sec2 .boxwrap .box .box_bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.3s;
}
.m25 .sec2 .boxwrap .box.box1 .box_bg{background: url(/images/page/m25_sec2_box1_bg.jpg) no-repeat center / cover;}
.m25 .sec2 .boxwrap .box.box2 .box_bg{background: url(/images/page/m25_sec2_box2_bg.jpg) no-repeat center / cover;}
.m25 .sec2 .boxwrap .box .inner{
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.m25 .sec2 .boxwrap .box .inner .num{
	font-family: "Wix Madefor Display";
	font-size: 20px;
	font-weight: 700;
	color: rgba(255,255,255,0.8);
}
.m25 .sec2 .boxwrap .box .inner .line{
	display: block;
	width: 30px;
	height: 1px;
	background: rgba(255,255,255,0.7);
	margin: 30px 0;
}
.m25 .sec2 .boxwrap .box .inner .tit{
	font-size: 40px;
	font-weight: 700;
	color: #fff;
}
.m25 .sec2 .boxwrap .box .inner p{
	font-size: 22px;
	font-weight: 500;
	line-height: 1.6em;
	color: #fff;
	margin-top: 20px;
}
.m25 .sec2 .boxwrap .box .inner .more{
	font-family: "Wix Madefor Display";
	width: 400px;
	height: 80px;
	line-height: 80px;
	border-radius: 10px;
	border: 1px solid rgba(151,151,151,1);
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	margin-top: 90px;
	transition: all 0.3s;
}
.m25 .sec2 .boxwrap .box .inner .more span{
	font-family: "Wix Madefor Display";
}

/* 호버시 */
.m25 .sec2 .boxwrap .box.on{
	border: 1px solid rgba(151,151,151,0);
	width: 60%;
}
.m25 .sec2 .boxwrap .box.off{
	width: 36%;
}
.m25 .sec2 .boxwrap .box.on .box_bg{
	opacity: 1;
}
.m25 .sec2 .boxwrap .box.on .inner .more{
	border: 1px solid rgba(151,151,151,0);
	background: rgba(255,255,255,0.3);
	backdrop-filter: blur(5px);
}


.m250{padding: 0;}
.m250 .sec1{padding: 240px 0 0;}
.m250 .sec1 .titwrap{
	position: relative;
}
.m250 .sec1 .titwrap h3{
	font-size: 50px;
	font-weight:700;
	line-height: 1.4em;
	color: #000;
}
.m250 .sec1 .titwrap h4{
	margin: 80px 0 40px;
	font-size: 42px;
	font-weight: 700;
}
.m250 .sec1 .titwrap p{
	font-size: 18px;
	line-height: 1.8em;
	color: #666;
	margin-bottom: 10px;
}
.m250 .sec1 .titwrap span{
	font-size: 16px;
	color: #666;
}
.m250 .sec1 .titwrap .link{
	position: absolute;
	right: 0;
	top: 0;
	width: 400px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	background: #0081c8;
}
.m250 .sec1 .titwrap .link span{
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	margin-right: 10px;
}

.m250 .sec1 .diawrap{
	margin-top: 80px;
	width: 100%;
	padding: 100px;
	border-radius: 20px;
	border: 1px solid #ccc;
	display: flex;
}
.m250 .sec1 .diawrap img{width: 100%;}
.m250 .con{
	padding: 80px 0;
	border-bottom: 1px solid #ccc;
}
.m250 .con:last-child{border-bottom: none;}
.m250 .con .con_tit{
	position: relative;
	padding-left: 16px;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 60px;
}
.m250 .con .con_tit:after{
	content: "";
	position: absolute;
	left: 0;
	top: 17px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 2px solid #134582;
	box-sizing: border-box;
}

.m250 .sec1 .con{border: none;}
.m250 .sec1 .con ul{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.m250 .sec1 .con li{
	width: calc((100% - 60px) / 5);
}
.m250 .sec1 .con li a{
	width: 100%;
	height: 120px;
	padding: 0 10px;
	border-radius: 20px;
	border: 1px solid #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m250 .sec2{
	padding: 100px 0;
	background: #f5f5f5;
}
.m250 .sec2 .infowrap{
	width: 100%;
	border-top: 2px solid #000;
	display: flex;
	flex-wrap: wrap;
}
.m250 .sec2 .infowrap dl{
	display: flex;
	align-items: center;
	width: 50%;
	padding: 25px 0;
	border-bottom: 1px solid #ccc;
}
.m250 .sec2 .infowrap dl.w100{width: 100%;}
.m250 .sec2 .infowrap dl dt{
	position: relative;
	width: 280px;
	padding-left: 45px;
	font-size: 22px;
	font-weight: 700;
	color: #000;
}
.m250 .sec2 .infowrap dl:nth-child(2n) dt:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #ccc;
}
.m250 .sec2 .infowrap dl dd{
	width: calc(100% - 280px);
	font-size: 18px;
	color: #666;
}
.m250 .sec2 .method{
	width: 100%;
	padding: 25px 0;
	margin: 40px 0 60px;
	border-radius: 20px;
	background: url(/images/page/m250_sec2_method_icon.png) no-repeat right 90px top 20px #ececec;
	display: flex;
	align-items: center;
}
.m250 .sec2 .method .tit{
	width: 220px;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
}
.m250 .sec2 .method .txts{
	position: relative;
	width: calc(100% - 220px);
	padding: 5px 70px;
}
.m250 .sec2 .method .txts:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #ccc;
}
.m250 .sec2 .method .txts p{
	font-size: 18px;
	line-height: 1.8em;
	color: #666;
}
.m250 .sec2 .file_list{
	width: 100%;
	display: flex;
	gap: 30px;
}
.m250 .sec2 .file_list li{
	width: calc((100% - 60px) / 3);
}
.m250 .sec2 .file_list li a{
	display: flex;
	position: relative;
	width: 100%;
	height: 80px;
	border-radius: 20px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 0 30px;
}
.m250 .sec2 .file_list li a .icon{
	width: 21px;
	height: 24px;
	background: url(/images/page/m250_sec2_filelist_icon.png) no-repeat center / contain;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
}
.m250 .sec2 .file_list li a dl{
	display: flex;
	align-items: center;
}
.m250 .sec2 .file_list li a dl dt{
	position: relative;
	width: 55px;
	font-size: 20px;
	font-weight: 700;
	color: #134582;
}
.m250 .sec2 .file_list li a dl dt:after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 19px;
	background: rgba(0,0,0,0.3);
}
.m250 .sec2 .file_list li a dl dd{
	width: calc(100% - 55px);
	padding-left: 20px;
	font-size: 20px;
	font-weight: 700;
	color: #000;
}

.m250 .sec2 .file_list li a:hover{background: #134582;}
.m250 .sec2 .file_list li a:hover dl dt{color: #fff;}
.m250 .sec2 .file_list li a:hover dl dd{color: #fff;}
.m250 .sec2 .file_list li a:hover dl dt:after{background: #fff;}
.m250 .sec2 .file_list li a:hover .icon{background: url(/images/page/m250_sec2_filelist_icon_hv.png) no-repeat center / contain;}

.m250 .sec3{
	padding: 200px 0;
}
.m250 .sec3 .fund_list{
	display: flex;
	gap: 10px;
}
.m250 .sec3 .fund_list li{
	width: 100%;
}
.m250 .sec3 .fund_list li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 90px;
	border-radius: 10px;
	font-family: "Wix Madefor Display";
	font-size: 20px;
	font-weight: 700;
	color: #555;
	background: #f1f1f1;
}
.m250 .sec3 .fund_list li.on a{
	color: #fff;
	background: #134582;
}
.m250 .sec3 .con1 .info{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.m250 .sec3 .con1 .info .box{
	width: calc((100% - 60px) / 3);
	padding: 40px;
	border-radius: 10px;
	border: 1px solid #ccc;
}
.m250 .sec3 .con1 .info .box .tit{
	width: 100%;
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #ccc;
}
.m250 .sec3 .con1 .info .box .txts{
	font-size: 18px;
	line-height: 1.8em;
	color: #666;
}
.m250 .sec3 .con2{}
.m250 .sec3 .con2 .baseDate{
	text-align: right;
	font-size: 16px;
	color: #666;
	margin-bottom: 20px;
}
.m250 .sec3 .con2 .baseDate .line{
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #ccc;
	margin: 0 10px;
}

.m250 .sec3 .con2 .rrTabs{
	display:flex;align-items:center;
	margin-bottom:50px;
	background:#f1f1f1;
	border-radius:10px;
}
.m250 .sec3 .con2 .rrTabs li{width: calc(100% / 6);}
.m250 .sec3 .con2 .rrTabs li input{display:none;}
.m250 .sec3 .con2 .rrTabs li input + label{
	display:block;
	box-sizing:border-box;
	width:100%;height:60px;
	font-size:20px;color:#666;font-weight:700;text-align:center;line-height:56px;
	border:0;background:0;outline:0;border-radius:10px;
}
.m250 .sec3 .con2 .rrTabs li input:checked + label{
	border:2px solid #134582;
	color:#134582;line-height:56px;
}
.m250 .sec3 .con2 .checked_rrTabs{display: none;}
.m250 .sec3 .con2 .select_rrTabs{display: none;}
.m250 .tableWrap{
	width: 100%;
}
.custom-scrollbar{display: none;}
.m250 .tableWrap table{
	width: 100%;
	border-collapse: collapse;
}
.m250 .tableWrap table th{
	padding: 15px 10px;
	font-size: 18px;
	font-weight: 500;
	color: #000;
	background: #f5f5f5;
	border: 1px solid #ccc;
}
.m250 .tableWrap table td{
	padding: 15px 10px;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	color: #000;
	border: 1px solid #ccc;
}
.m250 .tableWrap table td.tit{
	background: #f5f5f5;
}
.m250 .tableWrap table th:first-child,
.m250 .tableWrap table td:first-child{border-left: none;}
.m250 .tableWrap table th:last-child,
.m250 .tableWrap table td:last-child{border-right: none;}
.m250 .tableWrap table td span{
	font-size: 13px;
}
.m250 .tableWrap table td span.down{
	color: #005dde;
}
.m250 .tableWrap table td span.up{
	color: #e60012;
}
.m250 .viewMore{
	display:flex;justify-content:center;align-items:center;
	box-sizing:border-box;
	width:250px;height:70px;
	margin:70px auto 0;
	border:1px solid #d1d1d1;border-radius:50px;
	font-size:14px;color:#2c2c2c;font-weight:500;
}
.m250 .viewMore i{
	width:11px;height:7px;
	margin: 2px 0px 0px 10px;
	background:url(/images/page/m250_more_icon.png) no-repeat center / contain;
}
.m250 .viewMore.expanded i{
	transform:rotate(180deg);
}
.m250 .tableWrap .exp{
	margin-top: 20px;
	font-size: 16px;
	color: #666;
}

.m250 .sec3 .con4 .warning{
	width: 100%;
	padding: 70px 90px;
	border-radius: 20px;
	background: #f5f5f5;
}
.m250 .sec3 .con4 .warning .tit{
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 30px;
}
.m250 .sec3 .con4 .warning ul li{
	position: relative;
	padding-left: 16px;
	font-size: 18px;
	line-height: 1.8em;
	color: #666;
}
.m250 .sec3 .con4 .warning ul li:after{
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,0.4);
	box-sizing: border-box;
}






.m26{padding: 0;}
.m26 .sec1{
	width: 100%;
	height: 100vh;
	background: url(/images/page/m26_sec1_bg.jpg) no-repeat center / cover;
}
.m26 .sec1 .innerwrap{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.m26 .sec1 .innerwrap .sec_tit{
	font-size: 40px;
	font-weight: 700;
	color: #fff;
}
.m26 .sec1 .innerwrap .textFill{
	margin: 100px 0 50px;
	padding: 0;
	background: none;
}
.m26 .sec1 .innerwrap .txts > div{
	font-size: 70px;
	font-weight: 700;
	line-height: 1.3em;
	color: #fff;
}
.m26 .sec1 .innerwrap .txts > div:last-child{
	color: rgba(154,211,237,0.8);
}
.m26 .sec1 .innerwrap .logo{
	display: flex;
	rgba(255, 255, 255, 0.7);
	justify-content: center;
	align-items: center;
	width: 580px;
	height: 180px;
	border-radius:20px;
	background: rgba(255,255,255,0.7);
}
.m26 .sec2{
	width: 100%;
	height: 100vh;
	padding: 8vh 0;
}
.m26 .sec2 .inner{
	position: relative;
	width: 92%;
	height: 100%;
	margin: 0 auto;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	align-items: center;
	background: #000;
}
.m26 .sec2 .inner .bgwrap{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}
.m26 .sec2 .inner .bgwrap .img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.4s;
}
.m26 .sec2 .inner .bgwrap .img.on{
	opacity: 1;
}
.m26 .sec2 .inner .bgwrap .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m26 .sec2 .inner ul{
	position: relative;
	width: 92%;
	max-width: 1560px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	column-gap: 20px;
}
.m26 .sec2 .inner ul li{
	width: calc((100% - 80px) / 5);
	padding: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 0 1px #aaa;
	overflow: hidden;
}
.m26 .sec2 .inner ul li.on{
	box-shadow: inset 0 0 0 20px #0572b6;
	background: rgba(255,255,255,0.1);
	backdrop-filter: blur(15px);
}
.m26 .sec2 .inner ul li .tit{
	padding-bottom: 15px;
	box-shadow: 0 1px 0 #aaa;
	font-family: "Wix Madefor Display";
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}
.m26 .sec2 .inner ul li.on .tit{
	box-shadow: none;
	background: #0572b6;
	border: none;
}
.m26 .sec2 .inner ul li .txts{
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 57vh;
	max-height: 520px;
	padding: 20px;
}
.m26 .sec2 .inner ul li .txts b{
	font-family: "Wix Madefor Display";
	display: inline-block;
	font-size: min(1vw,21px);
	line-height: 1.5em;
	color: #fff;
	margin: 20px 0 25px;
}
.m26 .sec2 .inner ul li .txts p{
	font-size: min(1.1vw,19px);
	line-height: 1.6em;
	color: #fff;
}




.m31{padding-top: 0;}
.m31 .sec1{
background: #222222;padding:130px 0;
}
/* Swiper 컨테이너 스타일 */
.m31 .swiper-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.m31 .m_txts{display: none;}
/* 슬라이드 스타일 */
.m31 .swiper-wrapper {
  display: flex;
  transition-property: transform;
}

.m31 .swiper-slide {
  width: auto; /* slidesPerView: 'auto'에 대응 */
  max-width: 1380px;
  width:71vw;
  border-radius:20px;
  position: relative;
  flex-shrink: 0;
  overflow:hidden;
  transition-property: transform;
}

/* 슬라이드 내부 요소 스타일링 */
.m31 .swiper-slide .bg {
	position: relative;
  width: 100%;
  aspect-ratio: 1380 / 880;
  overflow: hidden;
}

.m31 .swiper-slide .bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(100);
	transform: scale(1.3);
	transition: transform 1.5s;
}
.m31 .swiper-slide-active .bg img{
	filter: grayscale(0);
	transform: scale(1);
}
.m31 .swiper-slide .bg:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.45);
}

.m31 .swiper-slide .txtwrap {
	position: absolute;
	top: 0%;
	left: 0%;
	color: #fff;
	width: 100%;
	padding: 4.7vw;
	z-index: 10;
}

.m31 .swiper-slide .txtwrap h5 {
	font-size: 50px;
	color:#fff;font-weight: bold;
	margin-bottom: 40px;
	opacity: 0;
	transform: translateY(30px);
}
.m31 .swiper-slide-active .txtwrap h5 {
	opacity: 1;
	transform: translateY(0);
	transition: all 1.2s 1.2s;
}

.m31 .swiper-slide .txtwrap .txt {
	font-family: "Wix Madefor Display";
	font-size: 24px;
	color:#fff;
	font-weight: bold;
	line-height: 1.6em;
	opacity: 0;
	transform: translateY(30px);
}
.m31 .swiper-slide-active .txtwrap .txt {
	opacity: 1;
	transform: translateY(0);
	transition: all 1.2s 1.5s;
}

.m31 .swiper-slide .txtwrap .txt span {
	font-family: "Wix Madefor Display";
	font-weight: bold;
	color: #ddebf7; /* 강조 텍스트 색상 */
}

/* 네비게이션 버튼 스타일 */
.m31 .prevBtn, .m31 .nextBtn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10; /* 슬라이드보다 높은 z-index 값 */
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m31 .prevBtn {
  left: 6vw;
}

.m31 .nextBtn {
  right: 6vw;
}

.m31 .prevBtn img, .m31 .nextBtn img {
  width: 100%;
  height: 100%;
}


/* 활성 슬라이드 스타일 (필요시 사용) */
.m31 .swiper-slide-active {
  /* 활성 슬라이드에 추가 스타일 적용 */
  opacity: 1;
}

/* 비활성 슬라이드 스타일 (필요시 사용) */
.m31 .swiper-slide-inactive {
  opacity: 0.7;
}

/* 트랜지션 효과 (필요시 사용) */
.m31 .swiper-container-fade .swiper-slide {
  transition-property: opacity;
}

.m31 .swiper-container-fade .swiper-slide:not(.swiper-slide-active) {
  opacity: 0;
}
.m31 .sec2{padding:200px 0;}
.m31 .sec2 .titlearea{margin-bottom: 130px;}
.m31 .sec2 .titlearea h4{font-size:40px;color:#111111;font-weight: bold;margin-bottom: 120px;}
.m31 .sec2 .titlearea p{
font-size:34px;color:#111111;font-weight: bold;line-height: 1.5em;
}
.m31 .sec2 .titlearea p span{color:#134582;font-family: "Noto Sans KR";}

.m31 .sec2 .value_img{
	margin-bottom: 160px;
}
.m31 .sec2 .con_tit{
	font-family: "Wix Madefor Display";
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 50px;
}


.m31 #valuePin{overflow:hidden;}
.m31 #valuePin .value-container{
width: 100%;
position: relative;
background: #fff;
}
.m31 #valuePin .value-container .vbox{
display: flex;
width: 100%;
padding:100px 0;
height: 100%;
position: relative;
}
/*
.m31 #valuePin .value-container .vbox:not(._1) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
*/


.m31 #valuePin .value-container .vbox .left-section{
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
width:25%;
overflow: hidden;
height: 100%;
flex-shrink: 0;
z-index:90;
}
.m31 #valuePin .value-container .vbox .left-section .number{display: flex;align-items:center;
font-size:18px;color:#000000;font-weight: bold;
}
.m31 #valuePin .value-container .vbox .left-section .number .num{
font-family: "Wix Madefor Display";
font-size:20px;color:#134582;font-weight: 800;position: relative;display: block;padding-right: 11px;margin-right: 12px;
}
.m31 #valuePin .value-container .vbox .left-section .number .num:before{
	position: absolute;content:'';
	width:1px;height: 15px;background: #cccccc;top:6px;right:0;
}
.m31 #valuePin .value-container .vbox .left-section .text-mask{
margin:80px 0;font-family: "Wix Madefor Display";font-size:160px;color:#111;font-weight:500;
line-height: 1.3em;
mix-blend-mode:difference;
white-space:nowrap;
 font-size-adjust: 0.5;

}
.m31 #valuePin .value-container .vbox .left-section .text-mask span{font-family: "Wix Madefor Display";color:#134582;}
.m31 #valuePin .value-container .vbox .left-section .subtext{
font-size:24px;color:#000000;font-weight: bold;
}
.m31 #valuePin .value-container .vbox .right-section{
background: #fff;
overflow: hidden;
position: relative;
width: 75%;
aspect-ratio:1160/780;
flex-shrink: 0;
z-index:89;
}
.m31 #valuePin .value-container .vbox .right-section .image-container .text-mask {
    position: absolute;
    z-index: 10;
    font-family: "Wix Madefor Display";
    font-size: 160px;
    font-weight: 500;
	line-height: 1.284em;
    color: white;
    color:#fff; /* 오버레이 모드로 변경 */
    left: -33.35%;
    top:111px;
    white-space: nowrap;
	font-size-adjust: 0.5;
}
.m31 #valuePin .value-container .vbox .right-section .image-container .text-mask>span{font-family: "Wix Madefor Display";}
.m31 #valuePin .value-container .vbox .right-section .image-container{
width: 100%;
height: 100%;
border-radius:20px;
overflow:hidden;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.m31 #valuePin .value-container .vbox .right-section .image-container img{
pointer-events: none;
z-index: 0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
}

.m31 #valuePin .value-container .vbox:not(.act){
transform: translateY(100%);opacity:0;
}

.m31 #valuePin .value-container .vbox.act{opacity:1; transform: translateY(0%);}

.m31 #valuePin .value-container .vbox .left-section .number,
.m31 #valuePin .value-container .vbox .left-section .text-mask,
.m31 #valuePin .value-container .vbox .left-section .subtext{
opacity:0;transform:translateX(-120px);transition:all 0.6s;
}
.m31 #valuePin .value-container .vbox .right-section .image-container .text-mask{
opacity:0;transform:translate(-120px, -50%);transition:all 0.6s;
}
.m31 #valuePin .value-container .vbox.act .left-section .number,
.m31 #valuePin .value-container .vbox.act .left-section .text-mask,
.m31 #valuePin .value-container .vbox.act .left-section .subtext{
opacity:1;transform:translateX(0px);
}
.m31 #valuePin .value-container .vbox.act .right-section .image-container .text-mask{
opacity:1;transform:translate(0px, 0);transition:all 0.6s;
}
.m31 #valuePin .value-container .vbox .right-section .image-container img{transform: translate(-50%, -50%) scale(1.2);filter:blur(6px);}
.m31 #valuePin .value-container .vbox.act .right-section .image-container img{transform: translate(-50%, -50%) scale(1);filter:blur(0px);
transition:all 1s;}



/**/
.m31 #valuePin .value-container .vbox.act .right-section .image-container img{
	opacity:1;transform: translate(-25%, -50%) scale(1);
	filter: brightness(55%) blur(10px);
}
.m31 #valuePin .value-container .vbox.act .left-section .number{opacity:0;transform:translateX(60px);transition:all 1.2s;}
.m31 #valuePin .value-container .vbox.act .left-section .text-mask{opacity:0;transform:translateX(60px);transition:all 1.2s;}
.m31 #valuePin .value-container .vbox.act .right-section .image-container .text-mask{opacity:0;transform:translateX(60px);transition:all 1.2s;}
.m31 #valuePin .value-container .vbox.act .left-section .subtext{opacity:0;transform:translateX(60px);transition:all 1.2s;}

.m31 #valuePin .value-container .vbox.act.in-view .right-section .image-container img{
	opacity:1;transform: translate(-50%, -50%) scale(1);
	filter: brightness(55%) blur(0px);
}
.m31 #valuePin .value-container .vbox.act.in-view .left-section .number{opacity:1;transform:translateX(0);transition:all 1.2s 0.4s;}
.m31 #valuePin .value-container .vbox.act.in-view .left-section .text-mask{opacity:1;transform:translateX(0);transition:all 1.2s 0.6s;}
.m31 #valuePin .value-container .vbox.act.in-view .right-section .image-container .text-mask{opacity:1;transform:translateX(0);transition:all 1.2s 0.6s;}
.m31 #valuePin .value-container .vbox.act.in-view .left-section .subtext{opacity:1;transform:translateX(0);transition:all 1.2s 0.8s;}




.m321{padding-bottom: 200px;background: url(/images/page/m322_bg.png) no-repeat right 0 top -100px;}
.m321 .switch{display: flex; gap: 10px;}
.m321 .switch a{
	display: block;
	width: 170px;
	height: 60px;
	line-height: 60px;
	border-radius: 60px;
	text-align: center;
	background: #f1f1f1;
	font-size: 20px;
	font-weight: 700;
	color: #555;
}
.m321 .switch a.on{
	background: #134582;
	color: #fff;
}
.m321 .formarea{
width:100%;display: flex;justify-content:flex-end;margin-bottom: 40px;
}
.m321 .formarea .searchwrap{max-width:100%;width:500px;height:60px;border-radius:30px;background: #f6f6f6;display: flex;align-items:center;padding: 5px 25px;}
.m321 .formarea .searchwrap .search_bar{
width:calc(100% - 22px);height:100%;
border:none;outline:none;background: #f6f6f6;
font-size:18px;color:#000;
}
.m321 .formarea .searchwrap .search_bar::placeholder{font:inherit;color:#999;}
.m321 .formarea .searchwrap button{
width:22px;
}
.m321 ul{
	width: 100%;
	border-top: 2px solid #000;
}
.m321 li{
	border-bottom: 1px solid #ccc;
}
.m321 li a{
	display: flex;
	padding: 40px;
}
.m321 li a .txtwrap{
	width: calc(100% - 150px);
	padding-right: 20px;
}
.m321 li a .txtwrap .cate{
	font-size: 24px;
	font-weight: 700;
	color: #134582;
}
.m321 li a .txtwrap .tit{
	margin: 15px 0;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.3em;
	color: #000;
}
.m321 li a .txtwrap dl{
	display: flex;
	align-items: center;
}
.m321 li a .txtwrap dl dt{
	font-family: "Wix Madefor Display";
	font-size: 18px;
	font-weight: 600;
	color: #666;
}
.m321 li a .txtwrap dl dd{
	position: relative;
	padding-left: 40px;
	font-family: "Wix Madefor Display";
	font-size: 18px;
	color: #888;
}
.m321 li.end a .txtwrap dl dd{
	display: none;
}
.m321 li a .txtwrap dl dd:after{
	content: "";
	position: absolute;
	left: 20px;
	top: 5px;
	width: 1px;
	height: 13px;
	background: #ccc;
}
.m321 li a .status{
	display: block;
	width: 150px;
	height: 150px;
	line-height: 150px;
	border-radius: 50%;
	background: #134582;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}
.m321 li.end a .status{
	background: #dfdfdf;
	color: #999;
}
.m321 .noHire{
	padding: 100px 0;
	border-top: 2px solid #000;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #999;
}



.m322{
	padding: 0;
	background: url(/images/page/m322_bg.png) no-repeat right 0 top -100px;
}
.m322 .sec1{
	padding: 230px 0 0;
}
.m322 .sec1 .sec_tit{
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 110px;
}
.m322 .sec1 .con{
	width: 100%;
	height: 100vh;
	padding: 2vh 0;
}
.m322 .sec1 .con .inner{
	width: 100%;
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
}
.m322 .sec1 .con1 .inner{background: url(/images/page/m322_sec1_con1_bg.jpg) no-repeat center / cover;}
.m322 .sec1 .con2 .inner{background: url(/images/page/m322_sec1_con2_bg.jpg) no-repeat center / cover;}
.m322 .sec1 .con .inner{
	display: flex;
}
.m322 .sec1 .con .inner > .step{
	width: 50%;
	padding: 0 8% 0 6%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.m322 .sec1 .con .inner > .step .tit{
	font-size: 50px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 100px;
}
.m322 .sec1 .con .inner > .step ul{
	display: flex;
	flex-wrap: wrap;
	row-gap: 180px;
}
.m322 .sec1 .con .inner > .step li{
	width: 33.3333%;
	display: flex;
}
.m322 .sec1 .con .inner > .step li:nth-child(3n-1){
	justify-content: center;
}
.m322 .sec1 .con .inner > .step li:nth-child(3n){
	justify-content: flex-end;
}
.m322 .sec1 .con .inner > .step li .ccwrap{
	position: relative;
	width: 150px;
}
.m322 .sec1 .con .inner > .step li .ccwrap .cc{
	width: 100%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: rgba(255,255,255,0.1);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	display: flex;
	justify-content: center;
	align-items: center;
	will-change: transform, opacity, backdrop-filter;
  transform: translateZ(0); /* GPU 레이어 생성 */
}
.m322 .sec1 .con .inner > .step li .ccwrap .num{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: calc(100% + 15px);
	font-family: "Wix Madefor Display";
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	white-space: nowrap;
}
.m322 .sec1 .con .inner > .step li .ccwrap .txts{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: calc(100% + 20px);
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	white-space: nowrap;
}
.m322 .sec1 .con .inner > .step li .ccwrap .txts a{
	display: block;
	padding: 3px 18px;
	border-radius: 30px;
	background: #0081c8;
	margin-top: 10px;
}
.m322 .sec1 .con .inner > .step li .ccwrap .txts a span{
	position: relative;
	padding-right: 11px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}
.m322 .sec1 .con .inner > .step li .ccwrap .txts a span:after{
	content: "";
	position: absolute;
	right: 0;
	top: 9px;
	width: 6px;
	height: 6px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(-45deg);
}
.m322 .sec1 .con .inner > .step li .ccwrap .arr{
	position: absolute;
	top: 50%;
	left: min(10vw, 184px);
	transform: translateY(-50%);
	width: 12px;
	height: 19px;
	background: url(/images/page/m322_sec1_arr.png) no-repeat center / contain;
}
.m322 .sec1 .con .inner > .step li:last-child .ccwrap .arr{
	display: none;
}
.m322 .sec1 .con2 .inner > .step .tit{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.m322 .sec1 .con2 .inner > .step .tit a{
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}
.m322 .sec1 .con2 .inner > .step .tit a img{
	margin: 0 0 5px 10px;
}



.m322 .sec1 .con .inner .conwrap{
	width: 50%;
	height: 100%;
}
.m322 .sec1 .con .inner .conwrap dl{
	width: 100%;
	height: 33.3333%;
	display: flex;
	transition: all 0.3s;
}
.m322 .sec1 .con .inner .conwrap dl:hover{
	background: rgba(255,255,255,0.1);
	backdrop-filter: blur(10px);
}
.m322 .sec1 .con .inner .conwrap dl dt{
	width: 35%;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid #ccc;
	text-align: center;
}
.m322 .sec1 .con .inner .conwrap dl dt .step{
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	font-family: "Wix Madefor Display";
	margin: 20px 0 10px;
}
.m322 .sec1 .con .inner .conwrap dl dt .tit{
	font-size: 24px;
	font-weight: 700;
	color: #fff;
}

.m322 .sec1 .con .inner .conwrap dl dd{
	width: 65%;
	padding: 20px;
	border: 1px solid #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	color: #fff;
	line-height: 1.6em;
}

.m322 .sec2{
	position: relative;
	overflow: hidden;
	margin: 90px 0;
	padding: 90px 0;
}
.m322 .sec2 .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m322_sec2_bg.jpg) no-repeat center / cover;
}
.m322 .sec2 .conwrap{
	display: flex;
	justify-content: space-between;
}
.m322 .sec2 .conwrap .box{
	width: 32%;
	height: 620px;
	padding: 40px;
	border-radius: 20px;
	border: 1px solid rgba(255,255,255,0.4);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.4s;
}
.m322 .sec2 .conwrap .box:hover{
	border: 1px solid rgba(255,255,255,0);
	background: rgba(255,255,255,0.1);
	backdrop-filter: blur(10px);
}
.m322 .sec2 .conwrap .box dl{
	width: 100%;
}
.m322 .sec2 .conwrap .box dl dt{
	text-align: center;
}
.m322 .sec2 .conwrap .box dl dt p{
	font-size: 32px;
	font-weight: 700;
	color: #fff;
	margin-top: 20px;
}
.m322 .sec2 .conwrap .box dl dd{
	border-top: 1px solid #ccc;
	padding: 20px 40px 0;
	margin-top: 30px;
	display: none;
}
.m322 .sec2 .conwrap .box dl dd ul li{
	position: relative;
	padding-left: 18px;
	font-size: 22px;
	line-height: 1.7em;
	color: #fff;
}
.m322 .sec2 .conwrap .box dl dd ul li:after{
	content: "";
	position: absolute;
	left: 0;
	top: 14px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 2px solid #fff;
	box-sizing: border-box;
}

.m322 .sec3{
	padding: 0 0 180px;
}
.m322 .sec3 .boxwrap{
	position: relative;
	width: 100%;
	padding: 90px 4%;
	border-radius: 20px;
	overflow: hidden;
}
.m322 .sec3 .boxwrap .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m322_sec3_bg.jpg) no-repeat center / cover;
}
.m322 .sec3 .boxwrap .txts{
	position: relative;
	text-align: center;
}
.m322 .sec3 .boxwrap .txts p{
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 40px;
}
.m322 .sec3 .boxwrap .txts a{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 340px;
	height: 70px;
	background: rgba(255,255,255,0.3);
	backdrop-filter: blur(10px);
	border-radius: 10px
}
.m322 .sec3 .boxwrap .txts a span{
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}
.m322 .sec3 .boxwrap .txts a i {
	display: block;
	width: 16px;
	height: 17px;
	background: url(/images/page/link_arr.png) no-repeat center / contain;
	margin-left: 10px;
}







.m33{padding-top: 130px; background: url(/images/page/m322_bg.png) no-repeat right 0 top -100px;}

.m33 .teamarea{position: relative;margin:0 auto;margin-bottom: 260px;margin-top:80px;
width:94%;max-width:1800px;display: flex;align-items:center;justify-content:space-between;
padding:0 80px;/* padding-bottom: 130px; */
}
.m33 .tabwrap{margin:0 auto 130px;}
/* Tab list styling */
.m33 .tabs {
  display: flex;
  justify-content:center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap:max(15px, 0.78vw);
  width: 100%;
  overflow: hidden;
}

/* Individual tab item styling */
.m33 .tabs li {
  flex: 1;
  text-align: center;
  background-color: #f1f1f1;
  border-radius: 10px;
  max-width:510px;
}

/* Tab link styling */
.m33 .tabs li a {
  display: block;
  width:100%;height:70px;

  padding: 20px 10px;
  text-decoration: none;
  color: #666;
  transition: all 0.3s ease;
  display: flex;align-items:center;justify-content:center;
   font-size: 20px;
  font-weight: bold;color:#555555;
}

/* Tab span styling */
.m33 .tabs li a span {
 font:inherit;
}

/* Active tab styling */
.m33 .tabs li.on {
  background-color: #0a4485;
}

.m33 .tabs li.on>a {
  color: #fff;
}

/* Hover effect for inactive tabs */
.m33 .tabs li:not(.on):hover {
  background-color: #e5e5e5;
}
.m33 .teamarea .swiper-slide{}

 

.m33 .teamarea{position: relative;}
.m33 .teamarea .teamSwiper{width: 100%; position: relative;margin:0 auto;}
.m33 .teamarea .teamSwiper .swiper-slide{
border-radius:20px;border:1px solid #dfdfdf;
}
.m33 .teamarea .teamSwiper .swiper-slide .imgwrap{
	overflow:hidden;border-radius:20px;
}
.m33 .teamarea .teamSwiper .swiper-slide .imgwrap .img img{
width:100%;aspect-ratio:49 / 30;object-fit:cover;
}
.m33 .teamarea .teamSwiper .swiper-slide .txtwrap{
padding:50px 2.34vw;
}
.m33 .teamarea .swiper-slide .tit{font-size:24px;color:#000;font-weight: bold;font-family: "Noto Sans KR";}
.m33 .teamarea .swiper-slide .txt{font-size:18px;color:#666666;font-weight: 400;line-height: 1.6em;margin-top: 30px;margin-bottom: 40px;}
.m33 .teamarea .swiper-slide .btn{width:100%;display: flex;align-items:center;justify-content:center;height:46px;border-radius:23px;
background: #f1f1f1;font-size:16px;color:#666666;font-weight: 500;transition:all 0.3s;
}
.m33 .teamarea .swiper-slide .btn:hover{background: #134582;color:#fff;transition:all 0.3s;}


.m33 .listarea{
	padding-bottom: 200px;
}
.m33 .listarea ul{
	display: flex;
	flex-wrap: wrap;
	column-gap: 45px;
	row-gap: 60px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 70px;
}
.m33 .listarea li{
	width: calc((100% - 90px) / 3);
	border-radius:20px;border:1px solid #dfdfdf;
}
.m33 .listarea li .imgwrap{
	overflow:hidden;border-radius:20px;
}
.m33 .listarea li .imgwrap .img img{
width:100%;aspect-ratio:49 / 30;object-fit:cover;
}
.m33 .listarea li .txtwrap{
padding:50px 2.34vw;
}
.m33 .listarea li .tit{font-size:24px;color:#000;font-weight: bold;font-family: "Noto Sans KR";}
.m33 .listarea li .txt{font-size:18px;color:#666666;font-weight: 400;line-height: 1.6em;margin-top: 30px;margin-bottom: 40px;}
.m33 .listarea li .btn{width:100%;display: flex;align-items:center;justify-content:center;height:46px;border-radius:23px;
background: #f1f1f1;font-size:16px;color:#666666;font-weight: 500;transition:all 0.3s;
}
.m33 .listarea li .btn:hover{background: #134582;color:#fff;transition:all 0.3s;}



.m33 .teamarea .prev,
.m33 .teamarea  .next{
position: absolute;
top:50%;transform:translateY(-50%);
z-index:100;cursor:pointer;
left:0;width:50px;
}
.m33 .teamarea  .next{right:0;left:auto;}

.m33_view{padding-bottom: 200px;}
.m33_view .infoarea{
display: flex;padding-bottom: 125px;
}
.m33_view .infoarea .img{width: 50%;overflow:hidden;border-radius:20px;}
.m33_view .infoarea .img img{border-radius: 20px;}
.m33_view .infoarea .txtwrap{position: relative;width:50%;padding-left: 6.25vw;display: flex;flex-direction:column;justify-content:center;}
.m33_view .infoarea .txtwrap:before{
	position: absolute;top:0;left:6.25vw;content:'';
	background: url(/images/page/m33_view_bg.png)no-repeat left top;
	width:172px;height:143px;
	display: block;
}
.m33_view .infoarea .txtwrap .desc{color:#111111;font-size:20px;font-family: "Noto Sans KR";font-weight: 500;line-height: 1.6em;}
.m33_view .infoarea .txtwrap .desc strong{color:#134582;font-weight: bold;font-size:30px;line-height: 1.5em;display: block;margin-bottom: 36px;}
.m33_view .infoarea .txtwrap .part{margin-top: 60px;display: flex;align-items:center;}
.m33_view .infoarea .txtwrap .part .name{font-weight: bold;font-size:22px;color:#000;margin-left: 15px;padding-left: 15px;position: relative;}
.m33_view .infoarea .txtwrap .part .name:before{
	position: absolute;content:'';
	width:1px;height:20px;background: #cccccc;
	top:6px;left:0;
}
.m33_view .infoarea .txtwrap .part .cate{color:#134582;font-weight: bold;font-size:24px;}
.m33_view .faq-container{border-top: 2px solid #000;padding-top: 70px;margin-bottom: 70px;}

.m33_view .faq-item{
	overflow: hidden;
	
}
.m33_view .faq-item + .faq-item{margin-top: 20px;}
.m33_view .question {
	padding: 25px 2.6vw;
	background: #f1f1f1;
	box-sizing:border-box;
	display: flex;align-items:center;
	border-radius: 20px;
	cursor: pointer;
	position: relative;
	transition: all 0.3s ease;
}

.m33_view .question:hover {
	background:#222222;
}

.m33_view .question h3 {
	display: flex;
	align-items: center;
	margin: 0;
	font-size:24px;
	color:#111;
	width:calc(100% - 60px);
	font-weight: bold;
}

.m33_view .q-icon {
	margin-right: 30px;
	font-weight: 700;
	font-size: 30px;
	color:#111;
	font-family: "Wix Madefor Display";
}
.m33_view .question:hover h3,
.m33_view .question:hover .q-icon{color:#fff;}
.m33_view .toggle-icon {
	width: 60px;
	height: 60px;
	
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
	background: url(/images/page/m33_view_toggle_icon.png)no-repeat center / cover;
}
.m33_view .question:hover .toggle-icon,
.m33_view .faq-item.open .question .toggle-icon{
background: url(/images/page/m33_view_toggle_icon_hover.png)no-repeat center / cover;
}

.m33_view .faq-item.open .toggle-icon {
	transform:rotate(180deg);
}

.m33_view .answer {
	background-color: white;
	overflow: hidden;
	padding:45px 2.6vw;
	box-sizing:border-box;
	display: none;
}

.m33_view .faq-item.open .answer {

}

.m33_view .answer-content {
	display: flex;
	align-items: flex-start;
}

.m33_view .a-icon {
	font-size:30px;color:#134582;font-weight: bold;
	font-family: "Wix Madefor Display";
}

.m33_view .answer-text {
	padding-left: 30px;
	line-height: 1.7em;
	color: #666666;
	font-size: 18px;
	padding-top: 10px;
}

/* 두 번째 FAQ 아이템 (닫힌 상태) */
.m33_view .faq-item.open .question {
	background:#134582;
}
.m33_view .faq-item.open .question h3,
.m33_view .faq-item.open .question .q-icon{color:#fff;}



.m35{background: url(/images/page/m322_bg.png) no-repeat right 0 top -5%;}
.m35 .pgTitle{padding-bottom: 100px;}
.m35 .sec1{
	background: #f2f2f2;
}
.m35 .sec1 .main_img{
	position: relative;
	width: 100%;
	height: 650px;
	overflow: hidden;
}
.m35 .sec1 .main_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m35 .sec1 .boxwrap{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 180px;
	padding-bottom: 180px;
	border-bottom: 1px solid #ccc;
	margin-top: -140px;
}
.m35 .sec1 .boxwrap .box{
	width: calc((100% - 20px) / 2);
	height: 240px;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #ccc;
	padding: 35px 0;
	display: flex;
	align-items: center;
}
.m35 .sec1 .boxwrap .box .icon{
	width: 170px;
	text-align: center;
}
.m35 .sec1 .boxwrap .box dl{
	position: relative;
	width: calc(100% - 170px);
	padding: 0 45px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.m35 .sec1 .boxwrap .box dl:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #ccc;
}
.m35 .sec1 .boxwrap .box dl dt{
	font-size: 30px;
	font-weight: 700;
	color: #000;
}
.m35 .sec1 .boxwrap .box dl dd{
	font-size: 18px;
	line-height: 1.7em;
	color: #444;
	margin-top: 20px;
}
.m35 .sec1 .con_tit{
	font-size: 40px;
	font-weight:  700;
	margin-bottom: 80px;
}
.m35 .sec1 .con_boxwrap{
	display: flex;
	gap: 20px;
}
.m35 .sec1 .con_boxwrap .box{
	width: calc((100% - 20px) / 2);
	border-radius: 20px;
	background: #134582;
	padding: 30px 0;
	display: flex;
	align-items: center;
}
.m35 .sec1 .con_boxwrap .box .icon{
	width: 160px;
	text-align: center;
}
.m35 .sec1 .con_boxwrap .box p{
	position: relative;
	width: calc(100% - 160px);
	padding: 15px 55px;
	font-size: 28px;
	font-weight: 700;
	color: #fff;
}
.m35 .sec1 .con_boxwrap .box p:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #ccc;
}
.m35 .sec1 .period{
	margin: 80px 0 110px;
}
.m35 .sec1 .benefit{
	display: flex;
	gap: 20px;
	position: relative;
	z-index: 100;
}
.m35 .sec1 .benefit .box{
	width: calc((100% - 20px) / 2);
	height: 240px;
	border-radius: 20px;
	padding: 0 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.m35 .sec1 .benefit .box.box1{background: url(/images/page/m35_sec1_benefit_bg1.jpg) no-repeat center / cover;}
.m35 .sec1 .benefit .box.box2{background: url(/images/page/m35_sec1_benefit_bg2.jpg) no-repeat center / cover;}
.m35 .sec1 .benefit .box dl{
	padding-right: 20px;
	flex-shrink: 1;
}
.m35 .sec1 .benefit .box dl dt{
	font-size: 24px;
	font-weight:700;
	color: #fff;
}
.m35 .sec1 .benefit .box dl dd{
	font-size: 28px;
	font-weight:500;
	color: #fff;
	margin-top: 20px;
}
.m35 .sec1 .benefit .box .icon{
	flex-shrink: 0;
}
.m35 .sec2{
	padding: 240px 0 0;
	margin-top: -60px;
	background: #fff;
}
.m35 .sec2 .con_tit{
	margin-bottom: 70px;
}
.m35 .sec2 .con_tit h3{
	font-size: 40px;
	font-weight: 700;
	color: #000;
}
.m35 .sec2 .con_tit h4{
	font-size: 24px;
	font-weight: 700;
	color: #000;
	margin-top: 20px;
}
.m35 .sec2 .banner{
	width: 100%;
	margin-top: 90px;
	padding: 80px 20px;
	text-align: center;
	border-radius: 20px;
	background: url(/images/page/m35_banner_bg.jpg) no-repeat center / cover;
}
.m35 .sec2 .banner > p{
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 40px;
}
.m35 .sec2 .banner .link{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 340px;
	height: 70px;
	border-radius: 10px;
	background: rgba(255,255,255,0.2);
	backdrop-filter: blur(10px);
}
.m35 .sec2 .banner .link p{
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
.m35 .sec2 .banner .link i{
	display: block;
	width: 16px;
	height: 17px;
	background: url(/images/page/link_arr.png) no-repeat center / contain;
	margin-left: 10px;
}





.bbs{padding-bottom: 200px;background: url(/images/page/m322_bg.png) no-repeat right 0 top -100px;}
.bbs .pgDesc{color:#111111;font-size:24px;font-weight: bold;font-family: "Noto Sans KR";margin-top: 35px;}
.bbs .list1{
display: flex;flex-wrap:wrap;gap:2.34vw;margin-top: 80px;
border-bottom: 1px solid #e5e5e5;padding-bottom: 70px;
}
.bbs .list1>li{
box-shadow: inset 0 0 0 1px #dfdfdf;
width:calc((100% - 2.34vw * 2) / 3);border-radius:20px;overflow:hidden;position: relative;
transition:all 0.1s;

}
.bbs .list1>li>a{
display: block;width: 100%;height: 100%;padding:45px;
}
.bbs .list1>li .tit{font-size:32px;color:#000;font-weight: bold;font-family: "Noto Sans KR";word-wrap:normal;word-break:keep-all;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* 두 줄까지만 표시 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5em;
	height: 4.5em;
}
.bbs .list1>li .txt{font-family: "Noto Sans KR";font-size:18px;color:#666666;font-weight: 400;font-family: "Noto Sans KR";line-height: 1.6em; height: 4.8em;
margin:32px 0 38px;
display: -webkit-box;
    -webkit-line-clamp: 3; /* 두 줄까지만 표시 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bbs .list1>li .bot{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bbs .list1>li .info{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	width: calc(100% - 75px);
}
.bbs .list1>li .info .comp{
	position: relative;
	padding-right: 31px;
	font-size: 18px;
	font-weight: 700;
	color: #134582;
}
.bbs .list1>li .info .comp:after{
	content: "";
	position: absolute;
	right: 16px;
	top: 8px;
	width: 1px;
	height: 13px;
	background: #ccc;
}
.bbs .list1>li .date{color:#666666;font-size:18px;font-weight: 600;letter-spacing:-0.02em;}
.bbs .list1>li .bot .arr{
	display: block;
	background: url(/images/page/news_list_arr.png) no-repeat center;
	width: 70px;
	height: 70px;
}
.bbs .list1>li:hover .bot .arr{
	background: url(/images/page/news_list_arr_hover.png)no-repeat center;
}

.bbs .list1>li:hover{
	box-shadow: inset 0 0 0 2px #134582;
}

.bbs .list2{border-top: 2px solid #000;margin-top: 40px;}
.bbs .list2>li{
display: flex;align-items:center;
padding:43px 0;border-bottom: 1px solid #e5e5e5;
}
.bbs .list2>li .num{
width:90px;text-align: center;
font-weight: bold;font-size:18px;color:#333333;
font-family: "Wix Madefor Display";
}
.bbs .list2>li .title{
width:calc(100% - 90px - 165px * 2);
}
.bbs .list2>li:not(.alarm) .title{display: flex;align-items:center;}
.bbs .list2>li:not(.alarm) .cate{
width:0;display: none;text-align: center;
font-size:20px;color:#134582;font-weight: bold;font-family: "Noto Sans KR";letter-spacing:-0.03em;
position: relative;
flex-shrink: 0;
}
.bbs .list2>li:not(.alarm) .cate:before{
position: absolute;content:'';
width:1px;height:13px;background: #cccccc;
top:50%;left:0;transform:translateY(-50%);
}
.bbs .list2>li ._e{
font-family: "Noto Sans KR";
font-size:24px;color:#000;font-weight: bold;
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 .list2>li:not(.alarm) ._e{
width:100%;
flex-shrink: 1;
}

.bbs .list2>li:not(.alarm) .title:not(.type2) ._e{width:100%;padding-left: 0;}

.bbs .list2>li .date,
.bbs .list2>li .viewCnt{width:165px;text-align: center;
font-size:18px;font-weight: 600;color:#666666;font-family: "Wix Madefor Display";
}
.bbs .list2>li .viewCnt{position: relative;font:inherit;display: flex;align-items:center;justify-content:center;font-size:18px;color:#888888;font-weight: 400;}
.bbs .list2>li .viewCnt img{margin-left: 8px;}
.bbs .list2>li .viewCnt:before{
	position: absolute;content:'';
width:1px;height:13px;background: #cccccc;
top:50%;left:0;transform:translateY(-50%);
}


.bbs2  .tabwrap{margin:90px auto 90px;}
/* Tab list styling */
.bbs2  .tabs {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap:max(15px, 0.78vw);
  width: 100%;
  
  overflow: hidden;
}

/* Individual tab item styling */
.bbs2  .tabs li {
  flex: 1;
  text-align: center;
  background-color: #f1f1f1;
  border-radius: 10px;
}

/* Tab link styling */
.bbs2  .tabs li a {
  display: block;
  width:100%;height:70px;

  padding: 20px 10px;
  text-decoration: none;
  color: #666;
  transition: all 0.3s ease;
  display: flex;align-items:center;justify-content:center;
   font-size: 20px;
  font-weight: bold;color:#555555;
}

/* Tab span styling */
.bbs2  .tabs li a span {
 font:inherit;
}

/* Active tab styling */
.bbs2  .tabs li.on {
  background-color: #0a4485;
}

.bbs2  .tabs li.on>a {
  color: #fff;
}

/* Hover effect for inactive tabs */
.bbs2  .tabs li:not(.on):hover {
  background-color: #e5e5e5;
}
.bbs2 .formarea{width:100%;}
/* .bbs2 .formarea .cateTab{margin-top: 90px;margin-bottom: 90px;}
.bbs2 .formarea .cateTab > ul {
  display: flex;
  gap: 0.78vw;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.bbs2 .formarea .cateTab > ul > li {
  position: relative;
  width: calc((100% - 0.78vw * 4) / 5);
  height: 70px;
  border-radius: 10px;
  background: #f1f1f1;
  color: #555555;
  font-weight: bold;
  font-family: "Noto Sans KR";
  font-size: 20px;
  overflow: hidden;
}
.bbs2 .formarea .cateTab input[type="radio"] {
  display: none;
}
.bbs2 .formarea .cateTab label {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: inherit;
  font: inherit;
  transition: background 0.3s, color 0.3s;
  border-radius: 10px;
}


.bbs2 .formarea .cateTab input[type="radio"]:checked + label {
  background: #134582;
  color: #fff;
} */
.bbs2 .formarea .botarea{display: flex;align-items:center;justify-content:flex-end;}
.bbs2 .formarea .botarea select{
width: 168px;height: 60px;border-radius:30px;background: #f6f6f6 url(/images/page/sel_bg.png)no-repeat right 20px center;border:none;outline:none;margin-right: 10px;
padding:5px 2vw;appearance:none;font-size:20px;color:#666666;font-weight: bold;cursor:pointer;
}
.bbs2 .formarea .botarea select option{font-size:20px;color:#666666;}
.bbs2 .formarea .searchwrap{
max-width:100%;width:500px;height:60px;border-radius:30px;background: #f6f6f6;
display: flex;align-items:center;
padding:5px 25px;
}
.bbs2 .formarea .searchwrap .search_bar{
width:calc(100% - 22px);height:100%;
border:none;outline:none;background: #f6f6f6;
font-size:18px;color:#000;
}
.bbs2.bbs2.formarea .searchwrap .search_bar::placeholder{font:inherit;color:#999;}
.bbs2 .formarea .searchwrap button{
width:22px;
}

 .loss {}

.loss table {
	width: 100%;
	border-collapse: collapse;
	background-color: white;
	font-size: 18px;
	border-top:2px solid #000;
	margin-top: 45px;
}

.loss th {
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: #000000;
	padding: 15px 1vw;
	font-family: "Noto Sans KR";
}

.loss td {
font-size: 18px;
	border: 1px solid #cccccc;
	padding: 15px 1vw;
	text-align: center;
	font-family: "Wix Madefor Display";
	color:#333333;
	font-weight: 500;
}

.loss .categ {
	text-align: center;
	color: #000000;
	font-size:18px;
	font-family: "Noto Sans KR";
	font-weight: 500;
}
.loss .fund-name {
	text-align: center;
	color: #333333;
	font-size:18px;
	font-family: "Noto Sans KR";
	font-weight: 400;
}

.loss  th:first-child{border-left: 0;}
.loss tbody tr td:first-child {
	background-color: #f5f5f5;
	border-left: 0;
}
.loss th:last-child,
.loss tbody tr td:last-child{border-right: 0;}

.loss .formarea .botarea{justify-content:space-between;}
.loss .formarea .botarea .g{
display: flex;align-items:center;gap:20px;
}
.loss .formarea .botarea .dateWrap{
	display: flex; align-items: center; gap: 10px;
}
.loss .formarea .botarea .dateWrap label{
	position: relative;
	display: inline-block;
}
.loss .formarea .botarea .dateWrap label .txts{
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	font-size: 17px;
	font-weight: 500;
	color: #666;
}
.loss .formarea .botarea .dateWrap label .txts i{
	display: block;
	width: 18px;
	height: 18px;
	background: url(/images/page/loss_date_icon.png) no-repeat center / contain;
	margin-right: 10px;
	margin-top: 4px;
}
.loss .formarea .botarea .dateWrap label input{
	border: none;
	outline: none;
	width: 300px;
	height: 50px;
	padding: 0 30px 0 135px;
	border-radius: 50px;
	background: #f6f6f6;
	font-family: "Wix Madefor Display";
	font-size: 18px;
	color: #666;
}
.loss .formarea .botarea .dateWrap label input[type="date"]::-webkit-calendar-picker-indicator,
.loss .formarea .botarea .dateWrap label input[type="date"]::-webkit-inner-spin-button {
  position:absolute;left:0px;top:0px;
	width:100%;height:100%;
	background:0;
	cursor:pointer;
}
.loss .formarea .botarea .dateWrap button{
	position: relative;
	width: 110px;
	height: 50px;
	border-radius: 50px;
	background: #000;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}
.loss .formarea .botarea .dateWrap button:after{
	content: "";
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height:20px;
	background: #ccc;
	
}
.loss .formarea .botarea .down_btn{
display: flex;align-items:center;justify-content:center;
background: #0081c8;width:193px;height:50px;border-radius:25px;
text-align: center;
}
.loss .formarea .botarea .down_btn * {font:inherit;font-size:18px;font-weight: bold;color:#fff;font-family: "Noto Sans KR";}
.loss .formarea .botarea .btn_arr span{color:#666666;font-weight: bold;font-size:18px;
font-family: "Wix Madefor Display";
}
.loss .formarea .botarea .btn_arr i{
background: url(/images/page/btn_arr_icon_bk.png)no-repeat center / cover;
}

/*bbs view*/
.bbs_view{padding-bottom: 200px;}
.bbs_view .titlearea{
	border-top:2px solid #000000;
	padding:68px 0px;
	border-bottom: 1px solid #cccccc;
	box-sizing:border-box;
}
.bbs_view .titlearea .cate{
font-size:24px;color:#134582;font-weight: bold;margin-bottom: 30px;
}
.bbs_view .titlearea .title{font-size:34px;color:#111;font-weight: bold;font-family:"Noto Sans KR", sans-serif;}
.bbs_view .titlearea .info{margin-top: 32px;display: flex;align-items:center;}
.bbs_view .titlearea .info .date{position: relative;font-size:20px;color:#666666;font-weight: 600;font-family: "Wix Madefor Display";letter-spacing:-0.025em;
padding-right: 20px;margin-right: 20px;
}
.bbs_view .titlearea .info .date:before{
width:1px;height: 15px;background: #cccccc;
position: absolute;content:'';top:50%;transform:translateY(-50%);right:0;
}

.bbs_view .titlearea .info .viewCount{
padding-right: 33px;
position: relative;font-size:20px;color:#666666;font-weight: 600;font-family: "Wix Madefor Display";letter-spacing:-0.025em;}
.bbs_view .titlearea .info .viewCount:before{
position: absolute;content:'';
background: url(/images/page/bbs_viewcount.png)no-repeat center;
width: 22px;height: 13px;
top:50%;transform:translateY(-50%);right:0;
}
.bbs_view .filearea{
	border-bottom: 1px solid #e5e5e5;
	padding:35px 0px;
	box-sizing:border-box;
	
}
.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_link.png)no-repeat center;
	top:2px;left:0;
}
.bbs_view .filearea>div.down:before{background: url(/images/page/bbs_down.png)no-repeat center;}
.bbs_view .filearea>div>a{
	display: block;width:100%;
	font-size:18px;color:#666666;font-weight: 500;
	box-sizing:border-box;
	
}
.bbs_view .conarea{
	border-bottom: 1px solid #e5e5e5;
	padding:130px 0px 130px;
	box-sizing:border-box;
	font-size:18px;font-weight:400;color:#666666;
font-family:"Noto Sans KR", sans-serif;
line-height: 1.65em;
}

.btnwrap{padding-top: 70px;border-top: 1px solid #e5e5e5;}
.btnwrap .list_btn{margin:0 auto;display: flex;align-items:center;justify-content:center;max-width:100%;width:250px;height: 70px;
border-radius:35px;background: #134582;
color:rgba(255,255,255,0.7);font-size:14px;font-weight: 600;font-family: "Wix Madefor Display";
}
.btnwrap .list_btn>i{
	display: inline-block;background: url(/images/page/list_btn.png)no-repeat center;width:14px;height: 9px;
	margin-left: 10px;
}




.pgTitle.type2{margin-bottom: 70px;font-size:60px;color:#111111;font-weight: bold;font-family: "Noto Sans KR";}
.m44 .pgTitle.type2{font-family: "Wix Madefor Display";margin-bottom: 90px;}
.m44 .address{
display: flex;justify-content:space-between;gap:2vw;flex-wrap:wrap;
}
.m44 .address>dl{display: flex;align-items:center;}
.m44 .address>dl>dt{position: relative;font-size:18px;color:#000000;font-weight: bold;font-family: "Noto Sans KR";padding-left: 35px;
letter-spacing:-0.025em;}
.m44 .address>dl>dt:before{
position: absolute;
	display: block;width: 20px;height: 20px;
	top:50%;transform:translateY(-50%);left:0;content:'';
	background: url(/images/page/address_icon.png)no-repeat center;
}
.m44 .address>dl:nth-child(2)>dt:before{background: url(/images/page/tel_icon.png)no-repeat center;}
.m44 .address>dl:nth-child(3)>dt:before{background: url(/images/page/fax_icon.png)no-repeat center;}
.m44 .address>dl:nth-child(4)>dt:before{background: url(/images/page/email_icon.png)no-repeat center;}
.m44 .address>dl>dd{letter-spacing:-0.025em;color:#666666;font-size:18px;font-weight: 350;font-family: "Noto Sans KR";vertical-align:middle;}
.m44 .address>dl>dd>a, .m44 .address>dl>dd>a:hover{font:inherit;color:#666666;}
.m44 .address>dl>dd .bar{display: inline-block;width:1px;height:13px;background: #b2b2b2;margin:0 10px;}
.m44 .maparea{margin-top: 60px;height:525px;width:100%;}

.m60{padding-bottom: 200px;}
.m60 .boxarea + .boxarea{margin-top:90px;}
.m60 .boxarea{
position: relative;
width:100%;overflow:hidden;border-radius:20px;
padding:45px 2.34vw 45px 5.7vw;
display: flex;align-items:center;
}
.m60 .boxarea .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m60 .boxarea:nth-child(1) .bg{background: url(/images/page/m60_bg1.jpg)no-repeat center / cover;}
.m60 .boxarea:nth-child(2) .bg{background: url(/images/page/m60_bg2.jpg)no-repeat center / cover;}
.m60 .boxarea:nth-child(3) .bg{background: url(/images/page/m60_bg3.jpg)no-repeat center / cover;}
.m60 .boxarea .titwrap{position: relative; width:45%;box-sizing:border-box;padding-right: 4vw;display: flex;align-items:center;justify-content:space-between;}
.m60 .boxarea .titwrap strong{
font-size:50px;color:#fff;font-weight: bold;
}
.m60 .boxarea .titwrap .btn_arr{

}
.m60 .boxarea .list{position: relative; width:55%;}
.m60 .boxarea .list li{
border-radius:20px;background:rgba(255,255,255,0.97);overflow:hidden;
display: flex;
padding:20px 0;
}
.m60 .boxarea .list li .ico{
width:90px;display: flex;align-items:center;justify-content:center;
border-right: 1px solid #bdcfe0;
}
.m60 .boxarea .list li dl{
width:calc(100% - 90px);
padding:25px 2.4vw;
display: flex;flex-direction:column;justify-content:center;
}
.m60 .boxarea .list li dl dt{
font-size:20px;color:#111111;font-weight: 500;
}
.m60 .boxarea .list li dl dd{
font-size:18px;color:#666666;font-weight: 400;
margin-top: 25px;
line-height: 1.6em;
}
.m60 .boxarea .list li dl dd span{
font-size:16px;color:#666666;font-weight: 350;display: block;
position: relative;padding-left: 10px;margin-top: 15px;
}
.m60 .boxarea .list li dl dd span:before{
position: absolute;content:'*';
font-size:16px;color:#134582;font-weight: 350;
top:2px;left:0;line-height: 1.5em;
}
.m60 .boxarea .list li + li{
margin-top: 20px;
}




.m610{padding: 0}
.m610 .sec1{
	padding: 180px 0 0;
}
.m610 .sec1 .info{
	width: 100%;
	height: 466px;
	border-radius: 20px;
	background: #f6f6f6;
	display: flex;
}
.m610 .sec1 .info .imgwrap{
	position: relative;
	width: 50%;
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m610 .sec1 .info .imgwrap .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m612 .sec1 .info .imgwrap .bg{background: url(/images/page/m612_info_bg.jpg) no-repeat center / cover;}
.m613 .sec1 .info .imgwrap .bg{background: url(/images/page/m613_info_bg.jpg) no-repeat center / cover;}
.m610 .sec1 .info .imgwrap p{
	position: relative;
	font-size: 48px;
	font-weight: 700;
	color: #fff;
}
.m610 .sec1 .info .txtwrap{
	width: 50%;
	padding: 0 5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.m610 .sec1 .info .txtwrap p{
	font-size: 20px;
	line-height: 1.6em;
	color: #333;
	margin: 30px 0 20px;
}
.m610 .sec1 .info .txtwrap .exp{
	position: relative;
	padding-left: 12px;
	font-size: 16px;
	color: #666;
}
.m610 .sec1 .info .txtwrap .exp:after{
	content: "*";
	position: absolute;
	left: 0;
	top: 1px;
}
.m610 .sec1 .steps{
	padding-top: 90px;
	margin-top: 90px;
	border-top: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
	gap: 30px;
}
.m610 .sec1 .steps li{
	position: relative;
	width: calc((100% - 120px) / 5);
	padding: 15px;
	border-radius: 20px;
	border: 1px solid #ccc;
	text-align: center;
}
.m610 .sec1 .steps li:after{
	content: "";
	position: absolute;
	left: calc(100% + 10px);
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 7.5px solid transparent;  /* 높이 절반 */
	border-bottom: 7.5px solid transparent;
}
.m610 .sec1 .steps li.list1:after{border-left: 11px solid #0081c8;}
.m610 .sec1 .steps li.list2:after{border-left: 11px solid #0570b4;}
.m610 .sec1 .steps li.list3:after{border-left: 11px solid #095eb0;}
.m610 .sec1 .steps li.list4:after{border-left: 11px solid #0f5292;}
.m610 .sec1 .steps li.list5:after{display: none;}
.m610 .sec1 .steps li .step{
	width: 100%;
	height: 60px;
	line-height: 60px;
	border-radius: 20px 20px 0 0;
	font-family:"Wix Madefor Display";
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
.m610 .sec1 .steps li.list1 .step{background: #0081c8;}
.m610 .sec1 .steps li.list2 .step{background: #0570b4;}
.m610 .sec1 .steps li.list3 .step{background: #075daf;}
.m610 .sec1 .steps li.list4 .step{background: #0f5292;}
.m610 .sec1 .steps li.list5 .step{background: #134582;}
.m610 .sec1 .steps li .icon{
	width: 100%;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #ccc;
}
.m610 .sec1 .steps li .txts{
	padding: 30px 0;
}
.m610 .sec1 .steps li .txts b{
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
}
.m610 .sec1 .steps li.list1 .txts b{color: #0081c8;}
.m610 .sec1 .steps li.list2 .txts b{color: #0570b4;}
.m610 .sec1 .steps li.list3 .txts b{color: #075daf;}
.m610 .sec1 .steps li.list4 .txts b{color: #0f5292;}
.m610 .sec1 .steps li.list5 .txts b{color: #134582;}
.m610 .sec1 .steps li .txts p{
	font-size: min(1.1vw,18px);
	line-height: 1.7em;
	color: #666;
	margin-top: 10px;
}
.m610 .sec1 .steps li .more{
	position: absolute;
	left: 0;
	top: calc(100% + 15px);
	width: 100%;
	text-align: left;
	padding-left: 12px;
	font-size: 16px;
}
.m610 .sec1 .steps li .more:after{
	content:"*";
	position: absolute;
	top: 1px;
	left: 0;
}

.m610 .sec1 .etc{
	width: 100%;
	margin-top: 100px;
	padding: 60px 4%;
	border-radius: 20px;
	background: #f5f5f5;
	text-align: center;
}
.m610 .sec1 .etc p{
	font-size: 20px;
	line-height: 1.7em;
	color: #666;
}
.m610 .sec1 .eft_link{
	width: 100%;
	padding: 60px 4%;
	margin-top: 100px;
	border-radius: 20px;
	background: url(/images/page/m613_etf_bg.jpg) no-repeat center bottom / cover;
	text-align: center;
}
.m610 .sec1 .eft_link p{
	font-size: 20px;
	line-height: 1.6em;
	color: #fff;
}
.m610 .sec1 .eft_link .link{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width:340px;
	height: 70px;
	border-radius: 10px;
	background: #222;
	margin-top: 30px;
}
.m610 .sec1 .eft_link .link span{
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}
.m610 .sec1 .eft_link .link i{
	display: block;
	width: 16px;
	height: 17px;
	background: url(/images/page/m25_sec1_link_icon.png) no-repeat center / contain;
	margin-left: 10px;
}
.m610 .sec2 .sec_tit{
	font-family: "Wix Madefor Display";
	font-size: 40px;
	font-weight: 700;
	color: #000;
	padding: 170px 0 70px;
}
.m611 .sec2 .sec_tit{
	padding: 0 0 70px;
}

.m610 .sec2 .m613_tab{
	display: flex;
	justify-content: space-between;
	margin-bottom: 90px;
}
.m610 .sec2 .m613_tab li{
	width: 49%;
}
.m610 .sec2 .m613_tab li a{
	display: block;
	width: 100%;
	height: 70px;
	line-height: 70px;
	border-radius: 10px;
	background: #f1f1f1;
	font-family: "Wix Madefor Display";
	font-size: 20px;
	font-weight: 700;
	color: #555;
	text-align: center;
}
.m610 .sec2 .m613_tab li.on a{
	background: #134582;
	color: #fff;
}

.m612 .sec1 {
	padding: 180px 0 0;
}










/*faq*/
.faq{padding-bottom: 200px;background: url(/images/page/m322_bg.png) no-repeat right 0 top -100px;}
.faq .formarea{
width:100%;display: flex;justify-content:flex-end;margin-bottom: 40px;
}
.faq .formarea .searchwrap{
max-width:100%;width:500px;height:60px;border-radius:30px;background: #f6f6f6;
display: flex;align-items:center;
padding:5px 25px;
}
.faq .formarea .searchwrap .search_bar{
width:calc(100% - 22px);height:100%;
border:none;outline:none;background: #f6f6f6;
font-size:18px;color:#000;
}
.faq .formarea .searchwrap .search_bar::placeholder{font:inherit;color:#999;}
.faq .formarea .searchwrap button{
width:22px;
}
.faq .faq-container{
border-top: 2px solid #000000;
}
.faq  .faq-item {
	border-bottom: 1px solid #e5e5e5;
	
	box-sizing:border-box;
}

.faq .question {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	padding:45px 2vw;
}

.faq .question h3 {
	font-weight: normal;
	font-family: "Noto Sans KR";font-weight: 700;color:#000000;font-size:30px;
	width:calc(100% - 15px);vertical-align:middle;
	display: flex;
	align-items: center;
}
.faq .question h3 .q-icon{font-family: "Wix Madefor Display";font-size:30px;color:#134582;font-weight: 700;display: inline-block;
margin-right: min(2.34vw, 38px);
flex-shrink: 0;
}
.faq .question h3 p{
	display: inline-block;
	font-size: 30px;
	color: #000;
	font-weight: 700;
	flex-shrink: 1;
}


.faq .answer {
	display: none;
}
.faq .answer.open {
	display: block;
}
.faq .answer-content{
background: #f6f6f6;
padding:45px 2vw;
display: flex;align-items:start;
} 
.faq .answer-content .a-icon{
font-family: "Wix Madefor Display";font-size:30px;color:#134582;font-weight: 600;display: inline-block;margin-right: min(2.34vw, 38px);
}
.faq .answer-content .answer-text{
font-family: "Noto Sans KR";color:#666666;font-size:20px;line-height: 1.6em;padding-top: 3px;font-weight: 400;
}
.faq .answer p {
	margin: 0 0 10px 0;
}
.faq .banner{
min-height:280px;margin-top: 130px;
background: #134582 url(/images/page/faq_banner_bg.jpg)no-repeat right bottom / cover;
width:100%;
display: flex;align-items:center;justify-content:space-between;
padding:100px 5.2vw;overflow:hidden;border-radius:30px;
}
.faq .banner .txt{
color:#fff;line-height: 1.5em;font-family: "Noto Sans KR";
font-size:30px;font-weight: bold;margin-right: 4vw;
}
.faq .banner .btn{
display: flex;align-items:center;justify-content:center;color:#fff;line-height: 1.5em;font-family: "Noto Sans KR";
font-size:18px;font-weight: bold;
}
.faq .banner .btn>span{position: relative;font:inherit;}
.faq .banner .btn>span:before{
	position: absolute;content:'';
	bottom:0;left:0;
	width:100%;height:1px;
	background: #fff;width: 0;transition:width 0.4s;
}
.faq .banner .btn>i{
display: block;
background: url(/images/page/m61_etf_icon.png)no-repeat center / contain;
width: 46px;height: 46px;
margin-left: 10px;
}
.faq .banner .btn:hover span:before{width:100%;transition:width 0.4s;}

.faq .cateTab{margin-bottom: 130px;}
.faq .cateTab>ul{display: flex;gap:0.78vw;align-items:center;justify-content:space-between;}
.faq .cateTab>ul>li{
width:calc((100% - 0.78vw * 4) / 5);
height:70px;border-radius:10px;background: #f1f1f1;color:#555555;font-weight: bold;font-family: "Noto Sans KR";
font-size:20px;
}
.faq .cateTab>ul>li>a{display: block;width:100%;height:100%;display: flex;align-items:center;justify-content:center;}

.faq .cateTab>ul>li.on{background: #134582;color:#fff;}
.faq .cateTab>ul>li>a, .faq .cateTab>ul>li>a>span,
.faq .cateTab>ul>li.on>a, .faq .cateTab>ul>li.on>a>span{font:inherit;color:inherit;}

/*m611 사모펀드*/
.m611{}
.m611 .bgarea{overflow:hidden;margin-bottom: 120px;}
.m611 .bgarea .bg{
width:100%;display: flex;align-items:center;justify-content:center;
margin-top: 180px;
padding:95px 2vw;
border-radius: 20px;
background: url(/images/page/m611_img1.jpg)no-repeat center / cover;
}
.m611 .bgarea .bg h4{text-align: center;font-size:48px;color:#fff;font-weight: bold;}














/* 모션 */
@-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.5;transform:scale(1.3);}
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;}

.showImg.in-view{animation-name: showImg;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 2s; opacity: 1;}
.showImg2.in-view{animation-name: showImg2;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 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: 2s;}
.fadeUp.in-view{animation-name: fadeUpAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.4s; opacity: 1;}
.fadeLeft.in-view{animation-name: fadeLeftAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.4s; opacity: 1;}
.fadeRight.in-view{animation-name: fadeRightAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.4s; 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; }



.sub_visual .descarea .slogan>div{opacity: 0; transform: translateY(20px);}
.sub_visual .descarea.in-view .slogan>div{opacity: 1; transform: translateY(0); transition: all 1.2s 0.5s;}

.sub_visual .descarea .desc>div{opacity: 0; transform: translateY(40px);}
.sub_visual .descarea.in-view .desc>div{opacity: 1; transform: translateY(0); transition: all 1.2s 0.7s;}

.sub_visual .descarea .desc2>div{opacity: 0; transform: translateY(40px);}
.sub_visual .descarea.in-view .desc2>div{opacity: 1; transform: translateY(0); transition: all 1.2s 0.9s;}




.m111 .sec1 .con1 .cc{opacity: 0; transform: translateX(-50%) scale(0.5);}
.m111 .sec1 .con1.in-view .cc{opacity: 1; transform: translateX(-50%) scale(1); transition: all 1.2s 0.2s;}

.m111 .sec1 .con1 .slg{opacity: 0; transform: translateX(-100px);}
.m111 .sec1 .con1.in-view .slg{opacity: 1; transform: translateX(0); transition: all 1.2s 1s;}

.m111 .sec1 .con1 .txts{opacity: 0; transform: translateX(100px);}
.m111 .sec1 .con1.in-view .txts{opacity: 1; transform: translateX(0); transition: all 1.2s 1.4s;}


.m111 .sec2 .graph .bg{
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	transition: clip-path 3s,
	opacity 0s linear 1s;
}
.m111 .sec2 .graph.in-view .bg {
  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
  opacity: 1;
}

.m111 .sec2 .graph .bar li .b{transform: scaleY(0); transform-origin: bottom;}
.m111 .sec2 .graph.in-view .bar li .b{transform: scaleY(1); transition: all 2s 0.2s;}

.m111 .sec2 .boxwrap .box{opacity: 0; transform: translateY(40px);}
.m111 .sec2 .boxwrap .box.in-view{opacity: 1; transform: translateY(0);}
.m111 .sec2 .boxwrap .box:nth-child(1){transition: all 1.2s 0.2s;}
.m111 .sec2 .boxwrap .box:nth-child(2){transition: all 1.2s 0.4s;}
.m111 .sec2 .boxwrap .box:nth-child(3){transition: all 1.2s 0.6s;}
.m111 .sec2 .boxwrap .box:nth-child(4){transition: all 1.2s 0.8s;}


.m112 .mvarea .boxwrap .box{opacity: 0; transform: translateY(40px);}
.m112 .mvarea .boxwrap .box.in-view{opacity: 1; transform: translateY(0);transition: all 1.2s 0.2s}

.m112 .mvarea .boxwrap .box .slog strong:before{width: 0;}
.m112 .mvarea .boxwrap .box.in-view .slog strong:before{width: 100%; transition: all 1s 1s;}


.m112 .sec2 .conwrap .imgwrap{opacity: 0; transform: translateX(-100%);}
.m112 .sec2 .conwrap.in-view .imgwrap{opacity: 1; transform: translateX(0); transition: all 1.2s 0.4s;}

.m112 .sec2 ul li{opacity: 0; transform: translateY(30px);}
.m112 .sec2 ul li:nth-child(1){transition: all 1.2s 0.2s;}
.m112 .sec2 ul li:nth-child(2){transition: all 1.2s 0.4s;}
.m112 .sec2 ul li:nth-child(3){transition: all 1.2s 0.6s;}
.m112 .sec2 ul li.in-view{opacity: 1; transform: translateY(0);}

.m112 .sec3 .bg{transform: scale(1.2);}
.m112 .sec3.in-view .bg{transform: scale(1); transition: all 2s 0.5s;}


.m132 .sec1 .img-list li:nth-child(1){opacity: 0; transform: translateY(50px); transition: all 1.2s 0.2s;}
.m132 .sec1 .img-list li:nth-child(2){opacity: 0; transform: translateY(-50px); transition: all 1.2s 0.4s;}
.m132 .sec1 .img-list li:nth-child(3){opacity: 0; transform: translateY(50px); transition: all 1.2s 0.6s;}

.m132 .sec1 .img-list.in-view li{opacity: 1; transform: translateY(0);}


.m21 .sec1 .con1 .boxwrap .box:nth-child(1){opacity: 0; transform: translate(-40px, -40px);}
.m21 .sec1 .con1 .boxwrap .box:nth-child(2){opacity: 0; transform: translate(40px, -40px);}
.m21 .sec1 .con1 .boxwrap .box:nth-child(3){opacity: 0; transform: translate(-40px, 40px);}
.m21 .sec1 .con1 .boxwrap .box:nth-child(4){opacity: 0; transform: translate(40px, 40px);}
.m21 .sec1 .con1 .boxwrap.in-view .box{opacity: 1; transform: translate(0, 0); transition: all 1.2s 0.5s;}


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

.m21 .sec4 .diawrap .dia .cc > img{opacity: 0; transform: scale(0.5);}
.m21 .sec4 .diawrap .dia.in-view .cc > img{opacity: 1; transform: scale(1); transition: all 1.2s 0.2s;}

.m21 .sec4 .diawrap .dia .cc ul.list1 li{opacity: 0; transform: translateX(-30px);}
.m21 .sec4 .diawrap .dia.in-view .cc ul.list1 li{opacity: 1; transform: translateX(0);}
.m21 .sec4 .diawrap .dia .cc ul.list1 li:nth-child(2){transition: all 1.2s 1.2s;}
.m21 .sec4 .diawrap .dia .cc ul.list1 li:nth-child(3){transition: all 1.2s 1.3s;}
.m21 .sec4 .diawrap .dia .cc ul.list1 li:nth-child(4){transition: all 1.2s 1.4s;}
.m21 .sec4 .diawrap .dia .cc ul.list1 li:nth-child(5){transition: all 1.2s 1.5s;}

.m21 .sec4 .diawrap .dia .cc ul.list2 li{opacity: 0; transform: translateX(30px);}
.m21 .sec4 .diawrap .dia.in-view .cc ul.list2 li{opacity: 1; transform: translateX(0);}
.m21 .sec4 .diawrap .dia .cc ul.list2 li:nth-child(2){transition: all 1.2s 1.2s;}
.m21 .sec4 .diawrap .dia .cc ul.list2 li:nth-child(3){transition: all 1.2s 1.3s;}
.m21 .sec4 .diawrap .dia .cc ul.list2 li:nth-child(4){transition: all 1.2s 1.4s;}
.m21 .sec4 .diawrap .dia .cc ul.list2 li:nth-child(5){transition: all 1.2s 1.5s;}


.m22 .sec1 .boxwrap:before, .m22 .sec1 .boxwrap:after{height: 0;}
.m22 .sec1 .boxwrap.in-view:before, .m22 .sec1 .boxwrap.in-view:after{height: 100%; transition: all 1.2s 0.2s;}

.m22 .sec1 .boxwrap li{opacity: 0; transform: translateY(30px);}
.m22 .sec1 .boxwrap li:nth-child(1){transition: all 1.2s 0.7s;}
.m22 .sec1 .boxwrap li:nth-child(2){transition: all 1.2s 0.9s;}
.m22 .sec1 .boxwrap li:nth-child(3){transition: all 1.2s 1.1s;}
.m22 .sec1 .boxwrap.in-view li{opacity: 1; transform: translateY(0);}

.m22 .sec3 li:nth-child(odd){opacity: 0; transform: translateY(40px);}
.m22 .sec3 li:nth-child(even){opacity: 0; transform: translateY(-40px);}
.m22 .sec3 ul.in-view li{opacity: 1; transform: translateY(0); transition: opacity 1.2s 0.8s, transform 1.2s 0.8s;}

.m24 .sec1 .conwrap .boxwrap .box .abc{opacity: 0; transform: scale(0.7);}
.m24 .sec1 .conwrap .boxwrap .box.in-view .abc{opacity: 1; transform: scale(1); transition: all 1.2s 0.2s;}
.m24 .sec1 .conwrap .boxwrap .box .txts{opacity: 0; transform: translateX(30px);}
.m24 .sec1 .conwrap .boxwrap .box.in-view .txts{opacity: 1; transform: translateX(0); transition: all 1.2s 0.7s;}

.m24 .sec2 .con1 .conwrap .slgwrap{opacity: 0; transform: translateX(-40px);}
.m24 .sec2 .con1 .conwrap.in-view .slgwrap{opacity: 1; transform: translateX(0); transition: all 1.2s 0.3s;}
.m24 .sec2 .con1 .conwrap .strategy{opacity: 0; transform: translateX(40px);}
.m24 .sec2 .con1 .conwrap.in-view .strategy{opacity: 1; transform: translateX(0); transition: all 1.2s 0.3s;}


.m322 .sec1 .con .inner .step li{opacity: 0; transform: translateX(-20px);}
.m322 .sec1 .con .inner .step li:nth-child(1){transition: all 1s 0.4s;}
.m322 .sec1 .con .inner .step li:nth-child(2){transition: all 1s 0.5s;}
.m322 .sec1 .con .inner .step li:nth-child(3){transition: all 1s 0.6s;}
.m322 .sec1 .con .inner .step li:nth-child(4){transition: all 1s 0.7s;}
.m322 .sec1 .con .inner .step li:nth-child(5){transition: all 1s 0.8s;}
.m322 .sec1 .con .inner .step li:nth-child(6){transition: all 1s 0.9s;}
.m322 .sec1 .con .inner .step ul.in-view li{opacity: 1; transform: translateX(0);}

.m322 .sec2 .bg{transform: scale(1.2);}
.m322 .sec2.in-view .bg{transform: scale(1); transition: all 2s 0.2s;}


.m60 .boxarea .bg{transform: scale(1.2);}
.m60 .boxarea.in-view .bg{transform: scale(1); transition: all 2.5s 0.3s;}

.m60 .boxarea .list li{opacity: 0; transform: translateX(-30px);}
.m60 .boxarea .list li:nth-child(1){transition: all 1.2s 0.4s;}
.m60 .boxarea .list li:nth-child(2){transition: all 1.2s 0.55s;}
.m60 .boxarea .list li:nth-child(3){transition: all 1.2s 0.7s;}
.m60 .boxarea .list.in-view li{opacity: 1; transform: translateX(0);}


.m610 .sec1 .info .imgwrap .bg{transform: scale(1.2);}
.m610 .sec1 .info.in-view .imgwrap .bg{transform: scale(1); transition: all 1.4s 0.2s;}
.m610 .sec1 .info .imgwrap p{opacity: 0; transform: scale(0.7);}
.m610 .sec1 .info.in-view .imgwrap p{opacity: 1; transform: scale(1);transition: all 1.4s 0.2s;}

.m610 .sec1 .steps li{opacity: 0; transform: translateY(40px);}
.m610 .sec1 .steps.in-view li{opacity: 1; transform: translateY(0);}
.m610 .sec1 .steps li:nth-child(1){transition: all 1.2s 0.2s;}
.m610 .sec1 .steps li:nth-child(2){transition: all 1.2s 0.35s;}
.m610 .sec1 .steps li:nth-child(3){transition: all 1.2s 0.5s;}
.m610 .sec1 .steps li:nth-child(4){transition: all 1.2s 0.65s;}
.m610 .sec1 .steps li:nth-child(5){transition: all 1.2s 0.8s;}

.m611 .bgarea .bg h4{opacity: 0; transform: scale(0.7);}
.m611 .bgarea.in-view .bg h4{opacity: 1; transform: scale(1); transition: all 1.2s 0.2s;}