@charset "utf-8";
.pcbr{display:none;}
.tbbr{display:block;}
.mbbr{display:none;}
.dn{display:none;}
.pc_view{display: none !important;}
.m_view{display: none !important;}

#wrap{position: relative;}

.top_btn {
	position: fixed;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
	z-index: 10;
}

svg{overflow: visible;height: 80px;}


/* pageTop */
.pageTitle{
	overflow:hidden;position:relative;
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100vh;
	text-align:center;
}
.pageTitle .bg{
	position:absolute;left:50%;top:0;z-index:-1;
	width:100%;height:100%;
	border-radius: 0 0 0 50px;
	transform:translateX(-50%);
	transition:all 1s;
}
.pageTitle.pn1 .bg{background:url(/images/page/sub_visual1.jpg) no-repeat center;background-size:cover;}
.pageTitle.pn2 .bg{background:url(/images/page/sub_visual2.jpg) no-repeat center;background-size:cover;}
.pageTitle.pn3 .bg{background:url(/images/page/sub_visual3.jpg) no-repeat center;background-size:cover;}
.pageTitle.pn4 .bg{background:url(/images/page/sub_visual4.jpg) no-repeat center;background-size:cover;}
.pageTitle.pn5 .bg{background:url(/images/page/sub_visual5.jpg) no-repeat center;background-size:cover;}
.pageTitle.in-view .bg{width:95%;transition:all 1s 0.2s;}
.pageTitle h2{
	color:#fff;font-weight:600;
	-webkit-text-stroke: 1px #fff;
	-webkit-text-fill-color: transparent;
	color:transparent;
}
.pageTitle h2 svg path{stroke-dasharray:600;stroke-dashoffset:600;transition:all 2s;}
.pageTitle h2.in-view svg path{stroke-dasharray:600;stroke-dashoffset:0;}
.pageTitle p{font-size:18px;color:#fff;font-weight:500; margin-top: 50px;}
.pageTitle .pageLocation{
	position:absolute;right:0%;bottom:0;
	width:370px;height:104px;
	padding:0 50px;
	background:#fff;
	text-align:right;
	opacity:0;transform:translateY(100%);border-radius:50px 0 0 0;padding-top:50px;
}
.pageTitle.in-view .pageLocation{opacity:1;right:2.49%;transform:translateY(0);transition:all 0.8s 0.4s;}
.pageTitle .pageLocation:before{
	display:block;content:"";
	width:50px;height:50px;
	background:url(/images/page/r_bg1.png) no-repeat;
	position:absolute;right:0;bottom:100%;
}
.pageTitle .pageLocation:after{
	display:block;content:"";
	width:50px;height:50px;
	background:url(/images/page/r_bg1.png) no-repeat;
	position:absolute;right:100%;bottom:0;
}
.pageTitle .pageLocation>ul{display:inline-flex;align-items: center;}
.pageTitle .pageLocation>ul>li{
	position:relative;
	padding-left:15px;margin-left:7px;
	font-family:"Wix Madefor Display";font-size:15px;color:#555;
}
.pageTitle .pageLocation>ul>li:first-child{margin-left:0;padding:0;}
.pageTitle .pageLocation>ul>li:first-child img{vertical-align:top;margin-top:2px;}

.pageTitle .pageLocation>ul>li:after {
	content: "";
	position: absolute;
	left: -1px;
	top: 8px;
	width: 6px;
	height: 6px;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
	transform: rotate(-45deg);
}
.pageTitle .pageLocation>ul>li:first-child:after{display: none;}



.page{padding:190px 0 0px;padding-bottom: 200px;}
.innerwrap{max-width:1380px;width:94%;margin:0 auto;}
.innerwrap2{max-width:1820px;width:94%;margin:0 auto;}
.pageTitle1{margin-bottom:140px;font-size:48px;color:#111;font-weight:600;font-family: "Noto Sans KR";}




/* m11 */
.m11{padding-bottom:200px;}
.m11 .slg{}
.m11 .slg>div{font-family: "Wix Madefor Display";display:block;font-size:4.8vw;color:#111;font-weight:700;line-height:1.1em;}
.m11 .slg>div:nth-child(1){text-align:left;}
.m11 .slg>div:nth-child(2){text-align:left;}
.m11 .slg>div:nth-child(3){text-align:right;}
.m11 .slg>div:nth-child(4){text-align:right;}
.m11 .txtwrap{display:flex;flex-direction: column;padding:100px 0 135px;}
.m11 .txtwrap h4{width:100%;font-size:35px;color:#111;font-weight:600;line-height:1.6em; margin-bottom: 40px;}
.m11 .txtwrap div{width:100%;}
.m11 .txtwrap div p{margin-bottom:30px;font-size:18px;color:#666;line-height:1.7em;}
.m11 .txtwrap div p:last-child{margin-bottom:0;}
.m11 .circles{}
.m11 .circles ul{display:flex;justify-content:center;}
.m11 .circles ul li{
	display:flex;align-items:center;justify-content:center;
	width:31vw;height:31vw;
	margin:0 -2vw;padding:0 5vw;
	border-radius:50%;
	text-align:center;
}
.m11 .circles ul li:nth-child(1){background:#2daae1;}
.m11 .circles ul li:nth-child(2){background:#e6e6e6;}
.m11 .circles ul li:nth-child(3){background:#0e71b8;}
.m11 .circles ul li .icon{display:flex;align-items:center;justify-content:center;height:52px;}
.m11 .circles ul li .txt{margin-top:15px;font-size:15px;color:#fff;font-weight:500;line-height:1.7em;}
.m11 .circles ul li:nth-child(2) .txt{color:#555;}



.m12 .sec1{padding: 0 0 200px;}
.m12 .sec1 .conwrap .imgwrap{
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 40px;
}
.m12 .sec1 .conwrap .imgwrap .img{
	position: relative;
	z-index: 1;
}
.m12 .sec1 .conwrap .imgwrap .img .txt{
	font-family: "Montserrat";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.m12 .sec1 .conwrap .imgwrap .dia{
	width: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	opacity: 0;
	text-align: center;
}
.m12 .sec1 .conwrap .imgwrap .dia .tit{
	font-family: "Noto Sans KR";
	font-size: 35px;
	font-weight: 500;
	color: #000;
	margin-bottom: 30px;
}
.m12 .sec1 .conwrap .imgwrap .dia img{width: 82vw;}
.m12 .sec1 .conwrap .imgwrap .dia .slogan{
	font-family: "Wix Madefor Display";
	margin-top: 60px;
	font-size: 27px;
	font-weight: 700;
	color: #000;
	text-align: center;
}

.m13{}
.m13 .m13_tabs{
	width: 94%;
	max-width: 1380px;
	margin: 0 auto 150px;
	display: flex;
	background: #e6e6e6;
	border-radius: 25px;
}
.m13 .m13_tabs li{
	width: 50%;
}
.m13 .m13_tabs li a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	height: 65px;
	border-radius: 15px;
	background: #e6e6e6;
	font-size: 20px;
	color: #666;
}
.m13 .m13_tabs li.on a{
	border: 2px solid #2daae1;
	background: #fff;
	font-weight: 700;
	color: #2daae1;
}
.m13 .titwrap{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 94%;
	max-width: 1380px;
	margin: 0 auto 70px;
}
.m13 .titwrap .tit{
	font-size: 40px;
	font-weight: 700;
	color: #000;
}
.m13 .titwrap .downwrap{
	display: flex;
	margin-top: 40px;
}
.m13 .titwrap .downwrap a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 15px;
	width: 220px;
	height: 38px;
	border-radius: 10px;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
}
.m13 .titwrap .downwrap a:hover{
	background: #0e71b8;
	border: 1px solid #0e71b8;
}
.m13 .titwrap .downwrap a span{
	font-size: 15px;
	font-weight: 500;
	color: #666;
}
.m13 .titwrap .downwrap a:hover span{
	color: #fff;
}
.m13 .titwrap .downwrap a i{
	display: block;
	width: 13px;
	height: 14px;
	margin-left: 15px;
	background: url(/images/page/m131_down_icon.png) no-repeat center / contain;
}
.m13 .titwrap .downwrap a:hover i{
	background: url(/images/page/m131_down_icon2.png) no-repeat center / contain;
}

.m131 .section{
	width: 95%;
	margin: 0 auto 50px;
	padding-bottom: 220px;
	border-radius: 0 0 50px 50px;
	background: url(/images/page/m131_section_bg.png) no-repeat center bottom / cover;
}
.m131 .section .conwrap{
	width: 100%;
	padding: 40px;
	border-radius: 50px;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
	background: #fff;
}
.m131 .section .conwrap .top{
	width: 100%;
	padding: 50px;
	border-radius: 35px;
	background: url(/images/page/m131_top_bg.png) no-repeat right center #2daae1;
}
.m131 .section .conwrap .top p{
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5em;
	color: #fff;
	text-align: center;
}
.m131 .section .conwrap .mid{
	width: 100%;
	padding: 50px;
	border-bottom: 1px solid #b2b2b2;
	text-align: center;
}
.m131 .section .conwrap .mid p{
	margin-top: 20px;
	font-size: 22px;
	line-height: 1.6em;
	color: #666666;
}
.m131 .section .conwrap .bot{
	margin-top: 40px;
}
.m131 .section .conwrap .bot li{
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	padding: 22px 40px;
	border-radius: 25px;
	background: #f6f6f6;
	box-sizing: border-box;
}
.m131 .section .conwrap .bot li:last-child{
	margin-bottom: 0;
}
.m131 .section .conwrap .bot li span{
	font-family: "Wix Madefor Display";
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #666;
	background: #fff;
}
.m131 .section .conwrap .bot li p{
	width: calc(100% - 36px - 30px);
	margin-left: 30px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.8em;
}

.m132 .section{
	padding: 0 0 200px;
}
.m132 .section .sec_p{
	margin-bottom: 70px;
	font-size:32px;
	font-weight: 500;
	color: #000;
}
.m132 .section .boxwrap{
	width: 100%;
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	padding: 50px 0;
	border-radius: 25px;
	background: #f6f6f6;
}
.m132 .section .boxwrap .tit{
	width: 270px;
	text-align: center;
}
.m132 .section .boxwrap .tit b{
	display: block;
	margin-top: 30px;
	font-size: 26px;
	color: #000;
}
.m132 .section .boxwrap .con{
	width: calc(100% - 270px);
	padding: 10px 60px;
	border-left: 1px solid #666;
}
.m132 .section .boxwrap .con p{
	position: relative;
	padding-left: 15px;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.5em;
	color: #666666;
}
.m132 .section .boxwrap .con p:last-child{
	margin-bottom: 0;
}
.m132 .section .boxwrap .con p:after{
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 8px;
	height: 8px;
	border: 2px solid #999;
	border-radius: 50%;
	box-sizing: border-box;
}
.m132 .section .bot{
	display: flex;
	justify-content: space-between;
}
.m132 .section .bot .con{
	width: 49%;
}
.m132 .section .bot .con .tit{
	width: 100%;
	height: 100px;
	line-height: 100px;
	border-radius: 25px;
	background: rgba(45,170,225,0.1);
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	color: #222;
}
.m132 .section .bot .con .txt{
	width: 100%;
	height: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 18px;
	line-height: 1.5em;
	color: #666666;
	border-bottom: 1px solid #aaa;
}
.m132 .section .bot .con .txt img{
	margin-right: 10px;
}



/* m14 */
.m14{position:relative;padding-bottom: 0px;}
.m14:before{
	display:block;content:"";
	width:881px;height:1068px;
	background:url(/images/page/m14_bg.png) no-repeat;
	position:absolute;right:0;top:-100px;
}
.m14 .slg{position:relative;z-index:10;font-size:32px;color:#000;font-weight:500;line-height:1.3em;}
.m14 .ceo{
	position:relative;z-index:10;margin:210px 2.5% 0;
	background:url(/images/page/m14_ceo_bg.jpg) no-repeat center;
	border-radius:40px;
}
.m14 .ceo .innerwrap{position:relative;height:625px;display:flex;justify-content:flex-end;align-items:center;}
.m14 .ceo .innerwrap .pht{position:absolute;left:0;bottom:80px; width: 50%;}
.m14 .ceo .innerwrap .info{width:50%; padding-left: 5%;}
.m14 .ceo .innerwrap .info .toparea{
	padding-bottom:30px;margin-bottom:40px;
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.m14 .ceo .innerwrap .info .toparea .phd{font-size:18px;color:#2daae1;}
.m14 .ceo .innerwrap .info .toparea .name{font-family: "Wix Madefor Display"; font-size:48px;color:#fff;font-weight:500;}
.m14 .ceo .innerwrap .info .toparea .name span{font-size:26px;font-weight:600;}
.m14 .ceo .innerwrap .info .antecedents{}
.m14 .ceo .innerwrap .info .antecedents ul{}
.m14 .ceo .innerwrap .info .antecedents ul li{
	position:relative;
	padding-left:17px;margin-bottom:10px;
	font-size:17px;color:#fff;
}
.m14 .ceo .innerwrap .info .antecedents ul li:last-child{margin-bottom:0;}
.m14 .ceo .innerwrap .info .antecedents ul li:before{
	display:block;content:"";
	width:8px;height:8px;
	box-sizing:border-box;
	border:2px solid #9ec6dd;border-radius:50%;
	position:absolute;left:0;top:10px;
}
.m14 .employees{
	padding:340px 0 200px;
	margin:-260px 0 0;
	background:#f2f2f2;
}
.m14 .employees>div>ul{display:flex;flex-wrap:wrap;padding-bottom:45px;margin-bottom:80px;border-bottom:2px solid #ddd;}
.m14 .employees>div>ul:last-child{border-bottom:0;}
.m14 .employees>div>ul>li{
	width:49%;
	margin:0 2% 2% 0;
	background:#fff;border-radius:40px;
}
.m14 .employees>div>ul>li:nth-child(2n){margin-right:0;}
.m14 .employees>div>ul>li .pht{
	overflow:hidden;
	box-sizing:border-box;
	border:1px solid #ccc;border-radius:40px;
}
.m14 .employees>div>ul>.boardList:nth-child(1){
	    margin: 0 0 40px;
		border-radius: 40px;
		 width: 100%;
}
.m14 .employees>div>ul>.boardList:nth-child(2){
	width: 100%;
	margin: 0;
}
.m14 .employees>div>ul>.boardList .leftarea{padding: 40px;}

.m14 .employees>div>ul>li .pht img{width:100%;}
.m14 .employees>div>ul>li .info{padding:40px;}
.m14 .employees>div>ul>li .info .toparea{padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #ccc;}
.m14 .employees>div>ul>li .info .board{border:none;margin-bottom: 20px;}
.m14 .employees>div>ul>li .info .toparea .phd{font-size:18px;color:#2daae1;font-weight:600;}
.m14 .employees>div>ul>li .info .toparea .name{font-size:33px;color:#000;font-weight:500;}
.m14 .employees>div>ul>li .info .toparea .name span{font-size:22px;color:#888;font-weight:600;}
.m14 .employees>div>ul>li .info .antecedents{}
.m14 .employees>div>ul>li .info .antecedents ul{}
.m14 .employees>div>ul>li .info .antecedents ul li{
	position:relative;
	padding-left:17px;margin-bottom:10px;
	font-size:17px;color:#000;
}
.m14 .employees>div>ul>li .info .antecedents ul li:last-child{margin-bottom:0;}
.m14 .employees>div>ul>li .info .antecedents ul li:before{
	display:block;content:"";
	width:8px;height:8px;
	box-sizing:border-box;
	border:2px solid #b2b2b2;border-radius:50%;
	position:absolute;left:0;top:10px;
}
.m14 .employees>div>ul>li .info .boardname ul{  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;}
  .m14 .employees>div>ul>li .info .boardname ul li{width: 100%; 
  margin-bottom: 10px; }

.m14 .employees>div>ul>li .info .board .name{font-size:18px;    background: #0b7ab2;
    color: #fff;padding: 7px 46px;    border-radius: 7px;}


/* m15 */
.m15{position:relative;}
.m15 .slg{position:relative;z-index:10;font-size:32px;color:#000;font-weight:500;line-height:1.3em;}
.m15 .history{padding:70px 0 200px;}
.m15 .history>div>ul{position:relative;}
.m15 .history>div>ul:after{
	display:block;content:"";
	width:2px;height:calc(100% - 200px);
	background:#d6d6d6;
	position:absolute;left:115px;top:0;z-index:-1;
	display: none;
}
.m15 .history>div>ul>li{
	position:relative;
	display:flex;
	flex-direction: column;
	align-items: center;
	margin-bottom:100px;
}
.m15 .history>div>ul>li .year{
	position:relative;z-index:10;
	box-sizing:border-box;
	width:232px;height:232px;
	padding:14px;
	background:#fff;
	border:2px solid #f0f0f0;border-radius:50%;
}
.m15 .history>div>ul>li .year:after{
	display:block;content:"";
	width:15px;height:15px;
	box-sizing:border-box;
	background:#fff;
	border:4px solid #d6d6d6;border-radius:50%;
	position:absolute;left:50%;bottom: -4%;
	transform:translateX(-50%);
}
.m15 .history>div>ul>li .year>div{
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100%;
	background:#f9f9f9;
	border-radius:50%;
	text-align:center;
}
.m15 .history>div>ul>li .year>div>div{position: relative; font-family: "Wix Madefor Display";display:flex;flex-wrap:wrap;justify-content:center;font-size:50px;color:#222;font-weight:700;line-height:1em;text-align:center;}
.m15 .history>div>ul>li .year>div>div span{position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(106%); font-size:18px;color:#888;font-weight:400; line-height: 1em;}
.m15 .history>div>ul>li .con{
	display:flex;flex-direction: column; gap: 30px;
	position:relative;
	box-sizing:border-box;
	width:100%;
	padding-top: 98px;
}
.m15 .history>div>ul>li .con:before{
	display:block;content:"";
	width:1px;
	height: 98px;
	border-right:1px dashed #ddd;
	position:absolute;left:50%; transform: translateX(-50%); top: 0;
}
.m15 .history>div>ul>li .con .boxwrap{
	overflow:hidden;
	width: 100%;
	border:1px solid #ccc;border-radius:30px;
}
.m15 .history>div>ul>li .con .boxwrap .tit{
	padding:20px;
	background:#0e71b8;
	font-size:19px;color:#fff;text-align:center;font-weight:500;
}
.m15 .history>div>ul>li .con .boxwrap .list{padding:20px 39px;}
.m15 .history>div>ul>li .con .boxwrap .list dl{
	display:flex;
	align-items: baseline;
	padding:18px 0;
	border-bottom:1px solid #ddd;
}
.m15 .history>div>ul>li .con .boxwrap .list dl:last-child{border:0;}
.m15 .history>div>ul>li .con .boxwrap .list dl dt{font-family: "Wix Madefor Display";
	width:40px;font-size:17px;color:#0e71b8;font-weight:500;text-align:center;line-height:1.5em;
}
.m15 .history>div>ul>li:last-child .con .boxwrap .list dl dt{width:70px;}
.m15 .history>div>ul>li .con .boxwrap .list dl dd{
	box-sizing:border-box;
	width:calc(100% - 40px);
	padding:0 10px;
	font-size:17px;color:#666;text-align:left;line-height:1.7em;font-weight:500;
}
.m15 .history>div>ul>li:last-child .con .boxwrap .list dl dd{width:calc(100% - 70px);}
.m15 .history>div>ul>li .con .boxwrap .list dl dd strong{font-weight:500;color:#000;}
.m15 .history>div>ul>li .con .boxwrap.rnd .tit{background:#2daae1;}
.m15 .history>div>ul>li .con .boxwrap.rnd .list dl dt{color:#2daae1;}


/* m16 */
.m16 .slg{position:relative;z-index:10;font-size:32px;color:#000;font-weight:500;line-height:1.3em;}
.m16 .sec1{
	padding: 80px 0 240px;
}
.m16 .sec1 .mapwrap{
display: flex;gap:2.08vw;
}
.m16 .sec1 .map{
	width: 100%;
	height: 600px;
	border-radius: 50px;
	overflow: hidden;
}
.m16 .sec1 .conwrap{
	margin-top: 50px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.m16 .sec1 .conwrap .titwrap{
	position: relative;
	width: 100%;
	padding: 70px 70px 150px 70px;
	border-radius: 25px;
	background: #2daae2;
	box-sizing: border-box;
}
.m16 .sec1 .conwrap .titwrap p{
	font-size: 41px;
	color: #fff;
	font-weight: 600;
}
.m16 .sec1 .conwrap .titwrap .img{
	position: absolute;
	left: 70px;
	bottom: 0;
}
.m16 .sec1 .infowrap{
	width: 100%;
	padding: 50px 60px;
	border-radius: 25px;
	background: #f6f6f6;
	box-sizing: border-box;
}
.m16 .sec1 .infowrap dl{
	display: flex;
}
.m16 .sec1 .infowrap dl dt{
	width: 240px;
	line-height: 1.9em;
	font-size: 18px;
	font-weight: 700;
	letter-spacing:-0.04em;
}
.m16 .sec1 .infowrap dl dt img{
	margin: 0 15px 0 0;object-fit:contain;
}
.m16 .sec1 .infowrap dl dd{
	width: calc(100% - 240px);
	line-height: 1.9em;
	font-size: 18px;
	color: #666666;
	font-family: "Noto Sans KR";
}

.m2_common{}
.m2_common .boxarea{
border:1px solid #d6d6d6;
border-radius:50px;
overflow:hidden;
}
.m2_common .boxarea .titwrap{
background: #2daae1;display: flex;align-items:center;justify-content:center;
color:#fff;text-align: center;font-family: "Wix Madefor Display";font-weight: 700;
font-size:26px;
height: 90px;
padding: 0 20px;
}
.m2_common .boxarea .conwrap{
padding:0 2.08vw 40px;
}
.m2_common .boxarea .img{margin:120px auto;}
.m2_common .boxarea .img img{margin:0 auto;display: block;max-width:100%;}
.m2_common .boxarea .info{padding-top: 40px;border-top: 1px solid #b2b2b2;display: flex;align-items:center;}
.m2_common .boxarea .info>dt{
width:220px;height:200px;
display: flex;flex-direction:column;align-items:center;justify-content:center;
border-radius:25px;
background: #f6f6f6;
}
.m2_common .boxarea .info>dt .icon{display: block;margin:0 auto;max-width:100%;}
.m2_common .boxarea .info>dt .tag{
display: flex;align-items:center;justify-content:center;
border:1px solid #2daae1;
border-radius:13px;
width:92px;height:26px;
color:#2daae1;
font-size:16px;
margin-top: 20px;
font-weight: 700;
}
.m2_common .boxarea .info>dd{width:calc(100% - 220px);padding-left: 3.13vw;}
.m2_common .boxarea .info>dd>div{
position: relative;
line-height: 1.5em;
color:#666666;font-size:18px;font-family: "Noto Sans KR";
padding-left: 16px;
word-wrap:normal;
word-break:keep-all;
}
.m2_common .boxarea .info>dd>div + div{margin-top: 10px;}
.m2_common .boxarea .info>dd>div:before{
position: absolute;content:'';
width:8px;height:8px;border-radius:50%;
top:11px;left:0;
border:2px solid rgba(0,0,0,0.3);
box-sizing:border-box;
}
.m21 .boxarea .titwrap{font-size:26px;padding: 0 20px;}
.m21 .boxarea .conwrap{padding:40px 2.08vw;}
.m21 .boxarea .conwrap .top_img_g{
display: flex;gap:20px;margin-bottom: 40px;
}
.m21 .boxarea .conwrap .top_img_g .img{
width:calc((100% - 20px) / 2);
background: #f6f6f6;border-radius:25px;
margin:0;
padding:60px 20px;
}
.m21 .boxarea .conwrap .bot_img>img{display: block;margin:0 auto;max-width:100%;}
.m21 .boxarea .conwrap .bot_img p{
margin-top: 30px;
text-align: center;color:#3046e9;font-size:24px;font-weight: 500;font-family: "Noto Sans KR";
}
.m21 .boxarea .conwrap .legend{
margin-top: 40px;border-top: 2px solid #000000;;
padding:30px 0 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 2vw;
row-gap: 10px;
}
.m21 .boxarea .conwrap .legend .l{display: inline-flex;align-items:center;color:#222222;font-size:16px;font-weight: 600;}
.m21 .boxarea .conwrap .legend .l img{margin:0;margin-right: 5px;}


.m22{}
.m22 .publishList{
	margin-bottom: 130px;
}
.m22 .publishList .tit{
	font-size:32px;
	font-weight: 500;
	color: #000;
	margin-bottom: 80px;
}
.m22 .publishList ul{
	display: flex;
	column-gap: 30px;
}
.m22 .publishList li{
	width: calc((100% - 60px) / 3);
}
.m22 .publishList li a{
	display: block;
	width: 100%;
}
.m22 .publishList li a .thumb{
	width: 100%;
	aspect-ratio: 440 / 260;
	border-radius: 35px;
	overflow: hidden;
}
.m22 .publishList li a .thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m22 .publishList li a .info{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 25px 0;
}
.m22 .publishList li a .info .cate{
	display: inline-block;
	padding: 4px 17px;
	border-radius: 7px;
	background: #2daae1;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}
.m22 .publishList li a .info .date{
	font-size: 18px;
	color: #666;
}
.m22 .publishList li a .title{
	font-size: 20px;
	font-weight: 700;
	color: #000;
}


.m22 .pipewrap{}
.m22 .pipewrap + .pipewrap{margin-top: 160px;}
.m22 .pipeline{width:100%;margin: 0 auto;}
.m22 .titwrap{
	background: #2daae1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	font-family: "Wix Madefor Display";
	font-weight: 600;
	font-size: 26px;
	height: 90px;
	border-radius:50px 50px 10px 10px;
	margin-bottom: 20px;
}
.m22 table {
	width: 100%;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
}
.m22 table th {
	padding:20px 0.6vw;
	font-size: 18px;
	color:#000000;
	font-family: "Noto Sans KR";
	font-weight: 500;
	text-align: center;
	position: relative;
	border:1px solid #e5e5e5;
	border-left: 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

.m22 table td {
	text-align: center;
	font-family: "Noto Sans KR";
	font-size: 18px;
	border:1px solid #e5e5e5;
	border-left: 0;
	border-top:0;
	color: #666666;
	font-weight: 400;
	padding: 20px 0.6vw;
	letter-spacing:-0.025em;
}
.m22 table th:last-child,
.m22 table td:last-child{border-right:0;}
.m22 table td.program{padding:20px 0.6vw;}

.m22 table td.tit span{
	display:block;
	color: #666;
	font-size:18px;font-weight: 400;
	line-height: 1.4em;
	font-family: "Noto Sans KR";
}
.m22 table td.program,
.m22 table td.target{}
.m22 table td.indic{line-height: 1.5em;}
.m22 table td.notes{line-height: 1.8em;padding:20px 0;}
.m22 table td.program span{display: block;font-size:16px; color: #5e6c91;font-weight: 400;margin-top: 4px;}


.m22 table td.pipewrap{padding: 0;overflow:hidden;}
.m22 table td .pipe{
	position: relative;
    display: flex;
    width: 100%;
	height:100%;
	min-height: 110px;
}
.m22 table td .pipe .line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
}
.m22 table td .pipe .line>div{
	position: relative;
	
	width: 20%;
    box-sizing: border-box;
    
}
.m22 table td .pipe .line>div:before{
	position: absolute;top:-50px;right:0px;
	background: #e5e5e5;
	width:1px;height:calc(100% + 100px);
	content:'';
	box-sizing:border-box;
	
}
.m22 table td .pipe .line>div:last-child:before{display: none;}



.m23 .pipeline{width:100%; padding-bottom: 30px; overflow-x: auto;}
.m23 .titwrap{
	background: #2daae1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	font-family: "Wix Madefor Display";
	font-weight: 600;
	font-size: 26px;
	height: 90px;
	border-radius:50px 50px 10px 10px;
	margin-bottom: 20px;
}
.m23 table {
    width: 1200px;
    border-bottom: 1px solid #ccc;
	/* border-collapse: collapse; */
}
.m23 table th {
   padding:20px 0.6vw;
    font-size: 18px;
	color:#000000;
	font-family: "Noto Sans KR";
	font-weight: 500;
    text-align: center;
	position: relative;
	border:1px solid #e5e5e5;
	border-left: 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
/* .m23 table th:before,
.m23 table th:last-child:after{
	position: absolute;content:'';
	width:1px;height: 100%;max-height:30px;
	background: rgba(255,255,255,0.3);
	top:0;left:0;
}
.m23 table th:last-child:after{left:auto;right:0;} */

.m23 table td {
    text-align: center;
	font-family: "Noto Sans KR";
	font-size: 18px;
    border:1px solid #e5e5e5;
	border-left: 0;
	border-top:0;
    color: #666666;
	font-weight: 400;
	padding: 0px 0.6vw;
	letter-spacing:-0.025em;
}
.m23 table th:last-child,
.m23 table td:last-child{border-right:0;}
.m23 table td.program{padding:0 0.6vw;}

.m23 table td.tit span{
	display:block;
	color: #666;
	font-size:18px;font-weight: 400;
	line-height: 1.4em;
	font-family: "Noto Sans KR";
}
.m23 table td.program,
.m23 table td.target{}
.m23 table td.indic{line-height: 1.5em;}
.m23 table td.notes{line-height: 1.8em;padding:20px 0;}
.m23 table td.program span{display: block;font-size:16px; color: #5e6c91;font-weight: 400;margin-top: 4px;}


.m23 table td.pipewrap{padding: 0;overflow:hidden;}
.m23 table td .pipe{
	position: relative;
    display: flex;
    width: 100%;
	height:100%;
	min-height: 110px;
}
.m23 table td .pipe .line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
}
.m23 table td .pipe .line>div{
	position: relative;
	
	width: 20%;
    box-sizing: border-box;
    
}
.m23 table td .pipe .line>div:before{
	position: absolute;top:-50px;right:0px;
	background: #e5e5e5;
	width:1px;height:calc(100% + 100px);
	content:'';
	box-sizing:border-box;
	
}
.m23 table td .pipe .line>div:last-child:before{display: none;}
.m23 table td .pipe .percent{
	position: absolute;
    left: 0;
    top:50%;
	transform:translateY(-50%);
    height: 22px;
    background: linear-gradient(to right, #6dcdd6, #3ab8e1, #3377d2);
	background-position:left center;
	border-radius:0px 11px 11px 0px;
}
.m23 table td .pipe .percent.type2{
background: linear-gradient(to right, #6dcdd6, #67cbd7);
background-position:left center;
}
.m23 table td .pipe .percent.w80{width: 80%;}
.m23 table td .pipe .percent.w63{width: 63%;}
.m23 table td .pipe .percent.w57{width: 57%;}
.m23 table td .pipe .percent.w20{width: 20%;}
.m23 table td .pipe .percent.w23{width: 23%;}
.m23 table td .pipe .percent.w27{width: 27%;}
.m23 table td .pipe .percent.w10{width: 10%;}
.m23 table td .pipe .percent .desc{
	position: absolute;
	left:10px;
	bottom:-27px;
	font-size:15px;color:#666;font-weight: 500;font-family: "Noto Sans KR";
}
.m23 table td .pipe .percent .tags{
	position: absolute;
	right:-5px;
	top:50%;
	transform:translate(100%, -50%);
	font-size:12px;color:#0e71b8;font-weight: 700;
	font-family: "Wix Madefor Display";
	text-align: left;
}
.m23 table td .pipe .percent:before{
position: absolute;
content:'';
width: 14px;height: 14px;border-radius:50%;
background: #fff;
top:50%;
right:5px;
transform:translateY(-50%);
}



.m41{}
.m41 .tablewrap{
	width: 100%;
}
.m41 .tablewrap table{
	width: 100%;
}
.m41 .tablewrap table .col1{width: 180px;}
.m41 .tablewrap table .col2{width: calc(100% - 360px);}
.m41 .tablewrap table .col3{width: 180px;}
.m41 .tablewrap table th{
	padding: 20px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 18px;
	font-weight: 500;
	color: #000;
}
.m41 .tablewrap table td{
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}
.m41 .tablewrap table td,
.m41 .tablewrap table td a{
	font-size: 18px;
	color: #666;
}
.m41 .tablewrap table td.date,
.m41 .tablewrap table td.name{
	text-align: center;
}






.bbs{padding-bottom: 220px;}
.bbs .board_skin1{display: flex;flex-wrap:wrap;gap:80px 3.54vw;}
.bbs .board_skin1>li{
position: relative;
width:calc((100% - 3.54vw) / 2);
background: #f9f9f9;
border-radius:45px;
display: flex;flex-direction:column;justify-content:space-between;
}
.bbs .board_skin1>li:before{
	position: absolute;content:'';
	width:1px;height:100%;
	top:0;
	right:calc(-3.54vw / 2);
	background: #e5e5e5;
}
.bbs .board_skin1>li:nth-child(2n):before{display: none;}
.bbs .board_skin1>li a{
	display: block;
}
.bbs .board_skin1>li .infowrap{
padding:80px 2.08vw 60px;box-sizing:border-box;
}
.bbs .board_skin1>li .cate{COLOR:#2daae1;font-weight: 800;font-family: "Wix Madefor Display";font-size:16px;}
.bbs .board_skin1>li .tit{color:#111111;font-size:32px;font-weight: 500;font-family: "Noto Sans KR";
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 두 줄까지만 표시 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 42px;
	height: 2.8em;
	line-height: 1.4em;
}
.bbs .board_skin1>li .txt{
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 두 줄까지만 표시 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#666666;
	font-size:18px;
	font-weight: 400;
	height: 3.4em;
	line-height: 1.7em;
	font-family: "Noto Sans KR";
	margin-top: 20px;
}
.bbs .board_skin1>li .date{margin-top: 60px;color:rgba(102,102,102,0.7);font-size:17px;font-weight: 400;font-family: "Noto Sans KR";}
.bbs .board_skin1>li .btnwrap{width:100%;border-radius:10px 10px 45px 45px;background: #2daae1;overflow:hidden;}
.bbs .board_skin1>li .btnwrap>div{
padding:40px 2.08vw;box-sizing:border-box;
display: flex;align-items:center;justify-content:space-between;
width:100%;overflow:hidden;
position: relative;
}
.bbs .board_skin1>li .btnwrap>div:before{
	position: absolute;content:'';
	width: 100%;height: 100%;
	background: #0e71b8;
	top:0;left:-100%;box-sizing:border-box;
	transition:all 0.4s;
}
.bbs .board_skin1>li:hover .btnwrap>div:before{
left:0;
}
.bbs .board_skin1>li .btnwrap>div>span{
font-size:11px;color:#fff;font-family: "Wix Madefor Display";font-weight: 600;
position: relative;z-index:5;
}
.bbs .board_skin1>li .btnwrap>div>i{
width: 14px;height: 9px;
display: inline-block;position: relative;z-index:5;
background: url(/images/page/bbs_arr.png)no-repeat center / cover;
}


.bbs .board_skin2{
	display: flex;
	flex-direction: column;
	row-gap: 30px;
}
.bbs .board_skin2 li{
	width: 100%;
}
.bbs .board_skin2 li a{
	display: flex;
	align-items: center;
	padding: 50px;
	border-radius: 45px;
	background: #f9f9f9;
	transition: all 0.3s;
}
.bbs .board_skin2 li a:hover{
	box-shadow: inset 0 0 0 2px #2daae1;
}
.bbs .board_skin2 li a .datewrap{
	width: 100px;
	text-align: center;
}
.bbs .board_skin2 li a .datewrap .num{
	font-family: "Wix Madefor Display";
	font-size: 40px;
	font-weight: 800;
	color: #2daae1;
}
.bbs .board_skin2 li a .datewrap .date{
	font-size: 17px;
	color: #999;
}
.bbs .board_skin2 li a .txtwrap{
	position: relative;
	width: calc(100% - 100px);
	padding-left: 80px;
	display: flex;
	align-items: center;
}
.bbs .board_skin2 li a .txtwrap:after{
	content: "";
	position: absolute;
	left: 35px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 100%;
	background: #ccc;
}
.bbs .board_skin2 li a .txtwrap .txts{
	width: calc(100% - 90px);
}
.bbs .board_skin2 li a .txtwrap .txts .tit{
	font-size: 24px;
	font-weight: 500;
	color: #000;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.bbs .board_skin2 li a .txtwrap .txts .con{
	font-size: 18px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.bbs .board_skin2 li a .txtwrap .arr{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #fff;
	margin-left: 40px;
	transition: all 0.3s;
}
.bbs .board_skin2 li a:hover .txtwrap .arr{
	background: #2daae1;
}
.bbs .board_skin2 li a .txtwrap .arr i{
	display: block;
	width: 14px;
	height: 9px;
	background: url(/images/page/bbs_arr_bl.png) no-repeat center / contain;
	transition: all 0.3s;
}
.bbs .board_skin2 li a:hover .txtwrap .arr i{
	background: url(/images/page/bbs_arr.png) no-repeat center / contain;
}












/*paging*/
.paging{margin-top:120px;text-align:center;}
.paging a{font-family:  "Wix Madefor Display";display:inline-block;vertical-align:top;box-sizing:border-box;
width:50px;height:50px;color:rgba(102,102,102,0.5);font-size:18px;line-height:49px;font-weight:500;}

.paging .prev{width: 20px;height: 46px;background: url(/images/page/page_prev.png) no-repeat center;border: 0;margin-right: 40px;}
.paging .next{width: 20px;height: 46px;background: url(/images/page/page_next.png) no-repeat center;border: 0;margin-left: 40px;}

.paging strong{font-family:  "Wix Madefor Display";display:inline-block;vertical-align:top;box-sizing:border-box;width:50px;height:50px;
color:#fff;font-size:16px;line-height:50px;background: #2daae1;border-radius:50%;}
.paging .page_begin{
	width:50px;height:46px;
	background:url(/images/page/page_begin.png) no-repeat center;
	border:0;
}
.paging .page_prev{
	width:50px;height:46px;
	background:url(/images/page/page_prev.png) no-repeat center;
	border:0;margin-right:20px;
}
.paging .page_next{
	width:50px;height:46px;
	background:url(/images/page/page_next.png) no-repeat center;
	border:0;margin-left:20px;
}
.paging .page_end{
	width:50px;height:46px;
	background:url(/images/page/page_end.png) no-repeat center;
	border:0;
}



.bbs_view{}
.bbs_view .titwrap{
	width: 100%;
	padding: 50px 20px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.bbs_view .titwrap .tit{
	font-size: 40px;
	font-weight: 500;
	color: #000;
}
.bbs_view .titwrap .date{
	margin-top: 25px;
	font-size: 22px;
	color: #666;
}
.bbs_view .filewrap{
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.bbs_view .filewrap dl{
	display: flex;
}
.bbs_view .filewrap dl + dl{
	margin-top: 10px;
}
.bbs_view .filewrap dl dt{
	position: relative;
	padding-right: 29px;
	font-size: 18px;
	font-weight: 500;
	color: #000;
	flex-shrink: 0;
}
.bbs_view .filewrap dl dt:after{
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 15px;
	background: #ccc;
}
.bbs_view .filewrap dl dt img{
	margin: 0 10px 4px 0;
}
.bbs_view .filewrap dl dd{
	flex-shrink: 1;
}
.bbs_view .filewrap dl dd a{
	font-size: 18px;
	color: #666;
}
.bbs_view .conwrap{
	padding: 60px 0 120px;
	border-bottom: 1px solid #ccc;
}
.bbs_view .btnwrap{
	margin-top: 100px;
	text-align: center;
}
.bbs_view .btnwrap .btn{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 220px;
	height: 52px;
	background: #2daae1;
	border-radius: 10px;
}
.bbs_view .btnwrap .btn span{
	font-size: 15px;
	font-weight: 500;
	color: #fff;
}
.bbs_view .btnwrap .btn .line{
	width: 15px;
	margin-left: 8px;
}
.bbs_view .btnwrap .btn .line > div{
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
}
.bbs_view .btnwrap .btn .line > div + div{
	margin-top: 3px;
}



/*m51*/
.m51{padding-bottom: 180px;}
.m51 .conarea{display: flex;align-items:center;gap:6vw;}
.m51 .conarea .list{width:32.5%;}
.m51 .conarea .list>li{
padding:60px 2vw;
border-bottom: 1px solid #cccccc;
}
.m51 .conarea .list>li:last-child{border-bottom: 0;}
.m51 .conarea .list>li span{display: block;color:#2daae1;font-weight:bold;font-family: "Wix Madefor Display";
font-size:18px;
}
.m51 .conarea .list>li strong{display: block;color:#111111;font-weight:bold;font-family: "Wix Madefor Display";
font-size:32px;
margin:25px 0;
}
.m51 .conarea .list>li p{
display: block;color:#555555;font-weight:400;font-family: "Noto Sans KR";
font-size:18px;
}
.m51 .conarea .dia{width:calc(100% - 6vw - 32.5%);}


/*m52*/
.m52{padding-bottom: 180px;}
.m52 .welfare{display: flex;flex-wrap:wrap;gap:80px 2.08vw;}
.m52 .welfare>li{width:calc((100% - 2.08vw) / 2);border-bottom: 1px solid #cccccc;padding-bottom: 60px;}
.m52 .welfare>li .img{
width:100%;border-radius:50px;overflow:hidden;
height:240px;
margin-bottom: 50px;
}
.m52 .welfare>li .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m52 .welfare>li .info_g{
position: relative;
box-sizing:border-box;
padding:0 2.08vw;
padding-right: 40px;
}
.m52 .welfare>li .info_g .icon{
	position: absolute;
	top:0;right:0;
}
.m52 .welfare>li .info_g dl dt .slog{display: block;color:#000000;font-size:32px;font-weight: bold;
font-family: "Noto Sans KR";
margin-bottom: 5px;
}
.m52 .welfare>li .info_g dl dt .slog2{display: block;color:#000000;font-size:20px;font-weight: 500;
font-family: "Noto Sans KR";
}
.m52 .welfare>li .info_g dl dd{
margin-top: 40px;
}
.m52 .welfare>li .info_g dl dd>div + div{margin-top: 10px;}
.m52 .welfare>li .info_g dl dd>div{
	position: relative;padding-left: 16px;
	color:#666666;font-size:18px;font-weight: 400;font-family: "Noto Sans KR";
}
.m52 .welfare>li .info_g dl dd>div:before{
position: absolute;content:'';
top:11px;left:0;
border-radius:50%;
box-sizing:border-box;
border:2px solid #cbcbcb;
width:8px;height:8px;
}

.m53{overflow:hidden;padding-bottom: 180px;}
.m53 .conarea{}
.m53 .conarea .step{margin-bottom: 60px;}
.m53 .conarea .step .step-list{
position: relative;
display: flex;align-items:center;

margin:0 auto;
}
.m53 .conarea .step .step-list:before{
	display: block;
	content: "";
	width: 200vw;
	height: 1px;
	background: rgba(0,0,0,0.3);
	position: absolute;
	left: 4.7vw;
	bottom:101px;
	z-index:50;
}
.m53 .conarea .step .step-list li{position: relative;height:300px;}
.m53 .conarea .step .step-list li:before{
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index:11;
border-radius: 150px;	


}
.m53 .conarea .step .step-list li:nth-child(1){width:25%;}
.m53 .conarea .step .step-list li:nth-child(1):before{
width: 61vw;height:300px;
min-width:660px;
background: #e0f2fb;
left:-4vw;
top: 0;
transform:translate(-50%, 0);
}
.m53 .conarea .step .step-list li:nth-child(2){width:32.5%;}
.m53 .conarea .step .step-list li:nth-child(2):before{
width: 100vw;height:300px;
background: rgba(14,113,184,0.8);
left:0vw;
top: 0;
transform:translate(0%, 0);
}
.m53 .conarea .step .step-list li:nth-child(3){width:20%;}
.m53 .conarea .step .step-list li:nth-child(3):before{
width: 300px;height:300px;border-radius:50%;
min-width:300px;
min-height:300px;
background: rgba(245,245,245,0.8);

left:0vw;
top: 0;
transform:translate(0%, 0);
}
.m53 .conarea .step .step-list li:nth-child(4){display: flex;align-items:center;justify-content:start;padding:0;width:22.5%;}
.m53 .conarea .step .step-list li:nth-child(4):before{
width: 30vw;height:300px;
min-width:900px;
background: rgba(45,170,225,0.88);
right:-5vw;
top: 0;
transform:translate(50%, 0);
}
.m53 .conarea .step .step-list li .inner{position: relative;z-index:50;
width:100%;height:100%;
display: flex;justify-content:center;flex-direction: column;
}
.m53 .conarea .step .step-list li:nth-child(1) .inner{padding-left: 4.67vw;}
.m53 .conarea .step .step-list li:nth-child(1) .inner:before{
	position: absolute;content:'';
	background:#000000;width:7px;height:7px;border-radius:50%;
	bottom:98px;left:4.67vw;
	z-index:60;
}
.m53 .conarea .step .step-list li:nth-child(2) .inner{padding-left: 4.67vw;}
.m53 .conarea .step .step-list li:nth-child(2) .inner:before{
	position: absolute;content:'';
	background:#fff;width:7px;height:7px;border-radius:50%;
	bottom:98px;left:4.67vw;
	z-index:60;
}
.m53 .conarea .step .step-list li:nth-child(3){

}
.m53 .conarea .step .step-list li:nth-child(3) .inner{align-items:center;}
.m53 .conarea .step .step-list li:nth-child(3) .inner:before{
	position: absolute;content:'';
	background:#000;width:7px;height:7px;border-radius:50%;
	bottom:98px;right:4.67vw;
}
.m53 .conarea .step .step-list li:nth-child(4) .inner{padding-left: 1.67vw;}
.m53 .conarea .step .step-list li:nth-child(4) .circle{
	position: relative;
	width:140px;height:140px;border-radius:50%;border:1px solid #fff;
	display: flex;align-items:center;justify-content:center;
}
.m53 .conarea .step .step-list li:nth-child(4) .circle:before,
.m53 .conarea .step .step-list li:nth-child(4) .circle:after{
	position: absolute;content:'';
	width: 160px;height: 160px;
	border-radius:50%;border:1px solid rgba(255,255,255,0.5);
}
.m53 .conarea .step .step-list li:nth-child(4) .circle:after{
	width: 180px;height: 180px;border:1px solid rgba(255,255,255,0.25);
}
.m53 .conarea .step .step-list li .num{color:rgba(0,0,0,0.3);font-size:18px;font-weight: 700;margin-bottom: 22px;}
.m53 .conarea .step .step-list li .num.wht{color:rgba(255,255,255, 0.6);}
.m53 .conarea .step .step-list li .title{color:#222;font-size:24px;font-family: "Noto Sans KR";font-weight:700;padding-bottom: 35px;}
.m53 .conarea .step .step-list li:last-child .title{padding-bottom: 0;}
.m53 .conarea .step .step-list li .title.wht{color:#fff;}



/* 반응형 */
.m53 .conarea .step .step-list2 {
	position: relative;
	display: flex;
	align-items: center;
	margin: 40px auto 0;
}
.m53 .conarea .step .step-list2 li {
	position: relative;
	height: 300px;
}
.m53 .conarea .step .step-list2 li:nth-child(1) {
	width: 75%;
}
.m53 .conarea .step .step-list2 li:nth-child(2) {
	width: 25%;
	margin-left: -6vw;
}
.m53 .conarea .step .step-list2 li:before {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 11;
	border-radius: 150px;
}
.m53 .conarea .step .step-list2 li:nth-child(1):before {
	width: 200vw;
	height: 300px;
	min-width: 660px;
	background: #f7f7f7;
	right: 0;
	top: 0;
}
.m53 .conarea .step .step-list2 li:nth-child(2):before {
	width: 200vw;
	height: 300px;
	background: #47b4e5;
	left: 0;
	top: 0;
}
.m53 .conarea .step .step-list2 li .inner {
	position: relative;
	z-index: 50;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: flex-end;
	padding-right: 17vw;
}
.m53 .conarea .step .step-list2 li:nth-child(2) .inner {
	padding-right: 0;
}
.m53 .conarea .step .step-list2 li .num{color:rgba(0,0,0,0.3);font-size:18px;font-weight: 700;margin-bottom: 22px;}
.m53 .conarea .step .step-list2 li .num.wht{color:rgba(255,255,255, 0.6);}
.m53 .conarea .step .step-list2 li .title{color:#222;font-size:24px;font-family: "Noto Sans KR";font-weight:700;padding-bottom: 35px;}
.m53 .conarea .step .step-list2 li:last-child .title{padding-bottom: 0;}
.m53 .conarea .step .step-list2 li .title.wht{color:#fff;}
.m53 .conarea .step .step-list2 li:nth-child(2) .circle{
	position: relative;
	width:140px;height:140px;border-radius:50%;border:1px solid #fff;
	display: flex;align-items:center;justify-content:center;
}
.m53 .conarea .step .step-list2 li:nth-child(2) .circle:before,
.m53 .conarea .step .step-list2 li:nth-child(2) .circle:after{
	position: absolute;content:'';
	width: 160px;height: 160px;
	border-radius:50%;border:1px solid rgba(255,255,255,0.5);
}
.m53 .conarea .step .step-list2 li:nth-child(2) .circle:after{
	width: 180px;height: 180px;border:1px solid rgba(255,255,255,0.25);
}

.m53 .conarea .step .step-list2 li:nth-child(1) .inner:before {
	position: absolute;
	content: '';
	background: #000000;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	bottom: 98px;
	right: 17.5vw;
	z-index: 60;
}
.m53 .conarea .step .step-list2 li:nth-child(1) .inner:after {
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, 0.3);
	width: 200vw;
	height: 1px;
	border-radius: 50%;
	bottom: 101px;
	right: 17.5vw;
	z-index: 60;
}




.m53 .conarea .info{background: #f5f5f5;border-radius:30px;padding:65px 5.2vw;padding-right: 45px;display: flex;}
.m53 .conarea .info .title{color:#222222;font-size:30px;font-family: "Noto Sans KR";font-weight:700;}
.m53 .conarea .info .address{padding-left: 8.3vw;}
.m53 .conarea .info .address .list{margin-bottom: 40px;}
.m53 .conarea .info .address .list>li{
	color:#666666;font-size:18px;font-family: "Noto Sans KR";font-weight:400;margin-bottom: 10px;
	position: relative;padding-left: 16px;
}
.m53 .conarea .info .address .list>li:before{
position: absolute;content:'';
top:11px;left:0;
border-radius:50%;
box-sizing:border-box;
border:2px solid #ababab;
width:8px;height:8px;
}
.m53 .conarea .info .address .links{
display: flex;align-items:center;
}
.m53 .conarea .info .address .links .bar{
display: inline-block;margin:0 15px;width:1px;height:16px;
background: #c7c7c7;
}
.m53 .conarea .info .address .links * {
color:#111111;font-weight: 400;font-size:18px;
}
.m53 .conarea .info .address .links b{font-weight: bold;display: inline-block;margin-right: 3px;}
.m53 .conarea .info .address .links .mail>span{display: inline-block;margin-left: 3px;text-decoration:underline;font-weight: 500;}