/**************************************************
* 버전관리
* version : v=1
* Last Update : 
**************************************************/


/***************************************************
■ 사이트 공통
****************************************************/
.con{max-width:65rem; margin:0 auto; }
.dot li{margin-bottom:5px; position: relative; padding-left:15px;  font-size:16px;}
.dot li:before{ content : ""; display : block; position : absolute; left :0; top:9px;  width : 6px; height : 6px; background : #b2babc; border-radius:50%; }
.dot li:last-child {margin-bottom:0;}

.dot2 li{margin-bottom:5px; position: relative; padding-left:20px;  }
.dot2 li:before{ content : "※"; display : block; position : absolute; left :0; top:0px;  width : 6px; height : 6px;}





/***************************************************
■ 이용안내
****************************************************/
.con .info2{display:flex; overflow:hidden; border-bottom:1px solid #e2e2e2; padding-bottom:2.5rem; margin-top:2.5rem;}
.con .info2 .icon{display: flex; align-items: center;  justify-content: center; margin-right:2.25rem; width:5rem; height:5rem; background-color:var(--main); }
.con .info2 .info_con{flex:1;}
.con .info2 .info_con img{width:auto; height:auto;}
.con .info2 .info_con ul{margin-bottom:0px;}
.con .info2 .info_con h3{font-size:1.2rem; color:var(--black); margin-bottom:0.25rem;}

.con .info2 .cust2{background:url('/images/default/content/cust2.jpg') no-repeat center center; background-size:cover; width:100%; color:#fff;  font-size:0.8rem; padding:1.5rem; margin-top:1rem;}
.con .info2 .cust2 .tit{font-size:1.5rem; font-weight:300; }
.con .info2 .cust2 .no{display:flex; align-items: center; }
.con .info2 .cust2 .no span{font-size:2rem; display:block;  margin-right:1rem;}
.con .info2 .cust2 ul{overflow:hidden; margin-top:1rem;}
.con .info2 .cust2 ul li{ font-weight:600; }
.con .info2 .bg_gray{background-color:#f5f5f5; padding:1rem; margin-top:1rem;}


@media (max-width:1030px){
	.con .info2 .cust2 .no{align-items: flex-start; flex-direction: column;}

}
@media (max-width:767px){
	.con .info2 .icon{display:none;}
	.con .info2 .cust2{padding:1rem;}

}