@charset "euc-kr";

#wrap{position:relative;height:100%;top:0;margin:0 auto;overflow:hidden;}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   Main  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.topbar{height: 50px;width: 100%;overflow: hidden;background: #2eabe2;}
.topbar p{width: 1200px;
	      margin: 0 auto;text-align: left;text-indent: 20px;
	      font-size:20px;font-weight: bold;color:#fff;line-height: 50px;}
.mbody{width: 1200px;margin: 0 auto;background: #fff;}

.mcon{position:relative;height: 100%;overflow: hidden;margin-top:20px}
.mconTitle{top: 15px;background: #2d353c;height: 45px;width: 100%;overflow: hidden;}
.mconTitle p{float:left;font-size:18px;font-weight: bold;color:#fff;line-height: 42px;text-indent: 20px; }
.mleft{position: relative;width: 585px;/*height: 294px;*/float: left;margin-left:15px;margin-top:20px;}
.mright{position: relative;width: 585px;/*height: 294px;*/float: left;margin-top:20px;}

/*01 input*/
.mvideo{width: 400px;height: 240px;margin:0 auto;}
.inputbox01{width: 585px;height: 80px;line-height: 30px;}
.inputbox01 li{float:left;width: 290px;}
.inputbox01 li input{height:25px;padding:5px 10px;width: 265px;border: 1px solid #e0e3e5;color:#3d3d3d;}
.inputbox02{width: 585px;height: 80px;line-height: 30px;}
.inputbox02 li{float:left}
.inputbox02 li input{height:25px;padding:5px 10px;width: 495px;border: 1px solid #e0e3e5;color:#3d3d3d;}
.inputbox02 div {position:relative; width:60px; height:35px; overflow:hidden;}
.inputbox02_hidden {border:1px solid #dddddd;height:35px;padding:0 7px;line-height:25px;font-size:12px;color:#666;position:absolute; right:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer;}

/*02 Encoding Profile*/
.part01{/*height: 180px;*/}
.part02{ /*position:absolute;bottom:0*/}
.cgreen{background: #b3cf9e;}
.cgreen li{background: #8fa67f;}
.cblue{background: #78cfbf;}
.cblue li{background: #60a699;}
.cgray {background: #eff2f4;;border:1px solid #e0e3e5;}
.cgray li{background: #bfc3c7;text-align:center;width: 568px;}
.part01 .title, .part02 .title{font-size:16px;width: 585px;height: 30px;}
.codingBar{position:relative;width: 575px;height: 30px;line-height: 20px;margin:5px 0}
.codingBar li{display: block; float:left;height: 20px;margin: 5px 3px;border-radius:5px;font-size: 11px;}
.codingBar li a{display: block;height: 20px; color:#fff;padding:0 5px;}
.codingBar p .rightBtt{float:right;background: none;line-height: 25px;}
.codingBar p .rightBtt a{display:inline-block;width:25px;text-align:right;padding-right:5px;}
  /**new page edit**/
.newEditBox{position:relative;top:-5px;padding-top:10px;clear:both;width: 575px;overflow: hidden;}
.newEditBox article{width:450px;float:right;margin-top:2px;}
.newEditBox article p{float:left;width:100px;}
.newEditBox article .linkto{padding:2px 0px;border: none;color:#686868}
.newEditBox article .linkto_long{width: 320px;padding:2px 0px;border: none;color:#686868}
.newEditBox article .w120{width: 125px;float:left;padding:3px 10px;border: none;color:#686868}
.newEditBox article .w200{width: 300px;float:left;padding:3px 10px;border: none;color:#686868}
.newEditBox article .inputBtt{width:30px;float:left;border: none;padding:3px 0;color:#3F3E3E}
.newEditBox article .inputBtt2{width:80px;float:left;border: none;padding:3px 0;color:#3F3E3E}
.newEditBox .addtion_btt{width: 190px;padding-top:10px;height: 40px;flaot:right;}
.newEditBox .addtion_btt p{float: left;width: 80px;}

/*03 Output*/
.mBox{float: left;width: 585px;height: 80px;margin-top:20px;}
.mBox p{float;left;width: 560px;height: 60px;line-height: 60px;border-radius:2px;font-size: 14px;font-weight: bold;
       background: #f3f3f3;border:2px solid #d5d5d5;text-align: center;}
.ml{margin-left:15px;}
.mr{}

/*04 Encoding bar*/
.mcon02{position:relative;height: 100%;overflow: hidden;margin-top:20px;height:80px;padding-left:15px;}
.mcon02 p{float:left;padding-left:15px;}
.encodingBarbox{width:980px;height: 35px;float:left;background: #f3f3f3;border:2px solid #d5d5d5;}

.player-block{position: absolute;top: 50px;left: 50px;width: 800px;height: 400px;}
.mPlayer{height:580px;width:100%;}
.mPlayer .mvideo2{width:960px;height:540px;padding-top:30px;overflow:hidden;margin:0 auto;}
.mconMedia{position:relative;height:300px;overflow: hidden;margin-top:20px}
.mMedia{position:relative;top:20px;margin-bottom:20px;width:1160px;height:210px;line-height: 210px;border-radius:2px;
       background: #f3f3f3;border:2px solid #d5d5d5;margin:0 auto;}
.mMedia p{display:inline-block;text-indent:38px;width:240px;height:135px;padding-right:35px;}