/*-----2021.04 공통된 것만 사용*/

/*----------default*/
@font-face { 
	font-family: 'poppins';
	src:url('font/Poppins-ExtraBold.otf')format('opentype');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('font/woff2/Pretendard-Black.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('font/woff2/Pretendard-ExtraBold.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('font/woff2/Pretendard-Bold.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('font/woff2/Pretendard-SemiBold.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('font/woff2/Pretendard-Medium.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('font/woff2/Pretendard-Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('font/woff2/Pretendard-Light.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('font/woff2/Pretendard-ExtraLight.woff2') format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('font/woff2/Pretendard-Thin.woff2') format('woff2');
}


* { padding : 0; margin: 0;  box-sizing: border-box; }
html, body { width: 100%; height: 100%; }
a { color: inherit; text-decoration: none; display: inline-block; }
a:hover i { opacity: 0.5; }
i { width: 24px; height: 24px; display: inline-block; background-size: cover; }
li { list-style: none; display: inline-block; }
span { display: inline-block; }
body { font-size: 14px; font-family: 'Pretendard', sans-serif; }
button { border: none; cursor: pointer; font-family: 'Pretendard', sans-serif; font-size: 14px; }

/*----------select*/
select { background: #fff url(../images/ico/sel_arw.svg) no-repeat right; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none;cursor: pointer; border: none; padding: 0 32px 0 20px; height: 48px; letter-spacing: -1px; font-size: 14px; font-family: 'Pretendard', sans-serif;  }
select::-ms-expand { display: none; }
select.sel2 {
	height: 32px;
	line-height: 32px;
	border: 1px solid #c4ccd1;
	width: auto;
	border-radius: 4px;
	padding: 0 32px 0 12px;
}


select:disabled {
	cursor: default;
	opacity: 1;
}

.object_fit { object-fit: cover; }
textarea { font-family: 'Pretendard', sans-serif; }

/*----------여백*/
.m-0 { margin: 0 !important; }
.m-t0 { margin-top: 0!important; }
.m-t8 { margin-top: 8px; }
.m-t16 { margin-top: 16px; }
.m-t32 { margin-top: 32px; }
.m-r0 { margin-right: 0!important; }
.m-r4 { margin-right: 4px !important; }
.m-r8 { margin-right: 8px !important; }
.m-r12 { margin-right: 12px !important; }
.m-r20 { margin-right: 20px; }
.m-r32 { margin-right: 32px; }
.m-r40 { margin-right: 40px; }
.m-b0 { margin-bottom: 0px !important; }
.m-b4 { margin-bottom: 4px; }
.m-b8 { margin-bottom: 8px !important; }
.m-b12 { margin-bottom: 12px; }
.m-b16 { margin-bottom: 16px; }
.m-b20 { margin-bottom: 20px !important; }
.m-b32 { margin-bottom: 32px; }
.m-b40 { margin-bottom: 40px; }
.m-l16 { margin-left: 16px; }
.m-l40 { margin-left: 40px; }
.p-t0 { padding-top: 0px !important; }
.p-t12 { padding-top: 12px !important; }
.p-b12 { padding-bottom: 12px !important; }
.p-r0 { padding-right: 0!important; }
.p-r8 { padding-right: 8px; }
.p-l24 { padding-left: 24px; }
.p-l20 { padding-left: 20px !important; }
.p-24 { padding: 24px; }

/*----------font*/
.ft20 { font-size: 20px !important; }


.wdAuto { width: auto !important; }
.cr_red { color: red; }
.cr_orange { color: #fc8e0f; }
.cr_black { color: #000; }
.cr_purple { color: #60366D;}

/*----------flex*/
.flex_align_center{ display: flex; align-items: center; }
.flex_align_center2{ margin-bottom:24px; display: flex; }
.flex_between { display: flex; justify-content: space-between; align-items: center; }
.flex_between2 { justify-content: space-between; }

/*----------scroll*/
.scroll { overflow-y: auto; }
.scroll_n { overflow: hidden !important; }


/*----------button*/
.toggle {width: 40px;height: 24px;background: #b0bbc1;border-radius: 50px;position: relative;	cursor: pointer;}
.toggle span {width: 14px;height: 14px;background: #fff;border-radius: 50px;position: absolute;left: 6px;top: 50%;margin-top: -7px;transition: .2s ease-in-out;}
.toggle.on { background: #60366d; }
.toggle.on span { left: 20px; }


/*----------tag*/
.tag {padding: 4px 8px;	border-radius: 4px; background: #F4F5F8; }

/*
.b-cr-tran { border-color: transparent !important; }
.bg_tran { background-color: transparent !important; }
*/

/*----------input*/
label { display: inline-block; }
input { letter-spacing: -1px; font-size: 16px; font-family: 'Pretendard', sans-serif; }
input::placeholder { color: #C0C8D5;  }
input:focus { outline: none; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"]{ border: none; height: 48px;  padding: 0 20px; }
input[type="password"] { letter-spacing: 8px; }
input[type="password"]::placeholder { letter-spacing: -1px; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { appearance: none;   -webkit-appearance: none; }
input[readonly="readonly"] { background: #d6dae1; }
input[readonly="readonly"]:hover { cursor: default; }
input[readonly="readonly"]:focus { border: none !important;  }
input[readonly="readonly"]::placeholder { color: #7f8794; }

.ipt { position: relative; }
.ipt .dash {width: 20px; display: flex; align-items: center; justify-content: center; }



/*오류*/
.ipt.err input { box-shadow: 2px 2px 8px rgb(219 235 243); animation: err .3s;}
@keyframes err { 0% { transform: translateX(0); }  12% { transform: translateX(4px); } 24% { transform: translateX(0); } 48% { transform: translateX(-4px); } 60% { transform: translateX(0);  } 72% { transform: translateX(4px); } 90% { transform: translateX(0px); } }
.ipt.err input::placeholder { color: red; }
.ipt .err_txt { display: none; margin-left: 20px; color: #7f8794; font-size: 14px; align-items: center; }
.ipt.err .err_txt { display: flex; }
.ipt .err_txt i { margin-right: 8px;  }

/*삭제버튼*/
.ip_del {width: 20px;height: 20px;border-radius: 50px;right: 20px; position: absolute;background: #7F8794;display: none;align-items: center;justify-content: center;top: 50%;margin-top: -10px;}
.ip_del.on { display: flex; }
.ip_del::after, .ip_del::before { background: #fff; content: '';  position: absolute; display: inline-block; width: 10px; height: 2px; border-radius: 5px; transform: rotate(135deg); }
.ip_del::after { transform: rotate(-135deg); }
/*전화번호*/
.ipt_call .call_warp { display: flex; width: 400px; }
.ipt_call .call_warp input { width: calc( 33% - 10px ); }
/*주소*/
.adrs_wrap { display: flex; flex-direction: column; }
.adrs_wrap>span { margin-bottom: 8px; position: relative; display: flex; }
.adrs_wrap>span input { flex: 1; }
.adrs_wrap>span button { font-size: 16px; background: #7f8794; color:#fff; height: 48px; padding: 0 12px; display: flex; align-items: center; top: 0; }
.adrs_wrap>span button i { margin-right: 8px; }

/*검색*/
.sch_area { display: flex; }
.sch2 { display: flex; align-items: center; }
.sch { margin-bottom: 24px; display: flex; align-items: center; }
.sch .filter { position: relative; margin-right: 24px; }
/*.sch .filter .sch_detail_num { display: none; z-index: 5; position: absolute; right: -24px; top: -17px; width: 24px; height: 24px; background:#2e7aee; color: #fff; align-items: center; justify-content: center; border-radius: 50px; font-size: 14px; font-weight: bold; }
.sch .filter .sch_detail_num.on { display: flex; }*/

.sch .ipt { display: flex; align-items: center; position: relative; }
.sch .ipt input { height: 32px; border-radius: 50px ; border: 1px solid #56606e ; }
.sch .ipt .btn_sch { position: absolute; right: 20px; top: 50%; margin-top: -8px;}
.sch .ipt .ip_del { right: 48px; }
.sch select{ height: 32px; border-radius: 50px; border: 1px solid #56606e; }

.sch_fil { margin-right: 32px; display: flex; align-items: center; }
.sch_fil>* { margin-right: 32px; }
.sch_fil>*:last-child { margin-right: 0; }
.sch_fil_tt { margin-right: 12px; }

.sch_result div {line-height: 28px;background: #5D4E67;color:#fff;padding: 0 12px 0 16px;border-radius: 50px;height: 28px;display: inline-block;margin-right: 4px;font-size: 14px;  margin-bottom: 16px;}
.sch_result .ico_close { width: 12px; height: 12px; margin-left: 12px; }
.sch_result .ico_close::after, .sch_result .ico_close::before { height: 2px; }

/*----------flex*/
.flex { display: flex; }
.flex1 { flex: 1; }
.flex_c { flex-direction: column; }
.justi_between { justify-content: space-between; }
.flex_center { display: flex; align-items: center; }
.justi_c { justify-content: center; }
.justi_s { justify-content: flex-start !important; }
.justi_e { justify-content: flex-end; }
.justi_reset { justify-content: initial !important; }
.align_s { align-items: start !important; }
.flex-direc_reset { flex-direction: initial !important;}

/*-----font*/
.ft_b { font-weight: bold; }

.ft18 { font-size: 18px; }

/*.cr_purple { color: #5D4E67; }*/

/*-----button*/
button:hover {
	box-shadow: 2px 2px 6px #e0d9e5;
}
button.h30 { height: 30px; }
button.btn_cancel { border: none; background: #ffcbcb; color: red; height: 32px; padding: 0 12px; border-radius: 4px; }
button.h40 { height: 40px; }
.btn_line { border: 1px solid #5D4E67; color: #5D4E67; background: #fff; border-radius: 4px; padding: 0 32px; font-weight: bold; }
.btn_icon { font-weight: bold; height: 32px; display: flex; align-items: center; justify-content: center; font-size: 14px; border: 1px solid #c4ccd1;padding: 0 12px;border-radius: 4px;background: #fff;}
.btn_icon i { margin-right:8px; width: 16px; height: 16px; }
.btn_icon i.ico_close::after, .btn_icon i.ico_close::before { background-color: #000; }

button.btn_p { background: #5D4E67; color: #fff; }
button.btn_l { background: #fff; border: 1px solid #000;  }
button.btn_l.red { border-color: red; color: red; }
button.btn_black { background: #000 !important; color: #fff; }
button.btn_sumit { background: #60366D; color: #fff; }
button.btn_e { background: #fff; border: 1px solid #000;height:32px;padding:6px 12px;border-radius:4px;marin-left:8px;  }


/*----------chkbox*/
input[type="checkbox"] { display: none; }
.chk .chk_img {  width: 20px; height: 20px; background: #e1e4e9; display: flex; align-items: center; justify-content: center; }
.chk .chk_img::after { width: 10px; height: 10px; background-image: url(../images/ico/ico_chk.svg); background-size: cover; content: ''; display: inline-block; }
.chk .chk_txt { margin-left: 12px; color: #C0C8D5; font-size: 14px; }
.chk label { display: flex; align-items: center; cursor: pointer;  }
.chk input[type="checkbox"]:checked + label .chk_img { background: #60366d; }
.chk input[type="checkbox"]:checked + label .chk_img::after {  background-image: url(../images/ico/ico_chk_wh.svg); animation: chk .2s ; }
@keyframes chk { from { transform: scale(0); transition: .2s ease; } to { transform: scale(1); } }
.chk input:checked + label .chk_txt {color: #5D4E67;  }

.chk.circle .chk_img { border-radius: 50px;  }

/*----------align*/
.txt_c { text-align: center; }
.txt_r { text-align: right; }

/*----------bacgkround*/
.bg_white { background: #fff; }

/*----------link*/
.link_txt {text-decoration: underline; }
.link_copy {  }


/*----------ico*/
i.i16 { width: 16px; height: 16px; }
i.i20 { width: 20px; height: 20px; }

i.arw {background: url(../images/ico/arw_t.svg); transition: .2s ease-in-out; width: 32px; height: 32px; }
i.arw.arw_t { transform: rotate(180deg); }
i.arw.arw_r { transform: rotate(90deg); }
i.ico_sch { background-image: url(../images/ico/ico_sch.svg); width: 16px; height: 16px; }
i.ico_sch.wh { background-image: url(../images/ico/ico_sch_wh.svg); }
i.ico_filiter { background-image: url(../images/ico/ico_filiter.svg); }
i.ico_copy { background-image: url(../images/ico/ico_copy.svg); width: 16px; height: 16px; }
i.ico_memo { background-image: url(../images/ico/ico_copy.svg); width: 16px; height: 16px; }
i.ico_copy.wh { background-image: url(../images/ico/ico_copy_wh.svg); }
i.ico_empty { width: 64px; height: 64px; background-image: url(../images/ico/ico_empty.svg); }
i.ico_err { width: 16px; height: 16px; background: url(../images/ico/ico_info.svg); }
i.ico_play { background-image: url(../images/ico/ico_play.svg); width: 40px; height: 40px; }
i.ico_chk32_green { background-image: url(../images/ico/chk32_green.svg); width: 32px; height: 32px; }
i.ico_plus { background-image: url(../images/ico_new/ico_plus.svg);  }
i.ico_mius { background-image: url(../images/ico_new/ico_mius.svg);  }
i.ico_setting { background-image: url(../images/ico/ico_setting.svg); width: 16px; height: 16px;}
i.ico_down { background-image: url(../images/ico/ico_download.svg); width: 16px; height: 16px; }
i.ico_fwd { background-image: url(../images/ico_new/ico_fwd.svg);  }
i.ico_upload { background-image: url(../images/ico_new/ico_upload.svg);  }
i.ico_edit { background-image: url(../images/ico_new/ico_edit.svg);  }
i.ico_link { background-image: url(../images/ico_new/ico_link.svg); width: 16px; height: 16px; }
i.arw_line_t { background-image: url(../images/ico_new/arw_line_t.svg); }
i.ico_cmt { background-image: url(../images/ico_new/ico_cmt.svg); }
i.ico_draggable { background-image: url(../images/ico_new/ico_draggable.svg); }
i.err_info_txt {background: #fbe0e0;color: red;border-radius: 50px;display: flex;align-items: center;font-style: inherit;justify-content: center; font-weight: bold;}
i.err_info_txt.recom {background: #F4F5F8;color: #60366d;}
i.ico_delete { background-image: url(../images/ico_new/ico_delete.svg); }
i.ico_delete_20 { background-image: url(../images/ico_new/ico_delete.svg); width:20px;height:20px;margin-right:10px;}
i.ico_delete.red { background-image: url(../images/ico_new/ico_delete_red.svg); }
i.ico_update { background-image: url(../images/ico_new/ico_update.svg); }
i.ico_cancel { background-image: url(../images/ico_new/ico_cancel.svg); }
i.ico_home { background-image: url(../images/ico_new/ico_home.svg); }
i.ico_pre { background-image: url(../images/ico_new/ico_pre.svg); }
i.pr_cd { background-image: url(../images/ico_new/prCd.svg);margin-right: 10px;width: 20px;height: 21px;display: inline-block;}
i.pr_sns { background-image: url(../images/ico_new/prSns.svg);margin-right: 10px;width: 20px;height: 21px;display: inline-block; }
i.pr_ticket { background-image: url(../images/ico_new/prTicket.svg);margin-right: 10px;width: 20px;height: 21px;display: inline-block;}
i.pr_video { background-image: url(../images/ico_new/prVideo.svg);margin-right: 10px;width: 20px;height: 21px;display: inline-block;}
i.pr_video.wh { background-image: url(../images/ico_new/prVideo_wh.svg);margin-right: 10px;width: 20px;height: 21px;display: inline-block;}
i.ico_track.wh { background-image: url(../images/ico_new/ico_cd.svg);margin-right: 10px;width: 20px;height: 20px;display: inline-block;}
i.ico_edit_25 { background-image: url(../images/ico_new/ico_edit_wh2.svg);  width:25px;height:25px;}
i.ico_sel_arw { background-image: url(../images/ico/sel_arw.svg); width: 22px; height: 16px; }
i.ico_sel_arw2 { background-image: url(../images/ico/sel_arw2.svg); width: 22px; height: 16px; margin-left:-5px;}

/*chk*/
i.ico_chk { background-image: url(../images/ico/ico_chk.svg); }
i.ico_chk_prmi { background-image: url(../images/ico_new/ico_chk_prmi.svg); }

	/*----------layout*/
.wrap { background: #F6F8F9; width: 100%; height: 100%; overflow: hidden; min-width: 1200px; }


/*----------menu*/
.menu { z-index: 5; padding: 32px 0 0; width: 227px; height: 100%; position: fixed; display: flex; flex-direction: column;}
.menu .power {color: #8096a1;margin: auto 0 16px;text-align: center;font-size: 13px;}
.menu_list { margin-left: 20px; overflow-y:auto;-ms-overflow-style: none;scrollbar-width: none;}
.menu_list::-webkit-scrollbar{display:none;}

.menu .logo { padding-left: 20px; display: flex; align-content: center; justify-content: center; }
.menu .logo a { margin-bottom: 47px; width: 140px; height: 42px; background: url(../images/logo/logo_fluxus2.svg); background-size: cover; }
.menu_list>li { margin-bottom: 16px; display: block; }
.menu_list>li>a { width: 100%; height: 44px; padding-left: 48px; }
.menu_list>li>a i { margin-right: 16px; width: 20px; height: 20px; }
.menu_list>li>a { border-radius: 8px; display: flex; align-items: center; transition: .2s ease; }
.menu_list>li:last-child { margin-bottom: 0; }
.menu_list .sub { display: none; flex-direction: column; margin-left: 84px; }
.menu_list>li>a.on +.sub { display: flex; }
.menu_list .sub>a { padding: 12px 0; color: #5d4e67; }
.menu_list>li>a.on + .sub a.on { color: #000; font-weight: bold; text-decoration: underline; }
.menu_list .sub>a:hover { text-decoration: underline; }


/*.menu_list li a.on { !*background: #5D4E67;*! color:#fff;
	background: #c700f9;
	background: -moz-linear-gradient(-45deg, #c700f9 0%, #178ded 100%);
	background: -webkit-linear-gradient(-45deg, #c700f9 0%,#178ded 100%);
	background: linear-gradient(135deg, #c700f9 0%,#178ded 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c700f9', endColorstr='#178ded',GradientType=1 );
}*/
.menu_list>li>a.on { background: #00f2c5; }

.nav_1 { background-image: url(../images/nav/ico_dashboard.svg); }
.nav_2 { background-image: url(../images/nav/nav_catalog.svg); }
.nav_3 { background-image: url(../images/nav/nav_musicvideo.svg); }
.nav_4 { background-image: url(../images/nav/ico_analytics.svg); }
.nav_5 { background-image: url(../images/nav/ico_card.svg); }
.nav_6 { background-image: url(../images/ico_new/ico_fwd.svg); }
.nav_7 { background-image: url(../images/nav/nav_artists.svg); }
.nav_8 { background-image: url(../images/nav/nav_revenue.svg); }
.nav_9 { background-image: url(../images/nav/ico_account.svg); }
.nav_10 { background-image: url(../images/nav/ico_system.svg); }
.nav_11 { background-image: url(../images/nav/nav_video.svg); }
.nav_12 { background-image: url(../images/nav/nav_takeList.svg); }
.nav_13 { background-image: url(../images/nav/nav_catalogStatus.svg); }
.nav_14 { background-image: url(../images/nav/nav_videoStatus.svg); }
.nav_15 { background-image: url(../images/nav/ico_guide.svg);height: 16px !important; }
.nav_16 { background-image: url(../images/nav/nav_artificial.svg); }
.nav_17 { background-image: url(../images/nav/ico-dolby.svg); }

/*
.on .nav_1 { background-image: url(../images/nav/ico_dashboard_on.svg); }
.on .nav_2 { background-image: url(../images/nav/nav_catalog_on.svg); }
.on .nav_3 { background-image: url(../images/nav/nav_video_on.svg); }
.on .nav_4 { background-image: url(../images/nav/ico_analytics_on.svg); }
.on .nav_5 { background-image: url(../images/nav/ico_card_on.svg); }
*/


/*----------top*/
/*.top {border-bottom: 1px solid #DDE4EE;height: 64px;width: calc( 100% - 228px );display: flex;float: right;flex-direction: row-reverse;padding: 12px 24px 0 0;}*/
.user {width: 40px;height: 40px;border-radius: 50px;background: #000;color: #fff;font-size: 18px;font-weight: bold;display: flex;align-items: center;justify-content: center;}


/*----------contents*/
.contents { display: flex; flex-direction: column; transition :.2s ease-in-out;  min-width: 800px; width: calc( 100% - 227px ); float: right; padding:32px 24px 0 56px; height:100%; overflow-y: auto; }
.con_tt { display: flex; justify-content: space-between;position: relative; margin-bottom: 40px; font-weight: bold; font-size: 24px; transition :.2s ease-in-out; }
.con_tt::after { content: '' ; display: block; width: 37px; height: 14px; background: url(../images/ico/con_tt.svg); position: absolute; lefT: 0; bottom: -16px; }
.con_wrap { padding-right: 44px; }
.con_tt .title_sub {font-size: 16px; margin-left: 16px;color: #60366d; }


/*----------tab*/
.tab_con { display: none; }
.tab_con.on { display: block; }

/*----------tbl*/
/*--공통테이블*/
table { width: 100%; border-collapse: collapse; }
table th, table td { padding: 12px; text-align: left; }
table td {  padding: 16px 12px; }
table tbody tr:nth-child(1)>td { border-top: none; }
table .sub td {
	padding-top: 0;
	padding-bottom: 8px;
}
.tbl_border td { border-bottom: 1px solid #f1f3f7; }
.tbl { width: 100%; }
.tbl th { border-bottom: 1px solid #D9DEE5; }
.tbl_cursor tr { cursor: pointer; }
.tbl tr.open { font-weight: bold; background: #e7ecef; }
.tbl tr.down { color: #4e6c7a; }

.tbl .ico_tbl_close { cursor: pointer; width: 24px; height: 24px; transition: .2s ease-in-out; border: 1px solid #60366d; border-radius:4px; background: #60366d;display: flex;align-items: center;justify-content: center; position: relative; }
.tbl .ico_tbl_close::after, .tbl .ico_tbl_close::before {content: '';width: 12px;height: 2px;background: #fff;display: inline-block;}
.tbl .ico_tbl_close::after { transition: .2s ease-in-out; transform: rotate(90deg);position: absolute;}
.tbl tr.open .ico_tbl_close { background: #fff; }
.tbl tr.open .ico_tbl_close::after { transform: rotate(0deg); }
.tbl tr.open .ico_tbl_close::after, .tbl tr.open .ico_tbl_close::before { background: #60366d; }


.tbl tr.chk_tr { background: #e7ecef; }

.min-reset { min-width: inherit !important; }
/*---가로형 테이블*/
/*.tbl.tbl_vertical tr:last-child td { border-bottom: 1px solid #D9DEE5; }*/
/*--상단 고정 테이블*/
.tbl_hd_fixed { display: flex; flex-direction: column; flex: 1; overflow: hidden; overflow-x: auto; }
.tbl_hd_fixed .tbl_thead { min-width: 1400px; }
.tbl_hd_fixed .tbl_body { flex: 1; overflow-y: scroll; min-width: 1400px;}
/*--결과없을때*/
.tbl_noResult { color: #000; margin-top: 72px; display: none; }
.tbl_noResult.on { display: block; }
.tbl_noResult.on+.tbl_body { display: none; }
.tbl_noResult p { margin: 20px 0 8px 0; font-size: 18px; font-weight: 800; }

td input[type="text"] { 	height: 32px;
	line-height: 32px;
	border: 1px solid #c4ccd1;
	width: auto;
	border-radius: 4px;
	padding: 0 32px 0 12px;
}
/*----------pop*/
.pop { display: none; align-items: center; justify-content: center; position: fixed; right:0; top:0 ; bottom: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 55; }
.pop.open { display: flex; }
.pop .pop_box { background: #fff; overflow: hidden; height: 80%; width: 560px;  }
.pop.open .pop_box {animation: pop .2s ;  }
@keyframes pop { from{ transition: .2s ease-in-out; transform: translateY(10%); } to { transform: translateY(0); } }
.pop .pop_box .pop_hd { height: 64px; background: #000; color:#fff; display: flex; align-items: center; justify-content: space-between; padding: 0 0 0 20px; }
.pop .pop_box .pop_hd { padding-right: 16px; }
.pop .pop_box .pop_hd .ico_close { width: 20px; height: 20px; }
.pop .pop_box .pop_con { padding: 40px; overflow-y: auto; height: calc( 100% - 64px); }

.pop_btn_area { display: flex; justify-content: end; margin-top: 24px; }
.pop_btn_area button { height: 32px; padding: 6px 12px; border-radius: 4px; margin-left: 8px; }
.pop_btn_area button.btn_cancel { background-color: #D9DEE5; color: #000;  }
.btn_daily_chart button { height: 32px; padding: 6px 12px; border-radius: 4px;}




/*---팝업 닫기*/
.ico_close { width: 24px; height: 24px; position: relative; display: flex; align-items: center; justify-content: center; }
.ico_close::after, .ico_close::before { content: '' ; width: 100%; height: 4px; background: #fff; border-radius: 10px; position: absolute; transform: rotate(135deg);}
.ico_close::after { transform: rotate(-135deg); }

/*----------modal*/
.modal { position: fixed; right:0; top:0; left:0; bottom:0;  display: none; z-index: 55; }
.modal.open { display: block; }
.modal .modal_con {  box-shadow: 0 0 8px rgba(102,112,128,0.2); background: #fff; padding: 24px 40px 20px; border: 1px solid #D9DEE5; position: fixed; z-index: 5; }
.modal.open .modal_con { animation: modal .2s; }
@keyframes modal { from { transform: translateY(-5%); transition: .2s ease; } to { transform: translateY(0); }}

.modal .modal_title { font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.modal button { font-weight: bold; background: #000; color: #fff; margin-top: 32px; width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; }

/*----------toast*/
.toast { position: fixed;color: #fff; margin: 0 auto;  width: 100%; top: 0; padding: 12px 20px; display: none; align-items: center; justify-content: center; left: 0; z-index: 5; }
.toast.on { display: flex;  }
.toast .toast_con { animation: toast .2s ; background: rgba(0,0,0,0.8); font-size: 14px; border-radius: 4px; padding: 8px 20px; display: flex; align-items: center; }
.toast .toast_con i { width: 12px; height: 12px; margin-right: 12px; }
@keyframes toast { from { transition: .2s ease; transform: translateY(-10%); } to { transition: translateY(0%); } }

/*----------status*/
.status { text-transform: uppercase; display: flex; align-items: center; font-weight: bold;  color: #fff; height: 24px; padding: 0 8px; font-size: 13px; border-radius: 4px; }
.status i { width: 16px; height: 16px; margin-right: 8px; }
.status.live { background: linear-gradient(135deg, #31a98e 0%,#40cdae 100%); }
.status.lp { color: #F2F2F2; background: linear-gradient(135deg, #1BA0F2 0%,#2AC4F2 100%); }
.status.delivered { color: #fff; background: linear-gradient(135deg, #eb6625 0%,#f5ab3c 100%); }
.status.takedown { background: #ffd5d5; color: red ; }
.status.upload { background-color: #c4ccd1; color: #46606c; }
.status.published { background: linear-gradient(135deg, #524BD8 0%,#6F6BF3 100%); }

.status.live i { background-image: url(../images/ico_new/status_live.svg); }
.status.lp i { background-image: url(../images/ico_new/status_live.svg); }
.status.delivered i { background-image: url(../images/ico_new/status_delivered.svg); }
.status.takedown i { background-image: url(../images/ico_new/status_takedown.svg); }
.status.upload i { background-image: url(../images/ico_new/status_upload.svg); }
.status.published i { background-image: url(../images/ico_new/status_published.svg); }



/*----------logo*/
.logo_apple { background-image: url(../images/logo/logo_apple.svg); }
.logo_spotify { background-image: url(../images/logo/logo_spotify.svg); }
.logo_deezer { background-image: url(../images/logo/logo_deezer.svg); }
.logo_anghami { background-image: url(../images/logo/logo_anghami.svg); }
.logo_facebook { background-image: url(../images/logo/logo_facebook.svg); }
.logo_tiktok { background-image: url(../images/logo/logo_tiktok.svg); }
.logo_pandora { background-image: url(../images/logo/logo_pandora.svg); }
.logo_kkbox { background-image: url(../images/logo/logo_kkbox.svg); }
.logo_awa { background-image: url(../images/logo/logo_awa.svg); }
.logo_youyube { background-image: url(../images/logo/logo_youyube.svg); }
.logo_joox { background-image: url(../images/logo/logo_joox.svg); }
.logo_yandex { background-image: url(../images/logo/logo_yandex.svg); }
.logo_reso { background-image: url(../images/logo/logo_reso.svg); }
.logo_amazon { background-image: url(../images/logo/logo_amazon.svg); }
.logo_soundexchange { background-image: url(../images/logo/logo_soundexchange.svg); }
.logo_tidal { background-image: url(../images/logo/logo_tidal.svg); }
.logo_moov { background-image: url(../images/logo/logo_moov.svg); }
.logo_zing { background-image: url(../images/logo/logo_zing.svg); }
.logo_qq { background-image: url(../images/logo/logo_qq.svg); }
.logo_line_taiwan { background-image: url(../images/logo/logo_line_taiwan.svg); }
.logo_line_japan { background-image: url(../images/logo/logo_line_japan.svg); }
.logo_boomplay { background-image: url(../images/logo/logo_boomplay.svg); }
.logo_iheart { background-image: url(../images/logo/logo_iheart.svg); }

/*------------logo: code명으로 추가*/
.logo_itm { background-image: url(../images/logo/logo_apple.svg); color: transparent;background-repeat:no-repeat;}
.logo_spo { background-image: url(../images/logo/logo_spotify.svg); color: transparent;background-repeat:no-repeat;}
.logo_dee { background-image: url(../images/logo/logo_deezer.svg); color: transparent;background-repeat:no-repeat;}
.logo_ang { background-image: url(../images/logo/logo_anghami.svg); color: transparent;background-repeat:no-repeat;}
.logo_fbl { background-image: url(../images/logo/logo_facebook.svg); color: transparent;background-repeat:no-repeat;}
.logo_tkt { background-image: url(../images/logo/logo_tiktok.svg); color: transparent;background-repeat:no-repeat;}
.logo_pdx { background-image: url(../images/logo/logo_pandora.svg); color: transparent;background-repeat:no-repeat;}
.logo_kkb { background-image: url(../images/logo/logo_kkbox.svg); color: transparent;background-repeat:no-repeat;}
.logo_awm { background-image: url(../images/logo/logo_awa.svg); color: transparent;background-repeat:no-repeat;}
.logo_yat { background-image: url(../images/logo/logo_youyube.svg); color: transparent;background-repeat:no-repeat;}
.logo_jox { background-image: url(../images/logo/logo_joox.svg); color: transparent;background-repeat:no-repeat;}
.logo_yan { background-image: url(../images/logo/logo_yandex2.svg); color: transparent;background-repeat:no-repeat;}
.logo_res { background-image: url(../images/logo/logo_reso.svg); color: transparent;background-repeat:no-repeat;}
.logo_ama { background-image: url(../images/logo/logo_amazon.svg); color: transparent;background-repeat:no-repeat;}
.logo_zda { background-image: url(../images/logo/logo_amazon.svg); color: transparent;background-repeat:no-repeat;}
.logo_sdx { background-image: url(../images/logo/logo_soundexchange.svg); color: transparent;background-repeat:no-repeat;}
.logo_asp { background-image: url(../images/logo/logo_tidal.svg); color: transparent;background-repeat:no-repeat;}
.logo_tda { background-image: url(../images/logo/logo_tidal.svg); color: transparent;background-repeat:no-repeat;}
.logo_mov { background-image: url(../images/logo/logo_moov.svg); color: transparent;background-repeat:no-repeat;}
.logo_zin { background-image: url(../images/logo/logo_zing.svg); color: transparent;background-repeat:no-repeat;}
.logo_tct { background-image: url(../images/logo/logo_qq.svg); color: transparent;background-repeat:no-repeat;}
.logo_lmt { background-image: url(../images/logo/logo_line_taiwan.svg); color: transparent;background-repeat:no-repeat;}
.logo_lmj { background-image: url(../images/logo/logo_line_japan.svg); color: transparent;background-repeat:no-repeat;}
.logo_bom { background-image: url(../images/logo/logo_boomplay.svg); color: transparent;background-repeat:no-repeat;}
.logo_iht { background-image: url(../images/logo/logo_iheart.svg); color: transparent;background-repeat:no-repeat;}
.logo_yat_s { background-image: url(../images/logo/logo_youtube_short.svg); color: transparent;background-repeat:no-repeat;}
.logo_sr_asset { background-image: url(../images/ico/sr_icon.svg); color: transparent;background-repeat:no-repeat;}
.logo_at_asset { background-image: url(../images/ico/at_icon.svg); color: transparent;background-repeat:no-repeat;}


/*---신규*/
.logo_uma { background-image: url(../images/logo/logo_um.svg); color: transparent;background-repeat:no-repeat;}
.logo_sco { background-image: url(../images/logo/logo_soundcloud.svg); color: transparent;background-repeat:no-repeat;}
.logo_saa { background-image: url(../images/logo/logo_jiosaavn.svg); color: transparent;background-repeat:no-repeat;}
.logo_default { background-image: url(../images/logo/logo_default.svg); color: transparent;background-repeat:no-repeat;}
/*---신규 2022.06.08*/
.logo_hun { background-image: url(../images/logo/logo_hungama.svg); color: transparent;background-repeat:no-repeat;}
.logo_imu { background-image: url(../images/logo/logo_claro.svg); color: transparent;background-repeat:no-repeat;}
.logo_kua { background-image: url(../images/logo/logo_kuack.svg); color: transparent;background-repeat:no-repeat;}
.logo_nap { background-image: url(../images/logo/logo_napster.svg); color: transparent;background-repeat:no-repeat;}
.logo_pel { background-image: url(../images/logo/logo_peloton.svg); color: transparent;background-repeat:no-repeat;}
.logo_qeu { background-image: url(../images/logo/logo_qobuz.svg); color: transparent;background-repeat:no-repeat;}
.logo_slk { background-image: url(../images/logo/logo_slacker.svg); color: transparent;background-repeat:no-repeat;}
.logo_sta { background-image: url(../images/logo/logo_jaxsta.svg); color: transparent;background-repeat:no-repeat;}
/*---신규 2022.06.09*/
.logo_mel { background-image: url(../images/logo/logo_melon.svg); color: transparent;background-repeat:no-repeat;}
.logo_bug { background-image: url(../images/logo/logo_bugs.svg); color: transparent;background-repeat:no-repeat;}
.logo_gen { background-image: url(../images/logo/logo_genie.svg); color: transparent;background-repeat:no-repeat;}
.logo_flo { background-image: url(../images/logo/logo_flo.svg); color: transparent;background-repeat:no-repeat;}
/*---신규 2022.08.30*/
.logo_qus { background-image: url(../images/logo/logo_qobuz.svg); color: transparent;background-repeat:no-repeat;}
/*---신규 2022.09.14*/
.logo_fbk { background-image: url(../images/logo/logo_facebook.svg); color: transparent;background-repeat:no-repeat;}
.logo_yci { background-image: url(../images/logo/logo_youyube.svg); color: transparent;background-repeat:no-repeat;}
.logo_sfp { background-image: url(../images/logo/logo_soundcloud.svg); color: transparent;background-repeat:no-repeat;}
.logo_itp { background-image: url(../images/logo/logo_apple.svg); color: transparent;background-repeat:no-repeat;}
.logo_ada { background-image: url(../images/logo/logo_apple.svg); color: transparent;background-repeat:no-repeat;}

.logo_amv { background-image: url(../images/logo/logo_apple.svg); color: transparent;background-repeat:no-repeat;}
.logo_pmv { background-image: url(../images/logo/logo_facebook.svg); color: transparent;background-repeat:no-repeat;}
/*---신규 2023.02.08*/
.logo_syb { background-image: url(../images/logo/logo_SoundTrackYourBrand.svg); color: transparent;background-repeat:no-repeat;}
.logo_vib { background-image: url(../images/logo/logo_vibe.svg); color: transparent;background-repeat:no-repeat; margin-left:10px;}

.logo_dht { background-image: url(../images/logo/logo_dhits.svg); color: transparent;background-repeat:no-repeat;}
.logo_lmh { background-image: url(../images/logo/logo_line_music.svg); color: transparent;background-repeat:no-repeat;}
.logo_mor { background-image: url(../images/logo/logo_mora.svg); color: transparent;background-repeat:no-repeat;}
.logo_nee { background-image: url(../images/logo/logo_netease.svg); color: transparent;background-repeat:no-repeat;}
.logo_rec { background-image: url(../images/logo/logo_recochoku.svg); color: transparent;background-repeat:no-repeat;}
/*---신규 2023.11.03*/
.logo_wvv { background-image: url(../images/logo/logo_wavve.svg); color: transparent;background-repeat:no-repeat;}
/*---신규 2024.10.29*/
.logo_sfr { background-image: url(../images/logo/logo_sfr.svg); color: transparent;background-repeat:no-repeat;}
.logo_sna { background-image: url(../images/logo/logo_sna.svg); color: transparent;background-repeat:no-repeat;}
.logo_tdc { background-image: url(../images/logo/logo_tdc.svg); color: transparent;background-repeat:no-repeat;}
.logo_tel { background-image: url(../images/logo/logo_tel.svg); color: transparent;background-repeat:no-repeat;}
.logo_phy { background-image: url(../images/logo/logo_default.svg); color: transparent;background-repeat:no-repeat;}
.logo_med { background-image: url(../images/logo/logo_default.svg); color: transparent;background-repeat:no-repeat;}
/*---신규 2024.12.06*/
.logo_wyn { background-image: url(../images/logo/logo_wyn.png); color: transparent;background-repeat:no-repeat; height:60px !important; margin-top:-30px !important; margin-left:-15px;}
.logo_rox { background-image: url(../images/logo/logo_rox.jpg); color: transparent;background-repeat:no-repeat; height:29px !important;}
.logo_aum { background-image: url(../images/logo/logo_aum.png); color: transparent;background-repeat:no-repeat; height:17px !important;}
.logo_ait { background-image: url(../images/logo/logo_default.svg); color: transparent;background-repeat:no-repeat;}


/*---CI*/
.logo_ci { width: 20px; height: 20px; }
.logo_apple_ci { background-image: url(../images/logo/logo_apple_ci.svg); }
.logo_spotify_ci { background-image: url(../images/logo/logo_spotify_ci.svg); }
.logo_youtube_ci { background-image: url(../images/logo/logo_youtube_ci.svg); }
.logo_visitor_ci { width: 62px; height: 40px; margin-right: 10px; background-image: url(../images/logo/visitor.png); }

/*----------paging*/
.paging { display: flex; justify-content: space-between; align-items: center; padding:8px 0 12px 0;  }
.paging .paging_btn { display: flex; align-items: center; }
.paging .paging_btn a { border-radius:50px; width: 24px; height: 24px; border: 1px solid #c0c8d5; }
.paging .paging_btn>a { margin: 0 4px; opacity: 0.5; background-position: center center; }
.paging .paging_btn>a.on { opacity: 1; }
.paging .paging_btn>a:nth-child(1) { margin-left: 0;  }
.paging .paging_btn a.page_max_right { background-image: url(../images/ico/paging_max_right.svg); }
.paging .paging_btn a.page_right { background-image: url(../images/ico/paging_right.svg); }
.paging .paging_btn a.page_max_left { background-image: url(../images/ico/paging_max_left.svg); }
.paging .paging_btn a.page_left { background-image: url(../images/ico/paging_left.svg); }

.paging ul { margin: 0 12px; display: flex; align-items: center; }
.paging ul li a { margin: 0 4px; text-align: center; background: #c0c8d5; display: flex; align-items: center; justify-content: center; font-size: 13px; }
.paging ul li a:hover { text-decoration: underline; }
.paging ul li a.on { background: #495a76; color: #fff; }

.paging_ipt { font-size: 14px; display: flex; align-items: center; }
.paging_ipt input { padding: 0 8px; font-size: 14px; width: 56px;margin-right: 8px; border: 1px solid #c0c8d5; height: 24px; line-height: 24px; text-align: center; }
.paging_ipt .paging_ipt_arw { border-radius: 4px; background: #c9d0da url(../images/ico/paging_ipt_arw.svg) center center; width: 24px; height: 24px; margin-left: 12px;  }

/*----------my*/
.my_wrap .modal_con { right: 24px; top: 60px;  }
.my_info {display: flex;/* align-items: center; */flex-direction: column;/* justify-content: center; */}
.my_user p {font-size: 20px;font-weight: bold;text-align: center;}
.my_cicle {width: 112px;height: 112px;border-radius: 100px;text-align: center;line-height: 112px;background: #000;color: #fff;font-size: 44px;font-weight: bold;margin: 0 auto 8px; }
.my_wrap ul { margin-top: 56px; }
.my_wrap ul li { display: block; }
.my_wrap ul li a { display: flex; align-items: center;  margin-bottom: 40px; justify-content: space-between;}
.my_wrap ul li a:hover .my_list_tt { text-decoration: underline; }
.my_list_tt { font-weight: bold; margin-bottom: 8px; display: block; }
.my_list_sub { font-size: 14px; color: #7F8794; }
.my_wrap button {background: none;color: #5d4e67;margin-top: 16px;border: 1px solid #5d4e67;}
.my_list_line span { border-right: 2px solid #c0c8d5; padding-right: 8px; margin-right: 8px; }
.my_list_line span:last-child { border-right: none; }
.logo_tmv { background-image: url(../images/logo/logo_tidal.svg); color: transparent;background-repeat:no-repeat;}
.logo_zmv { background-image: url(../images/logo/logo_amazon.svg); color: transparent;background-repeat:no-repeat;}
/*svg 이미지 임시 추가 2023.01.30*/
.logo_vmv { background-image: url(../images/logo/logo_vevo.svg); color: transparent;background-repeat:no-repeat;}
.logo_xmv { background-image: url(../images/logo/logo_xite.svg); color: transparent;background-repeat:no-repeat;}

/*----------특정 폰트*/
.gun_num { font-weight: bold; }

/*----------datepikcer*/
/*---monthpicker*/
.monthpicker table.ui-datepicker-calendar { display:none; } 
.monthpicker .ui-datepicker-header { position: relative; display: flex; align-items: center; }
.monthpicker .ui-datepicker-header a { cursor: pointer; position: absolute;left: -34px; border-radius: 4px; width: 32px;height: 32px;background: url(../images/ico/arw_t.svg);transform: rotate(-90deg);}
.monthpicker .ui-datepicker-header a.ui-datepicker-next { left: auto; right: -34px; transform: rotate(90deg);}
.monthpicker .ui-datepicker-header a span { display: none; }
.monthpicker .ui-datepicker-header select { margin-right: 7px; background-color: #dce3e7; border-radius: 8px; padding: 0 32px 0 12px; height: 40px; line-height: 40px; }
.ui-datepicker-month { margin-right: 12px; }
.ui-datepicker-year { margin-right: 0; }

/*----------scroll*/
.scroll>div { max-height : 100%; overflow : auto; }
.scroll-wrapper { overflow : hidden !important; padding : 0 !important; position : relative; }
.scroll-wrapper > .scroll-content { border : none !important; box-sizing : content-box !important; height : auto; left : 0; margin : 0; max-height : none; max-width : none !important; overflow : scroll !important; padding : 0; position : relative !important; top : 0; width : auto !important; }
.scroll-wrapper > .scroll-content::-webkit-scrollbar { height : 0; width : 0; }
.scroll-element { display : none; }
.scroll-element, .scroll-element div { box-sizing : content-box; }
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible { display : block; }
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow { cursor : default; }
.scroll-textarea { border : 1px solid #cccccc; border-top-color : #999999; }
.scroll-textarea > .scroll-content { overflow : hidden !important; }
.scroll-textarea > .scroll-content > textarea { border : none !important; box-sizing : border-box; height : 100% !important; margin : 0; max-height : none !important; max-width : none !important; outline : none; overflow : scroll !important; padding : 2px; position : relative !important; top : 0; width : 100% !important; }
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height : 0; width : 0; }
.scroll_iner > .scroll-element,
.scroll_iner > .scroll-element div { border : none; margin : 0; padding : 0; position : absolute; z-index : 10; }
.scroll_iner > .scroll-element div { display : block; height : 100%; left : 0; top : 0; width : 100%; }
.scroll_iner > .scroll-element.scroll-x { bottom : 2px; height : 8px; left : 0; width : 100%; }
.scroll_iner > .scroll-element.scroll-y { height : 100%; right : 0px; top : 0; width : 6px; }
.scroll_iner > .scroll-element .scroll-element_outer { overflow : hidden; }
.scroll_iner > .scroll-element .scroll-element_outer,
.scroll_iner > .scroll-element .scroll-element_track,
.scroll_iner > .scroll-element .scroll-bar { border-radius : 8px; moz-border-radius : 8px; webkit-border-radius : 8px; }
.scroll_iner > .scroll-element .scroll-element_track,
.scroll_iner > .scroll-element .scroll-bar { filter : alpha(opacity=40); ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity : 0.2; }
.scroll_iner > .scroll-element .scroll-element_track,
.scroll_iner > .scroll-element .scroll-bar { background-color : #C0C8D5; cursor : pointer; }
.scroll_iner > .scroll-element .scroll-bar { opacity: 0.8; }
.scroll_iner > .scroll-element:hover .scroll-bar { background-color : #b8c1d0; }
.scroll_iner > .scroll-element.scroll-draggable .scroll-bar { background-color : #b8c1d0; }
.scroll_iner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left : -12px; }
.scroll_iner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top : -12px; }
.scroll_iner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left : -12px; }
.scroll_iner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top : -12px; }


/*err*/
/*.ui-menu { background: rgb(255, 255, 255);border: 1px solid #5d4e67;width: 936px;display: block !important;margin-top: 4px; }*/

.ui-autocomplete { background-clip : padding-box; background-color : #ffffff; border-bottom-width : 2px; border-color : #ccc; border-color : rgba(0, 0, 0, 0.2); border-radius : 5px; border-right-width : 2px; border-style : solid; border-width : 1px; box-shadow : 0 5px 10px rgba(0, 0, 0, 0.2); display : none; float : left; left : 0; list-style : none; margin : 0 0 10px 25px; min-width : 160px; moz-background-clip : padding; moz-border-radius : 5px; moz-box-shadow : 0 5px 10px rgba(0, 0, 0, 0.2); padding : 4px 0; position : absolute; top : 100%; webkit-background-clip : padding-box; webkit-border-radius : 5px; webkit-box-shadow : 0 5px 10px rgba(0, 0, 0, 0.2); z-index : 1000; }
.ui-menu-item > a.ui-corner-all { clear : both; color : #555555; display : block; font-weight : normal; line-height : 18px; padding : 3px 15px; text-decoration : none; white-space : nowrap; }
.ui-state-hover, .ui-state-active { background-color : #0088cc; background-image : none; border-radius : 0; color : #ffffff; moz-border-radius : 0; text-decoration : none; webkit-border-radius : 0; }


/*.loading_modal {
	display:    none;
	position:   fixed;
	z-index:    1000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 255, 255, 255, .8 )
	url(../images/loading/loading.gif)
	50% 50%
	no-repeat;
}

*//* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden *//*
body.loading .loading_modal {
	overflow: hidden;
}

*//* Anytime the body has the loading class, our
   modal element will be visible *//*
body.loading .loading_modal {
	display: block;
}*/
/*loading*/
/*.loading { border-radius: 4px; box-shadow: 4px 4px 16px rgba(0,0,0,0.2); flex-direction: column; z-index: 55555; width: 150px; height: 150px; background: rgba(0,0,0,0.9); color: #fff;display: flex; align-items: center;justify-content: center; position: absolute; left: 50%; margin-left: 56px; top: 50%; margin-top: -75px; }

.loading_img { width: 64px; height: 64px; margin-bottom: 8px; background: url(../images/ico/loading.svg); animation: loading 2s infinite; }
@keyframes loading { from { transform: rotate(0); } to {  transform: rotate(360deg);  } }
*/

.loading {flex-direction: column;z-index: 55555;width: 250px;height: 150px;background: rgb(255 255 255);color: #fff;display: flex;align-items: center;justify-content: center;position: absolute;left: 50%;margin-left: -125px;top: 50%;margin-top: -75px;border-radius: 20px;border: 1px solid #e3e7ee;overflow: hidden;box-shadow: 0 0 50px rgba(0,0,0,0.1);}
.loading_img {width: 110px;height: 74px;background: url(../images/loading/woofer_loading.gif);background-size: cover;}

/*가로막대*/
.bar_col { height: 12px; position: relative; flex: 1;  }
.bar_col span { position: absolute; left: 0; top: 0; bottom: 0; width: 20%; border-radius: 50px; }

/*-----tab_count*/
.tab_count { display: flex; align-items: center;  }
.tab_count li {margin-left: 20px;display: flex;align-items: center;}
.tab_count li:nth-child(1) { margin-left: 0; }
.tab_count li .count_num {border-radius: 50px;background: #c3d0d7; display: flex;align-items: center;justify-content: center;height: 24px;padding: 0 12px;margin-left: 8px;}
.tab_count li a { display: flex; align-items: center; }
.tab_count li.on .count_num { background: #5c7481; color: #fff; }

/*-----tagle draggable*/
.draggable-table { position: relative; }
.draggable-table .draggable-table__drag { border : 1px solid #f1f1f1; box-shadow : 2px 2px 3px 0px rgba(0, 0, 0, 0.05); cursor : grabbing; opacity : 1; position : absolute; text-indent : 50px; webkit-box-shadow : 2px 2px 3px 0px rgba(0, 0, 0, 0.05); width : 100%; z-index : 10; }
.draggable-table thead th { user-select: none; }
.draggable-table tbody tr { cursor: grabbing; background: #fff; }
.draggable-table tbody tr td { user-select: none; }
.draggable-table tbody tr.is-dragging {background: #F4F5F8;}

.wd100p { width: 100% !important; }
.h100 { height: 100% !important; }

/*-----drag & draop files ( 음원파일 )*/
.upload-box {width: 286px; border-radius: 8px; padding: 32px 0; background: #fff; border: 2px dashed #A8B0BC; align-items: center; display: flex; justify-content: center; }
.upload-box .drag-file { padding: 18px 18px 0; align-items: center; display: flex; flex-direction: column; justify-content: center; }
.upload-box .drag-file.highlight { background: #f4f5f8;  }
.upload-box .drag-file .image { width: 40px; }
.upload-box .upload-img { margin-bottom: 24px;  width: 88px; height: 66px; background: url(../images/ico_new/upload_music.svg); }
.upload-box .upload-support { align-items: center; display: flex; flex-direction: column; justify-content: center; }
.upload-box .file-label { background: #000; border-radius: 4px; color: #fff; cursor: pointer; font-size: 14px; height: 40px; line-height: 40px; text-align: center; width: 100%; margin: 16px 0 24px 0; }
.upload-box .file-label label.green { background: #00f2c5; border: 1px solid #60366D; color: #000; }
.upload-box .file { display: none; }
.files .file { border-bottom: 1px solid #dbdbdb; display: flex; padding: 20px 20px; }
.files .file:last-child { border-bottom: none; margin-bottom: 0px; }
.files .file .thumbnail { align-items: center; display: flex; flex: none; margin-right: 20px; width: 50px; }
.files .file .thumbnail .image { width: 100%; }
.files .file .details { display: flex; flex: 1; flex-direction: column; justify-content: space-between; }
.files .file .details .header { display: flex; }
.files .file .details .header .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100px; }
.files .file .details .header .size { margin-left: auto; }
.files .file .progress { background-color: #dbdbdb; border-radius: 10px; height: 6px; margin-top: 4px; overflow: hidden; position: relative; }
.files .file .progress .bar { background-color: #5b975b; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.files .file .status { display: flex; width: 100%; }
.files .file .status .percent { }
.files .file .status .speed { margin-left: auto; }
@media (max-width: 700px) {
	.upload-box { box-sizing: border-box; margin-right: 0; width: 100%; }
	.upload-box .drag-file { height: 150px; }
	.files { box-sizing: border-box; margin-right: 0; overflow: initial; width: 100%; }
}
/*-----dropzone ( 이미지업로드 )*/
.dropzone { height: 373px; justify-content: center; border: 1px dotted #A8B0BC;width: 295px; display: flex;align-items: center;border-radius: 8px;}
.dropzone .upload_img { width: 88px; height: 64px; background: url(../images/ico_new/upload_img.svg); margin-bottom: 24px; }
.dropzone-supprot { display: flex; flex-direction: column; }
.dropzone-supprot strong { margin-bottom: 8px; }
.dropzone-txt { font-size: 18px; display: flex; flex-direction: column; }
.dropzone button { width: 100%; background: #000; color: #fff; height: 40px; line-height: 40px; text-align: center; border-radius: 4px; margin: 16px 0 24px; }
.dropzone .dz-preview .dz-image { width: 100%; height: 100%; border-radius: 0; }
.dropzone .dz-preview { margin: 0; width: 100%; height: 100%; }
.dropzone .dz-preview .dz-image img { width: 100%; height: 100%; object-fit: cover; }
.dropzone .dz-preview .dz-success-mark {height: 30px;width: 100%;left: 0;margin: 0;bottom: -119px;top: auto;border-radius: 4px;background: rgba(0,0,0,0.7);color: #fff;display: flex;align-items: center;padding-left: 12px;right: 0;}
.dropzone .dz-preview .dz-success-mark i {background: url(../images/ico/ico_chk_wh.svg);background-size: cover;width: 8.5px;height: 8px;margin-right: 8px; }

.dropzone.dz-started .dz-message {display: block;margin: 0; width: 100%; }
.dropzone.dz-started {flex-flow: column-reverse;}
.dropzone.dz-started .upload_img {display: none;}
.dropzone.dz-started .dropzone-txt {display: none;}
.dropzone.dz-started .dropzone-supprot {display: none;}
.dropzone.dz-started button {margin: 0;padding: 0 16px;}


/*-----upload thumnail ( 이미지 썸네일 보이는거 )*/
.upload_img_thumbnail {position: relative;}
.upload_img_thumbnail .upload_img_thumbnail_edit {
	position: absolute;
	right: 12px;
	z-index: 1;
	top: 10px;
}
.upload_img_thumbnail .upload_img_thumbnail_edit input {
	display: none;
}
.upload_img_thumbnail .upload_img_thumbnail_edit input + label {
	cursor: pointer;
	width: 32px;
	height: 32px;
	background: black;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.upload_img_thumbnail .upload_img_thumbnail_edit input + label i { width: 20px; height: 20px; }

.upload_img_thumbnail .upload_img_thumbnail_edit input + label:hover i {
	opacity: 0.5;

}

.upload_img_thumbnail .upload_img_thumbnail_preview {
	width: 192px;
	height: 192px;
	position: relative;
	border-radius: 0%;
	border: 6px solid #F8F8F8;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.upload_img_thumbnail .upload_img_thumbnail_preview > div {
	width: 100%;
	height: 100%;
	border-radius: 0%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}





.po_rel { position: relative; }



/*-----alert */
.alert .pop_box { height : auto; width : auto; }
.alert .pop_con { line-height : 24px; text-align : center; width : 300px; }
.alert .pop_btn_area { justify-content : center; }

.ui-helper-hidden-accessible{display:none;}


/*---팝업 닫기*/
.ico_close2 { width: 24px; height: 24px; position: relative; display: flex; align-items: center; justify-content: center; }
.ico_close2::after, .ico_close2::before { content: '' ; width: 100%; height: 4px; background: #fff; border-radius: 10px; position: absolute; transform: rotate(135deg);}
.ico_close2::after { transform: rotate(-135deg); }

/*자막 생성 css 추가*/
.chk input[type="radio"] { display:none; }
.chk input[type="radio"] + label .chk_img { border-radius:50px; border:1px solid #e1e4e9; background-color:transparent }
.chk input[type="radio"] + label .chk_img::after { width:10px; height:10px; background: #e1e4e9; border-radius: 50px; }
.chk input[type="radio"]:checked + label .chk_img {border-color: #000;}
.chk input[type="radio"]:checked + label .chk_img::after { background:#00f2c5; border:1px solid #000; }

/*SR ASSET, AT ASSET 구분*/
i.ico_sr_asset {background: url(../images/ico/sr_icon.svg); transition: .2s ease-in-out; width: 32px; height: 32px; }
i.ico_at_asset {background: url(../images/ico/at_icon.svg); transition: .2s ease-in-out; width: 32px; height: 32px; }