body, div, ul, li, p, img, a { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1.5; font-family:"맑은 고딕","Malgun Gothic",Malgun Gothic,맑은 고딕,Gulim, Dotum, Helvetica,sans-serif; }
#children{max-width:680px; padding-bottom:50px; border:2px solid #ddd; border-radius:10px; margin:30px auto;}
#children .inner{overflow:hidden; width:80%; margin:0 10%;}
#children h1{ text-align:center; font-size:30px; margin:50px 0 30px;}
#children .desc{ font-size:17px; letter-spacing:-0.05em; margin-bottom:20px;}
#children .desc em{ display:block; text-align:center;  font-size:13px; padding-top:10px; color:#777;}
.checklist{ padding:20px 0 0; border-bottom:1px dashed #eee;}
.checklist li{ position:relative; margin-bottom:30px;}
.checklist input[type=checkbox] { position:absolute; top:0; left:0; width:1px; height:1px; opacity:0; z-index:-9999;}
.checklist input[type=checkbox]:checked + .chkbox{ border:2px solid #f1506e;}
.checklist input[type=checkbox]:checked + .chkbox:after{position:absolute;top: 2px;left:2px;width: 11px;height: 11px;border-radius: 3px;content:'';background:#f1506e}
.checklist input[type=checkbox]:checked + .chkbox + .txt{color:#f1506e; font-weight:bold;}
.checklist .chkbox{ position:absolute; top:2px; left:0; display:block;  width:15px; height:15px; border:2px solid #ddd; border-radius:5px; cursor:pointer;}
.checklist .txt{ display:block; padding-left:26px; font-size:15px; color:#777; letter-spacing:-0.05em; line-height:1.4;}
#children .btn_result{ display:block; margin:30px auto 0; background:#fff; border:2px solid #999; border-radius:5px; padding:15px 80px; font-size:21px; font-weight:bold; color:#999; cursor:pointer;}
#children .btn_result.on{ border:2px solid #f1506e; color:#f1506e;}
#children .btn_result:hover{border:2px solid #777;  color:#777}
#children .state{ position:fixed; bottom:0; right:0; padding:10px 30px; background:#f1506e; color:#fff; opacity:0;}

.resultbox{ display:none; background:#f1506e; color:#fff; text-align:center; padding:30px; margin-top:30px;}