*{margin:0; padding:0;}
ul{list-style:none;}
a{text-decoration:none; color:#222;}
a:hover{text-decoration:none;}
@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
body{font-family:'S-CoreDream-2ExtraLight';
	font-size:16px;
	line-height:26px;
	color:#222;}


/*플로팅메뉴*/
.floatingBar{
	position:fixed;
	top:120px;
	right:0%;
	z-index:80;
	width:125px;
	height:400px;
	background:#fdfae3;
	border-radius:8px;
	box-sizing:border-box;
	text-align:center;
	padding-top:25px;
	box-shadow:1px 1px 2px #cfcdba;}
.floatingBar a{display:inline-block;
	font-family: 'S-CoreDream-4Regular';
	font-size:13px;
	color:#000;}
.floatingBar a:nth-child(2){padding:15px 0;}
.floatingBar img{border-radius:40px;
	box-shadow:2px 4px 3px #ccc;}

/*mobile_floatingBar*/
@media(min-width:768px) and (max-width:1279px) {
	.floatingBar{
		width: 118px;
		height: 316px;
		padding-top: 20px;
	}
	.floatingBar a{
		line-height: 19px;
		font-size: 12.5px;
	}
	.floatingBar a:nth-child(2){padding: 10px 0 13px;}
	.floatingBar img{width: 60px;}
}
@media(max-width:767px){
	#wrap{padding-top:50px;}
	.floatingBar{display:none;}
}




/*header*/
#header{width:100%;
	height:100px;
	box-sizing:border-box;
	background:#fff;
	position:fixed;
	z-index:90;
	box-shadow:0 4px 5px rgba(0,0,0,0.1);
	font-family: 'S-CoreDream-3Light';
}
.header_inner{
	width:1200px;
	height: 100%;
	margin:0 auto;
	box-sizing:border-box;
}
.logo{
	float:left;
	padding:34px 7% 34px 0;
}
.logo img{display:block;}
.gnb{
	float:left;
}

.gnb> ul> li{float:left;
	position:relative;}
.gnb> ul> li> a{
	font-family: 'S-CoreDream-3Light';
	font-size:18px;
	display: block;
	padding:38px 50px;
}
.boldRemote a{
	color: #0531af;
	font-weight: bold;
}
.boldRemote a:hover{
	color: #0531af !important;
}
.gnb> ul> li> a:hover{
	color:#d29e4b;
	transition:all 0.3s;}
.link_top{float:right;
	padding-top:37px;}

.link_top> ul> li{float:left;
	font-size: 15px;}
.link_top li a{padding:0 10px;}
.link_top .userName a{padding-right: 0;}
.link_top .userAccount a{padding: 3px 3px 0;
				display: block;}

.sub{
	position:absolute;
	top:100px;
	width:100%;
	text-align:center;
	display:none;
	box-sizing:border-box;
	border-top:none;
	box-shadow: 2px 1px 2px #ddd;
	z-index:95;
}
.sub> li> a{display:block;
	font-size:15px;
	color:#222;
	background:rgba(255,255,255,1);
	padding:10px 0;
}
.sub> li> a:hover{background:#d29e4b;
	transition:all 0.5s;}
.gnb li:hover .sub{display:block;}
/*pc_header*/
@media(min-width:768px) and (max-width:1279px) {
	.header_inner{width:900px;}
	.logo{padding: 34px 5.5% 34px 0;}
	.gnb> ul> li> a{
		padding: 38px 27px;
		font-size: 16px;
	}
	.sub> li> a{font-size: 13px;}
}


/*mobile_header*/
@media(max-width:767px){
	.header,.header_inner{width:100%;}
	.gnb{display:none;}
	.link_top{display:none;}
	.logo{padding:33px;}
}


/*--------------모바일용 사이드 메뉴바-----------------*/
.total{
	display:block; box-sizing:content-box;
	width:35px;
	height:35px;
	position:fixed;
	right:30px;
	z-index:99;
	padding-top:87px;
}
.total span{
	display:block;
	position:absolute;
	top:40%;
	width:100%;
	height:3px;
	background:#0a285f;/*가운데 줄 색상*/
	color:transparent;
	transform:translate(0,-50%);
	transition:all .5s;
}
.total span:before,
.total span:after{
	content:"";
	position:absolute;
	left:0;
	top:0px;
	width:100%;
	height:3px;
	background:#0a285f;/*위,아래 줄 색상*/
	transition:all .5s;
}
.total span:before{
	top:-15px;
}
.total span:after{
	top:15px;
}
.total.on span{
	background:rgba(0,0,0,0);
}
.total.on span:before{
	top:0px;
	transform: rotate(45deg);
	background:#fff;
}
.total.on span:after{
	top:0px;
	transform: rotate(-45deg);
	background:#fff;
}

/*내비게이션*/
.nav{
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	background:#0c2148;
	z-index:98;
	transition:all 1s;
}
.nav> li> a{
	font-family: 'NanumSquare', sans-serif;
	color:#fff;
	font-weight:500;
	font-size:28px;
	text-transform:uppercase;
	display:block;
	margin:50px 150px 20px 85px;
	border-top:3px double #c79f2d;
	padding-top:10px;}

.nav_on{
	right:0;
}
.nav_sub li a{
	font-size:18px;
	color:#fff;
	line-height:28px;
	margin:0 100px;
}
.nav_sub li a:hover{color:#ffcf4d;}
@media (min-width:768px){
	.total{display:none;}
}
@media (max-width:767px){
	.total{display:block;}
	.nav{width:100%;
		height:100%;
		padding-top:40px;
	}
}
@media(max-width:375px){
	.nav> li> a{margin:50px 100px 20px 60px;}
	.nav img{padding:0 0 20px 60px !important;
		width:50%;}
}

.menu .nav_sub{display:none;}
.menu a{cursor:pointer;}
.nav img{padding:0% 0 20px 85px;
	display:block;}

.nav p{color:#fff;
	padding:5px 8px;
	border:2px solid #c79f2d;
	display: inline-block;
	margin-top: 20px;
	transition:0.5s all;}
.nav a{margin-left: 85px;}
.nav p:hover{background: #c79f2d; }




/*footer*/
#footer{background:#0c2148;
	color:#ccc;
	font-size:14px;
	text-align:center;
	padding:60px 0;}
#footer p{word-break:keep-all;}
/*mobile_footer*/
@media(max-width:767px){
	#footer{font-size:11px;
		line-height:16px;
		padding:4% 0;}
}
@media(max-width:425px){
	#footer {font-size:2vw;}
}




	/*서브페이지*/
/*top PC*/
.top{width:100%; height:300px;
	padding-top:100px;

	position:relative;
	box-sizing:content-box;}
.top h1{font-size:46px; font-weight: 600;
	color:#333;
	position:absolute;
	top:65%;
	left:50%;
	transform:translate(-50%, -50%);}
.top.bg_company{background:#f3e1cf url(../img/common/line1.png) no-repeat 93% 150px;}
.top.bg_product{background:#f3e1cf url(../img/common/line2.png) no-repeat 110% 125px;}
.bg_support{
	height: 300px;
	background:#88c5cc;
}
.bg_support h1{
	font-size: 35px;
	color: #fff;
	text-align: center;
	padding-top: 182px;
}

/*top 모바일_공통*/
@media(min-width:768px) and (max-width:1629px){
	.top h1{font-size:40px;}
	/*top 모바일_제품소개*/
	.top.bg_product{background:#f3e1cf url(../img/common/line2.png) no-repeat 120% 125px;}
}
@media(max-width:767px){
	.top{height:150px;
		padding-top:100px;}
	.top h1{font-size:25px;
		top:69%;}
	/*top 모바일_회사소개*/
	.top.bg_company{background:#f3e1cf url(../img/common/line1.png) no-repeat 93% 118px;
		background-size:150px;}
	/*top 모바일_제품소개*/
	.top.bg_product{background:#f3e1cf url(../img/common/line2.png) no-repeat 4% 140px;
		background-size:250px;}
}
@media(max-width:489px){
	/*top 모바일_회사소개*/
	.top.bg_company{background:#f3e1cf url(../img/common/line1.png) no-repeat 104% 140px;
		background-size:120px;}
}
@media(max-width:450px){
	/*top 모바일_제품소개*/
	.top.bg_product{background:#eaded1 url(../img/common/line2.png) no-repeat -30% 140px;
		background-size:250px;}
}

/*게시판*/
#wrap.board div.title{
	text-align: center;
	padding: 80px 0 40px;
}
#wrap.board div.title h1{
	font-size: 35px;
	padding-bottom: 20px;
}
#wrap.board div.title p{
	font-size: 15px;
	color: #0066ff;
	font-weight: 600;
}