body{width:100%;position:relative;font-size:0.9em;line-height:1.417em;color:#212121;-webkit-text-size-adjust:none;}


.title_area{width:960px;margin:0 auto; padding-top:50px;}

.soap_name{display:flex;border-top:2px solid #719241;}
.soap_name1{width:250px;text-align:right;padding:20px;border-right:2px solid #b9d394;background-color:#f3f7ee; }
.soap_name2{flot:left;padding:20px;}

.base{display:flex;border-top:1px solid #b9d394;}
.base1{width:250px;text-align:right;padding:20px;border-right:2px solid #b9d394;background-color:#f3f7ee;}
.base2{flot:left;padding:20px;}

.water{display:flex;border-top:1px solid #b9d394;}
.water1{width:250px;text-align:right;padding:20px;border-right:2px solid #b9d394;background-color:#f3f7ee;}
.water2{flot:left;padding:20px;}

.addi{display:flex;border-top:1px solid #b9d394;border-bottom:2px solid #719241;}
.addi1{width:250px;text-align:right;padding:20px;border-right:2px solid #b9d394;background-color:#f3f7ee;}
.addi2{flot:left;padding:20px;}
.addi3

.stitle{width:960px;margin:0 auto;padding:50px 10px 0 10px;font-size:1.2em;display:flex;justify-content:center;align-items:center;}
.stitle span{font-size:0.8em;}
.stitle2{width:960px;font-size:0.9em;text-align:right;padding30px 0 10px 10px;}

.cla_area{width:960px;margin:0 auto;display:flex;}
.box1{width:480px;}
.box1 ul{padding:0;border-top:2px solid #e4d4ca;}
.box1 ul li{list-style:none;line-height:40px;tex-align:left;border-bottom:1px solid #e4d4ca;padding-left:10px;}
.box1 ul li dt{ float: left;width:350px; }
.left_txt span{padding-left:20px;display:}


.box2{width:480px;}
.box2 ul{padding:0;border-top:2px solid #e4d4ca;border-left:2px solid #e4d4ca;}
.box2 ul li{list-style:none;line-height:40px;tex-align:left;border-bottom:1px solid #e4d4ca;padding-left:10px;}
.box2 ul li dt{ float: left;width:350px; }

.copyright{padding:20px;color:#a9a9a9;}

.result_title{width:960px;margin:0 auto;padding:50px 10px 10px 0;font-size:1.2em;display:flex;justify-content:left;align-items:center;}
.result_title span{font-size:0.8em;}
.result_area{width:960px;margin:0 auto; padding-top:10px;border-bottom:2px solid #ccb9ae;}

.result_area .soap_result1{width:960px;border-top:2px solid #719241;background-color:#f3f7ee;border-bottom:1px solid #719241;}
.soap_result1 ul{padding:0;margin:0;}
.soap_result1 ul li:first-child{width:100px;text-align:center;}
.soap_result1 ul li{width:420px;display:inline-block;list-style:none;text-align:center;border-right:1px solid #b9d394;line-height:50px;}
.soap_result1 ul li:last-child{border:0;}

.result_area .soap_result2{width:960px;border-top:1px solid #719241;}
.soap_result2 ul{padding:0;margin:0;}
.soap_result2 ul li:first-child{width:100px;text-align:center;}
.soap_result2 ul li{width:420px;display:inline-block;list-style:none;text-align:center;border-right:1px solid #b9d394;line-height:50px;}
.soap_result2 ul li:last-child{border:0;}

.result_area .soap_result3{width:960px;border-top:1px solid #719241;border-bottom:2px solid #719241;}
.soap_result3 ul{padding:0;margin:0;}
.soap_result3 ul li:first-child{width:100px;text-align:center;}
.soap_result3 ul li{width:420px;display:inline-block;list-style:none;text-align:center;border-right:1px solid #b9d394;line-height:50px;}
.soap_result3 ul li:last-child{border:0;}

.result_area .soap_result4{width:960px;border-top:2px solid #ccb9ae;background-color:#faf7f5;border-bottom:1px solid #ccb9ae;}
.soap_result4 ul{padding:0;margin:0;}
.soap_result4 ul li{width:32%;display:inline-block;list-style:none;text-align:center;border-right:1px solid #ccb9ae;line-height:50px;}
.soap_result4 ul li:last-child{border:0;}

.result_area .soap_result5{width:960px;border-top:1px solid #ccb9ae;}
.soap_result5 ul{padding:0;margin:0;}
.soap_result5 ul li{width:32%;display:inline-block;list-style:none;text-align:center;border-right:1px solid #ccb9ae;line-height:50px;}
.soap_result5 ul li:last-child{border:0;}

.result_area .soap_result6{width:960px;border-top:1px solid #ccb9ae;}
.soap_result6 ul{padding:0;margin:0;}
.soap_result6 ul li{width:32%;display:inline-block;list-style:none;text-align:center;border-right:1px solid #ccb9ae;line-height:50px;}
.soap_result6 ul li:last-child{border:0;}


<!-------------------------------------------------------------
   °¡¼º¼Ò´Ù(°¡¼º°¡¸®) °è»ê±â Ver 1.0
   (c)copyright 2004. CAKESOAP all rights reserved.
   www.cakesoap.co.kr / cake@cakesoap.co.kr / made by JCKIM
--------------------------------------------------------------->
