.modle_scrollbar::-moz-scrollbar{ width: 0; background: #FFF;}
.modle_scrollbar::-moz-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.modle_scrollbar::-ms-scrollbar{ width: 0; background: #FFF;}
.modle_scrollbar::-ms-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.modle_scrollbar::-webkit-scrollbar{ width: 0; background: #FFF;}
.modle_scrollbar::-webkit-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}

.none_scrollbar::-moz-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar::-moz-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.none_scrollbar::-ms-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar::-ms-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}
.none_scrollbar::-webkit-scrollbar{ width: 0; height: 0; background: #FFF;}
.none_scrollbar::-webkit-scrollbar-thumb{ background-color: #00AC96; border-radius: 0;}

.pc_x_scrollbar::-moz-scrollbar{ height: 0; background: #FFF;}
.pc_x_scrollbar::-moz-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}
.pc_x_scrollbar::-ms-scrollbar{ height: 0; background: #FFF;}
.pc_x_scrollbar::-ms-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}
.pc_x_scrollbar::-webkit-scrollbar{ height: 0; background: #FFF;}
.pc_x_scrollbar::-webkit-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}
@media(min-width: 768px){
    .pc_x_scrollbar::-moz-scrollbar{ height: 5px; background: #FFF;}
    .pc_x_scrollbar::-moz-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}
    .pc_x_scrollbar::-ms-scrollbar{ height: 5px; background: #FFF;}
    .pc_x_scrollbar::-ms-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}
    .pc_x_scrollbar::-webkit-scrollbar{ height: 5px; background: #FFF;}
    .pc_x_scrollbar::-webkit-scrollbar-thumb{ background-color: #DDD; border-radius: 0;}
}


.modle_foot_button{ position: fixed; z-index: 100; right: 0; bottom: 0; left: 0; padding: 1rem; background: #FFF; box-shadow: 0 -2px 10px 0 rgba(0 0 0/5%);}
.modle_foot_button .text{ padding-bottom: 1rem; text-align: center; line-height: 1.5rem; font-size: 1.1rem; color: #000;}
.modle_foot_button .check{ display: flex; justify-content: center; padding-bottom: 1rem;}
.modle_foot_button .check label{ display: flex; align-items: center; grid-gap: 0.5rem; cursor: pointer;}
.modle_foot_button .check label i{ display: flex; justify-content: center; align-items: center; width: 1.4rem; height: 1.4rem; border-radius: 50%; border: 1px solid #000; background: #FFF; font-size: 0.9rem; color: #000;}
.modle_foot_button .check label p{ font-size: 1rem; color: #000;}
.modle_foot_button .check label.on i{ background: #000; color: #FFF;}
.modle_foot_button .check label.on p{}
.modle_foot_button .button{ display: flex; flex-direction: column; grid-gap: 0.5rem;}
.modle_foot_button .button a{ display: flex; justify-content: center; align-items: center; grid-gap: 2rem; width: 100%; height: 4rem; border-radius: 2rem; background: #000; cursor: pointer;}
.modle_foot_button .button a p{ font-size: 1.2rem; font-weight: 600; color: #FFF;}
.modle_foot_button .button a svg{ width: 1rem; height: 1rem;}
.modle_foot_button .button a svg path{ fill: #FFF;}
.modle_foot_button .button a.line{ border: 1px solid #000; background: #FFF;}
.modle_foot_button .button a.line p{ color: #000;}
.modle_foot_button .button a.line svg path{ fill: #000;}
.modle_foot_button .button a.off{ opacity: 0.8;  filter: blur(0);}
.modle_foot_button .button a.off p{ opacity: 0.2;}
.modle_foot_button .button a.off svg{ opacity: 0.2;}

.modle_foot_button.white{ background: #FFF;}
.modle_foot_button.white .button a{ background: #000;}
.modle_foot_button.white .button a p{ color: #FFF;}
.modle_foot_button.white .button a svg path{ fill: #FFF;}
.modle_foot_button.white .button a.line{ border: 1px solid #000; background: #FFF;}
.modle_foot_button.white .button a.line p{ color: #000;}
.modle_foot_button.white .button a.line svg path{ fill: #000;}
@media(min-width: 768px){
}


.modle_foot_select{ display: flex; justify-content: center; grid-gap: 0.5rem; position: fixed; z-index: 90; right: 0; bottom: 0; left: 0; height: 3rem; opacity: 0; transition: all .3s;}
.modle_foot_select .tit{ display: none; align-items: center; padding: 0 0.8rem; height: 2rem; border-radius: 3rem; background: #000; font-size: 1.1rem; color: #FFF; transition: all .3s;}
.modle_foot_select .color{ display: none; width: 2rem; height: 2rem; border-radius: 50%; background: #8acc7d; transition: all .3s;}
.modle_foot_select .pattern{ display: none; height: 2rem; transition: all .3s;}
.modle_foot_select .pattern img{ display: block; width: auto; height: 100%;}
.modle_foot_select.on{ bottom: 6rem; opacity: 1;}
.modle_foot_select.on .tit.on{ display: flex;}
.modle_foot_select.on .color.on{ display: block;}
.modle_foot_select.on .pattern.on{ display: block;}
.modle_foot_select.on.down{ bottom: 0;}
@media(min-width: 768px){
}


.modle_popup{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: fixed; z-index: 300; top: -200%; right: 0; bottom: 200%; left: 0; padding: 0 2.15rem; background: rgba(0 0 0/50%); opacity: 0; transition: opacity .3s;}
.modle_popup .contents{ padding: 2rem; width: 100%; border-radius: 2rem; background: #FFF; text-align: center; transform: scale(0); transition: all .3s;}
.modle_popup .contents .tit{ font-size: 1.4rem; font-weight: 700; color: #000;}
.modle_popup .contents .txt{ margin: 1rem 0 0 0; line-height: 1.4; font-size: 1.1rem; color: #666;}
.modle_popup .contents .txt b{ font-weight: 700; color: #000;}
.modle_popup .contents .btn{ display: flex; grid-gap: 0.5rem; margin: 2rem 0 0 0;}
.modle_popup .contents .btn a{ display: flex; justify-content: center; align-items: center; width: 50%; height: 3.5rem; border-radius: 2rem; background: #000; font-size: 1.2rem; font-weight: 500; color: #FFF; cursor: pointer;}
.modle_popup .contents .btn a.close{ border: 1px solid #000; background: #FFF; color: #000;}
.modle_popup.on{ top: 0; bottom: 0; opacity: 1;}
.modle_popup.on .contents{ transform: scale(1); opacity: 1;}
@media(min-width: 768px){
}