/*웹폰트*/


/*@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');*/
@font-face {
    font-family: 'InfinitySans-RegularA1';
    src: url('../../fonts/InfinitySans-RegularA1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'InfinitySans-BoldA1';
    src: url('../../fonts/InfinitySans-BoldA1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'paybooc-Medium';
    src: url('../../fonts/paybooc-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'paybooc-Bold';
    src: url('../../fonts/paybooc-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'GongGothicMedium';
    src: url('../../fonts/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{
    margin:0;
    padding:0;
}

ol, ul, li { list-style: none; }

#mainwrap{
    padding:0 !important;
}

.content{   
    width: 100%;
    display: inline-block;
    min-width:1400px;
    margin: 0;
     background: #e2e7ea;
}

.commonMain {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    list-style: none;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    vertical-align: top;
    line-height: 100%;
    list-style: none;
    width: 100%;
    text-decoration: none;
    text-decoration: none;
    height: 100%;
}


.main-area{
    width: 65%;
    min-width: 1300px;
    margin: 0 auto;
    padding: 10px 0;
}

.listdot {
    text-decoration: none;
    color: #000;
}



.title-date {
    color: #fff;
    width:100%;
    min-width: 1300px;
    padding: 10px 10px 10px 20px;
    display: inline-block;
    box-sizing: border-box;
}


.top {
    background: #042854;
}

.btm {
    background: #c5a2a3;
}

.title-date h3, .title-date p {
    margin: 0;
    float: left;
}

.title-date h3 {
   font-family: 'InfinitySans-RegularA1';
  font-size:20px;
  font-weight:400;
  margin-right:20px;

}

.title-date p {
font-size: 14px;
margin-top: 6px;
font-family: 'InfinitySans-RegularA1';
font-weight:200;
color:#fafafa;
}

.main-contents {
    background: #fff;
    float: left;
    width: 1300px;
    height: 100%;
    margin-top: -2px;
    padding: 5px 20px 10px;
    display: inline-block;
    box-sizing: border-box;
    box-shadow: 1px 1px 7px #ccd2d6;
}

    .main-contents section {
        display: inline-block;
        width: 100%;
        padding: 20px 10px;
    }

        .main-contents section h3 {
            margin: 0 0 15px 0;
            font-size: 18px;
        }

        .main-contents section .today {
            float: left;
            text-align: right;
            width: 68%;
            font-size: 70px;
            margin: 2px 15px 10px 10px;
        }

        .main-contents section .sum-month {
            border-left: 1px solid #959595;
            float: left;
            font-size: 18px;
        }

.sum-month td {
    padding: 5px 15px;
    text-align: right;
}

    .sum-month td.po {
        background: #fe7a05;        
        font-weight: bold;
        border-radius: 10px;
    }
    .sum-month td.po a{
        color: #fff !important;
    }

    .sum-month td a:hover{
        text-decoration:underline;
        text-underline-position:below;

    }

.customer {
    height: 100%;
    display:inline-block;
    /*margin-bottom:30px;*/
}

.sec-r {
    width: 39%;
    height: 100%;
    box-sizing: border-box;
    padding: 12px;
    margin-top: 10px;
    border-radius: 8px;
    color: #fff;
    float: right;
    display: inline-block;
}

.bgb {
    background: #395982;
}

.bgg {
    background: #485561;
}

.sec-r h3 {
    font-size: 18px;
    margin: 10px 0 30px;
}

.sec-r .txt-r {
    text-align: right;
}

    .sec-r .txt-r p {
        margin: 0 0 0 233px;
        padding: 2px 10px;
        background: #fff;
        color: #000;
        font-weight: bold;
        width: 120px;
        font-size: 20px;
        border-radius: 10px;
    }

    .sec-r .txt-r h1 {
        margin: 10px 0 25px;
        padding: 0 10px 5px;
        font-size: 50px;
        border-bottom: 1px solid #fff;
    }

.tb-style-9 {
    width: 100%;
    font-size: 15px;
    margin-bottom: 20px;
}

    .tb-style-9 tr th {
        background: #efe3ca;
        color: #000;
        padding: 3px 0;
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        border-right: 4px solid #485561;
    }

    .tb-style-9 tr td {
        text-align: right;
        padding: 3px 4px;
        background: #fff;
        color: #000;
        border-right: 4px solid #485561;
        width: 119px;
    }
    
    .tb-style-9 tr td p{
        margin:10px 0;
    }
      .tb-style-9 tr td a:hover{
        text-decoration:underline;
      }

        .tb-style-9 tr th:last-child, .tb-style-9 tr td:last-child {
            border: none;
        }
        .text-clr-r a{
            color:red !important;
        }
.sum {
    float: left;
    width: 475px;
}

caption {
    font-size: 16px;
    line-height: 2;
    background-image: url(/common/image/main/bgi.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #fff;
}

.sum thead th {
    padding: 5px;
    background: #eee;
}

    .sum thead th:nth-child(2n), .sum tbody td:nth-child(2n) {
        border-left: 1px solid white;
        border-right: 1px solid white;
    }

    .sum thead th:last-child, .sum tbody td:last-child {
        border-right: 0;
    }

.day {
    margin-right: 20px;
}

.sum tbody td {
    text-align: center;
    padding: 5px;
}

.alarm {
    min-height: 170px;
    margin-top: 30px;
}

.login-form {
    width: 290px;
    height: 145px;
    float: left;
    margin-left: 20px;
    padding: 10px 15px 15px 20px;
    background: url(/common/image/main/loginBg.png) 0 0 no-repeat;
    font-size: 12px;
    color: #fff;
    background-size: cover;
}

.personal-info {
    float: left;
    margin-right: 40px;
    margin-left: -30px;
}

.info-result {
    list-style: none;
}

    .personal-info li, .info-result li {
        list-style: none;
        line-height: 1.5;
    }

.btnAgentInfo {
    height: 25px;
    width: 290px;
    font-size: 12px;
    background: #e2eafe;
    /*border: 1px solid #2b2f3a;*/
    color: #2b2f3a;
}

.announce {
    float: left;
    width: 300px;
    background: #eee;
}

.notice {
    margin-right: 25px;
}

.info {
    margin-bottom: 10px;
    background: url(/common/image/main/bgi.png);
}

.advicdSearch {
    background: url(/common/image/main/infoBg2.png) 0 0 no-repeat;
}

.info h3 {
    padding: 5px;
    margin: 0 15px;
    color: #fff;
    line-height: 1.5;
}

.info p {
    margin-top: 10px;
}

.info em {
    display: block;
    float: right;
    margin-top: -20px;
}

    .info em a {
        color: #fff;
        text-decoration: none;
        font-style: normal;
        margin-right: 10px;
    }

.check p {
    padding: 1px 0;
    font-size: 15px;
    font-weight: bold;
}

    .check p a {
        color: #2b2f3a;
    }

.announce span {
    float: left;
}

.announce li {
    margin-left: 15px;
}

.announce span {
    margin-right: 30px;
}

.advice {
    position: relative;
    margin-top: 30px;
}

    .advice p {
        position: absolute;
        left: 440px;
        top: 58px;
        z-index: 50;
        text-align: center;
        line-height: 2;
        width: 100px;
        padding: 5px;
        border: 1px solid #374879;
        background: #e2eafe;
    }

        .advice p a {
            display: block;
            font-size: 13px;
            color: #2b2f3a;
        }

.advice-con {
    height: 100px;
    background: #e0e0e0;
}

.menu-list li {
    float: left;
    width: 87px;
    margin: 5px;
    height: 85px;
    text-align: center;
    padding-right: 10px;
}

    .menu-list li a {
        display: block;
        width: 87px;
        height: 85px;
        line-height: 12;
        padding: 0 3px;
    }

    .menu-list li:nth-child(1) {
        background: url(/common/image/main/new.png) 15px 10px no-repeat;
    }

    .menu-list li:nth-child(2) {
        background: url(/common/image/main/open.png) 37px 10px no-repeat;
    }

    .menu-list li:nth-child(3) {
        background: url(/common/image/main/pause.png) 37px 10px no-repeat;
    }

    .menu-list li:nth-child(4) {
        background: url(/common/image/main/open.png) 27px 10px no-repeat;
    }

    .menu-list li:nth-child(5) {
        background: url(/common/image/main/nice.png?ver=6) 37px 8px no-repeat;
    }

    .menu-list li:nth-child(6) {
        background: url(/common/image/main/change.png) 37px 10px no-repeat;
    }

    .menu-list li:nth-child(6) {
        font-size: 11.5px;
    }

    .menu-list li:nth-child(7) {
        background: url(/common/image/main/number.png) 37px 10px no-repeat;
    }

    .menu-list li:nth-child(8) {
        background: url(/common/image/main/lost.png) 27px 10px no-repeat;
    }

    .menu-list li:nth-child(9) {
        background: url(/common/image/main/pause.png) 33px 10px no-repeat;
    }

    .sm-content2{
        /*float:left;*/
        /*width: 100%;*/
        height:156px;
        background:#fff;                   
        box-sizing: border-box;
        padding:20px 24px;
        box-shadow: 1px 1px 7px #ccd2d6;
        display: -webkit-flex;
    }
    .sm-content2 >section {
        flex: 1;
        width: 50%;
    }
    .sm-content2 >section:nth-child(1) {
        margin-right:12px;
    }
    .sm-content2 >section:nth-child(2) {
        margin-left:12px;
    }
    .stattb-wrap{
        border:none !important;
        box-shadow:none !important;
    }
    .stattb{
        margin:0px !important;
    }
      .stattb tr td{
           font-size:14px !important;
      }
      .stattb tr td:nth-child(2){
           width:170px;
      }
      .stattb tr td:nth-child(n+2){
           color:#5e5e5e;
           text-align:right;padding-right:10px;
      }

      .stattb tr th{
          vertical-align:top;
          text-align:left;
          padding-top:3px;
          width:100px;
      }
      .stattb tr td ul li{
          width:28%;
          border-right:1px solid #aaa;
          padding-right:10px;
      }
      .stattb tr td ul li:last-child{
          border:none;
      }
    .stattb .stat-mth{
        text-align:center;
        background-color:#808080;
        color:#fff;
        border-radius:100px;
        width:60px;
        margin:0;
        float:left;
        margin-left:15px;
        padding:5px;
        font-size:24px;
    }
    #memberM_cnt{
        font-size:28px;
        font-weight:bold;
    }
    .sm-content2 .stat-area{
        width:54%;
        margin-left:10px;
        border: 1px solid #eaeaea;
    }
    .sm-content2 .qna-area{
        text-align:right;
        padding:24px 0px 0px 8px;
    }

    .sm-content2  div ul{
        width:100%;
        /*display:table;*/
        
    }
    .sm-content2 div ul li{
        display: inline-block;
        vertical-align: middle;
    }
    .sm-content2 .stat-area ul li{
        width:45%;
        border-left:1px solid #0000ff;
        height:50px;
        padding-left:5px;
    }
    .sm-content2  .qna-area ul li{
        text-align:right;
            font-family: 'InfinitySans-RegularA1';
            font-weight:100;
            width:27.5%;
            background-color:#e2e7ea;
            /*height:50px;*/
            padding:10px 15px;
            border-radius:8px;
    }
    .qna-detail-ul li:nth-child(1){
        vertical-align:top;
        margin-top:5px;
        text-align: left;
        width: 13% !important;
        display: inline-flex;
        padding: 0 !important;
    }
    .qna-detail-ul li:nth-child(2){
        width: 84% !important;
        padding: 0 !important;
    }
    .qna-detail-ul li img{
        width: 90%;
        opacity: 0.3;
        /*display:none;*/
    }
    .qna-cnt{
        color:#2224b8;
        font-size:18px;
        padding-bottom:4px;
          font-weight:bold;
    }
    .qna-title{
        color:#808080;
      
        font-size:12px;
    }
    .sm-content{
        float:left;
        width: 52%;
        height:240px;
        background:#fff;                   
        box-sizing: border-box;
        padding:0 15px 15px;
        box-shadow: 1px 1px 7px #ccd2d6;
        border-radius: 8px;
    }
       .pr-20{
          margin-right:13px;
      }
      .pl-20{
          margin-left:13px;
      }

      .roundbox{
          border-radius:15px;
          box-shadow:1px 1px 10px 5px rgba(172, 172, 172, 0.21);
          padding:0px;
      }

      .box-c-1{
          background-color:#dbe8ff;
      }

    .sm-content h2,.sm-content2 h2{
        font-size:18px;
        margin: 10px 0 3px;
        float:left;
        text-align:left;
        color: #333;
        font-family: 'InfinitySans-RegularA1';
    }



.content-wrap-mini{
    display:flex;
    margin-bottom:6px;
}
.content-wrap-mini .box-sel{
    /*background:rgb(232, 49, 140);*/
    background:#808080;
    transform:scale(1);
    color:#fff;
    /*box-shadow: inset 1px 1px 8px 2px #b282d1;*/
}
.content-box-mini{
    /*background:#548cc5;*/
        /*background:#5681e3;*/
        /*background:#637191;*/
        /*background:#46535e;*/
        background: #e6e6e6;
    width:48%;
    /*float:left;*/
    margin-right:10px;
    padding:10px;
    border-radius:5px;
    /*box-shadow: 1px 1px 7px #ccd2d6;*/
    color:#fff;
    transform:scale(0.93);
    transition: transform ease-in-out .3s, background ease-in-out .3s;
    cursor:pointer;
    color:#4a4c5a;
}
.content-box-mini span{
    float:right;
    font-size:16px;
    font-weight:bold;
    /*text-shadow:1px 1px 2px #625e6e;*/
}
.content-box-mini2{
    /*background:#548cc5;*/
        /*background:#5681e3;*/
        /*background:#637191;*/
        /*background:#46535e;*/
        background: #e6e6e6;
    width:80%;
    /*float:left;*/
    margin-right:10px;
    padding:30px 10px 0 10px;
    border-radius:5px;
    /*box-shadow: 1px 1px 7px #ccd2d6;*/
    color:#fff;
    color:#4a4c5a;
    height:50px;
    font-size: 16px;
    /*display: flex;*/
  align-items: center;
  font-family: 'InfinitySans-RegularA1';
}
.content-box-mini2 span{

    float:right;
    font-size:16px;
    font-weight:bold;

    /*text-shadow:1px 1px 2px #625e6e;*/
}



.fa-plus {
    float: right;
    font-size: 18px;
    color: #46535e;
    margin-top: 13px;
    margin-left: 15px;
    margin-right:10px;
    cursor:pointer;
    transition:transform .3s;
}

.fa-plus:hover{
    transform:rotate(-90deg);
}
    .btn-stl-1{
            float: left;
    margin: 30px 0 0px 16px;
    padding: 0 1px ;
    border: none;
    background: none;
    cursor:pointer;
    }
     .btn-stl-1:hover{
         border-bottom:1px solid #b0b0b0;
     }

     /* 표 스타일 */
    .tb-stl-1{
        width:100%;
        /*border-top:1px solid #7393bc;*/
        /*box-shadow: 1px 1px 7px #ccd2d6;*/
}

    .tb-stl-1 th, .tb-stl-1 td, .tb-stl-2 th, .tb-stl-2 td{
        text-align:center;
        padding:4px 2px;      
         height:25px;
         font-size:14px;
    }
    .tb-stl-1 tbody tr:hover,  .tb-stl-3 tbody tr:hover{
        background:#f5f5f6;
        cursor:pointer;
    }
     .tb-stl-1 th{
         background: #0e3b63;
         color:#fff;
     }
     
     .tb-stl-1 td:first-child{
         width:8%;
         text-align:center;
     }
      .tb-stl-1 td:nth-child(2){
          /*width:50%;*/
          text-align:left;
      }
      .tb-stl-1 td:last-child{
          width:15%;
          padding-right:2%;
          text-align:right;
          color:#828282;
      }
    .tb-stl-2{
        width:100%;
        
    }
      .tb-stl-2 th{
          background: #0e3b63;
         color:#fff;
          font-weight:400;
           border-right:1px solid #ccc;
      }
      .tb-stl-2 td{
          width:20%;
          font-weight:700;
          border-right:1px solid #ccc;
      }
      .tb-stl-2 th:last-child, .tb-stl-2 td:last-child{
          border-right:none;
      }
      
      .tb-stl-3{
          width:100%;
              font-size:14px;
              border-top:1px solid rgba(70, 83, 94, 0.47);
      }
       .tb-stl-3 th{
         background: #0e3b63;
         color:#fff;
           text-align:left;
               padding:4px 2px;      
         height:25px;
     }
       .tb-stl-3 td{
             padding:4px 5px;      
         height:25px;
    text-align:left;         
    }
       .tb-stl-3 td:last-child{
           text-align:center;
           width:90px;
             color:#828282;
       }

      .sub-contantwrap{
          background:#fff;
          width:100%;
          display:inline-block;
          padding:10px 15px; 
          box-sizing:border-box;
            box-shadow: 1px 1px 7px #ccd2d6;
      }
.sub-contantwrap p{
    margin: 15px 15px 15px 3px;
    font-size:14px;
    float:left;
}
.sub-contantwrap h3{
       font-size: 17px;
    text-align: right;
    margin: 11px 0;
    float: left;
    color: #ffffff;
    background: #fe7a05;
    padding: 2px 10px;
    border-radius: 5px;
    min-width:40px;
}
.sm-unit{
    text-align: right;
    width: 100%;
    margin: 7px 0 15px 0;
}

.fldiv{
    width:9%;
    float:left;
}

.fldown{
    
    /*width:100px;*/
    /*height:56px;*/
    /*background: #fe7a05;*/
    /*background:rgb(251, 119, 100);*/
    /*background:rgb(232, 49, 140);*/
    background:#f29292;
    color: #fff;
    padding:8px;
    text-align:center;
    margin-left:15px;
    font-size:16px;
    cursor:pointer;
    transition: transform .3s, box-shadow .3s, background .3s;
    position: relative;
    /*margin: auto;*/
    padding: 13px 6px 12px 18px;
    transition: all .2s ease;

    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;

}

.fldown2{
    color: #333;
    padding:8px;
    text-align:center;
    cursor:pointer;
    transition: transform .3s, box-shadow .3s, background .3s;
    position: relative;
    /*margin: auto;*/
    transition: all .2s ease;
    /*border-radius:15px;*/
    border-top-left-radius:10px;
    border-bottom-right-radius:10px;
    border-top-right-radius:10px;
}

.fldown3{
   
    /*width:100px;*/
    /*height:56px;*/
    /*background: #fe7a05;*/
    /*background:rgb(251, 119, 100);*/
    /*background:rgb(232, 49, 140);*/
    background:#f29292;
    color: #fff;
    padding:8px;
    text-align:center;
    margin-left:15px;
    font-size:16px;
    cursor:pointer;
    transition: transform .3s, box-shadow .3s, background .3s;
    position: relative;
    /*margin: auto;*/
    padding: 11px;
    transition: all .2s ease;
    height:98px;
}

/*.fldown svg{
    transition: transform .3s ease-in-out, box-shadow .3s, background .3s;
}
.fldown:hover svg{
     transform:translateY(4px);
     box-shadow:rgb(219, 33, 125) 0px 3px 7px 2px;

     animation-iteration-count: infinite;
}
.fldown:active {
}*/


.fldown p{
    /*margin:16px 0 14px;*/
    margin: 0;
    width: 80%;
    float: left;
    font-weight:bold;
    font-family: 'InfinitySans-RegularA1';
    text-align:left;

    position: relative;
    font-size: 13px;
    line-height: 20px;
    font-weight: 900;
    letter-spacing: .20em;
    text-transform: uppercase;
    vertical-align: middle;
    text-shadow:1px 1px 1px rgb(129, 17, 73);
}

.fldown2 p{
    /*margin:16px 0 14px;*/
     margin: 0;
    width: 80%;
    float: left;
    font-weight:bold;
    font-family: 'InfinitySans-RegularA1';
    text-align:left;

    position: relative;
    font-size: 13px;
    line-height: 18px;
    font-weight: 900;
    letter-spacing: .10em;
    text-transform: uppercase;
    vertical-align: middle;
    padding-left:5px;
    /*text-shadow:1px 1px 1px rgb(129, 17, 73);*/
}

.fldown3 p{
    /*margin:16px 0 14px;*/
    margin: 0;
    margin-top:7px;
    
    /*width: 80%;*/
    /*float: left;*/
    font-weight:bold;
    font-family: 'InfinitySans-RegularA1';
    /*text-align:ㅊㄷ;*/
    padding:5px 0px;
    letter-spacing:0.2em;
    /*text-shadow:1px 1px 1px rgb(129, 17, 73);*/
}


.fldown span{
    font-weight:bold;
    font-family: 'InfinitySans-RegularA1';
    position: relative;
    font-size: 13px;
    line-height: 18px;
    font-weight: 900;
    letter-spacing: .20em;
    text-transform: uppercase;
    vertical-align: middle;
}

.fldown svg{
    position: relative;
    top: -2px;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #fff;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all .3s ease;
}

.fldown2 svg{
    position: relative;
    top: 0px;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #333;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all .3s ease;
}

.fldown3 svg{
     transition: all .3s ease;
}

.fldown:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    /*border-radius: 28px;*/
    background-color: #e8318c;
    opacity:0;
    width: 47px;
    height: 47px;
    transition: all .3s ease;
      border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.fldown2:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    /*border-radius: 28px;*/
    background-color: #e8318c;
    opacity:0;
    width: 33px;
    height: 33px;
    transition: all .3s ease;
    border-radius:15px;
     /*border-bottom-left-radius:15px;*/
    /*border-bottom-right-radius:15px;*/
}

.fldown:hover:before{
    width: 100%;
     background-color: #fb7764;
     opacity:1;
}

.fldown2:hover:before{
    width: 100%;
     background-color: #f29292;
     opacity:1;
}

.fldown:hover svg{
    transform: translateX(0);
}

.fldown2:hover svg{
    transform: translateX(0);
}

.fldown3:hover svg{
    transform: translateY(3px);
}

.fldown:active{
     transform: scale(.96);
}

.fa-file-download{
    font-size:34px;
    color: #fff;
}

.fldown3 .fa-home{
    font-size:34px;
    color: #fff;
    margin-top:10px;
}

.fl-2{
    background:rgb(232, 49, 140);
    margin-bottom:24px;

}

.sm-content-con{
    padding:15px;
    color:#3f6dc7;
    font-size:25px;
}


.main-content{
    
    background:#FFFFFF;
    padding:20px 24px;
    display:flex;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    
    margin-bottom:20px;
    box-shadow:1px 1px 7px #ccd2d6;
}

.main-content >section{
    flex:1;
    width:50%;
}

.main-content >section:nth-of-type(1){
    margin-right:12px;
}

.main-content >section:nth-of-type(2){
    margin-left:12px;
}
.cont_tit{
    font-size: 28px;
    font-weight:600;
    position:relative;
    margin-bottom:10px;
}

.cont_tit:after{
    content:'';
    display:inline-block;
    width:80%;
    height:2px ;
    top:50%;
    position:absolute;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    margin-left:30px;
    background:url(/common/image/main/line.png) no-repeat;
    background-size:auto;

}

/*.cont_tit:before{
    content:'';
    display:inline-block;
    width:17px;
    height:17px;
    margin-right:10px;
    background:url(/common/image/main/ico-set.png) no-repeat;
    background-size: 83px 26px;
    background-position:-43px -5px;

}*/

.sec2_tit{
     font-size: 20px;
    font-weight:600;
    position:relative;
    margin-bottom:10px;
}

.sec2_tit span{
    color:#0e3b63;
}

.sec2_tit:after{
    content:'';
    display:inline-block;
    width:80%;
    height:2px ;
    top:64%;
    position:absolute;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    margin-left:30px;
    background:url(/common/image/main/line.png) no-repeat;
    background-size:auto;

}

.kt_tit{
 color:#1390a1;
 text-shadow:1px 1px 3px rgba(143,57,100,0.2);
}


.lg_tit{

  color:#e8318c;
  text-shadow:1px 1px 3px rgba(37,106,115,0.2);
}


.lg_tit:before{
    background-position :-64px -5px;
}

.item{
    font-size:18px;
    font-weight:300;
    color:#333;
    font-family: 'InfinitySans-RegularA1';
}

.item:before{
    content:'';
    display:inline-block;
    width:16px;
    height:16px;
        background:url(/common/image/main/ico-set.png) no-repeat;
           background-position:-28px -8px;
      
    margin-right:13px;
    position:relative;
    top:1px;
}

.kt_wrap .item:before{
     background-position:-5px -8px;
}

.cont_wrap{
    display:flex;
    display:-webkit-box;
    display:-webkit-flex;
}
.cont_wrap> div{
    flex:1;
    width:50%;

}

.cont_wrap> div:nth-of-type(1){
    margin-right:10px;
}

.cont_wrap> div:nth-of-type(2){
    margin-left:10px;
}

.cont_inner .today{
   font-size:30px;
   text-align:right;
   margin-bottom:22px;
   font-weight:600;                     
   color:#454545;
       /*font-family: 'GongGothicMedium';*/
   font-family:'InfinitySans-RegularA1';
       padding-right:30px;
   margin-top:22px;
}


.cont_inner .today span{
   letter-spacing:0.9px;
}
.cont_inner{
    padding:10px 0px;
}

.cont_inner table{ 
    width:100%;
    margin-bottom:20px;
    table-layout:fixed;

}


.cont_inner > div{
    border:1px solid #eaeaea;
    margin-bottom:20px;
    background:rgba(250,250,250,0.5);
    box-shadow:3px 3px rgba(245,245,245,0.8)
}


.cont_inner .item{
    margin-bottom:20px;
}



.cont_inner table td{
    text-align:center;
    font-size:16px;
    color:#454545;
    padding:6px 2px;
     font-family: 'InfinitySans-RegularA1';
}



.cont_wrap2{
    /*background:url(/common/image/main/main_bg2.jpg) no-repeat;*/
    padding:20px 8px 30px 12px;
    border-radius:8px;
    background-color:#808080;
}

.cont_wrap2 >p{
    
    color:#FFF;
    font-size:18px;
   -webkit-font-smoothing:antialiased;
     font-family: 'InfinitySans-RegularA1';
     margin-bottom:20px;
     padding-left:6px;
       
    /*text-shadow:1px 4px 2px rgba(63,71,79,1);*/
}
.cont_inner2{
    display:flex;

}

.cont_inner2 .today {
    width:40%;
    text-align:right;
    margin-right:14px;
    
    color:#FFF;
}

.cont_inner2 >div:nth-of-type(2) {
    width:60%;
    margin-left:10px;
}

.cont_inner2 .today .cnt>span{
     background:#FFF;
     color:#333;
       font-family: 'InfinitySans-RegularA1';
       font-weight:700;
       font-size:16px;
       padding:4px 20px;
       border-radius:50px;
       display:inline-block;
    box-shadow:1px 4px 2px rgba(63,71,79,1);
}

.cont_inner2 .today .price{
    font-size:28px;
    /*font-family: 'GongGothicMedium';*/
       font-family:'InfinitySans-RegularA1';
    font-weight:600;
    margin-top:40px;
    
    text-shadow:1px 4px 2px rgba(63,71,79,1);
}

.cont_inner2 .today .price >span{
    letter-spacing:0.8px;
}


.cont_inner2 >div:nth-of-type(2) table{
    width:100%;
    text-align:center;
    font-size:15px;
    table-layout:fixed;
}

.cont_inner2 >div:nth-of-type(2) table td{
    padding-right:6px;
   
}



.cont_inner2 >div:nth-of-type(2) table td p{
    background:#FFF;
    padding:8px 0px;
    text-align:right;
    padding-right:6px   ;

}


.cont_inner2 >div:nth-of-type(2) thead tr td p{
    background:#efe3ca;
      font-family:'InfinitySans-RegularA1';
      font-size:16px;

}

.kt_wrap .cont_inner table .month{
    background:#109db0;
    display:inline-block;
    border-radius:50px;
    padding:3px 14px;
    color:#FFF;
    font-weight:600;
} 

.lg_wrap .cont_inner table .month{
    
    background:#f73697;
    display:inline-block;
    border-radius:50px;
    padding:3px 14px;
    color:#FFF;
    font-weight:600;
} 

.cont_inner2 table thead td {
  
}

.addAll .cont_wrap> .cont_inner{
width:25%;
flex:unset;
}

.addAll .cont_wrap> .cont_wrap2{
margin-left:20px;
width:50%;
flex:unset;
}

.addAll .cont_inner > div{
    margin-bottom:0;
    padding-bottom:0;
}
.main-content:nth-of-type(1){
    display:none;
}

.all_wrap .cont_inner table .month {
    background: #808080;
    display: inline-block;
    border-radius: 50px;
    padding: 3px 14px;
    color: #FFF;
    font-weight: 600;
}

.sub-content{
    margin:0 auto;
    background:#0e3b63;
    /*background:none;*/
    box-shadow:none;
    /*background: url(/common/image/main/main_bg.jpg) 0 0 no-repeat ;*/
    background-size:cover;
     opacity: 0.9;
}

.div-qck_btn{
    color:#fff;
    padding:5px 5px;
    /*background:rgba(255, 255, 255, 0.2);*/
    /*border-radius:5px;*/
    /*border:1px solid #000;*/
    /*margin-right:15px;*/
    width:20%;
    text-align:center;
    transition: transform .3s, box-shadow .3s, background .3s;
    font-family: 'InfinitySans-RegularA1';
    letter-spacing:1.5px;
    font-size:15px;
    border-right:1px solid #fff;
}

.div-qck_btn p{
     transition: transform .3s, box-shadow .3s, background .3s;
}

.div-qck_btn:hover{
    cursor:pointer;
    text-shadow: 1px 5px 9px rgba(255, 255, 255, 0.43);
}

.div-qck_btn p:active{
    /*background-color:#1E2235;*/
    transform: scale(0.94);
}
/*.sub-content div:nth-of-type(1) a:before {
    background: url(/common/image/masterpage/sideIcon12.png) no-repeat;
    background-size: contain;
}
.sub-content div a:before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    position: absolute;
    background: #eaeaea;
    left: 20px;
}*/

.today_month_title{
      background: #46535e;
    display: inline-block;
    border-radius: 50px;
        padding: 5px 20px;
    color: #FFF;
    font-weight: 600;
    float:left;
    /*padding-left:35px;*/
    margin-left:30px;
    font-size: 24px;

}

/*.today:after{
   content: '';
    display: inline-block;
    width: 24%;
    right: 59%;
    height: 2px;
    top: 37.5%;
    position: absolute;
    margin-left: 30px;
    background: url(/common/image/main/line.png) no-repeat;
    background-size: auto;
}*/

#allLLopen tr td a:hover, #a_allLLopen_today:hover{
    border-bottom:1px solid #aaa;
}

#csmasterList .tag span{
    background:#c3c3c3;
    font-size:11px;
    padding:2px 4px;
    border-radius:3px;
}

#csmasterList .tag span.c-r-emg{
    background:#e83939;
    color:#fff;
}

#csmasterList .tag2 span{
    /*background:#c3c3c3;*/
    font-size:11px;
    padding:2px 4px;
    border-radius:3px;
    border:1px solid #aaa;
}

.comment{
    font-size:11px;
    padding:3px 0px;
    color:#aaa;
}

/*모달*/
#Mainmodal{
    width:30%;
    height:410px;
    border:none;
    border-radius:10px;
    box-shadow:1px 1px 10px 3px #898989;
}

.mainModal_title{
    padding:5px 10px;
}

.mainModal_title h2{
      font-family: 'InfinitySans-BoldA1';
      font-size:30px;
}
.mainModal_title p{
        font-family: 'InfinitySans-RegularA1';
        font-size:25px;
}

.modalImg{
    text-align:center;
    padding-top:30px;
}

.modalImg img{
    width:19%;
}

.mainModal_content{
      font-size:20px;
      font-family: 'InfinitySans-RegularA1';
      padding:40px 30px;
      word-break:keep-all;
      text-align:center;
      color:#393939;
}

.mainModal_content_inn{
    padding-top:30px;
}

.mainModal_content input[type=button]{
    width:50%;
    border:none;
    border-radius:100px;
    background-color:#0e3b63;
    color:#fff;
    padding:15px 10px;
    cursor:pointer;
    transition:.3s all;
}

.mainModal_content input[type=button]:hover{
    background-color:#062c4d;
}

.cnt_clk{
    color:#0000ff;
    border-bottom:1px solid #0000ff;
}

#online-join-cnt {
    margin-bottom:10px;
    color:#f39a77; 
    font-size:23.5px; 
    font-family: 'InfinitySans-RegularA1';
}

#today-date {
     color:#46535e; 
     font-size:14px;
     margin-left : 10px;
}