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

.pcbr{display:block !important;}
.ptbr{display:block !important;}
.tbr{display:none !important;}
.mbr{display:none !important;}
.pc_view{display:block !important;}
.pt_view{display:block !important;}
.tm_view{display:none !important;}
.t_view{display:none !important;} 
.m_view{display:none !important;}

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

/*header*/
.head{position: relative;}
.head:before{position: absolute;content:"";
width:100%;height:100%;  
/* background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 35%,  rgba(0,0,0,0.1) 70%,  rgba(0,0,0,0.02) 85%,  rgba(0,0,0,0.004) 92%, transparent 100%); */
}
body,h1,h2,h3,h4,h5,h6,th,td,li,dt,dd,a,p,input,textarea,select,option,button{
	color:#656565;
	font-family: "Inter", "Inter", sans-serif;
	/* font-family:"Inter", "Lato","돋움",dotum,sans-serif; */
	font-size:17px;font-weight:normal
}

/*subtop*/
.pageLocation{overflow:hidden;height:0;transition:height 0.4s;
position: fixed;top:100px;left:0;z-index:90;
width:100%;background: #0051a3;}

.pageLocation.on{display: block;transition:height 0.4s;height:49px;}
.pageLocation .inner{width: 94%;max-width:1230px;margin:0 auto;display: flex;align-items:center;box-sizing:border-box;
padding:14px 0;}
.pageLocation .inner>div{position: relative;font-size:15px;color:#fff;font-weight: 500;}
.pageLocation .inner>div>a{font-size:15px;color:#fff;font-weight: 500;}
.pageLocation .inner>div{position: relative;box-sizing:border-box;padding-right:14px;}
.pageLocation .inner>div:before{position: absolute;content:"";background: url(/images/page/arr_location.png)no-repeat center;
width: 4px;height: 7px;top:54%;left:-4px;transform:translateY(-50%);}
.pageLocation .inner .depth2,
.pageLocation .inner .depth3,
.pageLocation .inner .depth4{box-sizing:border-box;padding-left:10px;}
.pageLocation .inner .depth4 br{display: none;}
.pageLocation .inner>div:first-child:before{display: none;}

/*wht*/
/* .pageLocation.wht{background: #e7e7e7;}
.pageLocation.wht .inner>div{color:#000;}
.pageLocation.wht .inner>div:before{background: url(/images/page/arr_location2.png)no-repeat center;} */



.sub_visual {position: relative;overflow:hidden;width:100%;height:600px;margin:0px auto 0;z-index: 10;}
.sub_visual .bg {width:100%;height:100%;}
.sub_visual .tit_wrap {position: absolute;top:60%;left:50%;width:100%;max-width:1230px;transform:translate(-50%,-50%);}
.sub_visual .tit_wrap .sub_tit {display:block;font-size:64px;font-weight:700;color:#fff;letter-spacing:-0.025em;line-height: 1.3em;}
.sub_visual .tit_wrap .sub_txt {display:block;font-size:21px;font-weight:500;color:#fff;letter-spacing:-0.025em;margin-top: 32px;}
.sub_visual .tit_wrap .sub_desc{display:block;font-size:21px;font-weight:500;color:#fff;letter-spacing:0.025em;margin-top:25px;line-height: 1.6em;}
.sub11 .bg {background:url(/images/page/sub_visual41.jpg) no-repeat center / cover;}
.sub111 .bg {background:url(/images/page/sub_visual11_1.jpg) no-repeat center / cover;}
.sub112 .bg {background:url(/images/page/sub_visual11_2.jpg) no-repeat center / cover;}
.sub113 .bg {background:url(/images/page/sub_visual11_3.jpg) no-repeat center / cover;}
.sub114 .bg {background:url(/images/page/sub_visual11_4.jpg) no-repeat center / cover;}
.sub115 .bg {background:url(/images/page/sub_visual11_5.jpg) no-repeat center / cover;}
.sub1121 .bg {background:url(/images/page/sub_visual11_21.jpg) no-repeat center / cover;}
.sub1122 .bg {background:url(/images/page/sub_visual11_22.jpg) no-repeat center / cover;}
.sub1123 .bg {background:url(/images/page/sub_visual11_23.jpg) no-repeat center / cover;}
.sub12 .bg {background:url(/images/page/sub_visual42.jpg) no-repeat center / cover;}
.sub21 .bg {background:url(/images/page/sub_visual21.jpg) no-repeat center / cover;}
.sub211 .bg {background:url(/images/page/sub_visual211.jpg) no-repeat center / cover;}
.sub221 .bg {background:url(/images/page/sub_visual221.jpg) no-repeat center / cover;}
.sub222 .bg {background:url(/images/page/sub_visual222.jpg) no-repeat center / cover;}
.sub223 .bg {background:url(/images/page/sub_visual223.jpg) no-repeat center / cover;}
.sub23 .bg{background:url(/images/page/sub_visual23.jpg) no-repeat center / cover;}
.sub31 .bg {background:url(/images/page/sub_visual31.jpg) no-repeat center / cover;}
.sub32 .bg {background:url(/images/page/sub_visual32.jpg) no-repeat center / cover;}
.sub33{display:none;}
.sub41 .bg {background:url(/images/page/sub_visual11.jpg) no-repeat center / cover;}
.sub42 .bg {background:url(/images/page/sub_visual12.jpg) no-repeat center / cover;}
.sub43 .bg {background:url(/images/page/sub_visual13.jpg) no-repeat center / cover;}
.sub440 .bg {background:url(/images/page/sub_visual440.jpg) no-repeat center / cover;}
.sub441, .sub442, .sub443{display: none;}
.sub45{display: none;}
.sub46{display: none;}
.sub51 .bg {background:url(/images/page/sub_visual51.jpg) no-repeat center / cover;}
.sub52 .bg {background:url(/images/page/sub_visual52.jpg) no-repeat center / cover;}

/*chemistry*/
.sub121{height:400px;}
.sub121 .tit_wrap{top:60%;}
.sub121 .bg{background: #e7e7e7;}
.sub122{height:400px;}
.sub122 .tit_wrap{top:60%;}
.sub122 .bg{background: #e7e7e7;}
.product_list_visual .tit_wrap{text-align: center;}
.product_list_visual .tit_wrap .sub_tit{font-family: "Inter", sans-serif;font-size:44px;font-weight:700;color:#000;letter-spacing:-0.025em;}

/*분자진단제품리스트비주얼*/
.product_list_visual.sub11_product{}
.product_list_visual.sub11_product .tit_wrap{text-align: left;}
.product_list_visual.sub11_product .tit_wrap .sub_tit{display: block;max-width:580px;color:#fff;font-size:50px;}

/*제품뷰상단*/
.product_view_visual{max-width:1903px;height:613px;}
.product_view_visual .tit_wrap{display: block;width:94%;margin:0 auto;max-width:1230px;}
.product_view_visual .tit_wrap .p_category{display: block;
font-family: "Inter", sans-serif;font-size:18px;font-weight:500;color:#000;opacity:0.9;margin-bottom: 30px;}
.product_view_visual .tit_wrap .p_title{display: block;word-break:break-word;max-width:640px;line-height: 1.2;
font-family: "Inter", sans-serif;font-size:46px;font-weight:700;color:rgba(0,0,0,0.95);margin-bottom:50px;}
.product_view_visual .tit_wrap .p_txt{display: block;box-sizing:border-box;max-width:640px;
font-family: "Inter", sans-serif;font-size:30px;font-weight:700;color:#000;letter-spacing:-0.025em;}

.product_view_visual.type2{/* height:687px; */height:768px;}
.product_view_visual.type2 .p_tb{margin-top: 30px;max-width:600px;width:600px;border-top:1px solid rgba(0,0,0,0.1);}
.product_view_visual.type2 .p_tb dl{border-bottom:1px solid rgba(0,0,0,0.1);width:100%;padding:20px 0;box-sizing:border-box;
display: flex;align-items:start;}
.product_view_visual.type2 .p_tb dl dt{margin-right: 36px;font-size:16px;color:#001f4c;font-weight: 600;}
.product_view_visual.type2 .p_tb dl dd{font-size:18px;color:#555;font-weight: 400;line-height: 1.5;
display: flex;align-items:center;}
.product_view_visual.type2 .p_tb dl dd div{box-sizing:border-box;margin-right: 20px;}
.product_view_visual.type2 .p_tb dl dd div:first-child{position: relative;}
.product_view_visual.type2 .p_tb .wrap{width:100%;display: flex;align-items:center;}
.product_view_visual.type2 .p_tb dl.type2{position: relative;box-sizing:border-box;padding-right: 25px;width:68.5%;min-width:393px;}
.product_view_visual.type2 .p_tb dl.type2:before{
position: absolute;content:"";background:rgba(0,0,0,0.1);width: 1px;height: 20px;top:50%;right:0;transform:translate(0, -50%);
}
.product_view_visual.type2 .p_tb dl.type3{box-sizing:border-box;padding-left: 25px;width:31.5%;}
.product_view_visual.type2 .p_tb dl.type3 dd div{margin-right: 0;}
.product_view_visual.type2 .p_tb dl dd div:last-child{}
.product_view_visual.type2 .p_tb dl dd div a{display: flex;align-items:center;font-size:18px;color:#555;}
.product_view_visual.type2 .p_tb .pdf_i{}

/*제품뷰상단탭*/
.product_tab_wrap{width:100%;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);box-sizing:border-box;height:84px;}
.product_tab_wrap .tab_inner{width:94%;max-width:1230px;margin:0 auto;}
.product_tab_wrap .tab_inner .list_wrap{box-sizing:border-box;height:100%;display: flex;align-items:center;}
.product_tab_wrap .tab_inner .list_wrap li{cursor:pointer;position: relative;height:100%;text-align: center;width:80px;box-sizing:border-box;margin-right: 100px;}
.product_tab_wrap .tab_inner .list_wrap li a{display: block;width:100%;height:100%;font-size: 18px;color:#000;font-weight: 600;padding: 32px 0;
box-sizing:border-box;}
.product_tab_wrap .tab_inner .list_wrap li:before{position: absolute;content:"";z-index:10;background: #006cb5;width:67px;height:4px;
bottom:6px;left:50%;transform:translateX(-50%);
width:0px;}
.product_tab_wrap .tab_inner .list_wrap li:hover:before{width:90%;transition:width 0.4s;}

.product_tab_wrap.type2 .tab_inner .list_wrap li{width:auto;}
.product_tab_wrap.type2 .tab_inner .list_wrap li:before{bottom:4px;}
.product_tab_wrap.type2 .tab_inner .list_wrap li:hover:before{width:90%;}

/*카테고리 이동 탭*/
.cate_tab_wrap{position: relative;height:104px;width:100%;box-sizing:border-box;overflow:hidden;background: #f6f7f9;}
.cate_tab_wrap .tab_inner{position: absolute;height:56px;left:50%;transform:translateX(-50%);bottom:0;width:94%;max-width:1230px;margin:0 auto;}
.cate_tab_wrap .tab_inner .list_wrap{width:100%;box-sizing:border-box;height:100%;
display: flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.cate_tab_wrap .tab_inner .list_wrap li{
height:100%;background: #f6f7f9;/* border-top-right-radius:6px;border-top-left-radius:6px; */}

.cate_tab_wrap .tab_inner .list_wrap li > a{display: block;width: 100%;height: 100%;text-align: center;line-height: 56px;
font-size:16px;color:#060606;font-weight: 500;}
.m211_tab_wrap .tab_inner .list_wrap li{width:25%;}
.m23_tab_wrap .tab_inner .list_wrap{justify-content:flex-start;}
.m23_tab_wrap .tab_inner .list_wrap li{width:309px;}

.cate_tab_wrap .tab_inner .list_wrap li.on{background: #fff;}

.m211_tab_wrap .tab_inner .list_wrap li:not(.on):hover{background: #ecedf1;transition:all 0.3s;}

.m31_tab_wrap{height:220px;}

.m31_tab_wrap .tab_inner{left:50%;top:35%;transform:translate(-50%, -50%);}
.m31_tab_wrap .tab_inner .list_wrap li{margin-top: 1%;}
.m31_tab_wrap .tab_inner .list_wrap li:nth-child(1),
.m31_tab_wrap .tab_inner .list_wrap li:nth-child(2),
.m31_tab_wrap .tab_inner .list_wrap li:nth-child(3){margin-top: 0;}
.m31_tab_wrap .tab_inner .list_wrap li{background: #fff;width:33%;border-radius:6px;}
.m31_tab_wrap .tab_inner .list_wrap li > a{color:#004ea2;font-size:16px;text-align: left;display: block;box-sizing:border-box;padding: 0 20px;
position: relative;line-height: 56px;}
.m31_tab_wrap .tab_inner .list_wrap li>a:after{
position: absolute;content:'';background:url(/images/page/m31_arr.png)no-repeat center / cover;width:6px;height:9px;
top:50%;transform:translateY(-50%);right:20px;
}
.m31_tab_wrap .tab_inner .list_wrap li.on{background: #d9eaf5;}
.m31_tab_wrap .tab_inner .list_wrap li:last-child{margin-right: 0;}

/*240806*/
.m31_tab_wrap.v2{height:135px;}
.m31_tab_wrap.v2 .tab_inner{top:50%;}

/*m00*/
.m00 {margin:0 auto;margin-top:130px;font-family:"Inter", 'Noto Sans KR', '나눔고딕', 'NanumGothic','Nanum Gothic','돋움',dotum,sans-serif;}
.m00 .sec_tit{width:94%;max-width:1230px;margin:0 auto;margin-bottom: 120px;}
.m00 .sec_tit strong{color:#000;display: block;font-weight: 400;font-size:70px;font-family:'Lexend';margin-bottom: 40px;}
.m00 .sec_tit .sub_title{font-size:28px;color:#222;line-height: 1.5em;font-family:"Lexend";}
.m00 .section{width:100%;margin:0 auto;/* padding-top: 120px; */padding-bottom:200px;}
.m00 .innerwrap{width:94%;max-width:1230px;margin:0 auto;}
.m00 .txt{font-size:18px;color:#656565;line-height: 1.8em;font-weight: 300;}
.m00 .title{font-size:36px;color:#000;font-weight: bold;font-family: "Inter", "Inter", sans-serif;}
.mwht{margin-top:220px !important;}

/*paging*/
.m00 .paging{margin-top:85px;text-align:center;}
.m00 .paging a{display:inline-block;vertical-align:top;box-sizing:border-box;width:46px;height:46px;
color:#656565;font-size:16px;line-height:46px;font-weight:400;}
.m00 .paging strong{display:inline-block;vertical-align:top;box-sizing:border-box;width:46px;height:46px;color:#fff;/* background: #94c9e9; */
background: #004ea2;
border-radius:50%;font-size:16px;line-height:46px;font-weight:400;}
.m00 .paging .page_begin{width:46px;height:46px;background:url(/images/page/page_first.png) no-repeat center;border:0;margin-right:10px;}
.m00 .paging .page_prev{width:46px;height:46px;background:url(/images/page/page_prev.png) no-repeat center;border:0;margin-right:20px;}
.m00 .paging .page_next{width:46px;height:46px;background:url(/images/page/page_prev.png) no-repeat center;border:0;margin-left:20px;transform:rotate(180deg);}
.m00 .paging .page_end{width:46px;height:46px;background:url(/images/page/page_first.png) no-repeat center;border:0;margin-left:10px;transform:rotate(180deg);}

/*mor_btn*/
.m00 .more_btn{display: block;width: 332px;height:56px;border-radius:8px;border:2px solid #004ea2;
text-align: center;line-height: 56px;transition:all 150ms ease-in-out;}
.m00 .more_btn.type2{width:155px;}
.m00 .more_btn>span{color:#004ea2;font-size:18px;font-weight: 900;}
.m00 .more_btn.wht{border:2px solid #004ea2;background: #004ea2;}
.m00 .more_btn.wht>span{color:#fff;}
.m00 .more_btn:hover{background: #004ea2;}
.m00 .more_btn:hover>span{color:#fff;}
/* .m00 .more_btn.wht:hover{border:2px solid #004ea2;background: #fff;}
.m00 .more_btn.wht>span{color:#fff;} */

/*m11*/
.m11{}
.m11 .section1{padding-bottom: 110px;}
.m11 .page_title{font-size:36px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom: 54px;}
.m11 .plist{width:100%;display: flex;align-items:center;flex-wrap:wrap;}
.m11 .plist li{width:calc((100% - 60px) / 3);margin-bottom: 30px;margin-right: 30px;box-sizing:border-box;padding: 30px 30px;
border-radius:8px;border:1px solid #e5e5e5;}
.m11 .plist li:nth-child(3n){margin-right: 0;}
.m11 .plist li .thumb{width:100%;margin-bottom: 20px;height:214px;overflow:hidden;}
.m11 .plist li .thumb img{width: 100%;height:100%;object-fit:cover;}
.m11 .plist li .title{text-align: center;font-size:22px;color:#000;font-weight: 500;margin-bottom: 20px;min-height:68px;}
.m11 .plist li .more_btn{width:212px;height:46px;line-height: 46px;margin:0 auto;}
.m11 .plist li .more_btn>span{font-size:16px;}
.m11 .section2{background: #f8f8f8;}
.m11 .section2 .con{width: 100%;display: flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding-top: 120px;}
.m11 .section2 .con .txtarea{width:calc(100% - 536px);max-width:500px;}
.m11 .section2 .con .txtarea .title{font-size:36px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom: 36px;}
.m11 .section2 .con .txtarea .txt>p{font-size:18px;color:#656565;line-height: 1.8em;}
.m11 .section2 .con .vodarea{width:536px;/* height:370px; *//* border-radius:8px;overflow:hidden; */height:auto;}
.m11 .section2 .con .vodarea .vodwrap{position: relative;width:100%;height:0;padding-bottom: 56.25%;}
.m11 .section2 .con .vodarea .vodwrap iframe{
position: absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;
}
.m11 .section2 .con .vodarea .vodwrap .vod img{width:100%;height:100%;}
.m11 .section2 .con .vodarea .vodwrap .play{position: absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);}

.m11_product{}
.m11_product .page_title{font-size:36px;color:#000;text-align: center;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom: 60px;}
.m11_product .plist{width:100%;display: flex;align-items:start;flex-wrap:wrap;}
.m11_product .plist li{width:calc((100% - 60px) / 3);margin-bottom: 30px;margin-right: 30px;box-sizing:border-box;padding: 30px 30px;
border-radius:8px;border:1px solid #e5e5e5;min-height:485px;}
.m11_product .plist li:nth-child(3n){margin-right: 0;}
.m11_product .plist li .thumb{width:100%;max-width:328px;margin-bottom: 20px;height:214px;overflow:hidden;}
.m11_product .plist li .thumb img{width: 100%;height:100%;object-fit:cover;}
.m11_product .plist li .title{text-align: center;font-size:22px;color:#000;font-weight: 500;margin-bottom: 20px;}
.m11_product .plist li .info{text-align: center;font-size:17px;color:#656565;font-weight: 400;margin-bottom: 30px;}
.m11_product .plist li .more_btn{width:212px;height:46px;line-height: 46px;margin:0 auto;}
.m11_product .plist li .more_btn>span{font-size:16px;}

/*112*/
.m112{margin-top: 0;}
.m112 .section{padding-top: 140px;}
.m112 h4.tit{color:#000;font-size:42px;font-weight: 700;text-align: center;margin-bottom: 40px;}
.m112 p.subtit{color:#000;font-size:21px;font-weight: 500;text-align: center;margin-bottom:100px;line-height: 1.6em;}
.m112 .flex{display: flex;}

/*m1121*/
.m1121{}
.m1121 .section:nth-child(even){background: #f6f7f9;}
.m1121 .section1{padding-top: 140px;padding-bottom: 120px;}
.m1121 .section1 .list{width:100%;display: flex;align-items:start;}
.m1121 .section1 .list>li{width:calc((100% - 94px) / 3);margin-right: 47px;box-sizing:border-box;}
.m1121 .section1 .list>li:nth-child(3){margin-right: 0;}
.m1121 .section1 .list>li .thumb{width: 100%;}
.m1121 .section1 .list>li .thumb>div{}
.m1121 .section1 .list>li .thumb img{max-width:100%;width:100%;}
.m1121 .section1 .list>li .txtarea{margin-top: 35px;background: #fff;box-sizing:border-box;text-align: center;}
.m1121 .section1 .list>li .txtarea .tit{font-size:24px;color:#3c3c3c;font-weight: 700;margin-bottom: 23px;}
.m1121 .section1 .list>li .txtarea .txt{font-size:18px;color:#565656;line-height: 1.6em;box-sizing:border-box;padding:0 1vw;word-break:break-word;}
.m1121 .section2{padding:140px 0 120px;}
.m1121 .section2 .subtit{margin-bottom: 40px;}
.m1121 .section2 .img{width: 100%;}
.m1121 .section2 .img img{max-width:100%;width: 100%;}
.m1121 .section3{padding:140px 0;}
.m1121 .section3 .tit{margin-bottom: 80px;}
.m1121 .section3 .title{font-size:24px;color:#000000;font-weight: 700;margin-bottom: 25px;}
.m1121 .section3 .text{color:#656565;font-size:18px;line-height: 1.8em;}
.m1121 .section3 .con{width:100%;display: flex;align-items:center;margin-bottom: 140px;}
.m1121 .section3 .con .imgarea{width:595px;box-sizing:border-box;}
.m1121 .section3 .con .imgarea img{max-width:100%;width:100%;}
.m1121 .section3 .con .titlearea{width:calc(100% - 595px);box-sizing:border-box;padding-left: 12%;}
.m1121 .section3 .imglist{width:100%;display: flex;align-items:start;justify-content:space-between;margin-top: 80px;}
.m1121 .section3 .imglist>li{width:calc((100% - 200px) / 3);display: flex;flex-direction:column;justify-content:center;align-items:center;}
.m1121 .section3 .imglist>li .ltit{color:#0070ce;font-size:28px;font-weight: 700;margin-bottom: 40px;text-align: center;}
.m1121 .section3 .imglist>li .ltxt{font-size:18px;color:#656565;line-height: 1.6em;text-align: center;margin-top: 30px;font-weight: 400;word-break:break-word;}
.m1121 .section3 .imglist>li .limg{min-height:150px;display: flex;flex-direction:column;justify-content:center;}
.m1121 .section3 .imglist>li .limg img{width:100%;max-width:100%;}

.m1121 .section4{padding-top:180px;padding-bottom: 120px;width:100%;box-sizing:border-box;}
.m1121 .section4 .con{display: flex;align-items:center;justify-content:space-between;}
.m1121 .section4 .con .titlearea{width:calc(100% - 655px);box-sizing:border-box;padding-right:3%;}
.m1121 .section4 .con .titlearea>dt{font-size:36px;color:#3c3c3c;font-weight: 700;margin-bottom: 40px;}
.m1121 .section4 .con .titlearea>dd{font-size:21px;color:#000;font-weight: 500;line-height: 1.6em;}
.m1121 .section4 .con .imgarea{width:655px;}
.m1121 .section4 .con .imgarea p{font-size:16px;color:#000;margin-top: 40px;font-weight: 500;text-align: center;}
.m1121 .section4 .con .imgarea .img{width:100%;}
.m1121 .section4 .con .imgarea .img img{width:100%;max-width:100%;}

.m1121 .section5{padding-top:140px;padding-bottom: 140px;width:100%;box-sizing:border-box;}
.m1121 .section5 .con{display: flex;align-items:center;justify-content:space-between;}
.m1121 .section5 .con .subtit{margin-bottom: 85px;}
.m1121 .section5 .con .titlearea{width:calc(100% - 733px);box-sizing:border-box;padding-right:3%;}
.m1121 .section5 .con .titlearea>dt{font-size:24px;color:#000;font-weight: 700;margin-bottom: 25px;}
.m1121 .section5 .con .titlearea>dd{}
.m1121 .section5 .con .titlearea>dd>p{font-size:18px;color:#656565;margin-bottom: 4px;}
.m1121 .section5 .con .titlearea>dd>div{margin-top: 20px;color:#000;font-weight: 700;font-size:20px;display: flex;align-items:start;}
.m1121 .section5 .con .titlearea>dd>div>i{display: block;background: url(/images/page/m1121_sec5_icon.png)no-repeat center;
width: 20px;height: 14px;margin-right: 15px;margin-top: 8px;}
.m1121 .section5 .con .imgarea{width:744px;}
.m1121 .section5 .con .imgarea .img{width:100%;}
.m1121 .section5 .con .imgarea .img img{width:100%;max-width:100%;}
.m1121 .section6{padding-top:200px;padding-bottom: 200px;width:100%;box-sizing:border-box;}
.m1121 .section6 .con{display: flex;align-items:center;justify-content:space-between;}
.m1121 .section6 .con .titlearea{width:calc(100% - 733px);box-sizing:border-box;padding-right:4%;}
.m1121 .section6 .con .titlearea h4{color:#000;margin-bottom: 40px;text-align: left;}
.m1121 .section6 .con .titlearea p{text-align: left;margin-bottom: 0;}
.m1121 .section6 .con .imgarea{width:733px;}
.m1121 .section6 .con .imgarea .img{width:100%;}
.m1121 .section6 .con .imgarea .img img{width:100%;max-width:100%;}

/*m1122*/
.m1122{}
.m1122 .section1 .iconlist{width:100%;display: flex;align-items:start;}
.m1122 .section1 .iconlist>li{width:calc((100% - 100px) / 3);margin-right: 50px;box-sizing:border-box;}
.m1122 .section1 .iconlist>li:nth-child(3){margin-right: 0;}
.m1122 .section1 .iconlist>li .num{color:#3c3c3c;font-size:32px;font-weight: 700;text-align: center;margin-bottom: 25px;}
.m1122 .section1 .iconlist>li .box{box-sizing:border-box;border-radius:8px;box-shadow:1px 0px 11px rgba(0,0,0,0.3);min-height:455px;}
.m1122 .section1 .iconlist>li .box .thumb{width: 100%;}
.m1122 .section1 .iconlist>li .box .thumb>div{}
.m1122 .section1 .iconlist>li .box .thumb img{max-width:100%;width:100%;}
.m1122 .section1 .iconlist>li .box .txtarea{background: #fff;box-sizing:border-box;text-align: center;padding-top: 40px;padding-bottom: 70px;
border-bottom-right-radius:8px;border-bottom-left-radius:8px;}
.m1122 .section1 .iconlist>li .box .txtarea .tit{font-size:30px;color:#0075bc;font-weight: 700;margin-bottom: 20px;}
.m1122 .section1 .iconlist>li .box .txtarea .txt{font-size:18px;color:#5656565;line-height: 1.5;}
.m1122 .section1 .iconlist>li .box .txtarea .txt>span{color:#0075bc;}
.m1122 .section2{overflow-x:hidden;}
.m1122 .section2 .boxarea{width:100%;background: transparent;position: relative;box-sizing:border-box;
padding-top: 80px;padding-bottom: 80px;}
.m1122 .section2 .boxarea:before{
position: absolute;content:'';background: #f3f9fe;width:200%;left:-50%;height:100%;top:0;
z-index:-1;}
.m1122 .section2 .boxarea ul{box-sizing:border-box;width:100%;position: relative;
display: flex;align-items:start;justify-content:space-between;}
.m1122 .section2 .boxarea ul:before{
position: absolute;content:'';background: #0764b5;width:1px;height:100%;
top:0;left:50%;
}
.m1122 .section2 .boxarea ul>li{width:45%;box-sizing:border-box;}
.m1122 .section2 .boxarea ul>li .figure{width:100%;}
.m1122 .section2 .boxarea ul>li .figure>p{margin:0 auto 60px;width:350px;height:50px;line-height: 46px;text-align: center;color:#fff;font-weight: 600;font-size:26px;
border-radius:25px;background: #828282;box-sizing:border-box;}
.m1122 .section2 .boxarea ul>li .figure>p.type2{background: #0764b5;}
.m1122 .section2 .boxarea ul>li .figure>img{max-width:100%;width:100%;}
.m1122 .section2 .boxarea .ftitle{text-align: center;font-size:20px;color:#000;font-weight: bold;margin-top: 40px;}
.m1122 .section2 .listarea{width:100%;box-sizing:border-box;margin-top: 110px;display: flex;align-items:start;justify-content:space-between;}
.m1122 .section2 .listarea li{width:calc((100% - 140px) / 2);margin-right: 70px;}
.m1122 .section2 .listarea li:last-child{margin-right: 0;}
.m1122 .section2 .listarea li .title{font-weight: bold;font-size:24px;color:#000;margin-bottom: 15px;min-height:70px;}
.m1122 .section2 .listarea li .text{font-size:20px;color:#656565;line-height: 1.5em;font-weight: 300;}
.m1122 .section3{overflow-x:hidden;padding-bottom: 0;}
.m1122 .section3 .con{position: relative;justify-content:space-between;align-items:center;box-sizing:border-box;}
.m1122 .section3 .con:before{
position: absolute;content:'';background: linear-gradient(to bottom,   #ffffff 40%, rgba(226,244,255,0.5) 75%, #e2f4ff 100%);
width:200%;left:-50%;height:100%;z-index:-1;
}
.m1122 .section3 .con .titlearea{width:60%;}
.m1122 .section3 .con .titlearea .tit{font-weight: 700;color:#000;font-size:42px;line-height: 1.45em;margin-bottom: 40px;}
.m1122 .section3 .con .titlearea .txt{}
.m1122 .section3 .con .titlearea .txt>p{color:#000;font-size:21px;font-weight: 600;line-height: 1.7em;}
.m1122 .section3 .con .imgarea{width:40%;}
.m1122 .section3 .con .imgarea .img{width:100%;}
.m1122 .section3 .con .imgarea .img img{max-width:100%;}
.m1122 .section3 .listwrap{position: relative;width:100%;box-sizing:border-box;padding-top: 110px;padding-bottom: 200px;}
.m1122 .section3 .listwrap:before{
position: absolute;content:'';background: #e2f4ff;z-index:-1;top:0;
width:200%;left:-50%;height:100%;
}
.m1122 .section3 .listwrap .list{width:100%;display: flex;align-items:center;box-sizing:border-box;padding-top: 60px;padding-bottom: 60px;
border-bottom: 1px solid rgba(0,0,0,0.2);}
.m1122 .section3 .listwrap .list:last-child{border-bottom: 0;}
.m1122 .section3 .listwrap .list .img{border:1px solid #ddd;width:536px;background: #fff;height:370px;box-sizing:border-box;overflow:hidden;border-radius:6px;
display: flex;align-items:center;justify-content:center;}
/* .m1122 .section3 .listwrap .list:nth-child(2) .img,
.m1122 .section3 .listwrap .list:nth-child(5) .img{padding:20px;} */
.m1122 .section3 .listwrap .list .img img{width:100%;object-fit:cover;}
.m1122 .section3 .listwrap .list .txt{width:calc(100% - 536px);box-sizing:border-box;padding-left: 10%;}
.m1122 .section3 .listwrap .list .txt>dt{font-weight: 700;font-size:36px;color:#000;line-height: 1.5em;margin-bottom: 40px;}
.m1122 .section3 .listwrap .list .txt>dd{font-size:20px;color:#656565;line-height: 1.6em;font-weight: 300;}


/*m1123*/
.m1123 .section1{padding-bottom: 140px;}
.m1123 .section2{background: #f6f7f9;}
.m1123 .iconlist{width: 100%;display: flex;align-items:start;justify-content:space-between;}
.m1123 .iconlist li{width:calc((100% - 66px) / 3);background: #f6f7f9;box-sizing:border-box;padding:60px 48px;border-radius:8px;min-height:680px;}
.m1123 .iconlist li .iconarea{width:100%;border-bottom:1px solid #d8d8d8;display: flex;align-items:center;justify-content:center;
box-sizing:border-box;padding-bottom: 59px;}
.m1123 .iconlist li .iconarea .icon{min-height:136px;}
.m1123 .iconlist li .iconarea .icon img{max-width:100%;}
.m1123 .iconlist li .txtarea{width: 100%;box-sizing:border-box;padding-top: 45px;}
.m1123 .iconlist li .txtarea .itit{font-size:24px;color:#3c3c3c;font-weight: 700;margin-bottom: 25px;}
.m1123 .iconlist li .txtarea .itxt{font-size:18px;color:#656565;line-height: 1.6;font-weight: 300;}
.m1123 .paperlist{width: 100%;display: flex;align-items:center;flex-wrap:wrap;}
.m1123 .paperlist li{width:calc((100% - 168px) / 4);margin-right: 56px;margin-bottom: 56px;}
.m1123 .paperlist li.last{margin-bottom:20px;}
.m1123 .paperlist li:nth-child(4n){margin-right: 0;}
.m1123 .paperlist li>div{width:100%;}
.m1123 .paperlist li>div>img{width: 100%;}
.m1123 .section3{padding-bottom: 108px;}
.m1123 .section3 .conarea{width:100%;display: flex;align-items:center;justify-content:space-between;}
.m1123 .section3 .conarea .textarea{width:calc(100% - 536px - 80px);margin-right: 80px;max-width:650px;}
.m1123 .section3 .conarea .textarea .tit{font-size:36px;color:#000;font-weight:700;margin-bottom: 30px;}
.m1123 .section3 .conarea .textarea .tlist{margin-bottom: 40px;}
.m1123 .section3 .conarea .textarea .tlist li{position:relative;box-sizing:border-box;font-size:18px;color:#656565;margin-bottom: 5px;font-weight: 300;
padding-left: 13px;}
.m1123 .section3 .conarea .textarea .tlist li:before{
position: absolute;content:'';background: #656565;border-radius:50%;width:4px;height:4px;
left:0;top:12px;
}
.m1123 .section3 .conarea .textarea .tlist li:last-child{margin-bottom: 0;}
.m1123 .section3 .conarea .textarea .logo{}
.m1123 .section3 .conarea .imgarea{width:536px;max-width:536px;overflow:hidden;border-radius:8px;}
.m1123 .section3 .conarea .imgarea .img{width: 100%;max-width:536px;}
.m1123 .section3 .conarea .imgarea .img img{width:100%;}

/*m12*/
.m12 h5.tit{font-size:36px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom: 34px;}
.m12 .txt>p{font-family: "Inter", sans-serif;color:#656565;font-size:18px;line-height: 1.6em;}
.m12 .section1 .con{width: 100%;}
.m12 .section1 .con.mgbt{margin-bottom: 200px;}
.m12 .section1 .con .titlearea{width: 100%;display: flex;align-items:center;margin-bottom: 120px;}
.m12 .section1 .con .titlearea .txtarea{width:calc(100% - 400px - 120px);margin-right: 120px;box-sizing:border-box;}
.m12 .section1 .con .titlearea .img{width:400px;}
.m12 .section1 .con .titlearea .img img{max-width:317px;width:100%;}
.m12 .section1 .con .iconarea{width:100%;}
.m12 .section1 .con .iconarea ul{width: 100%;display: flex;align-items:center;justify-content:center;}
.m12 .section1 .con .iconarea ul li{width: 27%;display: flex;flex-direction:column;align-items:center;justify-content:center;}
.m12 .section1 .con .iconarea ul li .icon{min-height:100px;margin-bottom: 15px;}
.m12 .section1 .con .iconarea ul li .icon{width: 100px;height:130px;}
.m12 .section1 .con .iconarea ul li .icon3{width: 105px;height:130px;}
.m12 .section1 .con .iconarea ul li .icon svg{position: relative;width:100%;height:100%;}
.m12 .section1 .con .iconarea ul li .icon1 svg .st0{fill:none;stroke:#002356;stroke-width:2.6;stroke-miterlimit:10;}
.m12 .section1 .con .iconarea ul li .icon2 svg .st1{fill:none;stroke:#002356;stroke-width:2.6;stroke-miterlimit:10;}
.m12 .section1 .con .iconarea ul li .icon3 svg .st2{fill:none;stroke:#002356;stroke-width:2.6;stroke-miterlimit:10;}
.m12 .section1 .con .iconarea ul li .icon3 svg .st3{fill:#002356;}

/*svg motion*/
.m12 .section1 .con .iconarea ul li .icon1 svg .path1{display: block;animation:fadePath 1.5s linear infinite;animation-delay:0.2s;}
.m12 .section1 .con .iconarea ul li .icon1 svg .path2{display: block;animation:fadePath 1.2s linear infinite;}
.m12 .section1 .con .iconarea ul li .icon1 svg .arrow{display:block;animation:ArrMotion 1.2s linear infinite;}
.m12 .section1 .con .iconarea ul li .icon1 svg .circle{display:block;animation:scaleUp 1.2s linear infinite;transform-origin:center;}
.m12 .section1 .con .iconarea ul li .icon2 svg .line{display:block;
position: absolute;top:50%;left:50%;transform-origin:center center;
animation:rotateLine 4s linear infinite;}
.m12 .section1 .con .iconarea ul li .icon3 svg .hand{display: block;animation:handMotion 1.5s linear infinite;}
.m12 .section1 .con .iconarea ul li .icon3 svg .circle{display: block;animation: circleUp1 1.5s linear infinite;}

@keyframes fadePath{
0%{opacity:0;}
50%{opacity:1;}
100%{opacity:0;}
}

@keyframes ArrMotion{
0%{transform:translate(-10px, 10px);}
50%{transform:translate(0px, 0px);}
100%{transform:translate(-10px, 10px);}
}
@keyframes scaleUp{
0%{transform:scale(1.1);}
50%{transform:scale(0.9);}
100%{transform:scale(1.1);}
}
@keyframes rotateLine{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@keyframes handMotion{
0%{transform:translateY(0px);}
50%{transform:translateY(15px);}
100%{transform:translateY(0px);}
}
@keyframes circleUp1{
0%{transform:translateY(0px);}
50%{transform:translateY(-8px);}
100%{transform:translateY(0px);}
}

/**/

.m12 .section1 .con .iconarea ul li .itxt{font-family: "Inter", sans-serif;font-size:22px;color:#000;font-weight: 600;}
.m12 .section1 .con .plist{margin-top: 75px;width:100%;display: flex;justify-content:center;align-items:center;}
.m12 .section1 .con .plist li{width:500px;margin-right: 32px;border-radius:8px;overflow:hidden;border:1px solid #e5e5e5;}
.m12 .section1 .con .plist li:last-child{margin-right: 0;}
.m12 .section1 .con .plist li .pimg{width:100%;max-width:500px;}
.m12 .section1 .con .plist li .pimg img{width:100%;max-width:500px;}
.m12 .section1 .con .plist li .ptit{font-family: "Inter", sans-serif;font-size:20px;color:#222;font-weight: 600;text-align: center;
box-sizing:border-box;padding:21px 0; }
.m12 .section .con.flex{display: flex;justify-content:space-between;align-items:center;}
.m12 .section2{background: #f6f7f9;padding-top: 95px;padding-bottom: 95px;}
.m12 .section2 .con{width: 100%;}
.m12 .section2 .con.flex .titlearea{width:calc(100% - 536px - 100px);box-sizing:border-box;}
.m12 .section2 .con.flex .txt{margin-bottom: 32px;}
.m12 .section2 .con .imgarea{max-width:536px;overflow:hidden;}
.m12 .section2 .con .imgarea .img{width:100%;max-width:536px;}
.m12 .section2 .con .imgarea .img img{width:100%;max-width:536px;}
.m12 .section3{padding-top: 95px;}
.m12 .section3 .con.flex .titlearea{width:calc(100% - 536px - 100px);box-sizing:border-box;}
.m12 .section3 .con.flex .txt{margin-bottom: 32px;}
.m12 .section3 .con .imgarea{max-width:536px;overflow:hidden;}
.m12 .section3 .con .imgarea .img{width:100%;max-width:536px;}
.m12 .section3 .con .imgarea .img img{width:100%;max-width:536px;}
.m12 .section3 .con .imgarea>span{
font-family: "Inter", sans-serif;font-size:13px;color:#656565;font-weight:400;display: block;margin-top: 20px;
}

/*m121*/
.m121 .page_title{font-size:38px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom: 60px;}
.m121 .product_list{width:100%;display: flex;flex-wrap:wrap;align-items:center;}
.m121 .product_list li{width:calc((100% - 12px) / 4);margin-right: 4px;height:110px;margin-bottom: 4px;background: #e7e7e7;}
.m121 .product_list li:nth-child(4n){margin-right: 0;}
.m121 .product_list li > a{display: block;width: 100%;height:100%;text-align: center;line-height: 110px;}
.m121 .product_list li > a > p{color:#000;font-family: "Inter", sans-serif;font-size:18px;font-weight:400;}
.m121 .product_list li:hover{background: #ff7d00;}
.m121 .product_list li:hover > a > p{color:#fff;} 

/*m1211*/
.product_view{}
.product_view .conarea{margin-bottom: 110px;}
.product_view .conarea:last-child{margin-bottom: 0;}
.product_view .conarea .con_title{color:#000;font-family: "Inter", sans-serif;font-size:32px;font-weight:700;margin-bottom: 50px;}
.product_view .conarea .tablewrap{}
.product_view .conarea .table1{width:100%;}
.product_view .conarea .table1 dl{box-sizing:border-box;padding: 15px 8px;width:100%;display: flex;align-items:start;
border-bottom: 1px solid #e5e5e5;}
.product_view .conarea .table1 dl > dt{font-family: "Inter", sans-serif;width:200px;margin-right: 120px;font-size:18px;color:#000;font-weight: 500;}
.product_view .conarea .table1 dl > dd{font-family: "Inter", sans-serif;width:calc(100% - 200px - 120px);font-size:18px;color:#656565;}
.product_view .conarea .table2{width:100%;}
.product_view .conarea .table2 tr{}
.product_view .conarea .table2 tr th{
box-sizing:border-box;padding:20px 8px;border-bottom: 1px solid #e5e5e5;text-align: center;
font-family: "Inter", sans-serif;width:200px;margin-right: 120px;font-size:18px;color:#000;font-weight: 500;}
.product_view .conarea .table2 tr td{
box-sizing:border-box;padding:20px 8px;border-bottom: 1px solid #e5e5e5;text-align: center;
font-family: "Inter", sans-serif;width:200px;margin-right: 120px;font-size:18px;color:#656565;
}
.product_view .conarea .table2 tr th:nth-child(1),
.product_view .conarea .table2 tr td:nth-child(1){text-align: left;
font-size:18px;color:#000;font-weight: 500;
}
.product_view .conarea .table2 tr td > div:first-child{margin-bottom: 8px;}
.product_view .conarea .table2 col{width:auto;max-width:33%;}

.product_view .conarea .tablewrap::-webkit-scrollbar {
    height:5px;/* 스크롤바의 너비 */
	}
	.product_view .conarea .tablewrap::-webkit-scrollbar-thumb {
    width:10%;/* 스크롤바의 길이 */
    background: #c2c2c2;/* 스크롤바의 색상 */
}
.product_view .conarea .tablewrap::-webkit-scrollbar-track {
    background: #ebebeb;/*스크롤바 뒷 배경 색상*/
}

.product_view1 .section{padding-top: 110px;padding-bottom: 110px;}
.product_view1 .section1{padding-top: 0;}
.product_view1 .section:nth-child(even){background: #f8f8f8;}
.product_view1 .conarea{margin:0;padding:0;}
.product_view1 .conarea .con_title2{color:#000;font-family: "Inter", sans-serif;font-size:24px;font-weight:700;margin-bottom: 45px;}
.product_view1 .section1 .conarea{margin-bottom: 70px;}
.product_view1 .section1 .conarea:last-child{margin-bottom: 0;}
.product_view1 .conarea .tablewrap{overflow:hidden;overflow-x:auto;max-width:3000px;}

.product_view1 .conarea .table1 dl{align-items:center;}
.product_view1 .conarea .table1 dl > dt{width:250px;margin-right: 100px;}
.product_view1 .conarea .table1 dl > dd{width:calc(100% - 250px - 100px);}
.product_view1 .conarea .table1.flex_dd dl > dd{display: flex;align-items:start;}
.product_view1 .conarea .table1.flex_dd dl > dd > div{width:33.3%;}
.product_view1 .conarea .table1.type2{max-width:3000px;min-width:100%;width:auto;}
.product_view1 .conarea .table1.type2 dl{width:auto;}
.product_view1 .conarea .table1.type2 dl > dd{width:auto;display: flex;align-items:center;}
.product_view1 .conarea .table1.type2 dl > dd > div{display: inline-block;width:300px;margin-right: 50px;}
.product_view1 .conarea .table1.type2 dl > dd > div:last-child{margin-right: 0;}
.product_view1 .section .titwrap{display: flex;justify-content:space-between;align-items:center;margin-bottom: 50px;}
.product_view1 .section .titwrap .con_title{margin-bottom: 0;}
.product_view1 .section .titwrap .view_btn{display: inline-block;}
.product_view1 .section .titwrap .view_btn>span{display: inline-block;font-size:18px;color:#363a3a;font-weight: 500;margin-right: 6px;}
.product_view1 .section .titwrap .view_btn>i{display: inline-block;width: 16px;height: 11px;background: url(/images/main/view_icon1.png)no-repeat center;}
.product_view1 .section3 .down_list{width: 100%;border-top: 1px solid #e5e5e5;}
.product_view1 .section3 .down_list li{width: 100%;border-bottom: 1px solid #e5e5e5;}
.product_view1 .section3 .down_list li > a{width: 100%;display: flex;align-items:center;box-sizing:border-box;padding: 35px 0px;}
.product_view1 .section3 .down_list li .d_icon{display: inline-block;width:8%;height:16px;background: url(/images/page/product_view_down_icon.png)no-repeat center;}
.product_view1 .section3 .down_list li .d_tit{display: inline-block;width:92%;font-size:19px;color:#000;font-weight: 600;}
.product_view1 .section4{}
.product_view1 .section4 .conarea .table2 tr *{text-align: left;}
.product_view1 .section4 .conarea .table2 tr td{word-break:break-word;white-space:normal;}
.product_view1 .section4 .conarea .table2 .col1{width:10%;}
.product_view1 .section4 .conarea .table2 .col2{width:20%;}
.product_view1 .section4 .conarea .table2 .col3{width:30%;}
.product_view1 .section4 .conarea .table2 .col4{width:20%;}
.product_view1 .section4 .conarea .table2 .col5{width:20%;}
.product_view1 .plist{width:100%;display: flex;align-items:center;flex-wrap:wrap;}
.product_view1 .plist li{width:calc((100% - 60px) / 3);margin-bottom: 30px;margin-right: 30px;box-sizing:border-box;padding: 30px 30px;
border-radius:8px;border:1px solid #e5e5e5;}
.product_view1 .plist li:nth-child(3n){margin-right: 0;}
.product_view1 .plist li .thumb{width:100%;margin-bottom: 20px;}
.product_view1 .plist li .thumb img{width: 100%;}
.product_view1 .plist li .title{text-align: center;font-size:22px;color:#000;font-weight: 500;margin-bottom: 20px;}
.product_view1 .plist li .info{text-align: center;font-size:17px;color:#656565;font-weight: 400;margin-bottom: 30px;}
.product_view1 .plist li .more_btn{width:212px;height:46px;line-height: 46px;margin:0 auto;}
.product_view1.plist li .more_btn>span{font-size:16px;font-weight: 900;}
.product_view1 .result_wrap{width:100%;position: relative;border-radius:8px;border:1px solid #dddee0;
box-sizing:border-box;padding: 30px 30px;background: #fff;
}
.product_view1 .result_wrap .gallery{width:100%;}
.product_view1 .result_wrap .gallery .swiper-wrapper{}
.product_view1 .result_wrap .gallery .swiper-slide{width:100%;height:100%;overflow:hidden;display: flex;align-items:start;justify-content:space-between;}
.product_view1 .result_wrap .gallery .swiper-slide .pimg{width:calc(100% - 360px);max-width:801px;min-height:500px;height:500px;}
.product_view1 .result_wrap .gallery .swiper-slide .pimg img{width:100%;height:100%;max-width:801px;object-fit:cover;}
.product_view1 .result_wrap .gallery .swiper-slide .ptxt{width:330px;box-sizing:border-box;}
.product_view1 .result_wrap .gallery .swiper-slide .ptxt p{box-sizing:border-box;font-size:18px;color:#656565;
white-space:pre-wrap;line-height: 1.6em;}
.product_view1 .result_wrap .gallery-thumbs{width:330px;max-width:330px;height:98px;position: absolute;bottom:30px;right:30px;}
.product_view1 .result_wrap .gallery-thumbs .swiper-slide{width:160px;position: relative;cursor:pointer;}
.product_view1 .result_wrap .gallery-thumbs .swiper-slide .img{width:100%;min-height:96px;height:96px;position: relative;
box-sizing:border-box;}
.product_view1 .result_wrap .gallery-thumbs .swiper-slide .img img{width: 100%;height:100%;object-fit:cover;}
.product_view1 .result_wrap .gallery-thumbs .swiper-slide .img:before{position: absolute;content:"";
top:0px;left:0px;border:2px solid #004ea2;width:calc(100% - 4px);height:calc(100% - 4px);
border:2px solid transparent;
}
.product_view1 .result_wrap .gallery-thumbs .swiper-slide.on .img:before{
border:2px solid #004ea2;
}


/*m122 general*/
.m122{}
.m122 .page_title{font-size:38px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom: 60px;}
.m122 .g_wrap{width:100%;}
.m122 .g_wrap .boxwrap{width: 100%;}
.m122 .g_wrap .boxwrap:first-child{margin-bottom: 20px;}
.m122 .g_wrap .boxwrap .title{position: relative;font-size:20px;color:#000;font-weight: 500;box-sizing:border-box;
width:100%;padding: 32px 40px;cursor:pointer;
background: #e7e7e7;}
.m122 .g_wrap .boxwrap .title.act{transition:all 0.1s;color:#fff;background: #ff7d00;}
.m122 .g_wrap .boxwrap .title:after{
	display:block;content:"";
	width:14px;height:8px;
	background: url(/images/page/m122_tit_arr.png)no-repeat center;
	position:absolute;right:40px;top:50%;
	transform:translate(0,-50%);
}
.m122 .g_wrap .boxwrap .title.act:after{
	background: url(/images/page/m122_tit_arr_act.png)no-repeat center;
	transform:translate(0,-50%);
}
.m122 .g_wrap .boxwrap .tablewrap{display: none;padding-bottom: 40px;box-sizing:border-box;margin-top: 45px;}
.m122 .g_wrap .boxwrap .tablewrap table{width:100%;border-bottom:1px solid #e5e5e5;}
.m122 .g_wrap .boxwrap .tablewrap table tr * {
vertical-align:top;font-size:18px;color:#656565;box-sizing:border-box;padding:15px 0;/* border-bottom:1px solid #e5e5e5; */}
.m122 .g_wrap .boxwrap .tablewrap table tr th{text-align: center;font-size:18px;color:#000;font-weight: 500;/* border-bottom:1px solid #e5e5e5; */}
.m122 .g_wrap .boxwrap .tablewrap table tr td{text-align: center;}
.m122 .g_wrap .boxwrap .tablewrap table tr th:first-child{padding-left: 40px;text-align: left;}
.m122 .g_wrap .boxwrap .tablewrap table tr .tal{text-align: left;}
.m122 .g_wrap .boxwrap .tablewrap table tr .ptit{padding-left:40px;text-align: left;font-size:18px;color:#000;font-weight: 500;/* border-bottom:1px solid #e5e5e5; */}
.m122 .g_wrap .boxwrap .tablewrap table tr .bt{border-top:1px solid #e5e5e5;}
.m122 .g_wrap .boxwrap .tablewrap .g_tb1 .col1{width:35%;}
.m122 .g_wrap .boxwrap .tablewrap .g_tb1 .col2{width:25%;}
.m122 .g_wrap .boxwrap .tablewrap .g_tb1 .col3{width:20%;}
.m122 .g_wrap .boxwrap .tablewrap .g_tb1 .col4{width:20%;}
.m122 .g_wrap .boxwrap .tablewrap .g_tb2 .col1{width:15%;}
.m122 .g_wrap .boxwrap .tablewrap .g_tb2 .col2{width:70%;}
.m122 .g_wrap .boxwrap .tablewrap .g_tb2 .col3{width:15%;}

.m122 .g_wrap .boxwrap .tablewrap table.g_tb2{}
.m122 .g_wrap .boxwrap .tablewrap table.g_tb2 tr td:first-child{padding-left: 40px;text-align: left;box-sizing:border-box;}



/*m21*/
.m21 .con.flex{width:100%;display: flex;align-items:center;justify-content:space-between;}
.m21 h5.tit{font-size:36px;color:#000;font-weight: 700;}
.m21 .txt>p{font-size:18px;color:#656565;font-weight: 300;line-height: 1.65em;}

/*m210 개요*/
.m210{margin-top:0px;}
.m210 h5.tit{margin-bottom: 40px;}
.m210 .section:nth-child(odd) .con .titlearea{width:calc(100% - 536px - 100px);box-sizing:border-box;padding-right:0%;}
.m210 .section:nth-child(odd) .con .titlearea .tit{margin-bottom: 40px;}
.m210 .section:nth-child(odd) .con .imgarea{width:536px;max-width:536px;overflow:hidden;}
.m210 .section1:nth-child(odd) .con .imgarea .img{width:100%;max-width:536px;}
.m210 .section1:nth-child(odd) .con .imgarea .img img{width:100%;max-width:536px;}
.m210 .section{padding-top: 110px;padding-bottom: 110px;}
.m210 .section1{padding-bottom: 100px;}
.m210 .section:nth-child(even){background: #f6f7f9;}
.m210 .section2 .tit{text-align: center;margin-bottom: 60px;}
.m210 .section2 .imglist{width:100%;display: flex;align-items:start;}
.m210 .section2 .imglist li{box-sizing:border-box;width:calc((100% - 105px) / 4);margin-right: 37px;display: flex;flex-direction:column;align-items:center;}
.m210 .section2 .imglist li:nth-child(4n){margin-right: 0;}
.m210 .section2 .imglist li .dia{width:100%;margin-bottom: 40px;max-width:280px;min-height:250px;
border-radius:6px;border:1px solid #d8d8d8;display: flex;align-items:center;justify-content:center;}
.m210 .section2 .imglist li .txtwrap{text-align: center;box-sizing:border-box;width:100%;max-width:270px;}
.m210 .section2 .imglist li .txtwrap dt{font-size:18px;color:#000;font-weight: 600;margin-bottom:20px;}
.m210 .section2 .imglist li .txtwrap dd{font-size:18px;color:#656565;font-weight: 300;}
.m210 .section4 .txt{margin-bottom: 32px;}
.m210 .section4 .more_btn{margin-bottom: 55px;}
.m210 .section4 .imgarea{width:100%;max-width:100%;}
.m210 .section4 .imgarea .img{width:100%;max-width:100%;overflow:hidden;}
.m210 .section4 .imgarea .img img{width:100%;max-width:100%;object-fit:cover;}

.m211{margin-top: 0;}
.m211 .section{padding-top: 110px;padding-bottom: 110px;}
.m211 h5.tit{margin-bottom: 40px;}
.m211 .section1 .txt>p:first-child{margin-bottom: 30px;}
.m211 .section:nth-child(even){width:100%;background: #f6f7f9;}
.m211 .section1 .imgarea{width:536px;max-width:536px;display: flex;flex-direction:column;align-items:center;}
.m211 .section1 .imgarea .img{width:100%;max-width:100%;overflow:hidden;}
.m211 .section1 .titlearea{width:calc(100% - 536px - 100px);padding-right:0%;box-sizing:border-box;}
.m211 .section2 .imgarea{width:536px;max-width:536px;display: flex;flex-direction:column;align-items:center;}
.m211 .section2 .imgarea .arr{margin:6px 0;}
.m211 .section2 .imgarea .img{width:100%;max-width:100%;overflow:hidden;}
.m211 .section2 .titlearea{width:calc(100% - 536px - 100px);padding-left:0%;box-sizing:border-box;}
.m211 .section3 .listwrap{}
.m211 .section3 .listwrap dl{margin-bottom: 60px;}
.m211 .section3 .listwrap dl:last-child{margin-bottom: 0;}
.m211 .section3 .listwrap dl > dt{color:#000;font-weight: 600;font-size:22px;margin-bottom: 25px;}
.m211 .section3 .listwrap dl > dd{font-size:18px;color:#656565;line-height: 1.6em;font-weight: 300;}

.m212{margin-top: 0;}
.m212 .section{padding-top: 110px;padding-bottom: 110px;}
.m212 h5.tit{margin-bottom: 40px;}
.m212 .section1 .txt>p:first-child{margin-bottom: 30px;}
.m212 .section:nth-child(even){width:100%;background: #f6f7f9;}
.m212 .section2 .imgarea{width:536px;max-width:536px;display: flex;flex-direction:column;align-items:center;}
.m212 .section2 .imgarea .arr{margin:6px 0;}
.m212 .section2 .imgarea .img{width:100%;max-width:100%;overflow:hidden;}
.m212 .section2 .titlearea{max-width:620px;width:calc(100% - 536px - 100px);}
.m212 .section3 .listwrap{}
.m212 .section3 .listwrap dl{margin-bottom: 60px;}
.m212 .section3 .listwrap dl:last-child{margin-bottom: 0;}
.m212 .section3 .listwrap dl > dt{color:#000;font-weight: 600;font-size:22px;margin-bottom: 25px;}
.m212 .section3 .listwrap dl > dd{font-size:18px;color:#656565;line-height: 1.6em;font-weight: 300;}
.m212 .section4 ul{width:100%;display: flex;align-items:start;justify-content:space-between;}
.m212 .section4 .list1{margin-bottom: 66px;}
.m212 .section4 .list1 li{width:calc((100% - 50px) / 2);}
.m212 .section4 .list1 li .ltit{color:#000000;font-size:22px;font-weight:600;margin-bottom: 40px;}
.m212 .section4 .list1 li .img{margin-bottom: 32px;}
.m212 .section4 .list1 li .txt{}
.m212 .section4 .list1 li .txt>p{}
.m212 .section4 .list2{margin-bottom: 24px;}
.m212 .section4 .list2 li{width:calc((100% - 100px) / 3);}

.m213{margin-top: 0;}
.m213 .section{padding-top: 110px;padding-bottom: 110px;}
.m213 h5.tit{margin-bottom: 40px;}
.m213 .section:nth-child(even){width:100%;background: #f6f7f9;}
.m213 .section2 .titlearea{margin-bottom: 60px;}
.m213 .section2 .imgarea{width:100%;}
.m213 .section2 .imgarea .img{width:100%;}
.m213 .section2 .imgarea .img img{width:100%;max-width:100%;}
.m213 .section3 .listwrap{}
.m213 .section3 .listwrap dl{margin-bottom: 60px;}
.m213 .section3 .listwrap dl:last-child{margin-bottom: 0;}
.m213 .section3 .listwrap dl > dt{color:#000;font-weight: 600;font-size:22px;margin-bottom: 25px;}
.m213 .section3 .listwrap dl > dd{font-size:18px;color:#656565;line-height: 1.6em;font-weight: 300;}
.m213 .section4 .list{width:100%;display: flex;align-items:center;justify-content:space-between;}
.m213 .section4 .list{margin-top: 60px;}
.m213 .section4 .list .li{}
.m213 .section4 .list .li.w33{width:calc((100% - 57px) / 3 );}
.m213 .section4 .list .li.w66{width:calc((100% - 57px) / 3 * 2);}
.m213 .section4 .list .arr{max-width:21px;margin:0 19px 0 17px;}
.m213 .section4 .list .li .ltit{font-family: "Inter", sans-serif;color:#000000;font-size:22px;font-weight:600;margin-bottom: 24px;}
.m213 .section4 .list .li .img{width:100%;max-width:100%;}
.m213 .section4 .list .li .img img{width:100%;max-width:100%;}

.m214{margin-top: 0;}
.m214 .section{padding-top: 110px;padding-bottom: 110px;}
.m214 h5.tit{margin-bottom: 40px;}
.m214 .section:nth-child(even){width:100%;background: #f6f7f9;}
.m214 .section1 .txt>p:first-child{margin-bottom: 30px;}
.m214 .section2 .list{width:100%;display: flex;align-items:center;justify-content:space-between;}
.m214 .section2 .list{margin-top: 66px;}
.m214 .section2 .list .li{}
.m214 .section2 .list .li.w25{width:calc((100% - 162px) / 4 );}
.m214 .section2 .list .li.w50{width:calc((100% - 162px) / 4 * 2);max-width:486px;}
.m214 .section2 .list .arr{max-width:21px;margin:0 30px 0 30px;}
.m214 .section2 .list .arr2{position: relative;}
.m214 .section2 .list .arr2 span{display: inline-block;position: absolute;width:100px;text-align: center;max-width:100px;
font-family: "Inter", sans-serif;font-size:14px;color:#444;font-weight: 600;letter-spacing:-0.4px;
left:50%;top:120%;transform:translate(-50%, 0);}
.m214 .section2 .list .li.w50 .img{width:100%;max-width:486px;height:390px;}
.m214 .section2 .list .li.w25 .img{width:100%;max-width:286px;height:390px;}
.m214 .section2 .list .arr .img{width:100%;max-width:21px;}
.m214 .section2 .list .li .img img{width:100%;max-width:100%;height:100%;}
.m214 .section3 .listwrap{}
.m214 .section3 .listwrap dl{margin-bottom: 33px;}
.m214 .section3 .listwrap dl:last-child{margin-bottom: 0;}
.m214 .section3 .listwrap dl > dt{color:#000;font-weight: 600;font-size:22px;margin-bottom: 25px;}
.m214 .section3 .listwrap dl > dd{font-size:18px;color:#656565;line-height: 1.6em;}
.m214 .section3 .imgarea{margin-top:60px;width:100%;}
.m214 .section3 .imgarea .img{width: 100%;}
.m214 .section3 .imgarea .img img{width: 100%;}
.m214 .section4 .list{width:100%;display: flex;align-items:center;justify-content:space-between;margin-top: 60px;}
.m214 .section4 .list .li{width:calc((100% - 54px) / 2);}
.m214 .section4 .list .li .ltit{font-family: "Inter", sans-serif;color:#000;font-size:22px;font-weight:600;margin-bottom: 24px;}
.m214 .section4 .list .li .img{width:100%;max-width:100%;}
.m214 .section4 .list .li .img img{width:100%;max-width:100%;}

/*m22*/
.m22{margin-top: 0;}
.m22 .txt>p{font-size:18px;color:#656565;font-weight: 300;line-height: 1.65em;}

.m22 .section{padding-top: 110px;padding-bottom: 110px;}
.m22 .con.flex{width:100%;display: flex;align-items:center;justify-content:space-between;}
.m22 h5.tit{font-size:36px;color:#000;font-weight: 700;margin-bottom: 40px;}

/*m221*/
.m221{}
.m221 .section:nth-child(odd){width:100%;background: #f6f7f9;}
.m221 .section2 .titlearea{width:calc(100% - 536px - 100px);box-sizing:border-box;padding-right:0%;}
.m221 .section2 .titlearea .txt{margin-bottom: 60px;}
.m221 .section2 .titlearea .subtit{font-size:28px;color:#000;font-weight: 700;margin-bottom: 40px;}
.m221 .section2 .titlearea .boxwrap{width:100%;display: flex;align-items:start;}
.m221 .section2 .titlearea .boxwrap dl{width:50%;}
.m221 .section2 .titlearea .boxwrap dl dt{font-size:22px;color:#000;font-weight: 700;margin-bottom: 28px;}
.m221 .section2 .titlearea .boxwrap dl dd>div{margin-bottom: 10px;}
.m221 .section2 .imgarea{width:536px;max-width:536px;overflow:hidden;}
.m221 .section2 .imgarea .img{width:100%;max-width:536px;}
.m221 .section2 .imgarea .img img{width:100%;max-width:536px;}
.m221 .section3 .txt{margin-bottom: 32px;}
.m221 .section4 .titlearea{width:calc(100% - 536px - 100px);box-sizing:border-box;padding-right:0%;}
.m221 .section4 .titlearea .txt{margin-bottom: 25px;}
.m221 .section4 .imgarea{width:536px;max-width:536px;overflow:hidden;}
.m221 .section4 .imgarea .img{width:100%;max-width:536px;}
.m221 .section4 .imgarea .img img{width:100%;max-width:536px;}

/*m222*/
.m222 .section:nth-child(even){width:100%;background: #f6f7f9;}
.m222 .section1 .pipewrap{margin-top: 80px;}
.m222 .section1 .pipeline{width:100%;}
.m222 .pipeline * {font-family:"Inter", sans-serif;font-weight: 500;box-sizing:border-box;}
.m222 .pipeline .table>ul {display:flex;border-bottom:1px solid #e5e5e5;}
.m222 .pipeline .table>ul>li {width:12.5%;border-right:1px solid #e5e5e5;padding-left: 10px;}
.m222 .pipeline .table>ul>li:last-child{border-right:0;}
.m222 .pipeline .table>ul>li:nth-child(1){width:25%;}
.m222 .pipeline .top>ul>li{box-sizing:border-box;padding:25px 0 25px 0px;
font-size:15px;color:#000;font-weight: 500;display: flex;align-items:center;justify-content:center;text-align: center;
}
.m222 .pipeline .bottom>ul li{box-sizing:border-box;
padding:40px 0 40px 6px;
font-size:18px;color:#004ea2;font-weight: 600;}
.m222 .pipeline .bottom>ul li.graph {position: relative;width: 75%;border-right: none;padding:0;}
.m222 .pipeline .bottom>ul li.graph ul {display:flex;width: 100%;height: 100%;}
.m222 .pipeline .bottom>ul li.graph ul li {width: 16.67%;height:100%;border-right:1px solid #e5e5e5;}
.m222 .pipeline .bottom>ul li.graph ul li:last-child{border-right: 0;}

.m222 .pipeline .bottom>ul li.graph .graph_list {position: absolute;top:0;left:0;
display: flex;flex-direction: column;justify-content: center;align-items:center;width:100%;height:100%;
padding: 26px 0 26px;box-sizing:border-box;}
.m222 .pipeline .bottom>ul li.graph .graph_list .bar {
position: relative;display: flex;justify-content: flex-end;align-items: center;
height: 20px;border-radius:0 10px 10px 0;width:100%;border-left:0;
}

.m222 .pipeline .bottom>ul li.graph .graph_list .bar>div {
position: absolute;top: -1px;left:0;display: flex;align-items: center;
justify-content: space-between;border-radius:0 10px 10px 0;background: #004ea2;height: 22px;}

.m222 .pipeline .bottom>ul:nth-child(1) li.graph .graph_list .bar1>div{width:83.33%;}
.m222 .pipeline .bottom>ul:nth-child(2) li.graph .graph_list .bar1>div{width:75.015%;}
.m222 .pipeline .bottom>ul:nth-child(3) li.graph .graph_list .bar1>div{width:50.01%;}
.m222 .pipeline .bottom>ul:nth-child(4) li.graph .graph_list .bar1>div{width:83.33%;}
.m222 .pipeline .bottom>ul:nth-child(5) li.graph .graph_list .bar1>div{width:66.68%;}
.m222 .pipeline .bottom>ul:nth-child(6) li.graph .graph_list .bar1>div{width:66.68%;}

.m222 .section2 dl{width:100%;box-sizing:border-box;padding: 60px 0;border-bottom:1px solid #dddee0;}
.m222 .section2 dl:last-child{border-bottom: 0;}
.m222 .section2 dl>dt{font-size:28px;color:#000;font-weight: 700;margin-bottom: 25px;}
.m222 .section2 dl>dd{font-size:18px;color:#656565;font-weight: 300;line-height:1.6;}


/*pipeline motion*/
.m222 .pipeline .bottom>ul li.graph .graph_list .bar1>div{transition:width 1s;}
.m222 .pipeline .bottom>ul:nth-child(1) li.graph .graph_list .bar1>div{width:0%;}
.m222 .pipeline .bottom>ul:nth-child(2) li.graph .graph_list .bar1>div{width:0;}
.m222 .pipeline .bottom>ul:nth-child(3) li.graph .graph_list .bar1>div{width:0;}
.m222 .pipeline .bottom>ul:nth-child(4) li.graph .graph_list .bar1>div{width:0;}
.m222 .pipeline .bottom>ul:nth-child(5) li.graph .graph_list .bar1>div{width:0;}
.m222 .pipeline .bottom>ul:nth-child(6) li.graph .graph_list .bar1>div{width:0;}

.m222 .pipeline .bottom>ul:nth-child(1) li.graph .graph_list .bar1.in-view>div{width:83.33%;}
.m222 .pipeline .bottom>ul:nth-child(2) li.graph .graph_list .bar1.in-view>div{width:75.015%;}
.m222 .pipeline .bottom>ul:nth-child(3) li.graph .graph_list .bar1.in-view>div{width:50.01%;}
.m222 .pipeline .bottom>ul:nth-child(4) li.graph .graph_list .bar1.in-view>div{width:83.33%;}
.m222 .pipeline .bottom>ul:nth-child(5) li.graph .graph_list .bar1.in-view>div{width:66.68%;}
.m222 .pipeline .bottom>ul:nth-child(6) li.graph .graph_list .bar1.in-view>div{width:66.68%;}


/*m223*/
.m223 .section:nth-child(even){width:100%;background: #f6f7f9;}
.m223 .listwrap{margin-top: 60px;}
.m223 .listwrap dl{margin-bottom: 43px;}
.m223 .listwrap dl:last-child{margin-bottom: 0;}
.m223 .listwrap dl > dt{color:#000;font-weight: 600;font-size:22px;margin-bottom: 25px;}
.m223 .listwrap dl > dd{font-size:18px;color:#656565;line-height: 1.6em;font-weight: 300;}
.m223 .imgarea{width:100%;margin-top: 60px;}
.m223 .imgarea .img{width: 100%;}
.m223 .imgarea .img img{width: 100%;}
.m223 .section3 .titlearea{width:calc(100% - 520px - 100px);box-sizing:border-box;padding-right:0%;}
.m223 .section3 .imgarea{margin-top: 0;width:520px;max-width:520px;overflow:hidden;}
.m223 .section3 .imgarea .img{width:100%;max-width:520px;}
.m223 .section3 .imgarea .img img{width:100%;max-width:520px;}

/*m23*/
.m23{}
.m23 .list1{width:100%;border-top:1px solid #e5e5e5;}
.m23 .list1 li{width:100%;box-sizing:border-box;border-bottom:1px solid #e5e5e5;}
.m23 .list1 li a{display: flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding: 34px 0;pointer-events:none;cursor:text !important; }
.m23 .list1 li .tit{width:85%;word-break:break-all;font-size:18px;color:#004ea2;font-weight:400;line-height: 1.7em;box-sizing:border-box;
padding-right:30px;}
.m23 .list1 li .subtit{width:15%;max-width:300px;font-size:16px;color:rgba(0,0,0,0.65);font-weight:400;}

.m23 .list2{width:100%;border-top:1px solid #e5e5e5;}
.m23 .list2 li{width:100%;box-sizing:border-box;border-bottom:1px solid #e5e5e5;}
.m23 .list2 li a{width:100%;display: block;box-sizing:border-box;padding: 34px 0;pointer-events:none;cursor:text !important; }
.m23 .list2 li .tit{width:100%;font-size:18px;color:#004ea2;font-weight:400;line-height: 1.7em;}




/*m33*/
.m33{}
.m33 .section1{padding-bottom: 0px;}
.m33 .sub_tit{font-size:50px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom: 100px;display: block;}
.m33 h5.tit{font-size:28px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom: 30px;}
.m33 .con{width:100%;display: flex;align-items:start;justify-content:space-between;}
.m33 .con.mgbt{margin-bottom: 40px;}
.m33 .con:last-child{padding-bottom: 60px;border-bottom:1px solid #e5e5e5;}
.m33 .con .txtarea{width:50%;box-sizing:border-box;padding-top: 40px;}
.m33 .txt>p{font-family: "Inter", sans-serif;color:#656565;font-size:18px;}
.m33 .txt>p>a{font-family: "Inter", sans-serif;color:#656565;font-size:18px;}
.m33 .con .txtarea .txt>p.first{margin-bottom: 25px;}
.m33 .con .imgarea{width:50%;}
.m33 .con .imgarea .img{width:450px;height:300px;overflow:hidden;border-radius:8px;}
.m33 .con .imgarea .img img{width:100%;max-width:100%;}
.m33 .section2{padding-top: 60px;}
.m33 .formwrap{width:100%;}
.m33 .formwrap .catewrap{margin-top: 45px;margin-bottom: 45px;width:100%;}
.m33 .formwrap .catewrap .tit2{font-size:20px;color:#000;font-weight: 700;font-family: "Inter", sans-serif;margin-bottom: 30px;}
.m33 .formwrap .catewrap .rlist{}
.m33 .formwrap .catewrap .rlist li{margin-bottom: 10px;}
.m33 .formwrap .catewrap .rlist li input[type="radio"]{
position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
  }
  .m33 .formwrap .catewrap .rlist li input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:17px;
}
  .m33 .formwrap .catewrap .rlist li input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #004ea2;
  border-radius: 50%;
  /* box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); */
}

  .m33 .formwrap .catewrap .rlist li input[type="radio"] + label:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 4px;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
}
  .m33 .formwrap .catewrap .rlist li input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 4px;
  width: 14px;
  height: 14px;
  background: #004ea2;
  border-radius: 50%;
}
.m33 .formwrap .inquirywrap{width:100%;margin-bottom: 40px;box-sizing:border-box;padding: 40px 40px;background: #f6f7f9;}
.m33 .formwrap .inquirywrap .txt2{font-family: "Inter", sans-serif;color:#656565;font-size:18px;margin-bottom:25px ;}
.m33 .formwrap .inquirywrap .td_g{width:100%;display: flex;align-items:center;justify-content:space-between;margin-bottom: 20px;}
.m33 .formwrap .inquirywrap .td{width:49.5%;}
.m33 .formwrap .inquirywrap .td.w100{width:100%;margin-bottom: 20px;}
.m33 .formwrap .inquirywrap .td.w100:last-child{margin-bottom: 0;}
.m33 .formwrap .inquirywrap .td>input,
.m33 .formwrap .inquirywrap .td>select,
.m33 .formwrap .inquirywrap .td>textarea{outline:none;
border:1px solid #d8d9d8;border-radius:12px;height:68px;width:100%;
display: block;background: #fff;box-sizing:border-box;padding-left: 20px;font-size:17px;color:#656565;
font-family: "Inter", sans-serif;
}
.m33 .formwrap .inquirywrap .td>#f_content{padding-top: 15px;height:118px;}
.m33 .formwrap .inquirywrap .td>select{position: relative;cursor:pointer;appearance:none;
background: #fff url(/images/page/m33_sel_arr.png)no-repeat right 30px center;}
.m33 .formwrap .inquirywrap .td>select option{cursor:pointer;font-size:17px;color:#656565;}

.m33 .formwrap .agreewrap{width: 100%;margin-bottom:50px;}
.m33 .formwrap .agreewrap .td{margin-bottom: 34px;}

.m33 .formwrap .agreewrap .td input[type="checkbox"]{
position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.m33 .formwrap .agreewrap .td input[type="checkbox"] + label{
 display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:18px;
  font-family: "Inter";
  line-height: 1.6em;
}
.m33 .formwrap .agreewrap .td input[type="checkbox"] + label:before{
content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #969696;
}
.m33 .formwrap .agreewrap .td input[type="checkbox"]:checked+ label:before{
content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  text-align: center;
  background: #fff url(/images/page/checkbox_icon.png)no-repeat center / cover;
  border: 1px solid #004ea2;

}
.m33 .formwrap .agreewrap .td input[type="checkbox"] + label a{text-decoration:underline;text-underline-offset:4px;}
.m33 .formwrap .agreewrap .td .g-recaptcha{
    display: block;
    margin-top:12px;margin-bottom: 30px;
}
.m33 .formwrap .agreewrap .td .g-recaptcha>div{}
.m33 .formwrap #submitBtn{display: block;width: 212px;height:56px;border-radius:8px;border:2px solid #004ea2;
text-align: center;line-height: 53px;}
.m33 .formwrap #submitBtn>span{color:#004ea2;font-size:18px;font-weight: bold;}
.m33 .formwrap #submitBtn:hover{background: #004ea2;transition:all 0.2s;}
.m33 .formwrap #submitBtn:hover>span{color:#fff;transition:all 0.2s;}

/*privacy*/
.m331 .section1{padding-bottom: 200px;}
.m331 .sub_tit{margin-bottom: 50px;}
.m331 .sub_txt, .m331 dl dd>div{font-size:18px;color:#656565;line-height: 1.6em;}
.m331 .sub_txt{margin-bottom: 50px;}
.m331 dl{margin-bottom: 60px;}
.m331 dl:last-child{margin-bottom: 0;}
.m331 dl dt{font-size:20px;color:#000;font-weight: bold;margin-bottom: 30px;}
.m331 dl dd>div{margin-bottom: 2px;}


/*m41*/
.m41{}
.m41 .section1 .con1{display: flex;justify-content:center;align-items:start;margin-bottom: 60px;}
.m41 .section1 .con1 .txtarea{width:calc(100% - 536px - 80px);max-width:650px;margin-right: 80px;}
.m41 .section1 .con1 .txtarea .title{font-size:36px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom: 40px;}
.m41 .section1 .con1 .txtarea .txt{}
.m41 .section1 .con1 .txtarea .txt>p{font-size:18px;color:#656565;line-height: 1.8em;margin-bottom: 20px;font-weight: 300;}
.m41 .section1 .con1 .imgarea{max-width:536px;}
.m41 .section1 .con1 .imgarea .img{width:536px;height:370px;border-radius:8px;overflow:hidden;}
.m41 .section1 .con1 .imgarea .img img{width: 100%;}
.m41 .section1 .txtwrap{width:100%;text-align: center;margin-bottom: 70px;}
.m41 .section1 .txtwrap.mb{margin-bottom: 135px;}
.m41 .section1 .txtwrap h4{font-size:36px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom: 40px;}
.m41 .section1 .txtwrap p{font-size:18px;color:#656565;line-height: 1.8em;font-weight: 300;}
.m41 .section1 .con2{width:100%;position: relative;}
.m41 .section1 .con2 .bg{height:440px;width:100%;display: block;background: url(/images/page/m11_sec1_img2.jpg)no-repeat center right;
border-radius:8px;overflow:hidden;}
.m41 .section1 .con2 .txtlist{position: absolute;height:100%;top:50%;left:30%;transform:translate3d(-50%, -50%, 0);display: flex;flex-direction:column;
justify-content:center;align-items:start;
background: linear-gradient(to right, #fff 50%, rgba(255,255,255,0.8) 80%, transparent 98%);}
.m41 .section1 .con2 .txtlist>p{padding-top: 10px;padding-bottom: 12px;position: relative;
box-sizing:border-box;font-size:30px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;}
.m41 .section1 .con2 .txtlist>p:before{
position: absolute;content:"";background: #000;width:45px;height:1px;
bottom:0;left:0;
}
.m41 .section1 .con2 .txtlist>p:last-child:before{display: none;}
.m41 .section2{background: #f8f8f8;}
.m41 .section2 .con{width: 100%;display: flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding-top: 120px;}
.m41 .section2 .con .txtarea{width:calc(100% - 536px);max-width:600px;}
.m41 .section2 .con .txtarea .title{font-size:36px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom: 36px;}
.m41 .section2 .con .txtarea .txt>p{font-size:18px;color:#656565;line-height: 1.8em;font-weight: 300;}
.m41 .section2 .con .vodarea{width:536px;/* height:370px; *//* border-radius:8px;overflow:hidden; */height:auto;}
.m41 .section2 .con .vodarea .vodwrap{position: relative;width:100%;height:0;padding-bottom: 56.25%;}
.m41 .section2 .con .vodarea .vodwrap iframe{
position: absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;
}
.m41 .section2 .con .vodarea .vodwrap .vod img{width:100%;height:100%;}
.m41 .section2 .con .vodarea .vodwrap .play{position: absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);}

/*m12*/
.m42 .con{margin-top: 110px;}
.m42 .con .title{margin-bottom: 60px;}
.m42 .con .list{display: flex;align-items:start;margin-bottom:100px ;}
.m42 .con .list .imgarea{width:536px;}
.m42 .con .list .txtarea{width:calc(100% - 536px - 100px);max-width:620px;margin-left: 100px;}
.m42 .con .list:last-child{margin-bottom: 0;flex-direction:row-reverse;justify-content:flex-end;}
.m42 .con .list:last-child .txtarea{max-width:600px;margin-left: 0;margin-right: 100px;}
.m42 .con .list .txtarea .title{margin-bottom: 40px;}
.m42 .con .list .txtarea .txtwrap{}
.m42 .con .list .txtarea .txtwrap .dotlist{margin-top: 35px;}
.m42 .con .list .txtarea .txtwrap .dotlist>li{position: relative;box-sizing:border-box;margin-top: 2px;font-size:17px;color:#656565;
padding-left: 12px;line-height: 1.8em;font-weight: 300;}
.m42 .con .list .txtarea .txtwrap .dotlist>li:before{
position: absolute;content:"";background:#656565;width: 4px;height: 4px;border-radius:50%;
top:13px;left:0;
}

/*m43*/
.m43{}
.m43 .section .titwrap{margin-bottom: 140px;}
.m43 .section .titwrap .title{margin-bottom: 36px;}
.m43 .section .con{position: relative;width:100%;margin-top: 110px;}
.m43 .section .con:before{
position: absolute;content:"";background: #0075bd;width: 1px;height:calc(100% - 370px);top:110px;left:50%;transform:translate3D(-50%,0% , 0);}

.m43 .section .his_wrap{position: relative;width:100%;display: flex;align-items:center;justify-content:space-between;margin-bottom: 45px;}
.m43 .section .his_wrap:before{
position: absolute;content:"";width: 16px;height: 16px;border-radius:50%;border:1px solid #0075bd;
top:calc(50% - 68px);left:50%;transform:translate3D(-50%,-50% , 0);background: #fff;
}
.m43 .section .his_wrap>div{width:48%;box-sizing:border-box;}
.m43 .section .his_wrap .his_img{display: flex;justify-content:flex-end;}
.m43 .section .his_wrap .his_img .img{background: #fff;border-radius:8px;overflow:hidden;width:568px;min-height:250px;max-height:370px;}
.m43 .section .his_wrap .his_con{box-sizing:border-box;min-height:180px;}
.m43 .section .his_wrap .his_con .year{font-family: "Lato", sans-serif;font-size:40px;color:#000;font-weight: 400;margin-bottom: 40px;}
.m43 .section .his_wrap .his_con .list{}
.m43 .section .his_wrap .his_con .list>div{font-family: "Inter", sans-serif;font-size:18px;color:#656565;font-weight: 300;line-height: 1.8em;}

.m43 .section .his_wrap:nth-child(even){flex-direction:row-reverse;}
.m43 .section .his_wrap:nth-child(even) .his_img{justify-content:flex-start;}
.m43 .section .his_wrap:nth-child(even) .his_con{padding-left: 40px;}

/*m44*/
.m44{margin-top: 130px;}
.m44 .section{padding-top: 110px;padding-bottom: 110px;}
.m44 .section2{background: #f6f7f9;}
.m44 .titwrap{width: 100%;display: flex;align-items:center;justify-content:space-between;margin-bottom: 40px;}
.m44 .titwrap .tit{font-size:36px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;}
.m44 .titwrap .view_btn{display: inline-block;}
.m44 .titwrap .view_btn>span{display: inline-block;font-size:15px;color:rgba(0,0,0,0.7);font-weight: 500;margin-right: 6px;}
.m44 .titwrap .view_btn>i{display: inline-block;width: 16px;height: 11px;background: url(/images/page/view_icon.png)no-repeat center;}

.m44 h4.tit{font-size:50px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom: 60px;}
/* .m441, .m442, .m443{margin-top: 130px;} */
.m441 .section, .m442 .section, .m443 .section{padding-top: 0px;padding-bottom: 110px;}

/*m45*/
.m45 .sub_tit{font-size:50px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom: 100px;display: block;}
.m45 .section1{padding-bottom: 100px;}
.m45 .addwrap{width:100%;display: flex;align-items:start;justify-content:space-between;margin-bottom: 100px;}
.m45 .addwrap .addlist{width:calc((100% - 60px) / 2);}
.m45 .addwrap .addlist .titwrap{font-size:22px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;
box-sizing:border-box;padding-bottom: 20px;border-bottom:1px solid #ddd;
}
.m45 .addwrap .addlist .titwrap i{display: inline-block;margin-right: 17px;}
.m45 .addwrap .addlist .titwrap .add_i{width: 22px;height: 28px;background: url(/images/page/add_icon.png)no-repeat center;}
.m45 .addwrap .addlist .titwrap .email_i{width: 24px;height: 24px;background: url(/images/page/email_icon.png)no-repeat center;}
.m45 .addwrap .addlist .txtwrap{box-sizing:border-box;padding-top: 24px;}
.m45 .addwrap .addlist .txtwrap>dl{display: flex;align-items:start;margin-bottom: 10px;}
.m45 .addwrap .addlist .txtwrap>dl>dt{position: relative;padding-left:12px;box-sizing:border-box;width:280px;
font-size:18px;color:#000;font-weight: 500;}
.m45 .addwrap .addlist .txtwrap>dl>dt:before{
position: absolute;content:"";background:#000;width: 4px;height: 4px;border-radius:50%;
top:12px;left:0;
}
.m45 .addwrap .addlist .txtwrap>dl>dd{
width:calc(100% - 280px);
font-size:18px;color:#656565;font-weight: 400;
}
.m45 .addwrap .addlist2 .txtwrap>dl>dt{width:180px;}
.m45 .addwrap .addlist2 .txtwrap>dl>dd{width:calc(100% - 180px);}
.m45 .mapwrap{width:100%;}
.m45 .mapwrap .map{width:100%;height:540px;}
.m45 .section2{}
.m45 .section2 .title{font-size:28px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom: 49px;}
.m45 .section2 .listwrap{}
.m45 .section2 .listwrap .list{box-sizing:border-box;display: flex;align-items:start;}
.m45 .section2 .listwrap .list>dt{
border-top:1px solid #ddd;width:275px;margin-right: 30px;display: flex;align-items:center;
padding:45px 0;box-sizing:border-box;font-size:22px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;
}
.m45 .section2 .listwrap .list>dt i{display: inline-block;margin-right: 16px;}
.m45 .section2 .listwrap .list>dt .car{width:29px;height:22px;background: url(/images/page/car_icon.png)no-repeat center;}
.m45 .section2 .listwrap .list>dt .subway{width:28px;height:30px;background: url(/images/page/subway_icon.png)no-repeat center;}
.m45 .section2 .listwrap .list>dt .bus{width:28px;height:28px;background: url(/images/page/bus_icon.png)no-repeat center;}
.m45 .section2 .listwrap .list>dd{
border-top:1px solid #ddd;width:calc(100% - 275px - 30px);
padding:45px 0;box-sizing:border-box;font-size:18px;color:#656565;line-height: 1.8em;
}
.m45 .section2 .listwrap .list>dd.flex{display: flex;align-items:center;}
.m45 .section2 .listwrap .list>dd>div.mgrt{margin-right: 125px;}
.m45 .section2 .listwrap .list>dd>div{}
.m45 .section2 .listwrap .list>dd>div>p{font-size:18px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom: 20px;}
.m45 .section2 .listwrap .list>dd>div>.catewrap{display: flex;align-items:start;}
.m45 .section2 .listwrap .list>dd>div>.catewrap>.cate{width:55px;height:26px;border-radius:4px;background: #38a742;color:#fff;margin-top: 3px;
font-size:16px;text-align: center;line-height: 25px;margin-right: 24px;}
.m45 .section2 .listwrap .list>dd>div>.catewrap>.cate2{background: #ea3030;}
.m45 .section2 .listwrap .list>dd>div>.catewrap>dd{font-size:18px;color:#656565;width:calc(100% - 80px);}

/*m46*/
.m46 * {font-size:18px;color:#656565;line-height: 1.6;}
.m46 .sub_tit{font-size:50px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom: 88px;display: block;}
.m46 .titlearea{}
.m46 .tit{font-size:38px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom:40px;}
.m46 .titlearea .txt>p:first-child{margin-bottom: 30px;}
.m46 .boxwrap{max-width:100%;margin:80px 85px;box-sizing:border-box;border:1px solid #ddd;padding:80px 80px; }
.m46 .boxwrap .tit{text-align: center;margin-bottom: 45px;}
.m46 .boxwrap dl{margin-bottom:40px;}
.m46 .boxwrap dl * {font-size:18px;color:#656565;line-height: 1.6;}
.m46 .boxwrap dl dt{margin-bottom: 5px;}
.m46 .boxwrap dl:last-child{margin-bottom: 0;}
.m46 .more_btn{margin:100px auto 0;}

.m461{}
.m461* {font-size:18px;color:#656565;}
.m461 .tit2{font-size:24px;color:#000;font-weight: bold;font-family: "Inter", sans-serif;margin-bottom:30px;}
.m461 .formwrap{width:100%;}
.m461 .formwrap .titwrap{display: flex;align-items:center;justify-content:space-between;width: 100%;margin-bottom: 30px;}
.m461 .formwrap .titwrap .tit2{margin-bottom: 0;}
.m461 .formwrap .report_wrap{width: 100%;margin-bottom: 90px;}
.m461 .formwrap .report_wrap>div{width: 100%;margin-bottom: 90px;}
.m461 .formwrap .report_wrap>div>.td{width:100%;display: flex;align-items:center;box-sizing:border-box;padding:20px 0;
border-bottom:1px solid rgba(0,0,0,0.1);}
.m461 .formwrap .report_wrap>div>.td.bt{border-top:1px solid rgba(0,0,0,0.1);}
.m461 .formwrap .report_wrap>div>.td.top{align-items:start;}
.m461 .formwrap .report_wrap>div>.td>.f_tit{width:200px;max-width:200px;margin-right: 45px;
font-size:18px;color:#000;font-weight: 500;
}
.m461 .formwrap .report_wrap>div>.td>input,
.m461 .formwrap .report_wrap>div>.td>textarea{outline:none;border:none;border:1px solid #999999;width:calc(100% - 245px);height:48px;
box-sizing:border-box;background: transparent;padding:5px 0 0 5px;font-size:18px;color:#656565;
}
.m461 .formwrap .report_wrap>div>.td>#f_name.dis{background: rgba(0,0,0,0.1);}
.m461 .formwrap .report_wrap>div>.td .r_g{display: flex;align-items:center;}
.m461 .formwrap .report_wrap>div>.td .r_g .r{margin-right: 30px;position: relative;}
.m461 .formwrap .report_wrap>div>.td .r_g .r:last-child{margin-right: 0;}
.m461 .formwrap .report_wrap>div>.td .r_g .r input[type="radio"]{
position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.m461 .formwrap .report_wrap>div>.td .r_g .r input[type="radio"] + label{
 display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:17px;
}
.m461 .formwrap .report_wrap>div>.td .r_g .r input[type="radio"] + label:before{
 content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #004ea2;
  border-radius: 50%;
}

.m461 .formwrap .report_wrap>div>.td .r_g .r input[type="radio"] + label:after{
  content: '';
  position: absolute;
  top: 6px;
  left: 4px;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
}
.m461 .formwrap .report_wrap>div>.td .r_g .r input[type="radio"]:checked + label:after{
 content: '';
  position: absolute;
  top: 6px;
  left: 4px;
  width: 14px;
  height: 14px;
  background: #004ea2;
  border-radius: 50%;
}
.m461 .formwrap .agree_wrap{width: 100%;}
.m461 .formwrap .report_wrap>div>.td>#f_content{
height:137px;resize: none;overflow:hidden;overflow-y:auto;
}
.m461 .formwrap .agree_wrap .txtarea{width:100%;margin-bottom: 20px;}
.m461 .formwrap .agree_wrap .txtarea textarea{width:100%;box-sizing:border-box;overflow:hidden;/* overflow-y:auto; */
padding:30px 40px;border:none;border:1px solid #e5e5e5;height:180px;background: transparent;resize:none;
outline:none;}
.m461 .formwrap .agree_wrap .chk_wrap{position: relative;display: flex;justify-content:flex-end;}
.m461 .formwrap .agree_wrap .chk_wrap input[type="checkbox"]{
position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.m461 .formwrap .agree_wrap .chk_wrap input[type="checkbox"] + label{
display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:18px;
  line-height: 1.6em;
}
.m461 .formwrap .agree_wrap .chk_wrap input[type="checkbox"] + label:before{
content: '';
  position: absolute;
 right:250px;
  top: 2px;
  width: 20px;
  height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #969696;
}
.m461 .formwrap .agree_wrap .chk_wrap input[type="checkbox"]:checked + label:before{
  background: #fff url(/images/page/checkbox_icon.png)no-repeat center / cover;
  border: 1px solid #004ea2;
}
.m461 .more_btn{line-height:53px;margin:36px auto 0;}
.m461 .more_btn span{}

/*게시판*/
.bbs .formarea{}
.bbs .formarea .selectarea{margin-bottom: 50px;}
.bbs .formarea .selectarea select{outline:none;border-radius:6px;color:#004ea2;border:2px solid #004ea2;width:274px;height:50px;
padding-left:20px;box-sizing:border-box;cursor:pointer;font-weight: 600;font-size:17px;}
.bbs .formarea .selectarea select option{font-size:17px;color:#004ea2;}
.bbs .formarea .yeararea{display: flex;align-items:center;}
.bbs .formarea .yeararea li{margin-right: 30px;}
.bbs .formarea .yeararea li input[type="radio"]{
position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.bbs .formarea .yeararea li input[type="radio"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:20px;
font-family: "Inter", sans-serif;
color:#656565;
}
.bbs .formarea .yeararea li input[type="radio"]:checked + label{
color:#004ea2;
text-decoration:underline;
text-underline-offset : 4px;
}

/*검색창 박스 전자공고, 공시정보*/
.bbs .btwrap{width:100%;position: relative;}
.bbs .btwrap .searcharea{position: absolute;right:0;top:50%;transform:translate(0 , -50%);}
.bbs .btwrap .searcharea .search_box{width:330px;height:60px;border-radius:8px;border:1px solid rgba(0,0,0,0.1);
display: flex;align-items:center;}
.bbs .btwrap .searcharea .search_box #f_search{border:none;outline:none;width:85%;box-sizing:border-box;height:100%;
padding-left: 25px;}
.bbs .btwrap .searcharea .search_box button{width:15%;height:100%;}

/*m31 product type*/
.bbs .typearea{padding-bottom: 40px;}
.bbs .typearea h5{color:#000000;font-size:36px;font-weight: 700;margin-bottom: 40px;}
.bbs .typearea p{color:#656565;font-size:16px;}
.bbs .typearea .type_wrap{position: relative;margin-bottom: 30px;}
.bbs .typearea .type_wrap .select_box{cursor:pointer;position: relative;width:378px;height:54px;box-sizing:border-box;
border-radius:6px;border:2px solid #004ea2;
padding:0 20px;line-height: 50px;color:#004ea2;font-weight: 500;font-size:16px;font-family: "Inter", sans-serif;}
.bbs .typearea .type_wrap .select_box:before{width: 10px;height: 7px;position: absolute;top:50%;transform:translateY(-50%);right:15px;
content:'';background: url(/images/page/dropdown_arr.png)no-repeat center;}
.bbs .typearea .type_wrap .option_box{position: absolute;z-index:30;top:calc(100% + 1px);width:378px;box-sizing:border-box;
padding:5px 0px;background: #fff;border-radius:6px; box-shadow: 0 1px 3px rgba(0,0,0,0.1), -1px 1px 1px rgba(0,0,0,0.1);display: none;}
.bbs .typearea .type_wrap .option_box>ul{}
.bbs .typearea .type_wrap .option_box>ul>li{position: relative;width:100%;box-sizing:border-box;padding:14px 20px;cursor:pointer;}
.bbs .typearea .type_wrap .option_box>ul>li>input[type="radio"]{
position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.bbs .typearea .type_wrap .option_box>ul>li>input[type="radio"] + label{
display: inline-block;
  position: relative;
  padding-left: 30px;
  border-radius:2px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size:16px;
  line-height: 1.6em;
  color:#656565;
}
.bbs .typearea .type_wrap .option_box>ul>li>input[type="radio"] + label:before{
content: '';
  position: absolute;
 left:0;
  top: 4px;
  width: 16px;
  height: 16px;
  text-align: center;
  border-radius:2px;
  background: #fff;
  border: 1px solid #f3f3f3;
}
.bbs .typearea .type_wrap .option_box>ul>li>input[type="radio"]:checked + label:before{
  background: #fff url(/images/page/chk_icon.png)no-repeat center / cover;
  /* border: 1px solid #004ea2; */
}
.bbs .typearea .type_wrap .option_box>ul>li:hover{background: #f3f3f3;}
.bbs .typearea .type_wrap .option_box .btnwrap{
border-top:1px solid rgba(0,0,0,0.1);box-sizing:border-box;width:100%;display: flex;justify-content:flex-end;align-items:center;padding:10px;}
.bbs .typearea .type_wrap .option_box .btnwrap button{width:120px;height:40px;box-sizing:border-box;border-radius:8px;background: #f4f5f7;color:#004ea2;font-family: 'Wix Madefor Display', sans-serif;
font-weight: 800;}
.bbs .typearea .type_wrap .option_box .btnwrap button[type="submit"]{background: #004ea2;color:#fff;margin-left: 10px;}
/*m51 news*/
.bbs .list1{width:100%;margin-top: 50px;border-top:1px solid #e5e5e5;}
.bbs .list1 li{width:100%;border-bottom: 1px solid #e5e5e5;}
.bbs .list1 li > a{display: block;width:100%;box-sizing:border-box;padding: 30px 0;}
.bbs .list1 li .date{font-size:16px;color:#656565;margin-bottom: 18px;font-family: "Inter", sans-serif;}
.bbs .list1 li .ntit{color:#004ea2;font-size:22px;font-weight: 700;}

/*m52 list2*/
.bbs .list2{width:100%;margin-top: 50px;display: flex;flex-wrap:wrap;align-items:start;}
.bbs .list2 li{border-radius:8px;border:1px solid #e5e5e5;margin-right: 27px;width:calc((100% - 60px) / 3);margin-bottom: 27px;}
.bbs .list2 li:nth-child(3n){margin-right: 0;}
.bbs .list2 li > a{display: block;width:100%;}
.bbs .list2 li .thumb{width:100%;height:216px;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;}
.bbs .list2 li .thumb img{width: 100%;height:100%;object-fit:cover;}
.bbs .list2 li .con{width:100%;box-sizing:border-box;padding: 30px 25px;min-height:240px;border-top:1px solid #e5e5e5;}
.bbs .list2 li .con .tit{font-size:22px;font-weight: 600;color:#004ea2;margin-bottom: 15px;}
.bbs .list2 li .con .subtit{font-size:18px;font-weight: 400;color:#004ea2;font-family: "Inter", sans-serif;margin-bottom: 25px;}
.bbs .list2 li .con .date{font-size:16px;color:#656565;margin-bottom:8px;font-family: "Inter", sans-serif;}
.bbs .list2 li .con .location{font-family: "Inter", sans-serif;font-size:16px;color:#656565;}

/*m32 list3*/
.bbs .list3{width:100%;}
.bbs .list3 li{width:100%;box-sizing:border-box;padding: 20px 0;border-bottom:1px solid #e5e5e5;}
.bbs .list3 li > a{display: flex;align-items:center;width:100%;}
.bbs .list3 li .thumb{position: relative;width:300px;height:194px;overflow:hidden;}
.bbs .list3 li .thumb .thum_img{width:100%;height:100%;object-fit:cover;}
.bbs .list3 li .thumb .playimg{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:58px;height:58px;}
.bbs .list3 li .con{box-sizing:border-box;width:calc(100% - 300px);padding-left:45px ;}
.bbs .list3 li .con .tit{font-family: "Inter", sans-serif;font-size:22px;color:#004ea2;font-weight: 600;margin-bottom:20px;}
.bbs .list3 li .con .date{font-family: "Inter", sans-serif;font-size:16px;color:#656565;}

/*m441 list4*/
.bbs .list4{box-sizing:border-box;width: 100%;border-top:1px solid rgba(0,0,0,0.1);}
.bbs .list4 li{border-bottom:1px solid rgba(0,0,0,0.1);}
.bbs .list4 li>a{width:100%;display: block;box-sizing:border-box;padding: 45px 0;display: flex;align-items:center;justify-content:space-between;}
.bbs .list4 li .title{font-family: "Inter", sans-serif;font-size:20px;color:#000;font-weight: 500;}
.bbs .list4 li .date{font-family: "Inter", sans-serif;font-size:16px;color:#656565;}

/*m442 list5*/
.bbs .list5{box-sizing:border-box;width: 100%;border-top:1px solid rgba(0,0,0,0.1);}
.bbs .list5 li{border-bottom:1px solid rgba(0,0,0,0.1);}
.bbs .list5 li>a{width:100%;display: block;box-sizing:border-box;padding: 45px 0;display: flex;align-items:center;justify-content:space-between;}
.bbs .list5 li .title{font-family: "Inter", sans-serif;font-size:20px;color:#000;font-weight: 500;}
.bbs .list4 li .date{font-family: "Inter", sans-serif;font-size:16px;color:#656565;}

/*m443 list6*/
.bbs .tablewrap{}
.bbs .list6{width:100%;border-top:1px solid rgba(0,0,0,0.1);}
.bbs .list6 col{width:25%;}
.bbs .list6 tr * {box-sizing:border-box;padding:33px 0;text-align: center;}
.bbs .list6 tr th{border-bottom:1px solid rgba(0,0,0,0.1);font-size:18px;color:#000;font-weight: 500;}
.bbs .list6 tr td{border-bottom:1px solid rgba(0,0,0,0.1);}
.bbs .list6 tr td:nth-child(1){font-size:18px;color:#000;font-weight: 500;}
.bbs .list6 tr td a{padding:0;display: block;width:100%;}
.bbs .list6 tr td a .arr{display: inline-block;width: 10px;height: 10px;background: url(/images/page/m44_arr_icon.png)no-repeat center;padding:0;}

/*m31 list7*/
.bbs .dwrap{display: flex;justify-content:flex-end;margin-bottom: 30px;}
.bbs .dwrap>.dbtn{font-family: 'Wix Madefor Display', sans-serif;font-weight: 800;
display:block;box-sizing:border-box;background: #004ea2;width:202px;height:56px;border-radius:8px;
text-align: center;color:#fff;line-height: 56px;}
.bbs .dwrap>.dbtn>span{display: inline-block;position: relative;padding-right:22px;}
.bbs .dwrap>.dbtn>span:before{position: absolute;content:'';background: url(/images/page/m31_down_i.png)no-repeat center / cover;
width:17px;height:17px;right:0;top:50%;transform:translate(-0%, -50%);
}
/**/
.bbs .dwrap{display: flex;justify-content:flex-end;margin-bottom: 30px;}
.bbs .dwrap>a{font-family: 'Wix Madefor Display', sans-serif;font-weight: 800;
display:block;box-sizing:border-box;background: #004ea2;width:202px;height:56px;border-radius:8px;
text-align: center;color:#fff;line-height: 56px;}
.bbs .dwrap>a>span{display: inline-block;position: relative;padding-right:22px;}
.bbs .dwrap>a>span:before{position: absolute;content:'';background: url(/images/page/m31_down_i.png)no-repeat center / cover;
width:17px;height:17px;right:0;top:50%;transform:translate(-0%, -50%);
}
.bbs .list7{width:100%;}
.bbs .list7 li{width:100%;box-sizing:border-box;padding:24px 0;border:1px solid rgba(0,0,0,0.1);border-left:0;border-right:0;
display: flex;align-items:center;}
.bbs .list7 li .thumb{width:190px;height:120px;margin-right: 32px;}
.bbs .list7 li .thumb img{width:100%;height:100%;object-fit:cover;}
.bbs .list7 li .title{width:calc(100% - 190px - 32px - 32px - 202px);}
.bbs .list7 li .title .cate{display: block;color:#000000;font-size:16px;margin-bottom: 18px;}
.bbs .list7 li .title .tit{font-size:18px;color:#004ea2;margin-bottom:20px;font-weight: 700;}
.bbs .list7 li .title .date{color:#656565;font-size:15px;}
.bbs .list7 li .file{margin-left: 32px;width:202px;}
.bbs .list7 li .file>button{
display:block;box-sizing:border-box;background: #f4f5f7;width:202px;height:56px;border-radius:8px;
font-family: 'Wix Madefor Display', sans-serif;font-weight: 800;line-height: 56px;
color:#004ea2;text-align: center;
}
 .bbs .list7 li .file>button.dbtn_asd>a{font-family: 'Wix Madefor Display', sans-serif;font-weight: 800;display: block;width:100%;height:100%;line-height: 56px;
color:#004ea2;text-align: center;} 
 .bbs .list7 li .file>button.dbtn_link>a{font-family: 'Wix Madefor Display', sans-serif;font-weight: 800;display: block;width:100%;height:100%;line-height: 56px;
color:#004ea2;text-align: center;} 

.m31.bbs .section1{position:relative;z-index:50;}

/*bbsview*/
.bbs_view .list_btn{display: block;margin:50px auto;width: 146px;height:56px;border-radius:8px;border:2px solid #004ea2;
text-align: center;line-height: 56px;transition:all 0.4s;}
.bbs_view .list_btn>span{color:#004ea2;font-size:18px;font-weight: bold;}
.bbs_view .list_btn:hover{background: #004ea2; transition:all 0.4s;}
.bbs_view .list_btn:hover>span{color:#fff;}

/*newsview*/
.bbs_view .viewcon1{width:100%;border-bottom:1px solid #e5e5e5;}
.bbs_view .viewcon1 .titwrap{border-bottom:1px solid #e5e5e5;padding-bottom: 20px;box-sizing:border-box;}
.bbs_view .viewcon1 .titwrap .title{color:#004ea2;font-size:26px;font-weight: 600;margin-bottom: 20px;}
.bbs_view .viewcon1 .titwrap .date{font-size:16px;color:#656565;font-family: "Inter", sans-serif;}
.bbs_view .viewcon1 .conwrap{box-sizing:border-box;padding:60px 0;font-size:18px;color:#656565;line-height: 1.8em;border-bottom:1px solid #e5e5e5;}
.bbs_view .viewcon1 .conwrap img{max-width:100%;}
.bbs_view .viewcon1 .filewrap{box-sizing:border-box;padding: 35px 0;}
.bbs_view .viewcon1 .filewrap .file{box-sizing:border-box;}
.bbs_view .viewcon1 .filewrap .file i{display:inline-block;width: 14px;height:16px;background: url(/images/page/down_icon.png)no-repeat center / cover;
margin-right: 18px;}
.bbs_view .viewcon1 .filewrap .file a{font-size:18px;color:#656565;font-family: "Inter", sans-serif;}

/*videoview*/
.bbs_view .viewcon2{width:100%;}
.bbs_view .viewcon2 .titwrap{padding-bottom: 20px;box-sizing:border-box;}
.bbs_view .viewcon2 .titwrap .title{color:#004ea2;font-size:28px;font-weight: 600;margin-bottom: 16px;}
.bbs_view .viewcon2 .titwrap .date{font-size:16px;color:#656565;font-family: "Inter", sans-serif;}
.bbs_view .viewcon2 .conwrap{width:100%;position: relative;padding-bottom: 56.25%;height:0;}
.bbs_view .viewcon2 .conwrap iframe{
position: absolute;top: 0;left: 0;width:100%;height:100%;
}
/* .bbs_view .viewcon2 .conwrap{width:100%;}
.bbs_view .viewcon2 .conwrap .videowrap{width:100%;position: relative;margin-bottom: 34px;}
.bbs_view .viewcon2 .conwrap .videowrap .video{width:100%;height:795px;overflow:hidden;}
.bbs_view .viewcon2 .conwrap .videowrap .video img{width: 100%;max-width:100%;height:100%;object-fit:cover;}
.bbs_view .viewcon2 .conwrap .videowrap .playbtn{
outline:none;border:none;background: transparent;
position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.bbs_view .viewcon2 .conwrap .videowrap .playbtn img{width:113px;height:113px;} */

.bbs_view2 .video_list{width:100%;margin-top: 80px;}
.bbs_view2 .video_list .vtit{font-size:28px;color:#000000;font-weight: 700;font-family: "Inter", sans-serif;margin-bottom: 40px;}
.bbs_view2 .video_list .view_list li{width:100%;box-sizing:border-box;padding: 20px 0;border-bottom:1px solid #e5e5e5;}
.bbs_view2 .video_list .view_list li > a{display: flex;align-items:center;width:100%;}
.bbs_view2 .video_list .view_list li .thumb{position: relative;width:300px;height:194px;overflow:hidden;}
.bbs_view2 .video_list .view_list li .thumb .thum_img{width:100%;height:100%;object-fit:cover;}
.bbs_view2 .video_list .view_list li .thumb .playimg{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:58px;height:58px;}
.bbs_view2 .video_list .view_list li .con{box-sizing:border-box;width:calc(100% - 300px);padding-left:45px ;}
.bbs_view2 .video_list .view_list li .con .tit{font-family: "Inter", sans-serif;font-size:22px;color:#004ea2;font-weight: 600;margin-bottom:20px;}
.bbs_view2 .video_list .view_list li .con .date{font-family: "Inter", sans-serif;font-size:16px;color:#656565;}


.bbs_view .viewcon3{}
.bbs_view .viewcon3 .titwrap{display: block;}


/*downpop*/
.down_pop{
	 display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1000;
    background: #fff;
    max-width: 1230px;
    width: 94%;
	height:562px;
    transform: translate(-50%,-50%);
	border-radius:8px;
	box-sizing:border-box;
	padding:30px;
}
.down_pop .con{
width:100%;
box-sizing:border-box;
display: flex;
align-items:start;
height:100%;
}
.down_pop #closeBtn{
	outline:none;
	border:none;background: transparent;
    position: absolute;
    top: 30px;
    left:calc(100% - 60px);
    margin-left: 10px;
    width: 20px;
    height: 20px;
	display:flex;justify-content:center;align-items:center;
}
.down_pop .con>div{width:50%;height:100%;box-sizing:border-box;}
.down_pop .con>div h5{font-size:36px;font-weight: bold;color:#000000;margin-bottom: 40px;
box-sizing:border-box;padding-top: 30px;}
.down_pop .con>div p{font-size:18px;color:#000000;font-weight: 500;line-height: 1.6em;}
.down_pop .con>.dwrap{position: relative;padding-right: 50px;border-right:1px solid #e5e5e5;}
.down_pop .con>.dwrap p{margin-bottom: 30px;}
.down_pop .con>.dwrap .box{width:100%;box-sizing:border-box;border:1px solid #e5e5e5;margin-bottom: 10px;}
.down_pop .con>.dwrap .box input{background: #f4f5f7;display: block;width:100%;height:50px;
border:none;outline:none;font-size:18px;color:#000000;box-sizing:border-box;padding-left: 10px;;}
.down_pop .con>.dwrap .box input::placeholder{;font-size:18px;color:#000000;}
/*추가*/
.down_pop .con>.dwrap .agree{}
.down_pop .con>.dwrap .agree input[type=checkbox] { position: absolute;
overflow: hidden;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;}
.down_pop .con>.dwrap .agree input[type=checkbox]+label {
display: block;margin-top:20px;
position: relative;padding-left: 34px;box-sizing:border-box;line-height: 1.6;
font-size:16px;color:#656565;font-weight: 400;letter-spacing:-0.02em;}
.down_pop .con>.dwrap .agree input[type=checkbox]+label:after, input[type=checkbox]+label:before {
position: absolute;left: 0;display: block;-webkit-box-sizing: content-box;box-sizing: border-box;content: '';
}
.down_pop .con>.dwrap .agree input[type=checkbox]+label:before {
width: 20px;height: 20px;text-align: center;background: #fff;top: 2px;
border:1px solid #969696;}
.down_pop .con>.dwrap .agree input[type=checkbox]+label:after {
top: 0px;left: 0px;width: 20px;height: 20px;margin-top: 2px;
background: 0;transition: 0.3s;}
.down_pop .con>.dwrap .agree input[type=checkbox]:checked+label:after {
background: url(/en/images/page/chk_icon.png)no-repeat center;}
/*추가_끝*/


.down_pop .con>.cwrap{position: relative;padding-left: 50px;}
.down_pop .btn{
display: block;margin:0 auto;width:calc(100% - 50px);height:56px;
position: absolute;bottom:30px;left:0px;/* transform:translateX(-50%); */
box-sizing:border-box;border:2px solid #004ea2;background: #fff;border-radius:8px;
}
.down_pop .contactBtn{left:50px;}
.down_pop .btn>span{height:100%;display: block;color:#004ea2;font-weight: bold;text-align: center;font-size:18px;line-height: 50px;}

/*추가*/
.down_pop #submitBtn{border:2px solid rgba(222,223,227,1);background: rgba(222,223,227,1); cursor: default;}
.down_pop #submitBtn>span{color:rgba(127,128,132,1);}
.down_pop #submitBtn.act{border:2px solid #004ea2; background: #004ea2; cursor: pointer;}
.down_pop #submitBtn.act>span{color:#fff;}


.dim {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
   display: none;
    z-index: 990;
}
.modal{
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1200;
    background: #fff;
    max-width: 400px;
    width: 400px;
	height:200px;
    transform: translate(-50%,-50%);
	border-radius:8px;
	display: none;
	
}
.modal .con{position: absolute;top:50%;left:50%; transform: translate(-50%,-50%);text-align: center;box-sizing:border-box;width:100%;}
.modal .con>p{font-size:18px;color:#000000;box-sizing:border-box;padding:0 10px;}
.modal .con>button{color:#004ea2;font-size:18px;font-weight: 800;margin-top: 30px;}
.dim2{z-index:1100;}


/*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;}
.del7{animation-delay:0.7s;}
.del8{animation-delay:0.8s;}
.del9{animation-delay:0.9s;}
.del10{animation-delay:1s;}

.fadeLeft, .fadeRight, .fadeUp, .fadeIn, .fadeImgRight, .fadeImgLeft{opacity:0;}
.imgAni{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.imgAni.in-view{animation-name: imgAni; animation-duration:1.25s;animation-fill-mode:forwards;}
.fadeLeft.in-view{animation-name: fadeLeft;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeRight.in-view{animation-name: fadeRight;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeUp.in-view{animation-name: fadeUp;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeIn.in-view{animation-name: fadeIn;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, .sub_visual .sub_tit, .sub_visual .sub_txt, .sub_visual .sub_desc{opacity:0;}
.sub_visual.in-view .bg{opacity:1;animation: bgScale 1.5s ease;animation-fill-mode:forwards;}
.sub_visual.in-view .sub_tit{animation: fadeLeft 0.95s ease;animation-fill-mode:forwards;}
.sub_visual.in-view .sub_txt{animation: fadeLeft 0.95s ease;animation-fill-mode:forwards;animation-delay:0.25s;}
  .sub_visual.in-view .sub_desc{animation: fadeLeft 0.95s ease;animation-fill-mode:forwards;animation-delay:0.25s;}
  @keyframes bgScale{
   0%{transform:scale(1.15);}
   100%{transform:scale(1);}
  }
@keyframes fadeLeft{
 0%{transform:translate3d(-80px, 0, 0);opacity:0;}
  100%{transform:translate3d(0px, 0, 0);opacity:1;}
}
@keyframes fadeRight{
 0%{transform:translate3d(80px, 0, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeUp{
0%{transform:translate3d(0%, 70px, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeIn{
0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes imgAni{
0%{clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{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 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%);}
}

.m43 .section .con:before,
.m43 .section .his_wrap:before,
.m43 .his_wrap .his_con,
.m43 .his_wrap .his_img{opacity:0;}
.m43 .section .con.in-view:before{animation-name: fadeIn;animation-duration: 0.6s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.m43 .his_wrap.in-view:before{animation-name: fadeIn;animation-duration: 0.6s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.m43 .his_wrap.in-view:nth-child(odd) .his_con{animation-name: fadeLeft;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.m43 .his_wrap.in-view:nth-child(odd) .his_img{animation-name: fadeRight;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.m43 .his_wrap.in-view:nth-child(even) .his_con{animation-name: fadeRight;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.m43 .his_wrap.in-view:nth-child(even) .his_img{animation-name: fadeLeft;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}