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

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



/*Layer*/
body{width:100%}
#wrap{width:100%;overflow-x:hidden;}
#header{width:100%;position:fixed;top:0;left:0;}
#container{width:100%}
#contents{overflow-x:hidden;margin-top:85px;}
#footer{width:100%;}
button{outline:none;border:none;background: transparent;}

#btn_gotop{
display:none;
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:999;
	outline:none;
	border:none;
	background: none;
	cursor:pointer;
}
#btn_gotop img{width: 60px;height: 60px;}


/*header*/
.head{height:90px;background: #fff;border-bottom:1px solid #ccc;}
.head h1>a{width:128px;height:21px;background: url(/images/common/logo2.png) no-repeat center / cover;}
.head .nav>ul>li>a{color:#000;}
.head .gnb>ul>li>a{color:#000;}
.head .gnb .lang>a:after{border-right:2px solid rgba(0,0,0,0.8);border-bottom:2px solid rgba(0,0,0,0.8);}
.head .gnb .btn_menu>div{background: #000;}
.head:after{box-shadow:0 0px 0 #b2b2b2 inset;transition:all 0.4s;}
.head .gnb .language > a {
display: block;
width: 29px;
height: 29px;
background: url(/images/common/lang_btn_bl.png) no-repeat center / contain;
transition: all 0.3s;
}


/*sub*/
.sub_visual {position: relative;width:100%;max-width:1400px;height:520px;margin:0px auto 0;z-index: 10;overflow:hidden;}
.sub_visual .bg {width:100%;height:100%;overflow:hidden;border-bottom-right-radius: 200px;}
.sub_visual .tit_wrap {position: absolute;top:50%;left:50%;width:100%;text-align: center;max-width:1520px;transform:translate(-50%,-50%);}
.sub_visual .tit_wrap .sub_tit {font-size:70px;font-weight:600;color:#fff;letter-spacing:-0.025em;}
.sub_visual .tit_wrap .sub_b_txt {display: block;font-size:22px;font-weight:300;color:#fff;line-height:1.5;}

.sub1 .bg {background:url(/images/page/sub_visual1.jpg) no-repeat center / cover;}
.sub2 .bg {background:url(/images/page/sub_visual2.jpg) no-repeat center / cover;}
.sub3 .bg {background:url(/images/page/sub_visual3.png) no-repeat center / cover;}
.sub4 .bg {background:url(/images/page/sub_visual4.png) no-repeat center / cover;}
.sub5 .bg {background:url(/images/page/sub_visual5.jpg) no-repeat center / cover;}
.sub6 .bg {background:url(/images/page/sub_visual6.png) no-repeat center / cover;}
.sub7 .bg {background:url(/images/page/sub_visual7.png) no-repeat center / cover;}

.sub_tab {position: relative;width:100%;margin:0 auto;max-width:1812px;}
.sub_tab .inner {display:flex;justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:20px 0 0px;box-sizing:border-box;
}
.sub_tab .inner>.deplist {width:100%;position: relative;margin-left: 0px;/* padding-bottom: 20px */;border-bottom: 1px solid rgba(0,0,0,0.1);}
.sub_tab .inner>.deplist .list{overflow-x:auto;white-space:nowrap; padding-bottom: 20px;}
.sub_tab .inner>.deplist .list li{position: relative;display: inline-block;padding:0 8%;}
.sub_tab .inner>.deplist .list li:before{position: absolute;content:"";right:0;top:50%;transform:translateY(-50%);width:1px;height:12px;background:rgba(0,0,0,0.15) ;
}
.sub_tab .inner>.deplist .list li:last-child:before{display: none;}
.sub_tab .inner>.deplist .list li > a{color:#666666;font-size:16px;text-align: center;}
.sub_tab .inner>.deplist .list li.on > a{color:#065cbf;font-size:16px;font-weight: 600;}
.sub_tab .inner>.lnb{display: none;}
.sub_tab .inner>.lnb>div{position: relative;margin-right: 35px;}
.sub_tab .inner>.lnb>div:before{position: absolute;content:">";color:#555;font-size:16px;right:-20px;top:50%;transform:translateY(-50%);}
.sub_tab .inner>.lnb>div:last-child:before{display: none;}
.sub_tab .inner>.lnb>div>a{font-size:16px;color:#555;}



/*m00*/
.m00{position: relative;width:100%;margin:180px auto 200px;}
.m00:before{position: absolute;content:"";background: url(/images/page/m12_bg.png)no-repeat;width:1146px;height:758px;
top:-384px;right:0;z-index:-1;}
.m00 .sec_tit{text-align:center;margin:0 auto;}
.m00 .sec_tit strong{position:relative;display:inline-block;font-size:46px;color:#111;overflow:hidden;font-family: 'Lexend';
font-weight: 600;}
.m00 .section{width:100%;margin:0 auto;max-width:1920px;padding:120px 0 0px;}
.m00 .section .innerwrap{width:96%;max-width:1420px;margin:0 auto;}

/*paging*/
.m00 .paging{margin-top:85px;text-align:center;}
.m00 .paging a{display:inline-block;vertical-align:top;box-sizing:border-box;width:50px;height:50px;color:#afafaf;font-size:18px;line-height:50px;font-weight:400;}
.m00 .paging strong{display:inline-block;vertical-align:top;box-sizing:border-box;width:50px;height:50px;background:#222222;color:#fff;font-size:18px;line-height:50px;font-weight:600;
border-radius:50%;}
.m00 .paging .first{display: none;width:50px;height:50px;background:url(/images/page/page_first.png) no-repeat center;border:0;margin-right:30px;}
.m00 .paging .page_prev{width:50px;height:50px;background:url(/images/page/page_prev.png) no-repeat center;border:0;margin-right:30px;}
.m00 .paging .page_next{width:50px;height:50px;background:url(/images/page/page_prev.png) no-repeat center;border:0;margin-left:30px;transform:rotate(180deg);}
.m00 .paging .last{display: none;width:50px;height:50px;background:url(/images/page/page_first.png) no-repeat center;border:0;margin-left:30px;transform:rotate(180deg);}

/*m11*/
.m11{}
.m11 .section1 .innerwrap{width:100%;max-width:1820px;
/* background: url(/images/page/m11_bg.jpg)no-repeat center / cover; */
background-color: #ccc;
overflow:hidden;padding:160px 6%;box-sizing:border-box; }
.m11 .section .innerwrap .itemwrap{width:96%;max-width:1420px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows: 1fr 1fr 1fr;
  grid-template-areas:
    "item1 item2 item3"
    "item4 item5 item5"
    "item6 item7 item8";
	gap:12px;
	}
.m11 .section .innerwrap .itemwrap .item{display:grid;place-items:center;background: rgba(255,255,255,0.92);border-radius:37px;
border:1px solid #e6e6e6;box-sizing:border-box;padding:50px 0;}
.m11 .section .innerwrap .itemwrap .item1{grid-area: item1;background: #5787e1;border:none;}
.m11 .section .innerwrap .itemwrap .item2{grid-area: item2;}
.m11 .section .innerwrap .itemwrap .item3{grid-area: item3;}
.m11 .section .innerwrap .itemwrap .item4{grid-area: item4;}
.m11 .section .innerwrap .itemwrap .item5{grid-area: item5;}
.m11 .section .innerwrap .itemwrap .item6{grid-area: item6;}
.m11 .section .innerwrap .itemwrap .item7{grid-area: item7;}
.m11 .section .innerwrap .itemwrap .item8{grid-area: item8;}
.m11 .section .innerwrap .itemwrap .item .inner{display:flex;justify-conten:center;align-items:center;flex-direction:column;}
.m11 .section .innerwrap .itemwrap .item .inner .icon{display: flex;align-items:center;justify-content:center;margin-bottom: 30px;
width:126px;height:130px;border-radius:37px;border:1px solid #e5e5e5;background: #fff;margin-bottom: 30px;}
.m11 .section .innerwrap .itemwrap .item .inner .stit{font-size:19px;font-weight: 400;color:#333333;margin-bottom: 18px;text-align: center;}
.m11 .section .innerwrap .itemwrap .item .inner .tit{font-size:22px;font-weight: 600;color:#111;text-align: center;}
.m11 .section .innerwrap .itemwrap .item .inner .tit span{display:block;margin-bottom: 5px;background: #7f8ea4;border-radius:16px;
color:#fff;font-size:15px;width:143px;height:33px;line-height: 33px;text-align: center;
}
.m11 .section .innerwrap .itemwrap .item .inner .tit span.dl1{width: 150px;}
.m11 .section .innerwrap .itemwrap .item .inner .tit span.dl2{width: 120px;}
.m11 .section .innerwrap .itemwrap .item .titbox {display: flex;flex-direction:column;align-items:start;padding: 0 20px;}
.m11 .section .innerwrap .itemwrap .item .titbox .tit{display: block;}
.m11 .section .innerwrap .itemwrap .item5 .inner .tit{margin-bottom: 13px;
text-align: left;
}

@media screen and (max-width:1240px){
.m11 .section1 .innerwrap{padding:150px 4%;}
}
@media screen and (max-width:1120px){
.m11 .section .innerwrap .itemwrap{width:96%;max-width:1420px;margin:0 auto;display:grid;grid-template-columns:1fr;grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; ;
  grid-template-areas:
    "item1"
	"item2"
	"item3"
	"item4"
	"item5"
	"item6"
	"item7"
	"item8";
	gap:12px;
	}
}




/*m12*/
.m12{position: relative;}
.m12:before{position: absolute;content:"";background: url(/images/page/m12_bg.png)no-repeat;width:1146px;height:758px;
top:-384px;right:0;}
.m12 .main_titwrap{width: 100%;text-align: center;margin-bottom: 80px;}
.m12 .main_titwrap .main_tit{font-family: "Lexend"; font-size:44px;color:#000;margin-bottom: 41px;font-weight: 500;}
.m12 .main_titwrap .main_txt{color:#444444;font-size:20px;line-height:1.5;}
.m12 .imgarea{margin-bottom: 60px;}
.m12 .imgarea .imgwrap{width:100%;}
.m12 .imgarea .imgwrap img{}
.m12 .txtarea{width:100%;margin:50px auto;}
.m12 .txtarea .title{font-family: "Lexend";width:100%;color:#000;font-size:36px;font-weight: 500;line-height:1.5;}
.m12 .txtarea .txtwrap{width: 100%;padding:20px 20px 0 0 ;box-sizing:border-box;}
.m12 .txtarea .txtwrap p{font-size:20px;color:#444;line-height:1.6em;margin-bottom: 25px;}
.m12 .txtarea .txtwrap p.strong{color:#000;font-weight: 600;}

/*m13*/
.pcview{display: none;}
.tmview{display: block;}
.m13{}
.m13 .main_tit{font-family: "Lexend";font-size:36px;color:#000;margin-bottom:45px;font-weight: 500;text-align: center;line-height:1.5em;}

.m13 .section2{width:100%;position: relative;overflow:hidden;}
/* .m13 .section2:before{position: absolute;content:"";height:2011px;width:100%;
top:0px;left:50%;transform:translate3d(-50%, 0, 0);background: url(/images/page/m13_tm_bg.jpg)no-repeat center;} */
.m13 .section2 .diagram{width:100%;position: relative;}
/* .m13 .section2 .diagram:before{position: absolute;content:"";width:80%;height:120%;top:0;left:50%;transform:translate3d(-50%, 0, 0);background: url(/images/page/m13_tm_bg.jpg)no-repeat center;} */
.m13 .section2 .diagram .iconlist{width:100%;
}
.m13 .section2 .diagram .iconlist li{margin-bottom: 60px;width:100%;display: flex;flex-direction:column;
justify-content:center;align-items:center;}
.m13 .section2 .diagram .iconlist li:last-child{margin-bottom:0;}
.m13 .section2 .diagram .iconlist li .circle{position: relative;width: 350px;height: 350px;display: flex;justify-content:center;align-items:center;
border-radius:50%;background: #799cdf;
}

.m13 .section2 .diagram .iconlist li:nth-child(2) .circle{background: #5686e0;}
.m13 .section2 .diagram .iconlist li:nth-child(3) .circle{background: #2f60da;}
.m13 .section2 .diagram .iconlist li .circle .c_in{display: flex;justify-content:center;align-items:center;flex-direction:column;
box-sizing:border-box;padding:0 4%;}
.m13 .section2 .diagram .iconlist li .circle .c_in .icon{margin-bottom: 22px;}
.m13 .section2 .diagram .iconlist li .circle .c_in .itit{font-weight: 600;color:#fff;font-size:28px;margin-bottom: 20px;text-align: center;}
.m13 .section2 .diagram .iconlist li .txt{box-sizing:border-box;padding:0 4%;}
.m13 .section2 .diagram .iconlist li .txt p{line-height:1.4;font-size:18px;color:#fff;text-align: center;font-weight: 300;}

/*m14*/
.m14{}
.m14 .title{font-family: "Lexend";font-size:40px;line-height:1.6;color:#000;font-weight: 500;margin-bottom: 100px;text-align: center;}
.m14 .plist{width:100%;display: flex;align-items:center;flex-wrap:wrap;}
.m14 .plist li{width:calc((100% - 30px) / 2);margin-bottom: 70px;margin-right: 30px;}
.m14 .plist li:nth-child(2n){margin-right: 0;}
.m14 .plist li .img{display: flex;align-items:center;justify-content:center;margin-bottom: 35px;box-sizing:border-box;padding:100px 0;
height:310px;background: #f7f7f7;border-radius:10px;border:1px solid #e5e5e5; }
.m14 .plist li .name{text-align: center;color:#444444;font-size:20px;}

.m14 .plist .hover-item{}
.m14 .plist .hover-item .img{position: relative;overflow:hidden;}
.m14 .plist .hover-item .img:before{
position: absolute;content:"";top:0;left:0;width:0%;height:100%;background: rgba(18,84,160, 0.9);border-radius:10px;
z-index:3;transition:width 0.7s ease;
}
.m14 .plist .hover-item .goto{
opacity:0;
transition:opacity 0.7s ease;
display:flex;justify-content:center;align-items:center;position: absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);
width:152px;height:50px;z-index:10;border:1px solid rgba(255,255,255,0.9);border-radius:25px;
}
.m14 .plist .hover-item .goto span{text-align: center;color:#fff;font-size:15px;margin-right: 10px;}
.m14 .plist .hover-item .goto i{display: block;width:14px;height:15px;background: url(/images/page/goto_i.png)no-repeat center;}

.m14 .plist .hover-item:hover .img:before{width:100%;transition:width 0.7s ease;}
.m14 .plist .hover-item:hover .goto{opacity:1;transition:opacity 0.7s ease;}

/*m15*/
.m15{}

.m15 .map1{margin-bottom: 173px;}
.m15 .map_tit{font-size:36px;color:#000;font-weight: 600;margin-bottom: 50px;}
/* .m15 .map .mapwrap{
	margin-bottom:65px;position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	border-bottom-right-radius:173px;
	}
.m15 .map .mapwrap iframe{position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;} */

.m15 .map .mapwrap{
width:100%;margin-bottom: 65px;overflow:hidden;border-bottom-right-radius:173px;
height:520px;position: relative;
}
.m15 .map .mapwrap .btn{display: inline-block;
position: absolute;width:280px;height:60px;background: #065cbf;border-radius:30px;
bottom:60px;right:80px;z-index:10;
}
.m15 .map .mapwrap .btn span{position: relative;display:block;color:#fff;font-size:16px;text-align: center;line-height: 60px;}
.m15 .map .mapwrap .btn span:before{position: absolute;content:"";
display: inline-block;
    width: 35px;
    height: 26px;
    background: url(/images/page/search_dir_icon.png)no-repeat center / cover;
    top:50%;
	left:20%;
    transform: translateY(-50%) translateX(-50%);
    cursor: pointer;
}
.m15 .map .mapwrap .btn span:after{
	position: absolute;
	content:"";
    display: inline-block;
    width: 14px;
    height: 11px;
    background: url(/images/page/more_arr_hover.png)no-repeat center / cover;
    top:50%;
	right:20%;
    transform: translateY(-50%) translateX(-50%);
    cursor: pointer;}
.m15 .map .iconlist{width:100%;display: flex;justify-content:space-between;
margin: 40px auto;padding-bottom: 50px;}
.m15 .map .iconlist  dl{
position: relative;
width:31%;margin-right: 2%;
box-sizing:border-box;padding:20px 0 20px 120px;
}
.m15 .map .iconlist  dl:last-child{margin-right: 0;}
.m15 .map .iconlist  dl:before{
position: absolute;content:"";width:100px;height:100px;background:#7f8ea4;border-radius:50%;
top:50%;left:0px;transform:translateY(-50%);
}
.m15 .map .iconlist  dl:after{position: absolute;content:"";width:100px;height:100px;background:url(/images/page/m15_icon1.png)no-repeat center;border-radius:50%;
top:50%;left:0px;transform:translateY(-50%);}

.m15 .map .iconlist  dl:nth-child(2):after{background:url(/images/page/m15_icon2.png)no-repeat center;}
.m15 .map .iconlist  dl:nth-child(3):after{background:url(/images/page/m15_icon3.png)no-repeat center;}
.m15 .map .iconlist dl dt{color:#000;font-weight: 500;font-size:17px;margin-bottom: 15px;}
.m15 .map .iconlist dl dd{color:#444;font-weight: 400;font-size:18px;line-height:1.6;}


@media screen and (max-width:950px){
.m15 .map1{margin-bottom: 70px;}
.m15 .map .iconlist{flex-direction:column;}
.m15 .map .iconlist dl{width:100%;margin-right: 0;margin-bottom:35px;}
.m15 .map .iconlist  dl:last-child{margin-bottom:  0;}


}

/*m21*/
.m21{margin-bottom: 0;}
.m21 .centit{font-family: "Lexend";text-align: center;font-size:40px;color:#000;font-weight: 600;margin:0 auto 104px;}
.m21 .maintit{font-family: "Lexend"; position: relative;width: 96%;max-width:1420px;font-size:40px;color:#000;	font-weight: 600;margin:0 auto 80px;}
.m21 .maintit:before{position: absolute;
    content: "";
    top: 50%;
    right: 100%;
    width: 6.5vw;
    height: 1px;
    background: #000;
    z-index: 200;
    margin: -1px 45px 0 0;
	}
.m21 .section1{}
.m21 .section1 .txtwrap{margin-bottom: 70px;}
.m21 .section1 .txtwrap p{position: relative;margin-bottom: 15px;color:#444;font-size:20px;padding-left: 25px;}
.m21 .section1 .txtwrap p:before{position: absolute;content:"";top:50%;left:0;transform:translateY(-50%);width: 5px;height: 5px;border-radius:50%;border:2px solid #065cbf;}
.m21 .section1 .diagram.pcview{display: none !important;}
.m21 .section1 .diagram.mview{display: none !important;}

.m21 .section1 .diagram{position: relative;width: 100%;height:967px;border-radius:20px;border:1px solid #cccccc;display: flex;
justify-content:center;align-items:center;
}
.m21 .section1 .diagram .centerimg{position: relative;}
.m21 .section1 .diagram .centerimg:before{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";
width: 421px;height: 421px;border-radius:50%;border:2px dotted rgba(66,66,66,0.4); }
.m21 .section1 .diagram .centerimg:after{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";
width: 750px;height: 750px;border-radius:50%;border:2px dotted rgba(66,66,66,0.4); }
.m21 .section1 .diagram .centerimg .centertxt{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align: center;}
.m21 .section1 .diagram .centerimg .centertxt .logo{margin-bottom: 10px;display: block;}
.m21 .section1 .diagram .centerimg .centertxt .tit{font-size:22px;font-weight:600;color:#000;}
.m21 .section1 .diagram .circlewrap{position: absolute;display: flex;align-items:center;}

.m21 .section1 .diagram .circlewrap .circle{width:270px;height:270px;border-radius:50%;background:#315fd2;display: flex;
justify-content:center;align-items:center;flex-direction:column;}
.m21 .section1 .diagram .circlewrap2 .circle{background:#0097b2;}
.m21 .section1 .diagram .circlewrap3 .circle{background: #019981;}
.m21 .section1 .diagram .circlewrap4 .circle{background: #a5a8b9;}
.m21 .section1 .diagram .circlewrap .circle p{color:#fff;font-size:24px;font-weight: 500;margin-bottom: 20px;}
.m21 .section1 .diagram .circlewrap .txtlist{}
.m21 .section1 .diagram .circlewrap .txtlist .txt{position: relative;color:rgba(255,255,255,0.8);font-weight: 300;font-size:15px;margin-bottom: 8px;padding-left:12px;}
.m21 .section1 .diagram .circlewrap .txtlist .txt:before{position: absolute;position: absolute;content:"";top:50%;transform:translateY(-50%);
left:0;border-radius:50%;border:1px solid rgba(255,255,255,0.4);width:5.71px;height:5.71px;}

.m21 .section1 .diagram .circlewrap1{top:6%;left:8%;}
.m21 .section1 .diagram .circlewrap2{bottom:8%;left:8%;}
.m21 .section1 .diagram .circlewrap3{top:6%;right:8%;}
.m21 .section1 .diagram .circlewrap4{bottom:8%;right:8%;}

@media screen and (max-width:1000px){
.m21 .section1 .diagram .circlewrap1{top:5px;left:10px;}
.m21 .section1 .diagram .circlewrap2{bottom:10px;left:10px;}
.m21 .section1 .diagram .circlewrap3{top:5px;right:10px;}
.m21 .section1 .diagram .circlewrap4{bottom:10px;right:10px;}

}


.m21 .section2 .innerwrap{position: relative;padding:100px 0 100px;}
.m21 .section2 .innerwrap:before{background: #f7f7f7;width:200%;left:-50%;position: absolute;content:"";height:100%;top:0;z-index:-1;}
.m21 .section2 .listwrap{width: 100%;}
.m21 .section2 .listwrap .list{width:100%;}
.m21 .section2 .listwrap .list .item{position: relative;width:100%;margin-bottom: 50px;}
.m21 .section2 .listwrap .list .item:before{display: none;
position: absolute;width:482px;left:50%;top:8.5%;transform:translate(0%, -50%);
background: #c3c6ce;content:"";height:1px;z-index:-1;}

.m21 .section2 .listwrap .list .item:nth-child(3){margin-bottom: 0;}
.m21 .section2 .listwrap .list .item:nth-child(3):before{width: 0;}
.m21 .section2 .listwrap .list .item .in{display: flex;align-items:center;justify-content:center;flex-direction:column;}
.m21 .section2 .listwrap .list .item .in .step{display: none;color:#222;font-size:17px;font-weight: 500;margin-bottom: 20px;}
.m21 .section2 .listwrap .list .item .in .dot{display: none;width: 16px;height: 16px;border-radius:50%;border:2px solid #a0a6b3;
margin-bottom: 38px;background: #f7f7f7;}

.m21 .section2 .listwrap .list .item .in .iconbox{width: 436px;height: 136px;border-radius:68px;background: #799cdf;
display: flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom: 45px;}
.m21 .section2 .listwrap .list .item:nth-child(2) .in .iconbox{background: #5787e1;}
.m21 .section2 .listwrap .list .item:nth-child(3) .in .iconbox{background: #065cbf;}
.m21 .section2 .listwrap .list .item .in .iconbox .icon{margin-bottom: 13px;}
.m21 .section2 .listwrap .list .item .in .iconbox .itit{color:#fff;font-size:26px;font-weight: 500;}
.m21 .section2 .listwrap .list .item .in .txtbox{border-top:2px solid #000000;width:100%;}
.m21 .section2 .listwrap .list .item .in .txtbox .btxt{padding:30px 5%;box-sizing:border-box;border-bottom:1px solid #c6c6c6;
color:#000;font-weight: 700;line-height:1.5em;font-size:22px;}
.m21 .section2 .listwrap .list .item .in .txtbox .stxt{padding:30px 5%;box-sizing:border-box;border-bottom:1px solid #c6c6c6;}
.m21 .section2 .listwrap .list .item .in .txtbox .stxt li{position: relative;padding-left: 18px;margin-bottom: 10px;color:#222;font-size:19px;}
.m21 .section2 .listwrap .list .item .in .txtbox .stxt li:before{position: absolute;content:"";left:0;top:50%;transform:translateY(-50%);
border-radius:50%;border:1px solid rgba(0,0,0,0.4);width:4px;height:4px;}

.m21 .section3{margin-bottom: 00px;}
.m21 .section3 .innerwrap{position: relative;background: url(/images/page/m21_sec3_bg.jpg)no-repeat right top / cover;
padding:100px 0;box-sizing:border-box;}
.m21 .section3 .listwrap{width:100%;margin-top: 50px;}
.m21 .section3 .listwrap .list{position: relative;width:90%;margin:0 auto 100px;}
.m21 .section3 .listwrap .list:last-child{margin-bottom: 0;}
.m21 .section3 .listwrap .list .iconarea{position: absolute;left:50%;top:0%;transform:translate(-50%, -50%);}
.m21 .section3 .listwrap .list .iconarea .circle{position: relative;width: 90px;height: 90px;border-radius:50%;display: flex;justify-content:center;align-items:center;
background: #7f8ea4;}
.m21 .section3 .listwrap .list .iconarea .circle:before{position: absolute;content:"";width:105.82px;height: 105.82px;border-radius:50%;border:2px dotted rgba(255,255,255,0.6);
top:50%;left:50%;transform:translate(-50%, -50%);}
.m21 .section3 .listwrap .list:nth-child(2) .iconarea .circle .icon{transform:translateX(5px);}
.m21 .section3 .listwrap .list:nth-child(2) .iconarea .circle .icon img{transform:scale(0.85);}
.m21 .section3 .listwrap .list .txtarea{background: #f7f7f7;border-radius:20px;padding:60px 6% 50px;box-sizing:border-box;
min-height:320px;}
.m21 .section3 .listwrap .list .txtarea .tit{text-align: center;font-size:28px;font-weight: 600;color:#000;padding-bottom: 20px;border-bottom:1px solid #c6c6c6;}
.m21 .section3 .listwrap .list .txtarea .txtwrap{padding-top: 20px;}
.m21 .section3 .listwrap .list .txtarea .txtwrap li{position: relative;padding-left: 20px;margin-bottom: 10px;color:#222;font-size:18px;line-height:1.5em;}
.m21 .section3 .listwrap .list .txtarea .txtwrap li:before{position: absolute;content:"";width: 5.71px;height: 5.71px;border-radius:50%;border:1px solid rgba(0,0,0,0.4);
top:8px;left:0;}


.m21 .section4 .innerwrap{background: #f7f7f7;position: relative;padding:125px 0 150px;}
.m21 .section4 .innerwrap:before{background: #f7f7f7;width:200%;left:-50%;position: absolute;content:"";height:100%;top:0;z-index:-1;}
.m21 .section4 .boxlist{display: flex;justify-content:center;align-items:center;}
.m21 .section4 .boxlist .boxwrap{width:calc((100% - 40px) / 2);}
.m21 .section4 .boxlist .boxwrap .imgarea{position: relative;margin-bottom: 10px;}
.m21 .section4 .boxlist .boxwrap .imgarea img{width: 100%;}
.m21 .section4 .boxlist .boxwrap .imgarea .txtwrap{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align: center;}
.m21 .section4 .boxlist .boxwrap .imgarea .txtwrap .tit{color:#fff;font-size:30px;margin-bottom: 20px;}
.m21 .section4 .boxlist .boxwrap .imgarea .txtwrap .txt{color:#fff;font-size:18px;}
.m21 .section4 .boxlist .boxwrap:nth-child(1){margin-right: 40px;}
.m21 .section4 .boxlist .boxwrap .txtarea{width: 100%;border-radius:20px;border:1px solid #c7c7c7;box-sizing:border-box;
padding:60px 10px;text-align: center;min-height:267px;display: flex;justify-content:center;align-items:center;}
.m21 .section4 .boxlist .boxwrap .txtarea .info{line-height:1.6em;color:#333;font-size:18px;}


.m21 .section5{width: 100%;padding:120px 0;background: url(/images/page/m21_sec5_bg.jpg)no-repeat center / cover;}
.m21 .section5 .maintit{position: static;color:#fff;font-size:36px;font-weight: 500;text-align: center;margin-bottom: 70px;}
.m21 .section5 .iconarea{width: 100%;display: flex;justify-content:center;align-items:center;
flex-direction:column;
}
.m21 .section5 .iconarea .iconwrap{width: 514px;height: 200.65px;margin-bottom: 30px;border-radius:100px;border:2px dashed rgba(247, 247, 247, 0.4);border-spacing:3px;
display: flex;flex-direction:column;justify-content:center;align-items:center;}
.m21 .section5 .iconarea .iconwrap .icon{min-height:80px;margin-bottom: 15px;}
.m21 .section5 .iconarea .iconwrap .itit{font-size:24px;font-weight: 500;color:#fff;}





/*m22*/
.m22{}
.m22 .diagram{width:100%;margin-bottom: 130px;}
.m22 .diagram .circlewrap{display: none;}
.m22 .diagram .circlewrap:before{position: absolute;content:"";width:712.3px;height:712.3px;border-radius:50%;
border:1px dashed rgba(0,0,0,0.6);
}
.m22 .diagram .circlewrap .img{margin:0 auto;}
.m22 .diagram .circlewrap .tit{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.m22 .diagram .circlewrap .tit .logo{display: block;margin-bottom: 20px;}
.m22 .diagram .circlewrap .tit .title{text-align: center;color:#fff;font-size:28px;font-weight: 600;}
.m22 .diagram .circlewrap .txtlist{position:absolute;display: flex;width:100%;height:100%;left:50%;transform:translateX(-25%);}
.m22 .diagram .circlewrap .txtlist li{position: absolute;text-align: center;}
.m22 .diagram .circlewrap .txtlist li:before{position: absolute;content:"";background:#065cbe;
width: 14px;height: 14px;border-radius:50%;
}

.m22 .diagram .circlewrap .txtlist li strong{color:#000;font-weight: bold;font-size:26px;}

.m22 .diagram .circlewrap .txtlist li:nth-child(1){left:-10%;top:50%;transform:translateY(-50%);}
.m22 .diagram .circlewrap .txtlist li:nth-child(1):before{right:-58px;top:50%;transform:translateY(-50%);}
.m22 .diagram .circlewrap .txtlist li:nth-child(2){top:90%;left:-5%;}
.m22 .diagram .circlewrap .txtlist li:nth-child(2):before{right:-87px;top:14%;transform:translateY(-50%);background: #5686e0;}
.m22 .diagram .circlewrap .txtlist li:nth-child(3){top:120%;left:25%;transform:translateX(-50%);}
.m22 .diagram .circlewrap .txtlist li:nth-child(3):before{left:50%;top:-114%;transform:translateX(-50%);background: #7e8ea3;}
.m22 .diagram .circlewrap .txtlist li:nth-child(4){top:90%;left:52%;transform:translateX(-50%);}
.m22 .diagram .circlewrap .txtlist li:nth-child(4):before{left:-87px;top:14%;transform:translateY(-50%);background: #5686e0;}
.m22 .diagram .circlewrap .txtlist li:nth-child(5){left:54%;top:50%;transform:translateY(-50%);}
.m22 .diagram .circlewrap .txtlist li:nth-child(5):before{left:-61px;top:50%;transform:translateY(-50%);background: #019981;}

.m22 .circleimg.tbview{display: flex;justify-content:center;align-items:center;width:100%;}
.m22 .circleimg.mview{display: none;}
.m22 .listwrap{width:100%;border-top:2px solid #000;}
.m22 .listwrap .list{padding:40px 5px;box-sizing:border-box;border-bottom:1px solid #cccccc;
display: flex;align-items:center;}
.m22 .listwrap .list .titarea{width:30%;display: flex;justify-content:center;align-items:center;border-right:1px solid #cccccc;}
.m22 .listwrap .list .titarea .in{display: flex;justify-content:center;align-items:center;flex-direction:column;}
.m22 .listwrap .list .titarea .in .cicon{margin-bottom: 20px;background: #f7f7f7;width: 104px;height: 104px;border-radius:50%;
display: flex;justify-content:center;align-items:center;}
.m22 .listwrap .list .titarea .in .ctit{font-size:24px;font-weight: 700;color:#000;text-align: center;}
.m22 .listwrap .list .conarea{width: 70%;padding-left:3%;box-sizing:border-box;padding-right:1%;}
.m22 .listwrap .list .conarea ul li{padding-left:20px;position: relative;color:#444;font-size:18px;line-height:1.7em;margin-bottom: 8px;}
.m22 .listwrap .list .conarea ul li:before{position: absolute;top:12px;left:0;width:6.71px;height:6.71px;border-radius:50%;
border:1px solid rgba(0,0,0,0.4);content:"";
}


/*m23*/
.m23 .tmview{display: none;}
.m23 .main_tit{font-family: "Lexend";font-size:36px;color:#000;margin-bottom:120px;font-weight: 700;text-align: center;line-height:1.5em;}
.m23 .diagram{width: 100%;display: flex;}
.m23 .diagram .listwrap{}
.m23 .diagram .listwrap .item{width:375px;height: 180px;border-radius:94px;background: #065cbf;margin-bottom: 30px;display: flex;align-items:center;justify-content:center;}
.m23 .diagram .listwrap .item1{transform:translateX(60px);}
.m23 .diagram .listwrap .item2{background: #5787e1;}
.m23 .diagram .listwrap .item3{background: #a5a8b9;transform:translateX(60px);}
.m23 .diagram .listwrap .item4{background: #019981;transform:translateX(-60px);}
.m23 .diagram .listwrap .item5{background: #0097b2;}
.m23 .diagram .listwrap .item6{background: #7f8ea4;transform:translateX(-60px);}
.m23 .diagram .listwrap .item .inner{width:100%;padding:0 0px 0 36px;box-sizing:border-box;}
.m23 .diagram .listwrap .item .inner .titbox{margin-bottom: 12px;display: flex;align-items:center;}
.m23 .diagram .listwrap .item .inner .titbox .step{display: inline-block;width: 57px;height:20px;border-radius:13px;background: #fff;
text-align: center;line-height:20px;font-size:15px;font-weight: 700;color:#065cbf;margin-right: 15px;}
.m23 .diagram .listwrap .item .inner .titbox .tit{font-size:17px;color:#fff;}
.m23 .diagram .listwrap .item .inner .txt p{position: relative;font-size:16px;color:rgba(255,255,255,0.58);line-height:1.5em;padding-left:13px;
box-sizing:border-box;}
.m23 .diagram .listwrap .item .inner .txt p:before{position: absolute;content:"";border-radius:50%;
width:6px;height:6px;border:1px solid rgba(255,255,255, 0.6);top:10px;left:0;}
.m23 .diagram .listwrap .item .inner .titbox .step2{color: #5787e1;}
.m23 .diagram .listwrap .item .inner .titbox .step3{color: #a5a8b9;}
.m23 .diagram .listwrap .item .inner .titbox .step4{color: #019981;}
.m23 .diagram .listwrap .item .inner .titbox .step5{color: #0097b2;}
.m23 .diagram .listwrap .item .inner .titbox .step6{color: #7f8ea4;}
.m23 .diagram .circlewrap{margin:120px 10px 0;}

@media screen and (max-width:1280px){
.m23 .tmview{display: block;}
.m23 .diagram{justify-content:center;align-items:center;flex-direction:column;}
.m23 .diagram .circlewrap{display: none;}
.m23 .diagram .imgwrap{margin:0 auto 45px;}
.m23 .diagram .imgwrap img{}
.m23 .diagram .listwrap{width:100%;}
.m23 .diagram .listwrap .item{margin:0 auto 40px;width:631px;height:250px;border-radius:140px;box-sizing:border-box;padding:0 6%;}
.m23 .diagram .listwrap .item .inner{box-sizing:border-box;}
.m23 .diagram .listwrap .item1{transform:translateX(0px);}
.m23 .diagram .listwrap .item2{background: #5787e1;}
.m23 .diagram .listwrap .item3{background: #a5a8b9;transform:translateX(0px);}
.m23 .diagram .listwrap .item4{background: #019981;transform:translateX(0px);}
.m23 .diagram .listwrap .item5{background: #0097b2;}
.m23 .diagram .listwrap .item6{background: #7f8ea4;transform:translateX(0px);}
.m23 .diagram .listwrap .item .inner .titbox{margin-bottom: 16px;}
.m23 .diagram .listwrap .item .inner .titbox .tit{font-size:22px;}
.m23 .diagram .listwrap .item .inner .txt p{font-size:19px;}
.m23 .diagram .listwrap .item .inner .titbox .step{display: inline-block;width: 68px;height:26px;border-radius:13px;background: #fff;
text-align: center;line-height:25px;font-size:16px;font-weight: 700;margin-right: 20px;}


}

/*m31*/
.m31{margin-bottom: 0;}
.m31 .sec_tit{margin-bottom: 120px;}
.m31 .tab_wrap{width: 96%;max-width: 1420px;margin: 0 auto 25px;}
.m31 .tab_wrap .sec_tab{display: flex;align-items:center;justify-content:space-between;}
.m31 .tab_wrap .sec_tab li{width:690px;height:70px;border-radius:35px;}
.m31 .tab_wrap .sec_tab li.on{border:2px solid #e5e5e5;background: #f7f7f7;}
.m31 .tab_wrap .sec_tab li a{display: block;width:100%;height:100%;border-radius:35px;}
.m31 .tab_wrap .sec_tab li a .ttit{line-height:70px;text-align: center;font-size:20px;color:#666666;}
.m31 .tab_wrap .sec_tab li.on a .ttit{color:#065cbf;font-weight: 500;}
.m31 .section{background: #f7f7f7;}
.m31 .section1{border-top:1px solid #e5e5e5;}
.m31 .section:last-child{padding-bottom: 200px;}
.m31 .section .listwrap{}
.m31 .section .listwrap .list{}
.m31 .section .listwrap .list li{display: flex;justify-content:space-between;box-sizing:border-box;padding:60px 5px;border-bottom:1px solid rgba(0,0,0,0.2);}
.m31 .section .listwrap .list li:nth-child(2n){flex-direction:row-reverse;}
.m31 .section .listwrap .list li .imgwrap{margin-right:50px;}
.m31 .section .listwrap .list li:nth-child(2n) .imgwrap{margin-right: 0;margin-left: 50px;}
.m31 .section .listwrap .list li .imgwrap .img{overflow:hidden;width:520px;height:325px;
background: #5787e1 url(/images/page/m11_logo.jpg)no-repeat center;}
.m31 .section .listwrap .list li .imgwrap .img img{width:100%;height:100%;object-fit:cover;}
.m31 .section .listwrap .list li:nth-child(2n-1) .imgwrap .img{border-top-left-radius:100px;}
.m31 .section .listwrap .list li:nth-child(2n) .imgwrap .img{border-top-right-radius:100px;}
.m31 .section .listwrap .list li .titwrap{width:calc(100% - 50px - 520px);box-sizing:border-box;padding: 20px 0; padding-right: 60px; }
.m31 .section .listwrap .list li:nth-child(2n) .titwrap{padding-right: 0;padding-left:60px;}
.m31 .section .listwrap .list li .titwrap .tit{color:#000;font-size:30px;font-weight: 600;margin-bottom: 28px;}
.m31 .section .listwrap .list li .titwrap .txt{color:#595858;font-size:17px;line-height:1.8;margin-bottom: 45px;}
.m31 .section .listwrap .list li .titwrap .more_btn{display: inline-block;width:340px;height:60px;line-height:60px;border:1px solid rgba(0,0,0,0.5);border-radius: 30px;}
.m31 .section .listwrap .list li .titwrap .more_btn span{position: relative;display: block;text-align: center;color:#000;font-size:16px;}
.m31 .section .listwrap .list li .titwrap .more_btn span:before{position: absolute;content:"";background: url(/images/page/more_arr.png)no-repeat center / cover;width:14px;height:11px;
top:50%;right:107px;transform:translateY(-50%) ;}
.m31 .section .listwrap .list li .titwrap .more_btn:hover{background: #065cbf;border:1px solid #065cbf;transition: all 0.4s;}
.m31 .section .listwrap .list li .titwrap .more_btn:hover span{color:#fff;}
.m31 .section .listwrap .list li .titwrap .more_btn:hover span:before{background: url(/images/page/more_arr_hover.png)no-repeat center / cover;}

@media screen and (max-width:1280px){
.m31 .section .listwrap .list li .titwrap .txt>br{display: none;}
}

@media screen and (max-width:1100px){
.m31 .section .listwrap .list li .titwrap{padding-right:20px;}
.m31 .section .listwrap .list li:nth-child(2n) .titwrap{padding-left:20px;}
}
@media screen and (max-width:980px){
.m31 .section .listwrap .list li{flex-direction:column;}
.m31 .section .listwrap .list li:nth-child(2n){flex-direction:column;}
.m31 .section .listwrap .list li .imgwrap{margin-right:0px;}
.m31 .section .listwrap .list li:nth-child(2n) .imgwrap{margin-right: 0;margin-left: 0px;}
.m31 .section .listwrap .list li .imgwrap .img{overflow:hidden;width:100%;height:420px;}
.m31 .section .listwrap .list li .titwrap{width:100%;padding-right: 0;}
.m31 .section .listwrap .list li:nth-child(2n) .titwrap{padding-left:0;}
}



/*list_view*/
.list_view{margin-bottom: 0;}
.list_view .sec_tit{margin-bottom: 120px;}
.list_view .section{background: #f7f7f7;}
.list_view .section1{border-top:1px solid #e5e5e5;}
.list_view .section:last-child{padding-bottom: 200px;}
.list_view .conarea{}
.list_view .conarea .titlearea{margin-bottom: 60px;text-align: center;}
.list_view .conarea .titlearea .tit{color:#000;font-size:42px;margin-bottom: 36px;font-weight: 600;}
.list_view .conarea .titlearea .txt{color:#333;font-size:20px;line-height:1.6;box-sizing:border-box;font-weight: 300;}
.list_view .conarea .viewarea{width:100%;}
.list_view .conarea .viewarea .gal-wrap{position: relative;box-sizing:border-box;}
.list_view .conarea .viewarea .swiper{width:100%;position: relative;}
.list_view .conarea .viewarea .swiper-wrapper{width:100%;}
.list_view .conarea .viewarea .imgSwiper2{padding-bottom:240px;}
.list_view .conarea .viewarea .imgSwiper2 .swiper-slide{cursor:pointer;width:100%;overflow:hidden;height:720px;}
.list_view .conarea .viewarea .imgSwiper2 .swiper-slide img{width:100%;object-fit:cover;height:100%;}
.list_view .conarea .viewarea .imgSwiper2 .ctr{position: absolute;bottom:0%;right:0;width:100px;text-align:center;display: flex;justify-content:center;
align-items:center;}
.list_view .conarea .viewarea .imgSwiper2 .ctr .sprev{margin-right: 10px;cursor:pointer;}
.list_view .conarea .viewarea .imgSwiper2 .ctr .snext{margin-left: 10px;cursor:pointer;}
.list_view .conarea .viewarea .imgSwiper2 .ctr .spaging{position: static;}
.list_view .conarea .viewarea .imgSwiper2 .ctr .spaging span{display: inline-block;margin:0 2px;color:#666;font-size:15px;font-weight: 300;}
.list_view .conarea .viewarea .imgSwiper2 .ctr .spaging .swiper-pagination-current{color:#000;font-weight:400;}
.list_view .conarea .viewarea .imgSwiper{position: absolute;bottom:30px;left:0;}
.list_view .conarea .viewarea .imgSwiper .swiper-wrapper{box-sizing:border-box;padding:0 1%;}
.list_view .conarea .viewarea .imgSwiper .swiper-slide{position: relative;overflow:hidden;height:165px;cursor:pointer;transition:all 0.4s;border:3px solid #fff;}
.list_view .conarea .viewarea .imgSwiper .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.list_view .conarea .viewarea .imgSwiper .swiper-slide:before{position: absolute;content:"";width:100%;height:100%;background: rgba(0,0,0,0.42);top:0;left:0;}
.list_view .conarea .viewarea .imgSwiper .swiper-slide.swiper-slide-thumb-active{border:3px solid #065cbf;transition:all 0.4s;}
.list_view .conarea .viewarea .imgSwiper .swiper-slide.swiper-slide-thumb-active:before{width:0;}

.list_view .conarea .viewarea .txtarea{border-top:2px solid #000;margin-bottom: 70px;margin-top: 100px;}
.list_view .conarea .viewarea .txtarea dl{box-sizing:border-box;padding:45px 0;display: flex;align-items:start;align-items: baseline;border-bottom:1px solid #c6c6c6;}
.list_view .conarea .viewarea .txtarea dl dt{color:#000;font-size:30px;font-weight: 600;box-sizing:border-box;padding-left: 40px;
min-width:230px;}
.list_view .conarea .viewarea .txtarea dl dd{box-sizing:border-box;}
.list_view .conarea .viewarea .txtarea dl dd > div{padding-left:30px;font-size:18px;color:#333333;margin-bottom: 15px;position: relative;}
.list_view .conarea .viewarea .txtarea dl dd > div:before{position: absolute;content:"";top:8px;left:8px;width: 6.75px;height: 6.75px;
border-radius:50%;border:1px solid rgba(0,0,0,0.4);
}
.list_view .conarea .btn_wrap{}
.list_view .conarea .btn_wrap .btn{margin:0 auto;display: block;width:340px;height: 60px;line-height:60px;border-radius:30px;border:1px solid #c6c6c6;text-align: center;}
.list_view .conarea .btn_wrap .btn span{display: inline-block;position: relative;color:#000;text-align: center;}
.list_view .conarea .btn_wrap .btn span:before{position: absolute;content:"";width:14px;height:11px;background: url(/images/page/more_arr.png)no-repeat center / cover;
top:50%;right:-30px;transform:translateY(-50%);
}
.list_view .conarea .btn_wrap .btn:hover{border:1px solid #065cbf;background: #065cbf;transition:all 0.4s;}
.list_view .conarea .btn_wrap .btn:hover span{color:#fff;}
.list_view .conarea .btn_wrap .btn:hover span:before{background: url(/images/page/more_arr_hover.png)no-repeat center / cover;}

@media screen and (max-width:1024px){
.list_view .conarea .viewarea .imgSwiper2{padding-bottom:185px;}
.list_view .conarea .viewarea .imgSwiper2 .swiper-slide{height:600px;}
.list_view .conarea .viewarea .imgSwiper .swiper-slide{height:125px;}
}



/*m41*/
.m41 .section .innerwrap{width:98%;max-width:1820px;margin:0 auto;}
.m41 .mtit{font-family: "Lexend"; text-align: center;font-size:36px;color:#000000;font-weight: 700;line-height:1.5;margin-bottom: 104px;}
.m41 .mtit .tc{color:#065cbf;font-weight: 700;line-height:1.5;font-size:36px;}
.m41 .con{overflow:hidden;position: relative;width:100%;max-width:1820px;background: url(/images/page/m41_sec1_bg.png)no-repeat center / cover;}
/* .m41 .con:before{position: absolute;content:"";width:160%;left:-30%;height:949px;} */
.m41 .con .dia{width:94%;max-width:1420px;margin:0 auto;padding-top: 170px;padding-bottom: 220px;}
.m41 .con .dia .dtit{position: relative;width: 511px;height: 90px;background: #065cbf;line-height: 90px;font-weight: 600;color:#fff;font-size:30px;text-align: center;margin:0 auto;
border-radius:45px;margin-bottom: 40px;
}
.m41 .con .dia .dtit:before{
position: absolute;content:"";left:50%;top:100%;transform:translateX(-50%);border-left:2px dotted rgba(255,255,255,0.5);height:93px;
}

.m41 .con .dia .iconlist{position: relative;padding-top: 60px;}
.m41 .con .dia .iconlist:before{position: absolute;content:"";width:69.8%;border:2px dotted rgba(255,255,255,0.5);top:0;left:calc(185px + 2%);
height:52px;border-bottom:0;border-top-left-radius:15px;border-top-right-radius:15px;
display: none;}
.m41 .con .dia .iconlist li{position: relative;margin-bottom: 100px;width:100%;display: flex;
justify-content:center;align-items:center;}
.m41 .con .dia .iconlist li:before{
position: absolute;content:"";left:50%;top:calc(100% + 5px);transform:translateX(-50%);border-left:2px dotted rgba(255,255,255,0.5);height:80px;
}
.m41 .con .dia .iconlist li:last-child:before{display: none;}
.m41 .con .dia .iconlist li:after{position: absolute;content:'';background: #065cbf;width:8px;height:8px;border-radius:50%;bottom:-15px;left:50%;transform:translateX(-50%);}
.m41 .con .dia .iconlist li:last-child:after{display: none;}
.m41 .con .dia .iconlist li:last-child{margin-right: 0;}
.m41 .con .dia .iconlist li .circle{position: relative;width: 370px;height: 370px;display: flex;justify-content:center;align-items:center;
border-radius:50%;background: transparent;border:1px solid rgba(255,255,255,0.5);
}
.m41 .con .dia .iconlist li .circle:before{position: absolute;content:"";transform:translate3d(-50% , -50% , 0);top:50%;left:50%;width: 385px;height: 385px;border:2px dotted rgba(255,255,255,0.5);
border-radius:50%;
}
.m41 .con .dia .iconlist li .circle:after{
position: absolute;content:'';background: #065cbf;width:8px;height:8px;border-radius:50%;top:-15px;left:50%;transform:translateX(-50%);
}

.m41 .con .dia .iconlist li .circle .c_in{display: flex;justify-content:center;align-items:center;flex-direction:column;text-align: center;}
.m41 .con .dia .iconlist li .circle .c_in .icon{margin-bottom: 30px;}
.m41 .con .dia .iconlist li .circle .c_in .itit{font-weight: 500;color:#fff;font-size:30px;}
.m41 .con .dia .iconlist li .txt {display: none;line-height:1.7;font-size:18px;color:rgba(255,255,255,0.7);text-align: center;box-sizing:border-box;padding:0 10px;font-weight: 300;}




/*m42*/
.m42 .mtit{font-family: "Lexend"; text-align: center;font-size:35px;color:#000000;font-weight: 700;line-height:1.5;margin-bottom: 104px;}
.m42 .con{width:100%;margin-bottom: 85px;}
.m42 .con .list{width:100%;display: flex;flex-wrap:wrap;align-items:center;}
.m42 .con .list li{width:calc((100% - 40px) / 3);margin-right: 20px;margin-bottom: 30px;box-sizing:border-box;padding:32px 30px;min-height:340px;
border:1px solid #d9d9d9;border-radius:17px;}
.m42 .con .list li:nth-child(3n){margin-right: 0;}
.m42 .con .list li .titwrap{border-bottom:1px solid #d9d9d9;padding-bottom:20px;}
.m42 .con .list li .titwrap .title{font-size:22px;color:#000;font-weight: 700;line-height:1.4;min-height:100px;}
.m42 .con .list li .titwrap .part{display: inline-block; padding: 10px 15px; border-radius: 50px; font-size: 18px; font-weight: 600; color: #fff; margin-bottom: 40px; background: #7f8ea4;}
.m42 .con .list li .titwrap .part2{background: #5787e1;}
.m42 .con .list li .titwrap .part3{background: #019981;}
.m42 .con .list li .titwrap .part4{background: #065cbf;}
.m42 .con .list li .dep{padding-top: 25px;font-size:17px;color:#000;font-weight: 300;line-height:1.5;}

@media screen and (max-width:920px){
.m42 .con .list li{width:calc((100% - 20px) / 2);margin-right: 20px;margin-bottom: 30px;box-sizing:border-box;padding:32px 30px;min-height:325px;
border:1px solid #d9d9d9;border-radius:17px;}
.m42 .con .list li:nth-child(2n){margin-right: 0;}
.m42 .con .list li:nth-child(3n){margin-right: 20px;}
.m42 .con .list li:nth-child(6n){margin-right: 0px;}
.m42 .con .list li .titwrap .title{min-height:85px;}

}

/*m43*/
.m43 .section{}
.m43 .section .innerwrap{max-width:1608px;}
.m43{}
.m43 .certlist{width:100%;position: relative;overflow:hidden;padding: 120px 45px 150px;box-sizing:border-box;}
.m43 .certlist:before{position: absolute;content:"";width:calc(100% - 200px);left:100px;background: #f7f7f7;height:100%;
top:0px;}
.m43 .certlist .swiper-wrapper{width:94%}
.m43 .certlist .swiper-wrapper .list{display: flex;justify-content:center;align-items:center;flex-direction:column;;cursor:pointer;}
.m43 .certlist .swiper-wrapper .list .img{margin-bottom: 30px;}
.m43 .certlist .swiper-wrapper .list .tit{font-size:20px;color:rgba(0,0,0,0.8);font-weight: 300;}
.m43 .certlist .cpaging{position: absolute;bottom:50px;left:50%;transform:translateX(-50%);text-align: center;color:rgba(0,0,0,0.8);width:100%;
z-index:1000;}

.m43 .certlist .cpaging span{
	display:inline-block;
	margin:0 1%;
	box-sizing:border-box;
	font-size:18px;color:rgba(0,0,0,0.8);text-align:center;
}
.m43 .certlist .cpaging .swiper-pagination-current{font-weight: 500;color:#065cbf;}
.m43 .certlist .cprev{position: absolute;top:50%;left:0px;width: 100px;height:100%;background:  url(/images/page/swiper_arr.png)no-repeat center;
transform:translateY(-50%);cursor:pointer;z-index:1000;
}
.m43 .certlist .cnext{position: absolute;top:50%;right:0px;width:100px;height:100%;background:url(/images/page/swiper_arr.png)no-repeat center;
transform:translateY(-50%) rotate(180deg);cursor:pointer;z-index:1000;}

@media screen and (max-width:920px){
.m43 .certlist .cprev{width:65px;}
.m43 .certlist .cnext{width:65px;}
.m43 .certlist:before{width:calc(100% - 130px);left:65px;}
}



/*m51*/
.m51 .searchwrap{margin-bottom: 200px;}
.m51 .searchwrap .search_top{width:80%;max-width:1050px;margin:0 auto;display: flex;align-items:center;box-sizing:border-box;padding-bottom: 60px;

}
.m51 .searchwrap .search_top .text_search{position: relative;width:760px;height:62px;border-radius:8px;margin-right: 27px;}
.m51 .searchwrap .search_top .text_search input{outline:none;border:none;height:62px;width:100%;border-radius:8px;padding-left:10px;
border: 1px solid #dae1eb;}
.m51 .searchwrap .search_top .text_search input::placeholder{color:#333;font-size:18px;opacity:0.5;}
.m51 .searchwrap .search_top .text_search button{position: absolute;top:50%;right:20px;transform:translateY(-50%);border-radius:8px;}
.m51 .searchwrap .search_top .filterBtn{width: 220px;height: 62px;background: #000;border-radius:8px;line-height: 62px;}
.m51 .searchwrap .search_top .filterBtn span{position: relative;display:inline-block;color:#fff;font-size:18px;padding-left:20px;}
.m51 .searchwrap .search_top .filterBtn span:before{position: absolute;content:"";background: url(/images/page/filter_icon.png)no-repeat center / cover;width:19px;height:19px;
top:50%;left:-15px;transform:translateY(-50%);}
.m51 .searchwrap .filterbox{box-sizing:border-box;padding-top:70px;width:100%;border-top:2px solid #000;
display: none;
}
.m51 .searchwrap .filterbox .catewrap{width:100%;margin-bottom: 70px;display: flex;align-items:start;box-sizing:border-box;
padding:0 4%;
}
.m51 .searchwrap .filterbox .catewrap .title1{font-size:24px;color:#000;font-weight: 600;line-height: 1.6;min-width:200px;}
.m51 .searchwrap .filterbox .catewrap > ul{
width:calc(100% - 200px);
display: flex;align-items:center;flex-wrap:wrap;
}
.m51 .searchwrap .filterbox .catewrap > ul > li{
width:calc((100% - 40px ) / 6) ;
margin-right: 8px;
margin-bottom: 8px;}
.m51 .searchwrap .filterbox .catewrap > ul > li:nth-child(6n){
margin-right: 0;
}
.m51 .searchwrap .filterbox .catewrap >  ul > li > input{display: none;}
.m51 .searchwrap .filterbox .catewrap > ul > li > input + label{
	display:inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 53.99px;
    background: #fff;
    outline: 0;
	line-height: 53.99px;
    border-radius: 7px;
    font-size: 16px;
	border: 1px solid #dae1eb;
    color: rgba(51,51,51,0.5);
	text-align: center;
}
.m51 .searchwrap .filterbox .catewrap > ul > li > input:checked + label{
color:#000;font-weight:500;
border:1px solid #000;
}
.m51 .searchwrap .filterbox .filterbtn{text-align: center;margin: 40px 0 0;}
.m51 .searchwrap .filterbox .filterbtn button{display: inline-block;
	outline:none;
    border: none;
    width: 45%;
    margin: 0 5px;
    max-width: 230px;
    padding: 20px 0;
    font-weight: 500;
    background: #e3e3e3;
    color: #666;
}
.m51 .searchwrap .filterbox .filterbtn button:last-child{background: #111;color: #fff;}

.m51 .search_lists{}
.m51 .search_lists ul{width:100%;display: flex;flex-wrap:wrap;justify-content:space-between;}
.m51 .search_lists ul li{width:calc((100% - 120px) / 3);margin-right: 60px;margin-bottom: 60px;}
.m51 .search_lists ul li:nth-child(3n){margin-right: 0;}
.m51 .search_lists ul li .thumb{position: relative;overflow:hidden;width:100%;height:300px;margin-bottom: 40px;}
.m51 .search_lists ul li .thumb a{position: relative;display: block;width:100%;height: 100%; z-index:100;}
.m51 .search_lists ul li a:before{position: absolute;content:"";top:0;left:0;width:0%;height:100%;background: rgba(18,84,160, 0.85);
/* border-radius:20px; */transition:width 0.4s;}
.m51 .search_lists ul li a:after{position: absolute;content:"View more  → ";color:#fff;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);
font-size:15px;width:142px;height:50px;line-height:50px;border:1px solid rgba(255,255,255, 0.5);border-radius:25px;text-align: center;opacity:0;transition:all 0.4s;}

.m51 .search_lists ul li .thumb a img{width: 100%; height: 100%; object-fit: cover;}
.m51 .search_lists ul li .title{font-size:24px;color:#000;font-weight: 600;}

.m51 .search_lists ul li .thumb a:hover:before{width:100%;transition:width 0.4s;}
.m51 .search_lists ul li .thumb a:hover:after{opacity:1;transition:all 0.4s;}

@media screen and (max-width:1357px){
.m51 .searchwrap .search_top{width:95%;}
}


@media screen and (max-width:1280px){
.m51 .searchwrap .search_top{width:100%;max-width:1280px;}
.m51 .searchwrap .filterbox .catewrap{padding:0 2%;flex-direction:column;}
.m51 .searchwrap .filterbox .catewrap .title1{margin-bottom: 40px;}
.m51 .searchwrap .filterbox .catewrap .title1 .tbbr{display: none;}
.m51 .searchwrap .filterbox .catewrap ul{width:100%;}

.m51 .search_lists ul li{width:calc((100% - 45px) / 2);margin-right: 45px;margin-bottom: 60px;}
.m51 .search_lists ul li:nth-child(3n){margin-right: 45px;}
.m51 .search_lists ul li:nth-child(2n){margin-right: 0;}
.m51 .search_lists ul li:nth-child(6n){margin-right: 0;}
}

@media screen and (max-width:1240px){
.m51 .searchwrap .filterbox .catewrap > ul > li{
width:calc((100% - 32px ) / 5) ;
margin-right: 8px;
margin-bottom: 8px;}
.m51 .searchwrap .filterbox .catewrap > ul > li:nth-child(5n){
margin-right: 0px;
}
.m51 .searchwrap .filterbox .catewrap > ul > li:nth-child(6n){
margin-right: 8px;
}
.m51 .searchwrap .filterbox .catewrap > ul > li:nth-child(30n){
margin-right: 0px;
}

}
@media screen and (max-width:1080px){
.m51 .searchwrap .search_top .filterBtn span{text-indent:-99999px;text-align: center;}
.m51 .searchwrap .search_top .filterBtn span:before{position: absolute;content:"";background: url(/images/page/filter_icon.png)no-repeat center / cover;width:19px;height:19px;
top:50%;left:50%;transform:translateY(-50%) translateX(-50%);}
}
@media screen and (max-width:940px){
.m51 .searchwrap .search_top .text_search{max-width:645px;}
}


/*납품뷰*/
.ex_view .conarea .viewarea{width:100%;position: relative;box-sizing:border-box;}
.ex_view .conarea .viewarea .swiper{width:100%;position: relative;}
.ex_view .conarea .viewarea .swiper-wrapper{width:100%;}
.ex_view .conarea .viewarea .imgSwiper2{padding-bottom: 240px;}
.ex_view .conarea .viewarea .imgSwiper2 .swiper-slide{cursor:pointer;width:100%;overflow:hidden;height:720px;}
.ex_view .conarea .viewarea .imgSwiper2 .swiper-slide img{width:100%;object-fit:cover;height: 100%;}
.ex_view .conarea .viewarea .imgSwiper2 .ctr{position: absolute;bottom:0%;right:0;width:100px;text-align:center;display: flex;justify-content:center;
align-items:center;}
.ex_view .conarea .viewarea .imgSwiper2 .ctr .sprev{margin-right: 10px;cursor:pointer;}
.ex_view .conarea .viewarea .imgSwiper2 .ctr .snext{margin-left: 10px;cursor:pointer;}
.ex_view .conarea .viewarea .imgSwiper2 .ctr .spaging{position: static;}
.ex_view .conarea .viewarea .imgSwiper2 .ctr .spaging span{display: inline-block;margin:0 2px;color:#666;font-size:15px;font-weight: 300;}
.ex_view .conarea .viewarea .imgSwiper2 .ctr .spaging .swiper-pagination-current{color:#000;font-weight:400;}
.ex_view .conarea .viewarea .imgSwiper{position: absolute;bottom:30px;left:0;}
.ex_view .conarea .viewarea .imgSwiper .swiper-wrapper{box-sizing:border-box;padding:0 1%;}
.ex_view .conarea .viewarea .imgSwiper .swiper-slide{position: relative;overflow:hidden;height:165px;cursor:pointer;transition:all 0.4s;border:3px solid #fff;}
.ex_view .conarea .viewarea .imgSwiper .swiper-slide img{width: 100%;height: 100%;object-fit:cover;}
.ex_view .conarea .viewarea .imgSwiper .swiper-slide:before{position: absolute;content:"";width:100%;height:100%;background: rgba(0,0,0,0.42);top:0;left:0;}
.ex_view .conarea .viewarea .imgSwiper .swiper-slide.swiper-slide-thumb-active{border:3px solid #065cbf;transition:all 0.4s;}
.ex_view .conarea .viewarea .imgSwiper .swiper-slide.swiper-slide-thumb-active:before{width:0;}


.ex_view .conarea .iconlist{width:100%;display: flex;flex-wrap:wrap;margin: 80px auto;padding-top:60px;padding-bottom:30px;
box-sizing:border-box;border-bottom:1px solid #ccc;border-top:2px solid #000; }
.ex_view .conarea .iconlist  dl{
position: relative;
width:50%;
box-sizing:border-box;padding:20px 0 20px 120px;
margin-bottom: 55px;
}
.ex_view .conarea .iconlist  dl:before{
position: absolute;content:"";width:104px;height:104px;background:#f7f7f7;border-radius:50%;
top:50%;left:0px;transform:translateY(-50%);
}
.ex_view .conarea .iconlist  dl:after{position: absolute;content:"";width:104px;height:104px;background:url(/images/page/m51_view_icon1.png)no-repeat center;border-radius:50%;
top:50%;left:0px;transform:translateY(-50%);}

.ex_view .conarea .iconlist  dl:nth-child(2):after{background:url(/images/page/m51_view_icon2.png)no-repeat center;}
.ex_view .conarea .iconlist  dl:nth-child(3):after{background:url(/images/page/m51_view_icon3.png)no-repeat center;}
.ex_view .conarea .iconlist  dl:nth-child(4):after{background:url(/images/page/m51_view_icon4.png)no-repeat center;}
.ex_view .conarea .iconlist  dl:nth-child(5):after{background:url(/images/page/m51_view_icon5.png)no-repeat center;}
.ex_view .conarea .iconlist  dl:nth-child(6):after{background:url(/images/page/m51_view_icon6.png)no-repeat center;}
.ex_view .conarea .iconlist dl dt{color:#000;font-weight: 600;font-size:22px;margin-bottom: 10px;}
.ex_view .conarea .iconlist dl dd{color:#333;font-weight: 400;font-size:17px;line-height:1.8;}
.ex_view .conarea .iconlist dl dd a{color:#333;font-weight: 400;font-size:17px;line-height:1.8;}

.ex_view .conarea .btn_wrap{position: relative;margin:0 auto;width:340px;display: flex;justify-content:center;align-items:center;cursor:pointer;
border-radius:30px;border:1px solid rgba(0,0,0,0.2);box-sizing:border-box;}
.ex_view .conarea .btn_wrap .btn{display: block;width:100%;height:100%;text-align:center;font-size:16px;
color:#000;padding:20px 0;}
.ex_view .conarea .btn_wrap  i{position: absolute;display: inline-block;width:14px;height: 11px;background: url(/images/page/more_arr.png)no-repeat center / cover;
top:50%;left:calc(50% + 40px);transform:translateY(-50%) translateX(-50%);
}
.ex_view .conarea .btn_wrap:hover{border:1px solid #065cbf; background: #065cbf;transition:all 0.3s ease;}
.ex_view .conarea .btn_wrap:hover .btn{color:#fff;transition: all .1s ease;}
.ex_view .conarea .btn_wrap:hover  i{background: url(/images/page/more_arr_hover.png)no-repeat center / cover;}


@media screen and (max-width:1024px){
.ex_view .conarea .viewarea .imgSwiper2{padding-bottom: 185px;}
.ex_view .conarea .viewarea .imgSwiper2 .swiper-slide{height:600px;}
.ex_view .conarea .viewarea .imgSwiper .swiper-slide{height:125px;}
}

/*m52*/
.m52{}
.m52:before{width: 0;}
.m52 .clist{width: 100%;display: flex;flex-wrap:wrap;}
.m52 .clist li{width:calc((100% - 30px) / 4);margin-right: 10px;margin-bottom: 10px;display: flex;justify-content:center;align-items:center;
background: #f7f7f7;border-radius:10px;padding:40px;box-sizing:border-box;min-height:150px;}
.m52 .clist li:nth-child(4n){margin-right: 0;}

@media screen and (max-width:1200px){
.m52 .clist li{width:calc((100% - 20px) / 3);}
.m52 .clist li:nth-child(3n){margin-right: 0px;}
.m52 .clist li:nth-child(4n){margin-right: 10px;}
.m52 .clist li:nth-child(12n){margin-right: 0px;}
}


/*board 공통_search_box*/
.bbs .formwrap{display: flex;justify-content:center;margin-bottom: 80px;}
.bbs .formwrap form{width: 60%;max-width:760px;}
.bbs .formwrap form .search_box{width:100%;height:70px;position: relative;}
.bbs .formwrap form .search_box > input{width:100%;height:70px;outline:none;border:none;font-size:17px;color:#666666;
padding-left:20px;border-radius:8px;border:1px solid #dae1eb;}
.bbs .formwrap form .search_box > input::placeholder{color:rgba(51,51,51,0.5);font-size:18px;}
.bbs .formwrap form .search_box > button{position: absolute;width: 25px;height: 25px;background: url(/images/page/search_icon.png)no-repeat center;
top:50%;right:0%;transform:translate(-50%,-50%);z-index:10;}


/*board1_공지사항*/
.board1{}
.board1 .tab_wrap{width: 96%;max-width: 1420px;margin: 0 auto 25px;}
.board1 .tab_wrap .sec_tab{display: flex;align-items:center;justify-content:space-between;}
.board1 .tab_wrap .sec_tab li{width:690px;height:70px;border-radius:35px;}
.board1 .tab_wrap .sec_tab li.on{border:2px solid #e5e5e5;background: #f7f7f7;}
.board1 .tab_wrap .sec_tab li a{display: block;width:100%;height:100%;border-radius:35px;}
.board1 .tab_wrap .sec_tab li a .ttit{font-family: "Lexend";line-height:70px;text-align: center;font-size:20px;color:#666666;}
.board1 .tab_wrap .sec_tab li.on a .ttit{color:#065cbf;font-weight: 500;}
.board1 .board_list{box-sizing:border-box;padding-top:100px;position: relative;width:100%;display: flex;flex-wrap:wrap;}
.board1 .board_list:before{position: absolute;content:"";overflow:hidden;width:200%;left:-50%;top:0;height:calc(100% + 334px);background: #f7f7f7;z-index:-1;border-top:1px solid #dedede;}
.board1 .board_list > li{width:calc((100% - 55px) / 2);margin-right:55px;margin-bottom: 40px;padding:55px 28px;box-sizing:border-box;background: #f0f0f0;
border-radius:24px;}
.board1 .board_list > li:nth-child(2n){margin-right: 0;}
.board1 .board_list > li > .inner{}
.board1 .board_list > li > .inner .txtwrap{margin-bottom:55px;min-height:265px;}
.board1 .board_list > li > .inner .txtwrap .cate{margin-bottom: 30px;font-family:"Lexend";width:72px;height:28px;border-radius:14px;line-height:28px;font-size:13px;text-align: center;
font-weight: 500;}
.board1 .board_list > li > .inner .txtwrap .cate1{color:#065cbf;border:1px solid #065cbf;}
.board1 .board_list > li > .inner .txtwrap .cate2{color:#00a987;border:1px solid #00a987;}
.board1 .board_list > li > .inner .txtwrap .tit{
font-size:1.5em;color:#000;font-weight: 700;margin-bottom: 20px;line-height:1.5em;
overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    box-sizing: border-box;
    display: -webkit-box;
    height:3em;
}
.board1 .board_list > li > .inner .txtwrap .con{font-size:17px;color:#666;font-weight: 400;margin-bottom: 25px;line-height:1.8;
text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    box-sizing: border-box;
    display: -webkit-box;
    height:4em;
overflow: hidden;
    }
.board1 .board_list > li > .inner .txtwrap .date{font-size:16px;color:#555;font-weight: 400;}
.board1 .board_list > li > .inner .btn_wrap{position: relative;width:100%;display: flex;justify-content:center;align-items:center;
border-radius:30px;border:1px solid rgba(0,0,0,0.2);box-sizing:border-box;}
.board1 .board_list > li > .inner .btn_wrap .btn{display: block;width:100%;height:100%;text-align:center;font-size:16px;
color:#000;padding:20px 0;}
.board1 .board_list > li > .inner .btn_wrap  i{position: absolute;display: inline-block;width:14px;height: 11px;background: url(/images/page/more_arr.png)no-repeat center / cover;
top:50%;left:calc(50% + 55px);transform:translateY(-50%) translateX(-50%);cursor:pointer;
}
.board1 .board_list > li > .inner .btn_wrap:hover{border:1px solid #065cbf; background: #065cbf;transition:all 0.3s ease;}
.board1 .board_list > li > .inner .btn_wrap:hover .btn{color:#fff;transition: all .1s ease;}
.board1 .board_list > li > .inner .btn_wrap:hover  i{background: url(/images/page/more_arr_hover.png)no-repeat center / cover;}

/*m41 board2*/
.board2 .sec_tit{margin-bottom: 0;}
.board2 .board_list{display: flex;align-items:center;flex-wrap:wrap;}
.board2 .board_list li{width:calc((100% - 50px) / 2);margin-right: 50px;margin-bottom: 60px;}
.board2 .board_list li > a{display: block;width:100%;}
.board2 .board_list li:nth-child(2n){margin-right: 0;}
.board2 .board_list li .inner .thumb{margin-bottom: 40px;border-radius:20px;overflow:hidden;height:270px;}
.board2 .board_list li .inner .thumb img{width: 100%;height:100%;transition:0.8s;object-fit:cover;}
.board2 .board_list li .inner .txtwrap .date{font-size:16px;color:#888;margin-bottom:21px ;}
.board2 .board_list li .inner .txtwrap .tit{font-size:24px;color:#000;margin-bottom:20px;line-height:1.5;
font-weight: 600;
overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    box-sizing: border-box;
    display: -webkit-box;
    height:1.8em;
}
.board2 .board_list li .inner .txtwrap .con{font-size:18px;color:#666;margin-bottom:25px;line-height:1.6;
overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    box-sizing: border-box;
    display: -webkit-box;
    height:3.5em;
}

.board2 .board_list li:hover .thumb img{transform:scale(1.1);transition:0.8s;}

/*board_view*/
.board_view{}
.board_view .section{}
.board_view .conarea{width:100%;}
.board_view .conarea .titlearea{text-align: center;padding-bottom: 40px;box-sizing:border-box;border-bottom: 1px solid #e5e5e5;
border-top:2px solid #000;padding-top: 40px;}
.board_view .conarea .titlearea .cate{margin:0 auto;margin-bottom: 30px;font-family:"Lexend";width:72px;height:28px;border-radius:14px;line-height:28px;font-size:13px;text-align: center;
font-weight: 500;}
.board_view .conarea .titlearea .cate1{color:#065cbf;border:1px solid #065cbf;}
.board_view .conarea .titlearea .cate2{color:#00a987;border:1px solid #00a987;}
.board_view .conarea .titlearea .title{color:#000;font-size:30px;margin-bottom: 30px;font-weight: 600;}
.board_view .conarea .titlearea .date{color:#999;font-size:18px;}
.board_view .conarea .viewarea{display: flex;flex-direction:column;justify-content:center;align-items:center;
padding:80px 40px;box-sizing:border-box;border-bottom: 1px solid rgba(0,0,0,0.6);margin-bottom: 80px;}
.board_view .conarea .viewarea p{margin-bottom: 10px;}
.board_view .conarea .viewarea p > span{color:#616161;font-size:18px;line-height:1.7em;}

.board_view .btn_wrap{position: relative;margin:0 auto;width:340px;display: flex;justify-content:center;align-items:center;cursor:poiner;
border-radius:30px;border:1px solid rgba(0,0,0,0.2);box-sizing:border-box;}
.board_view .btn_wrap .btn{display: block;width:100%;height:100%;text-align:center;font-size:16px;padding:20px 0;
color:#000;}
.board_view .btn_wrap  i{position: absolute;display: inline-block;width:14px;height: 11px;background: url(/images/page/more_arr.png)no-repeat center / cover;
top:50%;left:calc(50% + 40px);transform:translateY(-50%) translateX(-50%);cursor:pointer;
}
.board_view .btn_wrap:hover{border:1px solid #065cbf; background: #065cbf;transition:all 0.3s ease;}
.board_view .btn_wrap:hover .btn{color:#fff;transition: all .1s ease;}
.board_view .btn_wrap:hover  i{background: url(/images/page/more_arr_hover.png)no-repeat center / cover;}

/*m63*/
.m63{}
.m63 .pcview{display: none;}
.m63 .conarea{position: relative;width:100%;padding: 100px 6.5%;box-sizing:border-box;margin-bottom: 100px;}
.m63 .conarea:before{position: absolute;content:"";width:100%;bottom:30px;left:0;height:351px;background: #f0f0f0;z-index:-1;}
.m63 .conarea .imgarea{margin-bottom: 60px;}
.m63 .conarea .txtarea{display: flex;flex-direction:column;justify-content:center;align-items:center;text-align: center;}
.m63 .conarea .txtarea .topwrap{margin-bottom: 60px;}
.m63 .conarea .txtarea .topwrap .mtit{font-size:40px;color:#000;line-height: 1.5;margin-bottom: 35px;font-weight: 600;}
.m63 .conarea .txtarea .topwrap .txt{color:#444444;font-size:20px;line-height: 1.6;}
.m63 .conarea .txtarea .botwrap{}
.m63 .conarea .txtarea .botwrap p{font-size:26px;color:#000;line-height: 1.5;font-weight: 700;margin-bottom: 25px;}
.m63 .conarea .txtarea .botwrap .btn{display: block;width:340px;height:60px;text-align: center;line-height:60px;border:1px solid #c4c4c4;border-radius:30px;  }
.m63 .conarea .txtarea .botwrap .btn span{position: relative;display: inline-block;color:#000;font-size:16px;text-align: center;font-weight: 400;
box-sizing:border-box;padding-right:15px;}
.m63 .conarea .txtarea .botwrap .btn span:before{position: absolute;content:"";right:-12px;top:50%;transform:translateY(-50%);
background: url(/images/page/down_btn.png)no-repeat center / cover;width:18px;height:16px;}
.m63 .inqarea{width: 100%;box-sizing:border-box;padding:75px 0;display: flex;align-items:center;justify-content:center;border:1px solid #e5e5e5;}
.m63 .inqarea .stxt{text-align: center;font-size:20px;color:#616161;margin-bottom: 20px;}
.m63 .inqarea .btxt{text-align: center;font-size:25px;color:#000;margin-bottom: 45px;font-weight: 700;}
.m63 .inqarea .kbtn{display: block;width:340px;height:60px;text-align: center;line-height:60px;background: #3e2723;border-radius:30px;margin: 0 auto;}
.m63 .inqarea .kbtn span{position: relative;display: inline-block;color:#fff;font-size:16px;text-align: center;font-weight: 300;
box-sizing:border-box;}

/*m70*/
.m70{margin-bottom: 0;}
.m70 .sec_tit strong{margin-bottom: 130px;}
.m70 .section{background: #f7f7f7;padding-bottom:220px;}
.m70 .formtitle{position: relative;display: inline-block;margin-bottom: 45px;font-size:26px;font-weight: bold;color:#000;}
.m70 .formtitle .req{display: inline-block;margin-left: 1px;color:#3360c1;}
.m70 .formtitle:before{position: absolute;content:"";width:100%;left:0;bottom:-3px;background: #000;height:2px;}
.m70 .formwrap .rwrap{margin-bottom: 80px;display: flex;align-items:center;justify-content:space-between;}
.m70 .formwrap .rwrap .td{width:calc((100% - 60px) / 2);}
.m70 .formwrap .rwrap .rgroup{display: flex;align-items:center;}
.m70 .formwrap .rwrap .rgroup .rdio:last-child{margin-right: 0;}
.m70 .formwrap .rwrap .rgroup .rdio{position: relative;display: flex;align-items:center;margin-right: 150px;}
.m70 .formwrap .rwrap .rgroup .rdio input[type="radio"]{display:none;}
.m70 .formwrap .rwrap .rgroup .rdio input[type="radio"] + label{
	box-sizing:border-box;
	display:inline-block;
	height:26px;
	padding:0 0 0 33px;
	font-size:18px;color:#202020;font-weight:400;
	background:url(/images/page/chk_off.png) no-repeat left center;
}
.m70 .formwrap .rwrap .rgroup .rdio input[type="radio"]:checked + label{
	background:url(/images/page/chk_on.png) no-repeat left center;
}


.m70 .formwrap{position: relative;width:100%;}
.m70 .formwrap:before{position: absolute;content:"";width:200%;left:-50%;height:97%;background: #f8f8f8;top:-5%;z-index:-1;}
.m70 .formwrap form .formtb{width:100%;padding-bottom: 10px;border-bottom:1px solid #ddd;}
.m70 .formwrap form .formtb input{height:50px;background: #fff;border-radius:8px;border:1px solid #ddd;padding-left:20px;width:100%;
 color: #333;font-size:17px;font-weight: 400;box-sizing:border-box;
}
.m70 .formwrap form .formtb input::placeholder {
    color: #333;font-size:17px;opacity:0.5;
	font-weight: 400;
}
.m70 .formwrap form .formtb input:focus, .m70 .formwrap form .formtb textarea:focus{
outline:none;
}
.m70 .formwrap form .formtb select{height:50px;background: #fff;border-radius:8px;border:1px solid #ddd;padding-left:20px;width:180px;
 color: #333;font-size:17px;font-weight: 400;}
.m70 .formwrap form .formtb .td{width:100%;margin-bottom: 35px;}
.m70 .formwrap form .formtb .group{width:100%;display: flex;align-items:center;justify-content:space-between;}
.m70 .formwrap form .formtb .group .td{width:calc((100% - 35px) / 2);}
.m70 .formwrap form .formtb .td .f_tit{margin-bottom: 15px;font-size:16px;color:#333333;font-weight: 600;}
.m70 .formwrap form .formtb .td .f_tit .req{display: inline-block;margin-left: 5px;color:#3360c1;}
.m70 .formwrap form .formtb .f_title, .m70 .formwrap form .formtb .f_content{width:100%;}
.m70 .formwrap form .formtb .f_content{height:237px;background: #fff;border-radius:8px;border:1px solid #ddd;padding-left:20px;
padding-top: 15px; color: #333;font-size:17px;font-weight: 400;}
.m70 .formwrap form .formtb .f_content::placeholder{
   color: #333;font-size:17px;opacity:0.5;
	font-weight: 400;
}

.m70 .formwrap form .formtb .td .upload-name {
    display: inline-block;
    height: 50px;
	box-sizing:border-box;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 88%;
    color: #999999;
/* 	border-top-right-radius:0;
	border-bottom-right-radius:0; */
}
.m70 .formwrap form .formtb .td .f_file{display: inline-block;
width:10%;
   line-height:50px;
	box-sizing:border-box;
    color: #333333;
	font-size:17px;
	font-weight: 600;
	text-align: center;
    vertical-align: middle;
    background-color: #eaeaea;
    cursor: pointer;
    height: 50px;}
.m70 .formwrap form .formtb .td input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}


.m70 .formwrap form .btn_wrap{position: relative;width:100%;display: flex;justify-content:center;align-items:center;margin-top: 140px;overflow:hidden;}
.m70 .formwrap form .btn_wrap .btn{width:340px;height:60px;padding:17px 0;box-sizing:border-box;
text-align: center;font-size:16px;color:#000;border:1px solid rgba(0,0,0,0.2);border-radius: 30px;transition:all 0.3s ease;
}
.m70 .formwrap form .btn_wrap  i{position: absolute;display: inline-block;width:14px;height: 11px;background: url(/images/page/more_arr.png)no-repeat center / cover;
top:50%;left:calc(50% + 60px);transform:translateY(-50%) translateX(-50%);
}
.m70 .formwrap form .btn_wrap:hover{transition:all 0.3s ease;}
.m70 .formwrap form .btn_wrap:hover .btn{color:#fff;transition: all .1s ease;border:1px solid #065cbf; background: #065cbf;transition:all 0.3s ease;}
.m70 .formwrap form .btn_wrap:hover  i{background: url(/images/page/more_arr_hover.png)no-repeat center / cover;}

.m70 .formwrap form .privacy_wrap{padding-top: 60px;}
.m70 .formwrap form .privacy_wrap .txt{color:#333333;font-size:16px;font-weight: 600;margin-bottom:20px;}
.m70 .formwrap form .privacy_wrap .txt .req{display: inline-block;margin-left: 5px;color:#3360c1;}
.m70 .formwrap form .privacy_wrap .agree_wrap{margin:60px 0;display:flex;align-items:center;}
.m70 .formwrap form .privacy_wrap .agree_wrap input[type="checkbox"]{-webkit-appearance: none;cursor:pointer;display:inline-block;width:25px;height:25px;border:1px solid #aaa;background-color:#fff;
border-radius:5px;}
.m70 .formwrap form .privacy_wrap .agree_wrap input[type="checkbox"]:checked{background-color:#00409a;border-radius:5px;}
.m70 .formwrap form .privacy_wrap .agree_wrap input[type="checkbox"]:before{content:"";position:absolute;border-radius:5px;
background:url(/images/page/check_icon.png)no-repeat center center;width:0px;height:25px;}
.m70 .formwrap form .privacy_wrap .agree_wrap input[type="checkbox"]:checked:before{width:23px;}
.m70 .formwrap form .privacy_wrap .agree_wrap label{color:#333;font-size:20px;margin-left:10px;font-weight: 600;}
.m70 .formwrap form .privacy_wrap .contents_wrap{width:100%;height:200px;border-radius:8px;border:1px solid #dde3ec; }
.m70 .formwrap form .privacy_wrap .contents_wrap .con{outline:none;display:block;border:none;width:100%;height:200px;padding:30px;box-sizing:border-box;color:#333;
background: #fff;line-height:1.6;border-radius:8px;box-sizing:border-box;
font-weight: 400;font-size:18px;}

.m70 .formwrap form .privacy_wrap .contents_wrap .con::-webkit-scrollbar {
    width: 8px;/* 스크롤바의 너비 */
	cursor:pointer;border-radius:8px;
}
.m70 .formwrap form .privacy_wrap .contents_wrap .con::-webkit-scrollbar-thumb {
    height: 30%;/* 스크롤바의 길이 */
    background: #2f2f2f;/* 스크롤바의 색상 */cursor:pointer;border-radius:8px;
}

.m70 .formwrap form .privacy_wrap .contents_wrap .con::-webkit-scrollbar-track {
    background: #d5d5d5;/*스크롤바 뒷 배경 색상*/cursor:pointer;
}


/*motion*/
/* .del1{animation-delay:0.1s;}
.del2{animation-delay:0.2s;}
.del3{animation-delay:0.3s;}
.del4{animation-delay:0.4s;}
.del5{animation-delay:0.5s;}
.del6{animation-delay:0.6s;}
.del9{animation-delay:0.9s;}
.fadeUp, .fadeImgLeft, .fadeImgRight, .m00 .sec_tit{opacity:0;}
.fadeUp.in-view{animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeImgLeft.in-view{animation-name: fadeImgLeft;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeImgRight.in-view{animation-name: fadeImgRight;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}

.sub_visual .bg.in-view{animation-duration:1s;}
.m00 .sec_tit.in-view{animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}


@keyframes fadeImgLeft{
0%{opacity:0;clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{opacity:1;clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}
}
@keyframes fadeImgRight{
0%{opacity:0;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
100%{opacity:1;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
@keyframes fadeUp{
0%{transform:translate3d(0%, 50px, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
} */