@charset "UTF-8";

/*** CSS Style by DesignTONG                                             ***/
/*** URL : http://www.designtong.co.kr                                   ***/
/*** Copyright 2021. DesignTONG all rights reserved.                     ***/
/*** License : 본 저작물의 무단 전제/복제/배포/도용을 금지 합니다.       ***/
/***           단, 스킨을 구매한 사용자에게 1 사이트 사용을 허용합니다.  ***/
/***           디자인통에서 자체 제작한 무단도용 방지 프로그램이 자동    ***/
/***           실행되며, 무단도용 확인시 법적인 책임을 지셔야 합니다.    ***/


#wrap #header_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 0;
    background-color: #fff;
    transition-duration: .5s
}

#wrap #header_wrap .header .nav {
    display: inline-block;
    width: 100%
}

#wrap #header_wrap .header .nav .gnb {
    display: inline-block;
    width: 100%
}

.headerTop {
    display: inline-block;
    position: relative;
    width: 100%;
    background-color: #fff;
    transition-duration: .5s
}

.headerTop .outerWrap {
    display: inline-block;
    width: 100%
}

.headerTop .outerWrap > ul {
    display: table;
    width: 100%
}

.headerTop .outerWrap > ul > li {
    display: table-cell;
    width: 50%
}

.headerTop .outerWrap > ul > li.right {
    position: relative;
    text-align: right
}

.headerTop .item {
    display: inline-block;
    position: relative;
    top: 0;
    line-height: 36px;
    padding: 0 14px;
    vertical-align: middle;
    transition-duration: .5s
}

.headerTop .item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    transform: scale(.2);
    background-color: #777;
    z-index: 1
}

.headerTop .item a {
    display: block;
    font-size: 12px;
    color: #333
}

.headerTop .item a:hover {
    color: #ccc
}

.headerTop .item:first-child {
    background: 0 0;
    padding-left: 0
}

.headerTop .item:first-child::after {
    width: 0
}

.headerTop .item:last-child {
    padding-right: 0
}

.headerTop .item.board #rollingBoard {
    position: relative;
    width: 100%;
    max-width: 250px
}

.headerTop .item.board #rollingBoard ul li {
    width: 100% !important;
    border: none
}

.headerTop .item.board #rollingBoard ul li > span {
    display: none
}

.headerTop .item.board #rollingBoard ul li a {
    display: block;
    line-height: 36px;
    text-align: left
}

.headerTop .item.board #rollingBoard .control {
    position: absolute;
    right: 0;
    top: calc(50% - 13px)
}

.headerTop .item.board #rollingBoard .control .arrow {
    width: 13px;
    height: 13px;
    background: no-repeat center/100%;
    cursor: pointer;
    transition-duration: .5s
}

.headerTop .item.board #rollingBoard .control .arrow:hover {
    opacity: .6
}

.headerTop .item.board #rollingBoard .control .arrow.prev {
    background-image: url("../../img/common/btn/btn_top_notice_prev.png")
}

.headerTop .item.board #rollingBoard .control .arrow.next {
    background-image: url("../../img/common/btn/btn_top_notice_next.png")
}

.headerTop .item.cs_center {
    padding-right: 0
}

.headerTop .item.mypage #mypageLayer {
    position: absolute;
    left: calc(50% - 43px);
    top: 28px;
    padding: 10px 0;
    border: 1px solid #aaa;
    background-color: #fff;
    text-align: left;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition-duration: .5s;
    z-index: 200
}

.headerTop .item.mypage:hover #mypageLayer {
    visibility: visible;
    opacity: 1
}

.headerTop .item.mypage #mypageLayer a {
    display: block;
    line-height: 24px;
    font-size: 12px;
    padding: 0 14px
}

.headerTop .item.mypage #mypageLayer a:hover {
    background-color: #7f9973;
    color: #fff
}

.headerTop .item.search {
    position: absolute;
    right: 144px;
    top: 6px;
    visibility: hidden;
    opacity: 0;
    transition-duration: 0s
}

.headerTop .item.search .searchWrap {
    position: absolute;
    left: 19px;
    top: -3px;
    width: 0;
    font-size: 0;
    line-height: normal;
    visibility: hidden;
    opacity: 0;
    transition-duration: .5s
}

.headerTop .item.search.show {
    width: 140px
}

.headerTop .item.search.show .searchWrap {
    width: 140px;
    visibility: visible;
    opacity: 1
}

.headerTop .item.search > a {
    height: 23.1px
}

.headerTop .item.search > a > img {
    height: 23.1px
}

.headerTop .item.mypage {
    position: absolute;
    right: 93.5px;
    top: 6px;
    visibility: hidden;
    opacity: 0;
    transition-duration: 0s
}

.headerTop .item.mypage > a {
    display: block;
    width: 24.5px;
    height: 23.1px;
    font-size: 0;
    background: url("../../img/main/button_my.png") no-repeat center;
    background-size: 100%
}

.headerTop .item.order_list {
    position: absolute;
    right: 41px;
    top: 6px;
    visibility: hidden;
    opacity: 0;
    transition-duration: 0s
}

.headerTop .item.order_list > a {
    display: block;
    width: 24.5px;
    height: 23.1px;
    font-size: 0;
    background: url("../../img/main/button_delivery.png") no-repeat center;
    background-size: 100%
}

.headerTop .item.cart {
    position: absolute;
    right: 0;
    top: 6px;
    visibility: hidden;
    opacity: 0;
    transition-duration: 0s
}

.headerTop .item.cart > a {
    display: block;
    position: relative;
    width: 26.6px;
    height: 23.1px;
    font-size: 0;
    background: url("../../img/main/button_cart.png") no-repeat center;
    background-size: 100%
}

.headerTop .item.cart > a em {
    position: absolute;
    right: -4px;
    top: -4px;
    width: 17px;
    height: 17px;
    line-height: 17px;
    background-color: rgba(97, 118, 88, .82);
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 50%
}

#wrap.hide .headerTop .outerWrap {
    border-bottom: solid 1px #ddd
}

#wrap.hide .headerTop .item.login {
    top: -40px
}

#wrap.hide .headerTop .item.logout {
    top: -40px
}

#wrap.hide .headerTop .item.join {
    top: -40px
}

#wrap.hide .headerTop .item.cs_center {
    top: -40px
}

#wrap.hide .headerTop .item.search {
    visibility: visible;
    opacity: 1;
    transition-duration: .5s
}

#wrap.hide .headerTop .item.mypage {
    visibility: visible;
    opacity: 1;
    transition-duration: .5s
}

#wrap.hide .headerTop .item.order_list {
    visibility: visible;
    opacity: 1;
    transition-duration: .5s
}

#wrap.hide .headerTop .item.cart {
    visibility: visible;
    opacity: 1;
    transition-duration: .5s
}

#wrap.hide .headerTop .item::after {
    display: none
}

.headerTop .item.global ul {
    display: flex
}

.headerTop .item.global ul li {
    display: inline-block
}

.headerTop .item.global ul li a {
    line-height: normal;
    margin: 0 2px
}

.mobile .headerTop ul {
    display: inline-table;
    height: 36px
}

.mobile .headerTop .outerWrap {
    border-bottom: solid 1px #ddd
}

.mobile .headerTop ul.left {
    width: 40%
}

.mobile .headerTop ul.left li.logo {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px
}

.mobile .headerTop ul.left li.logo a img {
    max-width: 100%;
    max-height: 30px
}

.mobile .headerTop ul.right {
    display: inline-table;
    float: right;
    width: auto
}

.mobile .headerTop ul.right li.item {
    display: table-cell;
    width: 25%;
    padding: 0 5px;
    background: 0 0;
    vertical-align: middle
}

.mobile .headerTop ul.right li.item::after {
    width: 0
}

.mobile .headerTop ul.right li.item a {
    width: 30px;
    height: 30px;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%
}

.mobile .headerTop ul.right li.search {
    position: static;
    visibility: visible;
    opacity: 1
}

.mobile .headerTop ul.right li.search a {
    background-image: url("../../img/main/btn_search.png")
}

.mobile .headerTop ul.right li.cart {
    position: static;
    visibility: visible;
    opacity: 1
}

.mobile .headerTop ul.right li.cart a {
    position: relative;
    background-image: url("../../img/main/btn_cart.png")
}

.mobile .headerTop ul.right li.cart a em {
    right: -2px;
    top: -2px
}

.mobile .headerTop ul.right li.mypage {
    position: static;
    visibility: visible;
    opacity: 1
}

.mobile .headerTop ul.right li.mypage a {
    background-image: url("../../img/main/btn_my.png")
}

.mobile .headerTop ul.right li.slideMenu a {
    background-image: url("../../img/main/btn_nav.png")
}

.headerTop .search .hit_keyword {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: 28px;
    line-height: 28px;
    border: solid 1px #ddd;
    border-radius: 28px;
    overflow: hidden;
    white-space: nowrap;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    transition-delay: 0.5s;
    transition-duration: .3s;
    z-index: 96
}

.headerTop .search.show .hit_keyword {
    right: 150px;
    visibility: visible;
    opacity: 1
}

.headerTop .search .hit_keyword h4 {
    display: inline-block;
    font-size: 12px;
    padding: 0 10px 0 15px;
    background-color: #f5f5f5
}

.headerTop .search .hit_keyword span {
    display: inline-block;
    position: relative;
    padding: 0 10px
}

.headerTop .search .hit_keyword span:last-child {
    padding: 0 15px 0 10px
}

.headerTop .search .hit_keyword span::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    transform: scale(.3);
    background-color: #bbb;
    z-index: 1
}

.headerTop .search .hit_keyword span:last-child::after {
    width: 0
}

.headerTop .search .hit_keyword span a {
    font-size: 12px
}

.headerTop .search .top_search .top_search_cont {
    position: relative
}

.headerTop .search .top_search .top_search_cont .top_text_cont {
    position: relative
}

.headerTop .search .top_search .top_search_cont .top_text_cont .top_srarch_text {
    width: 100%;
    height: auto;
    height: 30px;
    line-height: 30px;
    border: none;
    text-align: left;
    background-color: #f2f2f2;
    border-radius: 30px
}

.headerTop .search .top_search .top_search_cont .top_text_cont input.btn_top_srarch {
    display: none
}

.headerTop .search .top_search .top_search_cont .top_text_cont .btn_top_srarch {
    position: absolute;
    top: calc(50% - 11.5px);
    right: 5px;
    width: 22px;
    height: 23px;
    background: url("../../img/main/btn_search.png") no-repeat;
    background-size: 100%;
    font-size: 0
}

.headerTop .search .top_search .top_search_cont .search_cont {
    position: absolute;
    top: 31px;
    left: 0;
    width: calc(100% - 2px);
    min-width: 400px;
    border: solid 1px #333;
    text-align: left;
    background-color: #fff;
    z-index: 97
}

.headerTop .search .top_search .top_search_cont .search_cont .recent_box {
    display: inline-block;
    float: none;
    width: 100%
}

.headerTop .search .top_search .top_search_cont .search_cont .recent_box dl {
    padding: 10px 15px 40px 15px
}

.headerTop .search .top_search .top_search_cont .search_cont .recent_box dl dt {
    font-weight: 600
}

.headerTop .search .top_search .top_search_cont .search_cont .recent_box dl dd {
    padding: 10px 0 0 0
}

.headerTop .search .top_search .top_search_cont .search_cont .seach_top_all {
    position: absolute;
    left: 0;
    bottom: 0
}

.headerTop .search .top_search .top_search_cont .search_cont .recom_box {
    width: 35%;
    margin: 0;
    padding: 0;
    border: none
}

.headerTop .search .top_search .top_search_cont .search_cont .recom_box dl {
    min-height: 180px;
    padding: 10px 15px 40px 15px;
    border-left: solid 1px #ccc
}

.headerTop .search .top_search .top_search_cont .search_cont .recom_box dl dt {
    width: auto;
    padding: 0;
    text-align: left;
    font-weight: 600
}

.headerTop .search .top_search .top_search_cont .search_cont .recom_box dl dd {
    padding: 10px 0 0 0
}

.headerTop .search .top_search .top_search_cont .search_cont .recom_box dl dd a .recom_photo {
    display: inline-block;
    width: auto;
    height: auto;
    border: none
}

.headerTop .search .top_search .top_search_cont .search_cont .recom_box dl dd a .recom_photo img {
    width: 100%;
    max-width: none !important
}

.headerTop .search .top_search .top_search_cont .search_cont .recom_box dl dd .recom_item_cont .recom_tit_box {
    padding: 7px 0 0 0
}

.headerTop .search .top_search .top_search_cont .search_cont .recom_box dl dd .recom_item_cont .recom_tit_box .item_name {
    letter-spacing: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.headerTop .search .top_search .top_search_cont .search_cont .recom_box dl dd .recom_item_cont .recom_tit_box .item_name_explain {
    height: auto;
    padding: 0;
    letter-spacing: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.headerTop .search .top_search .top_search_cont .search_cont .recom_box dl dd .recom_money_box {
    padding: 7px 0 0 0
}

.headerTop .search .top_search .top_search_cont .search_cont .recom_box dl dd .recom_money_box .item_price {
    padding: 2px 0;
    font-weight: 400;
    font-size: 12px
}

.headerTop .search .top_search .top_search_cont .search_cont .recom_box dl dd .recom_money_box .item_price + .item_price {
    color: #888
}

.headerTop .search .top_search .top_search_cont .search_cont .recom_box + .recent_box {
    width: 65%;
    min-height: 234px;
    border: none
}

.headerContents {
    display: inline-block;
    position: relative;
    width: 100%;
    background-color: #fff;
    transition-duration: .5s
}

.headerContents .outerWrap {
    display: inline-block;
    width: 100%
}

.headerContents .outerWrap > ul {
    display: table;
    width: 100%
}

.headerContents .outerWrap > ul > li {
    display: table-cell;
    vertical-align: middle
}

.headerContents ul li {
    padding: 35px 0
}

.headerContents ul .logo {
    width: 20%
}

.headerContents ul .search {
    width: 60%;
    text-align: left
}

.headerContents ul .menu {
    width: 20%;
    text-align: right
}

.headerContents ul .menu .item {
    display: inline-block;
    position: relative;
    padding-left: 40px
}

.headerContents ul .menu .item > a {
    display: block;
    width: 35px;
    height: 33px
}

.headerContents ul .menu .item.mypage #mypageLayer {
    position: absolute;
    left: calc(50% - 22.5px);
    top: 40px;
    padding: 10px 0;
    border: 1px solid #aaa;
    background-color: #fff;
    text-align: left;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition-duration: .5s;
    z-index: 200
}

.headerContents ul .menu .item.mypage:hover #mypageLayer {
    visibility: visible;
    opacity: 1
}

.headerContents ul .menu .item.mypage #mypageLayer a {
    display: block;
    line-height: 24px;
    font-size: 12px;
    padding: 0 14px
}

.headerContents ul .menu .item.mypage #mypageLayer a:hover {
    background-color: #7f9973;
    color: #fff
}

.headerContents ul .menu .item.mypage > a {
    background: url("../../img/main/button_my.png") no-repeat center
}

.headerContents ul .menu .item.order_list > a {
    background: url("../../img/main/button_delivery.png") no-repeat center
}

.headerContents ul .menu .item.cart > a {
    position: relative;
    width: 38px;
    background: url("../../img/main/button_cart.png") no-repeat center
}

.headerContents ul .menu .item.cart > a em {
    position: absolute;
    right: -6px;
    top: -6px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background-color: rgba(97, 118, 88, .82);
    color: #fff;
    text-align: center;
    font-size: 12px;
    border-radius: 50%
}

.headerContents ul .menu .item.mypage > a:hover {
    background-image: url("../../img/main/button_my_over.png")
}

.headerContents ul .menu .item.order_list > a:hover {
    background-image: url("../../img/main/button_delivery_over.png")
}

.headerContents ul .menu .item.cart > a:hover {
    background-image: url("../../img/main/button_cart_over.png")
}

.headerContents ul .search .top_search {
    display: inline-block;
    vertical-align: middle
}

.headerContents ul .search .top_search .top_search_cont {
    position: relative
}

.headerContents ul .search .top_search .top_search_cont .top_text_cont {
    position: relative
}

.headerContents ul .search .top_search .top_search_cont .top_text_cont .top_srarch_text {
    width: 300px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    border: solid 2px #7f9973;
    border-radius: 25px;
    padding: 0 20px
}

.headerContents ul .search .top_search .top_search_cont .top_text_cont input.btn_top_srarch {
    display: none
}

.headerContents ul .search .top_search .top_search_cont .top_text_cont .btn_top_srarch {
    position: absolute;
    top: calc(50% - 12px);
    right: 20px;
    width: 25px;
    height: 24px;
    font-size: 0;
    background: url("../../img/main/button_search.png") no-repeat
}

.headerContents ul .search .top_search .top_search_cont .search_cont {
    position: absolute;
    top: 41px;
    right: 0;
    width: calc(100% - 2px);
    min-width: 400px;
    border: solid 1px #333;
    text-align: left;
    background-color: #fff;
    z-index: 97
}

.headerContents ul .search .top_search .top_search_cont .search_cont .recent_box {
    display: inline-block;
    float: none;
    width: 100%
}

.headerContents ul .search .top_search .top_search_cont .search_cont .recent_box dl {
    padding: 10px 15px 40px 15px
}

.headerContents ul .search .top_search .top_search_cont .search_cont .recent_box dl dt {
    font-weight: 600
}

.headerContents ul .search .top_search .top_search_cont .search_cont .recent_box dl dd {
    padding: 10px 0 0 0
}

.headerContents ul .search .top_search .top_search_cont .search_cont .seach_top_all {
    position: absolute;
    left: 0;
    bottom: 0
}

.headerContents ul .search .top_search .top_search_cont .search_cont .recom_box {
    width: 35%;
    margin: 0;
    padding: 0;
    border: none
}

.headerContents ul .search .top_search .top_search_cont .search_cont .recom_box dl {
    padding: 10px 15px 40px 15px;
    border-left: solid 1px #ccc
}

.headerContents ul .search .top_search .top_search_cont .search_cont .recom_box dl dt {
    width: auto;
    padding: 0;
    text-align: left;
    font-weight: 600
}

.headerContents ul .search .top_search .top_search_cont .search_cont .recom_box dl dd {
    padding: 10px 0 0 0
}

.headerContents ul .search .top_search .top_search_cont .search_cont .recom_box dl dd a .recom_photo {
    display: inline-block;
    width: auto;
    height: auto;
    border: none
}

.headerContents ul .search .top_search .top_search_cont .search_cont .recom_box dl dd a .recom_photo img {
    width: 100%;
    max-width: none !important
}

.headerContents ul .search .top_search .top_search_cont .search_cont .recom_box dl dd .recom_item_cont .recom_tit_box {
    padding: 7px 0 0 0
}

.headerContents ul .search .top_search .top_search_cont .search_cont .recom_box dl dd .recom_item_cont .recom_tit_box .item_name {
    letter-spacing: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.headerContents ul .search .top_search .top_search_cont .search_cont .recom_box dl dd .recom_item_cont .recom_tit_box .item_name_explain {
    height: auto;
    padding: 0;
    letter-spacing: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.headerContents ul .search .top_search .top_search_cont .search_cont .recom_box dl dd .recom_money_box {
    padding: 7px 0 0 0
}

.headerContents ul .search .top_search .top_search_cont .search_cont .recom_box dl dd .recom_money_box .item_price {
    padding: 2px 0;
    font-weight: 400;
    font-size: 12px
}

.headerContents ul .search .top_search .top_search_cont .search_cont .recom_box dl dd .recom_money_box .item_price + .item_price {
    color: #888
}

.headerContents ul .search .top_search .top_search_cont .search_cont .recom_box + .recent_box {
    width: 65%;
    min-height: 234px;
    border: none
}

.headerContents ul .search .hit_keyword {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

.headerContents ul .search .hit_keyword h4 {
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    color: #777;
    padding-right: 5px
}

.headerContents ul .search .hit_keyword span {
    display: inline-block;
    position: relative;
    padding: 0 5px
}

.headerContents ul .search .hit_keyword span a {
    font-size: 14px;
    color: #333
}

.headerContents ul .search .hit_keyword span a::before {
    content: '#'
}

.headerContents ul .search .hit_keyword span a:hover {
    color: #7f9973
}

#mobileSearchLayer {
    background-color: #fff
}

#mobileSearchLayer .layer_wrap_cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    border: none
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .hitKeyword {
    margin-bottom: 20px
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .hitKeyword .title {
    display: inline-block;
    width: 130px;
    font-size: 14px;
    text-align: center;
    color: #333;
    background-color: #fafafa;
    border: solid 1px #aaa;
    padding: 4px 0
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .hitKeyword .contents {
    margin-top: 10px
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .hitKeyword .contents span {
    position: relative;
    font-size: 12px;
    padding: 10px
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .hitKeyword .contents span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    transform: scale(.3);
    background-color: #777;
    z-index: 1
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .hitKeyword .contents span:first-child {
    background: 0 0;
    padding-left: 0
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .hitKeyword .contents span:first-child::after {
    width: 0
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .top_search_cont .top_text_cont {
    position: relative
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .top_search_cont .top_text_cont .top_srarch_text {
    width: 100%;
    color: #333;
    border: solid 1px #aaa;
    text-align: left
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .top_search_cont .top_text_cont .btn_top_srarch {
    position: absolute;
    right: 0;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background: url("../../img/main/btn_search.png") no-repeat center;
    background-size: 70%;
    font-size: 0
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .recom_box {
    float: none;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
    border: none
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .recom_box dl {
    padding-top: 10px
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .recom_box dl dt {
    display: inline-block;
    width: auto;
    width: 130px;
    font-size: 14px;
    text-align: center;
    background-color: #fafafa;
    border: solid 1px #aaa;
    padding: 4px 0;
    font-weight: 400
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .recom_box dl dd {
    margin-top: 10px;
    padding-top: 5px
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .recom_box dl dd .recom_photo {
    width: 100%;
    height: auto
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .recom_box dl dd .recom_photo img {
    max-width: 130px !important
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .recom_box dl dd .recom_item_cont .recom_money_box .item_price {
    font-size: 12px;
    font-weight: 400;
    padding: 0 0 4px 0
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .search_cont {
    display: block !important
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .search_cont .recent_box {
    float: none;
    width: 100%;
    min-height: inherit;
    padding-top: 10px;
    border: none
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .search_cont .recent_box dl {
    padding: 0
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .search_cont .recent_box dl dt {
    display: inline-block;
    width: 130px;
    font-size: 14px;
    text-align: center;
    background-color: #fafafa;
    border: solid 1px #aaa;
    padding: 4px 0;
    font-weight: 400
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .search_cont .recent_box dl dd {
    margin-top: 10px
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .search_cont .recent_box dl dd .js_recent_list li {
    line-height: 25px
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .search_cont .recent_box dl dd .js_recent_list li a {
    font-size: 12px;
    padding: 0
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .search_cont .recent_box dl dd .js_recent_list li span {
    font-size: 10px;
    padding: 0
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .search_cont .recent_box dl dd + dd {
    margin: 0;
    padding: 0
}

#mobileSearchLayer .layer_wrap_cont .ly_cont .search_cont .seach_top_all {
    display: none
}

#mobileSearchLayer .close_mobileSearchLayer {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px
}

.category {
    display: inline-block;
    position: relative;
    width: 100%;
    background-color: #fff;
    transition-duration: .5s
}

.category .outerWrap {
    display: inline-block;
    width: 100%;
    border-top: solid 1px #aaa;
    border-bottom: solid 1px #ddd
}

#wrap.hide .category .outerWrap {
    border-top: none
}

.category ul {
    white-space: nowrap
}

.category ul > li.item {
    display: inline-block;
    position: relative;
    line-height: 48px;
    vertical-align: middle;
    white-space: normal
}

.category ul > li.item:first-child {
    padding-left: 0 !important
}

.category ul > li.item:last-child {
    padding-right: 0 !important
}

.category ul > li.item > a {
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.category ul > li.item:nth-child(n+3) > a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 0;
    height: 2px;
    border-radius: 2px;
    background-color: #000;
    z-index: 1;
    transition-duration: .2s
}

.category ul > li.item.on > a::after, .category ul > li.item:hover > a::after {
    width: 100%;
    left: 0;
    transform: scale(.7)
}

.category ul li.item .subMenu {
    position: absolute;
    left: 0;
    top: 48px;
    line-height: normal;
    min-width: 180px;
    margin-left: -20px;
    padding: 20px 0;
    background-color: rgba(255, 255, 255, .8);
    border: solid 1px #ccc;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
    visibility: hidden;
    opacity: 0;
    transition-duration: .2s
}

.category ul li.item:hover .subMenu {
    visibility: visible;
    opacity: 1;
    transition-duration: .2s
}

.category ul li.item .subMenu .itemGroup {
    display: inline-block;
    min-width: 180px;
    vertical-align: top
}

.category ul li.item .subMenu .itemGroup .item {
    position: relative;
    min-width: 100%;
    line-height: 30px;
    font-size: 12px;
    color: #333;
    white-space: nowrap
}

.category ul li.item .subMenu .itemGroup .item a.oneDepth {
    display: block;
    color: #333;
    padding: 0 40px 0 20px;
    transition-duration: .2s
}

.category ul li.item .subMenu .itemGroup .item:hover a.oneDepth {
    background-color: #333;
    color: #fff;
    transition-duration: .2s
}

.category ul li.item .subMenu .itemGroup .item .oneDepthSubMenu {
    position: absolute;
    left: 100%;
    top: -17px;
    padding: 16px 0;
    background-color: rgba(255, 255, 255, .8);
    border: solid 1px #ccc;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition-duration: .2s
}

.category ul li.item .subMenu .itemGroup .item:hover .oneDepthSubMenu {
    visibility: visible;
    opacity: 1
}

.category ul li.item .subMenu .itemGroup .item .oneDepthSubMenu .item a.twoDepth {
    display: block;
    color: #333;
    padding: 0 40px 0 20px;
    transition-duration: .2s
}

.category ul li.item .subMenu .itemGroup .item .oneDepthSubMenu .item:hover a.twoDepth {
    background-color: #eee;
    color: #000;
    transition-duration: .2s
}

.category ul li.item .subMenu .itemGroup .item .oneDepthSubMenu .item .twoDepthSubMenu {
    position: absolute;
    left: 100%;
    top: -17px;
    padding: 16px 0;
    background-color: rgba(255, 255, 255, .8);
    border: solid 1px #ccc;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    transition-duration: .2s
}

.category ul li.item .subMenu .itemGroup .item .oneDepthSubMenu .item:hover .twoDepthSubMenu {
    visibility: visible;
    opacity: 1
}

.category ul li.item .subMenu .itemGroup .item .oneDepthSubMenu .item .twoDepthSubMenu .item a.threeDepth {
    display: block;
    color: #333;
    padding: 0 40px 0 20px;
    transition-duration: .2s
}

.category ul li.item .subMenu .itemGroup .item .oneDepthSubMenu .item .twoDepthSubMenu .item:hover a.threeDepth {
    background-color: #eee;
    color: #000;
    transition-duration: .2s
}

.category ul li.item .subMenu .itemGroup .item .oneDepthSubMenu .item .twoDepthSubMenu .item .threeDepthSubMenu {
    position: absolute;
    left: 100%;
    top: -17px;
    padding: 16px 0;
    background-color: rgba(255, 255, 255, .8);
    border: solid 1px #ccc;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    transition-duration: .2s
}

.category ul li.item .subMenu .itemGroup .item .oneDepthSubMenu .item .twoDepthSubMenu .item:hover .threeDepthSubMenu {
    visibility: visible;
    opacity: 1
}

.category ul li.item .subMenu .itemGroup .item .oneDepthSubMenu .item .twoDepthSubMenu .item .threeDepthSubMenu .item a.fourDepth {
    display: block;
    color: #333;
    padding: 0 40px 0 20px
}

.category ul li.item .subMenu .itemGroup .item .oneDepthSubMenu .item .twoDepthSubMenu .item .threeDepthSubMenu .item:hover a.fourDepth {
    background-color: #eee;
    color: #000
}

.category ul li.item .subMenu .itemGroup .arrow > a {
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 6px
}

.category ul li.item .subMenu .itemGroup .arrow:hover a.oneDepth {
    background-image: url("../../img/main/icon_arrow_white.png")
}

.category ul li.item .subMenu .itemGroup .arrow .oneDepthSubMenu .arrow:hover a.twoDepth {
    background-image: url("../../img/main/icon_arrow_black.png")
}

.category ul li.item .subMenu .itemGroup .arrow .oneDepthSubMenu .arrow .twoDepthSubMenu .arrow:hover a.threeDepth {
    background-image: url("../../img/main/icon_arrow_black.png")
}

.category ul li.brand .subMenu .itemGroup {
    width: 385px;
    padding: 0 20px
}

.category ul li.brand .subMenu .itemGroup .item {
    display: inline-block;
    min-width: auto;
    font-size: 0;
    line-height: normal
}

.category ul li.brand .subMenu .itemGroup .item a.oneDepth {
    width: 60px;
    padding: 0;
    text-align: center;
    font-size: 10px;
    border: solid 1px #ccc;
    background-color: #fff;
    margin: 1px
}

.category ul li.brand .subMenu .itemGroup .item a.oneDepth img {
    max-width: 100%;
    transition-duration: .2s
}

.category ul li.brand .subMenu .itemGroup .item:hover a.oneDepth {
    background-color: #f5f5f5;
    color: #000;
    border-color: #333;
    transition-duration: .2s
}

.category ul li.brand .subMenu .itemGroup .item:hover a.oneDepth img {
    opacity: .7
}

.category ul li.item .subMenu .itemGroup + .bestGoods {
    padding-left: 5px
}

.mobile .category {
    height: 36px;
    border-bottom: solid 1px #ddd;
    background-color: #fff
}

.mobile .category .outerWrap {
    border: none
}

.mobile .category ul > li.item {
    line-height: 36px
}

.mobile .category ul#categoryWrap {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 10px
}

.mobile .category ul li.item .subMenu {
    top: 37px
}

.mobile .category ul li.item .subMenu .itemGroup .item a.link {
    text-decoration: underline #333 1px;
    text-underline-position: under
}

.mobile .category ul li.item .subMenu .itemGroup .item a.link::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 12px;
    margin-left: 5px;
    background: url("../../img/main/icon_arrow_black.png") no-repeat center;
    background-size: 100%;
    vertical-align: middle
}

.mobile .category ul li.brand .subMenu .itemGroup {
    width: 321px
}

#mobileOverlayMenu {
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 220;
    transition-duration: .5s
}

#mobileOverlayMenu .slideWrap {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 60px);
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    z-index: 219
}

#mobileOverlayMenu .slideWrap .member {
    padding: 15px 10px
}

#mobileOverlayMenu .slideWrap .member ul {
    display: table;
    width: 100%
}

#mobileOverlayMenu .slideWrap .member ul li.item {
    display: table-cell;
    width: 50%
}

#mobileOverlayMenu .slideWrap .member ul li.item a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: #676767;
    color: #fff;
    text-align: center
}

#mobileOverlayMenu .slideWrap .member ul li.item:first-child a {
    background: #3e3d3c
}

#mobileOverlayMenu .slideWrap .hamburger-gnb {
    border-top: 1px solid #e0e0e0
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 {
    display: block
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 li {
    position: relative
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 li a {
    display: block;
    background-color: #fff;
    color: #888;
    font-size: 12px;
    padding: 10px 50px 10px 10px;
    word-break: break-all
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li {
    border-bottom: 1px solid #e0e0e0
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li > .depth2 {
    border-top: 1px solid #e0e0e0
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li > .depth2 > li > a {
    text-indent: 15px
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li > .depth2 > li.open > a.button {
    background-position: center -32px
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li > .depth2 > li > .depth3 {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li > .depth2 > li:last-child > .depth3 {
    border-bottom: none
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li > .depth2 > li > .depth3 > li > a {
    text-indent: 30px
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li > .depth2 > li > .depth3 > li.open > a.button {
    background-position: center -32px
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li > .depth2 > li > .depth3 > li > .depth4 {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li > .depth2 > li > .depth3 > li:last-child > .depth4 {
    border-bottom: none
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li > .depth2 > li > .depth3 > li > .depth4 > li > a {
    text-indent: 45px
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li > .depth2 > li > .depth3 > li > .depth4 > li.open > a.button {
    background-position: center -32px
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li > .depth2 > li > .depth3 > li > .depth4 > li > .depth5 {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li > .depth2 > li > .depth3 > li > .depth4 > li:last-child > .depth5 {
    border-bottom: none
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li > .depth2 > li > .depth3 > li > .depth4 > li > .depth5 > li > a {
    text-indent: 60px
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li a.link {
    text-decoration: underline #333 1px;
    text-underline-position: under
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li a.link::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 12px;
    margin-left: 5px;
    background: url("../../img/main/icon_arrow_black.png") no-repeat center;
    background-size: 100%;
    vertical-align: middle
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li a.button {
    position: absolute;
    top: 3px;
    right: 2px;
    width: 32px;
    height: 32px;
    padding: 0;
    background-image: url("../../img/main/icon_hamberger.png");
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 32px;
    background-position: center 0;
    transition-duration: .3s
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li.open > a.button {
    background-position: center -32px
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 > li.open > a:first-child {
    color: #333;
    font-weight: 600
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1 ul {
    display: none
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1#brand ul.depth2 {
    padding: 15px 25px
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1#brand ul.depth2 li {
    display: inline-block;
    width: calc(12.5% - 1px)
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1#brand ul.depth2 li a {
    font-size: 10px;
    color: #333;
    padding: 0;
    text-indent: 0;
    text-align: center;
    border: solid 1px #ccc;
    margin: 1px
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth1#brand ul.depth2 li a img {
    max-width: 100%
}

#mobileOverlayMenu .slideWrap .hamburger-gnb .depth3 > li a.button {
    
}

#mobileOverlayMenu .backgruond {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    transition: opacity 50ms;
    z-index: 218
}

#mobileOverlayMenu .close_mobileOverlayMenu {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 50px;
    height: 50px;
    margin-left: -40px;
    background: url("../../img/main/button_close_white.png") no-repeat center;
    opacity: 0;
    transition: opacity 50ms;
    cursor: pointer;
    z-index: 219
}

#mobileOverlayMenu.show {
    left: 0
}

#mobileOverlayMenu.show .backgruond {
    opacity: 1;
    transition: opacity .5s;
    transition-delay: 0.4s
}

#mobileOverlayMenu.show .close_mobileOverlayMenu {
    opacity: 1;
    transition: opacity .5s;
    transition-delay: 0.4s
}

@media screen and (max-width: 567px) {
    #mobileOverlayMenu .slideWrap .hamburger-gnb .depth1#brand ul.depth2 li {
        width: calc(25% - 1px)
    }
}

#mobileOverlayMenu .slideWrap .global > div {
    padding: 15px 10px
}

#mobileOverlayMenu .slideWrap .global ul {
    display: flex
}

#mobileOverlayMenu .slideWrap .global ul li {
    display: inline-block
}

#mobileOverlayMenu .slideWrap .global ul li a {
    line-height: normal;
    margin: 0 2px
}

.category ul li.item .subMenu .bestGoods {
    display: inline-block;
    padding: 0 15px
}

.category ul li.item .subMenu .bestGoods .title {
    display: none;
    font-size: 14px;
    letter-spacing: -.03em;
    padding: 7px 0 0 5px
}

.category ul li.item .subMenu .bestGoods ul {
    display: table;
    width: 100%;
    table-layout: auto
}

.category ul li.item .subMenu .bestGoods ul li {
    display: table-cell;
    padding: 0 5px
}

.category ul li.item .subMenu .bestGoods ul li .item_cont {
    position: relative;
    padding: 0
}

.category ul li.item .subMenu .bestGoods ul li .item_cont .item_photo_box {
    display: inline !important
}

.category ul li.item .subMenu .bestGoods ul li .item_cont .item_photo_box a {
    background-color: #fff;
    opacity: 1;
    transition-duration: .2s
}

.category ul li.item .subMenu .bestGoods ul li .item_cont:hover .item_photo_box a {
    opacity: .3;
    transition-duration: .5s
}

.category ul li.item .subMenu .bestGoods ul li .item_cont .item_photo_box a img {
    max-width: none
}

.category ul li.item .subMenu .bestGoods ul li .item_cont .item_info_cont {
    position: absolute;
    left: 0;
    top: calc(50% - 23px);
    width: 100%;
    text-align: center;
    padding: 0;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition-duration: .2s
}

.category ul li.item .subMenu .bestGoods ul li .item_cont:hover .item_info_cont {
    visibility: visible;
    opacity: 1;
    transition-duration: .5s
}

.category ul li.item .subMenu .bestGoods ul li .item_cont .item_info_cont .item_tit_box a {
    transition-duration: 0s
}

.category ul li.item .subMenu .bestGoods ul li .item_cont .item_info_cont .item_tit_box .item_name {
    font-size: 12px;
    padding: 0 5px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.category ul li.item .subMenu .bestGoods ul li .item_cont .item_info_cont .item_tit_box .item_name_explain {
    height: 14px;
    font-size: 11px;
    padding: 0 5px;
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.category ul li.item .subMenu .bestGoods ul li .item_cont .item_info_cont .item_money_box {
    padding: 5px 0 0 0
}

.category ul li.item .subMenu .bestGoods ul li .item_cont .item_info_cont .item_money_box span {
    font-size: 12px;
    margin-right: 10px;
    color: #777;
    text-decoration: line-through
}

.category ul li.item .subMenu .bestGoods ul li .item_cont .item_info_cont .item_money_box .item_price {
    display: inline-block;
    padding: 0
}

.category ul li.item .subMenu .bestGoods ul li .item_cont .item_info_cont .item_money_box .item_price span {
    margin: 0;
    color: #333;
    text-decoration: none
}

.category ul li#allMenu {
    font-size: 0
}

.category ul li#allMenu a {
    width: 50px;
    font-size: 0;
    background: url("../../img/main/btn_all_category.png") no-repeat center center;
    background-color: #7f9973
}

.category ul li#allMenu a::after {
    content: "ALL\AMENU";
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 0;
    width: 50px;
    height: 50px;
    line-height: 18px;
    color: #fff;
    font-size: 12px;
    transform: scale(1);
    white-space: pre;
    background-color: transparent;
    transition-duration: .5s;
    visibility: hidden;
    opacity: 0
}

.category ul li#allMenu:hover a {
    background-position: center 50px
}

.category ul li#allMenu:hover a::after {
    visibility: visible;
    opacity: 1
}

#sideQuickMenu {
    position: fixed;
    right: -195px;
    top: 0;
    width: 195px;
    height: 100%;
    background: #fff;
    transition-duration: .5s;
    z-index: 100
}

#sideQuickMenu .quickMenuWrap {
    height: 100%;
    padding: 20px 20px 0 20px;
    border-left: 1px solid #ccc
}

#sideQuickMenu .quickMenuWrap .tooltip {
    position: absolute;
    top: calc(50% - 13px);
    white-space: nowrap;
    line-height: normal;
    font-size: 12px;
    padding: 5px 10px;
    background-color: #fff;
    color: #333;
    border: 1px solid #333;
    border-radius: 5px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .5);
    visibility: hidden;
    opacity: 0;
    transition-duration: .5s
}

#sideQuickMenu .quickMenuWrap .title {
    position: relative;
    font-size: 12px;
    padding-bottom: 10px
}

#sideQuickMenu .quickMenuWrap .title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 1px;
    background-color: #ccc;
    z-index: 1
}

#sideQuickMenu .quickMenuWrap .contents {
    font-size: 12px;
    padding-top: 10px
}

#sideQuickMenu .quickMenuWrap .logo {
    text-align: center
}

#sideQuickMenu .quickMenuWrap .logo img {
    width: 100%;
    max-width: 150px
}

#sideQuickMenu .quickMenuWrap .menu {
    margin: 37px 0 0 0;
    text-align: center
}

#sideQuickMenu .quickMenuWrap .menu a {
    display: inline-block;
    position: relative;
    width: 21px;
    border: 1px solid #ddd;
    padding: 7px;
    margin-left: 2px;
    transition-duration: .5s
}

#sideQuickMenu .quickMenuWrap .menu a:first-child {
    margin-left: 0
}

#sideQuickMenu .quickMenuWrap .menu a:hover {
    background-color: #f5f5f5
}

#sideQuickMenu .quickMenuWrap .menu a img {
    width: 100%;
    transition-duration: .1s
}

#sideQuickMenu .quickMenuWrap .menu a .tooltip {
    right: 42px
}

#sideQuickMenu .quickMenuWrap .menu a:hover .tooltip {
    visibility: visible;
    opacity: 1
}

#sideQuickMenu .quickMenuWrap .cs {
    margin-top: 40px
}

#sideQuickMenu .quickMenuWrap .cs .phone {
    font-size: 14px;
    font-weight: 600;
    color: #333
}

#sideQuickMenu .quickMenuWrap .cs .hours {
    line-height: 16px;
    color: #777;
    margin-top: 5px
}

#sideQuickMenu .quickMenuWrap .bank {
    margin-top: 40px
}

#sideQuickMenu .quickMenuWrap .bank ul {
    padding-bottom: 5px
}

#sideQuickMenu .quickMenuWrap .bank ul li {
    display: block
}

#sideQuickMenu .quickMenuWrap .bank .bankName {
    font-weight: 400
}

#sideQuickMenu .quickMenuWrap .bank .accountNumber {
    font-size: 14px;
    font-weight: 600
}

#sideQuickMenu .quickMenuWrap .bank .depositor {
    color: #777
}

#sideQuickMenu .quickMenuWrap #todayGoods {
    position: relative;
    margin-top: 40px
}

#sideQuickMenu .quickMenuWrap #todayGoods .title em {
    color: #bbb;
    margin-left: 3px
}

#sideQuickMenu .quickMenuWrap #todayGoods ul {
    width: calc(100% + 4px);
    padding-top: 10px;
    margin-left: -2px
}

#sideQuickMenu .quickMenuWrap #todayGoods ul li .item_cont {
    padding: 0 2px
}

#sideQuickMenu .quickMenuWrap #todayGoods ul li .item_cont .item_photo_box {
    border: 1px solid #fff
}

#sideQuickMenu .quickMenuWrap #todayGoods ul li .item_cont .item_photo_box:hover {
    border-color: #aaa
}

#sideQuickMenu .quickMenuWrap #todayGoods ul li .item_cont .item_photo_box a {
    background-color: #fff
}

#sideQuickMenu .quickMenuWrap #todayGoods ul li .item_cont .item_photo_box a img {
    max-width: 100%
}

#sideQuickMenu .quickMenuWrap #todayGoods ul li .item_cont .item_photo_box button {
    display: none;
    position: absolute;
    top: 2px;
    right: 2px;
    opacity: .6
}

#sideQuickMenu .quickMenuWrap #todayGoods ul li .item_cont .item_photo_box:hover button {
    display: block
}

#sideQuickMenu .quickMenuWrap #todayGoods .control {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 0
}

#sideQuickMenu .quickMenuWrap #todayGoods .control .arrow {
    position: absolute;
    top: 0;
    width: 10px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition-duration: .5s
}

#sideQuickMenu .quickMenuWrap #todayGoods .control .arrow.prev {
    left: 5px;
    background-image: url("../../img/main/btn_arrowLeft.png")
}

#sideQuickMenu .quickMenuWrap #todayGoods .control .arrow.next {
    right: 5px;
    background-image: url("../../img/main/btn_arrowRight.png")
}

#sideQuickMenu .quickMenuWrap #todayGoods .control .arrow img {
    max-width: 100%
}

#sideQuickMenu .quickMenuWrap #todayGoods:hover .control .arrow {
    opacity: 1;
    visibility: visible
}

#sideQuickMenu .quickMenuWrap #todayGoods:hover .control .arrow.prev {
    left: -10px
}

#sideQuickMenu .quickMenuWrap #todayGoods:hover .control .arrow.next {
    right: -10px
}

#sideQuickMenu .quickMenuWrap .button {
    position: absolute;
    left: -90px;
    top: calc(50% - 100px);
    transition-duration: .5s
}

#sideQuickMenu .quickMenuWrap .button a {
    display: block;
    position: relative;
    width: 68px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    background-color: rgba(255, 255, 255, .8)
}

#sideQuickMenu .quickMenuWrap .button a:hover {
    background-color: rgba(0, 0, 0, .1)
}

#sideQuickMenu .quickMenuWrap .button a.switch {
    border: solid 1px #ccc;
    border-radius: 35px;
    margin-bottom: 10px
}

#sideQuickMenu .quickMenuWrap .button a.switch .line {
    position: absolute;
    left: 22px;
    width: 25px;
    height: 2px;
    background-color: #000;
    transition-duration: .5s
}

#sideQuickMenu .quickMenuWrap .button a.switch .line.lineTop {
    top: 23px
}

#sideQuickMenu .quickMenuWrap .button a.switch .line.lineCenter {
    top: 33px;
    opacity: 1
}

#sideQuickMenu .quickMenuWrap .button a.switch .line.lineBottom {
    top: 43px
}

#sideQuickMenu .quickMenuWrap .button a.kakaotalk {
    border: solid 1px #ccc;
    border-radius: 35px
}

#sideQuickMenu .quickMenuWrap .button a.navertalk {
    border: solid 1px #ccc;
    border-radius: 35px
}

#sideQuickMenu .quickMenuWrap .button.kakaotalk_use.navertalk_use a.kakaotalk {
    border-bottom: none;
    border-radius: 35px 35px 0 0
}

#sideQuickMenu .quickMenuWrap .button.kakaotalk_use.navertalk_use a.navertalk {
    border-top: none;
    border-radius: 0 0 35px 35px
}

#sideQuickMenu .quickMenuWrap .button a img {
    vertical-align: middle
}

#sideQuickMenu .quickMenuWrap .button a.top {
    border: solid 1px #ccc;
    border-radius: 35px;
    margin-top: 10px
}

#sideQuickMenu .quickMenuWrap .button a.top img {
    max-width: 10px
}

#sideQuickMenu .quickMenuWrap .button a .tooltip {
    right: 50px
}

#sideQuickMenu .quickMenuWrap .button a:hover .tooltip {
    visibility: visible;
    opacity: 1
}

#sideQuickMenu .quickMenuWrap .button a .sns_icon {
    width: 50px
}

#sideQuickMenu.on {
    right: 0
}

#sideQuickMenu.on .quickMenuWrap .button {
    left: -75px
}

#sideQuickMenu.on .quickMenuWrap .button a.switch .line.lineTop {
    top: 33px;
    transform: rotate(135deg)
}

#sideQuickMenu.on .quickMenuWrap .button a.switch .line.lineCenter {
    opacity: 0
}

#sideQuickMenu.on .quickMenuWrap .button a.switch .line.lineBottom {
    top: 33px;
    transform: rotate(-135deg)
}

.goods_list .item_gallery_type ul li .item_cont .item_info_cont .item_tit_box a .item_name {
    display: block;
    border-bottom: solid 1px #ccc;
    padding-bottom: 7px
}

.goods_list .item_gallery_type ul li .item_cont .item_info_cont .item_tit_box a .item_name_explain {
    padding-top: 17px
}

.mobile .goods_list .item_gallery_type ul li .item_cont .item_info_cont .item_tit_box a .item_name {
    border: none;
    padding: 0
}