.mca {
	/*height: 400px;
    overflow-x: hidden;
    overflow-y: auto;*/
	padding-top: 20px;
}

.picture img {
	/*max-width: 592px !important;*/
	max-width: 816px !important;
	display: block;
	margin: 0 auto 20px auto;
}

.youtube > div {
	text-align: center;
	margin-bottom: 20px;
}

.youtube > div:first-child {
	margin-bottom: 0px;
}



/* card */
.card {

}
/* card */


.footer--pop__tag i.fa-close {
	position: relative;
	margin-top: -2px;
	margin-left: 10px;
	margin-right: -15px;
}

.footer--pop__tag i.fa-close:hover {
	font-size: 120%;
}

/* --textbook */
.card--textbook {
	width: 150px;
	height: auto;
	float: left;
	margin-right: 60px;
	margin-bottom: 26px;
}

.card--textbook__img {
	width: 150px;
	height: 200px;
	/*
		border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
		*/
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.card--textbook__title {
	width: 150px;
	font-size: 16px;
	text-align: center;
	color: #263547;
	padding-top: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.card--textbook__depth {
	font-size: 18px;
	text-align: center;
	color: #263547;
	padding-top: 15px;
}
/* --textbook */



/* --shape-a */
.card--shape-a {
	width: 284px;
	height: auto;
	float: left;
	border-radius: 6px;
	position: relative;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.card--view {
	width: 284px;
	/*height: auto;
    min-height: 160px;*/
	height: 160px;
	overflow: hidden;
	position:relative;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

/*20190131 add*/
.arrayBox {display:block; height:30px; margin-top:10px; position:relative;}
.arrayBox .radio--shape-a {margin-left:0px;}
.card--view a {display:block;height:100%;}
.card--view .curation {display:inline-block; width:auto; position:absolute; bottom:5px; right:7px; left:auto;}
.card--view .curation ul {display:inline-block; float:left;}
.card--view .curation ul li {display:inline-block; width:auto; margin:0 1px 0 2px; float: left;}
.card--view .curation ul li span {display:inline-block; width:37px; height:37px; text-indent:100%; white-space:nowrap; overflow:hidden; background-repeat:no-repeat;}
.card--view .curation ul li span.youtube {background-image: url(../img/icon/curationIcon_youtube.png);}
.card--view .curation ul li span.pollquiz {background-image: url(../img/icon/curationIcon_poll.png);}
.card--view .curation ul li span.picture {background-image: url(../img/icon/curationIcon_picture.png);}
.card--view .curation ul li span.drawing {background-image: url(../img/icon/curationIcon_drawing.png);}
.card--view .curation ul li span.project {background-image: url(../img/icon/curationIcon_project.png);}
.card--view .curation ul li span.text {background-image: url(../img/icon/curationIcon_text.png);}
.card--view .curation ul li span.web {background-image: url(../img/icon/curationIcon_web.png);}
.card--view .curation span.more {display:inline-block; float:left; margin:8px 0 0 2px; width:23px; height:23px; text-indent:100%; white-space:nowrap; overflow:hidden; background-image: url(../img/icon/curationIcon_more.png); background-repeat:no-repeat;}
.card--view .teachersPick {display:inline-block; position:absolute; bottom:5px; left:10px; width:58px; height:57px; text-indent:100%; white-space:nowrap; overflow:hidden; background-repeat:no-repeat; background-image: url(../img/icon/teachersPick.png);}
/*//20190131 add*/

.card--view__img {
	width: 284px;
	height: auto;
}

.card.card--shape-a.media .card--view {
	width: 284px;
	height: 160px;
	overflow: hidden;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.card.card--shape-a.media .card--view:after {
	content: '';
	width: 72px;
	height: 72px;
	background-image: url(../img/icon/play_black_72x72.png);
	display: block;
	position: absolute;
	top: 46px;
	left: 50%;
	transform: translate(-50%, 0);
}

.card--user {
	/*width:100%;*/
	padding: 16px 12px;
	background-color: #fff;
	position: relative;
}

.card--user__img {
	width: 48px;
	height: 48px;
	margin-right: 12px;
	border-radius: 100%;
	display: block;
	float: left;
}

/*
.card--user__title {
	font-size: 18px;
	color: #263547;
	padding-top: 6px;
}

.card--user__sub {
	font-size: 14px;
	color: #263547;
	padding-top: 4px;
	opacity: 0.7;
}
*/
.card--user__title {
	font-size: 18px;
	color: #263547;
	padding-top: 6px;
	/*width:165px;*/
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.3em;
}

.card--user__sub {
	font-size: 14px;
	color: #263547;
	padding-top: 4px;
	opacity: 0.7;
	/*width:165px;*/
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.3em;
}

.card--user span.level {display:inline-block; position:absolute; left:1px; top:5px;}
.card--user span.level img {width:70px; height:70px; border:0px; -ms-interpolation-mode:bicubic; image-rendering:crisp-edges;}

.card--user--button {
	padding: 16px 12px;
	background-color: #fff;
	position: relative;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	height:20px;
}

.card--user--button .button {
	float:right;
}

.card--user__like {
	width: 20px;
	height: 19px;
	background: #fff;
	/*display: block;
	position: absolute;
	top: 26px;
	right: 14px;*/
	z-index: 1;
	padding: 0;
	margin: 0;
	
}

.card--user__like:hover .icon--like {
	background: url(../img/icon/like_on_20x18.png) no-repeat;
}

.card--user__like.is-active .icon--like {
	background: url(../img/icon/like_on_20x18.png) no-repeat;
}

.card--user__import {
	width: 20px;
	height: 19px;
	background: #fff;
	/*position: absolute;
	display: block;
	top: 26px;
	right: 14px;
	z-index: 1;*/
	padding: 0;
	margin: 0;
	margin-left:10px;
}

.card--user__import:hover .icon--import {
	background: url(../img/icon/import_on.png) no-repeat;
}

.card--user__import.is-active .icon--import {
	background: url(../img/icon/import_on.png) no-repeat;
}

.icon--import {
	width: 20px;
	height: 19px;
	background: url(../img/icon/import_off.png) no-repeat;
}

.icon--like {
	width: 20px;
	height: 19px;
	background: url(../img/icon/like_off_20x18.png) no-repeat;
}

.card--info {
	background-color: #fff;
	font-size:80%;
	float:left;
	width:200px;
	padding:4px 0;
}

.card--info span.import {
	font-weight:bold;
}

.card--info span.view {
	font-weight: bold;
	margin-left:10px;
}

.card--desc {
	display: block;
	/*padding: 4px 14px 24px;*/
	padding: 4px 14px 4px;
	background-color: #fff;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	/*height: 64px;*/
	overflow: hidden;
	position:relative;
}

.card--desc__text {
	display: -webkit-box;
	font-size: 16px;
	line-height: 18px;
	color: #263547;
	word-break: break-word;
	height: 38px;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	margin: 0 auto;
}


.card--tag {
	padding: 20px 14px 0;
	background-color: #fff;
}

.card--tag__text {
	font-size: 16px;
	line-height: 18px;
	color: #263547;
	word-break: break-word;
}

.card--tag__wrap {
	width: 256px;
	padding-top: 15px;
}

.card--tag__wrap .btn--shape--d {
	margin: 0 0px 8px 0;
}

.card--thum {
	padding: 16px 12px;
	background-color: #fff;
	position: relative;
}

.card--thum:after {
	content: '';
	clear: both;
	height: 0;
	display: block;
	overflow: hidden;
}

.card--thum .card--user__img {
	width: 48px;
	height: 48px;
	margin-right: 4px;
	border-radius: 100%;
	display: block;
	float: left;
}
/* --shape-a */





/* button */
/* button */
.button {
}

/* btn */
/* btn--shape--a = 180 * 40 */
.btn--shape--a {
	width: 180px;
	height: 40px;
	display: block;
	padding: 12px 0;
	font-size: 14px;
	color: #fff;
	background-color: #0056dc;
	border: 0 none;
	border-radius: 4px;
}
/* btn--shape--b = 120 * 36 */
.btn--shape--b {
	width: 120px;
	height: 36px;
	border: 0;
	border-radius: 4px;
	background-color: #0056dc;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	display: block;
	float: right;
}
/* btn--shape--c = line btn */
.btn--shape--c {
	padding: 10px 24px;
	border: 1px solid #b6bdc4;
	border-radius: 4px;
	background-color: inherit;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #263547;
	display: block;
}
/* btn--shape--d = 180 * 40 */
.btn--shape--d {
	padding: 7px 15px;
	font-size: 14px;
	color: #263547;
	background-color: #fff;
	border: 1px solid #bdc2c7;
	border-radius: 35px;
}
/* btn*/

/* btn--add__contents */
.btn--add__contents {
	/*min-width: 144px;*/
	border: 1px solid #bdc2c7;
	border-radius: 4px;
	padding: 6px 20px;
	display: inline-block;
	color: #263547;
}

.btn--add__contents:hover {
	color: #0056dc;
	border: 1px solid #0056dc;
}


.btn--delete__contents {
	border: 1px solid #bdc2c7;
	border-radius: 4px;
	padding: 6px 20px;
	display: inline-block;
	color: #263547;
}

.btn--delete__contents:hover {
	color: #0056dc;
	border: 1px solid #0056dc;
}

.btn--add__accept {
	border: 1px solid #bdc2c7;
	border-radius: 4px;
	padding: 10px 45px;
	display: inline-block;
}


.btn--add__contents span {
	display: inline-block;
	vertical-align: middle;
}

.icon--add {
	width: 12px;
	height: 12px;
	background: url(../img/icon/add_12x12.png) no-repeat;
	margin: 5px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}

.icon--add16 {
	width: 16px;
	height: 16px;
	background: url(../img/icon/add_16x16.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: -1px;
}

.icon--rotate {
	width: 20px;
	height: 22px;
	background: url(../img/icon/rotate_20x22.png);
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}

.icon--crop {
	width: 20px;
	height: 20px;
	background: url(../img/icon/crop_20x20.png);
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}
/* btn--add__contents */

/* button--shape-a */
.button--shape-a {
	font-weight: bold;
	border: 1px solid #bfc4c9;
	border-radius: 35px;
	padding: 10px 25px;
	background-color: #fff;
}

.button--shape-a:hover {
	color: #0056dc;
	border: 1px solid #0056dc;
}

.button--shape-a .icon--tag__close {
	display: none;
}

.button--shape-a.is-active .icon--tag__close {
	display: inline-block;
}

.button--shape-a.is-active {
	color: #0056dc;
	border: 1px solid #0056dc;
}


/* button--shape-d */
.button--shape-d {
	font-weight: bold;
	border: 1px solid #bfc4c9;
	border-radius: 35px;
	padding: 5px 20px;
	margin-bottom:5px;
	background-color: #fff;
}

.button--shape-d:hover {
	color: #0056dc;
	border: 1px solid #0056dc;
}

.button--shape-d .icon--tag__close {
	display: none;
}

.button--shape-d.is-active .icon--tag__close {
	display: inline-block;
}

.button--shape-d.is-active {
	color: #0056dc;
	border: 1px solid #0056dc;
}



.icon--tag__close {
	width: 14px;
	height: 14px;
	display: inline-block;
	background-image: url(../img/icon/tag_close_14x14.png);
	vertical-align: middle;
	vertical-align: middle;
	margin-top: -4px;
	margin-left: 20px;
}
/* button--shape-a */

/* button--shape-b */
.button--shape-b {
	font-weight: bold;
	color: #263547;
	border: 1px solid #263547;
	border-radius: 4px;
	padding: 14px 60px;
	background-color: inherit;
}

.button--shape-b.is-active {
	font-weight: bold;
	color: #fff;
	border: 1px solid #0056dc;
	background-color: #0056dc !important;
	border-radius: 4px;
	padding: 14px 60px;
	background-color: inherit;
}
/* button--shape-b */

/* button--shape-c */
.button--shape-c {
	font-weight: bold;
	border: 1px solid #bfc4c9;
	border-radius: 35px;
	padding: 12px 30px 8px;
	background-color: #fff;
}

.button--shape-c.is-active {
	color: #0056dc;
	border: 1px solid #0056dc;
}

.button--shape-c:hover {
	color: #0056dc;
	border: 1px solid #0056dc;
}
/* button--shape-c */

/* button--shape-add16 */
.button--shape-add16 {
	width: 36px;
	height: 36px;
	box-sizing: border-box;
	border: 1px solid #bfc4c9;
	border-radius: 50%;
	background-color: #fff;
}

.button--shape-add16:hover {
	color: #0056dc;
	border: 1px solid #0056dc;
}
/* button--shape-add16 */

/* button */
/* button */





/* icon */
.icon--depth {
	width: 18px;
	height: 18px;
	background-image: url(../img/icon/book_18x18.png);
	display: inline-block;
	margin-right: 4px
}
/* icon */

/* noItem */
.noItem {
	display: table;
	width: 100%;
}

.noItem span {
	display: table-cell;
	height: 400px;
	text-align: center;
	vertical-align: middle;
}
.noItem.mt span {
	display: table-cell;
	height: 400px;
	text-align: center;
	vertical-align: middle;
  font-family: 'Pretendard', sans-serif;
  color:#E1E3EB;
  font-size:20px;
}
.noItem span em {
  display: block;
  width:30px; height:30px;
  margin:0 auto 10px;
  background: url('../img/icon/icon_exclamation_gray.svg') no-repeat;
  background-size:100%;
}
/* //noItem */


img.user--id__profile {
	width : 48px;
	height : 48px;
}