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

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

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

/*header*/

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


/* paging */
.paging{
	margin-top:60px;
	text-align:center;
}
.paging a{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:50px;height:50px;
	font-family:"Wix Madefor Display";color:#999;font-size:18px;line-height:50px;
}
.paging strong{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:50px;height:50px;
	border-radius:50%;
	background:#04277c;
	font-family:"Wix Madefor Display";color:#fff;font-size:18px;line-height:50px;font-weight:400;
}
.paging .page_begin{
	width:50px;height:50px;
	background:url(/images/common/page_begin.png) no-repeat center;
	border:0;
}
.paging .page_prev{
	width:50px;height:50px;
	background:url(/images/common/page_prev.png) no-repeat center;
	border:0;margin-right:20px;
}
.paging .page_next{
	width:50px;height:50px;
	background:url(/images/common/page_next.png) no-repeat center;
	border:0;margin-left:20px;
}
.paging .page_end{
	width:50px;height:50px;
	background:url(/images/common/page_end.png) no-repeat center;
	border:0;
}



.innerwrap{
	width: 92%;
	max-width: 1700px;
	margin: 0 auto;
}
.innerwrap2{
	width: 100%;
	max-width: 1890px;
	margin: 0 auto;
}
.innerwrap3{
	width: 92%;
	max-width: 1480px;
	margin: 0 auto;
}


.page_top{
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.page_top .imgwrap{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}


.page_top.pn1 .imgwrap{background: url(/images/page/sub_visual1.jpg) no-repeat center / cover;}
.page_top.pn1.sn1 .imgwrap{background: url(/images/page/sub_visual11.jpg) no-repeat center / cover;}
.page_top.pn1.sn2 .imgwrap{background: url(/images/page/sub_visual12.jpg) no-repeat center / cover;}
.page_top.pn1.sn3 .imgwrap{background: url(/images/page/sub_visual13.jpg) no-repeat center / cover;}
.page_top.pn1.sn4 .imgwrap{background: url(/images/page/sub_visual14.jpg) no-repeat center / cover;}
.page_top.pn1.sn5 .imgwrap{background: url(/images/page/sub_visual15.jpg) no-repeat center / cover;}
.page_top.pn2 .imgwrap{background: url(/images/page/sub_visual2.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.pn2.sn5 .imgwrap{background: url(/images/page/sub_visual25.jpg) no-repeat center / cover;}
.page_top.pn2.sn6 .imgwrap{background: url(/images/page/sub_visual26.jpg) no-repeat center / cover;}
.page_top.pn3 .imgwrap{background: url(/images/page/sub_visual3.jpg) no-repeat center / cover;}
.page_top.pn4 .imgwrap{background: url(/images/page/sub_visual4.jpg) no-repeat center / cover;}
.page_top.pn5 .imgwrap{background: url(/images/page/sub_visual5.jpg) no-repeat center / cover;}
.page_top.pn6 .imgwrap{background: url(/images/page/sub_visual6.jpg) no-repeat center / cover;}
.page_top.pn7 .imgwrap{background: url(/images/page/sub_visual7.jpg) no-repeat center / cover;}

.page_top .slogan{
	width: 92%;
	max-width: 1700px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 170px;
	transform: translateX(-50%);
}
.page_top .slogan h2{
	font-size: 52px;
	font-weight: 700;
	line-height: 1.5em;
	color: #fff;
	text-shadow: 2px 2px 0 rgba(0,0,0,0.1);
}

.page_top .sub_menu{
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	z-index: 1;
}
.page_top .sub_menu ul{
	display: flex;
	margin: 0 auto;
	padding: 20px 40px;
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(8px);
	border-radius: 14px;
}
.page_top .sub_menu li{
	display: inline-block;
}
.page_top .sub_menu li a{
	display: block;
	margin: 0 26px;
	font-size: 17px;
	font-weight: 500;
	color: #fff;
	white-space: nowrap;
}
.page_top .sub_menu li.on a{
	color: #fff;
	border-bottom: 2px solid #fff;
}
.sub_tab{margin-top: 20px;}
.sub_tab .innerwrap{
	width: 94%;
	max-width: 1700px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.sub_tab .innerwrap .pageLocation{
	display: flex;
	margin-right: 130px;
}
.sub_tab .innerwrap .pageLocation li{
	position: relative;
	padding-left: 22px;
	font-size: 16px;
	font-weight: 400;
	display: flex;
}
.sub_tab .innerwrap .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);
}
.sub_tab .innerwrap .pageLocation li:first-child:after{
	display: none;
}
.sub_tab .innerwrap .pageLocation li a.home img{}


.page_tit{
	text-align: center;
}
.page_tit .tit{
	margin: 110px 0 140px;
	font-size: 60px;
	font-weight: 700;
}
.page_tit p{
	font-size: 50px;
	font-weight: 700;
	line-height: 1.5em;
	margin-bottom: 80px;
}
.page_tit p.en{
	font-family: "Wix Madefor Display";
}
.page_tit .slogan{
	margin-top: 80px;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.4em;
}

.m11{padding: 0 0 200px;}
.m11 .section1 .intro{
	position: relative;
	width: 100%;
	height: 620px;
	background: url(/images/page/m11_sec1_icon.png) no-repeat center bottom / contain #dadde4;
	border-radius: 14px;
	overflow: hidden;
}
.m11 .section1 .intro .txt{
	position: absolute;
	left: 6%;
	top: 50%;
	transform: translateY(-50%);
}
.m11 .section1 .intro .txt p{
	font-size: 44px;
	font-weight: 700;
	line-height: 1.4em;
}
.m11 .section1 .intro .txt p span{
	color: #777;
}
.m11 .section1 .conwrap{
	display: flex;
	margin-top: 180px;
}
.m11 .section1 .conwrap .txtwrap{
	width: 92%;
	margin: 0 auto;
}
.m11 .section1 .conwrap .txtwrap .tit{
	font-size: 40px;
	font-weight: 700;
}
.m11 .section1 .conwrap .txtwrap p{
	margin-top: 50px;
	font-size: 18px;
	line-height: 1.55em;
}
.m11 .section1 .conwrap .txtwrap .sign{
	padding-top: 50px;
	margin-top: 40px;
	font-size: 18px;
	border-top: 1px solid #ccc;
}
.m11 .section1 .conwrap .txtwrap .sign img{
	margin: 0 0 14px 10px;
}


.m12 .section1 .infowrap .conwrap{
	position: relative;
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 100vh;
	padding: 25px 20px;
	border-radius: 14px;
	box-sizing: border-box;
	overflow: hidden;
}
.m12 .section1 .infowrap .conwrap .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m12_sec1_bg.jpg) no-repeat center / cover;
}
.m12 .section1 .infowrap .conwrap ul{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 16px;
	z-index: 1;
}
.m12 .section1 .infowrap .conwrap ul li{
	position: relative;
	width: calc((100% - 64px) / 5);
	height: 320px;
	padding: 50px 40px 40px;
	border-radius: 20px;
	box-sizing: border-box;
	background-color: rgba(255,255,192,0.1);
	backdrop-filter: blur(20px);
	box-shadow: 2px 7px 15px 8px rgba(0,0,0,0.3);
}
.m12 .section1 .infowrap .conwrap ul li span{
	font-size: 28px;
	font-weight: 600;
	color: #fff;
}
.m12 .section1 .infowrap .conwrap ul li p{
	margin-top: 10px;
	font-size: 20px;
	font-weight: 300;
	color: #fff;
}
.m12 .section1 .infowrap .conwrap ul li .icon{
	position: absolute;
	right: 40px;
	bottom: 40px;
}
.m12 .section2{
	padding: 210px 0;
}
.m12 .section2 .slogan{
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 140px 20px;
	box-sizing: border-box;
	background: url(/images/page/m12_sec2_slogan_bg.jpg) no-repeat center / cover;
	border-radius: 14px;
}
.m12 .section2 .slogan .txt{
	text-align: center;
}
.m12 .section2 .slogan .txt .tit{
	margin-bottom: 40px;
	font-size: 50px;
	font-weight: 600;
	color: #fff;
}
.m12 .section2 .slogan .txt p{
	font-size: 30px;
	font-weight: 600;
	color: #fff;
}
.m12 .section2 .slogan .txt p span{
	font-family: "Wix Madefor Display";
}
.m12 .section2 .mid{
	position: relative;
}
.m12 .section2 .mid>div{
	position: relative;
	margin-top: 100px;
	text-align: center;
	z-index: 2;
}
.m12 .section2 .mid .bg{
	margin-top: 0;
	position: absolute;
	left: 50%;
	top: -400px;
	transform: translateX(-50%);
	width: 100%;
	z-index: 1;
}
.m12 .section2 .mid .tit{
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 40px;
}
.m12 .section2 .mid .vision p{
	font-size: 30px;
	font-weight: 700;
}
.m12 .section2 .mid .value ul{
	display: flex;
	justify-content: center;
}
.m12 .section2 .mid .value li{
	width: 390px;
	height: 390px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: #09f;
}
.m12 .section2 .mid .value li + li{
	margin-left: -50px;
}
.m12 .section2 .mid .value li:nth-child(1){background: rgba(34,128,177,0.9);}
.m12 .section2 .mid .value li:nth-child(2){background: rgba(34,94,168,0.9);}
.m12 .section2 .mid .value li:nth-child(3){background: rgba(39,70,144,0.9);}
.m12 .section2 .mid .value li span{
	margin-top: 10px;
	font-size: 40px;
	color: #fff;
	font-weight: 700;
}
.m12 .section2 .bot{
	display: flex;
	justify-content: space-between;
	margin-top: 100px;
}
.m12 .section2 .bot .boxwrap{
	width: calc((100% - 100px) / 2);
	text-align: center;
}
.m12 .section2 .bot .boxwrap .tit{
	font-size: 50px;
	font-weight: 600;
	margin-bottom: 40px;
}
.m12 .section2 .bot .boxwrap .box{
	position: relative;
	width: 100%;
	height: 580px;
	padding: 50px;
	border: 1px solid #ccc;
	border-radius: 14px;
	box-sizing: border-box;
	background: #fff;
}
.m12 .section2 .bot .boxwrap:first-child .box:after{
	content: "";
	position: absolute;
	right: -50px;
	top: 0;
	width: 1px;
	height: 100%;
	background: #ccc;
}
.m12 .section2 .bot .boxwrap .box .box_tit{
	font-size: 40px;
	font-weight: 600;
	color: #04287e;
	margin-bottom: 30px;
}
.m12 .section2 .bot .boxwrap .box li{
	position: relative;
	width: 100%;
	padding: 25px 40px;
	box-sizing: border-box;
	background: #f6f7fa;
	border-radius: 14px;
	margin-top: 10px;
	display: flex;
	align-items: center;
}
.m12 .section2 .bot .boxwrap .box li .num{
	font-family: "Wix Madefor Display";
	width: 36px;
	height: 36px;
	line-height: 36px;
	margin-right: 20px;
	border-radius: 50%;
	background: #2c4e9d;
	font-size: 15px;
	color: #fff;
}
.m12 .section2 .bot .boxwrap .box li p{
	width: calc(100% - 56px);
	font-size: 26px;
	font-weight: 600;
	color: #444444;
}



.m13{padding: 0 0 220px;}
.m13 .section1 .conwrap{
	display: flex;
}
.m13 .section1 .conwrap:nth-child(even){
	flex-direction: row-reverse;
}
.m13 .section1 .conwrap .imgwrap{
	position: relative;
	width: 50%;
	height: 100vh;
	border-radius: 14px;
	overflow: hidden;
}
.m13 .section1 .conwrap .imgwrap .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m13 .section1 .conwrap .imgwrap .bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m13 .section1 .conwrap .imgwrap .text{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}
.m13 .section1 .conwrap .imgwrap .text span{
	font-size: 58px;
	font-weight: 600;
	color: #fff;
	white-space: nowrap;
}
.m13 .section1 .conwrap .txtwrap{
	width: 50%;
	padding: 140px 130px 0;
	box-sizing: border-box;
}
.m13 .section1 .conwrap .txtwrap .txts .ynum{
	font-family: "Wix Madefor Display";
	margin-bottom: 50px;
	font-size: 100px;
	font-weight: 700;
	line-height: 1em;
	color: #04287e;
}
.m13 .section1 .conwrap .txtwrap .txts .yearwrap dl{
	margin-bottom: 30px;
	display: flex;
}
.m13 .section1 .conwrap .txtwrap .txts .yearwrap dl dt{
	font-family: "Wix Madefor Display";
	width: 95px;
	font-size: 23px;
	font-weight: 700;
}
.m13 .section1 .conwrap .txtwrap .txts .yearwrap dl dd{
	width: calc(100% - 95px);
}
.m13 .section1 .conwrap .txtwrap .txts .yearwrap dl dd p{
	font-size: 19px;
	color: #666;
	line-height: 1.6em;
}



.m14{padding: 0 0 180px;}
.m14 .section1{padding: 0 0 180px;}
.m14 .section1 .logowrap{
	width: 100%;
	height: 385px;
	border: 1px solid #d4d5d9;
	border-radius: 14px;
	box-sizing: border-box;
	background-size: 10px, 30px, 10px 10px, 30px 30px;
	background-color: #fff;
	background-image: linear-gradient(90deg, #f1f1f1 1px, transparent 1px), linear-gradient(90deg, #f1f1f1 1px, transparent 1px), linear-gradient(#f1f1f1 1px, transparent 1px), linear-gradient(#f1f1f1 1px, transparent 1px);
	display: flex;
	align-items: center;
	justify-content: center;
}
.m14 .section1 .exp{
	width: 100%;
	margin-top: 10px;
	padding: 50px 20px;
	box-sizing: border-box;
	border-radius: 14px;
	text-align: center;
	background: #e8eaed;
}
.m14 .section1 .exp p{
	font-size: 18px;
	line-height: 1.7em;
	color: #666666;
}
.m14 .section1 .warn{
	margin-top: 30px;
	text-align: center;
	font-size: 16px;
	color: #666;
}
.m14 .section1 .warn img{
	margin: 0 5px 5px 0;
}
.m14 .section1 .down{
	margin-top: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btnWrap{
	overflow: hidden;
	position: relative;
	z-index: 100;
	width: 240px;
	height: 60px;
	border-radius: 60px;
	border: 1px solid #8c8c8e;
	box-sizing: border-box;
}
.btnWrap:last-child{
	margin-left: 12px;
}
.btnWrap .circle {
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	background: #04287e;
	position: absolute;
	left: 0px;
	top: 0px;
	border-radius: 33px;
	pointer-events: none;
}
.btnWrap .btn{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	padding: 0 23px;
	box-sizing: border-box;
}
.btnWrap .btn span{
	position: relative;
	z-index: 1;
	font-family: "Wix Madefor Display";
	font-size: 16px;
	color: #222;
	transition: all 0.6s;
}
.btnWrap .btn i.down_icon{
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 13px;
	height: 15px;
	background: url(/images/page/btn_down_icon.png) no-repeat center / contain;
	transition: all 0.6s;
}
.btnWrap:hover .btn span{
	color: #fff;
}
.btnWrap:hover .btn i.down_icon{
	background: url(/images/page/btn_down_icon_wh.png) no-repeat center / contain;
}

.explode-circle{animation: explode 0.6s forwards;}
.desplode-circle{animation: desplode 0.6s forwards;}

@keyframes explode {
  0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(4, 40, 126, 0.2);
  }
  100% {
    width:1100px;
    height:1100px;
    margin-left: -550px;
    margin-top: -550px;
    background-color: rgba(4, 40, 126, 1);
  }
}

@keyframes desplode {
  0% {
    width: 1100px;
    height: 1100px;
    margin-left: -550px;
    margin-top: -550px;
    background-color: rgba(4, 40, 126, 1);
  }
  100% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(4, 40, 126, 0.6);
  }
}

.m14 .section2{
	position: relative;
	padding: 160px 0 140px;
}
.m14 .section2:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 98%;
	height: 100%;
	background: #fff;
	border-radius: 14px;
	z-index: -1;
}
.m14 .section2 .main_tit{
	margin-bottom: 90px;
	text-align: center;
}
.m14 .section2 .main_tit .tit{
	font-size: 30px;
	font-weight: 600;
}
.m14 .section2 .main_tit p{
	margin-top: 20px;
	font-size: 50px;
	font-weight: 600;
}
.m14 .section2 .mark{
	display: flex;
	justify-content: space-between;
}
.m14 .section2 .mark .con{
	width: 46%;
}
.m14 .section2 .mark .con .tit{
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 40px;
}
.m14 .section2 .mark .con .boxwrap{
	position: relative;
	width: 100%;
	padding: 60px 50px;
	border: 1px solid #ccc;
	border-radius: 14px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}
.m14 .section2 .mark .con:nth-child(1) .boxwrap:after{
	content: "";
	position: absolute;
	right: -9%;
	top: 0;
	width: 1px;
	height: 100%;
	background: #ccc;
}
.m14 .section2 .mark .con .boxwrap .box{
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc((100% - 20px) / 3);
	height: 90px;
	border-radius: 14px;
	background: #f6f7fa;
}
.m14 .section2 .mark .con:last-child .boxwrap .box{
	width: calc((100% - 10px) / 2);
}
.m14 .section2 .mark .con .boxwrap .box span{
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}
.m14 .section2 .color{
	margin-top: 100px;
}
.m14 .section2 .color .tits{
	margin-bottom: 40px;
}
.m14 .section2 .color .tits .tit{
	font-size: 30px;
	font-weight: 600;
}
.m14 .section2 .color .tits p{
	margin-top: 10px;
	font-size: 18px;
	color: #666;
}
.m14 .section2 .color .boxwrap{
	position: relative;
	width: 100%;
	padding: 60px 50px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	border-radius: 14px;
	border: 1px solid #ccc;
}
.m14 .section2 .color .boxwrap:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 60px;
	transform: translateX(-50%);
	width: 1px;
	height: calc(100% - 120px);
	background: #ccc;
}

.m14 .section2 .color .boxwrap .box{
	position: relative;
	width: 46%;
}
.m14 .section2 .color .boxwrap .box .cbox{
	position: relative;
	display: block;
	width: 100%;
	height: 80px;
	border-radius: 14px;
}
.m14 .section2 .color .boxwrap .box .cbox.blue{background: #06287e;}
.m14 .section2 .color .boxwrap .box .cbox.red{background: #d60029;}
.m14 .section2 .color .boxwrap .box .cbox span{
	font-family: "Wix Madefor Display";
	position: absolute;
	left: 30px;
	bottom: 20px;
	font-size: 26px;
	color: #fff;
	white-space: nowrap;
}
.m14 .section2 .color .boxwrap .box .info{
	width: 100%;
	padding: 24px 24px 0 24px;
	box-sizing: border-box;
}
.m14 .section2 .color .boxwrap .box .info dl{
	display: flex;
}
.m14 .section2 .color .boxwrap .box .info dl dt{
	font-family: "Wix Madefor Display";
	width: 200px;
	font-size: 18px;
	line-height: 1.8em;
}
.m14 .section2 .color .boxwrap .box .info dl dd{
	font-family: "Wix Madefor Display";
	width: calc(100% - 200px);
	font-size: 18px;
	color: rgba(0,0,0,0.8);
	line-height: 1.8em;
}


.m15{padding: 0 0 200px;}
.m15 .m15_tabs{
	display: flex;
	justify-content: space-between;
	margin-bottom: 70px;
}
.m15 .m15_tabs li{
	width: calc((100% - 20px) / 3);
	text-align: center;
}
.m15 .m15_tabs li a{
	display: block;
	width: 100%;
	height: 75px;
	line-height: 75px;
	font-size: 20px;
	font-weight: 500;
	color: #555555;
	background: #dadde4;
	border-radius: 14px;
	box-sizing: border-box;
}
.m15 .m15_tabs li.on a{
	background: #fff;
	border: 2px solid #04287e;
}
.m15 .tabconwrap .tabcon{display: none;}
.m15 .tabconwrap .tabcon.on{display: block;}
.m15 .tabconwrap .tabcon .conwrap{
	display: flex;
	width: 100%;
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
	margin-bottom: 70px;
}
.m15 .tabconwrap .tabcon .conwrap:last-child{
	margin-bottom: 0;
}
.m15 .tabconwrap .tabcon .conwrap .map{
	width: 43%;
	border-radius: 14px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.m15 .tabconwrap .tabcon .conwrap .map iframe{
	width: 100%;
	height: 100%;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap{
	width: 57%;
	padding: 55px;
	box-sizing: border-box;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .imgwrap{
	position: relative;
	display: flex;
	align-items: center;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .imgwrap:after{
	content: "";
	position: absolute;
	left: -300%;
	bottom: 50px;
	width: 10000%;
	height: 1px;
	background: #ccc;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .imgwrap .img{
	width: 242px;
	position: relative;
	z-index: 1;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .imgwrap .locate{
	width: calc(100% - 242px);
	padding-left: 50px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .imgwrap .locate span{
	display: inline-block;
	font-size: 40px;
	margin-top: 15px;
	font-weight: 700;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .infowrap{
	margin-top: 50px;
	position: relative;
	z-index: 1;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .infowrap dl{
	display: flex;
	margin-bottom: 20px;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .infowrap dl:last-child{margin-bottom: 0;}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .infowrap dl dt{
	width: 290px;
	padding-left: 30px;
	font-size: 18px;
	font-weight: 600;
	box-sizing: border-box;
	line-height: 1.6em;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .infowrap dl.adr dt{
	background: url(/images/page/m15_icon_adr.png) no-repeat left 8px;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .infowrap dl.tel dt{
	background: url(/images/page/m15_icon_tel.png) no-repeat left 8px;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .infowrap dl.prd dt{
	background: url(/images/page/m15_icon_prd.png) no-repeat left 8px;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .infowrap dl.link dt{
	background: url(/images/page/m15_icon_page.png) no-repeat left 10px;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .infowrap dl dd{
	width: calc(100% - 290px);
	line-height: 1.6em;
	font-size: 18px;
	color: #666;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .infowrap dl dd a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 78px;
	height: 27px;
	border-radius: 27px;
	margin-left: 5px;
	background: #b7b8bc;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .infowrap dl dd a i{
	display: block;
	width: 11px;
	height: 11px;
	background: url(/images/page/m15_link_icon.png) no-repeat center / contain;
	margin: 0 5px 0 0;
	transition: all 0.3s;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .infowrap dl dd a:hover i{
	transform: translateY(-2px);
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .infowrap dl dd a span{
	font-family: "Wix Madefor Display";
	font-size: 14px;
	color: #fff;
}

.m16{padding: 0 0 300px;}

.m21{padding: 0 0 130px;}
.m21 .section1 .list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.m21 .section1 .list li{
	width: calc((100% - 18px) / 2);
	margin-bottom: 80px;
}
.m21 .section1 .list li a{
	position: relative;
	display: block;
	width: 100%;
	height: 440px;
	padding: 70px;
	box-sizing: border-box;
	border-radius: 14px;
	background: #e3e6ed;
	transition: all 0.3s;
}
.m21 .section1 .list li a .txts{
	position: relative;
	z-index: 1;
}
.m21 .section1 .list li a .txts .tit{
	font-size: 44px;
	font-weight: 600;
	color: #222;
	transition: all 0.3s;
}
.m21 .section1 .list li a .txts p{
	margin: 15px 0 30px;
	font-size: 18px;
	line-height: 1.6em;
	color: #666;
	transition: all 0.3s;
}
.m21 .section1 .list li a .txts .circle{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	border: 1px solid #222222;
	transition: all 0.3s;
}
.m21 .section1 .list li a .txts .circle i{
	display: block;
	width: 14px;
	height: 9px;
	background: url(/images/page/m21_arr.png) no-repeat center / contain;
	transition: all 0.3s;
}
.m21 .section1 .list li a .prd_img{
	position: absolute;
	right: 50px;
	bottom: -87px;
}
.m21 .section1 .list li:nth-child(2) a .prd_img{bottom: -91px;}
.m21 .section1 .list li:nth-child(3) a .prd_img{bottom: -48px;}
.m21 .section1 .list li:nth-child(4) a .prd_img{bottom: -18px;}
.m21 .section1 .list li:nth-child(5) a .prd_img{bottom: 18px;}
.m21 .section1 .list li:nth-child(6) a .prd_img{bottom: -49px;}
.m21 .section1 .list li a .prd_img img{
	transform: scale(0.8);
	transition: all 0.6s;
	transform-origin: right top;
}
@media (max-width: 1799px){
	.m21 .section1 .list li a{padding: 70px 70px 200px 70px;}
}


.m21 .section1 .list li a:hover{
	background: #082b80;
}
.m21 .section1 .list li a:hover .txts .tit{
	color: #fff;
}
.m21 .section1 .list li a:hover .txts p{
	color: #fff;
}
.m21 .section1 .list li a:hover .txts .circle{
	border: 1px solid #fff;
}
.m21 .section1 .list li a:hover .txts .circle i{
	background: url(/images/page/m21_arr_wh.png) no-repeat center / contain;
}
.m21 .section1 .list li a:hover .prd_img img{
	transform: scale(1);
}





/* PRODUCT 페이지 공통 CSS */
.m20 .prd_info{
	display: flex;
	width: 100%;
	padding: 50px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}
.m20 .prd_info .tit{
	width: 37%;
	font-size: 40px;
	font-weight: 600;
}
.m20 .prd_info .info{
	width: 63%;
	padding-left: 60px;
	border-left: 1px solid #ccc;
	box-sizing: border-box;
}
.m20 .prd_info .info .name{
	font-size: 30px;
	font-weight: 600;
}
.m20 .prd_info .info .exp{
	margin-top: 15px;
	font-size: 18px;
	line-height: 1.6em;
	color: #666;
}
.m20 .con{
	padding-top: 100px;
}
.m20 .con.line{
	margin-top:100px;
	border-top: 1px solid #ccc;
}
.m20 .con .con_tit{
	margin-bottom: 55px;
	text-align: center;
}
.m20 .con .con_tit .name{
	font-size: 44px;
	font-weight: 600;
}
.m20 .con .con_tit p{
	font-size: 26px;
	font-weight: 600;
	margin-top: 25px;
}
.m20 .prd_list{
	display: flex;
	flex-wrap: wrap;
}
.m20 .prd_list.v2{gap: 20px;}
.m20 .prd_list.v3{gap: 20px;}
.m20 .prd_list.v4{gap: 20px;}

.m20 .prd_list li{}
.m20 .prd_list.v2 li{width: calc((100% - 20px) / 2);}
.m20 .prd_list.v3 li{width: calc((100% - 40px) / 3);}
.m20 .prd_list.v4 li{width: calc((100% - 60px) / 4);}

.m20 .prd_list li .img{
	width: 100%;
	border-radius: 14px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	overflow: hidden;
}
.m20 .prd_list li img{
	width: 100%;
}
.m20 .prd_list li .name{
	font-size: 24px;
	font-weight: 600;
	margin: 15px 0;
}

.m20 .company_list{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.m20 .company_list li{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 150px;
	border: 1px solid #ccc;
	border-radius: 14px;
	background: #fff;
	overflow: hidden;
	box-sizing: border-box;
}
.m20 .company_list.v1 li{
	width: 100%;
}
.m20 .company_list.v3 li{
	width: calc((100% - 24px) / 3);
}
.m20 .company_list.v4 li{
	width: calc((100% - 36px) / 4);
}
.m20 .company_list li span{
	font-size: 40px;
	font-weight: 600;
}

.m20 .spec_box{
	width: 100%;
	padding: 50px;
	border: 1px solid #ccc;
	border-radius: 14px;
	background: #fff;
	box-sizing: border-box;
}
.m20 .spec_box .tit{
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 30px;
	text-align: center;
}
.m20 .spec_box .prd_spec{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.m20 .spec_box .prd_spec li{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 30px;
	border-radius: 14px;
	background: #f6f7fa;
	box-sizing: border-box;
}
.m20 .spec_box .prd_spec.v4 li{
	width: calc((100% - 36px) / 4);
}
.m20 .spec_box .prd_spec.v5 li{
	width: calc((100% - 48px) / 5);
}
.m20 .spec_box .prd_spec li p{
	font-size: 18px;
	line-height: 1.5em;
	color: #444;
}




.m20{padding: 0 0 190px;}


.m24 .m24_tabs{
	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;
}
.m24 .m24_tabs li{
	width: calc((100% - 30px) / 4);
	text-align: center;
}
.m24 .m24_tabs li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 75px;
	padding: 0 10px;
	font-size: 20px;
	font-weight: 500;
	color: #555555;
	background: #dadde4;
	border-radius: 14px;
	box-sizing: border-box;
}
.m24 .m24_tabs li.on a{
	background: #fff;
	border: 2px solid #04287e;
}
.m24 .cargo_list{
	display: flex;
	flex-wrap: wrap;
}
.m24 .cargo_list li{
	width: calc((100% - 40px) / 3);
	margin-right: 20px;
	padding: 40px 20px 20px;
	margin-bottom: 45px;
	border-radius: 14px;
	border: 1px solid #ccc;
	background: #fff;
	box-sizing: border-box;
}
.m24 .cargo_list li:nth-child(3n){
	margin-right: 0;
}
.m24 .cargo_list li .cargo_img img{
	width: 100%;
}
.m24 .cargo_list li .cargo_name{
	width: 100%;
	padding: 20px;
	margin-top: 30px;
	font-size: 24px;
	font-weight: 600;
	color: #666;
	text-align: center;
	border-radius: 14px;
	background: #f6f7fa;
	box-sizing: border-box;
}

.m242 .section1{padding: 0 0 130px;}
.m242 .section2{padding: 0 0 130px; background: #fff;}
.m242 .section2 .conwrap{
	position: relative;
	margin-top: 140px;
	display: flex;
	justify-content: space-between;
}
.m242 .section2 .conwrap .bar{
	position: absolute;
	left: 50px;
	bottom: 100%;
	width: calc(100% - 100px);
}
.m242 .section2 .conwrap .bar .txt{
	position: absolute;
	font-size: 26px;
	font-weight: 600;
}
.m242 .section2 .conwrap .bar .txt.txt1{
	left: 0;
	bottom: calc(100% +  5px);
}
.m242 .section2 .conwrap .bar .txt.txt2{
	left: 77%;
	bottom: calc(100% +  5px);
}
.m242 .section2 .conwrap .boxwrap{
	width: 49%;
	padding: 60px 50px;
	border: 1px solid #ccc;
	background: #f6f7fa;
	border-radius: 14px;
	box-sizing: border-box;
}
.m242 .section2 .conwrap .boxwrap .tit{
	width: 100%;
	padding: 15px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e3e6ed;
	border-radius: 14px;
}
.m242 .section2 .conwrap .boxwrap .tit span{
	margin-left: 15px;
	font-size: 26px;
	font-weight: 600;
	color: #444;
}
.m242 .section2 .conwrap .boxwrap .box1_list{
	display: flex;
	flex-wrap: wrap;
}
.m242 .section2 .conwrap .boxwrap .box1_list li{
	width: calc((100% - 12px) / 2);
	margin-right: 12px;
	margin-top: 30px;
}
.m242 .section2 .conwrap .boxwrap .box1_list li:nth-child(2n){
	margin-right: 0;
}
.m242 .section2 .conwrap .boxwrap .box1_list li .img{
	width: 100%;
	border-radius: 14px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	overflow: hidden;
}
.m242 .section2 .conwrap .boxwrap .box1_list li .img img{width: 100%;}
.m242 .section2 .conwrap .boxwrap .box1_list li .name{
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	margin-top: 15px;
}
.m242 .section2 .conwrap .boxwrap.box2 .listwrap{
	display: flex;
	flex-wrap: wrap;
}
.m242 .section2 .conwrap .boxwrap.box2 .listwrap .box2_list{
	width: calc((100% - 12px) / 2);
	margin-right: 12px;
}
.m242 .section2 .conwrap .boxwrap.box2 .listwrap .box2_list:last-child{
	margin-right: 0;
}
.m242 .section2 .conwrap .boxwrap.box2 .listwrap .box2_list li{
	width: 100%;
	margin-top: 30px;
}
.m242 .section2 .conwrap .boxwrap.box2 .listwrap .box2_list li .img{
	width: 100%;
	border-radius: 14px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	overflow: hidden;
}
.m242 .section2 .conwrap .boxwrap.box2 .listwrap .box2_list li .img img{width: 100%;}
.m242 .section2 .conwrap .boxwrap.box2 .listwrap .box2_list li .name{
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	margin-top: 15px;
}

.m242 .section3 .parts{
	width: 100%;
	margin-top: 290px;
}
.m242 .section3 .parts .box{
	position: relative;
	width: 100%;
	padding: 170px 170px 60px 170px;
	border: 1px solid #ccc;
	border-radius: 14px;
	background: #ffff;
	box-sizing: border-box;
	text-align: center;
}
.m242 .section3 .parts .box .car_img{
	position: absolute;
	left: 50%;
	top: -270px;
	transform: translateX(-50%);
}

.m243 .con .biw{
	width: 100%;
	padding: 80px;
	border-radius: 14px;
	border: 1px solid #ddd;
	background: #fff;
	text-align: center;
}

.m25 .prd_info .info .exp .bold{
	font-weight: 700;
}
.m25 .m25_tabs{
	display: flex;
	justify-content: space-between;
	padding-top: 130px;
}
.m25 .m25_tabs li{
	width: calc((100% - 30px) / 4);
	text-align: center;
}
.m25 .m25_tabs li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 75px;
	padding: 0 10px;
	font-size: 20px;
	font-weight: 500;
	color: #555555;
	background: #dadde4;
	border-radius: 14px;
	box-sizing: border-box;
}
.m25 .m25_tabs li.on a{
	background: #fff;
	border: 2px solid #04287e;
}
.m25 .tabconwrap .tabcon{display: none;}
.m25 .tabconwrap .tabcon:nth-child(1){display: block;}

.m25 .pop_info{
	width: 100%;
	height: 140px;
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	background: #e8eaed;
	font-size: 18px;
	color: #666666;
}
.m25 .pop_info img{margin-right: 10px;}

.m25_pop{
	position: fixed;
	display: none;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10000;
	width: 92%;
	max-width: 1070px;
}
.m25_pop .btn_x {
	position: absolute;
	left: calc(100% + 20px);
	top: 10px;
	width: 29px;
	height: 29px;
	background: url(/images/common/btn_x.png) no-repeat;
}
.m25_pop .swiper-container{
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	max-width: 1070px;
}
.m25_pop .swiper-button-prev{
	width: 40px;
	height: 40px;
	background: url(/images/page/swiper_prev_icon.png) no-repeat center / cover;
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
}
.m25_pop .swiper-button-next{
	width: 40px;
	height: 40px;
	background: url(/images/page/swiper_next_icon.png) no-repeat center / cover;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}
.m25_pop .swiper-pagination{
	width: 100%;
	margin: 20px auto 0;
}
.m25_pop .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	margin: 0 8px;
	border-radius: 50%;
	background: #cccccc;
	opacity: 0.95;
}
.m25_pop .swiper-pagination-bullet-active{
	background: #1547be;
}



.dim {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	z-index: 1001;
}



.m26 .m26_tabs{
	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;
}
.m26 .m26_tabs li{
	width: calc((100% - 10px) / 2);
	text-align: center;
}
.m26 .m26_tabs li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 75px;
	padding: 0 10px;
	font-size: 20px;
	font-weight: 500;
	color: #555555;
	background: #dadde4;
	border-radius: 14px;
	box-sizing: border-box;
}
.m26 .m26_tabs li.on a{
	background: #fff;
	border: 2px solid #04287e;
}
.m26 .tabconwrap .tabcon{display: none;}
.m26 .tabconwrap .tabcon.on{display: block;}



.m28{padding: 0;}
.m28 .section1{padding: 0 0 130px;}
.m28 .section2{padding: 0 0 210px; background: #fff;}
.m28 .section2 .boxwrap{
	display: flex;
	flex-wrap: wrap;
	padding-top: 90px;
}
.m28 .section2 .boxwrap .box{
	position: relative;
	width: calc((100% - 30px) / 3);
	margin-right: 15px;
	padding: 90px 55px 55px;
	border-radius: 14px;
	border: 1px solid #ccc;
	background: #f6f7fa;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.m28 .section2 .boxwrap .box:last-child{
	margin-right: 0;
}
.m28 .section2 .boxwrap .box .icon{
	position: absolute;
	left: 50%;
	top: -90px;
	transform: translateX(-50%);
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: #04287e;
	display: flex;
	align-items: center;
	justify-content: center;
}
.m28 .section2 .boxwrap .box .tit{
	margin: 20px 0;
	font-size: 24px;
	font-weight: 600;
}
.m28 .section2 .boxwrap .box ul li{
	width: 100%;
	padding: 30px;
	border-radius: 14px;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
}
.m28 .section2 .boxwrap .box ul li:last-child{
	margin-top: 15px;
}
.m28 .section2 .boxwrap .box ul li p{
	font-size: 18px;
	line-height: 1.5em;
	color: #444;
}




.m31{}
.m31 .section1{padding: 0 0 220px;}
.m31 .section1 .sec_tit{
	width: 92%;
	margin: 0 auto 90px;
	text-align: center;
}
.m31 .section1 .sec_tit .tit{
	font-size: 40px;
	font-weight: 600;
}
.m31 .section1 .sec_tit p{
	font-size: 18px;
	color: #666;
	line-height: 1.5em;
	margin-top: 25px;
}
.m31 .section1 .conwrap{
	width: 98%;
	max-width: 1890px;
	margin: 0 auto;
	overflow: hidden;
}
.m31 .section1 .conwrap .con{
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 800px;
	border-radius: 14px;
	overflow: hidden;
	margin-bottom: 20px;
}
.m31 .section1 .conwrap .con .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m31 .section1 .conwrap .con.con1 .bg{
	background: url(/images/page/m31_bg1.jpg) no-repeat center / cover;
}
.m31 .section1 .conwrap .con.con2 .bg{
	background: url(/images/page/m31_bg2.jpg) no-repeat center / cover;
}
.m31 .section1 .conwrap .con.con3 .bg{
	background: url(/images/page/m31_bg3.jpg) no-repeat center / cover;
}
.m31 .section1 .conwrap .con .txtwrap{
	position: relative;
	z-index: 1;
	width: 92%;
	max-width: 1480px;
	margin: 0 auto;
}
.m31 .section1 .conwrap .con .txtwrap .tit{
	font-size: 60px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 30px;
}
.m31 .section1 .conwrap .con .txtwrap p{
	font-size: 18px;
	line-height: 1.5em;
	color: #fff;
}

.m32{}
.m32 .section1{
	padding: 0 0 270px;
}
.m30 .section1 .slogan{
	position: relative;
	width: 98%;
	max-width: 1890px;
	height: 800px;
	margin: 0 auto;
	border-radius: 14px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.m30 .section1 .slogan .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 14px;
}
.m32 .section1 .slogan .bg{
	background: url(/images/page/m32_sec1_slogan_bg.jpg) no-repeat center / cover;
}
.m33 .section1 .slogan .bg{
	background: url(/images/page/m33_sec1_slogan_bg.jpg) no-repeat center / cover;
}
.m341 .section1 .slogan .bg{
	background: url(/images/page/m341_sec1_slogan_bg.jpg) no-repeat center / cover;
}
.m342 .section1 .slogan .bg{
	background: url(/images/page/m342_sec1_slogan_bg.jpg) no-repeat center / cover;
}
.m30 .section1 .slogan .txtwrap{
	position: relative;
	width: 92%;
}

.m30 .section1 .slogan .txtwrap .tit{
	font-size: 50px;
	font-weight: 600;
	color: #fff;
}
.m30 .section1 .slogan .txtwrap p{
	margin-top: 20px;
	font-size: 40px;
	font-weight: 600;
	color: #fff;
}
.m30 .section1 .slogan .txtwrap span {
	display: block;
	margin-top: 30px;
	font-size: 18px;
	color: #fff;
}
.m32 .section1 .conwrap{
	margin-top: 180px;
	text-align: center;
}
.m32 .section1 .conwrap.conwrap2{
	margin-top: 240px;
}
.m32 .section1 .conwrap .con_tit{
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 110px;
}
.m32 .section1 .conwrap ul{
	display: flex;
	justify-content: center;
}
.m32 .section1 .conwrap ul li{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 280px;
	height: 280px;
	background: #fff;
	border-radius: 50%;
	margin-right: 150px;
}
.m32 .section1 .conwrap ul li:last-child{
	margin-right: 0;
}
.m32 .section1 .conwrap ul li:after{
	content: "";
	position: absolute;
	left: calc(100% + 52px);
	top: 95px;
	width: 56px;
	height: 90px;
	background: url(/images/page/m31_sec1_arr.png) no-repeat center / contain;
}
.m32 .section1 .conwrap ul li:last-child:after{
	display: none;
}
.m32 .section1 .conwrap ul li .txtwrap span{
	font-family: "Pretendard";
	font-size: 16px;
	font-weight: 600;
	color: #04287e;
}
.m32 .section1 .conwrap ul li .txtwrap .icon{
	margin: 20px 0;
}
.m32 .section1 .conwrap ul li .txtwrap b{
	font-size: 25px;
	font-weight: 500;
}
.m32 .section1 .conwrap ul li .line1{
	position: absolute;
	left: -51px;
	top: -51px;
	width: 365px;
}
.m32 .section1 .conwrap ul li .line2{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 348px;
}
.m32 .section1 .conwrap ul li .line3{
	position: absolute;
	left: -33px;
	top: -51px;
	width: 365px;
}
.m32 .section1 .conwrap ul li .exp{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: calc(100% + 70px);
	width: 149%;
}
.m32 .section1 .conwrap ul li .exp p{
	font-size: 17px;
	color: #666;
}
.m32 .section2{
	padding: 180px 0;
	background: #f0f1f6;
}
.m32 .section .sec_tit{
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 50px;
}
.m32 .section2 .conwrap{
}
.m32 .section2 .conwrap .con_tit .tit{
	font-size: 30px;
	font-weight: 600;
	text-align: center;
}
.m32 .section2 .conwrap .con_tit p{
	font-size: 18px;
	margin-top: 10px;
	color: #666;
	text-align: center;
}
.m32 .section2 .conwrap ul{
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.m32 .section2 .conwrap ul:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 1px;
	height: 231px;
	background: #ccc;
}
.m32 .section2 .conwrap li{
	width: 47%;
}
.m32 .section2 .conwrap li .imgwrap{
	width: 100%;
	height: 231px;
	padding: 40px 50px;
	border-radius: 14px;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	box-sizing: border-box;
}
.m32 .section2 .conwrap li:nth-child(1) .imgwrap{
	background: url(/images/page/m32_sec2_img1.jpg) no-repeat center / cover;
}
.m32 .section2 .conwrap li:nth-child(2) .imgwrap{
	background: url(/images/page/m32_sec2_img2.jpg) no-repeat center / cover;
}
.m32 .section2 .conwrap li p{
	font-size: 18px;
	color: #666;
	margin-top: 35px;
}
.m30 .certiSection{
	padding: 180px 0;
	background: #e6e7ee;
}
.m30 .certiSection .sec_tit{
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 60px;
}
.m30 .certiSection .certiSwiper{
	padding: 0 65px;
}
.m30 .certiSection .certiSwiper .swiper-slide .img{
	padding: 22px;
	background: #fff;
	border-radius:30px;
	overflow: hidden;
}
.m30 .certiSection .certiSwiper .swiper-slide .img img{
	width: 100%;
}
.m30 .certiSection .certiSwiper .swiper-slide .name{
	margin-top: 20px;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
}
.m30 .certiSection .certiSwiper .cprev{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url(/images/page/certiSwiper_arr1.png) no-repeat center #333;
	cursor: pointer;
	z-index: 10;
}
.m30 .certiSection .certiSwiper .cnext{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url(/images/page/certiSwiper_arr2.png) no-repeat center #333;
	cursor: pointer;
	z-index: 10;
}
.m30 .certiSection .con .cpaging{
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #ccc;
	text-align: center;
}
.m30 .certiSection .con .cpaging .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	background: #ccc;
	margin: 0 10px;
	opacity: 1;
}
.m30 .certiSection .con .cpaging .swiper-pagination-bullet-active{
	background: #04287e;
}

.m30 .bbsSection{
	padding: 160px 0;
}
.bbs .bbsSection{
	padding: 0 0 180px;
}
.m30 .bbsSection .bbs_list{
	width: 100%;
	border-top: 1px solid #000;
}
.m30 .bbsSection .bbs_list li{
	width: 100%;
}
.m30 .bbsSection .bbs_list li a{
	display: flex;
	align-items: center;
	height: 100px;
	border-bottom: 1px solid #ccc;
}
.m30 .bbsSection .bbs_list li a .num{
	width: 110px;
	font-family: "Wix Madefor Display";
	font-size: 16px;
	color: #222;
	font-weight: 500;
	text-align: center;
}
.m30 .bbsSection .bbs_list li a .tit{
	width: calc(100% - 110px - 200px);
}
.m30 .bbsSection .bbs_list li a .tit .g{
	display: inline-block;
	position: relative;
	padding-right: 30px;
}
.m30 .bbsSection .bbs_list li a.down .tit .g:after {
	content: "";
	position: absolute;
	right: 0;
	top: 9px;
	width: 18px;
	height: 18px;
	background: url(/images/page/bbs_file_icon.png) no-repeat center;
}
.m30 .bbsSection .bbs_list li a .tit .g .con{
	overflow: hidden;
	font-size: 24px;
	font-weight: 600;
	color: #000;
	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;
}
.m30 .bbsSection .bbs_list li a .date{
	width: 200px;
	font-family: "Wix Madefor Display";
	font-size: 16px;
	color: #222;
	font-weight: 500;
	text-align: center;
}
.m30 .ruleSection{
	padding: 150px 0;
	background: #f0f1f6;
}
.m30 .ruleSection .conwrap{
	width: 100%;
	padding: 60px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 14px;
}
.m30 .ruleSection .conwrap .slg{
	width: 100%;
	padding: 50px;
	border-radius: 14px;
	box-sizing: border-box;
	text-align: center;
	background: #04287e;
}
.m30 .ruleSection .conwrap .slg p{
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	line-height: 1.5em;
}
.m30 .ruleSection .conwrap ul{
	margin: 20px 0 30px;
}
.m30 .ruleSection .conwrap ul li{
	width: 100%;
	padding: 35px 40px;
	border: 1px solid #ccc;
	border-radius: 14px;
	box-sizing: border-box;
	display: flex;
	margin-bottom: 10px;
}
.m30 .ruleSection .conwrap ul li:last-child{
	margin-bottom: 0;
}
.m30 .ruleSection .conwrap ul li span{
	display: block;
	width: 43px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	background: #f7f7fe;
	border-radius: 50%;
	font-family: "Wix Madefor Display";
	font-size: 16px;
	font-weight: 500;
	color: #04287e;
}
.m30 .ruleSection .conwrap ul li p{
	padding-left: 30px;
	width: calc(100% - 43px);
	box-sizing: border-box;
	font-size: 18px;
	line-height: 1.5em;
	color: #666;
	margin-top: 5px;
}
.m30 .ruleSection .conwrap .slg2{
	font-size: 18px;
	line-height: 1.5em;
	color: #666;
}
.m30 .ruleSection .conwrap .sign{
	margin-top: 30px;
	text-align: right;
	font-size: 18px;
	color: #222;
}
.m30 .ruleSection .conwrap .sign img{
	margin: 0 0 10px 5px;
}


.bbs_view{}
.bbs_view .section{
	padding: 180px 0;
}
.bbs_view .section .titwrap{
	width: 100%;
	padding: 60px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.bbs_view .section .titwrap .tit{
	font-size: 34px;
	font-weight: 600;
	margin-bottom: 20px;
}
.bbs_view .section .titwrap .date{
	font-family: "Wix Madefor Display";
	font-size: 18px;
	color: rgba(0,0,0,0.6);
}
.bbs_view .section .downwrap{
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px solid #ccc;
	background: #ededf4;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.bbs_view .section .downwrap a{
	display: inline-block;
	position: relative;
	font-size: 18px;
	color: #666;
	line-height: 1.5em;
	padding-right: 28px;
}
.bbs_view .section .downwrap a img{
	margin: 0 5px 5px 0;
}
.bbs_view .section .downwrap a:after{
	content: "";
	position: absolute;
	right: 0;
	top: 6px;
	width: 18px;
	height: 17px;
	background: url(/images/page/file_down_icon.png) no-repeat;
	display: none;
}
.bbs_view .section .downwrap a:hover:after{
	display: block;
}
.bbs_view .section .conwrap{
	padding: 90px 0 40px;
	margin-top: 0px;
	text-align: left;
}
.bbs_view .section .link{
	padding-top: 70px;
	border-top: 1px solid #ccc;
}
.bbs_view .section .link .btnWrap {
	margin: 0 auto;
	display: block;
	width: 210px;
}
.bbs_view .section .link .btnWrap .btn .tab_icon {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 17px;
	height: 9px;
	background: url(/images/page/tab_icon.png) no-repeat center / contain;
	transition: all 0.6s;
}
.bbs_view .section .link .btnWrap .btn:hover .tab_icon{
	background: url(/images/page/tab_icon_wh.png) no-repeat center / contain;
}



.m33 .section2{
	padding: 200px 0 270px;
}
.m33 .section2 .diawrap{
	width: 92%;
	max-width: 1260px;
	margin: 0 auto;
}
.m33 .section2 .diawrap .circle{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 380px;
	height: 380px;
	border-radius: 50%;
	border: 50px solid #fff;
	background: #04287e;
	margin: 0 auto;
	font-size: 36px;
	font-weight: 600;
	color: #fff;
	box-sizing: unset;
}
.m33 .section2 .diawrap .circle:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 425px;
	height: 425px;
	border-radius: 50%;
	border: 1px dashed #ccc;
}
.m33 .section2 .diawrap ul{
	position: relative;
	width: 100%;
	margin-top: 60px;
	padding-top: 60px;
	display: flex;
	justify-content: center;
}
.m33 .section2 .diawrap ul:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 69.8%;
	height: 1px;
	background: #ccc;
}
.m33 .section2 .diawrap li{
	position: relative;
	width: calc((100% - 110px) / 3);
	margin-right: 55px;
}
.m33 .section2 .diawrap li:last-child{
	margin-right: 0;
}
.m33 .section2 .diawrap li:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
	width: 1px;
	height: 60px;
	background: #ccc;
}
.m33 .section2 .diawrap li:nth-child(2):after{
	height: 120px;
}
.m33 .section2 .diawrap li .tit{
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	border-radius: 14px 14px 0 0;
}
.m33 .section2 .diawrap li:nth-child(1) .tit{background: #c6cee4;}
.m33 .section2 .diawrap li:nth-child(2) .tit{background: #96a4cb;}
.m33 .section2 .diawrap li:nth-child(3) .tit{background: #657bb1;}
.m33 .section2 .diawrap li .con{
	width: 100%;
	height: 175px;
	padding: 40px 0;
	border-radius: 0 0 14px 14px;
	background: #fff;
	text-align: center;
}
.m33 .section2 .diawrap li .con p{
	font-size: 18px;
	line-height: 1.4em;
	color: #666;
}
.m33 .section2 .donatewrap{
	margin: 140px auto 0;
	width: 92%;
	max-width: 1260px;
}
.m33 .section2 .donatewrap .tit{
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 60px;
}
.m33 .section2 .donatewrap ul{
	display: flex;
}
.m33 .section2 .donatewrap li{
	width: calc((100% - 110px) / 3);
	margin-right: 55px;
}
.m33 .section2 .donatewrap li:last-child{
	margin-right: 0;
}
.m33 .section2 .donatewrap li .circle{
	width: 100%;
	position: relative;
	border-radius: 50%;
}
.m33 .section2 .donatewrap li:nth-child(1) .circle{border: 35px solid #f0c6d3;}
.m33 .section2 .donatewrap li:nth-child(2) .circle{border: 35px solid #ea94a9;}
.m33 .section2 .donatewrap li:nth-child(3) .circle{border: 35px solid #e3637e;}

.m33 .section2 .donatewrap li .circle:after{
	content: "";
	display: block;
	padding-bottom: 100%;
}
.m33 .section2 .donatewrap li .circle .inner{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 92%;
	height: 92%;
	border-radius :50%;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.m33 .section2 .donatewrap li .circle .inner span{
	font-family: "Pretendard";
	font-size: 16px;
	font-weight: 600;
	color: #d60029;
}
.m33 .section2 .donatewrap li .circle .inner .icon{
	margin: 20px 0;
}
.m33 .section2 .donatewrap li .circle .inner p{
	font-size: 25px;
	font-weight: 500;
	color: #000;
	text-align: center;
}
.m33 .section2 .donatewrap li .txts{
	position: relative;
	margin-top: 50px;
	width: 100%;
	height: 210px;
	border-radius: 14px;
	border: 1px solid #ccc;
	text-align: center;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.m33 .section2 .donatewrap li .txts:before{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -50px;
	width: 1px;
	height: 50px;
	background: #ccc;
}
.m33 .section2 .donatewrap li .txts:after{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -4px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #d60029;
}
.m33 .section2 .donatewrap li .txts p{
	font-size: 18px;
	line-height: 1.5em;
	color: #666;
}


.m34 .tabwrap{
	margin-bottom: 70px;
}
.m34 .tabwrap .m34_tabs{
	display: flex;
	justify-content: space-between;
	margin-top: 110px;
}
.m34 .tabwrap .m34_tabs li{
	display: inline-block;
	width: 49.5%;
}
.m34 .tabwrap .m34_tabs li a{
	width: 100%;
	height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #dadde4;
	border-radius: 14px;
	font-size: 20px;
	font-weight: 500;
	color: #555555;
	box-sizing: border-box;
}
.m34 .tabwrap .m34_tabs li.on a{
	background: unset;
	color: #04287e;
	border: 2px solid #04287e;
}


.m342 .section1 .tablewrap{
	margin: 200px auto 0;
	width: 92%;
	max-width: 1700px;
}
.m342 .section1 .tablewrap table{
	width: 100%;
}
.m342 .section1 .tablewrap table th{
	padding: 20px 0;
	background: #c6cee4;
	font-size: 20px;
	font-weight: 600;
}
.m342 .section1 .tablewrap table th:first-child{border-radius: 14px 0 0 14px;}
.m342 .section1 .tablewrap table th:last-child{border-radius: 0 14px 14px 0;}
.m342 .section1 .tablewrap table td{
	padding: 25px 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.m342 .section1 .tablewrap table td:last-child{border-right: none;}
.m342 .section1 .tablewrap table td.tit{
	font-size: 20px;
	font-weight: 600;
}
.m342 .section1 .tablewrap table td p{
	font-size: 18px;
	line-height: 1.5em;
	color: #666;
}
.m342 .section2{
	padding: 180px 0 220px;
}
.m342 .section2 .conwrap:first-child{
	margin-bottom: 180px;
}
.m34 .section2 .conwrap .titwrap{
	text-align: center;
}
.m34 .section2 .conwrap .titwrap .tit{
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 40px;
}
.m34 .section2 .conwrap .titwrap p{
	font-size: 18px;
	line-height: 1.5em;
	color: #666666;
}
.m34 .section2 .conwrap .diawrap{
	width: 92%;
	max-width: 1260px;
	margin: 0 auto;
	margin-top: 140px;
}
.m342 .section2 .conwrap .diawrap{
	margin-top: 70px;
}
.m34 .section2 .conwrap .diawrap.v1{
	max-width: 950px;
}
.m34 .section2 .conwrap .diawrap .circle{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 380px;
	height: 380px;
	border-radius: 50%;
	border: 50px solid #fff;
	background: #04287e;
	margin: 0 auto;
	font-size: 36px;
	font-weight: 600;
	color: #fff;
	box-sizing: unset;
}
.m34 .section2 .conwrap .diawrap .circle:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 425px;
	height: 425px;
	border-radius: 50%;
	border: 1px dashed #ccc;
}
.m342 .section2 .conwrap .diawrap .part1{
	position: relative;
	margin-top: 40px;
	margin-left: 50%;
	width: 50%;
	
}
.m342 .section2 .conwrap .diawrap .part1:after{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 1px;
	background: #ccc;
}
.m342 .section2 .conwrap .diawrap .part1 .box{
	position: relative;
	z-index: 1;
	width: 80%;
	margin-left: 20%;
	height: 80px;
	line-height: 80px;
	border-radius: 14px;
	background: #d66e82;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	text-align: center;
}
.m342 .section2 .conwrap .diawrap .part2{
	position: relative;
	margin-top: 40px;
	width: 100%;
	height: 80px;
	line-height: 80px;
	border-radius: 14px;
	background: #96a4cb;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	text-align: center;
}
.m342 .section2 .conwrap .diawrap .part2:after{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 100%;
	width: 1px;
	height: 160px;
	background: #ccc;
}
.m34 .section2 .conwrap .diawrap ul{
	position: relative;
	width: 100%;
	margin-top: 60px;
	padding-top: 60px;
	display: flex;
	justify-content: center;
}
.m34 .section2 .conwrap .diawrap ul:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 69.8%;
	height: 1px;
	background: #ccc;
}
.m34 .section2 .conwrap .diawrap li{
	position: relative;
	width: calc((100% - 110px) / 3);
	margin-right: 55px;
}
.m34 .section2 .conwrap .diawrap li:last-child{
	margin-right: 0;
}
.m34 .section2 .conwrap .diawrap li:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
	width: 1px;
	height: 60px;
	background: #ccc;
}
.m34 .section2 .conwrap .diawrap li:nth-child(2):after{
	height: 120px;
}
.m34 .section2 .conwrap .diawrap li .tit{
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	border-radius: 14px 14px 0 0;
}
.m34 .section2 .conwrap .diawrap li:nth-child(1) .tit{background: #c6cee4;}
.m34 .section2 .conwrap .diawrap li:nth-child(2) .tit{background: #96a4cb;}
.m34 .section2 .conwrap .diawrap li:nth-child(3) .tit{background: #657bb1;}
.m34 .section2 .conwrap .diawrap li .con{
	width: 100%;
	height: 150px;
	padding: 40px 0;
	border-radius: 0 0 14px 14px;
	background: #fff;
	text-align: center;
}
.m342 .section2 .conwrap .diawrap li .con{
	height: 175px;
}
.m34 .section2 .conwrap .diawrap li .con p{
	font-size: 18px;
	line-height: 1.4em;
	color: #666;
}

.m341 .section3{
	padding: 160px 0 220px;
}
.m341 .section3 .conwrap{
	text-align: center;
}
.m341 .section3 .conwrap .titwrap{
	margin-bottom: 110px;
}
.m341 .section3 .conwrap .titwrap .tit{
	font-size: 40px;
	font-weight: 600;
}
.m341 .section3 .conwrap ul{
	display: flex;
	justify-content: center;
}
.m341 .section3 .conwrap ul li{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 280px;
	height: 280px;
	background: #fff;
	border-radius: 50%;
	margin-right: 150px;
}
.m341 .section3 .conwrap ul li:last-child{
	margin-right: 0;
}
.m341 .section3 .conwrap ul li:after{
	content: "";
	position: absolute;
	left: calc(100% + 52px);
	top: 95px;
	width: 56px;
	height: 90px;
	background: url(/images/page/m31_sec1_arr.png) no-repeat center / contain;
}
.m341 .section3 .conwrap ul li:last-child:after{
	display: none;
}
.m34 .section3 .conwrap ul li .txtwrap span{
	font-family: "Pretendard";
	font-size: 16px;
	font-weight: 600;
	color: #04287e;
}
.m341 .section3 .conwrap ul li .txtwrap span{
	color: #d60029;
}
.m341 .section3 .conwrap ul li .txtwrap .icon{
	margin: 20px 0;
}
.m341 .section3 .conwrap ul li .txtwrap b{
	font-size: 25px;
	font-weight: 500;
}
.m341 .section3 .conwrap ul li .line1{
	position: absolute;
	left: -51px;
	top: -51px;
	width: 365px;
}
.m341 .section3 .conwrap ul li .line2{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 348px;
}
.m341 .section3 .conwrap ul li .line3{
	position: absolute;
	left: -33px;
	top: -51px;
	width: 365px;
}
.m341 .section3 .conwrap ul li .exp{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: calc(100% + 70px);
	width: 100%;
}
.m341 .section3 .conwrap ul li .exp p{
	font-size: 18px;
	color: #666;
}
.m341 .section4{
	padding: 0 0 200px;
}
.m341 .section4 .txtwrap{}
.m341 .section4 .txtwrap .txts{
	margin-bottom: 40px;
}
.m341 .section4 .txtwrap .txts:last-child{
	margin-bottom: 0;
}
.m341 .section4 .txtwrap .txts .tit{
	font-size: 30px;
	font-weight: 600;
}
.m341 .section4 .txtwrap .txts .con{
	margin-top: 20px;
	width: 100%;
	padding: 40px;
	border: 1px solid #ccc;
	border-radius: 14px;
	background: #fff;
}
.m341 .section4 .txtwrap .txts .con p{
	font-size: 18px;
	line-height: 1.5em;
	color: #666;
}
.m341 .section4 .boxwrap{
	margin-top: 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.m341 .section4 .boxwrap .box{
	width: calc((100% - 90px) / 4);
	padding: 30px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 14px;
}
.m341 .section4 .boxwrap .box .tit{
	width: 100%;
	height: 150px;
	padding: 0 10px;
	font-size: 24px;
	font-weight: 600;
	border-radius: 14px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	box-sizing: border-box;
}
.m341 .section4 .boxwrap .box:nth-child(1) .tit{background: #008da7;}
.m341 .section4 .boxwrap .box:nth-child(2) .tit{background: #006ea7;}
.m341 .section4 .boxwrap .box:nth-child(3) .tit{background: #00469c;}
.m341 .section4 .boxwrap .box:nth-child(4) .tit{background: #04287e;}
.m341 .section4 .boxwrap .box .con{
	margin-top: 30px;
}
.m341 .section4 .boxwrap .box .con p{
	font-size: 18px;
	line-height: 1.5em;
	color: #666;
}
.m341 .section5 .sec_tit {
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 50px;
}


.m35 .section .sec_tit {
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 50px;
		position: relative;
	z-index: 1;
}
.m35 .section2{
	padding: 180px 0;
	background: #e6e7ee;
}
.m35 .section2 .img{
	text-align: center;
}
.m35 .section2 .img img{width:100%;}
.m35 .section2 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #cccfd8 !important;}
.m35 .section2 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px !important;}
.m35 .section3{
	padding: 180px 0;
	background: #f7f7fe;
	overflow: hidden;
}
.m35 .section3 .img{
	position: relative;
	text-align: center;
}
.m35 .section3 .img img{
	position: relative;
	z-index: 1;
}
.m35 .section3 .img:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1300px;
	height: 1300px;
	background: #f4f4fb;
	border-radius: 50%;
}
.m35 .section3 ul{
	margin-top: 80px;
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px;
}
.m35 .section3 li{
	width: calc((100% - 40px) / 2);
	min-height: 300px;
	padding: 30px;
	border-radius: 14px;
	border: 1px solid #ccc;
	background: #fff;
}
.m35 .section3 li .tit{
	width: 100%;
	height: 80px;
	line-height: 80px;
	border-radius: 14px;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}
.m35 .section3 li:nth-child(1) .tit{background: #008da7;}
.m35 .section3 li:nth-child(2) .tit{background: #006ea7;}
.m35 .section3 li:nth-child(3) .tit{background: #00469c;}
.m35 .section3 li:nth-child(4) .tit{background: #04287e;}
.m35 .section3 li .txts{
	margin-top: 30px;
}
.m35 .section3 li .txts p{
	font-size: 18px;
	line-height: 1.5em;
	color: #666;
}


.m37{}
.m37 .section1{padding: 0 0 160px;}
.m37 .section1 .main_txt{
	position: relative;
	width: 100%;
	padding: 210px 40px;
	box-sizing: border-box;
}
.m37 .section1 .main_txt .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m37_sec1_bg.jpg) no-repeat center / cover;
}
.m37 .section1 .main_txt .txts{
	position: relative;
	z-index: 1;
	text-align: center;
}
.m37 .section1 .main_txt .txts .txt1{
	font-size: 40px;
	font-weight: 600;
	color: #fff;
}
.m37 .section1 .main_txt .txts .txt2{
	margin-top: 30px;
	font-size: 50px;
	font-weight: 600;
	color: #fff;
}
.m37 .section1 .main_txt .txts .txt3{
	margin-top: 30px;
	font-size: 18px;
	color: #fff;
}
.m37 .section1 .method{
	margin-top: 150px;
}
.m37 .section1 .method > p{
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 50px;
	text-align: center;
}
.m37 .section1 .method ul{
	position: relative;
	display: flex;
	justify-content: space-between;
}
.m37 .section1 .method ul:after{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	width: 1px;
	height: 100%;
	background: #ddd;
}
.m37 .section1 .method li{
	width: 49%;
	border-bottom: 1px solid #ddd;
}
.m37 .section1 .method li .tit{
	width: 100%;
	height: 80px;
	border-radius: 14px;
	background: #c6cee4;
	display: flex;
	align-items: center;
	justify-content: center;
}
.m37 .section1 .method li .tit span{
	font-size: 20px;
	font-weight: 600;
	margin-left: 10px;
}
.m37 .section1 .method li .con{
	width: 100%;
	height: 130px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.m37 .section1 .method li .con p{
	font-size: 18px;
	line-height: 1.6em;
	color: #666;
}

.m37 .section2{
	padding: 180px 0;
	background: #f0f1f5;
}
.m37 .section2 .conwrap{
	margin-bottom: 80px;
}
.m37 .section2 .conwrap .con_tit{
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 20px;
}
.m37 .section2 .conwrap .type_list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.m37 .section2 .conwrap .type_list li{
	width: calc((100% - 60px) / 3);
	padding: 30px;
	border-radius: 14px;
	border: 1px solid #ddd;
	background: #fff;
	box-sizing: border-box;
}
.m37 .section2 .conwrap .type_list li .tit{
	width: 100%;
	height: 85px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border-radius: 14px;
	box-sizing: border-box;
}
.m37 .section2 .conwrap .type_list li:nth-child(1) .tit{background: #008da7;}
.m37 .section2 .conwrap .type_list li:nth-child(2) .tit{background: #006ea7;}
.m37 .section2 .conwrap .type_list li:nth-child(3) .tit{background: #3257a1;}
.m37 .section2 .conwrap .type_list li:nth-child(4) .tit{background: #00469c;}
.m37 .section2 .conwrap .type_list li:nth-child(5) .tit{background: #04287e;}
.m37 .section2 .conwrap .type_list li .tit span{
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}
.m37 .section2 .conwrap .type_list li .con{
	margin-top: 35px;
	display: flex;
	min-height: 85px;
}
.m37 .section2 .conwrap .type_list li .con .icon{
	width: 100px;
	text-align: center;
}
.m37 .section2 .conwrap .type_list li .con p{
	width: calc(100% - 100px);
	padding-left: 25px;
	box-sizing: border-box;
	border-left: 1px solid #ddd;
	font-size: 18px;
	color: #666;
	line-height: 1.4em;
}
.m37 .section2 .conwrap .p_list{
	width: 100%;
	padding: 65px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 14px;
	box-sizing: border-box;
}
.m37 .section2 .conwrap .p_list li{
	display: flex;
	align-items: baseline;
	width: 100%;
	margin-bottom: 10px;
	padding: 30px 60px;
	border: 1px solid #ddd;
	border-radius: 14px;
	box-sizing: border-box;
}
.m37 .section2 .conwrap .p_list li:last-child{
	margin-bottom:0;
}
.m37 .section2 .conwrap .p_list li .num{
	display: block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	background: #f7f7fe;
	font-family: "Wix Madefor Display";
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	color: #04287e;
}
.m37 .section2 .conwrap .p_list li p{
	width: calc(100% - 45px - 30px);
	margin-left: 30px;
	font-size: 18px;
	color: #666;
	line-height: 1.4em;
}

.m37 .section2 .link{
	display: flex;
	justify-content: center;
}
.m37 .btnWrap .btn span{font-size: 17px;}
.btnWrap .btn .arr_icon{
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 14px;
	height: 9px;
	background: url(/images/page/btn_arr_icon.png) no-repeat center / contain;
	transition: all 0.6s;
}

.btnWrap .btn:hover .arr_icon{
	background: url(/images/page/btn_arr_icon_wh.png) no-repeat center / contain;
}



/* 폼디비 상단 단계 */
.agree_steps{
	padding: 90px 0;
}
.agree_steps .steps{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 520px;
	margin: 0 auto;
}
.agree_steps .steps:after{
	content: "";
	position: absolute;
	left: 40px;
	top: 50px;
	width: 430px;
	height: 1px;
	background: #ddd;
	z-index: -1;
}
.agree_steps .steps li{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.agree_steps .steps li .circle{
	width: 95px;
	height: 95px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #ddd;
}
.agree_steps .steps li.on .circle{
	width: 101px;
	height: 101px;
	background: #c6cee4;
	border: none;
}
.agree_steps .steps li:nth-child(1).on .circle{background: #c6cee4;}
.agree_steps .steps li:nth-child(2).on .circle{background: #96a4cb;}
.agree_steps .steps li:nth-child(3).on .circle{background: #657bb1;}
.agree_steps .steps li .circle span{
	font-family: "Wix Madefor Display";
	font-size: 22px;
	font-weight: 600;
	color: #000;
}
.agree_steps .steps li p{
	font-size: 20px;
	font-weight: 600;
	color: rgba(0,0,0,0.4);
	margin-top: 15px;
}
.agree_steps .steps li.on p{
	color: #000;
}
.agree_steps .agree_tabs{
	display: flex;
	justify-content: space-between;
	margin-top: 110px;
}
.agree_steps .agree_tabs li{
	display: inline-block;
	width: 49.5%;
}
.agree_steps .agree_tabs li a{
	width: 100%;
	height: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #dadde4;
	border-radius: 14px;
	font-size: 20px;
	font-weight: 500;
	color: #555555;
	box-sizing: border-box;
}
.agree_steps .agree_tabs li.on a{
	background: unset;
	color: #04287e;
	border: 2px solid #04287e;
}

.agreePage .section1{
	padding: 150px 0 180px;
	background: #f0f1f5;
}
.agreePage .agreewrap{
	padding-bottom: 80px;
	border-bottom:1px solid #ddd;
}
.agreePage .agreewrap:first-child{margin-bottom: 80px;}
.agreePage .agreewrap .tit{font-size:26px;font-weight:600;}
.agreePage .agreewrap .textarea{
	height:410px;
	padding:50px;margin:15px 0; 
	border-radius:14px;
	border: 1px solid #ddd;
	background:#fff;
	box-sizing:border-box;
}
.agreePage .agreewrap .textarea .textbox::-webkit-scrollbar {
    width: 4px;
}
.agreePage .agreewrap .textarea .textbox::-webkit-scrollbar-thumb {
    background: #000;
}
.agreePage .agreewrap .textarea .textbox::-webkit-scrollbar-track {
    background: #d1d1d1;
}
.agreePage .agreewrap .textarea .textbox{
	width:100%;height:308px;
	overflow: hidden;
	overflow-y: auto;
	font-size:18px;
	line-height: 1.6em;
}
.agreePage .agreewrap .textarea .textbox strong{
	display: inline-block;
}
.agreePage .agreewrap .textarea .textbox dl{display: flex;}
.agreePage .agreewrap .textarea .textbox dt{
	font-size: 18px;
	width: 30px;
	line-height: 1.6em;
}
.agreePage .agreewrap .textarea .textbox dd{
	font-size: 18px;
	width: calc(100% - 30px);
	line-height: 1.6em;
}
.agreePage .agreewrap .textarea .textbox ul{
	margin: 15px 0;
	display: flex;
	justify-content: space-between;
}
.agreePage .agreewrap .textarea .textbox ul.list2 li{
	width: calc((100% - 15px) / 2);
}
.agreePage .agreewrap .textarea .textbox ul.list3 li{
	width: calc((100% - 30px) / 3);
}
.agreePage .agreewrap .textarea .textbox ul li .tit{
	width: 100%;
	height: 65px;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	background: #f0f1f5;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.agreePage .agreewrap .textarea .textbox ul li .con{
	width: 100%;
	padding: 25px 0;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	text-align: center;
}
.agreePage .agreewrap .textarea .textbox dd .etc{
	font-size: 16px;
}
.agreePage .agreewrap .textarea .textbox ol li{
	display: inline-block; font-size: 18px;
	position: relative;
	margin-right: 30px;
}
.agreePage .agreewrap .textarea .textbox ol li:after{
	content: "";
	position: absolute;
	right: -15px;
	top: 9px;
	width: 1px;
	height: 13px;
	background: #ccc;
}
.agreePage .agreewrap .textarea .textbox ol li:last-child{margin-right: 0;}
.agreePage .agreewrap .textarea .textbox ol li:last-child:after{display: none;}
.agreePage .agreewrap .textarea .textbox .line{
	display: block;
	width: 100%;
	height: 1px;
	background: #ccc;
	margin: 30px 0;
}
.agreePage .agreewrap .chkarea{}
.agreePage .agreewrap .chkarea input{display:none;}
.agreePage .agreewrap .chkarea input + label{	
	position:relative;
	padding-left:40px;
	font-size:20px;
	font-weight: 600;
}
.agreePage .agreewrap .chkarea input + label:before{
	display:block;content:"";
	width:27px;height:27px;
	background: url(/images/page/m37_agree_check.png) no-repeat center / contain;
	position:absolute;left:0;top:0;
}
.agreePage .agreewrap .chkarea input + label:after{
	display:block;content:"";
	width:27px;height:27px;
	background: url(/images/page/m37_agree_checked.png) no-repeat center / contain;
	position:absolute;left:0;top:0;
	opacity: 0;
}
.agreePage .agreewrap .chkarea input:checked + label:after{opacity:1;}

.agreePage .section1 .link {
	margin-top: 70px;
	display: flex;
	justify-content: center;
}
.agreePage .section1 .link span{
	font-size: 17px;
}



/* 폼디비 공통 */
.writePage .section1{
	padding: 90px 0 180px;
	background: #f0f1f5;
}
.writePage .formarea{}
.writePage .formarea .con{
	width: 100%;
	padding: 60px 0;
	border-bottom: 1px solid #ddd;
}
.writePage .formarea .con .titwrap{
	display: flex;
	justify-content: space-between;
}
.writePage .formarea .con .titwrap .tit{
	font-size: 26px;
	font-weight: 600;
}
.writePage .formarea .con .titwrap .tit .est{
	color: #e3637e;
}
.writePage .formarea .con .titwrap .tit .multi{
	font-size: 18px;
	font-weight: 500;
	color: #666;
}
.writePage .formarea .con .titwrap > .est{
	font-size: 16px;
	font-weight: 500;
}
.writePage .formarea .con .titwrap > .est span{
	color: #e3637e;
}
.writePage .formarea .con .formwrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.writePage .formarea .con .formwrap dl{margin-top: 30px;}
.writePage .formarea .con .formwrap dl.w100{width: 100%;}
.writePage .formarea .con .formwrap dl.w50{width: 48%;}
.writePage .formarea .con .formwrap dl.w30{width: 30.6666%;}
.writePage .formarea .con .formwrap dl.w25{width: 23.5%;}
.writePage .formarea .con .formwrap dl dt{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}
.writePage .formarea .con .formwrap dl dt .est{
	color: #e3637e;
}
.writePage .formarea .con .formwrap dl dd{
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
}
.writePage .formarea .con .formwrap dl dd select{
	width: 100%;
	height: 60px;
	padding: 0 25px;
	box-sizing: border-box;
	border-radius: 8px;
	border: 1px solid #ddd;
	outline: none;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/images/page/select_arr.png) no-repeat right 25px center #fff;
	font-size: 18px;
}
.writePage .formarea .con .formwrap dl dd select:-ms-expand {
	display: none;
}
.writePage .formarea .con .formwrap dl dd select option{
	font-size: 18px;
}
.writePage .formarea .con .formwrap dl dd input{
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0 15px;
	background: #fff;
	outline: 0;
	font-size: 18px;
	border: 1px solid #ddd;
	border-radius: 8px;
}
.writePage .formarea .con .formwrap dl dd.v2{
	justify-content: space-between;
}
.writePage .formarea .con .formwrap dl dd .g{
	position: relative;
	width: 100%;
}
.writePage .formarea .con .formwrap dl dd.v2 .g{
	width: 48%;
}
.writePage .formarea .con .formwrap dl dd .g span{
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	font-weight: 500;
	color: #000;
}
.writePage .formarea .con .formwrap dl dd.v2 .g input{
	width: 100%;
}
.writePage .formarea .con .formwrap dl dd input::placeholder{
	color: #999;
}
.writePage .formarea .con .formwrap dl dd .space{
	display: inline-block;
	font-size: 18px;
	line-height: 60px;
	color: #999999;
	width: 24px;
	text-align: center;
}
.writePage .formarea .con .formwrap dl dd .tel{
	width: calc((100% - 48px) / 3);
}
.writePage .formarea .con .formwrap dl dd input[type="date"]{
	width: calc((100% - 24px) / 2);
}
.writePage .formarea .con .photoWrap .formwrap dl dd input[type="date"]{
	width: 100%;
}
.writePage .formarea .con .formwrap dl dd textarea{
	width: 100%;
	height: 230px;
	padding: 25px;
	box-sizing: border-box;
	background: #fff;
	outline: 0;
	font-size: 18px;

	border: 1px solid #ddd;
	border-radius: 8px;
	resize: none;
	overflow-y: auto;
}
.writePage .formarea .con .formwrap dl dd textarea::placeholder{
	color: #999;
}
.writePage .formarea .con .formwrap dl dd textarea.textarea2{
	height: 160px;
}
.writePage .formarea .con .formwrap .checkArea{
	margin-top: 30px;
	width: 100%;
	padding: 60px;
	box-sizing:border-box;
	border: 1px solid #ccc;
	background: #f6f7fa;
	border-radius: 8px;
}
.writePage .formarea .con .formwrap .checkArea .inner.last{
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #ccc;
}
.writePage .formarea .con .formwrap .checkArea .inner .tit{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 20px;
}
.writePage .formarea .con .formwrap .checkArea .inner .checkWrap{
	display: flex;
	flex-wrap: wrap;
}
.writePage .formarea .con .formwrap .checkArea .inner .checkWrap > div{
	width: 25%;
	margin-bottom: 30px;
}
.writePage .formarea .con .formwrap .checkArea .inner .checkWrap > div:nth-last-child(-n + 4){
	margin-bottom: 0;
}
.writePage .formarea .con .formwrap .checkArea .inner .checkWrap > div input{width: 0; opacity: 1;}
.writePage .formarea .con .formwrap .checkArea .inner .checkWrap > div input + label {
	position: relative;
	padding-left: 40px;
	font-size: 18px;
}
.writePage .formarea .con .formwrap .checkArea .inner .checkWrap > div input + label:before{
	content:"";
	position:absolute;
	width:29px;
	height:29px;
	left:0;top:0px;
	background: url(/images/page/m42_chk_off.png) no-repeat center;
}
.writePage .formarea .con .formwrap .checkArea .inner .checkWrap > div input:checked + label:before{
	background: url(/images/page/m42_chk_on.png) no-repeat center;
}
.writePage .formarea .con .gasArea{
	margin-top: 30px;
}
.writePage .formarea .con .gasArea > .tit{
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	background: #dadde4;
	border-radius: 14px;
}
.writePage .formarea .con .gasArea .gasWrap{
	margin-top: 15px;
}
.writePage .formarea .con .gasArea .gasWrap .inner{
	display: flex;
	flex-wrap: wrap;
}
.writePage .formarea .con .gasArea .gasWrap .inner .info{
	width: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	text-align: center;
	background: #dadde4;
	border-radius: 14px;
}
.writePage .formarea .con .gasArea .gasWrap .inner ul{
	display: flex;
	justify-content: space-between;
	width: 89%;
	margin-left: 1%;
}
.writePage .formarea .con .gasArea .gasWrap .inner li{
	width: 24%;
}
.writePage .formarea .con .gasArea .gasWrap .inner li .tit{
	width: 100%;
	height: 60px;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}
.writePage .formarea .con .gasArea .gasWrap .inner li:nth-child(1) .tit{
	background: #008da7;
	border-radius: 14px 0 0 14px;
}
.writePage .formarea .con .gasArea .gasWrap .inner li:nth-child(2) .tit{
	background: #006ea7;
}
.writePage .formarea .con .gasArea .gasWrap .inner li:nth-child(3) .tit{
	background: #00469c;
}
.writePage .formarea .con .gasArea .gasWrap .inner li:nth-child(4) .tit{
	background: #04287e;
	border-radius: 0 14px 14px 0;
}
.writePage .formarea .con .gasArea .gasWrap .inner li .tit span{
	font-weight: 500;
}
.writePage .formarea .con .gasArea .gasWrap .inner li .inputWrap{
	width: 100%;
	padding: 25px 35px;
	border: 1px solid #ccc;
	background: #f6f7fa;
	border-radius: 14px;
	box-sizing: border-box;
}
.writePage .formarea .con .gasArea .gasWrap .inner li .inputWrap .g{
	position: relative;
	width: 100%;
}
.writePage .formarea .con .gasArea .gasWrap .inner li .inputWrap .g input {
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0 15px;
	background: #fff;
	outline: 0;
	font-size: 18px;
	border: 1px solid #ddd;
	border-radius: 8px;
}
.writePage .formarea .con .gasArea .gasWrap .inner li .inputWrap .g span{
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	font-weight: 500;
	color: #000;
}
.writePage .formarea .con .photoWrap{
	width: 100%;
	margin-top: 30px;
	padding: 80px 60px;
	border: 1px solid #ccc;
	background: #e2e5eb;
	border-radius: 8px;
	box-sizing: border-box;
}
.writePage .formarea .con .photoWrap .txts{
	text-align: center;
	margin-bottom: 40px;
	font-size: 18px;
	line-height: 1.7em;
}
.writePage .formarea .con .photoWrap .conwrap{
	display: flex;
	margin-bottom: 1%;
}
.writePage .formarea .con .photoWrap .conwrap .tit{
	width: 18%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 18px;
	background: #a9afbb;
}
.writePage .formarea .con .photoWrap .conwrap .tit p{
	font-size: 18px;
	line-height: 1.6em;
	color: #fff;
}
.writePage .formarea .con .photoWrap .conwrap .formwrap{
	width: 81%;
	margin-left: 1%;
	padding: 0 50px 30px;
	background: #f0f1f5;
	border-radius: 18px;
	box-sizing: border-box;
}
.writePage .formarea .con .photoWrap .conwrap .formwrap .file{
	width: 100%;
}
.writePage .formarea .con .photoWrap .conwrap .formwrap .filebox {
	display: flex;
	justify-content:space-between;
	margin-bottom:15px;
}
.writePage .formarea .con .photoWrap .conwrap .formwrap .filebox:last-child {
	margin-bottom:0;
}
.writePage .formarea .con .photoWrap .conwrap .formwrap .filebox button.file_num {
	width:60px;
	height:60px;
	outline: none;
	border: none;
	border-radius: 8px;
}
.writePage .formarea .con .photoWrap .conwrap .formwrap .filebox button.add {
	background:#bbb url(/images/page/file_add_icon.png) no-repeat center;
}
.writePage .formarea .con .photoWrap .conwrap .formwrap .filebox button.remove {
	background:#bbb url(/images/page/file_remove_icon.png) no-repeat center;
}
.writePage .formarea .con .photoWrap .conwrap .formwrap .filebox input {
	width:calc(100% - 380px);
	height: 60px;
	margin: 0 10px;
}
.writePage .formarea .con .photoWrap .conwrap .formwrap .filebox label {
	display: flex;
	align-items: center;
	justify-content: center;
	width:300px;
	height:60px;
	font-size:18px;
	font-weight:600;
	color:#3257a1;
	border: 2px solid #3257a1;
	border-radius: 8px;
	box-sizing: border-box;
}
.writePage .formarea .con .photoWrap .conwrap .formwrap .filebox .upload-hidden {
	position: absolute;
	overflow: hidden;
	clip: rect(0,0,0,0);
	width: 1px;height: 1px;
	margin: -1px;padding: 0;
	border: 0;
}
.writePage .formarea .con .photoWrap .conwrap .formwrap .alert{
	width: 100%;
	margin-top: 10px;
}
.writePage .formarea .con .photoWrap .conwrap .formwrap .alert span{
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	color: #666666;
	margin-left: 15px;
}
.writePage .formarea .con .applyWrap{
	width: 100%;
	margin-top: 30px;
	padding: 80px 60px;
	border: 1px solid #ccc;
	background: #e2e5eb;
	border-radius: 8px;
	box-sizing: border-box;
}
.writePage .formarea .con .applyWrap .exp{
	width: 100%;
	padding-bottom: 50px;
	border-bottom: 1px solid #ccc;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
}
.writePage .formarea .con .applyWrap .applyInfo{
	margin-top: 40px;
}
.writePage .formarea .con .applyWrap .applyInfo li{
	display: flex;
	width: 100%;
	margin-bottom: 10px;
	padding: 30px 55px;
	border-radius: 14px;
	border: 1px solid #ccc;
	background: #f0f1f5;
	box-sizing: border-box;
}
.writePage .formarea .con .applyWrap .applyInfo li .num{
	font-family: "Wix Madefor Display";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #fff;
	margin-right: 25px;
	font-size: 16px;
	font-weight: 500;
	color: #04287e;
}
.writePage .formarea .con .applyWrap .applyInfo li p{
	width: calc(100% - 42px - 25px);
	font-size: 18px;
	color: #666;
	line-height: 1.6em;
	margin-top: 5px;
}




.writePage .formarea .btnWrap{
	margin: 75px auto 0;
	display: block;
	width: 210px;
}

.writePage .formarea .con .warning{
	width: 100%;
	padding: 40px 60px;
	margin-top: 60px;
	box-sizing: border-box;
	border-radius: 14px;
	background: #e3e6ed;
	display: flex;
	align-items: center;
}
.writePage .formarea .con .warning .txts{
	margin-left: 30px;
	width: calc(100% - 37px - 30px);
	font-size: 18px;
	line-height: 1.6em;
}

.writePage .formarea .con .visit_info{
	width: 100%;
	padding: 50px;
	margin: 50px 0;
	box-sizing: border-box;
	background: #e2e5eb;
	border-radius: 8px;
}
.writePage .formarea .con .visit_info p{
	font-size: 18px;
	line-height: 1.8em;
}
.writePage .formarea .con .visit_info p strong{
	font-weight: 600;
}
.writePage .formarea .con .visitWrap{
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
}
.writePage .formarea .con .visitWrap .inner{
	width: 1480px;
}
.writePage .formarea .con .visitWrap .inner .titwrap{
	display: flex;
	margin-bottom: 25px;
}
.writePage .formarea .con .visitWrap .inner .name{width: 270px;}
.writePage .formarea .con .visitWrap .inner .birth{width: 310px;}
.writePage .formarea .con .visitWrap .inner .phone{width: 210px;}
.writePage .formarea .con .visitWrap .inner .mail{width: 230px;}
.writePage .formarea .con .visitWrap .inner .car{width: 190px;}
.writePage .formarea .con .visitWrap .inner .carinfo{width: 230px;}
.writePage .formarea .con .visitWrap .inner .titwrap li{
	height: 60px;
	background: #a9afbb;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.writePage .formarea .con .visitWrap .inner .titwrap li:first-child{border-radius: 14px 0 0 14px;}
.writePage .formarea .con .visitWrap .inner .titwrap li:last-child{border-radius: 0 14px 14px 0;}

.writePage .formarea .con .visitWrap .inner .visitFormWrap{
	display: flex;
	justify-content: space-between;
	padding: 15px 0;border-top: 1px solid #ccc;
}
.writePage .formarea .con .visitWrap .inner .visitFormWrap:last-child{
	border-bottom: 1px solid #ccc;
}
.writePage .formarea .con .visitWrap .inner .visitFormWrap > div{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
	box-sizing: border-box;
}
.writePage .formarea .con .visitWrap .inner .visitFormWrap .name .name_tit{
	display: flex;
	width: 92px;
}
.writePage .formarea .con .visitWrap .inner .visitFormWrap .name .name_tit a{
	display: block;
	width: 24px;
	height: 24px;
	border: none;
}

.writePage .formarea .con .visitWrap .inner .visitFormWrap .name .name_tit a.add{
	background: url(/images/page/visit_add_icon.png) no-repeat center;
}
.writePage .formarea .con .visitWrap .inner .visitFormWrap .name .name_tit a.remove{
	background: url(/images/page/visit_remove_icon.png) no-repeat center;
}
.writePage .formarea .con .visitWrap .inner .visitFormWrap .name .name_tit .word{
	font-size: 16px;
	font-weight: 600;
	margin: 0 12px;
}
.writePage .formarea .con .visitWrap .inner .visitFormWrap .name .name_tit .word.add{
	#3257a1;
}
.writePage .formarea .con .visitWrap .inner .visitFormWrap .name .v_name{width: calc(100% - 92px);}
.writePage .formarea .con .visitWrap .inner .visitFormWrap input{
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	padding: 0 15px;
	background: #fff;
	outline: 0;
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 8px;
}

.writePage .formarea .con .visitWrap .inner .visitFormWrap select {
	width: 100%;
	height: 50px;
	padding: 0 15px;
	box-sizing: border-box;
	border-radius: 8px;
	border: 1px solid #ddd;
	outline: none;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/images/page/select_arr.png) no-repeat right 15px center #fff;
	font-size: 16px;
}
.writePage .formarea .con .visitWrap .inner .visitFormWrap .birth select{
	width: calc((100% - 20px) / 3);
}

.writePage .formarea .con .visitWrap > .add{
	display: block;
	margin-top: 30px;
	width: 115px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	border-radius: 8px;
	background: #3257a1;
}


.writePage .formarea .con .method_check{}
.writePage .formarea .con .method_check input{display:none;}
.writePage .formarea .con .method_check input + label{
	position:relative;
	padding-left:40px;
	font-size:18px;
	margin-right: 75px;
	cursor: default;
}
.writePage .formarea .con .method_check input + label:before{
	display:block;content:"";
	width:30px;height:30px;
	border-radius:50%;
	position:absolute;left:0;top:0px;
	background: #dadde4;
	border: 1px solid #c2c3c7;
	box-sizing: border-box;
}
.writePage .formarea .con .method_check input + label:after{
	display:block;content:"";
	width:14px;height:14px;
	background:#153685;border-radius:50%;
	position:absolute;left:8px;top:8px;
	opacity:0;
}
.writePage .formarea .con .method_check input:checked + label:before{
	background: #fff;
}
.writePage .formarea .con .method_check input:checked + label:after{opacity:1;}


/* 접수성공 페이지 */
.writeOk{}
.writeOk .section1{
	padding: 160px 0 190px;
	background: #f0f1f5;
}
.writeOk .section1 .con{
	width: 100%;
	padding: 100px 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	background: #e3e6ed;
	border-radius: 14px;
	box-sizing: border-box;
}
.writeOk .section1 .con .txt1{
	margin: 30px 0 10px;
	font-size: 26px;
	font-weight: 600;
}
.writeOk .section1 .con .num{
	font-size: 26px;
	font-weight: 600;
}
.writeOk .section1 .con .txt2{
	font-size: 18px;
	color: #666;
	margin: 10px 0;
}
.writeOk .section1 .con .txt2 a{
	font-size: 18px;
	color: #666;
}
.writeOk .section1 .con .txt2 strong{
	color: red;
}



/* 사이버신문고 접수결과 */
.m37_result dd .result_con{
	width: 100%;
	min-height: 350px;
	padding: 25px;
	font-size: 18px;
	line-height: 1.6em;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.m37_result dd .result_con .logowrap{
	margin-top: 50px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
}



.m41_inquiry .formarea .con .formwrap dl dd.birth{
	justify-content: space-between;
}
.m41_inquiry .formarea .con .formwrap dl dd select{
	width: calc((100% - 20px) / 3);
}

.m41_result{}
.m41_result .formarea .con{
	padding-bottom: 0;
	border-bottom: none;
}
.m41_result .formarea .con .inquiryWrap{
	margin-top: 30px;
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
}
.m41_result .formarea .con .inquiryWrap .inner{
	width: 1480px;
}
.m41_result .formarea .con .inquiryWrap .inner .titwrap{
	display: flex;
	margin-bottom: 25px;
}
.m41_result .formarea .con .inquiryWrap .date{width: 164px;}
.m41_result .formarea .con .inquiryWrap .place{width: 200px;}
.m41_result .formarea .con .inquiryWrap .company{width: 193px;}
.m41_result .formarea .con .inquiryWrap .name{width: 155px;}
.m41_result .formarea .con .inquiryWrap .period{width: 240px;}
.m41_result .formarea .con .inquiryWrap .car{width: 134px;}
.m41_result .formarea .con .inquiryWrap .carinfo{width: 183px;}
.m41_result .formarea .con .inquiryWrap .progress{width: 168px;}
.m41_result .formarea .con .inquiryWrap .titwrap li{
	height: 60px;
	background: #a9afbb;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.m41_result .formarea .con .inquiryWrap .inner .titwrap li:first-child{border-radius: 14px 0 0 14px;}
.m41_result .formarea .con .inquiryWrap .inner .titwrap li:last-child{border-radius: 0 14px 14px 0;}

.m41_result .formarea .con .inquiryWrap .inner .inquiryFormWrap{
	display: flex;
	justify-content: space-between;
	padding: 15px 0;border-top: 1px solid #ccc;
}
.m41_result .formarea .con .inquiryWrap .inner .inquiryFormWrap:last-child{
	border-bottom: 1px solid #ccc;
}
.m41_result .formarea .con .inquiryWrap .inner .inquiryFormWrap > div{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
	box-sizing: border-box;
}
.m41_result .formarea .con .inquiryWrap .inner .inquiryFormWrap input{
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	padding: 0 15px;
	background: #fff;
	outline: 0;
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 8px;
}



.m42_upload{}
.m42_upload .formarea .con .downWrap{
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	gap:20px;
}
.m42_upload .formarea .con .downWrap li{
	width: calc((100% - 60px) / 4);
	padding: 40px 30px;
	border-radius: 13px;
	border: 1px solid #ccc;
	background: #e2e5eb;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.m42_upload .formarea .con .downWrap li p{
	font-size: 22px;
	font-weight: 600;
	margin: 10px 0 20px;
}
.m42_upload .formarea .con .downWrap li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	border-radius: 14px;
}
.m42_upload .formarea .con .downWrap li:nth-child(1) a{background: #008da7;}
.m42_upload .formarea .con .downWrap li:nth-child(2) a{background: #006ea7;}
.m42_upload .formarea .con .downWrap li:nth-child(3) a{background: #3257a1;}
.m42_upload .formarea .con .downWrap li:nth-child(4) a{background: #0e3183;}
.m42_upload .formarea .con .downWrap li a i{
	display: block;
	width: 21px;
	height: 21px;
	background: url(/images/page/m42_down_img.png) no-repeat center / contain;
	margin-right: 12px;
}
.m42_upload .formarea .con .downWrap li a span{
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}


.m42_upload .formarea .con .formwrap .file{
	width: 100%;
}
.m42_upload .formarea .con .formwrap .file .filebox {
	display: flex;
	justify-content:space-between;
	margin-bottom:15px;
}
.m42_upload .formarea .con .formwrap .file .filebox:last-child {
	margin-bottom:0;
}
.m42_upload .formarea .con .formwrap .file .filebox button.file_num {
	width:60px;
	height:60px;
	outline: none;
	border: none;
	border-radius: 8px;
}
.m42_upload .formarea .con .formwrap .file .filebox button.add {
	background:#bbb url(/images/page/file_add_icon.png) no-repeat center;
}
.m42_upload .formarea .con .formwrap .file .filebox button.remove {
	background:#bbb url(/images/page/file_remove_icon.png) no-repeat center;
}
.m42_upload .formarea .con .formwrap .file .filebox input {
	width:calc(100% - 210px);
	height: 60px;
	margin-right: 10px;
}
.m42_upload .formarea .con .formwrap .file .filebox label {
	display: flex;
	align-items: center;
	justify-content: center;
	width:200px;
	height:60px;
	font-size:18px;
	font-weight:600;
	color:#3257a1;
	border: 2px solid #3257a1;
	border-radius: 8px;
	box-sizing: border-box;
}
.m42_upload .formarea .con .formwrap .file .filebox .upload-hidden {
	position: absolute;
	overflow: hidden;
	clip: rect(0,0,0,0);
	width: 1px;height: 1px;
	margin: -1px;padding: 0;
	border: 0;
}



.m51{}
.m51 .section1{padding: 0 0 180px;}
.m51 .section1 .slogan{
	position: relative;
	width: 98%;
	max-width: 1890px;
	height: 800px;
	margin: 0 auto;
	border-radius: 14px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.m51 .section1 .slogan .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 14px;
	background: url(/images/page/m51_sec1_slogan_bg.jpg) no-repeat center / cover;
}
.m51 .section1 .slogan .txtwrap{
	position: relative;
	width: 92%;
	margin-top: 0;
}
.m51 .section1 .slogan .txtwrap .tit{
	font-size: 40px;
	font-weight: 600;
	color: #fff;
}
.m51 .section1 .slogan .txtwrap p{
	font-size: 40px;
	font-weight: 600;
	color: #fff;
}
.m51 .section1 .txtwrap{
	margin-top: 100px;
	text-align: center;
}
.m51 .section1 .txtwrap p{
	font-size: 18px;
	line-height: 1.5em;
	color: #666;
}
.m51 .section1 .txtwrap .tit{
	margin: 50px 0 20px;
	font-size: 30px;
	font-weight: 600;
}
.m51 .section2{
	padding: 180px 0;
	background: #f0f1f6;
}
.m51 .section2 .sec_tit{
	font-size: 40px;
	font-weight: 600;
	text-align: center;
}
.m51 .section2 .circlewrap{
	margin: 110px 0;
	display: flex;
}
.m51 .section2 .circlewrap li{
	width: 327px;
	height: 327px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #ccc;
}
.m51 .section2 .circlewrap li + li{
	margin-left: -38px;
}
.m51 .section2 .circlewrap li:nth-child(1){background: rgba(181,186,202, 0.85);}
.m51 .section2 .circlewrap li:nth-child(2){background: rgba(89,161,199, 0.85);}
.m51 .section2 .circlewrap li:nth-child(3){background: rgba(0,110,167, 0.85);}
.m51 .section2 .circlewrap li:nth-child(4){background: rgba(0,70,156, 0.85);}
.m51 .section2 .circlewrap li:nth-child(5){background: rgba(4,40,126, 0.85);}
.m51 .section2 .circlewrap li span{
	font-family: "Pretendard";
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}
.m51 .section2 .circlewrap li .icon{
	margin: 20px 0;
}
.m51 .section2 .circlewrap li b{
	font-size: 34px;
	color: #fff;
	text-align: center;
}
.m51 .section2 .conwrap{
	padding: 120px 0;
	border-radius: 14px;
	background: #e6e7ee;
}
.m51 .section2 .conwrap .boxwrap{
	display: flex;
	flex-wrap: wrap;l
}
.m51 .section2 .conwrap .boxwrap .box{
	position: relative;
	width: calc((100% - 100px) / 2);
	margin-right: 100px;
	margin-bottom: 70px;
	border-radius: 14px;
	overflow: hidden;
}
.m51 .section2 .conwrap .boxwrap .box:nth-child(2n){
	margin-right: 0;
}
.m51 .section2 .conwrap .boxwrap .box:nth-last-child(-n+2){
	margin-bottom: 0;
}
.m51 .section2 .conwrap .boxwrap .box .tit{
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #a5aab9;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
}
.m51 .section2 .conwrap .boxwrap .box .con{
	width: 100%;
	padding: 40px;
	box-sizing: border-box;
	background: #fff;
}
.m51 .section2 .conwrap .boxwrap .box .con li{
	display: flex;
	margin-bottom: 13px;
}
.m51 .section2 .conwrap .boxwrap .box .con li:last-child{
	margin-bottom: 0;
}
.m51 .section2 .conwrap .boxwrap .box .con li .num{
	font-family: "Wix Madefor Display";
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	background: #2c4e9d;
	border-radius: 50%;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	color: #fff;
}
.m51 .section2 .conwrap .boxwrap .box .con li p{
	margin-left: 10px;
	width: calc(100% - 32px - 10px);
	font-size: 18px;
	line-height: 1.5em;
	color: #666;
}
.m51 .section2 .conwrap .boxwrap .box .con li strong{
	color: #000;
}
.m51 .section2 .conwrap .boxwrap .box .con .imgwrap{
	display: flex;
	margin-top: 30px;
	gap: 24px;
}
.m51 .section3{
	padding: 180px 0;
}
.m51 .section3 .sec_tit{
	text-align: center;
}
.m51 .section3 .sec_tit .tit{
	font-size: 30px;
	font-weight: 600;
	color: #000;
}
.m51 .section3 .sec_tit p{
	font-size: 50px;
	font-weight: 700;
	margin-top: 40px;
}
.m50 .prd_list{
	margin-top: 80px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.m50 .prd_list.v2 li{
	width: calc((100% - 20px ) / 2);
}
.m50 .prd_list.v3 li{
	width: calc((100% - 40px ) / 3);
}
.m50 .prd_list.v4 li{
	width: calc((100% - 60px ) / 4);
}
.m50 .prd_list li .img {
	width: 100%;
	border-radius: 14px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	overflow: hidden;
}
.m50 .prd_list li .name {
	font-size: 24px;
	font-weight: 600;
	margin: 15px 0;
}

.m50 .prd_info{
	display: flex;
	width: 100%;
	padding: 50px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}
.m50 .prd_info .tit{
	width: 37%;
	font-size: 40px;
	font-weight: 600;
}
.m50 .prd_info .info{
	width: 63%;
	padding-left: 60px;
	border-left: 1px solid #ccc;
	box-sizing: border-box;
}
.m50 .prd_info .info .name{
	font-size: 30px;
	font-weight: 600;
}
.m50 .prd_info .info .exp{
	margin-top: 15px;
	font-size: 18px;
	line-height: 1.6em;
	color: #666;
}
.m52, .m53, .m54{
	padding: 0 0 200px;
}

@media screen and (max-width:1599px){
.m51 .section2 .circlewrap li{
	width: calc(327px * 9.5/10);
	height:calc(327px * 9.5/10);
	}
}


.m53 .section .con{
	padding-top: 80px;
}
.m53 .section .con .con_tit{
	font-size: 44px;
	font-weight: 700;
	text-align: center;
}
.m53 .section .con .conwrap{
	width: 100%;
	margin-top: 50px;
	padding: 100px;
	border-radius: 14px;
	border: 1px solid #dddddd;
	background: #fff;
	box-sizing: border-box;
}
.m53 .section .con .conwrap .top{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.m53 .section .con .conwrap .top .left{
	position: relative;
	z-index: 1;
	width: 44%;
}
.m53 .section .con .conwrap .top .left .arr{
	position: absolute;
	left: 102%;
	top: 50%;
	transform: translateY(-50%);
	width: 173px;
}
.m53 .section .con .conwrap .top .left .arr img:last-child{display: none;}
.m53 .section .con .conwrap .top .right{
	position: relative;
	z-index: 1;
	width: 48%;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.m53 .section .con .conwrap .top .right img{
	width: calc((100% - 20px) / 2);
}
.m53 .section .con .conwrap .bot{
	margin-top: 120px;
	padding-top: 120px;
	border-top: 1px solid #ddd;
	text-align: center;
}




.m55 .section1{
	padding: 0 0 200px;
}
.m55 .section1 ul{
	display: flex;
	flex-wrap: wrap;
}
.m55 .section1 li{
	width: calc((100% - 330px) / 4);
	margin-right: 110px;
	margin-bottom: 70px;
}
.m55 .section1 li:nth-child(4n){
	margin-right: 0;
}
.m55 .section1 li:nth-last-child(-n+4){
	margin-bottom: 0;
}
.m55 .section1 li .img {
	background: #fff;
	border-radius: 25px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	overflow: hidden;
}
.m55 .section1 li .img img {
	width: 100%;
}
.m55 .section1 li .name{
	margin-top: 20px;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
}



.m61 .section1{
	padding: 0 0 200px;
	overflow: hidden;
}
.m61 .section1 .sec_tit{
	font-size: 56px;
	font-weight: 700;
	text-align: center;
}
.m61 .section1 .con{
	margin-top: 180px;
}
.m61 .section1 .con .circle{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 450px;
	height: 450px;
	background: url(/images/page/m61_sec1_circle_bg.png) no-repeat center / cover;
	margin: 0 auto;
}
.m61 .section1 .con .circle p{
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	margin-top: 20px;
}
.m61 .section1 .con .circle .line{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
}
.m61 .section1 .con .circle .line.line1{
	width: 150%;
	height: 150%;
	background: #e7e8ea;
	z-index: -1;
}
.m61 .section1 .con .circle .line.line2{
	width: 275%;
	height: 275%;
	background: #edeef1;
	z-index: -2;
}
.m61 .section1 .con .circle .line.line3{
	width: 380%;
	height: 380%;
	background: #f2f3f6;
	z-index: -3;
}
.m61 .section1 .con ul{
	margin-top: 75px;
	display: flex;
	justify-content: center;
	gap: 40px;
}
.m61 .section1 .con li{
	position: relative;
	width: 450px;
	height: 450px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
}
.m61 .section1 .con li:nth-child(1){border: 1px solid #008da7;}
.m61 .section1 .con li:nth-child(2){border: 1px solid #006ea7;}
.m61 .section1 .con li:nth-child(3){border: 1px solid #00469c;}
.m61 .section1 .con li b{
	display: inline-block;
	margin: 10px 0 20px;
	font-size: 40px;
}
.m61 .section1 .con li p{
	font-size: 18px;
	line-height: 1.5em;
}
.m61 .section1 .con li:nth-child(1):after{
	content: "";
	position: absolute;
	left: 100%;
	bottom: calc(100% - 80px);
	transform: rotate(45deg);
	width: 1px;
	height: 300px;
	background: #008da7;
	z-index: -1;
}
.m61 .section1 .con li:nth-child(2):after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: calc(100% - 80px);
	width: 1px;
	height: 300px;
	background: #006ea7;
	z-index: -1;
}
.m61 .section1 .con li:nth-child(3):after{
	content: "";
	position: absolute;
	right: 100%;
	bottom: calc(100% - 80px);
	transform: rotate(-45deg);
	width: 1px;
	height: 300px;
	background: #00469c;
	z-index: -1;
}

@media (max-width: 1599px){
	.m61 .section1 .con li{
		width: 400px;
		height: 400px;
	}
}
.m61 .section2{
	padding: 0 0 200px;
}
.m61 .section2 .conwrap{
	width: 100%;
	padding: 15px;
	border-radius: 14px;
	background: url(/images/page/m61_sec2_bg.png) no-repeat center / cover;
	overflow: hidden;
}
.m61 .section2 .conwrap .top{
	width: 100%;
	padding: 140px 0 70px;
	text-align: center;
}
.m61 .section2 .conwrap .top p{
	font-size: 54px;
	font-weight: 600;
	color: #fff;
}
.m61 .section2 .conwrap .bot{
	display: flex;
	gap: 15px;
}
.m61 .section2 .conwrap .bot .box{
	width: calc((100% - 15px) / 2);
	padding: 50px 60px;
	border-radius: 14px;
	backdrop-filter: blur(30px) brightness(130%);
	box-sizing: border-box;
}
.m61 .section2 .conwrap .bot .box b{
	display: inline-block;
	margin: 10px 0 20px;
	font-size: 41px;
	color: #fff;
}
.m61 .section2 .conwrap .bot .box p{
	font-size: 18px;
	line-height: 1.5em;
	color: rgba(255,255,255,0.8);
}

.m62 .section1{
	padding: 0 0 100px;
}
.m62 .section1 .tit{
	font-size: 30px;
	font-weight: 600;
}
.m62 .section1 .con{
	margin-top: 20px;
	width: 100%;
	padding: 40px;
	border: 1px solid #ccc;
	border-radius: 14px;
	background: #fff;
}
.m62 .section1 .con p{
	font-size: 18px;
	line-height: 1.5em;
	color: #666;
}

.m62 .section2{
	padding: 40px 0 200px;
	background: #f0f1f6;
}
.m62 .section2 .conwrap .con{
	position: relative;
	display: flex;
	align-items: center;
	padding: 35px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}
.m62 .section2 .conwrap .con .icon{
	width: 280px;
}
.m62 .section2 .conwrap .con .txtwrap{
	width: calc(100% - 280px);
}
.m62 .section2 .conwrap .con .txtwrap .tit{
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 15px;
}
.m62 .section2 .conwrap .con .txtwrap ul li{
	position: relative;
	padding-left: 16px;
	font-size: 18px;
	line-height: 1.5em;
	margin-bottom: 5px;
	color: #666;
}
.m62 .section2 .conwrap .con .txtwrap ul li:last-child{
	margin-bottom: 0;
}
.m62 .section2 .conwrap .con .txtwrap ul li:after{
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	border: 1px solid #929296;
	box-sizing: border-box;
}
.m62 .section2 .conwrap .con .arr{
	position: absolute;
	left: 100px;
	bottom: -15px;
	padding: 0 12px;
	background: #f0f1f6;
}
.m62 .m_view{display: none !important;}
.m62 .section2 .conwrap .con .icon>img.pt_ver{display: block;}
.m62 .section2 .conwrap .con .icon>img.m_ver{display: none;}
	
.m63{}
.m63 .section{
	padding: 0 0 200px;
}
.m63 .section ul{
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}
.m63 .section ul li{
	position: relative;
	width: calc((100% - 100px) / 5);
	padding: 30px;
	border: 1px solid #ccc;
	border-radius: 14px;
	background: #fff;
	display: flex;
	flex-direction: column;
}
.m63 .section ul li span{
	position: absolute;
	right: 30px;
	top: 30px;
	font-family:"Wix Madefor Display";
	font-size: 16px;
	font-weight: 600;
	color: #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
}
.m63 .section ul li .tit{
	font-size: 24px;
	font-weight: 600;
	margin: 20px 0;
}
.m63 .section ul li p{
	font-size: 18px;
	line-height: 1.5em;
	color: #666;
}


.noticePage{
	padding: 0 0 200px;
}
.noticePage ul{
	display: flex;
	flex-wrap: wrap;
}
.noticePage li{
	position: relative;
	width: calc((100% - 260px) / 3);
	margin-right: 130px;
	margin-bottom: 70px;
}
.noticePage li:nth-child(3n){
	margin-right: 0;
}

.noticePage li:after{
	content: "";
	position: absolute;
	left: calc(100% + 65px);
	top: 0;
	width: 1px;
	height: 100%;
	background: #ccc;
}
.noticePage li:nth-child(3n):after{
	display: none;
}
.noticePage li a{
	display: block;
}
.noticePage li a .thumb{
	border-radius: 14px;
	overflow: hidden;
}
.noticePage li a .thumb img{
	width: 100%;
	object-fit: cover;
	transition: all 0.5s;
}
.noticePage li a:hover .thumb img{
	transform: scale(1.1);
}
.noticePage li a .txtwrap{
	margin-top: 30px;
}
.noticePage li a .txtwrap .tit{
	font-size: 26px;
	font-weight: 600;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.noticePage li a .txtwrap .con{
	font-size: 18px;
	color: #666666;
	line-height: 1.5em;
	height: 3em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 10px 0;
}
.noticePage li a .txtwrap .date{
	font-family: "Wix Madefor Display";
	font-size: 16px;
	color: #666666;
}





/* btn More */
.btns{display:flex;align-items:center;justify-content:center;margin:70px 0 0;}
.more{overflow:hidden;position:relative;z-index:100;width:210px;border-radius:27px;}
.more a,
.more button{
	overflow:hidden;
	display:block;
	position:relative;
	box-sizing:border-box;
	width:100%;height:58px;
	border:1px solid #89898b;border-radius:27px;
	background:0;
	padding:0 20px;
	font-weight:bold;color:#555;text-align:left;line-height:56px;
}
.more a span,
.more button span{display:block;}
.more a span i,
.more button span i{
	display:inline-block;
	position:absolute;right:0px;top:50%;
	width:14px;height:9px;
	margin-top:-5px;
	background:url(/images/page/more_arr1.png) no-repeat;
}
.more a span i.menu,
.more button span i.menu{
	display:inline-block;
	position:absolute;right:0px;top:50%;
	width:17px;height:9px;
	margin-top:-5px;
	background:url(/images/page/more_menu1.png) no-repeat;
}
.more .circle{
	display:block;content:"";
	width:0px;height:0px;
	background:#04287e;border-radius:27px;
	position:absolute;left:0px;top:0px;
	pointer-events: none;
}
.more:hover a,
.more:hover button{color:#fff;}
.more:hover a span i,
.more:hover button span i{background:url(/images/page/more_arr2.png) no-repeat;}
.more:hover a span i.menu,
.more:hover button span i.menu{background:url(/images/page/more_menu2.png) no-repeat;}
.more.v2:hover a{color:#212121;}
.more span{position:relative;z-index:10;}
.explode-circle{animation: explode 0.6s forwards;}
.desplode-circle{animation: desplode 0.6s forwards;}

@keyframes explode {
  0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(4, 40, 126, 0.2);
  }
  100% {
    width:500px;
    height:500px;
	border-radius:27px;
    margin-left: -250px;
    margin-top: -250px;
    background-color: rgba(4, 40, 126, 1);
  }
}

@keyframes desplode {
  0% {
    width: 500px;
    height: 500px;
    margin-left: -250px;
    margin-top: -250px;
    background-color: rgba(4, 40, 126, 1);
  }
  100% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(4, 40, 126, 0.6);
  }
}



/* m64 */
.m64{}
.m64 .section1{padding:0 0 190px;}
.m64 .section1 .total{font-size:17px;color:#666;}
.m64 .section1 .total span{color:#b91818;font-weight:600;}
.m64 .section1 .recruit_list{margin-top:20px;border-top:1px solid #000;}
.m64 .section1 .recruit_list li{
	padding:50px 60px;
	border-bottom:1px solid #ccc;
}
.m64 .section1 .recruit_list li a{display:flex;}
.m64 .section1 .recruit_list li a .info{
	box-sizing:border-box;
	width:calc(100% - 130px);
	padding-right:5%;
}
.m64 .section1 .recruit_list li a .info .tit{
	font-size:25px;color:#000;font-weight:700;
}
.m64 .section1 .recruit_list li a .info .tag{
	display:flex;
	margin:25px 0 20px;
}
.m64 .section1 .recruit_list li a .info .tag div{
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:center;
	height:36px;
	padding:0 20px;margin:0 5px 0 0;
	border-radius:50px;
	border:1px solid #999;
	font-size:16px;color:#444;text-align:center;
}
.m64 .section1 .recruit_list li a .info .tag div.dday{background:#2b2b2b;color:#fff;}
.m64 .section1 .recruit_list li a .info .tag div.dday.imminent{background:#b91818;}
.m64 .section1 .recruit_list li.end a .info .tag div.dday{background:#e2e5eb;border:1px solid #e2e5eb;color:#444;}
.m64 .section1 .recruit_list li a .state{width:130px;}
.m64 .section1 .recruit_list li a .state span{
	display:flex;align-items:center;justify-content:center;
	width:130px;height:130px;
	border-radius:50%;
	font-size:18px;font-weight:600;
}
.m64 .section1 .recruit_list li a .state span.ing{background:#04277c;color:#fff;}
.m64 .section1 .recruit_list li a .state span.end{background:#e2e5eb;color:#666;}



/* m64_view */
.m64_view{}
.m64_view .section1{padding:0 0 190px;}
.m64_view .section1 .innerwrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
.m64_view .section1 .innerwrap .leftInfo{
	overflow:hidden;
	box-sizing:border-box;
	width:360px;
	padding:50px 40px;
	background:#ededf4;
	border-radius:25px;
}
.m64_view .section1 .innerwrap .leftInfo dl{
	padding:20px 0 20px 40px;
	border-bottom:1px solid #ccc;
}
.m64_view .section1 .innerwrap .leftInfo dl:nth-child(1){
	background:url(/images/page/m64_view_icon1.png) no-repeat left 24px;
}
.m64_view .section1 .innerwrap .leftInfo dl:nth-child(2){
	background:url(/images/page/m64_view_icon2.png) no-repeat left 23px;
}
.m64_view .section1 .innerwrap .leftInfo dl:nth-child(3){
	background:url(/images/page/m64_view_icon3.png) no-repeat left 24px;
}
.m64_view .section1 .innerwrap .leftInfo dl:nth-child(4){
	background:url(/images/page/m64_view_icon4.png) no-repeat left 24px;
}
.m64_view .section1 .innerwrap .leftInfo dl dt{font-size:17px;color:#000;font-weight:700;}
.m64_view .section1 .innerwrap .leftInfo dl dt .dday{
	box-sizing:border-box;
	display:inline-flex;align-items:center;justify-content:center;
	height:24px;
	padding:0 13px;margin:0 5px 0 0;
	border-radius:50px;
	border:1px solid #999;
	font-size:16px;color:#444;text-align:center;font-weight:600;	
}
.m64_view .section1 .innerwrap .leftInfo dl dt .dday{background:#2b2b2b;color:#fff;}
.m64_view .section1 .innerwrap .leftInfo dl dt .dday.imminent{border:1px solid #b91818;background:#b91818;}
.m64_view .section1 .innerwrap .leftInfo dl dd{margin-top:10px;font-size:15px;color:rgba(0,0,0,0.8);}
.m64_view .section1 .innerwrap .bbsView{
	
	width:calc(100% - 360px - 65px);
	border-top:1px solid #1a1a1a;
}
.m64_view .section1 .innerwrap .bbsView .titlearea{
	display:flex;flex-wrap:wrap;justify-content:Space-between;
	padding:50px 40px;
	border-bottom:1px solid #ccc;
}
.m64_view .section1 .innerwrap .bbsView .titlearea .title{}
.m64_view .section1 .innerwrap .bbsView .titlearea .title .tit{font-size:33px;color:#000;font-weight:700;}
.m64_view .section1 .innerwrap .bbsView .titlearea .title .info{display:flex;align-items:center;margin-top:10px;}
.m64_view .section1 .innerwrap .bbsView .titlearea .title .info .depart{
	display:inline-block;
	box-sizing:border-box;
	height:36px;
	padding:0 20px;
	border:1px solid #555;border-radius:18px;
	font-size:16px;color:#444;line-height:34px;text-align:center;
}
.m64_view .section1 .innerwrap .bbsView .titlearea .title .info dl{
	display:flex;
	margin-left:20px;
}
.m64_view .section1 .innerwrap .bbsView .titlearea .title .info dl dt{
	position:relative;
	padding-right:11px;margin-right:10px;
	font-size:17px;color:#666;font-weight:600;
}
.m64_view .section1 .innerwrap .bbsView .titlearea .title .info dl dt:after{
	display:block;content:"";
	width:1px;height:14px;
	background:#bbb;
	position:absolute;right:0;top:7px;
}
.m64_view .section1 .innerwrap .bbsView .titlearea .title .info dl dd{
	font-size:17px;color:#666;
}
.m64_view .section1 .innerwrap .bbsView .titlearea .btn .more{height:88px;border-radius:54px;}
.m64_view .section1 .innerwrap .bbsView .titlearea .btn .more a{height:88px;line-height:86px;border-radius:54px;}

.m64_view .section1 .innerwrap .bbsView .viewCon{
	padding:90px 45px;
	border-bottom:1px solid #ccc;
}
.m64_view .section1 .innerwrap .bbsView .viewCon{}



/* m64 step1 */
.m64_step1 .recruit_step{padding:0 0 110px;}
.m64_step1 .recruit_step ul{
	display:flex;justify-content:space-between;
	position:relative;
	width:936px;margin:0 auto;
}
.m64_step1 .recruit_step ul:before{
	display:block;content:"";
	width:calc(100% - 90px);height:1px;
	background:#c6c6cb;
	position:absolute;left:40px;top:45px;
}
.m64_step1 .recruit_step ul li{width:135px;}
.m64_step1 .recruit_step ul li .num{
	display:flex;align-items:center;justify-content:center;
	position:relative;
	box-sizing:border-box;
	width:90px;height:90px;
	margin:0 auto;
	border:1px solid #ccc;background:#fff;
	border-radius:50%;
	font-size:22px;color:#000;text-align:center;
}
.m64_step1 .recruit_step ul li .num:after{
	display:block;content:"";
	width:102px;height:102px;
	border-radius:50%;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	opacity:0;
}
.m64_step1 .recruit_step ul li:nth-child(1) .num:after{
	background:#d2d5dc url(/images/page/m64_step_icon1.png) no-repeat center;
}
.m64_step1 .recruit_step ul li:nth-child(2) .num:after{
	background:#c1c9de url(/images/page/m64_step_icon2.png) no-repeat center;
}
.m64_step1 .recruit_step ul li:nth-child(3) .num:after{
	background:#92a1c6 url(/images/page/m64_step_icon3.png) no-repeat center;
}
.m64_step1 .recruit_step ul li:nth-child(4) .num:after{
	background:#657bb1 url(/images/page/m64_step_icon4.png) no-repeat center;
}
.m64 .recruit_step ul li:nth-child(5) .num:after{
	background:#335096 url(/images/page/m64_step_icon5.png) no-repeat center;
}
.m64_step1 .recruit_step ul li.on .num:after{opacity:1;}
.m64_step1 .recruit_step ul li .tit{
	margin-top:15px;
	font-size:19px;color:rgba(34,34,34,0.4);font-weight:600;text-align:center;
}
.m64_step1 .recruit_step ul li.on .tit{color:#000;}

.m64_step1 .section1{
	padding:150px 0;
	background:#f0f1f5;
}
.m64_step1 .section1 h4{font-size:39px;color:#222;font-weight:700;}
.m64_step1 .section1 .boxwrap{
	padding:90px 0;
	border-bottom:1px solid #ccc;
}
.m64_step1 .section1 .boxwrap h5{font-size:25px;color:#222;font-weight:700;}
.m64_step1 .req{color:#e3637e;}
.m64_step1 .sel{font-size:19px;}
.m64_step1 .section1 .boxwrap .txtarea{
	width:100%;height:320px;
	margin:25px 0;padding:15px;
	overflow:hidden;overflow-y:auto;
	background:#fff;
	border:1px solid #ccc;border-radius:15px;
}
.m64_step1 .section1 .boxwrap .txtarea .textarea{
	box-sizing:border-box;
	width:100%;height:100%;
	padding:45px;
}
.m64_step1 .section1 .boxwrap .txtarea .textarea p{margin-bottom:40px;font-size:18px;color:#555;line-height:1.7em;}
.m64_step1 .section1 .boxwrap .txtarea .textarea .tit1{margin-bottom:20px;font-size:18px;color:#000;font-weight:600;}
.m64_step1 .section1 .boxwrap .txtarea .textarea .br{display:block;height:15px;}
.m64_step1 .section1 .boxwrap .txtarea .textarea strong{font-size:18px;color:#000;font-weight:600;}
.m64_step1 .section1 .boxwrap .txtarea .textarea>ul{margin:15px 0;}
.m64_step1 .section1 .boxwrap .txtarea .textarea>ul>li{
	position:relative;
	display:flex;
	font-size:17px;color:#555;line-height:1.7em;
}
.m64_step1 .section1 .boxwrap .txtarea .textarea>ul>li .num{width:25px;}
.m64_step1 .section1 .boxwrap .txtarea .textarea>ul>li .txt{
	width:calc(100% - 25px);
}
.m64_step1 .section1 .boxwrap .txtarea .textarea>ul>li .txt>ul{}
.m64_step1 .section1 .boxwrap .txtarea .textarea>ul>li .txt>ul>li{
	position:relative;
	display:flex;
	font-size:17px;color:#555;line-height:1.7em;
}
.m64_step1 .section1 .boxwrap .txtarea .textarea>ul>li .txt>ul>li .num{width:25px;}
.m64_step1 .section1 .boxwrap .txtarea .textarea>ul>li .txt>ul>li .txt{width:calc(100% - 25px);}
.m64_step1 .section1 .boxwrap .txtarea .textarea>ul>li .txt>ul>li.exli{display:block;}
.m64_step1 .section1 .boxwrap .txtarea .textarea>ul>li .txt>ul>li .ex{font-size:14px;}

.m64_step1 .section1 .boxwrap .txtarea .textarea .table{}
.m64_step1 .section1 .boxwrap .txtarea .textarea .table table{width:100%;}
.m64_step1 .section1 .boxwrap .txtarea .textarea .table table th{
	padding:15px;
	background:#f0f1f5;
	border-radius:20px;
	font-size:18px;color:#000;font-weight:600;text-align:center;
}
.m64_step1 .section1 .boxwrap .txtarea .textarea .table table td{
	padding:15px;
	border-bottom:1px solid #ccc;
	font-size:17px;color:#555;line-height:1.7em;
}
.m64_step1 .section1 .boxwrap .txtarea .textarea .table table td.tc{text-align:center;}
.m64_step1 .section1 .boxwrap .txtarea .textarea .table table td.vt{vertical-align:top;}
.m64_step1 .section1 .boxwrap .txtarea .textarea .table table td ul{margin-bottom:15px;}
.m64_step1 .section1 .boxwrap .txtarea .textarea .table table td ul li{
	position:relative;
	padding-left:10px;
	font-size:17px;color:#555;line-height:1.7em;
}
.m64_step1 .section1 .boxwrap .txtarea .textarea .table table td ul li:before{
	display:block;content:"-";
	position:absolute;left:0;top:0;
}

.m64_step1 .section1 .boxwrap .chkarea{}
.m64_step1 .section1 .boxwrap .chkarea input{display:none;}
.m64_step1 .section1 .boxwrap .chkarea input + label{
	position:relative;
	padding-left:40px;
	font-size:19px;color:#000;font-weight:600;
}
.m64_step1 .section1 .boxwrap .chkarea input + label:before{
	display:block;content:"";
	position:absolute;left:0;top:3px;
	width:25px;height:25px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #999;border-radius:5px;
}
.m64_step1 .section1 .boxwrap .chkarea input:checked + label:before{
	border:1px solid #04287e;
	background:#04287e url(/images/page/chk_on.png) no-repeat;
	background-size:cover;
}




/* m64 step2 */
.fix_btns{
	position:fixed;left:0;bottom:0;z-index:100;
	width:100%;
	padding:15px 0;
	background:#e2e5eb;border-top:1px solid #ccc;
	transform:translateY(100%);opacity:0;transition:all 0.24s;
}
.fix_btns.on{opacity:1;transform:translateY(0);}
.fix_btns>div{display:flex;justify-content:space-between;}
.fix_btns>div.center a,
.fix_btns>div.center button{width:49.5%}
.fix_btns>div a,
.fix_btns>div button{
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:center;
	width:32%;height:60px;
	border-radius:15px;
	font-size:16px;font-weight:600;
	border:0;outline:0;background:0;
}
.fix_btns>div .txt{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:67%;height:60px;
	border:1px solid #ddd;border-radius:15px;
	background:#fff;
	font-size:17px;color:#666;text-align:center;
}
.fix_btns>div .txt strong{color:#333;font-weight:500;}
.fix_btns>div .btn_prev{background:#a9afbb;color:#fff;}
.fix_btns>div .btn_save{border:2px solid #3257a1;color:#3257a1;}
.fix_btns>div .btn_next{background:#04287e;color:#fff;}

.m64_step2 .section1{padding:0 0 110px;}
.m64_step2 .section1 .boxwrap{border-bottom:1px solid #ccc;}
.m64_step2 .section1 .boxwrap.b1{padding-bottom:60px;}
.m64_step2 .section1 .boxwrap .titlearea{
	display:flex;align-items:flex-end;justify-content:space-between;
	margin-bottom:40px;
}
.m64_step2 .section1 .boxwrap .titlearea h4{font-size:25px;color:#222;font-weight:700;}
.m64_step2 .section1 .boxwrap .titlearea .tip{font-size:16px;color:#333;font-weight:600;}
.m64_step2 .section1 .boxwrap .inputwrap{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	width:100%;
	margin-bottom:30px;
}
.m64_step2 .section1 .boxwrap .inputwrap:last-child{margin:0;}
.m64_step2 .section1 .boxwrap .inputwrap dl{width:49%;}
.m64_step2 .section1 .boxwrap .inputwrap dl.w100{width:100%;}
.m64_step2 .section1 .boxwrap .inputwrap dl dt{
	font-size:16px;color:#333;font-weight:600;
}
.m64_step2 .section1 .boxwrap .inputwrap dl dd{position:relative;margin-top:10px;}
.m64_step2 .section1 .boxwrap .inputwrap dl dd input{
	box-sizing:border-box;
	width:100%;height:60px;
	padding:0 30px;
	border:1px solid #ccc;border-radius:10px;
	background:#fff;
	font-size:17px;color:#333;
	outline:0;
}
.m64_step2 .section1 .boxwrap .inputwrap dl dd select{
	box-sizing:border-box;
	width:100%;height:60px;
	padding:0 30px;
	border:1px solid #ccc;border-radius:10px;
	background:#fff url(/images/page/sel_arr.png) no-repeat calc(100% - 30px) center;
	font-size:17px;color:#333;
	outline:0;appearance: none;
}
.m64_step2 .section1 .boxwrap .inputwrap dl dd textarea{
	box-sizing:border-box;
	width:100%;height:230px;
	padding:30px;
	border:1px solid #ccc;border-radius:10px;
	background:#fff;
	font-size:17px;color:#333;
	outline:0;resize:none;
}

.m64_step2 .section1 .boxwrap.b2 .info1{
	display:flex;
	padding:50px 0;
	border-top:2px solid #222;
}
.m64_step2 .section1 .boxwrap.b2 .info1 .pht{
	box-sizing:border-box;
	width:275px;
	padding-right:45px;
}
.m64_step2 .section1 .boxwrap.b2 .info1 .pht h5{margin-bottom:20px;}
.m64_step2 .section1 .boxwrap.b2 .info1 .pht .imgarea{
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	width:100%;height:320px;
	border:1px solid #ddd;border-radius:10px;
	background:url(/images/page/m64_step2_pht_bg.jpg) no-repeat center;
	background-size:cover;
}
.m64_step2 .section1 .boxwrap.b2 .info1 .pht .imgarea .img{
	overflow:hidden;
	box-sizing:border-box;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m64_step2 .section1 .boxwrap.b2 .info1 .pht .imgarea .img img{
	width: 100% !important;
	height: 100% !important;
	max-width: unset !important;
}
.m64_step2 .section1 .boxwrap.b2 .info1 .pht .btn_pht{
	display:block;
	box-sizing:border-box;
	width:100%;height:60px;
	margin:10px 0 25px;
	border:2px solid #3257a1;border-radius:10px;
	background:0;
	font-size:16px;color:#3257a1;font-weight:700;text-align:center;
}
.m64_step2 .section1 .boxwrap.b2 .info1 .pht .btn_pht i{
	display:inline-block;vertical-align:top;
	width:24px;height:24px;
	margin:0 5px 0 0;
	background:url(/images/page/m64_step2_pht_btn_plus.png) no-repeat;
}
.m64_step2 .section1 .boxwrap.b2 .info1 .pht #phtImage{display:none;}
.m64_step2 .section1 .boxwrap.b2 .info1 .pht ul{}
.m64_step2 .section1 .boxwrap.b2 .info1 .pht ul li{
	position:relative;
	margin-bottom:10px;padding-left:14px;
	font-size:16px;color:#666;font-weight:500;
}
.m64_step2 .section1 .boxwrap.b2 .info1 .pht ul li:before{
	display:block;content:"*";
	position:absolute;left:0;top:2px;
}
.m64_step2 .section1 .boxwrap.b2 .info1 .pht .ex{font-size:21px;}
.m64_step2 .section1 .boxwrap.b2 .info1 .pht .ex2{
	position:relative;
	padding-left:12px;
	font-size:16px;color:#555;font-weight:500;margin-top:20px;
}
.m64_step2 .section1 .boxwrap.b2 .info1 .pht .ex2:before{
	display:block;content:"*";
	color:#e3637e;
	position:absolute;left:0;top:0;
}
.m64_step2 .section1 .boxwrap.b2 .info1 .info{
	box-sizing:border-box;
	width:calc(100% - 275px);
	padding-left:45px;
	border-left:1px solid #c0c1c4;
}
.m64_step2 .section1 .boxwrap dl dd .tip{
	width:90%;
	margin:10px auto 0;
	position:relative;
	padding-left:10px;
	font-size:16px;color:#666;
}
.m64_step2 .section1 .boxwrap dl dd .tip:before{
	position:absolute;left:0;top:0;
	display:block;content:"*";
}
.m64_step2 .section1 .boxwrap dl dd .ex{display:flex;flex-wrap:wrap;margin:10px 0 0;}
.m64_step2 .section1 .boxwrap dl dd .ex>div{
	position:Relative;
	margin:0 15px 10px 0;padding-left:18px;
	font-size:16px;color:#666;font-weight:600;
}
.m64_step2 .section1 .boxwrap dl dd .ex>div:last-child{width:100%;}
.m64_step2 .section1 .boxwrap dl dd .ex>div:before{
	display:block;content:"※";
	position:absolute;left:0;top:0;
}
.m64_step2 .section1 .boxwrap dl dd .filechk{
	margin-top:15px;
}
.m64_step2 .section1 .boxwrap dl dd .filechk span{
	position:relative;
	padding-left:20px;
	background:url(/images/page/m64_step2_icon_file.png) no-repeat left 4px;
	font-size:16px;color:#444;
}
.m64_step2 .section1 .boxwrap dl dd .filechk input{width:20px;height:20px;margin:0 3px 0 10px;}
.m64_step2 .section1 .boxwrap dl dd .filechk label{}

.m64_step2 .section1 .boxwrap .br{height:10px;}
.m64_step2 .section1 .boxwrap .sel{font-size:14px;}
.m64_step2 .section1 .boxwrap .addrcode{display:flex;justify-content:space-between;}
.m64_step2 .section1 .boxwrap dl dd .addrcode input{
	width:64%;
}
.m64_step2 .section1 .boxwrap dl dd .addrcode button{
	width:35%;
	border:2px solid #3257a1;border-radius:10px;
	outline:0;background:0;
	font-size:16px;color:#3257a1;font-weight:600;
}
.m64_step2 .section1 .boxwrap .iptsel{display:flex;justify-content:space-between;}
.m64_step2 .section1 .boxwrap dl dd .iptsel input{width:64%;}
.m64_step2 .section1 .boxwrap dl dd .iptsel select{width:35%;}
.m64_step2 .section1 .boxwrap .iptsel2{display:flex;justify-content:space-between;}
.m64_step2 .section1 .boxwrap dl dd .iptsel2 select{width:64%;}
.m64_step2 .section1 .boxwrap dl dd .iptsel2 input{width:35%;}
.m64_step2 .section1 .boxwrap .iptbtn{display:flex;justify-content:space-between;}
.m64_step2 .section1 .boxwrap dl dd .iptbtn input{width:64%;}
.m64_step2 .section1 .boxwrap dl dd .iptbtn button{
	width:35%;
	border:2px solid #3257a1;border-radius:10px;
	outline:0;background:0;
	font-size:16px;color:#3257a1;font-weight:600;
}

.m64_step2 .section1 .boxwrap .hidden1{display:none;}
.m64_step2 .section1 .boxwrap .hidden2{display:none;}

.m64_step2 .section1 .boxwrap .chkbox{display:flex;justify-content:flex-start;}
.m64_step2 .section1 .boxwrap .chkbox input{display:none;}
.m64_step2 .section1 .boxwrap .chkbox input + label{
	position:relative;
	padding-left:40px;
	font-size:19px;color:#000;font-weight:600;
}
.m64_step2 .section1 .boxwrap .chkbox input + label:before{
	display:block;content:"";
	position:absolute;left:0;top:3px;
	width:25px;height:25px;
	box-sizing:border-box;
	border:1px solid #999;border-radius:5px;
}
.m64_step2 .section1 .boxwrap .chkbox input:checked + label:before{
	border:1px solid #04287e;
	background:#04287e url(/images/page/chk_on.png) no-repeat;
	background-size:cover;
}

.m64_step2 .section1 .boxwrap.b3{border:0;padding:0;}
.m64_step2 .section1 .boxwrap.b3 .info1{border:0;padding:0;}
.m64_step2 .section1 .boxwrap.b3 .info1 .info{padding-bottom:50px;}
.m64_step2 .section1 .boxwrap.b3.first{padding-top:90px;}
.m64_step2 .section1 .boxwrap.b3.first .info1{padding-top:50px;border-top:2px solid #222}
.m64_step2 .section1 .boxwrap.b4{border:0;padding:90px 0 0;}
.m64_step2 .section1 .boxwrap.b4 .info1{padding-bottom:0;}
.m64_step2 .section1 .boxwrap.b4 .addEduInfo{padding-bottom:0;border:0;}

.m64_step2 .section1 .boxwrap .eduInfo{}
.m64_step2 .section1 .boxwrap .eduInfo .eduInfobox{
	margin-bottom:12px;
	border:1px solid #ccc;border-radius:10px;
	background:#e2e5eb;
	cursor:pointer;
}
.m64_step2 .section1 .boxwrap .eduInfo .eduInfobox .front{
	position:relative;
	display:flex;align-items:center;
	box-sizing:border-box;
	padding:30px 130px 30px 30px;
}
.m64_step2 .section1 .boxwrap .eduInfo .eduInfobox .front .tit{
	box-sizing:border-box;
	width:250px;
	padding-left:33px;
	font-size:21px;color:#000;font-weight:700;
	background:url(/images/page/m64_step2_edu_tit_bg.png) no-repeat left 5px;
}
.m64_step2 .section1 .boxwrap .addbox2 .eduInfobox .front .tit{
	background:url(/images/page/m64_step2_ph_tit_bg.png) no-repeat left 5px;
}
.m64_step2 .section1 .boxwrap .addbox3 .eduInfobox .front .tit{
	background:url(/images/page/m64_step2_pj_tit_bg.png) no-repeat left 6px;
}
.m64_step2 .section1 .boxwrap .addbox4 .eduInfobox .front .tit{
	background:url(/images/page/m64_step2_lang_tit_bg.png) no-repeat left 6px;
}
.m64_step2 .section1 .boxwrap .addbox5 .eduInfobox .front .tit{
	background:url(/images/page/m64_step2_qc_tit_bg.png) no-repeat left 6px;
}
.m64_step2 .section1 .boxwrap .addbox6 .eduInfobox .front .tit{
	background:url(/images/page/m64_step2_awards_tit_bg.png) no-repeat left 6px;
}
.m64_step2 .section1 .boxwrap .eduInfo .eduInfobox .front .btnDel{
	width:60px;height:40px;
	background:#a9afbb;border-radius:10px;
	font-size:14px;color:#fff;font-weight:600;
	border:0;outline:0;
}
.m64_step2 .section1 .boxwrap .eduInfo .eduInfobox .front .arr{position:absolute;right:30px;top:40px;}
.m64_step2 .section1 .boxwrap .eduInfo .eduInfobox .front .arr span{font-size:14px;color:#000;font-weight:600;transition:all 0.24s;}
.m64_step2 .section1 .boxwrap .eduInfo .eduInfobox .front .arr i{
	display:inline-block;
	width:14px;height:9px;
	margin-left:10px;
	background:url(/images/page/edu_arr.png) no-repeat;
	transition:all 0.24s;
}
.m64_step2 .section1 .boxwrap .eduInfo .eduInfobox .front.active .arr i{
	transform:rotate(-180deg);
}

.m64_step2 .section1 .boxwrap .eduInfo .eduInfobox .eduForm{
	display:none;
	padding:0 40px 40px;
}

.m64_step2 .section1 .boxwrap .addEduInfo{
	padding:25px 0 50px;
	margin-bottom:50px;
	border-bottom:1px solid #ccc;
}
.m64_step2 .section1 .boxwrap .addEduInfo button{
	width:163px;height:40px;
	background:#3257a1;
	border-radius:10px;
	font-size:14px;color:#fff;font-weight:600;
	border:0;outline:0;
}


.filebox{
	display:flex;justify-content:space-between;
}
.filebox input[type="file"]{display:none;}
.filebox label{
	width:35%;height:60px;
	background:0;border:2px solid #3257a1;
	border-radius:10px;
	font-size:17px;color:#3257a1;font-weight:600;text-align:center;line-height:56px;
	outline:0;
}
.filebox .upload-name{width:64% !important;}

#f_pj_expectedSalary{position:relative;padding-right:80px;}
#f_pj_expectedSalary + label{
	display:block;
	position:absolute;right:30px;top:0;z-index:100;
	font-size:16px;font-weight:600;line-height:58px;
}

.nextText{
	padding:50px;margin-top:130px;
	background:#e2e5eb;
	border:1px solid #ccc;
	border-radius:20px;
	font-size:17px;color:#555;text-align:center;
}
.nextText strong{font-weight:700;color:#111;}





/* m64 step3 */
.m64_step3 .boxwrap{}
.m64_step3 .boxwrap .titlearea{display:flex;justify-content:space-between;align-items:flex-end;}
.m64_step3 .boxwrap .titlearea h4{font-size:25px;}
.m64_step3 .boxwrap .titlearea h4 .txtNum{font-size:19px;color:#666;font-weight:400;}
.m64_step3 .boxwrap .titlearea .tip{font-size:16px;font-weight:500;}
.m64_step3 .boxwrap textarea{
	overflow:hidden;
	box-sizing:border-box;
	width:100%;min-height:270px;
	border:1px solid #ccc;border-radius:15px;
	background:#fff;
	padding:35px 30px;margin:40px 0 0;
	resize:none;outline:0;
	font-size:17px;
}
.m64_step3 .boxwrap .txtchk{
	margin:20px 0 0;
	font-size:16px;color:#666;text-align:right;
}
.m64_step3 .boxwrap .txtchk strong{color:#222;}




/* m64 step4 */
.m64_step1 .section1 .boxwrap .chkarea input + label{
	margin-right: 10px;
}
.m64_step4 .boxwrap .infowrap{
	overflow:hidden;
	margin:40px 0 0;padding:70px 60px;
	border-radius:15px;
	background:url(/images/page/m64_step4_bg1.jpg) no-repeat center;
	background-size:cover;
	text-align:center;
}
.m64_step4 .boxwrap .infowrap h5{
	padding-bottom:40px;margin-bottom:40px;
	border-bottom:1px solid rgba(255,255,255,0.4);
	font-size:25px;color:#fff;font-weight:600;
}
.m64_step4 .boxwrap .infowrap p{
	margin-bottom:30px;
	font-size:17px;color:rgba(255,255,255,0.8);line-height:1.7em;
}
.m64_step4 .boxwrap .infowrap p:last-child{margin:0;}
.m64_step4 .boxwrap.b1{
	margin:0 0 30px;padding-bottom:0;border:0;
}
.m64_step4 .boxwrap.b2{
	background:#e2e5eb;
	border:1px solid #ccc;border-radius:15px;
	margin:0;padding:50px;
}
.m64_step4 .boxwrap.b2 h4{font-size:21px;}
.m64_step4 .boxwrap.b2 .chkarea{
	width:100%;
	padding:35px 0;
	border-bottom:1px solid #b5b7bc;
}
.m64_step4 .boxwrap.b2 label:nth-child(2){margin-right:100px;}

.m64_step4 .boxwrap.b2 .hidden{
	display:none;
	width:100%;
	margin-top:35px;
}
.m64_step4 .boxwrap.b2 .hidden>div{display:flex;justify-content:space-between;}





/* m64 step5 */
.m64_step5{}
.m64_step5 .theEnd{
	padding:120px 5%;
	border:1px solid #ccc;border-radius:15px;
	background:#e3e6ed;
	text-align:center;
}
.m64_step5 .theEnd .tit{margin:20px 0 10px;font-size:25px;color:#000;font-weight:700;}
.m64_step5 .theEnd .tit + p{font-size:17px;color:#666;}





/* m65 */
.m65{}
.m65 .section1{
	padding:150px 0;
	background:#f0f1f5;
}
.m65 .section1 .conwrap{display:flex;flex-wrap:Wrap;}
.m65 .section1 .conwrap>div{
	box-sizing:border-box;
	width:50%;
}
.m65 .section1 .conwrap>div:nth-child(1){padding-right:60px;border-right:1px solid #bbb;}
.m65 .section1 .conwrap>div:nth-child(2){padding-left:60px;}
.m65 .section1 h4{margin-bottom:45px;font-size:25px;color:#222;font-weight:700;}
.m65 .section1 .formwrap{}
.m65 .section1 .formwrap .inputwrap{}
.m65 .section1 .formwrap .inputwrap dl{
	width:100%;
	margin-bottom:35px;
}
.m65 .section1 .formwrap .inputwrap dl dt{margin-bottom:10px;font-size:16px;color:#333;font-weight:600;}
.m65 .section1 .formwrap .inputwrap dl dd{}
.m65 .section1 .formwrap .inputwrap dl dd input{
	box-sizing:border-box;
	width:100%;height:60px;
	padding:0 25px;
	border:1px solid #ddd;border-radius:10px;
	font-size: 18px;
	background:#fff;
}
.m65 .section1 .formwrap .inputwrap dl dd select{
	width: 100%;
	height: 60px;
	padding: 0 25px;
	box-sizing: border-box;
	border-radius:10px;
	border: 1px solid #ddd;
	outline: none;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/images/page/select_arr.png) no-repeat right 25px center #fff;
	font-size: 18px;
}
.m65 .section1 .formwrap .inputwrap dl dd .email{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m65 .section1 .formwrap .inputwrap dl dd .email input{width:calc((100% - 25px - 170px - 20px) / 2)}
.m65 .section1 .formwrap .inputwrap dl dd .email .etc{width:25px;font-size:16px;line-height:60px;text-align:center;}
.m65 .section1 .formwrap .inputwrap dl dd .email select{width:170px;}
.m65 .section1 .formwrap .inputwrap dl dd .iptbtn{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m65 .section1 .formwrap .inputwrap dl dd .iptbtn input{width:calc(100% - 170px - 10px);}
.m65 .section1 .formwrap .inputwrap dl dd .iptbtn button{
	width:170px;height:60px;
	border:2px solid #3257a1;
	border-radius:10px;
	background:0;
	font-size:16px;color:#3257a1;font-weight:600;
}
.m65 .section1 .formwrap + button{}

.m65 .result_step{padding:0 0 110px;}
.m65 .result_step ul{
	display:flex;justify-content:space-between;
	position:relative;
	width:520px;margin:0 auto;
}
.m65 .result_step ul:before{
	display:block;content:"";
	width:calc(100% - 90px);height:1px;
	background:#c6c6cb;
	position:absolute;left:40px;top:45px;
}
.m65 .result_step ul li{width:135px;}
.m65 .result_step ul li .num{
	display:flex;align-items:center;justify-content:center;
	position:relative;
	box-sizing:border-box;
	width:90px;height:90px;
	margin:0 auto;
	border:1px solid #ccc;background:#fff;
	border-radius:50%;
	font-size:22px;color:#000;text-align:center;
}
.m65 .result_step ul li .num:after{
	display:block;content:"";
	width:102px;height:102px;
	border-radius:50%;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	opacity:0;
}
.m65 .result_step ul li:nth-child(1) .num:after{
	background:#c6cee4 url(/images/page/m65_step_icon1.png) no-repeat center;
}
.m65 .result_step ul li:nth-child(2) .num:after{
	background:#96a4cb url(/images/page/m65_step_icon2.png) no-repeat center;
}
.m65 .result_step ul li:nth-child(3) .num:after{
	background:#657bb1 url(/images/page/m65_step_icon3.png) no-repeat center;
}
.m65 .result_step ul li.on .num:after{opacity:1;}
.m65 .result_step ul li .tit{
	margin-top:15px;
	font-size:19px;color:rgba(34,34,34,0.4);font-weight:600;text-align:center;
}
.m65 .result_step ul li.on .tit{color:#000;}
.m65 .result{
	padding:100px 8%;
	border:1px solid #ddd;border-radius:15px;
	background:#e3e6ed;
	text-align:center;
}
.m65 .result .toparea{}
.m65 .result .toparea .tit{margin:10px 0 0;font-size:29px;color:#000;font-weight:700;}
.m65 .result .btmarea{padding-top: 35px; margin-top: 35px; border-top: 1px solid #ccc;}
.m65 .result .btmarea p{margin-bottom:30px;font-size:17px;color:#666;line-height:1.7em;}
.m65 .result .btmarea p:last-child{margin-bottom:0;}
.m65 .result .btmarea p strong{color:#000;}


/* 지원현황 비밀번호 찾기 */
.psw_popup{
	position: fixed;
	display: none;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 800px;
	width: 92%;
	margin: 0 auto;
	padding: 70px 60px;
	border-radius: 13px;
	background: #fff;
	box-sizing: border-box;
	z-index: 10000;
	
}
.psw_popup .btn_x {
	position: absolute;
	right: 25px;
	top: 25px;
	width: 28px;
	height: 28px;
	background: url(/images/common/psw_btn_x.png) no-repeat;
}
.psw_popup .conwrap{
	width: 100%;
}
.psw_popup .conwrap .tit{
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 50px;
}
.psw_popup .conwrap .formwrap dl{
	margin-bottom: 35px;
}
.psw_popup .conwrap .formwrap dl:last-child{
	margin-bottom: 0;
}
.psw_popup .conwrap .formwrap dl dt{
	margin-bottom: 10px;
	font-size: 16px;
	color: #333;
	font-weight: 600;
}
.psw_popup .conwrap .formwrap dl dd input {
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0 25px;
	border: 1px solid #ddd;
	border-radius: 10px;
	background: #fff;
	font-size: 18px;
}
.psw_popup .conwrap .formwrap dl dd select {
	width: 100%;
	height: 60px;
	padding: 0 25px;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #ddd;
	outline: none;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/images/page/select_arr.png) no-repeat right 25px center #fff;
	font-size: 18px;
}
.psw_popup .conwrap .formwrap dl dd .email{display:flex;flex-wrap:wrap;justify-content:space-between;}
.psw_popup .conwrap .formwrap dl dd .email input{width:calc((100% - 25px - 200px - 20px) / 2)}
.psw_popup .conwrap .formwrap dl dd .email .etc{width:25px;font-size:16px;line-height:60px;text-align:center;}
.psw_popup .conwrap .formwrap dl dd .email select{width:200px;}







.m72{
	padding: 0 0 200px;
}
.m72 ul{
	display: flex;
	flex-wrap: wrap;
}
.m72 li{
	position: relative;
	width: calc((100% - 110px) / 2);
	margin-right: 110px;
	margin-bottom: 70px;
}
.m72 li:nth-child(2n){
	margin-right: 0;
}
.m72 li a{
	display: block;
}
.m72 li a .thumb{
	position: relative;
	border-radius: 14px;
	overflow: hidden;
}
.m72 li a .thumb:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 99px;
	height: 99px;
	background: url(/images/page/m72_play_btn.png) no-repeat center / contain;
}
.m72 li a .thumb img{
	width: 100%;
	object-fit: cover;
	transition: all 0.5s;
}
.m72 li a:hover .thumb img{
	transform: scale(1.1);
}
.m72 li a .txtwrap{
	margin-top: 30px;
}
.m72 li a .txtwrap .tit{
	font-size: 26px;
	font-weight: 600;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.m72 li a .txtwrap .con{
	font-size: 18px;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 10px 0;
}
.m72 li a .txtwrap .date{
	font-family: "Wix Madefor Display";
	font-size: 16px;
	color: #666666;
}

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







/* 모션 */
@-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(100% 0, 100% 0, 100% 100%, 100% 100%);}
100% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 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(50px);}
100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes fadeUpAni2{
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;}
.fadeUp2{opacity: 0;}
.fadeLeft{opacity: 0;}
.fadeRight{opacity: 0;}
.showImg{opacity: 0;}
.showImg2{opacity: 0;}
.showImg_2{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.14, 0, 0.42, 1.01); animation-duration: 1.4s; opacity: 1;}



.showImg_2.in-view {animation-name: showImg2;animation-timing-function: cubic-bezier(.37,.38,.61,.61);animation-duration: 1.4s;opacity: 1 !important;}
.opacity.in-view{animation-name: opacityAni;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.4s;}
.fadeUp.in-view{animation-name: fadeUpAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.2s; opacity: 1;}
.fadeUp2.in-view{animation-name: fadeUpAni2; 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: 1.4s; }
.scaleAni2.in-view{animation-name: scaleAni2; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.5s; }




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

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

.page_top .sub_menu ul{opacity: 0; transform: translateY(30px); transition: all 1.2s 0.1s;}
.page_top.in-view .sub_menu ul{opacity: 1; transform: translateY(0);}


.m12 .section1 .infowrap .conwrap .bg{transform: scale(1.1);}
.m12 .section1 .infowrap .conwrap .bg.in-view{transform: scale(1); transition: all 1.4s 0.1s;}

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

.m12 .section2 .slogan .txt .tit{opacity: 0; transform: translateY(30px); transition: 1.2s 0.8s;}
.m12 .section2 .slogan.in-view .txt .tit{opacity: 1; transform: translateY(0);}

.m12 .section2 .slogan .txt p{opacity: 0; transform: translateY(30px); transition: 1.2s 1s;}
.m12 .section2 .slogan.in-view .txt p{opacity: 1; transform: translateY(0);}

.m12 .section2 .mid .value ul li{opacity: 0; transition: all 1.2s 0.4s;}
.m12 .section2 .mid .value ul li:nth-child(1){transform: translateX(-70px);}
.m12 .section2 .mid .value ul li:nth-child(3){transform: translateX(70px);}
.m12 .section2 .mid .value ul.in-view li{opacity: 1; transform: translateX(0);}

.m12 .section2 .bot .boxwrap .box li{opacity: 0; transform: translateY(20px);}
.m12 .section2 .bot .boxwrap .box li:nth-child(1){transition: all 1.4s 0.2s;}
.m12 .section2 .bot .boxwrap .box li:nth-child(2){transition: all 1.4s 0.35s;}
.m12 .section2 .bot .boxwrap .box li:nth-child(3){transition: all 1.4s 0.5s;}
.m12 .section2 .bot .boxwrap .box li:nth-child(4){transition: all 1.4s 0.65s;}
.m12 .section2 .bot .boxwrap .box.in-view li{opacity: 1; transform: translateY(0);}




.m13 .section1 .conwrap .imgwrap.in-view .bg{
	animation-name: imgMotion;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	animation-delay: 0.3s;
	opacity: 0;
}

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


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

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

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


.m30 .section1 .slogan .bg{transform: scale(0.9); opacity: 0;}
.m30 .section1 .slogan.in-view .bg{transform: scale(1); opacity: 1; transition: all 1.6s;}

.m30 .section1 .slogan .txtwrap .tit{transform: translateY(40px); opacity: 0;}
.m30 .section1 .slogan .txtwrap.in-view .tit{transform: translateY(0); opacity: 1; transition: all 1.2s 0.1s;}

.m30 .section1 .slogan .txtwrap p{transform: translateY(40px); opacity: 0;}
.m30 .section1 .slogan .txtwrap.in-view p{transform: translateY(0); opacity: 1; transition: all 1.2s 0.3s;}

.m30 .section1 .slogan .txtwrap span{transform: translateY(40px); opacity: 0;}
.m30 .section1 .slogan .txtwrap.in-view span{transform: translateY(0); opacity: 1; transition: all 1.2s 0.5s;}


.m341 .section4 .boxwrap .box{opacity: 0; transform: translateY(40px);}
.m341 .section4 .boxwrap .box:nth-child(1){transition: all 1.2s 0.2s;}
.m341 .section4 .boxwrap .box:nth-child(2){transition: all 1.2s 0.35s;}
.m341 .section4 .boxwrap .box:nth-child(3){transition: all 1.2s 0.5s;}
.m341 .section4 .boxwrap .box:nth-child(4){transition: all 1.2s 0.65s;}
.m341 .section4 .boxwrap.in-view .box{opacity: 1; transform: translateY(0);}


.m35 .section3 .img{opacity: 0; transition: all 3s 0.3s;}
.m35 .section3 .img.in-view{opacity: 1;}



.m51 .section1 .slogan .bg{transform: scale(0.9); opacity: 0;}
.m51 .section1 .slogan.in-view .bg{transform: scale(1); opacity: 1; transition: all 1.6s;}

.m51 .section1 .slogan .txtwrap .tit{transform: translateY(40px); opacity: 0;}
.m51 .section1 .slogan .txtwrap.in-view .tit{transform: translateY(0); opacity: 1; transition: all 1.2s 0.1s;}

.m51 .section1 .slogan .txtwrap p{transform: translateY(40px); opacity: 0;}
.m51 .section1 .slogan .txtwrap.in-view p{transform: translateY(0); opacity: 1; transition: all 1.2s 0.3s;}

.m51 .section1 .slogan .txtwrap span{transform: translateY(40px); opacity: 0;}
.m51 .section1 .slogan .txtwrap.in-view span{transform: translateY(0); opacity: 1; transition: all 1.2s 0.5s;}


.m51 .section2 .circlewrap li{opacity: 0; transform: translateX(-40px);}
.m51 .section2 .circlewrap li:nth-child(1){transition: all 1s 0.2s;}
.m51 .section2 .circlewrap li:nth-child(2){transition: all 1s 0.3s;}
.m51 .section2 .circlewrap li:nth-child(3){transition: all 1s 0.4s;}
.m51 .section2 .circlewrap li:nth-child(4){transition: all 1s 0.5s;}
.m51 .section2 .circlewrap li:nth-child(5){transition: all 1s 0.6s;}
.m51 .section2 .circlewrap.in-view li{opacity: 1; transform: translateX(0);}




.m61 .section1 .con .circle .line{opacity: 0; transform: translate(-50%, -50%) scale(0.7); transform-origin: center center; transition: all 2s;}
.m61 .section1 .con .circle.in-view .line{opacity: 1; transform: translate(-50%, -50%) scale(1);}

.m61 .section1 .con li .icon{opacity: 0; transform: translateY(40px) rotateY(180deg); transition: all 1.2s 0.2s;}
.m61 .section1 .con li.in-view .icon{opacity: 1; transform: translateY(0) rotateY(0);}
.m61 .section1 .con li b{opacity: 0; transform: translateY(40px); transition: all 1.2s 0.4s;}
.m61 .section1 .con li.in-view b{opacity: 1; transform: translateY(0);}
.m61 .section1 .con li p{opacity: 0; transform: translateY(40px); transition: all 1.2s 0.6s;}
.m61 .section1 .con li.in-view p{opacity: 1; transform: translateY(0);}


.m61 .section2 .conwrap .bot .box{transform: translateY(100%);}
.m61 .section2 .conwrap .bot.in-view .box{transform: translateY(0); transition: all 1s;}


.m62 .section2 .conwrap .con .icon{opacity: 0; transform: translateY(-30px); transition: all 1s 0.2s;}
.m62 .section2 .conwrap .con.in-view .icon{opacity: 1; transform: translateY(0);}
.m62 .section2 .conwrap .con .txtwrap{opacity: 0; transform: translateX(-40px); transition: all 1s 0.4s;}
.m62 .section2 .conwrap .con.in-view .txtwrap{opacity: 1; transform: translateY(0);}