@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; }
input[type="number"]{-moz-appearance: textfield;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;margin: 0;}
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; }
.grayBtnL {
  border-color: transparent;
  background: #999;
  color: #fff;
  font-weight: bold;
  width: 100px;
  height:40px;
  border-radius: 2px;
   }
  .grayBtnL:hover {
    background-color: #777; }
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 {
  width: 100%;
  background-color: #f9f8f4;
  }
  .login .inner {
    width: auto;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -350px;
    margin-top: -250px; }
    .login .inner .center_box {
      width: 700px;
      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: left;
        width: 100%;
        padding: 0;
        border-radius: 0;
        background-color: #fff;
        box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.05); }
        .login .inner .center_box > .contents .input_wrap{
          width: 300px;
          float: left;
          padding: 30px;
          height: 460px;
        }
        .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: 30px;
          line-height: 30px;
          padding: 0 15px 0 0px;
          font-size: 14px;
          border-radius: 0px;
          border: none;
          border-bottom: 1px solid #ccc;
          color: #222;
          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 {
            border-color: #0446b5; outline: none;}
        .login .inner .center_box > .contents .input_wrap .title_img1 {
          width: 100%;
          height: 30px;
          margin: 0 auto 6px;
          background: url("../img/login_logo.png") no-repeat center;
          background-size: auto 30px;
        }
        .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; padding-top: 4px;}
            .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 .checkbox_wrap {
            text-align: left; }
          .login .inner .center_box > .contents .input_wrap li .checkbox_wrap input[type="checkbox"]{
             position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0
          }
          .login .inner .center_box > .contents .input_wrap li .checkbox_wrap label{
             display: inline-block; position: relative; padding-left: 26px; font-size: 12px; color: #888; line-height: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
          }
          .login .inner .center_box > .contents .input_wrap li .checkbox_wrap input[type="checkbox"] + label:before{
            content: ''; position: absolute; left: 0; top: 0px; /* 이 값을 변경해서 글자와의 정렬 */ width: 18px; height: 18px;text-align: center; background: #fff; border: 1px solid #ccc;
          }
          .login .inner .center_box > .contents .input_wrap li .checkbox_wrap:hover input[type="checkbox"] + label:before{
            border: 1px solid #6e91d2;
          }
          .login .inner .center_box > .contents .input_wrap li .checkbox_wrap input[type="checkbox"]:checked + label:before{
            content: '';background: #1e5dd2; border-color: #1e5dd2; background-image: url('../img/check.png'); background-repeat: no-repeat; background-size: 10px; -webkit-background-size: 10px; background-position:center;
          }

      .login .inner .center_box > .contents .input_wrap li .login_btn {
        margin-top: 16px; }
      .login .inner .center_box > .contents .input_wrap li .login_btn:after{
        content: "";display: block;clear: both;
      }
      .login .inner .center_box > .contents .input_wrap li .login_btn a{
        display: inline-block;width: 50%;float: left;line-height: 40px;height: 40px;font-size: 13px;font-weight: bold;border-radius: 0;color: #fff;
      }
      .login .inner .center_box > .contents .input_wrap li .login_btn a.btnBlue{
        background: #1e5dd2;
      }
      .login .inner .center_box > .contents .input_wrap li .login_btn a.btnGray{
        background: #9c9da0;
      }
      .login .inner .center_box > .contents .input_wrap li .login_btn a.btnBlue:hover{
        background: #184aa8;
      }
      .login .inner .center_box > .contents .input_wrap li .login_btn a.btnGray:hover{
        background: #7d7e80;
      }
      .login .inner .center_box > .contents .input_wrap li .extra_btn{
        display: flex;justify-content: stretch;flex-wrap:wrap;
      }
      .login .inner .center_box > .contents .input_wrap li .extra_btn a.btnBorder{
        width: calc(50% + 1px);line-height: 28px;height: 30px;font-size: 13px;border-radius: 0;color: #666;border: 1px solid #ddd;font-weight: bold;
      }
      .login .inner .center_box > .contents .input_wrap li .extra_btn a.btnBorder:hover{
       border-color: #ccc!important;color: #0555DC!important;z-index: 10;background: #f4f4f4;
      }
      .login .inner .center_box > .contents .input_wrap li .extra_btn .talk_banner_div.login_b{
        display: inline-block;width: 50%;float: left;height: 30px;font-size: 13px;border-radius: 0;color: #666;border: 1px solid #ddd;margin-right: -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;
      }
      .login .inner .center_box > .contents .input_wrap li .extra_btn .talk_banner_div.login_b a{line-height: 28px;color: #666;font-weight: bold;}
      .login .inner .center_box > .contents .input_wrap li .extra_btn .talk_banner_div.login_b:hover a{color: #0555DC!important;}
      .login .inner .center_box > .contents .input_wrap li .extra_btn .talk_banner_div.login_b:hover{
       border-color: #ccc!important;z-index: 10;background: #f4f4f4;
      }
      .login .inner .center_box > .contents .input_wrap li .extra_btn a.btnBorder.full_btn{width: 100%;margin-top: -1px;}
      .login .cc_wrap{padding-top: 6px;position:relative;}
      .login .cc_wrap:after{content: "";display: block;clear: both;}
      .login .cc_wrap .cc_title{float: left;text-align: left;padding-top: 4px;width: 100%;}
      .login .cc_wrap .cc_title p{font-size: 12px;line-height: 16px;color: #888;}
      .login .cc_wrap .cc_title p.working_t{font-size: 12px;line-height: 16px;color: #1e5dd2;font-weight: bold;margin-top: 4px;}
      .login .cc_wrap .cc_title p.holiday{font-size: 12px;line-height: 16px;color: #1e5dd2;font-weight: bold;margin-top: 2px;}
      .login .cc_wrap .cc_data{float: left;text-align: left;line-height: 20px;width: 100%;margin-top: 10px;}
      .login .cc_wrap .cc_data a{line-height: 20px;color: #222;}
      .login .cc_wrap .cc_data a:hover{text-decoration: underline; }
      .login .cc_wrap .cc_data a:first-child{font-size: 20px;font-weight: bold;line-height: 24px;}
      .login .cc_wrap .crt1{position:absolute;right:0;top:16px;}
      /*2차인증*/
      .certification{display: flex;align-items: center;justify-content: center;}
      .certification .wrap{width: 100%;text-align: center;height: auto;padding: 30px;min-width: unset;}
      .certification .input_box{border: 1px solid #ddd;border-radius: 4px;display: flex;margin:0 auto 10px;max-width: 500px;overflow: hidden;align-self: stretch;}
      .certification .input_box:hover{border-color:#6e91d2;}
      .certification .input_box .title{line-height: 20px;padding:15px 10px;width: 110px;text-align: left;background: #f4f4f4;font-size: 13px;flex-shrink: 0;}
      .certification .input_box .con{flex-grow: 1;text-align: left;padding:10px;display: inline-flex;align-items: center;position: relative;justify-content: space-between;flex-wrap: wrap;}
      .certification .input_box .con .radio_wrap{display: inline-flex;}
      .certification .input_box .con input[type="radio"]{width: 20px;margin-right: 5px;}
      .certification .input_box .con label{line-height: 20px;height: 20px;margin-right: 15px;}
      .certification .input_box .con input[type="number"]{flex-grow: 1;line-height: 30px;height: 30px;border: none;outline: none;}
      .certification .input_box .con input[type="text"]{flex-grow: 1;line-height: 30px;height: 30px;border: none;outline: none;}
      .certification .input_box .con input[type="password"]{flex-grow: 1;line-height: 30px;height: 30px;border: none;outline: none;}
      .certification .input_box .con .time{padding-left: 10px;border-left: 1px solid #e4e4e4;line-height: 50px;margin: -10px 0 -10px 10px;}
      .certification .btn-area{margin-top: 20px;}
      @media screen and (max-width: 460px) {
        .certification .input_box .con button{margin-top: 10px;}
        .certification .input_box .con .time{width: calc(100% + 20px);padding: 10px 0 0 10px;border-top:1px solid #e4e4e4;border-left: none;line-height: 20px;margin: 0 -10px 0;}
      }
      /*로그인 배너*/
      .login .login_sb{float: right;width: 400px;height: 460px;background: url('../img/login_sb_bg.png') no-repeat center;background-size: cover;position: relative;}
      .login .login_sb_wrap{width: 400px;height: 400px;}
      .login .login_sb_wrap:after{content: "";display: block;clear: both;}
      .login .login_sb_wrap > div a{display: inline-block;width: 100%;height: 460px;padding-top: 70px;}
      .login .login_sb_wrap > div img{width: auto;height: 180px;}
      .login .login_sb_wrap > div h3{font-size: 18px;font-weight: bold;line-height: 18px;padding-top: 20px;color: #fff;}
      .login .login_sb_wrap > div p{font-size: 12px;line-height: 16px;font-weight: normal;opacity: 0.7;color: #fff;padding: 10px 0;}
      .login .login_sb_wrap > div span{font-size: 12px;line-height: 16px;font-weight: bold;color: #ffd37e;padding: 0px 14px 0 0;background: url('../img/i_go.png') no-repeat right center;background-size: auto 6px;opacity: 0.7;
        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 .login_sb_wrap > div a:hover span{opacity: 1;}
      .login .bx-controls-direction .bx-prev{display: inline-block;width: 60px;height: 460px;position: absolute;left: 0;top: 0;background: url('../img/btn_prev.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; }
      .login .bx-controls-direction .bx-next{display: inline-block;width: 60px;height: 460px;position: absolute;right: 0;top: 0;background: url('../img/btn_next.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;}
      .login .bx-controls-direction .bx-prev:hover{opacity: 0.9;}
      .login .bx-controls-direction .bx-next:hover{opacity: 0.9;}
      .login .bx-pager.bx-default-pager{position: absolute;bottom: 0;width: 100%; text-align: center;height: 40px;}
      .login .bx-pager.bx-default-pager .bx-pager-item{margin-left: 6px;display: inline-block;}
      .login .bx-pager.bx-default-pager .bx-pager-item:first-child{margin-left: 0;}
      .login .bx-pager.bx-default-pager .bx-pager-item a.active{background: #fff;opacity: 0.9;}
      .login .bx-pager.bx-default-pager .bx-pager-item:after{content: "";display: block;clear: both;}
      .login .bx-pager.bx-default-pager .bx-pager-item a{width:7px; height: 7px;color: rgba(255,255,255,0);display: inline-block;line-height: 7px;font-size: 9px;float: left;background: transparent;border-radius: 50%;opacity: 0.4;border: 1px solid #fff;}
      .wrap.login{min-width: 320px;}
      @media screen and (max-width: 760px) {
        .wrap.login{width: 100%;}
        .login .inner{position: relative;top: 0;left: 0; margin-top: 0px;margin-left: 0; width: 100%;}
        .login .inner .center_box{width: 100%;}
        .login .inner .center_box > .contents .input_wrap{width: 100%;}
        .login .login_sb{width: 100%;overflow: hidden;}
        .particles-js-canvas-el{display: none;}
      }
      .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:normal;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.active{background: url("../img/arrow_b_gray2.png") no-repeat 0 0px;background-size:17px 6px;background-position: 100% 50%;}
 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="cvc"] { width: 400px; }
.paylarge [name="CardAvailMonth"], .paylarge [name="CardAvailYear"], .paylarge [name="CardPwd"] { width: 36px; }
.paylarge [name^="BuyerHpTel"], .paylarge [name^="card_num"], .paylarge [name^="deliveryRcvrPhoneNo"] { 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;}
.main .inner .btn_title{margin-top:43px;margin-bottom:9px;}
.main .inner .btn_title:after{content:"";display:block;clear:both;}
.main .inner .btn_title h2.title{float:left; margin-top:7px;margin-bottom:0px;}
.main .inner .btn_title button{float:right;}
#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: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:298px;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:4px 20px;line-height:20px;color:#666;font-weight:bold;text-align:center;border-right:1px solid #e4e4e4;font-size:11px;}
.join_info_title2{background-color:#efefed;width:100%;float:left;padding:4px 20px;line-height:20px;color:#666;font-weight:bold;text-align:center;font-size:11px;}
.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:#fafafa;display:inline;}
.join_info li:hover .btn_page_move{display:inline;color:#ff9600;}
.join_info li .btn_page_move:after{content: "\f105";float: right;font-size: 16px;font-family: "FontAwesome", sans-serif;font-weight:normal;padding-left:4px;color:#ccc;}
.join_info li:hover .btn_page_move:after{color:#ff9600;}
.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;height:42px;}
.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 {
	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;
	position:relative;background:#e1f1ff;border-radius:10px 10px 0px 0px;overflow:hidden;margin-top:20px;}
.go_app:after{contents:"";display:block;clear:both;}
.go_app a{padding:15px 20px;float:left;}
.go_app:hover{background-color:#c5e3fd;}
.go_app:hover div:after{opacity:1;}
.go_app img{height:80px;width:auto;float:left;}
.go_app div{width:calc(100% - 60px);float:left;padding:12px 0 0 12px;}
.go_app div h2{font-size:14px; font-weight:bold;color:#222;line-height:18px;padding:0;}
.go_app div p{font-size:13px;color:#222;opacity:0.6;font-weight:bold;line-height:14px;padding:0 0 6px 0px;}
.go_app div:after {content: "\f105";position:absolute; right:20px;top:46px;font-size: 1.3em; font-family: "FontAwesome", sans-serif;font-weight:normal;color:#222;opacity:0.3}

.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;
	position:relative;background:#fff2e2;border-radius:0px 0px 10px 10px;overflow:hidden;}
.go_paylink:after{contents:"";display:block;clear:both;}
.go_paylink a{padding:15px 20px;float:left;}
.go_paylink:hover{background-color:#ffe4c0;}
.go_paylink:hover div:after{opacity:1;}
.go_paylink img{height:80px;width:auto;float:left;}
.go_paylink div{width:calc(100% - 60px);float:left;padding:12px 0 0 12px;}
.go_paylink div h2{font-size:14px; font-weight:bold;color:#222;line-height:18px;padding:0;}
.go_paylink div p{font-size:13px;color:#222;opacity:0.6;font-weight:bold;line-height:14px;padding:0 0 6px 0px;}
.go_paylink div:after {content: "\f105";position:absolute; right:20px;top:46px;font-size: 1.3em; font-family: "FontAwesome", sans-serif;font-weight:normal;color:#222;opacity:0.3}


.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:220px!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: #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: #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:220px;}
.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:8px 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;padding-left:10px;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:6px 20px 6px 58px;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') 30px 8px no-repeat;background-size:20px;}
.shortcut_wrap li a.shortcut2{background:url('../img/i_shortcut2.png') 30px 8px no-repeat;background-size:20px;}
.shortcut_wrap li a.shortcut3{background:url('../img/i_shortcut3.png') 30px 8px no-repeat;background-size:20px;}
.shortcut_wrap li a.shortcut4{background:url('../img/i_shortcut4.png') 30px 8px no-repeat;background-size:20px;}
.shortcut_wrap li a.shortcut5{background:url('../img/i_shortcut5.png') 30px 8px no-repeat;background-size:20px;}
.shortcut_wrap li a.shortcut6{background:url('../img/i_shortcut6.png') 30px 8px no-repeat;background-size:20px;}
.shortcut_wrap li a.shortcut7{background:url('../img/i_shortcut7.png') 30px 8px no-repeat;background-size:20px;}

.qr_innopay{margin-top:20px;text-align:center;}
.qr_innopay a{padding:30px;border:1px solid #eee;text-align:center;display:inline-block;width:100%;position:relative;}
.qr_innopay a .tooltip{opacity:0;display:block;background:rgba(4,59,162,0.8);width:100%;height:100%;position:absolute;top:0;left: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;}
.qr_innopay a:hover .tooltip{opacity:1;}
.qr_innopay a .tooltip p{margin-top:68px;font-size:14px;font-weight:bold;color:#fff;line-height:20px;}
.qr_innopay img{width:130px;height:auto}
.qr_innopay p{margin-top:10px;font-size:12px;font-weight:bold;text-align:center;color:#333;}
.compl_al_wrap{position:relative;opacity:0;height:0;animation: compl_al_wrap 6s alternate forwards;}
.compl_al{animation: changebgColor 0.5s infinite alternate;height:40px;line-height:38px;font-size:13px;color:#fff;background:#2765d6;padding:0 15px;font-weight:bold;display:inline-block;width:100%;text-align:left;}
.compl_al:hover{background-color:#043ba2;}
.compl_al span{font-size:20px;color:#ffbc48;}
.compl_al_wrap .crt2{animation: crt2 0.8s infinite alternate;position:absolute;right:15px;top:-10px;
	transition: all 0.2s ease-in-quad;
  	-webkit-transition: all 0.2s ease-in-quad;
  	-moz-transition: all 0.2s ease-in-quad;
  	-ms-transition: all 0.2s ease-in-quad;
   	-o-transition: all 0.2s ease-in-quad;}
.compl_al_wrap .crt3{animation: crt3 0.8s infinite alternate;position:absolute;right:15px;top:-10px;
	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;}
.refund_fail_wrap {
      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: #ff0000;
      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; }
@keyframes compl_al_wrap{
  60% {opacity:0;height:0;}
  100% {opacity:1;height:auto;}
}
@keyframes changebgColor {
  0% {background-color: #196aff;}
  100% {background-color: #ec0b0b;}
}
@keyframes crt2 {
	0% {top: -12px;}
  100% {top: -8px;}
}
@keyframes crt3 {
	0% {right: 15px;}
  100% {right: 25px;}
}
.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-left:none;}
.main_info .term_wrap .btn_term:nth-child(4){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:200px;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_info .graph_wrap .graph2{width:298px;height:240px;float:left;background:#eee;margin-left:10px;} */
.graph_wrap .jqplot-highlighter-tooltip{border-color: #666;}
.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;}

/*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;}
/*loading*/
.loading_img{position:fixed;top:50%;left:50%;margin-left:-50px;margin-top:-50px;border-radius:8px;overflow:hidden;display:none;z-index:1000;}

/*GNB 환율조회 표기*/
.exchRateArea {width: auto;cursor: pointer;float:right;height:60px;background:#333;margin-right:20px;display:inline-flex;}
.exchRateArea:hover {background-color: rgba(0, 0, 0, 0.4);}
.exchRateArea .exchRate{display:inline-flex;align-items:center;padding:0 8px;}
.exchRateArea .exchRate > div{padding:0 6px;text-align:center;}
.exchRateArea .exchRate > div p{font-size:12px;line-height:18px;color:#fff;text-align:center;font-weight:bold;}
.exchRateArea .exchRate > div .title_s{font-size:11px;opacity:0.6;font-weight:normal;}
.exchRateArea .exchRate .no_dt{color:#fff;opacity:0.6;font-size:12px;line-height:16px;font-weight:bold;}