.sub_container{ padding:60px 0;  z-index:1}
.pageContent{   line-height:180%;    position:relative; zoom:1; word-break:keep-all;}
.pageContent:after {display:block;visibility:hidden;clear:both;content:""}

@media (max-width:767px){
.sub_container{ padding:30px 0;  z-index:1}
.pageContent{ font-size:13px;  line-height:180%; }
}

.pageContent .fmm{font-family:'Nanum Myeongjo', sans-serif;}
.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:767px){
.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%}


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

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

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





.pageContent p{padding:10px 0; }

.pageContent ul{padding:0; margin:10px 0;  list-style:none; padding-left:15px;}
.pageContent ul li{position:relative; padding:3px 0}
.pageContent ul li:before{content:'- '; display:inline-block; width:15px; margin-left:-15px;}



.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 big{font-size:1.2em;  }
.pageContent .big{font-size:1.2em;}

.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:"―"; color:#f39800 }

.pageContent .title2{z-index:1; margin:0; padding:.2em 0; font-weight:600 ;   overflow:hidden;}
.pageContent .title2:before{ display:inline-block; width:.2em; height:.2em; background:#f39800;vertical-align:middle; margin-right:10px; content:""; }
.pageContent  h5.title2:before{  background:#555; }

.pageContent > section{position:relative;   }

.pageContent article{_display:inline-block; overflow:hidden; zoom:1}
.pageContent article:after{display:block;clear:both;content:''}
@media (max-width:767px){
.pageContent article.m_no{overflow:visible}
}



.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: counter(sign-num); display:inline-block; width:34px;height:34px;  margin-left:-44px; border-radius:50%;background-color:#f39800;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 .ols_1.w2:after{display:block;clear:both;content:''}
.pageContent .ols_1.w2 li {float:left; width:50%; box-sizing:border-box;}
.pageContent .ols_1.w2 li:nth-child(2n+1) {clear:both;}

.pageContent strong.num{display:inline-block; width:34px;height:34px;    border-radius:50%;background-color:#f39800;color:#fff;font-size:1.1em;letter-spacing:-0.6px;line-height:34px;text-align:center;margin-right:10px;}

@media (max-width:767px){
.pageContent strong.num{display:inline-block; width:34px;height:34px;    border-radius:50%;background-color:#f39800;color:#fff;font-size:1.1em;letter-spacing:-0.6px;line-height:34px;text-align:center;margin-right:10px;}
}

dl.step{text-align:center;   display: -webkit-flex; display: flex; flex-wrap:wrap; justify-content:space-between}
dl.step dd{ position:relative; width:0; flex-grow:1; background:#f6f6f6;  border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #DDD; padding:20px 0; box-sizing:border-box;display: -webkit-flex; display: flex; align-items:center; justify-content:center;    }
dl.step .arrow{ position:relative; width:50px;  }
dl.step .arrow:after{position:absolute;  left:0; right:0; top:50%; margin-top:-25px; height:50px; line-height:50px;  color:#999;  font-size:2em; font-family:'fontawesome'; content:'\f0a9'}
dl.step dd:first-child{margin-left:0}
@media (max-width:767px){
dl.step dd{  padding:10px 0;  }
dl.step .arrow{ position:relative; width:20px;  }
dl.step .arrow:after{ margin-top:-10px; height:20px; line-height:20px;   font-size:1.5em;  }

}


 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%;}





	.s1_1{}
	.s1_1 h2{line-height:50px;}
	.s1_1 aside{width:450px; float:left; height:660px; margin-right:5%;    position:relative;  background:#eee; background-position:center; background-size:cover;}
	.s1_1 article{　}



@media (max-width:767px){
	.s1_1{}
	.s1_1 h2{line-height:50px;}
	.s1_1 aside{width:100%; float:none; height:0; margin-right:0; padding-top:120%;    }
	.s1_1 article{　}


}
	.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}
	.location article dd{_display:inline-block; overflow:hidden; border-bottom:1px dashed #DDD;  line-height:41px; font-size:1.2em; zoom:1}
	.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){


}
@media (max-width:767px){
	.dmap{position:relative; padding-top:0;  }
	.dmap .root_daum_roughmap{position:relative; top:0; right:0; width:100%; height:50vw;}
	.dmap > p{position:relative; left:0; right:0; bottom:auto; padding:10px 20px; background:rgba(0,0,0,.5); color:#FFF; z-index:2;}
	.location article{width:auto; float:none;  padding:20px;  }
	.location article h3{margin-bottom:6vw; font-size:5.3vw}
	.location article h3 strong{padding-left:0px;white-space: nowrap;}
	.location article h4{margin-top:0;margin-right:0;  padding:0 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;}

}
/*서브페이지 하단 공통*/
	.subB{margin-top:80px; padding:130px 0; background:url(../sub/img/sub_banner.jpg);background-position:center top; background-repeat:no-repeat; margin-bottom:30px; }
	.subB h3{margin-bottom:21px;font-family:'Nanum Myeongjo';color:#fff689; text-align:center;font-size:2.1em; font-weight:800; vertical-align:middle;}
	.subB h5{ color:#fff; text-align:center;font-size:1.2em; }


@media (max-width:767px){
	.subB{margin-top:80px; padding:80px 30px; background:url(../sub/img/sub_banner.jpg);background-position:center top; background-repeat:no-repeat; margin-bottom:30px; }
}
/*서브페이지 하단 공통 끝*/

.img2_1_1{float:right; margin-left:30px; margin-top:0; width:360px }
.img2_1_2{float:right; margin-left:30px; margin-top:0; width:360px }
.img2_1_3{float:right; margin-left:30px; margin-top:0; width:360px }
.img2_1_21{float:left; margin-right:30px; margin-top:0; width:260px }
.img2_1_22{float:left; margin-right:30px; margin-top:0; width:400px }

.img2_4_1{float:left; margin-right:30px;   }

.img3_1_3{ float:left; margin-right:30px;  width:310px;}
.img3_1_4{ float:left; margin-right:30px;  width:320px;}
.img3_2_1{ float:left; margin-right:30px;  width:380px;}
.img3_3_1{float:right; margin-left:30px; margin-top:0; width:320px }
.img3_3_2{float:left; margin-right:30px; margin-top:0; width:320px }

.img6_1_1{float:right; margin-left:30px; margin-top:0; width:500px }
.img6_2_1{float:right; margin-left:30px; margin-top:0; width:360px }
.img6_3_1{float:right; margin-left:30px; margin-top:0; width:360px }
.img6_4_1{float:left; margin-right:30px; margin-top:0; width:380px }
.img7_1_1{float:left; margin-right:30px; margin-top:0; width:400px }
.img7_1_2{float:right; margin-left:30px; margin-top:0; width:400px }

@media (max-width:767px){
.img2_1_1{float:none; margin-left:0;  width:100%; margin-bottom:10px; }
.img2_1_2{float:none; margin-left:0;  width:100%; margin-bottom:10px; }
.img2_1_3{float:none; margin-left:0;  width:100%; margin-bottom:10px; }
.img2_1_21{float:left; margin-right:10px; margin-top:0; width:120px }
.img2_1_22{float:none; margin-right:0; margin-top:0; width:100% }

.img2_4_1{float:left; margin-right:10px; width:160px}

.img3_1_3{ float:left; margin-right:10px;  width:120px;}
.img3_1_4{ float:left; margin-right:10px;  width:36vw;}
.img3_2_1{ float:none; margin-right:0;  width:100%;margin-bottom:10px; }

.img3_3_1{float:right; margin-left:10px; margin-top:0; width:36vw }
.img3_3_2{float:right; margin-right:10px; margin-top:0; width:36vw }

.img6_1_1{float:none; margin-left:0; margin:10px  0px; width:100% }
.img6_2_1{float:left; margin-left:0; margin-right:10px; margin-top:0; width:36vw }
.img6_3_1{float:left; margin-left:0; margin-right:10px; width:36vw }
.img6_4_1{float:left; margin-left:0; margin-right:10px; width:36vw }

.img7_1_1{float:left; margin-right:10px; margin-top:0; width:36vw }
.img7_1_2{float:right; margin-left:10px; margin-top:0; width:36vw }


}
.pageContent .mt0{margin-top:0 !important}
.pageContent .mb0{margin-bottom:0 !important}
.pageContent .pl10{padding-left:10px;}
.pageContent .pl20{padding-left:20px;}
.pageContent .pl30{padding-left:30px;}
.pageContent .pl40{padding-left:40px;}
.pageContent .pl50{padding-left:50px;}
@media (max-width:767px){
.pageContent .pl20{padding-left:0;}
.pageContent .pl40{padding-left:20px;}
}
.sub_tab{position:relative; margin:0 -.5%; margin-bottom:30px; display: -webkit-flex;  display: flex; justify-content:space-between}
.sub_tab a{position:relative; flex-grow:1; display:block; padding:15px 0; font-size:1.1em;margin:0 .5%;  text-align:center; border:1px solid #DDD;  z-index:1; background:#FAFAFA; border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;}
.sub_tab a.on{ background:#f39800; border-color:#f39800; color:#FFF; z-index:2;}

@media (max-width:767px){
.sub_tab{  margin-bottom:15px;  }
.sub_tab a{padding:10px 0; font-size:1em; }

}

/*////////////`////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.pageContent .box0{padding:30px 0; margin:10px 0; border-top:1px dashed #bdc5da;border-bottom:1px dashed #bdc5da;    background:#fff ; overflow:hidden}
.pageContent .box0:before,
.pageContent .box0:after{ display:inline-block;  font-size:1.6em; font-family:"iconfont"; color:#bdc5da; vertical-align:middle;}
.pageContent .box0:before{content:"\f10d";  font-family:'FontAwesome'; margin-top:-2%; margin-right:1%;  }
.pageContent .box0:after{content:"\f10e" ; font-family:'FontAwesome';  margin-left:1%;}


.pageContent div.box0{  }
.pageContent div.box0:before{display:none}
.pageContent div.box0:after{display:none}

.comma:before,
.comma:after{ display:inline-block;  font-size:1.2em; font-family:'FontAwesome';  color:#bdc5da; vertical-align:middle;}
.comma:before{content:"\f10d";  margin-top:-2%; margin-right:1%;  }
.comma:after{content:"\f10e" ;  margin-left:1%;}



.pageContent .box1{position:relative; padding:20px 30px; color:#FFF;  background:#69a5c7 url(../sub/img/pattern/mptlb10.png);}
.pageContent .box1:after{position:absolute; border:30px solid transparent; border-bottom-color:#333; border-right-color:#333; right:0; bottom:0; content:"";}
.pageContent .box1 .tip{position:absolute; top:-20px; left:-20px; border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px; background:#f39800; color:#FFF; width:80px; height:80px; text-align:center ; line-height:80px; font-size:1.4em; font-weight:800}


.pageContent .box2{position:relative; padding:30px 50px 30px 130px; border:1px solid #f7d6d9;  background:#fdf5f5;}
.pageContent .box2:before{ position:absolute; left:0; top:0; height:50px; line-height:50px; width:50px; font-size:2em; text-align:center;  z-index:2; color:#FFF;   content:"\f071";  font-family:'FontAwesome'; }
.pageContent .box2:after{ position:absolute; left:0; top:0; border:45px solid transparent; border-top-color:#F44; border-left-color:#F44; z-index:1; content:"";}


.pageContent .box3{position:relative; padding:30px; border-top:1px solid #EEE;   border-bottom:1px solid #EEE;   background:#FAFAFA; overflow:hidden;}
@media (max-width:767px){
.pageContent .box0{padding:15px 0;  overflow:visible}
.pageContent .box1{ padding:10px 20px;  }
.pageContent .box1:after{ border-width:20px }
.pageContent .box1:before{  border-width:21px }
.pageContent .box1 .tip{  top:-10px; left:-10px;  width:40px; height:40px;   line-height:40px; font-size:1em; font-weight:800}

.pageContent .box2{position:relative; padding:15px 20px 15px 60px;  }
.pageContent .box2:before{ position:absolute; left:15px; top:15px;margin-top:0; height:40px; line-height:40px; font-size:2em; color:#F44;  content:"\f071";  font-family:'FontAwesome'; }
.pageContent .box3{ padding:15px;  }

}
.dls_1{border-top:1px dashed #DDD; margin-top:20px;}
.dls_1 dl{overflow:hidden; position:relative; margin:10px 0; border-bottom:1px dashed #DDD;}
.dls_1 dl dt{float:left;clear:both; border-radius:30px;  background:#f39800; color:#FFF; width:120px; text-align:center; margin-right:40px; }
.dls_1 dl dd{_display:inline-block;overflow:hidden;padding-bottom:6px;  zoom:1}
.dls_1 dl dd:after{display:block;clear:both;content:''}
@media (max-width:767px){
.dls_1 dl dt{float:none; width:auto;  margin-right:0; margin-bottom:10px;}

}

.dls_2{overflow:hidden; position:relative; margin-top:20px; }
.dls_2 dd{margin:2px 0}
.dls_2 dd span{border-left:5px solid #f39800; display:inline-block; padding:2px 10px; background:#eee;  }
@media (max-width:767px){
.dls_2 dd span{display:block}
}


@media (max-width:767px){
.s4_2 table td{display:block; margin-top:-1px; padding:5px;}
}

 dl.dlw{ display: -webkit-flex; display: flex; justify-content:space-between; margin:20px -1%}
 dl.dlw > dd{position:relative; width:0; box-sizing:border-box;  flex-grow:1;margin:0 1%;border:1px solid #EEE;}

 dl.dlw > dd article{padding:30px}

  dl.dlw.nb > dd{border:0}
  dl.dlw.wr{flex-flow:wrap; margin:-.5%}
  dl.dlw.w2 > dd{width:49%; margin:.5%;}
  dl.dlw.w3 > dd{width:32%; margin:.5%;}
  dl.dlw.w4 > dd{width:24%; margin:.5%;}
  dl.dlw.cor > dd{background:#EEE;  }
  dl.dlw.cor1 > dd{background:#eaf8f8 url(/sub/img/pattern/mptlb10.png); border:0   }
  dl.dlw.cor2 > dd{background:#f39800; color:#FFF  }

@media (max-width:767px){
 dl.dlw{ display: -webkit-flex; display: flex; justify-content:space-between; margin:10px -.5%}
 dl.dlw > dd{margin:  .5%; }
 dl.dlw > dd{position:relative; width:auto; }
  dl.dlw.mwr{flex-flow:wrap; margin:-.5%}
  dl.dlw.mw1{display:block}
 dl.dlw.mw1 dd{width:99%}
 dl.dlw.mw2 dd{width:49%}

 dl.dlw.mw2 dd h6{font-size:1em;}
 dl.dlw > dd article{padding:10px}


}


	hr.line{margin:5% 0; height:0; border-top:1px dashed #DDD;}

	.lrbox{display: -webkit-flex; display: flex; justify-content:space-between}
	.lrbox > dt{width:50%;  flex-grow:1; box-sizing:border-box;  }
	.lrbox > dd{width:50%;  flex-grow:1; box-sizing:border-box; background:#FFF; padding:30px 40px;}
	.lrbox.sdt > dt{width:30%;  }
	.lrbox.sdt > dd{width:70%;  ; }


	.lrbox p{font-size:15px; line-height:22px;}
	.lrbox.y > dt{order:2 }
	.lrbox.y > dd{order:1 }
	.lrbox .b{background:#393551 url(/sub/img/pattern/mptrb5.png); color:#FFF;}
	.lrbox .b2{background:#fff url(/sub/img/pattern/mptrb10.png); }

@media (max-width:767px){
	.lrbox{display: block}
	.lrbox > dt{width:auto; }
	.lrbox > dd{width:auto;   padding:10px 0;}
	.lrbox.sdt > dt{width:auto;  }
	.lrbox.sdt > dd{width:auto;  ; }


}


/*

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:"";}
*/