@charset "utf-8";
.pcbr{display:none;}
.tbbr{display:none;}
.mbbr{display:block;}
.dn{display:none;}





/* page */
.subVisual{
	overflow:hidden;
	position:relative;
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100vh;
}
.subVisual .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.subVisual.pn1 .bg{background:url(/images/page/subvisual1_m.jpg) no-repeat center;background-size:cover;}
.subVisual.pn2 .bg{background:url(/images/page/subvisual2.jpg) no-repeat center;background-size:cover;}
.subVisual.pn3 .bg{background:url(/images/page/subvisual3.png) no-repeat center;background-size:cover;}
.subVisual.pn4 .bg{background:url(/images/page/subvisual4.jpg) no-repeat center;background-size:cover;}
.subVisual.pn5 .bg{background:url(/images/page/subvisual5.jpg) no-repeat center;background-size:cover;}
.subVisual.pn6 .bg{background:url(/images/page/subvisual6.jpg) no-repeat center;background-size:cover;}
.subVisual.pn7 .bg{background:url(/images/page/subvisual7.jpg) no-repeat center;background-size:cover;}
.subVisual.pn8 .bg{background:url(/images/page/subvisual6.jpg) no-repeat center;background-size:cover;}
.subVisual .txts{position:relative;z-index:10;text-align:center; width: 100%;}
.subVisual .txts h2{position:relative;font-size:65px;font-weight:500;color:#fff;line-height:0.72em; width: 100%; padding: 0 4%; box-sizing: border-box;}
.subVisual .txts h2:after{
	display:block;content:"";
	width:100%; height:1px;
	background:rgba(255,255,255,0.4);
	position:absolute;left:0;bottom:0;
}
.subVisual .txts h2 + p{margin-top:40px;font-size:18px;color:#fff;width: 100%; padding: 0 4%; box-sizing: border-box;}


.page{}
.innerwrap{max-width:1280px;width:94%;margin:0 auto;}
.innerwrap2{max-width:1740px;width:98%;margin:0 auto;}
.pageTitle{padding:120px 0 0;}
.pageTitle>div{position:relative; display: flex; flex-direction: column;}
.pageTitle>div h3{font-family:"Noto Sans KR";font-size:48px;color:#000;font-weight:700;line-height:1.1em; order: 2;}
.pageTitle>div h3 + p{margin-top:20px;font-size:16px;color:#555; order: 3;}
.pageTitle>div ul{display:flex;order: 1; margin-bottom: 20px;}
.pageTitle>div ul li{
	position:relative;
	padding-right:15px;margin-right:13px;
	font-size:15px;color:#9f9f9f;font-weight:500;
	text-transform:uppercase;
}
.pageTitle>div ul li:last-child{padding:0;margin:0;color:#444;}
.pageTitle>div ul li:after{
	display:block;content:"";
	width:1px;height:11px;
	background:#ccc;
	position:absolute;right:0;top:7px;
}
.pageTitle>div ul li:last-child:after{display:none;}




/* m11 */
.m11{padding:0 0 0;}
.m11 .sec1{padding: 80px 0;}
.m11 .sec1 .conwrap{}
.m11 .sec1 .conwrap .imgarea{
	width:100%;padding-bottom: 57%;
	background:url(/images/page/m11_sec1_img.jpg) no-repeat center;
	background-size:cover;
	border-radius:20px;
}
.m11 .sec1 .conwrap .txtarea{width:100%; margin-top: 50px; display: none;}
.m11 .sec1 .conwrap .txtarea h4{font-size:54px;color:#000;font-weight:600;line-height:1.3em;}
.m11 .sec1 .conwrap .txtarea p{margin-top:15px;font-size:19px;color:#555;line-height:1.8em;}
.m11 .sec1 .conwrap + h5{margin:60px 0 30px;font-size:40px;color:#000;font-weight:600;}
.m11 .sec1 .conwrap ~ p{font-size:16px;color:#555;}
.m11 .sec2{
	padding:160px 0;
	background:url(/images/page/m11_sec2_bg2.jpg) no-repeat center;
	background-size:cover;
}
.m11 .sec2 .innerwrap{
	position: relative;
	height: 100%;
}
.m11 .sec2 .conwrap{

}
.m11 .sec2 h4{font-size:35px;color:#fff;font-weight:600;line-height:1.3em;}
.m11 .sec2 .company{margin:70px 0 0;}
.m11 .sec2 .company ul{display:flex;flex-wrap:wrap;justify-content:space-between; row-gap: 10px;}
.m11 .sec2 .company ul li{
	overflow:hidden;
	display:flex;align-items:center;
	width:49%;height:230px;
	box-sizing:border-box;
	padding:0 15px;
	border-radius:20px;
	background:#fff;
}
.m11 .sec2 .company ul li:first-child{justify-content:center;}
.m11 .sec2 .company ul li h5{
	font-size:20px;color:#0c1d4b;font-weight:700;text-align:center;
}
.m11 .sec2 .company ul li h5:before{
	display:block;content:"";
	width:50px;height:1px;
	background:#555;
	margin:0 auto 40px;
}
.m11 .sec2 .company ul li h5:after{
	display:block;content:"";
	width:50px;height:1px;
	background:#555;
	margin:40px auto 0;
}
.m11 .sec2 .company ul li>div{width:100%;}
.m11 .sec2 .company ul li .tit{width:100%;font-size:22px;color:#0c1d4b;font-weight:700;}
.m11 .sec2 .company ul li:nth-child(2) .tit{background:url(/images/page/m11_sec2_icon1.png) no-repeat right 6px;}
.m11 .sec2 .company ul li:nth-child(3) .tit{background:url(/images/page/m11_sec2_icon2.png) no-repeat right 6px;}
.m11 .sec2 .company ul li:nth-child(4) .tit{background:url(/images/page/m11_sec2_icon3.png) no-repeat right 7px;}
.m11 .sec2 .company ul li .line{
	width:1px;height:60px;
	background:#555;
	margin:25px 0;
}
.m11 .sec2 .company ul li .con{font-size:17px;color:#333;}





/* m12 */
.m12{}
.m12 .sec1{padding:80px 0;}
.m12 .sec1 .img{
	overflow:hidden;
	width:94%;height:200px;
	margin:0 auto;
	background:url(/images/page/m12_img0.jpg) no-repeat center;
	background-size:cover;
	border-radius:20px;
}
.m12 .sec1 .conwrap{padding:100px 0 0;}
.m12 .sec1 .conwrap .tit{
	font-size:48px;font-weight:500;color:#000;line-height:1.2em;
}
.m12 .sec1 .conwrap .tit>div{
	display:inline-block;vertical-align:middle;
	width:140px;height:60px;
	border-radius:50px;
	overflow:hidden;
}
.m12 .sec1 .conwrap .tit>div.img1{
	background:url(/images/page/m12_img1.png) no-repeat center;
	background-size:cover;
}
.m12 .sec1 .conwrap .tit>div.img2{
	background:url(/images/page/m12_img2.png) no-repeat center;
	background-size:cover;
}
.m12 .sec1 .conwrap .txtarea{
	width:100%;
	margin:55px 0;padding-bottom:55px;
	border-bottom:1px solid #ccc;
}
.m12 .sec1 .conwrap .txtarea p{font-size:16px;color:#555;margin-bottom:35px;line-height:1.7em;}
.m12 .sec1 .conwrap .txtarea p:last-child{margin:0;}
.m12 .sec1 .conwrap .sign{font-size:19px;color:#000;font-weight:600;}
.m12 .sec1 .conwrap .sign img{margin-left:10px;}





/* m13 */
.m13{overflow: hidden;}
.m13 .sec1{}
.m13 .sec1 .historyWrap{padding-top:80px;}
.m13 .sec1 .historyWrap .title{text-align:center;}
.m13 .sec1 .historyWrap .title .tit1{margin:30px 0 15px;font-size:40px;color:#000;font-weight:700;line-height:1.1em;}
.m13 .sec1 .historyWrap .title .year{font-size:32px;color:#0981f1;font-weight:600;line-height:1.1em;}
.m13 .sec1 .historyWrap .imgarea{
	position:relative;
	margin:60px auto 0;
	width:100vw;height:150vh;
}
.m13 .sec1 .historyWrap .imgarea img{width:100%;}
.m13 .sec1 .historyWrap .imgarea .img1{
	overflow:hidden;
	position:sticky;
	width:25%;height:30vh;
	margin:0 auto;
}
.m13 .sec1 .historyWrap .imgarea .img1>div{
	overflow:hidden;border-radius:30px;
	width:100%;height:100%;
	clip-path: inset(0% 0% 0%);	
}
.m13 .sec1 .historyWrap .imgarea .img1>div img{
	position:fixed;left:50%;top:50%;
	transform:translate(-50%,-50%);
	width:100%;height:100vh;
	object-fit:cover;
}
.m13 .sec1 .historyWrap .con{position:relative;padding:70px 0;}
.m13 .sec1 .historyWrap .con:before{
	display:block;content:"";
	position:absolute;left:25px;top:0;
	width:1px;height:100%;
	background:#ddd;
}
.m13 .sec1 .historyWrap .con .line{
	position:absolute;left:25px;top:0;
	width:1px;height:100%;
	background:#000;
}
.m13 .sec1 .historyWrap .con>div>dl{
	box-sizing:border-box;
	position:relative;
	display:flex;
	flex-direction: column;
	width:100%;
	padding-left: 50px;margin-bottom:40px;		
}
.m13 .sec1 .historyWrap .con>div>dl>dt{transition:all 1s;}
.m13 .sec1 .historyWrap .con>div>dl>dd{transition:all 1s;}
.m13 .sec1 .historyWrap .con>div>dl:before{
	display:block;content:"";
	width:8px;height:8px;
	border:2px solid #fff;border-radius:50%;
	background:#b8b8b8;
	position:absolute;
	left: 20px;
	top: 24px;
}
.m13 .sec1 .historyWrap .con>div>dl.on:before{background:#0981f1;}
.m13 .sec1 .historyWrap .con>div>dl:last-child{margin-bottom:0;}
.m13 .sec1 .historyWrap .con>div>dl>dt{width:100%;font-size:38px;color:#000;font-weight:600;line-height:1.1em; margin-bottom: 10px;}
.m13 .sec1 .historyWrap .con>div>dl>dd{width:100%;}
.m13 .sec1 .historyWrap .con>div>dl>dd dl{display:flex;}
.m13 .sec1 .historyWrap .con>div>dl>dd dl dt{width:55px;font-family:"Noto Sans KR";font-size:15px;color:#000;}
.m13 .sec1 .historyWrap .con>div>dl>dd dl dd{width:calc(100% - 55px);font-size:15px;color:#555;}
.m13 .sec1 .historyWrap .con>div>dl>dd ul{}
.m13 .sec1 .historyWrap .con>div>dl>dd ul li{font-size:15px;color:#555;}





/* m14 */
.m14{}
.m14 .sec1{padding:120px 0;}
.m14 .sec1 .conwrap{
	width:94%;
	margin:0 auto;padding:105px 0;
	box-sizing:border-box;
	border:1px solid #ddd;border-radius:30px;
}
.m14 .sec1 .conwrap .keoc{
	position:relative;
	box-sizing:border-box;
	width:260px;height:260px;
	margin:0 auto 105px;padding:12px;
	background:#fff;
	border:4px solid #0c1d4b;border-radius:50%;
}
.m14 .sec1 .conwrap .keoc:before{
	display:block;content:"";
	width:calc(100% + 48px);height:calc(100% + 48px);
	border:2px dotted #ccc;border-radius:50%;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
}
.m14 .sec1 .conwrap .keoc:after{
	display:block;content:"";
	width:10px;height:10px;
	background:#0c1d4b;border-radius:50%;
	position:absolute;left:50.5%;top:100%;z-index:10;
	transform:translate(-50%,20px);
}
.m14 .sec1 .conwrap .keoc>div{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100%;
	background:#f1f1f1;
	border-radius:50%;
	font-size:21px;color:#081c4b;font-weight:500;text-align:center;
}
.m14 .sec1 .conwrap .keoc>div img{display:block;margin-bottom:5px;}
.m14 .sec1 .conwrap .parts{position:relative;}
.m14 .sec1 .conwrap .parts:before{
	display:block;content:"";
	width:1px;height:40px;
	border-left:2px dotted #ccc;
	position:absolute;left:50%;top:-80px;
}
.m14 .sec1 .conwrap .parts>ul{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative; column-gap: 10px; row-gap: 40px;}
.m14 .sec1 .conwrap .parts>ul:before{
	display:block;content:"";
	width:51.5%; height:1px;
	border-top:2px dotted #ccc;
	position:absolute;left:50%;bottom:100%;
	transform:translateX(-50%);margin-bottom:40px;
}
.m14 .sec1 .conwrap .parts>ul>li{
	position:relative;
	width:calc((100% - 10px) / 2);
	text-align:center;
}
.m14 .sec1 .conwrap .parts>ul>li:before{
	display:block;content:"";
	width:1px;height:40px;
	border-left:2px dotted #ccc;
	position:absolute;left:50%;bottom:100%;
}
.m14 .sec1 .conwrap .parts>ul>li:nth-child(4):before{
	height: 95px;
}
.m14 .sec1 .conwrap .parts>ul>li .depart{
	box-sizing:border-box;
	padding:27px;
	background:#0981f1;border-radius:30px;
}
.m14 .sec1 .conwrap .parts>ul>li .depart .name{margin-top:12px;font-size:19px;color:#fff;font-weight:500;}
.m14 .sec1 .conwrap .parts>ul>li ul{
	margin-top:20px;
	box-sizing:border-box;
	padding:10px 24px;
	border:1px solid #ccc;border-radius:30px;
}
.m14 .sec1 .conwrap .parts>ul>li ul li{
	padding:12px 0;
	border-bottom:1px solid #ccc;
	font-size:19px;color:#333;
}
.m14 .sec1 .conwrap .parts>ul>li ul li:last-child{border:0;}





/* m15 */
.m15{}
.m15 .sec1{padding:80px 0 120px;}
.m15 .sec1 .conwrap{}
.m15 .sec1 .conwrap .boxwrap{	
	display: flex;
	flex-direction: column-reverse;
	margin-bottom:80px;
}
.m15 .sec1 .conwrap .boxwrap:last-child{margin-bottom:0;}
.m15 .sec1 .conwrap .boxwrap:nth-child(even){}
.m15 .sec1 .conwrap .boxwrap .img{width:100%;height:250px;border-radius:20px;}
.m15 .sec1 .conwrap .boxwrap:nth-child(1) .img{
	background:url(/images/page/m15_img1.jpg) no-repeat center;
	background-size:cover;
}
.m15 .sec1 .conwrap .boxwrap:nth-child(2) .img{
	background:url(/images/page/m15_img2.jpg) no-repeat center;
	background-size:cover;
}
.m15 .sec1 .conwrap .boxwrap .txts{
	box-sizing:border-box;
	width:100%;
	margin-bottom: 30px;
}
.m15 .sec1 .conwrap .boxwrap .txts dl{}
.m15 .sec1 .conwrap .boxwrap .txts dl dt{
	padding:0 0 20px;margin-bottom:20px;
	border-bottom:1px solid #7f7f7f;
	font-size:40px;color:#000;font-weight:600;line-height:1.1em;
}
.m15 .sec1 .conwrap .boxwrap .txts dl dt img{vertical-align:top;margin: -3px 10px 10px 0;width: 50px;}
.m15 .sec1 .conwrap .boxwrap .txts dl dd{font-size:16px;color:#555;line-height:1.8em;}





/* m16 */
.m16{}
.m16 .sec1{padding:120px 0 200px;}
.m16 .sec1 .conwrap{}
.m16 .sec1 .conwrap .boxwrap{margin-bottom:140px;}
.m16 .sec1 .conwrap .boxwrap:last-child{margin-bottom:0px;}
.m16 .sec1 .conwrap .boxwrap .title{font-size:39px;color:#000;font-weight:700;}
.m16 .sec1 .conwrap .boxwrap .title a{
	display:inline-block;vertical-align:top;
	margin:13px 0 0 5px;padding:0 25px;
	background:#f1f1f1;
	font-size:19px;color:#555;text-align:center;line-height:38px;
	border-radius:30px;
}
.m16 .sec1 .conwrap .boxwrap .title a:hover{}
.m16 .sec1 .conwrap .boxwrap .title a i{
	display:inline-block;vertical-align:top;
	width:13px;height:13px;
	margin:13px 0 0 5px;
	background:url(/images/page/icon_link.png) no-repeat;
}
.m16 .sec1 .conwrap .boxwrap .info{display:flex;flex-wrap:wrap;justify-content:space-between;margin:40px 0 0;}
.m16 .sec1 .conwrap .boxwrap .info .logoarea{
	overflow:hidden;
	box-sizing:border-box;
	width:100%;height:150px;
	border:1px solid #ccc;border-radius:20px;
	padding: 20px;
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.m16 .sec1 .conwrap .boxwrap .info .infoarea{width:100%; margin-top: 20px;}
.m16 .sec1 .conwrap .boxwrap .info .infoarea table{width:100%;border-top:1px solid #7f7f7f;}
.m16 .sec1 .conwrap .boxwrap .info .infoarea table th{
	width:95px;
	padding:25px 0;
	border-bottom:1px solid #ccc;
	font-size:16px;color:#000;text-align:left;
}
.m16 .sec1 .conwrap .boxwrap .info .infoarea table th span{}
.m16 .sec1 .conwrap .boxwrap .info .infoarea table th span.icon1{}
.m16 .sec1 .conwrap .boxwrap .info .infoarea table th span.icon2{}
.m16 .sec1 .conwrap .boxwrap .info .infoarea table th span.icon3{}
.m16 .sec1 .conwrap .boxwrap .info .infoarea table th span.icon4{}
.m16 .sec1 .conwrap .boxwrap .info .infoarea table th span.icon5{}
.m16 .sec1 .conwrap .boxwrap .info .infoarea table td{
	width: calc(100% - 95px);
	padding:25px 0;
	border-bottom:1px solid #ccc;
	font-size:16px;color:#555;
}
.m16 .sec1 .conwrap .boxwrap .info .infoarea table td .bar{
	display:inline-block;
	width:1px;height:14px;
	background:#ccc;
	margin:0 10px;	
	display: none;
}





/* m17 */
.m17{}
.m17 .sec1{padding:120px 0 0;}
.m17 .sec1 .conwrap{}
.m17 .sec1 .conwrap>div{display:flex;flex-wrap:wrap;justify-content:space-between; row-gap: 40px;}
.m17 .sec1 .conwrap>div dl{width:100%;}
.m17 .sec1 .conwrap>div dl dt{
	display:flex;align-items:center;
	padding-bottom:20px;margin-bottom:20px;
	border-bottom:1px solid #ccc;
	font-size:23px;color:#000;font-weight:600;
}
.m17 .sec1 .conwrap>div dl dt img{margin-right:20px;width: 45px;}
.m17 .sec1 .conwrap>div dl dd{font-size:17px;color:#555;}
.m17 .sec1 .mapwrap{overflow:hidden;margin-top:90px;height:300px;}
.m17 .sec1 .mapwrap iframe{width:100%;height:100%;margin:0;padding:0;}





/* m18 */
.m18{}
.m18 .sec1{padding:120px 0;}
.m18 .sec1 .slg{
	margin-bottom:65px;
	font-size:40px;color:#000;font-weight:700;line-height:1.3em;
}
.m18 .sec1 .ciArea{
	box-sizing:border-box;
	padding:80px;margin-bottom:20px;
	border:1px solid #ccc;border-radius:40px;
	background:url(/images/page/m18_sec1_ciArea_bg.gif) repeat;
	text-align:center;
}
.m18 .sec1 .ciExp{
	box-sizing:border-box;
	padding:35px;
	background:#f1f1f1;border-radius:40px;
	font-size:16px;color:#333;text-align:center;line-height:1.8em;
}
.m18 .sec1 .download{display:flex;justify-content:space-between;margin-top:60px;}
.m18 .sec1 .download a{
	display:flex;align-items:center;justify-content:space-between;
	box-sizing:border-box;
	width:49%;height:65px;
	padding:0 24px;
	border-radius:10px;
	font-size:16px;
}
.m18 .sec1 .download a i{
	display:inline-block;
	width:19px;height:17px;
}
.m18 .sec1 .download a:nth-child(1){
	border:1px solid #0c1d4b;
	background:#0c1d4b;
	color:#fff;
}
.m18 .sec1 .download a:nth-child(1) i{background:url(/images/page/m18_icon_down1.png) no-repeat;}
.m18 .sec1 .download a:nth-child(2){
	border:1px solid #ccc;
	background:0;
	color:#555;
}
.m18 .sec1 .download a:nth-child(2) i{background:url(/images/page/m18_icon_down2.png) no-repeat;}
.m18 .sec2{padding:120px 0;background:#f6f6f6;}
.m18 .sec2 .ci{}
.m18 .sec2 h4{margin-bottom:65px;font-size:32px;color:#000;font-weight:600;}
.m18 .sec2 .ci ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m18 .sec2 .ci ul li{
	box-sizing:border-box;
	width:100%;margin-bottom:2%;
	padding:60px;
	border:1px solid #ccc;border-radius:20px;
	text-align:center;
	background:url(/images/page/m18_sec1_ciArea_bg.gif) repeat;
}
.m18 .sec2 .ci ul li:nth-child(5),
.m18 .sec2 .ci ul li:nth-child(6){background:#081c4b;}

.m18 .sec2 .system{padding:120px 0 0;}
.m18 .sec2 .system>div{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m18 .sec2 .system>div>dl{width:100%;}
.m18 .sec2 .system>div>dl dt{	
	box-sizing:border-box;
	padding:20px;
	border-radius:10px;
	font-size:19px;color:#fff;font-weight:600;
}
.m18 .sec2 .system>div>dl:nth-child(1) dt{background:#081c4b;}
.m18 .sec2 .system>div>dl:nth-child(2) dt{background:#081c4b;}
.m18 .sec2 .system>div>dl:nth-child(3) dt{background:#2d2d2d;}
.m18 .sec2 .system>div>dl dd{
	box-sizing:border-box;	
	padding:20px;
}
.m18 .sec2 .system>div>dl dd>div{display:flex;margin-bottom:10px;}
.m18 .sec2 .system>div>dl dd>div .tit{width:150px;font-size:18px;color:#000;}
.m18 .sec2 .system>div>dl dd>div .con{width:calc(100% - 150px);font-size:18px;color:#555;}





/* m21 */
.m21{}
.m21 .sec1{
	padding:120px 0 200px;
	background:url(/images/page/m21_bg.gif) no-repeat center bottom;
	background-size:100% 90%;
}
.m21 .sec1 .imgTop{
	overflow:hidden;
	width:94%;height:250px;
	margin:0 auto;
	border-radius:20px;
	background:url(/images/page/m21_topimg.jpg) no-repeat left center;
	background-size:cover;
}
.m21 .sec1 .conwrap{padding:120px 0 0;}
.m21 .sec1 .conwrap h4{font-family:"Noto Sans KR";font-size:36px;color:#000;font-weight:700;line-height:1.3em;}
.m21 .sec1 .conwrap h4 + p{margin:20px 0  0;font-size:16px;color:#555;}
.m21 .sec1 .conwrap h5{margin:90px 0 75px;font-size:39px;color:#000;font-weight:700;}
.m21 .sec1 .conwrap .list{display:flex;flex-wrap:wrap;}
.m21 .sec1 .conwrap .list li{
	box-sizing:border-box;
	width:100%;
	margin-bottom: 15px;padding:19px 19px 25px;
	background:#fff;border:1px solid #ccc;
	border-radius:20px;
	text-align:center;
}
.m21 .sec1 .conwrap .list li:nth-child(3n){margin-right:0;}
.m21 .sec1 .conwrap .list li .img{width:100%;}
.m21 .sec1 .conwrap .list li .img img{width:100%;border-radius: 40px;}
.m21 .sec1 .conwrap .list li .tit{margin:40px 0 20px;font-size:25px;color:#0c1d4b;font-weight:700;}
.m21 .sec1 .conwrap .list li .txt{font-size:16px;color:#333;line-height:1.7em;}
.m21 .sec1 .conwrap .list + p{margin-top:50px;font-size:17px;color:#333;line-height:1.7em;}





/* m22 */
.m22{}
.m22 .sec1{padding:120px 0 120px;}
.m22 .sec1 .toparea h4{font-size: 38px;color:#000;font-weight:700;line-height:1.3em;}
.m22 .sec1 .toparea h4 + p{margin-top:20px;font-size:16px;color:#555;line-height:1.7em;}
.m22 .sec1 .toparea ul{display:flex;justify-content:space-between;margin:95px 0 120px;}
.m22 .sec1 .toparea ul li{width:32%;}
.m22 .sec1 .toparea ul li a{
	display:block;
	font-size:16px;color:#333;font-weight:500;text-align:center;line-height:50px;
	border-radius:10px;
}
.m22 .sec1 .toparea ul li.on a{background:#0981f1;color:#fff;}
.m22 .sec1 .toparea .tabTitle{font-size:19px;color:#0981f1;font-weight:600;}
.m22 .sec1 .toparea .tabTitle2{margin-top:25px;font-size:37px;color:#000;font-weight:600;}

.m22 .sec1 .conwrap{
	margin:80px 0 0;padding:0 0 120px;
	background:url(/images/page/m22_bg1.png) no-repeat center bottom;
	background-size:100% 90%;
}
.m22 .sec1 .exp{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	width:94%;height:400px;
	margin:0 auto;
	border-radius:30px;text-align:center;
	padding: 0 10px;
	box-sizing: border-box;
}
.m22 .sec1 .t1 .exp{
	background:url(/images/page/m22_t1_topimg.jpg) no-repeat center;
	background-size:cover;
}
.m22 .sec1 .t2 .exp{
	background:url(/images/page/m22_t2_topimg.jpg) no-repeat center;
	background-size:cover;
}
.m22 .sec1 .t3 .exp{
	background:url(/images/page/m22_t3_topimg.jpg) no-repeat center;
	background-size:cover;
}
.m22 .sec1 .exp h5{font-size:40px;color:#fff;font-weight:600;line-height:1.3em;}
.m22 .sec1 .exp h5 + p{margin-top:25px;font-size:16px;color:#fff;opacity:0.7;}
.m22 .sec1 .conwrap{}
.m22 .sec1 .conwrap h6{margin:190px 0 80px;font-size:39px;color:#000;font-weight:600;}
.m22 .sec1 .conwrap .list{display:flex;flex-wrap:wrap;}
.m22 .sec1 .conwrap .list li{
	box-sizing:border-box;
	width:100%;
	margin-bottom: 15px;padding:19px 19px 50px;
	background:#fff;border:1px solid #ccc;
	border-radius:20px;
	text-align:center;
}
.m22 .sec1 .conwrap .list li:nth-child(3n){margin-right:0;}
.m22 .sec1 .conwrap .list li .img{}
.m22 .sec1 .conwrap .list li .img img{width:100%;border-radius: 30px;}
.m22 .sec1 .conwrap .list li .tit{margin:40px 0 20px;font-size:25px;color:#0c1d4b;font-weight:600;}
.m22 .sec1 .conwrap .list li .txt{font-size:16px;color:#333;}
.m22 .sec1 .merit{padding:120px 0 0;}
.m22 .sec1 .merit h6{margin:0 0 80px;font-size:39px;color:#000;font-weight:600;}
.m22 .sec1 .merit ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m22 .sec1 .merit ul li{
	box-sizing:border-box;
	display:flex;align-items:center;
	width:100%;
	margin-bottom: 15px;padding:20px;
	border:1px solid #ddd;border-radius:20px;
}
.m22 .sec1 .merit ul li .num{
	display:flex;align-items:center;justify-content:center;
	width:50px;height:50px;
	background:#f1f1f1;
	border-radius:50%;
	font-size:16px;color:#0c1d4b;font-weight:600;text-align:center;
}
.m22 .sec1 .merit ul li .txt{
	box-sizing:border-box;
	width:calc(100% - 50px);
	padding-left:20px;
	font-size:16px;color:#333;
}
.m22 .sec1 .merit .banner{
	margin:110px 0 0;
	border-radius:30px;
}
.m22 .sec1 .merit .banner a{
	display:flex;align-items:center;
	position:relative;
	box-sizing:border-box;
	width:100%;height:300px;
	padding:0 20px;
}
.m22 .sec1 .merit .banner .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	border-radius: 30px;
	overflow: hidden;
}
.m22 .sec1 .merit.t1 .banner .bg{
	background:url(/images/page/m22_t1_merit_bg.jpg) no-repeat right center;
	background-size:cover;
}
.m22 .sec1 .merit.t2 .banner .bg{
	background:url(/images/page/m22_t2_merit_bg.jpg) no-repeat;
	background-size:cover;
}
.m22 .sec1 .merit.t3 .banner .bg{
	background:url(/images/page/m22_t3_merit_bg.jpg) no-repeat;
	background-size:cover;
}
.m22 .sec1 .merit .banner .keoc{
	position:absolute;left:50%;bottom:0;
	width:100%;height:135px;
	transform:translateX(-50%);
	background:url(/images/page/m22_keoc.png) no-repeat center bottom / contain;
}
.m22 .sec1 .merit .banner .con{
	display:flex;flex-direction: column;
	width:100%;
	position:relative;z-index:10;
}
.m22 .sec1 .merit .banner .con span:nth-child(1){font-size:30px;color:#fff;font-weight:600; display: block;
margin-bottom: 10px;}
.m22 .sec1 .merit .banner .con span:nth-child(2){font-size:14px;color:#fff;}
.m22 .sec1 .merit .banner .con span:nth-child(2) img{margin:0 0 0 5px;}





/* m23 */
.m23 .sec1{padding:120px 0 0}
.m23 .sec1 .toparea ul{margin:0px 0 120px;}
.m23 .sec1 .toparea ul li{width:49%;}
.m23 .sec1 .t1 .exp{
	background:url(/images/page/m23_t1_topimg.jpg) no-repeat center;
	background-size:cover;
}
.m23 .sec1 .t2 .exp{
	background:url(/images/page/m23_t2_topimg.jpg) no-repeat center;
	background-size:cover;
}
.m23 .sec1 .conwrap ul.type2{display:block;}
.m23 .sec1 .conwrap ul.type2 li{
	display:flex;flex-direction: column;
	width:100%;
	padding:19px;
	margin-bottom:40px;
}
.m23 .sec1 .conwrap ul.type2 li .img{width:100%;padding-bottom: 59%;border-radius: 30px;}
.m23 .sec1 .conwrap ul.type2 li:nth-child(1) .img{background:url(/images/page/m23_t1_li_img1.jpg) no-repeat center;background-size:cover;}
.m23 .sec1 .conwrap ul.type2 li:nth-child(2) .img{background:url(/images/page/m23_t1_li_img2.png) no-repeat center;background-size:cover;}
.m23 .sec1 .conwrap ul.type2 li:nth-child(3) .img{background:url(/images/page/m23_t1_li_img3.jpg) no-repeat center;background-size:cover;}
.m23 .sec1 .conwrap ul.type2 li .txts{
	box-sizing:border-box;
	width:100%;
	margin-top: 30px;
	text-align:left;
}
.m23 .sec1 .conwrap ul.type2 li .tit{margin-top:0;}
.m23 .sec1 .conwrap h5{margin:160px 0 0;font-size:37px;color:#000;font-weight:600;line-height:1.3em;}
.m23 .sec1 .conwrap h5 + p{margin:25px 0 -70px;font-size:16px;color:#000;opacity:0.7;}


/* 대표 거래 연구소 */
.comListWrap{
	margin-top: 110px;
}
.comListWrap .comTit{
	font-size: 39px;
	color: #000;
	font-weight: 600;
	margin-bottom: 80px;
}
.comListWrap .comSubTit{
	margin: 90px 0 70px;
	font-size: 30px;
	font-weight: 600;
	color: #000;
}
.comListWrap .comList{display:flex;flex-wrap:wrap;}
.comListWrap .comList li{
	width: 49%;
	margin: 0 2% 25px 0;
	background: 0;
	border: 0;
	border-radius: 0;
	padding: 0;
	text-align: center;
}
.comListWrap .comList li:nth-child(2n){margin-right:0;}
.comListWrap .comList li .img{
	overflow:hidden;
	border:1px solid #ccc;
	border-radius:15px;
	background:#fff;
}
.comListWrap .comList li .tit{
	margin: 15px 0 0;
	font-size: 16px;
	color: #333;
	font-weight: 400;
}


/* m24 */
.m24 .sec1{padding:120px 0 200px;}
.m24 .sec1 .conwrap{margin:0;}
.m24 .sec1 .t1 .exp{
	background:url(/images/page/m24_t1_topimg.jpg) no-repeat center;
	background-size:cover;
}
.m24 .sec1 .conwrap h5{margin:160px 0 0;font-size:37px;color:#000;font-weight:600;line-height:1.3em;}
.m24 .sec1 .conwrap h5 + p{margin:25px 0 -70px;font-size:19px;color:#000;opacity:0.7;}
.m24 .sec1 .conwrap ul.labs{display:flex;flex-wrap:wrap;}
.m24 .sec1 .conwrap ul.labs li{
	width:49%;
	margin:0 2% 25px 0;
	background:0;border:0;border-radius:0;padding:0;
	text-align: center;
}
.m24 .sec1 .conwrap ul.labs li:nth-child(2n){margin-right:0;}
.m24 .sec1 .conwrap ul.labs li .img{
	overflow:hidden;
	border:1px solid #ccc;border-radius:15px;
	background:#fff;
}
.m24 .sec1 .conwrap ul.labs li .tit{margin:15px 0 0;font-size:16px;color:#333;font-weight:400;}
.m22 .sec1 .app{padding:120px 0 0;}
.m22 .sec1 .app h6{margin:0 0 80px;font-size:39px;color:#000;font-weight:600;}
.m22 .sec1 .app ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m22 .sec1 .app ul li{
	box-sizing:border-box;
	display:flex;align-items:center;
	width:100%;
	padding:30px 19px;margin-bottom:2%;
	border:1px solid #ccc;border-radius:15px;
}
.m22 .sec1 .app ul li .icon{width:50px;}
.m22 .sec1 .app ul li .txt{
	box-sizing:border-box;
	width:calc(100% - 50px);
	padding:0 0 0 20px;
	font-size:16px;color:#333;
}


.m20 .bannerWrap{
	border-radius:30px;
	max-width: 1280px;
	width: 94%;
	margin: 110px auto 0;
	overflow: hidden;
}
.m20 .bannerWrap a{
	display:flex;align-items:center;
	position:relative;
	box-sizing:border-box;
	width:100%;height:300px;
	padding:0 20px;
}
.m20 .bannerWrap .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	border-radius: 30px;
	overflow: hidden;
}
.m20 .bannerWrap .bg{
	background:url(/images/page/m22_t1_merit_bg.jpg) no-repeat right center;
	background-size:cover;
}
.m21 .bannerWrap .bg{
	background:url(/images/page/m21_contact_bg.jpg) no-repeat right 30% center / cover;
}
.m231 .bannerWrap .bg{
	background:url(/images/page/m231_contact_bg.jpg) no-repeat center / cover;
}
.m232 .bannerWrap .bg{
	background:url(/images/page/m232_contact_bg.jpg) no-repeat center / cover;
}
.m24 .bannerWrap .bg{
	background:url(/images/page/m24_contact_bg.jpg) no-repeat center / cover;
}
.m20 .bannerWrap .keoc{
	position:absolute;left:50%;bottom:0;
	width:100%;height:135px;
	transform:translateX(-50%);
	background:url(/images/page/m22_keoc.png) no-repeat center bottom / contain;
}
.m20 .bannerWrap .con{
	display:flex;flex-direction: column;
	width:100%;
	position:relative;z-index:10;
}
.m20 .bannerWrap .con span:nth-child(1){font-size:30px;color:#fff;font-weight:600; display: block;
margin-bottom: 10px;}
.m20 .bannerWrap .con span:nth-child(2){font-size:14px;color:#fff;}
.m20 .bannerWrap.con span:nth-child(2) img{margin:0 0 0 5px;}






/* m30 */
.m30{}
.m30 .sec1{padding:100px 4% 120px;}
.m30 .sec1 h4{font-size:37px;color:#000;font-weight:700;}
.m30 .sec1 ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin:80px 0 0; row-gap: 30px;}
.m30 .sec1 ul li{
	overflow:hidden;
	width: 100%;
}
.m30 .sec1 ul li .imgarea{
	height: 250px;
	overflow:hidden;
	position:relative;	
	border-radius:20px;
}
.m30 .sec1 ul li .imgarea img{width: 100%; height: 100%; object-fit: cover;}
.m30 .sec1 ul li .imgarea .hover{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:rgba(22,135,242,0.8);
	opacity:0;
	transition:all 0.6s;
}
.m30 .sec1 ul li .imgarea .hover .more{
	display:flex;align-items:center;justify-content:center;align-content:space-around;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%) scale(0);
	width:150px;height:150px;
	border:1px solid #fff;border-radius:50%;
	font-size:18px;color:#fff;text-align:center;
	transition:all 0.6s;
}
.m30 .sec1 ul li:hover .imgarea .hover{opacity:1;}
.m30 .sec1 ul li:hover .imgarea .hover .more{transform:translate(-50%,-50%) scale(1);}
.m30 .sec1 ul li .imgarea .hover .more>div>div{margin:-10px 0;}
.m30 .sec1 ul li .title{margin-top:15px;font-size:22px;color:#000;font-weight:600;line-height:1.3em;text-align:center;}





/* m31List */
.m31List{padding:100px 0 120px;}
.m31List .tabs{border-top:1px solid #ddd;box-shadow:0 -1px 0 #ddd inset;}
.m31List .tabs ul{display:flex;overflow-x: auto;}
.m31List .tabs ul li{
	position:relative;
	margin:0 15px;
}
.m31List .tabs ul li>a{font-size:16px;color:#888;font-weight:500;line-height:60px;text-align:center; white-space: nowrap;}
.m31List .tabs ul li.on>a{color:#1687f2;}
.m31List .tabs ul li.on>a:after{
	display:block;content:"";
	width:100%;height:3px;
	background:#1687f2;
	position:absolute;left:0;bottom:0;
}

.m31List .prdExp{
	padding:120px 0;
	background:url(/images/page/m31_list_exp_bg.jpg) no-repeat center;
	background-size:cover;
}
.m31List .prdExp>div{display:flex;flex-direction: column;}
.m31List .prdExp>div .imgarea{overflow:hidden;width:100%;border-radius:15px;}
.m31List .prdExp>div .imgarea img{width: 100%;}
.m31List .prdExp>div .txtarea{width:100%; margin-top: 30px;}
.m31List .prdExp>div .txtarea h4{font-size:37px;color:#000;font-weight:600;line-height:1.3em;}
.m31List .prdExp>div .txtarea p{margin-top:30px;font-size:16px;color:#555;line-height:1.7em;}

.m31List .prdList{padding:120px 0 0;}
.m31List .prdList h5{font-size:38px;color:#000;font-weight:600;}
.m31List .prdList ul{display:flex;flex-wrap:wrap;margin:55px 0 0;}
.m31List .prdList ul li{
	width:100%;
	margin-bottom: 30px;
}
.m31List .prdList ul li:last-child{margin-bottom: 0;}
.m31List .prdList ul li .img{overflow:hidden;border-radius:20px;}
.m31List .prdList ul li .img img{width:100%;transform:scale(1.05);transition:all 0.6s;}
.m31List .prdList ul li:hover .img img{transform:scale(1);}
.m31List .prdList ul li .tit{margin-top:25px;font-size:21px;color:#000;font-weight:600;text-align:center;}


/* m31View */
.m31View{}
.m31View .prdExp2{
	padding:140px 0;
	background:url(/images/page/m31_list_exp_bg.jpg) no-repeat center;
	background-size:cover;
}
.m31View .prdExp2>div{display:flex;flex-direction: column;}
.m31View .prdExp2>div .imgarea{overflow:hidden;width:100%;border-radius:15px;}
.m31View .prdExp2>div .imgarea img{width: 100%;}
.m31View .prdExp2>div .txtarea{width:100%; margin-top: 30px;}
.m31View .prdExp2>div .txtarea h4{font-size:19px;color:#1687f2;font-weight:600;line-height:1.3em;}
.m31View .prdExp2>div .txtarea h5{font-size:37px;color:#000;font-weight:600;line-height:1.3em;}
.m31View .prdExp2>div .txtarea p{margin-top:30px;font-size:16px;color:#555;line-height:1.7em;}

.m31View .conwrap{}
.m31View .conwrap h6{margin-bottom:50px;font-size:40px;color:#000;font-weight:500;}
.m31View .conwrap>div{padding:120px 0;}
.m31View .conwrap>div.spec{}
.m31View .conwrap>div.exp{background:#f9f9f9;}
.m31View .innerwrap > div{
	padding-bottom: 20px;
	overflow-x: auto;
}
.m31View .conwrap>div.exp h6{margin-bottom:25px;font-size:21px;color:#000;font-weight:600;}
.m31View .conwrap>div.standard{}

.m31View .conwrap>div .specList{border-top:2px solid #000; padding-bottom: 20px; overflow-x: auto;}
.m31View .conwrap>div .specList dl{
	width: 800px;
	display:flex;
	text-align:center;
}
.m31View .conwrap>div .specList dl dt{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:50%;
	padding:15px 10px;
	border-right:1px solid #ddd;border-bottom:1px solid #ddd;
	background:#f6f6f6;
	font-size:15px;color:#222;font-weight:500;text-align:center;line-height:1.7em;
}
.m31View .conwrap>div .specList dl dd{
	box-sizing:border-box;
	width:50%;
	padding:15px 10px;
	border-bottom:1px solid #ddd;
	font-size:15px;color:#333;font-weight:400;text-align:left;line-height:1.7em;
}

.m31View .conwrap>div.exp p{font-size:16px;color:#555;line-height:1.7em;}
.m31View .conwrap>div.exp .imgs{display:flex;flex-wrap:wrap;margin-top:50px; row-gap: 30px;}
.m31View .conwrap>div.exp .imgs>div{width:100%;}
.m31View .conwrap>div.exp .imgs>div .img{overflow:hidden;border-radius:15px;}
.m31View .conwrap>div.exp .imgs>div .tit{margin-top:10px;font-size:16px;color:#555;}

.m31View .conwrap>div.standard{}
.m31View .conwrap>div.standard .boxwrap{
	padding:120px 0;
	border-bottom:1px solid #7f7f7f;
}
.m31View .conwrap>div.standard .boxwrap:first-child{padding-top:0;}
.m31View .conwrap>div.standard .boxwrap .table{width: 100%; padding-bottom: 20px; overflow-x: auto;}
.m31View .conwrap>div.standard .boxwrap .table table{border-top:2px solid #333;border-collapse:collapse; width: 800px;}
.m31View .conwrap>div.standard .boxwrap .table table th{
	position:relative;
	padding:15px 10px;
	background:#f6f6f6;
	border-bottom:1px solid #ddd;
	font-size:15px;color:#000;font-weight:500;text-align:center;
}
.m31View .conwrap>div.standard .boxwrap .table table th:after{
	display:block;content:"";
	width:1px;height:27px;
	background:#d5d5d5;
	position:absolute;right:0;top:50%;
	transform:translateY(-50%);
}
.m31View .conwrap>div.standard .boxwrap .table table th:last-child:after{display:none;}
.m31View .conwrap>div.standard .boxwrap .table table td{
	padding:15px 5px;
	border:1px solid #ddd;
	font-size:15px;color:#333;text-align:center;
}
.m31View .conwrap>div.standard .boxwrap .table table td.tit{
	padding:40px 0 15px;
	border-bottom:2px solid #ddd;
	font-size:16px;color:#000;font-weight:500;text-align:left;
}
.m31View .conwrap>div.standard .boxwrap .table table td:first-child{border-left:0;}
.m31View .conwrap>div.standard .boxwrap .table table td:last-child{border-right:0;}

.m31View .conwrap>div.standard .boxwrap .inbox{margin-bottom:45px;}
.m31View .conwrap>div.standard .boxwrap .inbox.size{width: 100%; padding-bottom: 20px; overflow-x: auto;}
.m31View .conwrap>div.standard .boxwrap .inbox.type2{display:flex;flex-wrap:wrap;justify-content:space-between; row-gap: 45px;}
.m31View .conwrap>div.standard .boxwrap .inbox.type2>div{width:100%;}
.m31View .conwrap>div.standard .boxwrap .inbox h7{
	display:block;
	margin-bottom:15px;font-size:22px;color:#222;font-weight:500;
}
.m31View .conwrap>div.standard .boxwrap .inbox table{width:100%;border-top:2px solid #333;border-collapse:collapse;}
.m31View .conwrap>div.standard .boxwrap .inbox.size table{width: 800px;}
.m31View .conwrap>div.standard .boxwrap .inbox table th{
	padding:15px;
	background:#f6f6f6;
	border:1px solid #ddd;
	font-size:15px;color:#333;text-align:center;
}
.m31View .conwrap>div.standard .boxwrap .inbox table td{
	padding:15px 10px;
	border:1px solid #ddd;
	font-size:15px;color:#333;text-align:center;
}
.m31View .conwrap>div.standard .boxwrap .inbox table th:first-child,
.m31View .conwrap>div.standard .boxwrap .inbox table td:first-child{border-left:0;}
.m31View .conwrap>div.standard .boxwrap .inbox table th:last-child,
.m31View .conwrap>div.standard .boxwrap .inbox table td:last-child{border-right:0;}
.m31View .conwrap>div.standard .boxwrap .inbox table td.tl{text-align:left;}
.m31View .conwrap>div.standard .boxwrap .inbox table td.padding0{padding:15px 0;}
.m31View .conwrap>div.standard .boxwrap .inbox ul{display:flex;flex-wrap:wrap;border-top:2px solid #333;}
.m31View .conwrap>div.standard .boxwrap .inbox ul li{
	box-sizing:border-box;
	width:50%;
	padding:15px 10px;
	border:1px solid #ddd;border-left:0;
	font-size:15px;color:#333;text-align:center;
}
.m31View .conwrap>div.standard .boxwrap .inbox ul li:nth-child(2n){border-right:0;}
.m31View .conwrap>div.standard .boxwrap .inbox ul li:nth-child(2n) ~ li{border-top:0;}
.m31View .conwrap .boxwrap .banner{
	overflow:hidden;
	position:relative;
	display:flex;align-items:center;
	width:100%;height:300px;
	border-radius:30px;
	padding:0 20px;
}
.m31View .conwrap .boxwrap .banner .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/page/m31_view_banner_bg.jpg) no-repeat center;
	background-size:cover;
}
.m31View .conwrap .boxwrap .banner .bg + div{
	position:relative;z-index:10;
	display:flex;flex-direction: column;
	width:100%;
}
.m31View .conwrap .boxwrap .banner .bg + div .tit{font-size:30px;color:#fff;font-weight:600;}
.m31View .conwrap .boxwrap .banner .bg + div .more{
	font-size:14px;color:#fff;
}
.m31View .conwrap .boxwrap .banner .bg + div .more i{
	display:inline-block;
	width:61px;height:7px;
	margin:0 0 0 5px;
	background:url(/images/page/more_arr1.png) no-repeat;
}




.m31Inquiry{padding:100px 0 180px;}
.m31Inquiry h4{margin-bottom:30px;font-size:37px;color:#000;font-weight:600;}
.m31Inquiry h5{margin-bottom:20px;font-size:21px;color:#222;font-weight:500;}
.m31Inquiry .tip{margin-bottom:10px;font-size:15px;color:#888;text-align:right;}
.m31Inquiry .req{color:#f50000 !important;}
.m31Inquiry table{width:100%;margin-bottom:60px;border-top:2px solid #000; table-layout: fixed;}
.m31Inquiry table th{
	padding:20px 0;
	width:100px;
	border-bottom:1px solid #ddd;
	font-size:15px;color:#000;font-weight:500;text-align:left;
}
.m31Inquiry table td{
	width: calc(100% - 100px);
	padding:10px 0;
	border-bottom:1px solid #ddd;
}
.m31Inquiry table td input{
	box-sizing:border-box;
	width:100%;height:50px;
	border:1px solid #ddd;
	padding:0 5px;
	font-size:15px;
	outline:0;
}
.m31Inquiry table td .tel{display:flex;align-items:center;}
.m31Inquiry table td .tel input{width:calc((100% - 40px) / 3);}
.m31Inquiry table td .tel span{width:20px;text-align:center;}
.m31Inquiry table td .email{display:flex;flex-wrap:wrap; align-items:center;justify-content:space-between;}
.m31Inquiry table td .email input{width:calc((100% - 20px) / 2);}
.m31Inquiry table td .email span{width:20px;text-align:center;}
.m31Inquiry table td .email select{
	box-sizing:border-box;
	appearance: none;
	width: 100%;height:50px;
	padding:0 5px;margin-top: 5px;
	border:1px solid #ddd;
	background:url(/images/page/sel_arr.png) no-repeat calc(100% - 20px) center;
	font-size:15px;
}
.m31Inquiry .privacy{border-top:2px solid #222;}
.m31Inquiry .privacy .txtarea{
	box-sizing:border-box;
	overflow:hidden;overflow-y:scroll;
	width:100%;height:200px;
	padding:15px;margin:10px 0;
	border:1px solid #ddd;
	font-size:15px;
}
.m31Inquiry .privacy .txtarea pre{white-space: pre-wrap;}
.m31Inquiry .privacy .chkarea{
	padding:15px 0 0;
	border-top:1px solid #ddd;
}
.m31Inquiry .privacy .chkarea input{display:none;}
.m31Inquiry .privacy .chkarea input + label{
	position:relative;
	padding-left:25px;
	font-size:15px;color:#555;
}
.m31Inquiry .privacy .chkarea input + label:after{
	display:block;content:"";
	width:20px;height:20px;
	box-sizing:border-box;
	border:1px solid #ddd;
	position:absolute;left:0;top:1px;
}
.m31Inquiry .privacy .chkarea input:checked + label:after{background:url(/images/page/chk_on.png) no-repeat;}
.m31Inquiry button{
	display:block;
	width:220px;height:66px;
	margin:50px auto 0; 
	border-radius:20px;
	background:#0c1d4b;
	border:0;outline:0;
	font-size:19px;color:#fff;font-weight:500;
}




/* paging */
.paging{
	margin-top:50px;
	text-align:center;
}
.paging a{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:30px;height:30px;
	border-radius:50%;
	background:#fff;
	color:#cbd1d7;font-size:17px;line-height:30px;font-weight:500;
}
.paging strong{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:30px;height:30px;
	border-radius:50%;
	color:#000;font-size:17px;line-height:30px;font-weight:500;
}
.paging .page_begin{
	width:30px;height:30px;
	background:url(/images/common/page_begin.png) no-repeat center / contain;
	border:1px solid #ddd;
}
.paging .page_prev{
	width:30px;height:30px;
	background:url(/images/common/page_prev.png) no-repeat center / contain;
	border:1px solid #ddd;
}
.paging .page_next{
	width:30px;height:30px;
	background:url(/images/common/page_next.png) no-repeat center / contain;
	border:1px solid #ddd;
}
.paging .page_end{
	width:30px;height:30px;
	background:url(/images/common/page_end.png) no-repeat center / contain;
	border:1px solid #ddd;
}

.paging .pageNum{}
.paging .pageNum .this{font-size:16px;color:#000;}
.paging .pageNum .bar{
	display:inline-block;
	width:1px;height:12px;
	margin:0 10px;
	background:#ccc;
}
.paging .pageNum .total{font-size:16px;color:#999;}
.paging .btnMore{}




/* m41 */
.m41 .sec1{padding:120px 0 200px; background: url(/images/page/m41_bg.png) no-repeat center / cover;}
.m41 .sec1 .exp .tit{
	font-size: 37px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}
.m41 .sec1 .exp p{
	font-size: 16px;
	font-weight: 1.5em;
	color: #555;
}
.m41 .sec1 .slg{
	position: relative;
	margin: 100px 0;
	width: 100%;
	height: 400px;
	border-radius:15px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	box-sizing: border-box;
}
.m41 .sec1 .slg .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m41_slg_bg.jpg) no-repeat center / cover;
}
.m41 .sec1 .slg .txts{
	position: relative;
	text-align: center;
}
.m41 .sec1 .slg .txts .txt{
	font-size: 35px;
	font-weight: 700;
	color: #fff;
	line-height: 1.3em;
}
.m41 .sec1 .conwrap .con{
	display: flex;
	flex-direction: column;
}
.m41 .sec1 .conwrap .con + .con{
	margin-top: 50px;
}
.m41 .sec1 .conwrap .con .imgwrap{
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
}
.m41 .sec1 .conwrap .con .txtwrap{
	width: 100%;
	margin-top: 30px;
	box-sizing: border-box;
}
.m41 .sec1 .conwrap .con .txtwrap .tit{
	font-size: 22px;
	font-weight: 700;
	color: #0c1d4b;
	margin-bottom: 20px;
}
.m41 .sec1 .conwrap .con .txtwrap p{
	font-size: 16px;
	color: #333;
	line-height: 1.5em;
}


/* m42 */
.m42 .sec1{
	padding:120px 0; background: url(/images/page/m41_bg.png) no-repeat center bottom / cover;
}
.m42 .sec1 .slg{
	position: relative;
	margin: 0 0 200px;
	width: 100%;
	height: 450px;
	border-radius: 30px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	box-sizing: border-box;
}
.m42 .sec1 .slg .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/m42_slg_bg.jpg) no-repeat center / cover;
}
.m42 .sec1 .slg .txts{
	position: relative;
	text-align: center;
	font-size: 35px;
	font-weight: 700;
	color: #fff;
	line-height: 1.3em;
}
.m42 .sec1 .conwrap .con{
}
.m42 .sec1 .conwrap .con + .con{
	margin-top: 100px;
}
.m42 .sec1 .conwrap .con .imgwrap{
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
}
.m42 .sec1 .conwrap .con .imgwrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m42 .sec1 .conwrap .con .yearwrap{
	width: 100%;
	margin-top: 40px;
}
.m42 .sec1 .conwrap .con .yearwrap dl{
	padding: 30px 0;
	border-top: 1px solid #ccc;
}
.m42 .sec1 .conwrap .con .yearwrap dl dt{
	font-family: "Poppins";
	font-size: 40px;
	font-weight: 600;
	color: #000;
}
.m42 .sec1 .conwrap .con .yearwrap dl dd{
	width: 100%;
}
.m42 .sec1 .conwrap .con .yearwrap dl dd p{
	position: relative;
	padding-left: 10px;
	font-size: 15px;
	line-height: 2em;
}
.m42 .sec1 .conwrap .con .yearwrap dl dd p + p{
	margin-top: 5px;
}
.m42 .sec1 .conwrap .con .yearwrap dl dd p:after{
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 4px;
	height: 4px;
	background: #0981f1;
}





/* m43 */
.m43{}
.m43 .conwrap{padding:140px 0;}
.m43 .conwrap .slg{font-size:37px;color:#000;font-weight:600;line-height:1.3em;}
.m43 .conwrap ul{
	display:flex;
	flex-wrap:wrap;
	row-gap: 50px;
	margin:90px 0 0;
}
.m43 .conwrap ul li{
	width:100%;
	text-align:center;
}
.m43 .conwrap ul li .img{
	box-sizing:border-box;
	position:relative;
	width:100%;
	padding:24px;
	border:1px solid #ddd;border-radius:30px;
}
.m43 .conwrap ul li .img:after{
	display:block;content:"";
	width:100%;height:100%;
	box-sizing:border-box;
	border:2px solid #0981f1;border-radius:30px;
	position:absolute;left:0;top:0;
	opacity:0;
	transition:all 0.6s;
}
.m43 .conwrap ul li:hover .img:after{opacity:1;}
.m43 .conwrap ul li .img img{width: 100%;}
.m43 .conwrap ul li .info{padding:25px 0 0;}
.m43 .conwrap ul li .info .num{font-size:18px;color:#777;}
.m43 .conwrap ul li .info .tit{font-size:19px;color:#000;font-weight:600;}





/* m51 */
.m51{}
.m51 .sec1{
	padding:0 0 120px;
	background:url(/images/page/m51_sec1_bg.jpg) no-repeat center / cover;
}
.m51 .sec1 .slg{
	position: relative;
	width:92%;height: 450px;
	margin:100px auto 120px;
	border-radius: 30px;
	overflow: hidden;
	display:flex;align-items: center;justify-content: center;
	padding: 0 20px;
	box-sizing: border-box;	
}
.m51 .sec1 .slg .bg{
	position:absolute;left:0;top:0;
	width:100%;height: 100%;
	background: url(/images/page/m51_slg_bg.jpg) no-repeat center bottom / cover;
}
.m51 .sec1 .slg .bg + div{
	position:relative;z-index:10;
	font-size:37px;color:#fff;text-align:center;font-weight:600;line-height:1.4em;
}
.m51 .sec1 h4{font-size:28px;color:#000;font-weight:600;}
.m51 .sec1 .innerwrap>p{margin-bottom:180px;font-size:17px;color:#555;line-height:1.7em;}
.m51 .sec1 .conwrap{margin:70px 0 0;}
.m51 .sec1 .conwrap .imgarea{
	overflow:hidden;
	width:100%;
}
.m51 .sec1 .conwrap .imgarea img{
	border-radius: 30px;
}
.m51 .sec1 .conwrap .txtarea{
	box-sizing:border-box;
	width:100%;
	margin-top: 30px;
	font-size:16px;color:#555;line-height:1.7em;
}

.m51 .sec2{padding:120px 0;}
.m51 .sec2 h4{font-size:28px;color:#000;font-weight:600;}
.m51 .sec2 .m_conwrap{
	margin-top: 50px;
}
.m51 .sec2 .m_conwrap .txt_con{
	margin-top: 50px;
}
.m51 .sec2 .m_conwrap .txt_con .txt + .txt{
	margin-top: 30px;
}
.m51 .sec2 .m_conwrap .txt_con .txt .num{
	font-family: "Poppins";
	font-size: 17px;
	font-weight: 600;
	color: #999;
}
.m51 .sec2 .m_conwrap .txt_con .txt .tit{
	font-size: 22px;
	font-weight: 700;
	color: #000;
	margin: 10px 0 15px;
}
.m51 .sec2 .m_conwrap .txt_con .txt p{
	font-size: 16px;
	line-height: 1.7em;
	color: #555;
}

.m51 .sec3{padding:120px 0;background:#f6f6f6;}
.m51 .sec3 h4{font-size:28px;color:#000;font-weight:600;}
.m51 .sec3 ul{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	margin:80px 0 0;
}
.m51 .sec3 ul li{
	box-sizing:border-box;
	display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
	width:100%;margin-bottom:2%;
	padding:29px;
	border:1px solid #ccc;border-radius:20px;
	background:#fff;
}
.m51 .sec3 ul li .num{
	display:flex;align-items:center;justify-content:center;
	width:50px;height:50px;
	background:#f1f1f1;
	border-radius:50%;
	font-size:20px;color:#0c1d4b;font-weight:600;text-align:center;
}
.m51 .sec3 ul li .tit{
	width:calc(100% - 50px);
	box-sizing:border-box;
	padding:0 39px;
	font-size:19px;color:#333;
}
.m51 .sec3 ul li .btn{width:100%;margin-top:20px;}
.m51 .sec3 ul li .btn a{
	display:flex;align-items:center;justify-content:space-between;
	height:36px;
	padding:0 15px;
	border:1px solid #8b8b8b;border-radius:10px;
	font-size:12px;color:#595959;font-weight:600;
}
.m51 .sec3 ul li .btn a i{
	display:inline-block;content:"";
	width:19px;height:17px;
	background:url(/images/page/m18_icon_down2.png) no-repeat;
}
.m51 .sec3 ul li .btn a:hover{
	border:1px solid #0981f1;
	color:#0981f1;
}
.m51 .sec3 ul li .btn a:hover i{
	background:url(/images/page/icon_down1.png) no-repeat;
}


.btnMore .viewMore{
	display:flex;justify-content:center;align-items:center;
	box-sizing:border-box;
	width:190px;height:66px;
	margin:40px auto 0;
	padding:0 25px;
	border:1px solid #d1d1d1;border-radius:10px;
	font-size:15px;color:#2c2c2c;font-weight:500;
}
.btnMore .viewMore i{
	width:9px;height:6px;
	margin-left:10px;
	background:url(/images/page/icon_arr1.png) no-repeat;
}





/* m52 */
.m52{}
.m52 .sec1{padding:100px 0 80px;}
.m52 .sec1 .slg{font-size:37px;color:#000;font-weight:600;line-height:1.3em;}
.m52 .sec1 .conwrap{
	padding-bottom: 10px;
	overflow-x: auto;
}
.m52 .sec1 ul{
	display:flex;align-items:center;justify-content:space-between;
	max-width:1279px;height:286px;
	min-width: 800px;
	margin:60px auto 0;
	background:url(/images/page/m52_sec1_bg1.png) no-repeat center / contain;
}
.m52 .sec1 ul li{
	box-sizing:border-box;
	width:23%;
	padding:0 30px;
	text-align:center;
}
.m52 .sec1 ul li .icon{transform: scale(0.7);margin-bottom:5px;}
.m52 .sec1 ul li .tit{font-size:15px;color:#000;font-weight:600;}
.m52 .sec2{padding:120px 0;background:#f9f9f9;}
.m52 .sec2 h4{font-size:28px;color:#000;font-weight:600;}
.m52 .sec2 .conwrap{
	box-sizing:border-box;
	margin:50px 0 0;padding:20px;
	border:1px solid #ddd;border-radius:30px;
	background:#fff;
}
.m52 .sec2 .conwrap h5{
	padding:35px;
	background:#0c1d4b;
	border-radius:18px 18px 0 0;
	font-size:22px;color:#fff;font-weight:600;text-align:center;
}
.m52 .sec2 .conwrap ul{}
.m52 .sec2 .conwrap ul li{
	padding:30px 0;
	border-bottom:1px solid #ddd;
}
.m52 .sec2 .conwrap ul li .keoc{
	position:relative;
	display:flex;align-items:center;
	width:100%;
	font-size:18px;color:#333;line-height:1.7em;
}
.m52 .sec2 .conwrap ul li .keoc span{
	display:flex;align-items:center;justify-content:center;
	width:40px;height:40px;
	margin-right:18px;
	background:#f1f1f1;border-radius:50%;
	font-size:15px;color:#0c1d4b;font-weight:600;text-align:center;
}
.m52 .sec2 .conwrap ul li .txt{
	box-sizing:border-box;
	width:100%;
	margin-top: 30px;
	font-size:16px;color:#333;line-height:1.7em;
}
.m52 .sec2 .conwrap .last{margin:30px 0 0;}
.m52 .sec2 .conwrap .last p{font-size:16px;color:#555;}
.m52 .sec2 .conwrap .last .sign{font-size:18px;color:#000;font-weight:600; margin-top: 20px;}
.m52 .sec2 .conwrap .last .sign .bar{
	display:inline-block;
	width:1px;height:16px;
	background:#ddd;
	margin:0 10px;
}
.m52 .sec2 .conwrap .last .sign img{}





/* m53 */
.m53{}
.m53 .sec1{padding:100px 0 80px;}
.m53 .sec1 .slg{margin-bottom:20px;font-size:37px;color:#000;font-weight:600;line-height:1.3em;}
.m53 .sec1 p{margin-bottom:30px;font-size:16px;color:#555;line-height:1.7em;}
.m53 .sec1 p:last-child{margin-bottom:0;}
.m53 .sec2{padding:120px 0;background:#f9f9f9;}
.m53 .sec2 .gallery-top{
	margin-bottom:20px;
	border-radius:15px;
}
.m53 .sec2 .gallery-thumbs{}
.m53 .sec2 .gallery-thumbs .swiper-slide{
	overflow:hidden;
	position:relative;
	border-radius:15px;
}
.m53 .sec2 .gallery-thumbs .swiper-slide-thumb-active:after{
	display:block;content:"";
	box-sizing:border-box;
	width:100%;height:100%;
	border:2px solid #0981f1;
	border-radius:15px;
	position:absolute;left:0;top:0;
}
.m53 .sec2 .innerwrap{position:relative;}
.m53 .sec2 .innerwrap .swiper-button-prev{
	position:absolute;left:-100px;top:calc(50% - 45px - 75px);
	width:40px;height:40px;
	background:#e3e3e3 url(/images/page/m53_prev.png) no-repeat center;
	border-radius:50%;
	cursor:pointer;
}
.m53 .sec2 .innerwrap .swiper-button-next{
	position:absolute;right:-100px;top:calc(50% - 45px - 75px);
	width:40px;height:40px;
	background:#e3e3e3 url(/images/page/m53_next.png) no-repeat center;
	border-radius:50%;
	cursor:pointer;
}
.m53 .sec2 .innerwrap .swiper-button-prev{position: static; display: inline-block; margin-top: 20px;}
.m53 .sec2 .innerwrap .swiper-button-next{position: static;display: inline-block; margin-top: 20px;}





/* m54 */
.m54{}
.m54 .sec1{padding:100px 0 80px;}
.m54 .sec1 h4{margin-bottom:20px;font-size:54px;color:#000;font-weight:600;line-height:1.3em;}
.m54 .sec1 .slg{font-size:29px;color:#111;font-weight:600;line-height:1.6em;}
.m54 .sec1 .dia{margin:50px 0;}
.m54 .sec1 .dia ul{
	display:flex;justify-content: center;flex-wrap: wrap;
	max-width:1278px;width:100%;margin:0 auto;
	row-gap: 20px;
	column-gap: 20px;
	box-sizing:border-box;
}
.m54 .sec1 .dia ul li{
	position: relative;
	display:flex;justify-content:center;
	width:calc((100% - 20px) / 2);
	border-radius:50%;
	text-align:center;
}
.m54 .sec1 .dia ul li:after{
	content: "";
	display: block;
	padding-bottom: 100%;
}
.m54 .sec1 .dia ul li > div{
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.m54 .sec1 .dia ul li:nth-child(1){background:#626262;}
.m54 .sec1 .dia ul li:nth-child(2){background:#248bb5;}
.m54 .sec1 .dia ul li:nth-child(3){background:#012160;}
.m54 .sec1 .dia ul li .icon{width: 30px;margin-bottom:15px;}
.m54 .sec1 .dia ul li .tit{font-size:15px;color:#fff;font-weight:600;line-height:1.3em;}
.m54 .sec1 p{
	padding:20px;
	background:#f9f9f9;
	border:1px solid #ddd;border-radius:15px;
	font-size:16px;color:#555;text-align:center;line-height:1.7em;
}

.m54 .sec2{padding:120px 0;background:#f9f9f9;}
.m54 .sec2 h5{margin-bottom:40px;font-size:28px;color:#000;font-weight:600;line-height:1.3em;}
.m54 .sec2 p{font-size:16px;color:#555;line-height:1.7em;}
.m54 .sec2 .conwrap{margin:60px 0 0;}
.m54 .sec2 .conwrap .boxwrap{
	box-sizing:border-box;
	padding:20px;margin-bottom:40px;
	background:#fff;
	border:1px solid #ddd;border-radius:15px;
	cursor:pointer;
}
.m54 .sec2 .conwrap .boxwrap .title{
	position:relative;
	padding:40px 20px 80px;
	background:#e4e4e4;
	border-radius:15px;
	text-align:center;
	transition:all 0.4s;
}
.m54 .sec2 .conwrap .boxwrap .title:after{
	display:block;content:"";
	width:40px;height:40px;
	box-sizing:border-box;
	border:1px solid #cacaca;border-radius:50%;
	background:url(/images/page/m54_arr1.png) no-repeat center;
	position:absolute;left:50%;bottom: 20px;
	transform:translateX(-50%);
	transition:all 0.4s;
}
.m54 .sec2 .conwrap .boxwrap .title>div>div:nth-child(1){font-size:20px;color:#000;font-weight:600;line-height:1.3em;transition:all 0.4s;}
.m54 .sec2 .conwrap .boxwrap .title>div>div:nth-child(2){margin-top:5px;font-size:16px;color:rgba(0,0,0,0.7);line-height:1.7em;transition:all 0.4s;}

.m54 .sec2 .conwrap .boxwrap .con{display:none;}
.m54 .sec2 .conwrap .boxwrap .con ul{}
.m54 .sec2 .conwrap .boxwrap .con ul li{
	position:relative;
	padding: 30px 0 30px 50px;
	border-bottom:1px solid #ccc;
}
.m54 .sec2 .conwrap .boxwrap .con ul li .num{
	display:flex;align-items:center;justify-content:center;
	width:35px;height:35px;
	background:#f1f1f1;
	border-radius:50%;
	position:absolute;left:0;top:50%;
	transform:translateY(-50%);
	font-size:14px;color:#0c1d4b;font-weight:600;
}
.m54 .sec2 .conwrap .boxwrap .con ul li .txt{font-size:16px;color:#333;line-height:1.7em;}

.m54 .sec2 .conwrap .boxwrap.act .title{
	background:#248bb5;
	border-radius:30px 30px 0 0;
}
.m54 .sec2 .conwrap .boxwrap.act .title:after{
	border:1px solid rgba(255,255,255,0.4);
	background:url(/images/page/m54_arr2.png) no-repeat center;
	 transform: translateX(-50%) rotate(180deg);
	 transform-origin: 50% 50%;
}
.m54 .sec2 .conwrap .boxwrap.act .title>div>div:nth-child(1){color:#fff;}
.m54 .sec2 .conwrap .boxwrap.act .title>div>div:nth-child(2){color:rgba(255,255,255,0.7);}





/* m55 */
.m55{}
.m55 .exp{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	width:92%;height:620px;
	margin:140px auto;
	background:url(/images/page/m55_exp_bg.jpg) no-repeat;
	background-size:cover;
	border-radius:30px;
	text-align:center;
}
.m55 .exp h4{font-size:30px;color:#fff;font-weight:600;}
.m55 h5{font-size:30px;color:#000;font-weight:600;}
.m55 .exp p{margin-top:15px;font-size:22px;color:#fff;font-weight:600;line-height:1.7em;}
.m55 .sec1{padding:0 0 120px;}
.m55 .sec1 .conwrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m55 .sec1 .conwrap .boxwrap{
	overflow:hidden;
	box-sizing:border-box;
	width:100%;
	margin-bottom:20px;padding:20px 20px 55px;
	background:#f1f1f1;
	border-radius:20px;
}
.m55 .sec1 .conwrap .boxwrap .img{overflow:hidden;border-radius:30px;}
.m55 .sec1 .conwrap .boxwrap .img img{width:100%;}
.m55 .sec1 .conwrap .boxwrap .tit{
	padding:30px 0 20px;
	font-family:"Noto Sans KR";font-size:23px;color:#0c1d4b;font-weight:700;text-align:center;
}
.m55 .sec1 .conwrap .boxwrap dl{
	margin-bottom:10px;
}
.m55 .sec1 .conwrap .boxwrap dl:last-child{margin-bottom:0;}
.m55 .sec1 .conwrap .boxwrap dl dt{
	width:71px;height:35px;
	background:#0981f1;
	border-radius:18px;
	font-size:16px;color:#fff;text-align:center;line-height:35px;
}
.m55 .sec1 .conwrap .boxwrap dl dd{
	box-sizing:border-box;
	width:100%;
	margin-top: 10px;
	font-size:16px;color:#333;line-height:1.6em;
}

.m55 .sec2{
	padding:120px 0;
	background:#f9f9f9;
}
.m55 .sec2 ul{display:flex;flex-wrap:wrap;margin:40px 0 0;}
.m55 .sec2 ul li{
	display:flex;flex-wrap:wrap;align-content:space-between;
	box-sizing:border-box;
	width:49%;height:200px;
	margin:0 2% 2% 0;padding:20px;
	border:1px solid #ddd;border-radius:20px;
	background:#fff;
}
.m55 .sec2 ul li:nth-child(2n){margin-right:0;}
.m55 .sec2 ul li .num{width:100%;}
.m55 .sec2 ul li .num span{
	display:inline-block;
	width:48px;height:48px;
	background:#f1f1f1;
	border-radius:50%;
	font-size:15px;color:#0c1d4b;font-weight:600;text-align:center;line-height:48px;
}
.m55 .sec2 ul li .tit{width:100%;font-size:19px;color:#000;font-weight:600;line-height:1.5em;}

.m55 .sec3{padding:120px 0;}
.m55 .sec3 .conwrap{
	display:flex;flex-wrap:wrap;
	margin-top:50px;
}
.m55 .sec3 .conwrap dl{
	width:100%;
	padding:40px 0; 
	border-top:1px solid #ddd;
}
.m55 .sec3 .conwrap dl dt{
	padding-left:80px;
	font-size:30px;color:#000;font-weight:600;line-height:60px;
}
.m55 .sec3 .conwrap dl:nth-child(1) dt{background:url(/images/page/m55_sec3_icon1.png) no-repeat left top;}
.m55 .sec3 .conwrap dl:nth-child(2) dt{background:url(/images/page/m55_sec3_icon2.png) no-repeat left top;}
.m55 .sec3 .conwrap dl dd{margin-top:25px;font-size:19px;color:#333;font-weight:500;}





/* m56 */
.m56{}
.m56 .sec1{padding:120px 0 120px;}
.m56 .sec1 .slg{font-size:37px;color:#000;font-weight:700;line-height:1.3em;}
.m56 .sec1 .compliance{
	overflow:hidden;
	box-sizing:border-box;
	padding:40px 20px;margin-top:50px;
	border:1px solid #ddd;border-radius:20px;
	background:url(/images/page/m56_sec1_bg.jpg) no-repeat right 20% center / cover;
	text-align:center;
}
.m56 .sec1 .compliance h5{font-size:27px;color:#fff;}
.m56 .sec1 .compliance .txts{
	margin:40px 0 30px;padding:30px 0;
	border-top:1px solid rgba(255,255,255,0.5);
	border-bottom:1px solid rgba(255,255,255,0.5);
	font-size:16px;color:#fff;line-height:1.6em;
	text-align:center;
}
.m56 .sec1 .compliance .ceo{font-size:24px;color:#fff;font-weight:700;}
.m56 .sec1 .compliance .ceo .bar{
	display:inline-block;
	width:2px;height:22px;
	background:rgba(255,255,255,0.2);
	margin:0 10px;
}





/* bbs */
.bbs{padding:120px 0;}
.bbs .slg{font-size:37px;color:#000;font-weight:700;line-height:1.3em;}

.bbs .list1{
	display:flex;flex-wrap:wrap;
	margin:90px 0 0;
}
.bbs .list1 li{
	width: 100%;
	margin-bottom: 50px;
}
.bbs .list1 li:last-child{margin-bottom:0;}
.bbs .list1 li .thumb{overflow:hidden;border-radius:20px;}
.bbs .list1 li .thumb img{width:100%;}
.bbs .list1 li .tit{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin:20px 0 10px;
	font-size:18px;color:#000;font-weight:700;
}
.bbs .list1 li .txt{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
	font-size:16px;color:#555;font-weight:400;
}
.bbs .list1 li .date{margin-top:20px;font-family:"Noto Sans KR";font-size:14px;color:#555;}


.bbs .list2{margin:90px 0 0;}
.bbs .list2 li{}
.bbs .list2 li a{
	display: block;
	box-sizing:border-box;
	width:100%;
	margin-bottom:20px;padding:40px 20px;
	border:2px solid #ddd;border-radius:20px;
	transition:all 0.4s;
}
.bbs .list2 li:hover a{border:2px solid #0981f1;}
.bbs .list2 li a .date{width:100%;font-size:15px;color:#111;font-weight:500;}
.bbs .list2 li a .txts{box-sizing:border-box;width: 100%; margin-top: 20px;}
.bbs .list2 li a .txts .tit{
	margin:0 0 10px;
	font-size:22px;color:#000;font-weight:500;
}
.bbs .list2 li a .txts .txt{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:16px;color:#555;font-weight:400;
}
.bbs .list2 li a .more{
	display:flex;align-items:flex-end;justify-content:space-between;
	width:110px;
	font-size:14px;color:#000;line-height:1em;
	display: none;
}
.bbs .list2 li a .more span{display:block;margin-top:2px;}
.bbs .list2 li a .more i{
	display:block;vertical-align:top;
	width:61px;height:7px;
	transform:translateY(-2px);
	background:url(/images/page/bbs_arr1.png) no-repeat top;
}



.bbs .list3{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	margin:90px 0 0;
}
.bbs .list3 li{
	width:100%;
	margin-bottom:60px;
}
.bbs .list3 li .thumb{overflow:hidden;position:relative;border-radius:30px;}
.bbs .list3 li .thumb img{width:100%;}
.bbs .list3 li .thumb .btnPlay{
	position:absolute;left:50%;top:50%;
	width:80px;height:80px;
	transform:translate(-50%,-50%);
	background:url(/images/page/btn_play.png) no-repeat center;
	border:2px solid #fff;border-radius:50%;
}
.bbs .list3 li .tit{
	margin:20px 0 0;
	font-size:19px;color:#000;font-weight:600;
}


#bgBlack{
	display:none;
	position:fixed;left:0;top:0;z-index:3000;
	width:100%;height:100%;
	background:rgba(0,0,0,0.8);
}
.layerPop{
	display:none;
	position:fixed;left:50%;top:50%;z-index:5000;
	max-width:1280px;width:94%;
	transform:translate(-50%,-50%);
}
.layerPop.recruit1{max-width:890px;}
.layerPop .btnClose{text-align:right;}
.layerPop .btnClose img{width: 25px;}
.layerPop .vodarea{
	position: relative;
	overflow:hidden;
	width:100%;padding-top: 56.25%;
	margin:15px 0 3vh;
}
.layerPop .vodarea iframe{width:100%;height:100%; position: absolute; left: 0; top: 0; border-radius: 30px;}
.layerPop .vodarea video{width:100%;height:100%;object-fit:cover;}
.layerPop .titarea{font-size:19px;color:#fff;font-weight:600;text-align:center;}

.layerPop.recruit1{}
.layerPop.recruit1 .conwrap{max-height: unset;}
.layerPop.recruit1 .conwrap .conarea{
	display:block;
	overflow-y:auto;
	width:100%;height:70vh;
	padding:70px 4vw;
}
.layerPop.recruit1 .conwrap .conarea h4{font-size:27px;color:#000;font-weight:700;}
.layerPop.recruit1 .conwrap .conarea .info{
	width:100%;
	margin-top:15px;padding:0;
	border-top:2px solid #111;
}
.layerPop.recruit1 .conwrap .conarea .info dl{
	padding:20px 0;
	border-bottom:1px solid #ddd;
}
.layerPop.recruit1 .conwrap .conarea .info dl dt{width:100%;font-size:17px;color:#000;font-weight:600;}
.layerPop.recruit1 .conwrap .conarea .info dl dd{
	width:100%;
	margin-top: 20px;
	box-sizing:border-box;
	font-size:16px;color:#666;line-height:1.8em;
}
.layerPop.recruit1 .conwrap .conarea .btnRecruit{
	display:inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 70px;
	margin-top: 25px;
	border-radius: 10px;
	background: #eaeaea;
	font-size: 16px;
	font-weight: 500;
	color: #666666;
}
.layerPop.recruit1 .conwrap .conarea .btnRecruit img{
	margin-right: 10px;
	width: 18px;
}


.layerPop.st3{/* display:block; *//* max-width:600px; */width: 92%;text-align: center;}
.layerPop.st3 .btnClose{position:absolute;right: 0;bottom:calc(100% + 10px);width:25px;}
.layerPop.st3 .img{width: 100%;}
.layerPop.st3 .img img{max-height: 80vh;}


.layerPop.fmPop{}
.layerPop.fmPop .btnClose{position:absolute;left:calc(100% - 53px);top:27px;width:26px;}
.layerPop.fmPop h4{font-size:26px;color:#000;font-weight:600;}
.layerPop.fmPop h4>div{display:none;}
.layerPop.fmPop .conwrap .conarea{
	overflow:hidden;
	display:block;
	height:60vh;margin:20px 0 0;
	overflow-y: auto;
}
.layerPop.fmPop .conwrap .conarea>div{box-sizing:border-box;width:100%;height:100%;padding:30px;}
.layerPop.fmPop .conwrap .conarea textarea{
	width:100%;height:100%;
	border:0;outline:0;background:0;resize:none;
	font-size:16px;
}
.layerPop.fmPop .conwrap .conarea p{font-size:19px;color:#666;}
.layerPop.fmPop .conwrap .conarea p strong{font-weight:600;color:#000;}
.layerPop.fmPop .conwrap .conarea ul{}
.layerPop.fmPop .conwrap .conarea ul li{
	position:relative;
	margin-bottom:40px;padding-left:45px;
	font-size:16px;line-height:1.8em;
}
.layerPop.fmPop .conwrap .conarea ul li:last-child{margin-bottom:0;}
.layerPop.fmPop .conwrap .conarea ul li .num{
	position:absolute;left:0;top:-2px;
	width:30px;height:30px;
	background:#0c1d4b;
	border-radius:50%;
	font-size:16px;color:#fff;text-align:center;line-height:30px;
}






/* bbsView */
.bbsView{}
.bbsView .titlearea{
	margin:90px 0 0;padding:35px 0;
	border-top:2px solid #333;border-bottom:1px solid #ddd;
}
.bbsView .titlearea .tit{font-size:23px;color:#000;font-weight:700;line-height:1.3em;}
.bbsView .titlearea .date{margin-top:10px;font-family:"Noto Sans KR";font-size:15px;color:#555;}
.bbsView .viewcon{padding:100px 0;border-bottom:1px solid #ddd;}
.bbsView .btn{margin:70px 0 0;}
.bbsView .btn a{
	display:block;
	width:180px;height:50px;
	margin:0 auto;
	border-radius:10px;
	background:#0c1d4b;
	font-size:16px;color:#fff;font-weight:500;text-align:center;line-height:50px;
}





/* m64 */
.m64{padding:0 0 120px; overflow: hidden;}
.m64 .slg{font-size:37px;color:#000;font-weight:700;line-height:1.3em;}
.m64 .conwrap{margin:110px auto 0;}
.m64 .conwrap .con{}
.m64 .conwrap .con .boxwrap{
	position:relative;
	box-sizing:border-box;
	margin:100px 0 50px;
}
.m64 .conwrap .con .boxwrap:after{
	display:block;content:"";
	width:150vw;height:80vh;
	background:#f2f2f2;
	position:absolute;left:-35%;bottom:-50px;z-index:-1;
}
.m64 .conwrap .con .boxwrap .thumb{
	overflow:hidden;
	box-sizing:border-box;
	width:100%;
	border:1px solid #ddd;
	box-shadow:1px 1px 2px rgba(0,0,0,0.1), -1px -1px 2px rgba(0,0,0,0.1);
}
.m64 .conwrap .con .boxwrap .thumb img{width:100%;}
.m64 .conwrap .con .boxwrap .txts{width:100%; margin-top: 50px;}
.m64 .conwrap .con .boxwrap .txts .toparea{}
.m64 .conwrap .con .boxwrap .txts .toparea .tit{font-size:16px;color:#0981f1;font-weight:600;}
.m64 .conwrap .con .boxwrap .txts .toparea .tit2{margin:20px 0 50px;font-size:27px;color:#000;font-weight:700;line-height:1.3em;}
.m64 .conwrap .con .boxwrap .txts .btmarea{position:relative;}
.m64 .conwrap .con .boxwrap .txts .btmarea p{font-size:16px;color:#555;line-height:1.7em;}
.m64 .conwrap .con .boxwrap .txts .btmarea .down{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	margin:35px 0 0;
}
.m64 .conwrap .con .boxwrap .txts .btmarea .down a{
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:space-between;
	width:100%;height:50px;
	padding:0 20px;
	border:1px solid #0981f1;border-radius:10px;
	font-size:14px;color:#0981f1;font-weight:600;
	margin-bottom: 10px;
}
.m64 .conwrap .con .boxwrap .txts .btmarea .down a i{
	display:inline-block;
	width:19px;height:17px;
	background:url(/images/page/icon_down1.png) no-repeat;
}





/* m65 */
.m65{padding:0 0 120px;}
.m65 .conwrap{margin:110px auto 0;}
.m65 .conwrap .slg{font-size:37px;color:#000;font-weight:700;line-height:1.3em;}
.m65 .conwrap .con{margin:90px 0 0;}
.m65 .conwrap .con ul{display:flex;flex-wrap:wrap;}
.m65 .conwrap .con ul li{
	overflow:hidden;
	width:49%;
	margin:0 2% 50px 0;
	background:#f4f4f4;
	border-radius:30px;
	text-align:center;
}
.m65 .conwrap .con ul li:nth-child(2n){margin-right:0;}
.m65 .conwrap .con ul li a{display:block;}
.m65 .conwrap .con ul li a .pht{	
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	border:1px solid #ddd;border-radius:30px;
}
.m65 .conwrap .con ul li a .pht:after{
	display:block;content:"";
	width:100%;height:100%;
	box-sizing:border-box;
	border:2px solid #0981f1;border-radius:30px;
	position:absolute;left:0;top:0;z-index:10;
	opacity:0;
	transition:all 0.24s;
}
.m65 .conwrap .con ul li:hover a .pht:after{opacity:1;}
.m65 .conwrap .con ul li a .pht img{width:100%;}
.m65 .conwrap .con ul li a .name{font-size:18px;color:#000;font-weight:600;line-height:70px;}


#bgBlack{}
.layerPop{}
.layerPop .conwrap{
	box-sizing:border-box;
	width:100%;
	padding:20px;
	background:#fff;
	border-radius:30px;
}
.layerPop .conwrap .btnClose2{
	position:absolute;right:20px;top:20px;
}
.layerPop .conwrap .btnClose2 img{width: 40px; height: 40px;}
.layerPop .conwrap .conarea{display:flex;background:#f2f2f2;border-radius:30px;}
.layerPop .conwrap .conarea .pht{
	overflow:hidden;
	width:100%;
	border:1px solid #ddd;border-radius:20px;
}
.layerPop .conwrap .conarea .pht img{width: 100%;}
.layerPop .conwrap .conarea .info{
	box-sizing:border-box;
	width:100%;
	padding:40px 20px;
}
.layerPop .conwrap .conarea .info .name{}
.layerPop .conwrap .conarea .info .name .kr{font-size:30px;color:#000;font-weight:700;}
.layerPop .conwrap .conarea .info .name .en{font-size:15px;color:#a7a7a7;font-weight:500;}
.layerPop .conwrap .conarea .info .name + div{margin-top:30px;border-top:2px solid #222;}
.layerPop .conwrap .conarea .info .name + div dl{
	padding:20px 0;
	border-bottom:1px solid #ddd;
}
.layerPop .conwrap .conarea .info .name + div dl dt{
	box-sizing:border-box;
	width:100%;
	padding-left:40px;
	font-size:16px;color:#000;font-weight:600;
}
.layerPop .conwrap .conarea .info .name + div dl.email dt{background:url(/images/page/m65_pop_icon1.png) no-repeat left center;}
.layerPop .conwrap .conarea .info .name + div dl.business dt{background:url(/images/page/m65_pop_icon2.png) no-repeat left center;}
.layerPop .conwrap .conarea .info .name + div dl dd{
	width:100%;
	font-size:16px;color:#555;font-weight:400;
	margin-top: 20px;
}

.layerPop.people .conwrap{ max-height:75vh; overflow-y: auto;}
.layerPop.people .conwrap .conarea{
	display: unset;
}




/* m71 */
.m71{padding:0 0 200px;}
.m71 .slg{
	display:flex;align-items:center;justify-content:center;
	width:92%;height:450px;
	margin:140px auto;
	background:url(/images/page/m71_slg_bg.jpg) no-repeat center;
	background-size:cover;
	border-radius:30px;
	font-size:37px;color:#fff;font-weight:700;text-align:center;line-height:1.3em;
}
.m71 .talent{position:relative;padding-top:110px;}
.m71 .talent h4{
	display:flex;align-items:center;justify-content:center;
	width:300px;height:300px;
	margin:0 auto;
	background:url(/images/page/m71_talent_bg.png) no-repeat center / contain;
	font-size:20px;color:#000;font-weight:700;text-align:center;line-height:1.3em;
}
.m71 .talent ul{}
.m71 .talent ul li{
	position:absolute;
	box-sizing:border-box;
	width:150px;height:150px;
	padding:10px;
	border:1px solid #ddd;border-radius:50%;
	background:#fff;
}
.m71 .talent ul li:nth-child(1){left:50%;top:0;transform:translate(-50%,0);}
.m71 .talent ul li:nth-child(2){left: 54%;bottom:-18%;}
.m71 .talent ul li:nth-child(3){right: 54%;bottom:-18%;}
.m71 .talent ul li>div{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100%;
	border-radius:50%;
	text-align:center;
}
.m71 .talent ul li:nth-child(1)>div{background:#2b7fce;}
.m71 .talent ul li:nth-child(2)>div{background:#2b4188;}
.m71 .talent ul li:nth-child(3)>div{background:#16adc8;}
.m71 .talent ul li .icon{}
.m71 .talent ul li .tit{margin:10px 0 0;font-size:18px;color:#fff;font-weight:700;}
.m71 .talent ul li .exp{font-size:13px;color:rgba(255,255,255,0.7);font-weight:500;}





/* m72 */
.m72{padding:0 0 200px;}





/* m73 */
.m73{
	padding:0 0 200px;
	background:url(/images/page/m73_bg.png) no-repeat center 140px;
	background-size:100% auto;
}
.m73 .slg{
	display:flex;align-items:center;justify-content:center;
	width:92%;height:450px;
	margin:140px auto;
	background:url(/images/page/m73_slg_bg.jpg) no-repeat center;
	background-size:cover;
	border-radius:30px;
	font-size:37px;color:#fff;font-weight:700;text-align:center;line-height:1.3em;
}
.m73 .boxwrap{margin-bottom:150px;}
.m73 .boxwrap:last-child{margin-bottom:0;}
.m73 .boxwrap h5{font-size:27px;color:#000;font-weight:700;}
.m73 .boxwrap ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px;}
.m73 .boxwrap ul li{
	display:flex;align-items:center;
	width:100%;
	margin:0 0 2% 0;padding:20px;
	box-sizing:border-box;
	border:1px solid #ddd;border-radius:20px;
	background:#fff;
}
.m73 .boxwrap ul li .icon{width:50px;}
.m73 .boxwrap ul li .txt{
	box-sizing:border-box;
	width:calc(100% - 50px);
	padding:0 0 0 20px;
	font-size:16px;color:#333;
}





/* m74 */
.m74{
	padding:0 0 200px;
	background:url(/images/page/m73_bg.png) no-repeat center 140px;
	background-size:100% auto;
}
.m74 .slg{
	display:flex;align-items:center;justify-content:center;
	width:92%;height:450px;
	margin:140px auto;
	background:url(/images/page/m74_slg_bg.jpg) no-repeat center;
	background-size:cover;
	border-radius:30px;
	font-size:37px;color:#fff;font-weight:700;text-align:center;line-height:1.3em;
}
.m74 ul{display:flex;flex-wrap:wrap;}
.m74 ul li{
	overflow:hidden;
	position:relative;
	width:100%;
	height: 300px;
	margin-bottom: 20px;
	border-radius:20px;
}
.m74 ul li:last-child{margin-bottom: 0;}
.m74 ul li .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	transform:scale(1.1);
	transition:all 0.6s;
}
.m74 ul li:hover .bg{transform:scale(1);}
.m74 ul li:nth-child(1) .bg{background:#0c1d4b;}
.m74 ul li:nth-child(2) .bg{background:url(/images/page/m74_list_bg1.jpg) no-repeat center;background-size:cover;}
.m74 ul li:nth-child(3) .bg{background:url(/images/page/m74_list_bg2.jpg) no-repeat center;background-size:cover;}
.m74 ul li:nth-child(4) .bg{background:url(/images/page/m74_list_bg3.jpg) no-repeat center;background-size:cover;}
.m74 ul li:nth-child(5) .bg{background:url(/images/page/m74_list_bg4.jpg) no-repeat center;background-size:cover;}
.m74 ul li:nth-child(6) .bg{background:url(/images/page/m74_list_bg5.jpg) no-repeat center;background-size:cover;}
.m74 ul li:nth-child(7) .bg{background:url(/images/page/m74_list_bg6.jpg) no-repeat center;background-size:cover;}
.m74 ul li:nth-child(8) .bg{background:url(/images/page/m74_list_bg7.jpg) no-repeat center;background-size:cover;}
.m74 ul li:nth-child(9) .bg{background:url(/images/page/m74_list_bg8.jpg) no-repeat center;background-size:cover;}
.m74 ul li a{display:block;width:100%;height:100%;}
.m74 ul li .tit{
	position:absolute;left:40px;top:45px;z-index:5;
	font-size:33px;color:#fff;font-weight:700;line-height:1.3em;
}
.m74 ul li .icon{
	position:absolute;right:40px;bottom:45px;z-index:5;
}
.m74 ul li span{
	position:absolute;left:40px;bottom:45px;z-index:5;
	width:calc(100% - 80px);height:60px;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.8);
	border-radius:20px;
	font-size:19px;color:#fff;text-align:center;line-height:58px;
	transition:all 0.6s;
}
.m74 ul li:hover span{border:1px solid #0981f1;background:#0981f1;}