@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:none;}
.ptbr{display:none;}
.tbbr{display:none;}
.tmbr{display:block;}
.mbbr{display:block;}
.dn{display:none;}

/*header*/

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


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



.innerwrap{
	width: 92%;
	max-width: 1700px;
	margin: 0 auto;
}
.innerwrap2{
	width: 92%;
	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);
	font-size:clamp(28px, 7vw, 48px);
}

.page_top .sub_menu{
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	z-index: 1;
	width:94%;
	overflow:hidden;
	overflow-x:auto;
}
.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.pn1{}
.page_top .sub_menu.pn1 ul{width:460px;}
.page_top .sub_menu.pn2 ul{width:790px;}
.page_top .sub_menu.pn3 ul{width:610px;}
.page_top .sub_menu.pn4 ul{width:430px;}
.page_top .sub_menu.pn5 ul{width:610px;}
.page_top .sub_menu.pn6 ul{width:555px;}
.page_top .sub_menu.pn7 ul{width:260px;}

.page_top .sub_menu li{
	display: inline-block;
}
.page_top .sub_menu li a{
	display: block;
	margin: 0 18px;
	font-size: 15px;
	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;
}
.sub_tab .innerwrap .pageLocation li{
	position: relative;
	padding-left: 18px;
	font-size: 15px;
	font-weight: 400;
	display: flex;
}
.sub_tab .innerwrap .pageLocation li:after{
	content: "";
	position: absolute;
	left: 3px;
	top: 6px;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	transform: rotate(-45deg);
}
.sub_tab .innerwrap .pageLocation li:first-child{
	padding-left: 0;
}
.sub_tab .innerwrap .pageLocation li:first-child:after{
	display: none;
}
.sub_tab .innerwrap .pageLocation li a.home img{margin: 0 0 2px 0;}


.page_tit{
	text-align: center;
}
.page_tit .tit{
	margin: 70px 0;
	font-size: 30px;
	font-weight: 700;
}
.page_tit p{
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5em;
	margin-bottom: 50px;
}
.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 100px;}
.m11 .section1 .intro{
	position: relative;
	width: 100%;
	height: 340px;
	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: 32px;
	font-weight: 700;
	line-height: 1.4em;
}
.m11 .section1 .intro .txt p span{
	color: #777;
}
.m11 .section1 .conwrap{
	display: flex;
	margin-top: 70px;
}
.m11 .section1 .conwrap .txtwrap{
	width: 92%;
	margin: 0 auto;
}
.m11 .section1 .conwrap .txtwrap .tit{
	font-size: 25px;
	font-weight: 700;
}
.m11 .section1 .conwrap .txtwrap p{
	margin-top: 50px;
	font-size: 15px;
	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{
	width: 130px;
}


.m12 .section1 .infowrap .conwrap{
	position: relative;
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 120vh;
	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: 10px;
	z-index: 1;
}
.m12 .section1 .infowrap .conwrap ul li{
	position: relative;
	width: calc((100% - 10px) /2);
	min-height: 180px;
	padding: 20px;
	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: 16px;
	font-weight: 600;
	color: #fff;
}
.m12 .section1 .infowrap .conwrap ul li p{
	margin-top: 10px;
	font-size: 13px;
	font-weight: 300;
	color: #fff;
}
.m12 .section1 .infowrap .conwrap ul li .icon{
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.m12 .section1 .infowrap .conwrap ul li .icon img{
	width: 27px;
	height: 27px;
}
.m12 .section2{
	padding: 100px 0;
}
.m12 .section2 .slogan{
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 100px 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: 35px;
	font-weight: 600;
	color: #fff;
}
.m12 .section2 .slogan .txt p{
	font-size: 20px;
	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: 35px;
	font-weight: 600;
	margin-bottom: 40px;
}
.m12 .section2 .mid .vision p{
	font-size: 20px;
	font-weight: 700;
}
.m12 .section2 .mid .value ul{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.m12 .section2 .mid .value li{
	width: 240px;
	height: 240px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: #09f;
}
.m12 .section2 .mid .value li + li{
	margin-top: -20px;
}
.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: 26px;
	color: #fff;
	font-weight: 700;
}
.m12 .section2 .bot{
	display: flex;
	flex-direction: column;
	margin-top: 100px;
}
.m12 .section2 .bot .boxwrap{
	width: 100%;
	text-align: center;
}
.m12 .section2 .bot .boxwrap:last-child{
	margin-top: 50px;
}
.m12 .section2 .bot .boxwrap .tit{
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 40px;
}
.m12 .section2 .bot .boxwrap .box{
	position: relative;
	width: 100%;
	padding: 30px 20px;
	border: 1px solid #ccc;
	border-radius: 14px;
	box-sizing: border-box;
	background: #fff;
}
.m12 .section2 .bot .boxwrap .box .box_tit{
	font-size: 26px;
	font-weight: 600;
	color: #04287e;
	margin-bottom: 30px;
}
.m12 .section2 .bot .boxwrap .box li{
	position: relative;
	display: flex;
	width: 100%;
	padding: 20px 10px;
	box-sizing: border-box;
	background: #f6f7fa;
	border-radius: 14px;
	margin-top: 10px;
}
.m12 .section2 .bot .boxwrap .box li .num{
	font-family: "Wix Madefor Display";
	width: 27px;
	height: 27px;
	line-height: 27px;
	border-radius: 50%;
	background: #2c4e9d;
	font-size: 13px;
	color: #fff;
}
.m12 .section2 .bot .boxwrap .box li p{
	margin-left: 10px;
	width: calc(100% - 37px);
	font-size: 18px;
	font-weight: 600;
	color: #444444;
	text-align: left;
}



.m13{padding: 0 0 100px;}
.m13 .section1 .conwrap{}

.m13 .section1 .conwrap .imgwrap{
	position: relative;
	width: 100%;
	height: 350px;
	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: 38px;
	font-weight: 600;
	color: #fff;
	white-space: nowrap;
}
.m13 .section1 .conwrap .txtwrap{
	width: 100%;
	padding: 40px 0;
	box-sizing: border-box;
}
.m13 .section1 .conwrap .txtwrap .txts .ynum{
	font-family: "Wix Madefor Display";
	margin-bottom: 30px;
	font-size: 54px;
	font-weight: 700;
	line-height: 1em;
	color: #04287e;
}
.m13 .section1 .conwrap .txtwrap .txts .yearwrap dl{
	margin-bottom: 20px;
	display: flex;
}
.m13 .section1 .conwrap .txtwrap .txts .yearwrap dl dt{
	font-family: "Wix Madefor Display";
	width: 70px;
	font-size: 17px;
	font-weight: 700;
	margin-top: 2px;
}
.m13 .section1 .conwrap .txtwrap .txts .yearwrap dl dd{
	width: calc(100% - 70px);
}
.m13 .section1 .conwrap .txtwrap .txts .yearwrap dl dd p{
	font-size: 16px;
	color: #666;
	line-height: 1.6em;
	margin-bottom: 5px;
}



.m14{padding: 0 0 120px;}
.m14 .section1{padding: 0 0 120px;}
.m14 .section1 .logowrap{
	width: 100%;
	height: 270px;
	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 .logowrap .logo{
	width: 230px;
}
.m14 .section1 .exp{
	width: 100%;
	margin-top: 10px;
	padding: 40px 20px;
	box-sizing: border-box;
	border-radius: 14px;
	text-align: center;
	background: #e8eaed;
}
.m14 .section1 .exp p{
	font-size: 15px;
	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;
	flex-direction: column;
	align-items: center;
}
.btnWrap{
	overflow: hidden;
	position: relative;
	z-index: 100;
	width: 180px;
	height: 50px;
	border-radius: 60px;
	border: 1px solid #8c8c8e;
	box-sizing: border-box;
}
.btnWrap:last-child{
	margin-top: 10px;
}
.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: 14px;
	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: 100px 0;
}
.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: 24px;
	font-weight: 600;
}
.m14 .section2 .main_tit p{
	margin-top: 20px;
	font-size: 28px;
	font-weight: 600;
}
.m14 .section2 .mark{

}
.m14 .section2 .mark .con{
	width: 100%;
}
.m14 .section2 .mark .con:nth-child(1){
	margin-bottom: 30px;
}
.m14 .section2 .mark .con .tit{
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 15px;
}
.m14 .section2 .mark .con .boxwrap{
	position: relative;
	width: 100%;
	padding: 40px 20px;
	border: 1px solid #ccc;
	border-radius: 14px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
.m14 .section2 .mark .con .boxwrap .box{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 70px;
	border-radius: 14px;
	background: #f6f7fa;
	margin:5px 0;
}
.m14 .section2 .mark .con .boxwrap .box span{
	font-size: 16px;
	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: 25px;
	font-weight: 600;
}
.m14 .section2 .color .tits p{
	margin-top: 10px;
	font-size: 16px;
	color: #666;
}
.m14 .section2 .color .boxwrap{
	position: relative;
	width: 100%;
	padding: 40px 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	border-radius: 14px;
	border: 1px solid #ccc;
}
.m14 .section2 .color .boxwrap .box{
	position: relative;
	width: 100%;
}
.m14 .section2 .color .boxwrap .box .cbox{
	position: relative;
	display: block;
	width: 100%;
	height: 60px;
	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: 18px;
	color: #fff;
	white-space: nowrap;
}
.m14 .section2 .color .boxwrap .box .info{
	width: 100%;
	padding: 20px 10px;
	box-sizing: border-box;
}
.m14 .section2 .color .boxwrap .box .info dl{
	margin-bottom: 30px;
}
.m14 .section2 .color .boxwrap .box .info dl:last-child{
	margin-bottom: 0;
}
.m14 .section2 .color .boxwrap .box .info dl dt{
	font-family: "Wix Madefor Display";
	width: 100%;
	font-size: 16px;
	line-height: 1.8em;
}
.m14 .section2 .color .boxwrap .box .info dl dd{
	font-family: "Wix Madefor Display";
	width: 100%;
	font-size: 16px;
	color: rgba(0,0,0,0.8);
	line-height: 1.8em;
}


.m15{padding: 0 0 100px;}
.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: 60px;
	line-height: 60px;
	font-size: 16px;
	font-weight: 500;
	color: #555555;
	background: #dadde4;
	border-radius: 10px;
	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;
	flex-direction: column-reverse;
	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: 100%;
	height: 320px;
	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: 100%;
	padding: 20px;
	box-sizing: border-box;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .imgwrap{
	position: relative;
	display: flex;
	flex-direction: column;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .imgwrap .img{
	width: 100%;
	position: relative;
	z-index: 1;
	text-align: center;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .imgwrap .img img{
	width: 200px;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .imgwrap .locate{
	width: 100%;
	padding-top: 30px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .imgwrap .locate span{
	display: inline-block;
	font-size: 30px;
	margin-top: 15px;
	font-weight: 600;
}
.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: 120px;
	padding-left: 20px;
	font-size: 16px;
	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 5px;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .infowrap dl.tel dt{
	background: url(/images/page/m15_icon_tel.png) no-repeat left 5px;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .infowrap dl.prd dt{
	background: url(/images/page/m15_icon_prd.png) no-repeat left 5px;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .infowrap dl.link dt{
	background: url(/images/page/m15_icon_page.png) no-repeat left 7px;
}
.m15 .tabconwrap .tabcon .conwrap .txtwrap .infowrap dl dd{
	width: calc(100% - 120px);
	line-height: 1.6em;
	font-size: 16px;
	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 100px;}

.m21{padding: 0 0 100px;}
.m21 .section1 .list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.m21 .section1 .list li{
	width: 100%;
	margin-bottom: 30px;
}
.m21 .section1 .list li a{
	position: relative;
	display: block;
	width: 100%;
	padding: 30px;
	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: 26px;
	font-weight: 600;
	color: #222;
}
.m21 .section1 .list li a .txts p{
	margin: 15px 0 30px;
	font-size: 16px;
	line-height: 1.6em;
	color: #666;
}
.m21 .section1 .list li a .txts .circle{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #222222;
}
.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;
}
.m21 .section1 .list li a .prd_img{
	text-align: right;
}
.m21 .section1 .list li a .prd_img img{
	width: 200px;
}
.m21 .section1 .list li:nth-child(6) a .prd_img img{
	width: 160px;
}





/* PRODUCT 페이지 공통 CSS */
.m20 .prd_info{
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 30px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}
.m20 .prd_info .tit{
	width: 100%;
	font-size: 28px;
	font-weight: 600;
}
.m20 .prd_info .info{
	width: 100%;
	padding-top: 30px;
	box-sizing: border-box;
}
.m20 .prd_info .info .name{
	font-size: 25px;
	font-weight: 600;
}
.m20 .prd_info .info .exp{
	margin-top: 15px;
	font-size: 16px;
	line-height: 1.6em;
	color: #666;
}
.m20 .con{
	padding-top: 60px;
}
.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: 30px;
	font-weight: 600;
}
.m20 .con .con_tit p{
	font-size: 20px;
	font-weight: 600;
	margin-top: 25px;
}
.m20 .prd_list{
	display: flex;
	flex-wrap: wrap;
}
.m20 .prd_list.v2{gap: 10px;}
.m20 .prd_list.v3{gap: 10px;}
.m20 .prd_list.v4{gap: 10px;}

.m20 .prd_list li{}
.m20 .prd_list.v2 li{width: 100%;}
.m20 .prd_list.v3 li{width: 100%;}
.m20 .prd_list.v4 li{width: 100%;}

.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: 20px;
	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: 110px;
	border: 1px solid #ccc;
	border-radius: 14px;
	background: #fff;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 10px;
}
.m20 .company_list.v1 li{
	width: 100%;
}
.m20 .company_list.v3 li{
	width: 100%;
}
.m20 .company_list.v4 li{
	width: 100%;
}
.m20 .company_list li span{
	font-size: 40px;
	font-weight: 600;
}

.m20 .spec_box{
	width: 100%;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 14px;
	background: #fff;
	box-sizing: border-box;
}
.m20 .spec_box .tit{
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 10px;
	text-align: center;
}
.m20 .spec_box .prd_spec{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.m20 .spec_box .prd_spec li{
	width: 100%;
	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 li p{
	font-size: 16px;
	line-height: 1.5em;
	color: #444;
}




.m20{padding: 0 0 100px;}


.m24 .m24_tabs{
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 50px;
}
.m24 .m24_tabs li{
	width: calc((100% - 5px) / 2);
	text-align: center;
}
.m24 .m24_tabs li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 70px;
	padding: 0 5px;
	font-size: 15px;
	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: 100%;
	padding: 40px 20px 20px;
	margin-bottom:20px;
	border-radius: 14px;
	border: 1px solid #ccc;
	background: #fff;
	box-sizing: border-box;
}
.m24 .cargo_list li .cargo_img img{
	width: 100%;
}
.m24 .cargo_list li .cargo_name{
	width: 100%;
	padding: 10px;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 600;
	color: #666;
	text-align: center;
	border-radius: 10px;
	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;
}
.m242 .section2 .conwrap .bar{
	position: absolute;
	left: 50px;
	bottom: 100%;
	width: calc(100% - 100px);
	display: none;
}
.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: 100%;
	padding: 20px;
	border: 1px solid #ccc;
	background: #f6f7fa;
	border-radius: 14px;
	box-sizing: border-box;
}
.m242 .section2 .conwrap .boxwrap:last-child{
	margin-top: 30px;
}
.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 .icon{
	width: 35px;
	height: 35px;
}
.m242 .section2 .conwrap .boxwrap .tit span{
	margin-left: 15px;
	font-size: 20px;
	font-weight: 600;
	color: #444;
}
.m242 .section2 .conwrap .boxwrap .box1_list{
	display: flex;
	flex-wrap: wrap;
}
.m242 .section2 .conwrap .boxwrap .box1_list li{
	width: 100%;
	margin-top: 20px;
}
.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: 16px;
	font-weight: 600;
	margin-top: 5px;
}
.m242 .section2 .conwrap .boxwrap.box2 .listwrap{
	display: flex;
	flex-wrap: wrap;
}
.m242 .section2 .conwrap .boxwrap.box2 .listwrap .box2_list{
	width: 100%;
	margin-top: 20px;
}
.m242 .section2 .conwrap .boxwrap.box2 .listwrap .box2_list li{
	width: 100%;
	margin-top: 20px;
}
.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: 16px;
	font-weight: 600;
	margin-top: 5px;
}

.m242 .section3 .parts{
	width: 100%;
	margin-top: 130px;
}
.m242 .section3 .parts .box{
	position: relative;
	width: 100%;
	padding: 100px 10px 10px 10px;
	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%;
	bottom: calc(100% - 50px);
	transform: translateX(-50%);
	width: 210px;
}

.m243 .con .biw{
	width: 100%;
	padding: 20px;
	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;
	flex-wrap: wrap;
	gap: 5px;
	padding-top: 130px;
}
.m25 .m25_tabs li{
	width: calc((100% - 5px) / 2);
	text-align: center;
}
.m25 .m25_tabs li a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 70px;
	padding: 0 10px;
	font-size: 15px;
	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: 120px;
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	background: #e8eaed;
	font-size: 16px;
	color: #666666;
	padding: 0 5px;
	text-align: center;
}
.m25 .pop_info img{display: none;}

.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;
	right: 0;
	bottom: calc(100% + 10px);
	width: 20px;
	height: 20px;
	background: url(/images/common/btn_x.png) no-repeat center / contain;
}
.m25_pop .swiper-container{
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	max-width: 1070px;
}
.m25_pop .swiper-button-prev{
	width: 30px;
	height: 30px;
	background: url(/images/page/swiper_prev_icon.png) no-repeat center / contain;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
	margin: 0;
}
.m25_pop .swiper-button-next{
	width: 30px;
	height: 30px;
	background: url(/images/page/swiper_next_icon.png) no-repeat center / contain;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	margin: 0;
}
.m25_pop .swiper-pagination{
	width: 100%;
	margin: 10px auto 0;
}
.m25_pop .swiper-pagination-bullet{
	width: 8px;
	height: 8px;
	margin: 0 4px;
	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: 70px;
	padding: 0 10px;
	font-size: 16px;
	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 100px;}
.m28 .section2{padding: 0 0 100px; background: #fff;}
.m28 .section2 .boxwrap{
	display: flex;
	flex-direction: column;
	padding-top: 90px;
}
.m28 .section2 .boxwrap .box{
	position: relative;
	width: 100%;
	margin-bottom: 85px;
	padding: 43px 20px 20px 20px;
	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-bottom:0
}
.m28 .section2 .boxwrap .box .icon{
	position: absolute;
	left: 50%;
	top: -50px;
	transform: translateX(-50%);
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #04287e;
	display: flex;
	align-items: center;
	justify-content: center;
}
.m28 .section2 .boxwrap .box .icon img{
	transform: scale(0.8);
}
.m28 .section2 .boxwrap .box .tit{
	margin: 20px 0;
	font-size: 24px;
	font-weight: 600;
}
.m28 .section2 .boxwrap .box ul{
	width: 100%;
}
.m28 .section2 .boxwrap .box ul li{
	width: 100%;
	padding: 20px;
	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: 16px;
	line-height: 1.5em;
	color: #444;
}




.m31{}
.m31 .section1{padding: 0 0 100px;}
.m31 .section1 .sec_tit{
	width: 92%;
	margin: 0 auto 90px;
	text-align: center;
}
.m31 .section1 .sec_tit .tit{
	font-size: 30px;
	font-weight: 600;
}
.m31 .section1 .sec_tit p{
	font-size: 16px;
	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: 400px;
	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: 30px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 20px;
}
.m31 .section1 .conwrap .con .txtwrap p{
	font-size: 16px;
	line-height: 1.5em;
	color: #fff;
}

.m32{}
.m32 .section1{
	padding: 0 0 120px;
}
.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: 40px;
	font-weight: 600;
	color: #fff;
}
.m30 .section1 .slogan .txtwrap p{
	margin-top: 20px;
	font-size: 50px;
	font-weight: 600;
	color: #fff;
}
.m30 .section1 .slogan .txtwrap span {
	display: block;
	margin-top: 30px;
	font-size: 15px;
	color: #fff;
}
.m32 .section1 .conwrap{
	margin-top: 180px;
	text-align: center;
}
.m32 .section1 .conwrap.conwrap2{
	margin-top: 100px;
}
.m32 .section1 .conwrap .con_tit{
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 80px;
}
.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: 235px;
	height: 235px;
	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: 75px;
	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: 20px;
	font-weight: 500;
}
.m32 .section1 .conwrap ul li .line1{
	position: absolute;
	left: -51px;
	top: -51px;
	width: 320px;
}
.m32 .section1 .conwrap ul li .line2{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
}
.m32 .section1 .conwrap ul li .line3{
	position: absolute;
	left: -33px;
	top: -51px;
	width: 320px;
}
.m32 .section1 .conwrap ul li .exp{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: calc(100% + 70px);
	width: 145%;
}
.m32 .section1 .conwrap ul li .exp p{
	font-size: 14px;
	color: #666;
}
.m32 .section2{
	padding: 100px 0;
	background: #f0f1f6;
}
.m32 .section .sec_tit{
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 40px;
}
.m32 .section2 .conwrap{
}
.m32 .section2 .conwrap .con_tit .tit{
	font-size: 24px;
	font-weight: 600;
	text-align: center;
}
.m32 .section2 .conwrap .con_tit p{
	font-size: 15px;
	margin-top: 8px;
	color: #666;
	text-align: center;
}
.m32 .section2 .conwrap ul{
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	margin-top: 40px;
	gap:40px;
}
.m32 .section2 .conwrap ul:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 1px;
	height: 231px;
	background: #ccc;
	display: none;
}
.m32 .section2 .conwrap li{
	width: 100%;
}
.m32 .section2 .conwrap li .imgwrap{
	width: 100%;
	height: 200px;
	padding: 30px 40px;
	border-radius: 14px;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	font-size: 22px;
	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: 16px;
	color: #666;
	margin-top: 25px;
}
.m30 .certiSection{
	padding: 100px 0;
	background: #e6e7ee;
}
.m30 .certiSection .sec_tit{
	font-size:28px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 60px;
}
.m30 .certiSection .certiSwiper{
	padding: 0 65px;
}
.m30 .certiSection .certiSwiper .swiper-slide{width:360px !important;}
.m30 .certiSection .certiSwiper .swiper-slide .img{
	padding: 18px;
	background: #fff;
	border-radius:24px;
	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: 100px 0;
}
.bbs .bbsSection{
	padding: 0 0 100px;
}
.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;
	flex-direction: column;
	border-bottom: 1px solid #ccc;
}
.m30 .bbsSection .bbs_list li a .num{
	width: 100%;
	font-family: "Wix Madefor Display";
	font-size: 14px;
	color: #222;
	font-weight: 500;
	padding: 10px 0;
}
.m30 .bbsSection .bbs_list li a .tit{
	width: 100%;
}
.m30 .bbsSection .bbs_list li a .tit .g{
	display: inline-block;
	position: relative;
	padding-right: 20px;
}
.m30 .bbsSection .bbs_list li a.down .tit .g:after {
	content: "";
	position: absolute;
	right: 0;
	top: 2px;
	width: 15px;
	height: 15px;
	background: url(/images/page/bbs_file_icon.png) no-repeat center / contain;
}
.m30 .bbsSection .bbs_list li a .tit .g .con{
	overflow: hidden;
	font-size: 15px;
	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: 100%;
	font-family: "Wix Madefor Display";
	font-size: 14px;
	color: #222;
	font-weight: 500;
	padding: 10px 0;
}
.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;
}

@media screen and (max-width:1399px){
	.m30 .ruleSection .conwrap{padding:50px;}
	.m32 .section1 .conwrap .scroll-wrap{width:100%;overflow:hidden;overflow-x:auto;padding-left:0px;box-sizing:border-box;}
	.m32 .section1 .conwrap ul{width:1240px;padding-bottom: 180px;padding-top: 80px;;}
	.m32 .section1 .conwrap .scroll-wrap::-webkit-scrollbar{height:4px;}
	.m32 .section1 .conwrap .scroll-wrap::-webkit-scrollbar-thumb{width:10%;background: #ccc;cursor:pointer;}
	.m32 .section1 .conwrap .scroll-wrap::-webkit-scrollbar-track {background: #f2f2f2;}
	
}
@media screen and (max-width:813px){
	.m30 .ruleSection{padding:80px 0;}
	.m30 .ruleSection .conwrap{padding:20px;}
	.m30 .ruleSection .conwrap .slg{padding:30px;}
	.m30 .ruleSection .conwrap .slg p{font-size:16px;}
	.m30 .ruleSection .conwrap ul li{padding:20px 22px;}
	.m30 .ruleSection .conwrap ul li span{width: 32px;height: 32px;line-height: 32px;}
	.m30 .ruleSection .conwrap ul li p{font-size:14px;padding-left: 16px;}
	.m30 .ruleSection .conwrap .slg2{font-size:14px;}
	
	.m30 .section1 .slogan .txtwrap .tit{font-size:30px;}
	.m30 .section1 .slogan .txtwrap p{font-size:26px;}
	.m30 .section1 .slogan{height:auto;padding:120px 0;}
	
		.m32 .section1 .conwrap ul{width:1120px;padding-bottom: 180px;padding-top: 80px;;}

}

@media screen and (max-width:640px){
.m30 .certiSection .certiSwiper .swiper-slide{width:280px !important;}
.m30 .certiSection .certiSwiper .swiper-slide .name{font-size:20px;}
}


.bbs_view{}
.bbs_view .section{
	padding: 100px 0;
}
.bbs_view .section .titwrap{
	width: 100%;
	padding: 30px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.bbs_view .section .titwrap .tit{
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
}
.bbs_view .section .titwrap .date{
	font-family: "Wix Madefor Display";
	font-size: 15px;
	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: 15px;
	color: #666;
	line-height: 1.5em;
	padding-right: 28px;
}
.bbs_view .section .downwrap a img{
	margin: 0 5px 5px 0;
	width: 15px;
}
.bbs_view .section .downwrap a:after{
	content: "";
	position: absolute;
	right: 0;
	top: 6px;
	width: 14px;
	height: 13px;
	background: url(/images/page/file_down_icon.png) no-repeat center / contain;
	display: none;
}
.bbs_view .section .downwrap a:hover:after{
	display: block;
}
.bbs_view .section .conwrap{
	padding: 40px 0 40px;
	margin-top: 0;
	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: 160px;
}
.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: 100px 0 100px;
}
.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: 28px;
	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;
}

@media screen and (max-width:1240px){
.m33 .section2 .diawrap ul:after{width:70.5%;}
}
@media screen and (max-width:1080px){

.m33 .section2 .donatewrap li:nth-child(1) .circle{border:20px solid #f0c6d3;}
.m33 .section2 .donatewrap li:nth-child(2) .circle{border:20px solid #ea94a9;}
.m33 .section2 .donatewrap li:nth-child(3) .circle{border:20px solid #e3637e;}
}
@media screen and (max-width:990px){
.m33 .section2 .diawrap .circle{width:320px;height:320px;font-size:28px;}
.m33 .section2 .diawrap .circle:after{width:365px;height:365px;}
.m33 .section2 .diawrap ul{flex-wrap:wrap;gap:50px;margin-top: 0;}
.m33 .section2 .diawrap li{width:100%;max-width:640px;margin:0 auto;}
.m33 .section2 .diawrap li:last-child{margin-right: auto;}
.m33 .section2 .diawrap ul:after{display: none;}
.m33 .section2 .diawrap li:after{z-index:-1;}

.m33 .section2 .donatewrap ul{display: flex;flex-wrap:wrap;gap:40px;}
	.m33 .section2 .donatewrap li{width:100%;margin-right: 0;}
	.m33 .section2 .donatewrap li:nth-child(1) .circle,
	.m33 .section2 .donatewrap li:nth-child(2) .circle, .m33 .section2 .donatewrap li:nth-child(3) .circle{max-width:383px;margin:0 auto;}
	.m33 .section2 .donatewrap li:nth-child(1) .circle{border:25px solid #f0c6d3;}
.m33 .section2 .donatewrap li:nth-child(2) .circle{border:25px solid #ea94a9;}
.m33 .section2 .donatewrap li:nth-child(3) .circle{border:25px solid #e3637e;}
}

@media screen and (max-width:813px){
	.m33 .section2 .diawrap .circle{width:270px;height:270px;font-size:22px;}
	.m33 .section2 .diawrap .circle:after{width:320px;height:320px;}
	.m33 .section2 .diawrap li .tit{height:65px;line-height: 65px;font-size:17px;}
	.m33 .section2 .diawrap li .con{height:auto;box-sizing:border-box;padding: 40px 0;min-height:100px;}
	.m33 .section2 .diawrap li .con p{font-size:15px;}
	.m33 .section2 .donatewrap li:nth-child(1) .circle,
	.m33 .section2 .donatewrap li:nth-child(2) .circle, .m33 .section2 .donatewrap li:nth-child(3) .circle{max-width:90%;margin:0 auto;}
	.m33 .section2 .donatewrap li .txts p{font-size:15px;}
	.m33 .section2 .donatewrap li .circle .inner p{font-size:17px;}
	.m33 .section2 .donatewrap li .txts{height: auto;box-sizing:border-box;padding:50px 0;}
		.m33 .section2 .donatewrap li:nth-child(1) .circle{border:20px solid #f0c6d3;}
.m33 .section2 .donatewrap li:nth-child(2) .circle{border:20px solid #ea94a9;}
.m33 .section2 .donatewrap li:nth-child(3) .circle{border:20px solid #e3637e;}
}

@media screen and (max-width:390px){
		.m33 .section2 .diawrap .circle{width:220px;height:220px;font-size:18px;border:40px solid #fff;}
	.m33 .section2 .diawrap .circle:after{width:250px;height:250px;}
}
@media screen and (max-width:340px){
		.m33 .section2 .diawrap .circle{width:200px;height:200px;font-size:18px;border:30px solid #fff;}
	.m33 .section2 .diawrap .circle:after{width:225px;height:225px;}
		.m33 .section2 .donatewrap li:nth-child(1) .circle{border:15px solid #f0c6d3;}
.m33 .section2 .donatewrap li:nth-child(2) .circle{border:15px solid #ea94a9;}
.m33 .section2 .donatewrap li:nth-child(3) .circle{border:15px solid #e3637e;}
.m33 .section2 .donatewrap li:nth-child(2) .circle, .m33 .section2 .donatewrap li:nth-child(3) .circle{max-width:100%;margin:0 auto;}
}
@media screen and (max-width:290px){
		.m33 .section2 .diawrap .circle{width:180px;height:180px;font-size:18px;border:20px solid #fff;}
	.m33 .section2 .diawrap .circle:after{width:200px;height:200px;}
	
}


.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%;
}
.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: 16px;
	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: 100px auto 0px;
	width: 100%;
	max-width: 100%;
	overflow:hidden;
	overflow-x:auto;
	padding-bottom: 40px;
}

.m342 .section1 .tablewrap::-webkit-scrollbar{height:4px;}
.m342 .section1 .tablewrap::-webkit-scrollbar-thumb{width:10%;background: #ccc;cursor:pointer;}
.m342 .section1 .tablewrap::-webkit-scrollbar-track {background: #f2f2f2;}
.m342 .section1 .tablewrap table{
	width:812px;
}
.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: 100px 0 100px;
}
.m342 .section2 .conwrap:first-child{
	margin-bottom: 100px;
}
.m34 .section2 .conwrap .titwrap{
	text-align: center;
}
.m34 .section2 .conwrap .titwrap .tit{
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 40px;
}
.m34 .section2 .conwrap .titwrap p{
	font-size: 15px;
	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: 100px 0 100px;
}
.m341 .section3 .conwrap{
	text-align: center;
}
.m341 .section3 .conwrap .titwrap{
	margin-bottom: 110px;
}
.m341 .section3 .conwrap .titwrap .tit{
	font-size: 28px;
	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 100px;
}
.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: 80px;
	font-size: 24px;
	font-weight: 600;
	border-radius: 14px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}
.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: 28px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 50px;
}

@media screen and (max-width:1399px){
	.m341 .section4 .boxwrap{gap:30px;justify-content:flex-start;}
.m341 .section4 .boxwrap .box{width:calc((100% - 30px) / 2);}
.m342 .section1 .tablewrap table th{font-size:18px;}
.m342 .section1 .tablewrap table td.tit{font-size:18px;}
.m342 .section1 .tablewrap table td p{font-size:16px;}

}
@media screen and (max-width:1240px){
	.m34 .section2 .conwrap .diawrap ul:after{width:70.5%;}
}
@media screen and (max-width:990px){

.m34 .section2 .diawrap .circle{width:320px;height:320px;font-size:28px;}
.m34 .section2 .diawrap .circle:after{width:365px;height:365px;}
.m34 .section2 .conwrap .diawrap ul{flex-wrap:wrap;gap:50px;margin-top: 0;}
.m34 .section2 .conwrap .diawrap li{width:100%;max-width:640px;margin:0 auto;}
.m34 .section2 .conwrap .diawrap li:last-child{margin-right: auto;}
.m34 .section2 .conwrap .diawrap ul:after{display: none;}
.m34 .section2 .conwrap .diawrap li:after{z-index:-1;}

.m341 .section3 .conwrap .scroll-wrap{width:100%;overflow:hidden;overflow-x:auto;}
.m341 .section3 .conwrap .scroll-wrap ul{width:880px;padding-top: 100px;padding-bottom: 165px;}
.m341 .section3 .conwrap .scroll-wrap::-webkit-scrollbar{height:4px;}
.m341 .section3 .conwrap .scroll-wrap::-webkit-scrollbar-thumb{width:10%;background: #ccc;cursor:pointer;}
.m341 .section3 .conwrap .scroll-wrap::-webkit-scrollbar-track {background: #f2f2f2;}
}
@media screen and (max-width:813px){

.m34 .section2 .conwrap .diawrap .circle{width:270px;height:270px;font-size:22px;}
.m34 .section2 .conwrap .diawrap .circle:after{width:320px;height:320px;}
.m34 .section2 .conwrap .diawrap li .tit{height:65px;line-height: 65px;font-size:17px;}
.m34 .section2 .conwrap .diawrap li .con{height:auto;box-sizing:border-box;padding: 40px 0;min-height:100px;}
.m34 .section2 .conwrap .diawrap li .con p{font-size:15px;}
	.m341 .section3 .conwrap .scroll-wrap{width:100%;overflow:hidden;overflow-x:auto;padding-left:0px;box-sizing:border-box;}
	.m341 .section3 .conwrap .scroll-wrap ul{width:800px;padding-bottom:150px;padding-top: 50px;;}
	.m341 .section3 .conwrap .scroll-wrap::-webkit-scrollbar{height:4px;}
	.m341 .section3 .conwrap .scroll-wrap::-webkit-scrollbar-thumb{width:10%;background: #ccc;cursor:pointer;}
	.m341 .section3 .conwrap .scroll-wrap::-webkit-scrollbar-track {background: #f2f2f2;}
	.m341 .section3 .conwrap ul li{width:235px;height:235px;}
	.m341 .section3 .conwrap ul li .line1{width: 320px;height: 320px;}
	.m341 .section3 .conwrap ul li .line2{width: 325px;}
	.m341 .section3 .conwrap ul li .exp p{font-size:15px;}
	.m341 .section3 .conwrap ul li .txtwrap b{font-size:20px;}
	.m341 .section3 .conwrap ul li:after{top:75px;}
	
	.m341 .section4 .txtwrap .txts .tit{font-size:24px;}
	.m341 .section4 .txtwrap .txts .con{padding:25px;}
	.m341 .section4 .txtwrap .txts .con p{font-size:15px;}
	
	.m341 .section4 .boxwrap .box{width:100%;padding:20px;}
	.m341 .section4 .boxwrap .box .tit{font-size:18px;height:65px;}
	.m341 .section4 .boxwrap .box .con{margin-top: 20px;}
	.m341 .section4 .boxwrap .box .con p{font-size:15px;}
	
	/*m342*/
	.m342 .section2 .conwrap .diawrap .part1 .box{height:65px;line-height: 65px;font-size:16px;}
	.m342 .section2 .conwrap .diawrap .part2{height:65px;line-height: 65px;font-size:17px;}
}
@media screen and (max-width:390px){
.m34 .section2 .conwrap .diawrap .circle{width:220px;height:220px;font-size:18px;border:40px solid #fff;}
.m34 .section2 .conwrap .diawrap .circle:after{width:250px;height:250px;}
}
@media screen and (max-width:340px){
	.m34 .section2 .conwrap .diawrap .circle{width:200px;height:200px;font-size:18px;border:30px solid #fff;}
.m34 .section2 .conwrap .diawrap .circle:after{width:225px;height:225px;}
}
@media screen and (max-width:290px){
		.m34 .section2 .conwrap .diawrap .circle{width:180px;height:180px;font-size:18px;border:20px solid #fff;}
.m34 .section2 .conwrap .diawrap .circle:after{width:200px;height:200px;}
	
}


.m35 .section .sec_tit {
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 50px;
		position: relative;
	z-index: 1;
}
.m35 .section2{
	padding: 100px 0;
	background: #e6e7ee;
}
.m35 .section2 .orgwrap{
	width:100%;overflow:hidden;
	padding-bottom: 40px;
}
.m35 .section2 .img{
	text-align: center;width:990px;
}
.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: 100px 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;
}

@media screen and (max-width:813px){
	.m35 .section3 li{width:100%;min-height:unset;padding:20px;padding-bottom: 40px;}
	.m35 .section3 li .txts{margin-top: 20px;}
	.m35 .section3 li .tit{height:65px;line-height: 65px;font-size:17px;}
	.m35 .section3 li .txts p{font-size:15px;}
}



.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;
}

@media screen and (max-width:1399px){
.m37 .section1 .main_txt .txts .txt1{font-size:34px;}
.m37 .section1 .main_txt .txts .txt2{font-size:42px;}
.m37 .section1 .main_txt .txts .txt3{font-size:16px;}
.m37 .section1 .method > p{font-size:34px;}
}
@media screen and (max-width:1280px){
.m37 .section2 .conwrap .type_list li{width:calc((100% - 30px) / 2);}
}
@media screen and (max-width:813px){
	.m37 .section1{padding: 0 0 100px;}
	.m37 .section1 .main_txt{padding: 60px 20px;}
	.m37 .section2 .conwrap .type_list li{width: 100%;}
	.m37 .section1 .main_txt .txts .txt1{font-size:20px;}
	.m37 .section1 .main_txt .txts .txt2{font-size:24px;}
.m37 .section1 .main_txt .txts .txt3{font-size:14px;}
.m37 .section1 .method > p{font-size:24px;}
.m37 .section1 .method{margin-top: 100px;}
.m37 .section1 .method ul{flex-wrap:wrap;gap:30px;}
.m37 .section1 .method ul:after{display: none;}
.m37 .section1 .method li{width:100%;}
.m37 .section1 .method li .tit{height:65px;line-height: 65px;}
.m37 .section1 .method li .tit span{font-size:18px;}
.m37 .section1 .method li .con p{font-size:15px;}
.m37 .section2{padding:100px 0;}
.m37 .section2 .conwrap .con_tit{font-size:24px;}
.m37 .section2 .conwrap .type_list li .tit{height:70px;}
.m37 .section2 .conwrap .type_list li .tit span{font-size:18px;}
.m37 .section2 .conwrap .type_list li .con p{font-size:15px;width:calc(100% - 80px);}
.m37 .section2 .conwrap .type_list li .con .icon{width: 80px;}

.m37 .section2 .conwrap .p_list{padding:40px 20px;}
.m37 .section2 .conwrap .p_list li{padding:30px 20px;}
.m37 .section2 .conwrap .p_list li p{font-size:15px;width:calc(100% - 32px - 20px);margin-left: 20px;}
.m37 .section2 .conwrap .p_list li .num{width:32px;height:32px;font-size:13px;line-height: 32px;}
.m37 .section2 .link{gap:10px;flex-wrap:wrap;flex-direction:column;align-items:center;}
.m37 .section2 .btnWrap{width:230px;max-width:100%;}
.m37  .section2 .btnWrap .btn span{font-size:15px;}
}


/* 폼디비 상단 단계 */
.agree_steps{
	padding: 50px 0;
}
.agree_steps .steps{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width:100%;
	max-width:520px;
	margin: 0 auto;
}
.agree_steps .steps:after{
	content: "";
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
	top: 50px;
	width: 80%;
	max-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:24vw;
	height:24vw;
	max-width: 95px;
	max-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: 22vw;
	height: 22vw;
	max-width:101px;
	max-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: 15px;
	font-weight: 600;
	color: rgba(0,0,0,0.4);
	margin-top: 8px;
}
.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: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #dadde4;
	border-radius: 14px;
	font-size: 15px;
	font-weight: 500;
	color: #555555;
	box-sizing: border-box;
}
.agree_steps .agree_tabs li.on a{
	background: unset;
	color: #04287e;
	border: 2px solid #04287e;
}

@media screen and (max-width:400px){
	.agree_steps .steps:after{top:13vw;}
	.agree_steps .steps li .circle>img{max-width:30px;}
}
@media screen and (max-width:340px){
	.agree_steps .steps li .circle>img{max-width:25px;}
}

.agreePage .section1{
	padding: 100px 0 120px;
	background: #f0f1f5;
}
.agreePage .agreewrap{
	padding-bottom: 60px;
	border-bottom:1px solid #ddd;
}
.agreePage .agreewrap:first-child{margin-bottom: 40px;}
.agreePage .agreewrap .tit{font-size:24px;font-weight:600;}
.agreePage .agreewrap .textarea{
	height:370px;
	padding:30px;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:15px;
	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:18px;
	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;flex-wrap:wrap;gap:10px;
}
.agreePage .section1 .link span{
	font-size: 15px;
}
.agreePage .section1 .link .btnWrap{margin-top: 0;max-width:100%;}

@media screen and (max-width:400px){
.agreePage .agreewrap .textarea{padding:20px;padding-right: 30px;}
}


/* 폼디비 공통 */
.writePage .section1{
	padding: 30px 0 100px;
	background: #f0f1f5;
}
.writePage .formarea{}
.writePage .formarea .con{
	width: 100%;
	padding: 40px 0;
	border-bottom: 1px solid #ddd;
}
.writePage .formarea .con .titwrap{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.writePage .formarea .con .titwrap .tit{
	font-size: 20px;
	font-weight: 600;
}
.writePage .formarea .con .titwrap .tit .est{
	color: #e3637e;
}
.writePage .formarea .con .titwrap .tit .multi{
	font-size: 16px;
	font-weight: 500;
	color: #666;
}
.writePage .formarea .con .titwrap > .est{
	font-size: 14px;
	width:100%;
	font-weight: 500;
	margin-top: 8px;
}
.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: 20px;}
.writePage .formarea .con .formwrap dl.w100{width: 100%;}
.writePage .formarea .con .formwrap dl.w50{width: 100%;}
.writePage .formarea .con .formwrap dl.w30{width: 100%;}
.writePage .formarea .con .formwrap dl.w25{width: 100%;}
.writePage .formarea .con .formwrap dl dt{
	font-size: 15px;
	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: 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 16px center #fff;
	font-size: 15px;
}
.writePage .formarea .con .formwrap dl dd select:-ms-expand {
	display: none;
}
.writePage .formarea .con .formwrap dl dd select option{
	font-size: 15px;
}
.writePage .formarea .con .formwrap dl dd input{
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	padding: 0 10px;
	background: #fff;
	outline: 0;
	font-size: 15px;
	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: 15px;
	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: 15px 10px;
	box-sizing: border-box;
	background: #fff;
	outline: 0;
	font-size: 15px;

	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: 15px;
	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: 100%;
	margin-bottom: 30px;
}
.writePage .formarea .con .formwrap .checkArea .inner .checkWrap > div:last-child{
	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: 16px;
}
.writePage .formarea .con .formwrap .checkArea .inner .checkWrap > div input + label:before{
	content:"";
	position:absolute;
	width:20px;
	height:20px;
	left:0;top:3px;
	background: url(/images/page/m42_chk_off.png) no-repeat center / contain;
}
.writePage .formarea .con .formwrap .checkArea .inner .checkWrap > div input:checked + label:before{
	background: url(/images/page/m42_chk_on.png) no-repeat center / contain;
}
.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;
	overflow-x: scroll;
}
.writePage .formarea .con .gasArea .gasWrap .inner{
	display: flex;
	flex-wrap: wrap;
	width: 800px;
}
.writePage .formarea .con .gasArea .gasWrap .inner .info{
	width: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	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: 15px;
	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: 15px;
	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: 15px;
	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: 15px;
	font-weight: 500;
	color: #000;
}
.writePage .formarea .con .photoWrap{
	width: 100%;
	margin-top: 30px;
	padding: 20px;
	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: 15px;
	line-height: 1.7em;
}
.writePage .formarea .con .photoWrap .conwrap{
	display: flex;
	flex-direction: column;
	margin-bottom: 10%;
}
.writePage .formarea .con .photoWrap .conwrap .tit{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 10px;
	background: #a9afbb;
}
.writePage .formarea .con .photoWrap .conwrap .tit p{
	font-size: 15px;
	line-height: 1.6em;
	color: #fff;
}
.writePage .formarea .con .photoWrap .conwrap .formwrap{
	width: 100%;
	margin-left: 1%;
	margin-top: 20px;
	padding: 0 20px 20px;
	background: #f0f1f5;
	border-radius: 10px;
	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;
	flex-wrap: wrap;
	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:50px;
	height:50px;
	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% - 60px);
	height: 50px;
	margin-left: 10px;
}
.writePage .formarea .con .photoWrap .conwrap .formwrap .filebox label {
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	height:50px;
	font-size:15px;
	font-weight:600;
	color:#3257a1;
	border: 2px solid #3257a1;
	border-radius: 8px;
	box-sizing: border-box;
	margin-top: 10px;
}
.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: 14px;
	font-weight: 500;
	color: #666666;
	margin-left: 15px;
}
.writePage .formarea .con .applyWrap{
	width: 100%;
	margin-top: 30px;
	padding: 30px;
	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: 18px;
	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: 20px;
	border-radius: 10px;
	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: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	margin-right: 15px;
	font-size: 14px;
	font-weight: 500;
	color: #04287e;
}
.writePage .formarea .con .applyWrap .applyInfo li p{
	width: calc(100% - 30px - 15px);
	font-size: 15px;
	color: #666;
	line-height: 1.6em;
}




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

.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;
}

@media screen and (max-width:600px){
.writePage .formarea .con .warning{padding: 40px 30px;}	
.writePage .formarea .con .warning .txts{width:calc(100% - 37px - 20px);margin-left: 20px;font-size:15px;}
}
@media screen and (max-width:400px){
.writePage .formarea .con .warning{flex-wrap:wrap;}
.writePage .formarea .con .warning .icon{width:100%;}
.writePage .formarea .con .warning .icon>img{max-width:100%;display: block;margin:0 auto;}
.writePage .formarea .con .warning .txts{width: 100%;margin-left: 0;margin-top: 20px;}
}


.writePage .formarea .con .visit_info{
	width: 100%;
	padding: 30px;
	margin: 50px 0;
	box-sizing: border-box;
	background: #e2e5eb;
	border-radius: 8px;
}
.writePage .formarea .con .visit_info p{
	font-size: 16px;
	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: 50px;
	background: #a9afbb;
	font-size: 15px;
	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: 15px;
	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: 15px;
}
.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:35px;
	font-size:15px;
	margin-right: 20px;
	cursor: default;
}
.writePage .formarea .con .method_check input + label:before{
	display:block;content:"";
	width:25px;height:25px;
	border-radius:50%;
	position:absolute;left:0;top:-1px;
	background: #dadde4;
	border: 1px solid #c2c3c7;
	box-sizing: border-box;
}
.writePage .formarea .con .method_check input + label:after{
	display:block;content:"";
	width:13px;height:13px;
	background:#153685;border-radius:50%;
	position:absolute;left:6px;top:5px;
	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: 100px 0 100px;
	background: #f0f1f5;
}
.writeOk .section1 .con{
	width: 100%;
	padding: 80px 20px;
	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: 20px;
	font-weight: 600;
}
.writeOk .section1 .con .num{
	font-size: 20px;
	font-weight: 600;
}
.writeOk .section1 .con .txt2{
	font-size: 15px;
	color: #666;
	margin: 10px 0;
}
.writeOk .section1 .con .txt2 a{
	font-size: 15px;
	color: #666;
}
.writeOk .section1 .con .txt2 strong{
	color: red;
}



/* 사이버신문고 접수결과 */
.m37_result dd .result_con{
	width: 100%;
	min-height: 350px;
	padding: 15px 10px;
	font-size: 15px;
	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: 100%;
	padding: 20px;
	border-radius: 10px;
	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: 18px;
	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: 50px;
	border-radius: 10px;
}
.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: 16px;
	height: 16px;
	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: 15px;
	font-weight: 600;
	color: #fff;
}


.m42_upload .formarea .con .formwrap .file{
	width: 100%;
}
.m42_upload .formarea .con .formwrap .file .filebox {
	display: flex;
	flex-direction: column;
	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:100%;
	height: 50px;
	margin-bottom: 10px;
}
.m42_upload .formarea .con .formwrap .file .filebox label {
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	height:50px;
	font-size:15px;
	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 100px;}
.m51 .section1 .slogan{
	position: relative;
	width: 98%;
	max-width: 1890px;
	height: auto;
	margin: 0 auto;
	border-radius: 14px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing:border-box;
	padding:120px 0;
}
.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: 20px;
	font-weight: 600;
	color: #fff;
	margin-top: 0;
}
.m51 .section1 .slogan .txtwrap p{
	font-size: 20px;
	font-weight: 600;
	color: #fff;
}
.m51 .section1 .txtwrap{
	margin-top: 60px;
	text-align: center;
}
.m51 .section1 .txtwrap p{
	font-size: 15px;
	line-height: 1.6em;
	color: #666;
}
.m51 .section1 .txtwrap .tit{
	margin: 50px 0 20px;
	font-size: 22px;
	font-weight: 600;
}
.m51 .section2{
	padding: 100px 0;
	background: #f0f1f6;
}
.m51 .section2 .sec_tit{
	font-size: 28px;
	font-weight: 600;
	text-align: center;
}
.m51 .section2 .circlewrap{
	margin: 80px 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: 22px;
	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: 100px 0;
}
.m51 .section3 .sec_tit{
	text-align: center;
}
.m51 .section3 .sec_tit .tit{
	font-size: 20px;
	font-weight: 600;
	color: #000;
}
.m51 .section3 .sec_tit p{
	font-size: 24px;
	font-weight: 700;
	margin-top: 20px;
}
.m50 .prd_list{
	margin-top: 60px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.m50 .prd_list.v2 li,
.m50 .prd_list.v3 li,
.m50 .prd_list.v4 li{
	width: calc((100% - 20px ) / 2);
}

.m50 .prd_list li .img {
	width: 100%;
	border-radius: 14px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	overflow: hidden;
}
.m50 .prd_list li .img>img{width:100%;object-fit:cover;}
.m50 .prd_list li .name {
	font-size: clamp(16px, 4vw,18px);
	font-weight: 600;
	margin: 10px 0;
}

.m50 .prd_info{
	display: flex;
	flex-wrap:wrap;
	width: 100%;
	padding: 30px 0px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}
.m50 .prd_info .tit{
	width: 100%;
	font-size: 32px;
	font-weight: 600;
	padding-bottom: 30px;
}
.m50 .prd_info .info{
	width: 100%;
	padding-top: 30px;
	border-top: 1px solid #ccc;
	box-sizing: border-box;
}
.m50 .prd_info .info .name{
	font-size:24px;
	font-weight: 600;
}
.m50 .prd_info .info .exp{
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.6em;
	color: #666;
}
.m52, .m53, .m54{
	padding: 0 0 100px;
}

@media screen and (max-width:1399px){
.m51 .section2 .circlewrap li{
	width: calc(327px * 8.5/10);
	height:calc(327px * 8.5/10);
	}
	.m51 .section2 .conwrap .boxwrap .box{width:calc((100% - 60px) / 2);margin-right: 60px;}
	.m51 .section2 .conwrap .boxwrap .box .con{border-bottom-right-radius:14px;border-bottom-left-radius:14px;}
}
@media screen and (max-width:1280px){
	.m51 .section2 .circlewrap{flex-wrap:wrap;flex-direction:column;align-items:center;}
	.m51 .section2 .circlewrap li{width:320px;height:320px;}
	.m51 .section2 .circlewrap li + li{margin-left: 0;margin-top: -38px;}
}
@media screen and (max-width:990px){
		.m51 .section2 .conwrap .boxwrap{gap:60px;}
		.m51 .section2 .conwrap .boxwrap .box{width:100%;margin-right: 0px;margin-bottom: 0;}
}
@media screen and (max-width:813px){
.m51 .section2 .circlewrap li{width:260px;height:260px;}
.m51 .section2 .circlewrap li b{font-size:22px;}
.m51 .section2 .circlewrap li span{font-size:14px;}
.m51 .section2 .circlewrap li .icon{margin:12px 0;}
.m51 .section2 .conwrap{padding:100px 0;}
.m51 .section2 .conwrap .boxwrap .box .tit{height:65px;line-height: 65px;font-size:17px;;}
.m51 .section2 .conwrap .boxwrap .box .con li p{font-size:15px;}
.m51 .section2 .conwrap .boxwrap .box .con li .num{width:24px;height: 24px;line-height: 24px;font-size:13px;}
.m51 .section2 .conwrap .boxwrap .box .con{padding:40px 20px;}
.m51 .section2 .conwrap .boxwrap .box .con .imgwrap{flex-wrap:wrap;}
.m51 .section2 .conwrap .boxwrap .box .con .imgwrap.v2 .img{width:calc((100% - 24px) / 2);}
.m51 .section2 .conwrap .boxwrap .box .con .imgwrap.v3 .img{width:calc((100% - 24px) / 2);}
.m51 .section2 .conwrap .boxwrap .box .con .imgwrap.v3 .img:last-child{width:100%;}
.m51 .section2 .conwrap .boxwrap .box .con .imgwrap.v3 .img:last-child img{display: block;margin:0 auto;max-width:100%;}
}
@media screen and (max-width:380px){
	.m50 .prd_info .tit{font-size:26px;padding-bottom: 20px;}
	.m50 .prd_info .info{padding-top: 20px;}
	.m50 .prd_info .info .name{font-size:20px;}
	.m50 .prd_info .info .exp{font-size:15px;}
	
	.m51 .section2 .circlewrap li{width:220px;height:220px;}
	.m51 .section2 .circlewrap li b{font-size:18px;}
	.m51 .section2 .circlewrap li span{font-size:14px;}
	.m51 .section2 .circlewrap li .icon{margin:12px 0;}
	.m51 .section2 .circlewrap li + li{margin-top: -30px;}
	.m51 .section2 .conwrap .boxwrap .box .con .imgwrap.v3 .img{width:100%;}
	.m51 .section2 .conwrap{padding:80px 0;}
}


.m53 .section .con{
	padding-top: 80px;
}
.m53 .section .con .con_tit{
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}
.m53 .section .con .conwrap{
	width: 100%;
	margin-top: 50px;
	padding: 30px;
	border-radius: 14px;
	border: 1px solid #dddddd;
	background: #fff;
	box-sizing: border-box;
}
.m53 .section .con .conwrap .top{
	position: relative;
	width: 100%;
}
.m53 .section .con .conwrap .top .left{
	position: relative;
	z-index: 1;
	width: 100%;
}
.m53 .section .con .conwrap .top .left .arr{
	position: absolute;
	left: 50%;
	top: calc(100% + 15px);
	transform: translateX(-50%);
	width: 300px;
}
.m53 .section .con .conwrap .top .left .arr img:first-child{display: none;}
.m53 .section .con .conwrap .top .right{
	position: relative;
	z-index: 1;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 80px;
}
.m53 .section .con .conwrap .top .right img{
	width: 100%;
}
.m53 .section .con .conwrap .bot{
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #ddd;
	text-align: center;
}


.m55 .section1{
	padding: 0 0 100px;
}
.m55 .section1 ul{
	display: flex;
	flex-wrap: wrap;
}
.m55 .section1 li{
	width: 100%;
	margin-bottom: 30px;
}
.m55 .section1 li:last-child{
	margin-bottom: 0;
}
.m55 .section1 li .img {
	background: #fff;
	border-radius: 10px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	overflow: hidden;
}
.m55 .section1 li .img img {
	width: 100%;
}
.m55 .section1 li .name{
	margin-top: 10px;
	text-align: center;
	font-size: 20px;
	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);
}

@media (max-width: 1399px){
	.m61 .section1 .con li{
		width: 350px;
		height: 350px;
	}
	.m61 .section1 .con li b{font-size:32px;}
	.m61 .section2 .conwrap .bot .box b{font-size:34px;}
	.m61 .section1 .con li p{font-size:17px;}
}
@media screen and (max-width:1200px){
	.m61 .section1 .con li{
		width: 350px;
		height: 350px;
	}
}
@media screen and (max-width:1080px){
.m61 .section1 .con ul{display: block;}
.m61 .section1 .con li{margin:0 auto 40px;}
.m61 .section1 .con li:nth-child(3):after, .m61 .section1 .con li:nth-child(2):after{display: none;background: #5cb1c2;}
.m61 .section1 .con li:nth-child(1):after{transform:none;left:50%;transform:translateX(-50%);}
}
@media screen and (max-width:813px){
	.m61 .section1 .con .circle{width:80vw;height:80vw;}
.m61 .section1 .con li{width:65vw;height:65vw;}
	.m61 .section1 .sec_tit, .m61 .section2 .conwrap .top p{font-size:28px;}
	.m61 .section1, .m61 .section2{padding:0 0 100px;}
	.m61 .section2 .conwrap .bot{flex-wrap:wrap;}
	.m61 .section2 .conwrap .bot .box{width: 100%;}
	.m61 .section2 .conwrap .bot .box{padding:40px 30px;}
	.m61 .section2 .conwrap .bot .box b{font-size:22px;}
	.m61 .section2 .conwrap .bot .box p{font-size:15px;}
	.m61 .section2 .conwrap .bot .box .icon img{max-width:60px;}
	.m61 .section2 .conwrap .top{padding:100px 0 60px;}
}
@media screen and (max-width:640px){
.m61 .section1 .con .circle p{font-size:24px;}
.m61 .section1 .con li b{font-size:19px;margin:6px 0 10px;}
.m61 .section1 .con li p{font-size:15px;}
}
@media screen and (max-width:440px){
		.m61 .section1 .con .circle{width:90vw;height:90vw;}
.m61 .section1 .con li{width:80vw;height:80vw;}
.m61 .section1 .con .circle .logo img{max-width:120px;}
.m61 .section1 .con{margin-top: 100px;}
.m61 .section2 .conwrap .top{padding:80px 0 60px;}
}
@media screen and (max-width:340px){
.m61 .section1 .con{margin-top: 80px;}
.m61 .section1 .con .circle{width:90vw;height:90vw;}
.m61 .section1 .con li{width:85vw;height:85vw;}
.m61 .section1 .con li b{font-size:18px;margin:6px 0 6px;}
.m61 .section1 .con li p{font-size:14px;}
}

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

.m62 .section2{
	padding: 40px 0 100px;
	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;
}

@media screen and (max-width:813px){
	.m62 .m_view{display: block !important;}
	.m62 .section2 .conwrap .con{flex-wrap:wrap;padding:40px 20px;}
	.m62 .section2 .conwrap .con .icon,
	.m62 .section2 .conwrap .con .txtwrap{width:100%;margin:0 auto;}
	.m62 .section2 .conwrap .con .icon{display: flex;align-items:center;justify-content:center;max-width:50%;}
	.m62 .section2 .conwrap .con .icon>img{}
	.m62 .section2 .conwrap .con .icon>img.pt_ver{display: none;}
	.m62 .section2 .conwrap .con .icon>img.m_ver{display: block;}
	.m62 .section2 .conwrap .con .txtwrap{margin-top: 30px;}
	.m62 .section2 .conwrap .con .txtwrap .tit{display: none;}
	.m62 .section2 .conwrap .con .arr{left:50%;transform:translateX(-50%);}
	.m62 .section2 .conwrap .con:last-child .arr{display: none;}
	.m62 .section2 .conwrap .con .txtwrap ul li{font-size:16px;padding-left: 14px;}
	.m62 .section2 .conwrap .con .txtwrap ul li:after{top:9px;}
}
@media screen and (max-width:640px){
.m62 .section2 .conwrap .con .icon{max-width:60%;}
}
@media screen and (max-width:380px){
.m62 .section2 .conwrap .con .icon{max-width:80%;}
}

.m63{}
.m63 .section{
	padding: 0 0 100px;
}
.m63 .section ul{
	display: flex;
	flex-wrap: wrap;
	gap: 25px 20px;
}
.m63 .section ul li{
	position: relative;
	width: calc((100% - 20px) / 2);
	padding: 25px;
	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: 14px;
	font-weight: 600;
	color: #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
}
.m63 .section ul li .tit{
	font-size: 21px;
	font-weight: 600;
	margin: 12px 0;
}
.m63 .section ul li p{
	font-size: 15px;
	line-height: 1.5em;
	color: #666;
}

@media screen and (max-width:450px){
	.m63 .section ul li{padding:20px;}
	.m63 .section ul li .icon{width:55px;}
	.m63 .section ul li .tit{font-size:19px;margin:8px 0;}
	.m63 .section ul li p{font-size:14px;}
	.m63 .section ul li span{font-size:13px;}
}
@media screen and (max-width:390px){
	.m63 .section ul{gap:20px;}
	.m63 .section ul li{width:100%;}
}


.noticePage{
	padding: 0 0 100px;
}
.noticePage ul{
	display: flex;
	flex-wrap: wrap;
}
.noticePage li{
	position: relative;
	width: 100%;
	margin-bottom: 70px;
}
.noticePage li:last-child{
	margin-bottom: 0;
}
.noticePage li a{
	display: block;
}
.noticePage li a .thumb{
	border-radius: 14px;
	overflow: hidden;
}
.noticePage li a .thumb img{
	width: 100%;
	object-fit: cover;
}
.noticePage li a .txtwrap{
	margin-top: 20px;
}
.noticePage li a .txtwrap .tit{
	font-size: 20px;
	font-weight: 600;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.noticePage li a .txtwrap .con{
	font-size: 16px;
	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: 14px;
	color: #666666;
}






/* btn More */
.btns{display:flex;align-items:center;justify-content:center;margin:40px 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 100px;}
.m64 .section1 .total{font-size:15px;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:30px 0;
	border-bottom:1px solid #ccc;
}
.m64 .section1 .recruit_list li a{display:flex;flex-wrap:wrap;flex-direction:column-reverse;}
.m64 .section1 .recruit_list li a .info{
	box-sizing:border-box;
	width:calc(100% - 0px);
}
.m64 .section1 .recruit_list li a .info .tit{
	font-size:20px;color:#000;font-weight:700;
}
.m64 .section1 .recruit_list li a .info .tag{
	display:flex;flex-wrap:wrap;
	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:30px;
	padding:0 15px;margin:0 5px 5px 0;
	border-radius:50px;
	border:1px solid #999;
	font-size:13px;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:100%;}
.m64 .section1 .recruit_list li a .state span{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:50px;
	border-radius:10px;margin-bottom:20px;
	font-size:15px;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 100px;}
.m64_view .section1 .innerwrap{}
.m64_view .section1 .innerwrap .leftInfo{
	overflow:hidden;
	display:flex;flex-wrap:wrap;
	box-sizing:border-box;
	width:100%;
	padding:30px;margin-bottom:20px;
	background:#ededf4;
	border-radius:15px;
}
.m64_view .section1 .innerwrap .leftInfo dl{
	box-sizing:border-box;
	width:100%;
	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% - 0px);
	border-top:1px solid #1a1a1a;
}
.m64_view .section1 .innerwrap .bbsView .titlearea{
	padding:20px 0;
	border-bottom:1px solid #ccc;
}
.m64_view .section1 .innerwrap .bbsView .titlearea .title{margin-bottom: 20px;}
.m64_view .section1 .innerwrap .bbsView .titlearea .title .tit{font-size:20px;color:#000;font-weight:700;}
.m64_view .section1 .innerwrap .bbsView .titlearea .title .info{margin-top:10px;}
.m64_view .section1 .innerwrap .bbsView .titlearea .title .info .depart{
	display:inline-block;
	box-sizing:border-box;
	height:30px;
	padding:0 15px;
	border:1px solid #555;border-radius:18px;
	font-size:15px;color:#444;line-height:30px;text-align:center;
}
.m64_view .section1 .innerwrap .bbsView .titlearea .title .info dl{
	display:flex;
	margin-top: 10px;
}
.m64_view .section1 .innerwrap .bbsView .titlearea .title .info dl dt{
	position:relative;
	padding-right:11px;margin-right:10px;
	font-size:15px;color:#666;font-weight:600;
}
.m64_view .section1 .innerwrap .bbsView .titlearea .title .info dl dt:after{
	display:block;content:"";
	width:1px;height:12px;
	background:#bbb;
	position:absolute;right:0;top:6px;
}
.m64_view .section1 .innerwrap .bbsView .titlearea .title .info dl dd{
	font-size:15px;color:#666;
}
.m64_view .section1 .innerwrap .bbsView .titlearea .btn .more{height:50px;border-radius:54px;}
.m64_view .section1 .innerwrap .bbsView .titlearea .btn .more a{height:50px;line-height:48px;border-radius:54px;}

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



/* m64 step1 */
.m64_step1 .recruit_step{padding:0 0 110px;}
.m64_step1 .innerwrap{overflow-x: auto;}
.m64_step1 .recruit_step ul{
	display:flex;justify-content:space-between;
	position:relative;
	width:720px;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:90px;height:90px;
	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:100px 0;
	background:#f0f1f5;
}
.m64_step1 .section1 h4{font-size:22px;color:#222;font-weight:700;}
.m64_step1 .section1 .boxwrap{
	padding:40px 0;
	border-bottom:1px solid #ccc;
}
.m64_step1 .section1 .boxwrap h5{font-size:18px;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:20px;
}
.m64_step1 .section1 .boxwrap .txtarea .textarea p{margin-bottom:40px;font-size:15px;color:#555;line-height:1.7em;}
.m64_step1 .section1 .boxwrap .txtarea .textarea .tit1{margin-bottom:20px;font-size:17px;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:15px;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:15px;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{padding-bottom: 20px; overflow-x: auto;}
.m64_step1 .section1 .boxwrap .txtarea .textarea .table table{width: 1000px;border-spacing: 10px;}
.m64_step1 .section1 .boxwrap .txtarea .textarea .table table th{
	padding:5px;
	background:#f0f1f5;
	border-radius:10px;
	font-size:15px;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:15px;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:15px;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:30px;
	font-size:16px;color:#000;font-weight:600;
}
.m64_step1 .section1 .boxwrap .chkarea input + label:before{
	display:block;content:"";
	position:absolute;left:0;top:3px;
	width:20px;height:20px;
	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:75px;height:50px;
	border-radius:10px;
	font-size:15px;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:calc(100% - 75px - 5px);height:50px;
	margin-right: 5px;
	border:1px solid #ddd;border-radius:10px;
	background:#fff;
	font-size:14px;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:none;}
.m64_step2 .section1 .boxwrap.b1{padding-bottom:60px;}
.m64_step2 .section1 .boxwrap .titlearea{
	margin-bottom:40px;
}
.m64_step2 .section1 .boxwrap .titlearea h4{font-size:20px;color:#222;font-weight:700;}
.m64_step2 .section1 .boxwrap .titlearea .tip{font-size:15px;color:#333;font-weight:600;}
.m64_step2 .section1 .boxwrap .inputwrap{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	width:100%;
}
.m64_step2 .section1 .boxwrap .inputwrap:last-child{margin:0;}
.m64_step2 .section1 .boxwrap .inputwrap dl{width:100%; margin-bottom: 20px;}
.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:50px;
	padding:0 10px;
	border:1px solid #ccc;border-radius:10px;
	background:#fff;
	font-size:15px;color:#333;
	outline:0;
}
.m64_step2 .section1 .boxwrap .inputwrap dl dd select{
	box-sizing:border-box;
	width:100%;height:50px;
	padding:0 10px;
	border:1px solid #ccc;border-radius:10px;
	background:#fff url(/images/page/sel_arr.png) no-repeat calc(100% - 10px) center;
	font-size:15px;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{
	padding-top: 50px;
	border-top:2px solid #222;
}
.m64_step2 .section1 .boxwrap.b2 .info1 .pht{
	box-sizing:border-box;
	width:275px;
}
.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:14px;}
.m64_step2 .section1 .boxwrap.b2 .info1 .pht .ex2{
	position:relative;
	padding-left:12px;
	font-size:14px;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:100%;
	padding-top: 30px;
	margin-top: 30px;
}
.m64_step2 .section1 .boxwrap dl dd .tip{
	width:100%;
	margin-top: 10px;
	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:14px;color:#666;font-weight:500;
}
.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{width: 100%;display:flex;justify-content:space-between;}
.m64_step2 .section1 .boxwrap dl dd .addrcode input{
	width:calc(100% - 120px);
}
.m64_step2 .section1 .boxwrap dl dd .addrcode button{
	width:120px;
	border:2px solid #3257a1;border-radius:10px;
	outline:0;background:0;
	font-size:15px;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; margin-bottom: 10px;}
.m64_step2 .section1 .boxwrap .chkbox input{display:none;}
.m64_step2 .section1 .boxwrap .chkbox input + label{
	position:relative;
	padding-left:30px;
	font-size:16px;color:#000;font-weight:600;
}
.m64_step2 .section1 .boxwrap .chkbox input + label:before{
	display:block;content:"";
	position:absolute;left:0;top:3px;
	width:20px;height:20px;
	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:50px;}
.m64_step2 .section1 .boxwrap.b3.first .info1{padding-top:50px;border-top:2px solid #222}
.m64_step2 .section1 .boxwrap.b4{border:0;padding:50px 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;
	justify-content: space-between;
	box-sizing:border-box;
	padding:20px 100px 20px 20px;
}
.m64_step2 .section1 .boxwrap .eduInfo .eduInfobox .front .tit{
	box-sizing:border-box;
	padding-left:33px;
	font-size:15px;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:20px;top:25px;}
.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 20px 20px;
}

.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;flex-direction: column;
}
.filebox input[type="file"]{display:none;}
.filebox label{
	width:100%;height:50px; margin-top: 10px;
	background:0;border:2px solid #3257a1;
	border-radius:10px;
	font-size:15px;color:#3257a1;font-weight:600;text-align:center;line-height:46px;
	outline:0;
}
.filebox .upload-name{width: calc(100% - 120px);}

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

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


/* m64 step3 */
.m64_step3 .boxwrap{}
.m64_step3 .boxwrap .titlearea{}
.m64_step3 .boxwrap .titlearea h4{font-size:18px;}
.m64_step3 .boxwrap .titlearea h4 .txtNum{font-size:14px;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:10px;
	background:#fff;
	padding: 10px;margin:40px 0 0;
	resize:none;outline:0;
	font-size:15px;
}
.m64_step3 .boxwrap .txtchk{
	margin:20px 0 0;
	font-size:14px;color:#666;text-align:right;
}
.m64_step3 .boxwrap .txtchk strong{color:#222;}


/* m64 step4 */
.m64_step4 .section1 .boxwrap .chkarea input + label{
	margin-right: 10px;
}
.m64_step4 .boxwrap .titlearea{
	margin-bottom: 0 !important;
}
.m64_step4 .boxwrap .infowrap{
	overflow:hidden;
	margin:40px 0 0;padding:50px 20px;
	border-radius:10px;
	background:url(/images/page/m64_step4_bg1.jpg) no-repeat center;
	background-size:cover;
	text-align:center;
}
.m64_step4 .boxwrap .infowrap h5{
	padding-bottom:30px;margin-bottom:30px;
	border-bottom:1px solid rgba(255,255,255,0.4);
	font-size:18px;color:#fff;font-weight:600;
}
.m64_step4 .boxwrap .infowrap p{
	margin-bottom:30px;
	font-size:15px;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 20px;
}
.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{}





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


/* m65 */
.m65{}
.m65 .section1{
	padding:100px 0;
	background:#f0f1f5;
}
.m65 .section1 .conwrap{display:flex;flex-wrap:Wrap;}
.m65 .section1 .conwrap>div{
	box-sizing:border-box;
	width:100%;
}
.m65 .section1 .conwrap>div:nth-child(1){padding-bottom:30px; margin-bottom: 30px;border-bottom:1px solid #bbb;}
.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:50px;
	padding:0 15px;
	font-size: 15px;
	border:1px solid #ddd;border-radius:10px;
	background:#fff;
}
.m65 .section1 .formwrap .inputwrap dl dd select{
	width: 100%;
	height: 50px;
	padding: 0 15px;
	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: 15px;
}
.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% - 15px - 20px) / 2)}
.m65 .section1 .formwrap .inputwrap dl dd .email .etc{width:15px;font-size:14px;line-height:50px;text-align:center;}
.m65 .section1 .formwrap .inputwrap dl dd .email select{width:100%; margin-top: 10px;}
.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% - 140px - 10px);}
.m65 .section1 .formwrap .inputwrap dl dd .iptbtn button{
	width:140px;height:50px;
	border:2px solid #3257a1;
	border-radius:10px;
	background:0;
	font-size:15px;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: 100%;max-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{}
.m65 .result_step ul li .num{
	display:flex;align-items:center;justify-content:center;
	position:relative;
	box-sizing:border-box;
	width:95px;height:95px;
	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:100%;height:100%;
	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:8px;
	font-size:15px;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:50px 8%;
	border:1px solid #ddd;border-radius:10px;
	background:#e3e6ed;
	text-align:center;
}
.m65 .result .toparea{}
.m65 .result .toparea .tit{margin:10px 0 0;font-size:22px;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:15px;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: 30px 20px;
	border-radius: 10px;
	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:20px;
	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: 15px;
	color: #333;
	font-weight: 600;
}
.psw_popup .conwrap .formwrap dl dd input {
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	padding: 0 15px;
	border: 1px solid #ddd;
	border-radius: 10px;
	background: #fff;
	font-size: 15px;
}
.psw_popup .conwrap .formwrap dl dd select {
	width: 100%;
	height: 50px;
	padding: 0 15px;
	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: 15px;
}
.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% - 15px - 20px) / 2)}
.psw_popup .conwrap .formwrap dl dd .email .etc{width:15px;font-size:14px;line-height:50px;text-align:center;}
.psw_popup .conwrap .formwrap dl dd .email select{width:100%; margin-top: 10px;}




.m72{
	padding: 0 0 100px;
}
.m72 ul{
	display: flex;
	flex-wrap: wrap;
}
.m72 li{
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}
.m72 li:last-child{
	margin-bottom: 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: 60px;
	height: 60px;
	background: url(/images/page/m72_play_btn.png) no-repeat center / contain;
}
.m72 li a .thumb img{
	width: 100%;
	object-fit: cover;
}
.m72 li a .txtwrap{
	margin-top: 20px;
}
.m72 li a .txtwrap .tit{
	font-size: 20px;
	font-weight: 600;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.m72 li a .txtwrap .con{
	font-size: 15px;
	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: 14px;
	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: 20px;
	height: 20px;
	background: url(/images/common/btn_x.png) no-repeat center / contain;
}
.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%;
}