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

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

/*header*/
.pcbr{display:none;}
.ptbr{display:none;}
.tbbr{display:none;}
.mbbr{display:block;}
.dn{display:none;}

.pc_view{display: none;}
.pt_view{display: none;}
.t_view{display: none;}

/*subtab*/
.subtabarea {  
padding-bottom: 100px;
display: flex;
justify-content: center;
}

.subtabarea .subtabarea_wrap {
position: relative;
max-width: 1640px;
width: 92%;
margin: 0 auto;
}

.subtabarea .subtab{
border-radius: 52px;
display: flex;
justify-content: space-between;
background: #F2F2F2;
height: 52px;
}

.subtab li {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: calc(100% / 4);
}

.subtab li a {
display: block;
color: #666666;
text-align: center;
font-size: var(--font-size-18);
border-radius: 52px;
transition: all 0.3s;
padding: 0 10px;
width: 100%;
height: 100%;
line-height: 52px;
}

.subtab li.on a {
background-color: #111;
color: #fff;
}



/* paging */
.paging{
	margin-top:85px;
	text-align:center;
}
.paging a{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:30px;height:30px;
	color:#666;font-size:14px;line-height:30px; font-weight: 500;
}
.paging strong{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:30px;height:30px;
	color:#266EF0;font-size:14px;line-height:30px;font-weight:500;
	border-bottom: 1.5px solid #266EF0;
}
.paging .page_begin{
	width:30px;height:30px;
	background:url(/images/common/page_begin.png) no-repeat center;
	background-size: 13px;
	border:0;
}
.paging .page_prev{
	width:30px;height:30px;
	background:url(/images/common/page_prev.png) no-repeat center;
	background-size: 8px;
	border:0;
}
.paging .page_next{
	width:30px;height:30px;
	background:url(/images/common/page_next.png) no-repeat center;
	background-size: 8px;
	border:0;
}
.paging .page_end{
	width:30px;height:30px;
	background:url(/images/common/page_end.png) no-repeat center;
	background-size: 13px;
	border:0;
}



/* 공통 */
.page_top{
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
}

.page_top .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.page_top.pn1 .bg{background: url(/images/page/page_visual1.jpg) no-repeat center / cover;}
.page_top.pn3 .bg{background: url(/images/page/page_visual3.jpg) no-repeat center / cover;}
.page_top.pn4 .bg{background: url(/images/page/page_visual4.jpg) no-repeat center / cover;}
.page_top.pn5 .bg{background: url(/images/page/page_visual5.jpg) no-repeat center / cover;}
.page_top.pn6 .bg{background: url(/images/page/page_visual6.jpg) no-repeat center / cover;}

.page_top .inner{
	position: relative;
	width: 92%;
	max-width: 1640px;
	margin: 0 auto 80px;
}

.page_top .inner .txtwrap{}
.page_top .inner .txtwrap h2{
	font-size: 18px;
	color: #fff;
}
.page_top .inner .txtwrap .slogan_en{
	font-size: 50px;
	color: #fff;
	margin-top: 20px;
}
.page_top .inner .txtwrap .line{
	display: block;
	width: 100%;
	height: 1px;
	background: rgba(255,255,255,0.5);
	margin: 20px 0 20px;
}
.page_top .inner .txtwrap .slogan_kr{
	font-size: 18px;
	color: #fff;
}
.page_top .inner .sub_tab{
	padding-bottom: 10px;
	overflow-x: auto;
}
.page_top .inner .sub_tab ul{
	display: flex;
	gap: 7px;
	margin-top: 80px;
}
.page_top .inner .sub_tab ul li{}
.page_top .inner .sub_tab ul li a{
	display: inline-block;
	padding: 10px 20px;
	border-radius: 50px;
	backdrop-filter: blur(10px);
	background: rgba(255,255,255,0.2);
	font-size: 15px;
	color: #fff;
	white-space: nowrap;
}
.page_top .inner .sub_tab ul li.on a{
	background: #000;
}

.page_tit{
	position: relative;
	width: 92%;
	max-width: 1640px;
	margin: 0 auto;
	padding: 60px 0;
}
.page_tit h3{
	font-size: 22px;
	font-weight: 500;
}
.page_tit .page_slg{
	margin-top: 100px;
	font-size: var(--font-size-60);
	font-weight: 500;
}

/* m00 */

.m11{}
.m11 .section1{
	padding: 0 0 140px;
}
.m11 .section1 .conwrap{
	width: 100%;
}
.m11 .section1 .conwrap .txtwrap{
	width: 100%;
	padding-bottom: 100px;
}
.m11 .section1 .conwrap .txtwrap .slg{
	font-size: 32px;
	font-weight: 500;
}
.m11 .section1 .conwrap .txtwrap p{
	font-size: var(--font-size-18);
	line-height: 1.7em;
	color: #666;
	margin-top: 60px;
}
.m11 .section1 .conwrap .imgwrap{
	width: 100%;
	height: 250px;
	border-radius: 15px;
	overflow: hidden;
}
.m11 .section1 .conwrap .imgwrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m11 .section1 .infowrap{
	margin-top: 130px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.m11 .section1 .infowrap dl{
	width: 100%;
	padding: 25px 0;
	border-top: 1px solid #ccc;
	display: flex;
	align-items: flex-start;
}
.m11 .section1 .infowrap dl:last-child{
	border-bottom: 1px solid #ccc;
}
.m11 .section1 .infowrap dl dt{
	width: 130px;
	padding-left: 35px;
	font-size: 15px;
	font-weight: 500;
}
.m11 .section1 .infowrap dl:nth-child(1) dt{background: url(/images/page/m11_sec1_icon1.png) no-repeat left center / contain;}
.m11 .section1 .infowrap dl:nth-child(2) dt{background: url(/images/page/m11_sec1_icon2.png) no-repeat left center / contain;}
.m11 .section1 .infowrap dl:nth-child(3) dt{background: url(/images/page/m11_sec1_icon3.png) no-repeat left center / contain;}
.m11 .section1 .infowrap dl:nth-child(4) dt{background: url(/images/page/m11_sec1_icon4.png) no-repeat left center / contain;}
.m11 .section1 .infowrap dl:nth-child(5) dt{background: url(/images/page/m11_sec1_icon5.png) no-repeat left center / contain;}
.m11 .section1 .infowrap dl:nth-child(6) dt{background: url(/images/page/m11_sec1_icon6.png) no-repeat left center / contain;}
.m11 .section1 .infowrap dl dd{
	width: calc(100% - 130px);
	font-size: 15px;
	color: #666;
}

.m11 .section2{
	position: relative;
	padding: 140px 0 80px;
	overflow: hidden;
}
.m11 .section2 .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m11_sec2_bg.jpg) no-repeat center / cover;
}
.m11 .section2 .slg{
	font-size: 32px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 150px;
}
.m11 .section2 .boxwrap{
	overflow-x: auto;
	padding-bottom: 20px;
}
.m11 .section2 ul{
	display: flex;
	flex-wrap: nowrap;
	gap: 30px;
}
.m11 .section2 li{
	width: 300px;
	aspect-ratio: 1; 
	padding: 35px;
	border: 1px solid #ccc;
	border-radius: 13px;
	backdrop-filter: blur(10px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-shrink: 0;
}
.m11 .section2 li .titwrap{}
.m11 .section2 li .titwrap .num{
	display: inline-block;
	padding: 8px 19px;
	font-size: 10px;
	background: rgba(255,255,255,0.4);
	border-radius: 8px;
}
.m11 .section2 li .titwrap .tit{
	margin-top: 20px;
	font-size: 22px;
	font-weight: 500;
	color: #fff;
}
.m11 .section2 li  p{
	font-size: var(--font-size-18);
	line-height: 1.7em;
	color: rgba(255,255,255,0.7);
}



.m12{}
.m12 .section1{
	padding: 0 0 200px;
}
.m12 .section1 .conwrap{

}
.m12 .section1 .conwrap .txtwrap{
	width: 100%;
	margin-bottom: 70px;
}
.m12 .section1 .conwrap .txtwrap .slg{
	font-size: var(--font-size-60);
	font-weight: 500;
}
.m12 .section1 .conwrap .txtwrap p{
	font-size: var(--font-size-18);
	line-height: 1.7em;
	color: #666;
	margin-top: 40px;
}
.m12 .section1 .conwrap .imgwrap{
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
}
.m12 .section1 .conwrap .imgwrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.m12 .section1 .conwrap2{
	margin: 100px 0;
	display: flex;
	flex-direction: column;
}
.m12 .section1 .conwrap2 .imgwrap{
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
	margin-bottom: 70px;
}
.m12 .section1 .conwrap2 .imgwrap img{
	width: 100%;
}
.m12 .section1 .conwrap2 .txtwrap{
	width: 100%;
	font-size: 15px;
	line-height: 1.7em;
	color: #666;
}
.m12 .section1 .sign{
	padding-top: 40px;
	border-top: 1px solid #ccc;
	text-align: right;
	font-size: 15px;
}
.m12 .section1 .sign img{
	margin: 0 0 0 10px;
}

/* m13 */
.m13 {}

.m13 .section:last-child{
padding-bottom: 200px;
}

.m13 .section1-title {
font-size: var(--font-size-60);
font-weight: 500;
}

.m13 .content-wrap{
position: relative;
max-width: 1780px;
width: 92%;
margin: 0 auto;
}

.m13 .content {
display: flex;
flex-direction: column;
}
.m13 .content + .content{
	margin-top: 100px;
}

.m13 .content-img,
.m13 .content-year {
width: 100%;
position: relative;
}
.m13 .content-img{
	height: 400px;
}
.m13 .content-img .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.m13 .content-img.in-view .bg {
animation-name: bgMotion;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
animation-delay: 0.3s;
opacity: 0;
}

@keyframes bgMotion{
	0% { clip-path: inset(50%);opacity:0; }
	100% {clip-path: inset(0);opacity:1;}
}

.m13 .content-img .bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
border-radius: 15px;
}

.m13 .content-img .content-img__title {
position: absolute;
font-size: var(--font-size-110);
color: #fff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.m13 .content-year{
	margin-top: 60px;
}


.m13 .content-year__title{
color: #000;
font-size: var(--font-size-110);
line-height: 1;
}

.m13 .content-year .timeLIne-list {
margin-top: 45px;
}

.m13 .content-year .timeLIne-list .list-item{
padding: 18px 0;
display: flex;
flex-direction: column;
gap: 20px;
}

.m13 .content-year .timeLIne-list .list-item + .list-item{
border-top: 1px solid #B3B3B3;
}

.m13 .content-year .timeLIne-list dt{
color: var(--main-color);
font-size: var(--font-size-24);
font-weight: 500;
}

.m13 .content-year .timeLIne-list dd p{
font-size: var(--font-size-20);
color: #666;
}

.m13 .content-year .timeLIne-list dd p + p{
margin-top: 10px;

}


.m14{}
.m14 .section .con{}
.m14 .section .con .con_tit{
	margin-bottom: 100px;
}
.m14 .section .con .con_tit .tit1{
	font-size: var(--font-size-34);
	font-weight: 500;
	color: #266EF0;
	margin-bottom: 40px;
}
.m14 .section .con .con_tit .tit2{
	font-size: var(--font-size-60);
	font-weight: 500;
	color: #000;
}
.m14 .section1 .con{}
.m14 .section1 .con .mission{
	padding-bottom: 60px;
}
.m14 .section1 .con .mission .swiper-slide{
	width: 330px;
	height: 330px;
	border-radius: 10px;
	overflow: hidden;
}
.m14 .section1 .con .mission .swiper-slide .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m14 .section1 .con .mission .swiper-slide .bg img{
	width: 100%;
	height: 100%;
	transition: all 0.8s;
}
.m14 .section1 .con .mission .swiper-slide:hover .bg img{
	transform: scale(1.1);
}
.m14 .section1 .con .mission .swiper-slide .txtwrap{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m14 .section1 .con .mission .swiper-slide .txtwrap .num{
	font-size: 30px;
	font-weight: 300;
	color: #fff;
}
.m14 .section1 .con .mission .swiper-slide .txtwrap .txts .slg{
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}
.m14 .section1 .con .mission .swiper-slide .txtwrap .txts p{
	font-size: 15px;
	color: #fff;
	margin-top: 10px;
}
.m14 .section1 .con .mission .swiper-scrollbar{
	display:block !important;
	width:100%;height:2px;
	left:0;
	background:#c4c4c4;
}
.m14 .section1 .con .mission .swiper-scrollbar .swiper-scrollbar-drag{
	height:4px;
	background:#266EF0;
}
.m14 .section2{
	padding: 120px 0 60px;
	background: url(/images/page/m14_con2_bg0.png) no-repeat center bottom / cover;
}
.m14 .section2 .con .boxwrap{
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.m14 .section2 .con .boxwrap .box{
	position: relative;
	width: 100%;
	aspect-ratio: 1;
	border-radius: 10px;
	overflow: hidden;
}
.m14 .section2 .con .boxwrap .box .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m14 .section2 .con .boxwrap .box .bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.8s;
}
.m14 .section2 .con .boxwrap .box:hover .bg img{
	transform: scale(1.1);
}
.m14 .section2 .con .boxwrap .box .txtwrap{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m14 .section2 .con .boxwrap .box .txtwrap .num{
	font-size: 30px;
	font-weight: 300;
	color: #fff;
}
.m14 .section2 .con .boxwrap .box .txtwrap .txts .slg{
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}
.m14 .section2 .con .boxwrap .box .txtwrap .txts p{
	font-size: 15px;
	color: #fff;
	margin-top: 10px;
}
.m14 .section2 .con .secSlg{
	margin-top:120px;
	font-size: min(10vw, 184px);
	font-weight: 500;
	color: #fff;
}

.m14 .section3{
	padding: 120px 0 0;
}
.m14 .section3 .list{
	display: flex;
	flex-direction: column;
}
.m14 .section3 .list > div{
	position: relative;
	width: 100%;
	height: 300px;
}
.m14 .section3 .list > div .txtwrap{
	width: 100%;
	position: absolute;
	left: 4%;
	top: 50%;
	transform: translateY(-50%);
	width: 92%;
}
.m14 .section3 .list > div .txtwrap .tit_en{
	font-size: 10px;
	font-weight: 500;
	color: #fff;
}
.m14 .section3 .list > div .txtwrap .tit_kr{
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	margin: 10px 0 15px;
}
.m14 .section3 .list > div .txtwrap p{
	font-size: 15px;
	line-height: 1.7em;
	color: #fff;
}
.m14 .section3 .list > div .imgwrap{
	width: 100%;
	height: 100%;
}
.m14 .section3 .list > div .imgwrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}




.m15{}
.m15 .section1{
	padding: 0 0 200px;
}
.m15 .section1 .conwrap{
	position: relative;
	display: flex;
	flex-direction: column;
	border: 1px solid #ccc;
	border-radius: 15px;
}
.m15 .section1 .conwrap + .conwrap{
	margin-top: 50px;
}
.m15 .section1 .conwrap .logowrap{
	width: 100%;
	padding: 70px 40px;
	border-bottom: 1px solid #ccc;
}
.m15 .section1 .conwrap .logowrap .logo{
	text-align: center;
}
.m15 .section1 .conwrap .logowrap .link{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-top: 60px;
	width: 100%;
	height: 55px;
	border-radius: 10px;
	background: #F0F4FC;
	font-size: 15px;
	font-weight: 500;
	color: #266EF0;
	transition: all 0.3s;
}
.m15 .section1 .conwrap .logowrap .link:hover{
	color: #fff;
	background: #266EF0;
}
.m15 .section1 .conwrap .logowrap .link i{
	display: block;
	width: 14px;
	height: 14px;
	background: url(/images/page/m15_link_icon1.png) no-repeat center / contain;
	margin-right: 10px;
	transition: all 0.3s;
}
.m15 .section1 .conwrap .logowrap .link:hover i{
	background: url(/images/page/m15_link_icon2.png) no-repeat center / contain;
}

.m15 .section1 .conwrap .txtwrap{
	width: 100%;
	padding:  30px;
}
.m15 .section1 .conwrap .txtwrap .name{
	font-size: var(--font-size-38);
	font-weight: 500;
	color: #266EF0;
}
.m15 .section1 .conwrap .txtwrap p{
	font-size: var(--font-size-18);
	line-height: 1.8em;
	color: #666;
	margin-top: 20px;
}


.m16{}
.m16 .section1{
	padding: 0 0 200px;
}
.m16 .section1 .m16_tabs{
	width: 100%;
	display: flex;
	background: rgba(0,0,0,0.1);
	border-radius: 50px;
	margin-bottom: 100px;
}
.m16 .section1 .m16_tabs li{
	width: 33.3333%;
}
.m16 .section1 .m16_tabs li a{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	font-size: var(--font-size-18);
	color: #666;
	text-align: center;
}
.m16 .section1 .m16_tabs li.on a{
	color: #fff;
	background: #000;
}

.m16 .section1 .tabconwrap{}
.m16 .section1 .tabconwrap .tabcon{display: none;}
.m16 .section1 .tabconwrap .tabcon.on{display: block;}
.m16 .section1 .tabconwrap .tabcon .main_img{
	width: 100%;
	height: 400px;
	border-radius: 10px;
	overflow: hidden;
}
.m16 .section1 .tabconwrap .tabcon .main_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m16 .section1 .tabconwrap .tabcon .conwrap{
	margin-top: 100px;
	display: flex;
	flex-direction: column;
}
.m16 .section1 .tabconwrap .tabcon .conwrap .name{
	width: 100%;
	font-size: var(--font-size-60);
	font-weight: 500;
}
.m16 .section1 .tabconwrap .tabcon .conwrap .infowrap{
	width: 100%;
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #ccc;
}
.m16 .section1 .tabconwrap .tabcon .conwrap .infowrap .exp{
	font-size: var(--font-size-18);
	line-height: 1.8em;
	color: #666;
}
.m16 .section1 .tabconwrap .tabcon .conwrap .infowrap .info{
	margin-top: 80px;
}
.m16 .section1 .tabconwrap .tabcon .conwrap .infowrap .info dl{
	display: flex;
	padding: 20px 0;
	border-top: 1px solid #ccc;
}
.m16 .section1 .tabconwrap .tabcon .conwrap .infowrap .info dl:last-child{
	border-bottom: 1px solid #ccc;
}
.m16 .section1 .tabconwrap .tabcon .conwrap .infowrap .info dl dt{
	width: 95px;
	font-size: var(--font-size-18);
	font-weight: 500;
}
.m16 .section1 .tabconwrap .tabcon .conwrap .infowrap .info dl dt .icon{
	display: inline-block;
	width: 34px;
}
.m16 .section1 .tabconwrap .tabcon .conwrap .infowrap .info dl dd{
	width: calc(100% - 95px);
	font-size: var(--font-size-18);
	color: #666;
}





/* m17 */
.m17{}
.m17 .section{padding:0 0 100px;}
.m17 .section .mapArea{display:none;}
.m17 .section .areaList{margin:20px 0 0;}
.m17 .section .areaList .boxwrap{
	margin-bottom:20px;
	background:#FAFAFA;
	box-shadow:0 0 1px #555 inset;border-radius:12px;
	cursor:pointer;
}
.m17 .section .areaList .boxwrap .titlearea{
	display:flex;align-items:center;justify-content:space-between;
	padding:25px 30px;
	border-radius:12px;
	border:1px solid #ccc;
	background:#fff;
}
.m17 .section .areaList .boxwrap .titlearea .tit{font-size:20px;color:#000;font-weight:500;}
.m17 .section .areaList .boxwrap .titlearea .arr{
	width:10px;height:10px;
	border-right:2px solid #333;border-bottom:2px solid #333;
	transform:rotate(45deg);
}
.m17 .section .areaList .boxwrap .infoarea{display:none;}
.m17 .section .areaList .boxwrap .infoarea>div{padding:30px 40px;}
.m17 .section .areaList .boxwrap .infoarea .info1{}
.m17 .section .areaList .boxwrap .infoarea .info1 dl{display:flex;padding-left:40px;margin-bottom:15px;line-height:25px;}
.m17 .section .areaList .boxwrap .infoarea .info1 dl:nth-child(1){
	background:url(/images/page/m17_list_icon1.png) no-repeat left top;
	background-size:24px;
}
.m17 .section .areaList .boxwrap .infoarea .info1 dl:nth-child(2){
	background:url(/images/page/m17_list_icon2.png) no-repeat left top;
	background-size:24px;
}
.m17 .section .areaList .boxwrap .infoarea .info1 dl:nth-child(3){
	background:url(/images/page/m17_list_icon3.png) no-repeat left top;
	background-size:24px;
}
.m17 .section .areaList .boxwrap .infoarea .info1 dl dt{width:80px;font-size:16px;color:#000;font-weight:500;}
.m17 .section .areaList .boxwrap .infoarea .info1 dl dd{width:calc(100% - 80px);font-size:16px;color:#666;}
.m17 .section .areaList .boxwrap .infoarea a{
	display:flex;align-items:center;justify-content:space-between;
	width:160px;height:45px;
	padding:0 24px;margin-top:20px;
	background:#dde3f0;
	border-radius:50px;
	font-size:16px;color:#000;
}
.m17 .section .areaList .boxwrap .infoarea a i{
	display:inline-block;
	width:16px;height:16px;
	background:url(/images/page/m17_list_icon4.png) no-repeat;
	background-size:cover;
}



.m31{}
.m31 .section1{
	padding: 100px 0;
	/* background: url(/images/page/m31_sec1_bgIcon.png) no-repeat right 10% top 10% #F2EDE0; */
	background: #F2EDE0;
}
.m31 .section1 .bgImg{display: none;}
.m31 .section1 .boxwrap{
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}
.m31 .section1 .boxwrap .box{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
	aspect-ratio: 526 / 440;
	border-radius: 13px;
	padding: 20px;
	overflow: hidden;
}
.m31 .section1 .boxwrap .box.blank{display: none;}
.m31 .section1 .boxwrap .box .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}
.m31 .section1 .boxwrap .box1 .bg{background: url(/images/page/m31_sec1_bg1.jpg) no-repeat center / cover;}
.m31 .section1 .boxwrap .box2 .bg{background: url(/images/page/m31_sec1_bg2.jpg) no-repeat center / cover;}
.m31 .section1 .boxwrap .box3 .bg{background: url(/images/page/m31_sec1_bg3.jpg) no-repeat center / cover;}
.m31 .section1 .boxwrap .box4 .bg{background: url(/images/page/m31_sec1_bg4.jpg) no-repeat center / cover;}
.m31 .section1 .boxwrap .box5 .bg{background: url(/images/page/m31_sec1_bg5.jpg) no-repeat center / cover;}
.m31 .section1 .boxwrap .box6 .bg{background: url(/images/page/m31_sec1_bg6.jpg) no-repeat center / cover;}
.m31 .section1 .boxwrap .box .bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m31 .section1 .boxwrap .box .icon{
	position: relative;
}
.m31 .section1 .boxwrap .box .tit{
	position: relative;
	font-size: var(--font-size-34);
	font-weight: 500;
	color: #fff;
	margin: 20px 0 15px;
}
.m31 .section1 .boxwrap .box .slg{
	position: relative;
	font-size: var(--font-size-18);
	color: #fff;
}
.m31 .section1 .boxwrap .box .con{
	position: relative;
	font-size: var(--font-size-18);
	color: #fff;
	line-height: 1.5em;
	margin-top: 30px;
}


.m32{}
.m32 .section1{
	padding: 100px 0;
	background: #F2EDE0;
}
.m32 .section1 .sec_tit{
	font-size: var(--font-size-38);
	font-weight: 500;
	margin-bottom: 80px;
}
.m32 .section1 ul{
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.m32 .section1 li{
	width: 100%;
	padding: 25px 15px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #b3b3b3;
	display: flex;
	align-items: center;
}
.m32 .section1 li .num{
	width: 44px;
	height: 44px;
	line-height: 44px;
	border-radius: 8px;
	text-align: center;
	background: #666;
	font-size: var(--font-size-20);
	font-weight: 500;
	color: #fff;
}
.m32 .section1 li dl{
	width: calc(100% - 44px - 15px);
	padding-left: 15px;
	margin-left: 15px;
	border-left: 1px solid #ccc;
}
.m32 .section1 li dl dt{
	font-size: var(--font-size-26);
	font-weight: 500;
}
.m32 .section1 li dl dd{
	font-size: var(--font-size-18);
	margin-top: 10px;
	color: #666;
}
.m32 .section1 .linkWrap{
	overflow:hidden;
	position:relative;
	width:100%;height:320px;
	border-radius:15px;
	display:flex;align-items:center;justify-content:center;
	text-align:center;
	margin-top: 120px;
}
.m32 .section1 .linkWrap .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/page/m32_link_bg.jpg) no-repeat center;
	background-size:cover;
}
.m32 .section1 .linkWrap .bg + div{position:relative;z-index:10;}
.m32 .section1 .linkWrap .bg + div .txt{font-size:24px;color:#fff;font-weight:500;line-height:1.3em;}
.m32 .section1 .linkWrap .bg + div a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 220px;
	height: 56px;
	margin: 25px auto 0;
	border: 1px solid #fff;
	border-radius: 30px;
	font-size: 14px;
	color: #fff;
}
.m32 .section1 .linkWrap .bg + div a i{
	display:inline-block;
	width:8px;aspect-ratio:1/1;
	margin-left:14px;
	background:url(/images/page/icon_link.png) no-repeat;
	background-size:cover;
}
.m32 .section1 .linkWrap .bg + div a span{display:flex;align-items:center;justify-content:space-between;
width:100%;position:relative;z-index:10;padding:0 20px;}
.m32 .section1 .linkWrap .bg + div a span i{
	display:inline-block;
	width:24px;height:24px;
	background:url(/images/main/arr2.png) no-repeat;
	background-size:cover;
	transition:all 0.4s;
}


.m33{}
.m33 .section1{
	padding: 0 0 130px;
}
.m33 .section1 .sec_tit{
	font-size: var(--font-size-38);
	font-weight: 500;
	margin-bottom: 60px;
}
.m33 .section1 .boxwrap{
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.m33 .section1 .boxwrap .box{
	position: relative;
	width: 100%;
	aspect-ratio: 1;
	border-radius: 8px;
	padding: 40px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	overflow: hidden;
}
.m33 .section1 .boxwrap .box .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m33 .section1 .boxwrap .box1 .bg{background: url(/images/page/m33_sec1_bg1.jpg) no-repeat center / cover;}
.m33 .section1 .boxwrap .box2 .bg{background: url(/images/page/m33_sec1_bg2.jpg) no-repeat center / cover;}
.m33 .section1 .boxwrap .box3 .bg{background: url(/images/page/m33_sec1_bg3.jpg) no-repeat center / cover;}
.m33 .section1 .boxwrap .box p{
	position: relative;
	font-size: var(--font-size-38);
	font-weight: 500;
	color: #fff;
}

.m33 .section2{
	position: relative;
	width: 100%;
	padding: 50px 0;
	overflow: hidden;
}
.m33 .section2 .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m33_sec2_bg_m.jpg) no-repeat center / cover;
}
.m33 .section2 dl{
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 50px 0;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.m33 .section2 dl:last-child{
	border-bottom: none;
}
.m33 .section2 dl dt{
	width: 100%;
	font-size: var(--font-size-34);
	font-weight: 500;
	line-height: 1.4em;
	color: #fff;
}
.m33 .section2 dl dd{
	width: 100%;
	margin-top: 20px;
	font-size: var(--font-size-18);
	line-height: 1.7em;
	color: #fff;
}


.m41{}
.m41 .section1{
	padding: 0 0 130px;
}
.m41 .section1 .titwrap{
	padding-top: 30px;
	border-top: 1px solid #ccc;
	display: flex;
	flex-direction: column;
}
.m41 .section1 .titwrap .tit{
	width: 100%;
	font-size: var(--font-size-38);
	font-weight: 500;
}
.m41 .section1 .titwrap p{
	width: 100%;
	font-size: var(--font-size-18);
	font-weight: 500;
	line-height: 1.7em;
	color: #666;
	margin-top: 30px;
}
.m41 .section1 .ccwrap{
	position: relative;
	margin: 90px auto 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.m41 .section1 .ccwrap .left{
	display: flex;
	flex-direction: column;
}
.m41 .section1 .ccwrap .cc{
	position: relative;
	z-index: 2;
	width: 270px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: rgba(38, 110, 240, 0.1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.m41 .section1 .ccwrap .cc .tit{
	font-size: 22px;
	font-weight: 500;
	color: #266EF0;
}
.m41 .section1 .ccwrap .cc p{
	font-size:15px;
	line-height: 1.7em;
	color: #266EF0;
	margin-top: 10px;
	width: 76%;
}
.m41 .section1 .ccwrap .cc .icon{
	margin-bottom: 20px;
}
.m41 .section1 .ccwrap .cc2{
	position: relative;
	margin-top: -30px;
}
.m41 .section1 .ccwrap .cc2:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	width: 1.5px;
	height: 100%;
	background: #266EF0;
}

.m41 .section1 .ccwrap .cc3{
	position: relative;
	z-index: 3;
	background: #266EF0;
	margin-top: 50px;
}
.m41 .section1 .ccwrap .cc3 .tit{
	color: #fff;
}
.m41 .section1 .ccwrap .cc3 p{
	color: #fff;
}
.m41 .section2{
	position: relative;
	background: #000;
	overflow: hidden;
	padding: 80px 0;
}
.m41 .section2 .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 0.3s;
}
.m41 .section2 .bg.on{
	opacity: 1;
}
.m41 .section2 .bg1{background: url(/images/page/m41_sec2_con1_bg.jpg) no-repeat center / cover;}
.m41 .section2 .bg2{background: url(/images/page/m41_sec2_con2_bg.jpg) no-repeat center / cover;}
.m41 .section2 .bg3{background: url(/images/page/m41_sec2_con3_bg.jpg) no-repeat center / cover;}

.m41 .section2 .cont{
	position: relative;
	overflow: hidden;
}


.m41 .section2 .conwrap{
	position: relative;
	display: flex;
}
.m41 .section2 .conwrap .txtwrap{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m41 .section2 .conwrap .txtwrap .titwrap{

}
.m41 .section2 .conwrap .txtwrap .titwrap .tit{
	font-size: var(--font-size-60);
	font-weight: 500;
	color: #fff;
}
.m41 .section2 .conwrap .txtwrap .titwrap p{
	font-size: var(--font-size-26);
	font-weight: 500;
	color: rgba(255,255,255,0.8);
	margin-top: 20px;
	line-height: 1.4em;
}
.m41 .section2 .conwrap .txtwrap .m_img{
	width: 100%;
	height: 250px;
	border-radius: 15px;
	margin: 80px 0 40px;
	overflow: hidden;
}
.m41 .section2 .conwrap .txtwrap .m_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.m41 .section2 .conwrap .txtwrap .con{

}
.m41 .section2 .conwrap .txtwrap .con .slg{
	font-size: var(--font-size-26);
	font-weight: 500;
	color: rgba(255,255,255,0.8);
	margin-bottom: 40px;
}
.m41 .section2 .conwrap .txtwrap .con ul{
	display: flex;
	flex-wrap: wrap;
	row-gap: 10px;
}
.m41 .section2 .conwrap .txtwrap .con li{
	width: 100%;
	display: flex;
	align-items: center;
}
.m41 .section2 .conwrap .txtwrap .con li .icon{
	width: 50px;
}
.m41 .section2 .conwrap .txtwrap .con li dl{
	width: calc(100% - 50px);
	padding: 0 10px;
}
.m41 .section2 .conwrap .txtwrap .con li dl dt{
	font-size: var(--font-size-18);
	line-height: 1.7em;
	color: #fff;
}
.m41 .section2 .conwrap .txtwrap .con li dl dd{
	font-size: var(--font-size-18);
	line-height: 1.7em;
	color: rgba(255,255,255,0.8);
}

.m41 .section2 .conwrap .imgwrap{
	width: 40%;
	height: 547px;
	border-radius: 13px;
	overflow: hidden;
}
.m41 .section2 .conwrap .imgwrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.m41 .section2 .btnwrap{
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}
.m41 .section2 .btnwrap li{
	width: 30%;
	cursor: pointer;
}
.m41 .section2 .btnwrap li .num{
	font-size: var(--font-size-18);
	color: rgba(255,255,255,0.5);
}
.m41 .section2 .btnwrap li .line{
	position: relative;
	width: 100%;
	height: 2px;
	background:rgba(255,255,255,0.2);
	margin: 15px 0;
}
.m41 .section2 .btnwrap li .line:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 2px;
	background: #fff;
	transition: all 0.3s;
}
.m41 .section2 .btnwrap li .cate{
	font-size: var(--font-size-26);
	font-weight: 500;
	color: rgba(255,255,255,0.7);
}

.m41 .section2 .btnwrap li.on .num{
	color: rgba(255,255,255,1);
}
.m41 .section2 .btnwrap li.on .line:after{
	width: 100%;
}
.m41 .section2 .btnwrap li.on .cate{
	color: rgba(255,255,255,1);
}

.m41 .section3{
	padding: 130px 0;
}
.m41 .section3 .titwrap{

}
.m41 .section3 .titwrap .txt1{
	font-size: var(--font-size-38);
	font-weight: 500;
}
.m41 .section3 .titwrap .txt2{
	font-size: var(--font-size-20);
	font-weight: 500;
	margin: 30px 0 20px;
}
.m41 .section3 .titwrap p{
	font-size: var(--font-size-18);
	color: #333;
}

.m41 .section3 .conwrap{
	margin: 60px 0 100px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.m41 .section3 .conwrap .con{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.m41 .section3 .conwrap .con .imgwrap{
	width: 100%;
	height: 250px;
	border-radius: 15px;
	overflow: hidden;
}
.m41 .section3 .conwrap .con .imgwrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m41 .section3 .conwrap .con .txtwrap{
	position: relative;
	width: 100%;
	margin-top: 15px;
	height: 250px;
	border-radius: 15px;
	background: #FBFBFB;
	padding: 25px;
	display: flex;
	flex-direction: column;
}
.m41 .section3 .conwrap .con .txtwrap .titwrap{
	display: flex;
	justify-content: space-between;
}
.m41 .section3 .conwrap .con .txtwrap .titwrap .tit{
	flex-shrink: 1;
	font-size: var(--font-size-26);
	font-weight: 500;
}
.m41 .section3 .conwrap .con .txtwrap .titwrap .icon{
	position: absolute;
	right: 25px;
	bottom: 25px;
}
.m41 .section3 .conwrap .con .txtwrap p{
	font-size: var(--font-size-18);
	line-height: 1.7em;
	color: #666;
}
.m41 .section3 .slgwrap{
	position: relative;
	width: 100%;
	padding: 120px 4%;
	border-radius: 15px;
	overflow: hidden;
}
.m41 .section3 .slgwrap .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m41_sec3_slg_bg.jpg) no-repeat center / cover;
}
.m41 .section3 .slgwrap .txt{
	width: 100%;
	position: relative;
	font-size: var(--font-size-34);
	font-weight: 500;
	line-height: 1.4em;
	color: #fff;
	text-align: center;
}



.m42 .section1{
	padding: 0 0 120px;
}
.m42 .section1 .conwrap{
	width: 98%;
	max-width: 1880px;
	margin: 0 auto;
	overflow: hidden;
}
.m42 .section1 .conwrap .con{
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 600px;
	border-radius: 13px;
	overflow: hidden;
	margin-bottom: 20px;
}
.m42 .section1 .conwrap .con .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m42 .section1 .conwrap .con.con1 .bg{
	background: 
        linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), /* 어둡게 하는 레이어 */
        url(/images/page/m42_bg1.jpg) no-repeat center / cover;
    background-blend-mode: multiply; 
}
.m42 .section1 .conwrap .con.con2 .bg{
	background: 
        linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), /* 어둡게 하는 레이어 */
        url(/images/page/m42_bg2.jpg) no-repeat center / cover;
    background-blend-mode: multiply; 
}
.m42 .section1 .conwrap .con.con3 .bg{
	background: 
        linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), /* 어둡게 하는 레이어 */
        url(/images/page/m42_bg3.jpg) no-repeat center / cover;
    background-blend-mode: multiply; 
}
.m42 .section1 .conwrap .con .txtwrap{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 92%;
	max-width: 1640px;
}
.m42 .section1 .conwrap .con .txtwrap .tit{
	font-size: var(--font-size-60);
	font-weight: 500;
	color: #fff;
}
.m42 .section1 .conwrap .con .txtwrap ul{
	margin-top: 30px;
}
.m42 .section1 .conwrap .con .txtwrap li{
	position: relative;
	padding-left: 14px;
	font-size: var(--font-size-18);
	line-height: 1.7em;
	color: #fff;
}
.m42 .section1 .conwrap .con .txtwrap li:after{
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	border: 1.5px solid #fff;
	box-sizing: border-box;
}


.searchTop{
	display: flex;
	flex-direction: column-reverse;
}
.searchTop .total{
	font-size: 15px;
	font-weight: 500;
	color: #666;
}
.searchTop .total span{
	color: #000;
}
.searchTop .searchwrap{
	width: 100%;
	height:50px;
	border-radius:50px;
	display: flex;
	align-items:center;
	padding: 0 25px;
	border: 1px solid #ccc;
	margin-bottom: 50px;
}
.searchTop .searchwrap .search_bar{
width:calc(100% - 20px);height:100%;
border:none;outline:none;
font-size:15px;color:#000;
}
.searchTop .searchwrap .search_bar::placeholder{font:inherit;color:#999;}
.searchTop .searchwrap button{
	width:20px;
	border: none;
	background: none;
}

.bbs{}
.bbs .section1{
	padding: 0 0 200px;
}
.bbs .list{
	border-top: 2px solid #000;
	margin-top: 40px;
}
.bbs .list li{
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.bbs .list li a{
	width: 100%;
	padding: 20px 0;
	display: flex;
	flex-direction: column;
}
.bbs .list li a .thumb{
	width: 100%;
	aspect-ratio: 576 / 335;
	border-radius: 13px;
	overflow: hidden;
}
.bbs .list li a .thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 1s;
}
.bbs .list li a:hover .thumb img{
	transform: scale(1.05);
}
.bbs .list li a .txtwrap{
	width: 100%;
	padding-top: 20px;
}
.bbs .list li a .txtwrap .tit{
	font-size: var(--font-size-26);
	font-weight: 500;
	color: #000;
}
.bbs .list li a:hover .txtwrap .tit{
	text-decoration: underline;
	text-underline-offset: 4px;
}
.bbs .list li a .txtwrap .con{
	margin: 20px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: var(--font-size-20);
	line-height: 1.6em;
	height: 3.2em;
	color: #666;
}
.bbs .list li a .txtwrap .date{
	font-size: var(--font-size-20);
	color: #666;
}

.bbs_view{}
.bbs_view .section1{
	padding:  0 0 200px;
}
.bbs_view .section1 .titwrap{
	width: 100%;
	padding: 40px 4%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.bbs_view .section1 .titwrap .tit{
	font-size: 20px;
	font-weight: 500;
	color: #000;
}
.bbs_view .section1 .titwrap .date{
	font-size: 15px;
	color: #666;
	margin: 20px 0 0;
}
.bbs_view .section1 .titwrap .filewrap{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
	margin-top: 30px;
}
.bbs_view .section1 .titwrap .filewrap dl{
	display: flex;
}
.bbs_view .section1 .titwrap .filewrap dl dt{
	position: relative;
	font-size: 15px;
	font-weight: 500;
	color: #666;
	padding-right: 26px;
}
.bbs_view .section1 .titwrap .filewrap dl dt img{
	margin-right: 5px;
	width: 14px;
}
.bbs_view .section1 .titwrap .filewrap dl dt:after{
	content: "";
	position: absolute;
	right: 12px;
	top: 2px;
	width: 1px;
	height: 13px;
	background: rgba(0,0,0,0.2);
}
.bbs_view .section1 .titwrap .filewrap dl dd a{
	font-size: 15px;
	color: #666;
}
.bbs_view .section1 .conwrap{
	padding: 80px 0 120px;
}
.bbs_btn{
	padding-top: 80px;
	text-align: center;
	border-top: 1px solid #ccc;
}
.bbs_btn a{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 185px;
	height: 50px;
	border-radius: 50px;
	background: #111;
}
.bbs_btn a span{
	font-size: 18px;
	color: #fff;
}
.bbs_btn a > div{
	width: 20px;
	margin-left: 10px;
}
.bbs_btn a > div > div{
	width: 100%;
	height:2px;
	border-radius: 2px;
	background: #fff;
}
.bbs_btn a > div > div + div{
	margin-top: 3px;
}




/* m53 */
.m53{}
.m53 .linkWrap{
	overflow:hidden;
	position:relative;
	width:100%;height:320px;
	border-radius:15px;
	display:flex;align-items:center;justify-content:center;
	text-align:center;
}
.m53 .linkWrap .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/page/m53_bg.jpg) no-repeat center;
	background-size:cover;
}
.m53 .linkWrap .bg + div{position:relative;z-index:10;padding:0 5%;}
.m53 .linkWrap .bg + div .txt{font-size:24px;color:#fff;font-weight:500;line-height:1.3em;}
.m53 .linkWrap .bg + div a{
	display:flex;align-items:center;justify-content:center;
	width:286px;height:56px;
	margin:25px auto 0;
	border:1px solid #fff;border-radius:30px;
	font-size:14px;color:#fff;
}
.m53 .linkWrap .bg + div a i{
	display:inline-block;
	width:8px;aspect-ratio:1/1;
	margin-left:14px;
	background:url(/images/page/icon_link.png) no-repeat;
	background-size:cover;
}





/* m60 */
.m60 section:last-child{
padding-bottom: 120px;
}

.m61{}

.m61 .section1{
background: url(/images/page/m61_bg1.png) no-repeat center / cover;
width: 100%;
height: 100%;
}

.m61 .section1 .content1 {
display: flex;
flex-direction: column;
padding: 80px 0;
}

.m61 .section1 .content-title {
font-size: var(--font-size-60);
color: #fff;
font-weight: 600;
margin-bottom: 50px;
}

.m61 .section1 .content-content  {
width: 100%;
}

.m61 .section1 .contnet-list {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

.m61 .section1 .contnet-list .list-item{
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 10px;
}

.m61 .section1 .contnet-list .list-item + .list-item {
border-top: 1px solid #fff;
}

.m61 .section1 .contnet-list .list-item p {
font-size: var(--font-size-26);
color: #fff;
}

.m61 .section1 .contnet-list .list-item p span {
font-size: var(--font-size-20);
color: #fff;
position: relative;
padding-right: 20px;
margin-right: 20px;
}

.m61 .section1 .contnet-list .list-item p span::after{
content:'';
position: absolute;
width: 1px;
height: 80%;
background-color: #D9D9D9;
top:0;	
right:0;
}
.m61 .section1 .contnet-list .list-item img{
	height: 40px;
}

.m61 .section1 .content-content  > p {
color: #fff;
font-size: var(--font-size-34);
margin-top: 50px;
}

.m61 .section2 {
margin-top: 120px;
}

.m61 .section2 .content{
display: flex;
flex-direction: column;
}

.m61 .section2 .content + .content {
margin-top: 70px;
}


.m61 .section2 .content .img-box,
.m61 .section2 .content .text-box{
width: 100%;
}

.m61 .section2 .content .img-box {
position: relative;
height: 300px;
}

.m61 .section2 .content1 .img-box::after {
content:'';
position: absolute;
background: url(/images/page/m61_img1.png) no-repeat center;
width: 118%;
height: 100%;
right: 0;
}

.m61 .section2 .content2 .img-box::after {
content:'';
position: absolute;
background: url(/images/page/m61_img2.png) no-repeat center;
width: 118%;
height: 100%;
right: 0;
}

.m61 .section2 .content3 .img-box::after {
content:'';
position: absolute;
background: url(/images/page/m61_img3.png) no-repeat center;
width: 118%;
height: 100%;
right: 0;
}

.m61 .section2 .content4 .img-box::after {
content:'';
position: absolute;
background: url(/images/page/m61_img4.png) no-repeat center;
width: 118%;
height: 100%;
right: 0;
}

.m61 .section2 .content .text-box{
margin-top: 40px;
display: flex;
flex-direction: column;
gap:20px;
}

.m61 .section2 .content .text-box span{
color: var(--main-color);
font-size: var(--font-size-20);
margin-top: 10px;
}

.m61 .section2 .content .text-box h6{
font-size: var(--font-size-56);
font-weight: 500;
}

.m61 .section2 .content .text-box p{
font-size: var(--font-size-18);
color: #666;
line-height: 1.65;
margin-top: 20px;
}

.m62{}

.m62 .section-bg {
width: 100%;
height: 400px;
}

.m621 .section-bg {
background: url(/images/page/m62_cate1_bg1.png) no-repeat center / cover;
}

.m622 .section-bg {
background: url(/images/page/m62_cate2_bg1.png) no-repeat center / cover;
}

.m623 .section-bg {
background: url(/images/page/m62_cate3_bg1.png) no-repeat center / cover;
}

.m624 .section-bg {
background: url(/images/page/m62_cate4_bg1.png) no-repeat center / cover;
}

.m62 .section-container {
display: flex;
flex-direction: column;
margin-top: 60px;
}

.m62 .section-container .section-title {
width: 100%;
margin-bottom: 40px;
font-size: var(--font-size-60);
font-weight: 600;
}

.m62 .section-container .section-content {
width: 100%;
border-top: 2px solid #000;
}

.m62 .contnet {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.m62 .contnet .content-title_box {
padding: 20px 0;
display: flex;
align-items: center;
justify-content: space-between;
}

.m62 .contnet .content-title_box p {
font-size: var(--font-size-34);
font-weight: 600;
}

.m62 .contnet .content-title_box .content-button {
position: relative;
border: none;
}

.m62 .contnet .content-title_box .content-button::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-right: 1.5px solid #111;
border-bottom: 1.5px solid #111;
top: calc(50% - 6px);
left: calc(50% - 13px);
transform: rotate(45deg);
transform-origin: center center;
transition: transform 0.4s;
}

.m62 .contnet .content-title_box.on .content-button::after {
transform: rotate(225deg);
}

.m62 .contnet .content-box {
overflow: hidden;
height: 0;
transition: all 0.4s;
}

.m62 .contnet .content-box .work-list{
padding: 40px 0;
}

.m62 .contnet .content-box .work-list .list-item{}

.m62 .contnet .content-box .work-list .list-item + .list-item{
margin-top: 40px;
}

.m62 .contnet .content-box .work-list .list-item strong {
font-size: var(--font-size-26);
font-weight: 600;
}

.m62 .contnet .content-box .work-list .list-item p {
font-size: var(--font-size-18);
color: #666;
line-height: 1.85;
margin-top: 20px;
}

.m63{}

.m63 .section1{
height: 300vh;

}

.m63 .section1 .section-wrap{
height: 100vh;
position: relative;
overflow: hidden;
}

.m63 .section1 .text-box{
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 2;
text-align: center;
}

.m63 .section1 .text-box h5{
font-size: var(--font-size-60);
color: #000;
font-weight: 600;		
}

.m63 .section1 .text-box p{
margin-top: 30px;
font-size: var(--font-size-26);
color: #000;
}

.m63 .section1 .img-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}

.m63 .section1 .img-box .img-center_box{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 420px;
height: 530px;
}

.m63 .section1 .img-box .img-list{}

.m63 .section1 .img-box .img-list .list-item{
position: absolute;
}

.m63 .section1 .img-box .img-list .list-item_center {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
z-index: 2;
clip-path: inset(50% 50% 50% 50%);
}

.m63 .section1 .img-box .img-list .list-item_center img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(0.5);
transform-origin: center center;
}

.m63 .section1 .img-box .img-list .list-item img {
}

.m63 .section1 .img-box .img-list .list-item:nth-child(2){
top:0;
left:0;
width: 200px;
}

.m63 .section1 .img-box .img-list .list-item:nth-child(3){
top:100px;
right: 0;
width: 100px;
}

.m63 .section1 .img-box .img-list .list-item:nth-child(4){
bottom: -5%;
left: 20px;
width: 150px;
}

.m63 .section1 .img-box .img-list .list-item:nth-child(5){
bottom: -7%;
right: 20px;
width: 100px;
}

.m63 .section2{
margin-top: 160px;
}

.m63 .section2 .content1{
width: 100%;
display: flex;
flex-direction: column;
border-top: 1px solid #000;
}

.m63 .section2 .content1 .box {
width: 100%;
}

.m63 .section2 .content1 .box {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 30px  0;
}

.m63 .section2 .content1 .box-wrap {
position: relative;
}


.m63 .section2 .content1 .box-text strong{
font-size: var(--font-size-34);
font-weight: 600;
}

.m63 .section2 .content1 .benefits-list {
margin-top: 30px;
}

.m63 .section2 .content1 .benefits-list .list-item{
font-size: var(--font-size-18);
color: #666;
line-height: 32px;
padding-left: 18px;
position: relative;
}

.m63 .section2 .content1 .benefits-list .list-item::before {
position: absolute;
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
box-sizing: border-box;
border: 2px solid var(--main-color);
left: 0;
top: calc(32px / 2 - 3px);
}

.m63 .section2 .content1 .box-wrap img {
position: absolute;
top:0;
right: 0;
width: 30px;
}

.m64{}
.m64 .section1{
	padding: 0 0 200px;
}
.m64 .section1 .list{
	margin-top: 40px;
	border-top: 2px solid #000;
}
.m64 .section1 .list li{
	width: 100%;
	border-bottom: 1px solid #ccc;
	transition: all 1s;
}
.m64 .section1 .list li a{
	display: block;
	width: 100%;
	padding: 20px 0;
}
.m64 .section1 .list li a .status{
	display: inline-block;
	padding: 7px 17px;
	border-radius: 10px;
	background: #266EF0;
	font-size: 14px;
	color: #fff;
}
.m64 .section1 .list li.end a .status{
	background: #f1f1f1;
	color: #555;
}
.m64 .section1 .list li a .tit{
	width: fit-content;
	margin: 15px 0;
	font-size: 18px;
	font-weight: 500;
	color: #000;
}
.m64 .section1 .list li a .date{
	font-size: 12px;
	color: #666;
}


.m64_view .section1 .titwrap .status{
	display: inline-block;
	padding: 7px 17px;
	border-radius: 10px;
	background: #266EF0;
	font-size: 14px;
	color: #fff;
	margin-bottom: 20px;
}
.m64_view .section1 .titwrap .status.end{
	background: #f1f1f1;
	color: #555;
}


.videoPage{}
.videoPage .section1{
	padding: 0 0 120px;
}
.videoPage .section1 ul{
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	row-gap: 50px;
}
.videoPage .section1 li{
	width: 100%;
}
.videoPage .section1 li a{
	display: block;
	width: 100%;
}
.videoPage .section1 li a .thumb{
	position: relative;
	width: 100%;
	aspect-ratio: 527 / 320;
	border-radius: 13px;
	overflow: hidden;
}
.videoPage .section1 li a .thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 1s;
}
.videoPage .section1 li a:hover .thumb img{
	transform: scale(1.1);
}
.videoPage .section1 li a .thumb:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	aspect-ratio: 1;
	background: url(/images/page/m52_play_icon.png) no-repeat center / contain;
}
.videoPage .section1 li a .txtwrap{
	margin-top: 20px;
}
.videoPage .section1 li a .txtwrap .tit{
	font-size: var(--font-size-26);
	font-weight: 500;
	color: #000;
}
.videoPage .section1 li a .txtwrap .date{
	font-size: var(--font-size-20);
	color: #666;
	margin-top: 15px;
}

/* 유튜브 팝업 */
.video_pop{
	position: fixed;
	display: none;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 900px;
	width: 92%;
	margin: 0 auto;
	z-index: 10000;
	
}
.video_pop .btn_x {
	position: absolute;
	right: 0;
	bottom: calc(100% + 10px);
	width: 25px;
	height: 25px;
	background: url(/images/page/x_btn_wh.png) no-repeat center / contain;
}
.video_pop .conwrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0; overflow: hidden;
	border-radius: 12px;
}
.video_pop .conwrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* 모션 */
/* .ani {
opacity: 0;
transition: all 1s;
} */

.ani.top {
transform: translateY(50px);
}

.ani.left {
transform: translateX(-50px);
}

.ani.right {
transform: translateX(50px);
}

/* .ani.in-view {
opacity: 1;
} */

.ani.top.in-view {
transform: translateY(0px);
}

.ani.left.in-view {
transform: translateX(0px);
}

.ani.right.in-view {
transform: translateX(0px);
}
/* 
.m63 .section1 .img-box{
opacity: 0;
transform: translateY(50px);
transition: all 0.5s 0.5s;			
}

.m63 .section1 .img-box.in-view{ opacity: 1; transform: translateY(0px); }

 */

@-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);}
}
@-webkit-keyframes imgMotion{
	0% { clip-path: inset(50%);opacity:0; }
	100% {clip-path: inset(0);opacity:1;}
}

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

.showImg.in-view{animation-name: showImg;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.4s; 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.2s; opacity: 1;}
.fadeLeft.in-view{animation-name: fadeLeftAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.2s; opacity: 1;}
.fadeRight.in-view{animation-name: fadeRightAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.2s; 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; }
.clipImg.in-view{animation-name: imgMotion;animation-duration: 1s;animation-fill-mode: forwards;animation-timing-function: ease-in-out;animation-delay: 0.1s;opacity: 0;}



.page_top .bg{transform: scale(1.1);}
.page_top.in-view .bg{transform: scale(1); transition: all 2s;}

.page_top .inner .txtwrap .line{width: 0;}
.page_top.in-view .inner .txtwrap .line{width: 100%; transition: all 2s;}

.page_top .inner .txtwrap h2{opacity: 0; transform: translateY(30px);}
.page_top.in-view .inner .txtwrap h2{opacity: 1; transform: translateY(0); transition: all 1.2s 0.1s;}
.page_top .inner .txtwrap .slogan_en{opacity: 0; transform: translateY(30px);}
.page_top.in-view .inner .txtwrap .slogan_en{opacity: 1; transform: translateY(0); transition: all 1.2s 0.1s;}
.page_top .inner .txtwrap .slogan_kr{opacity: 0; transform: translateY(-20px);}
.page_top.in-view .inner .txtwrap .slogan_kr{opacity: 1; transform: translateY(0); transition: all 1.2s 0.1s;}



.m11 .section2 .bg{transform: scale(1.1);}
.m11 .section2.in-view .bg{transform: scale(1); transition: all 2s;}

.m14 .section3 .list > div{opacity: 0; transform: translateX(-30px);}
.m14 .section3 .list.in-view > div{opacity: 1; transform: translateX(0);}
.m14 .section3 .list > div:nth-child(1){transition: all 1.4s 0.1s;}
.m14 .section3 .list > div:nth-child(2){transition: all 1.4s 0.3s;}
.m14 .section3 .list > div:nth-child(3){transition: all 1.4s 0.5s;}
.m14 .section3 .list > div:nth-child(4){transition: all 1.4s 0.7s;}


.m16 .section1 .tabconwrap .tabcon.on .main_img{
	animation-name: showImg;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 2s; opacity: 1;
}


.m31 .section1 .boxwrap .box .bg{transform: scale(1.2);transition: filter 0.4s, transform 1.4s;}
.m31 .section1 .boxwrap .box.in-view .bg{transform: scale(1);}


.m33 .section2 .bg{transform: scale(1.2);}
.m33 .section2.in-view .bg{transform: scale(1); transition: all 2s 0.4s;}


.m41 .section1 .ccwrap .cc{transform: scale(0.8); opacity: 0;}
.m41 .section1 .ccwrap.in-view .cc{transform: scale(1); opacity: 1;}
.m41 .section1 .ccwrap .cc1{transition: all 1.2s 0.1s;}
.m41 .section1 .ccwrap .cc2{transition: all 1.2s 0.2s;}

.m41 .section1 .ccwrap .cc2:after{height: 0;}
.m41 .section1 .ccwrap.in-view .cc2:after{height: 60px; transition: all 1s 0.5s;}
.m41 .section1 .ccwrap .cc3{transition: all 1.2s 0.7s;}


.m41 .section2 .cont{opacity: 0;}
.m41 .section2 .cont.on{opacity: 1; transition: all 1s;}
.m41 .section2 .cont.in-view{opacity: 1; transition: all 1s;}

.m41 .section3 .slgwrap .bg{transform: scale(1.2);}
.m41 .section3 .slgwrap.in-view .bg{transform: scale(1); transition: all 2s;}


.m42 .section1 .conwrap .con:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 50%;
	background: #fff;
	z-index: 10;
}
.m42 .section1 .conwrap .con:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	background: #fff;
	z-index: 10;
}

.m42 .section1 .conwrap .con.in-view:before{
	top: -50%;
	transition: all 1.2s 0.4s ease;
}
.m42 .section1 .conwrap .con.in-view:after{
	bottom: -50%;
	transition: all 1.2s 0.4s ease;
}
.m42 .section1 .conwrap .con .bg{transform: scale(1.1);}
.m42 .section1 .conwrap .con.in-view .bg{transform: scale(1); transition: all 1.6s 0.4s;}

.m42 .section1 .conwrap .con .txtwrap .tit{transform: translateX(-40px); opacity: 0; transition: all 1.2s 1.1s;}
.m42 .section1 .conwrap .con .txtwrap ul{transform: translateX(-40px); opacity: 0; transition: all 1.2s 1.3s;}
.m42 .section1 .conwrap .con.in-view .txtwrap .tit,
.m42 .section1 .conwrap .con.in-view .txtwrap ul{transform: translateX(0); opacity: 1;}


.m63 .section2 .content1 .box-wrap img{opacity: 0; transform: scale(0.8); transform-origin: center;}
.m63 .section2 .content1 .box-wrap img.in-view{opacity: 1; transform: scale(1); transition: all 1.4s 0.2s;}