@charset "utf-8";

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

/* --------------------------------------------------------------------------- */
/* 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.7rem;
    font-weight: 600;
    /*letter-spacing: -1.5px;*/
    margin-bottom: 16px;
    line-height: 1.5;
}
.center-big {
    text-align: center;
    font-size: 2.0em;
    margin-bottom: 1.0em !important;    
}
.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: #f7f7f7; */
    /* background-color: #fff; */
    border-bottom: 1px solid #ddd;
    background: #f6f6f6;
}

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

.hd-link > li { 
    display: inline-block;
    vertical-align: top;
    margin-left: 1.125rem;
}
.hd-link > li:first-child { 
    margin: 0;
} 
.hd-link > li .log-name, 
.hd-link > li a {
    font-size: 0.8125rem;
    color: #ffffff !important;
    font-weight: normal;
    display: block;
    /*
    padding-top: 0.625rem;
    background-repeat: no-repeat;
    background-position: center;
    */
    line-height: 2.0rem;
}
.hd-link .sub-customer li a {
    color: #333333 !important;
}


.n-list { position: relative; }
.sub-customer {
  display: none;
  position: absolute;
  top: 30px;
  left: auto;
  right: 0;
  width: 120px;
  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: 10px 15px;
}
.sub-customer li a {
  line-height: 1 !important;
}
.n-list:hover > .sub-customer {
  display: block;
}
.sub-customer li:hover a { color: #00a2e3 !important; }

.header {
    text-align: center;
    /* border-bottom: 1px #d7d7d7 solid; */
    /* height: 130px; */
    height: 120px;
    /*padding: 20px 0px 30px;*/
}
.hd-logo {
    text-align: left;
    /* margin-top: -7px; */
    /* line-height: 6; */
    /* height: 100%; */
}
.hds-area {
    display: inline-block;
    position: relative;
    min-height: 6rem;
}
.hd-search {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
}
.hds-top {
    position: relative;
    width: 400px;
    /* margin-bottom: 5px; */
    margin: 0 auto;
   /* line-height: 9.4rem; */
}
.hds-top input {
    /* border-bottom: 2px #231815 solid; */
    height: 46px;
    box-sizing: border-box;
    /* color: #000; */
    font-size: 16px;
    font-weight: 400;
    padding: 12px 20px;
    width: 100%;

    /* border: 1px solid #09847d; */
    /* border: 1px solid #004a9f; */

    border-radius: 15px !important;
}
.hds-top input:focus {
    /* border: 1px solid #ea5413; */
    /* border: 2px solid #09847d; */
    /* border: 1px solid #87042d; */
}
.hds-top a {
    position: absolute;
    right: 0;
    top: 9px;
    width: 50px;
    /*line-height: 35px;
    height: 40px;*/
    /* background-color: #025f1d; */
}
.hds-top a i {
    /* color: #09847d; */

    /*color: #87042d;*/

    font-weight: bold;
    font-size: 1.5rem;
}
/*
.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; */
    /* border-bottom: 2px #ea5413 solid; */
    /* border-bottom: 2px #09847d solid; */
    /* border-bottom: 2px #70a443 solid; */
    /* border-bottom: 2px #e40046 solid; */  
    /* border-bottom: 2px #004a9f solid;  */ 
}
.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: 6px 0.7rem;
    position: relative!important;
    height: 100%;

    /* border-top-left-radius: 6px;
    border-top-right-radius: 6px; */
}
#navbarNav li.nav-item a {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #000000 !important;
}
#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: #ea5413; */
    /* background-color: #70a443; */

    background-color: #004a9f;
    transition: all 0.5s;
}
  


.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: 0px;
    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: 60px;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    /* background: #414141 !important; */ 
    /* background: #ea5413 !important; */
    /* background: #70a443 !important; */
    /* background: #e40046 !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: right;
    min-width: 3.5rem;
    padding: 5px;
    border-radius: 10px;
    margin: 0 5px;
}
.hd-item i { font-size: 2.0rem; color: #ffffff; }
.hd-item p { font-size: 0.8125rem; display: none; }

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

.box-count {
    position: absolute;
    right: -8px;
    top: 3px;
    width: 24px;
    height: 24px;
    text-align: center;
    /* background-color: #067dfd; */
    background-color: #f6723e; 
    border-radius: 12px;
    box-sizing: border-box;
    box-shadow: inset 0 0 1px 0 #f6723e, inset 0 0 1px 0 #f6723e;
    z-index: 10;
}
.box-count .cart-num,
.box-count .order-num {
    font-size: 11px;
    line-height: 23px;
    color: #fff;
    font-weight: 700;
    vertical-align: top;
}



.header-m { position: fixed; top: 0; width: 100%; height: 60px; background-color: #fff; border-bottom: 1px solid #ddd; line-height: 3.125; z-index: 2; }  
.header-m .header-w { position: absolute; width: 100%; height: 60px; }
.header-m .header-w .header-g { float: left; height: 100%; }
.header-m .header-w .header-g.header-l { width: 20%; text-align: center; }
.header-m .header-w .header-g.header-c { width: 60%; position: relative; text-align: center; }
.header-m .header-w .header-g.header-r { width: 20%; text-align: right;}
.header-m .header-w .header-g .logo-area { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.header-m .header-w .header-g .search-ul { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.header-m .header-w .header-g .search-ul li .logo-top-cart .bi-cart::before { font-size: 28px; }
.header-m .header-w .header-g .bi-search { font-size: 23px !important; }
.box-count2 { 
    display:inline-block; 
    vertical-align:top; 
    margin-top:-3px; 
    margin-left:-15px; 
    text-align:center; 
    height:20px; 
    padding:0 7px;
    min-width:10px; 
    border-radius:10px; 
    font-size:11px; 
    line-height:18px; 
    font-weight:300; 
    background: red; 
    color:#fff; 
}

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

.btn-category-box-1 {
    display: flex;
    align-content: center;
    align-items: center;
    height: 100%;
    /*justify-content: center;*/
    /* pointer-events: none; */

    /*background: rgb(0,74,159);
    background: linear-gradient(128deg, rgba(0,74,159,1) 59%, rgba(0,162,227,1) 100%); 
    border-top-left-radius: 6px;    
    border-top-right-radius: 6px; */
}
.btn-category-1 div {
    width: 26px;
    height: 2px;
    background-color: #333;  /*  rgb(255, 255, 255);*/
    margin: 6px 0;
}
.btn-category-1 div:nth-child(1) {
    margin-top: 0px;
}
.btn-category-1, .btn-category-2 {
    padding: 0 20px 0 0;
    font-size: 19px;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px;
}

.category-box {
    display: none;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    height: 400px;
    /* padding: 7px 0; */
    text-align: left;
    /* background: rgb(214 214 214 / 80%); */
    background: #ffffff;
    
    /* border-left: 1px solid #70a443;
    border-right: 1px solid #70a443;
    border-bottom: 1px solid #70a443; */
    /*
    border-left: 1px solid #004a9f;
    border-right: 1px solid #004a9f;
    border-bottom: 1px solid #004a9f;
    */
    border: 0px solid #004a9f;
    border-top: 0px;
    border-right: 0px;

    z-index: 100;
}
.category-box.bg-100 {
    /* background: rgb(214 214 214 / 100%); */
    background: rgb(0,162,227,1);
}
.category-box-area {
    height: 100%;
    /*padding: 4px 0px;*/
}
.category-box-area ul.step_1 li a {
    color:#ffffff !important;
    font-size: 15px;
    padding: 16px 20px;
    width: 100%;
}
.category-box-area ul.step_1 li:hover a.tabtitle,
.category-box-area ul.step_1 li a.tabtitle:hover {
    background-color: #ffffff;
    /* background-color: #333; */
    color: rgb(0 109 186) !important;
    font-weight: 400; 
}
.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;
}
.step_1_content {
    display: none;
    position: absolute;
    left: 100%;
    top: 0px;
    min-width: 260px;
    height: 400px;
    /* border-top: 1px solid rgb(238, 238, 238); */
    /* border-left: 1px solid #70a443; */
    
    /* border-right: 1px solid #70a443;
    border-bottom: 1px solid #70a443; */

    border-right: 1px solid #004a9f;
    border-bottom: 1px solid #004a9f;
    /*border: 1px solid #004a9f;*/

    /*
    padding: 20px 0px;
    border-right: 1px solid #383e5c;
    border-bottom: 1px solid #383e5c;
    */
    /* background-color: #fff ;  */
    background: #ffffff;   /* rgb(245 245 245 / 100%); */
    /* 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: #444 !important;
    /* background: rgb(245 245 245 / 90%); */
    font-size: 15px;
    padding: 10px 20px;
    width: 100%;
    /* line-height: 1.3; */
    font-weight: 300 !important;
}
.category-box-area ul.step_2 li:hover a.subtitle,
.category-box-area ul.step_2 li a.subtitle:hover {
    color: rgb(0 109 186) !important;
    /* font-weight: 500 !important; */
    /* background-color: #ffffff; */
}
.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 #ea5413; */
    /* border-bottom: solid 2px #09847d; */
    border-bottom: solid 3px #004a9f;
    position: absolute;
    bottom: -5px; 
    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;
}

.link-2 a:hover { 
    /* color: #ea5413 !important;  */
    /* color: #70a443!important;  */

    color: #004a9f!important; 
    
}


/* --------------------------------------------------------------------------- */
/* 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 {
    /* width: 11.1%; */
    /* border-left: 1px solid #ddd; 
    border-style: dashed; */
    /* padding: 3px 5px 30px 5px;
    text-align: center; */
}
.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: 2000;
  top: 0; 
  height: 100%;
  width: 100%; /*380px;*/
  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: 18px;
  width: 30px;
  height: 20.18181818px;
}
.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 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;
}
.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%; /*-407px;*/
}
.dg-hd-mo-menu-panel .dg-hd-mo-menu-btn {
  left: calc(100% + 30px);  /* 427px; */
}
.dg-hd-mo-menu-panel.mo-menu-active {
  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: -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: 1999;
  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: white;
    text-decoration: none;
}
 
/* New Mobile Menu Style CSS */
.mo-menu-top-wrap ul.mo-menu-top-box { display: flex!important; font-size: 14px; margin-left: 20px; }
.mo-menu-top-wrap > ul li { margin-right: 10px; }

.mo-menu-area { background-color: #e9ecef; padding: 15px 5px; }
.mo-menu-area ul { display: flex; justify-content: center; align-items: center; }
.mo-menu-area ul li { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 32%; background-color: #fff; padding: 5px 10px; text-align: center; cursor: pointer; }
.mo-menu-area ul li div { font-size: 2rem; width: 50px; 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-area ul li:nth-child(2) { margin: 0 6px; }

.mo-menu-bottom {background-color: #e9ecef; padding: 3px; }
.mo-menu-bottom ul {display: flex;justify-content: space-around;align-items: center;flex-direction: row;flex-wrap: wrap; }
.mo-menu-bottom ul li {display: flex;flex-direction: row;justify-content: space-evenly;align-items: center;width: 48%;height:50px;background-color: #fff;border-radius: 5px;padding: 5px 10px;margin: 2px 0px !important;text-align: center;font-size: 14px;cursor: pointer;}

.mo_menu_wrap { display: flex; flex: 1; justify-content: space-between; }  
.mo_menu_wrap .mo_left_box { margin: 0; width: 30%; /* height: 100%; */ background-color: #37363b; 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: #37363b;*/ 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: 65%; 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; }

.mo_menu_wrap .mo_single_box { width: 100%; padding: 0; margin-top: 18px; padding-bottom: 1rem; }
.mo_menu_wrap .mo_single_box .mo_list_title { padding: 0.7rem 0.1rem; }
.mo_menu_wrap .mo_single_box .mo_list_title strong { font-size: 16px; font-weight: 600; padding-left: 10px; }
.mo_menu_wrap .mo_single_box .mo_list_box { border-top: 2px solid #333; }
.mo_menu_wrap .mo_single_box .mo_list_box li { width: 100% !important; float: none; display: block; }
.mo_menu_wrap .mo_single_box .mo_list_box .mo_sublist_box { /*display: flex; align-items: center; justify-content: flex-start; */ border-bottom: 1px solid #d8d8d8; padding-left: 10px; }
.mo_menu_wrap .mo_single_box .mo_list_box .mo_sublist_box .mo_ctg_img { width: 10%; display: inline-block; }
.mo_menu_wrap .mo_single_box .mo_list_box .mo_sublist_box span { width: 87%; display: inline-block; position: relative; padding: 15px 35px 15px 10px; border-top: none; background-color: #fff; font-size: 15px; cursor: pointer; }
.mo_menu_wrap .mo_single_box .mo_list_box .mo_sublist_box span:before { display: block; content: ''; width: 1px; height: 13px; background: #ababab; position: absolute; top: 50%; right: 21px; transform: translateY(-50%); }
.mo_menu_wrap .mo_single_box .mo_list_box .mo_sublist_box span.active:before { display: none; }
.mo_menu_wrap .mo_single_box .mo_list_box .mo_sublist_box 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_single_box .mo_list_box .mo_sublist_box span.active:after { background-color: #ee2c49; }

.mo_menu_wrap .mo_single_box .mo_list_box li ul.on { display: block; }
.mo_menu_wrap .mo_single_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_single_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_single_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_single_box .mo_list_box li ul li a { display: block; color: #000; padding: 10px 5px 10px 60px; }
.mo_menu_wrap .mo_single_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; }

/* --------------------------------------------------------------------------- */
/* 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: 10% !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;
}

.carousel-item img { min-height: 500px; }

.carousel-top-text { 
    line-height: 2;
    margin-bottom: 8px;
}
.carousel-top-small  {
/*
background-color: #000;
color: #fff;
border-radius: 15px;
padding: 5px 15px 6px;
font-size: 14px;
*/
font-size: 20px;
}
  

/* --------------------------------------------------------------------------- */
/* post-wrapper
/* --------------------------------------------------------------------------- */
.post-wrapper {
    width:100%;
    margin:0px auto;
    overflow: hidden;
    padding:10px 0px 10px 0px;
    /*max-height: 527px;*/
}
.post-wrapper .post {
    margin:0px 10px;
    display:inline-block;
    background:white;
    border-radius: 5px;
}
.post-wrapper .post .post-title { 
    width: 100%;
    text-align: center; 
    background-color: #515151;
    color:#ddd;
    padding: 12px 10px;
    border:1px solid #ddd;
    /*border-top-left-radius:5px;
    border-top-right-radius:5px;*/
    border-bottom: none;
}
.post-wrapper .post .post-title h6 { 
    /*font-family: var(--font-family-noto);*/
    font-size: 1.375rem; 
    margin-bottom: .2rem;
}
.post-wrapper .post .post-title p { 
    /*font-family: var(--font-family-noto);*/
    font-size: 0.9375rem;
    margin-bottom: 0px; 
}
.post-wrapper .post .slider-image {
    display: flex;
    width: 100%;
    border: 1px solid #ddd;
    border-top: none;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all 0.2s linear;
}
.post-wrapper .post .slider-image:hover {
    /*transform: scale(1.1);*/
}  


/* --------------------------------------------------------------------------- */
/* 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: 0.875rem;
    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; 
    border-top: 1px solid #666; 
} 
.est-dang { /* padding: 0.5rem 0 0 1.5rem; padding: 2.5rem 0px 2rem 1.5rem; */ }
.est-now ul li { display: flex; justify-content: space-between; align-items: center; 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%; text-align: left; }
.est-now ul li > .est-2 { width: 46%; text-align: left; }
.est-now ul li > .est-2 a { 
    display: block;
    width: 293px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
 }
.est-now ul li > .est-3 { width: 22%; text-align: center; }
.est-now ul li > .est-4 { width: 22%; text-align: center; display: flex; justify-content: flex-end; }
.est-now ul li > .est-4 .esttime { margin-left: 5px }
.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 {
  display: flex;
  justify-content: left;
  align-items: center;
  /* position: relative; */
  height: 90px;
  /* background: linear-gradient(-45deg, #f3f5f0 35%, #dfe8eb 0%); */
  /* background: linear-gradient(-45deg, #729937 35%, #00a4db 0%); */
  background: linear-gradient(-45deg, #004a9f 35%, #004a9f 0%);
  border: 1px solid #ddd;
  /* border-radius: 0.5rem; */


}
.est-dang .est-banner-wrap:hover {
    box-shadow: 7px 7px 10px -5px rgba(0,0,0,0.3);
}

.est-dang a .est-banner-wrap .est-banner-title {
  position: absolute;
  left: 0;
  /* top: 30%;
  font-size: 1.25rem; */
  top: 26%;
  font-size: 1.5rem;  
  color: white;
  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: 30%;
    right: 0;
    padding-right: 4%;
    font-size: 1.6rem;
    /* font-weight: 600; */
    color: white;
    /* text-align: right; */
    margin-left: 19px;
}


.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: justify; */
    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.0rem;
}
.ico-wrap i {
    font-size: 1.25rem !important;
    color: #262c3c;
    margin-right: 10px;
}


/* --------------------------------------------------------------------------- */
/* Count display in Carousel Area 
/* --------------------------------------------------------------------------- */

.carousel-count-wrap {
    position: relative;
    right: 25px;
    bottom: 0;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    padding: 0;
    margin-right: 15%;
    list-style: none;
}
.carousel-play-wrap {
    position: absolute;
    right: 0px;
    bottom: 24px;
    z-index: 10;
    /* display: flex;
    justify-content: flex-end;
    margin-top: -52px;
    margin-bottom: 1rem; */
    padding: 0;
    margin-right: 4%;
    list-style: none;
}
.carousel-count {
    position: relative;
    height: 36px;
    line-height: 2.2;
    box-sizing: border-box;
    padding: 0 45px 0 21px;
    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-play {
    position: relative;
    /* height: 36px; */
    box-sizing: border-box;
    padding: 0 30px 3px 30px;
    border-radius: 18px;
    background-color: rgba(153, 153, 153, 0.5);
}

.carousel-count strong { color: #fff; }
.carousel-count em { margin: 0 3px 0 5px; }
.btn-play-toggle {
    position: absolute;
    background-color: rgba(255, 255, 255, 0);
    /*top: 3px;*/
    right: 6px;
    font-size: 20px;
    line-height: 1.7;
}
.btn-stop-toggle {
    position: absolute;
    background-color: rgb(255, 255, 255, 0);
    top: -5px;
    left: 12px;
    font-size: 26px;
}
.btn-play-toggle i, .btn-stop-toggle i { color: #fff; }


/* New Carousel Area - owl */
.owl-carousel .owl-item img { height: 500px; }


/* --------------------------------------------------------------------------- */
/* Contact us
/* --------------------------------------------------------------------------- */
.contact-us-section { 
    padding-top: 3rem;
    padding-bottom: 3rem; 
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.cont-us {
    padding: 3rem;
    background-color: #F7F7F7;  
}
.cont-us-head { 
    display: flex;
    justify-content: space-between;
    align-items: center; 
    border-bottom: 1px solid rgba(16, 24, 32, 0.2);
}  
.cont-us-head h3 { 
    color: #101820;
    font-family: "Roboto", "NotoSans", sans-serif;
    font-weight: 700;
    line-height: 1.2;  
    font-size: 2.5rem; 
}
.cont-us-head .btn-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid #454545;
    transition-duration: 0.4s;
}
.cont-us-body .cus-helf-box { 
    display: flex;
    justify-content: space-between;
    align-items: center;  
    padding-top: 2rem;
}
.cont-us-body .cus-helf-box .cus-title-area h5,
.cont-us-bottom .cus-quickmenu-box .cus-quickmenu-area h5 {
    color: #11171d;
    font-weight: 700;
    word-break: keep-all;
    word-wrap: break-word;  
}
.cont-us-body .cus-helf-box .cus-title-area p {
    margin: 0;
    color: #54565B;
    font-size: 1.0rem;
}
.cont-us-bottom {
    padding-top: 2.5rem;
}
.cont-us-bottom .quickmenu-list {
    margin-top: 1.0rem;
}
.cont-us-bottom .category {
    display: inline-block;
    padding: 7px 20px;
    border: 1px solid #999999;
    color: #101820;
    font-size: 0.875rem;
    border-radius: 5px;
    -webkit-transition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
    transition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
    margin: 6px;
    margin-left: 0;
}
.cont-us-bottom .category:hover, 
.cont-us-bottom .category:focus {
    color: #FFF !important;
    border-color: #101820;
    background-color: #101820;
}
  
.data-list { padding: 3rem; }
.data-list .cont-us-head { height: 57px; }
.data-list .cont-us-head h3 { font-size: 28px; font-weight: 500; margin-bottom: 0px; }
.data-list .list { border-top: 0px; }

.btn-more:before {
    content: "\F4FE";
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    font-size: 1.5rem;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.btn-more:hover { 
    background-color: #454545;
    color: #ffffff !important; 
}

.btn-inquiry {
    display: inline-block;
    overflow: visible;
    position: relative;
    padding: 15px 30px;
    border: 1px solid #11171d;
    background-color: #11171d;
    color: #ffffff;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.2;
    transition-duration: 0.4s;
}
.btn-inquiry:hover { 
    background-color: transparent;
    color: #11171d !important; 
}
  


/* --------------------------------------------------------------------------- */
/* 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; */

    background-image: url(../images/main/main_count_bg.jpg);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;    

    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: 0px;
    -webkit-text-stroke-color: #dcdcdc;
  }
 

.est-title-wrap .m-prod-title {
    /*display: flex!important;
    justify-content: space-between!important;
    align-items: center!important;*/

    padding-bottom: 5px;
    /*margin-bottom: 34px;
    border-bottom: 1px solid #999;*/
}


/* order list 띠 변경에 따른 css ------------------------------------------ */

.count-area { background: none; background-color: #000 !important; }
.count-area .container {
    position: relative;  
    /* background: url(../images/main_slice_2.jpg);
    background-position-x: right; */
    padding: 20px;
    
    background-image: url(../images/main/main_count_bg.jpg);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #000;

    z-index: 1;
}
.count-area:after { display: none; }
.count-area .container { display: flex; justify-content: flex-end; color: #fff; }
.count-area .od-wrap { width: 80%; }
.count-area .od-title { padding-top: 1rem!important; padding-bottom: 1rem!important; }
.count-area .od-title p { font-size: 1.625rem; margin: 0px; }
.count-area h3, .count-area p { color: #fff; }
.count-area p { font-size: 1.2rem; }

@media (max-width: 991px) { 
    .count-area .od-title { text-align: center; }
  }
  @media (max-width: 767px) { 
    .count-area .container { padding: 0 20px; }
    .count-area .od-wrap { width: 90%; }
    .count-area .od-title p { font-size: 0.9rem; }
    .count-area .od-list-box { margin-top: 0px; padding-top: 0px !important; }
    .count-area p { font-size: 1rem; }
  }
  @media (min-width: 641px) and (max-width: 690px) { 
    .count-area .od-wrap { width: 54%; }
  }
  @media (min-width: 576px) and (max-width: 640px) { 
    .count-area .od-wrap { width: 85%; }
  }
  @media (min-width: 504px) and (max-width: 575px) { 
    .count-area .od-wrap { width: 80%; }
  }
  @media (min-width: 486px) and (max-width: 504px) { 
    .count-area .od-wrap { width: 50%; }
  }
  @media (min-width: 446px) and (max-width: 485px) { 
    .count-area .od-wrap { width: 52%; }
  }
  @media (min-width: 406px) and (max-width: 445px) { 
    .count-area .od-wrap { width: 57%; }
  }
  @media (min-width: 381px) and (max-width: 405px) { 
    .count-area .od-wrap { width: 60%; }
  }
  @media (max-width: 380px) { 
    .count-area .od-wrap { width: 65%; }
  }
  
/* ----------------------------------------------------------------------------------- */  


 /*--- main-sub-6 ---*/
 .product-grid7{position:relative;z-index:1;padding-bottom: 20px;}
.product-grid7 .product-image7{border:1px solid rgba(0,0,0,.1);overflow:hidden;perspective:1500px;position:relative;transition:all .3s ease 0s}
.product-grid7 .product-image7 a{display:block}
.product-grid7 .product-image7 img{width:100%;height:auto}
.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:20px 0 0}
.product-grid7 .title{font-size:15px;font-weight:400;text-transform:capitalize;margin:0px;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:14px;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-left:10px;}
.product-grid7 .price .per i {font-weight: bold !important;margin-left: 3px;}
.product-grid7 .price .pri {color: #000;font-weight: 500;text-align:left;transition:all .3s}
.product-grid7 .price .won {font-size: 0.9rem;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}}



.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.prod-item-left, 
.prod-item-group .prod-item-grid .prod-item-grid-image.prod-item-right {
    border: 0px !important;
    overflow: hidden;
    /* perspective: 1500px; */
    position: relative;
    transition: all .3s ease 0s;
}    
.prod-item-group .prod-item-grid .prod-item-grid-image.prod-item-right { display: flex; align-items: center; justify-content: center; height: 230px; }
.prod-item-group .prod-item-grid .prod-item-grid-image a { display: flex; justify-content: center; align-items: center; height: auto; transform: none; transition: none; }
.prod-item-group .prod-item-grid .prod-item-grid-image img.pic-item { width: auto; height: 240px; /* max-width: 230px; max-height: 230px; */ max-width: 166%; max-height: 110%; }
/* .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;} 
}
@media (max-width: 575px) {
    .prod-list-group.my-5 { margin-top: 1rem!important; margin-bottom: 0rem!important; }
    .prod-item-group .price .per,
    .prod-item-group .price .pri {font-size: 18px;} 
}
@media (max-width: 383px) {
    .prod-list-group.my-5 { margin-top: 1rem!important; margin-bottom: 0rem!important; }
    .prod-item-group .price .per,
    .prod-item-group .price .pri {font-size: 1rem;} 
}
      
.prod-grid{
    position:relative;
    z-index:1;
    padding-bottom: 0px; 
    flex-basis: 20%; 
    flex-grow: 0; 
    text-align: center; 
    margin-bottom: 20px;
}
.prod-grid .prod-grid-image {
    /*border: 1px solid #dfdfdf!important;*/
    border-radius: 3px;
    overflow: hidden;
    /* perspective: 1500px; */
    position: relative;
    transition: all .3s ease 0s;

    display: flex;
    align-items: center;
    justify-content: center;
    height: 250px;
}

.prod-grid .prod-grid-image a { display: flex; justify-content: center; align-items: center; height: auto; transform: none; transition: none; }    
.prod-grid .prod-grid-image img { width: auto; height: 230px; max-width: 166%; max-height: 110%; object-fit: cover; transition: all 0.2s linear; }
.prod-grid .prod-grid-image img:hover { transform: scale(1.1); }

/* .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 .prod-wrap,
.prod-item-group .prod-wrap { border: 0px !important; transition: none; }
.prod-grid .prod-wrap:hover, 
.prod-item-group .prod-wrap:hover { border: 0px !important; box-shadow: none; box-sizing: border-box; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 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:1rem;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: 10px 0px; }
.prod-grid .icontag {height: 20px; margin: 0px 0 6px 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:0.875rem;text-transform:capitalize;transition:all .3s ease 0s}
.prod-grid .title a{color: #666 !important;}
.prod-grid .title a:hover{color:inherit}
.prod-grid .title::before { content:"\F3E7"; font-family: bootstrap-icons; font-size: 1rem; margin-right: 2px; text-transform: none; float: left; color: #adb5bd; }

.prod-grid .rating{color: #222624; /* overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; */ font-size: 0.9375rem; margin-bottom: 6px; /* line-height: 1.3; 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: 1.125rem;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: 1.125rem;font-weight: bold; }
.prod-grid .price .pri.nopri {color: #7f7f7f; font-size: 1rem; }
.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: 1rem !important; } 
}

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

  .prod-grid .goods_name,
  .prod-grid .price .per,
  .prod-grid .price .pri {font-size: 0.875rem !important;} 
}

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

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

@media (max-width: 768px) {
    /*
    .prod-grid:nth-child(8),
    .prod-grid:nth-child(9),
    .prod-grid:nth-child(10),
    .prod-grid:nth-child(11) { display: none; }  
    */
}
  
@media (min-width: 768px) and (max-width: 991px) {
  .prod-grid {flex-basis: 33.333%;} 

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

  /*
  .prod-grid:nth-child(11) { display: none; }
  */
}

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

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

  /*
  .prod-grid:nth-child(10),
  .prod-grid:nth-child(11) { display: none; }
  */
}

@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/m_tool_img.jpg); 
    background-repeat: no-repeat; 
    background-position: center center; 
    /*background-attachment: fixed;*/ 
    background-size: cover; 
    position: relative; 
    width: 100%; 
    padding: 6.85rem 0; 
    text-align: center; 
    color: #fff; 
}
.band-box:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.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; }


.band-box-1 { background-image:url(../images/cc_2022112101_n.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-1: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-1 .b-title { width: 100%; color:#fff; font-size: 2rem; font-weight: normal; display: block; margin-bottom: 15px; position: relative; z-index: 1; }
.band-box-1 .line { display: block; width: 1px; height: 30px; background-color: #fff; margin: 0 auto 24px auto; position: relative; z-index: 1; }
.band-box-1 p { width: 100%; font-size: 1.4rem; position: relative; z-index: 1; }
.band-box-1 span { width: 100%; }
.band-box-1 .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-1 .btn:hover { background-color: #025f1d; color: #fff; }




@media (max-width: 383px) {
    .band-box .b-title { font-size: 1.2rem; margin-bottom: 3px; }
    .band-box p { font-size: 1.0rem; margin-bottom: 0rem; }
    .band-box .btn { font-size: 1.1rem; }
}
@media (min-width: 384px) and (max-width: 499px) {
    .band-box .b-title { font-size: 1.2rem; margin-bottom: 3px; }
    .band-box p { font-size: 1.0rem; margin-bottom: 0rem; }
    .band-box .btn { font-size: 1.0rem; }
}
@media (min-width: 500px) and (max-width: 575px) {
    .band-box .b-title { font-size: 1.5rem; }
    .band-box p { font-size: 1.0rem; margin-bottom: 0rem; }
    .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 (max-width: 767px) {
    .band-box { padding: 2.0rem 0; }
    .band-box p { font-size: 1.0rem; }
    .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
/* ---------------------------------------------------------- */

.f-list {
   /* border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    line-height: 1; */
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 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: center;
}

.footer-bottom-content .ft-pc {
    display: flex;
    justify-content: center;
    flex-direction: column;
}   


@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: 20px; */
    }
    .footer-bottom-logo, .footer-bottom-cs-tel { 
        width: 100%;
        text-align: center;
    }
    .footer-bottom-content .ft-pc {
        align-items: center;
    }  

    .ft-mobile {
        display: block;
        /* margin-top: 17px !important; */
        margin-bottom: 14px !important;
    }

    .copyright { text-align: left; }

}

.scroll_top {
    cursor: pointer;
    position: fixed !important;
    bottom: 70px;
    right: 20px;
    z-index: 1000;
    /* opacity: 0; */
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: rgb(178 178 178 / 80%); /* background: #37363b; */
    color: #fff;
    width: 46px;
    height: 46px;
    border: 0;
    outline: 0;
    border-radius: 50%;
    padding: 10px 12px;
    border: 1px solid #b2b2b2;
}

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


/* OSM Footer */
.footer {
    position: relative;
    width: 100%;
    background-color: #454545;
}
.footer .footer-menu {
    position: relative;
    text-align: left;
    padding-top: 24px;
    overflow: hidden;
}  
.footer .footer-menu li {
    float: left;
}
.footer .footer-menu li a {
    display: block;
    color: #ddd !important;
    font-size: 0.875rem;
}
.footer .footer-menu li a:after {
    content: "";
    display: inline-block;
    margin: 0 16px;
    width: 0px;
    height: 12px;
    background-color: #d5d5d5;
    vertical-align: middle;
}
.footer .footer-content {
    padding-top: 36px;
    padding-bottom: 30px;
}
.footer .footer-content>div {
    float: left;
    text-align: left;
}
.footer .footer-content>div h3 {
    color: #fff !important;
    font-size: 17px;
    font-weight: 700;
}
.footer .footer-content>div p {
    display: block;
    padding-top: 5px;
    margin-bottom: 0px;
    color: #ddd !important;
    font-size: 13px;
}
.footer .footer-content>div p.copyright {
    padding-top: 10px;
    font-weight: 700;
}  
.footer .footer-content:after {
    content: "";
    clear: both;
    display: table;
}

@media (max-width: 767px) {
  .footer .footer-content {
    padding-top: 18px;
    padding-bottom: 10px;
  }
}
@media (max-width: 576px) {
  .footer .footer-menu li a:after {
    margin: 0 10px 20px;
  }
}


/* ---------------------------------------------------------- */
/* Mobile Search Modal
/* ---------------------------------------------------------- */
.searchModal { position: fixed; inset: 0px; opacity: 0; z-index: 2100; display: none; }
.searchModal.fadeInUp { opacity: 1; animation: fadeInUp 0.5s; display: block; }
.searchModal .layout-wrapper { height: 100%; min-height: 100%; background-color: #fff; }
.searchModal .layout-wrapper header { position: static; height: 60px; }
.searchModal .layout-wrapper header fieldset {  width: 100%; height: 100%; border-bottom: 1px solid #aaa; }
.searchModal .layout-wrapper header fieldset .inner-box { display: flex;align-items: center;justify-content: space-between;padding: 7px 0 6px 0;height: 100%; }
.searchModal .layout-wrapper header fieldset .inner-box i { font-size: 1.5rem; }
.searchModal .layout-wrapper header fieldset .inner-box input { display: block; width: 100%; font-size: 18px; font-weight: 400; color: #1a1a1a; text-align: left; padding: 6px 20px 6px 10px; transition: border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.searchModal .layout-wrapper header fieldset .inner-box .inner-left { padding: 0px 15px; }
.searchModal .layout-wrapper header fieldset .inner-box .inner-right { display: flex; align-items: center; padding-right: 15px; }

.searchModal main { height: calc(100% - 50px); padding-top: 0; min-height: auto; }
.searchModal main header { height: 45px !important; }
.searchModal .inner-contents { height: 100%; overflow-y: auto; padding: 24px 16px 50px 16px; }
.searchModal .inner-contents section { margin: 0px !important; padding-bottom: 40px; }
.searchModal .inner-contents section header h2 { font-size: 17px; line-height: 24px; font-weight: 700; color: #000; }

.searchModal .search-category { display: flex; overflow-x: auto; overflow-y: hidden; flex-direction: row; flex-wrap: wrap; }
.searchModal .search-category::-webkit-scrollbar { display: none; }
.searchModal .search-category-item { flex-shrink: 0; width: 100px; height: 97px; display: flex; flex-direction: column; align-items: center; border-radius: 12px; background: #f3f3f3; padding: 0 8px; margin: 6px; flex-basis: 30.33%; flex-grow: 0; }
.searchModal .search-category-item img { margin: 10px 0; width: 46px; height: 46px; }
.searchModal .search-category-item span { font-size: 14px; font-weight: 400; color: #000; display: flex; align-items: center; justify-content: center; min-height: 30px; text-align: center; }

@keyframes fadeInUp {
  0% {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
  }
  to {
      opacity: 1;
      transform: translateZ(0);
  }
}

/* Mobile Bottom Fixed Menu */
.mbf-menu { position: fixed; bottom: 0px; background-color: #fff; width: 100%; height: 60px; z-index: 999; border: 1px solid #cecece;}  
.mbf-menu ul { display: flex; align-items: center; justify-content: center; height: 100%; }
.mbf-menu ul li { width: calc(25%); display: flex; align-items: center; justify-content: center; height: 100%; }
.mbf-menu ul li:last-child i { font-size: 32px; }
.mbf-menu ul li.on div { color: red; }
.mbf-menu ul li i { font-size: 26px; }


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

.mTit {
    display: block;
    margin-bottom: 15px;
    font-size: 28px;
    /* font-weight: 700; */
    letter-spacing: -0.3px;
}  
.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: 28px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #e9eaef;
    text-align: center;
    transition: 0.5s all;
}
.quick-list .icon { font-size: 3.75rem; }
.quick-list .tit {
    max-width: 130px;
    margin-top: 16px;
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
}

.quick-list .quick-icon:hover .icon {
    /* background-color: #70a443; */
    background-color: #004a9f;
}
.quick-list .quick-icon:hover i {
    color: #fff;
}

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

.data_title a {
    font-size: 1rem;
}


/* ---------------------------------------------------------- */
/* --- Modal etc                                              */
/* ---------------------------------------------------------- */
.toproadModal { position: fixed; top: 0px; width: 100%; z-index: 2100; }
.toproadModal .layout-wrapper { background-color: #fff; }
.toproadModal .layout-wrapper header { height: 60px; }
.toproadModal .layout-wrapper header fieldset {  width: 100%; height: 100%; border-bottom: 1px solid #aaa; }
.toproadModal .layout-wrapper header fieldset .inner-box { display: flex; align-items: center; justify-content: space-between; padding: 7px 0 6px 0;height: 100%; }
.toproadModal .layout-wrapper header fieldset .inner-box i { font-size: 1.7rem; }
.toproadModal .layout-wrapper header fieldset .inner-box .inner-left { width: 23%; padding: 0px 15px; }
.toproadModal .layout-wrapper header fieldset .inner-box .inner-center { width: 54%; }
.toproadModal .layout-wrapper header fieldset .inner-box .inner-center p { font-size: 18px; font-weight: 600; text-align: center; }
.toproadModal .layout-wrapper header fieldset .inner-box .inner-right { width: 23%; margin: 0 5px; }
.toproadModal .layout-wrapper header fieldset .inner-box .inner-right a { margin: 0 3px; }


/* ---------------------------------------------------------- */
/* --- Customer Center                                        */
/* ---------------------------------------------------------- */
.cc-represent { /* margin-bottom: 3rem!important; */ }
.cc-represent .cc-box {  border: 1px solid #e6e6e6; background-color: #f4f4f4; border-radius: 5px; }
.cc-represent .cc-box.child1 { padding: 10px 10px 10px 40px; height: 160px; }
.cc-represent .cc-box.child2 { padding: 26px 10px 26px 40px; height: 160px; }
.cc-represent .cc-box.child3 { padding: 26px 10px 26px 40px; height: 160px; }
.cc-represent .cc-corp p:nth-child(1) { font-size: 1.0625rem; font-weight: 500; letter-spacing: -0.85px; color: #000; margin: 1rem 0 0; }
.cc-represent .cc-corp p:nth-child(2) { font-size: 1.0625rem; font-weight: 500; letter-spacing: -0.85px; color: #000; }
.cc-represent .cc-corp p:nth-child(3) { font-size: 2.5rem; font-weight: bold; line-height: 1; letter-spacing: -1.2px; color: #000; }
.cc-represent .cc-box .cc-bank p,
.cc-represent .cc-box .cc-time p { font-size: 1.125rem; font-weight: bold; color: #000; margin-left: 5px; }


.custom_tab {
    position: relative;
    /* margin-bottom: 30px; */
}  
.custom_tab::after {
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(0,0,0,0.1);
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
}
.custom_tab ul {
    width: 100%;
    display: inline-flex;
    margin: 0 auto;
}  
.custom_tab ul li {
    width: calc(100% / 4);
    text-align: center;
    border: 1px solid #ddd;
}
.custom_tab ul li:hover {
  background-color: #e9ecef;
}
.custom_tab ul li.on {
    border-bottom: 2px solid #515151;
    background-color: rgba(0,74,159,0.2);
}
.custom_tab ul li a {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -1px;
    color: rgba(0,0,0,0.5);
    padding: 15px 0;
    display: block;
}
.custom_tab ul li.on a {
    font-weight: bold;
    color: #143343;
}


.cc-title {  
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
}
.cc-title a {  
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: -1.2px;
    color: #000;
    padding: 0;
    cursor: pointer;
}


.faq-list ul { width: 100%; border-top: 1px solid #262626; display: flex; flex-wrap: wrap; align-items: center; }
.faq-list ul li { width: calc(100% / 2); padding: 5px; cursor: pointer; }
.faq-list ul li:nth-child(1), .faq-list ul li:nth-child(2) { padding-top: 10px; }
.faq-list ul li .faq-box { display: inline-flex; align-items: center; justify-content: center; width: 100%; background-color: #efefef; padding: 10px; border: 1px solid #efefef; }
.faq-list ul li .faq-box div:nth-child(1) { font-size: 40px; margin-right: 12px; }
.faq-list ul li .faq-box div:nth-child(2) { font-size: 1rem; }

.faq-list ul li .faq-box:hover { background-color: rgba(0,74,159,0.2); color: #004a9f; }

@media (min-width: 1200px) { 
}
@media (min-width: 992px) and (max-width: 1199px) { 
}
@media (min-width: 768px) and (max-width: 991px) { 
}
@media (min-width: 577px) and (max-width: 767px) { 
}
@media (max-width: 576px) { 
    .cc-title a { font-size: 1rem; }
    .faq-list ul li .faq-box div:nth-child(1) { font-size: 30px; }
    .faq-list ul li .faq-box div:nth-child(2) { font-size: 0.875rem; }
}


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

.footer-bottom .f-list .notice-wrap {height:50px; overflow:hidden;}
.footer-bottom .f-list .rolling {position:relative; width:88%; height:auto;}
.footer-bottom .f-list .rolling li {display: flex; align-items: center; width:85%; height:50px; line-height:50px;}
.footer-bottom .f-list .rolling li a { 
    color: #666 !important; 
    display: block;
    width: auto;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
}

.footer-bottom .f-list .notice-tit a,
.footer-bottom .f-list .notice-more {
    padding: 17px 0px;
    color: #666 !important;
    font-size: 14px;
}
.footer-bottom .f-list .notice-tit {
    width: 12%;
    margin-right: 20px;
}
.footer-bottom .f-list .notice-more {
    display: none;
    width: 10%;
    margin-left: 20px;
}



.footer-bottom {
    /*border-top: 1px solid #ddd;*/
    /*background-color: #f4f4f4;*/
    /*background-color: #fff;*/
    padding: 0 0 20px 0;
    clear: both;
    overflow: hidden;
}
.footer-bottom .location p {
    /* font-weight: 300; */
    /* word-spacing: 3px; */
    color: #777;
    font-size: 0.75rem;;
    margin-bottom: 6px !important;
}
.footer-bottom .location .ft-company-name {
    font-weight: 400;
    font-size: 1rem;
}

.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; */
}

.footer-bottom-menu {
    width: 100%;
    /* padding: 0.75rem 0px; */
    padding: 0.625rem 0 ; 
    border-bottom: 1px solid #e5e5e5;
}

.footer-bottom-menu .privacy-info {
    /* width: 67%; */
}

.footer-bottom-content.company-info {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}

.footer-bottom-menu li {
    display: inline-block;
    /*margin-bottom: 10px;*/
}
.footer-bottom-menu li a {
    /* margin-right: 30px; */
    color: #373737 !important;
    font-size: 0.8125rem;
}
.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 .showstep1{
    /* max-height: 110px; */
    overflow: hidden;
}
.footer-bottom-content .showstep2{
    max-height: 170px;
    overflow: hidden;
}
.footer-bottom-content .content{
    height: 165px;
    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;
}

.footer-bottom .footer-logo {
    width: 140px;
}


.copyright p small {
    color: rgba(85,85,85,.5);
    font-size: 12px !important;
}

#footer-right { 
    /* padding-left: 2rem; */
    /* padding-top: 12px;  */
}
#footer-right > div:nth-child(1) {
    font-size: 18px;
    /* font-weight: 500; */
}
#footer-right > div:nth-child(2) {
    /* font-weight: 500; */
    font-size: 22px;
    padding: 3px 0;
}
#footer-right > div:nth-child(3),
#footer-right > div:nth-child(5) {
    font-size: 0.8125rem;
    padding: 6px 0;
}
#footer-right > div:nth-child(4) {
    font-size: 0.8125rem;
    /* line-height: 20px; */
}


.footer-bottom .footer-copyright {
    border: 1px solid #ddd;
}

/*--- 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: 130px;
    height: 100%;
    max-height: 130px;
}

#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: 1rem!important; 
    /* padding-right: 1rem!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: 2.0rem;
    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 .btn:hover {
    background-color: #ebebeb;
    border: 1px solid #ced4da;
}


.spinner .minus, .spinner .plus {
    /* padding: 0.2rem 0.7rem !important; */
    border-radius: 0;
}


  
.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, .btn-prod-list {
    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 #515151 !important;
    background-color: #515151 !important;
    color: #fff !important;
}

.btn-prod-list {
    border: 1px solid #aa9c8f;
    background-color: #aa9c8f;
    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: 1rem;
    font-weight: 300;
}
.pl-title .prod_tcount { font-weight: bold; color: red; }
.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: 1rem;
    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%;
}
.pl-category ul li {
    display: block;
    position: relative;
    float: left;
    width: 10%;
    padding: 14px 0;
    border: 1px solid #e8e8e8;
    border-bottom: 1px solid #333;
    font-size: 1rem;
    text-align: center;
    letter-spacing: -.5px;
    cursor: pointer;
}
/*
.pl-category ul li.active {
    border-bottom-color: transparent;
}
*/
.pl-category ul li.active {
    /*
    background-color: rgb(0,162,227,1);
    border: 1px solid rgb(0,162,227,1);
    color: #fff !important;
    */
    color: rgb(0,162,227,1);
    border: 1px solid rgb(0,162,227,1);
    background-color: rgb(0 162 227 / 3%);
    /*border-bottom: 2px solid rgb(0,162,227,1); */
    z-index: 1;
}
.pl-category ul li.active i {
    color: rgb(0,162,227,1) !important;
}
.pl-category ul li:hover {
    border-color: rgb(0,162,227,1);
}
.faq-tab li i { font-size: 40px; color: #999; } 

/*--- 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;
    color: #555555 !important;
    border: #ddd  1px solid;
}
.btn-group-tab a.active {
    color: #fff !important;
    background-color: #000;
}
.btn-group-tab a:hover {
    border-color: black;
}


@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;
        line-height: 2.5;
      }
} 
@media (max-width: 576px) {
    .btn-section {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }    
    .btn-group-tab {
        /*flex-direction: column;*/
        height: 100%;
    }
}    


.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: 40px;
    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: 30%;
}
.indCheck input[type="checkbox"]:checked ~ span.agreeCheck {
    background-color: #333;
    border-color: #333;
    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: 20px;
    display: inline-block;
    vertical-align: bottom;
}
.nt-wrap .nt-sub-title {
    margin-left: 15px;
    color: #9e9e9e;
}
.nt-wrap .indArea {
    height: 120px;
    font-size: 14px;
    padding: 18px 20px;
    border: 1px solid #e0e0e0;
    overflow-y: auto;
    margin-bottom: 10px;
    margin-top: 15px;
    line-height: 1.5;
}


.search-wrap {
    display: flex;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    align-items: center;
    justify-content: flex-end;
}
.search-wrap #searchText {
    display: block;
    width: 200px;
    height: 40px;
    padding: 0 15px;
    color: #333;
    background-color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding-right: 40px;
    border: 1px solid #ddd;
}
.search-wrap button.btn_search {
    position: absolute;
    top: 50%;
    right: 5px;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}



.notice-list .tb-list, 
.cc-notice-list .tb-list,
.inquiry-list .tb-list {
    width: 100%;
    border-top: 1px solid #262626;
}
.notice-list .tb-list thead, 
.cc-notice-list .tb-list thead, 
.inquiry-list .tb-list thead {
    background: #fafafa;
}
.notice-list .tb-list thead tr,
.cc-notice-list .tb-list thead tr, 
.inquiry-list .tb-list thead tr {
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.notice-list .tb-list thead tr th, 
.cc-notice-list .tb-list thead tr th,
.inquiry-list .tb-list thead tr th {
    height: 60px;
    line-height: 60px;
    color: #333;
    font-weight: normal;
    text-align: center;
}
.notice-list .tb-list tbody tr,
.cc-notice-list .tb-list tbody tr,
.inquiry-list .tb-list tbody tr {
    border-bottom: 1px solid #e8e8e8;
}

.notice-list .tb-list tbody tr td:first-child {
    text-align: center;
}
.notice-list .tb-list tbody tr td,
.cc-notice-list .tb-list tbody tr td,
.inquiry-list .tb-list tbody tr td {
    text-align: center;
}

.notice-list .tb-list tbody tr td:nth-child(2) {
    text-align: left;
    padding: 16px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.cc-notice-list .tb-list tbody tr td {
    text-align: left;
    padding: 16px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.cc-notice-list .tb-list tbody tr td::before {
    content: "\F519";
    font-family: bootstrap-icons;
    font-size: 10px;
    margin: 3px 5px 0px -5px;
    text-transform: none;
    float: left;
    color: #adb5bd;
}
.inquiry-list .tb-list tbody tr td:nth-child(3) {
    max-width: 380px;
    text-align: left;
    padding: 16px 10px;
    cursor: pointer;
}
.inquiry-list .tb-list tbody tr td div#subject {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.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) {
    .notice-list, .cc-notice-list, .inquiry-list {
        font-size: 0.875rem;
    }
    .notice-list .tb-list thead, .notice-list .tb-list colgroup,
    .inquiry-list .tb-list thead, .inquiry-list .tb-list colgroup  {
        display: none;
    }
    .notice-list tr td:first-child,
    .inquiry-list tr td:first-child {
        display: none;
    }
    .notice-list tr td:nth-child(2) {
        display: block !important;
        width: 100%;
        /* padding: 10px 0px 5px !important; */
        padding: 14px 10px !important; 
    }
    .inquiry-list tr td #title {
        display: block !important;
        width: 100%;
    }

    .notice-list tr td:nth-child(3) {
        /* display: none !important; */
        /* display: block !important;
        width: 100% !important;
        padding: 5px 0px 10px !important;
        text-align: left !important; */
    }
}


/*--- data ---*/
.data-list .tb-list, .cc-data-list .tb-list {
    width: 100%;
    border-top: 1px solid #262626;
}
.data-list .tb-list thead, .cc-data-list .tb-list thead {
    background: #fafafa;
}
.data-list .tb-list thead tr, .cc-data-list .tb-list thead tr {
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.data-list .tb-list thead tr th, .cc-data-list .tb-list thead tr th {
    height: 55px;
    /* line-height: 60px; */
    color: #333;
    font-weight: normal;
    text-align: center;
}
.data-list .tb-list tbody tr, .cc-data-list .tb-list tbody tr {
    border-bottom: 1px solid #e8e8e8;
}

.data-list .tb-list tbody tr td:first-child {
    text-align: center;
}
.data-list .tb-list tbody tr td, .cc-data-list .tb-list tbody tr td {
    text-align: center;
}

.data-list .tb-list tbody tr td:nth-child(2) { 
    max-width: 310px;
    text-align: left;
    padding: 15px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.cc-data-list .tb-list tbody tr td {
    max-width: 310px;
    text-align: left;
    padding: 16px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.cc-data-list .tb-list tbody tr td::before {
    content: "\F519";
    font-family: bootstrap-icons;
    font-size: 10px;
    margin: 3px 5px 0px -5px;
    text-transform: none;
    float: left;
    color: #adb5bd;
}
.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;
        /* margin-top: 30px; */
    }
    .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;
        max-width: 220px !important;
        /* padding: 10px 0px 5px !important; */
        padding: 12px 10px !important;
        font-size: 14px;
    }
    .data-list tr td:nth-child(4) {
        /*
        display: inline-block;
        width: auto;
        padding: 5px 0px 10px !important;
        */
    }
    .cc-notice-list .tb-list tbody tr td { padding: 10px; font-size: 0.875rem; }
    .cc-data-list .tb-list tbody tr td { padding: 10px; font-size: 0.875rem; }
}



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


/* Accordion */
.accordion-body { background-color: #fafafa; padding: 1.5rem 3.5rem !important; line-height: 1.7;}
.accordion-body img { max-width: 100%;  height: auto; }

.accordion-button {
    padding: 1.0rem 1.5rem !important;
    font-size: 1rem !important;
    align-items: stretch !important;
}
.accordion-button:focus {
    box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
    color: #0c63e4;
    /* background-color: #fff; */
    box-shadow: none;
}

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


@media (max-width: 767px) {
    .faq-search-box { width: 100% !important; }
    .faq-search-box input { height: 46px; font-size: 1rem; width: 6rem !important;}
    .faq-search-box .faq-search { height: 46px; }
    #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: 20px;
    color: #666;
    line-height: 2;
}
.tb-view tbody tr td .contents p {
    line-height: 1.5;
}
.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: 20px; }
.tb-view .attatxt { width: auto; }

@media (max-width: 767px) {
    .nt-sub-title {
        margin-left: 0px !important;
    }
    .tb-view thead tr th.date, .tb-view thead tr th.views {
        display: none;
    }
    .tb-view thead tr th.title, .tb-view tbody tr td .atta {
        width: 100%;
        padding: 15px;
        font-size: 1.0rem;
    }
    .tb-view tbody tr td .contents {
        padding: 20px;
    }
}

/*--- qna ---*/
.aBox { padding: 20px; }
.aBox .aOsm { background: black; color: #fff; padding: 3px 16px 4px; border-radius: 5px;  margin-right: 10px; }
.attabox { display: flex !important; align-items: center; flex-wrap: wrap; }

/*--- 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) {
}

/* 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: 345px; right: 0; text-align:center; }
.quickmenu.fixed { position:fixed; top:110px !important; }
.quickmenu .q_menu { width:90px;padding-bottom:5px;border:1px solid #e7e7ea;background:#fff; }
.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: darkgrey;}
.quickmenu .q_menu li .txt{font-size:12px;color:#707070;}
.quickmenu .q_menu li:hover .icon {color: black;}
.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;
}
.state-title span {
    margin-left: 15px;
    color: #9e9e9e;
    font-size: 0.8125rem;
    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; */
}
.file-info-txt div { font-size: 15px; }

#datepicker ~ span { color: #9e9e9e; font-size: 13px; }  

/* 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 0px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.myaddress-list .tb-list tbody tr td:nth-child(1),
.myaddress-list .tb-list tbody tr td:nth-child(3),
.myaddress-list .tb-list tbody tr td:nth-child(5) {    
    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 {
    font-size: 0.8rem;
    border: 1px solid #9e9e9e;
    border-radius: 10px;
    padding: 2px 8px;
    margin-left: 10px;
}
.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;
}


/*--- etc ---*/
.map-txt {
    display: inline-block;
}
.map-txt::before {
    content: '';
    /* border: 4px solid #ea5413; */
    border: 4px solid #09847d;

    border-block-start: none;
    border-bottom: hidden;
    border-top: hidden;
    margin-right: 10px;
}


/*--- modal ---*/
#modal-input input[type="text"],
#modal-input input[type="password"] {
    width: 100%;
    height: 40px;
    background: rgba(242, 242, 242, 0.3);
    box-sizing: border-box;
    font-size: 0.9375rem;
    line-height: 40px;
    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; */
    margin-bottom: 0rem !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 */


/* --------------------------------------------------------- */
/* main Prod List
/* --------------------------------------------------------- */
.f-left { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.middle {
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  padding: 0 0 10px 0;
  margin-right: 10px;
}
.middle-prod {
  display: inline-block;
  margin-left: 0px;
  color: #666;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 30px;
  padding: 0 18px;
  border-radius: 15px !important;
  border: 1px solid #bbb;
  background-color: #fff;
  transition: all .35s;
}
.middle-prod.active, .middle-prod.active:hover {
  color: #fff;
  background-color: #222;
  border: 1px solid #222;
}
.middle-prod:hover {
  color: #fff;
  background-color: #999;
  border: 1px solid #999;
}
.prod-list { min-height: 360px; }

.group-box h4 {
    font-weight: 600; 
    font-size: 1.8rem; 
    margin-bottom:15px;   
}
.group-box p.first {
    text-align: justify; 
    line-height: 1.4; 
    color:#777;
    font-size: 1rem;
}

.btn-button {
    background-color: #555555;
    border: 1px solid #ffffff;
    color: white;
    padding: 15px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    transition-duration: 0.4s;
}
  
.btn-button:hover {
    background-color: #ffffff;
    color: black;
    border: 1px solid #555555;
}  
  

/* --------------------------------------------------------- */
/* Prod Detail bottom                                        */ 
/* --------------------------------------------------------- */
.ft-order-button { position: fixed; bottom: 0px; background-color: #fff; width: 100%; height: 68px; z-index: 1000; border: 1px solid #ddd; }  
.ft-order-button ul { display: flex; align-items: center; justify-content: center; height: 100%; padding: 4px !important; background-color: #f8f9fa; }
.ft-order-button ul li { display: flex; justify-content: center; align-items: center; height: 100%; margin: 0 5px; border: 1px solid #dc6b35 !important; border-radius: 10px; }
.ft-order-button ul li.p-cart { width: 30%; }
.ft-order-button ul li.p-order { display:block; width: 70%; background-color: #dc6b35 !important; }
.ft-order-button ul li.p-order div { display: flex; justify-content: center; height: 50%; color: #fff; align-items: center; }
.ft-order-button ul li.p-order div span { font-size: 14px; color: #fff; }
.ft-order-button ul li.p-order div strong { color: #fff !important; font-size: 20px !important; font-weight: bold; }
.ft-order-button ul li.on div { color: red; }
.ft-order-button ul li i { font-size: 26px; color: #dc6b35; }
.ft-order-button ul li a div { color: #ffffff; }


/* --------------------------------------------------------- */
/* Prod List                                                 */ 
/* --------------------------------------------------------- */
.prod-intro-title { 
    text-align: center;
    padding-bottom: 1rem; 
}
.ctg-box { 
    border: 1px solid #ddd;
    padding: 10px;
    background: #e8e8e870;
}

.subProd-wrap-sub-1, .subProd-wrap-sub-2,
.ctg2-slt-wrap, .ctg3-slt-wrap { 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-sub-1 ul { 
    /*background-color: #f9fafb; 
    padding: 10px 10px !important; */
    /* border: 1px solid #e8e8e8;  */
    /*border: 1px solid #ddd;*/
    /* border-radius: 10px;  */
}

.subProd-wrap-sub-2 ul { 
    /*background-color: #faebd7ad; 
    padding: 10px 10px !important; 
    border: 1px solid #ddd;*/
}

.subProd-wrap ul { 
    /*background-color: #f9fafb;
    padding: 10px !important;*/
    /* border: 1px solid #e8e8e8; */
    /*border: 1px solid #ccc;*/
    
    /* border-radius: 10px;  */
}
.subProd-wrap ul li {
    flex-basis: 15.70%;  /*13.30%;*/
    flex-grow: 0;
    width: auto;
    font-size: 14px; 
    text-align: center;
    padding: 7px 7px;
    margin: 5px;   /*5px 6.19px;*/
    border: 1px solid #999;
    /*border-radius: 30px;*/
    background-color: #fff;
    cursor: pointer;
}  
.subProd-wrap ul li:hover,
.subProd-wrap ul li.active {
    /* background-color: #5f9ea0;
    border-color: #5f9ea0; */

    /* background-color: #e40046 ;
    border-color: #e40046 ; */

    background-color: #000;
    border-color: #000;

    transition: all 0.3s;
}  
.subProd-wrap ul li:hover,
.subProd-wrap ul li.active {
      color: #fff !important;
}
/*
.subProd-wrap ul li:first-child {
  background-color: #333;
}
.subProd-wrap ul li:first-child a {
  color: #fff !important;
}
*/

.subProd-wrap .ctg1-wrap li.active { position: relative; }
.subProd-wrap .ctg1-wrap li.active::after { 
    content: "";
    position: absolute;
    right: 46%;
    /* top: 0px; */
    bottom: -5px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 6px solid #000;
}



.subProd-wrap-sub-1 li.ctg-all {
    /*background-color: #aadddd2e;*/
    border-color: #cecece;
}

.subProd-wrap-sub-2 li.ctg-all {
    /*background-color: #ffc1070a;*/
    border-color: #cecece;
}

.subProd-wrap-sub-1 li,
.subProd-wrap-sub-2 li {
    flex-basis: 15.70%;    /*13.30%;*/
    flex-grow: 0;
    width: auto;
    font-size: 14px;
    text-align: center;
    padding: 7px 7px;
    margin: 5px;   /*4px 6.19px;*/
    border: 1px solid rgb(223, 223, 223);
    background-color: #fff;
    cursor: pointer;

    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}  
.subProd-wrap-sub-1 li:hover,
.subProd-wrap-sub-1 li.active {
    /*
    background-color: #faebd7;
    border-block-color: initial;
    */
    /* border-color: rgba(95, 158, 160, 0.5);
    background-color: rgba(95, 158, 160, 0.3);     */

    border-color: #004a9f;
    background-color: rgb(170, 221, 221, 0.18);
    border-style: dashed;
    transition: all 0.5s;
}
.subProd-wrap-sub-2 li:hover,
.subProd-wrap-sub-2 li.active {
    /* background-color: rgba(95, 158, 160, 0.1);
    border-color: rgba(95, 158, 160, 0.3); */

    background-color: #ffc1070a;
    /*border-color: #999;*/
    border-color: #004a9f;
    border-style: dashed;
    transition: all 0.5s;
}

.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;
}

.ctg1-slt-wrap, .ctg2-slt-wrap, .ctg3-slt-wrap { margin: 10px 0; }

.prod-choice-wrap { margin-bottom: 1.5rem!important; }
.prod-choice-wrap .prod-choice-area { 
  display: flex!important;
  justify-content: space-between!important;
  align-items: flex-end!important;
  border-top: 1px solid #bbb !important;
  padding-top: 1.5rem!important;
  padding-bottom: 0.5rem!important;
}


.subProd-search { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
  
    /* background-color: #f9fafb; */
    padding: 12px 20px 10px 20px !important;
    /* border: 1px solid rgba(112, 164, 67, 0.7); */
    /* border: 1px solid#d3c1c7; */
    /* border: 1px solid#bdbdbd;*/
    border-radius: 5px;
}  
.subProd-search .ctg-path { display: flex; align-items: center; }
.subProd-search .ctg-path li { background-color: #e9ecef; color: #000; padding: 6px 15px; border-radius: 25px;font-size: 0.875rem; font-weight: normal; margin-right: 10px; }
/*
.subProd-search .ctg-path li::after {
    content: "\F285";
    font-family: bootstrap-icons;
    font-size: 1rem;
    margin-left: 5px;
    text-transform: none;
    float: right;
}
.subProd-search .ctg-path li:first-child::before { 
    content:"\F3E7";
    font-family: bootstrap-icons;
    font-size: 1rem;
    margin-right: 5px;
    text-transform: none;
    float: left;
}
*/

.subProd-search .ctg-path li:last-child::after { content:"" }
.subProd-search .ctg-search {
    width: 27%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.subProd-search .ctg-search input { padding: 5px 15px; text-align: end; border-bottom: 0px solid #ddd; font-weight: bold; }
.subProd-search .ctg-path .pathdel { margin-left: 7px; cursor: pointer; }
.subProd-search .ctg-path .pathdelNone { margin-left: 7px; }

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

.path-wrap ul {
    display: flex;
    flex-direction: row;
    align-items: center;
}  
.path-wrap ul li { margin: 0 3px; }
.path-wrap ul li:first-child { margin-left: 0px; }
.path-wrap ul li select { 
    font-size: 15px;
    line-height: 1.2;
}


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

.ord-search-box {
    background-color: #f1f1f1;
    border-radius: 10px;
}
.ord-search-box input.ord-search {
    /* border-bottom: 1px solid #ddd; */
    padding-bottom: 2px;
    background-color: white !important;
    padding: 10px;
}
.ord-info .ord-title {
    background-color: rgba(254, 72, 89, 1);
    color: white;
    padding: 13px 10px;
}
.pop-table .tb-list {
    width: 100%;
    border-top: 1px solid #262626;
}
.pop-table .tb-list thead {
    background: #f2f5f6;
    /* border-bottom: 1px solid #e2e2e2; */
}
.pop-table .tb-list thead tr {
    width: 100%;
}
.pop-table .tb-list thead tr th {
    height: 34px;
    line-height: 1.5;
    color: #333;
    font-size: 0.9rem;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #ddd;
}
.pop-table .tb-list thead tr th.last {
    border-right: none;
}
.pop-table .tb-list .last .btn {
    padding: 0.275rem 0.75rem 0.475rem !important;
}
.pop-table .tb-list tbody {
    overflow-y: scroll;
}
.pop-table .tb-list tbody tr {
    border-bottom: 1px solid #e8e8e8;
}
.pop-table .tb-list tbody tr td {
    text-align: center;
    height: 34px;
    font-size: 0.9rem;
    padding: 10px 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: 1px solid #ddd;
}
.pop-table .tb-list tbody tr td.last {
    border-right: none;
}
.pop-table .tb-list tbody tr td.notice::after {
    content: "\f484";        
    color: inherit;
    font-family: bootstrap-icons !important;
    text-transform: none;
    line-height: 1;
}
.pop-table .tb-list tbody tr td .form-check-input {
    float: none;
    font-size: 1rem;
}
.pop_address .pop-table tr td,
.pop_address .pop-table tr td div { font-size: 13px; }
.pop_address .pop-table .addr_name .basic { font-size: 12px; color: red; }
.pop_address .btn_addr_footer { 
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.pop_address .btn_addr_footer button { font-size: 14px; }
.pop_address .place, .pop_address .recipient_name { cursor: pointer; }
.pop_address .smtxt { font-size: 15px; color:rgb(185, 185, 185); }


#myModal, #myAddressModal { z-index: 10000; }  

#estimate .content table tr td .btn.btnDeli { padding: 0.2rem 1.75rem !important; }


/* -------------------------------------------------------- */
/* media Group                                              */
/* -------------------------------------------------------- */

@media (min-width: 1400px) {
}

@media (min-width: 1200px) and (max-width: 1399px) {
    /* */
    .est-now ul li > .est-2 { width: 50%; }
    .est-now ul li > .est-3 { width: 23%; }
    .est-now ul li > .est-2 a { width: 273px; }
    .est-now ul li > .est-4 { width: 17%; overflow: hidden; white-space: nowrap; }

    /* Product List */
    .subProd-wrap ul li { flex-basis: 18.85%; /*margin: 5px 13px;*/ }
    .subProd-wrap-sub-1 li, .subProd-wrap-sub-2 li { flex-basis: 15.5%; flex-grow: 0; }

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

    /* Customer Center */
    .cc-represent .cc-corp p:nth-child(3) { font-size: 1.875rem; }

    /* Footer */
    .f-list .notice-wrap .notice-tit { /* width: 20%;*/ }
}

@media (max-width: 1199px) {
    /* footer */
    .footer-bottom-menu { 
        display: flex;
        /* justify-content: center; */
        /* padding: 0.75rem 0 !important;  */
        padding: 0.625rem 0 !important; 
        
    }

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


}

@media (min-width: 992px) {
    /* notice */
    .tb-view #attafiles { width: 88%; }
    .cart-list-price-wrap { flex-direction: column !important; }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .btn-category-area-all { width: 150px; }

    /* main menu */
    #navbarNav li.nav-item { 
        padding: 6px; 
    }
    #navbarNav li.nav-item a { 
        font-size: 15px; 
    }
    .est-box-wrap p { font-size: 15px; }

    /* Product List */
    .subProd-wrap ul li { flex-basis: 18.5%; /*margin: 5px 10.7px;*/ }
    .subProd-wrap-sub-1 li, .subProd-wrap-sub-2 li { flex-basis: 18.6%; flex-grow: 0; }

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

    /* Customer Center */
    .cc-represent .cc-box.child1 { padding: 10px 10px 10px 24px; }
    .cc-represent .cc-box.child2 { padding: 26px 10px 26px 24px; }
    .cc-represent .cc-box.child3 { padding: 26px 10px 26px 20px; }
    .cc-represent .cc-corp p:nth-child(3) { font-size: 1.875rem; }
    
    /* Footer */
    .f-list .notice-wrap { flex: 0 0 auto; width: 60%; }
    .f-list .sns-wrap { flex: 0 0 auto; width: 40%; }
    .f-list .notice-wrap .notice-tit { width: 15%; }
    .footer-bottom .f-list .rolling { width: 85%; }

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




    .footer-bottom-menu .privacy-info {
        /* width: 90%; */
    }


}

@media (min-width: 768px) and (max-width: 991px) {  

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

    /* QnA */
    .qna-body .col-md-2 { width: 20%; }
    .qna-body .col-md-10 { width: 80%; }

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

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

    /* Customer Center */
    .cc-represent .cc-corp p:nth-child(3) { font-size: 1.875rem; }

    /* estimate */
    #ordAtta #file-wrap input[type=file] { width: 100% !important }
            
    /* footer */
    .footer-bottom .f-list .notice-tit { width: 20%; }
    .footer-bottom .f-list .rolling { width: 80%; }

    .footer-bottom-content .ft-pc {
        align-items: center;
    }       

    .copyright {
        display: flex;
        justify-content: center;
    }    


}

@media (max-width: 991px) { 
    .swiper { margin-top: 60px !important; }

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

    .est-wrap .est-right p { font-size: 13px; }

    /* 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.9375rem; }
    .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; }

    /* Product List */
    .prod-list-wrap { margin-top: 6rem !important; }
    .subProd-wrap-sub-1 ul, .subProd-wrap-sub-2 ul { /*overflow: scroll; height: auto; padding: 10px !important;*/ }
    .subProd-wrap ul li,
    .subProd-wrap-sub-1 ul li, .subProd-wrap-sub-2 ul li { flex-basis: 23.8%; flex-grow: 0;  width: auto; font-size: 13px; text-align: center; padding: 6px; margin: 3px; }
    /*
    .subProd-search { padding: 8px 16px !important; }
    .subProd-search .ctg-path li { font-size: 0.875rem; }
    .subProd-search .ctg-search { width: 35%; }
    */

    /* prod list */
    .subProd-search { padding: 3px 10px !important; border-radius: 0px !important; }
    .subProd-search .ctg-path { display: none; }
    .subProd-search .ctg-search { width: 100%; }
    .subProd-search .ctg-search input { border-bottom: none; }


    /* Prod Detail */
    .p-history { padding: 10px !important; }
    /* .p-header { border-bottom: 1px solid #DDD; } */
    .p-price-head { padding: 0 0 0px 0; border-bottom: 0px; }
    .p-title h2 { font-size: 1.25rem; }
    .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: 22% !important; font-size: 0.875rem !important; line-height: 1.5; }
    .p-detail-list dl dd, .p-price dl dd, .item-option dl dd { width: 78% !important; font-size: 0.875rem !important; line-height: 1.5; }
    
    .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: 1em 1em !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 .btn.minus, 
    .option-slt-qty-area .spinner-box .spinner .btn.plus { 
        /* padding: 0px 0px !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 { font-size: 1rem !important; }

    .tab-titles-fix { top: 60px !important; }
    .tab-list li { width: 33.33% !important; /* height: 45px !important; line-height: 45px !important; */ font-size: 15px !important; }
    .tab-list li a { /*line-height: 45px !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-section { padding-top: 40px; }
    .cart-list-section .cart-inner table, 
    .cart-list-section .cart-inner table tbody,
    .cart-list-section .cart-inner table tbody tr, 
    .cart-list-section .cart-inner table tbody tr td { display: block; }
    .cart-list-section .cart-inner table colgroup { display: none; } 
    .cart-list-section .cart-inner table .cart-list-td { padding-top: 5px; }
    .cart-list-section .cart-inner table .cart-list-td .cart-list-price-title,
    .cart-list-section .cart-inner table .cart-list-td .cart-list-price { padding: 0px 10px; }
    .cart-list-section .cart-inner table .cart-list-td:last-child { display: flex; }
    .cart-list-section .cart-inner table .cart-list-td .item-quick { margin: 5px 5px 10px 0px; }
    .cart-list-section .cart-inner table .cart-list-td .item-del { margin: 5px 0px 10px 5px; }
    .cart-list-section .cart-info-wrap { margin-top: 3rem; }

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

    .order-section .order-inner table, 
    .order-section .order-inner table tbody,
    .order-section .order-inner table tbody tr, 
    .order-section .order-inner table tbody tr td { display: block; }
    .order-section .order-inner table colgroup,
    .order-section .order-inner table thead { display: none; } 
    .order-section .order-inner table .cart-list-td { padding-top: 5px; }
    .order-section .order-inner table .cart-list-td .cart-list-price-title,
    .order-section .order-inner table .cart-list-td .cart-list-price { padding: 0px 10px; }
    .order-section .order-inner table .cart-list-td:last-child { display: flex; }
    .order-section .order-inner table .cart-list-td .item-quick { margin: 5px 5px 10px 0px; }
    .order-section .order-inner table .cart-list-td .item-del { margin: 5px 0px 10px 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: 30% !important; margin-right: 15px !important; }
    .cart-inner > .cart-list .cart-cont-wrap { width: 70% !important; }
    .cart-inner > .cart-list .cart-list-prod .opt-name { font-size: 14px !important; }

    .cart-list-price-wrap { justify-content: space-around !important; border: 1px solid #ddd; text-align: center; }
    .cart-list-price-wrap .cart-list-wrap { display: block !important; width: 33%; padding-bottom: 0 !important; }
    .cart-list-price-wrap .cart-list-wrap > div { width: 100% !important; font-size: 14px !important; text-align: center !important; }
    .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 !important; border-bottom: 1px solid #ddd; background-color: #f6f6f6; }
    .cart-list-price-wrap .cart-list-wrap .cart-list-price { padding: 10px 6px!important; }

    .order-price-fix { position: inherit !important; width: 100% !important; }

    .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: 20px 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 { 
        height: 80px;
        padding: 12px 12px; 
        margin-top: 5px; 
        font-size: 0.875rem; 
    }

    .order-table, .order-bankbook,
    .order-table tbody, .order-bankbook tbody,
    .order-table tbody tr, .order-bankbook tbody tr,
    .order-table tr td, .order-bankbook tr td { display: block; width: 100%; }
    .order-table colgroup, .order-bankbook colgroup { display: none; } 
    .order-table th, .order-table td,
    .order-bankbook th, .order-bankbook td { padding: 0.25rem !important; }

    .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; }

    .order-table .choice_addr li button { font-size: 0.875rem; width: 100%; padding: 0.6rem 1rem !important; }

    .order-section .row:first-child { margin-top: 0rem!important; }
    .order-section .row { margin-top: 1.5rem!important; margin-bottom: 1.5rem!important; }
    .order-section h5 { font-size: 1rem; }
    .order-section .order-addr-wrap { margin-top: 1.5rem; }

    .order-section .order-list-wrap tr { padding: 15px 10px; }
    .order-section .order-list-wrap tr td.cart-list-prod { height: auto; }
    .order-section .order-list-wrap tr td.cart-list-prod .cart-img-wrap { width: 130px; vertical-align: top; padding-left: 0px; }
    .order-section .order-list-wrap tr td.cart-list-prod .ps-4 { padding-left: 0px !important; }
    .order-section .order-list-wrap tr td.cart-qty-prod,
    .order-section .order-list-wrap tr td.cart-price-prod, 
    .order-section .order-list-wrap tr td.cart-delivery-prod { display: flex; align-items: center; height: 26px; }
    .order-section .order-list-wrap tr td p.d-sm-title { width: 135px; text-align: right; }
    .order-section .order-list-wrap tr td.cart-qty-prod p:last-child,
    .order-section .order-list-wrap tr td.cart-price-prod p:last-child, 
    .order-section .order-list-wrap tr td.cart-delivery-prod p:last-child { display: flex; align-items: center; }
    .order-section .order-list-wrap tr td.cart-qty-prod p:last-child span:last-child,
    .order-section .order-list-wrap tr td.cart-price-prod p:last-child span:last-child, 
    .order-section .order-list-wrap tr td.cart-delivery-prod p:last-child span:last-child { width: 100px; text-align: right; }   

    .order-bankbook tr:first-child { margin-top: 10px; }
    .order-bankbook tr:last-child { border-bottom: 1px solid #ddd; }
    .order-bankbook tr:last-child td:last-child { height: 30px; }

    .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 { padding-bottom: 15px; }
    .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 */
    .order-section { margin-bottom: 0rem !important; }

    .order-info-section { margin-top: -1.5rem !important; margin-bottom: 1rem !important;  }
    .order-info-section h5 { margin-top: 1rem; font-size: 1rem; }
    .order-info-section table tbody,
    .order-info-section table tbody tr,
    .order-info-section table tbody tr th,
    .order-info-section table tbody tr td { display: block; width: 100%; }
    .order-info-section table colgroup { display: none; }
    .order-info-section .info-area-body .dot-list { display: block !important; }
    .order-info-section .info-area-body li:last-child { margin-left: 0px !important; }

    .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 !important; }

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

    /* Estimate */
    .title-wrap { margin-top: 80px !important; margin-bottom: 0px !important; }
    .title-wrap p { 
        font-size: 13px !important; 
    }

    .title-wrap p .estimate-guide-text,
    .est-title-section p .estimate-guide-text{ 
        font-size: 12px !important; 
    }    

    .nt-wrap h5 { font-size: 1rem !important; }
    .order-file-box-txt { vertical-align: top; }
    
    .order-truck-warp, .order-build-warp { flex-direction: column !important; }
    #estimate { margin-top: 1rem !important; }
    #estimate .container .row{ margin-top: 1rem !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; padding: 8px 6px !important; }
    #estimate .order_btn { margin-top: 2rem !important; margin-bottom: 2rem!important; }
    #footer-wrap { padding-top: 0px !important; bottom: 60px; margin-top: 80px; }

    .est-title-section { margin-top: 5rem!important; margin-bottom: 1rem !important; }
    .est-title-section P { 
      /* margin-top: -0.5rem!important;  */
      /* font-size: 0.875rem !important;  */
      /* margin-bottom: 0rem !important;  */
    }

    /* Customer */
    /* .customer-path { margin-top: 5rem !important; } */

    /* taxbill */
    .taxbill .indArea-wrap { margin-top: 0rem!important; margin-bottom: 1rem!important; }
    .taxbill .nt-wrap .indArea { height: 120px; }
    .taxbill .card-body { padding: 1rem 0rem !important; }
    .taxbill .form-group { padding: 6px 0px; }
    .taxbill .col-form-label::before { margin-right: 0px; }
    .taxbill #trans_post_no + button { font-size: 0.875rem; }
    .taxbill-stitle ul li p { font-size: 0.875rem; }

    /* QnA */
    .inquiry-list tr td#name, 
    .inquiry-list tr td#answer { width: 15%; }

    .attabox { display: block !important; }
    .attabox input { margin-bottom: 15px; }
    .attabox #sltchkbox { margin: 0px !important; }

    /* Member */
    .mbr-path { margin-top: 5rem !important; }

    /* Footer */
    /* .ft-logo-wrap { order: 1; }
    .ft-addr-wrap { order: 3; }
    .ft-cust-wrap { order: 2; } */

    #footer-right > div { font-size: 14px; }
    #footer-right > div:nth-child(2) { font-size: 20px; padding: 0px; }
    #footer-right > div:nth-child(3), #footer-right > div:nth-child(5) { 
        line-height: 2; padding: 0px; 
        font-size:14px;
    }

    #footer-right > div:nth-child(4) {
        font-size: 14px;
    }

    .footer-bottom .location p { margin-bottom: 3px !important; }

    .footer-bottom-menu .privacy-info {
        /* width: 100%; */
    }    
  
}

@media (min-width: 768px) { 
    .prod-grid .prod-wrap, .prod-item-group .prod-wrap { padding: 0px; }

    /* searchModal */ 
    .searchModal .search-category-item { flex-basis: auto; }
}

@media (max-width: 767px) { 
    .subProd-wrap ul li,
    .subProd-wrap-sub-1 ul li, .subProd-wrap-sub-2 ul li { flex-basis: 32% !important; flex-grow: 0;  width: auto; font-size: 14px; text-align: center; padding: 8px; margin: 6px 3px; }

    /* 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.5rem !important; min-height: 32px; }
    #estimate .content .table.est-tbl>:not(:first-child) { border-top: 1px solid #666 !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; line-height: 1.3 !important; }
    #estimate .content table tr th label { 
        width: auto; 
        /* font-size: 14px !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: 60% !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 .btn.btnDeli { width: 80px !important; font-size: 14px !important; padding: 0.36rem 0.6rem !important; margin-left: 10px !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; }
    #estimate .est-tbl tr td span.stxt { margin-left: 0px; font-size: 0.75rem !important; }

    #estamt .est-amt-tbl colgroup,
    #estamt .paykind-tbl colgroup,
    #estprod .est-prod-tbl colgroup,
    #addqna .addqna-tbl colgroup, 
    #addqna .addqna-tbl thead { display: none; }

    #estamt .paykind-tbl tr, #estamt .paykind-tbl th, #estamt .paykind-tbl tr td { display: block; }
    #estamt .paykind-tbl tr th, #estamt .paykind-tbl tr td, #estamt .paykind-tbl .btntd { padding: 0.3rem !important; }
    #estamt .paykind-tbl tr td.bankInfo { font-size: 0.875rem; }
    #estamt .paykind-tbl .bbcolor { border-bottom: 1px #ddd !important; }
    #estamt .paykind-tbl tr.realRept { 
        border-top: 1px solid #a3a3a3 !important; 
    }

    #estprod .est-prod-tbl tr { display: block; }
    #estprod .est-prod-tbl tr td { display: flex; padding-top: 0; padding-bottom: 0; align-items: center; }
    #estprod .est-prod-tbl tr td:last-child { padding-right: 0.5rem !important; border-bottom: 1px solid #bbbfc3 !important; }  
    #estprod .est-prod-tbl tr td span { width: calc(30% + 5px); padding: 0.2rem 0.3rem; margin-left: -8px; margin-right: 10px; text-align: center; background-color: aliceblue; }

    #addqna .addqna-wrap .qnatit { width: 60%; display: inline-flex; align-items: center; }
    /* #addqna .addqna-wrap .qtxt-area { width: 40%; display: inline-flex; align-items: center; } */
    #addqna .addqna-wrap .qtxt-area span.qtxt { display: none; }

    #addqna .addqna-tbl tr, #addqna .addqna-tbl tr td { display: block; }
    #addqna .addqna-tbl tr td { display: flex; padding-top: 0; padding-bottom: 0; align-items: center; }
    #addqna .addqna-tbl tr td:last-child { align-items: flex-start; padding-top: 0.3rem; padding-bottom: 0.3rem; border-bottom: 1px solid #999 !important; width: auto; max-height: 100px; line-height: 1.5; overflow: scroll; vertical-align: top; }
    #addqna .addqna-tbl tr td span { min-width: 30%; max-height: 100px; padding: 0.2rem 0.3rem; margin-left: -8px; margin-right: 15px; text-align: center; background-color: aliceblue; }
    #addqna .addqna-tbl tr td:last-child span { margin-top: -0.3rem; height: 90px; }

    #estamt .est-amt-tbl tr th.amt-title { width: 30%; text-align: center !important; padding: 5px !important; font-size: 0.875rem; font-weight: normal; color: #000; line-height: 1.75; }
    #estamt .est-amt-tbl tr td.orderGoodsSaleQtyTot { text-align: left !important; padding: 5px 5px 5px 10px !important; line-height: 1.75; font-size: 0.875rem; font-weight: normal !important; }
    #estamt .est-amt-tbl tr td.orderGoodsSaleAmtTot { padding: 5px 10px 5px 5px !important; line-height: 1.75; font-size: 0.875rem; font-weight: normal !important; }
    #estamt .totpayment-tbl tr th { padding: 5px 5px 5px 10px !important; line-height: 1.75; font-size: 0.875rem; font-weight: normal !important; }
    #estamt .totpayment-tbl tr td { padding: 5px 10px 5px 5px !important; line-height: 1.75; font-size: 0.875rem; font-weight: normal !important; }
    #estamt .totpayment-tbl tr:last-child th,
    #estamt .totpayment-tbl tr:last-child td { font-weight: bold !important; }

    #order_btn_wrap .order_btn { margin-top: 1rem !important; margin-bottom: 3rem!important; }

    /* Customer */
    .customer-title-wrap { margin-top: 5rem!important; margin-bottom: 1rem !important; }
    .customer-title-wrap P { margin-top: -0.5rem!important; font-size: 0.875rem !important; }
    .customer-list-wrap { margin-top: 0rem !important; }
    .customer-list-wrap .faq-search-wrap { padding: 0px !important; }
    .customer-list-wrap .row:nth-child(2) { /* padding-top: 1.5rem !important; */ }
    .customer-list-wrap .notice-view .contents h2 { font-size: 0.875rem !important; }

    /* taxbill */
    .taxbill { margin-bottom: 0px !important; }
    .taxbill .form-group .col-auto { width: 100% !important; /* padding: 10px; */ }
    .taxbill .form-group .col-auto input { width: 100% !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; }

    .taxbill  .indArea-wrap .indArea { font-size: 0.875rem !important; }
    .taxbill  .indArea-wrap .indCheck { font-size: 0.875rem !important; }
    .taxbill  .indArea-wrap .nt-wrap h5 { font-size: 0.875rem !important; }
    .taxbill  .card-body label { padding-top: 0px; font-size: 0.875rem !important; }

    /* Member */
    .mbr-title-wrap { margin-top: 3rem!important; }
    .mbr-title-wrap .join-area .join-step .card-body { padding: 0rem !important; }
    .mbr-title-wrap P { margin-top: -0.5rem!important; font-size: 14px; width: 80%; margin-left: auto; margin-right: auto; }
    .mbr-secede-wrap { width: auto !important; margin-top: -1rem !important; }
    .mbr-secede-wrap .taxbill .form-group .form-radio-input { width: auto !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%; padding: 15px 5px 5px 5px; }
    .myaddress-list .tb-list tbody tr td:nth-child(2) { display: inline-block; width: 30%; padding: 15px 5px 5px 5px; }
    .myaddress-list .tb-list tbody tr td:nth-child(3) { display: inline-block; width: auto; padding: 15px 5px 5px 5px; }
    .myaddress-list .tb-list tbody tr td:nth-child(4) { display: block; width: 100%; padding: 5px; }
    .myaddress-list .tb-list tbody tr td:nth-child(5) { display: block; width: 100%; padding: 5px 5px 15px 5px; text-align: left; }
    
    .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; } 

    .mbr-orderlist-wrap .search-month-box select { margin-top: 0.5rem; margin-left: 0rem !important; margin-right: 24px !important; width: 130px !important; font-size: 0.875rem; }
    .mbr-orderlist-wrap .search-month-box .faq-search-box { height: 38px; margin-top: 0.5rem !important; }
    .mbr-orderlist-wrap .search-month-box .faq-search { height: 36px; }
    .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-box .list-search-wrap .search-date-box .ord-search-date { width: 130px; font-size: 0.875rem; letter-spacing: 0.2px; }
    .mbr-orderlist-wrap .search-month-box .faq-search-box input { width: 100% !important; height: 36px; padding: 5px 5px 5px 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: 84px; padding: 10px; }
    .mbr-orderlist-wrap .mo-status span { display: block; font-size: 1.5rem !important; border: 1px solid #ddd; border-radius: 50%; padding: 15px 0; }
    .mbr-orderlist-wrap .mo-status p { font-size: 11px; margin: 5px 0 0; }
    .mbr-orderlist-wrap .mo-status .cont.ord-arr::before { display: block; content: ''; width: 22px; height: 1px; position: absolute; top: 40px; left: -11px; background-color: #ddd; opacity: 1; }
    .mbr-orderlist-wrap .ord-status-subtxt { font-size: 13px; }
    .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; width: 128px !important; height: 38px; } 
    .mbr-orderlist-wrap .mo-search-wrap .search-box-wrap .faq-search-box > input { width: 100% !important; height: 37px; padding: 5px 10px; } 
    .mbr-orderlist-wrap .mo-search-wrap .search-box-wrap .faq-search-box > button { height: 37px; padding: 3px 12px 2px 14px; } 

    .mbr-orderlist-wrap .order-inner .cart-list { border-top: 1px solid; }
    .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 .item-list-wrap { 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.bb-0 { border-bottom: 1px solid #474747 !important; padding-bottom: 10px; }
    .mbr-orderlist-wrap .order-inner .cart-list table .item-list .item-list-wrap > div { margin: 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 .order-inner > .cart-list .cart-list-prod>div:first-of-type { width: 120px; }

    .mbr-payment-wrap h5 { font-size: 1rem; } 
    .payment-box { font-size: 14px; }
    .payment-box table tr th { padding: 12px 10px 12px 12px !important; }  
    .payment-box table tr td { padding: 12px !important; }  

    .mbr-orderlist-info-wrap { padding-top: 0rem !important; }
    .mbr-orderlist-info-wrap .dot-list-2>li { line-height: 1.6; font-size: 13px; }

    /* notice */
    /* .notice-list .tb-list colgroup col:nth-child(1) { display: none; } */
    .notice-list .tb-list colgroup { display: none; }
    .inquiry-list .tb-list colgroup { 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; }

    /* QnA */
    .taxbill .form-group .col-auto input.wd-1 { width: 1rem !important; }
    #sltchkbox { margin: 0px !important; padding: 10px 0px; }
    #sltchkbox a { display: flex; line-height: 2; }

    /* prod list */
    /*
    .subProd-search { padding: 3px 10px !important; border-radius: 0px !important; }
    .subProd-search .ctg-path { display: none; }
    .subProd-search .ctg-search { width: 100%; }
    .subProd-search .ctg-search input { border-bottom: none; }
    */

    /* footer */
    .f-list .notice-wrap .notice-tit { /*display: none;*/ width: 30%; margin-right: 5px; }
    .footer-bottom-content { /* border-top: 1px solid #ddd; padding-top: 22px; */ }
    .ft-mobile .ft-company-name { font-size: 20px !important; }
    /* .footer-bottom-content .showstep1 { max-height: 110px; } */


}

@media (min-width: 577px) and (max-width: 767px) {

    .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%; }

    /* 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: 10px 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: 10%; font-size: 14px; text-align: center; } 
    .est-wrap .est-left .est-now ul li .est-2 { display: inline-block; width: 40%; font-size: 14px; padding-left: 6px; }
    .est-wrap .est-left .est-now ul li .est-2 a { width: 190px; }
    .est-wrap .est-left .est-now ul li .est-3 { display: inline-block; width: 20%; font-size: 14px; } 
    .est-wrap .est-left .est-now ul li .est-4 { display: inline-block; width: 30%; font-size: 14px; }

    .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.0rem; }
    .est-dang a .est-banner-wrap .est-banner-go { top: 32%; padding-right: 2%; font-size: 1.0rem; }

    .quick-list { width: 100%; }
    .quick-list .row { margin-top: 1rem!important; margin-bottom: 2rem; }
    .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> .data_title { padding: 12px 10px 12px 5px; font-size: 15px; }
    .data-list .list>li> .data_date { font-size: 15px !important; }
    
    .data-list #mbrname, .data-list #status { width: 16% !important; }

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

    /* Footer */
    .f-list .notice-wrap { flex: 0 0 auto; width: 70%; }
    .f-list .sns-wrap { flex: 0 0 auto; width: 30%; }
    .f-list .notice-wrap .notice-tit { width: 25%; }
    .footer-bottom .f-list .rolling { width: 75%; }

    .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; }

    /* searchModal */ 
    .searchModal .search-category-item { flex-basis: 21%; margin: 10px; }

}

@media (max-width: 576px) { 
    .col-form-label { line-height: 1 !important; }
    .header { height: auto; }
    .hd-logo { text-align: center; }

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

    /* 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; }

    /* Estimate */
    .est-list  .est-write { 
        height: 37px; 
        font-size: 14px; 
        padding: 0.5rem 1rem !important; 
        /* border: 1px solid #6c757d;  */
    }
    .est-list  .faq-search-box select { height: 36px; font-size: 14px; }
    .est-list  .faq-search-box .faq-search { height: 36px; padding: 6px 12px 6px 14px;}
    .est-list  .faq-search-box input { height: 36px; font-size: 14px; padding: 6px 10px 6px 10px; }

    .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.1rem; line-height: 1.2; }
    .est-title-wrap .btn { /* padding: 0.25rem 0.375rem !important; */ font-size: 0.875rem; }

    .est-wrap { margin: 0px !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: 10px 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: auto; font-size: 14px; } 
    .est-wrap .est-left .est-now ul li .est-2 { display: inline-block; width: auto; font-size: 14px; }
    .est-wrap .est-left .est-now ul li .est-2 a { width: 130px; }
    .est-wrap .est-left .est-now ul li .est-3 { display: inline-block; width: auto; font-size: 14px; } 
    .est-wrap .est-left .est-now ul li .est-4 { display: inline-block; width: auto; font-size: 14px; text-align: right; }
    .est-wrap .est-left .est-now ul li .est-4 .estdate { font-size: 14px; }
    .est-wrap .est-left .est-now ul li .est-4 .esttime { /* display: none;  */ }
    .est-now ul li > .est-4 .esttime { margin-left: 0px; }    

    .est-wrap .est-left .est-now ul li:nth-child(7),
    .est-wrap .est-left .est-now ul li:nth-child(8) { display: none; }

    .est-wrap .est-right { padding-top: 0rem!important; padding-bottom: 1rem!important; }
    .est-wrap .est-right .est-dang { padding: 0px !important; }
    .est-wrap .est-right .est-dang .est-box-wrap { padding: 12px; height: 140px; }
    .est-dang a .est-banner-wrap .est-banner-title { top: 32%; padding-left: 2%; font-size: 1.0rem; }
    .est-dang a .est-banner-wrap .est-banner-go { 
        font-size: 1.3rem; 
    }
    .est-dang a .est-banner-wrap .est-banner-title .est-banner-title-small { font-size: 0.7rem; }

    .count-area .row { padding-top: 1rem!important; padding-bottom: 1rem!important; }
    .count-area .count-number { font-size: calc(1.2rem + 0.8vw); }

    #estimate .content table tr td .order-tel-box { width: 100% !important; }

    #estprod .est-prod-tbl tr td { display: flex; padding-top: 0; padding-bottom: 0; align-items: center; flex-wrap: wrap; font-size: 13px; }


    .quick-list { width: 100%; }
    .quick-list .row { margin-top: 1rem!important; margin-bottom: 2rem; }
    .quick-list .quick-icon { padding: 10px; }
    .quick-list .tit { margin-top: 15px; font-size: 0.9375rem; }
    .quick-list .quick-icon .icon { font-size: 2.75rem; width: 100px; height: 100px; padding-top: calc(50% - 27px); }
    .quick-list .mTit { font-size: 1.1rem; }
    
    .data-list .mTit { font-size: 1.1rem; margin-bottom: 3px !important; }
    .data-list .btn { margin-bottom: 0 !important; }
    .data-list .list>li> .data_title { padding: 10px 10px 10px 0px; }
    .data-list .list>li> .data_title a { font-size: 0.875rem; }
    .data-list .list>li> .data_date { font-size: 0.875rem !important; padding: 10px 0px 10px; }
    
    .data-list #mbrname, .data-list #status { 
        width: 18% !important; font-size: 14px; 
    }

    /* 예전주문조회 */
    #ifrm { height: 100%; }
    .pop-table .tb-list colgroup, 
    .pop-table .tb-list thead, 
    .pop-table .tb-list tbody tr td.eCompany,
    .pop-table .tb-list tbody tr td.eRece { display: none; }
    .pop-table .tb-list tbody tr td { padding: 2px !important; font-size: 0.75rem !important; }
    .pop-table .tb-list tbody tr td.eEmail { width: 60%; }
    .pop-table .tb-list tbody tr td.eChoice { display: block !important; padding: 7px 2px !important; }
    .pop-table .tb-list tbody tr td.eChoice button { padding: 3px 6px 6px !important; font-size: 0.75rem; }

    /* 배송지주소록-팝업 */
    #ifrmaddr { height: 100% !important; }
    .pop_address .pop-table tr { display: block; width: 100%; }
    .pop_address .pop-table tr td { display: inline-flex; justify-content: center; align-items: center; padding: 6px !important; }
    .pop_address .pop-table tr td:nth-child(1) { width: 20%; border-top: 1px solid; border-bottom: 1px solid #ddd; }
    .pop_address .pop-table tr td:nth-child(2) { width: 48%; border-top: 1px solid; justify-content: space-evenly !important; border-bottom: 1px solid #ddd; margin-left: -4px; }
    .pop_address .pop-table tr td:nth-child(3) { width: 32%; border-top: 1px solid; border-bottom: 1px solid #ddd; margin-left: -4px; border-right: 0px; }
    .pop_address .pop-table tr td:nth-child(4) { width: 67.9%; }
    .pop_address .pop-table tr td:nth-child(5) { width: 30%; border-right: 0px; }
    .pop_address .btn_addr_footer button { font-size: 13px; padding: 10px 15px !important; }


    /* Login & find */
    .login-wrap, .find-wrap { padding: 10px !important; }
    .message-info p { font-size: 13px !important; }

    /* Prod List */
    .prod-intro-title { padding-bottom: 1rem!important; }
    .prod-choice-wrap { margin-bottom: 0rem!important; }
    .prod-choice-wrap .prod-choice-area { padding-top: 1rem!important; padding-bottom: 1rem!important; }
    .pl-title { font-size: 0.8125rem; }

    /* ui-select box */
    .ui-select-block { padding: 9px 40px 9px 10px;  width: 100px;  padding-left: 10px;  padding-right: 25px; }
    .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 td:nth-child(1) { display: inline-block; width: 10%; padding: 15px 5px 5px 5px; }
    .myaddress-list .tb-list tbody tr td:nth-child(2) { display: inline-block; width: 30%; padding: 15px 5px 5px 5px; }
    .myaddress-list .tb-list tbody tr td:nth-child(3) { display: inline-block; width: auto; padding: 15px 5px 5px 5px; }
    .myaddress-list .tb-list tbody tr td:nth-child(4) { display: block; width: 100%; padding: 5px; }
    .myaddress-list .tb-list tbody tr td:nth-child(5) { display: block; width: 100%; padding: 5px 5px 15px 5px; text-align: left; }

    /* My order list */
    .mbr-orderlist-wrap .mo-search-wrap .search-box-wrap { padding-left: 3px; }

    .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 input#deal_date_to { 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; }
    .mbr-orderlist-wrap .search-month-box { padding: 5px 0px; }
    .mbr-orderlist-wrap .search-month-box select { width: 100% !important; margin: 0px !important; height: 38px; }
    .mbr-orderlist-wrap .search-month-box .faq-search-box { margin: 0px !important; width: 62% !important; }  

    /* Footer */
    br.break-m { display: inline; }
    .footer .footer-menu { text-align: center !important; padding-top: 10px !important; padding-bottom: 8px; border-bottom: 1px solid #777; margin-bottom: 15px !important; }
    .footer .footer-menu li { float: none !important; display: inline-block; }

    .footer-bottom { padding: 0px !important; }
    .ft-mobile { display: block; margin-bottom: 14px !important; }
    .ft-addr-wrap { background-color: #f8f9fa; }
    .f-list .notice-wrap { flex: 0 0 auto; width: 100%; }
    .f-list .sns-wrap { display: none; }
    .f-list .notice-wrap .notice-tit { /* display: none;*/ width: 20%; margin-right: 5px; }
    .footer-bottom .f-list .rolling { width: 80%; }
    .footer-bottom .f-list .rolling li a { width: 350px; }

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

    #footer-right { padding-left: 0; text-align: center; }


    .footer-bottom-content { /* border-top: 1px solid #ddd; padding-top: 22px; */ border-bottom: 0px; }
    .ft-mobile .ft-company-name { font-size: 1rem !important; }
    /* .footer-bottom-content .showstep1 { max-height: 110px !important; } */


    .prod-grid .prod-grid-image { height: 200px !important; }
    .prod-grid .prod-grid-image img { height: 200px !important; padding: 10px; }
    .prod-item-group .prod-item-grid .prod-item-grid-image.prod-item-right { height: 172px !important; }

    .product-content .rating { font-size: 0.8125rem; line-height: 1.2; /* height: 15px; */ margin-bottom: 3px; }
    .product-content .title { height: auto; letter-spacing: -1.5px; font-size: 0.8125rem; }

    /* Customer Center */
    .cc-represent { margin-top: 1rem !important; margin-bottom: 1rem!important; }
    .cc-represent .cc-corp p:nth-child(3) { font-size: 2.2rem; }

}

@media (min-width: 505px) and (max-width: 576px) {
    .footer-bottom-menu li:nth-child(1),
    .footer-bottom-menu li:nth-child(4) { 
        width: 26%; 
        padding: 0px 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: 0px 5px; 
    }
}

@media (max-width: 576px) { 
    .subProd-wrap ul li, .subProd-wrap-sub-1 ul li, .subProd-wrap-sub-2 ul li { flex-basis: 48% !important; }

    .login-input-area .login-bi, .order-input-area .login-bi { left: 10px !important; }

    #modal-input input[type="text"], 
    #modal-input input[type="password"] { padding: 0 10px 0 38px; }

    input::placeholder { font-size: 14px; }
    input::-webkit-input-placeholder { font-size: 14px; }
    input:-ms-input-placeholder { font-size: 14px; }    
}

@media (min-width: 392px) and (max-width: 431px) {
    /* searchModal */ 
    .searchModal .search-category-item { flex-basis: 30%; }
}    

@media (max-width: 391px) {
    /* searchModal */ 
    .searchModal .search-category-item { flex-basis: 29.33%; }
}    

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

    .f-list .notice-wrap .notice-tit { /* display: none;*/ width: 23%; margin-right: 5px; }
    .footer-bottom .f-list .rolling { width: 77%; }
}

@media (max-width: 395px) {
    #estimate #btn-file-add {
        padding: 0.23rem 0.5rem !important;        
    }
    #estimate .content table tr th { margin-bottom: -10px; }
    #estimate .content table tr td div.order-name-box { /* flex-direction: column !important; */ }
    #estimate .content table tr td .btn { 
        width: auto !important; 
        font-size: 13px !important; 
        padding: 0.6rem 0.6rem !important; 
        /* margin-left: 5px !important;  */
    }

  

    #estimate .order-trans-wrap .content table tr td .btn { margin: 0 0 0 10px !important; }

    /* Footer */
    .f-list .notice-wrap .notice-tit { /* display: none;*/ width: 26%; margin-right: 5px; }
    .footer-bottom .f-list .rolling { width: 74%; }
    .footer-bottom .f-list .rolling li a { width: 280px; }
}