/* HuskyFox 2015 */

/* 
fonts link 
*/
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500);

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url('../fonts/NanumBarunGothic.eot');
  src: url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NanumBarunGothic.woff') format('woff'),
       url('../fonts/NanumBarunGothic.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 500;
  src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
  src: url('../fonts/NanumBarunGothicBold.eot');
  src: url('../fonts/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/NanumBarunGothicBold.woff') format('woff'),
       url('../fonts/NanumBarunGothicBold.ttf') format('truetype');
}
@font-face{
	font-family:'SP';
	font-weight:normal;
	font-style:normal;
	src: url(../fonts/SP.eot);
	src: url(../fonts/SP.woff) format('woff'),
	  	 url(../fonts/SP.ttf) format('truetype'),
		 url(../fonts/SP.svg) format('svg');
}
@font-face{
	font-family:'SR';
	font-weight:normal;
	font-style:normal;
	src: url(../fonts/SR.eot);
	src: url(../fonts/SR.woff) format('woff'),
	  	 url(../fonts/SR.ttf) format('truetype'),
		 url(../fonts/SR.svg) format('svg');
}

/* 
common 
*/
body {
margin-top:40px;
margin-bottom:40px;
margin-left:40px;
margin-right:40px;
background-color:#E1122A;
min-width:500px;
word-break:keep-all;
}

A:link, A:active, a:visited{
color:white; 
text-decoration: none;
}

a:hover {
color: #000000; 
text-decoration: line-through;
}

div {
margin:0px;
padding:0px;
border-width:0px;
}

sup {
font-size:11px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
color: #f08995;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
font-smooth: always;
}

#map {
height:450px;
width:100%;
-webkit-filter: grayscale(100%);
filter: gray;
}

/* 
fonts ko
*/
.font_nag{
font-size:100px;
font-family: 'Nanum Gothic', sans-serif;
font-weight: 400;
color: white;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
font-smooth: always;
}

.font_nam{
font-size: 22px;
font-family: 'Nanum Myeongjo', serif;
font-weight: 600;
letter-spacing : -0.05em;
line-height:180%;
color: white;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
font-smooth: always;
}

.font_nabg_18{
font-size: 25px;
font-family: 'Nanum Barun Gothic', sans-serif;
font-weight: 300;
color: white;
line-height:160%;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
font-smooth: always;
}

/* 
fonts en
*/
.font_roboto_16{
font-size:16px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
line-height:150%;
color: white;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
font-smooth: always;
}

.font_roboto_20{
font-size:27px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
line-height:140%;
color: white;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
font-smooth: always;
}

.font_roboto_20_2{
font-size:27px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
line-height:160%;
color: white;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
font-smooth: always;
}

.font_roboto_20_title{
font-size:27px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
line-height:150%;
color: white;
display:inline; border-bottom:4px solid #ffffff; padding-bottom:1px;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
font-smooth: always;
}

.font_SP_18{
font-size:18px;
font-family: 'SP', 'Roboto', sans-serif;
font-weight: 500;
line-height:150%;
color: white;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
font-smooth: always;
}

.font_SP_18_title{
font-size:18px;
font-family: 'SP', 'Roboto', sans-serif;
font-weight: 500;
line-height:150%;
color: white;
display:inline; border-bottom:5px solid #ffffff; padding-bottom:2px;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
font-smooth: always;
}

/* 
blank
*/
.blank15 {  
width:15px;
height:25px;
text-align: center;  
border: 0px solid #000000;
}  

.blank30 {  
width:15px;
height:40px;
text-align: center;  
border: 0px solid #000000;
}  

.blank70 {  
width:15px;
height:80px;
text-align: center; 
border: 0px solid #000000;
}  

/* 
layout
*/
.container {  
position: relative;
top: 0px;
left: 0px;
border:0px solid #000000;
}  
  
.small_container {  
position: relative;
top: 0px;
left: 0px;
width:100%;
float: left;
border:0px solid #000000;
}  

/* 
.logo {  
position: relative;
top: 0px;
left: 0px;
width: 410px;
height: 100px;
z-index:3;
float: left;
border:0px solid #000000;
}  
*/

.facebook {  
position: relative;
width: 50px;
height: 50px;
background: #ffffff;
text-align: center;
display: table-cell;
vertical-align: middle;
word-break:break-all;
font-size:200%;
font-family: 'Roboto', sans-serif;
font-weight: 400;
line-height:100%;
color: #E50020;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
font-smooth: always;
}

.facebook:hover {  
background: #000000;
}

.expertise {  
position: relative;
top: 0px;
left: -15px;
border:0px solid #000000;
}