@charset "utf-8";
.pcbr{display:block;}
.tbbr{display:none;}
.mbbr{display:none;}
.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.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:6vw;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:27px;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:190px 0 0;}
.pageTitle>div{position:relative;}
.pageTitle>div h3{font-family:"Noto Sans KR";font-size:62px;color:#000;font-weight:700;line-height:1.1em;}
.pageTitle>div h3 + p{margin-top:20px;font-size:19px;color:#555;}
.pageTitle>div ul{display:flex;position:absolute;right:0;top:5px;}
.pageTitle>div ul li{
	position:relative;
	padding-right:15px;margin-right:13px;
	font-size:17px;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:13px;
	background:#ccc;
	position:absolute;right:0;top:6px;
}
.pageTitle>div ul li:last-child:after{display:none;}




/* m11 */
.m11{padding:0 0 0;}
.m11 .sec1{padding:120px 0 150px;}
.m11 .sec1 .conwrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.m11 .sec1 .conwrap .imgarea{
	width:50%;height:410px;
	background:url(/images/page/m11_sec1_img.jpg) no-repeat center;
	background-size:cover;
	border-radius:30px;
}
.m11 .sec1 .conwrap .txtarea{width:43.5%;}
.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:120px 0 40px;font-size:56px;color:#000;font-weight:600;}
.m11 .sec1 .conwrap ~ p{font-size:19px;color:#555;}
.m11 .sec2{
	padding:160px 0 300px;
	height: 1920px;
	background:url(/images/page/m11_sec2_bg2.jpg) no-repeat center;
	background-size:cover;
}
.m11 .sec2 .innerwrap{
	position: relative;
	height: 100%;
}
.m11 .sec2 .conwrap{
	position: sticky;
	top: 160px;
	left: 0;
	
}
.m11 .sec2 h4{font-size:48px;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;}
.m11 .sec2 .company ul li{
	overflow:hidden;
	display:flex;align-items:center;
	width:24%;height:305px;
	box-sizing:border-box;
	padding:0 48px;
	border-radius:30px;
	background:#fff;
}
.m11 .sec2 .company ul li:first-child{justify-content:center;}
.m11 .sec2 .company ul li h5{
	font-size:29px;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:29px;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:19px;color:#333;}





/* m12 */
.m12{}
.m12 .sec1{padding:120px 0 150px;}
.m12 .sec1 .img{
	overflow:hidden;
	width:94%;height:500px;
	margin:0 auto;
	background:url(/images/page/m12_img0.jpg) no-repeat center;
	background-size:cover;
	border-radius:30px;
}
.m12 .sec1 .conwrap{padding:100px 0 0;}
.m12 .sec1 .conwrap .tit{
	font-size:86px;font-weight:500;color:#000;line-height:1.2em;
}
.m12 .sec1 .conwrap .tit>div{
	display:inline-block;vertical-align:middle;
	width:200px;height:100px;
	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:19px;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:120px;}
.m13 .sec1 .historyWrap .title{text-align:center;}
.m13 .sec1 .historyWrap .title .tit1{margin:30px 0 15px;font-size:54px;color:#000;font-weight:700;line-height:1.1em;}
.m13 .sec1 .historyWrap .title .year{font-size:35px;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:100px 0 170px;}
.m13 .sec1 .historyWrap .con:before{
	display:block;content:"";
	position:absolute;left:50%;top:0;
	width:1px;height:100%;
	background:#ddd;
}
.m13 .sec1 .historyWrap .con .line{
	position:absolute;left:50%;top:0;
	width:1px;height:100%;
	background:#000;
}
.m13 .sec1 .historyWrap .con>div>dl{
	box-sizing:border-box;
	position:relative;
	display:flex;
	width:50%;
	padding:0 70px;margin-bottom:100px;		
}
.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;
}
.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:nth-child(odd){margin-left:50%;}
.m13 .sec1 .historyWrap .con>div>dl:nth-child(even){flex-direction:row-reverse;text-align:right;}
.m13 .sec1 .historyWrap .con>div>dl:nth-child(odd) dt,
.m13 .sec1 .historyWrap .con>div>dl:nth-child(odd) dd{transform:translateX(-70px);opacity:0;}
.m13 .sec1 .historyWrap .con>div>dl:nth-child(even) dt,
.m13 .sec1 .historyWrap .con>div>dl:nth-child(even) dd{transform:translateX(70px);opacity:0;}
.m13 .sec1 .historyWrap .con>div>dl:nth-child(odd):before{right:100%;margin:20px -6px 0 0;}
.m13 .sec1 .historyWrap .con>div>dl:nth-child(even):before{left:100%;margin:20px 0 0 -5px;}
.m13 .sec1 .historyWrap .con>div>dl.on dt{transform:translateX(0);opacity:1;}
.m13 .sec1 .historyWrap .con>div>dl.on dd{transform:translateX(0);opacity:1;}
.m13 .sec1 .historyWrap .con>div>dl>dt{width:175px;font-size:54px;color:#000;font-weight:600;line-height:1.1em;}
.m13 .sec1 .historyWrap .con>div>dl>dd{width:calc(100% - 175px);}
.m13 .sec1 .historyWrap .con>div>dl>dd dl{display:flex;}
.m13 .sec1 .historyWrap .con>div>dl.right>dd dl{flex-direction: row-reverse;}
.m13 .sec1 .historyWrap .con>div>dl>dd dl dt{width:70px;font-family:"Noto Sans KR";font-size:19px;color:#000;}
.m13 .sec1 .historyWrap .con>div>dl>dd dl dd{width:calc(100% - 70px);font-size:19px;color:#555;}
.m13 .sec1 .historyWrap .con>div>dl>dd ul{}
.m13 .sec1 .historyWrap .con>div>dl>dd ul li{font-size:19px;color:#555;}





/* m14 */
.m14{}
.m14 .sec1{padding:120px 0 200px;}
.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:292px;height:292px;
	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;}
.m14 .sec1 .conwrap .parts>ul:before{
	display:block;content:"";
	width:calc(100% - 226px);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:226px;
	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 .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:120px 0 200px;}
.m15 .sec1 .conwrap{}
.m15 .sec1 .conwrap .boxwrap{
	display:flex;flex-wrap:wrap;align-items:center;
	margin-bottom:130px;
}
.m15 .sec1 .conwrap .boxwrap:last-child{margin-bottom:0;}
.m15 .sec1 .conwrap .boxwrap:nth-child(odd){flex-direction:row-reverse;}
.m15 .sec1 .conwrap .boxwrap:nth-child(even){}
.m15 .sec1 .conwrap .boxwrap .img{width:50%;height:380px;border-radius:30px;}
.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:50%;
}
.m15 .sec1 .conwrap .boxwrap:nth-child(odd) .txts{padding-right:7%;}
.m15 .sec1 .conwrap .boxwrap:nth-child(even) .txts{padding-left:7%;}
.m15 .sec1 .conwrap .boxwrap .txts dl{}
.m15 .sec1 .conwrap .boxwrap .txts dl dt{
	padding:0 0 40px;margin-bottom:35px;
	border-bottom:1px solid #7f7f7f;
	font-size:54px;color:#000;font-weight:600;line-height:1.1em;
}
.m15 .sec1 .conwrap .boxwrap .txts dl dt img{vertical-align:top;margin:-10px 5px 0 0;}
.m15 .sec1 .conwrap .boxwrap .txts dl dd{font-size:19px;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:37.75%;height:267px;
	border:1px solid #ccc;border-radius:30px;
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.m16 .sec1 .conwrap .boxwrap .info .infoarea{width:55%;}
.m16 .sec1 .conwrap .boxwrap .info .infoarea table{width:100%;border-top:1px solid #7f7f7f;}
.m16 .sec1 .conwrap .boxwrap .info .infoarea table th{
	width:170px;
	padding:25px 0;
	border-bottom:1px solid #ccc;
	font-size:19px;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{
	padding:25px 0;
	border-bottom:1px solid #ccc;
	font-size:19px;color:#555;
}
.m16 .sec1 .conwrap .boxwrap .info .infoarea table td .bar{
	display:inline-block;
	width:1px;height:14px;
	background:#ccc;
	margin:0 10px;	
}





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





/* m18 */
.m18{}
.m18 .sec1{padding:120px 0 190px;}
.m18 .sec1 .slg{
	margin-bottom:65px;
	font-size:54px;color:#000;font-weight:700;line-height:1.3em;
}
.m18 .sec1 .ciArea{
	box-sizing:border-box;
	padding:120px;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:55px;
	background:#f1f1f1;border-radius:40px;
	font-size:19px;color:#333;text-align:center;line-height:1.8em;
}
.m18 .sec1 .download{display:flex;justify-content:center;margin-top:60px;}
.m18 .sec1 .download a{
	display:flex;align-items:center;justify-content:space-between;
	box-sizing:border-box;
	width:220px;height:65px;
	padding:0 24px;margin:0 10px;
	border-radius:10px;
	font-size:19px;
}
.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:190px 0;background:#f6f6f6;}
.m18 .sec2 .ci{}
.m18 .sec2 h4{margin-bottom:65px;font-size:40px;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:49%;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:160px 0 0;}
.m18 .sec2 .system>div{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m18 .sec2 .system>div>dl{width:32.5%;}
.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:620px;
	margin:0 auto;
	border-radius:30px;
	background:url(/images/page/m21_topimg.jpg) no-repeat center;
	background-size:cover;
}
.m21 .sec1 .conwrap{padding:170px 0 0;}
.m21 .sec1 .conwrap h4{font-family:"Noto Sans KR";font-size:54px;color:#000;font-weight:700;line-height:1.3em;}
.m21 .sec1 .conwrap h4 + p{margin:20px 0  0;font-size:19px;color:#555;}
.m21 .sec1 .conwrap h5{margin:140px 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:32%;
	margin:0 2% 50px 0;padding:19px 19px 25px;
	background:#fff;border:1px solid #ccc;
	border-radius:30px;
	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:29px;color:#0c1d4b;font-weight:700;}
.m21 .sec1 .conwrap .list li .txt{font-size:19px;color:#333;line-height:1.7em;}
.m21 .sec1 .conwrap .list + p{margin-top:50px;font-size:19px;color:#333;line-height:1.7em;}





/* m22 */
.m22{}
.m22 .sec1{padding:120px 0 200px;}
.m22 .sec1 .toparea h4{font-size:54px;color:#000;font-weight:700;line-height:1.3em;}
.m22 .sec1 .toparea h4 + p{margin-top:20px;font-size:19px;color:#555;line-height:1.7em;}
.m22 .sec1 .toparea ul{display:flex;justify-content:space-between;margin:190px 0 120px;}
.m22 .sec1 .toparea ul li{width:32%;}
.m22 .sec1 .toparea ul li a{
	display:block;
	font-size:19px;color:#333;font-weight:500;text-align:center;line-height:70px;
	border-radius:20px;
}
.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:48px;color:#000;font-weight:600;}

.m22 .sec1 .conwrap{
	margin:80px 0 0;padding:0 0 200px;
	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:620px;
	margin:0 auto;
	border-radius:30px;text-align:center;
}
.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:54px;color:#fff;font-weight:600;line-height:1.3em;}
.m22 .sec1 .exp h5 + p{margin-top:25px;font-size:19px;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:48%;
	margin:0 2% 0 0;padding:19px 19px 50px;
	background:#fff;border:1px solid #ccc;
	border-radius:30px;
	text-align:center;
}
.m221 .sec1 .conwrap .list li{width: 32%;}
.m222 .sec1 .conwrap .list li{width: 32%;}
.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: 40px;}
.m22 .sec1 .conwrap .list li .tit{margin:40px 0 20px;font-size:29px;color:#0c1d4b;font-weight:600;}
.m22 .sec1 .conwrap .list li .txt{font-size:19px;color:#333;}
.m22 .sec1 .merit{padding:190px 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:49%;
	margin:0 0 2% 0;padding:49px;
	border:1px solid #ddd;border-radius:30px;
}
.m22 .sec1 .merit ul li .num{
	display:flex;align-items:center;justify-content:center;
	width:80px;height:80px;
	background:#f1f1f1;
	border-radius:50%;
	font-size:20px;color:#0c1d4b;font-weight:600;text-align:center;
}
.m22 .sec1 .merit ul li .txt{
	box-sizing:border-box;
	width:calc(100% - 80px);
	padding-left:50px;
	font-size:19px;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 90px;
}
.m22 .sec1 .merit .banner .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m22 .sec1 .merit.t1 .banner .bg{
	background:url(/images/page/m22_t1_merit_bg.jpg) no-repeat;
	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:527px;height:135px;
	transform:translateX(-50%);
	background:url(/images/page/m22_keoc.png) no-repeat;
}
.m22 .sec1 .merit .banner .con{
	display:flex;justify-content:space-between;align-items:center;
	width:100%;
	position:relative;z-index:10;
}
.m22 .sec1 .merit .banner .con span:nth-child(1){font-size:39px;color:#fff;font-weight:600;}
.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;justify-content:space-between;flex-wrap:wrap;align-items:center;
	width:100%;
	padding:39px;
	margin-bottom:40px;
}
.m23 .sec1 .conwrap ul.type2 li:nth-child(even){flex-direction:row-reverse;}
.m23 .sec1 .conwrap ul.type2 li .img{width:46.634%;height:330px;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:46.634%;
	padding:0 55px 0 10px;
	text-align:left;
}
.m23 .sec1 .conwrap ul.type2 li:nth-child(even) .txts{padding:0 55px;}
.m23 .sec1 .conwrap ul.type2 li .tit{margin-top:0;}
.m23 .sec1 .conwrap h5{margin:160px 0 0;font-size:54px;color:#000;font-weight:600;line-height:1.3em;}
.m23 .sec1 .conwrap h5 + p{margin:25px 0 -70px;font-size:19px;color:#000;opacity:0.7;}





/* 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:54px;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:19%;
	margin:0 1% 25px 0;
	background:0;border:0;border-radius:0;padding:0;
	text-align: center;
}
.m24 .sec1 .conwrap ul.labs li:nth-child(5n){margin-right:0;}
.m24 .sec1 .conwrap ul.labs li .img{
	overflow:hidden;
	border:1px solid #ccc;border-radius:30px;
	background:#fff;
}
.m24 .sec1 .conwrap ul.labs li .tit{margin:15px 0 0;font-size:19px;color:#333;font-weight:400;}
.m22 .sec1 .app{padding:190px 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:49%;
	padding:49px;margin-bottom:2%;
	border:1px solid #ccc;border-radius:30px;
}
.m22 .sec1 .app ul li .icon{width:80px;}
.m22 .sec1 .app ul li .txt{
	box-sizing:border-box;
	width:calc(100% - 80px);
	padding:0 0 0 50px;
	font-size:19px;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 90px;
}
.m20 .bannerWrap .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m20 .bannerWrap .bg{
	background:url(/images/page/m22_t1_merit_bg.jpg) no-repeat;
	background-size:cover;
}
.m21 .bannerWrap .bg{
	background:url(/images/page/m21_contact_bg.jpg) no-repeat 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:527px;height:135px;
	transform:translateX(-50%);
	background:url(/images/page/m22_keoc.png) no-repeat;
}
.m20 .bannerWrap .con{
	display:flex;justify-content:space-between;align-items:center;
	width:100%;
	position:relative;z-index:10;
}
.m20 .bannerWrap .con span:nth-child(1){font-size:39px;color:#fff;font-weight:600;}
.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;}




/* 대표 거래 연구소 */
.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:19%;
	margin:0 1% 25px 0;
	background:0;border:0;border-radius:0;padding:0;
	text-align: center;
}
.comListWrap .comList li:nth-child(5n){margin-right:0;}
.comListWrap .comList li .img{
	overflow:hidden;
	border:1px solid #ccc;
	border-radius:30px;
	background:#fff;
}
.comListWrap .comList li .tit{margin:15px 0 0;font-size:19px;color:#333;font-weight:400;}









/* m30 */
.m30{}
.m30 .sec1{padding:100px 4% 200px;}
.m30 .sec1 h4{font-size:54px;color:#000;font-weight:700;}
.m30 .sec1 ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin:80px 0 0;}
.m30 .sec1 ul li{
	overflow:hidden;
	width:24%;
}
.m30 .sec1 ul li .imgarea{
	overflow:hidden;
	position:relative;	
	border-radius:20px;
}
.m30 .sec1 ul li .imgarea img{width: 100%;}
.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:28px;font-size:30px;color:#000;font-weight:600;line-height:1.3em;text-align:center;}





/* m31List */
.m31List{padding:100px 0 180px;}
.m31List .tabs{border-top:1px solid #ddd;box-shadow:0 -1px 0 #ddd inset;}
.m31List .tabs ul{display:flex;justify-content:center;}
.m31List .tabs ul li{
	position:relative;
	margin:0 35px;
}
.m31List .tabs ul li>a{font-size:19px;color:#888;font-weight:500;line-height:78px;text-align:center;}
.m31List .tabs ul li.on>a{color:#1687f2;}
.m31List .tabs ul li.on>a:after{
	display:block;content:"";
	width:100%;height:4px;
	background:#1687f2;
	position:absolute;left:0;bottom:0;
}

.m31List .prdExp{
	padding:140px 0;
	background:url(/images/page/m31_list_exp_bg.jpg) no-repeat center;
	background-size:cover;
}
.m31List .prdExp>div{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;}
.m31List .prdExp>div .imgarea{overflow:hidden;width:560px;border-radius:30px;}
.m31List .prdExp>div .txtarea{width:560px;}
.m31List .prdExp>div .txtarea h4{font-size:54px;color:#000;font-weight:600;line-height:1.3em;}
.m31List .prdExp>div .txtarea p{margin-top:30px;font-size:19px;color:#555;line-height:1.7em;}

.m31List .prdList{padding:170px 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:32%;
	margin:0 2% 70px 0;
}
.m31List .prdList ul li:nth-child(3n){margin-right: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;align-items:center;justify-content:space-between;flex-direction:row-reverse;}
.m31View .prdExp2>div .imgarea{overflow:hidden;width:560px;border-radius:30px;}
.m31View .prdExp2>div .txtarea{width:595px;}
.m31View .prdExp2>div .txtarea h4{font-size:19px;color:#1687f2;font-weight:600;line-height:1.3em;}
.m31View .prdExp2>div .txtarea h5{font-size:54px;color:#000;font-weight:600;line-height:1.3em;}
.m31View .prdExp2>div .txtarea p{margin-top:30px;font-size:19px;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:160px 0;}
.m31View .conwrap>div.spec{}
.m31View .conwrap>div.exp{background:#f9f9f9;}
.m31View table{width: 100% !important;}
.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;}
.m31View .conwrap>div .specList dl{
	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 30px;
	border-right:1px solid #ddd;border-bottom:1px solid #ddd;
	background:#f6f6f6;
	font-size:18px;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 30px;
	border-bottom:1px solid #ddd;
	font-size:18px;color:#333;font-weight:400;text-align:left;line-height:1.7em;
}

.m31View .conwrap>div.exp p{font-size:19px;color:#555;line-height:1.7em;}
.m31View .conwrap>div.exp .imgs{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px;}
.m31View .conwrap>div.exp .imgs>div{width:49%;}
.m31View .conwrap>div.exp .imgs>div .img{overflow:hidden;border-radius:30px;}
.m31View .conwrap>div.exp .imgs>div .tit{margin-top:20px;font-size:19px;color:#555;}

.m31View .conwrap>div.standard{}
.m31View .conwrap>div.standard .boxwrap{
	padding:140px 0;
	border-bottom:1px solid #7f7f7f;
}
.m31View .conwrap>div.standard .boxwrap:first-child{padding-top:0;}
.m31View .conwrap>div.standard .boxwrap .table{}
.m31View .conwrap>div.standard .boxwrap .table table{border-top:2px solid #333;border-collapse:collapse;}

.m31View .conwrap>div.standard .boxwrap .table table th{
	position:relative;
	padding:15px 0;
	background:#f6f6f6;
	border-bottom:1px solid #ddd;
	font-size:18px;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:17px;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:20px;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.type2{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m31View .conwrap>div.standard .boxwrap .inbox.type2>div{width:48%;}
.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 table th{
	padding:15px;
	background:#f6f6f6;
	border:1px solid #ddd;
	font-size:17px;color:#333;text-align:center;
}
.m31View .conwrap>div.standard .boxwrap .inbox table td{
	padding:15px 30px;
	border:1px solid #ddd;
	font-size:17px;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:20%;
	padding:15px;
	border:1px solid #ddd;border-left:0;
	font-size:17px;color:#333;text-align:center;
}
.m31View .conwrap>div.standard .boxwrap .inbox ul li:nth-child(5n){border-right:0;}
.m31View .conwrap>div.standard .boxwrap .inbox ul li:nth-child(5n) ~ 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 90px;
}
.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;align-items:center;justify-content:space-between;
	width:100%;
}
.m31View .conwrap .boxwrap .banner .bg + div .tit{font-size:38px;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:54px;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:18px;color:#888;text-align:right;}
.m31Inquiry .req{color:#f50000 !important;}
.m31Inquiry table{width:100%;margin-bottom:60px;border-top:2px solid #000;}
.m31Inquiry table th{
	padding:20px 0;
	width:280px;
	border-bottom:1px solid #ddd;
	font-size:18px;color:#000;font-weight:500;text-align:left;
}
.m31Inquiry table td{
	padding:10px 0;
	border-bottom:1px solid #ddd;
}
.m31Inquiry table td input{
	box-sizing:border-box;
	max-width:500px;
	width:100%;height:50px;
	border:1px solid #ddd;
	padding:0 20px;
	font-size:16px;
	outline:0;
}
.m31Inquiry table td .tel{display:flex;align-items:center;}
.m31Inquiry table td .tel input{width:140px;}
.m31Inquiry table td .tel span{width:40px;text-align:center;}
.m31Inquiry table td .email{display:flex;align-items:center;justify-content:space-between;max-width:740px;}
.m31Inquiry table td .email input{width:230px;}
.m31Inquiry table td .email span{width:40px;text-align:center;}
.m31Inquiry table td .email select{
	box-sizing:border-box;
	appearance: none;
	width:230px;height:50px;
	padding:0 20px;margin-left:8px;
	border:1px solid #ddd;
	background:url(/images/page/sel_arr.png) no-repeat calc(100% - 20px) center;
	font-size:16px;
}
.m31Inquiry .privacy{border-top:2px solid #222;}
.m31Inquiry .privacy .txtarea{
	box-sizing:border-box;
	overflow:hidden;overflow-y:scroll;
	width:100%;height:200px;
	padding:30px;margin:10px 0;
	border:1px solid #ddd;
	font-size:16px;
}
.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:35px;
	font-size:17px;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:48px;height:48px;
	border-radius:50%;
	background:#fff;
	color:#cbd1d7;font-size:17px;line-height:48px;font-weight:500;
}
.paging strong{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:48px;height:48px;
	border-radius:50%;
	color:#000;font-size:17px;line-height:48px;font-weight:500;
}
.paging .page_begin{
	width:48px;height:48px;
	background:url(/images/common/page_begin.png) no-repeat center;
	border:1px solid #ddd;
}
.paging .page_prev{
	width:48px;height:48px;
	background:url(/images/common/page_prev.png) no-repeat center;
	border:1px solid #ddd;
	margin-right:20px;
}
.paging .page_next{
	width:48px;height:48px;
	background:url(/images/common/page_next.png) no-repeat center;
	border:1px solid #ddd;
	margin-left:20px;
}
.paging .page_end{
	width:48px;height:48px;
	background:url(/images/common/page_end.png) no-repeat center;
	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{}




/* prdSearch */
.prdSearch{}
.prdSearch .searchWrap{
	width:92%;
	margin:125px auto 150px;
	padding:115px 0;
	background:#f6f6f6;
	border-radius:25px;
}
.prdSearch .searchWrap>div{
	overflow:hidden;
	display:flex;align-items:center;justify-content:space-between;
	max-width:900px;width:90%;height:78px;
	margin:0 auto;padding:0 8px;
	box-sizing:border-box;
	background:#fff;
	border:3px solid #000;border-radius:39px;
}
.prdSearch .searchWrap>div input{
	width:calc(100% - 62px);height:100%;
	background:0;border:0;outline:0;
	padding:0 20px;
	font-size:21px;
}
.prdSearch .searchWrap>div button{
	border:0;background:#000;
	outline:0;
	border-radius:50%;
}
.prdSearch .listwrap{padding:0 0 100px;}
.prdSearch .listwrap .result{font-size:23px;color:#333;}
.prdSearch .listwrap .result .keyword{font-weight:600;color:#000;}
.prdSearch .listwrap .result .total{font-weight:600;color:#0981f1;}

.prdSearch .listwrap .m31List .prdList{padding:0;}





/* m41 */
.m41 .sec1{padding:120px 0 300px; background: url(/images/page/m41_bg.png) no-repeat center / cover;}
.m41 .sec1 .exp .tit{
	font-size: 56px;
	font-weight: 700;
	color: #000;
	margin-bottom: 10px;
}
.m41 .sec1 .exp p{
	font-size: 19px;
	font-weight: 1.5em;
	color: #555;
}
.m41 .sec1 .slg{
	position: relative;
	margin: 150px 0 200px;
	width: 100%;
	height: 620px;
	border-radius: 30px;
	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: 56px;
	font-weight: 700;
	color: #fff;
	line-height: 1.3em;
}
.m41 .sec1 .conwrap .con{
	display: flex;
	align-items: center;
}
.m41 .sec1 .conwrap .con + .con{
	margin-top: 85px;
}
.m41 .sec1 .conwrap .con:nth-child(2){
	flex-direction: row-reverse;
}
.m41 .sec1 .conwrap .con .imgwrap{
	width: 50%;
	border-radius: 30px;
	overflow: hidden;
}
.m41 .sec1 .conwrap .con .txtwrap{
	width: 50%;
	padding: 0 0 0 6%;
	box-sizing: border-box;
}
.m41 .sec1 .conwrap .con:nth-child(2) .txtwrap{
	padding: 0 6% 0 0;
}
.m41 .sec1 .conwrap .con .txtwrap .tit{
	font-size: 30px;
	font-weight: 700;
	color: #0c1d4b;
	margin-bottom: 20px;
}
.m41 .sec1 .conwrap .con .txtwrap p{
	font-size: 20px;
	color: #333;
	line-height: 1.5em;
}


/* m42 */
.m42 .sec1{
	margin-top:90px;
	padding:120px 0 300px; background: url(/images/page/m41_bg.png) no-repeat center bottom / cover;
}
.m42 .sec1 .slg{
	position: relative;
	margin: 0 0 200px;
	width: 100%;
	height: 620px;
	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: 56px;
	font-weight: 700;
	color: #fff;
	line-height: 1.3em;
}
.m42 .sec1 .conwrap .con{
	display: flex;
	justify-content: space-between;
}
.m42 .sec1 .conwrap .con:nth-child(2n){
	flex-direction: row-reverse;
}
.m42 .sec1 .conwrap .con + .con{
	margin-top: 180px;
}
.m42 .sec1 .conwrap .con .imgwrap{
	width: 40%;
	height: 600px;
	border-radius: 30px;
	overflow: hidden;
}
.m42 .sec1 .conwrap .con .imgwrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m42 .sec1 .conwrap .con .yearwrap{
	width: 50%;
}
.m42 .sec1 .conwrap .con .yearwrap dl{
	padding: 40px 0;
	border-top: 1px solid #ccc;
	display: flex;
}
.m42 .sec1 .conwrap .con .yearwrap dl dt{
	width: 185px;
	font-family: "Poppins";
	font-size: 55px;
	font-weight: 600;
	color: #000;
}
.m42 .sec1 .conwrap .con .yearwrap dl dd{
	width: calc(100% - 185px);
}
.m42 .sec1 .conwrap .con .yearwrap dl dd p{
	position: relative;
	padding-left: 16px;
	font-size: 20px;
	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: 16px;
	width: 5px;
	height: 5px;
	background: #0981f1;
}





/* m43 */
.m43{}
.m43 .conwrap{padding:140px 0 200px;}
.m43 .conwrap .slg{font-size:48px;color:#000;font-weight:600;line-height:1.3em;}
.m43 .conwrap ul{
	display:flex;
	flex-wrap:wrap;
	column-gap: 30px;
	row-gap: 70px;
	margin:90px 0 0;
}
.m43 .conwrap ul li{
	width:calc((100% - 90px) / 4);
	text-align:center;
}
.m43 .conwrap ul li:nth-child(4n){margin-right:0;}
.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{}
.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 200px;
	background:url(/images/page/m51_sec1_bg.jpg) no-repeat center;
	background-size:100% auto;
}
.m51 .sec1 .slg{
	position: relative;
	width:92%;height: 620px;
	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:48px;color:#fff;text-align:center;font-weight:600;line-height:1.4em;
}
.m51 .sec1 h4{font-size:39px;color:#000;font-weight:600;}
.m51 .sec1 .innerwrap>p{margin-bottom:180px;font-size:17px;color:#555;line-height:1.7em;}
.m51 .sec1 .conwrap{display:flex;align-items:center;margin:70px 0 0;}
.m51 .sec1 .conwrap .imgarea{
	overflow:hidden;
	width:50%;
	border-radius:30px;
}
.m51 .sec1 .conwrap .txtarea{
	box-sizing:border-box;
	width:50%;
	padding:0 90px;
	font-size:17px;color:#555;line-height:1.7em;
}

.m51 .sec2{padding:190px 0 200px;}
.m51 .sec2 h4{font-size:39px;color:#000;font-weight:600;}
.m51 .sec2 .conwrap{position:relative;margin:100px 0 0;padding:180px 0;}
.m51 .sec2 .conwrap .circle{position:relative;}
.m51 .sec2 .conwrap .circle h5{
	position:relative;
	display:flex;align-items:center;justify-content:center;
	width:366px;height:366px;
	margin:0 auto;
	background:#f5f5f5;
	border-radius:50%;
	font-size:35px;color:#000;font-weight:600;text-align:center;
}
.m51 .sec2 .conwrap .circle .line1{
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	width:496px;height:496px;
	box-sizing:border-box;
	border:1px solid #ddd;border-radius:50%;
}
.m51 .sec2 .conwrap .circle .line2{
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	width:650px;height:650px;
	box-sizing:border-box;
	border:1px dashed #ccc;border-radius:50%;
}
.m51 .sec2 .conwrap ul{}
.m51 .sec2 .conwrap ul li{
	display:flex;align-items:center;justify-content:space-between;
	position:absolute;
	width:500px;height:250px;
}
.m51 .sec2 .conwrap ul li:nth-child(1){top:-30px;left:10px;flex-direction:row-reverse;}
.m51 .sec2 .conwrap ul li:nth-child(2){top:-30px;right:10px;}
.m51 .sec2 .conwrap ul li:nth-child(3){bottom:-30px;left:10px;flex-direction:row-reverse;}
.m51 .sec2 .conwrap ul li:nth-child(4){bottom:-30px;right:10px;}
.m51 .sec2 .conwrap ul li .tit{
	display:flex;align-items:center;justify-content:center;
	position:relative;
	width:210px;height:210px;
	border-radius:50%;
	text-align:center;
}
.m51 .sec2 .conwrap ul li:nth-child(1) .tit{background:#358ad9;}
.m51 .sec2 .conwrap ul li:nth-child(2) .tit{background:#46a4bf;}
.m51 .sec2 .conwrap ul li:nth-child(3) .tit{background:#0381b2;}
.m51 .sec2 .conwrap ul li:nth-child(4) .tit{background:#0a325e;}
.m51 .sec2 .conwrap ul li:after{
	display:block;content:"";
	width:7px;height:7px;	
	border:3px solid #fff;
	border-radius:50%;
	position:absolute;
}
.m51 .sec2 .conwrap ul li:nth-child(1):after{right:32px;bottom:32px;background:#0381b0;}
.m51 .sec2 .conwrap ul li:nth-child(2):after{left:32px;bottom:32px;background:#76bed3;}
.m51 .sec2 .conwrap ul li:nth-child(3):after{right:32px;top:32px;background:#248bb5;}
.m51 .sec2 .conwrap ul li:nth-child(4):after{left:32px;top:32px;background:#4fa3c4;}
.m51 .sec2 .conwrap ul li .tit>div>div:nth-child(1){font-size:16px;color:rgba(255,255,255,0.5);font-weight:500;}
.m51 .sec2 .conwrap ul li .tit>div>div:nth-child(2){font-size:23px;color:#fff;font-weight:600;}
.m51 .sec2 .conwrap ul li .txt{
	box-sizing:border-box;
	width:calc(100% - 210px);
	font-size:19px;color:#555;line-height:1.5em;
}
.m51 .sec2 .conwrap ul li:nth-child(1) .txt,
.m51 .sec2 .conwrap ul li:nth-child(3) .txt{padding-right:20px;text-align:right;}
.m51 .sec2 .conwrap ul li:nth-child(2) .txt,
.m51 .sec2 .conwrap ul li:nth-child(4) .txt{padding-left:20px;}
.m51 .sec2 .m_conwrap{display: none;}
.m51 .sec3{padding:190px 0;background:#f6f6f6;}
.m51 .sec3 h4{font-size:39px;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;align-items:center;justify-content:space-between;
	width:49%;margin-bottom:2%;
	padding:49px;
	border:1px solid #ccc;border-radius:20px;
	background:#fff;
}
.m51 .sec3 ul li .num{
	display:flex;align-items:center;justify-content:center;
	width:80px;height:80px;
	background:#f1f1f1;
	border-radius:50%;
	font-size:20px;color:#0c1d4b;font-weight:600;text-align:center;
}
.m51 .sec3 ul li .tit{
	width:calc(100% - 80px - 158px);
	box-sizing:border-box;
	padding:0 39px;
	font-size:19px;color:#333;
}
.m51 .sec3 ul li .btn{width:158px;}
.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:48px;color:#000;font-weight:600;line-height:1.3em;}
.m52 .sec1 ul{
	display:flex;align-items:center;justify-content:space-between;
	max-width:1279px;height:286px;
	margin:60px auto 0;
	background:url(/images/page/m52_sec1_bg1.png) no-repeat;
	background-size:100% auto;
}
.m52 .sec1 ul li{
	box-sizing:border-box;
	width:23%;
	padding:0 30px;
	text-align:center;
}
.m52 .sec1 ul li .icon{height:52px;margin-bottom:15px;}
.m52 .sec1 ul li .tit{font-size:23px;color:#000;font-weight:600;}
.m52 .sec2{padding:170px 0;background:#f9f9f9;}
.m52 .sec2 h4{font-size:39px;color:#000;font-weight:600;}
.m52 .sec2 .conwrap{
	box-sizing:border-box;
	margin:50px 0 0;padding:59px;
	border:1px solid #ddd;border-radius:30px;
	background:#fff;
}
.m52 .sec2 .conwrap h5{
	padding:35px;
	background:#0c1d4b;
	border-radius:30px 30px 0 0;
	font-size:27px;color:#fff;font-weight:600;text-align:center;
}
.m52 .sec2 .conwrap ul{}
.m52 .sec2 .conwrap ul li{
	display:flex;align-items:center;
	padding:45px 20px;
	border-bottom:1px solid #ddd;
}
.m52 .sec2 .conwrap ul li .keoc{
	position:relative;
	display:flex;align-items:center;
	width:210px;
	font-size:19px;color:#333;line-height:1.7em;
}
.m52 .sec2 .conwrap ul li .keoc:after{
	display:block;content:"";
	width:1px;height:20px;
	background:#b2b2b2;
	position:absolute;right:0;top:14px;
}
.m52 .sec2 .conwrap ul li .keoc span{
	display:flex;align-items:center;justify-content:center;
	width:48px;height:48px;
	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:calc(100% - 210px);
	padding-left:58px;
	font-size:19px;color:#333;line-height:1.7em;
}
.m52 .sec2 .conwrap .last{display:flex;align-items:center;justify-content:space-between;margin:70px 0 0;}
.m52 .sec2 .conwrap .last p{font-size:19px;color:#555;}
.m52 .sec2 .conwrap .last .sign{font-size:23px;color:#000;font-weight:600;width:350px;}
.m52 .sec2 .conwrap .last .sign .bar{
	display:inline-block;
	width:2px;height:22px;
	background:#ddd;
	margin:0 10px;
}
.m52 .sec2 .conwrap .last .sign img{}

.m52 .sec2 .conwrap .last .sign .names {
    font-weight: 400; /* 일반체 */
    color: #000;      /* 필요시 색상 조정 */
    font-size: 20px;
}


/* m53 */
.m53{}
.m53 .sec1{padding:100px 0 80px;}
.m53 .sec1 .slg{margin-bottom:20px;font-size:54px;color:#000;font-weight:600;line-height:1.3em;}
.m53 .sec1 p{margin-bottom:30px;font-size:19px;color:#555;line-height:1.7em;}
.m53 .sec1 p:last-child{margin-bottom:0;}
.m53 .sec2{padding:160px 0;background:#f9f9f9;}
.m53 .sec2 .gallery-top{
	margin-bottom:45px;
	border-radius:30px;
}
.m53 .sec2 .gallery-thumbs{}
.m53 .sec2 .gallery-thumbs .swiper-slide{
	overflow:hidden;
	position:relative;
	border-radius:20px;
}
.m53 .sec2 .gallery-thumbs .swiper-slide-thumb-active:after{
	display:block;content:"";
	box-sizing:border-box;
	width:100%;height:100%;
	border:4px solid #0981f1;
	border-radius:20px;
	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:64px;height:64px;
	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:64px;height:64px;
	background:#e3e3e3 url(/images/page/m53_next.png) no-repeat center;
	border-radius:50%;
	cursor:pointer;
}

@media (max-width: 1499px){
	.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:space-between;
	max-width:1278px;width:100%;margin:0 auto;
	box-sizing:border-box;
	padding:17px 20px;
	background:url(/images/page/m54_sec1_dia_bg.png) no-repeat;
	background-size:100% auto;
}
.m54 .sec1 .dia ul li{
	display:flex;align-items:center;justify-content:center;
	width:348px;height:348px;
	border-radius:50%;
	text-align: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{height:60px;margin-bottom:25px;}
.m54 .sec1 .dia ul li .tit{font-size:29px;color:#fff;font-weight:600;line-height:1.3em;}
.m54 .sec1 p{
	padding:55px;
	background:#f9f9f9;
	border:1px solid #ddd;border-radius:30px;
	font-size:19px;color:#555;text-align:center;line-height:1.7em;
}

.m54 .sec2{padding:160px 0;background:#f9f9f9;}
.m54 .sec2 h5{margin-bottom:40px;font-size:39px;color:#000;font-weight:600;line-height:1.3em;}
.m54 .sec2 p{font-size:19px;color:#555;line-height:1.7em;}
.m54 .sec2 .conwrap{margin:60px 0 0;}
.m54 .sec2 .conwrap .boxwrap{
	box-sizing:border-box;
	padding:59px;margin-bottom:40px;
	background:#fff;
	border:1px solid #ddd;border-radius:30px;
	cursor:pointer;
}
.m54 .sec2 .conwrap .boxwrap .title{
	position:relative;
	padding:40px 160px;
	background:#e4e4e4;
	border-radius:30px;
	text-align:center;
	transition:all 0.4s;
}
.m54 .sec2 .conwrap .boxwrap .title:after{
	display:block;content:"";
	width:60px;height:60px;
	box-sizing:border-box;
	border:2px solid #cacaca;border-radius:50%;
	background:url(/images/page/m54_arr1.png) no-repeat center;
	position:absolute;right:50px;top:50%;
	transform:translateY(-50%);
	transition:all 0.4s;
}
.m54 .sec2 .conwrap .boxwrap .title>div>div:nth-child(1){font-size:27px;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:19px;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:40px 140px;
	border-bottom:1px solid #ccc;
}
.m54 .sec2 .conwrap .boxwrap .con ul li .num{
	display:flex;align-items:center;justify-content:center;
	width:48px;height:48px;
	background:#f1f1f1;
	border-radius:50%;
	position:absolute;left:49px;top:50%;
	transform:translateY(-50%);
	font-size:15px;color:#0c1d4b;font-weight:600;
}
.m54 .sec2 .conwrap .boxwrap .con ul li .txt{font-size:19px;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:2px solid rgba(255,255,255,0.4);
	background:url(/images/page/m54_arr2.png) no-repeat center;
	transform:rotate(180deg) translateY(30px);
	transform-origin: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:54px;color:#fff;font-weight:600;}
.m55 h5{font-size:39px;color:#000;font-weight:600;}
.m55 .exp p{margin-top:15px;font-size:29px;color:#fff;font-weight:600;line-height:1.7em;}
.m55 .sec1{padding:0 0 140px;}
.m55 .sec1 .conwrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m55 .sec1 .conwrap .boxwrap{
	overflow:hidden;
	box-sizing:border-box;
	width:49%;
	margin-bottom:4%;padding:20px 20px 55px;
	background:#f1f1f1;
	border-radius:30px;
}
.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:29px;color:#0c1d4b;font-weight:700;text-align:center;
}
.m55 .sec1 .conwrap .boxwrap dl{
	display:flex;
	margin-bottom:10px;
	padding:0 30px;
}
.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:calc(100% - 71px);
	padding:2px 0 0 19px;
	font-size:19px;color:#333;line-height:1.6em;
}

.m55 .sec2{
	padding:190px 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:23.85%;height:242px;
	margin:0 1.5% 3% 0;padding:40px;
	border:1px solid #ddd;border-radius:30px;
	background:#fff;
}
.m55 .sec2 ul li:nth-child(4n){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:23px;color:#000;font-weight:600;line-height:1.5em;}

.m55 .sec3{padding:190px 0;}
.m55 .sec3 .conwrap{
	display:flex;justify-content:space-between;flex-wrap:wrap;
	margin-top:50px;
}
.m55 .sec3 .conwrap dl{
	width:48.5%;
	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:125px 0 200px;}
.m56 .sec1 .slg{font-size:54px;color:#000;font-weight:700;line-height:1.3em;}
.m56 .sec1 .compliance{
	overflow:hidden;
	box-sizing:border-box;
	padding:100px 90px 60px;margin-top:50px;
	border:1px solid #ddd;border-radius:30px;
	background:url(/images/page/m56_sec1_bg.jpg) no-repeat center;
	background-size:cover;
	text-align:center;
}
.m56 .sec1 .compliance h5{font-size:27px;color:#fff;}
.m56 .sec1 .compliance .txts{
	margin:40px 0 30px;padding:70px;
	border-top:1px solid rgba(255,255,255,0.5);
	border-bottom:1px solid rgba(255,255,255,0.5);
	font-size:19px;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 200px;}
.bbs .slg{font-size:54px;color:#000;font-weight:700;line-height:1.3em;}

.bbs .list1{
	display:flex;flex-wrap:wrap;
	margin:90px 0 0;
}
.bbs .list1 li{
	width:32%;
	margin:0 2% 70px 0;
}
.bbs .list1 li:nth-child(3n){margin-right:0;}
.bbs .list1 li .thumb{overflow:hidden;border-radius:30px;}
.bbs .list1 li .thumb img{width:100%;}
.bbs .list1 li .tit{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin:40px 0 10px;
	font-size:23px;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:19px;color:#555;font-weight:400;
}
.bbs .list1 li .date{margin-top:20px;font-family:"Noto Sans KR";font-size:17px;color:#555;}


.bbs .list2{margin:90px 0 0;}
.bbs .list2 li{}
.bbs .list2 li a{
	display:flex;align-items:center;justify-content:space-between;
	box-sizing:border-box;
	width:100%;height:160px;
	margin-bottom:20px;padding:0 65px;
	border:2px solid #ddd;border-radius:30px;
	transition:all 0.4s;
}
.bbs .list2 li:hover a{border:2px solid #0981f1;}
.bbs .list2 li a .date{width:185px;font-size:24px;color:#111;font-weight:500;}
.bbs .list2 li a .txts{box-sizing:border-box;width:calc(100% - 185px - 110px);padding:0 100px 0 0;}
.bbs .list2 li a .txts .tit{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin:0 0 10px;
	font-size:29px;color:#000;font-weight:500;
}
.bbs .list2 li a .txts .txt{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:19px;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;
}
.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:48.5%;
	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:103px;height:103px;
	transform:translate(-50%,-50%);
	background:url(/images/page/btn_play.png) no-repeat;
	border:2px solid #fff;border-radius:50%;
}
.bbs .list3 li .tit{
	margin:30px 0 0;
	font-size:23px;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 .vodarea{
	position: relative;
	overflow:hidden;
	width:100%;padding-top: 56.25%;
	margin:25px 0 4.5vh;
}
.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:23px;color:#fff;font-weight:600;text-align:center;}

.layerPop.recruit1{}
.layerPop.recruit1 .conwrap{}
.layerPop.recruit1 .conwrap .conarea{
	display:block;
	overflow-y:auto;
	width:100%;height:100%;
	padding:70px 4vw;
}
.layerPop.recruit1 .conwrap .conarea h4{font-size:39px;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{
	display:flex;
	padding:20px 0;
	border-bottom:1px solid #ddd;
}
.layerPop.recruit1 .conwrap .conarea .info dl dt{width:170px;font-size:17px;color:#000;font-weight:600;}
.layerPop.recruit1 .conwrap .conarea .info dl dd{
	width:calc(100% - 170px);
	box-sizing:border-box;
	font-size:17px;color:#666;line-height:1.8em;
}
.layerPop.recruit1 .conwrap .conarea .btnRecruit{
	display:inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 96px;
	margin-top: 25px;
	border-radius: 10px;
	background: #eaeaea;
	font-size: 20px;
	font-weight: 500;
	color: #666666;
}
.layerPop.recruit1 .conwrap .conarea .btnRecruit img{
	margin-right: 10px;
}


.layerPop.st3{/* display:block; */max-width:600px;width: unset; height: 62vh;}
.layerPop.st3 .btnClose{position:absolute;left:calc(100% + 10px);top:0;width:36px;}
.layerPop.st3 .img{height: 100%;}
.layerPop.st3 .img img{height: 100%;}



.layerPop.fmPop{}
.layerPop.fmPop .btnClose{position:absolute;right: 50px; top: 50px;}
.layerPop.fmPop h4{font-size:36px;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;
}
.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:33px;color:#000;font-weight:700;font-weight:1.3em;}
.bbsView .titlearea .date{margin-top:10px;font-family:"Noto Sans KR";font-size:17px;color:#555;}
.bbsView .viewcon{padding:100px 0;border-bottom:1px solid #ddd;}
.bbsView .btn{margin:70px 0 0;}
.bbsView .btn a{
	display:block;
	width:260px;height:80px;
	margin:0 auto;
	border-radius:10px;
	background:#0c1d4b;
	font-size:19px;color:#fff;font-weight:500;text-align:center;line-height:80px;
}





/* m64 */
.m64{padding:0 0 200px; overflow: hidden;}
.m64 .slg{font-size:54px;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;
	display:flex;align-items:center;justify-content:space-between;
	margin:150px 0 50px;
	padding:0 100px 100px;
}
.m64 .conwrap .con .boxwrap:nth-child(even){flex-direction:row-reverse;}
.m64 .conwrap .con .boxwrap:after{
	display:block;content:"";
	width:100vw;height:40vh;
	background:#f2f2f2;
	position:absolute;left:0;bottom:0;z-index:-1;
}
.m64 .conwrap .con .boxwrap .thumb{
	overflow:hidden;
	box-sizing:border-box;
	width:40.74%;
	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:50%;}
.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 100px;font-size:42px;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:19px;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:49%;height:60px;
	padding:0 28px;
	border:1px solid #0981f1;border-radius:10px;
	font-size:14px;color:#0981f1;font-weight:600;
}
.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 200px;}
.m65 .conwrap{margin:110px auto 0;}
.m65 .conwrap .slg{font-size:54px;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:23.5%;
	margin:0 2% 70px 0;
	background:#f4f4f4;
	border-radius:30px;
	text-align:center;
}
.m65 .conwrap .con ul li:nth-child(4n){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:23px;color:#000;font-weight:600;line-height:70px;}


#bgBlack{}
.layerPop{}
.layerPop .conwrap{
	box-sizing:border-box;
	width:100%; /* max-height:75vh; */
	padding:50px;
	background:#fff;
	border-radius:30px;
}
.layerPop.recruit1 .conwrap{
	max-height: unset;
}
.layerPop .conwrap .btnClose2{
	position:absolute;right:70px;top:70px;
}
.layerPop .conwrap .btnClose2 img{width: 50px; height: 50px;}
.layerPop .conwrap .conarea{display:flex;background:#f2f2f2;border-radius:30px;}
.layerPop .conwrap .conarea .pht{
	overflow:hidden;
	width:45.76%;
	border:1px solid #ddd;border-radius:30px;
}
.layerPop .conwrap .conarea .info{
	box-sizing:border-box;
	width:calc(100% - 45.76%);
	padding:90px;
}
.layerPop .conwrap .conarea .info .name{}
.layerPop .conwrap .conarea .info .name .kr{font-size:42px;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{
	display:flex;
	padding:20px 0;
	border-bottom:1px solid #ddd;
}
.layerPop .conwrap .conarea .info .name + div dl dt{
	box-sizing:border-box;
	width:160px;
	padding-left:47px;
	font-size:19px;color:#000;font-weight:600;
}
.layerPop .conwrap .conarea .info .name + div dl.email dt{background:url(/images/page/m65_pop_icon1.png) no-repeat 11px 6px;}
.layerPop .conwrap .conarea .info .name + div dl.business dt{background:url(/images/page/m65_pop_icon2.png) no-repeat 11px 1px;}
.layerPop .conwrap .conarea .info .name + div dl dd{
	width:calc(100% - 160px);
	font-size:19px;color:#555;font-weight:400;
}





/* m71 */
.m71{padding:0 0 200px;}
.m71 .slg{
	display:flex;align-items:center;justify-content:center;
	width:92%;height:620px;
	margin:140px auto;
	background:url(/images/page/m71_slg_bg.jpg) no-repeat center;
	background-size:cover;
	border-radius:30px;
	font-size:54px;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:801px;height:801px;
	margin:0 auto;
	background:url(/images/page/m71_talent_bg.png) no-repeat;
	background-size:cover;
	font-size:39px;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:310px;height:310px;
	padding:19px;
	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){right:15%;bottom:5%;}
.m71 .talent ul li:nth-child(3){left:15%;bottom:5%;}
.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:33px;color:#fff;font-weight:700;}
.m71 .talent ul li .exp{font-size:17px;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:620px;
	margin:140px auto;
	background:url(/images/page/m73_slg_bg.jpg) no-repeat center;
	background-size:cover;
	border-radius:30px;
	font-size:54px;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:39px;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:49%;
	margin:0 0 2% 0;padding:49px;
	box-sizing:border-box;
	border:1px solid #ddd;border-radius:30px;
	background:#fff;
}
.m73 .boxwrap ul li .icon{width:80px;}
.m73 .boxwrap ul li .txt{
	box-sizing:border-box;
	width:calc(100% - 80px);
	padding:0 0 0 50px;
	font-size:19px;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:620px;
	margin:140px auto;
	background:url(/images/page/m74_slg_bg.jpg) no-repeat center;
	background-size:cover;
	border-radius:30px;
	font-size:54px;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:32%;
	margin:0 2% 2% 0;padding:15.98% 0;
	border-radius:30px;
}
.m74 ul li:nth-child(3n){margin-right: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;}



/* 모션 */
@-webkit-keyframes showImg{
0%{ clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
animation-delay: 1s;
}
@-webkit-keyframes showImg2{
0% {clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
100% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
animation-delay: 1s;
}
@-webkit-keyframes opacityAni{
0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes scaleAni{
0%{opacity:0;transform:scale(1.3);}
100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes scaleAni2{
0%{opacity:0;transform:scale(0.8);}
100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes fadeUpAni{
0%{opacity:0; transform:translateY(50px);}
100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes fadeUpAni2{
0%{opacity:0; transform:translateY(30px);}
100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes fadeLeftAni{
0%{opacity:0; transform:translateX(-50px);}
100%{opacity:1;transform:translateX(0);}
}
@-webkit-keyframes fadeRightAni{
0%{opacity:0; transform:translateX(50px);}
100%{opacity:1;transform:translateX(0);}
}

.fadeUp{opacity: 0;}
.fadeUp2{opacity: 0;}
.fadeLeft{opacity: 0;}
.fadeRight{opacity: 0;}
.showImg{opacity: 0;}
.showImg2{opacity: 0;}
.showImg_2{opacity: 0;}

.showImg.in-view{animation-name: showImg;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.4s; opacity: 1;}
.showImg2.in-view{animation-name: showImg2;animation-timing-function: cubic-bezier(0.14, 0, 0.42, 1.01); animation-duration: 1.4s; opacity: 1;}



.showImg_2.in-view {animation-name: showImg2;animation-timing-function: cubic-bezier(.37,.38,.61,.61);animation-duration: 1.4s;opacity: 1 !important;}
.opacity.in-view{animation-name: opacityAni;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.4s;}
.fadeUp.in-view{animation-name: fadeUpAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.2s; opacity: 1;}
.fadeUp2.in-view{animation-name: fadeUpAni2; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.2s; opacity: 1;}
.fadeLeft.in-view{animation-name: fadeLeftAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.2s; opacity: 1;}
.fadeRight.in-view{animation-name: fadeRightAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.2s; opacity: 1;}
.scaleAni.in-view{animation-name: scaleAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.4s; }
.scaleAni2.in-view{animation-name: scaleAni2; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.5s; }




.subVisual .bg{transform: scale(1.2);}
.subVisual.in-view .bg{transform: scale(1); transition: all 2.5s;}
.subVisual .txts h2{opacity: 0;}
.subVisual.in-view .txts h2{opacity: 1; transition: all 2s;}
.subVisual .txts h2:after{width: 0;}
.subVisual.in-view .txts h2:after{width: 100%; transition: all 2.5s;}
.subVisual .txts h2 + p{opacity: 0;}
.subVisual.in-view h2 + p{opacity: 1; transition: all 2s;}


.m12 .sec1 .img{width: 70%; opacity: 0;}
.m12 .sec1 .img.in-view{width: 94%; opacity: 1; transition: all 1.2s;}

.m21 .sec1 .imgTop{width: 70%; opacity: 0;}
.m21 .sec1 .imgTop.in-view{width: 94%; opacity: 1; transition: all 1.2s;}