:root{
	--basic-margin:10px;
	--basic-padding:20px;
	--basic-color:#324587;
	/*--basic-color:#075b58;*/
	--basic-over-color:#3657c6;
	--login-btn-color:var(--basic-color);

	--basic-bg-color:#3657c6;
}


@font-face {
    font-family: 'SBAggroM';
    src: url('/font/SBAggroM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SBAggroL';
    src: url('/font/SBAggroL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Pretendard-Regular';
    src: url('/font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('/font/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


.center_r{display: flex;flex-direction:column;align-items: center;justify-content:center;}

.center_r_top{display: flex;flex-direction:column;align-items: center;}

body{
	/*display: grid;
	grid-template-areas: 
	"header"
	"menu"
	"main"
	"footer";
	grid-template-rows: 350px 30px 1fr 25px;  
	grid-template-columns: 1fr;
	grid-gap: 10px;*/
	font:12px 's-core-dream-regular';
	color:#333;
	line-height:100%;


	/* 벤더 프리픽스 */
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* 인터넷익스플로러 */
     user-select: none;
}

a{text-decoration: none;}

/*
input,select{
	padding:0px 5px 0px 5px;
	height:25px;
	color: #666; 
	font:12px 's-core-dream-regular';
	border: 1px solid #cccccc; 
	border-radius: .5em;
}


select:focus,input:focus {
  outline: none;
  border: 1px solid var(--basic-color);
  background:var(--basic-over-color);
}
*/



/************ div 스크롤 START ************/
.scrollDiv::-webkit-scrollbar {width: 4px;}
.scrollDiv::-webkit-scrollbar-track {background-color: #ddd;}
.scrollDiv::-webkit-scrollbar-thumb {border-radius: 3px;background-color:#ee0000;}

/************ div 스크롤 END ************/





/************ 버튼 START ************/

.btn{height:25px;padding:0px 10px 0px 10px;font:12px 's-core-dream-medium';border-radius: .5em;cursor:pointer;}

.btn_b{color:#666;background-color:#00000011;border:1px solid #00000033;}
.btn_b:hover{color:var(--basic-over-color);background-color:#000000aa;}

.btn_w{color:#ffffff;background-color:#ffffff33;border:1px solid #ffffff66;}
.btn_w:hover{background-color:#ffffff44;color:#ffffaa;}




.btn_blue{--fs;--w;--h;padding:7px;width:var(--w);height:var(--h);font-size:var(--fs);font-family:'s-core-dream-medium';text-align:center;color:#fff;border:1px solid #ddd;border-radius: 0.5em;background:var(--basic-bg-color);cursor:pointer;}
.btn_blue2{--fs;--w;--h;padding:7px;width:var(--w);height:var(--h);font-size:var(--fs);font-family:'s-core-dream-medium';text-align:center;color:#555;border:1px solid #ddd;border-radius: 0.5em;background:#fff;cursor:pointer;}
.btn_blue2:HOVER{color:#000;background:#f8f8f8;}

/************ 버튼 START ************/







header, menu, footer, .main {
 min-width: 1200px;
}


Header {
	grid-area: header;
	color:#ffffff;
	background:var(--basic-color);
	border-bottom:1px solid #ffffff33;
}

.pageHeader2 {
  grid-area: header2;
  background:var(--basic-color);
}

.main{
	grid-area: main;
	display: grid;
	grid-template-areas: "nav section";
	grid-template-columns: 220px 1fr;
}

Nav { 
	grid-area: nav;
	background:#fff;
	border-right:1px solid #ddd;
	}

section {
	position: relative;
	padding:20px;
	grid-area: section;  
	background:#f5f5f5;
}

aside{
	grid-area: ads; 
}

Footer {
  grid-area: footer;
  font:12px '굴림';
  color:#ffffff99;
  text-align:center;
  line-height:25px;
  background:var(--basic-color);
}



.top_logo{width:100%;background:#fff;display:flex;align-items:center;justify-content:center;}


.top_menu{width:100%}

.top_menu > ul{
	display: grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	grid-gap: 10px;
	height:50px;
	color:#fff;
	font:14px 's-core-dream-medium';
	background:var(--basic-color);
}

.top_menu > ul > li{display: flex;align-items: center;justify-content:center;}


.top_menu_t {height:50px;width:100%;}
.top_menu_t > ul > li{padding:1vw;width:200px;font:18px 's-core-dream-medium';color:#333;text-align:center;}


.left_menu_bg{position:fixed;top:0px;left:0px;width:100%;height:100svh;background:#000000cc;display:none;z-index:9999;animation-name:left_menu_bg_an;animation-duration:0.5s;}
.left_menu{position:fixed;top:0px;left:0px;width:90%;height:100svh;background:#fafafa;display:none;z-index:99999;animation-name:left_menu_an;animation-duration:0.5s;overflow:scroll;}

.left_menu > div:first-child > ul{margin-left:5vw;padding:20px 0px 5px 0px;display: grid;grid-template-columns: 0.1fr 1fr 0.1fr;font:14px 's-core-dream-medium';color:#fff;text-align:center;}
.left_menu > div:first-child > ul > li input{padding:7px;width:100px;font:12px 's-core-dream-medium';color:#fff;border-radius: 0.5em;background:#0099ff}
.left_menu > div:first-child > ul > li:last-child{margin-right:5vw;font:26px 's-core-dream-medium';color:#aa0000;}

.left_menu > div:nth-child(2){padding:5px;}
.left_menu > div:nth-child(2) > ul{margin-bottom:5px;padding:20px 0px 20px 0px;display: grid;grid-template-columns: 1fr 1fr 1fr;width:100%;font:14px 's-core-dream-medium';text-align:center;border:1px solid #ccc;background:#fff;}
.left_menu > div:nth-child(2) > ul > li:first-child{border-right:1px solid #ccc;}
.left_menu > div:nth-child(2) > ul > li:nth-child(2){border-right:1px solid #ccc;}

.left_menu > div:nth-child(3){padding:10px;font:14px 's-core-dream-medium';color:#fff;text-align:center;background:var(--basic-color);}

.left_menu > div:nth-child(4){display: grid;grid-template-columns: 1fr 1fr;width:100%;border:1px solid #ccc;background:#fff;z-index:999;}
.left_menu > div:nth-child(4) > ul:first-child p{padding:15px;font:12px 's-core-dream-medium';color:#555;border-bottom:1px solid #ccc;}
.left_menu > div:nth-child(4) > ul:nth-child(n+2) li{padding:10px;}
.left_menu > div:nth-child(4) > ul:nth-child(n+2) > li > a{width:100%;font:12px 's-core-dream-regular';color:#666;display:inline-block;}

.left_menu > div:nth-child(5){padding:10px;font:14px 's-core-dream-medium';color:#fff;text-align:center;background:var(--basic-color);}

.left_menu > div:nth-child(6){width:100%;border:1px solid #ccc;background:#fff;z-index:999;}
.left_menu > div:nth-child(6) > ul > li{padding:15px;padding-left:20px;border-bottom:1px solid #ddd;}

.left_menu > div:nth-child(7){padding:10px;font:14px 's-core-dream-medium';color:#fff;text-align:center;background:var(--basic-color);}

.left_menu > div:nth-child(8){width:100%;border:1px solid #ccc;background:#fff;z-index:999;}
.left_menu > div:nth-child(8) > ul > li{padding:15px;padding-left:20px;border-bottom:1px solid #ddd;}


@keyframes left_menu_an{

	0%{
		left:-100%;
	}100%{
		left:0%;
	}

}


@keyframes left_menu_bg_an{

	0%{
		opacity:0;
	}100%{
		opacity:1;
	}

}


.content_main_top > ul {display:flex;align-items:center;justify-content:center;padding:5px 10px 5px 10px;border:2px solid #ddd;border-radius: 1em;background:#006699;box-shadow:0px 0px 10px 3px #00004033;}
.content_main_top > ul > li{display:flex;align-items:center;justify-content:center;height:9vw;}
.content_main_top > ul > li > label {font:12px 's-core-dream-regular';color:#fff;letter-spacing:-1px;}

/*.content_main_top > ul > li:first-child {padding:10px;width:100%;font:14px 's-core-dream-medium';color:#fff;text-align:center;border:1px solid #0066aa;border-radius: 0.8em;background:#333;cursor:pointer}*/




.login_view {margin-bottom:10vw;padding:5vw;width:90vw;border-radius: 1em;box-shadow:0px 0px 10px 3px #eceef0;background:#fff;}

.login_view > ul{
	display: grid;
	grid-template-columns:18vw 37vw 20vw;
	grid-gap: 2vw;
	background:#fff;
	color:#666;
	

	grid-template-areas:
	'z z z'
    'a b c'
    'd e c'
	'f f f'
	'g h h'
	'i i i'
	'j j j';
}

.login_view > ul > li{display: flex;align-items: center;justify-content:center;font:14px 's-core-dream-regular';}


.login_view > ul > li{font:14px 's-core-dream-medium';}





.login_view > ul > li:nth-child(1) {
  grid-area: z;
  padding-bottom:10px;
  font:32px 's-core-dream-regular';
  color:var(--basic-bg-color);
  text-align:center;
  letter-spacing:-1px;
}

.login_view > ul > li:nth-child(2) {
  grid-area: a;
  text-align:center;
}

.login_view > ul > li:nth-child(3) {
  grid-area: b;
}

.login_view > ul > li:nth-child(4) {
  grid-area: c;
  text-align:center;
}

.login_view > ul > li:nth-child(5) {
  grid-area: d;
}

.login_view > ul > li:nth-child(6) {
  grid-area: e;
}

.login_view > ul > li:nth-child(7) {
  grid-area: f;
  font:14px 's-core-dream-regular';
  color:#ccc;
  border-top:1px dotted #ccc;
}

.login_view > ul > li:nth-child(8) {
  grid-area: g;
  font:14px 's-core-dream-regular';
}

.login_view > ul > li:nth-child(9) {
  grid-area: h;
  justify-content:right;
  font:14px 's-core-dream-regular';
  text-align:right;
}


.login_view > ul > li:nth-child(10) {
  grid-area: i;
  justify-content:right;
  font:14px 's-core-dream-regular';
  text-align:right;
}

.login_view > ul > li:last-child {
  grid-area: j;
}


.login_view > ul > li > input[type="text"] {padding:7px;width:100%;border:1px solid #ccc;border-radius: 0.5em;}
.login_view > ul > li > input[type="password"] {padding:7px;width:100%;border:1px solid #ccc;border-radius: 0.5em;}







.main_ingi_lecture{
		position: relative;
		margin:0 auto;
		padding:3vw;
		width:100%;
		
	}
	.main_ingi_lecture > div:first-child{}
	.main_ingi_lecture > div:nth-child(2){}
	.main_ingi_lecture > div:nth-child(3){}

	.main_ingi_lecture > div:last-child{
		margin-top:8vw;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 1vw;
		grid-template-areas:
			'a a'
			'b c';
		width:100%;
		border:1px solid #ddd;
		border-radius: 1em;
		background:#fff;
		box-shadow:3px 0px 5px 0px #00000033;}
	.main_ingi_lecture > div:last-child > div{grid-area: a;width:100%;height:10vw;font:4vw 's-core-dream-medium';color:#fff;text-align:center;line-height:10vw;background:#000040;border-radius: 0.5em 0.5em 0em 0em;}
	.main_ingi_lecture > div:last-child > div span{font-size:3vw;color:#00ffff;}
	.main_ingi_lecture > div:last-child > ul{padding:1vw;display:flex;flex-direction:column;float:left;}
	.main_ingi_lecture > div:last-child > ul > li{padding-left:1vw;padding-top:1.5vw;padding-bottom:1.5vw;font:14px 's-core-dream-medium';text-align:left;}
	.main_ingi_lecture > div:last-child > ul > li{width:100%;font-size:2.8vw;color:#000060;border-bottom:1px dashed #ddd;display:inline-block;cursor:pointer;}
	.main_ingi_lecture > div:last-child > ul > li span{font:3.5vw 's-core-dream-bold';color:#187cbb;font-style: italic;}
	.main_ingi_lecture > div:last-child > ul > li:HOVER{background:#0495fb11;}

	.main_ingi_lecture > div:last-child > ul > li > a{color:#000060;}






.lecture_check_btn { display: none; }

.lecture_check_btn[type="radio"] + label {padding:5px;width:100%;font:3vw 's-core-dream-medium';color:#fff;text-align:center;border-radius: 0.8em;cursor:pointer;}
.lecture_check_btn[type="radio"]:checked + label {padding:5px;font:3vw 's-core-dream-medium';color:#006699;letter-spacing:-1px;text-align:center;border-radius: 0.5em;background:#fff;cursor:pointer;}




.lecture_all{margin-top:20px;}

.lecture_all > div{
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 3vw;
}

.lecture_all > div > ul{
	display: grid;
	grid-template-columns: 0.5fr 1fr;
	grid-gap: 3vw;
}
.lecture_all > div > ul{padding:3vw;border:1px solid #eee;border-radius: 1em;box-shadow:0px 0px 10px 3px #eceef0;background:#fff;}
.lecture_all > div > ul > li {display:flex;flex-direction:column;align-items: center;justify-content:center;}
.lecture_all > div > ul > li:last-child{font:4vw 's-core-dream-medium';color:#2b48a4;}
.lecture_all > div > ul > li:last-child input{margin-top:2vw;}


.license_all{margin-top:20px;}

.license_all > div{
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 3vw;
}

.license_all > div > ul{
	display: grid;
	grid-template-columns: 0.5fr 1fr;
	grid-gap: 3vw;
}
.license_all > div > ul{padding:3vw;border:1px solid #eee;border-radius: 1em;box-shadow:0px 0px 10px 3px #eceef0;background:#fff;}
.license_all > div > ul > li {display:flex;flex-direction:column;align-items: center;justify-content:center;}
.license_all > div > ul > li:last-child{font:4vw 's-core-dream-medium';color:#2b48a4;}
.license_all > div > ul > li:last-child input{margin-top:2vw;}

.license_all > div > ul > li {display:flex;justify-content:center;}
.license_all > div > ul > li input+label {
	display:flex;align-items:center;justify-content:center;margin-top:3vw;width:30vw;height:7vw;font:3vw 's-core-dream-medium';color:#fff;border:1px solid #00000033;border-radius: 0.5em;background:#000040;cursor:pointer;
}
.license_all > div > ul > li input+label:HOVER{
	border:1px solid #00000033;background-color:#000040;
}
.license_all > div > ul > li input:checked+label {
  font:3vw 's-core-dream-bold';color:#ffffbb;background:#0099ff;
}
.license_all > div > ul > li input {
  display: none;
}


lecture_sang_basic{
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 10px;
	

}

.lecture_sang_basic > ul:last-child { border:1vw solid #eee;border-radius: 1em;background:#fff;display: grid; grid-template-columns: 0.4fr 1fr}

.lecture_sang_basic > ul:last-child > li:nth-child(odd){padding:2vw;font:12px 's-core-dream-medium';color:#fff;border-bottom:1px solid #ffffff;background:#2b48a4;display: flex;align-items: center;justify-content:center;}
.lecture_sang_basic > ul:last-child > li:nth-child(even){padding:2vw;font:12px 's-core-dream-medium';color:#666;border-bottom:1px solid #ddd;display: flex;align-items: center;justify-content:left;}



.lecture_sang_basic_money{display: flex;align-items: center;justify-content:center;height:50vw;}
.lecture_sang_basic_money > ul{
	display: grid;
	grid-template-columns:1fr 0.5fr 1fr;
	grid-gap: 15px;
	
	
}

.lecture_sang_basic_money > ul > li{display: flex;align-items: center;justify-content:center;}



.lecture_sang_basic_4box{
	display: grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-gap: 4vw;
	width:100%;
}

.lecture_sang_basic_4box > ul {border:1vw solid #eee;border-radius: .5em;background:#fff;}

.lecture_sang_basic_4box > ul > li:nth-child(odd){padding:2vw;font:12px 's-core-dream-medium';color:#fff;border-radius: 0.5em 0.5em 0em 0em;background:#2b48a4;display: flex;align-items: center;justify-content:center;}
.lecture_sang_basic_4box > ul > li:nth-child(even){padding:2vw;height:16vw;font:22px 's-core-dream-bold';color:#666;border-radius: 0.5em;display: flex;align-items: center;justify-content:center;}



.lecture_text_box{width:100%;background-image: radial-gradient(circle at center center, transparent,rgb(230,230,230)),linear-gradient(357deg, rgba(90, 90, 90,0.05) 0%, rgba(90, 90, 90,0.05) 50%,rgba(206, 206, 206,0.05) 50%, rgba(206, 206, 206,0.05) 100%),linear-gradient(87deg, rgba(13, 13, 13,0.05) 0%, rgba(13, 13, 13,0.05) 50%,rgba(189, 189, 189,0.05) 50%, rgba(189, 189, 189,0.05) 100%),linear-gradient(192deg, rgba(249, 249, 249,0.05) 0%, rgba(249, 249, 249,0.05) 50%,rgba(111, 111, 111,0.05) 50%, rgba(111, 111, 111,0.05) 100%),linear-gradient(214deg, rgba(231, 231, 231,0.05) 0%, rgba(231, 231, 231,0.05) 50%,rgba(220, 220, 220,0.05) 50%, rgba(220, 220, 220,0.05) 100%),linear-gradient(260deg, rgba(80, 80, 80,0.05) 0%, rgba(80, 80, 80,0.05) 50%,rgba(243, 243, 243,0.05) 50%, rgba(243, 243, 243,0.05) 100%),radial-gradient(circle at center center, hsl(107,19%,100%),hsl(107,19%,100%));display: flex;align-items: center;justify-content:center;}
.lecture_text_box > div{padding:15vw 3vw 15vw 3vw;width:100%;}
.lecture_text_box > div > ul {padding-top:4vw;padding-bottom:4vw;}
.lecture_text_box > div > ul > li:nth-child(odd){padding:2vw;font:4vw 's-core-dream-medium';color:#2b48a4;}
.lecture_text_box > div > ul > li:nth-child(even){padding:3vw;width:100%;font:3vw 's-core-dream-regular';color:#555;line-height:180%;border-radius: 1em;border:2px solid #dddddd;background:#fff;}


.lecture_week_box{ display: grid; grid-template-columns: 1fr;padding:10px;width:100%;}
.lecture_week_box > ul { width:100%;border:1vw solid #eee;border-radius: 1em;background:#fff;display: grid; grid-template-columns: 0.2fr 1fr;}

.lecture_week_box > ul > li:firsh-child{border-radius: 0.5em;}
.lecture_week_box > ul > li:last-child{border-radius: 0em 0em 0em 1em;}

.lecture_week_box > ul > li:nth-child(odd){padding:3vw;font:3vw 's-core-dream-medium';color:#fff;border-bottom:1px solid #ffffff;background:#2b48a4;display: flex;align-items: center;justify-content:center;}
.lecture_week_box > ul > li:nth-child(even){padding:3vw;font:3vw 's-core-dream-regular';color:#666;border-bottom:1px solid #ddd;display: flex;align-items: center;justify-content:left;}



.lecture_week_box_new{ display: grid; grid-template-columns: 1fr; grid-gap: 10px;margin-top:-1.5vw;margin-bottom:1vw;padding:10px;width:100%;}
.lecture_week_box_new > ul { width:100%;background:#fff;display: grid; grid-template-columns: 10vw 1fr;}


.lecture_week_box_new > ul > li:nth-child(odd){padding:1vw;font:3vw 'Pretendard-ExtraBold';color:#000;letter-spacing:-1px;border-bottom:1px solid #948896;border-right:1px solid #948896;background:#dcc1e2;display: flex;align-items: center;justify-content:center;}
.lecture_week_box_new > ul > li:nth-child(even){padding:1vw;font:3vw 'Pretendard-Regular';color:#000;border-bottom:1px solid #948896;border-right:1px solid #948896;display: flex;align-items: center;justify-content:center;}

.lecture_week_box_new > ul > li:nth-child(1){border-top:2px solid #000;background:#af96fe;}
.lecture_week_box_new > ul > li:nth-child(2){font:3vw 'Pretendard-ExtraBold';border-top:3px solid #000;background:#af96fe;justify-content:center;}




.lecture_teacher_box{width:100%;background:#000040;display: flex;align-items: center;justify-content:center;}
.lecture_teacher_box > div{padding:15vw 3vw 15vw 3vw;width:100%;}
.lecture_teacher_box > div > p{padding-bottom:10vw;font:8vw 's-core-dream-medium';color:#ccffff;text-align:center;}
.lecture_teacher_box > div > ul {
	display: grid;
	grid-template-columns: 1fr;
	padding:5vw;border-radius: 0.5em;border:2px solid #dddddd;background:#fff;
}
.lecture_teacher_box > div > ul > li:nth-child(1){font:4vw 's-core-dream-medium';color:#2b48a4;}
.lecture_teacher_box > div > ul > li:nth-child(2){margin-top:3vw;height:40vw;font:3vw 's-core-dream-regular';color:#555;line-height:180%;overflow: hidden;overflow-y: scroll;}




.lecture_anne_box{
	padding-top:15vw;
	padding-bottom:15vw;
	width:100%;
	display: grid;
	grid-template-columns: 1fr;
	}
.lecture_anne_box > div{padding:1.5vw;}
.lecture_anne_box > div > p{padding:3vw;padding-top:3vw;font:3vw 's-core-dream-medium';color:#2b48a4;}
.lecture_anne_box > div > ul {padding:3vw;border-radius: 1em;border:1px solid #ddd;background:#fff;}
.lecture_anne_box > div > ul > li{width:100%;font:2.5vw 's-core-dream-regular';color:#555;line-height:180%;}
.lecture_anne_box > div > ul > li > img{text-align:center;}



.lecture_hwan_box{
	padding-top:10vw;
	padding-bottom:10vw;
	width:100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
    'a a'
    'b b'
	'c c'
	'd e'
	'f f';}
.lecture_hwan_box > div{padding:2vw;}
.lecture_hwan_box > div:first-child{grid-area: a;}
.lecture_hwan_box > div:nth-child(2){grid-area: b;}
.lecture_hwan_box > div:nth-child(3){grid-area: c;}
.lecture_hwan_box > div:last-child{grid-area: f;}
.lecture_hwan_box > div > p{padding:2vw;font:3vw 's-core-dream-medium';color:#2b48a4;}
.lecture_hwan_box > div > ul {border-radius: 0.5em;}
.lecture_hwan_box > div > ul {width:100%;font:2.5vw 's-core-dream-regular';color:#555;line-height:180%;}
.lecture_hwan_box > div > ul > table {width:100%;border:1px solid #ccc;background:#fff;}
.lecture_hwan_box > div > ul td {padding:1.5vw;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}

.tr_text{font:2vw 's-core-dream-medium';text-align:center;background:#eee;}
.td_center{text-align:center;}




.sugang_sin_box{margin-top:15px;width:100%;border:1px solid #ccc;background:#fff;border-radius: 1em;box-shadow:0px 0px 10px 3px #eceef0;}


.sugang_sin_sub_box_02{width:100%;}
.0{width:100%;}


.sugang_sin_sub_box_02 > ul{display:flex;align-items:center;justify-content:left;}
.sugang_sin_sub_box_02 > ul > li{height:5vw;}
.sugang_sin_sub_box_02 > ul:first-child > li:first-child{padding:5vw;margin-bottom:3vw;width:100%;font:4vw 's-core-dream-medium';color:#2b48a4;}
.sugang_sin_sub_box_02 > ul > li:first-child{padding-left:3vw;font:3vw 's-core-dream-medium';color:#333;}
.sugang_sin_sub_box_02 > ul > li:last-child{padding-left:1vw;font:3vw 's-core-dream-regular';color:#666;}
/* .sugang_sin_sub_box_02 > ul:last-child > li{width:100%;color:#0099ff;}  */




.sugang_sin_sub_box_03{position: relative;display:inline-block;}
.sugang_sin_sub_box_03 > ul{position:absolute;bottom:3vw;left:65vw;text-align:right;display:flex;align-items:center;justify-content:right;}
.sugang_sin_sub_box_03 > ul > li {display:flex;justify-content:center;}
.sugang_sin_sub_box_03 > ul > li input+label {
	display:flex;align-items:center;justify-content:center;width:25vw;height:7vw;font:2.5vw 's-core-dream-medium';color:#fff;border:1px solid #00000033;border-radius: 0.5em;background:#333;cursor:pointer;
}
.sugang_sin_sub_box_03 > ul > li input+label:HOVER{
	color:#ffffbb;border:1px solid #00000033;background-color:#000;
}
.sugang_sin_sub_box_03 > ul > li input:checked+label {
  background:#0099ff;
}
.sugang_sin_sub_box_03 > ul > li input {
  display: none;
}



.sugang_sin_right_box{padding:2vw;width:100vw;border:1px solid #eee;background:#fff;border-radius: 1em;display:flex;align-items:center;justify-content:center;}
.sugang_sin_right_sub_box_02{width:100vw;}
.sugang_sin_right_sub_box_02 > ul:first-child{display:flex;align-items:center;}
.sugang_sin_right_sub_box_02 > ul:first-child > li:first-child{width:100%;height:60px;font:5vw 's-core-dream-medium';color:#333;}

.sugang_sin_right_sub_box_02 > ul:nth-child(2) {margin-bottom:2vw;display:flex;align-items:center;width:100%;height:15vw;background:#f1f1f1;border-radius: 0.5em;}
.sugang_sin_right_sub_box_02 > ul:nth-child(2) > li:first-child{width:40%;font:3.5vw 's-core-dream-medium';color:#333;border-right:1px solid #cccccc;}
.sugang_sin_right_sub_box_02 > ul:nth-child(2) > li:last-child{width:60%;font:5vw 's-core-dream-medium';color:#000040;}

.sugang_sin_right_sub_box_02 > ul:nth-child(3) {padding-top:3vw;padding-left:3vw;width:100%;height:45vh;overflow:auto;}
.sugang_sin_right_sub_box_02 > ul:nth-child(3) > li{width:100%;height:8vw;font:4vw 's-core-dream-medium';color:#555;}

.sugang_sin_right_sub_box_02 > ul:nth-child(4) {margin-top:15px;display:flex;align-items:center;width:100%;height:70px;}
.sugang_sin_right_sub_box_02 > ul:nth-child(4) > li {width:100%;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 2vw;}
.sugang_sin_right_sub_box_02 > ul:nth-child(4) > li input[type='submit']{width:100%;height:12vw;font:4vw 's-core-dream-bold';color:#fff;border:1px solid #00000033;border-radius:0.5em;background-color:#0099ff;cursor:pointer;}
.sugang_sin_right_sub_box_02 > ul:nth-child(4) > li input[type='button']{width:100%;height:12vw;font:4vw 's-core-dream-bold';color:#fff;border:1px solid #00000033;border-radius:0.5em;background-color:#333;cursor:pointer;}




.sugang_sin_right_sub_box_03{width:100%;}
.sugang_sin_right_sub_box_03 > ul:first-child{display:flex;align-items:center;}
.sugang_sin_right_sub_box_03 > ul:first-child > li:first-child{width:100%;height:60px;font:22px 's-core-dream-medium';color:#333;}

.sugang_sin_right_sub_box_03 > ul:nth-child(2) {margin-bottom:15px;display:flex;align-items:center;width:100%;height:70px;background:#f1f1f1;border-radius: 0.5em;}
.sugang_sin_right_sub_box_03 > ul:nth-child(2) > li:first-child{width:40%;height:40px;font:14px 's-core-dream-medium';color:#333;border-right:1px solid #cccccc;}
.sugang_sin_right_sub_box_03 > ul:nth-child(2) > li:last-child{width:60%;height:40px;font:24px 's-core-dream-medium';color:#000040;}

.sugang_sin_right_sub_box_03 > ul:nth-child(3) {padding-left:15px;width:100%;overflow:auto;border-radius: 0.5em;}
.sugang_sin_right_sub_box_03 > ul:nth-child(3) > li{padding:5px;width:100%;font:12px 's-core-dream-medium';color:#666;}


.sugang_sin_right_sub_box_03 > ul:nth-child(4) {margin-top:15px;padding:5px;display:flex;align-items:center;justify-content:center;width:100%;border-radius: 0.5em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.sugang_sin_right_sub_box_03 > ul:nth-child(4) > li:first-child{width:50%;font:12px 's-core-dream-medium';color:#666;text-align:left;line-height:180%;}
.sugang_sin_right_sub_box_03 > ul:nth-child(4) > li:last-child{width:50%;font:12px 's-core-dream-medium';color:#666;text-align:right;line-height:180%;}

.sugang_sin_right_sub_box_03 > ul:nth-child(5) {padding:5px;display:flex;align-items:center;justify-content:center;width:100%;border-radius: 0.5em;}
.sugang_sin_right_sub_box_03 > ul:nth-child(5) > li:first-child{width:50%;font:14px 's-core-dream-medium';color:#333;text-align:left;}
.sugang_sin_right_sub_box_03 > ul:nth-child(5) > li:last-child{width:50%;font:14px 's-core-dream-medium';color:#ff0000;text-align:right;line-height:160%;}

.sugang_sin_right_sub_box_03 > ul:nth-child(6) {margin-top:15px;display:flex;align-items:center;width:100%;height:70px;}
.sugang_sin_right_sub_box_03 > ul:nth-child(6) > li {width:100%;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 2vw;}



.sugang_sin_right_sub_box_03 > ul:last-child > li input[type='submit']{width:100%;height:12vw;font:4vw 's-core-dream-bold';color:#fff;border:1px solid #00000033;border-radius:0.5em;background-color:#0099ff;cursor:pointer;}
.sugang_sin_right_sub_box_03 > ul:last-child > li input[type='button']{width:100%;height:12vw;font:4vw 's-core-dream-bold';color:#fff;border:1px solid #00000033;border-radius:0.5em;background-color:#333;cursor:pointer;}


.chk_end {position:fixed;display:flex;align-items:center;justify-content:center;left:2vw;bottom:2vw;width:96vw;height:12vw;font:4.5vw 's-core-dream-medium';color:#fff;border-top:1px solid #fff;border-radius: 0.5em;box-shadow:0px 0px 10px 3px #00004033;background:#cc0000;z-index:1000;}





.mystudy_top_menu > ul{
	margin-top:5vw;
	width:100%;
}


.mystudy_top_menu > ul{
	padding:2.5vw;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr ;
	grid-gap: 2vw;
	color:#333;
}


.mystudy_top_menu > ul > li{
	padding-top:5vw;
	padding-bottom:5vw;
	font:3.5vw 's-core-dream-bold';
	text-align:center;
	border-radius: 0.5em;
	box-shadow:0px 0px 10px 3px #eceef4;
	background:#fff;
	float:left;
}

.mystudy_top_menu > ul > li > img{padding-right:10px;}


.mystudy_top_menu > ul > li > span{
	font:2.5vw 's-core-dream-medium';
}


.mystudy_top_anne{padding-top:10px;}

.mystudy_top_anne > ul{
	color:#000040;
}

.mystudy_top_anne > ul > li{
	display: flex;align-items: center;justify-content:center;
	width:100%;
	font:3vw 's-core-dream-medium';
	text-align:center;
	cursor:pointer;
}

.mystudy_top_anne pre{color:#ff0000;font:16px 's-core-dream-medium';}



.mystudy_subject {padding:4vw;width:100%;font:4.5vw 's-core-dream-bold';color:#fff;text-align:center;border-radius: 0.25em;background:#000060;}
.mystudy {padding:4vw;width:100%;}

.mystudy > ul{
	display: grid;
	grid-template-columns: 1fr 0.5fr 0.5fr;
	grid-template-areas:
    'a a a'
    'b b b'
	'c e f'
	'd e f';
	margin-bottom:5vw;width:100%;border:5vw solid #fff;border-radius: 0.5em;box-shadow:0px 0px 10px 3px #eceef0;background:#fff;;

}



.mystudy > ul > li:first-child {grid-area: a;}
.mystudy > ul > li:nth-child(2) {padding-bottom:3vw;grid-area: b;}
.mystudy > ul > li:nth-child(3) {padding:4vw 0vw 1vw 0vw;grid-area: c;}
.mystudy > ul > li:nth-child(4) {grid-area: d;}
.mystudy > ul > li:nth-child(5) {padding-top:3vw;justify-content:right;grid-area: e;}
.mystudy > ul > li:nth-child(6) {padding-top:3vw;justify-content:right;grid-area: f;}

.mystudy > ul > li{display: flex;align-items: center;justify-content:left;font:3vw 's-core-dream-medium';}

.mystudy > ul > li:nth-child(1){font:3.5vw 's-core-dream-medium';justify-content:center;color:#333;}

.mystudy > ul > li:nth-child(2){font:2.5vw 's-core-dream-regular';justify-content:center;color:#999;border-bottom:2px dashed #eee;}









.mystudy_end {padding:4vw;width:100%;}

.mystudy_end > ul{
	display: grid;
	grid-template-columns: 1fr 0.5fr 0.5fr;
	grid-template-areas:
    'a a a'
    'b b b'
	'c e f'
	'd e f'
	'g e h';
	margin-bottom:5vw;width:100%;border:5vw solid #fff;border-radius: 0.5em;box-shadow:0px 0px 10px 3px #eceef0;background:#fff;;

}



.mystudy_end > ul > li:first-child {grid-area: a;}
.mystudy_end > ul > li:nth-child(2) {padding-bottom:3vw;grid-area: b;}
.mystudy_end > ul > li:nth-child(3) {padding:4vw 0vw 1vw 0vw;grid-area: c;}
.mystudy_end > ul > li:nth-child(4) {grid-area: d;}
.mystudy_end > ul > li:nth-child(5) {padding-top:3vw;justify-content:right;grid-area: e;}
.mystudy_end > ul > li:nth-child(6) {padding-top:3vw;justify-content:right;grid-area: f;}

.mystudy_end > ul > li:nth-child(8) {justify-content:right;grid-area: h;}

.mystudy_end > ul > li{display: flex;align-items: center;justify-content:left;font:3vw 's-core-dream-medium';}

.mystudy_end > ul > li:nth-child(1){font:3.5vw 's-core-dream-medium';justify-content:center;color:#333;}

.mystudy_end > ul > li:nth-child(2){font:2.5vw 's-core-dream-regular';justify-content:center;color:#999;border-bottom:2px dashed #eee;}











.mystudy_btn{--bgc;display: flex;align-items: center;justify-content:center;padding:7px;width:20vw;height:10vw;font:3.5vwx 's-core-dream-medium';text-align:center;color:#fff;border:2px solid #ddd;border-radius: 0.5em;background:var(--bgc);cursor:pointer;}
.mystudy_btn > a {width:100%;color:#fff;display:inline-block;}


.mystudy_text_btn{padding:7px;width:80px;font:12px 's-core-dream-medium';text-align:center;color:#fff;border:2px solid #ddd;border-radius: 0.5em;background:#333;cursor:pointer;}
.mystudy_text_btn:HOVER{background:#000;}

.mystudy_exam_btn{display: flex;flex-direction:column;align-items: center;justify-content:center;width:140px;height:105px;font:13px 's-core-dream-medium';color:#fff;background:#2299ea;border:0px solid #ccc;border-radius: 0.5em;cursor:pointer;}
.mystudy_exam_btn:HOVER{background:#157ec5;}



.mystudy_sang {padding:2vw;width:100%;border-radius: 0.5em;box-shadow:0px 0px 10px 3px #eceef0;background:#fff;align-items: center;justify-content:center;}

.mystudy_sang > ul{
	padding:2vw 0vw 2vw 0vw;
	display: grid;
	grid-template-columns: 0.2fr 1fr 0.2fr 0.27fr;
	border-bottom:1px dotted #ccc;
	background:#fff;
	color:#666;
}


.mystudy_sang > ul:nth-child(1){
	padding:4vw 0vw 3vw 0vw;
	margin-bottom:10px;
	background:#f0f0f0;
	border-radius: 0.5em 0.5em 0em 0em;
}

.mystudy_sang > ul > li{display: flex;align-items: center;justify-content:center;;font:3vw 's-core-dream-regular';}

.mystudy_sang > ul > li:nth-child(2){font:3vw 's-core-dream-medium';justify-content:left;color:#333;}

.mystudy_sang > ul:nth-child(1) > li{font:3vw 's-core-dream-medium';color:#555;justify-content:center;}






.mystudy_sang_end {width:100%;margin-top:20px;margin-bottom:30px;}

.mystudy_sang_end > ul{
	padding:20px;border-radius: 0.5em;background:#fff;display: grid; grid-template-columns: 70px 1fr 80px;
}


.mystudy_sang_end > ul > li:nth-child(3n+1){padding:15px;font:14px 's-core-dream-medium';color:#666;display: flex;align-items: center;justify-content:center;}
.mystudy_sang_end > ul > li:nth-child(3n+2){padding:15px;font:14px 's-core-dream-medium';color:#185c98;display: flex;align-items: center;justify-content:left;}
.mystudy_sang_end > ul > li:nth-child(3n+3){padding:15px;font:14px 's-core-dream-medium';color:#0495fb;display: flex;align-items: center;justify-content:center;}

.mystudy_sang_end > ul > li:nth-child(1){margin-bottom:10px;color:#fff;background:#555;border-radius: 0.5em 0em 0em 0.5em;}
.mystudy_sang_end > ul > li:nth-child(2){margin-bottom:10px;color:#fff;background:#555;}
.mystudy_sang_end > ul > li:nth-child(3){margin-bottom:10px;color:#fff;background:#555;border-radius: 0em 0.5em 0.5em 0em;}





.mystudy_sang_results_end {display: grid;grid-template-columns: 0.7fr 1fr 0.7fr;grid-template-rows: 160px;padding:50px 20px 50px 20px;width:1200px;border-radius: 0.5em;box-shadow:0px 0px 10px 3px #eceef0;background:#fff;align-items: center;justify-content:center;}
.mystudy_sang_results_end > div{align-items: center;justify-content:center;}




.mystudy_sang_results {padding:3vw;width:100%;border-radius: 0.5em;box-shadow:0px 0px 10px 3px #eceef0;background:#fff;align-items: center;justify-content:center;}



.mystudy_sang_chart{display: grid;grid-template-columns: 1fr 1fr;}

.mystudy_sang_chart > ul {display: flex;flex-direction:column;align-items: center;justify-content:center;}
.mystudy_sang_chart > ul > li:first-child{padding-bottom:15px;font:14px 's-core-dream-medium';color:#666;letter-spacing:-1px;}
.mystudy_sang_chart > ul > li:last-child{padding-top:15px;font:10px 's-core-dream-medium';color:#333;letter-spacing:-1px;}


.mystudy_sang_table{
	height:30px;
	font:12px 's-core-dream-medium';
	color:#666;
	text-align:center;
}

.mystudy_sang_table tr{
	border-bottom:1px solid #ddd;
}

.mystudy_sang_table td{
	padding:10px;
}
.mystudy_sang_table td:nth-child(3){color:#ee0000;}
.mystudy_sang_table tr:first-child{color:#555;background:#f0f0f0;}
.mystudy_sang_table tr:first-child td:nth-child(2){color:#555;}




.mystudy_sang_top_btn{
	display: grid;
	grid-template-columns: 1fr 1fr 0.8fr;
	grid-gap:2vw;
	grid-template-areas:
    'a b d'
    'c c d';
}


.mystudy_sang_top_btn > li{display: flex;flex-direction:column;align-items: center;justify-content:center;}
.mystudy_sang_top_btn > li:first-child {grid-area: a;}
.mystudy_sang_top_btn > li:nth-child(2) {grid-area: b;}
.mystudy_sang_top_btn > li:nth-child(3) {grid-area: c;}
.mystudy_sang_top_btn > li:nth-child(4) {grid-area: d;}
























/* TOP Header layer START ************/

	Header > div {display: grid;grid-template-columns: 270px 1fr 270px;grid-template-rows: 50px;}
	Header > div > ul{display: flex;align-items: center;justify-content:center;}
	Header > div > ul:first-child{font-size:16px;}
	Header > div > ul:nth-child(2){grid-gap: 30px;}
	Header > div > ul:last-child{grid-gap: 10px;}

	/* TOP 가운데박스 아이콘 START */
	.ti_user{-webkit-mask: url('/images/svg/user.svg') no-repeat center;mask: url('/images/svg/user.svg') no-repeat center;}
	.ti_chart{-webkit-mask: url('/images/svg/chart.svg') no-repeat center;mask: url('/images/svg/chart.svg') no-repeat center;}
	.ti_ran{-webkit-mask: url('/images/svg/ran.svg') no-repeat center ;mask: url('/images/svg/ran.svg') no-repeat center;}
	.ti_layout{-webkit-mask: url('/images/svg/layout.svg') no-repeat center;mask: url('/images/svg/layout.svg') no-repeat center;}
	.ti_setting{-webkit-mask: url('/images/svg/setting.svg') no-repeat center;mask: url('/images/svg/setting.svg') no-repeat center;}

	.top_icon{width:25px;height:25px;background-color: #ffffff66;background-size:cover;cursor:pointer;}
	.top_icon:hover{background-color: #fff;}
	
	.top_icon_chk{background-color: #fff;}

	.icon_color{fill:#ff0000;}
	/* TOP 가운데박스 아이콘 END */

/************ TOP Header layer END */




/* Main Nav layer START ************/

	.sub_menu_title{height:70px;font:16px 's-core-dream-medium';color:var(--basic-color);text-align:center;line-height:70px;border-bottom:1px solid #ddd;}

	.sub_menu > span{padding-left:20px;display: flex;align-items: center;height:50px;font-family:'s-core-dream-medium';background:url('/images/arrow.png') 190px no-repeat;cursor:pointer;}
	.sub_menu > span:hover{color:var(--basic-color);background:url('/images/arrow.png') 190px no-repeat;}

	.sub_menu > ul{overflow: hidden;transition: max-height 0.5s;max-height: 0;}

	.sub_menu > ul > li{padding-left:40px;display: flex;align-items: top;height:30px;cursor:pointer;}
	.sub_menu > ul > li:hover{color:#000;}

	.sub_menu:target ul{max-height: 30em;}

/************ Main Nav layer END */





.box_main{
	position:relative;
	padding:30px;
	top:0px;
	bottom:0px;
	height:100%;
	font-family:'굴림';
	border:1px solid #ddd;
	/*border-top:2px solid var(--basic-color);*/
	box-shadow:0 2px 3px #ddd;
	background:#fff;
	border-radius: .5em;
}





.page_bottom{position:absolute;bottom:10px;left:30px;right:30px;border-top:1px solid #aaa;}
.page_bottom{display: grid;grid-template-columns: 250px 1fr 250px;grid-template-rows: 50px;}

.page_bottom > ul {display: flex;align-items: center;justify-content:center;color:#555;}
.page_bottom > ul:last-child {justify-content:right;}
.page_bottom > ul:nth-child(2) > li {margin:0px 5px 0px 5px;height:25px;line-height:25px;font-family:'s-core-dream-regular';color:#888;text-align:center;cursor:pointer;}
.page_bottom > ul:nth-child(2) > li:hover {color:var(--basic-color);}

.page_bottom > ul:nth-child(2) > div {padding:5px 10px 5px 10px;border:1px solid #ccc;background:#f8f8f8;cursor:pointer;}
.page_bottom > ul:nth-child(2) > div:first-child {margin-right:10px;}
.page_bottom > ul:nth-child(2) > div:last-child {margin-left:10px;}

.page_bottom > ul:nth-child(2) > div:hover{background:var(--basic-over-color);}







.main_bg {padding:3vw;grid-area: main;display:flex;align-items: center;justify-content:center;background:#f4f6f8;}

.box_title {margin-top:8vw;padding-bottom:2vw;font:4.5vw 's-core-dream-medium';color:var(--basic-bg-color);}


.join_box {padding:5vw;margin-bottom:5vw;background:#fff;border:1px solid #ddd;border-radius: 1em;}

.join_table {width:100%;}
.join_table td{padding:1vw;}
.join_table td:first-child{width:22vw;font:3vw 's-core-dream-medium';color:#333;}
.join_table td:list-child{font:3vw 's-core-dream-medium';color:#333;}

.join_table input{padding-left:2vw;padding-right:2vw;width:100%;height:8.5vw;font:3vw 's-core-dream-regular';color: #333;border: 1px solid #ccc;border-radius: .5em;background:#f4f6f8;}
.join_table input:focus {outline: none;border: 1px solid var(--basic-color);background:#f4f9ff;}

.join_table input[type='button']{width:16vw;height:8.5vw;font:3vw 's-core-dream-medium';color:#fff;border:1px solid #00000033;background-color:var(--login-btn-color);cursor:pointer;}
.join_table input[type='button']:hover{color:#fff;background-color:#000040;}

.join_table input[type='radio']{width:15px;height:15px;}

.join_table select{padding-left:10px;padding-right:10px;height:35px;font:13px 's-core-dream-regular';color: #333;border: 1px solid #ccc;border-radius: .5em;background:#f4f6f8;}

.join_table p{padding:5px;font:12px 's-core-dream-regular';color:#999;}




.modify_box {padding:25px 45px 25px 45px;margin-bottom:20px;background:#fff;border:1px solid #ddd;border-radius: 1em;}

.modify_table {width:500px;}
.modify_table td{padding:5px;}
.modify_table td:first-child{width:120px;font:14px 's-core-dream-medium';color:#333;}
.modify_table td:list-child{font:14px 's-core-dream-medium';color:#333;}

.modify_table input{padding-left:10px;padding-right:10px;width:100%;height:35px;font:13px 's-core-dream-regular';color: #333;border: 1px solid #ccc;border-radius: .5em;background:#f4f6f8;}
.modify_table input:focus {outline: none;border: 1px solid var(--basic-color);background:#f4f9ff;}

.modify_table input[type='button']{width:70px;height:34px;font:12px 's-core-dream-medium';color:#fff;border:1px solid #00000033;background-color:var(--login-btn-color);cursor:pointer;}
.modify_table input[type='button']:hover{color:#fff;background-color:#000040;}

.modify_table input[type='radio']{;width:15px;height:15px;}

.modify_table p{padding:5px;font:12px 's-core-dream-regular';color:#999;}

.modify_table select{padding-left:10px;padding-right:10px;width:100px;height:35px;font:13px 's-core-dream-regular';color: #333;border: 1px solid #ccc;border-radius: .5em;background:#f4f6f8;}





.submit_table {width:100%;}
.submit_table td{}
.submit_table input[type='submit']{width:100%;height:50px;font:18px 's-core-dream-medium';color:#fff;border:1px solid #00000033;border-radius: 0.5em;background-color:var(--login-btn-color);cursor:pointer;}
.submit_table input[type='submit']:hover{color:#fff;background-color:#000040;}


.submit_table2 {width:100%;}
.submit_table2 td{}
.submit_table2 input[type='submit']{width:100%;height:50px;font:18px 's-core-dream-medium';color:#fff;border:1px solid #00000033;border-radius: 0.5em;background-color:var(--login-btn-color);cursor:pointer;}
.submit_table2 input[type='submit']:hover{color:#fff;background-color:#000040;}




.content_main {
	display: grid;
	grid-template-columns:1fr;
	grid-gap: 10px;
	color:#666;
}
.content_main_top {width:100%;}
.content_main_left {padding:10px;width:250px;float:left;}
.content_main_right {margin-top:30px;padding:10px;width:100%;height:auto;}
.content_main_center {margin-top:3vw;padding:3vw;width:100%;}












.sub_top_menu{padding:3vw;}

.sub_top_menu > ul{
	margin-top:3vw;
	width:100%;
}


.sub_top_menu > ul{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-areas:
    'a b e'
    'c d e';
	grid-gap:2vw;
	color:#999;
	
}

.sub_top_menu > ul > li:nth-child(1){grid-area: a;}
.sub_top_menu > ul > li:nth-child(2){grid-area: b;}
.sub_top_menu > ul > li:nth-child(3){grid-area: c;}
.sub_top_menu > ul > li:nth-child(4){grid-area: d;}
.sub_top_menu > ul > li:nth-child(5){grid-area: e;}


.sub_top_menu > ul > li{
	display: flex;align-items: center;justify-content:center;
	height:8vw;
	font:3vw 's-core-dream-medium';
	text-align:center;
	border-radius: 0.5em;
	box-shadow:0px 0px 10px 3px #eceef4;
	background:#fff;
	cursor:pointer;
	float:left;
}

.sub_top_menu > ul > li:HOVER{color:var(--basic-bg-color);background:#ffffee;}

.sub_top_menu > ul > li > img{padding-right:10px;}


.sub_top_menu > ul > li > span{
	font:12px 's-core-dream-medium';
}






.sub_top_menu_box2 > ul{
	margin-top:40px;
	width:1000px;
}


.sub_top_menu_box2 > ul{
	display: grid;
	grid-template-columns: minmax(200px,1fr) minmax(200px,1fr);
	grid-gap: 25px;
	color:#999;
	
}


.sub_top_menu_box2 > ul > li{
	display: flex;align-items: center;justify-content:center;
	height:55px;
	font:16px 's-core-dream-medium';
	text-align:center;
	border-radius: 0.5em;
	box-shadow:0px 0px 10px 3px #eceef4;
	background:#fff;
	cursor:pointer;
	float:left;
}

.sub_top_menu_box2 > ul > li:HOVER{color:var(--basic-bg-color);background:#ffffee;}

.sub_top_menu_box2 > ul > li > img{padding-right:10px;}


.sub_top_menu_box2 > ul > li > span{
	font:12px 's-core-dream-medium';
}



























.lecture_box_s{position:fixed;top:0px;left:0px;bottom:0px;width:100%;background:#000000aa;z-index:99999999999;}
.lecture_box_s > div {padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95vw;height:62vh;border-radius: 1em;background:#fff;}

.lecture_box_s > div > ul:first-child{border-bottom:1px solid #ccc;}
.lecture_box_s > div > ul:first-child > li{padding:10px;text-align:center;font:18px 's-core-dream-bold';color:#333;}

.lecture_box_s > div > div {padding:20px;height:370px;overflow:hidden;overflow-y: scroll}
.lecture_box_s > div > div > ul{display: grid;grid-template-columns: 1fr 0.2fr;}
.lecture_box_s > div > div > ul > li{display: flex;align-items: center;justify-content:left;padding:10px;}

.lecture_box_s > div > ul:last-child{border-top:1px solid #ccc;}
.lecture_box_s > div > ul:last-child > li {padding:10px;text-align:center;font:18px 's-core-dream-bold';color:#333;}

.lecture_box_seng{position:fixed;top:0px;left:0px;bottom:0px;width:100%;background:#000000aa;z-index:99999999999;}
.lecture_box_seng > div {padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;border-radius: 1em;}



.chart {
  position: relative;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  transition: 0.3s;
  background-image:conic-gradient(#0495fb 60%, #eee 0%);
}




.exam_box {

	padding: 3vw;
	width:100%;
	height:80vh;

}

.exam_box > div:nth-child(1) {
  grid-area: a;
  scroll-behavior: smooth;
  overflow-x: hidden;
  font:14px 's-core-dream-regular';
  border:10px solid #fff;
}



.exam_box > div:nth-child(1) > ul {
  padding:3vw;
  position: relative;
}

.exam_box > div:nth-child(1) > ul > li:first-child{
	font:14px 's-core-dream-medium';
}

.exam_box > div:nth-child(1) > ul > li:last-child{
	font:12px 's-core-dream-medium';
}



.exam_box_bottom { position:fixed;bottom:0px;grid-area: b; display: flex;align-items: center;justify-content:center;width:100%;background:#006699;z-index:999;}
.exam_box_bottom > ul { display: flex;align-items: center;justify-content:center; }
.exam_box_bottom > ul:nth-child(1) { padding: 2vw;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:1.2vw;}
.exam_box_bottom > ul:nth-child(1) > li { padding:1.2vw;display: flex;align-items: center;justify-content:center;px;font:12px 's-core-dream-medium';color:#999;border:1px solid #eee;border-radius: 0.5em;background:#f8f8f8;cursor:pointer;}
.exam_box_bottom > ul:nth-child(1) > li:HOVER { color:#333;border:1px solid #ccccaa;background:#ffffee;cursor:pointer;}
.exam_box_bottom > ul:nth-child(2) > li { padding-top:1vw;color:#333;line-height:150%;}




.exam_box > div {border-radius: 0.5em;box-shadow:0px 0px 10px 3px #eceef0;background:#fff;}




.chk_bogi input[type="radio"]{display:none;}

.chk_bogi:HOVER{color:#0000ff;}

.chk_bogi input[type="radio"]:checked+label{background:url('/images/mystudy/chk.png') no-repeat #ddffff;}







.lecture_sang{ display: grid; grid-template-columns: 250px 1fr; grid-gap: 20px; width:1200px; }
.lecture_sang > div{ padding:5px; background:#fff; border-radius: 1em; box-shadow:0px 0px 10px 3px #eceef0; }



.check_btn { display: none; }
*.check_btn[type="radio"]:checked ~ .ppp { max-height:100vh;visibility : visible;transition-duration: 1s;}
.check_btn[type="radio"]:checked + label {color:#fff;background:#283257;}
.lecture_sang > div:first-child > div > ul { max-height:0;line-height:35px;overflow:hidden;visibility : hidden; transition-duration: 0.5s;}

.lecture_sang > div:first-child > div > label{margin-bottom:5px;padding:15px 15px 15px 20px;font:14px 's-core-dream-medium';color:#006699;background:#eee;border-radius: 0.5em;display:block;cursor:pointer;}
.lecture_sang > div:first-child > div > label:HOVER {color:#006699;background:#ddd;}

.lecture_sang > div:first-child > div > ul > li{ padding:10px; font:13px 's-core-dream-regular'; color:#555; cursor:pointer; }
.lecture_sang > div:first-child > div > ul > li:HOVER{ font:13px 's-core-dream-medium';	color:#006699; }























.notice {padding:1vw;margin-bottom:3vw;width:100%;border-radius: 1em;box-shadow:0px 0px 10px 3px #eceef0;background:#fff;}

.notice_list > ul{
	display: grid;
	grid-template-columns: minmax(70px,0.2fr) 1fr minmax(100px,0.3fr);
	border-bottom:1px solid #ddd;
	background:#fff;
	color:#666;
}

.notice_list > ul:first-child{
	border-bottom:1px solid #aaa;
	background:#eee;
	color:#333;
	border-radius: 1em 1em 0em 0em;
}


.notice_list > ul > li{display: flex;align-items: center;justify-content:center;height:50px;font:12px 's-core-dream-medium';}
.notice_list > ul:first-child > li{height:50px;font:14px 's-core-dream-medium';}


.notice_list > ul > li:nth-child(2){font:14px 's-core-dream-regular';justify-content:left;color:#666;}
.notice_list > ul:first-child > li:nth-child(2){font:14px 's-core-dream-medium';justify-content:center;color:#333;}

.notice_list > ul:nth-child(n+2){cursor:pointer;}
.notice_list > ul:nth-child(n+2):HOVER {background:#ffffee}







.notice_data {padding:10px;width:100%;}
.notice_data > ul{
	width:100%;
	display: grid;
	grid-template-columns: 1fr 0.3fr 0.3fr;
	border-bottom:1px solid #ddd;
	background:#fff;
	color:#666;
}

.notice_data > ul:first-child{
	border-bottom:1px solid #aaa;
	background:#eee;
	color:#333;
	border-radius: 1em 1em 0em 0em;
}


.notice_data > ul > li{padding:2vw;display: flex;align-items: center;justify-content:center;font:12px 's-core-dream-medium';}
.notice_data > ul:first-child > li{font:14px 's-core-dream-medium';}


.notice_data > ul > li:nth-child(2){font:14px 's-core-dream-regular';justify-content:center;color:#666;}
.notice_data > ul:first-child > li:nth-child(2){font:14px 's-core-dream-medium';justify-content:center;color:#333;}

.notice_data > ul:nth-child(n+2){cursor:pointer;}
.notice_data > ul:nth-child(n+2):HOVER {background:#ffffee}










.notice_faq_list > ul{
	display: grid;
	grid-template-columns: 0.20fr 0.3fr 1fr;
	grid-template-areas:
    'a b c'
    'd d d';
	border-bottom:1px solid #ddd;
	background:#fff;
	color:#666;
}

.notice_faq_list > ul:first-child{
	border-bottom:1px solid #aaa;
	background:#eee;
	color:#333;
	border-radius: 1em 1em 0em 0em;
}


.notice_faq_list > ul > li{padding:3vw;}


.notice_faq_list > ul > li:nth-child(1){font:3vw 's-core-dream-regular';color:#333;text-align:center;}
.notice_faq_list > ul > li:nth-child(2){font:3vw 's-core-dream-regular';color:#006699;text-align:center;}
.notice_faq_list > ul > li:nth-child(3){font:3vw 's-core-dream-medium';color:#333;text-align:left;}
.notice_faq_list > ul > li:nth-child(4){grid-area: d;padding:30px;height:auto;font:14px 's-core-dream-regular';color:#000;border-top:1px solid #ccc;background:#f4f9ff;}

.notice_faq_list > ul:first-child > li:nth-child(2){font:3vw 's-core-dream-medium';color:#333;}

.notice_faq_list > ul:first-child > li:nth-child(3){text-align:center;}

.notice_faq_list > ul:nth-child(n+2){cursor:pointer;}
.notice_faq_list > ul:nth-child(n+2):HOVER {background:#ffffee}







.notice_qna_write {background:#f4f6f8;display: flex;align-items: center;justify-content:center;}

.notice_qna_write > ul{
	
	display: grid;
	grid-template-columns: 1fr;
	
	background:#fff;
	padding:15px;margin-bottom:50px;width:1200px;border-radius: 1em;box-shadow:0px 0px 10px 3px #eceef0;
}

.notice_qna_write > ul > li{padding:10px;}

.notice_qna_write > ul > li:last-child{display: flex;align-items: center;justify-content:center;}



.notice_qna_write input{padding:20px;width:100%;font:14px 's-core-dream-regular';color:#000;border:1px solid #ddd;border-radius: 0.5em;background:#fbfbfb;}
.notice_qna_write input:focus {outline: none;border: 1px solid var(--basic-color);background:#f4f9ff;}

.notice_qna_write textarea{padding:20px;width:100%;height:400px;font:14px 's-core-dream-regular';line-height:200%;border:1px solid #ddd;border-radius: 0.5em;resize: vertical;background:#fbfbfb;}
.notice_qna_write textarea:focus {outline: none;border: 1px solid var(--basic-color);background:#f4f9ff;}





.notice_qna_list > ul{
	display: grid;
	grid-template-columns: 0.2fr 1fr 0.3fr;

	border-bottom:1px solid #ddd;
	background:#fff;
	color:#666;
}

.notice_qna_list > ul:first-child{
	border-bottom:1px solid #aaa;
	background:#eee;
	color:#333;
	border-radius: 1em 1em 0em 0em;
}


.notice_qna_list > ul > li{display: flex;align-items: center;justify-content:center;height:50px;font:12px 's-core-dream-medium';}
.notice_qna_list > ul:first-child > li{height:50px;font:14px 's-core-dream-medium';}


.notice_qna_list > ul > li:nth-child(2){font:14px 's-core-dream-regular';justify-content:left;color:#666;}
.notice_qna_list > ul:first-child > li:nth-child(2){font:14px 's-core-dream-medium';justify-content:center;color:#333;}

.notice_qna_list > ul:nth-child(n+2){cursor:pointer;}
.notice_qna_list > ul:nth-child(n+2):HOVER {background:#ffffee}










.notice_view > ul{
	display: grid;
	grid-template-columns: 1fr 0.5fr;
	background:#fff;
	color:#666;
	

	grid-template-areas:
    'a a a'
	'b c d'
    'e e e'
	'f f f'
	'g g g';
}

.notice_view > ul > li{display: flex;align-items: center;justify-content:center;font:14px 's-core-dream-regular';}

.notice_view > ul > li:nth-child(1) {
  grid-area: a;
  justify-content:left;
  padding:2vw;
  background:#eee;
  border-radius: 0.5em 0em 0em 0em;
}

.notice_view > ul > li:nth-child(2) {
  grid-area: b;
  justify-content:left;
  padding-left:2vw;
  padding-bottom:2vw;
  background:#eee;
  border-radius: 0em 0em 0em 0.5em;
}

.notice_view > ul > li:nth-child(3) {
  grid-area: c;
  background:#eee;
}

.notice_view > ul > li:nth-child(4) {
  grid-area: d;
  justify-content:right;
  padding-right:2vw;
  padding-bottom:2vw;
  background:#eee;
  border-radius: 0em 0em 0.5em 0em;
}

.notice_view > ul > li:nth-child(5) {
  grid-area: e;
  display: inline-block;
  padding:3vw;
  color:#555;
  line-height:160%;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ddd;
  background:#fff;
}

.notice_view > ul > li:nth-child(6) {
  grid-area: f;
  padding:3vw;
  background:#fff;
}

.notice_view > ul > li:nth-child(7) {
  grid-area: g;
  padding-top:20px;
  background:#fff;
}









.notice_search {padding:3vw;margin-top:3vw;width:100%;}

.notice_search > div > ul > li{
	padding-right:2vw;
	display: flex;align-items: center;justify-content:center;
	height:35px;
	font:14px 's-core-dream-medium';
	color:#666;
	line-height:35px;
	float:left;
}

.notice_search > div{width:100%}
.notice_search > div > ul > li input[type="text"]{padding:7px;width:30vw;border:1px solid #ccc;border-radius: 0.5em;}








.footer_tow_box{
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 10px;
	padding-bottom:80px;
	color:#666;
	width:100%;
}

.footer_tow_box pre{
	padding-top:5vw;
	padding-left:20px;
	font:18px 's-core-dream-medium';color:var(--basic-bg-color);
}


.footer_tow_box  div{
	display: flex;align-items: center;justify-content:center;
	padding:30px 0px 30px 0px;
	border-radius: 1em;
	box-shadow:0px 0px 10px 3px #eceef0;
	background:#fff;
}


.footer_tow_box  div > ul{width:100%;display: flex;align-items: center;justify-content:center;height:50px;font:12px 's-core-dream-medium';}
.footer_tow_box  div > ul > li{display: flex;align-items: center;justify-content:center;}



.footer_tow_box  div:nth-child(2) > ul:first-child{width:50%;height:100%;border-right:1px solid #ddd;}
.footer_tow_box  div:nth-child(2) > ul:last-child{display: flex;flex-direction:column;width:60%;}
.footer_tow_box  div:nth-child(2) > ul:last-child > li:first-child{padding:5px;width:100%;font:4vw 's-core-dream-bold';color:var(--basic-bg-color);letter-spacing:-1px;}
.footer_tow_box  div:nth-child(2) > ul:last-child > li:last-child{width:100%;font:3.5vw 's-core-dream-medium';color:#555;}



.footer_tow_box  div:last-child > ul:first-child{width:50%;height:100%;font:3vw 's-core-dream-regular';color:#333;line-height:160%;border-right:1px solid #ddd;}
.footer_tow_box  div:last-child > ul:last-child{width:60%;font:7vw 's-core-dream-bold';color:var(--basic-bg-color);}





@property --p{
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}

.pie {
  --p:20;
  --b:16px;
  --c:#83c3ee;
  --w:100px;
  --tc:#0495fb;
  
  width:var(--w);
  aspect-ratio:1;
  position:relative;
  display:inline-grid;

  place-content:center;
  font:18px 's-core-dream-medium';
  color:var(--tc);
  letter-spacing:-1px;
}
.pie:before,
.pie:after {
  content:"";
  position:absolute;
  border-radius:50%;
}
.pie:before {
  inset:0;
  background:
    radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat,
    conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);
  -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
          mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
}
.pie:after {
  inset:calc(50% - var(--b)/2);
  background:var(--c);
  transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
}
.animate {
  animation:p 1s .5s both;
}
.no-round:before {
  background-size:0 0,auto;
}
.no-round:after {
  content:none;
}
@keyframes p {
  from{--p:0}
}





.pie2 {
  --p:20;
  --b:16px;
  --c:#87c9f6;
  --w:100px;
  
  width:var(--w);
  aspect-ratio:1;
  position:relative;
  display:inline-grid;

  place-content:center;
}
.pie2:before,
.pie2:after {
  content:"";
  position:absolute;
  border-radius:50%;
}
.pie2:before {
  inset:0;
  background:conic-gradient(var(--c) calc(var(--p)*1%),#f5f5f5 0);
  -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
          mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
}





@keyframes bgca{
  50% {
   background:#dd0000;
  }
}



@keyframes textan{

	30% {
		opacity:1;
	}

	50% {
		opacity:0;
	}

	70% {
		opacity:1;
	}

}