@charset "utf-8";
.LessonTitle {
	width: calc(100% - 2rem);
	margin:auto;
	border:1px solid #aaa;
	box-shadow:3px 3px 0 0 rgba(0,0,0,0.1);
	padding:2rem 3rem;
	background-color:#fff;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;

}

.LessonTitle ~ .LessonZone {
	margin-top:2rem;
}
.LessonTitle ~ .LessonTitle {
	margin-top:5rem;
}
.LessonTitle.blank {
	width:100%;
	height:30rem;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.LessonTitle.blank > i {
    display: block;
    margin: 0 auto;
    font-size: 5.5rem;
}
.LessonTitle.blank > p {
	font-size:1.7rem;
    padding-top: 1rem;
}

.LessonTitle P > STRONG {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
}






.LessSchedule {
	width:100%;
	margin-top:1rem;
	padding:2rem 3rem;
	background-color:#fff;
	border:1px solid #aaa;
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
}
.LessSchedule LI {
	padding:1rem 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: center;
}
.LessSchedule LI::after {
	content: "\e93e";
	font-family: xeicon!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;

	display: flex;
	align-items: center;
	padding: 0.5rem;
	font-size: 2.5rem;
}
.LessSchedule LI:last-of-type::after {
	display:none;
}


.LessSchedule DL {
	width:18.5rem;

	border:1px solid #aaa;

	border-radius: 1rem;
	text-align: center;

	background-color:#fafafa;
	background: linear-gradient(130deg, rgba(200,200,200,0.25) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 100%);
	box-shadow:inset 1px 1px 0 1px #fff;

	cursor: default;
}
.LessSchedule DL > DT {
	padding:1.5rem 0.5rem 0.5rem;
}
.LessSchedule DL > DT + DD {
	padding:0 0.5rem 2rem;
	font-size:1.8rem;
}

.LessSchedule DL > DT {
    font-size: 1.65rem;
}
.LessSchedule H5 {
	font-size:2.5rem;
	letter-spacing: -0.15rem;
}
.LessSchedule P + P {
	padding:0;
}
.LessSchedule STRONG ,
.LessSchedule P:has( ~ STRONG:not(.Memo)) ~ SPAN {
	display: inline-block;
	padding: 0.1rem 2rem 0.25rem;
	border-radius: 5rem;
	margin-top: 1rem;

	background-color: #3b3f4f !important;
    color: #9fa4b7;
    font-size: 1.5rem;
}
.LessSchedule STRONG.Memo {
	border-radius: 5rem;
	color:#eee;
	margin:0;
}
.LessSchedule DD > .Memo:not(:has(+ P)) {
	font-size:100%;
	padding: 0.3rem 2.5rem 0.35rem;
	background-color: #e9573f !important;
    color: #fef7f6;
	margin-top:1rem;
}

.LessSchedule P + STRONG {
	margin-top: 0;
	font-size:1.5rem;
}

.LessSchedule P ~ P {
	padding-top:1rem;
}
.LessSchedule .Vote {
	color:#ff0;
}




@media (max-width: 767px) {
	.LessSchedule {
		padding:3rem;
		flex-direction: column;
	}
	.LessSchedule LI {
		padding:0;
		flex-direction: column;
		align-items: center;
	}
	.LessSchedule LI::after {
		content: "\e941";
		padding:1.5rem;
	}
	.LessSchedule DL {
		width:100%;
	}

}




.


.DZSMART_PageError > h3 {
	margin-top:0 !important;
}
.DZSMART_PageError p {
	font-weight:500;
	font-size:1.8rem;
	padding: 1rem;
}
.serv_box .DZSMART_PageError {
	border:0;
	box-shadow:none;
	background: transparent;
	text-shadow:none;
}
.serv_box .DZSMART_PageError BUTTON {
	display:none;
}


.section UL.xTabsMenuEdge {
	height:5.5rem;
}
.section UL.xTabsMenuEdge a {
	font-size:1.5rem;
	font-weight:500;
}
.section H3 {
	margin-top:5rem;
}

.dztbl5 .blank_record {
	height:20rem;
	text-align:center;
	color:#999;
	font-size:15pt;
}
.dztbl5 {
	font-family: "Noto Sans KR","Malgun Gothic",dotum,Sans-serif,AppleGothic;
}
.dztbl5 .AppProgBox {
	height: 3.5rem;
	border-radius: 0.5rem;
}
.dztbl5.tdl TD {
	text-align:left;
}

@media all and (max-width: 767px) {
	.dztbl5 .loop {
		display:none;
	}
	.dztbl5.tdl TH {
		text-align:left;
	}

}



/* 상태표시 */
.AppProgBox {
	width:100%;
	height:100%;
	min-height:3.5rem;
	border:1px solid #aaa;
	font-weight:500;
	display: -webkit-flex;
	display:         flex;
	-webkit-align-items: center;
		align-items: center;
	-webkit-justify-content: center;
		justify-content: center;

}
.AppProg_watch {
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#777;
	background: #bbb;
	background: repeating-linear-gradient(135deg, #bbb 0%, #bbb 25%, #aaa 0%, #aaa 50%) 0 / 10px 10px;

}
.AppProg_appr {
	color: #eee;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#4FBB3F;
	background: #70CA63;
	background: repeating-linear-gradient(135deg, #85D27A 0%, #85D27A 25%, #70CA63 0%, #70CA63 50%) 0 / 10px 10px;

}
.AppProg_on {
	color: #eee;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#276ECC;
	background: #4A89DC;
	background: repeating-linear-gradient(135deg, #649AE1 0%, #649AE1 25%, #4A89DC 0%, #4A89DC 50%) 0 / 10px 10px;

}
.AppProg_cancel {
	color: #eee;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#DC3519;
	background: #E63F24;
	background: repeating-linear-gradient(135deg, #E9573F 0%, #E9573F 25%, #E63F24 0%, #E63F24 50%) 0 / 10px 10px;

}
.AppProg_refund ,
.AppProg_refunded {

	color: #ff0;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#7652D1;
	background: #967ADC;
	background: repeating-linear-gradient(135deg, #A992E2 0%, #A992E2 25%, #967ADC 0%, #967ADC 50%) 0 / 10px 10px;
}
.AppProg_refunded {
	color: #fff;
}

.AppProg_rest {
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color: #ca901b;
	background: #f4a911;
	background: repeating-linear-gradient(135deg, #e49110 0%, #e49110 25%, #f4a911 0%, #f4a911 50%) 0 / 10px 10px;
}
.AppProg_done {

	color: #9FA4B7;
	color: #bbb;
	text-shadow: -1px -1px 0 rgba(0,0,0,.35);
	border-color:#2E313D;
	background: #3B3F4F;
	background: repeating-linear-gradient(135deg, #484D61 0%, #484D61 25%, #3B3F4F 0%, #3B3F4F 50%) 0 / 10px 10px;
}



.section .Topline {
    margin-top: 5rem;
    border-top: 1px solid #ccc;
    padding: 5rem 0;
}

.serv_box {
	position: relative;
	width:100%;
	margin-top:5rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-between;
}

.serv_box > DIV {
	position: relative;
	width:50%;
	border:1px solid #aaa;
	background-color:#fff;
	padding:5rem;
}
.serv_box > DIV:nth-of-type(even) {
	margin-left:-0.1rem;
	margin-right:auto;
}
.serv_box > DIV:nth-of-type(n+3) {
	margin-top:-0.1rem;
}
.serv_box > DIV:first-of-type:nth-last-child(3) ~ DIV:last-of-type {
	width: calc(100% - 0.1rem);
}



@media (max-width: 1190px) {
	.serv_box > DIV {
		width:100%;
		padding:3.5rem;
	}
	.serv_box > DIV:nth-of-type(even) {
		margin:-0.1rem auto 0;
	}
	.serv_box > DIV:first-of-type:nth-last-child(3) ~ DIV:last-of-type {
		width: 100%;
	}
}
@media (max-width: 767px) {
	.serv_box > DIV {
		padding:3rem 1.5rem;
	}

}



.serv_box .dztbl5 TH ,
.serv_box .dztbl5 TD {
	font-size:1.6rem;
}
.serv_box H4 ~ H4 {
	margin-top:4rem;
}
.serv_box UL.disc {
	padding-left: 3rem;
}
.serv_box .dztbl5 + UL.disc {
	padding-top:2rem;
}
.serv_box UL.disc > LI {

    font-size: 1.7rem;
	color:#555;
	padding-bottom: 1.5rem;
}
.serv_box H4 > .tit_comment {
	font-size:1.5rem;
	color:#e9573f;
	padding-left:1rem;
}

@media all and (max-width: 767px) {
	.serv_box H4 > .tit_comment {
		display:block;
	}
}



/* 환불요청 박스 :: 첫번째 박스가 width:100% */
.serv_box:has(>.serv_refbox) {
	position: relative;
	width:100%;
	margin-top:5rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-between;
}

.serv_box:has(>.serv_refbox) > DIV {
	position: relative;
	width:50%;
	border:1px solid #aaa;
	background-color:#fff;
	padding:5rem;
	margin:0;
}
.serv_box:has(>.serv_refbox) > DIV:nth-of-type(1) {
	width: 100%;
}
.serv_box:has(>.serv_refbox) > DIV:nth-of-type(2) {
	margin-right:auto;
	border-top-width:0;
}
.serv_box:has(>.serv_refbox) > DIV:nth-of-type(3) {
	border-top-width:0;
	border-left-width:0;
}
.serv_box:has(>.serv_refbox) > DIV:first-of-type:nth-last-child(3) ~ DIV:last-of-type {
	width:50%;
}


@media (max-width: 1190px) {


	.serv_box:has(>.serv_refbox) > DIV {
		width:100%;
		padding:5rem;
	}
	.serv_box:has(>.serv_refbox) > DIV:nth-of-type(2) ,
	.serv_box:has(>.serv_refbox) > DIV:nth-of-type(3) {
		border-width:1px;
		border-top-width:0;
	}
	.serv_box:has(>.serv_refbox) > DIV:first-of-type:nth-last-child(3) ~ DIV:last-of-type {
		width:100%;
	}


}
@media (max-width: 767px) {
	.serv_box:has(>.serv_refbox) > DIV {
		padding:3rem 2rem;
	}
}


.guide_warn {
	margin-top:1rem;
	padding:0.5rem 1rem;
	background-color:#fdd;
	border:1px dotted #c00;
	border-radius: 0;
	color:#c00;
}
.guide_warn::before {
	font-family: xeicon !important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\ea2d";
	margin-right:7px;
	font-size:20px;
	vertical-align: -2px;
}







	/* 신청단계 버튼 */
	DIV.serv_btns {
		position: relative;
		width:100%;
		margin-top:5rem;
		text-align:right;
	}
	DIV.serv_btns .btn {
		display:inline-block;
		margin:auto;
		margin-left:1rem;
		border-radius:0.5rem;
		padding:0 5rem;
		height:6rem;
		font-size:1.8rem;
		font-weight:400;
	}
	DIV.serv_btns .btn.btn-blue {
		padding:0 8rem;
	}
	DIV.serv_btns .btn.btn-gray {
		border-color:#bbb;
	}
	@media all and (max-width: 767px) {
		DIV.serv_btns {
			display: flex;
			justify-content: space-between;
		}
		DIV.serv_btns .btn {
			width:35%;
			height:7rem;
			margin:auto;
		}
		DIV.serv_btns .btn.btn-blue {
			width:calc(65% - 2rem);
		}
	}



	/* 연장단계 버튼 */
	UL.serv_btns.pay_btns {
		justify-content: space-evenly
	}

	UL.serv_btns.pay_btns > LI {
		width:45%;
	}
	UL.serv_btns.pay_btns .btn {
		width:100%;
	}
	UL.serv_btns .btn.btn-gray {
		border-color:#bbb;
	}




	/* 연장단계 버튼 */
	UL.serv_btns {
		position: relative;
		width:100%;
		margin-top:5rem;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: flex-start;
		justify-content: space-between;
	}
	UL.serv_btns > LI {
		text-align:center;
	}
	UL.serv_btns .btn {
		display:inline-block;
		margin:auto;
		border-radius:0.5rem;
		padding-left:3rem;
		padding-right:3rem;
		height:6rem;
		font-weight:500;
	}

	@media all and (max-width: 767px) {
		UL.serv_btns > LI {
			width:100%;
			display:flex;
			justify-content: space-evenly;
			padding:1rem 0;
		}

		UL.serv_btns > LI .btn {
			width:100%;
			height:7rem;
		}
		/*
		UL.serv_btns > LI:first-of-type .btn {
			width:50%;
		}
		*/

	}





	.lessonTbl + .lessonTbl {
		margin-top:-1.15rem;
	}
	.lessonTbl td {
		height:6rem;
		text-align:left;
	}


	.lessonTbl.lessonTbl_Disc TBODY TR.on {
		position: relative;
		z-index: 1;
		background-color: #ffd;
		border-radius: 0.3rem;
		box-shadow: 0 0 0 0.5rem #366ab0;
	}
	.lessonTbl.lessonTbl_Disc TBODY TR.on TH {
		background: transparent;
	}

	.lessonTbl.lessonTbl_Disc TBODY TR.disabled {
		color:#aaa;
	}

	.lessonTbl.lessonTbl_Disc TBODY th ,
	.lessonTbl.lessonTbl_Disc TBODY td {
		height:5rem;
		text-align:left;
	}
	.lessonTbl.lessonTbl_Disc LABEL .dp_mo {
		padding-left:0.5rem;
		font-weight:normal;
	}
	.lessonTbl.lessonTbl_Disc LABEL > STRIKE {
		display:none;
	}
	.lessonTbl.lessonTbl_Disc TR.disabled LABEL > STRIKE {
		display:inline-block;
	}
	.lessonTbl.lessonTbl_Disc TR.disabled LABEL > STRIKE + SPAN {
		display:none;
	}



	@media (max-width: 767px) {

		.lessonTbl.lessonTbl_Disc TBODY TH ~ TD {
			padding-left: 4rem;
		}
		.lessonTbl.lessonTbl_Disc TBODY TR.on TH ~ TD {
			padding-top:0;
			vertical-align: top;
		}


	}

	.lesson_Warning {

		display: none;

		width: auto;
		margin:1rem 0;
	}
	.lesson_Warning > P {
		display:inline-block;
		width: auto;
		border: 2px dotted #c00;
		border-radius:2rem;
		padding: 0.5rem 2rem;
		letter-spacing: -1px;

		background-color: #ffe;
		color: #c00;
		font-weight: 500;
	}


	@media (max-width: 767px) {

		.lessonTbl td {
			height:auto;
			padding:1rem;
			text-align:left;
		}
		.lessonTbl th {
			text-align:left;
		}
	}



	/* 입력필드 속성 */

	.lessonTbl SELECT ~ INPUT ,
	.lessonTbl INPUT ~ INPUT ,
	.lessonTbl SELECT + .telbar ,
	.lessonTbl INPUT + .telbar {
		margin-left:0.5rem;
	}

	.lessonTbl LABEL.edge {
		padding:0.2rem 0.8rem 0.2rem 0.5rem;
	}
	.lessonTbl LABEL.edge.on {
		position: relative;
		z-index: 1;
		background-color: #ffd;

		border-radius: 0.3rem;
		box-shadow: 0 0 0 0.3rem #366ab0;
	}
	.lessonTbl LABEL > INPUT {
		width: 2rem;
		height: 2rem;
		vertical-align: -0.4rem;
		margin-right:0.5rem;
		cursor:pointer;
	}
	.lessonTbl LABEL + LABEL {
		margin-left:1rem;
	}
	.lessonTbl SELECT ,
	.lessonTbl INPUT {
		height:4rem;
		border-radius:0.5rem;

	}

	#appName, #legalName {
		width:50%;
	}
	#appBirth_year {
		width:9rem;
	}
	#appBirth_month, #appBirth_day {
		width:6rem;
	}
	#appBirth_year + SPAN ,
	#appBirth_month + SPAN ,
	#appBirth_day + SPAN {
		display:inline-block;
		width:2rem;
		padding-right:1rem;
	}
	#appMobile_1, #appMobile_2, #appMobile_3 ,
	#legalMobile_1, #legalMobile_2, #legalMobile_3 {
		width:28%;
		border-radius:0.5rem;
	}
	@media (max-width: 767px) {
		.lessonTbl SELECT ,
		.lessonTbl INPUT {
			height:4.5rem;
		}

		.lessonTbl LABEL > INPUT {
			vertical-align: -0.2rem;
		}

		#appName, #legalName {
			width:100%;
		}
		#birthday_comment {
			display:block;
		}
	}


	.lessonTbl .paynull {
		padding:10rem 0;
		text-align:center;
		font-size:2rem !important;
		font-weight:400;
		color:#999;
	}


/* 이용약관 */
.lessonRule_tit {
	position: relative;
	width:100%;
	background-color:#d9d9df;
	border:1px solid #bbb;
	padding: 1rem ;
	padding-left: 2rem ;
	font-size:1.7rem;
	font-weight: 500;

	display:flex;
	justify-content: space-between;
	align-items: center;
}
.lessonRule_tit > .moreview {
	position: relative;
	font-size:1.4rem;
	border-color:#aaa;
	padding: 0.5rem 3rem 0.5rem 2rem;
	/* border-radius: 0.5rem;*/
}
.lessonRule_tit > .moreview::after {
	position: absolute;
	right: 1rem;
	top: 1rem;
	content: "\e941";
	font-family: xeicon!important;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.lessonRule_tit > .moreview.btn-active::after {
	top: 0.8rem;
	content: "\e944";
}

.lessonRule_tit ~ .lessonRule_tit {
	margin-top:3rem;
}
.lessonRule_cont {
    border: 1px solid #bbb;
    padding: 2rem;
    height: 20rem;
    overflow: auto;
    background-color: #fff;

    font-size: 1.4rem;
    font-family: '맑은 고딕';
}
.lessonRule_tit + .lessonRule_cont {
	border-top-width:0;
}
.lessonRule_cont h6 {
	font-size:1.6rem;
	font-weight:500;
}
.lessonRule_cont h6 ~ h6 {
	padding-top:3rem;
}
.lessonRule_cont ul {
	padding-left:2rem;
	list-style-position:outside;
}
.lessonRule_cont ul > li {
	padding-top:1rem;
}
.lessonRule_cont ul > li + li {
	padding-top:0.5rem;
}
.lessonRule_agree {
	padding:1.5rem;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.lessonRule_agree LABEL {
	font-size:1.5rem;
}
.lessonRule_agree LABEL + LABEL {
	padding-left:2rem;
}
.lessonRule_agree LABEL > INPUT {
	width:2rem;
	height:2rem;
	vertical-align: -0.4rem;
	margin-right:0.5rem;
}

.lessonRule_allagree {
	width:100%;
	display:block;
	text-align:right;
	font-size:1.8rem;
	font-weight:500;
	padding-top:2rem;
	margin-top:2rem;
	border-top:1px solid #aaa;

        text-indent: -3.5rem;
        padding-left: 3.5rem;

}
.lessonRule_allagree > INPUT {
	width:2rem;
	height:2rem;
	vertical-align: -0.4rem;
	margin-right:1rem;
}

@media (max-width: 767px) {
	.lessonRule_agree {
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
	}
	.lessonRule_agree > DIV {
		padding-top:1rem;
	}
	.lessonRule_allagree {
		text-align:left;
	}

}



.lessonRule_allagree ~ .serv_box {
	margin-top:10rem;
}


CANVAS#congratulation_canvas{z-index:10;pointer-events: none;position: fixed;top: 0;transform: scale(1.1);}
.guide_pay_congratulation {
	padding:2rem;
    padding: 2rem;
    text-align: center;
    font-weight: 500;
    color: #006ccc;
    background-color: #ffc;
    border: 2px solid #0064cc;
    font-size: 1.9rem;
    border-radius: 5rem;
}

.guide_pay_warning {
	padding:2rem;
	text-align:center;
	font-weight:500;
	color:#c06;
	background-color:#ffc;
	border:1px solid #c06;
	font-size:1.9rem;
	border-radius:5rem;
}

#LessStep_List .guide_pay_warning {
	width:calc(100% - 2rem);
	margin:auto;
	margin-bottom:5rem;
	padding:4rem;
}
#LessStep_List .guide_pay_warning P {
	font-size:1.6rem;
	margin-top:1rem;

}


#popup_alertMessage {

	width:100%;
	height:100%;
	position: fixed;
	background-color:rgba(0,0,0,.25);
	z-index:9998;
	top:0;
	left:0;

	display:flex;
	justify-content: center;
	align-items: center;

}
#popup_alertMessage .popup_Msgbox {
	width: 650px;
	border: 2px solid #444;
	background: #fff;
	padding: 5rem;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
}
#popup_alertMessage .popup_Msgbox > h3 {
	text-align:center;
	margin:0;
}
#popup_alertMessage .popup_Msgbox > ul {
	padding:2rem;
	padding-right:0;
}
#popup_alertMessage .popup_Msgbox > p {
	padding:0.5rem;
}
#popup_alertMessage .popup_Msgbox > div {
	padding-top:3rem;
}
#popup_alertMessage .popup_Msgbox > div LABEL {
	margin-right:2rem;
}
#popup_alertMessage .popup_Msgbox > div LABEL > INPUT {

	width:1.8rem;
	height:1.8rem;
	margin-right:0.5rem;
}
#popup_alertMessage .popup_Msgbox > .btnarea {
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

#popup_alertMessage .popup_Msgbox > .btnarea BUTTON {
	width:50%;
}
@media screen and (max-width:500px) {
	#popup_alertMessage .popup_Msgbox {
		width:95%;
		padding:2.5rem;
	}

	#popup_alertMessage .popup_Msgbox > .btnarea {
		flex-direction: column
	}
	#popup_alertMessage .popup_Msgbox > .btnarea BUTTON {
		width:100%;
		margin-top:1.5rem;
	}
}












/************* 1단계 ***************/

#LessStep_List #LessonView_grp ,
#LessStep_List #LessonView_cate {
	height:4rem;
	padding:.5rem;
	background-color:#fff;
}
#LessStep_List #LessonView_cate, #LessonView_cate > OPTION ,
#LessStep_List #LessonView_grp, #LessonView_grp > OPTION {
	font-size:1.5rem;
	color:#333;
}
#LessStep_List #LessonView_grp ~ .btn ,
#LessStep_List #LessonView_cate ~ .btn {
	height:4rem;
	font-size:1.5rem;

}

@media screen and (max-width:767px) {
	#LessStep_List #LessonView_grp ,
	#LessStep_List #LessonView_cate {
		float:none;
		display:block;
		margin:1.5rem 0 0.5rem;
	}
}
@media screen and (max-width:500px) {
	#LessStep_List .lesson_listing th ,
	#LessStep_List .lesson_listing td ,
	#LessStep_List .lesson_listing td > div {
		font-size:10pt;
	}
	#LessStep_List .lesson_listing td > button {
		margin-bottom:2rem;
	}

	#LessStep_List #LessonView_grp ,
	#LessStep_List #LessonView_cate {
		width:95%;
	}
}


#LessStep_List .LessonZone {
	display:flex;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#LessStep_List .LessonZone > LI {
	position: relative;
	width: calc(100% / 5);
	min-width:25rem;
	padding:1rem;
}
#LessStep_List .LessonZone > LI.grp_hide,
#LessStep_List .LessonZone > LI.cate_hide {
	display:none;
}

@media (max-width: 767px) {
	#LessStep_List .LessonZone {
		padding:0.5rem;
	}
	#LessStep_List .LessonZone > LI {
		width: calc(100% /2 );

		min-width:18rem;
		padding:0.5rem;

	}
}


#LessStep_List .LessonBox {
	position: relative;
	top:0;
	left:0;
	background-color:#fff;
	border:1px solid #bbb;
	padding-bottom:1.5rem;
	box-shadow:3px 3px 0 0 rgba(0,0,0,0.1);
}
#LessStep_List .LessonBox:hover {
	top:1px;
	left:1px;
	box-shadow:none;
}
#LessStep_List .LessonBox > h6 {
	font-size:1.7rem;
	background-color:#d9d9df;
	padding:0.5rem;
	text-align:center;
	border-bottom:1px solid #bbb;

}
#LessStep_List .LessonBox > dl {
	width:100%;
	font-size:1.5rem;
	line-height:160%;
	padding:2rem;
	display:flex;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#LessStep_List .LessonBox > dl dt {
	width:8rem;
	color:#666;
}
#LessStep_List .LessonBox > dl dt::after {
	content:':';
	display:inline-block;
	padding:0 0.5rem;
}
#LessStep_List .LessonBox > dl dd {
	width:calc(100% - 8rem);
}
#LessStep_List .LessonBox > .btn {
	border-radius:0.5rem;
	width: calc(100% - 3rem);
	margin:auto;
	display:block;
	font-size:1.5rem;
}
@media (max-width: 767px) {
	#LessStep_List .LessonBox > dl dt {
		width: 100%;
		display: block;
		border-top: 1px solid #ccc;
		margin-top:0.5rem;
		padding-top:0.5rem;
	}
	#LessStep_List .LessonBox > dl dt:first-of-type {
		border-top-width:0;
		margin-top:0;
		padding-top:0;
	}
	#LessStep_List .LessonBox > dl dd {
		width: 100%;
		display: block;
	}
	#LessStep_List .LessonBox > .btn {
		padding:1rem 0.5rem;
	}
}




#LessStep_List .LessonSearch {
	text-align:center;
	display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: nowrap;
    align-items: center;
}
#LessStep_List .LessonSearch > SELECT + SELECT {
	border-left-width:0;
}


#LessStep_List .mess_infor {
	position: relative;
	width:100%;
	text-align:center;
	font-size:2rem;
	color: #2c323f;
	letter-spacing: -0.1rem;
	margin:-3rem auto 5rem;;
}
#LessStep_List .mess_infor + .mess_infor {
	margin-top:-3.5rem;
}
#LessStep_List .mess_infor .mess_alert {
	display:inline-block;
	margin:auto;
	padding:1.5rem 5rem;
	background-color:#c00;
	color:#fff;
	border-radius: 10rem;
}
#LessStep_List .mess_infor #SystemTime {
	display:none;
}
#LessStep_List .mess_infor #SystemClock {
	display:inline-block;
	padding-right:0.5rem;
	color:#3974bf;
	font-weight: 500;
	letter-spacing: 0;
}
#LessStep_List .mess_infor #SystemClock:empty {
	display:none;
}
#LessStep_List .mess_infor #SystemClock::before {
    content: "\ea1f";
    font-family: xeicon!important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 0.5rem;
    margin-top:-0.25rem;
    font-size: 2rem;
    vertical-align: middle;
}






.lessonTbl .ProdList {
	width:100%;
}

.lessonTbl .ProdList LABEL {

	display:block;
	width:100%;
	padding:1rem 1.5rem;
	border-bottom:1px solid #ddd;
}
.lessonTbl .ProdList LABEL:last-of-type {
	border-bottom:0;
}
.lessonTbl .ProdList LABEL > h6 {
	display:inline-block;
	padding:0 0.5rem;

}
.lessonTbl .ProdList LABEL > P {
    padding-left: 3rem;
}

.lessonTbl .ProdList LABEL + LABEL {
    margin-left: 0;
}

.lessonTbl .ProdList LABEL.disabled {

	color: #999;
}
.lessonTbl .ProdList LABEL.on {
	box-shadow: 0 0 0 0.5rem #366ab0;
	border-color:transparent
}.DZSMART_LoginZone {
	width: 65rem;
	margin:0 auto;
	border: 1px solid #aaa;
	padding: 5rem 10rem 3rem;
	background: #fff;
}
.DZSMART_LoginZone fieldset > .fld_area > span {
    width: 12rem;
    font-weight:500;
}
.DZSMART_LoginZone fieldset > .fld_area > input {
    width: calc(100% - 12rem);
}




.DZSMART_MemberZone {
	margin:0 auto;
}
.DZSMART_MemberZone fieldset DT:has(+ DD [data-esse]) > LABEL::after {
	content: '*';
	color: #c06;
	font-size: 2rem;
	display: inline-block;
	padding: .5rem;

}


.DZSMART_MemberZone #U_SEX {
	min-width:12rem;
}
.DZSMART_MemberZone #U_SEX OPTION {
	opacity: 1;
	font-size: 1;
	color: #333;
	font-style: normal;
}
.DZSMART_MemberZone #U_SEX OPTION[value=""][disabled] , 
.DZSMART_MemberZone #U_SEX:invalid {
	opacity: 0.75;
	font-size: 90%;
	color: #666;
	color: #98661B;	
	font-style: italic;
	transition:all 0.3s;
}



.DZSMART_MemberZone .edgebox {
	width: 100%;
    list-style-type: disc;
    list-style-position: inside;
    border: 1px solid #aaa;
    padding: 3.5rem 5rem;
    margin-top: 5rem;
    background-color: #fff;

}
.DZSMART_MemberZone .edgebox P + P {
	margin-top:20px;
}














/* 개인정보 변경 */
.DZSMART_MemberZone fieldset DL {
	min-height:4rem;
}

.DZSMART_MemberZone B ,
.DZSMART_MemberZone STRONG {
	font-weight:600;
}
.DZSMART_MemberPwdZone .pwdBtn_Area {
	display: flex;
}

.DZSMART_MemberPwdZone .pwdBtn_Area > BUTTON.btn {
	height: 5rem !important;
	font-size: 1.6rem;
	margin: 0 !important;
}
.DZSMART_MemberPwdZone .pwdBtn_Area > #_U_BTN_RETURN_ {
	width:35%;
}


.DZSMART_MemberZone #PWDCHANGE { color: #eee; vertical-align:middle; display:inline-block; padding: 0.5rem 2rem 0.5rem 1.5rem; }
.DZSMART_MemberZone #PWDCHANGE.on { color: #EE7F6D; }
.DZSMART_MemberZone #PWDCHANGE:before { content: ""; position:relative; display:inline-block; border-color: #fafafa; border-style:solid; border-width: 2px 2px 0 0;  width: 1rem;  height: 1rem;  margin-right: 1rem; }
.DZSMART_MemberZone #PWDCHANGE:before { -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg); top: -0.3rem; }
.DZSMART_MemberZone #PWDCHANGE.on:before { border-color: #EC6F5A; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); top: 2px; }


.DZSMART_MemberZone #_BTN_MOB_MODIFY_ { color: #eee; vertical-align:middle; display:inline-block; padding: 0.5rem 2rem 0.5rem 1.5rem; }
.DZSMART_MemberZone #_BTN_MOB_MODIFY_.on { color: #EE7F6D; }
.DZSMART_MemberZone #_BTN_MOB_MODIFY_:before { content: ""; position:relative; display:inline-block; border-color: #fafafa; border-style:solid; border-width: 2px 2px 0 0;  width: 1rem;  height: 1rem;  margin-right: 1rem; }
.DZSMART_MemberZone #_BTN_MOB_MODIFY_:before { -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg); top: -0.3rem; }
.DZSMART_MemberZone #_BTN_MOB_MODIFY_.on:before { border-color: #EC6F5A; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); top: 2px; }
.DZSMART_MemberZone #_BTN_MOB_MODIFY_ ~ .Auth_on {
	display:none;
	font-weight:600;
}
.DZSMART_MemberZone #_BTN_MOB_MODIFY_ ~ .Auth_on > i[class^=xi-] {
	font-size:2rem;
	vertical-align: -2px;
}
.DZSMART_MemberZone .Auth_on + #_BTN_MOB_MODIFY_ {
	display:none;
}
.DZSMART_MemberZone .Auth_on ~ .Auth_on {
	display: inline-block !important;
	margin-left: 1rem;
}
.DZSMART_MemberZone .AuthMode_Mobile_Check {
	margin-top:1rem;
}
.DZSMART_MemberZone #SMS_AUTH DL DL {
	margin:0 0 0.5rem;
}
.DZSMART_MemberZone #SMS_AUTH DL DL > DT {
	width: 8rem;
	padding: 0;
	align-items: center;
}

.DZSMART_MemberZone LEGEND:has(BUTTON) {
	width:100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}

.DZSMART_MemberZone #_BTN_LEGAL_MODIFY_ { color: #eee; vertical-align:middle; display:inline-block; padding: 0.5rem 2rem 0.5rem 1.5rem; }
.DZSMART_MemberZone #_BTN_LEGAL_MODIFY_.on { color: #EE7F6D; }
.DZSMART_MemberZone #_BTN_LEGAL_MODIFY_:before { content: ""; position:relative; display:inline-block; border-color: #fafafa; border-style:solid; border-width: 2px 2px 0 0;  width: 1rem;  height: 1rem;  margin-right: 1rem; }
.DZSMART_MemberZone #_BTN_LEGAL_MODIFY_:before { -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); transform:rotate(135deg); top: -0.3rem; }
.DZSMART_MemberZone #_BTN_LEGAL_MODIFY_.on:before { border-color: #EC6F5A; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); top: 2px; }
.DZSMART_MemberZone #_BTN_LEGAL_MODIFY_ ~ .Auth_on {
	display:none;
	font-weight:600;
}
.DZSMART_MemberZone #AreaLegal #AreaLegal_Fld {
	display:none;
}
.DZSMART_MemberZone #AreaLegal #AreaLegal_Txt.hide + #AreaLegal_Fld {
	display:block;
}
.DZSMART_MemberZone #AreaLegal .Auth_on {
	font-weight:600;
	margin-left:1rem;
}
.DZSMART_MemberZone #AreaLegal .Auth_on > i[class^=xi-] {
	font-size:2rem;
	vertical-align: -2px;
}