@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,500,900');
@import url('https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css'); /*font-family: 'Roboto', 'Noto Sans KR', sans-serif; */
@import url('//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css');
@import "../../vendors/bootstrap-3.3.7/dist/css/bootstrap.min.css";
@import "../../vendors/swiper-3.4.1/dist/css/swiper.min.css";
@import "../../vendors/font-awesome-4.7.0/css/font-awesome.min.css";
@import "../../vendors/rd-navbar-2.1.8/dist/css/rd-navbar.css";
@import "layout.css"; /* Header, Footer*/
@import "nav.css"; /* Nav */
@import "swiper.css"; /* Main Visual */
@import "main-content.css"; /* Main Content */
@import "sub-content.css"; /* Sub Content */
@import "ezsboard5.css"; /* board css */
@import "slick.css"; /* Slick Carousel */
@import "bjbiochem.css"; /* bjbiochem */

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

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

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

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

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

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

@-ms-viewport{width:auto; }

html, body {
    position: relative;
    height: 100%;
}

body {
	overflow-x: hidden;
	font-family:'Noto Sans KR', Helvetica, Arial, sans-serif;
	letter-spacing:-0.025em; 
	font-weight:300; 
}

div, p, ul, dl, h4, h5 {transition:margin 0.5s ease-in-out 0; }

p {
	line-height: 1.75;
}
a {
	color:inherit;
	font-family:'Noto Sans KR', sans-serif;
	-moz-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; transition:0.3s; 
}
a:hover,
a:focus,
a:active,
a.active {
	color:inherit;
	text-decoration:none;	
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
	font-family: Roboto, 'Noto Sans KR', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 500;
}
ul, dl { padding:0; margin:0;}
li {list-style:none; }

::-moz-selection {
	text-shadow: none;
	color:#fff;
	background: #498cdf;
}
::selection {
	text-shadow: none;
	color:#fff;
	background: #498cdf;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}
body {
	webkit-tap-highlight-color: #498cdf;
}