/* main */
h1 {
  margin:0 !important; padding:0;
}
i {
  font-style: normal;
}
#ad {
  background: #fafafa;
  min-width: 1240px;
  color: #000;
  font-weight: 500;
  font-size: 18px;
}

.wrapsW {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.visual { position:relative; background: url(/images/ad/main_visual.jpg) top center no-repeat; background-size: cover; width: 100%; height:460px;}

.visual .sMenu a {
  color: #ddd;

}
.visual .sMenu .lines {
  color: #666;
  font-size: 18px;
  padding: 0 8px;
}

.visual .btns:after {
  content: "";
  display: block;
  clear: both;
}
.visual .btns li {
  width: 290px;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  margin-left: 10px;
  border: 1px solid #ccc;
  box-sizing : border-box;
}

.visual .btns a {
  display: inline-block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: #fff;
}

.visual .btns li:first-child {
  margin-left: 0;
}

.overlay {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.8;
}

#admin .overlay {
    opacity: 0.6;
}

.mainContents .contBox {
  margin-top: 20px;
}
.mainContents .contBox:after {
  content: "";
  display: block;
  clear: both;
}

.mainContents .consWrap {
  float: left;
  margin-left: 20px;
}

.mainContents .consWrap:first-child {
  margin-left: 0;
}

.mainContents .boardWrap {
  width: 590px;
  height: 285px;
  border: 1px solid #eaeaea;
  box-sizing : border-box;
  background-color: #fff;
}

.mainContents .boardWrap {
  width: 590px;
  height: 285px;
  border: 1px solid #eaeaea;
  box-sizing : border-box;
  background-color: #fff;
}

.mainContents .boardWrap .board {
  /* padding: 40px 30px; */
}

.mainContents .boardWrap .board .titWrap:after {
  content: "";
  display: block;
  clear: both;
}

.mainContents .boardWrap .board .titWrap h2 {
  font-size: 25px;
  line-height: 25px;
  color: #333;
  font-weight: 500;
  text-align: left;
  float: left;
  letter-spacing: -1px;
}

.mainContents .boardWrap .board .titWrap .linkAdd {
  display: inline-block;
  text-align: right;
  float: right;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  color: #333;
}
.mainContents .boardWrap .board .listBoard:after {
   content: "";
  display: block;
  clear: both;
}

.mainContents .boardWrap .board .listBoard a{
  width: 100%;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  padding-top: 10px;
  color: #000; 
  font-weight: 300;
  letter-spacing: -0.7px;
}

.mainContents .boardWrap .board .listBoard a:first-child {
   padding-top: 0px;
 }
.mainContents .boardWrap .board .listBoard span {
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  float: left;
  width: 70%;
}


.mainContents .boardWrap .board .listBoard em{
 float: right;
 font-size: 16px;
 line-height: 18px;
 color: #666;
}


.mainContents .bannerWrap {
    position: relative;
    text-align: center;
    width: 590px;
    height: 280px;
    background: url(/images/ad/main_banner.jpg) center center no-repeat;

}
.mainContents .bannerWrap .txtWrap{
  position: relative;
}
.mainContents .bannerWrap .txtWrap .stit{
  font-size: 20px;
  line-height: 20px;
  color: #c1c1c1;
}

.mainContents .bannerWrap .txtWrap h3{
  font-size: 40px;
  line-height: 40px;
  color: #fff;
}
.mainContents .bannerWrap .txtWrap h3 .point{
  font-weight: 900;
  color: #fc3d64;
}

.mainContents .bannerWrap .txtWrap .list li {
  font-size: 17px;
  line-height: 23px;
  color: #fff;
}

.mainContents .bannerWrap .btn {
  width: 246px;
  height: 52px;
  text-align: center;
  border: 1px solid #fff;
  display: inline-block;
  line-height: 52px;
  color: #fff;
  font-size: 20px;
  letter-spacing: -1px;
}


.mainContents .boxWrap {
  width: 285px;
  height: 285px;
  border: 1px solid #eaeaea;
  box-sizing : border-box;
  background-color: #fff;
  position: relative;
  padding-top: 135px;
}

.mainContents .boxWrap:before {
  content: "";
  width: 82px;
  height: 82px;
  display: block;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -41px;
}

.mainContents .con2:before {
  content: "";
  width: 82px;
  height: 82px;
  display: block;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -30px;
}

.mainContents .boxWrap .txtBox {
  text-align: center;

}

.mainContents .boxWrap .txtBox .tit {
  font-size: 25px;
  line-height: 25px;
  font-weight: 400;

}

.mainContents .boxWrap .txtBox .number {
  font-size: 50px;
  line-height: 50px;
  font-weight: 900;
  letter-spacing: 0;
}

.mainContents .boxWrap .txtBox .txt {
  font-size: 25px;
  line-height: 25px;
  font-weight: 700;
}

.mainContents .dbWrap {
  width: 285px;
  height: 285px;
  border: 1px solid #eaeaea;
  box-sizing : border-box;
  background-color: #f1fdff;
  position: relative;
  padding-top: 135px;
  text-align: center;
  padding: 25px 20px;
}

.mainContents .dbWrap h2 {
  font-size: 13px;
  letter-spacing: 6px;
  color: #114f57;
  font-weight: 500;
}

.mainContents .dbWrap ul {
  margin-top: 15px;
}

.dbWrap li {
  float: none;
  margin-left: 0;
}

.mainContents .dbWrap li {
  margin-top:5px;
}
.dbWrap li:frist-child {
  margin-top: 0;
}

.dbWrap li:after {
  content: "";
  display: block;
  clear: both;
}

.formWrap li label{
  width: 30%;
  font-size: 14px;
  line-height: 36px;
  text-align: left;
  float: left;
  margin-right: 10px;
  vertical-align: middle;
}

.formWrap li input{
  width: 65%;
  text-align: left;
  float: right;
}

.formWrap input.btnLogin{
  width: 100%;
}

input.btnLogin{
  margin-top: 10px;
  width: 100%;
  display: inline-block;
  background-color: #007b8a;
  border: 0px;
  height: 50px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  text-indent: 0;
  cursor: pointer;
}
.dbWrap .checkWrap:after {
  content: "";
  display: block;
  clear: both;
}

.dbWrap .checkWrap li {
  float: left;
  margin-left: 15px;
}
.dbWrap .checkWrap li:first-child {
  margin-left: 0;
}

dbWrap .checkWrap li:after {
  content: "";
  display: block;
  clear: both;
}
.dbWrap .checkWrap input {
  width: 15px;
  height: 15px;
  float: left;
}

.dbWrap .checkWrap .txt {
  font-size: 13px; 
  line-height: 15px;
  margin-left: 8px; 
  float: left;
}

.dbWrap .quickkMenu:after {
    display: block;
    content: "";
    clear: both;
}

.dbWrap .quickkMenu li{
    float: left;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    margin-left: 12px;
}

.dbWrap .quickkMenu li:first-child{
    margin-left: 0px;
}

.dbWrap .quickkMenu li > a {
    color: #9fa1a4;
    /* display: inline-block; */
    float: left;
    letter-spacing: -0.5px;
}

.dbWrap .quickkMenu li > a:after {
    content: "";
    display: block;
    background: url(/images/inc/icon_bullet_line.png) top center no-repeat;
    width: 2px;
    height: 8px;
    float: right;
    margin-left: 12px;
    margin-top: 3px;
}
.dbWrap .quickkMenu li > a.end:after {
  display: none;
}

.dbWrap .dbProfile {
  margin-top: 15px;
  text-align: left;
  line-height: 25px;
}

.dbWrap .dbProfile .proList {
  border-bottom: 1px solid #ddd;
  padding: 8px 0px;
}
.dbWrap .dbProfile .coin{
  border:none;
}

.dbProfile .user_name,
.dbProfile .service_list,
.dbProfile .coin_tit{
  line-height: 25px;
}
.dbProfile a {
  display: inline-block;
  vertical-align: middle;
}

.dbProfile .private .user_name {
  font-size: 20px; 
  vertical-align: middle;
}

.dbProfile .private .user_name .name {
  color:#007b8a;
}
.aDwrap .private,
.aDwrap .private a {
  color: #eee;
}
.aDwrap .private .user_name .name {
  color:#fff;
}

.dbProfile a.sBtn {
  font-size: 13px;
  color: #444;
  box-sizing:border-box;
  border: 1px solid #e5e8ef;
  background: #fff;
  padding: 0 5px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

#admin .dbProfile a.sBtn {
  color: #ffffff;
  border: 1px solid #0096a8;
  background: #0096a8;
}


.dbProfile .service {
  font-size: 15px;
}

.dbProfile .service .cnt {
  color:#007b8a;
  margin-left: 5px;
  font-weight: 700;
}

.dbProfile .coin_tit{
  font-size: 15px;
  color: #007b8a;
}
.dbProfile .coinBtn {
  position: relative;
  font-size: 12px;
  line-height: 25px;
  height: 25px;
  display: inline-block;
  box-sizing:border-box;
  border: 1px solid #007b8a;
  background: #fff;
  padding: 0 7px;
  color: #007b8a;
}

#admin .dbProfile .coinBtn {
  font-size: 14px;
  line-height: 25px;
}

.dbProfile .coinBtn:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -8px;
  background: url(../images/ad/icon_xcoin.png) top left no-repeat;
  width: 16px;
  height: 16px;

}
.dbProfile .coinBtn .cnt{
  margin-left: 18px;
  font-weight: 700;
  margin-right: 2px;
  display: inline-block;
}

.mainContents .con1:before {
  background: url(/images/ad/main_icon_con1.png) center center no-repeat;
}
.mainContents .con2:before {
  background: url(/images/ad/main_icon_con2.png) center center no-repeat;
}
.mainContents .con3:before {
  background: url(/images/ad/main_icon_con3.png) center center no-repeat;
}

.mainContents .con1 .number,
.mainContents .con1 .txt {color:#48f0d5; }

.mainContents .con2 .number,
.mainContents .con2 .txt {color:#37c6ec; }

.mainContents .con3 .number,
.mainContents .con3 .txt {color:#ffd13d; }


#loginPage {
  background: #fafafa;
  display:table;
  margin:0 auto;
}

#loginPage .wraps {
  text-align: center;
  width: 450px;
  display:table-cell;
  vertical-align:middle;
}

#loginPage .logo {
  width: 250px;
  margin: 0 auto;
}

#loginPage .logo img {
  width: 100%;
}

#loginPage .dbWrap label {
  font-size: 15px;
  font-weight: 500;
}

#loginPage .dbWrap li {
  margin-top:8px;
}

#loginPage .cheWrap:after {
  content: "";
  display: block;
  clear: both;
}

#loginPage .checkWrap {
  float: left;
}
#loginPage .quickkMenu {
  float: right;
}

#loginPage .quickkMenu li {
  margin-top: 10px;
}

#loginPage .message {
  border: 3px solid #fc3d64;
  background: #fff;
  padding: 15px 0;
  color: #333;
}
#admin input {font-size : 15px;}

#admin .topWrap {height: 150px; width: 100%; background:url(/images/admin/img_top.jpg) center center no-repeat; background-size: cover; position: fixed; z-index: 100; top: 0;}
#admin .topWrap .logo {position: absolute; left: 30px; top: 50%; margin-top: -24px; display: block; z-index: 10;}
#admin .topWrap .logo a {display: inline-block; width: 100%; height: 100%;}


#admin .menuWrap {position: absolute; left: 0; width: 200px; height:100%; background-color: #202020; top: 150px; z-index: 10; color: #fff; overflow: hidden;}
#admin .menuWrap .menuTop {position: relative; z-index: 50;}
#admin .menuWrap .menuTop h2 {height:75px; background-color:#000; font-size: 22px; line-height: 75px; text-align: center;}
#admin .menuWrap .menuTop h3 {height:50px; background-color:#007b8a; font-size: 20px; line-height: 50px; font-weight: 500; text-align: center;}

#admin .menuWrap .menuSub {
  background: #202020;
  min-height: 210px;
}

#admin .menuWrap .menuSub a {
  display: inline-block;
  width: 100%;
  color: #fff;
}
#admin .menuWrap .menuSub li {
  text-align: right;
  line-height: 55px;
  padding-right: 45px;
  position: relative;
  background: #202020;
  border-bottom: 1px solid #333;
}


#admin .menuWrap .menuSub li:after {
  content: "";
  background: url(/images/admin/img_menu_none.png) no-repeat; width: 5px; height: 8px; position: absolute; right: 20px; vertical-align: middle; top: 50%; margin-top: -6px;
}

#admin .menuWrap .menuSub li.sit:after {
  background: none;
}
#admin .menuWrap .menuSub li.on:after {
  background: url(/images/admin/img_menu_on.png) 
}


#admin .menuWrap .menuSub li.on{background-color: #fff;}
#admin .menuWrap .menuSub li.on a {color: #007b8a;}

/* UI Object */
.menu_v ul{margin:0;padding:0;list-style:none; text-align: right; font-size: 16px;}
.menu_v li{position:relative;vertical-align:top;*zoom:1}
.menu_v li a{display:block;position:relative;line-height: 55px;color:#fff;font-weight:400;text-decoration:none;background:#202020;padding-right: 45px; font-weight: 500; border-bottom: 1px solid #555;}
.menu_v li a .i{position:absolute;top:50%;left:100%;width:8px;height:8px;margin:-4px 0 0 -30px;color:#ccc;background:url(/images/inc/ico_sub.gif) no-repeat left top}
.menu_v li li{margin:0}
.menu_v li li a{padding-right: 25px; background:#fff;font-weight:400; font-size: 14px; border-bottom: 1px solid #eee;}
.menu_v li li a span{color:#666}
.menu_v li.active{z-index:2;}
.menu_v li li.active{border:0}
.menu_v li.active a{color:#007b8a; background: #fff; border-bottom: 1px solid #eee;}
.menu_v li.active .i{background-position:0 -44px}
.menu_v li.active ul{display:block;border-top:1px solid #eee}
.menu_v li.active li.active a span{font-weight:600;color:#007b8a;}
.menu_v li.active li.active a {background: #f2f6f7;}
/* //UI Object */


#admin .menuWrap .images {position: absolute; bottom: 150px; left: 0; width: 100%; display: none;}
#admin .menuWrap .images .dep01 {
  background: url(/images/admin/img_left_01.jpg) center top no-repeat; height:350px; background-size: cover;
}
#admin .menuWrap .images .dep02 {
  background: url(/images/admin/img_left_02.jpg) center top no-repeat; height:188px; background-size: cover;
}

#admin .tabWrap {margin-left: 200px; min-width: 1040px; overflow: hidden; height: 100%; position: relative;}
#admin .tabWrap2 {min-width: 1040px; overflow: hidden; height: 100%; position: relative;}

#admin .aDwrap{position: absolute; right: 1px; top: 45px;}
#admin .aDwrap .button {float: left; margin-right: 20px;}


#admin .adminTabW {position: relative; height: 100%; width: 1200px; position: relative; margin: 0 auto;}
#admin .adminTab {width: 605px; position: absolute; right: 0; bottom: 0;}
#admin .adminTab li {float: left; width: 24.8%; margin-left:1px; background-color: #306e77; height: 60px; line-height: 60px; text-align: center;}
#admin .adminTab li a {cursor: pointer; color: #fff; width: 100%; height: 100%;  display: inline-block; }
#admin .adminTab li.on a{background-color: #fff; color: #007b8a; font-weight: 500;}
#admin .container {width: auto; background-color: #f9f9f9; padding-left: 200px; min-width: 1240px; overflow: hidden; position: relative; padding-top: 150px;}
#admin .container2 {width: auto; background-color: #f9f9f9; min-width: 1240px; overflow: hidden; position: relative; padding-top: 150px;}


#admin .wrapsAdmin {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

/*title board*/
#admin .contents .boardLayout:after {
  content: "";
  display: block;
  clear: both;
}
#admin .contents .text3 .title {
  display: inline-block;
  font-size: 28px;

}

#admin .contents .text4 .title {
  display: inline-block;
  font-size: 24px;

}

#admin .contents .text5 .title {
  display: inline-block;
  font-size: 20px;

}

#admin .contents .boardLayout .stit{
  font-size: 16px;
  font-weight: 500;
  color: #666;
}
#admin .contents .boardLayout h4.poLeft{ position: absolute; top: 100px; }
#admin .contents .boardLayout .resultWrap{
  vertical-align: middle;
  line-height: 35px;
}
#admin .contents .boardLayout .rightW {
  float: right;
}

#admin .contents .boardLayout .btn {
  margin-top: 0;
}

#admin .contents .boardLayout .imgLogo {
    width: 100px;
    text-align: center;
    border: 1px solid #ddd;
    background-color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 44px 14px;
    vertical-align: middle;
}

#admin .contents .boardLayout .searchBox{
  width: 100%;
  border: 1px solid #ddd;
  background: #fff;
  padding: 10px 0;
  text-align: center;
}
#admin .contents .boardLayout .searchBox input{
  min-width: 60px;
}
#admin .contents .boardLayout .searchBox .btn2 {
  text-indent: 0;
}
#admin .contents .boardLayout .searchBox select{
  min-width: 80px;
}

#admin .contents .boardLayout .numSelect {
  float: right;
  min-width: 70px;
}

#admin .contents .tabList:after {
  content: "";
  display: block;
  clear: both;
}
#admin .contents .tabList .board_tab{
  width: 50%;
}

#admin .contents .tabList .board_tab:after{
  content: "";
  display: block;
  clear: both;
}

/* #admin .contents .orderTitle h3.step01{
  background-position: 0 0;
}

#admin .contents .orderTitle h3.step02{
  background-position: 0 -80px;
}

#admin .contents .orderTitle h3.step03{
  background-position: 0 -160px;
}

#admin .contents .orderTitle h3.step04{
  background-position: 0 -2400px;
}

#admin .contents .orderTitle h3.step05{
  background-position: 0 -320px;
}

#admin .contents .orderTitle h3 {
    width: 1200px;
    height: 80px;
    margin: 0;
    border-bottom: 0;
    padding-bottom: 0;
    text-indent: -9999px;
}

#admin .contents .orderList h3 {
  background: url(/images/ad/img_order_menu.gif) 0 0 no-repeat;
}

#admin .contents .orderList1 h3 {
  background: url(/images/ad/img_order_menu1.gif) 0 0 no-repeat;
} */

#admin .contents .orderLi:after{
  content: "";
  display: block;
  clear: both;
}
#admin .contents .orderLi li:first-child{
  margin-left: 0;
}
#admin .contents .orderLi li:last-child{
  float: right;;
}
#admin .contents .orderLi li{
  width: 19.2%;
  padding: 0 10px;
  margin-left: 1%;
  box-sizing: border-box;
  height: 80px;
  background: #e6e6e6;
  color: #333;
  position: relative;
  display: table;
  vertical-align: middle;
  float: left;
  letter-spacing: -1px;
  font-size: 18px;
  text-align: left;
}

#admin .contents .dep3 li{
  width: 32.5%;
}
#admin .contents .dep5 li{
  width: 19.4%;
}

#admin .contents .orderLi li i{
  padding-left: 10px;
  color: #b0b0b0;
  font-size: 40px;
  line-height: 40px;
  font-weight: 800;
  letter-spacing: 0;
  display: table-cell;
  vertical-align: middle;
}

#admin .contents .orderLi li .cons{
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
}

#admin .contents .orderLi li .cons p{
  font-size: 13px;
  line-height: 15px;
  color: #666;
}

#admin .contents .orderLi li.on {
  background: #007b8a;
  color: #fff;
}

#admin .contents .orderLi li.on i{
  color: #7cb4bd;
}

#admin .contents .orderLi li.on .cons p{
  color: #aed5da;
}


#admin .contents2 {
  text-align: center;
  background: #fff;
  width: 600px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 25px;
}
#admin .contents2 .conWrap {
  padding: 50px 40px;
}
#admin .contents2 .logo {
  width: 200px;
  margin: 0 auto;
}
#admin .contents2 .logo img {
  width: 100%;
}

#admin .contents2 h3 {
  font-size: 80px;
  line-height: 80px;
  letter-spacing: -3px;
  color: #444;
  font-weight: 200;
}

#admin .contents2 .textWrap {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  display: inline-block;
  padding: 20px 0;
  margin-top: 25px;
}

#admin .contents2 .text {
  font-weight: 500;
  color: #333;
  font-size: 18px;
  line-height: 28px;
}

#admin .contents2 .line {
  width: 100%;
  height: 1px;
  background: #aaa;
}

#admin .contents2 .text .name {
  color: #fc3d64;
  font-weight: 700;
}

#admin .contents2 .text .id {
  text-decoration: underline;
  color: #007b8a;
  font-weight: 700;
}

#admin .contents2 .profile{
  display: inline-block;
  color: #333; 
  font-weight: 500;
  text-decoration: underline;
}

#admin .contents2 .btn {
  width: 100%;
  display: inline-block;
  background-color: #007b8a;
  border: 0px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size: 22px;
  cursor: pointer;

}


.btnT {
  position: relative;
  width: 100px;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  border: 1px solid #ccc;
  background-color: #eee;
  color: #333;
  text-align: center;
  float: left;
  margin-right: 10px;
  padding:0 5px;
}

.btnT .txt{
  padding-left: 8px;
}

.btnT  a {
  display: inline-block;
  width: 100%;
  height: 100%;
  cursor: pointer;
 }

.btnT input {
   text-align: center;
 }
 
.excel:before {
  content: "";
  display: inline-block;
  background: url(/images/admin/icon_excel.png)left center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top:50%;
  margin-top: -8px;
  left:8px;
  width: 16px;
  height: 16px;
}

.btnB {
    border: 3px solid #306e77;
    background-color: #fff;
    font-size: 14px;
    color: #306e77;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    padding: 10px

  }


.conB {
  background-color: #000 !important;
}
.textContainer .wraps,
footer .wraps {
  width: 1200px;
}

#popup {
  padding: 10px;
}

#popup .btn .btnWrite{
  float: none;
  text-align: center;
}