/*헤더*/

#hd .logo a .img_logo{display:block;}
#hd .logo a .main_logo{display:none;}
#hd  .search_btn .main{display:none;}
#hd .navbar-nav .nav-link {
    color: #222;
    padding: 3.5rem 2.15rem;
    font-weight: 600;
    font-size: 1.8rem;
}
#hd .navbar-nav .nav-link:hover,#hd .navbar-nav .nav-link:focus{ color: #73AF17;}
#hd .navbar-nav .dropdown-toggle::after{display:none;}
#hd .navbar-nav .dropdown .dropdown-menu{border-radius: 0;padding: 0;left: 50%;font-size: 1.6rem;margin-top: 1px;border: 0;}
#hd .navbar-nav .dropdown .dropdown-menu.show{display: none;}
#hd .navbar-nav .dropdown .dropdown-menu .dropdown-item {
    color: #fff;
    padding: 1rem;
    font-size: 1.8rem;
}
#hd .navbar-nav .dropdown .dropdown-menu{
    display: none;
    margin-left: 0;
    text-align: center;
    background: #6E803D;
    padding: 1rem 3rem;
    transform: translateX(-50%);
}
#hd .navbar-nav .dropdown:hover .dropdown-menu {
    display: block;
    margin-left: 0;
    text-align: center;
    background: #6E803D;
    padding: 1rem 3rem;
    transform: translateX(-50%);
}
#hd .dropdown-item:focus, .dropdown-item:hover {
    color: #73AF17;
	background:transparent;
}
#hd .navbar-collapse .close_btn{display:none;}
#hd .navbar-collapse .leftlogo{display:none;}
#hd .navbar-collapse .arrow{display:none;}


#hd .top_manu ul, #hd .top_manu li, #hd .top_manu .tc_link{display:inline-block;}
#hd .top_manu .tc_link {
    border: 3px solid #73AF17;
    color: #73AF17;
    border-radius: 30px;
    padding: 1.3rem 2.5rem;
    font-weight: 700;
}
#hd .top_manu li {
    display: inline-block;
    border: 1px solid #9EAA68;
    background: #fff;
    border-radius: 5rem;
    padding: 0.9rem 1.9rem 0.9rem 2rem;
    cursor: pointer;
}
#hd .top_manu li a {
    display: inline-block;
    padding: 0 0.75rem;
    line-height: 100%;
    font-size: 1.5rem;
    color: var(--main);
}
#hd .top_manu li:last-child a{border-right:0;}
#hd .ic_find{
	width: 30px;
	height: 30px;
	background: url(../img/top_icon.png)no-repeat;
	background-position: top left;
}
.logo a {
    padding: 0;
}
.top_manu {
    padding-left: 1.85rem;
}
/*로그인모달*/
.log_modal {
    max-width: 50rem;
}
.log_modal .modal-header {
    display: block;
    margin-bottom: 3rem;
}
.log_modal .modal-header button.close {
    float: none;
    display: inherit;
}
.close i {
    font-size: 1.7rem;
}
.find_log {
    font-size: 1.5rem;
    color: #A2A2A2;
}
.find_log a {
    color: #A2A2A2;
}
#login_tab {
    margin-top: 4rem;
}
#unlog_tab {
    margin-top: 4rem;
}
.log_tabs .nav-link {
    padding: 1.5rem 1rem;
}

.log_tabs.nav-tabs .nav-item.show .nav-link, .log_tabs.nav-tabs .nav-link.active {
    color: #222;
    border-color: #8CB446 #E3E3E3 #fff;
    border-top: 2px solid #8CB446;
}
.head_cart {
    padding: 0.9rem !important;
}
/*메인에서 메뉴변경*/
.idx #hd{background-color: transparent !important;}
.idx #hd .logo a .img_logo{display:none;}
.idx #hd .logo a .main_logo{display:block;}
.idx #hd  .search_btn .main{display:block;}
.idx #hd  .search_btn .sub{display:none;}
.idx #hd .navbar-nav .nav-link {color: #222;}
.idx #hd .top_manu li a{color:#9EAA68;}
.idx #hd .top_manu .tc_link {border-color:#fff;color: #fff;}
.idx #hd .ic_find{background: url(../img/top_icon.png)no-repeat;background-position: 0 -43px;}
.idx .top_pd{padding:0;}
.idx #hd .top_manu strong{color:#fff;}
.idx #hd .top_manu .tc_link.bg-primary{background-color: #07a1ff !important;}
.idx .dropdown-menu {
    background-color: #fff;
}
.idx .dropdown-menu .dropdown-item {
    color: #222;
}
.idx .dropdown-menu .dropdown-item:hover,.idx .dropdown-menu .dropdown-item:focus{
    color: #73AF17;
    }
.idx #hd .navbar-nav .nav-link:hover,.idx #hd .navbar-nav .nav-link:focus {
    color: #73AF17;
}
.idx  #hd.change {
    background-color: #fff !important;
}
.ft {
    background: #414143;
    padding: 3.5rem 0 3rem;
    color: #fff;
    font-size: 1.6rem;
    border-top: 0;
    border-top: 1px solid #e3e3e3;
}
.ft_in p {
    line-height: 154%;
}
.ft_txt {
    width: 75rem;
}
.ft_tit {
    opacity: 0.7;
    font-weight: 600;
    margin-bottom: 2rem;
    font-size: 1.6rem;
}
    .ft_lnk{}
.ft_lnk a {
    display: block;
}
    .ft a{cursor: pointer;}
.ft_in{display: flex;justify-content: space-between;}

.copyright{color: #888;width: 100%;padding-top: 2rem;font-weight: 300;
display: block;
}

.ft_sns i {
    padding-right: 1.8rem;
}



/* 퀵버튼 */
.quick_btn {
    background: transparent;
    border: 0;
    width: 8.3rem;
    height: auto;
    margin-bottom: 0.7rem;
    margin-top: 2rem;
}
.quick_ul{width: 9rem; padding-top: 4rem; background: #fff; border-radius: 500px; border: 1px solid #E3E3E3; overflow: hidden;}
.quick_ul li:not(:last-child){margin-bottom: 2.5rem;}
.quick_ul a{text-align: center; font-size: 1.2rem; display: flex; flex-flow: column; align-items: center;}
.quick_close{font-size: 1.3rem; font-weight: 300; color: #A2A2A2; padding-top: 0.9rem; padding-bottom: 1.5rem; background: #F5F5F5; border-top: 1px solid #E3E3E3;}
.quick_ul a img{margin-bottom: 1rem;}
.ic_quick1{width: 3rem;}
.ic_quick2{width: 2rem;}
.ic_quick3{width: 2.6rem;}
.ic_quick4{width: 2.8rem;}
.ic_quick5{width: 3.5rem;}

/* 탑버튼 */
.top_btn_wr{position: fixed; bottom: 3.4rem; right: 1.3rem; z-index: 100; width: 9rem; display: flex; flex-direction: column; align-items: center;}
.top_btn_wr .top_btn{width: 6.3rem; height: 6.3rem; background: #fff; border:1px solid var(--main); border-radius: 50%; display: flex; align-items: center; justify-content: center;}



/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {

	#hd .navbar-nav .nav-link {padding: 3.5rem 0.94rem;}
.ft_txt{width:auto;}
}

   /*반응형 max 992px lg*/
   @media (max-width: 991.98px) { 
    #hd .logo {
    /* margin: 0 auto; */
    display: flex;
    align-items: center;
    justify-content: left;
}
    #hd .logo .navbar-brand{margin: 0;}
   
    #hd .navbar-nav .nav-link {
        padding: 2rem;
        font-size: 1.6rem;
    }
    .idx #hd {background-color: #fff !important;}
#hd {
    padding: 0 !important;
}
    .idx #hd .logo a .img_logo{display: block;}
    .idx #hd .logo a .main_logo{display: none;}
    /*모바일메뉴*/
  
#hd .top_manu {
    padding-left: 0;
}
	
	#hd .top_manu li strong{font-size:2.5rem;font-family: 'NanumSquareRound',sans-serif;color:#222;font-weight:800;}
	#hd .top_manu ul{display:block;}
	#hd .top_manu ul li {
    text-align: center;
    width: 100%;
    border: 0;
    border-radius: 0;
    padding: 0;
	background: var(--main);
}
#hd .top_manu li a {
    display: block;
    padding: 2rem;
	color:#fff}

	#hd .top_manu .tc_link{display:block;text-align:center;}
	#hd .navbar-collapse {
		position: fixed;
		right: -100%;
		top: 0;
		bottom: 0;
		max-width: calc(100% - 100px);
		background: #fff;
		z-index: 11;
		transition: all .3s linear;
		-o-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-webkit-transition: all .3s linear;
		width: 80%;
	}
	#hd .navbar-toggler {
		width: 7rem;
		height: 3rem;
		background: url(../img/menu_icon.svg)no-repeat;
		background-position: center;
        padding: 2.4rem 0;
	}

	#hd .navbar-collapse.show{right: 0;
		transition:all .3s linear;
		-o-transition:all .3s linear;
		-moz-transition:all .3s linear;
		-webkit-transition:all .3s linear;
	}
	#hd .navbar-bg {
		width: 100%;
		position: fixed;
		z-index:-10;
		top: 0;
		left:0;
		bottom: 0;
		background: rgba(0,0,0,0.6);
		display:none;
		transition:all .3s linear;
		-o-transition:all .3s linear;
		-moz-transition:all .3s linear;
		-webkit-transition:all .3s linear;
	}
	#hd .navbar-bg.show{
		display:block;
		z-index:10;
		transition:all .3s linear;
		-o-transition:all .3s linear;
		-moz-transition:all .3s linear;
		-webkit-transition:all .3s linear;
	}
	#hd .navbar-nav{width:100%;border-top:1px solid #e3e3e3;}
	#hd .navbar-nav .nav-link {
		padding: 2.0rem 2.0rem;
		border-bottom: 1px solid #e3e3e3;
        background: #F5F5F5;
        font-weight: 700;
	}


    #hd .navbar-collapse .leftlogo{display:block;}
	#hd .navbar-collapse .close_btn {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 5rem;
		height: 5.5rem;
		border: 0;
		background: transparent;
		font-size: 19px;
	}

    #hd .navbar-collapse .btn.search_btn {
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        border: 0;
        background: transparent;
        padding: 0;
    }
	#hd .navbar-nav .dropdown{position:relative;}
	#hd .navbar-nav .dropdown .arrow {
		position: absolute;
		right: 2.0rem;
		top: 2.0rem;
	}
	#hd .navbar-nav .dropdown .dropdown-menu {
    border-radius: 0;
    padding: 0;
		top: 0;
		border: 0;
		border-bottom: 1px solid #e3e3e3;
		transform: translateX(0);
		margin: 0;
        text-align: left;
		background: #fff;
	} 
    /* #hd .navbar-nav .dropdown .dropdown-menu.show{display: block !important;} */
    #hd .navbar-nav .dropdown:hover  {
        text-align: left;
        transform: translateX(0);
    }
    #hd .navbar-nav .dropdown .dropdown-menu{display: none; background:#fff;}
    #hd .navbar-nav .dropdown:hover .dropdown-menu {
        display: none;
        text-align: left;
        margin-left: 0;
        left: 0;
        transform: translateX(0); padding: 0;
    background: #fff;
    }
	#hd .navbar-nav .dropdown .dropdown-menu.on{display:block;}
	#hd .navbar-nav .dropdown .dropdown-item {
		padding: 1.5rem 2.0rem;
		border: 0;
		font-weight:500;
		border-bottom: 1px solid #e3e3e3;
        color: #222;
	}
   


	#hd .navbar-nav .dropdown .dropdown-item:last-child{border:0;}
	#hd .navbar-collapse .arrow{display:block;}
	#hd .ic_find {background-position: -93px 0;}
   

    #hd .hdsearch_pop {
        margin: 6.1rem 0;
    }
    .idx #hd .navbar-nav .nav-link {
        color: #222;
    }
    .idx #hd .top_manu li a {
    color: #222;
}
#hd .logo a .img_logo {
    display: block;
    width: 5rem;
}
#hd .navbar-nav .dropdown .dropdown-menu .dropdown-item {
    color: #222;
    padding: 1rem;
    font-size: 1.6rem;
}
#hd .navbar-nav .dropdown:hover .dropdown-menu {
   
}

.head_cart {
    padding: 0 !important;
}
.ft_in p {
    font-size: 1.4rem !important;
}

    } 
   
   
   /*반응형 max 767px md*/
   @media (max-width: 767.98px) { 

    .ft{margin-top: 5rem;}
   .ft .ft_left { margin-bottom:2.0rem; } 
   .ft .a_link { 
   margin-left: -0.8rem; 
    } 
   .ft .a_link a { padding:0 0.8rem; } 

.ft_txt {
    margin-bottom: 3rem;
}
.ft_tit {
    margin-bottom: 1rem;}
   .ft_in {
    flex-direction: column;
    word-break: keep-all;
}
.ft_lnk a {
    padding: 0 1.5rem;
    font-size: 1.4rem;
}

.ft_lnk {
    margin: 1rem -1.5rem 3rem;
}
.ft_lnk a{padding: 0 1.5rem;}

.ft_in .fs_16{font-size: 1.3rem;}

    } 
   
   
   /*반응형 max 576px sm*/
   @media (max-width: 575.98px) { 
   
   #m_menu .navbar-collapse.show { width: 90%; } 
   #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; 
    } 
    .ft .logo img{max-width:18rem ;}

    /* 퀵버튼 */
    .quick_btn {
    width: 6.8rem;
    margin-top: 1rem;
}
    .quick_ul{width: 6rem; padding: 0 1rem; padding-top: 4rem; }
    .quick_ul li:not(:last-child){margin-bottom: 1rem;}
    .quick_close{margin: 0 -1rem;}
    .quick_ul a img{margin-bottom: 1rem;}
    .ic_quick1{width: 2.5rem;}
    .ic_quick2{width: 1.5rem;}
    .ic_quick3{width: 2rem;}
    .ic_quick4{width: 2.3rem;}
    .ic_quick5{width: 3rem;}

    /* 탑버튼 */
    .top_btn_wr{position: fixed; bottom: 3.4rem; right: 1.3rem; z-index: 100; width: 9rem; display: flex; flex-direction: column; align-items: center;}
    .top_btn_wr .top_btn{width: 4.8rem; height: 4.8rem; background: #fff; border:1px solid var(--main); border-radius: 50%; display: flex; align-items: center; justify-content: center;}

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