@CHARSET "UTF-8";


@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css) ;
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}
/*******************
BODY STYLING
*******************/

* {margin: 0;padding: 0;}

header, contents, footer, nav, aside, section, article, hgroup, contents {margin: 0;padding: 0;}
a {text-decoration: none;color:#45474d}
a :hover{color:#ef651a;text-decoration:none}
li {list-style: none;}
img {border:0px;vertical-align:bottom;}
body {
	font-family: 'Nanum Gothic';
    font-size: 12px;
    color: #373737;
}
body, html {
    width: 100%;
    height: 100%;
    position: relative;
}


/* font
---------------------------------------------------------------------------------------*/
.ng{font-family:"Nanum Gothic",Dotum,Helvetica,Arial,Sans-serif;}
.ngB{font-family:"Nanum Gothic",Dotum,Helvetica,Arial,Sans-serif;font-weight:700}
.ngEB{font-family:"Nanum Gothic",Dotum,Helvetica,Arial,Sans-serif;font-weight:800}
.ngEBB{font-family:"Nanum Gothic",Dotum,Helvetica,Arial,Sans-serif;font-weight:900}


.youtubeWrap{
	position:relative;
	width:100%;
	padding-bottom:56.25%
}
.youtubeWrap iframe{
	position:absolute;
	width:100%;
	height:100%
}


/* color
---------------------------------------------------------------------------------------*/
.col-01{color:#f39800}
.col-02{color:#8fc31f}
.col-03{color:#cbc1a2}
.col-04{color:#333}

.hover_color{color:#ef651a}

.btn_bg {
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.btn_bg_26 {
	border-radius: 26px;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
}

.round4{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.bar_bg {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	height:28px;line-height:28px;right:0px;padding:0px 10px 0px 10px;
}

.bn_login_bg {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.input_rounding_bg{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.radius_20_bg{
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	padding:1px 5px 1px 5px;border:1px solid #333;background:#fff;font-size:13.5px;color:#333;cursor:pointer
}
.radus_20_bg :hover{
	background:#333;color:#fff
}

.gnb_menu {
	position:relative;
	float:left;height:40px;line-height:40px;text-align:center;
	/*background:#fff;*/
	cursor:pointer
}
.gnb_menu a:hover{
	color:#fff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background:#1a323a;
}

.gnb_menu_on{
	position:relative;
	float:left;height:40px;line-height:40px;text-align:center;
	cursor:pointer;
	color:#fff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background:#1a323a;
}
.gnb_menu_on a{color:#fff}

.gnb_menu_new {
	position:relative;
	width:100%;
	float:left;height:40px;line-height:40px;text-align:center;
	color:#fff;
	cursor:pointer;
}
.gnb_menu_new a{color:#fff}

.gnb_menu_new a:hover{
	color:#333;
	background:#fff;
}


.gnb_menu_mylec{
	position:relative;
	float:left;height:40px;line-height:40px;text-align:center;
	cursor:pointer;
	color:#fff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background:#e5570a;
}

.main_proc_btn a{
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background:#59cbf0;
	color:#fff;
	width:100px;
	height:32px;
	line-height:32px;
	text-align:center;
}
.main_proc_btn a:hover{
	background:#1a323a;
}


#project_more :hover{
	background:Red;color:#fff
}

.left_title{position:relative;width:100%;height:45px;line-height:45px;font-size:22px;color:#fff;background:#1b4180;text-align:center}
.left_menu{position:relative;height:35px;line-height:35px;text-align:left;text-indent:15px;border-bottom:1px solid #ccc}
.left_menu :hover{color:Red}

.sub_page_title{position:relative;float:left;font-size:22px}
.sub_page_history{position:absolute;right:3px;top:10px}

.reset_btn{background:#de560c;color:#fff;font-size:14px;border:0px;cursor:pointer}
.submit_btn{background:#055db8;color:#fff;font-size:14px;border:0px;cursor:pointer}

.alpha_70{
    filter: alpha(opacity=70); /* internet explorer */    
    -khtml-opacity: 0.7;      /* khtml, old safari */    
    -moz-opacity: 0.7;       /* mozilla, netscape */ 
    opacity: 0.7;           /* fx, safari, opera */ 
} 

.alpha_0{
    filter: alpha(opacity=0); /* internet explorer */    
    -khtml-opacity: 0;      /* khtml, old safari */    
    -moz-opacity: 0;       /* mozilla, netscape */ 
    opacity: 0;           /* fx, safari, opera */ 
} 

.alpha_50{
    filter: alpha(opacity=50); /* internet explorer */    
    -khtml-opacity: 0.5;      /* khtml, old safari */    
    -moz-opacity: 0.5;       /* mozilla, netscape */ 
    opacity: 0.5;           /* fx, safari, opera */ 
} 

.alpha_30{
    filter: alpha(opacity=30); /* internet explorer */    
    -khtml-opacity: 0.3;      /* khtml, old safari */    
    -moz-opacity: 0.3;       /* mozilla, netscape */ 
    opacity: 0.3;           /* fx, safari, opera */ 
}

.alpha_100{
    filter: alpha(opacity=100); /* internet explorer */    
    -khtml-opacity: 1.0;      /* khtml, old safari */    
    -moz-opacity: 1.0;       /* mozilla, netscape */ 
    opacity: 1.0;           /* fx, safari, opera */ 
}

.alpha_90{
    filter: alpha(opacity=90); /* internet explorer */    
    -khtml-opacity: 0.9;      /* khtml, old safari */    
    -moz-opacity: 0.9;       /* mozilla, netscape */ 
    opacity: 0.9;           /* fx, safari, opera */ 
} 

.input_border_ccc{
	border:1px solid #ccc
}

.gnb_menu171202{position:relative;float:left;height:55px;line-height:55px;color:#333;cursor:pointer;text-align:center}