/*헤더*/
.h_menu {
    position: fixed;
    left: 0;
	top:0;
    width: 100%;
    height: 8.0rem;
    background: #fff;
	border-bottom: 1px solid #e3e3e3;
    z-index: 1040;
}
.h_menu .logo{margin-right:3.7rem;}
.h_menu .navbar-toggler {
    padding: 0;
    display: block;
    cursor: pointer;
}

/*pc메뉴*/
#pc_menu .navbar-nav{flex-direction: row;}
#pc_menu .close_btn_wr{display:none !important;}
#pc_menu .navbar-nav .dropdown-toggle::after{display:none;}
.nav-item span{position: relative;}
.nav-item.active span{font-weight: 700;}
.nav-item.active span::after{position: absolute; content: ''; display: block; width: 100%; height: 9px; background: #FFE206; top: 55%; left: 0; z-index: -1;}
.nav-item span::before{position: absolute; content: ''; display: block; width: 0; height: 9px; background: #FFE206; top: 55%; left: 0; z-index: -1; transition: all 0.4s ease;}
.nav-item:hover span{font-weight: 700;}
.nav-item:hover span::before{position: absolute; content: ''; display: block; width: 100%; height: 9px; background: #FFE206; top: 55%; left: 0; z-index: -1;}
#pc_menu .nav-link {
    font-weight: 400;
    color: #000;
    padding: 2rem 1.8rem;
    height: 8rem;
    display: flex;
    align-items: center;
}
#pc_menu .dropdown-menu {
	position: absolute;
    min-width: 10rem;
    padding: 1.5rem 0;
    border: 1px solid #e3e3e3;
    border-radius: 0.7rem;
    font-size: 1.6rem;
	margin: -1px 0 0;
}
.hd_a_ic img{width: 3.8rem;}

/*모바일메뉴*/
#m_menu .navbar-collapse {
	position: fixed;
	right:0;
	top: 0;
	bottom: 0;
	background: #fff;
	z-index: 1070;
	transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	visibility: hidden;
	opacity: 0;
	width: 100%;
	max-width: 0px;
}
#m_menu .navbar-collapse.show {
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    visibility: visible;
    opacity: 1;
    width: 100%;
    max-width: 300px;
    right: 0;
}
#m_menu .navbar-bg {
	position: fixed;
	top: 0;
	right:0;
	bottom: 0;
	background: rgba(0,0,0,0.6);
	visibility: hidden;
	transition:all .2s linear;
	-o-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear;
	width: 100%;
	z-index: 1060;
	opacity: 0;
}
#m_menu .navbar-bg.show{
	visibility: visible;
	opacity: 1;
	width: 100%;
	transition:all .2s linear;
	-o-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-webkit-transition: all 0.2s linear;
}
#m_menu .navbar-nav{width:100%;padding: 1rem 0;font-weight: bold;}
#m_menu .navbar-nav .nav-link {padding: 1.0rem 2.0rem;}
#m_menu .navbar-collapse .close_btn {
	width: 50px;
	height: 40px;
	border: 0;
	background: transparent;
	font-size: 32px;
}
#m_menu .navbar-nav .dropdown{position:relative;}
#m_menu .navbar-nav .dropdown .arrow {
	position: absolute;
	right: 2.0rem;
	top: 2.0rem;
}
#m_menu .navbar-nav .dropdown .dropdown-menu {
	border-radius: 0;
	padding: 0;
	top: 0;
	border: 0;
	border-bottom: 1px solid #e3e3e3;
	background: #F0F4F7;
	margin: 0;
	width: 100%;
	position: static !important;
	transform: translate(0) !important;
}
#m_menu .navbar-nav .dropdown:hover .dropdown-menu { display: none;text-align:left;margin-left: 0;}
#m_menu .navbar-nav .dropdown .dropdown-item {
	padding: 1.5rem 2rem;
	border: 0;
	font-weight: 500;
	border-bottom: 1px solid #e3e3e3;
	font-size: 1.6rem;
}
#m_menu .navbar-nav .dropdown .dropdown-item:last-child{border:0;}
#m_menu .navbar-collapse .arrow{display:block;}


#m_menu .navbar-nav .dropdown .dropdown-toggle[aria-expanded="true"]::after{
	transform: rotate(180deg);
	transition: all 0.2s ease;
}

.ft {background: #fff; border-top: 1px solid #EAECF1;}
.ft_left{}
.ft_info{font-size: 1.4rem;}
.ft_info span{padding-right: 25px;}
.ft_right{text-align: right; font-size: 1.2rem;}


/* 고정 버튼들 */
.fxd_btn_wr {position: fixed; bottom: 40px; right: 20px; display: flex; flex-direction: column; z-index: 2000;}
.fxd_btn_wr .btn{width: 62px; height: 62px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 0 15px rgba(0,0,0,0.09); padding: 0; font-size: 1.1rem; color: #fff;}
.fxd_btn_wr .btn:hover{background: #FFE206; color: #222;}
.fxd_btn_wr .fxd_btn{justify-content: flex-end !important; padding-bottom: 7px; background: #fff; color: #222;}
.fxd_btn_wr .fxd_btn img{width: 22px;}





/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {
#pc_menu .nav-link {    font-size: 16px;
    padding: 2rem 1.3rem;}
}

/*반응형 max 992px lg*/
@media (max-width: 991.98px) {
	/*헤더*/
	.h_menu {
		height: 6rem;
	}
	.h_menu .logo{margin-right:0;}
	.h_menu .logo img{height:1.8rem; height: 3.6rem;}
	.h_menu .navbar-toggler{width:3.0rem;}
	.hd_a_ic img{width: 3.0rem;}
	#m_menu .navbar-nav .dropdown .dropdown-menu {left: 5px !important;}
}


/*반응형 max 767px md*/
@media (max-width: 767.98px) {
	.ft .ft_left{margin-bottom:2.0rem;}
	.ft_right{text-align: left;}
}


/*반응형 max 576px sm*/
@media (max-width: 575.98px) {

#m_menu .navbar-collapse{}
#m_menu .navbar-bg{}

#m_menu .navbar-collapse {
	transition: all .35s linear;
	-o-transition: all .35s linear;
	-moz-transition: all .35s linear;
	-webkit-transition: all .35s linear;
}
#m_menu .navbar-collapse.show{
	transition:all .35s linear;
	-o-transition:all .35s linear;
	-moz-transition:all .35s linear;
	-webkit-transition: all .35s linear;
}
}


@media (max-width:380px) {
	body{font-size: 1.4rem;}
	
}