@charset "utf-8";
/**
 * lib2.css
 * Add Share Contents ..
 * 20240326 | @m | 최초작성. 요구반영. 결함개선. 고도화
 * ~20241105 | @m | 생략
 * (( 리뉴얼 ))
 * 20241129 | @m |
 * 20241206 | @m |
 * 20241213 | @m | .cp1answer1choice1, .cp1toast3
 * 20241220 | @m | .cp1fcard3, var(), .cp1fcontrol1, ..
 * 20241227 | @m | .ic36share1, .ic1persona1, .cp1body1head1, .button.type6, .cp1question1, ..
 * 20250103 | @m | .cp1flist7, .cp1flist1, .cp1vpr1, .cp1vpr3, ..
 * 20250110 | @m | .cp1question1 ~ .cp1question1
 * 20250124 | @m | .cp1flist1
 */

/** Compatible! [EG~] 20230120~ */

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


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


/* ◇◆ 공용 ◇◆ */


/* var() 20241220 */
:root{

	/* color */
	--color1:#2dca89; /* 주요색 (기본 버튼배경) */
	--color1v1:#2a5; /* #14c57c 주요색 (글) */
	--color1op1:#2dca8919;
	--color1op2:#2dca8933;

	--color2:#ff908d; /* 강조색 (배경) */
	--color2v1:#e41b1b; /* 강조색 (글) */
	--color2v2:#ff5e59; /* 3:1 */
	--color2op1:#ff908d19;
	--color2op2:#ff908d33;

	--color3:#667788; /* 보조색 (표thead라인) */
	--color3v1:#6b7683; /* 보조색 (글) */
	--color3op1:#66778819;
	--color3op2:#66778833;

	--color11:#d4d4d8; /* (표)라인색  */
	--color12:#eee; /* (표)라인색 (연한) */
	--color13:#e2e2e2;
	--color14:#e8e8e8;

	--color21:#f3f7f9; /* 배경색 (th) */
	--color22:#f5f9fa; /* 배경색 (줄무늬) */
	--color23:#f5f5f5;

		/* 추가색 (버튼배경..) */
	--color-red:#ef4444;
	--color-orange:#ea580c; /* (6) */
	--color-amber:#d97706; /* (6) */
	--color-yellow:#c88800; /* (7) #a16207 */
	--color-lime:#65a30d; /* (6) */
	--color-green:#16a34a; /* (6) */
	--color-emerald:#059669; /* (6) */
	--color-teal:#0d9488; /* (6) */
	--color-cyan:#0891b2; /* (6) */
	--color-sky:#0284c7; /* (6) */
	--color-blue:#3b82f6;
	--color-indigo:#6366f1;
	--color-violet:#8b5cf6;
	--color-purple:#a855f7;
	--color-fuchsia:#d946ef;
	--color-pink:#ec4899;
	--color-rose:#f43f5e;

	/* radius */
	--radius1:.3125rem; /* 폼요소 */
	--radius2:.625rem; /* 박스 (레이어팝업) */
	--radius3:1.25rem;

	 /* shadow */
	--shadow1:0 0 .5em #0001;
	--shadow2-in-dark1:inset 0 0 999px 0 #0001;
	--shadow2-in-light1:inset 0 0 0 999px #fff6;
	--shadow3: 0 8px 24px -8px rgba(128,150,162,0.2);
	--shadow3-in: inset 0 8px 24px -8px rgba(128,150,162,0.2);

	 /* filter */
	--filter1:brightness(.85) contrast(1.4);
}


/* 머티리얼아이콘 20240830 */
.material-symbols-outlined,
.material-symbols-rounded,
.material-icons{
	width:1em;
	height:1em;
	/* margin:0 0 .0625em; */
	font-size:1.5rem; /* 24px */
	overflow:hidden;
}


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


/* 라인(글.밑줄) 20241213 */
hr{
	border-top:1px solid var(--color14);
}


/* 강조 20241213 */
em,
.em,
.em1{color:var(--color1v1);}
em.required,
.em2{color:var(--color2v1);}
.em3{color:var(--color3v1);}


/* 제목 20240405 */
.hb1[class]{
	padding:0;
	border:0;
	background:none;
}
.hb1.h3{
	color:#222;
	font-weight:500;
	font-size:1.25em;
}
.hb1.h4{
	color:#333;
	font-weight:400;
	font-size:1em;
}


/* 링크.type1(글.밑줄) 20241213 */
.link1.type1{
	border-bottom:1px solid;
}


/* 아이콘 20241227 */
.ic1minus1:before{
	content:'\e644'; /* do_not_disturb_on */
	font-style:normal;
	font-size:1.5rem;
	font-family:'Material Symbols Outlined';
}
.ic1plus1:before{
	content:'\e147'; /* add_circle */
	font-style:normal;
	font-size:1.5rem;
	font-family:'Material Symbols Outlined';
}
/*  */
.ic36share1{
	display:inline-block;
	width:2rem;height:2rem; /* (( 2.25rem */
	background:url(../../img/lib2/ic72a1c2share1.png) no-repeat center center / contain;
	vertical-align:middle;
}
.ic16a1down1{
	display:inline-block;
	width:1rem;height:1rem;
	background:url(../../img/lib2/ic32a1c1a2down1.png) no-repeat center center / contain;
	vertical-align:middle;
}
.ic16a1up1{
	display:inline-block;
	width:1rem;height:1rem;
	background:url(../../img/lib2/ic32a1c1a2up1.png) no-repeat center center / contain;
	vertical-align:middle;
}
.ic12a1right1{
	display:inline-block;
	width:.75rem;height:.75rem;
	background:url(../../img/lib2/ic24a1c1a1right1.png) no-repeat center center / contain;
	vertical-align:middle;
}


/* 아이콘.페르소나 20241227 */
.ic1persona1{
	display:inline-block;
	width:5rem;
	height:5rem;
	border-radius:9999px;
	background:url() no-repeat center center / contain;
	vertical-align:middle;
}
.ic1persona1.size2rem{width:2rem;height:2rem;}
.ic1persona1.size375rem{width:3.75rem;height:3.75rem;}
.ic1persona1.level1{background-image:url(../../img/lib2/ic160persona1level1.png)} /* basic */
.ic1persona1.level2{background-image:url(../../img/lib2/ic160persona1level2.png)} /* beginner */
.ic1persona1.level3{background-image:url(../../img/lib2/ic160persona1level3.png)} /* intermediate */
.ic1persona1.level4{background-image:url(../../img/lib2/ic160persona1level4.png)} /* advanced */
.ic1persona1.level1.low{background-image:url(../../img/lib2/ic160persona1level1low1.png)}
.ic1persona1.level2.low{background-image:url(../../img/lib2/ic160persona1level2low1.png)}
.ic1persona1.level3.low{background-image:url(../../img/lib2/ic160persona1level3low1.png)}
.ic1persona1.level4.low{background-image:url(../../img/lib2/ic160persona1level4low1.png)}
.ic1persona1.level1.high{background-image:url(../../img/lib2/ic160persona1level1high1.png)}
.ic1persona1.level2.high{background-image:url(../../img/lib2/ic160persona1level2high1.png)}
.ic1persona1.level3.high{background-image:url(../../img/lib2/ic160persona1level3high1.png)}
.ic1persona1.level4.high{background-image:url(../../img/lib2/ic160persona1level4high1.png)}


/* 버튼 20241220 */
.button[class]{}
.button *~*{
	/* margin-left:.125em; */
}
.button .material-icons:first-child{
	margin-left:-.25em;
}
.button .material-icons:last-child{
	margin-right:-.25em;
}
.button:has(.t1.blind) .material-icons,
.button .material-icons:only-child{
	margin:0;
}
/*  */
.button.tertiary[class]{
	background-color:var(--color14); /* #a2aaae */
	color:#666; /* #fff */
	font-weight:500;
}
.button.tertiary:hover,
.button.tertiary:focus{
	/* box-shadow:var(--shadow2-in-light1); */
}


/* 버튼.type0(무지)(아이콘+글)(이전페이지..) 20231208 */
.button.type0{
	height:auto;
	padding:0;
	border-color:transparent;
	background:transparent;
	color:inherit;
	box-shadow:none;
}
.button.type0:hover{
	color:var(--color1);
}


/* 버튼.type1(아이콘) 20231208 */
.button.type1{
	width:2.5rem;
	padding:0;
}


/* 버튼.type2(레이어팝업하단, ) 20240329 */
.button.type2{
	min-width:7.5rem;
}
.button.type2 .ic1{
	font-size:1rem;
}


/* 버튼.type3(콜아웃, ) 20240412 */
.button.type3{
	height:3.75rem;
	border-color:var(--color12);
	border-radius:var(--radius2);
	background-color:#fff;
	color:#333;
	font-size:1.125rem;
	box-shadow:none;
}
.button.type3:hover,
.button.type3:focus{
	border-color:rgba(0,0,0, .58);
}


/* 버튼.type4(이벤트.. 콜아웃, ) 20240712 */
.button.type4{
	display:block;
	width:60%;
	max-width:600px;
	height:auto;
	margin:0 auto;
	padding:.4375em;
	border-color:transparent;
	border-radius:var(--radius2);
	background-color:#000;
	color:#fff;
	font-weight:700;
	font-size:1.625rem;
	box-shadow:none;
}
.button.type4:hover,
.button.type4:focus{
	border-color:rgba(0,0,0, .58);
}


/* 버튼.type5(도서인증하기.. 콜아웃, ) 20240726 */
.button.type5{
	display:flex;
	width:190px;
	height:46px;
	margin:0 auto;
	border-radius:var(--radius2);
	font-size:16px;
	font-weight:500;
}


/* 버튼.type6(지금 바로 시작.. 콜아웃, ) 20241025 */
.button.type6{
	display:flex;
	width:13.875rem;
	height:3.125rem;
	margin:0 auto;
	border-radius:var(--radius1);
	font-size:1.0625rem;
	font-weight:700;
}


/* 버튼.type7(장바구니 담기) 20241213 */
.button.type7{
	border-color:var(--color1);
	background:#fff;
	color:var(--color1v1);
}


/* 버튼.type8(문의하기) 20241213 */
.button.type8{
	border-color:var(--color11);
	background:#fff;
	color:#222;
}


/* 선택상자 20241206 */
select:not([x]){
	background:url(../../img/lib2/ic24a1c2a1down1.png) no-repeat right center / 12px;
	background-position:calc(100% - .5em) 50%;
}


/* 테이블.t1 20241213 */
table.t1{
	width:100%;
	margin:.375rem 0;
	border:0;border-collapse:collapse;
}
table.t1>*>tr>th,
table.t1>*>tr>td{
	padding:.5em .75em;
	border:0;
	border-bottom:1px solid var(--color12);
	color:#666;
}
table.t1>*>tr>th{
	background:none;
	color:#222;
	font-weight:500;
}
table.t1>tbody>tr>th{
	background:none;
	color:inherit;
	font-weight:400;
}
/* .type2 */
table.t1.type2{
	border-top:1px solid var(--color11);
	border-bottom:1px solid var(--color11);
}
table.t1.type2>*>tr>th,
table.t1.type2>*>tr>td{
	border-bottom:1px solid var(--color11);
	color:#444;
}
table.t1.type2>*>tr>th{
	background:var(--color21);
	color:#222;
	font-weight:500;
}
table.t1.type2>tbody>tr>th{
	background:var(--color21);
	color:#222;
	font-weight:500;
}



/* 선택메뉴 20241015 */
.selectmenu1{
	width:10em;
	min-height:2.5rem;
	color:var(--color3v1);
	line-height:1.375;
}
.selectmenu1 .title .a1{
	border-color:transparent transparent var(--color12);
	border-radius:0;
	color:var(--color3v1);
}
.selectmenu1 .title .a1 .t1{
	color:var(--color3v1);
}
.selectmenu1 .title .a1 .ic1{
	margin:-.375em .625em;
	border-width:.5625em .3125em 0 .3125em;
	border-top-color:var(--color3v1);
}
.selectmenu1 .title.on .a1{
	border-color:#ccc;
}
.selectmenu1option{
	left:auto;
	min-width:10em;
	max-width:16em;
}
.selectmenu1option .option .a1{
	color:inherit;
	font-size:.9375em;
}




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



/* 페이지.쪽수 .pagination.cp1pagination1 20240412 */
.cp1pagination1{
	display:flex;
	justify-content:center;
	align-items:center;
}
.cp1pagination1 .pages .tt1{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	height:1.875rem;
	margin:.1875rem 2.25rem;
	border:1px solid transparent;
}
.cp1pagination1 .control .m a .ic{
	background:url() no-repeat 0 0 / contain;
}
.cp1pagination1 .control .m.prev a .ic{background-image:url(../../img/lib2/ic40a1c1a1left1.png);}
.cp1pagination1 .control .m.next a .ic{background-image:url(../../img/lib2/ic40a1c1a1right1.png);}


/* 탭 20240614 */
.cp1tabs1{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(calc(30% - 2px), auto));
	gap:0;
	z-index:0;
	position:relative;
	margin:0 0 1.375em;
	border:1px solid var(--color12);
	border-radius:var(--radius2);
	overflow:hidden;
}
.cp1tabs1 .a1{
	display:grid;
	place-items:center;
	position:relative;
	box-sizing:border-box;
	height:3em;
	padding:0 .75em;
	background:#fff;
}
.cp1tabs1 .a1 ~ .a1{
	border-left:1px solid var(--color12);
}
.cp1tabs1 .a1.on{
	z-index:1;
	margin:0 -1px;
	background:var(--color1);
	color:#fff;
}
/*  */
.cp1tabs1pane{
	display:none;
}
.cp1tabs1pane.on{
	display:block;
}
/* ◇◆ */
/* @media all and (min-width:768px){
	.cp1tabs1{
		display:flex;
		flex-wrap:wrap;
	}
	.cp1tabs1 .a1{
		flex:auto;
		min-width:calc(12.5% - 2px);
	}
} */


/* 탭 20240614 */
.cp1tabs2{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(calc(30% - 2px), auto));
	gap:0;
	z-index:0;
	position:relative;
	margin:2.5em 0;
	padding:0 1px 0 0;
	overflow:hidden;
}
.cp1tabs2 .a1[class]{
	display:grid;
	place-items:center;
	position:relative;
	box-sizing:border-box;
	height:3em;
	margin:0 -1px 0 0;
	padding:0 .75em;
	border:1px solid #ccc;
	border-bottom-color:#888;
	border-radius:var(--radius2) var(--radius2) 0 0;
	background:#fcfcfc;
	color:#888;
	font-weight:500;
}
.cp1tabs2 .a1.on{
	z-index:1;
	border-color:#888;
	border-bottom-color:#fff;
	background:#fff;
	color:#333;
}


/* 탭 20241101 */
.cp1tabs3{
	display:flex;
	flex-wrap:nowrap;
	gap:.5rem;
	z-index:0;
	position:relative;
	margin:0 calc(var(--container-offset) * -1) 1.375em;
	padding:0 var(--container-offset);
	overflow:hidden;
	overflow-x:auto;
}
.cp1tabs3::-webkit-scrollbar{
	display:none;
	width:0;
	height:0;
}
.cp1tabs3 .a1{
	flex:1;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:.3125rem;
	position:relative;
	box-sizing:border-box;
	height:2rem;
	padding:0 .625em;
	border:1px solid var(--color11);
	border-radius:var(--radius1);
	background:#fff;
	color:#949494;
	white-space:nowrap;
}
.cp1tabs3 .a1 .ic1{
	display:inline-block;
	width:.5rem;
	height:.5rem;
	border-radius:9999px;
	background:#888;
}
.cp1tabs3 .a1:first-child .ic1,
.cp1tabs3 .a1:last-child .ic1{
	display:none;
}
.cp1tabs3 .a1:nth-child(2) .ic1{background:#ffc700;} /* 1과목 */
.cp1tabs3 .a1:nth-child(3) .ic1{background:#4889ec;} /* 2과목 */
.cp1tabs3 .a1:nth-child(4) .ic1{background:#2dca89;} /* 3과목 */
.cp1tabs3 .a1:nth-child(5) .ic1{background:#f472b6;} /* 4과목 */
.cp1tabs3 .a1:nth-child(6) .ic1{background:#a855f7;} /* 5과목 */
.cp1tabs3 .a1.on{
	z-index:1;
	color:#111;
	font-weight:500;
}
.cp1tabs3 .a1.on:first-child,
.cp1tabs3 .a1.on:last-child{
	border-color:transparent;
	background:var(--color1);
	color:#fff;
}
/*  */
.cp1tabs3pane{
	display:none;
}
.cp1tabs3pane.on{
	display:block;
}


/* 탭 20240712 */
.cp1tabs4{
	display:flex;
	gap:0;
	z-index:0;
	position:relative;
	margin:0 0 1.375em;
	border:1px solid var(--color12);
	border-radius:9999px;
	overflow:hidden;
}
.cp1tabs4 .a1{
	flex:1;
	display:grid;
	place-items:center;
	position:relative;
	box-sizing:border-box;
	height:2.5em;
	padding:0 .75em;
	background:#fff;
}
.cp1tabs4 .a1 ~ .a1{
	border-left:1px solid var(--color12);
}
.cp1tabs4 .a1.on{
	z-index:1;
	margin:0 -1px;
	background:var(--color1);
	color:#fff;
}
/*  */
.cp1tabs4pane{
	display:none;
}
.cp1tabs4pane.on{
	display:block;
}


/* 탭 20241206 */
.cp1tabs5{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(calc(30% - 2px), auto));
	gap:0;
	z-index:0;
	position:relative;
	margin:0 0 1.375em;
	padding:5px;
	border-radius:var(--radius2);
	background:var(--color21);
	overflow:hidden;
}
.cp1tabs5 .a1{
	display:grid;
	place-items:center;
	position:relative;
	box-sizing:border-box;
	height:2.5em;
	padding:0 .75em;
	border-radius:var(--radius2);
	background:none;
	color:#0006;
}
.cp1tabs5 .a1 ~ .a1{
	border-left:1px solid var(--color12);
}
.cp1tabs5 .a1.on{
	z-index:1;
	margin:0 -1px;
	background:var(--color1);
	color:#fff;
}
/* .type2 */
.cp1tabs5.type2{
	margin:0;
	background:#00000008;
}


/* 스위치 20231215 */
.cp1switch1[class]{
	display:inline-flex; /* ☆ */
	align-items:center;
	color:inherit;
	vertical-align:middle;
	text-decoration:none;
}
.cp1switch1 .t1{
	margin:0 .375em 0 0;
}
.cp1switch1 .sw-on{}
.cp1switch1 .sw-off{}
.cp1switch1 .ic1{
	position:relative;
	width:2em;
	height:1em;
	border:2px solid transparent;
	border-radius:9999px;
	background:#ccc;
}
.cp1switch1 .ic1:before{content:''; /* ○ */
	display:block;
	position:absolute;left:0;right:auto;top:0;
	width:calc(1em);
	height:calc(1em);
	margin:0 auto 0 0;
	border-radius:50%;
	background:#fff;
	transition:1.2s;
}
/*  */
.cp1switch1:hover .ic1,
.cp1switch1:focus .ic1{
	box-shadow:inset 0 0 999px 0 #0001;
}
.cp1switch1.on .ic1{
	background:var(--color1);
}
.cp1switch1.on .ic1:before{
	position:absolute;left:auto;right:0;top:0;
	margin:0 0 0 auto;
}


/* 폼콘트롤 (label for 속성없이) 20241220 */
.cp1fcontrol1{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	position:relative;
	margin:.375em 0;
	line-height:1.375;
	text-align:left;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1fcontrol1 .item,
.cp1fcontrol1 .cb1{ /* label */
	display:inline-flex;
	margin:0 .75em 0 0;
	padding:0;
}
.cp1fcontrol1 .item input[type='checkbox'],
.cp1fcontrol1 .item input[type='radio'],
.cp1fcontrol1 .cb1 input[type='checkbox'],
.cp1fcontrol1 .cb1 input[type='radio']{
	flex:none;
	width:1em;
	height:1em;
	margin:.75em .375em;
}
.cp1fcontrol1 .item .t1,
.cp1fcontrol1 .cb1 .t1{
	flex:1;
	position:relative;
	margin:calc(.75em - .125em) 0;
}
/* 멀티라인 */
.cp1fcontrol1.mline,
.cp1fcontrol1.mline .item,
.cp1fcontrol1.mline .cb1{
	width:100%;
	margin:0;
}
/* .cp1fcontrol1.skin1(디자인) */
.cp1fcontrol1.skin1 .cb1 input[type='checkbox'],
.cp1fcontrol1.skin1 .cb1 input[type='radio']{
	position:absolute;left:-9999px; /* [FF]fix) */
	width:0;height:0;
	font-size:0;
	opacity:0;
}
.cp1fcontrol1.skin1 .cb1 .t1{
	display:flex;
	gap:.5em;
}
.cp1fcontrol1.skin1 .cb1 input[type='checkbox']~.t1:before,
.cp1fcontrol1.skin1 .cb1 input[type='radio']~.t1:before{content:'';
	flex:none;
	width:1.25rem;
	height:1.375em;
	background:url() no-repeat center center / contain;
	margin:0 0 0 .25em;
}
.cp1fcontrol1.skin1 .cb1 input[type='checkbox']~.t1:before{background-image:url(../../img/lib2/ic40form1check1off1.png);}
.cp1fcontrol1.skin1 .cb1 input[type='radio']~.t1:before{background-image:url(../../img/lib2/ic40form1radio1off1.png);}
.cp1fcontrol1.skin1 .cb1 input[type='checkbox']:checked~.t1:before{background-image:url(../../img/lib2/ic40form1check1on1.png);}
.cp1fcontrol1.skin1 .cb1 input[type='radio']:checked~.t1:before{background-image:url(../../img/lib2/ic40form1radio1on1.png);}
.cp1fcontrol1.skin1 .cb1 input:disabled~.t1{
	filter:saturate(0) opacity(.5);
}
.cp1fcontrol1.skin1 .cb1:hover input:not(:disabled) ~ *{
	filter:brightness(.8) contrast(1.6);
}
/* .cp1fcontrol1.skin1 .cb1 input:focus~.t1:before{ */
.cp1fcontrol1.skin1 .cb1 input:focus-visible~.t1:before{
	border-radius:2px;
	outline:2px solid #111;
}
.cp1fcontrol1.skin1 .cb1 input ~ *{
	cursor:default;
}
.cp1fcontrol1.skin1 .cb1 input:disabled ~ *{
	cursor:not-allowed;
}
/* .cp1fcontrol1.skin2(디자인) */
.cp1fcontrol1.skin2,
.cp1fcontrol1.skin2 .item,
.cp1fcontrol1.skin2 .cb1{
	width:100%;
	margin:0;
}
.cp1fcontrol1.skin2 .cb1 input[type='checkbox'],
.cp1fcontrol1.skin2 .cb1 input[type='radio']{
	position:absolute;left:-9999px; /* [FF]fix) */
	width:0;height:0;
	font-size:0;
	opacity:0;
}
.cp1fcontrol1.skin2 .cb1 .t1{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.cp1fcontrol1.skin2 .cb1 input[type='checkbox']~.t1:after,
.cp1fcontrol1.skin2 .cb1 input[type='radio']~.t1:after{content:'';
	flex:none;
	width:1rem;
	height:1rem;
	background:url() no-repeat center center / contain;
	margin:0 0 0 .25em;
}
.cp1fcontrol1.skin2 .cb1 :checked~.t1{
	color:#222;
	font-weight:600;
}
.cp1fcontrol1.skin2 .cb1 input[type='checkbox']:checked~.t1:after,
.cp1fcontrol1.skin2 .cb1 input[type='radio']:checked~.t1:after{background-image:url(../../img/lib2/ic32a1c2check2.png);}

.cp1fcontrol1.skin2 .cb1 input:disabled~.t1{
	filter:saturate(0) opacity(.5);
}
.cp1fcontrol1.skin2 .cb1:hover input:not(:disabled) ~ *{
	filter:brightness(.8) contrast(1.6);
}
/* .cp1fcontrol1.skin2 .cb1 input:focus~.t1:after{ */
.cp1fcontrol1.skin2 .cb1 input:focus-visible~.t1:after{
	border-radius:2px;
	outline:2px solid #111;
}
.cp1fcontrol1.skin2 .cb1 input ~ *{
	cursor:default;
}
.cp1fcontrol1.skin2 .cb1 input:disabled ~ *{
	cursor:not-allowed;
}
/* ◇◆ */
@media all and (min-width:1000px){
	.cp1fcontrol1.type2{
		padding:0 1em;
	}
}


/* 대형전광판 (준비중. 나의 성적, 강의 상세) 20250110 */
.cp1jumbotron1{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	position:relative;
	box-sizing:border-box;
	min-height:calc(100dvh - var(--head-height) - var(--foot-height) - 20px*2);
	margin:0 auto;
	padding:calc(30px + 50/1200*100%) 0;
	text-align:center;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1jumbotron1>.wrap1{}
.cp1jumbotron1 .f1{
	margin:1.875rem auto;
}
/*  */
.cp1jumbotron1 .ic1{
	display:inline-block;
	width:11.25em;
	height:11.25em;
	margin:.375em;
	background:url() no-repeat center center / contain;
}
.cp1jumbotron1 .ic1.bigi{
	width:8.8125rem;
	height:14.125rem;
	background-image:url(../../img/lib2/bigi1@2x.png);
}
.cp1jumbotron1 .ic1.bigi3sandglass1{
	width:8.1875rem;
	height:11.8125rem;
	background-image:url(../../img/lib2/bigi3sandglass1@2x.png);
}
.cp1jumbotron1 .tg1{}
.cp1jumbotron1 .tg1 .t1{
	display:block;
	margin:1.25rem 0;
	color:#444;
	font-size:1.25em;
	line-height:1.375;
}
.cp1jumbotron1 .tg1 .t1t1{
	font-weight:700;
}
.cp1jumbotron1 .tg1 .t1t2{
	display:block;
}
.cp1jumbotron1 .fg1{
	display:block;
	margin:2.25rem 0 0;
}


/* 대형전광판 (결제 완료, 결제 내역 없음) 20241213 */
.cp1jumbotron2{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	position:relative;
	min-height:50vh;
	margin:3rem auto;
	text-align:center;
}
/*  */
.cp1jumbotron2 .tg1{}
.cp1jumbotron2 .tg1 .ic1{
	display:inline-block;
	width:3.125rem;
	height:3.125rem;
	margin:0 0 1rem;
	background:url() no-repeat center center / contain;
}
.cp1jumbotron2 .tg1 .ic1.check1{
	background-image:url(../../img/lib2/ic100a1c2check1.png);
}
.cp1jumbotron2 .tg1 .t1{
	display:block;
	margin:0;
	color:#333;
	font-weight:600;
	font-size:1.5rem;
	line-height:1.375;
}
/*  */
.cp1jumbotron2 .tg2{
	margin:2rem 0;
}
.cp1jumbotron2 .tg2 .ic1{
	display:inline-block;
	width:11.25rem;
	height:11.25rem;
	margin:0 0 1rem;
	background:url() no-repeat center center / contain;
}
.cp1jumbotron2 .tg2 .ic1.bigi1fireworks1{background-image:url(../../img/lib2/ic360a1c2bigi1fireworks1.png);}
.cp1jumbotron2 .tg2 .ic1.bigi1tear1{background-image:url(../../img/lib2/ic360a1c2bigi1tear1.png);}
.cp1jumbotron2 .tg2 .t1{
	display:block;
	margin:0;
	color:#333;
	font-weight:400;
	font-size:1.125rem;
	line-height:1.375;
}
/*  */
.cp1jumbotron2 .fg1{
	margin:1.25rem 0 0;
	text-align:center;
}
/* .type2 */
.cp1jumbotron2.type2{
	justify-content:center;
}


/* 레이어라이트박스. 20241206 */
/* 공통 */
.cp1layer1lightbox1{
	display:none;
	display:flex !important; /* ☆ */
	visibility:hidden;
	z-index:200;
	position:fixed;left:0;right:0;top:0;bottom:0;
	min-width:0;
	background:rgba(0,0,0, .5);
	letter-spacing:-.03125em;
	overflow:auto;
	opacity:0;
	transition:.2s;
}
.cp1layer1lightbox1>.wrap1{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	min-width:100%;
	min-height:100%;
	margin:auto;
	padding:10px;
	text-align:center;
}
.cp1layer1lightbox1 .lightbox{
	display:inline-block;
	position:relative;
	box-sizing:border-box;
	width:98%; /* ☆ */
	max-width:440px; /* ☆ */
	margin:calc(0% + 1.625rem) auto;
	border-radius:var(--radius2);
	background:#fff;
	text-align:left;
	vertical-align:middle;
	overflow:hidden;
	box-shadow:0 20px 40px 4px rgba(0,0,0, .2);
	transition:.2s;
}
.cp1layer1lightbox1 .lightbox>.wrap2{
	/* position:relative; */
	margin:calc(1em + 1%) calc(1em + 2%) calc(1em + 1%); /* (화면확인) */
}
/* ☆ */
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1{
	display:flex;
	justify-content:space-between;
	align-items:center;
	/* position:relative; */
	/* padding:0 0 .9375em; */
	/* border-bottom:1px solid #e7e7e7; */
	color:#000;
}
.cp1layer1lightbox1 .lightbox>.wrap2>.hg1>.h1{
	margin:0;
	font-weight:600;
	font-size:1.375em;
}
/* ☆ */
.cp1layer1lightbox1 .b1[class*='close']{
	flex:none;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	z-index:10;
	position:absolute;
	right:-.25em;
	width:calc(1.375em * 1.375);
	height:calc(1.375em * 1.375);
	margin:0 calc(1em + 2%) 0 auto;
	padding:0;
	background:transparent;
	border-radius:var(--radius1);
}
.cp1layer1lightbox1 .b1[class*='close']>.ic1{
	width:1.625rem;
	height:1.625rem;
	background:url(../../img/lib2/ic52a1c1x1.png) no-repeat center center / contain;
	text-indent:-9999px;
	overflow:hidden;
}
.cp1layer1lightbox1 .b1[class*='close']:hover,
.cp1layer1lightbox1 .b1[class*='close']:focus-visible{
	box-shadow:var(--shadow2-in-dark1);
}
/* ☆ */
.cp1layer1lightbox1 .lightbox>.wrap2>.cont{
	margin:1.5em 0;
}
.cp1layer1lightbox1 .lightbox>.wrap2>.cont:before,
.cp1layer1lightbox1 .lightbox>.wrap2>.cont:after{content:'';display:table;clear:both;}
/* ☆ */
.cp1layer1lightbox1 .lightbox>.wrap2>.fg1{
	padding:.9375em 0 0;
	border-top:1px solid #e7e7e7;
}
/* ☆.type2 (푸터그룹확장) */
.cp1layer1lightbox1.type2 .lightbox{
	max-width:1000px;
}
.cp1layer1lightbox1.type2 .lightbox>.wrap2{
	margin:0;
}
.cp1layer1lightbox1.type2 .lightbox>.wrap2>.hg1{
	margin:calc(1em + 2%) calc(1em + 3%) 0;
	border-color:transparent;
}
.cp1layer1lightbox1.type2 .lightbox>.wrap2>.cont{
	margin:calc(1%) calc(1em + 3%) calc(1em + 3%);
}
/*  */
.cp1layer1lightbox1.type2 .lightbox>.wrap2>.fg1{
	display:flex;
	justify-content:center;
	align-items:stretch;
	border:0;
}
.cp1layer1lightbox1.type2 .lightbox>.wrap2>.fg1>.button{
	width:100%;
	min-height:4.375rem;
	margin:0;
	border-radius:0;
	font-size:1.125em;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1layer1lightbox1.type2 .lightbox>.wrap2>.fg1>.button.expand{
	border:0;
	/* font-weight:500; */
	line-height:1.25;
}
.cp1layer1lightbox1.type2 .lightbox>.wrap2>.fg1>.button small{
	font-size:.75rem;
}
/* ☆.type3 (제목과라인숨김)(닫기숨김접근성) */
.cp1layer1lightbox1.type3 .lightbox{
	overflow:visible;
}
.cp1layer1lightbox1.type3 .lightbox>.wrap2>.hg1{
	display:block;
	height:0;
	padding:0;
	border:0;
}
.cp1layer1lightbox1.type3 .lightbox>.wrap2>.hg1>.h1{
	position:absolute;
	left:-9999px;
}
[class].cp1layer1lightbox1.type3 .b1[class*='close']{
	opacity:0;
}
[class].cp1layer1lightbox1.type3 .b1[class*='close']>.ic1{
	background-image:url(../../img/lib2/ic52a1c0x1.png);
}
/* ☆.type4 (라이트박스내부여백없이) */
.cp1layer1lightbox1.type4 .lightbox>.wrap2,
.cp1layer1lightbox1.type4 .lightbox>.wrap2>.cont{
	margin:0;
	padding:0;
}
.cp1layer1lightbox1.type4 .b1[class*='close']{
	top:0;
	right:0;
	margin:1em;
}
/* ☆.type5 (제목그룹가운데) */
.cp1layer1lightbox1.type5 .lightbox{
	max-width:410px;
}
.cp1layer1lightbox1.type5 .lightbox>.wrap2>.hg1{
	border-color:var(--color15);
}
.cp1layer1lightbox1.type5 .lightbox>.wrap2>.hg1>.h1{
	flex:1;
	margin:0 calc(1em * 1.375);
	text-align:center;
}
.cp1layer1lightbox1.type5 .lightbox>.wrap2>.cont{
	margin:calc(1%) calc(1em + 2%);
}
/* ☆.type6 (라이트박스내부여백없이.제목.콘텐츠여백) */
.cp1layer1lightbox1.type6 .lightbox>.wrap2{
	margin:0;
}
.cp1layer1lightbox1.type6 .lightbox>.wrap2>.hg1{
	padding:calc(1em + 1%) calc(1em + 2%) 0;
	/* background:var(--color1);
	color:#fff; */
}
.cp1layer1lightbox1.type6 .lightbox>.wrap2>.hg1>.h1{
	color:inherit;
	font-weight:500;
}
.cp1layer1lightbox1.type6 .lightbox>.wrap2>.cont{
	margin:0;
	padding:2em calc(1em + 2%);
}
.cp1layer1lightbox1.type6 .b1[class*='close']>.ic1{
	/* background-image:url(../../img/lib/b1x1c0.png); */
}
/* ☆.type7 (제목과라인숨김)(우외부닫기) */
.cp1layer1lightbox1.type7 .lightbox{
	overflow:visible;
}
[class].cp1layer1lightbox1.type7 .b1[class*='close']{
	margin:calc(-1em - 1%) calc(-1.625rem - .25em) 0 auto;
	opacity:1;
}
/* ☆.type8 (제목과라인숨김)(상외부닫기) */
.cp1layer1lightbox1.type8 .lightbox{
	overflow:visible;
}
[class].cp1layer1lightbox1.type8 .b1[class*='close']{
	margin:calc(-1em - 1% - 1.625rem - .5em) 0 0 auto;
	opacity:1;
}
/* ☆.type9 (라이트박스내부여백없이.제목.콘텐츠여백세로스크롤) */
.cp1layer1lightbox1.type9 .lightbox>.wrap2{
	margin:0;
}
.cp1layer1lightbox1.type9 .lightbox>.wrap2>.hg1{
	padding:calc(1em + 1%) calc(1em + 2%) 0;
}
.cp1layer1lightbox1.type9 .lightbox>.wrap2>.hg1>.h1{
	color:inherit;
	font-weight:500;
}
.cp1layer1lightbox1.type9 .lightbox>.wrap2>.cont{
	margin:0;
	padding:2em calc(1em + 2%);
	overflow:hidden;
	overflow-y:auto;
	max-height:calc(100vh - 240px);
}
/* ☆.type10 (배경오버레이투명) */
.cp1layer1lightbox1.type10{
	background:transparent;
}
/* ☆.toast1 (토스트) */
.cp1layer1lightbox1.toast1{}
.cp1layer1lightbox1.toast1 .lightbox{
	position:fixed;
	left:0;
	right:0;
	top:auto;
	bottom:0;
	width:100%;
	max-width:640px;
	margin:0 auto;
	border-radius:var(--radius3) var(--radius3) 0 0;
	background:#fff;
	transform:translateY(100%);
}
/*  */
.cp1layer1lightbox1.on{
	visibility:visible;
	opacity:1;
}
.cp1layer1lightbox1.on .lightbox{
	transform:none;
}


/* 작성폼 (기본) 20240131 */
.cp1write1{
	position:relative;
}
.cp1write1 .tt1{
	margin:0 .75rem 0 0;
	color:#222;
	font-weight:700;
	font-size:1.0625em;
}
.cp1write1 .item{
	display:block;
	margin:0 0 .5em;
}
/*  */
.cp1write1 .lock{
	position:relative;
}
.cp1write1 .lock:after{content:'';
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
}


/* 작성폼 (레이어팝업내부) 20241129 */
.cp1write2{
	position:relative;
	margin:0 auto;
}
.cp1write2 .tt1{
	display:block;
	margin:0 .75rem 0 0;
	color:#000;
	font-weight:500;
	font-size:1.0625em;
	line-height:1.375;
}
.cp1write2 .t1{
	margin:0 .75rem 0 0;
	color:#333;
	/* font-weight:300; */
	/* font-size:.875em; */
	line-height:1.375;
}
.cp1write2 .item{
	margin:1rem 0;
}
/* 제목과 양식 인라인 */
.cp1write2 .item.s2{
	display:flex;
	align-items:center;
}
.cp1write2 .item.s2 .tt1{
	flex:none;
}
/*  */
.cp1write2 .btns{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(30%, auto));
	gap:.625rem;
	margin:1.25rem auto 0;
	text-align:center;
}
/*  */
.cp1write2 input[type='text'],
.cp1write2 input[type='password'],
.cp1write2 select{
	/* height:3.125rem; */
}
/*  */
.cp1write2 .help,
.cp1write2 .explain{
	margin:0 0 .375em;
	color:#888;
	/* font-weight:300; */
	font-size:.875em;
}
.cp1write2 .explain.no{
	color:var(--color2v1, #e50);
}
.cp1write2 input[type='text'].no,
.cp1write2 input[type='password'].no,
.cp1write2 select{
	border-bottom-color:var(--color2v1, #e50);
}
.cp1write2 .explain.yes{
	display:flex;
	gap:.25rem;
	color:var(--color1v1, #08c);
}
.cp1write2 .explain.yes:before{content:'';
	flex:none;
	width:1rem;
	height:1rem;
	background:url(../../img/lib2/ic32a1c2check1.png) no-repeat center center / contain;
}


/* 정보메뉴그룹 20240719 */
.cp1infomenu1{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	position:relative;
	margin:0 -.625rem;
}
.cp1infomenu1>*{
	position:relative;
	margin:.625rem;
}


/* 게시판 목록 20240719 */
.cp1bbs1list1 tr:hover{
	background:#fcfcfc;
}



/* ◇◆ UI Component ◇◆◇◆◇◆◇◆◇◆ */



/* 본문헤더 20241227 */
.cp1body1head1{
	position:relative;
	padding:1em 0;
	border-bottom:1px solid #eee;
	background:#fff;
	line-height:1.375;
}
.cp1body1head1>.container{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.cp1body1head1>.container:after{
	display:none;
}
.cp1body1head1>.container>.w1{
	flex:none;
	display:flex;
	align-items:center;
	gap:.375rem;
	width:40%;
	white-space:nowrap;
}
.cp1body1head1>.container>.w2{
	flex:1;
	text-align:center;
}
.cp1body1head1>.container>.w3{
	flex:none;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	gap:.625rem;
	width:40%;
	margin:0 0 0 auto;
}
.cp1body1head1 .hg1{}
.cp1body1head1 .hg1 .h1{
	margin:.125rem 0 0;
	color:#111;
	font-weight:500;
	font-size:1.4375em;
}
.cp1body1head1 .hg1 .t1{
	display:block;
	margin:.3125em 0;
	color:#888;
	font-size:.875em;
}
/*  */
.cp1body1head1 .b1, /* 뒤로가기 */
.cp1body1head1 .b2, /* 문제이동 */
.cp1body1head1 .b3{ /* 결과보기 */
	display:inline-flex;
	margin:0;
	justify-content:center;
	align-items:center;
}
.cp1body1head1 .b1:hover,
.cp1body1head1 .b2:hover,
.cp1body1head1 .b3:hover{
	filter:brightness(.8) contrast(1.6);
}
.cp1body1head1 .b1 .ic1{
	display:inline-block;
	width:1.75rem;
	height:1.75rem;
	background:url() no-repeat center center / contain;
}
.cp1body1head1 .b1.back .ic1{background:url(../../img/lib2/ic56a1c1a1left1.png) no-repeat -.5rem center / contain;}
.cp1body1head1 .b1.close .ic1{background:url(../../img/lib2/ic52a1c1x1.png) no-repeat center center / 1.625rem;}
/*  */
.cp1body1head1 .b2 .t1{
	color:#666;
	font-size:1.1875em;
}
.cp1body1head1 .b2 .ic1{
	display:inline-block;
	width:1.5rem;
	height:1.5rem;
	margin:0 .25rem;
	background:url(../../img/lib2/ic48a1c2a1down1.png) no-repeat center center / contain;
}
/* .b2.type2 */
.cp1body1head1 .b2.type2 .t1{
	color:#222;
	font-size:1.125em;
}
.cp1body1head1 .b2.type2 .sep{
	margin:0;
}
.cp1body1head1 .b2.type2 .ic1{
	margin:0;
}
/*  */
.cp1body1head1 .b3[class]{
	padding:.375em .75em;
	border:1px solid var(--color11);
	border-radius:var(--radius1);
	background:#fff;
	color:#333;
	font-size:.875em;
}
.cp1body1head1 .b4[class]{ /* 제출 */
	padding:.375em .75em;
	border:1px solid transparent;
	border-radius:var(--radius1);
	background:var(--color1);
	color:#fff;
	font-size:.875em;
}
.cp1body1head1 .timer{
	/* width:3.375em; */
	height:1.375em;
	padding:.375em .5em;
	border:1px solid var(--color11);
	border-radius:var(--radius1);
	background:#fff;
	color:#333;
	font-weight:400;
	font-size:.875em;
	text-align:center;
}
.cp1body1head1 .st1{
	padding:.25em .75em;
	border:1px solid transparent;
	border-radius:var(--radius1);
	background:var(--color1);
	color:#fff;
	font-size:.875em;
}
.cp1body1head1 .st1.pass{background:var(--color1);} /* 합격 */
.cp1body1head1 .st1.fail{background:var(--color2);} /* 불합격 */
/*  */
.cp1body1head1 .understand{
	width:5.375em;
	height:1.375em;
	padding:.375em .75em;
	border:1px solid var(--color11);
	border-radius:var(--radius1);
	background:#fff;
	color:#333;
	font-weight:400;
	font-size:.875em;
	text-align:center;
}



/* 과목.레이어메뉴플로팅 20240527 */
.cp1subject1{
	position:relative;
	max-width:var(--container-max-width);
	margin:0 auto;
	line-height:1.375;
	text-align:right;
}
.cp1subject1 .a1.toggle{
	display:inline-flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:2px;
	z-index:90;
	position:fixed;bottom:0;
	width:54px;
	height:54px;
	margin:80px -54px;
	border-radius:9999px;
	background:var(--color1);
	color:#fff;
	font-size:.875em;
	overflow:hidden;
}
.cp1subject1 .a1.toggle.on{
	z-index:110;
}
.cp1subject1 .a1.toggle .t1{}
.cp1subject1 .a1.toggle .ic1{
	width:16px;
	height:16px;
	background:url(../../img/lib2/ic32a1c0plus1.png) no-repeat center center / contain;
	transition:.2s;
}
.cp1subject1 .a1.toggle.on .ic1{
	transform:rotate(45deg);
}
/*  */
.cp1subject1 .cp1subject1c{
	display:none;
	z-index:100;
	position:fixed;left:0;right:0;bottom:0;
	max-width:var(--container-max-width);
	margin:calc(80px + 54px) auto;
}
.cp1subject1 .cp1subject1c:before{content:'';
	display:block;
	position:fixed;left:0;right:0;top:0;bottom:0;
	/* max-width:var(--container-max-width); */
	margin:-200px auto; /* 스크롤 중일 때 고려 */
	background:#000a;
}
.cp1subject1 .cont{
	position:relative;
	margin:0 var(--container-space);
	color:#fff;
}
/*  */
.cp1subject1 .add[class]{
	display:inline-flex;
	justify-content:flex-end;
	align-items:center;
	position:relative;
	color:inherit;
}
.cp1subject1 .add .ic1{
	flex:none;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:36px;height:36px;
	margin:0 9px;
	border-radius:9999px;
	background:#69b4ff url(../../img/lib2/ic32a1c0plus1.png) no-repeat center center / 16px;
	overflow:hidden;
}
/*  */
.cp1subject1 .lst1{
	list-style:none;
	margin:6px 0;
	padding:0;
}
.cp1subject1 .li1{
	display:flex;
	justify-content:flex-end;
}
.cp1subject1 .lst1 .a1{
	display:inline-flex;
	align-items:center;
	position:relative;
	color:inherit;
}
.cp1subject1 .lst1 .a1 .ic1{
	flex:none;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:36px;height:36px;
	margin:6px 9px;
	border-radius:9999px;
	background:#b48cea url(../../img/lib2/ic32a1c0book1.png) no-repeat center center / 16px;
	overflow:hidden;
	box-shadow: 0 4px 4px 0 #0002;
}
.cp1subject1 .lst1 .a1 .ic1 img{object-fit:cover;width:100%;height:100%;}


/* 프로필편집 20240405 */
.cp1profile1{
	display:flex;
	margin:1em 0;
}
.cp1profile1 .f1{
	flex:none;
	width:3.75rem;
	height:3.75rem;
	margin:0 1em 0 0;
	border-radius:9999px;
	overflow:hidden;
}
.cp1profile1 .f1 img{
	object-fit:cover;width:100%;height:100%;
}
.cp1profile1 .item{
	flex:1;
	margin:0;
}


/* 정의목록 (계정 보안) 20240329 */
.cp1dlist1{
	margin:1em 0 1.5em;
}
.cp1dlist1 .dl1{
	display:flex;
	list-style:none;
	margin:0;
	padding:.75em 1.5em;
	border-radius:var(--radius1);
	background:var(--color21);
}
.cp1dlist1 .dt1{}
.cp1dlist1 .dd1{
	margin:0 0 0 1.5em;
}


/* 카드 (설정한 과목) 20240405 */
.cp1fcard1{
	position:relative;
	line-height:1.375;
}
.cp1fcard1 .a1{
	display:block;
	margin:0 0 1em;
	border-radius:var(--radius3);
	background:#fff;
	overflow:hidden;
}
.cp1fcard1 .a1 .f1{
	position:relative;
	padding:0 0 calc(205/390*100%);
	overflow:hidden;
}
.cp1fcard1 .a1 .f1 img{
	position:absolute;left:0;right:0;top:0;
	/* object-fit:cover;width:100%;height:100%; */
}
.cp1fcard1 .a1 .tg1{
	display:block;
	padding:.75em 1.25em;
}
.cp1fcard1 .a1 .tg1 .t1{
	display:block;
	color:#000;
	font-size:1.25em;
}


/* 목록 (문제 종류) 20250124 */
.cp1flist1{
	position:relative;
	line-height:1.375;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1flist1 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1flist1 .li1{}
.cp1flist1 .a1{
	display:flex;
	align-items:center;
	position:relative;
	margin:0 0 1em;
	padding:1rem 1rem;
	border-radius:var(--radius2);
	background:#fff;
}
.cp1flist1 .paid .a1{ /* 유료 */
	border:1px solid var(--color1);
}
.cp1flist1 .li1 .ic1{
	flex:none;
	width:2.5rem;
	height:2.5rem;
	margin:0 1rem 0 0;
	background:url() no-repeat center center / contain;
	overflow:hidden;
	text-indent:-9999px;
}
.cp1flist1 .li1.recent .ic1{background-image:url(../../img/lib2/ic80a1c2recent1.png);}
.cp1flist1 .li1.expect .ic1{background-image:url(../../img/lib2/ic80a1c2expect1.png);}
.cp1flist1 .li1.mock .ic1{background-image:url(../../img/lib2/ic80a1c2mock1.png);}
.cp1flist1 .li1.past .ic1{background-image:url(../../img/lib2/ic80a1c2past1.png);}
.cp1flist1 .li1.paid .ic1{background-image:url(../../img/lib2/ic80a1c2paid1.png);}
.cp1flist1 .li1.recommend .ic1{background-image:url(../../img/lib2/ic80a1c2recommend1.png);}
.cp1flist1 .li1.concept .ic1{background-image:url(../../img/lib2/ic80a1c2concept1.png);}
.cp1flist1 .li1.advance .ic1{background-image:url(../../img/lib2/ic80a2c2advance1.png);}
.cp1flist1 .li1.development .ic1{background-image:url(../../img/lib2/ic80a2c2development1.png);}
.cp1flist1 .li1.professional .ic1{background-image:url(../../img/lib2/ic80a2c2professional1.png);}
.cp1flist1 .li1 .tg1{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:.375em .5em;
}
.cp1flist1 .li1 .tg1 .t1{
	display:block;
	color:#000;
	font-size:1.125em;
}
.cp1flist1 .li1 .tg1 .t2{
	display:block;
	width:100%;
	color:#949494;
	font-size:.875em;
}
/* PT체험문제 */
.cp1flist1 .a1 .g1{
	display:inline-block;
	position:absolute;top:0;right:0;
	margin:-.5rem .75rem;
	padding:.3125rem .625rem .375rem;
	border-radius:var(--radius1);
	background:#24383e;
	color:#fff;
	font-weight:400;
	font-size:.9375rem;
}
.cp1flist1 .a1 .g1:before{content:''; /* ▽ */
	display:inline-block;
	position:absolute;left:50%;bottom:0;
	width:0;height:0;
	margin:-5px -5px;
	border:0 solid transparent;
	border-width:5px 5px 0 5px;
	border-top-color:#24383e;
}
.cp1flist1 .a1 .g1t1{
	font-weight:600;
	color:#71ffc4;
}
/* 프리미엄 */
.cp1flist1 .a1 .g2{
	display:inline-block;
	padding:.25rem .625rem;
	border-radius:9999px;
	background:var(--color1);
	color:#fff;
	font-weight:500;
	font-size:.6875rem;
}


/* 목록 (문제풀기 시험목록) 20241101 */
.cp1flist2{
	z-index:0;
	position:relative;
	line-height:1.375;
}
.cp1flist2 ul{
	list-style:none;margin:0;padding:0;
}
.cp1flist2 .lst1{}
.cp1flist2 .li1{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	gap:0 .5em;
	position:relative;
}
.cp1flist2 .li1>.t1{
	display: block;
	position:relative;
	color:#333;
	font-weight:500;
	font-size:1.125em;
}
/* 강의포함 */
.cp1flist2 .li1 .g2{
	display:inline-block;
	padding:.25rem .625rem;
	border-radius:9999px;
	background:var(--color1op2);
	color:var(--color1v1);
	font-weight:500;
	font-size:.6875rem;
}
/*  */
.cp1flist2 .lst2{
	width:100%;
	position:relative;
}
.cp1flist2 .li2{
	position:relative;
}
.cp1flist2 .li2>.t1{
	display:block;
	position:relative;
	margin:1em 0 0;
	color:#888;
	font-size:1em;
}
/*  */
.cp1flist2 .btns{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:.625rem;
	position:relative;
	width:100%;
	margin:.625em 0 1.5rem;
}
.cp1flist2 .b1{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:2px;
	position:relative;
	min-height:2.25rem;
	padding:.6875em 1em;
	border:1px solid var(--color12, #eee);
	border-radius:var(--radius2);
	background:#fff;
	color:#333;
	font-size:1.125em;
}
.cp1flist2 .b2{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:2px;
	position:relative;
	min-height:2.25rem;
	padding:.6875em 1em;
	border:1px solid #eee;
	border-radius:var(--radius2);
	background:#fff;
	color:var(--color1v1, #e00);
	font-size:1.125em;
}
/* 풀어보기 */
.cp1flist2 .b3{
	display:inline-flex;
	align-items:center;
	z-index:10;
	position:absolute;
	left:50%;
	top:50%;
	padding:.125em .75em;
	border:1px solid var(--color1);
	border-radius:9999px;
	background:#fff8;
	color:var(--color1v1);
	font-weight:500;
	font-size:.875em;
	transform:translate(-50%, -50%);
}
.cp1flist2 .b3:hover,
.cp1flist2 .b3:focus{
	background:var(--color1);
	color:#fff;
}
.cp1flist2 .b3:before{
	content:'\e898'; /* lock_open */
	margin:0 .25em 0 0;
	font-size:1em;
	font-family:'Material Symbols Outlined';
}
/* OPEN 표시 */
.cp1flist2 .btns .g1{
	position:absolute;bottom:0;right:0;
	margin:-1.25rem -.25rem;
	padding:.25rem .625rem .25rem;
	border-radius:var(--radius1);
	background:#24383e;
	color:#71ffc4;
	font-weight:500;
	font-size:.9375rem;
}
.cp1flist2 .btns .g1:before{content:''; /* △ */
	display:inline-block;
	position:absolute;left:50%;top:0;
	width:0;height:0;
	margin:-5px -5px;
	border:0 solid transparent;
	border-width:0 5px 5px 5px;
	border-bottom-color:#24383e;
}
/* 마지막 공부 시간 */
.cp1flist2 .et1{
	display:block;
	color:#949494;
	font-size:10px;
}
/* 잠금 */
.cp1flist2.lock:after{content:'';
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:0 calc(var(--container-offset) * -1);
	/* background:linear-gradient(180deg, #f3f7f999 0%, #f3f7f9d8 100%); */
	background:linear-gradient(180deg, #f3f7f999 0%, #f3f7f9ee calc(100vh - 94px - 152px));
}
.cp1flist2 .lock-cont{
	z-index:10;
	position:fixed;left:0;right:0;
	/* top:75%; */
	bottom:152px;
	max-width:640px;
	margin:0 auto;
	background: radial-gradient(ellipse, #fff 0, #f3f7f9ee 80%);
	text-align:center;
	/* transform:translateY(-50%); */
}
.cp1flist2 .lock-cont .t1{
	margin:.875rem 0 1.875rem;
	color:#222;
	font-size:1.25rem;
	font-weight:500;
}
/* Ticket 표시 */
.cp1flist2 .lock-cont .g1{
	display:inline-flex;
	align-items:center;
	padding:.125em .75em;
	border:1px solid var(--color1);
	border-radius:9999px;
	background:#fff8;
	color:var(--color1v1);
	font-weight:500;
}
.cp1flist2 .lock-cont .g1:before{
	content:'\e638'; /* confirmation_number */
	margin:0 .25em 0 0;
	font-size:1em;
	font-family:'Material Symbols Outlined';
}
/* 개별잠금 */
.cp1flist2 .open[class]{
	z-index:10;
}
.cp1flist2 .lock[class] .t1{
	filter:opacity(.4);
}
.cp1flist2 .lock[class] .b1,
.cp1flist2 .lock[class] .b2{
	pointer-events: none;
}
.cp1flist2 .lock[class] .b1t1,
.cp1flist2 .lock[class] .b2t1,
.cp1flist2 .lock[class] .g2{
	filter:opacity(.4) blur(4px);
}


/* 목록 (나의 성적 평가) 20240412 */
.cp1flist3{
	position:relative;
	line-height:1.375;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1flist3 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1flist3 .li1{}
.cp1flist3 .a1{
	display:flex;
	align-items:center;
	margin:0 0 .5rem;
	padding:1rem 1.25rem;
	border-radius:var(--radius2);
	background:var(--color21);
}
.cp1flist3 .li1 .dt1{
	flex:none;
	width:5rem;
	margin:0 1rem 0 0;
}
.cp1flist3 .li1 .tt1{
	color:#333;
	font-weight:600;
	font-size:1.125em;
}
.cp1flist3 .li1 .dd1{
	display:block;
	color:#666;
	font-size:1em;
}
/*  */
.cp1flist3 .li1.fail .dd1:first-line{
	color:var(--color2v1);
}


/* 평가 (나의 성적 엄지척) 20240412 */
.cp1rating1{
	display:inline-flex;
	position:relative;
	width:5rem;
	height:1rem;
	overflow:hidden;
}
.cp1rating1 .ic1,
.cp1rating1 .ic2{
	flex:none;
	width:100%;
	height:100%;
	background:url(../../img/lib2/ic32a1c2thumbup1.png) 0 50% / 1rem;
}
.cp1rating1 .ic1{
	width:0;
}
.cp1rating1 .ic2{
	background-image:url(../../img/lib2/ic32a1c2thumbup1off1.png);
}
.cp1rating1.s1 .ic1{width:20%;}
.cp1rating1.s2 .ic1{width:40%;}
.cp1rating1.s3 .ic1{width:60%;}
.cp1rating1.s4 .ic1{width:80%;}
.cp1rating1.s5 .ic1{width:100%;}


/* 목록 (나의 성적 제출) 20250110 */
.cp1flist4{
	position:relative;
	line-height:1.375;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1flist4 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1flist4 .li1{
	display:flex;
	align-items:center;
	gap:1em;
	min-width:0;
	padding:.875rem 0;
	border-bottom:1px solid var(--color12);
}
.cp1flist4 .li1 .ic1{
	flex:none;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:40px;
	height:40px;
	border-radius:9999px;
	background:#888;
	color:#fff;
	font-style:normal;
	font-size:10px;
	text-align:center;
}
.cp1flist4 .li1 .ic1:before{content:'';
	width:18px;
	height:18px;
	margin:-2px 0;
	background:url() no-repeat center center / contain;
}
/*  */
.cp1flist4 .li1.pass .ic1{background:var(--color1);}
.cp1flist4 .li1.fail .ic1{background:var(--color2);}
.cp1flist4 .li1.pass .ic1:before{background-image:url(../../img/lib2/ic36a1c0check1.png);}
.cp1flist4 .li1.fail .ic1:before{background-image:url(../../img/lib2/ic36a1c0x1.png);}
/*  */
.cp1flist4 .a1{
	flex:1;
	display:block;
	position:relative;
	min-width:0;
	padding:0 1.375rem 0 0;
	color:#333;
}
.cp1flist4 .a1:after{content:'';
	display:inline-block;
	position:absolute;right:0;top:50%;
	width:1rem;
	height:1.375em;
	background:url(../../img/lib2/ic32a1c1a1right1.png) no-repeat center center / contain;
	transform:translateY(-50%)
}
.cp1flist4 .li1 .tt1{
	display:block;
	font-weight:400;
	font-size:1.125em;
}
.cp1flist4 .li1 .t1{
	display:block;
	color:#949494;
	font-size:.875em;
}
/*  */
.cp1flist4 .eg1{
	flex:none;
	display:flex;
	align-items:center;
	gap:.5em;
}
.cp1flist4 .eg1 .b1{
	padding:.5em .75em;
	border:1px solid var(--color11, #d7d7d7);
	border-radius:var(--radius1, 3px);
	color:#333;
	font-size:.875em;
}


/* 제목그룹 (나의 성적 제출) 20240621 */
.cp1hgroup1{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0 0 1em;
}
.cp1hgroup1 *{
	margin:0;
}
.cp1hgroup1 .st1{
	color:#444;
	font-weight:400;
	font-size:1.125rem;
}
.cp1hgroup1 .st1t1{
	font-weight:800;
	font-size:1.25rem;
}
.cp1hgroup1 .st1.pass .st1t1{color:var(--color1);} /* 합격 */
.cp1hgroup1 .st1.fail .st1t1{color:var(--color2);} /* 불합격 */


/* 문제 (과목태그. 북마크) 20250110 */
.cp1question1{
	position:relative;
	margin:0 0 .75em;
	padding:1.25em;
	border:1px solid var(--color12, #eee);
	border-radius:var(--radius2);
	background:#fff;
	line-height:1.375;
}
.cp1question1 .sg1{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 0 .5em;
}
.cp1question1 .sg1>.w1{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:.25em;
}
.cp1question1 .sg1>.w2{
	margin:0 0 0 auto;
}
/* 태그 */
.cp1question1 .sg1 .g1{
	display:inline-flex;
	align-items:center;
	margin:0 0 .375em;
	padding:.25em .5em;
	border-radius:var(--radius1, 3px);
	border:1px solid var(--color11, #d7d7d7);
	color:#333;
	font-size:.75em;
}
/* HOT */
.cp1question1 .sg1 .g2{
	display:inline-flex;
	align-items:center;
	gap:.125em;
	margin:0 0 .375em;
	padding:.25em .5em;
	border-radius:var(--radius1, 3px);
	background:#ec4a34;
	color:#fff;
	font-size:.75em;
}
.cp1question1 .sg1 .g2ic1{
	display:inline-block;
	width:1rem;
	height:1rem;
	margin:0 0 0 -.125em;
	background:url(../../img/lib2/ic32a1c2fire1.png) no-repeat center center / contain;
	filter:brightness(3) hue-rotate(0deg);
}
.cp1question1 .sg1 .g2t1{}
/*  */
.cp1question1 .sg1 .st1{
	display:inline-flex;
	align-items:center;
	margin:0 0 .375em;
	padding:.25em .5em;
	border-radius:var(--radius1, 3px);
	border:1px solid transparent;
	background:#888;
	color:#fff;
	font-weight:500;
	font-size:.75em;
}
.cp1question1 .sg1 .st1.s1{background:var(--color1);} /* 정답 */
.cp1question1 .sg1 .st1.s2{background:var(--color2);} /* 오답 */
/* 컨닝페이퍼에 추가 */
.cp1question1 .sg1 .b1{
	margin:0;
}
.cp1question1 .sg1 .b1 .ic1{
	display:inline-block;
	width:1.5rem;
	height:1.5rem;
	background:url(../../img/lib2/ic48a1c2bookmark1.png) no-repeat center center / contain;
}
.cp1question1 .sg1 .b1.on .ic1{
	background-image:url(../../img/lib2/ic48a1c2bookmark1on.png)
}
/* 글자 크기 버튼 */
 /* '\eae2' text_increase | '\eadd' text_decrease */
.cp1question1 .sg1 .b2{
	width:1.5rem;
	height:1.5rem;
	margin:0 .375rem;
	color:#0008;
}
.cp1question1 .sg1 .b2:before{
	font-size:1.25rem;
	font-family:'Material Symbols Outlined';
}
.cp1question1 .sg1 .b2.plus:before{
	content:'\eae2';
}
.cp1question1 .sg1 .b2.basic{
	display:none;
}
.cp1question1 .sg1 .b2.basic:before{
	content:'\eadd';
}
/*  */
.cp1question1 .sg1 .b3{
	width:1.5rem;
	height:1.5rem;
	margin:0 .375rem;
	color:#0006;
	font-weight:300;
}
.cp1question1 .sg1 .b3 .ic1:before{
	content:'A';
	font-weight:400;
	font-size:.75em;
}
.cp1question1 .sg1 .b3 .ic1:after{
	content:'A';
}
.cp1question1 .sg1 .b3.basic{
	display:none;
	color:var(--color1v1);
	font-weight:400;
}
/* 목표수 */
.cp1question1 .sg1 .st3{
	display:inline-flex;
	align-items:center;
	margin:0 0 .375em;
	padding:.25em .5em;
	border-radius:var(--radius1, 3px);
	border:1px solid var(--color11, #d7d7d7);
	color:#333;
	font-size:.75em;
}
/*  */
.cp1question1 .tg1{
	margin:0 0 1em;
}
.cp1question1 .tg1 .tt1{
	display:flex;
	color:#000;
	font-weight:400;
}
.cp1question1 .tg1 .tt1n{
	flex:none;
	margin:0 .25em 0 0;
}
.cp1question1 .tg1 .tt1t1{}
.cp1question1 .tg1 .tt1t1 > .tt1t1{
	display:block;
	margin:.375em 0;
	color:unset;
}
.cp1question1 .p1 img{
	display:block;
	margin:1em auto;
	border:1px solid var(--color12);
}
/* 정답, 기본해설, 상세해설 */
.cp1question1 .tg2{
	margin:0 0 .375em;
	padding:.75em 1em;
	border-radius:var(--radius1);
	background:var(--color21);
}
.cp1question1 .tg2:has(.tg2g2){ /* :has() 미호환 시 선택자 우선순위 점수 40 */
	height:0;
	margin:0;
	padding:0;
	border-radius:0;
	background:none;
	overflow:hidden;
}
.cp1question1 .tg2g2{
	margin:0 0 .625rem;
	padding:.75em 1em;
	border-radius:var(--radius1);
	background:var(--color21);
}
.cp1question1 .tg2 .tt1{
	display:block;
	margin:.375em 0 .625em;
	color:#333;
	font-weight:500;
	font-size:.875em;
}
.cp1question1 .tg2 .tt1 ~ .tt1{
	margin:.625em 0 0;
}
/* 기본해설 */
.cp1question1 .tg2 .t1{
	margin:.375em 0 0;
	color:#333;
	font-size:.875em;
}
/* 정답 */
.cp1question1 .tg2 .t2{
	display:flex;
	flex-wrap:wrap;
	gap:.375em;
	margin:.375em 0 0;
	color:#333;
	font-size:.875em;
}
.cp1question1 .tg2 .t2n{
	flex:none;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	position:relative;
	width:1rem;
	height:1rem;
	margin:0 .25em 0 0;
	/* padding:.0625em 0 0; */
	border:1px solid currentcolor;
	border-radius:9999px;
	font-style:normal;
	font-size:.875em;
	text-indent:-.03125em;
	overflow:hidden;
}
/* 상세해설 */
.cp1question1 .tg2 .more{
	display:block;
	height:1.375em;
	margin:.375em 0;
	color:inherit;
	font-size:.875em;
	overflow:hidden;
	transition:1s 2s;
}
.cp1question1 .tg2 .more-t1{
	display:inline-block;
	vertical-align:middle;
}
.cp1question1 .tg2 .more-t1>i{
	display:inline-block;
	width:0;
	max-width:0;
	font-style:normal;
	vertical-align:middle;
	overflow:hidden;
	transition:0s 1s;
}
.cp1question1 .tg2 .more-t1>i:nth-child(1){transition:0s 0.1s;}
.cp1question1 .tg2 .more-t1>i:nth-child(2){transition:0s 0.2s;}
.cp1question1 .tg2 .more-t1>i:nth-child(3){transition:0s 0.3s;}
.cp1question1 .tg2 .more-t1>i:nth-child(4){transition:0s 0.4s;}
.cp1question1 .tg2 .more-t1>i:nth-child(5){transition:0s 0.5s;}
.cp1question1 .tg2 .more-t1>i:nth-child(6){transition:0s 0.6s;}
.cp1question1 .tg2 .more-t1>i:nth-child(7){transition:0s 0.7s;}
.cp1question1 .tg2 .more-t1>i:nth-child(8){transition:0s 0.8s;}
.cp1question1 .tg2 .more-t1>i:nth-child(9){transition:0s 0.9s;}
.cp1question1 .tg2 .more-t1>i:nth-child(10){transition:0s 1.0s;}
.cp1question1 .tg2 .more-ic1{
	display:none;
	width:.625em;
	height:.625em;
	border:.3125em solid var(--color1);
	border-top-color:transparent;
	border-radius: 9999px;
	vertical-align:middle;
	opacity:1;
	animation: kf1blink1spin1 1s linear infinite;
}
.cp1question1 .tg2 .more-c{
	height:0;
	max-height:0;
	transition:max-height 1s 2s;
	overflow:hidden;
}
.cp1question1 .tg2 .more-c>.tt1{
	color:var(--color1v1);
}
.cp1question1 .tg2 .more-c .t1{
}
.cp1question1 .tg2 .more-c .t2{
	color:#888;
	font-size:.875em;
}
/* .loaded */
.cp1question1 .tg2.loaded[class]{ /* .cp1question1 .tg2:has(.tg2g2) 우선 순위보다 높임 */
	height:auto;
}
.cp1question1 .tg2.loaded .more{
	height:0;
	margin:0;
	opacity:0;
}
.cp1question1 .tg2.loaded .more-t1>i{
	width:auto;
	max-width:1em;
}
.cp1question1 .tg2.loaded .more-ic1{
	display:inline-block;
}
.cp1question1 .tg2.loaded .more-c{
	height:auto;
	max-height:2222px;
	/* margin:.375em 0 0; */
	opacity:1;
}
/* 4지선택지 */
.cp1question1 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1question1 .li1{
	display:flex;
	margin:0 0 .25em;
}
.cp1question1 .li1:before{
	flex:none;
	margin:0 .25em 0 0;
}
.cp1question1 .li1:nth-child(1):before{content:'①'}
.cp1question1 .li1:nth-child(2):before{content:'②'}
.cp1question1 .li1:nth-child(3):before{content:'③'}
.cp1question1 .li1:nth-child(4):before{content:'④'}
/* 정답보기 */
.cp1question1 .eg1 .b2.help{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:.25rem;
	position:relative;
	margin:1em 0 0;
	padding:.375em 1em;
	background:#fff;
	color:inherit;
	font-size:.875em;
	text-align:center;
}
.cp1question1 .eg1 .b2.help:not(.on):hover{
	filter:brightness(.8) contrast(1.6);
}
.cp1question1 .eg1 .b2.help .ic1{
	flex:none;
	width:.875rem;
	height:.875rem;
	margin:0 0 .125em;
	background:url(../../img/lib2/ic28a1c2a1down1.png) no-repeat center center / contain;
}
.cp1question1 .eg1 .b2.help.on .ic1{
	transform:rotate(180deg);
}
/* n번틀린문제표시 */
.cp1question1 .st2{
	display:inline-flex;
	margin:1em 0 0;
	padding:.25em .625em;
	border-radius:3px;
	border:1px solid transparent;
	background:var(--color1);
	color:#fff;
	font-weight:400;
	font-size:.875em;
}
/* 해시태그 - 단순 */
.cp1question1 .t2 .tag{
	display:inline-flex;
	margin:0;
	padding:.25em .625em;
	border-radius:var(--radius1);
	border:1px solid #0002;
	background:#fff;
	color:#000;
	font-weight:400;
	font-size:.875em;
}
/* 키워드(해시태그) - 동영상 연결 */
.cp1question1 .w1tag{
	margin:.625em 0 0;
}
.cp1question1 .w1tag .tag{
	display:inline-flex;
	margin:0 0 .375em;
	padding:.375rem .625em;
	border-radius:var(--radius1);
	border:1px solid #0002;
	background:#fff;
	color:#000;
	font-weight:400;
	font-size:1em;
}
.cp1question1 .w1tag .tag:before{content:'';
	flex:none;
	width:1rem;
	height:1rem;
	margin:.1875em .375em 0 0;
	background:url(../../img/lib2/ic32a1c1play2.png) no-repeat center center / contain;
}
.cp1question1 .w1tag .tag.on{
	border-color:transparent;
	background:var(--color1);
	color:#fff;
}
.cp1question1 .w1tag .tag.on:before{
	filter:invert(1) contrast(2);
}


/* 문제 넘기기 (이전다음) 20240527 */
.cp1control1{
	z-index:20;
	position:fixed;left:0;right:0;top:50%;
	max-width:var(--container-max-width);
	height:0;
	margin:0 auto;
	transition:.4s;
}
.cp1control1>.container{
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:0;
	padding:0;
}
.cp1control1>.container:after{
	display:none;
}
.cp1control1 .b1{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:50px;
	height:50px;
	border-radius:9999px;
	background:#dfe7ee66 url() no-repeat center center / 24px;
	transition:.2s;
}
.cp1control1 .b1.prev{background-image:url(../../img/lib2/ic48a3c2a1left1.png);}
.cp1control1 .b1.next{background-image:url(../../img/lib2/ic48a3c2a1right1.png);}
.cp1control1 .b1:hover{
	background-color:#dfe7ee;
}


/* 선택지 (바텀시트 핸들바) 20250110 */
.cp1answer1choice1{
	display:flex;
	flex-direction:column;
	z-index:10;
	position:fixed;left:0;right:0;bottom:0;
	box-sizing:border-box;
	max-width:var(--container-max-width);
	max-height:100vh; /* (( 최초 뷰높이 max-height:50vh; 50% */
	margin:0 auto;
	padding:0 0 1em;
	border-radius:2.5rem 2.5rem 0 0;
	background:#fff;
	line-height:1.375;
	/* overflow:hidden; */
	box-shadow: 0 0 2.5rem 0 #00000008;
	transition:max-height .4s;
}
.cp1answer1choice1>.container{
	flex:1;
	display:flex;
	flex-direction:column;
	min-height:0;
	margin:0;
	padding:0 calc(40/430*100%);
}
/* 핸들바 */
.cp1answer1choice1 .handlebar{
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	margin:0 calc(-40/(430 - 40*2)*100%) .625rem;
}
.cp1answer1choice1 .handlebar:before{content:'';
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:-.625rem 0 0;
	/* background:#0ff3; */
}
.cp1answer1choice1 .handlebar .ic1{
	display:block;
	width:1.5625rem;
	height:1.5625rem;
	background:url() no-repeat center center / contain;
	border-radius:9999px;
	margin:.625rem auto;
	overflow:hidden;
	text-indent:-9999px;
}
.cp1answer1choice1.on .handlebar .ic1{background-image:url(../../img/lib2/ic50a2c2a1down1.png);}
.cp1answer1choice1.idle .handlebar .ic1,
.cp1answer1choice1.off .handlebar .ic1{	background-image:url(../../img/lib2/ic50a2c2a1up1.png);}
.cp1answer1choice1 .handlebar:hover .ic1,
.cp1answer1choice1 .handlebar:focus .ic1{
	/* background-color:#bbb; */
}
/* 선택지+아래버튼들 */
.cp1answer1choice1 .cont{
	flex:1;
	display:flex;
	flex-direction:column;
	list-style:none;
	/* max-height:100vh; */
	min-height:0;
	margin:0 -10px 0 0; /* 세로스크롤바와 간격두기 */
	padding:0 calc(-10px*-1 - 2px) 0 0;
	overflow:hidden;
	overflow-y:scroll; /* (( auto */
	transition:max-height .4s;
}
.cp1answer1choice1 .cont::-webkit-scrollbar{
	background-color:transparent; /* #0001 */
}
.cp1answer1choice1 .cont::-webkit-scrollbar-thumb{
	border-radius:9999px;
}
/* 선택지 */
.cp1answer1choice1 .lst1{ /* fscroll1-xy */
	list-style:none;margin:0;padding:0;
}
.cp1answer1choice1 .li1 .a1{
	display:block;
	position:relative;
	margin:0 0 .625em;
	padding:.8125em 1em;
	border:1px solid #00000008;
	border-radius:.5rem;
	background:var(--color22);
	color:#333;
}
.cp1answer1choice1 .li1 .a1[href]:hover:not(:focus),
.cp1answer1choice1 .li1.on .a1{
	border-color:#0002;
}
.cp1answer1choice1:not(#cp1answer1choice1a1) .li1.correct .a1{
	border-color:#0001;
	background:var(--color1);
	color:#fff;
}
.cp1answer1choice1:not(#cp1answer1choice1a1) .li1.incorrect .a1{
	border-color:#0001;
	background:var(--color2);
	color:#fff;
}
#cp1answer1choice1a1 .li1.on .a1{
	border-color:#0001;
	background:#a2aaae;
	color:#fff;
}
/*  */
.cp1answer1choice1 .li1 .t1{
	display:flex;
}
.cp1answer1choice1 .li1 .t1n{
	flex:none;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	position:relative;
	width:1rem;
	height:1rem;
	margin:.0625rem .375em 0 0;
	/* padding:.0625em 0 0; */
	border:1px solid currentcolor;
	border-radius:9999px;
	font-style:normal;
	font-size:.875em;
	text-indent:-.03125em;
	overflow:hidden;
}
/*  */
.cp1answer1choice1 .eg1{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(40%, auto));
	gap:.625rem;
	transition:max-height .4s;
}
.cp1answer1choice1 .b2{
	display:block;
	position:relative;
	margin:1em 0;
	padding:.8125em 1em;
	border:1px solid #a2aaae;
	border-radius:.5rem;
	background:#fff;
	color:var(--color3v1, inherit);
	font-size:.875em;
	text-align:center;
}
.cp1answer1choice1 .b2.exclude{
	/* color:var(--color2); */
}
.cp1answer1choice1 .b2.disabled{
	border-color:transparent;
	background:var(--color12);
	color:#0005;
	pointer-events:none;
	cursor:not-allowed;
}
/* 최대화.on / 최소화.off / 최초유휴상태.idle */
.cp1answer1choice1.on{
	max-height:calc(100vh - 1em);
}
.cp1answer1choice1.off{
	max-height:60px !important; /* 인라인 style 보다 우선순위 */
}
.cp1answer1choice1.off .cont,
.cp1answer1choice1.idle[style='max-height: 60px;'] .cont{
	visibility:hidden;
	opacity:0;
}
.cp1answer1choice1.idle>.container{
	display:block; /* 선택지 스크롤바 없이 높이 그대로 (( display:flex; */
}
/* 마스크 */
.cp1answer1choice1.idle>.mask{
	display:block;
	z-index:10;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:#ee00;
}
/* ◇◆ 모바일기기 아니면 */
@media only screen and (-webkit-max-device-pixel-ratio:1.3){
	.cp1answer1choice1 .cont{
		margin:0 -16px 0 0;
		padding:0 calc(-16px*-1 - 8px) 0 0;
	}
	.cp1answer1choice1 .li1 .t1n{
		margin-top:.125rem;
	}
}


/* 박스.기본 20240405 */
.cp1box1{
	position:relative;
	padding:1.25em;
	border-radius:var(--radius2);
	background:#fff;
	color:inherit;
}


/* 박스.확장 20241206 */
.cp1box2{
	margin:0 calc(var(--container-offset) * -1) 10px;
	padding:var(--container-offset);
	background:#fff;
}
/* .type2 */
.cp1box2.type2{
	padding:0;
}
/* .type3 */
.cp1box2.type3{
	margin:0;
}


/* 박스.상태 20241129 */
.cp1box3{
	position:relative;
	margin:0 0 1em;
	padding:1.25em;
	border:1px solid #90d2e0;
	border-radius:var(--radius1);
	background:#e0faff;
	color:#61b3c5;
}
/*  */
.cp1box3.yes{
	padding:.75em 1.25em;
	border-color:#3359b8;
	background:#e4ecff;
	color:#3359b8;
}
.cp1box3.no{
	padding:.75em 1.25em;
	border-color:#b83333;
	background:#ffe4e4;
	color:#b83333;
}


/* 문제번호 범례 20240705 */
.cp1legend1{
	position:relative;
	margin:.0 0 1.5em;
	line-height:1.375;
}
.cp1legend1 .hg1 .t1{
	margin:0 0 .5em;
	color:#333;
	font-size:1.0625em;
}
.cp1legend1 .hg1 .t1 .em{
	color:inherit;
	font-weight:600;
}
/*  */
.cp1legend1 .lst1{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:1em;
	font-size:.875em;
}
.cp1legend1 .li1{
	display:inline-flex;
	align-items:center;
	color:var(--color3v1, #6b7683);
}
.cp1legend1 .li1 .ic1{
	width:.875em;
	height:.875em;
	margin:0 .25em .125em 0;
	border:1px solid #0001;
	border-radius:9999px;
	background:var(--color21, #f3f5f6);
}
.cp1legend1 .li1 .t1{}
/*  */
.cp1legend1 .li1.now .ic1{background:#a2aaae;}
.cp1legend1 .li1.answer .ic1,
.cp1legend1 .li1.correct .ic1{background:var(--color1);}
.cp1legend1 .li1.incorrect .ic1{background:var(--color2);}


/* 문제번호 목록 20240412 */
.cp1exam1number1{
	position:relative;
	margin:1em -1em 1em 0;
	line-height:1.375;
	text-align:center;
}
.cp1exam1number1>.wrap1{
	display:flex;
	flex-wrap:wrap;
	gap:.625rem;
	position:relative;
}
.cp1exam1number1 .a1{
	position:relative;
	box-sizing:border-box;
	width:calc(1/6*100% - .625rem);
	padding:0 0 calc(1/6*100% - .625rem - 8px);
	border:4px solid #0000;
	border-radius:50%;
	background:var(--color21, #f3f5f6);
	color:var(--color3v1, #6b7683);
	transition:.2s;
}
.cp1exam1number1 .a1 .t1{
	display:flex;
	position:absolute;
	left:0;right:0;top:0;bottom:0;
	justify-content:center;
	align-items:center;
	font-size:1.3125em;
}
.cp1exam1number1 .a1 .g2{
	display:inline-flex;
	position:absolute;
	right:0;
	top:0;
	justify-content:center;
	align-items:center;
	gap:.125em;
	margin:-.375em;
}
.cp1exam1number1 .a1 .g2ic1{
	display:inline-block;
	width:1rem;
	height:1rem;
	margin:0 0 0 -.125em;
	background:url(../../img/lib2/ic32a1c2fire1.png) no-repeat center center / contain;
}
.cp1exam1number1 .a1 .g2t1{
	position:absolute;left:-9999px;
}
/*  */
.cp1exam1number1 .a1:hover:not(:focus){
	border-color:#0003;
}
/*  */
.cp1exam1number1 .a1.now{background:#a2aaae;color:#111;}
.cp1exam1number1 .a1.answer,
.cp1exam1number1 .a1.correct{background:var(--color1);color:#fff;}
.cp1exam1number1 .a1.incorrect{background:var(--color2);color:#fff;}
/* ◇◆ */
@media all and (min-width:768px){
	.cp1exam1number1 .a1 .g2{
		margin:0;
	}
}


/* 정의목록 (테스트 결과) 20241030 */
.cp1dlist2{
	position:relative;
	margin:0 0 1em;
	border-radius:var(--radius2);
	background:#fff;
	line-height:1.375;
	overflow:hidden;
}
.cp1dlist2 .dl1{
	display:flex;
	flex-wrap:wrap;
	list-style:none;
	margin:0 calc(-1.5em - 1px);
	padding:1em 1.5em;
	text-align:center;
}
.cp1dlist2 .di1{
	flex:1;
	display:flex;
	position:relative;
	box-sizing:border-box;
	width:auto;
	padding:.5em .75em;
}
.cp1dlist2 .di1:before{content:''; /*│*/
	display:block;
	position:absolute;right:0;top:0;bottom:0;
	width:0;
	margin:1em 0;
	border-left:1px solid var(--color12, #0001);
}
.cp1dlist2 .a1{
	flex:1;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	color:inherit;
}
.cp1dlist2 .dt1{
	display:block;
	margin:0 0 .25rem;
	color:var(--color3v1, inherit);
	font-weight:400;
	font-size:.8125em;
}
.cp1dlist2 .dd1{
	flex:none;
	display:block;
	color:#333;
	font-weight:700;
	font-size:1.25em;
	font-family:'Lato',sans-serif;
	letter-spacing:0;
	white-space:nowrap;
}
/* .cp1dlist2 .dd1t1{}
.cp1dlist2 .dd1t2{
	color:#666;
	font-weight:400;
	font-size:.75em;
} */
/*  */
.cp1dlist2.col-3 .di1{
	flex:none;
	min-width:33.333%;
}
.cp1dlist2.col-4 .di1{
	/* width:25%; */
}


/* 컨테이너(중앙) (로그인) 20241220 */
.cp1container1{
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:0;
	position:relative;
	box-sizing:border-box;
	min-height:100%;
	line-height:1.375;
}
.cp1container1>.wrap1{
	position:relative;
	box-sizing:border-box;
	width:100%;
	max-width:480px;
	margin:0 var(--container-space);
	border-radius:.625rem;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1container1 .logo{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:6px;
	/* margin:calc(100/430*100%) auto 1.25rem; */
	margin:2.5rem auto 1.25rem;
}
.cp1container1 .logo img{
	width:auto;
	height:64px;
}
.cp1container1 .logo .t1{
	color:#262626;
	font-weight:700;
	font-size:25px;
}
/*  */
.cp1container1 .logo.dataedupt1{
	margin:calc(100/430*100%) auto calc(80/430*100%);
}
.cp1container1 .logo.dataedupt1 img{
	display:block;
	width:calc(260/430*100%);
	height:auto;
	margin:0 auto;
}
/*  */
.cp1container1 .hg1{
	text-align:center;
}
.cp1container1 .hg1 .h1{
	color:#212529;
	font-size:1.625rem;
	line-height:1.25;
}
.cp1container1 .hg1 .t1{
	margin:1.25rem 0;
	color:var(--color3v1, #666);
	font-size:1.125rem;
}
/* fieldset */
.cp1container1 .fs1{}
.cp1container1 .b1{
	font-weight:500;
}
/*  */
.cp1container1 .mns1{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:1em 0;
	text-align:center;
}
.cp1container1 .mns1 .a1{
	display:inline-block;
	position:relative;
	padding:.25em 1em;
	color:inherit;
	font-size:.875em;
}
.cp1container1 .mns1 .a1~.a1:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:.75em;
	margin:-.375em 0;
	border-left:1px solid var(--color11, #ddd);
}
/*  */
.cp1container1>.wrap1>.fg1{
	margin:2.5rem 0;
	text-align:center;
}
.cp1container1 .copyright{
	font-size:12px;
	letter-spacing:0;
}


/* SNS계정 (로그인..) 20240712 */
.cp1sns1{
	margin:1.5em 0;
	border-top:1px solid #ddd0;
	text-align:center;
}
.cp1sns1 .tt1{
	display:block;
	margin:.75em 0;
	color:#333;
	font-weight:500;
	font-size:1em;
	text-align:center;
}
.cp1sns1 .b2{
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
	height:3rem;
	margin:.5rem 0;
	padding:0 1.25rem;
	border:1px solid var(--color11);
	border-radius:var(--radius1);
	color:#333;
}
.cp1sns1 .b2ic1{
	flex:none;
	width:1.5625rem;
	height:1.5625rem;
	background:url() no-repeat center center / contain;
}
/* .cp1sns1 .b2.google .b2ic1{background-image:url(../../img/lib2/ic50a1c2google1.png);} */
.cp1sns1 .b2.kakaotalk .b2ic1{background-image:url(../../img/lib2/ic50a1c2kakaotalk1.png);}
.cp1sns1 .b2.naver .b2ic1{background-image:url(../../img/lib2/ic50a1c2naver1.png);}
.cp1sns1 .b2t1{
	flex:1;
	margin:0 1.5625rem 0 0;
	text-align:center;
}


/* 설치방법 (로그인..) 20240712 */
.cp1Install1{
	margin:1.25rem 0;
	border-top:1px solid #ddd0;
	text-align:center;
}
.cp1Install1 .tt1{
	display:block;
	margin:.75em 0;
	color:#333;
	font-weight:500;
	font-size:1em;
	text-align:center;
}
.cp1Install1 .btns{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:.625rem;
}
.cp1Install1 .button{
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:var(--radius2);
	background:var(--color1);
	color:#fff;
	font-weight:700;
	font-size:1rem;
}
.cp1Install1 .button:before{content:'';
	width:1.875rem;
	height:1.875rem;
	margin:0 .625rem 0 0;
	background:url() no-repeat center center / contain;
}
.cp1Install1 .button.aos{background:var(--color1);}
.cp1Install1 .button.ios{background:#0177ff;}
.cp1Install1 .button.aos:before{background-image:url(../../img/lib2/ic60a1c0android1.png);}
.cp1Install1 .button.ios:before{background-image:url(../../img/lib2/ic60a1c0apple1.png);}


/* 설치방법 (로그인..) 20241101 */
.cp1banner1{
	/* margin:1.25rem calc(var(--container-offset) * -1) calc(100/430*100%); */
	margin:1.25rem 0 calc(100/430*100%);
	border-top:1px solid #ddd0;
	text-align:center;
}
.cp1banner1 .a1{
	display:block;
}
.cp1banner1 .a1 img{
	display:block;
}


/* 차트 (나의 성적 Chart.js 막대) 20240614 -- 안씀 */
.cp1chart1{
	position:relative;
	margin:0 0 1.5em;
	letter-spacing:0;
}
.cp1chart1 .chart{
	position:relative;
}
.cp1chart1 .ticks{
	position:absolute;
	left:0;
	width:21.5px;
	padding:4px;
	background:#fff;
	font-size:12px;
	line-height:1;
	font-family:'맑은 고딕';
	text-align:right;
}
.cp1chart1 .ticks.v-40{
	bottom:calc(40% + 6px);
	color:var(--color2v1);
	font-weight:400;
}
.cp1chart1 .ticks.v-40:before{content:'40';}
.cp1chart1 .ticks.v-60{
	bottom:calc(60% + 0px);
	color:var(--color2v1);
	font-weight:400;
}
.cp1chart1 .ticks.v-60:before{content:'60';}


/* 차트 (나의 성적 ECharts 막대+라인 ) 20240705 */
.cp1chart2{
	z-index:0;
	position:relative;
	margin:0 0 1.5em;
	letter-spacing:0;
}
.cp1chart2>.wrap1.fscroll1-xy{}
.cp1chart2 .w1chart{
	position:relative;
	height:0;
	padding:0 0 calc(3/4*100%); /* ((2/3 */
}
.cp1chart2 .chart{
	position:absolute;
	width:100%;
	height:100%;
}
/* 슬라이더 가리개 */
.cp1chart2[data-num-submit='1']:before,
.cp1chart2[data-num-submit='2']:before,
.cp1chart2[data-num-submit='3']:before{ /* 제출수1,2,3 */
	content:'';
	display:block;
	z-index:10;
	position:absolute;left:0;right:0;bottom:0;
	height:10px;
	background:#fff;
}
/* 그래프 가리개 */
.cp1chart2[data-num-submit='1']:after{ /* 제출수1 */
	content:'';
	display:block;
	z-index:10;
	position:absolute;left:calc(30px + (100% - 30px)*1/3);right:0;top:0;bottom:0;
	background:#0000;
}
.cp1chart2[data-num-submit='2']:after{ /* 제출수2 */
	content:'';
	display:block;
	z-index:10;
	position:absolute;left:calc(30px + (100% - 30px)*2/3);right:0;top:0;bottom:0;
	background:#0000;
}


/* 코치마크1(통이미지-상하분리) 20241220 */
.cp1coachmark1{
	display:none;
	z-index:200;
	position:fixed;left:0;right:0;top:0;bottom:0;
	max-width:var(--container-max-width);
	margin:0 auto;
}
.cp1coachmark1 .bg{
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:-200px 0; /* ☆ */
	background:rgba(0,0,0,.75);
}
.cp1coachmark1 .cont{
	position:relative;
	height:100%;
}
.cp1coachmark1.on{
	display:block; /* ☆ */
}
.cp1coachmark1.on ~ #container{
	/* display:none; */ /* ☆ */
}
.cp1coachmark1 .f1{
	position:absolute;left:0;right:0;top:0;bottom:0;
}
.cp1coachmark1 .f1 .s{
	position:absolute;left:0;right:0;top:0;bottom:0;
	display:flex;
	flex-direction:column;
}
.cp1coachmark1 .f1 .s1{
	justify-content:flex-start;
}
.cp1coachmark1 .f1 .s2{
	justify-content:flex-end;
}
.cp1coachmark1 .f1 img{
	display:block;
	width:100%;
	height:auto;
}
/*  */
.cp1coachmark1 .menu{
	display:inline-flex; /* ☆ */
	align-items:center;
	position:absolute;left:0;top:50%;
	margin:0 20px;
	color:#fff;
	transform:translateY(-50%);
}
.cp1coachmark1 .menu .b1.close{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	position:relative;
	width:30px;
	height:30px;
	margin:0;
	padding:0;
	border:0;
	background:none;
	overflow:hidden;
	color:inherit;
	font:100 30px arial;
	line-height:1;
	cursor:pointer;
}
.cp1coachmark1 .menu .b1.close .ic1{
	display:block;
	width:26px;
	height:26px;
	background:url(../../img/lib2/ic52a1c0x1.png) no-repeat center center / contain;
	overflow:hidden;
	text-indent:-9999px;
}
.cp1coachmark1 .menu .b2.nosee{
	display:inline-flex;
	align-items:center;
}
.cp1coachmark1 .menu .t1{
	align-items:center;
	font-weight:500;
	font-size:1.25em;
}
/*  */
.cp1coachmark1 .menu .b1.close:hover,
.cp1coachmark1 .menu .b2.nosee:hover{
	color:#fffc;
}
@media (min-aspect-ratio: 16/9) { /* 세로모드 아니면 */
}
@media (max-aspect-ratio: 16/9) { /* 세로모드 */
}


/* 쿠폰 20240802 */
.cp1coupon1{
	position:relative;
	margin:0 0 10px;
	line-height:1.375;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1coupon1 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1coupon1 .li1{
	margin:0 0 .625rem;
}
.cp1coupon1 .a1[class]{
	display:flex;
	border:1px solid var(--color1);
	border-radius:var(--radius2);
	background:#fff;
	color:inherit;
	overflow:hidden;
}
.cp1coupon1 .w1{
	flex:none;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:.5em;
	background:var(--color1op1);
}
.cp1coupon1 .w2{
	flex:1;
	padding:1em;
}
/*  */
.cp1coupon1 .tt1{
	display:block;
	width:3.5em;
	color:var(--color1);
	font-weight:600;
	text-align:center;
}
.cp1coupon1 .tt1t1{
	display:block;
	/* font-size:1.125em; */
}
.cp1coupon1 .tt1t2{
	display:block;
}
.cp1coupon1 .tg1{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.cp1coupon1 .tt2{
	color:#333;
	font-size:1.0625em;
}
.cp1coupon1 .st1{
	flex:none;
	width:4em;
	margin:0 0 0 .375em;
	padding:.25em;
	border-radius:var(--radius1);
	background:var(--color14);
	color:#848484;
	font-weight:500;
	font-size:.75em;
	text-align:center;
}
.cp1coupon1 .st1.s1{
	background:var(--color1);
	color:#fff;
}
.cp1coupon1 .st1.s2{
	background:var(--color2);
	color:#fff;
}
.cp1coupon1 .tg2 .t1{
	margin:.5em 0;
	color:#000;
	font-weight:500;
	letter-spacing:0;
}
.cp1coupon1 .tg2 .t2{
	margin:.5em 0;
	color:#444;
	/* font-size:.875em; */
}
/* 주의사항 여닫기 */
.cp1coupon1 .eg1{
	color:#666;
	font-size:.875em;
}
.cp1coupon1 .eg1 .b1{
	display:inline-flex;
	align-items:center;
	margin:.5em 0 0;
	color:inherit;
}
.cp1coupon1 .eg1 .b1:after{content:'';
	width:8px;
	height:8px;
	margin:0 0 0 .375em;
	background:url(../../img/lib2/ic16a1c2a1down1.png) no-repeat center center / contain;
	transition:.2s;
}
.cp1coupon1 .eg1 .b1.on:after{
	transform:rotate(180deg);
}
/*  */
.cp1coupon1 .dl1{
	display:flex;
	flex-wrap:wrap;
	margin:.5em 0 0;
	font-size:.875em;
	overflow:hidden;
	transition:.2s;
}
/* 정의목록 */
.cp1coupon1 .eg1 .dl1{
	max-height:0;
}
.cp1coupon1 .eg1 .dl1.on{
	max-height:13.75em;
}
/*  */
.cp1coupon1 .dt1{
	flex:none;
	width:4.5em;
}
.cp1coupon1 .dt1:after{content:':';
	display:inline-block;
	margin:-.125em .25em .125em;
	vertical-align:middle;
}
.cp1coupon1 .dd1{
	width:calc(100% - 4.5em);
	margin:0;
}
.cp1coupon1 .dt1.blind + .dd1{
	width:100%;
}
.cp1coupon1 .dt1:not(:last-of-type),
.cp1coupon1 .dd1:not(:last-of-type){
	margin:0 0 .25em;
}
.cp1coupon1 .dd1 ul.bu{
	margin:0;
}
.cp1coupon1 .dd1 ul.bu li{
	margin:0;
	padding:0 0 0 1em;
	/* background-position:0 0; */
	background-size:7px 7px;
}
/* 사용완료/기간만료 */
.cp1coupon1 .end .a1[class]{
	border:1px solid var(--color14);
}
.cp1coupon1 .end .w1{
	background:var(--color14);
}
.cp1coupon1 .end .tt1{
	color:#848484;
}
/* 더보기 */
.cp1coupon1 .more{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:.25rem;
	position:relative;
	width:100%;
	height:auto;
	margin:0;
	padding:.375em 1em;
	border:0;
	background:#fff;
	color:inherit;
	font-size:.875em;
	text-align:center;
}
.cp1coupon1 .more:not(.on):hover{
	filter:brightness(.8) contrast(1.6);
}
.cp1coupon1 .more .ic1{
	flex:none;
	width:.875rem;
	height:.875rem;
	margin:0 0 .125em;
	background:url(../../img/lib2/ic28a1c2a1down1.png) no-repeat center center / contain;
}
.cp1coupon1 .more.on .ic1{
	transform:rotate(180deg);
}


/* 목록 (공지사항) 20240425 */
.cp1flist5{
	position:relative;
	line-height:1.375;
	word-wrap:break-word;
	word-break:keep-all;
}
.cp1flist5 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1flist5 .li1{}
/*  */
.cp1flist5 .a1{
	flex:1;
	display:block;
	position:relative;
	min-width:0;
	margin:0 0 -1px;
	padding:1em calc(20/(360 - 20*2)*100%) 1em calc(20/(360 - 20*2)*100%);
	border-top:1px solid var(--color12);
	border-bottom:1px solid var(--color12);
	color:#333;
}
.cp1flist5 .t1{
	display:block;
	font-weight:500;
	font-size:1.0625em;
}
.cp1flist5 .t2{
	display:block;
	margin:.1875em 0 0;
	color:#949494;
	font-size:.875em;
}


/* 회원가입 20240425 */
/*  */
.cp1signup1 .cp1fcontrol1 .a1{
	margin:calc(.75em - .125em) 0;
	color:#949494;
	font-size:.875em;
	text-decoration:underline 1px solid currentcolor;
	text-underline-position:under;
}
.cp1signup1 .cp1fcontrol1 .a1:hover,
.cp1signup1 .cp1fcontrol1 .a1:focus{
	color:#000;
}


/* 토스트 (정답 오답 안내) 20240712 */
.cp1toast1{
	display:block;
	z-index:50;
	position:fixed;left:0;right:0;bottom:0;
	margin:0 3rem 4rem;
	overflow:hidden;
	opacity:0;
	transform:translateY(300%);
}
.cp1toast1 .tg1{
	max-width:360px;
	margin:0 auto;
	padding:.5rem 1.875rem;
	border-radius:var(--radius1);
	background:#222;
	color:#fff;
	font-size:12px;
	text-align:center;
}
.cp1toast1 .correct{
	color:var(--color1);
}
.cp1toast1 .incorrect{
	color:var(--color2);
}
/* 한번만 동작 */
.cp1toast1.once{
	animation: kf1toast1 5s ease-in-out forwards;
}


/* 동영상 뷰어 20241206 */
.cp1view1video1{
	display:block;
	visibility:hidden;
	z-index:30;
	position:fixed;left:0;right:0;top:0;bottom:0;
	max-width:var(--container-max-width);
	margin:0 auto;
	overflow:hidden;
	/* overflow-y:auto; */
}
.cp1view1video1>.wrap1{
	display:flex;
	flex-direction:column;
	z-index:10;
	box-sizing:border-box;
	height:100%;
	margin:0 auto;
	background:var(--color21);
	transform:translateX(100%);
	transition:.6s;
}
.cp1view1video1>.wrap1>.container{
	flex:1;
	display:flex;
	flex-direction:column;
	width:100%;
	min-height:0;
	background:#fff;
}
.cp1view1video1 .b1.close .ic1{
	/* background:url(../../img/lib2/ic56a1c0a1left1.png) no-repeat .5rem center / contain;
	transform:rotate(180deg); */
	background:url(../../img/lib2/ic56a1c1a1left1.png) no-repeat -.5rem center / contain;
}
/* 키워드(해시태그) */
.cp1view1video1 .w1tag{
	display:block;
	position:relative;
	padding:1rem 0;
}
.cp1view1video1 .tag{
	display:inline-flex;
	align-items:center;
	margin:0 .125rem 0 0;
	padding:.375rem .625em;
	border-radius:var(--radius1);
	border:1px solid #0002;
	background:#fff;
	color:#000;
	font-weight:400;
	font-size:1em;
}
.cp1view1video1 .tag:before{content:'';
	flex:none;
	width:1rem;
	height:1rem;
	margin:0 .3125rem 0 0;
	background:url(../../img/lib2/ic32a1c1play2.png) no-repeat center center / contain;
}
.cp1view1video1 .tag.on{
	border-color:transparent;
	background:var(--color1);
	color:#fff;
}
.cp1view1video1 .tag.on:before{
	filter:invert(1) contrast(2);
}
/* 상태 */
.cp1view1video1.on{
	visibility:visible;
}
.cp1view1video1.on>.wrap1{
	transform:none;
}
.cp1view1video1.on.loaded .cp1player1video1,
.cp1view1video1.on.loaded .cp1caption1{
	animation:none;
}


/* 키워드(해시태그) 스크롤 20240621 */
.cp1tag1{ /* fscroll1-xy */
	position:relative;
	padding:1rem 0 .375rem;
	border-bottom:.625rem solid #fff;
	background:#fff;
	overflow:hidden;
	overflow-x:auto;
}
.cp1tag1::-webkit-scrollbar{
	display:none;
	width:0;
	height:0;
}
.cp1tag1>.container{
	display:table; /* 부모 가로 크기에 한정되지 않고 내부 요소들의 크기에 따라 폭이 증가 */
	margin:0;
	white-space:nowrap;
}
.cp1tag1 .w1tag{
	padding:0;
}
/* ◇◆ */
@media only screen and (-webkit-max-device-pixel-ratio:1.3){
	.cp1tag1:hover::-webkit-scrollbar{
		width:.375rem;
		height:.375rem;
	}
}


/* 비디오플레이어 20241029 */
.cp1player1video1{
	z-index:0;
	position:relative;
	width:100%;
	height:auto;
	margin:0 auto 1rem;
	background:#000;
	text-align:center;
	/* animation: kf1blink1 1s linear infinite; */
}
.cp1player1video1>.wrap1{
	position:relative;
	padding:0 0 calc(9/16*100%);
}
.cp1player1video1>.wrap1>.w1{
	position:absolute;left:0;right:0;top:0;bottom:0;
}
.cp1player1video1 .w1{
	display:flex;
	justify-content:center;
}
/*  */
.cp1player1video1 .video,
.cp1player1video1 iframe{
	z-index:0;
	position:relative;
	width:100%;
	height:auto;
}
/*  */
.cp1player1video1 .b1.play{
	display:flex;
	/* display:none; */
	justify-content:center;
	align-items:center;
	z-index:20;
	position:absolute;left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
	margin:0;
	border:0;
	background:none;
	color:#fff;
	opacity:0;
}
/* 잠금(차단) */
.cp1player1video1 .lock i{
	display:block;
	z-index:10;
	position:absolute;
	background:#ee00;
}
.cp1player1video1 .lock i:nth-child(1){
	top:0;
	left:0;
	right:0;
	height:64px;
}
.cp1player1video1 .lock i:nth-child(2){
	bottom:0;
	right:0;
	width:240px; /* 화면확인 */
	height:40px;
}


/* 자막 20240614 */
.cp1caption1{
	flex:1;
	display:block;
	position:relative;
	/* height = (뷰높이 - 상단높이 - 동영상높이 - 태그와상하마진) - 아래여백 ==> [JS] 자막 높이 설정 */
	/* height:calc(100vh - 4.125rem - 9/16*100vw - 1rem - 3.625rem - 1rem - 1rem); */
	margin:0 -13px 1rem 0;
	padding:1px;
	background:#fff;
	overflow:hidden;
	/* animation: kf1blink1 1s linear infinite; */
}
.cp1caption1:before{content:'';
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:0 13px 0 0;
	border:1px solid var(--color12);
	border-radius:var(--radius2);
}
.cp1caption1>.wrap1.fscroll1-xy{
	position:relative;
	height:100%;
	padding:0 5px 0 0;
	overflow:hidden;
	overflow-y:scroll;
}
.cp1caption1>.wrap1.fscroll1-xy::-webkit-scrollbar{
	background-color:transparent;
}
.cp1caption1 .cont{
	position:relative; /* ☆중요! [JS] .cp1caption1 .li1 .a1 의 position().top 기준점 */
}
.cp1caption1 .lst1{
	list-style:none;
	margin:0;
	padding:.75em 0;
	overflow:hidden;
}
/* 마킹 있는 타임스탬프의 자막만 보여준다. */
.cp1caption1 .li1{
	/* height:0; */ /* 20240607. 주석처리하여 모든 자막 보여줌 */
	padding:0 .75em;
	overflow:hidden;
}
.cp1caption1 .li1:has(mark){
	height:auto;
}
/*  */
.cp1caption1 .li1 .a1{
	display:flex;
	align-items:baseline;
	position:relative;
	padding:.625em 0;
	color:#000c;
	line-height:1.375;
	text-decoration:none;
}
.cp1caption1 .li1 .a1:before{content:'';
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:0 -999px;
	/* transition:.2s; */
}
.cp1caption1 .li1 .tg1{
	flex:none;
	position:relative;
}
.cp1caption1 .li1 .tg2{
	position:relative;
}
.cp1caption1 .li1 .t1{
	display:inline-block;
	margin:0 1em 0 0;
	padding:.25em .375em;
	border:1px solid var(--color11);
	border-radius:var(--radius1);
	background:#fff;
	color:#666;
	font-size:.75em;
	letter-spacing:0;
}
.cp1caption1 .li1 .t2{
	font-size:.875em;
}
.cp1caption1 .li1 .mark{
	background:none;
	color:var(--color1v1);
	font-weight:600;
}
/*  */
.cp1caption1 .li1 .a1:hover,
.cp1caption1 .li1 .a1:focus{
	color:#333;
}
.cp1caption1 .li1 .a1:hover:before,
.cp1caption1 .li1 .a1:focus:before{
	background:#00000008;
}
.cp1caption1 .li1 .a1.is-marked:before{
	background:#f2fff9;
}
.cp1caption1 .li1 .a1.on:before{
	background:#daf3e8;
}
.cp1caption1 .li1 .a1.on .t1{
	border-color:var(--color1v1);
	color:var(--color1v1);
	font-weight:500;
}
.cp1caption1 .li1 .a1:not(.on):focus:before{
	background:transparent;
	transition:0s .5s;
}
/* ◇◆ */
@media all and (min-width:640px){
	.cp1caption1{
		/* height:calc(100vh - 4.125rem - 9/16*640px - 1rem - 3.625rem - 1rem - 1rem); */
	}
}
/* ◇◆ mobile ◇◆ */
@media only screen and (-webkit-min-device-pixel-ratio:1.3){
	.cp1caption1{
		margin:0 -7px 1rem 0;
	}
.cp1caption1:before{
		margin:0 7px 0 0;
	}
}


/* 플로트메뉴 20240527 */
.cp1float1menu1{
	display:block;
	visibility:hidden;
	z-index:30;
	position:fixed;
	top:156px;
	left:0;
	right:0;
	width:100%;
	max-width:var(--container-max-width);
	height:0;
	margin:0 auto;
}
.cp1float1menu1.on{
	visibility:visible;
}
.cp1float1menu1 .a1{
	display:flex;
	justify-content:center;
	align-items:center;
	width:calc(2.5rem - var(--radius1));
	height:2.5rem;
	margin:0 0 0 auto;
	border-radius:var(--radius1) 0 0 var(--radius1);
	background:var(--color1);
	box-shadow:0 4px 4px 0 #0001;
}
.cp1float1menu1 .a1 .ic1{
	width:1.5rem;
	height:1.5rem;
	background:url(../../img/lib2/ic48a2c0pc1play1.png) no-repeat center center / contain;
}


/* 마스크 20241101 */
.cp1mask1{
	display:block;
	z-index:0;
	position:relative;
}
.cp1mask1:has([data-num-submit='0']):after, /* 제출수0 */
.cp1mask1.lock:after{content:'';
	display:block;
	z-index:100;
	position:absolute;left:0;right:0;top:0;bottom:0;
	margin:-1em calc(var(--container-offset) * -1) 0;
	background:#00000006 url(../../img/lib2/ic64a1c2lock1.png) no-repeat center center / 2rem;
}


/* 토스트 (뒤로가기 안내) 20240712 */
.cp1toast2{
	display:block;
	z-index:50;
	position:fixed;left:0;right:0;bottom:0;
	margin:0 3rem 5.75rem;
	overflow:hidden;
	opacity:0;
	transform:translateY(300%);
}
.cp1toast2 .tg1{
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	max-width:360px;
	margin:0 auto;
	padding:.6875rem 1.5625rem;
	border-radius:9999px;
	background:#000000b4;
	color:#fff;
	font-size:.875em;
	line-height:1.375;
	text-align:center;
}
.cp1toast2 .tg1 .ic1{
	flex:none;
	width:1.5rem;
	height:1.5rem;
	margin:0 .625em 0 0;
	border-radius:7px;
	background:#fff url(../../images/192x192.png) no-repeat center center / 20px;
}
/* 동작 */
.cp1toast2.on{
	animation: kf1toast1 3s ease-in-out forwards;
}


/* 이용권 기간 선택 20241017 */
.cp1period1{ /* selectmenu1 */
	width:100%;
}
.cp1period1 .title .a1{
	border-color:var(--color11);
	border-radius:var(--radius1);
}
.cp1period1 .title.on .a1{
	border-radius:var(--radius1) var(--radius1) 0 0;
}
.cp1period1 .title .a1 .t1{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:0 1em;
	padding:0;
	font-weight:500;
}
.cp1period1 .selectmenu1option{
	width:100%;
	max-width:none;
}
.cp1period1 .options{
	max-height:calc((1.375em + .75em*2)*7);
	padding:0;
	border-radius:0 0 var(--radius1) var(--radius1);
}
.cp1period1 .option ~ .option{
	border-top:1px solid #eee;
}
.cp1period1 .a1[class]{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:0 1em;
	padding:.75em 1em;
}
.cp1period1 .a1 .eg1{
	flex:none;
}
.cp1period1 .a1 .t1t1{
	color:#333;
	font-weight:600;
}
.cp1period1 .a1 .t1t2{
	display:inline-flex;
	align-items:center;
	color:#949494;
}
.cp1period1 .a1 .t1t2:after{content:'';
	display:inline-block;
	box-sizing:border-box;
	width:.5em;height:.5em;
	margin:0 .5em;
	border:0 solid currentcolor;
	border-width:.125em .125em 0 0;
	vertical-align:middle;
	transform:rotate(45deg);
}
.cp1period1 .a1 .t1t3{
	color:#333;
	font-weight:600;
	text-decoration:none;
}
/*  */
.cp1period1 .option .a1:hover,
.cp1period1 .option .a1:focus{
	background:#fcfcfc;
	color:inherit;
}
.cp1period1 .option.on .a1{
	background:#eee;
	color:#000;
}


/* 상품 선택 목록. 20241017 */
.cp1cart1list1{
	position:relative;
	margin:1.5em 0;
}
.cp1cart1list1 ul{
	list-style:none;margin:0;padding:0;
}
.cp1cart1list1 .item{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0 0 -1px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.cp1cart1list1 .item ~ .item{
	border-top:1px solid #fff8;
}
.cp1cart1list1 .a1[class]{
	flex:1;
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:0 1em;
	padding:.75em 1em;
}
.cp1cart1list1 .a1 .eg1{
	flex:none;
}
.cp1cart1list1 .a1 .t1t1{
	color:#333;
	font-weight:600;
}
.cp1cart1list1 .a1 .t1t2{
	display:inline-flex;
	align-items:center;
	color:#949494;
}
.cp1cart1list1 .a1 .t1t2:after{content:'';
	display:inline-block;
	box-sizing:border-box;
	width:.5em;height:.5em;
	margin:0 .5em;
	border:0 solid currentcolor;
	border-width:.125em .125em 0 0;
	vertical-align:middle;
	transform:rotate(45deg);
}
.cp1cart1list1 .a1 .t1t3{
	color:#333;
	font-weight:600;
	text-decoration:none;
}
.cp1cart1list1 .button.del{
	color:#949494;
}
.cp1cart1list1 .button.del:hover{
	color:#000;
}
/*  */
.cp1cart1list1 .item .a1:hover,
.cp1cart1list1 .item .a1:focus{background:inherit;color:inherit;}
.cp1cart1list1 .item.on .a1{background:#eee;color:#000;}


/* 결제금액 20240712 */
.cp1price1{
	margin:1em 0;
	padding:0 1em;
	border-radius:var(--radius1);
	background:var(--color1op1);
}
.cp1price1 .hg1{
	display:flex;
	justify-content:flex-end;
	align-items:center;
	padding:.75em 1em;
	border-bottom:1px solid var(--color1);
}
.cp1price1 .hg1 .t1{
	color:#333;
	font-weight:600;
}
.cp1price1 .hg1 .t2{
	margin:0 .25em 0 .75em;
	color:#333;
	font-weight:700;
	font-size:1.375rem;
}
.cp1price1 .hg1 .t3{
	color:var(--color1v1);
	font-weight:700;
	font-size:1.25rem;
}
.cp1price1 .tg1{
	padding:.75em 0;
}
.cp1price1 .dl1{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0;
	padding:.3125em 1em;
}
.cp1price1 .dt1{
	color:#333;
	font-weight:600;
	font-size:.9375rem;
}
.cp1price1 .dd1{
	color:var(--color1v1);
	font-weight:600;
}
.cp1price1 .dl1 ~ .dl1 .dd1{
	font-weight:400;
}


/* 체크팁 (결제방법) 20241206 */
.cp1check1tip1{
	margin:1em 0;
	padding:1em 0;
	border-top:1px solid var(--color12);
}
.cp1check1tip1 .cp1fcontrol1.mline{}
.cp1check1tip1 .w1{
	width:100%;
}
.cp1check1tip1 .w2{
	width:100%;
	margin:1em 0 0;
	padding:1em 0 0;
	border-top:1px solid var(--color12);
}
.cp1check1tip1 .item{
}
.cp1check1tip1 .tip{
	position:relative;
	max-height:0;
	border-radius:var(--radius1);
	background:var(--color21);
	font-size:.875em;
	overflow:hidden;
}
.cp1check1tip1 .tip:before{content:''; /* △ */
	display:inline-block;
	position:absolute;left:2em;top:0;
	width:0;height:0;
	margin:-8px 0;
	border:0 solid transparent;
	border-width:0 8px 8px 8px;
	border-bottom-color:var(--color21);
}
.cp1check1tip1 .tip.on{
	max-height:100%;
	padding:.75em 1em;
	overflow:visible;
}
.cp1check1tip1 .a1{
	text-decoration:underline 1px dashed currentcolor;
	text-underline-position:under;
}


/* 자동 레이어팝업 20240719 */
.cp1layer1pop1{
	z-index:200;
	position:fixed;left:0;right:0;top:0;
}
.cp1layer1pop1:before{content:'';
	display:block;
	position:fixed;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .5);
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp1layer1pop1>.wrap1{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	visibility:hidden;
	position:fixed;
	left:50%;
	top:50%;
	width:calc(100% - 40px);
	max-width:400px;
	/* border:1px solid #000; */
	border-radius:var(--radius2);
	/* background:#eee; */
	/* overflow:hidden; */
	opacity:0;
	/* box-shadow:0 0 1em 0 rgba(0, 0, 0, .2); */
	transform:translate(-50%, -50%);
	transition:.4s;
}
.cp1layer1pop1.on:before,
.cp1layer1pop1.on>.wrap1{
	visibility:visible;
	margin:0;
	opacity:1;
}
.cp1layer1pop1>.wrap1>.cont{
	display:block;
}
.cp1layer1pop1>.wrap1>.menu{}
.cp1layer1pop1>.wrap1>.menu [class*='b']{
	display:inline-flex; /* ☆ */
	justify-content:center;
	align-items:center;
	transition:.2s;
}
.cp1layer1pop1>.wrap1>.menu [class*='b']:hover,
.cp1layer1pop1>.wrap1>.menu [class*='b']:focus{
	opacity:1;
}
.cp1layer1pop1>.wrap1>.menu .b1{
	position:absolute;
	left:50%;
	top:100%;
	margin:1.25rem 0;
	text-decoration:underline 1px solid currentcolor;
	text-underline-position:under;
	color:#fff;
	transform:translateX(-50%);
}
/* × */
.cp1layer1pop1>.wrap1>.menu .b2{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	z-index:10;
	position:absolute;
	right:0;
	top:0;
	width:1.875rem;
	height:1.875rem;
	margin:.625rem .9375rem;
	padding:0;
	border:0;
	background:url(../../img/lib2/ic60a1c1x1.png) no-repeat center center / contain;
	overflow:hidden;
	text-indent:-9999px;
	opacity:.5;
}
.cp1layer1pop1>.wrap1>.menu .b2:hover{
	opacity:1;
}


/* 자동 레이어팝업 (미사용.m01) 20240712 */
.cp1layer1pop2{
	z-index:200;
	position:fixed;left:0;right:0;top:0;
}
.cp1layer1pop2:before{content:'';
	display:block;
	position:fixed;left:0;right:0;top:0;bottom:0;
	background:rgba(0,0,0, .5);
	visibility:hidden;
	opacity:0;
	transition:.4s;
}
.cp1layer1pop2>.wrap1{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	visibility:hidden;
	position:fixed;
	left:50%;
	top:50%;
	width:calc(100% - 40px);
	max-width:400px;
	/* border:1px solid #000; */
	border-radius:var(--radius2);
	/* background:#eee; */
	overflow:hidden;
	opacity:0;
	box-shadow:0 0 1em 0 rgba(0, 0, 0, .2);
	transform:translate(-50%, -50%);
	transition:.4s;
}
.cp1layer1pop2.on:before,
.cp1layer1pop2.on>.wrap1{
	visibility:visible;
	margin:0;
	opacity:1;
}
.cp1layer1pop2>.wrap1>.cont{
	display:block;
}
.cp1layer1pop2>.wrap1>.menu{
	flex:none;
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:46px;
	background:#fff;
	line-height:1.375;
}
.cp1layer1pop2>.wrap1>.menu [class*='b']{
	display:inline-flex; /* ☆ */
	justify-content:center;
	align-items:center;
	padding:.75rem 1.25rem;
	color:#333;
	font-size:.875rem;
	opacity:.75;
	transition:.2s;
}
.cp1layer1pop2>.wrap1>.menu [class*='b']:hover,
.cp1layer1pop2>.wrap1>.menu [class*='b']:focus{
	opacity:1;
}
.cp1layer1pop2>.wrap1>.menu .b1 .t1{
	border-bottom:1px solid currentcolor;
}
/* × */
.cp1layer1pop2>.wrap1>.menu .b2{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	position:relative;
	width:32px;
	height:32px;
	margin:0 .5rem;
	padding:0;
	border:0;
	background:#fff;
	overflow:hidden;
	text-indent:-9999px;
}
.cp1layer1pop2>.wrap1>.menu .b2:before,
.cp1layer1pop2>.wrap1>.menu .b2:after{content:'';
	display:block;
	position:absolute;left:50%;top:50%;
	width:0;
	height:16px;
	margin:-8px -1px;
	border-left:1px solid #000c;
	transform:rotate(45deg);
}
.cp1layer1pop2>.wrap1>.menu .b2:after{
	transform:rotate(-45deg);
}


/* VisualPR로테이터 (홍보 팝업). 20250103 [JS] jQmPR1(); */
.cp1vpr1{
	display:block;
	position:relative;
	margin:auto;
	overflow:hidden;
}
.cp1vpr1 .wrap1{
	display:flex;
	flex-direction:column-reverse;
	align-items:stretch;
}
.cp1vpr1 .w1mView{
	position:relative;
	padding:0 0 calc(423/380*100%);
}
.cp1vpr1 .mView{
	z-index:0; /* ☆ */
	position:absolute;left:0;right:0;top:0;bottom:0;
	border-radius:25px;
	overflow:hidden;
}
.cp1vpr1 .mCont{
	position:relative;
	width:100%;height:100%;
	margin:0;
	padding:0;
}
.cp1vpr1 .mContC{
	display:block;
	position:absolute;left:0;
	top:0 !important;
	width:100%;height:100%;
	overflow:hidden;
}
/*  */
.cp1vpr1 .mContC:first-child{z-index:1;}
.cp1vpr1 .mContC.on{display:block;}
.cp1vpr1 .mContC .c,
.cp1vpr1 .mContC .a1{
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:transparent;
	overflow:hidden;
	transition:.2s;
}
.cp1vpr1 .mContC a[href]{
	text-decoration:none;
	cursor:pointer;
}
/*  */
.cp1vpr1 .mContC .f1{
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1vpr1 .mContC .f1p1{
	display:flex; /* ☆ */
	flex-direction:column;
	justify-content:center;
	align-items:center;
	height:100%;
}
.cp1vpr1 .mContC .f1 img{
	display:block;
	width:auto;
	height:auto;
	max-height:100%;
}
/* 고도화 */
.cp1vpr1 .mContC .c:focus,
.cp1vpr1 .mContC .a1:focus{border:1px dotted #000;overflow:hidden;}
.cp1vpr1 .mContC .c:focus .f1,
.cp1vpr1 .mContC .a1:focus .f1{margin:-1px;}
.cp1vpr1 .mContC.on .a1{}
.cp1vpr1 .mContC.off .a1{}
.cp1vpr1 .mContC.prev-on .a1{}
.cp1vpr1 .mContC.next-on .a1{}
/* 메뉴 */
.cp1vpr1 .menu{
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:10;
	position:relative;
	box-sizing:border-box;
	height:3.625rem;
	margin:0 0 -.625rem;
	font-size:0;
	transition:.2s;
}
.cp1vpr1 .menu .m{
	display:inline-block;
	position:relative;
	box-sizing:border-box;
	margin:0;padding:0;border:0;border-radius:0;
	background:url();
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
	/* transition:.2s; */
}
.cp1vpr1 .menu .m .ic1{
	display:inline-block;
	position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat center center / contain;
	/* transition:.2s; */
}
/* 쪽수 */
.cp1vpr1 .mPage{
	display:inline-block;
	display:none; /* ☆ */
	padding:.25em .75em;
	border-radius:9999px;
	background:#0002;
	color:#fffc;
	font-size:1rem; /* ☆ */
	line-height:1.375;
	vertical-align:middle;
}
.cp1vpr1 .mPage .on{}
.cp1vpr1 .mPage .sep{
	margin:0 .25em;
	font-weight:100;
	opacity:.4;
}
.cp1vpr1 .mPage .total{}
/* 순번 */
.cp1vpr1 .w1mNum{
	display:inline-block;
	position:relative;
	vertical-align:middle;
}
.cp1vpr1 .mNum{
	display:flex;
	align-items:center;
}
.cp1vpr1 .mNum .m{
	overflow:hidden;
}
.cp1vpr1 .mNum .m .t1{
	position:absolute;
	left:-9999px;
}
.cp1vpr1 .mNum .m .ic1{
	display:block;
	position:static;
	width:10px;
	height:10px;
	margin:6px;
	border-radius:9999px;
	background:#eeec;
	/* transition:.2s linear; */
}
.cp1vpr1 .mNum .m.on{
}
.cp1vpr1 .mNum .m.on .ic1{
	width:40px;
	background:#fff;
}
/* 제어 */
.cp1vpr1 .mControl{
	display:inline-block;
	vertical-align:middle;
}
.cp1vpr1 .mControl .m{
	display:inline-block;
	width:26px;
	height:26px;
	margin:0 1px;
	background:#0000;
}
.cp1vpr1 .mControl .m:hover,
.cp1vpr1 .mControl .m:focus{
	opacity:1;
}
.cp1vpr1 .mControl .m .ic1{
	display:inline-block;
	position:absolute;left:50%;top:50%;
	box-sizing:border-box;
	width:10px;height:10px;
	border:0 solid #fff;
	border-width:2px 2px 0 0;
}
.cp1vpr1 .mControl .stop .ic1{ /* || */
	width:6px;
	border-width:0 2px;
	margin:-6px -4px;
}
.cp1vpr1 .mControl .play .ic1{ /* ▷ */
	width:0;height:0;
	margin:-6px -3px;
	border:0 solid transparent;
	border-width:6px 0 6px 8px;
	border-left-color:#fff;
}
.cp1vpr1 .mControl .prev .ic1{ /* < */
	margin:-5px -3px;
	transform:rotate(-135deg);
}
.cp1vpr1 .mControl .next .ic1{ /* > */
	margin:-5px -7px;
	transform:rotate(45deg);
}
.cp1vpr1 .mControl .play,
.cp1vpr1 .mControl .prev,
.cp1vpr1 .mControl .next{
	display:none; /* ☆ */
}
.cp1vpr1 .mControl .stop.on{
	display:none;
}
.cp1vpr1 .mControl .stop.on + .play{
	display:inline-block;
}
/* 제어2 */
.cp1vpr1 .mControl2{
	display:flex;
	display:none; /* ☆ */
	justify-content:space-between;
	align-items:center;
	z-index:10;
	position:absolute;
	left:0;right:0;
	bottom:23px;
	max-width:var(--max-width);
	height:0;
	margin:0 auto;
}
.cp1vpr1 .mControl2 .m{
	display:inline-block;
	position:relative;
	width:48px;
	height:48px;
	margin:0;
	padding:0;
	border:0;
	border-radius:0;
	background:none;
	opacity:.35;
	transition:.2s;
}
.cp1vpr1 .mControl2 .m:hover,
.cp1vpr1 .mControl2 .m:focus{
	opacity:1;
}
.cp1vpr1 .mControl2 .m .ic1{
	display:inline-block;
	position:absolute;left:50%;top:50%;
	box-sizing:border-box;
	width:14px;height:14px;
	border:0 solid #000;
	border-width:1px 1px 0 0;
	transition:.2s;
}
.cp1vpr1 .mControl2 .prev .ic1{ /* < */
	margin:-7px -3.5px;
	transform:rotate(-135deg);
}
.cp1vpr1 .mControl2 .next .ic1{ /* > */
	margin:-7px -10.5px;
	transform:rotate(45deg);
}
/* 고도화 */
.cp1vpr1.nodo .menu,
.cp1vpr1.nodo .mControl2{display:none;}


/* VisualPR로테이터 (홍보 팝업) (미사용.m01) 20250103 [JS] jQmPR1(); */
.cp1vpr2{
	display:block;
	position:relative;
	margin:auto;
	overflow:hidden;
}
.cp1vpr2 .wrap1{
	/* position:relative; 안함 (.menu 위치 위해) */
	/* margin:0 -100%; */
}
.cp1vpr2 .w1mView{
	position:relative;
	margin:0 auto 46px;
	padding:0 0 calc(423/380*100%);
}
.cp1vpr2 .mView{
	z-index:0; /* ☆ */
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1vpr2 .mCont{
	position:relative;
	width:100%;height:100%;
	margin:0;
	padding:0;
}
.cp1vpr2 .mContC{
	display:block;
	position:absolute;left:0;
	top:0 !important;
	width:100%;height:100%;
	overflow:hidden;
}
/*  */
.cp1vpr2 .mContC:first-child{z-index:1;}
.cp1vpr2 .mContC.on{display:block;}
.cp1vpr2 .mContC .c,
.cp1vpr2 .mContC .a1{
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:transparent;
	overflow:hidden;
	transition:.2s;
}
.cp1vpr2 .mContC a[href]{
	text-decoration:none;
	cursor:pointer;
}
/*  */
.cp1vpr2 .mContC .f1{
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1vpr2 .mContC .f1p1{
	display:flex; /* ☆ */
	flex-direction:column;
	justify-content:center;
	align-items:center;
	height:100%;
}
.cp1vpr2 .mContC .f1 img{
	display:block;
	width:auto;
	height:auto;
	max-height:100%;
}
/* 고도화 */
.cp1vpr2 .mContC .c:focus,
.cp1vpr2 .mContC .a1:focus{border:1px dotted #000;overflow:hidden;}
.cp1vpr2 .mContC .c:focus .f1,
.cp1vpr2 .mContC .a1:focus .f1{margin:-1px;}
.cp1vpr2 .mContC.on .a1{}
.cp1vpr2 .mContC.off .a1{}
.cp1vpr2 .mContC.prev-on .a1{}
.cp1vpr2 .mContC.next-on .a1{}
/* 메뉴 */
.cp1vpr2 .menu{
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:10;
	position:absolute;left:0;right:0;bottom:0;
	box-sizing:border-box;
	height:46px;
	background:#fff;
	font-size:0;
	transition:.2s;
}
.cp1vpr2 .menu .m{
	display:inline-block;
	position:relative;
	box-sizing:border-box;
	margin:0;padding:0;border:0;border-radius:0;
	background:url();
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
}
.cp1vpr2 .menu .m .ic1{
	display:inline-block;
	position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat center center / contain;
}
/* 쪽수 */
.cp1vpr2 .mPage{
	display:inline-block;
	display:none; /* ☆ */
	padding:.25em .75em;
	border-radius:9999px;
	background:#0002;
	color:#fffc;
	font-size:1rem; /* ☆ */
	line-height:1.375;
	vertical-align:middle;
}
.cp1vpr2 .mPage .on{}
.cp1vpr2 .mPage .sep{
	margin:0 .25em;
	font-weight:100;
	opacity:.4;
}
.cp1vpr2 .mPage .total{}
/* 순번 */
.cp1vpr2 .w1mNum{
	display:inline-block;
	position:relative;
	vertical-align:middle;
}
.cp1vpr2 .mNum{}
.cp1vpr2 .mNum .m{
	padding:.75em;
	color:#777;
	font-size:.875rem;
	opacity:.5;
}
.cp1vpr2 .mNum .m .t1{
	float:left;
}
.cp1vpr2 .mNum .m .ic1{}
.cp1vpr2 .mNum .m.on{
	opacity:1;
}
/* 제어 */
.cp1vpr2 .mControl{
	display:inline-block;
	display:none; /* ☆ */
	vertical-align:middle;
}
.cp1vpr2 .mControl .m{
	display:inline-block;
	width:26px;
	height:26px;
	margin:0 1px;
	border-radius:8px;
	background:#0001;
}
.cp1vpr2 .mControl .m:hover,
.cp1vpr2 .mControl .m:focus{
	opacity:1;
}
.cp1vpr2 .mControl .m .ic1{
	display:inline-block;
	position:absolute;left:50%;top:50%;
	box-sizing:border-box;
	width:10px;height:10px;
	border:0 solid #fff;
	border-width:2px 2px 0 0;
}
.cp1vpr2 .mControl .stop .ic1{ /* || */
	width:8px;
	border-width:0 2px;
	margin:-6px -4px;
}
.cp1vpr2 .mControl .play .ic1{ /* ▷ */
	width:0;height:0;
	margin:-6px -3px;
	border:0 solid transparent;
	border-width:6px 0 6px 8px;
	border-left-color:#fff;
}
.cp1vpr2 .mControl .prev .ic1{ /* < */
	margin:-5px -3px;
	transform:rotate(-135deg);
}
.cp1vpr2 .mControl .next .ic1{ /* > */
	margin:-5px -7px;
	transform:rotate(45deg);
}
/* 제어2 */
.cp1vpr2 .mControl2{
	display:flex; /* ☆ */
	justify-content:space-between;
	align-items:center;
	z-index:10;
	position:absolute;
	left:0;right:0;
	bottom:23px;
	max-width:var(--max-width);
	height:0;
	margin:0 auto;
}
.cp1vpr2 .mControl2 .m{
	display:inline-block;
	position:relative;
	width:48px;
	height:48px;
	margin:0;
	padding:0;
	border:0;
	border-radius:0;
	background:none;
	opacity:.35;
	transition:.2s;
}
.cp1vpr2 .mControl2 .m:hover,
.cp1vpr2 .mControl2 .m:focus{
	opacity:1;
}
.cp1vpr2 .mControl2 .m .ic1{
	display:inline-block;
	position:absolute;left:50%;top:50%;
	box-sizing:border-box;
	width:14px;height:14px;
	border:0 solid #000;
	border-width:1px 1px 0 0;
	transition:.2s;
}
.cp1vpr2 .mControl2 .prev .ic1{ /* < */
	margin:-7px -3.5px;
	transform:rotate(-135deg);
}
.cp1vpr2 .mControl2 .next .ic1{ /* > */
	margin:-7px -10.5px;
	transform:rotate(45deg);
}
/* 고도화 */
/* .cp1vpr2.nodo .menu,
.cp1vpr2.nodo .mControl2{display:none;} */
/* .cp1vpr2 .mControl .stop.on,
.cp1vpr2 .mControl .play.on{display:none;} */


/* 이벤트(+공지사항) 20240802 */
.cp1event1{
	position:relative;
	padding:0 0 140px;
	background:#103770;
}
.cp1event1 .cont{
	position:relative;
}
.cp1event1 .cont>.w1{
	position:relative;
}
/*  */
.cp1event1 .b1{
	display:block;
	position:absolute;
	background:#ee00;
	overflow:hidden;
	text-indent:-9999px;
}
.cp1event1 .b1.s1{
	left:calc(60/1000*100%);
	right:calc(520/1000*100%);
	top:calc(1037/1295*100%);
	bottom:calc(150/1295*100%);
	overflow:hidden;
}
.cp1event1 .b1.s2{
	left:calc(520/1000*100%);
	right:calc(60/1000*100%);
	top:calc(1037/1295*100%);
	bottom:calc(150/1295*100%);
	overflow:hidden;
}
/* 무료 강의 홍보 영상 */
.cp1event1 .cont>.w2{
	position:relative;
	background:#113770;
}
.cp1event1 .cont>.w2 .bg1{
	display:block;
	margin:0 0 calc(745/1000*-100%);
}
.cp1event1 .video1{
	display:block;
	position:relative;
	width:100%;
	max-width:calc(854/1000*640px);
	height:0;
	margin:22.3% auto 0;
	padding:0 0 calc(9/16*100%);
}
.cp1event1 .video1 .video, /* 일반 video */
.cp1event1 .video1 .video-js{ /* 스트리밍 보안 video */
	position:absolute;left:0;right:0;top:0;bottom:0;
	width:100%;
	height:100%;
}
.cp1event1 .video-js .vjs-big-play-button{
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.cp1event1 .video-js [class*='panel']{
	border:0;
	background:transparent;
}
/* 하단플로팅 */
.cp1event1 .fg1{
	position:fixed;left:0;right:0;bottom:0;
	max-width:640px;
	margin:0 auto;
	background:#fff;
}
.cp1event1 .fg1>.w1{
	padding:6%;
	text-align:center;
}
/* 하단플로팅안함 (QR 링크 페이지) */
.cp1event1.type2{
	padding:0;
}
.cp1event1.type2 .fg1{
	position:static;
}
/* 배경색 없이 (공지사항 역조공) */
.cp1event1.type3{
	padding:0;
}
.cp1event1.type3 .fg1>.w1{
	padding:6% 0;
}


/* ◇◆ 홈(메인) 콘텐츠. 20241031~ ◇◆ */


/* VisualPR로테이터 (홍보 배너). 20250110 [JS] jQmPR1(); */
.cp1vpr3{
	display:block;
	position:relative;
	margin:10px calc(var(--container-offset) * -1);
	overflow:hidden;
}
.cp1vpr3 .wrap1{
	display:flex;
	flex-direction:column-reverse;
	align-items:stretch;
}
.cp1vpr3 .w1mView{
	position:relative;
	padding:0 0 calc(230/430*100%);
}
.cp1vpr3 .mView{
	z-index:0; /* ☆ */
	position:absolute;left:0;right:0;top:0;bottom:0;
	border-radius:0;
	overflow:hidden;
}
.cp1vpr3 .mCont{
	position:relative;
	width:100%;height:100%;
	margin:0;
	padding:0;
}
.cp1vpr3 .mContC{
	display:block;
	position:absolute;left:0;
	top:0 !important;
	width:100%;height:100%;
	overflow:hidden;
}
/*  */
.cp1vpr3 .mContC:first-child{z-index:1;}
.cp1vpr3 .mContC.on{display:block;}
.cp1vpr3 .mContC .c,
.cp1vpr3 .mContC .a1{
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	background:transparent;
	overflow:hidden;
	transition:.2s;
}
.cp1vpr3 .mContC a[href]{
	text-decoration:none;
	cursor:pointer;
}
/*  */
.cp1vpr3 .mContC .f1{
	display:block;
	position:absolute;left:0;right:0;top:0;bottom:0;
	overflow:hidden;
}
.cp1vpr3 .mContC .f1p1{
	display:flex; /* ☆ */
	flex-direction:column;
	justify-content:center;
	align-items:center;
	height:100%;
}
.cp1vpr3 .mContC .f1 img{
	display:block;
	width:auto;
	height:auto;
	max-height:100%;
}
/* 고도화 */
.cp1vpr3 .mContC .c:focus,
.cp1vpr3 .mContC .a1:focus{border:1px dotted #000;overflow:hidden;}
.cp1vpr3 .mContC .c:focus .f1,
.cp1vpr3 .mContC .a1:focus .f1{margin:-1px;}
.cp1vpr3 .mContC.on .a1{}
.cp1vpr3 .mContC.off .a1{}
.cp1vpr3 .mContC.prev-on .a1{}
.cp1vpr3 .mContC.next-on .a1{}
/* 메뉴 */
.cp1vpr3 .menu{
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:10;
	position:absolute;
	left:0;
	bottom:0;
	margin:calc(22/430*100%) calc(24/430*100%);
	box-sizing:border-box;
	font-size:0;
	transition:.2s;
}
.cp1vpr3 .menu .m{
	display:inline-block;
	position:relative;
	box-sizing:border-box;
	margin:0;padding:0;border:0;border-radius:0;
	background:url();
	line-height:1;
	vertical-align:middle;
	cursor:pointer;
	/* transition:.2s; */
}
.cp1vpr3 .menu .m .ic1{
	display:inline-block;
	position:absolute;left:50%;top:50%;
	width:20px;height:20px;
	margin:-10px;
	background:url() no-repeat center center / contain;
	/* transition:.2s; */
}
/* 쪽수 */
.cp1vpr3 .mPage{
	display:inline-block;
	display:none; /* ☆ */
	padding:.25em .75em;
	border-radius:9999px;
	background:#0002;
	color:#fffc;
	font-size:1rem; /* ☆ */
	line-height:1.375;
	vertical-align:middle;
}
.cp1vpr3 .mPage .on{}
.cp1vpr3 .mPage .sep{
	margin:0 .25em;
	font-weight:100;
	opacity:.4;
}
.cp1vpr3 .mPage .total{}
/* 순번 */
.cp1vpr3 .w1mNum{
	display:inline-block;
	position:relative;
	vertical-align:middle;
}
.cp1vpr3 .mNum{
	display:flex;
	align-items:center;
}
.cp1vpr3 .mNum .m{
	overflow:hidden;
}
.cp1vpr3 .mNum .m .t1{
	position:absolute;
	left:-9999px;
}
.cp1vpr3 .mNum .m .ic1{
	display:block;
	position:static;
	width:8px;
	height:8px;
	margin:6px;
	border-radius:9999px;
	background:#fff;
	transition:.2s;
}
.cp1vpr3 .mNum .m:hover .ic1{
	background:#fffc;
	/* transform:scale(1.5); */
}
.cp1vpr3 .mNum .m.on{}
.cp1vpr3 .mNum .m.on .ic1{
	/* width:16px; */
	background:#0008;
}
/* 제어 */
.cp1vpr3 .mControl{
	display:inline-block;
	display:none; /* ☆ */
	vertical-align:middle;
}
.cp1vpr3 .mControl .m{
	display:inline-block;
	width:26px;
	height:26px;
	margin:0 1px;
	background:#0000;
}
.cp1vpr3 .mControl .m:hover,
.cp1vpr3 .mControl .m:focus{
	opacity:1;
}
.cp1vpr3 .mControl .m .ic1{
	display:inline-block;
	position:absolute;left:50%;top:50%;
	box-sizing:border-box;
	width:10px;height:10px;
	border:0 solid #000;
	border-width:2px 2px 0 0;
}
.cp1vpr3 .mControl .stop .ic1{ /* || */
	width:6px;
	border-width:0 2px;
	margin:-6px -4px;
}
.cp1vpr3 .mControl .play .ic1{ /* ▷ */
	width:0;height:0;
	margin:-6px -3px;
	border:0 solid transparent;
	border-width:6px 0 6px 8px;
	border-left-color:#000;
}
.cp1vpr3 .mControl .prev .ic1{ /* < */
	margin:-5px -3px;
	transform:rotate(-135deg);
}
.cp1vpr3 .mControl .next .ic1{ /* > */
	margin:-5px -7px;
	transform:rotate(45deg);
}
.cp1vpr3 .mControl .play,
.cp1vpr3 .mControl .prev,
.cp1vpr3 .mControl .next{
	display:none; /* ☆ */
}
.cp1vpr3 .mControl .stop.on{
	display:none;
}
.cp1vpr3 .mControl .stop.on + .play{
	display:inline-block;
}
/* 제어2 */
.cp1vpr3 .mControl2{
	display:flex;
	display:none; /* ☆ */
	justify-content:space-between;
	align-items:center;
	z-index:10;
	position:absolute;
	left:0;right:0;
	bottom:23px;
	max-width:var(--max-width);
	height:0;
	margin:0 auto;
}
.cp1vpr3 .mControl2 .m{
	display:inline-block;
	position:relative;
	width:48px;
	height:48px;
	margin:0;
	padding:0;
	border:0;
	border-radius:0;
	background:none;
	opacity:.35;
	transition:.2s;
}
.cp1vpr3 .mControl2 .m:hover,
.cp1vpr3 .mControl2 .m:focus{
	opacity:1;
}
.cp1vpr3 .mControl2 .m .ic1{
	display:inline-block;
	position:absolute;left:50%;top:50%;
	box-sizing:border-box;
	width:14px;height:14px;
	border:0 solid #000;
	border-width:1px 1px 0 0;
	transition:.2s;
}
.cp1vpr3 .mControl2 .prev .ic1{ /* < */
	margin:-7px -3.5px;
	transform:rotate(-135deg);
}
.cp1vpr3 .mControl2 .next .ic1{ /* > */
	margin:-7px -10.5px;
	transform:rotate(45deg);
}
/* 고도화 */
.cp1vpr3.nodo .menu,
.cp1vpr3.nodo .mControl2{display:none;}


/* 메뉴 (홈. 로그인 & 회원가입) 20241101 */
.cp1menu1{
	position:relative;
	margin:0 0 10px;
	line-height:1.375;
}
.cp1menu1 .a1{
	display:flex;
	/* justify-content:space-between; */
	align-items:center;
	gap:0 .5em;
	margin:0 calc(var(--container-offset) * -1);
	padding:1.125rem var(--container-offset);
	background:#fff;
	color:#000;
	font-size:1.25rem;
}
.cp1menu1 .a1 .t1{}
.cp1menu1 .a1 .t1t1{
	color:inherit;
	font-weight:600;
}
.cp1menu1 .a1 .ic1{}


/* 사용자 환영 (홈) 20241129 */
.cp1user2{
	position:relative;
	margin:0 calc(var(--container-offset) * -1);
	padding:1.5rem var(--container-offset);
	background:#fff;
	color:#000;
	line-height:1.375;
}
.cp1user2 .tt1{
	display:inline;
	font-weight:600;
	font-size:1.25rem;
	text-decoration:underline 1px solid currentcolor;
	text-underline-position:under;
}
.cp1user2 .tt1t1{
}
.cp1user2 .tt1t2{
}
.cp1user2 .t1{
	display:inline;
	font-size:1.25rem;
}


/* 카드 (홈. 최근 푼 문제) 20241206 */
.cp1fcard2{
	position:relative;
	margin:-1.5rem calc(var(--container-offset) * -1) 10px;
	padding:1.25rem var(--container-offset) var(--container-offset);
	background:#fff;
	line-height:1.375;
}
.cp1fcard2 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1fcard2 .li1{}
.cp1fcard2 .a1{
	display:flex;
	gap:1rem;
	padding:0;
	border-radius:var(--radius1);
	background:#fff;
	overflow:hidden;
}
.cp1fcard2 .f1{
	flex:none;
	display:block;
	width:calc(128/390*100%);
	overflow:hidden;
}
.cp1fcard2 .f1p1{
	position:relative;
	padding:0 0 calc(72/128*100%);
	border:1px solid var(--color12);
	border-radius:var(--radius1);
	overflow:hidden;
}
.cp1fcard2 .f1 img{
	position:absolute;left:0;right:0;top:0;
}
.cp1fcard2 .tg1{
	display:block;
}
.cp1fcard2 .tg1 .t1{
	display:block;
	margin:0 0 .25rem;
	color:#222;
	font-weight:600;
	font-size:1.1875rem;
}
.cp1fcard2 .tg1 .t2{
	display:block;
	margin:.25rem 0;
	color:#222;
	font-weight:300;
	font-size:.9375rem;
}
.cp1fcard2 .tg1 .t3{
	display:flex;
	align-items:center;
	gap:.125rem;
	margin:.25rem 0 0;
	color:#888;
	/* font-weight:300; */
	font-size:.75rem;
}
.cp1fcard2 .tg1 .t3:before{content:'';
	width:12px;
	height:12px;
	background:url(../../img/lib2/ic24a1c2clock1.png) no-repeat center center / contain;
}


/* 카드 (홈. PT 콘텐츠) 20241220 */
.cp1fcard3{
	position:relative;
	margin:0 calc(var(--container-offset) * -1) 10px;
	padding:.5rem var(--container-offset);
	background:#fff;
	line-height:1.375;
}
.cp1fcard3 .hg1{
	margin:0 calc(var(--container-offset) * -1);
	padding:.875rem var(--container-offset);
	border-bottom:1px solid var(--color12);
}
.cp1fcard3 .hg1 .h1{
	margin:0;
	color:#000;
	font-size:1.3125rem;
}
.cp1fcard3 .lst1{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:1rem;
	list-style:none;
	margin:0;
	padding:1.25rem 0;
}
.cp1fcard3 .li1{
	flex:1;
	display:flex;
}
.cp1fcard3 .a1{
	flex:1;
	display:block;
	border-radius:var(--radius1);
	background:#fff;
	overflow:hidden;
}
.cp1fcard3 .a1 .f1{
	position:relative;
	padding:0 0 calc(120/188*100%);
	border:1px solid var(--color12);
	border-radius:var(--radius1);
	overflow:hidden;
}
.cp1fcard3 .a1 .f1 img{
	position:absolute;left:0;right:0;top:0;
}
.cp1fcard3 .tg1{
	display:block;
	padding:.5rem .375rem;
}
.cp1fcard3 .tg1 .t1{
	display:block;
	color:#444;
	font-size:1em;
}


/* 수평선 20241129 -- 임시 */
.cp1hr1{
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	height:0;
	margin:1.5rem 0;
	border-top:1px solid var(--color11);
	line-height:0;
}
.cp1hr1 .t1{
	display:block;
	position:relative;
	padding:0 1.5rem;
	background:#fff;
	color:#949494;
}


/* 카드 (홈. 인기상품) 20241206 -- 임시 */
.cp1fcard4{
	display:flex;
	flex-direction:column;
	position:relative;
	margin:0 calc(var(--container-offset) * -1) 10px;
	padding:.5rem var(--container-offset);
	background:#fff;
	line-height:1.375;
}
.cp1fcard4 .hg1{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1rem 0 0;
}
.cp1fcard4 .hg1 .h1{
	margin:0;
	color:#000;
	font-size:1.25rem;
}
.cp1fcard4 .hg1 .more{
	font-size:.875rem;
}
/*  */
.cp1fcard4 .cont{
	margin:0 calc(var(--container-offset) * -1);
	padding:1.5rem 0 var(--container-offset);
}
.cp1fcard4 .cont .fscroll1-xy::-webkit-scrollbar{
	width:0;
	height:0;
}
.cp1fcard4 .lst1{
	display:flex;
	gap:1rem;
	list-style:none;
	min-width:0;
	margin:0 0 .5rem;
	padding:0 0 0 calc(var(--container-space));
	text-align:left;
}
.cp1fcard4 .li1{
	flex:none;
	width:140px;
}
.cp1fcard4 .a1{
	display:block;
}
.cp1fcard4 .a1 .f1{
	position:relative;
	padding:0 0 calc(155/140*100%);
	border:1px solid var(--color12);
	border-radius:var(--radius1);
	overflow:hidden;
}
.cp1fcard4 .a1 .f1 img{
	position:absolute;right:0;top:0;
	width:100%;height:100%;
	object-fit:cover;
	object-position:right top;
}
.cp1fcard4 .tg1{
	display:block;
	padding:.5rem .375rem;
	font-size:.8125rem;
}
.cp1fcard4 .tg1 .t1{
	display:block;
	display:-webkit-box;
	-webkit-line-clamp:2; /* (X) line-clamp */
	-webkit-box-orient:vertical; /* (X) box-orient */
	max-height:calc(1.375em*2);
	line-height:1.375;
	text-overflow:ellipsis;white-space:normal;word-wrap:break-word;word-break:normal;overflow:hidden;
}
.cp1fcard4 .tg1 .t2{
	display:block;
	margin:.25rem 0 0;
}
.cp1fcard4 .tg1 .t2t1{
	margin:0 .25rem 0 0;
	color:var(--color-red);
	font-weight:600;
}
/* 전체보기 */
.cp1fcard4.s-view-all .cont{
	margin:0;
	text-align:center;
}
.cp1fcard4.s-view-all .hg1{
	padding:1rem 0;
	border-bottom:1px solid var(--color12);
}
.cp1fcard4.s-view-all .lst1{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(30%, auto));
	padding:0;
}
.cp1fcard4.s-view-all .li1{
	width:auto;
}


/* 목록 (홈. 커뮤니티) 20241129 -- 임시 */
.cp1flist6{
	display:flex;
	flex-direction:column;
	position:relative;
	margin:0 calc(var(--container-offset) * -1) 10px;
	padding:.5rem var(--container-offset);
	background:#fff;
	line-height:1.375;
}
.cp1flist6 .hg1{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1rem 0 0;
}
.cp1flist6 .hg1>.w1{
	display:flex;
	align-items:center;
	gap:0 1em;
}
.cp1flist6 .hg1 .h1{
	margin:0;
	color:#000;
	font-size:1.25rem;
}
.cp1flist6 .hg1 .h1{
	margin:0;
	color:#000;
	font-size:1.25rem;
}
.cp1flist6 .hg1 .g1{
	padding:.375em .75em;
	border-radius:var(--radius1);
	background:var(--color1op2);
	font-size:.875rem;
}
.cp1flist6 .hg1 .more{
	font-size:.875rem;
}
/*  */
.cp1flist6 .cont{
	padding:1.5rem 0 var(--container-offset);
}
.cp1flist6 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1flist6 .li1{}
/*  */
.cp1flist6 .a1{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:0 1em;
	position:relative;
	min-width:0;
	margin:0 0 -1px;
	padding:.5rem 0;
	border-top:1px solid var(--color12);
	border-bottom:1px solid var(--color12);
	color:#333;
}
.cp1flist6 .a1 .tg1{
	flex:1;
	min-width:0;
}
.cp1flist6 .tg1 .t1{
	display:block;
	font-weight:500;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
.cp1flist6 .tg1 .t2,
.cp1flist6 .tg1 .t3{
	display:inline-block;
	color:#888;
	margin:.25rem .5rem 0 0;
	font-size:.875rem;
}
.cp1flist6 .a1 .eg1{
	flex:none;
	padding:.75em;
	background:var(--color21);
	border-radius:var(--radius1);
	text-align:center;
}
.cp1flist6 .eg1 .t4{
	display:block;
	font-weight:500;
	font-size:.875rem;
}
.cp1flist6 .eg1 .t5{
	display:block;
	font-size:.75rem;
}


/* 카드 (마이PT 목록) 20241206 )) 20250103 -- lib2v2.css .cp1v2fcard6 로 변경 후 버림 */
.cp1fcard5{
	position:relative;
	line-height:1.375;
}
.cp1fcard5 .lst1{
	list-style:none;margin:0;padding:0;
}
.cp1fcard5 .li1{
	margin:0 calc(var(--container-offset) * -1) .625rem;
	padding:1.25rem var(--container-offset);
	background:#fff;
}
.cp1fcard5 .a1{
	display:flex;
	gap:1rem;
	padding:0;
	border-radius:var(--radius1);
	background:#fff;
	overflow:hidden;
}
.cp1fcard5 .f1{
	flex:none;
	display:block;
	width:calc(128/390*100%);
	overflow:hidden;
}
.cp1fcard5 .f1p1{
	position:relative;
	padding:0 0 calc(72/128*100%);
	border:1px solid var(--color12);
	border-radius:var(--radius1);
	overflow:hidden;
}
.cp1fcard5 .f1 img{
	position:absolute;left:0;right:0;top:0;
	width:100%;height:100%;
	object-fit:cover;
	object-position:center top;
}
.cp1fcard5 .tg1{
	display:block;
}
.cp1fcard5 .tg1 .t1{
	display:block;
	margin:0 0 .25rem;
	color:#222;
	font-weight:600;
	font-size:1rem;
}
.cp1fcard5 .tg1 .t2{
	display:block;
	margin:.25rem 0;
	color:#222;
	font-weight:300;
	font-size:.9375rem;
}
.cp1fcard5 .tg1 .t3{
	display:flex;
	align-items:center;
	gap:.125rem;
	margin:.25rem 0 0;
	color:#888;
	font-size:.75rem;
}
.cp1fcard5 .tg1 .t3:before{content:'';
	width:12px;
	height:12px;
	background:url(../../img/lib2/ic24a1c2clock1.png) no-repeat center center / contain;
}


/* 목록 (마이PT. 강의 리스트) 20250103 */
.cp1flist7{
	position:relative;
	line-height:1.375;
}
.cp1flist7 .lst1,
.cp1flist7 .lst2,
.cp1flist7 .lst3{
	list-style:none;margin:0;padding:0;
}
.cp1flist7 .li1{}
.cp1flist7 .li1>.t1{
	color:#333;
	font-weight:600;
	font-size:1.125rem;
}
/*  */
.cp1flist7 .lst2{
	margin:1em 0 1.25em;
}
.cp1flist7 .li2>.a1{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:.75rem;
	position:relative;
	min-width:0;
	margin:0 0 .375em;
	padding:.625em 1em;
	border-radius:var(--radius1);
	background:var(--color22);
}
.cp1flist7 .li2>.a1>.t1{
	color:#333;
}
.cp1flist7 .li2>.a1>.ic1{
	flex:none;
}
.cp1flist7 .li2>.a1>.ic1:before{
	content:'\e1c4'; /* play_circle */
	font-style:normal;
	font-size:1.375rem;
	font-family:'Material Symbols Rounded';
}
.cp1flist7 .li2>.a1.toggle>.ic1:before{
	content:'\e5e1'; /* arrow_forward_ios */
	font-style:normal;
	font-size:1.375rem;
	font-family:'Material Symbols Rounded';
}
.cp1flist7 .li2>.a1.toggle>.ic1{
	transform:rotate(90deg);
}
.cp1flist7 .li2>.a1.toggle.on>.ic1{
	transform:rotate(-90deg);
}
/*  */
.cp1flist7 .lst3{
	display:none;
	margin:1em 0;
}
.cp1flist7 .li3>.a1{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:.375rem;
	position:relative;
	min-width:0;
	margin:0 0 .375em;
	padding:.5em 1em;
	border:1px solid var(--color12);
	border-radius:var(--radius1);
}
.cp1flist7 .li3>.a1>.t1{
	color:#333;
	font-size:.9375rem;
}
.cp1flist7 .li3>.a1>.ic1{
	flex:none;
}
.cp1flist7 .li3>.a1>.ic1:before{
	content:'\e1c4'; /* play_circle */
	font-style:normal;
	font-size:1.375rem;
	font-family:'Material Symbols Rounded';
}
/* 활성 */
.cp1flist7 .on~.lst3{
	display:block;
}


/* 토스트 (정답 수정 불가 안내) 20241220 */
.cp1toast3{
	display:block;
	z-index:50;
	position:fixed;left:0;right:0;bottom:0;
	margin:0 3rem 4rem;
	text-align:center;
	overflow:hidden;
	opacity:0;
	transform:translateY(300%);
}
.cp1toast3 .tg1{
	display:inline-block;
	max-width:360px;
	margin:0 auto;
	padding:.5rem 1.875rem;
	border-radius:9999px;
	background:#222;
	color:#fff;
	font-size:12px;
	text-align:center;
}
.cp1toast3 .correct{
	color:var(--color1);
}
.cp1toast3 .incorrect{
	color:var(--color2);
}
/* 동작 */
.cp1toast3.on{
	animation: kf1toast1 5s ease-in-out forwards;
}



/* ◇◆ .cm1~ (관리자 CSS 가져와서 커스텀) ◇◆◇◆◇◆◇◆◇◆ */



/* ContentBlockName YYYYMMDD @Writer ◇◆ */


/* 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){
}
/* ◇◆ */
@media all and (min-width:1440px){
}
/* ◇◆ */
@media all and (min-width:1580px){
}


/* @keyframes ◇◆◇◆ */
@keyframes kfw1s1{
	100% {background-position:100%;}
}
@keyframes kf1blink1spin1{
	50% {
		/* opacity:.5; */
	}
	100% {
		opacity:1;
		transform:rotate(360deg);
	}
}
@keyframes kf1blink1{
	50% {
		opacity:.5;
	}
	100% {
		opacity:1;
	}
}
@keyframes kf1toast1{
	0% {
		opacity:0;
	}
	10% {
		opacity:1;
		transform:none;
	}
	90% {
		opacity:1;
		transform:none;
	}
	100% {
		opacity:0;
	}
}