@CHARSET "utf-8";
@font-face {
font-family:'NotoSansKR';
font-weight:100;
font-style:normal;
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSans-Light.eot'); /* IE9 Compat Modes */
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSans-Light.otf') format('opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSans-Light.woff') format('woff'); /* �� ������ ���� */
}
@font-face {
font-family:'NotoSansKR';
font-weight:300;
font-style:normal;
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Regular.eot'); /* IE9 Compat Modes */
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Regular.otf') format('opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Regular.woff') format('woff'); /* �� ������ ���� */
}

@font-face {
font-family:'NotoSansKR';
font-weight:600;
font-style:normal;
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Medium.eot'); /* IE9 Compat Modes */
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Medium.otf') format('opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Medium.woff') format('woff'); /* �� ������ ���� */
}

@font-face {
font-family:'NotoSansKR';
font-weight:800;
font-style:normal;
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Bold.eot'); /* IE9 Compat Modes */
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Bold.otf') format('opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Bold.woff') format('woff'); /* �� ������ ���� */
}
body *{font-family:'NotoSansKR';}
body{overflow-x:hidden;background: #eeeeee;}

.m-1 {margin: 1%;}
.mt-1{margin: 1% 0 0 0;}
.mr-1{margin: 0 1% 0 0;}
.mb-1{margin: 0 0 1% 0;}
.ml-1{margin: 0 0 0 1%;}
.m-2 {margin: 2%;}
.mt-2{margin: 2% 0 0 0;}
.mr-2{margin: 0 2% 0 0;}
.mb-2{margin: 0 0 2% 0;}
.ml-2{margin: 0 0 0 2%;}
.m-3 {margin: 3%;}
.mt-3{margin: 3% 0 0 0; }
.mr-3{margin: 0 3% 0 0; }
.mb-3{margin: 0 0 3% 0; }
.ml-3{margin: 0 0 0 3%; }

.radios_com label{margin: 0 30px 0px 0;height: 25px;display: inline-block;}
.radios_com {display: inline-block; margin: 0 15px 30px 0;}
.radios_com input[type="radio"] {display:none; }
.radios_com input[type="radio"] + label {height:24px; padding-left:22px; display:inline-block; position:relative; font-size:14px; color:#454545; line-height:24px; cursor:pointer;}
.radios_com input[type="radio"] + label:before {content:''; width:24px; height:24px; position:absolute; left:0px; top:5px; display:inline-block; background:url(../img/r_off.png) 0 0 no-repeat; }
.radios_com input[type="radio"]:checked + label:before {background:url(../img/r_on.png) 0 0 no-repeat;}
.radios_com input[type="radio"] + label span {font-size:15px; }
.radios_com strong{color: #000000;display: inline-block;font-size: 15px;font-weight:600 ;line-height:32px;margin: 0 5px 0 45px;}
.radios_com .btm_form_box{display: inline-block;height: 25px;vertical-align: middle;}
.radios_com.txt {display: inline-block; margin: 0 0 0 0;}
.radios_com.txt .btm_form_box{vertical-align: top;}
.radios_com.txt input[type="radio"] + label:before { top:7px; }
.radios_com.txt label{margin: 0 16px 0 0;}

.checks_com label{margin: 0 0 10px 0;display: inline-block;}
.checks_com input[type="checkbox"] {display:none; }
.checks_com input[type="checkbox"] + label {
    height: 24px;
    padding-left: 22px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #454545;
    line-height: 24px;
    cursor: pointer;
	font-weight: 300;
	vertical-align: top;
}
.checks_com input[type="checkbox"] + label:before {content:''; width:24px; height:24px; position:absolute; left:0px; top:6px; display:inline-block; background:url(../img/c_off.png) 0 0 no-repeat; -webkit-background-size: 14px auto;
background-size: 14px auto;}
.checks_com input[type="checkbox"]:checked + label:before {background:url(../img/c_on.png) 0 0 no-repeat;-webkit-background-size: 14px auto;
background-size: 14px auto;}
.checks_com input[type="checkbox"] + label span {font-size:11px; }
.checks_com span{display: inline-block;font-size: 11px;font-weight:300 ;line-height:24px;}
/*.title_album .img img{width: 160px; height: 160px;}*/
.title_album .img img{width: 100%; height: 100%;}
.table_style1{border-bottom:0;padding: 0 18px;height: 400px; overflow-y: auto;}
.table_style1 .img_title {
    width: 40px;
    height: 40px;
    border: 1px solid #d0d0d0;
    display: inline-block;
}

.table_style1 .table_no {width:30px;}
.table_style1 .table_song {width:420px;}
.table_style1 .table_album {width:100px;}
.table_style1 .table_album_3 {width:420px;}
.table_style1 .table_artist {width:150px;}

.table_style1 .img_title2 {
    width: 40px;
    height: 40px;
    border: 1px solid #d0d0d0;
    float:left;
}
.table_style1 .text_main_title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    vertical-align: middle;
    line-height: 40px;
    text-overflow: ellipsis;
    padding-left:10px;
    font-weight: 600;
    font-size: 13px;
}


.table_style1 .img_title2 img{width: 40px;
    height: 40px;}
.table_style1 .img_title img{width: 40px;
height: 40px;}
.table_style1 table {width:100%; }
.table_style1 table th {padding:13px 0; font-size:12px; color:#7e7e7e; background:#fff; border-bottom:1px solid #d5d5d5; font-weight:600 ;line-height: 25px;}
.table_style1 table td {font-weight: 100;padding:8px 5px; color:#454545; font-weight:100 ;font-size:13px; border-bottom:1px solid #d5d5d5;text-align:center;}
 .table_style1 table td strong{ font-weight:600 ;font-size:13px;}
 .table_style1 table tr:nth-child(even){background: #f8f8f8;}
 .table_style1.mt{margin-top: 44px;}
 .table_style1 table td.subject{text-align: left;}
  .table_style1 table td.subject .name{display: inline-block;margin: 0 0 0 10px;vertical-align: 15px;/*text-overflow:ellipsis;white-space:nowrap;overflow: hidden;width:50%;*/width: 350px;}
  .table_style1 table td span{font-size:15px;}
.table_style1 table tr td:first-child,.table_style1 table tr:first-child th:first-child{border-left:0;}
.table_style1 table tr td:last-child{border-right: 0;}

.table_style1.tp table td{padding: 17px 5px;}
.table_style1 table td a{ color:#454545;}
.table_style1 i {
    font-style: normal;
    margin: 0 4px;
    color: #bcbcbc;
    vertical-align: 1px;
}
.table_style1 a.red{color: #ff0000;}

.table_style2{border-bottom:0;overflow-x: auto;}
.table_style2 table {width:100%; }
.table_style2 table th {padding:8px 0; font-size:13px; color:#7e7e7e; background:#f1f1f1; border:1px solid #dddddd; border-left:1px solid #dadada;font-weight:600 ;line-height: 25px;}
.table_style2 table td {padding:11px 25px; color:#707070; font-weight:300 ;font-size:14px; border:1px solid #dddddd; border-left:1px solid #dadada;line-height:20px;line-height: 25px;text-align: center;border-bottom: 0;}
.table_style2 table td.content{padding: 30px 37px;}
 .table_style2 table td strong{ font-weight:600 ;font-size:15px;}
  .table_style2 *{color: #373737;font-size: 14px;line-height: 1.5;}
 .table_style2.mt{margin-top: 44px;}
  .table_style2 table td span{font-size:15px;}
.table_style2 table tr td:first-child,.table_style2 table tr:first-child th:first-child{border-left:0;}
.table_style2 table tr td:last-child,.table_style2 table tr th:last-child{border-right: 0;}
.table_style2.view table th{font-size: 12px;}
.table_style2.view table td{border-bottom:1px solid #dddddd;text-align: left;font-size: 13px;padding: 8px 19px;}
.table_style2.view table td.txt{height: 300px;vertical-align: top;}
.wrap_admin .wrap_cont{margin: 150px auto;max-width: 1072px;}
.cell .content .table_style1 th{padding-top: 0;}
.pager { padding: 19px 0 30px;overflow:hidden;}
.pager li.direction a{line-height:1}
.pager ol { font-size: 0; text-align: center }
.pager li { -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;display: inline-block; width:25px;margin: 0 3px;  vertical-align: top; color: #333333;background: #efefef;    vertical-align: top;
}
.btn_style2.small {
    font-size: 13px;
    padding: 0 0px;
	width: 79px;
    line-height: 30px;
    height: 32px;
	margin: 10px 1px;
}
.list_label.list2{overflow: hidden;}
.list_label.list2 li{width: 50%;float: left;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding-right: 45px;}
.list_label.list2 li.w100{width: 100%;}
.list_label.list2 li strong{width: 102px;}
.btn_style2.small.color{background: #5c71f1;}
.pager li > a, .pager li > span, .pager li.current { line-height: 25px; padding: 0 0; display: inline-block; font-size: 12px; vertical-align: top;font-size:11px;font-weight:100; color: #454545;}
.pager li.current{background-color: #454545;}
.pager li > a{padding:0;margin:0;display: block;}
.pager li.current a { color: #fff;vertical-align: middle; font-weight: 600 }

.pager li > a:hover { }
.pager li.prev > a, .pager li.next > a { font-size: 0px; }
.pager li.prev, .pager li.next {border: 0;background-color: transparent;}
.pager li > a.next:hover { }
.pager li.margin_l{margin-left:10px;}
.pager li.margin_r{margin-right:10px;}

.pager_t { padding: 10px 0;overflow:hidden;}
.pager_t li.direction a{line-height:1}
.pager_t ol { font-size: 0; text-align: center }
.pager_t li { display: inline-block; width:32px;margin: 0 0 0 -1px;  vertical-align: top; color: #a8a8a8;}
.pager_t li > a, .pager_t li > span, .pager_t li.current { line-height: 25px; padding: 0 0; display: inline-block; font-size: 14px; vertical-align: top;font-size:14px;font-weight:600;color: #707070; }
.pager_t {position: relative;margin: 15px 0;}
.pager_t li > a{padding:0;margin:0;display: block;}
.pager_t li.current a{vertical-align: middle; font-weight: 600;color: #d4b362;}
.pager_t li > a:hover { }
.pager_t li.prev > a, .pager_t li.next > a { font-size: 0px; }
.pager_t li.prev, .pager_t li.next{ font-size: 0px; vertical-align: -23px;}
.pager_t li > a.next:hover { }
.pager_t li.next{margin-left:10px;}
.pager_t li.prev{margin-right:10px;}

.login_logo {
    position: absolute;
    margin-top: 30px;
    margin-left: 40px;
}
.login_logo img {
    width: 77%;
}
.wrap_login{background: url("../img/bg_login.jpg") no-repeat center center;-webkit-background-size: cover;
background-size: cover;height: 100vh;}
.wrap_login .inner {padding: 15% 0;}
.btn_style_b{display: block;background: #000;-webkit-border-radius: 2px;
-moz-border-radius: 2px;width: 80px;position: absolute;right: 0;top: 0;
border-radius: 2px;line-height: 32px;font-size: 14px;font-weight: 600;color: #fff;text-align: center;margin: 10px 0 0;background: #d5b45c;}
.wrap_login .inner .wrap{width: 393px;background: #fff;margin: 0 auto;

    -moz-box-shadow: 0px -1px 42px rgba(255, 255, 255, 0.36);
    -webkit-box-shadow: 0px -1px 42px rgba(255, 255, 255, 0.36);
    box-shadow: 0px -1px 42px rgba(255, 255, 255, 0.36);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 48px 62px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 20px;
}
.wrap_login .inner .wrap .ment .input_style{width: 100%;font-size: 13px;color: #454545;height: 40px;margin: 0 0 10px;border: 1px solid #d1d1d1;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding: 0 12px;}
.wrap_login h1{padding: 0 0 46px;text-align: center;}
.wrap_login .btn_style.big{display: block;background: url("../img/bg_btn_my.jpg") no-repeat center center;-webkit-background-size: cover;
background-size: cover;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;line-height: 59px;font-size: 17px;font-weight: 600;color: #fff;text-align: center;margin: 10px 0 0;}

.wrap_login .info{padding: 15px 0 0;position: relative;}

.wrap_login .info .menu_list{position: absolute;right: -10px;top: 17px;}
.wrap_login .info li{display: inline-block;padding: 0 10px;position: relative;}
.wrap_login .info li a{font-weight: 200; font-size: 14px;color: #454545;}

.wrap_login .info li::before {
    content: '';
    display: block;
    width: 1px;
    height: 13px;
    background: #b386f5;
    left: -1px;
    position: absolute;
    top: 2px;
}
.wrap_login .info li:first-child:before{display: none;}
.wrap_login h2{color: #454545;font-size: 25px;font-weight: 600;padding: 0 0 43px;}
.wrap_admin{position: relative;padding-left: 252px;}
.wrap_admin .aside_adm ul{border-top: 1px solid #fff;}
.wrap_admin .aside_adm{position: absolute;left: 0;top: 0;width: 252px;height: 100%;background: #ffffff;float: left;}
.wrap_admin .aside_adm .banner{position: fixed;bottom: 22px;left: 22px;}
.wrap_admin .cont{width: 100%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 20px 56px;}
.wrap_admin .cont h1{padding: 43px 0 26px;color: #d5b362;font-size: 24px;font-weight: 600;}

.wrap_login .inner .wrap .ment .input_style.w_btn{width: 350px;}
.select_style.date1{min-width: 92px;vertical-align: middle;margin-right: 2px;}
.btn_style {
    display: inline-block;
	text-align: center;
    font-weight: 600;
    vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
   -webkit-border-radius: 0;
   border: 0;
}
.cell .tit{position: relative;}
.input_style.ml{margin-left: 5px;}
.btn_style1{background: url("../img/bg_btn_login.jpg")  0 0 repeat-x;color: #fff;font-size: 12px;border: 1px solid #000000;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;padding: 0 13px;margin: 0 0 0 3px;line-height: 38px;height: 40px;-webkit-background-size: auto 100%;
background-size: auto 100%;}
.btn_style2{background: #000000;color: #fff;font-size: 15px;border: 0;padding: 0 68px;line-height: 41px;height: 43px;}
.btn_style3{position: absolute;right: 15px;top: 7px;background: #f8f8f8;color: #454545;font-size: 12px;border: 1px solid #d8d8d8;padding: 0 11px;line-height: 23px;height: 25px;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;font-weight: 200;}
.btn_style4{background: #f8f8f8;color: #fff;background: url("../img/bg_btn_login.jpg") 0 0 repeat-x;font-size: 12px;border: 1px solid #000000;padding: 0 11px;line-height: 23px;height: 25px;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;font-weight: 300;-webkit-background-size: auto 100%;
background-size: auto 100%;}
.wrap_login .info_cs{padding: 0 0 0 32px;margin-top: 27px;background: url("../img/icon_cs.png") no-repeat 0 0;}
.wrap_login .info_cs strong{color: #454545;font-size: 17px;margin-bottom: 10px;display: inline-block;}
.wrap_login .info_cs strong.color{color: #9453ee;margin-left: 10px;}
.wrap_login .info_cs p{color: #747474;font-size: 13px;font-weight: 200;}
.wrap_login .info_cs p span{color: #747474;font-size: 13px;font-weight: 400;}

.wrap_admin .aside_adm h1{padding: 22px 0;text-align: center;}
.wrap_admin .aside_adm ul{padding: 18px 10px 20px;border-bottom: 1px solid #e7e7e7;}
.wrap_admin .aside_adm li{margin: 0 0 7px;}
.wrap_admin .aside_adm li a{position: relative;display: block;border-bottom: 1px solid #fff;color: #454545;font-size: 15px;font-weight: 600;line-height: 42px;padding: 0 20px 0 42px;background: rgba(0, 0, 0, 0) url("../img/arrow_aside.png") no-repeat scroll 93% center;}
.wrap_admin .aside_adm li.active{background: url("../img/bg_aside.jpg") no-repeat 0 0;}
.wrap_admin .aside_adm li.active a{color: #fff;background: url("../img/arrow_aside_on.png") no-repeat scroll 93% center;}
.wrap_admin .aside_adm a.link{display: block;background: rgba(0, 0, 0, 0) url("../img/icon_logout.png") no-repeat scroll 21px center;color: #a5a5a5;font-size: 13px;line-height: 1.5;padding: 0 0 0 52px;margin: 20px 0;}


.wrap_admin .aside_adm li a::before {
    content: '';
    display: block;
    width: 20px;
    height: 19px;
background: rgba(0, 0, 0, 0) url("../img/icon_aside_1.png") no-repeat scroll 0 0;
    left: 12px;
    position: absolute;
    top: 10px;
}
.wrap_admin .aside_adm li.active a::before{background: rgba(0, 0, 0, 0) url("../img/icon_aside_1_on.png") no-repeat scroll 0 0;}

.wrap_admin .aside_adm li:nth-child(2) a::before{background: rgba(0, 0, 0, 0) url("../img/icon_aside_2.png") no-repeat scroll 0 0;}
.wrap_admin .aside_adm li:nth-child(2).active a::before{background: rgba(0, 0, 0, 0) url("../img/icon_aside_2_on.png") no-repeat scroll 0 0;}

.wrap_admin .aside_adm li:nth-child(3) a::before{background: rgba(0, 0, 0, 0) url("../img/icon_aside_3.png") no-repeat scroll 0 0;}
.wrap_admin .aside_adm li:nth-child(3).active a::before{background: rgba(0, 0, 0, 0) url("../img/icon_aside_3_on.png") no-repeat scroll 0 0;}

.wrap_admin .aside_adm li:nth-child(4) a::before{background: rgba(0, 0, 0, 0) url("../img/icon_aside_4.png") no-repeat scroll 0 0;}
.wrap_admin .aside_adm li:nth-child(4).active a::before{background: rgba(0, 0, 0, 0) url("../img/icon_aside_4_on.png") no-repeat scroll 0 0;}

.wrap_admin .aside_adm li:nth-child(5) a::before{background: rgba(0, 0, 0, 0) url("../img/icon_aside_5.png") no-repeat scroll 0 0;}
.wrap_admin .aside_adm li:nth-child(5).active a::before{background: rgba(0, 0, 0, 0) url("../img/icon_aside_5_on.png") no-repeat scroll 0 0;}

.wrap_admin .aside_adm li:nth-child(6) a::before{background: rgba(0, 0, 0, 0) url("../img/icon_aside_6.png") no-repeat scroll 0 0;}
.wrap_admin .aside_adm li:nth-child(6).active a::before{background: rgba(0, 0, 0, 0) url("../img/icon_aside_6_on.png") no-repeat scroll 0 0;}

.wrap_admin .list_board li{border-left: 0;border-right: 0;border-bottom: 0;-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;padding: 48px 28px 48px 297px;height: 162px;}
.wrap_admin .list_board{border-bottom: 1px solid #dddddd;}
.wrap_admin .list_board li .img {
    top: 17px;
}
.btn_area.center{text-align: center;padding: 10px 0;}
.btn_style_b2{display: inline-block;background: #404040;-webkit-border-radius: 2px;
-moz-border-radius: 2px;width: 70px;
border-radius: 2px;line-height: 32px;font-size: 14px;font-weight: 600;color: #fff;text-align: center;margin: 10px 0 0;background: #404040;}


.select_style {min-width:173px;color: #333333; height:30px; padding:0 22px 0 10px; line-height:28px; font-size:13px; border:1px solid #d8d8d8; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../img/icon_combo.png) 95% center no-repeat;    vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
}


.select_style2 {min-width:70px;color: #333333; height:25px; margin:0 0 5px 5px; padding:0 18px 0 5px; line-height:23px; font-size:12px; border:1px solid #d8d8d8; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../img/icon_combo.png) 90% center no-repeat;    vertical-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: left;
}

.page_enter{text-align: center;margin: 5px 0 0;color: #989898;font-size: 11px;}
.page_enter .input_style{width: 46px;font-size: 11px;color: #454545;text-align: right;margin: 0 5px;}

.header{height: 93px;border-bottom: 1px solid #e0e0e0;background: #fff;position: relative;}
.header .inner{position: relative;}
.header h1{padding: 15px 15px;display: inline-block;}
.header .info{position: absolute;left: 267px;top: 33px;}
.header .info .date{display: inline-block;}
.header .info .date span{display: block;color: #9e9d9d;font-size: 11px;padding: 5px 0 0;text-align: center;}
.header .info h2{display: inline-block;color: #454545;font-size: 20px;font-weight: 600;padding: 5px 0 0 22px;vertical-align: top;}
.header .wrpa_ip{overflow: hidden;position: absolute;right: 19px;top: 30px;padding-left: 70px;}
.header .wrpa_ip li{text-align: center;width: 132px;float: left;}
.header .wrpa_ip li a{display: inline-block;padding: 0 0 0 39px;text-align: left;background: rgba(0, 0, 0, 0) url("../img/icon_ip_1.png") no-repeat scroll 0 5px;}


.header .wrpa_ip li:nth-child(2) a {background: rgba(0, 0, 0, 0) url("../img/icon_ip_2.png") no-repeat scroll 0 4px;}
.header .wrpa_ip li:nth-child(3) a {background: rgba(0, 0, 0, 0) url("../img/icon_ip_3.png") no-repeat scroll 0 4px;}
.header .wrpa_ip li a p{color: #676767;font-size: 12px;padding: 0 0 5px;}
.header .wrpa_ip li a strong{color: #000000;font-size: 18px;}
.header .wrpa_ip h3{position: absolute;left: 0;top: 10px;color: #454545;font-size: 15px;font-weight: 600;padding: 0px 22px 0 0;}
.header .wrpa_ip h3::before {
    content: '';
    display: block;
    width: 1px;
    height: 15px;
    background: #c9c9c9;
    right: -1px;
    position: absolute;
    top: 1px;
}
.ov{margin: 0 0 20px;}
.cell_v{float: left;}
.cell_v .inner{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.cell_v .inner.pr{padding-right: 20px;}
.cell{margin-bottom: 20px;;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;background: #fff;border: 1px solid #e0e0e0;}

.cell:after,.ov:after{content: '';display: block;overflow: hidden;clear: both;}

.cell.bg1{background: #f786b1;border: 0;}
.cell.bg2{background: #4abaed;border: 0;}
.cell.bg3{background: #d5d155;border: 0;}
.cell.wt .tit{background-color: transparent;}
.cell.wt *{color: #fff;}
.cell .tit{color: #fff;font-weight: 200;font-size: 14px;background: #6d7390;line-height: 39px;padding: 0 15px;border-radius: 4px 4px 0 0;}
.cell .tit strong{color: #fff;font-size: 14px;}
.cell_v .cell .ment {
    text-align: center;
    padding: 17px 0 30px;
}
.cell.gray{background: #f8f8f8;}
.cell.bb{border-bottom: 1px solid #e2e1e1 !important;}
.cell.br{border-right: 1px solid #e2e1e1 !important;}
.cell .cell_v .cell{-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;margin: 0;border: 0;}
.cell .cell_v .cell .tit{-webkit-border-radius: 0;
-moz-border-radius: 0;color: #373737;

border-radius: 0;background: #f8f8f8;border-bottom: 1px solid #e2e1e1;}
.ment .count.small strong{font-size: 25px;}
.ment .count span{color: #454545 !important;font-size: 14px;margin: 0 5px 0 0;}
.ment .count {padding: 0 0 10px;color: #9a9a9f;font-size: 14px;font-weight: 600;}
.ment .count strong{color: #373737;font-size: 30px;margin: 0 5px 0 0;}
.cell .cell_v .cell .tit strong{color: #6d748f;}
.cell .tit .mm{color: #fff;font-size: 12px;position: absolute;right: 10px;top: 0px;}
.cell .tit .mm.left{position: static;margin-left: 5px;}
.ment .txt_b {text-align: center;}
.ment .txt_b span{color: #454545;font-size: 12px;margin: 0 5px 0;}
span.txt_arrow{display: inline-block;padding: 0 0 0 15px;}
span.txt_arrow.f0{font-size: 0;width: 12px;height: 8px;padding: 0;display: inline-block;-webkit-background-size: 10px auto !important;
background-size: 10px auto !important;margin-left: 5px;}
span.txt_arrow.up{background: url("../img/icon_up.png") no-repeat scroll 0 center;color: #ff0000 !important;}
span.txt_arrow.down{background: url("../img/icon_down.png") no-repeat scroll 0 center;color: #151afb !important;}
td span.txt_arrow{font-size: 13px !important;font-weight: 100;-webkit-background-size: 11px auto !important;
background-size: 11px auto !important;margin-left: 5px;}
td span.new{font-size: 0 !important;width: 22px;height: 8px;display: inline-block;background: url("../img/icon_new.png") no-repeat scroll 0 center;margin-left: 5px;vertical-align:middle}
.cell.wt .ment *{color: #fff;}
.cell .cell_v .cell .ment {
    text-align: center;
    padding: 22px 0 25px;
}
.dashboard_title_album {
    text-align: center;
    /*width: 35%;*/
    margin: auto;
    display: inline-block;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}
.dashboard_title_album .img {
    height: 121px;
    border: 1px solid #d0d0d0;
    flex-basis: auto;
}
.dashboard_title_album .txt {
    align-self: center;
}
.dashboard_title_album .txt .short{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*width: 130px;*/
}
.dashboard_title_album .txt .date {
    /*width: 130px;*/
}

.title_album {
    /*padding: 26px 22px;*/
    margin: 26px auto;
    width: 100%;
}

.title_album .img{width: 121px;height: 121px;border: 1px solid #d0d0d0;display: inline-block;}
.title_album .txt{/*width: 60%;float: left;padding: 8px 0 0 15px;*/height:121px;padding: 15px 0 0 30px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top; text-align: left; display: inline-block;
}
.title_album .txt strong{display: block;font-size: 17px;color: #454545;font-weight: 600;}
.title_album .txt p{display: block;font-size: 14px;color: #a2a2a2;padding: 8px 0 12px;}
.title_album .txt .date{display: block;font-size: 13px;color: #888787;}


.title_album2 {
    overflow: hidden;
    padding: 26px 22px;
}
.title_album2 .img{height: 166px;float: left;padding:0px 10px;}
.title_album2 .img img{width: 150px;height: 150px;}
.title_album2 .txt{width: 60%;float: left;padding: 8px 0 0 15px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.title_album2 .txt strong{display: block;font-size: 17px;color: #454545;font-weight: 600;}
.title_album2 .txt p{display: block;font-size: 14px;color: #a2a2a2;padding: 8px 0 12px;}
.title_album2 .txt .date{display: block;font-size: 13px;color: #888787;}


.list_top3:after{content: '';display: block;overflow: hidden;clear: both;}
.list_top3 li{width: 33.33%;float: left;text-align: center;padding: 24px 0;}
.list_top3 li .wrap {
    display: inline-block;
    text-align: left;
	position: relative;
	cursor: pointer;
}
.pink{color: #f588b1 !important;}
.sky{color: #50bbeb !important;}
.list_top3 li .wrap p{color: #454545;font-size: 14px;}
.list_top3 li .wrap p .name{width:70px ;overflow: hidden;display: inline-block;text-overflow:ellipsis;white-space:nowrap;}
.list_top3 li .wrap .num{margin: 10px 0 0;display: inline-block;padding: 0 0 0 19px;background: url("../img/icon_search.png") no-repeat scroll 0 center;line-height: 1.3;font-weight: 600;color: #000;font-size: 12px;}
.list_top3 li .wrap p .name em{overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: block;font-style: normal;font-size: 10px;color: #9f9e9e;padding: 3px 0 0;}
.list_top3 li .wrap p strong{color: #f588b1;font-size: 25px;margin: 0 5px 0 0;vertical-align: top;line-height: 1;}
.list_top3 li:nth-child(2) .wrap p strong{color: #d6d141;}
.list_top3 li:nth-child(3) .wrap p strong{color: #54e0be;}
.list_top3 li .wrap .wrap_poc{display: none;position: absolute;left: -400%;top: 100%;z-index: 99;}
.list_top3 li .wrap:hover .wrap_poc{display: block;}
.graph{position: relative;padding: 0 0 22px;height: 157px;margin: 13px 15px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

.graph .list_bar{position: absolute;left: 0;bottom: 22px;right: 0;top: 0;width: 100%;height: 122px;}
.graph .list_bar .bar{position: absolute;width: 40px;bottom: 0;background: #8331e5;bottom: 0;left: 50%;margin-left: -20px;}
.graph .list_bar li{width: 8%;float: left;height: 100%;position: relative;}
.graph .list_bar .bar.on{background: #8331e5;}
.graph .list_bar .logo{height: 19px;font-size: 13px;color: #454545;position: absolute;left: 0;bottom: -27px;width: 100%;text-align: center;}
.graph .list_bar li .n_top {
font-weight: 200;
    position: absolute;
    top: -18px;
    left: -50%;
    width: 200%;
    text-align: center;
	color: #373737;
	font-size: 11px;
}

.bar_use{
    height: 229px;position: relative;
    overflow-y: auto;
    overflow-x: hidden;
}
.bar_use .list_bar{position: absolute;width: 90%;left: 0;top: 0;margin: 18px 28px;}
.bar_use .list_bar li {
    height: 14px;
    margin: 0 0 12px;
    position: relative;
    text-align: left;
    padding-left: 80px;
    padding-right: 108px;
}
.bar_use .list_bar li .bar{position: relative;height: 13px;display: block;background: #8331e5;}
.bar_use .list_bar li span{display: inline-block;position: absolute;left: 100%;font-size: 11px !important;color: #373737;line-height: 13px;margin-left: 5px;white-space:nowrap; }
.bar_use .list_bar li p{width: 70px;color: #868686;line-height: 13px;text-align: right;position: absolute;left: 0;top: 0;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}

.bar_use .num {
    position: absolute;
    left: 105px;
    top: 11px;
    width: 81%;
    height: 198px;
}
.bar_use .num li{/*height: 358px;*/height: 100%; float: left;width: 13px;margin: 0 17% 0 0;position: relative;color: #7b7b7b;text-align: center;}
.bar_use .num li:after{content: '';width: 1px;background: #e5e5e5;left: 0px;top: 0;position: absolute;height: 100%;}
.bar_use .num li span{position: absolute;bottom: -15px;left: -4px;}

.graph.small .list_bar li .bar {width: 24px;margin-left: -12px;}
.graph.small .list_bar li .n_top {
    font-size: 9px;
}
.graph.small .list_bar li .logo{font-size: 11px;}
.graph.small .list_bar li:nth-child(1) .logo img{width: 40px;}
.graph.small .list_bar li:nth-child(2) .logo img{width: 45px;}
.graph.small .list_bar li:nth-child(3) .logo img{width: 30px;}
.graph.small .list_bar li:nth-child(4) .logo img{width: 25px;}
.graph.small .list_bar li:nth-child(5) .logo img{width: 35px;}
.graph.small .list_bar li:nth-child(6) .logo img{width: 30px;}
.graph.small .list_bar li:nth-child(7) .logo img{width: 40px;}
.graph.small .list_bar li:nth-child(8) .logo img{width: 43px;}
.graph.small .list_bar li:nth-child(9) .logo img{width: 40px;}

.graph.small {height: 211px;}
.graph.small  .list_bar {
    height: 174px;
}
.w1{width: 10%;}
.w2{width: 20%;}
.w25{width: 25%;}
.w3{width: 30%;}
.w33{width: 33.33%;}
.w35{width: 35%;}
.w4{width: 40%;}
.w45{width: 45%;}
.w5{width: 50%;}
.select_style.ml{margin-left: 10px;}
.wrap_chart{overflow-x: auto;padding: 14px 24px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;height: 172px;overflow-y: hidden;}
.w33 .wrap_chart{height: 238px;}
.table_style1.scroll{height: 50vh;overflow-y: auto;}
.select_style::-ms-expand {display: none;}
.input_style {
    height: 30px;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #d8d8d8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 80%;
    font-size: 13px;
	color: #333333;
	font-weight: 300;
}
.date_form {
    width: 134px;
    background: #fff url(../img/icon_cal.png) 97% center no-repeat;
    color: #333333;
    font-weight: 300;
    margin-right: 5px;
}
.cell .content .table_style1 {
    padding: 0 0;
}
.list_label li{margin: 0 0 15px;overflow: hidden;font-size: 13px;}
.list_label li.mb25{margin: 0 0 25px;}
.list_label li strong{vertical-align: top;display: inline-block;font-size: 14px;font-weight: 600;margin: ;color: #454545;width: 70px;line-height: 30px;}
.list_label li.mb0{margin-bottom: 0;}
.list_label li strong.ml{margin-left: 50px;}
.list_label .fl{float: left;}
.list_label::after {
    content: '';
    display: block;
    overflow: hidden;
    clear: both;
}
.btn_style4{height: 30px;line-height: 28px;}
.wrap_admin .cont.width{max-width: 1275px;}
.cell .content .title_album .img{float: none;}
.cell .content .title_album2 .img{float: none;}
.center{text-align: center;}
.list_label .checks_com{width: 90%;}
.cell .content .title_album .btn_area.center{width: 232px;}
.list_label .checks_com input[type="checkbox"] + label{margin: 5px 10px 14px 0;min-width: 60px;font-weight: 200;text-align: left;font-size: 13px;}
.cell .content{padding: 11px 29px;overflow: hidden;}
.cell .content .title_album{padding: 0;width: 12%;float: left;text-align: center;}
.cell .content .title_album2{padding: 0;width: 12%;float: left;text-align: center;}
.cell .content .list_label.right{padding: 0;width: 88%;float: left;}
.list_label .checks_com input[type="checkbox"] + label.ml{margin-left: 120px;}
.pop_layer{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.43);z-index:99999}
.pop_layer .inner{background:#fff;max-width: 775px;margin: 5% auto;overflow: hidden;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.box_choice{display: none;}
.pop_layer .inner h2{line-height:45px; background: #000;background-size: cover;color: #fff;font-size: 14px;font-weight:600 ;position: relative;padding: 0 25px;}
.pop_layer .inner h2 .btn_close{position: absolute;right: 15px;top: 16px;line-height:1px;}
.pop_layer .inner .cont{padding: 0 15px;}
.pop_layer.pop_notice .inner {
    background: #fff;
    max-width: 775px;
    margin: 15% auto;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.pop_layer.pop_notice .inner .cont{padding: 40px 25px;}
.pop_layer .inner h3{line-height:45px; background: #dd3c3c;background-size: cover;color: #fff;font-size: 14px;font-weight:600 ;position: relative;padding: 0 25px;}
.pop_layer .inner h3 .btn_close{position: absolute;right: 15px;top: 16px;line-height:1px;}
.pop_layer .inner h4{line-height:25px; background: #000;background-size: cover;color: #fff;font-size: 14px;font-weight:600 ;position: relative;padding: 0 25px;}

.pop_layer .inner .input_style.height{height: 145px;}
.pop_layer.board .inner{max-width: 595px;}

.pop_layer.board .inner li {
    padding: 0 0 0 66px;
}
.pop_layer .search_top{padding: 22px 25px;background: #f8f8f8;border-bottom: 1px solid #e7e7e7;}
.pop_layer .search_top .select_style {
    min-width: 146px;
}
.pop_layer .search_top .btn_style4 {
    line-height: 28px;
    height: 30px;
}
.pop_layer .search_top strong {
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin: ;
    color: #454545;
    width: 35px;
    line-height: 30px;
}
.tab_sub {
    position: relative;
   background: #6d7390;
border-radius: 4px 4px 0 0;
    padding: 10px 5px 0;
	overflow: hidden;
}
.tab_sub li{float: left;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;text-align:center;
box-sizing: border-box;position: relative;}
.tab_sub li a{display: block;padding: 10px 15px;margin: 0 5px;}
.tab_sub li,.tab_sub li a{font-weight: 600;font-size:14px;color:#babdc8;cursor:pointer;}
.tab_sub li.active{}
.tab_sub li.active a{border-radius: 4px 4px 0 0;color: #454545;background: #fff;font-weight: 600;border-bottom:0}

@media only screen and (max-width : 1500px) {
.graph1{overflow-x: auto;height: 179px;}
.graph1 .list_bar{width: 606px;}
.graph1.small{overflow-x: auto;height: 179px;}
.graph1.small .list_bar{width: 389px;}


}
@media only screen and (max-width : 1686px) {
.select_style {
    min-width: 127px;
}
.header .wrpa_ip li {
    text-align: center;
    width: 92px;
    float: left;
}
.header .wrpa_ip li a strong {
    color: #000000;
    font-size: 14px;
}
.header .wrpa_ip li a{padding-bottom: 5px;}
.header .info {
    left: 232px;
}
.header .wrpa_ip {
    padding-left: 50px;
}
.header .info h2{font-size: 16px;padding: 5px 0 0 14px;}
.wrap_admin .aside_adm {
    position: fixed;
	top: 95px;
	z-index: 999;

}
.header .wrpa_ip h3 {
    position: absolute;
    left: 0;
    top: 10px;
    color: #454545;
    font-size: 12px;
    font-weight: 600;
    padding: 0px 12px 0 0;
}
body{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;overflow: hidden;}
.wrap_admin .cont{max-width: 1620px;width: 1620px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.wrap_admin{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;height: calc(100vh - 95px);overflow-x: scroll;}
}


@media only screen and (max-width : 1000px) {

.wrap_admin .wrap_cont{padding: 0 10px;}
.table_style2 table th,.table_style2 table td {
    padding: 10px 10px;
    font-size: 12px;
    line-height: 1.5;

}
.table_style2 *{ font-size: 12px;line-height: 1.5;}
.table_style2 table td.content {
    padding: 10px 10px;
	line-height: 1.5;
}
.pager_t li > a, .pager_t li > span, .pager_t li.current {
    font-size: 12px;
}
.pager_t{padding-bottom: 50px;}
.pager_t li {
    width: 23px;
}
.btn_style_b{top: auto;bottom: 0;}
.table_style2 table td.content img{width: 100%;}
.wrap_admin .list_board li {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 26px 28px 22px 155px;
    height: auto;
}
}
.nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.border-bottom-gray {
    border-bottom: 1px solid #dfdfdf;
}