@charset "utf-8";
/**
 * lib2.css
 * Components Library : BBS1 + Add Share Contents ..
 * 20210102 | @m | 최초 등록
 * 20210108 | @m | 요구반영. 결함개선. 고도화.
 ((생략))
 * 20220215 | @m | .cp1layer1lightbox1{ z-index }
 * 20220225 | @m | .cp1search1 수정
 * 20220304 | @m |
 * 20220311 | @m |
 * 20220318 | @m |
 * 20220325 | @m |
 * 20220401 | @m |
 * 20220408 | @m |
 * 20220415 | @m |
 * 20220422 | @m |
 * 20220429 | @m |
 * 20220504 | @m |
 * 20220513 | @m |
 * 20220527 | @m |
 * 20220603 | @m |
 * 20220610 | @m |
 * 20220617 | @m |
 * 20220624 | @m | 
 * 20220708 | @m | .cp1bbs4view1 .reply2{}
 * 20220722 | @m | 
 * 20221220 | @m | .cp2share2, .cp1fcard8
 * 20230203 | @m | .cp1search1
 */


/** Table of contents ))
 | .cp1~ 여기서 새로 만든 콘텐츠
 | .cp2~ 가져와서 맞춤 (( /_res/learn/
 | .cp3~ 가져와서 맞춤 (( /_res/manage1/
 */


/* ◇◆ .cp1~ ◇◆◇◆◇◆◇◆ */


/* 폭제한 (로그인,비밀번호재설정,회원가입..) 20220311 */
.cp1width1{
	display:block;
	max-width:436px;
	margin:auto;
}


/* 폭제한 (가입이력) 20220311 */
.cp1width2{
	display:block;
	max-width:505px;
	margin:auto;
}


/* 폭제한 (트렌드 상세) 20220408 */
.cp1width3{
	display:block;
	max-width:700px;
	margin:auto;
	word-wrap:break-word;
	word-break:keep-all;
}


/* 정보메뉴 (#body_head 안에서 사용) 20210204 */
.cp1infomenu1{
	clear:both;
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	margin:1em 0 0 auto;
}
.cp1infomenu1 .w1{}
.cp1infomenu1 .w2{
	margin:0 0 0 1em;
}
.cp1infomenu1 .select{
	min-width:8.5em;
}
.cp1infomenu1 .button{
	margin-left:1em;
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1infomenu1{
		position:absolute;right:0;top:0;
		margin-top:.1875em;
	}
}


/* 정보메뉴 20210203 */
.cp1infomenu2{
	clear:both;
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	margin:0 0 1.5em;
	padding:.75em 1.125em;
	border:1px solid #3e434b;
	border-radius:5px;
}
.cp1infomenu2 .w1{}
.cp1infomenu2 .w2{}


/* 선택목록 20210610 */
.cp1select1{
	display:block;
	position:relative;
	margin:0 -.5%;
}
.cp1select1:after{content:'';display:table;clear:both;}
.cp1select1 .select{
	float:left;
	margin-left:.5%;margin-right:.5%;
}
/* ☆ */
.cp1select2{
	display:block;
	position:relative;
	margin:0 -.5%;
}
.cp1select2:after{content:'';display:table;clear:both;}
.cp1select2 .select{
	float:left;
	width:49%;
	margin-left:.5%;margin-right:.5%;
}
/* ☆ */
.cp1select3{
	display:block;
	position:relative;
	margin:0 -.5%;
}
.cp1select3:after{content:'';display:table;clear:both;}
.cp1select3 .select{
	float:left;
	width:32.333%;
	margin-left:.5%;margin-right:.5%;
}


/* 검색 20220617. 20230203. */
.cp1search1{
	position:relative;
	display:flex; /* ☆ */
	align-items:center;
	margin:.375em 0; /* (.button 마진) */
	border-bottom:2px solid #ccc;
	overflow:hidden;
}
.cp1search1 input[type='text']{
	flex:auto;
	height:2.875rem;
	margin:0 0 -2px;
	padding:.5em .375em;
	border:0;
	border-radius:0;
	background:none;
	color:#eee;
	font-weight:300;
	font-size:1.125em;
}
.cp1search1 input[type='text']:focus{
	outline:0;
}
.cp1search1 input[type='text']::placeholder {
  color:#94969e;
}
.cp1search1 .submit{
	flex:none;
	width:18px;
	height:2.875rem;
	margin:0 .375em -2px;
	padding:0;
	border:0;
	border-radius:0;
	background:url(../../img/lib2/ic56a2c0search1.png) no-repeat center center / contain;
	font-size:1.125em;
}
.cp1search1 .submit:hover,
.cp1search1 .submit:focus{
	box-shadow:none;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1search1 .submit{
		width:28px;
	}
}


/* 검색배치 20210610 */
.cp1select3search1{
	overflow:hidden;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1select3search1 .cp1select1,
	.cp1select3search1 .cp1select2,
	.cp1select3search1 .cp1select3{
		float:left;
		width:50%;
	}
	.cp1select3search1 .cp1search1{
		float:right;
		width:40%;
	}
}


/* 탐색요소들 20220401 */

/* 닫기 */
.cp1b1close1{display:block;
	z-index:10;
	position:relative;
	width:16px;height:16px;
	margin:-20px 0 10px auto;
	background:url(../../img/lib/ic32a1c0x2.png) no-repeat center center / 32px 32px;
	overflow:hidden;
	text-indent:-9999px;
	transition:.2s;
}
/* 돌아가기 */
.cp1b1back1{
	display:inline-flex; /* ☆ */
	align-items:center;
	z-index:10;
	position:relative;
	white-space:nowrap;
}
.cp1b1back1 .ic1{
	display:inline-block;
	width:1.625em;
	height:1.625em;
	background:url(../../img/lib2/ic52a1c2return1.png) no-repeat center center / contain;
}
.cp1b1back1 .t1{
	margin:0 0 0 .25em;
	color:#f7f7f7;
	font-weight:400;
	font-size:1.25em;
}
/* 뒤로 */
.cp1b1back2{
	display:inline-flex; /* ☆ */
	align-items:center;
	z-index:10;
	position:relative;
	white-space:nowrap;
}
.cp1b1back2 .ic1{
	display:inline-block;
	width:1.125em;
	height:1.125em;
	max-width:18px;
	max-height:18px;
	background:url(../../img/lib/ic36a2c0left1.png) no-repeat center center / contain;
	opacity:.58;
}
.cp1b1back2 .t1{
	margin:0 0 0 .25em;
	color:#b1bac4;
	font-size:1em;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1b1close1{
		margin-top:-30px;
	}
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1b1close1{
		margin-top:-40px;
	}
}
/* ◇◆ */
@media all and (min-width:1340px){
	.cp1b1close1{
		width:32px;height:32px;
		margin:-38px -44px -44px auto;
	}
}


/* 컬럼배치 (돌아가기..) 20220325 */
.cp1row1{
	display:flex; /* ☆ */
	justify-content:space-between;
}
.cp1row1 .column1{
	margin:0 1.5em 0 0;
}
.cp1row1 .column2{
	flex:none;
}


/* 컬럼배치 (제안하기..) 20210401 */
.cp1row2{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
}
.cp1row2 .column1{
	margin:0 1.5em 0 0;
}
.cp1row2 .column2{}


/* 폼아이템 20210316 */
.cp1form1item1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	padding:1em;
	border-radius:5px;
	background:rgba(255,255,255, .05);
	margin-bottom:1em;
	font-size:1.125em;
}
.cp1form1item1:before,
.cp1form1item1:after{content:'';display:table;clear:both;}
.cp1form1item1>.dt{
	width:100%;
}
.cp1form1item1>.dd{
	width:100%;
}
.cp1form1item1 .tt1{
	display:inline-block;
	font-weight:500;
	opacity:.5;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1form1item1>.dt{
		width:7em;
		margin:0 1em;
	}
	.cp1form1item1>.dd{
		width:calc(100% -	9em);
	}
	.cp1form1item1 .tt1{
		margin:.75em 0;
	}
	.cp1form1item1 .s1{
		margin:.5em 0;
	}
}


/* 폼아이템목록 (라디오, 체크박스..) 20220624 */
.cp1form1itemlist1{
	position:relative;
	font-size:.9375em;
	line-height:1.375;
}
.cp1form1itemlist1 .lst1{
	list-style:none;
	margin:0 0 1.5em;
	padding:0;
}
.cp1form1itemlist1 .li1{
	padding:.375em 0;
	border-bottom:1px solid rgba(255,255,255, .1);
	overflow:hidden;
}
.cp1form1itemlist1 .li1 .tg1{
	float:left;
	width:calc(100% - 5em);
	overflow:hidden;
}
.cp1form1itemlist1 .li1 .st1{
	display:none;
	float:right;
	padding:.5625em 0;
}
.cp1form1itemlist1 .li1.on .st1{
	display:block;
}
.cp1form1itemlist1 .li1 input[type]{
	float:left;
}
.cp1form1itemlist1 .li1 label[for],
.cp1form1itemlist1 .li1 .t1{
	display:block;
	padding:.875em .75em .875em .375em;
	overflow:hidden
}


/* ◇◆◇◆◇◆◇◆◇◆ */


/* 태그 20210218 */
.cp1tag1{
	display:block;
	margin:30px -.375em;
	color:#fff;
	font-size:.875em;
	line-height:1.375;
	overflow:hidden;
}
.cp1tag1 .tags{
	display:inline;
}
.cp1tag1 .a1{
	float:left;
	margin:.375em;
	padding:.6875em 1em;
	border:1px solid #fff;
	border-radius:9999px;
	color:inherit;
	text-decoration:none;
	opacity:.8;
}
.cp1tag1 .a1[href]:hover,
.cp1tag1 .a1[href]:focus{
	opacity:1;
}
.cp1tag1 .a1.on{
	border-color:transparent;
	background:#da1f21;
	color:#fff;
	opacity:1;
}
/* ☆ */
.cp1tag1 .h1{
	float:left;
	margin:.375em;
	padding:.6875em 1em;
	border:1px solid transparent;
	background:#444;
	border-radius:9999px;
	color:inherit;
	font-weight:400;
}
.cp1tag1 .more{
	float:left;
	margin:.375em;
	padding:.6875em 1em;
	border:1px solid #da1f21;
	border-radius:9999px;
	color:#da1f21;
}
/* .type2 (영상미리보기 해시태그..) */
.cp1tag1.type2 .a1{
	padding:.375em 1em;
}


/* 카드갤러리 (클래스) 20210531. 20210830 */
.cp1fcard1{display:block;
	z-index:0;
	position:relative;
	margin:calc(18px + 3.5%) auto 0; /* ((60-18)/1200) */
	padding:calc(18px + 1.5%) 0;
	border-top:1px solid rgba(255,255,255, .2);
	border-bottom:1px solid rgba(255,255,255, .2);
	line-height:1.375;
}
.cp1fcard1 .wrap1{
	position:relative;
}
.cp1fcard1 .lst1{ /* .even-grid */ }
.cp1fcard1 .item{ /* .even-grid>.column */ }
.cp1fcard1 .item .w1{display:block;
	position:relative;
	margin:0 0 1em;
	overflow:hidden;
}
.cp1fcard1 .item .a1{display:block;
	color:#fff;
	text-decoration:none;
}
.cp1fcard1 .item .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 56.25%;
	text-align:center;
}
.cp1fcard1 .item .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1fcard1 .item .f1p1:before{content:'';display:block;
	z-index:10;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .6);
	opacity:0;
	transition:.2s;
}
.cp1fcard1 .item .f1 img{display:block;
	position:absolute;
	width:100%;
	height:auto;
	min-height:100%;
	margin:auto;
	opacity:1;
	transition:opacity .4s ease;
}
/* ☆ */
.cp1fcard1 .item .tg1{display:block;
	overflow:hidden;
	transition:.2s;
}
.cp1fcard1 .item .t1{display:block;
	position:relative;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	height:2.75em; /* (1.375*2) */
	margin:.75em 0 .25em;
	color:#eee;
	font-weight:500;
	font-size:1.125em; /* (18/16) */
	text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;
}
.cp1fcard1 .item .ratings .t1{}
.cp1fcard1 .item .ratings .star5rating1{
	margin:.5em .5em .5em 0;
	vertical-align:middle;
}
.cp1fcard1 .item .ratings .t2{
	color:#888;
	font-weight:500;
	font-size:.875em;
	vertical-align:middle;
}
.cp1fcard1 .item .t2t1,
.cp1fcard1 .item .t2t2,
.cp1fcard1 .item .t2t3{
	display:inline-block;
	vertical-align:middle;
}
/* ☆ */
.cp1fcard1 .item .tg2{
	position:relative;
	font-size:.875em;
	overflow:hidden;
}
.cp1fcard1 .item .tg2 .t2{
	float:left;
	margin:.5em 1px 0;
	color:#888;
}
.cp1fcard1 .item .tg2 .t3{
	float:right;
	margin:.5em 1px 0;
	padding:.1875em .75em;
	border:1px solid #ed2224;
}
.cp1fcard1 .item .tg2 .t3t1{
	color:#ed2224;
	font-weight:400;
}
/* ☆ */
.cp1fcard1 .item .ic1.play{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:24.176%; /* (66/273) */
	padding:0 0 24.176%;
	background:url(../../img/main/ic152a1c2play1.png) no-repeat center center / contain;
	overflow:hidden;
	text-indent:-9999px;
	opacity:0;
	transform:translate(-50%, -50%);
	transition:.2s;
}
/* ☆ */
.cp1fcard1 .item .a1:hover .f1p1,
.cp1fcard1 .item .a1:focus .f1p1{
	border:2px solid #ed2224;
}
.cp1fcard1 .item .a1:hover .f1p1:before,
.cp1fcard1 .item .a1:focus .f1p1:before{
 opacity:1;
}
.cp1fcard1 .item .a1:hover .ic1.play,
.cp1fcard1 .item .a1:focus .ic1.play{
	opacity:1;
}
.cp1fcard1 .item .a1:hover .tg2,
.cp1fcard1 .item .a1:focus .tg2{
	background:none;
}


/* 더보기 20210114 */
.cp1more1 .more{display:block;
	padding:6px 22px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
.cp1more1 .more .t1{
	font-size:1.0625rem;
}
.cp1more1 .more .ic1{display:block;
	width:29px;
	height:10px;
	margin:1em auto 0;
	background:url(../../img/lib/icw29a1c0down1.png) no-repeat center center / contain;
	transition:.2s;
}


/* 클래스상세(비디오+제목..),영상상세,.. 20210319. 20220318 */
.cp1view1{
	position:relative;
}
/* 비디오래퍼 */
.cp1view1 .w1video{}
.cp1view1 .flex1wrap1{display:block;
	position:relative;
	padding:0 0 56.25%; /* 9/16 */
	background:#000; /* ☆ */
	overflow:hidden;
}
.cp1view1 .w1video .video{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	border:0;
	vertical-align:top;
}
/* ☆ */
.cp1view1 .flex1wrap1 .ic1.play{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:18.248%; /* (50/274) */
	max-width:100px;
	padding:0 0 18.248%;
	background:url(../../img/main/ic100a1c2play1.png) no-repeat center center / contain;
	overflow:hidden;
	text-indent:-9999px;
	opacity:1; /* ☆ */
	transform:translate(-50%, -50%);
	transition:.2s;
}
/* 클래스상세.기본내용 */
.cp1view1 .w1{
	/* padding:0 calc(10px + 2%); */
}
.cp1view1 .w1:before,
.cp1view1 .w1:after{content:'';display:table;clear:both;}
.cp1view1 .w1w1{}
.cp1view1 .w1w2{}
.cp1view1 .tg1{display:block;
	margin:1.875em 0 1em;
}
.cp1view1 .tg1 .t1{
	font-weight:500;
	font-size:1.5em;
	line-height:1.375;
}
.cp1view1 .tg2{display:block;
	margin:1.5em 0;
}
.cp1view1 .tg2 .t2{display:inline-block;
	margin:.25em .5em .25em 0;
	padding:.25em .75em;
	border:1px solid	transparent;
	border-radius:5px;
	background:rgba(255,255,255, .2);
	color:#ccc;
	font-weight:400;
	font-size:.9375em;
}
.cp1view1 .tg3 .b1{display:block;
	height:auto;
	margin:1.75em auto 1em;
	padding:.5em 3em;
	font-weight:400;
	font-size:1.1875em;
	text-align:center;
	text-decoration:none;
}
.cp1view1 .tg3 .t3{display:block;
	margin:.25em 0;
	font-weight:400;
	font-size:2.5em;
	text-align:center;
}
.cp1view1 .tg4{display:block;
	margin:.4375em 0 0;
}
.cp1view1 .tg4 .t4{
	color:#b1bac4;
}
/* ☆ */
.cp1view1 .ratings{display:block;
	margin:1em 0;
}
.cp1view1 .ratings .t2{display:inline-block;
	margin:0 .25em 0 0;
	vertical-align:middle;
}
.cp1view1 .ratings .t3{display:inline-block;
	margin:0 .25em 0 0;
	vertical-align:middle;
}
/* 버튼2배치 */
.cp1view1 .btns2:after{content:'';display:table;clear:both;}
.cp1view1 .btns2 .b2{
	float:left;
	width:52%;
}
.cp1view1 .btns2 .b2+.b2{
	float:right;
	width:44%;
}
/* .type2 (영상상세(20210319.변경전)) */
.cp1view1.type2 .w1w1{
	float:left;
}
.cp1view1.type2 .w1w2{
	float:right;
}
.cp1view1.type2 .cp1menu1{
	margin-left:1em;
}
.cp1view1.type2 .eg1{
	float:right;
}
/* 영상상세.추가변경 */
.cp1view1 .tg5{
	display:flex; /* ☆ */
	margin:2em 0 .5em;
	color:#ccc;
	font-size:.875em;
}
.cp1view1 .tg5~.tg1{
	margin-top:0;
}
.cp1view1 .tg5 .t5{
	position:relative;
	margin:0 .75em 0 0;
	padding:0 .75em 0 0;
}
.cp1view1 .tg5 .t5t1{}
.cp1view1 .tg5 .t5t2{
	color:#ffd52c;
}
.cp1view1 .tg5 .t5:not(:last-child):before{content:''; /*│*/
	display:block;
	position:absolute;right:0;top:50%;
	width:0;
	height:.75em;
	margin:-.375em -1px;
	border-left:1px solid rgba(255,255,255, .2);
}
.cp1view1 .tg5 .t6{
	margin-left:auto;
}
.cp1view1 .fg1{
	display:flex; /* ☆ */
	align-items:center;
}
.cp1view1 .fg1w1{
	width:40px;
	margin:0 1em 0 0;
}
.cp1view1 .fg1w2{}
.cp1view1 .fg1 .t1{
	display:block;
	font-size:.9375em;
}
.cp1view1 .fg1 .t2{
	display:block;
	color:#999;
	font-size:.8125em;
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1view1 .w1w1{
		float:left;
		width:70%;
	}
	.cp1view1 .w1w2{
		float:right;
		width:27%;
	}
}


/* 클래스상세(기본정보~), 공지사항, 1:1문의상세 .. 20220325 */
.cp1view2{
	position:relative;
	padding:calc(10px + 2.5%) calc(10px + 3.333%);
	border-radius:5px;
	background:#181c24;
	color:#b1bac4;
}


/* 영상상세(기본정보~) 20210326 */
.cp1view3{
	position:relative;
	padding:10px calc(10px + 2.5%) 0;
	color:#ccc;
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1view3{
		padding-left:0;
		padding-right:0;
	}
}


/* 클래스상세.기본정보 20210112 */
.cp1info1{
	position:relative;
	font-size:1.125em;
}
.cp1info1 .w1{
	overflow:hidden;
}
.cp1info1 .w1w1{}
.cp1info1 .w1w2{}
.cp1info1 .tg1{}
.cp1info1 .new{display:inline-block;
	margin:.5em 0;
	padding:.25em .5em .25em 0;
	border-color:transparent;
	border-radius:5px;
	color:#fd2;
	font-weight:400;
	font-size:.875em;
	font-family:arial, sans-serif;
	letter-spacing:0;
	text-align:center;
	vertical-align:middle;
}
.cp1info1 .tg1 .t1{display:inline-block;
	vertical-align:middle;
}
.cp1info1 .tg1 .sep{
	margin:0 .25em;
	font-weight:200;
	opacity:.5;
}
.cp1info1 .tg2{}
/* ☆ */
.cp1info1 .g1{display:inline-block;
	margin:.5em .5em .5em 0;
	padding:.25em .5em;
	border-color:transparent;
	border-radius:5px;
	background:#e50;
	color:#fff;
	font-weight:400;
	font-size:.875em;
	font-family:arial, sans-serif;
	line-height:1;
	letter-spacing:0;
	text-align:center;
	vertical-align:middle;
}
.cp1info1 .g1t1{display:block;
	margin:0 0 .125em;
	font-size:.5em;
	text-transform:uppercase;
}
.cp1info1 .g1t2{
	display:block;
}
.cp1info1 .tg3{
	margin:1em 0;
}
/* 진도율 */
.cp1info1 .tg4 .t4{
	font-weight:400;
}
.cp1info1 .tg4 .t4t1,
.cp1info1 .tg4 .t4t3{margin:0 .5em 0 0;}
.cp1info1 .g2{display:block;
	height:8px;
	margin:.5em 0 1.25em;
	border-radius:9999px;
	background:#fff;
	overflow:hidden;
}
.cp1info1 .g2b1{display:block;
	height:100%;
	background:#ed2224;
}
/* ☆ */
.cp1info1 .cp1menu1{display:block;
	margin:0 0 0 auto;
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1info1 .w1w1{
		float:left;
		width:70%;
	}
	.cp1info1 .w1w2{
		float:right;
		width:27%;
	}
}


/* 정의목록 20210112 */
.cp1dl1{
	list-style:none;margin:0;padding:0;
}
.cp1dl1 .di1{
	margin:0 0 .5em;
	padding:0 0 0 .625em;
	background:url(../../img/lib/bu1.png) no-repeat 0 .8125em;
	overflow:hidden;
}
.cp1dl1 .dt1{
	float:left;
	min-width:3em;
	color:#888;
}
.cp1dl1 .sep{
	float:left;
	margin:0 .5em;
	color:#888;
}
.cp1dl1 .dd1{
	display:block;
	overflow:hidden;
}


/* 좋아요수 20210118 */
.cp1like1[class]{
	display:inline-block;
	font-size:.875em;
	text-decoration:none;
	vertical-align:middle;
}
.cp1like1:hover,
.cp1like1:focus{
	margin-bottom:-1px;
	border-bottom:1px dashed rgba(255,255,255, .5);
}


/* 좋아요수.아이콘 20220311 */
.cp1like2[class]{
	display:inline-flex; /* ☆ */
	align-items:center;
	border-bottom:1px dashed transparent;
	font-size:.875em;
	text-decoration:none;
	vertical-align:middle;
}
.cp1like2:before{content:'';
	display:inline-block;
	width:16px;height:16px;
	margin:0 .5em 0 0;
	background:url(../../img/lib2/ic32a1c0like1.png) no-repeat center center / contain;
}
.cp1like2.on:before{
	background-image:url(../../img/lib2/ic32a1c0like1.png);
}
.cp1like2 .cp1like2t1{
	position:absolute;left:-9999px;
}
.cp1like2 .cp1like2t2{}
.cp1like2:hover,
.cp1like2:focus{
	border-bottom-color:rgba(255,255,255, .5);
}


/* 부가메뉴 여닫기 (…) 20220429 */
.cp1menu1{display:inline-block;
	position:relative;
	margin:0 0 0 auto;
	width:30px;
	height:30px;
	text-align:left;
	vertical-align:middle;
}
.cp1menu1 .b1{display:block;
	width:30px;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;
}
.cp1menu1 .b1t1{}
.cp1menu1 .b1ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:23px;height:23px;
	margin:-11.5px;
	background:url(../../img/lib2/ic46a1c0menu1.png) no-repeat center center / contain;
	vertical-align:middle;
}
/* ☆ */
.cp1menu1c{
	display:none;
	z-index:50;
	position:absolute;right:0;
	padding:.125em .75em;
	border:1px solid #b1bac4;
	background:#181c24;
}
.cp1menu1c.on{
	display:block;
}
/* ☆ */
.cp1menu1 .b2{display:block;
	margin:.75em .25em;
	color:inherit;
	font-size:.8125em;
	line-height:1;
	white-space:nowrap;
	vertical-align:middle;
}
.cp1menu1 .b2t1{display:inline-block;
	margin:0 0 0 .25em;
	color:inherit;
	vertical-align:middle;
}
.cp1menu1 .b2ic1{display:inline-block;
	width:18px;
	height:18px;
	background:url() no-repeat center center / contain;
	vertical-align:middle;
}
.cp1menu1 .report .b2ic1{background-image:url(../../img/lib2/ic36a1c2flag1.png);}
.cp1menu1 .pin .b2ic1{background-image:url(../../img/lib2/ic36a1c2pin1.png);}
.cp1menu1 .add .b2ic1{background-image:url(../../img/lib/ic36a1c0plus1.png);}
.cp1menu1 .edit .b2ic1{background-image:url(../../img/lib2/ic36a1c2pen1.png);}
.cp1menu1 .del .b2ic1{background-image:url(../../img/lib2/ic36a1c2trash1.png);}
/* ☆ */
.cp1menu1 .b2:hover,
.cp1menu1 .b2:focus{
	color:#fff;
}


/* 탭패널콘텐츠 (클래스상세..) 20220610 */
.cp1tabs1{
	z-index:0;
	position:relative;
	margin:3em auto;
	line-height:1.375;
	word-wrap:break-word;
	word-break:keep-all;	
}
.cp1tabs1 ul{
	display:flex; /* ☆ */
	list-style:none;
	margin:-1%;
	padding:0;
	text-align:center;
}
.cp1tabs1 li{
	flex:auto;
	display:flex; /* ☆ */
	margin:1%;
}
.cp1tabs1 li a{
	flex:1;
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
	padding:.625em;
	border:1px solid #73737c;
	border-radius:5px;
	color:#73737c;
	font-size:.9375rem;
	text-decoration:none !important;
	text-align:center;
	/* overflow:hidden; */
}
.cp1tabs1 .t1{}
.cp1tabs1 .ic1{}
/* ☆ */
.cp1tabs1 li a:hover,
.cp1tabs1 li a:focus,
.cp1tabs1 li.on a{
	border-color:#fff;
	color:#fff;
	font-weight:400;
}
/*  */
.cp1tabs1 .tooltip1c{
	margin-top:8px;
}
/* 패널콘텐츠 */
.cp1tabs1cont{}
.cp1tabs1pane{}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1tabs1 .even-grid[class]>.column{
		width:auto;
	}
	.cp1tabs1 li a{
		min-width:8em;
		font-size:1.0625rem;
	}
	/* type2 */
	.cp1tabs1.type2 li a{
		width:5.76em; /* (1400~인라인11개) */
	}
}


/* 클래스소개 20210319 */
.cp1lecture1{
	position:relative;
	margin:0 0 1.125em;
	padding:1.5em 2em;
	border-radius:1.125em;
	background:rgba(255,255,255, .1);
	color:#eee;
}
.cp1lecture1 .h1{
	display:block;
	position:relative;
	padding:0 0 0 1.75em;
	font-weight:500;
	font-size:1.5em;
}
.cp1lecture1 .h1:before{content:'';display:block;
	position:absolute;left:0;top:0;
	box-sizing:border-box; /* ☆ */
	width:1.25em;
	height:1.25em;
	margin:.25em 0;
	border:1px solid transparent;
	border-radius:.5em;
	background:#fc0 url(../../img/lib/ic96a1c1bell1.png) no-repeat 50% 50% / contain;
}
.cp1lecture1 .h1.what:before{background-image:url(../../img/lib/ic96a1c1ques1.png);}
.cp1lecture1 .h1.who:before{background-image:url(../../img/lib/ic96a1c1face1.png);}
.cp1lecture1 .h1.backknow:before{background-image:url(../../img/lib/ic96a1c1bell1.png);}
.cp1lecture1 .bu{
	margin:.5em 0 0 1.25em;
	font-size:1.125em;
}


/* 클래스소개.상세 20210604 */
.cp1lecture1detail1{
	display:block;
	position:relative;
	width:100%;
	/* max-width:600px; */
	margin:4em auto;
	color:#eee;
	word-break:keep-all;
}


/* 강사소개 20210112 */
.cp1teacher1{
	position:relative;
}
.cp1teacher1 .w1{
	overflow:hidden;
}
.cp1teacher1 .w1w1{
	float:left;
	width:16%;
	max-width:60px;
	margin:0 calc(8px + 1%) 0 0;
}
.cp1teacher1 .w1w2{
	overflow:hidden;
}
.cp1teacher1 .f1{display:block;
	position:relative;
	margin:auto;
	padding:0 0 100%;
	border-radius:9999px;
	background:#eee;
	text-align:center;
	overflow:hidden;
}
.cp1teacher1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.cp1teacher1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
.cp1teacher1 .tg1{}
.cp1teacher1 .tg2{}

.cp1teacher1 .tg2:before{content:''; /* ─ */
	display:block;
	width:1em;
	height:0;
	margin:.75em 0;
	border-top:1px solid #ccc;
}
.cp1teacher1 .t1{
	color:#eee;
	font-weight:400;
	font-size:1.0625em;
}
.cp1teacher1 .t2{
	color:#ddd;
}
.cp1teacher1 .bu{
	margin-top:0;
}


/* 크리에이터 소개 20210311 [JS] jQmCarousel1(); */
.cp1creator1{
	display:block;
	z-index:0;
	position:relative;
}
.cp1creator1 .wrap1{
	position:relative;
}
/* .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item{} */
.cp1creator1 .owl-carousel{}
.cp1creator1 .owl-stage-outer{
	width:100%; /* (fix) */
}
.cp1creator1 .owl-dots{ /* 도트(플러그인생성) */
	display:none; /* ☆ */
}
/* 내용 */
.cp1creator1 .item{}
.cp1creator1 .item .w1{display:block;
	position:relative;
	text-align:center;
	overflow:hidden;
}
.cp1creator1 .item .a1{display:block;
	color:inherit;
	text-decoration:none;
}
.cp1creator1 .item .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 100%;
	text-align:center;
}
.cp1creator1 .item .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	border:3px solid transparent;
	border-radius:9999px;
	overflow:hidden;
	transition:.2s;
}
.cp1creator1 .item .f1 img{display:block;
	position:absolute;
	width:100%;
	height:auto;
	min-height:100%;
	margin:auto;
	opacity:0;
	transition:opacity .4s ease;
}
.cp1creator1 .owl-loaded .item .f1 img{ /* 이미지 모두 로드 */
	opacity:1;
}
.cp1creator1 .item .tg1{}
.cp1creator1 .item .t1{display:block;
	position:relative;
	margin:.5em 0 .25em;
	font-weight:400;
	font-size:1.0625em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1creator1 .item .t2{display:block;
	margin:.25em 0;
	font-size:.875em;
}
.cp1creator1 .item .t2t1{margin:0 .25em 0 0;}
.cp1creator1 .item .t2t2{}
.cp1creator1 .item .tg2{}
.cp1creator1 .item .b1{display:inline-block;
	margin:.5em 0;
	padding:.25em .75em;
	border:1px solid transparent;
	border-radius:5px;
	background:#000;
	color:#fff;
	font-size:.875em;
	text-align:center;
	text-decoration:none;
}
/* ☆ */
.cp1creator1 .item .a1:hover .f1p1,
.cp1creator1 .item .a1:focus .f1p1{
	border-color:#ed2224;
}
.cp1creator1 .item .a1:hover .f1p1:before,
.cp1creator1 .item .a1:focus .f1p1:before{
 opacity:1;
}
.cp1creator1 .item .b1:hover,
.cp1creator1 .item .b1:focus{
	background:#ed2224;
}
/* 제어 */
.cp1creator1 .mControl{display:block;
	z-index:10;
	position:relative;
	width:60px;
	margin:-20px 0 10px auto;
	overflow:hidden;
}
.cp1creator1 .mControl .m{
	float:left;
	position:relative;
	width:30px;
	height:30px;
	margin:0;
	border:0;
	background:none;
	transition:.2s;
}
.cp1creator1 .mControl .m .ic1{display:block;
	position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat center center / contain;
}
.cp1creator1 .mControl .prev .ic1{
	background-image:url(../../img/lib/ic20a1c0right1.png);
	transform:rotate(180deg);
}
.cp1creator1 .mControl .next .ic1{background-image:url(../../img/lib/ic20a1c0right1.png);}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1creator1 .owl-carousel{
		/* width:calc(100% - 40px); */
		width:100%;
	}
	.cp1creator1 .mControl{
		position:absolute;right:0;top:0;
		width:30px;
		/* margin:100px -9px 0 0; */
		margin:100px -40px 0 0;
	}
}


/* 제목(.hb1.h1) 우측메뉴 20210113 */
.cp1menu2{
	margin:-10px 0 24px;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1menu2{
		margin:-70px 0 30px;
		text-align:right;
	}
}


/* 커리큘럼 20210113 */
.cp1flist1{
	z-index:0;
	position:relative;
}
.cp1flist1 .w1{
	padding:24px 0;
	border-top:1px solid #444;
	overflow:hidden;
}
.cp1flist1 .w1w1{
	float:left;
	width:30%;
	max-width:280px;
	margin:0 calc(10px + 2.5%) 0 0 ;
}
.cp1flist1 .w1w2{
	overflow:hidden;
}
/* ☆ */
.cp1flist1 .a1{display:block;
	color:#fff;
	text-decoration:none;
}
.cp1flist1 .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 56.25%;
	text-align:center;
}
.cp1flist1 .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1flist1 .f1p1:before{content:'';display:block;
	z-index:1;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .6);
	opacity:0;
	transition:.2s;
}
.cp1flist1 .f1 img{display:block;
	position:absolute;
	width:100%;
	height:auto;
	min-height:100%;
	margin:auto;
	opacity:1;
	transition:opacity .4s ease;
}
.cp1flist1 .ic1.play{display:inline-block;
	z-index:10;
	position:absolute;left:50%;top:50%;
	width:18.248%; /* (50/274) */
	padding:0 0 18.248%;
	background:url(../../img/main/ic100a1c2play1.png) no-repeat center center / contain;
	overflow:hidden;
	text-indent:-9999px;
	opacity:1;
	transform:translate(-50%, -50%);
	transition:.2s;
}
/* ☆ */
.cp1flist1 .a1:hover .f1p1,
.cp1flist1 .a1:focus .f1p1{
	border:2px solid #ed2224;
}
.cp1flist1 .a1:hover .f1p1:before,
.cp1flist1 .a1:focus .f1p1:before{
 opacity:1;
}
.cp1flist1 .a1:hover .ic1.play,
.cp1flist1 .a1:focus .ic1.play{
	opacity:1;
}
/* ☆ */
.cp1flist1 .sh1{
	display:block;
	position:relative;
	margin:0 0 .5em;
	font-weight:400;
	color:#fff;
	font-size:1.0625em;
}
.cp1flist1 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1flist1 .lst1 li{
	margin:0 0 .5em;
	color:#aaa;
}


/* 카드갤러리 (강사의 다른 클래스) 20210113. 20210830. [JS] jQmCarousel1(); */
.cp1fcard2{display:block;
	z-index:0;
	position:relative;
	line-height:1.375;
}
.cp1fcard2 .wrap1{
	position:relative;
}
.cp1fcard2 .hg1{display:block;
	position:relative;
	overflow:hidden;
}
.cp1fcard2 .h1{
	float:left;
}
/* ☆ */
.cp1fcard2 .more{
	float:right;
	margin:38px 0 0;
	padding:6px 22px;
	border:1px solid #da1f21;
	border-radius:9999px;
	color:#ed2224;
	font-size:0;
}
.cp1fcard2 .more .t1{display:inline-block;
	font-size:1rem;
	vertical-align:middle;
}
.cp1fcard2 .more .ic1{display:inline-block;
	width:8px;
	height:8px;
	margin:0 0 0 4px;
	background:url(../../img/main/ic8a1c2plus1.png) no-repeat center center / contain;
	vertical-align:middle;
}
/* .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item{} */
.cp1fcard2 .owl-carousel{}
.cp1fcard2 .owl-stage-outer{
	width:100%; /* (fix) */
}
.cp1fcard2 .owl-dots{ /* 도트(플러그인생성) */
	display:none; /* ☆ */
}
/* 내용 */
.cp1fcard2 .item{}
.cp1fcard2 .item .w1{display:block;
	position:relative;
	overflow:hidden;
}
.cp1fcard2 .item .a1{display:block;
	color:#fff;
	text-decoration:none;
}
.cp1fcard2 .item .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 56.25%;
	text-align:center;
}
.cp1fcard2 .item .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1fcard2 .item .f1p1:before{content:'';display:block;
	z-index:10;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .6);
	opacity:0;
	transition:.2s;
}
.cp1fcard2 .item .f1 img{display:block;
	position:absolute;
	width:100%;
	height:auto;
	min-height:100%;
	margin:auto;
	opacity:0;
	transition:opacity .4s ease;
}
.cp1fcard2 .owl-loaded .item .f1 img{ /* 이미지 모두 로드 */
	opacity:1;
}
.cp1fcard2 .item .tg1{display:block;
	overflow:hidden;
	transition:.2s;
}
.cp1fcard2 .item .t1{display:block;
	position:relative;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	height:2.75em; /* (1.375*2) */
	margin:.75em 0 .5em;
	font-weight:400;
	font-size:1.1875em; /* (19/16) */
	text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;
}
.cp1fcard2 .item .t2{display:block;
	margin:.5em 0;
	color:#bbb;
}
.cp1fcard2 .item .t2t1{margin:0 .75em 0 0;}
.cp1fcard2 .item .t2t2{}
/* ☆ */
.cp1fcard2 .item .ic1.play{display:inline-block;
	z-index:10;
	position:absolute;left:50%;top:50%;
	width:21.111%; /* (76/360) */
	padding:0 0 21.111%;
	background:url(../../img/main/ic152a1c2play1.png) no-repeat center center / contain;
	overflow:hidden;
	text-indent:-9999px;
	opacity:0;
	transform:translate(-50%, -50%);
	transition:.2s;
}
/* ☆ */
.cp1fcard2 .item .a1:hover .f1p1,
.cp1fcard2 .item .a1:focus .f1p1{
	border:2px solid #ed2224;
}
.cp1fcard2 .item .a1:hover .f1p1:before,
.cp1fcard2 .item .a1:focus .f1p1:before{
 opacity:1;
}
.cp1fcard2 .item .a1:hover .ic1.play,
.cp1fcard2 .item .a1:focus .ic1.play{
	opacity:1;
}
.cp1fcard2 .item .a1:hover .tg2,
.cp1fcard2 .item .a1:focus .tg2{
	background:none;
}
/* 제어 */
.cp1fcard2 .mControl{display:block;
	z-index:10;
	position:relative;
	width:60px;
	margin:10px 0 10px auto;
	overflow:hidden;
}
.cp1fcard2 .mControl .m{
	float:left;
	position:relative;
	width:30px;
	height:30px;
	margin:0;
	border:0;
	background:none;
	transition:.2s;
}
.cp1fcard2 .mControl .m .ic1{display:block;
	position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat center center / contain;
}
.cp1fcard2 .mControl .prev .ic1{
	background-image:url(../../img/lib/ic20a1c0right1.png);
	transform:rotate(180deg);
}
.cp1fcard2 .mControl .next .ic1{background-image:url(../../img/lib/ic20a1c0right1.png);}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1fcard2 .more{
		margin:48px 0 0;
	}
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1fcard2 .owl-carousel{
		/* width:calc(100% - 40px); */
		width:100%;
	}
	.cp1fcard2 .mControl{
		position:absolute;right:0;top:0;
		width:30px;
		/* margin:220px -9px 0 0; */
		margin:220px -40px 0 0;
	}
}


/* 별점.그래프 20210113 */
.cp1rating1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:100%;
	max-width:600px;
	margin:0 auto calc(1em + 3.333%);
	padding:24px calc(10px + 3.333%); /* (40/1200) */
	border-radius:10px;
	background:rgba(255,255,255, .05);
	line-height:1.375;
	overflow:hidden;
}
/* rating */
.cp1rating1 .rating{
	margin:0 0 1em;
	text-align:center;
	overflow:hidden;
}
.cp1rating1 .rating .t1{display:inline-block;
	line-height:1;
	vertical-align:middle;
}
.cp1rating1 .rating .t1t1{
	color:#fff;
	font-weight:600;
	font-size:2.5em;
}
.cp1rating1 .rating .t2{display:inline-block;
	color:#bbb;
	vertical-align:middle;
}
/* ☆ */
.cp1rating1 .star5rating2{display:inline-block;
	margin:1em;
	vertical-align:middle;
}
/* graph */
.cp1rating1 .graph{}
.cp1rating1 .graph ul{
	list-style:none;margin:0;padding:0;
	font-size:.9375em;
}
.cp1rating1 .graph li{
	position:relative;
	margin:0;
	padding:0 3em 0 0; /* ☆ */
	overflow:hidden;
}
.cp1rating1 .graph .term{
	float:left;
	margin:.0625em .625em 0 0;
}
.cp1rating1 .graph .term .t1{display:inline-block;
	color:#fff;
	vertical-align:middle;
}
.cp1rating1 .graph .track{display:block;
	height:.75em;
	margin:.5em 0;
	border-radius:9999px;
	background:#888;
	overflow:hidden;
}
.cp1rating1 .graph .bar{
	float:left;
	width:100%;
	height:.75em;
	border-radius:9999px;
	background:#ffd52c;
}
.cp1rating1 .graph .data{
	float:left;
	position:absolute;right:0;top:0;
	margin:.5em 1px;
	color:#888;
	font-size:.9375em;
	line-height:1;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1rating1 .rating{
		float:left;
		width:30%;
		margin:.5em 0 0;
	}
	.cp1rating1 .graph .data{float:left;
		position:absolute;right:0;top:0;
		margin:.5em 1px;
		color:#888;
		font-size:.9375em;
		line-height:1;
	}
	.cp1rating1 .graph{
		float:right;
		width:62.5%;
	}
	.cp1rating1 .rating .star5rating2{
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
}


/* 수강후기 20220513 */
.cp1review1{
	position:relative;
	margin:0 0 1.875em;
	border-bottom:1px solid #3e434b;
}
.cp1review1 .w1{
	padding:calc(10px + .833%) 0;
	border-top:1px solid #3e434b;
}
.cp1review1 .w1:before,
.cp1review1 .w1:after{content:'';display:table;clear:both;}
.cp1review1 .w1w1{
	float:left;
	width:25px;
	margin:0 calc(8px + 1%) 0 0;
}
.cp1review1 .w1w2{
	float:right;
	width:calc(99% - 33px);
}
.cp1review1 .f1{
	display:block;
	position:relative;
	padding:0 0 100%;
}
.cp1review1 .f1p1{
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	border-radius:9999px;
	overflow:hidden;
}
.cp1review1 .f1 img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
html.no-object-fit .cp1review1 .f1 img{ /* [IE] */
	height:auto;
	min-height:100%;
}
.cp1review1 .tg1{
	margin:0 0 .75em;
}
.cp1review1 .tg2{
	color:#b1bac4;
}
.cp1review1 .star5rating1{
	margin-right:.5em;
}
.cp1review1 .t1{
	margin-right:.5em;
	color:#eee;
	font-weight:400;
	font-size:1.0625em;
	vertical-align:middle;
}
.cp1review1 .t2{
	color:#94969e;
	font-size:.875em;
	vertical-align:middle;
}
.cp1review1 .bu{
	margin-top:0;
}
.cp1review1 .eg1{
	float:right;
	margin:.75em 0 0;
}
.cp1review1 .cp1menu1{
	margin-left:1em;
}
/* 답변 */
.cp1review1 .reply{
	margin-left:calc(33px + 1%);
}
.cp1review1 .reply .f1{
	transform:scale(.8);
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1review1 .w1w1{
		width:50px;
	}
	.cp1review1 .w1w2{
		width:calc(99% - 58px);
	}
	.cp1review1 .reply{
		margin-left:calc(58px + 1%);
	}
}


/* 질문게시판.목록 20220325 */
.cp1bbs2list1{
	z-index:0;
	position:relative;
	margin:0 0 1.5em;
	border-bottom:1px solid #3e434b;
}
.cp1bbs2list1 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1bbs2list1 .li1{
	position:relative;
}
.cp1bbs2list1 .w1{ /* .a1 */
	display:flex; /* ☆ */
	position:relative;
	margin:-1px 0 0;
	padding:20px 0;
	border:1px solid #3e434b;
	border-width:1px 0;
	transition:.2s;
}
.cp1bbs2list1 .w1:hover,
.cp1bbs2list1 .w1:focus{
	z-index:10;
	border-color:rgba(255,255,255, .5);
}
.cp1bbs2list1 .w1w1{
	flex:none;
	position:relative;
	width:25px;
	margin:0 calc(8px + 1%) 0 0;
}
.cp1bbs2list1 .w1w2{
	position:relative;
	width:100%;
}
.cp1bbs2list1 .f1{display:block;
	position:relative;
	margin:auto;
	padding:0 0 100%;
	border-radius:9999px;
	background:#eee;
	text-align:center;
	overflow:hidden;
}
.cp1bbs2list1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.cp1bbs2list1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
.cp1bbs2list1 .tt1{
	float:left;
	margin:0 0 .75em;
	color:#eee;
	font-weight:400;
	font-size:1.25em;
}
.cp1bbs2list1 .st1{
	float:right;
	margin:0 0 .75em;
	color:#fff;
	font-size:1.25em;
}
.cp1bbs2list1 .st1.s1{color:#67d5fe;} /* 미해결 */
.cp1bbs2list1 .st1.s2{color:#ff7871;} /* 해결 */
.cp1bbs2list1 .tg1{
	clear:both;
	margin:0 0 .875em;
}
.cp1bbs2list1 .t1{
	margin-right:.75em;
	color:#eee;
	font-weight:400;
	font-size:.9375em;
	vertical-align:middle;
}
.cp1bbs2list1 .t2{
	color:#aaa;
	font-size:.875em;
	vertical-align:middle;
}
.cp1bbs2list1 .tg2{
	clear:both;
	padding:.5em 0 0;
	border-top:1px solid rgba(255,255,255, .1);
}
.cp1bbs2list1 .t4{
	color:#ddd;
	font-size:.875em;
	vertical-align:middle;
}
.cp1bbs2list1 .eg1{
	z-index:20;
	position:absolute;right:0;bottom:0;
	margin:0 0 1.375em;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1bbs2list1{
		border:0;
	}
	.cp1bbs2list1 .li1{
		margin:0 0 1em;
	}
	.cp1bbs2list1 .w1{
		padding:20px 30px;
		border-width:1px;
		border-radius:5px;
		background:#181c24;
	}
	.cp1bbs2list1 .w1w1{
		width:50px;
	}
	.cp1bbs2list1 .eg1{
		margin-right:30px;
	}
}


/* 레이어라이트박스. 20220422 */
/* 공통 */
.cp1layer1lightbox1{
	display:none;
	display:block !important; /* ☆ */
	visibility:hidden;
	/* z-index:-9999; */
	z-index:-1;
	position:fixed;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .85);
	letter-spacing:-.03125em;
	overflow:hidden;
	overflow-y:auto;
	opacity:0;
	transition:.1s;
}
.cp1layer1lightbox1.on{
	visibility:visible;
	z-index:100;
	opacity:1;
}
.cp1layer1lightbox1>.wrap1{display:block;
	box-sizing:border-box; /* ☆ */
	height:100%;
	padding:0 10px;
	text-align:center;
}
.cp1layer1lightbox1>.wrap1:after{content:'';display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
	overflow:hidden;
}
.cp1layer1lightbox1 .lightbox{display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:100%; /* (98%) */
	max-width:700px; /* ☆ */
	margin:3% -.25em;
	border-radius:5px;
	background:#181c24;
	text-align:left;
	overflow:hidden;
	vertical-align:middle;
	overflow:hidden;
	box-shadow:0 0 10px 0 rgba(0,0,0, .5);
}
.cp1layer1lightbox1 .lightbox>.wrap2{
	/* position:relative; */
	margin:calc(12px + 3%) 6%; /* (화면확인) (42/700) */
}
/* ☆ */
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1{
	display:flex; /* ☆ */
	align-items:center;
	position:relative;
	padding:0 0 .9375em;
	border-bottom:1px solid #3e434b;
}
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1>.h1{
	margin:0;
	color:#fff;
	font-weight:400;
	font-size:1.25em;
}
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1>.selectmenu1{
	width:50%;
	min-width:200px;
}
/* 링크 */
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1>.a1{
	display:inline-flex; /* ☆ */
	align-items:center;
	position:relative;
	margin:0 0 0 .75em;
	color:#b1bac4;
	vertical-align:middle;
	text-decoration:none;
}
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1>.a1:after{content:'';
	width:1.3125em;
	height:1.3125em;
	margin:0 0 0 .25em;
	background:url(../../img/lib2/ic42a1c2extlink1.png) no-repeat center center / contain;
}
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1>.a1:hover,
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1>.a1:focus{
	color:#fff;
}
/* ☆ */
.cp1layer1lightbox1 .b1.close{
	z-index:10;
	position:absolute;right:0;top:0;
	width:2.0625em; /* (1.375*1.5) */
	height:2.0625em;
	margin:14px;
}
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1 .b1.close{
	position:relative;
	margin:0 0 0 auto;
}
.cp1layer1lightbox1 .b1.close>.ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:16px;height:16px;
	margin:-8px;
	background:url(../../img/lib2/ic32a2c2x1.png) no-repeat center center / contain;
	text-indent:-9999px;overflow:hidden;
}
/* ☆ */
.cp1layer1lightbox1 .lightbox>.wrap2>.cont,
.cp1layer1lightbox1 .lightbox>.wrap2>form>.cont{ /* (개발코딩고려) */
	box-sizing:border-box; /* ☆ */
	height:100%;
	padding:1.5em 0 0;
}
/* .type2 (확인.cp1confirm1) */
.cp1layer1lightbox1.type2 .lightbox{
	max-width:445px;
}
.cp1layer1lightbox1.type2 .lightbox>.wrap2{
	position:relative;
	margin:0;
}
.cp1layer1lightbox1.type2 .cp1confirm1 .t1{
	padding:0 6%;
}
/* .type3 (기본 + 확인.cp1confirm1) */
.cp1layer1lightbox1.type3 .lightbox>.wrap2{
	position:relative;
	margin-bottom:0;
}
.cp1layer1lightbox1.type3 .cp1confirm1{
	margin:calc(2em - 3%) -6.6% 0; /* (화면확인) (화면확인) */
}
.cp1layer1lightbox1.type3 .cp1confirm1 .t1{
	padding:0 6%;
}
/* .type4 (바닥 가림막 없다) */
.cp1layer1lightbox1.type4{
	background:rgba(0,0,0, 0);
}
.cp1layer1lightbox1.type4 .lightbox{
	max-width:495px;
}
/* .type5 (전체화면::관심분야설정) */
.cp1layer1lightbox1.type5>.wrap1{
	padding:0;
}
.cp1layer1lightbox1.type5 .lightbox{
	height:100%;
	max-width:1360px;
	background:#23252b;
}
.cp1layer1lightbox1.type5 .lightbox>.wrap2{
	position:static;
	height:100%;
	margin:0 6%;
}
.cp1layer1lightbox1.type5 .lightbox>.wrap2>.hg1{
	position:absolute;
	left:0;right:0;top:0;
	margin:2.6%;
	border-bottom:0;
}
/* .type6 (미니창::공유하기..) */
.cp1layer1lightbox1.type6 .lightbox>.wrap2{
	margin:0;
}
.cp1layer1lightbox1.type6 .lightbox>.wrap2>.hg1{
	padding:1em;
	justify-content:space-between;
}
.cp1layer1lightbox1.type6 .lightbox>.wrap2>.hg1:before{content:'';
	width:2em;
}
.cp1layer1lightbox1.type6 .lightbox>.wrap2>.hg1 .b1.close{
	margin:0;
}
.cp1layer1lightbox1.type6 .lightbox>.wrap2>.cont{
	padding:1.5em 0;
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1layer1lightbox1.type5 .lightbox{
		height:auto;
	}
	.cp1layer1lightbox1 .lightbox>.wrap2>.cont,
	.cp1layer1lightbox1 .lightbox>.wrap2>form>.cont{ /* (개발코딩고려) */
		padding:1.5em 0;
	}
}


/* 연관된 강의 20210115 */
.cp1related1{
	position:relative;
	margin:.25em 0;
	line-height:1.375;
}
.cp1related1 .hg1{

	margin:0 0 .5em;
}
.cp1related1 .h1{}
.cp1related1 .h1ic1{display:inline-block;
	width:18px;
	height:18px;
	background:url(../../img/lib/ic36a1c0bookmark1.png) no-repeat center center / contain;
	vertical-align:middle;
}
.cp1related1 .h1t1{display:inline-block;
	margin:0 0 0 .25em;
	color:inherit;
	font-size:1.0625em;
	vertical-align:middle;
}
/* ☆ */
.cp1related1 .lst1{
	list-style:none;margin:0;
	padding:.25em 0 0;
	border-top:1px solid rgba(255,255,255, .1);
}
.cp1related1 .li1{
	margin:.25em 0;
	padding:0 0 0 .875em;
	background:url(../../img/lib/bu1.png) no-repeat 0 .6875em;
}


/* 해결|미해결 */
.cp1menu3{display:inline-block;}
.cp1menu3 .m{
	float:left;
	height:1.375em;
	margin:0 0 .5em -1px;
	padding:.375em 1em;
	border:1px solid #888;
	background:none;
	color:inherit;
	font-size:.9375em;
	line-height:1.375;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
}
.cp1menu3 .m:first-child{border-radius:4px 0 0 4px;}
.cp1menu3 .m:last-child{border-radius:0 4px 4px 0;}
.cp1menu3 .m.on{
	position:relative;
	background:rgba(255,255,255, .15);
}


/* 카드갤러리 (영상목록카드 (시청기록, 두런에서 검색결과, ..)) 20220513. 20220527 */
.cp1fcard3{display:block;
	z-index:0;
	position:relative;
	margin:calc(18px + 3.5%) auto 0; /* ((60-18)/1200) */
	padding:calc(18px + 1.5%) 0;
	border-top:1px solid #3e434b;
	overflow:hidden;
	line-height:1.375;
}
.cp1fcard3 .wrap1{
	position:relative;
}
.cp1fcard3 .lst1{ /* .even-grid */ }
.cp1fcard3 .item{ /* .even-grid>.column */ }
.cp1fcard3 .item .w1{
	display:block;
	position:relative;
	border-radius:5px;
	/* background:#23252b; */
	background:#141b36;
	overflow:hidden;
}
.cp1fcard3 .item .a1{
	display:block;
	color:#b1bac4;
	text-decoration:none;
}
.cp1fcard3 .item .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 56.25%;
	text-align:center;
}
.cp1fcard3 .item .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1fcard3 .item .f1 img{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
}
html.no-object-fit .cp1fcard3 .item .f1 img{ /* [IE] */
	height:auto;
	min-height:100%;
}
/*  */
.cp1fcard3 .item .tg1{
	display:block;
	margin:.875em 1em;
	overflow:hidden;
}
.cp1fcard3 .item .t1{display:block;
	position:relative;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	height:2.75em; /* (1.375*2) */
	color:inherit;
	font-weight:400;
	font-size:1.0625em; /* (17/16) */
	text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;
}
/*  */
.cp1fcard3 .item .tg2{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	position:relative;
	margin:.875em 1em;
}
.cp1fcard3 .item .tg2 .t2{
	margin:0 1em 0 0;
	color:#838a93;
	font-weight:400;
	font-size:.875em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1fcard3 .item .tg2 .t3{
	flex:none;
	margin:.5em 0 .5em auto;
	color:#838a93;
	font-weight:400;
	font-size:.875em;
}
.cp1fcard3 .item .tg2 .t4{
	flex:none;
	margin:.5em 0 .5em auto;
	padding:.0625em .375em;
	border:1px solid #e44e4e;
	color:#e44e4e;
	font-size:.75em;
}
/*  */
.cp1fcard3 .item .ic1.play{
	display:none;
}
/*  */
.cp1fcard3 .item .a1:hover .f1 img,
.cp1fcard3 .item .a1:focus .f1 img{
	transform:scale(1.1);
	transition:.2s;
}
/* 다중선택 */
.cp1fcard3 .item .ic1.check{display:inline-block;
	z-index:20;
	position:absolute;left:50%;top:50%;
	width:21.818%; /* (60/275) */
	padding:0 0 21.818%;
	background:url(../../img/lib/ic120a1c2check1.png) no-repeat center center / contain;
	overflow:hidden;
	text-indent:-9999px;
	opacity:0;
	transform:translate(-50%, -50%);
	transition:.2s;
}
.cp1fcard3 .item.on .f1p1,
.cp1fcard3 .item.on .f1p1{
	border:5px solid #e44e4e;
}
.cp1fcard3 .item.on .f1p1:before,
.cp1fcard3 .item.on .f1p1:before{
 opacity:1;
}
.cp1fcard3 .item.on .a1 .ic1.check,
.cp1fcard3 .item.on .a1 .ic1.check{
	opacity:.9;
}


/* 카드갤러리 (영상목록카드 (시청기록..)) [JS] jQmCarousel1() 20220504 */
.cp1fcard4{display:block;
	z-index:0;
	position:relative;
	margin:0 0 2em;
	line-height:1.375;
}
.cp1fcard4 .wrap1{
	position:relative;
}
.cp1fcard4 .hg1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	position:relative;
	margin:1.75em 0;
}
.cp1fcard4 .h1{
	margin:0 .75em 0 0;
	font-size:1.625em;
}
.cp1fcard4 .cp1search1{
	margin:0;
	width:76%;
	max-width:420px;
}
/* .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item{} */
.cp1fcard4 .owl-carousel{}
.cp1fcard4 .owl-stage-outer{
	width:100%; /* (fix) */
}
.cp1fcard4 .owl-dots{ /* 도트(플러그인생성) */
	display:none; /* ☆ */
}
/* 내용 */
.cp1fcard4 .item{}
.cp1fcard4 .item .w1{
	display:block;
	position:relative;
	border-radius:5px;
	/* background:#23252b; */
	background:#141b36;
	overflow:hidden;
}
.cp1fcard4 .item .a1{
	display:block;
	color:#b1bac4;
	text-decoration:none;
}
.cp1fcard4 .item .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 56.25%;
	text-align:center;
}
.cp1fcard4 .item .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1fcard4 .item .f1 img{display:block;
	position:absolute;
	width:100%;
	height:100%;
	margin:auto;
	opacity:0;
	object-fit:cover;
	transition:opacity .4s ease;
}
html.no-object-fit .cp1fcard4 .item .f1 img{ /* [IE] */
	height:auto;
	min-height:100%;
}
.cp1fcard4 .owl-loaded .item .f1 img{ /* 이미지 모두 로드 */
	opacity:1;
}
/* ☆ */
.cp1fcard4 .item .tg1{
	display:block;
	margin:.875em 1em;
	overflow:hidden;
}
.cp1fcard4 .item .tg1 .t1{
	display:block;
	position:relative;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	height:2.75em; /* (1.375*2) */
	color:inherit;
	font-weight:400;
	font-size:1.0625em;
	text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;
}
/* ☆ */
.cp1fcard4 .item .tg2{
	display:flex; /* ☆ */
	/* flex-wrap:wrap; */
	justify-content:space-between;
	position:relative;
	margin:.875em 1em;
}
.cp1fcard4 .item .tg2 .t2{
	margin:0 1em 0 0;
	color:rgba(255,255,255, .58); /* #838a93 */
	font-weight:400;
	font-size:.875em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1fcard4 .item .tg2 .t3{
	flex:none;
	color:rgba(255,255,255, .5); /* #838a93 */
	font-weight:400;
	font-size:.875em;
}
/* ☆ */
.cp1fcard4 .item .ic1.play{
	display:none;
}
/* ☆ */
.cp1fcard4 .item .a1:hover .f1 img,
.cp1fcard4 .item .a1:focus .f1 img{
	transform:scale(1.1);
	transition:.2s;
}
/* 제어 */
.cp1fcard4 .mControl{
	display:flex; /* ☆ */
	position:relative;
}
.cp1fcard4 .mControl .m{
	float:left;
	position:relative;
	width:36px;
	height:36px;
	margin:0 0 0 5px;
	border:0;
	border-radius:3px;
	background:#272a2d;
	transition:.2s;
}
.cp1fcard4 .mControl .m.disabled{
	opacity:.3;
}
.cp1fcard4 .mControl .m .ic1{display:block;
	position:absolute;left:50%;top:50%;
	width:14px;height:14px;
	margin:-7px;
	background:url(../../img/lib2/ic28a2c0right1.png) no-repeat center center / contain;
	opacity:.6;
	transition:.2s;
}
.cp1fcard4 .mControl .prev .ic1{transform:rotate(180deg);}
.cp1fcard4 .mControl .next .ic1{}
.cp1fcard4 .mControl .m:hover .ic1,
.cp1fcard4 .mControl .m:focus .ic1{
	opacity:1;
}


/* 영상 노트 20210122 */
.cp1video1note1{display:block;
	z-index:0;
	position:relative;
	margin:0 0 2em;
}
.cp1video1note1 .wrap1{}
.cp1video1note1 .hg1{}
.cp1video1note1 .h1{
	margin:0 0 .5em;
}
.cp1video1note1 .cont{}
.cp1video1note1 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1video1note1 .li1{
	margin:0 0 1em;
}
.cp1video1note1 .tg1{
	margin:0 0 .75em;
}
.cp1video1note1 .tg2{
	padding:1em 1.25em;
	border-radius:5px;
	background:#333;
}
.cp1video1note1 .tg2:before,
.cp1video1note1 .tg2:after{content:'';display:table;clear:both;}
.cp1video1note1 .a1{display:inline-block;
	line-height:1;
	vertical-align:middle;
	text-decoration:none;
}
.cp1video1note1 .a1t1{display:inline-block;
	margin:0 0 0 .25em;
	color:inherit;
	font-size:.9375em;
	vertical-align:middle;
}
.cp1video1note1 .a1ic1{display:inline-block;
	width:18px;
	height:18px;
	background:url(../../img/lib/ic36a1c0play1.png) no-repeat center center / contain;
	vertical-align:middle;
	opacity:.6;
}
.cp1video1note1 .a1:hover .a1ic1,
.cp1video1note1 .a1:focus .a1ic1{
	opacity:1;
}
.cp1video1note1 .tg2 .t1{
	font-size:1.125em;
}
/* ☆ */
.cp1video1note1 .eg1{
	float:right;
	position:relative;
	margin:1em 0 0;
}
.cp1video1note1 .a2{display:inline-block;
	position:relative;
	margin:0 .5em;
	font-weight:500;
	text-decoration:none;
	vertical-align:middle;
	overflow:hidden;
	opacity:.8;
	transition:.2s;
}
.cp1video1note1 .a2.save .a2t1{
	position:absolute;left:-9999px;
}
.cp1video1note1 .a2.save .a2ic1{display:block;
	width:18px;height:18px;
	margin:0 4px;
	background:url(../../img/lib/ic36a1c0download1.png) no-repeat center center / contain;
}
.cp1video1note1 .a2:hover,
.cp1video1note1 .a2:focus{
	opacity:1;
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1video1note1 .tg2 .t1{
		float:left;
		width:calc(100% - 160px);
	}
	.cp1video1note1 .tg2 .eg1{
		margin:0;
	}
}


/* 재생목록.만들기.이동 (영상상세 레이어팝업.. 커리큘럼 시험/과제 등록..) 20210305 */
.cp1playlist1{
	position:relative;
	font-size:.9375em;
	line-height:1.375;
}
.cp1playlist1 .lst1{
	list-style:none;
	margin:0 0 1.5em;
	padding:0;
}
.cp1playlist1 .li1{
	padding:.5em 0;
	border-bottom:1px solid rgba(255,255,255, .1);
	overflow:hidden;
}
.cp1playlist1 .li1 .tg1{
	float:left;
	width:calc(100% - 5em);
	overflow:hidden;
}
.cp1playlist1 .li1 .st1{
	display:none;
	float:right;
	padding:.5625em 0;
}
.cp1playlist1 .li1.on .st1{
	display:block;
}
.cp1playlist1 .li1 input[type]{
	float:left;
}
.cp1playlist1 .li1 label[for],
.cp1playlist1 .li1 .t1{
	display:block;
	padding:.6875em .75em .6875em .375em;
	overflow:hidden
}
/* ☆ */
.cp1playlist1 .makelist{
	position:relative;
	overflow:hidden;
}
.cp1playlist1 .makelist .toggle-b{display:block;}
.cp1playlist1 .makelist .toggle-b.on{display:none;}
.cp1playlist1 .makelist .toggle-c{display:none;}
.cp1playlist1 .makelist .toggle-c.on{display:block;}
.cp1playlist1 .makelist .tt1{display:block;
	margin:1em 0 .25em;
	font-weight:400;
	font-size:1.125em;
}
.cp1playlist1 .makelist .text{
	width:100%;
}
.cp1playlist1 .makelist .b1{
	float:left;
	width:calc(50% - .25em);
}
.cp1playlist1 .makelist .b2{
	float:right;
	width:calc(50% - .25em);
}


/* 스위치 20220722 */
.cp1switch1[class]{
	display:inline-block;
	margin:.75em 0;
	color:#b1bac4;
	vertical-align:middle;
	text-decoration:none;
}
.cp1switch1 .t1,
.cp1switch1 .t2{
	vertical-align:middle;
}
.cp1switch1 .sw-on{
	color:#ff7871;
}
.cp1switch1 .ic1{display:inline-block;
	position:relative;
	width:2.6875em;
	height:1.375em;
	margin:0 0 0 .25em;
	border-radius:9999px;
	background:#73737c;
	vertical-align:middle;
}
.cp1switch1 .ic1:before{content:''; /* ○ */
	display:block;
	width:1.375em;
	height:1.375em;
	margin:0 auto 0 0;
	border-radius:50%;
	background:#b1bac4;
}
.cp1switch1.on .ic1{
	background:#ff7871;
}
.cp1switch1.on .ic1:before{
	margin:0 0 0 auto;
	background:#fff;
}
/* 활성이면 툴팁 감춤 */
.cp1switch1.on.tooltip1[class] .tooltip1c{
	display:none;
}


/* 스위치 20220325 */
.cp1switch2[class]{
	display:inline-block;
	margin:.75em 0;
	color:#ff7871;
	vertical-align:middle;
	text-decoration:none;
}
.cp1switch2 .cp1switch2-t1{
	color:inherit;
	font-weight:400;
	vertical-align:middle;
}
.cp1switch2 .sw-on{}
.cp1switch2 .ic1{display:inline-block; /* ▽ */
	width:0;height:0;
	margin:0 0 0 .25em;
	border:0 solid transparent;
	border-width:5px 4px 0 4px;
	border-top-color:#ff7871;
	vertical-align:middle;
}
.cp1switch2.on .ic1{
	transform:rotate(180deg);
}


/* 자막 20210121 */
.cp1caption1{
	display:none; /* ☆ */
	position:relative;
	overflow:hidden;
	overflow-y:auto;
}
.cp1caption1 .cont{ /* .fscroll1-xy */
	position:relative;
	max-height:320px;
	padding:2.5%;
	background:#333;
	overflow:hidden;
	overflow-y:auto;
}
.cp1caption1 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1caption1 .li1{
	border-bottom:1px solid rgba(255,255,255, .1);
	overflow:hidden;
}
.cp1caption1 .li1 .a1{
	display:block;
	padding:.75em 0;
	text-decoration:none;
	overflow:hidden;
}
.cp1caption1 .li1 .a1[href]:hover,
.cp1caption1 .li1 .a1[href]:focus{
	background:rgba(0,0,0, .05);
}
.cp1caption1 .li1 .tg1{
	float:left;
}
.cp1caption1 .li1 .tg2{
	overflow:hidden;
}
.cp1caption1 .li1 .t1{display:inline-block;
	margin:0 1em 0 0;
	padding:.25em .75em;
	border-radius:9999px;
	background:#fff;
	color:#000;
	font-size:.9375em;
	line-height:1.375;
	letter-spacing:0;
}


/* 로그인 20210331 */
.cp1login1{
	position:relative;
	color:#b1bac4;
}
.cp1login1 .cp1tabs1 li{
	margin:2%;
}
.cp1login1 input,
.cp1login1 .button{
	font-size:1.125em;
}
.cp1login1 .submit{
	margin-top:1.5em;
}
/*  */
.cp1login1 .mns1{
	margin:1em 0;
	line-height:1.375;
	text-align:center;
}
.cp1login1 .mns1 .a1{display:inline-block;
	position:relative;
	padding:.25em 1em;
	color:inherit;
}
.cp1login1 .mns1 .a1~.a1:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:.75em;
	margin:-.375em 0;
	border-left:1px solid #3e434b;
}


/* SNS계정 (로그인..) 20220311 */
.cp1sns1{
	margin:1.5em 0;
	padding:1.5em 0;
	border-top:1px solid #3e434b;
	text-align:center;
}
.cp1sns1 .tt1{display:block;
	margin:0 0 1.5em;
	font-size:.9375em;
	text-align:center;
}
.cp1sns1 .b2{display:inline-block;
	position:relative;
	width:4.5625em;height:4.5625em; /* (16/73) */
	margin:0 .75em; /* (12/16) */
	border-radius:9999px;
	background:url() no-repeat center center / contain;
	vertical-align:middle;
	overflow:hidden;text-indent:-9999px;
}
.cp1sns1 .b2.google{background-image:url(../../img/lib/ic146a1c2google1.png);}
.cp1sns1 .b2.kakaotalk{background-image:url(../../img/lib/ic146a1c2kakaotalk1.png);}
.cp1sns1 .b2.naver{background-image:url(../../img/lib/ic146a1c2naver1.png);}


/* SNS계정 (회원가입..) 20220311 */
.cp1sns2{
	margin:1.5em 0 2em;
	padding:1.5em 0 0;
	border-top:1px solid #3e434b;
	text-align:center;
}
.cp1sns2 .b2{
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
	position:relative;
	margin:1em 0;
	padding:.625em 3.125em;
	border:1px solid #3e434b;
	border-radius:5px;
	background:#181c24;
	color:inherit;
	font-size:1.125em;
}
.cp1sns2 .b2>:first-child~*{
	margin-left:.75em;
}
.cp1sns2 .b2t1{}
.cp1sns2 .b2ic1{
	width:20px;
	height:20px;
	background:url() no-repeat center center / contain;
}
.cp1sns2 .b2.google .b2ic1{background-image:url(../../img/lib2/ic40a2c2google1.png);}
.cp1sns2 .b2.kakao .b2ic1{background-image:url(../../img/lib2/ic40a2c2kakao1.png);}


/* 비밀번호 재설정 20220311 */
.cp1pw1reset1{
	position:relative;
	margin-bottom:2em;
	text-align:center;
}
.cp1pw1reset1 .hg1{
	position:relative;
}
.cp1pw1reset1 .h1{
	color:#f7f7f7;
	font-size:1.6875em;
}
.cp1pw1reset1 .hg1 .ic1{
	display:inline-block;
	margin:0 auto .5rem;
	font-size:3.5em;
	line-height:1;
	vertical-align:middle;
}
.cp1pw1reset1 .cont{
	font-size:1.125em;
}
.cp1pw1reset1 .tg1{
	margin:1.5em 0;
	color:#ccc;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1pw1reset1 .tg1 .em{display:inline-block;
	color:#fff;
	font-weight:500;
}
.cp1pw1reset1 .submit{
	margin-top:1em;
}


/* 회원가입 20220504 */
.cp1join1{
	position:relative;
	margin-bottom:5em;
}
.cp1join1 fieldset{
	margin:0;
}
.cp1join1 .hg1{
	position:relative;
	text-align:center;
}
.cp1join1 .h1{
	font-size:1.875em;
}
.cp1join1 .cp1tabs1 li{
	margin:2%;
}
.cp1join1 .label,
.cp1join1 input,
.cp1join1 textarea,
.cp1join1 .button{
	font-size:1.125em;
}
/* 동의 */
.cp1join1 .agree{
	margin:2em 0;
	padding:1.25em 1.5em;
	border-radius:5px;
	background:#181c24;
}
.cp1join1 .agree .item.all{
	margin:0 0 .75em;
	padding:0 0 .75em;
	border-bottom:1px solid #3e434b;
	font-size:1.125em;
}


/* 관심사(선택) 20210203 */
.cp1interest1{
	margin:2em 0;
	padding:1em 1.25em;
	border:1px solid rgba(255,255,255, .2);
	border-radius:10px;
}
.cp1interest1 .tg1{
	margin:0 0 1.5em;
}
.cp1interest1 .tg1 .t1{
	font-size:1.25em;
}
.cp1interest1 .tg1 .t2{
	margin:.5em 0;
	color:#ccc;
	font-size:.9375em;
}
.cp1interest1 .mls{
	list-style:none;
	margin:-6px;
	padding:0;
	font-size:0;
	text-align:center;
}
.cp1interest1 .m{display:inline-block;
	margin:0 0 .5rem;
	vertical-align:top;
}
.cp1interest1 .a1{display:block;
	min-width:5rem;
	margin:6px;
	color:inherit;
	font-size:.875rem;
	text-decoration:none;
}
.cp1interest1 .m .t1{display:block;
	color:#e7e7e7;
	margin:.5em 0;
	vertical-align:middle;
}
.cp1interest1 .m .ic1{display:block;
	width:60px;height:60px;
	margin:auto;
	background:#333 url() no-repeat center center / 32px 32px;
	border-radius:9999px;
	vertical-align:middle;
}
.cp1interest1 .m1 .ic1{background-image:url(../../img/lib/ic64a1c0p01.png);}
.cp1interest1 .m2 .ic1{background-image:url(../../img/lib/ic64a1c0p02.png);}
.cp1interest1 .m3 .ic1{background-image:url(../../img/lib/ic64a1c0p03.png);}
.cp1interest1 .m4 .ic1{background-image:url(../../img/lib/ic64a1c0p04.png);}
.cp1interest1 .m5 .ic1{background-image:url(../../img/lib/ic64a1c0p05.png);}
.cp1interest1 .m6 .ic1{background-image:url(../../img/lib/ic64a1c0p06.png);}
.cp1interest1 .m7 .ic1{background-image:url(../../img/lib/ic64a1c0p07.png);}
.cp1interest1 .m8 .ic1{background-image:url(../../img/lib/ic64a1c0p08.png);}
/* ☆ */
.cp1interest1 .m.on .t1{
	color:#c00;
}
.cp1interest1 .m.on .ic1{
	background-color:#c00;
}


/* 대시보드.정보 20220325 */
.cp1dash1info1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	padding:20px;
	border-radius:5px;
	background:#181c24;
}
.cp1dash1info1 .hg1{
	display:flex; /* ☆ */
	justify-content:space-between;
	margin:0 0 1.75em;
}
.cp1dash1info1 .h1{
	margin:0;
	font-weight:400;
	font-size:1.625em;
}
.cp1dash1info1 .cont{
	display:flex; /* ☆ */
	justify-content:space-between;
	margin:2.5em 0;
}
.cp1dash1info1 .item{display:block;
	position:relative;
	flex:auto;
	padding:0 .5em;
	text-align:center;
}
.cp1dash1info1 .item~.item:before{content:'';
	display:block;
	position:absolute;left:0;top:0;
	width:0;
	height:3em; /* ((.t1) */
	margin:.4375em 0; /* ((.t1) */
	/* border-left:1px solid rgba(255,255,255, .1); */
}
.cp1dash1info1 .t1{display:block;
	color:#ddd;
	font-weight:700;
	font-size:3.375em;
	line-height:1;
}
.cp1dash1info1 .t2{display:block;
	margin:1.5em 0 0;
	color:#b1bac4;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1dash1info1{
		height:290px;
		padding:30px;
	}
	.cp1dash1info1 .t2{display:block;
		font-size:1.125em;
	}
}


/* 대시보드.관심분야 20220325 */
.cp1dash1interest1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	padding:20px;
	border-radius:5px;
	background:#181c24;
}
.cp1dash1interest1 .hg1{
	display:flex; /* ☆ */
	justify-content:space-between;
	margin:0 0 2.25em;
}
.cp1dash1interest1 .h1{
	display:inline-block;
	margin:0 .125em 0 0;
	font-weight:400;
	font-size:1.625em;
	vertical-align:middle;
}
/* ☆ */
.cp1dash1interest1 .set{
	display:inline-block;
	position:relative;
	width:32px;
	height:32px;
	vertical-align:middle;
}
.cp1dash1interest1 .set .t1{}
.cp1dash1interest1 .set .ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:21px;
	height:21px;
	margin:-10.5px;
	background:url(../../img/lib2/ic36a1c2gear1.png) no-repeat center center / contain;
	vertical-align:middle;
}
/* 제어 */
.cp1dash1interest1 .mControl{
	display:none; /* ☆ */
}
.cp1dash1interest1 .mControl .m{
	float:left;
	position:relative;
	width:36px;
	height:36px;
	margin:0 0 0 5px;
	border:0;
	border-radius:3px;
	background:#272a2d;
	transition:.2s;
}
.cp1dash1interest1 .mControl .m .ic1{display:block;
	position:absolute;left:50%;top:50%;
	width:14px;height:14px;
	margin:-7px;
	background:url(../../img/lib2/ic28a2c0right1.png) no-repeat center center / contain;
	opacity:.6;
}
.cp1dash1interest1 .mControl .prev .ic1{transform:rotate(180deg);}
.cp1dash1interest1 .mControl .next .ic1{}
.cp1dash1interest1 .mControl .m:hover .ic1,
.cp1dash1interest1 .mControl .m:focus .ic1{
	opacity:1;
}
/* ☆ */
.cp1dash1interest1 .fg1{
	display:flex; /* ☆ */
	justify-content:flex-end;
	margin:.5em 0 0;
}
.cp1dash1interest1 .a2{
	margin:0 0 0 1em;
	color:#bbb;
}
/* ☆ */
.cp1dash1interest1 a[href],
.cp1dash1interest1 a[href]{
	text-decoration:none;
}
.cp1dash1interest1 a[href]:hover,
.cp1dash1interest1 a[href]:focus{
	opacity:.8;
}
/* 관심사.조정 */
.cp1dash1interest1 .cp1interest1,
.cp1dash1interest1 .cp1interest2{
	position:relative;
	margin:0;
	padding:0;
	border:0;
	overflow:hidden;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1dash1interest1{
		height:290px;
		padding:30px;
	}
	.cp1dash1interest1 .mControl{
		display:block;
	}
	.cp1dash1interest1 .cp1interest1{
		height:112px;
	}
	.cp1dash1interest1 .cp1interest2,
	.cp1dash1interest1 .cp1interest2 .m{
		height:122px;
	}
	.cp1dash1interest1 .cp1v2interest2,
	.cp1dash1interest1 .cp1v2interest2 .m{
		height:140px;
	}
	.cp1dash1interest1 .cp1interest1 .mls,
	.cp1dash1interest1 .cp1interest2 .mls,
	.cp1dash1interest1 .cp1v2interest2 .mls{
		position:absolute;left:0;right:0;top:0;
		transition:.2s;
	}
}


/* 대시보드.최근 20220325 */
.cp1dash1recent1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	padding:20px;
	border-radius:5px;
	background:#181c24;
}
.cp1dash1recent1 .hg1{
	display:flex; /* ☆ */
	justify-content:space-between;
	margin:0 0 1.5em;
	padding:0 0 .75em;
	border-bottom:1px solid #3e434b;
}
.cp1dash1recent1 .h1{
	margin:0;
	font-weight:400;
	font-size:1.625em;
}
.cp1dash1recent1 .a3{
	margin:0 0 0 1em;
	color:#969696;
	font-size:1.125em;
}
.cp1dash1recent1 .cont>.t1{ /* 게시물이 없습니다. */
	margin:1.5em 0;
	color:#eee;
	font-size:1.125em;
}
.cp1dash1recent1 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1dash1recent1 .li1{
	overflow:hidden;
}
.cp1dash1recent1 .a1{
	display:flex; /* ☆ */
	align-items:center;
	padding:.25em 0;
	text-decoration:none;
}
.cp1dash1recent1 .a1 .t1{
	flex:auto;
	color:#eee;
	font-size:1.125em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1dash1recent1 .a1 .t2{
	flex:none;
	width:4em;
	color:#969696;
	font-size:1em;
	text-align:right;
}
.cp1dash1recent1 .fg1{
	display:flex; /* ☆ */
	justify-content:flex-end;
	margin:1em 0 0;
}
.cp1dash1recent1 .a2{
	margin:0 0 0 1em;
	color:#969696;
	font-size:1.125em;
}
/* ☆ */
.cp1dash1recent1 a[href]:hover,
.cp1dash1recent1 a[href]:focus{
	color:#ddd !important;
}
/* 진도율 */
.cp1dash1recent1 .gg1{
	margin:1em 0 2em;
}
.cp1dash1recent1 .gg1 .t1{
	color:#ddd;
	font-size:.9375em;
}
.cp1dash1recent1 .gg1 .t1t1,
.cp1dash1recent1 .gg1 .t1t3{
	margin:0 .25em 0 0;
}
.cp1dash1recent1 .gg1 .sep{
	margin:0 .0625em;
}
.cp1dash1recent1 .g1{
	display:block;
	height:4px;
	margin:.5em 0 1.25em;
	background:#94969e;
	overflow:hidden;
}
.cp1dash1recent1 .g1b1{
	display:block;
	height:100%;
	background:#ff7871;
}
/* .type2 (최근 학습 클래스) */
.cp1dash1recent1.type2 .hg1{
	margin:0 0 1em;
	border-bottom:0;
}
.cp1dash1recent1.type2 .a1 .t1{
	font-size:1.25em;
}

/* ◇◆ */
@media all and (min-width:768px){
	.cp1dash1recent1{
		height:290px;
		padding:30px;
	}
}


/* 대시보드.팬시목록 (최근3개월Top3) 20220504 */
.cp1dash1flist1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	padding:20px;
	border-radius:5px;
	background:#181c24;
	line-height:1.375;
}
.cp1dash1flist1 .hg1{
	display:flex; /* ☆ */
	justify-content:space-between;
	margin:0 0 .25em;
	padding:0 0 .75em;
}
.cp1dash1flist1 .h1{
	margin:0;
	font-weight:400;
	font-size:1.625em;
}
.cp1dash1flist1 .more{
	flex:none;
	min-width:4em;
	margin:.25em 0 0 1em;
	color:#969696;
	font-size:1.125em;
	white-space:nowrap;
}
/*  */
.cp1dash1flist1 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1dash1flist1 .li1{}
.cp1dash1flist1 .a1{
	display:flex; /* ☆ */
	padding:1em 0;
	border-bottom:1px solid #3e434b;
	text-decoration:none;
}
.cp1dash1flist1 .w1{
	flex:none;
	position:relative;
	width:30%;
	max-width:140px;
}
.cp1dash1flist1 .w2{
	flex:1; /* [IE]fix */
	min-width:0; /* [CR]fix */
	margin:0 0 0 1.25em;
}
/* ☆ */
.cp1dash1flist1 .g1{
	display:inline-block;
	z-index:20;
	position:absolute;left:3px;top:-2px;
	box-sizing:border-box; /* ☆ */
	width:2.1em;
	height:2.6em;
	padding:.25em;
	background:url(../../img/lib2/ich52a1c2ribbon1.png) no-repeat center center / contain;
	color:#fff;
	font-weight:700;
	font-size:.625em;
	letter-spacing:0;
	text-align:center;
}
.cp1dash1flist1 .t1{
	display:block;
	font-size:1.125em;
}
.cp1dash1flist1 .t2{
	display:flex; /* ☆ */
	position:relative;
	margin:.625em 0;
	overflow:hidden;
}
.cp1dash1flist1 .t2:after{content:'';
	position:absolute;right:0;top:0;bottom:0;
	width:3em;
	background:linear-gradient(90deg, transparent 0, #181c24 100%);
}
.cp1dash1flist1 .t2t1{
	flex:none;
	display:inline-block;
	margin:0 .25em .25em 0;
	padding:.125em .625em;
	border:1px solid #b1bac4;
	border-radius:9999px;
	color:#b1bac4;
	font-size:.75em;
}
.cp1dash1flist1 .t3{
	display:flex; /* ☆ */
	justify-content:flex-start;
	align-items:center;
	font-size:.875em;
	opacity:.8;
}
.cp1dash1flist1 .t3 .ic1{
	margin:0 .375em 0 0;
}
/* ☆ */
.cp1dash1flist1 .f1{display:block;
	position:relative;
	margin:0;
	height:90px;
	text-align:center;
}
.cp1dash1flist1 .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1dash1flist1 .f1 img{display:block;
	position:absolute;
	width:100%;
	height:100%;
	margin:auto;
	object-fit:cover;
}
html.no-object-fit .cp1dash1flist1 .f1 img{ /* [IE] */
	height:auto;
	min-height:100%;
}
/* ☆ */
.cp1dash1flist1 .ic1.play{}
/* ☆ */
.cp1dash1flist1 .a1:hover .f1 img,
.cp1dash1flist1 .a1:focus .f1 img{
	transform:scale(1.1);
	transition:.2s;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1dash1flist1{
		padding:30px;
	}
	.cp1dash1flist1 .t1{
		text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
	}
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1dash1flist1{
		height:490px;
	}
}


/* 대시보드.차트 () 20210304 */
.cp1dash1chart1{
	z-index:0;
	position:relative;
	box-sizing:border-box; /* ☆ */
	padding:20px;
	border-radius:5px;
	background:#181c24;
	line-height:1.375;
	letter-spacing:0;
}
.cp1dash1chart1 .hg1{
	display:flex; /* ☆ */
	justify-content:space-between;
	margin:0 0 1.5em;
	padding:0 0 .75em;
	border-bottom:1px solid rgba(255,255,255, .1);
}
.cp1dash1chart1 .h1{
	display:inline-block;
	margin:0;
	font-weight:400;
	font-size:1.625em;
}
.cp1dash1chart1 .hg1 .a1{
	display:inline-block;
	position:relative;
	margin:.5em .75em;
	padding:0 .75em;
	color:#bbb;
}
.cp1dash1chart1 .hg1 .a1:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:1em;
	margin:-.375em 0;
	border-left:1px solid rgba(255,255,255, .2);
}
.cp1dash1chart1 .tt1{
	display:block;
	margin:0 0 1em;
	font-weight:400;
	font-size:12px;
	text-align:center;
	word-wrap:break-word;
	word-break:keep-all;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1dash1chart1{
			padding:30px;
	}
}


/* 내알림.목록 20220325 */
.cp1bbs3list1{
	z-index:0;
	position:relative;
	margin:0 0 1.5em;
}
.cp1bbs3list1 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1bbs3list1 .li1{
	position:relative;
}
.cp1bbs3list1 .w1{
	padding:1em 0;
	border-bottom:1px solid #3e434b;
}
.cp1bbs3list1 .w1w1{}
.cp1bbs3list1 .w1w2{
	text-align:right;
}
.cp1bbs3list1 .a1{
	display:block;
	z-index:0;
	position:relative;
	padding:0 0 0 3.75em;
	background:url(../../img/lib2/bu1.png) no-repeat 1.75em 50% / 3px;
	overflow:hidden;
}
.cp1bbs3list1 .a1:hover,
.cp1bbs3list1 .a1:focus{
	opacity:.8;
}
.cp1bbs3list1 .t1{
	display:block;
	margin:0 0 .25em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1bbs3list1 .t2{
	display:block;
	color:#94969e;
	font-size:.8125em;
}
.cp1bbs3list1 .g1{
	display:inline-flex; /* ☆ */
	justify-content:center;
	align-items:center;
	position:absolute;left:0;top:0;
	margin:.125em 0;
	padding:0 .8125em;
	border:1px solid transparent;
	border-radius:9999px;
	background:#e44e4e;
	color:#f7f7f7;
	font-weight:500;
	font-size:.75em;
}
.cp1bbs3list1 .g1:before{content:''; /* 불릿 가림 */
	z-index:-1;
	position:absolute;left:0;top:0;
	width:5em;
	height:5em;
	background:#11141a;
}

.cp1bbs3list1 .g1.s1{}
.cp1bbs3list1 .g1.s2{
	border-color:#f7f7f7;
	background:transparent;
}

.cp1bbs3list1 .t3{
	color:#94969e;
	font-size:.8125em;
	vertical-align:middle;
}
.cp1bbs3list1 .a2{
	display:inline-block;
	margin:0 0 0 1.25em;
	width:1.625em;
	height:1.625em;
	min-width:0;
	background:url(../../img/lib2/ic24a1c2x1.png) no-repeat center center / 12px;
	text-align:left;
	vertical-align:middle;
	overflow:hidden;
	text-indent:-9999px;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1bbs3list1 .w1{
		display:flex; /* ☆ */
		justify-content:space-between;
		align-items:flex-end;
	}
	.cp1bbs3list1 .w1w1{
		flex:1 1 auto;
	}
	.cp1bbs3list1 .w1w2{
		width:8em;
		padding:0 1.125em;
	}
}


/* 카드갤러리 (수강클래스) 20210204. 20210830. */
.cp1fcard5{
	position:relative;
	line-height:1.375;
}
.cp1fcard5 .wrap1{}
.cp1fcard5 .lst1{ /* .even-grid */ }
.cp1fcard5 .item{ /* .even-grid>.column */ }
.cp1fcard5 .item .w1{display:block;
	position:relative;
	overflow:hidden;
}
.cp1fcard5 .item .a1{display:block;
	color:#fff;
}
.cp1fcard5 .item .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 56.25%;
	text-align:center;
}
.cp1fcard5 .item .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1fcard5 .item .f1p1:before{content:'';display:block;
	z-index:10;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .6);
	opacity:0;
	transition:.2s;
}
.cp1fcard5 .item .f1 img{display:block;
	position:absolute;
	width:100%;
	height:auto;
	min-height:100%;
	margin:auto;
}
/* ☆ */
.cp1fcard5 .item .g1{display:block;
	height:8px;
	margin:18px 0 0;
	border-radius:9999px;
	background:#fff;
	overflow:hidden;
}
.cp1fcard5 .item .g1b1{display:block;
	height:100%;
	background:#ed2224;
}
/* ☆ */
.cp1fcard5 .item .tg1{display:block;
	overflow:hidden;
	transition:.2s;
}
.cp1fcard5 .item .t1{display:block;
	position:relative;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	height:2.75em; /* (1.375*2) */
	margin:.75em 0 .625em;
	color:#eee;
	font-weight:500;
	font-size:1.125em; /* (18/16) */
	text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;
}
.cp1fcard5 .item .t2{display:block;
	margin:.625em 0;
	font-weight:600;
	font-size:.9375em;
}
.cp1fcard5 .item .t2t1{
	color:#ed2224;
}
.cp1fcard5 .item .t2t2{}
.cp1fcard5 .item .t3{display:block;
	margin:.625em 0;
	color:#a7a7a7;
	font-weight:600;
	font-size:.9375em;
}
.cp1fcard5 .item .t3t1{}
.cp1fcard5 .item .t3t2{
	margin:0 .375em 0 0;
}
.cp1fcard5 .item .t3t3{
	font-weight:700;
}
.cp1fcard5 .item .b1{display:block;
	margin:1em 0 0;
	padding:.75em 0;
	background:#333;
	font-size:.9375em;
	text-align:center;
	overflow:hidden;
	transition:.2s;
}
/* ☆ */
.cp1fcard5 .item .ic1.play{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:24.176%; /* (66/273) */
	padding:0 0 24.176%;
	background:url(../../img/main/ic152a1c2play1.png) no-repeat center center / contain;
	overflow:hidden;
	text-indent:-9999px;
	opacity:0;
	transform:translate(-50%, -50%);
	transition:.2s;
}
/* ☆ */
.cp1fcard5 .item .a1:hover .f1p1,
.cp1fcard5 .item .a1:focus .f1p1{
	border:2px solid #ed2224;
}
.cp1fcard5 .item .a1:hover .f1p1:before,
.cp1fcard5 .item .a1:focus .f1p1:before{
 opacity:1;
}
.cp1fcard5 .item .a1:hover .ic1.play,
.cp1fcard5 .item .a1:focus .ic1.play{
	opacity:1;
}
.cp1fcard5 .item .b1:hover,
.cp1fcard5 .item .b1:focus{
	background:rgba(255,255,255, .06);
}


/* 증명서.수강확인증 20210218 */
#layer1certificate1 .lightbox{
	max-width:1000px;
}
.cp1certificate1{
	position:relative;
	width:710px;
	/* height:480px; */
	margin:auto;
	background:#fff url(../../img/lib/b1certificate1.png) no-repeat center center / contain;
	color:#000;
	line-height:1.375;
	text-align:center;
	overflow:hidden;
}
/* (scale고도화) */
.cp1certificate1 .inner{
	padding:0 0 67.606%; /* (480/710) */
	transform-origin:50% 0;
}
.cp1certificate1 .inner-c{ /* (scale고도화) */
	position:absolute;left:0;right:0;top:0;bottom:0;
}
/* 내용 */
.cp1certificate1 .w1{
	position:absolute;left:50%;top:0;
	width:440px;
	margin:auto;
	transform:translateX(-50%);
}
.cp1certificate1 .tt1{display:block;
	margin:1.25em 0 .75em;
	font-size:40px;
}
.cp1certificate1 .tg1{display:block;
	height:162px; /* (강의명 3줄일 때 높이) */
}
.cp1certificate1 .dl1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	align-content:flex-start;
	border-bottom:1px solid #ccc;
	text-align:left;
}
.cp1certificate1 .dt1{
	display:flex; /* ☆ */
	justify-content:space-between;
	width:5em;
	padding:.5em 1em;
	font-weight:500;
}
.cp1certificate1 .dd1{
	flex:1 1 auto; /* ☆ */
	width:calc(100% - 5em - 4em);
	margin:0;
	padding:.5em 1em;
}
.cp1certificate1 .dt1~.dt1,
.cp1certificate1 .dd1~.dd1{
	border-top:1px solid #ccc;
}
.cp1certificate1 .tg2 .t1{display:block;
	margin:.75em 0;
	font-size:20px;
}
.cp1certificate1 .tg2 .t2{display:block;
	margin:.75em 0;
	font-size:16px;
	text-align:right;
}
.cp1certificate1 .eg1{
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
}
.cp1certificate1 .eg1 .f1{}
.cp1certificate1 .eg1 .t1{
	margin:0 .25em;
	font-weight:600;
}
.cp1certificate1 .eg1 .f2{}
/* ◇◆ */
@media all and (max-width:999px){
	.cp1certificate1{
		/* zoom:.75; */
		width:calc(710px * .75);
	}
	.cp1certificate1 .inner{
		transform:scale(.75);
	}
}
/* ◇◆ */
@media all and (max-width:767px){
	.cp1certificate1{
		/* zoom:.5; */
		width:calc(710px * .5);
	}
	.cp1certificate1 .inner{
		transform:scale(.5);
	}
}


/* 증명서.수료증 20210218 */
#layer1certificate2 .lightbox{
	max-width:1300px;
}
.cp1certificate2{
	position:relative;
	width:1150px;
	/* height:712px; */
	margin:auto;
	background:#fff url(../../img/lib/b1certificate2.png) no-repeat center center / contain;
	color:#000;
	line-height:1.375;
	text-align:center;
	overflow:hidden;
}
/* (scale고도화) */
.cp1certificate2 .inner{
	padding:0 0 61.913%; /* (712/1150) */
	transform-origin:50% 0;
}
.cp1certificate2 .inner-c{ /* (scale고도화) */
	position:absolute;left:0;right:0;top:0;bottom:0;
}
/* 내용 */
.cp1certificate2 .w1{
	position:absolute;left:50%;top:0;
	width:820px;
	margin:auto;
	transform:translateX(-50%);
}
.cp1certificate2 .tt1{display:block;
	margin:2.3125em 0 0;
	color:#8f2525;
	font-weight:600;
	font-size:40px;
	font-family:'Century Gothic';
}
.cp1certificate2 .tt2{display:block;
	margin: 0;
	font-weight:400;
	font-size:32px;
}
.cp1certificate2 .tg1{}
.cp1certificate2 .dl1{
	margin:3.375em 0 2.5em;
	font-weight:500;
}
.cp1certificate2 .dt1{
	color:#aaa;
	letter-spacing:0;
}
.cp1certificate2 .dd1{
	margin:0 0 .375em;
	font-size:40px;
}
.cp1certificate2 .dd1~.dd1{
	font-size:34px;
}
.cp1certificate2 .tg2 .t1{display:block;
	margin:.75em 0;
	font-size:22px;
}
.cp1certificate2 .fg1{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	margin:90px 0 0;
}
.cp1certificate2 .eg1{
	font-size:18px;
	text-align:left;
}
.cp1certificate2 .eg1 .t1{}
.cp1certificate2 .eg1 .t2{}
.cp1certificate2 .eg2 .f1{}
.cp1certificate2 .eg3{
	display:flex; /* ☆ */
	align-items:center;
}
.cp1certificate2 .eg3 .t1{
	font-size:20px;
}
.cp1certificate2 .eg3 .t2{
	margin:0 0 0 .5em;
	color:#333;
	font-weight:500;
	font-size:32px;
}
/* ◇◆ */
@media all and (max-width:1299px){
	.cp1certificate2{
		/* zoom:.75; */
		width:calc(1150px * .75);
	}
	.cp1certificate2 .inner{
		transform:scale(.75);
	}
}
/* ◇◆ */
@media all and (max-width:999px){
	.cp1certificate2{
		/* zoom:.5; */
		width:calc(1150px * .5);
	}
	.cp1certificate2 .inner{
		transform:scale(.5);
	}
}
/* ◇◆ */
@media all and (max-width:767px){
	.cp1certificate2{
		/* zoom:.375; */
		width:calc(1150px * .375);
	}
	.cp1certificate2 .inner{
		transform:scale(.375);
	}
}


/* 클래스노트.영상노트 20220504 */
.cp1flist2{
	position:relative;
	line-height:1.5;
}
.cp1flist2 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1flist2 .li1{}
.cp1flist2 .w1{
	position:relative;
	padding:1.5em 0;
	border-bottom:1px solid #3e434b;
	overflow:hidden;
}
.cp1flist2 .li1:first-child .w1{
	padding-top:0;
}
.cp1flist2 .w1w1{}
.cp1flist2 .w1w2{
	margin:0 0 0 100px; /* (.a1w1 width+margin) */
}
.cp1flist2 .a1{
	display:block;
	padding:0 8.4% 0 0;
	overflow:hidden;
}
.cp1flist2 .a1w1{
	float:left;
	width:80px;
	margin:0 1.5em 0 0;
}
.cp1flist2 .a1w2{
	overflow:hidden;
}
/* ☆ */
.cp1flist2 .f1{
	display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 56.25%;
	text-align:center;
}
.cp1flist2 .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	border-radius:5px;
	overflow:hidden;
}
.cp1flist2 .f1 img{display:block;
	position:absolute;
	width:100%;
	height:100%;
	margin:auto;
	object-fit:cover;
}
html.no-object-fit .cp1flist2 .f1 img{ /* [IE] */
	height:auto;
	min-height:100%;
}
.cp1flist2 .a1 .t1{
	display:block;
	margin:0 0 .375em;
	color:#eee;
	font-size:1.125em;
}
.cp1flist2 .a1 .t2{display:block;
	color:#b1bac4;
	font-size:.9375em;
}
/* ☆ */
.cp1flist2 .eg1{
	margin:.75em 0 0;
}
.cp1flist2 .eg1 .a2{
	color:#ddd;
	font-size:1.125em;
	vertical-align:middle;
	opacity:.9;
}
.cp1flist2 .eg1 .b1{ /* .button.type3 */
	margin:0 .75em;
}
/* ☆ */
.cp1flist2 .a1:before{content:'';
	display:inline-block;
	position:absolute;right:0;top:50%;
	width:21px;height:21px;
	margin:-10.5px 0;
	background:url(../../img/lib2/ic42a1c2right1.png) no-repeat center center / contain;
	opacity:.5;
}
.cp1flist2 .a1:hover:before, .cp1flist2 .a1:focus:before,
.cp1flist2 .a2:hover, .cp1flist2 .a2:focus{
	border-color:#fff;
	opacity:1;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1flist2 .w1{
		display:flex; /* ☆ */
		justify-content:space-between;
		align-items:center;
	}
	.cp1flist2 .w1w1{
		flex:auto;
	}
	.cp1flist2 .w1w2{
		flex:none;
		width:8em;
		margin:0 5% 0 2em;
	}
	.cp1flist2 .a1{
		display:flex; /* ☆ */
		align-items:center;
		padding:0;
	}
	.cp1flist2 .a1w1{
		flex:none;
		align-self:flex-start;
		width:200px;
		margin:0 2.25em 0 0;
	}
	.cp1flist2 .a1w2{
		flex:1; /* [IE]fix (( auto */
	}
	.cp1flist2 .a1 .t1{
		margin:0 0 .75em;
	}
	.cp1flist2 .eg1{
		margin:0;
		text-align:center;
	}
	.cp1flist2 .eg1 .a2{
		display:block;
	}
	.cp1flist2 .eg1 .b1{
		margin:.625em 0 0;
	}
}


/* 노트.상세(클래스,영상) 20220401 */
.cp1note1{
	position:relative;
	padding:calc(10px + 2.5%) calc(10px + 3.333%);
	border-radius:5px;
	background:#181c24;
}
.cp1note1 .hg1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	padding:0 0 1.875em;
	border-bottom:1px solid #3e434b;
	margin:0 0 2.5em;
}
.cp1note1 .h1{
	margin:0;
	font-weight:500;
	font-size:1.625em;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1note1 .cp1b1back1{
	margin:.25em 0 .25em auto;
}
/*  */
.cp1note1 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1note1 .li1{
	margin:0 0 1.5em;
}
.cp1note1 .tt1{ /* 20220325~안쓸거 */
	display:block;
	margin:.25em 0;
	padding:0 0 0 1.375em;
	background:url(../../img/lib/ic36a1c0bookmark2.png) no-repeat 0 .375em / 1em 1em;
	font-size:1.125em;
}
.cp1note1 .tg1{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	margin:0 0 .5em;
}
.cp1note1 .a1{display:inline-block;
	vertical-align:middle;
	opacity:.8;
}
.cp1note1 .a1t1{display:inline-block;
	margin:0 0 0 .25em;
	color:inherit;
	font-size:.9375em;
	vertical-align:middle;
}
.cp1note1 .a1ic1{display:inline-block;
	width:1.3125em;
	height:1.3125em;
	background:url(../../img/lib2/ic42a1c2play1.png) no-repeat center center / contain;
	vertical-align:middle;
}
.cp1note1 .a1:hover,
.cp1note1 .a1:focus{
	opacity:1;
}
.cp1note1 .b1{} /* .button.type3 */
/* ☆ */
.cp1note1 .tg2{
	display:inline-block;
	box-sizing:border-box; /* ☆ */
	width:100%;
	padding:1em;
	border:1px solid #3e434b;
	border-radius:5px;
}
.cp1note1 .tg2>.t2{
	float:left;
	color:#ddd;
	font-size:1.125em;
}
/* ☆ */
.cp1note1 .eg1{
	float:right;
	position:relative;
	margin:0 -.875em 0 auto;
	font-size:.9375em;
}
.cp1note1 .a2{
	display:inline-block;
	position:relative;
	padding:0 .9375em;
	color:#ddd;
	text-decoration:none;
	vertical-align:middle;
	transition:.2s;
}
.cp1note1 .a2~.a2:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:.5em;
	border-left:1px solid #b1bac4;
	transform:translateY(-50%);
}
.cp1note1 .a2:hover,
.cp1note1 .a2:focus{
	color:inherit;
}


/* 노트.수정(클래스,영상) 20210208 */
.cp1note1edit1{
	position:relative;
}
.cp1note1edit1 .tg1{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	margin:.25em 0 .75em;
}
.cp1note1edit1 .tg1 .t1{display:inline-block;
	vertical-align:middle;
	opacity:.8;
}
.cp1note1edit1 .tg1 .t1t1{display:inline-block;
	margin:0 0 0 .25em;
	color:inherit;
	font-size:.9375em;
	vertical-align:middle;
}
.cp1note1edit1 .tg1 .t1ic1{display:inline-block;
	width:18px;
	height:18px;
	background:url(../../img/lib/ic36a1c0play1.png) no-repeat center center / contain;
	vertical-align:middle;
}
/* ☆ */
.cp1note1edit1 .eg1{
	float:right;
	position:relative;
	font-size:.9375em;
}


/* 재생목록 20210208 */
.cp1playlist2{
	position:relative;
	margin:0 0 1.5em;
	line-height:1.375;
}
.cp1playlist2 .lst1{
	list-style:none;margin:0;padding:0;
	border-top:1px solid #fff;
}
.cp1playlist2 .li1{
	padding:1.5em 0;
	border-bottom:1px solid rgba(255,255,255, .2)
}
.cp1playlist2 .li1:before,
.cp1playlist2 .li1:after{content:'';display:table;clear:both;}
/* ☆ */
.cp1playlist2 .tg1{
	float:left;
}
.cp1playlist2 .tg1>.t1{display:block;
	font-size:1.125em;
}
.cp1playlist2 .tg1>.t2{display:block;
	margin:.75em 0 0;
	opacity:.8;
}
/* ☆ */
.cp1playlist2 .eg1{
	float:right;
	position:relative;
	margin:0 0 0 1.5em;
	font-size:.9375em;
}
.cp1playlist2 .a2{display:inline-block;
	position:relative;
	margin:0 .5em;
	text-decoration:none;
	vertical-align:middle;
	overflow:hidden;
	opacity:1;
	transition:.2s;
}
.cp1playlist2 .a2:hover,
.cp1playlist2 .a2:focus{
	opacity:.8;
}


/* 재생목록.상세 20220504 */
.cp1flist3{
	position:relative;
	line-height:1.448;
}
.cp1flist3 .hg1{
	margin:0 0 2em;
}
.cp1flist3 .hg1w1{
	margin:3.75em 0 3.125em;
}
.cp1flist3 .hg1w2{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
.cp1flist3 .h1{
	width:100%;
	max-width:820px;
	margin:0 auto;
	color:#f7f7f7;
	font-weight:500;
	font-size:1.625em;
	line-height:inherit;
	text-align:center;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1flist3 .hg1 .t1{
	display:inline-block;
	color:#eee;
	font-size:1.25em;
}
/*  */
.cp1flist3 .lst1{
	z-index:0;
	list-style:none;margin:0;padding:0;
	position:relative;
}
.cp1flist3 .li1{
	position:relative;
}
.cp1flist3 .w1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	position:relative;
	margin:0 0 -1px;
	padding:1.25em 0;
	border:1px solid #3e434b;
	border-width:1px 0;
	overflow:hidden;
}
.cp1flist3 .li1.moving .w1{
	border-color:#fff;
	background-color:rgba(29,32,40, .9);
}
.cp1flist3 .control{
	display:flex; /* ☆ */
	flex-direction:column;
	justify-content:center;
	align-content:space-around;
	position:relative;
	width:30px;
	margin:0 0 -1.5em;
}
.cp1flist3 .w1w1{
	position:relative;
	width:calc(100% - 30px);
}
.cp1flist3 .w1w2{
	position:relative;
	width:100%;
}
/*  */
.cp1flist3 .b1{display:block;
	position:relative;
	width:20px;
	height:10px;
	margin:0;
	padding:0;
	border:0;
	background:url() no-repeat center center / 8px;
	overflow:hidden;text-indent:-9999px;
	opacity:.35;
}
.cp1flist3 .b1.prev{
	background-image:url(../../img/lib/ic32a2c0up1.png);
}
.cp1flist3 .control .b1.next{background-image:url(../../img/lib/ic32a2c0down1.png);}
/*  */
.cp1flist3 .a1{
	display:flex; /* ☆ */
}
.cp1flist3 .a1w1{
	flex:none;
	width:30%;
	max-width:200px;
	margin:0 1.5em 0 0;
}
.cp1flist3 .a1w2{
	flex:1; /* [IE]fix */
}
/*  */
.cp1flist3 .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 56.25%;
	text-align:center;
}
.cp1flist3 .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	border-radius:5px;
	overflow:hidden;
}
.cp1flist3 .f1 img{display:block;
	position:absolute;
	width:100%;
	height:100%;
	margin:auto;
	object-fit:cover;
}
html.no-object-fit .cp1flist3 .f1 img{ /* [IE] */
	height:auto;
	min-height:100%;
}
.cp1flist3 .a1 .t1{
	display:block;
	color:#eee;
	font-size:1.25em;
	margin:0 0 .375em;
}
.cp1flist3 .a1 .t2{
	/* 노트 수 안씀 */
}
.cp1flist3 .a1 .t3{
	display:block;
	color:#b1bac4;
	font-size:.9375em;
}
/*  */
.cp1flist3 .eg1{
	margin:.5em 0 0;
	text-align:right;
}
.cp1flist3 .eg1 .a2{
	position:relative;
	padding:0 .875em 0 calc(.875em + 1px);
	color:#ddd;
	font-size:.9375em;
	vertical-align:middle;
}
.cp1flist3 .eg1 .a2 ~ .a2:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:.5em;
	border-left:1px solid #b1bac4;
	transform:translateY(-50%);
}
/*  */
.cp1flist3 .a1:hover:before,
.cp1flist3 .a1:focus:before{content:'';
	display:block;
	z-index:-1;
	position:absolute;left:50%;top:50%;
	width:2000px;
	height:2000px;
	margin:-1000px;
	background-color:rgba(29,32,40, .9);
}
.cp1flist3 .b1:hover, .cp1flist3 .b1:focus{
	opacity:1;
}
.cp1flist3 .control:hover .b1{
	opacity:1;
}
.cp1flist3 .a2:hover, .cp1flist3 .a2:focus{
	color:#fff;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1flist3 .w1{
		margin:0 0 1.25em;
		padding:1.25em 1.5em;
		border-width:1px;
		border-radius:5px;
	}
	.cp1flist3 .control{
		margin:0 6px 0 -6px;
	}
	.cp1flist3 .w1w2{
		position:absolute;right:1.5em;bottom:1.5em;
		width:auto;
	}
	.cp1flist3 .b1[class]{
		height:16px;
		background-size:16px;
	}
	.cp1flist3 .a1w2{
		display:flex; /* ☆ */
		flex-direction:column;
		justify-content:space-between;
		padding:.25em 0;
	}
}


/* 수강바구니.목록 20210208 */
.cp1cart1list1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 0 1.5em;
	line-height:1.5;
}
/* ☆ */
.cp1cart1list1 .lst1{
	list-style:none;margin:0;padding:0;
	border-top:1px solid #fff;
}
.cp1cart1list1 .li1{}
.cp1cart1list1 .w1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	position:relative;
	padding:1.5em 0;
	border-bottom:1px solid #333;
	overflow:hidden;
}
.cp1cart1list1 .a1{
	display:flex; /* ☆ */
	width:100%;
}
.cp1cart1list1 .eg1{
	width:100%;
	text-align:right;
}
.cp1cart1list1 .a1w1{display:block;
	position:relative;
	width:1em;
	height:45px;
}
.cp1cart1list1 .a1w2{display:block;
	width:80px;
	margin:0 1.5em 0 1em;
}
.cp1cart1list1 .a1w3{display:block;
	width:calc(100% - 80px - 3.5em);
}
/* ☆ */
.cp1cart1list1 .check{
	position:absolute;left:0;top:50%;
	margin:0;
	transform:translateY(-50%);
}
.cp1cart1list1 .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 56.25%;
	text-align:center;
}
.cp1cart1list1 .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1cart1list1 .f1 img{display:block;
	position:absolute;
	width:100%;
	height:auto;
	min-height:100%;
	margin:auto;
}
.cp1cart1list1 .tg1 .t1{display:block;
	margin:0 0 .25em;
	font-size:1.0625em;
}
.cp1cart1list1 .tg1 .t2{display:block;
	font-weight:600;
	font-size:1.5em;
}
/* ☆ */
.cp1cart1list1 .b1{
	height:auto;
	margin:.5em 0 0;
	padding:0;
	border:0;
	font-size:.9375em;
	opacity:.67;
}
.cp1cart1list1 .b1:hover, .cp1cart1list1 .b1:focus{
	opacity:1;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1cart1list1 .a1w1{
		height:110px;
	}
	.cp1cart1list1 .a1w2{
		width:196px;
	}
	.cp1cart1list1 .a1w3{
		width:calc(100% - 196px - 3.5em);
	}
	.cp1cart1list1 .tg1 .t1{
	display:-webkit-box;
		-webkit-line-clamp:3; /* (X) line-clamp */
		-webkit-box-orient:vertical; /* (X) box-orient */
		height:72px; /* (22*3) */
		font-size:17px;
		line-height:24px;
		text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;
	}
	.cp1cart1list1 .eg1{
		position:absolute;right:0;bottom:1.5em;
		width:auto;
	}
}


/* 수강바구니.주문자.가격 20210210 */
.cp1buy1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 0 1.5em;
	padding:1.5em;
	border-radius:5px;
	background:#000;
}
.cp1buy1 .orderer{display:block;
	margin:0 0 1.25em;
}
.cp1buy1 .orderer .item{display:block;
	margin:0 0 .75em;
}
.cp1buy1 .orderer label{display:block;
}
.cp1buy1 .orderer input[type='text']{
	width:100%;
}
/* ☆ */
.cp1buy1 .price{
	margin:0 0 1em;
	padding:.875em 0 0;
	border-top:1px solid rgba(255,255,255, .2);
}
.cp1buy1 .price .tg1{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	margin:0 0 .5em;
}
.cp1buy1 .price .tg1 .t1{
	color:#888;
}
.cp1buy1 .price .tg1 .t2{
	font-size:1.125em;
	text-align:right;
}
.cp1buy1 .price .tg1 .t3{
	color:#888;
}
.cp1buy1 .price .tg1 .t4{
	color:#dd2426;
	font-size:1.125em;
	text-align:right;
}
.cp1buy1 .price .tg1 .t5{
	font-size:1.125em;
}
.cp1buy1 .price .tg1 .t6{
	font-weight:600;
	font-size:1.75em;
	text-align:right;
}
/* ☆ */
.cp1buy1 .b1:hover,
.cp1buy1 .b1:focus{
	box-shadow:none;
}


/* 수강바구니.주문자.가격 20210209 */
.cp1confirm1{
	position:relative;
	text-align:center;
}
.cp1confirm1 .ic1{
	margin:1.5em 0 0;
}
.cp1confirm1 .t1{
	margin:1em 0 3em;
	font-size:1.125em;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1confirm1 .fg1{
	display:flex; /* ☆ */
	overflow:hidden;
}
.cp1confirm1 .fg1 .b2{
	display:block;
	width:50%;
	margin:0 0 0 -1px;
	padding:.75em;
	border:1px solid #444;
	border-width:1px 0 0 1px;
	color:#888;
	outline:0;
}
.cp1confirm1 .fg1 .b2:hover,
.cp1confirm1 .fg1 .b2:focus{
	background:rgba(0,0,0, .2);
	color:#fff;
}


/* 프로필설정 20220624 */
.cp1profile1write1{
	display:block;
	width:100%;
	max-width:360px;
	margin:0 auto;
	position:relative;
}
.cp1profile1write1 .f1{display:block;
	position:relative;
	max-width:180px;
	margin:0 auto 2em;
}
.cp1profile1write1 .f1p1{display:block;
	position:relative;
	padding:0 0 100%; /* (1/1) */
	border-radius:9999px;
	overflow:hidden;
}
.cp1profile1write1 .f1 img{display:block;
	position:absolute;
	width:100%;
	height:100%;
	margin:auto;
	object-fit:cover;
}
html.no-object-fit .cp1profile1write1 .f1 img{ /* [IE] */
	height:auto;
	min-height:100%;
}
.cp1profile1write1 .f1 .ic1{
	display:inline-block;
	position:absolute;right:6%;bottom:6%;
	width:24px;height:24px;
	margin:0;
	padding:0;
	border:0;
	border-radius:9999px;
	background:#fff;
  box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0px 1px 3px 1px rgb(60 64 67 / 15%);
	cursor:pointer;
}
.cp1profile1write1 .f1 .ic1:before{content:'';
	display:inline-block;
	position:absolute;left:50%;top:50%;
	width:12px;height:12px;
	margin:-6px;
	background:url(../../img/lib/b1plus2c1.png) no-repeat center center;
	opacity:.6;
}
.cp1profile1write1 .f1 .ic1:hover:before,
.cp1profile1write1 .f1 .ic1:focus:before{
	opacity:.8;
}
.cp1profile1write1 .b2{
	margin:2em auto;
}
/*  */
.cp1profile1write1 .cp1upload1{
	max-width:400px;
}


/* 첨부업로드 20220610 */
.cp1upload1{
	display:flex; /* ☆ */
	align-items:center;
	box-sizing:border-box; /* ☆ */
	position:relative;
	width:100%;
	height:3em;
	margin:.375em auto;
	border:1px solid #3e434b;
	border-radius:5px;
	overflow:hidden;
}
.cp1upload1 form{ /* 폼 태그 있을 때 고려 */
	flex:1;
	display:flex; /* ☆ */
	align-items:center;
	box-sizing:border-box; /* ☆ */
}
.cp1upload1 .label{
	display:none;
	height:auto;
	margin:0;
	padding:.5625em .75em;
	color:#b1bac4;
	white-space:nowrap;
	cursor:pointer;
}
.cp1upload1 .w1file{
	display:block;
	position:relative;
	width:100%;
	font-size:.875em;
}
.cp1upload1 .file{
	width:100%;
	height:3.2857143em;
	margin:0;
	padding-left:1em;
	padding-right:calc(1em + 20px);
	font-size:.875em;
	border:0;
}
.cp1upload1 input[type='file']{
	position:absolute;left:0;right:0;top:0;bottom:0;
	opacity:0;
}
.cp1upload1 input[type='text']{
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1upload1 .b1.del{display:inline-block;
	position:absolute;right:0;top:50%;
	width:20px;height:20px;
	margin:-10px .375em;
	padding:0;
	border:0;
	background:url(../../img/lib/ic20a1c0x1.png) no-repeat center center / 10px;
	overflow:hidden;text-indent:-9999px;
}
/* (값 없으면) */
.cp1upload1.off .label{
	display:block;
	width:100%;
}
.cp1upload1.off .w1file{
	display:none;
}


/* 태그 (관심분야 설정, 클래스 주제..) 20210412. 20220314 */
.cp1tag2{
	position:relative;
	margin:0 0 2em;
}
.cp1tag2 .h1{
	display:inline-block;
	margin:.25em 0 .5em;
	font-weight:400;
	font-size:1.125em;
}
.cp1tag2 .cont{}
.cp1tag2 .tg1{
	margin:0 -.375em;
	overflow:hidden;
}
.cp1tag2 .a1{
	display:flex; /* ☆ */
	align-items:center;
	float:left;
	margin:.375em;
	padding:.25em .875em;
	border:1px solid transparent;
	border-radius:5px;
	background:#23252b;
	color:#eee;
	text-decoration:none;
	white-space:nowrap; /* [SF]fix) */
	opacity:.8;
}
.cp1tag2 .a1:hover,
.cp1tag2 .a1:focus{
	opacity:1;
}
.cp1tag2 .a1.on{
	padding-right:.75em;
	border-color:transparent;
	background:#23252b;
	opacity:1;
}
.cp1tag2 .a1.on:after{content:'';
	display:inline-block;
	width:13px;
	height:13px;
	margin:0 0 0 .375em;
	background:url(../../img/lib2/ic26a1c2x1.png) no-repeat center center / contain;
}
/* 추가 */
.cp1tag2 .eg1{
	display:flex; /* ☆ */
	justify-content:space-between;
	clear:both;
}
.cp1tag2 .eg1 .text1{
	flex:auto;
}
.cp1tag2 .eg1 .b1{
	margin-left:.5em;
}
.cp1tag2 .b2{
	width:100%;
}
/* 배치 (새 클래스 만들기 - 커리큘럼) */
.cp1tag2 .w1{}
.cp1tag2 .w1w1{}
.cp1tag2 .w1w2{
	min-width:5em;
	margin:1em 0 0;
}
/* .type2 */
.cp1tag2.type2{
	padding:1.25em;
	border:1px solid #3e434b;
	border-radius:5px;
	background:#181c24;
}
.cp1tag2 .h1{
	margin:0;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1tag2 .w1{
		display:flex; /* ☆ */
		justify-content:space-between;
	}
	.cp1tag2 .w1w1{
		flex:1;
	}
	.cp1tag2 .w1w2{
		margin:0 0 0 .5em;
	}
	.cp1tag2 .eg1 .b1{
		width:5em;
	}
}


/* 대형 전광판 (알림) 20210210 */
.cp1jumbotron1{
	position:relative;
	margin:2em auto;
	text-align:center;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1jumbotron1 .tt1{display:block;
	margin:0 0 1.5em;
	font-weight:600;
	font-size:1.75em;
	line-height:1.375;
}
.cp1jumbotron1 .ic1{}
.cp1jumbotron1 .t1{display:block;
	margin:2em 0;
	font-size:1.125em;
}


/* 알림 설정 20220325 */
.cp1notice1set1{
	position:relative;
	line-height:1.375;
}
.cp1notice1set1 .lst1{
	list-style:none;margin:0;padding:0;
	border-top:1px solid #3e434b;
}
.cp1notice1set1 .li1{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	padding:1.5em 0;
	border-bottom:1px solid #3e434b;
}
.cp1notice1set1 .w1{}
.cp1notice1set1 .w2{
	flex:none;
	width:5em;
	margin:0 0 0 1em;
	text-align:right;
	white-space:nowrap;
}
.cp1notice1set1 .w1 .t1{
	display:flex; /* ☆ */
	align-items:center;
	margin:0 0 .75em;
	font-weight:400;
	font-size:1.125em;
}
.cp1notice1set1 .w1 .t1:before{content:''; /* ◇ */
	display:inline-block;
	width:.25em;
	height:.25em;
	margin:0 .625em 0 0;
	background:#fff;
	transform:rotate(45deg);
}
.cp1notice1set1 .w1 .t2{display:block;
	color:#b1bac4;
	font-size:1.125em;
}


/* 진행 단계 20210215 */
.cp1step1{
	display:inline-block;
	z-index:0;
	position:relative;
	margin:1em 0;
	font-size:.875em;
	line-height:1.375;
	text-align:center;
}
.cp1step1 .w1step{
	list-style:none;margin:0;padding:0;
}
.cp1step1 .step{
	float:left;
	width:6em;
	position:relative;
}
.cp1step1 .step:before{content:''; /* ○ */
	display:block;
	z-index:1;
	position:relative;
	width:1em;height:1em;
	margin:.75em auto 1.25em;
	border-radius:50%;
	background:#fff;
}
.cp1step1 .step:after{content:''; /* ─ */
	display:block;
	position:absolute;left:0;right:0;
	top:1.25em;
	height:0;
	border-top:1px solid #fff;
}
.cp1step1 .step:first-child:after{
	left:50%;
}
.cp1step1 .step:last-child:after{
	right:50%;
}
/* ☆ */
.cp1step1 .step.on:before{
	margin:0 auto .5em;
	border:.75em solid #d20b18;
}


/* 새클래스만들기 20210210 */
.cp1new1lecture1write1{
	position:relative;
}
.cp1new1lecture1write1 .f1{display:block;
	position:relative;
	margin:0 auto 2em;
}
.cp1new1lecture1write1 .f1p1{display:block;
	position:relative;
	padding:0 0 56.25%; /* (9/16) */
	overflow:hidden;
}
.cp1new1lecture1write1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
/* ☆ */
.cp1new1lecture1write1 .b2{
	margin:2em auto;
}


/* 무료|유료 (폼요소맞춤) 20220318 */
.cp1menu4{display:inline-block;
	vertical-align:middle;
}
.cp1menu4 .m{
	float:left;
	box-sizing:border-box;
	height:2.75em;
	margin:.375em 0 .375em -1px;
	padding:.625em 1.25em;
	border:1px solid #3e434b;
	background:none;
	color:inherit;
	line-height:1.375;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
}
.cp1menu4 .m:first-child{border-radius:5px 0 0 5px;}
.cp1menu4 .m:last-child{border-radius:0 5px 5px 0;}
.cp1menu4 .m.on{
	position:relative;
	background:#23252b;
}
.cp1menu4 .m2.on{
	position:relative;
	border-color:transparent;
	background:#be1010;
}


/* 작성 (웹문서 편집기) 20210504. 20210726 */
.cp1write1{
	position:relative;
	margin:.5em 0;
}
.cp1write1 .editor{
	position:relative;
	margin:.5em 0;
	border:1px solid #888;
	border-radius:5px;
}
.cp1write1 textarea{
	margin:0;
}
.cp1write1 .btns{
	margin:.5em 0;
}
.cp1write1 .submit{
	border-radius:5px;
}


/* 작성 (클래스핵심정보) 20210216 */
.cp1write2{
	position:relative;
}
.cp1write2 .w1item{
	z-index:0;
	position:relative;
}
.cp1write2 .item{
	position:relative;
}
.cp1write2 .item .text{
	padding-left:2.4em;
	padding-right:4em;
	background-color:#111; /* inherit */
}
.cp1write2 .item .b1{
	position:absolute;
	right:.5em;
	top:50%;
	margin:0;
	transform:translateY(-50%);
}
.cp1write2 .control.move{display:inline-block;
	position:absolute;left:0;top:0;bottom:0;
	width:2.4em;
	margin:.375em 0;
	background:url(../../img/lib/ic32a4c0up1down1.png) no-repeat center center / 16px;
	vertical-align:middle;
}


/* 커리큘럼 작성 20210224~. 20210716. 20220318 */
.cp1curriculum1{
	position:relative;
	margin:0 0 1.5em;
}
.cp1curriculum1 .tt1{
	display:inline-block;
	margin:0 0 .5em;
}
.cp1curriculum1 .w1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
}
.cp1curriculum1 .w1w{
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:100%;
	margin:0 0 2px;
	padding:0 0 72px;
	border-top:2px solid #3e434b;
	border-bottom:1px solid #3e434b;
}
.cp1curriculum1 .tt2{
	display:block;
	position:relative;
	padding:1em 0;
	border-bottom:1px solid #3e434b;
	background-color:#11141a; /* inherit */
	font-weight:400;
	font-size:1.125em;
	text-align:center;
}
.cp1curriculum1 .cont{
	/* max-height:12.25em; */
	/* height:16.25em; */
	/* height:300px; */
	font-size:.875em;
	overflow:hidden;
	overflow-y:auto;
}
.cp1curriculum1 .w1item{
	z-index:0;
	position:relative;
	/* padding:0 0 2em; */ /* ((66/16) */
}
.cp1curriculum1 .item{
	position:relative;
	left:0;right:0;
	margin:-1px 0 0;
	padding:.25em 80px .25em 2.4em;
	border-top:1px solid #23252b;
	border-bottom:1px solid #23252b;
	background-color:#11141a; /* inherit */
	cursor:pointer;
}
.cp1curriculum1 .item.on{
	background:#23252b;
	border-color:transparent;
}
.cp1curriculum1 .item.dragging{ /* 드래그중 */
	box-shadow:0 0 .5em 0 rgba(255,255,255, 1);
}
.cp1curriculum1 .control.move{display:inline-block;
	position:absolute;left:0;top:0;bottom:0;
	width:2.4em;
	margin:0;
	background:url(../../img/lib2/ic36a1c2up1down1.png) no-repeat center center / 18px;
	vertical-align:middle;
}
.cp1curriculum1 .item .tg1{}
.cp1curriculum1 .item .tg1 .t1{
	display:block;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1curriculum1 .item .eg1{
	position:absolute;
	right:6px;
	top:50%;
	margin:0;
	transform:translateY(-50%);
}
.cp1curriculum1 input[type='text']{
	/* background-color:#111; */ /* inherit */
}
/* ☆ */
.cp1curriculum1 .b1{display:inline-block;
	width:20px;height:20px;
	margin:0;padding:0;border:0;
	background:url() no-repeat center center / 16px;
	vertical-align:middle;
}
.cp1curriculum1 .b1t1{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
.cp1curriculum1 .b1.preview{background-image:url(../../img/lib/ic32a4c2eye1not1.png);}
.cp1curriculum1 .b1.preview[href]{background-image:url(../../img/lib/ic32a4c0eye1.png);}
.cp1curriculum1 .b1.edit{background:url(../../img/lib2/ic36a1c2paper1pen1.png) no-repeat center center / 18px;}
.cp1curriculum1 .b1.del{background:url(../../img/lib2/ic36a1c2x1.png) no-repeat center center / 18px;}
.cp1curriculum1 .b2{display:inline-block;
	position:relative;
	margin:0;
	padding-left:.3125em;
	padding-right:.3125em;
	border:0;
	background:none;
	color:#fff;
	font-size:12px;
	vertical-align:middle;
	opacity:.9;
}
.cp1curriculum1 .b3{
	display:block;
	position:absolute;left:0;right:0;bottom:0;
	width:calc(100% - 20px);
	height:43px;
	margin:10px;
	padding:0;
	border:0;
	border-radius:5px;
	background:#fd3049;
	color:#fff;
	font-size:1.125em;
}
.cp1curriculum1 .b3ic1{
	display:none;
	position:absolute;left:50%;top:50%;
	width:17px;height:17px;
	margin:-8.5px;
	background:url(../../img/lib/b1plus1c0.png) no-repeat center center;
	vertical-align:middle;
}
/* ☆ */
.cp1curriculum1 .toggle1s1 .toggle-c.on{display:block;}
.cp1curriculum1 .addmenu{
	display:none;
	z-index:10;
	position:absolute;left:0;right:0;
	top:100%;
	width:8em;
	margin:-16px auto;
	padding:.5em 1em;
	border:1px solid #fff;
	background:#000;
	font-size:.9375em;
	line-height:1.375;
}
.cp1curriculum1 .addmenu .a2{
	display:block;
	padding:.25em 0;
	opacity:.8;
}
.cp1curriculum1 .addmenu .hr{
	margin:.5em 0;
	border:0;
	border-top:1px solid rgba(255,255,255, .2);
}
.cp1curriculum1 .addmenu .a2:hover,
.cp1curriculum1 .addmenu .a2:focus{
	opacity:1;
}
/* 툴팁 */
.cp1curriculum1 .tooltip1 .tooltip1c{
	left:auto;
	right:100%;
	top:50%;
	margin:0 6px 0 0;
	transform:translate(0, -50%);
}
.cp1curriculum1 .tooltip1c:before{content:'';display:inline-block; /* ▷ */
	position:absolute;left:auto;right:0;top:50%;
	width:0;height:0;
	margin:-6px;
	border:0 solid transparent;
	border-width:6px 0 6px 6px;
	border-left-color:#666;
}
/* 추가한 강의가 없을 때 20210217 */
.cp1curriculum1 .item ~ .cp1dropzone1{
	display:none;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1curriculum1 .w1w{
		border-left:1px solid #3e434b;
		border-right:1px solid #3e434b;
	}
	.cp1curriculum1 .w1w1{
		width:50%;
	}
	.cp1curriculum1 .w1w2{
		width:50%;
		border-left:0;
	}
	.cp1curriculum1 .cont{
		height:300px;
	}
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1curriculum1 .w1w{
		width:28%;
	}
	.cp1curriculum1 .w1w2{
		border-left:0;
		border-right:0;
	}
	.cp1curriculum1 .w1w3{
		width:44%;
	}
	.cp1curriculum1 .tt2{
		margin:0 -1px;
	}
	.cp1curriculum1 .w1w~.w1w .tt2:before{content:'';
		display:inline-block;
		position:absolute;left:0;top:50%;
		width:21px;height:21px;
		margin:-10.5px;
		background:url(../../img/lib2/ic42a1c2right1.png) no-repeat center center / contain;
		vertical-align:middle;
	}
}


/* 드롭영역 20220314 */
.cp1dropzone1{
	display:flex;
	flex-direction: column;
	justify-content:center;
	align-items:center;
	position:relative;
	height:205px;
	margin:1em;
	border:1px dashed #73737c;
	/* background:#333; */
	text-align:center;
}
.cp1dropzone1 .ic1{
	width:48px;
	height:48px;
	margin:0 0 1em;
	background:url(../../img/lib2/ic96a1c2dragdrop1.png) no-repeat center center / contain;
	opacity:.5;
}
.cp1dropzone1 .t1{
	/* margin:.75em 0 0; */
	color:#999;
}
.cp1dropzone1 .em{
	color:#ccc;
	font-weight:400;
}


/* 카드갤러리 (유튜버 영상관리) 20210311 */
.cp1fcard6{display:block;
	z-index:0;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}
.cp1fcard6 .wrap1{
	position:relative;
}
.cp1fcard6 .lst1{ /* .even-grid */ }
.cp1fcard6 .item{ /* .even-grid>.column */ }
.cp1fcard6 .item .w1{display:block;
	position:relative;
	overflow:hidden;
}
.cp1fcard6 .item .a1{display:block;
	color:#fff;
}
.cp1fcard6 .item .f1{display:block;
	position:relative;
	padding:0 0 56.25%;
	margin:0 auto;
	text-align:center;
}
.cp1fcard6 .item .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1fcard6 .item .f1p1:before{content:'';display:block;
	z-index:10;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .6);
	opacity:0;
	transition:.2s;
}
.cp1fcard6 .item .f1 img{display:block;
	position:absolute;
	width:100%;
	height:auto;
	min-height:100%;
	margin:auto;
}
.cp1fcard6 .item .tg1{display:block;
	overflow:hidden;
	transition:.2s;
}
.cp1fcard6 .item .t1{display:block;
	position:relative;
	margin:.75em 0 .25em;
	font-weight:500;
	font-size:1.1875em; /* (19/16) */
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
/* ☆ */
.cp1fcard6 .item .tg2{
	position:relative;
	margin:0 0 1.5em;
	font-size:.875em;
	overflow:hidden;
}
.cp1fcard6 .item .tg2 .t2{
	float:left;
	margin:.5em 0 0;
	color:#888;
}
.cp1fcard6 .item .tg2 .t3{
	float:right;
	margin:.5em 0 0;
	color:#888;
}
/* ☆ */
.cp1fcard6 .item .btns{display:block;
	position:relative;
	margin:0 0 1em;
	padding:.5em 0;
	background:#333;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1fcard6 .item .btns:after{content:'';display:table;clear:both;}
.cp1fcard6 .item .a2{
	float:left;
	position:relative;
	width:calc(100% - 24px);
	font-size:.875em;
	text-align:center;
}
.cp1fcard6 .item .a2:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:0;bottom:0;
	width:0;
	margin:.25em -1px;
	border-left:1px solid rgba(255,255,255, .2);
}
.cp1fcard6 .item .a2t1{display:block;
	margin:.125em .75em;
	padding:0 0 0 22px;
	vertical-align:middle;
}
.cp1fcard6 .item .cp1menu5{
	float:right;
	position:absolute;right:0;top:50%;
	margin:-10px 0;
}
/* ☆ */
.cp1fcard6 .item .ic1.play{display:inline-block;
	z-index:10;
	position:absolute;left:50%;top:50%;
	width:21.111%; /* (76/360) */
	padding:0 0 21.111%;
	background:url(../../img/main/ic152a1c2play1.png) no-repeat center center / contain;
	overflow:hidden;
	text-indent:-9999px;
	opacity:0;
	transform:translate(-50%, -50%);
	transition:.2s;
}
/* ☆ */
.cp1fcard6 .item .a1:hover .f1p1,
.cp1fcard6 .item .a1:focus .f1p1{
	border:2px solid #ed2224;
}
.cp1fcard6 .item .a1:hover .f1p1:before,
.cp1fcard6 .item .a1:focus .f1p1:before{
 opacity:1;
}
.cp1fcard6 .item .a1:hover .ic1.play,
.cp1fcard6 .item .a1:focus .ic1.play{
	opacity:1;
}
.cp1fcard6 .item .a2:hover,
.cp1fcard6 .item .a2:focus{
	opacity:.8;
}


/* 부가메뉴 여닫기 (:) 20210407 */
.cp1menu5{display:inline-block;
	position:relative;
	margin:0 0 0 auto;
	width:20px;
	height:20px;
	margin:0 2px;
	text-align:left;
	vertical-align:middle;
}
.cp1menu5 .b1{display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	text-indent:-9999px;
}
.cp1menu5 .b1t1{}
.cp1menu5 .b1ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url(../../img/lib/ic20a2c0menu1.png) no-repeat center center / contain;
	vertical-align:middle;
}
/* ☆ */
.cp1menu5c{
	display:none;
	z-index:50;
	position:absolute;
	right:20px;
	top:0;
	padding:.375em .75em .5em;
	border:1px solid #fff;
	background:#111;
}
.cp1menu5c.on{
	display:block;
}
/* ☆ */
.cp1menu5 .b2{display:block;
	margin:.25em;
	color:inherit;
	font-size:.8125em;
	line-height:1;
	white-space:nowrap;
}
.cp1menu5 .b2t1{display:inline-block;
	margin:0 0 0 .25em;
	color:inherit;
	vertical-align:middle;
}
.cp1menu5 .b2ic1{display:inline-block;
	width:18px;
	height:18px;
	background:url() no-repeat center center / contain;
	vertical-align:middle;
}
/* ☆ */
.cp1menu5 .b2:hover,
.cp1menu5 .b2:focus{
	opacity:.8;
}


/* 대시보드.배치 (영상분석) 20210304 */
.cp1dash3{
	margin:-.75em;
}
.cp1dash3>.w1,
.cp1dash3>.w2,
.cp1dash3>.w3,
.cp1dash3>.w4,
.cp1dash3>.w5,
.cp1dash3>.w6,
.cp1dash3>.w7,
.cp1dash3>.w8,
.cp1dash3>.w9{
	box-sizing:border-box; /* ☆ */
	margin:.75em;
	padding:20px;
	border-radius:5px;
	background:#181c24;
}
/* ☆ 박스패딩보더배경 있는거 리셋 */
.cp1dash3 .cp1dash1chart1,
.cp1dash3 .cp1dash1recent1{
	padding:0;
	background:none;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1dash3{
		display:flex; /* ☆ */
		flex-wrap:wrap;
	}
	.cp1dash3>.w1,
	.cp1dash3>.w2,
	.cp1dash3>.w3,
	.cp1dash3>.w4,
	.cp1dash3>.w5,
	.cp1dash3>.w6,
	.cp1dash3>.w7,
	.cp1dash3>.w8,
	.cp1dash3>.w9{
		width:calc(50% - 1.5em);
		padding:30px;
	}
	.cp1dash3>.w7{
		width:calc(100% - 1.5em);
	}
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1dash3>.w1,
	.cp1dash3>.w2,
	.cp1dash3>.w3,
	.cp1dash3>.w4{
		width:calc(25% - 1.5em);
	}
}


/* 대시보드.정보 20210304 */
.cp1dash3info1{
	position:relative;
}
.cp1dash3info1 .hg1{
	display:flex; /* ☆ */
	justify-content:space-between;
	margin:0 0 .75em;
}
.cp1dash3info1 .h1{
	margin:0 0 .25em;
	font-weight:400;
	font-size:1.625em;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1dash3info1 .cont{
	display:flex; /* ☆ */
}
.cp1dash3info1 .cont>.t1{display:block;
	color:#ccc;
	font-weight:500;
	font-size:3.125em; /* (50/16) */
	line-height:1;
}


/* 대시보드.영상 20210304 */
.cp1dash3video1{
	position:relative;
}
.cp1dash3video1 .hg1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 0 .75em;
}
.cp1dash3video1 .h1{
	margin:0 0 .75em;
	font-weight:400;
	font-size:1.625em;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1dash3video1 .cont{
	display:flex; /* ☆ */
}


/* 내영상 포함 클래스 20210610 */
.cp1flist4{
	position:relative;
	margin:1.5em 0;
	line-height:1.5;
}
.cp1flist4 .lst1{
	list-style:none;margin:0;padding:0;
	border-top:1px solid #fff;
}
.cp1flist4 .li1{}
.cp1flist4 .w1{
	position:relative;
	padding:1.5em 0;
	border-bottom:1px solid rgba(255,255,255, .2);
}
.cp1flist4 .w1w1{
	display:flex; /* ☆ */
}
.cp1flist4 .w1w2{
	margin:1em 0 0;
	text-align:right;
}
.cp1flist4 .w1w1w1{
	width:80px;
	margin:0 1.5em 0 0;
}
.cp1flist4 .w1w1w2{
	width:calc(100% - 80px - 1.5em);
}
/* ☆ */
.cp1flist4 .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 56.25%;
	text-align:center;
}
.cp1flist4 .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1flist4 .f1 img{display:block;
	position:absolute;
	width:100%;
	height:auto;
	min-height:100%;
	margin:auto;
}
.cp1flist4 .a2{display:block;
}
.cp1flist4 .t1{display:block;
	font-size:1.125em;
}
.cp1flist4 .t2{display:block;
	margin:.5em 0;
	color:#999;
	font-size:.9375em;
}
.cp1flist4 .a3{
	margin:0 1.125em 0 0;
}
.cp1flist4 .a3:hover,
.cp1flist4 .a3:focus{
	color:#fff;
}
.cp1flist4 .t3{display:block;
	clear:both;
	margin:.75em 0;
	padding:0 0 0 1.5em;
	background:url(../../img/lib/ic36a3c0bars1arrow1.png) no-repeat 0 center / 1.125em;
}
.cp1flist4 .t4{display:block;
	clear:both;
	color:#ccc;
}
.cp1flist4 .t5{
	float:left;
	margin:.5em 0 1.5em;
	padding:.25em .5em;
	border:1px solid #888;
	color:#ccc;
	font-size:.875em;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1flist4 .w1{
		display:flex; /* ☆ */
		justify-content:space-between;
	}
	.cp1flist4 .w1w2{
		margin:0 0 0 1.5em;
	}
	.cp1flist4 .w1w1w1{
		width:200px;
	}
	.cp1flist4 .w1w1w2{
		width:calc(100% - 200px - 1.5em);
	}
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1flist4 .a2{
		float:left;
		margin:0 1.125em .5em 0;
	}
	.cp1flist4 .t2{
		float:left;
		margin:.25em 0;
	}
	.cp1flist4 .t3{
		float:left;
		margin:.5em 0 1em;
	}
	.cp1flist4 .t5{
		margin:.4375em 0 1.25em 1em;
	}
}


/* 대시보드.배치 (강사 마이페이지) 20210304 */
.cp1dash4{
	margin:-.75em;
}
.cp1dash4>.w1,
.cp1dash4>.w2,
.cp1dash4>.w3,
.cp1dash4>.w4,
.cp1dash4>.w5,
.cp1dash4>.w6,
.cp1dash4>.w7{
	box-sizing:border-box; /* ☆ */
	margin:.75em;
	padding:20px;
	border-radius:5px;
	background:#181c24;
}
/* ☆ 박스패딩보더배경 있는거 리셋 */
.cp1dash4 .cp1dash1chart1{
	padding:0;
	background:none;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1dash4{
		display:flex; /* ☆ */
		flex-wrap:wrap;
	}
	.cp1dash4>.w1,
	.cp1dash4>.w2,
	.cp1dash4>.w3,
	.cp1dash4>.w4,
	.cp1dash4>.w5,
	.cp1dash4>.w6,
	.cp1dash4>.w7{
		width:calc(50% - 1.5em);
		padding:30px;
	}
	.cp1dash4>.w7{
		width:calc(100% - 1.5em);
	}
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1dash4>.w1{
		width:calc(26% - 1.5em);
	}
	.cp1dash4>.w2{
		width:calc(38% - 1.5em);
	}
	.cp1dash4>.w3,
	.cp1dash4>.w4{
		width:calc(18% - 1.5em);
	}
}


/* 카드갤러리 (강사 마이페이지. 운영클래스) 20210311. 20210830. */
.cp1fcard7{display:block;
	z-index:0;
	position:relative;
	line-height:1.375;
}
.cp1fcard7 .wrap1{
	position:relative;
}
.cp1fcard7 .lst1{ /* .even-grid */ }
.cp1fcard7 .item{ /* .even-grid>.column */ }
.cp1fcard7 .item .w1{display:block;
	position:relative;
	overflow:hidden;
}
.cp1fcard7 .item .a1{display:block;
	color:#fff;
}
.cp1fcard7 .item .f1{display:block;
	position:relative;
	padding:0 0 56.25%;
	margin:0 auto;
	text-align:center;
}
.cp1fcard7 .item .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1fcard7 .item .f1p1:before{content:'';display:block;
	z-index:10;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .6);
	opacity:0;
	transition:.2s;
}
.cp1fcard7 .item .f1 img{display:block;
	position:absolute;
	width:100%;
	height:auto;
	min-height:100%;
	margin:auto;
}
.cp1fcard7 .item .tg1{display:block;
	overflow:hidden;
	transition:.2s;
}
.cp1fcard7 .item .t1{display:block;
	position:relative;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	height:2.75em; /* (1.375*2) */
	margin:.75em 0 .625em;
	font-weight:500;
	font-size:1.1875em; /* (19/16) */
	text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;
}
.cp1fcard7 .item .t2{display:block;
	margin:.625em 0 1.25em;
	color:#ccc;
	font-size:.9375em;
}
.cp1fcard7 .item .t2t1{
	margin:0 .75em 0 0;
}
/* ☆ */
.cp1fcard7 .item .btns{display:block;
	padding:.5em 0;
	background:#333;
	word-wrap:break-word;
	word-break:keep-all;
	overflow:hidden;
	transition:.2s;
}
.cp1fcard7 .item .a2{
	float:left;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:50%;
	padding:0 .5em;
	font-size:.875em;
	text-align:center;
}
.cp1fcard7 .item .a2:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:0;bottom:0;
	width:0;
	margin:.25em -1px;
	border-left:1px solid rgba(255,255,255, .2);
}
.cp1fcard7 .item .a2t1{display:inline-block;
	margin:.25em;
	vertical-align:middle;
}
/* ☆ */
.cp1fcard7 .item .ic1.play{display:inline-block;
	z-index:10;
	position:absolute;left:50%;top:50%;
	width:21.111%; /* (76/360) */
	padding:0 0 21.111%;
	background:url(../../img/main/ic152a1c2play1.png) no-repeat center center / contain;
	overflow:hidden;
	text-indent:-9999px;
	opacity:0;
	transform:translate(-50%, -50%);
	transition:.2s;
}
/* ☆ */
.cp1fcard7 .item .a1:hover .f1p1,
.cp1fcard7 .item .a1:focus .f1p1{
	border:2px solid #ed2224;
}
.cp1fcard7 .item .a1:hover .f1p1:before,
.cp1fcard7 .item .a1:focus .f1p1:before{
 opacity:1;
}
.cp1fcard7 .item .a1:hover .ic1.play,
.cp1fcard7 .item .a1:focus .ic1.play{
	opacity:1;
}
.cp1fcard7 .item .a2:hover .a2t1,
.cp1fcard7 .item .a2:focus .a2t1{
	opacity:.8;
}


/* 수강후기 리스트 20210507 */
.cp1flist5{
	position:relative;
	margin:1.5em 0;
	line-height:1.5;
}
.cp1flist5 .lst1{
	list-style:none;margin:0;padding:0;
	border-top:1px solid #fff;
}
.cp1flist5 .li1{}
.cp1flist5 .w1{
	position:relative;
	padding:1.5em 0;
	border-bottom:1px solid rgba(255,255,255, .2);
}
.cp1flist5 .w1w1{
	display:flex; /* ☆ */
}
.cp1flist5 .w1w2{
	text-align:right;
}
.cp1flist5 .w1w1w1{
	width:80px;
	margin:0 1.5em 0 0;
}
.cp1flist5 .w1w1w2{
	width:calc(100% - 80px - 1.5em);
}
/* ☆ */
.cp1flist5 .a1{
	display:block;
}
.cp1flist5 .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 56.25%;
	text-align:center;
}
.cp1flist5 .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1flist5 .f1 img{display:block;
	position:absolute;
	width:100%;
	height:auto;
	min-height:100%;
	margin:auto;
}
.cp1flist5 .tg1{
	width:100%;
}
.cp1flist5 .star5rating1{
	margin:-.25em 0 0;
}
.cp1flist5 .t1{display:block;
	margin:.5em 0;
	font-size:1.125em;
}
.cp1flist5 .t2{display:block;
	margin:.5em 0 0;
	color:#999;
	font-size:.9375em;
}
.cp1flist5 .t3{display:block;
	width:100%;
	color:#999;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1flist5 .w1{
		display:flex; /* ☆ */
		justify-content:space-between;
	}
	.cp1flist5 .w1w1{
		width:calc(100% - 4em - 1.5em);
	}
	.cp1flist5 .w1w1w1{
		width:200px;
	}
	.cp1flist5 .w1w1w2{
		display:flex; /* ☆ */
		flex-wrap:wrap;
		align-content:space-between;
		width:calc(100% - 200px - 1.5em);
	}
	.cp1flist5 .w1w2{
		display:flex; /* ☆ */
		width:4em;
		flex-wrap:wrap;
		align-content:space-between;
		margin:0 0 0 1.5em;
	}
	.cp1flist5 .w1w2w1,
	.cp1flist5 .w1w2w2{
		width:100%;
	}
}


/* 수익내역(배치기본) 20210309 */
.cp1profit1{
	position:relative;
}
.cp1profit1 .hg1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	margin:0 0 .75em;
}
.cp1profit1 .h1{
	margin:.625em 0;
	font-weight:400;
	font-size:1.25em;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1profit1 .hg1 .tt1{
	font-size:1.25em;
}
.cp1profit1 .hg1 .tt1t1{
	display:inline-block;
	color:#ccc;
}
.cp1profit1 .hg1 .tt1t2{
	display:inline-block;
	margin:0 0 0 .5em;
	color:#eee;
	font-weight:600;
}
.cp1profit1 .cont{}


/* 수익내역(배치기본) 20210309 */
.cp1profit1info1{
	position:relative;
	margin:0 0 1em;
}
.cp1profit1info1:before{content:''; /*│*/
	display:block;
	position:absolute;left:1.8125em;top:0;bottom:0;
	width:0;
	border-left:1px solid rgba(255,255,255, .2);
}
.cp1profit1info1 .w1{
	position:relative;
	display:flex; /* ☆ */
	justify-content:space-between;
	padding:1em 1.5em;
	border-radius:5px;
	background:#292929;
	font-size:1.125em;
}
.cp1profit1info1 .w1~.w1{
	margin:2em 0 0;
}
.cp1profit1info1 .w2{
	width:calc(100% - 9em);
}
.cp1profit1info1 .w3{
	padding:.5em 0;
	border-top:1px solid rgba(255,255,255, .1);
	overflow:hidden;
}
.cp1profit1info1 .w3:first-child{
	padding-top:.125em;
	border-top:0;
}
.cp1profit1info1 .w3:last-child{
	padding-bottom:0;
}
/* ☆ */
.cp1profit1info1 .t1{
	width:9em;
}
.cp1profit1info1 .t2{}
.cp1profit1info1 .t3{
	float:left;
	margin:.125em .5em 0 0;
	color:#ccc;
	font-size:.875em;
}
.cp1profit1info1 .t4{
	float:right;
}


/* 통합검색 20210309 */
.cp1search2{
	position:relative;
	box-sizing:border-box; /* ☆ */
	background:#811 url(../../img/lib/bg1search1.jpg) no-repeat center center / cover;
	font-size:1.125em;
	overflow:hidden;
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1search2{
		display:flex; /* ☆ */
		justify-content:center;
		align-items:center;
		height:300px; /* (배경높이 392px) */
	}
	.cp1search2 .h1{
		font-size:2.5em;
	}
}


/* 통합검색결과  헤드그룹  20210309 */
.cp1search2hg1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
.cp1search2hg1 .h1{
	margin:.5em 0;
	color:#aaa;
	font-weight:400;
	font-size:1.125em;
	word-break:keep-all;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1search2hg1 .h1{
		font-size:1.75em;
	}
}


/* 탭 (통합검색) 20210112 */
.cp1tabs2{
	z-index:0;
	position:relative;
	margin:3em auto;
	line-height:1.375;
}
.cp1tabs2 ul{display:block;
	list-style:none;
	margin:0 -1rem;
	padding:0;
	font-size:0;
	text-align:center;
}
.cp1tabs2 ul:before,
.cp1tabs2 ul:after{content:'';display:table;clear:both;}
.cp1tabs2 li{display:inline-block;
	vertical-align:top;
}
.cp1tabs2 li a{display:block;
	position:relative;
	padding:.25em 1em;
	color:#888;
	font-weight:400;
	font-size:.9375rem;
	text-decoration:none !important;
	text-align:center;
}
.cp1tabs2 li~li a:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:.75em;
	margin:-.375em -.0575em;
	border-left:.115em solid rgba(255,255,255, .2); /* (3/26) */
}
.cp1tabs2 .t1{display:block;
	padding:.25em 0;
	border-bottom:.115em solid transparent; /* (3/26) */
}
.cp1tabs2 .ic1{}
/* ☆ */
.cp1tabs2 li a:hover,
.cp1tabs2 li a:focus,
.cp1tabs2 li.on a{
	color:#fff;
	font-weight:500;
}
.cp1tabs2 li.on .t1{
	border-bottom-color:#fff; /* (3/26) */
}
/* ◇◆ */
@media all and (min-width:800px){
	.cp1tabs2 li a{
		padding:.25em 1.25em;
		font-size:1.625rem; /* (26/16) */
	}
}


/* 카드갤러리 (두런 트렌드) ( 공용 even-grid 배치 [JS] jQmCarousel1() ) 20220504. 20221220. */
.cp1fcard8{
	display:block;
	z-index:0;
	position:relative;
	margin:2em auto 0;
}
.cp1fcard8 .wrap1{}
.cp1fcard8 .lst1{ /* .even-grid */ }
.cp1fcard8 .item{ /* .even-grid>.column */ }
.cp1fcard8 .item .w1{
	display:block;
	position:relative;
	margin:0 0 1em;
	overflow:hidden;
}
.cp1fcard8 .item .a1{
	display:block;
	background:#23252b;
	color:inherit;
	text-decoration:none;
	transition:.2s;
}
.cp1fcard8 .item .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 56.25%;
	text-align:center;
}
.cp1fcard8 .item .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1fcard8 .item .f1 img{display:block;
	position:absolute;
	width:100%;
	height:100%;
	margin:auto;
	object-fit:cover;
}
html.no-object-fit .cp1fcard8 .item .f1 img{ /* [IE] */
	height:auto;
	min-height:100%;
}
/* ☆ */
.cp1fcard8 .item .tg1{
	display:block;
	padding:.75rem 1rem;
	overflow:hidden;
	transition:.2s;
}
.cp1fcard8 .item .t1{
	display:block;
	display:-webkit-box;
	-webkit-line-clamp:3; /* (X) line-clamp */
	-webkit-box-orient:vertical; /* (X) box-orient */
	height:4.125em; /* (1.375*3) */
	color:#ddd;
	font-weight:400;
	font-size:1.25em;
	line-height:1.375;
	text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;
}
.cp1fcard8 .item .t2{
	display:block;
	display:-webkit-box;
	-webkit-line-clamp:2; /* (X) line-clamp */
	-webkit-box-orient:vertical; /* (X) box-orient */
	height:2.75em; /* (1.375*2) */
	margin:.5em 0;
	color:#838a93;
	font-size:1em;
	line-height:1.375;
	text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;
}
.cp1fcard8 .item .t3{
	display:block;
	float:right;
	color:#838a93;
	font-size:.875em;
	letter-spacing:0;
}
.cp1fcard8 .item .cp2share2{
	position:absolute;left:0;bottom:0;
	margin:.75rem 1rem;
	opacity:.6;
}
.cp1fcard8 .item .cp2share2:hover,
.cp1fcard8 .item .cp2share2:focus{
	opacity:.8;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1fcard8 .item .tg1{
		padding:1rem 1.375rem;
	}
	.cp1fcard8 .item .cp2share2{
		margin:1rem 1.375rem;
	}
}


/*  카드갤러리 (통합검색. 강사, 유튜버) 20210311 */
.cp1fcard9{display:block;
	z-index:0;
	position:relative;
	margin:calc(18px + 3.5%) auto; /* ((60-18)/1200) */
	padding:calc(18px + 1.5%) 0 0;
	border-top:1px solid rgba(255,255,255, .2);
	line-height:1.375;
}
.cp1fcard9 .wrap1{
	position:relative;
}
.cp1fcard9 .lst1{ /* .even-grid */
	margin-top:1em;
	margin-bottom:1em;
	/* text-align:center; */
}
.cp1fcard9 .item{ /* .even-grid>.column */ }
.cp1fcard9 .item .w1{display:block;
	position:relative;
	text-align:center;
	overflow:hidden;
}
.cp1fcard9 .item .a1{display:block;
	color:inherit;
	text-decoration:none;
}
.cp1fcard9 .item .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 100%;
	text-align:center;
}
.cp1fcard9 .item .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	border:3px solid transparent;
	border-radius:9999px;
	overflow:hidden;
	transition:.2s;
}
.cp1fcard9 .item .f1 img{display:block;
	position:absolute;
	width:100%;
	height:auto;
	min-height:100%;
	margin:auto;
}
.cp1fcard9 .item .tg1{
	margin:0 0 .5em;
}
.cp1fcard9 .item .t1{display:block;
	position:relative;
	margin:.5em 0 .25em;
	font-weight:600;
	font-size:1.125em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1fcard9 .item .t2{display:block;
	color:#ccc;
	font-size:.875em;
}
.cp1fcard9 .item .t2t1{margin:0 .25em 0 0;}
.cp1fcard9 .item .t2t2{}
/* ☆ */
.cp1fcard9 .item .a1:hover .f1p1,
.cp1fcard9 .item .a1:focus .f1p1{
	border-color:#ed2224;
}
.cp1fcard9 .item .a1:hover .f1p1:before,
.cp1fcard9 .item .a1:focus .f1p1:before{
 opacity:1;
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1fcard9 .item .t1{
		font-size:1.625em;
	}
}


/* 카드갤러리 (추천 클래스) 20210330. 20210830 [JS] jQmCarousel1(); */
.cp1fcard10{display:block;
	z-index:0;
	position:relative;
	margin:0 0 2em;
	line-height:1.375;
}
.cp1fcard10 .wrap1{
	position:relative;
}
.cp1fcard10 .hg1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	position:relative;
	margin:1em 0;
}
.cp1fcard10 .h1{
	margin:0 1.5em 0 0;
}
/* .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item{} */
.cp1fcard10 .owl-carousel{}
.cp1fcard10 .owl-stage-outer{
	width:100%; /* (fix) */
}
.cp1fcard10 .owl-dots{ /* 도트(플러그인생성) */
	display:none; /* ☆ */
}
/* 내용 */
.cp1fcard10 .item{}
.cp1fcard10 .item .w1{display:block;
	position:relative;
	overflow:hidden;
}
.cp1fcard10 .item .a1{display:block;
	color:#fff;
}
.cp1fcard10 .item .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 56.25%;
	text-align:center;
}
.cp1fcard10 .item .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1fcard10 .item .f1p1:before{content:'';display:block;
	z-index:10;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .6);
	opacity:0;
	transition:.2s;
}
.cp1fcard10 .item .f1 img{display:block;
	position:absolute;
	width:100%;
	height:auto;
	min-height:100%;
	margin:auto;
	opacity:0;
	transition:opacity .4s ease;
}
.cp1fcard10 .owl-loaded .item .f1 img{ /* 이미지 모두 로드 */
	opacity:1;
}
/* ☆ */
.cp1fcard10 .item .tg1{display:block;
	overflow:hidden;
	transition:.2s;
}
.cp1fcard10 .item .t1{display:block;
	position:relative;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	height:2.75em; /* (1.375*2) */
	margin:.75em 0 .25em;
	color:#eee;
	font-weight:500;
	font-size:1.125em; /* (18/16) */
	text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;
}
.cp1fcard10 .item .ratings .t1{}
.cp1fcard10 .item .ratings .star5rating1{
	margin:.5em .5em .5em 0;
	vertical-align:middle;
}
.cp1fcard10 .item .ratings .t2{
	color:#888;
	font-weight:500;
	font-size:.875em;
	vertical-align:middle;
}
.cp1fcard10 .item .t2t1,
.cp1fcard10 .item .t2t2,
.cp1fcard10 .item .t2t3{
	display:inline-block;
	vertical-align:middle;
}
/* ☆ */
.cp1fcard10 .item .tg2{
	position:relative;
	font-size:.875em;
	overflow:hidden;
}
.cp1fcard10 .item .tg2 .t2{
	float:left;
	margin:.5em 1px 0;
	color:#888;
}
.cp1fcard10 .item .tg2 .t3{
	float:right;
	margin:.5em 1px 0;
	padding:.1875em .75em;
	border:1px solid #ed2224;
}
.cp1fcard10 .item .tg2 .t3t1{
	color:#ed2224;
	font-weight:400;
}
/* ☆ */
.cp1fcard10 .item .ic1.play{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:24.176%; /* (66/273) */
	padding:0 0 24.176%;
	background:url(../../img/main/ic152a1c2play1.png) no-repeat center center / contain;
	overflow:hidden;
	text-indent:-9999px;
	opacity:0;
	transform:translate(-50%, -50%);
	transition:.2s;
}
/* ☆ */
.cp1fcard10 .item .a1:hover .f1p1,
.cp1fcard10 .item .a1:focus .f1p1{
	border:2px solid #ed2224;
}
.cp1fcard10 .item .a1:hover .f1p1:before,
.cp1fcard10 .item .a1:focus .f1p1:before{
 opacity:1;
}
.cp1fcard10 .item .a1:hover .ic1.play,
.cp1fcard10 .item .a1:focus .ic1.play{
	opacity:1;
}
.cp1fcard10 .item .a1:hover .tg2,
.cp1fcard10 .item .a1:focus .tg2{
	background:none;
}
/* 제어 */
.cp1fcard10 .mControl{display:block;
	z-index:10;
	position:relative;
	width:60px;
	margin:10px 0 10px auto;
	overflow:hidden;
}
.cp1fcard10 .mControl .m{
	float:left;
	position:relative;
	width:30px;
	height:30px;
	margin:0;
	border:0;
	background:none;
	transition:.2s;
}
.cp1fcard10 .mControl .m .ic1{display:block;
	position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url(../../img/main/ic20a1c0right1.png) no-repeat center center / contain;
}
.cp1fcard10 .mControl .prev .ic1{
	transform:rotate(180deg);
}
.cp1fcard10 .mControl .next .ic1{}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1fcard10 .hg1{
		margin:1.75em 0;
	}
}


/* 공지사항.목록 20220401 */
.cp1bbs4list1{
	position:relative;
	margin:0 0 1.5em;
	line-height:1.375;
}
.cp1bbs4list1 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1bbs4list1 .li1{
	position:relative;
	border-bottom:1px solid #3e434b;
}
.cp1bbs4list1 .a1{
	display:flex; /* ☆ */
	align-items:center;
	padding:1em 0;
	color:#ddd;
}
.cp1bbs4list1 .g1{
	display:inline-block;
	box-sizing:border-box; /* ☆ */
	width:4em;
	flex:0 0 auto;
	padding:.125em .75em;
	margin:0 .75em 0 0;
	border:1px solid transparent;
	border-radius:9999px;
	color:#fff;
	font-weight:300;
	font-size:1em;
	text-align:center;
}
.cp1bbs4list1 .g1.s1{ /* 필독 */
	background-color:#e44e4e;
	font-weight:400;
}
.cp1bbs4list1 .g1.s2{ /* 공지. 새글? */
	background-color:#3c435d;
	font-weight:400;
}
.cp1bbs4list1 .t1{
	display:block;
	font-size:1.125em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
/* ☆ */
.cp1bbs4list1 .a1:hover,
.cp1bbs4list1 .a1:focus{
	color:#fff;
}


/* 게시글상세.댓글.대댓글. 20220708 (공지사항 | .type2 1:1문의 | .type3 내 질문 상세 | .type4 질문 상세 ) */
.cp1bbs4view1{
	position:relative;
	margin:1.5em 0;
	border:1px solid #3e434b;
	border-width:1px 0;
}
.cp1bbs4view1 .nodata{
	color:#94969e;
}
.cp1bbs4view1 .w1{
	padding:calc(20px + .833%) 0;
	border-top:1px solid #3e434b;
}
.cp1bbs4view1 .w1:first-child{
	border-top:0;
}
.cp1bbs4view1 .w1:before,
.cp1bbs4view1 .w1:after{content:'';display:table;clear:both;}
.cp1bbs4view1 .w1w1{
	clear:both;
	float:left;
	position:relative;
	width:25px;
	margin:0 calc(8px + 1%) 0 0;
}
.cp1bbs4view1 .w1w2{
	float:right;
	position:relative;
	width:calc(99% - 33px);
}
.cp1bbs4view1 .f1{
	display:block;
	position:relative;
	padding:0 0 100%;
}
.cp1bbs4view1 .f1p1{
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	border-radius:9999px;
	overflow:hidden;
}
.cp1bbs4view1 .f1 img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
html.no-object-fit .cp1bbs4view1 .f1 img{ /* [IE] */
	height:auto;
	min-height:100%;
}
.cp1bbs4view1 .hg1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
}
.cp1bbs4view1 .tt1{
	float:left;
	margin:0 0 .25em;
	color:#fff;
	font-weight:400;
	font-size:1.25em;
}
/* ☆ */
.cp1bbs4view1 .st1{
	float:right;
	margin:0 0 .75em;
	color:#fff;
	font-size:1.25em;
}
.cp1bbs4view1 .st1.s1{color:#67d5fe;} /* 미해결 */
.cp1bbs4view1 .st1.s2{color:#ff7871;} /* 해결 */
.cp1bbs4view1 .tg1{
	clear:both;
	margin:0 0 1.75em;
}
.cp1bbs4view1 .tg1 .t1{
	margin-right:.75em;
	color:#eee;
	font-weight:400;
	font-size:.9375em;
	vertical-align:middle;
}
.cp1bbs4view1 .tg1 .t2{
	padding:0 0 .0625em; /* (세로정렬보정) */
	color:#aaa;
	font-size:.875em;
	vertical-align:middle;
}
.cp1bbs4view1 .tg2{
	font-size:1.0625em;
}
/* ☆ */
.cp1bbs4view1 .eg1{
	float:right;
	margin:1em 0 0;
}
.cp1bbs4view1 .cp1menu1{
	margin-left:1em;
}
/* 댓글 */
.cp1bbs4view1 .reply{
	margin-left:calc(33px + 1%);
}
.cp1bbs4view1 .reply .w1w1{
	width:18px;
	margin:.125em 0 0;
}
.cp1bbs4view1 .reply .w1w2{
	width:calc(99% - 24px);
}
.cp1bbs4view1 .reply .tg1{
	margin:0 0 .75em;
}
.cp1bbs4view1 .reply .tg2{
	font-size:.9375em;
}
.cp1bbs4view1 .reply .eg1{
	float:none;
	margin:1em 0 -2.125em 3em;
}
.cp1bbs4view1 .reply .toggle-c:not(.cp1menu1c){ /* 답글펼침콘텐츠만(부가메뉴는제외) */
	margin-top:1em;
}
/* 대댓글 */
.cp1bbs4view1 .reply2{
	padding:calc(20px) 0;
	border-top:1px solid rgba(255,255,255, .1);
}
.cp1bbs4view1 .reply2 .w1w1{
	width:14px;
	margin:.375em 0 0;
}
.cp1bbs4view1 .reply2 .w1w2{
	width:calc(99% - 18px);
}
.cp1bbs4view1 .reply2 .eg1{
	float:none;
	margin:1em 0 0;
}
/* ☆ */
.cp1bbs4view1 .g1{
	display:inline-flex; /* ☆ */
	align-items:center;
	float:left; /* ☆ */
	margin:0 0 1em;
	padding:.25em .875em;
	border-radius:9999px;
	background:#3e434b;
	color:#fff;
	font-weight:300;
	font-size:.75em;
	line-height:1;
	vertical-align:middle;
}
.cp1bbs4view1 .g1t1{
	margin:0 0 0 .3125em;
}
.cp1bbs4view1 .g1ic1{
	width:18px;
	height:18px;
	background:url(../../img/lib2/ic36a1c2pin1.png) no-repeat center center / contain;
}
/* 게시자가 열람 시 */
.cp1bbs4view1 .cp1menu3{
	float:right;
	margin:.25em 0 0 2em;
}
.cp1bbs4view1 .eg2{
	float:left;
	position:relative;
	margin:1.375em 0 0;
	padding:0 3px 0 0;
}
.cp1bbs4view1 .eg2:before{content:''; /*│*/
	display:block;
	position:absolute;right:0;top:50%;
	width:0;
	height:.75em;
	margin:-.375em 0;
	border-left:1px solid rgba(255,255,255, .1);
}
.cp1bbs4view1 .a3{display:inline-block;
	position:relative;
	padding:0 .75em 0 calc(.75em + 2px);
	font-weight:500;
}
.cp1bbs4view1 .a3:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:.75em;
	margin:-.375em 0;
	border-left:1px solid rgba(255,255,255, .1);
}
/* ☆.type2 (1:1문의) (댓글은 들여쓰기 없다) */
.cp1bbs4view1.type2 .reply .eg1{
	margin:1em 0 0;
}
/* ☆.type3 (내 질문 상세 :: 내 질문은 섬네일 없고, 댓글은 들여쓰기 없다) */
.cp1bbs4view1.type3{
	padding:0;
	border-width:1px 0;
	border-radius:0;
}
.cp1bbs4view1.type3 .w1w1{
	width:auto;
	margin:0;
}
.cp1bbs4view1.type3 .w1w2{
	width:100%;
}
.cp1bbs4view1.type3 .reply{ 
	margin-left:0;
}
/* ☆.type4 (질문 상세 (강사가 열람 시)) */
.cp1bbs4view1.type4{
	padding:0;
	border-width:1px 0;
	border-radius:0;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1bbs4view1{
		padding:20px calc(20px + .833%);
		border-width:1px;
		border-radius:5px;
	}
	.cp1bbs4view1 .w1w1{
		width:50px;
	}
	.cp1bbs4view1 .w1w2{
		width:calc(99% - 58px);
	}
	.cp1bbs4view1 .reply{
		margin-left:calc(58px + 1%);
	}
	.cp1bbs4view1 .reply .w1w1{
		width:36px;
		margin:0;
	}
	.cp1bbs4view1 .reply .w1w2{
		width:calc(99% - 44px);
	}
	.cp1bbs4view1 .reply .eg1{
		margin-bottom:-1.875em;
	}
	.cp1bbs4view1 .reply2 .w1w1{
		width:28px;
		margin:.1875em 0 0;
	}
	.cp1bbs4view1 .reply2 .w1w2{
		width:calc(99% - 36px);
	}
	.cp1bbs4view1 .reply2 .eg1{
		margin-bottom:0;
	}
}


/* 최신트렌드.상세.베스트 20220408 */
.cp1trend1best1{
	position:relative;
	margin:3em 0;
}
.cp1trend1best1 .h1{
	font-size:2em;
}
.cp1trend1best1 .w1{
	display:flex; /* ☆ */
}
.cp1trend1best1 .w1w1{
	flex:none;
	width:25%;
	max-width:160px;
	margin:0 2em 0 0;
}
.cp1trend1best1 .w1w2{}
.cp1trend1best1 .cont{}
/* ☆ */
.cp1trend1best1 .tt1{
	display:block;
	margin:0;
	font-size:1.375em;
}
.cp1trend1best1 .tt2{
	display:block;
	margin:.375em 0;
	color:#ccc;
	font-size:1.125em;
}
.cp1trend1best1 .button{}
/* ☆ */
.cp1trend1best1 .cont .t1{
	margin:2em 0;
	color:#ccc;
	font-size:1.125em;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1trend1best1 .h1{
		font-size:2.375em;
	}
	.cp1trend1best1 .w1{
		align-items:center;
	}
	.cp1trend1best1 .tt1{
		font-size:2.375em;
	}
	.cp1trend1best1 .tt2{
		font-size:1.5em;
	}
}


/* 지금 핫한 클래스 (4위~) 20220504 */
.cp1flist6{
	position:relative;
	margin:1.5em 0;
	line-height:1.375;
}
.cp1flist6 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1flist6 .li1{}
.cp1flist6 .w1{ /* .a1 */
	display:block;
	position:relative;
	margin:-1px 0 0;
	padding:1.25em 0;
	border:1px solid #3e434b;
	border-width:1px 0;
	transition:.2s;
}
.cp1flist6 .a1:hover,
.cp1flist6 .a1:focus{
	background:rgba(0,0,0, .2);
}
.cp1flist6 .w1w1{
	display:flex; /* ☆ */
}
.cp1flist6 .w1w2{
	display:flex; /* ☆ */
	justify-content:space-around;
	align-items:center;
	margin:1.5em 0 0;
}
.cp1flist6 .w1w1w1{
	flex:none;
	width:3em;
}
.cp1flist6 .w1w1w2{
	flex:none;
	width:80px;
	margin:0 1.5em 0 0;
}
.cp1flist6 .w1w1w3{}
.cp1flist6 [class*='w1w2w']{
	flex:auto;
	display:flex; /* ☆ */
	flex-direction:column-reverse;
	justify-content:center;
	align-items:center;
	position:relative;
}
.cp1flist6 [class*='w1w2w']~[class*='w1w2w']:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:2.125em;
	border-left:1px solid #3E434B;
	transform:translateY(-50%);
}
.cp1flist6 .w1w2w1{}
.cp1flist6 .w1w2w2{}
.cp1flist6 .w1w2w3{}
/*  */
.cp1flist6 .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 56.25%;
	text-align:center;
}
.cp1flist6 .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	border-radius:5px;
	overflow:hidden;
}
.cp1flist6 .f1 img{display:block;
	position:absolute;
	width:100%;
	height:100%;
	margin:auto;
	object-fit:cover;
}
html.no-object-fit .cp1flist6 .f1 img{ /* [IE] */
	height:auto;
	min-height:100%;
}
/*  */
.cp1flist6 .g1{
	display:block;
	margin:0 1.5em 0 0;
	font-weight:500;
	text-align:center;
}
.cp1flist6 .g1t1{
	display:inline-block;
	font-size:1.5em;
}
.cp1flist6 .g1t2{
	position:absolute;left:-9999px;
	font-size:1.5em;
}
/*  */
.cp1flist6 .t1{
	display:block;
	width:100%;
	color:#ddd;
	font-weight:400;
	font-size:1.125em;
}
.cp1flist6 .t2{
	display:block;
	width:100%;
	margin:.5em 0 0;
	color:#bbb;
	font-size:.9375em;
}
.cp1flist6 .t3{
	display:block;
	color:#b1bac4;
	font-size:.875em;
	text-align:center;
}
.cp1flist6 .t4{
	display:block;
	margin:.25em 0;
	font-weight:600;
	font-size:1em;
	text-align:center;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1flist6 .w1{
		display:flex; /* ☆ */
	}
	.cp1flist6 .w1w1{
		flex:auto;
		min-width:0; /* ☆ */
	}
	.cp1flist6 .w1w2{
		flex:none;
		width:33%;
		margin:0 0 0 3%;
	}
	.cp1flist6 .w1w1w1{}
	.cp1flist6 .w1w1w2{
		width:135px;
	}
	.cp1flist6 .g1{
		margin-top:1.125em;
	}
	.cp1flist6 .t1{
		font-size:1.25em;
	}
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1flist6 .w1w1w1{
		width:5em;
	}
	.cp1flist6 .g1t2{
		position:static;
	}
}


/* 지금 핫한 강사, 지금 핫한 유튜버. 20220504 */
.cp1flist7{
	position:relative;
	margin:1.5em 0;
	line-height:1.375;
}
.cp1flist7 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1flist7 .li1{}
.cp1flist7 .w1{ /* .a1 */
	display:block;
	position:relative;
	margin:-1px 0 0;
	padding:1.25em 0;
	border:1px solid #3e434b;
	border-width:1px 0;
	transition:.2s;
}
.cp1flist7 .a1:hover,
.cp1flist7 .a1:focus{
	background:rgba(0,0,0, .2);
}
.cp1flist7 .w1w1{
	display:flex; /* ☆ */
}
.cp1flist7 .w1w2{
	display:flex; /* ☆ */
	justify-content:space-around;
	align-items:center;
	margin:1.5em 0 0;
}
.cp1flist7 .w1w1w1{
	flex:none;
	width:3em;
}
.cp1flist7 .w1w1w2{
	flex:none;
	width:40px;
	margin:0 1.5em 0 0;
}
.cp1flist7 .w1w1w3{
	min-width: 0; /* ☆ */
}
.cp1flist7 [class*='w1w2w']{
	flex:auto;
	display:flex; /* ☆ */
	flex-direction:column-reverse;
	justify-content:center;
	align-items:center;
	position:relative;
}
.cp1flist7 [class*='w1w2w']~[class*='w1w2w']:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:2.125em;
	border-left:1px solid #3E434B;
	transform:translateY(-50%);
}
.cp1flist7 .w1w2w1{}
.cp1flist7 .w1w2w2{}
.cp1flist7 .w1w2w3{}
/*  */
.cp1flist7 .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 100%;
	border-radius:9999px;
	overflow:hidden;
	text-align:center;
}
.cp1flist7 .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1flist7 .f1 img{display:block;
	position:absolute;
	width:100%;
	height:100%;
	margin:auto;
	object-fit:cover;
}
html.no-object-fit .cp1flist7 .f1 img{ /* [IE] */
	height:auto;
	min-height:100%;
}
/*  */
.cp1flist7 .g1{
	display:block;
	margin:0 1.5em 0 0;
	font-weight:500;
	text-align:center;
}
.cp1flist7 .g1t1{
	display:inline-block;
	font-size:1.5em;
}
.cp1flist7 .g1t2{
	position:absolute;left:-9999px;
	font-size:1.5em;
}
/*  */
.cp1flist7 .t1{
	display:block;
	width:100%;
	color:#ddd;
	font-weight:400;
	font-size:1.25em;
}
.cp1flist7 .t2{
	display:block;
	width:100%;
	margin:.5em 0 0;
	color:#b1bac4;
	font-size:.9375em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1flist7 .t3{
	display:block;
	margin:0 0 .5em;
	color:#b1bac4;
	font-size:.875em;
	text-align:center;
}
.cp1flist7 .t4{
	display:block;
	margin:.25em 0;
	font-weight:600;
	font-size:1em;
	text-align:center;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1flist7 .w1{
		display:flex; /* ☆ */
	}
	.cp1flist7 .w1w1{
		flex:auto;
		display:flex; /* ☆ */
		align-items:center;
		min-width:0; /* ☆ */
	}
	.cp1flist7 .w1w2{
		flex:none;
		width:37%;
		margin:0 0 0 3%;
	}
	.cp1flist7 .w1w1w1{
		width:5em;
	}
	.cp1flist7 .w1w1w2{
		width:48px;
	}
	.cp1flist7 .w1w1w3{
		display:flex; /* ☆ */
		flex-wrap:wrap;
		align-content:center;
	}
	.cp1flist7 .g1t2{
		position:static;
	}
}


/* 서비스문의 질문답변. 20220401 */
.cp1qna1{
	position:relative;
	margin:2em 0;
}
.cp1qna1 .dl1{
	list-style:none;margin:0;padding:0;
}
.cp1qna1 .di1{
	border-bottom:1px solid #3e434b;
}
.cp1qna1 .dt1{
	display:block;
	position:relative;
	padding:1em 1em 1em 3em;
	/* background:url(../../img/lib/ic60a1c0q1.png) no-repeat 0 1em / 1.875rem; */
	color:#f7f7f7;
	font-size:1.125em;
}
.cp1qna1 .dt1:before{content:'Q.';
	display:block;
	position:absolute;
	margin:-.3125em -1.375em;
	font-weight:700;
	font-size:1.625rem;
	letter-spacing:0;
}
.cp1qna1 .dt1:hover,
.cp1qna1 .dt1:focus{
	opacity:.8;
}
.cp1qna1 .dd1{
	display:none;
	position:relative;
	padding:1.375em 1em 1.375em 3em;
	border-top:1px solid #3e434b;
	background:#181c24 /* url(../../img/lib/ic70a1c0a1.png) no-repeat 1em 1.25em / 2.1875em */;
	color:#ddd;
	font-size:1.125em;
}
.cp1qna1 .dd1:before{content:'A.';
	display:block;
	position:absolute;
	margin:-.3125em -1.375em;
	color:#ff7871;
	font-weight:700;
	font-size:1.625rem;
	letter-spacing:0;
}


/* 커리큘럼 소개 20210325 */
.cp1curriculum2{
	position:relative;
	margin:0 0 1.5em;
	border-bottom:1px solid #666;
	color:#fff;
	line-height:1.375;
}
.cp1curriculum2 .h1{
	margin:-1px 0 0;
	padding:.75em 1em;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	background:rgba(255,255,255, .1);
	font-weight:500;
	font-size:1.25em;
}
.cp1curriculum2 .d2{}
.cp1curriculum2 .h2{
	margin:-1px 0 0;
	padding:1em 1em 1em 2.25em;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	background:url(../../img/lib/ic12a1c0plus1.png) no-repeat 1em 50% / 12px;
	font-weight:500;
	font-size:1.125em;
	cursor:default;
}
.cp1curriculum2 .d2.on .h2{
	background-image:url(../../img/lib/ic12a1c0minus1.png);
}
.cp1curriculum2 .d3{
	display:none;
	padding:2em 0;
}


/* 커리큘럼 소개 소단원(CHAP) 20210325 */
.cp1flist8{
	position:relative;
	line-height:1.375;
}
.cp1flist8 .w1{}
.cp1flist8 .w1w1{}
.cp1flist8 .w1w2{}
/* ☆ */
.cp1flist8 .cp1fcard11{}
/* ☆ */
.cp1flist8 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1flist8 .li1{
	display:flex; /* ☆ */
	/* margin:0 0 .75em; */
	padding:.75em 0;
	color:#ccc;
}
.cp1flist8 .li1~.li1{
	border-top:1px solid rgba(255,255,255, .1);
}
.cp1flist8 .li1 .g1{
	flex:0 0 auto;
	position:relative;
	width:1.375em;
	height:1.375em;
	margin:0 .75em .1875em 0;
}
.cp1flist8 .li1 .g1ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:18px;height:18px;
	margin:-9px;
	background:url(../../img/lib/ic36a1c0paper1.png) no-repeat center center / contain;
	vertical-align:middle;
}
.cp1flist8 .li1 .a1{
	display:flex; /* ☆ */
	justify-content:space-between;
	width:calc(100% - 1.375em - .75em);
}
.cp1flist8 .li1 .t1{
	width:calc(100% - 4em);
}
.cp1flist8 .li1 .t2{
	width:4em;
	text-align:right;
}
/* (툴팁조정) */
.cp1flist8 .tooltip1 .tooltip1c{
	transform:translateX(-20%);
}
.cp1flist8 .tooltip1 .tooltip1c:before{
	left:20%;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1flist8 .w1{
		display:flex; /* ☆ */
	}
	.cp1flist8 .w1w1{
		flex:0 0 auto;
		width:280px;
		margin:0 40px 0 0 ;
	}
	.cp1flist8 .w1w2{
		width:calc(100% - 330px);
	}
}


/* 카드갤러리 (커리큘럼 소개 미리보기 영상) 20210318 [JS] jQmCarousel1(); */
.cp1fcard11{display:block;
	z-index:0;
	position:relative;
	margin:0 0 1.5em;
}
.cp1fcard11 .wrap1{
	position:relative;
}
/* .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item{} */
.cp1fcard11 .owl-carousel{
	width:calc(100% - 30px);
}
.cp1fcard11 .owl-stage-outer{
	width:100%; /* (fix) */
}
.cp1fcard11 .owl-dots{ /* 도트(플러그인생성) */
	display:none; /* ☆ */
}
/* 내용 */
.cp1fcard11 .item{}
.cp1fcard11 .item .w1{display:block;
	position:relative;
	overflow:hidden;
}
.cp1fcard11 .item .a1{display:block;
	color:#fff;
	text-decoration:none;
}
.cp1fcard11 .item .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 56.25%;
	text-align:center;
}
.cp1fcard11 .item .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1fcard11 .item .f1 img{display:block;
	position:absolute;
	width:100%;
	height:auto;
	min-height:100%;
	margin:auto;
	opacity:0;
	transition:opacity .4s ease;
}
.cp1fcard11 .owl-loaded .item .f1 img{ /* 이미지 모두 로드 */
	opacity:1;
}
/* ☆ */
/* 제어 */
.cp1fcard11 .mControl{display:block;
	z-index:10;
	position:absolute;right:0;top:0;
	width:30px;
	margin:0 -9px 0 0;
	overflow:hidden;
}
.cp1fcard11 .mControl .m{
	float:left;
	position:relative;
	width:30px;
	height:30px;
	margin:0;
	border:0;
	background:none;
	transition:.2s;
}
.cp1fcard11 .mControl .m .ic1{display:block;
	position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat center center / contain;
}
.cp1fcard11 .mControl .prev .ic1{
	background-image:url(../../img/lib/ic20a1c0right1.png);
	transform:rotate(180deg);
}
.cp1fcard11 .mControl .next .ic1{background-image:url(../../img/lib/ic20a1c0right1.png);}


/* 대시보드.정보 (영상상세..) 20220408 */
.cp1dash2info1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 0 1.5em;
	padding:calc(14px + 3%) 0;
	border-radius:10px;
	background:#23252b;
	text-align:center;
}
.cp1dash2info1 .hg1{
	margin:-1.5em 0 .25em;
}
.cp1dash2info1 .h1{
	display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	padding:.375em 1.5em;
	border-radius:9999px;
	background:rgba(0,0,0, .4);
	color:#fff;
	font-weight:400;
	font-size:1.3125em;
	text-align:center;
	overflow:hidden;
}
.cp1dash2info1 .cont{
	display:flex; /* ☆ */
	justify-content:space-around;
}
.cp1dash2info1 .item{display:block;
	position:relative;
	flex:0 1 33.333%;
	text-align:center;
}
.cp1dash2info1 .item~.item:before{content:'';
	display:block;
	position:absolute;left:0;top:0;bottom:0;
	width:0;
	border-left:1px solid rgba(255,255,255, .1);
}
.cp1dash2info1 .item .t1{
	display:block;
	font-weight:500;
	font-size:4.375vw;
	color:#fff;
	line-height:1;
}
.cp1dash2info1 .item .t2{
	display:block;
	margin:1em 0 0;
	color:#999;
}
/* .type2 (분석 리포트, ..) */
.cp1dash2info1.type2{}
.cp1dash2info1.type2 .hg1{
	margin:-1.25em 0 2em;
}
.cp1dash2info1.type2 .st1{
	display:block;
	position:absolute;left:0;right:0;top:-2em;
}
.cp1dash2info1.type2 .st1 .sep{
	font-size:.75em;
	opacity:.5;
}
.cp1dash2info1.type2 .st1t1{
	padding:0 0 0 1.25em;
	background:url() no-repeat 0 50% / 1em;
	font-size:.8125em;
}
.cp1dash2info1.type2 .st1t1.like{background-image:url(../../img/lib/ic36a5c2like1.png);}
.cp1dash2info1.type2 .st1t1.hate{background-image:url(../../img/lib/ic36a5c2like1.png);}
/* ☆ */
.cp1dash2info1 .b1{display:inline-block;
	position:relative;
	width:20px;height:16px;
	vertical-align:bottom;
	overflow:hidden;
	text-indent:-9999px;
	opacity:.5;
}
.cp1dash2info1 .b1:hover,
.cp1dash2info1 .b1:focus{
	opacity:1;
}
.cp1dash2info1 .b1ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:16px;height:16px;
	margin:-8px;
	background:url() no-repeat center center / contain;
	vertical-align:middle;
}
.cp1dash2info1 .metewand .b1ic1{background-image:url(../../img/lib/ic32a5c0bars1.png);}
/* .type3 (강사소개, 유튜버소개) */
.cp1dash2info1.type3 .h1{
	background:rgba(255,255,255, .1);
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1dash2info1{
		padding:50px 20px;
	}
	.cp1dash2info1.type2,
	.cp1dash2info1.type3{
		display:flex; /* ☆ */
		justify-content:space-between;
		align-items:center;
		padding:40px 20px;
	}
	.cp1dash2info1.type2 .hg1{
		width:25%;
		margin:0;
	}
	.cp1dash2info1.type3 .hg1{
		width:20%;
		margin:0;
	}
	.cp1dash2info1.type2 .h1,
	.cp1dash2info1.type3 .h1{
		display:flex; /* ☆ */
		flex-direction:column;
		justify-content:center;
		align-items:center;
		align-content:center;
		width:7em;
		height:7em;
		margin:0 auto;
		padding:0;
	}
	.cp1dash2info1.type2 .h1ic1,
	.cp1dash2info1.type3 .h1ic1{display:block;
		width:120px;
		height:26px;
		margin:.5em 2em 0 0;
		background:url(../../img/lib/icw120a1c0right1.png) no-repeat center center / contain;
		opacity:.14;
	}
	.cp1dash2info1.type2 .cont{
		width:75%;
	}
	.cp1dash2info1.type3 .cont{
		width:80%;
	}
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1dash2info1 .t1{
		font-size:2.5em;
	}
	.cp1dash2info1 .t2{
		font-size:1.125em;
	}
}


/* 대시보드.정보 (영상상세..) 20210326 */
.cp1dash2info2{
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 0 1.5em;
	padding:calc(14px + 3%) 0;
	/* border-radius:10px; */
	background:#181c24;
	text-align:center;
}
.cp1dash2info2 .hg1{
	margin:-1.5em 0 .25em;
}
.cp1dash2info2 .h1{
	display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	padding:.375em 1.5em;
	border-radius:9999px;
	background:rgba(0,0,0, .4);
	color:#fff;
	font-weight:400;
	font-size:1.3125em;
	text-align:center;
	overflow:hidden;
}
.cp1dash2info2 .cont{
	display:flex; /* ☆ */
	justify-content:space-around;
}
.cp1dash2info2 .item{display:block;
	position:relative;
	flex:0 1 33.333%;
	text-align:center;
}
.cp1dash2info2 .item~.item:before{content:'';
	display:block;
	position:absolute;left:0;top:0;bottom:0;
	width:0;
	border-left:1px solid rgba(255,255,255, .1);
}
.cp1dash2info2 .t1{display:block;
	margin:0 0 1em;
	color:#999;
}
.cp1dash2info2 .t2{display:block;
	font-weight:300;
	font-size:4.375vw;
	color:#fff;
	line-height:1;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1dash2info2{
		padding:40px 20px;
	}
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1dash2info2 .t1{
		font-size:1.125em;
	}
	.cp1dash2info2 .t2{
		font-size:1.5em;
	}
}


/* 태그 20210322 */
.cp1tag3{
	display:block;
	position:relative;
	margin:3em 0;
	color:#fff;
	line-height:1.375;
	text-align:center;
}
.cp1tag3 .w1{
	margin:0 0 2em;
}
.cp1tag3 .w2{
	margin:0 0 2em;
}
.cp1tag3 .h1{
	display:block;
	margin:0 0 .75em;
	font-weight:600;
	font-size:1.375em;
}
.cp1tag3 .tags{
	display:block;
	font-size:.875em;
}
.cp1tag3 .a1{
	display:inline-block;
	position:relative;
	margin:.5em .375em;
	padding:.5em 1em;
	border:1px solid #ccc;
	border-radius:9999px;
	color:#ccc;
	text-decoration:none;
}
.cp1tag3 .a1t1{}
.cp1tag3 .a1t2{
	position:absolute;left:0;top:-1em;
	padding:.125em .25em;
	background:#ed2224;
	color:#fff;
	opacity:1;
	font-size:.6875em;
}
/* ☆ */
.cp1tag3 .a1[href]:hover,
.cp1tag3 .a1[href]:focus{
	border-color:#fff;
	color:#fff;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1tag3{
		display:flex; /* ☆ */
	}
	.cp1tag3:before{content:''; /*│*/
		display:block;
		position:absolute;left:50%;top:25%;bottom:25%;
		width:0;
		border-left:1px solid rgba(255,255,255, .2);
	}
	.cp1tag3 .w1{
		width:50%;
		padding:0 1em;
	}
	.cp1tag3 .w2{
		width:50%;
		padding:0 1em;
	}
}


/* 평가기준.막대그래프 20210401 */
.cp1metewand1{}
/* graph */
.cp1metewand1 .graph{}
.cp1metewand1 .graph ul{
	list-style:none;margin:0;padding:0;
	font-size:12px;
}
.cp1metewand1 .graph li{
	position:relative;
	margin:0 0 1em;
	/* padding:0 3em 0 0; */ /* ☆ */
	overflow:hidden;
}
.cp1metewand1 .graph .term{
	float:left;
	min-width:8em;
	margin:0 .625em 0 0;
}
.cp1metewand1 .graph .term .t1{display:inline-block;
	color:#ccc;
	vertical-align:middle;
}
.cp1metewand1 .graph .track{display:block;
	height:.5em;
	margin:.6875em 0;
	border-radius:9999px;
	background:#444;
	overflow:hidden;
}
.cp1metewand1 .graph .bar{
	float:left;
	width:100%;
	height:100%;
	border-radius:9999px;
	background:#e7e7e7;
}
.cp1metewand1 .graph .data{
	float:left;
	position:absolute;
	/* right:0; */
	right:-9999px; /* 숨김 */
	margin:.5em 1px;
	color:#888;
	font-size:.9375em;
	line-height:1;
}
/* ☆ .type2 (유튜버소개. 채널 평점) */
.cp1metewand1.type2 .graph li{
	margin:0 0 .25em;
}
.cp1metewand1.type2 .graph .track{
	height:.375em;
	background:transparent;
}
.cp1metewand1 .graph .bar{
	background:#888;
}
/* animation */
.on .cp1metewand1 .graph .bar,
.cp1metewand1.on .graph .bar{
	animation:kf1sx1 2s .5s both;
	transform-origin:0 0;
}
@keyframes kf1sx1{
	0%{transform:scaleX(0);}
	100%{transform:none;}
}


/* 강사/유튜버 소개 20220504 */
.cp1who1{
	position:relative;
	max-width:1250px;
	margin:0 auto 2.5em;
}
.cp1who1 .w1{
	display:flex; /* ☆ */
}
.cp1who1 .w1w1{
	flex:none;
	width:20%;
	max-width:180px;
	margin:0 calc(10px + 4.8%) 0 0;
	text-align:center;
}
.cp1who1 .w1w2{
	flex:auto;
}
.cp1who1 .f1{display:block;
	position:relative;
	margin:auto;
	padding:0 0 100%;
	border-radius:9999px;
	/* background:#eee; */
	text-align:center;
	overflow:hidden;
}
.cp1who1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.cp1who1 .f1 img{display:block;
	position:absolute;
	width:100%;
	height:100%;
	margin:auto;
	object-fit:cover;
}
html.no-object-fit .cp1who1 .f1 img{ /* [IE] */
	height:auto;
	min-height:100%;
}
.cp1who1 .b1{ /* 제안하기 */
	height:auto;
	margin:1.625em auto;
	padding:.25em 1em;
}
.cp1who1 .w1w2w1{}
.cp1who1 .tg1{
	float:left;
}
.cp1who1 .tg1>.t1{
	margin:0 .5em 0 0;
	color:#eee;
	font-weight:600;
	font-size:2em;
	vertical-align:middle;
}
.cp1who1 .b2{
	display:inline-block;
	width:2.875em; /* (46/16) */
	height:2.875em;
	background:url() no-repeat center center / contain;
	overflow:hidden;text-indent:-9999px;
	vertical-align:middle;
}
.cp1who1 .b2.youtube{background-image:url(../../img/lib2/ic92a1c2youtube1.png);}
.cp1who1 .cp1switch1{
	float:right;
}
.cp1who1 .tg2{
	clear:both;
	padding:1px 0 0; /* ☆ */
	color:#b1bac4;
}
.cp1who1 .tg2:before{content:''; /* ─ */
	display:block;
	height:0;
	margin:1em 0 1.5em;
	border-top:1px solid #3e434b;
}
.cp1who1 .t2{
	display:block;
	margin:1.5em 0 .75em;
	font-weight:500;
	color:#fff;
}
.cp1who1 .bu{
	margin-top:0;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1who1 .b1{
		width:auto;
	}
	.cp1who1 .tg2{
		font-size:1.125em;
	}
}


/* 태그 (클래스목록) 20220318 */
.cp1tag4{
	display:block;
	margin:30px -.375em;
	color:#fff;
	overflow:hidden;
}
.cp1tag4 .tags{
	display:inline;
}
.cp1tag4 .a1{
	float:left;
	margin:.375em;
	padding:.25em .875em;
	border:1px solid transparent;
	border-radius:5px;
	background:#23252b;
	color:inherit;
	text-decoration:none;
	opacity:.8;
}
.cp1tag4 .a1[href]:hover,
.cp1tag4 .a1[href]:focus{
	opacity:1;
}
.cp1tag4 .a1.on{
	border-color:transparent;
	/* background:#1d77ff; */
	background:#3c435d;
	color:#fff;
	opacity:1;
}
/* ☆ */
.cp1tag4 .h1{
	float:left;
	margin:.375em;
	padding:.25em 1em;
	border:1px solid transparent;
	background:#444;
	border-radius:5px;
	color:inherit;
	font-weight:400;
}
.cp1tag4 .more{
	float:left;
	margin:.375em;
	padding:.25em 1em;
	border:1px solid transparent;
	border-radius:5px;
	background:#444;
}
.cp1tag4 .refresh{
	float:left;
	width:1.75em;
	height:1.75em;
	margin:.375em;
	padding:.25em;
	border:1px solid transparent;
	border-radius:5px;
	/* background:#1d77ff url(../../img/lib/ic18a3c0refresh1.png) no-repeat center center / 1.125rem; */
	background:#e44e4e url(../../img/lib2/ic42a1c0replay1.png) no-repeat center center / 21px;
	overflow:hidden;text-indent:-9999px;
}


/* 태그 (영상목록) 20210929 */
.cp1tag5{
	display:block;
	margin:30px -.375em;
	color:#fff;
	font-size:.9375em;
	line-height:1.375;
	overflow:hidden;
}
.cp1tag5 .tags{
	display:inline;
}
.cp1tag5 .a1{
	float:left;
	margin:.375em;
	padding:.375em 1em;
	border:1px solid transparent;
	border-radius:9999px;
	background:#222;
	color:inherit;
	text-decoration:none;
	opacity:.8;
}
.cp1tag5 .a1[href]:hover,
.cp1tag5 .a1[href]:focus{
	opacity:1;
}
.cp1tag5 .a1.on{
	border-color:transparent;
	background:#00c979;
	color:#000;
	font-weight:400;
	opacity:1;
}
/* ☆ */
.cp1tag5 .h1{
	float:left;
	margin:.375em;
	padding:.375em 1em;
	border:1px solid transparent;
	background:#444;
	border-radius:9999px;
	color:inherit;
	font-weight:400;
}
.cp1tag5 .more{
	float:left;
	margin:.375em;
	padding:.375em 1em;
	border:1px solid transparent;
	border-radius:9999px;
	background:#444;
}
.cp1tag5 .refresh{
	float:left;
	width:1.375em;
	height:1.375em;
	margin:.375em;
	padding:.375em;
	border:1px solid transparent;
	border-radius:9999px;
	background:#00c979 url(../../img/lib/ic18a3c1refresh1.png) no-repeat center center / 1.125rem;
	overflow:hidden;text-indent:-9999px;
}


/* 별점1개 20220311 */
.cp1rating1star1{
	display:inline-block;
	z-index:0;
	position:relative;
	width:12px;
	height:12px;
	vertical-align:middle;
	overflow:hidden;
}
.mj-rating-star .cp1rating1star1{ /* 별점주기 */
	width:12px;
	height:12px;
}
.cp1rating1star1>.ic1{float:left; /* ★ */
	z-index:10;
	position:absolute;left:0;top:0;
	width:500%; /* (이미지폭/별1개폭)=(100/20) */
	height:100%;
	background:url(../../img/lib2/star5.png) no-repeat left bottom / cover;
	overflow:hidden;
}
.cp1rating1star1>.ic2{float:left; /* ☆ */
	position:absolute;left:0;top:0;
	width:500%; /* (.ic1) */
	height:100%;
	background:url(../../img/lib2/star5.png) no-repeat left top / cover;
	overflow:hidden;
}
.cp1rating1star1.off>.ic1{
	margin-left:100%;
}


/* 관심분야 설정 20210331. 20210917 */
.cp1interests1set1{
	display:flex; /* ☆ */
	flex-direction:column;
	align-items:stretch; /* ☆ */
	position:relative;
	box-sizing:border-box; /* ☆ */
	height:100%;
	padding:1em 0;
	line-height:1.375;
}
.cp1interests1set1>.w1{
	flex:none;
}
.cp1interests1set1>.w2{
	/* flex:auto; */
	position:relative;
}
.cp1interests1set1>.w3{
	flex:none;
	margin:2em 0 1em;
}
.cp1interests1set1 .fscroll1-xy{
	overflow-y:scroll;
}
.cp1interests1set1 .fscroll1-xy::-webkit-scrollbar{
	background-color:rgba(0,0,0, .0);
}
.cp1interests1set1 .mns{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	list-style:none;margin:0;padding:0;
}
.cp1interests1set1 .mns .m{
	flex:none;
	width:50%;
	text-align:center;
	outline:0;
}
.cp1interests1set1 .mns .w1{
	box-sizing:border-box; /* ☆ */
	margin:3%;
	padding:1em .75em 1.5em;
	border:3px solid transparent;
	border-radius:10px;
	box-shadow:0 3px 3px 0 rgba(0,0,0, .5);
	cursor:default;
}
.cp1interests1set1 .mns .t1{
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
	min-height:1.875rem;
	font-size:1.25em;
}
.cp1interests1set1 .mns .m-ic1{display:block;
	width:42px;height:42px;
	margin:auto;
	background:url() no-repeat center center / contain;
}
.cp1interests1set1 .m1 .m-ic1{background-image:url(../../img/lib/ic168a1c2p01.png);}
.cp1interests1set1 .m2 .m-ic1{background-image:url(../../img/lib/ic168a1c2p02.png);}
.cp1interests1set1 .m3 .m-ic1{background-image:url(../../img/lib/ic168a1c2p03.png);}
.cp1interests1set1 .m4 .m-ic1{background-image:url(../../img/lib/ic168a1c2p04.png);}
.cp1interests1set1 .m5 .m-ic1{background-image:url(../../img/lib/ic168a1c2p05.png);}
.cp1interests1set1 .m6 .m-ic1{background-image:url(../../img/lib/ic168a1c2p06.png);}
.cp1interests1set1 .m7 .m-ic1{background-image:url(../../img/lib/ic168a1c2p07.png);}
.cp1interests1set1 .m8 .m-ic1{background-image:url(../../img/lib/ic168a1c2p08.png);}
.cp1interests1set1 .m9 .m-ic1{background-image:url(../../img/lib/ic168a1c2p09.png);}
.cp1interests1set1 .m10 .m-ic1{background-image:url(../../img/lib/ic168a1c2p10.png);}
/* ☆ */
.cp1interests1set1 .mj-rating-star{
	visibility:hidden;
}
.cp1interests1set1 .cp1rating1star1{
	width:1.25em;
	height:1.25em;
}
/* ☆ */
.cp1interests1set1 .mns .m:hover .w1,
.cp1interests1set1 .mns .m:focus .w1,
.cp1interests1set1 .mns .m.on .w1{
	border-color:#ed2224;
}
.cp1interests1set1 .mns .m:hover .t1,
.cp1interests1set1 .mns .m:focus .t1,
.cp1interests1set1 .mns .m.on .t1{
	font-size:.9375em;
}
.cp1interests1set1 .mns .m:hover .mj-rating-star,
.cp1interests1set1 .mns .m:focus .mj-rating-star,
.cp1interests1set1 .mns .m.on .mj-rating-star{
	visibility:visible;
}
/* ☆ */
.cp1interests1set1 .b1{
	display:block;
	width:100%;
	max-width:330px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid transparent;
	border-radius:5px;
	background-color:#a00;
	color:#fff;
	font-size:1.125em;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1interests1set1 .fscroll1-xy{
		/* position:absolute;left:0;right:0;top:0;bottom:0; */
		/* height:668px; */
	}
	.cp1interests1set1 .mns .m{
		width:33.333%;
		height:auto;
	}
	.cp1interests1set1 .mns .m-ic1{
		width:84px;height:84px;
	}
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1interests1set1 .mns .m{
		width:25%;
	}
}


/* 탭패널콘텐츠 (유튜버소개) 20210401 */
.cp1tabs3{
	z-index:0;
	position:relative;
	margin:3em auto 2em;
	background:#181c24;
	line-height:1.375;
}
.cp1tabs3 ul{display:block;
	list-style:none;
	margin:0;
	padding:0;
	font-size:0;
	text-align:left;
}
.cp1tabs3 ul:before,
.cp1tabs3 ul:after{content:'';display:table;clear:both;}
.cp1tabs3 li{display:inline-block;
	vertical-align:top;
}
.cp1tabs3 li a{display:block;
	position:relative;
	padding:1em .875em;
	border-bottom:3px solid transparent;
	font-weight:500;
	font-size:.9375rem;
	text-decoration:none !important;
	text-align:center;
	overflow:hidden;
	transition:.2s;
}
.cp1tabs3 .t1{}
.cp1tabs3 .ic1{}
/* ☆ */
.cp1tabs3 li a:hover,
.cp1tabs3 li a:focus{
	border-color:rgba(255,255,255, .2);
}
.cp1tabs3 li.on a{
	border-color:#ed2224;
	color:#fff;
}
/* 패널콘텐츠 */
.cp1tabs3cont{}
.cp1tabs3pane{}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1tabs3 li a{
		width:10em;
		font-size:1.25rem;
	}
}


/* 대시보드.정보 (강사소개, 유튜버소개. 집계되는 정보) 20220408 */
.cp1dash4info1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	max-width:1250px;
	margin:0 auto 2.5em;
	padding:calc(14px + 2%) 0;
	border-radius:5px;
	background:#23252b;
	line-height:1.375;
	text-align:center;
	word-break:keep-all;
}
.cp1dash4info1 .hg1{}
.cp1dash4info1 .h1{
	display:inline-block;
	margin:auto;
	padding:.4375em .625em;
	border:1px solid #3e434b;
	border-radius:5px;
	color:#ff401b;
	font-weight:700;
	font-size:1.0625em;
	line-height:1;
	letter-spacing:0;
}
.cp1dash4info1 .h1 img{
	display:block;
	height:1em;
}
.cp1dash4info1 .hg1 .t1{
	display:block;
	margin:1em 0 1.5em;
	color:#b1bac4;
}
.cp1dash4info1 .cont{
	display:flex; /* ☆ */
}
.cp1dash4info1 .item{
	display:flex; /* ☆ */
	flex-direction:column;
	align-items:center;
	position:relative;
	width:100%;
	padding:0 1em;
	text-align:left;
}
.cp1dash4info1 .item~.item:before{content:'';
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:100%;
	border-left:1px solid #3e434b;
	transform:translateY(-50%);
}
.cp1dash4info1 .item .t1{
	order:2;
	display:block;
	margin:.375em 0;
	color:#b1bac4;
	font-weight:300;
	font-size:.9375em;
}
.cp1dash4info1 .item .t2{
	order:1;
	display:block;
	font-weight:600;
	font-size:1.5em;
}
.cp1dash4info1 .item .t3{
	order:3;
	display:block;
	font-weight:300;
	font-size:.875em;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1dash4info1{
		padding:30px 20px;
	}
	.cp1dash4info1 .item{
		padding:0 2em;
	}
	.cp1dash4info1 .item .t2{
		font-size:2.5em;
	}
	.cp1dash4info1 .item~.item:before{
		height:2.5em;
	}
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1dash4info1{
		display:flex; /* ☆ */
		padding:50px 20px 50px 50px;
		align-items:center;
	}
	.cp1dash4info1 .hg1{
		flex:none;
		text-align:left;
	}
	.cp1dash4info1 .hg1 .t1{
		margin-bottom:0;
	}
	.cp1dash4info1 .cont{
		flex:auto;
	}
}


/* 대시보드.정보 (유튜버소개. 채널 평점) 20210401 */
.cp1dash4info2{
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 0 8px;
	padding:calc(14px + 2%) 20px;
	background:#181c24;
	word-break:keep-all;
}
.cp1dash4info2 .hg1{
	margin:0 0 .5em;
}
.cp1dash4info2 .h1{
	display:inline-block;
	margin:0 .25em 0 0;
	color:#999;
	font-size:1.125em;
	vertical-align:middle;
}
.cp1dash4info2 .hg1 .t1{
	font-size:1.125em;
}
.cp1dash4info2 .cont{}
.cp1dash4info2 .w1{
	display:flex; /* ☆ */
	align-items:baseline;
}
.cp1dash4info2 .w2{}
.cp1dash4info2 .w1 .t1{
	margin:0 .25em .25em 0;
	font-weight:500;
	font-size:2.5em;
	line-height:1.375;
}
.cp1dash4info2 .w1 .t2{
	font-weight:300;
	font-size:1.125em;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1dash4info2{
		height:210px;
		padding:30px 40px;
	}
	.cp1dash4info2 .cont{
		display:flex; /* ☆ */
	}
	.cp1dash4info2 .w1{
		flex:0 0 140px;
		display:block;
	}
	.cp1dash4info2 .w2{
		flex:0 1 100%;
	}
	.cp1dash4info2 .w1 .t1{
		display:block;
	}
}


/* 대시보드.정보 (유튜버소개. 창출 가치 예측) 20210401 */
.cp1dash4info3{
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 0 8px;
	padding:calc(14px + 2%) 20px;
	background:#181c24;
	word-break:keep-all;
}
.cp1dash4info3 .hg1{
	margin:0 0 .5em;
}
.cp1dash4info3 .h1{
	display:inline-block;
	margin:0 .25em 0 0;
	color:#999;
	font-size:1.125em;
	vertical-align:middle;
}
.cp1dash4info3 .hg1 .t1{
	font-size:1.125em;
}
.cp1dash4info3 .cont{}
.cp1dash4info3 .cont .t1{
	display:block;
	margin:0 .25em .25em 0;
	font-weight:500;
	font-size:2.5em;
	line-height:1.375;
}
.cp1dash4info3 .cont .t2g{
	overflow:hidden;
}
.cp1dash4info3 .cont .t2{
	display:inline-block;
	position:relative;
	margin:0 .75em 0 -.75em;
	padding:0 .75em;
	color:#999;
	font-size:1.125em;
}
.cp1dash4info3 .cont .t2:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:.75em;
	margin:-.375em 0;
	border-left:1px solid rgba(255,255,255, .2);
}
.cp1dash4info3 .cont .t2t1{
	margin:0 .25em 0 0;
}
.cp1dash4info3 .cont .t2t2{}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1dash4info3{
		height:210px;
		padding:30px 40px;
	}
}


/* 대시보드.정보 (유튜버소개. 차트박스) 20210401 */
.cp1dash4box1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	margin:0 -20px 8px;
	padding:calc(14px + 2%) 20px;
	background:#181c24;
	word-break:keep-all;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1dash4box1{
		margin-left:0;
		margin-right:0;
		padding:30px 40px;
	}
}


/* 카드갤러리 (유튜버 소개. Top 3 영상) 20220504 */
.cp1fcard12{
	position:relative;
	margin:0 0 1.5em;
	line-height:1.375;
}
.cp1fcard12 .wrap1{}
.cp1fcard12 .lst1{ /* .even-grid */ }
.cp1fcard12 .item{ /* .even-grid>.column */
	border-bottom:1px solid rgba(255,255,255, .1);
}
.cp1fcard12 .item .w1{
	padding-top:1em;
	padding-bottom:1em;
}
.cp1fcard12 .item .a1{
	display:block;
	text-decoration:none;
}
.cp1fcard12 .item .tt1{
	display:flex; /* ☆ */
	margin:0 0 1em;
	align-items:center;
}
.cp1fcard12 .item .tt1g1{
	flex:none;
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
	box-sizing:border-box; /* ☆ */
	width:1.625rem;
	height:1.625rem;
	margin:0 .625em 0 0;
	padding:.5em 0 0;
	background:url(../../img/lib2/ic52a1c2crown1.png) no-repeat center center / contain;
	font-weight:900;
	font-size:.625em;
	text-shadow:1px 1px .1px rgba(0,0,0, .2);
}
.cp1fcard12 .item .tt1t1{
	color:#eee;
	font-weight:300;
	font-size:1.25em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1fcard12 .item .w2{
	display:flex; /* ☆ */
}
.cp1fcard12 .item .w2w1{
	flex:none;
	width:110px;
	margin:0 1.5em 0 0;
}
.cp1fcard12 .item .w2w2{
	flex:auto;
}
.cp1fcard12 .item .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 56.25%;
	text-align:center;
}
.cp1fcard12 .item .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1fcard12 .item .f1 img{display:block;
	position:absolute;
	width:100%;
	height:100%;
	margin:auto;
	object-fit:cover;
}
html.no-object-fit .cp1fcard12 .item .f1 img{ /* [IE] */
	height:auto;
	min-height:100%;
}
/*  */
.cp1fcard12 .item .tg1{}
.cp1fcard12 .item .t1{
	display:flex; /* ☆ */
	align-items:center;
	margin:0 0 .375em;
	font-size:.9375em;
}
.cp1fcard12 .item .t1t1{
	flex:none;
	width:6em;
	color:#73737c;
}
.cp1fcard12 .item .t1t2{
	color:#b1bac4;
}
.cp1fcard12 .t2{
	display:flex; /* ☆ */
	position:relative;
	margin:.75em 0;
	overflow:hidden;
}
.cp1fcard12 .t2:after{content:'';
	position:absolute;right:0;top:0;bottom:0;
	width:3em;
	background:linear-gradient(90deg, transparent 0, #11141a 100%);
}
.cp1fcard12 .t2t1{
	flex:none;
	display:inline-block;
	margin:0 .25em .25em 0;
	padding:.125em .625em;
	border:1px solid #b1bac4;
	border-radius:9999px;
	color:#b1bac4;
	font-size:.75em;
}
/*  */
.cp1fcard12 .item .ic1.play{
	display:none;
}
/*  */
.cp1fcard12 .item .a1:hover .f1 img,
.cp1fcard12 .item .a1:focus .f1 img{
	transform:scale(1.1);
	transition:.2s;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1fcard12 .item .w2w1{
		width:160px;
	}
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1fcard12 .item{
		border-bottom:0;
	}
	.cp1fcard12 .item .t1{
		justify-content:space-between;
	}
}


/* 카드갤러리 (유튜버 소개. 인기 동영상) 20220504 */
.cp1fcard13{
	position:relative;
	line-height:1.375;
}
.cp1fcard13 .wrap1{
	position:relative;
}
.cp1fcard13 .lst1{ /* .even-grid */ }
.cp1fcard13 .item{ /* .even-grid>.column */
	display:flex; /* ☆ */
}
.cp1fcard13 .item .w1{
	flex:1; /* [IE]fix (( auto */
	margin:0 0 1.03125em; /* (( 태그 세로정렬위해 0.5px보정 */
	background:#23252b;
}
.cp1fcard13 .item .a1{
	display:block;
	text-decoration:none;
}
.cp1fcard13 .item .f1{display:block;
	position:relative;
	margin:0 auto;
	padding:0 0 56.25%;
	text-align:center;
}
.cp1fcard13 .item .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1fcard13 .item .f1 img{display:block;
	position:absolute;
	width:100%;
	height:100%;
	margin:auto;
	object-fit:cover;
}
html.no-object-fit .cp1fcard13 .item .f1 img{ /* [IE] */
	height:auto;
	min-height:100%;
}
/*  */
.cp1fcard13 .item .tg1,
.cp1fcard13 .item .tg2,
.cp1fcard13 .item .tg3{
	margin:1em 1.375em;
}
.cp1fcard13 .item .t1{
	display:block;
	position:relative;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	height:4.125em; /* (1.375*3) */
	color:#ddd;
	font-weight:400;
	font-size:1.125em;
	line-height:1.375;
	text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;
}
/*  */
.cp1fcard13 .item .t2{
	display:inline-block;
	margin:0 1.25em 0 0;
	font-size:.875em;
	vertical-align:middle;
}
.cp1fcard13 .item .t2t1{}
.cp1fcard13 .item .t2ic1{}
.cp1fcard13 .item .t2ic2{}
.cp1fcard13 .item .t2t2{
	margin:0 0 0 .375em;
	font-weight:500;
}
.cp1fcard13 .item .t3{
	display:inline-block;
	margin:0 1.25em 0 0;
	vertical-align:middle;
}
/*  */
.cp1fcard13 .item .tg3{
	display:flex; /* ☆ */
	position:relative;
	margin-bottom:1.375em;
	overflow:hidden;
}
.cp1fcard13 .item .tg3:after{content:'';
	position:absolute;right:0;top:0;bottom:0;
	width:3em;
	background:linear-gradient(90deg, rgba(35,37,43, 0) 0, #23252b 100%);
}
.cp1fcard13 .item .t4{
	flex:none;
	display:inline-block;
	margin:0 .25em .25em 0;
	padding:.125em .625em;
	border:1px solid #b1bac4;
	border-radius:9999px;
	color:#b1bac4;
	font-size:.75em;
}
/*  */
.cp1fcard13 .item .ic1.play{
	display:none;
}
/* ☆ */
.cp1fcard13 .item .a1:hover .f1 img,
.cp1fcard13 .item .a1:focus .f1 img{
	transform:scale(1.1);
	transition:.2s;
}
.cp1fcard13 .item .t1{
	-webkit-line-clamp:2;
	height:2.75em; /* (1.375*2) */
	font-size:1.375em;
}


/* 유튜버 소개. 관련 채널 20210510 */
.cp1relchannel1{display:block;
	position:relative;
}
.cp1relchannel1 .lst1{ /* .even-grid */ }
.cp1relchannel1 .item{ /* .even-grid>.column */ }
.cp1relchannel1 .item .w1{
	display:flex; /* ☆ */
	align-items:center;
	position:relative;
	padding:15px 32px 15px 14px;
	border:1px solid rgba(255,255,255, .2);
	border-radius:5px;
}
.cp1relchannel1 .item .w1w1{
	flex:0 0 56px; /* ☆ */
	margin:0 .875em 0 0;
}
.cp1relchannel1 .item .w1w2{
	flex:1; /* ☆ */
	min-width: 0; /* ☆ */
}
.cp1relchannel1 .f1{display:block;
	position:relative;
	margin:auto;
	padding:0 0 100%;
	border-radius:9999px;
	/* background:#eee; */
	text-align:center;
	overflow:hidden;
}
.cp1relchannel1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.cp1relchannel1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
.cp1relchannel1 .item .t1{display:block;
	font-size:.9375em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1relchannel1 .item .t2{display:block;
	color:#ccc;
	font-size:.9375em;
}
.cp1relchannel1 .item .ic1{display:inline-block;
	position:absolute;right:0;top:50%;
	width:16px;height:16px;
	margin:-8px 8px;
	background:url(../../img/lib/ic48a1c0plus1.png) no-repeat center center / contain;
	vertical-align:middle;
}
.cp1relchannel1 .item.on .ic1{
	background-image:url(../../img/lib/ic48a2c2check1.png);
}


/* 차트. 막대그래프 ≡ 20210402 */
.cp1chart1bar1{
	z-index:0;
	position:relative;
}
/* graph */
.cp1chart1bar1 .graph{}
.cp1chart1bar1 .graph ul{
	list-style:none;margin:0;padding:0;
}
.cp1chart1bar1 .graph li{
	position:relative;
	margin:0 0 1em;
	/* padding:0 3em 0 0; */ /* ☆ */
	overflow:hidden;
}
.cp1chart1bar1 .graph .dt{
	min-width:6em;
	margin:0 .625em 0 0;
}
.cp1chart1bar1 .graph .dt .t1{display:inline-block;
	color:#ccc;
	vertical-align:middle;
}
.cp1chart1bar1 .graph .dd{display:block;
	overflow:hidden;
}
.cp1chart1bar1 .graph .track{display:block;
	height:2px;
	margin:.6875em 0;
	border-radius:9999px;
	background:transparent;
	overflow:hidden;
}
.cp1chart1bar1 .graph .bar{
	float:left;
	width:100%;
	height:100%;
	border-radius:9999px;
	background:#e7e7e7;
}
.cp1chart1bar1 .graph .track:nth-child(1) .bar{background:#ed2224;}
.cp1chart1bar1 .graph .track:nth-child(2) .bar{background:#1d77ff;}
.cp1chart1bar1 .graph .track:nth-child(3) .bar{background:#00c979;}
.cp1chart1bar1 .graph .data{
	float:left;
	position:absolute;
	/* right:0; */
	right:-9999px; /* 숨김 */
	margin:.5em 1px;
	color:#888;
	font-size:.9375em;
	line-height:1;
}
/* animation */
.on .cp1chart1bar1 .graph .bar,
.cp1chart1bar1.on .graph .bar{
	animation:kf1sx1 2s both;
	transform-origin:0 0;
}
@keyframes kf1sx1{
	0%{transform:scaleX(0);}
	100%{transform:none;}
}


/* 차트. 막대그래프 Ⅱ 20210405 */
.cp1chart1bar2{
	z-index:0;
	position:relative;
	margin:0 0 1em;
}
/* graph */
.cp1chart1bar2 .graph{}
.cp1chart1bar2 .graph ul{
	list-style:none;
	margin:0 auto;
	padding:0;
	display:flex; /* ☆ */
	justify-content:space-between;
	font-size:0;
	text-align:center;
}
.cp1chart1bar2 .graph li{
	position:relative;
	display:flex; /* ☆ */
	width:25%;
	flex-direction:column-reverse;
}
.cp1chart1bar2 .graph .dt{
	min-width:6em;
	font-size:1rem;
}
.cp1chart1bar2 .graph .dt .t1{display:inline-block;
	color:#ccc;
	vertical-align:middle;
}
.cp1chart1bar2 .graph .dd{
	position:relative;
	height:220px;
	margin:0 0 8px;
}
.cp1chart1bar2 .graph .track{
	display:inline-block;
	position:relative;
	width:10px;
	height:100%;
	margin:0 2px;
	border-radius:0;
	background:transparent;
}
.cp1chart1bar2 .graph .bar{
	position:absolute;left:0;right:0;bottom:0;
	width:100%;
	height:100%;
	border-radius:0;
	background:transparent;
}
/* .cp1chart1bar2 .graph .track.s1 .bar{background:#f48f13;} */
.cp1chart1bar2 .graph .track.s2 .bar{background:#4c78a9;}
.cp1chart1bar2 .graph .track.s3 .bar{background:#74b7b2;}
.cp1chart1bar2 .graph .data{
	position:absolute;
	right:-9999px;
}
/* ☆ */
.cp1chart1bar2 .graph .track.s1{
	z-index:10;
	position:absolute;left:50%;bottom:0;
	width:40px;
	margin:0 0 0 -20px;
}
.cp1chart1bar2 .graph .track.s1 .bar{
	border-top:2px solid #f48f13;
}
/* animation */
.on .cp1chart1bar2 .graph .bar,
.cp1chart1bar2.on .graph .bar{
	animation:kf1sy1 2s both;
	transform-origin:50% 100%;
}
@keyframes kf1sy1{
	0%{transform:scaleY(0);}
	100%{transform:none;}
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1chart1bar2 .graph ul{
		width:80%;
	}
}


/* 유튜버 소개. 채널 평점 비교 20210510 */
.cp1compare1{display:block;
	position:relative;
}
.cp1compare1 table{
	table-layout:fixed;
	margin-top:0;
}
.cp1compare1 table thead th{
	color:#ccc;
}
.cp1compare1 table tbody{
	font-size:.9375em;
}
.cp1compare1 .w1{
	display:flex; /* ☆ */
	align-items:center;
	position:relative;
	border-radius:5px;
}
.cp1compare1 .w1 .g1{
	display:block;
	width:8px;
	height:4px;
	margin:0 10px 0 0;
	background:#fff;
}
.cp1compare1 .w1 .g1.s1{background:#f48f13;}
.cp1compare1 .w1 .g1.s2{background:#4c78a9;}
.cp1compare1 .w1 .g1.s3{background:#74b7b2;}
.cp1compare1 .w1w1{
	flex:0 0 2em; /* ☆ */
	margin:0 .5em 0 0;
}
.cp1compare1 .w1w2{
	flex:1; /* ☆ */
	min-width: 0; /* ☆ */
}
.cp1compare1 .w1 .f1{display:block;
	position:relative;
	margin:auto;
	padding:0 0 100%;
	border-radius:9999px;
	/* background:#eee; */
	text-align:center;
	overflow:hidden;
}
.cp1compare1 .w1 .f1p1{display:block;position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;}
.cp1compare1 .w1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
.cp1compare1 .w1 .t1{display:block;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
/* ☆ */
.cp1compare1 .st1{display:block;}
.cp1compare1 .st1.up{color:#4c78a9;}
.cp1compare1 .st1.dn{color:#e35656;}


/* 차트. 원 20210405 */
.cp1chart1circle1{
	z-index:0;
	position:relative;
	width:55px;
	height:55px;
	margin:auto;
	/* font-size:15px; */
	font-size:1em;
	line-height:1.375;
}
.cp1chart1circle1.s2{}
.cp1chart1circle1.s3{}
/* 값 */
.cp1chart1circle1 .t1{
	z-index:10;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%, -50%);
}
/* 원 */
.cp1chart1circle1 svg.chart{
	position:relative;
	width:100%;
	height:100%;
	background:inherit;
}
.cp1chart1circle1 circle{
	fill:transparent;
	stroke-width:10;
	stroke:#fff;
	stroke-dasharray:628;
	stroke-dashoffset:628;
	stroke-linecap:round;
}
.cp1chart1circle1 circle.fg{
	transform:rotate(-90deg);
	transform-origin:50% 50%;
	/* animation:kf1draw1 2s forwards; */
}
.cp1chart1circle1 circle.bg{
	stroke:#333;
	stroke-dashoffset:0;
}
.cp1chart1circle1.s1 circle.fg{
	stroke:#f48f13;
}
.cp1chart1circle1.s2 circle.fg{
	stroke:#4c78a9;
}
.cp1chart1circle1.s3 circle.fg{
	stroke:#74b7b2;
}
/* @keyframes kf1draw1{
  0% {stroke-dashoffset:628;}
  100% {stroke-dashoffset:0;}
} */


/* 관심분야(그림.글.별점) 20210406 */
.cp1interest2{
	margin:2em 0;
	padding:1em 1.25em;
	border:1px solid rgba(255,255,255, .2);
	border-radius:10px;
}
.cp1interest2 .tg1{
	margin:0 0 1.5em;
}
.cp1interest2 .tg1 .t1{
	font-size:1.25em;
}
.cp1interest2 .tg1 .t2{
	margin:.5em 0;
	color:#ccc;
	font-size:.9375em;
}
.cp1interest2 .mls{
	list-style:none;
	margin:-10px;
	padding:0;
	font-size:0;
	text-align:center;
}
.cp1interest2 .m{display:inline-block;
	box-sizing:border-box; /* ☆ */
	padding:0 0 .5rem;
	vertical-align:top;
}
.cp1interest2 .a1{display:block;
	min-width:5rem;
	margin:8px;
	color:inherit;
	font-size:.875rem;
	text-decoration:none;
}
.cp1interest2 .a1>.t1{display:block;
	color:#e7e7e7;
	margin:.25em 0 0;
	vertical-align:middle;
}
.cp1interest2 .a1>.ic1{display:block;
	width:50px;height:50px;
	margin:auto;
	background:url() no-repeat center center / 42px 42px;
	vertical-align:middle;
}
.cp1interest2 .m1 .a1>.ic1{background-image:url(../../img/lib/ic168a1c2p01.png);}
.cp1interest2 .m2 .a1>.ic1{background-image:url(../../img/lib/ic168a1c2p02.png);}
.cp1interest2 .m3 .a1>.ic1{background-image:url(../../img/lib/ic168a1c2p03.png);}
.cp1interest2 .m4 .a1>.ic1{background-image:url(../../img/lib/ic168a1c2p04.png);}
.cp1interest2 .m5 .a1>.ic1{background-image:url(../../img/lib/ic168a1c2p05.png);}
.cp1interest2 .m6 .a1>.ic1{background-image:url(../../img/lib/ic168a1c2p06.png);}
.cp1interest2 .m7 .a1>.ic1{background-image:url(../../img/lib/ic168a1c2p07.png);}
.cp1interest2 .m8 .a1>.ic1{background-image:url(../../img/lib/ic168a1c2p08.png);}
.cp1interest2 .m9 .a1>.ic1{background-image:url(../../img/lib/ic168a1c2p09.png);}
.cp1interest2 .m10 .a1>.ic1{background-image:url(../../img/lib/ic168a1c2p10.png);}
/* ☆ */
.cp1interest2 .m.on .a1>.t1{
	color:#c00;
}
.cp1interest2 .m.on .a1>.ic1{
	background-color:#c00;
}


/* 카드갤러리 (유튜버 영상관리) 20210610. 20210830 */
.cp1fcard14{display:block;
	z-index:0;
	position:relative;
	margin:0 auto;
	line-height:1.375;
	overflow:hidden;
}
.cp1fcard14 .wrap1{
	position:relative;
}
.cp1fcard14 .lst1{ /* .even-grid */ }
.cp1fcard14 .item{ /* .even-grid>.column */ }
.cp1fcard14 .item .w1{display:block;
	position:relative;
	overflow:hidden;
}
.cp1fcard14 .item .a1{display:block;
	color:#fff;
}
.cp1fcard14 .item .f1{display:block;
	position:relative;
	padding:0 0 56.25%;
	margin:0 auto;
	text-align:center;
}
.cp1fcard14 .item .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1fcard14 .item .f1p1:before{content:'';display:block;
	z-index:10;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .6);
	opacity:0;
	transition:.2s;
}
.cp1fcard14 .item .f1 img{display:block;
	position:absolute;
	width:100%;
	height:auto;
	min-height:100%;
	margin:auto;
}
.cp1fcard14 .item .tg1{display:block;
	position:relative;
	margin:.75em 0 .25em;
	padding:0 20px 0 0;
	transition:.2s;
}
.cp1fcard14 .item .tg1:after{content:'';display:table;clear:both;}
.cp1fcard14 .item .tg1 .t1{display:block;
	position:relative;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	height:2.75em; /* (1.375*2) */
	font-weight:500;
	font-size:1.1875em; /* (19/16) */
	text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;
}
/* ☆ */
.cp1fcard14 .item .cp1menu5{
	float:right;
	position:absolute;right:0;
	margin:-6.1875em 0; /* (화면확인) */
}
/* ☆ */
.cp1fcard14 .item .tg2{
	position:relative;
	margin:0 0 1.5em;
	font-size:.875em;
	overflow:hidden;
}
.cp1fcard14 .item .tg2 .t2{
	float:left;
	margin:.5em 0 0;
	color:#888;
}
.cp1fcard14 .item .tg2 .t3{
	float:right;
	margin:.5em 0 0;
	color:#888;
}
/* ☆ */
.cp1fcard14 .item .btns{display:block;
	margin:0 0 1em;
	padding:.5em 0;
	background:#333;
	word-wrap:break-word;
	word-break:keep-all;
	overflow:hidden;
	transition:.2s;
}
.cp1fcard14 .item .a2{
	float:left;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:50%;
	padding:0 .5em;
	font-size:.875em;
	text-align:center;
}
.cp1fcard14 .item .a2:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:0;bottom:0;
	width:0;
	margin:.25em -1px;
	border-left:1px solid rgba(255,255,255, .2);
}
.cp1fcard14 .item .a2t1{display:inline-block;
	margin:.25em;
	vertical-align:middle;
}
.cp1fcard14 .item .t4{display:block;
	padding:.25em .5em;
	font-size:.875em;
	text-align:center;
}
/* ☆ */
.cp1fcard14 .item .ic1.play{display:inline-block;
	z-index:10;
	position:absolute;left:50%;top:50%;
	width:21.111%; /* (76/360) */
	padding:0 0 21.111%;
	background:url(../../img/main/ic152a1c2play1.png) no-repeat center center / contain;
	overflow:hidden;
	text-indent:-9999px;
	opacity:0;
	transform:translate(-50%, -50%);
	transition:.2s;
}
/* ☆ */
.cp1fcard14 .item .a1:hover .f1p1,
.cp1fcard14 .item .a1:focus .f1p1{
	border:2px solid #ed2224;
}
.cp1fcard14 .item .a1:hover .f1p1:before,
.cp1fcard14 .item .a1:focus .f1p1:before{
 opacity:1;
}
.cp1fcard14 .item .a1:hover .ic1.play,
.cp1fcard14 .item .a1:focus .ic1.play{
	opacity:1;
}
.cp1fcard14 .item .a2:hover,
.cp1fcard14 .item .a2:focus{
	opacity:.8;
}


/* 차트. 산점도 20210409 */
.cp1chart2scatter1{
	z-index:0;
	position:relative;
}
.cp1chart2scatter1 .graph{
	position:relative;
	width:90%;
	margin:2.5em 0 6em 10%; /* (좌눈금라벨영역) () (하눈금영역) (좌눈금영역) */
	font-size:10px; /* ☆ */
}
.cp1chart2scatter1 .graph .ylabel{
	position:absolute;
	right:100%;
	bottom:100%;
	margin:0 0 1.5em;
	color:#fff;
	font-weight:inherit;
	font-size:12px;
	white-space:nowrap;
	transform:translateX(50%);
}
.cp1chart2scatter1 .graph .xlabel{
	position:absolute;
	right:0;
	top:100%;
	margin:2.5em 0 0 ;
	color:#fff;
	font-weight:inherit;
	font-size:12px;
	white-space:nowrap;
}
.cp1chart2scatter1 .graph .scales{
	height:1%; /* ☆ */
	margin:0 0 0 -1px;
	border-left:1px solid #444;
	border-bottom:1px solid #444;
	/* background:#000; */
	color:#ccc;
}
.cp1chart2scatter1 .graph .scales:after{content:'0';
	position:absolute;right:100%;bottom:-6px;
	margin:0 1em 0 0;
}
.cp1chart2scatter1 .graph [class*='row']{
	display:flex; /* ☆ */
	position:relative;
}
.cp1chart2scatter1 .graph [class*='row']>i{
	flex:1;
}
.cp1chart2scatter1 .graph [class*='row'] .yv{ /* 눈금 */
	position:absolute;
	right:100%;
	top:-6px /* ☆라인세로중앙 */;
	margin:0 1em 0 0;
	line-height:1;
	text-align:right;
	white-space:nowrap;
}
.cp1chart2scatter1 .graph [class*='row']>i{ /* 한칸 */
	height:30px; /* ☆고정 */
	border:1px solid #444;
	border-width:1px 1px 0 0;
	margin:-1px -1px 0 0;
}
/* x축눈금값 */
.cp1chart2scatter1 .graph .cols{
	display:flex; /* ☆ */
	position:absolute;left:0;right:0;bottom:0;
	margin:0 0 -2em;
	color:#ccc;
}
.cp1chart2scatter1 .graph .cols:before{content:'0';
	position:absolute;left:0;bottom:0;
}
.cp1chart2scatter1 .graph .cols [class*='col']{
	flex:1;
	text-align:center;
	transform:translateX(50%);
}
/* ☆ */
.cp1chart2scatter1 .graph .data{
	display:flex; /* ☆ */
	z-index:10;
	position:absolute;left:0;bottom:1px;
	width:100%;
	height:100%;
}
.cp1chart2scatter1 .data [class*='di']{
	flex:1;
	position:absolute;
	width:0;
	height:0;
	margin:0;
	padding:0;
	color:#ccc;
	font-weight:300;
	white-space:nowrap;
}
.cp1chart2scatter1 .data .pt{ /* 포인트 */
	display:block;
	position:absolute;
	width:8px;
	height:8px;
	border-radius:9999px;
	background:#00c979;
	overflow:hidden;
	transform:translate(-50%, -50%);
	transition:.2s;
}
.cp1chart2scatter1 .data .di0 .pt{ /* 본인채널 */
	width:28px;
	height:28px;
	box-shadow:0 0 0 4px #00c979;
}
/* 툴팁 */
.cp1chart2scatter1 .data .tooltip{
	display:flex; /* ☆ */
	visibility:hidden;
	align-items:center;
	z-index:10;
	position:absolute;left:-6em;top:12px;
	width:13em;
	padding:.75em 1em;
	border-radius:10px;
	background:#000;
	opacity:0;
	transition:.2s;
}
.cp1chart2scatter1 .data .di0 .tooltip{
	top:22px;
}
.cp1chart2scatter1 .data .tooltip>.w1{
	flex:0 0 28px;
	margin:0 1em 0 0;
}
.cp1chart2scatter1 .data .tooltip>.w2{
	flex:1; /* 가변 */
	min-width: 0;
}
.cp1chart2scatter1 .data .tooltip:before{content:'';display:block; /* ▷ */
	position:absolute;left:6em;top:0;
	width:0;height:0;
	margin:-8px;
	border:0 solid transparent;
	border-width:8px 8px 0 0;
	border-right-color:#000;
}
/* ☆ */
.cp1chart2scatter1 .data .p1 img{
	border-radius:9999px;
}
.cp1chart2scatter1 .data .t1{
	display:block;
	font-weight:400;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1chart2scatter1 .data .t2,
.cp1chart2scatter1 .data .t3{
	display:block;
	margin:.1875em 0 0;
}
.cp1chart2scatter1 .data	.v1,
.cp1chart2scatter1 .data	.v2{
	margin:0 0 0 .25em;
}
/* ☆ */
.cp1chart2scatter1 .data [class*='di']:hover,
.cp1chart2scatter1 .data [class*='di']:focus{
	z-index:10;
}
.cp1chart2scatter1 .data [class*='di']:hover .pt,
.cp1chart2scatter1 .data [class*='di']:focus .pt{
	background:#fff;
	box-shadow:0 0 0 3px #00c979;
}
.cp1chart2scatter1 .data [class*='di']:hover .tooltip,
.cp1chart2scatter1 .data [class*='di']:focus .tooltip{
	visibility:visible;
	opacity:1;
}
/* animation */
.cp1chart2scatter1 .data [class*='di']{
	animation:kf1o1s1 1s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
@keyframes kf1o1s1{
	0%{
		opacity:0;
		transform:scale(0) translate(0, 20px);
	}
	100%{
		opacity:1;
		transform:none;
	}
}


/* 대시보드.배치 (강사 마이페이지) 20220413. 20220325 */
.cp1dash5{
	margin:-.625em;
}
.cp1dash5>.w1,
.cp1dash5>.w2,
.cp1dash5>.w3,
.cp1dash5>.w4,
.cp1dash5>.w5{
	box-sizing:border-box; /* ☆ */
	margin:.625em;
	padding:20px;
	border-radius:5px;
	background:#181c24;
}
/* ☆ 박스패딩보더배경 있는거 리셋 */
.cp1dash5 .cp1dash1info1,
.cp1dash5 .cp1dash1chart1{
	height:auto;
	padding:0;
	background:none;
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1dash5{
		display:flex; /* ☆ */
		flex-wrap:wrap;
	}
	.cp1dash5>.w1{
		width:calc(25% - 1.5em);
		padding:30px;
	}
	.cp1dash5>.w1+.w2{
		width:calc(75% - 1.5em);
		padding:30px;
	}
	.cp1dash5>.w3,
	.cp1dash5>.w4{
		width:calc(50% - 1.5em);
		padding:30px;
	}
	.cp1dash5>.w2,
	.cp1dash5>.w5{
		width:calc(100% - 1.5em);
		padding:30px;
	}
}


/* 대시보드.정의목록 20220325 */
.cp1dlist1{
	position:relative;
	line-height:1.375;
}
.cp1dlist1 .dl1{
	display:flex; /* ☆ */
	align-content:flex-start;
	list-style:none;
	margin:1em -1em;
	padding:0;
	text-align:center;
}
.cp1dlist1 .di1{
	display:flex; /* ☆ */
	flex-direction:column-reverse; /* ☆ */
	justify-content:flex-end;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:50%;
	padding:0 1em;
}
.cp1dlist1 .di1~.di1:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:0;bottom:0;
	width:0;
	margin:1.625em 0;
	border-left:1px solid #3e434b;
}
.cp1dlist1 .dt1{}
.cp1dlist1 .dd1{}
.cp1dlist1 .t1{
	display:block;
	color:#b1bac4;
	font-size:.9375em;
}
.cp1dlist1 .t2{
	display:block;
	margin:0 0 .5em;
	font-weight:700;
	font-size:1.25em;
	line-height:1;
	letter-spacing:0;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1dlist1 .t2{
		font-size:2.5em;
	}
}


/* 차트. 막대그래프 ≡ 20210413 */
.cp1chart1bar3{
	z-index:0;
}
/* graph */
.cp1chart1bar3 .graph{
	padding:0 24px 0 0;
}
.cp1chart1bar3 .graph .track{display:block;
	height:10px;
	margin:.6875em 0;
}
.cp1chart1bar3 .graph .bar{
	float:left;
	width:100%;
	height:100%;
	background:#707070;
}
.cp1chart1bar3 .graph .track.s1 .bar{background:#e35656;} /* 최저점 */
.cp1chart1bar3 .graph .track.s2 .bar{background:#4c78a9;} /* 최고점 */
.cp1chart1bar3 .graph .data{
	right:0;
	float:right;
	box-sizing:border-box; /* ☆ */
	width:24px;
	margin:-2px -24px 0 0;
	padding:0 0 0 3px;
	color:#888;
	font-size:12px;
	line-height:1;
}
/* animation */
.on .cp1chart1bar3 .graph .bar,
.cp1chart1bar3.on .graph .bar{
	animation:kf1sx2 2s both;
	transform-origin:0 0;
}
@keyframes kf1sx2{
	0%{transform:scaleX(0);}
	100%{transform:none;}
}


/* 분석표 20210414 */
.cp1analysis1{
	z-index:0;
	position:relative;
}
.cp1analysis1 .w1table{
	margin:0 0 36px;
}
.cp1analysis1[class] table{
	position:relative;
	margin:0;
	border-top:0;
}
.cp1analysis1[class] table>thead>tr>th{
	z-index:10;
	position:relative;
	padding-top:0;
	border-bottom:1px solid #666;
	background:#1a1a1a;
}
html.IE11 .cp1analysis1[class] table>thead>tr>th, /* [IE11] */
html.Firefox .cp1analysis1[class] table>thead>tr>th{ /* [FF] */
	border-bottom-width:2px;
}
.cp1analysis1[class] table>tfoot>tr>td{
	padding-top:0;
	padding-bottom:0;
	border:0;
}
.cp1analysis1[class] table>tfoot>tr>td .cp1chart1bar3 .graph .track{
	height:0;
	margin:0;
}
.cp1analysis1[class] .eg1:before{content:''; /*│*/
	display:block;
	position:absolute;bottom:0;
	width:0;
	height:999px;
	margin:0 0 0 -4px; /* (-3-1) */
	border-left:2px dashed #4c78a9;
}
.cp1analysis1[class] .gt1{
	position:absolute;
	color:#4c78a9;
	font-weight:400;
	font-size:12px;
	white-space:nowrap;
	transform:translate(-50%, 100%);
}
/* ☆ */
.cp1analysis1 .cp1more1{
	margin:1em 0;
}
/* animation */
.cp1analysis1[class] .on .eg1:before,
.cp1analysis1[class] .on .gt1{
	animation:kf1op1 .6s 2s both;
}
@keyframes kf1op1{
	0%{opacity:0;}
	100%{opacity:1;}
}


/* 대시보드.최근 (강사 마이페이지) 20220325 */
.cp1dash1recent2{
	position:relative;
}
.cp1dash1recent2 .hg1{
	display:flex; /* ☆ */
	justify-content:space-between;
	margin:0 0 1em;
	padding:0 0 .75em;
	border-bottom:1px solid #3e434b;
}
.cp1dash1recent2 .h1{
	margin:0;
	font-weight:400;
	font-size:1.625em;
}
.cp1dash1recent2 .h1t1{}
.cp1dash1recent2 .h1t2{
	color:#888;
	font-size:.6875em;
}
.cp1dash1recent2 .cont>.t1{ /* 게시물이 없습니다. */
	margin:1.5em 0;
	color:#eee;
	font-size:1.125em;
}
.cp1dash1recent2 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1dash1recent2 .li1{
	overflow:hidden;
}
.cp1dash1recent2 .li1~.li1{
	border-top:1px solid #3e434b;
}
.cp1dash1recent2 .a1{
	display:flex; /* ☆ */
	padding:.75em 0;
	text-decoration:none;
}
.cp1dash1recent2 .a1 .t1{
	flex:auto;
	min-width:0;
}
.cp1dash1recent2 .a1 .t1t1{
	display:block;
	color:#eee;
	font-size:1.125em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1dash1recent2 .a1 .t1t2{
	display:block;
	color:#969696;
	font-size:1em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1dash1recent2 .a1 .t2{
	flex:none;
	width:4em;
	margin:.125em 0;
	color:#969696;
	font-size:1em;
	text-align:right;
}
/* ☆ */
.cp1dash1recent2 a[href],
.cp1dash1recent2 a[href]{
	text-decoration:none;
}
.cp1dash1recent2 a[href]:hover,
.cp1dash1recent2 a[href]:focus{
	opacity:.8;
}
/* 진도율 */
.cp1dash1recent2 .gg1{
	margin:1em 0 2em;
}
.cp1dash1recent2 .gg1 .t1{
	color:#ddd;
	font-size:.9375em;
}
.cp1dash1recent2 .gg1 .t1t1,
.cp1dash1recent2 .gg1 .t1t3{
	margin:0 .25em 0 0;
}
.cp1dash1recent2 .gg1 .sep{
	margin:0 .0625em;
}
.cp1dash1recent2 .g1{
	display:block;
	height:4px;
	margin:.5em 0 1.25em;
	background:#94969e;
	overflow:hidden;
}
.cp1dash1recent2 .g1b1{
	display:block;
	height:100%;
	background:#ff7871;
}



/* ◇◆ .cp2~ ◇◆◇◆◇◆◇◆ */


/* 과제첨부 20220617 */
.cp1attach1{
	position:relative;
	margin:2em 0 0;
	padding:.75em 0;
	/* border-top:1px solid rgba(255,255,255, .1); */
	/* border-bottom:1px solid rgba(255,255,255, .1); */
	border-radius:0;
	line-height:1.375;
}
.cp1attach1 .w1{
	display:flex; /* ☆ */
}
.cp1attach1 .w1w1{
	flex:none;
	width:auto;
	margin:0;
}
.cp1attach1 .w1w2{
	width:auto;
	min-width:0;
}
.cp1attach1 .tt1{
	display:inline-block;
	margin:	.875em 1.125em .875em 0;
	color:#b1bac4;
	font-size:1em;
}
.cp1attach1 .tt1 .em{
	color:#e44e4e;
	font-weight:500;
}
.cp1attach1 .b1{
	display:inline-block;
	margin-right:.375em;
	border:1px solid #3e434b;
	border-radius:3px;
	background:none;
	color:#b1bac4;
	font-size:.875em;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}


/* 공유하기.아이콘. 20221220. */
.cp2share2[class]{
	display:inline-flex; /* ☆ */
	align-items:center;
	margin:0 0 0 1em;
	font-size:.875em;
	text-decoration:none;
	vertical-align:middle;
}
.cp2share2:before{content:'';
	display:inline-block;
	width:18px;height:18px;
	margin:0 .25em 0 0;
	background: url(../../img/lib2/ic36a1c0share1.png) no-repeat center center / contain;
	vertical-align:middle;
}
.cp2share2.act:before{
	background-image:url(../../img/lib2/ic36a1c0share1on.png);
}
.cp2share2 .cp2share2t1 ~ .cp2share2t2{
	margin:0 0 0 .25em;
}
.cp2share2:hover,
.cp2share2:focus{
	opacity:.8;
}


/* ◇◆ .cp3~ ◇◆◇◆◇◆◇◆ */


/* 불릿아이콘목록 20210302 */
.cp3bi1{
	list-style:none;margin-left:0;padding:0;
	position:relative;
	text-align:left;
}
.cp3bi1>.li1{
	display:block;
	position:relative;
	min-height:1.75em;
	margin:0 0 1em;
	padding:0 0 0 1.5em;
}
.cp3bi1>.li1:before{content:'📌';display:block;
	/* z-index:-1; 하면 :hover 동작시 사라짐 */
	position:absolute;left:0;top:0;
	width:1em;
	height:1.75em;
	opacity:.8;
}
.cp3bi1>.li1.check:before{content:'✔';}
.cp3bi1>.li1.target:before{content:'🎯';} /* ((✍ */
.cp3bi1>.li1.star:before{content:'🌟';}
.cp3bi1>.li1.fire:before{content:'🔥';}
.cp3bi1>.li1.talk:before{content:'💬';}
.cp3bi1>.li1.books:before{content:'📚';}
.cp3bi1>.li1.palm:before{content:'✋';}


/* 대시보드.차트 20220325 */
.cp3chart1{
	position:relative;
	margin:0 -20px;
	padding:.5vw calc(10px + 4%);
}
.cp3chart1 .hg1{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	margin:0 0 1em;
	padding:0 0 .75em;
}
.cp3chart1 .h1{
	margin:0;
	color:#fff;
	font-weight:400;
	font-size:1.625em;
}
.cp3chart1 .cont{}
.cp3chart1 .t1{
	display:block;
	margin:0;
	color:#000;
	font-weight:600;
	font-size:1.25em;
	text-align:center;
}
.cp3chart1 .chart{
	display:block;
	margin:auto;
	max-width:300px;
}





/* RWD ◇◆◇◆ */
/* ◇◆ */
@media all and (min-width:768px){
}
/* ◇◆ */
@media all and (min-width:1000px){
}
/* ◇◆ */
@media all and (min-width:1260px){
}