@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');

@import "/vendors/fontawesome-free-5.13.0-web/css/all.min.css";
@import "/vendors/bootstrap-3.3.5/dist/css/bootstrap.min.css";
@import "/vendors/rd-navbar-2.1.8/dist/css/rd-navbar.css";
@import "layout.css"; /* Header, Footer*/
@import "nav.css"; /* Nav */
@import "m-content.css"; /* Nav */

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

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-top:0;
	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, 
a:hover,
a:focus,
a:active,
a:visited,
a.active {
	color:inherit;
	text-decoration:none !important;	
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0; 	
	font-weight:600;
}

ul, dl {padding:0; margin:0; }
dt {font-weight:normal; }
li {list-style:none; }
button {border:0; padding:0; }
img {max-width:100%; }
input {-webkit-border-radius:0; -webkit-appearance:none; appearance:0; }
input[type=checkbox] {background-color:#fff; ;-webkit-appearance:checkbox; appearance:checkbox; }
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; }
.mt10 {margin-top:10px; }
.mt20 {margin-top:20px; }
.mt30 {margin-top:30px; }
.mt40 {margin-top:40px; }
.mt50 {margin-top:50px; }
.mt60 {margin-top:60px; }
.mt70 {margin-top:70px; }
.mt80 {margin-top:80px; }
.mt90 {margin-top:90px; }
.mt100 {margin-top:100px; }

.ml5 {margin-left:5px; }
.ml10 {margin-left:10px; }
.ml20 {margin-left:20px; }
.ml30 {margin-left:30px; }
.ml40 {margin-left:40px; }
.ml50 {margin-left:50px; }
.ml60 {margin-left:60px; }
.ml70 {margin-left:70px; }
.ml80 {margin-left:80px; }
.ml90 {margin-left:90px; }
.ml100 {margin-left:100px; }	

.mr5 {margin-right:5px; }
.mr10 {margin-right:10px; }
.mr20 {margin-right:20px; }
.mr30 {margin-right:30px; }
.mr40 {margin-right:40px; }
.mr50 {margin-right:50px; }
.mr60 {margin-right:60px; }
.mr70 {margin-right:70px; }
.mr80 {margin-right:80px; }
.mr90 {margin-right:90px; }
.mr100 {margin-right:100px; }

.pzero {padding:0px!important;}
.pl0 {padding-left:0px; }
.pl5 {padding-left:5px; }
.pl10 {padding-left:10px; }
.pl20 {padding-left:20px; }
.pl30 {padding-left:30px; }
.pl40 {padding-left:40px; }
.pl50 {padding-left:50px; }
.pl60 {padding-left:60px; }
.pl70 {padding-left:70px; }
.pl80 {padding-left:80px; }
.pl90 {padding-left:90px; }
.pl100 {padding-left:100px; }

.pr0 {padding-right:0px; }
.pr5 {padding-right:5px; }
.pr10 {padding-right:10px; }
.pr20 {padding-right:20px; }
.pr30 {padding-right:30px; }
.pr40 {padding-right:40px; }
.pr50 {padding-right:50px; }
.pr60 {padding-right:60px; }
.pr70 {padding-right:70px; }
.pr80 {padding-right:80px; }
.pr90 {padding-right:90px; }
.pr100 {padding-right:100px; }

.pt0 {padding-top:0px; }
.pt5 {padding-top:5px; }
.pt10 {padding-top:10px; }
.pt20 {padding-top:20px; }
.pt30 {padding-top:30px; }
.pt40 {padding-top:40px; }
.pt50 {padding-top:50px; }
.pt60 {padding-top:60px; }
.pt70 {padding-top:70px; }
.pt80 {padding-top:80px; }
.pt90 {padding-top:90px; }
.pt100 {padding-top:100px; }

.pb0 {padding-bottom:0px; }
.pb5 {padding-bottom:5px; }
.pb10 {padding-bottom:10px; }
.pb20 {padding-bottom:20px; }
.pb30 {padding-bottom:30px; }
.pb40 {padding-bottom:40px; }
.pb50 {padding-bottom:50px; }
.pb60 {padding-bottom:60px; }
.pb70 {padding-bottom:70px; }
.pb80 {padding-bottom:80px; }
.pb90 {padding-bottom:90px; }
.pb100 {padding-bottom:100px; }

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

.txt_l, .txt-l {text-align:left !important; }
.txt_r, .txt-r {text-align:right !important; }
.txt_c, .txt-c {text-align:center !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; }

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



.lh8{line-height: 8px;}
.lh9{line-height: 9px;}
.lh10{line-height: 10px;}
.lh11{line-height: 11px;}
.lh12{line-height: 12px;}
.lh13{line-height: 13px;}
.lh14{line-height: 14px;}
.lh15{line-height: 15px;}
.lh16{line-height: 16px;}
.lh17{line-height: 17px;}
.lh18{line-height: 18px;}
.lh19{line-height: 19px;}
.lh20{line-height: 20px;}
.lh21{line-height: 21px;}
.lh22{line-height: 22px;}
.lh23{line-height: 23px;}
.lh24{line-height: 24px;}

/*
* @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;
}
.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:#2e8ae7 linear-gradient(120deg, #2e8ae7, #9a5af0); 
		color: #ffffff !important;
		border:0;
		box-shadow:0 3px 3px rgba(0, 0, 0, .12);
	}

	.ui-to-top:hover {
		text-decoration: none;
		background:#2e8ae7 linear-gradient(-45deg, #2e8ae7, #9a5af0); 
		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; }
}