
/*lnb*/

.lnb-head p{font-size: 22px;}


/* 도입배경 및 운영계획 */
/*2017-08-28 수정사항*/
.clean-wrap .txt-paragraph dl dd{line-height: 22px;background-position: 10px 10px;}
.clean-wrap .txt-paragraph dl dd.mgt30{background:none !important;}
@media screen and (min-width:460px) and (max-width:768px) {
    
	.sub-contents{ padding:0 20px; }
    .txt-paragraph dl dt{font-size: 16px; }
    .txt-paragraph dl dd{ font-size: 13px; line-height: 24px;  padding-left: 20px; }
     table th, td{font-size: 12px;}
	    .pre_img{ width: 100%; margin: 0 auto;}

}

@media screen and (min-width:320px) and (max-width:550px) {
    
    .sub-contents{ padding:0 10px; }
    .sub-con-title span{display: none;}

    .txt-paragraph dl dt{font-size: 16px; }
    .txt-paragraph dl dd{ font-size: 13px; line-height: 24px;  padding-left: 20px; }
    table th, td{font-size: 12px;}
	    .pre_img{ width: 100%; margin: 0 auto;}

}
/* // 2017-08-28 수정사항*/

.clean-process {width: 100%; min-height: 144px; }
.prl-icon-box{width: 22%; float: left;}
.prl-icon-box .prl-icon{border: 1px solid #d4d3d3; text-align: center; padding-top: 24px; box-sizing: border-box;}
.prl-icon-box .prl-icon p{font-size: 16px; color: #333; margin-bottom: 20px;}
.prl-icon-box .prl-title{background-color: #2c2f3e; color: #fff; padding:17px 0; text-align: center;}

.prl-txtbox{ width: 77%;height: 144px; background-color: #f8f8f8; border: 1px solid #d4d3d3; padding:35px 15px; float: left; margin-left:1%; letter-spacing: -1px; }
.prl-txtbox p{font-size: 14px; color: #333; line-height: 24px;}
.prl-txtbox p .prl-smtxt{font-size: 13px; color: #777;}

.prl-arrow{ margin: 30px 0; float: left; width: 100%;}
.prl-arrow img{display: block; margin: 0 auto;  width:48px; height: 22px;}


@media screen and (min-width:677px) and (max-width:992px) {
    .prl-arrow{height:40px}
    .sub-contents{padding:0}
}

@media screen and (min-width:568px) and (max-width:677px) {
    .prl-arrow{height:40px}
    .prl-icon-box .prl-icon p{font-size: 14px; color: #333; margin-top: 10px;letter-spacing: -1px;}

}

@media screen and (min-width:320px) and (max-width:568px) {
    .prl-arrow{ height:40px}
    .prl-icon-box{width: 100%;}
    .prl-txtbox{ width: 100%; margin:0; padding: 15px 10px;}
    .prl-txtbox p{ font-size: 13px; }
}

.clean-effect-wrap{padding-top: 50px;}
.clean-effect tbody td{letter-spacing: -1px; line-height: 22px;}
.clean-effect tbody td.pdl0{padding-left: 0;}


.con-txt-box{ border: 1px solid #dadada; background-color: #f5f5f5; padding: 30px; font-size: 14px; color: #555; line-height: 23px; margin-top: 10px;}



 .pre_img{ margin: 20px auto; display: block;}


