html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, button { margin:0; padding:0; }
html, body {width:100%; height:100%; font-family:'돋움', 'dotum', 'sans-serif'; font-size:100%; font-size:12px; line-height:1.2;}
li {list-style:none; text-indent:0;}
img, fieldset {border:none;}
img {vertical-align:middle;}
input, select, textarea {font-size:100%; color:#626262; background:#fff;}
button {border:0; background:none; line-height:0; cursor:pointer;}
em, address {font-style:normal;}
ins {text-decoration:none;}
table {border-spacing:0; }
caption, hr, legend {display:none;}
a {text-decoration:none; color:#666;}

#recorderWrap {width:548px; height:445px; border:1px solid #ccc;}
#recorderWrap .head {overflow:hidden; height:70px; background:url("/HCSI/recorder_new/img/bg_shadow.gif") no-repeat bottom;}
#recorderWrap .head .h1 {float:left; width:410px; height:49px; padding:18px 0 0 29px; border-right:1px solid #ccc; }
#recorderWrap .head .help {float:left; height:27px;  text-align:center;}
#recorderWrap .head .help a {display:block; padding:26px 29px;}
#recorderWrap .cont.record {padding:17px 30px 30px}
#recorderWrap .navi li {overflow:hidden; padding:35px 29px 30px; border-top:1px solid #eeeeee}
#recorderWrap .navi li p {float:left; padding-top:4px;}
#recorderWrap .navi li p em {color:#68afb5}
#recorderWrap .navi li:first-child {border-top:none}
#recorderWrap .navi li strong, #recorderWrap .cont li span {display:block;}
#recorderWrap .navi li strong {margin-bottom:10px}
#recorderWrap .navi li a {float:right; display:block; width:81px; height:59px;}
.setting {overflow:hidden; }


.controll {float:right; overflow:hidden; margin:15px 0 20px;}
.controll p {float:left; width:120px; height:3px; margin-top:4px; padding:5px; background:#eeeeee;}
.controll div {overflow:hidden; margin-bottom:17px}
.controll div strong {float:left; display:inline-block;}
.controll div strong span {display:inline-block; text-indent:-9999em;}
.controll .bar {*zoom:1; display:block; position:relative; width:100%; height:100%; background:#fff;}
.controll .bar:after {content:" "; display:block; clear:both; height:0;}
.controll .bar em {float:left; display:inline-block; width:12px; height:100%; text-indent:-9999em; background:#7ab7bc; cursor:pointer}
.controll .bar em.icoVol {margin-top:-5px; height:12px; background:#eeeeee url("/HCSI/recorder_new/img/ico_vol.png") no-repeat left !important;}
.controll .vol strong { width:25px; height:20px; background:url("/HCSI/recorder_new/img/ico_speaker.gif") no-repeat;}
.controll .mic strong {width:25px; height:27px; background:url("/HCSI/recorder_new/img/tit_mic.gif") no-repeat;}
.type {float:left; position:relative; font-size:16px; font-weight:bold; color:#525252;}
.type em {position:absolute; width:170px; top:14px; left:122px }
.timer {overflow:hidden; font-size:20px;}
.timer strong {display:inline-block; width:230px;}
.timer div {display:inline-block; width:238px; height:83px; border:1px solid #525252;}
.timer div strong {display:block; width:100%; height:25px; text-align:center; background:#525252; line-height:25px; font-size:12px; color:#fff}
.timer div span {position:relative; display:block; width:100%; height:58px;  font-size:30px; font-weight:bold; text-align:center; line-height:58px}
.timer div span i {position:absolute; top:0; left:0; z-index:-1; height:100%; display:block; background:#b3e5e9;}
.timer .ppr {float:left;}
.timer .rps {float:right;}

.record .btnStart {background:url("/HCSI/recorder_new/img/btn_start.gif") no-repeat; }
.record .btnStart span {color:#fff}
.record .btnListen {background:url("/HCSI/recorder_new/img/btn_listen.gif") no-repeat;}
.record .btnSummit {background:url("/HCSI/recorder_new/img/btn_file.gif") no-repeat;}
.btnArea {padding:25px 0;text-align:center}
.btnArea button {width:81px; height:59px; margin:0 10px}
.btnArea span {display:block; padding-top:27px; font-weight:bold; color:#959595}
.btnBack {display:block; width:96px; height:27px; border:1px solid #7ab7bc; background:url("/HCSI/recorder_new/img/ico_arrow.gif") no-repeat 18px 8px; font-weight:bold;  text-align:center; line-height:27px; color:#66b6bd; text-indent:10px}
button {display:inline-block; height:30px; background:silver; color:#fff}