@charset "utf-8";
/*********************header.css*********************/
#header{
	position:fixed;
	z-index:1000;
	top:0;
	left:0;
	width:100%;
	transition-duration:0.3s;
	background: rgba(255, 255, 255, 0.4);
}

#header.fixed{
	box-shadow:0 3px 3px 0 rgba(0,0,0,0.15);
	background:#fff;
}


#header.fixed .add_menu_wrap a{color:#333 !important;}  /*마우스 스크롤 내렸을때 주메뉴 컬러 처리*/
#header:before, #header:after{
	content:'';
	display:table;
	clear:both;
}

.header_mxwidth{
	position:relative;
	z-index:200;
	max-width:1845px;
	height:100%;
	margin:0 auto;
	zoom:1;
	padding:0px 15px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}





/*.header_mxwidth:before, .header_mxwidth:after{
	content:'';
	display:table;
	clear:both;
}*/

.header_logo_wrap{
	float:left;
	margin:0px 20px 0px 0;
	transition-duration:0.4s;
}

#header.fixed .header_logo_wrap{ margin:0px 20px 0px 0; }

#header.fixed .normal{
	display:none;
}

#header.fixed .shrink{
	display:block;
}

.header_logo_wrap .normal{display:block;}
.header_logo_wrap .shrink{display:none;}

.header_logo_wrap:before, .header_logo_wrap:after{ content:''; display:table; clear:both; }

.header_logo_wrap img{
	float:left;
	max-height:70px;
	width:auto;
}

.header_logo_wrap a{
	font-family:'Abril Fatface', 'bb';
    font-size: 30px;
    font-weight: 400;
    line-height:1em;
    display:block;
    letter-spacing:2px;
}

#header_menu_wrap{
	float:right;transition:right 0.4s;right:0px;display:block;position:relative;
}


@media( max-width:991px ){
	.header_logo_wrap .normal{display:none;}
	.header_logo_wrap .shrink{display:block;}
	nav#header_menu_wrap{ float:left; }
	#header{ text-align:center; }
	.header_logo_wrap, #header.fixed .header_logo_wrap{ margin:0; display:inline-block; float:none; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition-duration:0s; }
	.header_logo_wrap img{ max-height:50px; }
	.header_mxwidth{ padding:5px 0; }
	.pc_gnb{ display:none; } /*상단메뉴숨김 처리*/
	.add_btn_wrap{display:none;}
	
}

/*********************add_menu.css*********************/
nav#header_menu_wrap ul.add_menu_wrap{
	padding:0 8px;
}
nav#header_menu_wrap ul.add_menu_wrap li{
	float:left;
	line-height:100px;
	font-size:20px;
	padding:0 7px;
	transition-duration:0.4s;
}

#header.fixed nav#header_menu_wrap ul.add_menu_wrap li{ line-height:60px; }

.add_menu a{
	cursor:pointer;
	color:#888;
}


/*회원로그인창*/
.member_btn_link{
	float:left;
}

.member_btn_link:hover{
	cursor:pointer;
}

.add_menu a .member_btn{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	width:24px;
	height:2px;
	background-color:#888;
	transition-duration:0.3s;
}

.add_menu a .member_btn:before{
	content:'';
	width:24px;
	height:2px;
	background-color:#888;
	position:absolute;
	top:-7px;
	left:0;
	transition-duration:0.4s;
}

.add_menu a .member_btn:after{
	content:'';
	width:24px;
	height:2px;
	background-color:#888;
	position:absolute;
	top:7px;
	left:0;
	transition-duration:0.4s;
}

.add_menu a.spreaded .member_btn{
    background-color: transparent;
    height: 24px;
    border: 2px solid #888;
    border-radius: 100%;
}

.add_menu a.spreaded .member_btn:before{
	top: calc(50% - 1px);
    transform: rotate(225deg);
    width: 14px;
    left: calc(50% - 7px);
}

.add_menu a.spreaded .member_btn:after{
	transform:rotate(315deg);
    top: calc(50% - 1px);
    width: 14px;
    left: calc(50% - 7px);
}

.add_menu a.spreaded .admin_icon{
	vertical-align:middle;
}

@media( max-width:991px ){
	nav#header_menu_wrap ul.add_menu_wrap li, #header.fixed nav#header_menu_wrap ul.add_menu_wrap li{ line-height:50px; }
}