@import url('https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,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 "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 "trueplus.css"; /* Sub Content */
@import "slick.css"; /* Slick Carousel */
@import "ezsboard5.css"; /* Slick Carousel */

@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;
	_overflow-x:hidden; 
	-webkit-text-size-adjust:none; 
	min-width:320px; 
	overflow-x:hidden;
	word-break:keep-all;
	color:rgba(29, 29, 29, 1); 
	padding:0;
	margin:0; 
	line-height: 1.5;
    font-size: 14px;
}

div, p, ul, dl, h4, h5 {transition:margin 0.3s ease-in-out; }
dl, ul, li, dd, dt {padding:0; margin:0; }

p {
	line-height: 1.5;
	margin-bottom:0;
}
a, button {
	color:inherit; cursor:pointer;
	-moz-transition:color 0.3s, background-color 0.3s, border-color 0.3s, transform 0.3s;
	-o-transition:color 0.3s, background-color 0.3s, border-color 0.3s, transform 0.3s;
	-webkit-transition:color 0.3s, background-color 0.3s, border-color 0.3s, transform 0.3s;
	transition:color 0.3s, background-color 0.3s, border-color 0.3s, transform 0.3s;
}
a:hover,
a:focus,
a:active,
a:visited,
a.active {
	color:inherit;
	text-decoration:none;	
}
a:focus {outline:1px dotted; }

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

ul, dl {padding:0; margin:0; }
dt {font-weight:normal; }
li {list-style:none; }
button {border:0; }
img {max-width:100%; }
input[type=password] {font-family:'arial', 'NanumSquare',  'Noto Sans KR'; }
button, input, optgroup, select, textarea {font-family:inherit; color:inherit; }
label, strong, th, dt {font-weight:500; }
::-moz-selection {
	text-shadow: none;
	color:#fff;
	background: #0dcad5;
}
::selection {
	text-shadow: none;
	color:#fff;
	background: #0dcad5;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}

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

.txt_l, .txt-l {text-align:left !important; }
.txt_r, .txt-r {text-align:right !important; }
.txt_c, .txt-c {text-align:center !important; }
.mCenter {margin:0 auto; }

.fs11 {font-size:0.733em !important; line-height:1.45em; }
.fs12 {font-size:0.800em !important; line-height:1.45em; }
.fs13 {font-size:0.867em !important; line-height:1.45em; }
.fs14 {font-size:0.933em !important; line-height:1.45em; }
.fs15 {font-size:1em !important; line-height:1.45em; }
.fs16 {font-size:1.067em !important; line-height:1.45em; }
.fs18 {font-size:1.200em !important; line-height:1.45em; }
.fs20 {font-size:1.333em !important; line-height:1.45em; }
.fs22 {font-size:1.467em !important; line-height:1.45em; }
.fs24 {font-size:1.600em !important; line-height:1.45em; }
.fs25 {font-size:1.667em !important; line-height:1.25em; }
.fs26 {font-size:1.733em !important; line-height:1.25em; }
.fs28 {font-size:1.733em !important; line-height:1.25em; }
.fs30 {font-size:1.733em !important; line-height:1.25em; }
.fs32 {font-size:1.733em !important; line-height:1.25em; }
.fs34 {font-size:1.733em !important; line-height:1.25em; }
.fs35 {font-size:1.733em !important; line-height:1.25em; }
.fs36 {font-size:1.733em !important; line-height:1.25em; }
.fs38 {font-size:1.733em !important; line-height:1.25em; }
.fs40 {font-size:1.833em !important; line-height:1.25em !important; }
.fs42 {font-size:1.833em !important; line-height:1.25em !important; }
.fs48 {font-size:1.833em !important; line-height:1.25em !important; }


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

.op9 {opacity:.9; }
.op8 {opacity:.8; }
.op7 {opacity:.7; }
.op6 {opacity:.6; }
.op5 {opacity:.5; }
.op4 {opacity:.4; }
.op3 {opacity:.3; }

@media (min-width: 992px) {	
    body {font-size: 15px;}
    
	.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; }	
	
	.fs28 {font-size:1.867em !important; line-height:1.35em; }
	.fs30 {font-size:2.000em !important; line-height:1.35em; }
	.fs32 {font-size:2.133em !important; line-height:1.35em; }
	.fs34 {font-size:2.267em !important; line-height:1.35em; }
	.fs35 {font-size:2.333em !important; line-height:1.35em; }
	.fs36 {font-size:2.400em !important; line-height:1.35em; }
	.fs38 {font-size:2.533em !important; line-height:1.35em; }
	.fs40 {font-size:2.667em !important; line-height:1.35em !important; }
	.fs42 {font-size:2.8em !important; line-height:1.35em !important; }
	.fs48 {font-size:3.200em !important; line-height:1.35em !important; }
}
.w100 {width:100%; }
.w90 {width:100%; }
.w80 {width:100%; }
.w70 {width:100%; }
.w60 {width:100%; }
.w50 {width:100%; }
.w40 {width:100%; }
.w30 {width:100%; }
.w20 {width:100%; }
.w10 {width:100%; }
@media (min-width: 768px) {	
	.w90 {width:90%; }
	.w80 {width:80%; }
	.w70 {width:70%; }
	.w60 {width:60%; }
	.w50 {width:50%; }
	.w40 {width:40%; }
	.w30 {width:30%; }
	.w20 {width:20%; }
	.w10 {width:10%; }
}
/*
* @subsection   ToTop
* @license      MIT license - http://opensource.org/licenses/MIT
* @version      1.0.0
*/
.ui-to-top {
	display: block;
	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;
}
.top-icon {padding:10px; }
.top-icon:before {content:""; display:block; width:11px; height:10px; background:url('../images/comm/ico-icon.png') no-repeat -46px -25px / 200px; margin:0 auto; }

html.lt-ie9 .ui-to-top {
	right: 15px;
	bottom: 15px;
	width: 50px;
	height: 50px;
	font-size: 30px;
	line-height: 46px;
	background:#1986fd; 
	color: #ffffff !important;
	border:0;
}
.ui-to-top:hover {
	text-decoration: none;
	border-color:#111;
	color: #ffffff;
}
.ui-to-top:focus {
	color: #ffffff;
}
.ui-to-top.active {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

@media (min-width: 992px) {
	.ui-to-top {
		right: 30px;
		bottom: 160px;
		width: 80px;
		height: 80px;
		font-size: 30px;
		line-height: 46px;
        background: #6fa52c linear-gradient(120deg, #6fa52c, #157033);
		color: #ffffff !important;
		border:0;
		box-shadow:0 3px 3px rgba(0, 0, 0, .12);
	}

	.ui-to-top:hover {
		text-decoration: none;
		background: #157033 linear-gradient(120deg, #157033, #6fa52c);
		color: #ffffff;
	}

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

	.ui-to-top.active {
		-webkit-transform: translateY(0);
		  -ms-transform: translateY(0);
		      transform: translateY(0);
	}
	
	.top-icon {padding:15px; }
	.top-icon:before {content:""; display:block; width:22px; height:20px; background:url('../images/comm/ico-icon.png') no-repeat -69px -50px; margin:0 auto; }
	.top-icon:after {content:"TOP"; font:600 16px 'Roboto'; line-height:16px; display:block; margin-top:10px; }
}