@charset "utf-8";
/**
 * lib2.css
 * Add Share Contents ..
 * 20210427 | @m | 최초 등록
 * 20210518 | @m | 요구반영. 결함개선. 고도화.
 * ~((중략)) ~
 * 20210818 | @m | 가맹상담
 * 20210820 | @m |
 * 20210827 | @m |
 * 20210831 | @m |
 * 20210909 | @m |
 * 20210914 | @m |
 * 20210923 | @m |
 * 20210928~20210930 | @m |
 */

/** Compatible! [IE11+] 20210101~ */

/** Table of contents ))
 | Overwrite
 | Add Share Contents
 | Components Library
 | RWD
 */


/* All Device ◆◆◆◆◆◆◆◆◆◆ */


/* … lib.css, lib1cp1.css )) Overwrite ◆◆◆ */


/* 추가색상(포인트컬러) 20210608 */

/* ((@m */
.bdc-v1{border-color:#f3f4f6 !important;}
.bgc-v1{background-color:#f3f4f6 !important;}
.bgc-v2{background-color:#f1f4f7 !important;}
[class].em11{color:#048;}

/* ((XD */
.bdc-1{border-color:#29e !important;}
.bgc-1{background-color:#29e !important;}
.bgc-2{background-color:#398 !important;}
.bgc-3{background-color:#e63 !important;}
.bgc-4{background-color:#f39 !important;}
/* ((PSD */
.bgc-5{background-color:#f32c19 !important;}



/* 추가디자인제목 20201120 */
.hb3.h3{
	padding:0 0 0 calc(20px + .375em);
	background:url(../../img/lib2/hb3h3bg.png) no-repeat 0 .25em;
	color:#222;
	font-size:1.375em; /* =22/16 */
}
.hb3.h4{
	padding:0 0 0 calc(20px + .375em);
	background:url(../../img/lib2/hb3h4bg.png) no-repeat 0 .5em;
	color:#0072bc;
	font-size:1.25em; /* =20/16 */
}


/* 폼콘트롤 20210608 */
input[type='text']:not([readonly]):focus,
input[type='password']:focus,
input[type='file']:focus,
textarea:focus,
select:focus{
	position:relative;
	border-color:#fae100;
	background-color:#f7f7f7;
	outline:0;
}
[class][class] input[disabled]{
	border-color:transparent;
	background:#f7f7f7;
}
[class][class] input[readonly]{
	background:#f7f7f7;
	outline:0;
}


/* 버튼 | 독립아이콘 ~20200417 */
/* 20201120 */
.ic1.indy.ic120paper3pen1{width:120px;height:120px;background-image:url(../../img/lib2/ic240a3c3paper3pen1.png);}


/* 패널 20200117 */
/* [class*='panel']>[class*='deco12']{
	width:104px;height:104px;
	margin:0 20px 0 10px;
}
[class*='panel']>.deco12clipboard1ckeck1{background-image:url(../../img/lib2/ic208a1c2clipboard1ckeck1.png);} */



/* ◇◆ Added to This Project, Content Styles to Share ◇◆◇◆◇◆◇◆◇◆ */


/* 컬럼배치(월간리포트) 20210827 */
.cp1row1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
	position:relative;
	margin:2em 0;
	/* border-top:1px solid #ddd; */
}
.cp1row1>.column{
	flex:auto;
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
	box-sizing:border-box; /* ☆ */
	width:100%;
	min-width:0;
}
.cp1row1>.w1{

}
.cp1row1>.w2{}
/* gap */
.cp1row1>.w1,
.cp1row1.gap4pct>.w1{margin:0 0 calc(12px + 3%);}
/* ◇◆ */
@media all and (min-width:768px), print{ /* print */
	.cp1row1[class*='md-']>.w1,
	.cp1row1[class*='md-'].gap4pct>.w1{margin:0 calc(12px + 3%) 0 0;}
	/* ☆ */
	.cp1row1[class*='md-']{flex-wrap:nowrap;}
	.cp1row1[class*='md-']>.w1{flex:none;}
	.cp1row1[class*='md-']>.w2{width:auto;}
	.cp1row1.md-25-a .w1{width:25%;}
	.cp1row1.md-33-a .w1{width:33.333%;}
	.cp1row1.md-40-a .w1{width:40%;}
}
/* ◇◆ */
@media all and (min-width:1000px), print{ /* print */
	.cp1row1[class*='lg-']>.w1,
	.cp1row1[class*='lg-'].gap4pct>.w1{margin:0 calc(12px + 3%) 0 0;}
	/* ☆ */
	.cp1row1[class*='lg-']{flex-wrap:nowrap;}
	.cp1row1[class*='lg-']>.w1{flex:none;}
	.cp1row1[class*='lg-']>.w2{width:auto;}
	.cp1row1.lg-25-a .w1{width:25%;}
	.cp1row1.lg-33-a .w1{width:33.333%;}
	.cp1row1.lg-40-a .w1{width:40%;}
}
/* ◇◆ */
@media all and (min-width:1260px), print{ /* print */
	.cp1row1[class*='xl-']>.w1,
	.cp1row1[class*='xl-'].gap4pct>.w1{margin:0 calc(12px + 3%) 0 0;}
	/* ☆ */
	.cp1row1[class*='xl-']{flex-wrap:nowrap;}
	.cp1row1[class*='xl-']>.w1{flex:none;}
	.cp1row1[class*='xl-'] .w2{width:auto;}
	.cp1row1.xl-25-a .w1{width:25%;}
	.cp1row1.xl-33-a .w1{width:33.333%;}
	.cp1row1.xl-40-a .w1{width:40%;}
}


/* 컬럼배치 (다음레벨..) 20210608 */
.cp1row2{
	position:relative;
	margin:1em 0 2em;
	padding:calc(12px + 3%) 0;
	border-top:4px solid #f32c19;
	border-bottom:4px solid #eee;
	border-radius:1em;
	text-align:center;
}
.cp1row2>.column{}
.cp1row2>.w1{}
.cp1row2>.w2{}
.cp1row2>.w3{}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1row2{
		display:flex; /* ☆ */
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-end;
		padding:calc(12px + 3%) 4%;
		border:1px solid #ddd;
		border-top:6px solid transparent;
		text-align:left;
	}
	.cp1row2:before{content:'';
		display:block;
		position:absolute;left:0;right:0;top:0;
		height:.5em;
		margin:-6px -1px;
		border-radius:1em 1em 0 0;
		border-top:4px solid #fae100;
	}
}
/* ◇◆ */
@media all and (min-width:800px){
	.cp1row2>.w1,
	.cp1row2>.w3{
		width:40%;
	}
}


/* 다음아이콘 (다음레벨..) 20210608 */
.cp1ic1next1{
	display:inline-block;
	width:3.125em;
	height:3.125em;
	margin:.375em;
	background:url(../../img/lib2/ic36a2c1right1.png) no-repeat center center / 36px;
	vertical-align:middle;
}
/* ◇◆ */
@media all and (max-width:767px){
	.cp1ic1next1{
		transform:rotate(90deg);
	}
}


/* 컬럼배치 (50%) 20210609 */
.cp1row3{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
}
.cp1row3>.column{
	flex:auto;
	width:50%;
	min-width:0;
}
.cp1row3>.w1{}
.cp1row3>.w2{}



/* ◇◆ Components Library ◇◆◇◆◇◆◇◆◇◆ */


/* 사이트맵 20210518 */
.cp1sitemap1{
	position:relative;
	line-height:1.375;
}
.cp1sitemap1 ul{
	list-style:none;margin:0;padding:0;
}
.cp1sitemap1 .d1>ul{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	/* justify-content:space-between; */
	margin:0 -2%;
}
.cp1sitemap1 .d1>ul>li{
	flex:0 0 50%; /* (2열) */
	box-sizing:border-box; /* ☆ */
	margin:0 0 2em;
	padding:0 2%;
}
.cp1sitemap1 .d1>ul>li>a{display:block;
	height:50px;
	margin:0;padding:0;
	border-radius:2px;
	background:#26b;
	color:#fff;
	font-weight:500;
	font-size:16px;
	line-height:50px;
	text-align:center;
}
.cp1sitemap1 .d2>ul>li>a{display:block;
	padding:.75em .25em;
	border-bottom:1px solid #e7e7e7;
	color:#555;
	font-size:15px;
	text-decoration:none;
}
.cp1sitemap1 .d3>ul{list-style:none;
	margin:0;
	padding:.75em 1em;
	border-bottom:1px solid #e7e7e7;
	background:#f7f7f7;
}
.cp1sitemap1 .d3>ul>li>a{display:block;
	padding:.25em;
	color:#555;
	font-size:14px;
}
/* ☆ */
.cp1sitemap1[class] .d2 a:hover,
.cp1sitemap1[class] .d2 a:focus{
	color:#000;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1sitemap1 .d1>ul>li{
		flex:0 0 33.333%; /* (3열) */
		margin:0 0 4%;
	}
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1sitemap1 .d1>ul>li{
		flex:0 0 25%; /* (4열) */
	}
}


/* 레이어라이트박스. 20210623 */
/* 공통 */
.cp1layer1lightbox1{display:none;
	display:flex !important; /* ☆ */
	visibility:hidden;
	z-index:100;
	position:fixed;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .2);
	letter-spacing:-.03125em;
	overflow:hidden;
	overflow-y:auto;
	opacity:0;
	transition:.2s;
}
.cp1layer1lightbox1.on{
	visibility:visible;
	opacity:1;
}
.cp1layer1lightbox1>.wrap1{display:block;
	box-sizing:border-box; /* ☆ */
	width:100%;
	margin:auto;
	padding: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:98%; /* ☆ */
	max-width:700px; /* ☆ */
	margin:3% -.25em;
	border-radius:1em;
	background:#fff;
	text-align:left;
	vertical-align:middle;
	overflow:hidden;
	box-shadow:0 20px 40px 4px rgba(0,0,0, .2);
}
.cp1layer1lightbox1 .lightbox>.wrap2{
	position:relative;
	margin:calc(20px + 2%) calc(20px + 3%); /* ((35/510) */
}
/* ☆ */
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	position:relative;
	padding:0 0 .9275em;
	border-bottom:1px solid #e7e7e7;
}
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1>.h1{
	position:relative;
	margin:0;
	color:#000;
	font-weight:600;
	font-size:1.75em;
}
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1>.h1 .e1{ /* 강조효과 */
	display:block;
	position:absolute;left:0;top:0;
	width:.643em;
	height:.643em;
	margin:-.125em -.3125em;
	border-radius:9999px;
	background:#fae100;
}
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1>.h1 .e1.rt{
	left:auto;right:0;top:0;bottom:auto;
}
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1>.h1 .en .e1{
	width:.468em;
	height:.468em;
}
/* ☆ */
.cp1layer1lightbox1 .b1.close{
	z-index:10;
	display:block;
	position:relative;
	width:2.0625em; /* (1.375*1.5) */
	height:2.0625em;
}
.cp1layer1lightbox1 .b1.close>.ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:25px;height:25px;
	margin:-12.5px;
	background:url(../../img/lib2/ic25a1c2x1.png) no-repeat center center;
	text-indent:-9999px;overflow:hidden;
}
/* ☆ */
.cp1layer1lightbox1 .lightbox>.wrap2>.cont{
	padding:1.5em 0 0;
}
.cp1layer1lightbox1 .lightbox>.wrap2>.cont:before,
.cp1layer1lightbox1 .lightbox>.wrap2>.cont:after{content:'';display:table;clear:both;}
/* ☆ */
.cp1layer1lightbox1 .lightbox>.wrap2>.fg1{
	padding:.9275em 0 0;
	border-top:1px solid #e7e7e7;
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1layer1lightbox1 .lightbox{
		border-radius:1.5em;
	}
}


/* 진행 단계 20210816 */
.cp1step1{
	z-index:0;
	position:relative;
	margin:2em -10px;
	font-size:.75em; /* ☆ */
	line-height:1.375;
	text-align:center;
}
.cp1step1 .w1step{
	display:inline-block;
	list-style:none;margin:0;padding:0;
}
.cp1step1 .step{
	display:flex; /* ☆ */
	flex-direction:column;
	justify-content:center;
	float:left;
	position:relative;
	width:8.875em;
	height:8.875em;
	border-radius:50%;
	background:#f7f7f7;
	color:#777;
}
.cp1step1 .step~.step{
	margin:0 0 0 1em;
}
/* ☆ */
.cp1step1 .step .t1{
	position:relative;
	margin:-.25em 0 .75em;
	color:#888;
	font-weight:600;
	font-size:1.75em;
}
.cp1step1 .step .t1:after{content:''; /* ─ */
	display:block;
	width:1em;
	height:0;
	margin:auto;
	border-top:1px solid #888;
}
.cp1step1 .step .t2{}
/* ☆ */
.cp1step1 .step.on{
	background:#fae100 ;
	color:#222;
}
.cp1step1 .step.on .t1{
	color:#222;
}
.cp1step1 .step.on .t1:after{content:''; /* ─ */
	border-color:#222;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1step1{
		font-size:1em;
	}
	.cp1step1 .step~.step{
		margin:0 0 0 6.875em; /* (110/16) */
	}
	.cp1step1 .step~.step:before{content:''; /* ─> */
		display:block;
		position:absolute;
		left:-3.4375em; /* (110/16)/2 */
		top:50%;
		width:3.75em; /* (60/16) */
		height:1.75em; /* (28/16) */
		margin:-.875em -1.875em;
		background:url(../../img/lib2/ic60a1c2right1.png) no-repeat 0 0 / contain;
	}
}


/* 작성폼(회원가입..) 20210611 */
.cp1writeform1{
	position:relative;
	width:100%;
	max-width:450px;
	margin:auto;
	line-height:1.375;
}
.cp1writeform1 .hg1{
	text-align:center;
	margin:0 0 2em;
	padding:1em 0;
	border-bottom:1px solid #ddd;
}
.cp1writeform1 .h1{
	display:inline-block;
	position:relative;
	margin:0;
	color:#000;
	font-size:3.5em;
}
.cp1writeform1 .h1:before{content:''; /* 강조효과 */
	display:block;
	z-index:-1;
	position:absolute;left:0;top:0;
	width:.643em;
	height:.643em;
	margin:-.125em -.3125em;
	border-radius:9999px;
	background:#fae100;
}
.cp1writeform1 .cont{}
.cp1writeform1 .item{
	margin:0 0 1.375em;
}
.cp1writeform1 .tt1{
	margin:0 6px;
	color:#000;
}
.cp1writeform1 .item input,
.cp1writeform1 .item select,
.cp1writeform1 .item textarea{
	min-height:3.57143em;
	font-size:.875em;
}
.cp1writeform1 .explain{
	display:block;
	margin:.25em 6px;
	color:#888;
	font-size:.75em;
}
.cp1writeform1 .submit{
	display:block;
	height:auto;
	padding:.625em .75em;
	font-size:1.5em;
}
/* ☆ */
.cp1writeform1 .w2n2,
.cp1writeform1 .w2a1n1,
.cp1writeform1 .w2a1n1a1,
.cp1writeform1 .w2flex1{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
}
.cp1writeform1 .w2n2>*{
	flex:0 0 calc(50% - .25em);
}
.cp1writeform1 .w2a1n1>*:nth-child(1),
.cp1writeform1 .w2a1n1a1>*:nth-child(1),
.cp1writeform1 .w2a1n1a1>*:nth-child(3),
.cp1writeform1 .flex1auto1[class]{
	flex:auto; /* 1 1 auto */
	min-width:0;
}
.cp1writeform1 .w2a1n1>*:nth-child(2),
.cp1writeform1 .w2a1n1a1>*:nth-child(2),
.cp1writeform1 .flex1none1[class]{
	flex:none; /* 0 0 auto */
}
/* ◇◆ */
@media all and (max-width:767px){
	.cp1writeform1 .h1{
		font-size:1.857em; /* (26/14) */
	}
}


/* 로그인 20210615 */
.cp1login1{
	position:relative;
	margin:auto;
	line-height:1.375;
	text-align:center;
}
.cp1login1 .text{
	width:100%;
	padding-left:4em;
	border-color:transparent;
	background:#eee url() no-repeat 0 50% / 22px;
	background-position:calc(2em - 11px) 50%; /* [IE]fix) 단축속성 calc() 결함 있어 분리 */
}
.cp1login1 .text.id{background-image:url(../../img/lib2/ic22a1c2person1.png);}
.cp1login1 .text.pw{background-image:url(../../img/lib2/ic22a1c2lock1.png);}

.cp1login1 .b1.submit{
	display:inline-flex; /* ☆ */
	align-items:center;
	margin:1em 0;
	background:none;
	border:0;
}
.cp1login1 .b1.submit .t1{
	font-weight:600;
	font-size:2em;
	margin:0 .375em 0 0;
}
.cp1login1 .b1.submit  .ic1{
	display:inline-block;
	width:3.375em;
	height:3.375em;
	border-radius:9999px;
	background:#fae100 url(../../img/lib2/ic25a2c0right1.png) no-repeat center center / 25px;
}
/* ☆ */
.cp1login1 .mns1{
	margin:1em 0 0;
	border-top:1px solid #e7e7e7;
	padding:1em 0;
	line-height:1.375;
	text-align:center;
}
.cp1login1 .mns1 .a1{display:inline-block;
	position:relative;
	padding:.25em 1em;
	color:#777;
}
.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 #ccc;
}


/* 목록표(기본.일부.말줄임) 20210525 */
.cp1bbs1table1>table{
	border-top:2px solid #678;
	border-bottom:1px solid #678;
	/* font-size:.9375em; */
}
.cp1bbs1table1>table thead th{padding:.75em;}
.cp1bbs1table1>table tbody th,
.cp1bbs1table1>table tbody td{padding:.75em;}
.cp1bbs1table1>table tr:hover{background:#fcfcfc;}
.cp1bbs1table1 a:not(.button){color:#333;}
.cp1bbs1table1>table .ic1.new{display:inline-block;
	width:1em;
	margin:-2px 0 2px;
	padding:2px;
	background:#e63;
	color:#fff;
	font-size:12px;
	line-height:1;
	letter-spacing:1em;
	white-space:nowrap;
	overflow:hidden;
	vertical-align:middle;
}
.cp1bbs1table1>table a:hover .ic1.new,
.cp1bbs1table1>table a:focus .ic1.new{background:#e00;}
.cp1bbs1table1>table .ic1.reply>.t1{float:left;width:1px;height:1px;overflow:hidden;text-indent:-9999px;}
/* 말줄임 */
.cp1bbs1table1>table.ellipsis{table-layout:fixed;} /* ☆ */
.cp1bbs1table1>table.ellipsis tbody td{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.cp1bbs1table1>table.ellipsis tbody td *{white-space:nowrap !important;}

/* 기능버튼(정렬..) */
.cp1bbs1table1 .b1{
	display:inline-flex;
	/* flex-direction:row-reverse; */
	align-items:center;
}
.cp1bbs1table1 .b1t1{}
.cp1bbs1table1 .b1ic1{display:inline-block;
	width:1rem;
	height:1rem;
	margin:0 0 0 .25em;
	background:url() no-repeat center center / contain;
	vertical-align:middle;
	overflow:hidden;
	text-indent:-9999px;
}
.cp1bbs1table1 .b1.sort .b1ic1{background-image:url(../../img/lib2/ic32a1c1up1down1.png);}


/* 제목그룹1 (내 강의실..) 20210615 */
.cp1hg1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	position:relative;
	padding:0 0 .25em;
	margin:0 0 2.5em;
	border-bottom:1px solid #ccc;
}
.cp1hg1 .h1{
	position:relative;
	margin:0 0 .375em .375em;
}
.cp1hg1 .h1:before{content:''; /* 강조효과 */
	display:block;
	z-index:-1;
	position:absolute;left:0;top:0;
	width:.643em;
	height:.643em;
	margin:-.125em -.3125em;
	border-radius:9999px;
	background:#fae100;
}
/* ☆.type2 */
.cp1hg1.type2 .h1{
	margin-left:0;
}
.cp1hg1.type2 .h1:before{
	display:none;
}


/* 제목그룹2 20210607 */
.cp1hg2{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
	position:relative;
	margin:2.4375em 0 1.625em;
}
.cp1hg2 .h2{
	margin:0;
}


/* 탐색요소들 20210610 */
/* 돌아가기 */
.cp1b1back1{
	display:inline-flex; /* ☆ */
	justify-content:center;
	align-items:center;
	z-index:10;
	position:relative;
	height:auto;
	margin:	.5em 0;
	padding:.5em .75em;
	border:1px solid transparent;
	border-radius:6px;
	color:inherit;
	font-size:1em;
	line-height:1.375;
	white-space:nowrap;
}
.cp1b1back1 .ic1{
	float:left;
	width:22px;
	height:22px;
	margin:-2px 0 0;
	background:url(../../img/lib2/ic44a2c1back1.png) no-repeat center center / contain;
	vertical-align:top;
}
.cp1b1back1 .t1{
	float:left;
	margin:0 0 0 .4375em;
	color:inherit;
	font-size:1.0625em;
	vertical-align:top;
}
.cp1b1back1:hover,
.cp1b1back1:focus{
	border-color:rgba(0,0,0, .35);
	box-shadow:inset 0 0 999px 0 rgba(0,0,0, .02);
	color:#000;
}
/* 닫기 */
.cp1b1close1{display:block;
	z-index:10;
	position:relative;
	width:40px;height:40px;
	margin:20px 0 20px auto;
	background:url(../../img/lib/b1x.png) no-repeat center center;
	overflow:hidden;
	text-indent:-9999px;
	transition:.2s;
}


/* 기본정보 (학생정보보기) 20210730 */
.cp1info1{
	position:relative;
	padding:1.5em;
	border:1px solid #ddd;
}
.cp1info1 .dl1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	/* justify-content:space-between; */
	align-items:center;
}
.cp1info1 .di1{
	display:flex; /* ☆ */
	align-items:center;
	width:100%;
	margin:0 0 1em;
}
.cp1info1 .dt1{
	width:4em;
	margin:0 1em 0 0;
	text-align:right;
}
.cp1info1 .dd1{
	width:calc(100% - 5em);
	padding:.5em;
	border:1px solid #e7e7e7;
	border-radius:6px;
	background:#f7f7f7;
}
.cp1info1 .btns{
	text-align:right;
}
.cp1info1 .btns .button{
	margin-bottom:0;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1info1 .di1{
		width:50%;
	}
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1info1 .di1{
		width:33.333%;
	}
}


/* 조회폼 (수강강의정보) 20210526 */
.cp1askform1{
	display:flex; /* ☆ */
	position:relative;
	margin:0 0 1em;
}
.cp1askform1 .di1{
	margin:0 1em 0 0;
}
.cp1askform1 .dt1{
	display:block;
	margin:0;
	padding:0;
}


/* 팬시카드 (수강강의정보) 20210526 */
.cp1card1{
	position:relative;
}
.cp1card1 .wrap1{
}
.cp1card1 .ul1{
	list-style:none;margin:0;padding:0;
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
}
.cp1card1 .li1{
	width:100%;
	border:1px solid #ddd;
	margin:0 0 3%;
}
.cp1card1 .w1{
	padding:1.5em 6%;
}
/* ☆ */
.cp1card1 .ttg1{
	display:flex; /* ☆ */
	justify-content:space-between;
	border-bottom:1px solid #e7e7e7;
}
.cp1card1 .tt1{
	font-weight:600;
	font-size:1.25em;
}
.cp1card1 .ttg1 .g1{
	color:#888;
}
/* ☆ */
.cp1card1 .w2{
	display:flex; /* ☆ */
	padding:1.5em 0 0;
}
.cp1card1 .w2w1{
	flex:none;
	width:60px;
	margin:0 1.25em 0 0;
}
.cp1card1 .w2w2{
	flex:auto;
}
/* 그래프그룹 */
.cp1card1 .gg1{
	display:block;
	margin:.5em 0;
	padding:.625em 1em;
	border:1px solid #ccc;
}
.cp1card1 .gg1 .g1{display:block;
	height:.375em;
	margin:.25em 0;
	border:1px solid #eee;
	border-radius:9999px;
	background:#fff;
	overflow:hidden;
}
.cp1card1 .gg1 .g1b1{display:block;
	height:100%;
	background:#29e;
}
.cp1card1 .gg1 .eg1{
	display:flex; /* ☆ */
	justify-content:space-between;
}
/* ☆ */
.cp1card1 .btns{
	text-align:right;
}
.cp1card1 .btns .button{
	margin-bottom:0;
	margin-left:.375em;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1card1 .li1{
		width:48.5%;
	}
	.cp1card1 .w2w1{
		flex:none;
		width:120px;
		margin:0 1.25em 0 0;
	}
}


/* 작성폼 (학생정보수정, 1:1문의하기, 신규상담신청,..) 20210611 */
.cp1writeform2{
	position:relative;
	margin:auto;
	padding:3em 6% 2em;
	border:1px solid #ddd;
	line-height:1.375;
	text-align:center;
}
.cp1writeform2 .hg1{
	margin:0 0 2em;
	padding:1.5em 0 .5em;
	border-bottom:3px solid #e7e7e7;
}
.cp1writeform2 .h1{
	display:inline-block;
	z-index:0;
	position:relative;
	margin:0 0 .5em;
	color:#000;
	font-size:2.125em; /* (34/16) */
}
.cp1writeform2 .h1:before{content:''; /* 강조효과 */
	display:block;
	z-index:-1;
	position:absolute;left:0;top:0;
	width:.643em;
	height:.643em;
	margin:-.125em -.3125em;
	border-radius:9999px;
	background:#fae100;
}
.cp1writeform2 .cont{}
.cp1writeform2 .item{
	margin:0 0 1.375em;
	text-align:left;
}
.cp1writeform2 .tt1{
	margin:0 6px;
	color:#000;
}
.cp1writeform3 .explain{
	display:block;
	margin:.25em 6px;
	color:#888;
	font-size:.75em;
}
/* ☆ */
.cp1writeform2 .w2n2,
.cp1writeform2 .w2a1n1,
.cp1writeform2 .w2a1n1a1,
.cp1writeform2 .w2a1n1a1n1a1,
.cp1writeform2 .w2a3,
.cp1writeform2 .w2flex1{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
}
.cp1writeform2 .w2n2>*{
	flex:0 0 calc(50% - .25em);
}
.cp1writeform2 .w2a1n1>*:nth-child(1),
.cp1writeform2 .w2a1n1a1>*:nth-child(1),
.cp1writeform2 .w2a1n1a1>*:nth-child(3),
.cp1writeform2 .w2a1n1a1n1a1>*:nth-child(1),
.cp1writeform2 .w2a1n1a1n1a1>*:nth-child(3),
.cp1writeform2 .w2a1n1a1n1a1>*:nth-child(5),
.cp1writeform2 .w2a3>*,
.cp1writeform2 .flex1auto1[class]{
	flex:auto; /* 1 1 auto */
	min-width:0;

}
.cp1writeform2 .w2a1n1>*:nth-child(2),
.cp1writeform2 .w2a1n1a1>*:nth-child(2),
.cp1writeform2 .w2a1n1a1n1a1>*:nth-child(2),
.cp1writeform2 .w2a1n1a1n1a1>*:nth-child(4),
.cp1writeform2 .flex1none1[class]{
	flex:none; /* 0 0 auto */
}
/* ◇◆ */
@media all and (min-width:768px){
	/* .even-grid 활용 */
}


/* 콘텐츠박스(다른배치(새창) 20210928 */
.cp1cont1box1{
	position:relative;
	margin:0 0 4%;
	padding:calc(20px + 2.4%) 4%; /* (20 + 30/1250) (50/1250) */
	border:1px solid #ddd;
}
.cp1cont1box1>.wrap1{}
.cp1cont1box1 .hg1{
	text-align:center;
}
.cp1cont1box1 .hg1 .h1{
	margin:0;
	color:#29e;
	font-size:8vw; /* (80/1000) */
	letter-spacing:-.03125em;
	text-align:center;
}
.cp1cont1box1 .hg1.type2 .h1{
	font-size:calc(4vw + 10px); /* (50/1000) */
}
.cp1cont1box1 .hg1.type2  .t1{
	color:#000;
	font-weight:600;
	font-size:calc(2vw + 10px); /* (30/1000) */
}
/* Monthly Report */
.cp1cont1box1 .hg2{
	text-align:center;
}
.cp1cont1box1 .hg2 .logo{
	width:139px;
	margin:auto;
}
.cp1cont1box1 .hg2 .h1{
	margin:.375em auto;
	color:#29e;
	font-size:8vw; /* (80/1000) */
	line-height:1.125;
	letter-spacing:-.03125em;
	text-align:center;
}
.cp1cont1box1 .hg2 .info{
	display:inline-block;
	text-align:left;
}
.cp1cont1box1 .hg2 .info ul{
	margin:0;
}
.cp1cont1box1 .hg2 .info li{
	font-size:.9375em;
}
/* ◇◆ */
@media all and (min-width:1000px), print{ /* print */
	.cp1cont1box1 .hg1 .h1{
		font-size:5em;
	}
	.cp1cont1box1 .hg1.type2 .h1{
		font-size:3.125em;
	}
	.cp1cont1box1 .hg1.type2 .t1{
		font-size:1.875em;
	}
	.cp1cont1box1 .hg2{
		display:flex; /* ☆ */
		justify-content:space-between;
		align-items:center;
	}
	.cp1cont1box1 .hg2 .logo{
		flex:none;
		width:278px;
		margin:0;
	}
	.cp1cont1box1 .hg2 .h1{
		font-size:4em;
	}
	.cp1cont1box1 .hg2 .info li{
		font-size:1.125em;
	}
}
/* ◇◆ print */
@media print{
	html.Chrome .cp1cont1box1{
		zoom:.58;
		font-size:1.125em;
	}
}


/* 평균점수(월간리포트) 20210827 */
.cp1score4{
	position:relative;
	margin:2.5em 0 1.25em;
	padding:2.5em 0;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	line-height:1.375;
	text-align:center;
}
.cp1score4 .w1{}
.cp1score4 .w2{
	text-align:left;
}
.cp1score4 .f1 img{
	display:block;
	width:180px;
	height:auto;
	margin:auto;
}
.cp1score4 .charts{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	text-align:center;
}
/* ◇◆ */
@media all and (min-width:1260px), print{ /* print */
	.cp1score4 .wrap1{
		display:flex; /* ☆ */
	}
	.cp1score4 .w1{
		flex:none;
		margin:0 4em 0 0;
	}
	.cp1score4 .w2{
		flex:auto;
		width:calc(100% - 180px - 4em);
	}
	.cp1score4 .hb1{
		margin-top:0;
	}
}


/* 차트.원(월간리포트) 20210827 */
.cp1chart1circle2{
	display:inline-block;
	z-index:0;
	position:relative;
	width:9.8em;
	height:9.8em;
	margin:.5em;
	line-height:1.375;
	text-align:center;
}
/* 값 */
.cp1chart1circle2 .tg1{
	z-index:10;
	position:absolute;left:50%;top:50%;
	margin:.5em auto; /* (화면확인) */
	transform:translate(-50%, -60%);
}
.cp1chart1circle2 .tt1{
	display:block;
	color:#333;
	font-weight:100;
	font-size:1.125em; /* (18/16) */
}
.cp1chart1circle2 .t1{
	display:block;
	color:#333;
	font-size:1.875em; /* (30/16) */
	font-family:'GmarketSansBold';
}
/* 원 */
.cp1chart1circle2 svg.chart{
	position:relative;
	width:100%;
	height:100%;
	background:inherit;
	transform:rotate(-90deg);
	transform-origin:50% 50%;
}
.cp1chart1circle2 circle{
	fill:transparent;
	stroke-width:20;
	stroke:#eee;
	stroke-dasharray:628;
	stroke-dashoffset:628;
	stroke-linecap:round;
}
.cp1chart1circle2 circle.fg{
	stroke:#a0d85a;
	/* [IE]bug) svg 내부 요소에는 transform 안됨 */
	/* animation:kf1draw1 2s forwards; */
}
.cp1chart1circle2 circle.bg{
	/* stroke:#eee; */
	stroke-dashoffset:0;
}
.cp1chart1circle2.s1 circle.fg{stroke:#f7c16c;}
.cp1chart1circle2.s2 circle.fg{stroke:#ee4447;}
.cp1chart1circle2.s3 circle.fg{stroke:#9c5ad8;}
.cp1chart1circle2.s4 circle.fg{stroke:#5a76d8;}
.cp1chart1circle2.s5 circle.fg{stroke:#a0d85a;}


/* 일간점수 20210527 */
.cp1score1{
	position:relative;
	margin:1.25em 0;
	line-height:1.375;
}
.cp1score1 .note{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:flex-end;
	margin:.5em 0;
}
.cp1score1 .note .t1{
	display:inline-block;
	padding:.375em .75em;
}
.cp1score1 .dl1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	list-style:none;
	margin:0;
	padding:1px 0 0 1px;
}
.cp1score1 .di1{
	display:flex; /* ☆ */
	box-sizing:border-box; /* ☆ */
	width:calc(100% + 1px);
	margin:-1px 0 0 -1px;
	border:1px solid #ddd;
	background:#fff;
	text-align:center;
}
.cp1score1 .dt1{
	flex:none;
	padding:.75em 1.5em;
}
.cp1score1 .dd1{
	flex:auto;
	padding:.375em .75em;
	border-left:1px solid #eee;
}
.cp1score1 .dd1 .t1{
	display:inline-block;
	padding:.375em .75em;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1score1 .di1{
		width:calc(50% + 1px);
	}
}


/* 월간점수 (성적확인..) 20210615 */
.cp1score2{
	position:relative;
	margin:1.25em 0;
	line-height:1.375;
}
.cp1score2 .note{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:flex-end;
	margin:.5em 0;
}
.cp1score2 .note .t1{
	display:inline-block;
	padding:.375em .75em;
}
.cp1score2 .dl1{
	list-style:none;
	margin:0;
	padding:1px 0 0 1px;
}
.cp1score2 .di1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	align-items:center;
	margin:-1px 0 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.cp1score2 .f1{
	flex:none;
	box-sizing:border-box; /* ☆ */
	width:50%;
	margin:auto;
	padding:1.25em .75em;
}
.cp1score2 .dt1{
	flex:none;
	box-sizing:border-box; /* ☆ */
	width:50%;
	min-width:5em;
	padding:1.25em 1.5em;
	border-left:1px solid #eee;
	text-align:center;
}
.cp1score2 .dd1{
	flex:auto;
	box-sizing:border-box; /* ☆ */
	padding:0 .75em 1.25em .75em;
}
.cp1score2 .dd1 .t1{
	display:inline-block;
	padding:.375em .75em;
	font-size:.875em;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1score2 .di1{
		flex-wrap:nowrap;
	}
	.cp1score2 .f1{
		width:5em;
		margin:0 .5em 0 0;
	}
	.cp1score2 .dt1{
		width:8em;
		border-right:1px solid #eee;
	}
	.cp1score2 .dd1{
		padding:1.25em .75em;
	}
}
/* ◇◆ */
html.IE11 .cp1score2 .di1{
	display:block;
}
html.IE11 .cp1score2 .f1{
	display:inline-block;
	vertical-align:middle;
}
html.IE11 .cp1score2 .dt1{
	display:inline-block;
	vertical-align:middle;
}
html.IE11 .cp1score2 .dd1{
	display:inline-block;
	width:calc(100% - 5.5em - 8em - 1em);
	vertical-align:middle;
}


/* 차트.원 20210615 */
.cp1chart1circle1{
	z-index:0;
	position:relative;
	width:55px;
	height:55px;
	margin:auto;
	font-weight:600;
	font-size:22px;
	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;
	transform:rotate(-90deg);
	transform-origin:50% 50%;
}
.cp1chart1circle1 circle{
	fill:transparent;
	stroke-width:20;
	stroke:#fff;
	stroke-dasharray:628;
	stroke-dashoffset:628;
	stroke-linecap:round;
}
.cp1chart1circle1 circle.fg{
	/* [IE]bug) svg 내부 요소에는 transform 안됨 */
	/* animation:kf1draw1 2s forwards; */
}
.cp1chart1circle1 circle.bg{
	/* stroke:#eee; */
	stroke-dashoffset:0;
}
.cp1chart1circle1.s1 circle.fg{
	stroke:#bce0fd;
}
.cp1chart1circle1.s2 circle.fg{
	stroke:#91ccfc;
}
.cp1chart1circle1.s3 circle.fg{
	stroke:#2c9efc;
}
.cp1chart1circle1.s4 circle.fg{
	stroke:#007afa;
}

.cp1chart1circle1.s5 circle.fg{
	stroke:#004085;
}

/* 팬시카드 (진행중인 Lesson 현황) 20210818 */
.cp1card2{
	z-index:0;
	position:relative;
	margin:2.5em 0;
}
.cp1card2 .wrap1{
	max-width:1038px; /* ((190+22)*5-22) */
	margin:auto;
	text-align:center;
	font-size:0; /* ☆ */
}
.cp1card2 .ul1{
	display:inline-block;
	list-style:none;
	margin:0 -11px;
	padding:0;
}
.cp1card2 .li1{
	display:inline-flex;
	position:relative;
	width:190px;
	height:190px;
	margin:0 11px 22px;
	font-size:16px;
}
.cp1card2 .w1{
	flex:auto;
	display:flex; /* ☆ */
	position:relative;
}
.cp1card2 .a1{
	flex:auto;
	display:flex; /* ☆ */
	align-items:center;
	z-index:10;
	position:relative;
	border:1px solid #ddd;
	border-radius:1em;
	color:inherit;
}
.cp1card2 .tt1{
	margin:auto;
	transition:.2s;
}
.cp1card2 .tt1t1{
	font-weight:600;
	font-size:1.25em;
}
.cp1card2 .tt1t2{
	position:absolute;
	left:-9999px;
}
/* 오버레이 */
.cp1card2 .og1{
	visibility:hidden;
	position:absolute;left:0;right:0;top:0;bottom:0;
	border-radius:1em;
	opacity:0;
	transition:.2s;
}
.cp1card2 .tg1{
	display:block;
	margin:3.75em 2em 0;
}
.cp1card2 .t1{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	line-height:1.375;
}
.cp1card2 .t1t1{
	color:inherit;
}
.cp1card2 .t1t2{
	color:#e63;
}
/* 오버레이 활성 */
.cp1card2 .li1.on .tt1{
	/* margin:1.5em auto; */
	transform:translateY(-3.75em);
}
.cp1card2 .li1.on .og1{
	visibility:visible;
	opacity:1;
}
/* 잠김 오버레이 */
.cp1card2 .og2{
	display:block;
	z-index:20;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .5);
	border-radius:1em;
}
.cp1card2 .og2 .ic1{
	display:block;
	position:absolute;left:50%;top:50%;
	width:80px;height:80px;
	margin:-40px;
	border-radius:9999px;
	background:#f32c19 url(../../img/lib2/ic100a1c0lock1.png) no-repeat center center / 50px;
}
/* ◇◆ */
@media all and (min-width:1246px){
	.cp1card2 .ul1{
		text-align:left;
	}
}


/* 팬시카드 (내 강의실..) 20210531. 20210923 */
.cp1card3{
	z-index:0;
	position:relative;
	margin:2.5em 0;
	text-align:center;
}
.cp1card3 .wrap1{
	position:relative;
	margin:auto -20px;
	font-size:0; /* ☆ */
}
.cp1card3 .wrap1:before{content:'';
	display:block;
	position:absolute;left:0;right:50%;top:0;bottom:0;
	background:url(../../img/lib2/b1shelf1.png);
}
.cp1card3 .wrap1:after{content:'';
	display:block;
	position:absolute;left:50%;right:0;top:0;bottom:0;
	background:url(../../img/lib2/b1shelf1.png) 100% 0;
}
.cp1card3 .ul1{
	display:block;
	z-index:10;
	position:relative;
	list-style:none;
	margin:0 58px;
	padding:0;
}
.cp1card3 .li1{
	display:inline-flex;
	position:relative;
	width:227px;
	height:205px;
	margin:0 0 103px;
	background:url(../../img/lib2/b1shadow1.png) 0 100%;
	font-size:16px;
}
.cp1card3 .w1{
	display:flex; /* ☆ */
	position:relative;
	width:195px;
	height:195px;
	margin:0 auto;
}
.cp1card3 .a1{
	flex:auto;
	display:flex; /* ☆ */
	z-index:10;
	position:relative;
	/* border:1px solid #ddd; */
	border-radius:1em;
	color:inherit;
	overflow:hidden;
	box-shadow:0 0 1em 0 rgba(0, 0, 0, .04);
}
.cp1card3 .f1{display:block;
	position:relative;
	width:100%;
	margin:auto;
	padding:0 0 100%;
	background:#eee;
	text-align:center;
	overflow:hidden;
}
.cp1card3 .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1card3 .f1 img{display:block;
	position:absolute;left:0;top:0;
	width:100%;
	height:auto;
	margin:auto;
	/* transform:translateY(-50%); */
}
.cp1card3 .tt1{
	position:absolute;
	left:-9999px;
}
/* 오버레이 */
.cp1card3 .og1{
	visibility:hidden;
	position:absolute;left:0;right:0;top:0;bottom:0;
	border-radius:1em;
	padding:1.25em;
	background:rgba(0,0,0, .8);
	color:#fff;
	text-align:center;
	opacity:0;
	transition:.2s;
}
.cp1card3 .og1 .t1{
	display:flex; /* ☆ */
	justify-content:center;
	font-size:1.5em;
}
.cp1card3 .og1 .ic1{ /* ▷ */
	display:block;
	width:0;height:0;
	margin:.5em auto;
	border:0 solid transparent;
	border-width:12px 0 12px 21px;
	border-left-color:#fff;
}
.cp1card3 .og1 .label1{
	margin:.5em auto;
}
.cp1card3 .og1 .t2{
	display:flex; /* ☆ */
	justify-content:center;
	font-size:1em;
}
.cp1card3 .og1 .t2t1{
	margin:0 .5em 0 0;
}
.cp1card3 .og1 .t2t2{}
.cp1card3 .og1 .g1{display:block;
	height:.375em;
	margin:.375em 0;
	/* border:1px solid #eee; */
	border-radius:9999px;
	background:#fff;
	overflow:hidden;
}
.cp1card3 .og1 .g1b1{display:block;
	height:100%;
	background:#f32c19;
}
.cp1card3 .og1 .t3{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	font-size:.875em;
}
.cp1card3 .og1 .t3t1{}
.cp1card3 .og1 .t3t2{}
/* 오버레이 활성 */
.cp1card3 .li1.on .og1{
	visibility:visible;
	opacity:1;
}
/* 잠김 오버레이 */
.cp1card3 .og2{
	display:block;
	z-index:20;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .5);
	border-radius:1em;
}
.cp1card3 .og2 .ic1{
	display:block;
	position:absolute;left:50%;top:50%;
	width:80px;height:80px;
	margin:-40px;
	border-radius:9999px;
	background:#f32c19 url(../../img/lib2/ic100a1c0lock1.png) no-repeat center center / 50px;
}
/* 학습종료 */
.cp1card3 .og1 .tg1{
	display:flex; /* ☆ */
	flex-direction:column;
	justify-content:center;
	align-items:center;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:1em;
}
.cp1card3 .og1 .tg1 .t1{
	color:#fae100;
}
.cp1card3 .og1 .tg1 .t2{
	padding:0 26px 0 0;
	background:url(../../img/lib2/ic36a2c0right1.png) no-repeat 100% center / 18px;
}


/* ◇◆ */
@media all and (min-width:768px){
	.cp1card3{
		text-align:left;
	}
}
/* ◇◆ */
@media all and (min-width:1478px){ /* ((227*6)+58*2) */
	.cp1card3 .wrap1{
		margin:auto;
	}
}


/* 팬시카드 (진행중인 Lesson 현황) 20210615 */
.cp1card4{
	z-index:0;
	position:relative;
	margin:2.5em 0;
	text-align:center;
}
.cp1card4 .wrap1{
	position:relative;
	margin:auto;
	font-size:0; /* ☆ */
}
.cp1card4 .ul1{
	display:inline-block;
	list-style:none;
	margin:0 -11px;
	padding:0;
}
.cp1card4 .li1{
	display:inline-flex;
	position:relative;
	width:190px;
	height:190px;
	margin:0 11px 22px;
	font-size:16px;
}
.cp1card4 .w1{
	flex:auto;
	display:flex; /* ☆ */
	position:relative;
}
.cp1card4 .a1{
	flex:auto;
	display:flex; /* ☆ */
	z-index:10;
	position:relative;
	border:1px solid #ddd;
	border-radius:1em;
	color:inherit;
}
.cp1card4 .tt1{
	display:flex; /* ☆ */
	align-items:center;
	position:absolute;left:0;right:0;top:0;bottom:0;
	border-top:7px solid #fae100;
	border-radius:1em;
	background:#f4f4f4;
}
.cp1card4 .tt1t1{
	margin:auto;
	font-weight:600;
	font-size:1.75em;
}
.cp1card4 .tt1t2{
	position:absolute;
	left:-9999px;
}
/* 오버레이 */
.cp1card4 .og1{
	visibility:hidden;
	position:absolute;left:0;right:0;top:0;bottom:0;
	border-radius:1em;
	padding:1.25em;
	background:rgba(0,0,0, .8);
	color:#fff;
	text-align:center;
	opacity:0;
	transition:.2s;
}
/* 학습중 */
.cp1card4 .og1 .tg1{
	display:block;
}
.cp1card4 .og1 .t1{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	font-size:1.125em;
}
.cp1card4 .og1 .t1t1{
	color:inherit;
}
.cp1card4 .og1 .t1t2{
	color:#e7ed48;
}
.cp1card4 .og1 .b1{
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
	margin:.8125em 0 0;
	padding:.125em .5em;
	border-radius:6px;
	background:#fae100;
	font-weight:400;
	font-size:1.125em;
}
.cp1card4 .og1 .b1t1{ color:#222;}
.cp1card4 .og1 .b1ic1{display:inline-block;
	width:22px;height:22px;
	margin:0 0 0 .25em;
	background:url(../../img/lib2/ic22a1c0retry1.png) no-repeat center center / contain;
	vertical-align:middle;
}
/* 학습전 */
.cp1card4 .og1 .tg2{
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
	position:absolute;left:0;right:0;top:0;bottom:0;
}
.cp1card4 .og1 .t2c{
	margin:auto;
}
.cp1card4 .og1 .t2{
	font-size:1.125em;
}
.cp1card4 .og1 .ic1{
	display:flex; /* ☆ */
	width:55px;
	height:55px;
	margin:.5em auto;
	border:2px solid #fff;
	border-radius:9999px;
}
.cp1card4 .og1 .ic1:before{content:''; /* ▷ */
	display:block;
	width:0;height:0;
	margin:auto;
	border:0 solid transparent;
	border-width:12px 0 12px 21px;
	border-left-color:#fff;
	transform:translate(2px, 0);
}

/* 오버레이 활성 */
.cp1card4 .li1.on .og1{
	visibility:visible;
	opacity:1;
}
/* 잠김 오버레이 */
.cp1card4 .og2{
	display:block;
	z-index:20;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .5);
	border-radius:1em;
}
.cp1card4 .og2 .ic1{
	display:block;
	position:absolute;left:50%;top:50%;
	width:80px;height:80px;
	margin:-40px;
	border-radius:9999px;
	background:#f32c19 url(../../img/lib2/ic100a1c0lock1.png) no-repeat center center / 50px;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1card4{
		text-align:left;
	}
}


/* 탭1패널콘텐츠.활성반전 20210527 */
.cp1tabs1{
	z-index:0;
	position:relative;
	margin:1.375em 0;
	line-height:1.375;
}
.cp1tabs1[class] ul{ /* .even-grid.collapse 보다 높은 우선순위 */
	list-style:none;
	font-size:0; /* ☆ */
}
.cp1tabs1 ul:before,
.cp1tabs1 ul:after{content:'';display:table;clear:both;}
.cp1tabs1 li{display:inline-block;
	vertical-align:top;
}
.cp1tabs1 li a{display:block;
	padding:.9375em .75em;
	border:1px solid #999;
	background:#eee;
	color:#666;
	font-weight:400;
	font-size:1.125rem;
	text-decoration:none !important;
	text-align:center;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1tabs1 li a:hover,
.cp1tabs1 li a:focus{position:relative;
	z-index:20;
	background-color:#fff;
}
.cp1tabs1 li.on a{z-index:10;
	position:relative;
	border-color:transparent;
	background-color:#333;
	color:#fff;
	font-weight:400;
	cursor:default;
}
/* 패널콘텐츠 */
.cp1tabs1cont{margin:1.375em 0;}
.cp1tabs1pane{}


/* 차트.라인 20210528 */
.cp1chart1line1{
	position:relative;
}
.cp1chart1line1 .w1chart1{
	margin:auto;
	letter-spacing:0;
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1chart1line1{
		margin:4% 0;
		margin-left:14px;
	}
}


/* 배경장식(내 강의실..) 20210531 */
.cp1bg1deco1{
	position:absolute;left:0;bottom:66px;
	width:90%;
	max-width:1355px;
}
.cp1bg1deco1:before{content:'';
	display:block;
	padding:0 0 44.723%; /* (606/1355) */
	background:url(../../img/lib2/bg1deco1.png) no-repeat 0 0 / contain;
}


/* 강의실 (이전 강의실 상세..) 20210602 */
.cp1classroom1{
	position:relative;
	display:flex; /* ☆ */
	flex-wrap:wrap;
	margin:0 0 3em;
	padding:calc(12px + 3%);
	border-top:7px solid #fae100;
	border-radius:1em;
	background:#fff;
	line-height:1.375;
	box-shadow:0 16px 24px 4px rgba(0, 0, 0, .1);
}
.cp1classroom1>.w1{width:100%;}
.cp1classroom1>.w2{width:100%;}
.cp1classroom1>.w3{
	width:100%;
	margin:0 0 10px;
}
/* ☆ */
.cp1classroom1 .f1{display:block;
	position:relative;
	width:195px;
	height:195px;
	margin:auto;
	padding:0 30px 10px;
	background:url(../../img/lib2/b1shadow2.png) 0 100%;
}
.cp1classroom1 .f1p1{display:block;
	position:relative;
	width:100%;
	height:100%;
	margin:auto;
	border-radius:1em;
	overflow:hidden;
}
.cp1classroom1 .f1 img{display:block;
	width:100%;
	height:auto;
	margin:auto;
	/* transform:translateY(-50%); */
}
/* ☆ */
.cp1classroom1 .hg1{
	padding:.75em 0;
	border-bottom:1px solid #ddd;
	text-align:center;
}
.cp1classroom1 .h1{
	color:#222;
	font-size:1.875em;
}
.cp1classroom1 .dl1{
	list-style:none;
	margin:1.375em 0;
	padding:0;
	font-size:1.125em;
}
.cp1classroom1 .di1{
	display:flex; /* ☆ */
	margin:.5em 0;
}
.cp1classroom1 .dt1{
	width:5em;
	margin:0 1em 0 0;
}
.cp1classroom1 .dd1{
	width:calc(100% - 6em);
}
.cp1classroom1 .dd1t1{
	display:inline-block;
	margin:0 .5em 0 0;
	vertical-align:top;
}
.cp1classroom1 .g1{display:inline-block;
	width:calc(100% - 3em);
	height:.375em;
	margin:.5em 0;
	/* border:1px solid #eee; */
	border-radius:9999px;
	background:#e4e4e4;
	overflow:hidden;
	vertical-align:top;
}
.cp1classroom1 .g1b1{display:block;
	height:100%;
	background:#f32c19;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1classroom1>.w1{width:255px;}
	.cp1classroom1>.w2{
		width:calc(100% - 255px - 30px);
		margin:0 0 0 10px;
	}
	.cp1classroom1>.w3{
		width:calc(100% - 255px - 10px - 30px);
		margin-right:30px;
		margin-left:calc(255px + 10px);
	}
	.cp1classroom1 .hg1{
		text-align:left;
	}
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1classroom1{
		flex-wrap:nowrap;
	}
	.cp1classroom1>.w2{
		width:calc(100% - 255px - 340px - 40px);
	}
	.cp1classroom1>.w3{
		flex:none;
		align-self:flex-end;
		width:340px;
		margin-left:40px;
	}
}


/* 탭2패널콘텐츠.활성반전 20210601 */
.cp1tabs2{
	z-index:0;
	position:relative;
	/* margin:1.375em 0; */
	line-height:1.375;
}
.cp1tabs2[class] ul{ /* .even-grid.collapse 보다 높은 우선순위 */
	list-style:none;
	font-size:0; /* ☆ */
}
.cp1tabs2 ul:before,
.cp1tabs2 ul:after{content:'';display:table;clear:both;}
.cp1tabs2 li{display:inline-block;
	vertical-align:top;
}
.cp1tabs2 li a{display:block;
	padding:.6875em .75em;
	border:1px solid #333;
	border-radius:6px;
	background:#fff;
	color:#333;
	font-weight:400;
	font-size:1.125rem;
	text-decoration:none !important;
	text-align:center;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1tabs2 li a:hover,
.cp1tabs2 li a:focus{position:relative;
	z-index:20;
	background-color:#f7f7f7;
}
.cp1tabs2 li.on a{z-index:10;
	position:relative;
	border-color:transparent;
	background-color:#fae100;
	color:#222;
	font-weight:400;
	cursor:default;
}
/* 패널콘텐츠 */
.cp1tabs2cont{margin:1.375em 0;}
.cp1tabs2pane{}


/* 월간점수 (이전 강의실..) 20210615 */
.cp1score3{
	position:relative;
	margin:1.25em 0;
	line-height:1.375;
}
.cp1score3 .cp1chart1circle1{
	width:100px;
	height:100px;
	color:#0a85e0;
	font-size:32px;
}
.cp1score3 .cp1chart1circle1 circle{
	stroke:#eee;
}
.cp1score3 .cp1chart1circle1.s1 circle.fg,
.cp1score3 .cp1chart1circle1.s2 circle.fg,
.cp1score3 .cp1chart1circle1.s3 circle.fg,
.cp1score3 .cp1chart1circle1.s4 circle.fg{
	stroke:#058df1;
}
/* ☆ */
.cp1score3 .dl1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	list-style:none;
	margin:0;
	padding:1px 0 0 1px;
}
.cp1score3 .di1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	align-items:center;
	align-content:center;
	width:100%;
	margin:-1px 0 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#fff;
}
.cp1score3 .f1{
	flex:none;
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
	box-sizing:border-box; /* ☆ */
	width:50%;
	margin:auto;
	padding:1.25em .75em;
}
.cp1score3 .dt1{
	flex:none;
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
	box-sizing:border-box; /* ☆ */
	width:50%;
	min-width:5em;
	padding:1.25em 1.5em;
	border-left:1px solid #eee;
	color:#369;
	font-weight:500;
	font-size:1.375em;
	text-align:center;
}
.cp1score3 .dd1{
	flex:auto;
	display:flex; /* ☆ */
	align-items:center;
	padding:0 .75em 1.25em .75em;
}
.cp1score3 .dd1 .t1{
	display:inline-block;
	padding:.375em .75em;
	/* font-size:1.125em; */
	line-height:1.75;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1score3 .di1{
		flex-wrap:nowrap;
		align-items:stretch;
		border:0;
	}
	.cp1score3 .f1{
		width:auto;
		margin:0 1.5em 0 0;
		padding-left:0;
	}
	.cp1score3 .dt1{
		width:8em;
		border:0;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
		background:#369;
		color:#fff;
	}
	.cp1score3 .dd1{
		padding:1.25em .75em;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
		background:#fafafa;
	}
	/* ☆ */
	.cp1score3 .di1:first-child .dt1,
	.cp1score3 .di1:first-child .dd1{border-top:0;}
	.cp1score3 .di1:last-child .dt1,
	.cp1score3 .di1:last-child .dd1{border-bottom:0;}
	.cp1score3 .di1:first-child .dt1{border-radius:.625em 0 0 0;}
	.cp1score3 .di1:first-child .dd1{border-radius:0 .625em 0 0;}
	.cp1score3 .di1:last-child .dt1{border-radius:0 0 0 .625em;}
	.cp1score3 .di1:last-child .dd1{border-radius:0 0 .625em 0;}
}


/*  박스.테두리 (이전 강의실 - 월간점수..) 20210601 */
.cp1box1{
	padding:calc(12px + 3%) 4%;
	border:1px solid #ddd;
	border-radius:1em;
}


/* 박스.그림자 (이전 강의실 상세 박스에서 flex 제외..) 20210611 */
.cp1box2{
	position:relative;
	margin:auto;
	padding:calc(12px + 3%);
	border:0;
	border-top:7px solid #fae100;
	border-radius:1em;
	background:#fff;
	line-height:1.375;
	box-shadow:0 16px 24px 4px rgba(0, 0, 0, .1);
}


/*  콘텐츠(AI펜덕스소개) 20210602 */
.cp1cont1{
	position:relative;
	background:#8ce8ff;
	line-height:1.375;
}
.cp1cont1 .wrap1{}
.cp1cont1 .wrap2{
	padding:calc(12px + 7%) 0;
}
.cp1cont1 .w1{}
.cp1cont1 .w2{}
/* ☆ */
.cp1cont1 .hg1{}
.cp1cont1 .h1{
	z-index:0;
	position:relative;
	margin:0 0 .5em;
	color:#000;
	font-weight:600;
	font-size:3.4375em;
}
.cp1cont1 .h1:before{content:''; /* 강조효과 */
	display:block;
	z-index:-1;
	position:absolute;left:0;top:0;
	width:.643em;
	height:.643em;
	margin:-.0625em -.25em;
	border-radius:9999px;
	background:#fae100;
}
.cp1cont1 .en{ /* 영숫자 폰트차이 */
	font-size:1.133em;
	line-height:1;
}
.cp1cont1 .tg1{
	margin:0 0 1em;
	color:#000;
	font-size:2.8125em;
}
.cp1cont1 .tg1 .em1{
	background:#000;
	color:#fff;
	font-weight:600;
}
.cp1cont1 .tg1 .em2{
	color:inherit;
	font-weight:600;
}
/* ☆ */
.cp1cont1 .f1{
	display:block;
	width:80%;
	max-width:571px;
	margin:auto;
}
/* ◇◆ */
@media all and (max-width:767px){
	.cp1cont1{
		font-size:.5em;
	}
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1cont1 .wrap2{
		display:flex; /* ☆ */
		justify-content:space-around;
		align-items:center;
	}
	.cp1cont1 .f1{
		width:100%;
	}
}


/*  콘텐츠(AI펜덕스소개) 20210602 */
.cp1cont2{
	position:relative;
	background:#f9f9f9 url(../../img/lib2/01/intro1bg1.png) no-repeat 50% 70% / auto 50%;
	line-height:1.375;
}
.cp1cont2 .wrap1{}
.cp1cont2 .wrap2{
	padding:calc(12px + 7%) 0;
}
.cp1cont2 .w1{}
.cp1cont2 .w2{
	position:relative;
	border-top:1px solid transparent;
	padding:0 calc(12px + 3%);
	text-align:center;
}
.cp1cont2 .w2:before{content:''; /* □ */
	display:block;
	position:absolute;left:0;top:0;bottom:0;
	width:2%;
	border:3px solid #444;
	border-right:0;
}
.cp1cont2 .w2:after{content:''; /* □ */
	display:block;
	position:absolute;right:0;top:0;bottom:0;
	width:2%;
	border:3px solid #444;
	border-left:0;
}
/* ☆ */
.cp1cont2 .f1{
	z-index:0;
	position:relative;
	display:block;
	width:25%;
	max-width:158px;
	margin:0 auto 10%; /* ((133/1250) */
}
.cp1cont2 .f1:before{content:''; /* 강조효과 */
	display:block;
	z-index:-1;
	position:absolute;right:0;bottom:0;
	width:0;
	padding:0 0 28%;
	margin:-5%;
	border-radius:9999px;
	background:#fff89e;
}
/* ☆ */
.cp1cont2 .hg1{}
.cp1cont2 .h1{
	z-index:0;
	position:relative;
	margin:-.625em 0 .5em;
	color:#000;
	font-weight:400;
	font-size:1.625em;
	word-break:keep-all;
}
.cp1cont2 .en{ /* 영숫자 폰트차이 */
	font-size:1.133em;
	line-height:1;
}
.cp1cont2 .tg1{
	margin:0 0 1em;
	color:#333;
	font-size:1.125em;
	line-height:1.75;
}
.cp1cont2 .tg1 .em1{
	color:inherit;
	font-weight:600;
}
.cp1cont2 .tg1 br{
	display:none;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1cont2 .h1{
		font-size:3.4375em;
	}
.cp1cont2 .tg1{
		font-size:1.5em;
	}
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1cont2 .tg1 br{
		display:block;
	}
}


/*  콘텐츠(AI펜덕스소개) 20210602 */
.cp1cont3{
	position:relative;
	background:#fff url(../../img/lib2/01/intro1bg2.png) no-repeat 50% 50% / auto 38%; /* (683/1794) */
	line-height:1.375;
}
.cp1cont3 .wrap1{}
.cp1cont3 .wrap2{
	padding:calc(12px + 7%) 0 0;
}
.cp1cont3 .w1{}
.cp1cont3 .w2{}
/* ☆ */
.cp1cont3 .hg1{
	text-align:center;
}
.cp1cont3 .h1{
	display:inline;
	z-index:0;
	position:relative;
	margin:0 0 .5em;
	color:#000;
	font-weight:600;
	font-size:1.71875em;
}
.cp1cont3 .h1:before{content:''; /* 강조효과 */
	display:inline-block;
	z-index:-1;
	width:.643em;
	height:.643em;
	margin:0 -.5em 0 0;
	border-radius:9999px;
	background:#fae100;
	vertical-align:top;
}
.cp1cont3 .en{ /* 영숫자 폰트차이 */
	font-size:1.133em;
	line-height:1;
}
.cp1cont3 .lst1{
	list-style:none;
	padding:0;
}
.cp1cont3 .li1{
	margin:calc(8%) 0 calc(36px + 6%);
}
.cp1cont3 .li1:last-child{
	margin-bottom:0;
}
.cp1cont3 .tg1{
	margin:0 0 2em;
}
.cp1cont3 .t1{
	display:block;
	position:relative;
	color:#222222;
	font-weight:600;
	font-size:1.625em;
	font-family:'GmarketSansMedium';
}
.cp1cont3 .t1:before{content:''; /* ─ */
	display:block;
	position:absolute;left:0;right:0;top:50%;
	height:0;
	margin:-.1em 0 0 1.75em;
	border-top:2px solid #aaa;
}
.cp1cont3 .t2{
	display:block;
	margin:.5em 0;
	color:#111;
	font-size:1.5em;
}
.cp1cont3 .t2 .em1{
	color:inherit;
}
.cp1cont3 .t3{
	display:block;
	color:#666;
	font-size:1.125em;
	line-height:1.5;
	word-break:keep-all;
}
.cp1cont3 .f1{
	position:relative;
}
.cp1cont3 .f1:before{content:''; /* □ */
	display:block;
	position:absolute;left:0;bottom:0;
	margin:-5.303% -5.682%; /* (28/528) (30/528) */
	width:54.167%; /* (286/528) */
	padding:0 0 56.061%; /* (296/528) */
	background:#ffd838;
}
.cp1cont3 .f1p1{
	position:relative;
}
.cp1cont3 .f1 img{
	width:100%;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1cont3 .h1{
		font-size:2.75em; /* (16/44) */
	}
.cp1cont3 .t1{
		font-size:3em;
	}
	.cp1cont3 .t2{
		font-size:2.5em;
	}
	.cp1cont3 .t3{
		font-size:1.3125em;
	}
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1cont3 .li1{
		display:flex; /* ☆ */
		justify-content:space-between;
		align-items:flex-start;
	}
	.cp1cont3 .tg1{
		flex:auto;
		margin:0 95px 0 0;
	}
	.cp1cont3 .f1{
		flex:none;
		width:528px;
	}
	/* 짝수 */
	.cp1cont3 .li1:nth-child(2n){
		flex-direction:row-reverse;
	}
	.cp1cont3 .li1:nth-child(2n) .tg1{
		margin:0 0 0 95px;
		text-align:right;
	}
	.cp1cont3 .li1:nth-child(2n) .t1:before{
		margin:-.1em 1.75em 0 0;
	}
}


/*  AI러닝소개 20210615 */
.cp1learn1{
	z-index:0;
	position:relative;
	/* min-height:2580px; */
	margin:0 0 -130px; /* ☆ */
	background:#f7f7f7;
	line-height:1.375;
	word-wrap:break-word;
	word-break:keep-all;
	overflow:hidden; /* ☆ */
}
.cp1learn1 .bg{
	display:block;
	z-index:0;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:url(../../img/lib2/02/learn1bg1.jpg) no-repeat 50% 0;
}
.cp1learn1:before{content:'';
	display:block;
	z-index:-1;
	position:absolute;left:0;right:50%;top:0;bottom:0;
	background:url(../../img/lib2/02/learn1bg1bg1.png) repeat-x;
}
.cp1learn1:after{content:'';
	display:block;
	z-index:-1;
	position:absolute;left:50%;right:0;top:0;bottom:0;
	background:url(../../img/lib2/02/learn1bg1bg2.png) repeat-x;
}
.cp1learn1 .deco0{
	display:block;
	z-index:5;
	position:absolute;
	left:0;
	top:52.75%;
	margin:0 0 0 -.8125em;
	color:#000;
	font-weight:600;
	font-size:15.625em;
	line-height:.88;
	opacity:.025;
}
.cp1learn1 .deco1{
	display:block;
	z-index:0;
	position:absolute;
	left:-1000px;right:-1000px;
	top:2123px;
	width:100%;
	min-width:2000px;
	margin:auto;
}
.cp1learn1 .deco1:after{content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:220px;
	height:260px;
	background:url(../../img/lib2/02/learn1deco1.jpg) no-repeat;
}
.cp1learn1 .deco2{
	display:block;
	z-index:0;
	position:absolute;
	left:-1000px;right:-1000px;
	top:1759px;
	width:100%;
	min-width:2000px;
	margin:auto;
}
.cp1learn1 .deco2:after{content:'';
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:503px;
	height:652px;
	background:url(../../img/lib2/02/learn1deco2.png) no-repeat;
}

/*  AI러닝소개.섹션1 */
.cp1learn1s1{
	position:relative;
	margin:4.25em 0 0;
	font-size:.5em; /* ☆~767 */
	line-height:1.375;
}
.cp1learn1s1:before,
.cp1learn1s1:after{content:'';display:table;clear:both;}
.cp1learn1s1 .hg1{
	text-align:center;
}
.cp1learn1s1 .h1{
	margin:0 0 1.1875em;
	color:#000;
	font-size:3.4375em;
}
.cp1learn1s1 .cont{
	position:relative;
	height:42.5em; /* (680/16) */
}
.cp1learn1s1 .f1{
	position:relative;
	/* padding:0 0 46.575%; */ /* (680/1460) */
	height:100%;
	background:#bae0ed;
}
.cp1learn1s1 .f1p1{
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#bae0ed url(../../img/lib2/02/learn1p1.jpg) no-repeat 0 0 / cover;
}
.cp1learn1s1 .e1{
	display:flex; /* ☆ */
	justify-content:center;
	align-items:center;
	position:absolute;
	left:50%; /* (114/32) */
	top:0;
	width:6.71875em; /* (215/32) */
	height:6.71875em;
	border-radius:9999px;
	background:#fae100;
	color:#222;
	font-weight:600;
	font-size:2em;
	text-align:center;
	transform:translate(-50%, -15%); /* () ((70/215) */
}
.cp1learn1s1 .tg1{
	position:absolute;
	left:11%;
	top:32%;
	line-height:1.118;
}
.cp1learn1s1 .tg1 .t1{
	z-index:0;
	position:relative;
	color:#000;
	font-weight:600;
	font-size:5.3125em; /* (85/16) */
}
.cp1learn1s1 .tg1 .t1:before{content:''; /* ─ */
	display:block;
	z-index:-1;
	position:absolute;left:0;right:0;bottom:0;
	height:0;
	margin:.125em 0;
	border-top:.306em solid #fff; /* (26/85) */
}
.cp1learn1s1 .tg1 .t2{
	margin:1em 0;
	color:#000;
	font-size:1.6875em;
	line-height:1.5;
}

/*  AI러닝소개.섹션2 */
.cp1learn1s2{
	position:relative;
	margin:6em 0 0;
	padding:0 0 130px; /* (.cp1learn1 마진) */
	background:#f7f7f7 url(../../img/lib2/02/learn1bg1bg3.png) 50% 0;
	font-size:.625em; /* ☆~767 */
	line-height:1.375;
}
.cp1learn1s2:before,
.cp1learn1s2:after{content:'';display:table;clear:both;}
.cp1learn1s2 .hg1{
	margin:0 0 6em;
	text-align:center;
}
.cp1learn1s2 .h1{
	margin:0;
	color:#000;
	font-size:2.6875em;
}
.cp1learn1s2 .hg1 .t1{
	margin:1.25em 0;
	color:#000;
	font-size:1.3125em;
}
.cp1learn1s2 .cont{
	position:relative;
}
/* 과정목록 */
.cp1learn1s2 .lst1{
	width:100%;
	max-width:1168px;
	margin:auto;
	font-size:0;
	text-align:center;
}
.cp1learn1s2 .lst1:before,
.cp1learn1s2 .lst1:after{content:'';display:table;clear:both;}
.cp1learn1s2 .w1li1{
	display:inline-block;
	/* width:50%; */
	vertical-align:top;
}
.cp1learn1s2 .li1{
	display:inline-block;
	width:269px;
	/* height:437px; */ /* ☆ */
	margin:0 -35px 3rem 0;
}
.cp1learn1s2 .li1 .w1{
	width:100%;
	height:304px; /* ☆ */
}
.cp1learn1s2 .li1 .a1{
	display:block;
	z-index:10;
	position:relative;
	width:100%;
	height:100%;
	background:url(../../img/lib2/02/learn1book1bg1s.png) no-repeat;
}
.cp1learn1s2 .li1 .a1:hover,
.cp1learn1s2 .li1 .a1:focus{
	background-position:0 100%;
}
.cp1learn1s2 .li1 .a1 .t1{
	position:absolute;
	left:-9999px;
}
.cp1learn1s2 .li1 .a1 .p1{
	display:block;
	position:absolute;left:26px;top:12px;
	width:187px;
	height:260px;
	background:#eee url(../../img/lib2/02/learn1book1s.jpg) no-repeat;
}
/* ☆ */
.cp1learn1s2 .m1 .a1 .p1{background-position:0 0;}
.cp1learn1s2 .m2 .a1 .p1{background-position:-200px 0;}
.cp1learn1s2 .m3 .a1 .p1{background-position:-400px 0;}
.cp1learn1s2 .m4 .a1 .p1{background-position:-600px 0;}
.cp1learn1s2 .m5 .a1 .p1{background-position:-800px 0;}
.cp1learn1s2 .m6 .a1 .p1{background-position:-1000px 0;}
.cp1learn1s2 .m7 .a1 .p1{background-position:-1200px 0;}
.cp1learn1s2 .m8 .a1 .p1{background-position:-1400px 0;}
/* ☆ */
.cp1learn1s2 .li1 .a1:hover .p1,
.cp1learn1s2 .li1 .a1:focus .p1{
	position:absolute;left:22px;top:0;
	width:196px;
	height:275px;
}
.cp1learn1s2 .m1 .a1:hover .p1,
.cp1learn1s2 .m1 .a1:focus .p1{background-position:0 -280px;}
.cp1learn1s2 .m2 .a1:hover .p1,
.cp1learn1s2 .m2 .a1:focus .p1{background-position:-200px -280px;}
.cp1learn1s2 .m3 .a1:hover .p1,
.cp1learn1s2 .m3 .a1:focus .p1{background-position:-400px -280px;}
.cp1learn1s2 .m4 .a1:hover .p1,
.cp1learn1s2 .m4 .a1:focus .p1{background-position:-600px -280px;}
.cp1learn1s2 .m5 .a1:hover .p1,
.cp1learn1s2 .m5 .a1:focus .p1{background-position:-800px -280px;}
.cp1learn1s2 .m6 .a1:hover .p1,
.cp1learn1s2 .m6 .a1:focus .p1{background-position:-1000px -280px;}
.cp1learn1s2 .m7 .a1:hover .p1,
.cp1learn1s2 .m7 .a1:focus .p1{background-position:-1200px -280px;}
.cp1learn1s2 .m8 .a1:hover .p1,
.cp1learn1s2 .m8 .a1:focus .p1{background-position:-1400px -280px;}
/* 버튼 */
.cp1learn1s2 .btns{
	margin:0 -100%;
}
.cp1learn1s2 .b1{
	display:block;
	position:relative;
	width:calc(768px / 2);
	height:calc(110px / 2);
	margin:37px auto;
	background:url(../../img/lib2/02/learn1bt1more1.png) no-repeat 0 0 / 100% 200%;
	overflow:hidden;
	text-indent:-9999px;
}
.cp1learn1s2 .b1:hover,
.cp1learn1s2 .b1:focus{
	background-position:0 100%;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1learn1{
		margin:0 0 -240px;
	}
	.cp1learn1s1,
	.cp1learn1s2{
		font-size:1em;
	}
	.cp1learn1s2{
		padding:0 0 240px;
	}
	.cp1learn1s2 .b1{
		width:768px;
		height:110px;
	}
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1learn1{
		min-height:2580px;
	}
	.cp1learn1s1 .e1{
		left:3.5625em; /* (114/32) */
		transform:translate(0, -32.558%);
	}
	.cp1learn1s2{
		margin:14em 0 0;
		background:transparent;
	}
	.cp1learn1s2 .hg1{
		margin:0 0 7em;
	}
	.cp1learn1s2 .w1li1{
		width:50%;
	}
	.cp1learn1s2 .li1{
		height:437px; /* ☆ */
		margin-bottom:0;
	}
}


/*  섹션위치 20210604 */
.go1section1{
	z-index:10;
	position:absolute;
	margin:-1.125em 20px;
	/* background:#ee0; */
	white-space:nowrap;
	transform:rotate(90deg);
	transform-origin:0 100%;
}
.go1section1 ul,
.go1section1 li{
	display:inline;
	list-style:none;margin:0;padding:0;
}
.go1section1 .a1{
	display:inline-block;
	vertical-align:middle;
}
.go1section1 .a1:after{content:''; /* ─ */
	display:none;
	width:1.25em;
	height:0;
	margin:0 .5em;
	border-top:2px solid #f32c19;
	vertical-align:middle;
}
.go1section1 .ic1{content:''; /* ○ */
	display:inline-block;
	box-sizing:border-box; /* ☆ */
	width:8px;height:8px;
	margin:0 .5em;
	border:2px solid #888;
	border-radius:9999px;
	background:#fff;
	vertical-align:middle;
}
.go1section1 .t1{
	display:none;
	margin:-.25em 0 0;
	color:#333;
	font-weight:600;
	font-size:1.0625em;
	vertical-align:middle;
}
/* ☆ */
.go1section1 .on .a1:after{
	display:inline-block;
}
.go1section1 .on .ic1{
	border-color:transparent;
	background:#f32c19;
}
.go1section1 .on .t1{
	display:inline-block;
}


/* 프로필사진 20210604 */
.cp1profile1photo1{
	position:relative;
	text-align:center;
}
.cp1profile1photo1 .f1{display:block;
	position:relative;
	max-width:200px;
	margin:0 auto 1.25em;
}
.cp1profile1photo1 .f1p1{display:block;
	position:relative;
	padding:0 0 100%; /* (1/1) */
	border-radius:9999px;
	overflow:hidden;
}
.cp1profile1photo1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}


/* 그룹관리.배치 20210615 */
.cp1group1manage1{
	position:relative;
}
.cp1group1manage1 .w1{}
.cp1group1manage1 .w2{}
.cp1group1manage1 .w3{}
/* ☆ */
.cp1group1manage1 .bta1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	position:relative;
	margin:1em auto;
}
.cp1group1manage1 .bta1 .button{
	position:relative;
	width:3.125em;
	height:2.5em;
	margin:.5em;
	background:#f32c19;
	background:#357;
}
.cp1group1manage1 .bta1 .button>.ic1{display:inline-block;
	position:absolute;left:50%;top:50%;
	width:40px;height:40px;
	margin:-20px;
	background:url(../../img/lib/ic40a1c0right1.png) no-repeat center center / contain;
	vertical-align:middle;
}
.cp1group1manage1 .bta1 .button.b1>.ic1{
	transform:rotate(-90deg);
}
.cp1group1manage1 .bta1 .button.b2>.ic1{
	transform:rotate(90deg);
}
/* ☆.type2 */
.cp1group1manage1.type2{
	padding:calc(12px + 3%);
	border:1px solid #ddd;
	border-radius:6px;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1group1manage1{
		display:flex; /* ☆ */
		justify-content:space-between;
	}
	.cp1group1manage1 .w1,
	.cp1group1manage1 .w3{
		flex:auto;
	}
	.cp1group1manage1 .w2{
		flex:none;
		display:flex; /* ☆ */
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		width:8em;
		height:20em;
		margin:8em 0 0; /* 화면확인 */
	}
	.cp1group1manage1 .w2 .bta1{}
	.cp1group1manage1 .w2 .bta1 .button.b1>.ic1{
		transform:rotate(180deg);
	}
	.cp1group1manage1 .w2 .bta1 .button.b2>.ic1{
		transform:rotate(0);
	}
	/* ☆ */
	.cp1group1manage1 #cp1list1a1 .cont{
		height:56.5625em;
	}
	.cp1group1manage1 #cp1list1a1a1 .cont,
	.cp1group1manage1 #cp1list1a2 .cont,
	.cp1group1manage1 #cp1list1a2a1 .cont,
	.cp1group1manage1 #cp1list1a3 .cont{
		height:20em;
	}
}


/* 선택목록(그룹관리..) 20210607. 20210722 */
.cp1list1{
	position:relative;
}
.cp1list1 .hg1{
	position:relative;
	margin:0 0 -1px;
	padding:.75em 1.25em;
	border-radius:1em 1em 0 0;
	background:#f7f7f7;
	border:1px solid #e7e7e7;
	border-top:6px solid transparent;
	font-size:1.0625em;
}
.cp1list1 .hg1:before{content:'';
	display:block;
	position:absolute;left:0;right:0;top:0;
	height:.5em;
	margin:-6px -1px;
	border-radius:1em 1em 0 0;
	border-top:4px solid #fae100;
}
.cp1list1 .h1{
	color:#069;
}
.cp1list1 .cont{
	height:12em;
	padding:.75em;
	border:1px solid #e7e7e7;
	/* border-radius:6px; */
	background:#fff;
	overflow:hidden;
	overflow-y:auto;
}
.cp1list1 .item{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	align-content:center;
	position:relative;
}
.cp1list1 .a1{
	display:block;
	margin:0 0 2px;
	padding:.25em .5em;
	border-radius:4px;
	color:inherit;
	cursor:default;
}
.cp1list1 .a1:hover,
.cp1list1 .a1:focus{
	color:#000;
}
.cp1list1 .item.on{
	background:#fed;
	color:#000;
}
/* 버튼 */
.cp1list1 .item .btns{
	margin:0 .5em;
	font-size:.875em;
}
.cp1list1 .item .b1{
	margin:0 .375em;
	border-bottom:1px solid rgba(0,0,0, .4);
	color:rgba(0,0,0, .6);
}
.cp1list1 .item .b1:hover,
.cp1list1 .item .b1:focus{
	border-bottom:1px solid rgba(0,0,0, 1);
	color:rgba(0,0,0, 1);
}


/* 알림(레이어팝업내용) 20210607 */
.cp1notice1{
	position:relative;
	margin:-1em 0 0;
	text-align:center;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1notice1 .ic1[class]{
	width:60px;
	height:60px;
}
.cp1notice1 .tg1{
	margin:1em 0;
}
.cp1notice1 .btns .button{
	margin-left:.25em;
	margin-right:.25em;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1notice1 .ic1[class]{
		width:120px;
		height:120px;
	}
	.cp1notice1 .tg1{
		font-size:1.125em;
	}
}


/* 정의목록(신청 과정 리스트) 20210607. 20210914 */
.cp1dlist1{
	position:relative;
	margin:0 0 1.5em;
	padding:3%;
	border:2px solid #ddd;
	border-radius:6px;
	text-align:center;
}
.cp1dlist1 .dl1{
	list-style:none;margin:0;padding:0;
	display:flex; /* ☆ */
	flex-wrap:wrap;
	align-items:center;
	position:relative;
}
.cp1dlist1 .di1{
	position:relative;
	width:25%;
	margin:2px 0;
	padding:10px 0;
	border-radius:6px;
}
.cp1dlist1 .dt1{
	display:block;
	color:#f32c19;
	font-weight:600;
}
.cp1dlist1 .dd1{
	display:block;
	color:#666;
	font-weight:400;
	font-size:1.5em;
}
/* 활성 */
.cp1dlist1[class] .di1.on{
	z-index:10;
	margin-left:-1px;
	margin-right:-1px;
	background:#fae100;
}
.cp1dlist1[class] .di1.on:before{
	display:none;
}
.cp1dlist1[class] .di1.on .dd1{
	color:#630;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1dlist1 .dl1{
		flex-wrap:nowrap;
	}
	.cp1dlist1 .di1{
		width:14.286%; /* (100/7) */
	}
	.cp1dlist1 .di1~.di1:before{content:''; /*│*/
		display:block;
		position:absolute;left:0;top:0;bottom:0;
		width:0;
		margin:1em 0;
		border-left:1px solid rgba(0,0,0, .1);
	}
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1dlist1 .dl1{
		font-size:1.25em;
	}
}


/* 정의목록(과정상세정보) 20210607 */
.cp1dlist2{
	position:relative;
	margin:0 0 1.5em;
	padding:3% calc(12px + 3%);
	border:2px solid #ddd;
	text-align:left;
}
.cp1dlist2 .dl1{
	list-style:none;margin:0;padding:0;
	display:flex; /* ☆ */
	flex-wrap:wrap;
	align-items:center;
	position:relative;
}
.cp1dlist2 .di1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	align-items:center;
	position:relative;
	width:100%;
	margin:6px 0;
}
.cp1dlist2 .dt1{
	display:block;
	width:6em;
	color:#666;
	font-weight:400;
}
.cp1dlist2 .dd1{
	display:block;
	color:#333;
	font-weight:600;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1dlist2{
		padding:3%;
		text-align:center;
	}
	.cp1dlist2 .dl1{
		flex-wrap:nowrap;
	}
	.cp1dlist2 .di1{
		flex:1 1 auto;
		display:block;
		width:auto;
	}
	.cp1dlist2 .di1~.di1:before{content:''; /*│*/
		display:block;
		position:absolute;left:0;top:0;bottom:0;
		width:0;
		margin:1em 0;
		border-left:1px solid rgba(0,0,0, .1);
	}
	.cp1dlist2 .dt1{
		width:auto;
	}
	.cp1dlist2 .dd1{
		font-size:1.125em;
	}
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1dlist2 .dl1{
		font-size:1.25em;
	}
}


/* 그래프그룹 (과정상세정보..) 20210608 */
.cp1gg1{
	position:relative;
}
.cp1gg1 .t1{
	display:block;
	font-size:.9375em;
}
.cp1gg1 .g1{
	display:block;
	height:.375em;
	margin:.25em 0;
	border:1px solid #eee;
	border-radius:9999px;
	background:#fff;
	overflow:hidden;
}
.cp1gg1 .g1b1{display:block;
	height:100%;
	background:#29e;
}


/* 탭3패널콘텐츠.활성반전 20210609 */
.cp1tabs3{z-index:0;position:relative;
	margin:1.375em 0;
	border:1px solid #ddd;
	background:url(../../img/inc/b1c1o10p1.png);
	line-height:1.375;
}
.cp1tabs3[class] ul{ /* .even-grid.collapse 보다 높은 우선순위 */
	list-style:none;
	margin:0 -1px -1px 0;
	padding:0;
	font-size:0; /* ☆ */
}
.cp1tabs3 ul:before,
.cp1tabs3 ul:after{content:'';display:table;clear:both;}
.cp1tabs3 li{display:inline-block;
	position:relative;
	padding:0;
	vertical-align:top;
}
.cp1tabs3 li a{display:block;
	height:1.375em;
	margin:-1px 0 0 -1px;
	padding:18px .75em;
	border:1px solid #ddd;
	background:#f7f7f7;
	color:#000;
	font-weight:400;
	font-size:16px;
	text-decoration:none !important;
	text-align:center;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1tabs3 li a:hover,
.cp1tabs3 li a:focus{position:relative;
	z-index:20;
	border:1px solid #000;
}
.cp1tabs3 li.on a{position:relative;
	z-index:10;
	border-color:transparent;
	background:#222;
	color:#fff;
	font-weight:400;
	cursor:default;
}
.cp1tabs3 li.on a:hover,
.cp1tabs3 li.on a:focus{}
/* 패널콘텐츠 */
.cp1tabs3cont{margin:40px 0;}
.cp1tabs3pane{}


/* 장바구니(강의교재신청) 20210609 (안씀.20210811~) */
.cp1cart1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	margin:1em 0;
	padding:1em 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	line-height:1.375;
}
.cp1cart1>.column{
	flex:auto;
	box-sizing:border-box; /* ☆ */
	min-width:0;
	padding:0 .75em;
}
.cp1cart1>.w1{
	flex:none;
	width:2em;
	padding:0;
}
.cp1cart1>.w2{
	width:calc(100% - 2em);
}
.cp1cart1>.w3{
	flex:none;
	min-width:8em;
	text-align:right;
}
.cp1cart1>.w4{
	flex:none;
	min-width:5em;
	text-align:center;
}
.cp1cart1>.w5{
	flex:none;
	min-width:7em;
	text-align:right;
}
.cp1cart1>.w6{
	flex:none;
	width:100%;
	text-align:right;
}
.cp1cart1 .w2w1{
	display:flex; /* ☆ */
	align-items:center;
	margin:0 0 1em;
}
/* ☆ */
.cp1cart1 .f1{
	flex:none;
	display:inline-block;
	position:relative;
	width:56px;
	margin:0 1em 0 0;
	border:1px solid #ddd;
	overflow:hidden;
	vertical-align:middle;
}
.cp1cart1 .f1p1{display:block;
	position:relative;
	padding:0 0 143.367%;
	background:#eee;
	overflow:hidden;
}
.cp1cart1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
.cp1cart1 .t1{
	display:inline-block;
	font-size:1.125em;
}
.cp1cart1 .t2{
	margin:0 0 .25em;
	font-size:.8125em;
}
.cp1cart1 .t3{
	color:#29e;
	font-size:.9375em;
}
.cp1cart1 .t4{
	color:#f32c19;
	font-weight:600;
	font-size:1.125em;
}
.cp1cart1 .select1{
	display:block;
	height:auto;
	margin:auto;
	padding-top:.25em;
	padding-bottom:.25em;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1cart1{
		flex-wrap:nowrap;
	}
	.cp1cart1>.column~.column{
		width:auto;
	}
	.cp1cart1 .w2w1:last-child{
		margin-bottom:0;
	}
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1cart1{
		padding-left:4%;
		padding-right:4%;
	}
}


/* 장바구니(교재신청) 20210609 */
.cp1cart2{
	margin:0 0 2em;
}
.cp1cart2 .item{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	margin:-1px 0 0;
	padding:1em 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	line-height:1.375;
}
.cp1cart2 .item>.column{
	flex:auto;
	box-sizing:border-box; /* ☆ */
	min-width:0;
	padding:0 .75em;
}
.cp1cart2 .item>.w1{
	flex:none;
	width:2.25em;
	padding-right:0;
}
.cp1cart2 .item>.w2{
	width:calc(100% - 2.25em);
}
.cp1cart2 .item>.w3{
	flex:none;
	min-width:8em;
	text-align:right;
}
.cp1cart2 .item>.w4{
	flex:none;
	min-width:5em;
	text-align:center;
}
.cp1cart2 .item>.w5{
	flex:none;
	min-width:7em;
	text-align:right;
}
.cp1cart2 .item>.w6{
	flex:none;
	width:100%;
	text-align:right;
}
.cp1cart2 .item .w2w1{
	display:flex; /* ☆ */
	align-items:center;
}
/* ☆ */
.cp1cart2 .t1{
	display:inline-block;
	font-size:1.125em;
}
.cp1cart2 .t2{
	margin:0 0 .25em;
	font-size:.8125em;
}
.cp1cart2 .t3{
	color:#29e;
	font-size:.9375em;
}
.cp1cart2 .t4{
	color:#f32c19;
	font-weight:600;
	font-size:1.125em;
}
.cp1cart2 .select1{
	display:block;
	height:auto;
	margin:auto;
	padding-top:.25em;
	padding-bottom:.25em;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1cart2 .item{
		flex-wrap:nowrap;
	}
	.cp1cart2 .item>.column~.column{
		width:auto;
	}
	.cp1cart2 .item .w2w1:last-child{
		margin-bottom:0;
	}
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1cart2 .item{
		padding-left:4%;
		padding-right:4%;
	}
}


/* 가격(강의교재신청) 20210811 */
.cp1price1{
	margin:2em 0;
	padding:1em 4%;
	border:4px solid #d4d8dd;
	background:#fcfdfe;
	line-height:1.375;
}
.cp1price1 .wrap1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-end;
}
.cp1price1 .wrap1>.column{
	flex:auto;
	box-sizing:border-box; /* ☆ */
	min-width:0;
	padding:.75em;
	text-align:center;
}
/* ☆ */
.cp1price1 .wrap1 .t1{
	display:block;
	margin:0 0 .5em;
	font-size:1em;
}
.cp1price1 .wrap1 .t2{
	display:block;
	color:#000;
	font-weight:600;
	font-size:1.375em;
}


/* 게시판(공지사항) 20210610 */
.cp1bbs2{
	position:relative;
	line-height:1.5;
	border-top:2px solid #678;
	overflow:hidden;
}
.cp1bbs2 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1bbs2 .li1{}
.cp1bbs2 .w1{}
.cp1bbs2 .a1{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	margin:-1px 0 0;
	padding:1em 1.375em;
	border:1px solid #ddd;
	color:inherit;
}
.cp1bbs2 .t1{
	flex:auto;
	color:#444;
	font-size:1.125em;
}
.cp1bbs2 .t2{
	flex:none;
	width:4em;
	color:#888;
	font-size:.75em;
	text-align:right;
}
.cp1bbs2 .a1:hover,
.cp1bbs2 .a1:focus{
	background:#fcfcfc;
}
.cp1bbs2 .a1:hover .t1,
.cp1bbs2 .a1:focus .t1{
	color:#000;
}


/* 상세뷰1 20210723 */
.cp1bbs2view1{
	clear:both;
	position:relative;
	border-bottom:1px solid #ddd;
}
.cp1bbs2view1 .hg1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-end;
	position:relative;
	padding:calc(.375em + 1em) 0;
	overflow:hidden;
}
.cp1bbs2view1 .hg1:before{content:'';display:block;
	position:absolute;left:0;right:0;top:0;
	height:.375em;
	background:url(../../img/lib/b1c1o20p1.png);
}
.cp1bbs2view1 .hg1:after{content:'';display:block;
	position:absolute;left:0;right:0;bottom:0;
	height:.375em;
	background:url(../../img/lib/b1c1o20p1.png);
}
.cp1bbs2view1 .hg1 .h1{
	margin:0 .25em 0 0;
	color:#333;
	font-weight:600;
	font-size:1.375em;
	line-height:1.375;
}
.cp1bbs2view1 .hg1 .t1{
	color:#888;
	font-weight:300;
	font-size:.875em;
}
.cp1bbs2view1 .category{
	display:block;
	position:relative;
	color:#333;
	font-size:1em;
}
/* 본문일반 */
.cp1bbs2view1 .substance{
	padding:2em 0;
}


/* 댓글 20210610 */
.cp1comment1{
	position:relative;
	padding:4%;
	margin:2em auto;
	background:#fcfcfc;
	line-height:1.375;
}
/* 작성 */
.cp1comment1write1{
	position:relative;
}
.cp1comment1write1 fieldset{
	margin:0;
}
.cp1comment1write1 .textarea{
	background:#fff;
}
/* 목록 */
.cp1comment1list1{
	position:relative;
}
.cp1comment1list1 .note{
	color:#666;
}
.cp1comment1list1 .lst1{
	list-style:none;margin:0;padding:0;
	border-top:1px dotted #ddd;
}
.cp1comment1list1 .li1{
	display:flex; /* ☆ */
	padding:1.125em 0;
	border-bottom:1px dotted #ddd;
	overflow:hidden;
}
.cp1comment1list1 .li1 .f1{
	flex:none;
	position:relative;
	width:30px;
	height:30px;
	margin:0 1em 0 0;
	border-radius:9999px;
	background:#fff;
	overflow:hidden;
}
.cp1comment1list1 .li1 .f1p1{display:block;
	display:flex; /* ☆ */
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1comment1list1 .li1 .f1 img{
	min-width:100%;
	min-height:100%;
	object-fit:cover;
}
.cp1comment1list1 .li1 .tg1{
	flex:auto;
}
.cp1comment1list1 .li1 .tg1 .t1{
	display:inline-block;
	margin:0 .5em 0 0;
	color:#000;
	font-weight:600;
	font-size:.875em;
	vertical-align:middle;
}
.cp1comment1list1 .li1 .tg1 .t2{
	display:inline-block;
	color:#767676;
	font-size:.75em;
	letter-spacing:0;
	vertical-align:middle;
}
.cp1comment1list1 .li1 .tg1 .t2ic1{
	display:inline-block;
	width:20px;height:20px;
	background:url(../../img/lib/sns1comment1s.png) no-repeat -100px -50px;
	vertical-align:middle;
}
.cp1comment1list1 .li1 .tg1 .t2t1{
	vertical-align:middle;
}
.cp1comment1list1 .li1 .tg1 .t3{
	display:block;
	margin:.5em 0 0;
	color:#666;
	font-size:.875em;
	line-height:1.5;
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1comment1write1{
		padding-right:100px;
	}
	.cp1comment1write1 .textarea{
		float:left;
		height:70px;
		margin:0;
	}
	.cp1comment1write1 .submit{
		float:right;
		width:90px;
		height:70px;
		margin:0 -100px 0 0;
	}
}


/* 질문답변.아코디언(FAQ). 20210610 */
.cp1qna1{
	position:relative;
	margin:2em 0;
	border-top:2px solid #678;
}
.cp1qna1 .dl1{
	list-style:none;margin:0;padding:0;
}
.cp1qna1 .di1{
	border-bottom:1px solid #ddd;
}
.cp1qna1 .dt1{
	display:block;
	padding:1.25em 1em 1.25em 2.5em;
	background:url(../../img/lib2/ic64a1c1q1.png) no-repeat 0 1.125em / 2em;
	color:inherit;
}
.cp1qna1 .dt1:hover,
.cp1qna1 .dt1:focus{
	opacity:.8;
}
.cp1qna1 .dd1{
	display:none;
	padding:1.5em 1em 1.5em 3.75em;
	border-top:1px solid #eee;
	background:#f7f7f7 url(../../img/lib2/ic64a1c1a1.png) no-repeat 1em 1.25em / 2em;
}


/*  AI러닝.맛보기. 20210615 */
.cp1learn2{
	z-index:0;
	position:relative;
	padding:0 0 130px;
	margin:0 0 -130px; /* ☆ */
	background:#f7f7f7;
	line-height:1.375;
	word-wrap:break-word;
	word-break:keep-all;
	overflow:hidden; /* ☆ */
}
.cp1learn2 .bg{
	display:block;
	z-index:0;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:url(../../img/lib2/02/learn2bg1.jpg) no-repeat 50% 0;
}
.cp1learn2:before{content:'';
	display:block;
	z-index:-1;
	position:absolute;left:0;right:50%;top:0;bottom:0;
	background:url(../../img/lib2/02/learn2bg1bg1.png) repeat-x;
}
.cp1learn2:after{content:'';
	display:block;
	z-index:-1;
	position:absolute;left:50%;right:0;top:0;bottom:0;
	background:url(../../img/lib2/02/learn2bg1bg2.png) repeat-x;
}
.cp1learn2 .deco0{
	display:block;
	z-index:5;
	position:absolute;
	left:0;
	top:43%;
	margin:0 0 0 -.375em;
	color:#000;
	font-weight:600;
	font-size:11.875em;
	line-height:.86;
	opacity:.025;
}
.cp1learn2 .deco1{
	display:block;
	z-index:10;
	position:absolute;
	left:-1000px;right:-1000px;
	top:1100px;
	width:100%;
	min-width:2000px;
	margin:auto;
}
.cp1learn2 .deco1:after{content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:231px;
	height:210px;
	background:url(../../img/lib2/02/learn2deco1.png) no-repeat;
}
.cp1learn2 .deco2{
	display:block;
	z-index:10;
	position:absolute;
	left:-1000px;right:-1000px;
	top:1144px;
	width:100%;
	min-width:2000px;
	margin:auto;
}
.cp1learn2 .deco2:after{content:'';
	display:block;
	position:absolute;
	right:140px;
	top:0;
	width:95px;
	height:110px;
	background:url(../../img/lib2/02/learn2deco2.png) no-repeat;
}
.cp1learn2 .deco3{
	display:block;
	z-index:10;
	position:absolute;
	left:-1000px;right:-1000px;
	top:994px;
	width:100%;
	min-width:2000px;
	margin:auto;
}
.cp1learn2 .deco3:after{content:'';
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:129px;
	height:258px;
	background:url(../../img/lib2/02/learn2deco3.png) no-repeat;
}

/*  AI러닝.맛보기.섹션1(제목.뷰) 20210815 */
.cp1learn2s1{
	z-index:10;
	position:relative;
	padding:0 0 77px;
	font-size:.75em; /* ☆~767 */
	line-height:1.375;
}
.cp1learn2s1:before{content:'';display:table;clear:both;}
.cp1learn2s1:after{content:'';display:block;
	position:absolute;left:0;right:0;bottom:0;
	height:77px;
	padding:0 0 25%;
	background:#f7f7f7;
}
.cp1learn2s1 .hg1{
	margin:1.6% auto 0;
	position:relative;
	text-align:center;
}
.cp1learn2s1 .btns{
	margin:.5em 0;
	text-align:left;
}
.cp1learn2s1 .h1{
	display:inline-block;
	z-index:0;
	position:relative;
	margin:0 0 .1875em;
	color:#000;
	font-size:3.4375em;
	letter-spacing:0;
}
.cp1learn2s1 .h1:before{content:''; /* 강조효과 */
	display:block;
	z-index:-1;
	position:absolute;left:0;top:0;
	width:.643em;
	height:.643em;
	margin:.0625em -.3125em;
	border-radius:9999px;
	background:#fae100;
}
.cp1learn2s1 .hg1 .g1{
	display:block;
	width:4em;
	margin:auto;
	padding:.375em 1em;
	border-radius:9999px;
	background:#333;
	color:#fff;
	font-weight:400;
}
.cp1learn2s1 .hg1>.t1{
	margin:1em 0;
	color:#333;
	font-size:1.375em;
	line-height:1.5;
}
/* ☆ */
.cp1learn2s1 .cont{
	z-index:10;
	position:relative;
	margin:3em auto 0;
}
.cp1learn2s1 .f1{
	position:relative;
	padding:0 0 56.25%; /* (9/16) */
	background:#555;
}
.cp1learn2s1 .f1p1{
	position:absolute;left:0;right:0;top:0;bottom:0;
}
.cp1learn2s1 .f1 .ic1{
	display:block;
	position:absolute;left:50%;top:50%;
	width:13.28%; /* (166/1250) */
	padding:0 0 10.88%; /* (136/1250) */
	background:url(../../img/lib2/02/learn2play1.png) no-repeat center center / contain;
	transform:translate(-50%, -50%);
}

/*  AI러닝.맛보기.섹션2(선반.목록) 20210815 */
.cp1learn2s2{
	position:relative;
	min-height:188px;
	background:#f7f7f7 url(../../img/lib2/02/learn2shelf1.png) 50% 100%;
	font-size:.625em; /* ☆~767 */
	line-height:1.375;
}
.cp1learn2s2:before,
.cp1learn2s2:after{content:'';display:table;clear:both;}
.cp1learn2s2 .hg1{
	margin:0 0 6em;
	text-align:center;
}
.cp1learn2s2 .cont{
	position:relative;
}
/* 레벨목록 */
.cp1learn2s2 .ul1{
	display:block;
	z-index:10;
	position:relative;
	list-style:none;
	margin:auto;
	padding:0;
	font-size:0;
	text-align:center;
}
.cp1learn2s2 .li1{
	display:inline-flex;
	position:relative;
	width:208px;
	height:263px;
	margin:0 0 104px;
	background:url(../../img/lib2/02/learn2book1bg1.png) no-repeat 50% 100%;
	font-size:16px;
}
.cp1learn2s2 .w1{
	display:flex; /* ☆ */
	position:relative;
	width:178px;
	height:253px;
	margin:0 auto;
}
.cp1learn2s2 .a1{
	flex:auto;
	display:flex; /* ☆ */
	z-index:10;
	position:relative;
	/* border:1px solid #ddd; */
	border-radius:1em;
	color:inherit;
	overflow:hidden;
}
.cp1learn2s2 .f1{display:block;
	position:relative;
	width:100%;
	margin:auto;
	padding:0 0 142.378%;
	background:#eee;
	text-align:center;
	overflow:hidden;
}
.cp1learn2s2 .f1p1{display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1learn2s2 .f1 img{display:block;
	position:absolute;left:0;top:0;
	width:100%;
	height:auto;
	margin:auto;
	/* transform:translateY(-50%); */
}
.cp1learn2s2 .tt1{
	position:absolute;
	left:-9999px;
}
/* 오버레이 */
.cp1learn2s2 .og1{
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	visibility:hidden;
	position:absolute;left:0;right:0;top:0;bottom:0;
	border-radius:1em;
	padding:1.25em;
	background:rgba(0,0,0, .8);
	color:#fff;
	text-align:center;
	opacity:0;
	transition:.2s;
}
.cp1learn2s2 .og1 .t1{
	font-size:1.375em;
}
.cp1learn2s2 .og1 .ic1{
	display:block;
	position:absolute;left:50%;top:50%;
	width:58px;
	height:58px;
	margin:-29px;
	border-radius:9999px;
	background:#c02525;
}
.cp1learn2s2 .og1 .ic1:before{content:''; /* ▷ */
	display:block;
	position:absolute;left:50%;top:50%;
	width:0;height:0;
	margin:-11px -8px;
	border:0 solid transparent;
	border-width:11px 0 11px 20px;
	border-left-color:#fff;
}
/* ☆ */
.cp1learn2s2 .a1:hover .og1,
.cp1learn2s2 .a1:focus .og1{
	visibility:visible;
	opacity:1;
}

/* ◇◆ */
@media all and (min-width:768px){
	.cp1learn2{
		padding:0 0 240px;
		margin:0 0 -240px; /* ☆ */
	}
	.cp1learn2s1,
	.cp1learn2s2{
		font-size:1em;
	}
	.cp1learn2s1 .btns{
		position:absolute;left:0;top:0;
	}
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1learn2s1:after{
		display:none;
	}
	.cp1learn2s2 .ul1{
		text-align:left;
	}
}


/*  AI러닝.맛보기. 20210614 */
.cp1review1{
	z-index:0;
	position:relative;
	padding:0 0 130px;
	margin:0 0 -130px; /* ☆ */
	background:#f7f7f7;
	line-height:1.5;
	word-wrap:break-word;
	word-break:keep-all;
	overflow:hidden; /* ☆ */
}
.cp1review1 .hg1{
	position:relative;
	padding:0 0 50%; /* ((500/2000) */
	background:url(../../img/lib2/03/review1p1.jpg) no-repeat 50% 50% / cover;
}
.cp1review1 .hg1 .h1{
	display:flex; /* ☆ */
	align-items:center;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:0;
}
.cp1review1 .hg1 .h1 img{
	margin:auto;
	transform:translateY(10%);
}
.cp1review1 .lst1{
	margin:3% 0 0;
}
.cp1review1 .li1{
	margin:0 0 2%;
	padding:calc(12px + 4.2%) 0;
	border-bottom:1px solid #e7e7e7;
}
.cp1review1 .w1{}
.cp1review1 .w2{}
/* ☆ */
.cp1review1 .f1{display:block;
	position:relative;
	margin:0 0 1em;
	padding:0 0 101%; /* (505/500) */
	border-radius:7px;
	background:#fff url(../../img/lib2/03/review1f1bg1.png) no-repeat 0 0 / cover;
	text-align:center;
	overflow:hidden;
	box-shadow:0 10px 14px 10px rgba(0, 0, 0, .06);
}
.cp1review1 .f1p1{
	display:flex; /* ☆ */
	align-items:center;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1review1 .f1p1p1{display:block;
	position:relative;
	width:100%;
	margin:auto;
	padding:0 0 62%; /* (380/500) */
	overflow:hidden;
}
.cp1review1 .f1 img{display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
.cp1review1 .f1 video {display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;margin:auto;}
/* ☆ */
.cp1review1 .ttg1:before{content:'';
	display:block;
	width:37px;height:41px;
	margin:0 0 .25em;
	background:url(../../img/lib2/03/review1deco1.png) no-repeat center center / contain;
	vertical-align:middle;
}
.cp1review1 .tt1{
	display:block;
	color:#444;
	font-size:1.5em;
}
.cp1review1 .tt2{
	display:block;
	color:#222;
	font-size:2.125em;
}
.cp1review1 .tg1{}
.cp1review1 .tg1 .t1{
	display:flex; /* ☆ */
	margin:0 0 1em;
	color:#222;
	font-size:1.25em;
}
.cp1review1 .tg1 .t1t1{
	flex:none;
	margin:0 .25em 0 0;
}
.cp1review1 .tg1 .t1t2{}
.cp1review1 .tg1 .t2{
	display:flex; /* ☆ */
	margin:0 0 2em;
	color:#666;
	font-size:1.0625em;
}
.cp1review1 .tg1 .t2t1{
	flex:none;
	margin:0 .25em 0 0;
}
.cp1review1 .tg1 .t2t2{
}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1review1{
		padding:0 0 240px;
		margin:0 0 -240px; /* ☆ */
	}
	.cp1review1 .ttg1:before{
		width:73px;height:81px;
	}
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1review1 .li1{
		display:flex; /* ☆ */
	}
	.cp1review1 .w1{
		flex:none;
		width:40%;
		margin:0 7.2% 0 0;
	}
	.cp1review1 .w2{
		width:52.8%; /* [IE11]fix) */
	}
}
/* ◇◆ */
@media all and (min-width:1260px){
	.cp1review1 .hg1{
		padding:0 0 500px;
	}
}


/* 학습영역별설명(월간리포트) 20210827 */
.cp1dlist3{
	position:relative;
	margin:1.25em 0;
	line-height:1.375;
}
.cp1dlist3 .note{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:flex-end;
	margin:.5em 0;
}
.cp1dlist3 .note .t1{
	display:inline-block;
	padding:.375em .75em;
}
.cp1dlist3 .dl1{
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #ddd;
}
.cp1dlist3 .di1{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	align-items:center;
	padding:.75em 0;
	border-top:1px solid #ddd;
}
.cp1dlist3 .dt1{
	flex:none;
	box-sizing:border-box; /* ☆ */
	width:50%;
	min-width:5em;
	padding:.25em 1.5em;
}
.cp1dlist3 .dd1{
	flex:auto;
	box-sizing:border-box; /* ☆ */
	padding:.25em .75em;
}
.cp1dlist3 .dd1 .t1{
	display:inline-block;
	padding:.375em .75em;
	font-size:.875em;
}
/* ◇◆ */
@media all and (min-width:768px), print{ /* print */
	.cp1dlist3 .di1{
		flex-wrap:nowrap;
		padding:0;
		font-size:1.125em;
	}
	.cp1dlist3 .dt1{
		width:8em;
		border-right:1px solid #eee;
		text-align:center;
	}
	.cp1dlist3 .dd1{
		padding:.5em .75em;
	}
	.cp1dlist3 .dd1 .t1{
		font-size:1em;
	}
}
/* ◇◆ */
html.IE11 .cp1dlist3 .di1{
	display:block;
}
html.IE11 .cp1dlist3 .dt1{
	display:inline-block;
	vertical-align:middle;
}
html.IE11 .cp1dlist3 .dd1{
	display:inline-block;
	width:calc(100% - 5.5em - 8em - 1em);
	vertical-align:middle;
}



/* 캐릭터.로봇(월간리포트) 20210723 */
.cp1character1{
	position:relative;
	width:80%;
	max-width:280px;
	margin:-8% auto; /* (화면확인) */
}
.cp1character1 .p1a1{ /* 모션 */
	position:relative;
	padding:0 0 120.255%; /* (620/516) */
}
.cp1character1.say .p1a1{ /* 말하는거 */
	background:url(../../img/lib2/c1a4p1a1@2x.png) no-repeat;
	background-size:700% 100%;
}
.cp1character1.say.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}


/* 캐릭터.선생(월간리포트) 20210827 */
.cp1character2{
	position:relative;
	width:100%;
	max-width:280px;
	margin:8% auto -8%; /* (화면확인) */
	transform:translateX(8%);
}
.cp1character2 .p1a1{ /* 모션 */
	position:relative;
	padding:0 0 94.912%; /* (858/904) */
}
.cp1character2.say .p1a1{ /* 말하는거 */
	background:url(../../img/lib2/c2a1p1a1@2x.png) no-repeat;
	background-size:700% 100%;
	transform:rotateY(180deg);
}
.cp1character2.say.on .p1a1{
	animation: kfw1s1 1s steps(6) infinite alternate;
}


/* 텍스트박스(월간리포트) 20210723 */
.cp1textbox1{
	position:relative;
	padding:calc(1.375em + 1%);
	background:#f7f7f7;
	font-size:1.125em;
}


/* 탭1패널콘텐츠.활성반전 20210928 */
.cp1tabs4{
	z-index:0;
	position:relative;
	margin:1.375em 0;
	line-height:1.375;
}
.cp1tabs4[class] ul{
	display:flex; /* ☆ */
	list-style:none;margin:0;padding:0;
}
.cp1tabs4 li{
	margin:0 .5em 0 0;
}
.cp1tabs4 li a{display:block;
	padding:.9375em 1.25em;
	border:1px solid #ccc;
	border-radius:6px;
	background:#eee;
	color:#666;
	font-weight:400;
	font-size:1.125rem;
	text-decoration:none !important;
	text-align:center;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1tabs4 li a:hover,
.cp1tabs4 li a:focus{position:relative;
	z-index:20;
	background-color:#fff;
}
.cp1tabs4 li.on a{z-index:10;
	position:relative;
	border-color:transparent;
	background-color:#fae100;
	color:#000;
	font-weight:600;
	cursor:default;
}
/* 패널콘텐츠 */
.cp1tabs4cont{margin:1.375em 0;}
.cp1tabs4pane{}


/* 팬시카드 (진행중인 Lesson 현황) 20210818 */
.cp1card5{
	z-index:0;
	position:relative;
	margin:2.5em 0;
}
.cp1card5 .wrap1{
	margin:auto;
	text-align:center;
	font-size:0; /* ☆ */
}
.cp1card5 .ul1{
	display:inline-block;
	list-style:none;
	margin:0 -5px;
	padding:0;
}
.cp1card5 .li1{
	display:inline-flex;
	position:relative;
	width:140px;
	height:60px;
	margin:0 5px 10px;
	font-size:16px;
}
.cp1card5 .w1{
	flex:auto;
	display:flex; /* ☆ */
	position:relative;
}
.cp1card5 .a1{
	flex:auto;
	display:flex; /* ☆ */
	align-items:center;
	z-index:10;
	position:relative;
	border:1px solid #ddd;
	border-radius:6px;
	color:inherit;
}
.cp1card5 .tt1{
	margin:auto;
	transition:.2s;
}
.cp1card5 .tt1t1{
	font-weight:600;
	font-size:1.25em;
}
.cp1card5 .tt1t2{
	position:absolute;
	left:-9999px;
}
/* 오버레이 */
.cp1card5 .og1{
	visibility:hidden;
	position:absolute;left:0;right:0;top:0;bottom:0;
	border-radius:6px;
	opacity:0;
	transition:.2s;
}
/* 오버레이 활성 */
.cp1card5 .li1.on .a1{
	border-color:transparent;
	background:#000;
	color:#fff;
}
.cp1card5 .li1.on .og1{
	visibility:visible;
	opacity:1;
}
/* 잠김 오버레이 */
.cp1card5 .og2{
	display:block;
	z-index:20;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .5);
	border-radius:6px;
}
.cp1card5 .og2 .ic1{
	display:block;
	position:absolute;left:50%;top:50%;
	width:30px;height:30px;
	margin:-15px;
	border-radius:9999px;
	background:#f32c19 url(../../img/lib2/ic100a1c0lock1.png) no-repeat center center / 20px;
}
/* ◇◆ */
@media all and (min-width:1376px){
	.cp1card5 .ul1{
		text-align:left;
	}
}


/* 본문메뉴1.드롭다운..(진행중인 Lesson 현황) 20210928 */
.cp1cnb1{display:block;
	z-index:0;
	position:relative;
	margin:0 auto 1.375em;
	padding:0;
	font-size:16px;
	line-height:1.375;
	overflow:hidden;
}
.cp1cnb1 ul{
	position:relative;
	list-style:none;
	margin:0 -10px -10px 0;
	padding:1px;
	border:0;
}
.cp1cnb1 ul:before,
.cp1cnb1 ul:after{content:'';display:table;clear:both;}
.cp1cnb1 li{
	position:relative;
	margin:0;padding:0;
}
.cp1cnb1 [class*='col-'] li{width:100%;} /* ☆ 자동균등폭 .mj-menu-even-width 에 영향 받지 않도록 */
.cp1cnb1 li a{display:block;
	position:relative;
	min-height:1.375em;
	margin:0 10px 10px 0;
	padding:.875em 10px;
	border:1px solid #888;
	border-radius:6px;
	background:#fff;
	color:#555;
	font-weight:600;
	font-size:.875em;
	text-align:center;
}
.cp1cnb1 li a:hover,
.cp1cnb1 li a:focus{
	z-index:10;
	border-color:#000;
	color:#000;
	text-decoration:none;
}
.cp1cnb1 li.on a{
	z-index:5;
	border-color:transparent;
	background-color:#000;
	color:#fff;
	cursor:default;
}
/* 잠김 오버레이 */
.cp1cnb1 .og2{
	display:block;
	z-index:20;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:0 10px 10px 0;
	border-radius:6px;
	background:rgba(0,0,0, .5);
}
.cp1cnb1 .og2 .ic1{
	display:block;
	position:absolute;left:50%;top:50%;
	width:30px;height:30px;
	margin:-15px;
	border-radius:9999px;
	background:#f32c19 url(../../img/lib2/ic100a1c0lock1.png) no-repeat center center / 20px;
}
/* ☆(100/(column1~12))% */
[class*='cnb'] .col-1 > li{width:100%;text-align:left;}
[class*='cnb'] .col-2 > li{width:50%;}
[class*='cnb'] .col-3 > li{width:33.33333%;}
[class*='cnb'] .col-4 > li{width:25%;}
[class*='cnb'] .col-5 > li{width:20%;}
[class*='cnb'] .col-6 > li{width:16.66666%;}
[class*='cnb'] .col-7 > li{width:14.28571%;}
[class*='cnb'] .col-8 > li{width:12.5%;}
[class*='cnb'] .col-9 > li{width:11.11111%;}
[class*='cnb'] .col-10 > li{width:10%;}
[class*='cnb'] .col-11 > li{width:9.09091%;}
[class*='cnb'] .col-12 > li{width:8.33333%;}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1cnb1 li a{display:block;
		font-size:1.25em;
	}
}



/* ◇◆ .cp2~ (학습프레임에서 가져와서 맞춤) ◇◆*/


/* 최종학습결과 20210812 )) 20210930 */
.cp2result1{
	position:relative;
	margin:2em 0 3em;
	padding:4em 0;
	text-align:center;
}
.cp2result1:before{}
.cp2result1 .bg1{
	display:block;
	/* z-index:-1; [SF]bug) z-index 음수값은 쌓임맥락 안에서 1개만 되는 결함 주의! */
	position:absolute;left:0;right:0;top:0;bottom:0;
	border-radius:1.875em;
	background:#fff;
	box-shadow:0 0 30px 0 rgba(0,0,0, .2);
}
.cp2result1 .h1{
	display:inline-block;
	position:relative;
	margin:0 auto;
	padding:.4375em 1.5em .25em;
	border-radius:9999px;
	background:#006737;
	color:#fff;
	font-size:1.5em;
	font-family:'GmarketSansBold';
	text-transform:uppercase;
	letter-spacing:0;
}
.cp2result1 .hg2{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	position:relative;
	margin:1em 0 1.5em;
	color:#000;
}
.cp2result1 .h2,
.cp2result1 .h3{
	margin:0;
}
.cp2result1 .h3:before{
	content:'-';
	margin:0 .5em;
	color:#888;
}
/* ☆ */
.cp2result1 .charts{
	width:86%; /* ☆ */
	background:#ee0;
	margin:auto;
	text-align:center;
}
/* ☆ */
.cp2result1 .btns2{
	width:80%;
	margin:1.375em auto;
	text-align:center;
}
.cp2result1 .btns2 .b1{
	display:inline-block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:14.375em; /* (230/16) */
	height:4em; /* ((80/16) */
	margin:0 .375em;
	padding:.875em calc(.625em + .375em) calc(.875em + .1875em) .625em; /* () (+6/16) (+3/16) () */
	border:0;
	background:url(../../img/L0100Phonics/icsw230btns1.png) no-repeat 0 0 / 200% 100%;
	text-align:center;
	overflow:hidden;
}
.cp2result1 .btns2 .b1+.b1{
	background-position:100% 0;
}
.cp2result1 .btns2 .b1 .t1{
	color:#fff;
	font-size:1.375em; /* (24/16) */
	font-family:'S-CoreDream-5Medium';
}
/* ☆과정별 */
/* [class*='Phonics'] .cp2result1 .bg1:before{content:''; */
.cp2result1 .bg1:before{content:'';
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:1.25em 1.4375em; /* (20/16) (23/16) */
	border-radius:1.5em;
	border:.4375em dashed #44ab00;
}
/* [class*='Elem'] .cp2result1 .bg1,
[class*='Bridge'] .cp2result1 .bg1{
	border-radius:1.875em;
}
[class*='Inter'] .cp2result1 .bg1,
[class*='Upper'] .cp2result1 .bg1{
	border-radius:0;
}
[class*='Text7'] .cp2result1 .bg1,
[class*='Text8'] .cp2result1 .bg1{
	border-radius:0;
} */
/* ☆레벨별 */
.L0100Phonics{}
.L0200Phonics .cp2result1 .bg1:before{border-color:#f26522;}
.L0200Phonics .cp2result1 .h1{background:#f26522;}
.L0300Phonics .cp2result1 .bg1:before{border-color:#ee207c;}
.L0300Phonics .cp2result1 .h1{background:#ed2e8a;}
.L0400Phonics .cp2result1 .bg1:before{border-color:#21aae1;}
.L0400Phonics .cp2result1 .h1{background:#21aae1;}
.L0500Phonics .cp2result1 .bg1:before{border-color:#541818;}
.L0500Phonics .cp2result1 .h1{background:#490a0a;}

.L0600Elem .cp2result1 .bg1:before{border-color:#73ae6e;}
.L0600Elem .cp2result1 .h1{background:#44923d;}
.L0700Elem .cp2result1 .bg1:before{border-color:#d8645a;}
.L0700Elem .cp2result1 .h1{background:#cb3023;}
.L0800Elem .cp2result1 .bg1:before{border-color:#79b6cc;}
.L0800Elem .cp2result1 .h1{background:#4c9ebb;}
.L0900Elem .cp2result1 .bg1:before{border-color:#ec845f;}
.L0900Elem .cp2result1 .h1{background:#e65a29;}
.L1000Elem .cp2result1 .bg1:before{border-color:#a265a7;}
.L1000Elem .cp2result1 .h1{background:#823189;}
.L1100Elem .cp2result1 .bg1:before{border-color:#7bc9b9;}
.L1100Elem .cp2result1 .h1{background:#4fb7a1;}

.L1200Bridge .cp2result1 .bg1:before{border-color:#636363;}
.L1200Bridge .cp2result1 .h1{background:#2f2f2f;}
.L1300Bridge .cp2result1 .bg1:before{border-color:#6A6095;}
.L1300Bridge .cp2result1 .h1{background:#382a71;}

.L1400Inter .cp2result1 .bg1:before{border-color:#5b70ab;}
.L1400Inter .h1{background:#24408f;}
.L1500Inter .cp2result1 .bg1:before{border-color:#d1d16a;}
.L1500Inter .h1{background:#c1c138;}
.L1600Inter .cp2result1 .bg1:before{border-color:#f9907b;}
.L1600Inter .h1{background:#f76b4f;}
.L1700Inter .cp2result1 .bg1:before{border-color:#ea6aa8;}
.L1700Inter .h1{background:#e3388a;}
.L1800Inter .cp2result1 .bg1:before{border-color:#72c2e6;}
.L1800Inter .h1{background:#42aede;}

.L1900Upper .cp2result1 .bg1:before{border-color:#5b70ab;}
.L1900Upper .h1{background:#24408f;}
.L2000Upper .cp2result1 .bg1:before{border-color:#f3ba6e;}
.L2000Upper .h1{background:#efa23e;}
.L2100Upper .cp2result1 .bg1:before{border-color:#f49077;}
.L2100Upper .h1{background:#f06a49;}
.L2200Upper .cp2result1 .bg1:before{border-color:#f140a9;}
.L2200Upper .h1{background:#ec008c;}
.L2300Upper .cp2result1 .bg1:before{border-color:#40c2e1;}
.L2300Upper .h1{background:#00aed7;}

.L2500Text7 .cp2result1 .bg1:before{border-color:#5c70ab;}
.L2500Text7 .h1{background:#25408f;}
.L2600Text7 .cp2result1 .bg1:before{border-color:#fac850;}
.L2600Text7 .h1{background:#f8b515;}
.L2700Text7 .cp2result1 .bg1:before{border-color:#f7917d;}
.L2700Text7 .h1{background:#f46c51;}
.L2800Text7 .cp2result1 .bg1:before{border-color:#f140a9;}
.L2800Text7 .h1{background:#ec008c;}
.L2900Text7 .cp2result1 .bg1:before{border-color:#40bbec;}
.L2900Text7 .h1{background:#00a4e5;}

.L3000Text8 .cp2result1 .bg1:before{border-color:#ea6d67;}
.L3000Text8 .h1{background:#e33c34;}
.L3500Text8 .cp2result1 .bg1:before{border-color:#f140a9;}
.L3500Text8 .h1{background:#ec008c;}
.L4000Text8 .cp2result1 .bg1:before{border-color:#5b70ab;}
.L4000Text8 .h1{background:#24408f;}
.L4500Text8 .cp2result1 .bg1:before{border-color:#40bc7d;}
.L4500Text8 .h1{background:#00a651;}
.L5000Text8 .cp2result1 .bg1:before{border-color:#fd8e72;}
.L5000Text8 .h1{background:#fc6843;}


/* 차트.원(결과_) 20210812 )) 20210928 */
.cp2chart1circle2{
	display:inline-block;
	z-index:0;
	position:relative;
	width:7.5em; 
	height:7.5em;
	margin:0 .3125em .625em; /* (30/16) (10/16) */
	line-height:1.375;
}
/* 값 */
.cp2chart1circle2 .tg1{
	z-index:10;
	position:absolute;left:50%;top:50%;
	/* margin:.5em auto; */ /* (화면확인) */
	transform:translate(-50%, -50%);
}
.cp2chart1circle2 .tt1{
	display:block;
	color:#333;
	font-weight:100;
	font-size:1.125em; /* (18/16) */
}
.cp2chart1circle2 .t1{
	display:block;
	color:#333;
	font-size:1.875em; /* (30/16) */
	font-family:'GmarketSansBold';
}
/* 원 */
.cp2chart1circle2 svg.chart{
	position:relative;
	width:100%;
	height:100%;
	background:inherit;
	transform:rotate(-90deg);
	transform-origin:50% 50%;
}
.cp2chart1circle2 circle{
	fill:transparent;
	stroke-width:20;
	stroke:#eee;
	stroke-dasharray:628;
	stroke-dashoffset:628;
	stroke-linecap:round;
}
.cp2chart1circle2 circle.fg{
	stroke:#a0d85a;
	/* [IE]bug) svg 내부 요소에는 transform 안됨 */
	/* animation:kf1draw1 2s forwards; */
}
.cp2chart1circle2 circle.bg{
	/* stroke:#eee; */
	stroke-dashoffset:0;
}
.cp2chart1circle2.s1 circle.fg{stroke:#f7c16c;}
.cp2chart1circle2.s2 circle.fg{stroke:#ee4447;}
.cp2chart1circle2.s3 circle.fg{stroke:#9c5ad8;}
.cp2chart1circle2.s4 circle.fg{stroke:#5a76d8;}
.cp2chart1circle2.s5 circle.fg{stroke:#a0d85a;}
/* ◇◆ */
@media all and (min-width:768px){
	.cp2chart1circle2{
		width:10em; 
		height:10em;
	}
}




/* ContentBlockName YYYYMMDD.Writer ◇◆ */


/*  약관 20210629 */
.wrap_policy>h2 {
	margin: 40px 0;
	color:#111;
}
.wrap_policy ol, ul {
	list-style: none;
	padding-left:10px;
}
.wrap_policy .num li {
	position: relative;
	padding-left: 18px;
	line-height: 34px;
}
.wrap_policy .num li::before {
	display: inline-block;
	position: absolute;
	left: 0;
}
.wrap_policy .num>ul {padding-left: 0;}
.wrap_policy .num>li:first-of-type::before{content:'1.';}
.wrap_policy .num>li:nth-of-type(2)::before{content:'2.';}
.wrap_policy .num>li:nth-of-type(3)::before{content:'3.';}
.wrap_policy .num>li:nth-of-type(4)::before{content:'4.';}
.wrap_policy .num>li:nth-of-type(5)::before{content:'5.';}
.wrap_policy .num>li:nth-of-type(6)::before{content:'6.';}
.wrap_policy .num>li:nth-of-type(7)::before{content:'7.';}
.wrap_policy .num>li:nth-of-type(8)::before{content:'8.';}
.wrap_policy .num>li:nth-of-type(9)::before{content:'9.';}
.wrap_policy .num>li:nth-of-type(10)::before{content:'10.';}

/*  이용안내 20210818 */

.setguide_lev { vertical-align:middle; text-align:center !important;}
.setguide_txt { vertical-align:middle !important;}
.setguide_txt>strong { color:#444;}
.br_none { border-right: none !important;}
.arr { background:url(../../img/lib/li2bg.png) no-repeat .125em .125em; padding: 0 0 0 1.25em;}
/* ContentBlockName YYYYMMDD.Writer ◇◆ */

/*  가맹상담 20210818 */

.wrap_com1 {
	width: 100%;
	position:relative;
	padding-top: 10px;
	margin-bottom: 30px;
}

.wrap_com1:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%; /* (286/528) */
	padding:0 0 8%; /* (296/528) */
	background:#fafafa;
	z-index: -9999;
}

.com1cont1 {display: flex;
    justify-content: space-around;
    align-items: center;
	position: relative;
}

.wrap_comtxt {
	display: inline-block;
	font-size: 1em;
	margin-bottom: 45px;
	margin-right: 90px;
	color:#444;
	font-weight: 300;

}

.wrap_comtxt h3 {font-size: 2em; color:#000;  letter-spacing: 0; margin: .5em 0;}
.wrap_comtxt h3>span { font-family: NotoSans; font-weight: 500;}

.wrap_comtxt h3:before{content:''; /* 강조효과 */
	display:inline-block;
	z-index:-1;
	width:.643em;
	height:.643em;
	margin:0 -.5em 0 0;
	border-radius:9999px;
	background:#fae100;
	vertical-align:top;

}

.wrap_comimg {
	display: inline-block;
	width:300px;
	margin-bottom: 27px;
	margin-left:120px;
}

.wrap_comimg:before{
	content:''; /* □ */
	display:block;
	position:absolute;
	left:150px;
	bottom:31px;
	z-index: -999;
	width:20%;
	padding:0 2% 17%;
	background:#ffd838;
}

@media all and (max-width:1260px){

	.com1cont1 { display: inline-block; text-align: center;}
	.wrap_comimg {
		width:560px;
		margin-left:0;
	}
	.wrap_com1:before { display: none;}
	.wrap_comimg:before { display: none;}
	.wrap_comimg {margin-bottom: 0;}
	.wrap_com1 {
		padding-top: 40px;
		margin-bottom: 0px;
	}
	.wrap_comtxt {
		margin-top: 20px;
		margin-right: 0;
	}
}


/* 이용약관 0909 */
.help_t1, .help_t2 { width:auto; border-bottom: 1px solid #ccc;  padding:10px 0 30px 20px;
    background:none;}

.help_t1 h2, .help_t2 h2 {font-size:36px; color:#000000;}

.help_t1 .cont1, .help_t2 .cont1 {
	font-size:21px; 
	color:#888888;  
	line-height: 1.5; 
	font-weight:300;}

.cp1help1 {
    position: relative;
    line-height: 1.375;
    margin:50px 0;
}

.cp1help1 ul{
	list-style:none;
	margin:0;
	padding:0;
}
.cp1help1 .d1>ul{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	/* justify-content:space-between; */
	
}
.cp1help1 .d1>ul>li{
	flex:0 0 33.33%; /* (3열) */
	box-sizing:border-box; /* ☆ */
	margin:0 0 2em;

}

.cp1help1 .d2>ul>li {
    display: block;
    padding: 1em 0;
    color: #222;
    font-size: 22px;
}


@media all and (min-width:768px){
	.help_t1 {
        background:url(../../img/lib2/04/bg_help_01.png) no-repeat 100% 70% ;
	}
	
}

.hint1 { 
    background:#f9f9f9; 
    padding: 2.5em;
    font-weight:100;
    font-size:18px;
}

.hint1 .tit { 
    font-size:22px !important;
    font-weight:600;
	color:#111;
    padding:0;
    margin:0;
}

.hint1 .tit2 {
    color:#111;
    font-weight:400;
    padding:0 0 0 20px;
    background:url(../../img/lib2/04/bg_bullet1.png) no-repeat 0 50%;
    margin:0;
}


.hint1 .t3 { display:block;
text-align: right;
font-size:16px;
margin-top:30px;
}


.help_v1 { margin-top:3em; padding-bottom:2em; border-bottom: 1px solid #ccc;}
    
.help_v1 ul li.m1 { padding: 2.5em; margin-bottom:2em; background:#f9f9f9;}
.help_v1 ul li p {font-size:1.25em; padding:0; margin:0}
.help_v1 ul li .v1_img { display:block; text-align:center; margin-top:1.5em}
.help_v1 ul li.m2 {font-size:19px; margin-bottom:1em}
.help_v1 ul .m2 .tit {color:#111; font-weight:600;}
.help_v1 ul .m2 i {color:red;}
.width1s2 .helptit { color:#111; margin-top:2em;}


.cp1help1 .b1>ul{
	display:flex; /* ☆ */
	flex-wrap:wrap;
	justify-content:space-between;
	
}
.cp1help1 .b1>ul>li{
	flex:0 0 32%; /* (3열) */
	box-sizing:border-box; /* ☆ */
	margin:0; 
}

.cp1help1 .d3 li:first-child {text-align: center; margin-bottom:1em;}
.cp1help1 .d3 {background:#f9f9f9; padding: 2em; margin: 1.5em;}
.cp1help1 .d3 .tit_b1 { font-size:30px; color:#111; font-weight:600 }
.cp1help1 .d3>ul>li {
    display: block;    
    font-size: 16px;
}
.cp1help1 .d3>ul>li>a {
    display: inline-block;    
    float:right;
}



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


/* @keyframes ◇◆◇◆ */
@keyframes kfw1s1{
	100% {background-position:100%;}
}