@charset "utf-8";
.pcbr{display:none;}
.ptbr{display: block;}
.tbbr{display:none;}
.tmbr{display:block;}
.mbbr{display:block;}
.tbmb{display:block;}
.dn{display:none;}
.innerwrap{max-width:1400px;width:94%;margin:0 auto;}
body{word-break:keep-all;}






/**/
.pageTitle{padding:190px 0 90px;}
.pageTitle h2{
	position:relative;
	padding-left:26px;
	font-size:22px;color:#000;font-weight:800;
}
.pageTitle h2:before{
	display:block;content:"";
	width:11px;height:11px;
	background:#0fa7bc;
	border-radius:50%;
	position:absolute;left:0;top:8px;
}
.pageTitle h2 + p{
	margin-top:30px;
	font-size:34px;color:#000;font-weight:400;line-height:1.3em;
	word-break:keep-all;
}
.pageTitle h2 + p strong{font-weight:700;}
.pn2 .pageTitle>div{text-align:center;}
.pn2 .pageTitle>div h2{transform:translateX(-20px)}
.pn2 .pageTitle>div h2:before{display:inline-block;position:static;vertical-align:top;margin:8px 5px 0 0;}
.pageTab{
	overflow:hidden;
	position:relative;
	width:100%;height:419px;	
}
.pageTab .bg{
	position:absolute;left:0;top:0;z-index:-1;
	width:100%;height:100%;
}
.pageTab .innerwrap{position:relative;height:100%;}
.pn1 .pageTab .bg{background:url(/images/page/pagevisual1.jpg) no-repeat center;}
.pn3 .pageTab .bg{background:url(/images/page/pagevisual3.jpg) no-repeat center;}
.pn4 .pageTab .bg{background:url(/images/page/pagevisual4.jpg) no-repeat center;}
.pn3 .pageTab .bg{background:url(/images/page/pagevisual3.jpg) no-repeat center;}
.pn3 .pageTab .bg{background:url(/images/page/pagevisual3.jpg) no-repeat center;}
.pageTab .con{position:absolute;left:0;bottom:60px;z-index:10;}
.pageTab .con h3{font-size:39px;color:#fff;font-weight:700;}
.pageTab .con .tabmenu{
	margin-top:35px;padding:14px 25px;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.2);border-radius:35px;
	background:rgba(255,255,255,0.2);
	backdrop-filter: blur(10px);
}
.pageTab .con .tabmenu ul{display:flex;}
.pageTab .con .tabmenu ul li{margin-right:10px;}
.pageTab .con .tabmenu ul li:last-child{margin-right:0px;}
.pageTab .con .tabmenu ul li a{
	display:flex;align-items:center;justify-content:center;
	height:36px;
	padding:0 25px;
	border-radius:18px;
	font-size:17px;color:#fff;font-weight:600;text-align:center;
}
.pageTab .con .tabmenu ul li.on a{background:#0fa7bc;}

.pageTop{position:relative;height:200px;}
.pageTop:after{
	display:block;content:"";
	width:591px;height:430px;
	background:url(/images/common/sub_bg.png) no-repeat;
	position:absolute;right:0;top:0;
}

.pageTop .subtabs{padding:35px 0 0;position:relative;z-index:100;}
.pageTop .subtabs>ul{display:flex;}
.pageTop .subtabs>ul>li{margin-right:40px;}
.pageTop .subtabs>ul>li>a{font-size:16px;color:#000;}
.pageTop .subtabs>ul>li.on>a{color:#0fa7bc;border-bottom:2px solid #0fa7bc;}

.pageTop .pageLocation{
	position:absolute;right:5%;top:33px;
	display:flex;align-items:center;
	display:none;
}
.pageTop .pageLocation>li{
	position:relative;
	padding-right:15px;margin-right:12px;
	font-size:16px;color:#666;font-weight:500;
}
.pageTop .pageLocation>li:after{
	display:block;content:"";
	width:4px;height:8px;
	background:url(/images/common/pl_arr.png) no-repeat;
	position:absolute;right:0;top:6px;
	opacity:0.6;
}
.pageTop .pageLocation>li:last-child{padding:0;margin:0;}
.pageTop .pageLocation>li:last-child:after{display:none;}

.pageTitle1{font-size:30px;color:#000;font-weight:700;}
.pageTitle1:before{
	display:block;content:"";
	width:50px;height:1px;
	background:#828282;
	margin:0 0 25px;
}




/* m11 */
.m11{}
.m11 h4{}
.m11 .about{position:relative;}
.m11 .about:after{
	display:block;content:"";
	width:100%;height:62%;
	background:#f9f9f9;
	position:absolute;left:0;bottom:0;z-index:-1;
}
.m11 .about .greetings{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	position:relative;box-sizing:border-box;
	width:90%;height:512px;
	margin:120px auto 100px;padding:0 5%;
	border-radius:30px;
	font-size:34px;color:#fff;font-weight:700;text-align:center;line-height:1.4em;word-break:keep-all;
}
.m11 .about .greetings .bg{
	position:absolute;left:0;top:0;z-index:-1;
	width:100%;height:100%;
	background:url(/images/page/m11_about_bg1.jpg) no-repeat center;
	background-size:cover;
}
.m11 .about .greetings .stxt{display:block;margin-bottom:20px;font-size:20px;}
.m11 .about .introduce{}
.m11 .about .introduce ul{display:flex;flex-wrap:wrap;}
.m11 .about .introduce ul li{
	box-sizing:border-box;
	width:49%;
	margin-right:2%;margin-bottom:1.25%;padding:35px 30px 170px;
	border:1px solid #ddd;border-radius:10px;
}
.m11 .about .introduce ul li:nth-child(2n){margin-right:0;}
.m11 .about .introduce ul li:first-child{
	display:flex;align-items:center;justify-content:center;
	padding:10% 0;
	border:0;
	background:#0fa7bc;
	font-size:30px;color:#fff;font-weight:700;
}
.m11 .about .introduce ul li:nth-child(2){background:#fff url(/images/page/m11_about_icon1.png) no-repeat calc(100% - 40px) calc(100% - 40px);}
.m11 .about .introduce ul li:nth-child(3){background:#fff url(/images/page/m11_about_icon2.png) no-repeat calc(100% - 40px) calc(100% - 40px);}
.m11 .about .introduce ul li:nth-child(4){background:#fff url(/images/page/m11_about_icon3.png) no-repeat calc(100% - 40px) calc(100% - 40px);}
.m11 .about .introduce ul li:nth-child(5){background:#fff url(/images/page/m11_about_icon4.png) no-repeat calc(100% - 40px) calc(100% - 40px);}
.m11 .about .introduce ul li:nth-child(6){background:#fff url(/images/page/m11_about_icon5.png) no-repeat calc(100% - 40px) calc(100% - 40px);}
.m11 .about .introduce ul li:nth-child(7){background:#fff url(/images/page/m11_about_icon6.png) no-repeat calc(100% - 40px) calc(100% - 40px);}
.m11 .about .introduce ul li:nth-child(8){background:#fff url(/images/page/m11_about_icon7.png) no-repeat calc(100% - 40px) calc(100% - 40px);}
.m11 .about .introduce ul li dl{}
.m11 .about .introduce ul li dl dt{font-size:24px;color:#000;font-weight:700;}
.m11 .about .introduce ul li dl dd{margin-top:15px;font-size:14px;color:#666;line-height:1.7em;}

.m11 .about .location{padding:140px 0;}
.m11 .about .location h5{font-size:30px;color:#222;font-weight:700;}
.m11 .about .location .mapimg{
	overflow:hidden;
	width:100%;height:410px;
	margin:45px 0 0;
	border:1px solid #ddd;border-radius:30px;
}
.m11 .about .location .mapimg.map1{
	background:url(/images/page/m11_about_map1.jpg) no-repeat center;
	background-size:cover;
}
.m11 .about .location .mapimg.map2{
	background:url(/images/page/m11_about_map2.jpg) no-repeat center;
	background-size:cover;
}
.m11 .about .location dl{
	display:flex;
	padding:35px 30px;
	border-bottom:1px solid #ddd;
	text-align:left;
}
.m11 .about .location dl dt{width:150px;font-size:20px;color:#222;font-weight:600;}
.m11 .about .location dl dd{width:calc(100% - 150px);padding-top:3px;font-size:16px;color:#555;}


.m11 .history{position:relative;}
.m11 .history .greetings{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	position:relative;box-sizing:border-box;
	width:90%;height:522px;
	margin:120px auto 100px;padding:0 5%;
	border-radius:30px;
	font-size:34px;color:#fff;font-weight:700;text-align:center;line-height:1.0em;
}
.m11 .history .greetings .bg{
	position:absolute;left:0;top:0;z-index:-1;
	width:100%;height:100%;
	background:url(/images/page/m11_history_bg1.jpg) no-repeat center;
	background-size:cover;
}
.m11 .history .greetings .stxt{display:block;font-size:20px;}

.m11 .history .historywrap{overflow:hidden;position:relative;padding-bottom:150px;}
.m11 .history .historywrap .boxwrap{
	margin-bottom:50px;
}
.m11 .history .historywrap .boxwrap .year{
	position:relative;
	width:100%;
	font-size:44px;color:#000;font-weight:700;line-height:1em;
}

.m11 .history .historywrap .boxwrap.present .year{color:#0fa7bc;}
.m11 .history .historywrap .boxwrap .con{width:100%;padding-top:22px;}
.m11 .history .historywrap .boxwrap .con dl{
	display:flex;position:relative;
	padding-left:25px;margin-bottom:20px;
}
.m11 .history .historywrap .boxwrap .con dl:last-child{margin-bottom:0;}
.m11 .history .historywrap .boxwrap .con dl:before{
	display:block;content:"";
	width:12px;height:12px;
	box-sizing:border-box;
	border:2px solid #dcdcdc;border-radius:50%;
	background:#fff;
	position:absolute;left:0px;top:6px;z-index:5;
}
.m11 .history .historywrap .boxwrap .con dl dt{width:115px;font-size:16px;color:#000;font-weight:600;}
.m11 .history .historywrap .boxwrap .con dl dd{width:calc(100% - 115px);font-size:16px;color:#555;}
.m11 .history .historywrap .boxwrap .con dl dd strong{color:#000;}
.m11 .history .historywrap .boxwrap.present  .con dl dd strong{color:#0fa7bc;}
.m11 .history .historywrap .boxwrap .con dl dd .img{margin:20px 0 0;}


.m11 .ceo{}
.m11 .ceo .message{position:relative;margin:120px 0 0;padding:120px 0;}
.m11 .ceo .message .bg{
	position:absolute;left:0;top:0;z-index:-1;
	width:100%;height:100%;
	background:url(/images/page/m11_ceo_bg.jpg) no-repeat center;
	background-size:cover;
}
.m11 .ceo .message .en{font-size:34px;color:#fff;font-weight:600;line-height:1.25em;}
.m11 .ceo .message .kr{margin:25px 0 35px;font-size:24px;color:#fff;font-weight:600;line-height:1.4em;}
.m11 .ceo .message .msg{}
.m11 .ceo .message p{
	margin-bottom:30px;	
	font-size:14px;color:#fff;line-height:1.6em;word-break:keep-all;
}
.m11 .ceo .message p:last-child{margin:60px 0 0;}
.m11 .ceo .message p:last-child img{margin:0 0 0 20px;}


.m11 .mp{padding-bottom:200px;}
.m11 .mp h4.en{margin:110px 0 45px;font-size:24px;color:#000;font-weight:700;}
.m11 .mp h5{font-size:34px;color:#000;font-weight:700;}
.m11 .mp .greetings{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	position:relative;
	width:100%;height:402px;
	box-sizing:border-box;
	margin:60px auto 150px;padding:0 5%;
	font-size:34px;color:#fff;font-weight:700;text-align:center;line-height:1.0em;
}
.m11 .mp .greetings .bg{
	position:absolute;left:0;top:0;z-index:-1;
	width:100%;height:100%;
	background:url(/images/page/m11_mp_bg1.jpg) no-repeat center;
	background-size:cover;
}
.m11 .mp .greetings .stxt{display:block;margin-top:25px;font-size:20px;font-weight:400;}
.m11 .mp .conwrap{width:90%;margin:0 auto;}
.m11 .mp .conwrap .boxwrap{margin-bottom:60px;}
.m11 .mp .conwrap .boxwrap:last-child{margin-bottom:0;}
.m11 .mp .conwrap .boxwrap:nth-child(even){flex-direction:row-reverse;}
.m11 .mp .conwrap .boxwrap .imgarea{
	display:flex;align-items:center;justify-content:center;
	position:relative;overflow:hidden;
	width:100%;height:342px;
	border-radius:30px;	
}
.m11 .mp .conwrap .boxwrap .imgarea .bg{
	position:absolute;left:0;top:0;z-index:-1;
	width:100%;height:100%;
}
.m11 .mp .conwrap .boxwrap:nth-child(1) .imgarea .bg{background:url(/images/page/m11_mp_img1.jpg) no-repeat center;background-size:cover;}
.m11 .mp .conwrap .boxwrap:nth-child(2) .imgarea .bg{background:url(/images/page/m11_mp_img2.jpg) no-repeat center;background-size:cover;}
.m11 .mp .conwrap .boxwrap:nth-child(3) .imgarea .bg{background:url(/images/page/m11_mp_img3.jpg) no-repeat center;background-size:cover;}
.m11 .mp .conwrap .boxwrap .imgarea .tit{font-size:32px;color:#fff;font-weight:700;}
.m11 .mp .conwrap .boxwrap .txtarea{
	width:100%;
	box-sizing:border-box;
	padding:40px 0 50px;
}
.m11 .mp .conwrap .boxwrap .txtarea .title{}
.m11 .mp .conwrap .boxwrap .txtarea .title .en{font-size:18px;color:#000;font-weight:700;}
.m11 .mp .conwrap .boxwrap .txtarea .title .kr{margin:20px 0 35px;font-size:28px;color:#000;font-weight:700;}
.m11 .mp .conwrap .boxwrap .txtarea p{font-size:18px;color:#666;line-height:1.6em;}





/* m12 */
.m12{}
.m12 .sec1{padding:100px 0;}
.m12 .sec1 .img{
	position:relative;
	overflow:hidden;
	width:90%;height:370px;
	margin:0 auto 70px;
	border-radius:30px;
}
.m12 .sec1 .img>div{
	width:100%;height:100%;
	background:url(/images/page/m12_sec1_img1.jpg) no-repeat center;
	background-size:cover;
}
.m12 .sec1 .innerwrap{}
.m12 .sec1 .innerwrap h5{font-size:32px;color:#000;font-weight:700;}
.m12 .sec1 .innerwrap p{
	box-sizing:border-box;
	width:calc(100% - 0px);
	padding:40px 0 0 0;
	font-size:16px;color:#555;line-height:1.6em;
}
.m12 .sec2{background:#f9f9f9;padding:140px 0 200px;}
.m12 .sec2 h5{margin-bottom:40px;font-size:28px;color:#000;font-weight:700;}
.m12 .sec2 .ci_detail{margin-bottom:115px;}
.m12 .sec2 .ci_detail .mainCi{
	overflow:hidden;
	padding:140px;
	border:1px solid #ddd;border-radius:30px;
	background:url(/images/page/m12_ci_bg1.gif) repeat;
	text-align:center;
}
.m12 .sec2 .ci_detail .subCi{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.m12 .sec2 .ci_detail .subCi>div{
	overflow:hidden;box-sizing:border-box;
	width:49%;
	padding:40px;margin-bottom:10px;
	border:1px solid #ddd;border-radius:30px;
	background:#fff;
	text-align:center;
}
.m12 .sec2 .ci_detail .subCi>div:nth-child(3){background:#747474;}
.m12 .sec2 .ci_detail .subCi>div:nth-child(4){background:#000;}

.m12 .sec2 .ci_down{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;}
.m12 .sec2 .ci_down>div{width:100%;margin-bottom:40px;}
.m12 .sec2 .ci_down h6{margin-bottom:20px;font-size:24px;color:#000;font-weight:600;}
.m12 .sec2 .ci_down .img{margin-bottom:20px;}
.m12 .sec2 .ci_down .img img{width:100%;}
.m12 .sec2 .ci_down .down{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m12 .sec2 .ci_down .down a{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:49%;height:54px;
	border:1px solid #959595;border-radius:27px;
	font-size:18px;color:#000;font-weight:500;
}
.m12 .sec2 .ci_down .down a i{
	display:block;
	width:17px;height:18px;
	margin:0 0 0 10px;
	background:url(/images/page/icon_down1.png) no-repeat;
}
.m12 .sec2 .ci_down .down a:nth-child(2){background:#151819;color:#fff;}
.m12 .sec2 .ci_down .down a:nth-child(2) i{
	background:url(/images/page/icon_down2.png) no-repeat;
}





/* m13 */
.m13{}
.m13 h4 + p{margin-top:25px;font-size:18px;color:#555;line-height:1.7em;}
.m13 h5{margin-bottom:50px;font-size:34px;color:#000;font-weight:700;}
.m13 .sec1{padding:120px 0 0;}
.m13 .sec1 .con{	
	padding:100px 0;
	background:#f9f9f9 url(/images/page/m13_sec1_bg.gif) no-repeat center;
	background-size:contain;
}
.m13 .sec1 .con>div{display:flex;}
.m13 .sec1 .con>div>div{box-sizing:border-box;width:50%;text-align:center;}
.m13 .sec1 .con>div>div:first-child{border-right:1px solid #ddd;}
.m13 .sec1 .con>div>div .img{border-radius:10px;overflow:hidden;display:inline-block;border:1px solid #ddd;}
.m13 .sec2{padding:120px 0 200px;}
.m13 .sec2 ul{display:flex;flex-wrap:wrap;}
.m13 .sec2 ul li{
	width:49%;
	margin:0 2% 3% 0;
}
.m13 .sec2 ul li:nth-child(2n){margin-right:0}
.m13 .sec2 ul li .img{
	overflow:hidden;
	border-radius:10px;
	border:1px solid #cecece;
}
.m13 .sec2 ul li .tit{
	padding:20px 0;
	font-size:18px;color:#555;text-align:center;line-height:1.5em;
}
.m13 .sec2 ul li .tit strong{color:#000;}






/* m21 */
.pn2 .pageTop{margin:100px 0 0;}
.pn2 .pageTop:after{
	display:block;content:"";
	width:687px;height:557px;
	background:url(/images/common/sub_bg2.png) no-repeat;
	position:absolute;right:0;top:0;
}
.m21{}
.m21 h2{font-size:19px;color:#000;font-weight:700;text-align:center;}
.m21 h2:before{
	display:inline-block;vertical-align:top;
	content:"";
	box-sizing:border-box;
	width:11px;height:11px;
	margin:9px 5px 0 0;
	background:#0fa7bc;
	border-radius:50%;
}
.m21 h3{margin:30px 0 145px;font-size:34px;color:#000;font-weight:700;text-align:center;}
.m21 .roofguard{position:relative;padding:170px 0 50vh;}
.m21 .roofguard .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/page/m21_roopg_bg.jpg) no-repeat center;
	background-size:cover;
}
.m21 .roofguard .txtwrap{
	position:relative;z-index:10;
	padding:0 5%;
	text-align:center;word-break:keep-all;
}
.m21 .roofguard .txtwrap h4{color:#fff;}
.m21 .roofguard .txtwrap h4 .en{font-size:20px;font-weight:bold;}
.m21 .roofguard .txtwrap h4 .kr{margin-top:15px;font-size:45px;font-weight:bold;}
.m21 .roofguard .txtwrap h4 + p{margin:25px 0 50px;font-size:18px;color:#fff;line-height:1.5em;}
.m21 .roofguard .txtwrap a{
	display:block;
	width:310px;height:70px;
	margin:0 auto;
	background:#0fa7bc;
	border-radius:35px;
	font-size:17px;color:#fff;text-align:center;line-height:70px;
}
.m21 .roofguard .txtwrap a i{
	display:inline-block;vertical-align:top;
	width:18px;height:17px;
	margin:26px 0 0 5px;
	background:url(/images/page/icon_down2.png) no-repeat center;
}
.m21 .conwrap{position:relative;padding:160px 0 0;}
.m21 .conwrap .lnb{display:none;}
.m21 .conwrap .lnb ul{width:158px;}
.m21 .conwrap .lnb ul li{position:relative;margin-bottom:5px;}
.m21 .conwrap .lnb ul li a{
	position:relative;
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:0 20px;
}
.m21 .conwrap .lnb ul li a:after{
	display:block;content:"";
	width:100%;height:100%;
	background:#0fa7bc;border-radius:18px;
	position:absolute;left:0;top:0;opacity:0;
}
.m21 .conwrap .lnb ul li.on a:after{opacity:1;}
.m21 .conwrap .lnb ul li a span{
	position:relative;z-index:10;
	display:block;
	padding:0 0 0 20px;
	font-size:17px;color:#666;line-height:36px;
}
.m21 .conwrap .lnb ul li a span:before{
	display:inline-block;content:"";
	width:8px;height:8px;
	box-sizing:border-box;
	position:absolute;left:0;top:14px;
	border:1px solid #666;border-radius:50%;
}
.m21 .conwrap .lnb ul li.on a span{color:#fff;}
.m21 .conwrap .lnb ul li.on a span:before{border:2px solid #fff;}
.m21 .conwrap .con{width:calc(100% - 0px);}
.m21 .conwrap .con h5{margin-bottom:65px;font-size:32px;color:#000;font-weight:bold;}
.m21 .conwrap .con h6{margin-bottom:20px;font-size:23px;color:#000;font-weight:bold;}
.m21 .conwrap .con .boxwrap{padding:180px 0 0;}
.m21 .conwrap .con .boxwrap:first-child{padding-top:0;}
.m21 .conwrap .con .boxwrap .tit1{margin-bottom:30px;font-size:26px;color:#000;font-weight:bold;}
.m21 .conwrap .con .boxwrap p{font-size:17px;color:#666;line-height:1.7em;}
.m21 .conwrap .con .boxwrap p strong{font-weight:600;}
.m21 .conwrap .con .boxwrap .img{margin:60px 0 120px;}
.m21 .conwrap .con .boxwrap .db{}
.m21 .conwrap .con .boxwrap .db li{position:relative;width:100%;text-align:center;margin-bottom:40px;}
.m21 .conwrap .con .boxwrap .db li .thumb{}
.m21 .conwrap .con .boxwrap .db li .step{
	background:#000;
	padding:10px 0;margin:10px 0;
	border-radius:25px;
	font-size:16px;color:#fff;font-weight:bold;text-align:center;
}
.m21 .conwrap .con .boxwrap .db li .txt{font-size:17px;color:#666;line-height:1.7em;}
.m21 .conwrap .con .boxwrap .db li .txt strong{font-weight:600;}

.m21 .conwrap .con .boxwrap#system2 h6{font-size:25px;color:#000;font-weight:bold;}
.m21 .conwrap .con .boxwrap .product{
	padding:70px 0 40px;margin-top:60px;
	border-top:2px solid #000;
}
.m21 .conwrap .con .boxwrap .product .info{width:100%;margin-bottom:40px;}
.m21 .conwrap .con .boxwrap .product .info .tit{font-size:32px;color:#000;font-weight:bold;}
.m21 .conwrap .con .boxwrap .product .info ul{margin-top:20px;}
.m21 .conwrap .con .boxwrap .product .info ul li{
	position:relative;
	padding-left:15px;margin-bottom:14px;
	font-size:17px;color:#666;
}
.m21 .conwrap .con .boxwrap .product .info ul li:before{
	display:block;content:"";
	box-sizing:border-box;
	width:7px;height:7px;
	border:2px solid #14a9bd;border-radius:50%;
	position:absolute;left:0;top:8px;
}
.m21 .conwrap .con .boxwrap .product .imgs{
	position:relative;
	width:calc(100% - 00px);
}
.m21 .conwrap .con .boxwrap .product .imgs .m21prd{
	width:100%;
}
.m21 .conwrap .con .boxwrap .product .imgs .m21prd .swiper-slide{width:100%;}
.m21 .conwrap .con .boxwrap .ctr{
	display:flex;justify-content:flex-end;
	padding-bottom:60px;margin-bottom:70px;
	border-bottom:1px solid #ccc;
}
.m21 .conwrap .con .boxwrap .ctr>div{cursor:pointer;}
.m21 .conwrap .con .boxwrap .ctr .prdnext{margin-left:10px;}
.m21 .conwrap .con .boxwrap .vod{overflow:hidden;position:relative;border-radius:40px;}
.m21 .conwrap .con .boxwrap .vod .btn_Play{
	position:absolute;left:50%;top:50%;z-index:10;
	transform:translate(-50%,-50%);
	border:1px solid #fff;border-radius:50%;
	box-sizing:border-box;
	width:112px;height:112px;
	background:url(/images/page/btn_play.png) no-repeat center center;
}
.m21 .conwrap .con .boxwrap .vod iframe{width:100%;height:320px;}

.m21 .conwrap .con .boxwrap .merit{}
.m21 .conwrap .con .boxwrap .merit ul{}
.m21 .conwrap .con .boxwrap .merit ul li{
	overflow:hidden;
	box-sizing:border-box;
	width:100%;
	margin-bottom:2%;padding:18px;
	background:#f9f9f9;
	border-radius:15px;
	transition:all 0.4s;
}
.m21 .conwrap .con .boxwrap .merit ul li .icon{width:84px;margin:0 auto 20px;background:#fff;border-radius:10px;}
.m21 .conwrap .con .boxwrap .merit ul li .txts{
	box-sizing:border-box;
	width:calc(100% - 0);
	text-align:center;
}
.m21 .conwrap .con .boxwrap .merit ul li .txts .tit{font-size:23px;color:#000;font-weight:bold;transition:all 0.4s;}
.m21 .conwrap .con .boxwrap .merit ul li .txts .tit span{font-family:"Pretendard Variable";font-size:16px;font-weight:400;color:#111;transition:all 0.4s;}
.m21 .conwrap .con .boxwrap .merit ul li .txts .txt{margin-top:10px;font-size:17px;color:#666;line-height:1.7em;word-break:keep-all;transition:all 0.4s;}
.m21 .conwrap .con .boxwrap .merit ul li:hover{background:#0fa7bc;}
.m21 .conwrap .con .boxwrap .merit ul li:hover .txts .tit{color:#fff;}
.m21 .conwrap .con .boxwrap .merit ul li:hover .txts .tit span{color:#fff;}
.m21 .conwrap .con .boxwrap .merit ul li:hover .txts .txt{color:#fff;}

.m21 .conwrap .con .boxwrap .competitiveness{}
.m21 .conwrap .con .boxwrap .competitiveness .area1{width:100%;margin-bottom:40px;}
.m21 .conwrap .con .boxwrap .competitiveness .area1 .titlearea{
	display:flex;width:100%;
	padding-bottom:20px;
	font-size:21px;color:#000;font-weight:bold;text-align:center;
}
.m21 .conwrap .con .boxwrap .competitiveness .area1 .titlearea>div:nth-child(1){width:33.333%;}
.m21 .conwrap .con .boxwrap .competitiveness .area1 .titlearea>div:nth-child(2){width:66.666%;}
.m21 .conwrap .con .boxwrap .competitiveness .area1 .conarea{width:100%;border-top:2px solid #000;}
.m21 .conwrap .con .boxwrap .competitiveness .area1 .conarea>div{display:flex;align-items:center;padding:15px 0 5px;}
.m21 .conwrap .con .boxwrap .competitiveness .area1 .conarea>div>div:nth-child(1){
	width:33.333%;
	font-size:21px;color:#000;font-weight:bold;text-align:center;
}
.m21 .conwrap .con .boxwrap .competitiveness .area1 .conarea>div:nth-child(2){
	border-top:1px solid #ccc;border-bottom:1px solid #ccc;
}
.m21 .conwrap .con .boxwrap .competitiveness .area1 .conarea>div>ul{width:66.666%;}
.m21 .conwrap .con .boxwrap .competitiveness .area1 .conarea>div>ul{}
.m21 .conwrap .con .boxwrap .competitiveness .area1 .conarea>div>ul li{
	position:relative;
	padding-left:15px;
	font-size:17px;color:#666;margin-bottom:10px;
}
.m21 .conwrap .con .boxwrap .competitiveness .area1 .conarea>div>ul li strong{color:#0fa7bc;}
.m21 .conwrap .con .boxwrap .competitiveness .area1 .conarea>div>ul li:before{
	display:block;content:"";
	box-sizing:border-box;
	width:7px;height:7px;
	border:2px solid #0fa7bc;border-radius:50%;
	position:absolute;left:0;top:8px;
}
.m21 .conwrap .con .boxwrap .competitiveness .area2{width:100%;}
.m21 .conwrap .con .boxwrap .competitiveness .area2 .titlearea{	
	padding-bottom:20px;
	font-size:21px;color:#000;font-weight:bold;text-align:center;
}
.m21 .conwrap .con .boxwrap .competitiveness .area2 .conarea{	
	background:url(/images/page/m21_os_bg.jpg) no-repeat;
	background-size:cover;
	overflow:hidden;
	border-radius:25px;
	padding:40px 50px;
}
.m21 .conwrap .con .boxwrap .competitiveness .area2 .conarea dl{}
.m21 .conwrap .con .boxwrap .competitiveness .area2 .conarea dl dt{padding-bottom:15px;border-bottom:1px solid #fff;}
.m21 .conwrap .con .boxwrap .competitiveness .area2 .conarea dl dd{padding-top:15px;}
.m21 .conwrap .con .boxwrap .competitiveness .area2 .conarea dl dd ul{}
.m21 .conwrap .con .boxwrap .competitiveness .area2 .conarea dl dd ul li{
	position:relative;
	padding-left:15px;
	font-size:17px;color:#fff;margin-bottom:10px;
}
.m21 .conwrap .con .boxwrap .competitiveness .area2 .conarea dl dd ul li strong{}
.m21 .conwrap .con .boxwrap .competitiveness .area2 .conarea dl dd ul li:before{
	display:block;content:"";
	box-sizing:border-box;
	width:7px;height:7px;
	border:2px solid #fff;border-radius:50%;
	position:absolute;left:0;top:8px;
}

.m21 .conwrap .con .boxwrap .guide{}
.m21 .conwrap .con .boxwrap .guide h6{
	margin-bottom:60px;
	font-family:"Pretendard Variable";font-size:34px;color:#000;font-weight:bold;
}
.m21 .conwrap .con .boxwrap .guide h6 span{
	display:inline-block;vertical-align:top;
	padding:10px 30px;
	background:#0fa7bc;border-radius:30px;
	font-size:17px;color:#fff;text-align:center;font-weight:600;
}
.m21 .conwrap .con .boxwrap .guide .gall{
	position:relative;box-sizing:border-box;
	background:#f9f9f9;
	border-radius:30px;
	padding:70px 30px 120px;
}
.m21 .conwrap .con .boxwrap .guide .gall .guideSlider{}
.m21 .conwrap .con .boxwrap .guide .gall .guideSlider .swiper-slide{text-align:center;}
.m21 .conwrap .con .boxwrap .guide .gall .guideSlider .swiper-slide img{display:block;margin:5px 0;}
.m21 .conwrap .con .boxwrap .guide .gall .guideSlider .swiper-slide .tit{margin-top:10px;font-size:21px;color:#000;}
.m21 .conwrap .con .boxwrap .guide .gall .guideSlider .swiper-slide .tit span{color:#0fa7bc;}
.m21 .conwrap .con .boxwrap .guide .gall .gsPrev{
	position:absolute;left:50%;bottom:30px;
	width:66px;height:66px;
	box-sizing:border-box;
	border:1px solid #ccc;border-radius:50%;
	background:url(/images/page/gsPrev.png) no-repeat center;
	margin-left:-66px;
	cursor:pointer;
}
.m21 .conwrap .con .boxwrap .guide .gall .gsNext{
	position:absolute;left:50%;bottom:30px;
	width:66px;height:66px;
	box-sizing:border-box;
	border:1px solid #ccc;border-radius:50%;
	background:url(/images/page/gsNext.png) no-repeat center;
	margin-left:0;
	cursor:pointer;
}
.m21 .conwrap .con .boxwrap .guide .gall .paging{
	position:absolute;left:0;top:100%;
	margin:30px 0 0;
	width:100%;text-align:center;
}
.m21 .conwrap .con .boxwrap .guide .gall .paging span{
	width:8px;height:8px;
	margin:0 10px;
	background:#797979;
}

.m21 .conwrap .con .boxwrap .guide>div{margin-bottom:175px;}
.m21 .conwrap .con .boxwrap .guide>div.guide2{}
.m21 .conwrap .con .boxwrap .guide>div.guide2 .tit1{font-size:24px;}
.m21 .conwrap .con .boxwrap .guide>div.guide2 .img{
	background:#f9f9f9;
	padding:60px 55px;
	border-radius:30px;
}

.m21 .case{
	background:url(/images/page/m21_case_bg.jpg) no-repeat;
	background-size:cover;
}
.m21 .case .conwrap{display:block;padding:170px 0;}
.m21 .case .conwrap .tit{max-width:855px;margin:0 auto;padding:0 5%;font-size:34px;color:#fff;font-weight:bold;}
.m21 .case .conwrap .con{width:100%;margin:65px 0 0;}
.m21 .case .conwrap .con .caseSlider{}
.m21 .case .conwrap .con .caseSlider .swiper-slide{width:340px;}
.m21 .case .conwrap .con .caseSlider .swiper-slide a{
	overflow:hidden;
	display:block;
	border-radius:30px;
	position:relative;
}
.m21 .case .conwrap .con .caseSlider .swiper-slide a:after{
	display:block;content:"";
	width:100%;height:100%;
	position:absolute;left:0;bottom:0;
	background: linear-gradient(to bottom, rgba(15,167,188,0) 40%, rgba(15,167,188,1));
	opacity:0;transform:scaleY(0);transform-origin:bottom;
	transition:all 0.6s;
}
.m21 .case .conwrap .con .caseSlider .swiper-slide a .info{
	position:absolute;left:0;bottom:0;z-index:100;
	padding:35px 40px;
}
.m21 .case .conwrap .con .caseSlider .swiper-slide a .info .area{font-size:14px;color:#fff;}
.m21 .case .conwrap .con .caseSlider .swiper-slide a .info .name{margin:5px 0 20px;font-size:24px;color:#fff;font-weight:bold;}
.m21 .case .conwrap .con .caseSlider .swiper-slide a .info .more{font-family:"Nunito Sans";font-size:12px;color:#fff;}
.m21 .case .conwrap .con .caseSlider .swiper-slide a .info .more i{
	display:inline-block;
	width:6px;height:8px;
	margin:0 0 0 15px;
	background:url(/images/page/btn_arr1.png) no-repeat;
}
.m21 .case .conwrap .con .caseSlider .swiper-slide-active a:after{
	opacity:1;transform:scaleY(1);
}
.m21 .case .conwrap .con .caseSlider .casePrev{
	position:absolute;left:5vw;top:50%;z-index:10;
	width:70px;height:70px;
	box-sizing:border-box;
	border:1px solid #ccc;border-radius:50%;
	background:url(/images/page/m41_view_pop_prev.png) no-repeat center;
	margin-top:-45px;
	cursor:pointer;
	display:none;
}
.m21 .case .conwrap .con .caseSlider .caseNext{
	position:absolute;right:5vw;top:50%;z-index:10;
	width:70px;height:70px;
	box-sizing:border-box;
	border:1px solid #ccc;border-radius:50%;
	background:url(/images/page/m41_view_pop_next.png) no-repeat center;
	margin-top:-45px;
	cursor:pointer;
	display:none;
}
.m21 .case .conwrap .con .caseSlider .casepaging{
	width:100%;text-align:center;
	padding:20px 0 0;
}
.m21 .case .conwrap .con .caseSlider .casepaging span{
	width:8px;height:8px;
	margin:0 10px;
	background:#fff;
}
.m21 .case .conwrap .btn{margin-top:50px;}
.m21 .case .conwrap .btn a{
	display:block;
	width:310px;height:54px;
	margin:0 auto;
	background:#000;border-radius:27px;
	font-size:17px;color:#fff;line-height:54px;text-align:center;
}
.m21 .case .conwrap .btn a i{
	display:inline-block;vertical-align:top;
	width:6px;height:8px;
	margin:23px 0 0 10px;
	background:url(/images/page/btn_arr1.png) no-repeat;	
}





/* m31 */
.m31{}
.m31 .items{	
	overflow:auto;
	width:90%;
	margin:30px auto;
}
.m31 .items ul{}
.m31 .items ul li{
	display:flex;align-items:center;
	position:absolute;
	max-width:449px;width:30%;
}
.m31 .items ul li:nth-child(1){left:3%;top:5%;}
.m31 .items ul li:nth-child(2){left:3%;top:27%;}
.m31 .items ul li:nth-child(3){left:3%;top:49%;}
.m31 .items ul li:nth-child(4){left:3%;bottom:6%;}
.m31 .items ul li:nth-child(5){right:9%;top:5%;}
.m31 .items ul li:nth-child(6){right:9%;top:27%;}
.m31 .items ul li:nth-child(7){right:9%;top:49%;}

.m31 .items ul li .box{
	display:flex;align-items:center;
	width:100%;
	padding:25px 0;
	background:#373636;
	border-radius:30px;	
}
.m31 .items ul li:before{
	display:block;content:"";
	width:9px;height:9px;
	background:#fff;
	border-radius:50%;
	position:absolute;
}
.m31 .items ul li:nth-child(1):before{left:100%;margin:265% 0 0 78%;}
.m31 .items ul li:nth-child(2):before{left:100%;margin:50% 0 0 45%;}
.m31 .items ul li:nth-child(3):before{left:100%;margin:148% 0 0 45%;}
.m31 .items ul li:nth-child(4):before{left:100%;margin:-50% 0 0 26%;}
.m31 .items ul li:nth-child(5):before{left:100%;margin:174% 0 0 -154%;}
.m31 .items ul li:nth-child(6):before{left:100%;margin:115% 0 0 -125%;}
.m31 .items ul li:nth-child(7):before{left:100%;margin:138% 0 0 -153%;}

.m31 .items ul li .line:before{
	display:block;content:"";
	position:absolute;
	background:rgba(255,255,255,0.3);
}
.m31 .items ul li .line:after{
	display:block;content:"";
	position:absolute;
	background:rgba(255,255,255,0.3);
}

.m31 .items ul li:nth-child(1) .line:before{left:100%;top:50%;width:79%;height:1px;}
.m31 .items ul li:nth-child(1) .line:after{left:179%;top:50%;width:1px;height:360%;}
.m31 .items ul li:nth-child(2) .line:before{left:100%;top:50%;width:46%;height:1px;}
.m31 .items ul li:nth-child(2) .line:after{left:146%;top:50%;width:1px;height:70%;}
.m31 .items ul li:nth-child(3) .line:before{left:100%;top:50%;width:46%;height:1px;}
.m31 .items ul li:nth-child(3) .line:after{left:146%;top:50%;width:1px;height:200%;}
.m31 .items ul li:nth-child(4) .line:before{left:50%;bottom:100%;width:1px;height:18%;}
.m31 .items ul li:nth-child(4) .line:after{left:50%;bottom:118%;width:80%;height:1px;}
.m31 .items ul li:nth-child(5) .line:before{right:100%;top:50%;width:53%;height:1px;}
.m31 .items ul li:nth-child(5) .line:after{right:153%;top:50%;width:1px;height:240%;}
.m31 .items ul li:nth-child(6) .line:before{right:100%;top:50%;width:24%;height:1px;}
.m31 .items ul li:nth-child(6) .line:after{right:124%;top:50%;width:1px;height:150%;}
.m31 .items ul li:nth-child(7) .line:before{left:18%;top:100%;width:1px;height:136%;}
.m31 .items ul li:nth-child(7) .line:after{right:82%;top:236%;width:70%;height:1px;}

.m31 .items ul li .img{width:159px;border-right:1px solid #666;}
.m31 .items ul li .info{
	box-sizing:border-box;
	width:calc(100% - 159px);
	padding:0 30px;
	
}
.m31 .items ul li .info{}
.m31 .items ul li .info .name{margin-bottom:10px;font-size:19px;color:#fff;font-weight:700;}
.m31 .items ul li .info dl{display:flex;margin-bottom:8px;}
.m31 .items ul li .info dl:last-child{margin-bottom:0;}
.m31 .items ul li .info dl dt{width:48px;font-size:15px;color:#fff;}
.m31 .items ul li .info dl.type2 dt{width:100%;}
.m31 .items ul li .info dl dd{width:calc(100% - 48px);font-size:15px;color:rgba(255,255,255,0.6);}


.m31 .widthScroll{  
  overflow: hidden;
  position:relative;
  display: flex;
  height: 100vh;
  left:0;
  padding-top:calc(100px + 132px);
}
.m31 .widthScroll .category{
	position:absolute;left:0;top:100px;z-index:100;
	width:100vw;
	background:#fff;
	box-shadow:0 -1px 0 #ddd inset;
	transition:all 0.6s
}
.m31 .widthScroll .category.nav-up{top:0 !important;}
.m31 .widthScroll .category.nav-down{top:100px !important;}
.m31 .widthScroll .category>div{position:relative;}
.m31 .widthScroll .category ul{display:flex;}
.m31 .widthScroll .category ul li{margin-right:40px;}
.m31 .widthScroll .category ul li a{
	display:flex;align-items:center;justify-content:center;
	height:78px;
	position:relative;
	font-size:16px;color:#000;
}
.m31 .widthScroll .category ul li.on a{color:#0fa7bc;font-weight:600;}
.m31 .widthScroll .category .line{
	position:absolute;left:0;bottom:0;
	height:5px;
	background:#0fa7bc;
	transition:all 0.4s ease-in-out;
}
.m31 .widthScroll .conwrap{}
.m31 .widthScroll .conwrap .section{
	position:relative;
	box-sizing:border-box;
	width:96vw;padding:100px 0;
	text-align:center;
}
.m31 .widthScroll .conwrap .section:nth-child(1){}
.m31 .widthScroll .conwrap .section:nth-child(2){padding-top:0;}
.m31 .widthScroll .conwrap .section:nth-child(3){}
.m31 .widthScroll .conwrap .section:nth-child(4){padding-top:0;}
.m31 .widthScroll .conwrap .section>div:nth-child(1){max-width:1400px;width:90%;margin:0 auto;}
.m31 .widthScroll .conwrap .section .prd_tabs{
	display:flex;
	width:100%;
	margin-bottom:40px;
	transition:opacity 0.6s;
}
.m31 .widthScroll .conwrap .section .prd_tabs>li{}
.m31 .widthScroll .conwrap .section .prd_tabs>li>a{
	display:flex;align-items:center;justify-content:center;
	height:50px;
	padding:0 12px;
	font-size:14px;color:#a9a9a9;font-weight:600;
	border-radius:25px;
}
.m31 .widthScroll .conwrap .section .prd_tabs>li.on>a{background:#0fa7bc;color:#fff;}

.m31 .widthScroll .conwrap .section .swiper-container{width:100%;}
.m31 .widthScroll .conwrap .section .pprev{
	position:absolute;left:0%;top:370px;z-index:10;
	width:36px;height:66px;
	margin-top:-33px;
	border:1px solid #ccc;
	background:#ccc url(/images/page/m31_prev.png) no-repeat center;
	cursor:pointer;
}
.m31 .widthScroll .conwrap .section .pnext{
	position:absolute;right:0;top:370px;z-index:10;
	width:36px;height:66px;
	margin-top:-33px;
	border:1px solid #ccc;
	background:#ccc url(/images/page/m31_next.png) no-repeat center;
	cursor:pointer;
}

.m31 .widthScroll .conwrap .section .prd{}
.m31 .widthScroll .conwrap .section .prd .img{
	overflow:hidden;
	width:100%;margin-bottom:40px;
	border:1px solid #ddd;border-radius:10px;
}
.m31 .widthScroll .conwrap .section .prd .info{
	width:100%;
	text-align:left;
}
.m31 .widthScroll .conwrap .section .prd .info .cate{font-size:16px;color:#000;font-weight:700;}
.m31 .widthScroll .conwrap .section .prd .info .model{margin:10px 0 40px;font-size:30px;color:#000;font-weight:700;}
.m31 .widthScroll .conwrap .section .prd .info .spec{}
.m31 .widthScroll .conwrap .section .prd .info .spec .tit{
	padding-bottom:10px;margin-bottom:20px;
	font-size:20px;color:#0fa7bc;font-weight:700;
	border-bottom:1px solid #ddd;
}
.m31 .widthScroll .conwrap .section .prd .info .spec dl{display:flex;margin-bottom:10px;}
.m31 .widthScroll .conwrap .section .prd .info .spec dl:last-child{margin-bottom:0;}
.m31 .widthScroll .conwrap .section .prd .info .spec dl dt{width:80px;font-size:16px;color:#333;font-weight:600;}
.m31 .widthScroll .conwrap .section .prd .info .spec dl dd{width:calc(100% - 80px);font-size:16px;color:#666;}

.m31 .widthScroll .conwrap .section .sec1_con{}
.m31 .widthScroll .conwrap .section .sec1_con>div{}
.m31 .widthScroll .conwrap .section .sec1_con>div:nth-child(1){width:100%;}
.m31 .widthScroll .conwrap .section .sec1_con>div:nth-child(2){width:100%;}
.m31 .widthScroll .conwrap .section .sec1_con>div .toparea{
	padding-bottom:40px;
	border-bottom:1px solid #ddd;
	text-align:left;
}

.m31 .widthScroll .conwrap .section .sec1_con>div .tit{
	margin-bottom:21px;padding-top:10px;
	font-size:22px;color:#000;font-weight:700;
}
.m31 .widthScroll .conwrap .section .table{overflow:hidden;overflow-x:auto;width:100%;}
.m31 .widthScroll .conwrap .section .table table{width:768px;border-collapse:collapse;}
.m31 .widthScroll .conwrap .section .table table th{
	padding:24px 0;
	border:1px solid #ddd;
	background:#f8f8f8;
	font-size:16px;color:#555;text-align:center;
}
.m31 .widthScroll .conwrap .section .table table td{
	padding:24px 0;
	border:1px solid #ddd;
	font-size:16px;color:#555;text-align:center;
}
.m31 .widthScroll .conwrap .section .table table th:first-child,
.m31 .widthScroll .conwrap .section .table table td:first-child{border-left:0;}
.m31 .widthScroll .conwrap .section .table table th:last-child,
.m31 .widthScroll .conwrap .section .table table td:last-child{border-right:0;}

.m31 .widthScroll .conwrap .section .sec1_con>div .btmarea{padding-top:40px;text-align:left;}
.m31 .widthScroll .conwrap .section .sec1_con>div .btmarea dl{}
.m31 .widthScroll .conwrap .section .sec1_con>div .btmarea dl dt{font-size:22px;color:#0fa7bc;font-weight:700;}
.m31 .widthScroll .conwrap .section .sec1_con>div .btmarea dl dd{margin-top:10px;font-size:18px;color:#555;line-height:1.7em;}
.m31 .widthScroll .conwrap .section .sec1_con>div .btmarea dl dd strong{color:#000;}


.m31 .widthScroll .conwrap .section .sec2_con{}
.m31 .widthScroll .conwrap .section .sec2_con>div{width:100%;margin-bottom:60px;}
.m31 .widthScroll .conwrap .section .sec2_con>div .tit{
	border-bottom:2px solid #000;
	padding-bottom:10px;margin-bottom:20px;
	font-size:24px;color:#000;font-weight:700;text-align:left;
}
.m31 .widthScroll .conwrap .section .sec2_con>div .tit strong{color:#0fa7bc;}
.m31 .widthScroll .conwrap .section .sec2_con>div .exp{
	margin-bottom:20px;
}
.m31 .widthScroll .conwrap .section .sec2_con>div .exp .img{width:100%;}
.m31 .widthScroll .conwrap .section .sec2_con>div .exp .img img{width:100%;}
.m31 .widthScroll .conwrap .section .sec2_con>div .exp dl{box-sizing:border-box;width:100%;padding:40px 0;text-align:left;word-break:keep-all;}
.m31 .widthScroll .conwrap .section .sec2_con>div .exp dl dt{font-size:22px;color:#0fa7bc;font-weight:600;}
.m31 .widthScroll .conwrap .section .sec2_con>div .exp dl dd{margin-top:10px;font-size:18px;color:#555;line-height:1.7em;}
.m31 .widthScroll .conwrap .section .sec2_con>div .table table{width:100%;}
.m31 .widthScroll .conwrap .section .sec2_con>div .table table th{padding:15px 0;}
.m31 .widthScroll .conwrap .section .sec2_con>div .table table td{padding:15px 25px;text-align:left;}
.m31 .widthScroll .conwrap .section .sec2_con>div .result{
	margin-top:30px;padding:35px;
	border:1px solid #ddd;
	border-radius:15px;
	font-size:18px;color:#555;line-height:1.8em;
}
.m31 .widthScroll .conwrap .section .sec2_con>div .result strong{font-size:22px;color:#000;}
.m31 .widthScroll .conwrap .section .sec2_con>div .result .point{color:#0fa7bc;}


.m31 .widthScroll .conwrap .section .sec3_con{}
.m31 .widthScroll .conwrap .section .sec3_con .tit{
	margin-bottom:10px;padding-bottom:10px;	
	font-size:22px;color:#000;font-weight:700;text-align:left;
}
.m31 .widthScroll .conwrap .section .sec3_con .con{	border-top:2px solid #000;}
.m31 .widthScroll .conwrap .section .sec3_con .con.type2{align-items:normal;padding:20px 0;}
.m31 .widthScroll .conwrap .section .sec3_con .con.type2 .info{
	display:flex;align-items:center;
	border-bottom:1px solid #ddd;
}
.m31 .widthScroll .conwrap .section .sec3_con .con.type2 dl{border-bottom:0 !important;}
.m31 .widthScroll .conwrap .section .sec3_con .con .info{width:100%;margin-bottom:60px;}
.m31 .widthScroll .conwrap .section .sec3_con .con .info dl{
	position:relative;
	padding:30px 25px 30px 125px;
	border-bottom:1px solid #ddd;
	text-align:left;
}
.m31 .widthScroll .conwrap .section .sec3_con .con .info dl:nth-child(1){
	background:url(/images/page/m31_prd_sec3_icon1.gif) no-repeat left center;
}
.m31 .widthScroll .conwrap .section .sec3_con .con .info dl:nth-child(2){
	background:url(/images/page/m31_prd_sec3_icon2.gif) no-repeat left center;
}
.m31 .widthScroll .conwrap .section .sec3_con .con .info dl:nth-child(3){
	background:url(/images/page/m31_prd_sec3_icon3.gif) no-repeat left center;
}

.m31 .widthScroll .conwrap .section .sec3_con .con .info dl.icon1:nth-child(1){
	background:url(/images/page/m31_prd_sec4_icon1.gif) no-repeat left center;
}
.m31 .widthScroll .conwrap .section .sec3_con .con .info dl.icon2:nth-child(2){
	background:url(/images/page/m31_prd_sec4_icon2.gif) no-repeat left center;
}
.m31 .widthScroll .conwrap .section .sec3_con .con .info dl.icon3:nth-child(3){
	background:url(/images/page/m31_prd_sec4_icon3.gif) no-repeat left center;
}
.m31 .widthScroll .conwrap .section .sec3_con .con .info dl.icon4{
	background:url(/images/page/m31_prd_sec3_icon4.gif) no-repeat left center;
}
.m31 .widthScroll .conwrap .section .sec3_con .con .info dl dt{font-size:22px;color:#0fa7bc;font-weight:700;}
.m31 .widthScroll .conwrap .section .sec3_con .con .info dl dd{margin-top:10px;font-size:18px;color:#555;line-height:1.6em;}
.m31 .widthScroll .conwrap .section .sec3_con .con .info dl dd strong{color:#000;}


.m31 .widthScroll .conwrap .section .sec4_con>div:nth-child(2) .tit{margin:0;}
.m31 .widthScroll .conwrap .section .sec4_con .con{}
.m31 .widthScroll .conwrap .section .sec4_con .con dl{
	position:relative;
	padding:30px 25px 30px 125px;
	border-bottom:1px solid #ddd;
	text-align:left;
}
.m31 .widthScroll .conwrap .section .sec4_con .con dl:nth-child(1){
	background:url(/images/page/m31_prd_sec4_icon1.gif) no-repeat left center;
}
.m31 .widthScroll .conwrap .section .sec4_con .con dl:nth-child(2){
	background:url(/images/page/m31_prd_sec4_icon2.gif) no-repeat left center;
}
.m31 .widthScroll .conwrap .section .sec4_con .con dl:nth-child(3){
	background:url(/images/page/m31_prd_sec4_icon3.gif) no-repeat left center;
}
.m31 .widthScroll .conwrap .section .sec4_con .con dl:nth-child(4){
	background:url(/images/page/m31_prd_sec4_icon4.gif) no-repeat left center;
}
.m31 .widthScroll .conwrap .section .sec4_con .con dl dt{font-size:22px;color:#000;font-weight:700;}
.m31 .widthScroll .conwrap .section .sec4_con .con dl dd{margin-top:10px;font-size:18px;color:#555;line-height:1.6em;}



.m31 .widthScroll .conwrap .section .sec3_con .sec4_character1{
	padding:20px 0;
	align-items:flex-start;
}
.m31 .widthScroll .conwrap .section .sec3_con .sec4_character1 .img{margin-top:60px;}
.m31 .widthScroll .conwrap .section .sec3_con .sec4_character1 dl{
	margin-top:40px;padding-top:30px;
	border-top:1px solid #ddd;text-align:left;
}
.m31 .widthScroll .conwrap .section .sec3_con .sec4_character1 dl dt{font-size:22px;color:#0fa7bc;font-weight:700;}
.m31 .widthScroll .conwrap .section .sec3_con .sec4_character1 dl dd{margin-top:10px;font-size:18px;color:#555;line-height:1.6em;}
.m31 .widthScroll .conwrap .section .sec3_con .sec4_character1 dl dd strong{color:#000;}




/* m41 */
.m41{}
.m41 h3{font-size:38px;color:#000;font-weight:700;}
.m41 h3:before{
	display:block;content:"";
	width:50px;height:1px;
	background:#666;
	margin:0 0 15px;
}
.m41 .conwrap{	
	margin:200px 0 0;
	border-top:1px solid #ccc;
	background:#f9f9f9;
}
.m41 .conwrap .innerwrap{position:relative;padding:140px 0;}
.m41_tabs{
	display:flex;
	position:absolute;left:0;bottom:100%;
	padding-bottom:30px;
}
.m41_tabs li{position:relative;margin-right:100px;}
.m41_tabs li:after{
	display:block;content:"";
	width:11px;height:11px;
	background:#0fa7bc;border-radius:50%;
	position:absolute;left:50%;top:100%;
	transform:translate(-50%,24px);
	opacity:0;
}
.m41_tabs li a{font-size:18px;color:#000;font-weight:600;}
.m41_tabs li.on:after{opacity:1;}
.m41_tabs li.on a{color:#0fa7bc;}
.m41_tabs li.on a span{border-bottom:2px solid #0fa7bc;}
.m41 .titlearea{}
.m41 .titlearea h4{margin-bottom:30px;font-size:28px;color:#000;font-weight:600;}
.m41 .titlearea .searchwrap{}
.searchwrap{
	overflow:hidden;
	display:flex;align-items:center;
	width:100%;height:60px;
	border:1px solid #ccc;
	border-radius:15px;
}
.searchwrap input{
	box-sizing:border-box;
	width:calc(100% - 100px);height:100%;
	padding:0 65px 0 20px;
	background:#fff url(/images/page/search_icon.png) no-repeat calc(100% - 20px) center;
	border:0;outline:0;
	font-size:16px;
}
.searchwrap input::placeholder{color:#ccc;}
.searchwrap button{
	width:100px;height:100%;
	border-radius:15px;
	background:#000;border:0;
	font-size:17px;color:#fff;font-weight:600;
}
.m41 .cate{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;margin:100px 0 45px;}
.m41 .cate:before{
	display:block;content:"";
	width:1px;height:40px;
	background:#ccc;
	position:absolute;left:0;top:25px;
}
.m41 .cate:after{
	display:block;content:"";
	width:1px;height:40px;
	background:#ccc;
	position:absolute;left:0;bottom:45px;
}
.m41 .cate li{
	position:relative;
	width:33.333%;
	margin-bottom:20px;
	text-align:center;
}
.m41 .cate li:after{
	display:block;content:"";
	width:1px;height:40px;
	background:#ccc;
	position:absolute;right:0;top:50%;
	margin-top:-20px;
}
.m41 .cate li .icon{height:55px;}
.m41 .cate li:nth-child(1) .icon{background:url(/images/page/m41_t1_cate1.png) no-repeat center;background-size:auto 70%;}
.m41 .cate li:nth-child(2) .icon{background:url(/images/page/m41_t1_cate2.png) no-repeat center;background-size:auto 70%;}
.m41 .cate li:nth-child(3) .icon{background:url(/images/page/m41_t1_cate3.png) no-repeat center;background-size:auto 70%;}
.m41 .cate li:nth-child(4) .icon{background:url(/images/page/m41_t1_cate4.png) no-repeat center;background-size:auto 70%;}
.m41 .cate li:nth-child(5) .icon{background:url(/images/page/m41_t1_cate5.png) no-repeat center;background-size:auto 70%;}
.m41 .cate li:nth-child(6) .icon{background:url(/images/page/m41_t1_cate6.png) no-repeat center;background-size:auto 70%;}
.m41 .cate li.on:nth-child(1) .icon{background:url(/images/page/m41_t1_cate1_hover.png) no-repeat center;background-size:auto 70%;}
.m41 .cate li.on:nth-child(2) .icon{background:url(/images/page/m41_t1_cate2_hover.png) no-repeat center;background-size:auto 70%;}
.m41 .cate li.on:nth-child(3) .icon{background:url(/images/page/m41_t1_cate3_hover.png) no-repeat center;background-size:auto 70%;}
.m41 .cate li.on:nth-child(4) .icon{background:url(/images/page/m41_t1_cate4_hover.png) no-repeat center;background-size:auto 70%;}
.m41 .cate li.on:nth-child(5) .icon{background:url(/images/page/m41_t1_cate5_hover.png) no-repeat center;background-size:auto 70%;}
.m41 .cate li.on:nth-child(6) .icon{background:url(/images/page/m41_t1_cate6_hover.png) no-repeat center;background-size:auto 70%;}
.m41 .cate li .tit{
	padding-top:10px;
	font-size:17px;color:#a9a9a9;font-weight:600;
}
.m41 .cate li.on .tit{color:#0fa7bc;}


.m41 .mapwrap{
	margin:120px 0 100px;
	padding:80px 7%;
	background:#fff;
}
.m41 .mapwrap .mapimg{position:relative;width:100%;text-align:center;}
.m41 .mapwrap .mapimg ul{transform:translateX(20px)}
.m41 .mapwrap .mapimg ul li{position:absolute;left:53px;top:0;opacity:0;transition:0.4s;}
.m41 .mapwrap .mapimg ul li:first-child{position:static;transform:translateX(0px);}
.m41 .mapwrap .mapimg ul li.on{opacity:1;}
.m41 .mapwrap .mapimg .pointList .point{
	display:block;
	width:60px;height:32px;
	border-radius:18px;
	background:transparent;	
	position:absolute;
}
.m41 .mapwrap .mapimg .pointList .point:nth-child(1){left:323px;top:112px;}/* 강원 */
.m41 .mapwrap .mapimg .pointList .point:nth-child(2){left:201px;top:180px;}/* 경기 */
.m41 .mapwrap .mapimg .pointList .point:nth-child(3){left:310px;top:445px;}/* 경남 */
.m41 .mapwrap .mapimg .pointList .point:nth-child(4){left:385px;top:277px;}/* 경북 */
.m41 .mapwrap .mapimg .pointList .point:nth-child(5){left:176px;top:464px;}/* 광주 */
.m41 .mapwrap .mapimg .pointList .point:nth-child(6){left:354px;top:362px;}/* 대구 */
.m41 .mapwrap .mapimg .pointList .point:nth-child(7){left:235px;top:318px;}/* 대전 */
.m41 .mapwrap .mapimg .pointList .point:nth-child(8){left:394px;top:461px;}/* 부산 */
.m41 .mapwrap .mapimg .pointList .point:nth-child(9){left:178px;top:119px;}/* 서울 */
.m41 .mapwrap .mapimg .pointList .point:nth-child(10){left:225px;top:275px;}/* 세종 */
.m41 .mapwrap .mapimg .pointList .point:nth-child(11){left:116px;top:148px;}/* 인천 */
.m41 .mapwrap .mapimg .pointList .point:nth-child(12){left:407px;top:417px;}/* 울산 */
.m41 .mapwrap .mapimg .pointList .point:nth-child(13){left:156px;top:518px;}/* 전남 */
.m41 .mapwrap .mapimg .pointList .point:nth-child(14){left:190px;top:392px;}/* 전북 */
.m41 .mapwrap .mapimg .pointList .point:nth-child(15){left:153px;top:287px;}/* 충남 */
.m41 .mapwrap .mapimg .pointList .point:nth-child(16){left:265px;top:227px;}/* 충북 */
.m41 .mapwrap .mapimg .pointList .point:nth-child(17){left:161px;top:656px;}/* 제주 */
.m41 .mapwrap .mapchk{
	box-sizing:border-box;
	width:100%;
	padding:55px 5%;margin-top:50px;
	background:#f9f9f9;
	border-radius:15px;
}
.m41 .mapwrap .mapchk .all{
	padding-bottom:15px;margin-bottom:15px;
	border-bottom:1px solid #ccc;
}
.m41 .mapwrap .mapchk .arealist{display:flex;flex-wrap:wrap;}
.m41 .mapwrap .mapchk .arealist label{width:30%;}
.m41 .mapwrap .mapchk input{display:none;}
.m41 .mapwrap .mapchk input + label{
	position:relative;
	box-sizing:border-box;
	display:block;vertical-align:top;
	padding-left:30px;margin:20px 0;
	font-size:18px;color:#666;
}
.m41 .mapwrap .mapchk input + label:before{
	display:block;content:"";
	width:20px;height:20px;
	box-sizing:border-box;
	border:1px solid #ccc;border-radius:5px;
	position:absolute;left:0;top:2px;
}
.m41 .mapwrap .mapchk input:checked + label:before{
	border:1px solid #0fa7bc;
	background:#0fa7bc url(/images/page/m41_t2_chk.png) no-repeat center;
}


.m41 .lists{}
.m41 .lists>ul{display:flex;flex-wrap:wrap;}
.m41 .lists>ul>li{
	overflow:hidden;
	width:100%;
	margin-bottom:25px;
	border-radius:20px;
}
.m41 .lists>ul>li:nth-child(3n){margin-right:0;}
.m41 .lists>ul>li>a{
	display:block;
	position:relative;
	width:100%;height:100%;
}
.m41 .lists>ul>li>a:after{
	display:block;content:"";
	width:100%;height:100%;
	position:absolute;left:0;top:0;
	background: linear-gradient(to bottom, rgba(15,167,188,0) 40%, rgba(15,167,188,1));
	opacity:0;transform:scaleY(0);transform-origin:bottom;
	transition:all 0.6s;
}
.m41 .lists>ul>li>a .thumb{}
.m41 .lists>ul>li>a .thumb img{transform:scale(1);transition:all 0.6s;}
.m41 .lists>ul>li:hover>a .thumb img{transform:scale(1.05);}
.m41 .lists>ul>li>a .info{
	position:absolute;left:0;bottom:0;z-index:10;
	padding:20px;
	transition:all 0.6s;
}
.m41 .lists>ul>li:hover>a .info{padding-bottom:40px;}
.m41 .lists>ul>li>a .info .area{font-size:14px;color:#fff;}
.m41 .lists>ul>li>a .info .tit{font-size:18px;color:#fff;}
.m41 .lists>ul>li:hover>a:after{opacity:1;transform:scaleY(1);}



/* paging */
.paging{
	margin-top:60px;
	text-align:center;
}
.paging a{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:32px;height:32px;
	border-radius:50%;
	color:#555;font-size:16px;line-height:32px;
}
.paging strong{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:32px;height:32px;
	border-radius:50%;
	background:#000;
	color:#fff;font-size:16px;line-height:32px;font-weight:600;
}
.paging .page_begin{
	width:32px;height:32px;
	background:url(/images/common/page_begin.png) no-repeat center;
	border:0;
}
.paging .page_prev{
	width:32px;height:32px;
	background:url(/images/common/page_prev.png) no-repeat center;
	border:0;margin-right:20px;
}
.paging .page_next{
	width:32px;height:32px;
	background:url(/images/common/page_next.png) no-repeat center;
	border:0;margin-left:20px;
}
.paging .page_end{
	width:32px;height:32px;
	background:url(/images/common/page_end.png) no-repeat center;
	border:0;
}



.m41_visual{position:relative;width:100%;height:100vh;}
.m41_visual .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m41_visual .info{
	position:absolute;left:0;bottom:0;
	width:100%;
	padding:65px 0;
	background:rgba(0,0,0,0.4);
}
.m41_visual .info .area{margin-bottom:25px;font-size:20px;color:#fff;font-weight:700;}
.m41_visual .info .tit{font-size:34px;color:#fff;font-weight:700;}

.m41_view{padding:0 0 200px;}
.m41_view .conwrap{}
.m41_view .conwrap .titlearea{display:block;}
.m41_view .conwrap .titlearea .area{margin-bottom:25px;font-size:23px;color:#000;font-weight:700;}
.m41_view .conwrap .titlearea .tit{font-size:44px;color:#000;font-weight:700;}
.m41_view .conwrap h5{margin:0 0 20px;font-size:33px;color:#0fa7bc;font-weight:700;}
.m41_view .conwrap .project_info{border-top:3px solid #000;border-bottom:1px solid #ccc;}
.m41_view .conwrap .project_info dl{
	display:flex;
	box-sizing:border-box;
	width:100%;
	padding:20px;
	border-bottom:1px solid #ccc;
}
.m41_view .conwrap .project_info dl:last-child{border-bottom:0;}
.m41_view .conwrap .project_info dl dt{
	position:relative;
	box-sizing:border-box;
	width:160px;
	padding-left:15px;
	font-size:17px;color:#000;font-weight:600;
}
.m41_view .conwrap .project_info dl dt:before{
	display:block;content:"";
	box-sizing:border-box;
	width:7px;height:7px;
	border:2px solid #36b5c7;border-radius:50%;
	position:absolute;left:0;top:7px;
}
.m41_view .conwrap .project_info dl dd{
	width:calc(100% - 160px);
	font-size:17px;color:#555;
}
.m41_view .conwrap .imgs{margin:70px 0 0;border-bottom:1px solid #ccc;}
.m41_view .conwrap .imgs ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m41_view .conwrap .imgs ul li{
	overflow:hidden;
	position:relative;
	width:49%;
	border-radius:25px;margin-bottom:2%;
	display:none;
}
.m41_view .conwrap .imgs ul li.visible{display:block;}
.m41_view .conwrap .imgs ul li a{
	position:relative;
	display:block;
	padding:37.5% 0;
}
.m41_view .conwrap .imgs ul li a:after{
	display:block;content:"";
	width:100%;height:100%;
	position:absolute;left:0;top:0;
	background: linear-gradient(to bottom, rgba(15,167,188,0) 40%, rgba(15,167,188,1));
	opacity:0;transform:scaleY(0);transform-origin:bottom;
	transition:all 0.6s;	
}
.m41_view .conwrap .imgs ul li:hover a:after{opacity:1;transform:scaleY(1);}
.m41_view .conwrap .imgs ul li a>img{
	position:absolute;left:0;top:0;
	width:100%;
}
.m41_view .conwrap .imgs ul li a .more{
	position:absolute;left:0;top:50%;z-index:10;
	transform:translate(0,-50%);
	width:100%;text-align:center;
	font-size:12px;color:#fff;
	opacity:0;transition:all 0.6s 0.1s;
}
.m41_view .conwrap .imgs ul li:hover a .more{opacity:1;}
.m41_view .conwrap .imgs ul li a .more img{margin-bottom:10px;}
.m41_view .conwrap .viewmore{
	display:block;
	box-sizing:border-box;
	width:220px;height:56px;
	margin:70px auto;
	border:1px solid #ccc;border-radius:28px;
	text-align:center;line-height:54px;
}
.m41_view .conwrap .viewmore span{font-family:"Nunito Sans";font-size:12px;color:#000;font-weight:700;}
.m41_view .btn_list{}
.m41_view .btn_list a{
	display:flex;align-items:center;justify-content:center;
	width:220px;height:52px;
	margin:100px auto 0;
	background:#000;
	border-radius:50px;
	font-size:12px;color:#fff;font-weight:500;
}
.m41_view .btn_list a i{
	display:inline-block;
	width:12px;height:9px;
	margin:0 0 0 10px;
	background:url(/images/page/btn_list.png) no-repeat;
}



#bgBlack{
	display:none;
	position:fixed;left:0;top:0;z-index:3000;
	width:100%;height:100%;
	background:rgba(0,0,0,0.7);
}
.layerpop{
	display:none;
	position:fixed;left:3%;top:50%;z-index:4000;
	width:94%;
	transform:translate(0,-50%);
}
.layerpop .btnx{
	display:block;
	position:absolute;right:0%;top:-76px;
	box-sizing:border-box;
	width:56px;height:56px;
	background:url(/images/page/btn_x.png) no-repeat center;
	border:1px solid rgba(255,255,255,0.4);
	border-radius:50%;
	margin-left:20px;
}
.layerpop .layergall{position:relative;width:100%;overflow:hidden;}
.layerpop .layergall img{width:100%;height:auto !important;border-radius:25px;}
.layerpop .layergall .gall_prev{
	cursor:pointer;
	box-sizing:border-box;
	width:60px;height:60px;
	border:1px solid rgba(255,255,255,0.4);
	border-radius:50%;
	background:url(/images/page/m41_view_pop_prev.png) no-repeat center;
	position:absolute;left:0;top:50%;z-index:1000;
	margin:-30px 0 0 0;
}
.layerpop .layergall .gall_next{
	cursor:pointer;
	box-sizing:border-box;
	width:60px;height:60px;
	border:1px solid rgba(255,255,255,0.4);
	border-radius:50%;
	background:url(/images/page/m41_view_pop_next.png) no-repeat center;
	position:absolute;right:0;top:50%;z-index:1000;
	margin:-30px 0 0 0;
}





/* m53 */
.pn5 .pageTop{margin:100px 0 0;}
.m53{}
.m53 .sec1{padding:0 0 160px;}
.m53 .sec1 h2{font-size:23px;color:#000;font-weight:600;text-align:center;}
.m53 .sec1 h2 span{position:relative;}
.m53 .sec1 h2 span:before{
	display:block;content:"";
	width:11px;height:11px;
	background:#0fa7bc;
	border-radius:50%;
	position:absolute;right:100%;top:9px;
	margin-right:10px;
}
.m53 .sec1 h3{margin:30px 0 90px;font-size:34px;color:#000;font-weight:700;text-align:center;}
.m53 .sec1 h3 strong{color:#0fa7bc;}
.m53 .sec1 ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m53 .sec1 ul li{
	overflow:hidden;
	position:relative;	
	width:100%;height:200px;margin-bottom:10px;
	border-radius:20px;
	text-align:center;
}
.m53 .sec1 ul li>a{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100%;
}
.m53 .sec1 ul li .bg{
	position:absolute;left:0;top:0;z-index:-1;
	width:100%;height:100%;
}
.m53 .sec1 ul li:nth-child(1) .bg{background:url(/images/page/m53_sec1_bg1.jpg) no-repeat center;background-size:cover;}
.m53 .sec1 ul li:nth-child(2) .bg{background:url(/images/page/m53_sec1_bg2.jpg) no-repeat center;background-size:cover;}
.m53 .sec1 ul li:nth-child(3) .bg{background:url(/images/page/m53_sec1_bg3.jpg) no-repeat center;background-size:cover;}
.m53 .sec1 ul li .txts{position:relative;z-index:10;}
.m53 .sec1 ul li .icon{margin-bottom:15px;}
.m53 .sec1 ul li .tit{font-size:24px;color:#fff;font-weight:700;}
.m53 .sec1 ul li .hover{
	position:absolute;left:0;top:0;z-index:5;
	width:100%;height:100%;
	opacity:0;
	transition:all 0.6s;
}
.m53 .sec1 ul li:hover .hover{opacity:1;}
.m53 .sec1 ul li:nth-child(1) .hover{background:url(/images/page/m53_sec1_bg1_hover.jpg) no-repeat center;background-size:cover;}
.m53 .sec1 ul li:nth-child(2) .hover{background:url(/images/page/m53_sec1_bg1_hover.jpg) no-repeat center;background-size:cover;}
.m53 .sec1 ul li:nth-child(3) .hover{background:url(/images/page/m53_sec1_bg1_hover.jpg) no-repeat center;background-size:cover;}

.m53 .sec2{
	position:relative;padding:120px 0 200px;background:#f9f9f9;
	border-top:1px solid #ccc;
}
.m53 .sec2 .innerwrap{position:relative;}
.m53 .sec2 h3{font-size:30px;color:#000;font-weight:600;}
.m53 .sec2 h3:before{
	display:block;content:"";
	width:50px;height:1px;
	background:#444;
	margin:0 0 15px;
}
.m53 .sec2 .m53_tabs{
	position:absolute;left:0;bottom:100%;
	display:flex;
	margin-bottom:calc(120px + 29px);
}
.m53 .sec2 .m53_tabs>li{position:relative;margin-right:50px;}
.m53 .sec2 .m53_tabs>li:after{
	display:block;content:"";
	width:11px;height:11px;
	background:#0fa7bc;
	border-radius:50%;
	position:absolute;left:50%;top:100%;
	transform:translateX(-50%);margin-top:23px;
	opacity:0;
}
.m53 .sec2 .m53_tabs>li>a{
	font-size:23px;color:#000;font-weight:600;
}
.m53 .sec2 .m53_tabs>li.on>a{color:#0fa7bc;}
.m53 .sec2 .m53_tabs>li.on:after{opacity:1;}

.m53 .sec2 .tab1{padding:0 5%;}
.m53 .sec2 .tab1 .slg{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	border-radius:20px;
	width:100%;height:412px;
	margin:120px 0;padding:0 5%;
	background:url(/images/page/m53_tab1_bg1.jpg) no-repeat;
	background-size:cover;
	font-size:21px;color:#fff;font-weight:600;text-align:center;
}

.m53 .sec2 .tab2{padding:0 5%;}
.m53 .sec2 .tab2 .slg{
	overflow:hidden;
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:center;
	border-radius:20px;
	width:100%;height:412px;
	margin:120px 0;padding:0 5%;
	background:url(/images/page/m53_tab2_bg1.jpg) no-repeat;
	background-size:cover;
	font-size:23px;color:#fff;font-weight:600;text-align:center;
}
.m53 .sec2 .formwrap{width:100%;}
.m53 .sec2 .formwrap .inputwrap{
	width:100%;
	margin-bottom:10px;
}
.m53 .sec2 .formwrap .inputwrap .box{
	display:flex;align-items:center;flex-wrap:wrap;
	box-sizing:border-box;
	width:100%;margin-bottom:10px;
}
.m53 .sec2 .formwrap .inputwrap .box.w100{width:100%;}
.m53 .sec2 .formwrap .inputwrap .box .tit{
	width:120px;
	font-size:17px;color:#000;font-weight:700;
}
.m53 .sec2 .formwrap .inputwrap .box.vtop{align-items:flex-start;}
.m53 .sec2 .formwrap .inputwrap .box.vtop .tit{padding-top:15px;}
.m53 .sec2 .formwrap .inputwrap .box .tit .req{color:#30adc0;}
.m53 .sec2 .formwrap .inputwrap .box .input{width:calc(100% - 120px);}
.m53 .sec2 .formwrap .inputwrap .box .input input[type="text"],
.m53 .sec2 .formwrap .inputwrap .box .input input[type="email"],
.m53 .sec2 .formwrap .inputwrap .box .input input[type="tel"]{
	box-sizing:border-box;
	width:100%;height:50px;
	padding:0 20px;
	background:#fff;
	border:0;outline:0;border-radius:10px;
	font-size:16px;color:#555;
}
.m53 .sec2 .formwrap .inputwrap .box .input input::placeholder{color:#ccc;}
.m53 .sec2 .formwrap .inputwrap .box .input input[type="radio"]{display:none;}
.m53 .sec2 .formwrap .inputwrap .box .input input[type="radio"] + label{
	position:relative;
	padding-left:40px;margin-right:45px;
	font-size:16px;color:#ccc;
}
.m53 .sec2 .formwrap .inputwrap .box .input input[type="radio"] + label:last-child{margin-right:0;}
.m53 .sec2 .formwrap .inputwrap .box .input input[type="radio"] + label:before{
	display:block;content:"";
	width:25px;height:25px;
	box-sizing:border-box;
	border:1px solid #ccc;background:#fff;border-radius:50%;
	position:absolute;left:0;top:-3px;
}
.m53 .sec2 .formwrap .inputwrap .box .input input[type="radio"]:checked + label{color:#555;}
.m53 .sec2 .formwrap .inputwrap .box .input input[type="radio"]:checked + label:before{
	border:1px solid #0fa7bc;background:#fff url(/images/page/icon_chk.png) no-repeat center;
}
.m53 .sec2 .formwrap .inputwrap .box .input select{
	box-sizing:border-box;
	width:100%;height:50px;
	padding:0 20px;
	background:#fff url(/images/page/sel_arr.png) no-repeat calc(100% - 20px) center;
	border:0;outline:0;border-radius:10px;
	font-size:16px;color:#555;	
	appearance: none;
}
select::-ms-expand { 
	display: none;
}
.m53 .sec2 .formwrap .inputwrap .box .input textarea{
	box-sizing:border-box;
	width:100%;height:140px;
	padding:20px;
	background:#fff;
	border:0;outline:0;resize:none;
	border-radius:10px;
	font-size:16px;color:#555;	
}
.m53 .sec2 .formwrap .inputwrap .box .input textarea::placeholder{color:#ccc;}
.m53 .sec2 .formwrap .inputwrap .mt15{margin-top:15px;}
.m53 .sec2 .formwrap .inputwrap .box .input.btn{display:flex;width:calc(100% - 120px);}
.m53 .sec2 .formwrap .inputwrap .box .input.btn input{width:calc(100% - 120px);border-radius:10px 0 0 10px;}
.m53 .sec2 .formwrap .inputwrap .box .input.btn button{
	width:120px;height:50px;
	background:#000;
	font-size:16px;color:#fff;
	border:0;outline:0;border-radius:10px;
}
.m53 .sec2 .formwrap .inputwrap .box .input.half{display:flex;justify-content:space-between;}
.m53 .sec2 .formwrap .inputwrap .box .input.half input{width:48%;}
.m53 .sec2 .formwrap .inputwrap .box .input.half select{width:48%;}
.m53 .sec2 .formwrap .inputwrap .box .input .file{display:flex;flex-wrap:wrap;justify-content:space-between;width:90%;}
.m53 .sec2 .formwrap .inputwrap .box .input .file .filewrap{
	display:flex;align-items:center;
	width:100%;
	margin-top:15px;
	background:#fff;
	overflow:hidden;
	border-radius:10px;
}
.m53 .sec2 .formwrap .inputwrap .box .input .file .filewrap:nth-child(1),
.m53 .sec2 .formwrap .inputwrap .box .input .file .filewrap:nth-child(2){margin:0;}
.m53 .sec2 .formwrap .inputwrap .box .input .file .filewrap .btn{width:60px;text-align:center;}
.m53 .sec2 .formwrap .inputwrap .box .input .file .filewrap .filebox{display:flex;width:calc(100% - 60px);}
.m53 .sec2 .formwrap .inputwrap .box .input .file .filewrap .filebox input.upload-hidden{display:none;}
.m53 .sec2 .formwrap .inputwrap .box .input .file .filewrap .filebox input.upload-name{
	width:calc(100% - 120px);
	border:0;outline:0;
	background:#fff;
}
.m53 .sec2 .formwrap .inputwrap .box .input .file .filewrap .filebox input + label{
    display:block;
	width:120px;height:50px;
	background:#000;
	font-size:16px;color:#fff;text-align:center;line-height:50px;
	border:0;outline:0;border-radius:10px;
}
.m53 .sec2 .formwrap .inputwrap .box .input .tip{
	margin-top:20px;
	font-size:16px;color:#555;line-height:1.7em;
}
.m53 .sec2 .formwrap .inputwrap .box .input .tip span{color:#0fa7bc;}

.m53 .sec2 .formwrap .agreewrap{
	border-top:1px solid #ccc;border-bottom:1px solid #ddd;
}
.m53 .sec2 .formwrap .agreewrap .btns{display:flex;justify-content:space-between;padding:35px 0;}
.m53 .sec2 .formwrap .agreewrap .btns>div{}
.m53 .sec2 .formwrap .agreewrap .btns>div input{display:none;}
.m53 .sec2 .formwrap .agreewrap .btns>div input + label{
	position:relative;
	padding-left:40px;
	font-size:17px;color:#000;font-weight:700;
}
.m53 .sec2 .formwrap .agreewrap .btns>div input + label:before{
	display:block;content:"";
	width:28px;height:28px;
	box-sizing:border-box;
	border:1px solid #ccc;background:#fff;border-radius:50%;
	position:absolute;left:0;top:-3px;
}
.m53 .sec2 .formwrap .agreewrap .btns>div input:checked + label:before{
	border:1px solid #0fa7bc;
	background:url(/images/page/icon_chk2.png) no-repeat center;
	background-size:;
}
.m53 .sec2 .formwrap .agreewrap .btns>a{font-size:17px;color:#666;font-weight:600;}
.m53 .sec2 .formwrap .agreewrap .btns>a i{
	display:inline-block;vertical-align:top;
	width:23px;height:23px;
	margin:0 0 0 3px;
	background:url(/images/page/agree_arr.png) no-repeat;
	transition:all 0.4s;
}
.m53 .sec2 .formwrap .agreewrap .btns>a.on i{
	transform:rotate(180deg);
}
.m53 .sec2 .formwrap .agreewrap .txtarea{
	display:none;
	box-sizing:border-box;
	width:100%;height:270px;
	padding:20px;
	background:#fff;
}
.m53 .sec2 .formwrap .agreewrap .txtarea textarea{
	width:100%;height:100%;
	background:#fff;
	border:0;outline:0;resize:none;
	font-size:17px;line-height:1.7em;
}
.btn_inquiry{
	display:block;
	width:360px;height:70px;
	margin:50px auto 0;
	background:#000;border:0;outline:0;
	border-radius:35px;
	font-size:17px;color:#fff;font-weight:600;
}
.btn_inquiry img{margin:0 0 0 5px;}





/* m51 */
.pn5 .pageTop{margin:100px 0 0;}

.bbs .dataTop{
	position:relative;
	background:#fff;
	margin:70px 0 100px;padding:30px 15px 50px;
	border-radius:20px;
}
.bbs .dataTop .img{
	position:relative;
	width:100%;
	margin:0 auto;
}
.bbs .dataTop .img img{		
	border:1px solid #ddd;border-radius:20px;
	border-radius:20px;	
}
.bbs .dataTop .info{
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
	padding:34px 0;
}
.bbs .dataTop .info h4{font-size:16px;color:#0fa7bc;font-weight:500;}
.bbs .dataTop .info h5{margin:15px 0 30px;font-size:23px;color:#000;font-weight:700;}
.bbs .dataTop .info .down{display:flex;justify-content:space-between;}
.bbs .dataTop .info .down a{
	border-radius:27px;
	width:49%;height:54px;
	background:#000;
	font-size:17px;color:#fff;
	display:flex;align-items:center;justify-content:center;
}
.bbs .dataTop .info .down a i{
	display:inline-block;vertical-align:top;
	width:18px;height:17px;
	margin:4px 0 0 5px;
	background:url(/images/page/icon_down2.png) no-repeat;	
}

.bbs .list1{}
.bbs .list1 ul{display:flex;flex-wrap:wrap;}
.bbs .list1 ul li{
	width:100%;
	margin:0 0 2% 0;
}
.bbs .list1 ul li a{
	overflow:hidden;
	display:block;position:relative;
	box-sizing:border-box;
	width:100%;height:378px;
	border:1px solid #ddd;border-radius:20px;
	padding:0 25px;
	background:#fff;
	transition:all 0.4s;
}
.bbs .list1 ul li a .cate{padding:55px 0 30px;font-size:19px;color:#000;transition:all 0.4s;}
.bbs .list1 ul li a .tit{
	padding-right:40px;
	font-size:23px;color:#000;font-weight:600;line-height:1.4em;
	word-break:keep-all;transition:all 0.4s;
}
.bbs .list1 ul li a .down{
	position:absolute;left:25px;bottom:0;
	width:calc(100% - 50px);
	font-size:17px;color:#000;
	border-top:1px solid #ddd;
	padding:25px 0 40px;transition:all 0.4s;
}
.bbs .list1 ul li a .down i{
	display:inline-block;vertical-align:top;
	width:18px;height:17px;
	margin:4px 0 0 5px;
	background:url(/images/page/icon_down1.png) no-repeat;	transition:all 0.4s;
}

.bbs .list1 ul li:hover a{
	border:1px solid #0fa7bc;
	background:#0fa7bc;
}
.bbs .list1 ul li:hover a .cate{color:#fff;}
.bbs .list1 ul li:hover a .tit{color:#fff;}
.bbs .list1 ul li:hover a .down{color:#fff;border-top:1px solid #ddd;}
.bbs .list1 ul li:hover a .down i{
	background:url(/images/page/icon_down2.png) no-repeat;	
}



.bbs .list2{margin-top:115px;}
.bbs .list2 ul{display:flex;flex-wrap:wrap;}
.bbs .list2 ul li{
	width:100%;
	margin:0 0 4% 0;
}
.bbs .list2 ul li .thumb{position:relative;border-radius:15px;overflow:hidden;}
.bbs .list2 ul li .thumb img{width:100%;transform:scale(1.1);transition:all 1s;}
.bbs .list2 ul li .thumb:before{
	display:block;content:"";
	width:100%;height:100%;
	box-sizing:border-box;
	border:5px solid #0fa7bc;border-radius:15px;
	position:absolute;left:0;top:0;z-index:10;
	transform:scale(1.1);transition:all 0.5s;
}
.bbs .list2 ul li:hover .thumb img{transform:scale(1);transition:all 1s;}
.bbs .list2 ul li:hover .thumb:before{transform:scale(1);transition:all 1s;}
.bbs .list2 ul li .tit{
	text-overflow: ellipsis;
	overflow: hidden;
	webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	font-size:20px;color:#000;font-weight:600;line-height:1.4em;
	height:2.8em;
	margin:30px 0 15px;padding:0 10px;
}
.bbs .list2 ul li .date{padding:0 10px;font-size:16px;color:#979797;}


/*bbsview*/
.bbs_view .viewarea{width:100%;box-sizing:border-box;border-bottom: 1px solid #cccccc;}
.bbs_view .viewarea .titarea{
	padding:0 20px;
	padding-bottom: 45px;box-sizing:border-box;border-bottom:1px solid #000;
	
}
.bbs_view .viewarea .titarea .cate{
	display: flex;align-items:center;justify-content:center;
	border-radius:18px;background: #0fa7bc;color:#fff;width:93px;height:36px;max-width:100%;
	font-size:15px;margin:0 auto;
}
.bbs_view .viewarea .titarea .cate>span{font:inherit;}
.bbs_view .viewarea .titarea .title{margin:20px auto 20px;color:#000000;font-size:28px;font-weight: bold;text-align: center;
word-wrap:normal;word-break:keep-all;
}
.bbs_view .viewarea .titarea .date{font-size:17px;color:#979797;font-family: "Pretendard", "Noto Sans KR";text-align: center;}
.bbs_view .viewarea .conarea{padding-top: 45px;padding-bottom: 40px;box-sizing:border-box;}
.bbs_view .list_btn{
	margin:0 auto;
	display: flex;align-items:center;justify-content:center;background: #151819;width:220px;height:54px;
	border-radius:27px;
	color:#fff;
	margin-top: 60px;
	max-width:100%;
}
.bbs_view .list_btn>span{font-size:11px;font-family: "Nuntio Sans";}
.bbs_view .list_btn>i{
	display: block;width:12px;height:9px;
	margin-left: 7px;
	background: url(/images/page/bbs_list_btn.png)no-repeat center / cover;
}


/* m52 */
.m52{}
.m52 .sec2{background:0;border:0;padding:0 0 40px;}
.m52 .sec2 .title1{
	padding:200px 5%;margin:120px 0 150px;
	background:url(/images/page/m52_sec2_bg1.jpg) no-repeat center;
	background-size:cover;
	text-align:center;
}
.m52 .sec2 .title1 h4{font-size:23px;color:#fff;font-weight:600;}
.m52 .sec2 .title1 h4 + div{margin-top:20px;font-size:32px;color:#fff;font-weight:bold;line-height:1.2em;}
.m52 .sec2 h5{margin-bottom:100px;font-size:28px;color:#000;font-weight:bold;}
.m52 .sec2 h6{font-size:34px;color:#000;font-weight:bold;line-height:1.4em;}
.m52 .sec2 .aboutList{
	margin-top:60px;margin-bottom:125px;
}
.m52 .sec2 .aboutList>li{
	display:flex;align-items:center;
	width:100%;
	margin:0 0 2% 0;
	background:#f9f9f9;
	border-radius:20px;
}
.m52 .sec2 .aboutList>li>div{width:calc(100% - 80px);margin:0 auto;}
.m52 .sec2 .aboutList>li>div .tit{
	position:relative;
	padding:60px 0 40px 80px;
	border-bottom:1px solid #ccc;
}
.m52 .sec2 .aboutList>li:nth-child(1)>div .tit{
	background:url(/images/page/m52_about_icon1.png) no-repeat left 58%;
	background-size:auto 60px;
}
.m52 .sec2 .aboutList>li:nth-child(2)>div .tit{
	background:url(/images/page/m52_about_icon2.png) no-repeat left 58%;
	background-size:auto 60px;
}
.m52 .sec2 .aboutList>li:nth-child(4)>div .tit{
	background:url(/images/page/m52_about_icon3.png) no-repeat left 58%;
	background-size:auto 60px;
}
.m52 .sec2 .aboutList>li>div .tit .en{font-size:17px;color:#666;font-weight:500;}
.m52 .sec2 .aboutList>li>div .tit .kr{font-size:23px;color:#000;font-weight:700;margin-top:5px;}
.m52 .sec2 .aboutList>li>div ul{padding:35px 0;}
.m52 .sec2 .aboutList>li>div ul li{
	position:relative;
	padding-left:15px;
	font-size:17px;color:#666;line-height:1.7em;
}
.m52 .sec2 .aboutList>li>div ul li:before{
	display:block;content:"";
	width:7px;height:7px;
	border:2px solid #0fa7bc;
	box-sizing:border-box;border-radius:50%;
	position:absolute;left:0;top:10px;
}
.m52 .sec2 h7{font-size:21px;color:#000;font-weight:600;}
.m52 .sec2 .table{
	overflow:hidden;overflow-x:auto;
	width:100%;
	border-top:2px solid #333;margin:10px 0 120px;padding-top:20px;
}
.m52 .sec2 .table table{border-collapse:collapse;width:800px;}
.m52 .sec2 .table table th{
	padding:20px;
	background:#0fa7bc;
	font-size:16px;color:#fff;text-align:center;
	border:1px solid #ddd;
}
.m52 .sec2 .table table td{
	padding:20px;
	font-size:16px;color:#666;text-align:center;
	border:1px solid #ddd;
}
.m52 .sec2 .table table td:first-child{border-left:0;}
.m52 .sec2 .table table td:last-child{border-right:0;}
.m52 .sec2 .table table td.tit{background:#f8f8f8;}
.m52 .sec2 .table table .import td{color:#0fa7bc;font-weight:600;}

.m52 .sec3{padding:150px 0;}
.m52 .sec3 h4{font-size:33px;color:#000;font-weight:bold;}
.m52 .sec3 h5{margin:120px 0 60px;font-size:28px;color:#000;font-weight:bold;}
.m52 .sec3 ul{display:flex;flex-wrap:Wrap;justify-content:space-between;}
.m52 .sec3 ul li{
	position:relative;
	width:45%;margin-bottom:5%;
	text-align:center;
}
.m52 .sec3 ul li:last-child:after{display:none;}
.m52 .sec3 ul li .icon{}
.m52 .sec3 ul li .tit{
	display:flex;align-items:center;justify-content:center;
	height:36px;
	margin-top:25px;
	background:#000;
	border-radius:18px;
	font-size:14px;color:#fff;font-weight:600;
}

.m52 .sec4{position:relative;padding:120px 0 130px;text-align:center;}
.m52 .sec4 .bg{
	position:absolute;left:0;top:0;z-index:-1;
	width:100%;height:100%;
	background:url(/images/page/m52_sec4_bg.jpg) no-repeat center;
	background-size:cover;
}
.m52 .sec4 h4{font-size:23px;color:#fff;font-weight:bold;}
.m52 .sec4 h5{margin:30px 0 20px;font-size:34px;color:#fff;font-weight:bold;}
.m52 .sec4 p{font-size:18px;color:#fff;font-weight:600;}
.m52 .sec4 a{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;position:relative;
	width:100%;height:150px;
	margin:75px auto 0; 
	font-size:20px;color:#fff;font-weight:600;
	border:1px solid #fff;border-radius:75px;
}
.m52 .sec4 a{}





/* m61 */
.pn6 .pageTop{margin:100px 0 0;}
.m61{}
.m61 .sec1{padding:0 3% 160px;}
.m61 .sec1 h2{font-size:23px;color:#000;font-weight:600;text-align:center;}
.m61 .sec1 h2 span{position:relative;}
.m61 .sec1 h2 span:before{
	display:block;content:"";
	width:11px;height:11px;
	background:#0fa7bc;
	border-radius:50%;
	position:absolute;right:100%;top:9px;
	margin-right:10px;
}
.m61 .sec1 h3{margin:30px 0 90px;padding:0 5%;font-size:34px;color:#000;font-weight:700;text-align:center;}
.m61 .sec1 h3 strong{color:#0fa7bc;}
.m61 .sec1 ul{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.m61 .sec1 ul li{
	overflow:hidden;
	position:relative;
	width:49.5%;height:200px;
	border-radius:20px;
}
.m61 .sec1 ul li:after{
	display:block;content:"";
	width:100%;height:100%;
	position:absolute;left:0;top:0;
	opacity:0;
	transition:all 0.6s;
}
.m61 .sec1 ul li:hover:after{opacity:1;}
.m61 .sec1 ul li:nth-child(1){background:url(/images/page/m61_sec1_bg1.jpg) no-repeat;}
.m61 .sec1 ul li:nth-child(2){background:url(/images/page/m61_sec1_bg2.jpg) no-repeat;}
.m61 .sec1 ul li:nth-child(1):after{
	background:url(/images/page/m61_sec1_bg1_hover.jpg) no-repeat;
}
.m61 .sec1 ul li:nth-child(2):after{
	background:url(/images/page/m61_sec1_bg2_hover.jpg) no-repeat;
}
.m61 .sec1 ul li a{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100%;
	font-size:24px;color:#fff;font-weight:600;text-align:center;
}
.m61 .sec1 ul li a>div{position:relative;z-index:10;width:100%;}
.m61 .sec1 ul li a .icon{margin-bottom:15px;}

.m61 .sec2{padding:130px 5%;background:#f9f9f9;}
.m61 .sec2 h3{font-size:34px;color:#000;font-weight:600;}
.m61 .sec2 h3:before{
	display:block;content:"";
	width:50px;height:1px;
	background:#828282;
	margin:0 0 20px;
}
.m61 .sec2 h4{font-size:24px;color:#000;font-weight:600;}
.m61 .sec2 .exp{
	overflow:hidden;
	box-sizing:border-box;
	position:relative;z-index:5;
	display:flex;align-items:center;justify-content:center;
	width:100%;height:512px;
	margin:120px 0 150px;padding:0 5%;
	text-align:center;word-break:keep-all;
	border-radius:30px;
}
.m61 .sec2 .exp .bg{
	position:absolute;left:0;top:0;z-index:-1;
	width:100%;height:100%;
	background:url(/images/page/m61_sec2_bg1.jpg) no-repeat center;
	background-size:cover;
}
.m61 .sec2 .exp>div{box-sizing:border-box;width:100%;padding:0 5%;}
.m61 .sec2 .exp h4{margin-bottom:25px;font-size:34px;color:#fff;font-weight:600;}
.m61 .sec2 .exp p{margin-bottom:35px;font-size:16px;color:#fff;line-height:1.7em;}
.m61 .sec2 .exp p strong{font-size:18px;font-weight:600;}
.m61 .sec2 .exp a{width:100% !important;}
.m61 .sec2 .certify1{
	overflow:hidden;
	margin:40px 0 30px;padding:40px 20px;
	background:#fff;
	border-radius:30px;
	text-align:center;
}
.m61 .sec2 .certify1 p{margin-top:20px;font-size:16px;color:#000;font-weight:600;line-height:1.6em;}
.m61 .sec2 .certify2{
	overflow:hidden;
	margin:40px 0 30px;padding:70px 35px;
	background:#fff;
	border-radius:30px;
	text-align:center;
}
.m61 .sec2 .certify2 .img{
	box-sizing:border-box;
	width:100%;
	padding-bottom:40px;
	border-bottom:1px solid #ddd;
}
.m61 .sec2 .certify2 .info{
	box-sizing:border-box;
	width:100%;
	padding-top:40px;
	text-align:left;
}
.m61 .sec2 .certify2 .info h5{
	padding-bottom:30px;margin-bottom:30px;
	border-bottom:1px solid #ddd;
	font-size:23px;color:#000;font-weight:700;line-height:1.5em;
}
.m61 .sec2 .certify2 .info dl{margin-bottom:35px;}
.m61 .sec2 .certify2 .info dl:last-child{margin-bottom:0;}
.m61 .sec2 .certify2 .info dl dt span{
	display:flex;align-items:center;justify-content:center;
	width:111px;height:36px;
	font-size:17px;color:#fff;font-weight:600;text-align:center;
	background:#0fa7bc;
	border-radius:18px;
}
.m61 .sec2 .certify2 .info dl dd{
	margin-top:20px;
	font-size:17px;color:#666;font-weight:500;line-height:1.7em;
}
.m61 .sec3{padding:150px 5%;}
.m61 .sec3 h4{font-size:29px;color:#000;font-weight:600;}
.m61 .sec3 .con{margin:55px 0 0;}
.m61 .sec3 .con .img{width:100%;margin:0 auto;}
.m61 .sec3 .con .txts{
	box-sizing:border-box;
	width:calc(100% - 0px);
	padding:45px 0 0;
}
.m61 .sec3 .con .txts>div{margin-bottom:60px;font-size:28px;color:#000;font-weight:600;}
.m61 .sec3 .con .txts>a{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:150px;
	box-sizing:border-box;
	border:1px solid #ddd;border-radius:80px;
	font-size:23px;color:#000;font-weight:600;
}
.m61 .sec3 .con .txts>a i.icon{
	width:19px;height:22px;
	margin-right:10px;
	background:url(/images/page/m61_sec3_btn_icon1.png) no-repeat;
}
.m61 .sec3 .con .txts>a i.arr{
	width:27px;height:14px;
	margin-left:35px;
	background:url(/images/page/m61_sec3_btn_arr.png) no-repeat;
}
.m61 .sec4{
	display:flex;align-items:center;justify-content:center;
	height:512px;
	padding:0 5%;
	background:url(/images/page/m61_sec4_bg.jpg) no-repeat center;
	background-size:cover;
	font-size:26px;color:#fff;font-weight:500;text-align:center;line-height:1.6em;
}
.m61 .sec4 strong{font-weight:700;}





/* m62 */
.m62{}
.m62 .sec2 .exp .bg{
	position:absolute;left:0;top:0;z-index:-1;
	width:100%;height:100%;
	background:url(/images/page/m62_sec2_bg1.jpg) no-repeat center;
	background-size:cover;
}
.m62 .sec2 .exp a{
	display:block;
	width:310px;height:54px;
	margin:0 auto;
	background:#0fa7bc;
	font-size:17px;color:#fff;text-align:center;line-height:54px;
	border-radius:27px;
}
.m62 .sec2 .certify1 p{font-size:16px;}
.m62 .sec2 .certify1 .img1{margin:50px 0 0;}
.m62 .sec2 .certify1 .img1 dl{
	position:relative;
	display:flex;justify-content:center;	
	margin:20px 0 50px;
}
.m62 .sec2 .certify1 .img1 dl dt{
	position:relative;
	padding-left:15px;
	font-size:23px;color:#000;font-weight:600;
}
.m62 .sec2 .certify1 .img1 dl dt:before{
	display:block;content:"";
	width:7px;height:7px;
	border:2px solid #37b6c7;border-radius:50%;
	box-sizing:border-box;
	position:absolute;left:0;top:10px;
}
.m62 .sec2 .certify1 .img1 dl dd{font-size:23px;color:#000;font-weight:600;}
.m62 .sec2 .certify1 .download{display:flex;justify-content:center;}
.m62 .sec2 .certify1 .download>a{
	display:block;
	box-sizing:border-box;
	width:330px;height:54px;
	margin:0 5px;
	border-radius:27px;
	font-size:14px;color:#000;text-align:center;line-height:52px;
}
.m62 .sec2 .certify1 .download>a i{
	display:inline-block;vertical-align:top;
	width:18px;height:17px;
	margin:17px 0 0 5px;
	background:url(/images/page/icon_down1.png) no-repeat;
}
.m62 .sec2 .certify1 .download>a:nth-child(1){border:1px solid #999;}
.m62 .sec2 .certify1 .download>a:nth-child(2){border:1px solid #151819;background:#151819;color:#fff;}
.m62 .sec2 .certify1 .download>a:nth-child(2) i{
	background:url(/images/page/icon_down2.png) no-repeat;
}
.m62 .sec2 .certify1 .sig{
	margin:60px 0 0;padding:60px 0;
	border-top:1px solid #ddd;
}
.m62 .sec2 .certify1 .sig>dl{}
.m62 .sec2 .certify1 .sig>dl>dt{
	width:100%;
	font-size:24px;color:#000;font-weight:bold;
}
.m62 .sec2 .certify1 .sig>dl>dt i{
	display:inline-block;vertical-align:top;
	width:29px;height:29px;
	margin:3px 10px 0 0;
	background:#0fa7bc;
	border-radius:50%;
	font-size:20px;color:#fff;font-weight:600;font-style:normal;
}
.m62 .sec2 .certify1 .sig>dl>dd{
	box-sizing:border-box;
	width:calc(100% - 00px);
	padding:30px 0 0;
}
.m62 .sec2 .certify1 .sig>dl>dd .boxwrap{
	overflow:hidden;
	box-sizing:border-box;
	margin-bottom:30px;
	border:1px solid #0fa7bc;border-radius:20px;
}
.m62 .sec2 .certify1 .sig>dl>dd .boxwrap:last-child{margin-bottom:0;}
.m62 .sec2 .certify1 .sig>dl>dd .boxwrap .icon{
	display:flex;align-items:center;justify-content:center;
	width:100%;
	padding:15px 0;
	background:#0fa7bc;
}
.m62 .sec2 .certify1 .sig>dl>dd .boxwrap dl{
	box-sizing:border-box;
	width:calc(100% - 0px);
	padding:30px 40px;
	text-align:left;word-break:keep-all;
}
.m62 .sec2 .certify1 .sig>dl>dd .boxwrap dl dt{font-size:23px;color:#000;font-weight:600;}
.m62 .sec2 .certify1 .sig>dl>dd .boxwrap dl dd{margin-top:10px;}
.m62 .sec2 .certify1 .sig>dl>dd .boxwrap dl dd ul li{
	position:relative;
	padding-left:12px;margin-bottom:5px;
	font-size:16px;color:#666;
}
.m62 .sec2 .certify1 .sig>dl>dd .boxwrap dl dd ul li:last-child{margin-bottom:0;}
.m62 .sec2 .certify1 .sig>dl>dd .boxwrap dl dd ul li:before{
	display:block;content:"";
	width:7px;height:7px;
	border:2px solid #37b6c7;border-radius:50%;
	box-sizing:border-box;
	position:absolute;left:0;top:7px;
}
.m62 .sec2 .certify1 .sig>dl>dd .boxwrap dl dd ul li strong{color:#000}

.m62 .sec3 h4{
	display:flex;align-items:center;justify-content:center;
	height:185px;
	background:url(/images/page/m62_sec3_title_bg.jpg) no-repeat;
	color:#fff;
	border-radius:20px;
}
.m62 .sec3 .con{
	padding:45px 0 40px;
	border-bottom:1px solid #ddd;
}
.m62 .sec3 .con ul{display:flex;flex-wrap:wrap;justify-content:center;width:100%;}
.m62 .sec3 .con ul li{
	width:50%;
	margin:20px 0;
	font-size:17px;color:#666;font-weight:500;text-align:center;
}
.m62 .sec3 .con ul li .icon{margin-bottom:15px;}
.m62 .sec3 .con + a{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:70px;
	margin:50px auto;
	background:#151819;border-radius:35px;
	font-size:17px;color:#fff;
}
.m62 .sec3 .notice{padding:130px 0 0}
.m62 .sec3 .notice h5{font-size:28px;color:#000;font-weight:bold;text-align:center;}
.m62 .sec3 .notice h5 i{
	display:inline-block;vertical-align:top;
	width:29px;height:29px;
	margin:4px 5px 0 0;
	background:#0fa7bc;
	border-radius:50%;
	font-size:20px;color:#fff;font-weight:600;font-style:normal;
}
.m62 .sec3 .notice .list{
	margin-top:35px;
	border-top:1px solid #ddd;
}
.m62 .sec3 .notice .list dl{
	box-sizing:border-box;
	padding:35px 0;
	border-bottom:1px solid #ddd;
}
.m62 .sec3 .notice .list dl dt{
	font-size:23px;color:#000;font-weight:600;
}
.m62 .sec3 .notice .list dl dd{
	box-sizing:border-box;
	padding:40px 0 0;
}
.m62 .sec3 .notice .list dl dd>ul{}
.m62 .sec3 .notice .list dl dd>ul>li{
	position:relative;
	padding-left:10px;
	font-size:17px;color:#666;line-height:1.7em;
}
.m62 .sec3 .notice .list dl dd>ul>li:before{
	display:block;content:"-";
	font-size:17px;color:#666;line-height:1.7em;
	position:absolute;left:0;top:0px;
}
.m62 .sec3 .notice .list dl dd>ul>li>ul{}
.m62 .sec3 .notice .list dl dd>ul>li>ul>li{
	position:relative;padding-left:10px;
	font-size:17px;color:#666;line-height:1.7em;
}	
.m62 .sec3 .notice .list dl dd>ul>li>ul>li:before{
	display:block;content:"*";
	font-size:17px;color:#666;line-height:1.7em;
	position:absolute;left:0;top:0px;
}
.m62 .sec3 .notice .list dl dd>ul>li .tip{color:#000;font-weight:600;}


/*스타일 추가*/
.m61_new .sec2 .topbox{
	width:100%;box-sizing:border-box;
	background: #fff;
	border-radius:30px;
	padding:45px 4vw;
	margin-top: 40px;
}
.m61_new .sec2 .topbox .logoimg{display: block;margin:0 auto 30px;text-align: center;}
.m61_new .sec2 .topbox .logoimg>img{
max-width:100%;display: block;margin:0 auto;
}
.m61_new .sec2 .topbox p{
	color:#000000;font-size:16px;font-weight: bold;font-family: "Pretendard", "Noto Sans KR";
	line-height: 1.6em;text-align: center;margin:0 auto;
}
.m61_new .sec2 .exp .bg{
position:absolute;left:0;top:0;z-index:-1;
	width:100%;height:100%;
	background:url(/images/page/m61_sec2_bg1.jpg) no-repeat center;
	background-size:cover;
}
.m61_new .sec2 .certify1 .sig>dl>dd .txtwrap{
padding-bottom: 45px;margin-bottom: 45px;box-sizing:border-box;
border-bottom:1px solid #d6d6d6;text-align: left;
}
.m61_new .sec2 .certify1 .sig>dl>dd .txtwrap>strong{
color:#010101;font-size:22px;font-weight: bold;font-family: "Pretendard", "Noto Sans KR";line-height: 1.4em;
}
.m61_new .sec2 .certify1 .sig>dl>dd .txtwrap>strong>.blue{color:#0fa7bc;}
.m61_new .sec3 h4{
	background: url(/images/page/m61_new_sec3_title_bg.jpg) no-repeat;
}
.m61_new .sec3 .notice .list dl dd>ul>li.none-dash{padding-left: 0;}
.m61_new .sec3 .notice .list dl dd>ul>li.none-dash:before{
display: none;
}
.m61_new .sec3 .notice .list dl dd>ul>li.star:before{
content:"*";
}

@media screen and (max-width:812px){
	.m61 .sec2 .exp{margin:60px 0 100px;}
}
/* animation */
.pageTitle h2{overflow:hidden;}
.pageTitle h2:before{opacity:0;transition:all 1s;}
.pageTitle h2 span{display:block;opacity:0;transform:translateX(40px);transition:all 1s;}
.pageTitle p{opacity:0;transform:translateX(40px);transition:all 1s 0.2s;}
.pageTitle.in-view h2{overflow:hidden;}
.pageTitle.in-view h2:before{opacity:1;transition:all 1s 0.4s;}
.pageTitle.in-view h2 span{opacity:1;transform:translateX(0);}
.pageTitle.in-view p{opacity:1;transform:translateX(0);}



.m11 .about .greetings{width:100%;transition:all 1s;}
.m11 .about .greetings div:nth-child(2){opacity:0;transform:translateY(40px);transition:all 1s 0.4s;}
.m11 .about .greetings.in-view{width:90%;}
.m11 .about .greetings.in-view div:nth-child(2){opacity:1;transform:translateY(0);}

.m11 .about .introduce ul{}
.m11 .about .introduce ul li{opacity:0;transform:translateY(40px);}
.m11 .about .introduce ul li:nth-child(1){opacity:1;transform:scale(0);}
.m11 .about .introduce ul.in-view li{opacity:1;transform:translate(0);}
.m11 .about .introduce ul.in-view li:nth-child(1){opacity:1;transform:scale(1);transition:all 1s;}
.m11 .about .introduce ul.in-view li:nth-child(2){transition:all 1s 0.4s;}
.m11 .about .introduce ul.in-view li:nth-child(3){transition:all 1s 0.5s;}
.m11 .about .introduce ul.in-view li:nth-child(4){transition:all 1s 0.6s;}
.m11 .about .introduce ul.in-view li:nth-child(5){transition:all 1s 0.7s;}
.m11 .about .introduce ul.in-view li:nth-child(6){transition:all 1s 0.8s;}
.m11 .about .introduce ul.in-view li:nth-child(7){transition:all 1s 0.9s;}
.m11 .about .introduce ul.in-view li:nth-child(8){transition:all 1s 1s;}

.m11 .about .location h5{opacity:0;transform:translateX(40px);transition:all 1s;}
.m11 .about .location .mapimg{opacity:0;transform:translateY(40px);transition:all 1s;}
.m11 .about .location dl{opacity:0;transform:translateY(40px);transition:all 1s;}
.m11 .about .location h5.in-view{opacity:1;transform:translateX(0);}
.m11 .about .location .mapimg.in-view{opacity:1;transform:translateY(0);}
.m11 .about .location dl.in-view{opacity:1;transform:translateY(0);}

.m11 .history .greetings{width:100%;transition:all 1s;}
.m11 .history .greetings div:nth-child(2){opacity:0;transform:translateY(40px);transition:all 1s 0.4s;}
.m11 .history .greetings.in-view{width:90%;}
.m11 .history .greetings.in-view div:nth-child(2){opacity:1;transform:translateY(0);}

.m11 .history .historywrap .boxwrap{}
.m11 .history .historywrap .boxwrap .con dl{opacity:0;transform:translateY(40px);}
.m11 .history .historywrap .boxwrap.in-view .con dl{opacity:1;transform:translateY(0);}
.m11 .history .historywrap .boxwrap.in-view .con dl:nth-child(1){transition:all 1s;}
.m11 .history .historywrap .boxwrap.in-view .con dl:nth-child(2){transition:all 1s 0.1s;}
.m11 .history .historywrap .boxwrap.in-view .con dl:nth-child(3){transition:all 1s 0.2s;}
.m11 .history .historywrap .boxwrap.in-view .con dl:nth-child(4){transition:all 1s 0.3s;}
.m11 .history .historywrap .boxwrap.in-view .con dl:nth-child(5){transition:all 1s 0.4s;}
.m11 .history .historywrap .boxwrap.in-view .con dl:nth-child(6){transition:all 1s 0.5s;}
.m11 .history .historywrap .boxwrap.in-view .con dl:nth-child(7){transition:all 1s 0.6s;}
.m11 .history .historywrap .boxwrap.in-view .con dl:nth-child(8){transition:all 1s 0.7s;}
.m11 .history .historywrap .boxwrap.in-view .con dl:nth-child(9){transition:all 1s 0.8s;}
.m11 .history .historywrap .boxwrap.in-view .con dl:nth-child(10){transition:all 1s 0.9s;}


.m11 .ceo .message{overflow:hidden;}
.m11 .ceo .message .bg{transform:scale(2);transition:all 10s;}
.m11 .ceo .message.in-view .bg{transform:scale(1);}
.m11 .ceo .message .en{opacity:0;transform:translateX(40px);transition:all 1s;}
.m11 .ceo .message .en.in-view{opacity:1;transform:translateX(0);}
.m11 .ceo .message .kr{opacity:0;transform:translateX(40px);transition:all 1s;}
.m11 .ceo .message .kr.in-view{opacity:1;transform:translateX(0);}
.m11 .ceo .message p{opacity:0;transform:translateX(40px);}
.m11 .ceo .message p.in-view{opacity:1;transform:translateX(0px);transition:all 1s;}


.m11 .mp .greetings{width:100%;transition:all 1s;}
.m11 .mp .greetings div:nth-child(2){opacity:0;transform:translateY(40px);transition:all 1s 0.4s;}
.m11 .mp .greetings.in-view{width:90%;}
.m11 .mp .greetings.in-view div:nth-child(2){opacity:1;transform:translateY(0);}

.m11 .mp .conwrap .boxwrap .imgarea{position:relative;}
.m11 .mp .conwrap .boxwrap .imgarea:after{
	display:block;content:"";
	width:100%;height:100%;
	background:#fff;
	position:absolute;left:0;top:0;border-radius:250px;
	transform:scale(2);opacity:1;transition:all 2s;
}
.m11 .mp .conwrap .boxwrap .txtarea{}
.m11 .mp .conwrap .boxwrap .txtarea .title .en{opacity:0;transform:translateX(40px);transition:all 1s}
.m11 .mp .conwrap .boxwrap .txtarea .title .kr{opacity:0;transform:translateX(40px);transition:all 1s}
.m11 .mp .conwrap .boxwrap .txtarea p{opacity:0;transform:translateX(40px);transition:all 1s}

.m11 .mp .conwrap .boxwrap.in-view .imgarea:after{opacity:0;}
.m11 .mp .conwrap .boxwrap.in-view .txtarea .title .en{opacity:1;transform:translateX(0);transition:all 1s}
.m11 .mp .conwrap .boxwrap.in-view .txtarea .title .kr{opacity:1;transform:translateX(0);transition:all 1s 0.1s}
.m11 .mp .conwrap .boxwrap.in-view .txtarea p{opacity:1;transform:translateX(0);transition:all 1s 0.2s}



.m12 .sec1 .img{width:100%;transition:all 1s;}
.m12 .sec1 .img.in-view{width:90%;}
.m12 .sec1 .innerwrap h5{opacity:0;transform:translateX(40px);}
.m12 .sec1 .innerwrap p{opacity:0;transform:translateX(40px);}
.m12 .sec1 .innerwrap h5.in-view{opacity:1;transform:translateX(0);transition:all 1s}
.m12 .sec1 .innerwrap p.in-view{opacity:1;transform:translateX(0);transition:all 1s 0.1s}
.m12 .sec2 h5{opacity:0;transform:translateX(40px);transition:all 1s}
.m12 .sec2 h5.in-view{opacity:1;transform:translateX(0);}
.m12 .sec2 .ci_detail .mainCi{opacity:0;transform:translateY(40px);transition:all 1s}
.m12 .sec2 .ci_detail .mainCi.in-view{opacity:1;transform:translateY(0);}
.m12 .sec2 .ci_detail .subCi>div{opacity:0;transform:translateY(40px);transition:all 1s}
.m12 .sec2 .ci_detail .subCi.in-view>div{opacity:1;transform:translateY(0);}
.m12 .sec2 .ci_detail .subCi.in-view>div:nth-child(1){transition:all 1s}
.m12 .sec2 .ci_detail .subCi.in-view>div:nth-child(2){transition:all 1s 0.1s}
.m12 .sec2 .ci_detail .subCi.in-view>div:nth-child(3){transition:all 1s 0.2s}
.m12 .sec2 .ci_detail .subCi.in-view>div:nth-child(4){transition:all 1s 0.3s}
.m12 .sec2 .ci_down h6{opacity:0;transform:translateX(40px);transition:all 1s}
.m12 .sec2 .ci_down .img{opacity:0;transform:translateX(40px);transition:all 1s 0.1s;}
.m12 .sec2 .ci_down .down a{opacity:0;transform:translateX(40px);}
.m12 .sec2 .ci_down .in-view h6{opacity:1;transform:translateX(0);}
.m12 .sec2 .ci_down .in-view .img{opacity:1;transform:translateX(0);}
.m12 .sec2 .ci_down .in-view .down a{opacity:1;transform:translateX(0);}
.m12 .sec2 .ci_down .in-view .down a:nth-child(1){transition:all 1s 0.2s;}
.m12 .sec2 .ci_down .in-view .down a:nth-child(2){transition:all 1s 0.3s;}


.m13 .pageTitle1{opacity:0;transform:translateX(40px);transition:all 1s}
.m13 .pageTitle1 + p{opacity:0;transform:translateX(40px);transition:all 1s}
.m13 h5{opacity:0;transform:translateX(40px);transition:all 1s}
.m13 .pageTitle1.in-view{opacity:1;transform:translateX(0);}
.m13 .pageTitle1 + p.in-view{opacity:1;transform:translateX(0);}
.m13 h5.in-view{opacity:1;transform:translateX(0);}
.m13 .sec1 .con>div>div .img{opacity:0;transform:translateY(40px);transition:all 1s}
.m13 .sec1 .con>div>div .img.in-view{opacity:1;transform:translateY(0);}
.m13 .sec2 ul li{opacity:0;transform:translateY(40px);transition:all 1s}
.m13 .sec2 ul li.in-view{opacity:1;transform:translateY(0);}



.m21 h2{overflow:hidden;}
.m21 h2:before{opacity:0;transition:all 1s;}
.m21 h2 span{display:inline-block;opacity:0;transform:translateY(40px);transition:all 1s;}
.m21 h3{opacity:0;transform:translateY(40px);transition:all 1s 0.2s;}
.m21 h2.in-view:before{opacity:1;transition:all 1s 0.4s;}
.m21 h2.in-view span{opacity:1;transform:translateY(0);}
.m21 h3.in-view{opacity:1;transform:translateY(0);}

.m21 .roofguard .txtwrap h4 .en{opacity:0;transform:translateY(40px);}
.m21 .roofguard .txtwrap h4 .kr{opacity:0;transform:translateY(40px);}
.m21 .roofguard .txtwrap h4 + p{opacity:0;transform:translateY(40px);}
.m21 .roofguard .txtwrap a{opacity:0;transform:translateY(40px);}
.m21 .roofguard .txtwrap.in-view h4 .en{opacity:1;transform:translateY(0);transition:all 1s;}
.m21 .roofguard .txtwrap.in-view h4 .kr{opacity:1;transform:translateY(0);transition:all 1s 0.1s;}
.m21 .roofguard .txtwrap.in-view h4 + p{opacity:1;transform:translateY(0);transition:all 1s 0.2s;}
.m21 .roofguard .txtwrap.in-view a{opacity:1;transform:translateY(0);transition:all 1s 0.3s;}

.m21 .conwrap .lnb ul li{opacity:0;transform:translateX(40px);}
.m21 .conwrap .lnb ul.in-view li{opacity:1;transform:translateX(0);}
.m21 .conwrap .lnb ul.in-view li:nth-child(1){transition:all 1s;}
.m21 .conwrap .lnb ul.in-view li:nth-child(2){transition:all 1s 0.1s;}
.m21 .conwrap .lnb ul.in-view li:nth-child(3){transition:all 1s 0.2s;}
.m21 .conwrap .lnb ul.in-view li:nth-child(4){transition:all 1s 0.3s;}
.m21 .conwrap .lnb ul.in-view li:nth-child(5){transition:all 1s 0.4s;}
.m21 .conwrap .lnb ul.in-view li:nth-child(6){transition:all 1s 0.5s;}

.m21 .conwrap .con h5{opacity:0;transform:translateX(40px);}
.m21 .conwrap .con .boxwrap .tit1{opacity:0;transform:translateX(40px);}
.m21 .conwrap .con .boxwrap p{opacity:0;transform:translateX(40px);}
.m21 .conwrap .con h5.in-view{opacity:1;transform:translateX(0);transition:all 1s;}
.m21 .conwrap .con .boxwrap .tit1.in-view{opacity:1;transform:translateX(0);transition:all 1s;}
.m21 .conwrap .con .boxwrap p.in-view{opacity:1;transform:translateX(0);transition:all 1s;}
.m21 .conwrap .con .boxwrap .img{opacity:0;transform:translateY(40px);}
.m21 .conwrap .con .boxwrap .img.in-view{opacity:1;transform:translateY(0);transition:all 1s;}
.m21 .conwrap .con h6{opacity:0;transform:translateX(40px);}
.m21 .conwrap .con h6.in-view{opacity:1;transform:translateX(0);transition:all 1s;}
.m21 .conwrap .con .boxwrap .db li{opacity:0;transform:translateX(40px);}
.m21 .conwrap .con .boxwrap .db.in-view li{opacity:1;transform:translateX(0);}
.m21 .conwrap .con .boxwrap .db.in-view li:nth-child(1){transition:all 1s;}
.m21 .conwrap .con .boxwrap .db.in-view li:nth-child(2){transition:all 1s 0.1s;}
.m21 .conwrap .con .boxwrap .db.in-view li:nth-child(3){transition:all 1s 0.2s;}
.m21 .conwrap .con .boxwrap .db.in-view li:nth-child(4){transition:all 1s 0.3s;}
.m21 .conwrap .con .boxwrap .product .info{opacity:0;transition:all 1s;}
.m21 .conwrap .con .boxwrap .product .imgs{opacity:0;transition:all 1s;}
.m21 .conwrap .con .boxwrap .product .info.in-view{opacity:1;}
.m21 .conwrap .con .boxwrap .product .imgs.in-view{opacity:1;}
.m21 .conwrap .con .boxwrap .vod{opacity:0;transform:translateY(40px);transition:all 1s}
.m21 .conwrap .con .boxwrap .vod.in-view{opacity:1;transform:translateY(0);}
.m21 .conwrap .con .boxwrap .merit ul li{opacity:0;transform:translateY(40px);transition:all 1s}
.m21 .conwrap .con .boxwrap .merit ul li.in-view{opacity:1;transform:translateX(0);}
.m21 .conwrap .con .boxwrap .competitiveness .area1{opacity:0;transition:all 1s;}
.m21 .conwrap .con .boxwrap .competitiveness .area2{opacity:0;transition:all 1s;}
.m21 .conwrap .con .boxwrap .competitiveness .area1.in-view{opacity:1;}
.m21 .conwrap .con .boxwrap .competitiveness .area2.in-view{opacity:1;}
.m21 .conwrap .con .boxwrap .guide .gall{opacity:0;transform:translateY(40px);transition:all 1s}
.m21 .conwrap .con .boxwrap .guide .gall.in-view{opacity:1;transform:translateY(0);}
.m21 .case .conwrap .tit{opacity:0;transform:translateX(40px);transition:all 1s}
.m21 .case .conwrap .tit.in-view{opacity:1;transform:translateX(0);}
.m21 .case .conwrap .con .caseSlider{opacity:0;transform:translateY(140px);transition:all 1s}
.m21 .case .conwrap .con .caseSlider.in-view{opacity:1;transform:translateY(0);}


.m31 .items ul li{}
.m31 .items ul li:nth-child(1) .line:after{transform-origin:bottom;transform:scaleY(0);}
.m31 .items ul li:nth-child(1) .line:before{transform-origin:right;transform:scaleX(0);}
.m31 .items ul li:nth-child(1) .box{opacity:0;}
.m31 .items ul li.in-view:nth-child(1) .line:after{transform:scaleY(1);transition:all 1s;}
.m31 .items ul li.in-view:nth-child(1) .line:before{transform:scaleX(1);transition:all 1s 0.9s;}
.m31 .items ul li.in-view:nth-child(1) .box{opacity:1;transition:all 1s 1.5s;}

.m31 .items ul li:nth-child(2) .line:after{transform-origin:bottom;transform:scaleY(0);}
.m31 .items ul li:nth-child(2) .line:before{transform-origin:right;transform:scaleX(0);}
.m31 .items ul li:nth-child(2) .box{opacity:0;}
.m31 .items ul li.in-view:nth-child(2) .line:after{transform:scaleY(1);transition:all 1s;}
.m31 .items ul li.in-view:nth-child(2) .line:before{transform:scaleX(1);transition:all 1s 0.9s;}
.m31 .items ul li.in-view:nth-child(2) .box{opacity:1;transition:all 1s 1.5s;}

.m31 .items ul li:nth-child(3) .line:after{transform-origin:bottom;transform:scaleY(0);}
.m31 .items ul li:nth-child(3) .line:before{transform-origin:right;transform:scaleX(0);}
.m31 .items ul li:nth-child(3) .box{opacity:0;}
.m31 .items ul li.in-view:nth-child(3) .line:after{transform:scaleY(1);transition:all 1s;}
.m31 .items ul li.in-view:nth-child(3) .line:before{transform:scaleX(1);transition:all 1s 0.9s;}
.m31 .items ul li.in-view:nth-child(3) .box{opacity:1;transition:all 1s 1.5s;}

.m31 .items ul li:nth-child(4) .line:after{transform-origin:right;transform:scaleX(0);}
.m31 .items ul li:nth-child(4) .line:before{transform-origin:top;transform:scaleY(0);}
.m31 .items ul li:nth-child(4) .box{opacity:0;}
.m31 .items ul li.in-view:nth-child(4) .line:after{transform:scaleX(1);transition:all 1s;}
.m31 .items ul li.in-view:nth-child(4) .line:before{transform:scaleY(1);transition:all 1s 0.9s;}
.m31 .items ul li.in-view:nth-child(4) .box{opacity:1;transition:all 1s 1.5s;}

.m31 .items ul li:nth-child(5) .line:after{transform-origin:bottom;transform:scaleY(0);}
.m31 .items ul li:nth-child(5) .line:before{transform-origin:left;transform:scaleX(0);}
.m31 .items ul li:nth-child(5) .box{opacity:0;}
.m31 .items ul li.in-view:nth-child(5) .line:after{transform:scaleY(1);transition:all 1s;}
.m31 .items ul li.in-view:nth-child(5) .line:before{transform:scaleX(1);transition:all 1s 0.9s;}
.m31 .items ul li.in-view:nth-child(5) .box{opacity:1;transition:all 1s 1.5s;}

.m31 .items ul li:nth-child(6) .line:after{transform-origin:bottom;transform:scaleY(0);}
.m31 .items ul li:nth-child(6) .line:before{transform-origin:left;transform:scaleX(0);}
.m31 .items ul li:nth-child(6) .box{opacity:0;}
.m31 .items ul li.in-view:nth-child(6) .line:after{transform:scaleY(1);transition:all 1s;}
.m31 .items ul li.in-view:nth-child(6) .line:before{transform:scaleX(1);transition:all 1s 0.9s;}
.m31 .items ul li.in-view:nth-child(6) .box{opacity:1;transition:all 1s 1.5s;}

.m31 .items ul li:nth-child(7) .line:after{transform-origin:left;transform:scaleX(0);}
.m31 .items ul li:nth-child(7) .line:before{transform-origin:bottom;transform:scaleY(0);}
.m31 .items ul li:nth-child(7) .box{opacity:0;}
.m31 .items ul li.in-view:nth-child(7) .line:after{transform:scaleX(1);transition:all 1s;}
.m31 .items ul li.in-view:nth-child(7) .line:before{transform:scaleY(1);transition:all 1s 0.9s;}
.m31 .items ul li.in-view:nth-child(7) .box{opacity:1;transition:all 1s 1.5s;}



.m53 h2{overflow:hidden;}
.m53 h2:before{opacity:0;transition:all 1s;}
.m53 h2 span{display:inline-block;opacity:0;transform:translateY(40px);transition:all 1s;}
.m53 h3{opacity:0;transform:translateY(40px);transition:all 1s 0.2s;}
.m53 h2.in-view:before{opacity:1;transition:all 1s 0.4s;}
.m53 h2.in-view span{opacity:1;transform:translateY(0);}
.m53 h3.in-view{opacity:1;transform:translateY(0);}
.m53 .sec1 ul li{transform:translateY(100px);}
.m53 .sec1 ul.in-view li{transform:translateY(0);}
.m53 .sec1 ul.in-view li:nth-child(1){transition:all 1s 0.2s;}
.m53 .sec1 ul.in-view li:nth-child(2){transition:all 1s 0.3s;}
.m53 .sec1 ul.in-view li:nth-child(3){transition:all 1s 0.4s;}
.m53 .sec2 .tab1 .slg>div{opacity:0;transform:translateY(40px);transition:all 1s}
.m53 .sec2 .tab1 .slg.in-view>div{opacity:1;transform:translateY(0);}



.m61 h2{overflow:hidden;}
.m61 h2:before{opacity:0;transition:all 1s;}
.m61 h2 span{display:inline-block;opacity:0;transform:translateY(40px);transition:all 1s;}
.m61 h3{opacity:0;transform:translateY(40px);transition:all 1s 0.2s;}
.m61 h2.in-view:before{opacity:1;transition:all 1s 0.4s;}
.m61 h2.in-view span{opacity:1;transform:translateY(0);}
.m61 h3.in-view{opacity:1;transform:translateY(0);}
.m61 .sec1 ul li{transform:translateY(100px);}
.m61 .sec1 ul.in-view li{transform:translateY(0);}
.m61 .sec1 ul.in-view li:nth-child(1){transition:all 1s 0.2s;}
.m61 .sec1 ul.in-view li:nth-child(2){transition:all 1s 0.3s;}
.m61 .sec2 .exp h4{opacity:0;transform:translateY(40px);transition:all 1s}
.m61 .sec2 .exp p{opacity:0;transform:translateY(40px);transition:all 1s}
.m61 .sec2 .exp a{opacity:0;transform:translateY(40px);transition:all 1s}
.m61 .sec2 .exp h4.in-view{opacity:1;transform:translateY(0);}
.m61 .sec2 .exp p.in-view{opacity:1;transform:translateY(0);}
.m61 .sec2 .exp a.in-view{opacity:1;transform:translateY(0);}
.m61 .sec2 .certify1{opacity:0;transform:translateY(40px);transition:all 1s}
.m61 .sec2 .certify2{opacity:0;transform:translateY(40px);transition:all 1s}
.m61 .sec2 .certify1.in-view{opacity:1;transform:translateY(0);}
.m61 .sec2 .certify2.in-view{opacity:1;transform:translateY(0);}
.m61 .sec3 h4{opacity:0;transform:translateY(40px);transition:all 1s}
.m61 .sec3 .con .img{opacity:0;transform:translateX(40px);transition:all 1s}
.m61 .sec3 .con .txts>div{opacity:0;transform:translateX(40px);transition:all 1s}
.m61 .sec3 .con .txts>a{opacity:0;transform:translateX(40px);transition:all 1s}
.m61 .sec3 h4.in-view{opacity:1;transform:translateY(0);}
.m61 .sec3 .con.in-view .img{opacity:1;transform:translateX(0);transition:all 1s}
.m61 .sec3 .con.in-view .txts>div{opacity:1;transform:translateX(0);transition:all 1s 0.2s}
.m61 .sec3 .con.in-view .txts>a{opacity:1;transform:translateX(0);transition:all 1s 0.3s}
.m61 .sec4>div{opacity:0;transform:translateY(40px);transition:all 1s}
.m61 .sec4.in-view>div{opacity:1;transform:translateY(0);}

.m62 .sec2 .certify1 .logoimg{opacity:0;transform:translateY(40px);transition:all 1s}
.m62 .sec2 .certify1 .logoimg.in-view{opacity:1;transform:translateY(0);}
.m62 .sec2 .certify1 p{opacity:0;transform:translateY(40px);transition:all 1s}
.m62 .sec2 .certify1 p.in-view{opacity:1;transform:translateY(0);}
.m62 .sec2 .certify1 .img1{opacity:0;transform:translateY(40px);transition:all 1s}
.m62 .sec2 .certify1 .img1.in-view{opacity:1;transform:translateY(0);}
.m62 .sec3 .con ul li .icon{opacity:0;transform:rotate(0) translateX(-40px);transform-origin:center 50%;}
.m62 .sec3 .con ul li .tit{opacity:0;}
.m62 .sec3 .con ul li.in-view .icon{opacity:1;transform:rotate(0) translateX(0px);}
.m62 .sec3 .con ul li.in-view .tit{opacity:1;}
.m62 .sec3 .con ul li:nth-child(1).in-view .icon{transition:all 1s;}
.m62 .sec3 .con ul li:nth-child(2).in-view .icon{transition:all 1s 0.1s;}
.m62 .sec3 .con ul li:nth-child(3).in-view .icon{transition:all 1s 0.2s;}
.m62 .sec3 .con ul li:nth-child(4).in-view .icon{transition:all 1s 0.3s;}
.m62 .sec3 .con ul li:nth-child(5).in-view .icon{transition:all 1s 0.4s;}
.m62 .sec3 .con ul li:nth-child(1).in-view .tit{transition:all 1s 0.2s;}
.m62 .sec3 .con ul li:nth-child(2).in-view .tit{transition:all 1s 0.3s;}
.m62 .sec3 .con ul li:nth-child(3).in-view .tit{transition:all 1s 0.4s;}
.m62 .sec3 .con ul li:nth-child(4).in-view .tit{transition:all 1s 0.5s;}
.m62 .sec3 .con ul li:nth-child(5).in-view .tit{transition:all 1s 0.6s;}
.m62 .sec3 .con + a{opacity:0;transform:translateY(40px);transition:all 1s}
.m62 .sec3 .con + a.in-view{opacity:1;transform:translateY(0);}
.m62 .sec3 .notice h5{opacity:0;transform:translateY(40px);transition:all 1s}
.m62 .sec3 .notice h5.in-view{opacity:1;transform:translateY(0);}
.m62 .sec3 .notice .list dl{}
.m62 .sec3 .notice .list dl dt{opacity:0;transform:translateX(40px);transition:all 1s}
.m62 .sec3 .notice .list dl dd ul{opacity:0;transform:translateY(40px);transition:all 1s 0.2s}
.m62 .sec3 .notice .list dl.in-view dt{opacity:1;transform:translateX(0);}
.m62 .sec3 .notice .list dl.in-view dd ul{opacity:1;transform:translateY(0);}