body {
   /*font-family: Verdana, Geneva, sans-serif;*/
   FONT-FAMILY: "Malgun Gothic", "Tahoma"; 
   TEXT-DECORATION: none;
    padding: 0;
	line-height:20px;
	font-size:12px;
	margin:0px;
	
}
	img, fieldset {
border:0px;onfocus
}

A:link , A:active , A:visited { text-decoration:none; color:#000;}
A:hover { position:relative; top:1px; left:1px}  

.bottom_bg{height:33px; background-color:#969696;}

.d3_menu{height:25px; background-color:#efefef;padding-left:30px;}

.board01{ border-top:1px solid #D1D1D1;height:28px; }
.board02{ border-top:1px solid #D1D1D1;border-bottom:1px solid #D1D1D1;height:28px; }
.board01_td{ background-color:#e9e9e9; FONT-SIZE: 11px; COLOR: #656565; }

.board03{ border-top:1px solid #bdccdf;height:28px; }
.board04{ border-top:1px solid #bdccdf;border-bottom:1px solid #bdccdf;height:28px; }
.board03_td{ background-color:#dfe7f0; FONT-SIZE: 11px; COLOR: #405b89; }


.btn_b_left{
background: transparent url('../img/btn_left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; 
line-height: 22px;
height: 20px;
width: 5px;

}
.btn_b_right{
background: transparent url('../img/btn_right.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; 
line-height: 22px;
height: 20px;
width: 9px;

}

.btn_b_center{
background: transparent url('../img/btn_center.gif') repeat;
display: block;
float: left;
font: bold 13px Arial; 
line-height: 22px;
height: 17px;
color:#ffffff;   
   font:  100% Arial, ����;
   padding:3px 3px 0px;

}
.btn_g_left{
background: transparent url('../img/btn_g_left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; 
line-height: 22px;
height: 20px;
width: 5px;

}
.btn_g_right{
background: transparent url('../img/btn_g_right.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; 
line-height: 22px;
height: 20px;
width: 9px;

}

.btn_g_center{
background: transparent url('../img/btn_g_center.gif') repeat;
display: block;
float: left;
font: bold 13px Arial; 
line-height: 22px;
height: 17px;
color:#ffffff;   
   font:  100% Arial, ����;
   padding:3px 3px 0px;

}

.login_bg{
background: transparent url('../img/login_logo_bottom.jpg') repeat;

}

.pop_bg{
background: transparent url('../img/pop_tit_bg.gif') repeat;

}
.pop_tit{
	font: bold 13px Arial; 
	color:#FFF;
	font-size:14px;
}
.board05{ border:1px solid #D1D1D1; }

.board_line01{  background-color:#D1D1D1; }
.board_line02{  background-color:#bdccdf; }
.div_btn{ float: right;}

/*main*/
.info_bg{ background: url(../img/main/info_bg.gif) no-repeat ;}
.info_my{ font-family:����,Dotum;
	FONT-SIZE: 12px;
	COLOR: #0a388c;
	font-weight:bold;
	
}
.info_name{ font-family:����,Dotum;
	FONT-SIZE: 12px;
	
	
	line-height: 22px;
}
.notice_bg{
	border:solid #d1d1d1 1px ;
	background-color:#efefef;
	height:24px;
	padding:5px;
	 
}
.notice_title{
	FONT-SIZE: 12px;
	COLOR: #626263;
	font-weight:bold;
}




.qna{
	border:solid #d1d1d1 1px ;
	
	height:61px;

	 
}
.wather{
	border:solid #d1d1d1 1px ;
	padding:10px;
	height:52px;

	 
}

.fa_bg{
	border:solid #d1d1d1 1px ;
	background-color:#efefef;
	height:84px;
	padding:5px;
	 
}
.today{
	FONT-SIZE: 11px;
	COLOR: #0a388b;
	line-height: 15px;
	
}
	
.today01{
	FONT-SIZE: 11px;
	
	
}
	
.support{
	border:solid #d1d1d1 1px ;

	height:118px;

	 
}
/*board*/

.left_bar{
	 background-color:#e5e5e5;
	 
	 line-height: 17px;
	 height:2px;
}
.right_bar{
	background: url(../img/board/right_bar.gif) repeat ;
	 height:31px;
}
.borard_bar{
	border:1px solid #cfcfcf;
}
	
.board_line{
	font-family:����,Dotum;
	FONT-SIZE: 12px;
	COLOR: #797979;
	border-right:1px solid #D1D1D1;
}
.board_line00{
	font-family:����,Dotum;
	FONT-SIZE: 12px;
	COLOR: #797979;
	
}
.board_line05{
	font-family:����,Dotum;
	FONT-SIZE: 12px;
	COLOR: #000000;
	border-bottom:1px solid #D1D1D1;
	height:28px;
}	

.board_title{
	font-family:����,Dotum;
	FONT-SIZE: 12px;
	COLOR: #797979;
	
}

.textarea001 { border:1px solid #D1D1D1;;width:710px;}

.comemt_line { 	
font-family:����,Dotum;
	FONT-SIZE: 11px;
	COLOR: #000000;
	border-bottom:1px solid #D1D1D1;
	height:40px;
	padding:5px;
}
.input_title{
	border:1px solid #D1D1D1;height:15px;padding-left:3px;width:698px; padding-top:3px;}
	
.input_con{
	border:1px solid #D1D1D1;padding-left:3px;width:698px; padding-top:3px;}


#top_menu{border:1px solid #D1D1D1;width:380px; height:22px; background-color:#fff;float:right;}	
.top_01{float:left;COLOR: #575757;font-family:Arial, Helvetica, sans-serif;}
.top_02{float:right; padding-top:2px; padding-right:10px;COLOR: #575757;font-family:Arial, Helvetica, sans-serif;}
.logout_c{color:red;}



.my_work{background-color:#e3e3e3;border:1px solid #d0d0d0;padding:14px; height:112px;}
.s_info{background-color:#e6eef3;border:1px solid #d1e0ea;padding:14px; height:112px;}
.c_admin{background-color:#f1f6e9;border:1px solid #ddeac8;padding:14px; height:112px;}
.main_txt_bg{background-color:#FFF; width:258; height:100%; margin-top:20px;padding:15px;font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.table001{ background-color:#bdccdf;}
.td001{background-color:#FFF; text-align:center; height:25px;}
.td001_tit{background-color:#e9eef4; text-align:center;border-top:1px solid #fff;border-bottom:1px solid #fff; color:#0e4b98;}
.td002{background-color:#FFF;  height:25px; padding-left:10px;}
.table003{ background-color:#a8dbbe;}
.td003{background-color:#FFF; text-align:right; height:25px; padding-right:10px;}
.td004{background-color:#e8f6ed; text-align:center; height:25px; color:#026f30;}
.td005{background-color:#FFF; text-align:center; height:25px;color:#F00;}
.td006{background-color:#FFF; text-align:right; height:25px; padding-right:10px;color:#F00;}
.login_bg001{background-image:url(../img/login_logo_bottom.jpg); height:137px; padding-top:30px;}
.btn_input{float:left;padding-left:3px;}

#tab_on{
	background-image:url(../img/sub/tab_on.gif);
	width:120px;
	height:32px;

}
#tab_on A {

	color:#FFF;
}
#tab_off{
	background-image:url(../img/sub/tab_off.gif);
	width:120px;
	height:32px;
	color:#333;
}

.pop_top_bg{
	background-image:url(../img/sub/pop_top_bg.gif);
}
.pop_title{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	float:left;
	padding-left:20px;
	
}
.pop_x{
	float:right;
	padding-right:10px;}
.pop_con{
	background-color:#e8e8e8;
	margin:20px;
	padding:20px;
}
.pop_btn{
	text-align:center;
}
.faq_a{
	background-color: #EFEFEF;
	color:#4c7c72;
	padding:10px 20px 10px 20px;

}
.faq_q{
	border-top:solid #CCC 1px;

	padding:10px 20px 10px 20px;

}

.cons01{
	margin-left:20px;
}
.border_otp_t{
	background-color: #ECF4F2;
	border-top:solid #FFF 1px;
	color:#666;
	padding:10px;
	border-bottom:solid #C7E2DC 1px;
}
.border_otp_c{
	border-bottom:solid #C7E2DC 1px;
	color:#666;
	padding:10px;
}
.tit0{
	margin-top:1.5ex;
}	
.tit1{
	 color:#707070;
	 font-size:4ex;
	 font-family:Malgun Gothic,Tahoma;
}
.tit2{
	color:#4c7c72;
	font-size:4ex;
	font-family:Malgun Gothic,Tahoma;
}

#notfound {
  position: relative;
  height: 100vh;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.notfound {
  max-width: 767px;
  width: 100%;
  line-height: 1.4;
  padding: 0px 15px;
}

.notfound .notfound-404 {
  position: relative;
  height: 150px;
  line-height: 150px;
  margin-bottom: 25px;
}

.notfound .notfound-404 h1 {
  font-family: 'Titillium Web', sans-serif;
  font-size: 186px;
  font-weight: 900;
  margin: 0px;
  text-transform: uppercase;
  background: url('../img/text.png');
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: cover;
  background-position: center;
}

.notfound h2 {
  font-family: 'Titillium Web', sans-serif;
  font-size: 26px;
  font-weight: 700;
  margin: 0;
}

.notfound p {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0px;
  text-transform: uppercase;
}

.notfound a {
  font-family: 'Titillium Web', sans-serif;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  border: none;
  background: #5c91fe;
  padding: 10px 40px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 1px;
  margin-top: 15px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.notfound a:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 767px) {
  .notfound .notfound-404 {
    height: 110px;
    line-height: 110px;
  }
  .notfound .notfound-404 h1 {
    font-size: 120px;
  }
}