/* latin-ext */
@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ropasans/v10/EYqxmaNOzLlWtsZSScy6UzNpY5I.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ropasans/v10/EYqxmaNOzLlWtsZSScy6XTNp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body,html *[class^="w_"],
body,html *[class^="w_"] * {font-family: "NotoSansKR", sans-serif !important; font-size:12px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	src:url(https://fonts.googleapis.com/css?family=Noto+Sans+KR);
}


/* Base */
html { font-family: "NotoSansKR", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-size: 16px; line-height: 1.5; }
body { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
h1, h2, h3, p, ul { margin: 0; }
ul { padding-left: 0; }
ul li { list-style-type: none; }
a { color: inherit; text-decoration: none; }
img { vertical-align: middle; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

img {

border:0

}

td {

	font-family: "NotoSansKR", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; 
	font-size: 11pt;
	color: #666666;
	line-height: 150%;
	letter-spacing: none;
	word-spacing:0px;
	margin:0px;
}

A{
	font-size : 11pt;
	color : #666666;
	text-decoration : none;
	font-family: "NotoSansKR", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; 
	font-weight : none;
	background:none;
}
A:hover  {
	font-size : 11pt;
	color : #000000;
	text-decoration : none;
	font-family: "NotoSansKR", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; 
	font-weight : none;
	background:none;
}
.footer {
	width:100%; 
	height:64px; 
	float:left;
	background-image: url('/img/090508_index_footbg.gif');
	background-repeat: repeat-x;
}
.text01 {
	font-family: "NotoSansKR", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; 
	font-size: 11pt;
	color: #a9a9a9;
	line-height: none
	letter-spacing: -1pt;
	letter-spacing: 0pt;
	font-weight: none;
}

.smalltext01 {
	font-family: "NotoSansKR", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; 
	font-size: 10pt;
	color: #EE2222;
	line-height: none
	letter-spacing: -1pt;
	letter-spacing: 0pt;
	font-weight: none;
}

.t8na8a8a8 {
	font-family: "NotoSansKR", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; 
	font-size: 10pt;
	color: #a8a8a8;
	line-height: none
	letter-spacing: -1pt;
	letter-spacing: 0pt;
	font-weight: none;
}
.t8n383838 {
	font-family: "NotoSansKR", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; 
	font-size: 10pt;
	color: #383838;
	line-height: none
	letter-spacing: -1pt;
	letter-spacing: 0pt;
	font-weight: none;
}

.box1 {
	font-family: "NotoSansKR", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; 
	font-size: 11pt;
	color: #5d6969;
	border: 1pt solid;
	letter-spacing: 0pt;
	font-weight:none;
	width:104px;
	height:21px;
	padding-left:5px;
	padding-top:3px;
	border-color: #4c6057;
	background-color: #E7ECAA;
	background-image: url('À̹ÌÁö°æ·Î');
	background-repeat: no-repeat;
	background-position: center
}

.box1_emet {
	font-family: "NotoSansKR", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; 
	font-size: 11pt;
	color: #5d6969;
	border: 1pt solid;
	letter-spacing: 0pt;
	font-weight:none;
	width:104px;
	height:21px;
	padding-left:5px;
	padding-top:3px;
	border-color: #D5DC98;
	background-color: #FFFFFF;
	background-image: url('');
	background-repeat: no-repeat;
	background-position: center
}


.box2 {
	font-family: "NotoSansKR", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; 
	font-size: 11pt;
	color: #333333;
	border: 1pt solid;
	letter-spacing: 0pt;
	font-weight:none;
	width:230px;
	height:20px;
	padding-left:5px;
	padding-top:3px;
	border-color: #e0e0e0;
	background-color: #ffffff;
	background-image: url('À̹ÌÁö°æ·Î');
	background-repeat: no-repeat;
	background-position: center
}
.boxgray {
	font-family: "NotoSansKR", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; 
	font-size: 11pt;
	color: #5d6969;
	border: 1pt solid;
	letter-spacing: 0pt;
	font-weight:none;
	width:104px;
	height:21px;
	padding-left:5px;
	padding-top:3px;
	border-color: #4c6057;
	background-color: #e0e0e0;
	background-image: url('À̹ÌÁö°æ·Î');
	background-repeat: no-repeat;
	background-position: center
}
.boxwhite {
	font-family: "NotoSansKR", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; 
	font-size: 11pt;
	color: #5d6969;
	border: 1pt solid;
	letter-spacing: 0pt;
	font-weight:none;
	width:104px;
	height:21px;
	padding-left:5px;
	padding-top:3px;
	border-color: #4c6057;
	background-color: #ffffff;
	background-image: url('À̹ÌÁö°æ·Î');
	background-repeat: no-repeat;
	background-position: center
}

.w100 {
	width:100px;	
}

.w120 {
	width:120px;	
}

.w150 {
	width:150px;	
}

.btnEMET {
  height : 28px;
  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 1px 15px;
  font-family: "NotoSansKR", sans-serif; 
  font-size: 11pt;
  font-weight:700;
  cursor: pointer;
  border-radius: 5px;
  vertical-align: middle;
}

.btnEMET_small {
  height : 24px;
  border: 1px solid black;
  background-color: white;
  color: black;
  padding: 2px 8px;
  font-family: "NotoSansKR", sans-serif; 
  font-size: 8pt;
  font-weight:700;
  cursor: pointer;
  border-radius: 3px;
}

.btnEMET_smallX {
  height : 24px;
  border: 1px solid black;
  background-color: white;
  color: black;
  padding : 2px 5px;
  margin  : 1px 3px;  
  font-family: "NotoSansKR", sans-serif; 
  font-size: 8pt;
  font-weight:700;
  cursor: pointer;
  border-radius: 3px;
}

.btnEMET_small_nocol {
  height : 24px;
  border: 1px solid black;
  padding: 2px 8px;
  font-family: "NotoSansKR", sans-serif; 
  font-size: 8pt;
  font-weight:700;
  cursor: pointer;
  border-radius: 3px;
}

.btnEMET_login {
  height : 45px;
  width  : 99px;
  border: 2px solid black;
  padding: 4px 15px;
  font-family: "NotoSansKR", sans-serif; 
  font-size: 11pt;
  font-weight:700;
  cursor: pointer;
  border-radius: 5px;
}

.btnEMET_formbtn {
  width : 300px;	
}	

/* Orange */
.login_color {
  border-color: #orange;
  color: orange;
}

.login_color:hover {
  background: #ff9800;
  color: orange;
}


.emcolor_logo1 { color:#658030; }
.emcolor_logo2 { color:#83A040; }
.emcolor_logo3 { color:#CDE18F; }
.emcolor_logot { color:#7F9D3B; }
.emcolor_title { color:#7F9D3B; }
.emcolor_gr0   { color:#658030; }
.emcolor_gr1   { color:#6C8637; }
.emcolor_gr2   { color:#799242; }
.emcolor_gr3   { color:#889F4F; }
.emcolor_gr4   { color:#8DA655; }
.emcolor_gr5   { color:#98B05E; }
.emcolor_gr6   { color:#A0B765; }
.emcolor_gr7   { color:#B5CB79; }
.emcolor_gr8   { color:#C3D785; }
.emcolor_gr9   { color:#CDE18F; }

.emet_col05 { color:'#f7fee7'; }
.emet_col10 { color:'#ecfccb'; }
.emet_col20 { color:'#d9f99d'; }
.emet_col30 { color:'#bef264'; }
.emet_col40 { color:'#a3e635'; }
.emet_col50 { color:'#84cc16'; }
.emet_col60 { color:'#65a30d'; }
.emet_col70 { color:'#4d7c0f'; }
.emet_col80 { color:'#3f6212'; }
.emet_col90 { color:'#365314'; }

.emet_bgcol05 { color:'#f7fee7'; }
.emet_bgcol10 { color:'#ecfccb'; }
.emet_bgcol20 { color:'#d9f99d'; }
.emet_bgcol30 { color:'#bef264'; }
.emet_bgcol40 { color:'#a3e635'; }
.emet_bgcol50 { color:'#84cc16'; }
.emet_bgcol60 { color:'#65a30d'; }
.emet_bgcol70 { color:'#4d7c0f'; }
.emet_bgcol80 { color:'#3f6212'; }
.emet_bgcol90 { color:'#365314'; }

/* EMET-Green */
.emet_success {
  border-color: #4d7c0f;
  color: green;
}

.emet_success:hover {
  background-color: #4CAF50;
  color: white;
}


/* Green */
.success {
  border-color: #4CAF50;
  color: green;
}

.success:hover {
  background-color: #4CAF50;
  color: white;
}

/* Blue */
.info {
  border-color: #2196F3;
  color: dodgerblue;
}

.info:hover {
  background: #2196F3;
  color: white;
}

/* Orange */
.warning {
  border-color: #ff9800;
  color: orange;
}

.warning:hover {
  background: #ff9800;
  color: white;
}

/* Red */
.danger {
  border-color: #f44336;
  color: red;
}

.danger:hover {
  background: #f44336;
  color: white;
}

/* Gray */
.default {
  border-color: #d0d0d0;
  color: black;
}

.default:hover {
  background: #e7e7e7;
  color: black;
}


.default2 {
  border-color: #d0d0d0;
  background: #e7e7e7 !important;
  color: gray;
}

.default2:hover {
  background: #FCFCFC;
  color: black;
}



/* finished */
.emet_complete {
  border-color: #d0d0d0;
  background-color:#d0d0d0;
  color: gray;
}

.emet_complete:hover {
  border-color: #555555;
  background-color:#555555;
  color: gray;
}

.font-gray {
  color: gray !important;	
  font-color: gray  !important;
}	

/* Pagination links */
.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
}

/* Style the active/current link */
.pagination a.active {
  background-color: dodgerblue;
  color: white;
}

/* Add a grey background color on mouse-over */
.pagination a:hover:not(.active) {background-color: #ddd;}


.lms_body {
	padding : 16px;	
}