@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");

/*=== basicStyle ================================= */ 
 *{transition:all 0.2s;-webkit-transition:all 0.2s;letter-spacing: -.3pt;}
body:not(.webBrand) { min-width: 1000px !important; }
h1,h2,h3,h4,h5,h6 {  font-weight: 100;}
h1 {  font-size: 30px;}
h2 {  font-size: 24px;}
h3 {  font-size: 16px;}
h4 {  font-size: 14px;}
h5 {  font-size: 12px;}
h6 {  font-size: 10px;}
h3,h4,h5 {  margin-top: 5px;  font-weight: 600;}
.overflowhidden{overflow:hidden;}
.no_data{display:none !important}
span{display:inline-block;}
a,a:active,a:hover{text-decoration:none; display: inline-block;}
a:hover{transform: translateY(1px) translateX(1px);}
a:active{opacity:0.7}
select {
  padding:0 28px 0 10px;
 -webkit-appearance:none; /* for chrome */
 -moz-appearance:none; /*for firefox*/
  appearance:none;
  box-sizing: border-box;
  background:url("../images/select_back.png") no-repeat 97% 50%/15px auto;
}

select::-ms-expand{
   display:none;/*for IE10,11*/

}

input,select,textarea{padding:0.2em;outline:none;    border: 1px solid #d3d3d3;}
table{border-spacing: 0;  border-collapse: separate}
.pl0{padding-left:0 !important;}
.pr20{padding-right:20px !important;}
.p0{padding:0 !important;}
.pb0{padding-bottom:0 !important;}
.pr0{padding-right:0 !important;}
.ml8{margin-left:8px;}
.mb5{margin-bottom:5px}
.mt0{margin-top:0px}
.textR{text-align:right;}
.border0{border:0px solid #fff !important;}
/*=== wrapStyle ================================= */
.mainWrapMobile {padding-left:0 !important;}
.mainWrap {display:inline-block;width:100%;magin-webkit-transition: width 3s;-moz-transition: width 3s; transition: width 3s;}
.menuWrap .drawer-main {display:inline-block;float:left;padding-top:68px;overflow-x:hidden;width:14rem;height:100vh;background:#464750;position:fixed; z-index:3;top:0;bottom:0;left:0;overflow-y: auto;}
.menuWrap .drawer-main::-webkit-scrollbar, .menuWrap .drawer-main::scrollbar, .menuWrap .drawer-main::-ms-scrollbar{width:5px;}
.menuWrap .drawer-main::-webkit-scrollbar-track, .menuWrap .drawer-main::scrollbar-track, .menuWrap .drawer-main::-ms-scrollbar-track {background: #38383F;}
.menuWrap .drawer-main::-webkit-scrollbar-thumb, .menuWrap .drawer-main::scrollbar-thumb, .menuWrap .drawer-main::-ms-scrollbar-thumb {background: #ADB5BD;}
.menuWrap .drawer-main::-webkit-scrollbar-thumb:hover, .menuWrap .drawer-main::scrollbar-thumb:hover, .menuWrap .drawer-main::-ms-scrollbar-thumb:hover {background: #C6CFD8;}
.logo img {max-width: 7.5rem;max-height:22px;margin:0px 1.3rem; filter:brightness(500%) saturate(5%);-webkit-filter:brightness(500%) saturate(5%);}

.page-header{background:#fff;border-bottom: 1px solid #e7eaec;border-top: 1px solid #e7eaec;}
.page-header div{display: inline-block;}
.container .page-header{border-left: 1px solid #e7eaec;border-right: 1px solid #e7eaec;}
.pull-right {float: right !important;margin-bottom:0}
.page-header .btn-sm{height:28px;}
.breadcrumb > li {display: inline-block;font-size:13px;font-weight:300;color:#676a6c}
.breadcrumb > li a {color: inherit;}
.breadcrumb > li + li:before {  padding: 0 5px;  color: #ccc;  content: "/\00a0";}
.breadcrumb > .active {  color: #777;font-weight:500}
.width70{width:70%}
.mlr5{margin-left:5px;margin-right:5px;}
.input-group div + div{margin-top:5px;}
.main_slide_btn{display:inline-block;position:absolute;width:30px;z-index:1;right:-30px;cursor:pointer;border-radius:0 5px 5px 0;background:#19aa8d;height:50px;}
.main_slide_btn:before{content:'';display:inline-block;width:10px;height:30px;border-right:1px solid #ddd;    margin: 10px;border-left:1px solid #ddd;}
/*-- leftmenu --
.nav-drawer {padding-top:8px;}
.nav-drawer a {display:block;font-weight:700;}
.nav-drawer >.nav-item > a {color:#fff;border-left:3px solid rgba(0,0,0,0); padding: 12px 15px; font-weight: 500; }
.nav-drawer >.nav-item > a:after {position: absolute;right: 30px;font-size: 17px;content: '\f078'; font-weight: 600; transition: all ease 0.2s;}
.nav-drawer >.nav-item.on > a {background:#38383F;}
.nav-drawer >.nav-item.on > a:after {font-weight: 600; transform: rotate( -180deg ); }
.nav-drawer >.nav-item .nav-subnav {display:none;transition:display 3s !important; background: #38383F; padding-bottom: 12px;}
.nav-drawer >.nav-item.on .nav-subnav{display:block;}
.nav-drawer >.nav-item .nav-subnav a{padding-left:30px;color:#ADB5BD;padding: 5px 30px; font-size: .97rem; font-weight: 400;}
.nav-drawer >.nav-item .nav-subnav a:hover ,.nav-drawer >.nav-item .nav-subnav a:focus, .nav-drawer >.nav-item .nav-subnav a:active{background:#38383F; color:#fff;  transform: translateY(0px) translateX(0px);}

.drawer-main a:hover{text-decoration: none;}
*/



/*
.userInfo{padding:.9rem 1.8rem;}
.userInfo img{border-radius:50%; width: 55px;}
.userInfo div:last-child{margin-left: .9rem; width: 65%;}
.userInfo div #custNm{color:#fff; font-weight: 500; line-height:1.2rem; margin-bottom:.07rem; padding-top: .45rem}
.userInfo div #username{font-size:0.9em;font-weight:400;color:#ADB5BD; margin-bottom:12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
*/
.userInfo{padding:.9rem .8rem;}
.userInfo img{border-radius:50%; width: 55px;}
.userInfo div:last-child{margin-left: .9rem; width: 100%;}
.userInfo div #menuPatstoNm{color:#fff; font-size: 1.1rem; font-weight: 500; line-height:1.2rem; margin-bottom:.07rem; padding-top: .45rem}

.userCustInfo{padding:.0rem .8rem;}
.userCustInfo div:last-child{margin-left: .9rem; width: 100%;}
.userCustInfo div #custNm{color:#fff; font-weight: 500; line-height:1.2rem; margin-bottom:.07rem;}
.userCustInfo div #username{font-size:0.9em;font-weight:400;color:#ADB5BD; margin-bottom:12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}


.btn-logout{background: none; border: 1px solid #fff; color: #fff; box-shadow: none !important; font-size: .8rem; padding: .25rem .7rem}
.btn-logout:hover{background:#ADB5BD; color: #fff; border: 1px solid #adb5bd}

/*-- mediaLeftMenu  -- */
.navbar-toggle,.topTitle {display:none;}
.navbar-toggle .icon-bar:last-child{width: 50%;}


.tui-chart{margin:auto !important}
.chat_wrap{max-width:100% !important;display:inline-block !important}
.chart-list-group{text-align:center;}
.chart-list-group ul{display:inline-block !important}


/*=== inputStyle ==============================================*/
.hiddenBorder{border:0 solid rgba(0,0,0,0) !important;background:rgba(0,0,0,0); width:100%; font-weight:400; color:#495057;}
.hiddenBorder:focus{outline:none !important;}

/* tags input */
.bootstrap-tagsinput {}
.bootstrap-tagsinput input { background: transparent; border: none; padding-left: .5rem; padding-right: .5rem; width: 15rem;}
.bootstrap-tagsinput input:hover, .bootstrap-tagsinput input:focus {outline: none; }
.bootstrap-tagsinput {height: auto; padding: 0.535rem 0.75rem; border: 1px solid #E9ECEF; border-radius: .25rem;}
.bootstrap-tagsinput input::-moz-placeholder {color: #C6CFD8;opacity: 1;}
.bootstrap-tagsinput input::-ms-input-placeholder { color: #C6CFD8;}
.bootstrap-tagsinput input::-webkit-input-placeholder { color: #C6CFD8;}
.bootstrap-tagsinput input:focus { border: none; box-shadow: none;}
.bootstrap-tagsinput .tag [data-role="remove"] {  margin-left: 8px;  cursor: pointer;}
.bootstrap-tagsinput .tag [data-role="remove"]:after {content: "\f00d";font-size: .95rem;color: #6c757d; font-weight:600;}
.bootstrap-tagsinput .tag {margin-right: 3px;color: #495057;background: #e8eef2; padding: 0.125rem .715rem 0.155rem .715rem; border-radius: 1rem; word-break:keep-all; font-size: .95rem; font-weight:500;}

/* place holder */
.form-control::-ms-expand {background-color: transparent;border: 0; }
.form-control::-webkit-input-placeholder{color: #C6CFD8; font-weight: 400; opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.form-control::-ms-input-placeholder{color: #C6CFD8; font-weight: 400;opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.form-control::placeholder{color: #C6CFD8; font-weight: 400;opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.form-control:disabled .form-control[readonly]{color:#6c757d; opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.form-control:disabled{ cursor: not-allowed; }
.form-control-file,.form-control-range {display: block; }
.form-control-label { padding: 5.1px 5.6px;padding: 0.425rem 0.8rem;margin-bottom: 0;}

/* help block */
.help-block{margin-bottom: 0; font-size: .9rem; color: #868E96; font-weight: 400;}

/*overflow-x:scroll table*/
.scrollTable{width:100%; overflow-x:auto;}
.scrollTable .table{padding-bottom:0;margin-bottom:0;}
.scrollTable table tr th,.scrollTable table tr td{min-width:100px;}
.scrollTable table tr th:first-child,.scrollTable table tr td:first-child{position:absolute;width:150px;background:#fff;}
.scrollTable tr th:nth-child(2),.scrollTable tr td:nth-child(2){min-width:250px;padding-left:150px; height:50px;}
.scrollTable{overflow-x:auto;}

/* agreement */
.agreement{font-size: .93rem; transition:auto; overflow-y:auto; font-weight: 400; height:250px; border-radius: .3rem; padding: .8rem 1rem; background: #FCFCFC; border: 1px solid #F0F3F8;}
.agreement ol{padding-inline-start: 25px; padding-bottom: .7rem;}
.agreement ol li{margin-bottom: .2rem;}
.agreement ol ol{font-size: .9rem; font-weight: 300; margin-top: .5rem; margin-bottom: 1rem;}
.agreement::-webkit-scrollbar-track {background: #f8f9fa;}
.agreement::-webkit-scrollbar-thumb {background: #d4dbe2; border-radius: 5rem;}

.agree .btn-text::before { content: '\f078';font-weight: 600; color:#ADB5BD;}
.agree .btn-text[aria-expanded='true']::before { content: '\f077';font-weight: 600;color:#ADB5BD}

/* line input */
.line-input {border:none;border-bottom:2px solid #ced4da;border-radius:0;outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;}
.line-input:focus {box-shadow:none;}

/* search Input */
.search {border-radius: 5rem !important; padding-left: 2.7rem; padding-right: .2rem; background:#F8F9FA url("../images/search-icon.png") 1.3rem 50% no-repeat;}
.search> .form-control{border: none !important;}
.search > .form-control >button {margin-left: 0;}
.search {position:relative}
.search ~ p{word-break: keep-all; font-size:.8rem;}
.addSchWrap{height:200px;overflow-x:hidden;overflow-y:auto;display:block; padding-right: .5rem;}
.addSchWrap label{border: none; padding: .8rem 1rem;}
.addSchWrap label:hover, .addSchWrap label:active, .addSchWrap label.active{background: #f0f3f8;}
.addSchWrap label:active, .addSchWrap label.active{font-weight: 500;}
.addSchWrap em{font-style: initial; color: #212529;}
.addSchWrap em b{margin-right: 1rem;}
.addSchWrap label.active::before{content: "";}
.addSchWrap label.active::after{content: "\f00c"; display: inline-block; float: right; margin-left: auto; font-weight: 600; color: #19aa8d;}

/* PIN CODE */
.pinCode input{border:none;background:#eff1f5; text-align:center; font-size:1.3rem; width: 50px;height: 50px;}
.pinCode button{border:1px solid #eff1f5; background:#fff; font-size:1.3rem; box-shadow:none; border-radius:5rem; width:70px; height:70px;}

/*chart*/
.chat_wrap{max-width:200px}

/*select*/
.timepick {background: transparent url("../images/clock-icon.png") no-repeat right center;background-size: 1.2rem;}
.custom-select.on{}
.custom-select.on .option_wrap,.custom-select.on .optionTitle{display:block;}
.custom-select em{font-style:normal}
.option_wrap{position:absolute;border-radius:0 0 .5rem .5rem;display:none;max-height:350px;overflow-y:auto;top:25%;z-index:10;left:0;right:0;background:#fff; border-top:1px solid #e3ebf3}
.optionTitle{padding:1rem 1.5rem 1rem 1.5rem;font-size: 1.2rem;font-weight:500;z-index:10;display:none;top:25%;position:absolute;width: 100%;border-radius:.5rem .5rem 0 0;margin-top: -60px;left: 0;background:#fff;}
.optionTitle .close{line-height: 1.5rem; font-size: 1.3rem; }
.option_wrap div{display:block;cursor:pointer;padding:1rem 1.5rem !important}
.option_wrap div:hover{background:#19aa8d;color:#fff}
.option_wrap div:active, .option_wrap div.active{background:#fff;color:#19aa8d;}
.option_wrap div.active::before{content: ""}
.option_wrap div.active::after{content: "\f00c"; display: inline-block; float: right; margin-left: auto; font-weight: 600;}

.custom-select .dimmed{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:9}
.custom-select.on .dimmed{display:block;}

.option_wrap::-webkit-scrollbar{width: 5px;}
.option_wrap::-webkit-scrollbar-track {background: none;}
.option_wrap::-webkit-scrollbar-thumb {background: #D4DBE2; border-radius: 5rem; }
.option_wrap::-webkit-scrollbar-thumb:hover {background: #C6CFD8;}

/* scroll bar */
::-webkit-scrollbar {width: 7px; height:7px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #b2b5bf; border-radius: 5rem;}
::-webkit-scrollbar-thumb:hover {background: #91949a;}

::-moz-selection { /* Code for Firefox */ color: #001f90; background: #d1f0fc;}
::selection { color: #001f90; background: #d1f0fc;}


/* accordion */
.accordion ul {padding-inline-start: 0;}
.accordion ul li {list-style:none;}

/* loginForm */
.login{margin: 0;}
.login-left{background:#19aa8d; padding: 8rem 5rem 5rem 5rem; color: #fff; height:100vh; font-size: 1.1rem; line-height: 2; margin: 0; word-break: keep-all;}
.login-left img{filter:brightness(500%) saturate(5%);-webkit-filter:brightness(500%) saturate(5%); width: 10rem;}
.login-left p{color: #b6d9d2; font-weight: 300;}
.login-left a{text-decoration: underline;}
.login-right h4{font-weight: 600;}
.login-right{ height:100vh; padding: 9rem 10% 10rem 10%;}
.login-right p{color: #868E96 !important;}
input:-internal-autofill-selected {
    background-color:#d5e3e0 !important;
}
.login_timer{margin-top:5px;}
.login_timer span{margin-left:5px;color:#19aa8d;font-size:1.2em}
#storeJwt .modal-footer .btn {height:auto}
/* border style */
.dotted {border-style:dotted !important; border:inherit;}
.dashed {border-style:dashed !important; border:inherit;}

/* Menu wizard */
.wz-menu { background: rgba(222, 222, 222, 0.05); padding-left:45px; display: none; position: relative;}
.wz-menu > li > a{padding-left:0 !important;}
.wz-menu.active { display: block; }
.wz-menu li { position: relative; }
.wz-menu li:before, .wz-menu li:after { content: ''; width: 8px; height: 8px; background: #fff; background: rgba(0, 0, 0, 0.2); border-radius: 50%; display: block; position: absolute; top: 16px; left: -24px; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.wz-menu li:before { top: 20px; left: -20px; width: 0; height: 0; background: #fff; }
.wz-menu li.active:before, .wz-menu li:hover:before { top: 16px; left: -24px; width: 8px; height: 8px; }
.wz-menu li a:focus, .wz-menu li a:hover, .wz-menu li a:active, .wz-menu li a.active { background-color:#26394b; color:#19aa8d;}
.nav-drawer .wz-menu a::before {position: absolute; content: ""; background: rgb(38, 52, 66); width: 2px; height: 35px; top: -19px; left: -21px;}
.nav-drawer .wz-menu li:first-child a::before {display:none;}
.wz-menu .first-done::after {background-color:#19aa8d;}
.wz-menu .done::after {background-color:#19aa8d;}
.wz-menu .done a::before {background-color:#19aa8d;}

/* Month picker */
.mtz-monthpicker td{padding:10px;}

/* title */
.btn-title{background:none; border:none; font-size:1.9rem; font-weight:400; color: #212529;}
.btn-title:hover{color:#19aa8d; cursor: pointer; transition: .2s;}
.page-header .dropdown-item{padding: .5rem 1.5rem; font-weight:500;}
.page-header .dropdown-menu.show {box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);border: 1px solid #D4DBE2;}

.card .card-header h5{font-weight: 600;}

/* store uplod */
.store-file .file-upload{display: none;}
.store-file-label{color: #00ADF1; cursor: pointer; font-weight:400; padding-right: 10px; overflow-x: hidden; text-overflow: ellipsis;}
.store-file-delete{font-weight:400; border-left: 1px solid #E9ECEF; padding-left: 10px; white-space:nowrap; color: #868E96;}

.shop-img{width:100%;max-width:200px; margin-right:1rem;}
.shop-img img, .img-thumbnail{position: absolute; top: 0; left: 0; max-width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: auto;}
.shop-info{width:100%;}
.img-sm{width: 13%; height: auto;}
.shop-img-wrapper{width:200px;}
.user-img-wrapper{width:150px;}
.modal .user-img-wrapper{width: 60px}
.img-info{position: relative; padding-top: 100%; overflow: hidden; }
.img-center{position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);}

/* button ladio */
.button-ladio-group{background: #F0F3F8; padding: .3rem; border-radius: .3rem;}
.btn-ladio{background:#F0F3F8; margin-bottom: 0 !important;}
.btn-ladio:focus, .btn-ladio:hover, .btn-ladio:active, .btn-ladio.focus, .btn-ladio.hover, .btn-ladio.active{background: #19aa8d; color:#fff;}

.button-ladio-img-group {}
.btn-img-ladio{background: none; margin-bottom: 0 !important;filter:grayscale(100%);-webkit-filter:grayscale(100%);}
.btn-img-ladio img{opacity: .2; width: 150px; height: 150px;}
.btn-img-ladio:hover, .btn-img-ladio:active, .btn-img-ladio.hover, .btn-img-ladio.active{filter:grayscale(0%);-webkit-filter:grayscale(0%);}
.btn-img-ladio:hover img, .btn-img-ladio:active img, .btn-img-ladio.hover img, .btn-img-ladio.active img{opacity: 1; transition: .1s;}

/* btn-checkbox */
.btn-check{background: #F0F3F8; color: #868E96; font-size: .9rem; padding: .5rem 1.5rem}
.btn-check:hover, .btn-check:active, .btn-check.hover, .btn-check.active{background:#495057; color: #fff; }
.btn-check-o{color: #ADB5BD; padding:0;}
.btn-check-o:hover, .btn-check-o:active, .btn-check-o .hover, .btn-check-o.active{color: #FF962D; padding:0;}

/* PublicAccount */
.PublicAccount {margin: 1rem 0 0 0; border-radius: .3rem; box-shadow:-3px 3px 19px rgba(0, 0, 0, 0.1); }
.PublicAccount #Nb{color:#868E96; border-right: 1px solid #E9ECEF; margin-right: 20px; padding: 0 30px 0 10px;}
.PublicAccount #Id{color:#212529;}
.PublicAccount button{color:#212529; padding: 0;}
.PublicAccount button:hover, .PublicAccount button:active, .PublicAccount button:focus{text-decoration: none; color:#ADB5BD;}
.PublicAccount button .fa-arrow-circle-right{color: #ADB5BD;}
@media screen and (max-width: 767.98px) {
	.PublicAccount .times {position:absolute; right:20px; top:15px; }
}


@media screen and (max-width: 767.98px) {
	.list-group-item .times {position:absolute; right:10px; top:10px; }
}

/* goods */
.goods a {padding:1.2rem; font-size:1.1rem; word-break:keep-all}
.goods a:hover, .goods a:active, .goods .active{border-radius: .5rem 0 0 .5rem; background: #F2F9FC; z-index: 0;}
.goods .active .badge{background: #19aa8d;}

.menulist li{border-bottom: 1px solid #F0F3F8; margin-bottom: 0;}

.optionInfo li{border:1px solid #E9ECEF; border-radius: .3rem; margin-bottom: .5rem;}
.optionInfo li div span{font-weight: 400;}
.optionInfo li .star{color: #ADB5BD; cursor: pointer;}
.optionInfo li .active .star{color: #FF962D;}

/* delivery */
.delivery .list-group-item{padding:1rem 0; border-bottom: 1px solid #F0F3F8;}
.delivery .list-group-item:hover{background:none;}

/* Exclamation, Complete */
.Exclamation{text-align:center; margin:2rem 0;}
.Exclamation img{width:80px; height:auto; margin-bottom:.7rem;}
.Exclamation p{color:#868E96; font-size: 1.1rem;}
.Complete {text-align:center; margin:2rem 0;}
.Complete img{width:120px; height:auto; margin-bottom:1.5rem;}
.Complete p{color:#868E96; word-break: keep-all;}

/* tab-sm */
.tab-sm {margin-bottom: 1rem;}
.tab-sm li {margin-left: 0; margin-right: 1rem;}
.tab-sm li a{padding: .75rem .515rem; font-size:1.1rem;}

/* sales */
.sales li{color: #ADB5BD; padding: .5rem 0}
.sales li:hover{background: none;}
.sales li.active{background: none; color:#212529}
.sales li span{margin-right:1rem;}

.status li{padding: .5rem;}

.popover{padding:.5rem; width:250px; font-size:.9rem; color:#868E96 !important;}

.cc-01{color: #3D79EF}
.cc-02{color: #49C57B}
.cc-03{color: #FEC344}
.cc-04{color: #B1B7C0}
.cc-05{color: #E5E5E9}

/* sijae */
.sijae img{width:25px; margin-right: 1rem; margin-top:-3px;}

/* employee */
@media screen and (max-width: 767.98px) {
	.epl-time {position:absolute; right:0px; top:-40px; }
}

/* setps */
#RegiStep .steps {display: none;}
#RegiStep .wizard .title{display: none;}
#RegiStep .actions li {list-style: none; margin-left: .625rem;}
#RegiStep .actions li a{color: #FFF; background-color: #19aa8d; border-color: #19aa8d; padding-top:.8rem; padding-bottom:.8rem; height:auto; border-radius: 5rem;}
#RegiStep .actions li a:hover{color:#fff;}
#RegiStep .actions li:first-child a{color: #FFF; background-color: #ADB5BD; border-color: #ADB5BD;}

#Join .steps {display: none;}
#Join .actions{display: flex; width: 100%;}
#Join .actions div{ padding: 0 !important;}
#Join .actions li + li{margin-left: .625rem;}
#Join .actions li {list-style: none; width: 50%;}
#Join .actions li a{color: #FFF; background-color: #19aa8d; border-color: #19aa8d; padding-top:.9rem; padding-bottom:.9rem; height:auto; border-radius: 5rem; width: 100%;}
#Join .actions li a:hover{color:#fff;}
#Join .actions li:first-child a{color: #FFF; background-color: #ADB5BD; border-color: #ADB5BD;}

.steps-tab{height: 3px; background:#FCFCFC; width: 100%; margin-top: 1rem; border-radius: 5rem !important;}
.steps-tab li{height: 3px; width: 100%; padding: 0; border-radius: 5rem !important;}
.steps-tab li:hover{width: 100%; padding: 0;}
.steps-tab li .active{background:#19aa8d; width: 100%; padding: 0; }
.steps-tab li .active:hover{background:#19aa8d; width: 100%; padding: 0;}

.last-one{position: absolute; bottom: 0;}

/* Certificate */
.Certificate label{font-weight: 400; color: #868E96;  background: #F2F9FC; width:100%; text-align: center; padding:2rem 1rem;border-radius: .3rem; cursor: pointer; margin-top: .3rem; font-size: 1.075rem; color: #19aa8d; margin-bottom: 1.125rem;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.Certificate label::after{color:#212529; text-decoration: underline;}
.Certificate label.no-file{cursor:default;}
.Certificate input{display: none;}

/* 모달 */
.full {padding:0 !important;}
.full button{display:inline-block; width:100%;height: 60px !important; font-size:1.1625rem !important}
.full *{margin:0 !important;}
.full button:first-child{width:50%; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;border-bottom-left-radius: 0.3rem; }
.full button:last-child{width:50%; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0 }
.modal-footer .btn-block{border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: calc(1rem - 1px);border-bottom-left-radius: calc(1rem - 1px); font-size:1.1625rem !important; height:60px;}
.modal-footer *{margin:0;}

.modal-body > .close{position:absolute;top: -10px;right: -10px;background: #F0F3F8;border-radius:5rem;padding: .5rem;opacity: 100;}

/* calendar */
#menu .move-today{position: absolute; right: 1rem; top:1rem;}

/* collapse */
.collapse-icon[aria-expanded='false']::before{content: '\f078';font-weight: 600; color:#ADB5BD;float: right;}
.collapse-icon::before { content: '\f077';font-weight: 600;color:#ADB5BD;float: right;}

/*모메*/
/*-topmenu-*/
.top_menu{position:fixed;top:0;left:0;right:0;background:#2f4050;padding:12px 30px 10px 15px;z-index:4;  box-shadow: 0 1px 2px rgba(100,100,100,0.3);}
.top_menu > div:nth-child(1),.top_menu > div:nth-child(2),.top_menu > div:nth-child(3), .top_menu .logo{display:inline-block;}

.subnav_title{font-size:1.05em;padding-left:12px;position:relative;}
.subnav_title:before{content:"";display:inline-block !important;top:10px;left:0;position:absolute;margin-right:8px;width:5px;height:5px;border-radius:50%;background:linear-gradient(to right,rgb(0,167,241),rgb(44,119,209));}
.nav-subnav .subnav_title{margin-top:20px}
.nav-subnav .subnav_title:first-child{margin-top:0px}


.subnav ul{display:inline-block;float:left;width:14.2%}
.subnav ul{display: block;width:14.2%;padding-right: 15px;}


.top_menu .top_menu_left > ul > li a{color:#fff;}
.nav-subnav li a:hover,.nav-subnav li a:active,.nav-subnav li a:visited,.nav-subnav li a:link {background:transparent}

.subnav{position: absolute;left: 0;right: 0;top:45px;padding:20px 5px 2rem;width:100%;border-top:10px solid rgb(220,220,220);background:rgba(255,255,255,0.95);box-shadow:0 0 5px rgba(200,200,200,0.5);display: none;}
.subnav_wrap{width:60%;display: flex;margin-left:10rem;}

.subnav:after{content:"";background:url("../images/logo/viviilogo-ver.png")right bottom no-repeat;display:inline-block;width:10rem;
    height: 3rem;position: absolute;    background-size: 10rem; bottom: 2rem;  right:5rem;}
.top_menu .top_menu_left ul:hover ~ .subnav,.subnav:hover{display:flex;}
.top_menu .top_menu_left{padding-top: 5px;}
.top_menu .top_menu_right{float:right;font-size:0.9em;margin-top:3px;}
.top_menu .top_menu_right ul li{float:left;display:inline-block;padding:0 5px;color:#fff;}

.top_menu .top_menu_left > ul > li a{color:#fff;}
.nav-subnav li a:hover,.nav-subnav li a:active,.nav-subnav li a:visited,.nav-subnav li a:link {background:transparent}

.top_menu .logo{width: 10rem;}

.top_menu .top_menu_left > ul{display:flex;width: 60%;margin-bottom: 0;padding-left: 0;position:absolute;height:3.5rem;margin-top:-15px}
.top_menu .top_menu_left > ul > li{float:left;list-style: none;display:inline-block;padding:0 15px;width:14.2%}


.boder_none{border:1px solid transparent !important}

.refresh_btn{padding:3px 5px;background:rgba(255,255,255,0.7);color:#333 !important;border-radius:3px;border:1px solid #fff;margin-right:40px;    margin-top: -5px;}
.refresh_btn:hover{box-shadow:0 0 3px rgba(0,0,0,0.7);}
.refresh_btn img,.logout_btn img{width:12px; margin-right:8px;}
.logout_btn {margin-left:10px;color:#b5b5b5 !important}
.logout_btn:hover{box-shadow:0 0 3px rgba(0,0,0,0.7);}
.logout_btn img{filter: invert(64%) sepia(0%) saturate(3268%) hue-rotate(31deg) brightness(108%) contrast(104%);}
.folder_on{text-align:center;}
.folder_on span{padding:3px 5px;font-size:0.8em;background:#f8f8f8;border-radius:3px;cursor:pointer;}
.folder_on span:first-child{margin-right:5px}
.folder_on span:hover{transform: translateY(2px) translateX(2px);}
.folder_on span img{width:14px;margin-right:5px;transform: translateY(-2px)}
.footer_tab_wrap{position:fixed;background:#f1f1f1;left:0;   z-index: 2;right:0;bottom:0;padding:3px 6px; border-top: 2px solid #cbcbcb;height:2.5em;box-shadow:inset 0 2px 3px rgba(0,0,0,0.1)}
.footer_tab_menu{display:inline-block;position:absolute; overflow-y:hidden;height:3em;}
.footer_tab_menu > div{display:inline-block;margin-right:5px;position:relative;padding:3px 35px 3px 8px;border-radius:3px;cursor:pointer;border:1px solid #ccc;background:#f6f6f6;font-size:0.9em;} 
.footer_tab_menu > div:active,.footer_tab_menu > div:hover{ transform: translateY(1px) translateX(1px);}
.footer_tab_menu > div.active{background:#19aa8d}
.footer_tab_menu > div.active > span:first-child{color:#fff}
.footer_tab_close{position:absolute;transform: rotateZ(45deg) translateY(-6px);width:15px;height:15px;top:8px;text-align:center; font-size: 1.3em;    line-height: 15px;right: 10px;background: #ddd; border-radius: 50%;}
.footer_tab_menu > div.active .footer_tab_close{background:#fff}
.footer_tab_btn{position:absolute;right:5px;display:inline-block;}
.footer_tab_btn > span{width:28px;height:28px;background:#464750;cursor:pointer;}
.footer_tab_btn > span:active,.footer_tab_btn > span:hover{ transform: translateY(1px) translateX(1px);}
.footer_tab_btn > span:before{display:inline-block;content:"";width:10px;height:10px;border-left:2px solid #fff;border-bottom:2px solid #fff; transform: rotateZ(45deg); margin: 7px auto auto 11px;}
.footer_tab_btn > span:last-child:before{ transform: scaleX(-1) rotateZ(45deg); margin: 7px auto auto 8px;}
.main_list{position:absolute;z-index:1;top: 45px; left: 0;  right: 0;  bottom: 0;min-width:1200px;}
.main_list > div{display:none;width:100%;height: calc(100vh - 3em);overflow-y:auto;background:#f3f3f5;}
.main_list > div.active{display:block;}
.mainWrap{position:absolute;z-index: 0;background:#f3f3f4}
.list_tab{display:block;width:100%;height:38px;overflow:hidden;position:relative;border-bottom:1px solid #ddd;}
.goods_tab_menu {display:block;padding-left:48px;position:absolute;}
.goods_tab_menu > div {display:inline-block;float:left;cursor:pointer;height:38px;border-bottom:4px solid transparent;line-height:28px;padding:0 7px 0 20px;}
.goods_tab_menu > div.active{border-bottom:4px solid rgb(44,119,209)}
.goods_tab_menu > div.active:before{content:"";width:6px;height:6px;position:absolute; margin-top: 12px; margin-left: -18px;border-radius:50%;background:rgb(44,119,209)}
.goods_tab_menu > div span:last-child img{width:22px;transform: translateY(-3px);margin-left:5px}
.list_tab > span{position:absolute;display:inline-block;width:30px;height:30px;z-index:1;background:#fff;border:1px solid #ddd;cursor:pointer;}
.list_tab > span:nth-child(3){right:96px;background:#fff;border:1px solid #ddd;font-size:1.3rem;line-height: 28px;text-align:center;color:#868897}
.list_tab > span:nth-child(4){right:64px;background:#fff;border:1px solid #ddd;text-align:center;padding-top: 3px;}
.list_tab > span:nth-child(5){right:32px;background:#fff;border:1px solid #ddd;text-align:center;padding-top: 2px;}
.list_tab > span:nth-child(6){right:0px;text-align:center;}
.list_tab > span:nth-child(4) img{width:19px;filter:invert(60%) sepia(0%) saturate(0%) hue-rotate(233deg) brightness(104%) contrast(90%);}
.list_tab > span:nth-child(5) img{width:18px;filter:invert(60%) sepia(0%) saturate(0%) hue-rotate(233deg) brightness(104%) contrast(90%);}
.list_tab > span:active,.footer_tab_btn > span:hover{ transform: translateY(1px) translateX(1px);}
.list_tab > span:first-child:before,.list_tab > span:last-child:before{display:inline-block;content:"";width:10px;height:10px;border-left:2px solid #464750;border-bottom:2px solid #464750; transform: rotateZ(45deg); margin: 10px auto auto 12px;}
.list_tab > span:last-child:before{ transform: scaleX(-1) rotateZ(45deg); margin: 10px 4px auto 0px;}

.title_wrap{padding:8px 0 10px;font-size:1.1em;}
.title_wrap span{float:right}

.title_btnwrap{padding:3px 0 10px;font-size:1.1em;overflow:hidden;}
.none_btnwrap{display:block;width:100%;height:42px;}
.goods_main_wrap{display:flex;gap:15px;}
.goods_main_wrap > div{flex-grow:1;flex-shrink:1;width:50%;flex-basis: auto;}
.goods_main_wrap > div .list-group-item{padding:0.5rem;border:1px solid #ddd;border-radius:3px;box-shadow: 0 0 7px rgba(150,150,150,0.3);margin-bottom:5px}
.goods_main_wrap > div a{font-size:0.9em;}
.goods_main_wrap > div a > p:last-child{padding-left:1rem;}
.goods_main_wrap1{display:flex;gap:15px;}
.goods_main_wrap1 > div:nth-child(1){flex-grow:1;flex-shrink:1;width:80%;flex-basis: auto;}
.goods_main_wrap1 > div:nth-child(2){flex-grow:1;flex-shrink:1;width:20%;flex-basis: auto;}
.goods_main_wrap1 > div .list-group-item{padding:0.5rem;border:1px solid #ddd;border-radius:3px;box-shadow: 0 0 7px rgba(150,150,150,0.3);margin-bottom:5px}
.goods_main_wrap1 > div a{font-size:0.9em;}
.goods_main_wrap1 > div a > p:last-child{padding-left:1rem;}
.goods_main_wrap2{display:flex;gap:15px;}
.goods_main_wrap2 > div:nth-child(1){flex-grow:1;flex-shrink:1;width:30%;flex-basis: auto;}
.goods_main_wrap2 > div:nth-child(2){flex-grow:1;flex-shrink:1;width:70%;flex-basis: auto;}
.goods_main_wrap2 > div .list-group-item{padding:0.5rem;border:1px solid #ddd;border-radius:3px;box-shadow: 0 0 7px rgba(150,150,150,0.3);margin-bottom:5px}
.goods_main_wrap2 > div a{font-size:0.9em;}
.goods_main_wrap2 > div a > p:last-child{padding-left:1rem;}
.title_wrap1{padding:8px 0 10px;font-size:1.1em;border-bottom:2px solid gray;}

.input-group-btn {position: relative;   font-size: 0;    white-space: nowrap;}
.input-group-btn {    width: 1%;    white-space: nowrap;    vertical-align: middle;}
.input-group-btn, .input-group .form-control { display: table-cell;}
.search_wrap .input-group {position: relative; display: table;    border-collapse: separate;}
.search_wrap .input-group .form-control { display: table-cell;width: 100%;}

.mbiDiv{display: flex; align-items: center; float: left;   margin-top: -36px;   position: absolute;}
.mbiDiv span{width:120px;}

.btn{padding:2px 5px;font-size: 0.8em;cursor: pointer;border-radius: 3px;}
.btn:hover{transform: translateY(2px) translateX(2px);}
.btn1{padding:3px 12px 4px;cursor: pointer;display:inline-block;border-radius: 3px;}
.btn1:hover{transform: translateY(2px) translateX(2px);}
.bg_gray{background:#e7eaec}
.bg_orange{background:#f7a54a}
.bg_jblue{background:#1c84c6;color:#fff;}
.bg_grayblue{background:#1d88dc;color:#fff}
.bg_white, .bg_refresh,.bg_jgray{background:#fff;box-sizing:border-box;border:1px solid #e7eaec}
.bg_refresh:before{content:"";display:inline-block;width:12px;height:12px;background: url(/images/refresh.svg)center center no-repeat;    transform: translateY(1px) translateX(-3px);  background-size: cover;}
.bg_search{background:#19aa8d;color:#fff}
.search_wrap .bg_search{float:right}
/*.bg_search:before{content:"";display:inline-block;width:18px;height:18px;background: url(/images/search.svg)center center no-repeat;    transform: translateY(4px) translateX(-3px);  background-size: cover;}*/
.bg_search:hover{color:#fff;}
.search_wrap .btn,.search_wrap .btn1{padding: 0.46rem 1rem;}


.input-group .btn:hover{transform: translateY(0px) translateX(0px);}
.popup_search_btn{background:url("../images/search-icon.png") center center no-repeat;    width: 30px;height: 30px;margin-left: 3px;}
.btn.bg_search{display:inline-block;}
.displayblock{display:block !important; }
.padding7rem{ padding: 0.7rem;}
.displayblock:after{content:"";display:block;clear:both;}
.fr{float:right}
.btn_wrap{border-bottom:1px dashed #e7eaec;margin-bottom:5px;padding-bottom:15px;}
.btn_wrap span{margin-right:6px;}

.btn_wrap1{padding:1rem 0 0.5rem;border-top: 1px dashed #ddd;  margin-top: 20px;}
.btn_wrap1 span{margin-right:6px}

.btn_wrap2{}
.btn_wrap2 span{margin-right:6px;}

.top_2line{margin-top: 8px; border-top: 2px solid gray;padding-top: 8px;}

.h79{height:calc(79vh - 2em);margin-bottom:10px;}  
.h70{height:calc(70vh - 2em);margin-bottom:10px;}  
.h60{height:calc(60vh - 2em);margin-bottom:10px;}  
.h50{height:calc(50vh - 2em);margin-bottom:10px;}  
.h45{height:calc(45vh - 2em);margin-bottom:10px;}  
.h30{height:calc(30vh - 2em);margin-bottom:10px;}  
.h35{height:calc(35vh - 2em);margin-bottom:10px;}  
.h40{height:calc(40vh - 2em);margin-bottom:10px;}  
.h25{height:25vh;margin-bottom:10px;}
.minH48{min-height:48vh;height:48vh;margin-bottom:10px;}
.minH60{min-height:60vh;height:60vh;margin-bottom:10px;}
.h65{height:65vh;margin-bottom:10px;}
.ml20{margin-left:20px}
.minH62{max-height:62vh;margin-bottom:10px;}
.maxHeight50{max-height:50vh;margin-bottom:10px;}
.maxHeight35{max-height:35vh;margin-bottom:10px;}
.h100_h18{    height: calc(100vh - 18vh);}
#MainSOstorelist tr.active td{background:#97cff77d}
.ml5{margin-left:5px}

/*옮길때 불투명으로 보이는 부분*/
tr.dragging {opacity: 0.5;}
.line1em{line-height: 1em !important;font-size:0.8em }
.table th{padding: 0.5rem 0.9375rem;word-wrap: break-word;/*font-size: 0.8em;*/border-top:1px solid #fff}
.table td {padding: 0.5rem 0.9375rem;word-wrap: break-word;/*font-size: 0.8em;*/border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.table tbody th{border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.file_img{width:15px}
.required:after{content:"*";color:#F44336;margin-left:8px}
.input_wrap{background:#fff;padding:10px 20px;}
.input_wrap div{display:flex;/*gap:20px;padding: 0.25em 0;*/ justify-content: flex-start;align-items: center;}
.input_wrap div span:first-child{width: 150px;}
.input_wrap div span:last-child{flex-grow: 6}
/*.input_wrap div input[type='text'],.input_wrap div textarea{min-width:180px;width:80%;}
.input_wrap div select{min-width:80px;width:20%;}*/

.input_wrap1{width:100%; display:block;}
.input_wrap1 div{display:flex;padding: 0.25em 0; justify-content: flex-start;align-items: center;}
.input_wrap1 div span:first-child{width: 180px;}
.write_btnwrap{margin-top:20px}
.write_btnwrap .btn{padding:2px 5px !important;line-height:1.5em !important}
.input_wrap span.btn, .input_wrap1 span.btn{width:auto !important;line-height: 2em; padding:4px 10px;} 
.input_wrap div span > ul > li,.input_wrap1 div span > ul > li{display:inline-block;width:33.3% !important;float:left;}
.input_wrap div span > ul > li:nth-child(3n+0):after,.input_wrap1 div span > ul > li:nth-child(3n+0):after{content:"";display:block;width:100%;height:1px;clear:both}
.input_wrap div span > ul > li input[type='checkbox'],.input_wrap1 div span > ul > li input[type='checkbox']{margin-right:5px;}
.input_wrap1 div input[type='text']{min-width:80%}
.input_wrap div span:nth-child(2),.input_wrap1 div:not(.write_btnwrap) span:nth-child(2){flex-grow: 0.6;}

.write_btnwrap1 div{display:block !important;}
.col-lg-offset-2 { margin-left: 16.66666667%; }
.col-lg-offset-3 { margin-left: 10%; margin-right: 10%;}
.form_content{min-height:150px}
.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 3px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px;
}
 .ibox-title h5 {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
}
 .ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
}
 
 
.list-group-item.active {color: initial !important;}
.overflow-y300{max-height: calc( 100vh - 320px );display: block;overflow-y: auto;overflow-x:hidden;}
.overflow-y350{max-height: calc( 100vh - 375px );padding-right:20px;display: block;overflow-y: auto;overflow-x:hidden;}
.overflow-y300 .sort-icon, .overflow-y350 .sort-icon{opacity:0;}
.search_wrap{background:#fff;width:100%;border:1px solid #e7eaec;padding:8px 20px;justify-content: space-between;    align-items: center;}
.search_wrap .row {  margin-right: -15px;  margin-left: -15px;}
.search_wrap .row:before, .search_wrap .row:after{display: table;  content: " ";}
.search_wrap .search_btn_wrap{ display: inline-block;
    margin-top: -2.4rem;
    /* position: absolute; */
    float: right;
}
.maxWidth1800{max-width:1800px;margin:10px auto;}
.maxWidth725{max-width:725px;margin:10px auto;}
.maxWidth650{max-width:650px;margin:10px auto;}
.vertical_36{vertical-align: top;line-height: 36px;}
.modal-body .search_wrap{display:flex}
.store-file-list{display:flex;flex-wrap: wrap;}
.store-file-list > div{width: 33.3%;padding:0 8px;}
.store-file-list > div input[type=text]{margin-top:12px}

.modal-body #SOsearchList .btn.btn-block.text-left  {background:#e5e5e5a8}
.modal-body #SOsearchList  span{display:block;}
.categoryWrap {padding: 0 10px;  width: 100%;  overflow-x: auto;}
.categoryWrap ul { display: block;margin-bottom: 0.3rem;padding:0 0 50px 0}
.categoryWrap ul li { cursor: pointer;  display: inline-block; padding:5px;}
.categoryWrap ul li span {  border-radius:3px;border: 1px solid rgba(0,0,0,0); display: inline-block;  padding:3px 10px;}
.categoryWrap ul li.active span {border: 1px solid #19aa8d;color:#19aa8d }

/* pagination */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin:0; /* margin: 20px 0; */
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.goods_list_title{background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid none dashed;
    border-width: 3px 0 1px;
    color: inherit;
    margin-bottom: 0;
    padding: 10px 15px 8px;
    min-height: 35px;
    font-weight:500
}
.GMPgoods_list_title{background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid none dashed;
    border-width: 3px 0 1px;
    color: inherit;
    margin-bottom: 0;
    padding: 10px 15px 8px;
    min-height: 35px;
    font-weight:500
}
.goods_wrap{padding:10px 15px;background:#fff;display:flex;border-bottom:1px solid #f3f3f5; cursor: pointer;}
.goods_content{width:80%;padding-right:10px;}
.goods_wrap .goods_img{width:20%;}
.goods_wrap .goods_img div{width:100%;background-size:100%;background-repeat:no-repeat;}
.goods_content h4{font-weight:400;margin-bottom:8px;}
.goods_content div:nth-child(2){margin-bottom:8px;color:#919191;font-size:0.95em}
.goods_content div:nth-child(3){color:#19aa8d;font-weight:500}

/*상세페이지*/
.goods_detail_top{background-color: #ffffff;min-height: 35px;border-top:3px solid #e7eaec;}
.goods_detail_top .goods_detail_img{ padding: 10px 15px; display:block;color: inherit;width:30%;margin:10px auto;background-position:center;padding-bottom:30%;background-size:100%;background-repeat:no-repeat;}
.goods_detail_top .goods_detail_title{ padding: 10px 15px;border-top:1px dashed #e7eaec; }
.goods_detail_top .goods_detail_title p{color: #919191;}
.goods_detail_top .goods_detail_gum{ padding: 10px 15px; display:flex;justify-content: space-between;
    flex-direction: row;    flex-wrap: nowrap;    width: 100%;}
.goods_detail_top .goods_detail_gum span:last-child{color: #19aa8d;font-weight: 600;font-size:1.2em;}    
.goods_detail_list .goods_list_title{display:flex;flex-wrap: nowrap;  justify-content: space-between;}
.goods_detail_list .goods_wrap{display:block}
.goods_detail_list .goods_wrap label{display:flex;align-items: center;flex-wrap: nowrap;line-height: 2em;gap: 10px;}
.goods_detail_close {display:block;}
.goods_detail_close span{display: inline-block; width: 30px;height:30px; position: relative;margin-top:15px; margin-left: 15px;}
.goods_detail_close span:before{content:"";display: inline-block;width:10px;height: 10px; position: absolute;
border-left:1px solid #ddd;border-bottom:1px solid #ddd;transform: rotate(45deg);}
.goods_detail_close span:after{content:"";    margin-top: 5px;display: inline-block;width:22px;height: 1px; position: absolute;background:#ddd;}
    
/*.search_wrap div:first-child{display:flex;    align-items: center;}*/
.search_wrap > div > div > span:first-child{margin-right:10px}
.search_wrap > div > div > span:last-child{margin-right:20px}
.overflow-y247{max-height: calc( 100vh - 247px );padding-right:20px;display: block;overflow-y: auto;overflow-x:hidden;}
.table_head{padding:0px 8px 8px 20px;text-align:center;width:calc( 100% - 20px);margin-bottom:10px;border-bottom:2px solid #676767;}
.table_box .goods_main_wrap > div .list-group-item {padding:8px;}
.w25{width:25%}
.w12{width:12%}
.w70{width:70%}
.w60{width:60%}
.w50{width:50%}
.w40{width:40%}
.w30px{width:30px}
.w100px{width:100px;text-align:center}
.textL{text-align:left}
.textC{text-align:center;}
.table_head,.table_box .list-group .list-group-item p{display: flex;    align-items: center; justify-content: space-between;}
.table_box .list-group-item a p > span{text-align:center;}
.imgW100 img{width:100%;overflow:hidden;border-radius: 18px;}
.tableAuto{overflow-y:auto;/*overflow-x:hidden;*/position:relative;transform: rotate(0);}
.ibox-content{
  background-color: #ffffff;
  color: inherit;
  padding: 15px 20px;
  border:1px solid #e7eaec;
}
.ibox-content-tab{background-color: #ffffff;
  color: inherit;
  padding:5px 15px;height:51px;
  border:1px solid #e7eaec;}
.ibox-content1 {
  background-color: #ffffff;
  color: inherit;
  padding: 5px 0px 15px 20px;
  border:1px solid #e7eaec;
}
.ibox-content1 .title_wrap{padding-right:20px;}
.ibox-content1 .overflow-y300 .list-group {padding-right:20px ;}
/*.tableAuto .thead{position:fixed;z-index: 2;}
.tableAuto .thead th{background:#fff}
.tableAuto table{table-layout: fixed;}
.tableAuto .tbody thead{display:none;height:0}
.tableAuto .tbody {margin-top:45px;}*/
.div2 ul{flex-grow:1}
.div2 li{list-style: none;display:inline-block;width:50%;float:left}
.input_wrap li .calendar_wrap span:last-child{display:flex;gap:5px;justify-content:center; align-items: center;}
.calendar_wrap span:last-child input{min-width:auto;width:31%;}
.input_wrap:not(.div2).calendar_wrap span:last-child{display:flex;gap:5px;align-items: center;justify-content: flex-start;}
.img_wrap {width:100%;padding:5px;text-align:center;}
.img_wrap img{width:120px;}
.ex_wrap{color:#bbb;font-weight:300;font-size:0.8em;margin-top:-8px;}
.table{}

.table thead{position: sticky; top: -1px;z-index:3}
.table thead{font-weight: 500;}
.table thead th{line-height: 1.42857;padding: 8px; background-repeat: no-repeat !important;border-right:1px solid #ddd;background: #fff;border-bottom:1px solid #ddd; background-size: 100%;}
.table thead tr:nth-child(1) th{background: linear-gradient(to bottom, #287cd4 0%, #287CD3 1px,#fff 1px,#fff 98%,#b5b5b5 100%); background-size: 100%;border-bottom:0px solid #fff;}
.input_table .table thead tr:nth-child(1) th { background: #fff;border-bottom:1px solid #ddd;}

.table.bbTable thead tr{border-left:1px solid #ddd;border-right:1px solid #ddd;}
.table.bbTable thead th{padding:8px; background-repeat: no-repeat !important;background: linear-gradient(to bottom, #ddd 0%,#ddd 1px,#fff 2px, #fff 96%,#333 96%,#333 100%); background-size: 100%;}
.table.bbTable td { padding: 0.3rem 0.5rem;}
.table.bbTable > tbody > tr:nth-of-type(odd){background:#fff;}
#GMgoodList .active td, #GMoptionsList .active td {background-color: #97cff77d !important;}
#BTOradioDiv th,#BTOradioDiv td{font-size:1em;}
#BTOradioDiv th{padding:8px !important;}
.bottom_table td span{font-size:0.9em;margin-right:15px}
.bottom_table td{border-bottom:3px solid #ededed !important}
.table{table-layout: fixed;}
.table{border-left: 1px solid #ddd;}
.table > tbody > tr:nth-of-type(odd) td{
    background-color: #f9f9f9;
}
.table > tbody > tr:nth-of-type(even) td{
    background-color: #fff;
}
.table > tbody > tr:hover {
    background-color: #F2F9FC;
    cursor:pointer;
}
.address_wrap > div:last-child input{width:calc( 50% - 10px);float:left;min-width: calc( 50% - 10px);}
.address_wrap > div:last-child input:first-child{margin-right:10px}
.address_wrap > div:after{content:"";display:block;width:100%;clear:both}

.input_wrap div span.width70 > ul{display:flex;float:left;width:70%;}
.hint{display:flex;font-size:0.9em;border-radius:3px;float: left; width:30%;color:#aaa;gap:10px;color: #31708f;padding:10px 8px;background-color: #d9edf7;border:1px solid #bce8f1;}
.hint:before{content:"*hint:";display:inline-block;float:left;color:#2c77d1;}
.input_table .table{border-top:2px solid #676767;;border-bottom:1px solid #676767;;}
.input_table .table tbody th,.input_table .table td {vertical-align:top}
.input_table .table th,.input_table .table td {padding: 0.26rem 0.4rem !important;word-wrap: break-word;font-size: 0.8em;}
.input_table .table td select{display:inline-block;float:left;width:calc(50% - 5px); min-width: calc(50% - 5px);padding: 0.1em;}
.input_table .table td select:first-child{margin-right:5px}
.flex-start{align-items: flex-start;}
.textarea_div{padding: 0.25em !important;border: 1px solid #d3d3d3;border-radius: 3px;min-height:2rem;cursor:pointer;}
.login_wrap .footer{display:none}

.search_wrap{
 -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
   -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.input_wrap.div2 .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input_wrap.div2 .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.form_ul{    line-height: 1em;display: flex;
    margin-bottom: 0;
    text-align: left;
    width: 100%;
    padding: 0;}
.form_ul li{ list-style: none;}
.mr10{margin-right:10px}
.form_ul5{margin-top: 3px;
    line-height: 2em;
    display: flex;
    margin-bottom: 0;
    text-align: left;
    width: 100%;
    padding: 0;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;}
.form_ul5 li{    width: 20%;}
.form_ul5 li input{ margin-right:3px;}
.input_wrap .btn-sm{ padding: 5px 10px;height:auto;
    font-size: 12px;
    line-height: 1.5;}  
.form_ul input{margin-right:5px}
.input-group-addon {
    background-color: #fff;
    border: 1px solid #E5E6E7;
    border-radius: 1px;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
}

.ibox-content,.ibox-content1{
 -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
   -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.ibox-content.ibox2{
 -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
   -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.table_auto_list{padding:5px 0}
.table_auto_list label{display:block;width:100%;line-height:1.4rem;padding:0 5px;text-align: left;}
.table_auto_list label input, .table_auto_list span{line-height:2rem;}
.table_auto_list label input{    transform: translateY(2px);}
.btn-lg{ padding:10px;height:auto;text-align:center;
    font-size: 12px;
    line-height: 1.5;    display: block !important;}  
.tab_wrap4{display:block;padding:12px 5px 14px;width:100%;position:relative;width:100%;overflow:hidden;} 
.tab_wrap4:after{content:"";display:block;width:100%;}
.tab_wrap4 > div{cursor:pointer;float:left;width:25%;text-align:center;}
.tab_wrap4_bar{position:absolute;transition: all 1s;bottom:0;left:0;height:2px;background:#19aa8d}  

.tab_wrap5{display:block;padding:12px 5px 14px;width:100%;position:relative;width:100%;overflow:hidden;} 
.tab_wrap5:after{content:"";display:block;width:100%;}
.tab_wrap5 > div{cursor:pointer;float:left;width:20%;text-align:center;}
.tab_wrap5_bar{position:absolute;transition: all 1s;bottom:0;left:0;height:2px;background:#19aa8d}  


.trash-can{width:18px;}
.formGroup{display:flex;    justify-content: space-evenly;align-items: center;}
.formGroup span{width:70%}
.formGroup select{padding: 6px 3px; min-width: 38%;}
.formGroup .form-control{padding:6px}
.table_th_check{float:right;display:flex;gap:2px;margin-right:3px;    margin-left: -74px;}
.deliveryTab{display:none}
.deliveryTab.active{display:block}
.fullMap{width:100%;top:45px;height:calc(100vh - 78px);position:relative;display:none}
#map.active{display:block;}
.mapLegend{position: absolute; border-radius:3px;box-shadow:0 0 2px rgba(180,180,180,0.5); z-index: 1;text-align:center;
    background: #fff; color:#6f767d; font-size:0.87em; right: 10px;    margin-top: 10px;    padding: 10px;}
.mapLegend ul{padding: 0; margin: 0;}
.mapLegend li{ display:flex; flex-direction: row;
    justify-content: flex-start;
    align-items: center;gap:5px;}
.mapLegend li span{width:1em;height:1em;}
.mapLegend li:nth-child(1) span{background:#bbe0e3;border:1px solid #83c8cd}
.mapLegend li:nth-child(2) span{background:#99ccff;border:1px solid #76b2ed}
.mapLegend li:nth-child(3) span{background:#ffff00;border:1px solid #ebeb00}
.mapLegend li:nth-child(4) span{background:#92d050;border:1px solid #6caf24}
.mapLegend li:nth-child(5) span{background:#ccccff;border:1px solid #9595cf}
.map_menu{position: absolute;transition:width 1s,padding 1.2s; border-radius:3px;box-shadow:0 0 2px rgba(180,180,180,0.5); z-index: 1;
    background: #fff;box-shadow:0 0 3px rgba(200,200,200,0.5); color:#6f767d; font-size:0.87em;left: 10px;  width:22%;max-width:350px;  margin-top: 10px;    padding: 10px;}
.map_menu.close{width:0;opacity:1;max-height: 80vh;}
.map_menu.close div, .map_menu.close p{width:0;padding:0;border:0;overflow:hidden;}
.map_menu .search_wrap {padding:8px;}
.map_menu .search_wrap .form-group{margin-bottom:0}
.map_menu .search_wrap .col-sm-8{padding-right:0;padding-left:0}
.map_menu .search_wrap .search_btn_wrap{margin-top: -2.5rem;}

.mapSwitch{position: absolute;border-radius:3px;box-shadow:0 0 2px rgba(180,180,180,0.5); z-index: 1;text-align:center;
background: #fff; color:#6f767d; font-size:0.87em; right: 10px; top: 142px; width:86.33px;   padding: 10px;}
.switchBtn{margin-top:4px;width:100%;height:17px;border-radius:15px;position:relative;border:1px solid #19aa8d;background:rgba(25,170,141,0.6);transition:all 1s;}
.switchBtn span{top:0;cursor:pointer;right:auto;width:40px;height:15px;border-radius:15px;position:absolute;left:0;background:#fff;box-shadow:0 0 2px rgba(3,47,38,0.7);}
.switchBtn.off{border:1px solid #ddd;background:rgba(193,193,193,0.6);}
.switchBtn.off span{left:auto;right:0}

.map_menu p select{width:30%;margin:5px 3px}
#map div:nth-child(7) div div div{border:0 solid #fff !important;}
.main_slide{width:80%;margin:0 auto}
.main_flex{display:flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: nowrap;}
.main_flex_title{font-size: 1.3em; font-weight: 500;margin-bottom: 10px;}
.main_title{font-size: 2em;}
.fontColorBlue{color:#19aa8d}
.map_menu .bg_search{padding: 0.55rem 1rem;}
.flexslider{}
.cs_mapbridge{background:#fff;display:block;padding:10px;border:1px solid #696969;position: relative;  min-width: 150px;text-align:center;}
.cs_mapbridge em{margin-right:5px;color:#19aa8d;filter:invert(1)}
/*.cs_mapbridge span:before{content: "\2022";color: #19aa8d;width: 22px;font-size: 3em;line-height: 14px;height: 22px;position: absolute;border-radius: 50%;top: -24px;left: -5px;text-align: center;}*/
.cs_mapbridge span:after{content:"";transform: rotateZ(45deg);left: 2px;    background: #fff;    width: 10px;    height: 10px;
    position: absolute;    border-left: 1px solid #696969;    border-top: 1px solid #696969;top:-6px}

.disabled{pointer-events: none; color: #777; cursor: not-allowed;  background-color: #eee;  border-color: #ddd;}
.MainInputModal{z-index: 1018;display:none;border-radius:5px; box-shadow:0 0 3px rgba(150,150,150,0.7); overflow: hidden;position: absolute;right: 10px;bottom: 10px;width: 400px;}
.MainInputModal .input_wrap{padding:20px;}
.MainInputModal .btn_wrap1{justify-content: flex-end;}
.MainInputModal .btn_wrap1 .btn {padding: 4px 5px; font-size: 1em;}
.input_ADD_DELV_FEE{display:none;}
.iw_inner{padding:10px;}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@media screen and (max-width:1199.98px) {
	.mainWrap {padding:0px;}
	.menuWrap .drawer-main {display:none;position:absolute;z-index:9999;top:0;left:-25rem;width:25rem;box-shadow:2px 0px 3px rgba(100,100,100,0.3);transition:left 1s;}
	.menuWrap .drawer-main.on{left:0;display:inline-block}
	.userInfo div:last-child{margin-left: .9rem; width: 80%;}
	.navbar-toggle {position:absolute;top:1rem;left:1rem;z-index:100;display:inline-block;background:#19aa8d}
	.navbar-toggle:hover{box-shadow:0px 0px 3px rgba(5,123,169,0.6)}
	.navbar-toggle .icon-bar{background:#fff}
	.dimmed {display:none;background:rgba(0,0,0,0.3);position:absolute;top:0;left:0;right:0;bottom:0;z-index:3}
	
	/*.top_menu{display:none;}*/
	.main_list{position:absolute;min-width:auto;z-index:1;top: 0px; left: 0;  right: 0;  bottom: 0; padding-left:0px;}
	.main_list > div {padding-top:2.8rem;}
	.footer_tab_wrap {left: 0; height: 2.5em;}
	
	.table.bbTable thead th {padding:8px 4px;}
	
}  	
@media screen and (max-width: 575.98px) {
	.mainWrap {padding:0%;}
	.menuWrap .mobileNavbar{padding:1em;background:#fff;box-shadow:1px 0 3px rgba(0,0,0,0.4)}
	.menuWrap .drawer-main {left:-25rem;width:25rem}
	.navbar-toggle {position:relative;background:rgba(0,0,0,0);top:0;left:0;padding:0 4px;}
	.navbar-toggle:hover{box-shadow:0px 0px 0px rgba(0.0.0.0);opacity:0.7}
	.navbar-toggle .icon-bar{background:#4f5460}
	.mobileNavbar .topTitle{display:inline-block;position:relative;padding-left:15px;font-weight: 500;font-size: 18px;color:#4f5460;}
  	.tab-bg {background: #fff; border-bottom: 2px solid #dee0e3;}
  	.table td{padding:0.75rem 0.1rem !important;}
  	.table td input{padding:0; margin:0;}
}
.w100Xhidden{width:100%;overflow-x:hidden;}
/*테이블 그래드&드롭*/
td.move { text-align: center;cursor: grab;}
.table thead th[data-sort="string"],.table thead th[data-sort="int"]{cursor:pointer;}
.table thead::-moz-selection, .table thead::selection,.table thead:-moz-selection, .table thead:selection,.table thead tr::-moz-selection, .table thead tr::selection,.table thead tr:-moz-selection, .table thead tr:selection ,.table thead th::-moz-selection, .table thead th::selection,.table thead th:-moz-selection, .table thead th:selection{background: transparent !important; background-color: rgba(255,255,255,0) !important;}
.table thead th.sorting-asc div{transform: rotate(-45deg);top:10px !important;right:10px !important;width:8px !important;height:8px;display:inline-block;border-left:2px solid #969fa7;border-bottom:2px solid #969fa7;}
.table thead th.sorting-desc div{transform: rotate(-45deg);top:14px !important;right:10px !important;width:8px !important;height:8px;display:inline-block;border-top:2px solid #969fa7;border-right:2px solid #969fa7;}
.dashed_line{padding:2px;margin-bottom:15px;width:100%;border-bottom:1px dashed #ddd}

@media (max-width: 1199.98px) {
 .container{ padding-top:8px;}
 .search_wrap .search_btn_wrap{margin-top: -3.4rem;}
 .search_wrap {overflow: hidden;}
 .search_wrap .col-sm-2 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  
   .search_wrap .col-sm-3 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
}


.comment-section {
            width: 100%;
            padding: 20px;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 5px;
}

.comment {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    display: flex;
}

.user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.input_wrap div .comment-content {
	display: inline;
    flex-grow: 1;
    word-wrap: break-word;
}

.comment-author {
    font-weight: bold;
    color: #007bff;
}

.comment-date {
    color: #888;
}


.reply {
          margin-left: 70px;
          padding: 10px 0;
          border-bottom: 1px solid #ccc;
          display: flex;
}

.reply2 {
          margin-left: 140px;
          padding: 15px 0;
          border-bottom: 1px solid #ccc;
          display: flex;
}

.reply-author {
    font-weight: bold;
    color: #007bff;
}

.input_wrap div .reply-content {
	display: inline;
    flex-grow: 1;
    word-wrap: break-word;
}

.reply-date {
    color: #888;
}

.reply-button {}

.input_wrap div .reply-form {
    display: none;
    margin-top: 20px;
}

.input_wrap div .reply-form textarea {
   width: 700px
}

.reply-form-btn-sm {
	width: 70px;
	padding: 5px 10px;
    height: auto;
    font-size: 12px;
    line-height: 2.8;
    margin-left: 20px;
    color: #FFF;
    background-color: #19aa8d;
    border: 0px;
    border-radius: 5px;
   
}
.reply-form-btn-sm:hover {
    transform: translateY(2px) translateX(2px);
    color: #FFF;
    background-color: #19aa8d;
    opacity: 50%;
}

.qna-trash-can{
	width: 18px;
}

.qna-trash-can:hover{
	width: 18px;
	cursor:pointer;
}
.tdsticky{position: sticky;left: 0; top: 0;z-index:1;}
.thsticky{position: sticky !important;left: 0; top: -1px;z-index:3;}

.fake-btn{
	width: 70px;
    height: 28px;
    background: #e5e5e5;
    border: 1px solid rgb(77,77,77);
    cursor: pointer;
    font-size: 1rem;
    color: black;
}
.fake-input{
	margin-bottom: 5px;
    margin-left: 5px;
}
#loading{display:none;position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;z-index: 1061;background:rgba(0,0,0,0.2);}
#loading svg{margin: auto;display: inline-block;position:absolute; shape-rendering: auto;width:100px;height:100px ;top:calc(50% - 50px);left:calc(50% - 50px);    }
/*회원가입*/
#Join #joinForm .form-group.form-row:nth-child(11) .input-group-append.input-group-text{border-bottom:0px;}
#emailTimer{margin-left:15px;min-width:80px;margin-right: 5px;}

.ck-editor__editable { height: 300px; }
.ck-editor.ck-rounded-corners{display:inline-block !important;}
.ck-content.ck-editor__editable{display: inline-block; width: 100%;}
.agmInsert ul li, .footer_agreement ul li{list-style:none;}
.footer_agreement{margin-top:10px;padding-top:10px;border-top:2px solid #696969}
.footer_agreement ul{display:flex;padding-left:0;color:#696969;}
.footer_agreement ul li:nth-child(1){width:30%}
.footer_agreement ul li:nth-child(2){width:70%;text-align:left}
.footer_agreement ul li:nth-child(2) span{cursor:pointer;padding:0 8px 8px 0;margin-right:10px}

.agreement_wrap{position:fixed;display:none;top:0;left:0;bottom:0;width:100%;padding:3% 5%;background:#fff;z-index:50;}
.agmClose{position:relative;cursor:pointer;height:30px;margin-bottom:20px;}
.agmClose span{width:50px;position:absolute;top:15px;height:1px;background:#696969;}
.agmClose span:before{content:"";transform: rotateZ(-45deg);width:15px;height:1px;background:#696969;position:absolute;top:-6px;left:-1px;}
.agmClose span:after{content:"";transform: rotateZ(45deg);width:15px;height:1px;background:#696969;position:absolute;top:6px;left:-1px;}
.agreement_tab span{padding:8px;cursor:pointer;border-bottom:2px solid #fff;font-size:1.2em;}
.agreement_tab span.active{border-bottom:2px solid #19aa8d;}
.agm{margin-top:15px;position:relative;border:1px solid #ddd;height:85%}
.agmTitle{padding:20px;width:100%;text-align:center;}
.agmTitle > span{float:right;transform: translateY(-30px);}
.agmTitle > span > span{margin-right:5px}
.agmTitle > span select{min-width:100px}
.agmCon{padding:20px;overflow-y:auto;position: absolute;    left: 0;    right: 0;    bottom: 0;    top: 70px;}
.login_footer{position:absolute;width: 66%;    bottom: 3%;}

.loading-spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#infoModal .modal-footer .btn-block{border-bottom-right-radius:0.3rem;border-bottom-left-radius:0.3rem;}
.modal-footer .btn:hover{transform: translateY(0px) translateX(0px);}
.ibox-content, .ibox-content1 {box-sizing:border-box;overflow:hidden;}
.mobile_nav_btn, .nav > li.suvNav_1lab{display:none}
.container{padding-bottom: 20px;}
.col-md-1-2{ flex: 0 0 5%;max-width: 5%;padding-right: 5px;padding-left: 5px;}
 .mobileDiv {display: none}       
 .form-group.mobileWrap{display:grid;justify-items: start;align-items: center; grid-template-columns:8.333333% 8.333333% 10% 100px 100px 0 0 0 0 30px 10% 100px 100px 20px 7% 1fr 1fr;}
.mobileDiv, .mobile_menu_x{display:none}
.mobile_nav_btn{display:none;}
/*2025.08.25 반응형 추가*/
/* 태블릿 */
@media (max-width: 1024px) {
  .top_menu .top_menu_left > ul > li a{font-size:12px;}
  .top_menu .logo{width: 8rem;}
  .refresh_btn{margin-right:10px;}
  #franchiseNm{display:none}
  .main_list > div{ width: 100%;min-height: 100vh;height: auto;overflow-y: visible; padding-bottom: 1rem;}
  .col-md-1-2{ flex: 0 0 3%;max-width: 3%; padding-right: 5px;padding-left: 5px;}
  .colMd-1-1 .col-md-1-1{flex: 0 0 12%;max-width: 12%;padding-right: 5px;padding-left: 5px;}	
  .mobileDiv{display:inline-block;}
  .form-group.mobileWrap{display:grid;justify-items: start;align-items: center;grid-gap: 10px;  grid-template-columns:8.333333% 10% 10% 100px 100px 30px 10% 1fr;}
  .login-right{ height:100vh; padding:2rem 5% 5rem 5%;}	
  #loginForm.pt-5{padding-top: 1rem !important;}
  #loginForm .btn.btn-primary.btn-round.mt-5{ margin-top:1.5rem !important;}
  .main_slide{width:60%;margin:0 auto}
  
/* .main_flex{display:flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: nowrap;}
.main_flex_title{font-size: 1.3em; font-weight: 500;margin-bottom: 10px;}
.main_title{font-size: 2em;} */

.input_wrap.div2{padding:10px 0}
.flex4060.goods_main_wrap > div:first-child{width:40%;}
.flex4060.goods_main_wrap > div:last-child{width:60%;}
}
@media (max-width: 1024px) and (orientation: portrait) {
  .login_wrap .login.row, .login_wrap .login.row > div{display:block;width:100% !important;height:30vh !important;}
  .login_wrap .login.row .col-md-5, .login_wrap .login.row .col-md-7{display:block;width:100% !important;max-width:100%}
  .login_footer {position: relative;width:100%; margin-top:5rem}
	.mobile_nav_btn{display:inline-block;}
	 #menuTab1,.top_menu .top_menu_right > ul{display:none;}
	 .mobile_nav_btn{display:inline-block;}
	 .nav > li.suvNav_1lab{display:block;position:relative;padding: 10px;font-size:1.2rem; color:#fff; font-weight:700; border-bottom: 1px solid #617689;}
	 .nav > li.suvNav_1lab:after{content:"";display:inline-block;width:12px;height:12px;position:absolute; right:15px;
        top: 14px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotateZ(-45deg);}
	
	.subnav{height: calc(100vh - 45px);padding:0; background: #2f4050;}
	.subnav_wrap { width:100%;margin-left: 0rem;display:block}
	.subnav ul {width:100% !important;    padding-right: 0px;}
	.subnav ul li:not(.suvNav_1lab) {display:none;background: #dcdcdc;padding: 10px;border-bottom: 1px solid #c8c8c8;        box-shadow: 0 2px 3px rgba(100, 100, 100, 0.6);}
	.page-header { margin-top: 15px;}
	.mobile_menu_x{display:none}
	.mobile_menu_x{padding:5px 8px;border-radiuce:5px;border:1px solid #ddd;position:absolute;right:15px;top:12px;display:inline-block;cursor:pointer;}
.mobile_nav_btn span{background:#fff;height: 3px; display: block;width: 32px;margin-bottom: 5px;}
.mobile_nav_btn span:last-child{margin-bottom: 0px;}
.nav > li.suvNav_1lab{display:block;position:relative;padding: 10px;font-size:1.2rem; color:#fff; font-weight:700; border-bottom: 1px solid #617689;}
.nav > li.suvNav_1lab:after{content:"";display:inline-block;width:12px;height:12px;position:absolute; right:15px;
        top: 14px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotateZ(-45deg);}
.subnav{height: calc(100vh - 45px);padding:0; background: #2f4050;}
.subnav_wrap { width:100%;margin-left: 0rem;display:block;margin-top: 3.5rem;}
.subnav ul {width:100% !important;    padding-right: 0px;}
.subnav ul li:not(.suvNav_1lab) {display:none;background: #dcdcdc;padding: 10px;border-bottom: 1px solid #c8c8c8;        box-shadow: 0 2px 3px rgba(100, 100, 100, 0.6);}
		 
}

/* 가로 모드 전용 (필요시 추가 스타일) */
@media (max-width: 1024px) and (orientation: landscape) {
     #menuTab1 { display: block; }
    .mobile_nav_btn { display: none; }
    .subnav{position: absolute;left: 0;right: 0;top:45px;padding:20px 5px 2rem;width:100%;border-top:10px solid rgb(220,220,220);background:rgba(255,255,255,0.95);box-shadow:0 0 5px rgba(200,200,200,0.5);display: none;}
	.subnav_wrap{width:60%;display: flex;margin-left:10rem;}
	.subnav ul{display:inline-block;float:left;width:14.2%;padding-right: 15px;}
	
}

/* 모바일 */
@media (max-width: 768px) { 
	.search_wrap .col-sm-2 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
   .page-header {display:block;}
   .search_wrap .col-sm-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
   .search_wrap .search_btn_wrap{margin-top: 0rem;}
  .input_wrap div{display: block;}
  .form-group .col-md-5 + .col-md-1{margin-top:15px}
  .title_wrap .btn:first-of-type:nth-last-of-type(2) { display: block;margin-bottom: 5px;}
  .momeFooter ul{display:block;padding:8px}
  .footer_agreement ul li:nth-child(1){width:100%}
  .footer_agreement ul li:nth-child(2){width:100%;text-align:left;margin-top:15px; font-size: 0.98rem;}
}
/* 아주 작은 모바일 */
@media (max-width: 480px) {
    .main_list {min-width: 280px;}
     .page-header {display:block;}
}

.is-tablet .top_menu_left #menuTab1{display:none}
.is-tablet .mobile_nav_btn { display: inline-block !important;position: absolute;left: 10px;top: 14px; }
.is-tablet.top_menu .logo {margin-left: 2rem;}
.is-tablet .subnav {position: fixed;top: 45px;left: 0;right: 0;height: calc(100vh - 45px);overflow-y: auto;background: #2f4050;z-index: 10;}
.is-tablet .subnav_wrap {width: 100%;margin-left: 0;display: block;margin-top: 3rem;}
.is-tablet .subnav ul {width: 100% !important;padding-right: 0;}
.is-tablet .mobile_menu_x{padding:5px 8px;border-radius:5px;border:1px solid #ddd;position:absolute;right:15px;top:12px;display:inline-block;cursor:pointer;}
.is-tablet .mobile_nav_btn span{background:#fff;height: 3px; display: block;width: 32px;margin-bottom: 5px;}
.is-tablet .mobile_nav_btn span:last-child{margin-bottom: 0px;}
.is-tablet .nav > li.suvNav_1lab{display:block;position:relative;padding: 10px;font-size:1.2rem; color:#fff; font-weight:700; border-bottom: 1px solid #617689;}
.is-tablet .nav > li.suvNav_1lab:after{content:"";display:inline-block;width:12px;height:12px;position:absolute; right:15px;
        top: 14px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotateZ(-45deg);}
.is-tablet .subnav{height: calc(100vh - 45px);padding:0; background: #2f4050;}
.is-tablet .subnav_wrap { width:100%;margin-left: 0rem;display:block}
.is-tablet .subnav ul {width:100% !important;    padding-right: 0px;}
.is-tablet .subnav ul li:not(.suvNav_1lab) {display:none;background: #dcdcdc;padding: 10px;border-bottom: 1px solid #c8c8c8;        box-shadow: 0 2px 3px rgba(100, 100, 100, 0.6);}
.is-tablet .mobile_nav_btn{display:inline-block;}

.search_wrap .form-group {display: flex;align-items: center;gap: 10px;}
.search_wrap .form-group label {margin-bottom: 0;white-space: nowrap;min-width: fit-content;}
.search_wrap .form-group {margin-bottom: 0px;}
.momeFooter{ max-width: 1120px; margin: 0 auto;}