@charset "euc-kr";
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@800&family=Gugi&family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@400;700&display=swap');
@import url('https://webfontworld.github.io/naver/NanumBarunGothic.css');
@import url('https://webfontworld.github.io/tmoney/TmoneyRoundWind.css');

/*
font-family: 'Gothic A1', sans-serif; - Extra-bold 800
font-family: 'Nanum Gothic', sans-serif;  - 400, 700, 800
font-family: 'Gugi', cursive;

font-family: 'NanumBarunGothic'; - 100, 300, 400, 700

font-family: 'Noto Sans KR', sans-serif;  - 400, 700
font-family: 'TmoneyRoundWind'; - 400, 800
*/


body
{
	font-family:'TmoneyRoundWind';
    font-weight: 400;
	margin:0;
	padding:0;
	font-size:11pt;
	color:#414042;
	line-height:150%;
	SCROLLBAR-FACE-COLOR:#ffffff;
	SCROLLBAR-SHADOW-COLOR:#A5A5A5;
	SCROLLBAR-HIGHLIGHT-COLOR:#A5A5A5;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #A5A5A5;
}

a { text-decoration:none;} a:link, a:visited, a:active { text-decoration:none; color:#222222;}
a:hover { text-decoration:none; color:#999999;}

table
{
    font-size: 11pt;
    font-family:'TmoneyRoundWind';
    font-weight: 400;
    line-height:150%;
    border-collapse:collapse;
}

th, li, ul, ol, b, p, span, div
{
    font-size:11pt;
    font-family:'TmoneyRoundWind';
    font-weight: 400;
    margin-left: 2px;
    line-height:150%;
}

select
{
	font-size:11pt;
	font-weight: 400;
	font-family:'TmoneyRoundWind';
}

input
{
	font-size:11pt;
	font-weight: 400;
	font-family:'TmoneyRoundWind';
}


td
{
    font-size:11pt;
    font-family:'TmoneyRoundWind';
    font-weight: 400;
    line-height:150%;
    word-wrap:break-word;
    word-break:break-all;
}

/*ºñµð¿À Àüüȭ¸é¿¡¼­ ÄÁÆ®·ÑÀ» ¸ðµÎ ¼û±ä´Ù.*/
video::-webkit-media-controls {
  display:none !important;
}



.Table_Head_Blue
{
	background: linear-gradient(to top, #0080FF, #0053A6);
	font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#FFFFFF;
	text-align:Center;
}

.Table_Head_Red
{
	background: linear-gradient(to top, #FF7373, #CA0000);
	font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#FFFFFF;
	text-align:Center;
}

.Table_Head_violet
{
	background: linear-gradient(to top, #B76FFF, #870FFF);
	font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#FFFFFF;
	text-align:Center;
}



.Table_Head_Green
{
	background: linear-gradient(to top, #00B500, #008000);
	font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#FFFFFF;
	text-align:Center;
}

.Table_Head_Sky
{
	background: linear-gradient(to top, #87CEEB, #4FB6E1);
	font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#FFFFFF;
	text-align:Center;
}

.Table_Head_Gray
{
	background: #DDDDDD;
	font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#444444;
	text-align:Center;
}



/********** ÆùÆ® *************/
.copy_top
{
	background:#262729;
	margin:0 ;
	auto; margin-left;
	font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	line-height:200%;
	color:#AAAAAA;
}

.page_main_Title
{
	font-size:22px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #444444;
}


.h_Main_Menu
{
	font-size:20px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #444444;
}


.menu_Top_Navi
{
	background:#336AFB;
	text-align:center;
	font-size:20px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#FFFFFF;
}

.page_sub_main_Title
{
	font-size:18px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #444444;
}

.sub_main_Title
{
	font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #444444;
}

.list_Main_Title
{
	background: #388DF5;
	border-style:solid;
    border-color:#388DF5;

	font-size:18px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #FFFFFF;
}


.Board_list_Subject
{
	font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #55555;
}


.Study_Room_Menu
{
	text-align:center;

	font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#FFFFFF;
}


.cert_Title
{
	background-color: #DDDDDD;
	font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#4C4C4C;
	text-align:right;
	padding-right: 10px;
}

.sub_list_Title
{
	font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color: #444444;
}

.Commant_14
{
	font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	color: #444444;
}

.Commant_12
{
	font-size:12px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	color: #444444;
}

.Commant_9
{
	font-size:9px;
	font-family:'dotum';
	color: #444444;
}



.track_Round_Link
{
	border:0px
	solid Silver;
	border-radius:30px;
	text-align:center;
	font-size:18px;
	font-family:'Noto Sans KR', sans-serif;
	color:#FFFFFF;
}


.foot_link_Round_Silver
{
    border-width:1px;
    border-style:solid;
    border-color:Silver;
    border-radius:5px;
    text-align:center;
	color:#9d9d9e;
	font-size:10px;
}

.FAQ_Q
{
	font-size:22px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 800;
	color: #5387FF;
}

.FAQ_A
{
	font-size:22px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 800;
	color: #FF3E3E;
}

.Red_Font_16
{
	font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	color: #FF0000;
}


.Red_Font_14
{
	font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	color: #FF0000;
}


.Red_Font_12
{
	font-size:12px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	color: #FF0000;
}

.Red_Font_9
{
	font-size:9px;
	font-family:'dotum';
	color: #FF0000;
}

.Whitet_Int_20
{
	font-size:20px;
	color:#FFFFFF;
	font-family: 'Gugi', sans-serif;
	text-align:center;
}

.Whitet_TEXT_20
{
	text-align:center;

	font-size:20px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#FFFFFF;

}

.Whitet_TEXT_14
{
	text-align:center;

	font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	color:#FFFFFF;

}

/********** In put **************************/

.text_25
{
	background-color: #ffffff;
	border: 1px solid #999999;
    font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	Color:#444444;
    Font-size:16px;
    text-align:left;
    height: 25px;
    padding-left: 5px;
}


.text_25_center
{
	background-color: #ffffff;
	border: 1px solid #999999;
    font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	Color:#444444;
    Font-size:16px;
    text-align:center;
    height: 25px;
    padding-left: 5px;
}


.txtArea
{
	background-color: #ffffff;
	border: 1px solid #999999;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 400;
	color: black;
	font-size: 9pt;
	FONT-FAMILY: Malgun Gothic;
}


.text_25_noline
{
    font-family:Malgun Gothic;
    Color:#444444;
    Font-size:16px;
    Letter-spacing:0px;
    text-align:left;
    height: 25px;
    border: 0px
}



/******************************* button *******************************/

.button_sky_W60
{
    border-width:1px;
    border-style:solid;
    border-color:#2788FE;
    border-radius:5px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:12px;
    background-color: #5493FC;
    height: 22px;
    width: 60px;
}


.button_Green_W60
{
    border-width:1px;
    border-style:solid;
    border-color:#136C2E;
    border-radius:5px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:12px;
    background-color: #1FB44B;
    height: 22px;
    width: 60px;
}


.button_brown_W60
{
    border-width:0px;
    border-style:solid;
    border-radius:5px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:12px;
     background-color: #984807;
    height: 22px;
    width: 60px;
}

.button_gray_W60
{
    border-width:1px;
    border-style:solid;
    border-color:#808080;
    border-radius:5px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:12px;
    background-color: #9B9B9B;
    height: 22px;
    width: 60px;
}

.button_Wgreen_100
{
    border-width:1px;
    border-style:solid;
    border-color:#009B00;
    border-radius:5px;
    cursor: hand;
    color: #136C2E;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #FFFFFF;
    height: 25px;
    width: 100px;
}

.button_Green_W100
{
    border-width:1px;
    border-style:solid;
    border-color:#136C2E;
    border-radius:5px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #1FB44B;
    height: 25px;
    width: 100px;
}

.button_Blue_W100
{
    border-width:1px;
    border-style:solid;
    border-color:#005BF4;
    border-radius:5px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #005BF4;
    height: 25px;
    width: 100px;
}

.button_sky_W100
{
    border-width:1px;
    border-style:solid;
    border-color:#2788FE;
    border-radius:5px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #54A0FE;
    height: 25px;
    width: 100px;
}

.button_Red_W100
{
    border-width:1px;
    border-style:solid;
    border-color:#8C0003;
    border-radius:5px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #EE0006;
    height: 25px;
    width: 100px;
}

.button_gray_W100
{
    border-width:1px;
    border-style:solid;
    border-color:#808080;
    border-radius:5px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #9B9B9B;
    height: 25px;
    width: 100px;
}


.button_green_W150
{
    border-width:1px;
    border-style:solid;
    border-color:#009700;
    border-radius:5px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #009700;
    height: 25px;
    width: 150px;
}


.button_DarkBlue_W150
{
    border-width:1px;
    border-style:solid;
    border-color:#110E94;
    border-radius:5px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #00008B;
    height: 25px;
    width: 150px;
}

.button_Red_W200
{
    border-width:1px;
    border-style:solid;
    border-color:#8C0003;
    border-radius:5px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #EE0006;
    height: 25px;
    width: 200px;
}


.button_green_W200
{
    border-width:1px;
    border-style:solid;
    border-color:#009700;
    border-radius:5px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #009700;
    height: 25px;
    width: 200px;
}


.button_sky_W200
{
    border-width:1px;
    border-style:solid;
    border-color:#2788FE;
    border-radius:5px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #54A0FE;
    height: 25px;
    width: 200px;
}

.button_Blue_W200
{
    border-width:1px;
    border-style:solid;
    border-color:#005BF4;
    border-radius:5px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #005BF4;
    height: 25px;
    width: 200px;
}


.button_Login
{
    border-width:1px;
    border-style:solid;
    border-color:#110E94;
    border-radius:5px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:14px;
    background-color: #00008B;
    height: 55px;
    width: 70px;
}


.Icon_Internet_Study
{
    border-width:1px;
    border-style:solid;
    border-color:#2777FC;
    border-radius:10px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:11px;
    background-color: #2777FC;
    height: 20px;
    width: 70px;
}

.Icon_Book_Study
{
    border-width:1px;
    border-style:solid;
    border-color:#984807;
    border-radius:10px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:400;
    font-size:11px;
    background-color: #984807;
    height: 20px;
    width: 70px;
}



/****************Line **************************/
.blue_Round_10
{
	background:#FFFFFF;
	width:140px;
	height:80px;
	text-align:center;

	font-size:12px;
	font-family:'TmoneyRoundWind';

	border-width:1px;
	border-radius:10px;
	border-style:solid;
    border-color:#0066CC;
}


.radius_Round_Sky_3
{
    border-width:3px;
    border-style:solid;
    border-color:#6bb4ff;
    border-radius:5px;
	text-align:center;
}

.radius_Round_blue_3
{
    border-width:3px;
    border-style:solid;
    border-color:#0273D9;
    border-radius:5px;
}

.radius_Round_lilac_3
{
    border-width:3px;
    border-style:solid;
    border-color:#ff81ff;
    border-radius:5px;
    text-align:center;
}

.radius_Round_Sky_1
{
    border-width:1px;
    border-style:solid;
    border-color:#6bb4ff;
    border-radius:5px;
}

.radius_Round_white_1
{
    border-width:1px;
    border-style:solid;
    border-color:#FFFFFF;
    border-radius:5px;
}

.Silver_shadow_Round_1
{
    border-width:1px;
    border-style:solid;
    border-color:Silver;
	box-shadow: 0px 0px 5px Silver;
}

.line_Round_lilac_3
{
    border-width:3px;
    border-style:solid;
    border-color:#ff81ff;
    border-radius:5px;
}

.line_Round_Silver_1
{
    border-width:1px;
    border-style:solid;
    border-color:Silver;
}

.line_Left_Silver_1
{
    border-left:1px solid Silver;
}

.line_Top_Silver_1
{
    border-top:1px solid Silver;
}

.line_Right_Silver_1
{
    border-right:1px solid Silver;
}

.line_RTL_1
{
    border-right:1px solid Silver;
    border-top:1px solid Silver;
    border-left:1px solid Silver;
}



.line_TOP2
{
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #555555;
}


.line_bottom
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
}

.line_bottom2
{
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #555555;
}


.line_bottom_blue_1
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #388DF5;
}


.dot_top1
{
    border-top: 1px dotted #AAAAAA;
}

.dot_bottom1
{
    border-bottom: 1px dotted #AAAAAA;
}


/*----- ±×·¡ÇÁ ---------- */

.Progress_Green_1{
	border-color:#00C864;
    border-radius:10px;
    background: linear-gradient(to top, #008040, #0FFF87);
    color: #ffffff;
}

.Progress_Gray_1{
	border-color:#D3D3D3;
    border-radius:10px;
    background-color: #D3D3D3;
    color: #ffffff;
}


.Progress_Chasi{
	border-width:0px;
    border-radius:10px;
    background: linear-gradient(to top, #6078FF, #9FAEFF);
    color: #ffffff;
}

/*******************************  ÀÌ·¯´× È­¸é  *******************************/
.chasi_title
{
    font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#FFFFFF;
}

.chasi_title_B
{
    font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#555555;
}

.study_Quiz_Title{
    font-size:20px;
	font-family:'Noto Sans KR', sans-serif;
	font-weight: 700;
	color:#555555
}

.eLearning_StateBar
{
    border-width:0px;
    border-style:solid;
    border-color:#AAAAAA;
    background: #AAAAAA;
    border-radius:15px;

    font-size:14px;
	font-family:'Noto Sans KR', sans-serif;
	color:#FFFFFF;
}

.buttom_ICON_play
{
	border-width:0px;
    border-style:solid;
    border-color:#808080;
    border-radius:5px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight:700;
    font-size:14px;
    background-color: #9B9B9B;
    height: 20px;
    width: 30px;
}







/********ÇнÀ½Åû °¡¿îµ¥ Æ˾÷*******/
.POPUP_Back_layer{
    width: 100%;
    height: 100%;
    background-color: rgba(200,200,200,0.6);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
}


.POPUP_layer{
    width: 500px;
    height: 250px;
    background-color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 5px;
    box-shadow: 0 0 10px -4px;
}


/*******ÇнÀ½Åû °¡¿îµ¥ Æ˾÷*******/


/*ÁøÇà¹Ù
/***************** ÁøÇà¹Ù ***************************/

input[type=range] {
    width: 100%;
}
.customizing input[type=range] {
    -webkit-appearance: none;
}
.customizing  input[type=range]:focus {
    outline: none;
}
/*webkit (Chrome)ÀÇ °æ¿ì*/
.customizing input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate: 0.2s;
    background: #2497E3;
}
.customizing input[type=range]::-webkit-slider-thumb {
    border: 1px solid #2497E3;
    height: 15px;
    width: 10px;
    background: #ffffff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -5px; /*chromeÀÇ °æ¿ì margin-top°ªÀ» ºÎ¿©ÇؾßÇÕ´Ï´Ù.*/
}
.customizing input[type=range]:focus::-webkit-slider-runnable-track {
    background: #2497E3; /*³×¸ð¹öÆ°¿¡ Æ÷Ä¿½º¸¦ ÁáÀ»¶§ µÚ¿¡ ¶óÀÎ(¤Ñ)ÀÇ È¿°ú*/
}
/*FirefoxÀÇ °æ¿ì*/
.customizing input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: #2497E3;
}
.customizing input[type=range]::-moz-range-thumb {
    border: 1px solid #2497E3;
    height: 15px;
    width: 10px;
    background: #ffffff;
    cursor: pointer;
}

/* ·¹À̾î Æ˾÷¿ë */
.study_popup{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/* absolute / margin À» ÅëÇÑ È­¸é Á¤Áß¾Ó Á¤·Ä ¹× µðÀÚÀÎ*/
.layer{
    width: 100%;
    height: 100%;

    border: 1px solid #e5e5e5;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 5px;
    box-shadow: 0 0 10px -4px;
}


.Player_Button
{
    border-width:1px;
    border-style:solid;
    border-color:#555555;
    border-radius:3px;
    cursor: hand;
    color: #FFFFFF;
    font-family: 'Nanum Gothic', sans-serif;
    font-weight:400;
    font-size:11px;
    background-color: #333333;
    height: 20px;
    width: 40px;
}