/* 헤더 header */
#top-header{height:50px;border-bottom:1px solid #E7E7E7;}
#top-header #brand-left{width:100%;}
#top-header #btn-sidebar{flex:0 0 50px;line-height:50px;font-size:24px;text-align:center}
#top-header #main-brand{width:172px;height:41px;}

#top-header #member-state{display:none;align-items:flex-start;gap: 14px;line-height:36px;}

/*#main-header{z-index:4001;background:white;top:-40px;transition:top 0.3s ease-in-out;}*/
#main-header{z-index:4001;background:white;}
#main-header.sticky{position:sticky;top:0;width:100%;}
#btn-top{display:none;z-index:4001;fill: #D9D9D9;filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));}
#btn-top.sticky{display: flex;float: right;justify-content: flex-start;position: sticky;bottom: 75px;right: 15px;width: 51px;cursor: pointer;height: 51px;}

#page-title{height:98px;line-height:28px;padding:35px 0 35px;font-size:1.75rem;text-align:center;color:var(--ogp-primary);font-family:gg;}

#mobile-header{display:flex}
#mobile-header.no-title{display:flex}

/* customer-local-nav */
#customer-local-nav .nav{gap:30px;}
#customer-local-nav .nav .nav-link{line-height:60px;font-weight:700;color:#000;padding:0 10px;}
#customer-local-nav .nav:nth-of-type(1) .nav-link{font-size:18px;}
#customer-local-nav .nav:nth-of-type(2) .nav-link{font-size:15px;}
#customer-local-nav .nav .nav-link.active{color:var(--bs-primary);}

/* headerNav */
#headerNav{color:black;border-bottom:1px solid #e7e7e7;}
#headerNav .container{max-width:1136px!important;overflow-x:scroll}

#nav-links{display:flex;align-items:flex-start;font-size:14px;min-width:350px;}
#nav-links a{line-height:40px;font-weight:700;padding:0 4px;}

label.input-label{padding:16px 4px 4px;font-size:14px;font-weight:bold;}

/* 제목 없는 mobile-header는 pc에서 안보임 */
@media (min-width:992px) {
    /* headerNav */
    #headerNav .container{overflow: hidden;max-width:1280px!important;}

    #nav-links{display:flex!important;font-size:16px;}
    #input-search{width:390px;}
    #top-header{height:75px;border-bottom:1px solid #E7E7E7;}
    #top-header .container{padding-top:10px;padding-bottom:10px;}
    #top-header #main-brand{width:236px;height:58px;}
    #top-header #member-state{display:flex;align-items: center;font-size:14px;}
    #mobile-header.no-title{display:none}

    #nav-links{gap:5px;}
    #nav-links a{line-height:50px;padding:0 10px;}
}


/* 푸터 footer */
.tray {width:320px;bottom:0;left:calc(50% - 160px);border-radius:10px 10px 0 0;padding:10px 20px;position:fixed;}

/* iframe */
.iframe-popup{border:none;position:fixed;top:0;height:100%;z-index:50000;}
.for-iframe{z-index:50001!important;}

/* 영상 썸네일 */
.vod-item{position:relative;}
.vod-item .thumbnail{cursor:pointer}
.vod-item .ri-play-circle-line{position:absolute;color:white;}

/* inpunity */
.wrap-inpunity{width:100%;padding-top:8px;}

/* 상품 리스트 스타일 */
.item-list-style{margin:16px 0 0;}
.item-list-style .desc-box {}
.item:hover{background-color:#ddd;}
.item-list-style .image{position:relative;width:160px;height:90px;}
.item-list-style .desc-box{padding:0.5rem;height:90px;width:auto;}
.item-list-style .desc-box .item-name{font-size:0.875rem;line-height:1.25rem;margin-top:4px;}
.item-list-style .desc-box .item-desc{font-size:0.75em;line-height:1.125rem;color:#999999;height:1.125rem;}
.item-list-style .desc-box .item-price{font-size:1.125rem;line-height:1.6875rem;color:#0084FF;margin-top:3px;}

/* 입력 테이블 */
.table-form{margin-top:20px;}
.table-form .table-header{width:100%;display:flex; align-content: center;justify-content: space-between;padding: 24px 0px 16px 0px;align-items: flex-start;}
.table-form .table-header .table-name{color: #000;font-size: 20px;font-weight: 400;line-height: 32px;}
.table-form .table-header .table-buttons{display:flex;gap:10px;align-items:center;}
.table-form table{border-top: 1px solid black;}
.table-form th {background: #F3F3F3;font-size: 14px;font-weight: 400;line-height: 22px;vertical-align: middle;}
.table-form td {background: #FFF;vertical-align: middle;font-size: 14px;font-weight: 300;line-height: 22px;}

.field-group{width:100%;display:flex;border: 1px solid #E6E6E6;}
.field-group .label{color: #000;font-size: 14px;font-weight: 400;line-height: 22px;display:flex;border-right: 1px solid #E6E6E6;min-width:15%;
    padding: 16px 10px;align-items:center;background:#F3F3F3;}
.field-group .labels{min-width:15%;}
.field-group .value{display:flex;align-items:center;padding:8px 10px;gap:6px;flex:1 0 auto;}
.field-group .form-control{border:1px solid #ced4da;padding:5px 12px;width:100%;}

/* 상품 그리드 스타일 */
.menu-grid-style{min-height:133px;}
.menu-grid-style .item-wrapper{width:100%;padding:20px 10px;}
.menu-grid-style .thumbnail{width:100%;padding-bottom:100%;border-radius:4px;}
.menu-grid-style .body{padding:0.75rem 0 0 0}

.menu-grid-style .amount-panel{margin-top: 1.25rem;}
.menu-grid-style .amount-panel>div{vertical-align:top;border-radius:4px;}
.menu-grid-style .amount-changer div{height:40px;text-align:center;line-height:40px;}
.menu-grid-style .amount-changer .plus,.amount-panel .minus{color:#909090;width:29%;flex:0 0 auto;}
.menu-grid-style .amount-changer .count{font-size:1.25rem;width:42%;flex:0 0 auto;}

/* auto-style */
.item-auto-style{margin:0 auto;display:flex;}
.item-auto-style .item-wrapper{list-style:none;width:100%;padding:20px 10px;}
.item-auto-style .thumbnail{width:100%;padding-bottom:100%;border-radius:4px;}
.item-auto-style .body{padding:0.75rem 0 0 0}

.item-auto-style .amount-panel{margin-top: 1.25rem;}
.item-auto-style .amount-panel>div{vertical-align:top;border-radius:4px;}
.item-auto-style .amount-changer div{height:40px;text-align:center;line-height:40px;}
.item-auto-style .amount-changer .plus,.amount-panel .minus{color:#909090;width:29%;flex:0 0 auto;}
.item-auto-style .amount-changer .count{font-size:1rem;width:42%;flex:0 0 auto;}


.form-article>.d-flex{margin-top:0;}
.form-article .label-box{border:1px solid #DEE2E6;background:#EEE;width:15%;display:flex;text-align:center}
.form-article .label-box p{align-self:center;width:100%;font-weight:bold;}
.form-article .input-box{border:1px solid #DEE2E6;background:#FFF;width:85%;padding:10px;}

/* 토글 위치 */
.switch{display:inline-block;width:54px;height:30px;position:relative;}
.switch input{opacity:0;width:0;height:0;}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;}
.slider:before{position:absolute;content:"";height:26px;width:26px;left:2px;bottom:2px;background-color:white;transition:.4s;}
input:checked + .slider{background-color:#0084FF}
input:focus + .slider{box-shadow:0 0 1px #0084FF}
input:checked + .slider:before{transform:translateX(24px);}
.slider.round{border-radius:30px;}
.slider.round:before{border-radius:50%;}

/* PC (해상도 1024px)*/
@media (min-width:1119px) {
    .item-auto-style{width:1200px;}
}
@media (min-width:768px) {
    .item-auto-style .item-wrapper{width:240px;}
}
@media (max-width:767px) {
}

.menu-grid-style .btn-to-cart{margin-top:0.5rem;width:100%;text-align:center;line-height:2;background:#0084FF;color:white;border-radius:4px;}

#emptyMessage{position:absolute;left:0;top:45%;width:100%;text-align:center;font-size:0.95em;color:#888;}

/* 사이드바
#side-bar-wrap{position:fixed;z-index:3000;top:0px;left:0;bottom:0;}

#side-bar{border-right: 1px solid #D9D9D9;padding:0 14px;width:220px;transition:width 0.3s ease;height:100%;background-color:white;}
#side-bar-title{height:68px;padding:10px 0;}
#side-bar-title .main-title{font-weight:700;font-size:20px;line-height:48px;color:var(--bs-primary);display:none;padding:0 10px;}
#side-bar-title .main-title.active{display:flex;}
#side-bar .my-page-title{display:none;overflow:hidden;white-space:nowrap}
#side-bar .my-page-title.active{display:flex;overflow:hidden;white-space:nowrap}
#side-bar .search-title{display:none}
#side-bar .search-title.active{display:flex}

#side-bar .side-bar-left li{width:192px;height:46px;margin:18px 0;cursor:pointer;}
#side-bar .side-bar-left li .d-flex{padding:10px;}
#side-bar .side-bar-left li .icon{width:26px;height:26px;}
#side-bar .side-bar-left li span{padding-left:14px;font-weight:400;font-size:14px;line-height:26px;color: rgba(0, 0, 0, 0.8);}
*/
/* 사이드바 개폐
#side-bar.open{width:350px;padding-right:0;}
#side-bar.open .list-unstyled{padding-right:24px;}
#side-bar.open ul li span{display:none;}
#side-bar:not(.open) {transition:width 0.3s ease;}
#side-bar.open .active{display:block}
#side-bar.open .lively-title{display:none}
#side-bar-search{display:none;}
#side-bar-my-page{display:none;}
#side-bar #side-bar-my-page{overflow:hidden;white-space:nowrap}
#side-bar #side-bar-search{overflow:hidden;white-space:nowrap;padding:12px;}
.side-bar-right .title{font-weight:700;font-size:20px;line-height:30px;padding:20px;}

#side-bar.open .side-bar-left{width:62px;}
#side-bar.open .side-menu-item .d-flex{width:48px;}

#side-bar-my-page li{width:260px;line-height:38px;}
 */

/* 게시판 */
.table-board thead{background-color:#EEEEEE;border-bottom:1px solid black;color:black;font-weight:bold}
.table-board thead th{border:none;border-bottom: 1px solid black;display:table-cell}
.table-board tbody{background-color:white}
.table-board tbody td{border-left:none;border-right:none;}

/* 20230713 사이드 override*/
#side-bar-wrap{position:fixed;z-index:3000;top:0px;left:0;height:672px;top:90px;}

#side-bar{border: 1px solid #D9D9D9;transition:width 0.3s ease;height:100%;background-color:white;}
#side-bar-title{height:68px;padding:10px 0;}
#side-bar-title .main-title{font-weight:700;font-size:20px;line-height:48px;color:var(--bs-primary);display:none;padding:0 10px;}
#side-bar-title .main-title.active{display:flex;}
#side-bar .my-page-title{display:none;overflow:hidden;white-space:nowrap}
#side-bar .my-page-title.active{display:flex;overflow:hidden;white-space:nowrap}
#side-bar .search-title{display:none}
#side-bar .search-title.active{display:flex}

#side-bar .list-unstyled{display: inline-flex;padding: 10px 12px;flex-direction: column;align-items: flex-start;gap: 18px;margin-bottom:0px;flex-shrink: 0;}
#side-bar .list-unstyled li{padding: 10px;}
#side-bar .list-unstyled li div{color: #000;font-size: 14px;font-weight: 400;line-height: 22px; }
#side-bar .side-bar-left li .d-flex{width:140px;cursor:pointer;gap:6px;align-items: center;gap: 6px;height:46px;}
#side-bar .side-bar-left li svg{width:46px;height:26px;}

/* 사이드바 개폐 */
#side-bar.open{width:350px;padding-right:0;}
#side-bar.open .list-unstyled{padding-right:24px;}
#side-bar.open ul li span{display:none;}
#side-bar:not(.open) {transition:width 0.3s ease;}
#side-bar.open .active{display:block}
#side-bar.open .lively-title{display:none}
#side-bar-search{display:none;}
#side-bar-my-page{display:none;}
#side-bar #side-bar-my-page{overflow:hidden;white-space:nowrap}
#side-bar #side-bar-search{overflow:hidden;white-space:nowrap;padding:12px;}
.side-bar-right .title{font-weight:700;font-size:20px;line-height:30px;padding:20px;}

#side-bar.open .side-bar-left{width:70px;}
#side-bar.open .side-menu-item .d-flex{width:48px;}

#side-bar-my-page li{width:260px;line-height:38px;}

@media (min-width:1260px) {
    #side-bar-wrap{left:calc(50% - 630px);}
}

/* 바텀 모바일 푸터 */
#mobile-footer{z-index:8001;display:none;}
#mobile-footer .icons{position:absolute;bottom:10px;left:calc(50% - 190px);width:380px;height:40px;z-index:2;}

#mobile-footer .icon{position:absolute;width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:50%;}

.mf-bg{width:100%;position:absolute;bottom:0;background-size:381px;background-position:50%;background-image:url(/assets/images/subtract.png);background-repeat:no-repeat;}
.mf-bg .left-block{position:absolute;width:800px;bottom:0;right:calc(50% + 190px);height:60px;background-color:#FFF9F9;}
.mf-bg .right-block{position:absolute;width:800px;bottom:0;left:calc(50% + 190px);height:60px;background-color:#FFF9F9;}

.first .mf-bg{background-image:url("/assets/images/subtract-1.png")}
.second .mf-bg{background-image:url("/assets/images/subtract-2.png")}
.third .mf-bg{background-image:url("/assets/images/subtract-3.png")}
.fourth .mf-bg{background-image:url("/assets/images/subtract-4.png")}

/* desktop */
/*body.mobile #side-bar-wrap{display:none} 모바일 사이드바*/
body.mobile #mobile-footer{display:block}

/* 푸터 */
footer #footer-top{margin-top:40px;border-top:1px solid #E2E2E2;display:flex;padding:30px 20px;align-items:flex-start;gap:80px;}
footer #footer-top .info-list{display:flex;flex-direction:column;align-items:flex-start;gap:20px;flex-shrink:0;min-width:160px;}
footer #footer-top .info-list .title{color:#A3A3A3;font-size:14px;font-weight:700;line-height:26px;}
footer #footer-top .info-list .content{}
footer #footer-top .info-list .content *{width:100%;margin-top:4px;color:#A3A3A3;font-size:12px;font-weight:400;line-height:26px;}
footer #footer-top .info-list .content span{color:#4F4F4F}
footer #footer-top #a-online-apply{color:white;border-radius:0;display:block;padding:2px;}
footer #footer-bottom{border-top:1px solid #E2E2E2;padding:30px 20px;flex-direction:column;align-items:flex-start;}
footer #footer-bottom *{color:#A3A3A3;font-size:12px;font-weight:400;line-height:26px;}
footer #footer-top .info-list .big-number{font-size:18px;font-weight:bold;}

/* 바텀 카트 담기 래퍼 */
#cart-wrapper{background:#2069B2;position:fixed;bottom:60px;left:0;right:0;padding:20px;}
#cart-wrapper>div>div{flex-direction: column;}
#cart-wrapper #cart-wrapper-text {font-size:14px;}
#cart-wrapper-text{font-size: 20px;font-weight: 400;}
#cart-wrapper-cost{font-size: 17px;font-weight: 700;}

#cart-wrapper .btn{padding: 10px 20px;flex: 0 0 115px;gap:6px;}
#cart-wrapper .btn span{color: #2069B2;text-align: center;font-size:16px;font-weight: 500;line-height:28px;}
#cart-wrapper .btn .market-cart-count{width: 28px;height: 28px;line-height:28px;border-radius:14px;background:#2069B2;color:white;text-align:center;
    font-size: 15px;font-weight: 500;}

@media (min-width:992px) {
    #cart-wrapper{bottom:0;}
    #cart-wrapper .btn{padding: 14px 30px;flex: 0 0 132px;}
    #cart-wrapper .btn span{font-size: 20px;}
    #cart-wrapper-cost{margin-left:20px; font-size: 30px;font-weight: 700;}
}

/* 검색 자동완성 */
.autocomplete-container{position:relative;}
.autocomplete-suggestions {position: absolute;border: 1px solid #ddd;border-top: none;z-index: 1000;top: 100%;left: 0;right: 0;background-color: white;box-shadow: 0px 4px 5px rgba(0,0,0,0.2);max-height: 300px;overflow-y: auto;}
.autocomplete-suggestions .dropdown-item {padding: 8px 16px;cursor: pointer;text-align: left;}
.autocomplete-suggestions .dropdown-item:hover {background-color: #f8f8f8;}

/* 주문 타입 설정 ({member.type}/orders/list) */
#selector-status{text-align:center;justify-content: center;display: flex;}
#selector-status>div{padding:14px 0;cursor:pointer;width:100px;}
#selector-status .text{font-size:13px;font-weight:300;line-height:18px;}
#selector-status .number{color:#000;font-size:20px;font-weight:500;line-height:20px;}
#selector-status .active .text{color:var(--bs-primary)}
#selector-status .active .number{color:var(--bs-primary)}