#certiCon{width:100%;margin-top:10px;}

/*
#certiCon input[type='text'], 
#certiCon button{display:inline-block;height:11vw;max-height:80px;min-height:50px;padding:0px 5px;border:1px solid #aaa;background-color:white;font-size:16px;}
*/
#certiCon button{margin-left:5px;border-radius:5px;}
#certiCon span{display:inline-block;}
#certiCon > div{width:100%;}

#certiCon .certiForm{margin-bottom:10px;display:flex;align-items:center;overflow:hidden;}
#certiCon .certiForm .certiHp{width:calc(70% - 5px);}
/*
#certiCon .certiForm button{margin-left:5px;width:105px;height:11vw;max-height:80px;min-height:50px;;border:1px solid #aaa;background-color:white;font-size:13px;border-radius:14px;opacity:0.6;}
*/
#certiCon .certiForm button{width:30%;margin-left:5px;padding:0px;background-color:#1E2A52;opacity:0.6;color:white;}
#certiCon .certiForm button.on{opacity:1;}

#certiCon  .certiConfirm{display:none;margin-top:10px;align-items:center;width:100%; }
#certiCon .certiConfirm.on{display:flex;}
#certiCon .certiConfirm span,
#certiCon .certiConfirm input{display:inline-block;width:calc(100% - 130px);border-radius:14px;}
#certiCon .certiConfirm input{padding-left:15px;}
#certiCon .certiConfirm span.text{width:70px;text-align:left;}
#certiCon .certiConfirm span.certiTimer{width:60px;text-align:right;}
#certiCon .certiConfirm span.certiTimer.end{color:tomato;}

#certiCon .certiBtn{display:none;width:100%;margin-top:10px;}
#certiCon .certiBtn.on{display:block;}
#certiCon .certiBtn button{margin-left:0px;width:100%;background-color:steelblue;border-color:steelblue;color:white;opacity:0.6;}
#certiCon .certiBtn button.on{opacity:1;}

#certiCon .certiResult{display:none;margin-top:10px;color:#555;}
#certiCon .certiResult.on{display:block;}
#certiCon .certiResult.error{color:red;}
#certiCon .certiResult.ok{color:blue;}