.sub_container{ padding:20px 0 50px 0;  z-index:1}
#pageTitle{font-size:2em; line-height:100%; padding:20px 0; font-weight:700; border-bottom:1px solid #EEE; margin-bottom:40px; }

.pageContent{ font-size:1em;  line-height:180%;    position:relative; zoom:1; word-break:keep-all;}
.pageContent:after {display:block;visibility:hidden;clear:both;content:""}

.fmm{font-family:"Nanum Myeongjo";}
.pageContent h1,
.pageContent h2,
.pageContent h3,
.pageContent h4,
.pageContent h5,
.pageContent h6{position:relative; margin:0; line-height:150%;}

.pageContent h1{font-size:2.5em; }
.pageContent h2{font-size:2.0em; }
.pageContent h3{font-size:1.8em; }
.pageContent h4{font-size:1.6em; }
.pageContent h5{font-size:1.3em; }
.pageContent h6{font-size:1.1em; }

	@media (max-width:736px){
		.pageContent h1{font-size:1.6em; }
		.pageContent h2{font-size:1.5em; }
		.pageContent h3{font-size:1.4em; }
		.pageContent h4{font-size:1.3em; }
		.pageContent h5{font-size:1.2em; }
		.pageContent h6{font-size:1.1em; }
	}


.pageContent strong{font-weight:700}
.pageContent b{font-weight:800}
.pageContent .tc{text-align:center;}
.pageContent .tl{text-align:left}
.pageContent .tr{text-align:right}
.pageContent img{max-width:100%}


.cfm{color:#82c241; }
.cfm3{color:#93614a; }
.cfB{color:#000; }
.cfh{color:#999; }
.cfr{color:#F44; }
.cfb{color:#1c8cc1; }
.cfb1{color:#3d8cb9; }
.cfb2{color:#243e86; }
.cfg{color:#3db9ac; }
.cfy{color:#ffcc00; }
.cfw{color:#FFF; }

.cbm{background:#82c241; color:#FFF; }
.cbmp{background:#82c241; color:#FFF; padding:.5%;}
.cbm2{background:#d84270; color:#FFF; }
.cbh{background:#afafaf; color:#FFF; }

.cbB{background:#000; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cbr{background:#F44; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cbb{background:#39F; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cbg{background:#3db9ac; color:#FFF; padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cby{background:#ffcc00;  padding:.1em .3em; vertical-align:middle; display:inline-block; }
.cbw{background:#fff;  padding:.1em .3em; vertical-align:middle;  }





.pageContent p{padding:10px 0; }
.pageContent ul{padding:10px 0px 0 16px; list-style-type: disc;}
.pageContent ul ul{list-style-type: circle;}
.pageContent ul ul ul{list-style-type: square;}
.pageContent ol{padding:10px 0px 0 30px; list-style-type: decimal-leading-zero;}
.pageContent ol ol{list-style-type: lower-alpha; }
.pageContent ol ol ol{list-style-type: upper-roman; }
.pageContent li{line-height:150%; margin-bottom:6px;}
.pageContent ol.ol_table{width:300px; }
.pageContent ol.ol_table li{background:url(./img/dot.gif) center repeat-x; position:relative; }
.pageContent ol.ol_table li span{background:#FFF}
.pageContent ol.ol_table li em{background:#FFF; position:absolute; top:0; right:0; }


.pageContent u{text-decoration:underline; }
.pageContent .link{text-decoration:underline; color:#1d70bd}
.pageContent i{font-style:italic; }
.pageContent .iconfont{font-style:normal; }
.pageContent em{font-style:italic; }
.pageContent small{font-size:.8em; opacity:.8}
.pageContent .small{font-size:.8em; opacity:.8}

.pageContent dl.dl{overflow:hidden; position:relative; margin:10px 0}
.pageContent dl.dl dt{float:left;clear:both;margin-right:9px;padding-bottom:6px;  color:#333; font-weight:800;}
.pageContent dl.dl dd{_display:inline-block;overflow:hidden;padding-bottom:6px;  zoom:1}
.pageContent dl.dl dd:after{display:block;clear:both;content:''}


.sub_header{position:relative; padding:40px;  padding-left:420px;   background-repeat:no-repeat; background-position:left top;  }
.sub_header h3{margin:0;  }
.sub_header aside{position:absolute; top:0; left:0; z-index:-1;}
.sub_header.nm{padding:50px 75px;}



.pageContent .title{z-index:1; margin:0; padding:10px 0; font-weight:600 ;  overflow:hidden;}
.pageContent .title:before{  display:block; line-height:50%; content:"―"; }

.pageContent > section{position:relative;  margin:50px 75px; }

.pageContent article{_display:inline-block; overflow:hidden; zoom:1}
.pageContent article:after{display:block;clear:both;content:''}




.pageContent .w50px{width:50px;}
.pageContent .w100px{width:100px;}
.pageContent .w150px{width:150px;}
.pageContent .w200px{width:200px;}
.pageContent .w300px{width:300px;}
.pageContent .w400px{width:400px;}
.pageContent .w500px{width:500px;}


.table_s{width:100%;  border-top:2px solid #1d70bd; }
.table_s.center{text-align:center;}
.table_s thead th{font-weight:bold; border-bottom:1px solid #DDD;  padding:20px 0; text-align:center;}
.table_s tbody th{padding:15px 0; background:#F9F9F9; border-bottom:1px dashed #DDD;text-align:center;}
.table_s tbody td{padding:15px; border-bottom:1px dashed #DDD;}




.pageContent .ols_1{counter-reset:sign-num; list-style:none; padding:0; margin:0; margin-top:20px;}
.pageContent .ols_1 li {padding-left:44px;}
.pageContent .ols_1 li:before {counter-increment:sign-num; content:'0'counter(sign-num); display:inline-block; width:34px;height:34px;  margin-left:-44px; border-radius:50%;background-color:#42b5b7;color:#fff;font-size:1.1em;letter-spacing:-0.6px;line-height:34px;text-align:center;margin-right:10px;}
.pageContent .ols_1 li h6{font-weight:bold; display:inline-block; padding:0; margin:0; }

.pageContent .uls_1{padding:0; margin:10px 0;  list-style:none; padding-left:20px;}
.pageContent .uls_1 li{position:relative; padding:8px 0}
.pageContent .uls_1 li:after{position:absolute; left:-20px;border-bottom:1px dashed #DDD; bottom:0;  right:0; content:""; }
.pageContent .uls_1 li:before{content:"\f14a";font-family:'fontawesome'; color:#999; display:inline-block; width:20px; margin-left:-20px;}



dl.step{text-align:center;   display: -webkit-flex; display: flex; flex-wrap:wrap; justify-content:center}
dl.step dd{ position:relative; border:1px solid #DDD; border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #DDD; box-sizing:border-box; width:22%;   margin-left:4%; margin-bottom:2%;  }
dl.step dd:after{position:absolute; top:0; bottom:0; width:20%;  left:-20%;  color:#999; display: -webkit-flex; display: flex; align-items:center; justify-content:center; font-size:2em; font-family:'fontawesome'; content:'\f0a9'}
dl.step dd:first-child{margin-left:0}
dl.step dd:first-child:after{display:none;}
dl.step dd strong{display:block; font-size:2em;  color:#1d70bd; padding:4%; line-height:100%;}
dl.step dd h4{margin:0; background:#1d70bd; color:#FFF; line-height:200%;}
dl.step dd p{padding:8% 0%; line-height:120%;  }


.dlw{text-align:center;position:relative;  }
.dlw dl{text-align:center;  margin:-1%; position:relative; display: -webkit-flex; display: flex; flex-wrap:wrap; justify-content:center}
.dlw dl.nowrap{flex-wrap:nowrap; }
.dlw dd{ position:relative; border:1px solid #DDD; overflow:hidden; border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #DDD; box-sizing:border-box; width:23%;   margin:1%;  }
.dlw dd h4{margin:0; background:#1d70bd; color:#FFF; line-height:200%; padding:5% 0;font-family:"Microsoft Yahei","NanumSquare", "맑은 고딕","Nanum Gothic","Gulim", "dotum",Helvetica, sans-serif; }
.dlw dd h5{margin:0; border-bottom:1px solid #EEE; background:#FAFAFA; line-height:200%; padding:5% 0}
.dlw dd p{padding:8% 0%; line-height:120%;  }

 dl.dlc{text-align:center;  display: -webkit-flex; display: flex; }
dl.dlc dd{  position:relative;  overflow:hidden;  box-sizing:border-box;  margin-right:1%; }
dl.dlc dd i{font-size:3em; background:#FFF; color:#1d70bd; display:inline-block;border:1px solid #DDD;  padding:30px; margin-bottom:10%; border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;line-height:100%;}

.comma{font-size:1.1em;}
.comma:before,
.comma:after{ display:inline-block;  font-size:1.6em; font-family:"iconfont"; color:#DDD; vertical-align:middle;}
.comma:before{content:"\e61c";  margin-top:-2%; margin-right:1%;  }
.comma:after{content:"\e61e" ;  margin-left:1%;}

 .lrbox aside{float:left; clear:both; width:15%;}
 .lrbox h4{float:left; clear:both; width:15%;}
 .lrbox article{position:relative; padding:1% 0 1% 2%;}
 .lrbox article:before{ position:absolute; left:0; top:15px; bottom:15px; right:0; border-left:1px dashed #aaa; content:""}

 .lrbox2{ border-top:1px dashed #DDD;}
 .lrbox2 dd{padding:2% 0; border-bottom:1px dashed #DDD;}
 .lrbox2 dd:after{display:block;clear:both;content:''}
 .lrbox2 aside{float:left; clear:both; width:15%;}
 .lrbox2 article{position:relative;  }



	.s1_1 .s1{float:right; width:500px; margin-left:50px;    background:#F6F6F6}
	.s1_1 .s2{}
	@media (max-width:736px){
	.s1_1 .s1{ width:40vw; margin-left:2vw; }
	}
    .cbmp{background:#82c241; color:#FFF; padding:.5%;}
	.s1_2 dl{display: -webkit-flex; display: flex;   justify-content:space-between; flex-flow:wrap; margin:-1%; text-align:center;   }
	.s1_2 dl dd{ width:48%;  margin:1%;  float:left; border:1px  solid #ddd;   box-sizing:border-box;  color:#FFF;}
	.s1_2 dl dd:nth-child(2n+1){clear:both;}
	.s1_2 dl dd h6{color:#83c241; margin-top:20px;}
	.s1_2 dl dd h4 strong{ font-family:"Nanum Myeongjo"; display:block; font-size:1.2em; color:#f7fc79}
	.s1_2 dl dd header{background:#335c7d; padding:30px 0;}
	.s1_2 dl dd article{background:#FFF; padding-bottom:30px; color:#333;}
	.s1_2 dl dd ul{display:inline-block;  margin-top:20px; text-align:left;}

	@media (max-width:736px){
	.s1_2 dl{display:block; margin:0;}
	.s1_2 dl dd{ width:auto;  margin:1% 0;  float:none;  }
	.s1_2 dl dd h6{margin-top:10px;}
	.s1_2 dl dd h4 strong{  display:inline; padding-left:10px;}
	.s1_2 dl dd header{ padding:10px 0;}
	.s1_2 dl dd article{  padding-bottom:10px; }
	.s1_2 dl dd ul{ display:block; margin-left:10vw; margin-top:10px;  }
	}




	.s1_4 dl{margin:0 auto; width:900px; background-color:transparent }
	.s1_4 dd{border:1px solid #DDD; margin-bottom:-1px; }
	.s1_4 dt{border:1px solid #DDD;  background-color:transparent }
	.s1_4 dd:after {display:block;visibility:hidden;clear:both;content:""}
	.s1_4 dt:after {display:block;visibility:hidden;clear:both;content:""}
	.s1_4 strong {width:25%; float:left; text-align:center; background:#82c241; color:#FFF; font-size:1.2em; padding:20px 0}
	.s1_4 span {width:65%; float:left; text-align:left; text-align:left;  font-size:1.2em; padding:20px 0 20px 10%}
	.s1_4 dt strong {width:25%; float:left; text-align:center; background:#999; color:#FFF; font-size:1.2em; padding:20px 0}
	@media (max-width:736px){
	.s1_4	 {background-image: none; background-position: right bottom;  padding-bottom:50px;}
	.s1_4 dl{ width:auto}
	.s1_4 strong { font-size:1em; padding:10px 0}
	.s1_4 span { font-size:1em; padding:10px 0; text-align:center}
	.s1_4 dt strong { font-size:1em; padding:10px 0}
	}



	.s2_1 .s1{background:#FFF; border-top:1px solid #DDD; border-bottom:1px  solid #DDD; }
	.s2_1 .s1:after{display:block;clear:both;content:''}
	.s2_1 .s1 img{float:left; width:500px;}
	.s2_1 .s1 dl{_display:inline-block; overflow:hidden; zoom:1; height:306px; display: -webkit-flex; display: flex; justify-content:center; flex-flow:wrap;align-items:center }
	.s2_1 .s1 dl:after{display:block;clear:both;content:''}
	.s2_1 .s1 dl dd{background:#F6F6F6; width:30%; margin:1% ; font-size:1.1em; text-align:center; border:1px solid #EEE; padding:20px 0;border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px; }
	@media (max-width:736px){
	.s2_1 .s1 img{float:none; width:auto;}
	.s2_1 .s1 dl{height:auto; padding:10px 0; margin:-.5%}
	.s2_1 .s1 dl dd{ width:32.33%; margin:.5% ; font-size:1em; box-sizing:border-box; padding:10px 0;border-radius:5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; }

	}
	.s2_3 .s1{  }
	.s2_3 .s1 dl{overflow:hidden; position:relative;  padding:20px 0}
	.s2_3 .s1 dt{float:left;clear:both; width:120px; font-weight:700; background:#335c7d; padding:6px 10px; border-radius: 50px;-moz-border-radius: 50px; -webkit-border-radius: 50px;  color:#FFF; margin-right:30px; text-align:center;}
	.s2_3 .s1 dd{_display:inline-block;overflow:hidden; zoom:1; padding-left:30px; border-left:2px solid #DDD}
	.s2_3 .s1 dd:after{display:block;clear:both;content:''}

	@media (max-width:736px){
	.s2_3 .s1 dt{float:none; width:auto; padding:6px 10px; margin-right:0; margin-bottom:5vw;}
	.s2_3 .s1 dd{  padding-left:10px; border-left:1px solid #DDD}

	}
	.s2_4 .s1{  }
	.s2_4 .s1 dl{overflow:hidden; position:relative;  padding:20px 0}
	.s2_4 .s1 dt{float:left;clear:both; width:120px; font-weight:700; background:#335c7d; padding:6px 10px; border-radius: 50px;-moz-border-radius: 50px; -webkit-border-radius: 50px;  color:#FFF; margin-right:30px; text-align:center;}
	.s2_4 .s1 dt.d{background:#AAA}
	.s2_4 .s1 dd{_display:inline-block;overflow:hidden; zoom:1; padding-left:30px; border-left:2px solid #DDD}
	.s2_4 .s1 dd:after{display:block;clear:both;content:''}

	@media (max-width:736px){
	.s2_4 .s1 dt{float:none; width:auto; padding:6px 10px; margin-right:0; margin-bottom:5vw;}
	.s2_4 .s1 dd{  padding-left:10px; border-left:1px solid #DDD}

	}
	.s3_1 .img3_1{float:right; width:auto; margin-left:50px;}
	.s3_1 article h2{color:#999; }
	.s3_1 article h1{margin-top:20px; margin-bottom:40px}
	.s3_1 article h1 strong{color:#82c241;}
	.s3_1 article   img{width:200px;}
	@media (max-width:736px){
	.s3_1 .img3_1{float:none; margin-left:0; margin-bottom:5vw;}
	.s3_1 article{text-align:center}
	.s3_1 article h1{margin-top:3vw; margin-bottom:5vw}
	.s3_1 article   img{width:40vw;}
	}
	.s3_2 .img3_2{width:400px; height:600px; background:#EEE; margin-right:50px; float:left; clear:both;}
	.s3_2 .img3_2_1{position:absolute; top:0; right:0; width:140px;}
	.s3_2 article dl{margin-top:40px;}
	.s3_2 article dt{margin-top:15px}
    .img3_2_left  {width:400px; background:#EEE; margin-right:50px; float:left; clear:both;}
	.img3_2_left img	{width:100%;}
	.img3_1_2			{width:100%;  float:left; margin-top:80px;}
	.img3_1_2 img		{width:100%}

	@media (max-width:736px){
	.s3_2 .img3_2{width:auto; height:0; padding-top:120%;  margin-right:0; float:none; margin-bottom:5vw;}
	.s3_2 .img3_2_1{position:absolute; top:-10vw; right:-10vw; width:140px;}
	.s3_2 article dl{margin-top:5vw;}
	.s3_2 article dt{margin-top:2vw}

	.img3_2_left  {width:100%;  margin-right:0; float:none; margin-bottom:5vw; overflow: hidden}
	}
	.s4_1 .s1{  }
	.s4_1 .s1 dl{overflow:hidden; position:relative;  padding:20px 0}
	.s4_1 .s1 dt{float:left;clear:both; width:120px; font-weight:700; background:#335c7d; padding:6px 10px; border-radius: 50px;-moz-border-radius: 50px; -webkit-border-radius: 50px;  color:#FFF; margin-right:30px; text-align:center;}
	.s4_1 .s1 dd{_display:inline-block;overflow:hidden; zoom:1; padding-left:30px; border-left:2px solid #DDD}
	.s4_1 .s1 dd:after{display:block;clear:both;content:''}

	@media (max-width:736px){
	.s4_1 .s1 dt{width:70px;  margin-right:10px; }
	.s4_1 .s1 dd{  padding-left:10px; margin-top:7px; border-left:1px solid #DDD}
	}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/




.pageContent .box1{background-color:#eaf5fa;  padding:45px;}


@media (max-width:767px){

}
	.dmap{position:relative; padding-top:47.65%;  }
	.dmap .root_daum_roughmap{position:absolute; top:0; right:0; width:100%; height:100%;}
	.dmap .wrap_map{width:100%; height:100% !important;}
	.dmap .wrap_controllers{display:none;}
	.dmap > p{position:absolute; left:0; right:0; bottom:0; padding:10px 20px; background:rgba(0,0,0,.5); color:#FFF; z-index:2;}
	.location{}
	.location:after {display:block;visibility:hidden;clear:both;content:""}
	.location article{width:65%; float:left; border:1px  solid #EEE; padding:40px 40px 21px 40px; box-sizing:border-box;}
	.location article h3{margin-bottom:21px;color:#777;}
	.location article h3 strong{font-size:1.4em; color:#16012f;font-weight:800; vertical-align:middle; padding-left:30px}
	.location article h4{ background:#f39800; margin:0;   margin-right:20px;color:#fff; padding:40px 0; width:200px; text-align:center; float:left; clear:both; font-weight:700}
	.location article h4 img{width:80px; display:block; margin:10px auto;}
	.location article dl{_display:inline-block; overflow:hidden;  border-top:1px dashed #DDD;     zoom:1 }
	.location article dl:after{display:block;clear:both;content:''}
	.location article dt{float:left; clear:both; width:100px;  border-bottom:1px dashed #DDD; line-height:41px;color:#666; font-weight:bold;font-size:1.2em; zoom:1; padding:15px;}
	.location article dd{_display:inline-block; overflow:hidden; border-bottom:1px dashed #DDD;  line-height:41px; font-size:1.0em; zoom:1; padding:15px;}
	.location article dd.red{_display:inline-block; overflow:hidden; border-bottom:1px dashed #DDD; color:#e73e6d;  line-height:41px; font-size:1.2em; zoom:1}
	.location article dd:after{display:block;clear:both;content:''}
	.location article .tc{ text-align:left;}
	.location aside{width:35%; float:left; box-sizing:border-box; padding:95px 60px; background:#f39800}
	.location aside a{display:block; border:1px solid #FFF; color:#fff;font-weight:bold; font-size:1.4em; line-height:60px; text-align:center; margin:24px 0;}
	.location aside a:hover{background:#FFF; color:#16012f;font-weight:bold;}

@media (max-width:767px){
	.location article{width:auto; float:none;  padding:20px;  }
	.location article h3{margin-bottom:6vw; font-size:7vw}
	.location article h3 strong{padding-left:0px;white-space: nowrap;}
	.location article h4{margin-top:0;  padding:10px 0; width:auto; float:none; }
	.location article h4 img{width:30px; display:inline; }
	.location article dl{ padding-left:0}
	.location article dl:after{display:block;clear:both;content:''}
	.location article dt{width:80px;   line-height:39px;}
	.location article dd{line-height:39px; font-size:1.2em;  }
	.location aside{width:auto; float:none;  padding:20px; }
	.location aside:after{display:block;clear:both;content:''}
	.location aside a{ font-size:1.2em; line-height:50px; width:48%; margin: 1%; float:left; box-sizing:border-box;}

/*
 dl.dlw{text-align:center; display: -webkit-flex; display: flex; justify-content:space-between}
 dl.dlw > dd{position:relative; box-sizing:border-box;  }
 dl.dlw > dd h5{background:#FFF;  padding:20px 0;box-sizing:border-box; margin:0; }
 dl.dlw > dd h6{margin-top:10px; line-height:120%;}
 dl.dlw.w0 > dd{width:0;  flex-grow:1;}

 dl.dlw.line > dd{width:238px; height:238px; background:url(../img/dls_c_line.png); background-size:cover; display: -webkit-flex; display: flex;  justify-content:center; align-items:center}
 dl.dlw.line.s > dd{width:160px; height:160px; background:url(../img/dls_c_line.png); background-size:cover; display: -webkit-flex; display: flex;  justify-content:center; align-items:center}
 dl.dlw.cl{justify-content:flex-start; }
 dl.dlw.cl dd{ margin-right:30px }

 dl.dlw.cc{justify-content:center; }
 dl.dlw.cs{justify-content:space-around; }

dl.dlw.m5 {margin:-.5%;}
dl.dlw.m5 > dd{margin:.5%;   }

dl.dlw.box {margin:-.5%;}
 dl.dlw.box > dd{margin:.5%; border:1px solid #DDD;   }

 dl.dlc{ display: -webkit-flex; display: flex; justify-content:space-between}
 dl.dlc > dd{position:relative; box-sizing:border-box; width:185px; height:185px; text-align:center; background:#e1e1e1; border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; }
 dl.dlc > dd strong{font-size:45px; display:block; line-height:120%; padding-top:10%;  color:#FFF;}

 dl.dlc.lc > dd{display: -webkit-flex; display: flex;  justify-content:center; align-items:center}
 dl.dlc.lc > dd strong{padding:0;}

 dl.dlc.cl{justify-content:flex-start; }
 dl.dlc.cl dd{ margin-right:30px }

 dl.dlc.cc{justify-content:center; }
 dl.dlc.cc dd{ margin:0 15px }

 dl.dlc.w150  dd{ width:150px; height:150px; }
 dl.dlc.w150  dd strong{font-size:40px;   }

  dl.dlc.auto{position:relative; z-index:1;}
  dl.dlc.auto > dd{margin:6% .5%; height:auto; background:transparent;}
  dl.dlc.auto > dd:before{position:absolute; width:100%; height:0; padding-top:100%;  z-index:-1; left:0; top:50%;  margin-top:-50%; background:#e1e1e1; border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; content:"";}

  dl.dlc.colorW > dd{background:#FFF;}

dl.dlc2{ display: -webkit-flex; display: flex; justify-content:space-between}
dl.dlc2 dd{position:relative; width:0; width:0;  flex-grow:1; margin:0 .5%; }
dl.dlc2 dd article{position:relative;   width:100%; height:0; padding-top:100%;background:#e1e1e1; border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;  }
dl.dlc2 dd article p{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;  padding:0; margin:0;  text-align:center; display: -webkit-flex; display: flex;  align-items:center;justify-content:center;   }

.dls_1{counter-reset: sign-num;}
.dls_1 > dd{border:1px solid #DDD; padding:25px; margin: 15px 0;  display: -webkit-flex; display: flex;  align-items:center}
.dls_1 > dd:before {counter-increment:sign-num; content:counter(sign-num); font-size:90px;  text-align:center;   color:#e1e1e1; line-height:100%; flex-shrink:0; padding:0 20px}
.dls_1 > dd h3 {font-weight:800; margin:0;    text-align:center;    flex-shrink:0; flex-basis:180px;}
.dls_1 > dd aside { flex-shrink:0; flex-basis:180px; padding-right:20px; }
.dls_1 > dd article { flex-shrink:1; }


.flex{display:flex;flex-flow:wrap;  }
.flex dt{position:relative; }
.flex dd{position:relative;  padding-right:30px;   width:0;  flex-grow:1; box-sizing:border-box;  }


dl.s42{position:relative; padding:80px 0;}
dl.s42 dd{ position:absolute; border:2px solid #3c73b9; width:150px; height:150px; text-align:center; display: -webkit-flex; display: flex;  align-items:center;justify-content:center;border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; }
dl.s42 dd:nth-child(1){ left:10%; top:10%;}
dl.s42 dd:nth-child(2){ right:10%; top:10%;}
dl.s42 dd:nth-child(3){ left:20%; bottom:10%;}
dl.s42 dd:nth-child(4){ right:20%; bottom:10%;}

dl.s42 dt{position:relative;  margin:0 auto; width:200px; text-align:center; font-size:2em; height:200px; font-weight:700; line-height:120%; display: -webkit-flex; display: flex;  align-items:center;justify-content:center;color:#FFF;}
dl.s42 dt:before{position:absolute; left:0; top:0; border-style:solid; border-color:transparent; border-width:0 100px 60px 100px;  border-bottom-color:#3c73b9; z-index:-1;  content:"";}
dl.s42 dt:after{position:absolute; left:0; top:60px; width:120px; border-style:solid; border-color:transparent; border-width:120px 40px 0 40px;  border-top-color:#3c73b9; z-index:-1;   content:"";}
*/