@charset "UTF-8";
/*
	.Final Editor : seo geon one
	.Description : 커스텀 스타일 정의
	.Last Edit : 2018-01-23
*/
*{word-break: keep-all;word-wrap: break-word;}
body {
  color: #4a4a4a; }

input, select {
  border-radius: 2px;
  font-family: sans-serif;
  font-size: 12px;
  border: 1px solid #e0e0e0;
  color: #4a4a4a; }

button {
  height: 30px;
  line-height: 28px;
  padding: 0 12px;
  border-radius: 2px;
  font-family: sans-serif;
  font-size: 12px;
  border-color: transparent;
  background: #888;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }
  button:hover {
    background-color: #666; }

button.defaultBtn {
  background: #fff;
  border-color: #e0e0e0;
  color: #4a4a4a; }
  button.defaultBtn:hover {
    background-color: #f9f9f9; }

button.excelBtn {
  border-color: transparent;
  background: #44a654;
  color: #fff; }
  button.excelBtn:hover {
    background-color: #3d944b; }

button.blueBtn {
  border-color: transparent;
  background: #0d47b4;
  color: #fff; }
  button.blueBtn:hover {
    background-color: #043ba2; }

button.blackBtn {
  border-color: transparent;
  background: #444;
  color: #fff; }
  button.blueBtn:hover {
    background-color: #333; }

button.grayBtn {
  border-color: transparent;
  background: #999;
  color: #fff; }
  button.grayBtn:hover {
    background-color: #777; }
.blueBtnL {
  border-color: transparent;
  background: #0d47b4;
  color: #fff;
  font-weight: bold;
  width: 100px;
  height:40px;
  border-radius: 2px;
   }
  .blueBtnL:hover {
    background-color: #032f82; }
table th {
  font-weight: normal; }
table th, table td {
  font-family: sans-serif;
  font-size: 12px;
  padding: 6px 0px;
  border-left: 0;
  border-right: 0;
  /* border-bottom: 1px solid #e0e0e0; 2017-03-27 */
  color: #444;}

.wrap {
  position: relative;
  min-width: 1180px;
  min-height: 100%;
  }

.login {
  display: table;
  width: 100%;
  background-color: #f9f8f4;
  }
  .login .inner {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -240px; }
    .login .inner .center_box {
      width: 640px;
      margin: 0 auto;
      position: relative;
    }
    .login .inner .center_box:after{content:"";display:block;clear:both;}
      .login .inner .center_box .app_img{
        background: url("../img/app_img.png") no-repeat top left;
        background-size: 320px auto;
        width: 320px;
        height: 441px;
        position: absolute;
        left: 0px;
        bottom: 86px;
      }
      .login .inner .center_box .app_img.sj{
        background: url("../img/app_img_sj.png") no-repeat top left;
      }
      .login .inner .center_box > .head {
        width: 45%; float:right;padding: 0 40px 0 0px;}
        .login .inner .center_box > .head .logo {
          width: 164px;
          height: 50px;
          background: url("../img/innopay_logo2.png") no-repeat center;
          background-size: auto 50px;
          margin: 0 auto; }
        .login .inner .center_box > .head .logo.sj {
          width: auto;
          height: 50px;
          background: url("../img/logo_login_sj.png") no-repeat center;
          background-size: auto 50px;
          margin: 0 auto; }
      .login .inner .center_box > .contents {
        float: right;
        width: 90%;
        margin-top: 30px;
        padding: 30px 40px;
        border-radius: 2px;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
        .login .inner .center_box > .contents .input_wrap{
          width: 50%;
          float: right;
        }
        .login .inner .center_box > .contents .input_wrap input[type="text"],
        .login .inner .center_box > .contents .input_wrap input[type="password"] {
          position: relative;
          width: 100%;
          height: 40px;
          line-height: 45px;
          padding: 0 15px 0 40px;
          font-size: 15px;
          border-radius: 2px;
          border: 1px solid #e0e0e0;
          color: #4a4a4a;
          transition: all 0.3s ease-in-out;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out; }
          .login .inner .center_box > .contents .input_wrap input[type="text"]:focus,
          .login .inner .center_box > .contents .input_wrap input[type="password"]:focus {
            background-color: #f1f1f1 !important;
            border-color: #0185c6; }
        .login .inner .center_box > .contents .input_wrap .title_img1 {
          width: 100px;
          height: 19px;
          margin: 0 auto 20px;
          background: url("../img/login_element_img.png") no-repeat top left; }
        .login .inner .center_box > .contents .input_wrap li {
          margin-top: 10px; }
          .login .inner .center_box > .contents .input_wrap li:first-child {
            margin-top: 0; }
          .login .inner .center_box > .contents .input_wrap li .id, .login .inner .center_box > .contents .input_wrap li .pw {
            position: relative; }
            .login .inner .center_box > .contents .input_wrap li .id:after, .login .inner .center_box > .contents .input_wrap li .pw:after {
              font-family: "FontAwesome", sans-serif;
              position: absolute;
              top: 13px;
              left: 15px;
              font-size: 1em;
              color: #d8d8d8; }
            .login .inner .center_box > .contents .input_wrap li .id label.placeholder, .login .inner .center_box > .contents .input_wrap li .pw label.placeholder {
              position: absolute;
              left: 41px;
              top: 10px;
              font-size: 15px;
              color: #bebebe;
              cursor: text;
              z-index: 999; }
          .login .inner .center_box > .contents .input_wrap li .id.focus label.placeholder,
          .login .inner .center_box > .contents .input_wrap li .pw.focus label.placeholder {
            display: none; }
          .login .inner .center_box > .contents .input_wrap li .id:after {
            content: "\f007"; }
          .login .inner .center_box > .contents .input_wrap li .pw:after {
            content: "\f084"; }
          .login .inner .center_box > .contents .input_wrap li .checkbox_wrap {
            text-align: left; }
            .login .inner .center_box > .contents .input_wrap li .checkbox_wrap label {
              position: relative;
              display: inline-block;
              cursor: pointer;
              zoom: 1;
              *display: inline; }
              .login .inner .center_box > .contents .input_wrap li .checkbox_wrap label .id_check {
                position: absolute;
                left: 0;
                top: 0;
                /* display: block; */
                overflow: hidden; }
                .login .inner .center_box > .contents .input_wrap li .checkbox_wrap label .id_check .checking_img {
                  display: inline-block;
                  width: 20px;
                  height: 20px;
                  background: url("../img/login_element_img.png") no-repeat;
                  background-position: left bottom; }
                .login .inner .center_box > .contents .input_wrap li .checkbox_wrap label .id_check input[type="checkbox"] {
                  position: absolute;
                  top: 0;
                  left: -999999px; }
              .login .inner .center_box > .contents .input_wrap li .checkbox_wrap label .check_text {
                display: inline-block;
                height: 20px;
                line-height: 20px;
                margin-left: 30px;
                font-size: 12px;
                font-weight: bold;
                zoom: 1;
                *display: inline; }
              .login .inner .center_box > .contents .input_wrap li .checkbox_wrap label .checking_img.active {
                background-position: -21px bottom !important; }
          .login .inner .center_box > .contents .input_wrap li .login_btn {
            margin-top: 10px; }
      .login .inner .center_box > .login_customer {
        float: right;
        width: 100%;
        height: 65px;
        margin: 50px auto 0;
        border-radius: 2px;
        background: url("../img/login_customer.png") no-repeat 20px center #eee; 
        position:relative;
        }
      .login .inner .center_box > .login_customer.sj {
        background: url("../img/login_customer_sj.png") no-repeat 20px center #eee; }
      .login .inner .center_box > .footer .company_info {
        margin-top: 20px;
        text-align: center;
        font-size: 12px;
        color: #656565; }
        .login .inner .center_box > .footer .company_info li {
          padding-bottom: 5px; }
          .login .inner .center_box > .footer .company_info li span {
            padding: 0 5px;
            color: #bebebe; }
          .login .inner .center_box > .footer .company_info li .com_name {
            color: #0185c6;
            font-weight: bold; }
          .login .inner .center_box > .footer .company_info li:last-child {
            padding-bottom: 0; }

header {
  min-width:1700px;
  height: 60px;
  line-height: 60px;
  background-color: #043ba2;
  background-size: 100% 100%; }
  header .logo {
  	border-right:1px solid #043ba2;
  	box-sizing: border-box;
    float: left;
    width: 210px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    background: url("../img/innopay_logo.png") no-repeat center;
    background-size: 98px;
    background-color:#0d47b4;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; }
     header .logo.sejong {
    background: url("../img/sejongpay_logo.png") no-repeat center;
    background-size: 120px;background-color:#0d47b4; }
    header .logo:after {
      content: '';
      display: block;
      clear: both; }
    header .logo:hover {
      opacity: .9; }
  header .gnb {
    float: left; }
    header .gnb:after {
      content: '';
      display: block;
      clear: both; }
    header .gnb .dropdown_t > li {
      float: left;
      width: 110px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      border-right: 1px solid #0446b5;}
      header .gnb .dropdown_t > li:after {
        content: '';
        display: block;
        clear: both; }
      header .gnb .dropdown_t > li > a {
        display: block;
        color: #9cc0ee;
        font-weight: bold;
        letter-spacing: -1px;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out; }
      header .gnb .dropdown_t > li > a:hover, header .gnb .dropdown_t > li .on {
        background-color: rgba(0, 0, 0, 0.2);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#1affffff, endColorStr=#1affffff );
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#1affffff, endColorStr=#1affffff )";
        zoom: 1;
        color: #fff; }
    header .gnb .dropdown_m {
      display: none;
      position: relative;
      top: -1px;
      width: 220px;
      box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
      z-index: 999; }
      header .gnb .dropdown_m > li {
        position: relative;
        display: block; }
        header .gnb .dropdown_m > li > a {
          display: block;
          height: 40px;
          line-height: 40px;
          text-align: left;
          padding: 0 20px;
          font-size: 12px;
          background-color: #032f82;
          color: #fff; }
        header .gnb .dropdown_m > li > a.not_used{
        	background-color: #2e333b;
        	color:rgba(255,255,255,0.6)
        }
        header .gnb .dropdown_m > li > a.not_used .not_used_txt{
        	padding:2px 4px;
        	background-color:#555;
        	font-size:11px;
        	margin-left:6px;
        }
          header .gnb .dropdown_m > li > a:after {
            content: "\f105";
            float: right;
            color: #0185c6;
            font-size: 1.2em;
            font-family: "FontAwesome", sans-serif; }
            header .gnb .dropdown_m > li > a:after:last-child {
              border-bottom: 0; }
        header .gnb .dropdown_m > li:hover > a,
        header .gnb .dropdown_m > li > a.on {
          background-color: #2962c4; }
          header .gnb .dropdown_m > li:hover > a:after,
          header .gnb .dropdown_m > li > a.on:after {
            content: "\f105";
            color: #fff; }
        header .gnb .dropdown_m > li > a.no_drop:after {
          content: ''; }
    header .gnb .dropdown_d {
      display: none;
      position: absolute;
      top: 0;
      left: 220px;
      width: 200px;
      box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#1a000000, endColorStr=#1a000000 );
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#1a000000, endColorStr=#1a000000 )";
      zoom: 1;
      z-index: 997; }
      header .gnb .dropdown_d > li {
        display: block; }
        header .gnb .dropdown_d > li > a {
          display: block;
          height: 40px;
          line-height: 40px;
          text-align: left;
          padding: 0 20px;
          font-size: 12px;
          background-color: #032f82;
          color: #fff; }
        header .gnb .dropdown_d > li:hover > a,
        header .gnb .dropdown_d > li > a.on {
          background-color: #2962c4; }
  header .aside {
    float: right;
    margin-right: 0px; }
    header .aside:after {
      content: '';
      display: block;
      clear: both; }
    header .aside .nav_login {
      float: left; }
      header .aside .nav_login .inner {
        font-size: 12px;
        color: #98d5f5; }
        header .aside .nav_login .inner span {
          font-weight: bold;
          color: #fff; }
        header .aside .nav_login .inner .btnM {
          margin-left: 5px; }
    header .aside .btn_function {
      float: left; }
      header .aside .btn_function:after {
        content: '';
        display: block;
        clear: both; }
      header .aside .btn_function ul {
        margin-left: 10px; }
        header .aside .btn_function ul li {
          float: left;
          position:relative;}
          header .aside .btn_function ul li:after {
            content: '';
            display: block;
            clear: both; }
          header .aside .btn_function ul li a {
            display: block;
            padding: 0 10px;
            color: #9cc0ee;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out; }
            header .aside .btn_function ul li a:hover {
              background-color: rgba(255, 255, 255, 0.1);
              color: #fff; }
          header .aside .btn_function ul li .on {
            background-color: rgba(255, 255, 255, 0.1); }
        header .aside .btn_function ul .menu_fun a:hover, header .aside .btn_function ul .menu_fun .on {
          color: #d3ff01; }
        header .aside .btn_function ul .menu_fun .on i::before {
          content: "\f03c";
          font-family: "FontAwesome", sans-serif; }
        header .aside .btn_function ul .board_fun .on {
          color: #fff; }
        header .aside .btn_function ul .board_fun .menu {
          width:120px;
          display: none;
          position: absolute;
          top: 60px;
          right: 0;
          background-color: #fff;
          margin-left: 0;
          border: 1px solid #e0e0e0;
          box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
          z-index: 999; }
          header .aside .btn_function ul .board_fun .menu li {
            float: none;
            display: block;
            height: 30px;
            line-height: 30px;
            border-bottom: 1px solid #e0e0e0;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out; }
            header .aside .btn_function ul .board_fun .menu li a {
              font-size: 12px;
              color: #4a4a4a; }
            header .aside .btn_function ul .board_fun .menu li:hover {
              background-color: #efefef; }
          header .aside .btn_function ul .board_fun .menu li.b_big a span {
            color: #ff8d00; }
          header .aside .btn_function ul .board_fun .menu li.b_small a span {
            color: #90a644; }

.inner_wrap {
  position: relative;
  width: 100%;
  min-height: 840px;
  /* overflow: hidden; 2017-03-27 */
  }
  .inner_wrap .snb {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 210px;
    background-color: #f1f1f1;
    border-right: 1px solid #e0e0e0;
    transition: all .3s ease-in-out;
    }
    .inner_wrap .snb .snb_cardevent {
      display:inline-block;
      width: 209px;
      height: 130px;
      background: url("../img/card_banner.png") no-repeat center; 
      background-color:#3890e3;
   	  }
   	  .inner_wrap .snb .snb_cardevent.main_left{
   	  transition: all 0.2s ease-in-out;
  	  -webkit-transition: all 0.2s ease-in-out;
  	  -moz-transition: all 0.2s ease-in-out;
  	  -ms-transition: all 0.2s ease-in-out;
   	  -o-transition: all 0.2s ease-in-out;
   	  animation-name: snb_cardevent;
      animation-duration: 1s;
   	  }
   	  @keyframes snb_cardevent {
   	  	0%{
   	  		margin-top:50px;opacity:0;
   	  	}
   	  	100%{
   	  		margin-top:0px;
   	  		opacity:1;
   	  	}
   	  }
   	.inner_wrap .snb .snb_cardevent:hover{
   	  background-color:#2765d6;
   	}
    .inner_wrap .snb .snb_customer {
      width: 209px;
      height: 130px;
      background: url("../img/snb_customer.png") no-repeat center; }
      .inner_wrap .snb .snb_customer.sejong {
      width: 209px;
      height: 130px;
      background: url("../img/sejong_snb_customer.png") no-repeat center; }
    .main_notice .title_area{padding:26px 20px 8px 20px;border-bottom:1px solid #e4e4e4;}
    .main_notice .title_area .title{font-size:13px;font-weight:bold;color:#333;line-height:16px;}
    .main_notice .title_area .btn_more{float:right;opacity:0.5;
      transition: all 0.2s ease-in-out;
  	  -webkit-transition: all 0.2s ease-in-out;
  	  -moz-transition: all 0.2s ease-in-out;
  	  -ms-transition: all 0.2s ease-in-out;
   	  -o-transition: all 0.2s ease-in-out;}
   	  .main_notice .title_area .btn_more:hover{opacity:1;}
   	.main_notice ul.notice_list a:hover{display:inline-block;background-color:#fff;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;}
   	.main_notice ul.notice_list li{padding:14px 20px 16px 20px;border-bottom:1px solid #e4e4e4;}
   	.main_notice ul.notice_list li .noti_t{font-size:12px;font-weight:bold;line-height:16px;color:#666;}
   	.main_notice ul.notice_list li .noti_d{font-size:12px;font-weight:regular;line-height:12px;color:#999;padding-top:10px;}
    .inner_wrap .snb ul.snb_inner > li.snb_title{
      display: block;
      width: 100%;
      height: 40px;
      line-height: 40px;
      padding: 0 15px;
      font-size: 12px;
      font-weight: bold;
      letter-spacing: -0.5px;
      text-align: left;
      background-color: #f1f1f1;
      color: #4a4a4a;
      border-bottom: 1px solid #e0e0e0;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out; }
     .inner_wrap .snb ul.snb_inner > li > a {
      display: block;
      width: 100%;
      height: 40px;
      line-height: 40px;
      padding: 0 15px;
      font-size: 12px;
      font-weight: bold;
      letter-spacing: -0.5px;
      text-align: left;
      background-color: #fff;
      color: #4a4a4a;
      border-bottom: 1px solid #e0e0e0;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out; }
      .inner_wrap .snb ul.snb_inner > li > a.not_used{
      	color:rgba(74,74,74,0.6);
      	background-color:#f1f1f1;
      }
      .inner_wrap .snb ul.snb_inner > li > a .not_used_txt{
        	padding:2px 4px;
        	background-color:#ccc;
        	font-size:11px;
        	margin-left:4px;
        	color:rgba(255,255,255,1);
        	font-weight:normal;
        }
      .inner_wrap .snb ul.snb_inner > li > span > a:after {
        float: right;
        font-size: 1.3em;
        font-family: "FontAwesome", sans-serif; }
      .inner_wrap .snb ul.snb_inner > li > a[href="#"]:after {
      	content: "\f107";
      }
      .inner_wrap .snb ul.snb_inner > li > a.on[href="#"]:after {
      	content: "\f106";
      	color: #0185c6;
      }
      .inner_wrap .snb ul.snb_inner > li > a:after {
        content: "\f105";
        float: right;
        font-size: 1.3em;
        font-family: "FontAwesome", sans-serif;
        font-weight:normal; }
      .inner_wrap .snb ul.snb_inner.shortcuts > li > a:after {
        content: "\f105";
        float: right;
        font-size: 1.3em;
        font-family: "FontAwesome", sans-serif;
        font-weight:normal; }
      .inner_wrap .snb ul.snb_inner > li > a:hover {
        color: #043ba2; }
    .inner_wrap .snb ul.snb_inner > li > a.on {
      color: #043ba2;
      font-weight: bold; }
      .inner_wrap .snb ul.snb_inner > li > a.on:after {
        content: "\f106";
        color: #0185c6;
        font-weight:normal; }
      .inner_wrap .snb ul.snb_inner.shortcuts > li > a.on:after {
        content: "\f105";
        color: #0185c6;
        font-weight:normal; }
    .inner_wrap .snb ul.snb_inner .sub_menu {
      display: none;
      padding: 0;
      background-color: #f1f1f1; }
      .inner_wrap .snb ul.snb_inner .sub_menu > li > a {
        display: block;
        height: 40px;
        line-height: 37px;
        padding: 0 0 0 25px;
        color: #222;
        font-size: 12px;
        border-bottom:1px solid #e8e8e8;
        letter-spacing: -0.5px;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out; }
      .inner_wrap .snb ul.snb_inner .sub_menu > li > a:hover,
      .inner_wrap .snb ul.snb_inner .sub_menu > li > a.on {
        background-color: #dbe6fb;
        color: #222;
        font-weight: normal; }
  .inner_wrap .main {
    position: relative;
    left: 210px;
    transition: all .3s ease-in-out;
    }
    .inner_wrap .main .inner {
      width: 1000px;
      padding: 20px 40px 80px 40px;  }
      .inner_wrap .main .inner .title3 {
        /* margin-bottom: 20px;
        padding: 10px 0; 2017-03-27*/
        font-size: 18px;
        font-weight: bold;
        width: 820px;
      }
        /* border-bottom: 1px solid #e0e0e0; 2017-03-27 */ }
        .inner_wrap .main .inner .title .menu_navi {
          float: right;
          height: 20px;
          line-height: 20px;
          margin-top: 6px;
          font-size: 12px;
          font-weight: normal; }
          .inner_wrap .main .inner .title .menu_navi:after {
            content: '';
            display: block;
            clear: both; }
          .inner_wrap .main .inner .title .menu_navi a {
            display: inline-block;
            color: #4a4a4a; }
            .inner_wrap .main .inner .title .menu_navi a:hover {
              color: #0185c6; }
          .inner_wrap .main .inner .title .menu_navi .arrow_right {
            display: inline-block;
            color: #a5a5a5;
            padding: 0 3px; }
            .inner_wrap .main .inner .title .menu_navi .arrow_right:before {
              content: "\f105";
              font-family: "FontAwesome", sans-serif; }

.inner_wrap.snb_close {
  transition: all .3s ease-in-out; }
  .inner_wrap.snb_close .snb {
    left: -210px; }
  .inner_wrap.snb_close .main {
    left: 0;
    width: 100%; }
    .inner_wrap.snb_close .main .inner {
      width: 100%; }

/* original custom */
.search-tb {
  border-top: 1px solid #eee; }
  .search-tb select {
    padding:0 6px; }
  .search-tb th, .search-tb td {
    font-family: sans-serif;
    font-size: 12px;
    padding: 4px 10px; }
  .search-tb th {
    background-color: #f9f9f9; border-bottom: 1px solid #eee;}
    .search-tb th select {
      width: 100%; }
  .search-tb td select, .search-tb td input {
    width: 120px; }
  .search-tb .ui-datepicker-trigger {
    padding: 0 5px 0 2px;
    cursor: pointer; }
  .search-tb .btn-img {
    padding: 0 1px;
    cursor: pointer; }

.btn-area-search {
  width: 100%;
  margin: 10px 0 15px;
  /*text-align: center;*/ 
}

.grid-container .form-tb {
  border-top: 1px solid #eee; }
  .grid-container .form-tb th.ok {
    font-weight: bold;
    background-color: #faffe7;
    color: #90a644; }
  .grid-container .form-tb th.cancel {
    font-weight: bold;
    background-color: #fff3e5;
    color: #ff8d00; }
  .grid-container .form-tb th.sum {
    font-weight: bold;
    background-color: #eaf8ff;
    color: #0185c6; }
  .grid-container .form-tb td {
    text-align: right;
    border: 1px solid #eee; }
    .grid-container .form-tb td:last-child {
      border-right: 0; }
.grid-container .ui-jqgrid-toppager {
  /* margin: 20px 0; 2017-03-27 */
  text-align: center; }
  .grid-container .ui-jqgrid-toppager li {
    display: inline-block; }
    .grid-container .ui-jqgrid-toppager li a {
      padding: 0 3px;
      font-size: 12px;
      color: #4a4a4a;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out; }
      .grid-container .ui-jqgrid-toppager li a .fa {
        padding: 0 3px;
        font-size: 9px;
        color: #a5a5a5; }
      .grid-container .ui-jqgrid-toppager li a:hover {
        color: #0185c6; }
    .grid-container .ui-jqgrid-toppager li a.active {
      font-weight: bold;
      color: #0185c6; }
    .grid-container .ui-jqgrid-toppager li select {
      height: auto;
      padding: 1px 3px; }
.grid-container .ui-jqgrid-htable {
  width: 100%;
  border-top: 2px solid #90a644; }
  .grid-container .ui-jqgrid-htable tr:hover {
    background-color: #faffe7; }
  .grid-container .ui-jqgrid-htable th, .grid-container .ui-jqgrid-htable td {
    letter-spacing: 0;
    text-align: center;
    cursor: default; }
  .grid-container .ui-jqgrid-htable th {
    background-color: #f9f9f9; }
  .grid-container .ui-jqgrid-htable td.price {
    text-align: right; }

/* original custom END */
footer {
  position: relative;
  left: 0;
  right: 0;
  background-color: #e4e4e4;
  border-top: 1px solid #e0e0e0;
  padding-bottom:30px;
  }
  footer .inner {
    margin: 0;
    margin-top: 30px; }
    footer .inner:after {
      content: '';
      display: block;
      clear: both; }
    footer .inner .logo {
      float: left;
      width: 210px;
      height: 57px;
      background: url("../img/footer_logo.png") no-repeat center;
      margin: 8px 0; }
    footer .inner.sejong .logo {
    float: left;
    width: 210px;
    height: 57px;
    background: url("../img/sejong_footer_logo.png") no-repeat center;
    background-size:120px auto;
    margin: 8px 0; }
    footer .inner .company_info {
      float: left;
      padding-left: 40px;
      border-left: 1px solid #ccc; }
      footer .inner .company_info li {
        padding-bottom: 3px;
        letter-spacing: 0px;
        text-align: left;
        font-size: 12px;
        color: #656565; }
        footer .inner .company_info li span {
          padding: 0 5px;
          color: #bebebe; }
        footer .inner .company_info li .com_name {
          color: #043ba2;
          font-weight: bold; }
        footer .inner .company_info li:last-child {
          padding-bottom: 0; }
footer.login_footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom:0;
  background-color: #eee;
  border-top: 1px solid #e8e8e8;
  padding-top:24px;
  padding-bottom:24px;
  text-align:center;
  }
  footer.login_footer .inner {
    margin: 0 auto;
    position:relative;
    display:inline-block;
    width:auto;}
    footer.login_footer .inner .logo{
    height:57px;
    }
    footer.login_footer .inner .company_info {
      border-left: 1px solid #ddd; }
    footer.login_footer .inner:after{content:"";display:block;clear:both;}
td.ui-pg-button.ui-corner-all{padding: 6px 10px;}
/*@media screen and (max-width: 1450px) {
  .inner_wrap .snb {
    width: 15%; 
    background-color: #f1f1f1; }
  .inner_wrap .main {
    left: 15%;
    width: 85%; }

  .inner_wrap.snb_close .snb {
    left: -15%; } }
@media screen and (max-width: 1300px) {
  .inner_wrap .snb {
    width: 170px; }
  .inner_wrap .main {
    left: 170px; }

  .inner_wrap.snb_close .snb {
    left: -170px; }

  .scroll_table {
    overflow-x: scroll; }
    .scroll_table > .ui-jqgrid-htable {
      width: 1100px !important; } }*/
#gridContainer{margin-top:30px;}
.search-tb label{margin-right:10px;}
#list_tr_dt{border-right:1px solid #e8e8e8;}
#list_detail #jqgh_list_detail table tbody tr:nth-child(1) th{height:22px;}
#list_detail #jqgh_list_detail table tbody tr:nth-child(2) th{border-right:1px solid #e8e8e8!important;}
.ui-widget-content.jqgroup.ui-row-ltr.listghead_0 td{border-color:#aaa;}
.ui-widget-content.jqgroup.ui-row-ltr.listghead_0 td b{line-height:30px;}
.ui-widget-content.jqgroup.ui-row-ltr.listghead_0 td span{margin-top:7px;}
.ui-widget-content.jqfoot.ui-row-ltr td{padding: 0 8px; line-height:30px;border-color:#eee;}
#gridContainer .form-tb.blank{margin-bottom:30px;}
#gridContainer .ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all {padding-right:30px;}
.ui-jqgrid .ui-jqgrid-htable{border-top:1px solid #709ce6;}
#container.size-main h2{font-size:18px; border:none;}
#container.size-main table:nth-child(2){margin-bottom:30px;}
#container.size-main table.list-tb:last-child tr th{border-right:1px solid #e4e4e4;}
#container.size-main table.list-tb:last-child tr th:last-child{border-right:none;}
#container.size-main table.list-tb:last-child tr:last-child{background: #e9f0fd;}
.multiple #gbox_list.ui-jqgrid div.ui-jqgrid-view .ui-state-default .ui-jqgrid-hbox table.ui-jqgrid-htable .ui-jqgrid-labels th{border-right:1px solid #eee!important; padding:0;}
.multiple #gbox_list.ui-jqgrid div.ui-jqgrid-view .ui-state-default .ui-jqgrid-hbox table.ui-jqgrid-htable .ui-jqgrid-labels th:last-child{border-right:none!important;}
.multiple #gbox_list.ui-jqgrid div.ui-jqgrid-view .ui-state-default .ui-jqgrid-hbox table.ui-jqgrid-htable .ui-jqgrid-labels th tr:first-child th{border-top:none;}
.multiple .ui-jqgrid-bdiv div table#list.ui-jqgrid-btable > tbody > tr > td{border-right:1px solid #e4e4e4!important;padding:0;}
.multiple .ui-jqgrid-bdiv div table#list.ui-jqgrid-btable > tbody > tr > td:last-child{border-right:none!important;}
.multiple .ui-jqgrid-bdiv div table#list.ui-jqgrid-btable > tbody > tr:nth-child(2) > td:last-child button{padding:0 10px;}
.ui-jqgrid-bdiv div table#list.ui-jqgrid-btable > tbody > tr:nth-child(2) > td td{padding:0 8px;}
/*주문등록180122*/
.paylarge table.form-tb{border-spacing: 0 6px;border-collapse: inherit;width: 520px;margin-top:20px;}
.paylarge table.form-tb > tbody > tr > th{border-left: 1px solid #ddd;text-align: left;height: 40px; padding:5px 20px;width: 120px;border-radius: 4px 0 0 4px;border-color: #ddd;}
.paylarge table.form-tb > tbody > tr > th.no-td{border:none;background:none;vertical-align:bottom}
.paylarge table.form-tb > tbody > tr.small_form > th{height: 30px; padding:0px 20px;}
.paylarge table.form-tb > tbody > tr > td{position: relative; border-right: 1px solid #ddd;height: 40px; padding:0;border-radius: 0 4px 4px 0;border-color: #ddd;}
.paylarge table.form-tb > tbody > tr.small_form > td{height: 30px;}
.paylarge table.form-tb > tbody > tr > td.rTblA{border: none;padding: 0;height: auto;}
.paylarge table.form-tb > tbody > tr > td select, .paylarge table.form-tb > tbody > tr > td input {height: 40px;border:none;outline: none;margin:0;padding:0 10px 0 12px; }
.paylarge table.form-tb > tbody > tr.small_form > td select, .paylarge table.form-tb > tbody > tr.small_form > td input {height: 30px;}
::-webkit-input-placeholder{ color: #999;font-weight: normal;}:-moz-placeholder {color: #999;font-weight: normal;}::-moz-placeholder { color: #999;font-weight: normal;}:-ms-input-placeholder {  color: #999;font-weight: normal;}
.paylarge table.form-tb > tbody > tr > td input::-ms-clear {display: none;}
.paylarge table .grayBtn{position:absolute;margin: 5px;top:0;right:0}
.paylarge table .small_form .grayBtn{position:absolute;margin: 3px;top:0;right:0}
.paylarge table.form-tb > tbody > tr > td input[disabled="disabled"]{background-color:#f9f9f9;width: 100%; border-radius:0 3px 3px 0;border-left: 1px solid #eee;}
.paylarge table.form-tb > tbody > tr > td .float_r{float: right;margin: 5px;height: 30px;}
.paylarge table.form-tb > tbody > tr.small_form > td .float_r{float: right;margin: 3px;height: 24px;}
.paylarge table.form-tb > tbody > tr > td .pos_aps_r{position: absolute; right: 0; top: 0; margin: 5px;height: 30px;vertical-align: middle;padding: 0 10px;}
.paylarge table.form-tb > tbody > tr.small_form > td .pos_aps_r{margin:3px;height: 24px;vertical-align: middle;padding: 0 10px;}
.paylarge table.form-tb > tbody > tr > td .pos_aps_r input{height: 30px;}
.paylarge table.form-tb > tbody > tr.small_form > td .pos_aps_r input{height: 24px;}
.paylarge .btn-area{width: 520px!important;margin:30px 0 15px;}
.paylarge table.form-tb > tbody > tr > td input[type="radio"]{margin-left: 20px;}
.paylarge [type="text"] { width: 100%;}
.paylarge select { width: 100%;-webkit-appearance:none;appearance: none;background: url("../img/arrow_b_gray_s.png") no-repeat 0 0px;background-size:22px 8px;background-position: 100% 50%;}
 select { width: 100%;-webkit-appearance:none;appearance: none;background: url("../img/arrow_b_gray.png") no-repeat 0 0px;background-size:17px 6px;background-position: 100% 50%;min-width:45px;}
 select::-ms-expand {display: none;}
.paylarge [name^="BuyerHpTel"], [name^="card_num"] { width: 50px; }
.paylarge #cardBinName { color: #FF0000; font-weight: bold; padding-left: 10px; margin-bottom:8px;}
.paylarge [name="CardAvailMonth"], [name="CardAvailYear"], [name="CardPwd"] { width: 33px; }
.paylarge [name="pg_mid"] { width: 280px; }
.paylarge [name="jumin_num"] { width: 62px; }
.paylarge [name="biz_num1"] { width: 40px; }
.paylarge [name="biz_num2"] { width: 38px; }
.paylarge [name="biz_num3"] { width: 55px; }
.paylarge [name="payForm"] { width: 920px; }
.paylarge [name="zipCode"] { width: 50px; }
.paylarge [name="uAddr1"] { width:274px; }
.paylarge [name="uAddr2"] { width:350px; }
.paylarge [name="deliveryComment"] { width:350px; }
.paylarge [name="GoodsName"] { width: 300px; }
.paylarge [name="ArsOrderKey"] { width: 270px; }
.paylarge [name="PayerNumber"] { width: 270px; }
.paylarge [name="exp_date"] { width: 80px; }
.paylarge [name="exp_hour"] { width: 70px; }
.paylarge [name="exp_min"] { width: 70px; }
.paylarge [name="payExpDate"] { width: 80px; }
.paylarge [name="payExpHour"] { width: 70px; }
.paylarge [name="payExpMin"] { width: 70px; }
.paylarge [name="CardAvailMonth"], .paylarge [name="CardAvailYear"], .paylarge [name="CardPwd"] { width: 36px; }
.paylarge [name^="BuyerHpTel"], .paylarge [name^="card_num"] { width: 50px; }
.paylarge table.form-tb > tbody > tr > td input[disabled="disabled"][name="payExpDate"] { width: 80px; }
.paylarge #arsConnTypeComment{margin:4px 0 16px 12px;}
.paylarge #arsConnTypeComment2{margin:4px 0 16px 12px;}
.paylarge #cardBinName{display: none;}
.paylarge #cardBinName[display="block"]{margin-bottom: 8px;}
.small_form button {
  height: 24px;
  line-height: 22px;
  padding: 0 12px;
  border-radius: 2px;
  font-family: sans-serif;
  font-size: 12px;
  border-color: transparent;
  background: #999;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }

/*top 변경  180205*/
.paylink_wrap{float:left;margin-left:0px;}
.paylink_wrap a.btn_paylink{display:none;border-left:1px solid #0446b5;font-weight:bold;float:left;padding:0 16px 0 44px; background:url("../img/i_paylink.png") no-repeat 16px 20px;background-size:20px 20px;line-height:60px;color:#fff;opacity:0.6;}
.paylink_wrap a.btn_paylink:hover{background-color:rgba(0, 0, 0, 0.3);opacity:1;color:#ffaa23;border-left:1px solid #032971;}

/*main 변경  180205*/
.main_top_banner{margin:10px 0 0;;display:inline-block;}
.main_top_banner:hover{opacity:0.8;}
.main .inner .comment{padding-top:6px;color:#999;margin:0;font-size:12px;}
.main .inner .important{padding-bottom:20px;color:#709ce6;margin:0;}
.main .inner .important.noti{padding-bottom:8px;color:#709ce6;padding-top:20px;}
.main .inner .blank{margin-top:10px;}
.title_wrap{position:relative;margin-bottom:16px;}
.title_wrap a{position:absolute;bottom:0; right:0;}
.main .inner h2.title{height: 16px; line-height: 16px; margin-top:50px;font-size: 16px; background: #fff; color: #333; text-indent: 0; border-bottom: none;font-weight:bold;margin-bottom:16px;}
.main .inner h2.title.have_comment{margin-bottom:2px;}
#calendar td {color:#666;}
#calendar .sunday{color:#ff4900}
#calendar .saturday{color:#0078e2}
#calendar .amt a{font-weight:bold;letter-spacing:0;font-size:12px; line-height:14px;color:#333;}
#calendar .amt font{font-size:11px; line-height:14px;margin-top:1px;vertical-align:middle;}
#calendar .amt font[color="blue"]{color:#bbb;}
#calendar .amt font[color="color"]{color:#ff7e00;}
#calendar .calc{margin-top:0;}
.main .inner .cal_control{padding-top:0;}
.main .inner .cal_control td{padding:0 0px;background-color:#fff;height:24px;color:#fff;padding-bottom:10px;}
.main .inner .cal_control td a.float_r{float:right;}

.main_info{width:920px;}
.main_info .sales_info{width:100%;}
.main_info .sales_info:after {content:" "; display:block; clear:both;}
.main_info .sales_info div.sales{width:305px;float:left;margin-top:20px;line-height:40px;}
.main_info .sales_info div.sales.last_d_sales{background-color:#4a4a4a;}
.main_info .sales_info div.sales.this_d_sales{background-color:#003fb6;}
.main_info .sales_info div.sales span.title{width:80px;float:left;line-height:50px;padding:0 0 0 20px;font-size:13px!important;color:#fff;opacity:0.7;}
.main_info .sales_info div.sales span.data{width:auto;float:left;line-height:46px;padding:0;font-size:20px!important;color:#ffbc48;font-weight:bold;opacity:1;}
.main_info .sales_info div.sales span.data .t_small{font-size:12px!important;margin-left:2px;}
.main_info .sales_info ul.sales{width:305px;float:left;margin-top:10px}
.main_info .sales_info ul.sales li{float:left;line-height:40px;font-size:14px;width:100%;}
.main_info .sales_info ul.sales.last_m_sales li{background-color:#757575;}
.main_info .sales_info ul.sales.last_m_sales li.cancel{border-top:1px solid #828282}
.main_info .sales_info ul.sales.this_m_sales {margin-right:10px;}
.main_info .sales_info ul.sales.this_m_sales li{background-color:#2765d6;}
.main_info .sales_info ul.sales.this_m_sales li.cancel{border-top:1px solid #3b73da}
.main_info .sales_info ul.sales.last_m_sales li.sales_sum{background-color:#666;}
.main_info .sales_info ul.sales.this_m_sales li.sales_sum{background-color:#1054d2;}
.main_info .sales_info ul.sales li span.title{width:80px;float:left;line-height:40px;padding:0 0 0 20px;font-size:12px!important;color:#fff;opacity:0.7;}
.main_info .sales_info ul.sales li span.data{width:auto;float:left;line-height:40px;padding:0;font-size:13px!important;color:#fff;font-weight:normal;opacity:0.9;}
.main_info .sales_info ul.sales li span.data .t_small{font-size:12px!important;margin-left:2px;}
.main_info .sales_info ul.sales li.sales_sum span.title{font-size:13px!important;line-height:44px;color:#fff;opacity:0.7;}
.main_info .sales_info ul.sales li.sales_sum span.data{font-size:18px!important;line-height:40px;color:#fff;font-weight:bold;opacity:1;}
.main_info .sales_info ul.sales li.sales_sum span.data .t_small{font-size:13px!important;margin-left:2px;}
.main_info .sales_info .sales_compare{min-width:70px;padding:0 4px;height:46px;margin:2px 2px 0 0;background-color:#fff;float:right;text-align:center;}
.main_info .sales_info .sales_compare p{font-size:11px;color:#999;line-height:11px;text-align:center;margin-top:8px;}
.main_info .sales_info .sales_compare p.percent{margin-top:5px;}
.main_info .sales_info .sales_compare p.percent span{font-size:14px;color:#222;line-height:14px;text-align:center;padding-left;padding-left:10px;height:14px;}
.main_info .sales_info .sales_compare p.percent span .t_small{font-size:11px;padding-left:2px;}
.main_info .sales_info .sales_compare p.percent span.increase{background:url('../img/increase.png') 0 6px no-repeat;}
.main_info .sales_info .sales_compare p.percent span.decrease{background:url('../img/decrease.png') 0 6px no-repeat;}
.main_info .sales_info .this_m_sales .sales_compare{min-width:70px;padding:0 4px;height:40px;margin:2px 2px 0 0;background-color:#fff;float:right;text-align:center;}
.main_info .sales_info .this_m_sales .sales_compare p{font-size:11px;color:#999;line-height:11px;text-align:center;margin-top:6px;}
.main_info .sales_info .this_m_sales .sales_compare p.percent{margin-top:4px;}

.main_info .sales_info div.this_d_calculate{width:300px;float:left;margin-top:20px;line-height:40px;background-color:#fff2d7;margin-left:10px;}
.main_info .sales_info div.this_d_calculate span.title{width:80px;float:left;line-height:50px;padding:0 0 0 20px;font-size:13px!important;color:#666;opacity:1;}
.main_info .sales_info div.this_d_calculate span.data{width:auto;float:left;line-height:46px;padding:0;font-size:20px!important;color:#1054d2;font-weight:bold;opacity:1;}
.main_info .sales_info div.this_d_calculate span.data .t_small{font-size:12px!important;margin-left:2px;}

.main_info .sales_info .limit_info_wrap_wrap{width:298px;float:left;position:relative;margin-top:10px;}
.main_info .sales_info .limit_info_wrap_wrap .dimmed{content:"";opacity:0;display:none;position:fixed;background:#666;width:100%;height:100%;top:0;left:0;z-index:100;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.main_info .sales_info .limit_info_wrap_wrap .btn_more{z-index:100;position:absolute;line-height:44px;padding-right:24px;margin-right:10px;right:0;font-size:12px;font-weight:bold;color:#666;background:url("../img/arrow_b_gray_s.png") no-repeat right center;background-size:auto 6px;}
.main_info .sales_info .limit_info_wrap_wrap .btn_close{z-index:100;position:absolute;line-height:44px;padding-right:24px;margin-right:10px;right:0;font-size:12px;font-weight:bold;color:#666;background:url("../img/arrow_b_gray2.png") no-repeat right center;background-size:auto 6px;display:none;}
.main_info .sales_info .limit_info_wrap{width:298px;position:absolute;z-index:100;height:125px;overflow:hidden;}

.main_info .sales_info ul.limit_info:first-child{float:left;margin:0px;}
.main_info .sales_info ul.limit_info{width:299px;float:left;margin-left:0px;margin-top:1px}
.main_info .sales_info ul.limit_info li{width:298px;float:left;line-height:26px;font-size:14px;}
.main_info .sales_info ul.limit_info li{background-color:#fff;border:1px solid #ecebe9;border-top:none;box-sizing:border-box;}
.main_info .sales_info ul.limit_info.calculate li{padding:26.5px 0;}
.main_info .sales_info ul.limit_info.calculate li.limit{padding:0;}
.main_info .sales_info ul.limit_info li .row{float:left;}
.main_info .sales_info ul.limit_info li span.title{width:80px;float:left;line-height:26px;padding:0 0 0 20px;font-size:12px!important;color:#999;}
.main_info .sales_info ul.limit_info.calculate li span.title{width:106px;float:left;line-height:26px;padding:0 0 0 20px;font-size:12px!important;color:#999;}
.main_info .sales_info ul.limit_info li span.data{width:auto;float:left;line-height:26px;padding:0;font-size:13px!important;color:#666;}
.main_info .sales_info ul.limit_info li span.data .t_small{font-size:12px!important;margin-left:2px;}
.main_info .sales_info ul.limit_info li.limit{background-color:#efefed;border:none;}
.main_info .sales_info ul.limit_info li.limit span.title{font-size:13px!important;line-height:44px;color:#666;opacity:1;}
.main_info .sales_info ul.limit_info li.limit span.title{font-size:13px!important;line-height:44px;color:#666;opacity:1;}
.main_info .sales_info ul.limit_info li.limit span.data{font-size:18px!important;line-height:40px;color:#1054d2;font-weight:bold;}
.main_info .sales_info ul.limit_info li.limit span.data .t_small{font-size:13px!important;margin-left:4px;}
.main_info .sales_info ul.limit_info .btn_request{float:right;font-size:12px;line-height:20px;border-radius:4px;color:#fff;font-weight:bold;background:#aaa;display:inline-block;padding:0 6px;margin:3px 8px 0 0;}
.main_info .sales_info ul.limit_info .btn_request:hover{background:#888;}

.main_info .sales_info .comment_b{float:left;font-size:12px;color:#999;line-height:1.4;width:100%;padding-top:6px;}

.nouse_info{border-bottom:1px solid #eee; padding:104px 40px 40px 40px; margin-top:30px; text-align:center; color:#333; font-size:20px; font-weight:bold;background: url("../img/i_notice_l.png") no-repeat center 20px;}
.nouse_info span{font-size:16px;color:#999;}
.cc_info{padding:40px 120px;background-color:#f8f7f5;}
.cc_info:after{content:"";display:block;clear:both;}
.cc_info > div{float:left; width:50%;}
.cc_info > div:after{content:"";display:block;clear:both;}
.cc_info > div li{width:100%;}
.cc_info li.large_area{float:left;width:50%;}
.cc_info li:last-child{margin-top:12px;}
.cc_info li span{padding-left:28px;line-height:24px;font-size:16px;color:#333; font-weight:bold;}
.cc_info li span.cc_title1{background: url("../img/icon_11.png") no-repeat 0 center;line-height:24px;background-size:20px 20px;color:#888;}
.cc_info li span.cc_title2{background: url("../img/icon_7.png") no-repeat 0 center;line-height:24px;background-size:20px 20px;color:#888;width:74px;display:inline-block;}
.cc_info li span.cc_title3{background: url("../img/icon_9.png") no-repeat 0 center;line-height:24px;background-size:20px 20px;color:#888;}
.cc_info li div{font-size:30px;font-weight:bold;}
.service_info{padding:60px 120px;margin-bottom:50px;}
.service_info h3{font-size:16px; color:#222; font-weight:bold; margin-bottom:12px;}
.service_info .sevice_ex{line-height:1.5;color:#333;}
.service_info .sevice_ex .blue{color:#2765d6;font-weight:bold;font-size:12px;}
.service_info ul{margin-top:20px;}
.service_info li{line-height:1.5;font-weight:bold; margin-bottom:8px;padding-left:16px;font-size:13px;background: url("../img/dot_li.png") no-repeat 0 8.5px; color:#888;}
.popup-itembox .service_info{padding:40px 40px;margin-bottom:0px;}
.popup-itembox .cc_info{padding:40px 40px;background-color:#f8f7f5;}
.popup-itembox .btn-area{margin-top:30px;}

.join_info_wrap{background-color:#fafafa;}
.join_info{float:left;border-top:1px solid #eee;width:50%;}
.clear:after{content:"";display:block;clear:both;}
.join_info_title1{background-color:#efefed;width:100%;float:left;padding:10px 20px;line-height:24px;color:#666;font-weight:bold;text-align:center;border-right:1px solid #e4e4e4;}
.join_info_title2{background-color:#efefed;width:100%;float:left;padding:10px 20px;line-height:24px;color:#666;font-weight:bold;text-align:center;}
.join_info li{width:100%;float:left;padding:0;border-bottom:1px solid #eee;border-right:1px solid #eee;line-height:24px;background-color:#fafafa;position:relative;}
.join_info li.none_a{padding:8px 16px;}
.join_info li:hover{background-color:#fff;}
.join_info li a{float:left;padding:8px 10px 8px 16px;;width:100%;}
.join_info li span{float:left;}
.join_info li .title{font-weight:bold;color:#666;}
.join_info li .tag_used{font-weight:bold;display:inline-block;font-size:11px;line-height: 22px; background: #fff; color: #2765d6; border-radius: 2px;margin-right:8px;padding:0px 3px;border: 1px solid #b0c7f0;}
.join_info li .tag_not_used{display:none;font-size:11px;line-height: 22px; background: #fff; border: 1px solid #ccc; color: #4a4a4a; border-radius: 2px;margin-right:8px;padding:0px 3px;}
.join_info li .transaction_amount{font-size:13px;color:#1054d2;padding-left:20px;position:absolute;left:220px}
.join_info li .transaction_amount span{font-weight:bold;}
.join_info li .transaction_amount .title{font-size:11px;color:#999;font-weight:normal;padding-right:4px;}
.join_info li .transaction_amount .t_small{font-size:11px;padding-left:2px;}
.join_info li .btn_page_move{font-size:12px;float:right;color:#ff9600;display:none;font-weight:bold;}
.join_info li:hover .btn_page_move{display:inline;}
.join_info li .btn_page_move:after{content: "\f105";float: right;font-size: 14px;font-family: "FontAwesome", sans-serif;font-weight:normal;padding-left:8px;font-weight:bold;}
.join_info li.main_not_used{background-color:#fafafa;padding:0;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.join_info li.main_not_used:hover{background-color:#fff;}
.join_info li.main_not_used .title{font-weight:normal;color:#999;padding-right:24px;background:url("../img/i_info_s.png") no-repeat right center;}
.join_info li.main_not_used a:hover .title{background:url("../img/i_info_s_on.png") no-repeat right center;}
.join_info li.main_not_used .tag_used{display:none;}
.join_info li.main_not_used .tag_not_used{display:inline-block;font-size:11px;line-height: 22px; background: #fafafa; border: 1px solid #ddd; color: #666; border-radius: 2px;margin-right:8px;padding:0px 3px;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.join_info li.main_not_used:hover .tag_not_used{background-color:#fff;}
.join_info li.no_link{padding:8px 16px;}
.join_info li.no_link:hover{background-color:#fafafa;}
.join_info.pay1 li{border-left:1px solid #eee;}
a.blueBtn{display:inline-block;height: 30px;line-height: 28px;padding: 0 12px;border-radius: 2px;font-family: sans-serif;font-size: 12px;border-color: #e0e0e0;background: #2765d6;color: #fff;cursor: pointer;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out; }
a.blueBtn:hover {background-color: #043ba2; }
a.grayBtn{height: 30px;line-height: 28px;padding: 0 12px;border-radius: 2px;font-family: sans-serif;font-size: 12px;border-color: #e0e0e0;background: #888;color: #fff;cursor: pointer;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;}
a.grayBtn:hover {background-color: #666; }
.clear_div:after{content:"";display:block;clear:both;}
.main_cal_control{background-color:#efefed;text-align:center;}
.main_cal_control span{color:#666;font-size:14px;font-weight:bold;line-height:14px;padding:13px 3px 13px 3px;display:inline-block;}
.main_cal{border:1px solid #eee;}
.main_cal:after{content:"";display:block;clear:both;}
.main_cal li{width:14.28%;padding-bottom:13px;border-right:1px solid #eee;float:left;}
.main_cal li.today{background-color:#f6faff;}
.main_cal li:last-child{border-right:none;}
.main_cal li a{display:inline-block;width:100%;}
.main_cal li a:hover{background-color:#fff2d7;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;}
.main_cal li p{padding:2px 8px;font-size:13px;color:#666;line-height:20px;height:24px;}
.main_cal li p.sunday{color:#f56200;font-size:11px;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:auto;
overflow:hidden;}
.main_cal li p.saturday{color:#3172e2;}
.main_cal li p.trade{background:url('../img/tag_trade.png') 8px center no-repeat;padding-left:40px;font-weight:bold;}
.main_cal li p.confirmation{background:url('../img/tag_confirmation.png') 8px center no-repeat;padding-left:40px;color:#2765d6;font-weight:bold;}
.main_cal li p.expected{background:url('../img/tag_expected.png') 8px center no-repeat;padding-left:40px;color:#999;font-weight:bold;}
.main_cal li p .t_small{font-size:11px;padding-left:1px;}
.main_cal li .cal_date{display: flex;align-items: center;flex-direction: column;justify-content: center;height:40px;padding:4px 0;background-color:#f9f9f9;text-align:center;font-size:13px;border-bottom:1px solid #eee;margin-bottom:13px;}
.main_cal li .cal_date.saturday p{color:#0078e2}
.main_cal li .cal_date p{line-height:13px;height:auto;padding:1px 6px;}
.main_cal li .cal_date p.holiday{font-size: 11px;line-height:13px;max-width: 100%;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:auto;
overflow:hidden;}
.main_cal li .cal_date.sunday p{color:#f56200;}
.main_cal li .cal_date.sunday.holiWrap p.holiday{color:#f56200;text-align:center;font-size:11px;line-height:13px;max-width: 100%;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:auto;
overflow:hidden;}

/*레이어 팝업 디자인*/
body .ui-button-icon-only .ui-button-text{display:none;!important}
body .ui-dialog{padding:0}
body .ui-dialog .ui-dialog-content{padding:20px;}
body .ui-widget-overlay{opacity:0.7;background:#666;}

.ui-dialog-content.ui-widget-content{background:#fff!important;}

#calendar table.list-tb > tbody > tr > td, #calendar table.list-tb > tr > td{padding:16px 0;width:14.28%;}
#calendar table.list-tb a:hover{text-decoration:none;}
#calendar td.today{background-color:#f6faff;}
#calendar td .month_date{padding:0 8px 8px 8px;}
#calendar td .month_date_info{font-size:11px;}
#calendar td a{display:inline-block;width:100%;}
#calendar td a:hover{background-color:#fff2d7;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;}
#calendar td p{padding:2px 8px;font-size:13px;color:#666;line-height:20px;height:24px;}
#calendar td p.sunday{color:#f56200;font-size:11px;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:auto;
overflow:hidden;}
#calendar td p.saturday{color:#3172e2;}
#calendar td p.trade{background:url('../img/tag_trade.png') 8px center no-repeat;padding-left:40px;font-weight:bold;}
#calendar td p.confirmation{background:url('../img/tag_confirmation.png') 8px center no-repeat;padding-left:40px;color:#2765d6;font-weight:bold;}
#calendar td p.expected{background:url('../img/tag_expected.png') 8px center no-repeat;padding-left:40px;color:#999;font-weight:bold;}
#calendar td p .t_small{font-size:11px;padding-left:1px;}
#calendar td .cal_date{height:40px;padding:4px 0;background-color:#f9f9f9;text-align:center;font-size:13px;border-bottom:1px solid #eee;margin-bottom:13px;}
#calendar td .cal_date.saturday p{color:#0078e2}
#calendar td .cal_date p{line-height:13px;height:auto;padding:8px 0 0 0;}
#calendar td .cal_date.sunday p{color:#f56200;}
#calendar td .cal_date.sunday.holiWrap p{padding:0;}
#calendar td .cal_date.sunday.holiWrap p.holiday{color:#f56200;text-align:center;font-size:11px;line-height:13px;padding-top:4px;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:auto;
overflow:hidden;}

.tid_btn{cursor:pointer;opacity:0.6;transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;}
.tid_btn:hover{opacity:1;}

.go_app {position: fixed;left:1250px;bottom:180px;z-index:90;}
.go_app img{position: absolute;left:-1px;z-index:1000;height:120px;width:auto;}
.go_app div{background:#333; height:100px;width:320px;border-radius:20px 50px 50px 20px;margin-top:20px;overflow:hidden;}
.go_app div:hover{background:#1054d2;}
.go_app div h2{font-size:15px; font-weight:bold;color:#fff;line-height:15px;padding:20px 0 12px 70px;}
.go_app div p{font-size:12px;color:#fff;opacity:0.8;line-height:18px;padding:0 0 0 70px;}
.go_app div:after {
        content: "\f105";
        position:absolute;
        right:20px;
        top:60px;
        font-size: 1.3em;
        font-family: "FontAwesome", sans-serif;
        font-weight:normal;
        color:#fff;
        opacity:0.5
        }
.go_app div:hover:after{opacity:1;}
.go_app{
   	  transition: all 0.2s ease-in-out;
  	  -webkit-transition: all 0.2s ease-in-out;
  	  -moz-transition: all 0.2s ease-in-out;
  	  -ms-transition: all 0.2s ease-in-out;
   	  -o-transition: all 0.2s ease-in-out;
   	  animation-name: app_banner;
      animation-duration: 2s;
   	  }
   	  @keyframes app_banner {
   	  	0%{
   	  		bottom:130px;opacity:0;
   	  	}
   	  	80%{
   	  		bottom:130px;opacity:0;
   	  	}
   	  	100%{
   	  		bottom:180px;
   	  		opacity:1;
   	  	}
   	  }
   	  .go_app div{
   	  transition: all 0.2s ease-in-out;
  	  -webkit-transition: all 0.2s ease-in-out;
  	  -moz-transition: all 0.2s ease-in-out;
  	  -ms-transition: all 0.2s ease-in-out;
   	  -o-transition: all 0.2s ease-in-out;
   	  animation-name: app_banner_div;
      animation-duration: 2.5s;
   	  }
   	  @keyframes app_banner_div{
   	  	0%{
   	  		width:0px;opacity:0;
   	  	}
   	  	80%{
   	  		width:0px;opacity:0;
   	  	}
   	  	100%{
   	  		width:320px;
   	  		opacity:1;
   	  	}
   	  }
   	  .go_app div h2{
   	  transition: all 0.2s ease-in-out;
  	  -webkit-transition: all 0.2s ease-in-out;
  	  -moz-transition: all 0.2s ease-in-out;
  	  -ms-transition: all 0.2s ease-in-out;
   	  -o-transition: all 0.2s ease-in-out;
   	  animation-name: app_banner_text;
      animation-duration: 3s;
   	  }
   	  @keyframes app_banner_text{
   	  	0%{
   	  		opacity:0;
   	  	}
   	  	95%{
   	  		opacity:0;
   	  	}
   	  	100%{
   	  		opacity:1;
   	  	}
   	  }
   	  .go_app div p{
   	  transition: all 0.2s ease-in-out;
  	  -webkit-transition: all 0.2s ease-in-out;
  	  -moz-transition: all 0.2s ease-in-out;
  	  -ms-transition: all 0.2s ease-in-out;
   	  -o-transition: all 0.2s ease-in-out;
   	  animation-name: app_banner_text2;
      animation-duration: 3.2s;
   	  }
   	  @keyframes app_banner_text2{
   	  	0%{
   	  		opacity:0;
   	  	}
   	  	95%{
   	  		opacity:0;
   	  	}
   	  	100%{
   	  		opacity:0.8;
   	  	}
   	  }
   	  .go_app div:after{
   	  transition: all 0.2s ease-in-out;
  	  -webkit-transition: all 0.2s ease-in-out;
  	  -moz-transition: all 0.2s ease-in-out;
  	  -ms-transition: all 0.2s ease-in-out;
   	  -o-transition: all 0.2s ease-in-out;
   	  animation-name: app_banner_text3;
      animation-duration: 3.4s;
   	  }
   	  @keyframes app_banner_text3{
   	  	0%{
   	  		opacity:0;
   	  	}
   	  	95%{
   	  		opacity:0;
   	  	}
   	  	100%{
   	  		opacity:0.5;
   	  	}
   	  }

.go_paylink {position: fixed;left:1250px;bottom:40px;z-index:100;}
.go_paylink img{position: absolute;left:-1px;z-index:1000;height:120px;width:auto;}
.go_paylink div{background:#333; height:100px;width:320px;border-radius:20px 50px 50px 20px;margin-top:20px;overflow:hidden;}
.go_paylink div:hover{background:#1054d2;}
.go_paylink div h2{font-size:15px; font-weight:bold;color:#fff;line-height:15px;padding:20px 0 12px 70px;}
.go_paylink div p{font-size:12px;color:#fff;opacity:0.8;line-height:18px;padding:0 0 0 70px;}
.go_paylink div:after {
        content: "\f105";
        position:absolute;
        right:20px;
        top:60px;
        font-size: 1.3em;
        font-family: "FontAwesome", sans-serif;
        font-weight:normal;
        color:#fff;
        opacity:0.5
        }
.go_paylink div:hover:after{opacity:1;}
.go_paylink{
   	  transition: all 0.2s ease-in-out;
  	  -webkit-transition: all 0.2s ease-in-out;
  	  -moz-transition: all 0.2s ease-in-out;
  	  -ms-transition: all 0.2s ease-in-out;
   	  -o-transition: all 0.2s ease-in-out;
   	  animation-name: paylink_banner;
      animation-duration: 2.5s;
   	  }
   	  @keyframes paylink_banner {
   	  	0%{
   	  		bottom:-10px;opacity:0;
   	  	}
   	  	80%{
   	  		bottom:-10px;opacity:0;
   	  	}
   	  	100%{
   	  		bottom:40px;
   	  		opacity:1;
   	  	}
   	  }
   	  .go_paylink div{
   	  transition: all 0.2s ease-in-out;
  	  -webkit-transition: all 0.2s ease-in-out;
  	  -moz-transition: all 0.2s ease-in-out;
  	  -ms-transition: all 0.2s ease-in-out;
   	  -o-transition: all 0.2s ease-in-out;
   	  animation-name: paylink_banner_div;
      animation-duration: 3s;
   	  }
   	  @keyframes paylink_banner_div{
   	  	0%{
   	  		width:0px;opacity:0;
   	  	}
   	  	80%{
   	  		width:0px;opacity:0;
   	  	}
   	  	100%{
   	  		width:320px;
   	  		opacity:1;
   	  	}
   	  }
   	  .go_paylink div h2{
   	  transition: all 0.2s ease-in-out;
  	  -webkit-transition: all 0.2s ease-in-out;
  	  -moz-transition: all 0.2s ease-in-out;
  	  -ms-transition: all 0.2s ease-in-out;
   	  -o-transition: all 0.2s ease-in-out;
   	  animation-name: paylink_banner_text;
      animation-duration: 3.5s;
   	  }
   	  @keyframes paylink_banner_text{
   	  	0%{
   	  		opacity:0;
   	  	}
   	  	95%{
   	  		opacity:0;
   	  	}
   	  	100%{
   	  		opacity:1;
   	  	}
   	  }
   	  .go_paylink div p{
   	  transition: all 0.2s ease-in-out;
  	  -webkit-transition: all 0.2s ease-in-out;
  	  -moz-transition: all 0.2s ease-in-out;
  	  -ms-transition: all 0.2s ease-in-out;
   	  -o-transition: all 0.2s ease-in-out;
   	  animation-name: paylink_banner_text2;
      animation-duration: 3.7s;
   	  }
   	  @keyframes paylink_banner_text2{
   	  	0%{
   	  		opacity:0;
   	  	}
   	  	95%{
   	  		opacity:0;
   	  	}
   	  	100%{
   	  		opacity:0.8;
   	  	}
   	  }
   	  .go_paylink div:after{
   	  transition: all 0.2s ease-in-out;
  	  -webkit-transition: all 0.2s ease-in-out;
  	  -moz-transition: all 0.2s ease-in-out;
  	  -ms-transition: all 0.2s ease-in-out;
   	  -o-transition: all 0.2s ease-in-out;
   	  animation-name: paylink_banner_text3;
      animation-duration: 3.9s;
   	  }
   	  @keyframes paylink_banner_text3{
   	  	0%{
   	  		opacity:0;
   	  	}
   	  	95%{
   	  		opacity:0;
   	  	}
   	  	100%{
   	  		opacity:0.5;
   	  	}
   	  }

   	  
.talk_banner_div.login_b{position:absolute;top:12px;right:12px;border-radius:2px;}
.talk_banner_div.main_b{}
.talk_banner_div.main_b em{display: inline;margin: 0 0 0 8px;color: #fff;font-size: 13px;font-weight: bold;font-style: normal;line-height: 15px;}
.talk_preview_area .talk_banner_preview:hover{background:#1054d2;}
.talk_preview_area .talk_banner_preview{
   	  transition: all 0.2s ease-in-out;
  	  -webkit-transition: all 0.2s ease-in-out;
  	  -moz-transition: all 0.2s ease-in-out;
  	  -ms-transition: all 0.2s ease-in-out;
   	  -o-transition: all 0.2s ease-in-out;
   	  width:240px!important;
   	  }
.login .talk_preview_area .talk_banner_preview{width:160px!important;}

.add_memo textarea{border:none; padding:10px;border-radius:4px;resize:none;}

.add_memo textarea:focus{outline:none;}

/* 키보드보안 */
.security_kb_noti{position: fixed;bottom: 30px;right: 30px;height: 60px;border-radius: 30px;background: #fef3de;width: 60px;overflow: hidden;}
.security_kb_noti:after{content: "";display: inline-block;clear: both;}
.security_kb_noti .i_security_kb{width: 60px;height: 60px;background: background: #fef3de;border-radius: 50%;float: left;background: url('../img/i_security_kb.png') center no-repeat;}
.security_kb_noti .i_security_kb.i_uninstalled{width: 60px;height: 60px;background: background: #fef3de;border-radius: 50%;float: left;background: url('../img/i_uninstalled.png') center no-repeat;}
.security_kb_noti{
transition: all 2s ease-in-out;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
animation-name: security_kb_noti;
animation-duration: 8s;
}
@keyframes security_kb_noti{
	0%{
		width: 600px;
	}
	94%{
		width: 600px;
	}
	100%{
		width:60px;
	}
}
.notice_text{
	font-size: 13px;
	line-height: 20px;
	color:#666;
	margin: 10px 40px 0 0;
	float: left;
	animation-name: notice_text;
	animation-duration: 8s;
	opacity: 0;
}
@keyframes notice_text{
	0%{
		opacity: 1;
	}
	94%{
		opacity: 1;
	}
	97%{
		opacity:0;
	}
}
.security_kb_noti:hover{
	width: auto;
}
.security_kb_noti:hover .notice_text{opacity: 1;}

.w100p{width:100%!important}

/*바로가기*/
.shortcut_wrap {position: absolute;left:1040px;top:40px;width:240px;}
.shortcut_wrap ul{margin-bottom:20px;}
.shortcut_wrap ul:after{content:"";display:block;clear:both;}
.shortcut_wrap .shortcut_title{background-color:#efefed;width:100%;float:left;padding:10px 20px;line-height:20px;color:#666;font-weight:bold;text-align:center;font-size:12px;}
.shortcut_wrap li{
   	  transition: all 0.2s ease-in-out;
  	  -webkit-transition: all 0.2s ease-in-out;
  	  -moz-transition: all 0.2s ease-in-out;
  	  -ms-transition: all 0.2s ease-in-out;
   	  -o-transition: all 0.2s ease-in-out;
   	  width:100%;float:left;padding:0;border-bottom:1px solid #eee;border-right:1px solid #eee;border-left:1px solid #eee;line-height:24px;background-color:#fff;position:relative;}
.shortcut_wrap li a{
   	  transition: all 0.2s ease-in-out;
  	  -webkit-transition: all 0.2s ease-in-out;
  	  -moz-transition: all 0.2s ease-in-out;
  	  -ms-transition: all 0.2s ease-in-out;
   	  -o-transition: all 0.2s ease-in-out;
   	  float:left;padding:8px 20px 8px 78px;width:100%;font-size:13px;font-weight:bold;color:#666;}
.shortcut_wrap{
   	  transition: all 0.2s ease-in-out;
  	  -webkit-transition: all 0.2s ease-in-out;
  	  -moz-transition: all 0.2s ease-in-out;
  	  -ms-transition: all 0.2s ease-in-out;
   	  -o-transition: all 0.2s ease-in-out;
   	  animation-name: shortcut_wrap;
      animation-duration: 1.5s;
   	  }
   	  @keyframes shortcut_wrap{
   	  	0%{
   	  		opacity:0;
   	  		top:80px;
   	  	}
   	  	50%{
   	  		opacity:0;
   	  		top:80px;
   	  	}
   	  	100%{
   	  		opacity:1;
   	  		top:40px;
   	  	}
   	  }
   	  
.shortcut_wrap li:hover{background-color:#fafafa;}
.shortcut_wrap li:hover a{color:#1054d2;}
.shortcut_wrap li a.shortcut1{background:url('../img/i_shortcut1.png') 40px 10px no-repeat;background-size:20px;}
.shortcut_wrap li a.shortcut2{background:url('../img/i_shortcut2.png') 40px 10px no-repeat;background-size:20px;}
.shortcut_wrap li a.shortcut3{background:url('../img/i_shortcut3.png') 40px 10px no-repeat;background-size:20px;}
.shortcut_wrap li a.shortcut4{background:url('../img/i_shortcut4.png') 40px 10px no-repeat;background-size:20px;}
.shortcut_wrap li a.shortcut5{background:url('../img/i_shortcut5.png') 40px 10px no-repeat;background-size:20px;}
.shortcut_wrap li a.shortcut6{background:url('../img/i_shortcut6.png') 40px 10px no-repeat;background-size:20px;}

.main_info .term_wrap{position:absolute;right:0;bottom:0;}
.main_info .term_wrap:after{contents:"";display:block;clear:both;}
.main_info .term_wrap .btn_term{text-align:center;display:inline-block;line-height:22px;height:24px;width:60px;border:1px solid #ddd;position:static;padding:0 12px;font-size:13px;font-weight:bold;float:left;color:#888;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.main_info .term_wrap .btn_term.on{background:#2765d6;color:#fff;border-color:#2765d6;}
.main_info .term_wrap .btn_term.on:hover{background:#2765d6;}
.main_info .term_wrap .btn_term:hover{background:#eee;}
.main_info .term_wrap .btn_term:nth-child(1){border-radius:4px 0 0 4px;}
.main_info .term_wrap .btn_term:nth-child(2){border-left:none;}
.main_info .term_wrap .btn_term:nth-child(3){border-radius:0 4px 4px 0;border-left:none;}
.main_info .sales_statistics .sales_info div.sales{margin-top:0;background:#4a4a4a;}
.main_info .sales_statistics .sales_info div.sales.ok{border-right:1px solid #666;}
.main_info .sales_statistics .sales_info div.sales.cancle{border-right:1px solid #666;}
.main_info .sales_statistics .sales_info div.sales.cancle .data span{color:#ffbc48;}
.main_info .sales_statistics .sales_info div.sales.sum{width:308px;}
.main_info .sales_statistics .sales_info div.sales.sum .data span{color:#8db5ff;}
.main_info .sales_statistics .sales_info div.sales .title{line-height:40px;color:#fff;width:60px;opacity:0.7;}
.main_info .sales_statistics .sales_info div.sales .data{float:left;}
.main_info .sales_statistics .sales_info div.sales .data span{line-height:36px;color:#fff;font-size:18px;font-weight:bold;float:left;}
.main_info .sales_statistics .sales_info div.sales .data .t_small{font-size:12px!important;line-height:40px;margin-left:2px;}
.main_info .sales_statistics .sales_info div.sales .data.small{float:left;margin-left:12px;}
.main_info .sales_statistics .sales_info div.sales .data.small span{font-size:14px!important;color:#ccc;line-height:38px;font-weight:bold;}
.main_info .sales_statistics .sales_info div.sales .data.small span.t_small{font-size:12px!important;line-height:40px;}
.main_info .graph_wrap{width:918px;padding:20px 50px 20px 30px;background:#666;}
.main_info .graph_wrap:after{content:"";display:block;clear:both;}
.main_info .graph_wrap .graph1{width:100%;height:240px;float:left;}
.main_info .graph_wrap .graph1 .jqplot-xaxis{margin-top:16px!important;color: #ccc;}
.main_info .graph_wrap .graph1 .jqplot-yaxis{margin-right:20px!important;color: #ccc;}
/*main slide*/
.main_sb{margin-top:10px;position:relative;}
.main_sb:after{content:"";display:inline-block;position:absolute;background:#f4f4f4;width:100%;height:90px;top:10px;left:0;z-index:-2;}
.main_sb .bx-viewport:after{
  transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
  content:"";display:inline-block;position:absolute;background:#fff2d7;width:100%;height:90px;top:10px;left:0;z-index:-1;opacity:0;
}
.main_sb .bx-viewport:hover:after{opacity:1;}
.main_sb_wrap a{display:inline-block;width:920px;height:110px;}
.main_sb .bx-controls-direction .bx-prev{display: inline-block;width: 30px;height: 110px;position: absolute;left: -30px;top: 0;background: url('../img/btn_prev_gray.png') no-repeat center;background-size: auto 16px;opacity: 0.3;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }
.main_sb .bx-controls-direction .bx-next{display: inline-block;width: 30px;height: 110px;position: absolute;right: -30px;top: 0;background: url('../img/btn_next_gray.png') no-repeat center;background-size: auto 16px;opacity: 0.3;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;}
.main_sb .bx-controls-direction .bx-prev:hover{opacity: 0.9;}
.main_sb .bx-controls-direction .bx-next:hover{opacity: 0.9;}
.main_sb .bx-pager{position:absolute;top:-8px;right:4px;font-size:12px;color:#999;}
/* .main_info .graph_wrap .graph2{width:298px;height:240px;float:left;background:#eee;margin-left:10px;} */
.graph_wrap .x_data{font-size:13px;color:#666;letter-spacing:0;}
.graph_wrap .y_data:after{content:"";display:block;clear:both;}
.graph_wrap .y_data{padding-top:4px;}
.graph_wrap .y_data span{font-size:16px;color:#f52222;font-weight:bold;float:left;}
.graph_wrap .y_data_negative span{font-size:16px;color:#1054d2;font-weight:bold;float:left;}
.graph_wrap .y_data span.small{font-size:11px;color:#f52222;font-weight:bold;float:left;padding:2px 0 0 2px;}
.graph_wrap .y_data_negative span.small{font-size:11px;color:#1054d2;font-weight:bold;float:left;padding:2px 0 0 2px;}