.admbtn1 { z-index: 1050; position: absolute; top: 5px; right: 5px; font-size: 13px; display: block; color: #333; /* text-shadow: 1px 1px 1px #fff; */ }
.admbtn1:focus,
.admbtn1:hover
{ color: #333; }

/* topbanner */
.topbanner { z-index: 995; position: relative; top: 0; left: 0; width: 100%; background-color: #89a150; overflow: hidden; }
.topbanner .bannerwrap { z-index: 2; position: relative; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; }
.topbanner .bannerwrap .barrow { z-index: 1; display: inline-block; width: 8px; height: auto; cursor: pointer; }
.topbanner .bannerwrap .barrow1 { margin-right: 5px; }
.topbanner .bannerwrap .barrow2 { margin-left: 5px; }

.topbanner .bannerwrap .bannerslick .cont { height: 50px; text-align: center; }
.topbanner .bannerwrap .bannerslick .cont p { position: relative; top: 50%; transform: translateY(-50%); font-weight: 600; font-size: 18px; color: #fff; line-height: 1.3; }

@media (max-width: 1535px) {
    .topbanner .bannerwrap .barrow { width: 7px; }

    .topbanner .bannerwrap .bannerslick .cont { height: 47px; }
    .topbanner .bannerwrap .bannerslick .cont p { font-size: 16px; }
}
@media (max-width: 1279px) {
    .topbanner .bannerwrap .bannerslick .cont { height: 43px; }
    .topbanner .bannerwrap .bannerslick .cont p { font-size: 15px; }
}
@media (max-width: 1023px) {
    .topbanner .bannerwrap .bannerslick .cont { height: 40px; }
    .topbanner .bannerwrap .bannerslick .cont p { font-weight: 500; font-size: 14px; }
}
@media (max-width: 767px) {
    .topbanner .bannerwrap .barrow { width: 6px; }

    .topbanner .bannerwrap .bannerslick .cont p { font-weight: normal; font-size: 13px; }
}
@media (max-width: 524px) {
    .topbanner .bannerwrap .bannerslick .cont { height: 33px; }
    .topbanner .bannerwrap .bannerslick .cont p { font-size: 11px; }
}

/* theader */
#theader { z-index: 995; position: relative; left: 0; top: 0; width: 100%; height: #fff; }

/* theader top */
#theader .top { position: relative; height: 140px; }
#theader .top .contwrap { height: 100%; }
#theader .top::after { display: block; content: ''; clear: both; visibility: hidden; }
#theader .top .left { float: left; height: 100%; }
#theader .top .right { float: right; height: 100%; }
#theader .top .logo { display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 340px; }

#theader .top .left { display: flex; flex-wrap: nowrap; align-items: center; font-weight: 600; font-size: 18px; color: #6c8731; line-height: 1; }
#theader .top .left * { font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; }
#theader .top .left a { display: inline-block; padding: 0 12px; }
#theader .top .left a:first-of-type { padding-left: 0; }

#theader .top .right { display: flex; flex-wrap: nowrap; align-items: center; font-weight: normal; font-size: 16px; color: #272727; line-height: 1; }
#theader .top .right * { font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; }
#theader .top .right a { display: inline-flex; flex-wrap: nowrap; align-items: center; padding: 0 6px; }
#theader .top .right a.log1 { color: #e72c27; }
#theader .top .right a .cartCount_mo { display: inline-flex; margin-left: 5px; flex-wrap: nowrap; align-items: center; justify-content: center; text-align: center;width: 18px; height: 18px; font-size: 12px; color: #fff; background-color: #e72c27; border-radius: 50%; overflow: hidden; }
#theader .top .right a.searcha img { display: inline-block; width: 20px; }

@media (max-width: 1535px) {
    #theader .top { height: 120px; }
    #theader .top .logo { width: 291px; }

    #theader .top .left { font-weight: 500; font-size: 16px; }
    #theader .top .left a { padding: 0 10px; }

    #theader .top .right { font-size: 15px; }
    #theader .top .right a { padding: 0 5px; }
    #theader .top .right a.searcha img { width: 18px; }
}
@media (max-width: 1279px) {
    #theader .top { height: 100px; }
    #theader .top .logo { width: 242px; }

    #theader .top .left { font-weight: normal; font-size: 15px; }
    #theader .top .left a { padding: 0 8px; }

    #theader .top .right { font-size: 14px; }
    #theader .top .right a { padding: 0 4px; }
    #theader .top .right a.searcha img { width: 15px; }
}
@media (max-width: 1023px) {
    #theader .top { height: 80px; border-bottom: 1px solid #ddd; }
    #theader .top .logo { left: initial; transform: translate(0,-50%); width: 194px; }

    #theader .top .left { display: none; }
    #theader .top .right { display: none; }
}
@media (max-width: 767px) {
    #theader .top { height: 60px; }
    #theader .top .logo { width: 155px; }
}

/* theader bottom */
#theader .bottom { height: 50px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
#theader .bottom .contwrap { height: 100%; }
#theader .bottom .botmenu { max-width: 960px; height: 100%; margin: 0 auto; display: flex; flex-wrap: nowrap; font-weight: 600; font-size: 20px; color: #2c2c2c; line-height: 1; }
#theader .bottom .botmenu * { font-weight: inherit; color: inherit; line-height: inherit; }
#theader .bottom .botmenu a { position: relative; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; width: 20%; height: 100%; text-align: center; }
#theader .bottom .botmenu a::after { z-index: 1; display: block; content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1px; width: 0; height: 2px; background-color: #e72c27; transition: width 0.3s; }
#theader .bottom .botmenu a:hover::after { width: 100%; }

@media (max-width: 1535px) {
    #theader .bottom { height: 45px; }
    #theader .bottom .botmenu { font-size: 18px; }
}
@media (max-width: 1279px) {
    #theader .bottom { height: 40px; }
    #theader .bottom .botmenu { font-weight: 500; font-size: 16px; }
}
@media (max-width: 1023px) {
    #theader .bottom { display: none; position: absolute; left: 0; top: 80px; width: 100%; max-height: calc(100vh - 80px); overflow-y: scroll; height: initial; background-color: #fff; box-shadow: 0 4px 4px -4px #000; border-top: none; }
    #theader.active .bottom { display: block; }
    #theader .bottom .contwrap { width: 100%; max-width: 100%; }
    #theader .bottom .botmenu { max-width: initial; display: block; height: initial; font-weight: normal; font-size: 14px; color: #333; }
    #theader .bottom .botmenu a { display: block; padding: 10px 5px; width: 100%; height: initial; transition: background-color 0.3s; }
    #theader .bottom .botmenu a:hover { background-color: #eee; }
    #theader .bottom .botmenu a::after { display: none; }

    /* 스크롤바 제거 */
    #theader .bottom::-webkit-scrollbar { display: none; }
    #theader .bottom { scrollbar-width: none; }
    #theader .bottom { -ms-overflow-style: none; }

}
@media (max-width: 767px) {
    #theader .bottom { top: 60px; max-height: calc(100vh - 60px); }
}
@media (max-width: 524px) {
    /* #theader .bottom { top: 93px; } */
}

/* mo_bottom */
#theader .bottom .mo_bottom1 { display: none; flex-wrap: nowrap; align-items: center; border-bottom: 1px solid #ddd; }
#theader .bottom .mo_bottom1 a { display: block; text-align: center; padding: 8px 4px; width: 100%; height: initial; transition: background-color 0.3s; font-size: 13px; color: #333; }
#theader .bottom .mo_bottom1 a:hover { background-color: #eee; }
@media (max-width: 1023px) {
    #theader .bottom .mo_bottom1 { display: flex; }
}

#theader .bottom .mo_bottom2 { display: none; flex-wrap: wrap; border-bottom: 1px solid #ddd; }
#theader .bottom .mo_bottom2 a { display: block; width: 25%; text-align: center; padding: 8px 4px; height: initial; transition: background-color 0.3s; font-size: 13px; color: #333; }
#theader .bottom .mo_bottom2 a:hover { background-color: #eee; }
#theader .bottom .mo_bottom2 a .cartCount_mo { color: #e72c27; }
#theader .bottom .mo_bottom2 a.searcha img { display: inline-block; width: 20px; }
#theader .bottom .mo_bottom2 .search_mo { padding: 10px 0; width: 100%; text-align: center; }
#theader .bottom .mo_bottom2 .search_mo form { display: inline-flex; flex-wrap: nowrap; width: 100%; max-width: 200px; }
#theader .bottom .mo_bottom2 .search_mo form input { display: block; padding: 5px; width: 170px; font-size: 13px; color: #333; border: 1px solid #ddd !important; outline: none !important; box-shadow: none !important; }
#theader .bottom .mo_bottom2 .search_mo form button { display: block; width: calc(100% - 170px); font-weight: normal; font-size: 13px; color: #fff; background-color: #89a150; border: none !important; outline: none !important; box-shadow: none !important; }
@media (max-width: 1023px) {
    #theader .bottom .mo_bottom2 { display: flex; }
}



/* theader hambtn */
#theader .ham_btn { display: none; position: absolute; top: 50%; transform: translateY(-50%); right: 40px; width: 25px; height: 18px; cursor: pointer; }
#theader .ham_btn div { position: absolute; width: 100%; height: 2px; background-color: #89a150; transform-origin: center; }
#theader .ham_btn div:first-child { top: 0%; transform: translateY(-50%); animation: mo_bar1 forwards linear 0.4s; }
#theader .ham_btn div:nth-child(2) { top: 40%; transform: translateY(-50%); animation: mo_bar2 forwards linear 0.4s; }
#theader .ham_btn div:last-child { top: 80%; transform: translateY(-50%); animation: mo_bar3 forwards linear 0.4s; }
@keyframes mo_bar1 { 
    0% { top: 50%; transform: translateY(-50%) rotateZ(45deg); }
    50% { top: 50%; transform: translateY(-50%) rotateZ(0deg); }
    100% { top: 0%; transform: translateY(-50%); }
}
@keyframes mo_bar2 {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes mo_bar3 {
    0% { top: 50%; transform: translateY(-50%) rotateZ(-45deg); }
    50% { top: 50%; transform: translateY(-50%) rotateZ(0deg); }
    100% { top: 80%; transform: translateY(-50%); }
}

#theader.active .ham_btn div:first-child { top: 0%; transform: translateY(-50%); animation: mo_bar1_on forwards linear 0.4s; }
#theader.active .ham_btn div:nth-child(2) { top: 40%; transform: translateY(-50%); animation: mo_bar2_on forwards linear 0.4s; }
#theader.active .ham_btn div:last-child { top: 80%; transform: translateY(-50%); animation: mo_bar3_on forwards linear 0.4s; }
@keyframes mo_bar1_on {
    0% { top: 0%; transform: translateY(-50%); }
    50% { top: 50%; transform: translateY(-50%); }
    100% { top: 50%; transform: translateY(-50%) rotateZ(45deg); }
}
@keyframes mo_bar2_on {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes mo_bar3_on {
    0% { top: 80%; transform: translateY(-50%); }
    50% { top: 50%; transform: translateY(-50%); }
    100% { top: 50%; transform: translateY(-50%) rotateZ(-45deg); }
}
@media (max-width: 1023px) {
    #theader .ham_btn { display: block; }
}
@media (max-width: 767px) {
    #theader .ham_btn { right: 30px; }
}
@media (max-width: 460px) {
    #theader .ham_btn { right: 20px; }
}

/* search */
.search_wrap { display: none; z-index: 999999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.search_wrap.active { display: block; }
.search_wrap .black_frame { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); }
.search_wrap .search_frame { z-index: 5; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 10px; display: inline-block; border-radius: 5px; background-color: #fff; }
.search_wrap .search_frame form { position: relative; }
.search_wrap .search_frame form input[type="text"] { border: none !important; box-shadow: none !important; outline: none !important; }
.search_wrap .search_frame form button { border: none !important; box-shadow: none !important; outline: none !important; }