@charset "utf-8";
/*********************************************/
/* notokr-thin:100;
   notokr-light:300;
   notokr-regular:500;
   notokr-medium:700;
   notokr-bold:900; */
/********************************************/

/********************************************************************************************************************/
/* 템플릿 */
/********************************************************************************************************************/

/* 컨텐츠 */
.container {
    min-width: 1200px;
    position: relative;
}
.container:after {
    content: "";
    display: block;
    clear: both;
}
.container.main {
    overflow: hidden;
}
/* 컨텐츠 내용 */
.content {
    min-height: 600px;
    /* margin-left: 235px; */
    box-sizing: border-box;
    padding: 20px 75px 10px 35px;
    background: #fff;
    transition: all 0.2s;
}

/* 타이틀 디자인 */
.tit-area {
    overflow: hidden;
    height: 30px;
    padding: 10px 0 25px;
    box-sizing: content-box;
}
.tit-area h4 {
    float: left;
    font-size: 22px;
    font-weight: 900;
    line-height: 30px;
    color: #000;
}
.sub-tit {
    overflow: hidden;
    margin: 30px 0 10px;
    position: relative;
}
.sub-tit.first {
    margin-top: 10px;
}
.sub-tit h3 {
    float: left;
    font-size: 16px;
    color: #444;
    font-weight: 600;
    padding-left: 12px;
    height: 26px;
    line-height: 26px;
    position: relative;
}
.sub-tit h3:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 14px;
    background: #2bb7b3;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
}
.sub-tit h3 em {
    display: inline-block;
    font-size: 14px;
    color: #ff7563;
    line-height: 26px;
}
.stit {
    margin: 20px 0 5px;
}
.stit h4 {
    font-size: 14px;
    color: #ff7563;
}
.sub-tit .btn-area {
    float: right;
}
.sub-desc {
    color: #666;
    font-size: 14px;
    line-height: 1;
}
.sub-tit .f_right span {
    display: inline-block;
    margin-right: 2px;
    font-size: 13px;
    color: #666;
    line-height: 26px;
    vertical-align: middle;
}

/* 로케이션 */
.location-area {
    float: right;
    overflow: hidden;
}
.location-area li {
    float: left;
    position: relative;
    padding-left: 10px;
    margin-left: 10px;
    line-height: 30px;
}
.location-area li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 8px;
    margin-top: -4px;
    background: url("../images/common/icon_nav_arrow.png") no-repeat 50%;
}
.location-area li:first-child {
    padding-left: 0;
    margin-left: 0;
}
.location-area li:first-child:before {
    display: none;
}
.location-area li a {
    display: inline-block;
    font-size: 13px;
    color: #8a8a8a;
}
.location-area li a:hover {
    color: #444;
}
.location-area li a.home {
    width: 14px;
    text-indent: -9999px;
    background: #fff url("../images/common/icon_home.png") no-repeat 50%;
}
.location-area li a.home:hover {
    background: #fff url("../images/common/icon_home_hover.png") no-repeat 50%;
}

/* tbl-search */
.tbl-search-wrap {
    border-top: 2px solid #e0e1e5;
    border-bottom: 2px solid #e0e1e5;
    padding: 5px 0;
}
.tbl-search-area {
    display: table;
    width: 100%;
    padding: 15px 18px;
    border: 1px solid #e8eaef;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f5f5f5;
}
.tbl-search-area > ul {
    display: table-cell;
    padding-right: 20px;
    vertical-align: middle;
}
.tbl-search-area > ul > li {
    float: left;
    width: 295px;
    padding: 2px;
    box-sizing: border-box;
}
.tbl-search-area > ul > li dl {
    overflow: hidden;
}
.tbl-search-area > ul > li dl dt {
    float: left;
    min-width: 93px;
    line-height: 34px;
    font-size: 13px;
    color: #333;
    font-weight: 700;
}
.tbl-search-area > ul > li dl dd {
    float: left;
}
.tbl-search-area > ul > li dl dd.type2 {
    width: calc(100% - 46px);
}
.tbl-search-area > ul > li dl dd em {
    font-size: 13px;
    vertical-align: middle;
    width: 10px;
    text-align: center;
    display: inline-block;
}
.tbl-search-area input[type="text"] {
    width: 180px;
    height: 34px;
    padding: 0 5px;
    box-sizing: border-box;
    font-size: 14px;
    vertical-align: middle;
}
.tbl-search-area label {
    color: #666;
}
.tbl-search-area > ul > li dl dd .rdo-style {
    line-height: 34px;
    display: inline-block;
    vertical-align: middle;
}
.tbl-search-area .datepicker-wrap {
    display: inline-block;
    position: relative;
    width: 85px;
}
.tbl-search-area .datepicker-wrap input.datepicker {
    font-size: 13px;
    padding: 0 4px;
}
.tbl-search-area .datepicker-wrap .ui-datepicker-trigger {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.tbl-search-area select {
    min-width: auto;
    width: 180px;
    height: 34px;
    padding: 0 25px 0 5px;
    box-sizing: border-box;
    font-size: 14px;
    background-position: right 5px center;
    background-image: url(../images/common/drop_2.png);
    background-size: 14px auto;
}
.tbl-search-area .search-btn {
    display: table-cell;
    width: 56px;
    vertical-align: middle;
    text-align: center;
}
.tbl-search-area .search-desc {
    margin-top: 10px;
    float: left;
}
.tbl-search-area .search-desc p {
    font-size: 13px;
    color: #ff7563;
    line-height: 34px;
}
.s-btn {
    display: inline-block;
    width: 56px;
    height: 34px;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    background-color: #2bb7b3;
    border: 1px solid transparent;
}
.s-btn:hover {
    background-color: #248f91;
}
.tbl-search-area .search-btn .s-btn + .s-btn {
    margin-left: 5px;
}
.tbl-search-area .search-btn.type2 {
    font-size: 0;
    width: 175px;
}
.tbl-search-area .search-btn.type2 .s-btn {
    width: 85px;
    padding: 0;
}
.tbl-search-area .search-btn .s-btn.type2 {
    background-color: #bbb;
}
.tbl-search-area .search-btn .s-btn.type2:hover {
    background-color: #aaa;
}
.tbl-search-area .search-btn .s-btn.type3 {
    background-color: #fff;
    border: 1px solid #2bb7b3;
    color: #2bb7b3;
}
.tbl-search-area .search-btn .s-btn.type3:hover {
    color: #fff;
    background-color: #2bb7b3;
}
.tbl-search-area > p {
    font-size: 14px;
    color: #666;
    line-height: 20px;
}
.tbl-search-area > p strong {
    color: #222;
}
.tbl-search-area > p .accent {
    color: #ff7563;
    font-weight: 900;
}
.tbl-search-area > p .accent.st2 {
    margin-left: 5px;
    font-size: 18px;
    color: #047e7b;
}
.tbl-search-area.type2 {
    overflow: hidden;
    display: block;
    padding: 10px 19px;
}
.tbl-search-area.type2.bg {
    margin-top: 10px;
    background-color: #f1f1f1;
}
.tbl-search-area.type2 > ul {
    overflow: hidden;
    display: block;
    padding-right: 0;
}
.tbl-search-area.type2 .search-btn {
    margin-top: 10px;
    display: block;
    width: auto;
    text-align: right;
}
.tbl-search-area.type2 .search-btn .s-btn {
    padding: 0 15px;
    width: auto;
}
.tbl-search-area .search-list > li {
    width: 100%;
}
.search-list > li dl dd {
    width: calc(100% - 93px);
}
.tbl-search-area li.fix {
    width: 100%;
}
.tbl-search-area li.fix dd {
    width: calc(100% - 93px);
}
.tbl-search-area li.fix ul {
    overflow: hidden;
}
.tbl-search-area li.fix li {
    float: left;
    width: 275px;
    font-size: 0;
}
.tbl-search-area li.fix li.etc {
    margin-bottom: 4px;
}
.tbl-search-area li.fix li strong {
    display: inline-block;
    width: 65px;
    color: #666;
    font-size: 13px;
    line-height: 34px;
    vertical-align: middle;
    font-weight: normal;
}
.tbl-search-area li .tbtn {
    vertical-align: middle;
    margin-left: 5px;
}
.tbl-search-area li.fix li label {
    font-size: 14px;
    vertical-align: -5px;
}

/* 테이블 스타일 */
.tbl-style01 {
    table-layout: fixed;
    width: 100%;
    border-top: 2px solid #2bb7b3;
    border-right: 1px solid #d7d7d7;
    word-break: break-all;
    border-collapse: collapse;
}
.tbl-style01 + .tbl-style01 {
    margin-top: 20px;
}
.tbl-style01.st2 {
    text-align: center;
}
.tbl-style01 th {
    height: 37px;
    font-size: 13px;
    color: #222;
    padding: 5px;
    font-weight: bold;
    background-color: #fafbfc;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    text-align: center;
}
.tbl-style01 tbody th {
    text-align: left;
    height: 37px;
    padding: 5px 8px;
}
.tbl-style01 tbody td {
    height: 37px;
    font-size: 13px;
    color: #666;
    padding: 5px;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    background-color: #fff;
    line-height: 18px;
}

.tbl-style01_1 {
    table-layout: fixed;
    width: 100%;
    border-top: 2px solid #2bb7b3;
    border-right: 1px solid #d7d7d7;
    word-break: break-all;
    border-collapse: collapse;
}

.tbl-style01_1 th {
    height: 37px;
    font-size: 13px;
    color: #222;
    padding: 5px;
    font-weight: bold;
    background-color: #fafbfc;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    text-align: center;
}

.tbl-style01_1 tbody td {
    height: 37px;
    font-size: 13px;
    /*color: #666;*/
    padding: 5px;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    /*background-color: #fff;*/
    line-height: 18px;
}

.tbl-style01_1.st2 {
    text-align: center;
}


.tbl-style01 tbody td.user a:hover {
    text-decoration: underline;
}
.tbl-style01 td label:first-child {
    margin-left: 0;
}
.tbl-style01 td label.tbtn {
    margin: 0;
}
.tbl-style01 input[type="text"],
.tbl-style01 [type="number"],
.tbl-style01 input[type="password"] {
    height: 26px;
    padding: 0 5px;
    box-sizing: border-box;
    font-size: 12px;
    vertical-align: middle;
}
.tbl-style01 select {
    min-width: auto;
    height: 26px;
    padding: 0 25px 0 5px;
    box-sizing: border-box;
    font-size: 12px;
    background-position: right 5px center;
    background-image: url(../images/common/drop_2.png);
    background-size: 14px auto;
}
td.bg01 {
    background-color: #e6faf9 !important;
}
td.bg02 {
    background-color: #fff7ec !important;
}
.tbl-style01.in {
    border: none;
}
.tbl-style01.in thead th:first-child {
    border-left: none;
}
.tbl-style01.in tbody th:first-child {
    border-left: none;
}
.tbl-style01.in thead th {
    text-align: center;
}
.tbl-style01.in tbody th {
    border-bottom: none;
}
.tbl-style01.in tbody td {
    border-bottom: none;
    height: auto;
    line-height: 14px;
}
.tbl-style01.in2 {
    border: none;
}
.tbl-style01.in2 tbody th:first-child {
    border-left: none;
}
.tbl-style01.in2 thead th {
    text-align: center;
}
.tbl-style01.in2 tbody th {
    text-align: center;
}
.tbl-style01.in2 tbody td {
    height: auto;
    line-height: 14px;
}
.tbl-style01.in2 tbody td.last {
    border-bottom: 0;
}

.tbl-style02 {
    table-layout: fixed;
    width: 100%;
    border-top: 2px solid #2bb7b3;
    word-break: break-all;
    border-collapse: collapse;
}
.tbl-style02 + .tbl-style02 {
    margin-top: 20px;
}
.tbl-style02.st2 {
    text-align: center;
}
.tbl-style02 th {
    height: 46px;
    font-size: 13px;
    color: #222;
    padding: 5px;
    font-weight: bold;
    background-color: #fafbfc;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    text-align: center;
}
.tbl-style02 tbody th {
    text-align: left;
    height: 34px;
    padding: 14px 20px;
}
.tbl-style02 tbody th:first-child {
    border-left: none;
}
.tbl-style02 tbody th.bd-last {
    border-bottom: 1px solid #bbb;
}
.tbl-style02 tbody td {
    height: 34px;
    font-size: 14px;
    color: #666;
    padding: 6px 10px;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    background-color: #fff;
    line-height: 22px;
}
.tbl-style02 tbody td.bd-last {
    border-bottom: 1px solid #bbb;
}
.tbl-style02 tbody td em {
    margin: 0 10px;
    font-size: 14px;
    vertical-align: middle;
}
.tbl-style02 td label:first-child {
    margin-left: 0;
}
.tbl-style02 td label.tbtn {
    margin: 0;
}
.tbl-style02 input[type="text"],
.tbl-style02 [type="number"],
.tbl-style02 input[type="password"] {
    height: 34px;
    padding: 0 5px;
    box-sizing: border-box;
    font-size: 14px;
    vertical-align: middle;
}
.tbl-style02 select {
    min-width: auto;
    height: 34px;
    padding: 0 30px 0 5px;
    box-sizing: border-box;
    font-size: 14px;
    background-position: right 5px center;
    background-image: url(../images/common/drop_2.png);
    background-size: 14px auto;
}
.tbl-style02 td label.tbtn {
    margin: 0;
}
.tbl-style03 {
    table-layout: fixed;
    width: 100%;
    border-top: 2px solid #2bb7b3;
    border-bottom: 1px solid #bbb;
    word-break: break-all;
    border-collapse: collapse;
}
.tbl-style01.bg tbody tr:hover td,
.tbl-style03.bg tbody tr:hover {
    background-color: #fafafa; /* 2022-06-23 수정 */
}
.tbl-style03 + .tbl-style03 {
    margin-top: 20px;
}
.tbl-style03.st2 {
    text-align: center;
}
.tbl-style03 th {
    height: 45px;
    font-size: 13px;
    color: #666;
    padding: 5px;
    font-weight: bold;
    background-color: #eaeaea;
    text-align: center;
}
.tbl-style03 tbody th {
    text-align: left;
    height: 37px;
    padding: 5px 20px;
}
.tbl-style03 tbody td {
    height: 50px;
    font-size: 14px;
    color: #666;
    padding: 8px 15px;
    border-top: 1px solid #d7d7d7;
    line-height: 18px;
}
.tbl-style03.bg tbody td {
    padding: 8px 5px;
}
.tbl-style03 input[type="text"],
.tbl-style03 [type="number"],
.tbl-style03 input[type="password"] {
    height: 34px;
    padding: 0 5px;
    box-sizing: border-box;
    font-size: 14px;
    vertical-align: middle;
}
.tbl-style03 select {
    min-width: auto;
    height: 34px;
    padding: 0 30px 0 5px;
    box-sizing: border-box;
    font-size: 14px;
    background-position: right 5px center;
    background-image: url(../images/common/drop_2.png);
    background-size: 14px auto;
}
.tbl-style03 tbody td.title {
    color: #222;
    text-align: left;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tbl-style03 tbody td.title a:hover {
    text-decoration: underline;
}
.tbl-style03 tbody td.date {
    color: #777;
}
.tbl-style03 tbody td.file {
    color: #777;
}
.tbl-style03 tbody td.category {
    color: #222;
    font-weight: 700;
}
.tbl-style03 tbody td.status {
    color: #666;
    font-weight: 900;
}
.tbl-style03 tbody td.status.st2 {
    color: #2bb7b3;
}
.tbl-style03 tbody td.status.st3 {
    color: #ff7563;
}
.tbl-style03 tbody td.status.st4 {
    color: #777;
}
.tbl-style03 tbody td.status.st5 {
    color: #222;
}
.tbl-style03 td.num {
    color: #047e7b;
    font-weight: bold;
}
.tbl-style03 td.num a:hover {
    text-decoration: underline;
}
.tbl-style01 td.step,
.tbl-style03 td.step {
    color: #2bb7b3;
    font-weight: bold;
}
.tbl-style03 td.step a:hover {
    text-decoration: underline;
}
.tbl-style03 .chk-style input[type="checkbox"] + label::before {
    width: 16px;
    height: 16px;
    background-size: 16px auto;
}
.tbl-style03 .chk-style input[type="checkbox"] + label:hover::before {
    background-size: 16px auto;
}
.tbl-style03 .chk-style input[type="checkbox"]:checked + label::after {
    width: 16px;
    height: 16px;
    background-size: 16px auto;
}

.tbl-style99 {
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    word-break: break-all;
    border-collapse: collapse;
}
.tbl-style99 + .tbl-style99 {
    margin-top: 20px;
}
.tbl-style99.st2 {
    text-align: center;
}
.tbl-style99 th {
    height: 37px;
    font-size: 13px;
    color: #222;
    padding: 5px;
    font-weight: bold;
    background-color: #fafbfc;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    text-align: center;
}
.tbl-style99 tbody th {
    text-align: left;
    height: 37px;
    padding: 5px 8px;
}
.tbl-style99 tbody td {
    height: 37px;
    font-size: 13px;
    color: #666;
    padding: 5px;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    background-color: #fff;
    line-height: 18px;
}

.td-style99 {
    height: 27px;
    font-size: 13px;
    color: #666;
    padding: 5px;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    background-color: #fff;
    line-height: 18px;
}


/* 페이징 */
.pageing {
    text-align: center;
    overflow: hidden;
    margin-top: 30px;
    position: relative;
}
.pageing a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    border-radius: 5px;
    margin: 0 2px;
    color: #2bb7b3;
    box-sizing: border-box;
}
.pageing a:hover {
    color: #fff;
    background-color: #2bb7b3;
}
.pageing a.selected {
    background-color: #2bb7b3;
    color: #fff;
    font-weight: bold;
}
.pageing a.first {
    background: url("../images/common/pageing_first.png") no-repeat 50%;
    text-indent: -9999px;
    border: 1px solid #dfdfdf;
}
.pageing a.last {
    background: url("../images/common/pageing_last.png") no-repeat 50%;
    text-indent: -9999px;
    border: 1px solid #dfdfdf;
}
.pageing a.next {
    background: url("../images/common/pageing_next.png") no-repeat 50%;
    text-indent: -9999px;
    border: 1px solid #dfdfdf;
}
.pageing a.pre {
    background: url("../images/common/pageing_pre.png") no-repeat 50%;
    text-indent: -9999px;
    border: 1px solid #dfdfdf;
}
.pageing a.first:hover,
.pageing a.last:hover,
.pageing a.next:hover,
.pageing a.pre:hover {
    border: 1px solid #2bb7b3;
}
.total {
    line-height: 1;
    font-size: 14px;
    color: #666;
}
.total em {
    margin-left: 5px;
    font-weight: 900;
    color: #2bb7b3;
}
.amount {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    background-position: right 5px center;
    background-image: url(../images/common/drop_2.png);
    background-size: 14px auto;
    min-width: auto;
    padding: 0 30px 0 5px;
}

.t-btn-area {
    text-align: right;
    margin-top: 5px;
}
.tbtn-area {
    margin-top: 20px;
    text-align: left;
}
.tbtn-area .tbtn {
    margin: 2px;
}
.tbtn {
    display: inline-block;
    height: 26px;
    line-height: 24px;
    padding: 0 8px;
    text-align: center;
    color: #2bb7b3 !important;
    border: 1px solid #2bb7b3;
    font-size: 12px !important;
    font-weight: bold;
    box-sizing: border-box;
    vertical-align: top;
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer; /***2021.10.06 웹호환성 버튼 일괄 처리***/
}
.tbtn:hover {
    color: #fff !important;
    background-color: #2bb7b3;
}
.tbtn.refresh {
    border: 1px solid #ccc;
    color: #666 !important;
}
.tbtn.refresh:hover {
    background-color: #ccc;
    color: #fff !important;
}

.tbtn.disabled,
input[type="button"].tbtn:disabled,
button.tbtn:disabled {
    color: #aae2e1 !important;
    border-color: #bee0df;
    cursor: default;
}
.tbtn.disabled:hover,
input[type="button"].tbtn:disabled:hover,
button.tbtn:disabled:hover {
    color: #aae2e1 !important;
    background-color: #fff;
}

.s-btn.disabled,
.s-btn:disabled {
    color: #aae2e1 !important;
    border-color: #bee0df;
    cursor: default;
    background-color: #fff;
}
.s-btn.disabled:hover,
.s-btn:disabled:hover {
    color: #aae2e1 !important;
    background-color: #fff !important;
}
.tbtn.st3 {
    width: 90px;
    height: 34px;
    line-height: 32px;
}
.tbtn.st4 {
    width: 56px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #ccc;
    font-size: 13px !important;
    color: #666 !important;
}
.tbtn.st4:hover {
    background-color: #ccc;
    color: #fff !important;
}
.tbbn + .tbtn {
    margin-left: 5px;
}
.b-btn-area {
    margin-top: 30px;
    text-align: center;
    position: relative;
}
.b-btn {
    display: inline-block;
    height: 34px;
    line-height: 32px;
    padding: 0px 20px;
    box-sizing: border-box;
    font-weight: bold;
    color: #fff;
    background-color: #bbb;
    font-size: 14px;
    border-radius: 3px;
    border: 1px solid transparent;
cursor: pointer; /***2021.10.06 웹호환성 버튼 일괄 처리***/
}
.b-btn:hover {
    background-color: #aaa;
}
.b-btn + .b-btn {
    margin-left: 10px;
}
.b-btn.type2 {
    background-color: #2bb7b3;
    cursor: pointer; /***2021.10.06 웹호환성 버튼 일괄 처리***/
}
.b-btn.type2:hover {
    background-color: #248f91;

}
.b-btn.type3 {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #666;
}
.b-btn.type3:hover {
    background-color: #ccc;
    color: #fff;
}
.ui-datepicker-trigger {
    margin-left: 5px;
    width: 14px;
    height: 14px;
    border: 0;
    vertical-align: middle;
}
.ui-datepicker-trigger img {
    vertical-align: top;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 4px;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev:hover {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next:hover {
    right: 2px;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    min-width: auto;
    padding-right: 30px;
    background-position: right 10px center;
}

/* 라디오 체크 */
.radio-wrap {
    margin-bottom: 10px;
}
.radio-wrap .rdo {
    color: #666;
}
.rdo-style {
    position: relative;
}
span.rdo-style {
    display: inline-block;
}
.rdo-style + .rdo-style {
    margin-left: 10px;
}
.rdo-style input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.rdo-style .rdo {
    display: inline-block;
    padding-left: 17px;
    font-size: 13px;
}
.rdo-style input[type="radio"] + .rdo::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 13px;
    height: 13px;
    background: url(../../resource/images/common/rdo_off.png);
    background-size: 13px auto;
    transform: translateY(-50%);
}
.rdo-style input[type="radio"] + .rdo:hover::before {
    background: url(../../resource/images/common/rdo_hover.png);
    background-size: 13px auto;
}
.rdo-style input[type="radio"]:checked + .rdo::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 13px;
    height: 13px;
    background: url(../../resource/images/common/rdo_on.png);
    background-size: 13px auto;
    transform: translateY(-50%);
}
.rdo-style.st2 input[type="radio"] + .rdo::before {
    left: 50%;
    transform: translate(-50%, -50%);
}
.rdo-style.st2 input[type="radio"]:checked + .rdo::after {
    left: 50%;
    transform: translate(-50%, -50%);
}
td.rdo-style {
    position: static;
}
td.rdo-style input[type="radio"] + .rdo {
    position: relative;
}
td.rdo-style.type2 input[type="radio"] + .rdo::before {
    top: auto;
    bottom: -2px;
    transform: none;
}
td.rdo-style.type2 input[type="radio"]:checked + .rdo::after {
    top: auto;
    bottom: -2px;
    transform: none;
}

.chk-wrap {
    margin-bottom: 5px;
}
.chk-wrap label {
    color: #666;
}
.chk-style {
    margin-left: 5px;
    position: relative;
}
.chk-style + .chk-style {
    margin-left: 10px;
}
.chk-style label {
    display: inline-block;
    padding-left: 17px;
}
.chk-style input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.chk-style input[type="checkbox"] + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 13px;
    height: 13px;
    background: url(../../resource/images/common/check_off.png);
    background-size: 13px auto;
    transform: translateY(-50%);
}
.chk-style input[type="checkbox"] + label:hover::before {
    background: url(../../resource/images/common/check_hover.png);
    background-size: 13px auto;
}
.chk-style input[type="checkbox"]:checked + label::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 13px;
    height: 13px;
    background: url(../../resource/images/common/check_on.png);
    background-size: 13px auto;
    transform: translateY(-50%);
}
.chk-style input[type="checkbox"].chk-req:checked + label::after {
    background: url(../../resource/images/common/check_on02.png);
    background-size: 13px auto;
}

.chk-style.st2 label {
    padding-left: 0;
}
.chk-style.st2 input[type="checkbox"] + label::before {
    left: auto;
    right: -17px;
}
.chk-style.st2 input[type="checkbox"]:checked + label::after {
    left: auto;
    right: -17px;
}
.chk-style input[type="checkbox"].disabled + label {
    text-decoration: line-through;
    color: #ff7563;
    cursor: default;
}
.chk-style input[type="checkbox"].disabled + label::before,
.chk-style input[type="checkbox"].disabled:checked + label::after {
    background-image: url(../../resource/images/common/Disabled.png);
}

td.chk-style {
    margin-left: 0;
    position: static;
}
td.chk-style input[type="checkbox"] + label {
    position: relative;
}
td.chk-style input[type="checkbox"] + label::before {
    left: 0px;
}
td.chk-style.type2 input[type="checkbox"] + label::before {
    left: 50%;
    top: auto;
    bottom: -2px;
    transform: translateX(-50%);
}
td.chk-style input[type="checkbox"]:checked + label::after {
    left: 0px;
}
td.chk-style.type2 input[type="checkbox"]:checked + label::after {
    left: 50%;
    top: auto;
    bottom: -2px;
    transform: translateX(-50%);
}
/* 팝업 */
.popHead {
    overflow: hidden;
    height: 50px;
    background-color: #2bb7b3;
    padding: 0 20px;
    position: relative;
}
.popHead h2 {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    float: left;
}
.popHead .close {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("../images/common/ico_close.png") no-repeat 50%;
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -7px;
    transition: all 0.5s;
}
.popHead .close:hover {
    transform: rotate(180deg);
}
.popCont {
    padding: 15px;
}
.pop-btn-area {
    margin-top: 20px;
    text-align: center;
}
.pricing-area {
    overflow: hidden;
    font-size: 13px;
    margin-bottom: 10px;
}
.unit-area {
    float: left;
}
.unit-area input {
    width: 50px;
    margin: 0 5px;
    padding: 0 5px;
}
.desc-area {
    margin-top: 10px;
}
.pdesc {
    font-size: 13px;
    color: #ff7563;
}
.pdesc.st2 {
    color: #666;
    text-align: center;
}
.pdesc .req {
    padding: 0 0 0 6px;
    color: inherit;
    background-position: left 0 center;
}
.desc-area span {
    display: inline-block;
    margin-top: 5px;
    font-size: 13px;
}
.desc-area span input {
    font-size: 13px;
}
.pop-msg.st2 {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 900;
}
.desc-list li {
    position: relative;
    padding-left: 8px;
    color: #666;
}
.desc-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 3px;
    height: 3px;
    background-color: #666;
    border-radius: 50%;
}
.desc-list li + li {
    margin-top: 5px;
}
.tbl-style01 td.check {
    color: #2bb7b3;
    font-weight: 900;
}
.tbl-style01 td.pay {
    color: #2bb7b3;
}
.tbl-style01 td.overlap {
    font-weight: bold;
}
.tbl-style01 td.error {
    color: #ff7563;
    font-weight: 900;
}
.tbl-style01 td .num {
    color: #2bb7b3;
}
.tbl-style01 td .num2 {
    color: #ff7563;
}
span.security {
    display: inline-block;
    margin-top: 10px;
}
span.security input {
    vertical-align: middle;
}
span.security .tbtn {
    vertical-align: middle;
}

/* jquery UI 텝 디자인 */
.tabs.ui-widget.ui-widget-content {
    border: none;
}
.ui-tabs {
    border: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
}
.ui-tabs .ui-tabs-nav {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: #fff;
    height: 31px;
    border: 0;
    border-bottom: 1px solid #2bb7b3;
    box-sizing: content-box;
}
.ui-tabs .ui-tabs-nav li {
    border: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-sizing: border-box;
    height: 31px;
    line-height: 31px;
    background: #fff;
    margin-left: 2px;
    transition: all 0s;
}
.ui-tabs .ui-tabs-nav li:first-child {
    margin-left: 0;
}
.ui-tabs .ui-tabs-nav li.ui-state-default .ui-tabs-anchor {
    border: 0;
    margin: 0;
    padding: 0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background: #f1f1f1;
    border: 1px solid transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 0;
    min-width: 60px;
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    color: #999;
    box-sizing: content-box;
    transition: all 0s;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    background: #fff;
    height: 31px;
    line-height: 31px;
    border: 1px solid #ddd;
    cursor: pointer;
    border-top: 1px solid #2bb7b3;
    border-left: 1px solid #2bb7b3;
    border-right: 1px solid #2bb7b3;
    border-bottom: 0;
    font-size: 13px;
    color: #2bb7b3;
    box-sizing: content-box;
    transition: all 0s;
}
.ui-tabs .ui-tabs-panel {
    padding: 10px 0;
    background: #fff;
}

.readonly {
    background: #eaeaea !important;
    color: #888 !important;
}
.f_right p {
    line-height: 26px;
    text-decoration: underline;
    color: #666;
}
.msg {
    margin-left: 5px;
    color: #999;
    vertical-align: middle;
}
.msg2 {
    margin-top: 5px;
    color: #83a9a8;
    font-size: 12px;
    line-height: 1;
}
.tbl-tit-area {
    margin: 20px 0 10px;
}
.tbl-desc-area {
    margin: 43px 0 10px;
}
.tbl-desc-area p {
    font-size: 14px;
    color: #666;
    line-height: 1;
    font-weight: 700;
}
.upload-hidden {
    display: none;
}
.req {
    font-size: 13px;
    color: #222;
    display: inline-block;
    padding-right: 10px;
    background: url("../images/common/required_item.png") no-repeat 100% 50%;
}
.req2 {
    display: inline-block;
    padding-left: 12px;
    font-size: 13px;
    color: #666;
    background: url(../images/common/required_item.png) no-repeat left 0 center;
}
.f_s0 {
    font-size: 1;
}
.w75 {
    width: 75px !important;
}
.double-ly {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.double-ly .lt {
    padding-right: 10px;
    position: relative;
}
.double-ly .rt {
    padding-left: 10px;
    position: relative;
}

/********************************************************************************************************************/
/* 공통 */
/********************************************************************************************************************/
html,
body {
    height: 100%;
}
body {
    /*min-width: 1280px;*/
    background-color: #eff4f8;
}
body.sub-body {
    background-color: #fff;
	min-width: 1100px;
}
#wrap {
    position: relative;
    min-height: 100%;
    min-width: 1200px;
}
a,
button {
    transition: all 0.3s;
}
.section {
    padding: 0 75px;
}
.mtit {
    font-size: 18px;
    color: #222;
    font-weight: 900;
    line-height: 1;
}

/********************************************************************************************************************/
/* 헤더 */
/********************************************************************************************************************/

.sub-body #header .section {
    width: 100%;
}
#header {
    height: 59px;
    box-shadow: 0px 2px 37.6px 2.4px rgba(60, 86, 101, 0.05);
    background-color: #fff;
	min-width:1420px; 
}
#header .section {
    position: relative;
    text-align: center;
}
#header .section::after {
    content: "";
    display: block;
    clear: both;
}
.logo {
    position: absolute;
    left: 125px;
    top: 0;
    z-index: 100;
}
.logo a {
    display: inline-block;
    width: 134px;
    height: 59px;
    text-indent: -9999px;
    background: url(../../resource/images/common/logo.png) no-repeat left center;
}
.gnb {
    display: inline-block;
}
.sub-body .gnb > li:last-child a {
    padding-right: 0;
}
.gnb::after {
    content: "";
    display: block;
    clear: both;
}
.gnb > li {
    float: left;
    position: relative;
}
.gnb > li:last-child > a {
    padding-right: 0;
}
.gnb > li:last-child > .depth2 {
    right: 0 !important;
}
.gnb > li > a {
    display: block;
    padding: 0 28px;
}
.gnb > li > a > span {
    display: block;
    position: relative;
    height: 59px;
    box-sizing: border-box;
    font-size: 18px;
    color: #222;
    font-weight: 900;
    line-height: 59px;
}
.gnb > li > a > span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #1baec5;
    transform: scale(0);
    transition: all 0.3s;
}
.gnb > li:hover > a > span,
.gnb > li.active > a > span {
    color: #2bb7b3;
}
.gnb > li:hover > a > span::after,
.gnb > li.active > a > span::after {
    transform: scale(1);
}
.gnb .depth2 {
    display: none;
    position: absolute;
    left: 28px;
    top: 59px;
    z-index: 1000;
    width: 600px;
    box-sizing: border-box;
    text-align: left;
}
.gnb .depth2 li {
    display: inline-block;
}
.gnb .depth2 li a {
    display: block;
    padding: 0 20px;
    font-size: 16px;
    color: #666;
    line-height: 40px;
    transition: all 0.3s;
}
.gnb > li:nth-child(n + 4):nth-child(-n + 7) > .depth2 {
    left: auto;
    right: 28px;
    text-align: right;
}
.sub-body .gnb > li:last-child > .depth2 {
    right: 0;
}
.gnb > li:nth-child(n + 1):nth-child(-n + 3) > .depth2 li:first-child a {
    padding-left: 0;
}
.gnb > li:nth-child(n + 4):nth-child(-n + 7) > .depth2 li:last-child a {
    padding-right: 0;
}
.gnb .depth2 li a:hover {
    color: #2bb7b3;
}
.gnb-bg {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 59px;
    z-index: 999;
    background-color: #f9f9f9;
    width: 100%;
    height: 0;
    box-sizing: border-box;
    border-top: 1px solid #f1f1f1;
    transition: all 0.3s;
}
.gnb-bg.active {
    opacity: 1;
    visibility: visible;
    height: 40px;
}
/********************************************************************************************************************/
/* 메인 */
/********************************************************************************************************************/

#container {
    padding-top: 40px;
}
.side-cont {
    float: left;
    width: 235px;
    border-radius: 15px;
    box-shadow: 0px 2px 47px 3px rgba(60, 86, 101, 0.05);
    background-color: #fff;
    margin-left: 75px;
}
.user-info {
    overflow: hidden;
    padding: 20px 0;
    position: relative;
    text-align: center;
    line-height: 1;
}
.user-info .user-name {
    margin-right: 14px;
    font-size: 18px;
    color: #999;
}
.user-info .user-name strong {
    color: #009c96;
    font-weight: 900;
}
.user-info .user-team {
    margin-top: 10px;
    font-size: 13px;
    color: #999;
    line-height: 1;
    letter-spacing: 0;
}
.user-info .logout {
    display: inline-block;
    width: 100px;
    height: 30px;
    margin-top: 10px;
    border-radius: 15px;
    font-size: 13px;
    color: #fff;
    line-height: 30px;
    font-weight: 700;
    background-color: #87919c;
}
.user-info .logout:hover {
    opacity: 0.9;
}
.user-info .setting {
    position: absolute;
    top: 23px;
    right: 68px;
    width: 14px;
    height: 14px;
    text-indent: -9999px;
    background-image: url(../../resource/images/common/ico_setting.png);
    transition: all 1.5s;
}
.user-info .setting:hover {
    transform: rotate(360deg);
}
.lnb-area {
    padding: 15px 0 10px;
    border-top: 1px solid #f1f1f1;
}
.lnb-area .mtit {
    text-indent: 20px;
    font-size: 16px;
}
.lnb {
    margin-top: 10px;
}
.lnb > li > a {
    position: relative;
    display: block;
    padding: 0 10px;
}
.lnb > li > a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background-color: transparent;
    transition: all 0.3s;
}
.lnb > li > a span {
    display: block;
    position: relative;
    z-index: 1;
    padding: 0 15px;
    border-radius: 10px;
    font-size: 13px;
    color: #222;
    line-height: 35px;
    letter-spacing: 0;
    transition: all 0.3s;
}
.lnb > li.menu > a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 18px;
    z-index: 1;
    width: 14px;
    height: 8px;
    background-image: url(../../resource/images/common/ico_arrow01.png);
    background-size: 10px auto;
    background-repeat: no-repeat;
    background-position: center center;
    transform: translateY(-50%);
    transition: all 0.3s;
}
.lnb .depth2 {
    display: none;
}

.lnb .depth2 > li > a {
    display: block;
    position: relative;
    padding-left: 30px;
    border-top: 1px solid #eaeaea;
    font-size: 13px;
    color: #666;
    line-height: 28px;
    letter-spacing: 0;
    background-color: #e6faf9;
}
.lnb .depth2 > li > a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 28px;
    background-color: #2bb7b3;
    transform: scale(0);
    transition: all 0.2s;
}

.lnb > li.menu > a:hover::after {
    background-image: url(../../resource/images/common/ico_arrow02.png);
}
.lnb > li.on > a::before {
    background-color: #e6faf9;
}
.lnb > li.menu.on > a::after {
    background-image: url(../../resource/images/common/ico_arrow01_on.png) !important;
}
.lnb > li > a:hover span {
    color: #2bb7b3;
}
.lnb > li.on > a span {
    box-shadow: 0px 2px 9.4px 0.6px rgba(60, 86, 101, 0.2);
    color: #fff;
    background-color: #2bb7b3;
}
.lnb .depth2 > li > a.active,
.lnb .depth2 > li > a:hover {
    color: #2bb7b3;
}
.lnb .depth2 > li > a.active::before {
    transform: scale(1);
}

.main-cont {
    overflow: hidden;
    margin: 0 75px 0 35px;
}
.cont-area {
    float: left;
    width: calc(100% - 270px);
}
.service-area {
    position: relative;
    padding: 116px 0 25px;
    border-radius: 15px;
    font-size: 0;
    text-align: center;
    background: #27b6b2 url(../../resource/images/common/img_banner.png) no-repeat top 14px center;
}
.service-area .main-tit-area {
    position: relative;
    display: inline-block;
    color: #fff;
}
.service-area .main-tit-area::before {
    content: "";
    position: absolute;
    top: -65px;
    left: -103px;
    width: 134px;
    height: 73px;
    background-image: url(../../resource/images/common/img_deco01.png);
}
.service-area .main-tit-area::after {
    content: "";
    position: absolute;
    bottom: -53px;
    right: -111px;
    width: 104px;
    height: 81px;
    background-image: url(../../resource/images/common/img_deco02.png);
}
.service-area .main-tit-area h2 {
    font-size: 30px;
    line-height: 1;
}
.service-area .main-tit-area h2 strong {
    font-weight: 900;
}
.service-area .main-tit-area p {
    margin-top: 30px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0;
}
.service-area .service-list {
    overflow: hidden;
    display: inline-block;
    width: 90%;
    margin-top: 50px;
    padding: 32px 0 33px;
    border-radius: 15px;
    box-shadow: 0px 2px 28.2px 1.8px rgba(60, 86, 101, 0.3);
    background-color: #fff;
}
.service-area .service-list li {
    display: inline-block;
    width: 22%;
}
.service-area .service-list li a {
    display: block;
    position: relative;
    padding-top: 61px;
    font-size: 15px;
    color: #666;
    line-height: 1;
}
.service-area .service-list li a::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 43px;
    height: 43px;
    transform: translateX(-50%);
    transition: all 0.3s;
}
.service-area .service-list li a.icon01::before {
    background-image: url(../../resource/images/common/ico_service01.png);
}
.service-area .service-list li a.icon02::before {
    background-image: url(../../resource/images/common/ico_service02.png);
}
.service-area .service-list li a.icon03::before {
    background-image: url(../../resource/images/common/ico_service03.png);
}
.service-area .service-list li a.icon04::before {
    background-image: url(../../resource/images/common/ico_service04.png);
}
.service-area .service-list li a:hover {
    color: #27b6b2;
}
.service-area .service-list li a:hover::before {
    transform: translate(-50%, -10px);
}
.notice-area {
    position: relative;
    margin-top: 35px;
}
.notice-area .mtit {
    line-height: 24px;
}
.notice-swiper {
    padding: 20px 0;
}
.notice-swiper .swiper-slide a {
    display: block;
    padding: 22px 17px 17px 22px;
    border: 3px solid transparent;
    border-radius: 15px;
    box-shadow: 0px 2px 37.6px 2.4px rgba(60, 86, 101, 0.05);
    background-color: #fff;
}
.notice-swiper .swiper-slide em {
    display: inline-block;
    width: 50px;
    height: 22px;
    border-radius: 10px;
    font-size: 13px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    background-color: #2bb7b3;
}
.notice-swiper .swiper-slide h4 {
    position: relative;
    padding-top: 36px;
    box-sizing: content-box;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    color: #222;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 50px;
}
.notice-swiper .swiper-slide a.new h4 {
    margin-top: 14px;
    padding-top: 0;
    font-weight: 900;
}
.notice-swiper .swiper-slide h4::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 3px;
    border-radius: 10px;
    background-color: #ccc;
}
.notice-swiper .swiper-slide a.new h4::before {
    display: none;
}
.notice-swiper .swiper-slide p {
    margin-top: 16px;
    font-size: 14px;
    color: #666;
    line-height: 21px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 63px;
    letter-spacing: -0.7px;
}
.notice-swiper .swiper-slide .date {
    display: inline-block;
    margin-top: 23px;
    font-size: 14px;
    color: #666;
    line-height: 1;
}
.notice-swiper .swiper-slide a:hover {
    border-color: #2bb6b2;
}
.notice-area .btn-area {
    position: absolute;
    top: 0;
    right: 0;
}
.notice-area .btn-area .swiper-btn {
    float: left;
    position: relative;
    margin-right: 18px;
}
.notice-area .btn-area .next,
.notice-area .btn-area .prev {
    width: 24px;
    height: 24px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    text-indent: -9999px;
    cursor: pointer;
    transition: all 0.3s;
}
.notice-area .btn-area .next {
    background: url(../../resource/images/common/ico_arrow04.png) no-repeat center;
}
.notice-area .btn-area .prev {
    background: url(../../resource/images/common/ico_arrow03.png) no-repeat center;
}
.notice-area .btn-area .swiper-pagination {
    display: inline-block;
    position: static;
    width: auto;
    margin: 0 15px;
    vertical-align: middle;
    line-height: 24px;
}
.notice-area .btn-area .swiper-pagination .swiper-pagination-current {
    color: #444;
}
.notice-area .btn-area .swiper-pagination .swiper-pagination-total {
    color: #999;
}
.notice-area .btn-area .more-btn {
    position: relative;
    float: right;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    text-indent: -9999px;
    background-color: #2bb7b3;
}
.notice-area .btn-area .more-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    background-image: url(../../resource/images/common/ico_plus.png);
    transform: translate(-50%, -50%);
    transition: all 0.5s;
}
.notice-area .btn-area .next:hover,
.notice-area .btn-area .prev:hover {
    border-color: #999;
}
.notice-area .btn-area .more-btn:hover::before {
    transform: translate(-50%, -50%) rotate(180deg);
}
.info-area {
    float: left;
    width: 235px;
    margin-left: 35px;
}
.info-area > ul > li {
    padding: 20px 3px 3px;
    border-radius: 15px;
}
.info-area > ul > li + li {
    margin-top: 35px;
}
.info-area > ul > li.info1 {
    background-color: #2bb6b2;
}
.info-area > ul > li.info2 {
    background-color: #248f91;
}
.info-area > ul > li h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 900;
    line-height: 1;
    text-indent: 19px;
}
.info-detail {
    margin-top: 19px;
    padding: 20px 17px;
    border-radius: 15px;
    background-color: #fff;
}
.info-detail h5 {
    padding-left: 3px;
    font-size: 15px;
    color: #666;
    line-height: 1;
    font-weight: 700;
}
.info-detail ul {
    margin-top: 25px;
    padding-left: 3px;
    min-height: 146px;
}
.info1 .info-detail li {
    position: relative;
    padding-left: 55px;
    font-size: 15px;
    color: #222;
    line-height: 42px;
    font-weight: 700;
}
.info1 .info-detail li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    border-radius: 10px;
}
.info1 .info-detail li.icon01::before {
    background: #27b6b2 url(../../resource/images/common/ico_info01.png) no-repeat center;
}
.info1 .info-detail li.icon02::before {
    background: #89d0c8 url(../../resource/images/common/ico_info02.png) no-repeat center;
}
.info1 .info-detail li.icon03::before {
    background: #248f91 url(../../resource/images/common/ico_info03.png) no-repeat center;
}
.info2 .info-detail li {
    height: 42px;
    border: 1px solid #248f91;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 15px;
    color: #222;
    text-align: center;
    line-height: 40px;
    font-weight: 700;
    background: url(../../resource/images/common/ico_info04.png) no-repeat left 14px center;
}
.info-detail li + li {
    margin-top: 10px;
}
.info-detail .btn {
    display: block;
    height: 42px;
    margin-top: 37px;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-sizing: border-box;
    text-align: center;
    line-height: 40px;
}
.info-detail .btn:hover {
    border-color: transparent;
    color: #fff;
}
.info1 .info-detail .btn:hover {
    background-color: #2bb6b2;
}
.info2 .info-detail .btn:hover {
    background-color: #248f91;
}

/********************************************************************************************************************/
/* 로그인 */
/********************************************************************************************************************/

.login-wrap a,
.login-wrap button {
    transition: all 0s;
}

.login-wrap {
    position: relative;
    min-width: 1200px;
    min-height: 100%;
    background: #eff4f8 url(../../resource/images/common/img_login02.png) no-repeat left bottom;
}
.login-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 775px;
    height: 385px;
    background-image: url(../../resource/images/common/img_login01.png);
}
.login-box {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 800px;
    transform: translate(-50%, -50%);
}
.login-area {
    overflow: hidden;
    height: 440px;
    padding: 93px 75px 0;
    border-radius: 30px;
    box-shadow: 0px 2px 47px 3px rgba(60, 86, 101, 0.1);
    background-color: #fff;
}
.login-intro {
    float: left;
}
.login-intro .login-tit-area {
    padding-left: 15px;
}
.login-intro .login-tit-area h1 {
    width: 146px;
    height: 28px;
    text-indent: -9999px;
    background-image: url(../../resource/images/common/logo_login.png);
}
.login-intro .login-tit-area h2 {
    margin-top: 7px;
    font-size: 30px;
    color: #666;
    font-weight: 900;
    line-height: 40px;
}
.login-intro .login-desc {
    margin-top: 35px;
    padding-left: 14px;
}
.login-intro .login-desc li {
    position: relative;
    padding-left: 10px;
    font-size: 13px;
    color: #666;
    line-height: 24px;
}
.login-intro .login-desc li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 3px;
    height: 3px;
    background-color: #666;
    transform: translateY(-50%);
}
.login-intro .login-desc li strong {
    font-weight: 700;
}
.login-intro .login-desc li a:hover {
    text-decoration: underline;
}
.login-intro .login-query {
    width: 323px;
    margin-top: 20px;
    padding: 15px;
    border-radius: 15px;
    box-sizing: border-box;
    background-color: #f7fcfc;
}
.login-intro .login-query p {
    margin-bottom: 10px;
    font-size: 12px;
    color: #666;
    line-height: 1;
}
.login-intro .login-query .tel {
    display: inline-block;
    padding-left: 17px;
    font-size: 14px;
    color: #1b7991;
    line-height: 1;
    font-weight: 900;
    background: url(../../resource/images/common/ico_tel.png) no-repeat left center;
}
.login-intro .login-query .mail {
    display: inline-block;
    margin-left: 9px;
    padding-left: 17px;
    font-size: 14px;
    color: #1b7991;
    line-height: 1;
    font-weight: 900;
    background: url(../../resource/images/common/ico_mail.png) no-repeat left center;
}
.login-cont {
    margin-left: 354px;
    padding: 10px 0 0 35px;
    border-left: 1px solid #eaeaea;
}
.login-cont .login-input {
    position: relative;
}
.login-cont .login-input + .login-input {
    margin-top: 7px;
}
.login-input input[type="text"],
.login-input input[type="password"] {
    width: 100%;
    height: 42px;
    padding: 0 17px;
    border: 1px solid #dbdbdb;
    border-radius: 10px;
    font-size: 15px;
    color: #666;
    outline: 0;
}
.login-cont .login-input.verification input[type="text"] {
    padding: 0 70px 0 17px;
}
.login-input input:focus {
    border: 1px solid #2bb7b3;
}
.login-cont .login-input.verification .verification-btn {
    position: absolute;
    right: 20px;
    top: 50%;
    font-size: 13px;
    color: #2bb7b3;
    line-height: 18px;
    font-weight: 700;
    transform: translateY(-50%);
}
.login-cont .login-input.verification .verification-btn:hover {
    opacity: 0.9;
}
.login-cont .login-chk {
    margin-top: 10px;
    font-size: 0;
    text-align: left;
}
.login-cont .login-chk input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.login-cont .login-chk input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    padding-left: 19px;
    font-size: 13px;
    color: #666;
    line-height: 14px;
    cursor: pointer;
}
.login-cont .login-chk input[type="checkbox"] + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #fff;
}
.login-cont .login-chk input[type="checkbox"]:checked + label::before {
    background-color: #2bb7b3;
}
.login-cont .login-chk input[type="checkbox"]:checked + label::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    border-radius: 5px;
    background: #2bb7b3 url(../../resource/images/common/ico_chk.png) no-repeat center;
}
.login-cont .login-chk .pw {
    float: right;
    padding-left: 17px;
    font-size: 13px;
    color: #222;
    line-height: 14px;
    font-weight: 700;
    background: url(../images/common/ico_pw.png) no-repeat left center;
}
.login-cont .login-chk .pw:hover {
    text-decoration: underline;
}
.login-cont .login-btn {
    display: block;
    height: 42px;
    margin-top: 20px;
    border-radius: 10px;
    font-size: 16px;
    color: #fff;
    font-weight: 900;
    line-height: 42px;
    text-align: center;
    background-color: #2bb7b3;
}
.login-cont .login-btn:hover {
    background-color: #248f91;
}
.login-cont .login-etc {
    margin-top: 18px;
    text-align: center;
}
.login-cont .login-etc li {
    display: inline-block;
    position: relative;
}
.login-cont .login-etc li + li {
    margin-left: 31px;
    padding-left: 32px;
}
.login-cont .login-etc li + li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 1px;
    height: 14px;
    background-color: #666;
}
.login-cont .login-etc li a {
    display: inline-block;
    font-size: 14px;
    color: #222;
    line-height: 14px;
    font-weight: 700;
}
.login-cont .login-etc li a:hover {
    color: #2bb7b3;
}
.login-copy {
    margin-top: 50px;
    text-align: center;
}
.login-copy span {
    display: inline-block;
    font-size: 14px;
    color: #999;
    line-height: 1;
    letter-spacing: 0;
}
.login-copy a {
    display: inline-block;
    margin-left: 24px;
    font-size: 15px;
    color: #222;
    line-height: 1;
    font-weight: 700;
    text-decoration: underline;
}
.login-copy a:hover {
    color: #2bb7b3;
}

/* 레이어 팝업 */
.layer-pop-wrap {
    display: none;
}
.layer-pop-wrap.active {
    display: block;
}
.layer-bg {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 88888;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    transition: none;
}
.layer-pop-area {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    width: 400px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    background: #fff;
    overflow: hidden;
    transform: translate(-50%, -50%);
}
.pop-head {
    position: relative;
    height: 50px;
    padding: 0 30px;
    background-color: #2bb7b3;
}
.pop-head h2 {
    font-size: 16px;
    color: #fff;
    font-weight: 900;
    line-height: 50px;
}
.pop-head button {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background-image: url(../images/common/ico_close.png);
    transform: translateY(-50%);
}
.pop-head button:hover {
    transform: translateY(-50%) rotate(180deg);
}
.pop-body {
    padding: 30px;
    max-height: 500px;
}
.pop-body.st2 {
    padding-bottom: 5px;
}
.pop-tab {
    height: 31px;
    border-bottom: 1px solid #1baec5;
}
.pop-tab::after {
    content: "";
    display: block;
    clear: both;
}
.pop-tab li {
    float: left;
}
.pop-tab li + li {
    margin-left: 5px;
}
.pop-tab li a {
    display: block;
    position: relative;
    width: 110px;
    height: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid transparent;
    font-size: 13px;
    color: #999;
    text-align: center;
    line-height: 30px;
    background-color: #f1f1f1;
    transition: all 0s;
}
.pop-tab li.active a {
    position: relative;
    border: 1px solid #2bb7b3;
    border-bottom: 0;
    color: #2bb7b3;
    background-color: #fff;
}
.pop-tab li.active a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 1;
    width: 100%;
    height: 1px;
    background-color: #fff;
}
.pop-tit-area {
    margin: 24px 0 20px;
}
.pop-tit-area h3 {
    font-size: 16px;
    color: #222;
    line-height: 22px;
}
.pop-tit-area p {
    font-size: 13px;
    color: #999;
    line-height: 22px;
}
.pop-tab-cont {
    display: none;
    padding: 0 20px;
}
.pop-tab-cont.active {
    display: block;
}
.pop-tab-cont .login-input + .login-input {
    margin-top: 10px;
}
.pop-tab-cont a {
    display: block;
    height: 42px;
    margin-top: 20px;
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 42px;
    font-weight: 900;
    background-color: #2bb7b3;
}
.pop-tab-cont a:hover {
    background-color: #248f91;
}
.pop-tab-cont > p {
    margin-top: 22px;
    font-size: 13px;
    color: #999;
    line-height: 18px;
    letter-spacing: -0.6px;
}
.pop-foot {
    border-top: 1px solid #eaeaea;
    padding: 18px 0;
    text-align: center;
}
.pop-foot span {
    display: inline-block;
    position: relative;
    padding-left: 24px;
    color: #1b7991;
    font-size: 13px;
    line-height: 15px;
    background: url(../images/common/ico_mail.png) no-repeat left center;
}
.pop-foot a {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    padding-left: 11px;
    font-size: 13px;
    color: #1b7991;
    line-height: 15px;
}
.pop-foot a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 15px;
    background-color: #1b7991;
    transform: translateY(-50%);
}
.pop-tab-cont .login-input::after {
    content: "";
    display: block;
    clear: both;
}
.login-input .login-sel {
    float: left;
    width: 100px;
}
.login-input .login-sel select {
    width: 100%;
    height: 42px;
    padding-left: 17px;
    font-size: 15px;
    border-radius: 10px;
    outline: 0;
}
.ui-selectmenu-text {
    margin-right: 10px;
}
.ui-selectmenu-button.ui-button .ui-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 6px;
    background: url(../../resource/images/common/ico_sel_arrow.png) no-repeat right center;
}
.ui-selectmenu-button.ui-state-hover .ui-icon,
.ui-selectmenu-button.ui-state-focus .ui-icon,
.ui-selectmenu-button.ui-button:hover .ui-icon,
.ui-selectmenu-button.ui-button:focus .ui-icon {
    background: url(../../resource/images/common/ico_sel_arrow.png) no-repeat right center;
}
.login-input .login-sel .ui-corner-all,
.login-input .login-sel .ui-corner-bottom,
.login-input .login-sel .ui-corner-right,
.login-input .login-sel .ui-corner-br {
    border-bottom-right-radius: 10px;
}
.login-input .login-sel .ui-corner-all,
.login-input .login-sel .ui-corner-bottom,
.login-input .login-sel .ui-corner-left,
.login-input .login-sel .ui-corner-bl {
    border-bottom-left-radius: 10px;
}
.login-input .login-sel .ui-corner-all,
.login-input .login-sel .ui-corner-top,
.login-input .login-sel .ui-corner-right,
.login-input .login-sel .ui-corner-tr {
    border-top-right-radius: 10px;
}
.login-input .login-sel .ui-corner-all,
.login-input .login-sel .ui-corner-top,
.login-input .login-sel .ui-corner-left,
.login-input .login-sel .ui-corner-tl {
    border-top-left-radius: 10px;
}
.login-input .login-num {
    float: left;
    margin-left: 5px;
    width: 195px;
}
.pop-desc-area h3 {
    position: relative;
    padding-left: 11px;
    color: #222;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
}
.pop-desc-area h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    background-color: #2bb7b3;
    transform: translateY(-50%);
}
.pop-desc-area h3 em {
    margin: 0 5px;
    color: #248f91;
    font-weight: 900;
}
.pop-input-area {
    overflow: hidden;
    margin-top: 20px;
    padding: 18px 20px 20px;
    border-radius: 10px;
    background-color: #f5f5f5;
}
.pop-input-area ul {
    overflow: hidden;
    float: left;
}
.pop-input-area li {
    float: left;
    width: 260px;
}
.pop-input-area li + li {
    margin-left: 10px;
}
.pop-input-area li dl dt {
    font-size: 13px;
    color: #999;
    line-height: 1;
}
.pop-input-area li dl dd {
    margin-top: 8px;
}
.pop-input-area li dl dd input[type="text"],
.pop-input-area li dl dd input[type="password"] {
    height: 40px;
    border-radius: 6px;
}
.pop-input-btn {
    float: right;
    margin-top: 20px;
}
.reference-btn {
    width: 90px;
    height: 40px;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    background-color: #2bb7b3;
}
.reference-btn:hover {
    background-color: #248f91;
}
.pbtn {
    margin-left: 5px;
    width: 56px;
    height: 34px;
    border-radius: 6px;
    border: 1px solid #2bb7b3;
    background-color: #fff;
    color: #2bb7b3;
    font-size: 13px;
    font-weight: 700;
}
.pbtn.st2 {
    width: 80px;
}
.pbtn:hover {
    background-color: #2bb7b3;
    color: #fff;
}
.tbl-wrap {
    min-height: 243px;
}
.tbl-style04 {
    margin-top: 20px;
    table-layout: fixed;
    width: 100%;
    border-top: 2px solid #999;
    word-break: break-all;
    border-collapse: collapse;
    text-align: center;
}
.tbl-style04 th {
    height: 37px;
    font-size: 13px;
    color: #666;
    padding: 10px 5px;
    font-weight: bold;
    background-color: #fafafa;
    border-bottom: 1px solid #dbdbdb;
    text-align: center;
}
.tbl-style04 tbody th {
    text-align: left;
    height: 37px;
    padding: 5px 8px;
}
.tbl-style04 tbody td {
    height: 37px;
    font-size: 13px;
    color: #666;
    padding: 12px 5px;
    border-top: 1px dashed #eaeaea;
    background-color: #fff;
    line-height: 18px;
}
.tbl-style04 tbody td.first {
    border-top: none;
    padding-top: 20px;
}
.tbl-style04 tbody td.last {
    padding-right: 20px;
}
.tbl-style04 tbody td input[type="text"] {
    width: 100%;
    height: 40px;
    padding: 0 17px;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    font-size: 15px;
    color: #666;
    outline: 0;
}
.tbl-style04 tbody td input[type="text"]:focus {
    border: 1px solid #2bb7b3;
}
.tbl-style04 .chk-style {
    display: inline-block;
    margin-left: 0;
    width: 20px;
    height: 20px;
}
.tbl-style04 .chk-style input[type="checkbox"] + label::before {
    width: 20px;
    height: 20px;
    background: url(../../resource/images/common/ico_chk_off.png) no-repeat center;
    background-size: 20px auto;
}
.tbl-style04 .chk-style input[type="checkbox"] + label:hover::before {
    background: url(../../resource/images/common/check_hover.png) no-repeat center;
    background-size: 20px auto;
}
.tbl-style04 .chk-style input[type="checkbox"]:checked + label::after {
    width: 20px;
    height: 20px;
    background: url(../../resource/images/common/check_on.png) no-repeat center;
    background-size: 20px auto;
}
.pop-btn-area.st2 {
    margin-top: 0;
    border-top: 1px solid #eaeaea;
    padding: 20px 0 30px;
    text-align: center;
}
.pop-btn-area .btn {
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    background-color: #ccc;
}
.pop-btn-area .btn:hover {
    background-color: #aaa;
}
.pop-btn-area .btn.st2 {
    background-color: #2bb7b3;
}
.pop-btn-area .btn.st2:hover {
    background-color: #248f91;
}
.pop-btn-area .btn + .btn {
    margin-left: 5px;
}
.pop-tit-box {
    overflow: hidden;
    margin: 22px 0 10px;
}
.pop-tit-box.first {
    margin-top: 0;
}
.pop-tit-box h3 {
    float: left;
    font-size: 15px;
    color: #222;
    line-height: 1;
    font-weight: 900;
}
.pop-tit-box p {
    float: right;
    font-size: 13px;
    line-height: 1;
    color: #666;
}
.pop-req {
    color: #ff7563;
}
.pop-input-box {
    border-top: 3px solid #f5f5f5;
}
.pop-input-list {
    overflow: hidden;
    margin: 0 -10px;
}
.pop-input-list li {
    float: left;
    width: 50%;
    margin-top: 10px;
    padding: 0 10px;
}
.pop-input-list li dl dt {
    color: #999;
    font-size: 13px;
    line-height: 1;
}
.pop-input-list li dl dd {
    margin-top: 9px;
    font-size: 0;
}
.pop-input-list li dl dd input[type="text"],
.pop-input-list li dl dd input[type="password"],
.pop-input-list li dl dd select {
    width: 100%;
    height: 34px;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    outline: 0;
    color: #222;
    font-size: 15px;
}
.pop-input-list li dl dd input:focus {
    border: 1px solid #2bb7b3;
}
.pop-input-list li dl dd textarea {
    border-radius: 6px;
    border-color: #dbdbdb;
    line-height: 20px;
    padding: 4px 5px;
    outline: 0;
}
.pop-input-list li dl dd textarea:focus {
    border: 1px solid #2bb7b3;
}
.pop-input-list li dl dd em {
    display: inline-block;
    font-size: 15px;
    color: #222;
    vertical-align: middle;
    text-align: center;
}
.pop-msg {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #ff7563;
    line-height: 1;
    letter-spacing: 0;
}
.pop-input-list li dl dd input.focus {
    border-color: #ff7563;
}
.email-sel .ui-selectmenu-button.ui-button {
    width: 125px;
    height: 34px;
    padding: 9px 15px;
}

.email-sel .ui-button .ui-icon {
    transform: none;
    top: 14px;
}
.input-style {
    display: inline-block;
    position: relative;
}
.input-style .ui-button .ui-icon {
    transform: none;
    top: 14px;
}
.input-style .ui-selectmenu-button.ui-button {
    width: 80px;
    height: 34px;
    padding: 9px 15px;
}
.input-style .ui-selectmenu-button.ui-button:active,
.input-style .ui-selectmenu-button.ui-button:focus {
    border-color: #2bb7b3;
}
span.tdesc {
    margin-left: 2px;
    color: #999;
    vertical-align: middle;
}

/* 마이페이지 */
.notice-wrap {
    border-top: 2px solid #2bb7b3;
    border-bottom: 1px solid #bbb;
}

.notice-tit {
    padding: 25px 15px;
}
.notice-tit h5 {
    padding-left: 5px;
    font-size: 18px;
    font-weight: 900;
    color: #222;
    line-height: 25px;
}
.notice-tit ul {
    overflow: hidden;
    margin-top: 7px;
}
.notice-tit li {
    float: left;
    position: relative;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
.notice-tit li + li {
    margin-left: 12px;
    padding-left: 12px;
}
.notice-tit li + li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #ccc;
}
.notice-tit li.notice-date {
    font-weight: 700;
}
.notice-tit li.notice-pop {
    color: #999;
}
.notice-tit li.notice-pop em {
    display: inline-block;
    margin-left: 10px;
    font-weight: 900;
    line-height: 24px;
}
.notice-tit li.notice-pop em.pop-yes {
    color: #2bb7b3;
}
.notice-tit li.notice-pop em.pop-no {
    color: #ff7563;
}
.notice-cont {
    padding: 22px 15px;
    min-height: 195px;
    border-top: 1px solid #ddd;
}
.notice-cont p {
    font-size: 14px;
    color: #666;
    line-height: 22px;
}
.notice-file li {
    padding: 10px 15px;
    border-top: 1px solid #ddd;
}
.notice-file li strong {
    display: inline-block;
    width: 122px;
    color: #222;
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
}
.file-btn {
    display: inline-block;
    height: 30px;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #666;
    font-size: 13px;
    line-height: 28px;
    background-color: #f5f5f5;
    transition: all 0.3s;
    vertical-align: middle;
}
.file-btn.st2 {
    height: 26px;
    line-height: 24px;
}

/* 상품선택 */
.tbl-search-area .category-desc {
    font-size: 13px;
    color: #666;
    line-height: 1;
}
.red {
    color: #f00 !important;
}
.blue {
    color: #00f !important;
}
.category-area {
    margin-top: 10px;
}
.category-area > ul {
    overflow: hidden;
    margin: 0 -15px;
}
.category-area > ul > li {
    float: left;
    position: relative;
    width: 33.3333%;
    padding: 0 15px;
}
.category-area > ul.type2 > li {
    width: 25%;
}
.category-area > ul > li + li::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 15px;
    background-image: url(../../resource/images/common/ico_category_arrow.png);
}
.category-area dl {
    border: 1px solid #e8eaef;
    border-radius: 10px;
    background-color: #fff;
}
.category-area dl dt {
    height: 37px;
    border-bottom: 1px solid #e8eaef;
    text-align: center;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    line-height: 36px;
}
.category-area dl dd {
    overflow: hidden;
    padding: 6px 0;
}
.category-area .category-list {
    overflow-y: auto;
    height: 187px;
}
.category-area .category-list li {
    transition: all 0.2s;
}
.category-area .category-list li button {
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 20px;
    font-size: 12px;
    line-height: 20px;
    transition: all 0.2s;
    color: #666;
}
.category-area .category-list li button {
    transition: all 0.2s;
}
.category-area .category-list li:hover button,
.category-area .category-list li.active button {
    color: #fff !important;
    background-color: #8ec3c1;
}

/* 통계 */
.tbl-style01.st3 {
    text-align: right;
}
.tbl-style01 tfoot td {
    height: 37px;
    font-size: 13px;
    padding: 5px;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    line-height: 18px;
    background-color: #848484;
    color: #fff;
}

/* 빌링관리 */
tbody tr.selected td {
    background-color: #8ec3c1;
    color: #fff;
}
.sub-tit a.morebtn {
    display: inline-block;
    width: 26px;
    height: 26px;
    text-indent: -9999px;
    background-image: url(../../resource/images/common/plus.png);
}
.sub-tit a.morebtn:hover {
    background-image: url(../../resource/images/common/plus_on.png);
}
.table-wrap {
    max-height: 522px;
    overflow: auto;
    border-top: 2px solid #2bb7b3;
    position: relative;
    border-bottom: 1px solid #d7d7d7;
}
.table-wrap .tbl-style01 {
    width: auto;
    min-width: 100%;
    white-space: nowrap;
    border-top: none;
    border-bottom-style: hidden;
    margin-top: 1px;
}
.table-wrap .tbl-style01 th {
    padding: 5px 8px;
}
.table-wrap .tbl-style01 tbody td {
    padding: 5px 8px;
}
.standard {
    margin-left: 5px;
    width: 14px;
    height: 14px;
    text-indent: -9999px;
    background-image: url(../../resource/images/common/standard.png);
    background-size: 14px auto;
    vertical-align: middle;
}
.input-sch {
    position: relative;
    font-size: 0;
}
.input-sch input[type="text"] {
    width: calc(100% - 19px);
}
.double-ly.hasbtn .lt {
    padding-bottom: 61px;
}
.double-ly.hasbtn .rt {
    padding-bottom: 61px;
}
.double-ly.hasbtn .lt .tbtn-area,
.double-ly.hasbtn .lt .pageing,
.double-ly.hasbtn .rt .tbtn-area,
.double-ly.hasbtn .rt .pageing {
    margin-top: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

/* 상담및운용관리 */
.double-ly.arrow {
    margin-top: 30px;
    display: table;
    position: relative;
}
.double-ly.arrow .lt {
    padding-right: 15px;
    display: table-cell;
}
.double-ly.arrow .rt {
    padding-left: 15px;
    display: table-cell;
}
.tbl-arrow {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.arrow-btn {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #d7d7d7;
    text-indent: -9999px;
}
.arrow-btn + .arrow-btn {
    margin-top: 15px;
}
.arrow-btn.add {
    background: #fff url(../images/common/ico_category_arrow.png) no-repeat center;
    background-size: 7px auto;
}
.arrow-btn.del {
    background: #fff url(../images/common/ico_category_arrow.png) no-repeat center;
    transform: rotate(180deg);
    background-size: 7px auto;
}

.tbl-arrow2 {
    position: absolute;
    left: 66%;
    top: 66%;
    margin-top: -70px;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.arrow-btn2 {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #d7d7d7;
    text-indent: -9999px;
}
.arrow-btn2 + .arrow-btn2 {
    margin-top: 15px;
}
.arrow-btn2.add {
    background: #fff url(../images/common/ico_category_arrow.png) no-repeat center;
    background-size: 7px auto;
}
.arrow-btn2.del {
    background: #fff url(../images/common/ico_category_arrow.png) no-repeat center;
    transform: rotate(180deg);
    background-size: 7px auto;
}

.tbl-search-area li.flex {
    width: 100%;
    margin-bottom: 10px;
}
.tbl-search-area li.flex dl {
    display: flex;
    align-items: center;
}
.tbl-search-area li.flex dl dt {
    line-height: 17px;
}
.tbl-search-area li.flex dl dd {
    width: 100%;
}
.tbl-search-area li.flex .tbl-category-list {
    overflow: hidden;
    position: relative;
}
.tbl-category-list .tbl-category-menu {
    float: left;
    position: relative;
    width: 50%;
}
.tbl-category-list .tbl-category-menu:first-child {
    padding-right: 15px;
}
.tbl-category-list .tbl-category-menu:last-child {
    padding-left: 15px;
}
.tbl-category-menu ul {
    height: 187px;
    overflow-y: auto;
    padding: 6px 0;
    border-radius: 10px;
    border: 1px solid #e8eaef;
    background-color: #fff;
}
.tbl-category-menu ul li button {
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 10px;
    font-size: 12px;
    line-height: 20px;
    transition: all 0.2s;
    color: #666;
}
.tbl-category-menu ul li:hover button,
.tbl-category-menu ul li.active button {
    color: #fff !important;
    background-color: #8ec3c1;
}
.tbl-category-arrow {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
}
.tbl-tit-area ul {
    overflow: hidden;
}
.tbl-tit-area ul li {
    float: left;
    position: relative;
    padding-left: 10px;
    font-size: 14px;
    color: #666;
}
.tbl-tit-area ul li + li {
    margin-left: 13px;
}
.tbl-tit-area ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
}
.tbl-tit-area ul li.i-error::before {
    background-color: #f54b4b;
}
.tbl-tit-area ul li.i-wait::before {
    background-color: #2b6ed1;
}
.tbl-tit-area ul li.i-stop::before {
    background-color: #b67817;
}
.tbl-style01 tbody td.t-error {
    color: #f54b4b;
}
.tbl-style01 tbody td.t-wait {
    color: #2b6ed1;
}
.tbl-style01 tbody td.t-stop {
    color: #b67817;
}
.search-layout {
    margin: 10px -19px -10px;
}
.search-layout .tbl-search-area {
    border-radius: 0;
    border: none;
}

/* 트리메뉴 */
.tree-area {
    max-height: 500px;
    overflow-y: auto;
    border: 1px solid #d7d7d7;
    border-top: 2px solid #2bb7b3;
    padding: 15px 15px 15px 25px;
}
.filetree .folder {
    cursor: pointer;
}

/* 데이트피커 */
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a {
    color: #f00;
}
.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:last-child a {
    color: #00f;
}


/* 데이터테이블 */
.data-tbl-style {
    table-layout: fixed;
    width: 100%;
    border-top: 2px solid #2bb7b3;
    border-right: 1px solid #d7d7d7;
    word-break: break-all;
    border-collapse: collapse;
}
.data-tbl-style .data-tbl-head td {
    height: 37px;
    font-size: 13px;
    color: #222;
    padding: 5px;
    font-weight: bold;
    background-color: #fafbfc;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    text-align: center;
}
.data-tbl-style .data-tbl-body td {
    height: 37px;
    font-size: 13px;
    color: #666;
    padding: 5px;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    line-height: 18px;
}
.data-tbl-style .data-tbl-body:hover {
    background-color:#fafafa;
}
.data-tbl-style .data-tbl-body.select {
    background-color:#8ec3c1;
}
.data-tbl-style .data-tbl-body.select td {
    color:#fff;
}
.data-pageing {
    text-align: center;
    overflow: hidden;
    margin-top: 30px;
    position: relative;
}
.data-pageing > td {
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    padding:10px 0;
}

.data-pageing a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    border-radius: 5px;
    margin: 0 2px;
    color: #2bb7b3;
    box-sizing: border-box;
}

.data-pageing a:hover {
    color: #fff;
    background-color: #2bb7b3;
}

.data-pageing span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    border-radius: 5px;
    margin: 0 2px;
    background-color: #2bb7b3;
    color: #fff;
    font-weight: bold;
}

/* ******************************
2022-06-13 new
****************************** */
.tbl-search-area > ul > li dl dd .chk-style{
    line-height: 34px;
    display: inline-block;
    vertical-align: middle;
}
.double-ly .lt {
    box-sizing:border-box;
}
.double-ly .rt {
    box-sizing:border-box;
}
.menu{
    background-color:transparent;
    border:0;
    color:transparent;
    position:static;
    padding:0;
    overflow:auto;
}
/* 2022-06-21 추가 */
.tabs{
    width:auto;
    height:auto;
}
th.chk-style {
    margin-left: 0;
    position: static;
}
th.chk-style input[type="checkbox"] + label {
    position: relative;
}
th.chk-style input[type="checkbox"] + label::before {
    left: 0px;
}
th.chk-style.type2 input[type="checkbox"] + label::before {
    left: 50%;
    top: auto;
    bottom: -2px;
    transform: translateX(-50%);
}
th.chk-style input[type="checkbox"]:checked + label::after {
    left: 0px;
}
th.chk-style.type2 input[type="checkbox"]:checked + label::after {
    left: 50%;
    top: auto;
    bottom: -2px;
    transform: translateX(-50%);
}
.total{
    line-height:26px;
}
.sub-tit + .tbl-tit-area{
    margin-top:10px;
}
.tbl-tit-area .f_right span {
    display: inline-block;
    margin-right: 2px;
    font-size: 13px;
    color: #666;
    line-height: 26px;
    vertical-align: middle;
}
.tbl-style01 select{
    max-width:100%;
}
/* 2022-06-23 추가 */
.content{
    min-height:auto;
}
.tbl-style01 a, 
.tbl-style03 a{
    transition:all 0s;
}
.tbl-style01 tbody tr.selected td,
.tbl-style03 tbody tr.selected td{
    background-color:#8ec3c1 !important;
}
.tbl-style01 td.num a,
.tbl-style01 td.title a
{
    font-weight:800;
}
.tbl-style01 td.num a:hover,
.tbl-style01 td.title a:hover{
    text-decoration: underline;
}
.down-txt{
    color:#2BB7B3;
}
.down-txt:hover{
    text-decoration: underline;
}
.ui-widget-content .s-btn{
    color:#fff;
}
.upload-tit{
    color:#2BB7B3;
    font-weight:800;
    font-size:24px;
    line-height:40px;
    text-align:center;
    margin:25px 0 20px
}
.sub-tit.ty2 h3{
    height:38px;
    line-height:38px;
}
.sub-tit.ty2 .f_right p{
    line-height:19px;
}
/* error */
.error-body{min-width:900px;background-color:#fff;}
.error-area{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding-left:334px;background:url(../images/common/bg_session01.png) no-repeat left center;box-sizing: border-box;min-height:318px;min-width:828px;}
.error-area h2{font-size:32px;line-height:47px;font-weight:800;color:#000;}
.error-area h2 strong{color:#2BB7B3;font-size:inherit;font-weight:inherit;line-height:inherit}
.error-area p{margin-top:20px;padding-top:34px;font-size:16px;line-height:24px;color:#666;position:relative;font-weight:500;}
.error-area p strong{font-size:inherit;line-height:inherit;color:#000;font-weight:700;}
.error-area p::before{content:"";position:absolute;left:0;top:0;width:30px;height:3px;background-color:#2BB7B3;}
.error-area .btn-wrap{margin-top:50px;font-size:0;}
.error-area .btn-wrap .error-btn{display:inline-block;width:200px;line-height:46px;border:1px solid #2BB7B3;background-color:#fff;color:#2BB7B3;font-size:16px;font-weight:800;border-radius:5px;text-align:center;}
.error-area .btn-wrap .error-btn.type2{color:#fff;background-color:#2BB7B3;border-color:transparent}
.error-area .btn-wrap .error-btn + .error-btn{margin-left:5px;}
.error-area .btn-wrap .error-btn:hover{background-color:rgba(43, 183, 179, 0.1)}
.error-area .btn-wrap .error-btn.type2:hover{background-color:#248f91}

/* 2022-06-29 추가 */
.tabs li{
    margin:0;
}
.tbl-desc-list{
    margin-top:10px;
}
.tbl-desc-list li{
    float:none;
    display:block;
    font-size:13px;
    line-height:20px;
}
.s-btn.type2.disabled:hover, .s-btn.type2:disabled:hover{
    color: #aae2e1 !important;
    background-color: #fff !important;
}
.s-btn.type2.disabled, .s-btn.type2:disabled{
    color: #aae2e1 !important;
    border-color: #bee0df;
    cursor: default;
    background-color: #fff !important;
}
.s-btn.type3.disabled:hover, .s-btn.type3:disabled:hover{
    color: #aae2e1 !important;
    background-color: #fff !important;
}
.s-btn.type3.disabled, .s-btn.type3:disabled{
    color: #aae2e1 !important;
    border-color: #bee0df !important;
    cursor: default;
    background-color: #fff !important;
}
.popCont.ty2{
    padding:30px 30px 36px;
}
.certi-list{
    margin-top:30px;
}
.certi-list::after{
    content:"";
    display:block;
    clear:both;
}
.certi-list li{
    width:230px;
    position:relative;
    float:left;
    background-color:#f5f5f5;
    border-radius:10px;
    padding:10px 10px 24px;
}
.certi-list li + li{
    margin-left:20px;
}
.certi-list li + li::before{
    content:"";
    position:absolute;
    left:-20px;
    top:50%;
    transform:translatey(-50%);
    width:20px;
    height:20px;
    background-image:url(../images/common/ico_certi_arrow.png);
}
.certi-list .certi-num{
    position:absolute;
    left:5px;
    top:5px;
    border-radius:50%;
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    background-color:#2BB7B3;
    color:#fff;
    font-size:13px;
    font-weight:500;
}
.certi-list .certi-desc{
    margin-top:18px;
    font-size:13px;
    line-height:19px;
    font-weight:500;
    color:#222;
    text-align:center;
}
.certi-list .certi-desc a{
    color:#777;
    font-weight:400;
}
.certi-list .certi-desc a:hover{
    text-decoration:underline;
}
.certi-list .certi-desc strong{
    font-weight:800;
    color:#FF7563;
}
.certi-list .certi-desc em{
    color:#FF7563;
}
.sys-error-area{
    padding-top:44px;
    background:url(../images/common/ico_error.png) no-repeat top 4px center;
}
.sys-error-desc{
    padding-top:20px;
    text-align:center;
    font-size:18px;
    line-height:24px;
    color:#222;
    font-weight:700;
}
.sys-error-detail{
    margin-top:15px;
    font-size:14px;
    line-height:20px;
    color:#444;
}
/* 2022-07-01 추가 */
.desc{
    font-size:14px;
    line-height:20px;
    color:#047e7b;
    margin-top:10px 
}
/* 2022-07-05 추가 */
.category-area.ty2{
    margin-top:20px;
    position:relative;
}
.category-menu.ty2{
    width:85%;
    padding-right:0;
}
.category-area.ty2 .btn-arrow{
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
}
.arrow-btn:hover{
    border: 1px solid #2bb7b3;
    transition:all 0s;
}
.arrow-btn.up{
    background:url(../images/common/ico_category_arrow2.png) no-repeat center; 
    transform:rotate(-90deg);
    width:26px;
    height:26px;
}
.arrow-btn.down{
    background:url(../images/common/ico_category_arrow2.png) no-repeat center;
    transform:rotate(90deg);
    width:26px;
    height:26px;
}
.msg3{
    color:#999;
    margin-left:5px;
}
.pop-head-ipt{
    float:left;
    margin-left:5px;
}
.pop-head-ipt em{
    font-size: 16px;
    color: #fff;
    font-weight:800;
    line-height:50px;
}
.pop-head-ipt input{
    margin-left:5px;
}
.tbl-style01 .tdesc2{
    color : #ff7563;
}
.tbl-style01.in3 {
    border: none;
}
.tbl-style01.in3 thead th:first-child {
    border-left: none;
}
.tbl-style01.in3 tbody th:first-child {
    border-left: none;
}
.tbl-style01.in3 thead th {
    text-align: center;
}
.tbl-style01.in3 tbody th {
    border-bottom: none;
}
.tbl-style01.in3 tbody td {
    border-bottom: none;
}
/* 2022-07-11 추가 */
.ipt-sch{
    width:calc(100% - 42px)
}
.tbl-search-area.type2.st2 > ul > li dl dt{
    min-width:98px;
}
.f_right .req2{
    text-decoration: none;
}
.double-ly.arrow2{
    margin-top:20px;
    position:relative;
}
.double-ly.arrow2 .lt{
    padding-right:30px;
}
.double-ly.arrow2 .rt{
    padding-left:30px;
}
.tbl-btn{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.tbl-btn .tbtn{
    display:block;
}
.tbl-btn .tbtn + .tbtn{
    margin:10px 0 0 0;
}
.tbl-search-area .search-desc a {
    font-size: 13px;
    color: #ff7563;
    line-height: 34px;
}
.tbl-search-area .search-desc a:hover{
    text-decoration: underline;
}
.t-stop > a:hover, .t-error > a:hover, .t-wait > a:hover{
    text-decoration: underline;
}
.text-area-wrap{
    margin-top:20px;
}
.desc-list2{    
    margin-top:5px;
}
.desc-list2 li{
    font-size:16px;
    line-height:24px;
    color:#222;
}
.flag-tit{
    margin-top:20px;
    font-size:18px;
    line-height:26px;
    color:#ff7563;
    font-weight:700;
}
.tbl-search-area > ul > li dl dt.sel{
    line-height:1;
}
/* 2022-07-15 추가 */
.pdesc.ty2{
    text-align:center;
    font-size:16px;
    margin-top:30px;
    color:#047e7b
}
.rdo-list{
    margin-top:20px;
}
.rdo-list li + li{
    margin-top:10px;
}
.rdo-list li .rdo{
    font-size:14px;
    line-height:20px;
}
.tbl-arrow{
    overflow:hidden;
}
.component-img{
    border-radius:10px;
    background-color:#fafbfc;
    text-align:center;
    padding:32px 0;
}

/* 2022-08-29 추가 */
.pop-head-ipt span{
    margin-left:5px;
    color:#fff;
    font-size:16px;
}
.detail-btn{
    display: inline-block;
    width:18px;
    height:18px;
    background-image:url(../images/common/ico_detail_btn.png);
    text-indent: -9999px;
}
.tree-btn{
    display: inline-block;
    width:18px;
    height:18px;
    background-image:url(../images/common/ico_expand.png);
    text-indent:-9999px;
}
.tree-btn.ty2{
    background-image:url(../images/common/ico_collapse.png);
}
.treeline{
    display:inline-block;
    width:18px;
    height:18px;
    background-image:url(../images/common/ico_treeline.png);
    text-indent:-9999px;
}
.tbl-style01.in3 tbody th {
    border-bottom: 1px solid #d7d7d7;
}

/* 2022-09-01 추가 */
.rdo-style input[type="radio"].disabled + .rdo::before{
    background-image:url(../images/common/rdo_disabled.png);
}

.rdo-style input[type="radio"]:checked.disabled + .rdo::after{
    background-image:url(../images/common/rdo_chk_disabled.png);
}


/* 2022-09-02 추가 */
.chk-style input[type="checkbox"].disabled + label{
    text-decoration: none;
    color:#666;
    cursor: pointer;
}
.chk-style input[type="checkbox"].disabled + label::before {
    background-image:url(../images/common/chk_disabled.png);
}
.chk-style input[type="checkbox"]:checked.disabled + label::after{
    background-image:url(../images/common/chk_chk_disabled.png);
}

/* 2022-09-07 추가 */
.tbl-style01 tbody tr.chk-selected th{
    background-color: #fff7ec !important;
}

.tbl-style01 tbody tr.chk-selected td{
    background-color: #fff7ec !important;
}