@charset "utf-8";

/* common */

.row {
	position: relative;
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}
.row:after {
	content: '';
	clear: both;
	display: block;
}
.main .row {
	max-width: 1300px;
}
.main .wrap-row {
	max-width: 1240px;
	margin-bottom: 180px;
}
.space-no {
	margin-top: 0px !important; 
}
.space-xs {
	margin-top: 10px !important; 
}
.space-ssm {
	margin-top: 15px !important; 
}
.space-sm {
	margin-top: 20px !important; 
}
.space-md {
	margin-top: 30px !important; 
}
.space-lg {
	margin-top: 40px !important; 
}
.space-llg {
	margin-top: 60px !important; 
}
.space-xlg {
	margin-top: 80px !important; 
}
.space-xxlg {
	margin-top: 110px !important; 
}
.red {
	color: #e64d3e !important;
}
.blue {
	color: #0064fb !important;
}
.blue-link {
	font-weight: 500;
	color: #0064fb;
	text-decoration: underline !important;
}
.transform-x {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%); 
}
.transform-y {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%); 
}
.transform-xy {
	position: absolute;
	top: 50%;
	left: 50%;	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
}
.transform-xy_file {
	position: relative;
	width: fit-content;
	margin-bottom: 50px;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.text-center {
	text-align: center !important;
}
.not-scroll {
	overflow: hidden; 
}
.not-scroll .wrap {
	overflow-y: scroll; 
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.vertical-img {
	height:100% !important;
}
.horizontal-img {
	width:100% !important;
}
/* custome-scroll */	
.custome-scroll::-webkit-scrollbar {	
	width: 8px;	
	height: 8px;	
	border: 3px solid #fff;	
}	
.custome-scroll::-webkit-scrollbar-button:start:decrement,	
.custome-scroll::-webkit-scrollbar-button:end:increment {	
	display: block;	
	height: 10px;	
	background: #efefef;	
}	
.custome-scroll::-webkit-scrollbar-track {	
	background: #efefef;	
	-webkit-border-radius: 10px;	
	border-radius:10px;	
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.5);	
	box-shadow: inset 0 0 4px rgba(0,0,0,.5);	
}	
.custome-scroll::-webkit-scrollbar-thumb {	
	height: 50px;	
	width: 50px;	
	background: rgba(0,0,0,.6);	
	-webkit-border-radius: 8px;	
	border-radius: 8px;	
	-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1);	
	box-shadow: inset 0 0 4px rgba(0,0,0,.1);	
}


/* dialog */
.dialog {
	display: none;
}
.dialog__content {
	padding: 10px 20px;
	border: 0;	
	font-family: 'Noto Sans KR';
}
.dialog__title {
	font-size: 20px;
}
.dialog__title + .dialog__text {
	margin-top: 10px;
}
.dialog__text {
	font-weight: 500;
	line-height: 1.8;
}
.dialog__description {
	margin-top: 5px;
	font-size: 14px;
}
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background: rgba(0,0,0,0.6);
	z-index: 9998;
}
.ui-dialog {
	padding: 30px 25px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.4);
	outline: 0;
	z-index: 9999;
}
.ui-dialog-titlebar {
	display: none;
}
.ui-dialog-buttonset {
	margin-top: 15px;
	/* text-align: right; */
	text-align: center;
}
.ui-dialog-buttonset button {
	width: 78px;
	height: 42px;
	margin-left: 10px;
	font-size: 16px;
	font-weight: 500;
	border-radius: 6px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.15);
	font-family: 'Noto Sans KR';
}
.ui-dialog-buttonset .btn--primary {
	color: #fff;
	background: #383f53;
}
.ui-dialog-buttonset .btn--secondary {
	color: #383f53;
	background: #d3d5db;
	border: 0;
}
.ui-dialog-buttonset .btn--tertiary {
	color: #fff;
	background: #e64d3e;
	border: 0;
}
.ui-dialog-buttonpane {
	border: 0;
}
.gray-box {
	padding: 15px;
	background: #f6f7fb;
	border: 1px solid #cbcedb;
	border-radius: 4px;
	max-height:70vh;
	overflow:auto;
}
.gray-box p {


}
.gray-box p + p {
	margin-top: 14px;
}
.gray-box .leftdiv .day { padding-bottom: 10px; text-align: left;}
.gray-box .leftdiv .name{ padding-top: 30px;}
.note__editor{}

.gray-box.small {
	display: inline-block;
}
.gray-box.small p {
	min-width: 170px;
	font-size: 24px;
}
/* 첨부파일 리스트 기본 리셋 */
.ui-dialog .gray-box ul{
	list-style: none;
	padding: 0;
	margin: 18px 0 0;
}
.ui-dialog .gray-box ul li{
	margin: 10px 0 0;
}

/* 첨부파일 한 줄(두번째 이미지 느낌) */
.ui-dialog .gray-box .list-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;

	padding: 12px 12px 12px 16px;
	background: #fff;
	border: 1px solid #e3e7f2;
	border-radius: 14px;
}

/* 파일명(좌측 영역) */
.ui-dialog .gray-box .list-item .text{
	flex: 1;
	margin: 0;
	min-width: 0;              /* 말줄임 필수 */
	font-size: 15px;
	font-weight: 600;
	color: #1f2937;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	/* 아이콘 들어갈 공간 */
	display: flex;
	align-items: center;
	gap: 10px;
}

/* 좌측 "파일" 아이콘 */
.ui-dialog .gray-box .list-item .text::before{
	font: normal normal normal 20px / 34px FontAwesome;
	content: "\f0c6";
	text-align:center;
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: #eef2ff;
	border: 1px solid #dbe3ff;
	display: inline-block;
}

/* 우측 다운로드 버튼 */
.ui-dialog .gray-box .list-item a.download{
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;

	height: 40px;
	padding: 0 16px;
	border-radius: 12px;

	background: #2f6bff;      /* 파란 버튼 */
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;

	box-shadow: 0 6px 14px rgba(47,107,255,0.25);
}

.ui-dialog .gray-box .list-item a.download i{
	display: inline-block;
}

.ui-dialog .gray-box .list-item a.download::after{
	content: "다운로드";
}

/* hover */
.ui-dialog .gray-box .list-item a.download:hover{
	filter: brightness(0.96);
}


/* button */
.btn--box {
	position: relative;
}
.btn--box:after {
	content: '';
	clear: both;
	display: block;
}
.btn--box .description {
	position: absolute;
	top: 5px;
	left: 0;
	text-align: left;
}
.btn--box .description p {
	font-size: 11px;
}
[class*='btn--type'] {
	display: inline-block;
	width: auto;
	min-width: 80px;
	font-size: 0;
}
[class*='btn--type'] a,
[class*='btn--type'] button {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 66px;
	line-height: 64px;
	padding: 0 20px;
	font-family: 'Noto Sans KR';
	font-size: 16px;
	color: inherit;
	text-align: center;
	background: rgb(255, 255, 255, 1);
	border: 1px solid #6b6e7b;
	border-radius: 0;
	cursor: pointer;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}
[class*='btn--type'] button[disabled] {
	opacity: 0.5;
	cursor: auto;
}
[class*='btn--type'] + [class*='btn--type'] {
	margin-left: 10px;
}
.btn--type-full {
	width: 100%;
}
.btn--type-left {
	position: absolute;
	top: 0;
	right: 0;
}
.btn--type-primary a,
.btn--type-primary button {
	font-weight: 500;
	color: #fff;
	background: #e64d3e;
	border-color: #c61705;
}
.btn--type-dark a,
.btn--type-dark button {
	font-weight: 500;
	color: #fff;
	background: #525465;
	border: 0;
}
.btn--type-black a,
.btn--type-black button {
	font-weight: 500;
	color: #fff;
	background: #414141;
	border: 0;
}
.btn--type-navy a,
.btn--type-navy button {
	font-weight: 500;
	color: #fff;
	background: #383f53;
	border: 0;
}
.btn--type-gray a,
.btn--type-gray button {
	font-weight: 500;
	color: #383f53;
	background: #d3d5db;
	border: 0;
}
.btn--type-light a,
.btn--type-light button {
	font-weight: 500;
	color: #2a2f3e;
	background: #fff;
	border-color: #6b6e7b;
}
.btn--type-play a,
.btn--type-play button {
	position: relative;
	/* color: #fff;
	background: #3b4277;
	border-color: #3b4277; */
	color: #2A2F3E;
	background: #DFE0E8;
	border-color: #6B6E7B;
	text-indent: 9px;
}
.btn--type-play a:after,
.btn--type-play button:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 15px;
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: -6px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	/* border-left: 9px solid #fff; */
	border-left: 9px solid #3B4271;
}
.btn--type-kakaopay a,
.btn--type-kakaopay button {
	background: #ffdf00 url('/images/common/ico_kakaopay.png') no-repeat center center;
	border-color: #6b6e7b;
	font-size: 0 !important;
}
.btn--type-xs a,
.btn--type-xs button {
	height: 40px;
	line-height: 38px;
	font-size: 15px;
}
.btn--type-lg a,
.btn--type-lg button {
	min-width: 190px;
	font-size: 18px;
}
.in-tbl a,
.in-tbl button {
	min-width: 100px;
	height: 30px;
	line-height: 28px;
	padding: 0;
	font-size: 12px;
	font-weight: 500;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}


/* badge */
[class*='badge--type'] {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	min-width: 70px;
	padding: 6px 10px;
	font-family: 'Nanum Gothic';
	font-size: 12px;
	text-align: center;
	border-radius: 20px;
}
.badge--type-blue {
	color: #fff;
	background: #5b66b7;
}
.badge--type-pre {
	color: #1b7eff;
	border: 1px solid #1b7eff;
}
.badge--type-work {
	color: #e64d3e;
	border: 1px solid #e64d3e;
}
.badge--type-end {
	color: #000;
	border: 1px solid #000;
}
.badge--type-pause {
	color: #7230cc;
	border: 1px solid #7230cc;
}
.badge--type-wait {
	color: #999;
	border: 1px solid #999;
}



/* tab */
.tab {
	position: relative;
}
.tab__menu {
	display: table;
	width: 100%;
	text-align: center;
}
.tab__menu-item {
	display:table-cell;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor:pointer;
}
.tab__menu-item.current {
	
}
.tab__panel {
	
}
.tab__panel-content {
	display:none;
}
.tab__panel-content.current {
	display:block;
}


/* pagination */
.pagination {
	text-align: center;
	font-size: 0;
	display:flex;
	justify-content: center;
}
.pagination a {
	display: inline-block;
	vertical-align: middle;
	width: 41px;
	height: 41px;
	line-height: 40px;
	margin: 0 5px;
	font-size: 16px;
	color: #2a2f3e; 
	border: 1px solid transparent;
}
.pagination a.active {
	border-color: #d45143;
}
.pagination a:hover {
	font-weight: 500; 
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.pagination a.arrow {
	position: relative; 
}
.pagination a.arrow:after {
	content: '';
	position: absolute;
	top: 16px;
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 1px solid #939498;
	border-left: 1px solid #939498;
}
.pagination a.prev {
	border: 1px solid #cbcedb; 
	/*text-indent:-9999px;*/
	font-size: 22px;
}
.pagination a.prev:after {
	left: 17px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg); 
}
.pagination a.next {
	border: 1px solid #cbcedb; 
	/*text-indent:-9999px;*/
	font-size: 22px;
}
.pagination a.next:after {
	right: 17px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg); 
}


/* radiobox, checkbox */
.form-box {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.form-box + .form-box {
	margin-left: 20px;
}
.form-box input[type=checkbox],
.form-box input[type=radio] {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	opacity: 0;
	outline: 0;
	border: 0;
	z-index: 20;
	cursor: pointer;
}
.form-box input[type=checkbox] {
	margin-top: -9px;
	width: 20px;
	height: 20px;
}
.form-box input[type=radio] {
	margin-top: -11px;
	width: 24px;
	height: 24px;
}
.form-box input[type=checkbox] + label,
.form-box input[type=radio] + label {
	position: relative;
	display: inline-block;
	padding-left: 35px;
	-webkit-user-select: none;
}
.form-box input[type=checkbox] + label:after,
.form-box input[type=radio] + label:after {
	content:'';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	border: 1px solid #cbcedb;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
	z-index: 10;
}
.form-box input[type=radio] + label:after {
	margin-top: -12px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
}
.form-box input[type=radio]:checked + label:after {
	border-color: #e64d3e;
}
.form-box input[type=radio] + label:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 7px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-radius: 50%;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	-ms-box-sizing: border-box;	
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	z-index: 15;
}
.form-box input[type=radio]:checked + label:before {
	background-color: #e64d3e;
}
.form-box input[type=checkbox] + label {
	padding-left: 31px; 
}
.form-box input[type=checkbox] + label:after {
	margin-top: -10px;
	width: 20px;
	height: 20px;
}
.form-box input[type=checkbox]:checked + label:after {
	background-color: #e64d3e;
	border-color: #e64d3e;
}
.form-box input[type=checkbox] + label:before {
	content: '';
	position: absolute;
	top: 1px;
	left: 5px;
	width: 5px;
	height: 11px;
	opacity: 0;
	box-shadow: none;
	border: 2px solid #fff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	z-index: 15;
}
.form-box input[type=checkbox]:checked + label:before {
	opacity: 1;
	background: transparent;
	border-color: transparent #fff #fff transparent;
	border-top-color: transparent;
	border-left-color: transparent;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.form-box input[type=checkbox] + label em {
	font-size: 12px;
	font-weight: 700;
	color: #c61705;
}
.form-box input[type=checkbox] + label em.select {
	font-weight: 400;
	color: #2c2e36;
}
.form-box.small input[type=checkbox] {
	margin-top: -4px;
	width: 12px;
	height: 12px;
}
.form-box.small input[type=checkbox] + label {
	padding-left: 20px;
	font-size: 14px;
}
.form-box.small input[type=checkbox] + label:after {
	margin-top: -6px;
	width: 12px;
	height: 12px;
}
.form-box.small input[type=checkbox] + label:before {
	top: 3px; 
	left: 4px;
	width: 2px;
	height: 7px;
	border-width: 1px;
}
.form-box input[type=radio][readonly],
.form-box input[type=checkbox][readonly],
.form-box input[type=radio][disabled],
.form-box input[type=checkbox][disabled] {
	cursor: auto;
}
.form-box input[type=radio][readonly] + label,
.form-box input[type=checkbox][readonly] + label,
.form-box input[type=radio][disabled] + label,
.form-box input[type=checkbox][disabled] + label {
	cursor: auto;
}
.form-box input[type=radio][readonly] + label:after,
.form-box input[type=checkbox][readonly] + label:after,
.form-box input[type=radio][disabled] + label:after,
.form-box input[type=checkbox][disabled] + label:after {
	background: #dfe0e8;
	border: 1px solid #cbcedb;
	opacity: 0.8;
}
.form-box input[type=radio][readonly] + label:before,
.form-box input[type=radio][disabled] + label:before {
	background: #dfe0e8;
}
.form-box input[type=radio][readonly]:checked + label:before,
.form-box input[type=radio][disabled]:checked + label:before {
	background: #cbcedb;
}
.form-box input[type=checkbox][readonly]:checked + label:before,
.form-box input[type=checkbox][disabled]:checked + label:before {
	border-bottom-color: #cbcedb; 
	border-right-color: #cbcedb; 
}
.form-box input[type='file'] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.form-box input[type='file'] + label {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 80px;
	height: 40px;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
}
.form-box input[type='file'] + label:before,
.form-box input[type='file'] + label:after {
	content: '';
	position: absolute;
	top: 0;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
}
.form-box input[type='file'] + label:before {
	left: 0;
	background-image: url('/images/common/icons8_picture.png');
}
.form-box input[type='file'] + label:after {
	right: 0;
	background-image: url('/images/common/icons8_attach.png');
}
.file-text {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	font-size: 13px;
	font-weight: 500;
	color: #e64d3e;
}


/* border */
.border-top {
	border-top: 2px solid #bbb;
}

/* display */
.display-flex{display:flex}
.display-flex-center{display: flex; align-items: center;justify-content: center;}

/* skip_navigation */
.skip_navigation {
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	height: auto;
}
.skip_navigation a {
	position: absolute;
	top: -40px;
	left: 0;
	z-index: 9999;
	min-width: 320px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: transparent;
	font-size: 16px;
	text-align: center;
	font-weight: 500;
	background-color: #ee1b22;
	background-color: rgb(238, 27, 34);
}
.skip_navigation a:hover,
.skip_navigation a:focus,
.skip_navigation a:active {
	top: 0;
	color: #fff;
}
/* 기본 체크박스 숨김 */
input[type="checkbox"] {
  display: none;
}

/* 커스텀 체크박스 스타일 */
.custom-checkbox {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 2px solid #7d8cd3;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;

}

/* 체크 표시 */
.custom-checkbox::after {
  content: "";
  position: absolute;
  left: 3px;
  top: -2px;
  width: 4px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s ease;
}

/* 체크박스가 체크되었을 때 스타일 */
input[type="checkbox"]:checked + .custom-checkbox {
  background-color: #2f43a1;
  border-color: #2f43a1;
}

input[type="checkbox"]:checked + .custom-checkbox::after {
  opacity: 1;
}

[class*='ico--type'] {
	display: inline-block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
.ico--type-xs {
	width: 19px;
	height: 19px;
}
.ico--type-sm {
	width: 26px;
	height: 26px;
}
.ico--type-sm2 {
	width: 28px;
	height: 28px;
}
.ico--type-sm3 {
	width: 32px;
	height: 32px;
}
.ico--type-md {
	width: 40px;
	height: 40px;
}
.ico--type-kakao {
	background-image: url('/images/common/btn_gnb_mini_kakao_n.png');
}
.ico--type-youtube {
	background-image: url('/images/common/btn_gnb_mini_youtube_n.png');
}
.ico--type-cafe {
	background-image: url('/images/common/btn_gnb_mini_cafe_n.png');
}
.ico--type-blog {
	background-image: url('/images/common/btn_gnb_mini_blog_n.svg');
}
.ico--type-login_facebook {
	background-image: url('/images/common/btn_login_facebook.png');
}
.ico--type-login_google {
	background-image: url('/images/common/btn_login_google.png');
}
.ico--type-login_kakao {
	background-image: url('/images/common/btn_login_kakao.png');
}
.ico--type-login_naver {
	background-image: url('/images/common/btn_login_naver.png');
}
.ico--type-lecture_share {
	background-image: url('/images/common/ic_lecture_share.png');
}
.ico--type-lecture_note {
	background-image: url('/images/common/ic_lecture_note.png');
}
.ico--type-data_book {
	background-image: url('/images/common/ic_lecture_data_book.png');
}
.ico--type-data_sound {
	background-image: url('/images/common/ic_lecture_data_sound.png');
}
.list-item .download{ display: flex; align-items: center;}
.ico--type-data_download {
	background-image: url('/images/common/icon_file_download.png'); opacity: 0.8;
	margin-left: 10px;
	width: 14px;
}
.ui-dialog .gray-box .ico--type-data_download {
	margin-left: 0px;
}
.ico--type-data_download2 {
	background-image: url('/images/common/icon_file_download2.png'); opacity: 0.8;
	margin-left: 10px;
	width: 14px;
}
.ui-dialog .gray-box .ico--type-data_download2 {
	margin-left: 0px;
}
.ico--type-input_cal {
	background-color: #383f53;
	background-image: url('/images/common/ico_input_cal.png');
}
.ico--type-lecture_tab01 {
	vertical-align: middle;
	margin-right: 10px;
	background-image: url('/images/common/ic_lecture_tab_01.png');
}
.ico--type-lecture_tab02 {
	vertical-align: middle;
	margin-right: 10px;
	background-image: url('/images/common/ic_lecture_tab_02.png');
}
.ico--type-question {
	vertical-align: middle;
	margin-right: 7px;
	background-image: url('/images/common/ic_question.png');
}
.ico--type-acceptance {
	background-image: url('/images/common/ic_acceptance.png');
}
.ico--type-cafe-g {
	vertical-align: middle;
	margin-right: 5px;
	background-image: url('/images/common/ic_cafe.png');
}
.ico--type-lecture_list01 {
	background-image: url('/images/common/ic_lecture_list_01.png');
}
.ico--type-lecture_list02 {
	background-image: url('/images/common/ic_lecture_list_02.png');
}
.ico--type-lecture_list03 {
	background-image: url('/images/common/ic_lecture_list_03.png');
}
.ico--type-lecture_list04 {
	background-image: url('/images/common/ic_lecture_list_04.png');
}
.ico--type-lecture_list05 {
	background-image: url('/images/common/ic_lecture_list_05.png');
}
.ico--type-lecture_list06 {
	background-image: url('/images/common/ic_lecture_list_06.png');
}
.ico--type-lecture_list07 {
	background-image: url('/images/common/ic_lecture_list_07.png');
}
.ico--type-lecture_list08 {
	/* background-image: url('/images/common/ic_lecture_list_08.png'); */
	background-image: url('/images/common/ic_lecture_list_09.svg');
}

/* animation */
.ani-stop {
	animation-name:none !important;
	-webkit-animation-name:none !important;
	opacity:0;
}
[class*='ani-start'] {
	animation-delay:0s;
	-webkit-animation-delay:0s;
	animation-duration:0.45s;
	-webkit-animation-duration:0.45;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
}
.ani-start-fadeIn {
	animation-name:fadeIn;
	-webkit-animation-name:fadeIn;
}
.ani-start-fadeUp {
	animation-name:fadeUp;
	-webkit-animation-name:fadeUp;
}
.ani-start-fadeUp20 {
	animation-name:fadeUp20;
	-webkit-animation-name:fadeUp20;
}
.ani-start-fadeDown {
	animation-name:fadeDown;
	-webkit-animation-name:fadeDown;
}
.ani-start-fadeDown20 {
	animation-name:fadeDown20;
	-webkit-animation-name:fadeDown20;
}
.ani-start-fadeLeft {
	animation-name:fadeLeft;
	-webkit-animation-name:fadeLeft;
}
.ani-start-fadeLeftReverse {
	animation-name:fadeLeftReverse;
	-webkit-animation-name:fadeLeftReverse;
}
.ani-start-fadeRight {
	animation-name:fadeRight;
	-webkit-animation-name:fadeRight;
}
.ani-start-zoomIn {
	animation-name:zoomIn;
	-webkit-animation-name:zoomIn;
}
.ani-start-flipX {
	animation-name:flipX;
	-webkit-animation-name:flipX;
}
.ani-delay-default {
	animation-delay:0.1s;
	-webkit-animation-delay:0.1s;
}
.ani-delay-03 {
	animation-delay:0.3s;
	-webkit-animation-delay:0.3s;
}
.ani-delay-04 {
	animation-delay:0.4s;
	-webkit-animation-delay:0.4s;
}
.ani-delay-05 {
	animation-delay:0.5s;
	-webkit-animation-delay:0.5s;
}
.ani-delay-06 {
	animation-delay:0.6s;
	-webkit-animation-delay:0.6s;
}
.ani-delay-07 {
	animation-delay:0.7s;
	-webkit-animation-delay:0.7s;
}
.ani-delay-08 {
	animation-delay:0.8s;
	-webkit-animation-delay:0.8s;
}
.ani-delay-09 {
	animation-delay:0.9s;
	-webkit-animation-delay:0.9s;
}
.ani-delay-10 {
	animation-delay:1s;
	-webkit-animation-delay:1s;
}
@keyframes fadeIn {
 	0% {
 		opacity:0;
 	}
 	100% {
 		opacity:1;
 	}
}
@-webkit-keyframes fadeIn {
 	0% {
 		opacity:0;
 	}
 	100% {
		opacity:1;
 	}
}
@keyframes fadeUp {
 	0% {
 		transform:translateY(30px);
 		-webkit-transform:translateY(30px);
 		-moz-transform:translateY(30px);
 		-ms-transform:translateY(30px);
 		opacity:0;
 	}
 	100% {
		transform:translateY(0);
 		-webkit-transform:translateY(0);
 		-moz-transform:translateY(0);
 		-ms-transform:translateY(0);
 		opacity:1;
 	}
}
@-webkit-keyframes fadeUp {
 	0% {
 		transform:translateY(30px);
 		-webkit-transform:translateY(30px);
 		-moz-transform:translateY(30px);
 		-ms-transform:translateY(30px);
 		opacity:0;
 	}
 	100% {
		transform:translateY(0);
 		-webkit-transform:translateY(0);
 		-moz-transform:translateY(0);
 		-ms-transform:translateY(0);
		opacity:1;
 	}
}
@keyframes fadeUp20 {
 	0% {
 		transform:translateY(20px);
 		-webkit-transform:translateY(20px);
 		-moz-transform:translateY(20px);
 		-ms-transform:translateY(20px);
 		opacity:0;
 	}
 	100% {
		transform:translateY(0);
 		-webkit-transform:translateY(0);
 		-moz-transform:translateY(0);
 		-ms-transform:translateY(0);
 		opacity:1;
 	}
}
@-webkit-keyframes fadeUp20 {
 	0% {
 		transform:translateY(20px);
 		-webkit-transform:translateY(20px);
 		-moz-transform:translateY(20px);
 		-ms-transform:translateY(20px);
 		opacity:0;
 	}
 	100% {
		transform:translateY(0);
 		-webkit-transform:translateY(0);
 		-moz-transform:translateY(0);
 		-ms-transform:translateY(0);
		opacity:1;
 	}
}
@keyframes fadeDown {
 	0% {
 		transform:translateY(-30px);
 		-webkit-transform:translateY(-30px);
 		-moz-transform:translateY(-30px);
 		-ms-transform:translateY(-30px);
 		opacity:0;
 	}
 	100% {
		transform:translateY(0);
 		-webkit-transform:translateY(0);
 		-moz-transform:translateY(0);
 		-ms-transform:translateY(0);
 		opacity:1;
 	}
}
@-webkit-keyframes fadeDown {
 	0% {
 		transform:translateY(-30px);
 		-webkit-transform:translateY(-30px);
 		-moz-transform:translateY(-30px);
 		-ms-transform:translateY(-30px);
 		opacity:0;
 	}
 	100% {
		transform:translateY(0);
 		-webkit-transform:translateY(0);
 		-moz-transform:translateY(0);
 		-ms-transform:translateY(0);
		opacity:1;
 	}
}
@keyframes fadeDown20 {
 	0% {
 		transform:translateY(-20px);
 		-webkit-transform:translateY(-20px);
 		-moz-transform:translateY(-20px);
 		-ms-transform:translateY(-20px);
 		opacity:0;
 	}
 	100% {
		transform:translateY(0);
 		-webkit-transform:translateY(0);
 		-moz-transform:translateY(0);
 		-ms-transform:translateY(0);
 		opacity:1;
 	}
}
@-webkit-keyframes fadeDown20 {
 	0% {
 		transform:translateY(-20px);
 		-webkit-transform:translateY(-20px);
 		-moz-transform:translateY(-20px);
 		-ms-transform:translateY(-20px);
 		opacity:0;
 	}
 	100% {
		transform:translateY(0);
 		-webkit-transform:translateY(0);
 		-moz-transform:translateY(0);
 		-ms-transform:translateY(0);
		opacity:1;
 	}
}
@keyframes fadeLeft {
 	0% {
 		transform:translateX(10%);
 		-webkit-transform:translateX(10%);
 		-moz-transform:translateX(10%);
 		-ms-transform:translateX(10%);
 		opacity:0;
 	}
 	100% {
		transform:translateX(0);
 		-webkit-transform:translateX(0);
 		-moz-transform:translateX(0);
 		-ms-transform:translateX(0);
 		opacity:1;
 	}
}
@-webkit-keyframes fadeLeft {
 	0% {
 		transform:translateX(10%);
 		-webkit-transform:translateX(10%);
 		-moz-transform:translateX(10%);
 		-ms-transform:translateX(10%);
 		opacity:0;
 	}
 	100% {
		transform:translateX(0);
 		-webkit-transform:translateX(0);
 		-moz-transform:translateX(0);
 		-ms-transform:translateX(0);
		opacity:1;
 	}
}
@keyframes fadeLeftReverse {
 	0% {
 		transform:translateX(-10%);
 		-webkit-transform:translateX(-10%);
 		-moz-transform:translateX(10%);
 		-ms-transform:translateX(10%);
 		opacity:0;
 	}
 	100% {
		transform:translateX(0);
 		-webkit-transform:translateX(0);
 		-moz-transform:translateX(0);
 		-ms-transform:translateX(0);
 		opacity:1;
 	}
}
@-webkit-keyframes fadeLeftReverse {
 	0% {
 		transform:translateX(-10%);
 		-webkit-transform:translateX(-10%);
 		-moz-transform:translateX(-10%);
 		-ms-transform:translateX(-10%);
 		opacity:0;
 	}
 	100% {
		transform:translateX(0);
 		-webkit-transform:translateX(0);
 		-moz-transform:translateX(0);
 		-ms-transform:translateX(0);
		opacity:1;
 	}
}
@keyframes fadeRight {
 	0% {
 		transform:translate(10%,-10%);
 		-webkit-transform:translate(10%,-10%);
 		-moz-transform:translate(10%,-10%);
 		-ms-transform:translate(10%,-10%);
 		opacity:0;
 	}
 	100% {
		transform:translate(0,0);
 		-webkit-transform:translate(0,0);
 		-moz-transform:translate(0,0);
 		-ms-transform:translate(0,0);
 		opacity:1;
 	}
}
@-webkit-keyframes fadeRight {
 	0% {
 		transform:translate(10%,-10%);
 		-webkit-transform:translate(10%,-10%);
 		-moz-transform:translate(10%,-10%);
 		-ms-transform:translate(10%,-10%);
 		opacity:0;
 	}
 	100% {
		transform:translate(0,0);
 		-webkit-transform:translate(0,0);
 		-moz-transform:translate(0,0);
 		-ms-transform:translate(0,0);
 		opacity:1;
 	}
}
@keyframes zoomIn {
 	0% {
 		transform:scale(0.7);
 		-webkit-transform:scale(0.7);
 		-moz-transform:scale(0.7);
 		-ms-transform:scale(0.7);
 		opacity:0;
 	}
 	100% {
		transform:scale(1);
 		-webkit-transform:scale(1);
 		-moz-transform:scale(1);
 		-ms-transform:scale(1);
 		opacity:1;
 	}
}
@-webkit-keyframes zoomIn {
 	0% {
 		transform:scale(0.7);
 		-webkit-transform:scale(0.7);
 		-moz-transform:scale(0.7);
 		-ms-transform:scale(0.7);
 		opacity:0;
 	}
 	100% {
		transform:scale(1);
 		-webkit-transform:scale(1);
 		-moz-transform:scale(1);
 		-ms-transform:scale(1);
 		opacity:1;
 	}
}
@keyframes flipX {
	0% {
		-webkit-transform: perspective(600px) rotateX(90deg);
		transform: perspective(600px) rotateX(90deg);
		opacity: 0;
	}
	60% {
		-webkit-transform: perspective(600px) rotateX(0deg);
		transform: perspective(600px) rotateX(0deg);
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes flipX {
	0% {
		-webkit-transform: perspective(600px) rotateX(90deg);
		transform: perspective(600px) rotateX(90deg);
		opacity: 0;
	}
	60% {
		-webkit-transform: perspective(600px) rotateX(0deg);
		transform: perspective(600px) rotateX(0deg);
	}
	100% {
		opacity: 1;
	}
}


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.common-accordion {
	border-top: 1px solid #2a2f3e;
}
.common-accordion .acc-item {
	border-bottom: 1px solid #cbcedb;
}
.common-accordion .acc-item.active .acc-body {
	display: flex;
}
.common-accordion .acc-item .box {
	flex: 1;
	display: flex;
	gap: 0 18px;
	padding-right: 18px;
}
.common-accordion .acc-item .box .txt {
	flex: 1;
	padding: 4px 0;
}
.common-accordion .acc-item .arrow {
	width: 16px;
	height: 9px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: cover;
	background-image: url("/images/ico_expand_open.svg");
}

.common-accordion .acc-item.active .arrow {
	background-image: url("/images/ico_expand_close.svg");
}

.common-accordion .acc-item .arrow span {
	font-size: 0;
}
.common-accordion .acc-item [class^=qa-] {
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
}
.common-accordion .acc-item .qa-q {
	color: #b0b3c9;
}
.common-accordion .acc-item .qa-a {
	color: #f16060;
}
.common-accordion .acc-head,
.common-accordion .acc-body {
	padding: 16px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.common-accordion .acc-head {
	cursor: pointer;
	background-color: #fff;
}
.common-accordion .acc-head .box .txt {
	font-size: 15px;
	font-weight: 700;
}
.common-accordion .acc-body {
	display: none;
	background-color: #f7f7f7;
}
.common-accordion .acc-body .box .txt {
	font-size: 13px;
	font-weight: 400;
}
.common-accordion .no-item {
	height: 250px;
	background-color: #fff;
}