@charset "utf-8";

/*
|--------------------------------------------------------------------------
| 사이트 메뉴
|--------------------------------------------------------------------------
|
*/

#wrap{width:100%; max-width:1903px; margin:0 auto; background:#fff; overflow:hidden;}
#nav{
  position:fixed;
  top:0;
  left:0;
  /* float:left; */
  width:300px;
}
#nav>h2{
  padding:70px 0;
  font-size:24px;
  text-align:center;
  font-weight:600;
}

#nav>ul{
  width:100%;
}
#nav>ul>li{
  width:100%;
}
#nav>ul>li>a{
  padding:50px 0;
  display:block;
  font-size:20px;
  font-weight:600;
  text-align:center;
  border-left:20px solid #1f78ad;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  color:#515151;
}
#nav>ul>li.on>a{
  border:none;
  color:#5c93b4;
  background:url(../img/menu_bg.jpg) no-repeat 0 0;
}

#nav>span{
  padding:450px 0 0 0;
  display:block;
  text-align:center;
}
#nav>span>button{
  display:inline-block;
  padding:0 40px 0 0;
  font-size:18px;
  font-weight:600;
  background:#fff url(../img/logout.jpg) no-repeat 100% 50%;
  cursor: pointer;
  background-size:28px auto;
}

/*
|--------------------------------------------------------------------------
| main
|--------------------------------------------------------------------------
|
*/
#main{
  /* float:left; */
  margin:0 0 0 300px;
  width:1603px;
}
#main>div{
  z-index:1;
  position:relative;
  background:#f9f9f9;
}

#header{
  width:100%;
  text-align:right;
}
#header>div{
  padding:37px 60px 10px 60px;
  text-align:right;
  background:#fff;
  font-size:18px;
}
#header>div>span{
  display:inline-block;
  margin:-5px 0 0 0;
  padding:0 10px 0 0;
  font-size:23px;
  font-weight:600;
}


.content{
  width:100%;
}
.content>div{
  padding:50px 60px 44px 60px;
}
.top_menu>h3{
  float:left;
  font-size:28px;
  font-weight:600;
}
.top_menu>p{
  float:right;
}
.top_menu>p>button{
  margin:0 0 0 20px;
  width:125px;
  padding:8px 0;
  font-size:16px;
  color:#fff;
  cursor: pointer;
}
.top_menu>p>button.removeBtn{
  background:url(../img/removeBtn.png) no-repeat 0 0;
}
.top_menu>p>button.registerBtn{
  background:url(../img/registerBtn.png) no-repeat 0 0;
}


/*
|--------------------------------------------------------------------------
| 업체관리
|--------------------------------------------------------------------------
|
*/
.list_box{
  margin:38px 0 0 0;
  background:#fff;
}
.list_box>div{
  padding:40px 60px;
  min-height:658px;
}
.search{}
.search>span{
  display:inline-block;
  padding:0 2px;
  border-radius:5px;
  border:1px solid #b9b9b9;
}
.search>span>input{
  padding:11px 0;
  width:290px;
  text-indent:20px;
  font-size:16px;
}
.search>span>input::placeholder{
  font-size:16px;
  color:#b9b9b9;
}
.search>span>button{
  padding:4px 20px;
  background:#fff;
  cursor: pointer;
}
.search>div{
  padding:10px 0;
}
.search>div>select{
  margin:0 10px 0 0;
  padding:7px 35px 10px 20px;
  border-radius:5px;
  border:1px solid #b9b9b9;
  font-size:16px;
  color:#8a8a8a;
  background:url(../img/select.png) no-repeat 93% 50%;
}


/*
|--------------------------------------------------------------------------
| 업체 테이블
|--------------------------------------------------------------------------
|
*/
.list_table{
  padding:20px 0 0 0;
}
.list_table>table{
  width:100%;
}

.list_table>table tr th{
  padding:20px 0;
  font-size:16px;
  border-bottom:1px solid #bebebe;
}
.list_table>table tr td{
  padding:10px 0;
  border-bottom:1px solid #d9d9d9;
  text-align:center;
}
.list_table>table tr td>button{
  padding:14px 0;
  width:91px;
  cursor: pointer;
  background:url(../img/table_btn.png) no-repeat 0 50%;
}
.list_table>table tr td:last-child>button{
  background:url(../img/table_btn2.png) no-repeat 0 50%;
}

.list_table>table tr td.stop_store{
  color:#ef4842;
}
.list_table>table tr td>input{
  width:15px;
  height:15px;
  border:1px solid #bebebe;
}


.pagenation{
  padding:50px 0 0 0;
  width:100%;
}
.pagenation>ul{
  width:100%;
  text-align:center;
}
.pagenation>ul>li{
  display:inline-block;
}
.pagenation>ul>li>button{
  padding:5px 20px;
  background:#fff;
  cursor: pointer;
  color:#c7c7c7;
}
.pagenation>ul>li>button.on{
  color:#484848;
}
.pagenation>ul>li:first-child>button{
  padding:5px 0;
}
.pagenation>ul>li:last-child>button{
  padding:5px 0;
}


/*
|--------------------------------------------------------------------------
| 팝업창 _ QR
|--------------------------------------------------------------------------
|
*/
.pop3{
  display:none;
}
.pop2{
  display:none;
}
.pop1{
  display:none;
  z-index:4;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(255,255,255,.6);
}
.pop1>div{
  position:relative;
  width:500px;
  background:#fff;
  border:1px solid #e4e4e4;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
}
.pop1>div>span{
  padding:5px 0;
  display:block;
  background:url(../img/pop_top.jpg) no-repeat 0 0;
  text-align:right;
  background-size:100% 100%;
}
.pop1>div>span>button{
  margin:0 10px 0 0;
  background:transparent;
  border:1px solid #fff;
  cursor: pointer;
}
.pop1>div>div{
  padding:50px 0;
}
.pop1>div>div>span{
  display:block;
  width:40%;
  margin:0 auto;
}
.pop1>div>div>span>img{
  width:100%;
}
.qr_box{
  padding:30px 0;
}
.qr_box>div{
  display:block;
  width:281px;
  padding:40px 0;
  background:url(../img/qr_bg.jpg) no-repeat 0 50%;
  margin:0 auto;
}
.qr_box>div>span{
  display:block;
  width:161px;
  padding:20px;
  background:#fff;
  margin:0 auto;
}
.qr_box>div>span>img{
  width:161px;
  margin:0 auto;
}
.qr_box>p{
  padding:30px 0 0 0;
  text-align:center;
}
.qr_box>p>button{
  width:130px;
  margin:0 auto;
  color:#fff;
  padding:10px 0;
  cursor:auto;
  outline:none;
}
.qr_box>p>button.stop_qr{
  background:#f04838;
}
.qr_box>p>button.use_qr{
  background:#311066;
}
.pop1>div>div>p{
  width:65%;
  margin:0 auto;
  padding:10px 0;
}
.pop1>div>div>p>strong{
  display:inline-block;
  width:35%;
  padding:10px 0;
  background:#ececec;
  text-align:center;
  font-size:16px;
}
.pop1>div>div>p>span{
  padding:9px 0;
  display:inline-block;
  width:65%;
  margin:0 0 0 -5px;
  border:1px solid #ececec;
  text-align:center;
  font-size:16px;
}
.pop1>div>div>p>button{
  padding:10px 0;
  display:inline-block;
  width:49%;
  background:url(../img/pop2_btn.png) no-repeat 0 50%;;
  color:#fff;
  font-size:16px;
  font-weight:600;
  cursor: pointer;
}
.pop1>div>div>p>button:last-child{
  margin:0 0 0 1%;
}
/*
|--------------------------------------------------------------------------
| 팝업창 _ 업체 정보 수정
|--------------------------------------------------------------------------
|
*/

.popBox{
  z-index:3;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(255,255,255,.6);
}
.popBox>div{
  z-index:4;
  position:relative;
  padding:35px;
  width:1170px;
  background:url(../img/pop.jpg) no-repeat 0 50%;
  position:absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
}
.popBox>div>button{
  z-index:5;
  position:absolute;
  top:10px;
  right:38px;
  border:1px solid #fff;
  background:transparent;
  cursor: pointer;
}
.popBox>div>button>img{
  width:29px;
}
.popBox>div>h2{
  font-size:20px;
  font-weight:600;
  color:#fff;
}
.popBox>div>p{
  padding:0 0 0 20px;
  font-size:14px;
  text-align:right;
  background:url(../img/star_icon.png) no-repeat 89% 60%;
}
.popBox>div>div{
  margin:15px 0 0 0;
  padding:30px 40px;
  background:#fff;
}
.pop_left{
  float:left;
}
.pop_right{
  float:right;
}
.pCon_box{
  width:50%;
}
.pCon_box>h3{
  font-size:18px;
  font-weight:600;
}
.pCon_box>p{
  padding:20px 0;
}
.pCon_box>p>strong{
  padding:10px 0 0 0;
  display:inline-block;
  width:30%;
  font-size:16px;
  color:#484848;
  font-weight:600;
  text-indent:25px;
}
.pCon_box>p>strong.necessary{
  background:url(../img/star_icon.png) no-repeat 0 70%;
}
.pCon_box>p>input{
  padding:10px 0;
  display:inline-block;
  width:50%;
  border:1px solid #bebebe;
  font-size:16px;
  color:#484848;
  text-indent:10px;
}
.pCon_box>p>input.discount{
  width:45%;
}
.pCon_box>p>em{
  display:inline-block;
  font-size:18px;
  font-weight:600;
  padding:10px 0 0 5px;
}

.pCon_box>p>span{
  display:block;
  margin:10px 0 0 31%;
}
.pCon_box>p>span.postBtn{
  display:inline-block;
  margin:0 0 0 2px;
}
.pCon_box>p>span>input{
  padding:10px 0;
  display:inline-block;
  width:72%;
  border:1px solid #bebebe;
  font-size:16px;
  color:#484848;
  text-indent:10px;
}
.pCon_box>p>span>input.postnum{
  width:35%;
}

.pCon_box>p>span>span{
  display:inline-block;
  padding:10px 0 0 0;
}
.pCon_box>p>span>button{
  padding:8px 15px;
  font-size:16px;
  color:#484848;
  background:#e1e1e1;
  cursor: pointer;
  font-weight:600;
}
.pCon_box>p>button{
  padding:10px;
  width:155px;
  font-size:16px;
  color:#5b5b5b;
  font-weight:600;
  background:url(../img/pop_btn.png) no-repeat 0 50%;
  cursor: pointer;
}
.pCon_box>p>button.on{
  background:url(../img/pop_use.png) no-repeat 0 50%;
}
.pCon_box>p>button.off{
  color:#fff;
  background:url(../img/pop_use_no.png) no-repeat 0 50%;
}
.popBox>div>div>p{
  padding:20px 0 0 0;
  text-align:center;
}
.popBox>div>div>p>button{
  padding:10px 0;
  margin:0 13px;
  width:125px;
  color:#fff;
  font-size:16px;
  font-weight:600;
  cursor: pointer;
  background:url(../img/removeBtn.png) no-repeat 0 50%;
}
.popBox>div>div>p>button:last-child{
  background:url(../img/registerBtn.png) no-repeat 0 50%;
}






/*
|--------------------------------------------------------------------------
| 계정관리_
|--------------------------------------------------------------------------
|
*/

.content2{
  display:none;
  width:100%;
}
.content2>div{
  padding:50px 60px 44px 60px;
}

.search2>span>input{
  width:192px;
}

.list_table>table tr td>button.login_data{
  display:block;
  width:100%;
  max-width:158px;
  margin:0 auto 10px auto;
  background:url(../img/login_data.png) no-repeat 0 50%;
  color:#484848;
}
.list_table>table tr td>button.a_update{
  display:inline-block;
  width:100%;
  max-width:78px;
  background:url(../img/a_update.png) no-repeat 0 50%;
  color:#484848;
}
.list_table>table tr td>button.a_delete{
  display:inline-block;
  width:100%;
  max-width:78px;
  background:url(../img/a_delete.png) no-repeat 0 50%;
  color:#484848;
}


/*
|--------------------------------------------------------------------------
| 계정관리_ 팝업 _신규등록
|--------------------------------------------------------------------------
|
*/
.popBox2{
  display:none;
  z-index:3;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(255,255,255,.6);
}
.popBox2>div{
  z-index:4;
  position:relative;
  padding:35px;
  width:1170px;
  background:url(../img/pop.jpg) no-repeat 0 50%;
  position:absolute;
  top:50%;
  left:50%;
  transform: translateX(-50%) translateY(-50%);
}
.popBox2>div>button{
  z-index:5;
  position:absolute;
  top:10px;
  right:38px;
  border:1px solid #fff;
  background:transparent;
  cursor: pointer;
}
.popBox2>div>button>img{
  width:29px;
}
.popBox2>div>h2{
  font-size:20px;
  font-weight:600;
  color:#fff;
}
.popBox2>div>p{
  padding:0 0 0 20px;
  font-size:14px;
  text-align:right;
  background:url(../img/star_icon.png) no-repeat 89% 60%;
}
.popBox2>div>div{
  margin:15px 0 0 0;
  padding:30px 40px;
  background:#fff;
}
.popBox2>div>div>p{padding:20px 0;}

.popBox2>div>div>p:last-child{text-align:center;}

.popBox2>div>div>p>strong{
  padding:10px 0 0 0;
  display:inline-block;
  width:15%;
  font-size:16px;
  color:#484848;
  font-weight:600;
  text-indent:25px;
}
.popBox2>div>div>p>strong.necessary{
  background:url(../img/star_icon.png) no-repeat 0 70%;
}
.popBox2>div>div>p>input{
  padding:10px 0;
  display:inline-block;
  width:80%;
  border:1px solid #bebebe;
  font-size:16px;
  color:#484848;
  text-indent:10px;
}


.popBox2>div>div>div{
  width:100%;
  padding:20px 0;
}
.popBox2>div>div>div>p{
  float:left;
  width:50%;
}
.popBox2>div>div>div>p>strong{
  padding:10px 0 0 0;
  display:inline-block;
  width:30%;
  font-size:16px;
  color:#484848;
  font-weight:600;
  text-indent:25px;
}
.popBox2>div>div>div>p>input{
  padding:10px 0;
  display:inline-block;
  width:60%;
  border:1px solid #bebebe;
  font-size:16px;
  color:#484848;
  text-indent:10px;
}
.popBox2>div>div>div>p>strong.necessary{
  background:url(../img/star_icon.png) no-repeat 0 70%;
}

.popBox2>div>div>p>select{
  margin:0 10px 0 0;
  padding:7px 35px 10px 20px;
  border:1px solid #b9b9b9;
  font-size:16px;
  color:#8a8a8a;
  background:url(../img/select.png) no-repeat 93% 50%;
}

.popBox2>div>div>p>button{
  display:inline-block;
  padding:10px 0;
  margin:0 9px;
  width:110px;
  color:#fff;
  font-size:16px;
  font-weight:600;
  cursor: pointer;
  background:url(../img/a_save.png) no-repeat 0 50%;
}
.popBox2>div>div>p>button:last-child{
  background:url(../img/a_close.png) no-repeat 0 50%;
}



/*
|--------------------------------------------------------------------------
| 계정관리_ 팝업 _수정
|--------------------------------------------------------------------------
|
*/
.popBox2.pop5>div>div>p:first-child>input{border:none; outline:0;}
.popBox2>div>div>div>span{
  display:inline-block;
  padding:10px 0;
  margin:0 0 0 16%;
}