@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR&display=swap');
@import url('https://fonts.googleapis.com/css?family=Taviraj:700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=DM+Serif+Display&display=swap');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700|Playfair+Display:400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Maitree:200,300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Red+Hat+Display:400,500,700,900&display=swap');
@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/rd-navbar-2.1.8/dist/css/rd-navbar.css";
@import "nav.css";
@import "layout.css"; 
@import "swiper.css"; 
@import "main-content.css"; 
@import "sub-content.css"; 
@import "bamkel.css"; 
@import "basic_mall.css"; 
@import "ezsboard5.css"; 

@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: 'Maitree', 'Noto Sans KR', sans-serif;
	font-weight:400;
	font-size:13px; 
	_overflow-x:hidden; 
	-webkit-text-size-adjust:none; 
	min-width:320px; 
	overflow-x:hidden;
	word-break:keep-all;
	color:#26282b; 
}

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

p {
	line-height: 1.75;
	margin-bottom:0;
}
a, button {
	color:inherit;
	transition:0.3s ease-in-out 0; 
}
a:hover,
a:visited,
a:focus,
a:active,
a.active {
	color:inherit;
	text-decoration:none;	
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0; 
	font-family:'Maitree', 'Noto Sans KR', sans-serif; font-weight:700; 
}

.font-eng {font-family: 'Maitree', 'Noto Sans KR', sans-serif; font-weight:700; }

ul, dl {padding:0; margin:0; }
li {list-style:none; }
button {border:0; }
img {max-width:100%; }

.txt-c, .txt_c {text-align:center; }
.txt-l, .txt_l {text-align:left; }
.txt-r, .txt_r {text-align:right; }

.pc-1 {color: #353839 !important;}
.pc-2 {color: rgba(0,0,0,0.65);}

.mt5 {margin-top:5px !important; }
.mt10 {margin-top:7px !important; }
.mt20 {margin-top:10px !important; }
.mt30 {margin-top:15px !important; }
.mt40 {margin-top:20px !important; }
.mt50 {margin-top:25px !important; }
.mt60 {margin-top:30px !important; }
.mt70 {margin-top:40px !important; }
.mt80 {margin-top:50px !important; }
.mt90 {margin-top:50px !important; }
.mt100 {margin-top:50px !important; }

.mb5 {margin-bottom:5px !important; }
.mb10 {margin-bottom:7px !important; }
.mb20 {margin-bottom:10px !important; }
.mb30 {margin-bottom:15px !important; }
.mb40 {margin-bottom:20px !important; }
.mb50 {margin-bottom:25px !important; }
.mb60 {margin-bottom:30px !important; }
.mb70 {margin-bottom:40px !important; }
.mb80 {margin-bottom:50px !important; }
.mb90 {margin-bottom:50px !important; }
.mb100 {margin-bottom:50px !important; }

.fs10 {font-size:6px; }
.fs11 {font-size:8px; }
.fs12 {font-size:9px; }
.fs13 {font-size:11px; }
.fs14 {font-size:12px; }
.fs15 {font-size:12px; }
.fs16 {font-size:12px; }
.fs18 {font-size:14px; }
.fs20 {font-size:15px; }
.fs22 {font-size:16px; }
.fs24 {font-size:18px; }
.fs25 {font-size:20px; }
.fs26 {font-size:20px; }
.fs28 {font-size:20px; }
.fs30 {font-size:24px; }
.fs32 {font-size:24px; }
.fs40 {font-size:25px; line-height:1em; }
.fs42 {font-size:25px; line-height:1em; }
.fs48 {font-size:25px; line-height:1em; }
.fs50 {font-size:40px; line-height:1em; }
.fs80 {font-size:50px; line-height:1em; }

.fw100 {font-weight:100; }
.fw200 {font-weight:200; }
.fw300 {font-weight:300; }
.fw400 {font-weight:400; }
.fw500 {font-weight:700; }
.fw600 {font-weight:700; }
.fw700 {font-weight:700; }
.fw800 {font-weight:800; }
.fw900 {font-weight:900; }

.font-libre {font-family: 'Libre Baskerville', 'Noto Sans KR', serif;}
.font-playfair {font-family: 'Playfair Display', 'Noto Sans KR', serif;}
.font-dm {font-family: 'DM Serif Display', 'Noto Sans KR', serif;}
.font-red {font-family: 'Red Hat Display', sans-serif;}

@media (min-width: 992px) {	
	body {font-size:16px; }
	
	.mt5 {margin-top:5px !important; }
	.mt10 {margin-top:10px !important; }
	.mt20 {margin-top:20px !important; }
	.mt30 {margin-top:30px !important; }
	.mt40 {margin-top:40px !important; }
	.mt50 {margin-top:50px !important; }
	.mt60 {margin-top:60px !important; }
	.mt70 {margin-top:70px !important; }
	.mt80 {margin-top:80px !important; }
	.mt90 {margin-top:90px !important; }
	.mt100 {margin-top:100px !important; }
	
	.mb5 {margin-bottom:5px !important; }
	.mb10 {margin-bottom:10px !important; }
	.mb20 {margin-bottom:20px !important; }
	.mb30 {margin-bottom:30px !important; }
	.mb40 {margin-bottom:40px !important; }
	.mb50 {margin-bottom:50px !important; }
	.mb60 {margin-bottom:60px !important; }
	.mb70 {margin-bottom:70px !important; }
	.mb80 {margin-bottom:80px !important; }
	.mb90 {margin-bottom:90px !important; }
	.mb100 {margin-bottom:100px !important; }	
	
	.fs10 {font-size:10px; }
	.fs11 {font-size:11px; }
	.fs12 {font-size:12px; }
	.fs13 {font-size:13px; }
	.fs14 {font-size:14px; }
	.fs15 {font-size:15px; }
	.fs16 {font-size:16px; }
	.fs18 {font-size:18px; }
	.fs20 {font-size:20px; }
	.fs22 {font-size:22px; }
	.fs24 {font-size:24px; }
	.fs25 {font-size:25px; }
	.fs26 {font-size:26px; }
	.fs28 {font-size:28px; }
	.fs30 {font-size:30px; }
	.fs32 {font-size:32px; }
	.fs40 {font-size:40px; line-height:1em; }
	.fs42 {font-size:42px; line-height:1em; }
	.fs48 {font-size:48px; line-height:1em; }
	.fs50 {font-size:50px; line-height:1em; }
	.fs80 {font-size:80px; line-height:1em; }
}