/* --------------------------------------------------------------------------
 * TALKSTATION.co.kr  	: LMS Default HTML Template
 *  
 * file					: popup.st1.css
 * Version 			: 1.0
 * Author			: TALKSTATION - Team
 * Author URI		: //talkstation.co.kr
 * CSS Info			: 상황별 수강관련 팝업
 * UnicornNet Copyright 1999 All Rights Reserved.
 * -------------------------------------------------------------------------- */
@charset "utf-8";


/* --------------------------------------------------------------------------
 * 특스홈&게시판
 * -------------------------------------------------------------------------- */

.ck_txt1,
.ck_txt2,
.ck_txt3,
.ck_txt4
{ padding-left: 40px; width: fit-content; color: #FFFFFF; font-weight: normal; }

.pop_btm1, .pop_btm2
{ width: auto; }
.pop_btm3
{ width: auto; }
.pop_btm4
{ margin-top: 0%; margin-left: 0%; }

.pop_btm1 input[type=checkbox],
.pop_btm2 input[type=checkbox],
.pop_btm3 input[type=checkbox],
.pop_btm4 input[type=checkbox]
{ padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }

.pop_btm1 .check	label::before,
.pop_btm2 .check	label::before,
.pop_btm3 .check	label::before,
.pop_btm4 .check	label::before
{ display: inline-block; content: ''; -webkit-appearance: none; width: 15px; height: 15px; border: 1px solid #e0e0e0; border-radius: 4px; background-color: #FFF; margin-right: 7px; vertical-align: middle; box-sizing: border-box; }

.pop_btm1 input[type=checkbox]:checked+label::after,
.pop_btm2 input[type=checkbox]:checked+label::after,
.pop_btm3 input[type=checkbox]:checked+label::after,
.pop_btm4 input[type=checkbox]:checked+label::after
{ content: '✔'; color: #FFFFFF; position: absolute; top: 469px; left: 15px; width: 5px; height: 9px; border: solid #fff; border-width: 0	2px 2px 0; transform: rotate(45deg); }

.pop_btm1 input[type=checkbox]:checked+label::before,
.pop_btm2 input[type=checkbox]:checked+label::before,
.pop_btm3 input[type=checkbox]:checked+label::before,
.pop_btm4 input[type=checkbox]:checked+label::before
{ border: 1px solid #f25a25; background-color: #f25a25; }

.modal
{  background: rgba(0, 0, 0, 0.2); }

.btn_close
{ position: absolute; top: 2%; right: 3%; z-index: unset; font-size: 50px; color: transparent; }
.btn_close:hover
{ color: transparent; }

.lat-level-test
{ position: absolute; width: 247px; height: 51px; right: 449px; top: 413px; position: absolute; border-radius: 20px; color: transparent; }

.lat-level-test3
{ position: absolute; border-radius: 20px; color: #fff; font-weight: 600; width: 247px; height: 51px; right: 260px; top: 337px; border-radius: 20px; color: transparent; }

.daily-study-link2
{ position: absolute; border-radius: 20px; color: #fff; font-weight: 600; width: 247px; height: 51px; right: 80px; top: 413px; border-radius: 20px; color: transparent; }

.daily-study-link3
{ position: absolute; font-weight: 600; width: 247px; height: 51px; right: 264px; top: 377px; border-radius: 20px; }

.btn_close:link,
.lat-level-test:link,
.lat-level-test3:link,
.daily-study-link3:link,
.daily-study-link3:link,
.daily-study-link2:link
{ color: transparent; }
.btn_close:visited,
.lat-level-test:visited,
.lat-level-test3:visited,
.daily-study-link3:visited,
.daily-study-link3:visited ,
.daily-study-link2:visited{color: transparent;}
.btn_close:hover,
.lat-level-test:hover,
.lat-level-test3:hover,
.daily-study-link3:hover,
.daily-study-link3:hover ,
.daily-study-link2:hover {color: transparent;}
.btn_close:active,
.lat-level-test:active,
.daily-study-link3:active,
.daily-study-link3:active,
.daily-study-link2:active {color: transparent;}

@media screen and (min-width: 768px) {
	.lat-modal-dialog
	{ width: 800px; top: 10%; padding-bottom: 30px; }
}

 @media (max-width: 1009px) {
	.lat-modal-dialog
	{ width: auto; }
	.btn_close
	{ width: 60px; height: 60px; right: ; top: -5px; position: absolute; }
	.lat-level-test
	{ position: absolute; width: 100%; height: 15%; right: 0; top: 55%; }
	.daily-study-link2
	{ display: none; }
	.lat-level-test3
	{ position: absolute; width: 100%; height: 15%; right: 0; top: 70%; }

	.btn_close:link,
	.lat-level-test:link ,
	.lat-level-test3:link,
	.daily-study-link3:link,
	.daily-study-link3:link,
	.daily-study-link2:link
	{ color:transparent; }

	.btn_close:visited,
	.lat-level-test:visited,
	.lat-level-test3:visited,
	.daily-study-link3:visited,
	.daily-study-link3:visited ,
	.daily-study-link2:visited
	{ color: transparent; }

	.btn_close:hover,
	.lat-level-test:hover,
	.lat-level-test3:hover,
	.daily-study-link3:hover,
	.daily-study-link3:hover ,
	.daily-study-link2:hover
	{ color: transparent; }

	.btn_close:active,
	.lat-level-test:active,
	.lat-level-test3:active,
	.daily-study-link3:active,
	.daily-study-link3:active,
	.daily-study-link2:active
	{ color: transparent; }
}

.lat-modal-dialog
{ position: relative; z-index: 100050; padding: 10px; margin-right: auto; margin-left: auto; }