@charset 'utf-8';
@import url("common.css");
@import url("popup.css");
/* @import url("custom_scrollbar.css"); */ 
/* @import url("scrollbar.css"); */
/* css style start */
.logo {display:inline-block;margin-top:28px;margin-left:27px;}
.mainTable {min-width:100% !important;};
/* ?�★?�★?�★?�GNB STYLE */
.gnb > ul {margin-top:61px}
.gnb > ul > li {height:65px;padding-top:17px;}
.gnb > ul > li:last-child {padding-bottom:12px;}
.gnb > ul > li.border {width:50px;margin-top:5px;height:2px;margin-left:20px;margin-bottom:22px;}
.gnb > ul > li > a {display:block;width:100%;color:#d6dbdf;text-align:center}
.gnb > ul > li > a > span {display:block;height:28px;width:28px;background:url('../image/img/gnb.png') no-repeat;margin-left:33px;margin-bottom:8px;}
.gnb > ul > li.on {background:#3c4652}
.gnb > ul > li > a > .gnb01 {background-position:0 0;}
.gnb > ul > li > a > .gnb02 {background-position:0 -82px;}
.gnb > ul > li > a > .gnb03 {background-position:0 -164px;}
.gnb > ul > li > a > .gnb04 {background-position:0 -244px;}
.gnb > ul > li > a > .gnb05 {background-position:0 -326px;}
.gnb > ul > li > a > .gnb06 {background-position:0 -410px;}
.gnb > ul > li > a > .gnb07 {background-position:0 -492px;}
.gnb > ul > li > a > .gnb08 {background-position:0 -612px;}
.gnb > ul > li > a > .gnb09 {background-position:0 -694px;}
.gnb > ul > li > a:hover {color:#fff;}
.gnb > ul > li > a:hover > .gnb01 {background-position:-94px 0;}
.gnb > ul > li > a:hover > .gnb02 {background-position:-94px -82px;}
.gnb > ul > li > a:hover > .gnb03 {background-position:-94px -164px;}
.gnb > ul > li > a:hover > .gnb04 {background-position:-94px -244px;}
.gnb > ul > li > a:hover > .gnb05 {background-position:-94px -326px;}
.gnb > ul > li > a:hover > .gnb06 {background-position:-94px -410px;}
.gnb > ul > li > a:hover > .gnb07 {background-position:-94px -492px;}
.gnb > ul > li > a:hover > .gnb08 {background-position:-94px -612px;}
.gnb > ul > li > a:hover > .gnb09 {background-position:-94px -694px;}
.gnb > ul > li.on > a {color:#fff;}
.gnb > ul > li.on > a > .gnb01 {background-position:-188px 0;}
.gnb > ul > li.on > a > .gnb02 {background-position:-188px -82px;}
.gnb > ul > li.on > a > .gnb03 {background-position:-188px -164px;}
.gnb > ul > li.on > a > .gnb04 {background-position:-188px -244px;}
.gnb > ul > li.on > a > .gnb05 {background-position:-188px -326px;}
.gnb > ul > li.on > a > .gnb06 {background-position:-188px -410px;}
.gnb > ul > li.on > a > .gnb07 {background-position:-188px -492px;}
.gnb > ul > li.on > a > .gnb08 {background-position:-188px -612px;}
.gnb > ul > li.on > a > .gnb09 {background-position:-188px -694px;}
h1 {font-size:24px;font-weight:normal;color:#575859;}
.menu_title {width:253px;height:75px;background:#d9e0e7;position:relative;}
.menu_title.bgnone {background:none;}
#lnb_control {position:absolute;right:18px;top:31px;width:27px;height:27px;background:none;border:0;background:url('../image/img/lnb_control_arrow_normal.png') no-repeat 0 0;padding:0;}
#lnb_control:hover {background:url('../image/img/lnb_control_arrow_hover.png') no-repeat 0 0;}
#lnb_control:active {background:url('../image/img/lnb_control_arrow_select.png') no-repeat 0 0;}
#lnb_control.on {background:url('../image/img/lnb_control_arrow_on_normal.png') no-repeat 0 0;}
#lnb_control.on:hover {background:url('../image/img/lnb_control_arrow_on_hover.png') no-repeat 0 0;}
#lnb_control.on:active {background:url('../image/img/lnb_control_arrow_on_select.png') no-repeat 0 0;}
.tabarea {position:relative;}
.tabarea .tabNaviLeft {background-image: url('../image/button/tabNavi_left_hover.png'); margin-left:20px;margin-top:40px;width:27px;height:27px;float:left;margin-right:20px;}
.tabarea .tabNaviLeft:hover{background-image: url('../image/button/tabNavi_left.png'); margin-left:20px;margin-top:40px;width:27px;height:27px;float:left;}
.tabarea .tabNaviLeft:active{background-image: url('../image/button/tabNavi_left_hover.png'); margin-left:20px;margin-top:40px;width:27px;height:27px;float:left;}
.tabarea .tabNaviRight {background-image: url('../image/button/tabNavi_right_hover.png'); margin-left:10px;margin-top:40px;width:27px;height:27px;float:left;}
.tabarea .tabNaviRight:hover {background-image: url('../image/button/tabNavi_right.png'); margin-left:10px;margin-top:40px;width:27px;height:27px;float:left;}
.tabarea .tabNaviRight:active {background-image: url('../image/button/tabNavi_right_hover.png'); margin-left:10px;margin-top:40px;width:27px;height:27px;float:left;}

.tabarea .tabNaviLeft .count {position:absolute;margin-left:3px;margin-top:-19px;border-radius:12px;background:#3196ff;color:#fff;min-width:20px;display:inline-block;text-align:center;}
.tabarea .tabNaviRight .count {position:absolute;margin-left:3px;margin-top:-19px;border-radius:12px;background:#3196ff;color:#fff;min-width:20px;display:inline-block;text-align:center;}

.tabmenu {margin-top:33px;float:left;}
.tabmenu > ul > .tabGroup {position:relative;width:35px;height:42px;margin-right:10px;float:left;background:#d9e0e7;border-top-left-radius:3px;border-top-right-radius:3px;color:#686b72;line-height:46px;padding-left:10px}

.tabmenu > ul > li {position:relative;width:169px;height:42px;margin-right:10px;float:left;background:#d9e0e7;border-top-left-radius:3px;border-top-right-radius:3px;color:#686b72;line-height:46px;padding-left:35px;}
.tabmenu > ul > li > .tabName {text-overflow: ellipsis;width:80px;white-space: nowrap;overflow: hidden;display: block;margin-top:-2px;}

.tabmenu > ul > li:first-child {margin-left:20px;}

.tabmenu > ul > li > a > span {position:absolute;top:10px;right:10px;display:inline-block;width:19px;height:19px;background:url('../image/img/tab_close_normal.png') no-repeat;}
.tabmenu > ul > li > a:hover > span {background:url('../image/img/tab_close_hover.png') no-repeat;}
.tabmenu > ul > li > a:active > span {background:url('../image/img/tab_close_select.png') no-repeat;}

.tabmenu > ul > li >  .err	{display: inline-block;height:8px;width:8px; background: url('../image/icon/icon_tab_error.png') no-repeat; padding-right:5px;}
.tabmenu > ul > li >  .err	{display: inline-block;height:8px;width:8px; background: url('../image/icon/icon_tab_error.png') no-repeat; padding-right:5px;}
.tabmenu > ul > #cabinet1Tab {background:#fff}
.tabmenu > ul > #cabinet2Tab {background:#fff}
.tabmenu > ul > #cabinet3Tab {background:#fff}
.tabmenu > ul > #cabinet4Tab {background:#fff}
.tabmenu > ul > #cabinet1Tab:hover{background: url(../image/bg/datetab_bg.png) no-repeat center bottom 1px;background-color: #e9eff7;}
.tabmenu > ul > #cabinet2Tab:hover{background: url(../image/bg/datetab_bg.png) no-repeat center bottom 1px;background-color: #e9eff7;}
.tabmenu > ul > #cabinet3Tab:hover{background: url(../image/bg/datetab_bg.png) no-repeat center bottom 1px;background-color: #e9eff7;}
.tabmenu > ul > #cabinet4Tab:hover{background: url(../image/bg/datetab_bg.png) no-repeat center bottom 1px;background-color: #e9eff7;}
.tabmenu > ul > #cabinet1Tab.on {background: url(../image/bg/datetab_bg_selected.png) no-repeat center bottom 1px;}
.tabmenu > ul > #cabinet2Tab.on {background: url(../image/bg/datetab_bg_selected.png) no-repeat center bottom 1px;}
.tabmenu > ul > #cabinet3Tab.on {background: url(../image/bg/datetab_bg_selected.png) no-repeat center bottom 1px;}
.tabmenu > ul > #cabinet4Tab.on {background: url(../image/bg/datetab_bg_selected.png) no-repeat center bottom 1px;}
.tabmenu > ul > #cabinet1Tab > a:hover {color: #000;}
.tabmenu > ul > #cabinet2Tab > a:hover {color: #000;}
.tabmenu > ul > #cabinet3Tab > a:hover {color: #000;}
.tabmenu > ul > #cabinet4Tab > a:hover {color: #000;}
.tabmenu > ul > #cabinet1Tab > a.on {color: #3196ff;}
.tabmenu > ul > #cabinet2Tab > a.on {color: #3196ff;}
.tabmenu > ul > #cabinet3Tab > a.on {color: #3196ff;}
.tabmenu > ul > #cabinet4Tab > a.on {color: #3196ff;}

.tabmenu > ul > #contentTab {background:#cdd5de url('../image/icon/tab_icon_content.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #contentTab:hover {background:#dbe0e6 url('../image/icon/tab_icon_content_over.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #contentTab.on {background:#fff url('../image/icon/tab_icon_content_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #playlistTab {background:#cdd5de url('../image/icon/tab_icon_play.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #playlistTab:hover {background:#dbe0e6 url('../image/icon/tab_icon_playlist_over.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #playlistTab.on {background:#fff url('../image/icon/tab_icon_playlist_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #newPlaylistCreate {background:#cdd5de url('../image/icon/tab_icon_play.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #newPlaylistCreate:hover {background:#dbe0e6 url('../image/icon/tab_icon_playlist_over.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #newPlaylistCreate.on {background:#fff url('../image/icon/tab_icon_playlist_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #editSelectedPlaylist {background:#cdd5de url('../image/icon/tab_icon_play.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #editSelectedPlaylist:hover {background:#dbe0e6 url('../image/icon/tab_icon_playlist_over.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #editSelectedPlaylist.on {background:#fff url('../image/icon/tab_icon_playlist_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #scheduleTab {background:#cdd5de url('../image/icon/tab_icon_schedule.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #scheduleTab:hover {background:#dbe0e6 url('../image/icon/tab_icon_schedule_over.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #scheduleTab.on {background:#fff url('../image/icon/tab_icon_schedule_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #deviceTab {background:#cdd5de url('../image/icon/tab_icon_device.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #deviceTab:hover {background:#dbe0e6 url('../image/icon/tab_icon_device_over.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #deviceTab.on {background:#fff url('../image/icon/tab_icon_device_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #childDeviceTab {background:#cdd5de url('../image/icon/tab_icon_device.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #childDeviceTab:hover {background:#dbe0e6 url('../image/icon/tab_icon_device_over.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #childDeviceTab.on {background:#fff url('../image/icon/tab_icon_device_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #statisticsTab {background:#cdd5de url('../image/icon/tab_icon_statistics.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #statisticsTab:hover {background:#dbe0e6 url('../image/icon/tab_icon_statistics_over.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #statisticsTab.on {background:#fff url('../image/icon/tab_icon_statistics_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #userTab {background:#cdd5de url('../image/icon/tab_icon_user.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #userTab:hover {background:#dbe0e6 url('../image/icon/tab_icon_user_over.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #userTab.on {background:#fff url('../image/icon/tab_icon_user_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #settingsTab {background:#cdd5de url('../image/icon/tab_icon_edit.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #settingsTab:hover {background:#dbe0e6 url('../image/icon/tab_icon_edit_on.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #settingsTab.on {background:#fff url('../image/icon/tab_icon_edit_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #dashboardTab {background:#cdd5de url('../image/icon/tab_icon_dash.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #dashboardTab:hover {background:#dbe0e6 url('../image/icon/tab_icon_dash.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #dashboardTab.on {background:#fff url('../image/icon/tab_icon_dash_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #editScheduleCreate {background:#cdd5de url('../image/icon/tab_icon_schedule.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #editScheduleCreate:hover {background:#dbe0e6 url('../image/icon/tab_icon_schedule_over.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #editScheduleCreate.on {background:#fff url('../image/icon/tab_icon_schedule_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #newScheduleCreate {background:#cdd5de url('../image/icon/tab_icon_schedule.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #newScheduleCreate:hover {background:#dbe0e6 url('../image/icon/tab_icon_schedule_over.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #newScheduleCreate.on {background:#fff url('../image/icon/tab_icon_schedule_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #newADScheduleCreate {background:#cdd5de url('../image/icon/tab_icon_schedule.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #newADScheduleCreate:hover {background:#dbe0e6 url('../image/icon/tab_icon_schedule_over.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #newADScheduleCreate.on {background:#fff url('../image/icon/tab_icon_schedule_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #editADScheduleCreate {background:#cdd5de url('../image/icon/tab_icon_schedule.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #editADScheduleCreate:hover {background:#dbe0e6 url('../image/icon/tab_icon_schedule_over.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #editADScheduleCreate.on {background:#fff url('../image/icon/tab_icon_schedule_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #newEventCreate {background:#cdd5de url('../image/icon/tab_icon_schedule.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #newEventCreate:hover {background:#dbe0e6 url('../image/icon/tab_icon_schedule_over.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #newEventCreate.on {background:#fff url('../image/icon/tab_icon_schedule_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #editEventCreate {background:#cdd5de url('../image/icon/tab_icon_schedule.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #editEventCreate:hover {background:#dbe0e6 url('../image/icon/tab_icon_schedule_over.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #editEventCreate.on {background:#fff url('../image/icon/tab_icon_schedule_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #newEventManageCreate {background:#cdd5de url('../image/icon/tab_icon_schedule.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #newEventManageCreate:hover {background:#dbe0e6 url('../image/icon/tab_icon_schedule_over.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #newEventManageCreate.on {background:#fff url('../image/icon/tab_icon_schedule_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #editEventManageCreate {background:#cdd5de url('../image/icon/tab_icon_schedule.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #editEventManageCreate:hover {background:#dbe0e6 url('../image/icon/tab_icon_schedule_over.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #editEventManageCreate.on {background:#fff url('../image/icon/tab_icon_schedule_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #newMessageCreate {background:#cdd5de url('../image/icon/tab_icon_schedule.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #newMessageCreate:hover {background:#dbe0e6 url('../image/icon/tab_icon_schedule.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #newMessageCreate.on {background:#fff url('../image/icon/tab_icon_schedule_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #editMessageCreate {background:#cdd5de url('../image/icon/tab_icon_schedule.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #editMessageCreate:hover {background:#dbe0e6 url('../image/icon/tab_icon_schedule.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #editMessageCreate.on {background:#fff url('../image/icon/tab_icon_schedule_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #eslServerTab {background:#cdd5de url('../image/icon/tab_icon_esl.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #eslServerTab:hover {background:#dbe0e6 url('../image/icon/tab_icon_esl.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #eslServerTab.on {background:#fff url('../image/icon/tab_icon_esl_selected.png') no-repeat 15px center;color:#3196ff;}

.tabmenu > ul > #ruleManagerTab {background:#cdd5de url('../image/icon/tab_icon_analytics.png') no-repeat 15px center;color:#363636}
.tabmenu > ul > #ruleManagerTab:hover {background:#dbe0e6 url('../image/icon/tab_icon_analytics.png') no-repeat 15px center;color:#00000;}
.tabmenu > ul > #ruleManagerTab.on {background:#fff url('../image/icon/tab_icon_analytics_selected.png') no-repeat 15px center;color:#3196ff;}

.main_lnb #lnbSubMenuLists {position:relative;overflow:hidden;}

.lnbwrap.loading {background-image: url("../image/img/loading.gif");background-repeat: no-repeat;background-position: center 100px;background-size: 80px;}

/* SIGN IN AREA */
.signin_wrap {width:379px;background:#323b46;position:absolute;top:0;left:0;bottom:0;z-index:10;height:100%}
.signin_wrap > div {position:relative;height:100%;}
.signin_wrap > div > span > img {margin-top:85px;margin-left:113px;}
.signin_area {margin-left:50px;margin-top:167px;}
.sign_input {height:42px;font-size:14px;background:#323b46;border:0 !important;border-radius:0 !important;width:266px;color:#fff !important;padding: 0 10px 0 10px;}
.sign_input::-webkit-input-placeholder {color:#474f59;}
.sign_input:hover::-webkit-input-placeholder {color:#fff;}
.sign_input:hover {background:#38414c;border:0 !important;}
.sign_input:focus {background:#444d57;border:0 !important;}
.sign_input.underline {border-bottom:1px solid #a9adb2 !important;}
.sign_btn {width:276px;height:42px;background:#4fa5ff;border:0;font-size:13px;color:#fff;margin:51px 0 0 50px;}
.sign_btn:hover {background:#75b8ff}
.sign_btn:active {background:#2e83dc}

.checked_area {margin:27px 0 0 50px;}
.checked_area input[type="checkbox"] +label {background:url('../image/img/sign_checkbox_normal.png') no-repeat;color:#70767e;margin-bottom:12px;}
.checked_area input[type="checkbox"]:hover +label {color:#b6b8bb;}
.checked_area input[type="checkbox"]:checked +label,
.checked_area input[type="checkbox"]:active +label {background:url('../image/img/sign_checkbox_select.png') no-repeat}
.checked_area a {display:block;}
.checked_area a:hover,
.checked_area a:active {color:#b6b8bb;}

.signup_go_wrap {position:absolute;bottom:67px;left:50px;border-top:1px solid #3e4751;width:275px;color:#70767e;padding-top:31px;line-height:25px}
.signup_go_wrap > a {color:#70767e;}
.signup_go_wrap > a:hover,
.signup_go_wrap > a:active {color:#b6b8bb;}
.signup_go_wrap .down_program {width:45px;height:18px;display:inline-block;border:1px solid #6b727a;margin-right:6px;margin-top:9px;line-height:18px;text-align:center;font-size:11px}
.signup_go_wrap .down_program a {width:100%;display:inline-block;color:#a5a9ae;}
.signup_go_wrap .down_program:hover {border-color:#999da3;color:#a5a9ae}
.signup_go_wrap .down_program:active {background:#242b33;border-color:#242b33;color:#a5a9ae}

.sign_mainimg_box {position:absolute;top:50%;left:50%;margin-top:-135px;margin-left:-100px;z-index:10}
.sign_mainimg_box > div {height:100%;width:100%;text-align:center}

.resetPWrequestBtn {border:0;font-size:13px;width:120px;line-height:24px;background:#4fa5ff;color:#fff;border:1px solid #c6ccd5;}
.resetPWrequestBtn:hover {background:#75b8ff}
.resetPWrequestBtn:active {background:#2e83dc}

.resetPWNextBtn {border:0;font-size:13px;width:120px;line-height:25px;background:#4fa5ff;color:#fff;border:1px solid #c6ccd5;}
.resetPWNextBtn:hover {background:#75b8ff}

.resetPWSaveBtn {border:0;font-size:13px;width:120px;line-height:25px;background:#4fa5ff;color:#fff;border:1px solid #c6ccd5; height:35px}
.resetPWSaveBtn {background:#75b8ff}

.signup_wrap {background:#e6ebf0;width:100%;position:absolute;top:0;left:376px;bottom:0;}
.signup_wrap > div {padding-left:148px;padding-top:115px;}
.signup_wrap h1 {font-size:32px;color:#686b72;margin:0;line-height:32px;margin-bottom:25px;}
.signup_checking_area {width:605px;border-bottom:1px solid #dfe3e8;padding-top:40px;padding-bottom:29px;}
.signup_checking_area h3 {font-size:18px;color:#686b72;font-weight:normal;}
.signup_checking_area h3 > span {font-size:12px;color:#8a8d90;display:inline-block;padding-left:28px;}
.signup_checking_area table th,
.signup_checking_area table td {vertical-align:middle;padding:6px 0 6px 3px;}
.signup_checking_area table th img {margin-left:6px;}
.error_txt {color:#FF6347;display:block;margin-left:13px;line-height:13px}
.error_txt2 {width:100%;color:#f79394;line-height:13px;}
.error_txt3 {position: absolute;top:0px;left: 275px;width:100%;color:#f79394;display:inline-block;line-height:13px;padding-top:5px;padding-left:4px}
.error_txt4 {color:red;}
.error_txt5 {width:100%;color:red;line-height:13px;}

.signup_wrap .signup {border:0;font-size:13px;width:179px;line-height:40px;background:#4fa5ff;color:#fff;margin-top:45px;}
.signup_wrap .signup:hover {background:#75b8ff}
.signup_wrap .signup:active {background:#2e83dc}
.signup_wrap .cancel {border:0;font-size:13px;width:179px;line-height:38px;background:#ecf0f4;color:#636464;margin-top:45px;border:1px solid #c6ccd5;}
.signup_wrap .cancel:hover {color:#575859;background:#f1f4f7;border-color:#b4b9c3;}
.signup_wrap .cancel:active {color:#737677;background:#d3d7da;border-color:#c6ccd5;}

.save_reset_password_wrap .user_info_wrap:hover {}

/* ?�★?�★?�★?�LOGIN AREA */
.login_wrap {position:absolute;right:5px;top:40px;width:220px;}
.login_wrap > ul > li {float:left;}
.login_wrap > ul > li > a {width:100%;display:inline-block;color:#464646;}
.login_wrap > ul > li > a:hover {color:#609be8;} 
.login_wrap > ul > li > a:active {color:#3196ff;} 
.login_wrap > ul > .alarm_box {position:relative;}
.login_wrap > ul > .alarm_box > a {position:absolute;top:18px;left:-45px;width:27px;height:27px;border-radius:13px;display:block;background:url('../image/img/user_notifi.png') no-repeat 5px;}
.login_wrap > ul > .alarm_box:hover > a  {background:#f3f5f8 url('../image/img/user_notifi.png') no-repeat 5px;}
.login_wrap > ul > .alarm_box:active > a  {background:#d4dce3 url('../image/img/user_notifi.png') no-repeat 5px;}
.login_wrap > ul > .alarm_box.on > a {z-index:30;background:#edf1f4 url('../image/img/user_notifi.png') no-repeat 5px;}
.login_wrap > ul > .alarm_box > a > span {position:absolute;top:-3px;left:14px;display:block;width:16px;height:16px;border:1px solid #e55b48;font-size:9px;color:#e55b48;background:#fff;border-radius:9px;text-align:center}
.login_wrap > ul > .alarm_box > a:hover > span {color:#e65544;border-color:#e65544;background:#fde8e9}
.login_wrap > ul > .alarm_box > a:active > span {color:#e65544;border-color:#e65544;background:#fff}
.login_wrap > ul > .alarm_box.on > a > span {color:#e65544;border-color:#e65544;background:#fff;z-index:20}
.login_wrap > ul > .user_box {padding-left:16px;background:url('../image/bg/bar_1.png') no-repeat left 27px;}
.login_wrap > ul > .user_box > {position:relative;padding-top:25px;}
.login_wrap > ul > .user_box > .user_name {width:120px;line-height:25px;position:relative;text-align:right;margin-left:-80px;}
.login_wrap > ul > .user_box > .lgoutBtn {display:inline-block;float:right;position:absolute;right:0px;top:0px;width:auto;}
.login_wrap > ul > .user_box > a > .user_thumwrap {display:inline-block;float:right;margin-left:10px;position:absolute;right:0;top:0;}
.login_wrap > ul > .user_box > a > .user_thumwrap > span {display:inline-block;position:relative;}
.login_wrap > ul > .user_box > a > .user_thumwrap > span img {width:43px;height:43px;border-radius:20px}

/* ?�★?�★?�★?�NOTIFICATION */
.notification_wrap {position:absolute;right:5px;top:55px;background:rgba(0,0,0,0.15);padding-bottom:2px;border-radius:3px}
.notification_wrap > div {position:relative;width:407px;background:#fff;border-radius:3px}
.notification_wrap > div > span {position:absolute;top:-13px;right:22px;}
.notification_wrap h3 {margin:0;font-size:13px;line-height:47px;border-bottom:1px solid #ebebeb;padding-left:20px;}
.notification_wrap > div > ul {height:370px;overflow-y:scroll;overflow-x:hidden;}
.notification_wrap > div > ul > li {border-bottom:1px solid #ebebeb;line-height:24px;}
.notification_wrap > div > ul > li:hover {background:#f3f9ff;}
.notification_wrap > div > ul > li:last-child {border-bottom:0;}
.notification_wrap > div > ul > li > a {display:inline-block;width:100%;color:#7a7a7a;padding:12px 0 13px 83px;}
.notification_wrap > div > ul > li > a > .date {display:block;color:#bcbcbc;}

.notification1 a {background:url('../image/icon/notification_icon1.png') no-repeat 28px 23px;}
.notification2 a {background:url('../image/icon/notification_icon2.png') no-repeat 28px 23px;}
.notification3 a {background:url('../image/icon/notification_icon3.png') no-repeat 26px 22px;}
.notification4 a {background:url('../image/icon/notification_icon4.png') no-repeat 26px 22px;}

.notification_wrap.error > div {width:207px;border-radius:0px}
.notification_wrap.error > div > div {background:url('../image/icon/bullet_1.png') no-repeat 19px 13px;line-height:37px;font-size:13px;color:#de6f6f;padding-left:36px;}

/* ?�★?�★?�★?�USER INFORMATION */

.tutorial_wrap {position:absolute;right:3px;top:75px;background:rgba(0,0,0,0.15);padding-bottom:2px;border-radius:3px}
.tutorial_wrap > div {position:relative;width:210px;background:#fff;border-radius:3px}
.tutorial_wrap > div > span {position:absolute;top:-13px;right:22px;}
.tutorial_wrap h3 {margin:0;font-size:13px;line-height:47px;border-bottom:1px solid #ebebeb;padding-left:20px;}
.tutorial_wrap > div > .clearfix {border-bottom:1px solid #ebebeb;margin:0 25px;}
.tutorial_wrap .user_thum > img {width:95px;height:95px;border-radius:50px;border: 1px solid #efefef;}
.tutorial_wrap .user_thum {padding:27px 0 0 24px;float:left;width:130px;}
.tutorial_wrap .user_thum > span {display:block;font-size:10px;color:#6a6a6a;font-weight:bold;padding-top:15px}
.tutorial_wrap .user_thum > span > span {display:block;font-size:20px;color:#7f7f7f;font-weight:normal;padding-top:4px;width:140px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;}
.tutorial_wrap .user_detail {float:left;padding:10px 0 0 0px}
.tutorial_wrap .user_detail ul > li {cursor:pointer;}
.tutorial_wrap .user_detail ul > li > span {display:block;font-size:10px;color:#6a6a6a;font-weight:bold;padding-top:18px}
.tutorial_wrap .user_detail ul > li > a > span {display:block;font-size:10px;color:#6a6a6a;font-weight:bold;padding-top:18px}
.tutorial_wrap .user_detail ul > li > span > span {display:block;font-size:16px;color:#7f7f7f;font-weight:normal;padding-top:6px}
.tutorial_wrap .user_detail ul > li:first-child > span {padding-top:10px;}
.tutorial_wrap .user_detail ul > li:last-child {margin-bottom:37px;}
.tutorial_wrap > div > .btn_wrap {width:100%;text-align:center;padding:20px 0;}


.user_information_wrap {position:absolute;background:rgba(0,0,0,0.15);padding-bottom:2px;border-radius:3px}
.user_information_wrap > div {position:relative;background:#fff;border-radius:3px}
.user_information_wrap > div > span {position:absolute;top:-13px;right:22px;}
.user_information_wrap h3 {margin:0;font-size:13px;line-height:47px;border-bottom:1px solid #ebebeb;padding-left:20px;}
.user_information_wrap > div > .clearfix {border-bottom:1px solid #ebebeb;margin:0 25px;}
.user_information_wrap .user_thum > img {width:95px;height:95px;border-radius:50px;border: 1px solid #efefef;}
.user_information_wrap .user_thum {padding:27px 0 0 24px;float:left;width:130px;}
.user_information_wrap .user_thum > span {display:block;font-size:10px;color:#6a6a6a;font-weight:bold;padding-top:15px}
.user_information_wrap .user_thum > span > span {display:block;font-size:20px;color:#7f7f7f;font-weight:normal;padding-top:4px;width:140px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;}
.user_information_wrap .user_detail {float:left;padding:10px 0 0 43px}
.user_information_wrap .user_detail ul > li > span {display:block;font-size:10px;color:#6a6a6a;font-weight:bold;padding-top:18px}
.user_information_wrap .user_detail ul > li > span > span {display:block;font-size:16px;color:#7f7f7f;font-weight:normal;padding-top:6px}
.user_information_wrap .user_detail ul > li:first-child > span {padding-top:10px;}
.user_information_wrap .user_detail ul > li:last-child {margin-bottom:37px;}
.user_information_wrap > div > .btn_wrap {width:100%;text-align:center;padding:20px 0;}

/* ?�★?�★?�★?�DETAIL SEARCH WRAP */
.detail_search_wrap {position:absolute;right:21px;top:38px;background:rgba(0,0,0,0.15);padding-bottom:2px;}
.detail_search_wrap.setting > div {border:1px solid #dde0e5;width:307px;}
.detail_search_wrap > div {position:relative;width:500px;background:#fff;}
.detail_search_wrap > div > span {position:absolute;top:-13px;right:30px;}
.detail_search_wrap h3 {margin:0;font-size:13px;line-height:47px;border-bottom:1px solid #ebebeb;padding-left:20px;}
.detail_search_wrap > div > .clearfix {border-bottom:1px solid #ebebeb;margin:0 25px;}

.detail_search_wrap > div > .btn_wrap {width:100%;text-align:right;padding:20px 0;height:28px;}
.detail_search_wrap > div > .btn_wrap button {margin-right:25px;}
.detail_search_wrap.setting > div > .btn_wrap {width:100%;text-align:center;padding:20px 0;height:28px;}
.detail_search_wrap.setting > div > .btn_wrap button {margin-right:0;}
.detail_search_wrap table {margin:15px 0;}
.detail_search_wrap table th {padding:5px 0 5px 15px;color:#8d8d8d;vertical-align:middle;}
.detail_search_wrap table th:first-child {padding-left:0}
.detail_search_wrap table tr.va_t th {vertical-align: top;padding-top:10px;}
.detail_search_wrap table td {padding:5px 0 5px 15px;width:70%}

.detail_search_wrap.mini {right:5px;top:38px;background:rgb(242,242,242);padding-bottom:2px;}
.detail_search_wrap.mini .size {font-size:10px;color:#b8b8b8;display:block;margin-bottom:7px;}
.detail_search_wrap.mini > div {width:265px;}
.detail_search_wrap.mini > div > .clearfix {border:1px solid #dde0e5;padding:18px 15px 20px 15px;margin:0px;}
.detail_search_wrap.mini > div > span {position:absolute;top:-11px;right:12px;}

/* DETAIL INFO  WRAP */
.detail_info_wrap {position:absolute;right:21px;top:38px;background:rgba(0,0,0,0.15);padding-bottom:2px;}
.detail_info_wrap > div {position:relative;width:239px;background:#fff;border:1px solid #dde0e5;}
.detail_info_wrap > div > .clearfix {margin:0 25px;}
.detail_info_wrap > div > .clearfix > .underline {border-bottom:1px solid #ebebeb;}

.detail_info_wrap table {margin:15px 0;}
.detail_info_wrap table th {padding:5px 0 5px 15px;color:#8d8d8d;vertical-align:middle;}

.map_legend {position:absolute;right:21px;}
.map_legend > div {position:relative;width:200px;background:#fff;border:1px solid #dde0e5;}
.map_legend > div > .clearfix {margin:0 25px;}
.map_legend > div > .clearfix > .underline {border-bottom:1px solid #ebebeb;}

.map_legend table {margin:15px 0;}
.map_legend table th {padding:5px 0 5px 15px;color:#8d8d8d;vertical-align:middle;}


/* LNB STYLE */
.lnb_buttonwrap {min-height:48px;padding-top:22px;padding-left:20px !important;display:inline-block;}
.lnb {overflow:hidden}
.lnb a {display:inline-block;}

.lnb > ul > li > a:hover {background:#e3e8ec;}
.lnb > ul > li:hover {background:#e3e8ec;}
.lnb > ul > li.hasSub > a:hover {background:url('../image/bg/lnb_arrow_down.png') no-repeat;background-position: right 26px top 17px;/* color:#5f6366; */}
.lnb a:active.not(.hasSub) {color:#3196ff;}

.lnb .numbering {min-width:22px;text-align:center;font-size:11px;color:#fff;display:inline-block;height:16px;background:#a4a8ae;border-radius:8px;line-height:16px;padding-left:6px;padding-right:6px;margin-left:15px;}
/*.lnb a:hover .numbering {color:#fff;background:#609be8;}*/
.lnb a:active .numbering {color:#fff;background:#3196ff;}
.lnb li {position: relative;}
.numbering.loading {} /* be able to add loading icon if UX wants in advanced*/
.numbering.zero {display:none;}


	/* 1 depth */
.lnb > ul > li {line-height:41px;width:100%;}
.lnb > ul > li > a {box-sizing:border-box; padding-left:28px; font-size:14px; color:#5f6366; background:none;width:100%;}
.lnb > ul > li.hasSub > a:hover {background:url('../image/bg/lnb_arrow_down.png') no-repeat;background-position: right 26px top 17px;width:100%;}
.lnb > ul > li.hasSub.open {background:#cdd5de url('../image/bg/lnb_arrow_up.png') no-repeat;background-position: right 26px top 17px; color:#000000;}
/* .lnb > ul > li.hasSub.open:hover {background:#e3e8ec;} */
.lnb > ul > li.hasSub.open.active {background:#fff url('../image/bg/lnb_arrow_up.png') no-repeat;background-position: right 26px top 17px; color:#000000;}
.lnb > ul > li.hasSub.open > a:hover {background:url('../image/bg/lnb_arrow_up.png') no-repeat;background-position: right 26px top 17px;}
/* .lnb > ul > li.depth_none:hover > a {background:#e4e9ee} */
.lnb > ul > li.active:not(.hasSub) > a {background:#fff; color:#3196ff;}
/* .lnb > ul > li.hasSub > a {background:none} */
/* .lnb > ul > li.depth_none.open:hover > a {background:#e4e9ee} */
/* .lnb > ul > li > ul {margin-top:-1px;} */
.lnb > ul > li.active .numbering {color:#fff; background:#3196ff;}
.lnb > ul > li.active.depth_none .numbering {color:#fff; background:#3196ff;}
.lnb > ul > li.active.depth_on > a {color:#3196ff;}
.lnb > ul > li.active.depth_on > a span.numbering {color:#fff; background:#3196ff;}

	/* 2 depth */
.lnb > ul > li > ul > li {line-height:39px;width:100%;}
.lnb > ul > li > ul > li {background:#cdd5de;} 
.lnb > ul > li > ul > li > a {box-sizing:border-box; padding-left:38px; font-size:12px; color:#595b5f;}
.lnb > ul > li > ul > li:hover {background:#e3e8ec;}
.lnb > ul > li > ul > li.frame > a {padding-left:28px}
.lnb > ul > li > ul > li > a:hover {background:/* #eaedf2  */url('../image/bg/lnb_arrow_up.png') no-repeat;background-position: right 26px top 17px;}
.lnb > ul > li > ul > li.active > a {color:#3196ff; background:#fff}
.lnb > ul > li > ul > li.active > a > .numbering {color:#fff; background:#3196ff;}
.lnb > ul > li > ul > li.hasSub > a {background:url('../image/bg/lnb_arrow_down.png') no-repeat;background-position: right 26px top 17px; color:#000000;}
.lnb > ul > li > ul > li.hasSub > a:hover {background:url('../image/bg/lnb_arrow_down.png') no-repeat;background-position: right 26px top 17px; color:#000000;}
.lnb > ul > li > ul > li.hasSub.open > a {background:url('../image/bg/lnb_arrow_up.png') no-repeat;background-position: right 26px top 17px; color:#000000;}
.lnb > ul > li > ul > li.hasSub.open.active {background-color:#fff;}
.lnb > ul > li > ul > li.hasSub.open > a:hover {background:url('../image/bg/lnb_arrow_up.png') no-repeat;background-position: right 26px top 17px;}
.lnb > ul > li > ul > li.hasSub.open > a > .numbering {color:#fff; background:#3196ff;}
.lnb > ul > li.active > ul > li .numbering {color:#fff; background:#a4a8ae;}
.lnb > ul > li > ul > li.frame .size {display:none; position:absolute; top:74px; left:127px; background:rgba(224,224,224,0.85); font-size:12 !important; color:#1e1e1e; padding:0 5px !important; line-height:24px}
.lnb > ul > li > ul > li.frame:hover .size {display:block}
.lnb > ul > li > ul > li.message	{position:relative;}
.lnb > ul > li > ul > li.message button	{cursor:pointer}
.lnb > ul > li > ul > li.message a:hover	{background-image:none}
 
 
	/* group tree */
/* .lnb > ul > li > div {background:#e1e7ee;line-height:39px;font-size:12px;color:#595b5f;} */
.lnb > ul > li > div > ul > li {background:#e1e7ee;line-height:39px;padding-left:35px;font-size:12px;color:#595b5f;} /* 0 depth */
.lnb > ul > li > div > ul > li > ul > li {background:#e2e7ee;line-height:39px;padding-left:10px;font-size:12px;color:#595b5f;} /* 1 depth */
.lnb > ul > li > div > ul > li > ul > li > ul > li {background:#e3e7ee;line-height:39px;padding-left:10px;font-size:12px;color:#595b5f;} /* 2 depth */
.lnb > ul > li > div > ul > li > ul > li > ul > li > ul > li {background:#e4e7ee;line-height:39px;padding-left:10px;font-size:12px;color:#595b5f;} /* 3 depth */
.lnb > ul > li > div > ul > li > ul > li > ul > li > ul > li > ul > li {background:#e5e7ee;line-height:39px;padding-left:10px;font-size:12px;color:#595b5f;} /* 4 depth */
.lnb > ul > li > div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li {background:#e6e7ee;line-height:39px;padding-left:10px;font-size:12px;color:#595b5f;} /* 5 depth */
.lnb > ul > li > div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li {background:#e7e7ee;line-height:39px;padding-left:10px;font-size:12px;color:#595b5f;} /* 6 depth */
.lnb > ul > li > div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li {background:#e8e7ee;line-height:39px;padding-left:10px;font-size:12px;color:#595b5f;} /* 7 depth */


	
	

.lnb > ul > li > ul > li {line-height:39px;width:100%}
.lnb > ul > li.active {background:#fff;}
.lnb > ul > li > ul > li > a {padding-left:38px;font-size:12px;color:#595b5f;width:100%}
.lnb > ul > li > ul > li.frame > a {padding-left:28px}
.lnb > ul > li > ul > li > a:hover {background:#eaedf2;width:100%}
.lnb > ul > li > ul > li.active.not(.hasSub) > a {color:#3196ff;background:#eef1f3;width:100%}
.lnb > ul > li > ul > li.active.not(.hasSub) > a:hover {color:#3196ff;background:#eaedf2;width:100%}
.lnb > ul > li > ul > li.active > a > .numbering {color:#fff;background:#3196ff;}
.lnb > ul > li.active > ul > li .numbering {color:#fff;background:#a4a8ae;}
.lnb > ul > li > ul > li.frame .size {display:none;position:absolute;top:74px;left:127px;background:rgba(224,224,224,0.85);font-size:12 !important;color:#1e1e1e;padding:0 5px !important;line-height:24px}
.lnb > ul > li > ul > li.frame:hover .size {display:block}

	/* 3 depth */

.lnb > ul > li > ul > li > ul > li {background:#e7ebf0;line-height:39px}
.lnb > ul > li > ul > li > ul > li > a {padding-left:38px;color:#83868a;}
.lnb > ul > li > ul > li > ul > li > a:hover {background:#eef1f3 url('../image/bg/lnb_3depth.png') no-repeat 38px 19px !important;color:#83868a;}
.lnb > ul > li > ul > li > ul > li > a > img {margin-right:7px;vertical-align:-3px;}
.lnb > ul > li > ul > li > ul > li.bg_dot > a {padding-left:62px;background:url('../image/bg/lnb_3depth2.png') no-repeat 52px 18px !important;}
.lnb > ul > li > ul > li > ul > li.bg_dot > a:hover {background:#eef1f3 url('../image/bg/lnb_3depth2.png') no-repeat 52px 18px !important;}
.lnb > ul > li > ul > li > ul > li.bgnone > a {padding-left:52px;background:none !important}
.lnb > ul > li > ul > li > ul > li.bgnone > a:hover {background:#eef1f3 !important}


.lnb a > .iconwrap {display:inline-block;height:19px;position:absolute;top:7px;}
.lnb a > .iconwrap button {border:0;float:left;padding:0;margin:0;}
.lnb a > .iconwrap .folder {display:none;height:9px;width:9px;background:url('../image/icon/lnb_icon1.png') no-repeat 0 0;margin:8px 15px 0 0;}
.lnb a:hover > .iconwrap .folder {display:block;}
.lnb a > .iconwrap .basket {height:27px;width:27px;background:url('../image/icon/lnb_icon2.png') no-repeat 0 0;}
.lnb a > .iconwrap .basket:hover {background:url('../image/icon/lnb_icon2.png') no-repeat 0 -27px;}
.lnb a > .iconwrap .basket:active {background:url('../image/icon/lnb_icon2.png') no-repeat 0 -54px;}
.lnb a > .iconwrap .basket2 {height:27px;width:27px;background:url('../image/icon/lnb_icon5.png') no-repeat 0 0;}
.lnb a > .iconwrap .basket2:hover {background:url('../image/icon/lnb_icon5.png') no-repeat 0 -27px;}
.lnb a > .iconwrap .basket2:active {background:url('../image/icon/lnb_icon5.png') no-repeat 0 -54px;}
.lnb a > .iconwrap .add {height:19px;width:19px;background:url('../image/button/plus_icon_over.png') no-repeat 0 0;}
.lnb a > .iconwrap .remove {height:19px;width:19px;background:url('../image/button/publish_minimized_close_hover.png') no-repeat 0 0;}
.lnb a > .iconwrap .write {height:27px;width:27px;background:url('../image/icon/lnb_icon3.png') no-repeat 0 0;}
.lnb a > .iconwrap .write:hover {background:url('../image/icon/lnb_icon3.png') no-repeat 0 -27px;}
.lnb a > .iconwrap .write:active {background:url('../image/icon/lnb_icon3.png') no-repeat 0 -54px;}
.lnb a > .iconwrap .setting {height:27px;width:27px;background:url('../image/icon/lnb_icon4.png') no-repeat 0 0;}
.lnb a > .iconwrap .setting:hover {background:url('../image/icon/lnb_icon4.png') no-repeat 0 -27px;}
.lnb a > .iconwrap .setting:active {background:url('../image/icon/lnb_icon4.png') no-repeat 0 -54px;}
.lnb a > button {border:0;padding:0;margin-left:15px;vertical-align:middle;}
.lnb a > .notifi {height:16px;width:16px;background:url('../image/icon/status6.png') no-repeat 0 0}
.lnb a > .alarm {height:16px;width:16px;background:url('../image/icon/status7.png') no-repeat 0 0;}
.footer {position:absolute;bottom:25px; color:#a5a8aa;font-size:11px;padding-left:27px}

/* List Button Wrap Style */
.contents_buttonwrap {height:38px;position:relative;display:inline-block;width:100%;margin-left:20px;}
.contents_buttonwrap > .leftButton {display:inline-block;margin-left:20px;min-width:720px;}
.contents_buttonwrap > .leftButton:nomargin {display:inline-block;min-width:720px;}
.contents_buttonwrap > .rightButton {display:inline-block;margin-right:20px;}
.contents_buttonwrap .icon {margin-right:30px;}
.contents_buttonwrap.line {border-bottom:1px solid #ecedee;padding-bottom:21px;}
.viewmode_wrap {display: inline-block;float:left;}
.viewmode_wrap button {width:34px;margin:0;border-radius:0;padding:4px 0 5px 0;text-align:left}
.viewmode_wrap button:hover {border:1px solid #b4b9c3;background:#fff;}
.viewmode_wrap button:active {border:1px solid #7188a0;background:#7188a0;}
.viewmode_wrap button span {display:inline-block;width:14px;height:14px;}

.viewmode_wrap button.gray {border:1px solid #dde0e5;}
.viewmode_wrap button.gray:hover {border:1px solid #b4b9c3;background:#eff0f1;}
.viewmode_wrap button.gray:active {border:1px solid #7188a0;background:#7188a0;}

.viewmode_wrap button.view_list {border-bottom-left-radius:15px;border-top-left-radius:15px;}
.viewmode_wrap button.view_list span {background:url('../image/button/viewmode_img.png') no-repeat 0 0;margin-left:9px}
.viewmode_wrap button.view_list:hover span {background:url('../image/button/viewmode_img.png') no-repeat 0 -41px}
.viewmode_wrap button.view_list:active span {background:url('../image/button/viewmode_img.png') no-repeat  0 -80px}
.viewmode_wrap button.view_list.on {background:#7188a0;border-color:#7188a0;}
.viewmode_wrap button.view_list.on span {background:url('../image/button/viewmode_img.png') no-repeat 0 -80px;}

.viewmode_wrap button.view_thum {border-bottom-right-radius:15px;border-top-right-radius:15px;margin-left:-5px;}
.viewmode_wrap button.view_thum span {background:url('../image/button/viewmode_img.png') no-repeat -46px 0;margin-left:7px}
.viewmode_wrap button.view_thum:hover span {background:url('../image/button/viewmode_img.png') no-repeat -46px -41px}
.viewmode_wrap button.view_thum:active span {background:url('../image/button/viewmode_img.png') no-repeat -46px -80px;}
.viewmode_wrap button.view_thum.blnone {width:33px;/*border-left:0;*/}
.viewmode_wrap button.view_thum.on {background:#7188a0;border-color:#7188a0;}
.viewmode_wrap button.view_thum.on span {background:url('../image/button/viewmode_img.png') no-repeat -46px -80px;}

.viewmode_wrap button.view_map {margin-left:-5px;border-right: 1px solid #dde0e5;}
.viewmode_wrap button.view_map span {background:url('../images/icon/icon_earth_normal.png') no-repeat;margin-left:7px}
.viewmode_wrap button.view_map:hover span {background:url('../images/icon/icon_earth_normal.png') no-repeat;}
.viewmode_wrap button.view_map:active span {background:url('../images/icon/icon_earth_selected.png') no-repeat;}
.viewmode_wrap button.view_map.blnone {width:33px;border-left:0;}
.viewmode_wrap button.view_map.on {background:#7188a0;border-color:#7188a0;}
.viewmode_wrap button.view_map.on span {background:url('../images/icon/icon_earth_selected.png') no-repeat;}

.size_control_wrap {position:relative;border-left:1px solid #f0f0f0;}
.size_control_wrap > span {display:inline-block;width:145px;height:28px;}
.size_control_wrap .control_box {position:absolute;top:0;left:0;width:145px;height:28px;padding-left:10px;}
.size_control_wrap .control_box .slider_box {padding-top:10px}
.control_bar {display:inline-block;/* width:89px; */height:14px;/* background:url('../image/bg/control_bg.png') repeat-x 0 4px; */position:relative}
.control_bar > span {height:2px;background:#2c99f8;display:block;margin-top:4px;}
.control_cursor {position:absolute;top:0px;left:50%;width:12px;height:12px;border:0;background:url('../image/img/control_handler1.png') no-repeat 0 0;}
.control_cursor:hover {background-position:0 -15px }
.control_cursor:active {background-position:0 -30px }
.control_cursor:disabled {background-position:0 -45px }

.contents_buttonwrap > .noti {position:absolute;top:10px;right:20px;font-size:11px;color:#686b72;display:inline-block;background:url('../image/icon/bullet_2.png') no-repeat 0 4px;padding-left:15px}
.device_number_txt {text-align:right;padding-right:42px;color:#2d2d2d;line-height:28px}
.device_number_txt > span {margin-right:20px;}

button .arrow {margin-left:5px;}
/* LIST STYLE */
.fixed_wrap {padding-right:360px}
.list_wrap {/*position:relative; */ padding-bottom:45px}
.list_wrap table {width:100%; position:relative;}
/*.list_wrap table {width:100%; position:relative;}*/
.list_wrap table thead {border:0;border-top:1px solid #f2f2f2;border-bottom:1px solid #fafafa;background:#fafafa;position:relative;}
.list_wrap > div > div table > thead > tr > th {vertical-align:middle;padding:7px 10px 7px 10px;background:url('../image/bg/table_th_border.png') repeat-y right;position:relative;}
.list_wrap > div > div table > thead > tr > th:first-child {background:none;padding:7px 0 7px 17px;}
.list_wrap > div > div table > thead > tr > th.bar {background:url('../image/bg/table_th_border.png') repeat-y right}
.list_wrap > div > div table > thead > tr > th.bgnone {background:none;}
.list_wrap > div > div table > thead > tr > th:last-child {border-right:0;background:none}
.list_wrap > div > div table > thead > tr > th.icon:hover {background:#f3f3f3;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.list_wrap > div > div table > thead > tr > th.icon:active {background:#f0f0f0;}
.list_wrap > div > div table > thead > tr > th.icon > a {display:none}
.list_wrap > div > div table > thead > tr > th.icon:hover > a {display:block;width:15px;height:15px;float:right;margin-right:0px;padding:0;background:url('../image/img/list_arrow.png') no-repeat 5px 7px;}
.list_wrap > div > div table > thead > tr > th:last-child.icon:hover  > a {margin-right:10px;}

.list_wrap > table > thead > tr > th {vertical-align:middle; padding:7px 10px 7px 10px; background:url('../image/bg/table_th_border.png') repeat-y right; position:relative;}
.list_wrap > table > thead > tr > th:first-child {background:none; padding:7px 0 7px 17px;}
.list_wrap > table > thead > tr > th.bar {background:url('../image/bg/table_th_border.png') repeat-y right}
.list_wrap > table > thead > tr > th.bgnone {background:none;}
.list_wrap > table > thead > tr > th:last-child {border-right:0; background:none}
.list_wrap > table > thead > tr > th.icon:hover {background:#f3f3f3; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.list_wrap > table > thead > tr > th.icon:active {background:#f0f0f0;}
.list_wrap > table > thead > tr > th.icon > a {display:none}
.list_wrap > table > thead > tr > th.icon:hover > a {display:block; width:15px; height:15px; float:right; margin-right:0px; padding:0; background:url('../image/img/list_arrow.png') no-repeat 5px 7px;}
.list_wrap > table > thead > tr > th:last-child.icon:hover  > a {margin-right:10px;}


.list_wrap table tr th label {text-indent: -9999px;}
.list_wrap table tr th.checkall label {text-indent:0px;}
.list_wrap table tr th.checkinfo label {text-indent:0px;}
.list_wrap table tr td label {text-indent: -9999px}

.data_name {cursor:pointer;white-space: nowrap;overflow: hidden;display: block;}
.data_name:hover {text-decoration: underline}

.list_wrap_empty {width:100%;text-align:center}
.list_wrap_empty.noline {border-top:0;}
.list_wrap_empty .empty_title {font-size:26px;color:#d9e0e7;display:block;margin-bottom:17px;}
.list_wrap_empty > div > img {margin-bottom:41px;margin-top:290px;}
.list_wrap_empty > div > span {font-size:15px;color:#cbcbcb;line-height:20px}

.list_wrap_empty2 {width:auto;margin-bottom:0; width:auto}
.list_wrap_empty2 > img {margin-bottom:41px;}
.list_wrap_empty2 > span {display:block;font-size:15px; color:#cbcbcb; line-height:20px}

.sorting_wrap {position:absolute;right:0;top:0;}
.sorting.select {padding-left:13px;padding-right:6px;text-align:left;background:none;border:0;height:33px;line-height:30px;color:#797979;border-right:1px solid #f0f0f0;}
.sorting.select.bar {border-right:0;background:url('../image/bg/bar_2.png') no-repeat right 7px;}
.sorting.select.bar_none {border-right:0;background:none}
.sorting.select.bl {border-left:1px solid #f0f0f0;}
.sorting.select.br {border-right:1px solid #f0f0f0 !important;}
.sorting.select span {width:100%;}
.sorting.select span > .arrow {display:inline-block;float:right;width:10px;height:20px;background: url('../image/button/select_down.png') no-repeat 0 13px;}
.sorting.select.asc span.asc > .arrow {display:inline-block;float:right;width:10px;height:20px;background: url('../image/button/select_down.png') no-repeat 0 13px;}
.sorting.select.asc span.desc {display:none;}
.sorting.select.desc span.desc > .arrow {display:inline-block;float:right;width:10px;height:20px;background: url('../image/button/select_up.png') no-repeat 0 13px;}
.sorting.select.desc span.asc {display:none;}

.sorting.select:hover span > .arrow {display:inline-block;background: url('../image/button/select_down.png') no-repeat 0 13px;}
.sorting.select:disabled {box-shadow:#d1d2d4 0 0 0 inset}
.sorting.select:disabled span > .arrow {background: url('../image/button/select_down_dim.png') no-repeat 0 13px;}
.sorting.select.on span > .arrow {background: url('../image/button/select_up.png') no-repeat 0 13px;}
.sorting.select:active {color:#3196ff;border-color:#d6d8da;background:#d5d7d9;box-shadow:#bec0c2 0 1px 1px inset;}
.select_box .option_list.sorting_list {top:34px;left:0;}

.list_wrap th .column {width:15px;height:33px;border:0;background:url('../image/icon/column_normal.png') no-repeat;position:absolute;right:0;top:-1px;}
.list_wrap th .column:hover,
.list_wrap th .column:active {background:url('../image/icon/column_hover.png') no-repeat;}


.contentTagListWrap table {width:100%; position:relative;}
.contentTagListWrap table thead {border:0;border-top:1px solid #f2f2f2;border-bottom:1px solid #fafafa;background:#fafafa;position:relative;}
.contentTagListWrap table > thead > tr > th {vertical-align:middle;padding:7px 10px 7px 10px;background:url('../image/bg/table_th_border.png') repeat-y right;position:relative;}
.contentTagListWrap table > thead > tr > th:first-child {background:none;padding:7px 0 7px 17px;}
.contentTagListWrap table > thead > tr > th:last-child.icon:hover  > a {margin-right:10px;}
.contentTagListWrap table > thead > tr > th input[type="checkbox"] + label {height:16px;background:url('../image/img/checkbox_normal.png') no-repeat;vertical-align:middle;}
.contentTagListWrap table > thead > tr > th input[type="checkbox"].on + label {height:16px;background:url('../image/img/checkbox_checked.png') no-repeat;vertical-align:middle;}

.contentTagListWrap table tr td > input[type="checkbox"].tagChk + label {height:16px;background:url('../image/img/checkbox_normal.png') no-repeat;vertical-align:middle;}
.contentTagListWrap table tr td > input[type="checkbox"].tagChk.on + label {height:16px;background:url('../image/img/checkbox_checked.png') no-repeat;vertical-align:middle;}
.contentTagListWrap table tr td > input[type="checkbox"].tagChk.on:hover + label {height:16px;background:url('../image/img/checkbox_checked.png') no-repeat;vertical-align:middle;}
.contentTagListWrap table tr td > input[type="checkbox"].tagChk:hover + label {background:url('../image/img/checkbox_hover.png') no-repeat;}
.contentTagListWrap {overflow-y:auto;overflow-x:hidden;border-bottom:0;margin-right: 0;min-width: 500px;}
.contentTagListWrap table tr td {border-bottom:1px solid #f2f2f2;vertical-align:middle;text-align:left;padding:7px 10px 7px 17px;line-height:20px;position:relative;}
.contentTagListWrap table tr td:first-child {border-right:0;padding:10px 0 10px 17px;}
.contentTagListWrap table tr.on:hover td {background:#e6f2ff;border-bottom:1px solid #e6f2ff;color:#2a2a2a;}
.contentTagListWrap table tr:hover td {background:#f3f9ff;border-bottom:1px solid #f3f9ff;}
.contentTagListWrap table tr.on, .contentTagListWrap table tr:active td {background:#e6f2ff;border-bottom:1px solid #e6f2ff;color:#2a2a2a;}



.list {overflow-y:auto;overflow-x:hidden;border-bottom:0;margin-right: 0;min-width: 500px;}
.list.on_quick_control {float:left;margin-right: 250px;}
.list table tr td {border-bottom:1px solid #f2f2f2;vertical-align:middle;text-align:left;padding:7px 10px 7px 17px;line-height:20px;position:relative;}
.list table tr td:first-child {border-right:0;padding:10px 0 10px 17px;}
.list table tr:hover td {background:#f3f9ff;border-bottom:1px solid #f3f9ff;}
.list table tr.on:hover td {background:#e6f2ff;border-bottom:1px solid #e6f2ff;color:#2a2a2a;}
.list table tr td.icon img {margin-right:4px;}
.list table tr.on,
.list table tr:active td {background:#e6f2ff;border-bottom:1px solid #e6f2ff;color:#2a2a2a;}

.list table tr td input[type="checkbox"] + label {height:16px;background:url('../image/img/checkbox_none.png') no-repeat;vertical-align:middle;}
.list table tr:hover input[type="checkbox"] + label {background:url('../image/img/checkbox_normal.png') no-repeat;}
.list table tr input[type="checkbox"]:hover + label {background:url('../image/img/checkbox_hover.png') no-repeat;}

/* .list table tr:active input[type="checkbox"] + label {background:url('../image/img/checkbox_checked.png') no-repeat;} */
.list table tr.on input[type="checkbox"] + label {background:url('../image/img/checkbox_checked.png') no-repeat;}
/* .list table tr input[type="checkbox"].on + label {background:url('../image/img/checkbox_checked.png') no-repeat;} */
.list table tr.on input[type="checkbox"].on + label {background:url('../image/img/checkbox_checked.png') no-repeat;}

.list td.thum .thumb_wrap {position:relative;width:60px;height:60px;}
.list td.thum .thumb_wrap .play {position:absolute;top:24px;left:24px;width:30px;height:32px;border:0;background:url('../image/button/play.png') no-repeat;}
.list table tr td button.republish {position:absolute;top:45px;right:50px;}
.list table tr td button.settimezone {position:absolute;top:30px;right:50px;}
.list table tr td .status_wrap {display:block;height:4px;width:100%;background:#edf2f7;padding:0;position:relative;}
.list table tr td .status_wrap > span {display:inline-block;position:absolute;top:0;left:0;height:4px;}
.list.lineheight26 table tr td {line-height:26px}
.list.lineheight38 table tr td {line-height:38px}
.list table tr td.lineheight18 {line-height:18px}
/* .list td.thum .thumb_wrap img {width:60px;height:60px;} */
div.jsMenuTree.onOrganIcon > ul > li[aria-selected="false"] > i.jstree-ocl {
	background:url('../image/icon/icon_device.png') no-repeat 10px 7px !important
}
div.jsMenuTree.onOrganIcon > ul >li[aria-selected="true"] > i.jstree-ocl{
	background:url('../image/icon/icon_device_on.png') no-repeat 10px 7px !important
}
.list table tr td .tb_arrow {width:18px;height:18px;border:0;background:url('../image/img/list_scroll_down_normal.png') no-repeat 0px;position:absolute;left:-4px;top:26px;}
.list table tr td .tb_arrow:hover {background:url('../image/img/list_scroll_down_hover.png') no-repeat 0px;}
.list table tr td .tb_arrow:active {background:url('../image/img/list_scroll_down_select.png') no-repeat 0px;}
.list table tr td .tb_arrow.on {background:url('../image/img/list_scroll_up_normal.png') no-repeat 0px;}
.list table tr td .tb_arrow.on:hover {background:url('../image/img/list_scroll_up_hover.png') no-repeat 0px;}
.list table tr td .tb_arrow.on:active {background:url('../image/img/list_scroll_up_select.png') no-repeat 0px;}
.list table tr.device_listview td {background:#fbfbfc}
.list table .device_listview:hover td {border-bottom:1px solid #eeeeef !important;background:#f5f5f6}


.list_wrap.group_view > table > thead > tr > th:first-child {border-right:1px solid #f2f2f2;}
.list_wrap.group_view > table > thead > tr > th:nth-child(2) {padding-left:17px;}
.list table tr.group_view_group td:first-child {border-right:1px solid #f2f2f2;color:#000000;vertical-align:top;padding-left:17px;}
.list table tr.group_view_group:hover td:first-child,
.list table tr.group_view_group:active td:first-child,
.list table tr.group_view_group.on td:first-child {background:#fff !important}
.list table tr.group_view_group td:first-child > span {display:block;color:#489eff;}

.add_table	{position:relative; z-index:1; margin:-1px 0; border-bottom:1px solid #d9d9d9; background:#f5f9fc; color:#818181 !important; padding:0;}
.add_table table tr		{background:#f5f9fc !important}
.add_table table tr th	{position:relative; padding:7px 10px 7px 10px; border-top:1px solid #dde4e8; border-left:1px solid #dde4e8; background:#ebf2f7; vertical-align: middle; color:#818181 !important}
.add_table table tr th:first-child	{border-left:0}

.add_table table tr td	{background:#f5f9fc !important; border-bottom:1px solid #e9ecef !important; color:#818181 !important}
.add_table table tr:hover td {background:#f5f9fc; border-bottom:1px solid #e9ecef}
.add_table table tr.on:hover td {background:#f5f9fc; border-bottom:1px solid #e9ecef;}


.add_table table tr td label	{line-height:16px; text-indent:0;}
.add_table table tr td input[type="checkbox"] + label	{background: url('../image/img/checkbox_normal.png') no-repeat !important;}
.add_table table tr td input[type="checkbox"].on + label	{background: url('../image/img/checkbox_checked.png') no-repeat !important;}/*/image/img/checkbox_checked*/


.add_table table tr td .thumb	{display:inline-block; width:78px; margin-right:5px; line-height:0; vertical-align:middle}
.add_table table tr td .thumb img	{width:78px}
.add_table table tr td .t_txt	{display:inline-block; margin:0; vertical-align:middle}

.add_table .btn_wrap	{padding:20px 0; text-align:right}
.list_more_wrap {position:absolute;top:25px;right:20px;border:0;width:21px;height:21px;background:url('../image/icon/list_more_normal.png') no-repeat;}
.list_more_wrap:hover {background:url('../image/icon/list_more_hover.png') no-repeat;}
.list_more_wrap.on,
.list_more_wrap:active {background:url('../image/icon/list_more_select.png') no-repeat;}

.list_more {width:105px;position:absolute;top:55px;right:-61px;background:#fff;border:1px solid #dde0e5;box-shadow:#dedede 0px 1px 0px;z-index:1}
.list_more > div {position:relative;}
.list_more > div > span {display:block;width:100%;height:8px;position:absolute;top:-8px;background:url('../image/bg/option_list_bg.png') no-repeat 10px 0;}
.list_more > div > ul {height:166px;overflow-x:hidden;overflow-y:scroll;}
.list_more > div > ul > li {padding:6px 5px 5px 13px;font-size:12px;position:relative;line-height:15px;text-align:left}
.list_more.checklist > div > ul > li {padding:6px 5px 5px 8px;}
.list_more.ta_c > div > ul > li {padding:6px 5px 5px 5px;text-align: center}
.list_more > div > ul > li:first-child {padding-top:11px}
.list_more > div > ul > li:last-child {border-bottom:0;padding-bottom:10px}
.list_more > div > ul > li > a {display:inline-block;color:#686b72;text-decoration: none;width:100%;font-size:11px;vertical-align:middle;}
.list_more > div > ul > li > a img {vertical-align:middle;margin-right:5px;}
.list_more > div > ul > li > a:hover {color:#609be8 !important;}
.list_more > div > ul > li > a:active {color:#2789f4 !important;}
.list_more > div > ::-webkit-scrollbar {width:16px;}


/* x-scroll */
.list_wrap > .list > table > thead > tr > th {position:relative;vertical-align:middle;padding:7px 10px 7px 10px;background:url('../image/bg/table_th_border.png') repeat-y right;}
.list_wrap > .list > table > thead > tr > th:first-child {background:none;padding:7px 0 7px 17px;}
.list_wrap > .list > table > thead > tr > th:last-child {border-right:0;background:none}
.list_wrap > .list > table > thead > tr > th.icon:hover {background:#f3f3f3;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.list_wrap > .list > table > thead > tr > th.icon:active {background:#f0f0f0;}
.list_wrap > .list > table > thead > tr > th.icon:hover  > a {display:none;width:15px;height:15px;float:right;margin-right:5px;padding:0;background:url('../image/img/list_arrow.png') no-repeat 5px 7px;}
.list_wrap > .list > table > thead > tr > th.icon:hover  > a {display:block}


.fullPanel {overflow-y:auto;}

/* Fixed area */
.content_view_wrap {position:absolute;top:68px;right:0;bottom:0;background:#f3f3f3;width:360px;z-index:100}
.content_view_wrap > div .column {width:15px;height:33px;border:0;background:url('../image/icon/column_normal.png') no-repeat;position:absolute;left:-15px;top:0px;}
.content_view_wrap > div .column:hover,
.content_view_wrap > div .column:active {background:url('../image/icon/column_hover.png') no-repeat;}

.content_view_wrap > div > .file_name {padding:11px 12px 0 0;}
.content_view_wrap > div > .file_name .float_l {padding-left:21px;padding-top:5px;color:#686b72;}
.content_view_wrap .imgview {text-align:center}
.content_view_wrap .imgview img {width:302px;height:172px;border:4px solid #fff;}
.sub_tabwrap {width:100%;height:38px;position:relative;overflow:hidden;background:url('../image/bg/datetab_bg2.png') repeat-x bottom;}
.sub_tabwrap.h42 {height:42px;}
.sub_tabwrap > ul {margin-left:30px;position:absolute;top:0;left:0px;}
.sub_tabwrap > ul.position_error {left:-40px;}
.sub_tabwrap > ul > li >  .err	{display: inline-block;height:6px;width:6px; background: url('../image/icon/icon_tab_error2.png') no-repeat;}
.sub_tabwrap > ul > li >  .normal	{display: inline-block;height:6px;width:6px; background: url('../image/icon/icon_tab_normal2.png') no-repeat;}
.sub_tabwrap > ul > li {float:left;line-height:17px;text-align:center;}
.sub_tabwrap > ul > li:last-child {margin-right:0px;}
.sub_tabwrap > ul > li > a {display:inline-block;width:auto%;color:#ababac;font-size:13px;color:#686b72;height:28px;letter-spacing:-1px;padding-left:10px;padding-right:10px;padding-top:10px;}
.sub_tabwrap.h42 > ul > li > a {height:32px}
.sub_tabwrap > ul > li:hover > a {color:#000;background:url('../image/bg/datetab_bg.png') no-repeat center bottom 1px;background-color:#e9eff7}
.sub_tabwrap > ul > li:active > a {color:#000;background:url('../image/bg/datetab_bg.png') no-repeat center bottom 1px;}
.sub_tabwrap > ul > li.on > a {color:#3196ff;background:url('../image/bg/datetab_bg_selected.png') no-repeat center bottom 1px;} /*set 1px to prevent IE bug*/
.sub_tabwrap > ul > li.dim > a {color:#c3c4c6;}
.sub_tabwrap > ul > li.dim:hover > a {background:none}

.img_rolling {position:relative;padding:0 40px;vertical-align:middle;width:20px;margin:8px auto 0 auto;text-align:center;color:#000;}
.img_rolling > .rolling > .calendar_arrow {width:18px;height:18px;border:0;border-radius:9px;position:absolute;padding:0;background:#f4f6f8}
.img_rolling > .rolling > .calendar_arrow:hover {background:#fafafb}
.img_rolling > .rolling > .calendar_arrow:active {background:#e7e7e7}
.img_rolling > .rolling > .calendar_arrow.prev {top:0px;left:4px;}
.img_rolling > .rolling > .calendar_arrow.next {top:0px;right:4px;}

.content_view_wrap table th {padding-left:23px;vertical-align:middle;color:#616161;}
.content_view_wrap table td {padding:12px 0 12px 5px;vertical-align:middle;color:#000;}
.content_view_wrap table tr.pd td {padding:7px 0 7px 5px;}
.content_view_wrap table tr.pd2 th {padding:7px 0 20px 23px;}
.content_view_wrap table tr.pd2 td {padding:7px 0 20px 5px;}
.content_view_wrap table td label {color:#000;width:85%;}
.content_view_wrap table td .bar {width:130px;height:4px;border-radius:2px;background:#dadada;float:left;position:relative;margin-top:7px;margin-right:20px;}
.content_view_wrap table td .bar > span {display:inline-block;height:4px;background:#4be48c;position:absolute;top:0;}
.content_view_wrap table td .number {display:inline-block;font-size:11px;color:#818181;float:left}
.content_view_wrap table tr.va_t th {vertical-align:top;padding-top:18px;}
.content_view_wrap table tr td textarea {padding-top:5px !important;line-height:18px}

.content_view_wrap.user table th {padding-left:21px;}
.content_view_wrap.user table tr.va_t th {vertical-align:top;padding-top:9px;}
.content_view_wrap.user table td {padding:4px 0 4px 5px;vertical-align:middle;color:#000;height:28px;}
.content_view_wrap.user table td input {color:#000;}
.content_view_wrap.user table td button > span {color:#000;}
.content_view_wrap.user table th img {vertical-align:4px;margin-left:6px}
.content_view_wrap.user tr.title th {font-size:14px;padding:17px 0 14px 20px;}

.radio_table table {width:100%;}
.radio_table table th {background:#fbfbfb;line-height:36px;padding-left:12px;}
.radio_table table th:first-child {border-right:1px solid #f1f1f1;padding-left:55px;}
.radio_table table td {padding-left:13px;color:#646464;}
.radio_table table td:first-child {padding-left:22px;}
.radio_table table td label > span {font-size:9px;color:#fff;background:#eeba07;display:inline-block;line-height:13px;padding:0 3px;border-radius:6px;margin-left:8px;}
.radio_table table tr:hover td {background:#f9fafa;color:#646464;}
.radio_table table tr:active td {background:#ececec;color:#000;}
.radio_table table tr.on td {background:#ececec;color:#000;}
.radio_table table tr.on td label {background:url('../image/img/radio_checked.png') no-repeat;}

.calendar_area {padding:0 24px;}
.channel_wrap {position:relative;text-align:center;color:#787878;font-size:18px;border-bottom:1px solid #d6d6d6;line-height:36px}
.channel_wrap > div {margin-top:10px;}
.channel_wrap > div > .calendar_arrow {position:relative;margin-right:1px;display:block;width:18px;height:18px;border:0;border-radius:9px;position:absolute;padding:0;background:#f5f5f5;float:left}
.channel_wrap > div > .calendar_arrow:hover {background:#fafafb}
.channel_wrap > div > .calendar_arrow:active {background:#e7e7e7}
.channel_wrap > div > .calendar_arrow.prev {position:relative;top:0;left:0;}
.channel_wrap > div > .calendar_arrow.next {position:relative;top:0;left:0;}
.channel_wrap > div > .calendar_arrow.prev2 {position:relative;}
.channel_wrap > div > .calendar_arrow.next2 {position:relative;}
 
.content_view_wrap .select_date {position:relative;top:0;left:0;width:100%;text-align:center;width:200px;margin:18px auto;}
.content_view_wrap .select_date > .date {color:#303030;background:#fff;line-height:22px;padding:0 35px;border-radius:15px;position:relative;width:50px;float:left;}
.content_view_wrap .select_date > .date:hover {color:#8b8b8b;}
.content_view_wrap .select_date > .date:active {color:#303030;}
.content_view_wrap .select_date .calendar_arrow.prev {top:2px;left:2px;}
.content_view_wrap .select_date .calendar_arrow.next {top:2px;right:2px;}
.content_view_wrap .select_date > .todaybtn {width:60px;color:#848484;background:#fff;line-height:20px;border:1px solid #dde0e5;border-radius:15px;font-size:10px;float:left;height:22px;}
.content_view_wrap .select_date > .todaybtn:hover {border:1px solid #b4b9c3;background:#fff;}
.content_view_wrap .select_date > .todaybtn:active {background:#e7e7e7;border:1px solid #e7e7e7;}
.content_view_wrap .select_date > .todaybtn > span {display:inline-block;width:6px;height:6px;border-radius:3px;background:#00ddca;margin-right:3px;vertical-align:1px}
.content_view_wrap .calendar {position:relative;}
.content_view_wrap .calendar .sc_have {height:14px;background:#6ee6a9;position:absolute;border-radius:7px}

.content_view_list > li {position:relative;line-height:36px;}
.content_view_list > li:hover {background:#fbfbfb}
.content_view_list > li:active {background:#f9fafa}
.content_view_list > li > span {display:block;padding-left:26px;position:absolute;top:3px;}
.content_view_list > li > ul {padding-left:135px;width:220px;padding-right:15px;padding-top:3px;padding-bottom:3px;}
.content_view_list > li > ul > li {line-height:31px;padding-top:2px;}
.content_view_list > li > ul > li > a {width:100%;display:inline-block;}
.content_view_list a button {display:none;border:0;background:none;margin-right:18px;padding:0;float:left;margin-top:9px;}
.content_view_list a .icon1 {width:13px;height:16px;background:url('../image/img/list_icon1_normal.png') no-repeat;}
.content_view_list a .icon2 {width:14px;height:16px;background:url('../image/img/list_icon2_normal.png') no-repeat;}
.content_view_list > li:hover .icon1 {display:block;}
.content_view_list > li:hover .icon2 {display:block;}

.usage_wrap {background:#f7f7f8;width:312px;height:237px;padding-top:44px;position:relative;}
.usage_wrap > div {position:absolute;}
.usage_wrap > span {display:inline-block;position:absolute;font-size:10px;color:#7c7f80;}
.usage_wrap > .time {font-size:12px;color:#555555;}
.usage_wrap > ul {padding-left:37px;}
.usage_wrap > ul > li {width:249px;border-top:1px solid #ececed;height:49px;}
.usage_wrap > ul > li:last-child {border-bottom:1px solid #ececed;}

.cpu {width:40px;height:20px;border-radius:20px 20px 0 0;z-index:100}
.ram {width:80px;height:40px;border-radius:40px 40px 0 0;z-index:90}
.network {width:120px;height:60px;border-radius:60px 60px 0 0;z-index:80}

.usage_name {margin-left:214px;margin-top:15px;}
.usage_name li {float:left;margin-right:48px;color:#616161;}
.usage_name li > span {display:inline-block;width:9px;height:9px;border-radius:5px;margin-right:10px;}
.usage_name li:first-child {margin-right:66px;}
.usage_name li:last-child {margin-right:0px;}
.bgc_6d8cf2 {background:#6d8cf2}
.bgc_f86c79 {background:#f86c79}
.bgc_3acb63 {background:#3acb63}


.content_view_wrap .btn_wrap {border-top:1px solid #e8e8e8;padding-top:20px;width:320px;margin-left:20px;padding-left:5px;}
.content_view_btn {width:360px;position:absolute;bottom:70px;right:0;padding:20px 0;text-align:center;border-top:1px solid #e8e8e8;background:#f3f3f3;}
/* //Fixed area */

.thumbnailview_wrap {padding-left:25px;}
.thumbnailview_wrap.wideview {padding-left:65px;}
.thumbnailview_wrap ul {margin-bottom:30px;}
.thumbnailview_wrap li {float:left;margin:8px 8px 0 0;}
.thumbnailview_wrap.h243 li {height:246px}
.thumbnailview_wrap.h165 li {height:168px}
.thumbnailview_wrap.h320 li {height:320px}
.thumbnailview_wrap .thumbview_box {width:100px;height:100px; position:relative;}
/* .thumbnailview_wrap .thumbview_box.device_thumb {width:100%;height:auto;} */
.thumbnailview_wrap .thumbview_box > div >.dev_img_capture {width:100%;height:100%;}
.thumbnailview_wrap .thumbview_box.device_thumb {vertical-align: middle;text-align: center;}

.thumbnailview_wrap .thumbview_box.device_thumb.landscape {display:table-cell;}
.thumbnailview_wrap .thumbview_box.device_thumb.landscape > div.dev_thumb_img_wrapper {width:100%;height:100%;background-color:#DDDEDE;text-align:center;}


.thumbnailview_wrap .thumbview_box.device_thumb.portrait > div.dev_thumb_img_wrapper {width:100%;height:100%;background-color:#DDDEDE;display:inline-block;}

.thumbnailview_wrap .thumbview_box.device_thumb.landscape > div.dev_thumb_img_wrapper > div {width:100%;height:100%;background-size: auto 100%;background-repeat: no-repeat;background-position-x: center;}
.thumbnailview_wrap .thumbview_box.device_thumb.portrait > div.dev_thumb_img_wrapper > div {width:56%;height:100%;background-size: 100% auto;background-repeat: no-repeat;background-position-y: center;}

.thumbnailview_wrap .list {width:100% !important;height:60px;}


#leftScheduleEdit{width:100%;overflow:hidden;position:relative;}
#leftScheduleEditContents .thumbnail {float:left;height:70px;margin:10px;}
#leftScheduleEditContents .thumbnail .thumbview_box {width:100px;height:56px;text-align:center;line-height:56px;}
#leftScheduleEditContents .thumbnail p {width:90px;margin:0 0 0 5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

#leftScheduleEditContents .list {width:100%;height:70px;margin:5px;overflow:hidden;}
#leftScheduleEditContents .list .thumbview_box {width:70px;height:70px;}
#leftScheduleEditContents .list .contentName {text-overflow:ellipsis;white-space:norwrap !important;overflow:hidden;position:relative;width:100%;display:block;height:16px;}
#leftScheduleEditContents .list .contentType {word-break:break-all;position:relative;height:16px;}
#leftScheduleEditContents .list .duration {word-break:break-all;position:relative;height:16px;}
#leftScheduleEditContents .list .detail {width:45%;height:70px;padding:10px;margin-left:5px;padding:5px 10px 10px 10px;}


#leftScheduleEditContents .source {height:40px;width:100%;}
#leftScheduleEditContents {display:inline-block;width:100%;}

#inputSourceWrapIconLists{display:table; width:100%;}
#inputSourceWrapIconLists > li {background-color:#d9e0e7 !important}

#leftScheduleEditContents .thumbview_box .simple_info {
	filter: alpha(opacity=60);
	/* IE */
	-moz-opacity: 0.6;
	/* Mozilla */
	opacity: 0.6;
	/* CSS3 */
	position:absolute;display:none;color:#000;font-size:9px;text-align:left;line-height:20px;margin-left:10px;margin-top:10px;background-color:#fff;width:70px;}
#leftScheduleEditContents .thumbview_box:hover .simple_info {display:block}

.thumbnailview_wrap.group_view {padding-left:0}
.thumbnailview_wrap.group_view > ul > li.group_view_group {width:100%;margin:0;}
.thumbnailview_wrap.group_view ul li.group_view_group > a {width:100%;display:block;padding-left:27px;border-bottom:1px solid #f2f2f2;line-height:49px;color:#000;font-size:13px;background:url('../image/button/input_number_down.png') no-repeat 94% 25px;}
.thumbnailview_wrap.group_view ul li.group_view_group:hover > a {background:#f3f9ff url('../image/button/input_number_down.png') no-repeat 94% 25px;}
.thumbnailview_wrap.group_view ul li.group_view_group:active > a {background:#e6f2ff url('../image/button/input_number_down.png') no-repeat 94% 25px;}
.thumbnailview_wrap.group_view ul li.group_view_group.on > a {background:url('../image/button/input_number_up.png') no-repeat 94% 25px;}
.thumbnailview_wrap.group_view ul li.group_view_group.on:hover > a {background:#f3f9ff url('../image/button/input_number_up.png') no-repeat 94% 25px;}
.thumbnailview_wrap.group_view ul li.group_view_group.on:active > a {background:#e6f2ff url('../image/button/input_number_up.png') no-repeat 94% 25px;}
.thumbnailview_wrap.group_view ul li.group_view_group > a > span {color:#3196ff;padding-left:20px}

.thumbnailview_wrap.group_view > ul > li > div {margin-top:12px;padding-left:26px;border-bottom:1px solid #f2f2f2;}
.thumbnailview_wrap.group_view > ul > li > div > ul {margin-bottom:18px}
.thumbnailview_wrap.group_view > ul > li > div > ul > li {margin:8px 8px 0 0;height:246px}

.playlist_thum > .btn_area {background:#eff0f1;padding-top:21;text-align:right}
.playlist_thum .thumbnailview_wrap {padding-left:0;width:100%;overflow-y:scroll;overflow-x:hidden;}
.playlist_thum .thumbnailview_wrap ul {margin-bottom:30px;padding-left:19px;overflow:hidden;margin-top:10px;margin-left:10px;}
.playlist_thum .thumbnailview_wrap li {float:left;margin:0px 5px 8px 5px;height:70px;}
.playlist_thum .thumbnailview_wrap .thumbview_box {width:70px;height:70px;position:relative;}
/*.playlist_thum .thumbnailview_wrap .thumbview_box > img {width:65px;height:65px;}*/
.playlist_thum .thumbnailview_wrap .thumbview_box .play {position:absolute;top:40px;left:39px;width:40px;height:41px;border:0;background:url('../image/button/play.png') no-repeat;z-index: 1}
.playlist_thum .thumbnailview_wrap .thumbview_box .device_info, .device_tag_info{width:100px;height:65px;}
.playlist_thum .thumbnailview_wrap .thumbview_box .device_info>span, .device_tag_info>span{width:100px;height:65px;vertical-align:middle;display:table-cell;}

.playlist_thum > .list_wrap_empty {border-top:0;}
.playlist_thum > .list_wrap_empty .empty_title {color:#d0d5db;}
.playlist_thum > .list_wrap_empty > div > img {margin-top:165px;}
.playlist_thum > .list_wrap_empty > div > span {color:#b4b4b5;}

#playlistSettingPopup .detail_view th {width:30%;}
#playlistSettingPopup .detail_view td {width:70%;}

	 /* half */
.half .playlist_thum	{width:45%}
.half .playlist_thum .thumbnailview_wrap ul	{padding-left:26px}
.half .playlist_thum .thumbnailview_wrap li	{margin: 0 20px 10px 0;}
.half .playlist_thum .thumbnailview_wrap li.tagPlaylist	{height: 100px;}

.half .playlist_thum .playthumb_top .base.select	{background:#eff0f1}

.half .playlist_thum .playthumb_top	{background:#eff0f1}
.half .playlist_thum .playthumb_top .btn_area h3	{padding:0px; color:#686b72; font-size:16px; line-height:28px; font-weight:normal}
.half .playlist_preview .playthumb_top .btn_area h3	{padding:0px; color:#686b72; font-size:16px; line-height:28px; font-weight:normal}
.half .playlist_thum .playthumb_top .btn_area .search_wrap	{margin-right:25px; background:#eff0f1}
.half .playlist_thum .playthumb_top .btn_area .search_wrap input	{background:#eff0f1}
.half .playlist_thum .playthumb_top .btn_area .search_wrap .search_btn 	{background:#eff0f1 url('../image/icon/search_normal.png') no-repeat 5px 7px;}
.half .playlist_thum .playthumb_top .btn_area .search_wrap:hover .search_btn 	{background:#eff0f1 url('../image/icon/search_normal.png') no-repeat 5px 7px !important;}

.half .playlist_thum .playthumb_top .playthumb_filter	{padding:20px 0 20px 20px}
.half .playlist_thum .playthumb_top .playthumb_filter h3	{display:inline-block; margin:0 10px 0 0; color:#848484; font-size:12px; line-height:28px; font-weight:normal}
.half .playlist_thum .playthumb_top .playthumb_filter button	{vertical-align:top}

.half .playlist_preview	{width:55%}
.half .playlist_preview .playlist_editer_wrap	{padding-left:30px}
.half .playlist_preview .playlist_editer_wrap.type01	{padding-right:0}
.half .playlist_preview .playlist_editer_wrap.type02	{padding-left:5px}

.playlist_preview .bot_wrap	{position:absolute; z-index:100; bottom:180px; left:-30px; right:0;}
.playlist_preview .bot_wrap:after	{display:block; position:absolute; height:10px; top:-10px; left:0; right:0; background:url('../image/bg/bg_bot_wrap.png') repeat-x 0 0;}

.playlist_preview .bot_wrap .transition {position:relative; padding:0 0 0 15px; border-bottom:1px solid #e9e9e9; position:relative;}

.playlist_preview .playlist_top	{padding:20px 0 19px 0; line-height:28px;border-bottom:1px solid #e7e7e7;}
.playlist_preview .playlist_top:after	{content:""; display:block; clear:both}
.playlist_preview .playlist_top .float_l		{margin-left:30px}
.playlist_preview .playlist_top .float_r		{margin-right:25px}
.playlist_preview .playlist_top .float_l .lnb_view	{margin: 1px 3px 0 -5px;}
.playlist_preview .playlist_top .float_l h3	{display:inline-block; margin:0; font-size:16px; line-height:28px}
.playlist_preview .playlist_top .float_l span	{display:inline-block; margin-left:10px; color:#b8b9b9; font-size:13px; line-height:28px}

.playlist_preview .playlist_top .float_l .input_number	{display:inline-block; margin-left:5px; vertical-align:top;}
.playlist_preview .playlist_top .float_l .input_number input {background:#f9fafb}
.playlist_preview .playlist_top .float_l .input_number .number_up	{top:2px}
.playlist_preview .playlist_top .float_l .input_number .number_down	{top:15px}
.playlist_preview .playlist_top .float_l input[type="number"]	{margin-left:5px; vertical-align:top;}

.device_info, .device_tag_info {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url('../image/bg/thumb_layer_bg.png') repeat;color:#000;font-size:12px;text-align:center;/* line-height:20px; */z-index:100}
.device_info:hover {display:block;}
.device_info strong {display:block;padding:0 0 0 0;}
.device_info span {color:#7f7f7f;}
.device_info > div {display: table;width:100%;height:100%;}
.device_info > div > div {width:100%;text-align:center;vertical-align:middle;line-height: 10px;}
.device_tag_info strong {display:block;padding:0 0 0 0;}
.device_tag_info span {color:#7f7f7f;}
.device_tag_info > div {display: table;width:100%;height:100%;}
.device_tag_info > div > div {display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;line-height: 10px;}
.device_tag_info > div i    {display:inline-block; font-style:normal; color:#fff; background:#9aacbf; border:1px solid #9aacbf; border-radius:2px; margin-right:8px; width:26px; height:16px; line-height:16px; text-align:center; font-size:10px}
.thumbview_box:hover .device_info {display:table;}
.thumbview_box.tiny:hover .device_info {display:none;}
.thumbview_box.information .device_info {display:table;}
.thumbview_box.information.tiny .device_info {display:none;}
.thumbview_box.tag_information .device_tag_info {display:block;}
.thumbview_box.tag_information.tiny .device_tag_info {display:none;}

.thumbview_box .ov	{display:none; position:absolute; top:30px; left:30px; width:259px; height:auto; border:1px solid #fff; background: url('../image/bg/bg_icon_info.png') repeat 0 0;}
.thumbview_box.tiny:hover .ov	{display:block; z-index:5}


.device_info.add {font-size:8px;}
/* .device_info.add span {display:inline-block;vertical-align:middle;} */
.device_info.add span {display:inline-block; padding-top:2px;}
.device_info.add span:first-child {display:inline-block; padding-top:0px;}
.device_info.add > div {height:100%; text-align:left; vertical-align:middle; /* padding:15px 0 0 15px */}
.device_info.add > div i	{display:inline-block; font-style:normal; color:#fff; background:#9aacbf; border:1px solid #9aacbf; border-radius:2px; margin-right:8px; width:26px; height:16px; line-height:16px; text-align:center; font-size:10px}

.map_device_box.add {font-size:8px;}
/*.map_device_box.add span {padding-top:2px;}*/
.map_device_box.add span:first-child {display:inline-block; padding-top:0px;}
.map_device_box.add > div {height:auto; text-align:left; vertical-align:middle;margin: 5px;}
.map_device_box.add > div i	{display:inline-block; font-style:normal; color:#fff; background:#9aacbf; border:1px solid #9aacbf; border-radius:2px; margin-right:8px; width:26px; height:15px; line-height:13px; text-align:center; font-size:10px}
.map_device_box.add.map_tooltip {
	position: absolute;
    z-index: 999;
    background-color: #fff;
    border: 2px solid #DDDEDE;
    border-radius: 5px; 
 }

.thumbview_box .play {position:absolute;top:128px;left:128px;width:30px;height:32px;border:0;background:url('../image/button/play.png') no-repeat;z-index:2}
.thumbview_box .lfd {position:absolute;top:127px;left:127px;width:28px;height:30px;border:0;background:url('../image/button/lfd.png') no-repeat;z-index:2}
/* .thumbview_box .power {position:absolute;top:128px;left:128px;width:30px;height:32px;border:0;background:url('../image/button/power.png') no-repeat;z-index:2} */
.thumbnailview_wrap .check {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url('../image/bg/thumb_layer_bg.png') repeat;}
.thumbnailview_wrap .check span {width:100%;height:100%;display:inline-block;background:url('../image/img/thumb_check.png');background-repeat: no-repeat;background-position: center center;background-size:60px;}
.thumbview_box.on .check {display:block}

.thumbview_box .input_source {width:100px;height:100px;background:#eef3f6;text-align:center;display:table}
.thumbview_box .input_source div {display:table-cell;vertical-align:middle;height:171px;width:100px;}

.status_wrap {padding:7px;margin-top:-3px;color:#fff;height:55px;}
.status_wrap > span {display:inline-block;font-size:11px;margin-bottom:16px;word-wrap:break-word;height:20px;width:100%;}
.status_wrap > span.dev_name {font-size:11px;}
.status_wrap > span.dev_name.cutlen {font-size:8px;}
.status_wrap > div {position:relative;}
.status_wrap > div > span {display:block}
.status_wrap > div > span > img {vertical-align:middle}

.thumbview_wrapper > div > .status_wrap > div > .info_button {width:22px;height:22px;background: url('../image/icon/info_normal.png.png') no-repeat right bottom;margin-top:-4px;}
.thumbview_wrapper > div > .status_wrap > div > .info_button:hover {background: url('../image/icon/info_over.png.png') no-repeat right center;}

.thumbview_box.tiny .ov .overlay_info_box	{padding:13px 15px 9px 15px;text-align: left;}
.thumbview_box.tiny .ov .overlay_info_box span	{margin:0; color:#000; line-height:16px}
.thumbview_box.tiny .ov .overlay_info_box .float_r	{width:80px}

.thumbview_box.tiny .ov .info		{padding:0 15px}
.thumbview_box.tiny .ov .info p	{margin:0; color:#808080; font-size:12px; line-height:22px;text-align: left;}
.thumbview_box.tiny .ov .info p span	{color:#000}


.status_wrap > div > .memo_layer {background:#ffdb5c;position:absolute;z-index:1000;left:140px;top:-165px;}
.status_wrap > div > .memo_layer > .memo_title {background:#f5d258;height:33px;}
.status_wrap > div > .memo_layer > .memo_content {color:#736225;padding:20px;width:174px;}
.status_wrap > div > .memo_layer > .memo_footer {color:#968b63;padding-left:20px;line-height:43px}
.status_wrap > div > .memo_layer > .memo_footer button {margin-right:1px;}

.bg_e6b280 {background:#e6b280}
.bg_f2b6be {background:#f2b6be}
.bg_afb3b8 {background:#afb3b8}
.bg_3c342c {background:#3c342c}
.bg_ffbd78 {background:#ffbd78}
.bg_008349 {background:#008349}
.bg_478c91 {background:#478c91}
.bg_fea8a9 {background:#fea8a9}
.bg_babcbc {background:#babcbc}
.bg_aec5d3 {background:#aec5d3}
.bg_98c1eb {background:#98c1eb}

/* ?�★?�★?�★?�DEVICE */
.filter_wrap {position:absolute;right:-274px;top:42px;background:rgba(0,0,0,0.15);padding-bottom:2px;}
.filter_wrap > div {position:relative;padding:0 21px 0 21px;background:#fff;height:auto;}
.filter_wrap > div > span {position:absolute;top:-13px;right:315px;}
.filter_wrap > div > .filter_status {border-bottom:1px solid #eeeff2;padding:20px 0;}
.filter_wrap > div > .filter_status > span > span {font-size:11px;display:inline-block;border-radius:10px;color:#fff;padding:0 8px;margin-right:10px;margin-bottom:6px;}
.filter_wrap > div > .filter_status > span > span.filter_status_device_type {background-color: #ffa6a6;}
.filter_wrap > div > .filter_status > span > span.filter_status_content_type {background-color: #ffc446;}
.filter_wrap > div > .filter_status > span > span.filter_status_playlist_type {background-color: #ffc446;}
.filter_wrap > div > .filter_status > span > span.filter_status_statusViewMode {background-color: #ffc446;}
.filter_wrap > div > .filter_status > span > span.filter_status_alarmFilter {background-color: #60cfa6;}
.filter_wrap > div > .filter_status > span > span.filter_status_functionFilter {background-color: #93bde8;}
.filter_wrap > div > .filter_status > span > span.filter_status_tagFilter {background-color: #c997e1;}
.filter_wrap > div > .filter_status > span > span.filter_status_approvalFilter {background-color: #60cfa6;}
.filter_wrap > div > .filter_status > span > span.filter_status_userFilter {background-color: #93bde8;}
.filter_wrap > div > .filter_status > span > span.filter_status_sizeFilter {background-color: #883939;}
.filter_wrap > div > .filter_status > span > span.filter_status_sourceFilter {background-color: #883939;}
.filter_wrap > div > .filter_status > span > span.filter_status_contentUsingStatus {background-color: #ff85cd;}



.filter > div {float:left;width:183px;margin-right:5px;}
.filter > .btn_wrap {text-align:center;margin-top:10px;margin-bottom:10px;width:100%;}
.filter > div > h5 {color:#4e4e4e;font-weight:normal;font-size:12px;color:#4e4e4e;margin:16px 0 17px 0;}
.filter > div > h5 > span {display:inline-block;width:8px;height:8px;border-radius:4px;margin-right:6px;}
.filter > div > div {background:#f3f3f3;}
.filter > div > div > ul {height:236px;}
.filter > div > div > ul > li {line-height:26px;padding-left:11px;font-size:11px}
.filter > div > div > ul > li > a {line-height:28px;width:100%;display:inline-block;}
.filter > div > div > ul > li > a > img {vertical-align:-3px;margin-right:6px;}
.filter > div > div > ul > li:hover {background:#f7f7f7}
.filter > div > div > ul > li:active,
.filter > div > div > ul > li.on {background:#f9f9f9}
.filter > div > div > ul > li:hover a,
.filter > div > div > ul > li.on a  {color:#3196ff;}
.filter > div > div > ul > li:first-child {padding-top:4px;}
.filter > div > div > ul > li > input[type="text"] {margin-left:5px;}
.filter > div > div > ul > li > input[type="checkbox"] + label {background-position:0 5px;font-size:11px;color:#848484;}
.filter > div > div > ul > li > input[type="checkbox"]:checked + label {color:#000;}
.filter > div > div > ul > li > input[type="checkbox"] + label > img {vertical-align:-4px;margin-right:6px;}
.filter_wrap > div > .btn_wrap {width:100%;text-align:center;padding:20px 0;}
.filter > div > div > ul.type_checklist li:hover {background:#f3f3f3}

.lnbwrap .main_lnb {overflow-y: auto;}

/* ?�★?�★?�★?�SCHEDULE */
.content_btnwrap {height:46px;padding-top:22px;padding-left:26px}
.schedule_lnb_title {position:relative;border-bottom:1px solid #e6e7e8;line-height:54px;}
.schedule_lnb_title span {display:inline-block;font-size:11px;padding-left:28px}

/* .lnbwrap.schedule_lnb {background:#f3f4f5 !important}
.lnbwrap.schedule_lnb .lnb > ul > li.on > a {background:#f7f8f9 url('../image/bg/lnb_arrow_down.png') no-repeat 218px 18px;}
.lnbwrap.schedule_lnb .lnb > ul > li:hover > a  {background:#f9fafa url('../image/bg/lnb_arrow_down.png') no-repeat 218px 18px;}
.lnbwrap.schedule_lnb .lnb > ul > li.depth_none.on > a {background:#f3f4f5}
.lnbwrap.schedule_lnb .lnb > ul > li > ul > li > a {background:#f3f4f5}
.lnbwrap.schedule_lnb .lnb > ul > li > ul > li.on > a {background:#f7f8f9} */

#simpleSchModfiyContentWrap	{padding:0}
#simpleSchModfiyContentWrap .list_top	{padding:20px 25px}
#simpleSchModfiyContentWrap .list_top:after	{content:""; display:block; clear:both}

#simpleSchModfiyContentWrap .list_top .select_box	{position:relative; width:122px}
#simpleSchModfiyContentWrap .list_top .select_box button	{background:#f3f4f5; vertical-align:top;}
#simpleSchModfiyContentWrap .list_top .select_box button span	{color:#848484;width:85px;overflow:hidden;white-space:nowrap;display:block;}
#simpleSchModfiyContentWrap .list_top .select_box button:hover	{background:#fff}
#simpleSchModfiyContentWrap .list_top .select_box button .arrow	{margin-right:35px;margin-top:1px;}
#simpleSchModfiyContentWrap .list_top .select_box .btn_search	{position:absolute; top:0; right:8px; width:20px; border:0; background:url('../image/icon/search_normal.png') no-repeat center center !important;}

#simpleSchModfiyContentWrap .list_top .search_wrap	{width:130px}
#simpleSchModfiyContentWrap .list_top .search_wrap input	{width:105px; background:#f3f4f5;}
#simpleSchModfiyContentWrap .list_top .search_wrap input::-webkit-input-placeholder {color:#848484;}
#simpleSchModfiyContentWrap .list_top .search_wrap .more	{background: url('../image/icon/search_detail_more.png') no-repeat center center;}
#simpleSchModfiyContentWrap .list_top .search_wrap .more:active {background:url('../image/icon/search_detail_more_select.png') no-repeat 0 0;}
#simpleSchModfiyContentWrap .list_top .search_wrap .search_btn	{background:#f3f4f5 url('../image/icon/search_normal.png') no-repeat 5px 7px !important}
#simpleSchModfiyContentWrap .list_top .search_wrap:hover .search_btn {background:#f3f4f5 url('../image/icon/search_normal.png') no-repeat 5px 7px;}
#simpleSchModfiyContentWrap .list_top .search_wrap .closed	{position:absolute; right:8px; top:4px; font-size:0; border:0; width:19px; height:19px; background:url('../image/icon/search_detail_closed.png') no-repeat center center;}
#simpleSchModfiyContentWrap .list_top .search_wrap .closed:hover {background:url('../image/icon/dashboard_delete_hover.png') no-repeat center center;}

#simpleSchModfiyContentWrap .list_top .viewmode_wrap	{float:left;margin-left:-1px;}
#simpleSchModfiyContentWrap .list_top .viewmode_wrap button	{width:28px; border-radius:25px; background:#f3f4f5;margin-left:-1px;}
#simpleSchModfiyContentWrap .list_top .viewmode_wrap button:active	{background:#7188a0}
#simpleSchModfiyContentWrap .list_top .viewmode_wrap button.view_list span		{margin-left:6px}
#simpleSchModfiyContentWrap .list_top .viewmode_wrap button.view_thum span	{margin-left:6px}

#simpleSchModfiyContentWrap .list_top.type .select_box		{display:block;}
#simpleSchModfiyContentWrap .list_top.type .search_wrap	{display:none}

#simpleSchModfiyContentWrap .list_top.search .select_box		{display:none}
#simpleSchModfiyContentWrap .list_top.search .search_wrap	{display:block}


#simpleSchModfiyContentWrap .list .type_list	{}
#simpleSchModfiyContentWrap .list .type_list li	{position:relative; padding:4px 25px 5px 25px}
#simpleSchModfiyContentWrap .list .type_list li .thumb	{position:absolute; top:10px; left:25px; min-height:88px}
#simpleSchModfiyContentWrap .list .type_list li .thumb img	{width:78px; height:78px}
#simpleSchModfiyContentWrap .list .type_list li p			{margin:0; padding:0 0 0 97px; color:#818181; font-size:13px; line-height:22px}
#simpleSchModfiyContentWrap .list .type_list li:hover	{background:#f7f8f9}
#simpleSchModfiyContentWrap .list .type_list li:hover p			{color:#3196ff}

#simpleSchModfiyContentWrap .list .type_thumb	{margin-top:-13px; padding:0 25px 0 16px}
#simpleSchModfiyContentWrap .list .type_thumb:after	{content:""; display:block; clear:both}
#simpleSchModfiyContentWrap .list .type_thumb li	{position:relative;float:left; margin:9px 0 0 9px}
#simpleSchModfiyContentWrap .list .type_thumb li .thumb	{display:block; width:97px; height:97px;}
#simpleSchModfiyContentWrap .list .type_thumb li .thumb img	{width:97px; height:97px}
#simpleSchModfiyContentWrap .list .type_thumb li p		{margin:5px 0 0 0;}
#simpleSchModfiyContentWrap .list .type_thumb li p a	{display:block; color:#818181; font-size:13px; line-height:22px}
#simpleSchModfiyContentWrap .list .type_thumb li p a:hover	{color:#3196ff; text-decoration:underline}

#simpleSchModfiyContentWrap .list .type_thumb li.hover .thumb_hover	{display:block}

.plus_btn {position:absolute;right:59px;top:13px;width:27px;height:27px;background:none;border:0;background:url('../image/img/folder_plus.png') no-repeat 2px 1px;}
.plus_btn:hover {background:url('../image/img/folder_plus_hover.png') no-repeat 2px 1px;}
.plus_btn:active {background:url('../image/img/folder_plus_select.png') no-repeat 2px 1px;}
.plus_btn.on {background:url('../image/img/folder_plus_select.png') no-repeat 2px 1px;}
.plus_btn.on:hover {background:url('../image/img/folder_plus_select.png') no-repeat 2px 1px;}
.schedule_lnb_title #lnb_control {top:14px;z-index:1px}

.schedule_selectwrap {text-align:center;padding:0;position:relative;height:54px;border-bottom:1px solid #eeeff0;}
.select_date {position:absolute;top:14px;left:19px}
.select_date > .date {background:#fff;line-height:28px;padding:0 35px;border-radius:15px;position:relative;}
.select_date > .date > a {color:#303030;display:inline-block;}
.select_date > .date > a:hover {color:#8b8b8b;}
.select_date > .date > a:active {color:#303030;}
.calendar_arrow {width:18px;height:18px;border:0;border-radius:9px;position:absolute;padding:0;background:#f4f6f8}
.calendar_arrow:hover {background:#fafafb}
.calendar_arrow:active {background:#e7e7e7}
.calendar_arrow.bgc_none {width:18px;height:18px;border:0;border-radius:9px;position:absolute;padding:0;background:none}
.calendar_arrow.bgc_none:hover {background:none}
.calendar_arrow.bgc_none:active {background:none}
.calendar_arrow > span {width:18px;height:18px;display:inline-block;}
.calendar_arrow.prev {top:5px;left:4px;}
.calendar_arrow.next {top:5px;right:4px;}
.calendar_arrow.prev > span {background:url('../image/button/date_select_prev.png') no-repeat 6px 4px;}
.calendar_arrow.next > span {background:url('../image/button/date_select_next.png') no-repeat 8px 4px;}
.calendar_arrow.prev2 > span {background:url('../image/button/date_select_prev2.png') no-repeat 4px 4px;}
.calendar_arrow.next2 > span {background:url('../image/button/date_select_next2.png') no-repeat 5px 4px;}

.select_date > .todaybtn {width:70px;color:#848484;background:#fff;line-height:26px;border:1px solid #f9fafb;line-height:24px;border-radius:15px}
.select_date > .todaybtn:hover {border:1px solid #b4b9c3;background:#fff;}
.select_date > .todaybtn:active {background:#e7e7e7;border:1px solid #e7e7e7;}
.select_date > .todaybtn > span {display:inline-block;width:6px;height:6px;border-radius:3px;background:#00ddca;margin-right:3px;vertical-align:1px}
.select_date > .lnb_view {margin-right:34px;margin-left:5px;display:none;}
.select_date > .lnb_view.on {display:block;}
.lnb_view {width:27px;height:27px;background:url('../image/icon/lnb_view_normal.png') no-repeat;border:0;border-radius:14px}
.lnb_view:hover {background:url('../image/icon/lnb_view_hover.png') no-repeat}
.lnb_view:active {background:url('../image/icon/lnb_view_select.png') no-repeat}
.schedule_selectwrap .select_bgm {position:absolute;top:14px;right:26px}

.schedule_tabwrap {width:100%;padding:0 auto;}
.schedule_tabwrap > ul {width:260px;margin:0 auto;}
.schedule_tabwrap > ul > li {float:left;margin-right:30px;line-height:55px}
.schedule_tabwrap > ul > li:last-child {margin-right:0px;}
.schedule_tabwrap > ul > li > a {display:inline-block;width:100%;color:#ababac;font-size:13px;color:#686b72;}
.schedule_tabwrap > ul > li:hover > a {color:#000;background:url('../image/bg/datetab_bg.png') no-repeat center bottom;}
.schedule_tabwrap > ul > li:active > a {color:#000;background:url('../image/bg/datetab_bg.png') no-repeat center bottom;}
.schedule_tabwrap > ul > li.on > a {color:#000;background:url('../image/bg/datetab_bg_selected.png') no-repeat center bottom;}

.tag_input {position:relative;display:inline-block;padding:0 22px 0 7px !important;background:#eff2f6;border:1px solid #D6DEE8;border-radius:15px;line-height: 26px;margin-bottom: 1px;}
.tag_input > input[type="text"] {line-height:28px;background:#eff2f6;/* width:90%; */padding:0 !important;border:0 !important;}
.tag_input > button {position:absolute;top:5px;right:5px;border:0;background:url('../image/icon/dashboard_delete_normal.png') no-repeat;width:19px;height:19px;}
.tag_input > button:hover {background:url('../image/icon/dashboard_delete_hover.png') no-repeat;}
.tag_input > button:active {background:url('../image/icon/dashboard_delete_select.png') no-repeat;}

.tag_input > span > input[type="text"] {line-height:28px;background:#eff2f6;width:90%;padding:0 !important;border:0 !important;}
.tag_input > span > button {position:absolute;top:5px;right:5px;border:0;background:url('../image/icon/dashboard_delete_normal.png') no-repeat;width:19px;height:19px;}
.tag_input > span > button:hover {background:url('../image/icon/dashboard_delete_hover.png') no-repeat;}
.tag_input > span > button:active {background:url('../image/icon/dashboard_delete_select.png') no-repeat;}

.input_date {position:relative;width:118px;display:inline-block;}
.input_date input[type="text"] {text-align:left;padding-left:13px;padding-right:29px;}
.input_date > button {position:absolute;top:3px;right:3px;width:22px;height:22px;background:url('../image/icon/calander_icon_normal.png');border:0;}
.input_date > button:hover {background:url('../image/icon/calander_icon_hover.png');border:0;}
.input_date > button:active {background:url('../image/icon/calander_icon_select.png');border:0;}

.input_date_noyear {position:relative;width:122px;display:inline-block;}
.input_date_noyear input[type="text"] {text-align:left;padding-left:20px;padding-right:25px;}
.input_date_noyear > button {position:absolute;top:3px;right:5px;width:22px;height:22px;background:url('../image/icon/calander_icon_normal.png');border:0;}
.input_date_noyear > button:hover {background:url('../image/icon/calander_icon_hover.png');border:0;}
.input_date_noyear > button:active {background:url('../image/icon/calander_icon_select.png');border:0;}


.contentSelectSearchBtn {border:0px;width:22px;height:22px;background:#fff url('../image/icon/search_select.png') no-repeat 5px 7px !important;margin-top:2px;}

.calendar_wrap {position:absolute;top:32px;background:#fff;border:1px solid #dde0e5;border-radius:5px;z-index:1}
.calendar_wrap > .date_control {height:55px;border-bottom:1px solid #e8e8e8;padding:0 20px;position:relative;}
.calendar_wrap > .calendar {padding:24px 20px;position:relative;}
.calendar_wrap > .calendar .sc_have {height:14px;background:#6ee6a9;position:absolute;border-radius:7px}
.calendar > table > thead > tr > th {text-align:center;font-size:11px;} 
.calendar > table > tbody > tr > td {padding:5px 11px;height:30px;width:30px;text-align:center;vertical-align:middle;}
.calendar > table > tbody > tr > td > span {display:block;position:relative;width:25px;height:25px;color:#d7d7d7;line-height:25px}
.calendar > table > tbody > tr > td > span > a {width:25px;height:25px;display:inline-block;border-radius:15px;color:#7f7f7f;position:absolute;top:0;left:0;z-index:1}
.calendar > table > tbody > tr > td > span > a:hover {color:#c1c1c1;}
.calendar > table > tbody > tr > td.today > span > a {background:#00ddca;color:#fff;} 
.calendar > table > tbody > tr > td.today > span > a:hover {background:#00ddca;color:#b1fed7;} 
.calendar > table > tbody > tr > td.have > span > a {color:#fff;}
.calendar > table > tbody > tr > td.have > span > a:hover {color:#b1fed7;}  
.calendar_wrap .date_control .select_date > .date {margin-left:100px;height:26px;line-height:26px;font-size:18px;}
.calendar_wrap .date_control .select_date > .date > .calendar_arrow.prev {top:4px;left:-10px;}
.calendar_wrap .date_control .select_date > .date > .calendar_arrow.next {top:4px;right:-10px;}
.calendar_wrap .date_control .select_date > .todaybtn {position:absolute;left:264px;top:0px;border:1px solid #dde0e5;height:28px;line-height:26px}
.calendar_wrap .date_control .select_date > .todaybtn:hover {border-color:#b4b9c3;}
.calendar_wrap .date_control .select_date > .todaybtn:active {border-color:#e7e7e7;background:#e7e7e7}

.schedule_list {position:relative;}
.schedule_list .editer_area .modify_pointer {position:absolute;padding:0;width:10px;height:10px;border:1px solid #18b0ff;background:#fff;border-radius:5px}
.schedule_list .editer_area .modify_pointer:hover {border-color:#19b1ff;background:#cdecff}
.schedule_list .editer_area .modify_pointer:active {border-color:#3196ff;background:#3196ff}

.schedule_list .detail_search_wrap {position:absolute;right:21px;top:38px;background:rgba(0,0,0,0.15);padding-bottom:2px;width:439px;}
.schedule_list .detail_search_wrap > div {position:relative;width:439px;background:#fff;}
.schedule_list .detail_search_wrap > div .pop_circle {position:absolute;top:9px;right:13px;}
.schedule_list .detail_search_wrap > div > span {position:absolute;top:16px;left:-10px;}
.schedule_list .detail_search_wrap h3 {margin:0;font-size:13px;line-height:47px;border-bottom:1px solid #ebebeb;padding-left:20px;}
.schedule_list .detail_search_wrap > div > .clearfix {border-bottom:1px solid #ebebeb;margin:0 25px;}
.schedule_list .detail_search_wrap > div > .btn_wrap button {margin-right:0}

.schedule_list ul li > div {width:100%;border:1px solid;position:absolute;top:0;left:0;z-index:1}
.schedule_list ul li > div a {color:#fff;padding:7px 12px 12px 12px;display:inline-block;line-height:14px;}
.schedule_list ul li > div a span {display:block;padding-bottom:9px;}
.schedule_list ul li > .bgc_80cbff {background:#80cbff;border-color:#55aff0;}
.schedule_list ul li > .bgc_80cbff:hover {background:#93d3ff;}
.schedule_list ul li > .bgc_80cbff:active {background:#a0d8ff;}
.schedule_list ul li > .bgc_6ee6a9 {background:#6ee6a9;border-color:#51db95;}
.schedule_list ul li > .bgc_6ee6a9:hover {background:#84eab6;}
.schedule_list ul li > .bgc_6ee6a9:active {background:#92ecbf;}
.schedule_list ul li > .bgc_6ee6a9.editer_area {background:#92ecbf;border-color:#7de4b0;}
.schedule_list ul li > .bgc_6ee6a9.editer_area:hover {background:#84eab6;}
.schedule_list ul li > .bgc_6ee6a9.editer_area:active {background:#6ee6a9;}
.schedule_list ul li > .bgc_ff92b1 {background:#ff92b1;border-color:#f784a5;}
.schedule_list ul li > .bgc_ff92b1:hover {background:#ffa2bd;}
.schedule_list ul li > .bgc_ff92b1:active {background:#ffadc5;}

.schedule_thum > ul > li {border-bottom:0 !important;width:85px !important;height:85px !important;margin:5px 0 0 12px !important;}
.schedule_thum > ul > li:hover {background:none !important}
.schedule_thum > ul > li > a {padding:0 !important;}
.schedule_thum > ul > li > a > img {width:85px;height:85px;}

.schedule_list.daily .schedule_thum > ul > li {float:left;}
.schedule_list.weekly .schedule_thum > ul > li {float:left;}

	/* Schedule Weekly List */
.schedule_list.weekly {padding:0 1%;height:700px;overflow-x:hidden;overflow-y:scroll;margin-top:28px;width:98%;}
.schedule_list.weekly > div {width:12%;float:left;margin-right:1.5%;margin-bottom:20px;}
.schedule_list.weekly .last {margin-right:0;}
.schedule_list.weekly > div > span {display:block;border-bottom:1px solid #d5d6d6;font-size:13px;height:26px;line-height:21px}
.schedule_list.weekly > div > span > span {display:inline-block;width:21px;height:21px;background:#f9fafb;border-radius:10px;font-weight:bold;text-align:center;color:#515151;}
.schedule_list.weekly > div > span > span.today {background:#00ddca;color:#fff;}
.schedule_list.weekly .time_view {width:4%;background:none;padding-top:26px;}
.schedule_list.weekly .time_view li {font-size:11px;border:0;position:relative;height:29px;}
.schedule_list.weekly .time_view li span {display:block;vertical-align:bottom;position:absolute;bottom:-9px;right:0;text-align:right;color:#000;}
.schedule_list.weekly ul li {height:28px;border-bottom:1px solid #e3e4e5;position:relative;}
.schedule_list.weekly ul li:hover {background:#f1f2f3}
.schedule_list.weekly ul li:active {background:#eaebec}
.schedule_list.weekly ul li:first-child {height:32px;}
.schedule_list.weekly ul li.line_c {border-bottom:1px solid #eeeff0;}
.schedule_list.weekly ul li > div a {color:#fff;padding:18px 12px 12px 12px;display:inline-block;line-height:14px;}
.schedule_list.weekly .editer_area .modify_pointer.top {top:-5px;left:49%;}
.schedule_list.weekly .editer_area .modify_pointer.bottom {bottom:-5px;left:49%;}
.schedule_list.weekly.weekly_wide {padding:0 0 0 7%;}
.schedule_list.weekly.weekly_wide .time_view {display:none}

	/* Schedule Daily List */
.schedule_list.daily {padding:0 1%;overflow-x:hidden;overflow-y:scroll;margin-top:28px;width:98%;}
.schedule_list.daily > div {width:94%;float:left;;margin-bottom:20px;}
.schedule_list.daily .last {margin-right:0;}
.schedule_list.daily > div > span {display:block;border-bottom:1px solid #d5d6d6;font-size:13px;height:26px;line-height:21px}
.schedule_list.daily > div > span > span {display:inline-block;height:21px;background:#00ddca;border-radius:10px;text-align:center;color:#fff;padding:0 9px;}
.schedule_list.daily > div > span > span > span {font-weight:bold;}
.schedule_list.daily .time_view {width:4%;background:none;padding-top:26px;margin-right:2%;}
.schedule_list.daily .time_view li {font-size:11px;border:0;position:relative;height:29px;}
.schedule_list.daily .time_view li span {display:block;vertical-align:bottom;position:absolute;bottom:-9px;right:0;text-align:right;color:#000;}
.schedule_list.daily ul li {height:28px;border-bottom:1px solid #e3e4e5;position:relative;}
.schedule_list.daily ul li:hover {background:#f1f2f3}
.schedule_list.daily ul li:active {background:#eaebec}
.schedule_list.daily ul li:first-child {height:32px;}
.schedule_list.daily ul li.line_c {border-bottom:1px solid #eeeff0;}
.schedule_list.daily ul li > div > div {position:relative;}
.schedule_list.daily .editer_area .modify_pointer.top {top:-5px;left:50%;}
.schedule_list.daily .editer_area .modify_pointer.bottom {bottom:-5px;left:50%;}
.schedule_list.daily.weekly_wide {padding:0 0 0 7%;}
.schedule_list.daily.weekly_wide .time_view {display:none}

	/* Schedule Monthly List */
.schedule_list.monthly {padding:0 4%;position:relative;height:700px;overflow-x:hidden;overflow-y:scroll;}
.schedule_list.monthly > table {width:100%;}
.schedule_list.monthly > table > thead > tr > th > span {display:inline-block;border-bottom:1px solid #d5d6d6;line-height:30px;width:90%;}
.schedule_list.monthly > table > tbody > tr > td {height:114px;border-bottom:1px solid #eeeff0;position:relative;}
.schedule_list.monthly > table > tbody > tr > td:hover {background:#f1f2f3}
.schedule_list.monthly > table > tbody > tr > td:active {background:#eaebec}
.schedule_list.monthly > table > tbody > tr > td > span {position:absolute;left:2px;top:4px;font-size:13px;border-radius:10px;display:inline-block;text-align:center;line-height:21px;z-index:1;}
.schedule_list.monthly > table > tbody > tr > td > span > a {color:#818181;}
.schedule_list.monthly > table > tbody > tr > td.today > span {width:21px;height:21px;left:2px;top:4px;background:#00ddca;}
.schedule_list.monthly > table > tbody > tr > td.today > span > a {color:#fff;}
.schedule_list.monthly > table > tbody > tr > td.next_month > span > a {color:#bdbdbe;}
.schedule_list.monthly > .editer_area {position:absolute;top:0;left:0;background:#92ecbf;height:16px;color:#fff;}
.schedule_list.monthly > .editer_area.brl {border-bottom-left-radius:10px;border-top-left-radius:10px}
.schedule_list.monthly > .editer_area.brr {border-bottom-right-radius:10px;border-top-right-radius:10px}
.schedule_list.monthly > .editer_area:hover {background:#84eab6}
.schedule_list.monthly > .editer_area:active {background:#92ecbf}
.schedule_list.monthly > .editer_area > div > span {display:table-cell;font-size:12px;vertical-align:middle;height:16px;border-bottom:0;padding-left:14px}
.schedule_list.monthly > .editer_area > div {position:relative;}
.schedule_list.monthly .editer_area .modify_pointer.left {top:3px;left:-3px;}
.schedule_list.monthly .editer_area .modify_pointer.right {top:3px;right:-3px;}

.schedule_list.monthly .editer_area.bgc_80cbff {background:#80cbff;border-color:#55aff0;}
.schedule_list.monthly .editer_area.bgc_80cbff:hover {background:#93d3ff;}
.schedule_list.monthly .editer_area.bgc_80cbff:active {background:#a0d8ff;}

.schedule_list.monthly .editer_area.bgc_fbd074 {background:#fbd074;border-color:#51db95;}
.schedule_list.monthly .editer_area.bgc_fbd074:hover {background:#fad482;}
.schedule_list.monthly .editer_area.bgc_fbd074:active {background:#fada95;}

.schedule_list.monthly .editer_area.bgc_ff92b1 {background:#ff92b1;border-color:#f784a5;}
.schedule_list.monthly .editer_area.bgc_ff92b1:hover {background:#ffa2bd;}
.schedule_list.monthly .editer_area.bgc_ff92b1:active {background:#ffadc5;}

	/* Schedule List */
.schedule_list.listview {padding:0;}
.schedule_list.listview > .list_wrap > table > thead {border-top:0;border-bottom:1px solid #ecedee;}
.schedule_list.listview > .list_wrap > table > thead > tr > th {background:url('../image/bg/table_th_border_2.png') no-repeat right; padding:8px 8px 8px 8px;font-weight:bold;border-top:1px solid #f2f2f2;border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2;}
.schedule_list.listview > .list_wrap > table > thead > tr > th {background:url('../image/bg/table_th_border_2.png') no-repeat right; padding:8px 8px 8px 8px;font-weight:bold; border:0;}
.schedule_list.listview > .list_wrap > .list {height:750px;}
.schedule_list.listview > .list_wrap > .list > table > tbody > tr{border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2;}
.schedule_list.listview > .list_wrap > .list > table > tbody > tr > td {line-height:30px;border:0;}

#scheduleWrap .fc-more-popover .fc-event-container {height:137px; overflow:auto;}
#scheduleWrap .fc-month-view > table > tbody > tr > td > .fc-day-grid-container {height:750px; overflow:auto}

.schedule_message {padding:0}
.schedule_message > div {padding:0 0 0 24px;}
.schedule_message > h2 {font-weight:normal;font-size:16px;margin:0;padding:12px 24px 15px 24px;line-height:27px}
.schedule_message h2 {font-size:16px;font-weight:normal;vertical-align:middle;}
.schedule_message .lnb_view {margin-right:10px;display:none;float:left}
.schedule_message.schedule_message_wide .lnb_view {display:block;}
.message_editerbox {overflow-x:hidden;overflow-y:auto;height:750px;}
.schedule_message .message_wrap {border:1px solid #e4e4e4;width:671px;}
.schedule_message .message_detail_setting .option_list {top:33px;}
.message_editer {background:#f1f2f3;padding:9px;}
.message_closebox {position:absolute;top:10px;right:10px;display:inline-block;width:19px;height:19px;background:url('../image/img/tab_close_normal.png') no-repeat;border:0;margin:0;}
.text_align {height:26px;border:1px solid #dde0e5;color:#848484;background:#fff;line-height:22px;border-radius:5px;text-align:center} 
.text_align:hover {border-color:#b4b9c3;color:#848484;}
.text_align:active {border-color:#dde0e5;color:#848484;background:#e7e7e7;}
.text_align:disabled {border-color:#dde0e5;color:#c1c1c1;background:#f3f3f3}
.text_align button {background:url('../image/bg/bar_3.png') no-repeat right;border:0;margin:0;width:27px;}
.text_align button.bgnone {background:none}
.text_align button img {padding-top:2px;}

.message_area {overflow:hidden;position:relative;background:#fff;width:671px;height:300px;border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4;background:url('../image/bg/message_bg.png');}
.message_modify {overflow:hidden;padding:9px;background:#fff}
.message_modify textarea {border:0;width:97%;min-height:41px;max-height:50px;background:#fff;font-size:16px;color:#909090;}
.message_detail_setting > table > tbody > tr > th {vertical-align:middle;color:#646464;}
.message_detail_setting > table > tbody > tr.line > th {padding:20px 0;border-bottom:1px solid #eeeff0;}
.message_detail_setting > table > tbody > tr.line > td {padding:20px 0;border-bottom:1px solid #eeeff0;}
.message_detail_setting > table > tbody > tr.line.pt10 > th {padding:10px 0 20px 0;}
.message_detail_setting > table > tbody > tr.line.pt10 > td {padding:10px 0 20px 0;}
.message_detail_setting > table > tbody > tr > td {padding:10px 0;}
.message_detail_setting > table > tbody > tr.tp20 > th {padding:20px 0 10px 0;}
.message_detail_setting > table > tbody > tr.tp20 > td {padding:20px 0 10px 0;}

.speed_controler {position:relative;margin-top:3px;}
.speed_controler > span {display:inline-block;height:2px;background:#d9dadb;width:147px;}
.speed_controler > span > span {position:absolute;display:inline-block;height:2px;background:#3196ff;}
.speed_controler > span > .txt {font-size:10px;top:20px;background:none;color:#b3b4b5;}

.space {line-height:28px}
.space.explain {color:#a9a9a9;font-size:11px;}
.space2 {line-height:27px;background:url('../image/bg/bar_5.png') no-repeat 0 8px;padding-left:15px;}
.warring {display:inline-block;background:url('../image/icon/bullet_1.png') no-repeat 0 3px;padding-left:17px;color:#a9a9a9;overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.device_response_warning {background:url('../image/icon/bullet_1.png') no-repeat 0 14px !important;padding-left:16px;color:#a9a9a9;background-position-y: center !important;}
.total_number {font-size:11px;position:absolute;right:30px;bottom:-5px;}

.condition_wrap {border:1px solid #e7e7e7;background:#fafafc;}
.condition_wrap h3 {margin:0;background:#fff;line-height:37px;font-size:13px;padding-left:19px;color:#969696;position:relative;}
.condition_wrap > div {padding:29px;}
.condition_wrap table > tr > td > img {width:172px;height:172px;margin-right:30px;}
.condition_wrap h3 > button {position:absolute;top:5px;right:10px;}

.circle_imgbtn {width:27px;height:27px;border:0;padding:0;border-radius:15px;background:none;position:relative;}
.circle_imgbtn > span {display:inline-block;width:27px;height:27px;}
.circle_imgbtn .close {background:url('../image/icon/circle_close_normal.png')}
.circle_imgbtn .close:hover {background:url('../image/icon/circle_close_hover.png')}
.circle_imgbtn .close:active {background:url('../image/icon/circle_close_select.png')}
.circle_imgbtn .confirm {background:url('../image/icon/circle_confirm_normal.png')}
.circle_imgbtn .confirm:hover {background:url('../image/icon/circle_confirm_hover.png')}
.circle_imgbtn .confirm:active {background:url('../image/icon/circle_confirm_select.png')}
.circle_imgbtn .confirm.on {background:url('../image/icon/circle_confirm_on.png')}

/* Confirm list */
.confirm_list {position:absolute;top:37px;left:0;background:#fff;border:1px solid #dde0e5;box-shadow:#dedede 0px 1px 0px;z-index:1}
.confirm_list > div {position:relative;}
.confirm_list > div > span {display:block;width:100%;height:8px;position:absolute;top:-8px;background:url('../image/bg/option_list_bg.png') no-repeat center;}
.confirm_list > div > ul > li {padding:6px 13px 5px 13px;font-size:12px;position:relative;line-height:15px;text-align:left}
.confirm_list > div > ul > li:first-child {padding-top:11px}
.confirm_list > div > ul > li:last-child {border-bottom:0;padding-bottom:10px}
.confirm_list > div > ul > li > a {display:inline-block;color:#686b72;text-decoration: none;width:100%;font-size:11px;}
.confirm_list > div > ul > li > a:hover {color:#609be8 !important;}
.confirm_list > div > ul > li > a:active {color:#2789f4 !important;}

/* ?�★?�★?�★?�PLAY LIST */
.lnbwrap.playlist_lnb {width:192px;background:#eaebec}

.lnbwrap.playlist_lnb .lnb a {display:inline-block;width:100%;background:url('../image/bg/lnb_arrow_down.png') no-repeat 164px 18px;}
.lnbwrap.playlist_lnb .lnb a:hover {background:url('../image/bg/lnb_arrow_down.png') no-repeat 164px 18px;color:#609be8;}
.lnbwrap.playlist_lnb .lnb a:active {color:#3196ff;}
	/* 1 depth */
.lnbwrap.playlist_lnb .lnb > ul > li {line-height:41px;}
.lnbwrap.playlist_lnb .lnb > ul > li > a {padding-left:21px;font-size:13px;color:#000000;}
	/* 2 depth */
.lnbwrap.playlist_lnb .lnb > ul > li > ul > li {line-height:39px;background:none}
.lnbwrap.playlist_lnb .lnb > ul > li > ul > li > a {padding-left:31px;font-size:12px;color:#595b5f;}
.lnbwrap.playlist_lnb .lnb > ul > li > ul > li.on {background:#f2f2f3}
.lnbwrap.playlist_lnb .lnb > ul > li > ul > li.on > a {color:#3196ff;background:url('../image/bg/lnb_arrow_up.png') no-repeat 164px 17px;}
.playlist_lnb_title {height:71px;}
.playlist_lnb_title #lnb_control {top:23px;left:15px;} /* lnb open close button */
.playlist_thum {width:38%;background:#eff0f1;position:relative;}
.playlist_thum > .drage_wrap {position:absolute;top:0;right:0px;bottom:0;width:2px;}
.playlist_thum > .drage_wrap:hover {width:2px;background:#fff;border-left:1px solid #d9dadb;border-right:1px solid #d9dadb;}

.playlist_preview {}
.playlist_preview div > h3 {font-size:12px;font-weight:normal;color:#848484;}
.playlist_preview div > h3 .space {font-size:12px;/*line-height:70px;*/color:#848484;}
.playlist_preview .lnb_view.playlist {margin-top:23px; margin-right:40px;display:none;}
.playlist.playlist_preview_wide .playlist_preview .lnb_view {display:block;}
.playlist.playlist_preview_wide {padding-left:0;}
.playlist.playlist_preview_wide .playlist_preview {width:100%;}
.playlist.playlist_preview_wide .playlist_preview > .drage_wrap {display:none !important}
.playlist.playlist_preview_wide .playlist_thum {display:none;}

.playlist_preview {width:62%;}
.playlist_preview > .pd_none {padding:0;}
.playlist_preview .pd_none .contents_buttonwrap .lnb_view {margin-top:0;}
.playlist_preview .playlist_editer_wrap {position:relative;left:0;border-bottom:0px solid #ecedee;border-top:0;width:97%;background:none;box-shadow:none}
.playlist_preview .playlist_editer_wrap .animated {padding:23px 0 28px 0;overflow-y:hidden;margin-bottom:0;}
.playlist_preview .playlist_editer_wrap .animated li > div {height: 136px;}
.playlist_preview .playlist_editer_wrap.type01 .animated ul li {padding : 0 5px 30px 7px;}
.playlist_preview .playlist_editer_wrap.type01 .animated ul li .name	{margin:0 0 -9px 0; font-size:12px;/* line-height:22px*/}
.playlist_preview .playlist_editer_wrap .animated .check_area {width:62px;height:86px;float:left;}
.playlist_preview .playlist_editer_wrap .animated .check_area label {width:16px;height:16px;padding-left:0;margin-top:32px;margin-left:24px;}
.playlist_preview .playlist_editer_wrap .animated .add_lfd {position:absolute;top:11px;left:14px;width:15px;height:16px;background:url('../image/img/add_img_lfd.png') no-repeat 0 0;border:0;z-index:1}
.playlist_preview .playlist_editer_wrap .animated .add_img {position:absolute;top:11px;left:36px;width:15px;height:16px;background:url('../image/img/add_img_image.png') no-repeat 0 0;border:0;z-index:1}
.playlist_preview .playlist_editer_wrap .animated .add_vod {position:absolute;top:10px;left:57px;width:17px;height:18px;background:url('../image/img/add_img_vod.png') no-repeat 0 0;border:0;z-index:1}
.playlist_preview .playlist_editer_wrap #randomContentDiv {border-top:3px solid #dde0e5;}


.thum_ex {position:absolute;left:-15%;top:87px;background:#323b46;color:#fff;font-size:11px;line-height:22px;padding:0 11px;}
.thum_ex > div {position:relative;}
.thum_ex > div > span {width:8px;height:9px;background:url('../image/bg/option_list_bg3.png') no-repeat;position:absolute;top:-8px;right:20%;}

.group_title {padding-top:27px;}
.group_title .float_l {font-size:12px;font-weight:bold;color:#555656;padding-left:24px;}
.group_title .float_r {color:#898a8a;padding-right:22px;}

.imgbox .imgarea {padding:40px 0;}
.imgbox {text-align:center;width:100%;}
.imgbox img {border:8px solid #fff;box-shadow:1px 1px 2px #eff0f1;width:98%;}

.contents.playlist_preview_wide .playlist_preview .imgbox {width:70%;margin:0 auto}

.controler {width:100%;margin-top:100px;}
.controler > div {position:relative;padding:7px 129px 0 78px;height:10px;}
.controler > div > .play_area {position:absolute;left:0;top:0;}
.controler > div > .button_area {position:absolute;right:0;top:0;}
.controler > div > div > button {float:left;border:0;background:none;padding:0;}
.controler > div > div > button > span {display:block;width:17px;height:17px;}
.controler > div > div > span {display:block;float:left;}
.controler > div > div > span.fc_0069d5 {color:#0069d5;}
.controler > div > span {display:block;width:100%;height:2px;position:relative;background:#d9dadb}
.controler > div > span > .control_cursor {position:absolute;top:-4px;}
.controler > div > span > span {height:2px;background:#3196ff;position:absolute;left:0;}
.controler .play span {background:url('../image/icon/controler_1.png') no-repeat;}
.controler .play:hover span {background-position:0 -17px}
.controler .play:active span {background-position:0 -34px}
.controler .time span {background:url('../image/icon/controler_2.png') no-repeat;}
.controler .time:hover span {background-position:0 -17px}
.controler .time:active span {background-position:0 -34px}
.controler .zoom span {background:url('../image/icon/controler_3.png') no-repeat;}
.controler .zoom:hover span {background-position:0 -17px}
.controler .zoom:active span {background-position:0 -34px}

	/* Controler Disabled */
.controler.dim > div > span {background:#dfdfdf}
.controler.dim > div > span > .control_cursor {background-position:0 -45px;}
.controler.dim > div > span > span {background:#dfdfdf}
.controler.dim .play span {background-position:0 -51px}
.controler.dim .time span {background-position:0 -51px}
.controler.dim .zoom span {background-position:0 -51px}

.time_select {position:absolute;top:28px;right:29px;border:1px solid #dde0e5;background:#fff}
.time_select > div {position: relative;}
.time_select ul li {padding:5px 10px;}
.time_select ul li:first-child {padding-top:10px}
.time_select ul li:last-child {padding-bottom:10px}
.time_select ul li a {display:inline-block;width:100%;font-size:11px;}
.time_select img {position:absolute;top:-8px;left:center;border:0 !important;box-shadow:none !important;width:auto;margin-left:-4px;}

.playlist_editer_wrap {position:fixed;left:347px;bottom:0;border-top:1px solid #cacbcc;background:#f5f5f5;width:100%;box-shadow:3px -1px 5px #dcddde;z-index: 1}
/* .playlist_editer_wrap {position:fixed;left:94px;bottom:0;border-top:1px solid #cacbcc;background:#f5f5f5;width:100%;box-shadow:3px -1px 5px #dcddde;z-index: 100} */
.playlist_editer_wrap .transition_wrap {position:relative;height:110px;}
.playlist_editer_wrap .transition_wrap > span {display:inline-block;position:absolute;left:153px;bottom:-15px;width:32px;height:16px;background:url('../image/img/transition_arrow.png');}

.transition_wrap .transition {background:#ececec;padding-left:12px;height:100%;border-bottom:1px solid #e9e9e9;position:relative;}
.transition_wrap .transition > ul {padding-top: 25px;width:45000px;}
.transition_wrap .transition > ul  > li {float:left;margin-right:10px;position:relative;}
.transition_wrap .transition > ul  > li:first-child {margin-left:10px;}
.transition_wrap .transition > ul  > li > img {border:4px solid #fff;box-shadow:0px 1px 0px #e7e7e7;width:40px;height:40px;}
.transition_wrap .transition > ul  > li.on > img {border-color:#3196ff;}
.transition_wrap .transition > ul  > li > span {width:86px;text-align:center;color:#818181;display:block;font-size:9px;line-height:10px}
.transition_wrap .transition > ul  > li .hover_cover {display:none;background:rgba(243,249,255,0.85);width:40px;height:40px;position:absolute;left:4px;top:4px;}
.transition_wrap .transition > ul  > li:hover .hover_cover {display:block;}

.transition_option, .transition_delay_option {position:absolute;/*right:94px;*/top:0;background:#e6e6e6;width:96px;height:100%;text-align:center;padding-left:5px;}
.transition_option:hover {background:#ececec}
.transition_option:active {background:#dfdfdf}
.transition_option > a {display:inline-block;width:100%;height:150px;color:#737373;}
.transition_option img {margin-top:48px;margin-bottom:7px;}
.transition_option.anima {right:94px;top:0px;background:#eeeeee;height:185px;z-index:100}
.transition_option.anima > a {display:inline-block;width:100%;height:181px;color:#737373;}
.transition_option.anima img {margin-top:64px;margin-bottom:8px;}
.transition_option.anima:hover {background:#f5f5f5}
.transition_option.anima:active {background:#e7e7e7}

.transition_wrap .transition_option .save_transition {background-image: url('../image/icon/circle_confirm_select.png');background-size:70px 70px; margin-left:12px;margin-top:10px;width:70px;height:70px;float:left;}
.transition_wrap .transition_option .save_transition:hover {background-image: url('../image/icon/circle_confirm_hover.png');background-size:70px 70px; margin-left:12px;margin-top:10px;width:70px;height:70px;float:left;}
.transition_wrap .transition_option .save_transition:active {background-image: url('../image/icon/circle_confirm_hover.png');background-size:70px 70px; margin-left:12px;margin-top:10px;width:70px;height:70px;float:left;}

.playlist_editer_wrap .animated {padding:23px 0 0 58px;width:100%;overflow:auto;overflow-x:hidden;margin-bottom:17px;margin-top:11px;/*height:136px;*/}
.playlist_editer_wrap .animated li > div {float:left;position:relative;width:86px;}
.playlist_editer_wrap .animated li > button {float:left;background:none;border:0;width:50px;height:50px;margin:26px 3px 0px 0px;padding:0;}
.playlist_editer_wrap .animated li > button.on img {margin-top:-24px;}
.playlist_editer_wrap .animated li > div > img {width:78px;height:78px;border:4px solid #fff;box-shadow:0px 1px 0px #e7e7e7}
.playlist_editer_wrap .animated li > div.on > img {/*border:4px solid #3196ff;*/}
.tag {position:absolute;top:-3px;left:-5px;width:19px;height:19px;background:url('../image/icon/label_normal.png.png') no-repeat 0 0;border:0;z-index:1}
.tag:hover {background:url('../image/icon/label_hover.png.png')}
.ams_gender_all {position:absolute;top:63px;left:4px;margin-top:3px;width:32px;height:16px;background:url('../image/icon/playlist_ams_all.png') no-repeat 0 0;border:0;z-index:1;display:none;}
.ams_gender_male {position:absolute;top:63px;left:4px;margin-top:3px;width:16px;height:16px;background:url('../image/icon/playlist_ams_male.png') no-repeat 0 0;border:0;z-index:1;display:none;}
.ams_gender_female {position:absolute;top:63px;left:4px;margin-top:3px;width:16px;height:16px;background:url('../image/icon/playlist_ams_female.png') no-repeat 0 0;border:0;z-index:1;display:none;}
.playlist_tag_info {z-index:3;left:4px;top:2px;background:rgba(224,224,224,0.85);border:1px solid #fff;position:absolute;padding:5px;color:#000;line-height:22px;display:none;}
.playlist_effect_info {z-index:3;top:120px;width:250px !important;height:50px !important;background:url('../image/bg/thumb_layer_bg.png') repeat;border:1px solid #fff;position:absolute !important;padding:5px;color:#000;line-height:22px;display:none;}
.playlist_original_time {z-index:3;left:22px;top:50px;background:rgba(224,224,224,0.85);position:absolute;padding:5px;color:#000;line-height:22px;}
.playlist_editer_wrap li:hover .delete {display:block}
.playlist_editer_wrap .delete {display:none;border:0;position:absolute;top:-11px;right:-6px;float:right;width:19px;height:19px;background:url('../image/icon/dashboard_delete_normal2.png');margin-top:9px;z-index: 1}
.playlist_editer_wrap .delete:hover {background:url('../image/icon/dashboard_delete_hover.png')}
.playlist_editer_wrap .delete:active {background:url('../image/icon/dashboard_delete_select.png')}

.playlist_editer_wrap .playlist_settings {position:absolute;top:70px;left:70px;width:19px;height:19px;background:url('../image/icon/setting_normal.png.png') no-repeat 0 0;border:0;z-index:1;display:none;}
.playlist_editer_wrap .playlist_settings:hover{background:url('../image/icon/setting_hover.png.png') no-repeat 0 0;}
.playlist_editer_wrap li:hover .playlist_settings {display:block}

#syncGroupContainer .sync_group{overflow-x:auto;}
#syncGroupContainer .sync_group .playlist_editer_wrap{border-bottom:1px solid #eeeff0;}
#syncGroupContainer .sync_group .playlist_editer_wrap>.float_l{margin-top:27px;}
#syncGroupContainer .sync_group .playlist_editer_wrap>.float_l label{font-weight : bold;font-size:13px;}

/*.playlist_editer_wrap #generalContentDiv ul li button span img {width:24px;height:24px;}*/

#minusContentBtn span {background:url('../image/button/minus_icon_nor.png') no-repeat;}
#minusContentBtn span:hover {background:url('../image/button/minus_icon_over.png') no-repeat;}
#minusContentBtn span:active {background:url('../image/button/minus_icon_press.png') no-repeat;}

#plusContentBtn span {background:url('../image/button/plus_icon_nor.png') no-repeat;background-position-x:5px;}
#plusContentBtn span:hover {background:url('../image/button/plus_icon_over.png') no-repeat;background-position-x:5px;}
#plusContentBtn span:active {background:url('../image/button/plus_icon_press.png') no-repeat;background-position-x:5px;}

.time_setting_wrap {position:absolute;width:140px;left:-7px;top:110px;}
.time_setting_wrap input[type="text"] {display:inline-block;width:14px;float:left;margin-right:4px;}
.time_setting_wrap span {display:inline-block; float:left;margin-right:4px;}

.playlist_editer_wrap li > div.on .check_on {display:block;}
.playlist_editer_wrap .check_on {display:none;position:absolute;top:4px;left:4px;width:78px;height:78px;background:url('../image/img/playlist_list_on.png') no-repeat;background-size:78px 78px;}

/*
.playlist_editer_wrap .animated li > div:hover .setting_wrap {display:block;}
.playlist_editer_wrap .animated .setting_wrap {display:none;position:absolute;top:0px;left:0px;width:86px;height:86px;}
.playlist_editer_wrap .animated .setting_wrap > div {width:86px;height:86px;float:left;background:rgba(59,155,254,7); opacity:0.7;}
.playlist_editer_wrap .animated .setting_wrap button {width:20px;height:20px;margin-top:33px;margin-left:34px;}
.close_setting {top:5px;right:5px;background:url('../image/icon/thum_close.png') no-repeat 0 0;border:0;}
*/

.animated > .list_wrap_empty {border-top:0;}
.animated > .list_wrap_empty .empty_title {color:#d0d5db;}
.animated > .list_wrap_empty > div > img {margin-top:10px;margin-bottom:14px;}
.animated > .list_wrap_empty > div > span {display:block;color:#b4b4b5;}

/* ?�★?�★?�★?�DASH BOARD */
.dashboard_box > .btnwrap {margin:18px 0 0 22px;}
.dashboard_box > .dashboard_wrap {position:relative;margin-top:19px;width:100%;}

.dashboard {position:absolute;width:365px;background:#fafafc;border-radius:3px;border:1px solid #edf1f4;}
.dashboard:hover {border:1px solid #fff;}
#dashboardEditWrap h4 {font-size:13px;font-weight:bold;line-height:52px;background:#FFF none repeat scroll 0% 0%;padding:0 12px 0 16px;color:#676767;margin:0;border-top-left-radius:3px;border-top-right-radius:3px;}
#dashboardEditWrap h4 > button {border:0;background:none}
#dashboardEditWrap .add {float:right;width:19px;height:19px;background:url('../image/icon/dashboard_add_normal.png');margin-top:17px;}
.dashboard > div {min-height:90px;}

.holiday_add {width:19px;height:19px;background:url('../image/icon/dashboard_add_normal.png');margin-left:10px;border:0;position:relative;top:5px;}
.holiday_add:hover {background:url('../image/icon/dashboard_add_hover.png')}
.holiday_add:active {background:url('../image/icon/dashboard_add_select.png')}

.white_list_edit {width:22px;height:22px;background:url('../image/icon/icon_edit_nor.png') no-repeat; float: right; top: 3px; margin-left:10px; right: 60px; border:0;position:relative;}
.white_list_edit:hover {background:url('../image/icon/icon_edit_over.png') no-repeat; }

.white_list_delete {width:22px;height:22px;background:url('../image/icon/icon_del_nor.png') no-repeat; float: right; top: 3px; margin-left:10px; right: 0px; border:0;position:relative;}
.white_list_delete:hover {background:url('../image/icon/icon_del_over.png') no-repeat; }

.holiday_delete {width:27px;height:27px;background:url('../image/icon/circle_close_normal.png') no-repeat; background-size:25px; margin-left:10px;border:0;position:relative;}
.holiday_delete:hover {background:url('../image/icon/circle_close_select.png') no-repeat; background-size:25px; }
.holiday_delete:active {background:url('../image/icon/circle_close_select.png') no-repeat; background-size:25px; }

.white_list_guide {
	position:absolute;background:#fff;border-radius:3px;padding:20px; right:5px; top:0px;
	-webkit-box-shadow: 1px 1px 20px #888;
	-moz-box-shadow: 1px 1px 20px #888;
	box-shadow: 1px 1px 20px #888;
	}
.white_list_guide > span {position:absolute;top:97px;left:79px;}

.tag_add {width:19px;height:19px;background:url('../image/icon/dashboard_add_normal.png');margin-left:10px;border:0;position:relative;top:5px;}
.tag_add:hover {background:url('../image/icon/dashboard_add_hover.png')}
.tag_add:active {background:url('../image/icon/dashboard_add_select.png')}

.tag_delete {width:19px;height:19px;background:url('../image/icon/dashboard_delete_normal.png');top:3px;margin-left:10px;border:0;position:relative;}
.tag_delete:hover {background:url('../image/icon/dashboard_delete_hover.png')}
.tag_delete:active {background:url('../image/icon/dashboard_delete_select.png')}


.edit_wrap {background:#e1e5e8;width:100%;padding:12px;margin-top:17px;}
.edit_wrap h4 {border-radius:3px}
.edit_wrap > div {float:left;line-height:52px;width:365px;margin-right:18px;margin-top:10px;}

	/* button */
.sDashboardWidgetContent .detail_view_btn {float:right;width:25px;height:25px;background:url('../image/icon/dashboard_detail_normal.png');margin-top:7px;}
.sDashboardWidgetContent .detail_view_btn:hover {background:url('../image/icon/dashboard_detail_hover.png')}
.sDashboardWidgetContent .detail_view_btn:active {background:url('../image/icon/dashboard_detail_select.png')}

.sDashboardWidgetContent .delete {float:right;width:19px;height:19px;background:url('../image/icon/dashboard_delete_normal.png');margin-top:9px;}
.sDashboardWidgetContent .delete:hover {background:url('../image/icon/dashboard_delete_hover.png')}
.sDashboardWidgetContent .delete:active {background:url('../image/icon/dashboard_delete_select.png')}

.edit_wrap .add {float:right;width:19px;height:19px;background:url('../image/icon/dashboard_add_normal.png');margin-top:9px;}
.edit_wrap .add:hover {background:url('../image/icon/dashboard_add_hover.png')}
.edit_wrap .add:active {background:url('../image/icon/dashboard_add_select.png')}
	/* //button */

.sDashboardWidgetContent .user_thum > img {width:95px;height:95px;border-radius:50px}
.sDashboardWidgetContent .user_thum {padding:0;float:left;}
.sDashboardWidgetContent .user_thum > span {display:block;font-size:10px;color:#365a9c;font-weight:bold;padding-top:12px}
.sDashboardWidgetContent .user_thum > span > span {display:block;font-size:20px;color:#799cdb;font-weight:normal;padding-top:4px}

.sDashboardWidgetContent .user_detail {float:left;padding:0px}
.sDashboardWidgetContent .user_detail ul > li {width:200px;padding:0px;}
.sDashboardWidgetContent .user_detail ul > li > span {display:block;font-size:10px;color:#365a9c;font-weight:bold;padding-top:18px}
.sDashboardWidgetContent .user_detail ul > li > span > span {display:block;font-size:16px;color:#9dabb8;font-weight:normal;padding-top:6px}
.sDashboardWidgetContent .user_detail ul > li:first-child > span {padding-top:10px;}
.sDashboardWidgetContent .user_detail ul > li:last-child {margin-bottom:37px;}

.sDashboardWidgetContent .server_graph {float:left;margin-left:31px;margin-top:-95px;;position:relative;}
.sDashboardWidgetContent .server_graph strong {position:absolute;top:70px;left:15px;color:#fff;font-size:40px;font-weight:normal}
.sDashboardWidgetContent .server_graph strong > span {font-size:15px;font-weight:normal}
.sDashboardWidgetContent .server_detail {padding:5px 0 0 5px;width:120px;}
.sDashboardWidgetContent .server_detail ul > li {width:125px;}
.sDashboardWidgetContent .server_detail ul > li > span {display:block;font-size:10px;color:#365a9c;font-weight:bold;padding-top:5px}
.sDashboardWidgetContent .server_detail ul > li > span > span {display:block;font-size:16px;color:#9dabb8;font-weight:normal;padding-top:6px}
.sDashboardWidgetContent .server_detail ul > li:first-child > span {padding-top:10px;}
.sDashboardWidgetContent .server_detail ul > li:last-child {margin-bottom:37px;}

.sDashboardWidgetContent .notice_list {float:left;padding:9px 0 0 17px;margin-bottom:9px;position:relative;overflow:hidden;}
.sDashboardWidgetContent .notice_list li {line-height:26px;width:326px;}
.sDashboardWidgetContent .notice_list li img {margin-right:7px;}
.sDashboardWidgetContent .notice_list li > span {float:right;display:inline-block;font-size:11px;font-weight:bold}
.sDashboardWidgetContent .notice_list li > span > span {color:#818ec6;display:inline-block;padding-left:23px;}

.sDashboardWidgetContent .section_wrap {width:100%;}
.sDashboardWidgetContent .section_wrap > div {float:left;font-size:32px;line-height:66px;text-align:center;height:96px;color:#fff;padding-top:10px}
.sDashboardWidgetContent .section_wrap > div > span {font-size: 11px;display:block;line-height:12px}
.sDashboardWidgetContent .section_wrap.fs > div {font-size:32px;height:115px;}

.sDashboardWidgetContent .device_name {padding:5px 5px 5px 5px;}
.sDashboardWidgetContent .device_name > ul > li {line-height:25px}
/* .dashboard .device_name > ul > li > span {float:right;display:inline;font-size:24px;} */

.sDashboardWidgetContent .device_connect {padding:5px 5px 0 5px;padding-bottom:15px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}
.sDashboardWidgetContent .device_connect > div {width:328px;height:21px;background:#b2b4ff;margin-bottom:19px;}
.sDashboardWidgetContent .device_connect > div > span {width:204px;display:block;height:21px;background:#898cff;}
.sDashboardWidgetContent .device_connect > ul > li {font-size:30px;float:left;height:47px;padding:0;}
.sDashboardWidgetContent .device_connect > ul > li > span {display:block;color:#9b9b9b !important;font-weight:bold;font-size:10px;padding-bottom:10px;}
.sDashboardWidgetContent .device_connect > ul > li:last-child {text-align:right;border-left:2px solid #e5e5e5;}


/* Statistics */
.statistics_summary {padding:0 20px 0 19px;}
.statistics_summary > div {background:#fbfbfc;border-radius:3px;padding:28px 30px 30px 30px;width:823px;position:relative;}
.statistics_summary > div > ul > li {float:left;margin-right:56px;margin-left:106px;}
.statistics_summary > div > ul > li:last-child {margin-right:0;}
.statistics_summary h6 {color:#494949;font-size:12px;height:44px;line-height:13px;position:relative;}
.statistics_summary h6 .numbering {display:block;position:absolute;top:-1px;left:240px;border-radius:7px;color:#fff;font-size:11px;line-height:17px;background:#a4a8ae;padding:0 10px;text-align:center;font-weight:normal}
.statistics_summary > div > ul > li > div > span {display:block;color:#626262;font-size:11px;}
.statistics_summary > div > ul > li > div > span > span {display:inline-block;width:9px;height:9px;border-radius:5px;background:#626262;margin-right:6px;}
.statistics_summary > div > ul > li > .graph {margin-top:23px;}
.statistics_summary > div > ul > li > .toast {position:absolute;top:180px;left:212px;}
.statistics_summary > div .toast {position:absolute;top:160px;left:440px}
/* .toast {background:rgba(224,224,224,0.85);color:#000;display:block;padding:3px 10px;border:1px solid #fff;} */
.statistics_contentType_list {overflow-y:auto;overflow-x:hidden;border-bottom:0;margin-right: 0;height: 200px;}
.statistics_contentType_list table tr td {border-bottom:1px solid #f2f2f2;vertical-align:middle;text-align:left;padding:7px 10px 7px 17px;line-height:20px;position:relative;}

.graph_wrap {background:#fbfbfc;padding:29px 0 30px 30px;position:relative;}
.graph_point {position:absolute;top:10px;right:6px;}
.graph_point > span {font-size:10px;margin-right:24px;font-weight:bold;}
.graph_point > span > span {display:inline-block;width:5px;height:5px;margin-right:6px;vertical-align:1px}
.graph_point > .fc_4be48c > span {background:#4be48c}
.graph_point > .fc_ffa442 > span {background:#ffa442}

.graph_wrap .graph_area1 {width:520px;margin:0 auto ;}
.graph_wrap .graph_area1 > div {float:left;width:270px;height:283px;margin-right:66px;} 
.graph_wrap .graph_area1 > ul {float:left} 
.graph_wrap .graph_area1 > ul li {font-size:12px;line-height:33px;font-weight:bold;color:#a5aab4;margin-bottom:23px;}
.graph_wrap .graph_area1 > ul li span {display:block;font-size:40px;font-weight:normal;color:#afafb0;}

.statistics_list {border-top:1px solid #f2f2f2;overflow-x:hidden;overflow-y:hidden;}
.statistics_list.noline {border-top:0;}
.statistics_list > .statistics_status_wrap {width:100%;padding:15px 21px 0 21px;}
.statistics_list > .statistics_status_wrap > div {float:left;}
.statistics_list > .statistics_status_wrap > div h4 {font-size:16px;font-weight:normal;color:#686b72;margin:0 0 18px 0}
.statistics_list > .statistics_status_wrap > div > div {position:relative;border:1px solid #e7e7e7;border-radius:3px}

.connection_status {margin-right:35px;width:222px;}
.connection_status > div {border:0 !important;width:100%;}
.connection_status ul li {background:#f0f0f0;font-size:12px;color:#717a89;font-weight:bold;padding:20px 20px 0 20px;line-height:16px;height:73px;}
.connection_status ul li > span {display:block;font-size:28px;color:#c6c6c7;font-weight:normal;padding-top:10px;}
.connection_status ul li.bgc_f3cf29 {color:#fbeeb2}
.connection_status ul li.bgc_f7e076 {color:#fdf9e4}
.connection_status ul li.bgc_f3cf29 span {padding-top:10px;color:#fff}
.connection_status ul li.bgc_f7e076 span {padding-top:10px;color:#fff}

.connection_status ul li.bgc_a6bddb {color:#eff3ff}
.connection_status ul li.bgc_2b8cbe {color:#fdf9e4}
.connection_status ul li.bgc_a6bddb span {padding-top:10px;color:#fff}
.connection_status ul li.bgc_2b8cbe span {padding-top:10px;color:#fff}
.connection_status ul li.bgc_fa9fb5 {color:#eff3ff}
.connection_status ul li.bgc_c51b8a {color:#fdf9e4}
.connection_status ul li.bgc_fa9fb5 span {padding-top:10px;color:#fff}
.connection_status ul li.bgc_c51b8a span {padding-top:10px;color:#fff}
.connection_status ul li.bgc_c2e699 {color:#818181}
.connection_status ul li.bgc_78c679 {color:#818181}
.connection_status ul li.bgc_c2e699 span {padding-top:10px;color:#fff}
.connection_status ul li.bgc_78c679 span {padding-top:10px;color:#fff}
.connection_status ul li.bgc_bcbddc {color:#717a89}
.connection_status ul li.bgc_756bb1 {color:#fdf9e4}
.connection_status ul li.bgc_bcbddc span {padding-top:10px;color:#717a89}
.connection_status ul li.bgc_756bb1 span {padding-top:10px;color:#fff}

.panel_status {width:222px;position:relative;margin-right:35px;}
.panel_status.registered {width:25%;margin-right:43px;}
.panel_status .total_number {top:25px;left:5px;}
.panel_status .list {height:199px !important;overflow:scroll;overflow-x:hidden;background:#fff}
.panel_status .list td {line-height:26px}
.panel_status .list td.ta_r {text-align:right}
.panel_status .list_wrap th {border-right:1px solid #f0f0f0;}
.panel_status .list_wrap {border:1px solid #e7e7e7;border-radius:5px}
.panel_status .list_wrap thead {border-top:0;}
/* .panel_status .list_wrap ::-webkit-scrollbar {width:16px;}  */

.approval_status {width:25%;margin-right:43px;}
.approval_status > div {border:0 !important;width:100%;}
.approval_status ul li {background:#f8f8f8;font-size:12px;color:#717a89;font-weight:bold;padding:3px 20px 0 20px;line-height:28px;height:72px;}
.approval_status ul li > span {display:block;font-size:28px;color:#c6c6c7;font-weight:normal}
.approval_status ul li.bgc_f3cf29 {color:#fbeeb2}
.approval_status ul li.bgc_f7e076 {color:#fdf9e4}
.approval_status ul li.bgc_f3cf29 span {color:#fff}
.approval_status ul li.bgc_f7e076 span {color:#fff}

.date_of_request {width:65%;}
.date_of_request .list {min-height:155px;height:155px;overflow:scroll;overflow-x:hidden;}
.date_of_request .list td {line-height:26px}
.date_of_request .list_wrap thead {border-top:0;}

.foot_total_number {line-height:36px;background:#f9f9fb;padding:0;width:100%;}
.foot_total_number > span {display:inline-block;width:50%;float:left;}
.foot_total_number > span > span {padding-left:17px}
.foot_total_number > .total > span {padding-left:10px}
.space_wrap {padding:135px 20px 0 20px;}

.statistics_title {font-size:12px;font-weight:bold;color:#686b72;}
.statistics_title > span {font-weight:normal;color:#b8b8b8;padding-left:20px}
.statistics_noresults {border-top:1px solid #f5f5f5;}
.statistics_noresults span {color:#cbcbcb;font-size:15px;display:inline-block;width:100%;text-align:center;padding-top:250px}

.group_list {padding:0 20px;width:100%;}
.group_list > div {width:35%;border-radius:3px;position:relative;}
.group_list > div > span {width:100%;font-weight:bold;line-height:52px;padding-left:14px;}
.group_list > div > ul {clear:both;height:182px;overflow-y:scroll;border: 1px solid #e5e5e5;margin-top:12px;border-right:0;}
.group_list > div > ul > li {border-bottom:1px solid #e5e5e5;line-height:30px;padding-left:15px}
.group_list > div > ul > li:last-child {border-bottom:0px solid #e5e5e5;}
/* .group_list > div > ::-webkit-scrollbar {width:16px;}  */

.group_list > div table td,
.group_list > div table th {padding:0px 0px 20px 0px;}

.group_count {color:#3196ff;font-size:9px;font-weight:bold}

.sub_list_wrap {position:relative;}
.sub_list_wrap h4 {font-size:16px;font-weight:normal;}
.sub_list_wrap .total_number {top:5px;}

.sub_list_head {position:relative;}
.sub_list_head table {width:100%;}
.sub_list_head thead {background:#fafafa;line-height:30px;border-top:1px solid #f2f2f2;border-bottom:1px solid #fafafa;}
.sub_list_head thead th {padding-left:13px;background:url('../image/bg/table_th_border.png') repeat-y right;}
.sub_list_head thead th:first-child {padding-left:30px}
.sub_list_head thead th.row2 {padding-left:13px;padding-right:13px;vertical-align:middle}
.sub_list_head thead th.row2.br_none {background:none;}
.sub_list_head thead th.row2.bt {border-top:1px solid #f0f0f0;}
.sub_list_head thead th.row2:first-child {padding-left:13px}
.sub_list_head thead th:last-child {background:none;}
.sub_list_head thead th.row2:last-child {background:url('../image/bg/table_th_border.png') repeat-y right;}
.sub_list_head th.icon:hover {background:#f3f3f3;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.sub_list_head th.icon:active {background:#f0f0f0;}
.sub_list_head th.icon > a {display:none}
.sub_list_head th.icon:hover > a {display:block;width:15px;height:15px;float:right;margin-top:6px;margin-right:3px;padding:0;background:url('../image/img/list_arrow.png') no-repeat 5px 7px;}
.sub_list_head .total_number {top:-25px;}

.sub_list {overflow-x:hidden;overflow-y:auto;}
.sub_list table {width:100%;}
.sub_list tbody td {border-bottom:1px solid #f2f2f2;padding-left:13px;line-height:38px}
.sub_list tbody td:first-child {padding-left:30px}
.sub_list table tr:hover td {background:#f3f9ff;border-bottom:1px solid #f3f9ff;}

.ams_sub_list {overflow-x:hidden;overflow-y:auto;text-align: center;}
.ams_sub_list table {width:100%;}
.ams_sub_list tbody td {border-bottom:1px solid #f2f2f2;padding-left:25px;line-height:38px}
.ams_sub_list tbody td:first-child {padding-left:30px}
.ams_sub_list table tr:hover td {background:#f3f9ff;border-bottom:1px solid #f3f9ff;}

.ams_sub_list_head {text-align: center;position:relative;}
.ams_sub_list_head table {width:100%;}
.ams_sub_list_head thead {background:#fafafa;line-height:30px;border-top:1px solid #f2f2f2;border-bottom:1px solid #fafafa;}
.ams_sub_list_head thead th {padding-left:13px;background:url('../image/bg/table_th_border.png') repeat-y right;}
.ams_sub_list_head thead th:first-child {padding-left:30px}
.ams_sub_list_head thead th.row2 {vertical-align:middle}
.ams_sub_list_head thead th.row2.br_none {background:none;}
.ams_sub_list_head thead th.row2.bt {border-top:1px solid #f0f0f0;}
.ams_sub_list_head thead th.row2:first-child {padding-left:13px}
.ams_sub_list_head thead th:last-child {background:none;}
.ams_sub_list_head thead th.row2:last-child {background:url('../image/bg/table_th_border.png') repeat-y right;}
.ams_sub_list_head th.icon:hover {background:#f3f3f3;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
.ams_sub_list_head th.icon:active {background:#f0f0f0;}
.ams_sub_list_head th.icon > a {display:none}
.ams_sub_list_head th.icon:hover > a {display:block;width:15px;height:15px;float:right;margin-top:6px;margin-right:3px;padding:0;background:url('../image/img/list_arrow.png') no-repeat 5px 7px;}
.ams_sub_list_head .total_number {top:-25px;}

/* Settings */
.settings_list {border-top:1px solid #f2f2f2;overflow-y:auto;overflow-x:hidden;}
.settings_list.noline {border-top:0;}
.settings_list > h3 {font-size:16px;color:#686b72;font-weight:normal;margin:0;padding-left:24px;padding-top:29px;}
.settings_list > h3 > span {font-size:13px;color:#bbbbbb;padding-left:24px;}
.settings_list > h3 > span.bul {background:url('../image/icon/bullet_2.png') no-repeat 12px 4px;font-size:11px;color:#686b72;}
.settings_list > .information_edit {border:1px solid #e7e7e7;border-radius:3px;margin:20px 24px 0 24px;padding:10px 0 10px 0;}
.settings_list > .information_wrap {border:1px solid #e7e7e7;border-radius:3px;margin:20px 24px 0 24px;padding:10px 0 10px 0;}
.settings_list > .information_edit table {width:100%}
.settings_list > .information_edit table th img {vertical-align:top;margin-left:6px;}
.settings_list > .information_edit table td input[type="checkbox"] + label {color:#232323;}
.settings_list > .information_edit table th,
.settings_list > .information_edit table td {padding:6px 0;vertical-align:middle;height:28px;padding-left:16px;}
.settings_list > .information_wrap table {width:100%}
.settings_list > .information_wrap table th {padding-left:16px;line-height:39px;color:#929292;}
.settings_list > .information_wrap table td {padding-left:22px;line-height:39px;color:#616161;}
.settings_list table tr.isChanged th, .settings_list table tr.isChanged td{font-size:13px;color:#e55b48 !important;}
/* minimized status */
.minimized_box {position:relative;background:#e8e8e8;width:328px;height:19px;}
.minimized_box > span {display:block;position:absolute;line-height:19px}
.minimized_box > .loading_status {background:#4be48c;height:19px;width:100%;display:block;top:0;left:0;}
.minimized_box.error > .loading_status {background:#ec9799;}
.minimized_box .float_l {left:14px;top:0;color:#fff;font-size:14px;}
.minimized_box .float_r {right:9px;top:0;font-size:14px;color:#8c8c8c;}
.minimized_box .float_r > span {font-size:14px}
.minimized_box button {position:absolute;right:0;top:0;width:19px;height:19px;border:0px;background:url('../image/button/publish_minimized_close_normal.png') no-repeat 0 0;}
.minimized_box button:hover {background:url('../image/button/publish_minimized_close_hover.png') no-repeat 0 0;}
.minimized_box button:active {background:url('../image/button/publish_minimized_close_select.png') no-repeat 0 0;}

.minimized_box2 {position:relative;background:#e8e8e8;width:328px;height:39px;}
.minimized_box2 > span {display:block;position:absolute;line-height:16px}
.minimized_box2 > .loading_status {background:#4be48c;height:39px;width:100%;display:block;top:0;left:0;}
.minimized_box2 > .loading_status.failed {background:#ec9799}
.minimized_box2 .float_l {left:13px;top:3px;color:#fff;font-size:14px;}
.minimized_box2 .float_l > span {display:block;font-size:14px;}
.minimized_box2 .float_r {right:9px;bottom:0px;font-size:14px;color:#8c8c8c;}
.minimized_box2 .float_r > span {font-size:14px}
.minimized_box2 .close {position:absolute;top:3px;right:10px;}

.minimized_box3 {background:#529ff0;width:328px;}
.minimized_box3 > span {display:inline-block;font-size:14px;color:#fff;line-height:39px;padding-left:53px;background:url('../image/img/scanning_img1.png') no-repeat 26px 11px;}

.option_list.color_select {width:226px;}
.option_list .frame_txt > div {text-align: center;width: 100%;line-height:12px;padding: 12px 0;margin:0;color: #afafaf; background:#fafbfc}
.color_view {border-top:1px solid #f2f2f2;padding:6px 0 4px 0;margin:0 6px 0 6px;}
.color_view.current {padding:6px 6px 4px 6px;margin:0;border-top:0px}
.color_view > ul > li {float:left;margin-right:2px;height:22px;margin-bottom:2px;}
.color_view > ul > li:last-child {margin-right:0px !important;}
.color_view > ul > li > a {display:inline-block;width:22px;height:22px;border-radius:3px;position:relative;}
.color_view > ul > li.none {width:20px;height:20px;border:1px solid #eaeaea;border-radius:3px;}
.color_view > ul > li > a > span {display:none;position:absolute;top:-1px;left:-1px;width:24px;height:24px;background:url('../image/img/color_view_1.png') no-repeat;}
.color_view > ul > li > a:hover > span {display:inline-block;}
.color_view > ul > li > a:active > span,
.color_view > ul > li.on > a > span {display:inline-block;background:url('../image/img/color_view_2.png') no-repeat;}
.color_view > ul > li > a.clear_color {background:url('../image/img/color_view_3.png') no-repeat;}
.color_view > ul > li > a.add_color {background:url('../image/img/color_view_4.png') no-repeat 5px 5px;}
.opacity_controler {margin-bottom:10px;}
.opacity_controler > span {font-size:12px;color:#707070;padding-left:9px;line-height:30px}
.opacity_controler .speed_controler {width:122px !important;margin-left:9px;margin-top:5px;}
.opacity_controler .speed_controler > span{width:122px !important;}

.sticker_wrap {width:324px;height:238px;background:#fff;border:1px solid #dde0e5;position:absolute;z-index:100}
.sticker_wrap > div {overflow-y:scroll;height:198px;padding:20px;}
.sticker_wrap > div::-webkit-scrollbar {width:16px;}
.sticker_wrap ul li {width:58px;height:58px;float:left;margin-right:12px;margin-bottom:11px;}
.sticker_wrap ul li.mr0 {margin-right:0;}
.sticker_wrap ul li a {width:58px;height:58px;display:table;position:relative;}
.sticker_wrap ul li a > span {width:58px;height:58px;display:table-cell;text-align:center;vertical-align:middle;}
.sticker_wrap ul li a > span > span {display:none;}
.sticker_wrap ul li a:hover > span > span {display:inline-block;position:absolute;left:-1px;top:-1px;width:60px;height:60px;background:url('../image/img/color_view_5.png') no-repeat;}
.sticker_wrap ul li a:active > span > span,
.sticker_wrap ul li.on a > span > span {background:url('../image/img/color_view_6.png') no-repeat;}
.sticker_wrap ul li.add_sticker > a > span {width:56px;height:56px;border:1px solid #e0e3e9;border-radius:3px;background:url('../image/img/color_view_4.png') no-repeat 23px 23px;}
.sticker_wrap > div > span {display:block;width:100%;height:8px;position:absolute;top:-8px;background:url('../image/bg/option_list_bg.png') no-repeat 270px 0;}

.sticker_edit {position:absolute;top:100px;left:100px;border:2px solid #5ea5ff;}
.sticker_edit > div {position:relative;}
.sticker_edit > div > button {position:absolute;width:9px;height:9px;border:2px solid #5ea5ff;background:#fff;padding:0;}
.sticker_edit > div > button.topleft {top:-5px;left:-5px;}
.sticker_edit > div > button.topright {top:-5px;right:-5px;}
.sticker_edit > div > button.bottomleft {bottom:-5px;left:-5px;}
.sticker_edit > div > button.bottomright {bottom:-5px;right:-5px;}

.input_number {position:relative !important;}
.input_number input {padding-right:31px;padding-left:14px;}
.input_number button {position:absolute;width:17px;height:13px;border:0;background:none}
.input_number .number_up {top:1px;right:8px;background:url('../image/button/input_number_up.png') no-repeat 5px 5px;cursor:pointer;}
.input_number .number_down {top:14px;right:8px;background:url('../image/button/input_number_down.png') no-repeat 5px 4px;cursor:pointer;}


/* pagenation */
.pageNationContainer {border-top:1px solid #d6d7d8;padding:10px 0;position:fixed;height:30px;background-color:#ECECEC;bottom:0px;background: #fff;width: 100%;text-align:center;}

.dataTables_length, 
.dataTables_info{
	margin:10px;
	float:left;
}

.dataTables_length{
  	position: relative;
}

.dataTables_length select{
    color: #797979;
}

.dataTables_filter,
.dataTables_paginate{
	/* float:right; */
}

/*
 Below styles are only for slider 
*/

.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 0.8em; cursor: pointer; } /**/ /*hsYoo width height: 1.2em -> 0.8em*/

.ui-slider-horizontal {
	/* height: .8em; */			/**/ /*hsYoo*/
	height: 1px;
	margin-top: 5px;
	margin-left: 6px;
	margin-right: 5px;
}
.ui-slider-horizontal .ui-slider-handle { top: -.4em; margin-left: -.6em; } /**/ /*hsYoo top: -.3em -> -.4em*/
.ui-slider-horizontal .ui-slider-range { top: 0; height: 2px; } /**/ /*hsYoo height: 100% -> 2px*/

.ui-widget-content { border: 1px solid #e8e8e8/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } /**/ /*hsYoo*/ /*aaaaaa -> e8e8e8*/
.ui-widget-header { border: 1px solid #2c99f8/*{borderColorHeader}*/; background: #2c99f8/*{bgColorHeader}*/ /* url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) *//*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } /**/ /*hsYoo*/ /*#aaaaaa #cccccc-> #2c99f8 , url disable*/

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #fff/*{bgColorDefault}*/ /* url(images/ui-bg_glass_75_e6e6e6_1x400.png) *//*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #848484/*{fcDefault}*/;} /**/ /*hsYoo*/ /* #e6e6e6  -> f9f9f9*/
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #fff/*{bgColorHover}*/ /* url(images/ui-bg_glass_75_dadada_1x400.png) *//*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } /**/ /*hsYoo*/ /*dadada -> cdecff*/
/* .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa{borderColorActive}; background: #3196ff{bgColorActive} url(images/ui-bg_glass_65_ffffff_1x400.png) *//*{bgImgUrlActive} 50%{bgActiveXPos} 50%{bgActiveYPos} repeat-x{bgActiveRepeat}; font-weight: normal{fwDefault}; color: #212121{fcActive}; } hsYoo #ffffff  -> 3196ff */


/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 15px/*{cornerRadius}*/; -webkit-border-top-left-radius: 15px/*{cornerRadius}*/; -khtml-border-top-left-radius: 15px/*{cornerRadius}*/; border-top-left-radius: 15px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 15px/*{cornerRadius}*/; -webkit-border-top-right-radius: 15px/*{cornerRadius}*/; -khtml-border-top-right-radius: 15px/*{cornerRadius}*/; border-top-right-radius: 15px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 15px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 15px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 15px/*{cornerRadius}*/; border-bottom-left-radius: 15px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 15px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 15px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 15px/*{cornerRadius}*/; border-bottom-right-radius: 15px/*{cornerRadius}*/; }

.ui-button:disabled .ui-button-text {border-color:#dde0e5;color:#c1c1c1;background:#f3f3f3;cursor: default;border-radius: 15px;}
.ui-button:disabled .ui-button-text:hover {border-color:#dde0e5;border-radius: 15px;}
.ui-button:active .ui-button-text {color:#848484;background:#e7e7e7;border-radius: 15px;}

/**/ /*hsYoo*/ /*4px -> 8px*/

.supportedDeviceType{margin-right:5px;}
.selectedDeviceDelBtn  {height: 19px;width: 19px;background: url('../image/img/tab_close_normal.png') no-repeat 0 0;border: 0;padding: 0; margin: 0;}
.selectedDeviceDelBtn:hover {height: 19px;width: 19px;background: url('../image/img/tab_close_hover.png') no-repeat 0 0;border: 0;padding: 0; margin: 0;}
.selectedDeviceDelBtn:active {height: 19px;width: 19px;background: url('../image/img/tab_close_select.png') no-repeat 0 0;border: 0;padding: 0; margin: 0;}

.frameBtn{cursor:pointer;}
.frameBtn.on{background-color:rgba(49, 150, 255, 0.59);}

.schModifyBtn{
	height: 22px;
    width: 32px;
    border:0px;
    float:right;
    /* background: url('../image/icon/calander_icon_hover.png') no-repeat 0 0; */
    background: url('../image/button/plus_icon_press.png') no-repeat 0 0;
}
.schModifyBtn:hover{
	height: 22px;
    width: 32px;
    border:0px;
    float:right;
    background: url('../image/button/plus_icon_over.png') no-repeat 0 0;
}

.schModifyBtn.on{
	height: 22px;
    width: 32px;
    border:0px;
    float:right;
    background: url('../image/button/minus_icon_press.png') no-repeat 0 0;
}

.simpleSchTable tbody .hover{background-color:#D0E6FE;}
.simpleSchTable .modified{background-color:#e6f2ff;}

.channelLnb {overflow:hidden}
.channelLnb a {display:inline-block;width:100%;}
.channelLnb > ul > li.on {background-color:#f7f8f9}

.channelLnb > ul > li > .schFrameList {line-height:39px;font-size:12px;color:#595b5f;background-color:#F3F4F5}
.channelLnb > ul > li > .schFrame {padding:20px;background-color:#f7f8f9}

.channelLnb > ul > li > .schFrameList {line-height:39px;font-size:12px;color:#595b5f;background-color:#F3F4F5}
.channelLnb > ul > li > .schFrame {padding:20px;background-color:#f7f8f9}


.schFrameList{
	width:253px;height:40px;padding-left:20px;
}
.schFrmae{
	background-color:#f7f8f9;padding:20px;
}
.frameIconWrite {
	border: 0;float: left;padding: 0;margin-top:8px;height: 27px;width: 27px;background: url('../image/icon/lnb_icon3.png') no-repeat 0 0px;
}
.frameIconWrite:hover {background:url('../image/icon/lnb_icon3.png') no-repeat 0 -27px;}
.frameIconBasket {
	border: 0;float: left;padding: 0;margin-top:8px;height: 27px;width: 27px;background: url('../image/icon/lnb_icon5.png') no-repeat 0 0;
}
.frameIconBasket:hover {background:url('../image/icon/lnb_icon5.png') no-repeat 0 -27px;}
.frameIconSetting{
	border: 0;float: left;padding: 0;margin-top:8px;height: 27px;width: 27px;background: url('../image/icon/lnb_icon4.png') no-repeat 0 0;
}
.frameIconSetting:hover {background:url('../image/icon/lnb_icon4.png') no-repeat 0 -27px;}

.downIcon{
	display:inline-block;
	float: right;
	width: 10px;
	height: 20px;
	background: url('../image/button/select_down.png') no-repeat 0 10px;
}
.scheduleChannelList{
	width: 150px;
    left: 60px;
    top: 35px;
    font-size: 13px;
	background: #fff;
    border: 1px solid #dde0e5;
    box-shadow: #dedede 0px 1px 0px;
    z-index: 1;
}

.scheduleChannelList span{
	display: block;
    width: 100%;
    height: 8px;
    position: absolute;
    /* top: -8px; */
    background: url('../image/bg/option_list_bg.png') no-repeat 10px 0;
}

.contentBrowserGroupBtn{
    width:24px;
	height:24px;
	border:0px solid #dde0e5;color:#848484;background:#fff;font-size:12px;line-height:24px;text-align:center;
	background:url('../image/button/btn_group.png') no-repeat 0 0;
}
.contentBrowserViewBtn.browserList{
	width:22px;
	height:22px;
	border:2px solid #dde0e5;color:#848484;background:#fff;font-size:12px;line-height:24px;text-align:center;
	background: url('../image/button/viewmode_img.png') no-repeat 0 0;
}
.contentBrowserViewBtn.browserImage{
	width:20px;
	height:20px;
	border:1px solid #dde0e5;color:#848484;background:#fff;font-size:12px;line-height:24px;text-align:center;
	background: url('../image/button/viewmode_img.png') no-repeat -46px 0;
}

	

.onBtn{
	background: #DADADA;
}


.repeatTypeMonCal:hover{
	background-color: #d9e0e7;
}
.repeatTypeMonCal.on{
	background-color: rgba(49, 150, 255, 0.59);
}

.progressBarWrap{
	position:absolute;
	bottom:20px;
	right:50px;
	z-index:999;
	text-align:right;
	width: 328px;
	height: auto;
}
.progressBarWrap > div{
	position:relative;vertical-align:bottom;cursor:hand;
}


.progress-label > .name {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    font-weight: bold;
    /* text-shadow: 1px 1px 0 #fff; */
}
.progress-label > .status {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    font-weight: bold;
    /* text-shadow: 1px 1px 0 #fff; */
}

.progressBar{
	position:relative;
	margin-bottom:5px;
	border:1px solid #323B46;
	
	background : #e8e8e8;
	width: 328px;
	height: 39px;
     
     
	-moz-border-radius-topleft: 0px/*{cornerRadius}*/; -webkit-border-top-left-radius: 0px/*{cornerRadius}*/; -khtml-border-top-left-radius: 0px/*{cornerRadius}*/; border-top-left-radius: 0px/*{cornerRadius}*/; 
	-moz-border-radius-topright: 0px/*{cornerRadius}*/; -webkit-border-top-right-radius: 0px/*{cornerRadius}*/; -khtml-border-top-right-radius: 0px/*{cornerRadius}*/; border-top-right-radius: 0px/*{cornerRadius}*/; 
	-moz-border-radius-bottomleft: 0px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 0px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 0px/*{cornerRadius}*/; border-bottom-left-radius: 0px/*{cornerRadius}*/; 
	-moz-border-radius-bottomright: 0px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 0px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 0px/*{cornerRadius}*/; border-bottom-right-radius: 0px/*{cornerRadius}*/; 
}

.progressBar > .ui-progressbar-value{
	background:#4be48c;color: #fff;
}
.progressBar > .progressBarText{
/* 	float:left;margin-top:10px;margin-left:10px;width:220px; #8c8c8c; */
 	float:left;margin-top:3px;margin-left:13px;color:#8c8c8c;    font-size: 14px;line-height: 16px;text-decoration:none;
}
.progressBar > .progressBarText > .progressBarStatus{
	float:left;width:260px;
}

.progressBar > .progressBarText > .progresBarClose{
	float:right;
}
.progressBar > .progressBarText > .progressBarStatus > .programName{
	text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}

.progressBar > .progressBarText > .progressBarStatus > .programStatus{
	float:left;
}

..progressBar > .progressBarText > .progresBarClose {
	margin-left:5px;float:right;cursor:pointer;width:50px;
	
}

/* Corner radius */
.progressBarText .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px/*{cornerRadius}*/; -webkit-border-top-left-radius: 0px/*{cornerRadius}*/; -khtml-border-top-left-radius: 0px/*{cornerRadius}*/; border-top-left-radius: 0px/*{cornerRadius}*/; }
.progressBarText .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px/*{cornerRadius}*/; -webkit-border-top-right-radius: 0px/*{cornerRadius}*/; -khtml-border-top-right-radius: 0px/*{cornerRadius}*/; border-top-right-radius: 0px/*{cornerRadius}*/; }
.progressBarText .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 0px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 0px/*{cornerRadius}*/; border-bottom-left-radius: 0px/*{cornerRadius}*/; }
.progressBarText .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 0px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 0px/*{cornerRadius}*/; border-bottom-right-radius: 0px/*{cornerRadius}*/; }


/* Corner radius */





.progresBarClose > .closeImg{
	width:7px;height:15px;
	background: url('../image/img/minimized_close.png') no-repeat 0 0;margin-left: 40px;margin-top:5px;
}
.progresBarClose > .percent{
	width: 35px;height:20px;text-align:right;
}

.sortablePlaceHolder{
	border: 1px dotted #BCBCBC;
	visibility: visible !important;
	height: 100px !important;
	width: 100px !important;
	float:left;
}
.sortablePlaceHolder * {
	visibility: hidden;
}

li.sortablePlaceHolder {
	background-color: #D9E0E7;
}


.quick_control	{position:relative;width:210px; background:#f3f3f3;z-index:102;overflow-y:auto;}
.quick_control.on	{display:block;}
.quick_control .tit	{padding:16px 0 4px 28px; color:#686b72; font-size:16px; line-height:26px}
.quick_control dl	{padding:0 28px}
.quick_control dl dt	{margin:26px 0 0 0; color:#868686; font-size:12px;}
.quick_control dl dd	{margin:5px 0 0 0;text-align: center;}

.quick_control .control_btn {font-size:12px}
.quick_control .control_btn button {display:inline-block; width:68px; margin:0; padding:0; border:1px solid #dde0e5; border-left:0; background:#fff; border-radius:0 15px 15px 0; text-align:center;}
.quick_control .control_btn button:first-child	{border-right:1; border-left:1px solid #dde0e5; border-radius:15px 0 0 15px;}
.quick_control .control_btn button.on	{background:#7188a0; color:#fff}
/* .quick_control .control_btn button:hover {border-color:#b4b9c3;} */
.quick_control button:hover{cursor: pointer;}
.quick_control button.send_btn:hover {background:#7188a0; color:#fff;}
.quick_control button.send_btn:disabled {    border-color: #b9b9b9; color: #b9b9b9;   background: #fff;}
.quick_control .control_btn button:active {border:1px solid #7188a0; background:#7188a0; color:#fff}
.quick_control .hidden_btn {display:none;}
.quick_control .hidden_btn.on {display:block;}
.control_chn	{position:relative; text-align:center}
.control_chn input	{text-align:center}
.control_chn button	{position:absolute; top:0; width:20px; height:27px; padding:0; border:0; background:url('../image/button/btn_control_chn.png') no-repeat 0 0}
.control_chn button.down	{left:7px}
.control_chn button.up	{right:7px; background-position:0 -27px}

.quick_control .btn_closed	{display:block; position:absolute; top:16px; right:18px; width:25px; height:25px; margin:0; padding:0; border:0; background:url('../image/button/btn_control_close.png') no-repeat 0 0; text-indent:-9999px;cursor: pointer;}



div.device_table_columntool {position: absolute;top:171px;right: 0px;width:15px;height:33px;z-index: 1;background: url('../image/icon/column_normal.png') no-repeat 0 0;}
div.child_columntool {top:81px;}

div.device_table_columntool:hover {cursor:pointer; background:url('../image/icon/column_hover.png') no-repeat 0 0;}

.devpopup_img button {width:150px;margin:0;border-radius:0;}
.devpopup_img button.on {background-color: #7188a0;color: white;}
.devpopup_img button.double_left {border-bottom-left-radius:15px;border-top-left-radius:15px;}
.devpopup_img button.double_right {border-bottom-right-radius:15px;border-top-right-radius:15px;margin-left:-5px;}
#repeatTypeWrap div{width:30px;height:27px;float:left;text-align:center;border: 1px solid #fcfcfc;}

.list table tr td .bul	{display:inline-block; width:8px; height:8px; margin-top:6px; margin-right:4px; border-radius:25px; vertical-align: top;}
.list table tr td .bul.c_46d5b5	{background:#46d5b5}
.list table tr td .bul.c_d6d6d6	{background:#d6d6d6}
.list table tr td .bul.c_ff1000 {background:#ff1000}
.popup_header .bul	{display:inline-block; width:8px; height:8px; margin-top:23px; margin-right:8px; border-radius:25px; vertical-align: top;}
.popup_header .bul.c_46d5b5	{background:#46d5b5}
.popup_header .bul.c_d6d6d6	{background:#d6d6d6}

.dataTables_processing {
    position: absolute;
    top: 35%;
    left: 60%;
    width:53%;
    height: 40px;
}

.simpleSchedule {background:#f6f6f6;}
.shortcutKey {
	height:20px;border:1px solid #dde0e5;color:#848484;background:#fff;font-size:12px;line-height:18px;border-radius:5px;text-align:center;width:20px;
}

.subMenuTree{
	margin-left:20px;
	line-height: normal;
}
.contentUploadDel{
	width:19px;
	height:19px;
	background:url('../image/img/tab_close_normal.png') no-repeat 0 0;
}
.contentUploadDel:hover{
	width:19px;
	height:19px;
	background:url('../image/img/tab_close_hover.png') no-repeat 0 0;
}

.programSupportIcon > img{
	margin-left:3px;
}
.fc-thumbnail{
	margin-top:5px;
}
.fc-contentType{
	margin-top:5px;
}

.sorting:hover{
	background:url('../image/button/select_down.png') no-repeat 0 0;
	background-position:center right;
}
.sorting_asc{
	background:url('../image/button/select_down.png') no-repeat 0 0 !important;
	background-position:center right !important;	
}
.sorting_desc{
	background:url('../image/button/select_up.png') no-repeat 0 0 !important;
	background-position:center right !important;
}
/* for frame in schedule frame edit */
#selectedFrmaeEditWrap {
	text-align:center;
	display:inline-block;
}
#selectedFrmaeEditWrap > .mainFrame > div {
	text-align:center;
	position:absolute;
	border:1px solid #c3c3c3;
	vertical-align:middle;
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
	display:blcok;
}
#selectedFrmaeEditWrap > .mainFrame > div.on {
	background-color:rgba(49, 150, 255, 0.59);
}

.text-overflow{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}

.event_wrap .message_closebox {position:absolute;top:10px;right:10px;display:inline-block;width:19px;height:19px;background:url('../image/img/tab_close_normal.png') no-repeat;border:0;margin:0;}


.tag_popup_edit_container {
    width: 500px;
    height: 300px;
    overflow-y : auto;
}

.tag_box_container {
	border: solid 1px;
    border-color: #dfe2e6;
}
.tag_box_container .title{
	height: 30px;
    background: #eff2f6;
    padding: 8px;
    border-bottom: solid 1px;
    border-color: #dfe2e6;
}
.tag_box_container .title > span{
	display:inline-block;
	overflow:hidden;
	width: 180px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tag_box_container .title > div{font-size:9pt;}
.tag_box_container .long_tag_box{
	width:190px;height:540px;overflow-y:auto;
}
.tag_box_container .long_device_box{
	width:235px;height:500px;overflow-y:auto;
}

.tag_box_container .short_content_box{
	height:120px;overflow-y:auto;
}
.tag_box_container li.content{
    margin: 15px;
    padding: 5px 20px;
    border: none;
    background-color: #eff2f6;
    border-radius: 20px;
    color: #686b72;
    list-style-position:inside;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;  
}

.tag_device_box li div.delete_btn {float: right;border:0;background:url('../image/icon/dashboard_delete_normal.png') no-repeat;width:19px;height:19px;}
.tag_device_box li div.delete_btn:hover {background:url('../image/icon/dashboard_delete_hover.png') no-repeat;}
.tag_device_box li div.delete_btn:active {background:url('../image/icon/dashboard_delete_select.png') no-repeat;}

.draggable_tag {cursor:pointer;}

div.select_group_btn {float: right;border:0;background:url('../image/button/btn_group.png') no-repeat;width:24px;height:24px;cursor: pointer;background-position-y: -5px;}

/* advertisement schedule css */

.adScheduleWrap{
}

.adScheduleWrap .adScheduleTitle {
	position:relative;width:100%;height:56px;border-bottom:1px solid #eeeff0;
}
.adScheduleWrap .sc_state_active{
	background-color : #3a87ad;
}
.adScheduleWrap .sc_title_header{
	width :100%;
	height: 30px;
}
.adScheduleWrap .sc_title_header .schedule_title {
	float:left;
}
.adScheduleWrap .sc_title_header > ul {
	width: 260px;
}

.adScheduleWrap .sc_title_header > ul > li{
	float: left;
}

.adScheduleWrap .sc_title_header > ul > li.on > a {
	color : #000;
	background : url('../image/bg/datetab_bg.png') no-repeat center bottom;
}
.adScheduleWrap .sc_title_header > ul > li > a{
	display: inline-block;
	width: 100%;
	font-size: 13px;
}

.adScheduleWrap .clear{ clear:both; height: 0; line-height: 0;}
.adScheduleWrap .sc_wrapper{
	width:100%;
	height:100%;
	overflow-y: auto;
}
.adScheduleWrap .sc_menu{
	width:100%;
	height:26px;
}
.adScheduleWrap .sc_menu .sc_header_cell{
	float:left;
	text-align:center;
}

.adScheduleWrap .sc_menu .sc_header_cell .adOption{
	position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../image/icon/circle_setting.png') no-repeat center 2px !important;
    border: 1px solid #f9fafb;
    border-radius: 15px;
    cursor:pointer;
}

.adScheduleWrap .sc_menu .sc_header{
	float:left;
	height:26px;
	position:relative;
	overflow:hidden;
	border: 1px solid #fff;
}
.adScheduleWrap .sc_menu .sc_header .sc_time{
	text-align:left;
	color: #818181;
}

.adScheduleWrap .sc_menu .sc_header .sc_time.today > span{
	
}

.adScheduleWrap .sc_menu .sc_header_cell,
.adScheduleWrap .sc_data{
	float:left;
	font-weight:bold;
	color:#818181;
	position:relative;
	
	
}

.adScheduleWrap .sc_wrapper .sc_data {
	border-right:1px solid #ddd;
}


.adScheduleWrap .sc_data_scroll > .timeline {
	
}

.adScheduleWrap .sc_menu .sc_header_scroll,
.adScheduleWrap .sc_data .sc_data_scroll{
	position:absolute;
	left:0;
	top:0;
}

.sc_header_scroll .sc_time > span{
	width: 96%; text-align:left;
}
.sc_header_scroll .sc_time > span > span {
	display:inline-block; width:21px; height:21px; background:#f9fafb; border-radius:10px; font-weight:bold; text-align:center; color:#515151;
}
.sc_header_scroll .sc_time > span > span.today {background:#00ddca; color:#fff;}

.adScheduleWrap .sc_menu .sc_header_cell,
.adScheduleWrap .sc_header .sc_time,
.adScheduleWrap .sc_main_scroll .sc_time{
	color:#FFFFFF;
	padding:4px 0;
	line-height:18px;
	height:18px;
	display:block;
	
}
.adScheduleWrap .sc_header .sc_time,
.adScheduleWrap .sc_main_scroll .sc_time{
	float:left;
}
.adScheduleWrap .sc_main_box,
.adScheduleWrap .sc_data{
	overflow:hidden;
}
.adScheduleWrap .sc_main_box{
	position:relative;
	float:left;
	overflow-x:auto;
	overflow-y:auto;
}
.adScheduleWrap .sc_main_scroll{
}
.adScheduleWrap .sc_main{
	position:relative;
}
.adScheduleWrap .timeline{
	position:relative;
}

.adScheduleWrap .sc_main .timeline:first-child{
	border-bottom:0;
}
.adScheduleWrap .sc_main .timeline{
	border-top:1px solid #ccc;
	border-bottom:0;
	border-right:2px solid #ccc;
}
.adScheduleWrap .sc_main .timeline:last-child{
	border-bottom:1px solid #ccc;
}


.adScheduleWrap .sc_Bar{
	overflow:hidden;
	position:absolute;
	background:#4f93d6;
	cursor:pointer;
	display:block;
	box-sizing:content-box;
	z-index:10;
	box-shadow: 2px 2px 4px #333;
	-moz-box-shadow: 2px 2px 4px #333;
	-webkit-box-shadow: 2px 2px 4px #333;
}

.sc_Bar span {
	color: #fff;
}
.sc_Bar .thumbnail {
	width: auto;
	height:39px;
	text-align:center;
	margin-top:10px;
	white-space:normal;
	box-sizing:content-box;
	overflow : hidden;
}
.sc_Bar > .thumbnail > img{
	float:left;
	margin-left:10px;
}
.sc_Bar .date {
	display:block;
	text-align:right;
	width: 200px;
	overflow:hidden;
	line-height:15px;
	margin-right:20px;
	float:right;
	color: #fff;
	font-size:12px;
}
.adScheduleWrap .ui-draggable-dragging,
.adScheduleWrap .ui-resizeable{
	z-index:20;
}
.adScheduleWrap .sc_Bar .head{
	display:block;
	padding:6px 8px 0;
	font-size:12px;
	height:16px;
	overflow:hidden;
}
.adScheduleWrap .adTime{
	font-size:12px;
	overflow:hidden;
	white-space:nowrap;
}

.adScheduleWrap .sc_Bar .text{
	display:block;
	padding:5px 15px 0;
	font-weight:bold;
	height:18px;
	overflow:hidden;
	white-space:nowrap;
}

.adScheduleWrap .sc_Bar .resizeIcon{
	position:absolute;right:0px;background:url('../image/button/editor_button.png') no-repeat;top:40%;width:10px;height:40px;
}

.adScheduleWrap .timeline,
.adScheduleWrap .sc_main .tb{
	display:inline-block;
}
.adScheduleWrap .sc_data .timeline{
	font-size:13px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	position:relative;
	overflow:hidden;
	width: 100%;
	border-right:1px solid #ddd;
}
.adScheduleWrap .sc_data .timeline span{
	padding:10px;
	display:block;
}
.adScheduleWrap .sc_data .timeline span.photo{
	float:left;
	width:36px;
	height:36px;
	padding:10px 0 10px 10px;
}
.adScheduleWrap .sc_data .timeline span.title{
	float:left;
	padding:10px 0 10px 10px;
	width:92px;
}
.adScheduleWrap .sc_main_scroll .sc_main{
}
.adScheduleWrap .overlay{
	position: absolute;display:inline-block;
	top:0;left:0;
}

.adScheduleWrap .overlay .overlayBar{
	position:absolute;
	display: block; /* make the <a> tag block */
	font-size: .85em;
	line-height: 1.3;
	border-radius: 3px;
	border: 1px solid #3a87ad; /* default BORDER color */
	background-color: #3a87ad; /* default BACKGROUND color */
	font-weight: normal; /* undo jqui's ui-widget-header bold */
}

.overlayBar > span {
	font-size: 1.2em;
	padding: 0 1px;
	white-space: nowrap;
	text-align:left;
	color: #fff;
}

.adScheduleWrap .sc_main_scroll .sc_main .tl:first-child{
	
}

.adScheduleWrap .sc_main_scroll .sc_main .tl{
	float:left;
	height:100%;
	border-left:dotted 1px #ccc;
	fort-size:6px;
	color: #eee;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.adScheduleWrap .sc_main_scroll .sc_main .tl.day:first-child{
	border-left:1px solid #ddd;
}
.adScheduleWrap .sc_main_scroll .sc_main .tl.day{
	border-left:1px solid #ccc;
}
.adScheduleWrap .sc_main_scroll .sc_main .tl.today{
	background:#fcf8e3
}

.vwt_thumb_box{width:90px;height:95px;text-align:center;float:left;margin:5px;cursor:pointer;}

/* .adScheduleWrap .sc_main_scroll .sc_main .tl:hover{
	background-color:#f1f2f3;
} */
/* .adScheduleWrap .sc_main_scroll .sc_main .tl:hover{
	background:#F0F0F0;
} */
.scheduleWrapCalendarTitle{
	font-size: 13px;
	font-weight: bold;
	line-height:28px;
	vertical-align:middle;
}

#logCollectFilesTable tbody td{padding-top:2px;padding-bottom:2px;font-size:11px;}

.thumbnailview_wrap .name{font-size:10px;}

.jstree-rename-input{width:150px !important;}

.no_root_checkbox .jstree-container-ul>li>a>i.jstree-checkbox
{
    display:none
}

.ui-dialog .ui-dialog-title{float:none;display:none;}
.popup_header h1{padding-left:25px;}
#selectContentList .supportedIcon > img {
	margin-left:3px;
}
#selectContentPlaylistList .supportedIcon > img {
	margin-left:3px;
}
.scheduleDeviceTypeIcon > img {
	margin-left:3px;
}
#liceseHistoryPaginator #historyLicTable_paginate > ul {
	margin: 10px 0 0 25px;
}
.dlkBypass{
	height: 22px;
    width: 32px;
    border:0px;
    float:right;
    background: url('../image/img/animat_img_6.png') no-repeat 0 0;
}

.simpleSchTable .simpleScheduleHover > td{
	background:#e6f2ff !important;
}
#softwareHistoryPagenation ul {
	margin-left : 10px;
	position: absolute;
}
#softwareHistoryListUL li a:hover {
	color:#3196ff;	
}
.channelList ul li .channelName {
	width: 150px;
    display: inline-block;
    float: left;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.channelList ul li .channelNo {
	width: 30px;
    float: right;
    display: inline-block;
}
.filterByIcon {
	height:16px;
	width:16px;
	vertical-align:middle;
	display:inline-block;
	background: url('../image/icon/icon_filterby.png') no-repeat 0 0;
}
.subCopyRight {
	border-top: 1px solid #d6d7d8;
    padding: 10px 0;
    position: fixed;
    height: 30px;
    background-color: #e6eaed;
    bottom: 0px;
    background: #fff;
    width: 100%;
    text-align: center;
}
.delTagCondition {
	height: 19px;
    width: 19px;
    background: url('../image/img/tab_close_normal.png') no-repeat 0 0;
    border: 0;
    padding: 0;
    margin: 0;
}
#contentBrowserBtn >span {
	padding-left:0px;
	text-align:center;
}
.option_list #categoryTreeAllUncheck:hover{
	color:#337ab7;
}
.option_list #categoryTreeAllUncheck {
	cursor: pointer;
    position: absolute;
    bottom: 0px;
    height: 20px;
    margin-right: 10px;
    right: 0px;
    padding-top: 7px;
}
.backgroundImg div {
	width:68px;
	height:68px;
	margin-left:2px;
	margin-right:2px;
} 
.backgroundImg img {
	padding:2px 0px 0px 2px;
	vertical-align:middle;
}
#contentUploadLists .category > span {
	width:90px; overflow:hidden; display:inline-block; text-overflow: ellipsis; white-space: nowrap;
}
input[type=text], textarea{
	cursor: text !important;
}
.tagContentList thead > tr > th {
	text-align:center;
}
.tagContentList {
	font-family: Tahoma, Arial, Dotum,sans-serif;
	color: #818181;
    font-size: 12px;
    line-height: 16px;
}
.tagContentList tbody > tr > td {
	vertical-align:middle;
	padding: 7px 0 7px 17px;
}
.tagContentList tbody > tr > td.thumbnail {
	vertical-align:middle;
	text-align:center;
}
.tagContentList tbody > tr > td.creatorId span{
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:100px;
	display:inline-block;
}
.tagContentList tbody > tr > td.contentName span {
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width:150px;
	display:inline-block;
}
#scheduleViewGroupName > span {
	width:240px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

#contentApproverTable { width:700px;border:1px solid #e7e7e7; }
#contentApproverTable  th { background-color:#e7e7e7; } 
#contentApproverTable  th,td { color : #59616b !important; }
.option_list.Number {width: 300px !important;}
.playlist_tooltop {
	padding-top:20px;
	position:absolute;
	background-color:#fff;
	padding:10px;
	border: 2px solid #DDDEDE;
	border-radius: 10px;
}
.playlist_tooltop .contentName span {margin:0; color:#000; font-size:12px; line-height:22px;text-align: left;}
.playlist_tooltop .info p	{margin:0; color:#808080; font-size:12px; line-height:22px;text-align: left;}
.playlist_tooltop .info p span	{color:#000}
.playlist_tooltop .info p span.icon img {margin-right:3px;}
.sDashboardWidgetContent .license_wrap {
	width:100%;display:inline-block;text-align:center;
}
.sDashboardWidgetContent .license_wrap > div {
	height:130px;
}
.sDashboardWidgetContent .license_wrap > div > .licenseCount {
	font-size: 22px;line-height:40px;color:#fff;
}
.sDashboardWidgetContent .license_wrap > div > .deviceCount {
	font-size: 18px;line-height:40px;color:#fff;
}
.sDashboardWidgetContent .license_wrap > div > .licenseName {
	font-size: 11px;
    display: block;
    line-height: 15px;color:#fff;
    
}
.addedContent .disable {
	position: absolute;
	width:100%;
	height:87px;
	background-color: #fff;
	opacity: 0.9;
	filter:alpha(opacity=90);       /* For IE 5-7 */
	-ms-filter:"alpha(opacity=90)"; /* For IE 8 */
}
.contents_buttonwrap > .icon > img {
	margin-right:4px;
}
.thumbview_wrapper .child_info {
	position:absolute;
	display:inline-block;
	padding:0 25px 0 5px;
	right:7px;
	width:40px;
	text-align:right;
	background-color:#4F4F4F;
	border-radius:4px;
	line-height:20px;
	background: url('../image/icon/open_newtab.png') no-repeat right center;
}
.thumbview_wrapper .child_info:hover {
	background: url('../image/icon/open_newtab_over.png') no-repeat right center;
}
.background-bar {
	background: url('../image/bg/lnb_bg.png') no-repeat left center;
}

#playlistTabTable .linked {
	float:left;
	background: url('../image/icon/icon_share.png') no-repeat;
	background-size: 20px 20px;
	z-index:1;
	position:absolute;
	width: 20px;
	height:20px;
	bottom:15px;
	right:15px;
}
#selectLanguageBtn {
	background: url('../image/icon/icon_earth.png') no-repeat;
	width:16px;
	height:16px;
	border:0px;
}
#selectLanguageBtn:hover {
	background: url('../image/icon/icon_earth_over.png') no-repeat;
}
#selectLanguageBtn:active {
	background: url('../image/icon/icon_earth_selected.png') no-repeat;
} 
#tutorialBtn, .white_list_question{
	border:0px;
	background: url('../image/button/tutorial_normal.png') no-repeat;
	width:28px;
	height:28px;
}
#tutorialBtn:hover, .white_list_question:hover{
	background: url('../image/button/tutorial_hover.png') no-repeat;
}
.playlist_imgview .linked {
	background: url('../image/icon/icon_share.png') no-repeat;
	background-size: 20px 20px;
	z-index:1;
	position:absolute;
	width: 20px;
	height:20px;
	right:5px;
	bottom:5px;
}
.detail_view table td.icon {
	margin-right:4px;
}
.supportedIcon > span > img {
	margin-right:3px;
}
#playlistSelectedTagList > li > label:hover {
	background-color:#f67f9
}


#cabinetLeft .cabinetMonitoring{
	float:left;
	text-align:center;
	width:99px;
	height:99px;
	line-height:99px;
	background-color:#747f8a;
	color:#252525;
	margin: 1px;
	border:solid white 1px;
	opacity: 1;
	font-size:14pt;
}
#cabinetLeft .cabinetMonitoring.on{
	outline: solid #3196ff 2px;
}
#cabinetLeft .cabinetMonitoring.ERROR{
	opacity: 1;
}

#cabinetLeft .cabinetMonitoring.OFF{
	background-color:#464646;
	color: #ffffff;
	opacity: 1;
}
#cabinetRight {
	 min-width:350px;
	 font-size:13px;
	 display: inline-block;
	 padding: 8px 28px 8px 28px;
	 float:right;
	 background-color:#f3f3f3;
	 overflow:auto;
}
#cabinetRight .cabinetInfoTitle {
	font-weight: bold;
	margin: 0;
	color: #676767;
	height:56px;
	line-height:50px;
}
#cabinetRight .cabinetDetail{
	display:table-cell;
	background-color:rgba(242, 242, 242, 1);
	height:34px;
	width:50px;
	padding-left:5px;
	color: #000000;
}
#cabinetRight .cabinetDetailValue{
	display:table-cell;
	text-align:right;
	width:88px;
	height: 30px;
	line-height: 25px;
	padding-left:16px;
	color: #474747;
	opacity: 1;
}
.option_list .close {position:absolute;right:10px;bottom:3px;width:19px;height:19px;display:inline-block;background:url('../image/button/publish_minimized_close_normal.png')}
.option_list .close:hover {background:url('../image/button/publish_minimized_close_hover.png')}
.option_list .close:active {background:url('../image/button/publish_minimized_close_select.png')}
i.group_info {
    background: url("../image/icon/info_normal.png.png") 3px 3px no-repeat !important;
}
.filter_content_type_disable {
	display: none;
}