/* ----- contents-container ----- */
/* ----- contents-container ----- */
/* ----- contents-container ----- */
.wrapper {
    /* overflow: hidden; */
}
.contents-container {
    position: relative;
}





/* ToBeSmart Custom */
.customHover:hover {
    font-size: 25px;
}




/* ----- main ----- */
/* ----- main ----- */
/* ----- main ----- */
.main {
    position: relative;
    padding: 0 0 150px;
}
.main .bg-box {
    position: absolute; top: 0; right: 0;
}
.main-item-bg {
    width: 50%;
    display: none;
}

.main-wrap {
    position: relative;
    padding: 25vh 0 0;
}
.main-wrap .main-slider {padding: 0 50px;}
.main-slider .item {
    display: flex;
}
.main-slider .item .item-txt {
    flex: 1;
}

.main-slider .item .txt-title {
    font-size: 35px;
    letter-spacing: -0.05em;
    color: #fff;
    margin: 0 0 0.5em;
}
.main-slider .item .txt-sub {
    flex: 1;
    font-size: 15px;
    letter-spacing: -0.05em;
    line-height: 1.6em;
    color: #fff;
}
.main-slider .item .txt-sub .word-sm {
	display:none;
}
.main-slider .item .txt-img {
    margin-bottom: 40px;
}
.main-slider .item .txt-img img {
    width: auto;
}


.main .owl-theme .owl-nav.disabled+.owl-dots {
    position: absolute; top: 65%; left: 50px;
    margin: 0;
}
.main .owl-theme .owl-dots .owl-dot span {
    width: 84px; height: 5px;
    opacity: 0.5;
    background-color: #fff;
    border-radius: 0;
	margin-left: 0;
    transition: all 0.3s;
}
.main .owl-theme .owl-dots .owl-dot.active span,
.main .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #ffd03e;
    opacity: 1;
}





.main .enter {
    display: flex; flex-direction: column-reverse;
    align-items: center;
    color: #fff;
    font-size: 40px;
    text-align: center;
    letter-spacing: -0.05em;
    line-height: 1.2em;
}
.main .enter::after {
    content: "";
    display: block;
    width: 1px; height: 120px;
    background-color: #fff;
    margin: 150px 0 30px;
}






























/* ----- step-wrap ----- */
/* ----- step-wrap ----- */
/* ----- step-wrap ----- */
.step-wrap {position: relative;display: flex; transition: all 0.3s;}
.step-wrap .step-wrap-inner {
    flex: 1;
    position: relative;
    padding: 50px 0 0;
}
.step-wrap .step-wrap-inner .step {position: relative;padding: 0 80px;}
.step-wrap .step .smart-container {
    position: relative;
    display: flex; align-items: center; justify-content: space-between;
	padding: 0 50px;
	height: 600px;

}
.step-wrap .step:nth-child(2n) .smart-container {
    flex-direction: row-reverse;
}

.step-wrap .smart-container .step-txt-wrap {
    display: flex; flex-direction: column;
    align-items: flex-start;
}
.step-wrap .smart-container .step-txt-wrap .step-txt {
    display: flex; flex-wrap: wrap;
	align-items: center;
    margin: 0 0 30px;
}
.step-wrap .smart-container .step-txt-wrap .step-num {
	width: 100%;
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #ffd03e;
    margin: 0 0 45px;
}
.step-wrap .smart-container .step-txt-wrap .step-txt-category {
    position: relative;
    font-size: 16px; line-height: 1em;
    color: #fff;
    letter-spacing: -0.05em;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
}
.step-wrap .smart-container .step-txt-wrap .step-txt-category::after {
    content: ""; 
    position: absolute; top: 0; right: 0;
    display: flex; align-items: center;
    height: 100%;
    width: 1px;
    background-color: #fff;
}
.step-wrap .smart-container .step-txt-wrap .step-txt-contents {
    font-size: 16px; line-height: 1em;
    color: #fff;
    font-weight: 100;
}
.step-wrap .smart-container .step-txt-wrap .step-title {
    color: #fff;
    font-size: 40px;
    letter-spacing: -0.05em;
    line-height: 1.2em;
    margin: 0 0 35px;
}
.step-wrap .smart-container .step-txt-wrap .step-sub {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 45px;
}
.step .step-btn-box {
    position: relative;
    cursor: pointer;
}
.step .step-btn {
    position: relative;
    display: flex; align-items: center; justify-content: space-between;
    min-width: 200px; height: 45px;
    padding: 0 20px;
    border-radius: 23px;
    background-color: #01a95e;
}
.step .step-btn-close {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
}
.step .step-btn-close.on {
    z-index: 1;
}
.step .step-btn p {
    color: #fff;
    font-size: 16px;
    margin: 0 20px 0 0;
    text-shadow: -2px -2px 1px rgb(0, 121, 67, 0.36);
}









/* ----- .smart-animation ----- */
/* ----- .smart-animation ----- */
.smart-animation {
    position: relative;
	display: flex; align-items: center; justify-content: center;
}
.step-wrap .step-path {
    display: flex; align-items: center; justify-content: center;
	height: 300px;
}
.step-wrap .step-path .mobile-path {
	display: none;
}
.step-wrap .step:nth-child(7n-6) .step-path {
	background: url('./../img/tobesmart/to-right01.png') no-repeat center center;
}
.step-wrap .step:nth-child(7n-5) .step-path {
	background: url('./../img/tobesmart/to-left01.png') no-repeat center center;
}
.step-wrap .step:nth-child(7n-4) .step-path {
	background: url('./../img/tobesmart/to-right02.png') no-repeat center center;
}
.step-wrap .step:nth-child(7n-3) .step-path {
	background: url('./../img/tobesmart/to-left02.png') no-repeat center center;
}
.step-wrap .step:nth-child(7n-2) .step-path {
	background: url('./../img/tobesmart/to-right03.png') no-repeat center center;
}
.step-wrap .step:nth-child(7n-1) .step-path {
	background: url('./../img/tobesmart/to-left03.png') no-repeat center center;
}
.step-wrap .step:nth-child(7n) .step-path {
	background: url('./../img/tobesmart/to-right04.png') no-repeat center center;
}

/* ----- step-purches ----- */
/* ----- step-purches ----- */


/* ----- step-enterence ----- */
/* ----- step-enterence ----- */
.step-enterence-animation {position: absolute;top:0;left:0;display:flex;justify-content:center;width:100%;height:100%;}
.step-enterence-animation img {
	position: absolute; top:0; width:100%;
	animation-duration: 8s;
    animation-iteration-count: infinite;
	transition: all 0.3s;
}
.step-enterence-animation img:nth-child(1) {animation-name: step-enter-1;}
@keyframes step-enter-1 {0% {opacity: 0;}10% {opacity: 1;}20% {opacity: 1;}30% {opacity: 0;}100% {opacity: 0;}}
.step-enterence-animation img:nth-child(2) {animation-name: step-enter-2;}
@keyframes step-enter-2 {0% {opacity: 0;}30% {opacity: 0;}45% {opacity: 1;}55% {opacity: 1;}65% {opacity: 0;}100% {opacity: 0;}}
.step-enterence-animation img:nth-child(3) {animation-name: step-enter-3;}
@keyframes step-enter-3 {0% {opacity: 0;}65% {opacity: 0;}80% {opacity: 1;}90% {opacity: 1;}100% {opacity: 0;}}

/* ----- step-seat ----- */
/* ----- step-seat ----- */

.step-seat-animation {
    position: absolute; top: 0;
    width: 100%; height: 100%;
    opacity: 0;

    animation-name: step-seat-animate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes step-seat-animate {
    0% {opacity: 0;}
    10% {opacity: 1;}
    15% {opacity: 0;}
    25% {opacity: 1;}
    30% {opacity: 0.5;}
    100% {opacity: 1;}
}

/* ----- step-locker ----- */
/* ----- step-locker ----- */
.step-locker {}

.step-locker-img {position: relative; z-index: 1;}
.step-locker-animation {
    position: absolute; top: 0;
    width: 100%; height: 100%;
}
.step-locker-animation img {
    position: absolute; top: 0%; left: 20%;
	width: 25%;
}
.step-locker-animation img.step-locker-lock {
    animation-name: step-locker-lock;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}
@keyframes step-locker-lock {
    0% {top: 0%;}
    50% {top: 0%;}
    60% {top: 40%;}
    90% {top: 40%;}
    100% {top: 0%;}
}
.step-locker-animation img.step-locker-unlock {
    animation-name: step-locker-unlock;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}
@keyframes step-locker-unlock {
    0% {top: 40%;}
    55% {top: 40%;}
    65% {top: 0%;}
    90% {top: 0%;}
    100% {top: 40%;}
}

.step-locker-animation img {position: absolute;}
.step-locker-fade {
    position: absolute; z-index: 2;
    top: 0;
    width: 100%; height: 100%;
    opacity: 0;
    
    animation-name: step-locker-fade;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}
@keyframes step-locker-fade {
    0% {opacity: 0;}
    45% {opacity: 0;}
    55% {opacity: 1;}
    90% {opacity: 1;}
    100% {opacity: 0;}
}






/* ----- step-store ----- */
/* ----- step-store ----- */
.step-store {}

/* ----- step-management ----- */
/* ----- step-management ----- */
.step-management {}

.step-management .step-management-img {position: relative; z-index: 1;}
.step-management .smart-animation .container {
    position: absolute; top: 0; left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.step-management .smart-animation svg {
    height: 130px;
    overflow: unset;
    margin: 0 30px;
    transform: rotateZ(-90deg);
}
.step-management .smart-animation .outer {
    stroke: #095889;
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    animation-fill-mode: forwards;
    animation-direction: alternate;
    animation-delay: 1s;
}
.step-management .smart-animation .inner  {
    stroke: #eaeaea;
}
.step-management .smart-animation .circle01 .outer {
    animation: circle01 1.6s alternate;
    animation-iteration-count: infinite;
}
@keyframes circle01 {
    0% {stroke-dashoffset: 500;}
    90% {stroke-dashoffset: 480;}
    100% {stroke-dashoffset: 480;}
}
.step-management .smart-animation .circle02 .outer {
    animation: circle02 2s alternate;
    animation-iteration-count: infinite;
}
@keyframes circle02 {
    0% {stroke-dashoffset: 500;}
    90% {stroke-dashoffset: 430;}
    100% {stroke-dashoffset: 430;}
}
.step-management .smart-animation .circle03 .outer {
    animation: circle03 2.3s alternate;
    animation-iteration-count: infinite;
}
@keyframes circle03 {
    0% {stroke-dashoffset: 500;}
    90% {stroke-dashoffset: 300;}
    100% {stroke-dashoffset: 300;}
}






/* ----- step-out ----- */
/* ----- step-out ----- */
.step-out{}
.step-out .step-out-img {position: relative; z-index: 1;}
.step-out .step-out-animation {
    position: absolute; top: 50%; left: 0;
	width: 35%;
    animation-name: step-out;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}
@keyframes step-out {
    0% {top: 50%;}
    20% {top: 50%;}
    30% {top: 30%;}
    40% {top: 30%;}
    50% {top: 20%;}
    60% {top: 20%;}
    70% {top: 10%;}
    80% {top: 10%;}
    90% { opacity: 1;}
    100% {top: 0%; opacity: 0;}
}

.step-out .step-out-animation img {
    display: block; width: 100%;
    opacity: 0.5;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}
.step-out .step-out-animation img:nth-child(1) {
    animation-name: step-out-1;
}
@keyframes step-out-1 {
    0% {opacity: 0;}20% {opacity: 0;}30% {opacity: 1;}100% {opacity: 1;}
}
.step-out .step-out-animation img:nth-child(2) {
    animation-name: step-out-2;
}
@keyframes step-out-2 {
    0% {opacity: 0;}40% {opacity: 0;}50% {opacity: 1;}100% {opacity: 1;}
}
.step-out .step-out-animation img:nth-child(3) {
    margin-top: -35%;
    animation-name: step-out-3;
}
@keyframes step-out-3 {
    0% {opacity: 0;}60% {opacity: 0;}70% {opacity: 1;}100% {opacity: 1;}
}



























/* ----- color ----- */
/* ----- color ----- */
/* ----- color ----- */
.step-bg-wrap {
    position: absolute; top: 0; left: 0;
    width: 100%; height: 100%;
}

.step-wrap .step-white {}
.step-wrap .step-white::before {
	content: "";
	position: absolute; z-index:-1;
	bottom:0; left:0;
	display: block;
	width:100%; height: 150%;
	background: #fff;
}
.step-wrap .step-white .smart-container .step-txt-wrap .step-txt-category {color: #095889;}
.step-wrap .step-white .smart-container .step-txt-wrap .step-txt-category::after {background-color: #095889;}
.step-wrap .step-white .smart-container .step-txt-wrap .step-txt-contents,.step-wrap .step-white .smart-container .step-txt-wrap .step-title {color: #39729a;}
.step-wrap .step-white .smart-container .step-txt-wrap .step-sub {color: #095889;}

.step-wrap .step-green::before {
	content: "";
	position: absolute; z-index:-1;
	bottom:0; left:0;
	display: block;
	width:100%; height: 110%;
	background: #00a35b;
}
.step-wrap .step-green .smart-container .step-txt-wrap .step-btn {background-color: #008d4f;}








/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */
.cart-btn-wrap {position: fixed; z-index:999; top:0; right:0; height: 100%;}

.cart-btn-position {position: relative; width:100%; height: 100%;}
.cart-btn-position .cart-btn {position: absolute; bottom: 50px; right:50px;}

.smart-cart-wrap {
    position: absolute; top: 0; right:0; z-index: 999;
}





/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */


/* ----- smart-cart-wrap.active ----- */
/* ----- smart-cart-wrap.active ----- */
/* ----- smart-cart-wrap.active ----- */
.smart-cart-wrap.active .smart-cart-position {
    width: 350px;
    overflow: unset;
}
.smart-cart-wrap.active .smart-cart-open-btn {
    margin: 0 0 0 -30px;
}


/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */
/* ----- smart-cart-wrap ----- */

.smart-cart-wrap .smart-cart-mobile-tap-box {display: none;}
.smart-cart-position {
    display: flex; flex-direction:column;
    width: 0;
    height: 100vh;
    overflow: hidden;
    transition: all 0.3s;
}
.smart-cart-position-inner {height:100%;}
.smart-cart-contents {display: none;}
.smart-cart-contents.view {display: flex;}


/* .smart-cart-view */
/* .smart-cart-view */
.smart-cart-view {
	position: relative; z-index: 1;
	height:100%;
	flex-direction: column;
}
.smart-cart-view.view {
    right: 0;
}
.smart-cart-view-inner {
    width: 350px;
	border-bottom: none;
    background-color: #fff;
    transition: all 0.3s;
	border-left: 1px solid #efefef;
}
.smart-cart-view-txt {
	display: flex; align-items: center; justify-content: space-between;
    padding: 35px 20px;
}
.smart-cart-view-title {
    font-size: 18px;
    letter-spacing: -0.05em;
    font-weight: 300; 
    color: #454545;
}


.smart-cart-open-btn {
	display: flex; align-items:center; justify-content:space-between;
    padding: 10px 20px 10px 10px;
    margin: 0 0 10px 0;
    border-radius: 30px 0 0 30px;
    background-color: #fff;
    border: 1px solid #efefef;
}
.smart-cart-toggle {
    position: relative;
    width: 37px; height: 37px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
}
.smart-cart-toggle .smart-cart-toggle-btn {
    position: absolute; top: 0; left: 0;
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 100%;
    background-color: #ffd03e;
}
.smart-cart-position.open .smart-cart-close {z-index: 1;}

.smart-cart-open-btn-txt {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: #454545;
}
.smart-cart-option-inner-box {height:100%;overflow:auto;display:flex; flex-direction:column;background-color: #f7f7f7;}
.smart-cart-option-inner-box.box-over {margin: 0 1px 0 0;}
.smart-cart-option-inner-box.box-over .smart-cart-scroll {margin:0;padding: 20px;overflow:unset;}
.smart-cart-option-inner-box::-webkit-scrollbar {
    width: 7px;
    border-radius: 3px;
    background-color: #efefef;
}
.smart-cart-option-inner-box::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
}




.smart-cart-option {padding: 20px 20px 10px; background: #fff;}
.smart-cart-option-txt {
    padding: 0 0 5px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.05em;
    color: #ffd03e;
}
.smart-cart-option-box {
    position: relative;
    padding: 0 0 5px;
}
.smart-cart-option-box .option-box-button {
    display: flex; align-items: center; justify-content: space-between;
    height: 47px;
    padding: 0 20px;
    border: 1px solid #efefef;
    cursor: pointer;
}
.smart-cart-option-box .option-box-title {
    font-size: 13px;
    letter-spacing: -0.05em;
    color: #454545;
}
.smart-cart-option-box .smart-cart-option-list {
    position: absolute; top: 46px; left: 0; z-index: 1;
    width: 100%;
    background-color: #fff;
    border: 1px solid #efefef;
    display: none;
}
.smart-cart-option-box .smart-cart-option-list li {
    display: flex; align-items: center; justify-content: space-between;
    height: 47px;
    padding: 0 20px;

    font-size: 13px;
    letter-spacing: -0.05em;
    color: #454545;

    border-bottom: 1px solid #efefef;
    cursor: pointer;
}
.smart-cart-option-box .smart-cart-option-list li:last-child {
    border: none;
}







/* .smart-cart */
/* .smart-cart */
/* .smart-cart */
.smart-cart {
    width: 350px;
    flex: 1;
    background-color: #fff;
    overflow: auto;border-left: 1px solid #efefef;
}
.smart-cart-scroll {
    overflow: auto;
	padding: 0 7px 0 0;
	margin: 20px;
}
.smart-cart-scroll::-webkit-scrollbar {
    width: 7px;
    border-radius: 3px;
    background-color: #efefef;
}
.smart-cart-scroll::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
}

.smart-cart-list {
    display: flex;
    width: 100%;
    margin: 0 0 5px;
    border: 1px solid #efefef;
    background-color: #fff;
}
.smart-cart-list-img {
    width: 100px;
    display: flex; align-items: center; justify-content: center;
    border-right: 1px solid #efefef;
}
.smart-cart-list-img img {
    max-height: 100px;
}
.smart-cart-list-txt {
    flex: 1;
    display: flex; flex-direction: column;
}
.smart-cart-list-txt-title {
    flex: 1;
    width: 100%;
    font-size: 13px;
    padding: 15px 13px;
    line-height: 1.2em;
    word-break: keep-all;
    border-bottom: 1px solid #efefef;
}

.smart-cart-list-btn-box {
    display: flex; align-items: center;
    height: 35px;
    padding: 0 15px 0 0;
}
.smart-cart-list-btn-box button {
    width: 35px; height: 100%;
    border-right: 1px solid #efefef;
}
.smart-cart-list-btn-box .list-count {
    display: flex; align-items: center; justify-content: center;
    padding: 0 13px; height: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #454545;
    border-right: 1px solid #efefef;
}
.smart-cart-list-btn-box .list-btn-delete {
    margin: 0 0 0 auto;
    font-size: 13px;
    letter-spacing: -0.05em;
    color: #a2a2a2;
    cursor: pointer;
	white-space: nowrap;
}


/* .smart-cart-sand */
/* .smart-cart-sand */
/* .smart-cart-sand */
.smart-cart-sand {
	display: flex; align-items:center; justify-content: space-between;
    /* position: absolute; bottom: 0px; left: 0px; */
    width: 100%; height: 90px;
    padding: 0 40px;
    width: 350px;
    background-color: #01a25c;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    cursor: pointer;
	margin: 0 0 0 -1px;
}
.smart-sand-btn-title {
    font-size: 18px;
    color: #fff;
    letter-spacing: -0.05em;
    text-shadow: -2px -2px 1px rgb(0 121 67 / 36%);
}
.smart-cart-sand-pc {display: flex;}
.smart-cart-sand-m {display: none;}





/* ----- .smart-cart-open ----- */
/* ----- .smart-cart-open ----- */
/* ----- .smart-cart-open ----- */
/* ----- .smart-cart-open ----- */
/* ----- .smart-cart-open ----- */
/* ----- .smart-cart-open ----- */
.smart-cart-contents.smart-cart-open {
    position: absolute;top: 0;right: 0;
    height: 100%;
    background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
    transform: translate(calc(100%),0);
	transition: all 0.5s;
}
.smart-cart-contents.smart-cart-open.view {transform: translate(0,0);}
.smart-cart-open-wrap {
    display: flex; flex-direction: column;
	height: 100%; overflow:auto;

    border-left: 1px solid #efefef;
    transition: all 0.3s;
    background-color: #fff;
}
.smart-cart-open .consulted {flex:none;}
.smart-cart-open-wrap, .smart-cart-open .consulted {
	width: 100vw;
    max-width: 60vw;
    margin-right: 350px;
    transition: all 0.3s;
}
.smart-cart-open-tab-box {
    border-bottom: 1px solid #efefef;
	overflow:auto;
	flex:none;
}
.smart-cart-open-tab-box::-webkit-scrollbar {display:none;}
.smart-cart-open-tab {
    flex: 1;
    display: flex; align-items: center; justify-content: center;
    background-color: #f7f7f7;
    cursor: pointer;
    font-size: 18px;
    font-weight: 300;
    color: #a2a2a2;
    padding: 35px 0;
}
.smart-cart-open-tab button {
    width: 100%; height: 100%;
}
.smart-cart-open-tab.on {
    color: #454545;
    background-color: #fff;
    border: none;
}

/* .smart-cart-open-contents */
/* .smart-cart-open-contents */
/* .smart-cart-open-contents */
.smart-cart-open-contents-box {
    flex: 1; overflow: hidden;
}
.smart-cart-open-contents {
    display: flex; flex-direction: column;
    width: 100%; height: 100%;
    display: none;
}
.smart-cart-open-contents.on {
    display: flex;
}
/* .cart-filter-btn-box */
/* .cart-filter-btn-box */
.cart-filter-btn-box {
    display: flex; align-items: center;
    height: 59px;
    padding: 0 60px;
    border-bottom: 1px solid #efefef;
	overflow:auto;
}
.cart-filter-btn-box::-webkit-scrollbar {display:none;}

.cart-filter-btn {
	flex:none;
    display: flex;
    margin: 0 50px 0 0;
}
.cart-filter-btn-title {
    display: flex; align-items: center;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.05em;
    color: #a2a2a2;
}
.cart-filter-btn-title::after {
    content: "";
    display: block;
    width: 1px; height: 13px;
    margin: 0 10px 0 30px;
    background-color: #efefef;
}



.filter-btn {
    display: flex; align-items: center;
    padding: 0 0 0 20px;
    /* border: 1px solid red; */
}
.filter-btn input {display: none;}
.filter-btn label {
    display: flex; align-items: center;
    cursor: pointer;
    font-size: 14px;
    /* font-weight: 500; */
    color: #454545;
}
.filter-btn label .filter-checkbox {
    display: flex; align-items: center; justify-content: center;
    width: 17px; height: 17px;
    margin: 0 10px 0 0;
    border: 1px solid #efefef;
}
.filter-btn input:checked+label .filter-checkbox {
    background-color: #0076bd;
}


/* .cart-contents-box */
/* .cart-contents-box */
.cart-contents-box {
    flex: 1;
    padding: 30px 30px 30px 60px;
    overflow: auto;
}
.cart-contents-box-inner {
    height: 100%;
    overflow: auto;
	padding: 0 20px 0 0;
}
.cart-contents-box-inner::-webkit-scrollbar {
    width: 7px;
    border-radius: 3px;
    background-color: #efefef;
}
.cart-contents-box-inner::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
}




 
.cart-contents {
    display: flex;
    margin: 5px 0 0;
    max-width: 1050px;
    min-height: 160px;
    border: 1px solid #efefef;
}
.cart-contents > div {
    border-right: 1px solid #efefef;
}
.cart-contents > div:last-child {
    border: none;
}
/* .cart-contents .cart-contents-img */
/* .cart-contents .cart-contents-img */
.cart-contents .cart-contents-img {
    display: flex; align-items: center; justify-content: center;
    flex: 2;min-width: 150px;
}
.cart-contents .cart-contents-img img {
    width: 100%;
	max-width:150px;
}
/* .cart-contents .cart-contents-infomation */
/* .cart-contents .cart-contents-infomation */
.cart-contents .cart-contents-infomation {
    flex: 4;
}
.cart-contents-name {
	position:relative;
    font-size: 13px;
    font-weight: 600;
    color: #454545;
	overflow:hidden;
	white-space:nowrap;
}
.cart-contents-tag {
    font-size: 13px;
    font-weight: 300;
    color: #959595;
	white-space:nowrap;
}
.cart-contents-notice p {
    font-size: 13px;
    color: #454545;
}
/* .cart-contents .cart-contents-spec */
/* .cart-contents .cart-contents-spec */
.cart-contents .cart-contents-spec {
    flex: 5;
}
.cart-contents-spec-name {
    width: 85px;
    font-size: 13px;
    color: #a2a2a2;
}
.cart-contents-spec-contents {
    display: flex; align-items: center;
    font-size: 13px;
    color: #454545;
}
.cart-contents-spec-option {
	flex:none;
	margin: 0 20px 0 0;
}
.cart-contents-spec-contents p {
	flex:1;
    font-size: 13px;
    color: #a2a2a2;
    margin: 0 0 0 10px;
}
.cart-contents-spec-contents .spec-contents-btn-title {
    font-size: 13px;
    padding: 0 10px 0 0;
}
.cart-contents-spec-contents label,
.cart-contents-spec-contents input {
    cursor: pointer;
}





/* .cart-contents .cart-contents-btn */
/* .cart-contents .cart-contents-btn */
.cart-contents .cart-contents-btn {
    flex: 1;
	min-width: 80px;
    cursor: pointer;
}
.cart-contents-btn-inner {
    display: flex; flex-direction: column; justify-content: space-between;
    width: 100%; height: 100%;
    padding: 10px;
    background-color: #01a95e;
}
.cart-contents-btn-txt {
    font-size: 16px;
    letter-spacing: -0.05em;
    color: #fff;
    text-shadow: -2px -2px 1px rgb(0 121 67 / 36%);
}


.cart-contents-prepare {
    display: flex; align-items: center; justify-content: center;
    height: 200px;
}






.cart-contents-list li {
	overflow:hidden;
    display: flex; align-items: center;
    padding: 10px 20px;
    min-height: 50px;
    border-bottom: 1px solid #efefef;
}
.cart-contents-list li:last-child {
    border: none;
}
.cart-contents-list li:first-child {
    border-bottom: 1px solid #efefef;
}
.cart-contents-list > div {
    padding: 20px;
}














/* .consulted */
/* .consulted */
/* .consulted */
.consulted {
    display: flex;
    width: 100%; height: 90px;
    box-shadow: -2px -2px 10px rgb(0 0 0 / 10%);
}
.consulted-card {
    flex: 1;
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 20px;
    background-color: #fff;
}
.consulted-txt ul li {
    font-size: 13px;
    color: #454545;
    line-height: 1.2em;
	letter-spacing: -0.05em;
}
.consulted-txt div {
    margin: 2px 0 0;
    font-size: 10px;
    color: #909090;
}
.consulted-card-sand {
    background-color: #01a25c;
    border-right: none;
    cursor: pointer;
}
.consulted-sand-txt {
    font-size: 18px;
    color: #fff;
    letter-spacing: -0.05em;
    text-shadow: -2px -2px 1px rgb(0 121 67 / 36%);
}














































/* ----- management ----- */
/* ----- management ----- */
/* ----- management ----- */
.management {
    background-color: #00a35b;
    padding: 0 0 150px;
	margin: -1px 0 0;
}
.management .management-title {
    font-size: 35px;
    text-align: center;
    font-weight: 400; 
    color: #fff;
    line-height: 1.2em;
    letter-spacing: -0.05em;
    margin: 0 0 -15px;
}
.management .management-title span {
    color: #00a35b;
    padding: 0 0.1em;
    background-color: #fff;
}
.management .management-title .word-sm {
	display: none;
}

.management-slider-wrap {
    position: relative;
    display: flex; align-items: center; justify-content: center;
}
.management-slider-wrap .management-slider {
    position: absolute;
    display: flex; flex-direction: column-reverse;
    width: 748px;
}
.management-slider-bg {display:flex; justify-content:center;}
.management-slider-wrap .owl-carousel .owl-stage-outer,
.management-slider-wrap .owl-carousel .owl-stage,
.management-slider-wrap .owl-carousel .owl-item {
    height: 100%;
}
.management-slider-wrap .management-slider .item {
    display: flex; align-items: center; justify-content: center;
    height: 100%;
}

.management .owl-theme .owl-nav.disabled+.owl-dots {
    position: absolute; top: -140px; left: 0;
    display: flex; align-items: center; justify-content: center;
    width: 100%;
    font-size: 16px;
    font-weight: 100;
    color: #d6d6d6;
}
.management .owl-theme .owl-dots .owl-dot {
    margin-right: 0.2em;
}
.management .owl-theme .owl-dots .owl-dot::after {
    content: "/";
    margin-left: 0.2em;
}
.management .owl-theme .owl-dots .owl-dot:last-child::after {
    display: none;
}
.management .owl-theme .owl-dots .owl-dot.active,
.management .owl-theme .owl-dots .owl-dot:hover {
    color: #fff;
}










/* ----- download ----- */
/* ----- download ----- */
/* ----- download ----- */
.download {
    background-color: #00a35b;
	margin: -1px 0 0;
}
.download .cube-icon {
    display: flex; justify-content: center;
}

.download .download-wrap {
    padding: 80px 0;
}
.download .download-wrap a {
    font-size: 35px;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: rgba(255, 255, 255, 0.3);
    transition: all 0.3s;
    padding: 10px 0;
}
.download .download-wrap a:hover {
	transform: scale(1.5);
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
}








/* ----- smart-icon-box ----- */
/* ----- smart-icon-box ----- */
/* ----- smart-icon-box ----- */
.smart-icon-box {
    position: absolute; z-index: 1;
	bottom: 50px; left: 50px;

	position: fixed;
}
.smart-icon-contents {
    display: flex; align-items: center;
    margin: 0 0 20px;
}
.smart-icon-contents:last-child {margin: 0;}
.smart-icon-contents-kakao {cursor: pointer;}
.smart-icon-img {
	border-radius: 50%;
	box-shadow: 3px 0 15px rgb(0 0 0 / 20%);
	cursor: pointer;
}
.smart-icon-txt {display: flex;justify-content: flex-end; width: 100%; overflow:hidden;transition: all 0.3s;}
.smart-icon-txt-inner {flex:none; display:block; width: 100%; padding:0 0 0 10px;transition: all 0.3s;}
.smart-icon-title {
	display: block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: #fff;
	white-space: nowrap;
}
.smart-icon-title:hover {color: #fff;}
.smart-icon-sub {
	display: block;
    font-size: 16px;
    letter-spacing: -0.05em;
    color: #fff;
	white-space: nowrap;
}


.smart-icon-box.txt-black .smart-icon-title, .smart-icon-box.txt-black .smart-icon-sub {color: #095889;}


.smart-icon-contents.active .smart-icon-txt {width: 0%;}
.smart-icon-contents.active .smart-icon-txt-inner {transform: translate(-50%, 0)}









/* ----- estimate ----- */
/* ----- estimate ----- */
/* ----- estimate ----- */
.wrapper.blur {
    -webkit-filter: blur(5px); 
    -moz-filter: blur(5px); 
    -o-filter: blur(5px); 
    -ms-filter: blur(5px); 
    filter: blur(100px);
	overflow:hidden;
}
.estimate {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed; top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 9999;
    padding: 100px 0;
}

.estimate.active {
    display: flex; justify-content: center;
}
.estimate_wrap {
    position: relative;
    display: flex; flex-direction: column;
    width: 1000px; height: 100%;
    padding: 0;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
}
.estimate_box {
    flex: 1; display: flex;
    overflow: auto;
}
.estimate_form_txt, .estimate_form {
    padding: 25px 50px;
}
.estimate_form {
    flex: 1;
}
.estimate_form_txt {
	display: flex; align-items:center; justify-content: space-between;
    font-size: 18px;
    letter-spacing: -0.05em;
    border-bottom: 1px solid #efefef;
}

/* .estimate_option_form */
.estimate_option_form {
	flex: 4;
    border-right: 1px solid #efefef;
}

.estimate_option_form .estimate_form {
    display: flex; flex-direction: column;
    background-color: #f7f7f7;
    overflow: auto;
}
.estimate_option_form_txt {
    margin: 0 0 5px;
}
.estimate_option_form_txt p, .estimate_option_form_txt span {
    color: #959595;
    font-size: 13px;
    letter-spacing: -0.05em;
    font-weight: 300;
}
.estimate_option_form_txt p {
    margin: 0 3px 0 0;
}

.estimate_list_wrap {
    flex: 1;
    overflow: auto;
} 
.estimate_list_wrap::-webkit-scrollbar {
    width: 7px;
    border-radius: 3px;
    background-color: #efefef;
}
.estimate_list_wrap::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 10px;
}
.estimate_item {
    display: flex;
    width: 320px;
    margin: 0 10px 10px 0;
    background-color: #fff;
    border: 1px solid #efefef;
}
.estimate_item .estimate_item_img {
    display: flex; align-items: center; justify-content: center;
    width: 110px; min-height: 110px;
    overflow: hidden;
    border-right: 1px solid #efefef;
}
.estimate_item_txt_wrap {
    flex: 1;
	display: flex; flex-direction: column;
}
.estimate_item_txt {
	flex: 1;
	padding: 15px;
    border-bottom: 1px solid #efefef;
}
.estimate_item_txt p {
    letter-spacing: -0.05em;
    font-size: 13px;
    color: #454545;
}
.estimate_item_option {
    display: flex;
}
.estimate_item_option > div {
    padding: 10px 15px;
    white-space: nowrap;
    border-right: 1px solid #efefef;
}
.estimate_item_option > div:last-child {
    border-right: none;
}
.estimate_item_option > div.option_delete {
    cursor: pointer;
}


/* .estimate_input_form */
.estimate_box #fwrite {flex:5;}
.estimate_input_form {height:100%;}
.estimate_input_form .estimate_form {
    display: flex; flex-direction: column;
	overflow:auto;
}
.estimate_input_wrap {
    display: flex;
    gap: 10px;
}
.estimate_input_wrap:last-child {
    flex: 1;
}
.estimate_input_item {
    flex: 1;
    display: flex; flex-direction: column;
    margin: 0 0 10px;
}
.estimate_item .estimate_item_img img {
	width: auto !important; 
	max-width: 100% !important; 
	height: auto !important;
}
.estimate_input_item .estimate_input_txt {
    display: flex; align-items: center;
    letter-spacing: -0.05em;
    font-size: 13px;
    color: #454545;
    margin: 0 0 5px;
}
.estimate_input_important::before {
    content: "";
    display: block;
    width: 10px; height: 9px;
    background: url('./../img/common/important.png');
    margin: 0 3px 0 0;
}

.estimate_input_item input, .estimate_input_item textarea {
    flex: 1;
    border: 1px solid #efefef;
    padding: 15px 10px;
    letter-spacing: -0.05em;
    font-size: 13px;
    color: #454545;
    width: 100%;
	/* -webkit-appearance: none; */
	-webkit-border-radius: 0;
}
.estimate_input_item textarea {
    resize: none;
}
.estimate_input_item input::placeholder {
    color: rgba(93, 93, 93, 0.5);
}
.estimate_radio_box {
    margin: 0 15px 0 0;

}
.estimate_radio_box label {
    font-size: 13px;
    letter-spacing: -0.05em;
    color: #787878;
    padding: 0 10px 0 0;
	cursor: pointer;
}
.estimate_radio_box input {
    min-width: 13px; cursor: pointer;
}
.estimate_input_box {
    display: flex;
}
.estimate_input_icon {
    display: flex; align-items: center; justify-content: center;
    width: 50px;
    border: 1px solid #efefef;
    border-right: none;
    background-color: #f7f7f7;
    cursor: pointer;
}
.estimate_input_item_phone {flex: 4;}
.estimate_input_item_mail {flex: 5;}
.estimate_input_item_elevator {flex: 2;}
.estimate_input_item_elevator .estimate_input_inner_wrap > input {
    width: 100px;
}



.estimate .estimate_close {
    position: absolute; top: 20px; right: 20px;
    width: 35px; height: 35px;
}







/* ----- tablet 1600px ----- */
/* ----- tablet 1600px ----- */
/* ----- tablet 1600px ----- */
/* ----- tablet 1600px ----- */
@media (max-width: 1600px) {
	.cart-contents-list li {display:block;min-height:70px;}
	.cart-contents-spec-name, .cart-contents-name {margin: 0 0 10px}


	.smart-animation > img, .step-enterence-animation img {width: 90%;}
}




/* ----- tablet 1400px ----- */
/* ----- tablet 1400px ----- */
/* ----- tablet 1400px ----- */
/* ----- tablet 1400px ----- */
/* ----- tablet 1400px ----- */
/* ----- tablet 1400px ----- */
/* ----- tablet 1400px ----- */
/* ----- tablet 1400px ----- */
/* ----- tablet 1400px ----- */
/* ----- tablet 1400px ----- */
/* ----- tablet 1400px ----- */
/* ----- tablet 1400px ----- */
/* ----- tablet 1400px ----- */
/* ----- tablet 1400px ----- */
/* ----- tablet 1400px ----- */
/* ----- tablet 1400px ----- */
/* ----- tablet 1400px ----- */
/* ----- tablet 1400px ----- */
@media (max-width: 1400px) {
	.cart-contents-list li {display:flex;min-height:50px;}
	.cart-contents-spec-name, .cart-contents-name {margin: 0}




	.main .bg-box {width: 60%;}
	.main .bg-box img {width: 100%;}
	.main-slider .item .txt-title {font-size: 28px;}
	.main-slider .item .txt-img {margin: 0 0 20px;}
	.main-slider .item .txt-img img {width: 500px;}
	.owl-carousel .owl-item .item_icon img {transform: scale(0.8)}
	.main-slider .item .txt-sub {font-size: 14px;}
	.main .owl-theme .owl-nav.disabled+.owl-dots {top: 55%;}


	.main .enter {font-size: 32px;}
	.main .enter::after {margin: 120px 0 30px;}

	.smart-animation > img {width: 80%;}


	.step-wrap .step-wrap-inner .step {position: relative;padding: 0 70px;}
	.step-wrap .smart-container .step-txt-wrap .step-txt {margin: 0 0 22px;}
	.step-wrap .smart-container .step-txt-wrap .step-num {font-size: 16px; margin: 0 0 30px;}
	.step-wrap .smart-container .step-txt-wrap .step-txt-category, .step-wrap .smart-container .step-txt-wrap .step-txt-contents {font-size: 16px;}
	.step-wrap .smart-container .step-txt-wrap .step-title {font-size: 32px;}
	.step-wrap .smart-container .step-txt-wrap .step-sub {font-size: 16px;white-space:nowrap;}
	

	.step .step-btn {}
	.step .step-btn p {font-size:14px;}




	.step-wrap .step .smart-container {height:500px;}

	.smart-cart-list-btn-box {padding: 0 10px 0 0;}


	/* ----- step-enterence ----- */
	/* ----- step-enterence ----- */
	.step-enterence-animation img {width: 80%;}
	/* ----- step-locker ----- */
	/* ----- step-locker ----- */
	.step-locker-animation {width: 80%;}
	/* ----- step-management ----- */
	/* ----- step-management ----- */
	.step-management .smart-animation svg {height: 110px;}

	.management {padding: 0 0 100px;}
	.management .management-title {font-size:30px;margin: 0;}

	.management-slider-bg img {width: 900px;}
	.management-slider-wrap .management-slider {width: 648px;}


	.download .cube-icon img {width: 46px}
	.download .download-wrap {padding: 50px 0;}
	.download .download-wrap a {font-size: 30px;}


	/* side */
	/* side */
	/* side */
	.smart-cart-wrap.active .smart-cart-position,
	.smart-cart-view-inner {width: 300px;}

	.smart-cart-view-txt {padding: 28px 20px;}
	.smart-cart-view-title {font-size: 16px;}
	.smart-cart-view-txt-icon img {width:18px;}

	.smart-cart-toggle {width: 32px; height: 32px;}
	.smart-cart-open-btn-txt {font-size: 13px;}

	.smart-cart-option-txt {padding: 15px 0 5px;font-size: 13px;}
	.smart-cart-option-box .option-box-button {height: 42px;padding: 0 15px;}
	.smart-cart-option-box .option-box-title {font-size:12px}
	.smart-cart-option-box .option-box-img img {width: 16px;}

	.smart-cart-option-box .smart-cart-option-list {top: 41px;}
	.smart-cart-option-box .smart-cart-option-list li {height: 42px;padding: 0 15px;font-size: 12px;}

	.smart-cart {width: 300px;}

	.smart-cart-sand {width: 300px;height: 75px;}
	.smart-sand-btn-title {font-size: 16px;}
	.smart-sand-btn-img img {height: 20px;}



	
	

	.smart-cart-open-wrap, .smart-cart-open .consulted {margin-right: 300px;}
	.smart-cart-open-tab {flex:none; font-size: 16px; padding: 28px 40px;}
	.cart-filter-btn-box {padding: 0 30px; height: 54px;}
	.cart-filter-btn-title, .filter-btn label {font-size: 13px;}


	.cart-contents-box {padding: 20px 10px 30px 30px;}

	.cart-contents-name 
	.cart-contents-tag, 
	.cart-contents-notice p, 
	.cart-contents-spec-name,
	.cart-contents-spec-contents,
	.cart-contents-spec-contents .spec-contents-btn-title,
	.cart-contents-spec-contents p {font-size: 12px;}

	.cart-contents-btn-img img {width: 20px;}
	.cart-contents-btn-txt {font-size: 14px;}

	.smart-cart-open .consulted {height: 75px;}
	.smart-cart-open .consulted .consulted-icon img {width: 50px;}
	.smart-cart-open .consulted-txt ul li,
	.smart-cart-open .consulted-txt div {font-size: 12px;}

	.cart-contents {flex-wrap: wrap;}
	.cart-contents > div:not(:nth-child(1)) {border-right: none;}


	

	.cart-contents .cart-contents-img {flex: none; border-bottom: 1px solid #efefef;}
	.cart-contents .cart-contents-img img {max-height: 300px;width:auto;}
	.cart-contents .cart-contents-infomation {flex:1; border-bottom: 1px solid #efefef;}
	.cart-contents .cart-contents-spec {flex:none; width: 100%;}
	.cart-contents-btn-inner {flex-direction: row;}

	.estimate_form_txt, .estimate_form {padding: 20px 40px;}
	.estimate_wrap {width: 900px;}
	.estimate_form_txt {font-size: 16px;}
	.estimate .estimate_close img {width: 18px;}
	.consulted-txt ul li {font-size: 12px;}
	.consulted-card .consulted-icon img {width: 50px;}
	.consulted-sand-txt {font-size: 16px;}
	.consulted-card.consulted-card-sand img {height: 20px; width: auto;}
	



	.smart-icon-box {bottom: 40px;left: 40px;}
	.smart-icon-box .smart-icon-img img {width: 50px;}
	.smart-icon-title {font-size: 16px;}
	.smart-icon-sub {font-size: 14px;}



	.cart-btn-position .cart-btn {bottom: 40px;right: 40px;}
	.cart-btn img {width: 50px;}

}




/* ----- tablet 1200px ----- */
/* ----- tablet 1200px ----- */
/* ----- tablet 1200px ----- */
/* ----- tablet 1200px ----- */
/* ----- tablet 1200px ----- */
/* ----- tablet 1200px ----- */
/* ----- tablet 1200px ----- */
/* ----- tablet 1200px ----- */
/* ----- tablet 1200px ----- */
/* ----- tablet 1200px ----- */
@media (max-width: 1200px) {

	.main .bg-box {width: 60%;}
	.main .bg-box img {width: 100%;}
	.main-slider .item .txt-title {font-size: 24px;}
	.main-slider .item .txt-img img {width: 450px;}
	.owl-carousel .owl-item .item_icon img {transform: scale(0.8)}
	.main-slider .item .txt-sub {font-size: 14px;}
	.main .owl-theme .owl-nav.disabled+.owl-dots {top: 55%;}





	.smart-animation > img, .step-enterence-animation img {width: 70%;}
	.step-wrap .smart-container .step-txt-wrap .step-title {font-size: 20px;margin: 0 0 30px;}
	.step-wrap .smart-container .step-txt-wrap .step-sub {font-size: 14px;}

	.step-management .smart-animation svg {height: 90px;margin: 0 auto;}


}




/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
/* ----- tablet 992px ----- */
@media (max-width: 992px) {
	.main-wrap .main-slider {padding: 0 20px;}
	

	.main-slider .item .txt-title {font-size: 20px;}
	.main-slider .item .txt-img img {width: 350px;}
	.main-slider .item .txt-sub {font-size: 13px;}
	.main .owl-theme .owl-nav.disabled+.owl-dots {top: 65%; left: 20px;}

	.main .enter {font-size: 25px;}
	.main .enter::after {margin: 90px 0 30px;}

	
	.smart-cart-view-txt {padding: 22px 20px;}
	.smart-cart-view-title {font-size: 14px;}


	.smart-cart-open-tab {flex:none; font-size: 14px; padding: 22px 40px;}
	/* ----- step-wrap ----- */
	/* ----- step-wrap ----- */
	/* ----- step-wrap ----- */


	.step-wrap .smart-container .step-txt-wrap .step-txt {margin: 0 0 18px;}
	.step-wrap .smart-container .step-txt-wrap .step-num {font-size: 14px; margin: 0 0 25px;}
	.step-wrap .smart-container .step-txt-wrap .step-txt-category, .step-wrap .smart-container .step-txt-wrap .step-txt-contents {font-size: 16px;}

	.step-wrap .step-wrap-inner {padding: 50px 0 0;width: 100%;}
	.step-wrap .step .smart-container {flex-direction: column !important;}

	.step-wrap .smart-container .step-txt-wrap {align-items:center;text-align: center;}
	.step-wrap .smart-container .step-txt-wrap .step-txt {margin: 0 0 10px;}

	.step-wrap .smart-container .step-txt-wrap .step-num {width: auto;margin: 0 10px 0 0;}
	.step-wrap .smart-container .step-txt-wrap .step-txt-category {padding: 0;}

	.step-wrap .smart-container .step-txt-wrap .step-txt-category::after {content: none;}
	.step-wrap .smart-container .step-txt-wrap .step-sub {margin: 0 0 40px;}
	.step-wrap .smart-container .step-txt-wrap .step-sub .word-sm {display: none;}

	.step .step-btn img {width:14px;}
	.step .step-btn-close.on {display:none;}




	.step .step-btn p {font-size: 14px;text-shadow: -1px -1px 1px rgb(0 121 67 / 36%);}
	/* ----- .smart-animation ----- */
	/* ----- .smart-animation ----- */
	.smart-animation {width: 80%;margin: 0 0 35px;}

	.step-wrap .step .smart-container {height: auto;}

	.step-wrap .step-path {padding: 30px 0 !important;height:auto;}
	.step-wrap .step-path .path {display: none;}
	.step-wrap .step-path .mobile-path {display: block;}


	.step-wrap .step .step-path {
		background: none !important;
	}

	.smart-animation > img, .step-enterence-animation img {width: 60%;}
	/* ----- step-purches ----- */
	/* ----- step-purches ----- */

	/* ----- step-enterence ----- */
	/* ----- step-enterence ----- */

	/* ----- step-locker ----- */
	/* ----- step-locker ----- */

	/* ----- step-management ----- */
	/* ----- step-management ----- */
	.step-management {margin: 0;}
	.step-management .smart-animation svg {height: 75px;margin: 0 15px;}
	/* ----- step-out ----- */
	/* ----- step-out ----- */
	.step-out .step-out-animation {width: 30%;}


	/* ----- color ----- */
	/* ----- color ----- */
	/* ----- color ----- */
	.step-wrap .step-white::before {height: 128%;}




	

	.management .management-title {font-size:25px;margin: 0;}
	.management-slider-bg img {width: 700px;}
	.management-slider-wrap .management-slider {width: 504px;}

	.management .owl-theme .owl-nav.disabled+.owl-dots {font-size: 12px;top: -100px;}


	.download .cube-icon img {width: 36px}
	.download .download-wrap {padding: 30px 0;}
	.download .download-wrap a {font-size: 25px;}


    


	/* side */
	/* side */
	/* side */
	.smart-cart-wrap.active .smart-cart-position{width: 300px;}

	.estimate_wrap {width: 700px;}
	.estimate_box {flex-direction:column;}
	.estimate_form_txt {font-size: 14px;}
	.consulted-sand-txt {font-size: 14px;}

	.estimate_option_form .estimate_form {overflow:unset;}


	.smart-icon-box {bottom: 50px;}
	.smart-icon-title {font-size: 14px;}
	.smart-icon-sub {font-size: 13px;}



	/* .estimate */
	/* .estimate */
	/* .estimate */
	.estimate_item {width: 100%;}





}









/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
/* ----- tablet 768px ----- */
@media (max-width: 768px) {
	.owl-carousel .owl-item img {transform: scale(1)}

	/* ----- main ----- */
	/* ----- main ----- */
	/* ----- main ----- */
	.main {padding: 0 0 100px;}

	.main .bg-box {width: 90%;}
	.main .bg-box img {width: 100%;}
	.main-wrap {padding: 10vh 0 0;}
	.main-wrap .main-slider {padding:0;}
	.main-slider .item {flex-direction: column-reverse;}
	.main-slider .item .item_icon {display: flex; align-items:center; justify-content: center;height: 40vh; padding: 30px 0;}
	.main-slider .item .item_icon img {height: 100%;width: auto;transform: scale(1);}
	.main-slider .item .item-txt {
		display: flex; flex-direction: column;
		align-items: center;
		width:100%;
		text-align:center;
	}


	.main-slider .item .txt-title {font-size: 12px;margin: 0 0 1em;}
	.main-slider .item .txt-img {
		display: flex; justify-content:center;
		width: 90%;margin-bottom: 20px;
	}
	.main-slider .item .txt-img img {width: 100%;max-width: 350px;}
	.main-slider .item .txt-sub {font-size: 12px;}
	.main-slider .item .txt-sub .word-sm {display:block;}

	.main .owl-theme .owl-nav.disabled+.owl-dots {display: none;}


	.main .enter {font-size: 23px;}
	.main .enter::after {margin: 75px 0 30px;}

	











	/* ----- step-wrap ----- */
	/* ----- step-wrap ----- */
	/* ----- step-wrap ----- */
	.step-wrap .smart-container .step-txt-wrap .step-num,
	.step-wrap .smart-container .step-txt-wrap .step-txt-category,
	.step-wrap .smart-container .step-txt-wrap .step-txt-contents,
    .step-wrap .smart-container .step-txt-wrap .step-sub {font-size: 12px;}


	.step-wrap .step-wrap-inner .step {padding: 0;}


	.step-management .smart-animation svg {margin: 0 10px;}


	/* ----- smart-cart-wrap ----- */
	/* ----- smart-cart-wrap ----- */
	/* ----- smart-cart-wrap ----- */
	/* ----- smart-cart-wrap ----- */
	/* ----- smart-cart-wrap ----- */
	/* ----- smart-cart-wrap ----- */
	/* ----- smart-cart-wrap ----- */
	/* ----- smart-cart-wrap ----- */
	/* ----- smart-cart-wrap ----- */
	.cart-btn-position {display: none;}

	/* ----- smart-cart-wrap.active ----- */
	/* ----- smart-cart-wrap.active ----- */
	/* ----- smart-cart-wrap.active ----- */
	.smart-cart-wrap.active {display: flex;}

	.smart-cart-wrap.active .smart-cart-position {
		flex: 1;
		position:relative;
		overflow: auto;
		background-color: #fff;
	}
	.smart-cart-wrap.active .smart-cart-mobile-tap-box {
		display: block;
	}
	.smart-cart-wrap.active .smart-cart-mobile-tap-txt {
		background-color: #fff;
	}
	.smart-cart-wrap.active .smart-cart-mobile-tap-title {
		display: flex; align-items:center; justify-content: space-between;
		font-size: 16px;
		font-weight: 500;
		color: #454545;
		padding: 20px 30px;
		border-bottom: 1px solid #efefef;
	}
	.smart-cart-wrap.active .smart-cart-wrap-close {
		position: relative;
		padding: 10px;
	}

	.smart-cart-wrap.active .smart-cart-mobile-tap {
		display:flex;
	}
	.smart-cart-wrap.active .smart-cart-mobile-btn {
		position: relative;
		display:flex; align-items:center; justify-content: center;
		width: 50%;
		font-size: 12px;
		padding: 10px 0;
		border-bottom: 1px solid #efefef;
	}
	.smart-cart-wrap.active .smart-cart-mobile-btn.view {
		border-bottom: 1px solid #ffd03e;
	}


	



	/* ----- smart-cart-wrap ----- */
	/* ----- smart-cart-wrap ----- */
	/* ----- smart-cart-wrap ----- */
	.smart-cart-wrap {
		position: fixed;
		display:flex; flex-direction: column; 
		padding: 80px 0 0;
		width: 100%; height: 100%;
		background-color: rgba(0,0,0,0.5);
		display: none;
	}




	.smart-cart-position {width: 100% !important;}

	.smart-cart-view {
		position: unset;
		width: 100%; height: 100%;
		overflow: auto;
	}
	.smart-cart-view-inner {
		width: 100%;
		border: none;
	}
	.smart-cart-view-txt {display:none;}
	.smart-cart-view-title {font-size: 16px;font-weight: 500;}
	.smart-cart-view-txt-icon {display: none;}
	.smart-cart-open-btn {display: none;}


	.smart-cart-option {padding: 0 30px 10px;}
	.smart-cart-option-txt {font-size: 11px;}


	.smart-cart-option-box .option-box-button img {width: 15px;}
	.smart-cart-option-box .option-box-title {font-size: 12px;}
	


	.smart-cart-option-box .smart-cart-option-list {
		position: relative; top:0;
		border: none;
		background-color: #f7f7f7;
	}
	.smart-cart-option-box .smart-cart-option-list li {
		padding: 0 30px;
		font-size: 12px;
	}




















	/* .smart-cart */
	/* .smart-cart */
	/* .smart-cart */
	.smart-cart {
		width: 100%;
		overflow: unset;
	}
	.smart-cart-scroll {
		overflow: unset;
		padding: 0;
	}

	.smart-cart-list {max-width: unset;}


	.smart-cart-list-btn-box button img {width: 12px;}
	.smart-cart-list-btn-box .list-btn-delete {font-size: 12px;}





	/* ----- .smart-cart-open ----- */
	/* ----- .smart-cart-open ----- */
	/* ----- .smart-cart-open ----- */
	/* ----- .smart-cart-open ----- */
	/* ----- .smart-cart-open ----- */
	/* ----- .smart-cart-open ----- */
	.smart-cart-open {
		position: unset;
		width: 100%;
		overflow: auto;
	}
	.smart-cart-open-wrap {
		display:block;
		width: 100%; 
		padding: 30px;
		border-left: none;
	}
	.smart-cart-contents.smart-cart-open {display: none;}
	.smart-cart-contents.smart-cart-open.view {display:flex;}
	.smart-cart-open-wrap, .smart-cart-open .consulted {max-width:100%;margin: 0px;}
	.smart-cart-open .consulted  {display: none;}
	.smart-cart-open-tab-box {
		flex-wrap: wrap;
		margin: 0 0 20px;
		border: 1px solid #efefef;
		border-bottom: none;
	}
	.smart-cart-open-tab, .smart-cart-open-tab.on {
		flex: none;
		width: 33.3333%; height: unset;
		font-size: 12px;
		padding: 8px 10px;
		border-right: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
	}
	.smart-cart-open-tab:nth-child(3n), .smart-cart-open-tab.on {
		border-right: none;
	}




	/* .smart-cart-open-contents */
	/* .smart-cart-open-contents */
	/* .smart-cart-open-contents */



	/* .cart-filter-btn-box */
	/* .cart-filter-btn-box */
	.cart-filter-btn-box {
		flex:none;
		padding: 0;
		display: block; height: unset;
		border: 1px solid #efefef;
	}
	.cart-filter-btn {
		padding: 8px 10px;
		margin: 0;
		overflow: auto;
		border-bottom: 1px solid #efefef;
	}
	.cart-filter-btn:last-child {
		border-bottom: none;
	}
	.cart-filter-btn::-webkit-scrollbar {
		display: none;
	}
	.cart-filter-btn-title {
		flex: none;
		justify-content: space-between;
		width: 100px;
		font-size: 12px;
	}
	.cart-filter-btn-title::after {margin: 0;}


	.filter-btn {flex: none;}
	.filter-btn label {font-size: 12px;}









	/* .cart-contents-box */
	/* .cart-contents-box */
	.cart-contents-box {
		flex: 1;
		padding: 0;
		overflow: unset;
	}
	.cart-contents-box-inner {
		height: 100%;
		overflow: unset;
		padding: 0;
	}
	.cart-contents-box-inner::-webkit-scrollbar {
		width: 7px;
		border-radius: 3px;
		background-color: #efefef;
	}
	.cart-contents-box-inner::-webkit-scrollbar-thumb {
		background-color: #fff;
		border-radius: 10px;
		background-clip: padding-box;
		border: 2px solid transparent;
	}




 
	.cart-contents {
		flex-wrap: wrap;
		width: 100%;
		margin: 10px 0 0;
	}
	.cart-contents > div {border-right: unset;}

	/* .cart-contents .cart-contents-img */
	/* .cart-contents .cart-contents-img */
	.cart-contents .cart-contents-img {
		flex:none;
		width: 40%;
		border-right: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
		overflow:hidden;
	}
	.cart-contents .cart-contents-img img {max-height: 150px;}

	/* .cart-contents .cart-contents-infomation */
	/* .cart-contents .cart-contents-infomation */
	.cart-contents .cart-contents-infomation {
		flex:none;
		width: 60%;
		border-bottom: 1px solid #efefef;
	}
	.cart-contents-notice p {font-size: 12px;}

	/* .cart-contents .cart-contents-spec */
	/* .cart-contents .cart-contents-spec */
	.cart-contents .cart-contents-spec {
		border: none;
		flex: 5;
	}
	.cart-contents-spec-name {
		width: 70px;
		font-size: 12px;
	}
	.cart-contents-spec-contents {
		flex:1;
		font-size: 12px;
		margin: 0;
		padding: 0 10px;
		overflow: auto;
	}
	.cart-contents-spec-contents::-webkit-scrollbar {
		display: none;
	}

	.cart-contents-spec-contents p {font-size: 10px;}
	.cart-contents-spec-contents .spec-contents-btn-title {font-size: 12px;}

	/* .cart-contents .cart-contents-btn */
	/* .cart-contents .cart-contents-btn */
	.cart-contents .cart-contents-btn {
		flex: none;
		width: 100%;
	}
	.cart-contents-btn-inner {
	    flex-direction: row-reverse;
		align-items: center;
	}
	.cart-contents-btn-inner img {
		height: 15px;
	}


	.cart-contents-list li {
		padding: 8px 10px;
		min-height: 45px;
	}
	.cart-contents-list > div {
		padding: 10px;
	}



	.smart-cart-open-wrap .consulted {display: none;}





	




























	/* .smart-cart-sand */
	/* .smart-cart-sand */
	/* .smart-cart-sand */
	.smart-cart-sand {
		bottom:0;
		width: 100%; height: 80px;
	}
	.smart-sand-btn-title {
		font-size: 16px;
	}
	.smart-cart-sand img {
		height: 15px;
	}
	.smart-cart-sand-pc {display: none;}
	.smart-cart-sand-m {display: flex;}





































	/* ----- management ----- */
	/* ----- management ----- */
	/* ----- management ----- */
	.management .management-title {
		font-size: 20px;
		line-height: 1.4em;
	}
	.management .management-title .word-sm {
		display: block;
	}

	.management-slider-bg img {
		width: 100%;
	}

	.management-slider-wrap {padding:0;}
	.management-slider-wrap .management-slider {
		width: 70%;
	}
	.management .owl-theme .owl-nav.disabled+.owl-dots {
		display:none;
	}



	/* ----- download ----- */
	/* ----- download ----- */
	/* ----- download ----- */
	.download .cube-icon img {width: 28px;}
	.download .download-wrap a {
		font-size: 20px;
		padding: 5px 0;
	}
	.download .download-wrap a:hover {transform: scale(1.3);}





	/* ----- smart-icon-box ----- */
	/* ----- smart-icon-box ----- */
	/* ----- smart-icon-box ----- */
	.smart-icon-box {
		position: relative; bottom: 0; right:0; left:0;
		display: flex; flex-direction: column;
		align-items: center;
		padding: 30px 0;
		background-color: #00a35b;
	}
	.smart-icon-img img {width: 40px;}

	.smart-icon-title {font-size: 12px;}
	.smart-icon-sub {font-size: 12px;}







	
	/* ----- estimate ----- */
	/* ----- estimate ----- */
	/* ----- estimate ----- */
	.estimate {
		flex-direction: column;
		padding: 80px 0 0;
		overflow: auto;
	}
	.estimate-m-close {padding:10px;}
	.estimate.active {
		display: flex;
		overflow: auto;
	}

	.estimate_wrap {
		flex: 1; 
		overflow:auto;
		padding: 0 0 20px;
		width: 100%;
	}
	.estimate_box {
		flex-direction: column;
		overflow: unset;
	}
	.estimate_form_txt, .estimate_form {padding: 18px 30px;}


	/* .estimate_option_form */
	.estimate_option_form {border-right: none;}
	.estimate_list_wrap {overflow: unset;}
	
	.estimate_item .estimate_item_img {
		max-height: 200px;
	}


	/* .estimate_input_form */
	.estimate_input_form {}
	.estimate_input_form .estimate_form {min-width: unset;}
	.estimate_input_wrap {display: block;}

	.estimate_input_item textarea {
		flex:none;
		height: 130px;
	}

	.estimate .estimate_close {display:none;}
	.estimate .consulted {
		box-shadow: none;
		align-items:center;
		justify-content: center;
	}
	.estimate .consulted-card {display:none;}
	.estimate .consulted-card-sand {
		flex:none;
		display:flex;
		width: 250px; height: 50px;
		border-radius: 25px;
	}
	.estimate .consulted-sand-txt {
		font-size: 16px;
	}
	.estimate .consulted-icon img {
		height: 15px;
	}












}