@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('https://fonts.googleapis.com/earlyaccess/notosanssc.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosanstc.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.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 "jbfood.css"; /* jbfood */
@import "basic_mall.css"; /* mall */

@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:'Noto Sans KR', 'Noto Sans', 'Nanum Gothic', Helvetica, Arial, sans-serif;
	font-weight:normal;
	letter-spacing:-0.04em; 
}

.text-primary {
	color: #fff !important;
}
.text-primary2 {
	color: #1aab5f !important;
}
.text-primary3 {
	color: #498cdf !important;
}
p {
	line-height: 1.75;
}
a {
	color:inherit;
}
a:hover,
a:focus,
a:active,
a.active {
	color:#f77400; 
	/* color:inherit; */
	text-decoration:none;
}
h1,
h2,
h3,
h4,
h5,
h6,
h7 {
	font-family: Roboto, 'Noto Sans KR','Nanum Gothic', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 500;
}
.btn-primary {
	color: white;
	background-color: #fff;
	border-color: #fff;
	font-family: Roboto, 'Noto Sans KR','Nanum Gothic', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 500;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:focus,
.open .dropdown-toggle.btn-primary {
	color: #ed7247;
	border-color: #fff;
	background-color:#fff; 
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #fff;
	border-color: #fff;
}
.btn-primary .badge {
	color: #fff;
	background-color: white;
}
.btn-xl {
	color: white;
	background-color: #fff;
	border-color: #fff;
	font-family: Roboto, 'Noto Sans KR', 'Nanum Gothic', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	border-radius: 3px;
	font-size: 18px;
	padding: 20px 40px;
}
.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.btn-xl:active:focus,
.open .dropdown-toggle.btn-xl {
	color: white;
	background-color: #1aab5f;
	border-color: #1aab5f;
}
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
	background-image: none;
}
.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
	background-color: #fff;
	border-color: #fff;
}
.btn-xl .badge {
	color: #fff;
	background-color: white;
}

::-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; }	
}