@import url('https://fonts.googleapis.com/css?family=roboto:100,300,400,500,500,900');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css'); /*font-family: ''Maven Pro'', 'Noto Sans KR', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:300,400,600,700&display=swap');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,700i&display=swap');
@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 "aos.css";
@import "layout.css"; /* Header, Footer*/
@import "nav.css"; /* Nav */
@import "swiper.css"; /* Main Visual */
@import "sub-content.css"; /* Sub Content */
@import "ezsboard5.css"; /* board css */
@import "dcell.css?20240122";

@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:'Maven Pro', '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; }
ul{list-style:none;}
p {
	line-height: 1.65em;
	color:inherit;
}
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;	
}
p::-moz-selection {
   background: #2a8890;
   color: #fff;
}
a::selection, strong::selection, small::selection, span::selection,p::selection,h1::selection, div::selection,
h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, h7::selection, table th::selection,table td::selection, ul li::selection {
   background: #f1f1f1;
   color: #2a8890;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
	font-family: 'Montserrat','Maven Pro', 'Noto Sans KR', Helvetica, Arial, sans-serif;
	font-weight: 500;
	letter-spacing:-0.025em; 
}

::-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: 110px;
		width: 50px;
		height: 50px;
		font-size: 30px;
		line-height: 46px;
		background:rgba(101, 3, 45, .95); 
		color: #ffffff !important;
		border:0;
		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);
}