/*헤더*/
/* #header { background:#E6E8E8; height:60px; position:fixed; top: 0; left: 0; width: 100%; z-index: 999; } 
 */

 /*헤더*/
 .logo a{width:92px;}
 .logo img{width:100%; height:auto;}
.menu_open { overflow-y: hidden; } 
.h_menu { position: fixed; left: 0; top:0; width: 100%; height: 9rem; z-index: 1040; background: #fff;border-bottom: 1px solid #e3e3e3; } 
.h_menu>div { width: 100%; margin: 0 auto; } 
.h_menu .logo { margin-right:3.7rem; } 
.h_menu .navbar-toggler {     
    color: #fff;
    font-size: 20px;
    width: 28px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background: #0AB28E;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
} 
.h_mypg { width: 106px; height: 32px; background: transparent; font-size: 1.3rem; border: 1px solid #fff; color: #fff; display: flex; justify-content: center; align-items: center; margin-left: 40px; font-family: 'futuraStd'; flex-shrink: 0; } 
.h_mypg:hover { color: #fff; background: #181818; } 
.h_mypg span { margin-top: 1px; } 
.h_login { font-size: 1.3rem; font-family: 'futuraStd'; background: transparent; color: #fff; border: 0; margin-left: 100px; padding: 6px 14px; } 

.h_button button{width:120px;}

.h_button{display: flex; align-items: center;}

/*pc메뉴*/
#pc_menu{display: flex; justify-content: space-between;}
#pc_menu .navbar-nav { flex-direction: row;} 
#pc_menu .close_btn_wr { display:none !important; } 
#pc_menu .nav-item{
    padding: 0 3rem;
}
#pc_menu .nav-link {
    font-weight: 500;
    /* padding: 0 2.5rem; */
    height: 9rem;
    font-size: 1.8rem;
    line-height: 90px; 
} 
#pc_menu .dropdown-menu {
	position: absolute;
    border-radius: 2rem;
    min-width: 10rem;
    padding: 2rem 3rem;
    border: 0;
    font-size: 1.6rem;
    border: 0;
    margin: 0;
}
#pc_menu .dropdown-menu.show {
    left: 50% !important;
    transform: translate(-50%,90px) !important;
    box-shadow: 0 6px 20px rgb(18 155 112 / 16%);
} 
#pc_menu .navbar-nav .dropdown .dropdown-item {
	border: 0;
	font-weight: 500;
	font-size: 1.6rem;
    color: #3A3939;
    background: none;
    padding: 0;
	margin-bottom: 1rem;
    text-align: center;
}
#pc_menu .navbar-nav .dropdown .dropdown-item:hover{
    color: var(--main);
}




/*모바일메뉴*/
#m_menu .sns_btn_wr { display: none; } 
#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: 300px; transform: translateX(100%); } 
#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; transform: translateX(0%); padding-bottom: 50px; overflow-y: scroll;} 
#m_menu .navbar-bg { position: fixed; top: 0; right:0; bottom: 0; background: rgba(29,29,29,0.2); 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%; margin-top: 2rem;} 
#m_menu .navbar-nav .nav-link { padding: 0rem 3rem; font-size: 1.8rem; width: 100%; margin: 0 auto; font-weight: 600; margin-bottom: 3rem; padding-top: 1rem; display: flex; justify-content:space-between;}
/* #m_menu .navbar-nav .nav-link:hover{color: var(--main);}  */
.m_menu_logo { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; padding-bottom: 0; } 
#m_menu .navbar-collapse .close_btn { border: 0; background: var(--main); border-radius: 50%; color: #fff; width: 3.6rem; height: 3.6rem; display: flex; align-items: center; justify-content: center;} 
#m_menu .navbar-collapse .arrow { display:block; } 
#m_menu .h_button{display: none;}
#m_menu .dropdown-menu.show{position: relative !important; transform: translate(0) !important; border: 0; padding: 0 3rem; margin: 0;}
#m_menu .dropdown-menu.show .dropdown-item{font-size: 1.6rem; font-weight: 400; margin-bottom: 2rem; padding: 0;}
/* #m_menu .dropdown-menu.show .dropdown-item:hover{color: var(--main); background: transparent;} */
#m_menu .h_button2 .navbar-nav .nav-link{padding: 0 2rem; margin-bottom: 2rem;}
#m_menu .h_button2 .dropdown-menu.show{padding: 0 2rem;}
#m_menu .dropdown-item:focus, .dropdown-item:hover{background: transparent; color: #3B4047;}






/*반응형 max 1200 xl*/
@media (max-width: 1199.98px){
 .h_menu { height: 60px; } 
 .h_mypg{height: 25px;}

 .logo{width:66px;}
 .m_menu_logo{height: 60px;}
 #m_menu .h_button{display: flex; flex-flow: column; padding: 2rem 2rem 3rem; width: 100%; border-bottom: 1px solid #EAEAEA;}
 #m_menu .h_button2{flex-flow: column-reverse; background: #ECEFEE;}
 #m_menu .h_button .btn{width: 100%;}
 #m_menu .dropdown-menu{background: transparent;}

 }

/*반응형 max 992px lg*/
@media (max-width: 991.98px) { /*헤더*/

}


/*반응형 max 767px md*/
@media (max-width: 767.98px) {
    .h_mypg{margin-left: 20px; font-size: 1rem; height: 18px; width: 76px;}
    .h_btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-left: 0; font-size: 1.2rem;}
    /* .m_menu_logo{padding: 20px; padding-bottom: 0;} */
    /* #m_menu .navbar-collapse.show { width: 80%;} 
    #m_menu .navbar-nav{margin-top: 0;}
    #m_menu .navbar-nav .nav-link{width: 105px; font-size: 1rem;} */
 } 


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

 }


@media (max-width:380px) {
    
 }