@charset "utf-8";



/* skip */
#top_skip {
	display:block;
	background:#fff;
	position:fixed;
	left:0; top:0;
	z-index:99999999;
}
#top_skip a {
	position:relative;
	display:block;
	width:120px;
	line-height:35px;
	text-align:center;
	background:#333;
	color:#fff;
	font-size:12px;
	height:0;
	overflow:hidden;
}
#top_skip a:focus {
	height:35px;
	border:2px solid #005983;
}

/* header */
.logo {
	text-align: center;
	padding-top: 50px;
}
.header-login {
	border: 1px solid #fff;
	border-radius: 0 18px;
	color: #fff;
	width: 170px;
	text-align: center;
	margin: 40px auto 25px;
}
.header-login li a {
	font-size: 15px;
	font-weight:300;
	display: inline-block;
	line-height: 40px;
	color: #fff;
}
.header-login li span {
	margin: 0 5px;
	font-size: 14px;
	    opacity: 0.6;
}
.gnb > li {
	padding: 20px 0;
	position: relative;
}
.gnb > li > a {
	display: block;
	font-size: 20px;
	color: #fff;
	font-weight: 500;
	letter-spacing: -0.3px;
	padding: 0 45px;
}
.gnb > li.is-active > a:after {
    content: '▶';
    color: #fff;
    font-size: 8px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 10px;
    opacity: 0;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
}
.gnb > li.on > a:after {
	opacity: 1;
}
.gsnb {
	position: absolute;
	left: 100%;
	top: 0;
	opacity: 0;
	width: 230px;
	visibility: hidden;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
}
.gnb > li.on .gsnb {
	opacity: 1;
	visibility: visible;
}
.gsnb li a {
	display: block;
	padding-left: 50px;
	line-height: 55px;
	font-size: 18px;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
}
.gsnb li a:hover {
	background: #ebf7ff;
	padding-left: 65px;
}
.gsnb-bg {
	background: #fff;
	left: 100%;
	top:0;
	bottom: 0;
	width: 0;
	position: absolute;
	opacity: 0;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
}
.gsnb-bg.on {
	opacity: 1;
	width: 230px;
}
.copy {
	opacity: 0.7;
	color: #fff;
	border-top: 1px solid #fff;
	padding: 20px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/* lnb */
.lnb-wrap {
	font-size:0;
}
.lnb-wrap > div {
	displaY: inline-block;
	vertical-align: top;
	font-size: 14px;
}
.lnb-wrap > div:last-child > a:after {
	display: none;
}
.lnb-wrap > div > a {
	position: relative;
	padding: 0 15px 24px;
} 
.lnb-wrap > div > a:after {
	content: '';
	background: #e4e4e4;
	height: 15px;
	width: 1px;
	position:absolute;
	top: 4px;
	right: 0;
} 
.lnb-wrap .home a {
	color: #888;
	font-family:'poppins' ;
	padding-left: 0;
}
/* .lnb-wrap .bar {
	color: #e4e4e4;
	margin: 0 10px;
} */
.lnb {
	position: relative;
}
.lnb > a {
	display: block;
} 
.lnb > a .arw {
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	width: 0px;
	height: 0px;
	border-bottom: 0;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	border-top: 5px solid #333;
	background: none;
	margin-left: 10px;
}
.lnb-box {
	background: #fff;
	position: absolute;
	top: 35px;
	left: 0;
	width: 160px;
	border: 1px solid #000;
	box-sizing: border-box;
	padding: 20px 15px;
	display: none;
	z-index: 9;
}
.lnb-box li {
	margin-bottom: 15px;
}
.lnb-box li:last-child {
	margin-bottom: 0;
}
.lnb-box li a {
	display: block;
	line-height: 1.4;
	color: #777;
	font-size: 14px;
}
.lnb-box li a:hover {
	color: #0076c0;
}
.sub-title {
	font-size: 70px;
	letter-spacing:1.25px;
	font-weight: 700;
	line-height: 1;
	margin: 25px 0 60px;
}
.board-wrap > .clearfix > .float-l {
	margin-top: 7px;
}