@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css'); /*font-family: ''Maven Pro'', 'Noto Sans KR', sans-serif; */
@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css'); 
@import url('https://cdn.rawgit.com/moonspam/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 "razzler.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; }

body {
	overflow-x: hidden;
	font-family:'Anton', 'NanumSquare', 'Noto Sans KR', Helvetica, Arial, sans-serif;
	font-weight:400;
	letter-spacing:-0.05em; 
	word-break:normal;
	color:rgba(0, 0, 0, .75);
}

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

p {
	line-height: 1.65em;
	color:inherit;
	font-family:'NanumSquare', 'Noto Sans KR', Helvetica, Arial, sans-serif;
}
a {
	color:inherit;
	-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: 'Anton', 'Noto Sans KR', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing:0em; 
}

::-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;
}
@media (max-width: 320px) {
	body {min-width:320px; }	
}

/*
* @subsection   ToTop
* @license      MIT license - http://opensource.org/licenses/MIT
* @version      1.0.0
*/
.ui-to-top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	-webkit-transform: translateY(180px);
	  -ms-transform: translateY(180px);
	      transform: translateY(180px);
	z-index: 999;
	width: 30px;
	height: 30px;
	font-size: 20px;
	line-height: 28px;
	text-decoration: none !important;
	text-align: center;
	overflow: hidden;
	transition: .3s all ease;
	background:rgba(255, 255, 255, .7);
	color: #999 !important;
	border:1px solid #d9d9d9;
}
@media (min-width: 992px) {
	.ui-to-top {
		right: 30px;
		bottom:30px;
		width: 50px;
		height: 50px;
		font-size: 30px;
		line-height: 46px;
		background:rgb(201 0 16); 
		color: #ffffff !important;
		border:0;
		border-radius:100%;
		box-shadow:0 3px 3px rgba(0, 0, 0, .12);
	}

	.ui-to-top:hover {
		text-decoration: none;
		background:rgba(101, 3, 45, .95); 
		color: #ffffff;
	}

	.ui-to-top:focus {
		color: #ffffff;
	}

	.ui-to-top.active {
		-webkit-transform: translateY(0);
		  -ms-transform: translateY(0);
		      transform: translateY(0);
	}
}

html.lt-ie9 .ui-to-top {
	right: 15px;
	bottom: 15px;
	width: 50px;
	height: 50px;
	font-size: 30px;
	line-height: 46px;
	background:rgba(101, 3, 45, 1); 
	color: #ffffff !important;
	border:0;
}
.ui-to-top:hover {
	text-decoration: none;
	background:rgba(255, 255, 255, .7);
	color: #999 !important;
}
.ui-to-top:focus {
	color: #ffffff;
}
.ui-to-top.active {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}