@charset "utf-8";

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(../fonts/NotoSansKR-Light.woff) format('woff'),
	   url(../fonts/NotoSansKR-Light.eot) format('eot'),
       url(../fonts/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Regular.woff) format('woff'),
		url(../fonts/NotoSansKR-Regular.eot) format('eot'),
        url(../fonts/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Medium.woff) format('woff'),
		url(../fonts/NotoSansKR-Medium.eot) format('eot'),
        url(../fonts/NotoSansKR-Medium.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Bold.woff) format('woff'),
		url(../fonts/NotoSansKR-Bold.eot) format('eot'),
        url(../fonts/NotoSansKR-Bold.otf) format('opentype');
 }

 @font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(../fonts/NotoSansKR-Black.woff) format('woff'),
		url(../fonts/NotoSansKR-Black.eot) format('eot'),
        url(../fonts/NotoSansKR-Black.otf) format('opentype');
 }

body{
	color:#333;
	font-family: 'Noto Sans KR', Serif;
	overflow-x:hidden;
}

.img-responsive{
	display: block;
	max-width: 100%;
	height: auto;
}

.header{
	height:100px;
	line-height:100px;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #eee;
}

.logo_box > a > img{
	width:auto; max-height:70px;
}

.top_menu{
	height:44px;
	line-height:40px;
	background:#efefef;
}

.top_menu > div > div > ul{
	float:right;
	margin-top:1px;
}

.top_menu > div > div > ul > li{
	float:left;
	color:#666;
	font-size:16px;
	margin-left:10px;
}

.top_menu > div > div > ul > li > a{
	color:#666;
}

.main_menu_list{
	float:right;
	height:70px;
}

.main_menu_list li{
	float:left;
	width:80px;
	text-align:center;
	margin-left:15px;
}

.main_menu_list li:first-child{
	margin:0px;
}

.main_menu_list li > a{
	display:block;
	color:#ccc;
	font-size:16px;
	font-weight:400;
	text-align:right;
}

.main_menu_list li > a:hover{
	color:#000;
}

.main_menu_list li > a > i{
	display:block;
	color:#ccc;
	font-size:40px;
	text-align:center;
	margin-bottom:5px;
}

.main_menu_list li.active > a,
.main_menu_list li.active > a > i{
	color:#000;
}

.footer_wrap{
	margin-top:120px; 
	background:#f7f7f7;
}

.footer_wrap > div > .footer > p{
	font-weight:300;
	padding:55px 0px;
	line-height:1.7;
	text-align:center;
	word-spacing:2px;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
	#top_btn{
		display:none;
	} 
}