@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* clear css */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* .clearfix {
  *zoom: 1;
} */

* {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

div {
  display: block;
}

a {
  text-decoration: none;
  color: #8e8e8e;
}

ul {
  list-style: none;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
/*main artist name traslate*/
#translateBtn1 {
  margin-left: 5px; /* 왼쪽에 10px 마진을 추가합니다 */
  margin-top:auto;   /* 위쪽에 5px 마진을 추가하여 아래로 이동합니다 */
  display: inline-block; /* 버튼을 인라인 블록으로 설정하여 위치 조정 가능 */
  
}

#translateBtn2 {
  margin-left: 5px; /* 왼쪽에 10px 마진을 추가합니다 */
  margin-top:auto;   /* 위쪽에 5px 마진을 추가하여 아래로 이동합니다 */
  display: inline-block; /* 버튼을 인라인 블록으로 설정하여 위치 조정 가능 */
  
}
input,
textarea {
  font-family: "Nanum Gothic", Arial, Dotum, Gulim, sans-serif;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05),
    0 1px 0 rgba(255, 255, 255, 0.075);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05),
    0 1px 0 rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05),
    0 1px 0 rgba(255, 255, 255, 0.075);
  -webkit-transition: 0.2s linear background;
  -moz-transition: 0.2s linear background;
  transition: 0.2s linear background;
  margin: 0;
  outline: 0;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
}

input[type="radio"] {
  border: none !important;
}

/* IE Radio button border none */
/*.placeholder { color: #999999 !important; width: 100% !important; } /* Placholder 가로길이 최대 적용 */
span.red {
  color: red;
}

/* 필수항목 별(*) 표시 강조 */
.btntip {
  display: inline-block;
}

/* 툴팁 fix */
.sosumi {
  font-size: 11px;
  color: #888;
  width: 240px;
}

.sosumi a {
  color: #797777;
}

.sosumi a:hover {
  text-decoration: underline;
}

input:disabled {
  background-color: #ddd !important;
}

.active {
  background-position: bottom !important;
}

.ui-datepicker {
  z-index: 9999 !important;
}

/*.uppercase { text-transform: capitalize; }*/

/* jQuery Validation Plugin */
label {
  display: block;
  color: red;
}

label.error {
  display: none;
}

#form_login {
  width: 306px;
  height: 140px;
  display: inline-block;
}

#form_login label,
#form_signup label,
#form_music label {
  display: block;
  color: red;
  font-size: 12px;
}

#form_music label {
  display: none !important;
}

#form_music .cover label {
  display: block !important;
}



#form_myinfo label {
  display: inline-block;
  color: red;
}

#form_myinfo label.text {
  color: black !important;
  margin-right: 10px;
}

#form_album label {
  display: block;
  color: red;
  font-size: 12px;
}

#form_login input.error,
#form_signup input.error,
#form_myinfo input.error,
#form_album input.error {
  border: 1px solid red !important;
}

#form_music input[type="text"].error {
  border: 1px solid red !important;
}

/* body */
body {
  font-family: "Nanum Gothic", Arial, Dotum, Gulim, sans-serif;
  font-size: 11px;
  background: url("../images/bg/background.png") !important;
  background-repeat: repeat;
}

/* header and navigation */
#header {
  width: 100%;
  min-width: 1237px;
  height: 67px;
  background-color: white;
}

#headerContainer {
  width: 998px;
  margin: 0 auto;
  position: relative;
}

.logo {
  display: inline-block;
  width: 304px;
  height: 38px;
  margin: 12px 0;
  background: url("../images/icon/logo.png") no-repeat;
  float: left;
}

.nav {
  position: absolute;
  top: 30px;
  right: 0;
}

.nav li {
  float: left;
  display: inline-block;
}

.nav li .menu {
  padding: 0 6px;
}

.nav li .link {
  padding: 0 2px;
  display: inline-block;
}

.nav li img {
  position: relative;
}

/* 130403 index start */
#indexDoc {
  background-color: #191919 !important;
  height: 100%;
}

#indexContent {
  width: 1237px;
  height: 636px;
  min-height: 636px;
  margin: 0 auto;
}

#indexCover {
  width: 100%;
  height: 305px;
  background: url("../images/bg/blackLabel.png") repeat-x;
  position: absolute;
  top: 179px;
  text-align: center;
  margin: 0;
  left: 0;
}

#indexBox {
  width: 956px;
  height: 385px;
  margin: 0 auto;
  position: relative;
  top: 85px;
}

#indexBoxL {
  float: left;
  position: relative;
  z-index: 1;
  left: 20px;
  width: 550px;
  height: 253px;
  background: url("../images/text/coverText.png") no-repeat;
  top: 25px;
}

#indexBoxR {
  float: right;
  width: 306px;
}

/* login box */
#loginBox {
  width: 306px;
  height: 140px;
  background: url("../images/bg/login-bg.png") no-repeat;
  position: relative;
  z-index: 1;
}

#loginBox ul {
  width: 240px;
  margin: 0 auto;
  padding-top: 25px;
}

#loginBox li {
  margin-bottom: 5px;
  display: inline-block;
  float: left;
}

#loginBox input[type="text"] {
  width: 230px;
  background: white;
  border: 1px solid #bbbbbb;
  -webkit-box-shadow: inset 0 1px 0 #eee, white 0 1px 0;
  -moz-box-shadow: inset 0 1px 0 #eee, #fff 0 1px 0;
  box-shadow: inset 0 1px 0 #eee, white 0 1px 0;
  font-size: 12px;
  color: #333;
  padding: 5px 5px;
  line-height: 12px;
}

#loginBox input[type="password"] {
  width: 160px;
  background: white;
  border: 1px solid #bbbbbb;
  font-size: 12px;
  color: #333;
  padding: 5px 5px;
}

.fix {
  width: 160px;
}

.loginBtn {
  position: absolute;
  right: 32px;
  bottom: 56px;
  width: 63px;
  height: 25px;
  display: inline-block;
}

.loginBtn button {
  width: 63px;
  height: 25px;
  background: url("../images/icon/login-btn.png") no-repeat;
}

.underbox {
  color: #999999;
  font-size: 11px;
  position: relative;
  top: 17px;
  margin: 0 !important;
  display: block !important;
  width: 240px;
}

.underbox span a {
  padding-left: 30px;
  color: #999999;
}

/* signup box */
#signupBox {
  width: 306px;
  height: 246px;
  background: url("../images/bg/signup-bg.png") no-repeat;
  position: relative;
  z-index: 1;
}

#signupBox ul {
  width: 240px;
  margin: 0 auto;
  padding-top: 125px;
}

#signupBox li {
  margin-bottom: 5px;
  display: inline-block;
}

#signupBox input[type="text"] {
  width: 230px;
  background: white;
  border: 1px solid #bbbbbb;
  -webkit-box-shadow: inset 0 1px 0 #eee, white 0 1px 0;
  -moz-box-shadow: inset 0 1px 0 #eee, #fff 0 1px 0;
  box-shadow: inset 0 1px 0 #eee, white 0 1px 0;
  font-size: 12px;
  color: #333;
  padding: 5px 5px;
}

#signupBox input[type="email"] {
  width: 230px;
  background: white;
  border: 1px solid #bbbbbb;
  -webkit-box-shadow: inset 0 1px 0 #eee, white 0 1px 0;
  -moz-box-shadow: inset 0 1px 0 #eee, #fff 0 1px 0;
  box-shadow: inset 0 1px 0 #eee, white 0 1px 0;
  font-size: 12px;
  color: #333;
  padding: 5px 5px;
}

#signupBox input[type="password"] {
  width: 160px;
  background: white;
  border: 1px solid #bbbbbb;
  font-size: 12px;
  color: #333;
  padding: 5px 5px;
}

.signupBtn {
  position: absolute;
  right: 32px;
  bottom: 25px;
  width: 63px;
  height: 26px;
  margin-bottom: 5px;
}

.signupBtn button {
  width: 63px;
  height: 26px;
  background: url("../images/icon/signup-btn.png") no-repeat;
}

/* index slider layer */
#sliderBox {
  width: 100%;
  margin: 0 auto;
  position: relative;
  bottom: -160px;
}

#main .tooltip,
#manage .tooltip {
  display: none;
  background: transparent url("../images/bg/tooltipArrow.png") 0px;
  font-size: 12px;
  height: 160px;
  width: 330px;
  color: #000;
  z-index: 9999;
  background-repeat: no-repeat;
}

.albumCover {
  float: left;
  padding: 6px 8px;
}

.albumCover img {
  width: 140px;
  height: 140px;
}

.albumInfo {
  float: left;
  padding: 6px 0px;
  width: 154px;
}

.albumInfoBox {
  border-bottom: 1px solid #aaa;
  padding-bottom: 5px;
  overflow: hidden;
}

.albumInfo h4 {
  font-size: 14px;
  width: 160px;
  height: 15px;
  margin: 5px 0;
  overflow: hidden;
  font-family: "Nanum Gothic", Arial, Dotum, Gulim, sans-serif;
}

.albumInfo h3 {
  font-weight: normal;
  font-size: 11px !important;
  margin: 3px;
  width: 160px;
  height: 13px;
  color: #757272;
  overflow: hidden;
}

.albumInfo ul {
  margin-bottom: 5px;
}

.albumInfo ul li {
  padding-top: 5px;
  padding-left: 5px;
  font-size: 11px;
  color: #888;
}

.albumIcon li {
  float: left;
}

.albumIcon img {
  padding: 0px;
  width: 20px !important;
  height: 20px !important;
}

/* index Applemusic */
#indexApplemusic {
  margin: 0 auto;
  min-height: 100%;
  width: 100%;
  clear: both;
  min-width: 1237px;
}

#indexAppleLabel {
  background-color: #151111;
  min-width: 1237px;
  text-align: center;
  padding: 0px 0;
  margin: 0 auto;
  color: #838383;
}

/* index footer */
#indexFooter {
  margin: 0 auto;
  min-height: 100%;
  width: 100%;
  clear: both;
  min-width: 1237px;
}

#indexLabel {
  background-color: white;
  text-align: center;
  width: 100%;
  clear: both;
  padding: 0px 0;
}

#indexCopyright {
  background-color: black;
  min-width: 1237px;
  text-align: center;
  padding: 0px 0;
  margin: 0 auto;
  color: #838383;
}

#indexCopyright p {
  padding-bottom: 0px;
  line-height: 26px;
  font-size: 12px;
}

/* 130403 index end */

/* sub page */
#subContainer {
  clear: both;
  width: 1015px;
  margin: 0 auto;
  padding: 45px 0;
}

#subFooter {
  text-align: center;
  color: #838383;
  padding-bottom: 45px;
}

/* main page */
#page-outer {
  float: left;
  clear: both;
  width: 100%;
  background-image: url("../images/bg/shadow.png");
  background-repeat: repeat-x;
  background-position: top;
}

.chart-side {
  width: 1280px !important;
}

#page-container {
  clear: both;
  min-height: 100%;
  width: 999px;
  margin: 0 auto;
}

#page-wrap {
  width: 1280px;
  margin: 0 auto;
}

.bx {
  width: 640px;
  height: 200px;
  overflow-y: scroll;
  border: 1px solid #d1d1d1;
  background-color: white;
  padding: 10px 20px;
  font-size: 12px;
  font-family: "Nanum Gothic", Arial, Dotum, Gulim, sans-serif;
  line-height: 16px;
  text-align: justify;
}

/* main footer */
#footer {
  float: left;
  text-align: center;
  color: #838383;
  margin: 30px 0;
  width: 100%;
}

#footer p {
  padding-bottom: 15px;
  font-size: 11px;
  text-align: center;
}

/* box top (counter, profile) */
#box-top {
  height: 40px;
  width: 999px;
  margin: 0 auto;
}

.signout {
  float: right;
  height: 40px;
}

.signout li {
  float: left;
}

.signout .username {
  padding: 13px 5px;
}

.signout .profile {
  width: 20px;
  height: 20px;
  padding: 10px 5px;
}

.signout .signout {
  width: 69px;
  height: 26px;
  padding: 7px 0;
}

#display {
  display: inline;
  float: left;
  background: url("../images/text/count.png");
  background-repeat: no-repeat;
  height: 23px;
  width: 394px;
  margin-top: 9px;
}

#display span {
  font-size: 20px;
  font-weight: bold;
  color: #ed128c;
  font-family: "Arial", Dotum, Gulim, sans-serif;
  letter-spacing: 10px;
  padding-left: 104px;
}

#box {
  width: 999px;
  float: left;
  border-top: solid 5px #ed128c;
}

.box-chart {
  width: 1279px !important;
}

/*#box { width: 999px; margin: 0 auto; border-top: solid 5px #ed128c; }*/

/* sidebar */
#sidebar {
  float: left;
  width: 216px;
}

/* #sidebar ul li {
  background: url("../images/sidebar-border.png");
  background-repeat: repeat-x;
} */

#sidebar li a {
  display: block;
  height: 35px;
  display: flex;
  margin-left: 30px;
  font-size: 15px;
  font-weight: bold;
  color: #ccc;
  justify-content: center;
  flex-direction: column;
}

/* sidebar menu */
#sidebar .menu0 {
  background-image: url("../images/sidebar/sidebartop.png");
  background-repeat: no-repeat;
  height: 50px;
}

#sidebar .menu {
  background-image: url("../images/sidebar/sidebar.png");
  background-repeat: no-repeat;
  background-position: top;
}

#sidebar .sub-menu.off {
  background-image: url("../images/sidebar/sidebar.png");
  background-position: top;
}

#sidebar .sub-menu {
  background-image: url("../images/sidebar/sidebar0.png");
  background-repeat: no-repeat;
  background-position: 0 -55px;
  padding-left: 20px;
  height: 35px;
}

#sidebar .menu.on {
  background-position: 0 -55px !important;
}

#sidebar li.menu:hover {
  /* background-position: bottom !important; */
  background-position: 0 -55px !important;
}
#sidebar li.sub-menu:hover {
  /* background-position: bottom !important; */
  background-position: 0 -55px !important;
}

#service-top {
  background-image: url("../images/bg/service-top-bg.png");
  background-repeat: no-repeat;
  width: 781px;
  height: 137px;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

#service-text {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

#service-text img {
  padding-top: 50px;
}

/* service sidebar menu */
#sidebar .service1 {
  background-image: url("../images/services/menu1.png");
  background-repeat: no-repeat;
  height: 50px;
}

#sidebar .service2 {
  background-image: url("../images/services/menu2.png");
  background-repeat: no-repeat;
  height: 50px;
}

#sidebar .service3 {
  background-image: url("../images/services/menu3.png");
  background-repeat: no-repeat;
  height: 50px;
}

#sidebar .service4 {
  background-image: url("../images/services/menu4.png");
  background-repeat: no-repeat;
  height: 50px;
}

#sidebar .service5 {
  background-image: url("../images/services/menu5.png");
  background-repeat: no-repeat;
  height: 50px;
}

#sidebar .service6 {
  background-image: url("../images/services/menu6.png");
  background-repeat: no-repeat;
  height: 50px;
}

#sidebar .contact {
  background-image: url("../images/sidebar/contact.png");
  background-repeat: no-repeat;
  height: 50px;
}

#sidebar .faqmenu {
  background-image: url("../images/sidebar/faq.png");
  background-repeat: no-repeat;
  height: 50px;
}

#inbox-outer {
  float: left;
  width: 781px;
}

#inbox {
  float: left;
  width: 781px;
  background-color: #ebebeb;
  border: 1px solid #cbcbcb;
}

#inbox-top {
  height: 50px;
  background-image: url("../images/bg/topbar.png");
  background-repeat: repeat-x;
}

#inbox-top h2 {
  text-align: center;
  line-height: 50px;
  font-family: "Nanum Gothic", Arial, Dotum, Gulim, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #595959;
}

#inbox-top img {
  padding-left: 15px;
  padding-top: 15px;
}

#inbox-top-nav {
  padding-top: 5px;
  width: 440px;
  margin: 0 auto;
}

#inbox-top-nav ul li {
  float: left;
  height: 35px;
  margin: 0 30px;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
}

#inbox-top-nav a {
  width: 79px;
  display: block;
}

#inbox-top-nav .sellabout {
  width: 79px;
  height: 35px;
  background: url("../images/text/sellabout.png");
}

#inbox-top-nav .sellprofit {
  width: 79px;
  height: 35px;
  background: url("../images/text/sellprofit.png");
}

#inbox-top-nav .selllist {
  width: 79px;
  height: 35px;
  background: url("../images/text/selllist.png");
}

#inbox-top-nav .on {
  background-position: bottom;
}

#admin-nav {
  padding-top: 5px;
}

#admin-nav ul {
  width: 999px;
  margin: 0 auto;
}

#admin-nav ul li {
  float: left;
  width: 199px;
  height: 35px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

#admin-nav a {
  display: block;
  width: 109px;
  height: 35px;
  line-height: 35px;
  margin: 0 auto;
}

#admin-nav a:hover {
  color: #000;
}

#admin-nav .on {
  background: url("../images/bg/admin-nav-on.png");
  width: 109px;
  height: 35px;
  color: #000;
}

#sellbox-fix {
  width: 660px;
  height: 167px;
  margin: 0 auto;
  padding: 30px;
}

.sellbox {
  width: 197px;
  height: 167px;
  background: url("../images/bg/sell-top-bg.png") no-repeat;
  float: left;
  margin-right: 20px;
}

#sell-text {
  width: 197px;
  height: 26px;
  text-align: center;
  padding-bottom: 15px;
}

#sellbox-count-fix {
  height: 100px;
  padding: 35px 0;
}

#sell-count {
  background: url("../images/bg/sell-top-count-bg.png") no-repeat;
  width: 134px;
  height: 60px;
  text-align: center;
  margin: 0 auto;
}

#sell-count span {
  font-size: 18px;
  font-weight: bold;
  color: #ed128c;
  line-height: 60px;
}

.selltool {
  display: inline;
}

#sellbox-graph {
  height: 100%;
}

#chart-msg p {
  text-align: center;
  font-size: 14px;
  position: relative;
  top: 140px;
  color: #777;
}

#graph-bg {
  width: 648px;
  height: 291px;
  background: url("../images/bg/graph-bg.png") no-repeat;
  margin: 0 auto;
  margin-bottom: 10px;
}

#sellbox-table-bg {
  width: 658px;
  height: 556px;
  margin: 0 auto;
  background: url("../images/bg/table-bg.png") no-repeat;
  margin-top: 20px;
  margin-bottom: 20px;
}

#graph-button {
  width: 648px;
  height: 25px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 5px;
}

#graph-button ul {
  float: right;
}

#graph-button ul li {
  float: left;
  padding-left: 5px;
}

#inbox-nav {
  position: relative;
  top: -20px;
  margin: 0 auto;
  width: 383px;
  height: 43px;
  background-image: url("../images/bg/box-nav.png");
  background-repeat: no-repeat;
}

#inbox-nav ul {
  width: 340px;
  margin: 0 auto;
}

#inbox-nav li {
  float: left;
  position: relative;
  top: 10px;
  height: 20px;
  font-size: 13px;
  padding: 0 15px;
  border-right: 1px solid #f599cc;
  color: #8e8e8e;
}

#inbox-nav .non-border {
  border: none;
}

#inbox-nav img {
  vertical-align: middle;
}

#ticket-inbox-nav {
  position: relative;
  top: -20px;
  margin: 0 auto;
  width: 289px;
  height: 43px;
  background-image: url("../images/bg/box-nav2.png");
  background-repeat: no-repeat;
}

#ticket-inbox-nav ul {
  width: 242px;
  margin: 0 auto;
}

#ticket-inbox-nav li {
  float: left;
  position: relative;
  top: 10px;
  height: 20px;
  font-size: 13px;
  padding: 0 15px;
  border-right: 1px solid #f599cc;
  color: #8e8e8e;
}

#ticket-inbox-nav .non-border {
  border: none;
}

#ticket-inbox-nav img {
  vertical-align: middle;
}

#infobox {
  width: 504px;
  height: 147px;
  background: url("../images/bg/infobox-bg.png") no-repeat;
  margin: 20px auto;
}

#infobox-fix {
  width: 320px;
  height: 123px;
  margin: 0 auto;
  padding: 12px 0px;
}

.infobox-count-fix {
  width: 320px;
  height: 64px;
  margin: 0 auto;
}

.infobox-count {
  width: 102px;
  height: 64px;
  background: url("../images/bg/count-bg.png") no-repeat;
  float: left;
  text-align: center;
}

.infobox-count span {
  font-size: 29px;
  font-weight: bold;
  line-height: 58px;
  color: #ed128c;
}

#info-text {
  width: 210px;
  height: 21px;
  float: left;
  position: relative;
  top: 34%;
}

#inbox-fix {
  width: 750px;
  margin: 0 auto;
  margin-top: -30px;
  /* display: flex;
  justify-content: center;
  align-items: center; */
}

#inbox-topBorder {
  width: 750px;
  height: 21px;
  background: url("../images/bg/box-top-border.png") no-repeat;
  background-size: cover;
}

#inbox-content {
  width: 728px;
  background-color: #f6f4f4;
  border-left: 1px solid #c7c7c7;
  border-right: 1px solid #d9bebe;
  padding: 10px 10px;
}
#terms-inbox-content {
  width: 688px;
  background-color: #f6f4f4;
  border-left: 1px solid #c7c7c7;
  border-right: 1px solid #d9bebe;
  padding: 10px 30px;
}

#album-inbox-content {
  width: 728px;
  background-color: #f6f4f4;
  border-left: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  padding: 10px 10px;
}

#inbox-content form table {
  margin-left: 50px;
}

#terms-inbox-content form table {
  margin-left: 50px;
}

#album-inbox-content form table {
  margin-left: 50px;
}

#inbox-content p {
  padding: 10px 0;
}
#terms-inbox-content p {
  padding: 10px 0;
}
#inbox-content p.agree {
  height: 19px;
  padding: 10px 0;
  line-height: 19px;
}
#terms-inbox-content p.agree {
  height: 19px;
  padding: 10px 0;
  line-height: 19px;
}

#inbox-content p.agree span {
  padding-left: 5px;
  line-height: 19px;
}
#terms-inbox-content p.agree span {
  padding-left: 5px;
  line-height: 19px;
}
#inbox-content textarea {
  font-size: 12px;
  color:white;
  line-height: 18px;
}

#album-inbox-content textarea {
  font-size: 12px;
  color:black;
  line-height: 18px;
}

#inbox-bottomBorder {
  width: 750px;
  height: 19px;
  background: url("../images/bg/box-bottom-border.png") no-repeat;
  background-size: contain;
  padding-bottom: 10px;
}

#inbox-button-text {
  margin-top: 10px;
  margin-left: 45px;
  float: left;
  line-height: 35px;
}

#inbox-button-fix {
  float: right;
  margin-top: 10px;
  margin-right: 46px;
  margin-bottom: 10px;
}

.prev-button {
  width: 76px;
  height: 34px;
  background-image: url("../images/icon/prev-btn.png");
  background-repeat: no-repeat;
}

.next-button {
  width: 76px;
  height: 34px;
  background-image: url("../images/icon/next-btn.png");
  background-repeat: no-repeat;
}

.btn-empty {
  width: 76px;
  height: 34px;
  background-image: url("../images/icon/btn-empty.png");
  background-repeat: no-repeat;
}

#myinfobox {
  width: 500px;
  margin: 0 auto;
  margin-top: 40px;
}

#myinfo-topBorder {
  width: 500px;
  height: 47px;
  background: url("../images/bg/myinfo-topBorder-bg.png") no-repeat;
}

#myinfo-topBorder h3 {
  text-align: center;
  padding-top: 17px;
  font-size: 12px;
  color: #ed128c;
  font-weight: normal;
}

#myinfo-bottomBorder {
  width: 500px;
  height: 8px;
  background: url("../images/bg/myinfo-bottomBorder-bg.png") no-repeat;
  margin-bottom: 16px;
}

#myinfo-content {
  width: 498px;
  background-color: #ebebeb;
  border-left: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  padding-bottom: 20px;
}

.myinfo-form {
  font-size: 13px;
  width: 370px;
  margin: 0 auto;
  padding-top: 25px;
}

.myinfo-form tr {
  height: 40px;
  text-align: left;
}

.myinfo-form th {
  width: 130px;
  font-size: 13px;
  color: #595959;
  text-align: right;
  padding-right: 10px;
}

.myinfo-form td input[type="password"] {
  width: 250px;
  height: 25px;
  border: #cbc6c6 1px solid;
  font-size: 13px;
  background: white;
  float: left;
  padding: 1px 0px 1px 7px;
}

.myinfo-form td input [type="checkbox"] {
  width: 100px;
}

.myinfo-form td input[type="text"] {
  width: 250px;
  height: 25px;
  border: #cbc6c6 1px solid;
  font-size: 13px;
  background: white;
  padding: 1px 0px 1px 7px;
}

.short {
  width: 170px !important;
  float: left;
}

.myinfo-form ul li {
  height: 0px;
}

.myinfo-form ul li img {
  margin-top: -1px;
  margin-left: 6px;
}

.myinfo-fix {
  width: 175px;
  margin: 0 auto;
  margin-top: 20px;
}

.save-btn {
  width: 85px;
  height: 35px;
  background-image: url("../images/icon/save-btn.png");
  background-repeat: no-repeat;
  text-align: center;
  padding: 10px;
}

.out-btn {
  width: 85px;
  height: 35px;
  background-image: url("../images/icon/out-btn.png");
  background-repeat: no-repeat;
  text-align: center;
  padding: 10px;
}

/*pay box */
#pay-box {
  margin-left: 50px;
  width: 650px;
  height: 547px;
  background: url("../images/bg/paybox-bg.png") no-repeat;
}

#pay-box-done {
  width: 652px;
  height: 550px;
  background: url("../images/bg/done.png") no-repeat;
}

#pay-box-fix {
  width: 655px;
  height: 547px;
  padding-top: 56px;
}

#pay-box-info {
  width: 245px;
  height: 410px;
  float: left;
}

#pay-box-album {
  width: 183px;
  margin: 0 auto;
  margin-top: 20px;
}

#pay-box-info img {
  width: 183px;
  height: 183px;
  border: 1px solid #d6d6d6;
}

#pay-box-album-text {
  margin-top: 10px;
  font-size: 12px;
  color: #676767;
}

#pay-box-album-text tr {
  height: 23px;
}

#pay-box-album-text th {
  text-align: left;
}

span.won {
  display: inline-block;
  margin-left: -20px;
}

#pay-box-middle {
  width: 405px;
  height: 410px;
  float: left;
  font-size: 12px;
  color: #676767;
}

#pay-box-middle table {
  margin-top: 24px;
}

#pay-box-middle tr {
  height: 40px;
  display: inline-block;
}

#pay-box-middle th {
  width: 134px;
}

#pay-box-middle tr td input[type="text"] {
  width: 204px;
  height: 31px;
  text-align: center;
}

#pay-box-top-fix {
  width: 263px;
  height: 218px;
  margin: 0 auto;
  padding-top: 10px;
}

#pay-box-top {
  width: 263px;
  height: 218px;
  background-image: url("../images/bg/rel-box-top.png");
  background-repeat: no-repeat;
  margin-bottom: 10px;
}

#pay-box-bottom {
  width: 263px;
  height: 135px;
  background-image: url("../images/bg/rel-box-bottom.png");
  background-repeat: no-repeat;
  margin-bottom: 5px;
}

#pay-box-select {
  height: 100px;
}

#pay-box-select tr {
  height: 22px;
}

#pay-box-select th {
  text-align: left;
  width: 90px;
  font-size: 12px;
}

#pay-box-select td {
  color: #676767;
  font-weight: bold;
  font-size: 12px;
}

#checkbox-fix {
  width: 252px;
  margin: 0 auto;
  padding-top: 5px;
}

.check-icon {
  width: 38px;
  height: 38px;
  overflow: hidden;
  margin: 0px 2px 1px 2px;
}

.check-icon a img {
  width: 38px;
  height: 38px;
  border: 1px solid #d6d6d6;
  object-fit: cover;
  object-position: left;
}

#pay-box-pay {
  margin-top: 15px;
}

#pay-box-pay tr {
  height: 20px;
}

#pay-box-pay th {
  text-align: left;
  width: 80px;
  font-size: 1.17em;
}

#pay-box-pay td {
  color: #676767;
  font-weight: bold;
  font-size: 12px;
}

#pay-box-footer {
  width: 655px;
  height: 80px;
  clear: both;
}

#pay-box-footer table {
  margin: 0 auto;
  padding-top: 25px;
}

#pay-box-footer p {
  width: 78px;
  margin: 0 auto;
  padding-top: 25px;
}

.pay-button {
  width: 78px;
  height: 30px;
  background-image: url("../images/icon/pay.png");
  background-repeat: no-repeat;
}

#pay-box-right {
  width: 50px;
  float: left;
}

#pay-box-right-bg {
  width: 79px;
  height: 466px;
  background-image: url("../images/bg/rel-right-bg.png");
  background-repeat: no-repeat;
  margin-top: 25px;
  margin-left: 10px;
  padding-top: 8px;
}

#pay-box-right-fix {
  width: 70px;
  height: 450px;
  margin: 0 auto;
  overflow-y: scroll;
}

/*ticket pay box */
#ticket-pay-box {
  width: 650px;
  height: 547px;
  background: url("../images/bg/paybox-bg2.png") no-repeat;
}

#ticket-pay-box-done {
  width: 652px;
  height: 550px;
  background: url("../images/bg/done.png") no-repeat;
}

#ticket-pay-box-fix {
  width: 655px;
  height: 547px;
  padding-top: 56px;
}

#ticket-pay-box-info {
  width: 245px;
  height: 410px;
  float: left;
}

#ticket-pay-box-album {
  width: 183px;
  margin: 0 auto;
  margin-top: 20px;
}

#ticket-pay-box-info img {
  width: 183px;
  height: 183px;
  border: 1px solid #d6d6d6;
}

#ticket-pay-box-album-text {
  margin-top: 10px;
  font-size: 12px;
  color: #676767;
}

#ticket-pay-box-album-text tr {
  height: 23px;
}

#ticket-pay-box-album-text th {
  text-align: left;
}

span.won {
  display: inline-block;
  margin-left: -20px;
}

#ticket-pay-box-middle {
  width: 405px;
  height: 410px;
  float: left;
  font-size: 12px;
  color: #676767;
}

#ticket-pay-box-middle table {
  margin-top: 24px;
}

#ticket-pay-box-middle tr {
  height: 40px;
  display: inline-block;
}

#ticket-pay-box-middle th {
  width: 134px;
}

#ticket-pay-box-middle tr td input[type="text"] {
  width: 204px;
  height: 31px;
  text-align: center;
}

#ticket-pay-box-top-fix {
  width: 263px;
  height: 218px;
  margin: 0 auto;
  padding-top: 10px;
}

#ticket-pay-box-top {
  width: 263px;
  height: 218px;
  background-image: url("../images/bg/rel-box-top.png");
  background-repeat: no-repeat;
  margin-bottom: 10px;
}

#ticket-pay-box-bottom {
  width: 263px;
  height: 135px;
  background-image: url("../images/bg/rel-box-bottom.png");
  background-repeat: no-repeat;
  margin-bottom: 5px;
}

#ticket-pay-box-select {
  height: 100px;
}

#ticket-pay-box-select tr {
  height: 22px;
}

#ticket-pay-box-select th {
  text-align: left;
  width: 90px;
  font-size: 12px;
}

#ticket-pay-box-select td {
  color: #676767;
  font-weight: bold;
  font-size: 12px;
}

#ticket-pay-box-pay {
  margin-top: 15px;
}

#ticket-pay-box-pay tr {
  height: 20px;
}

#ticket-pay-box-pay th {
  text-align: left;
  width: 80px;
  font-size: 1.17em;
}

#ticket-pay-box-pay td {
  color: #676767;
  font-weight: bold;
  font-size: 12px;
}

#ticket-pay-box-footer {
  width: 655px;
  height: 80px;
  clear: both;
}

#ticket-pay-box-footer table {
  margin: 0 auto;
  padding-top: 25px;
}

#ticket-pay-box-footer p {
  width: 78px;
  margin: 0 auto;
  padding-top: 25px;
}

.pay-button {
  width: 78px;
  height: 30px;
  background-image: url("../images/icon/pay.png");
  background-repeat: no-repeat;
}

#ticket-pay-box-right {
  width: 50px;
  float: left;
}

#ticket-pay-box-right-bg {
  width: 79px;
  height: 466px;
  background-image: url("../images/bg/rel-right-bg.png");
  background-repeat: no-repeat;
  margin-top: 25px;
  margin-left: 10px;
  padding-top: 8px;
}

#ticket-pay-box-right-fix {
  width: 70px;
  height: 450px;
  margin: 0 auto;
  overflow-y: scroll;
}

/* rel-box */
#rel-box {
  margin-left: 50px;
  width: 652px;
  height: 700px;
  background: url("../images/bg/box-bg.png") no-repeat;
}

#rel-box-done {
  width: 652px;
  height: 550px;
  background: url("../images/bg/done.png") no-repeat;
}

#rel-box-fix {
  width: 655px;
  height: 700px;
  padding-top: 56px;
}

#rel-box-info {
  width: 245px;
  height: 560px;
  float: left;
}

#rel-box-album {
  width: 183px;
  margin: 0 auto;
  margin-top: 20px;
}

#rel-box-info img {
  width: 183px;
  height: 183px;
  border: 1px solid #d6d6d6;
}

#rel-box-album-text {
  margin-top: 10px;
  font-size: 12px;
  padding-left: 0px;
  color: #676767;
}

#rel-box-album-text table {
  width: 185px;
}

#rel-box-album-text tr {
  height: 23px;
}

#rel-box-album-text th {
  text-align: left;
}

#rel-box-middle {
  width: 305px;
  height: 560px;
  float: left;
}

#rel-box-top-fix {
  width: 263px;
  height: 188px;
  margin: 0 auto;
  padding-top: 10px;
}

#rel-box-top {
  width: 263px;
  height: 156px;
  background-image: url("../images/bg/rel-box-top.png");
  background-repeat: no-repeat;
  margin-bottom: 10px;
}

#publish-fix {
  width: 252px;
  height: 100%;
  margin: 0 auto;
  padding-top: 5px;
}

#publish img {
  width: 38px;
  height: 38px;
  border: 1px solid #dadada;
  background-color: #e3e3e3;
  margin: 5px 2px 1px 5px;
}

#rel-box-bottom {
  width: 263px;
  height: 120px;
  background-image: url("../images/bg/rel-box-bottom.png");
  background-repeat: no-repeat;
  margin-bottom: 5px;
}

#rel-box-select {
  height: 100px;
}

#rel-box-select tr {
  height: 22px;
}

#rel-box-select th {
  text-align: left;
  width: 120px;
  font-size: 12px;
}

#rel-box-select td {
  color: #676767;
  font-weight: bold;
  font-size: 12px;
}

#checkbox-fix {
  width: 252px;
  margin: 0 auto;
  padding-top: 5px;
}

.check-icon {
  width: 38px;
  height: 38px;
  overflow: hidden;
  margin: 5px 4px 1px 5px;
}

#rel-box-pay {
  margin-top: 86px;
}

#rel-box-pay tr {
  height: 20px;
}

#rel-box-pay th {
  text-align: left;
  width: 80px;
  font-size: 1.17em;
}

#rel-box-pay td {
  color: #676767;
  font-weight: bold;
  font-size: 12px;
}

#rel-box-footer {
  width: 550px;
  height: 80px;
  clear: both;
}

#rel-box-footer p {
  width: 78px;
  margin: 0 auto;
  padding-top: 25px;
}

.pay-button {
  width: 78px;
  height: 30px;
  background-image: url("../images/icon/pay.png");
  background-repeat: no-repeat;
}

#rel-box-right {
  width: 50px;
  float: left;
}

#rel-box-right-bg {
  width: 79px;
  height: 466px;
  background-image: url("../images/bg/rel-right-bg.png");
  background-repeat: no-repeat;
  margin-top: 25px;
  margin-left: 10px;
  padding-top: 8px;
}

#rel-box-right-fix {
  width: 70px;
  height: 450px;
  margin: 0 auto;
  overflow-y: scroll;
}

.menu-bar {
  width: 766px;
  height: 41px;
  background: url("../images/bg/menu-bg.png") repeat-x;
  padding-left: 15px;
  border-top: 1px solid #ccc;
}

.menu-bar img {
  position: relative;
  top: 13px;
}

.center {
  text-align: center;
}

.top-menu-bar img {
  position: relative;
  top: 11px;
}

.top-menu-bar {
  height: 40px;
  background: url("../images/bg/sell-top-nav-bg.png") repeat-x;
  border-top: 1px solid #ccc;
}

#rel-box-album-text th {
  width: 62px;
  height: 15px;
  display: inline-block;
}

#pay-box-album-text table {
  width: 171px;
}

#pay-box-album-text th {
  width: 62px;
  height: 15px;
  display: inline-block;
}

td.relwidth {
  width: 119px;
  height: auto;
  display: inline-block;
  word-break: break-all;
  text-align: left;
  vertical-align: middle;
}

/* 음원 등록 */
#musicbox-topBorder {
  width: 750px;
  height: 68px;
  background: url("../images/bg/musicbox-top-bg1.png") no-repeat;
  background-size: cover;
}

#musicbox-button-fix {
  width: 200px;
  height: 50px;
  margin: 0 auto;
  padding-top: 30px;
}

.plus-button button {
  width: 92px;
  height: 39px;
  background: url("../images/icon/trackplus.png") no-repeat;
  float: left;
  margin-top: -10px;
}

.delete-button button {
  width: 92px;
  height: 39px;
  background: url("../images/icon/trackdelete.png") no-repeat;
  float: left;
  margin-top: -10px;
}

#musicbox-top-bar {
  width: 750px;
  height: 38px;
  background: url("../images/bg/musicbox-top-bar1-bg.png") no-repeat;
  background-size: cover;
  position: relative;
}

#musicbox-top-bar ul {
  width: 628px;
  position: absolute;
  left: 122px;
}

#musicbox-top-bar li {
  float: left;
  font-size: 14px;
  font-weight: bold;
  width: 129px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  border-right: 1px solid #d6d5d5;
  margin-top: 5px;
  color: #676767;
}

#musicbox-top-bar .non-border {
  border: none;
}

#musicbox-apply {
  width: 750px;
  height: 41px;
  background: url("../images/bg/musicbox-top-bar2-bg.png") no-repeat;
  background-size: cover;
  position: relative;
}

#apply-fix {
  float: left;
  top: 9px;
  left: 120px;
  position: relative;
}

#apply-fix input[type="text"] {
  width: 120px;
  height: 22px;
  margin-left: 5px;
  font-size: 12px;
  text-align: center;
}

#apply-fix select {
  margin-left: 7px;
}

.applyall {
  padding-top: 6px;
  padding-right: 28px;
  float: right;
}

.applyall button {
  width: 70px;
  height: 27px;
  background: url("../images/icon/apply-btn.png") no-repeat;
}

#musicbox-content {
  height: 100%;
  background-color: #f6f4f4;
  border-left: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
}

#album-form {
  width: 720px;
  margin: 0 auto;
  border-spacing: 1px 10px;
}

#album-form th.num {
  width: 20px;
}

#album-form th {
  padding: 8px 0;
  font-size: 11px;
}

#album-form td {
  text-align: center;
}

#album-form input[type="text"] {
  width: 55px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #333;
  border: #cbc6c6 1px solid;
  background: white;
  padding: 0 5px;
}

#album-form input[type="text"].subject {
  width: 130px !important;
}

#musicbox-bottomBorder {
  width: 750px;
  height: 22px;
  background: url("../images/bg/musicbox-bottom-bg.png") no-repeat;
  background-size: cover;
}

.album-music-upload {
  width: 648px;
  margin: 0 auto;
  padding-top: 10px;
}

.album-music-upload th {
  font-size: 12px;
  padding: 4px 0px;
  text-align: center;
  border-bottom: 2px solid #ddd;
}

/* .album-music-upload tr { background-color: #; } */
.album-music-upload td {
  padding-top: 15px;
  padding-bottom: 5px;
}

.album-music-upload .number {
  text-align: center;
  width: 20px;
}

.album-music-upload .subject {
  width: 160px;
  padding: -1px 10px;
  font-size: 13px;
  text-align: center;
  overflow: hidden;
}

.album-music-upload .musicfile {
  text-align: center;
  width: 170px;
}

.album-music-upload .lyricfile {
  text-align: center;
  width: 170px;
}

.album-music-upload input[type="file"] {
  width: 140px;
}

.album-music-upload textarea {
  border: 1px solid #eee;
  width: 200px;
  height: 10px;
  padding: 5px;
}

.form-basic tr {
  height: 35px;
}
.album-form-basic tr {
  height: 35px;
}

.form-basic th {
  width: 115px;
  text-align: right;
  font-size: 12px;
  color: #676767;
  padding-right: 10px;
}
.album-form-basic th {
  width: 115px;
  text-align: right;
  font-size: 12px;
  color: #676767;
  padding-right: 10px;
}

.form-basic th span {
  font-weight: normal !important;
}
.album-form-basic th span {
  font-weight: normal !important;
}

.form-basic input[type="text"] {
  width: 345px;
  height: 28px;
  line-height: 20px;
  font-size: 12px !important;
  color: #333;
  border: #cbc6c6 1px solid;
  background: white;
  padding-left: 10px;
}

.album-form-basic input[type="text"] {
  width: 345px;
  height: 28px;
  line-height: 20px;
  font-size: 12px !important;
  color: #333;
  border: #cbc6c6 1px solid;
  background: white;
  padding-left: 10px;
}
.album-form-basic textarea {
  border: #cbc6c6 1px solid;
  background: rgb(255, 255, 255);
  width: 335px;
  height: 160px;
  resize: none;
  color: #333;
  padding: 10px;
}
.form-basic textarea {
  border: #cbc6c6 1px solid;
  background: rgb(162, 161, 161);
  width: 335px;
  height: 160px;
  resize: none;
  color: #333;
  padding: 10px;
}

#AlbumReldate {
  text-align: center;
}

#contact {
  width: 100%;
  height: 390px;
  background: url("../images/bg/contact-bg.png");
  background-repeat: repeat-x;
}

#contact-map {
  width: 534px;
  margin: 0 auto;
  margin-top: 40px;
}

#contact-text {
  width: 640px;
  margin: 0 auto;
  text-align: left;
}

#contact-text h2 {
  color: #595959;
  font-size: 15px;
  padding-bottom: 10px;
}

#contact-text p {
  color: #676767;
  font-size: 13px;
  padding-bottom: 5px;
}

.option-nav-fix {
  width: 487px;
  margin: 0 auto;
  padding-top: 5px;
}

#option-nav {
  width: 100%;
  height: 50px;
  background: url("../images/bg/top-nav-bg.png");
  background-repeat: repeat-x;
}

#option-nav ul li {
  float: left;
  margin: 0 auto;
}

#option-nav .menu-video {
  width: 156px;
  height: 36px;
  background: url("../images/services/video.png");
}

#option-nav .menu-cd {
  width: 156px;
  height: 36px;
  background: url("../images/services/cd.png");
}

#option-nav .menu-profile {
  width: 175px;
  height: 36px;
  background: url("../images/services/profile.png");
}

#option-nav .menu-blank {
  width: 175px;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  font-weight: bold;
  color: #424242;
  text-align: center;
  background: url("../images/services/blank-menu.png");
}

#option-nav .menu-blank.disabled {
  color: #ccc;
}

#option-nav .on {
  background-position: bottom;
}

.sub-menu-bar {
  width: 100%;
  height: 41px;
  background: url("../images/bg/sub-nav-bg.png");
  background-repeat: repeat-x;
}

.sub-menu-bar img {
  position: relative;
  top: 13px;
}

.mcontents {
  /*height: ;*/
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 25px 0;
  background: url("../images/bg/mcontents-bg.png");
  background-repeat: repeat-x;
  background-position: center bottom;
}

.rightbtn {
  height: 360px;
}

.mcontents-fix {
  width: 720px;
  margin: 0 auto;
}

.video-left {
  width: 424px;
  height: 328px;
  float: left;
}

.video-left span {
  float: left;
  color: #ed128c;
  font-size: 12px;
  padding-top: 5px;
}

.video-thum {
  position: relative;
  float: left;
  width: 424px;
  height: 328px;
}

.video-left ul li {
  position: relative;
  float: left;
  width: 207px;
  height: 160px;
  margin: 2px;
}

.video-left ul li img {
  position: absolute;
  left: 0;
  width: 207px;
  height: 160px;
}

.video-left ul li span {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #000;
  width: 192px;
  height: 35px;
  color: #fff;
  text-align: left;
  font-size: 14px;
  line-height: 34px;
  padding-left: 15px;
  opacity: 0.7;
  -moz-opacity: 0.3;
}

.video-right {
  float: left;
  padding-top: 6px;
  padding-left: 30px;
  text-align: left;
}

.mcontent-left {
  width: 346px;
  float: left;
}

.mcontent-right {
  display: table;
  width: 334px;
  float: left;
  text-align: left;
  padding-left: 40px;
  padding-top: 40px;
}

.mcontent-right p {
  padding-top: 20px;
}

.mover {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

/* FAQ */
#searchWrap {
  width: 100%;
  background-color: #ed128c;
  padding: 35px 0;
}

#searchBox {
  width: 505px;
  height: 35px;
  margin: 0 auto;
  background-color: #fff;
}

#searchBox input.search_submit {
  float: left;
}

#searchBox input.searchbox {
  float: left;
  width: 470px;
  height: 35px;
  font-size: 14px;
}

#searchBox input {
  border: 0 !important;
}

#faqbox {
  width: 940px;
  margin: 0 auto;
}

/* Popup */
.layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}

.open {
  display: block;
}

.layer .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.layer_area {
  position: absolute;
  width: 640px;
  height: 380px;
  margin: 0 auto;
  text-align: right;
  left: 50%;
  top: 50%;
  background: #fff;
  padding: 10px 25px 25px 25px;
  border: 4px solid #ddd;
}

.layer_area p {
  position: relative;
  top: 10px;
}

#board-box {
  display: block;
  width: 100%;
  background-color: #ebebeb;
  border: 1px solid #cbcbcb;
}

#board-box-fix {
  width: 650px;
  height: 556px;
  margin: 0 auto;
  background: url("../images/bg/table-bg.png") no-repeat;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
}

#board-view-fix {
  width: 650px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
}

.board {
  border-top: 1px solid #bbbbbb;
  margin: 0 auto;
  width: 590px;
}

.board tr td {
  font-family: "Nanum Gothic", Arial, Dotum, Gulim, sans-serif;
  font-size: 12px;
  color: #666666;
  text-align: center;
  border-bottom: 1px solid #bbbbbb;
}

.board tr th {
  font-family: "Nanum Gothic", Arial, Dotum, Gulim, sans-serif;
  font-size: 12px;
  color: #333333;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #bbbbbb;
  background-color: #f3f3f3;
}

.board-subject {
  height: 30px;
}

.board-date {
  width: 100px;
}

.board-hit {
  width: 60px;
}

.board-number {
  width: 30px;
  font-size: 11px !important;
  color: #7a7a7a !important;
}

.board-subject-td {
  width: 400px;
  padding: 10px 0;
  text-align: left !important;
}

.board-view-subject {
  width: 100%;
  height: 30px;
}

.board-view-date {
  width: 100px;
  font-size: 11px !important;
  padding-right: 10px;
  color: #999 !important;
}

.board-view-attachment {
  text-align: left !important;
  padding: 10px;
}

.board-view-content {
  text-align: left !important;
  padding: 20px;
}

.board-view-content table {
  border-spacing: 0 !important;
  padding: 0 !important;
  border-collapse: collapse !important;
}

.board-view-content tr td {
  border: 0px !important;
}

#paging {
  text-align: center;
  width: 612px;
  margin: 0 auto;
  padding-top: 20px;
  font-size: 11px;
}

#paging strong {
  padding: 6px;
}

#paging a:hover {
  text-decoration: underline;
  color: #00afd8;
}

.sellboard {
  width: 600px;
  margin: 0 auto;
  padding-top: 20px;
  border-bottom: 2px solid #000;
  padding-bottom: 5px;
}

.sellboard th {
  font-size: 13px;
  border-bottom: 2px solid #000;
  padding: 10px 0px 5px 0px;
}

.sellboard-about td {
  font-size: 12px;
  text-align: center;
  padding: 5px 0px 0px 0px;
}

.sellboard-profit td {
  font-size: 12px;
  text-align: center;
  padding: 8px 0px 3px 0px;
}

.checklist {
  display: none;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

.checklist li {
  float: left;
  /* width: 38px;
  height: 38px; */
  margin-left: 5px;
  margin-bottom: 5px;
  position: relative;
  font: normal 11px/1.3 "Lucida Grande", "Lucida", "Arial", Sans-serif;
}

.checklist li.selected {
  background-position: -105px 0;
}

.checklist li.selected .checkbox-select {
  display: none;
}

.checkbox-select {
  display: block;
  float: left;
  position: absolute;
  width: 38px;
  height: 38px;
}

.checkbox-select-wrapper {
  width: 38px;
  height: 38px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc; /* Optional: for better visualization */
}
.checkbox-select-wrapper .icon {
  width: 38px;
  height: 38px;
  background-size: cover !important;
  background-position: left !important;
  background-repeat: no-repeat !important;
  border: 1px solid #ccc;
}
.ck1 {
  background: url("../images/checkbox/new/kkbox.png") no-repeat left;
}

.ck1on {
  background: url("../images/checkbox/new/kkbox.png") no-repeat left;
  filter: grayscale(100%);
  opacity: 0.5;
}

.ck2 {
  background: url("../images/checkbox/new/qqmusic.png") no-repeat left;
}

.ck2on {
  background: url("../images/checkbox/new/qqmusic.png") no-repeat left;
  filter: grayscale(100%);
  opacity: 0.5;
}

.ck3 {
  background: url("../images/checkbox/atnt.png") no-repeat left;
}

.ck3on {
  background: url("../images/checkbox/atnt.png") no-repeat left;
  filter: grayscale(100%);
  opacity: 0.5;
}

.ck4 {
  background: url("../images/checkbox/new/iheartradio.png") no-repeat left;
}

.ck4on {
  background: url("../images/checkbox/new/iheartradio.png") no-repeat left;
  filter: grayscale(100%);
  opacity: 0.5;
}

.ck5 {
  background: url("../images/checkbox/new/tidal.png") no-repeat left;
}

.ck5on {
  background: url("../images/checkbox/new/tidal.png") no-repeat left;
  filter: grayscale(100%);
  opacity: 0.5;
}

.ck6 {
  background: url("../images/checkbox/muve.png") no-repeat left;
}

.ck6on {
  background: url("../images/checkbox/muve.png") no-repeat left;
  filter: grayscale(100%);
  opacity: 0.5;
}

.ck7 {
  background: url("../images/checkbox/zik.png") no-repeat left;
}

.ck7on {
  background: url("../images/checkbox/zik.png") no-repeat left;
  filter: grayscale(100%);
  opacity: 0.5;
}

.ck8 {
  background: url("../images/checkbox/jbhifi.png") no-repeat left;
}

.ck8on {
  background: url("../images/checkbox/jbhifi.png") no-repeat left;
  filter: grayscale(100%);
  opacity: 0.5;
}

.ck9 {
  background: url("../images/checkbox/rim.png") no-repeat left;
}

.ck9on {
  background: url("../images/checkbox/rim.png") no-repeat left;
  filter: grayscale(100%);
  opacity: 0.5;
}

.ck10 {
  background: url("../images/checkbox/moov.png") no-repeat left;
}

.ck10on {
  background: url("../images/checkbox/moov.png") no-repeat left;
  filter: grayscale(100%);
  opacity: 0.5;
}

.ck11 {
  background: url("../images/checkbox/nokia.png") no-repeat left;
}

.ck11on {
  background: url("../images/checkbox/nokia.png") no-repeat left;
  filter: grayscale(100%);
  opacity: 0.5;
}

.ck12 {
  background: url("../images/checkbox/new/7digital.png") no-repeat left;
}

.ck12on {
  background: url("../images/checkbox/new/7digital.png") no-repeat left;
  filter: grayscale(100%);
  opacity: 0.5;
}

.ck13 {
  background: url("../images/checkbox/new/deezer.png") no-repeat left;
}

.ck13on {
  background: url("../images/checkbox/new/deezer.png") no-repeat left;
  filter: grayscale(100%);
  opacity: 0.5;
}

.kkbox,
.qqmusic,
.atnt,
.iheartradio,
.tidal,
.muve,
.zik,
.jbhifi,
.rim,
.moov,
.nokia,
.sevendigital,
.deezer {
  float: left;
}

.checklist li input {
  display: none;
}

a.checkbox-deselect {
  display: none;
  position: absolute;
  width: 38px;
  height: 38px;
}

.checklist li.selected a.checkbox-deselect {
  display: block;
}

.checklist li label {
  display: block;
  text-align: center;
  padding: 8px;
}

#lightbox {
  width: 530px;
  height: 327px;
  text-align: center;
  background-color: #fff;
  position: absolute;
  top: 236px;
  left: 50%;
  margin-left: -205px;
}

#lightbox p {
  text-align: right;
  color: #fff;
  margin-right: 20px;
  font-size: 12px;
}

#lightbox img {
  box-shadow: 0 0 25px #111;
  -webkit-box-shadow: 0 0 25px #111;
  -moz-box-shadow: 0 0 25px #111;
  max-width: 940px;
}

#lightbox span a {
  position: absolute;
  left: 500px;
  top: 9px;
  font-family: "Nanum Gothic", Arial, Dotum, Gulim, sans-serif;
  font-weight: bold;
  font-size: 17px;
  color: #888;
  width: 22px;
  height: 22px;
  background: url("../images/icon/x.png") no-repeat;
}

#adminbox {
  margin: 0 auto;
}

.admin-board {
  text-align: center;
  border: 1px solid #000;
}

.admin-board th {
  font-size: 13px;
}

#snslayer {
  position: absolute;
  display: none;
  background-color: white;
  width: 100px;
  height: 26px;
  z-index: 999;
  border: 2px solid #ccc;
}

#snslayer img {
  width: 22px;
  height: 22px;
}

#snslayer ul li {
  float: left;
  padding: 2px;
}

.manage .tooltip {
  display: none;
  background: white;
  font-size: 12px;
  width: 78px;
  height: 26px;
  z-index: 9999;
  border: 2px solid #ccc;
}

.manage .tooltip img {
  width: 22px;
  height: 22px;
}

.manage .tooltip ul li {
  float: left;
  padding: 2px;
}

#write-fix {
  width: 840px;
  margin: 0 auto;
  margin-top: 20px;
}

#write input {
  height: 28px;
  padding: 0 10px;
}

#findpasswd {
  width: 330px;
  margin: 0 auto;
  position: relative;
  top: 50px;
}

#findpasswd h2 {
  font-size: 24px;
  margin-bottom: 20px;
}

#findpasswd p {
  font-size: 13px;
  margin-bottom: 15px;
}

#findpasswd input[type="email"] {
  width: 280px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  font-family: "Nanum Gothic", Arial, Dotum, Gulim, sans-serif;
}

#findpasswd input[type="password"] {
  width: 200px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  font-family: "Nanum Gothic", Arial, Dotum, Gulim, sans-serif;
}

#findpasswd input[type="submit"] {
  width: 50px;
  height: 32px;
  background-color: #ed128c;
  color: #fff;
  margin-top: 4px;
}

#findpasswd th {
  font-size: 12px;
  width: 100px;
}

.pslabel {
  float: left;
  width: 357px;
  text-align: center;
  margin-top: 5px;
  text-shadow: 1px 1px 0 #fff;
  color: #222;
}

.pslabel-upload {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 5px;
  font-size: 12px;
  color: #222;
}

#music-upload .ui-progressbar {
  height: 20px !important;
  margin: 5px 10px 10px 0px;
}

button.up-icon {
  width: 17px;
  height: 17px;
  background: url("../images/up.png") no-repeat !important;
}

button.del-icon {
  width: 17px;
  height: 17px;
  background: url("../images/del.png") no-repeat !important;
}

.genresfix {
  float: right !important;
  margin-top: 2px !important;
}

#basic,
#standard,
#premium,
#exclusive {
  display: none;
}

/*.up-icon, .del-icon { display: none; }*/
.up-icon {
  display: none;
}

.popup a {
  display: inline-block;
}

#errorContainer {
  height: 20px;
  display: inline;
  font-size: 14px;
}

.chart {
  float: left;
  width: 108px;
  background-color: #e5e5e5;
  border-right: 1px solid #d2d2d2;
  box-shadow: 0px 0px 0px #dfdfdf;
  border-top: 5px solid #ed128c;
}

/*border-top: 5px solid #ed128c; border-left: 1px solid #d2d2d2;*/
.chart .itunes-weekly-chart {
  width: 108px;
  height: 48px;
  background: url("../images/bg_chart.png") no-repeat;
  margin: 20px 0px 0px 0px;
  display: inline-block;
  float: left;
  border-left: 1px solid #d2d2d2;
}

.chart .week {
  float: left;
  font-size: 8.5px;
  line-height: 22px;
  height: 22px;
  position: relative;
  left: 62px;
  top: 18px;
}

.chart ul .chart-item {
  border-bottom: 1px solid #cdcdcd;
  padding: 10px;
  position: relative;
  border-top: 1px solid #fff;
  border-left: 1px solid #d2d2d2;
}

.chart ul .chart-item.first {
  border-top: 0px !important;
}

.chart .chart-item img {
  float: left;
  width: 87px;
  height: 87px;
}

.chart .chart-item .ranking {
  width: 18px;
  height: 18px;
  background: #ed128c;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  font-family: arial;
  line-height: 20px;
  position: absolute;
}

.chart .chart-list {
  float: left;
  width: 90px;
  overflow: hidden;
  font-family: arial;
  font-size: 12px;
  padding-top: 8px;
}

.chart .chart-list h4 {
  margin-bottom: 5px;
  width: 89px;
}

.chart .chart-list span {
  display: block;
  margin-bottom: 3px;
  color: #887979;
}

.chart .chart-item a {
  color: #000;
}

.chart .chart-item a:hover {
  color: #ed128c;
}

/* main index carousel */
.carousel-frame {
  display: inline-block;
  margin-top: 27px;
  height: 305px;
  float: left;
}

.prev {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: transparent url("../images/icon/index-left-btn.png") no-repeat;
  position: absolute;
  top: 152px;
  left: -55px;
  cursor: pointer;
}

.next {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: transparent url("../images/icon/index-right-btn.png") no-repeat;
  position: absolute;
  top: 152px;
  right: 319px;
  cursor: pointer;
}

/* index slider */
#headline {
  width: 550px;
  display: inline-block;
  position: relative;
  float: left;
  top: 30px;
}

.bx-prev {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../images/icon/index-left-btn.png") no-repeat;
  position: absolute;
  left: -55px;
  top: 130px;
}

.bx-next {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../images/icon/index-right-btn.png") no-repeat;
  position: absolute;
  right: -50px;
  top: 130px;
}

.video-thum a:hover {
  opacity: 0.8;
}

/* btn */
.album-sell-profit-btn {
  display: inline-block;
  width: 115px;
  height: 35px;
  background: url("../images/text/sell-nav-text1-1.png") no-repeat;
  position: relative;
  top: 1px;
}

.album-sell-profit-btn2 {
  display: inline-block;
  width: 124px;
  height: 35px;
  background: url("../images/text/sell-nav-text1-2.png") no-repeat;
  position: relative;
  top: 1px;
}

/* ALBUM LIST ALL */
.album-list ul {
  list-style: none;
  margin: 10px 10px;
  padding: 0;
}

.album-list ul li {
  float: left;
  width: 158px;
  background: #ffffff;
  border: 2px solid #ddd;
  margin: 4px;
  padding: 10px;
  position: relative;
}

.album-list ul li:hover {
  width: 158px;
  border: 2px solid #ed128c;
}

.album-list ul li:hover .service-btn {
  display: block;
}

.album-list ul li img {
  width: 158px;
  height: 158px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #ddd;
}

.album-list ul li h3 {
  margin: 10px 0;
  padding: 12px 0 0 0;
  background: url("../images/bg_label_pink.png") no-repeat;
  background-position: left top;
  font-size: 13px;
  letter-spacing: 1px;
  overflow-y: hidden;
  height: 15px;
}

.album-list ul li h3 a {
  color: #000;
}

.album-list ul li h3 a:hover {
  color: #ed128c;
}

.album-list ul li p {
  font-size: 12px;
  margin: 0 0 4px 0;
}

.album-list ul li .service-label {
  background: #ed128c;
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  position: absolute;
  top: 18px;
  right: 17px;
}

.album-list ul li .service-btn {
  position: absolute;
  top: 80px;
  left: 35px;
  display: none;
}

.album-list ul li .service-btn a img {
  width: 56px;
  height: 28px;
  border: 0;
}

.list-all {
  float: right;
  margin: 14px 15px 0 0;
}

.list-all a:hover {
  color: #000;
  text-decoration: underline;
}

.album-detail {
  margin: 20px;
  padding: 30px;
  background: #ffffff;
}

.album-detail-wrap {
  height: 220px;
  margin-bottom: 30px;
  position: relative;
}

.album-detail-about {
  width: 431px;
  height: 200px;
  float: left;
  position: relative;
}

.album-detail-about h3 {
  font-size: 22px;
  margin: 0 0 2px 0;
  padding: 9px 0 0 0;
  background: url("../images/bg_label_pink.png") left top no-repeat;
}

.album-detail-about h3 span {
  font-weight: normal;
  margin-left: 10px;
}

.album-detail-about .servietype {
  background: #ed128c;
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  position: absolute;
  font-size: 14px;
  top: 0px;
  right: 0px;
  color: #fff;
}

.album-detail-about p.eng-title {
  font-size: 16px;
  color: #797979;
  margin-bottom: 15px;
}

.album-detail-about p.album-artist {
  font-size: 16px;
  color: #797979;
  margin-bottom: 15px;
}

.album-detail-about p.album-artist span {
  color: #434343;
  font-weight: bold;
}

.album-detail img {
  width: 218px;
  height: 218px;
  float: left;
  margin-right: 30px;
  border: 1px solid #ddd;
}

.album-detail table {
  font-size: 13px;
}

.album-detail th {
  text-align: left;
  width: 50px;
  padding: 3px 0;
}

h3.headline {
  font-size: 16px;
  margin: 20px 0 0px 0;
  padding: 9px 0 0 0;
  background: url("../images/bg_label_pink.png") left top no-repeat;
}

.music-detail p.about {
  font-size: 13px;
  margin-top: 30px;
  line-height: 20px;
  padding: 20px;
  background: #ececec;
}

.music-detail ul li {
  margin-top: 20px;
}

.music-detail .other {
  margin-left: 20px;
}

.music-detail ul li h4 {
  font-size: 16px;
  margin-bottom: 5px;
}

.music-detail ul li h4 span {
  color: #797979;
  margin-right: 10px;
}

.music-detail ul li h4 span.isrc {
  float: right;
  font-size: 13px;
  font-weight: normal;
}

.music-detail ul li p {
  font-size: 14px;
  color: #797979;
  margin-bottom: 8px;
}

.music-detail ul li p span {
  color: #000;
  font-weight: bold;
}

.btn-request-payment {
  background-image: url("/images/icon/btn-blank.png");
  width: 85px;
  height: 35px;
  position: relative;
}

.btn-request-payment.disabled:hover:after {
  position: absolute;
  top: 0;
  left: 75%;
  width: 200%;
  content: attr(alt);
  background-color: #ffc;
  color: #000;
  line-height: 1.4em;
  border: 1px solid #000;
}

.btn-container {
  text-align: center;
  height: 80px;
}

.btn-large {
  line-height: 60px;
  background: #999999;
  margin: 50px 0;
  padding: 20px 40px;
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
}

.btn-large:hover {
  background: #ed128c;
}

.link-icon img {
  width: 20px;
  height: 20px;
  border: 0px;
  margin: 0;
}

.link-icon {
  margin-top: 0px;
}

.link-icon li {
  float: left;
  width: 20px;
  margin: 0 5px 0 0;
}

.album-detail .service-btn img {
  width: 56px;
  height: 28px;
  border: 0;
  margin: 0;
}

.detail-profile-list {}

.detail-profile-list li {
  width: 217px;
  height: 217px;
  margin: 0 15px 0 0;
  float: left;
}

.detail-profile-list li img {
  width: 217px;
  height: 217px;
  border: none;
}

.pricing-table {
  table-layout: fixed;
  width: 100%;
  font-size: 15px;
  text-align: center;
  border-collapse: collapse;
}

.pricing-table tbody th,
.pricing-table tbody td {
  border: 1px solid #ccc;
  padding: 16px 12px;
  font-weight: 500;
  color: #424242;
  word-wrap: break-word;
  line-height: 1.4;
}

.pricing-table .td-small {
  font-size: 14px;
}

.pricing-table thead th {
  /* font-weight: bold; */
}

.pricing-table .pricing-table__model {
  font-weight: bold;
  background-color: #ebe5e9;
}

.pricing-table .td-highlight {
  background-color: #ebe5e9;
}

.pricing-table .td-bold {
  font-weight: bold;
}

.pricing-table .pricing-table__small {
  /* width: 40px; */
}

.pricing-table .td-symbol img {
  display: inline-block;
  padding: 0 !important;
}


.loading-container {
  /* margin: 24px 0px 12px 0px; */
  display: none;
  justify-content: center;
  align-items: center;
}

.loading-container.loading {
  display: flex;
}

.loading-container span {
  font-size: 16px;
  font-weight: bold;
  color: #595959;
}

#form-gen #result-textarea {
  margin: 4px 0px 4px 0px;
}

#form-gen #result-markdown * {
  overflow-wrap: break-word;
  font-family: 'Nanum Gothic', Dotum, Gulim, Arial, sans-serif;
}

#form-gen #result-markdown p {
  padding: 4px 0;
}

#form-gen #result-markdown hr {
  margin: 10px 0;
}

#form-gen #result-markdown code {
  font-size: 12px;
  white-space: pre-wrap;
}


.ai-gen-form tr {
  height: 36px;
  text-align: left;
}

.ai-gen-form th {
  width: 130px;
  font-size: 13px;
  color: #595959;
  text-align: right;
  padding-right: 10px;
}

.ai-gen-form td input[type="text"] {
  width: 255px;
  height: 25px;
  border: #cbc6c6 1px solid;
  background: #151515c5;
  padding: 1px 4px 1px 4px;
  color:white;
}

.ai-gen-form td textarea {
  width: 255px;
  height: 90px;
  border: #cbc6c6 1px solid;
  background: #151515c5;
  padding: 1px 4px 1px 4px;
  color:white;
  line-height: 18px;
}

#form-gen input.error {
  border: 1px solid red;
}

.ai-history-modal {
  position: fixed;
  top: 50% !important;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #f6f4f4;
  display: none;
  width: auto;
  max-width: 100vw;
  min-width: 350px;
  padding: 15px;
  text-align: left;
  border: 2px solid #333;
  /* opacity: 0.8; */
  border-radius: 6px;
  box-shadow: 0 0 50px #ccc;
  z-index: 11;
}

.ai-history-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ai-history-modal-header .close {
  margin-left: auto;
}

.ai-history-list > li > p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ai-history-list > li > div > span:first-child {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ai-history-list > li {
  border-bottom: 1px solid rgb(229, 231, 235);
}

.link-button {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  font-size: 0.7rem;
}

.link-button[disabled] {
  display: none;
}

#form-gen input:focus::placeholder,
#form-gen textarea:focus::placeholder {
  color: transparent;
}

#form-gen input::placeholder,
#form-gen textarea::placeholder {
  color: #bbb; /* 옅은 회색 */
}

.history-modal-wrapper {
  /* 전체, 배경을 약간 어둡게 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 12;
}

.history-modal-wrapper.show {
  display: block;
}

.subscription-modal-wrapper {
  /* 전체, 배경을 약간 어둡게 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 12;
}

.subscription-modal-wrapper.show {
  display: block;
}
.subscription-modal {
  position: fixed;
  top: 50% !important;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #e6e4e4;
  display: none;
  width: auto;
  max-width: 100vw;
  min-width: 350px;
  padding: 15px;
  text-align: left;
  border: 2px solid #333;
  /* opacity: 0.8; */
  border-radius: 6px;
  box-shadow: 0 0 50px #ccc;
  z-index: 11;
}

.subscription-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.subscription-modal-header .close {
  margin-left: auto;
}