@charset "utf-8";
.pcbr{display:none !important;}
.tbbr{display:none !important;}
.mbbr{display:block !important;}
.pctb{display:none !important;}
.dn{display:none;}
#wrap{overflow:hidden;}
#btn_top{
	position:fixed;right:2%;bottom:5%;z-index:1000;
	background:rgba(0,0,0,0.5);
	border-radius:50%;
}

/*header*/
#header{
	position:fixed;left:0;top:0;z-index:1000;
	width:100%;height:70px;
	padding:16px 0 0;background:#fff;
	box-sizing:border-box;
	box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.head{
	position:relative;
	display:flex;align-items:center;justify-content:space-between;	
	padding:0 2%;	
}
.head h1{width:140px;position:relative;z-index:3000;}
.head h1 a{
	display:block;
	width:140px;height:40px;
	text-indent:-9999px;
	background:url(../images/common/logo2.png) no-repeat;
	background-size:contain;
}
.on .head h1 a{background:url(../images/common/logo1.png) no-repeat;background-size:contain;}
.head .nav_pc{display:none;}
.head .btns{
	display:flex;align-items:center;justify-content:flex-end;
	width:215px;
}
.head .btns .btn_search{}
.head .btns .btn_search a{
	display:block;
	width:27px;height:27px;
	text-indent:-9999px;
	background:url(../images/common/ico_search2.png) no-repeat;
}
.head .btns .btn_lang{position:relative;margin:0 10px;}
.head .btns .btn_lang>a{
	display:block;
	width:27px;height:27px;
	text-indent:-9999px;
	background:url(../images/common/ico_lang2.png) no-repeat;
}
.head .btns .btn_lang>ul{
	display:none;
	position:absolute;right:0;top:100%;
	box-sizing:border-box;
	width:74px;
	margin-top:25px;
	text-align:center;
	border:1px solid #ddd;background:#fff;
}
.head .btns .btn_lang>ul li{border-bottom:1px solid #ddd;}
.head .btns .btn_lang>ul li a{
	display:block;
	padding:9px 0;
	width:100%;
	font-family:"Montserrat";font-size:11px;color:#555;font-weight:600;text-align:center;
}
.head .btns .btn_lang>ul li a:hover{color:#0068b7;}
.head .btns .btn_portal{margin:0 10px}
.head .btns .btn_portal>a{
	display:flex;align-items:center;justify-content:center;
	width:80px;height:40px;
	background:#444;
	font-family:"Montserrat";font-size:8px;color:#fff;font-weight:500;text-align:center;
}
.head .btns .btn_menu{
	box-sizing:border-box;
	width:40px;height:31px;
	cursor:pointer;
	position:relative;z-index:3000;
}
.head .btns .btn_menu>div{
	width:100%;height:2px;
	background:#111;
	margin-bottom:7px;
	transition:all 0.6s;
}
.on .head .btns .btn_menu>div{background:#fff;}
.head .btns .btn_menu>div:nth-child(1){width:70%;}
.head .btns .btn_menu>div:nth-child(4){width:70%;}

.head .btns .btn_menu.openmenu>div:nth-child(1){width:0;opacity:0;}
.head .btns .btn_menu.openmenu>div:nth-child(2){width:100%;transform:rotate(-45deg) translateY(6.5px);}
.head .btns .btn_menu.openmenu>div:nth-child(3){width:100%;transform:rotate(45deg) translateY(-6.5px);}
.head .btns .btn_menu.openmenu>div:nth-child(4){width:0;opacity:0;}


#bgblack{
	display:none;
	position:fixed;left:0;top:0;z-index:2000;
	width:100%;height:100%;
	background:rgba()
}
.m_nav{
	display:none;
	position:absolute;left:0;top:0;z-index:2000;
	width:100%;height:100vh;
	background:rgba(0,0,0,0.9);
}
.m_nav>div{display:flex;align-items:center;width:100%;height:100%;}
.m_nav>div ul{width:84%;margin:0 auto;}
.m_nav>div ul li{border-bottom:1px solid rgba(255,255,255,0.2);text-align:center;}
.m_nav>div ul li:last-child{border-bottom:0;}
.m_nav>div ul li a{
	display:block;
	padding:25px 0;
	font-family:"Montserrat";font-size:22px;font-weight:500;color:#fff;
}
.m_nav>div ul li:hover a{color:#007dc4;}


.search{
	display:none;
	position:absolute;left:0;top:0;z-index:3000;
	box-sizing:border-box;
	width:100%;
	padding:30px;
	background:#fff;
	box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.search .btn_x{
	display:block;
	position:absolute;right:3%;top:30px;z-index:3000;
	width:29px;height:29px;
	transform:rotate(45deg);
}
.search .btn_x:before{
	display:block;content:"";
	width:100%;height:2px;
	background:#000;
	position:absolute;left:0;top:50%;margin-top:-1px;
}
.search .btn_x:after{
	display:block;content:"";
	width:2px;height:100%;
	background:#000;
	position:absolute;left:50%;top:0%;margin-left:-1px;
}
.search .searchwrap{
	max-width:685px;
	width:80%;margin:0 auto;
}
.search .searchwrap .form{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #111;}
.search .searchwrap .form input{
	box-sizing:border-box;
	width:calc(100% - 26px);height:50px;
	border:0;outline:0;background:0;
	font-size:18px;color:#333;
}
.search .searchwrap .form input::placeholder{color:#777;}
.search .searchwrap .form button{
	width:26px;height:26px;
	border:0;outline:0;background:0;
}
.search .searchwrap .ex{
	margin:15px 0 0;
	font-size:14px;
}
.search .searchwrap .ex span{
	display:inline-block;
	height:26px;line-height:26px;
	margin:0 15px 0 0;padding:0 12px;
	font-size:15px;color:#555;
	background:#f3f3f3;
	border-radius:15px;
}



/* footer */
#footer{
	height:auto;
	padding:21px 0 0;
	background:#fff;
}
.foot{position:relative;width:100%;height:100%;}

.foot:before{
	display:block;content:"";
	width:95%;height:100%;
	position:absolute;left:0;top:0;
	background:#0068b7;
	transform:skew(-10deg, 0) translateX(-40px);
	border-radius:0 45px 0 0;	
}
.foot:after{
	display:block;content:"";
	position:absolute;right:0;top:0;
	width:18%;height:100%;
	background:#669465;
	transform:skew(-13deg, 0) translateX(35px);
	border-radius:35px 0 0 0;	
}

.foot .leftarea{
	position:relative;z-index:100;
	display:flex;align-items:center;
	width:70%;height:100%;
	box-sizing:border-box;
	padding:30px 5%;
}

.foot .leftarea ul{position:relative;z-index:100;display:flex;}
.foot .leftarea ul li{
	position:relative;
	padding-right:10px;margin-right:10px;
}
.foot .leftarea ul li:after{
	display:block;content:"";
	width:1px;height:12px;
	background:rgba(255,255,255,0.5);
	position:absolute;right:0;top:7px;
}
.foot .leftarea ul li:last-child:after{display:none;}
.foot .leftarea ul li a{font-size:16px;color:rgba(255,255,255,0.8);}
.foot .leftarea ul li:first-child a{font-weight:bold;}
.foot .leftarea address{
	position:relative;z-index:100;
	margin:10px 0;
	font-size:16px;color:rgba(255,255,255,0.8);
}
.foot .leftarea .copyright{
	position:relative;z-index:100;
	font-size:16px;color:rgba(255,255,255,0.8);
}
.foot .rightarea{	
	box-sizing:border-box;
	position:relative;z-index:100;
	display:flex;align-items:center;justify-content:flex-start;
	width:100%;height:100%;
	padding:0 5% 30px;
}

.foot .rightarea>div>ul{position:relative;z-index:100;display:flex;align-items:center;justify-content:flex-start;}
.foot .rightarea>div>ul li{border:1px solid rgba(255,255,255,0.7);border-radius:50%;margin-right:10px;}
.foot .rightarea .family{position:relative;z-index:100;margin-top:15px;}
.foot .rightarea .family>a{
	display:block;box-sizing:border-box;
	position:relative;
	width:270px;height:47px;
	padding:0 30px;
	border:1px solid rgba(255,255,255,0.7);
	font-size:16px;color:rgba(255,255,255,0.8);line-height:45px;
}
.foot .rightarea .family>a:after{
	display:block;content:"";
	width:6px;height:6px;
	border-right:2px solid #fff;border-bottom:2px solid #fff;
	position:absolute;right:30px;top:17px;
	transform:rotate(45deg);
}
.foot .rightarea .family>ul{
	display:none;
	position:absolute;left:0;bottom:100%;z-index:100;
	box-sizing:border-box;
	width:100%;
	padding:10px 0;
	border:1px solid rgba(255,255,255,0.7);border-bottom:0;
	background:#0068b7;
}
.foot .rightarea .family>ul>li{padding:5px 0;}
.foot .rightarea .family>ul>li>a{display:block;font-size:16px;color:rgba(255,255,255,0.7);padding:0px 30px;}




/* 페이지 공통 common */
#container{padding-top:70px;}
.pagevisual{
	overflow:hidden;
	width:100%;height:250px;
}
.pagevisual.pn1{
	background:url(../images/page/page_visual1.jpg) no-repeat left 20px;
	background-size:1400px;
	background-attachment:fixed;
}
.pagevisual.pn2{
	background:url(../images/page/page_visual2.jpg) no-repeat center top;
	background-size:1200px;
	background-attachment:fixed;
}
.pagevisual.pn22{
	background:url(../../images/page/page_visual22.jpg) no-repeat center top 50px;
	background-attachment:fixed;
	background-size:1400px;
}
.pagevisual.pn3{
	background:url(../images/page/page_visual3.jpg) no-repeat center top;
	background-size:1200px;
	background-attachment:fixed;
}
.pagevisual.pn4{
	background:url(../images/page/page_visual4.jpg) no-repeat right 40px;
	background-size:1200px;
	background-attachment:fixed;
}
.pagevisual.pn5{
	background:url(../images/page/page_visual5.jpg) no-repeat center 60px;
	background-size:1200px;
	background-attachment:fixed;
}
.pagevisual.pn6{
	background:url(../images/page/page_visual6.jpg) no-repeat center top;
	background-attachment:fixed;
}
.pagevisual.pn7{height:0;}
.innerwrap{max-width:1200px;width:94%;margin:0 auto;}
.pagetitle1{margin-bottom:35px;font-size:32px;color:#111;font-weight:600;text-align:center;}
.pagetitle1.en{font-family:"Montserrat";font-size:36px;font-weight:700;letter-spacing:-0.0125em;}
.pagetitle1 .dot{color:#007dc4;}





/* m11 */
.m11{word-break:keep-all;}
.m11_tabs{display:flex;justify-content:space-between;max-width:1200px;width:94%;margin:80px auto 40px;}
.m11_tabs li{width:49.5%;}
.m11_tabs li a{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:54px;
	box-sizing:border-box;
	font-size:14px;color:#ccc;text-align:center;
	border-bottom:1px solid #ccc;
}
.m11_tabs li.on a{border-bottom:2px solid #007dc4;color:#007dc4;}
.m11 .section1{padding:0px 0 100px;}
.m11 .section1 p{font-size:14px;color:#666;font-weight:300;line-height:170%;text-align:center;}
.m11 .section1 .con{padding:80px 0;}
.m11 .section1 .con ul{}
.m11 .section1 .con ul li{
	width:100%;
	margin-bottom:40px;
	text-align:left;
}
.m11 .section1 .con ul li:last-child{margin-bottom:0;}
.m11 .section1 .con ul li .imgarea{position:relative;width:100%;height:250px;}
.m11 .section1 .con ul li:nth-child(1) .imgarea{
	background:url(../images/page/m11_sec1_img1.jpg) no-repeat center;
	background-size:cover;
}
.m11 .section1 .con ul li:nth-child(2) .imgarea{
	background:url(../images/page/m11_sec1_img2.jpg) no-repeat center;
	background-size:cover;
}
.m11 .section1 .con ul li:nth-child(3) .imgarea{
	background:url(../images/page/m11_sec1_img3.jpg) no-repeat center;
	background-size:cover;
}
.m11 .section1 .con ul li .imgarea h4{
	position:absolute;left:30px;top:50%;
	font-family:"Montserrat";font-size:30px;color:#fff;font-weight:600;
	transform:translateY(-50%);
}
.m11 .section1 .con ul li .sbj{margin:25px 0 10px;font-size:23px;color:#222;font-weight:500;}
.m11 .section1 .con ul li p{text-align:left;}
.m11 .section1 .vod{padding:28.15% 0;position:relative;}
.m11 .section1 .vod iframe{width:100%;height:100%;position:absolute;left:0;top:0;}




.m11 .section2{padding:80px 0;background:#f5f5f5;}
.m11 .section2 p{font-size:14px;color:#666;font-weight:300;line-height:170%;text-align:center;}
.m11 .section2 .boxwrap{padding:70px 0;text-align:center;}
.m11 .section2 .boxwrap h4{font-family:"Montserrat";font-size:30px;color:#222;font-weight:600;}
.m11 .section2 .boxwrap p{margin:15px 0 40px;}
.m11 .section2 .boxwrap .mission{display:none;}
.m11 .section2 .boxwrap .vision{display:none;}
.m11 .section2 .boxwrap .value{position:relative;width:94%;margin:0 auto;}
.m11 .section2 .boxwrap .value .titlearea{
	display:none;
	width:100%;
	margin:40px auto 0;
}
.m11 .section2 .boxwrap .value dl{
	display:flex;align-items:center;
	margin-top:40px;
	text-align:left;
}
.m11 .section2 .boxwrap .value dl dt{
	width:60px;
	display:flex;align-items:center;flex-direction:column-reverse;justify-content:center;
	font-size:14px;color:#007dc4;text-align:center;
}
.m11 .section2 .boxwrap .value dl dt .ico{margin:0 0 5px 0;width:100%;}
.m11 .section2 .boxwrap .value dl dt .ico img{height:30px;}
.m11 .section2 .boxwrap .value dl dd{
	box-sizing:border-box;
	width:calc(100% - 60px);
	padding-left:20px;
	font-size:14px;color:#666;text-align:left;
}





.m11 .section3{padding:80px 0;}
.m11 .section3 .pagetitle1{font-family:"Montserrat";font-size:36px;font-weight:700;}
.m11 .section3 p{font-size:14px;color:#666;font-weight:300;line-height:170%;text-align:center;}
.m11 .section3 .conwrap{margin:70px 0 0;}
.m11 .section3 .conwrap>div{width:100%;}
.m11 .section3 .conwrap>div h4{
	margin-bottom:30px;
	font-family:"Montserrat";font-size:24px;color:#222;font-weight:600;text-align:center;
}
.m11 .section3 .conwrap>div ul{display:flex;justify-content:space-between;padding:1.5% 1.5%;position:relative;}
.m11 .section3 .conwrap>div:nth-child(1){margin-bottom:60px;}
.m11 .section3 .conwrap>div:nth-child(1) ul:before{
	display:block;content:"";
	width:100%;height:100%;
	background:url(../images/page/m11_sec3_linebg1.png) no-repeat;
	background-size:contain;
	position:absolute;left:0;top:2px;
}
.m11 .section3 .conwrap>div:nth-child(2) ul:before{
	display:block;content:"";
	width:100%;height:100%;
	background:url(../images/page/m11_sec3_linebg2.png) no-repeat;
	background-size:contain;
	position:absolute;left:0;top:2px;
}
.m11 .section3 .conwrap>div ul li{width:32%;}
.m11 .section3 .conwrap>div ul li .titarea{
	box-sizing:border-box;
	position:relative;
	width:100%;padding:50% 0;
	font-size:12px;color:#0a82c6;text-align:center;
	border:1px solid #0a82c6;border-radius:50%;
}
.m11 .section3 .conwrap>div ul li .titarea>div{
	position:absolute;left:50%;top:50%;
	width:100%;
	transform:translate(-50%,-50%);
}
.m11 .section3 .conwrap>div ul li .titarea .ico{margin-bottom:10px}
.m11 .section3 .conwrap>div ul li .titarea .ico img{height:30px;}
.m11 .section3 .conwrap>div ul li p{margin-top:20px;font-size:12px;}


.m11 .down{text-align:center;margin-top: 35px;}
.m11 .down a{
	display:inline-block;box-sizing:border-box;
	width:250px;height:54px;
	border:1px solid #222;
	font-size:16px;color:#222;text-align:center;line-height:52px;
}

/*m11 tabcon2*/
.m11 .esg1 h5, .m11 .esg2 h5, .m11 .esg3 h5, .m11 .esg4 h5{
font-size:30px;color:#222;font-weight: 600;text-align: center;margin-bottom: 40px;
}
.m11 .esg1{}
.m11 .esg1 .dia1{
margin-top: 100px;
display: flex;justify-content:center;align-items:center;margin-bottom: 70px;
flex-direction:column;
}
.m11 .esg1 .dia1 .circle{
display: flex;align-items:center;justify-content:center;
flex-direction:column;
width:320px;
height:320px;;
border-radius:50%;
background: #e5f1f8;
}
.m11 .esg1 .dia1 .blue{
position: relative;
z-index:10;
width:400px;
height:400px;
border-radius:50%;
background: url(../../images/page/m11_tab2_sec1_bg1.png)no-repeat center;
background-size:cover;
}
.m11 .esg1 .dia1 .circle strong{
position: relative;box-sizing:border-box;
text-align: center;font-size:24px;color:#000;font-weight: bold;display: block;padding-bottom: 20px;}
.m11 .esg1 .dia1 .circle strong:before{
	position: absolute;
	content:'';
	background: #05101e;
	opacity:0.2;
	width:3.385vw;
	height:1px;
	bottom:0;left:50%;transform:translateX(-50%);
}
.m11 .esg1 .dia1 .circle p{
text-align: center;box-sizing:border-box;
padding-top: 20px;
font-family: "Montserrat", "Noto Sans KR";
font-size:20px;font-weight: 400;line-height: 170%;
}

.m11 .esg1 .dia1 .blue strong{color:#fff;}
.m11 .esg1 .dia1 .blue strong:before{background: #fff;}
.m11 .esg1 .dia1 .blue p{color:#fff;}
.m11 .esg1 .dia1 .c1{position: relative;top:40px;}
.m11 .esg1 .dia1 .c3{background: #ccd3de;position: relative;top:-40px;}




.m11 .esg1 .dia2{box-sizing:border-box;padding: 4.167vw;
width:calc(330px + 8.33vw);max-width:100%;margin:0 auto;
background: #f9fcfd;border-radius:267.5px;border:1px solid #e5e5e5;
}
.m11 .esg1 .dia2 ul{display: flex;flex-direction:column;align-items:center;justify-content:center;}
.m11 .esg1 .dia2 ul li{
position: relative;margin-bottom: 25px;
width:330px;height:330px;border-radius:50%;
padding:4vw 30px;
background: #ffffff;
border:1px dashed #007dc4;
box-sizing:border-box;
display: flex;justify-content:center;
align-items:center;

}
.m11 .esg1 .dia2 ul li:last-child{margin-bottom: 0;}
.m11 .esg1 .dia2 ul li:before{
	position: absolute;content:'';
	background: url(../images/page/m11_tab2_plus_icon.png)no-repeat center;
	background-size:cover;
	width:67px;height:67px;
	top:103%;left:50%;
	transform:translate(-50%, -50%);
	z-index:100;
}
.m11 .esg1 .dia2 ul li:last-child:before{display: none;}
.m11 .esg1 .dia2 ul li .inner p{font-size:20px;color:#0273bb;text-align: center;font-weight: bold;margin-bottom: 8px;font-family: "Montserrat";}
.m11 .esg1 .dia2 ul li .inner .txt{}
.m11 .esg1 .dia2 ul li .inner .txt>span{
	position: relative;
	display: block;margin-bottom: 3px;
	box-sizing:border-box;
	font-size:15px;color:#666666;
	padding-left: 10px;
}
.m11 .esg1 .dia2 ul li .inner .txt>span:before{
	position: absolute;
	content:'';
	width: 4px;height:4px;border-radius:50%;;
	background: #0273bb;
	top:11px;left:0;
}
.m11 .esg1 .dia2 ul li>strong{
position: absolute;white-space:nowrap;
display: block;box-sizing:border-box;
font-size:20px;color:#000;font-weight: bold;text-align: center;
top:50%;left:100%;transform:translateY(-50%);padding-left: 1vw;
display: none;
}
.m11 .esg1 .dia2 ul li>strong:before{
position: absolute;content:'';
background: #0068b7;width:0.625vw;height:0.625vw;
border-radius:50%;
top:50%;transform:translate(-50%, -50%);left:0%;

}
.m11 .esg1 .con h5{font-family: 'Montserrat';text-align: center;font-weight: 500;}


@media screen and (max-width:400px){
.m11 .esg1 .dia1 .circle{width:90vw;height:90vw;}
.m11 .esg1 .dia1 .blue{width:95vw;height:95vw;}
.m11 .esg1 .dia1 .circle strong{font-size:7vw;padding-bottom: 4vw;}
.m11 .esg1 .dia1 .circle p{font-size:5vw;padding-top: 4vw;}
.m11 .esg1 .dia2{width:100%;background: #fff;border-radius:0;border:0;}
.m11 .esg1 .dia2 ul li{width:90vw;height:90vw;}
.m11 .esg1 .dia2 ul li .inner p{font-size:7vw;}
.m11 .esg1 .dia2 ul li .inner .txt>span{font-size:13px;}
}


.m11 .esg2{background: #f5f5f5;padding:80px 0 100px;box-sizing:border-box;}
.m11 .esg2 .imgwrap{width:100%;overflow:hidden;overflow-x:auto;}
.m11 .esg2 .imgwrap .img{width:812px;}
.m11 .esg2 .imgwrap .img img{width:100%;}
.m11 .esg2 .txtwrap{width:100%;margin-top: 70px;}
.m11 .esg2 .txtwrap ul{}
.m11 .esg2 .txtwrap ul li{width:100%;padding:9px;box-sizing:border-box;/* background: #e5e5e5; */margin-bottom: 20px;
display: flex;align-items:center;justify-content:space-between;
flex-direction:column;}
.m11 .esg2 .txtwrap ul li:last-child{margin-bottom: 0;}
.m11 .esg2 .txtwrap ul li .title{position: relative;text-align: center;box-sizing:border-box;display: flex;align-items:center;flex-direction:column;
margin-bottom: 20px;}

.m11 .esg2 .txtwrap ul li .title:after{
	position: absolute;
	content:'';
	background: url(../images/page/tri.png)no-repeat center;
	width:12px;height:8px;
	top:-13px;transform:translate(-50%,-50%);left:50%;
	/* display: none; */
}
/* .m11 .esg2 .txtwrap ul li.last .title:after{
	position: absolute;
	content:'';
	background: url(../images/page/tri.png)no-repeat center;
	width:10px;height:12px;
	top:50%;transform:translateY(-50%) rotate(-90deg);right:2vw;
} */
 .m11 .esg2 .txtwrap ul li:first-child .title:after{display: none;}
.m11 .esg2 .txtwrap ul li .title .num{
position: relative;box-sizing:border-box;
display: block;font-size:15px;color:#0273bb;font-family: "Montserrat";font-weight: 500;}

.m11 .esg2 .txtwrap ul li .title strong{box-sizing:border-box;
display: block;font-size:18px;color:#000;font-weight: bold;font-family: "Noto Sans KR";}
.m11 .esg2 .txtwrap ul li .info{width:100%;background: #fff;border-radius:33.5px;padding:2vw;display: flex;align-items:center;justify-content:center;}
.m11 .esg2 .txtwrap ul li .info span{font-size:14px;color:#555;font-weight: 400;text-align: center;}
.m11 .esg3{box-sizing:border-box;padding:80px 0 100px;}
.m11 .esg3 .com{margin-bottom: 130px;}
.m11 .esg3 .com .tablewrap{width:100%;overflow:hidden;overflow-x:auto;}
.m11 .esg3 .com table{width:1200px;border-top:2px solid #000;}
.m11 .esg3 .com table col{width:17%;}
.m11 .esg3 .com table col.col2{width:15%;}
.m11 .esg3 .com table th{
border-bottom:1px solid #e5e5e5;
background: #f2f8fc;text-align: center;padding:24px 1vw;box-sizing:border-box;font-size:18px;color:#222222;font-weight: 400; }
.m11 .esg3 .com table td{
font-size:16px;color:#222;font-weight: 400;
text-align: center;
box-sizing:border-box;padding:22px 1vw;line-height: 1.5em;
border:1px solid #e5e5e5;
border-top:0;
border-left:0;
}
.m11 .esg3 .com table tr>td:last-child{border-right:0;}
.m11 .esg3 .com table td>span{
font-weight: 300;
display: block;
position: relative;
text-align: left;
box-sizing:border-box;
margin-bottom: 3px;
font-size:16px;color:#666666;
padding-left: 9px;
}
.m11 .esg3 .com table td>span:before{
	position: absolute;display: block;
	content:'';background: #007dc4;
	top:11px;left:0;
	width: 3px;height: 3px;border-radius:1.5px;
}

.m11 .esg3 .sup .con{margin-top: 100px;}
.m11 .esg3 .sup .con .title{text-align: center;font-size:24px;color:#222;font-weight: 500;margin-bottom: 70px;}
.m11 .esg3 .sup .con .iconlist{
width: 100%;display: flex;flex-wrap:wrap;
justify-content:space-between;
}
.m11 .esg3 .sup .con .iconlist li{
width:49%;
display: flex;flex-direction:column;
align-items:center;
margin-bottom: 20px;
}
.m11 .esg3 .sup .con .iconlist li:last-child{margin-right: 0;}
.m11 .esg3 .sup .con .iconlist li .icon{margin-bottom: 35px;}
.m11 .esg3 .sup .con .iconlist li .box{
width:100%;position: relative;
display: flex;justify-content:center;align-items:center;
box-sizing:border-box;padding:1vw;
background: #f9fcfd;border:1px solid #e5e5e5;min-height:203px;
}
.m11 .esg3 .sup .con .iconlist li .box:before{
position: absolute;content:'';
background: #007dc4;width:7.3vw;height:4px;
left:50%;transform:translateX(-50%);
top:0;
}
.m11 .esg3 .sup .con .iconlist li .box .inner{text-align: center;}
.m11 .esg3 .sup .con .iconlist li .box .inner .num{font-size:13px;font-weight: 400;color:rgba(0,0,0,0.5);text-align: center;
font-family: "Montserrat";display: block;margin-bottom: 8px;
}
.m11 .esg3 .sup .con .iconlist li .box .inner .tit{
font-family: "Noto Sans KR";font-weight: bold;text-align: center;color:#000;
margin-bottom: 10px;font-size:17px;
}
.m11 .esg3 .sup .con .iconlist li .box .inner p{font-size:14px;line-height: 1.6em;
color:#555;font-weight: 300;
}
.m11 .esg3 .sup .con2{}
.m11 .esg3 .sup .con2 .img{width:100%;margin:0 auto 40px;}
.m11 .esg3 .sup .con2 .img img{display: block;max-width:100%;margin:0 auto;}
.m11 .esg3 .sup .con2 .imglist{
margin-top: 60px;
display: flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
}
.m11 .esg3 .sup .con2 .imglist li{width:100%;margin-bottom: 20px;}
.m11 .esg3 .sup .con2 .imglist li .imgarea{
padding:47.315% 0;
background: url(../../images/page/m11_tab2_sec3_img1.png)no-repeat center;
background-size:cover;
}
.m11 .esg3 .sup .con2 .imglist li:nth-child(2) .imgarea{
background: url(../../images/page/m11_tab2_sec3_img2.png)no-repeat center;
background-size:cover;
}
.m11 .esg3 .sup .con2 .imglist li:nth-child(3) .imgarea{
background: url(../../images/page/m11_tab2_sec3_img3.png)no-repeat center;
background-size:cover;
}
.m11 .esg4{padding:80px 0 100px;background: #f5f5f5;box-sizing:border-box;}
.m11 .esg4 h5{font-family: "Montserrat", "Noto Sans KR", sans-serif;}
.m11 .esg4 p{       
font-size: 14px;
color: #666;
font-weight: 300;
line-height: 170%;
text-align: center;
}
.m11 .esg4 .level{margin-bottom: 130px;margin-top: 100px;}
.m11 .esg4 .level .title{text-align: center;font-size:20px;color:#222;font-weight: 500;margin-bottom:40px;}
.m11 .esg4 .level .diawrap{
position: relative;
/* background: url(../images/page/m11_tab2_sec4_line_bg.png)no-repeat center top 90px; */
display: flex;width: 100%;justify-content:space-between;
flex-direction:column;align-items:center;
}

.m11 .esg4 .level .diawrap .item{
position: relative;z-index:20;
display: flex;flex-direction:column;align-items:center;
}
.m11 .esg4 .level .diawrap .item .circle{max-width:100%;width:200px;height:200px;box-sizing:border-box;border-radius:50%;
border:1px solid #939393;background: #fff;
display: flex;align-items:center;justify-content:center;margin-bottom: 30px;
}
.m11 .esg4 .level .diawrap .item .txt{
margin-bottom: 50px;
}
.m11 .esg4 .level .diawrap .item .txt .date{font-size:16px;color:#939393;font-family: "Noto Sans KR";text-align: center;margin-bottom: 6px;}
.m11 .esg4 .level .diawrap .item .txt .tit{
font-size:20px;color:#222;font-weight: 600;line-height: 1.5em;text-align: center;
}
.m11 .esg4 .level .diawrap .item .down{margin-top: 0;}
.m11 .esg4 .level .diawrap .item .down a{width:396px;max-width:100%;}
.m11 .esg4 .level .diawrap .center{position: relative;padding-top: 50px;padding-bottom: 50px;}
.m11 .esg4 .level .diawrap .center:before{
position: absolute;content:'';
top:50%;left:50%;
width:360px;height:360px;
transform:translate(-50%, -50%) rotate(90deg);
background: url(../../images/page/m11_tab2_sec4_line_bg.png)no-repeat center;
}
.m11 .esg4 .level .diawrap .center .circle{max-width:100%;position: relative;z-index:20;width:260px;height:260px;;box-sizing:border-box;}
.m11 .esg4 .board{}
.m11 .esg4 .board ul{width:100%;border-top:2px solid #000;margin-top: 40px;}
.m11 .esg4 .board ul li{width:100%;border-bottom:1px solid #e5e5e5;box-sizing:border-box;padding:30px 2vw;
display: flex;align-items:center;}
.m11 .esg4 .board ul li .titwrap{width:calc(100% - 20px);box-sizing:border-box;padding-right: 2vw;}
.m11 .esg4 .board ul li .titwrap .tit{
overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
word-break:normal;
    box-sizing: border-box;
    display: -webkit-box;
    height:2em;
}
.m11 .esg4 .board ul li .titwrap .tit>a{

font-size:19px;color:#000;font-weight: bold;font-family: "Noto Sans KR";}
.m11 .esg4 .board ul li .titwrap .date{margin-top: 15px;font-size:13px;color:#666666;font-family: "Montserrat";}
.m11 .esg4 .board ul li .file{width:20px;}
.m11 .esg4 .board ul li .file>i{display: block;background: url(../images/page/m11_tab2_down_icon.png)no-repeat center;
width:20px;height:22px;}


/* m21 */
.m21{padding:80px 0 0;word-break:keep-all;}
.m20_tabs{display:flex;justify-content:space-between;max-width:1200px;width:94%;margin:0 auto 40px;}
.m20_tabs li{width:49.5%;}
.m20_tabs li a{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:54px;
	box-sizing:border-box;
	font-size:14px;color:#ccc;text-align:center;
	border-bottom:1px solid #ccc;
}
.m20_tabs li.on a{border-bottom:2px solid #007dc4;color:#007dc4;}
.m21_tabs{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;width:94%;margin:0 auto 40px;}
.m21_tabs li{width:49.5%;margin-bottom: 5px;
box-sizing:border-box;}
.m21_tabs li a{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:56px;
	box-sizing:border-box;
	font-size:14px;color:#ccc;text-align:center;
	border:1px solid rgba(0,0,0,0.4);
}
.m21_tabs li.on{border:1px solid #0069b4;background: #0069b4;}
.m21_tabs li.on a{color:#fff;}
.m21 .section1{padding:0 0 100px;}
.m21 .section1 p{font-size:14px;color:#666;font-weight:300;line-height:170%;text-align:center;}
.m21 .section1 .con{margin:65px 0 0;}
.m21 .section1 .con .boxwrap{text-align:center;}
.m21 .section1 .con .boxwrap ul{}
.m21 .section1 .con .boxwrap ul li{width:100%;margin-bottom:50px;}
.m21 .section1 .con .boxwrap ul li:last-child{margin-bottom: 0;}
.m21 .section1 .con .boxwrap ul li .imgarea{position:relative;max-width:590px;display: block;margin:0 auto;}
.m21 .section1 .con .boxwrap ul li .imgarea .hover{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;height:100%;}
.m21 .section1 .con .boxwrap ul li:hover .imgarea .hover{opacity:1;}
.m21 .section1 .con .boxwrap ul li .sbj{font-family:"Montserrat";font-size:28px;font-weight:600;color:#222;margin:35px 0;}
.m21 .section1 .con .boxwrap ul li p{margin-bottom:35px;}
.m21 .down{text-align:center;}
.m21 .down a{
	display:inline-block;box-sizing:border-box;
	width:250px;height:54px;
	border:1px solid #222;
	font-size:16px;color:#222;text-align:center;line-height:52px;
}

.m21 .section1 .con .boxwrap:nth-child(1) ul li .sbj{font-family:"Montserrat";font-size:30px;font-weight:600;}
.m21 .section1 .con .boxwrap:nth-child(2){margin-top:100px;}
.m21 .section1 .con .boxwrap:nth-child(2) ul li{width:100%;}


.m21 .section2{padding:80px 0 100px;background:#f5f5f5;}
.m21 .section2 ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m21 .section2 ul li{
	width:49%;
	margin-bottom:40px;
}
.m21 .section2 ul li .imgarea{
	position:relative;
	width:100%;
	padding:47.315% 0;
}
.m21 .section2 ul li:nth-child(1) .imgarea{
	background:url(../images/page/m21_sec2_img1.jpg) no-repeat center;
	background-size:cover;
}
.m21 .section2 ul li:nth-child(2) .imgarea{
	background:url(../images/page/m21_sec2_img2.jpg) no-repeat center;
	background-size:cover;
}
.m21 .section2 ul li:nth-child(3) .imgarea{
	background:url(../images/page/m21_sec2_img3.jpg) no-repeat center;
	background-size:cover;
}
.m21 .section2 ul li:nth-child(4) .imgarea{
	background:url(../images/page/m21_sec2_img4.jpg) no-repeat center;
	background-size:cover;
}
.m21 .section2 ul li:nth-child(5) .imgarea{
	background:url(../images/page/m21_sec2_img5.jpg) no-repeat center;
	background-size:cover;
}
.m21 .section2 ul li:nth-child(6) .imgarea{
	background:url(../images/page/m21_sec2_img6.jpg) no-repeat center;
	background-size:cover;
}
.m21 .section2 ul li .imgarea img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-0.15deg);}
.m21 .section2 ul li .sbj{height:64px;margin:45px 0 20px;font-size:22px;color:#222;font-weight:500;}
.m21 .section2 ul li p{font-size:14px;color:#666;font-weight:300;line-height:170%;}



.m21 .tabcon:nth-child(2){}
.m21 .tabcon:nth-child(2) .section1 .con .boxwrap ul{}
.m21 .tabcon:nth-child(2) .section1 .con .boxwrap ul li{margin-bottom:60px;} 
.m21 .tabcon:nth-child(2) .section1 .con .boxwrap ul li .sbj{letter-spacing:-1px;}
.m21 .tabcon:nth-child(2) .section2 ul li:nth-child(1) .imgarea{
	background:url(../../images/page/m21_tab2_sec2_img1.jpg) no-repeat center;
	background-size:cover;
}
.m21 .tabcon:nth-child(2) .section2 ul li:nth-child(2) .imgarea{
	background:url(../../images/page/m21_tab2_sec2_img2.jpg) no-repeat center;
	background-size:cover;
}
.m21 .tabcon:nth-child(2) .section2 ul li:nth-child(3) .imgarea{
	background:url(../../images/page/m21_tab2_sec2_img3.jpg) no-repeat center;
	background-size:cover;
}
.m21 .tabcon:nth-child(2) .section2 ul li:nth-child(4) .imgarea{
	background:url(../../images/page/m21_tab2_sec2_img4.jpg) no-repeat center;
	background-size:cover;
}




.m21 .tabcon:nth-child(3) .section2 ul li:nth-child(1) .imgarea{
	background:url(../../images/page/m21_tab3_sec2_img1.jpg) no-repeat center;
	background-size:cover;
}
.m21 .tabcon:nth-child(3) .section2 ul li:nth-child(2) .imgarea{
	background:url(../../images/page/m21_tab3_sec2_img2.jpg) no-repeat center;
	background-size:cover;
}
.m21 .tabcon:nth-child(3) .section2 ul li:nth-child(3) .imgarea{
	background:url(../../images/page/m21_tab3_sec2_img3.jpg) no-repeat center;
	background-size:cover;
}
.m21 .ibtv{
	box-sizing:border-box;
	border:1px solid #ccc;
	padding:70px 4%;margin:60px 0 0;
}
.m21 .ibtv .img{margin-bottom:70px;text-align:center;}
.m21 .ibtv .info{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m21 .ibtv .info .boxwrap{
	box-sizing:border-box;
	width:100%;
	padding:30px;margin-bottom:2%;
}
.m21 .ibtv .info .boxwrap:nth-child(1){background:#f0f7fc;}
.m21 .ibtv .info .boxwrap:nth-child(2){background:#f2f6ec;}
.m21 .ibtv .info .boxwrap:nth-child(3){background:#f5eeee;}
.m21 .ibtv .info .boxwrap:nth-child(4){background:#f3f1ef;}

.m21 .ibtv .info .boxwrap h4{font-family:"Montserrat";font-size:22px;font-weight:600;padding:0 0 5px;border-bottom:1px solid #ddd;}
.m21 .ibtv .info .boxwrap:nth-child(1) h4{color:#0066b6;}
.m21 .ibtv .info .boxwrap:nth-child(2) h4{color:#568956;}
.m21 .ibtv .info .boxwrap:nth-child(3) h4{color:#a74a65;}
.m21 .ibtv .info .boxwrap:nth-child(4) h4{color:#897368;}

.m21 .ibtv .info .boxwrap p{margin:10px 0 ;font-size:15px;color:#333;font-weight:400;text-align:left;}
.m21 .ibtv .info .boxwrap ul{}
.m21 .ibtv .info .boxwrap ul li{
	position:relative;
	padding-left:12px;
	font-size:15px;color:#666;line-height:150%;margin-bottom:8px;
}
.m21 .ibtv .info .boxwrap ul li:last-child{margin-bottom:0;}
.m21 .ibtv .info .boxwrap ul li:before{
	display:block;content:"";
	width:3px;height:3px;
	position:absolute;left:0;top:10px;
}
.m21 .ibtv .info .boxwrap:nth-child(1) ul li:before{background:#0066b6;}
.m21 .ibtv .info .boxwrap:nth-child(2) ul li:before{background:#568956;}
.m21 .ibtv .info .boxwrap:nth-child(3) ul li:before{background:#a74a65;}
.m21 .ibtv .info .boxwrap:nth-child(4) ul li:before{background:#897368;}

/*m21 tab4*/
.m21 .amps1{}
.m21 .amps1 p{margin-bottom: 50px;}
.m21 .amps1 ul{display: flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom: 40px;}
.m21 .amps1 ul li{width:100%;}
.m21 .amps1 ul li .imgarea{
position: relative;width:100%;height: 345px;padding:0;
}
.m21 .amps1 ul li:nth-child(1){margin-bottom: 20px;}
.m21 .amps1 ul li:nth-child(1) .imgarea{background: url(../../images/page/m21_tab4_img1.png)no-repeat center / cover;}
.m21 .amps1 ul li:nth-child(2) .imgarea{background: url(../../images/page/m21_tab4_img2.png)no-repeat center / cover;}
.m21 .amps2{}
.m21 .amps2 ul{}
.m21 .amps2 ul li{width:49%;}
.m21 .amps2 ul li .imgarea{width:100%;position: relative;padding:47.315% 0;}
.m21 .amps2 ul li:nth-child(1) .imgarea{
	background:url(../../images/page/m21_tab4_sec2_img1.jpg) no-repeat center;
	background-size:cover;
}
.m21 .amps2 ul li:nth-child(2) .imgarea{
	background:url(../../images/page/m21_tab4_sec2_img2.jpg) no-repeat center;
	background-size:cover;
}
.m21 .amps2 ul li:nth-child(3) .imgarea{
	background:url(../../images/page/m21_tab4_sec2_img3.jpg) no-repeat center;
	background-size:cover;
}
.m21 .amps2 ul li:nth-child(4) .imgarea{
	background:url(../../images/page/m21_tab4_sec2_img4.jpg) no-repeat center;
	background-size:cover;
}

/*m21 tab5*/
.m21 .esd{}
.m21 .esd .pagetxt{margin-bottom: 60px;}
.m21 .esd .img{margin-bottom: 6vw;width:100%;}
.m21 .esd .img img{width:100%;}
.m21 .esd .conwrap ul{display: flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.m21 .esd .conwrap ul li{width:100%;}
.m21 .esd .conwrap ul li:first-child{margin-bottom: 4vw;}
.m21 .esd .conwrap ul li .imgarea{
width:100%;padding:25% 0;

}
.m21 .esd .conwrap ul li:nth-child(1) .imgarea{
	background:url(../../images/page/m21_tab5_sec1_img2.png) no-repeat center;
	background-size:cover;
}
.m21 .esd .conwrap ul li:nth-child(2) .imgarea{
	background:url(../../images/page/m21_tab5_sec1_img3.png) no-repeat center;
	background-size:cover;
}
.m21 .esd .conwrap ul li .txtarea{width:100%;margin-top: 30px;}
.m21 .esd .conwrap ul li .txtarea .top{box-sizing:border-box;padding-bottom: 15px;border-bottom:1px solid rgba(0,0,0,0.1);}
.m21 .esd .conwrap ul li .txtarea .top h5{text-align: center;font-size:23px;font-family: "Montserrat";font-weight: 600;color:#0066b6;margin-bottom: 10px;
letter-spacing:-0.025em;}
.m21 .esd .conwrap ul li .txtarea .top h5.gr{color:#568956;}
.m21 .esd .conwrap ul li .txtarea .top p{text-align: center;font-size:14px;color:#333333;font-weight: 400;}
.m21 .esd .conwrap ul li .txtarea .bot{text-align: center;box-sizing:border-box;padding-top: 30px;
display: flex;flex-direction:column;align-items:center;}
.m21 .esd .conwrap ul li .txtarea .bot .txt{position: relative;font-size:14px;color:#666;box-sizing:border-box;padding-left: 11px;margin-bottom: 3px;}
.m21 .esd .conwrap ul li .txtarea .bot .txt:before{
position: absolute;content:'';
top:7px;left:0;background: #007dc4;
width: 3px;height: 3px;border-radius:1.5px;
}


/* m22 */
.m22{padding:80px 0 0;word-break:keep-all;}
.m22 .section1{padding-bottom:100px;}
.m22 .section1 .pagetitle1{font-family: "Montserrat";margin-bottom: 45px;}
.m22 .section1 .pagetxt{font-size:14px;color:#666666;text-align: center;line-height: 170%;font-weight: 300;margin-bottom: 64px;}
.m22 .section1 .img{width:100%;margin-bottom: 30px;}
.m22 .section1 .img img{width:100%;}
.m22 .section1 .img_tit{display: block;width:100%;text-align: center;font-size:13px;color:#666666;text-align: center;line-height: 170%;font-weight: 300;}
.m22 .section2{padding-top: 80px;padding-bottom: 100px;background: #f5f5f5;}
.m22 .section2 .pagetitle1{margin-bottom: 45px;font-family: "Montserrat";}
.m22 .section2 ul{display: flex;flex-wrap:wrap;justify-content:space-between;}
.m22 .section2 ul li{width:49%;}

.m22 .section2 ul li .imgarea{
position: relative;width:100%;/* height: 352px;padding:0; */
padding:47.315% 0;

}
.m22 .section2 ul li .imgarea img{
 position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) rotate(-0.15deg);
}
.m22 .section2 ul li:nth-child(1) .imgarea{background: url(../../images/page/m22_sec2_img1.jpg)no-repeat center / cover;}
.m22 .section2 ul li:nth-child(2) .imgarea{background: url(../../images/page/m22_sec2_img2.jpg)no-repeat center / cover;}
.m22 .section2 ul li .sbj{
	margin: 45px 0 20px;
	font-size: 20px;
	color: #222;
	font-weight: 500;
	font-family: "Montserrat";
}
.m22 .section2 ul li .txt{}
.m22 .section2 ul li .txt p{position: relative;padding-left:11px;box-sizing:border-box;font-size:14px;color:#666666;margin-bottom: 3px;
letter-spacing:-0.02em;}
.m22 .section2 ul li .txt p:before{
position: absolute;content:'';width:3px;height:3px;background: #007dc4;
border-radius:1.5px;top:11px;left:0;
}
.m22 .section3{padding-top: 80px;padding-bottom: 100px;}
.m22 .section3 .btnbox{display: block;}
.m22 .section3 .btnbox .down{text-align: center;}
.m22 .section3 .btnbox .down a{
display:inline-block;box-sizing:border-box;
	width:360px;height:54px;max-width:100%;
	border:1px solid #222;
	font-size:16px;color:#222;text-align:center;line-height:52px;
}
.m22 .section3 .btnbox .down:first-child{margin-bottom: 10px;}
@media screen and (max-width:500px){
.m22 .section2 ul li{width:100%;}
.m22 .section2 ul li:first-child{margin-bottom: 20px;}
.m22 .section2 ul li .imgarea{padding:35% 0;}

}


/* m31 */
.m31{word-break:keep-all;}
.m31 .section1{padding:80px 0 100px;}
.m31 p{font-size:14px;color:#666;font-weight:300;line-height:170%;}
.m31 .section1 .boxwrap{margin-bottom:80px;text-align:center;}
.m31 .section1 .boxwrap:last-child{margin-bottom:0;}

.m31 .section1 .boxwrap .help{width:100%;}
.m31 .section1 .boxwrap .help ul li{
	display:flex;align-items:center;justify-content:center; 
	width:100%;padding:30px;
	margin-bottom:0;
	text-align:center;
}
.m31 .section1 .boxwrap .help ul li:nth-child(1){
	margin-bottom:20px;
	background:url(../images/page/m31_sec1_cu_bg1.jpg) no-repeat center;
	background-size:cover;	
}
.m31 .section1 .boxwrap .help ul li:nth-child(2){
	background:url(../images/page/m31_sec1_cu_bg2.jpg) no-repeat center;
	background-size:cover;
}
.m31 .section1 .boxwrap .help ul li .ico{
	display:inline-block;
	border:1px solid #fff;
	border-radius:50%;
}
.m31 .section1 .boxwrap .help ul li .ico img{height:80px;}
.m31 .section1 .boxwrap .help ul li .tit{
	margin:20px 0 10px;
	font-family:"Montserrat";font-size:17px;color:#fff;font-weight:500;
}
.m31 .section1 .boxwrap .help ul li .contact,
.m31 .section1 .boxwrap .help ul li .contact a{font-size:16px;color:rgba(255,255,255,0.7);font-weight:300;}
.m31 .section1 .boxwrap .help ul li .contact dl{display:flex;align-items:center;justify-content:center;margin-top:5px;}
.m31 .section1 .boxwrap .help ul li .contact dl dt{margin-right:10px;font-size:16px;color:rgba(255,255,255,0.8);font-weight:400;}
.m31 .section1 .boxwrap .help ul li .contact dl dd{font-size:16px;color:rgba(255,255,255,0.7);font-weight:300;}

.m31 .section1 .boxwrap .btn{margin-top:40px;}
.m31 .section1 .boxwrap .btn a{
	display:inline-block;box-sizing:border-box;
	width:250px;height:54px;
	border:1px solid #222;
	font-size:16px;color:#222;text-align:center;line-height:52px;
}

.m31 .section1 .boxwrap ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:70px;width:100%;}
.m31 .section1 .boxwrap ul li{
	width:49%;
	margin-bottom:40px;
	text-align:left;
}
.m31 .section1 .boxwrap ul li.link{cursor:pointer;}
.m31 .section1 .boxwrap ul li .imgarea{
	position:relative;
	width:100%;
	padding:47.315% 0;
}
.m31 .section1 .boxwrap ul li:nth-child(1) .imgarea{
	background:url(../images/page/m31_sec1_img1.jpg) no-repeat center;
	background-size:cover;
}
.m31 .section1 .boxwrap ul li:nth-child(2) .imgarea{
	background:url(../images/page/m31_sec1_img2.jpg) no-repeat center;
	background-size:cover;
}
.m31 .section1 .boxwrap ul li:nth-child(3) .imgarea{
	background:url(../images/page/m31_sec1_img3.jpg) no-repeat center;
	background-size:cover;
}
.m31 .section1 .boxwrap ul li:nth-child(4) .imgarea{
	background:url(../images/page/m31_sec1_img4.jpg) no-repeat center;
	background-size:cover;
}
.m31 .section1 .boxwrap ul li:nth-child(5) .imgarea{
	background:url(../images/page/m31_sec1_img5.jpg) no-repeat center;
	background-size:cover;
}
.m31 .section1 .boxwrap ul li:nth-child(6) .imgarea{
	background:url(../images/page/m31_sec1_img6.jpg) no-repeat center;
	background-size:cover;
}
.m31 .section1 .boxwrap ul li .sbj{margin:25px 0 20px;font-size:23px;color:#222;font-weight:500;}
.m31 .section1 .boxwrap ul li .sbj a{display: inline-block;margin-left: 5px;color:#007dc4;position: relative;}
.m31 .section1 .boxwrap ul li .sbj a i{position: absolute;display: inline-block;width:5px;height:7px;background: url(../images/page/arr_0907.png)no-repeat center;
top:50%;right:-10px;transform:translateY(-50%);
}
.m31 .section1 .boxwrap ul li p{font-size:14px;color:#666;font-weight:300;line-height:170%;}




.m31 .section2{padding:80px 0 100px;background:#f5f5f5;text-align:center;}
.faq{margin:45px 0 0;}
.faq .faq_box{
	background:#fff;
	border:1px solid #ccc;
	padding:0 19px;margin-bottom:20px;
}
.faq .faq_box.active{border:1px solid #007dc4;}
.faq .faq_box .q{
	display:flex;justify-content:space-between;
	padding:25px 0;
	cursor:pointer;
}
.faq .faq_box .q .tit{
	width:24px;
	font-family:"Montserrat";font-size:24px;color:#000;font-weight:600;text-align:center;
}
.faq .faq_box .q .sbj{
	box-sizing:border-box; 
	width:calc(100% - 24px - 24px);
	padding:2px 20px 0;
	font-size:17px;color:#111;font-weight:500;text-align:left;
}
.faq .faq_box .q .arr{width:24px;}
.faq .faq_box .q .arr:before{
	display:block;content:"";
	width:10px;height:10px;
	border-right:3px solid #111;border-bottom:3px solid #111;
	transform:rotate(45deg);
	margin:8px 0 0 0;transition:all 0.4s;
}
.faq .faq_box.active .q .arr:before{
	border-right:3px solid #007dc4;border-bottom:3px solid #007dc4;
	transform:rotate(-135deg);
	margin:12px 0 0 0;
}

.faq .faq_box .a{
	display:none;
	padding:25px 0;
	border-top:1px solid #ccc;
}
.faq .faq_box .a>div{display:flex;justify-content:space-between;}
.faq .faq_box .a>div .tit{
	width:24px;
	font-family:"Montserrat";font-size:24px;color:#007dc4;font-weight:600;text-align:center;
}
.faq .faq_box .a>div .con{
	box-sizing:border-box; 
	width:calc(100% - 24px);
	padding:2px 20px 0;
	font-size:17px;color:#007dc4;font-weight:500;text-align:left;
}


/* paging */
.paging{display:flex;align-items:center;justify-content:center;margin:55px 0 0;text-align:center;}
.paging a{
	display:inline-block;vertical-align:top;
	width:34px;height:34px;
	font-family:"Montserrat";font-size:17px;color:#888;text-align:center;line-height:34px;font-weight:500;
}
.paging a.btn{margin:0 0;}
.paging a.prev{position:relative;margin-right:30px;}
.paging a.prev img{}
.paging a.next{position:relative;margin-left:30px;}
.paging a.next img{}
.paging a img{vertical-align:top;}
.paging strong{
	display:inline-block;vertical-align:top;position:relative;
	width:34px;height:34px;
	font-family:"Montserrat";font-size:17px;color:#000;text-align:center;line-height:34px;
}
.paging strong:after{
	display:block;content:"";
	width:16px;height:2px;
	background:#000;
	position:absolute;left:9px;bottom:0;
}





/* m41 bbs */
.bbs{
	word-break:keep-all;
    padding:80px 0 100px;
}
.bbs.esg_view{word-break:normal;}
.media_cate{margin-bottom:50px;}
.media_cate ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.media_cate ul li{width:49%;}
.media_cate ul li:nth-child(1){width:100%;}
.media_cate ul li a{
	display:block;
	position:relative;
	padding:19px 0;
	font-family:"Montserrat";font-size:15px;color:#ccc;text-align:center;font-weight:500;
}
.media_cate ul li a:after{
	display:block;content:"";
	width:100%;height:1px;
	background:#ccc;
	position:absolute;left:0;bottom:0;
}
.media_cate ul li.on a{color:#007dc4;font-weight:600;}
.media_cate ul li.on a:after{
	height:2px;
	background:#007dc4;
}



	



.searchbox{
	box-sizing:border-box;
	display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
	margin-bottom:20px;padding:30px 20px;
	background:#f5f5f5;
}
.searchbox input{
	box-sizing:border-box;
	width:calc(100% - 0px);height:50px;
	padding:0 15px;
	border:1px solid #ddd;outline:0;
}
.searchbox button{
	display:block;box-sizing:border-box;
	width:calc(100% - 110px);height:50px;
	margin:10px 0;
	font-size:15px;color:#fff;text-align:center;line-height:48px;
	border:1px solid #007dc4;background:#007dc4;
}
.searchbox a{
	display:block;box-sizing:border-box;
	width:50px;height:50px;
	font-size:15px;color:#007dc4;text-align:center;line-height:48px;
	border:1px solid #007dc4;
}
.searchbox a:nth-child(3){border:1px solid #ed3023;}

.bbs .list1{}
.bbs .list1 li{border-bottom:1px solid #ccc;}
.bbs .list1 li:hover{border-bottom:1px solid #0072bc;}
.bbs .list1 li a{
	display:flex;justify-content;space-between;align-items:center;
	padding:20px 0;
}
.bbs .list1 li a .date{width:80px;text-align:center;}
.bbs .list1 li a .date .day{font-family:"Montserrat";font-size:40px;color:#111;font-weight:600;line-height:100%;}
.bbs .list1 li a .date .ym{font-family:"Montserrat";font-size:12px;color:#666;font-weight:500;}
.bbs .list1 li:hover a .date .day{color:#0072bc;}
.bbs .list1 li:hover a .date .ym{color:#0072bc;}
.bbs .list1 li a .txts{
	box-sizing:border-box;
	width:calc(100% - 90px);
	padding-left:15px;
}
.bbs .list1 li a .txts .titarea{display:flex;align-items:center;margin-bottom:5px;}
.bbs .list1 li a .txts .titarea .cate{
	display:inline-block;
	height:24px;line-height:24px;
	margin-right:10px;padding:0 10px;
	font-size:15px;color:#fff;text-align:center;border-radius:22px;
}
.bbs .list1 li a .txts .titarea .cate.c1{background:#0072bc;}
.bbs .list1 li a .txts .titarea .cate.c2{background:#6a936c;}
.bbs .list1 li a .txts .titarea .tit{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	font-size:18px;color:#111;font-weight:600;line-height:100%;	
}
.bbs .list1 li a .txts .txt{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	font-size:14px;color:#666;
}

.bbs .list1 li a .more{display:none;}
.bbs .list1 li a .more .arr{
	display:inline-block;
	width:32px;height:9px;
	background:url(../images/page/bbs_arr1.png) no-repeat;
}
.bbs .list1 li:hover a .more .arr{
	background:url(../images/page/bbs_arr2.png) no-repeat;
}

/* view */
.view{}
.view table{width:100%;}
.view table th{padding:25px 0;border-bottom:1px solid #ddd;text-align:center;}
.view table th .cate span{
	display:inline-block;
	height:29px;line-height:29px;
	padding:0 14px;
	font-size:12px;color:#fff;text-align:center;border-radius:22px;
}
.view table th .cate span.c1{background:#0072bc;}
.view table th .cate span.c2{background:#6a936c;}
.view table th .sbj{margin:10px 0;font-size:32px;color:#333;font-weight:600;line-height:150%;}
.view table th .date{font-family:"Montserrat";font-size:16px;color:#666;font-weight:500;}
.view table td{border-bottom:1px solid #ddd;}
.view table td.viewcon{padding:25px;font-size:16px;}
.view table td.viewcon img,
.view table td.viewcon iframe{max-width:100%;}
.view table .file_box {}
.view table .file_box td {display:flex;justify-content:center;padding:20px 0;}
.view table .file_box td .down_file {font-size:13px;color:#000;margin-right:10px;}
.view table .file_box td .file_list li a {display: inline-block;font-size: 13px;color: #666;padding-right: 25px;background: url(../../images/page/bbs_down_icon.png) no-repeat center right;}
.view .btns{margin:50px 0 0;text-align:center;}
.view .btns a{}




/* m51 */
.m51{
	word-break:keep-all;
    padding:80px 0 100px;
}
.m51_tabs{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;width:94%;margin:60px auto 40px;}
.m51_tabs li{width:49.5%;}
.m51_tabs li a{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:54px;
	box-sizing:border-box;
	font-size:14px;color:#ccc;text-align:center;
	border-bottom:1px solid #ccc;
}
.m51_tabs li.on a{border-bottom:2px solid #007dc4;color:#007dc4;}
.m51 .section1{}
.m51 .section1 .inquiry{
	display:flex;flex-wrap:wrap;justify-content:space-between;
}
.m51 .section1 .inquiry>a{
	display:block;overflow:hidden;
	position:relative;
	height:130px;
}
.m51 .section1 .inquiry>a:nth-child(1){width:48.25%;margin-bottom:3.5%;}
.m51 .section1 .inquiry>a:nth-child(2){width:48.25%;margin-bottom:3.5%;}
.m51 .section1 .inquiry>a:nth-child(3){width:31%;}
.m51 .section1 .inquiry>a:nth-child(4){width:31%;}
.m51 .section1 .inquiry>a:nth-child(5){width:31%;}

.m51 .section1 .inquiry>a .bg{
	width:100%;height:100%;
	transform:scale(1.05);transition:all 0.4s;
}
.m51 .section1 .inquiry>a:hover .bg{
	width:100%;height:100%;
	transform:scale(1);
}
.m51 .section1 .inquiry>a:nth-child(1) .bg{
	background:url(../images/page/m51_sec1_bg1.jpg) no-repeat center;
	background-size:cover;	
}
.m51 .section1 .inquiry>a:nth-child(2) .bg{
	background:url(../images/page/m51_sec1_bg2.jpg) no-repeat center;
	background-size:cover;
}
.m51 .section1 .inquiry>a:nth-child(3) .bg{
	background:url(../images/page/m51_sec1_bg3.jpg) no-repeat center;
	background-size:cover;
}
.m51 .section1 .inquiry>a:nth-child(4) .bg{
	background:url(../images/page/m51_sec1_bg4.jpg) no-repeat center;
	background-size:cover;
}
.m51 .section1 .inquiry>a:nth-child(5) .bg{
	background:url(../images/page/m51_sec1_bg5.jpg) no-repeat center;
	background-size:cover;
}

.m51 .section1 .inquiry>a .tit{
	position:absolute;left:15px;top:50%;
	font-size:18px;color:#fff;font-weight:600;
	transform:translateY(-50%);
}
.m51 .section1 .inquiry>a .tit .arr{
	display:inline-block;vertical-align:top;
	content:"";
	width:6px;height:6px;
	margin:12px 0 0 0;
	border-right:2px solid #fff;border-bottom:2px solid #fff;
	transform:rotate(-45deg) translate(-16px,-16px);opacity:0;
	transition:all 0.4s;
}
.m51 .section1 .inquiry>a:hover .tit .arr{
	transform:rotate(-45deg) translate(0,0);opacity:1;
}



.m51 .section2{padding:80px 0 ;}
.contact_filter{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px;}
.contact_filter li{margin:0 20px 20px;}
.contact_filter li a{
	display:block;
	font-family:"Montserrat";font-size:14px;color:#222;font-weight:600;
}
.contact_filter li a img{height:30px;margin-right:5px;}
#globalNet{width:100%;height:360px;}

/*240524추가*/
.m51_new #globalNet{width:100%;height:600px;}
.m51_new #globalNet .map{
	 position: relative;
	width: 100%;
	height: 600px;
	background: #fafafa;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	overflow:hidden;
	overflow-x:auto;
}
.m51_new #globalNet .map::-webkit-scrollbar {
    height: 6px;
}

.m51_new #globalNet .map::-webkit-scrollbar-thumb {
    background-color: #0069b4;
	cursor:pointer;
}

.m51_new #globalNet .map::-webkit-scrollbar-track {
    background-color: #fafafa;
}
.m51_new #globalNet .map .map_pin{
height: 800px;
max-width: 1680px;
width: 1680px;
margin:0 auto;
position: relative;
transform: scale(0.7);
margin-top:-115px;
}
.m51_new #globalNet .map .map_pin:before{
 display: block;
content: "";
position: absolute;
top: 0;
left: 0%;
background: url(../../images/page/m51_globalnet_map.jpg) no-repeat top center;
width: 1680px;
height: 800px;
}
.m51_new #globalNet .map .map_pin ul {
position: absolute;
top: 0;
left: 0;
width: 1680px;

height: 100%;
}

.m51_new #globalNet .map .map_pin ul li {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	cursor: pointer;
	/* top: 51%;
	left: 41%; */
}
.m51_new #globalNet .map .map_pin ul li .country{
	font-size:18px;color:#222;font-weight: 500;/* margin-top: 30px; */
	width:auto;
	text-align: center;
	position: absolute;
	top:calc(100% + 30px);
	left:50%;
	transform:translate(-50%, 0);
	transition:opacity 0.1s ease-in-out;
	z-index:-9999999;opacity:0;
}
.m51_new #globalNet .map .map_pin ul li:hover .country{
z-index:1;opacity:1;transition:opacity 0.1s ease-in-out;
}
.m51_new #globalNet .map .map_pin ul li .i {
        width: 11px;
        height: 11px;
        background:#0069b4;
		border-radius:50%;
		box-sizing:border-box;
        margin: 0 auto;
        display: block;
		position: relative;
		z-index:10;
    }
	.m51_new #globalNet .map .map_pin ul li:hover .i{
		width: 11px;
        height: 11px;
        background:#fff;
		border-radius:50%;
		box-sizing:border-box;
        margin: 0 auto;
        display: block;
		position: relative;
		z-index:10;
		
	}
	.m51_new #globalNet .map .map_pin ul li .i:before{
	position: absolute;
	content:'';
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	/* width:40px;
	height:40px; */
	width:50px;
	height:50px;
	border:21px solid rgba(0,105,180,0.7);
	border-radius:50%;
	background:transparent;
	z-index:-1;
	box-sizing:border-box;
	margin: 0 auto;
	display: block;
	
	transform:translate(-50%, -50%) scale(0);
	transition:all 0.1s ease-in-out;
	
	}
	.m51_new #globalNet .map .map_pin ul li .i:after{
	position: absolute;
	content:'';
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	/* width:40px;
	height:40px; */
	width:70px;
	height:70px;
	border:31px solid rgba(0,105,180,0.2);
	border-radius:50%;
	background:transparent;
	z-index:-2;
	box-sizing:border-box;
	margin: 0 auto;
	display: block;
	transform:translate(-50%, -50%) scale(0);
	transition:all 0.1s ease-in-out;
	}
.m51_new #globalNet .map .map_pin ul li:hover .i:before{transform:translate(-50%, -50%) scale(1);transition:all 0.1s ease-in-out;}
.m51_new #globalNet .map .map_pin ul li:hover .i:after{transform:translate(-50%, -50%) scale(1);transition:all 0.1s ease-in-out;}
/*240524끝*/


.m51 .sort{padding:52px 0 20px;display:flex;justify-content:space-between;}
.m51 .sort select{
    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    background:url(../images/page/select_arr.png) no-repeat 92% 50%;  /* 화살표 모양의 이미지 */
	background-size:auto 6px;
	box-sizing:border-box;
	width:49%;height:58px;
	border:1px solid #ddd;outline:0;
	padding:0 20px;
	font-size:16px;color:#999;
}
.m51 .nation_info{}
.m51 .nation_info .infowrap{border:1px solid #ccc;margin-bottom:15px;}
.m51 .nation_info .infowrap.on{border:1px solid #007dc4;}
.m51 .nation_info .infowrap .namewrap{
	position:relative;
	padding:20px 20px;
	cursor:pointer;
	font-size:18px;color:#222;font-weight:600;
}
.m51 .nation_info .infowrap .namewrap:after{
	display:block;content:"";
	width:8px;height:8px;
	border-right:3px solid #999;border-bottom:3px solid #999;
	transform:rotate(45deg);
	position:absolute;right:25px;top:25px;
}
.m51 .nation_info .infowrap.on .namewrap:after{
	border-right:3px solid #007dc4;border-bottom:3px solid #007dc4;
	transform:rotate(-135deg);
	position:absolute;right:25px;top:30px;
}
.m51 .nation_info .infowrap .namewrap img{display:inline-block;height:20px;margin:-3px 6px 0 0;}
.m51 .nation_info .infowrap .contact{
	display:none;
	box-sizing:border-box;
	width:calc(100% - 40px);
	margin:0 auto;padding:25px 0 0; 
	border-top:1px solid #ccc;
}
.m51 .nation_info .infowrap.on .contact{display:block;}
.m51 .nation_info .infowrap .contact .agentwrap{margin-bottom:50px;}
.m51 .nation_info .infowrap .contact .agent{display:flex;align-items:center;margin-bottom:15px;}
.m51 .nation_info .infowrap .contact .agent .name{font-size:18px;font-weight:600;color:#222;}
.m51 .nation_info .infowrap .contact .agent .icon_info{margin-left:15px;}
.m51 .nation_info .infowrap .contact .agent .icon_info img{height:30px;}
.m51 .nation_info .infowrap .contact .contact_info{}
.m51 .nation_info .infowrap .contact .contact_info .tit{
	font-family:"Montserrat";font-size:22px;color:#222;font-weight:600;text-align:center;
	border-bottom:1px solid #ddd;
	padding:0 0 15px;margin:0 0 20px;
}
.m51 .nation_info .infowrap .contact .contact_info dl{display:flex;margin-bottom:5px;}
.m51 .nation_info .infowrap .contact .contact_info dl:last-child{margin-bottom:0;}
.m51 .nation_info .infowrap .contact .contact_info dl dt{
	width:70px;
	font-family:"Montserrat";font-size:14px;color:#222;font-weight:600;line-height:160%;
}
.m51 .nation_info .infowrap .contact .contact_info dl dd{
	width:calc(100% - 70px);
	font-size:14px;color:#666;line-height:150%;
}
.m51 .nation_info .infowrap .contact .contact_info .manager{
	display:flex;flex-wrap:wrap;
	margin:30px 0 0;
}
.m51 .nation_info .infowrap .contact .contact_info .manager .boxwrap{
	box-sizing:border-box;
	width:100%;
	margin:0 0 2% 0;padding:20px;
	background:#f0f7fb;
}
.m51 .nation_info .infowrap .contact .contact_info .manager .boxwrap dl{}





/* 문의하기 폼 */
.inquiry{overflow:hidden;}
.inquiry p{font-size:14px;color:#666;text-align:center;line-height:170%;}
.inquiry .req{color:#ea1717;}

/*filewrap*/
.inquiry .filewrap{position: relative;background: url(../../images/page/filewrap_bg.png)no-repeat center;
background-size:cover;
box-sizing:border-box;margin: 60px auto 0;width:100%;height:220px;
display: flex;align-items:center;justify-content:center;}
.inquiry .filewrap p{padding:0 2vw;padding-bottom: 24px;}
.inquiry .filewrap p strong{font-size:15px;color:#007dc4;}
.inquiry .filewrap a{display: block;background: #007dc4;width:200px;height:50px;
display: flex;align-items:center;justify-content:center;margin:0 auto;
}
.inquiry .filewrap a>span{text-align: center;color:#fff;font-weight: 300;font-size:15px;}

.agreewrap{margin:75px 0 40px;}
.agreewrap .textarea{overflow-y:auto;box-sizing:border-box;height:300px;background:#f5f5f5;padding:35px 20px;}
.agreewrap .textarea textarea{
	box-sizing:border-box;overflow:hidden;
	width:100%;height:340px;	
	background:#f5f5f5;border:0;outline:0;resize:none;
	font-size:15px;line-height:170%;color:#666;
}
.agreewrap .textarea table{width:100%;margin:20px auto 0;border-collapse:collapse;}
.agreewrap .textarea table th{
	padding:10px;
	border:1px solid #ddd;background:#f5f5f5;
	font-size:15px;color:#222;text-align:center;
}
.agreewrap .textarea table td{
	padding:10px;
	border:1px solid #ddd;
	font-size:15px;color:#666;text-align:center;
}
.agreewrap .textarea table td.tl{text-align:left !important}
.agreewrap .chkarea{
	display:flex;justify-content:flex-end;align-items:center;margin:15px 0;
	font-size:16px;color:#333;
}
.agreewrap .chkarea input{
	display:inline-block;
	margin:0 10px 0 40px;
	width:16px;height:16px;
}

.formarea{border-top:1px solid #ddd;}
.formarea .boxwrap{
	display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;
	box-sizing:border-box;
}
.formarea .boxwrap .innerbox{
	display:flex;align-items:center;
	width:100%;
	padding:15px 0;
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
}
.formarea .boxwrap.type1 .innerbox{width:100%;}
.formarea .boxwrap .innerbox .tit{
	box-sizing:border-box;
	width:100px;
	padding-right:10px;
	font-size:15.5px;color:#222;letter-spacing:-0.0125em;
	word-break:break-all;
}
.formarea .boxwrap .innerbox .tit .btn_plus{	
	display:inline-block;vertical-align:top;
	width:18px;height:18px;
	background:#007dc4;
	color:#fff;text-align:center;line-height:17px;
	margin:3px 0 0 2px;cursor:pointer;
}
.formarea .boxwrap .innerbox .input{width:calc(100% - 100px);}
.formarea .boxwrap .innerbox .input.flex{display:flex;align-items:center;justify-content:space-between;}
.formarea .boxwrap .innerbox .input input{
	box-sizing:border-box;
	width:100%;height:50px;
	border:0;outline:0;
	padding:0 20px;
	background:#f5f5f5;
}
.formarea .boxwrap .innerbox .input input::placeholder{color:#999;}
.formarea .boxwrap .innerbox .input label{margin:0;}
.formarea .boxwrap .innerbox .input label span{display:inline-block;margin-left:5px;font-size:11px;color:#666;}
.formarea .boxwrap .innerbox .input input[type="radio"]{width:18px;height:18px;}
.formarea .boxwrap .innerbox .input input[type="radio"] ~ label{
	display:inline-block;vertical-align:top;
	font-size:14px;
	margin:1px 40px 0 5px;
}
.formarea .boxwrap .innerbox .input>div.etc{padding:15px 0;font-size:16px;color:#222;}
.formarea .boxwrap .innerbox .input>div.etc>div{padding:5px 0;}
.formarea .boxwrap .innerbox .input>div.tanker{display:none;}
.formarea .boxwrap .innerbox .input .w1{width:45%;}
.formarea .boxwrap .innerbox .input .w2{width:35%;}
.formarea .boxwrap .innerbox .input .pd10{padding:10px 0;}
.formarea .boxwrap .innerbox .input.flex span{display:inline-block;width:4%;font-size:16px;}
.formarea .boxwrap .innerbox .input .flex{display:flex;justify-content:space-between;align-items:center;}
.formarea .boxwrap .innerbox .input .flex select{
	width:30%;
	background:#f5f5f5 url(../images/page/select_arr.png) no-repeat 88% 50%;  /* 화살표 모양의 이미지 */
	background-size:auto 6px;
}
.formarea .boxwrap .innerbox .input .flex input{width:66%;}
.formarea .boxwrap .innerbox .input .tip{margin-top:5px;font-size:12px;color:#007dc4;}
.formarea .boxwrap .innerbox .input select{
    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    background:#f5f5f5 url(../images/page/select_arr.png) no-repeat 95% 50%;  /* 화살표 모양의 이미지 */
	background-size:auto 6px;
	box-sizing:border-box;
	width:100%;height:50px;
	border:0;outline:0;
	padding:0 20px;

}
.formarea .boxwrap .innerbox .input select::-ms-expand{display: none;}

.formarea .boxwrap .innerbox .input textarea{
	box-sizing:border-box;
	width:100%;height:210px;
	padding:20px;
	border:0;outline:0;resize:none;
	background:#f5f5f5;
}
.formarea .btns{display:flex;justify-content:space-between;margin:70px 0 0;text-align:center;}
.formarea .btns button,
.formarea .btns a{
	display:inline-block;vertical-align:top;
	box-sizing:border-box;
	width:49%;height:54px;
	background:0;
	font-size:15px;color:#222;text-align:center;line-height:52px;
}
.formarea .btns button{border:1px solid #222;}
.formarea .btns a{border:1px solid #222;}


.formarea .boxwrap .innerbox .input.inq2_type1{}
.formarea .boxwrap .innerbox .input.inq2_type1 input.w1{width:45%;}
.formarea .boxwrap .innerbox .input.inq2_type1 input.w2{width:65%;}
.formarea .boxwrap .innerbox .input.inq2_type1 label.w1{width:60px;text-align:center;}
.formarea .boxwrap .innerbox .input.inq2_type1 label.w2{width:35px;text-align:center;}
.formarea .boxwrap .innerbox .input.inq2_type1 .tit{width:20px;text-align:right;}

/*추가*/
.formarea .boxwrap .innerbox .input .flex .s1{width:45%;}
.formarea .boxwrap .innerbox .input .flex .wrap{width:53%;}
.formarea .boxwrap .innerbox .input .flex .wrap .s2{width:calc(100% - 35px);}
.formarea .boxwrap .innerbox .input .flex{width:100%;}
.formarea .boxwrap .innerbox .input .flex .w7{width:70%;}
.formarea .boxwrap .innerbox .input .flex .w29{width:29%;}
.formarea .boxwrap.type4{display: block;}
.formarea .boxwrap.type4 .innerbox{width:100%;}
.formarea .boxwrap.type4 .innerbox .w20{width:10%;padding-left: 1%;box-sizing:border-box;}
.formarea .boxwrap.type4 .innerbox .input .flex input{width:90%;}

.formarea .btns{justify-content:center;}

.m51 .confirm{
	margin:45px 0 0;
	padding:10px;
	background:url(../images/page/bg_dot.png) repeat;
}
.m51 .confirm>div{
	background:#fff;
	padding:35px 20px;
	font-size:14px;text-align:center;line-height:170%;
}
.m51 .confirm>div strong{font-weight:500;color:#007dc4;}
.m51 .confirm>div a{
	font-size:14px;color:#007dc4;font-weight:500;
	border-bottom:1px solid #007dc4;
}
.m51 .confirm>div a.down{
	display:block;
	width:200px;height:50px;
	margin:30px auto 0;
	font-size:16px;color:#fff;font-weight:500;text-align:center;line-height:50px;
	border-bottom:0;background:#007dc4;
}



.formarea .boxwrap .innerbox .input.items{}
.formarea .boxwrap .innerbox .input.items .defalut{}
.formarea .boxwrap .innerbox .input.items .itemwrap{}
.formarea .boxwrap .innerbox .input.items .itemwrap .item{
	box-sizing:border-box;
	padding:0 15px;
	border:1px solid #ddd;
}
.formarea .boxwrap .innerbox .input.items .itemwrap .item.on{
	border:1px solid #007dc4
}
.formarea .boxwrap .innerbox .input.items .itemwrap .item .title{
	position:relative;
	padding:20px 0;
	font-family:"Montserrat";font-size:16px;color:#222;font-weight:600;cursor:pointer;
}
.formarea .boxwrap .innerbox .input.items .itemwrap .item .title .arr{
	display:block;
	width:6px;height:6px;
	border-right:3px solid #555;border-bottom:3px solid #555;
	position:absolute;right:5px;top:22px;
	transform:rotate(45deg);transition:all 0.4s;
}
.formarea .boxwrap .innerbox .input.items .itemwrap .item.on .title .arr{
	transform:rotate(225deg);top:25px;
	border-right:3px solid #007dc4;border-bottom:3px solid #007dc4;
}
.formarea .boxwrap .innerbox .input.items .itemwrap .item .item_form{
	display:none;
	border-top:1px solid #ddd;
}
.formarea .boxwrap .innerbox .input.items .itemwrap .item .item_form .boxwrap{padding:10px 0px;}
.formarea .boxwrap .innerbox .input.items .itemwrap .item .item_form .boxwrap:last-child{border-bottom:0;}
.formarea .boxwrap .innerbox .input.items .itemwrap .item .item_form .boxwrap .innerbox{width:100%;}
.formarea .boxwrap .innerbox .input.items .itemwrap .item .item_form .boxwrap.type1 .innerbox{width:100%;}


.filebox{
	overflow:hidden;
	display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
}
.filebox input[type="file"] {
	position: absolute; width: 1px !important; height: 1px; 
	padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; 
} 
.filebox label{ 
	display: inline-block;box-sizing:border-box;
	width:100%;height:50px;margin-top:5px !important;
	background:#494949;
	font-size:16px;color: #fff;text-align:center;line-height:50px;
} 
.filebox a{ 
	
	display: inline-block;box-sizing:border-box;
	width:140px;height:50px;
	background:#ccc;
	font-size:16px;color: #494949;text-align:center;line-height:50px;
	display:none;
}
.filebox .upload-name {
	display: inline-block; 
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;
	width:calc(100% - 0px) !important;
}
.filebox .upload-name.file {
	width:calc(100% - 0px) !important;
}






.formarea .boxwrap .innerbox .input.items .add{}
.formarea .boxwrap .innerbox .input.items .add .itemwrap{
	display:flex;justify-content:space-between;
	margin-bottom:10px;
}
.formarea .boxwrap .innerbox .input.items .add .itemwrap:first-child{margin-top:15px;}
.formarea .boxwrap .innerbox .input.items .add .itemwrap:last-child{margin-bottom:0;}
.formarea .boxwrap .innerbox .input.items .add .itemwrap .btn_del{
	display:inline-block;vertical-align:top;
	width:18px;height:18px;
	background:#ccc;
	color:#fff;text-align:center;line-height:17px;
	margin:25px 0 0 2px;cursor:pointer;	
}
.formarea .boxwrap .innerbox .input.items .add .itemwrap .item{width:calc(100% - 18px - 10px);}


#bgblack{
	display:none;
	position:fixed;left:0;top:0;z-index:1100;
	width:100%;height:100%;
	background:rgba(0,0,0,0.7);
}
.layer_sample{
	display:none;
	position:fixed;left:50%;top:50%;z-index:2000;
	transform:translate(-50%,-50%);
	width:1200px;
}
.layer_sample .btn_close{
	display:block;
	float:right;
	width:25px;height:25px;
	margin-bottom:15px;
}


.formarea .boxwrap .innerbox .input .training_cate{padding:10px 0 20px 0;}
.formarea .boxwrap .innerbox .input .training_form{
	border:1px solid #ddd;
	padding:10px 20px;
}
.formarea .boxwrap .innerbox .input .training_form .boxwrap{
	border-bottom:0;
	padding:5px 0;
}
.formarea .boxwrap .innerbox .input .training_form .boxwrap .innerbox{width:100%;}
.formarea .boxwrap .innerbox .input .training_form .boxwrap.type1 .innerbox{width:100%;}

.formarea .boxwrap .innerbox .input .training_form .t3,
.formarea .boxwrap .innerbox .input .training_form .t234{display:none;}

.formarea .t3 .boxwrap .innerbox .input.items .itemwrap .item .item_form .boxwrap:last-child{padding:0;}
.formarea .t3 .boxwrap .innerbox .input.items .itemwrap .item .item_form .boxwrap .innerbox{display:block;}
.formarea .t3 .boxwrap .innerbox .input.items .itemwrap .item .item_form .boxwrap .innerbox .tit{width:100%;}
.formarea .t3 .boxwrap .innerbox .input.items .itemwrap .item .item_form .boxwrap .innerbox .input{width:100%;}


/* etc */
.etc{padding:80px 0;word-break:keep-all;}
.etc>div>p{margin-bottom:35px;font-size:14px;color:#666;text-align:center;line-height:180%;}
.etc>div>p.strong{margin-bottom:45px;font-size:16px;color:#111;font-weight:500;line-height:200%;}
.etc .policy{padding:30px 20px;background:#f5f5f5;}
.etc .policy>p{font-size:16px;color:#666;line-height:180%;}
.etc .policy>ul>li{margin-bottom:5px;font-size:16px;color:#666;}
.etc .policy ul li:last-child{margin-bottom:0;}
.etc .policy>h4{margin-bottom:10px;font-size:18px;color:#000;font-weight:500;}
.etc .policy strong{font-weight:600;}
.etc .policy>ol{}
.etc .policy>ol>li{position:relative;padding-left:30px;font-size:16px;color:#666;line-height:180%;}
.etc .policy>ol>li .num{position:absolute;left:0;top:0;}
.etc .policy>ol>li dl{display:flex;}
.etc .policy>ol>li dl dt{width:100px;font-size:16px;color:#666;}
.etc .policy>ol>li dl dd{width:calc(100% - 100px);font-size:16px;color:#666;}
.etc .policy>ol>li table{margin:10px 0;width:100%;border-collapse:collapse;}
.etc .policy>ol>li table th{
	padding:5px;
	border:1px solid #ddd;
	font-size:15px;color:#000;text-align:center;
	background:#ececec;
}
.etc .policy>ol>li table td{
	padding:5px 20px;
	border:1px solid #ddd;
	font-size:15px;color:#666;text-align:center;
	background:#fff;
}
.etc .policy>ol>li table .tl{text-align:left !important}
.etc .policy .m20t{margin:20px 0 0;}
.etc .policy .m20tb{margin:20px 0;}
.etc .policy a{font-size:16px;color:#666;text-decoration:underline}

.etc .conbox{padding:30px 20px;background:#f5f5f5;}
.etc .conbox>dl{margin-bottom:35px;}
.etc .conbox>dl:last-child{margin-bottom:0;}
.etc .conbox>dl>dt{font-size:16px;color:#111;font-weight:500;}
.etc .conbox>dl>dd{margin-top:5px;}
.etc .conbox>dl>dd>ul{}
.etc .conbox>dl>dd>ul.type1{}
.etc .conbox>dl>dd>ul>li{
	position:relative;
	padding-left:10px;margin-bottom:5px;
	font-size:14px;color:#666;font-weight:300;	
}
.etc .conbox>dl>dd>ul>li:last-child{margin-bottom:0;}
.etc .conbox>dl>dd>ul>li:before{
	display:block;content:"";
	width:5px;height:1px;
	background:#666;
	position:absolute;left:0;top:12px;
}




.search_result{}
.search_result>div>p{
	margin:80px 0 40px;
	font-size:20px;color:#666;font-weight:300;text-align:center;
}
.search_result>div>p strong{font-weight:500;color:#111;}
.search_result>div>p span{font-weight:500;color:#0072bc;}

.in_search{
	padding:30px 20px;margin-bottom:45px;
	background:#f5f5f5;
}
.in_search .searchwrap{width:90%;margin:0 auto;}
.in_search .searchwrap .form{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #111;}
.in_search .searchwrap .form input{
	box-sizing:border-box;
	width:calc(100% - 26px);height:50px;
	border:0;outline:0;background:0;
	font-size:16px;color:#333;
}
.in_search .searchwrap .form input::placeholder{color:#777;}
.in_search .searchwrap .form button{
	width:26px;height:26px;
	border:0;outline:0;background:0;
}
.in_search .searchwrap .ex{
	margin:15px 0 0;
	font-size:16px;
}
.in_search .searchwrap .ex span{
	display:inline-block;
	margin:0 15px 0 0;padding:2px 12px;
	font-size:17px;color:#555;
	background:#f3f3f3;
	border-radius:15px;
}

.search_result .boxwrap{margin-bottom:80px;}
.search_result .boxwrap:last-child{margin-bottom:0;}
.search_result .boxwrap .title{
	padding:15px 0px;
	font-family:"Montserrat";font-size:20px;color:#007dc4;font-weight:600;
}
.search_result .boxwrap .list1{border-top:2px solid #007dc4;}





/* techcross portal */
.m71{}
.m71 .section1 .con{margin:65px 0 0;}
.m71 .section1 .con .boxwrap{text-align:center;}
.m71 .section1 .con .boxwrap ul{}
.m71 .section1 .con .boxwrap ul li{width:100%;margin-bottom:60px;}
.m71 .section1 .con .boxwrap ul li .imgarea{overflow:hidden;position:relative;margin-bottom:35px;}
.m71 .section1 .con .boxwrap ul li .imgarea img{width:100%;transform:scale(1.1);transition:all 0.6s;}
.m71 .section1 .con .boxwrap ul li .imgarea .tit{
	position:absolute;left:0;top:50%;transform:translateY(-50%);
	width:100%;
	transition:all 0.2s;
	font-family:"Montserrat";font-size:30px;color:#fff;font-weight:600;text-align:center;
}
.m71 .section1 .con .boxwrap ul li .imgarea .tit span{
	overflow:hidden;display:block;
	color:#fff;
	opacity:1;transform:translateY(0) rotateX(0);transition:all 0.6s;
}
.m71 .section1 .con .boxwrap ul li:hover .imgarea img{width:100%;transform:scale(1);}
.m71 .section1 .con .boxwrap ul li:hover .imgarea .tit span{opacity:1;transform:translateY(0) rotateX(0);}
.m71 .section1 .con .boxwrap ul li .sbj{font-size:28px;font-weight:500;color:#222;margin:35px 0;}
.m71 .section1 .con .boxwrap ul li p{font-size:16px;margin-bottom:35px;}
.m71 .section1 .con .boxwrap ul li p .tip{color:#0069b4;}


.m71 .section2 ul li{width:100%}
.m71 .section2 ul li .imgarea{height:250px;padding:0;}
.m71 .section2 ul li:nth-child(1) .imgarea{
	background:url(../../images/page/m71_sec2_img1.png) no-repeat center;
	background-size:cover;
}
.m71 .section2 ul li:nth-child(2) .imgarea{
	background:url(../../images/page/m71_sec2_img2.png) no-repeat center;
	background-size:cover;
}
.m71 .section2 ul li:nth-child(3) .imgarea{
	background:url(../../images/page/m71_sec2_img3.png) no-repeat center;
	background-size:cover;
}
.m71 .section2 ul li:nth-child(4) .imgarea{
	background:url(../../images/page/m71_sec2_img4.png) no-repeat center;
	background-size:cover;
}


.m71 .section3{padding:85px 0;text-align:center;}
.m71 .section3 p{font-size:16px;margin-bottom:35px;}
.m71 .section3 a{
	display:inline-block;
	width:250px;height:54px;
	box-sizing:border-box;
	border:1px solid #444;
	font-family:"Montserrat";font-size:16px;color:#111;font-weight:500;text-align:center;line-height:52px;
}

/*m72 product_auth 정품인증*/
.m72{
padding:125px 0 0;word-break:keep-all;
}
.m72 .btxt{font-size:16px;color:#111;font-weight: 500;text-align: center;line-height:1.8;margin-bottom: 80px;}
.m72 .con{}
.m72 .con .titlearea{width:100%;height:55px;background: #0a82c6;box-sizing:border-box;
display: flex;align-items:center;justify-content:center;margin-bottom: 35px;}
.m72 .con .titlearea .title{text-align: center;color:#fff;font-weight: 500;font-size:20px;
font-family:"Montserrat";}
.m72 .con .boxwrap ul{width: 100%;display: flex;align-items:center;
flex-direction:column;justify-content:space-between;margin-bottom: 80px;}
.m72 .con .boxwrap ul li{position: relative;width:100%;margin-bottom: 20px;}
.m72 .con .boxwrap ul li:before{display: none;position:absolute;content:"";top:27%;right:-7%;z-index:3;
background: url(../images/page/m72_arr_next.png)no-repeat center / cover; width:50px;height:50px;
}


.m72 .con .boxwrap ul li:last-child:before{width:0;}
.m72 .con .boxwrap ul li .img{margin-bottom: 15px;}
.m72 .con .boxwrap ul li .img img{width: 100%;}
.m72 .con .boxwrap ul li .txtbox{position: relative;background: #f9fcfd;border:1px solid #e5e5e5;
display: flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;
padding:45px 0;}
.m72 .con .boxwrap ul li .txtbox:after{position: absolute;z-index:3;content:"";background:#007dc4;
width:80px;height:4px;top:0;left:50%;transform:translateX(-50%);}
.m72 .con .boxwrap ul li .txtbox .step{color:#0a82c6;font-family:"Montserrat";font-size:14px;font-weight: 500;
margin-bottom: 15px;}
.m72 .con .boxwrap ul li .txtbox .tit{font-size:20px;font-weight: bold;color:#171717;margin-bottom: 20px;}
.m72 .con .boxwrap ul li .txtbox .info{font-size:16px;color:#555555;text-align: center;}
.m72 .section2{background:#f5f5f5;}
.m72 .section2 .con{padding:130px 0;}
.m72 .section2 .con .boxarea{background: #fff;border:1px solid #ccc;padding:40px 30px;box-sizing:border-box;
display: flex;align-items:center;flex-direction:column;}
.m72 .section2 .con .boxarea .img{width:100%;margin-bottom: 30px;}
.m72 .section2 .con .boxarea .img img{width: 100%;}
.m72 .section2 .con .boxarea .txtwrap{width:100%;}
.m72 .section2 .con .boxarea .txtwrap h4{font-family:"Montserrat";color:#222;font-size:20px;font-weight: 500;margin-bottom:20px;}
.m72 .section2 .con .boxarea .txtwrap h4 .dot{color:#007dc4;margin-left: 5px;}
.m72 .section2 .con .boxarea .txtwrap .txt{font-size:15px;color:#666666;line-height:1.8;}