@charset "utf-8";

select {
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
}
select::-ms-expand {
    display: block;
}

.main-contents {
    height: calc(100% - 311px - 64px - 227px);
}


/* --------------------------------------------------------------------------- */
/* layer Popup
/* --------------------------------------------------------------------------- */
.popupLayer {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 10000;
    box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
    -webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
    /* width: 100%; 
    height: 100%; 
    background-color: rgba(0, 0, 0, 0.4); */
} 
.popupLayer.mobile {
    left: 5px;
    right: 5px;
    top: 65px;
}

/*팝업 박스*/
.popup_box{ 
    position: relative;
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%;
    /* transform: translate(-50%, -50%); */
    z-index: 1002;
    box-sizing: border-box;
    background: rgb(255, 255, 255);
    /* box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
    -webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35); */
}

/*컨텐츠 영역*/
.popup_box .popup_cont { padding:0px; width: auto; height: auto; }
.popup_box .popup_cont p { margin-bottom: 0rem; }
.popup_box .popup_cont img { max-width: 100%; height: auto; }

/*버튼영역*/
.popup_box .popup_btn {
    position: absolute;
    bottom: 0px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    padding: 5px;
    background: rgba(0, 0, 0, 0);
    word-break: break-word;
}
.popup_box .popup_btn a {
    position: relative;
    color: #fff;
    font-size: 14px;
    padding: 6px;
    text-decoration: none;
}
.popup_box .popup_btn a.close_x { font-size: 0px; }
.popup_box .popup_btn a.close_x.bgdark::before,
.popup_box .popup_btn a.close_x.bgdark::after { background: #000000 !important; }

.popup_box .popup_btn a:before {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    width: 1px;
    height: 18px;
    background: #fff;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.popup_box .popup_btn a:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    width: 1px;
    height: 18px;
    background: #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.popup_box .popup_btn a.close_day:before, 
.popup_box .popup_btn a.close_day:after {
    display:none;
}

.popupLayer.mobile .popup_box .popup_btn { position: initial !important; }

/*오버레이 뒷배경*/
.popup_overlay { 
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1001;
    background: rgba(0,0,0,0.5);
} 


/* --------------------------------------------------------------------------- */
/* Section Common
/* --------------------------------------------------------------------------- */

section {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}
.sec-title {
    color: #333;
    /* font-size: 1.625rem; */
    /* font-weight: 700; */
    letter-spacing: 0.5px;
    margin-bottom: 3px;
    line-height: 2;
}
/*
.sec-title span {
    color: #3b3b3b;
    font-weight: 700;
}
*/

/*
.sec-title::before {
    content: "\f10a";
    color: #025f1d;
    font-family: bootstrap-icons !important;
    font-size: 0.8rem;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
}
*/
.sec-plus {
    font-size: 0.9rem;
    line-height: 3;
}
.sec-more {
    line-height: 2;
    padding: 0px 20px;
    color: #000;
    border: 1px solid #bbb;
    background: #fff;
    cursor: pointer;
}
.sec-more:hover {background: #f9f9f9;}

.b-wrap {
    /* margin: 0px !important; */
    padding: 0px !important;
}
/*
.b-wrap div:nth-child(4n+1) {
    padding-left: 0px !important;
}
.b-wrap div:nth-child(4n+4) {
    padding-right: 0px !important;
}

@media (max-width: 992px) {
    .b-wrap > div:nth-child(4n+1) {
        padding-left: calc(var(--bs-gutter-x)/ 2) !important;
    }
    .b-wrap > div:nth-child(4n+4) {
        padding-right: calc(var(--bs-gutter-x)/ 2) !important;
    }
}
*/
.q-title {
    display: grid;
    grid-template-columns: 1fr 1fr;
}


/* --------------------------------------------------------------------------- */
/* Header Box
/* --------------------------------------------------------------------------- */

header * { 
    margin-bottom: 0rem !important; 
}
.hd-bg {
    /* background-color: #025f1d; */
    background-color: #f3f3f3;  
    border-bottom: 1px #e3e3e3 solid;  
}

/* 띠 배너 */
.promotionBanner { 
    position:relative; 
    overflow:hidden; 
    text-align:center; 
    background:#9edffd; 
}
.promotionBanner .bannerLink { 
    display:block; 
}
.promotionBanner .btnClose { 
    position:absolute; 
    top:22px; 
    left:50%; 
    margin-left:520px; 
}

.hd-link > li { 
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem;
}
.hd-link > li:first-child { 
    margin: 0;
} 
.hd-link > li:nth-child(2) { 
    margin-left: 0.5rem;
} 

.hd-link > li .log-name, 
.hd-link > li a {
    font-size: 14px;
    color: #464646 !important;
    font-weight: normal;
    line-height: 2.5rem;
    /*
    padding-top: 0.625rem;
    background-repeat: no-repeat;
    background-position: center;
    */
}
.hd-link > li a svg { margin: -4px 0px 0 0; }

.n-list { position: relative; }
.sub-customer {
  display: none;
  position: absolute;
  top: 40px;
  left: auto;
  right: 0;
  width: 130px;
  padding: 5px 0 7px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0px 3px 10px -2px #ddd;
  z-index: 101;
} 
.sub-customer li {
  text-align: right;
  padding: 6px 15px;
}
.sub-customer li a {
  line-height: 1 !important;
}
.n-list:hover > .sub-customer {
  display: block;
}


.header {
    text-align: center;
    border-bottom: 1px #d7d7d7 solid;
    height: 130px;
}
.hd-logo {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    height: 130px;
}
.hds-area {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    min-height: 6rem;
}
/*
.hd-search {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
}
*/
.hd-check {
    margin-left: 10px;
}
.hd-check div {
    text-align: left;
}

.hds-top {
    position: relative;
    width: 550px;
    /* margin-bottom: 5px; */
    margin: 0 auto;
   /* line-height: 9.4rem; */
}
.hds-top input {
    border: 2px solid #51589b; /*#306988;*/
    height: 52px;
    box-sizing: border-box;
    /* color: #000; */
    font-size: 18px;
    font-weight: 400;
    padding-left: 15px;
    width: 100%;
    border-radius: 5px !important;
}

.hds-top input#search_q ::placeholder {
    color: red;
}

.hds-top input#search_q ::-webkit-input-placeholder{
    color: red;
}

.hds-top input#search_q :-ms-input-placeholder{
    color: red;
}



/* .hds-top a {
    position: absolute;
    right: 0;
    top: 0px;
    width: 52px;
    line-height: 49px;
    /* height: 40px;
    background-color:  #306988;
}

.hds-top a i {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.35rem;
} */


.hds-top button {
    position: absolute;
    right: 0;
    top: 0px;
    width: 52px;
    line-height: 47px;
    /* height: 40px; */
    background-color: #51589b !important; /*#306988*/
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.hds-top button i {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.35rem;
}




/*
.header .hd-right {
    text-align: center;
    width: 250px;
    margin: 0 auto;
}
*/

.b-bottom-1 {
    border-bottom: 1px solid #ddd;
}
/*
.navbar-nav li:first-child {
    padding-left: 0 !important;
}
*/
.navbar {
    padding: 0px !important;
    /* border-bottom: 1px #d7d7d7 solid; */
    background-color: #51589b;
    /* background-color: #3276c0 */
}
.nav-sub-area {
    background-color: #fff;
    display: none;
    position: absolute;
    top: 56px;
    left: -1px;
    z-index: 999;
    width: 520px;
    height: 285px;
    padding: 1.7rem !important;
    border: 1px solid #ddd;
    /* border-top: 2px solid #025f1d; */
    box-shadow: 5px 5px 10px rgb(0 0 0 / 12%);
}
.sub-end {
    left: -419px !important;
}
.nav-sub-img {
    padding: 0px !important;
    position: relative !important;
}
.nav-sub-img-position {
    position: absolute;
    right: 0px;
    z-index: 2;
}
.nav-sub-img-position img {
    width: 300px;
    height: 200px;
    border-radius: 5%;
}
.nav-sub-area li {
    text-align: left;
    display: block;
    font-size: 15px;
    padding: 0 0 10px 0;
    margin: 0;
}
.nav-sub-area li a {
    font-size: 1rem;
    color: rgb(0, 0, 0) !important;
}
.nav-sub-area li:hover a {
    background: rgba(221, 172, 188, 0.1);
}
.nav-sub-area li:hover a {
    color: #025f1d !important;
}

.nav-sub-area .menu_list {
    height: 230px;
    overflow: auto;
}
.nav-sub-area p {
    text-align: left;
    display: block;
    font-size: 15px;
    padding: 0 0 10px 0;
    margin: 0;
}
.nav-sub-area p a {
    font-size: 1rem;
    color: rgb(0, 0, 0) !important;
}
.nav-sub-area p:hover a {
    background: rgba(221, 172, 188, 0.1);
}
.nav-sub-area p:hover a {
    color: #025f1d !important;
}



#navbarNav li.nav-item {
    padding: 10px 0.7rem;
    position: relative!important;
    height: 70px; /*60px;*/
}
#navbarNav li.nav-item > a {
    font-size: 20px;
    color: rgb(255 255 255);
    height: 100%;
    line-height: 1.8;
}
#navbarNav li.nav-item:hover .nav-sub-area {
    display: block;
}

#navbarNav .nav-right ul {  
    /* border-left: 1px solid rgb(181 181 181 / 38%);
    border-right: 1px solid rgb(181 181 181 / 38%); */
}
#navbarNav .nav-right ul li:first-child {  
    border-right: 1px solid rgb(181 181 181 / 38%);
}
#navbarNav .nav-right ul li:hover a {
    color: #fff !important;
}
#navbarNav .nav-right ul li:hover {
    background-color: #4682b4;
    transition: all 0.5s;
}

#navbarNav .submenu {
    display: none;
    position: absolute;
    top: 60px;
    left: -2px;
    width: auto;
    padding: 0px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0px 3px 10px -2px #ddd;
    z-index: 101;  
}  
#navbarNav .submenu .sub-ul {
    display: flex;
}
#navbarNav .submenu .sub-ul .sub-li {
    padding: 16px 10px;
    width: 100px;
    text-align: center;
}
#navbarNav #mbland:hover > .sub-bland {
    display: block;
}
#navbarNav .submenu .sub-ul .sub-li:hover > a {
    color:#ae1948 !important;
}

#navbarNav #sbland {
    position: relative;
}
#navbarNav .sub-bland {
    display: none;
    position: absolute;
    top: 57px;
    left: 0px;
    width: 724px;
    padding: 0px;
    background-color: #fff;
    border: 2px solid #231815;
    border-radius: 5px;
    box-shadow: 0px 3px 10px -2px #ddd;
    z-index: 101; 
}  
#navbarNav .sub-bland div:first-child {
    padding: 7px;
    border-bottom: 1px solid #ddd;
    background-color: #f9f9f9;
}
#navbarNav .sub-bland div:nth-child(2) {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}
#navbarNav .sub-bland div:nth-child(2) P {
    font-size: 13px;
    color: #999;
}
#navbarNav .sub-bland div:nth-child(1) ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
#navbarNav .sub-bland div:nth-child(1) ul li input {
    border: 1px solid #ddd;
    height: 30px;
    box-sizing: border-box;
    font-size: 14px;
    margin-left: 10px;
    padding-left: 10px;
}
#navbarNav .sub-bland div:nth-child(1) ul li a.search {
    background-color: #0385d0;
    height: 30px;
    padding: 4px 10px;
    margin-left: -4px;
    /*font-size: 1.125rem;*/
}
#navbarNav .sub-bland div:nth-child(1) ul li a.search i {
    color: #fff !important;
}
#navbarNav .sub-bland div:nth-child(3) ul {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
}
#navbarNav .sub-bland div:nth-child(3) ul li {
    flex-basis: 10%;
    flex-grow: 0;
    width: auto;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid rgb(223, 223, 223);
    border-right: 1px solid rgb(223, 223, 223);
    background-color: #fff;
    cursor: pointer;
}  
#navbarNav .sub-bland div:nth-child(3) ul li:hover {
    background-color: #f0f8ff;
}
#navbarNav #sbland:hover > .sub-bland {
    display: block;
}

.navwrap {
    /* border-bottom: 1px #d7d7d7 solid; */
    position: relative;
    text-align: center;
}
.navwrap .allWrap {
    position: relative;
    /* display: inline-block; */
    padding: 0.43rem 1.3rem;
    width: 100%;
    height: 100%;
    /* box-sizing: border-box; */
    /* border-left: 1px #d7d7d7 solid; */
    /* border-right: 1px #d7d7d7 solid; */
    line-height: 3;
    /* font-weight: bold; */
    background-color: black;
    color: white;
    text-align: right;
}


.link-top-fix {
    position: fixed !important;
    width: 100%;
    margin: 0 auto;
    top: 0px;
    z-index: 1000;
    transition: all 0.5s;
}
.menu-top-fix {
    position: fixed !important;
    width: 100%;
    margin: 0 auto;
    border-top: 1px #e4e4e4 solid;
    top: 39px;
    z-index: 100;
    transition: all 0.5s;
    box-shadow: 0px 3px 10px -2px #ddd;
}
.menu-top-fix .btn-category-area-all .category-box { display: none; }
.menu-top-fix .btn-category-box-1 { pointer-events: auto; }
.menu-top-fix .category-box { background: rgb(214 214 214 / 100%); }

.totalWrap {
    position: absolute;
    right: 13px;
}
.btn-category {
    width: 48px;
    height: 48px;
    /* box-shadow: 0px 0px 2px rgb(0 0 0 / 20%); */
    /* background: #fff; */
    transition: background 0.3s;
    /* border-radius: 100%; */
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer;    
}
.btn-category .bar {
    position: absolute;
    width: 18px;
    height: 2px;
    left: 30%;
    border: 0;
    /* background: #025f1d; */
    background: #fff !important;
    transition: opacity 0.3s, top 0.3s, transform 0.5s;
    transition-delay: 0.3s, 0.3s, 0s;
}
.btn-category-area {
    cursor: pointer;
    background: #000 !important;
    color: #fff;
    padding: 4px 40px;
}
.btn-category-area-all {
    display: block;
    width: 216px;
    height: 70px; /*60px;*/
    font-size: 20px;
    /* font-weight: 700; */
    cursor: pointer;
    background: #393939 !important;
    color: #fff;
}
/* ----------------
.btn-category-area:hover .btn-category-box {
    background: #025f1d !important;
    color: #fff;
}
.btn-category-area:hover .bar {
    background: #fff !important;
}
*/

/* ----------------
.btn-category:hover {
    background-color: #025f1d;
}
.btn-category:hover .bar {
    background: #fff;
}
*/
.btn-category .bar:nth-child(1) {
    top: 15px;
    transform: rotate(0);
}
.btn-category .bar:nth-child(2) {
    top: 23px;
    opacity: 1;
}
.btn-category .bar:nth-child(3) {
    top: 31px;
    transform: rotate(0);
}
.btn-category.change .bar {
    background:#000; 
    transition:background 1s, opacity 0.3s, top 0.3s, transform 0.5s; 
    transition-delay:0s, 0s, 0s, 0.3s;
}
.btn-category.change .bar:nth-child(1) {
    top: 23px;
    transform: rotate(-45deg);
} 
.btn-category.change .bar:nth-child(2) {
    opacity: 0;
}
.btn-category.change .bar:nth-child(3) {
    top: 23px;
    transform: rotate(45deg);
}

.navwrap .nav-title {
    /* display: inline-block; */
    width: 100%;
    /* height: 4.25rem; */
    text-align: right;
}
.navwrap .nav-title li {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    /* line-height: 4.25; */
    color: black;
    /* font-weight: bold; */
}
.navwrap .nav-title li a {
    color: inherit;
    position: relative;
    line-height: 4.25;
}
.navwrap .nav-title li a:after {    
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    position: absolute;
    background: #025f1d;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}
.navwrap .nav-title li:hover {
    color: #025f1d;
}
.navwrap .nav-title li a:hover:after { 
    width: 100%; 
    left: 0;     
}


.hd-item { 
    position: relative;
    text-align: center;
    min-width: 4.5rem;
    padding: 5px;
    border-radius: 10px;
    margin: 0 5px;
}
.hd-item i { font-size: 2.7rem; color: #7e7e7e; }
.hd-item p { font-size: 0.8125rem; display: none; }

.hd-item:hover a i {
    color: red; 
}

.box-count {
    /* position: absolute; */
    right: -8px;
    top: 7px;
    width: 24px;
    height: 24px;
    text-align: center;
    color:#fff;
    background-color: #ff3d00; 
    border-radius: 50%;
    box-sizing: border-box;
    box-shadow: inset 0 0 1px 0 #fff, inset 0 0 1px 0 #fff;
    z-index: 10;
}

.box-count2 {
    position: absolute;
    right: -8px;
    top: 7px;
    width: 24px;
    height: 24px;
    text-align: center;
    color:#fff;
    background-color: #ff3d00; 
    border-radius: 50%;
    box-sizing: border-box;
    box-shadow: inset 0 0 1px 0 #fff, inset 0 0 1px 0 #fff;
    z-index: 10;
}

.box-count .cart-num,
.box-count2 .cart-num,
.box-count .order-num {
    font-size: 11px;
    line-height: 23px;
    color: #fff;
    font-weight: 700;
    vertical-align: top;
    font-style: normal;
}

.header-m {
    position: fixed;
    top: 0;
    width: 100%;
    height: 60px; /*80px;*/
    z-index: 2000;
    background-color: #fff;
    /*border-bottom: 1px solid #ddd;*/
    line-height: 3.125;
}  
.logo-wrap {
    width: 100%;
    z-index: 300;
    text-align: center;
}
.logo-area {
    /* padding: 4px 0 1px; */
    line-height: 5;
}
.logo-area .logo {
    display: block;
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -15px;
    /*
    display: inline-block;
    width: auto;
    padding: 5px 0;
    */
}  
/*.logo-area .logo img { width: 100px; }*/

.logo-wrap .mb-top-search-wrap {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 250px;
    margin-top: -18px !important;
    margin-left: auto;
    margin-right: auto;
}
.logo-wrap .mb-top-search-wrap .mb-hds-top input {
    /*border: 1px #306988 solid;*/
    background-color: aliceblue;
    height: 38px;
    box-sizing: border-box;
    font-size: 14px; /*15px;*/
    padding-left: 10px;
    width: 100%;
    border-radius: 30px !important;
}
.logo-wrap .mb-top-search-wrap .mb-hds-top input::placeholder {
    font-size: 14px;
}
.logo-wrap .mb-top-search-wrap .mb-hds-top button {
    position: absolute;
    right: 4px; /*0;*/
    top: 3px; /*0;*/
    width: 34px; /*40px;*/
    height: 32px; /*38px;*/
    background-color: #306988 !important;
    color: #fff;
    border-radius: 30px;
}

.logo-wrap .login-top {
    display: block;
    position: absolute;
    right: 14%;
    top: 50%;
    margin-top: -11px;
    padding: 4px 12px;
    background-color: black;
    color: #fff !important;
    border-radius: 16px;
    font-size: 14px;
}
.logo-wrap .logo-top-cart {
    display: block;
    position: absolute;
    right: 2%;
    top: 50%;
    /* height: 34px; */
    margin-top: -12px;
    padding-left: 0px;
}
.logo-wrap .logo-top-cart .bi-cart::before {
    font-size: 28px;
}
.logo-wrap .logo-top-cart .box-count2 { 
    display:inline-block; 
    vertical-align:top; 
    margin-top:-6px; 
    margin-left:-15px; 
    text-align:center; 
    width: 24px;
    height: 24px; 
    padding:0 7px;
    min-width:10px; 
    border-radius:50%; 
    font-size:11px; 
    line-height:18px; 
    font-weight:300; 
    background: #ff3d00; 
    color:#fff; 
}


.mbt-ctg-wrap { position: fixed; margin-top: 60px; margin-bottom: -60px !important; z-index: 1000; background: #fff; border-bottom: 1px solid #ddd; }
.mbt-ctg-wrap .mbt-ctg-area { height:100%; background-color:#fff; }
.variable-width { border-bottom: 1px solid #ddd; opacity: 1; }
.variable-width div,
.variable-width .slick-slide { font-size: 14px; padding: 0 12px; height: 44px; line-height: 44px; }
.variable-width button { display: none !important; }

.swiper { width: 100%; height: 100%; opacity: 1; }
.swiper-slide { text-align: center; font-size: 15px; padding: 0 10px; height: 44px; line-height: 44px; display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.swiper-slide { width: auto; }
.swiper-slide:last-child { margin-right: 30px; }


/* --------------------------------------------------------------------------- */
/* New Category Menu
/* --------------------------------------------------------------------------- */

.btn-category-box-1 {
    display: flex;
    align-content: center;
    align-items: center;
    height: 100%;
    justify-content: center;
    pointer-events: none;
}
.btn-category-1 div {
    width: 35px;
    height: 3px;
    background-color: rgb(255, 255, 255);
    margin: 8px 0;
}
.btn-category-1 div:nth-child(1) {
    margin-top: 0px;
}
.btn-category-1, .btn-category-2 {
    padding: 0 20px;
}

.category-box {
    display: none;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    height: 500px;
    padding: 7px 0;
    text-align: left;
    /* background: rgb(214 214 214 / 80%); */
    background: #e6e7ff;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    z-index: 100;
}
.category-box.bg-100 {
    background: #e6e7ff;
}
.category-box-area {
    height: 100%;
    padding: 10px 0px;
}
.category-box-area ul.step_1 li a {
    color: #000;
    font-size: 16px;
    padding: 12px 20px;
    width: 100%;
}
/*
.category-box-area ul.step_1 li:hover a,
.category-box-area ul.step_1 li a:hover {
    color: #dc3545 !important;
}
*/
.category-box-area ul.step_1 li a.hover {
    color: #dc3545 !important;
}

.category-box-area ul.step_1 li:hover a::after, 
.category-box-area ul.step_1 li a:hover::after {
    content: "\F285";
    font-family: bootstrap-icons;
    font-weight: bold;
    font-size: 1rem;
    text-transform: none;
    /*line-height: 1.2;*/
    vertical-align: -.125rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    margin-right: -15px;
}
.step_1_content {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 260px;
    height: 501px;
    border-top: 1px solid rgb(238, 238, 238);
    border-right: 1px solid rgb(238, 238, 238);
    border-bottom: 1px solid rgb(238, 238, 238);
    /*
    padding: 20px 0px;
    border-right: 1px solid #383e5c;
    border-bottom: 1px solid #383e5c;
    */
    background-color: #fff; /*background: rgb(245 245 245 / 90%);*/
    /* box-shadow: 1px 5px 5px rgb(0 0 0 / 10%); */
    table-layout: fixed;
    z-index: 2;
    /* overflow: hidden scroll; */
}
.category-box-area ul.step_2 {
    min-height: 100%;
}  
/*.category-box-area ul.step_2 li {
     background: rgb(245 245 245 / 90%);
}*/
.category-box-area ul.step_2 li a {
    color: #333 !important;
    /* background: rgb(245 245 245 / 90%); */
    font-size: 14px;
    padding: 10px 20px;
    width: 100%;
    line-height: 1.3;
    font-weight: 300 !important;
}

.category-box-area ul.step_2 li:hover,
.category-box-area ul.step_2 li a:hover {
    color: #dc3545 !important;
    /* font-weight: 600 !important; */
    /* background-color: #778da9; */
    /*background-color: #efefef;*/
   
    /* transform:scale(0.9);
    transition:opacity 500ms ease-in-out 0ms,
      transform 500ms ease-in-out 0ms; */
}
.category-box-area ul.step_2 li a::after,
.category-box-area ul.step_2 li :hover a::after,
.category-box-area ul.step_2 li a:hover::after {
    content: "" !important;
}
/*
.category-box-area ul.step_2 li a:hover::after {
    content: "\F285";
    font-family: bootstrap-icons;
    font-weight: normal !important;
    font-size: 1rem;
    text-transform: none;
    line-height: 1.3;
    vertical-align: -.125rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
}
*/
.step_2_content {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 260px;
    height: 500px;
    /*
    padding: 20px 0px;
    border-right: 1px solid #383e5c;
    border-bottom: 1px solid #383e5c;
    background: #fff; 
    box-shadow: 1px 1px 5px rgb(0 0 0 / 30%); 
    */
    table-layout: fixed;
    z-index: 2;
    overflow: hidden scroll;
}

.tabconten:hover {
    display: block;
}


/* --------------------------------------------------------------------------- */
/* Top Menu Text Under Line 
/* style : link-1, link-2
/* --------------------------------------------------------------------------- */

[class^="link-"] {
    display: inline-block;
    margin: 2em
}
  
/* linkone */
.link-1 a:before, .link-1 a:after {
    content: '';
    border-bottom: solid 2px rgb(255, 1, 1);
    position: absolute;
    bottom: 0;
    width: 0;
}

.link-1 a:before { left: 0; }
.link-1 a:after { right: 0; }

.link-1 a:hover:before, .link-1 a:hover:after {
    width: 50%;
}

.link-1 a:before, .link-1 a:after {
    -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
}

/* linktwo */
.link-2 > a:before {
    content: '';
    border-bottom: solid 2px rgb(255, 255, 255);
    position: absolute;
    bottom: 0; left: 0;
    width: 100%;

    opacity: 0;
}

.link-2 > a:hover:before {
    opacity: 1.0;
}

.link-2 > a, .link-2 > a:before {
    -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
}


/* --------------------------------------------------------------------------- */
/* MegaMenu
/* --------------------------------------------------------------------------- */

.megamenu {
    display: none;
    width: 100%;
    left: 0;
    right: 0;
    top: 101% !important;
    padding: 15px !important;
    margin-top: 0px !important;
    border: 0px !important;
    box-shadow: 0px 3px 5px -2px grey;
    border-radius: 0 !important;
}
.megamenu ul p {
    font-weight: normal;
    padding-bottom: 18px;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #025f1d;
    text-align: center;
    width: 70%;
    margin: 0 auto;
}
.megamenu ul li a {
    line-height: 2.2;
}
/*
.megamenu ul li a:before {
  content: ' \002D' !important;
  margin-right: 8px !important;
  position: inherit !important;
  border-bottom: 0px !important;
}
.megamenu ul li a:hover:before {
  content: ' \2023' !important;
}
*/
.megamenu ul.menu-ul:hover {
  background: rgba(221, 172, 188, 0.1);
}
/*
.megamenu ul li:hover a {
  color: #025f1d !important;
}
*/
.megamenu .btn-sm, .nav-sub-area .btn-sm {
  padding: .25rem 1rem;
  font-size: .75rem;
  margin-top: 3px;
}
.megamenu .close-x {
  display: none;
  position: absolute;
  width: 48px;
  height: 48px;
  padding: 2px 10px;
  right: 36px;
  bottom: 20px;
  font-size: 1.8rem;
  line-height: 1.5;
  box-shadow: 2px 2px 10px rgb(0 0 0 / 20%);
  background: #fff;
  transition: background 0.3s;
  border-radius: 100%;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
}

.megamenu .menu-ul { display: flex; margin-bottom: 22px !important; }
.megamenu .menu-ul .prod-title { width: 12%; text-align: center; padding: 0px 10px; }
.megamenu .menu-ul .prod-title a { font-weight: 500; font-size: 1.1rem; line-height: 2; }
.megamenu .menu-ul .prod-subs { width: 88%; padding-left: 20px; }
.megamenu .menu-ul li .sub-menu-ul { display: flex; flex-wrap: wrap; }
.megamenu .menu-ul li .sub-menu-ul li { width: 14.28%; padding: 0 5px; }



/* --------------------------------------------------------------------------- */
/* MOBILE LEFT MENU CSS
/* --------------------------------------------------------------------------- */

.dg-hd-mo-menu-panel {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  position: fixed;
  z-index: 9999;
  top: 0; 
  height: 100%;
  width: 100%; /* 340px; */
  background-color: #fff;
  /* padding: 20px; */
}

.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  display: inline-block;
  text-align: left;
  cursor: pointer;
  /* padding: 8px 10px; */
  position: absolute;
  z-index: 2;
  top: 14px; /*24px;*/
  width: 28px;
  height: auto;

  /* 닫힌상태에서는 안보이게 */
  display: none;

}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span,
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span:before,
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span:after {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  width: 26px;
  height: 2px;
  background-color: #979797;
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span {
  position: relative;
  display: inline-block;
  text-align: left;
  margin-top: 9.09090909px;
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span:before,
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span:after {
  content: "";
  position: absolute;
  left: 0;
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span:before {
  top: -9.09090909px;
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn span:after {
  top: 9.09090909px;
}

/*햄버거 메뉴 활성화 시*/
/* 열린상태에서는 보이게 */
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn.mo-menu-active { display: block !important; }

.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn.mo-menu-active span{
  background: transparent;
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn.mo-menu-active span:before,
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn.mo-menu-active span:after {
  top: 0;
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn.mo-menu-active span:before {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn.mo-menu-active span:after {
  -webkit-transition-delay: 0.09s;
  -moz-transition-delay: 0.09s;
  -o-transition-delay: 0.09s;
  -ms-transition-delay: 0.09s;
  transition-delay: 0.09s;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}

.dg-hd-mo-logo-area {
  text-align: center;
}

/*메뉴 패널 안쪽부분*/
.mo-menu-title{
  /*text-align: left;
  padding: 1.9rem 0;*/
  height: 60px; /*80px;*/
  background-color: #fff;
}
.mo-login-msg p {
  line-height: 1.3;
}
.mo-msg {
  border-bottom: 1px solid #ddd;
}
.mo-join-btn button {
  width: 48%;
  padding: 5px;
}
.mo-join-btn .btn-dark {
  background-color: #025f1d;
  color: #fff;
  border-color:#025f1d;
}
.mo-join-btn .btn-outline-dark:hover {
  background-color: #025f1d;
  border-color:#025f1d;
}

.mo-find {
  display: flex;
  padding: 25px 0 0;
}
.mo-find a:first-of-type{
  border-right:1px solid #b0b0b0;
  padding:3px 12px 3px 3px;
  margin-right: 12px;
  line-height: 1;
}
.mo-mbr {
  display: none;
  padding-left: 5px;
  border-bottom: 1px solid #ddd;
}
.mo-mbr span::before {
  content: "\f4e1";
  color: #000;
  display: inline-block;
  font-family: bootstrap-icons !important;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125rem;
  margin-left: 3px; 
  margin-right: 5px; 
}


.dg-hd-mo-menu-panel > ul {
  width:100%;
  z-index: 1;
  height: auto;
  text-align: left;
  padding-left: 0px;
}

.dg-hd-mo-menu-panel > ul > li{
  clear: both;
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
}

.dg-hd-mo-menu-panel > ul > li.menu-label > a {
  font-size: 15px;
  padding: 12px 0 12px 3px;
  color: #444;
  width: calc(100% - 61px);
  display: inline-block;
  height: 100%;
  text-decoration: none;
}

.dg-hd-mo-menu-panel > ul > li.menu-label > .tm {
  font-size: 17px;
  padding: 18px 0;
  color: #444;
  width: 100%;
  display: inline-block;
  height: 100%;
  text-decoration: none;
  text-align: center;
}
.dg-hd-mo-menu-panel > ul > li.menu-label > .tm > button {
  margin: 0 10px;
}

.dg-hd-mo-menu-panel > ul > li.menu-arrow-active-li{
  border-bottom: 2px solid #025f1d;
}
.dg-hd-mo-menu-panel > ul > li.menu-arrow-active-li-next-li{
  border-top: 1px solid #dcdcdc;
}

/*1차 메뉴의 - + 부분*/
.dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow{
  height: 42px;
  width: 60px;
  /* display: inline-block;
  float: right; */
  position: relative;
  cursor: pointer;
}

.dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow::before,
.dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow::after{
  width: 16px;
  height: 2px;
  background: #535353;
  content: "";
  display: inline-block;
  position:absolute;
  left:17.5px;
  top: calc(50% - 1px);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}

.dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow::after{
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
.dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow.menu-arrow-active::before,
.dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow.menu-arrow-active::after{
  background: #025f1d;
}
.dg-hd-mo-menu-panel ul li .dg-hd-mo-menu-arrow.menu-arrow-active::after{
  -webkit-transition-delay: 0.09s;
  -moz-transition-delay: 0.09s;
  -o-transition-delay: 0.09s;
  -ms-transition-delay: 0.09s;
  transition-delay: 0.09s;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
}

.dg-hd-mo-menu-panel .sub-menu{
  display: none;
  width: 100%;
  padding:0 10.133%;
}

.dg-hd-mo-menu-panel .sub-menu-on{
  display: block;
}
.dg-hd-mo-menu-panel .sub-menu li{
  float: left;
  height:45px;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
}
.dg-hd-mo-menu-panel .sub-menu li:first-of-type{
  margin: 2px 0 0 0;
}
.dg-hd-mo-menu-panel .sub-menu li:last-of-type{
  border-bottom: none;
  margin: 2px 0 0px 0;
}

.dg-hd-mo-menu-panel .sub-menu li a {
  display: block;
  height: 100%;
  padding:11px 0px 15px 8px;
  font:15px 'bgR';
  color: #666666;
  text-decoration: none;
}

.dg-hd-mo-menu-panel {
  left: -100%; /*-410px;*/
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn {
  left: calc(100% + 20px) !important; /*427px;*/
}
.dg-hd-mo-menu-panel.mo-menu-active {
  background-color: #f2f2f2;
  left: 0;
  overflow: scroll;
}  
.dg-hd-mo-menu-panel.mo-menu-active::-webkit-scrollbar {
    display:none;
}
.dg-hd-mo-menu-panel.mo-menu-active .dg-hd-mo-menu-btn {
  left: 100%;
  margin-left: -66px; /*-42px;*/
  z-index: 999;
}

.dg-hd-mo-menu-panel.mo-menu-active .dg-hd-mo-menu-btn span:before,
.dg-hd-mo-menu-panel.mo-menu-active .dg-hd-mo-menu-btn span:after{
  background: #000;
}

.dg-hd-mo-menu-panel-overlay{
  position: fixed;
  top: 0;
  z-index: 9998;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

.dg-hd-mo-menu-panel li.menu-label:hover {
  background-color: aliceblue;
}

.dg-point{
 color:#f9904c;
}

.sub-menu li a:before {
    content: ' \2022' !important;
    margin-right: 8px !important;
    position: inherit !important;
    border-bottom: 0px !important;
}

.sub-menu li a:hover {
    background-color: #fafafa;
}

.mo-menu-title a:hover {
    color: #545898;
    text-decoration: none;
}
 
/* New Mobile Menu Style CSS */
.mo-menu-top-wrap { height: 60px; /*80px;*/ }
.mo-menu-top-wrap ul { display: flex; align-items: center; margin-left: 20px; height: 100%; }
.mo-menu-top-wrap > ul li { 
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 700;
    color: #1a1a1a;
    margin-right: 10px; 
}
.mo-menu-top-wrap > ul li a { 
    margin-left: 10px;
    padding: 4px 12px 3px 12px;
    font-size: 13px;
    font-weight: 400;
    color: #1a1a1a;
    border: 1px solid #e5e5e5;
    border-radius: 28px;
}

.mo-menu-area { background-color: #fff; /*padding: 10px 5px;*/ }
.mo-menu-area ul li:nth-child(1),
.mo-menu-area ul li:nth-child(3) { text-align: center; width: 29%; padding: 6px 0 6px 23px; }
.mo-menu-area ul li:nth-child(5) { text-align: center; width: 32%; padding: 6px 0; }
.mo-menu-area ul li:nth-child(2),
.mo-menu-area ul li:nth-child(4) { text-align: center;  width: 5%; border-right: 1px solid #ccc; }

.mo-menu-area ul li div { 
    font-size: 2.3rem;
    width: auto;
    height: 50px;
    /*border: 1px solid #f0f0f0;*/
    /*border-radius: 50%;*/
    /*line-height: 1.8;*/
    background-color: #fff;
 }
.mo-menu-area ul li p { font-size: 14px; /*margin: 5px 0px;*/ }


.mo_menu_wrap {
    height: 100%;
    display: flex;
    flex: 1;
    justify-content: space-between;
}  
.mo_menu_wrap .mo_left_box {
    margin: 0;
    width: 30%;
    /* height: 100%; */
    background-color: #222A3A;
    display: block;
    padding-bottom: 3rem;
    border-right: 0;
}
.mo_left_box li {
    /* border: 1px solid #cacaca; */
    border-right: 0;
    border-bottom: 2px solid #3a3a3a;
    display: table-cell;
    border-radius: 0px;
    padding: 0px;
    text-align: center;
    line-height: 1.5;
    vertical-align: middle;
}
.mo_left_box li.on {
    border: 2px solid #3a3a3a !important;
    border-bottom: 2px solid #fff !important;
    color: #333;
}
.mo_menu_wrap .mo_left_box li.on a {
    color: #333 !important;
}
.mo_menu_wrap .mo_left_box li {
    display: block;
    float: none;
    background-color: #222A3A;
    border: none;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0;
}
.mo_menu_wrap .mo_left_box li a {
    font-weight: 500;
    color: #fff !important;
    background-color: rgba(0,0,0,0);
    text-align: center;
    padding: 1rem 0;
}
.mo_menu_wrap .mo_left_box li.on {
    background-color: #fff;
    border: 0 !important;
}
.mo_menu_wrap .mo_right_box {
    width: 68%;
    padding: 0;
    height: 100%;
    padding-bottom: 3rem;
}
.mo_list_wrap {
    position: relative;
    display: none;
}
.mo_list_wrap.on, .mo_list_wrap.selected {
    display: block;
}
.mo_menu_wrap .mo_right_box .mo_list_title {
    padding: 0.7rem 0.1rem;
}
.mo_menu_wrap .mo_right_box .mo_list_title strong {
    font-weight: 500;
    font-size: 1.5rem;
}
.mo_menu_wrap .mo_right_box .mo_list_box {
    border-top: 2px solid #333;
}
.mo_menu_wrap .mo_right_box .mo_list_box li {
    width: 100% !important;
    float: none;
    display: block;
}
.mo_menu_wrap .mo_right_box .mo_list_box li ul.on {
    display: block;
}
.mo_menu_wrap .mo_right_box .mo_list_box>li>a {
    display: block;
    padding: 15px 35px 15px 10px;
    border-bottom: 1px solid #d8d8d8;
    border-top: none;
    background-color: #fff;
    font-size: 17px;
    cursor: pointer;
}
.mo_menu_wrap .mo_right_box .mo_list_box>li>span {
    display: block;
    position: relative;
    padding: 15px 35px 15px 10px;
    border-bottom: 1px solid #d8d8d8;
    border-top: none;
    background-color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.mo_menu_wrap .mo_right_box .mo_list_box>li>span:before {
    display: block;
    content: '';
    width: 1px;
    height: 13px;
    background: #ababab;
    position: absolute;
    top: 50%;
    right: 21px;
    transform: translateY(-50%);
}
.mo_menu_wrap .mo_right_box .mo_list_box>li>span.active:before {
    display: none;
}
.mo_menu_wrap .mo_right_box .mo_list_box>li>span:after {
    display: block;
    content: '';
    width: 1px;
    height: 13px;
    background: #ababab;
    position: absolute;
    top: 50%;
    right: 21px;
    transform: translateY(-50%) rotate(-90deg);
}
.mo_menu_wrap .mo_right_box .mo_list_box>li>span.active {
    background-color: #ffe8eb;
    border-bottom: 1px solid #ffe8eb;
    border-top: none;
    color: #ee2c49;
    font-weight: 500;
}
.mo_menu_wrap .mo_right_box .mo_list_box>li>span.active:after {
    background-color: #ee2c49;
}
.mo_menu_wrap .mo_right_box .mo_list_box li ul {
    display: none;
    background-color: #fdf7f7;
    box-sizing: border-box;
    border-bottom: 1px solid #d8d8d8;
    border-top: none;
    padding: 5px 0;
}
.mo_menu_wrap .mo_right_box .mo_list_box li ul li {
    display: block;
    width: 100%;
    padding: 0px;
    font-size: 15px;
    border: none;
    background-image: none;
    cursor: pointer;
}
.mo_menu_wrap .mo_right_box .mo_list_box li ul li a {
    display: block;
    color: #000;
    padding: 10px 5px 10px 10px;
}
.mo_menu_wrap .mo_right_box .mo_list_box li ul li a:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 1px;
    margin: 0px 8px 5px 0;
    background-color: #999;
}

/*----------------------------------*/

.mm-group-wrap { background-color: #f2f2f2; }

.mm-brand-wrap { background-color: #fff; }
.mm-brand-title {
  font-size: 16px;
  font-weight: 600;
  padding-top: 15px;
  /*padding-bottom: 15px;*/
  padding-left: 10px;
  /*border-bottom: 1px solid #efefef;*/
}
.mm-brand-list ul {
  /* display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap; */
}
.mm-brand-list ul li {
  /* width: 25%; */
  /* padding: 20px 1px; */
  padding: 10px 10px;
  text-align: center;
  cursor: pointer; 

}
.mm-brand-list ul li p {
  font-size: 1rem;
}


.mm-category-wrap, .mm-etc-wrap { background-color: #fff; }
.mm-category-title {
  font-size: 16px;
  font-weight: 600;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  /*border-bottom: 1px solid #efefef;*/
}
.mm-category-list ul li {
  /* width: 48%; */
  /* padding: 7px 0px; */
  /* display: flex; */
  /* align-items: center; */
  cursor: pointer; 
}

.mm-category-list ul li div {
  width: 34px;
}

.mm-category-list ul li p {
  font-size: 13px;
  padding-left: 10px;
}

.mm-category-list ul {
  /* display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap; */
}


.mm-purchase-list ul li {
  /* width: 33%; */
  padding: 5px 10px 10px 10px; /*22px 10px;*/
  display: flex;
  align-items: center;
  cursor: pointer; 

  /* flex-direction: column; */
}

.mm-purchase-list ul li div {
  width: 34px;
  text-align: center;
  font-size: xx-large;
}

.mm-purchase-list ul li p {
  font-size: 14px;
  padding-left: 5px;
  margin-top: 5px;
}

.mm-purchase-list ul {
  /* display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap; */
}


.mm-etc-wrap ul li {
  padding: 15px 10px;
  border-bottom: 1px solid #ddd;
}
.mm-etc-wrap ul li:nth-child(1), .mm-etc-wrap ul li:nth-child(2) {
  position: relative;
}
.mm-etc-wrap ul li em {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 30px;
  height: 30px;
  margin-top: -10px;
  display: inline-block;
  color: #999;
}
.mm-etc-wrap ul {
  display: flex;
  flex-direction: column;
}


.mm-ft-wrap { background-color: #f8f9fa; padding: 10px; }
.mm-ft-wrap ul.ft-mobile-ul {
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 13px;
}

.mm-ft-wrap ul.ft-mobile-ul li {
    position: relative;
    padding: 5px 7px;
}

.mm-ft-wrap ul.ft-mobile-ul li:first-child {
    padding-left: 0px !important;
}
/*
.mm-ft-wrap ul.ft-mobile-ul li:after {
    position: absolute;
    top: 5px;
    right: 0;
    content: "|";
}
*/
.mm-ft-wrap ul.ft-mobile-ul li:last-child:after {
    display: none;
}

.mm-ft-wrap .ft-mobile-corp {
    margin-top: 1.0rem;
    text-align: left;
}

.mm-ft-wrap .ft-mobile-corp p {
    font-size: 12px !important;
    color: #898989 !important;
    margin-bottom: 0.2rem;
}    

.ft-psys-wrap { padding: 8px 0px 5px 0px; }
.ft-psys-wrap img { height: 20px; }

.mm-ft-wrap .ft-mobile-copy {
    text-align: left;
    color: #888;
    padding: 5px 0px;
}

.mm-ft-wrap .ft-mobile-copy small {
    font-size: 11px !important;
}



/* --------------------------------------------------------------------------- */
/* Carousel Area
/* --------------------------------------------------------------------------- */

.carousel-indicators [data-bs-target] {
    /* border-radius: 50%; */
    /* height: 5px !important; */
}
.carousel-title {
    position: absolute;
    display: block;
    top: 30%;
    right: 15%;
    left: 15%;
    text-align: center;
}
.carousel-title h1 {
    color: #fff;
    font-size: 3rem;
}
.carousel-title p {
    color: #fff;
    font-size: 1.3rem;
}
.carousel-indicators .active {
    /* width: 70px !important;
    border-radius: 10px; 
    transition: all .5s ease-out 0s !important;*/
}
.carousel-control.left, .carousel-control.right {
    background-image: none !important;
}
.carousel-control-next, .carousel-control-prev {
    /* display: block !important; */
    width: 22% !important;
}

.roll-img {
    width: 100%;
    height: 32.93rem;
    background-color: #cccccc;
    border-bottom: 1px #d7d7d7 solid;
    text-align: center;
}
.in { display: inline-block; line-height: 527px; font-size: x-large ;}

.card {
    border: none !important;
}

/* -- New Carousel ---------------------------------------------------*/

#carouselMainWrap { height: 400px; background-color: beige; }
#carouselMainWrap .carousel-item img { min-height: auto; }
#carouselMainWrap .carousel-inner, #carouselMainWrap .carousel-item { height: 100%; }
#carouselMainWrap .carousel-inner { 
    /* background-color: #ddd;  */
}
#carouselMainWrap .carousel-item.bg-1 { 
    /*background-image: url(/front/images/main/fabric_1.jpg);*/ 
    /* background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%); */
    background-color: #cccdffbd;    
}
#carouselMainWrap .carousel-item.bg-2 { 
    /* background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);  */
    background-color: #85a18d42;
}
#carouselMainWrap .carousel-item.bg-3 { 
    /* background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%);  */
    background-color: #dcbfa5bf;
}
#carouselMainWrap .carousel-item .container { height: 100%; }
#carouselMainWrap .carousel-item .carousel-wrap { height: 100%; }
#carouselMainWrap .carousel-item .carousel-wrap .carousel-left,
#carouselMainWrap .carousel-item .carousel-wrap .carousel-right { display: flex; align-items: center; justify-content: space-around; }
#carouselMainWrap .carousel-item .carousel-wrap .carousel-left { width: 50%; }
#carouselMainWrap .carousel-item .carousel-wrap .carousel-right { width: 50%; }
#carouselMainWrap .carousel-wrap .carousel-text h1 { 
    /* font-family: "ONE Mobile Title", sans-serif !important;  */
}
#carouselMainWrap .carousel-wrap .carousel-text p { 
    /* font-family: "ONE Mobile Regular", sans-serif !important;  */
    padding: 15px 0; font-size: 18px; 
}

.carousel-count-wrap { bottom: 65px; }

/* --------------------------------------------------------------------------- */
#boxpart span{
    font-size:1rem;
}
#boxpart a{
  text-decoration:none; 
  color: #0062cc;
}
#boxpart .box{
    /* padding:60px 0px; */
}

#boxpart .box-part{
  background: #fff;
  border: 1px solid #e9ecef;
  /* border-radius: 10px; */
  padding: 30px 10px;
  margin: 30px 0px;
  transition: all .5s;
}
#boxpart .box-part:hover {
  /* background: #f9fafb; */
  background: #00bcd461;  
  /* border: 1px solid #51589b;   */
  border: 1px solid #2196F3;
  transition:all .5s ease 0s;
}
#boxpart .text{
    margin:20px 0px;
}
#boxpart .box-part a {border: 1px solid; padding: 5px 15px; transition: all .2s;}
#boxpart .box-part a:hover {background: #51589b; color: #fff !important; }

#boxpart .box-part .bi { color:#444; margin: 10px;}  


@media (max-width: 383px) {
    .box-part {padding: 16px 10px; margin: 16px 0px;}
    .box-part .title h4 { font-size: 15px; }
}
@media (min-width: 384px) and (max-width: 499px) {
    .box-part {padding: 16px 10px; margin: 16px 0px;}
    .box-part .title h4 { font-size: 15px; }
}
@media (max-width: 991px) {
    #boxpart .box-part a { font-size: 14px; margin-top: 10px; }
}        


/*-- New BoxPart ------------------------------------------------------------- */
#boxpart .box { margin-top: -107px; position: sticky; z-index: 1; }
#boxpart .box-part { 
    display: flex; 
    align-items: center; 
    justify-content: space-around; 
    /* box-shadow: 0 13px 27px -5px rgba(50,50,93,0.25),0 8px 16px -8px rgba(0,0,0,0.3);  */
    /* border:1px solid #f8f8ff;  */
    border:1px solid #a7a7a7;
    
    border-radius: 5px; 
    background-color: #f8f8ffc2; cursor: pointer; 
}    
#boxpart .box-part:hover { /*background-color: none !important;*/ }
#boxpart .box-part svg { color: rgb(63 81 181 / 57%); margin: 10px; }
#boxpart .title-box { padding: 10px; }
#boxpart .title { display: flex; align-items: center; }
#boxpart .title h5 { 
    color: #333; 
}
#boxpart .title i { margin: 0px 0px 0px 10px !important; }
#boxpart span { font-size: 15px; }
#boxpart .text { margin: 10px 0px 0px; }

#popul h3 { color: #111; margin-bottom: 1rem; }
#popul #carouselSlides .carousel-inner { border-radius: 10px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
#popul #carouselSlides .carousel-item { border-radius: 10px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
/*
#popul #carouselSlides .backimg-1 { background: url(/front/images/main/main_roll_img_1.jpg) no-repeat center center; background-size: cover; height: 100%; }
#popul #carouselSlides .backimg-2 { background: url(/front/images/main/main_roll_img_2.jpg) no-repeat center center; background-size: cover; height: 100%; }
#popul #carouselSlides .backimg-3 { background: url(/front/images/main/main_roll_img_3.jpg) no-repeat center center; background-size: cover; height: 100%; }
*/
#popul #carouselSlides .title-box { position: absolute; top: calc(50% - 40px); left: 30px; }
#popul #carouselSlides .rimg-1 .title-box,
#popul #carouselSlides .rimg-2 .title-box { left: 30px; top: 50%; transform: translate(0, -50%); }
#popul #carouselSlides .rimg-3 .title-box { display: flex; top: 30%; width: 100%; align-items: center; flex-direction: column; }
#popul #carouselSlides .back-tit, 
#popul #carouselSlides .back-txt { color: #fff; }
#popul #carouselSlides .back-tit { font-size: 1.7rem; margin-bottom: 10px; letter-spacing: -2px; }
#popul #carouselSlides .rimg-3 .back-tit { margin-bottom: 5px; }
#popul #carouselSlides .rimg-3 .back-tit { font-size: 2rem; }
#popul #carouselSlides .rimg-3 .back-txt { color: inherit; font-size: 1.5rem; }
#popul .backimg-logo-1 { position: absolute; right: 30px; top: 20px; }
#popul .backimg-logo-2, #popul .backimg-logo-3 { position: absolute; left: 30px; top: 20px; }

#popul .view-left { position: relative; display: flex; justify-content: flex-start; flex-direction: row; }
#popul .carousel-box { width: 100%; position: absolute; }
#popul .carousel-box img { border-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

#popul .view-left .carousel-box.bgimg-1 {
    background: url(/front/images/main/main_roll_img_13.jpg) no-repeat center center;
    background-size: contain;
    height: 100%;
}
#popul .view-left .carousel-box.bgimg-2 {
    background: url(/front/images/main/main_roll_img_21.jpg) no-repeat center center;
    background-size: contain;
    height: 100%;
}
#popul .view-left .carousel-box.bgimg-3 {
    background: url(/front/images/main/main_roll_img_32.jpg) no-repeat center center;
    background-size: contain;
    height: 100%;
}

.fade-in-box { opacity: 1; transition: all 1.8s ease 0s; }
.fade-out-box { opacity: 0; transition: all 0.5s ease 0s; }


.view-center { width: 100%; height: 100%; min-height: 170px; background-color: #f6f9fc; border-radius: 5px; /*overflow: hidden;*/ }
.view-position {
    /* position: relative;  */
    display: flex; 
    align-items: center;
    justify-content: space-between; 
}
.view-position.bgimg-1 { background-image: linear-gradient(90deg, #51589b 0%, #3a3ac1 35%, #00d4ff 100%); color: #fff; }
.view-position.bgimg-2 { 
    /* background-image: linear-gradient(90deg, #eff0ef 0%, #eff0ef 45%, #eff0ef 100%);  */
    background-image: linear-gradient(91deg, #171717 0%, #1c1c1cd9 45%, #4295ff69 100%);
    /* background-color: #333; */
    color: #fff;
}
.event-box1 { 
    /* display: flex; 
    flex-wrap: wrap; 
    align-items: center;  */
    align-content: center; 
    width: 55%; 
    height: 100%; 
    /* padding-left: 3%;  */
}
.event-box1 .et-tit {
     font-size: 40px;
     color:#ff9800  ;
 }
.event-box1 .et-tit span { font-style: italic; }
.event-box2 { 
    /* position: absolute; 
    right: 0; 
    bottom: 0px; */
    /* width: 50%;  */
    /* height: auto;  */
    /* text-align: right;  */
    /* padding-right: 8%;  */
}
.event-box2 img { 
    width: 82%; 
    margin-top: 15px;
}

@media (max-width: 1400px) { 
    #boxpart .box-part { justify-content: center; min-height: 180px; }
    #boxpart .box-part svg { display: none; }
}
@media (max-width: 991px) { 
    #boxpart .box { margin-top: 0px !important; }
    .carousel-count-wrap { bottom: 40px !important; }

    .view-center .event-box1 {
        padding: 10px 10px;
    }
    
}
@media (min-width: 475px) and (max-width: 991px) { 
    #boxpart .box-part { min-height: 158px; margin: 15px 0px; }
}
@media (min-width: 513px) and (max-width: 1200px) { 
    #boxpart span { font-size: 14px; }
    .hds-top {
        width: 400px;
    }
}
@media (min-width: 1200px) { 
    #popul #carouselSlides .backimg-logo-1 img,
    #popul #carouselSlides .backimg-logo-2 img,
    #popul #carouselSlides .backimg-logo-3 img { width: 70px; }

}
@media (min-width: 992px) and (max-width: 1199px) { 
    #popul #carouselSlides .rimg-2 { background-position: right; }

    #popul #carouselSlides .back-tit { font-size: 1.4rem !important; line-height: 1.2; }
    #popul #carouselSlides .back-txt { font-size: 1rem; }
    #popul #carouselSlides .rimg-2 .back-tit { letter-spacing: 0px; }
    #popul #carouselSlides .rimg-3 .title-box { /*top: 20px;*/ }

    #popul #carouselSlides .backimg-logo-1 img,
    #popul #carouselSlides .backimg-logo-2 img,
    #popul #carouselSlides .backimg-logo-3 img { width: 60px; }

    .event-box1 { 
       width: 60%;
    }
    .event-box2 { 
        width: 44%;
    }

    .event-box2 img {
        width: 100%;
        margin-top: 35px;
    }


}

@media (min-width: 992px) and (max-width: 1099px) { 
    .carousel-control-next,
    .carousel-control-prev {
        width: 3% !important; 
    }      
}

@media (min-width: 1100px) and (max-width: 1199px) { 
    .carousel-control-next,
    .carousel-control-prev {
        width: 5% !important; 
    }      
}

@media (min-width: 1200px) and (max-width: 1299px) { 
    .carousel-control-next,
    .carousel-control-prev {
        width: 4% !important; 
    }    
}

@media (min-width: 1300px) and (max-width: 1559px) { 
    .carousel-control-next,
    .carousel-control-prev {
        width: 9.5% !important; 
    }    
}

@media (min-width: 1560px) and (max-width: 1650px) { 
    .carousel-control-next,
    .carousel-control-prev {
        width: 11.5% !important; 
    }    
}


@media (max-width: 991px) { 
    #popul .view-left { display: none !important; }
    #popul .view-right { min-height: 0px !important; }
    #popul #carouselSlides .carousel-inner { border-radius: 0px !important; }
    #popul .carousel { padding: 0px; }
}    
@media (min-width: 768px) and (max-width: 991px) { 
    #popul #carouselSlides .rimg-2 { background-position: right; }

    #popul #carouselSlides .back-tit { font-size: 1.4rem; line-height: 1.2; }
    #popul #carouselSlides .back-txt { font-size: 1rem; }
    #popul #carouselSlides .rimg-2 .back-tit { letter-spacing: 0px; }
    #popul #carouselSlides .rimg-3 .title-box { /*top: 20px;*/ }

    #popul #carouselSlides .backimg-logo-1 img,
    #popul #carouselSlides .backimg-logo-2 img,
    #popul #carouselSlides .backimg-logo-3 img { width: 60px; }

    .view-center { min-height: 130px; }
    .view-center .event-box1 {
        width: 75%;
    }
    .view-center .event-box1 .et-tit { font-size: 30px; }
    .view-center .event-box1 .et-txt { 
        font-size: 20px !important;
    }

    .view-center .event-box1 .et-txt.detail-text { 
        font-size: 16px !important;
    }    

    .view-center .event-box2 { 
        /* padding-right: 6%;  */
    }
    .view-center .event-box2 img { max-width: 120%; }

    .event-box2 img {
        width: 52%;
        margin-top: 17px;
    }

}
@media (min-width: 513px) and (max-width: 767px) { 
    #popul #carouselSlides .rimg-2 { background-position: right; }

    #popul #carouselSlides .back-tit { font-size: 1.3rem !important; line-height: 1.2; }
    #popul #carouselSlides .back-txt { font-size: 1rem; }
    #popul #carouselSlides .rimg-2 .back-tit { letter-spacing: 0px; }
    #popul #carouselSlides .rimg-3 .title-box { /*top: 20px;*/ }

    #popul #carouselSlides .backimg-logo-1 img,
    #popul #carouselSlides .backimg-logo-2 img,
    #popul #carouselSlides .backimg-logo-3 img { width: 50px; }

    .view-center { min-height: 120px; }
    .view-center .event-box1 { 
        /* padding-left: 5%;  */
        width: 100%;        
    }
    .view-center .event-box1 .et-tit { font-size: 26px; }
    .view-center .event-box1 .et-txt { font-size: 0.9rem; }
    .view-center .event-box2 { padding-right: 5%; width: 65%; }
    .view-center .event-box2 img { max-width: 120%; }
}
@media (max-width: 512px) { 
    #boxpart .title h5 { font-size: 18px; }
    #boxpart span { font-size: 13px; }

    .view-right { min-height: 210px; }

    #popul #carouselSlides .rimg-1 .title-box,
    #popul #carouselSlides .rimg-2 .title-box,
    #popul #carouselSlides .rimg-3 .title-box { left: 0px; width: 100%; padding: 0 10px; text-align: center; }
    #popul #carouselSlides .back-tit { font-size: 1.0rem !important; line-height: 1.0 !important; letter-spacing: -1px;}
    #popul #carouselSlides .back-txt { font-size: 0.8rem !important; }

    #popul #carouselSlides .backimg-logo-1,
    #popul #carouselSlides .backimg-logo-2,
    #popul #carouselSlides .backimg-logo-3 { top: 5px; left: 20px; }

    #popul #carouselSlides .backimg-logo-1 img,
    #popul #carouselSlides .backimg-logo-2 img,
    #popul #carouselSlides .backimg-logo-3 img { width: 30px; }

    .view-center { min-height: 100px; }
    .view-center .event-box1 { 
        justify-content: center;
        width: 100%; 
        padding: 10px 10px;
    }
    .view-center .event-box1 .et-tit { 
        font-size: 22px; 
    }
    .view-center .event-box1 .et-txt { 
        font-size: 18px !important;
    }

    .view-center .event-box1 .et-txt.detail-text { 
        font-size: 14px !important;
    }

    .view-center .event-box2 { 
        /* padding-right: 4%; */
        width: 80%; 
    }
    .view-center .event-box2 img { max-width: 110%; }

    .event-box2 img { 
        width: 78%; 
        margin-top: 9px;
    }    

}
@media (max-width: 474px) { 
    #boxpart .box-part {
        min-height: 155px;
        margin: 10px 0px;
    }
    #boxpart .title-box { padding: 0px; }

}


/* --------------------------------------------------------------------------- */
#mainProd .corner_tit { position: relative; /* margin-bottom: 18px; */ color: #111; font-size: 1.5rem; font-weight: 400; letter-spacing: -1.5px; }
#mainProd .tablist {display: flex; flex-wrap: nowrap; align-items: center;}
#mainProd .tablist .chevron_left {border: 1px solid #EFEDFF; text-align: center; padding: 16px 14px; margin-right:1px;}
#mainProd .tablist .chevron_right {border: 1px solid rgb(70 69 85 / 86%); text-align: center; padding: 16px 14px; background-color: rgb(70 69 85 / 86%); color: #fff;}
#mainProd .tablist .chevron_left:hover,
#mainProd .tablist .chevron_right:hover {background-color: #51589b; border-color: #51589b; cursor: pointer; color:#fff;}
#mainProd .tablist ul {display: flex; width: 100%;}
#mainProd .tablist ul li {width: 20%; text-align: center; background: #fff; color: #333; padding: 16px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; transition: all .3s;}
#mainProd .tablist ul li:hover {border-color: #0062cc; background-color: rgb(81 88 155 / 100%); color: #fff; }

#mainProd .btn_area { text-align: center; }
#mainProd .btn_more { display: none; border: 1px solid #ddd; padding: 15px 50px; color: #333; }
#mainProd .btn_more:hover { border-color:#0062cc; background-color: #0062cc; color: #fff; }

#mainProd .prod-warp { border-bottom: 1px solid #efefef; margin-bottom: 3rem; padding-bottom: 1rem; }
#mainProd .prod-warp:last-child { border-bottom: 0px; }

#mainProd .mainProd-title { display: flex; align-items: center; justify-content:space-between; padding-top: 1rem!important; padding-bottom: 1rem!important; color: #666; letter-spacing: -.5px; font-weight: 300; }


/* --------------------------------------------------------------------------- */
/* 1:1 빠른 상담
/* --------------------------------------------------------------------------- */
.est-bg {
    position: absolute;
    background-color: #f0f8ff;
    width: calc(50%);
    height: 100%;
    left: 0;
    z-index: -1;
}
.est-title .tit-s {
    /* margin-bottom: -30px; */
    font-size: 1rem;
    color: #999;
}
.est-title .tit-b {
    font-size: 1.75rem;
    line-height: 64px;
    font-weight: 400;
    letter-spacing: 0.5px;
    margin-bottom: 0;
}
.est-bi {
    position: absolute;
    background-image: url("images/main/1606_website_delivery_main.png");
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom left;
    z-index: -1;
}


.est-now { margin-top: 5px; } 
.est-dang { /* padding: 0.5rem 0 0 1.5rem; padding: 2.5rem 0px 2rem 1.5rem; */ }
.est-now ul li { display: flex; font-size: 1rem; padding: 16px 0; border-bottom: 1px solid #e5e5e5; }
.est-now ul li:first-child { border-top: 2px solid #666; }
.est-now ul li > .est-1 { width: 10%; }
.est-now ul li > .est-2 { width: 46%; }
.est-now ul li > .est-3 { width: 22%; }
.est-now ul li > .est-4 { width: 22%; }
.est-now .est-msg { color: #999; font-weight: 300; font-size: 14px; text-align: right; padding: 10px 0px; }


.est-dang a { width: 100%; }
.est-dang a .est-banner-wrap {
  position: relative;
  height: 100px;
  background: linear-gradient(-45deg, #f3f5f0 35%, #dfe8eb 0%);
}
.est-dang .est-banner-wrap:hover {
    box-shadow: 7px 7px 10px -5px rgba(0,0,0,0.1);
}

.est-dang a .est-banner-wrap .est-banner-title {
  position: absolute;
  left: 0;
  top: 25%;
  font-size: 1.5rem;
  font-weight: 400;
  padding-left: 6%;
  line-height: 1;
}
.est-banner-title-small { font-size: 0.8rem; font-weight: normal; }
.est-dang a .est-banner-wrap .est-banner-go {
  position: absolute;
  top: 25%;
  right: 0;
  padding-right: 6%;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: right;
}


.est-box-wrap {
    /* background-image: url(images/main/45degreee_fabric.png); */
    color: #262c3c;
    padding: 18px;
    border: 1px solid #cecece;
    border-radius: 0.5rem;
    box-shadow: 7px 7px 10px -5px rgba(0,0,0,0.1);
    margin-bottom: 1.2rem;
    text-align: center;
    height: 150px;
}
.est-box-wrap:hover { border-color: #104b5d; }
.est-box-wrap p { font-size: 13px; line-height: 1.4; margin-bottom: 0; }

.ico-wrap {
    margin: auto;
}
.ico-wrap > h5 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #262c3c;
    font-size: 1.1rem;
}
.ico-wrap i {
    font-size: 1.4rem !important;
    color: #262c3c;
    margin-right: 10px;
}


/* --------------------------------------------------------------------------- */
/* Count display in Carousel Area 
/* --------------------------------------------------------------------------- */
/*
.carousel-count-wrap {
    position: absolute;
    right: 20px;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    list-style: none;
}*/
.carousel-count-wrap {
    position: relative;
    right: 25px;
    bottom: 40px;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    padding: 0;
    margin-top: -36px;
    margin-right: 15%;
    list-style: none;
    height: 36px;
}
.carousel-count {
    position: relative;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    padding: 0 45px 0 21px;
    /*padding: 0 30px;*/
    color: #fff;
    font-family: Roboto;
    letter-spacing: -0.5px;
    font-size: 15px;
    font-weight: normal;
    border-radius: 18px;
    background-color: rgba(0, 0, 0, 0.3);
}
.carousel-count strong { color: #fff; }
.carousel-count em { margin: 0 3px 0 5px; }
.btn-play-toggle {
    position: absolute;
    background-color: rgb(255 255 255 / 0%);
    top: 3px;
    right: 7px;
    font-size: 20px;
}
.btn-play-toggle i { color: #fff; }
  

@media (max-width: 383px) {
    .mc_10, .mc_20, .mc_30 { display: none; }
    .mc_11, .mc_21, .mc_31 { display: block; }
}
@media (min-width: 384px) and (max-width: 499px) {
    .mc_10, .mc_20, .mc_30 { display: none; }
    .mc_11, .mc_21, .mc_31 { display: block; }
}
@media (min-width: 500px) and (max-width: 575px) {
    .mc_10, .mc_20, .mc_30 { display: none; }
    .mc_11, .mc_21, .mc_31 { display: block; }
}
@media (min-width: 576px) and (max-width: 767px) {
    .mc_10, .mc_20, .mc_30 { display: none; }
    .mc_11, .mc_21, .mc_31 { display: block; }
}
@media (min-width: 768px) and (max-width: 1200px) {
    .mc_10, .mc_20, .mc_30 { display: block; }
    .mc_11, .mc_21, .mc_31 { display: none; }
}
@media (min-width: 1201px) {
    .mc_10, .mc_20, .mc_30 { display: block; width: 100%; }
    .mc_11, .mc_21, .mc_31 { display: none; }
}


/* --------------------------------------------------------------------------- */
/* MainT sub Area
/* --------------------------------------------------------------------------- */
.mainT-sub-area {
    border-bottom: 1px solid #efefef;
    background-color: #fbfbfb;
}
.mainT-sub-box {
    display: flex;
    padding: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
} 
.mainT-sub-box li {
    width: 100%;
    text-align: center;
    padding: 15px 10px 15px;
    border-left: 1px solid #efefef;
}
.mainT-sub-box li:last-child {
    border-right: 1px solid #efefef;
}
.mainT-sub-box li i {
    font-size: 2.5rem;
    color: rgba(66,66,66,0.4);
}
.mainT-sub-box li p {
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 0.9rem;
}
.mainT-sub-box li:hover {
    background-color: aliceblue;
}
.mainT-sub-box li:hover i {
    color: #cd001a;
}
.mainT-sub-box li:hover p {
    color: #cd001a;
}



/*--- main-sub-1 ---*/
.main-sub-1 ul {
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}
.main-sub-1 ul li {
    text-align: center;
    padding: 1rem;
    color: #666666;
    font-size: 1.25rem;
    font-weight: 300;
    border: 1px solid #f53939;
    margin: 22px 15px;
}

/*--- main-sub-3 ---*/
.mainEstimate {
    margin-top: 2rem !important;
    margin-bottom: 4rem !important;
}
.mainEstimate button.btn-outline-primary,
.mainEstimate button.btn-outline-danger {
    border-color: white;
}
.mainEstimate button.btn-outline-primary:hover,
.mainEstimate button.btn-outline-danger:hover {
    background-color: white;
}
.mainEstimate button i {
    font-size: 1.3rem;
}
.mainEstimate .btn-outline-primary:hover {
    color: #0d6efd;
    background-color: #fff;
}
.mainEstimate .btn-outline-danger:hover {
    color: #dc3545;
    background-color: #fff;
}

.tbl01 td {
    text-align: left;
    line-height: 1;
    font-size: 1rem;
}
.tbl01 td:nth-child(3),
.tbl01 td:nth-child(4),
.tbl01 td:nth-child(5) {
    text-align: center;
}
.tbl01 td:nth-child(6) {
    text-align: center;
    margin-top: 3px;
}

.tbl01 td button {
    width: 40px;
    padding: 0;
    line-height: 1;
}
.receipt {
    padding: 1px 20.5px 3px;
    background: darkgray;
    color: white;
    font-size: 1rem;
}
.answer {
    padding: 1px 6px 3px;
    background: #eb5555;
    color: white;
    font-size: 1rem;
}
.before-dash {
    /* padding-left: 10px !important; */
    text-align: left !important;
}
button.btn-outline-danger {
    color: #cd001a;
    border-color: #cd001a;
}
/*
.before-dash::before {
    content: "\f309";
    color: #000;
    display: inline-block;
    font-family: bootstrap-icons !important;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125rem;
    margin-right: 5px; 
}
*/
.quick-img {
    max-width: 443px;
    margin: 0 auto;
}

/*--- count-area ---*/
.count-area {
    position: relative;
    background: url(../images/main_slice_2.jpg);
    background-position-x: right;
    z-index: 1;
}
.count-area:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(90deg, rgb(212 210 234 / 80%) 0%, rgb(142 144 171 / 70%) 43%, rgb(209 209 209 / 80%) 93%);
    z-index: -1;
}
.count-area h3, .count-area p {
     color: rgb(0, 0, 0);
     padding: 5px;
     /* font-weight: bold; */
 }
.count-area .count-number {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #dcdcdc;
  }
 
 /*--- main-sub-6 ---*/
.product-grid7{position:relative;z-index:1;padding-bottom: 30px;}
.product-grid7 .product-image7{
    border:1px solid #0000002e;
    overflow:hidden;
    perspective:1500px;
    position:relative;
    transition:all .3s ease 0s; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    height: 166px; 
}
.product-grid7 .product-image7 a{display:block}
.product-grid7 .product-image7 img{width:100%;/*height:180px;*/max-width: 180px; max-height: 180px;}
.product-grid7 .pic-1{opacity:1;transition:all .5s ease-out 0s}
.product-grid7 .pic-2{opacity:0;transform:rotateY(-90deg);position:absolute;top:0;left:0;transition:all .5s ease-out 0s}
.product-grid7:hover .pic-2{opacity:1;transform:rotateY(0)}
.product-grid7 .social{padding:0;margin:0;list-style:none;position:absolute;bottom:3px;left:-20%;z-index:1;transition:all .5s ease 0s}
.product-grid7:hover .social{left:17px}
.product-grid7 .social li a{color:#000;background-color:#fff;font-size:16px;line-height:40px;text-align:center;height:40px;width:40px;margin:8px 0;border-radius:50%;display:block;transition:all .5s ease-in-out}
.product-grid7 .social li a:hover{color:#fff !important;background-color:#000}
.product-grid7 .product-new-label{color:#fff;background-color:#ae1948;padding:1px 10px;border-radius:5px;display:block;position:absolute;top:10px;right:10px}
.product-grid7 .product-content{text-align:left;padding:10px 5px 0 5px;}
.product-grid7 .product-content .nameMfa a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-grid7 .title{font-size:15px;font-weight:400;text-transform:capitalize;margin-bottom: 5px;transition:all .3s ease 0s}
.product-grid7 .title a{color: #555555 !important;}
.product-grid7 .title a:hover{color:inherit}
.product-grid7 .rating{color:#555555;font-size:15px;padding:5px 5px 5px 0px; /* margin:0 0 10px;list-style:none; */}
.product-grid7 ul.price {padding-left: 0rem;}
.product-grid7 .price li {display: inline-block;}
.product-grid7 .price .per {color: #ff0000;/* font-weight: 500; */text-align:left;padding-right:10px;}
.product-grid7 .price .per i {font-weight: bold !important;margin-left: 3px;}
.product-grid7 .price .pri {text-align:left; font-size: 1rem; }
.product-grid7 .price .won {font-size: 1rem;margin-left: 0px !important; text-decoration: none;}
.product-grid7 .price .sal {color:#999;font-size:0.7rem;font-weight:500;text-decoration:line-through;margin-left:3px;display:inline-block}
.product-grid7 img { /* min-height: 271px; */ }
@media only screen and (max-width:990px){.product-grid7{margin-bottom:30px}}

@media (max-width: 383px) {
    .product-grid7{margin-bottom:0px; padding-bottom: 20px;}
    .product-grid7 img { /* height: 135px !important; min-height: 0; */}
    .product-content .rating {font-size: 0.875rem;}
    .product-content .price .per,
    .product-content .price .pri { font-size: 0.9375rem; }
}
@media (min-width: 384px) and (max-width: 499px) {
    .product-grid7{margin-bottom:0px; padding-bottom: 20px;}
    .product-grid7 img { /* height: 164px !important; min-height: 0; */}
    .product-content .rating {font-size: 0.875rem;}
    .product-content .price .per,
    .product-content .price .pri { font-size: 0.9375rem; }
}
@media (min-width: 500px) and (max-width: 575px) {
    .product-grid7{margin-bottom:0px; padding-bottom: 20px;}
    .product-grid7 img { /* height: 200px !important; min-height: 0; */}
    .product-content .rating {font-size: 0.9375remrem;}
    .product-content .price .per,
    .product-content .price .pri { font-size: 0.9375rem; }
}
@media (min-width: 576px) and (max-width: 767px) {
    .product-grid7{margin-bottom:0px; padding-bottom: 20px;}
    .product-grid7 img { /* height: 220px !important; min-height: 0; */}
    .product-content .rating {font-size: 0.9375remrem;}
    .product-content .price .per,
    .product-content .price .pri { font-size: 1rem; }
}
@media (min-width: 768px) and (max-width: 1200px) {
    .product-grid7 img { /* height: 140px !important; min-height: 0; */}
    .product-content .rating {font-size: 0.9375remrem;}
    .product-content .price .per,
    .product-content .price .pri { font-size: 1rem; }
}


.prod-item-group { /* padding: 2rem 0 1rem 0; background-color: rgb(249 249 249 / 44%); */}
.prod-item-group .prod-item-grid{position:relative;z-index:1; /* padding-bottom: 40px; flex-basis: 20%; flex-grow: 0; */ text-align: center;}
.prod-item-group .prod-item-grid .prod-item-grid-image{border:1px solid rgba(0,0,0,.1);overflow:hidden;perspective:1500px;position:relative;transition:all .3s ease 0s;}
.prod-item-group .prod-item-grid .prod-item-grid-image a{display:block; transform:scale(1.0); transition: transform .5s;}
/* .prod-item-group .prod-item-grid .prod-item-grid-image img {width: 100%; min-height: 177px; max-width: 236px; max-height: 177px;} */
.prod-item-group .prod-item-grid-image:hover { box-shadow: 0px 15px 35px rgb(50 50 90 / 10%), 0px 5px 15px rgb(0 0 0 / 7%); bosx-izing: border-box; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.prod-item-group .product-new-label{color:#fff;background-color:#025f1d;padding:1px 10px;border-radius:5px;display:block;position:absolute;top:10px;right:10px}
.prod-item-group .product-content{text-align:left;padding: 5px 10px 20px;}
.prod-item-group .icontag {height: 20px; margin: 5px 0 16px 0;}
.prod-item-group .icontag .icon-free {display: inline-block; padding: 0 5px; border: 1px solid #555; font-size: 12px; line-height: 18px; margin-right: 3px; border-color: #acacac; background: #acacac; color: #fff;}
.prod-item-group .icontag .icon-sale {display: inline-block; padding: 0 5px; border: 1px solid #555; font-size: 12px; line-height: 18px; margin-right: 3px; border-color: #dc3545; background: #dc3545; color: #fff;}
.prod-item-group .title{height: 20px;font-size:14px;text-transform:capitalize;transition:all .3s ease 0s}
.prod-item-group .title a{color: #666 !important;}
.prod-item-group .title a:hover{color:inherit}
.prod-item-group .rating{color: #222624; letter-spacing: -0.8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; font-size: 1rem; margin-bottom: 6px; line-height: 20px; height: 20px;}
.prod-item-group ul.price {padding-left: 0rem;height: 20px;padding-bottom: 35px;}
.prod-item-group .price li {display: inline-block;}
.prod-item-group .price .per {color: #e05438 ; text-align:left;padding-right:10px;font-size: 20px;font-weight: 700; }
.prod-item-group .price .per i {font-weight: bold !important;margin-left: 3px;}
.prod-item-group .price .pri {color: #000;text-align:left;transition:all .3s; font-size: 20px;font-weight: bold; }
.prod-item-group .price .won {font-size: 0.9rem;margin-left: 0px !important; text-decoration: none;}
.prod-item-group .sal {display:none !important;color:#999;font-size:0.7rem;font-weight:500;text-decoration:line-through;margin-left:3px;display:inline-block}

@media (max-width: 1199px) {
    .prod-item-group .price .per,
    .prod-item-group .price .pri {font-size: 1rem;} 
}
@media (max-width: 767px) {
    .prod-item-group .price .per,
    .prod-item-group .price .pri {font-size: 22px;} 

    .product-grid7 .product-image7{
        height: 217px; 
    }    

}
@media (max-width: 575px) {
    .prod-item-group .price .per,
    .prod-item-group .price .pri {font-size: 18px;} 

    .product-grid7 .product-image7{
        height: 166px; 
    }     
}
@media (max-width: 383px) {
    .prod-item-group .price .per,
    .prod-item-group .price .pri {font-size: 1rem;} 
}
      

.prod-grid{position:relative;z-index:1;padding-bottom: 40px; flex-basis: 20%; flex-grow: 0; text-align: center;}
.prod-grid .prod-grid-image{border:1px solid rgba(0,0,0,.1);overflow:hidden;perspective:1500px;position:relative;transition:all .3s ease 0s;}
.prod-grid .prod-grid-image a{display:block; transform:scale(1.0); transition: transform .5s;}
.prod-grid .prod-grid-image img{width: 100%; height: 230px; max-width: 236px; max-height: 230px;}
.prod-grid .prod-grid-image:hover { box-shadow: 0px 15px 35px rgb(50 50 90 / 10%), 0px 5px 15px rgb(0 0 0 / 7%); bosx-izing: border-box; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.prod-grid .prod-grid-image:hover img { transform: scale(1.3); overflow: hidden; transition: 0.5s;}
.prod-grid .pic-1{opacity:1;transition:all .5s ease-out 0s}
.prod-grid .pic-2{opacity:0;transform:rotateY(-90deg);position:absolute;top:0;left:0;transition:all .5s ease-out 0s}
.prod-grid:hover .pic-2{opacity:0;transform:rotateY(0)}
.prod-grid .social{display: none; padding:0;margin:0;list-style:none;position:absolute;bottom:3px;left:-20%;z-index:1;transition:all .5s ease 0s}
.prod-grid:hover .social{left:17px}
.prod-grid .social li a{color:#000;background-color:#fff;font-size:16px;line-height:40px;text-align:center;height:40px;width:40px;margin:8px 0;border-radius:50%;display:block;transition:all .5s ease-in-out}
.prod-grid .social li a:hover{color:#fff !important;background-color:#000}
.prod-grid .product-new-label{color:#fff;background-color:#025f1d;padding:1px 10px;border-radius:5px;display:block;position:absolute;top:10px;right:10px}
.prod-grid .product-content{text-align:left;padding: 5px 10px 20px;}
.prod-grid .icontag {height: 20px; margin: 5px 0 16px 0;}
.prod-grid .icontag .icon-free {display: inline-block; padding: 0 5px; border: 1px solid #555; font-size: 12px; line-height: 18px; margin-right: 3px; border-color: #acacac; background: #acacac; color: #fff;}
.prod-grid .icontag .icon-sale {display: inline-block; padding: 0 5px; border: 1px solid #555; font-size: 12px; line-height: 18px; margin-right: 3px; border-color: #dc3545; background: #dc3545; color: #fff;}
.prod-grid .title{height: 20px;font-size:14px;text-transform:capitalize;transition:all .3s ease 0s}
.prod-grid .title a{color: #666 !important;}
.prod-grid .title a:hover{color:inherit}
.prod-grid .rating{color: #222624; letter-spacing: -0.8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; font-size: 1rem; margin-bottom: 6px; line-height: 20px; height: 20px;}
.prod-grid ul.price {padding-left: 0rem;height: 20px;padding-bottom: 30px;}
.prod-grid .price li {display: inline-block;}
.prod-grid .price .per {color: #e05438 ; text-align:left;padding-right:10px;font-size: 20px;font-weight: 700; }
.prod-grid .price .per i {font-weight: bold !important;margin-left: 3px;}
.prod-grid .price .pri {color: #000;text-align:left;transition:all .3s; font-size: 20px;font-weight: bold; }
.prod-grid .price .won {font-size: 0.9rem;margin-left: 0px !important; text-decoration: none;}
.prod-grid .sal {display:none !important;color:#999;font-size:0.7rem;font-weight:500;text-decoration:line-through;margin-left:3px;display:inline-block}
/*.prod-grid img { min-height: 271px; } */
/* @media only screen and (max-width:990px){.prod-grid{margin-bottom:30px}} */

@media (max-width: 383px) {
  .prod-grid {flex-basis: 50%;} 

  .prod-grid .price .per,
  .prod-grid .price .pri {font-size: 1rem;} 
}

@media (min-width: 384px) and (max-width: 499px) {
  .prod-grid {flex-basis: 50%;} 

  .prod-grid .price .per,
  .prod-grid .price .pri {font-size: 18px;} 
}

@media (min-width: 500px) and (max-width: 575px) {
  .prod-grid {flex-basis: 50%;} 

  .prod-grid .price .per,
  .prod-grid .price .pri {font-size: 1rem;} 
}

@media (min-width: 576px) and (max-width: 767px) {
  .prod-grid {flex-basis: 50%;} 

  .prod-grid .price .per,
  .prod-grid .price .pri {font-size: 1rem;} 
}

@media (min-width: 768px) and (max-width: 991px) {
  .prod-grid {flex-basis: 33.333%;} 

  .prod-grid .price .per,
  .prod-grid .price .pri {font-size: 1rem;} 
}

@media (min-width: 992px) and (max-width: 1199px) {
  .prod-grid {flex-basis: 25%;} 

  .prod-grid .price .per,
  .prod-grid .price .pri {font-size: 1rem;} 
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .prod-grid {flex-basis: 20%;} 
}

@media (min-width: 1400px) {
  .prod-grid {flex-basis: 20%;} 
}


/*--- main-sub-10 ---*/
.band-box { background-image:url(../images/cc_20707832.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-size: cover; position: relative; width: 100%; padding: 3.75rem 0; text-align: center; color: #fff; }
/* .band-box:before {content: '';display: block;width: 100%;height: 100%; background: rgb(81,88,155); background: linear-gradient(180deg, rgba(81,88,155,0.5102415966386555) 20%, rgba(166,96,164,0.9136029411764706) 100%); position: absolute;top: 0;left: 0;z-index: 0;} */
.band-box:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    /* background: #464555a3; */
    /* background: linear-gradient(180deg, rgba(81,88,155,0.5102415966386555) 20%, rgba(166,96,164,0.9136029411764706) 100%); */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    /* background: linear-gradient(90deg, #51589b 0%, #767586 100%); */
    background-image: linear-gradient(90deg, rgba(13, 9, 83, 0.773) 0%, rgb(81, 88, 155) 43%, rgb(0 212 255 / 90%) 93%);
}
.band-box .b-title { width: 100%; color:#fff; font-size: 2.6rem; font-weight: normal; display: block; margin-bottom: 15px; position: relative; z-index: 1; }
.band-box .line { display: block; width: 1px; height: 30px; background-color: #fff; margin: 0 auto 24px auto; position: relative; z-index: 1; }
.band-box p { width: 100%; font-size: 1.4rem; position: relative; z-index: 1; }
.band-box span { width: 100%; }
.band-box .btn { font-size: 1.2rem; background-color: transparent; border: 1px solid #fff; color: #fff !important; position: relative; padding: 8px 25px 10px 25px; z-index: 1; border-radius: 4px; }
.band-box .btn:hover { background-color: #025f1d; color: #fff; }

@media (max-width: 383px) {
    .band-box .b-title { font-size: 1.8rem; }
    .band-box p { font-size: 0.875rem; line-height: 24px; }
    .band-box .btn { font-size: 1.1rem; }
}
@media (min-width: 384px) and (max-width: 499px) {
    .band-box .b-title { font-size: 1.7rem; }
    .band-box p { font-size: 0.875rem; line-height: 24px; padding: 0 20px;}
    .band-box .btn { font-size: 1.0rem; }
}
@media (min-width: 500px) and (max-width: 575px) {
    .band-box .b-title { font-size: 2.0rem; }
    .band-box p { font-size: 1.3rem; line-height: 36px; padding: 0 20px; }
    .band-box .btn { font-size: 1.2rem; }
}
@media (min-width: 576px) and (max-width: 767px) {
    .band-box .b-title { font-size: 2.0rem; }
    .band-box p { font-size: 1.3rem; line-height: 36px; }
    .band-box .btn { font-size: 1.2rem; }
}
@media (min-width: 768px) and (max-width: 1200px) {
    .band-box .b-title { font-size: 2.0rem; }
    .band-box p { font-size: 1.6rem;  line-height: 48px; }
}
  
/*--- main-sub-11 ---*/
#customer h2 {
    /* font-weight: bold;
    font-size: 2.5rem; */
    margin-bottom: 15px;
}
#customer p {
    /* color: #959595; */
    /* font-size: 1rem;
    font-weight: 300; */
    margin-bottom: 5px;
}
#customer p.big-mail {
    font-size: 0.9375rem;
    font-weight: 300;
    margin-bottom: 5px;
}
hr {
    border: 1px solid #025f1d !important;
    width: 40px;
    margin: .8rem 0 1rem !important;
    opacity: 1 !important;
}
.link-icon {
    position: relative;
    display: flex;
    min-width: 0;
}
.link-icon-body {
    flex: 1 1 auto;
    padding: 0rem 0rem;
    text-align: center;
    margin-top: 5px;
}
.link-icon-body i {
    font-size: 3rem;
    color: rgba(66,66,66,0.4);
    line-height: 1.0rem;
}
.link-icon-body i:hover {
    color: rgba(66,66,66,1);
}
.link-icon-text {
    margin-top: 8px;
}
.point-title {
    /* font-weight: bold; */
    font-size: 1.4rem;
    /* margin-bottom: 15px; */
}
/*
.point-title::before {
    content: "\f104";
    color:#025f1d;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    font-size: 0.6rem;
    text-transform: none;
    line-height: 1;
    vertical-align: 0.3rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
}
*/
#bank img {
    width: 30%;
    height: 100%;
    padding: 15px 0px;
}
#bank .bank-no {
    font-size: 2.0rem;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 0;
}
#bank .bank-title {
    /* font-size: 1.1rem; */
    line-height: 2;
    /* color:#9a9a9a; */
    /* padding: 10px 16px; */
    margin: 0px;
}

.line-plus::after {
    content: "\f4fd";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    font-size: 0.7rem;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
}

#notice ul {
    padding-left: 0px !important;
}
/*
#notice ul.note-list li::before {
    content: "\f2ea";
    color:rgb(29, 29, 29);
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 6px;
}
*/
#notice ul.note-list li a {
    font-size: 1rem;
    /* font-weight: 300; */
    line-height: 1.8;
    /* color: #9a9a9a !important; */
}
#notice ul.note-list li span {
    font-size: 1rem;
    /* font-weight: normal; */
    line-height: 1.8;
    color: #9a9a9a  !important;
}


/*--- footer ---*/

.mbf-menu {
    position: fixed;
    bottom: 0px;
    background-color: #fff;
    width: 100%;
    z-index: 1000;
    /*box-shadow: 0px 0px 10px 2px #ddd;*/
    border: 1px solid #ddd;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}  
.mbf-menu ul {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 10px 6px;
}
.mbf-menu ul li {
    width: calc(20%);
    text-align: center;
    height: 100%;
}
.mbf-menu ul li:last-child { min-width: calc(100% / 20%); }

.mbf-menu ul li.on div {
    color: red;
}
.mbf-menu ul li i {
    font-size: x-large;
}

.footer-bottom .ft-pc .ft-item { background-color: rgb(42 50 68); }
.footer-bottom .ft-pc .ft-addr { background-color: #2f3649; }  /* old #343F55;*/
.footer-bottom .ft-pc .ft-addr .container { padding-top: 20px; padding-bottom: 40px; color: rgba(255,255,255,0.5); }
.footer-bottom .psys-wrap { background-color: #fff !important; margin-top: 0px; border-top: 0px; }

.ft-pc .footer-company p { line-height: 1.8; font-size: 14px; }
.ft-pc .footer-company p span.fw-semibold { font-size: 17px; color: #fff; }

.ft-pc .footer-cscenter { text-align: right; }
.ft-pc .footer-cscenter p {  line-height: 1.8; }
.ft-pc .footer-cscenter p:nth-child(1) span:nth-child(1) { font-weight: normal; font-size: 15px; color: #aaa; margin-right: 20px; }
.ft-pc .footer-cscenter p:nth-child(1) span:nth-child(2) { font-weight: normal; font-size: 20px; color: #fff; } 
.ft-pc .footer-cscenter p:nth-child(2),
.ft-pc .footer-cscenter p:nth-child(3),
.ft-pc .footer-cscenter p:nth-child(4) { /*line-height: 25px;*/ font-size: 15px; }

.ft-pc .footer-nav { display: flex; align-items: center; gap: 30px; justify-content: flex-start; padding: 20px; }
.ft-pc .footer-nav li { font-size: 15px; color: #666; }
.ft-pc .footer-nav li a { word-break: break-all; color: #b7b7b7 !important; }
.ft-pc .footer-nav li:hover a { color: #fff !important; text-underline-position: under; }

.ft-pc .info img {
    display: inline-block !important;
    height: 25px;
}

.ft-mb-xs-time .ft-mb-xs-tel { color: #fff; }
.ft-mb-xs-notice ul li { background-color:transparent; }
.ft-mb-xs-notice ul li a { color: #aaa !important; }
.footer-bottom-content .ft-company-name i { color: #fff; }
.copyright p small { color: #aaa; }


.f-list {
   /* border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    line-height: 1; */
    /* background: #4c4c4c; */
    border-top: 1px solid #ddd;
}
.f-text ul {
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
}
.f-text ul li {
    display: inline-block;
    vertical-align: top;
    padding: 10px 0 13px 0;
}
.f-text ul li a {
    padding: 0 12px;
    color: #fff !important;
    font-size: 0.875rem;
    font-weight: 300;
    border: none;
}
/*
.f-text ul li:nth-child(2) a {
    color: yellow !important;
}
*/
.f-text ul li::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #d2d2d2;
    margin-top: 7px;
    margin-right: 4px;
}
.f-text ul li:last-child::after {
    display: none;
}
.footer {
    background: #ffffff;
    color:inherit;
}    
.footer .links {
    padding-top: 0.5rem;
    text-align: center;
}
.footer .links ul {
    list-style-type: none;
}
.footer .links ul li a {
    color: inherit;
    transition: color .2s;
}
.footer .links ul li a:hover {
    text-decoration:none;
    color:#4180CB;
}
.footer .logo-company i {
    font-size: 1.56rem;
}
.footer .logo-company a{
    color:inherit;
    transition: color .2s;
}
.footer .logo-company a:hover {
    color:#4180CB;
}
.footer .location {
    padding-top: 0.5rem;
}
.footer .location i {
    font-size: 1.12rem;
}
.footer .location p {
    font-weight: 300;
    word-spacing: 3px;
    color: #a5a4a4;
    font-size: 0.87rem;
    margin-bottom: 6px !important;
}
.footer .location b {
    color: #888;
}
.footer .copyright p { 
    border-top:1px solid rgba(158,158,158,.3);
} 
.footer .copyright p small { 
    color: rgba(85,85,85,.5);
} 
.ft-mobile {
    display: none;
    text-align: left;
    background-color: #343F55;
}
@media (max-width: 767px) {
    .hds-top {
        width: 315px;
        margin-bottom: 30px !important;
    }
    #customer, #guide, #quick-area {
        text-align: center;
    }
    #customer hr, #guide hr, #quick-area hr {
        display: none;
    }
    #guide {
        padding: 2.5rem 0;
    }
    #guide .d-flex {
        justify-content: center;
    }
    #guide .bank-title {
        padding: 13px 16px;
    }

    .border-lr {
        border: none;
    }
    /*
    .f-list ul li:first-child {
        display: none;
    }

    .f-list ul li:nth-last-child(1) {
        display: none;
    }
    .f-list ul li:nth-last-child(2) {
        display: none;
    }
    .f-text {
        text-align: center;
    }
    .f-text ul li:nth-last-child(3)::after {
        display: none;
    }
    */
    .logo-company, .location, .links, .copyright.footer-bottom-logo { 
        /*text-align: center;*/
        padding-bottom: 0px;
    }
    .footer-bottom-logo, .footer-bottom-cs-tel { 
        width: 100%;
        text-align: center;
    }
    .ft-pc {
        display: none;
    }
    .ft-mobile {
        display: block;
    }
}

.scroll_top {
    display: none;
    cursor: pointer;
    position: fixed !important;
    bottom: 13px; /*80px;*/
    right: 15px; /*20px;*/
    z-index: 1001;
    /* opacity: 0; */
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #306988;
    color: #fff;
    width: 45px;
    height: 45px;
    border: 0;
    outline: 0;
    border-radius: 50%;
    padding: 3px 0 2px 0;
}

.scroll_top i { font-size: 30px; }

/* ---------------------------------------------------------- */
/* 바로가기
/* ---------------------------------------------------------- */

#partner img { width: 70%; }
.mTit {
    /*
    display: block;
    margin-bottom: 15px;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.3px;
    */
    color: #111;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -1.5px;   
    border-top: 0px solid #e4e4e4; 
}  

.quick-list, .data-list {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.quick-list {
    width: calc(100% - 50px);
}
.data-list {
    width: calc(100%);
}

.ico_item {
    position: relative;
    display: inline-block;
    margin-right: 18%;
    margin-top: 35px;
    transition: .3s all;
}
.quick-list .icon {
    position: relative;
    display: block;
    width: 130px;
    height: 130px;
    padding-top: 22px;
    padding-left: 5px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #e9eaef;
    text-align: center;
    transition: 0.5s all;
}
.quick-list .icon { font-size: 4.125rem; }
.quick-list .tit {
    max-width: 130px;
    margin-top: 8px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

.quick-list .quick-icon:hover .icon {
    background-color: #51589b;
}
.quick-list .quick-icon:hover i {
    color: #fff;
}

.data-list .list {
    border-top: 2px solid #000;
}
.data-list .list>li {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    box-sizing: border-box;
}
.data-list .list>li>a {
    display: inline-block;
    max-width: calc(100% - 130px);
    padding: 15px 10px 15px 5px;
    font-size: 1rem;
    letter-spacing: -1px;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
    vertical-align: top;
}
.data-list .list>li> .date {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    /* color: #888; */
    font-size: 1rem;
    padding: 15px 5px;
}

/*-- New 바로가기 ------------------------------------------- */

#partner { 
    margin-bottom: 0px !important; 
    margin-top: 20px !important; 
    padding: 30px 0px 50px; 
    background-color: #f9fafb; 
}

#partner .partner-box { 
    border: 1px solid #efefef; 
    /* border-radius: 10px;  */
    /* box-shadow: 5px 5px 10px 0px #efefef;  */
    background-color: #fff; 
    padding: 0.5rem 0.5rem; 
    text-align: center; 
}
#partner .line { display:flex; flex-basis:100%;	align-items:center;	justify-content: center; font-size:30px;	margin:8px auto;  width: 20%; }
#partner .line::before { content:""; flex-grow:1; margin:0px 16px; background:rgba(0,0,0,0.35); height:1px; font-size:0px;	line-height: 0px; }
#partner .line::after {	content:"";	flex-grow:1; margin:0px 16px; background:rgba(0,0,0,0.35);	height:1px;	font-size:0px;	line-height: 0px; }


/* ---------------------------------------------------------- */
/* --- New Footer                                             */
/* ---------------------------------------------------------- */

.footer-bottom .f-list .notice-wrap {height:50px; overflow:hidden;}
.footer-bottom .f-list .rolling {position:relative; width:100%; height:auto;}
.footer-bottom .f-list .rolling li {width:85%; height:50px; line-height:50px;}
.footer-bottom .f-list .rolling li a { color: #fff !important; }

.footer-bottom .f-list .notice-tit a,
.footer-bottom .f-list .notice-more {
    padding: 15px 0px;
    color: #fff !important;
}
.footer-bottom .f-list .notice-tit {
    width: 100px;
    /* margin-right: 20px; */
}
.footer-bottom .f-list .notice-more {
    display: none;
    width: 10%;
    margin-left: 20px;
}

.footer-bottom {
    /* background-color: #f9f9f9; */
    background-color: #fff;
    /*margin-top: 60px;*/
    clear: both;
    overflow: hidden;
}
.footer-bottom .location p { 
    /* font-weight: 300; */
    word-spacing: 3px;
    color: #666;
    font-size: 0.75rem;
    margin-bottom: 6px !important;
}
.footer-bottom .ft-mb-addr .location p,
.ft-mobile .copyright p  { 
    color: rgba(255,255,255,0.5); 
}

.footer-bottom .ft-company-content p { color: #666; }
.footer-bottom .location .ft-company-name { font-weight: 400; font-size: 1rem; }

.ft-mobile-menu { margin-bottom: 1rem; }
.ft-mobile-menu ul { display: flex; justify-content: flex-start!important; }
.ft-mobile-menu ul li { margin-right: 1rem; font-size: 14px; }

/*.ft-company-content { display: none; }*/

.footer-bottom .float-left {
    position: relative;
}
.footer-bottom-logo {
    /* display: inline-block;
    margin-top: 14px;
    margin-bottom: 10px; */
    text-align: center;
}
.footer-bottom-content {
    display: inline-flex;
    width: 100%;
    margin-top: 10px !important;
    border-bottom: 1px solid #e5e5e5;
}
.ft-mb-addr .footer-bottom-content { border-bottom: 0px solid rgba(255,255,255, 0.2); }

.footer-bottom-menu {
    padding: 20px 0;
}
.footer-bottom-menu li {
    display: inline-block;
}
.footer-bottom-menu li a {
    margin-right: 26px;
    color: #373737 !important;
    font-size: 16px;
}
.footer-bottom-menu li:last-child a {
    font-weight: bold;
    color: #51589b !important;
}

.footer-bottom-sns {
    line-height: 4;
}
.footer-bottom-sns .icon {
    display: flex;
    align-items: center;
    align-content: stretch;
    justify-content: center;
    flex-direction: column;
}
.footer-bottom-sns .link {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 4px;
    border: 2px solid;
    border-radius: 100%;
    padding: 8px;
}
.footer-bottom .hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}
.footer-bottom-cs-tel {
    display: flex;
}
.footer-bottom-cs-tel img {
    width: 80px;
    margin-left: -10px;
    float: left;
}
.text-cs-tel {
    display: inline-block;
    padding-top: 16px;
}
.footer-bottom-content .bi {
    display: flex;
    align-items: center;
    align-content: stretch;
    justify-content: center;
    flex-direction: column;
}
.footer-bottom-content .ft-company-name i {
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 10px;
    padding: 3px;
}


.footer-bottom-content .showstep1{
    /* max-height: 110px; */
    overflow: hidden;
}
.footer-bottom-content .showstep2{
    max-height: 170px;
    overflow: hidden;
}
.footer-bottom-content .content{
    /*height: 210px;*/
    background-color: #fff;
}
.footer-bottom-content .hide{
    display: none;
}

.footer-bottom-content .f-more {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding: 10px;
    margin-left: -10px;
}
.footer-bottom-content .btn_open,
.footer-bottom-content .btn_close {
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 3px 10px;
}

/*.ft-mb-xs-menu { background-color: #efefef; }*/
.ft-mb-xs-menu ul { display: flex; align-items: center; flex-wrap: wrap; /* border-top: #aaa; */ /* border-bottom: #aaa; */ }
.ft-mb-xs-menu ul li { width: 50%; text-align: center; padding: 10px; border-bottom: 1px solid #ddd; }
.ft-mb-xs-menu ul li a { 
    font-size: 14px; 
    font-weight: 400; color: #777 !important; 
}
.ft-mb-xs-menu ul li:nth-child(odd) { border-right: 1px solid #ddd; }

/*.ft-mb-item .ft-mb-xs-menu { background-color: rgba(0,0,0,0.2); }*/
.ft-mb-item { background-color: rgb(42 50 68); }
.ft-mb-item .ft-mb-xs-menu ul li { padding: 14px; border-bottom: 1px solid rgba(255,255,255,0.2); }
.ft-mb-item .ft-mb-xs-menu ul li a { color: #fff !important; }
.ft-mb-item .ft-mb-xs-menu ul li:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.2); }

.ft-mb-xs-time { padding: 10px 12px; }
.ft-mb-xs-time .ft-mb-xs-tel { 
    display: flex; 
    align-items: center; 
    font-size: 1.4rem; 
    font-weight: 600; 
    padding: 5px 0px 5px 0px; 
    letter-spacing: -1px; 
    line-height: 2; 
}

.ft-mb-xs-time .ft-mb-xs-tel .ft-mb-xs-subtxt { font-size: 13px; color: #ddd; padding-left: 10px; }
.ft-mb-xs-time .ft-mb-xs-tel .ft-mb-xs-btn { line-height: 0; }
.ft-mb-xs-time .ft-mb-xs-tel .ft-mb-xs-btn a { border: 1px solid #ddd; /*background-color: #aaa;*/ padding: 5px 5px 4px 5px; font-size: 12px; color: #fff !important; margin-left: 5px; }
.ft-mb-xs-time .ft-mb-sm { padding: 2px 0px; }
.ft-mb-xs-time .ft-mb-st { /*border: 1px solid #ddd; border-radius: 10px;*/ padding: 1px 7px 2px 7px; font-size: 14px; color: #999; }
.ft-mb-xs-time .ft-mb-sw { font-size: 14px; color: #999; /*margin-left: 10px;*/ letter-spacing: -1px; }
.ft-mb-time .ft-mb-xs-time .ft-mb-sw { color: rgba(255,255,255,0.5); }

.ft-mb-xs-notice { margin-top: 12px; }
.ft-mb-xs-notice ul { 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    padding: 5px 20px !important; 
    margin: 0 auto; 
    gap: 15px; 
}

.ft-mb-xs-notice ul li { 
    background-color: #f5f5f5; 
    padding:4px 0px; 
    width: 33.33%; 
    text-align: center;  
    border: 1px solid #e8e8e8; 
    border-radius: 30px; 
    line-height: 1; 
}
.ft-mb-xs-notice ul li a { font-size: 13px; color: #666 !important; }

.copyright p small {
    color: rgba(85,85,85,.5);
}

#footer-right { 
    /* padding-left: 30px; */
    padding-top: 12px; 
}
#footer-right > div:nth-child(1) {
    font-size: 19px;
    font-weight: 500;
}
#footer-right > div:nth-child(2) {
    font-weight: 500;
    font-size: 28px;
    line-height: 46px;
}
#footer-right > div:nth-child(3),
#footer-right > div:nth-child(5) {
    line-height: 30px;
}
#footer-right > div:nth-child(4) {
    line-height: 20px;
}

.footer-bottom .psys-wrap {
    text-align: center;
    margin-top: 30px;
    padding: 0.5rem;
    background-color: #f8f9fa;
    border-top: 1px solid #f7f7f7;
}


.md-category {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: auto;
}
.md-category li {
    display: flex;
    flex-basis: 25% !important;
    flex-grow: 1;
    width: auto;
    font-size: 14px;
    /* text-align: center; */
    padding: 8px;
    /* margin: 6px 3px; */
    border: 1px solid #f2f2f2;
    height: 110px;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: center;
    justify-content: center;
}
.md-category li div:first-child {
    width: 80%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.md-category li div:last-child {
    width: 100%;
    text-align: center;
}
.md-category li div:first-child span {
    font-size: 2rem;
    border: 2px solid #333;
    border-radius: 50%;
    padding: 5px 17px 7px;
}  


/*--- location ---*/
.path-area {
    /* margin: 25px 0px !important; */
    margin: 0px !important;
    padding: 10px 0px !important;
    background-color: #f6f6f6;
}
.path-area ul {
    margin: 0;
}
.path-area ul li {
    display: inline-block;
    color: inherit;
    padding: 3px 10px 3px;
    font-size: 13px;
    vertical-align: top;
}
.path-area ul li a {
    color: #aaa !important;
}
.path-area ul li a:hover {
    color: inherit !important;
}
/*
.path-area ul li:first-child::before {
    content: "\f424";
    color: #aaa;
    font-family: bootstrap-icons !important;
    font-size: 0.9rem;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 5px;
}
*/
.path-area ul li::after {
    content: "\f285";
    color: #aaa;
    font-family: bootstrap-icons !important;
    font-size: 0.6rem;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 15px;
}
.path-area ul li:last-child::after {
    display: none;
}

/*--- p-sub-1 ---*/
.p-sub-1 img {
  /* display: block;
  margin-left: auto;
  margin-right: auto; */
}

#carouselProdsubimg.carousel {
    padding-top:15px;
    text-align:center;
}
#carouselProdsubimg .carousel-inner {
    padding:0 32px;
}
#carouselProdsubimg img {
    width: auto;
    height: 100%;
    max-height: 100px;
}
#carouselProdsubimg .carousel-control-prev, #carouselProdsubimg .carousel-control-next {
    width: 5% !important;
    top: 17px;
    /* background-color: rgba(169, 169, 169, 0.2); */
}
#carouselProdsubimg .carousel-control-prev-icon, #carouselProdsubimg .carousel-control-next-icon {
    width: 20px;
    height: 20px;
}
#carouselProdsubimg .carousel-control-prev-icon i, #carouselProdsubimg .carousel-control-next-icon i {
    color: black;
}

.p-history { 
    padding-left: 3rem!important; padding-right: 3rem!important; 
}
.p-header {
    position: relative;
    /* border-bottom: 1px solid #ddd; */
}
.p-header-top {
    position: relative;
    overflow: hidden;
}
.p-title {
    float: none;
    margin-bottom: 2px;
}
.p-title h2 {
    /* font-size: 1.8rem; */
    font-size: 27px;
    font-weight: normal;
    color: #333;
    padding: 0;
    /* margin-bottom: 20px; */
}
.p-sub-title {
    clear: both;
}
.p-sub-title p {
    font-size: 0.9rem;
    color: #999;
    margin: 0px;
    letter-spacing: -.5px;
}
.p-price-head {
    padding: 0 0 20px 0;
    margin: 0;
    border-bottom: 1px solid #ddd;
    color: #888;
    font-size: 16px;
}
.p-price dl, .p-price dd {
    margin: 0px;
}    
.p-price dt {
    line-height: 2.5;
}    
.p-price dd p {
    display: inline-block;
    margin: 0px;
}    
.p-price .p-price-1 strong {
    display: inline-block;
    align-items: center;
    font-size: 1.875rem;
    color: #333;
    font-weight: 600;
    vertical-align: middle;
}
.p-price .p-price-1 em {
    font-size: 1.125rem;
    color: #333;
    font-weight: 700;
    /* vertical-align: top; */
    display: inline-block;
    margin-top: 9px;  
}
.p-price .p-price-2 {
    margin-left: 14px;
}
.p-price .p-price-2 del {
    font-size: 1rem;
    color: #999;
    font-weight: 400;
}
.p-price .p-price-2 em {
    font-size: 1rem;
    color: #999;
    font-weight: 400;
    text-decoration: line-through;
}
.p-price dd > em {
    display: inline-block;
    font-size: 1.25rem;
    color: #fc7117;
    font-weight: 700;
    margin-left: 10px;
}
.p-sns {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 1.5rem;
    z-index: 1;
}
.p-percent {
    display: inline-block;
    color: #ed2650;
    font-size: 30px;
    font-weight: 600;
    margin-left: 20px;
}
.top-price {
    display: inline-flex;
    align-items: flex-end;
    font-size: 30px;
    font-weight: 600;
    color: #333;
}



.one_banner {
    display: block;
    box-sizing: border-box;
    padding: 66px 50px 80px;
    text-align: center;
    color: #fff;
    /* min-height: 320px; */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #C86733;
}
.one_banner h2 {
    font-weight: 100;
    font-size: 28px;
    color: #fff;
    margin: 0 auto 40px;
    letter-spacing: 1.5px;
    display: inline-block;
    border-bottom: 1px solid #fff;
    line-height: 1.2;
    padding-bottom: 7px;
}
.one_banner h1 {
    font-size: 54px;
    font-weight: 400;
    color: #fff;
    line-height: 60px;
    letter-spacing: -2px;
    text-transform: uppercase;
    word-spacing: 5px;
}
.one_banner span {
    display: inline-block;
    padding: 12px 28px;
    font-size: 16px;
    color: #fff;
    line-height: 19px;
    font-weight: 500;
    letter-spacing: -0.03em;
    margin-top: 50px;
    border: 1px solid #fff;
}

  


.spinner * {
    text-align: center;
}
.spinner input::-webkit-outer-spin-button,
.spinner input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
.spinner input:disabled {
    background-color: white;
}
.spinner .btn {
    background-color: white;
    border: 1px solid #ced4da;
}
.spinner .btn:focus {
    outline: 1px;
}
.spinner .minus, .spinner .plus, .spinner input {
    /* padding: 0.2rem 0.7rem !important; */
    border-radius: 0 !important;
}


  
.p-total-price {
    display: inline-block;
    width: 100%;
    padding: 30px 10px;
}
.p-total-price dl { 
    float: left;
    width: 100%;
    min-height: 24px;
    padding: 7px 0 6px 0;
    margin: 0px;
}
.p-total-price dl dt { 
    display: inline-block;
    vertical-align: top;
    font-size: 1.5rem;
    font-weight: normal;
    color: #403f3f;
    margin: 0;
    float: none;
    word-wrap: break-word;
}
.p-total-price dl dd {
    display: inline-block;
    vertical-align: top;
    font-size: 1.5rem;
    float: right;
    color: #fc7117;
    font-weight: bold;
}
.p-total-price dl dd em {
    font-size: 1rem;
}
.p-wish {
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    border: 1px solid #999;
    padding: 10px 12px;
    line-height: 1;
    transition: all 0.5s;
}
.p-wish i {
    font-size: 35px;
    color: #999;
}
.p-cart, .p-order, .p-estimat {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #000;
    background: #fff;
    line-height: 3.2;
    text-align: center;
    color: #000 !important;
    font-size: 1.3rem;
}
.p-order {
    border: 1px solid #dc4d4d;
    background-color: #dc4d4d;
    color: #fff !important;
}

.p-estimat {
    border: 1px solid #1f7f97;
    background-color: #1f7f97;
    color: #fff !important;
}


/*--- pl-category ---*/
.pl-title {
    /*
    color: #999;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 2;
    */
    color: #666;
    letter-spacing: -.5px;
    font-size: 1.125rem;
    font-weight: 300;
    margin-bottom: 0.5rem;
}
.pl-unit {
    font-size: 1rem;
    line-height: 2.4;
}

.ui-select-block {
    display: block;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    padding: 9px 50px 9px 10px;
    background: #fff;
    z-index: 0;

    width: 120px;
    padding-left: 8px;
    padding-right: 32px;
}    
.ui-select-block::before {
    content: "\f282";
    position: absolute;
    top: 10px;
    right: 8px;
    color: inherit;
    font-family: bootstrap-icons !important;
    font-size: 1rem;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ui-select-block.focus {
    border-color: #959595;
}
.ui-select-block select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    cursor: pointer;
}
.ui-select-block span {
    display: block;
    font-size: var(--fs-em-17);
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.pl-category {
    position: relative;
    width: 100%;
    word-break: keep-all;
}
.pl-category ul {
    margin: 0;
    padding: 0;
    height: 100%;
    gap: 20px;
}
.pl-category ul li:hover {
    border-color: #aaa;
    background-color: rgb(81 88 155 / 10%);
}
.pl-category ul li {
    /* float: left;
    width: 10%; */
    /*flex-basis: 14%;*/
    flex-grow: 1;
    font-size: 1rem;
}
.pl-category ul li {
    display: block;
    position: relative;
    padding: 14px 0;
    border: 1px solid #e8e8e8;
    border-radius: 30px;
    /*border-bottom: 1px solid #333;*/
    text-align: center;
    letter-spacing: -.5px;
    cursor: pointer;
}    
.pl-category ul li.active {
    /* border-bottom-color: transparent; */
}
.pl-category ul li.active {
    /*
    border-top: 2px solid #333;
    border-color: #333;
    */
    background-color: rgb(81 88 155 / 60%); /*#51589b;*/ /*#000;*/
    color: #fff !important;
    border-color: rgb(81 88 155 / 60%);
    /*border-top: 2px solid #000;
    border-color: #000;
    border-bottom: 1px solid #000;*/
    z-index: 1;
}
/*.pl-category ul li:hover {
    border-color: #555;
}*/
.pl-category ul li.active:hover {
    color: #fff !important;
    background-color: rgb(81 88 155 / 60%);
}

/*--- notice ---*/
.btn-section {
    margin-top: 40px !important;
}
.btn-group-tab div {
    /* margin-top: 5px; */
    margin-bottom: 5px;
}
.btn-group-tab a {
    /*
    width: 100%;
    height: 100%;
    line-height: 2.5 !important;
    color: #555555 !important;
    border: #ddd  1px solid;
    */
    width: 100%;
    line-height: 2.1 !important;
    text-align: center;
    border: 1px solid rgba(81, 88, 154, 0.2);
    border-radius: 7px !important;
}
.btn-group-tab a:hover, .btn-group-tab a:active {
    /*border-color: black;*/
    background-color: rgba(81, 88, 154, 0.2) !important;
    border-color: rgba(81, 88, 154, 0.4) !important;
    /*border-bottom: 2px solid #132f3d !important;*/
    color: #51589b !important;
    font-weight: 600;
}
.btn-group-tab a.on {
    /*
    background-color: rgba(81, 88, 154, 0.2);
    border: 1px solid rgba(81, 88, 154, 0.4);
    border-bottom: 2px solid #000 !important;
    font-weight: 600;
    */
    background-color: rgb(160 165 217 / 20%);
    box-shadow: 0px 8px 5px 0px #ddd;
    border: 1px solid rgb(81 88 154 / 50%);
}

@media (max-width: 992px) {
    .btn-group-tab a { font-size: 14px; line-height: 1.5 !important; padding: 1rem 0.5rem !important; }
    /* .customer-href { padding: 2rem 0 1rem !important; } */
}
@media (max-width: 767px) {
    .btn-section { margin-top: 2rem !important; margin-bottom: 7rem !important; }    
    .btn-group-tab { height: 50px; }
    .btn-group-tab a { font-size: 14px;  padding: 1rem 0.5rem !important; }
} 
@media (max-width: 576px) {
    .btn-section { margin-top: 2rem !important; margin-bottom: 2rem !important; }    
    .btn-group-tab { height: 100%; }
    .btn-group-tab a { line-height: 2.5 !important; padding: 0.3125rem 0.5rem !important; }
}    


.indCheck input[type="checkbox"] {
    width: 14px;
    height: 14px;
    line-height: 14px;
    box-sizing: border-box;
    -webkit-border-radius: 0;
}
.indCheck input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 50%;
}
.indCheck {
    display: inline-block;
    position: relative;
    padding-left: 26px;
    font-size: 1rem;
    /* line-height: 32px; */
    cursor: pointer;
}
.indCheck span.agreeCheck {
    position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid #333;
    border-radius: 3px;
    box-sizing: border-box;
    left: 0;
    top: 15%;
}
.indCheck input[type="checkbox"]:checked ~ span.agreeCheck {
    background-color: #cd001a;
    border-color: #cd001a;
    background-image: url(../images/common/icon_check.png);
    background-repeat: no-repeat;
    background-position: center center;
}


.nt-wrap {
    padding-bottom: 6px;
}
.nt-wrap .nt-title {
    font-size: 1.25rem;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}
.nt-wrap span {
    font-size: 0.875rem;
    line-height: 27px;
    display: inline-block;
    vertical-align: bottom;
}
.nt-wrap .nt-sub-title {
    margin-left: 15px;
    color: #9e9e9e;
}
.nt-wrap .indArea {
    height: 140px;
    padding: 25px 20px;
    border: 1px solid #e0e0e0;
    overflow-y: auto;
    margin-bottom: 10px;
    margin-top: 15px;
    white-space: pre-wrap;
    background-color: #fbfbfb;
}
.nt-wrap h5 {
    display: flex;
    align-items: center;
}

.notice-list .tb-list {
    width: 100%;
    border-top: 1px solid #262626;
}
.notice-list .tb-list thead {
    background: #fafafa;
}
.notice-list .tb-list thead tr {
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.notice-list .tb-list thead tr th {
    height: 50px;
    /* line-height: 60px; */
    color: #333;
    font-weight: normal;
    text-align: center;
}
.notice-list .tb-list tbody tr {
    border-bottom: 1px solid #e8e8e8;
}
.notice-list .tb-list tbody tr:hover {
    background-color: rgb(240 248 255 / 40%);
}
.notice-list .tb-list tbody tr td:first-child {
    text-align: center;
}
.notice-list .tb-list tbody tr td {
    text-align: center;
}
.notice-list .tb-list tbody tr td:nth-child(2) {
    text-align: left;
    padding: 12px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.notice-list .tb-list tbody tr td.notice::after {
    content: "\f484";        
    color: inherit;
    font-family: bootstrap-icons !important;
    text-transform: none;
    line-height: 1;
}
@media (max-width: 576px) {
}

/* 포인트현황 리스트 */
.point-list .tb-list {
    width: 100%;
    border-top: 1px solid #262626;
}
.point-list .tb-list thead {
    background: #fafafa;
}
.point-list .tb-list thead tr {
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.point-list .tb-list thead tr th {
    height: 38px;
    /* line-height: 60px; */
    color: #333;
    font-weight: normal;
    text-align: center;
}
.point-list .tb-list tbody tr {
    border-bottom: 1px solid #e8e8e8;
    font-size: var(--fs-15);
    font-weight: 300;
}
.point-list .tb-list tbody tr:hover {
    background-color: rgb(240 248 255 / 40%);
}
.point-list .tb-list tbody tr td {
    text-align: center;
    padding: 10px 10px;
}
.point-list .tb-list tbody tr td:nth-child(4) {
    text-align: left;
}

@media (max-width: 576px) {
    .point-list { font-size: 0.875rem; }
    .point-list tr td { display: flex; align-items: center; border-right: 0px; border-bottom: 1px solid #ddd; padding: 0px !important; }
    .point-list tr td:last-child { border-bottom: 1px solid #333; }
    .point-list tr td div:first-child { width: 30%; text-align: left; padding: 8px 5px; }
    .point-list tr td div:last-child { width: 70%; text-align: left; padding: 8px 5px 8px 15px; }
}
@media (max-width: 991px) {
    .point-list .tb-list thead, .point-list .tb-list colgroup { display: none; }
}


/* Tax List */
.tax-list .tb-list {
    width: 100%;
    border-top: 1px solid #262626;
}
.tax-list .tb-list thead {
    background: #fafafa;
}
.tax-list .tb-list thead tr {
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.tax-list .tb-list thead tr th {
    height: 50px;
    /* line-height: 60px; */
    color: #333;
    font-weight: normal;
    text-align: center;
    font-size: var(--fs-15);
}
.tax-list .tb-list tbody tr {
    border-bottom: 1px solid #e8e8e8;
    font-size: var(--fs-15);
}
.tax-list .tb-list tbody tr:hover {
    background-color: rgb(240 248 255 / 40%);
}
.tax-list .tb-list tbody tr td {
    text-align: center;
    padding: 12px 5px;
}
.tax-list .tb-list tbody tr td div.oNo a:hover,
.tax-list .tb-list tbody tr td div.oProdNo a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}
.tax-list .btn-list {
    padding: 0.375rem 0.85rem !important;
}
.tax_text {
    font-size: 0.875rem;
    color: #f22836;
    padding-bottom: 3px;
}

@media (max-width: 576px) {
    .tax-list { font-size: 0.875rem; }
    .tax-list .tb-list thead, .tax-list .tb-list colgroup { display: none; }
    .tax-list .tb-list tbody tr { border-bottom: 1px solid #999; }
    .tax-list tr td { display: flex !important; align-items: center; padding: 0px !important; border-bottom: 1px solid #ddd; }
    .tax-list tr td div:first-child { width: 30%; line-height: 2.8; }
    .tax-list tr td div:last-child { width: 70%; padding: 3px 10px; display: flex; /*flex-direction: row-reverse !important;*/ }
    .tax-list .btn-list { padding: 0.275rem 0.75rem !important; font-size: 0.875rem; }
}
@media (min-width: 577px) and (max-width: 991px) {
    .tax-list { font-size: 0.875rem; }
    .tax-list .tb-list thead, .tax-list .tb-list colgroup { display: none; }
    .tax-list .tb-list tbody tr { border-bottom: 1px solid #999; }
    .tax-list tr td { display: inline-flex !important; align-items: center; width: 50%; padding: 0px !important; border-bottom: 1px solid #ddd; }
    .tax-list tr td div:first-child { width: 35%; padding: 4px; line-height: 2; }
    .tax-list tr td div:last-child { width: 65%; text-align: left; padding: 4px 10px; line-height: 1; }
    
    .tax-list tr td:nth-child(3),
    .tax-list tr td:last-child { width: 100% !important; }

    .tax-list tr td:nth-child(3) div:nth-child(1),
    .tax-list tr td:last-child div:nth-child(1) { width: 17.5% !important; }

    .tax-list tr td:nth-child(3) div:nth-child(2),
    .tax-list tr td:last-child div:nth-child(2) { width: 82.5% !important; padding: 0px 10px !important; }

    .tax-list tr td:nth-child(7) div:nth-child(2) { line-height: 1 !important; }

    .tax-list .btn-list { padding: 0.2rem 0.5rem 0.2rem !important; font-size: 0.875rem; line-height: 1.4 !important; }
}
@media (max-width: 991px) {
    .tax-list tr td div:last-child.oPurchase br { content: ""; display: inline-block; margin: 0 10px; }
}

/*--- data ---*/
.data-list .tb-list {
    width: 100%;
    border-top: 1px solid #262626;
}
.data-list .tb-list thead {
    background: #fafafa;
}
.data-list .tb-list thead tr {
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.data-list .tb-list thead tr th {
    height: 50px;
    line-height: 1;
    text-align: center;
    border-right: 1px solid #ddd;
    font-size: var(--fs-15);
    font-weight: normal;
}
.data-list .tb-list thead tr th:last-child {
    border-right: 0px;
}
.data-list .tb-list tbody tr {
    border-bottom: 1px solid #e8e8e8;
}
.data-list .tb-list tbody tr:hover {
    background-color: rgb(240 248 255 / 40%);
}
.data-list .tb-list tbody tr td:first-child {
    text-align: center;
}
.data-list .tb-list tbody tr td {
    text-align: center;
    font-size: 14px;
    padding: 10px;
    border-right: 1px solid #ddd;
}
.data-list .tb-list tbody tr td div span.order-id { 
    /* text-decoration: underline;
    text-underline-offset: 3px; */
}
.data-list .tb-list tbody tr td:last-child {
    border-right: 0px;
}
.data-list .tb-list tbody tr td:nth-child(2) {
    text-align: center;
    padding: 15px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
#estlist tbody tr td:nth-child(2) {
    text-align: center;
    cursor: auto;
}
#estlist tbody tr td:nth-child(3) {
    text-align: left;
}

.data-list .tb-list tbody tr td.notice::after {
    content: "\f484";        
    color: inherit;
    font-family: bootstrap-icons !important;
    text-transform: none;
    line-height: 1;
}
@media (max-width: 576px) {
    .data-list {
        font-size: 0.9375rem;
    }
    .data-list .tb-list thead, .data-list .tb-list colgroup { 
        display: none;
    }
    /*
    .data-list tr td:nth-child(1), .data-list tr td:nth-child(3), .data-list tr td:nth-child(5) {
        display: none;
    }
    */
    .data-list tr td:nth-child(2) {
        display: block;
        width: 100%;
        /* padding: 10px 0px 5px !important; */
        padding: 14px 10px !important;
    }
    .data-list tr td:nth-child(4) {
        /*
        display: inline-block;
        width: auto;
        padding: 5px 0px 10px !important;
        */
    }
}



/*--- faq ---*/
.faq-search-wrap {
    border: 1px solid #ddd;
    padding: 30px 0;
    background-color: #f9fafb;  
}  
.faq-search-box {
    position: relative;
    width: 40%;
    margin: 0 auto;
    padding-right: 47px;
    border: 1px solid #ddd;
}
.faq-search-box input {
    width: 100%;
    height: 40px;
    padding: 10px 10px 10px 20px;
    border: none;
    font-size: 1.1rem;
    letter-spacing: -0.45px;
    background-color: #fff !important;
}
.faq-search-box.brdnone { 
    border: 0px;
}    
.faq-search-box input.faq {
    height: 46px;
    border: 1px solid #306988;
}
.faq-search-box .faq-search {
    position: absolute;
    right: 1px;
    height: 100%;
    padding: 8px 12px 8px 14px;
    color: #fff;
    background-color: #fff !important;
}
.faq-search span {
    position: absolute;
    display: block;
    overflow: hidden;
    height: 0px;
    width: 0px;
}
.faq-search .bi {
    display: inline-block;
    vertical-align: top;
    color: #333;
}
.faq-tab {
    display: flex;
}
.faq-tab li {
    /* width: 12.5% !important; */
}

.accordion-item {
    border-left: none !important;
    border-right: none !important;
    border-radius: 0px !important;
}  
.accordion-button {
    padding: 1rem 1.5rem !important;
    font-size: 1rem !important;
    align-items: stretch !important;    
}
.accordion-button::before {
    content: "\0051";
    margin-right: 10px;
    font-size: 1rem;

    color: #fff;
    background-color: #999;
    border-radius: 15px;
    padding: 1px 6px 3px 6px;
    height: 24px;
}
.accordion-button:focus {
    box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
    color: #0c63e4;
    /* background-color: #fff; */
    box-shadow: none;
}
.accordion-body {
    background-color: #fafafa;
    padding: 1.5rem 3.0rem !important;
    line-height: 1.7;
}
.accordion-body img {
    max-width: 100% ;
    height: auto;
}
.accordion-body::before {
    content: "\0041";
    margin-right: 10px;
    font-size: 0.875rem;

    color: #fff;
    background-color: #51589b;
    border-radius: 15px;
    padding: 0px 7px 3px 7px;
}
.faq-search-wrap .prodlist-search-box {
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    width: auto!important;
    border: 0px;
    padding: 0!important;
}
.faq-search-wrap .prodlist-input-box {
    display: flex!important;
    justify-content: flex-end!important;
}
.faq-search-wrap .prodlist-input-box .faq {
    width: 400px;
}


.prod-search-wrap {
    padding: 10px 0;
    line-height: 2.4;
}
.prod-search-wrap  { 
    /* flex-direction: column;  */
    /* display: flex!important; */
    /* justify-content: start!important; */
    /* align-items: start!important;  */
    /* width: 100%!important; */
    /* border: 0px; */
    /* padding: 0!important; */
}

.prod-search-wrap .prodlist-input-box { 
    /* width: 100%;  */

}
.prod-search-wrap input.search-word {
    width: 260px;
    height: 2em;
    border: 1px solid #666;
    padding: 7px 10px;
    font-size: 1em;
    
}
.prod-search-wrap .btn-prod-search-inner {
    position: absolute;
    padding: 6px;
    color: #fff;
    background-color: #666 !important;
}   



@media (max-width: 767px) {
    .faq-search-box { width: 100% !important; }
    .faq-search-box input { /*height: 46px;*/ font-size: 1rem; }
    .faq-search-box.esti-search input { height: 40px; font-size: 0.875rem; }
    .faq-search-box .faq-search { /* height: 47px; */ }
    #sltchoice { height: 46px; }
    .accordion-button { padding: 1rem 0.5rem !important; font-size: 0.9375rem !important; }
    .accordion-body { padding: 1rem !important; font-size: 0.9375rem !important; }
}



/*--- notice view ---*/
.notice-view {
    width: 100%;
    border-top: 1px solid #333;
}
.tb-view {
    width: 100%;
}
.tb-view tr {
    border-bottom: 1px solid #e8e8e8;
}
.tb-view thead tr th {
    font-weight: normal;
}
.tb-view thead tr th.title {
    padding: 20px;
    font-size: 1.1rem;
    color: #333;
    text-align: left;
}
.tb-view thead tr th.date, .tb-view thead tr th.views {
    color: #333;
    text-align: right;
    padding-right: 20px;
}
.tb-view tr {
    border-bottom: 1px solid #e8e8e8;
}
.tb-view tbody tr td .contents {
    padding: 50px 30px;
    color: #666;
}
.tb-view #attabox {
    display: none;
    /* padding: 20px;
    font-size: 1rem;
    color: #999;
    text-align: left; */
}
.tb-view #attafiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.tb-view #attafiles a {
    color: #999 !important;
}

.tb-view .atta { display: flex; padding: 15px 20px; }
.tb-view .attatxt { width: auto; }

@media (max-width: 767px) {
    .nt-sub-title { margin-left: 0px !important; }

    .notice-view .tb-view colgroup { display: none; }
    .notice-view .tb-view tr { display: block; }
    .notice-view .tb-view tr th.title { display: block; width: 100%; padding: 10px; }
    .notice-view .tb-view tr th.date, 
    .notice-view .tb-view tr th.views { display: inline-block; padding: 5px 10px 10px; font-size: 13px; }
        
    .tb-view tbody tr td .atta { width: 100%; padding: 15px; }
    .tb-view tbody tr td .contents { padding: 20px; }
}

/*--- taxbill write ---*/
.taxbill i.bi {
    /*color: red;
    font-size: 1px;*/
}
.taxbill-stitle {
    /* padding-bottom: 10px; */
}
.taxbill-stitle ul {
    /* border-bottom: 1px solid #666; */
}
.taxbill-stitle ul li {
    display: flex;
}
.taxbill-stitle ul li p {
    margin-bottom: 0px;
}
.taxbill-stitle ul li::before {
    content: ' \002D' !important;
    margin-right: 10px;
}
.taxbill .card-body {
    border-top: 1px solid #cecece;
}
.taxbill .form-group {
    padding: 8px 0px;
}
.taxbill .col-form-label::before {
    /*content: '\2022' !important;
    margin-right: 10px;*/
}
.taxbill .col-form-label.none::before {
    content: none !important;
    margin-right: 10px;
}
.trans-inline input { 
    display: inline;
}
.ask { 
    color: red;
    font-size: 12px;
}
@media (max-width: 767px) {
}

/* 턴키 */
.taxbill #turnkey .form-group { padding: 5px 0px; }

#turnkey #file-wrap { display: flex; align-items: baseline; }
#turnkey .order-inner #excelSample { width: 100%; overflow: auto; border-bottom: 0px; } 
#turnkey .order-inner #excelSample table { white-space: nowrap; border-bottom: 1px solid #ebebeb; }

#turnkey .order-inner .cart-list table tr th:first-child { border-left: 1px solid #ddd; }
#turnkey .order-inner .cart-list table tr th:last-child { border-right: 1px solid #ddd; }
#turnkey .order-inner .cart-list table tr td:first-child { border-left: 1px solid #ddd; }

.spTitle { display: flex; justify-content: space-between; align-items: center; margin-bottom: 3px; }
.spTitle .spTitle-left { display: flex; align-items: baseline; }
.spTitle .spTitle-left h5 { display: flex; align-items: center; font-weight: 600; }
.spTitle .spTitle-left p { margin: 0px 20px 0px 10px; }
.spTitle .spTitle-right p { font-size: 14px; color: red; }

.spBottom p { font-size: 14px; color: #4f4fc2; margin-top: 8px; }


/* sns */
.sns-naver, .sns-kakao, .join-ptf {
    text-align: center;
}
.sns-naver a, .sns-kakao a, .join-ptf a {
    width: 100%;
    padding: 20px 0;
}
.sns-naver a {
    background: #00c300 url(../images/common/naver.png) 23% 50% no-repeat;
    color: #fff !important;
    padding-left: 25px;
}
.sns-kakao a {
    background: #ffe812 url(../images/common/kakao.png) 23% 50% no-repeat;
    color: #666 !important;
    padding-left: 25px;
}

@media (max-width: 1200px) {

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

}
@media (max-width: 768px) {
    .login-sns-area .sns-naver a, .login-sns-area .sns-kakao a {
        background-position-x: 5%;
    }
}

/*--- QUICK Menu ---*/
[class*=quickmenu]{z-index:30;}
[class*=quickmenu].fixed{position:fixed;top:50px;}

/* .quickmenu { position:absolute; top: 345px; right: 50%; margin-left:20px; margin-right:-680px;text-align:center; } */
.quickmenu { position:absolute; top: 320px; right:50%; margin-right:-760px; text-align:center; }
.quickmenu.fixed { position:fixed; top:110px !important; }
.quickmenu .q_menu { width:90px;padding-bottom:5px;border:1px solid #e7e7ea;background:#f9fafb; }
.quickmenu .q_menu li ~ li{border-top:1px solid #e7e7ea;}
.quickmenu .q_menu li a{
    display:block;
    width:100%;
    padding:10px 0 15px;
}
.quickmenu .q_menu li .icon{
    display:inline-block;
    width:48px;
    height:45px; 
    color: #4c4c4c;
}
.quickmenu .q_menu li .txt{
    font-size:12px;
    color:#4c4c4c;
}
.quickmenu .q_menu li:hover .icon, .quickmenu .q_menu li:hover .txt {color: black; font-weight: 600;}
.quickmenu .quick_tit{padding-top:15px;padding-bottom:10px;color:#333;font-size:13px;letter-spacing:-1px;font-weight:bold;}
.quickmenu .q_menu.pdt{margin-top:-1px;padding-bottom:15px;}
.quickmenu .q_menu.pdt li~li{margin-top:10px;border:0;}
.quickmenu .q_menu.pdt li.pdt a{width:70px;height:70px;padding:0;display:inline-block;overflow:hidden;}
.quickmenu .q_menu.pdt li.pdt a img{width:70px;height:70px;}
.quickmenu .q_menu.pdt .nav_btn{margin-top:10px;}
.quickmenu .q_menu.pdt .nav_btn .prev,.quickmenu .q_menu.pdt .nav_btn .next{display:inline-block;text-indent:-99999px;width:7px;height:17px;}
.quickmenu .q_menu.pdt .nav_btn .prev{background:url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-left' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E") 50% 50% no-repeat;}
.quickmenu .q_menu.pdt .nav_btn .next{background:url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-right' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") 50% 50% no-repeat;}
.quickmenu .q_menu.pdt .nav_btn .page{width:45px;display:inline-block;text-align:center;font-size:12px;vertical-align:top;}
.quickmenu .q_menu.pdt .nav_btn .page strong{vertical-align:baseline;font-weight:bold;}
.quickmenu .btn_q_top{width:90px;height:30px;margin:-1px auto 0;background:#474957;cursor:pointer;}
.quickmenu .btn_q_top a{display:block;}
.quickmenu .btn_q_top .txt{display:inline-block;width:100%;height:30px;line-height:30px;font-size:13px;color:#fff;}
.quickmenu .btn_q_down{width:90px;height:30px;margin:-1px auto 0;background:#474957;cursor:pointer;border-top:1px solid #fff;}
.quickmenu .btn_q_down a{display:block;}
.quickmenu .btn_q_down .txt{display:inline-block;width:100%;height:30px;line-height:30px;font-size:13px;color:#fff;}

.i_icon { display:none; width: auto; padding: 0 6px 2px; font-size: 12px; font-style: normal; border: 1px solid #d0d0d0; background: #f9f9f9; text-align: center; text-indent: 0; color: #8e8e8e; /* margin-left: 7px; */ }


/* title */
.state-title { display: flex; align-items: baseline; margin-bottom: 5px; }
.state-title h5 { display: flex; align-items: center;}
.state-title span {
    margin-left: 15px;
    color: #9e9e9e;
    font-size: 0.875rem;
    display: inline-block;
    vertical-align: bottom;
}
.order-file-box-txt-s {
    color: #9e9e9e;font-size:14px;
}
.file-info-txt {
    padding: 8px;
    color: #999;
    text-align: center;
}

/* bill */
.btn-choice {
    font-size: 1rem;
    line-height: 24px;
    padding: 2px 10px;
    letter-spacing: -1px;
    cursor: pointer;
    color: rgb(17, 17, 17);
    display: inline-block;
    overflow: visible;
    text-align: center;
    box-sizing: content-box;
    height: 28px;
    border-radius: 4px;
    border: 1px solid rgb(204, 204, 204);
    background-color: rgb(255, 255, 255);
}



/*--- my address ---*/
.myaddress-list .tb-list {
    width: 100%;
    border-top: 1px solid #262626;
}
.myaddress-list .tb-list thead {
    background: #f2f5f6;
    border-bottom: 1px solid #e2e2e2;
}
.myaddress-list .tb-list thead tr {
    width: 100%;
}
.myaddress-list .tb-list thead tr th {
    height: 40px;
    line-height: 40px;
    color: #333;
    font-weight: normal;
    text-align: center;
}
.myaddress-list .tb-list tbody tr {
    border-bottom: 1px solid #e8e8e8;
}
.myaddress-list .tb-list tbody tr td {
    text-align: left;
    padding: 15px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.myaddress-list .tb-list tbody tr td:nth-child(1),
.myaddress-list .tb-list tbody tr td:nth-child(2),
.myaddress-list .tb-list tbody tr td:nth-child(3),
.myaddress-list .tb-list tbody tr td:nth-child(4),
.myaddress-list .tb-list tbody tr td:nth-child(6) {    
    text-align: center;
}
.myaddress-list .tb-list tbody tr td.notice::after {
    content: "\f484";        
    color: inherit;
    font-family: bootstrap-icons !important;
    text-transform: none;
    line-height: 1;
}
.myaddress-list .basic.on {
    font-size: 0.8rem;
    /*border: 1px solid #9e9e9e;*/
    border-radius: 10px;
    padding: 2px 8px 3px;
    /* margin-left: 10px;
    margin-top: 3px; */
    background-color: rgb(45 180 0);
    color: #fff;
}
.myaddress-list .basic-txt {
    
}

.myaddress-btn .btn-quick {
    display: block;
    font-size: 0.9rem;
    color: #333;
    padding: 7px 10px;
    border: 1px solid #aaa;
    text-align: center;
}
.myaddress-btn .btn-quick:hover {
    background-color: #e0e0e0;
    color: #333 !important;
    border-color: #cecece;
}
.myaddress-btn button {
    line-height: 1;
    background-color: #025f1d;
    padding: .305rem .75rem .485rem;
}

.myaddress-list .td-div-2.myaddress-btn { justify-content: space-evenly; }

/*--- etc ---*/
.map-txt {
    display: inline-block;
}
.map-txt::before {
    content: '';
    border: 4px solid #ea5413;
    border-block-start: none;
    border-bottom: hidden;
    border-top: hidden;
    margin-right: 10px;
}


/*--- modal ---*/
#modal-input input[type="text"] {
    width: 100%;
    height: 48px;
    background: rgba(242, 242, 242, 0.3);
    box-sizing: border-box;
    font-size: 18px;
    line-height: 48px;
    font-weight: 400;
    color: #666666;
    padding: 0 35px 0 45px;
    border: 1px solid #e2e2e2;
    letter-spacing: 1px;
}

/*--- tooltip ---*/


/* Card Type Start */
.est-list {
    padding-top: 20px !important;
}
.est-list .est-body {
    padding: 15px !important;
    overflow: hidden;
    /* border-radius: 12px; */
    background-color: #f9fafb;
    border: 1px solid #e5e6e5;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 0%);
    transition: border 0.35s ease, box-shadow 0.35s ease;
    z-index: 0;
    box-sizing: border-box;
}
.est-list .est-body .est-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.est-list .est-body .est-top .est-date,
.est-list .est-body .est-top .est-state {
    margin-top: 6px;
    font-size: 16px;
    color: #777576;
    font-weight: 300;
}
.est-list .est-body .est-middle {
    margin-top: 8px;
    height: 64px;
    max-height: 64px;
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
}
.est-list .est-body .est-bottom {
    padding-top: 16px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.est-list .est-body .est-bottom > span {
    margin: 0 15px;
    color: #ed7100;
    font-weight: 500;
}
.est-list .est-body .est-bottom > span:first-child {
    margin-left: 0px !important;
}
/* Card Type End */


/* --------------------------------------------------------- */
/* Prod List                                                 */ 
/* --------------------------------------------------------- */

.cate-list-wrap .cate-wrap {
    border-top: 1px solid #666;
}

.cate-list-wrap .cate-wrap > li {
    border-bottom: 1px solid #dfdfdf;    
    /* padding: 4px 0px; */
}

.cate-list-wrap .cate-wrap li .cate-item-left,
.cate-list-wrap .cate-wrap li .cate-item-right,
.cate-list-wrap .cate-wrap li ul,
.cate-list-wrap .cate-wrap li ul li {
    /* display: flex;
    flex-wrap: wrap; */
    /* width: 100%; */
    /* display: inline-block; */
    font-size: var(--fs-13);    
}

.cate-list-wrap .cate-wrap > li >.cate-item-left {
    border-right: 1px solid #dfdfdf;    
    font-size: var(--fs-14) !important;
    font-weight: 600;
    background-color: #f9fafb;
    width: 23%;
    color: #333;
    margin-right: 10px;
    padding-right: 5px;
    padding-top: 8px;
}

.cate-list-wrap .cate-wrap > li >.cate-item-right {
    width: 80%;
}

.cate-list-wrap .cate-wrap > li > .cate-item-right > ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 1px 0px;
}


.cate-list-wrap .cate-wrap > li > .cate-item-right > ul > li {
    padding-right: 13px;
    /* padding-top: 6px;
    padding-bottom: 6px; */
    padding: 7px 0;
    flex-basis: 33%;
    flex-grow: 1;
    /* flex-shrink: 1; */
    /* width: auto; */
}

.cate-list-wrap .cate-wrap li .cate-item-right ul li:not(:last-child)::after { 
    /* content: "\007c";
    display: inline-block; 
    padding-left: 14px;
    color: #aaa; */
}

.cate-list-wrap .cate-wrap li .cate-item-left:hover a,
.cate-list-wrap .cate-wrap li .cate-item-right ul li:hover a{
      color: #BE3F56 !important;
}


.category-box-area ul.step_2 li a::after,

.prod-intro-title { 
    text-align: center;
    /* padding-bottom: 3rem;  */
}

.searchMsg {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    margin-bottom: 1rem;
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    border-bottom: 1px solid;
}

.subProd-wrap-sub-1, .subProd-wrap-sub-2 { 
    /* display: none;  */
}
.prod-list-wrap .sub-txt { 
    padding: 5px 5px 10px; 
}

.subProd-wrap ul,
.subProd-wrap-sub-1 ul,
.subProd-wrap-sub-2 ul {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    /* padding: 10px 0px; */
    /* border-bottom: 1px solid #ddd;
    background-color: rgb(96, 109, 49); */
}
.subProd-wrap ul,
.subProd-wrap-sub-1 ul, 
.subProd-wrap-sub-2 ul { 
    background-color: #f9fafb; 
    padding: 10px 10px !important; 
    border: 1px solid #e8e8e8; 
    /* border-radius: 10px;  */
}

.subProd-wrap ul li {
    flex-basis: 19%;
    flex-grow: 0;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    /* text-align: center; */
    padding: 0 10px;
    margin: 4px 6px;
    border: 1px solid #d9d9d9;
    /* border-radius: 30px; */
    background-color: #fff;
    cursor: pointer;
}  

.subProd-wrap ul li a {
    padding: 8px 0px;
 }

.subProd-wrap ul li:hover,
.subProd-wrap ul li.active {
    background-color: #5f9ea0;
    border-color: #5f9ea0;
    transition: all 0.3s;
}  
.subProd-wrap ul li:hover,
.subProd-wrap ul li:hover a,
.subProd-wrap ul li.active,
.subProd-wrap ul li.active a {
      color: #fff !important;
}
/*
.subProd-wrap ul li:first-child {
  background-color: #333;
}
.subProd-wrap ul li:first-child a {
  color: #fff !important;
}
*/
.subProd-wrap-sub-1 li,
.subProd-wrap-sub-2 li {
    flex-basis: 19%;
    flex-grow: 0;
    width: auto;
    color: #51589c;
    font-size: 14px;
    /* text-align: center; */
    /* padding: 10px; */
    padding: 0 10px;
    margin: 4px 6px;
    border: 1px solid rgb(223, 223, 223);
    background-color: #fff;
    cursor: pointer;
}  

.subProd-wrap-sub-2 li a {
    display: block !important;
    padding: 8px 0px;
    /* line-height: 35px; */
}


.subProd-wrap-sub-1 li:hover,
.subProd-wrap-sub-1 li.active {
    /*
    background-color: #faebd7;
    border-block-color: initial;
    */
    border-color: #5f9ea0;
    transition: all 0.5s;
}
.subProd-wrap-sub-2 li:hover,
.subProd-wrap-sub-2 li.active {
    background-color: #f0f8ff;
    border-bottom-color: #5f9ea0;
    transition: all 0.5s;
    font-weight: 600;
}

.cate-list-more {
    display: flex;
    justify-content: center;
    /* margin-top: -16px; */
}
.cate-list-more .more-show {
    /* width: 137px; */
    color: #fff;
    font-size: var(--fs-12);
    /* background-color: #276399e0; */
    background-color: #8b969fe0;
    padding: 6px 10px;
    cursor: pointer;
}

.cate-list-more .more-show-pin {
    padding-top: 3px;
    padding-left: 5px;
    cursor: pointer;
    color: #2b80a0;
    font-weight: 600;
    font-size: var(--fs-18);
}

/* .cate-list-more .more-show-pin .bi {
    color: #768996;
} */


.scrollable-menu {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
}

.prod-cate1-select {
    background: #768996;
    border: 1px solid #768996;
    color: #fff;
}

.product_list  { border-top: 1px solid #262626; }
.product_list thead { background: #fafafa; }
.product_list tr { 
    width: 100%; 
    border-bottom: 1px solid #ddd; 
}
.product_list tr > * { box-sizing: border-box; }
.product_list tr th { 
    height: 40px; 
    line-height: 1; 
    color: #000; 
    font-size: var(--fs-14); 
    font-weight: 500; 
    text-align: center; 
    border-left: 1px solid #ddd; 
    word-break: break-all; 
}  

.product_list tr th:last-child { border-right: 1px solid #ddd; }  
/* .product_list button { background: #fff; padding: 10px;} */
.product_list tbody tr { border-bottom: 1px solid #e8e8e8; }
.product_list tbody tr td { 
    padding: 10px 5px; 
    font-size: 15px; 
    text-align: center; 
    letter-spacing: 0; 
    border-left: 1px solid #ddd; 
    white-space: nowrap; 
    vertical-align: top; 
}
.product_list tbody tr td input[type="checkbox"] { transform: scale(1.2); }
.product_list tbody tr td:nth-child(1) { vertical-align: middle; }
/* .product_list tbody tr td:nth-child(2) { vertical-align: middle; } */

.product_list tbody tr td .prod-img-box img { max-width: 100px; max-height: 100px; }
.product_list tbody tr td:last-child { border-right: 1px solid #ddd; }
.product_list tbody tr td:last-child div { line-height: 0.5; }
.product_list tbody tr td div { white-space:normal; }
.product_list tbody tr td div input { margin: 0 auto; }
.product_list tbody tr td div table,
.product_list tbody tr td div table tr,
.product_list tbody tr td div table tr td { border: 0px !important; }
.product_list tbody tr td div table tr td { padding:2px 5px 2px 0; text-align:right; letter-spacing:-0.05em; }

/* .product_list .prod-box { display: flex; align-items: center; } */
.product_list .prod-box { display: flex;  }
.product_list .prod-box .prod-img-box { 
    width: 20%; 
    /* width: 110px; 
    height: 110px;  */
    line-height: 109px;
     margin: 0 10px; 
}
.product_list .prod-box .prod-info-box { width: 80%; text-align: left; margin-left: 10px;}
.product_list .prod-box .prod-info-box .prod-info-list { display: flex; }
.product_list .prod-box .prod-info-box .prod-info-list .prod-info-1 { width: 14%; font-size: 15px !important; font-weight: 400;}
/* .product_list .prod-box .prod-info-box .prod-info-list .prod-info-1::after { content: "\003A"; display: inline-block; margin: 0 10px; } */
.product_list .prod-box .prod-info-box .prod-info-list .prod-info-2 { width: 86%;  font-size: 15px !important; }
.product_list .prod-box .prod-info-box .prod-info-list .prod-info-2 div { font-size: 15px !important; }

.product_list .prod-qty-avail .prod-packAmount { color: #0e639c; font-weight: 600; }

.product_list .price .price-list-wrap { 
    display: flex; 
    flex-wrap: wrap; 
    align-content: flex-start; 
    align-items: center; 
    padding: 0px 0px !important; 
}
.product_list .price .price-list-wrap li { display: flex; flex-wrap: wrap; align-items: center; flex-basis: 100% !important; flex-grow: 0; width: auto; margin: 2px 3px; padding-bottom: 2px; }
.product_list .price .price-list-wrap li:hover { background-color: rgb(240 248 255 / 60%); cursor: pointer ;}
.product_list .price .price-list-wrap li span { font-size: 12px; color: #666;}
.product_list .price .price-list-wrap li span:nth-child(1) { 
    /* width: 40%;  */
    text-align: right; 
}
.product_list .price .price-list-wrap li span:nth-child(2) { 
    /* width: 60%;  */
    width: 80px; 
    text-align: right; 
}
.product_list .price .price-list-wrap li span:nth-child(1)::after { 
    /* content: "\003A"; display: inline-block; margin: 0 10px;  */
}
/* .product_list .price .price-list-wrap li span:nth-child(2)::after { content: "원"; display: inline-block; margin: 0 2px; } */

.product_list .prod-info-opt-wrap ul li { line-height: 1.5; height: 30px; }
.product_list .pord-price-wrap input { padding: 4px !important; }



#product-list-visual { 
    height: 320px; 
    background-color: beige; 
    margin-top: -32px;
}
#product-list-visual .carousel-item img { min-height: auto; }
#product-list-visual .carousel-inner, #product-list-visual .carousel-item { height: 100%; }
#product-list-visual .carousel-inner { background-color: #ddd; }
#product-list-visual .carousel-item.bg-1 { /*background-image: url(/front/images/main/fabric_1.jpg);*/ background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%); }
#product-list-visual .carousel-item.bg-2 { background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%); }
#product-list-visual .carousel-item.bg-3 { background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%); }
#product-list-visual .carousel-item .container { height: 100%; }
#product-list-visual .carousel-item .carousel-wrap { height: 100%; }
#product-list-visual .carousel-item .carousel-wrap .carousel-left,
#product-list-visual .carousel-item .carousel-wrap .carousel-right { display: flex; align-items: center; justify-content: space-around; }
#product-list-visual .carousel-item .carousel-wrap .carousel-left { 
    width: 50%; 
}
#product-list-visual .carousel-item .carousel-wrap .carousel-right { 
    width: 50%; 
}
#product-list-visual .carousel-wrap .carousel-text h1 { 
    /* font-family: "ONE Mobile Title", sans-serif !important;  */
}
#product-list-visual .carousel-wrap .carousel-text p { 
    /* font-family: "ONE Mobile Regular", sans-serif !important;  */
    padding: 15px 0; font-size: 18px; 
}

#product-list-visual .carousel-item .carousel-img { 
    width: 68%;
}

#product-list-visual.prod-brand-list { 
    height: 260px;
 }

.btn_more {
    display: inline-block;
    width: 200px;
    height: 55px;
    padding: 15px 0;
    border: 1px solid;
    border-color: #ddd;
    text-align: center;
    /* line-height: 1.3; */
}
.btn_more:hover {
    border-color: #333;
    background-color: #333;
    color: #fff !important;
}


.both-side-line {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    /* color: rgba(0,0,0,0.35); */
    font-size: 1rem;
    margin: 8px 0px 30px 0px;
}
.both-side-line::before,
.both-side-line::after {
    content: "";
    flex-grow: 1;
    margin: 0px 12px;
    background: #ddd;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
}


/* -------------------------------------------------------- */
/* PATH                                                     */
/* -------------------------------------------------------- */

.path-wrap ul {
    display: flex;
    flex-direction: row;
    align-items: center;
}  
.path-wrap ul li { margin: 0 3px; }
.path-wrap ul li div { padding: 3px 0; border-bottom: 1px solid #fff; }
.path-wrap ul li div.cursor:hover { border-bottom: 1px solid #999 !important; }

.path-wrap ul li:first-child { margin-left: 0px; }
.path-wrap ul li select { 
    font-size: 14px;
    line-height: 1.2;
}

/* -------------------------------------------------------- */
/* 견적요청                                                 */
/* -------------------------------------------------------- */
.bulk { width: 100%; border-collapse: collapse; }
.bulk td { height: auto; padding: 8px !important; }
.bulk td:last-child { border-right: 1px solid #ddd !important; }
 div.btn-wrap {  }
 div.btn-wrap button { padding: 5px 10px !important; }
.bulk td > div input[type=checkbox] { height: 16px; }
.bulk td > div input { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; padding: 5px; }

@media (max-width: 767px) {
  div.btn-wrap {  }
  div.btn-wrap button { padding: 5px 15px !important; }
}

/* -------------------------------------------------------- */
/* estimate                                                 */
/* -------------------------------------------------------- */
.form-switch .form-check-input { border-radius: 2em !important; }

table#box-tbl>:not(:first-child) { border-top: 0px !important; }

table#box-tbl { width: 100%; border-bottom: 1px solid #ddd; }
table#box-tbl tbody { border-top: 0px !important; }

table#box-tbl tr { border-top: 1px solid #ddd; }
table#box-tbl th { background: #f5f5f5; }
table#box-tbl th:first-child { border-left: 1px solid #ddd; }
table#box-tbl tr th, table#box-tbl tr td { height: 45px; line-height: 1; text-align: center; border-right: 1px solid #ddd; font-weight: 400; }

ul.bultxt { padding: 10px 0px !important; }
/* ul.bultxt li { text-align: left; padding-left: 15px; font-size: 1rem; padding-bottom: 3px; } */
ul.bultxt li { margin-left: 10px; margin-bottom: 5px; font-size: 0.9375rem; display: flex; align-items: flex-start; width: 100%; }
ul.bultxt li::before {
  content: "\F592";
  display: inline-block;
  font-family: bootstrap-icons !important;
  text-transform: none;
  line-height: 1;
  vertical-align: -.0625rem;
  margin-left: -10px;
  margin-right: 6px;
}
ul.bultxt li .bul-tit { width: 80px; }
ul.bultxt li .bul-not { width: calc(100% - 80px); }

ul.bultxt li.bul1::before { color: #51589b; }
ul.bultxt li.bul2::before { color: #009bdf; }
ul.bultxt li.bul3::before { color: #c4284e; }
ul.bultxt li.bul4::before { color: #767676; }
ul.bultxt li.bul5::before { color: #058a92; }

ul.bultxt li .bul-not::before {
    content: ":";
    color: #000;
    display: inline-block;
    font-family: bootstrap-icons !important;
    text-transform: none;
    line-height: 1;
    margin-left: -10px;
    margin-right: 6px;
}


.btn-esti-wrap { display: flex; justify-content: center; }
.btn-esti-wrap button.btn-esti { flex-basis: 13%; flex-grow: 0; width: auto; margin: 6px 3px; /*padding: 0.5rem 0rem !important;*/ }
.btn-esti-wrap button.btn-esti.bgcolor1 { background-color: #4b54af; border-color: #4b54af; }
.btn-esti-wrap button.btn-esti.bgcolor2 { background-color: #354f7f; border-color: #354f7f;  }
.btn-esti-wrap button.btn-esti.bgcolor3 { background-color: #049199; border-color: #049199;  }
.btn-esti-wrap button.btn-esti.bgcolor4 { background-color: #71728a; border-color: #71728a;  }

/* -------------------------------------------------------- */
/* Product Brand List                                       */
/* -------------------------------------------------------- */
#prodbrand .sub-bland {
    width: 100%;
    padding: 0px;
    background-color: #fff;
    border: 1px solid #231815;
    /* border-radius: 5px;
    box-shadow: 0px 3px 10px -2px #ddd; */
    z-index: 101; 
}  
#prodbrand .sub-bland div:first-child {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #f9f9f9;
}
#prodbrand .sub-bland div:nth-child(2) {
    /* text-align: center;
    padding: 10px;
    border-bottom: 1px solid #ddd; */
}
#prodbrand .sub-bland div:nth-child(2) P {
    font-size: 14px;
    color: #999;
}
#prodbrand .sub-bland div:nth-child(1) ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#prodbrand .sub-bland div:nth-child(1) ul li input {
    border: 1px solid #ddd;
    width: 400px;
    height: 40px;
    box-sizing: border-box;
    font-size: 14px;
    /* margin:0px 10px; */
    margin-left:10px;
    margin-right:0px;
    padding-left: 10px;
}
#prodbrand .sub-bland div:nth-child(1) ul li a.search {
    border: 1px solid #51589b;
    background-color: #51589b;
    /* height: 40px; */
    width: 40px;
    padding: 7px 5px 10px; /* padding: 7px; */
}
#prodbrand .sub-bland div:nth-child(1) ul li a.search i {
    color: #fff !important;
}
#prodbrand .sub-bland div:nth-child(3) ul {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
}
#prodbrand .sub-bland div:nth-child(3) ul li {
    flex-basis: 10%;
    flex-grow: 0;
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
    padding: 12px;
    border-bottom: 1px solid rgb(223, 223, 223);
    border-right: 1px solid rgb(223, 223, 223);
    background-color: #fff;
    cursor: pointer;
}  
#prodbrand .sub-bland div:nth-child(3) ul li:hover {
    background-color: #f0f8ff;
    font-weight: 600;
}
#prodbrand #sbland:hover > .sub-bland {
    display: block;
}
#prodbrand .sub-bland div:nth-child(3) ul li.active {
    background-color: #98cffe;
    border-color: #fff;
    font-weight: 600;
    transition: all 0.3s;
}

.brand-title { 
  background: #768996; 
  border: 1px solid #768996; 
  color: #fff; 
  font-size: 1rem; 
  text-align: center;
  line-height: 2.4; 
  padding: 0px 35px; 
}    
.brand-list { margin-top: 10px; }
.brand-list ul { 
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: center;
  max-height: 458px;
  overflow: auto;

  background-color: #f9fafb; 
  padding: 10px 10px !important; 
  border: 1px solid #e8e8e8; 
  border-radius: 10px; 
}
.brand-list ul li { 
  flex-basis: 24.2%;
  flex-grow: 0;
  width: auto;
  font-size: 14px;
  text-align: center;
  padding: 10px;
  margin: 2px 5px;
  border: 1px solid rgb(223, 223, 223);
  background-color: #fff;
  cursor: pointer; 
}
.brand-list ul li:hover {
  background-color: #efefef;
}

#brandlist .cate-list-wrap .cate-wrap > li >.cate-item-left { width: 6%; }
#brandlist .cate-list-wrap .cate-wrap > li >.cate-item-left a { text-align: center; }
#brandlist .cate-list-wrap .cate-wrap > li >.cate-item-right { width: 95%; }
#brandlist .cate-list-wrap .cate-wrap > li > .cate-item-right > ul > li { flex-basis: 25%; }

#brandlist .cate-list-wrap .cate-wrap > li >.cate-item-right > ul > li a::before {
    content: "\f309";
    color: #333;
    font-family: bootstrap-icons !important;
    font-size: 10px;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 5px 0 0;
}


/* Product Brand용 Media */
@media (min-width: 1200px) and (max-width: 1399px) {
  .brand-list ul li { flex-basis: 23.9%; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .brand-list ul li { flex-basis: 23.9%; }
}
@media (max-width: 991px) {   
  #prodbrand { margin-top: 5rem !important; }
  #prodbrand .sub-bland div:nth-child(1) ul li input { width: 200px; }
  #prodbrand .sub-bland div:nth-child(2) P { font-size: 10px; }
  #prodbrand .sub-bland div:nth-child(3) ul li { flex-grow: 1; font-size: 14px; padding: 7px; }
  .brand-title { width: 100% !important; }
  .brand-list ul { max-height: 100%; overflow: visible; }
  .brand-list ul li { flex-grow: 1; border: 0px; background-color: transparent; }
/*
  #brandlist .cate-list-wrap .cate-wrap > li >.cate-item-left { width: 10%; }
  #brandlist .cate-list-wrap .cate-wrap > li >.cate-item-right { width: 90%; }
  #brandlist .cate-list-wrap .cate-wrap > li > .cate-item-right > ul > li { flex-basis: 50%; }
*/
  #brandlist .cate-list-wrap .cate-wrap > li { flex-wrap: wrap; }
  #brandlist .cate-list-wrap .cate-wrap > li >.cate-item-left { width: 100%; margin: 0; border-right: 0px; border-bottom: 1px solid #ddd; }
  #brandlist .cate-list-wrap .cate-wrap > li >.cate-item-right { width: 100%; }
  #brandlist .cate-list-wrap .cate-wrap > li > .cate-item-right > ul > li { flex-basis: 50%; }

}

/* 포인트현황 */
.tit-wrap { margin-bottom: 0.5rem!important; }
.tit-wrap h5 { display: flex; align-items: center; }
#tbl-shape .tb-point { width: 100%; height: 90px; border: 1px solid #516995; }
#tbl-shape .tb-point thead { background-color: #516995; }
#tbl-shape .tb-point thead tr th { 
    height: 40px; 
    font-size: 1rem; 
    color: #fff; 
    text-align: center; 
    font-weight: 400 !important;
    border-left: 1px solid #c8c8ce; 
}
#tbl-shape .tb-point thead tr th:first-child { border: none; }
#tbl-shape .tb-point tbody { text-align: center; }
#tbl-shape .tb-point tbody tr { 
    font-size: 1.125rem;
    /* font-weight: bold; */
    color: #000;
}
#tbl-shape .tb-point tbody tr td { border-left: 1px solid #dee1e6; }
#tbl-shape .tb-point tbody td:first-child { border-left: none; }

#tbl-list { margin-top: 3rem!important; }



/* -------------------------------------------------------- */
/* media Group                                              */
/* -------------------------------------------------------- */
@media (max-width: 1520px) {
    .quickmenu { right: 0; margin-right: 0; }     
}
  
@media (min-width: 1200px) {
    .ft-logo-wrap { order: 1; }
    .ft-info-wrap { order: 2; display: none; }
    .ft-addr-wrap { order: 3; }
    .ft-cust-wrap { order: 4; }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    /* Product List */
    .subProd-wrap ul li,
    .subProd-wrap-sub-1 li, .subProd-wrap-sub-2 li { 
        flex-basis: 24%; 
        flex-grow: 0; 
        width: auto; 
        font-size: 14px; 
        /* text-align: center;  */
        /* padding: 0px 10px; */
        margin: 6px 3px; 
    }

    /* Member */
    .mbr-secede-wrap { width: 80% !important; margin: 0 auto; }

    /* Footer */
}

@media (max-width: 1199px) {
    .footer-bottom-menu ul { text-align: center; }
    #navbarNav li.nav-item { padding: 10px 0.3rem; }

    .list-search-wrap .search-date-box { margin-left: 0px !important; }

    /* 턴키 */
    .spTitle { white-space: nowrap; width: 1000px; }
    #turnkey .order-inner #excelSample table { 
        /* width: 1000px;  */
    }
    .spBottom { white-space: nowrap; width: 1000px; }

    .ft-info-wrap .footer-bottom-content { border-bottom: 0px; }
    .ft-info-wrap .footer-bottom-content .footer-bottom-menu { padding: 6px 0; }
    .ft-info-wrap .footer-bottom-content .footer-bottom-menu div { font-size: 20px; font-weight: 500; margin-bottom: 12px; }
    .ft-info-wrap .footer-bottom-content .footer-bottom-menu ul { text-align: left; display: flex; flex-wrap: wrap; }
    .ft-info-wrap .footer-bottom-content .footer-bottom-menu ul li { width: 50%; padding: 6px 0px 3px 0px; }
    .footer-bottom-content { padding-bottom: 10px; }
}

@media (min-width: 992px) {
    /* notice */
    .tb-view #attafiles { width: 88%; }

    /* stroe */
    #store .form-group .col-auto { width: 80% !important; padding: 0px; }

    /* myAddressList */
    .myaddress-list .tb-list .fm-swh-div { position: relative; }
    .myaddress-list .tb-list .fm-swh-div .form-switch { position: absolute; top: -10px; left: calc(50% - 14px); }

    /* footer */
    .footer-bottom-content { padding: 0px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Product List */
    .subProd-wrap ul li,
    .subProd-wrap-sub-1 li, .subProd-wrap-sub-2 li { 
        flex-basis: 24%; 
        flex-grow: 0; 
        width: auto; 
        font-size: 14px; 
        /* text-align: center;  */
        /* padding: 10px;  */
        margin: 6px 3px; }

    /* Member */
    .mbr-secede-wrap { width: 90% !important; margin: 0 auto; }

    /* Estimate */
    .btn-esti-wrap button.btn-esti { flex-basis: 17%; }

    /* Footer */
    .f-list .notice-wrap { flex: 0 0 auto; width: 60%; }
    .f-list .sns-wrap { flex: 0 0 auto; width: 40%; }

    .ft-logo-wrap { order: 1; }
    .ft-info-wrap { order: 2; }
    .ft-cust-wrap { order: 3; }
    .ft-addr-wrap { order: 4; }

    .footer-bottom-content { /*border-top: 1px solid #ddd; margin-top: 20px !important; padding-top: 10px;*/ }
}

@media (min-width: 768px) and (max-width: 1199px) {   
    .logo-company, .location { text-align: left; }

    /* MyOrder List */
    .list-search-wrap .my-search-month-box { flex-wrap: wrap; }
    .list-search-wrap .my-search-month-box .my-search-month-btns { margin-bottom: 5px; }

    /*
    #od-list #order-list table { width: 1200px; }
    #et-list #order-list table { width: 1000px; }
    */
}

@media (min-width: 768px) and (max-width: 991px) {   
    .carousel-item img { /*min-height: 450px !important;*/ transition:all .3s ease 0s; }     

    /* mbrMyOrderList */
    .order-inner > .cart-list table tr { border-top: 0px !important; }
    #od-list #order-list table { width: 100%; border-top: 1px solid #262626; }
    #od-list #order-list tbody tr { border-bottom: 1px solid #999; }
    #od-list #order-list tr td { display: inline-flex !important; align-items: center; width: 50%; padding: 0px !important; border-bottom: 1px solid #ddd; text-align: center; border-right: 0px; }
    #od-list #order-list tr td div:first-child { width: 35%; padding: 4px; line-height: 2; }
    #od-list #order-list tr td div:last-child { width: 65%; text-align: left; padding: 4px 10px; line-height: 1; }
    #od-list #order-list tr td:nth-child(5) div:nth-child(2),
    #od-list #order-list tr td:nth-child(8) div:nth-child(2) { flex-direction: unset !important; }

    /* taxbill */
    .taxbill .col-md-2 { width: 25%; }
    .taxbill .col-md-10 { width: 75%; }

     /* stroe */
     #store .taxbill .col-md-2 { width: 25%; }
     #store .form-group .col-auto { width: 75% !important; padding: 0px; }

    /* Member */
    .mbr-secede-wrap { width: 100% !important; margin: 0 auto; }

    /* Point */
    .point-list .tb-list tbody tr td { display: inline-flex !important; align-items: center; width: 50%; padding: 0px !important; border-bottom: 1px solid #ddd; text-align: center !important; border-right: 0px; }
    .point-list .tb-list tr td div:first-child { width: 35%; padding: 4px; line-height: 2; }
    .point-list .tb-list tr td div:last-child { width: 65%; text-align: left; padding: 4px 10px; line-height: 1; }

    /* notice */
    .tb-view #attafiles { width: 88%; }

    /* Estimate */
    .btn-esti-wrap button.btn-esti { flex-basis: 22%; }

    #order-list table tr { border-top: 1px solid #ebebeb !important; }
    #order-list table thead tr { border-top: 1px solid #666 !important; }

    /* MyAddressList */
    .myaddress-list .tb-list tbody tr td.col-md-w-100 div:first-child { width: 17.60%; }
    .myaddress-list .tb-list tbody tr td.col-md-w-100 div:last-child { width: 82.40%; }

    /* */
    #order-detail table { width: 100%; border-top: 1px solid #262626; }
    #order-detail tbody tr { border-bottom: 1px solid #999; }
    #order-detail tr td { display: inline-flex !important; align-items: center; width: 50%; padding: 0px !important; border-bottom: 1px solid #ddd; text-align: center; border-right: 0px; }
    #order-detail tr td div:first-child { width: 35%; padding: 4px; line-height: 2.5; }
    #order-detail tr td div:last-child { width: 65%; text-align: left; padding: 4px 10px; line-height: 1; }
    #order-detail tr td:nth-child(5) div:first-child,
    #order-detail tr td:nth-child(6) div:first-child { line-height: 3.1; }
    #order-detail tr td:nth-child(6) div:last-child ul { margin: 0px !important; padding: 0px !important; }

    /* footer */
    .ft-info-wrap .footer-bottom-content .footer-bottom-menu ul li { width: 100%; padding: 4px 0px; }

}

@media (max-width: 991px) { 
    header { height: 60px; }

    .quickmenu { display: none; }
    .scroll_top { display: block; }

    /* Main Carousel */
    #carouselMainWrap .carousel-item .carousel-wrap .carousel-left,
    #carouselMainWrap .carousel-item .carousel-wrap .carousel-right { width: 100% !important; }

    #carouselMainWrap .carousel-item .carousel-wrap .carousel-left .carousel-text { 
        text-align: center; 
        padding: 2rem 4px 0rem !important;
    }

    .carousel { padding-top: 45px; }
    

    /* product list visual */
    #product-list-visual { 
        height: 400px; 
        margin-top: -19px;
    }

    #product-list-visual .carousel-item .carousel-wrap .carousel-left,
    #product-list-visual .carousel-item .carousel-wrap .carousel-right { 
        width: 100% !important; 
    }

    #product-list-visual .carousel-item .carousel-wrap .carousel-left .carousel-text { 
        text-align: center; 
        padding: 10px 10px 0rem !important;
    }

    #product-list-visual .carousel-item .carousel-img { 
        width: 85%;
    }

    #product-list-visual .carousel-item img { 
        margin-top: -10px;
        min-height: auto; 
        max-width: 100%;
        height: auto;
    }

    #product-list-visual.prod-brand-list { 
        height: 380px;
        margin-top: -35px;
     }


    .path-section { padding-top: 80px; }
    .prod-grid { padding-bottom: 0px !important; }

    /* Greeting */
    .com-gt-sec { width: 100% !important; padding-top: 0px !important; padding-bottom: 16px !important; }
    .com-gt-sec .m-tit { font-size: 1.5rem; }
    .com-gt-sec .s-tit { margin-bottom: 2rem; }
    .com-gt-sec .gt-title-1 { font-size: 1.25rem; }
    .com-gt-sec .gt-title-2 { font-size: 1rem; }
    .com-gt-sec .gt-title-3 { font-size: 0.875rem; }
    .com-gt-sec .gt-title-4 { font-size: 1rem; }
    .com-gt-sec .com-table table colgroup { display: none; }
    .com-gt-sec .com-table table tr { display: block; }
    .com-gt-sec .com-table table tr th, 
    .com-gt-sec .com-table table tr td { display: block; width: 100%; padding: 10px 20px; font-size: 15px; }

    .com-gt-sec .gt-img { max-width: 80% !important; }
    .com-gt-sec .company .box-area img { width: 70% !important; }
    .com-gt-sec .sd-area { height: 263px; }
    .com-gt-sec .sd-area p { width: 100% !important; }
    .com-gt-sec .sd-area img { margin-left: 1%; height: 320px; width: auto; } 
    .com-gt-sec .txt-area { padding-top: 24px; width: 60% !important; }
    .com-gt-sec .txt-area h2 { padding: 35px 0 0 0; }
    .com-gt-sec .img-stxt { font-size: 14px; }

    .car-info li:nth-child(1) { width: 10% !important; }
    .car-info li:nth-child(2) { width: 20% !important; font-size: 15px !important; }
    .car-info li:nth-child(3) { width: 70% !important; font-size: 14px !important; }

    /* Member */
    .mbr-title-wrap { margin-top: 3rem!important; padding-top: 20px !important; }
    .mbr-title-wrap P { margin-top: -0.5rem!important; font-size: 14px; width: 80%; margin-left: auto; margin-right: auto; }
    .dropdown-item.active, .dropdown-item:active { color: var(--bs-body-color); }
    
    /* Product List */
    .prod-list-wrap { margin-top: 4rem !important; }
    .subProd-wrap-sub-1 ul, .subProd-wrap-sub-2 ul { overflow: scroll; height: 130px; padding: 10px !important; }
    .subProd-wrap ul li { flex-basis: 32.4%; flex-grow: 0;  width: auto; font-size: 14px; /* text-align: center;  */ padding: 10px; margin: 6px 3px; }
    .subProd-wrap-sub-1 ul li, .subProd-wrap-sub-2 ul li { flex-basis: 49%; flex-grow: 0;  width: auto; font-size: 14px; /* text-align: center;  */ padding: 0px 8px; margin: 6px 3px; }

    /* Prod Detail */
    .p-history { 
        padding: 0px !important; 
        padding-left: 10px !important; 
        padding-right: 10px !important; 
        padding-bottom: 10px !important;         
    }
    .p-header { border-bottom: 1px solid #ddd;}
    .p-price-head { padding: 0 0 15px 0; border-bottom: 0px; }
    .p-title h2 { 
        /* font-size: 1.3rem;  */
        font-size: 20px; 

    }
    .p-price { padding-top: 10px !important; }

    .p-detail { margin: 5px 0px; padding: 0px; border-bottom: 0px; }
    .p-detail-list {
        /* padding-bottom: 10px !important; 
        border-bottom: 1px solid #ddd !important;  */
    }
    .p-detail-list dl, .p-price dl, .item-option dl { 
        /* padding: 2px 0 !important; */
    }
    .p-detail-list dl dt, .p-price dl dt, .item-option dl dt { 
        /* width: 30% !important;
        line-height: 2; */
    }
    .p-detail-list dl dd, .p-price dl dd, .item-option dl dd {
        /* width: 70% !important;
        line-height: 2; */
    }
    
    .item-option { margin-top: 20px !important; }
    .item-option > dl dt { line-height: 2.5;}
    .item-option > dl dd { position: inherit !important; }
    .item-option-choice { height: 2.5em !important; padding-left: 1em !important; padding-right: 2.8em !important; }  
    .item-option-slt ul li { display: block; padding: 0.7em 0.5em !important; }
    .item-option-slt ul li .item-option-desc p { max-width: 16.35em; margin-bottom: 0rem; vertical-align: top; }
    .item-option-price { width: auto !important; }

    .option-slt { min-height: auto !important; margin: 0.5rem auto !important;  padding: 0.7rem 1rem 0.7rem 1rem !important; }
    .option-slt-title { margin-bottom: 0.5rem !important; }
    .option-slt-qty-area .spinner-box .spinner .minus, 
    .option-slt-qty-area .spinner-box .spinner .plus { padding: 9px 16px !important; }
    .option-slt-qty-price { padding: 8px 0; }
    .option-slt-qty-price strong { font-size: 18px; }

    .item-total {margin-top: 0px !important; padding: 0px 0px 7px !important; }
    .item-total-price { font-size: 18px !important; }
    .item-total-price strong { font-size: 26px !important; }
    .p-cart, .p-order, .p-estimat { font-size: 1rem !important; }

    .tab-titles-fix { top: 104px !important; max-width: 100%; }
    .tab-list a.tab-item { width: 33% !important; height: 55px !important; line-height: 55px !important; font-size: 15px !important; }

    .p-detail-desc { padding-top: 0px !important; }
    .list-header { padding-top: 0px !important; }
    .list-item-header h3 { font-size: 18px !important; }
    .table-dt { width: 25% !important; }
    .table-dt, .table-dd { padding: 10px 10px !important; font-size: 14px !important; }

    /* Prod Cart */
    .order-step-section { padding-top: 20px; }
    .order-step-area { flex-direction: column; }
    .order-step-area .order-cart .sec-title { font-size: 1.5rem; margin-bottom: 15px; }
    .order-step ul li { font-size: 0.875rem !important; padding: 10px 20px !important; }   

    .cart-list-chkbox input[type="checkbox"] + label:before { border-radius: 5px; }

    .cart-inner .chk-all-wrap { padding: 12px !important; justify-content: space-between; }
    .cart-inner .chk-all-wrap .cart-del-wrap::before { display: none; }
    .cart-inner .chk-all-wrap > div { font-size: 14px; }
    .cart-inner > .cart-list .cart-img-wrap { width: 16% !important; margin-right: 15px !important; }
    .cart-inner > .cart-list .cart-cont-wrap { width: auto !important; }
    .cart-inner > .cart-list .cart-list-prod .opt-name { font-size: 14px !important; }

    .cart-list-price-wrap { border: 1px solid #ddd; text-align: center; }
    .cart-list-price-wrap .cart-list-wrap { width: 33%; }
    .cart-list-price-wrap .cart-list-wrap > div { font-size: 14px; }
    .cart-list-price-wrap .cart-list-wrap:nth-child(2) { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
    .cart-list-price-wrap .cart-list-wrap .cart-list-price-title { padding: 8px; border-bottom: 1px solid #ddd; background-color: #f6f6f6; }
    .cart-list-price-wrap .cart-list-wrap .cart-list-price { padding: 8px; }

    .cart-total-wrap .last-maintxt { font-size: 1rem !important; }
    .cart-total-wrap .tot-cartprice { font-size: 1.5rem !important; }
    .content.payment-tbl { padding: 12px 16px 12px !important; }
    .cart-payment-tbl td { font-size: 15px !important; padding: 3px; line-height: 1; }
    .btn-payment button { margin: 10px 0px 5px !important; width: 100% !important; font-size: 1.25rem !important; }

    .cart_payment .pay_notice p { font-size: 14px; }

    /* Prod Order */
    /* .order-section h5 { font-size: 1.0rem !important;} */
    .cart-inner > .cart-list { margin-top: 3px; border-top: 1px solid #000; }
    .nt-wrap span { line-height: 1.2 !important; }
    .nt-wrap .indArea { padding: 12px 12px; margin-top: 5px; font-size: 14px; }

    .order-table label { font-size: 14px !important; }
    .order-table .btn { font-size: 0.875rem; width: 70%; padding: 0.6rem 0rem !important; }
    .order-table .order-tel-box { width: 33.33% !important; }

    .paykind-list { padding: 10px 0 10px 0 !important; }
    .paykind-btn .label { align-content: center !important; flex-direction: column !important; }
    .paykind-btn .label.txt-label .txt { font-size: 14px !important; }

    .order-bankbook.table>:not(caption)>*>* { border-bottom-width: 0px !important; }
    .order-bankbook tr td { font-size: 14px !important; }
    .order-bankbook .order-day-box { width: 33.33% !important; }
    .order-bankbook #depositor_name { font-size: 1rem !important; }

    .info-area { margin-top: 15px !important; padding: 20px 0 !important; }
    .info-area-body .dot-list li { word-break: normal !important; }
    .dot-list>li:before { margin-left: -12px !important; margin-right: 0px !important; }

    /* Prod Order Rst */
    .content .orderrst td { height: 42px; }
    .content .orderrst th { font-size: 14px !important; padding: 10px 0 10px 15px !important; }
    .content .orderrst td { font-size: 14px !important; padding: 10px 0 10px 15px; }

    /* Login & find */
    .login-section { padding-top: 6rem !important; padding-bottom: 3rem !important; }

    /* Estimate */
    .est-title-section p { font-size: 14px !important; }
    .nt-wrap h5 { font-size: 1rem !important; }
    .order-file-box-txt { vertical-align: top; }
    .file-info-txt { display: flex; justify-content: space-between; }
    .file-info-txt > div { width: 75%; text-align: left; padding: 0px !important; }
    .order-truck-warp, .order-build-warp { flex-direction: column !important; }
    #estimate .content table tr td .order-post-box { width: 20% !important; }
    #estimate .order-trans-wrap { margin-top: 2rem !important; }
    #estimate .order-trans-wrap .order-trans-box { width: 20% !important; }
    #estimate .order_btn { margin-top: 1rem !important; }
    #order-list { padding-top: 0px; }

    table.bulk colgroup, table.bulk thead { display: none; }
    table.bulk td { padding: 0px !important; }
    table.bulk td:first-child { border-left: 0px !important; }
    table.bulk td:last-child { border-right: 0px !important; }
  
    .order-inner > #order-list tr { border-top: 1px solid #666 !important; }
    .order-inner > #order-list tr td { display: flex; align-items: center; border-right: 0px; border-bottom: 1px solid #ddd; padding: 0px; justify-content: flex-start;}
    .order-inner > #order-list tr td:last-child { border-bottom: 0px; }
    .order-inner > #order-list tr td:last-child div:last-child { padding: 0px 8px; }
    .order-inner > #order-list tr td div:first-child { width: 30%; text-align: center; padding: 8px; line-height: 1.4; }
    .order-inner > #order-list tr:nth-child(even) td div:first-child { background-color: rgb(240 248 255 / 70%); }
    .order-inner > #order-list tr:nth-child(odd) td div:first-child { background-color: #f5f5f5; }
    .order-inner > #order-list tr td div:last-child { width: 70%; text-align: left !important; padding: 8px; flex-direction: inherit !important; }
    .order-inner > #order-list tr td div:last-child span.order-payMethod br { content: ""; display: inline-block; margin: 0 10px; }
    .order-inner > #order-list tr td:nth-child(7) div:last-child { display: flex; align-items: center; }
    .order-inner > #order-list tr td:nth-child(7) div.status p:last-child { padding-left: 1rem!important; }

    /* .order-inner > #order-list tr td div:last-child::before { content: ":"; color: #000; display: inline-block; font-family: bootstrap-icons !important; text-transform: none; line-height: 1; margin-left: -10px; margin-right: 10px; } */
    .order-inner > #order-list tr td p { font-size: 0.9375rem; margin: 0 !important; }

    /* Customer */
    .customer-path { /* margin-top: 6rem !important; */ display: none; }
    .customer-title-wrap { margin-top: 3rem !important; padding-top: 70px !important; }
    .customer-title-wrap P { /* margin-top: -0.5rem !important; */ }

    /* taxbill */
    .taxbill .indArea-wrap { margin-top: 0rem!important; margin-bottom: 1rem!important; }
    .taxbill .nt-wrap .indArea { height: 120px; }
    .taxbill .card-body { /* padding: 0rem !important; */ }
    .taxbill .form-group { padding: 3px 0px !important; }

    /* mbrTaxList */
    .taxbill .order-inner #order-list table colgroup { display: none; }
    .taxbill .order-inner #order-list table thead { display: none; }

    /* tax list */
    .tax-list .tax_text { text-align: left !important; }

    /* Member */
    .mbr-path { /* padding-top: 70px !important; */ display: none; }

    /* Point */
    .point-list .tb-list tbody tr { border-bottom: 1px solid #999; }
    .point-list .tb-list tr:nth-child(even) td div:first-child { background-color: rgb(240 248 255 / 70%); }
    .point-list .tb-list tr:nth-child(odd) td div:first-child { background-color: #f5f5f5; }

    /* */
    .data-list { padding-top: 60px; }
    #estlist { padding-top: 0px; }
    #estlist tr td { padding: 10px 5px !important; }

    /* */
    #et-list .tb-list tbody tr { border-bottom: 1px solid #999; }

    /* mbrMyOrderList */
    #od-list #order-list table colgroup, #od-list #order-list table thead { display: none; }
    #od-list #order-list tr:nth-child(even) td div:first-child { background-color: rgb(240 248 255 / 70%); }
    #od-list #order-list tr:nth-child(odd) td div:first-child { background-color: #f5f5f5; }

    /* */
    .mbr-orderlist-wrap h5 { margin-bottom: 6px !important; }
    .mbr-orderlist-wrap .cart-inner .order-inner .order-title .order-title-detail div.ms-3 { margin-left: 0px !important; margin-right: 15px; }

    #order-detail table colgroup, #order-detail table thead { display: none; }
    #order-detail tr:nth-child(even) td div:first-child { background-color: rgb(240 248 255 / 70%); }
    #order-detail tr:nth-child(odd) td div:first-child { background-color: #f5f5f5; }
    #order-detail tr td div.order-detail-way ul:nth-child(2) { border-top: 0px !important; }

    /* mbrMyOrderPrint */   
    .tax-list .tb-list tr:nth-child(even) td div:first-child { background-color: rgb(240 248 255 / 70%); }
    .tax-list .tb-list tr:nth-child(odd) td div:first-child { background-color: #f5f5f5; }

    /* mbrMyAddressList */
    .myaddress-list .tb-list thead, .myaddress-list .tb-list colgroup { display: none; }
    .myaddress-list .tb-list tbody tr { border-bottom: 1px solid #999; }
    .myaddress-list .tb-list tr:nth-child(even) td div:first-child { background-color: rgb(240 248 255 / 70%); }
    .myaddress-list .tb-list tr:nth-child(odd) td div:first-child { background-color: #f5f5f5; /*justify-content: flex-start !important;*/ }
    .myaddress-list .tb-list tr td:nth-child(5) div:first-child { display: flex !important; height: 54px; justify-content: center; align-items: center; }
    .myaddress-list .tb-list tr td:nth-child(2) div:last-child { justify-content: left !important; }
    .myaddress-list .tb-list .fm-swh-div { position: relative; height: 30px; }
    .myaddress-list .tb-list .fm-swh-div .form-switch { position: absolute; top: 0px; left: calc(50% - 70px); background-color: #fff !important; }
    
    .myaddress-list .td-div-2.myaddress-btn { justify-content: flex-start; }
    .myaddress-list .td-div-2.myaddress-btn a { margin-right: 10px !important; }

    /* Footer */
    .ft-logo-wrap { order: 1; }
    .ft-info-wrap { order: 2; }
    .ft-cust-wrap { order: 3; padding: 0px !important; }
    .ft-addr-wrap { order: 4; padding: 0px; margin-top: 0px; }

    #footer-right > div { font-size: 14px; }
    #footer-right > div:nth-child(2) { font-size: 20px; }
    #footer-right > div:nth-child(3), #footer-right > div:nth-child(5) { line-height: 2; }
    .footer-bottom .location p { margin-bottom: 3px !important; line-height: 1.3; }
}

@media (min-width: 767px) { 
    /* .customer-href {padding: 2rem 0 3rem; } */
    .footer-bottom-menu li a { margin-right: 16px; }
}

@media (max-width: 767px) { 

    .subProd-wrap ul li  { 
        flex-basis: 48% !important; 
        flex-grow: 0;  
        width: auto; 
        font-size: 14px; 
        /* text-align: center;  */
        padding: 8px; 
        margin: 6px 3px; 
    } 
    .subProd-wrap-sub-1 ul li, .subProd-wrap-sub-2 ul li { 
        flex-basis: 100% !important; 
        flex-grow: 0; 
         width: auto; 
         font-size: 14px; 
         /* text-align: center;  */
         padding: 0px 8px; 
         margin: 6px 3px; 
    }

    .customer-href { padding: 0.5rem 0 1rem; }

    /* Greeting */
    .com-gt-sec .gt-img { max-width: 70% !important; }
    .com-gt-sec .company .box-area img { width: 50% !important; }    
    .com-gt-sec .sd-area img { margin-left: 20%; } 
    .com-gt-sec .txt-area { width: 100% !important; }
    .com-gt-sec .img-stxt { font-size: 14px; }
    .car-info li:nth-child(1) { width: 10% !important; }
    .car-info li:nth-child(2) { width: 28% !important; font-size: 15px !important; }
    .car-info li:nth-child(3) { width: 62% !important; font-size: 14px !important; }

    /* Estimate */
    #estimate .state-title { flex-wrap: wrap !important; }
    #estimate .state-title span { margin-left: 0px !important; margin-bottom: 5px !important; }
    #estimate .content .table>:not(caption)>*>* { padding: 0.3rem 0.3rem !important; }
    #estimate .content table colgroup col:nth-child(1) { width: 100%; }
    #estimate .content table colgroup col:nth-child(2) { display: none; }
    #estimate .content table tr th,
    #estimate .content table tr td { display: block !important; }
    #estimate .content table tr th label { width: auto; font-size: 15px !important; }
    #estimate .content table tr td input { width: 100% !important; }
    #estimate .content table tr td .form-switch input[type=checkbox] { width: 2rem !important; }
    #estimate .content table tr td input[type=date] { width: auto !important; }
    #estimate .content table tr td .order-name-box input { width: auto !important; }
    #estimate .content table tr td .order-tel-box { width: 33.33% !important; }
    #estimate .content table tr td .btn { width: auto !important; font-size: 14px !important; padding: 0.6rem 0.6rem !important; }
    #estimate .content table tr td select { font-size: 14px !important; }
    #estimate .content table tr td .d-fex-s1 { display: inline-block !important; }
    #estimate .content table tr td .d-fex-s1 span { display: block !important; margin-left: 0px !important; padding-top: 5px; }
    #estimate .content table tr td .order-time-box { width: auto !important; display: inline-block; }
    #estimate .content table tr td.order-rece-wrap { padding: 20px 5px 10px !important; }

    #estimate .order-delivery-box { width: 100% !important; min-height: 38.34px; }

    table#box-tbl colgroup { display: none; }
    table#box-tbl tr { display: block; font-size: 0.875rem; }
    table#box-tbl tr th { display: inline-flex; width: 30%; align-items: center; justify-content: center; }
    table#box-tbl tr th:first-child { border-left: 0px; border-bottom: 1px solid #ddd; }
    table#box-tbl tr td { display: inline-grid; width: 68%; align-items: center; justify-content: start; }
    table#box-tbl tr td:nth-child(2) { border-right: 0px; border-bottom: 1px solid #ddd; }
    table#box-tbl tr td:nth-child(4) { border-right: 0px; border-bottom: 0px; } 

    /* Customer */
    .customer-title-wrap { /* margin-top: 0rem !important; */ padding-top: 20px !important; }
    .customer-title-wrap P { /* margin-top: -0.5rem !important; */ }
    .customer-list-wrap { margin-top: -1rem !important; }
    .customer-list-wrap .faq-search-wrap { padding: 0px !important; }
    .customer-list-wrap .row:nth-child(2) { padding-top: 1.5rem !important; }

    /* taxbill */
    .taxbill .form-group label { padding-left: 3px; font-weight: 600; }
    .taxbill .form-group .col-auto { width: 100% !important; padding: 0px; }
    .taxbill .form-group .col-auto input { width: 100% !important; }
    .taxbill .form-group .col-auto input[type=radio] { width: auto !important; }
    .taxbill .form-group .wd-type-1, .taxbill .form-group .wd-type-2 { width: 33.33% !important; }
    .taxbill .form-group .col-auto select.taxbill-tel-box,
    .taxbill .form-group .col-auto input.taxbill-tel-box { width: 33.33% !important; }

    /* Member */
    .mbr-secede-wrap { width: auto !important; margin-top: -1rem !important; }
    .mbr-secede-wrap .taxbill .form-group .form-radio-input { width: auto !important; }
    .mbr-secede-wrap .form-select { width: 100% !important; }


    /* My address list */
    .myaddress-list { font-size: 0.875rem; }
    .myaddress-list .tb-list colgroup { display: none; }
    .myaddress-list .tb-list thead { display: none; }

    /*
    .myaddress-list .tb-list tbody tr td:nth-child(1) { display: inline-block; width: 10%;  }
    .myaddress-list .tb-list tbody tr td:nth-child(2) { display: inline-block; width: 40%;  text-align: left !important;}
    .myaddress-list .tb-list tbody tr td:nth-child(3) { display: inline-block; width: 40%;  text-align: left !important;}
    .myaddress-list .tb-list tbody tr td:nth-child(4) { display: inline-block;  width: 40%;  text-align: left !important;}
    .myaddress-list .tb-list tbody tr td:nth-child(5) { display: inline-block;  width: 40%;  text-align: left !important;}
    .myaddress-list .tb-list tbody tr td:nth-child(6) { display: block; width: auto; text-align: left; }
    */
    .myaddress-list .tb-list tbody tr td { display: inline-flex !important; align-items: center; padding: 0px !important; border-bottom: 1px solid #ddd; width: 50%; }

    .mbr-orderlist-wrap .mo-search-wrap .faq-search-box { margin: 10px 0px !important; }

    /* My order list */
    .mbr-orderlist-wrap { width: auto !important; margin-top: -1rem !important; }
    .mbr-orderlist-wrap h5 { font-size: 1rem !important; margin-bottom: 6px !important; } 

    .mbr-orderlist-wrap .search-month-box select { margin-top: 0.3rem; margin-left: 0rem !important; margin-right: 16px !important; width: 120px !important; font-size: 0.875rem; }
    .mbr-orderlist-wrap .search-month-box .faq-search-box { /*height: 38px;*/ margin-top: 0.3rem !important; padding-right: 0px; }
    .mbr-orderlist-wrap .search-month-box .faq-search { height: 36px; }
    .mbr-orderlist-wrap form { padding: 0px; }
    .mbr-orderlist-wrap .list-search-box { padding: 10px; }
    .mbr-orderlist-wrap .list-search-box .list-search-wrap { flex-wrap: wrap; }
    .mbr-orderlist-wrap .list-search-wrap .search-date-box { display: block; }
    /*.mbr-orderlist-wrap .list-search-box .list-search-wrap .search-date-box .ord-search-date { width: 120px; font-size: 0.875rem; letter-spacing: 0.2px; margin: 0px !important; }*/
    .mbr-orderlist-wrap .list-search-box .list-search-wrap .search-date-box .iconsea { display: none; }
    .mbr-orderlist-wrap .list-search-box .list-search-wrap .search-date-box .enddate { width: 100%; margin-left: 0px !important; margin: 5px 0px; }
    .mbr-orderlist-wrap .list-search-box .list-search-wrap .search-date-box button { margin-left: 0px !important; margin-top: 3px !important; margin-bottom: 5px !important; width: 100% !important; /*border-radius: 0px !important;*/ padding: 12px !important; font-size: 1rem !important; }

    .mbr-orderlist-wrap .list-search-box .list-search-wrap .search-date-box .ord-search-date { width: 100%; margin: 5px 0px !important; font-size: 1rem !important; padding: 10px 10px 8px !important; }    
    /*.mbr-orderlist-wrap .list-search-box .list-search-wrap .search-date-box button { font-size: 0.875rem; }*/
    .mbr-orderlist-wrap .search-month-box .faq-search-box input { width: 100% !important; /*height: 36px;*/ padding: 8px 5px 8px 10px; font-size: 0.875rem; }
    .mbr-orderlist-wrap .search-month-box .faq-search-box input#searchText::placeholder { font-size: 0.875rem; }

    .mbr-orderlist-wrap .mo-status .cont { position: relative; width: 76px; padding: 5px; }
    .mbr-orderlist-wrap .mo-status span { display: block; font-size: 1.125rem !important; /* border: 1px solid #ddd; border-radius: 50%;*/ padding: 16px 0; }
    .mbr-orderlist-wrap .mo-status p { font-size: 12px; margin: 5px 0 0; }
    .mbr-orderlist-wrap .mo-status .cont.ord-arr::before { display: block; content: ''; width: 22px; height: 1px; position: absolute; top: 33px; left: -11px; background-color: #ddd; opacity: 1; }
    .mbr-orderlist-wrap .ord-status-subtxt { font-size: 13px; }
    .mbr-orderlist-wrap .ord-status-subtxt p strong { font-weight: normal !important; }
    .mbr-orderlist-wrap .mo-search-wrap {margin-top: 0; border: 1px solid #dbdbdb; background: #f7f7f7; padding: 5px 10px 0px; overflow: hidden; }
    .mbr-orderlist-wrap .ord-search { margin: 2rem 0 !important; }

    .mbr-orderlist-wrap .mo-search-wrap .form-select { margin: 10px 0px !important; font-size: 14px; } 
    .mbr-orderlist-wrap .mo-search-wrap .search-box-wrap .faq-search-box > input { height: auto; padding: 5px 10px; } 
    .mbr-orderlist-wrap .mo-search-wrap .search-box-wrap .faq-search-box > button { height: auto; padding: 3px 12px 4px 14px; } 

    .mbr-orderlist-wrap .order-inner .cart-list table  colgroup { display: none; }
    .mbr-orderlist-wrap .order-inner .cart-list table  thead { display: none; }
    .mbr-orderlist-wrap .order-inner .cart-list table .item-list { display: block; border: none !important; width: 100%; height: auto; border-bottom: 1px solid #ebebeb !important; }
    .mbr-orderlist-wrap .order-inner .cart-list table .item-list .item-list-wrap > div { margin: 10px 0; }
    .mbr-orderlist-wrap .order-inner .cart-list table .item-list .item-list-wrap > div > div { width: 100%; display: flex; align-items: center; justify-content: flex-start; }
    .mbr-orderlist-wrap .order-inner .cart-list table .item-list .item-list-wrap > div > div > span:nth-child(1) { margin-right: 10px }
    .mbr-orderlist-wrap .order-inner .cart-list table .item-list .item-list-wrap > div > div > span:nth-child(1)::before { content: "\f309"; color: #000; display: inline-block; font-family: bootstrap-icons !important; text-transform: none; line-height: 1; vertical-align: -0.425rem; margin-right: 5px; font-size: 24px; }
    .mbr-orderlist-wrap .order-inner .cart-list table .item-list .item-list-wrap > div > div > .btn-quick { margin: 0 10px 0 0; }    
    .mbr-orderlist-wrap .order-inner .cart-list table .item-list .item-list-wrap > div > span { display: block; width: auto; }
    .mbr-orderlist-wrap .order-inner .cart-list table .item-list .item-list-wrap > div > span:nth-child(2) { margin: 0 10px; }
    .mbr-orderlist-wrap .order-inner .cart-list table .item-list .item-list-wrap > div > a { width: auto !important; }
    .mbr-orderlist-wrap .order-inner .cart-list table .item-list .cart-list-prod { display: flex; border: none !important; width: 100%; height: auto; padding: 14px 10px; }
    .mbr-orderlist-wrap .order-inner .cart-list table .item-list .cart-list-prod > div { display: inline-block; padding: 0; }
    .mbr-orderlist-wrap .order-inner .cart-list table .item-list .cart-list-prod .cart-img-wrap { width: auto; }

    .mbr-orderlist-wrap .cart-inner .order-inner .order-title .order-title-detail div.ms-3 { margin-left: 0px !important; margin-right: 0px; }

    .mbr-orderlist-info-wrap { padding-top: 0rem !important; padding-bottom: 0rem !important; }


    .order-inner > #order-detail tr { border-top: 1px solid #333 !important; }
    .order-inner > #order-detail tr td { display: flex; align-items: center; border-right: 0px; border-bottom: 1px solid #ddd; padding: 0px; }
    .order-inner > #order-detail tr td:last-child { border-bottom: 0px; }
    .order-inner > #order-detail tr td div:first-child { width: 35%; text-align: center; padding: 8px 5px; }
    .order-inner > #order-detail tr td div:last-child { width: 65%; text-align: left; padding: 8px 5px 8px 15px; }
    .order-inner > #order-detail tr td div:first-child::before { /*content: "\f309";*/ content: ""; color: #000; display: inline-block; font-family: bootstrap-icons !important; text-transform: none; line-height: 1; margin-right: 3px; }
    .order-inner > #order-detail tr:nth-child(even) td div:first-child { background-color: rgb(240 248 255 / 70%); }
    .order-inner > #order-detail tr:nth-child(odd) td div:first-child { background-color: #f5f5f5; }
    .order-inner > #order-detail tr td:nth-child(6) { height: 100%; }
    .order-inner > #order-detail tr td:nth-child(6) div:first-child { height: 100%; line-height: 4; }
    
    .order-inner > #order-detail tr td div:last-child .status { display: flex; flex-direction: column; align-items: start; }

    .order-inner > #order-detail tr td div.order-detail-qty ul, 
    .order-inner > #order-detail tr td div.order-detail-way ul { padding: 0px !important; }
    
    .mbr-payment-wrap .ord_detail_tabel tbody { border-top: 1px solid currentColor !important; } 
    .mbr-payment-wrap h5 { font-size: 1rem !important; } 
    .payment-box { font-size: 14px; }
    .payment-box table tr td { padding: 12px !important; }

    /* My Order Detail */
    .mbr-payment-wrap { padding: 0px !important; }
    .mbr-orderlist-wrap .cart-inner .order-inner .order-title .order-title-detail { font-size: 0.8125rem !important; justify-content: space-between; }
    .mbr-payment-wrap .ord_detail_tabel colgroup { display: none; }
    .mbr-payment-wrap .ord_detail_tabel tr th { display: inline-block; padding: 10px; font-size: 14px !important; border-right: 0px; width: 35%; line-height: 1.6; }
    .mbr-payment-wrap .ord_detail_tabel tr td { display: inline-block; padding: 10px; font-size: 15px !important; border-right: 0px; width: 65%; }
    .mbr-payment-wrap .ord_detail_tabel tr th span { font-size: 14px !important; }
    .mbr-payment-wrap .ord_detail_tabel tr th img { width: 23px; }
    .mbr-payment-wrap .orderrst tr td { /*height: auto !important;*/ }
    .mbr-payment-wrap .order_btn { margin-top: 0.5rem !important; }

    /* Point */
    .point-list .tb-list tbody tr td { display: flex; align-items: center; border-right: 0px; border-bottom: 1px solid #ddd;  padding: 0px; justify-content: flex-start; }    
    .point-list .tb-list tr td div:first-child { width: 30%; text-align: center; padding: 8px; line-height: 1.4; }
    .point-list .tb-list tr td div:last-child { width: 70%; text-align: left !important; padding: 8px; flex-direction: inherit !important; }

    /* notice */
    .notice-list .tb-list thead, .notice-list .tb-list colgroup { display: none; }
    /*.notice-list .tb-list colgroup col:nth-child(1) { display: none; }*/

    /* data */
    .data-list .tb-list colgroup col:nth-child(1) { display: none; }
    .data-list .tb-list colgroup col:nth-child(5) { display: none; }

    /* prod list */
    .prod-list-wrap .faq-search-wrap { padding: 16px; }
    .prod-list-wrap .faq { width: auto !important; }

    .table>:not(:first-child) { border-top: 0px; }
    .product_list, .product_list thead { border-top: 0px !important; }
    .product_list thead, .product_list colgroup { display: none; }
  
    .product_list tr,
    .product_list tr td { display: block; width: 100%; text-align: left; }
  
    .product_list > thead,
    .product_list > tbody { border-top: 0 !important; }
    .product_list > tbody > tr { margin-top: 0rem; margin-bottom: 12px; border: 1px solid #e8e8e8; border-top: 1px solid #666; }
    .product_list > tbody > tr > td { /*border-right: 1px solid #ddd;*/ /*border-bottom: 1px solid #efefef;*/ border-left: 0px; }
    /*
    .product_list > tbody > tr > td:nth-child(1) { display: inline-flex; align-items: center; height: 50px; padding: 10px; }
    .product_list > tbody > tr > td:nth-child(1) input { width: 16px; height: 16px; }
    .product_list > tbody > tr > td:nth-child(4),
    .product_list > tbody > tr > td:nth-child(5),
    .product_list > tbody > tr > td:nth-child(6) { display: flex; align-items: center; height: 50px; padding: 10px; }
    .product_list > tbody > tr > td:nth-child(7) { display: flex; padding: 10px; }
    */  
    .product_list > tbody > tr > td:nth-child(3),
    .product_list > tbody > tr > td:nth-child(4) { display: flex; /*align-items: center;*/ text-align: right; }
  
    /*
    .product_list > tbody > tr > td > div.price { width: 40%; }
    .product_list > tbody > tr > td > div.price tbody tr { display: flex; align-items: center; }
    */
    .product_list > tbody > tr > td > div.mb-amount { width: 60%; }
    .product_list > tbody > tr > td > div.mb-amount input { margin: 0 10px 0; padding: 2px 3px 4px 3px !important; }
    .product_list > tbody > tr > td > input { padding: 2px 3px 4px 3px !important; }
  
    .product_list .prod-box { /*display: block; align-items: normal;*/ }
    .product_list .prod-box .prod-img-box { width: 20% !important; margin: 0 5px; height: 80px; line-height: 5; }
    .product_list .prod-box .prod-info-box { width: 80% !important; margin-left: 4px !important;}
    .product_list .prod-box .prod-info-box .prod-info-list { align-items: normal !important; }
    .product_list .prod-box .prod-info-box .prod-info-list:first-child { margin-top: 0px !important; }

    .product_list .prod-box .prod-info-box .prod-info-list .prod-info-1 { width: 25%; }
    .product_list .prod-box .prod-info-box .prod-info-list .prod-info-2 { display: block !important; align-items: normal !important; width: 75%; }

    .product_list .prod-info-option { width: 34%; text-align: right; padding-right: 10px; }
    .product_list .prod-info-opt-wrap { width: 66%; text-align: left; }
    .product_list .prod-info-option::after { /*content: "\003A"; display: inline-block; margin: 0 10px;*/ } 

    .prod-info-qty { font-size: 15px; width: 33%; text-align: right; padding-right: 10px; }
    .product_list > tbody > tr > td > .prod-info-qty::after { /*content: "\003A"; display: inline-block; margin: 0 10px;*/ }
    .prod-qty-avail .amount1 { display: inline-block; margin-right: 20px; }
  
    .product_list .prod-info-price { width: 33%; padding-right: 10px; }
    .product_list .price { width: 67%; padding-right: 5px; }
    .product_list .price .price-list-wrap li { flex-basis: 100% !important; border-bottom: 1px solid #efefef; margin: 0px; }
    .product_list .price .price-list-wrap li span { font-size: 15px; }
    .product_list > tbody > tr > td > .prod-info-price::after { /*content: "\003A"; display: inline-block; margin: 0 10px;*/ }
    .product_list .purchase,
    .product_list .pord-price-wrap,
    /*.product_list .pord-drai-wrap { display: flex; justify-content: center; align-items: center; }*/
    .product_list .pord-drai-wrap { display: flex; justify-content: flex-start; align-items: center; flex-direction: row-reverse; }
    .product_list .pord-drai-wrap div { margin: 0 5px; }
    .product_list .pord-price-wrap input { width: 100px !important; margin: 0px !important; padding: 4px !important; }
 
    #store { font-size: 0.875rem; }
    #store h5 { font-size: 1rem; }
    #store .indCheck { font-size: 0.875rem; }
  
    #turnkey .mb-with label { padding-left: 3px; width: 30% !important; font-weight: 600; }
    #turnkey .mb-with .col-auto { width: auto !important; padding: 0px; }

    #turnkey #file-wrap { flex-wrap: wrap; } 
    #turnkey #file-wrap .ms-5{ margin: 10px 0 0 3px!important; } 

    /* 포인트현황 */
    #tbl-shape .tb-point thead tr th { font-size: 14px !important; padding: 6px 10px; }
    #tbl-list { margin-top: 1rem!important; }
    .tit-wrap h5 { font-size: 1rem !important; margin-bottom: 6px !important; }
  
  
    /* footer */
    .f-list .notice-wrap .notice-tit { /* display: none; width: 30%; margin-right: 5px; */ }
    .footer-bottom-content { 
        /*border-top: 1px solid #ddd;*/ 
        padding-top: 1px; 
        padding-left: 0px; 
        padding-bottom: 12px; 
    }
    .ft-mobile .ft-company-name { 
        font-size: 15px !important; 
    }
    .footer-bottom-content .showstep1 { /*max-height: 110px;*/ }

    .ft-info-wrap { display: none !important; }

    .p-history { 
        padding-top: 10px !important; 
        border-top: 1px solid #ddd;
    }

}

@media (min-width: 576px) and (max-width: 991px) {   
    .taxbill #order-list tr.item-list td { display: inline-flex !important; align-items: center; width: 50%; padding: 0px !important; border: 0px; border-bottom: 1px solid #ddd; }
    .taxbill #order-list tr td div:first-child { width: 35%; background-color: aliceblue; padding: 4px; line-height: 2.3; text-align: center; }
    .taxbill #order-list tr td div:last-child { width: 65%; text-align: left; padding: 4px 10px; line-height: 1; }
    .taxbill #order-list tr td:last-child { width: 100%; }
    .taxbill #order-list tr td:last-child div:first-child { width: 17.5%; background-color: aliceblue; padding: 4px; line-height: 2.3; text-align: center; }
    .taxbill #order-list tr td:last-child div:last-child { width: 82.5%; text-align: left; padding: 4px 10px; line-height: 1; }
    .taxbill #order-list tr td div:last-child span.order-payMethod br { content: ""; display: inline-block; margin: 0 10px; }
    .taxbill #order-list tr td div:last-child.status{ display: flex; align-items: center; padding: 0 10px; }
    .taxbill #order-list tr td div:last-child.status p { margin: 0 15px 0 0; }
    .taxbill #order-list table tr { border-top: 0px !important; }
    .taxbill #order-list table { border-top: 1px solid #262626; }
    .taxbill #order-list tbody tr { border-bottom: 1px solid #999; }

    #et-list .tb-list thead, #et-list .tb-list colgroup { display: none; }
    #et-list .tb-list tr td { display: inline-flex !important; align-items: center; width: 50%; padding: 0px !important; border-bottom: 1px solid #ddd; border-right: 0px; }
    #et-list .tb-list tr td div:first-child { width: 35%; padding: 4px; line-height: 2; text-align: center; }
    #et-list .tb-list tr:nth-child(even) td div:first-child { background-color: rgb(240 248 255 / 70%); }
    #et-list .tb-list tr:nth-child(odd) td div:first-child { background-color: #f5f5f5; }
    #et-list .tb-list tr td div:last-child { width: 65%; text-align: left; padding: 4px 10px; line-height: 1; }

    .myaddress-list .tb-list tbody tr td { display: inline-flex !important; align-items: center; width: 50%; padding: 0px !important; border-bottom: 1px solid #ddd; }
    .myaddress-list .tb-list tbody tr td div:first-child { width: 35%; padding: 4px; line-height: 2; text-align: center; }
    .myaddress-list .tb-list tbody tr td div:last-child { width: 65%; text-align: left; padding: 4px 10px; line-height: 1; }
    .myaddress-list .tb-list tbody tr td:nth-child(5) { width: 100%; }
    .myaddress-list .tb-list tbody tr td:nth-child(5) .td-div-1 { width: 17.5%; }
    .myaddress-list .tb-list tbody tr td:nth-child(5) .td-div-2 { width: 82.5%; }
    .myaddress-list .tb-list tbody tr td:last-child div.td-div-2 a { font-size: 0.8125rem; margin: 0; padding: 4px 10px; width: 80px; }
}

@media (min-width: 576px) and (max-width: 767px) {
    .carousel-item img { /*min-height: 450px !important;*/ transition:all .3s ease 0s; }  

    .est-wrap .est-left .est-now ul li .est-2 { width: 40%; }
    .est-wrap .est-left .est-now ul li .est-3 { width: 25%; } 
    .est-wrap .est-left .est-now ul li .est-4 { width: 25%; }

    /* My order list */
    .mbr-orderlist-wrap .mo-search-wrap .search-box-wrap { width: 100% !important; }

    /* Estimate */
    .btn-esti-wrap { flex-wrap: wrap; }
    .btn-esti-wrap button.btn-esti { flex-basis: 35%; } 

    /* mbrEstimateList */
    #et-list .tb-list tr td div:first-child { width: 40%; }
    #et-list .tb-list tr td div:last-child { width: 60%; }

    /* MyAddressList */
    .myaddress-list .tb-list tbody tr td.col-md-w-100 div:first-child { width: 17.45%; }
    .myaddress-list .tb-list tbody tr td.col-md-w-100 div:last-child { width: 82.55% !important; }
    .myaddress-list .tb-list .fm-swh-div .form-switch { left: calc(50% - 47px); }

    /* Footer */
    .f-list .notice-wrap { flex: 0 0 auto; width: 70%; }
    .f-list .sns-wrap { flex: 0 0 auto; width: 30%; }

    .footer-bottom-menu li { padding: 5px; }
    .footer-bottom-menu li a { margin-right: 0px; }

    .ft-logo-wrap > div:nth-child(1) { padding-top: 1.5rem!important; }

}

@media (max-width: 575px) { 

    /*-------------------------------*/
    input, select, textarea { border-radius: var(--bs-border-radius) !important; }
    button.btn { line-height: inherit !important; /*padding: 0.50rem 1.75rem !important;*/ border-radius: var(--bs-btn-border-radius) !important; flex-basis: auto !important; }
    .form-control { padding: .375rem 0.75rem !important; }
    
    .header { height: auto; }
    .hd-logo { text-align: center; }

    /* Main carousel */
    /*#carouselMainWrap { height: 440px !important; }*/

    .carousel-count-wrap { margin-right: 0; }

    .customer-href { padding: 0px !important; }

    /* Notice */
    .notice-list { font-size: 0.9375rem; }
    .notice-list tr td:nth-child(2) { display: block !important; width: 270px; padding: 14px 10px !important; }

    /* Greeting */
    .com-gt-sec .sd-area { margin-top: 0 !important; height: 235px; }
    .com-gt-sec .txt-area { width: 100% !important; padding-top: 0 !important; }
    .com-gt-sec .img-stxt { font-size: 12px; }
    .car-info li:nth-child(1) { width: 14% !important; }
    .car-info li:nth-child(2) { width: 30% !important; font-size: 15px !important; }
    .car-info li:nth-child(3) { width: 56% !important; font-size: 14px !important; }

    #mainProd .corner_tit { font-size: 20px; }

    /* Estimate */
    .est-title .tit-s { margin-bottom: 0; }
    .est-title-wrap { padding-top: 0rem!important; padding-bottom: 0rem!important; }
    .est-title-wrap .sec-title { font-size: 1.3rem; line-height: 1.5; }
    .est-title-wrap .btn { padding: 0.25rem 0.375rem !important; font-size: 0.875rem; }

    .est-wrap { /* padding-top: 2rem!important; padding-bottom: 2rem!important; */ }
    .est-wrap .est-left { padding-top: 1rem !important; padding-bottom: 2rem !important; }
    .est-wrap .est-left .est-title .tit-s { font-size: 0.875rem; }

    .est-wrap .est-left .est-now { padding-right: 0; }
    .est-wrap .est-left .est-now ul li { display: block; padding: 8px 0; }
    .est-wrap .est-left .est-now ul li > div { line-height: 1.2; padding: 1px 2px; }
    .est-wrap .est-left .est-now ul li .est-1 { display: inline-block; width: 30%; font-size: 15px; } 
    .est-wrap .est-left .est-now ul li .est-2 { display: inline-block; width: 67%; font-size: 15px; }
    .est-wrap .est-left .est-now ul li .est-3 { display: inline-block; width: 30%; font-size: 15px; } 
    .est-wrap .est-left .est-now ul li .est-4 { display: inline-block; width: 67%; font-size: 15px; }

    .est-wrap .est-right { padding-top: 0rem!important; padding-bottom: 1rem!important; }
    .est-wrap .est-right .est-dang { padding: 0px !important; }
    .est-dang a .est-banner-wrap .est-banner-title { top: 32%; padding-left: 2%; font-size: 1.1rem; }
    .est-dang a .est-banner-wrap .est-banner-go { top: 32%; padding-right: 2%; font-size: 1.1rem; }

    .count-area .row { padding-top: 2rem!important; padding-bottom: 2rem!important; }
    .count-area .count-number { font-size: calc(1.375rem + 1.5vw); }
    
    .quick-list { width: 100%; }
    .quick-list .row { margin-top: 1rem!important; }
    .quick-list .quick-icon { padding: 10px; }
    .quick-list .quick-icon .icon { font-size: 2.75rem; width: 100px; height: 100px; padding-top: calc(50% - 30px); }
    .quick-list .mTit { font-size: 1.3rem; }
    
    .data-list .mTit { font-size: 1.3rem; margin-bottom: 3px !important; }
    .data-list .btn { margin-bottom: 0 !important; }
    .data-list .list>li>a { padding: 12px 10px 12px 5px; font-size: 15px; }
    .data-list .list>li>span { font-size: 15px !important; }

    .btn-esti-wrap { flex-wrap: wrap; }
    .btn-esti-wrap button.btn-esti { flex-basis: 45% !important; }  

    /* mbrEstimateList */
    #et-list #order-list tr td { display: flex !important; align-items: center; padding: 0px !important; border-bottom: 1px solid #ddd; }
    #et-list #order-list tr td div:first-child { width: 40%; line-height: 1.6; }
    #et-list #order-list .tb-list tr:nth-child(even) td div:first-child { background-color: rgb(240 248 255 / 70%); }
    #et-list #order-list .tb-list tr:nth-child(odd) td div:first-child { background-color: #f5f5f5; }
    #et-list #order-list tr td div:last-child { width: 60%; padding: 3px 10px; display: flex; flex-direction: row-reverse; }

    /* Login & find */
    .login-section { padding-top: 3.5rem !important; padding-bottom: 0rem !important; }
    .login-wrap, .find-wrap { padding: 0px !important; }
    .message-info p { font-size: 14px !important; }

    /* Prod List */
    .prod-intro-title { padding-bottom: 1rem!important; }
    .faq-search-wrap .prodlist-search-box { flex-direction: column; width: 100%; }
    .faq-search-wrap .prodlist-input-box { width: 100% !important; }
    .faq-search-wrap .prodlist-input-box .faq { width: 100% !important; }

    /* Prod Detail */
    .p-cart, .p-order, .p-estimat { font-size: 1rem !important; height: 42px; line-height: 42px; border-radius: 5px; }

    /* Prod Cart */
    .cart-wrap { padding-top: 70px; }
    .cart-wrap .order-price-wrap .cart-list table colgroup,
    .cart-wrap .order-price-wrap .cart-list table thead { display: none; }
    .cart-wrap .cart-inner .chk-all-wrap { justify-content: flex-start; }
    .cart-wrap .cart-inner .chk-all-wrap.top .cart-del-wrap { margin-left: 20px; }

    .cart-wrap .cart-inner .cart-list { /* border-top: 0px; */ }
    .cart-wrap .cart-inner .cart-list table tr.item-list { position: relative; display: grid; justify-items: stretch; padding: 20px 0; }
    .cart-wrap .cart-inner .cart-list table tr.item-list td { border-right: 0px; }
    .cart-wrap .cart-inner .cart-list table tr td ul li { padding-left: 88px; height: 25px; line-height: 25px; }
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-check { display: inline-flex; height: 150px; padding: 64px 10px; }
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-image { position: absolute; width: 100%; height: 150px; text-align: center; top: 20px; left: 0; border: 1px solid #ddd; overflow: hidden; }
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-image a { margin-top: -5px; }
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-image a img { height: 150px; }
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-info input::placeholder { font-size: 14px; }
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-info input::-webkit-input-placeholder { font-size: 14px; }
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-info input:-ms-input-placeholder { font-size: 14px; }
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-info .pd-ord-box { margin-left: 10px; }
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-info .pd-ord-box input { max-width: 176px; min-width: 176px; }
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-pack {  }
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-ord-qty .input-group { align-items: center; }
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-ord-qty .input-group input { max-width: 176px; min-width: 176px; }
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-ord-qty .input-group span { font-size: 14px; margin-right: 30px; }
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-price,
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-ord-amt { display: flex; align-items: center; }
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-price > div,
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-ord-amt > div { font-size: 15px; }
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-price > div:last-child,
    .cart-wrap .cart-inner .cart-list table tr.item-list td.pd-ord-amt > div:last-child { padding-left: 20px; min-width: 110px; text-align: right !important; }
    .cart-wrap .order-price-fix { position: inherit; width: 100% !important; margin-top: 20px; }

    .cart-wrap .cart-inner .chk-all-wrap.bottom { display: block; }
    .cart-wrap .cart-inner .chk-all-wrap.bottom .cart-del-wrap { margin-left: 20px; }
    .cart-wrap .cart-inner .chk-all-wrap.bottom .pd-cart-terms { padding: 15px 2px 0px; }
    .cart-wrap .cart-inner .chk-all-wrap.bottom .pd-cart-terms label { line-height: 1.5; }

    .cart-wrap .cart-inner .pd-cart-deli { padding: 10px 15px; }
    .cart-wrap .cart-inner .pd-cart-deli ul { flex-direction: column; }
    .cart-wrap .cart-inner .pd-cart-deli ul li { margin-left: 0px; padding: 3px 0px; }

    /* Prod Order */
    .order-wrap { padding-top: 70px; }
    .order-wrap .order-inner .order-title-wrap { flex-direction: column; align-items: flex-start; }
    .order-wrap .order-inner .cart-list table colgroup,
    .order-wrap .order-inner .cart-list table thead { display: none; }
    .order-wrap table tbody { display: table-caption; }
    .order-wrap table tbody tr,
    .order-wrap table tbody th,
    .order-wrap table tbody td { display: block; width: 100%; }
    .order-wrap table tbody td input { width: 100% !important; }
    .order-wrap table tbody td .ord-tel-wrap > select,
    .order-wrap table tbody td .ord-tel-wrap > input { width: 33.33% !important; }
    .order-wrap .ord-shipp-wrap { flex-direction: column; }
    .order-wrap table td .rece-post-warp > input:nth-child(1) { width: 6.25rem !important; }

    .order-wrap .order-inner .cart-list table tr.item-list { padding: 20px 0; }
    .order-wrap .order-inner .cart-list table tr.item-list td { text-align: left; border-right: 0px; }
    .order-wrap .order-inner .cart-list table tr.item-list td.pd-ord-cusno,
    .order-wrap .order-inner .cart-list table tr.item-list td.pd-ord-qty,
    .order-wrap .order-inner .cart-list table tr.item-list td.pd-rel-qty,
    .order-wrap .order-inner .cart-list table tr.item-list td.pd-price,
    .order-wrap .order-inner .cart-list table tr.item-list td.pd-ord-amt { height: 28px; line-height: 28px; padding: 5px 10px; }

    .order-wrap .order-inner .cart-list table tr td ul li { height: 25px; line-height: 25px; }
    .order-wrap .order-inner .cart-list table tr.item-list td.pd-image { width: 100%; height: 150px; text-align: center; border: 1px solid #ddd; overflow: hidden; }
    .order-wrap .order-inner .cart-list table tr.item-list td.pd-image a { margin-top: -11px; }
    .order-wrap .order-inner .cart-list table tr.item-list td.pd-image a img { height: 150px; }
    .order-wrap .order-inner .cart-list table tr.item-list td.pd-rel-qty,
    .order-wrap .order-inner .cart-list table tr.item-list td.pd-price,
    .order-wrap .order-inner .cart-list table tr.item-list td.pd-ord-amt { display: flex; }
    .order-wrap .order-inner .cart-list table tr.item-list td .input-group { width: auto !important; justify-content: left; }
    .order-wrap .order-inner .cart-list table tr.item-list td .input-group span { margin-right: 20px; }
    .order-wrap .order-inner .cart-list table tr.item-list td.pd-price div:nth-child(1),
    .order-wrap .order-inner .cart-list table tr.item-list td.pd-ord-amt div:nth-child(1) { margin-right: 20px; }

    .order-wrap #bankbook-info table tr td { height: auto; border: 0px; min-height: 35px; }
    .order-wrap #bankbook-info table tr td.ord-bill-wrap input { width: auto !important; }

    .order-wrap table.last-payment-tbl tbody { display: table-row-group; }
    .order-wrap table.last-payment-tbl tbody tr { display: table-row; width: auto; }
    .order-wrap table.last-payment-tbl tbody th { display: table-cell; width: auto; }
    .order-wrap table.last-payment-tbl tbody td { display: table-cell; width: auto; }

    /* Prod order rst */
    table.orderrst  colgroup { display: none; }
    table.orderrst  tbody tr { display: block; width: 100%; }
    table.orderrst  tbody tr th { display: inline-block; width: 35%; }
    table.orderrst  tbody tr:nth-child(3) th { height: 60px; line-height: 3; }
    table.orderrst  tbody td { display: inline-block; width: 63%; }
    table.orderrst  tbody tr:nth-child(3) td { height: 60px; }
    table.orderrst  tbody td input { width: 100% !important; }
    table.orderrst  tbody td .ord-tel-wrap > select,
    table.orderrst  tbody td .ord-tel-wrap > input { width: 33.33% !important; }

    .ord-txt  ul.dot-list li { flex-wrap: wrap; }

    /* ui-select box */
    .ui-select-block { padding: 9px 40px 9px 10px;  width: 100px;  padding-left: 10px;  padding-right: 25px;  border-radius: var(--bs-border-radius) !important; }
    .ui-select-block span { font-size: 15px; line-height: 16px; }

    /* My address list */
    .myaddress-list { font-size: 0.875rem; }
    .myaddress-list .tb-list colgroup { display: none; }
    .myaddress-list .tb-list thead { display: none; }

    .myaddress-list .tb-list tbody tr { border-bottom: 1px solid #999; }
    .myaddress-list .tb-list tbody tr td { display: flex !important; align-items: center; padding: 0px !important; border-bottom: 1px solid #ddd; width: 100%; }
    .myaddress-list .tb-list tbody tr td div:first-child { width: 30%; line-height: 2.8; text-align: center; }
    .myaddress-list .tb-list tbody tr td div:last-child { width: 70%; padding: 0px 10px; display: flex; }
    .myaddress-list .tb-list tbody tr td.col-md-w-100 { height: 55px; }
    .myaddress-list .tb-list tbody tr td.col-md-w-100 div.td-div-1 { height: 100%; line-height: 3.8; }
    .myaddress-list .tb-list tbody tr td.col-md-w-100 div.td-div-2 { height: 100%; align-items: center; }
    .myaddress-list .tb-list .fm-swh-div .form-switch { top: 5px; left: 35px; }

    .myaddress-list .td-div-2.myaddress-btn a { padding: 4px 10px; }

    /*
    .myaddress-list .tb-list tbody tr td:nth-child(1) { display: inline-block; width: 10%;  }
    .myaddress-list .tb-list tbody tr td:nth-child(2) { display: inline-block; width: 40%;  text-align: left !important;}
    .myaddress-list .tb-list tbody tr td:nth-child(3) { display: inline-block; width: 40%;  text-align: left !important;}
    .myaddress-list .tb-list tbody tr td:nth-child(4) { display: inline-block;  width: 40%;  text-align: left !important;}
    .myaddress-list .tb-list tbody tr td:nth-child(5) { display: inline-block;  width: 40%;  text-align: left !important;}
    .myaddress-list .tb-list tbody tr td:nth-child(6) { display: block; width: auto; text-align: left; }
    */

    /* My order list */
    .mbr-orderlist-wrap .mo-search-wrap .search-box-wrap { padding-left: 0px; }
    .mbr-orderlist-wrap .list-search-box .list-search-wrap { display: block; }
    /*.mbr-orderlist-wrap .list-search-wrap .search-date-box { display: block; }*/
    /*.mbr-orderlist-wrap .list-search-box .list-search-wrap .search-date-box .ord-search-date { width: 100%; margin: 5px 0px !important; font-size: 1rem !important; padding: 10px 10px 8px !important; }*/
    /*.mbr-orderlist-wrap .list-search-box .list-search-wrap .search-date-box .iconsea { display: none; }
    .mbr-orderlist-wrap .list-search-box .list-search-wrap .search-date-box .enddate { width: 100%; margin-left: 0px !important; margin: 5px 0px; }
    .mbr-orderlist-wrap .list-search-box .list-search-wrap .search-date-box button { margin-left: 0px !important; margin-top: 3px !important; margin-bottom: 5px !important; width: 100% !important; padding: 12px !important; font-size: 1rem !important; } */
    .mbr-orderlist-wrap .search-month-box select { width: 115px !important; height: 43px; margin-right: 5px !important; }
    .mbr-orderlist-wrap .search-month-box .faq-search-box input { height: 41px; }

    .order-inner > #order-detail tr td div:last-child { display: flex; /*flex-direction: row-reverse !important;*/ }
    .order-inner > #order-list tr td div:last-child { display: flex; /*flex-direction: row-reverse !important;*/ }
    .order-inner > #order-list tr td div:last-child::before { content: ""; }

    /* Point */
    #tbl-shape .tb-point colgroup, #tbl-shape .tb-point thead { display: none; }
    #tbl-shape .tb-point tbody tr td { display: block; width: 100%; }
    #tbl-shape .tb-point tbody tr td { border-left: 0px; }
    #tbl-shape .tb-point tbody tr td div.mb-t { 
        background-color: #516995; 
        font-size: 16px !important; 
        height: 40px; color: #fff; 
        text-align: center; 
        /* font-weight: bold; */
         width: 100%; 
         line-height: 1.7; 
    }
    #tbl-shape .tb-point tbody tr td div { padding: 10px; }
    #tbl-shape .tb-point tbody tr td div:nth-child(3) { padding: 0 10px 10px; }

    /* customer */
    .customer-title-wrap { /* margin-top: 2rem!important; */ }
    .customer-title-wrap P { margin-top: -0.5rem!important; font-size: 14px; width: 80%; margin-left: auto; margin-right: auto; }
    .inq-slt { width: 100% !important; }

    /* mbrTaxList */
    .tax-search-wrap .tax-search-msg-box { width: 100% !important; }
    .tax-search-wrap .tax-search-text-box { width: 100% !important; }
    .order-inner > #order-list tr td:nth-child(7) div:last-child { display: flex; align-items: center; flex-direction: row !important; /*justify-content: flex-end;*/ }

    /* Footer */
    .f-list { display: none; }
    .f-list .notice-wrap { flex: 0 0 auto; width: 100%; }
    .f-list .sns-wrap { display: none; }
    .f-list .notice-wrap .notice-tit { display: none; }
    .f-list .rolling li { width: 100% !important; }

    .footer-bottom-menu li { width: 45%; padding: 5px; }
    .footer-bottom-menu li a { margin-right: 0px; }

    #footer-right { padding-left: 0; text-align: center; }
    /*.copyright { text-align: center; }*/

    .footer-bottom-content { 
        /*border-top: 1px solid #ddd;*/ 
        padding: 10px 5px 10px 5px; 
        margin-top: 0px !important; 
    }
    .ft-mobile .ft-company-name { font-size: 16px !important; }
    .footer-bottom-content .showstep1 { /*max-height: 110px !important;*/ }
    .ft-mobile-menu ul,
    .footer-bottom .location .ft-company-name { /*justify-content: center !important;*/ }

    /*.ft-company-content { padding: 10px; background-color: #f8f9fa; border: 1px solid rgb(248 249 250 / 30%); border-radius: 10px; }*/
    .ft-mb-addr .ft-company-content { background-color: transparent; }
    .ft-addr-wrap { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); }

    /* product list visual */
    #product-list-visual { 
        height: 335px; 
        margin-top: -19px;
    }

    #product-list-visual .carousel-item img { 
        margin-top: -34px;
    }

    #product-list-visual .carousel-item .carousel-img { 
        width: 85%;
    }

    #product-list-visual.prod-brand-list { 
        height: 290px;
        margin-top: -35px;
    }

}

@media (min-width: 505px) and (max-width: 575px) {
    .footer-bottom-menu li:nth-child(1),
    .footer-bottom-menu li:nth-child(4) { width: 26%; padding: 5px; }

    .footer-bottom-menu li:nth-child(2),
    .footer-bottom-menu li:nth-child(3),
    .footer-bottom-menu li:nth-child(5) { width: 33%; padding: 5px; }
}

@media (min-width: 575px) { 

    /* Notice 
    .notice-list .tb-list colgroup { display: table-column-group; }*/

}

@media (max-width: 415px) {
    .prod-grid .prod-grid-image img { height: 170px !important; }

    /* Prod Detail */
    .prod-mb-style { 
        /* border-top: 1px solid #ddd;  */
        /* border-radius: 20px;  */
        /* padding-top: 1rem;  */
        margin-top: 1rem; 
    }
}

@media (max-width: 395px) {
    #estimate .content table tr td div.order-name-box { flex-direction: column !important; }
    #estimate .content table tr td .btn { margin: 10px 0 0 !important; }
    #estimate .order-trans-wrap .content table tr td .btn { margin: 0 0 0 10px !important; }

    .taxbill-stitle ul li p { font-size: 14px; }

    .ft-mobile-menu ul li { margin-right: 8px; }
}
@media (min-width: 395px) {
    .customer-title-wrap h2 { font-size: calc(1.0rem + .9vw); }
}


/* ---------------------------------------------------- */
/* prodList Media ------------------------------------- */
/* ---------------------------------------------------- */

@media (min-width: 300.98px) and (max-width: 411.98px) { 
    .product_list .prod-box .prod-info-box .prod-info-list .prod-info-1 { display: none !important; }
    .product_list .prod-box .prod-info-box .prod-info-list .prod-info-2 { width: 100% !important; margin-left: 0px !important; }
    .product_list .prod-box .prod-info-box .prod-info-list .prod-info-2 .prod-title { display: flex; flex-wrap: wrap; font-size: 16px !important; }
    .product_list .prod-box .prod-info-box .prod-info-list .prod-info-2 .prod-title a { color: #51589b !important; font-weight: 600;}
}
@media (min-width: 411.98px) and (max-width: 575.98px) { 
    .product_list .prod-box .prod-info-box .prod-info-list .prod-info-1 { display: none !important; }
    .product_list .prod-box .prod-info-box .prod-info-list .prod-info-2 { width: 100% !important; }
}
@media (min-width: 575.98px) and (max-width: 767.98px) { 
    .product_list .prod-box .prod-info-box .prod-info-list .prod-info-1 { width: 18%; }
    .product_list .prod-box .prod-info-box .prod-info-list .prod-info-2 { width: 82%; }
}
@media (max-width: 575.98px) { 
    .prod-cate-wrap .pl-unit #ctg3-slt { padding: 6px 30px 6px 6px !important; }

    .prod-opt-wrap { align-items: center; }

    .product_list .prod-info-opt-wrap ul { display: flex; justify-content: flex-end; }
    .product_list .prod-info-opt-wrap ul li { margin: 0 5px; }


    .product_list .prod-box .prod-info-box .prod-info-list .prod-info-2 { margin-left: 0px !important; }
    .product_list .prod-box .prod-info-box .prod-info-list .prod-info-2 .prod-title .prod-name-mfa { margin: 0 5px 5px 0; } 
    .product_list .prod-box .prod-info-box .prod-info-list .prod-info-2 .prod-title .scab-sm { margin: 0rem !important; } 
    .product_list .prod-box .prod-info-box .prod-info-list .prod-info-2 .prod-mfa { margin: 0rem !important; } 
    .product_list .prod-box .prod-info-box .prod-info-list .prod-info-2 .prod-title a { color: #51589b !important; font-weight: bold;}

    .product_list .price .price-list-wrap { padding-right: 7px; border: 1px solid #efefef; border-bottom: 0px; }
    .product_list .price .price-list-wrap li span:nth-child(1) { width: 45% !important; padding: 4px; }
    .product_list .price .price-list-wrap li span:nth-child(2) { width: 55% !important; padding: 4px; }
    .product_list .price .price-list-wrap li:nth-child(even) { background-color: #f8f9fa; }

    .prodlist-wrap .prod-search-wrap input.search-word { position: relative; width: 100% !important; }
    .prodlist-wrap .prod-search-wrap .btn-prod-search-inner { position: absolute; right: 0; border-radius: var(--bs-border-radius) !important; }

    .product_list .pord-price-wrap { flex-direction: row !important; }
    .product_list .pord-price-wrap button { line-height: 1.09 !important; }
    .product_list .pord-drai-wrap { margin-right: 10px; }
}
@media (max-width: 767.98px) {
    .product_list .prod-info-opt-wrap ul { display: flex; justify-content: flex-end; }
    .product_list .prod-info-opt-wrap ul li { margin: 0 5px; }

    .product_list .price .price-list-wrap { padding-right: 7px; border: 1px solid #efefef; border-bottom: 0px; }
    .product_list .price .price-list-wrap li span:nth-child(1) { width: 45% !important; padding: 4px; }
    .product_list .price .price-list-wrap li span:nth-child(2) { width: 55% !important; padding: 4px; }
    .product_list .price .price-list-wrap li:nth-child(even) { background-color: #f8f9fa; }

    .product_list .pord-price-wrap { flex-direction: row !important; }
    .product_list .pord-drai-wrap { margin-right: 10px; }

    .prodlist-wrap { flex-wrap: wrap; padding-bottom: 1rem !important; }
    .prodlist-wrap .prod-search-wrap { width: 100%; }
    .prodlist-wrap .prod-search-wrap .prodlist-input-box { position: relative; width: 100%; margin-right: 0px !important; }
    .prodlist-wrap .prod-search-wrap input.search-word { width: 85%; height: 2.5rem; }
    .prodlist-wrap .prod-search-wrap .btn-prod-search-inner { width: 15% !important; height: 2.5rem; }

    .product_list tbody tr td .prod-img-box img { max-width: 100%; max-height: 100%; }
    .prod-qty-avail { width: 67%; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: flex-start; padding-right: 10px; }
    .prod-qty-avail div { width: 100%; line-height: 1.5; text-align: right; font-size: 14px !important; }
    .prod-qty-avail div:nth-child(4) { padding-top: 2px; }

    .product_list tr td:nth-child(2) { height: 31px; padding: 8px 5px !important; }
    .product_list tr td:nth-child(3) { height: auto; padding: 8px 5px !important; background-color: #f8f9fa; }
    .product_list tr td:nth-child(4) { /*padding-top: 0.2rem;*/ /*padding-bottom: 0.2rem;*/ }
    .product_list tr td:nth-child(5) { background-color: #f8f9fa; border-right: 0px !important; }

}
@media (max-width: 991.98px) { 
    .prod-cate-wrap { width: 100%; }
    .prod-cate-wrap .pl-unit { width: 50% !important; }
    .prod-cate-wrap .pl-unit #ctg3-slt { padding: 6.8px; margin-top: -1px; }
    .prodlist-wrap { flex-wrap: wrap; padding-bottom: 0.5rem; }
}
@media (max-width: 1199.98px) { 
    .product_list .price .price-list-wrap li span:nth-child(1) { width: 43%; }
    .product_list .price .price-list-wrap li span:nth-child(2) { width: 57%; }

    button.btn-bluelight, button.btn-purchase { padding: 9px 15px !important; }  
}
@media (max-width: 1399.98px) { 
    .product_list tbody tr td .prod-img-box img { 
        /* max-width: 100%;  */
        /* max-height: 100%;  */
    }

    button.btn-bluelight, button.btn-purchase { padding: 9px 15px !important; }  
}