@charset 'utf-8';

/* ***************  global *************** */
html { margin:0; padding:0; height:100%; width:100%}
body { margin:0; padding:0; height:100%;width:100%; font-family:'Malgun Gothic',Dotum, Arial, sans-serif; font-size:13px;  text-align: left;}

img { border: 0px; }
ul, ol {list-style-type:none; margin:0px; padding:0px; }
.sublist{ padding-top:0px; padding-left: 20px; }
.sublist2{ padding-top:0px; padding-left: 20px; }

table { border-collapse: collapse; background-color: #ffffff; }
table th { border: 1px solid #888888; background-color: #f0f0f0; padding:5px; font-weight: normal; text-align:center;}
table td { border: 1px solid #888888; padding:5px; }

div, h2,h3{padding:0; margin:0;}

p {margin:0; padding:0}

/* link */
a:link {font-size:13px; font-family:Arial, sans-serif; text-decoration:none} 
a:visited {font-size:13px; font-family:Arial, sans-serif; text-decoration:none} 
a:active {font-size:13px; font-family:Arial, sans-serif; text-decoration:none} 
a:hover {font-size:13px; font-family:Arial, sans-serif; text-decoration:none}



input[type='text'], input[type='password'], textarea, select { border: 1px solid #888888; font-size:13px; padding:2px; }
input[type='button'] { border: 1px solid #888888; border-style: outset; cursor:pointer; margin:2px; }


/* table list style */
.cell_selected  { background-color:#ffffcc; cursor:pointer; }
.cell_hover     { background-color:#f5f5dd; cursor:pointer; }

/* list paging style */
.paging { margin-top: 10px; position:relative; text-align: center; }
.paging_btn          { padding: 0px 4px 0px 4px; font-size: 13px; }
.paging_btn_selected { padding: 0px 4px 0px 4px; font-size: 13px; font-weight: bold; color: Blue; }


/* admin page */
.bizmate5_usermanager { padding: 10px; width: 1000px; }
.bizmate5_usermanager .title { font-size:14px; font-weight: bold; padding-bottom: 4px; border-bottom: 2px solid #888888; margin-bottom: 10px; }

.bizmate5_usermanager .search { position:relative; border: 1px solid #cccccc; padding: 4px; margin-bottom:10px; }
.bizmate5_usermanager .search span { padding: 0 10px 0 10px; }
.bizmate5_usermanager .sch_key { width: 150px; }
.bizmate5_usermanager .sch_grp { width: 150px; }
.bizmate5_usermanager .sch_btn { width: 80px; margin-left: 20px; background-color: #f0f0ff; }
.bizmate5_usermanager .sch_reset_btn { width: 80px; margin-left: 4px; }
.bizmate5_usermanager .search .total { position: absolute; top:10px; right:10px; }

.bizmate5_usermanager .userlist {width:100%;}
.bizmate5_usermanager .userinfo {width:100%; margin-top:10px;}
.bizmate5_usermanager .userinfo th {width:100px;}
.bizmate5_usermanager .userinfo_btn {margin-top:10px; text-align:center;}

.bizmate5_usermanager .log_edit {width:100%; margin-top:20px;}
.bizmate5_usermanager .log_edit th {width:100px;}
.bizmate5_usermanager .log_edit .log_title { color: #666666; margin-left: 10px; }

.bizmate5_usermanager .userinfo_btn .save_btn { width: 80px; background-color: #fff0f0; }
.bizmate5_usermanager .userinfo_btn .reset_btn { width: 80px; }
.bizmate5_usermanager .userinfo_btn .delete_btn { width: 80px; }

.bizmate5_groupmanager { padding: 10px; width: 1000px; }
.bizmate5_groupmanager .title { font-size:14px; font-weight: bold; padding-bottom: 4px; border-bottom: 2px solid #888888; margin-bottom: 10px; }
.bizmate5_groupmanager .grplist {width:100%;}
.bizmate5_groupmanager .grplist .add_btn { background-color: #3333ff; color: #ffffff; font-size: 9px; padding: 2px; width:14px; }
.bizmate5_groupmanager .grplist .del_btn { background-color: #ff3333; color: #ffffff; font-size: 9px; padding: 2px; width:14px; }

.bizmate5_groupmanager .btn {margin-top:10px; text-align:center;}
.bizmate5_groupmanager .save_btn { width: 80px; background-color: #fff0f0; }
.bizmate5_groupmanager .reset_btn { width: 80px; }


/* Color  */
.red {color:red}
.green {color:green}
.blue {color:blue}

.desc { color: #cc6666; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.clear5 {clear: both;margin-top:5px}
.clear10 {clear: both;margin-top:10px}
.clear20 {clear: both;margin-top:20px}
.comment { color: #800000; font-size: 11px; }

/* */
/* Admin menu */
.admin_menu { min-width:1230px;width: 100%; height: 70px; background-color: #f0f0f0; border-bottom: 2px solid #888888; }
.admin_menu th { border: 1px solid #888888; padding:4px; width:137px; font-weight: bold; cursor: pointer;text-align:center }
.admin_menu td { border: 1px solid #888888; padding:4px; background-color: #dddddd; }
.admin_menu .on { background-color: #666666; color: #ffffff; }
.admin_menu .logo { width: 160px; background-color: #ffffff; padding: 10px 10px 10px 10px; }

/* submenu */
.submenu { position: absolute; top: 70px; left: 0px; width: 160px; height: 1100px; padding:10px; border-right: 1px solid #333333; background-color: #f5f5f5; }
.submenu span { font-weight: bold; }
.submenu #submenu_info {margin:5px; text-align:left;height:auto;border:1px solid #888888; width:140px; padding-top:5px; background: #f0f0f0;cursor:default;min-height:34px;}
.submenu #submenu_info  li {list-style-type: none;margin-left:5px; cursor:default;}
.submenu .subtitle {font-size:0.9em;color:#808080;font-weight:normal; }
.submenu .sub_ch_list { display:inline-block; width:140px; min-height:34px;  margin:5px; text-align:center;font-size:14px;border:1px solid #888888;}
.submenu .sub_ch_list a{ display:inline-block; width:100%;min-height:34px;vertical-align:middle; line-height:34px;}
.submenu .sub_ch_list2 { display:inline-block; width:128px; min-height:28px;  margin:5px; text-align:left;font-size:14px;border:1px solid #888888;text-align:center;margin-left:16px;}
.submenu .sub_ch_list2 a{ display:inline-block; width:128px;min-height:28px;vertical-align:middle; line-height:28px;text-align:center; }
.submenu ul { margin-top: 4px; margin-bottom: 10px; }
.submenu li { margin-left: 20px; list-style-type: disc; padding: 2px 0px 2px 0px; cursor: pointer;  margin-bottom:5px;}
    .submenu .sub2 { list-style-type: none;}
    .submenu .sub3 { margin-left: 25px;list-style-type: none;}

.submenu a:link {font-size:13px; font-family:Arial, sans-serif; text-decoration:none; color:black;} 
.submenu a:visited {font-size:13px; font-family:Arial, sans-serif; text-decoration:none; color:black;} 
.submenu a:active {font-size:13px; font-family:Arial, sans-serif; text-decoration:none; color:black;} 
.submenu a:hover {font-size:13px; font-family:Arial, sans-serif; text-decoration:none; color:black;}

/* content */
.board { position: absolute; top: 84px; left: 190px; width: 1000px; padding:10px; }
.board table { width: 100%; margin-bottom: 10px; }
.board .iteminfo th, .board .itemedit th { width: 80px; }
.board table .content { height: 250px; }
.board textarea { width: 99%;  }

.board .content { vertical-align: top; padding: 10px;}
.board .content p { margin: 3px 0px 3px 0px; }

.board .filectrl input[type='file'] { width: 99% }
.board .filelist li { padding: 3px; }

.board .btn { position: absolute; right: 20px; }
.board .btn li { float: left; }
.board .btn input[type='button'] { cursor:pointer; }

._content {
     height: 250px;
     vertical-align: top; padding: 10px; font-size:12pt;
}

/* 캘린더이미지조정*/
.ui-datepicker-trigger {vertical-align:middle;}

/* 검색폼 */
.searchdiv {display:inline-block;text-align:center; padding:7px;min-width:900px;}





/* pageinfor */
.pageinfo {margin:6px 0px 6px 0px }
.selected a{font-weight:bold;color:red;}


/*notice*/
.subtitle {display:inline-block;}
.notice_left {display:block;position:relative; right:0px;top:-9px; font-size:12px; font-weight:normal;line-height:0px;height:0px; text-align:right;padding-right:10px;}
.notice_left input{margin-top:-9px;}

/*Btn*/
#SubmitBtn, #DelBtn,#PreviewBtn, #CloseBtn {min-width:80px;height:26px;}

/* VODLIVE 선택테이블*/
.table_vodliv {margin:4px;padding:0px;width:100%;}
td.tdvod {text-align:right;border:0px solid #fff;padding-right:80px;}
td.tdlive {text-align: left;  border: 0px solid #fff;padding-left:80px;}

/* vod/live 버튼*/
.btn-vod {width: 200px;height:30px; color:#888888; font-size:1.4em; }

.btn-download{background:#fce2a8;}

/*LOGIN */
.loginwrap {position:absolute;top:0px;left:0px; margin:0;width:100%;height:100%;background: url(../images/main_bg.jpg) top center no-repeat;    background-size: cover;text-align:center;}
#logindiv {margin:0px;display:inline-block;margin-top:200px; padding: 30px 30px 20px 30px; border-radius:10px; -webkit-border-radius: 10px;background:#fff;}
.logintitle {font-family:'Century Gothic'; font-size:15px; margin-bottom:10px;font-weight:bold;}
.maintext{    display: block;
    overflow: hidden;
    width: 665px;
    height: 68px;
    margin: 0 auto;
    background: url(../images/main1.png) no-repeat;
    text-indent: -999px;

}

#header{position:absolute;top:0;left:0;width:100%;height:100px;background:rgba(0,0,0,0.4)}
#header .header_wrap{width:1280px;height:100px;margin:0 auto}
#header .logo{float:left;margin:0 323px 0 0;padding:33px 0 0 90px}
#header .logo a{display:block;overflow:hidden;width:241px;height:28px;background:url(../images/logo.png) no-repeat;text-indent:-999px}

.popupwrap {padding:10px;max-width:700px;}
.pagetitle {font-size:14px;font-weight:bold;margin:10px 0px 10px 0px;color:#2a92d3;padding-left:18px; background:url('../images/icon/icon_title.png') no-repeat; background-size:14px 14px; }

/* 메세지설정*/
.message_table{width:100%;max-width:700px; margin-top:10px;}
.message_table td{vertical-align:top;padding:4px;}
.message_table div{height:auto;display:inline-block;margin-right:10px;vertical-align:top;}
.message_table textarea{width:330px;height:80px; }
.message_table p{line-height:24px;}

/*메세지미리보기*/
.message_view {display:inline-block;border:0px solid red;width:320px;height:380px;margin:4px; background:url('../images/bg_phone.png');background-position:center center; background-repeat: no-repeat;background-size:280px 380px;}
.message_view table  {width:236px;margin:60px 15px 40px 42px;}
.message_view table td {border:1px;}
.message_view table textarea{width:100%;max-height:280px;min-height:100px;border:0px;}

#List tr:hover{background:#f6f4f4;}


/* */
.modal {
   
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0px;
    left:       0px;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}