@charset "utf-8";

/* .header .container{
	max-width: 1280px;
} */

.top_notice {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #48a63e;
}

.top_notice h1 {
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	margin-right: 40px;
	line-height: inherit;
}
.top_notice h1::before {
	content: "";
    border-left: 2px solid #fff;
    margin-right: 10px;
}

.top_notice p {
	float: left;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
}
.top_close {
	float: right;
	font-size: 14px;
	color: #fff;
}
.top_close input {
	margin-right: 5px;
	border: none;
	
}
.top_close label {
	color: #fff;
}
input[id="chk_close"] {
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 1px solid #bcbcbc;
	cursor: pointer;
	background-color: #fff;
}

.navbar {
	padding: 1rem;
}

.bg_white {
	display: block;
	background-color: #fff;
	border-bottom: 1px solid #bbb;
}
.nav-link {
	padding: 10px 0;
}
.nav-item a:hover {
	color: #48a63e;
}

.nav_member {
	position: relative;
	right:-15px;
}
.pc_nav_member {
	position: absolute;
	right:50px;
}
.mo_nav_member.nav_member {
	display: none;
}
.nav_member li {
	position: relative;
	margin-right: 26px;
	display: inline-block;
}
.nav_member li:last-of-type {
	margin-right: 0;
}
.nav_member li::after {
	content: '';
	display: block;
	position: absolute;
	top:4px;
	right:-15px;
	width: 1px;
	height: 10px;
	background-color: #e5e5e5;
}
.nav_member li:last-of-type::after {
	display: none;
}
.nav_member a {
	display: block;
	color: #242424;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.02em;
}
.nav_member a .text_primary {
	color: #48a63e;
}

.sns_icon li {
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50%;	
	text-align: center;
	margin-right: 15px;
}

.sns_icon li:first-child {
    background: url('/img/header/insta_bg.jpg') center no-repeat;
    background-size: contain;
}

.sns_icon li:last-child {
	margin-right: 0;
    background-color: #38529a;
}

.sns_icon li a {
	display: block;
}

.sns_icon i {
	color: #fff;
	line-height: 33px;
}


.navbar-expand-lg .navbar-nav .nav-link {
	font-size: 17px;
	padding-right: 30px;
}

.navbar-toggler {
	padding: .25rem 0.5rem;
}
.navbar-toggler span {
	width: 20px;
    height: 1px;
    background-color: #242424;
    display: block;
	margin-bottom: 6px;
}
.navbar-toggler span:last-child {
	margin-bottom: 2px;
}
.navbar-expand-lg .navbar-nav {
	padding-right: 35px;
}
/* 반응형 */
@media(min-width: 991px) {
	.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0;
	}
}

@media (max-width:1540px) {
	.navbar-expand-lg .navbar-nav {
		order:0;
	}
	.header .navbar .sns_icon {
		position: relative;
		right:30px;
		order:1;
	}
	.pc_nav_member.nav_member {
		position: relative;
		right: 0px;
		order:2;
	}
}

@media (max-width:1200px) {
	.navbar-expand-lg>.container {
		width: 100%;
		max-width: 1200px;
	}
}
@media (max-width: 992px) {
	.navbar {
		padding: 0;
	}
	.navbar-brand {
		padding: 1em;
	}
	.navbar-toggler {
		margin: 0 0.8em;
	}
	.navbar-nav.mg_auto {
		padding: 0 1em;
	}
	.navbar-nav li:first-child {
		margin-top: 0px;
	}
	.navbar-expand-lg .navbar-nav {
		position: relative;
		top:0px;
		order:2;
	}


	.nav-item {
		padding: 10px 0;
		border-bottom: 1px dashed #eee;
	}
	.nav-link:hover {
		color: #349c29;
	}

	.dropdown-menu {
		border: none;
		background: #f5f5f5;
	}
	.dropdown-menu.show {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.dropdown-item {
		padding: 10px 20px;
	}

	.dropdown-toggle::after {
		float: right;
		margin-top: 5px;
		margin-right: -10px;
	}


	.pc_nav_member.nav_member {
		display: none;
	}
	.mo_nav_member.nav_member {
		display: block;
		position: relative;
		right: 0;
		margin: 0;
	}
	.nav_member {
		padding: 30px 20px 20px;
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
	}
	.nav_member li.nav-item {
		padding: 0;
		border-bottom: 0px;
		margin-right: 5px;
		margin-bottom: 10px;
	}
	.nav_member li:after {
		display: none;
	}
	.nav_member a {
		display: block;
		font-size: 15px;
		border: 1px solid transparent;
		padding: 10px 16px;
	}
	.nav_member .nav-login a {
		border-color: #349c29;
		background-color: #349c29;
		color: #fff;
	}
	.nav_member .nav-login a:hover,
	.nav_member .nav-login a:focus {
		border-color: #319226;
		background-color: #319226;
		color: #fff;
	}
	.nav_member .nav-join a {
		border-color: #e1e1e1;
		background-color: #fff;
		color: #1d1d1d;
	}
	.nav_member .nav-join a:hover,
	.nav_member .nav-join a:focus {
		border-color: #349c29;
		background-color: #349c29;
		color: #fff;
	}
	.nav_member .nav-mypage {
		max-width: 80%;
		max-width: calc(100% - 105px);
	}
	.nav_member .nav-mypage a {
		border-color: #e1e1e1;
		background-color: #fff;
		color: #1d1d1d;
		width: auto;
	}
	.nav_member .nav-mypage a:hover,
	.nav_member .nav-mypage a:focus {
		background-color: #eee;
	}
	.nav_member li.nav-item.nav-logout {
		margin-right: 0px;
	}
	.nav_member .nav-logout a {
		border-color: #349c29;
		background-color: #349c29;
		color: #fff;
	}
	.nav_member .nav-logout a:hover,
	.nav_member .nav-logout a:focus {
		border-color: #349c29;
		background-color: #fff;
		color: #349c29;
	}
	.header .navbar .sns_icon {
		padding: 20px 18px 40px;
		right: 0;
		left:0;
	}
}
@media(max-width: 767px) {

	.top_notice {
		height: 80px;
	}
	.top_notice h1 {
		margin-right: 20px;
	}

	.top_notice p {
		width: 240px;
		height: 40px;
	}

	.top_close {
		margin-top: -15px;
	}
	

	
	
	
	.navbar-brand img {
		height: 25px;
	}
	
}