@charset "utf-8";

/* effect */
*:hover {transition:background-color .2s, color .2s; -webkit-transition:background-color .2s, color .2s; -moz-transition:background-color .2s, color .2s; -o-transition:background-color .2s, color .2s;}

/* ico, btn */
.lnb li > a:before, .ico_categorize, .ico_state, .ico_check, .thumbnail li > a.on:after {background:url(../images/ico/ico.png) no-repeat;}
.btnSearch i, .btn_search:before {background:url(../images/btn/btn.gif) no-repeat;}

/* pasing */
.pasing {display:inline-block; vertical-align:top; text-align:center; font-size:0;}
.pasing .prev_pasing:after,
.pasing .next_pasing:after {content:""; display:inline-block; border-top:4px solid transparent; border-bottom:4px solid transparent;}
.pasing .prev_pasing:after {border-right:4px solid #1e1e1e;}
.pasing .next_pasing:after {border-left:4px solid #1e1e1e;}
.pasing a , .pasing strong {display:inline-block; vertical-align:top; width:34px; height:34px; margin-left:-1px; font-weight:400; font-size:12px; line-height:34px; color:#282828; background-color:#fff; border:1px solid #dcdcdc;}
.pasing a:hover {background-color:#eaebef;}
.pasing strong {background-color:#dcdcdc;}

/* view_page  */
.view_page {position:absolute; top:12px; right:20px;}

/* jquery-ui select layout */
.ui-selectmenu-menu {position:absolute; top:0; left:0; display:none;}
.ui-selectmenu-open {display:block;}
.ui-front {z-index:12;}

.ui-selectmenu-button {position:relative; display:inline-block; height:34px; margin-right:1px; padding:0 1.5em 0 .85em; font-size:12px; line-height:34px; vertical-align:top; cursor:pointer; background-color:#fff; border:1px solid #dcdcdc; border-radius:3px;}
.ui-selectmenu-button:hover {background-color:#e6e6e6; border:1px solid #ccc;}
.ui-selectmenu-button:after {content:""; position:absolute; top:45%; right:10%; border-top:4px solid #282828; border-left:4px solid transparent; border-right:4px solid transparent;
transition:cubic-bezier(0.25, 0.46, 0.45, 0.94) transform 250ms;
-webkit-transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) transform 250ms;
-moz-transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) transform 250ms;
-o-transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) transform 250ms;}
.ui-selectmenu-button.ui-selectmenu-button-open:after {
transform:rotate(180deg);
 -webkit-transform:rotate(180deg);
 -moz-transform:rotate(180deg);
 -o-transform:rotate(180deg);
}
.ie8 .ui-selectmenu-button.ui-selectmenu-button-open:after,
.ie9 .ui-selectmenu-button.ui-selectmenu-button-open:after {border-bottom:4px solid #282828; border-top:none;}

.ui-selectmenu-menu {padding:7px 0; font-weight:400; background-color:#3c3c3c; border-radius:2px;}
.ui-menu-item > div {color:#fff; min-width:90px; padding:3px 15px; font-weight:normal; cursor:pointer;}
.ui-menu-item > div:hover {background-color:#282828;}

.search_box .standard_article .ui-selectmenu-button {height:32px; background:none; border:none; border-radius:0;}
.view_page .ui-selectmenu-button {display:block; margin-right:0;}

/* popup */
.popup {visibility:hidden; position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; text-align:center; opacity:0; filter: alpha(opacity=0);}
.popup.on {visibility:visible; opacity:1; filter: alpha(opacity=100);
transition:visibility .1s, opacity .2s cubic-bezier(0.4, 0, 1, 1);
-webkit-transition:visibility .1s, opacity .2s cubic-bezier(0.4, 0, 1, 1);
-moz-transition:visibility .1s, opacity .2s cubic-bezier(0.4, 0, 1, 1);
-o-transition:visibility .1s, opacity .2s cubic-bezier(0.4, 0, 1, 1);
}
.ie8 .popup {display:none;}
.ie8 .popup.on {display:block;}
.ie8 .popup.on:before,
.popup.on:before  {content:""; display:block; position:fixed; top:0; left:0; z-index:9; width:100%; height:100%; background-color:#000; opacity:0.6; filter: alpha(opacity=60);}
.popup:after{content:""; display:inline-block; width:0; height:100%; vertical-align:middle}
.popup .content_popup {position:relative; z-index:99; display:inline-block; width:100%; max-width:475px; vertical-align:middle; background-color:#fff; border-radius: 8px;}
.popup .content_popup .title {height:60px; padding-left:30px; font-size:16px; color:#fff; line-height:60px; text-align:left; background-color:#3c3c3c; border-radius: 8px 8px 0px 0px;}
.popup .content_popup .area {color:#3c3c3c;}
.popup .btn_articel {margin-top:-1px; padding:10px; text-align:right; border-top:1px solid #dcdcdc;}
.popup .btn_articel button {display:inline-block; min-width:90px; height:34px; margin-right:5px; padding:0 15px; font-size:14px; vertical-align:top; background-color:#fff; border:1px solid #dcdcdc; border-radius:3px;}
.popup .btn_articel button:hover {background-color:#e6e6e6; border:1px solid #ccc;}
.popup .btn_articel button.btn_style2 {color:#fff; background-color:#3c3c3c;}
.popup .btn_articel button.btn_style2:hover {color:#ddd; background-color:#171717; border:1px solid #ccc;}
.popup .message_wrapper{padding : 40px 0;}
.message_popup .content_popup .area {padding:80px 0;}
.popup .content_popup .produce {text-align : left;}

.produce_popup .content_popup {max-width:680px;}
.produce_popup .area {padding:25px 15px;}
.produce_popup .area dl {text-align:left;}
.produce_popup .area dt {padding-top:10px;}
.produce_popup .area dt:first-child {padding-top:0;}
.produce_popup .area dd {padding-top:5px;}
.produce_popup .area input[type=text],
.produce_popup .area textarea {width:100%;}
.produce_popup .area textarea {height:70px;}

.upload_popup .content_popup {max-width:680px;height: 100%;overflow-y: auto;}
.upload_popup .upload_file {position:relative; margin:15px; padding:45px 0; border:1px solid #dcdcdc;}
.upload_popup .upload_file .upload_txt {display:block;}
.upload_popup .upload_tb .table_style {text-align:left;}
.upload_popup .upload_tb th,
.upload_popup .upload_tb td {padding:0 15px;}
.upload_popup .upload_tb td {font-size:12px; color:#3c3c3c;}
.btn_upload label {
  display: inline-block;
  margin-top:10px;
  padding: .7em 2.5em;
  color: #fff;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #3c3c3c;
  cursor: pointer;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: .25em;
}
.btn_upload input[type=file] {  /* 파일 필드 숨기기 */
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.file_progress {overflow:hidden; position:relative; display:block; width:200px; height:12px; background-color:#eaeaea; border-radius:2px;} /* file_progress */
.file_progress > span {display:block; position:absolute; top:0; left:0; height:100%;}
.file_progress .underway {background-color:#f1f6f8;}
.file_progress .fail {background-color:#f8511d;}
.file_progress .complete {background-color:#51d212;}



/* PLAYLIST 관리 팝업 */

.playlist_popup .content_popup {max-width:680px; border-radius: 8px;}
.playlist_popup button{
	height: 34px;
    color: #3c3c3c;
    box-shadow: none;
    text-shadow: none;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    min-width: 34px;
    padding: 0 .7em;
}
.playlist_popup button.btn-small{height : 24px;}
.playlist_popup button.btn-inverse{
	    color: #fff;
    background-color: #3c3c3c;
}

.playlist_popup .content_popup .area .addPlaylist span{width:40%;}
.playlist_popup .content_popup .area .addPlaylist span:first-child {width:60%;}

.playlist_popup .content_popup .area {overflow:auto; max-height: 360px; text-align:left;}
.playlist_popup .content_popup .area span.item {display:inline-block; padding:0 15px; font-size:14px; line-height:1em;}
.playlist_popup .content_popup .area span.active{text-align : center; }
.playlist_popup .content_popup .area .manage span:last-child {text-align:center;}
.playlist_popup .content_popup .area .navigation{padding : 6px 12px;}
.playlist_popup .content_popup .area .navigation .input-group {position:relative; display:block; text-align:left;  border-radius:3px; margin: 5px 0px 5px 0px;}

.playlist_popup .content_popup .area .navigation .notice {font-size: 14px; font-weight:bold; margin: 10px 0px 10px 0px; text-align: center;}
.playlist_popup .content_popup .area .navigation .input-group-fieldname {font-size: 12px; font-weight:bold; margin: 5px 0px 5px 0px; }
.playlist_popup .content_popup .area .navigation .input-group .input-group-btn {position:absolute; top:0; right:0; }
.playlist_popup .content_popup .area .navigation .input-group-btn button{border-top-left-radius: 0; border-bottom-left-radius: 0;}
.playlist_popup .content_popup .area .navigation .input-group-btn .btnSearch {width:35px; height:34px; margin-left:0; background-color:transparent; border-left:1px solid #dcdcdc;}
.playlist_popup .content_popup .area .navigation .input-group-btn .btnSearch i{background : none;}
.playlist_popup .v-contents-list-page {margin:15px 0; text-align : center;}

.playlist_popup .v-contents-list-page button.btnMovePage {height:34px; color:#3c3c3c; box-shadow:none; text-shadow:none; background:#fff; border:1px solid #dcdcdc; border-radius:3px;}
.playlist_popup  button:disabled, .playlist_popup button:hover:disabled {
    color: #cecece !important;
    background-color: #fff !important;
    border: 1px solid #dcdcdc !important;
}
.playlist_popup .area input[type=text]{width:100%;, height:70px;}


/* table_style */
.table_style {width:100%; color:#000000; text-align:center;}
.table_style th {height:40px; font-weight:400; color:#000000; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.table_style tbody {background-color:#fff;}
.table_style th {background-color:#eaeaea;}
.table_style td {height:40px; border-bottom:1px solid #dcdcdc;}}
.table_style td > a {display:block; padding:10px 0;}
.table_style .img_area {display:inline-block; width:80px; height:45px; margin:5px 0;}
.table_style .img_area > img {width:100%; height:100%;}
.table_style .img_title {font-size:12px; color:#000000;}
.table_style .categorize_mov {display:inline-block; width:26px; height:26px; background-position:0 -23px;}
.table_style .categorize_music {display:inline-block; width:26px; height:26px; background-position:-28px -23px;}
.table_style .categorize_img {display:inline-block; width:26px; height:26px; background-position:-57px -23px;}
.table_style .state_activated {display:inline-block; width:14px; height:19px; background-position:-110px -26px;}
.table_style .x_activated {display:inline-block; width:10px; height:10px; background-position:-90px -30px;}

/* button */
.btn_article {padding:10px 20px; text-align:right; background-color:#fff; border-top:1px solid #dcdcdc;}
.btn_gray,
.btn_white {min-width:90px; height:34px; padding:0 .85em; font-size:12px; border-radius:3px;}
.btn_gray {color:#fff; background-color:#3c3c3c;}
.btn_gray:hover {background-color:#1e1e1e;}
.btn_white {color:#282828; background-color:#fff; border:1px solid #dcdcdc;}
.btn_white:hover {background-color:#e6e6e6; border:1px solid #ccc;}

button:disabled,
button:hover:disabled {color:#cecece !important; background-color:#fff !important; border:1px solid #dcdcdc !important;}

/* close button */
.carrier_control_section .btnRemoveMediaSource,
.btn_plus_delete {position:absolute; top:10px; right:12px; display:inline-block; width:15px; height:15px; background:url(../images/btn/btn_plus_delete.png) center center no-repeat;
transform:rotateZ(0deg);
-webkit-transform:rotateZ(0deg);
transition-timing-function:ease-in-out;
-webkit-transition-timing-function:ease-in-out;
transition:.5s;
-webkit-transition:.5s;}
.carrier_control_section .btnRemoveMediaSource:hover,
.btn_plus_delete:hover {transform:rotateZ(365deg); -webkit-transform:rotateZ(365deg);}