/*  */

/* 카테고리 css */


.booklist-box .booklist-box__table-box th {
	padding : 0px !important;
}
/**/

/* modal video*/
	.modal-video {
		position: fixed;
		width: 100%;
		height: 100%;
		background: url('/html/images/common/transparent.png') repeat;		
		z-index: 9999;
		top: 0px;
		left: 0px;
		display: none;
	}
	.modal-video > .iframe-wrap {
		position: relative;
		left : 50%;
		top : 50%;
		transform: translate(-50%, -50%);
		width: 75%;
		height: auto;
		padding-bottom: 56.25%;
	}
	.modal-video > .iframe-wrap iframe {
		position: absolute;
	}
	.modal-video > .iframe-wrap .btn-modalclose{
		position: absolute;
		right: -80px;
		top: 13%;
		background: url('/html/images/common/btn_close.png'); 
		width: 64px; 
		height: 64px; 
		cursor: pointer;
		z-index: 999999;
	}
/**/

/**/
	.sub-viewer {
		width: 100%;
		text-align: center;
	}
	.sub-viewer > img{
		width: 100%;
		max-width: 1920px;
		min-width: 1200px;
		display: block;
	}
	.sub-title {
		padding: 32px 0px 32px 0px;
		font-size: 40px;
		line-height: 90px;
		text-align: center;
		font-family: 'Hanna';
	}
/**/

/**/

	.pst-yellow{
		background: #ffc107;
		color : #212529;
		
	}
	.pst-blue{
		background: rgb(0, 188, 212);;
		color : white;

	}
	.pst-green{
		background: #03CF5D;
		color : white;

	}
	.pst-purple{
		background: #6f42c1;
		color : white;

	}

	.pst-dark{
		background: #343a40;
		color : white;

	}


	.pst-red{
		background: #dc3545;
		color : white;

	}
	.pst-gray{
		color: white;
		background: #6c757d;
	}

	.pst-brown{
		color: white;
		background: #c86f11;
	}

	.pst-pink{
		color: white;
		background: #ff8edf;
	}



	.learningfit-color {
		background : #25b5ba;
		color: white;
	}
/**/

/**/
	.card-wrap {
		width: 100%;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		margin : -20px 0px 50px 0px;
	}

	.card-wrap .card {
		width: 360px;
		margin-top: 20px;
		display: inline-block;
		position: relative;
		overflow: hidden;
		cursor: pointer;
		background: white;
	}

	.card-wrap .card-bottom {
		padding: 20px 10px 20px 10px;

		border: 1px solid gainsboro;
		border-top: 0px;
		border-radius: 0px 0px 10px 10px;
		color: dimgray;
		white-space: nowrap; 
  		overflow: hidden;
  		text-overflow: ellipsis;
		font-family: 'Hanna';
		font-size: 15px;
	}

	.card-wrap .card img {
		width: 100%;
		display: block;
		border-radius: 10px 10px 0px 0px;
	}

	.card-wrap .card:not(:nth-of-type(3n)) {
		margin-right: 42px;
	}

	.card-wrap .status-mark {
		position: absolute;
		display: inline-block;
		width: 100px;
		padding: 4px 0px 4px;
		text-align: center;
		transform: rotate(-45deg) translate(-28px, -18px);
		font-family: 'Hanna';
	}

	.card-wrap .status-mark.category_68{
		background: #FD4079;
		color: white;
	}

	.card-wrap .status-mark.category_69 {
		background: #746D69;
		color: white;
	}
/**/