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

/*Layer*/
/* html{scroll-behavior: smooth;} */
body{width:100%;}
#wrap{width:100%; position: relative;}
#header{}
#container{width:100%}
#contents{}
#footer{width:100%;}

/*header*/


.pcbr{display:none;}
.ptbr{display:none;}
.tbbr{display:none;}
.tmbr{display: block;}
.mbbr{display:block;}
.dn{display:none;}


.top_btn{
	position: fixed;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
	z-index: 10;
}

.page_top{
	position: relative;
	width: 100%;
	height: 100vh;
	z-index: 1;
}
.page_top .imgwrap{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 0 0 0 100px;
}
.page_top.pn1 .imgwrap{background: url(/images/page/sub_visual1_m.jpg) no-repeat center / cover;}
.page_top.pn2.sn1 .imgwrap{background: url(/images/page/sub_visual21.jpg) no-repeat center / cover;}
.page_top.pn2.sn2 .imgwrap{background: url(/images/page/sub_visual22.jpg) no-repeat center / cover;}
.page_top.pn2.sn3 .imgwrap{background: url(/images/page/sub_visual23.jpg) no-repeat center / cover;}
.page_top.pn2.sn4 .imgwrap{background: url(/images/page/sub_visual24.jpg) no-repeat center / cover;}
.page_top.pn3 .imgwrap{background: url(/images/page/sub_visual3.jpg) no-repeat center / cover;}
.page_top.pn4.sn1 .imgwrap{background: url(/images/page/sub_visual41.jpg) no-repeat center / cover;}
.page_top.pn4.sn2 .imgwrap{background: url(/images/page/sub_visual42.jpg) no-repeat center / cover;}
.page_top.pn5 .imgwrap{background: url(/images/page/sub_visual5.jpg) no-repeat center / cover;}

.page_top .titwrap{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 92%;
	text-align: center;
}
.page_top .titwrap h2{
	font-size: 48px;
	font-weight: 700;
	color: #fff;
}
.page_top .titwrap p{
	font-size: 15px;
	color: rgba(255,255,255,0.8);
	margin-top: 30px;
}
.page_top .scroll{
	position: absolute;
	left: 50%;
	bottom: 100px;
	transform: translateX(-50%);
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.page_top .scroll img{
	-webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
	-moz-animation:    ca3_fade_move_down 2s ease-in-out infinite;
	animation:         ca3_fade_move_down 2s ease-in-out infinite;
}
@-webkit-keyframes ca3_fade_move_down {
  0%   { -webkit-transform:translate(0,-10px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,10px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
  0%   { -moz-transform:translate(0,-10px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,10px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
  0%   { transform:translate(0,-10px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,10px); opacity: 0; }
}

.page_top .sub_tab{
	position: absolute;
	left: 50%;
	bottom: 50px;
	transform: translateX(-50%);
	padding: 2px 15px;
	border-radius: 100px;
	background: rgba(255,255,255, 0.1);
	backdrop-filter: blur(30px);
	display: none;
}
.page_top .sub_tab ul{
	display: flex;
}
.page_top .sub_tab li{
	display: inline-block;
	white-space: nowrap;
}
.page_top .sub_tab li a{
	display: block;
	padding: 20px;
	border-radius: 100px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
.page_top .sub_tab li.on a{
	background: #101419;
}


.pageLocation{
	position: absolute;
	right: 4%;
	top: calc(100vh + 30px);
	display: flex;
	justify-content: flex-end;
	z-index: 1;
	display: none;
}
.pageLocation li{
	position: relative;
	padding-left: 22px;
	font-size: 16px;
	font-weight: 400;
	display: flex;
}
.pageLocation li:after{
	content: "";
	position: absolute;
	left: 6px;
	top: 7px;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	transform: rotate(-45deg);
}
.pageLocation li:first-child:after{
	display: none;
}
.pageLocation li a.home img{margin: 0 0 3px 0;}


/* paging */
.paging{
	margin-top:85px;
	text-align:center;
}
.paging a{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:30px;height:30px;
	border-radius:10px;
	color:#000;font-size:18px;line-height:30px;
}
.paging strong{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:30px;height:30px;
	border-radius:10px;
	background:#1f1f1f;
	color:#fff;font-size:18px;line-height:30px;font-weight:600;
}
.paging .page_begin{
	width:30px;height:30px;
	background:url(/images/common/page_begin.png) no-repeat center / contain;
	border:0; border-radius: 0;
}
.paging .page_prev{
	width:30px;height:30px;
	background:url(/images/common/page_prev.png) no-repeat center / contain;
	border:0; border-radius: 0;
}
.paging .page_next{
	width:30px;height:30px;
	background:url(/images/common/page_next.png) no-repeat center / contain;
	border:0; border-radius: 0;
}
.paging .page_end{
	width:30px;height:30px;
	background:url(/images/common/page_end.png) no-repeat center / contain;
	border:0; border-radius: 0;
}


.innerwrap{
	width: 92%;
	max-width: 1480px;
	margin: 0 auto;
}


.m00{
	position: relative;
	background: #fff;
	overflow: hidden;
}
.ttimage{width: 100%; max-width: unset;}
.sec_tit{
	position: relative;
	margin-bottom: 70px;
	font-size: 35px;
	font-weight: 700;
}


.m00 .section1.slgsection{
	padding: 80px 0;
}
.m00 .section1.slgsection p{
	font-size: 30px;
	font-weight: 700;
}
.m11 .section2{
	padding: 80px 0;
	background: #f7f7f7;
}
.m11 .section2 .titwrap{
	margin-bottom:100px;
}
.m11 .section2 .titwrap .logowrap{
	width: 100%;
	height: 100px;
	line-height: 100px;
	border-radius: 100px;
	background: linear-gradient(90deg, rgba(43,55,158,1) 0%, rgba(230,56,93,1) 100%);
	text-align: center;
}
.m11 .section2 .titwrap p{
	margin-top: 50px;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
}
.m11 .section2 .conwrap{}
.m11 .section2 .conwrap .con{
	margin-bottom: 50px;
}
.m11 .section2 .conwrap .con:last-child{
	margin-bottom: 0;
}
.m11 .section2 .conwrap .con .imgwrap{
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
}
.m11 .section2 .conwrap .con .imgwrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m11 .section2 .conwrap .con .txtwrap{
	margin-top: 20px;
}
.m11 .section2 .conwrap .con .txtwrap .num{
	font-size: 18px;
	font-weight: 700;
	border-bottom: 1.5px solid #222;
}
.m11 .section2 .conwrap .con .txtwrap .icon{
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #e5e5e5;
	border-radius: 10px;
	margin: 15px 0;
}
.m11 .section2 .conwrap .con .txtwrap .icon img{
	width: 30px;
}
.m11 .section2 .conwrap .con .txtwrap strong{
	font-size: 36px;
}

.m11 .section3{
	padding: 80px 0;
	background: url(/images/page/m11_sec3_bg.jpg) no-repeat center / cover;
}
.m11 .section3 .sec_tit{
	font-size: 34px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}
.m11 .section3 ul{
	margin-top: 70px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.m11 .section3 li{
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.1);
	border-radius: 15px;
	backdrop-filter: blur(7px);
}
.m11 .section3 li .iconwrap{
	display: flex;
	align-items: center;
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
}
.m11 .section3 li .iconwrap .icon{
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #e5e5e5;
	border-radius: 15px;
}
.m11 .section3 li .iconwrap .icon img{
	width: 30px;
}
.m11 .section3 li .iconwrap b{
	margin-left: 20px;
	width: calc(100% - 60px - 20px);
	font-size: 18px;
	color: #fff;
}
.m11 .section3 li p{
	margin-top: 15px;
	font-size: 16px;
	color: rgba(255,255,255,0.7);
}

.m12 .section1{padding: 80px 0; position: relative;}
.m12 .section1:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 90%;
	background: #f7f7f7;
}
.m12 .section1 .conwrap{
	position: relative;
	z-index: 1;
}
.m12 .section1 .conwrap .pht{
	width: 100%;
	border-radius: 15px;
	border: 1px solid #dbdbdb;
	box-sizing: border-box;
	overflow: hidden;
}
.m12 .section1 .conwrap .pht img{
	width: 100%;
}
.m12 .section1 .conwrap .txtwrap{
	margin-top: 50px;
	width: 100%;
}
.m12 .section1 .conwrap .txtwrap .top{
}
.m12 .section1 .conwrap .txtwrap .top .name{
	position: relative;
	flex-shrink: 0;
	margin-bottom: 30px;
	padding-bottom: 30px;
	font-size: 30px;
	font-weight: 700;
}
.m12 .section1 .conwrap .txtwrap .top .name:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:1px;
	background: #bbb;
}
.m12 .section1 .conwrap .txtwrap .top .career p{
	font-size: 16px;
}
.m12 .section1 .conwrap .txtwrap .top .career p + p{
	margin-top: 10px;
	display: flex;
	align-items: center;
}
.m12 .section1 .conwrap .txtwrap .top .career p img{
	margin: 0 10px 3px 0;
}
.m12 .section1 .conwrap .txtwrap .top .career p .line{
	display: inline-block;
	width: 1px;
	height: 14px;
	background: #bbb;
	margin: 0 8px;
}
.m12 .section1 .conwrap .txtwrap .con{
	margin-top: 100px;
}
.m12 .section1 .conwrap .txtwrap .con p{
	font-size: 16px;
	line-height: 1.8em;
	margin-top: 30px;
}
.m12 .section1 .conwrap .txtwrap .con .signwrap{
	margin-top: 15px;
}
.m12 .section1 .conwrap .txtwrap .con .signwrap dl{

}
.m12 .section1 .conwrap .txtwrap .con .signwrap dl dt{
	position: relative;
	font-size: 18px;
	font-weight: 700;
	color: #c10b50;
	margin-bottom: 5px;
}
.m12 .section1 .conwrap .txtwrap .con .signwrap dl dd{
	font-size: 18px;
	font-weight: 700;
}
.m12 .section1 .conwrap .txtwrap .con .signwrap .sign{
	margin-top: 15px;
	width: 120px;
}
.m12 .section .careerwrap{
	margin-top: 80px;
	padding-top: 80px;
	border-top: 1px solid #ccc;
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 20px;
	position: relative;
	z-index: 1;
}
.m12 .section .careerwrap li{
	width: calc((100% - 20px) / 2);
	text-align: center;
}
.m12 .section .careerwrap li .logo{
	width: 100%;
	height: 80px;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 15px;
	background: #ededed;
	display: flex;
	align-items: center;
	justify-content: center;
}
.m12 .section .careerwrap li p{
	font-size: 14px;
	line-height: 1.7em;
	margin-top: 10px;
}

.m12 .section2{
	padding: 80px 0;
}
.m12 .section2 .conwrap .con{
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #ccc;
}
.m12 .section2 .conwrap .con:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.m12 .section2 .conwrap .con .logowrap{
	position: relative;
	width: 100%
	height: 200px;
	padding:35px 20px;
	box-sizing: border-box;
	background: #f7f7f7;
	border-radius: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.m12 .section2 .conwrap .con .logowrap.type2:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 35px;
	width: 1px;
	height: calc(100% - 70px);
	background: #ccc;
}
.m12 .section2 .conwrap .con .logowrap.type2 .logo:first-child{
	margin-right: 45px;
	width: 50%;
	text-align: right;
}
.m12 .section2 .conwrap .con .logowrap.type2 .logo:last-child{
	margin-left: 45px;
	width: 50%;
}
.m12 .section2 .conwrap .con .infowrap{
	margin-top: 30px;
	width: 100%;
}
.m12 .section2 .conwrap .con .infowrap p{
	position: relative;
	padding-left: 15px;
	font-size: 16px;
	line-height: 1.9em;
}
.m12 .section2 .conwrap .con .infowrap p:after{
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	width: 4px;
	height: 4px;
	border: 2px solid #c10b50;
	border-radius: 50%;
}
.m12 .section3{
	padding: 80px 0;
	background: #f7f7f7;
}
.m12 .section3 .logowrap{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.m12 .section3 .logowrap li{
	width: calc((100% - 20px) / 2);
	height: 80px;
	box-sizing: border-box;
	border-radius: 15px;
	background: #fff;
	overflow: hidden;
}
/* .m12 .section3 .logowrap li:hover{
	box-shadow: inset 0 0 0 2px #ec690a
} */
.m12 .section3 .logowrap li a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px;
	box-sizing: border-box;
}
.m12 .section3 .logowrap li a .logo{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.m12 .section3 .logowrap li a .logo img{
	height: 100%;
	width: 100%;
	object-fit: contain;
}






.m13 .section1{position: relative;z-index: 1;}
.m13 .section2{position:  relative; z-index: 1;}
.m13 .section2 .main_img{
	width: 100%;
	height: 400px;
	overflow: hidden;
}
.m13 .section2 .main_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m13 .section3{
	position: relative;
	padding: 80px 0;
}
.m13 .section3 .conwrap{
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
}
.m13 .section3 .conwrap .txtwrap{
	position: relative;
	width: 42%;
	display: none;
}
.m13 .section3 .conwrap .txtwrap .inner{
	position: absolute;
	opacity: 0;
	transition: all 0.3s;
}
.m13 .section3 .conwrap .txtwrap .inner.on{
	opacity: 1;
}
.m13 .section3 .conwrap .txtwrap .period{
	font-size: 80px;
	font-weight: 700;
}
.m13 .section3 .conwrap .txtwrap .slg{
	font-size: 28px;
	font-weight: 700;
	color: #c10b50;
	margin: 20px 0 40px;
}

.m13 .section3 .conwrap .yearwrap{
	width: 100%;
}
.m13 .section3 .conwrap .yearwrap .year_con{}
.m13 .section3 .conwrap .yearwrap .year_con .year_info{
	margin-bottom: 30px;
}
.m13 .section3 .conwrap .yearwrap .year_con .year_info .period{
	font-size: 44px;
	font-weight: 700;
}
.m13 .section3 .conwrap .yearwrap .year_con .year_info .slg{
	font-size: 20px;
	font-weight: 700;
	color: #c10b50;
	margin: 10px 0 30px;
}
.m13 .section3 .conwrap .yearwrap .year_con .year_info .img{
	border-radius: 15px;
	overflow: hidden;
}
.m13 .section3 .conwrap .yearwrap .year_con .year_info .img img{
	width: 100%;
}
.m13 .section3 .conwrap .yearwrap .year_con .con{
	margin-bottom: 40px;
}
.m13 .section3 .conwrap .yearwrap .year_con .con.info{
	margin-bottom: 80px;
}

.m13 .section3 .conwrap .yearwrap .year_con .con .year{
	font-size: 38px;
	font-weight: 700;
}
.m13 .section3 .conwrap .yearwrap .year_con .con .list{
	margin-top: 30px;
}
.m13 .section3 .conwrap .yearwrap .year_con .con .list dl{
	display: flex;
}
.m13 .section3 .conwrap .yearwrap .year_con .con .list dl + dl{
	margin-top: 10px;
}
.m13 .section3 .conwrap .yearwrap .year_con .con .list dl dt{
	width: 50px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.7em;
}
.m13 .section3 .conwrap .yearwrap .year_con .con .list dl dd{
	width: calc(100% - 50px);
}
.m13 .section3 .conwrap .yearwrap .year_con .con .list dl dd p{
	font-size: 16px;
	line-height: 1.7em;
	color: #555;
}
.m13 .section3 .conwrap .yearwrap .year_con .con .list dl dd p + p{
	margin-top: 10px;
}

.mesh {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.bg-blur {
	border-radius: 9999px;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	opacity: .5;
	filter: blur(90px);
}
.bg-shape1 {
	border-radius: 9999px;
	position: relative;
	width: 400px;
	height: 400px;
}
.bg-shape2 {
	border-radius: 9999px;
	position: relative;
	width: 300px;
	height: 300px;
}
.bg-shape3 {
	border-radius: 9999px;
	position: relative;
	width: 250px;
	height: 250px;
}

.bg-purple {
	background: rgba(30, 0, 255,0.5);
}
.bg-red {
	background: rgb(255 0 15 / 50%);
}
.bg-org {
	background: rgb(252 99 27 / 50%);
}


.m13 .section3 .fix_menu{
	opacity: 0;
	position: fixed;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}
.m13 .section3 .fix_menu .menu{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.m13 .section3 .fix_menu .menu li{
	margin-bottom: 5px;
}
.m13 .section3 .fix_menu .menu li a{
	font-family: "Wix Madefor Display";
	font-size: 15px;
	font-weight: 700;
	color: transparent;
	display: inline-flex;
	align-items: center;
	padding: 5px 17px;
	border-radius: 50px;
	background: transparent;
	white-space: nowrap;
}
.m13 .section3 .fix_menu .menu li a i{
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #d0d0d0;
	margin-left: 15px;
}

.m13 .section3 .fix_menu .menu li.on a{
	background: #c10b50;
	color: #fff;
}
.m13 .section3 .fix_menu .menu li.on a i{
	background: #fff;
}




.m14 .section1{
	padding: 80px 0;
}
.m14 .section1 ul{
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 50px;
}
.m14 .section1 li{
	width: calc((100% - 10px) / 2);
}
.m14 .section1 li .thumb{
	width: 100%;
}
.m14 .section1 li .thumb img{
	width: 100%;
	border-radius: 15px;
}
.m14 .section1 li .info{
	text-align: center;
	margin-top:10px;
}
.m14 .section1 li .info .name{
	font-size:  22px;
	font-weight: 700;
}
.m14 .section1 li .info .univ{
	margin-top: 10px;
	font-size: 16px;
}
.m14 .section2{
	padding: 80px 0;
	background: #f7f7f7;
}
.m14 .section2 .logowrap{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.m14 .section2 .logowrap li{
	width: calc((100% - 20px) / 2);
	height: 80px;
	border-radius: 15px;
	background: #fff;
	overflow: hidden;
}
/* .m14 .section2 .logowrap li:hover{
	box-shadow: inset 0 0 0 2px #ec690a
} */
.m14 .section2 .logowrap li a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px;
	box-sizing: border-box;
}
.m14 .section2 .logowrap li a .logo{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.m14 .section2 .logowrap li a .logo img {
	max-width: 100%;
	max-height: 100%;
}


.m15 .section1{
	padding: 80px 0 0;
}
.m15 .section1 .conwrap{
}
.m15 .section1 .conwrap .logo{
	width: 180px;
}
.m15 .section1 .conwrap .infowrap{
	display: flex;
	flex-direction: column;
	row-gap: 40px;
	margin-top: 40px;
}
.m15 .section1 .conwrap .infowrap .con{
	width: 100%;
}
.m15 .section1 .conwrap .infowrap .con .tit{
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.m15 .section1 .conwrap .infowrap .con .tit .icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 13px;
	background: #000;
	margin-right: 10px;
}
.m15 .section1 .conwrap .infowrap .con p{
	font-size: 16px;
	line-height: 1.7em;
}
.m15 .section1 .maparea{
	margin-top: 50px;
	width: 100%;
	height: 300px;
}


.m21 .section2 {
	padding: 80px 0;
	background: #f7f7f7;
}
.m21 .section2 .con_wrap .con .con_box {
	padding: 60px;
}
.m21 .section2 .con_wrap .con .con_box .img{
	margin-bottom: 40px;
	padding-bottom: 20px;
	overflow-x: scroll;
}
.m21 .section2 .con_wrap .con .con_box .img.img2{
	margin-bottom: 0;
}
.m21 .section2 .con_wrap .con .con_box .img img{
	max-width: unset;
	width: 1200px;
}


.m22 .section1 span{
	display: inline-block;
	margin-top: 30px;
	font-size: 18px;
}
.m22 .section2 {
	padding: 80px 0;
	background: #f7f7f7;
}
.m22 .section2 .con_wrap{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.m22 .section2 .con_wrap .con{
	width: 100%;
}
.m22 .section2 .con_wrap .con2 .txt{
	margin: 20px 0;
	text-align: center;
}
.m22 .section2 .con_wrap .con2 .txt p{
	margin-top: 20px;
	font-size: 14px;
	font-weight: 700;
	color: #eb607d;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.m22 .section2 .con_wrap .con3 .con_box .img:last-child{
	margin-top: 20px;
}
.m22 .section2 .contWrap{
	width: 100%;
	margin-top: 20px;
	padding: 20px;
	border-radius: 13px;
	box-sizing: border-box;
	background: #fff;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.m22 .section2 .contWrap .cont{
	width: 100%;
	padding: 30px;
	border-radius: 13px;
	box-sizing: border-box;
	background: #f7f7f7;
}
.m22 .section2 .contWrap .cont img{
	width: 100%;
}
.m22 .section2 .contWrap .cont ul{
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 30px;
}
.m22 .section2 .contWrap .cont li{
	width: calc((100% - 20px) / 2);
}
.m22 .section2 .contWrap .cont li .name{
	width: 100%;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	text-align: center;
	background: #000;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	margin-top: 10px;
}
.m22 .section2 .p_boxwrap{
	margin-top: 60px;
}
.m22 .section2 .p_boxwrap .tit{
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	background: #e5e5e5;
	border-radius: 13px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
}
.m22 .section2 .p_boxwrap .p_box{
	width: 100%;
	padding: 15px 25px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 23px;
	box-sizing: border-box;
}
.m22 .section2 .p_boxwrap .p_box p{
	position: relative;
	padding: 15px 25px;
	box-sizing: border-box;
	font-size: 18px;
	border-top: 1.5px dashed #ccc;
}
.m22 .section2 .p_boxwrap .p_box p:first-child{
	border-top: none;
}
.m22 .section2 .p_boxwrap .p_box p:after {
	content: "";
	position: absolute;
	left: 9px;
	top: 22px;
	width: 5px;
	height: 5px;
	border: 2px solid #c10b50;
	border-radius: 50%;
}


.m22 .section3{
	padding: 80px 0;
}
.m22 .section3 .con_wrap .con2{
	margin-top: 120px;
}
.m22 .section3 .con_wrap .con .con_box{
	background: #f7f7f7 !important;
	padding: 20px !important;
}
.m22 .section3 .con_wrap .con .con_box .inner{
	padding: 60px 0;
	border-radius: 13px;
	background: #fff;
}
.m22 .section3 .con_wrap .con .con_box .inner .img{
	padding-bottom: 20px;
	overflow-x: scroll;
}
.m22 .section3 .con_wrap .con .con_box .inner .img img{
	max-width: unset;
	width: 1200px;
}



.m23 .section2 {
	padding: 120px 0 220px;
	background: #f7f7f7;
}
.m23 .section2 .con_wrap .con .con_box{
	padding: 60px;
	overflow-x: scroll;
}
.m23 .section2 .con_wrap .con .con_box .boxwrap{
	display: flex;
	gap: 10px;
	width: 1000px;
}
.m23 .section2 .con_wrap .con .con_box .boxwrap .box{
	padding:30px;
	box-sizing: border-box;
	background: #f7f7f7;
	border-radius: 25px;
	display: flex;
	justify-content: space-evenly;
}
.m23 .section2 .con_wrap .con .con_box .boxwrap .box.box1{width: calc((100% / 13) * 2);}
.m23 .section2 .con_wrap .con .con_box .boxwrap .box.box2{width: calc((100% / 13) * 3);}
.m23 .section2 .con_wrap .con .con_box .boxwrap .box.box3{width: calc((100% / 13) * 4);}
.m23 .section2 .con_wrap .con .con_box .boxwrap .box.box4{width: calc((100% / 13) * 4);}
.m23 .section2 .con_wrap .con .con_box .boxwrap .box > div > p{
	font-size: 14px;
	font-weight: 600;
	text-decoration: underline;
	color: #000;
	text-align: center;
	margin-bottom: 20px;
}
.m23 .section2 .con_wrap .con .con_box .day{
	width: 1000px;
	margin-top: 50px;
}
.m23 .section2 .con_wrap .con .con_box .day img{
	width: 100%;
}

.m23 .section2 .con_wrap .con .imgList{
	display: flex;
	flex-direction: column;
	margin-top: 40px;
}
.m23 .section2 .con_wrap .con .imgList li{
	position: relative;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.m23 .section2 .con_wrap .con .imgList li .img img{
	width: 100%;
}
.m23 .section2 .con_wrap .con .imgList li:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.m23 .section2 .con_wrap .con .imgList li .name{
	width: 100%;
	padding: 10px;
	margin-top: 10px;
	border-radius: 8px;
	box-sizing: border-box;
	background: #1d1d1d;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}
.m23 .section2 .con_wrap .con .stepList{
	margin-top: 50px;
	padding:30px;
	border-radius: 13px;
	background: #fff;
display: flex;
justify-content: center;
}
.m23 .section2 .con_wrap .con .stepList ul{
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding-bottom: 20px;
	overflow-x: scroll;
}

.m23 .section2 .con_wrap .con .stepList li{
	position: relative;
	flex-shrink: 0;
	width: 210px;
	text-align: center;
}
.m23 .section2 .con_wrap .con .stepList li:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 56px;
	transform: translateX(-50%);
	width: 100%;
	height: 2px;
	background: repeating-linear-gradient(
        to right,
        black 0px, 
        black 2px,  /* 점 크기 */
        transparent 4px, /* 점 간격 */
        transparent 10px  /* 점 간격 조정 */
    );
}
.m23 .section2 .con_wrap .con .stepList li .step{
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 1px solid #000;
	margin-bottom: 70px;
}
.m23 .section2 .con_wrap .con .stepList li .step:after{
	content: "";
	position: absolute;
	left: 50%;
	top: calc(100% + 33px);
	transform: translateX(-50%);
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #c10b50;
	z-index: 1;
}
.m23 .section2 .con_wrap .con .stepList li .cont .txts{
	margin-top: 20px;
}
.m23 .section2 .con_wrap .con .stepList li .cont .txts b{
	display: block;
	font-size: 17px;
	margin-bottom: 10px;
}
.m23 .section2 .con_wrap .con .stepList li .cont .txts span{
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: rgba(0,0,0,0.5);
}
.m23 .section2 .con_wrap .con .stepList li .cont .txts .term{
	display: inline-block;
	padding: 6px 0;
	width: 175px;
	border-radius: 40px;
	background: #000;
	font-size: 14px;
	color: #fff;
	font-weight: 700;
}


.m24 .section1{
	padding: 100px 0;
}
.m24 .section1 .sec_tit span{
	font-size: 18px;
	font-weight: 400;
	margin-left: 10px;
}
.m24 .section2{
	padding: 100px 0;
	background: #f7f7f7;
}
.m24 .section3{
	padding: 100px 0;
}
.m24 .list{
	width: 100%;
	border-top: 1px solid #333;
}
.m24 .list li{
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.m24 .list li a{
	display: flex;
	flex-wrap: wrap;
	padding: 30px 10px;
	box-sizing: border-box;
}
.m24 .list li a .num{
	position: relative;
	margin-right: 10px;
	font-size: 15px;
	font-weight: 700;
	line-height: 28px;
	color: #888;
	padding-right: 10px;
}
.m24 .list li a .num:after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 11px;
	background: #ccc;
}
.m24 .list li a .year{
	width: 70px;
	height: 28px;
	line-height: 28px;
	border-radius: 28px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	background: #000;
	text-align: center;
}
.m24 .list li a .txtwrap{
	width: 100%;
	margin-top: 10px;
	box-sizing: border-box;
}
.m24 .list.v2 li a .txtwrap{
	width: 100%;
	padding-left: 0;
}
.m24 .list li a .txtwrap .cate{
	font-size: 15px;
	font-weight: 700;
	color: #3b64a6;
	margin-bottom: 10px;
}
.m24 .list li a .txtwrap .tit{
	font-size: 18px;
	font-weight: 600;
	color: #000;
}










.m31 .section2{
	padding: 100px 0;
	background: #f7f7f7;
}
.m31 .section2 .tablewrap{
	width: 100%;
	padding-bottom: 20px;
	overflow-x: auto;
}
.m31 .section2 .tablewrap table{
	width: 900px;
	border-collapse: collapse;
}
.m31 .section2 .tablewrap table tr th{
	position: relative;
	height: 60px;
	font-size: 15px;
	font-weight: 500;
	background: #ebebeb;
	border-right: 5px solid #f7f7f7;
}
.m31 .section2 .tablewrap table tr th:first-child{
	border-radius: 13px 0 0 13px;
}
.m31 .section2 .tablewrap table tr th:last-child{
	border-radius: 0 13px 13px 0;
	border-right: none;
}
.m31 .section2 .tablewrap table tr th.tri{background: #d7d7d7;}
.m31 .section2 .tablewrap table tr th.tri2{background: #bababa;}
.m31 .section2 .tablewrap table tr th.tri:before{
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 34px 0 34px 26px;
	border-color: transparent transparent transparent #f7f7f7;
	z-index: 1;
}
.m31 .section2 .tablewrap table tr th.tri:after{
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 0 30px 22px;
	border-color: transparent transparent transparent #d7d7d7;
	z-index: 2;
}
.m31 .section2 .tablewrap table tr th.tri2:after{
	border-color: transparent transparent transparent #bababa;
}
.m31 .section2 .tablewrap table tr td{
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 15px;
	text-align: center;
}
.m31 .section2 .tablewrap table tr.top td{
	border-top: 2px solid #f7f7f7;
}
.m31 .section2 .tablewrap table tr td:first-child{
	border-left: none;
}
.m31 .section2 .tablewrap table tr td:last-child{
	border-right: none;
}
.m31 .section2 .tablewrap table tr td.bar{
	padding: 10px 10px 10px 0;
}
.m31 .section2 .tablewrap table tr td a{
	position: relative;
	padding-right: 26px;
	font-weight: 600;
	font-size: 15px;
}
.m31 .section2 .tablewrap table tr td a:after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 17px;
	height: 17px;
	background: url(/images/page/m31_arr.png) no-repeat center / contain;
}
.m31 .section2 .tablewrap table tr td a.red.off:after{
	background: url(/images/page/m31_arr_red.png) no-repeat center / contain;
}
.m31 .section2 .tablewrap table tr td a.blue.off:after{
	background: url(/images/page/m31_arr_blue.png) no-repeat center / contain;
}
.m31 .section2 .tablewrap table tr td a.red{color: #c10b50;}
.m31 .section2 .tablewrap table tr td a.blue{color: #3b64a6;}
.m31 .section2 .tablewrap table tr.info td{
	padding:0;
}

.m31 .section2 .tablewrap table tr.info td .exp{
	display: none;
}

.m31 .section2 .tablewrap table tr.info td .exp .con{
	text-align: left;
	padding: 0;
	margin: 20px;
	height: 270px;
	overflow-y: scroll;
}
.m31 .section2 .tablewrap table tr.info td .exp .con .tit{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}
.m31 .section2 .tablewrap table tr.info td .exp .con p{
	font-size: 16px;
	line-height: 1.8em;
}



.m42 .section2{
	padding: 120px 0;
	background: #f7f7f7;
}
.m42 .section2 .con_wrap{
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 200px;
}
.m42 .section2 .con_wrap .con.con1{
	position: relative;
	width: 100%;
}
.m42 .section2 .con_wrap .con.con1:before {
	content: "";
	position: absolute;
	left: 50%;
	top: calc(100% + 45px);
	transform: translateX(-50%);
	width: 945px;
	height: 142px;
	background: url(/images/page/m41_con_arr2.png) no-repeat center / contain;
}
.m42 .section2 .con_wrap .con.con1:after {
	content: "";
	position: absolute;
	left: 50%;
	top: calc(100% + 60px);
	transform: translateX(-50%);
	width: 14px;
	height: 35px;
	background: url(/images/page/con_arr_2.png) no-repeat center / contain;
}
.m00 .section .con_wrap .con .con_tit{
	position: relative;
	width: 100%;
	padding: 15px;
	margin-bottom: 20px;
	box-sizing: border-box;
	border-radius: 13px;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	background: #222222;
	text-align: center;
}
.m00 .section .con_wrap .con .con_box{
	position: relative;
	width: 100%;
	padding: 20px;
	border-radius: 13px;
	background: #fff;
	box-sizing: border-box;
}
.m00 .section .con_wrap .con .con_box .img{
	text-align: center;
}
.m42 .section2 .con_wrap .con.con2 .con_box .img{
	width: 100%;
	padding-bottom: 20px;
	overflow-x: auto;
}
.m42 .section2 .con_wrap .con.con2 .con_box .img img{
	width: 1000px;
	max-width: unset;
}
.m42 .section2 .con_wrap .con.con1 .con_box .img{
	margin-bottom: 80px;
}
.m00 .section .con_wrap .con .con_box .p_box{
	width: 100%;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 23px;
	box-sizing: border-box;
}
.m00 .section .con_wrap .con .con_box .p_box p{
	position: relative;
	padding: 15px;
	box-sizing: border-box;
	font-size: 14px;
	border-top: 1.5px dashed #ccc;
}
.m00 .section .con_wrap .con .con_box .p_box p:after{
	content: "";
	position: absolute;
	left: 0;
	top: 21px;
	width: 3px;
	height: 3px;
	border: 2px solid #c10b50;
	border-radius: 50%;
}
.m00 .section .con_wrap .con .con_box .p_box p:first-child{
	border-top: none;
}

.m42 .section2 .con_wrap .con.con2{
	width: 100%;
}
.m42 .section2 .con_wrap .con.con2 .imgList{
	display: flex;
	flex-direction: column;
	margin-top: 40px;
}
.m42 .section2 .con_wrap .con.con2 .imgList li{
	position: relative;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.m42 .section2 .con_wrap .con.con2 .imgList li:last-child{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: none;
}
.m42 .section2 .con_wrap .con.con2 .imgList li .img img{
	width: 100%;
}

.m42 .section2 .con_wrap .con.con2 .imgList li .name{
	width: 100%;
	padding: 10px;
	margin-top: 10px;
	border-radius: 8px;
	box-sizing: border-box;
	background: #1d1d1d;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}


.m41 .section2 {
	padding: 120px 0 220px;
	background: #f7f7f7;
}
.m41 .section2 .top{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	row-gap: 20px;
	margin-bottom: 160px;
}
.m41 .section2 .top:after{
	content: "";
	position: absolute;
	left: 50%;
	top: calc(100% + 60px);
	transform: translateX(-50%);
	width: 14px;
	height: 35px;
	background: url(/images/page/con_arr_2.png) no-repeat center / contain;
}
.m41 .section2 .top:before{
	content: "";
	position: absolute;
	left: 50%;
	top: calc(100% + 45px);
	transform: translateX(-50%);
	width: 945px;
	height: 142px;
	background: url(/images/page/m41_con_arr2.png) no-repeat center / contain;
}



.m41 .section2 .top .con_wrap{
	width: 100%;
}
.m41 .section2 .top .con_wrap .con .con_box ul{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.m41 .section2 .top .con_wrap .con .con_box li{
	height: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	text-align: center;
}
.m41 .section2 .top .con_wrap .con.con2 .con_box li{
	background: #e5e5e5;
}
.m41 .section2 .top .con_wrap .con .con_box li p{
	font-size: 15px;
	font-weight: 500;
}
.m41 .section2 .top .con_wrap .con .con_box li p span{
	font-size: 13px;
	color: #9b9b9b;
}
.m41 .section2 .top .con_wrap .con .con_box li.w1{width: 100%;}
.m41 .section2 .top .con_wrap .con .con_box li.w2{width: calc((100% - 10px) / 2);}
.m41 .section2 .top .con_wrap .con .con_box li.w3{width: calc((100% - 20px) / 3);}
.m41 .section2 .top .con_wrap .con .con_box li.w4{width: calc((100% - 30px) / 4);}
.m41 .section2 .top .con_wrap .con.con1 .con_box .dot{
	margin-top: 20px;
	text-align: center;
}

.m41 .section2 .con_wrap .con.con3 .con_boxwrap{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.m41 .section2 .con_wrap .con.con3 .con_boxwrap .con_box{
	width: 100%;
	display: flex;
	align-items: center;
}
.m41 .section2 .con_wrap .con.con3 .con_boxwrap .con_box .iconwrap{
	width: 70px;
	text-align: center
}
.m41 .section2 .con_wrap .con.con3 .con_boxwrap .con_box .iconwrap p{
	margin-top: 10px;
	font-size: 15px;
	font-weight: 700;
}
.m41 .section2 .con_wrap .con.con3 .con_boxwrap .con_box .p_box{
	margin-left: 20px;
	width: calc(100% - 70px - 20px);
}