/* ------------------------------------------------- */
/* google-material-design-icons start */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/google-material-design-icons/MaterialIcons-Regular.eot'); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url('../fonts/google-material-design-icons/MaterialIcons-Regular.woff2') format('woff2'),
    url('../fonts/google-material-design-icons/MaterialIcons-Regular.woff') format('woff'),
    url('../fonts/google-material-design-icons/MaterialIcons-Regular.ttf') format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 16px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  
 margin: auto;
 
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* google-material-design-icons end */
/* ------------------------------------------------- */

a{
	/* color:#007bff; */ 
	color:#3245a7;
}

/* 앱에서는 보여주지 않는 부분 설정. 미리 none 으로 해두고 js 로 표시처리한다. */
.artwork_ui .app-show {
	display: none ;
}

.artwork_ui .app-hide {
	display: none ;
}

/* 왼쪽메뉴 */
.artwork_ui .sidebar .bg{
	position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background-image: url('/common/images/back-menu.jpg');
	background-repeat: no-repeat;
    opacity: 0.15;
    width: 100%;
    height: 100%;
}

.artwork_ui .sidebar .sidebar-wrapper{
    z-index: 10;
}

.artwork_ui .navbar .navbar-nav .nav-item .dropdown {
  margin: 0px;
}

.artwork_ui .navbar .navbar-nav .nav-link i.nc-icon {
  top: 0px;
}

@media screen and (min-width: 992px) {
	/* pc viewport 일때(paper-dashboard-2의 최대 width viewport 일때)
	
	/* min-width: 992px 이상 대비하여, 백그라운드 처리 */
	html,body {
		background: #333 url(../img/bg_pattern.gif);
	}
	 
	/* wrapper max-width 설정 및 전체 가운데 정렬 처리*/
	.artwork_ui .wrapper{
		max-width:1200px;
		margin-left: auto; 
		margin-right: auto; 
	}

	/* 왼쪽 맨끝에 위치하게 되는 메뉴바 위치를 상위 레이어에 대응하여 이동하도록 변경 (fixed->absolute) */
	.artwork_ui .sidebar {
		position:absolute;
	}

	/* 상단 네비바 사이즈 조정 */
	.artwork_ui .navbar {
		padding:0px;
	}
	
	.artwork_ui .navbar .container-fluid {
		padding-top:10px;
		padding-bottom:10px;
		height:62px;
	}

	.artwork_ui .navbar .navbar-toggler-group {
		display: none ;
	}

	.artwork_ui .navbar .navbar-user-icon {
		display: none;
	}
		
	.artwork_ui .main-panel >.content {
		min-height: calc(100vh - 123px);
		margin-top: 80px;
		padding-bottom: 0px;
	}

	.artwork_ui .main-panel {
		min-width:320px;
	}
}

@media screen and (max-width: 991px) {
	/* 상단 네비바 사이즈 조정 */
	.artwork_ui .navbar {
		padding:0px;
	}
	
	.artwork_ui .navbar .navbar-nav {
	  margin: 20px 0 0 0;
	}

	.artwork_ui .navbar .container-fluid{
		padding-top:17px;
		padding-bottom:18px;
	}

	.artwork_ui .navbar .navbar-toggler-group {
		display: ;
	}
	
	.artwork_ui .navbar .navbar-user-icon {
		display: inline;
	}
		
	/* 상단 네비바 풀다운시 그림자 처리 */
	.artwork_ui .navbar.bg-white {
		border-bottom: 1px solid #ddd;
		box-shadow:3px 3px 7px gray;
	}

	.artwork_ui .main-panel >.content {
		min-height: calc(100vh - 123px);
		margin-top: 80px;
		padding-bottom: 0px;
	}

	.artwork_ui .main-panel {
		min-width:320px;
	}
}

.artwork_ui .btn-comics-index {
	width:100px;
} 


.artwork_ui .btn-comics-dropdown-btn {
	padding: 5px 7px 5px 7px;
	width: 65px;
}

.artwork_ui .content .artwork_grid {
	padding:0px 7px 0px 7px;
}

.artwork_ui .content .card {
	margin-bottom:15px;
	height:calc(100% - 15px);	
}

.artwork_ui .content .card-header .btn {
	margin:0px;
}

.artwork_ui .content .card-body-after-header {
	padding-top:0px;
}

.artwork_ui .content .no-content {
	height:100px;
}

.artwork_ui .content .no-content .table {
	width:100%;
	height:100%;
}

.artwork_ui .content .no-content .message {
}

.artwork_ui .content .card-body .btn {
	margin:0px;
}
.artwork_ui .table {
	padding:1px; margin:1px;
}

.artwork_ui .table thead th{
	font-size:10pt;	
}

.artwork_ui .table tbody th.comics-path {
	text-align:left;
}

.artwork_ui .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	padding:5px;
	font-size:10pt;	
}

.artwork_ui .table th{
	text-align: center;
}

.artwork_ui .table th,td,i,img,a,span{
	vertical-align: middle;
}

artwork_ui .table .btn{
	font-size:7pt; width:66px; padding:3px;
}
artwork_ui .table .last_line {
	height:0px; padding:0px;
}

.artwork_ui .table .highlight {
	font-weight: bold;
	color: #5050d0;
}

/* 테이블 조절 */
.artwork_ui .table .table-mobile-view .border-top {
		border-top: 1px solid #ddd;
}

@media screen and (min-width: 601px) {
	.artwork_ui .div-pc-view {
		display:;
	}
	.artwork_ui .div-mobile-view {
		display:none;
	}	
	.artwork_ui .table .table-pc-view {
		display:;
	}
	.artwork_ui .table .table-mobile-view {
		display:none;
	}
	
	.artwork_ui .table .left_index {
		width:130px;
	}
}

@media screen and (max-width: 600px) {
	.artwork_ui .div-pc-view {
		display:none;
	}
	.artwork_ui .div-mobile-view {
		display:;
	}	
	.artwork_ui .table .table-pc-view {
		display:none;
	}
	.artwork_ui .table .table-mobile-view {
		display:;
	}

	.artwork_ui .table .left_index {
		width:90px;
	}
}

.artwork_ui .content .sns_share {
	float: right;
	margin: 2px;
	font-weight: normal;
	font-size: 9pt;
}

.artwork_ui .content .reply_content .best_reply_list td {
	word-break: break-all;
	background-color: #efefff;
}

.artwork_ui .content .reply_content .best_reply_list .user_td {
	background-color: #cdcdff;
}

.artwork_ui .content .reply_content .best_reply_list .table-mobile-view .user_td {
	background-color: #cdcdff;
}


.artwork_ui .content .reply_content .reply_list td {
	word-break: break-all;
}

.artwork_ui .content .reply_content .reply_list .user_td {
	background-color: #f0f0f0;
}

.artwork_ui .content .reply_content .reply_list .table-mobile-view .user_td {
	background-color: #f4f4f4;
}

.artwork_ui .content .reply_content .btn {
	margin: 1px 0 1px 0;
	font-weight: normal;
}

.artwork_ui .content .reply_content .my_action {
	font-size : 20px;
}

.artwork_ui .content .reply_content td .table {
	margin:0;
	padding:0;
}

.artwork_ui .footer {
	padding:7px;
}

.reporter_photo_min {
        width: 20px;
        height: 20px;
        object-fit: cover;
        border-radius: 10px;
}

.reporter_photo_small {
        width: 30px;
        height: 30px;
        object-fit: cover;
        border-radius: 15px;
}

.reporter_photo_big {
        width: 120px;
        height:150px;
        object-fit: cover;
}