/*----------login*/
.login_wrap { display: flex; }

.login_wrap .left { flex-direction: column; flex: 1; display: flex;align-items: center;justify-content: center;}
.login_wrap .right { padding-top: 128px; color:#fff; background: #60366D; width: 579px; display: flex; }

.login_wrap h1.logo { margin:  0 0 96px 0 ; background: url(../images/logo/logo_fluxus_wh.svg); width: 178px; height: 56px; background-size: cover; }
.login_wrap h1.bugs_logo { margin:  0 0 96px 0 ; background: url(../images/logo/logo_bugs_white.svg); width: 178px; height: 69px; background-size: cover; }

.login_wrap form { display: flex; width: 360px; font-size: 16px; padding-left: 96px; flex-direction: column; }
.login_wrap form li { margin-bottom: 64px; display: block; }
.login_wrap form li:last-child { margin-bottom: 0; }
.login_wrap form label { font-size: 16px; }
.login_wrap form .ipt { position: relative; }
.login_wrap form .ipt p { visibility: hidden; position: absolute;bottom: -29px;font-size: 14px;color: #ff9191; }
.login_wrap form .ipt p.err { visibility: visible; }
.login_wrap form input {border: none;border-bottom: 1px solid #E3E7EE;padding: 24px 0 16px 0;width: 100%;background: transparent;color: #fff;font-size: 18px;font-weight: bold;height: inherit;}
.login_wrap form .login_remember {margin-top: 60px;display: flex; }
.login_wrap form .login_remember .chk input[type="checkbox"]:checked + label .chk_txt { color: #fff; }
.login_wrap form .login_remember .chk input[type="checkbox"]:checked + label .chk_img { background: #00f2c5; }

.login_wrap form .btn_login { margin-top: 48px; width: 100%; border-radius: 50px; display: flex; align-items: center; justify-content: center; background: #774587; color: #c186d3; font-size: 18px; font-weight: 800; text-align: center; height: 64px;  }
.login_wrap form .btn_login.on { background: #00F2C5; color: #60366D;  }
.make_account { color: #00F2C5; text-decoration: underline; margin-top: auto; margin-bottom: 56px; }

.login_service { width: 766px; margin-top: 56px; }
.login_service li {width: 242px;height: 233px;background-size: cover;margin: 0 16px 16px 0; }
.login_service li:nth-child(3n) { margin-right: 0; }
.login_service li:nth-child(n+4) { margin-bottom: 0; }
.login_service li.login_img1 { background-image: url(../images/login/login_img1.png); }
.login_service li.login_img2 { background-image: url(../images/login/login_img2.png); }
.login_service li.login_img3 { background-image: url(../images/login/login_img3.png); }
.login_service li.login_img4 { background-image: url(../images/login/login_img4.png); }
.login_service li.login_img5 { background-image: url(../images/login/login_img5.png); }
.login_service li.login_img6 { background-image: url(../images/login/login_img6.png); }

.logo_fluxus2 { background: url(../images/logo/logo_fluxus_new.svg); width: 148px; height: 142px;  }



/*----------account*/
.account_wrap  { min-width: inherit; }
.account_wrap .contents { min-width: inherit; padding: 32px 228px 0; background: #fff; width: 100%; }
.account_wrap .top { width: 100%; }
.account_wrap .con_wrap { margin: 0 auto; padding-right: 0; }

.account_title { position: relative; display: inline-block; margin-bottom: 24px; }
.account_title .txt { position: relative;z-index: 1; font-size: 24px; font-weight: bold; }
.account_title .line { top: 25px;  display: inline-block; width: 100%; height: 8px; background: #6153FF;  position: absolute; left: 0; }

.account_box { background: #EDF0F5; padding: 32px; margin-bottom: 24px; }
.account_box ul li { margin-bottom: 12px; display: flex; align-items: center; }
.account_box ul li:last-child { margin-bottom: 0; }
.account_box label { width: 150px; position: relative; }
.account_box input, .account_box select { width: 100%; vertical-align: middle; }
.account_box .ipt_con { width: 400px; position: relative; }
.account_box input:focus, .account_box select:focus { border: 1px solid #7f8794; }
.account_box_title:nth-child(1) { margin-top: 0; }
.account_box_title { font-size: 18px; font-weight: bold; margin-bottom: 16px; margin-top:  48px; }

/*정산*/
.account_bank label { width: auto; display: block; margin-bottom: 16px; }
.account_bank .ipt_bank .ipt_con { width: 160px; margin-right: 8px; }
.account_bank .ipt_bank_user .ipt_con { width: 160px; margin-right: 48px; }

/*이용약관동의*/
.account_agree { border: 1px solid #C0C8D5; padding: 32px; font-size: 18px; }
.account_agree .chk .chk_txt { font-size: 18px; color: #7F8794; flex: 1; }
.account_agree .chk .chk_img { width: 32px; height: 32px; margin-right: 16px; }
.account_agree .agr_chk_all.chk { margin-bottom: 24px; }
.account_agree .agr_chk_all.chk .chk_txt { font-size: 20px; font-weight: bold; }
.account_agree .chk input[type="checkbox"]:checked + label .chk_txt { color: #000; }
.account_agree dl { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.account_agree dl dd { font-size: 24px; font-weight: bold; }

/*회원가입버튼*/
.btn_account { border-radius: 50px; height: 64px; text-align: center; width: 360px; font-size: 20px; font-weight: 800; color: #C0C8D5; background: #EDF0F5; margin: 56px auto; display: block; }
.btn_account.on { background: #6153FF; color: #fff;  }


@media only screen and (max-width: 1600px) {
	.account_wrap .contents { padding: 24px; }
}

@media only screen and (max-width: 969px) {
	.account_wrap .account_box label, .account_box ul li { display: block; width: 100%; }
	.account_wrap .account_box label { margin-bottom: 8px; }
	.account_wrap .ipt.err .err_txt { margin: 8px 0 0 0 ; }
	.account_wrap .account_box .ipt_con { width: 100%; margin-right: 0;}
	.account_wrap .contents { padding: 24px 0; width: 100%; }
	.account_wrap .con_wrap { padding-right: 0; width: 100%; }
	.account_wrap .con_tt {padding: 0 32px; }
	.account_wrap .con_tt::after { margin-bottom: 24px; }
	.account_wrap .account_box ul li { margin-bottom: 24px; }
	.account_wrap .account_box ul li:last-child { margin-bottom: 0; }
	.account_wrap form { width: 100%; }
	.account_wrap .account_agree { border: none; padding: 0 32px; }
	.account_agree .chk .chk_img{ width: 24px; height: 24px; margin-right:8px;  }
	.account_agree .chk .chk_txt { font-size: 16px !important; }
	.account_agree dl { margin-bottom: 8px; }
	.account_agree .agr_chk_all.chk .chk_txt { font-weight: normal; }
	.account_box ul { width: 100%; }
	.account_bank .ipt { width: 100%; margin-bottom: 24px; }
	.account_bank .ipt:last-child { margin-bottom: 0; }
	.btn_account { margin: 32px; width: calc( 100% - 64px );}
	.account_wrap .top { height: 56px; padding-right: 16px; }
	.account_wrap .top .user { display: none;  }
	.account_agree .agr_chk_all.chk { border-bottom: 2px solid #edf0f5; padding-bottom: 20px; width: 100%; }
}


/*----------catalog_album*/
.tbl_catalog .link_copy { margin-left: 32px; }
.catalog_album { transition: .2s ease-in-out;  width: 48px; height: 48px; margin-right: 20px; }
.catalog_album img { width: 100%; height: 100%; object-fit: cover; }
.catalog_album_title { color: #5D4E67; vertical-align: middle; }
.catalog_album_title p { font-weight: bold; font-size: 16px; }
/*.catalog_album_title p, .catalog_album_title span { display: block; overflow:hidden; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp: 1; width: 192px; }*/
.catalog_album_title p, .catalog_album_title span {display: -webkit-box;overflow:hidden;text-overflow: ellipsis;word-break: break-word;-webkit-box-orient:vertical;-webkit-line-clamp: 2;}
.catalog_terri p {display: -webkit-box;overflow:hidden;text-overflow: ellipsis;word-break: break-word;-webkit-box-orient:vertical;-webkit-line-clamp: 2;}
.sch_chK_type li { display: flex; align-items: center; margin-bottom: 16px; }
.sch_chK_type li .chk:nth-child(odd) { width: 140px; }

.filter_status { margin-bottom: 8px; }
.filter_status ul { display: flex; align-items: center; }
.filter_status ul li { font-size: 13px; padding: 8px 16px; background: #000; color: #fff;  border-radius: 50px; margin-right: 12px; display: none; align-items: center; justify-content: center; }
.filter_status ul li a { margin-left: 8px; }
.filter_status ul li a i { width: 12px; height: 12px; }

.catalog_terri span { background: #ff2dab; color: #fff;padding: 4px;border-radius: 2px;margin-top: 4px;font-size: 10px;word-break: break-all;}

a.catalog_album_wrap:hover .catalog_album { transform: scale(1.1);  }
a.catalog_album_wrap:hover .catalog_album_title>* { text-decoration: underline; }
a.yt_title:hover>* { text-decoration: underline; }
/*----------catalog_album*/
/*---이미지 줌*/
.pop_zoom .pop_hd { margin-bottom: 20px;display: flex;justify-content: end; }
.pop_zoom .pop_hd a { background: black;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50px; }
.img_zoom_area { width: 700px;height: 700px; background-size: cover;background-position: center center; }

.album_detail { display: flex; padding-bottom: 32px; position: relative; }
.album_detail .img { position: relative; width: 240px; height: 240px; background: url(../images/sample.png); background-size: cover; box-shadow: 20px 20px 20px #E0D9E5; margin-right: 88px; transition: .4s ease-in-out; }
.album_detail .img::after { content:''; display: inline-block; width: 32px; height: 32px; background: url(../images/ico_new/ico_img_zoom.svg); right: 12px; bottom: 12px; position: absolute; }
.album_detail .img_mv { position: relative; width: 320px; height: 180px; background: url(../images/sample.png); background-size: cover; box-shadow: 20px 20px 20px #E0D9E5; margin-right: 88px; transition: .4s ease-in-out; }
.album_detail .img_mv::after { content:''; display: inline-block; width: 32px; height: 32px; background: url(../images/ico_new/ico_img_zoom.svg); right: 12px; bottom: 12px; position: absolute; }
.album_detail .album_detail_hd { display: flex; justify-content: space-between; margin-bottom: 32px;  }
.album_detail .title { font-weight: 800; flex: 1; }
.album_detail .title p { font-size: 32px;  }
.album_detail .title span { font-size: 18px; }
.album_detail .info_wrap { flex: 1; margin-top: -20px; }
.album_detail .info_list { display: flex; }
.album_detail .info_list dl { margin-bottom: 12px; font-size: 14px; display: flex; align-items:  center; }
.album_detail .info_list dl:last-child { margin-bottom: 0;  }
.album_detail .info_list dl dt { margin-right: 48px; text-align: right; color: #7F8794; width: 220px; }
.album_detail .info_list dl dd { font-weight: bold; flex: 1; word-break: break-all;min-width:111.359px;}

.album_detail .info_platform { display: flex; }
.album_detail .info_platform dl { margin-bottom: 12px; font-size: 14px; display: flex; align-items:  center; }
.album_detail .info_platform dl:last-child { margin-bottom: 0;  }
.album_detail .info_platform dl dt { margin-right: 48px; margin-left: 48px; text-align: left; color: #7F8794; width: 220px; }
.album_detail .info_platform dl dd { font-weight: bold; flex: 1; }
.album_detail .info_platform select { width: -webkit-fill-available;}
.album_detail .info_platform input { width: 100%;}

.album_detail.up { margin-bottom: 40px; }
.album_detail.up .info_list { display: none; }
.album_detail.up .img { width: 80px; height: 80px; margin-right: 32px; margin-top: -10px; }
.album_detail.up .title p { font-size: 32px; }
.album_detail.up .album_detail_hd { margin-bottom: 0; }
.album_detail.up .info_arw i { transform: rotate(180deg) translateY(2px); }

.album_detail .info_arw { background: #fff; border-radius: 50px; border: 1px solid #C0C8D5; font-size: 16px; height: 32px; width: 32px;  }
.album_detail .info_arw i { vertical-align: middle; }

.album_detail_tab { border-bottom: 1px solid #C0C8D5; }
.album_detail_tab a { font-size: 14px; font-weight: bold; background: #fff; border: 1px solid #EDF0F5; border-bottom: none; color: #C0C8D5; border-radius: 8px 8px 0 0;  height: 48px; display: flex; align-items: center; padding: 0 16px; }
.album_detail_tab a .tab_count { align-items: center; color: #C0C8D5; background: #EDF0F5; border-radius: 50px; height: 24px; display: flex; padding: 0 12px; margin-left: 12px; font-family: noto sans-serif; }
.album_detail_tab a.on { border-color: #C0C8D5; color: #000; }
.album_detail_tab a.on .tab_count { background: #000; color: #fff; }

.tracks_detail .arw { transform: rotate(180deg); }
.tracks_detail { cursor: pointer; transition: .2s ease-in-out; }
.tracks_detail:hover { background: #e0e7eb;  }

.tracks_more { display: none; }
.tracks_more.open { display: table-row; }
.tracks_more table th { background: #e7ebed ; border-bottom: none;  }
.tracks_more table th, .tracks_more table td { padding: 12px; }

.box { border-radius: 20px; margin-bottom: 8px;  background: #fff; box-shadow: 8px 8px 30px #c6d6df; padding: 20px; }
.box dl { display: flex;  }
.box dl dt { font-size: 18px; font-weight: 800; width: 280px; }
.box dl dt .tracks_title { position: relative; }
.box dl dt .txt { position: relative;z-index: 1; }
.box dl dt .line { top: 14px; width: 100%; height: 8px; background: #2185ee;  position: absolute; left: 0; display: none; }
.box dl dd { flex: 1; }

.box_col .tbl_hd_fixed .tbl_body, .box_col .tbl_hd_fixed .tbl_thead{ min-width: inherit;  }

.box.empty dl dt .txt { color: #bfbaca; }
.box.empty dl dt .line { background: transparent; }

.lyrics { padding: 24px 0; display: flex; flex-direction: row-reverse;}
.lyrics a { border: 1px solid #C0C8D5; height: 40px; display: flex; align-items: center; width: 120px; justify-content: center; background: none; font-weight: 800; }

/*audio-player*/
.audio-player { padding: 0 24px; border-radius: 50px; display: flex; align-items:center; margin-top: 20px; height: 80px; width: 100%; background: #444; color: white; overflow: hidden; }
.audio-player .timeline { margin-right: 20px; height: 4px; flex: 1; background: #545454; width: 100%; position: relative; cursor: pointer;  }
.audio-player .timeline .progress { background: #a719f7; width: 0; height: 100%; transition: 0.25s; }
.audio-player .play-container { background: #606060;width: 40px;height: 40px;border-radius: 50px;display: flex;align-items: center;justify-content: center;margin-right: 20px; }
.audio-player .toggle-play.play { margin-left: 8px; cursor: pointer; position: relative; left: 0; height: 0;width: 0;border: 7px solid #0000;border-left: 13px solid white; }
.audio-player .toggle-play.play:hover { transform: scale(1.1); }
.audio-player .toggle-play.pause { display: flex; align-items: center; justify-content: center; height: 15px; width: 20px; cursor: pointer; position: relative; }
.audio-player .toggle-play.pause:before { margin-right: 8px; background: white;content: ""; height: 15px; width: 3px; }
.audio-player .toggle-play.pause:after { background: white; content: "";height: 15px; width: 3px; }
.audio-player .toggle-play.pause:hover {transform: scale(1.1); }
.audio-player .time { display: flex; margin-right: 20px; }
.audio-player .time > * { padding: 2px; }
.audio-player .name { color: #edd89b; margin-right: 20px;max-width: 200px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.audio-player .volume-container { cursor: pointer; position: relative; z-index: 2; }
.audio-player .volume-container .volume-button { height: 26px; display: flex; align-items: center; }
.audio-player .volume-container .volume-button .volume { transform: scale(0.7); }
.audio-player .volume-container .volume-slider { position: absolute; left: -3px; top: 15px; z-index: -1; width: 0; height: 11px; background: #7c7c7c; box-shadow: 0 0 20px #000a; transition: 0.25s; }
.audio-player .volume-container .volume-slider .volume-percentage { background: #fff; height: 100%; width: 75%; }
.audio-player .volume-container:hover .volume-slider { left: -123px; width: 120px; }


/*-----tr 누르면 디테일 보임*/
.tracks_detail.on+.tracks_more>td { border-top: none; }
.tracks_detail.on+.tracks_more { display: table-row; }
.tracks_detail.on .arw { transform: rotate(0); }

/*-----가사보기*/
.pop_lyrics .pop_con { line-height: 32px; }

/*----------platform*/
.platform_wrap { background: #000; min-width: inherit; }
.plat_con { display: flex; flex-direction: column; width: 360px; height: 100%; margin: 0 auto; background: #fff; }
/*.plat_hd { transition: .2s ease-in-out; height: 369px; position: relative;  background: url(../images/plat_album_sample.jpg); }*/
.plat_hd { transition: .2s ease-in-out; height: 360px; background-size: cover; position: relative;  display: flex; align-items: center; justify-content: center; cursor: pointer;}
/*.plat_hd::after { content: ''; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);width: 100%; height: 100%; position: absolute; right: 0; top: 0; left: 0; bottom: 0; }*/
.plat_hd::after { background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);width: 100%; height: 100%; position: absolute; right: 0; top: 0; left: 0; bottom: 0; }
.plat_hd a { position: absolute; z-index: 5555; }
.plat_hd a .ico_play { width: 80px; height: 80px;  }
.plat_title { padding: 24px 8px 24px 24px ; }
.plat_con.hide .plat_artist_name, .plat_con.hide .plat_album_date { display: none; }
.plat_con.hide .plat_hd  { height: 80px; }
.plat_con.hide .plat_hd a .ico_play { width: 40px; height: 40px; }
.plat_list { background: #F6F8F9; padding: 16px 24px 24px; flex: 1; overflow: hidden; overflow-y: auto; display: flex; flex-direction: column;}
.plat_list .sch .ipt, .plat_list .sch .ipt input { width: 100%;  }
.plat_list .sch .ipt .btn_sch { left: 20px; right: auto; }
.plat_list .sch .ipt input { padding-left: 40px; }
.plat_list .sch .ipt .ip_del { right: 20px; }

.plat_list_title {margin-bottom: 16px;  font-size: 20px; font-weight: bold;   display: flex; align-items: center; }
.plat_list_title span { line-height: 24px; background: #000; color: #fff; font-size: 12px; font-weight: bold; padding: 0 8px; height: 24px; margin-left: 12px;  border-radius: 50px; }
.plat_album_name { margin-bottom: 4px; font-size: 14px;  font-weight: 800; display: flex; justify-content: space-between;  }
.plat_album_name span { word-break: break-all; flex: 1;  }
.plat_artist_name { margin-bottom: 12px; word-break: break-all; margin-right: 32px; }
.plat_album_date { font-size: 14px; color: #7F8794; }

.plat_list ul { margin-bottom: 32px; }
.plat_list ul li { width: calc( 33.3% - 12px ); margin: 0 4px; }
.plat_list ul li a { margin-bottom: 8px; background: #fff; border: 1px solid #EDF0F5; border-radius: 4px; padding: 12px 0; display: flex; align-items: center; flex-direction: column; }
.plat_list ul li a span { margin-bottom: 12px; width: 84px; height: 20px; background-size: cover; text-indent: -9999px; }

/*업체가 직접 등록한 스마트 링크용 css dwseo*/
.plat_list2 { background: #F6F8F9; padding: 16px 24px 24px; flex: 1; overflow: hidden; overflow-y: auto; display: flex; flex-direction: column;}
.plat_list2 ul { margin-bottom: 32px; }
.plat_list2 ul li { width: calc( 33.3% - 12px ); margin: 0 4px; }
.plat_list2 ul li a { margin-bottom: 8px; background: #fff; border: 1px solid #EDF0F5; border-radius: 4px; padding: 12px 0; display: flex; align-items: center; flex-direction: column; }
.plat_list2 ul li a span { margin-bottom: 12px; width: 84px; height: 30px; font-weight: bold; text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;text-overflow: ellipsis;white-space: normal;}

.plat_copyright { color: #7f8794; font-size: 10px; text-align: center; margin-top: auto; }
.plat_copyright a { text-decoration: underline; color: #6153FF; }

/*chatbot*/
.chatbot { position: absolute; right: 0; bottom: 0; display: none; }
.chatbot span { width: 72px; height: 72px; background-image: url(../images/ico/ico_chatbot.svg); }

/*----------Dashboard, Analytics */
/*common*/
.box_col { display: flex; justify-content: space-between; }
.box_col:last-child { margin-bottom: 12px;  }
.box_col .box { flex: 1;padding: 32px; margin: 0 12px 12px 0; }
.box_col .box:last-child { margin-right: 0; }

.box_title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; font-weight: bold; }
.box_title>p { display: flex; align-items: center; }
.box_title .box_title_link { text-decoration: underline; font-size: 13px; }
.box_title .logo_ci { margin-right: 8px; }
.box_chart { width: 100%; height: 240px; }
.box_chart canvas { width: 100% !important; height: 100% !important; }
.chart_legend { display: flex; align-items: center; margin-top: 8px; font-size: 12px; justify-content: center;  }
.chart_legend li { display: flex; align-items: center; margin-right: 16px; }
.chart_legend li:last-child { margin-right: 0; }
.chart_legend li i { background: red; width: 12px; height: 12px; border-radius: 50px; margin-right: 4px; }
.chart_legend li:nth-child(1) i { background: #E9C46E; }
.chart_legend li:nth-child(2) i { background: #A883CE; }
.chart_legend li:nth-child(3) i { background: #E9836E; }
.chart_legend li:nth-child(4) i { background: #97C79F; }
.chart_legend li:nth-child(5) i { background: #6EDCE9; }




.box_list li {  margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; padding-right: 16px; }
.box_list .catalog_album_wrap {  margin-right: 12px; flex: 1;  }
.box_list .catalog_album_title { color: #000; flex: 1; }
.box_label { color: #9fa6af; }

.gun_per { position: relative; }

.per { font-weight: 800; position: absolute; font-size: 12px; top: -16px; left: 32px;  display:flex; }
.per.red::before, .per.blue::before {content: '';display: inline-block;border-top: 8px solid transparent;border-bottom: 8px solid #ff6969;border-right: 5px solid transparent;border-left: 5px solid transparent;margin-right: 4px;position: absolute;top: -4px;}
.per span { padding-left: 16px; }
.per.red { color: #ff6969; } /*상한가*/
.per.blue { color: #178ded; } /*하한가*/
.per.blue::before { transform: rotate(180deg); top: 5px; border-bottom-color: #178ded; }

.catalog_title { display: flex; align-items: center; }
.catalog_title .catalog_album_title { flex:1;  }
.catalog_title .catalog_album_title p, .catalog_title .catalog_album_title span { width: 100%; }



/*-----Dashboard*/
.box_dash_gun .gun_num { margin: 0 0 0 32px; font-size: 24px; }
.box_dash_gun>div { display: flex; align-items: center; }
.news_title { margin-bottom: 16px; display: block; position: relative; }
.news_title::after { content: 'N'; display: inline-block; position: absolute; color: red; top: -6px;margin-left: 8px;}
.news_con > p { margin-bottom: 20px; }
.news_con > *:last-child { margin-bottom: 0; }


/*-----analytics*/
.map { height: 500px; }
.box_col .box.box_ana_gun { padding: 20px 32px; justify-content: center; display: flex; align-items: center; text-align: center; }
.box_col .box.box_ana_gun .gun_num { font-size: 28px; margin-bottom: 8px;  }
/*.box_col .box.streams_last30  { flex: inherit; width: 480px; }*/
.box_col .box.streams_last30 .box_list { height: 256px; overflow: hidden; overflow-y: auto; }
.box_col .box.streams_last30 .box_list { overflow-y: scroll; padding-right: 20px; }
.box_col .box.streams_last30 .box_list>li>span:nth-child(1) { display: flex; flex: 1; }

/*---detail*/
.ana_detial_title { margin-bottom: 32px;  }
.ana_detial_title span { width: 84px; height: 20px; background-size: cover; background-repeat: no-repeat; }
.ana_detial_title span.logo_spotify { background-position: -15px 0; }
.ana_detial_title p { font-size: 20px;font-weight: bold;}
.ana_detial_title .logo_apple { background-position: -15px; }
.ana_tbl_track tr>td:nth-child(1) { padding-left: 82px;  }
.ana_tbl_track>td { padding:0; }
.ana_tbl_track .catalog_album_title { color: #000;}
.ana_tbl_track { display: none; }
.ana_tbl_track.on { display: contents; }
.ana_tbl_asset tr>td:nth-child(1) { padding-left: 82px;  }
.ana_tbl_asset>td { padding:0; }
.ana_tbl_asset .catalog_album_title { color: #000;}
.ana_tbl_asset { display: none; }
.ana_tbl_asset.on { display: contents; }

/*-----payment*/
.chart_pay { height: 200px; }
.pay_info { flex-direction: column; }
.pay_date .box { margin-bottom: 0; justify-content: space-between; display: flex; align-items: center;}
.pay_date .box>* { flex: 1; display: flex;  }
.pay_total {color: #fff; }
.pay_total .box { background: #3d455a;  display: flex; align-items: center; justify-content: space-between; padding: 20px 32px; }
.pay_total dl { flex-direction: column; }
.pay_result .pay_result_status.finish { border-color: transparent; color: #21e7b0; }
.pay_result .pay_result_status.finish  .result_ani  { background: #21e7b0; }

.pay_result dl {  margin-right: 32px; padding-right: 32px; position: relative; }
.pay_result dl::after {content: '';height: 24px;width: 1px;background: #7F8794;display: inline-block;position: absolute;right: 0;top: 50%;margin-top: -12px;}
.pay_result { display: flex; align-items: center;  }
.pay_total .box dl dt { font-size: 20px; width: auto; }
.pay_result_status { border-radius: 8px; padding: 8px 16px; font-weight: bold; text-align: center; border: 1px solid #c4ccd1; display: flex;align-items: center;}
.result_ani { margin-right: 12px; transition: .2s ease-in-out; height: 30px; display: flex; justify-content: center; align-items: center; }
.result_ani span { animation: 1s resultAni  infinite ; opacity: 0.4; width: 8px; height: 8px; border-radius: 50px; background: #2d7bee; margin: 0 4px; }
@keyframes resultAni { from { opacity: 0.4; } to { opacity: 1; } }
.result_ani span:nth-child(1) { animation-delay: .4s; }
.result_ani span:nth-child(2) { animation-delay: .8s; }
.result_ani span:nth-child(3) { animation-delay: .12s; }

.pay_date { margin: 32px 0 16px 0; }
/*지급완료*/
.pay_result_status.finish { color: #19896a; border-color: #19896a; }
.finish .result_ani { width: 30px; border-radius: 50px; background: #19896a; margin-right: 12px; }
.finish .result_ani span { display: none; }
.finish .result_ani::before { margin-bottom: 2px; content: '';display: inline-block; width: 9px;height: 5px; border: 3px solid #fff;border-top: none;border-right: none;background: transparent;/* opacity: 0; */transform: rotate(-45deg);z-index: 555555;}

/*--플랫폼 정산*/
.pay_platform { display: block;  }
.pay_platform .box { display: flex; flex-direction: column; margin-bottom: 0; box-shadow: none; border-bottom: 1px solid #efefef; border-radius: 0; padding: 20px 32px; background: none; }
.pay_platform .box:last-child { border-bottom: none; }
.pay_platform .box>* { display: flex; justify-content: space-between; align-items: center; flex: 1;  }
.pay_platform .box ul { width: 100%; margin-top: 16px; display: none; background: #E3E7EE; padding: 20px; border-radius: 4px; }
.pay_platform .box.on ul { display: block; margin-right: 56px; }
.pay_platform .box li { display: flex; align-items: center; justify-content: space-between; width: 100% ; margin-bottom: 16px; }
.pay_platform .box li:last-child { margin-bottom: 0; }
.platform_price { display: flex; align-items: center; }
.platform_price strong { width: 150px; text-align: right; font-size: 18px; }
/*.platform_price dl dt { width: auto; font-size: 20px; }
.platform_price dl { display: flex; flex-direction: column; margin-left: 64px; text-align: right; width: 150px; }*/
.platform_price .arw { margin-left: 32px; transform: rotate(180deg); }
.pay_platform .box.on .arw { transform: rotate(0); }

.company_name { display: block;border-bottom: 1px solid #bfcbd1;padding-bottom: 12px;margin-bottom: 32px; }

/*--권리사별 정산금합계*/
.pay_calculate { padding-right:20px; height: 400px; overflow: hidden; overflow-y:auto; margin-top: 32px; display: flex; flex-wrap: wrap; justify-content: space-between; }
/*.pay_calculate a { font-size: 18px;  display: flex;justify-content: space-between;align-items: center;margin-bottom: 32px; }*/
.pay_calculate li { width: calc( 50% - 64px ); display: flex;align-items: center;justify-content: space-between;margin-bottom: 32px;}
.pay_calculate li:last-child { margin-bottom: 0; }
.pay_calculate .box.on .arw { transform: rotate(0); }
.pay_calculate .sch { border-bottom: 1px solid #cfe1eb;padding-bottom: 12px; }
.pay_calculate .sch .ipt input { border: none; padding: 0 28px 0 0 !important; }
.pay_calculate .sch .ipt .btn_sch { right: 0; }

.pay_country_img { width: 24px; height: 24px; margin-right: 16px; border-radius: 50px; overflow: hidden; border: 1px solid #DDE4EE;  }
.pay_country_img img { width: 100%; }

.pay_platform_logo { height: 30px; width: 129px; background-size: cover; }
.pay_platform_logo.logo_itm { background-position: -26px; }
.pay_platform_logo.logo_spo { background-position: -23px; }
.pay_platform_logo.logo_dee { background-position: -17px; }
.pay_platform_logo.logo_ang { background-position: -15px; }
.pay_platform_logo.logo_fbl { background-position: -15px; }
.pay_platform_logo.logo_tkt { background-position: -24px; }
.pay_platform_logo.logo_pdx { background-position: -10px; }
.pay_platform_logo.logo_kkb { background-position: -22px; }
.pay_platform_logo.logo_awm { background-position: -37px; }
.pay_platform_logo.logo_yat { background-position: -23px; }
.pay_platform_logo.logo_jox { background-position: -33px; }
.pay_platform_logo.logo_yan { background-position: -12px; }
.pay_platform_logo.logo_res { background-position: -26px; }
.pay_platform_logo.logo_ama { background-position: -29px; }
.pay_platform_logo.logo_sdx { background-position: -23px; }
.pay_platform_logo.logo_asp { background-position: -17px; }
.pay_platform_logo.logo_mov { background-position: -15px; }
.pay_platform_logo.logo_zin { background-position: -56px; }
.pay_platform_logo.logo_tct { background-position: -8px; }
.pay_platform_logo.logo_lmt { background-position: -15px; }
.pay_platform_logo.logo_lmj { background-position: -15px; }
.pay_platform_logo.logo_saa { background-position: -10px; }
.pay_platform_logo.logo_sco { background-position: -36px; }
.pay_platform_logo.logo_uma { background-position: -40px; }
.pay_platform_logo.logo_pel { background-position: -10px; }
.pay_platform_logo.logo_bug { background-position: -33px; }
.pay_platform_logo.logo_flo { background-position: -35px; }
.pay_platform_logo.logo_gen { background-position: -30px; }
.pay_platform_logo.logo_mel { background-position: -16px; }
.pay_platform_logo.logo_vib { background-position: 0px; margin-left:0px;}
.pay_platform_logo.logo_syb { background-position: 1px; }
.pay_platform_logo.logo_dht { background-position: 1px; }
.pay_platform_logo.logo_lmh { background-position: 1px; }
.pay_platform_logo.logo_mor { background-position: 1px; }
.pay_platform_logo.logo_rec { background-position: 1px; }
.pay_platform_logo.logo_nee { background-position: 1px; }
.pay_platform_logo.logo_slk { background-position: -39px; }
.pay_platform_logo.logo_wvv { height:27px;width:136px; }
.pay_platform_logo.logo_qus { background-position: -7px; }
.pay_platform_logo.logo_iht { background-position: -14px; }
.pay_platform_logo.logo_sta { background-position: -24px; }

.pay_platform_logo.logo_sfr { background-position: 0px; background-size:75px;}
.pay_platform_logo.logo_sna { background-position: 0px; background-size:120px;}
.pay_platform_logo.logo_tdc { background-position: 0px; background-size:120px;}
.pay_platform_logo.logo_tel { background-position: 0px; background-size:90px;}


.pay_chart_list {display: flex;justify-content: space-between;}
.pay_chart_list>div {flex: 1;margin-right: 40px;}
.pay_chart_list>div:last-child {margin-right: 0;}

.topRank .gun_per { text-align: right; }
.topRank .per { left: auto; right: 0; }
.topRank_chart {display: flex;	align-items: center;}
.topRank_chart_bar {flex: 1;background: #edf0f5;height: 8px;overflow: hidden;border-radius: 50px;margin-right: 8px;position: relative;}
.topRank_chart_bar span {position: absolute;	left: 0;top: 0;	bottom: 0;	width: 20%;	background: #178ded;}
.topRank table td {padding: 8px; }
.topRank .new { background:#00f2c5; }

/*-----chatbot*/
.WatsonAssistantChatHost { position: fixed; }
#WACContainer.WACContainer { background: red !important; }
#WACContainer.WACContainer .WACLauncher__Button  { background: url(../images/ico/ico_chatbot.svg) no-repeat !important; }
#WACContainer.WACContainer button.WACLauncher__Button svg { display: none !important; }
#WACContainer.WACContainer .WACLauncher__ButtonContainer { background: none !important; box-shadow: none !important; }
#WACContainer.WACContainer button.WACLauncher__Button.WAC__button--base { width: 72px !important; height: 72px !important; background-size: cover !important;}

#WACContainer.WACContainer .WAC__homeScreenOriginal-body,
#WACContainer.WACContainer .WAC__homeScreenOriginal .WAC__header { background: #000 !important;}
#WAC__inputContainer-TextAreaContainer--homeScreen .WAC__TextArea { background: rgba(255,255,255,0.1) !important; border-radius: 50px !important; }
#WACContainer.WACContainer .WAC__inputContainer .WAC__inputContainer-TextAreaContainer { display: block !important;  }
#WACContainer.WACContainer .WAC__inputContainer { background: none !important; }
#WACContainer.WACContainer .WAC__homeScreenOriginal-input { border: none !important; }
.WAC__homeScreenOriginal-greeting { text-align: center; }
.WAC__send-button svg { display: none !important; }
#WAC__inputContainer-TextAreaContainer--homeScreen .WAC__send-button { min-height: auto !important; margin: 0 auto !important; display: block !important; background: #5D4E67 !important;  width: 84px !important; height: 40px !important; border-radius: 50px !important; }
.WAC__send-button::before { content:'질문하기' !important; display: inline-block !important; color: #fff;  }
.WAC__homeScreenOriginal-greeting { text-align: center !important; font-size: 18px !important; width: 250px !important; margin: 0 auto !important; line-height: 26px !important;}
#WACContainer.WACContainer .WAC__inputContainer #WAC__inputContainer-TextAreaContainer--homeScreen .WAC__TextArea { margin-bottom: 12px; }

.WAC__homeScreenOriginal-starter,
.ibm-web-chat--card-home-screen.WAC__homeScreenOriginal-starters { background-color: transparent !important; }
.WAC__button--base.WAC__button--ghost { color: #000 !important; font-size: 14px !important; background: none !important; }
.WAC__button--base.WAC__button--ghost { /*padding: 0 0 16px 0 !important;*/ }
.WAC__header-close path { fill : #fff !important; }
#WAC__inputContainer-TextAreaContainer--homeScreen .WAC__TextArea-textarea { color: #fff !important; }
#WAC__inputContainer-TextAreaContainer--homeScreen .WAC__TextArea-textarea:focus { border-radius: 50px !important; }
#WAC__header-homeScreen { display: flex !important; justify-content: flex-end !important; }
#WAC__header-name-homeScreen { display: none !important; }
#WAC__header-homeScreen img { display: none !important; }
#WACContainer.WACContainer .WAC__homeScreenOriginal.WAC__homeScreenOriginal--hydrationAnimationComplete .WAC__homeScreenOriginal-input { margin-bottom: 24px !important; }
.WAC__homeScreenOriginal-greeting::before { content: '' !important; width: 59px !important; height: 59px !important; display: block !important; background: url(../images/ico/ico_chatbot.svg); margin: 0 auto 24px; background-size: cover; }
.ibm-web-chat--card-home-screen__title-outer { color: #000 !important; font-size: 16px !important; font-weight: bold !important; margin-bottom: 12px !important; }
#WACContainer.WACContainer a.WAC__button--ghost:focus, #WACContainer.WACContainer button.WAC__button--ghost:focus { border: none !important; }
#WACWidget { box-shadow: 0 0 30px rgba(0,0,0,0.2) !important; }
#WACContainer.WACContainer button.WAC__send-button.WAC__button--base.WAC__button--primary:disabled { opacity: 0.5 !important; display: flex !important; align-items: center !important; justify-content: center !important; }
#WACWidget { right: 20px !important; }
#WAC__inputContainer{ border-top: 1px solid #CCC2D4 !important; }
.WAC__bot-message { border:1px solid #9B8EA4 !important; padding: 10px !important; border-radius: 4px !important;  }
.WACVisuallyHidden  { display: none !important; }
.WAC__bot-bar { display: none !important;  }
#WACContainer.WACContainer #WAC__inputContainer .WAC__inputContainer-TextAreaContainer { display: flex !important; }
#WAC__send-button { height: 54px !important; border-radius: 0 !important; }
#WAC__send-button::before { display: none !important; }
#WAC__send-button svg { display: block !important; }
#WACContainer.WACContainer .WAC__inputContainer #WAC__inputContainer-TextAreaContainer { margin-bottom: 0;  }
#WACContainer.WACContainer .WAC__bot-bar--hidden { display: none !important; }
#WACContainer.WACContainer .WAC__bot-message { max-width: 80%; }

.ui-menu .ui-menu-item { display: block; font-size: 14px; }

/*---전송결과, 디폴트:성공 #3b73e7*/
.fwd_result_status { display: flex; align-items: center; color: #3bbd5d; font-weight: bold; }
.fwd_result_status::before { content: ''; width: 6px; height: 6px; border-radius: 10px; background: #3bbd5d; margin-right: 8px; display: inline-block; }
.fwd_result_status.fail { color: #fc8e0f; }
.fwd_result_status.fail::before { background: #fc8e0f;  }
.fwd_result_status.running { color:#3b73e7; }
.fwd_result_status.running::before { background: #3b73e7;  }

/*---revenue per platform*/
.revenue_logo { border: 1px solid #efefef; padding: 8px 12px; border-radius: 4px; }
.revenue_logo i { width: 103px; height: 22px; }
.revenue .bar_col { margin: 0 32px; }

.bar_col.bar_apple span { background: #35293D; }
.bar_col.bar_deezer span { background: #FF9900; }
.bar_col.bar_spotify span { background: #2ebd59; }
.bar_col.bar_anghami span { background: #DA3D94; }
.bar_col.bar_facebook span { background: #3B5998; }
.bar_col.bar_tiktok span { background: #69C9D0; }
.bar_col.bar_pandora span { background: #02A0ED; }
.bar_col.bar_kkbox span { background: #009FD6; }
.bar_col.bar_awa span { background: #1D1D1B; }
.bar_col.bar_youtube span { background: #ff0000; }
.bar_col.bar_joox span { background: #090504; }
.bar_col.bar_yandex span { background: #FF0000; }
.bar_col.bar_reso span { background: #FD0164; }
.bar_col.bar_amazon span { background: #F28008; }
.bar_col.bar_soundexchange span { background: #F69239; }
.bar_col.bar_tidal span { background: #100F0D; }
.bar_col.bar_moov span { background: #67C8B0; }
.bar_col.bar_zing span { background: #D30012; }
.bar_col.bar_qq span { background: #0DAF52; }
.bar_col.bar_line_taiwan span { background: #00B900; }
.bar_col.bar_line_japan span { background: #00B900; }
.bar_col.bar_line_um span { background: #000000; }
.bar_col.bar_soundcloud span { background: #F7700F; }
.bar_col.bar_jiosaavn span { background: #49B8A7; }
.bar_col.bar_jiosaavn span { background: #F28008; }

.bar_col.bar_itm span { background: #35293D; }
.bar_col.bar_dee span { background: #FF9900; }
.bar_col.bar_spo span { background: #2ebd59; }
.bar_col.bar_ang span { background: #DA3D94; }
.bar_col.bar_fbl span { background: #3B5998; }
.bar_col.bar_tkt span { background: #69C9D0; }
.bar_col.bar_pdx span { background: #02A0ED; }
.bar_col.bar_kkb span { background: #009FD6; }
.bar_col.bar_awm span { background: #1D1D1B; }
.bar_col.bar_yat span { background: #ff0000; }
.bar_col.bar_jox span { background: #090504; }
.bar_col.bar_yan span { background: #FF0000; }
.bar_col.bar_res span { background: #FD0164; }
.bar_col.bar_ama span { background: #F28008; }
.bar_col.bar_sdx span { background: #F69239; }
.bar_col.bar_asp span { background: #100F0D; }
.bar_col.bar_mov span { background: #67C8B0; }
.bar_col.bar_zin span { background: #D30012; }
.bar_col.bar_qq span { background: #0DAF52; }
.bar_col.bar_lmt span { background: #00B900; }
.bar_col.bar_lmj span { background: #00B900; }
.bar_col.bar_line_um span { background: #000000; }
.bar_col.bar_sco span { background: #F7700F; }
.bar_col.bar_saa span { background: #49B8A7; }
.bar_col.bar_uma span { background: #F28008; }
.bar_col.bar_bom span { background: #F28008; }
.bar_col.bar_iht span { background: #F28008; }
.bar_col.bar_qus span { background: #100F0D; }
.bar_col.bar_pel span { background: #100F0D; }
.bar_col.bar_syb span { background: #100F0D; }
/*국내플랫폼*/
.bar_col.bar_mel span { background: #00CD3C; }
.bar_col.bar_gen span { background: #0096FF; }
.bar_col.bar_flo span { background: #3F52FF; }
.bar_col.bar_vib span { background: #BF17A3; }
.bar_col.bar_bug span { background: #FF3C28; }




/*-----전송현황*/
.fwd_logo i { width: 84px; height: 20px; }

.circleloader { position: relative; border-radius: 16px; width: 60px; height: 16px; padding: 4px;background: #608eed; }
.circleloader:before { content: ""; position: absolute; border-radius: 16px; width: 10px; height: 10px; left: 4px; top: 3px; background: rgba(255,255,255,0.5); -webkit-animation: push 1s infinite linear; animation: push 1s infinite linear; }
.fwd_status_count li.suc.on .count_num { background-color: #3bbd5d; }
.fwd_status_count li.sche.on .count_num { background-color: #93b4c7; }
.fwd_status_count li.run.on .count_num { background-color: #608eed; }
.fwd_status_count li.fail.on .count_num { background-color: #fc8e0f; }


@-webkit-keyframes push {
	50% {
		left: 52px;
}
}

@keyframes push {
	50% {
		left: 52px;
	}
}

.fwd_status_count  { }


/*-----전송페이지*/
.p_album_fwd .pop_box { width: 1556px; height: 788px; }
.p_album_fwd .pop_box .pop_con { display: flex; }

/*---delivery_list*/
.delivery_left { width: 281px; margin-right: 16px; display: flex; flex-direction: column; }
.delivery_left .delivery_list { flex: 1; overflow: hidden; }
.delivery_left .delivery_list li.on { background: #EEF1F8; }
.delivery_left .delivery_list li.chkplatform { border-color: #60366d; }
.delivery_left .delivery_list li { cursor: pointer; width: calc( 100% - 12px); border: 1px solid #D9DEE5; border-radius: 8px; padding: 16px; margin-bottom: 8px; }
.delivery_left .delivery_list li:last-child { margin-bottom: 0; }
.delivery_left .ico_close { width: 16px; height: 16px; }
.delivery_left .ico_close::after, .delivery_left .ico_close::before { background: #000; }
.fwd_list_a { width: 100%; }
.delivery_left .delivery_list li:hover { background: #F4F5F8; }
.fwd_hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.fwd_hd .fwd_status_hd { background: #E1E4E9; color: #676F7D; padding: 4px 8px; font-weight: bold; border-radius: 4px; }
.fwd_hd .fwd_status_hd.takedown { background-color: #FFD9C5; color: #EB5B0D; }
.fwd_hd .fwd_status_hd.update { background-color: #FFDEDE; color: #FF4A4A; }

/*---delivery_music_video_list*/
.delivery_mv_left { width: 332px; margin-right: 16px; display: flex; flex-direction: column; }
.delivery_mv_left .delivery_list { flex: 1; overflow: hidden; }
.delivery_mv_left .delivery_list li.on { background: #EEF1F8; }
.delivery_mv_left .delivery_list li.chkplatform { border-color: #60366d; }
.delivery_mv_left .delivery_list li { cursor: pointer; width: calc( 100% - 12px); border: 1px solid #D9DEE5; border-radius: 8px; padding: 16px; margin-bottom: 8px; }
.delivery_mv_left .delivery_list li:last-child { margin-bottom: 0; }
.delivery_mv_left .ico_close { width: 16px; height: 16px; }
.delivery_mv_left .ico_close::after, .delivery_mv_left .ico_close::before { background: #000; }

.fwd_album_info { margin-bottom: 16px; display: flex; align-items: center; }
.fwd_album_info .fwd_img { overflow: hidden; background:#efefef; width: 66px; height: 66px; border-radius: 4px; margin-right: 12px;  }
.fwd_album_info .fwd_img img { width: 100%; height: 100%; object-fit: cover; }
.fwd_album_info .fwd_album_txt { margin-bottom: 2px; flex: 1; display: flex; flex-direction: column; }
.fwd_album_info .fwd_album_txt>* { width: 149px; display: block; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; }

.fwd_album_cont { display: flex; flex-direction: column; font-size: 12px; }



/*---delivery_platform*/
.delivery_right { flex: 1; display: flex; flex-direction: column; }
.delivery_platform { flex: 1; }
.delivery_platform ul { display: flex; align-items: center; }
.delivery_platform ul li {  position: relative; flex-direction: column; background:#F4F5F8; flex: 1; margin: 0 8px 8px 0; border-radius: 4px; padding: 24px 0 20px; display: flex; align-items: center; justify-content: center; max-width:162px;}
.delivery_platform ul li.select { background: #00F2C5; cursor: pointer;  }
.delivery_platform ul li.disabled { background: #FFEEEE; }
.delivery_platform ul li.disabled p { color: red; }
.delivery_platform ul li:last-child { margin-right: 0; }
.delivery_platform ul:last-child li { margin-bottom: 0; }


.delivery_platform .fwd_logo { margin-bottom: 8px; width: 84px; height: 20px; background-size: cover; }
.delivery_platform .chk { position: absolute; left: 10px ; top: 10px; }
.delivery_platform .chk .chk_img { border-radius: 50px; }
.delivery_platform li.select .chk input[type="checkbox"]:checked + label .chk_img { background-color: #fff; }
.delivery_platform li.select .chk input[type="checkbox"]:checked + label .chk_img::after { background-image: url(../images/ico_new/ico_chk_green.svg); }


/*-----앨범등록*/
.p_fwd_new .pop_box { width: 1556px; height: 788px; }
.p_fwd_new .pop_box .pop_con { display: flex; flex-direction: column; position: relative; }
.p_fwd_new .pop_box .pop_con>div { overflow: hidden; display: none; flex: 1; flex-direction: column; }
.p_fwd_new .pop_box .pop_con>div.on { display: flex; }
.fwd_new_title {font-size: 18px;font-weight: bold;margin-bottom: 24px;display: flex;align-items: center;}
.fwd_new_help { background: #fff; width: 20px; height: 20px; margin-left: 8px; border: 1px solid #D9DEE5; border-radius: 50px; display: flex; align-items: center; justify-content: center; }
.fwd_new_help::after {content: '?';display: inline;font-size: 12px;color: #848D98; font-family: Pretendard; }
.p_fwd_new input[type="email"], .p_fwd_new input[type="number"], .p_fwd_new input[type="text"], .p_fwd_new select, .p_fwd_new textarea { border: 1px solid #A8B0BC; height: 32px; border-radius: 4px; padding: 0 12px;  }
.p_fwd_new select { padding-right: 32px; }
.p_fwd_new textarea { padding: 12px; }
.p_fwd_new input:read-only { border-color: transparent; }

.p_fwd_new .pop_user_box { width: 856px; height: 788px; }
.p_fwd_new .pop_user_box .pop_con { display: flex; flex-direction: column; position: relative; }
.p_fwd_new .pop_user_box .pop_con>div { overflow: hidden; display: none; flex: 1; flex-direction: column; }
.p_fwd_new .pop_user_box .pop_con>div.on { display: flex; }
.pop.open .pop_user_box {animation: pop .2s ;  }
.pop .pop_user_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_user_box .pop_hd { padding-right: 16px; }
.pop .pop_user_box .pop_hd .ico_close { width: 20px; height: 20px; }
.pop .pop_user_box .pop_con { padding: 40px; overflow-y: auto; height: calc( 100% - 64px); }
.pop .pop_user_box { background: #fff; overflow: hidden; height: 81%; width: 560px;  }
.pop.open .pop_user_box {animation: pop .2s ;  }
.pop .pop_user_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_user_box .pop_hd { padding-right: 16px; }
.pop .pop_user_box .pop_hd .ico_close { width: 20px; height: 20px; }
.pop .pop_user_box .pop_con { padding: 40px; overflow-y: auto; height: calc( 100% - 64px); }

/*---업로드방식*/
.fwd_new_upload ul { display: flex; align-items: center; justify-content: center; }
.fwd_new_upload li a {border: 1px solid #D9DEE5;width: 342px;height: 329px;display: flex;align-items: center;flex-direction: column;justify-content: center; border-radius: 8px; margin-right: 40px; }
.fwd_new_upload li a:hover { background: #F4F5F8; }
.fwd_new_upload li a .fwd_new_img { background-image: url(../images/ico_new/fwd_new_direct.svg); width: 120px; height: 120px; margin-bottom: 48px; }
.fwd_new_upload li a strong {font-size: 18px;margin-bottom: 12px;}
.fwd_new_upload li a p { color: rgba(0,0,0,0.5); }
.fwd_new_upload li:last-child a {margin-right:  0;}
.fwd_new_upload .fwd_new_title { justify-content: center; margin: 40px 0 80px; font-size: 28px;  }
.fwd_new_upload li a .fwd_new_img.excel { background-image: url(../images/ico_new/fwd_new_excel.svg); }
.fwd_new_upload li a .fwd_new_img.apple { background-image: url(../images/ico_new/fwd_new_apple.svg); }

/*---플랫폼선택*/
.fwd_new_platform_list {width: 444px; }
.fwd_new_platform_list ul { margin-right: 28px; display: flex;flex-wrap: wrap;justify-content: space-between; }
.fwd_new_platform_list li .chk label {border: 1px solid #D9DEE5;padding-left: 12px;width: 152px;height: 52px;border-radius: 4px;display: flex; }
.fwd_new_platform_list li .chk label:hover { background: #F4F5F8; }
.fwd_new_platform_list li {display: flex;align-items: center;margin-bottom: 8px; }

.fwd_new_platform_list li .chk .chk_logo {height: 20px;width: 84px; }
.fwd_new_platform_list li .chk input[type="checkbox"]:checked + label { background: #00F2C5; border-color: #60366D;  }
.fwd_new_platform_list li .chk input[type="checkbox"]:checked + label .chk_img,
.fwd_new_platform_list li .chk .chk_img{ background: none; }
.fwd_new_platform_list li .chk input[type="checkbox"]:checked + label .chk_img::after { background-image: url(../images/ico_new/ico_chk_prmi.svg); }
.fwd_new_platform_location {width: 32px;height: 32px;border-radius: 50px;background: #F4F5F8;margin-left: 12px;display: flex;align-items: center;justify-content: center; }
.fwd_new_platform_location:hover { background-color: #e1e2e7; }
.fwd_new_platform_location::after {width: 16px;content: '';height: 16px;background: url(../images/ico_new/fwd_new_location.svg);display: inline-block; }
.fwd_new_platform_map { flex: 1; background: #efefef; }
/*
.fwd_new_platform_map .map { height:100%; }
.fwd_new_platform_map .map>div { width: 100%; height: 100%; }
.fwd_new_platform_map .map>div>div { height: 100% !important; width: 100% !important; }
*/

/*---오디오 업로드 리스트*/
.fwd_new_info_file { display: flex; align-items: center; }
.fwd_new_info_img { width: 48px; height: 48px; background-image: url(../images/ico_new/fwd_new_default.svg); margin-right: 16px; }

.fwd_new_info_txt strong { display: block; margin-bottom: 4px; font-size: 16px; }
.fwd_new_info_txt span { color: #4D5E65; }

.fwd_new_upload_list .ico_close::after, .fwd_new_upload_list .ico_close::before { background: #000; height: 2px; }

.p_fwd_new .ico_close { width: 16px; height: 16px; }

.fwd_new_upload_list  table td { padding: 16px 8px 16px 0; }


.fwd_new_upload_list .audio-player .toggle-play.pause:after,
.fwd_new_upload_list .audio-player .toggle-play.pause:before { background: red; height: 12px;  }
.fwd_new_upload_list .audio-player .toggle-play.pause:before { margin-right: 4px; }
.fwd_new_play_list { flex: 1;  }
.fwd_new_play_list .audio-player { background: none; color: #000; height: 32px; margin-top: 0; padding: 0; }
.fwd_new_play_list .audio-player .play-container { background: #fff; border: 1px solid #D9DEE5; height: 32px; margin-right: 16px; width: 32px; }

.fwd_new_play_list .audio-player .timeline {background: #D9DEE5;height: 8px;border-radius: 50px;overflow: hidden;}
.fwd_new_play_list .audio-player .timeline .progress {	background: #60366D;}
.fwd_new_play_list .audio-player .toggle-play.play {border-width: 6px;border-left: 10px solid #6A727E;}

.fwd_audio_list_form { display: flex; align-items: center; }
.fwd_audio_list_form input { margin-right: 16px; width: 130px; }

/*---앨범 정보 입력*/
.fwd_new_info_step {display: flex;flex-direction: column; margin-right: 32px; }
.fwd_new_info_step ul {display: flex;flex-direction: column;}
.fwd_new_info_step li::after {content: '';height: 35px;width: 1px;background: url(../images/ico_new/fwd_new_info_step_line.svg);display: block;margin: 0 auto;}
.fwd_new_info_step li:last-child::after {display: none;}
.fwd_new_info_step li a { cursor: default; color: #A8B0BC; padding-left: 16px; background: #F4F5F8; border-radius: 4px; border: 1px solid #D9DEE5;width: 160px;height: 52px;display: flex;align-items: center; }
.fwd_new_info_step li a::before {content: '';display: inline-block;background: url(../images/ico/ico_chk.svg);width: 10px;height: 9px;margin-right: 12px; background-size: cover; }
.fwd_new_info_step li a.active { cursor: pointer; color: #60366D; background: #60366D; border-color: #60366D; color: #fff; }
.fwd_new_info_step li a.active::before { background-image: url(../images/ico/ico_chk_wh.svg); }
.fwd_new_info_step li a.finish { color: #60366D; cursor: pointer; border-color: #60366D; background: #fff; }
.fwd_new_info_step li a.finish::before { background-image: url(../images/ico_new/ico_chk_prmi.svg); }

.fwd_new_info_con{ display:flex; flex-direction: column; overflow: hidden; overflow-y: auto; flex: 1;  background: #F4F5F8; padding: 24px; border-radius: 8px; }
.fwd_new_info_box { display: none; }
.fwd_new_info_box.on { display: flex; }
.fwd_new_form li { display: flex; margin-bottom: 12px;}
.fwd_new_form li:last-child { margin-bottom: 0; }
.fwd_new_form li>label { padding-top: 6px; width: 188px; display: flex; margin-right: 20px; }
.fwd_new_form li>label>span { padding-top: 1px; position: relative; flex: 1; text-align: right; font-weight: bold; }
.fwd_new_form li>label>span::after {content: '*';color: red;	display: inline-block;	position: absolute;	right: 0; top: -10px;}
.fwd_new_form li>label+div { display: flex; align-items: center; width: 240px;  }
.fwd_new_form li>label+div input, .fwd_new_form li>label+div select, .fwd_new_form li>label+div textarea { flex: 1; width: 100%; }

.fwd_new_form_report li { display: flex; margin-bottom: 12px;}
.fwd_new_form_report li:last-child { margin-bottom: 0; }
.fwd_new_form_report li>label { padding-top: 6px; width: 188px; display: flex; margin-right: 20px; }
.fwd_new_form_report li>label>span { padding-top: 1px; position: relative; flex: 1; text-align: right; font-weight: bold; }
.fwd_new_form_report li>label>span::after {content: '*';color: red;	display: inline-block;	position: absolute;	right: 0; top: -10px;}
.fwd_new_form_report li>label+div { display: flex; align-items: center;}
.fwd_new_form_report li>label+div input, .fwd_new_form_report li>label+div select, .fwd_new_form_report li>label+div textarea { flex: 1; width: 122px; }

.fwd_new_plus { position: relative; width: 20px;height: 20px;border-radius: 50px;background: #000;display: flex;align-items: center;justify-content: center;}
.fwd_new_plus::after, .fwd_new_plus::before {content: '';width: 12px;height: 2px;background: #fff;display: inline-block; font-weight: bold;border-radius: 50px; }
.fwd_new_plus::after {position: absolute;transform: rotate(90deg);}
.fwd_new_plus.mius::after { display: none; }

.fwd_new_form { flex: 1; }
.fwd_new_form li.no_ness>label>span::after { visibility: hidden; }

.fwd_new_form_report { flex: 1; }
/*.fwd_new_form_report li.no_ness>label>span::after { visibility: hidden; }*/
.fwd_new_form_report label.no_ness>span::after { visibility: hidden; }

.fwd_new_form_add { font-weight: bold; color: #60366D;display: flex;align-items: center;justify-content: end;margin-bottom: 16px;}
.fwd_new_form_add a::after { transition: .2s ease-in-out; content: '';display: inline-block;width: 7px;height: 6px;background: url(../images/ico_new/fwd_new_form_add.svg);margin-left: 8px;}
.fwd_new_form_add.open a::after { transform: rotate(180deg); }

.fwd_new_form>div { margin-bottom: 48px; display: flex; justify-content: space-between; }

.fwd_new_form_report>div { margin-bottom: 48px; display: flex; justify-content: space-between; }


/*---트랙 정보 입력*/
.track_list { height: 500px; width: 300px; display: flex; flex-direction: column; }
.track_list .tbl {border: 1px solid #D9DEE5;background: #fff; }
.track_list .tbl .tbl_body tr { cursor: pointer; }
.track_list .tbl .tbl_body tr.active { background: #00f2c5; }
.track_list .tbl .tbl_body tr:hover { background : #F4F5F8;}
.fwd_tbl_btn { margin-top: 8px; display: flex; align-items: center; }
.fwd_tbl_btn button, .fwd_tbl_btn select {height: 24px;background-color: #fff;border: 1px solid #A8B0BC;padding: 0 12px; border-radius: 2px; margin-right: 8px; }
.fwd_tbl_btn button:last-child { margin-right: 0; }
.fwd_tbl_btn select { padding-right: 32px; }

.track_platform { background: #fff; width: 300px; border: 1px solid #D9DEE5; padding: 16px;  }
.track_platform .fwd_new_platform_list { width: auto; height: 300px; }
.track_platform .fwd_new_platform_list ul { margin-right: 0; }
.track_platform .fwd_new_platform_list li { margin-right: 8px; width: calc( 50% - 4px ); }
.track_platform .fwd_new_platform_list li:nth-child(2n) { margin-right: 0; }
.track_platform .fwd_new_platform_list li .chk { width: 100%; }
.track_platform .fwd_new_platform_list li .chk label { width: 100%; }


.localization_con .tbl { height: 400px; background: #fff; border: 1px solid #D9DEE5; }
.localization_con .tbl table td, .localization_con .tbl table th { font-size: 12px; }


.fwd_submit_con .tbl { background: #fff; flex: 1; }
.submit_status {  display: flex; align-items: center; font-size: 24px; }
.submit_status i { margin-right: 8px; }
.ico_submit {position: relative; background: #00F2C5;border-radius: 50px;display: flex;align-items: center;justify-content: center;border: 1px solid #60366D;}
.ico_submit::after {content: '';display: inline-block;width: 9.5px;height: 8.4px;background: url(../images/ico_new/ico_chk_prmi.svg);background-size: cover;}
.submit_title p { margin-top: 12px; display: none; }
.submit_title.err p { color: red; }
.submit_title.err .ico_submit {background: red;transform: rotate(45deg);}
.submit_title.err .ico_submit::after, .submit_title.err .ico_submit::before {content: '';display: inline-block;width: 12px;height: 2px;background: #fff;}
.submit_title.err .ico_submit::after {position: absolute;transform: rotate(90deg);}
.submit_title.err p { display: block; }

.sch_mult { display: none; box-shadow: 0 0 8px #d8dadd; background : #fff; border : 1px solid #A8B0BC; border-radius : 4px; position : absolute; top : 0; width : 100%; z-index : 55; }
.sch_mult.open { display: block; }
.sch_mult_ipt {border-bottom : 1px solid #D9DEE5;margin : 12px 16px 12px;display: flex;align-items: center;}
.sch_mult_ipt input { border : none !important; border-radius : 0 !important; padding : 8px 0!important; }
.sch_mult_ipt::before { background : url(../images/ico/ico_sch.svg); background-size : cover; content : ''; display : inline-block; height : 12px; margin-right : 8px; width : 12px; }
.sch_mult ul  { height: 200px; overflow: hidden; overflow-y: auto; }
.sch_mult li a { position: relative; align-items : center; display : flex; padding : 8px 16px; width : 100%; }
.sch_mult li a:hover { background: #F4F5F8; }
.sch_mult li a.select::after { right: 16px; position: absolute; content: ''; display: inline-block; width: 9.5px; height: 9px; background-image: url(../images/ico_new/ico_chk_prmi.svg); background-size: cover; }
.sch_mult li { margin-bottom : 0; }
.sch_mult_cont { background : #efefef; border-radius : 50px; height : 20px; margin-right : 8px; width : 20px; }

.sch_mult_resut { flex-wrap: wrap; align-items : center; display : none; margin-top : 8px; width : 100%; }
.sch_mult_resut.on { display: flex; }
.sch_mult_resut li { background : #000; border-radius : 50px; color : #fff; margin-bottom : 8px !important; margin-right : 4px; padding : 8px 12px; }
.sch_mult_resut .ico_close::after, .sch_mult_resut .ico_close::before { height : 2px; width : 12px; }
.sch_mult_resut .ico_close { margin-left : 8px; }

.fwd_track_file { flex-direction: column; margin-left: 32px; }
.fwd_track_file_box {padding: 16px;border: 1px solid #bcbfc9;width: 100%;background: #d6d9e1;border-radius: 4px;display: flex;align-items: center; }

.fwd_track_file_btn { align-items: center; margin-top: 8px;display: flex;justify-content: end;}
.fwd_track_file_btn button {background: #000;padding: 4px 8px;color: #fff;border-radius: 2px;}

.fwd_track_file .audio-player{ width: 520px; margin-top: 0; padding: 0;height: auto;background: none;color: #000;}
.fwd_track_file .fwd_new_info_file { width: 100%; }
.fwd_track_file .audio-player .timeline { margin-right: 0; background: #8a8f9f; }
.fwd_track_file .audio-player .timeline .progress { background: #00f2c5; }
.fwd_track_file .audio-player .play-container { background: #8a8f9f; }

.fwd_new_uploading { display: flex; align-items: center; justify-content: center; position: absolute; right: 0; top: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.1); z-index: 555; }
.fwd_loading {padding: 40px;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);}
.fwd_loading_img {background: url(../images/loading/record_loading_ver.gif);width: 240px;height: 91px;background-size: cover; }
.fwd_loading_bar { margin-top: 16px; width: 100%; background: #d9dee5; ; position: relative; height: 12px; border-radius: 50px; overflow: hidden; }
.fwd_loading_bar span { transition: .2s ease-in-out; position: absolute; left: 0; top: 0; bottom: 0; width: 20%; background: #00f2c5; }
.fwd_new_uploading .fwd_loading { height: 195px; }

.fwd_excel_what {display: flex;align-items: center;flex-direction: column;justify-content: center;}
.fwd_excel_what a {background: #fff;padding: 20px;margin-bottom: 20px;display: flex;align-items: center;border-radius: 8px;}
.fwd_excel_what li:last-child a {margin-bottom: 0;}
.ico_excel_upload {width: 64px;height: 64px;background: url(../images/ico_new/ico_excel_album.svg);margin-right: 16px;border-radius: 4px;}
.ico_excel_upload.video { background-image: url(../images/ico_new/ico_excel_video.svg)}
.fwd_new_excel .fwd_new_title {font-size: 28px;margin: 40px 0 80px;justify-content: center;}
.fwd_new_excel .fwd_new_title2 {font-size: 18px;font-weight: bold;margin-bottom: 24px;display: flex;align-items: center;}
.fwd_new_excel .upload-box .upload-img { background: url(../images/ico_new/fwd_new_excel.svg); width: 62px; background-size: cover; }

.notice_title {width:1000px;height:5em;resize:none;}
.notice_content {width:1000px;height:20em;resize:none;}

/*-----artist*/
.update_img_val span { background : #c0c8db; border-radius : 50px; height : 16px; margin-top : 12px; position : relative; width : 16px; z-index : 1; }
.update_img_val li { align-items : center; display : flex; flex : 1; flex-direction : column; padding : 0 20px; position : relative; }
.update_img_val { display : flex; justify-content : center; }
.update_img_val li::after { background : #c0c8db; bottom : 7px; content : ''; display : inline-block; height : 1px; left : 50%; position : absolute; width : 100%; }
.update_img_val li:last-child::after { display : none; }
.update_img_val li.ing span { background : #00f2c5; border : 1px solid #60366d; z-index : 1; }
.update_img_val li p { background : #60366d; border-radius : 4px; color : #fff; font-size : 12px; padding : 4px 8px; position : relative; visibility : hidden; }
.update_img_val li.ing p, .update_img_val li.suc p { visibility : visible; }
.update_img_val li p::after { border-color : #60366d transparent transparent transparent; border-style : solid; border-width : 6px 6px 0 6px; bottom : -6px; content : ''; display : inline-block; left : 50%; margin-left : -6px; position : absolute; }

.update_img_val li.suc p::after { display:none; }
.update_img_val li.suc p {color: #616b81;font-weight: bold;background: transparent;}
.update_img_val li.suc span { background : #616b81; }
.update_img_val li.suc span::after { background-image : url(../images/ico/ico_chk_wh.svg); background-size : cover; content : ''; display : inline-block; height : 8px; left : 4px; position : absolute; top : 4px; width : 8px; }

.tbl_updateImages tr.active { background: #e3ecf1; }
.tbl_artistname tr.line { border-top: 1px solid #c6d1d7; }

.artist_id_list select { flex: inherit !important; width: 100px !important; }

/*편집모드*/
.artist_view input { background : none !important; border : none !important; }

/*view 모드*/
.artist_view select { background : #d0d7db; border-color : transparent; height : auto; margin-right : 0 !important; padding : 4px 8px; text-align : center; }
.artis_name_lang li span { background : #218eff; border-radius : 2px; color : #fff; font-size : 12px; margin-right : 4px; padding : 2px 4px; }
.artis_name_lang { display : flex; flex-direction : column; }
.artis_name_lang li { margin-bottom : 12px; }
.artis_name_lang li:last-child { margin-bottom : 0; }

/*.artist_view .fwd_new_plus {display: none;}*/


/*-----뮤직비디오*/
.val_chk_err input { border-color: red !important; }

.video_info li { display: flex;	align-items: center; margin-bottom: 12px;}
.video_info li span {margin-right: 12px; color: #9ca1af;}

.fwd_new_form .video_form li>label { width: 109px; }

/*디비오 업로드 로딩중*/
.loading_video_bar { display: flex; align-items: center; justify-content: center; height: 8px;width: 480px;	border-radius: 50px;	background: rgba(250,250,250,0.18);	margin: 0 20px;}
.loading_video {display: flex;align-items: center;}
.loading_video_txt {color: rgba(255,255,255,0.5);font-size: 15px;}
.loading_video_num li span { position: relative; z-index: 5; border-radius: 50px; color: rgba(255,255,255,0.3);width: 24px;height: 24px;background: rgba(255,255,255,0.2);display: flex;align-items: center;	justify-content: center;font-size: 14px; }
.loading_video_num li.on span { background: #00F2C5;color: #000;}
.loading_video_num li {	margin-left: 20px; position: relative; }
.loading_video_num li::after {
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px; transition: .2s ease-in-out;
	border-radius: 50px;
	position: absolute;
	top: -8px;
	left: -8px; transform: scale(0.8);
	z-index: 1; animation: .6s loading_num ease-in-out infinite alternate forwards; }
.loading_video_num li.on::after { background: rgba(0,242,197,0.3); }
@keyframes loading_num {
	form {  } to { transform: scale(1); }
}
.loading_video_num li:nth-child(1) { margin-left: 0; }

.loader { width: 250px; margin-left: 10rem; }
.loader span {animation : 3s loader ease-in-out infinite;background-color: rgb(0 242 197);border-radius : 100%;height : 8px;transform : translateX(-60px);width : 8px;}
.loader span:first-child { animation-delay : 0.5s; background-color : rgb(0 242 197  / 20%); }
.loader span:nth-child(2) { animation-delay : 0.4s; background-color : rgb(0 242 197  / 40%); }
.loader span:nth-child(3) { animation-delay : 0.3s; background-color : rgb(0 242 197  / 60%); }
.loader span:nth-child(4) { animation-delay : 0.2s; background-color : rgb(0 242 197  / 70%); }
.loader span:nth-child(5) { animation-delay : 0.1s; background-color : rgb(0 242 197  / 80%); }
.loader span:nth-child(6) { animation-delay : 0s; background-color : rgb(0 242 197 / 90%); }.loader--text { left : 0; margin : auto; position : absolute; right : 0; top : 200%; width : 4rem; }

@keyframes loader {
	15% {
		transform: translateX(-60px);
	}
	45% {
		transform: translateX(60px);
	}
	65% {
		transform: translateX(60px);
	}
	95% {
		transform: translateX(-60px);
	}
}

.loader_txt { color: rgba(255,255,255,.5); }

/*업로드 완료*/
.loading_video.suc .loading_video_bar {background: rgb(0,242,197);
	background: linear-gradient(97deg, rgba(0,242,197,1) 0%, rgba(172,28,243,1) 100%);}
.loading_video.suc .loader {display: none;}
.loading_video.suc .loader_txt {color: #00F2C5; }


/*-----revenue share 정산*/
.revenue_form_box>div {background: #fff;padding: 32px;margin-bottom: 12px;border-radius: 8px;justify-content: start;}
.revenue_form_box>div:last-child { margin-bottom: 0; }
.revenue_form_box li>label { width: 118px; }
.revenue_form_box>div ul {margin-right: 48px;}
.revenue_form_box li>label>span {
	text-align: left;
}
.contract_type {height: 32px;line-height: 32px;background: #dbf2ff;border-radius: 50px;padding: 0 16px;color: #00a1ff;font-weight: bold;}

/*-----뮤직비디오2 */

.excel_fail_div{
	width: calc( 100% - 12px);
	position: absolute;
	background-color: rgb(244 245 248 / 80%);
	border-radius: 8px;
	font-weight: bold;
	font-size: 16px;
	align-items: center;
	justify-content: center;
	display: flex;
	left: 0;
	right: 0;
	top: 50%;
	height: 56px;
	margin-top: -60px;
}

.excel_fail_div span {
	width: 100%;
	height: 100%;
	background: rgb(255 0 0 / 5%);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	color: red;
}
.skip_200{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-break: break-all !important;
    width: 200px !important;
    display: block !important;
}

#detail:focus{
    outline:none;
}

.search_pop{ display:none; }
.search_pop .content_div{ width:950px; }
.search_pop .tbl_thead{ width:98%; }
.search_pop .tbl_body{ overflow-y:auto; height:350px; }
.search_pop .pop_btn_area{ justify-content:right; margin-top:0px; }
.search_pop .processing{ width:100px; }
.search_pop .available{ width:100px; background:#00F2C5; }
.search_pop .bottom_btn{ float: right; }
.search_pop .bottom_btn .pop_btn_area{ justify-content:center; margin-top: 0px; }
.search_pop .bottom_btn{ padding: 0px 0px 20px 0px; }
.search_pop .new_request{ margin-left:100px; }
.search_new{ display:none; }
.search_new .content_div{  width:950px; height:350px !important; padding:40px 40px 40px 25px !important; }
.search_new .bottom_btn{ float: right; }
.search_new .bottom_btn .pop_btn_area{ justify-content:center; margin-top: 0px; }
.search_new .new_request{ margin-left:100px; }
.search_new .from_input button{ background: none; position: absolute; left: 235px; top: 7px; border-radius: 2px; padding: 0 8px; }
.search_new .from_input button img{ width:16px; }
.search_new .to_input button{ background: none; position: absolute; left: 395px; top: 7px; border-radius: 2px; padding: 0 8px;}
.search_new .ipt_date{ display:flex; margin-bottom:20px; align-items:center; }
.search_new .ipt_date div{ border:1px solid #56606e; border-radius:50px; height:32px; width:250px; }
.search_new .reportrange_span{ margin-top:2px; }
.search_new .ipt_date .comment_span{ width:200px !important; }
.search_new .content_div .sch_fil{ margin-bottom:20px; }
.search_new .content_div .sch_fil .justi_between{ margin-bottom:0px; }
.search_new .ipt_date .sch_fil_tt{ width:120px; margin-right:35px;}
.search_new .to_input button img{ width:16px; }
.search_new .search_input{ height:32px; border-radius:50px; border:1px solid #56606e; }
.search_new .sch_result{ display:flex; margin-left:40px; }
.search_new .bottom_btn{ padding: 0px 0px 20px 0px; }

.daterangepicker{ width:713px; }
.daterangepicker li{ display:block; }
.daterangepicker td{ padding:0px 0px 0px 0px !important; width:10px !important; }
.daterangepicker .drp-calendar{ max-width:max-content !important; }

.sch_notice p{text-align:left;margin-left:40px;}

.map_sel{height: 32px; border-radius: 50px; border: 1px solid #56606e; }

.green-circle {width: 20px;height: 20px;background-color: #64BA68;border-radius: 50%;position: relative;display: flex;align-items: center;justify-content: center;}
.check-icon{width:12px;height:7px;border:2px solid #FFFFFF;margin-bottom:4px;}
.check-icon--apply-rotate{border:2px solid #FFFFFF;border-top:0;border-right:0;transform:rotate(-45deg);}
.red-circle{width: 45px;height: 20px;background-color: #D80303;border-radius: 20px;position: relative;display: flex;align-items: center;justify-content: center; cursor:pointer;}
.close {display:inline-block;display:inline;margin-bottom:4px}
.close:after {display: inline-block;content: "\00d7"; font-size:26px;color:#FFFFFF;}

.red-border-circle{width: 25px;height: 25px;border: 2px solid #D80303; border-radius: 50%;position: relative;display: flex;align-items: center;justify-content: center; cursor:pointer;margin-left:5px;}
.red-border-circle::before {color:#D80303; content: "-";position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);font-size: 26px;}
.green-border-circle{width: 25px;height: 25px;border: 2px solid #64BA68; border-radius: 50%;position: relative;display: flex;align-items: center;justify-content: center; cursor:pointer;margin-left:5px;}
.green-border-circle::before {color:#64BA68; content: "+";position: absolute;top: 40%;left: 51%;transform: translate(-50%, -50%);font-size: 26px;}
.tdFlex{display:flex;padding-top: 24px;}

.advanced_row{font-weight: normal !important;font-size: 14px !important;font-family: 'Pretendard', 'sans-serif' !important;color: black !important;}

.chart_count_num{ border-radius: 50px; background: #00f2c5; color:#60366d; display: flex; align-items: center; justify-content: center; height: 24px; padding: 0 12px; margin-left: 8px; }

/*자막 생성 css 추가*/
.fwd_new_form .row li { flex-direction: column;}
.fwd_new_form .videoformat>li {  flex-direction: column; border-right: 1px solid #d9dee5; margin-right: 20px;}
.fwd_new_form .videoformat>li>label { margin-bottom: 16px;}
.fwd_new_form .videoformat>li>label>span { text-align: left;}
.fwd_new_form .videoformat>li .chk { margin-bottom: 12px;}
.videoformat { margin-left: 52px; display: flex;}
.fwd_new_form .videoformat>li:last-child { border: none;}


.menu .bugs_logo { padding-left: 20px; display: flex; align-content: center; justify-content: center; }
.menu .bugs_logo a { margin-bottom: 47px; width: 140px; height: 42px; background: url(../images/logo/logo_bugs.svg); background-size: cover; }

.widthNinety {width:90% !important;}

.video_short_logo { height: 35px; width: 35px; }
.video_short_logo.logo_yat_s { background-position: 6px; }

.traffic_detail_keyword { width:150px;text-align:left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }

.tbl_playlist .traffic_detail_keyword { width:500px !important; }

.traffic_type_link:hover >* { text-decoration: underline; }

.cus_scrollbar{overflow-y:auto; overflow-y: scroll;padding-right: 10px;}
.cus_scrollbar::-webkit-scrollbar{width: 10px}
.cus_scrollbar::-webkit-scrollbar-thumb{background: rgba(201, 208, 218); /* 스크롤바 색상 */border-radius: 10px; /* 스크롤바 둥근 테두리 */}
.cus_scrollbar::-webkit-scrollbar-track{background: rgba(201, 208, 218, .1);  /*스크롤바 뒷 배경 색상*/}

.filter_pop_box {width:1500px !important;height:800px !important;}
.filter_ipt {display:flex;margin-bottom:30px;}
.filter_ipt_p {margin-left:87px !important;margin-right:67px !important;align-content:center;}
.filter_list_cnt {margin-top:0px;margin-right:20px;background: black;height: 40px;justify-content: center !important;align-items: center !important;border-radius: 12px;}
.filter_list_cnt .ico_copy {margin-top: 2px;margin-right: 10px;}
.filter_list_cnt p {color:white;}

.logo_asset { height: 35px; width: 35px; }