@charset "UTF-8";
	.login { max-width: 580px; margin: 0 auto; padding: 5.250em 1.250rem; text-align: center; overflow: hidden; }
	.login h6 { position: relative; padding: 4.5rem 0; }
	.login h6:before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #D9D9D9; }
	.login h6 strong { position: relative; padding: 0 2rem; background: #fff; }
	.login ul    { padding: 4.5rem 0 1.25rem 0; }
	.login ul li { /*padding: 1.125em 0 0 0;*/ position: relative; max-width: 340px; margin: 0 auto; margin-top: 1.125rem; font-size: 1.3rem;}
	.login ul li.lastLogin:before {content: "";position: absolute;top:calc(50% - 4px);left: -14px;width: 7px;height: 7px;background: #045c31;border-radius: 7px;}
	.login ul li:nth-child(1) { /*padding: 0;*/ margin-top:0;}

	.login dl dt { padding: 3.125em 0 0.750em 0; text-align: left; }
	.login dl dt:nth-child(1) { padding: 0 0 0.750em 0; }
	.login dl dd { text-align: left; overflow: hidden; }
	.login dl dd input { font-size: 0.875rem; }
	.login .link_btn { float: right; font-size: 1.000rem; color: #7E7E7E; }
	.login dd span { float: left; font-size: 0.750rem; }

	.btn_wrap { padding: 4.375em 0 0 0; }
	.btn_wrap input { color: #fff; border: 0; border-radius: 4px; background: #949191; cursor: pointer;}

	/* 간편로그인 */
	.easy { max-width: 580px; margin: 0 auto; padding: 5.250em 1.250rem; overflow: hidden; }
	.easy .logo { text-align: center; }
	.easy h6 { padding: 4.500em 0 0 0; }
	.easy h6 p{ padding: 1.000em 0 0 0; }
	.easy td { padding: 2em 0 0 0; vertical-align: top; }
	.easy td:nth-child(2) { padding: 2em 0 0 1.250rem; }
	.easy td:nth-child(3) { padding: 2em 0 0 1.250rem; }
	.easy td span { display: block; font-size: 1rem; }

	.easy button { color: #fff; border-radius: 4px; background: #949191; }
	.easy p { padding: 0.750em 0 0 0; line-height: 1.3rem; color: #949191; }

	.easy .file_box { margin: 0.750em 0 0 0; padding: 1.250em 0.875rem; border: 1px solid #D5D3D3; border-radius: 4px; }
	.easy .file_box li { padding: 0.625em 0 0 0; }
	.easy .file_box li:nth-child(1) { padding: 0; font-size: 0.750rem; font-weight: 800; }
	.easy .file_box a { text-decoration: underline; color: #3D56F9; }
	.easy .link_btn { float: right; font-size: 0.750rem; color: #7E7E7E; }

	.easy .joinSkip{display: none;}

	.check_box input[type="checkbox"]:checked + i{ border: 0; background: none; }
	.check_box input[type="checkbox"]:checked + i:before{ color: #01954A ; }

	/* 비밀번호찾기 */
	.find { max-width: 580px; margin: 0 auto; padding: 5.250em 1.250rem; overflow: hidden; }

	@media (max-width:720px) {
		.login { padding: 2.6rem 1.250rem; }
		.login ul { padding: 4rem 0 1.25rem 0; }
		.login h6 { padding: 2rem 0; }
		.login dl dt { padding: 1.5rem 0 0.750em 0; text-align: left; }

		.btn_wrap { padding: 2em 0 0 0; }

		.easy { padding: 2.6em 1.250rem; }
		/*.easy h6 { padding: 2em 0 0 0; }
		.easy td { padding: 0em 0 0 0; }
		.easy td:nth-child(2) { padding: 0em 0 0 1.250rem; }*/
		.easy h6 { padding: 4em 0 0 0; }
		.easy td { padding: 2em 0 0 0; vertical-align: top; }
		.easy td:nth-child(2) { padding: 2em 0 0 1.250rem; }
		.easy td:nth-child(3) { padding: 2em 0 0 1.250rem; }

		.login dl dd input { font-size: 1rem; }
		.login .link_btn   { font-size: 1rem;  }
		.login dd span     { font-size: 1rem; }
		.easy td span      { font-size: 1rem; }
		.easy .file_box li:nth-child(1) { font-size: 1rem; }
		.easy .link_btn    { font-size: 1rem; }
		.s_tt { font-size: 1.1rem !important; }

	}

	/* 회원이전 로그인 */
	.tantanselect { max-width: 720px; margin: 0 auto; padding: 5.250em 1.250rem; overflow: hidden; }
	.tantanselect h6 { padding: 2.500em 0 0 0; }
	.tantanselect h6 p{ padding: 1.000em 0 0 0; }
	.tantanselect td { padding: 2em 0 0 0; vertical-align: top; }
	.tantanselect td:nth-child(2) { padding: 2em 0 0 1.250rem; }
	.tantanselect td span { display: block; font-size: 0.750rem; }
	.tantanselect input[type='button'] { color: #fff; border-radius: 4px; background: #002366; font-size: 1.2rem;}

	.tantanselect .btn_wrap a {width: 100%; height: 3rem; line-height: 3rem; text-align: center; color: #fff; border-radius: 4px; background: #01954A; font-size: 1.2rem; display: inline-block;}
	.tantanselect .noti_wrap{margin-top: 2rem; background: #F2FAF6; padding: 1.5rem;}
	.tantanselect .noti_wrap p{margin-top: 0.5rem;}

	.tantanselect .link_btn{float: right;margin-top: 1rem;color: #7E7E7E;}

	@media (max-width:720px) {
		.tantanselect .btn_wrap { padding: 2em 0 0 0; }
		.tantanselect { padding: 2.6em 1.250rem; }
		.tantanselect h6 { padding: 4em 0 0 0; }
		.tantanselect td { padding: 2em 0 0 0; vertical-align: top; }
		.tantanselect td:nth-child(2) { padding: 2em 0 0 1.250rem; }
	}

	/* 회원이전 수강권 */
	.tantanselect .voucher_list {margin-top: 1rem;}
	.tantanselect .voucher_list li       { padding: 1rem 0; }
	.tantanselect .voucher_list li > div { display: block; padding: 0.5rem; border: 1px solid #C3C3C3; border-radius: 10px; overflow: hidden; }
	.tantanselect .voucher_list li .completed{filter: grayscale(0.7); opacity: 0.7;}

	.tantanselect .voucher_list li .img_box { float: left; width: 35%; margin: 0 1rem 0 0; background: radial-gradient( #D1D1D1, #9B9898);border-radius: 0.5rem;}
	.tantanselect .voucher_list .info h6    { margin: 0 0 0.5rem 0; }
	.tantanselect .voucher_list .info p     { line-height: 1.5; font-weight: 500; padding-top: 0.5rem;}
	.tantanselect .voucher_list .info a     { display: inline-block; width: 30%; margin: 0.5rem 0 0 0; text-align: center; line-height: 36px; border-radius: 4px; }
	.tantanselect .voucher_list .info span.type03{color: #FF3D3D;}