
@-ms-viewport{width:auto; }

body {
	overflow-x: hidden;
	font-family: 'HONORSans', 'Pretendard', 'Noto Sans KR', sans-serif;
	font-weight:400;
	word-break:normal;
	color:rgba(0, 0, 0, 1);
    line-height: 1.6!important; 
    letter-spacing: 0.02em !important;
}

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

p {
	line-height: 1.65em;
	color:inherit;
	font-family:'HONORSans','Pretendard', 'Noto Sans KR', Helvetica, Arial, sans-serif;
    margin: 0;
}
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;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
	font-family: 'HONORSans','Pretendard','MinSans', 'Noto Sans KR', Helvetica, Arial, sans-serif;
/*	font-weight: 800;*/
}
b, strong{
    font-weight: bold;
}
::-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;
    color: #3A3A3A;
}
@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:#bcbcbc;
	color: #999 !important;
	border:1px solid #d9d9d9;
}
.ui-to-top.fa-angle-up:before{
    position: absolute;
    top: 6px;
    left: 9.5px;

}
@media (min-width: 992px) {
	.ui-to-top {
		right: 30px;
		bottom:30px;
		width: 50px;
		height: 50px;
		font-size: 30px;
		line-height: 46px;
		background:#fff;
		color: #999 !important;
		border:1px solid #999;
		border-radius:100%;
	}
    .ui-to-top.fa-angle-up:before{
        position: absolute;
        top: 6px;
        left: 15px;
        font-size: 30px;
    }
	.ui-to-top:hover {
		text-decoration: none;
		background:#fff;
		color: #008c9a;
        border:1px solid #008c9a;
	}

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

	.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:#008c9a;
	color: #ffffff !important;
	border:0;
}
.ui-to-top:hover {
	text-decoration: none;
	background:#008c9a;
	color: #fff !important;
}
.ui-to-top:focus {
	color: #ffffff;
}
.ui-to-top.active {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.color-0{color: #008c9a;}
.color-1{color: #f5811f;}
.color-2{color: #fff;}
.color-3{color: #888;}
.color-4{color: #666;}
.color-5{color: #000;}
.color-6{color: #666;}
.color-7{color: #1b6b72;}
h2{line-height: 1.4; font-size: 26px;}
@media(min-width:992px) {
	h2{font-size: 30px;}
}
