: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;
}



body{
	overflow-x: hidden;
	/*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; 
	-webkit-user-select: none; 
	-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 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);}







.top_menu {height:50px;min-width:1200px;}
.top_menu > ul > li{padding:10px;width:200px;font:18px 's-core-dream-medium';color:#333;text-align:center;}


.map_text > ul > li{
	padding:10px;
	font:16px 's-core-dream-medium';
	color:#555;
}



/* left_menu START ************/
.left_menu_box{position:absolute;top:250px;left:390px;padding:10px;width:220px;height:100vw;border:1px solid #eee;background:#fff;box-shadow : 5px 0px 5px -5px;}


.left_menu_title {width:100%;height:45px;font:18px 's-core-dream-medium';color:#fff;background:#000040;}

.left_menu{letter-spacing:-1px;}
.left_menu > ul{padding-top:15px;padding-bottom:25px;}
.left_menu > ul > li{margin:15px;}
.left_menu > ul > li > a {font:14px 's-core-dream-medium';color:#666;}
.left_menu > ul > li > a:HOVER {color:#0000c0;}


.left_menu_bottom {letter-spacing:-0.5px;}
.left_menu_bottom > ul {padding-top:30px;padding-bottom:30px;border-bottom:1px solid #999;}
.left_menu_bottom > ul > li {text-align:center;}
.left_menu_bottom > ul > li:first-child {margin-bottom:10px;font:18px 's-core-dream-bold';color:#333;}
.left_menu_bottom > ul:nth-child(2) > li:nth-child(2) {font:22px 's-core-dream-bold';color:#333;}
.left_menu_bottom > ul:nth-child(2) > li:nth-child(3), .left_menu_bottom > ul:nth-child(3) > li:nth-child(2), .left_menu_bottom > ul:nth-child(4) > li:nth-child(2) {padding:10px;font:12px 's-core-dream-regular';color:#333;text-align:center;}
.left_menu_bottom > ul:nth-child(3) > li:nth-child(3), .left_menu_bottom > ul:nth-child(4) > li:nth-child(3) {padding:8px;margin:0 auto;width:120px;font:14px 's-core-dream-medium';color:#333;color:#fff;text-align:center;border-radius: .5em;background:#000040;}
.left_menu_bottom > ul:nth-child(5) > li:nth-child(2) {font:18px 's-core-dream-bold';color:#333;}
.left_menu_bottom > ul:nth-child(5) > li:nth-child(3) {font:16px 's-core-dream-bold';color:#333;}
.left_menu_bottom > ul:nth-child(5) > li:nth-child(4) {font:14px 's-core-dream-medium';color:#333;}

/* left_menu END ************/


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

.box_title {padding-bottom:10px;font:22px 's-core-dream-medium';color:var(--basic-bg-color);}


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

.join_table {width:600px;}
.join_table td{padding:5px;}
.join_table td:first-child{width:140px;font:20px 's-core-dream-medium';color:#333;}
.join_table td:list-child{font:20px 's-core-dream-medium';color:#333;}

.join_table input{padding-left:10px;padding-right:10px;width:100%;height:35px;font:16px '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:100px;height:34px;font:20px '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 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:600px;}
.modify_table td{padding:5px;}
.modify_table td:first-child{width:160px;font:20px 's-core-dream-medium';color:#333;}
.modify_table td:list-child{font:20px '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:150px;height:34px;font:20px '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:22px '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:880px 320px;
	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:320px;height:auto;}
.content_main_center {margin-top:30px;padding:10px;width:880px;}


.content_main_top > ul {display:flex;align-items:center;justify-content:center;padding:20px 0px 20px 0px; border:1px solid #ddd;border-radius: 1.5em;background:#fff;box-shadow:0px 0px 10px 3px #eceef0;}
.content_main_top > ul > li{}
.content_main_top > ul > li > label {margin:1px;padding:10px 5px 10px 5px;}

/*.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}*/


.lecture_check_btn { display: none; }

.lecture_check_btn[type="radio"] + label {padding:10px;width:100%;font:13px 's-core-dream-medium';color:#333;text-align:center;border-radius: 0.8em;cursor:pointer;}
.lecture_check_btn[type="radio"]:checked + label {padding:10px;width:100%;font:14px 's-core-dream-medium';color:#fff;text-align:center;border-radius: 0.8em;background:#006699;cursor:pointer;}



.sugang_sin_box{margin-top:15px;padding:25px;width:100%;display:flex;align-items:center;justify-content:left;border:1px solid #eee;background:#fff;border-radius: 1em;box-shadow:0px 0px 10px 3px #eceef0;}

.sugang_sin_sub_box_01{width:25%;}
.sugang_sin_sub_box_02{padding-left:30px;width:50%;}
.sugang_sin_sub_box_03{width:25%;}


.sugang_sin_sub_box_02 > ul{display:flex;align-items:center;justify-content:left;}
.sugang_sin_sub_box_02 > ul > li{height:25px;}
.sugang_sin_sub_box_02 > ul:first-child > li:first-child{width:100%;height:40px;font:22px 's-core-dream-medium';color:#2b48a4;}
.sugang_sin_sub_box_02 > ul:nth-child(3) > li:last-child{font:14px 's-core-dream-medium';color:#000;}
.sugang_sin_sub_box_02 > ul > li:first-child{width:75px;font:14px 's-core-dream-medium';color:#333;}
.sugang_sin_sub_box_02 > ul > li:last-child{font:14px 's-core-dream-regular';color:#666;}
/* .sugang_sin_sub_box_02 > ul:last-child > li{width:100%;color:#0099ff;}  */


.sugang_sin_sub_box_03 > ul{text-align:right;}
.sugang_sin_sub_box_03 > ul > li{padding:7px;}
.sugang_sin_sub_box_03 > ul > li:first-child{font:18px 's-core-dream-regular';color:#999;}
.sugang_sin_sub_box_03 > ul > li:nth-child(2){font:24px 's-core-dream-bold';color:#0099ff;}
.sugang_sin_sub_box_03 > ul > li:last-child{font:14px 's-core-dream-regular';color:#333;}


.sugang_sin_sub_box_03 > ul > li:nth-child(4) > a > input[type='button']{width:70px;height:27px;font:12px 's-core-dream-medium';color:#333;border:1px solid #ccc;background-color:#eee;cursor:pointer;}


.sugang_sin_sub_box_03 > ul > li:nth-child(3) {display:flex;justify-content:right;}
.sugang_sin_sub_box_03 > ul > li:nth-child(3) input+label {
	display:flex;align-items:center;justify-content:center;width:150px;height:45px;font:16px '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:nth-child(3) input+label:HOVER{
	color:#ffffbb;border:1px solid #00000033;background-color:#000;
}
.sugang_sin_sub_box_03 > ul > li:nth-child(3) input:checked+label {
  background:#0099ff;
}
.sugang_sin_sub_box_03 > ul > li:nth-child(3) input {
  display: none;
}






.sugang_sin_right_box{padding:25px;width:100%;border:1px solid #eee;background:#fff;border-radius: 1em;box-shadow:0px 0px 10px 3px #eceef0;display:flex;align-items:center;}
.sugang_sin_right_sub_box_02{width:100%;}
.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:22px 's-core-dream-medium';color:#333;}

.sugang_sin_right_sub_box_02 > 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_02 > 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_02 > ul:nth-child(2) > li:last-child{width:60%;height:40px;font:24px 's-core-dream-medium';color:#000040;}

.sugang_sin_right_sub_box_02 > ul:nth-child(3) {padding-left:15px;width:100%;height:250px;overflow:auto;}
.sugang_sin_right_sub_box_02 > ul:nth-child(3) > li{width:100%;height:30px;font:14px '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%;}
.sugang_sin_right_sub_box_02 > ul:nth-child(4) > li > input[type='submit']{width:100%;height:60px;font:18px 's-core-dream-bold';color:#fff;border:1px solid #00000033;background-color:#0099ff;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%;height:250px;overflow:auto;border-radius: 0.5em;}
.sugang_sin_right_sub_box_03 > ul:nth-child(3) > li{width:100%;height:30px;font:14px 's-core-dream-medium';color:#999;}


.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;}
.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:last-child {margin-top:15px;display:flex;align-items:center;width:100%;height:70px;}
.sugang_sin_right_sub_box_03 > ul:last-child > li {width:100%;}
.sugang_sin_right_sub_box_03 > ul:last-child > li > input[type='button']{width:100%;height:60px;font:18px 's-core-dream-bold';color:#fff;border:1px solid #00000033;background-color:#0099ff;cursor:pointer;}









.sub_top_menu > ul{
	margin-top:40px;
	width:1200px;
}


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


.sub_top_menu > 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 > 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';
}








.login_view {margin-top:30px;margin-bottom:150px;padding:30px;width:600px;border-radius: 1em;box-shadow:0px 0px 10px 3px #eceef0;background:#fff;}

.login_view > ul{
	display: grid;
	grid-template-columns:80px 330px 100px;
	grid-gap: 10px;
	background:#fff;
	color:#666;
	

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

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


.login_view > ul > li{font:20px '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;
}

.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 > 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;}














.mystudy_top_menu > ul{
	margin-top:40px;
	width:1200px;
}


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


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

.mystudy_top_menu > ul > li:HOVER{background:#ffffee;}

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


.mystudy_top_menu > ul > li > span{
	font:12px '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:13px 's-core-dream-medium';
	text-align:center;
	cursor:pointer;
}

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



.mystudy_subject {margin-top:50px;padding:15px;width:1200px;font:20px 's-core-dream-bold';color:var(--basic-color);}
.mystudy {padding:15px;width:1200px;border-radius: 1em;box-shadow:0px 0px 10px 3px #eceef0;background:#fff;}

.mystudy > ul{
	display: grid;
	grid-template-columns: minmax(70px,0.3fr) minmax(200px,1fr) minmax(100px,0.5fr) minmax(140px,0.3fr) minmax(80px,0.3fr) minmax(100px,0.3fr) minmax(100px,0.3fr);

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

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


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


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


.mystudy_btn{--bgc;padding:7px;width:120px;font:18px '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:35px;margin-left:25px;width:810px;border-radius: 0.5em;box-shadow:0px 0px 10px 3px #eceef0;background:#fff;align-items: center;justify-content:center;}

.mystudy_sang > ul{
	display: grid;
	grid-template-columns: minmax(70px,0.1fr) minmax(320px,1fr) minmax(80px,0.2fr) minmax(110px,0.1fr);
	border-bottom:1px dotted #ccc;
	background:#fff;
	color:#666;
}

.mystudy_sang > ul:HOVER{background:#ffffee;}
.mystudy_sang > ul:nth-child(1){
	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;height:50px;font:14px 's-core-dream-regular';}

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

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






.mystudy_sang_end { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;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:20px;padding-bottom:30px;width:390px;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;grid-template-rows: 240px;}

.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;}







.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:500px;height:500px;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;}





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




.exam_box {
	display: grid;
	grid-template-columns: 590px 250px;
	grid-template-rows: 80px 550px;
	grid-gap: 20px;
	grid-template-areas:
    'a b'
    'a c';
	padding: 20px;

}

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



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

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

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

.exam_box > div:nth-child(2) { grid-area: b; padding:15px; display: flex;align-items: center;justify-content:center; }
.exam_box > div:nth-child(2) > ul > li{ display: flex;align-items: center;justify-content:center; }
.exam_box > div:nth-child(2) > ul > li:first-child{ padding:5px;font:18px 's-core-dream-bold';color:var(--basic-bg-color); }

.exam_box > div:nth-child(3) { grid-area: c; padding:15px;}
.exam_box > div:nth-child(3) > ul { display: flex;align-items: center;justify-content:center; }
.exam_box > div:nth-child(3) > ul:nth-child(1) > li { padding-top:10px;font:14px 's-core-dream-medium';color:#333;}
.exam_box > div:nth-child(3) > ul:nth-child(3) { padding: 14px;display: grid;grid-template-columns: 39px 39px 39px 39px 39px; grid-gap:7px;}
.exam_box > div:nth-child(3) > ul:nth-child(3) > li { display: flex;align-items: center;justify-content:center;height:39px;font:12px 's-core-dream-medium';color:#999;border:1px solid #eee;border-radius: 0.5em;background:#f8f8f8;cursor:pointer;}
.exam_box > div:nth-child(3) > ul:nth-child(3) > li:HOVER { color:#333;border:1px solid #ccccaa;background:#ffffee;cursor:pointer;}
.exam_box > div:nth-child(3) > ul:nth-child(4) > li { padding-top:10px;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_all{margin-top:20px;}

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




.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; }




.lecture_sang_basic_big{
	display: grid;
	grid-template-columns: 0.5fr 0.5fr;
	grid-gap: 10px;
}

.lecture_sang_basic{
	display: grid;
	grid-template-columns: 0.7fr 1.3fr;
	grid-gap: 10px;
	padding:0px 40px 30px 40px;

}

.lecture_sang_basic > ul:first-child { border:10px solid #eee;border-radius: 1em;background:#fff;display: grid; grid-template-columns: 120px 1fr}

.lecture_sang_basic > ul:first-child > li:nth-child(odd){padding:15px;font:14px '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:first-child > li:nth-child(even){padding:15px;font:14px '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;}
.lecture_sang_basic_money > ul{
	display: grid;
	grid-template-columns:1fr 0.5fr 1fr;
	grid-gap: 15px;
	padding:50px;
	
}

.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 1fr;
	grid-gap: 20px;
	padding:0px 40px 40px 40px;
	width:100%;
}

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

.lecture_sang_basic_4box > ul > li:nth-child(odd){padding:15px;font:16px '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:15px;height:120px;font:22px 's-core-dream-bold';color:#666;border-radius: 0.5em;display: flex;align-items: center;justify-content:center;}


.lecture_teacher_box{width:100%;background:#000040;display: flex;align-items: center;justify-content:center;}
.lecture_teacher_box > div{padding:100px;width:1200px;}
.lecture_teacher_box > div > p{padding-bottom:50px;font:42px 's-core-dream-medium';color:#ccffff;text-align:center;}
.lecture_teacher_box > div > ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
    'a b'
    'c d';
	padding:30px 30px 30px 0px;border-radius: 0.5em;border:2px solid #dddddd;background:#fff;
}
.lecture_teacher_box > div > ul > li:nth-child(2){grid-area: b;margin-top:20px;font:22px 's-core-dream-medium';color:#2b48a4;}
.lecture_teacher_box > div > ul > li:nth-child(3){grid-area: c;height:350px;font:22px 's-core-dream-medium';color:#2b48a4;}
.lecture_teacher_box > div > ul > li:nth-child(4){grid-area: d;margin-top:20px;padding-right:25px;height:320px;font:14px 's-core-dream-regular';color:#555;line-height:180%;overflow: hidden;overflow-y: scroll;}


.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:100px;width:1200px;}
.lecture_text_box > div > ul {padding-top:30px;padding-bottom:30px;}
.lecture_text_box > div > ul > li:nth-child(odd){padding:10px;font:22px 's-core-dream-medium';color:#2b48a4;}
.lecture_text_box > div > ul > li:nth-child(even){padding:25px;width:100%;font:14px 's-core-dream-regular';color:#555;line-height:180%;border-radius: 1em;border:2px solid #dddddd;background:#fff;}



.lecture_anne_box{
	padding-top:100px;
	padding-bottom:100px;
	width:1100px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
    'a a'
    'b b'
	'c d';}
.lecture_anne_box > div{padding:10px;}
.lecture_anne_box > div:first-child{grid-area: a;}
.lecture_anne_box > div:nth-child(2){grid-area: b;}
.lecture_anne_box > div > p{padding:10px;padding-top:10px;font:18px 's-core-dream-medium';color:#2b48a4;}
.lecture_anne_box > div > ul {padding:20px;height:130px;border-radius: 1em;border:1px solid #ddd;background:#fff;}
.lecture_anne_box > div > ul > li{width:100%;font:13px 's-core-dream-regular';color:#555;line-height:180%;}
.lecture_anne_box > div > ul > li > img{text-align:center;}


.lecture_hwan_box{
	padding-top:100px;
	padding-bottom:100px;
	width:1100px;
	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:10px;}
.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:5px;font:18px 's-core-dream-medium';color:#2b48a4;}
.lecture_hwan_box > div > ul {padding:10px;border-radius: 0.5em;}
.lecture_hwan_box > div > ul {width:100%;font:13px '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:10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}

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





.lecture_week_box{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px;padding:10px;width:100%;}
.lecture_week_box > ul { width:100%;border:10px solid #eee;border-radius: 1em;background:#fff;display: grid; grid-template-columns: 70px 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:15px;font:14px '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:15px;font:14px 's-core-dream-medium';color:#666;border-bottom:1px solid #ddd;display: flex;align-items: center;justify-content:left;}










.notice {padding:15px;margin-bottom:50px;width:1200px;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_faq_list > ul{
	display: grid;
	grid-template-columns: minmax(70px,0.1fr) minmax(100px,0.2fr) 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:20px;}


.notice_faq_list > ul > li:nth-child(1){font:14px 's-core-dream-regular';color:#333;text-align:center;}
.notice_faq_list > ul > li:nth-child(2){font:14px 's-core-dream-regular';color:#006699;text-align:center;}
.notice_faq_list > ul > li:nth-child(3){font:14px '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:14px '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: minmax(70px,0.2fr) 1fr minmax(100px,0.1fr) minmax(100px,0.1fr) minmax(100px,0.1fr);

	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 minmax(70px,0.2fr) minmax(80px,0.2fr) minmax(80px,0.2fr);
	background:#fff;
	color:#666;
	

	grid-template-areas:
    'a b c d'
    'e e e e'
	'f f f f'
	'g 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-left:40px;
  height:50px;
  background:#eee;
  border-radius: 0.5em 0em 0em 0em;
}

.notice_view > ul > li:nth-child(2) {
  grid-area: b;
  height:50px;
  background:#eee;
}

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

.notice_view > ul > li:nth-child(4) {
  grid-area: d;
  height:50px;
  background:#eee;
  border-radius: 0em 0.5em 0em 0em;
}

.notice_view > ul > li:nth-child(5) {
  grid-area: e;
  display: inline-block;
  padding:40px;
  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-top:20px;
  background:#fff;
}

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









.notice_search {padding:20px 25px 10px 25px;margin-top:40px;width:1200px;}

.notice_search > div > ul{
	display: grid;
	grid-template-columns: 1fr 60px 60px 180px 60px;
	height:35px;
	font:14px 's-core-dream-medium';
	color:#666;
	line-height:35px;
}

.notice_search > div > ul > li:nth-child(1){font:20px 's-core-dream-medium';color:var(--basic-bg-color);}
.notice_search > div > ul > li input[type="text"]{padding:7px;width:170px;border:1px solid #ccc;border-radius: 0.5em;}







.footer_tow_box_subject{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	padding-top:30px;
	padding-bottom:10px;
	color:#666;
	width:1200px;
}

.footer_tow_box_subject > pre{
	padding-left:20px;
	font:20px 's-core-dream-medium';color:var(--basic-bg-color);
}


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



.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:first-child > ul:first-child{width:40%;height:100%;border-right:1px solid #ddd;}
.footer_tow_box  div:first-child > ul:last-child{display: flex;flex-direction:column;width:60%;}
.footer_tow_box  div:first-child > ul:last-child > li:first-child{padding:5px;width:100%;font:24px 's-core-dream-bold';color:var(--basic-bg-color);letter-spacing:-1px;}
.footer_tow_box  div:first-child > ul:last-child > li:last-child{padding:5px;width:100%;font:18px 's-core-dream-medium';color:#555;}



.footer_tow_box  div:last-child > ul:first-child{width:40%;height:100%;font:14px 's-core-dream-medium';color:#333;line-height:200%;border-right:1px solid #ddd;}
.footer_tow_box  div:last-child > ul:last-child{width:60%;font:46px '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;
	}

}