.frn-join {
    padding: 60px 0 0;
}

.row {
    margin-bottom: 0;
}

.content {
    margin-bottom: 80px;
}

/* Font */
@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('../../fonts/GmarketSansLight.woff') format('woff');
}

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

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



/* 로그인 */
.container.frn-login {
    margin: 0 auto;
    padding: 60px 0 100px;
    width: 600px;
}

.container.frn-login .login-top {
    text-align: center;
}

.container.frn-login .login-top h2 {
    margin-bottom: 120px;
    font-size: 40px;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #1784d8;
    text-underline-position: under;
}

.fnd-id .input-area .input-field,
.fnd-pw .input-area .input-field {
    padding-bottom: 20px;
}

.container.frn-login .input-area .input-field {
    padding-bottom: 15px;
}

.container.frn-login .input-area .input-field input {
    width: 100%;
    height: 63px;
}

.container.frn-login .chk-area {
    /* display: flex; */
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 3%;
}

.container.frn-login .chk-area label {
    font-size: unset;
}

.container.frn-login .chk-area label::after,
/* .container.frn-login .chk-area a::after */ {
    content: "ㅣ";
    color: #e2e2e2;
    font-size: 16px;
    padding: 0 16px;
}

.container.frn-login .chk-area a:last-child::after {
    content: none;
}

.container.frn-login span,
.container.frn-login .join-btn {
    font-size: 16px;
}

.container.frn-login .button-area,
.container.frn-join .button-area {
    padding: 5% 0 15px 0;
}

.container.frn-login .login-info {
    padding: 10px;
    text-align: center;
    border: 1px solid #eee;
}

.container.ncfrnp-login .login-info span {
    color: #9e9e9e;
    font-size: 14px;
}


/* Join01 */
.join {
    margin: 0 auto;
    width: 800px;
}

.join .join-tit {
    padding-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
    border-bottom: 1px solid #eee;
}

.join h3 {
    font-size: 26px;
    margin: 0;
}

.join .join-breadscrumbs {
    display: inline-block;
    font-size: 16px;
    display: block;
    justify-items: flex-end;
    flex-grow: 1;
}

.join .join-breadscrumbs ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    margin: 0;
}

.join .join-breadscrumbs ul li {
    color: #c4c4c4;
}


.join .join-breadscrumbs ul li.active {
    color: #1784d8;
    font-weight: bold;
}

.join .join-top .join-select {
    margin: 20px 0;
    display: flex;
    justify-content: space-between;
}

.join .join-top .join-select div {
    padding: 13px 20px;
    background: #f5f5f5;
    width: 50%;
    margin-right: 20px;
}

.join .join-top .join-select div:last-child {
    margin-right: 0;
}

.join .join-top .join-select div label span {
    font-size: 14px;
}

.join .join-top p {
    font-size: 14px;
    color: #666;
}

.row.join-clause {
    padding-bottom: 0;
}

.small-title {
    font-size: 18px;
    font-weight: bold;
}

.small-title span {
    font-size: 14px;
    color: #1784d8;
    font-weight: 500;
}

.clause-content {
    margin: 10px 0;
    padding: 16px;
    width: 100%;
    height: 216px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
}

.clause-content p {
    margin: 0;
    font-size: 14px;
}

.join-clause-item {
    margin-top: 21px;
}

.join .button-area a {
    width: 100%;
    height: 45px;
    line-height: 45px;
}


/* Join02 */
.join .join-body {
    margin-bottom: 16px;
}

.join .join-body .second-tit {
    padding-top: 20px;
}

.join .join-body .second-tit h4 {
    padding-left: 0;
    font-size: 18px;
}

.join .join-body .second-tit h4 span {
    margin-left: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #1784D8;
}

.join .join-body .detail-tbl-row {
    border-bottom: none;
}

.join .join-body .detail-tbl-row .w-back {
    padding-left: 0;
    background: transparent;
}

.sub-con-body .row .detail-tbl-row .w-back {
    background: transparent;
}

.join .join-body .detail-tbl-row .detail-tbl-col {
    padding-right: 0;
}

.join .join-body .detail-tbl-row .tit {
    width: 130px;
}

.join .join-body .detail-tbl-row .tit span {
    color: #1784D8;
}

.join .join-body .detail-tbl-row .con input,
.join .join-body .detail-tbl-row .con2 input {
    background: transparent;
}

.join .join-body .detail-tbl-row .con .small-txt,
.join .join-body .detail-tbl-row .con2 .small-txt {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #666;
}


.join .join-body .detail-tbl-row .tit,
.join .join-body .detail-tbl-row .con {
    padding-top: 0;
}

.join .join-body .detail-tbl-row .con .filebox.sty2 label,
.join .join-body .detail-tbl-row .con2 .filebox.sty2 label {
    background: transparent;
    font-size: 14px;
}

.detail-tbl-col .input-field .small-txt {
    font-size: 14px;
    color: #333;
}

.second-tit h4 {
    padding: 0 20px 20px;
    line-height: 24px;
    color: #333;
    font-size: 21px;
    font-weight: 600;
    margin: 0;
}

.detail-tbl-row .detail-tbl-col.con-over,
.detail-tbl-row .con-over {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.detail-tbl-row .con-over.chk {
    align-items: flex-start;
}

.detail-tbl-row .detail-tbl-col.con-over > .input-field,
.detail-tbl-row .con-over > .input-field {
    width: auto;
    flex-grow: 1;
}

.detail-tbl-row .detail-tbl-col.con-three {
    display: flex;
}

.detail-tbl-row .detail-tbl-col.con-three .select {
    flex: 1;
}

.join-body .detail-tbl-wrap,
.sub-con-body .detail-tbl-wrap.line-none {
    border: none;
}

.join-body .chk-field input {
    border: none;
    border-bottom: 1px solid #bbb;
}


/* 이용약관 */
.clause {
    margin: 0 auto;
    padding: 60px 0 100px;
}

.container.clause .clause-top {
    text-align: center;
}

.container.clause .clause-top h3 {
    margin-bottom: 60px;
    font-size: 26px;
    font-weight: bold;
}

.select-btn.clause-select {
    margin-bottom: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.select-btn.clause-select a input[type="radio"] {
    display: none;
}

.select-btn.clause-select a input[type="radio"] + label {
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    color: #c4c4c4;
    width: 100%;
    padding: 10px 10px 5px 10px;
    border: none;
}

.select-btn.clause-select a input[type="radio"]:checked + label {
    background: transparent;
    color: #1784D8;
    font-weight: bold;
    border-bottom: 2px solid #1784D8;
}

.clause .clause-con {
    padding: 16px 20px;
    height: 560px;
    border: 1px solid #eee;
}



/* 비밀번호/아이디 찾기 */
.frn-login {
    margin: 0 auto;
    padding: 60px 0 100px;
    width: 640px;
}

.frn-login .tabs.row {
    margin-bottom: 35px;
    width: auto;
}

.frn-login .tabs.row li {
    text-align: center;
}

.frn-login .tabs.row a {
    color: #999;
    padding: 0;
    background-color: #eee;
    border-bottom: 1px solid #eee;
    line-height: 48px;
}

.frn-login .tabs.row a.active {
    background-color: #fff;
    color: #333;
    font-weight: bold;
}

.frn-login .tabs .indicator {
    display: none;
}

.frn-login .fnd-body .fnd-id .input-area .input-field span.small-txt {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #666;
}

.frn-login .fnd-body .fnd-pw .input-area .input-field span.small-txt {
    display: block;
    margin: 5px 0;
    font-size: 12px;
    color: #666;
}

.frn-login .fnd-body .fnd-pw .con-over.chk {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex-wrap: wrap;
}

.frn-login .fnd-body .fnd-pw .con-over .input-field {
    width: auto;
    flex-grow: 1;
}

.frn-login .fnd-body .row.button-area {
    padding-bottom: 0;
}

.frn-login .fnd-body .chk-field input {
    border: none;
    border-bottom: 1px solid #bbb;
}

.frn-login .fnd-body .fnd-bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.frn-login .fnd-body .fnd-bottom a {
    padding: 20px 100px;
    text-align: center;
    width: 100%;
}

.frn-login .fnd-body .fnd-bottom.frn-bottomBtn a {
    padding: 20px;
}


.fnd .fnd-body .fnd-bottom span {
    padding: 0 10px;
    color: #eee;
}



/* 구매내역 */
.search-filter-wrapper {
    margin-top: 20px;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
}

.search-filter-wrapper .search-filter-item {
    padding: 16px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid #e2e2e2;
    flex-wrap: wrap;
}

.search-filter-wrapper .search-filter-item input.solo-input {
    width: auto;
    flex-grow: 1;
}

.search-filter-wrapper .search-filter-item.scn-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    border-bottom: none;
}
.search-filter-wrapper .search-filter-item.scn-item .select {
    width: auto;
}

.search-filter-wrapper .search-filter-item.scn-item .r-src {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    flex-grow: 1;
}
.search-filter-wrapper .search-filter-item .radio-btn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.search-filter-wrapper .search-filter-item a.btn {
    width: 130px;
}

.search-filter-wrapper .search-filter-item select {
    flex-basis: 50%;

}

.search-filter-wrapper .search-filter-item .search-filter-item-field {
    display: flex;
    gap: 16px;
    width: auto;
    flex-grow: 0;
}

.search-filter-wrapper .search-filter-item .con-over input {
    flex-basis: 50%;
}

.sub-con-body .row {
    padding-bottom: 0;
}

.sub-con-body p.con-none {
    padding: 20px;
    text-align: center;
    font-size: 14px;
    color: #999;
}

.sub-con-body.t-line {
    margin-top: 20px;
    border-top: 1px solid #c4c4c4;
}

.sub-con-body.cpm-con {
    border-bottom: 1px solid #e0e0e0;
}

.sub-con-body.cpm-con .cpm-con-item {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    margin-bottom: 20px;
}

.sub-con-body.cpm-con .cpm-con-item:last-child {
    margin-bottom: 0;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    background: #f5f5f5;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-head > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-head > div span {
    font-size: 14px;
    color: #666;
    display: block;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-head > div span::before {
    content: '│';
    font-size: 14px;
    color: #e2e2e2;
    padding-right: 10px;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-head > div span:first-child::before {
    content: none;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-head .order-dtl-btn {
    font-size: 14px;
    color: #1784d8;
    flex-shrink: 0;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 35px;
    padding: 20px;
    flex-grow: 1;
    width: calc(100% - 170px);
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-img {
    width: 150px;
    height: 150px;
    flex-shrink: 0;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
    flex-grow: 1;
    width: calc(100% - 186px);
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-txt > .l-txt-top {
    width: 100%;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-txt > .l-txt-top span {
    font-size: 16px;
    color: #666;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-txt > .l-txt-top > div span::after,
.rvw-item-body .left-item .l-txt .l-txt-top > div span::after {
    content: "ㅣ";
    color: #e2e2e2;
    font-size: 16px;
    padding: 0 5px;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-txt > .l-txt-top > div span:last-child::after,
.rvw-item-body .left-item .l-txt .l-txt-top > div span:last-child::after {
    content: '';
    font-size: 0;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-txt > .l-txt-top p {
    margin: 0;
    padding: 10px 0;
    font-size: 21px;
    color: #333;
    font-weight: 700;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-txt .l-txt-bottom {
    font-size: 18px;
    color: #333;
    font-weight: 700;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .left-item .l-txt .l-txt-bottom .price {
    font-size: 21px;
    color: #333;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .right-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
    align-items: center;
    gap: 30px;
    border-left: 1px solid #e2e2e2;
    padding: 20px;
    width: 170px;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .right-item p {
    margin: 0;
    font-size: 21px;
    font-weight: 700;
    color: #333;
    flex-shrink: 0;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .right-item .r-bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .right-item .r-bottom a {
    width: 130px;
}

/* 20221005 비활성화 버튼 추가 */
.disable-btn {
    color: #b3b3b3;
    pointer-events: none;
    cursor: default;
    word-break: keep-all;
}



/* 주문상세내역 */
.bb-none {
    border-bottom: none!important;
}

.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .l-txt .l-txt-top span {
    font-size: 16px;
}

.sub-con-body.cpm-con .second-tit h4 {
    padding: 30px 0 16px 10px;
}

.sub-con-body.cpm-con .detail-tbl-wrap .detail-tbl-con {
    padding: 16px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
}

.sub-con-body.cpm-con .detail-tbl-wrap .detail-tbl-con:last-child {
    border-bottom: none;
}

.sub-con-body.cpm-con .detail-tbl-wrap .detail-tbl-con .detail-tbl-txt {
    font-size: 14px;
}


/* 20221005 주문상세내역 - 판매취소 */
.sub-con-body.cpm-con .detail-tbl-wrap .detail-tbl-row .detail-tbl-col .cnc-con,
.sub-con-body.cpm-con .detail-tbl-wrap .detail-tbl-row .detail-tbl-col .cnc-con-txt {
    font-size: 14px;
}

.sub-con-body.cpm-con .detail-tbl-wrap .detail-tbl-row .detail-tbl-col .cnc-con-txt {
    margin-top: 20px;
    padding: 10px;
    color: #666;
    border: 1px solid #eee;
}

.sub-con-body.cpm-con .detail-tbl-wrap .detail-tbl-row .detail-tbl-col .cnc-con-txt.bg-dark {
    background-color: #eee;
    border: none;
}




/* 환불관리 */
.head-tit {
    padding: 20px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
    width: 100%;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
}

.head-tit .head-img {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
}

.head-tit .head-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.head-tit span {
    font-size: 18px;
    font-weight: 700;
}

.detail-tbl-row .con .small-txt {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #666;
}

.detail-tbl-row .con .small-txt.pl {
    display: block;
    margin-left: 12px;
}

.sub-con-body .rfn-info {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #e2e2e2;
}

.sub-con-body .rfn-info p {
    margin: 0;
    font-size: 21px;
    font-weight: 700;
}

.sub-con-body .rfn-info .rfn-info-con {
    padding-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.sub-con-body .rfn-info .rfn-info-con span {
    font-size: 18px;
}

.sub-con-body .rfn-info .rfn-info-con span.price {
    font-size: 21px;
    font-weight: 700;
}

.sub-con-body .button-area {
    padding: 20px 0;
}



/* 리뷰관리 */
.sub-con-body.rvw-con {
    padding-top: 20px;
}

.sub-con-body.rvw-con .tabs ul {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sub-con-body.rvw-con .tabs ul li {
    text-align: center;
    width: 100%;
}

.sub-con-body.rvw-con .tabs ul li a {
    color: #999;
    padding: 0;
    background-color: #eee;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    line-height: 48px;
}

.sub-con-body.rvw-con .tabs ul li a.active {
    background-color: #fff;
    color: #333;
    font-weight: bold;
}

.sub-con-body.rvw-con .tabs .indicator {
    display: none;
}

.sub-con-body.rvw-con .rvw-con-item.rvw-none {
    padding: 20px 0;
}

.sub-con-body.rvw-con .rvw-con-item:first {
    padding-top: 0;
}

.sub-con-body.rvw-con .rvw-con-item:last-child {
    border-bottom: 1px solid #c4c4c4;
}

.sub-con-body.rvw-con .rvw-con-item.rvw-none {
    padding: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
}

.sub-con-body.rvw-con .rvw-con-item .rvw-item-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
}

.sub-con-body.rvw-con .rvw-con-item .rvw-item-body .left-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 35px;
    padding: 20px 0 20px 20px;
    flex-grow: 1;
    width: calc(100% - 190px);
}

.sub-con-body.rvw-con .rvw-con-item .rvw-item-body .left-item .l-img {
    width: 150px;
    height: 150px;
    flex-shrink: 0;
}

.sub-con-body.rvw-con .rvw-con-item .rvw-item-body .left-item .l-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sub-con-body.rvw-con .rvw-con-item .rvw-item-body .left-item .l-txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
    width: calc(100% - 185px);
    flex-grow: 1;
}

.sub-con-body.rvw-con .rvw-con-item .rvw-item-body .left-item .l-txt > .l-txt-top {
    width: 100%;
}

.sub-con-body.rvw-con .rvw-con-item .rvw-item-body .left-item .l-txt > .l-txt-top span {
    font-size: 16px;
    color: #666;
}

.sub-con-body.rvw-con .rvw-con-item .rvw-item-body .left-item .l-txt > .l-txt-top p {
    margin: 0;
    padding: 10px 0;
    font-size: 21px;
    color: #333;
    font-weight: 700;
}

.sub-con-body.rvw-con .rvw-con-item .rvw-item-body .left-item .l-txt .l-txt-bottom .date {
    font-size: 14px;
    color: #9e9e9e;
}

.sub-con-body.rvw-con .rvw-con-item .rvw-item-body .right-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 20px;
    margin: 0 auto;
    width: 170px;
    flex-shrink: 0;
}

.sub-con-body.rvw-con .rvw-con-item .rvw-item-body .right-item .r-bottom a {
    width: 130px;
}

.sub-con-body.rvw-con .row.page {
    width: 100%;
    text-align: center;
}

.sub-con-body.rvw-con .rvw-con-item .head-tit {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-top: none;
    border-bottom: none;
    gap: 16px;
}

.sub-con-body.rvw-con .rvw-con-item .head-tit .r-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
    width: 100%;
}

.sub-con-body.rvw-con .rvw-con-item .head-tit .r-head .head-txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    flex-grow: 1;
    width: 100%;
}

.sub-con-body.rvw-con .rvw-con-item .head-tit .r-head .head-txt span {
    font-size: 18px;
    font-weight: 700;
}

.sub-con-body.rvw-con .rvw-con-item .head-tit .r-head .head-txt .rtg {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 5px;
}

.sub-con-body.rvw-con .rvw-con-item .head-tit .r-head .head-txt .rtg ul {
    margin: 0;
    display: flex;
}


.sub-con-body.rvw-con .rvw-con-item .head-tit .r-head .head-txt .rtg .rtg-info span {
    font-size: 14px;
    font-weight: normal;
}

.sub-con-body.rvw-con .rvw-con-item .head-tit .r-head .head-txt .rtg .rtg-info span.date {
    margin-left: 5px;
    color: #9e9e9e;
}

.sub-con-body.rvw-con .rvw-con-item .head-tit .head-btn {
    flex-shrink: 0;
}

.sub-con-body.rvw-con .rvw-con-item .head-tit .head-btn a {
    font-size: 14px;
}

.sub-con-body.rvw-con .rvw-con-item .head-tit .head-btn .fix-btn::after {
    content: "ㅣ";
    color: #e2e2e2;
    font-size: 14px;
    padding: 0 10px;
}

.sub-con-body.rvw-con .rvw-con-item .rvw-body {
    padding: 16px 0;
    border-top: 1px solid #eee;
}

.sub-con-body.rvw-con .rvw-con-item .rvw-body span {
    font-size: 14px;
    color: #333;
}


/* 리뷰작성 */
.sub-con-body.rvw-con .rvw-con-item .head-tit.rvw-write {
    justify-content: flex-start;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
}

.sub-con-body.rvw-con .rvw-con-item .head-tit .head-txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.sub-con-body.rvw-con .rvw-con-item .head-tit .head-txt span {
    font-size: 18px;
    font-weight: 700;
}

.sub-con-body.rvw-con .rvw-con-item .head-tit .head-txt .rtg {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 5px;
}

.sub-con-body.rvw-con .rvw-con-item .head-tit .head-txt .rtg ul {
    margin: 0;
    display: flex;
}

.sub-con-body.rvw-con .rvw-con-item .head-tit .head-txt .rtg .rtg-info span {
    font-size: 14px;
    font-weight: normal;
}

.sub-con-body.rvw-con .rvw-con-item .head-tit .head-txt .rtg .rtg-info span.date {
    margin-left: 5px;
    color: #9e9e9e;
}



/* 관심상품 */
.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .right-item .item-md {
    margin: auto;
}



/* 맞춤형상품 */
.sub-con-body.cpm-con .cpm-con-item .cpm-con-item-body .right-item > div span {
    display: block;
    font-size: 14px;
    color: #333;
    padding-top: 10px;
}


/* 내정보 정보수정 */
.sub-con-body .user-fix-top-txt {
    padding: 20px 0;
    font-size: 14px;
    border-top: 1px solid #c4c4c4;
    text-align: right;
}

.sub-con-body .user-fix-top-txt span {
    color: #1784D8;
}

.sub-con-body .user-fix .detail-tbl-row {
    border-bottom: none;
}

.sub-con-body .user-fix .detail-tbl-row .tit {
    width: 130px;
    padding-left: 0;
    padding-top: 0;
}

.sub-con-body .user-fix .detail-tbl-row .tit span {
    color: #1784D8;
}

.sub-con-body .user-fix .detail-tbl-col.con {
    padding-top: 0;
    padding-right: 0;
}

.sub-con-body .cmp-tit h4 {
    padding-left: 0;
}

.sub-con-body .cmp-tit h4 span {
    margin-left: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #1784D8;
}

.button-area {
    padding: 20px 0;
}

/* 20221006-회원탈퇴 버튼 추가 */
.frn-con-header-area {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.frn-con-header-area .frn-con-header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.frn-con-header-area .frn-drawal {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.frn-con-header-area .frn-drawal span {
    color: #666;
    font-size: 12px;
}

.frn-con-header-area .frn-drawal a.frn-drawal-btn {
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    background: #bbb;
}


/* 내가 작성한 글 */
.sub-con-body .table-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    border-top: 1px solid #c4c4c4;
}

.sub-con-body .table-top .user-fix-top-txt {
    border-top: 0;
}

.sub-con-body .row.table-body {
    padding-bottom: 0;
}

.sub-con-body .row.table-body table tbody tr td.con-none {
    padding: 40px;
    text-align: center;
    color: #999;
    font-size: 14px;
}



/* 채팅 */
.sub-con-body .chat-area {
    display: flex;
    border: 1px solid #c4c4c4;
}

.sub-con-body .chat-area .chat-left {
    width: 30%;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 0;
    height: 100%;
    max-height: 650px;
    min-height: 650px;
    overflow-y: auto;
}

.sub-con-body .chat-area .chat-left .search-area {
    position: relative;
    padding: 0 10px;
    flex-grow: 1;
}

.sub-con-body .chat-area .chat-left .search-area input {
    border: none;
}

.sub-con-body .chat-area .chat-left .search-area .search-img {
    position: absolute;
    right: 10px;
    top: 25%;
}

.sub-con-body .chat-area .chat-left .chat-user ul {
    margin-top: 0;
}

.sub-con-body .chat-area .chat-left .chat-user ul li {
    padding: 16px 20px;
    border-top: 1px solid #c4c4c4;
}

.sub-con-body .chat-area .chat-left .chat-user ul li:first-child {
    border-top: none;
}

.sub-con-body .chat-area .chat-left .chat-user ul li:last-child {
    border-bottom: 1px solid #c4c4c4;
}

.sub-con-body .chat-area .chat-left .chat-user ul li a {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.sub-con-body .chat-area .chat-left .chat-user ul li .ssum-photo img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #e2e2e2;
    object-fit: cover;
}

.sub-con-body .chat-area .chat-left .chat-user ul li.chat-active .ssum-photo img {
    border: none;
}

.sub-con-body .chat-area .chat-left .chat-user ul li .ncp-name {
    font-size: 16px;
    color: #333;
    font-weight: 700;
}

.sub-con-body .chat-area .chat-left .chat-user ul li .date {
    font-size: 14px;
    color: #999;
}

.sub-con-body .chat-area .chat-left .chat-user ul li p {
    margin-bottom: 0;
    font-size: 14px;
}

.sub-con-body .chat-area .chat-right .chat-top .rfr {
    width: 34px;
    height: 34px;
    text-align: center;
    background: #eee;
    border-radius: 50%;
}

.sub-con-body .chat-area .chat-right .chat-top .rfr img {
    width: 34px;
    height: 34px;
}

.sub-con-body .chat-area .chat-right {
    width: 80%;
    height: 100%;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 1px;
}

.sub-con-body .chat-area .chat-right .chat-top {
    padding: 20px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 20px;
    border-bottom: 1px solid #c4c4c4;
}

.sub-con-body .chat-area .chat-right ul {
    margin: 0;
}

.sub-con-body .chat-area .chat-right ul li {
    width: 100%;
    max-width: 700px;
    margin: 10px 0;
}

.sub-con-body .chat-area .chat-right ul li.chat-you {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .ssum-photo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #e2e2e2;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .ssum-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .ncp-name {
    font-weight: 700;
    display: block;
    line-height: 32px;
}

.sub-con-body .chat-area .chat-right ul li.chat-my > span {
    text-align: right;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-r-txt,
.sub-con-body .chat-area .chat-right ul li.chat-my .chat-r-txt {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt {
    width: 100%;
    margin: 10px 0 0 0;
    background: #1784D8;
    padding: 16px;
    border-radius: 0px 15px 15px 15px;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt b {
    font-size: 16px;
    color: #fff;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt p {
    font-size: 14px;
    color: #fff;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt span {
    display: block;
    font-size: 14px;
    color: #fff;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .ctg-txt::before {
    content: "-";
    padding-right: 5px;
    font-size: 14px;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt span.price {
    display: inline-block;
    font-weight: bold;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-r-txt .date {
    display: block;
    margin-left: 10px;
    font-size: 12px;
    color: #999;
}

.sub-con-body .chat-area .chat-right ul li.chat-my {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: end;
}

.sub-con-body .chat-area .chat-right ul li.chat-my .chat-r-txt {
    padding: 16px;
    max-width: 600px;
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 15px 15px 0 15px;
}

.sub-con-body .chat-area .chat-right ul li.chat-my .chat-r-txt p {
    margin: 0;
    font-size: 14px;
}

.sub-con-body .chat-area .chat-right ul li.chat-my .date {
    display: block;
    margin-right: 10px;
    font-size: 12px;
    text-align: right;
    color: #999;
}

.sub-con-body .chat-area .chat-right .chat-bottom {
    padding: 16px 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sub-con-body .chat-area .chat-right .chat-bottom .filebox label {
    background: transparent;
    padding: 0;
    line-height: 0;
    width: 40px;
    height: 40px;
}

.sub-con-body .chat-area .chat-right .chat-bottom .filebox label img {
    margin: 0;
}

.sub-con-body .chat-area .chat-right .chat-bottom .input-field a {
    width: 120px;
}

.sub-con-body .chat-area .chat-right .chat-bottom .input-field {
    display: flex;
    align-items: center;
    width: auto;
    gap: 16px;
    flex-grow: 1;
}


/* 데이터 오픈마켓 */
/*상품 상세 검색*/
.sub-con-body .data-filter .data-filter-head {
    padding: 10px 16px;
    background: #1784D8;
    border-radius: 10px 10px 0 0;
}

.sub-con-body .data-filter .data-filter-head p {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.sub-con-body .data-filter .data-filter-body .detail-tbl-row .detail-tbl-col .datepicker_wrap {
    justify-content: flex-start;
}

.sub-con-body .data-filter .data-filter-body .detail-tbl-row .detail-tbl-col .datepicker_wrap > div {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sub-con-body .data-filter .data-filter-body .detail-tbl-row .detail-tbl-col .rst-btn {
    font-size: 14px;
    color: #999;
    line-height: 40px;
}

.sub-con-body .data-filter .data-filter-body .detail-tbl-row .detail-tbl-col .rst-btn img {
    vertical-align: middle;
    padding-bottom: 5px;
}

.sub-con-body .data-filter .data-filter-body .detail-tbl-row .detail-tbl-col .form_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.sub-con-body .data-filter .data-filter-body .detail-tbl-row .detail-tbl-col .form_wrap > .search-area {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    flex-grow: 1;
}

.sub-con-body .data-filter .data-filter-body .detail-tbl-row .detail-tbl-col .form_wrap .user-blueline-btn {
    width: 120px;
    flex-shrink: 0;
}

.sub-con-body .data-filter .data-filter-body.active .detail-tbl-wrap {
    display: none;
}

.sub-con-body .data-filter-btn {
    text-align: center;
    border-top: 1px solid #1784d8;
}

.sub-con-body .data-filter-btn.active a img {
    transform: rotate(180deg);
}

.sub-con-body .data-filter-btn a.src-btn {
    margin: 0 auto;
    width: fit-content;
    display: block;
    margin-top: -1px;
    padding: 6px 16px;
    border: 1px solid #1784D8;
}

.sub-con-body .data-filter-btn a img {
    transition: ease all .3s;
}

.sub-con-body .data-filter-btn a img.active {
    transition: rotate(180deg);
}

.sub-con-body .datepicker_wrap > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}


/* 데이터상품 영역 */
.sub-con-body .data-con .data-con-head,
.sub-con-body .datareport .data-con-head {
    margin: 10px 0 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.sub-con-body .data-con .data-con-head .data-src-info,
.sub-con-body .datareport .data-con-head .data-src-info {
    font-size: 14px;
    color: #666;
}

.sub-con-body .data-con .data-con-head .data-src-info span,
.sub-con-body .datareport .data-con-head .data-src-info span {
    color: #1784D8;
    font-weight: 700;
}

.sub-con-body .data-con .data-con-body .con-section {
    margin-top: 20px;
}

.sub-con-body .data-con .data-con-body .con-section:first-child {
    margin-top: 0;
}

.sub-con-body .data-con .data-con-body .con-section .slideItemBox.dataSlideItem {
    margin-top: 16px;
}

.sub-con-body {
    padding: 20px 0;
}

/* .sub-con-body .table-bottom {
    position: relative;
} */

.sub-btn {
    /* position: absolute; */
    margin-top: 30px;
    padding: 0 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    /* right: 10px; */
}

.sub-btn.aloneBtn {
    justify-content: flex-end;
}

.detail-tbl-row.con-last {
    border-bottom: 1px solid #c4c4c4!important;
}

.sub-con-body .table-search {
    position: relative;
    padding-bottom: 16px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 16px;
}

.sub-con-body .table-search input {
    width: 350px;
}

.sub-con-body .table-search img {
    position: absolute;
    right: 10px;
    top: 25%;
}

@media only screen and (max-width: 1200px) {
    .sub-btn {
        right: 10px;
    }
}



/* 센터소개 */
.pb-no {
    padding-bottom: 0;
}

.sub-con-body .center-item {
    padding: 16px 20px;
    display: flex;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    justify-content: flex-start;
}

.sub-con-body .center-item .row {
    padding-bottom: 0;
}

.sub-con-body .center-item .center-left {
    /*display: flex;(개발팀 주석- 판매자 소개 로고늘어짐때문)*/
    /*align-self: center;*/
    /*justify-content: center;*/
    width: 160px;
    height: 160px;
}

.sub-con-body .center-item .center-left img {
    width: 100%;
    /* height: 100%; */
}

.sub-con-body .center-item .center-right {
    flex-grow: 1;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-items: self-end;

}

.sub-con-body .center-item .center-right h5 {
    font-size: 18px;
    padding-bottom: 16px;
}

.sub-con-body .center-item .center-right span {
    display: block;
    font-size: 16px;
    padding-bottom: 5px;
}

.sub-con-body .center-item .center-right span::before {
    display: none;
    content: "●";
    font-size: 10px;
    font-weight: bolder;
    margin-right: 5px;
    vertical-align: middle;
}



/* 데이터요청 */
.sub-con-body .table-search label {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sub-con-body .detail-tbl-wrap .detail-tbl-row .detail-tbl-col .row-input {
    padding-bottom: 0;
}

.sub-con-body .button-area {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.sub-con-body .button-area .btn-01 {
    justify-content: flex-start;
}

.sub-con-body .button-area .btn-02 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
}



/* 데이터리포트 */
.sub-con-body .table-search.top-select {
    justify-content: space-between;
}

.sub-con-body .table-search.top-select span {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #1784D8;
    font-size: 16px;
}

.sub-con-body .table-search.top-select .select input {
    width: 160px;
}

.sub-con-body .datare-con .row {
    margin-top: 0;
    padding-bottom: 0;
}

.sub-con-body .datare-con .row .datare-item {
    margin-bottom: 25px;
}

.sub-con-body .datare-con a .ssum-img {
    width: 100%;
    height: 256px;
    border: 1px solid #e2e2e2;
    filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.15)) drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.04));
    border-radius: 10px;
}

.sub-con-body .datare-con a .ssum-img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.sub-con-body .datare-con a .datare-txt {
    padding: 16px;
    border-bottom: 1px solid #e2e2e2;
}

.sub-con-body .datare-con a .datare-txt h5 {
    margin-top: 0;
    line-height: normal;
}

.sub-con-body .datare-con a .datare-txt p {
    font-size: 16px;
    color: #666;
    height: 42px;
}

.sub-con-body .datare-con a .datare-txt .datare-info {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sub-con-body .datare-con a .datare-txt .datare-info > div {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: left;
}

.sub-con-body .datare-con a .datare-txt .datare-info .ssum-name,
.sub-con-body .datare-con a .datare-txt .datare-info .ssum-date {
    font-size: 12px;
    color: #999;
}

.sub-con-body .datare-con a .datare-txt .datare-info .ssum-name::after {
    content: "ㅣ";
    color: #e2e2e2;
    font-size: 12px;
    padding: 10px;
}

.sub-con-body .datare-con a .datare-txt .datare-info .ssum-price {
    font-size: 18px;
    font-weight: bold;
    color: #1784D8;

}



/* 데이터상품 상세페이지 */
.dtl-con-header .row {
    padding-bottom: 0;
}

main .content .dtl-con-header .frn-sub-header {
    border-bottom: none;
}



/* 상품 헤더 */
.dtl-header {
    background-color: #F5F5F5;
    padding-top: 60px;
}

.dtl-header .dtl-header-box {
    background-color: #fff;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.15), 0px 2px 4px rgba(0, 0, 0, 0.04);
    border-radius: 15px 15px 0px 0px;
    padding: 20px;
}



/* 섬네일 슬라이드 */
.dtl-header-box .dtl-img-thumbs {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.dtl-header-box .dtl-img-thumbs .swiper-slide {
    border: 1px solid #E2E2E2;
}

.dtl-header-box .swiper .swiper-slide {
    width: 100%;
    height: fit-content !important;
}

.dtl-header-box .swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dtl-header-box .swiper-button-lock {
    display: block;
}

.dtl-header-box .dtl-img-box {
    border-radius: 15px;
}

.thumbs-btn-prev,
.thumbs-btn-next {
    text-align: center;
}



/* 헤더 내 상품정보 */
.dtl-info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.dtl-info-wrapper .dtl-info-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    padding-top: 10px;
}

.dtl-info-wrapper .dtl-info-title h4 {
    font-size: 26px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.dtl-info-wrapper .dtl-info-title .icon-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.dtl-info-wrapper .dtl-info-title .icon-box a {
    display: block;
}

.dtl-info-wrapper .divider {
    margin: 0;
}

.dtl-info-wrapper .list-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.dtl-info-wrapper .list-item .list-title {
    width: 100px;
    flex-shrink: 0;
    font-size: 15px;
}

.dtl-info-wrapper .list-item .list-txt {
    color: #666;
    font-size: 15px;
}

.dtl-info-wrapper .dtl-option-select {
    min-height: 83px;
    max-height: 160px;
    overflow-y: scroll;
}

.dtl-info-wrapper .dtl-option-select th,
.dtl-info-wrapper .dtl-option-select td {
    font-size: 14px;
    padding: 10px;
}

.dtl-info-wrapper .dtl-prc-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.dtl-info-wrapper .dtl-prc-box .prc-title {
    font-size: 16px;
    color: #999;
}

.dtl-info-wrapper .dtl-prc-box .prc-amt {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.dtl-info-wrapper .dtl-prc-box .prc-amt .count-txt {
    font-size: 16px;
    color: #666;
}

.dtl-info-wrapper .dtl-prc-box .prc-amt .prc-txt {
    font-size: 26px;
    font-weight: bold;
}

.dtl-info-wrapper .dtl-btn-box {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.dtl-info-wrapper .dtl-btn-box a.btn {
    flex-grow: 1;
    font-size: 18px;
}



/* 상품 상세정보란 */
/* 데이터 요약정보 */
.dtl-body .top-container .row {
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.dtl-body .top-container .smry-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 16px 0;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.dtl-body .smry-info .smry-item {
    flex-grow: 1;
    text-align: center;
    border-right: 1px solid #eee;
}

.dtl-body .smry-info .smry-item:last-child {
    border-right: 0px;
}

.dtl-body .smry-info .smry-item .txt {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.dtl-body .smry-info .smry-item .fgr {
    font-size: 21px;
    font-weight: bold;
    color: #333;
}



/* 다른 데이터상품 */
.dtl-body .othgds {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    background-color: #f5f5f5;
    padding: 16px;
}

.dtl-body .othgds > .othgds-txt {
    width: 260px;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dtl-body .othgds > .othgds-txt .othgds-tit {
    font-size: 21px;
    font-weight: bold;
}

.dtl-body .othgds > .othgds-txt a.othgds-link {
    font-size: 16px;
    color: #666;
}

.dtl-body .othgds > .othgds-items-wrapper {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.dtl-body .othgds > .othgds-items-wrapper .othgds-items {
    position: relative;
    width: 100%;
    flex-grow: 1;

}

.dtl-body .othgds > .othgds-items-wrapper .othgds-items img {
    width: 100%;
}

.dtl-body .othgds > .othgds-items-wrapper .othgds-items .othgds-items-flot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.dtl-body .othgds > .othgds-items-wrapper .othgds-items .othgds-items-catg {
    font-size: 14px;
    color: #999;
    padding: 3px 10px;
    background-color: #fff;
    border-radius: 15px 0px 0px 0px;
    width: fit-content;
}

.dtl-body .othgds > .othgds-items-wrapper .othgds-items .othgds-items-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    background-color: #fff;
    padding: 8px;
    width: 100%;
}


/* 상품상세 탭메뉴 */
.dtl-body .top-container {
    position: relative;
    padding-bottom: 30px;
}

.dtl-body .sticky-tab-wrapper {
    display: block;
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid #E2E2E2;
    overflow: hidden;
}

.dtl-body .sticky-tab-menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
}

.dtl-body .sticky-tab-menu-top {
    position: fixed !important;
    top: 190px;
    left: 0;
    height: 60px;
    z-index: 99;
}

.dtl-body .sticky-tab-menu-top .sticky-tab-menu {
    margin: 0 auto;
}

.dtl-body .sticky-tab-menu a {
    display: block;
    width: 100%;
    flex-grow: 1;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    /* background-color: #fff; */
    background-color: #F5F5F5;
}

.dtl-body .sticky-tab-menu a.on {
    /* color: #1784D8;
    border-bottom: 4px solid #1784D8; */
    color: #fff;
    background-color: #1784D8;
}

.dtl-body .sticky-tab-menu .sticky-tab-slider {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 4px;
    background-color: #1784D8;
    transition: left 0.3s ease;
}



/* 상세정보 목록 */
.row.bt-divider {
    padding-top: 30px;
    border-top: 1px solid #e0e0e0;
}

.dtl-body {
    margin-bottom: 30px;
}

.dtl-body .tab-container {
    display: flex;
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 30px;
    gap: 30px;
    border-bottom: 2px solid #ccc;
}

.dtl-body .tab-container .divider {
    margin: 0;
}

.dtl-body .tab-container > div > .row {
    padding-bottom: 30px;
}

.dtl-body .tab-container > div > .row:last-child {
    padding-bottom: 0;
}

.dtl-body .tab-container .itemTtl {
    font-size: 24px;
    font-weight: bold;
}

.dtl-body .tab-container .col.m9 p {
    font-size: 16px;
    line-height: 160%;
    margin: 0;
}

.dtl-body .tab-container .col.m9 p.txt-break {
    line-height: unset;
}

.dtl-body .tab-container p.itemTxt {
    font-size: 14px;
    color: #666;
}

.dtl-body .tab-container #proctInf img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.chart-preview {
    margin-top: 10px;
    padding: 16px;
    width: 100%;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 10%), 0px 0px 1px rgb(0 0 0 / 15%), 0px 2px 4px rgb(0 0 0 / 4%);
    border-radius: 15px;
}

.chart-preview .chart-area > h5,
.chart-preview .chart-area > p {
    word-break: break-all;
}

.dtl-body .tab-container #smpInf .col.m6 {
    padding: 0;
    padding-bottom: 24px;
}

.dtl-body .tab-container #smpInf .col.m6:nth-child(2n-1) {
    padding-right: 24px;
}

.dtl-body .tab-container #smpInf .col.m6 .chart-area canvas {
    width: 100%;
}

.dtl-body .tab-container #smpInf table th {
    word-break: break-all;
}

.dtl-body .tab-container #smpInf table th,
.dtl-body .tab-container #smpInf table td,
.dtl-body .dataValueinfo table th,
.dtl-body .dataValueinfo table td {
    font-size: 14px;
    text-align: center;
}

.dtl-body .tab-container #plSale .plSale-list .plSale-item {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.dtl-body .tab-container #plSale .plSale-list .plSale-item:last-child {
    border-bottom: none;
}

.dtl-body .tab-container #plSale .plSale-list .plSale-item div {
    display: inline-block;
    font-size: 16px;
}

.dtl-body .tab-container #plSale .plSale-list .plSale-item .tit {
    padding-right: 20px;
    width: 100%;
    max-width: 180px;
}

.dtl-body .tab-container #plSale .plSale-list .plSale-item .txt > a.downloadBtn {
    color: #1784D8;
}



/* 리뷰영역 */
.stars {
    margin: 0
}

.review-header {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding-bottom: 16px;
    border-bottom: 1px solid #ccc;
    gap: 8px;
}

.review-header .review-tit {
    font-size: 24px;
    font-weight: bold;
}

.review-header .review-count {
    font-size: 16px;
}

.review-body .review-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 30px 0;
    border-bottom: 1px solid #E2E2E2;
}

.review-body .review-list-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.review-body .review-list-top .review-rate {
    font-size: 14px;
}

.review-body .review-list-top .review-date {
    font-size: 14px;
    color: #9E9E9E;
}

.review-body .review-list-title {
    font-size: 18px;
    font-weight: bold;
}

.review-body .review-list-txt {
    font-size: 16px;
    line-height: 160%;
}

.review-body .review-more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    color: #999;
    border-bottom: 1px solid #E2E2E2;
}

.review-body .review-more img {
    opacity: 0.6;
}



/* 연관데이터상품 */
.rltdGods-wrapper {
    padding-top: 30px;
    padding-bottom: 60px;
}

.rltdGods-wrapper .rltdGods-title {
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 16px;
}

.rltdGods-wrapper .rltdGods-list {
    display: flex;
    flex-direction: row;
    gap: 24px;
}



/*--------------------------*/
/* 비정형 데이터상품 상세페이지 */
.swiper.unstr-slide {
    background-color: #ccc;
    padding: 50px;
    border-radius: 15px;
    position: relative;
}

.unstr-slide .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.unstr-slide-btn-prev,
.unstr-slide-btn-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 110px;
    background-color: #666;
    z-index: 2;
    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 10px;
    box-shadow: 0px 0px 6px 5px rgba(0, 0, 0, 0.1);
}

.unstr-slide-btn-prev {
    left: 20px;
}

.unstr-slide-btn-next {
    right: 20px;
}

.unstr-slide-btn-prev img,
.unstr-slide-btn-next img {
    width: 40px;
}

.swiper-button-disabled {
    opacity: 0.5;
}

.swiper-button-disabled img {
    opacity: 1;
}

.unstr-slide .swiper-slide.preview-end {
    position: relative;
}

.unstr-slide .swiper-slide.preview-end .preview-info {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .1);
    overflow: hidden;
}

.unstr-slide .swiper-slide.preview-end .preview-info span {
    padding: 0 30px;
    color: #fff;
    font-size: 18px;
    line-height: 160%;
}



/* 장바구니 */
.cart-con-header {
    padding-bottom: 30px;
}

main .content.cart .frn-sub-header {
    border-bottom: 1px solid #C4C4C4;
}

.cart .frn-sub-header .cart-breadscrumbs ul {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin: 0;
}

.cart .frn-sub-header .cart-breadscrumbs ul li {
    font-size: 14px;
    color: #c4c4c4;
}

.cart .frn-sub-header .cart-breadscrumbs ul li.active {
    color: #1784D8;
}

.cart .sub-con-body {
    padding: 0;
}

.cart .cart-list-wrapper {
    display: flex;
    flex-direction: column;
}

.cart .cart-list-wrapper .cart-list-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    padding: 8px 20px;
}

.cart .cart-list-wrapper .cart-list-top input[type="checkbox"]+span::after {
    background-color: #fff;
}

.cart .cart-list-wrapper .cart-list-top [type="checkbox"].filled-in:checked + span:not(.lever):after
{
    background-color: #1784d8;
}

.cart .cart-list-wrapper .cart-list-top a.item-delete-btn {
    display: block;
    background-color: #999;
    color: #fff;
    padding: 6px 10px;
    font-size: 14px;
    height: auto;
    line-height: 18px;
    border-radius: 3px;
}

.cart .cart-list-wrapper .cart-list-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #eee;
    border-top: 0px;
}

.cart .cart-list-wrapper .cart-list-item label {
    width: 25px;
    flex-shrink: 0;
    padding: 20px;
    box-sizing: content-box;
}

.cart .cart-list-wrapper .cart-list-item img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    flex-shrink: 0;
    padding: 20px;
    padding-left: 0;
    box-sizing: content-box;
}

.cart .cart-list-wrapper .cart-list-item .cart-item-dtl {
    display: flex;
    flex-direction: column;
    padding: 20px;
    padding-left: 0;
    gap: 5px;
}

.cart .cart-list-wrapper .cart-list-item .cart-item-dtl .cart-item-slr {
    font-size: 16px;
    color: #666;
}

.cart .cart-list-wrapper .cart-list-item .cart-item-dtl .cart-item-tit {
    font-size: 21px;
    font-weight: bold;
}

.cart .cart-list-wrapper .cart-list-item .cart-item-dtl .cart-item-txt {
    font-size: 16px;
    color: #333;
    line-height: 130%;
}

.cart .cart-list-wrapper .cart-list-item .cart-item-amn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: fit-content;
    flex-shrink: 0;
    border-left: 1px solid #EEEEEE;
    padding: 20px;
    align-self: stretch;
}

.cart .cart-list-wrapper .cart-list-item .cart-item-amn .amn-label {
    font-size: 18px;
    color: #333;
}

.cart .cart-list-wrapper .cart-list-item .cart-item-amn .amn-txt {
    font-size: 21px;
    color: #333;
    font-weight: bold;
}

.cart .cart-sdienav {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: 1px solid #eee;
    padding: 20px;
    height: auto;
}

.cart .cart-sdienav .divider {
    margin: 0;
}

.cart .cart-sdienav .cart-sidenav-tit {
    font-size: 18px;
    font-weight: bold;
}

.cart .cart-sdienav .cart-sidenav-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.cart .cart-sdienav .cart-sidenav-item.ttl .item-txt {
    font-weight: bold;
}

.cart .cart-sdienav a.btn {
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    padding: 15px;
    height: auto;
}



/* 주문결제 */
.cart .cart-list-wrapper .crtord-info .cart-list-item {
    border-top: 1px solid #eee;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

.cart .cart-list-wrapper .crtord-info .crt-ord-con,
.cart .cart-byrinf-wrapper .cart-byrinf,
.cart .cart-prcgl-wrapper .cart-prcgl {
    margin-bottom: 30px;
}

.cart .cart-list-wrapper .crtord-info .cart-list-item img {
    padding-left: 20px;
}

.cart .cart-info-tit {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
}

.cart .cart-pymmth-wrapper .cart-pymmth {
    display: flex;
    flex-direction: column;
}

.cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-select {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    border-top: 1px solid #C4C4C4;
    padding: 16px 0;
    background-color: #fff;
}

.cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-select label span {
    font-size: 14px;
}

/* .cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-select label [type="radio"] + span:before,
.cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-select label [type="radio"] + span:after {
    top: 3px;
} */

.cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-optn {
    background-color: #eee;
    border-bottom: 1px solid #C4C4C4;
}

.cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-optn .pymmth-optn-item {
    display: flex;
    flex-direction: row;
    padding: 16px;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-optn .pymmth-optn-item .pymmth-optn-tit {
    width: 120px;
    font-size: 14px;
}

.cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-optn .pymmth-optn-item .leftItem {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    flex-grow: 1;
}

.cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-optn .pymmth-optn-item .leftItem .select,
.cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-optn .pymmth-optn-item .select {
    flex-grow: 1;
}

.cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-optn .pymmth-optn-item .select-wrapper input.select-dropdown {
    background-color: #fff;
}

.cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-optn .pymmth-optn-item .select span.icon {
    z-index: 2;
    top: 8px;
}

.cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-optn .pymmth-optn-item label [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    background-color: #fff;
    /* top: 3px; */
}

.cart .cart-pymmth-wrapper .cart-pymmth .cart-pymmth-optn .pymmth-optn-item label [type="checkbox"].filled-in:checked + span:not(.lever):after {
    /* top: 3px; */
}
.cart .cart-pymmth-wrapper .cart-pymmth .pymmth-terms-more .Accordion ul li .collapsible-header {
    padding: 0 0 10px;
    align-items: center;
    border-bottom: 0px;
    justify-content: flex-start;
}

.cart .cart-pymmth-wrapper .cart-pymmth .pymmth-terms-more .Accordion ul li .collapsible-header span {
    font-size: 14px;
    color: #666;
}

.cart .cart-pymmth-wrapper .cart-pymmth .pymmth-terms-more .Accordion ul li .collapsible-body span {
    font-size: 14px;
}

.cart .cart-pymmth-wrapper .cart-pymmth .pymmth-terms-more .Accordion ul li .collapsible-header .icon {
    height: 24px;
}

.cart .cart-pymmth-wrapper .cart-pymmth .pymmth-terms-more .Accordion ul li.active .collapsible-header .icon {
    transform: rotate(180deg);
}



/* .cart .cart-sdienav .terms-agr [type="checkbox"].filled-in:checked + span:not(.lever):before,
.cart .cart-sdienav .terms-agr [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after,
.cart .cart-sdienav .terms-agr [type="checkbox"].filled-in:checked + span:not(.lever):before,
.cart .cart-sdienav .terms-agr [type="checkbox"].filled-in:checked + span:not(.lever):after {
    top: 3px;
} */

.cart .cart-sdienav .terms-agr span {
    font-size: 14px;
    line-height: 18px
}

/* 주문결제 구매목적 추가 - 221201 */
.prcgl-chk-list {
    padding: 16px 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
}

.pcrgl-etc-input {
    padding: 0 20px 16px 20px;
    width: 100%;
}



/* 결제완료 */
.cart .cart-byrinf .byrinf-btn-area {
    display: flex;
    align-items: center;
    gap:24px;
}

.cart .cart-byrinf .byrinf-btn-area a {
    font-size: 16px;
    height: 45px;
    font-weight: bold;
    line-height: 45px;
}

.nts {
    font-size: 12px;
    color: #666;
}



/* CCL 표기 추가 */
.ccl-opt-wrapper{
    display: flex;
    flex-direction: column;
    gap:16px;
}
.ccl-opt-wrapper .ccl-opt-item{
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-content: center;
}
.ccl-opt-wrapper .ccl-opt-item .ccl-opt-tit{
    width: 180px;
}
.ccl-opt-wrapper .ccl-opt-item .ccl-opt-slc{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-content: center;
}
.ccl-opt-wrapper .ccl-opt-item .ccl-opt-slc [type="radio"] + span{
    height: 20px;
    line-height: 20px;
}
.ccl-opt-wrapper .ccl-opt-view{
    display: flex;
    flex-direction: row;
    align-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
.ccl-opt-wrapper .ccl-opt-view .ccl-icon,
.ccl-opt-wrapper .ccl-opt-view .ccl-txt,
.ccl-opt-wrapper .ccl-opt-view .ccl-abr{
    display: flex;
    flex-direction: row;
    align-content: center;
    gap: 3px;
    width: fit-content;
}
.ccl-opt-wrapper .ccl-opt-view .ccl-icon img{
    display: none;
    width: 24px;
}
.ccl-opt-wrapper .ccl-opt-view .ccl-icon img.on{
    display: block;
}
.ccl-opt-wrapper .ccl-opt-view .ccl-txt span,
.ccl-opt-wrapper .ccl-opt-view .ccl-abr span{
    display: none;
    color: #999;
}
.ccl-opt-wrapper .ccl-opt-view .ccl-txt .on,
.ccl-opt-wrapper .ccl-opt-view .ccl-abr .on{
    display: block;
}
.ccl-opt-wrapper .ccl-opt-view .ccl-abr::before{
    content: "( CC";
    color: #999;
}
.ccl-opt-wrapper .ccl-opt-view .ccl-abr::after{
    content: ")";
    color: #999;
}
.ccl-opt-wrapper .ccl-opt-view .ccl-abr span.on::before,
.ccl-opt-wrapper .ccl-opt-view .ccl-txt span.on::before{
    content: "- ";
}
.ccl-opt-wrapper .ccl-opt-view .ccl-abr span.on:first-child::before,
.ccl-opt-wrapper .ccl-opt-view .ccl-txt span.on:first-child::before{
    content: "";
}

/* 221004 퍼블리싱 수정 */
.sub-con-body .chat-area .chat-right .chat-top .rfr-wrap{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.sub-con-body .chat-area .chat-right .chat-top .rfr-wrap span{
    font-size: 12px;
    padding-right: 5px;
}

.sub-con-body .chat-area .chat-right .chat-top .rfr{
    width: 26px;
    height: 26px;
}
.sub-con-body .chat-area .chat-right .chat-top .rfr img {
    width: 26px;
    height: 24px;
}

.sub-con-body .chat-area .chat-left .chat-user ul li.chat-active {
    background-color: #1784D8;
}
.sub-con-body .chat-area .chat-left .chat-user ul li.chat-active span,
.sub-con-body .chat-area .chat-left .chat-user ul li.chat-active p {
    color: #fff;
}

.sub-con-body .chat-area .chat-right .chat-top {
    max-height: 650px;
    overflow: auto;
}

.sub-con-body .chat-area .chat-right .chat-top .rfr-wrap {
    position: absolute;
    right: 30px;
    padding: 6px 10px;
    background: #fff;
    border-radius: 15px;
    opacity: .9;
}

.sub-con-body .chat-area .chat-right {
    position: relative;
}
.sub-con-body .chat-area .chat-left .chat-user ul li .ncp-name .chat-new {
    font-size: 12px;
    font-weight: normal;
    background-color: #F24443;
    color: #fff;
    padding: 0px 2px 1px;
    border-radius: 3px;
    margin-left: 5px;
    line-height: 100%;
}

.sub-con-body .chat-area .chat-right ul {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.sub-con-body .chat-area .chat-right ul li.chat-my {
    align-content: flex-end;
}

.sub-con-body .chat-area .chat-right ul li {
    max-width: unset;
}

/* 20221005 퍼블리싱 수정 */
.chat-atchfile{
    background-color: #fff;
    border: 1px solid #EEEEEE;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.chat-atchfile .file-download{
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #eee;
}
.chat-atchfile .file-name{
    position: relative;
    padding: 5px 5px 5px 45px;
    font-size: 14px;
    line-height: 40px;
    width: 100%;
    -webkit-line-clamp: 1;
}
.chat-atchfile .file-name::before{
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../../img/common/atchfile.svg);
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}
.chat-my-txt {
    width: 100%;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt p{
    margin: 0;
}

.chat-fileatch-box{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #c4c4c4;
}
.chat-fileatch-box .file-delete{
    padding: 8px 12px;
    border-left: 1px solid #eee;
    flex-shrink: 0;
}
.chat-fileatch-box .file-name{
    display: block;
    position: relative;
    padding-left: 40px;
    font-size: 14px;
    line-height: 40px;
    width: calc(100% - 49px);
    max-width: calc(100% - 49px);
    -webkit-line-clamp: 1;
    color: #0268B6;
}
.chat-fileatch-box .file-name::before{
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../../img/icon/upload_file.svg);
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}


/* 주문 업데이트 채팅 */

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .trackingItem{
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
}
.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .trackingItem img{
    width: 70px;
    height: 70px;
    object-fit: cover;
    flex-shrink: 0;
}
.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .trackingItem p{
    width: calc(100% - 86px);
    font-size: 18px;
    font-weight: bold;
    line-height: 130%;
}
.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .divider{
    background-color: #fff;
    margin: 0;
}
.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .trackingTitle{
    font-size: 18px;
    font-weight: bold;
    line-height: 130%;
    text-align: center;
}
.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .trackingInfo{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .trackingInfo .trackStepBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .trackingInfo .trackStepBox .trackStepIcon{
    display: flex;
    width: 40px;
    height: 40px;
    background-color: #B3C8DF;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
}
.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .trackingInfo .trackStepBox .trackStepIcon img{
    display: block;
    width: 24px;
    height: 24px;
}
.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .trackingInfo .trackStepBox .trackStepInfo{
    color: #B3C8DF;
}
.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .trackingInfo .trackStepBox.active .trackStepInfo{
    color: #fff;
}
.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .trackingInfo .trackStepBox.active .trackStepIcon{
    background-color: #fff;
}

/* 주문상세 스탭 추가 */

.sub-con-body.cpm-con .trackingDetail{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    padding: 12px 26px;
    border: 1px solid #E2E2E2;
    margin-top: 26px;
}
.sub-con-body.cpm-con .trackingDetail .trackStepBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.sub-con-body.cpm-con .trackingDetail .trackStepBox .trackStepIcon{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background-color: #B3C8DF;
    padding-bottom: 5px;
}
.sub-con-body.cpm-con .trackingDetail .trackStepBox .trackStepIcon .trackStepIconTitle{
    margin: 0;
    color: #fff;
}
.sub-con-body.cpm-con .trackingDetail .trackStepBox .trackStepInfo{
    max-width: 130px;
    font-size: 14px;
    color: #B3C8DF;
    text-align: center;
    word-break: keep-all;
}
.sub-con-body.cpm-con .trackingDetail .trackStepBox.active .trackStepIcon{
    background-color: #207CC1;
}
.sub-con-body.cpm-con .trackingDetail .trackStepBox.active .trackStepInfo{
    color: #207CC1;
}

/* 221006 퍼블리싱 수정 */

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail.cncSls .trackingTitle{
    max-width: 335px;
    word-break: keep-all;
    font-size: 16px;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .trackingTxt{
    max-width: 100%;
    padding: 10px;
    background-color: #eee;
    color: #666;
}



/* 20221006 - 회원탈퇴 */
.sub-con-body.drawal-page {
    margin-top: 20px;
    border-top: 1px solid #c4c4c4;
}

.drawal-sct-tit {
    color: #333;
    font-size: 18px;
    font-weight: 700;
}

.drawal-sct-tit span {
    color: #F24443;
    font-size: 18px;
    font-weight: 700;
}

.drawal-con {
    padding: 16px;
    margin-bottom: 10px;
    border: 1px solid #eee;
}

.drawal-con ul {
    margin: 0;
    margin-left: 20px;
}

.drawal-con ul li {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    list-style-type: disc;
}

.drawal-sct.sec02 {
    margin-top: 30px;
}

.drawal-scs {
    margin-top: 70px;
}

.drawal-scs .drawal-scs-txt {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}

.drawal-scs .drawal-scs-txt span {
    color: #1784D8;
    font-size: 18px;
    font-weight: 700;
}

/* 20221007 비정형 상세 */

.swiper.unstr-slide .swiper-slide img{
    width: auto;
    height: 550px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.swiper.unstr-slide .swiper-slide .swiper-slide-shadow {
    opacity: 0 !important;
}
.swiper.unstr-slide .swiper-slide >img{
    filter: brightness(60%);
    transition: 0.6s;
}
.swiper.unstr-slide .swiper-slide.swiper-slide-visible.swiper-slide-active > img{
    filter: brightness(100%);
}
.unstr-slide .swiper-slide.preview-end .preview-info{
    z-index: 10;
    opacity: 0;
    transition: 0.6s;
}
.unstr-slide .swiper-slide.preview-end.swiper-slide-visible.swiper-slide-active .preview-info{
    opacity: 1;
}

/*
.tmp-area{
    box-shadow: 2px 0px 10px rgba(0,0,0,0.15);
}
.tmp-area .tmp-top{
    background-image: url(../../img/temp/tmp_top_bg.jpg);
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    padding: 30px;
    background-color: #182953;
}
.tmp-area .tmp-top h4{
    color: #fff;
    font-size: 28px;
}
.tmp-area .tmp-top p{
    color: #fff;
}

.tmp-area .tmp-content{
    padding: 30px;
    margin-bottom: 30px;
}
.tmp-area .tmp-content .row{
    padding-bottom: 0;
}
.tmp-area .tmp-content .col.m12{
    margin-bottom: 30px;
}
.tmp-area .tmp-content .col.m12:last-child{
    margin-bottom: 0px;
}
.tmp-area .tmp-content .col.m12 h5{
    margin-bottom: 16px;
    padding-left: 30px;
    position: relative;
}
.tmp-area .tmp-content .col.m12 h5::before{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../../img/temp/tmp_title_icon.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    left: 0;
}
.tmp-area .tmp-content .col.m12 p{
    border: 1px solid #EEEEEE;
    padding: 16px;
}
.tmp-area .tmp-content .col.m12 img{
    width: 100%;
    max-width: 836px;
}
*/


/* 221007 */
.sub-con-body .chat-area .chat-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% - 30%);
    height: 650px;
    min-height: 650px;
    max-height: 650px;
    border-left: 1px solid #c4c4c4;
}
.sub-con-body .chat-area .chat-right .chat-top{
    height: 100%;
}
.sub-con-body .chat-area .chat-right > div{
    width: 100%;
}
/* .sub-con-body .chat-area .chat-right div:last-of-type{
    border-bottom: 0px;
} */
.sub-con-body .chat-area .chat-right .chat-top .chat-blank{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.sub-con-body .chat-area .chat-right .chat-top .chat-blank p {
    width: fit-content;
    display: block;
    margin: 0;
    background-color: rgba(0,0,0,0.3);
    padding: 8px 12px;
    border-radius: 50px;
    color: #fff;
    line-height: 100%;
    text-align: center;
    word-break: keep-all;
}

/* 221013 */
.cart .cart-list-wrapper .cart-list-item .cart-item-dtl {
    flex-grow: 1;
}

.cart .cart-list-wrapper .cart-list-item .cart-item-amn {
    width: 175px;
    flex-shrink: 0;
}

.cart .cart-list-wrapper .cart-list-item .cart-item-dtl .cart-item-tit {
    max-width: 475px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: unset;
}

.cart .cart-list-wrapper .cart-list-item .cart-item-dtl .cart-item-subtit {
    margin: 5px 0;
    font-size: 16px;
    color: #666;
}

.cart .cart-list-wrapper .cart-list-item .cart-item-dtl .cart-item-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cart .cart-list-wrapper .cart-list-item label {
    box-sizing: border-box;
    margin-right: 20px;
}

.cart .cart-list-wrapper .cart-list-item .cart-item-amn .amn-txt {
    word-break: break-all;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt li div {
    font-size: 14px;
    color: #fff;
    display: block;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt li {
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin: 0;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt li .ctg-name {
    width: 80px;
    flex-shrink: 0;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt li .ctg-name.short {
    width: 40px;
    flex-shrink: 0;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt ul {
    padding: 0;
    gap: 5px;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0;
    margin-top: 5px;
}
.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt li span{
    display: inline-block;
}
.sub-con-body .chat-area .chat-left .chat-user ul li .chat-user-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.sub-con-body .chat-area .chat-left .chat-user ul li a .chat-list-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sub-con-body .chat-area .chat-left .chat-user ul li p {
    margin: 0;
    -webkit-line-clamp: 1;
}
.sub-con-body .chat-area .chat-right ul li.chat-my .chat-r-txt p {
    white-space: pre-wrap;
    word-break: break-all;
}

.sub-con-body .chat-area .chat-right .chat-bottom .input-field textarea {
    height: 40px;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .newdata-prps {
    font-size: 14px;
    color: #fff;
    white-space: pre-wrap;
    word-break: break-all;
}
.sub-con-body .chat-area .chat-left .chat-user ul li .ncp-name{
    -webkit-line-clamp: 1;
}

/* 221021 */

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .trackingItem p.full {
    max-width: 320px;
}

/* 1차 QA결과 수정 - 221109 */

/* 회원가입 약관동의 레이블+인풋 정렬 */
label>span::before,
label>span::after {
    top: 3px;
}

/* 회원가입 완료 페이지 디자인 누락 */
.join .notice-img .join-suces-tit {
    font-size: 24px;
    font-weight: bold;
}

.join .notice-img {
    text-align: center;
    margin-top: 70px;
}

.join .notice-img .join-suces-txt {
    font-size: 18px;
    font-weight: bold;
    color: #666;
    word-break: keep-all;
}

/* 로그인 유지 체크박스 정렬 수정 */
/* .chk-area [type="checkbox"].filled-in:checked + span:not(.lever):before,
.chk-area [type="checkbox"].filled-in:checked + span:not(.lever):after,
.chk-area [type="checkbox"].filled-in:not(:checked) + span:not(.lever):before,
.chk-area [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    top: 3px;
} */

/* 테이블 텍스트 틀어져보이는 현상 수정 */
table thead th{
    padding: 15px;
}

/* 오픈마켓 소개 - 20221111 추가 */
.bar-stick {
    width: 47px;
    height: 4px;
    background: #1784d8;
}

.sub-con-body.int-body {
    margin-top: 20px;
    padding: 30px 20px;
    border: 1px solid #c4c4c4;
}

.int-body .int-head {
    text-align: center;
}

.int-body .int-head b.int-title {
    margin: 0;
    font-size: 26px;
    font-weight: bold;
    color: #333;
}

.int-body .int-head span {
    margin-top: 16px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #666;
}

.int-body .int-body {
    margin: 60px 0 30px;
}

.int-body .int-body p {
    padding-top: 10px;
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.int-body .int-body .body-item {
    margin-top: 25px;
}

.int-body .int-body .body-item span {
    display: block;
    color: #333;
}

.int-body .int-body .body-item span.item-title {
    font-size: 14px;
    font-weight: bold;
}

.int-body .int-body .body-item span.item-con {
    padding-top: 6px;
    font-size: 14px;
    font-weight: 400;
}

.int-body .int-body .int-img {
    margin-top: 20px;
    padding: 35px;
    border: 1px solid #e1e1e1;
}

.int-body .int-body .int-img img {
    width: 100%;
    object-fit: cover;
}

/* 채팅 좌측 채팅방 목록 정렬 수정 */
.sub-con-body .chat-area .chat-left .chat-user ul li a div:last-child {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}


/* 데이터리포트상품 장바구니 모달 - 221201 */
#ord_cart {
    min-width: 25%;
}

#ord_cart h4 {
    display: inline-block;
}

#ord_cart span {
    font-size: 14px;
    color: #666;
}

#ord_cart span.ncs {
    color: #1784d8;;
}

#ord_cart .row {
    padding-bottom: 0;
}

#ord_cart .row .ord-cart-con {
    display: flex;
    flex-direction: column;
}

#ord_cart .row .ord-cart-con .user-position {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#ord_cart .row .ord-cart-con .user-position h5,
#ord_cart .row .ord-cart-con .user-goal h5 {
    font-size: 16px;
}

#ord_cart .row .ord-cart-con .user-position span.small-txt {
    margin-top: 5px;
    font-size: 12px;
    color: #666;
}

#ord_cart .row .ord-cart-con .user-goal .user-goal-rd-btn {
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

/* 채팅 레이아웃 깨짐현상 수정 - 221209 */
.sub-con-body .chat-area .chat-right ul li.chat-you .chat-you-txt .trackingDetail .trackingTitle {
    max-width: 100%;
    word-break: keep-all;
}


/* 센터소개 페이지 설명 추가 */
.sub-con-body .center-item {
    gap: 30px;
}

.sub-con-body .center-item .center-right span{
    margin-bottom: 10px;
}
.sub-con-body .center-item .center-right .plSale-list {
    width: 100%;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.sub-con-body .center-item .center-right .plSale-list .plSale-item {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.sub-con-body .center-item .center-right .plSale-list .plSale-item:last-child {
    border-bottom: none;
}

.sub-con-body .center-item .center-right .plSale-list .plSale-item div,
.sub-con-body .center-item .center-right .plSale-list .plSale-item div a {
    display: inline-block;
    font-size: 14px;
}

.sub-con-body .center-item .center-right .plSale-list .plSale-item .tit {
    padding-right: 20px;
}

/* 오픈마켓 퍼블리싱 추가수정요청 - 221219 */
.dtl-body .othgds > .othgds-items-wrapper .othgds-items img {
    height: calc(100% - 38px);
    object-fit: cover;
}

.dtl-body .othgds > .othgds-items-wrapper .othgds-items {
    max-width: 220px;
}

.dtl-body .othgds {
    justify-content: flex-start;
}
/*----*/
.cart .cart-sdienav .terms-agr span {
    display: block;
    height: auto;
}
/*----*/
.chat-atchfile .file-name {
    padding-right: 12px;
}
/*----*/
.sub-con-body .button-area a.btn,
.sub-con-body .button-area.btn250 a.btn {
    width: 100%
}
.sub-con-body .button-area.btn250 .col.m6:last-child{
    text-align: right;
}


/*----*/
/* .sub-con-body .button-area a.btn {
    width: 250px;
} */


/* 오픈마켓 퍼블리싱 추가수정요청 - 221221 */
.clause-content h1 {
    font-size: 18px;
    margin-top: 0;
}

.clause-content h2 {
    font-size: 16px;
}

.clause-content p {white-space: normal;}

.clause-content p span {
    font-size: 14px;
}

.clause-content .txt_area li {
    font-size: 14px;
    line-height: 160%;
}


/* 휴면회원 해제 안내 - 230427 */
.dormant {
    margin: 0 auto;
    padding: 60px 0;
    max-width: 639px;
}

.container.dormant .dormant-top {
    text-align: center;
}

.container.dormant .dormant-top h3 {
    margin: 0;
    font-size: 26px;
    font-weight: bold;
}

.container.dormant p.dormant-info {
    margin: 0;
    padding: 30px 0;
    text-align: center;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid #eee;
}

.container.dormant .dormant-con {
    padding: 30px 0;
}

.container.dormant .dormant-con p {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: end;
    gap: 5px;
    flex-wrap: wrap;
    color: #333;
    font-size: 18px;
    font-weight: 700;
}

.container.dormant .dormant-con p span {
    color: #1784D8;
    font-size: 14px;
    font-weight: 400;
}

.container.dormant .dormant-con-info {
    margin: 12px 0;
    padding: 25px 15px;
    max-height: 225px;
    border: 1px solid #eee;
    overflow-y: auto;
}

.container.dormant .dormant-con-info .info-section {
    margin-bottom: 20px;
}

.container.dormant .dormant-con-info .info-section:last-child {
    margin-bottom: 0;
}

.container.dormant .dormant-con-info p {
    margin: 0;
}

.container.dormant .dormant-con-info .info-con-txt {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
}

.container.dormant .dormant-con-info .info-tit {
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
}

.container.dormant .dormant-con-info .info-con,
.container.dormant .dormant-con-info .info-con-num {
    font-size: 13px;
    font-weight: 400;
}

.container.dormant .dormant-con label {
    display: flex;
    flex-direction: row;
    align-items: center;
}


/* 검색결과 - 2023.06.05 추가 */
.search-list .search-list-item {
    padding: 40px 0 50px;
    border-top: 1px solid #e2e2e2;
}

.search-list .search-list-item .topItem {
    padding-bottom: 20px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
}

.search-list .search-list-item .topItem h4 {
    margin: 0;
}

.search-list .search-list-item .topItem h4 > span.countTxt {
    font-size: 24px;
    font-weight: bold;
}

.search-list .search-list-item .topItem a.moreBtn {
    font-size: 14px;
}

.search-list .search-list-item.searchNone .bodyItem .searchNoneItem {
    padding: 50px 0;
    text-align: center;
}

.search-list .search-list-item.searchNone .bodyItem .searchNoneItem img {
    width: 50px;
    height: 50px;
}

.search-list .search-list-item.searchNone .bodyItem .searchNoneItem p {
    color: #666;
    font-size: 14px;
}


/* 타 분야 상품 조회 팝업 - 2023.06.05 추가 */
#etcSch-modal {
    width: 100%;
    max-width: 50%;
}

#etcSch-modal .modal-content > .row {
    margin-top: 23px;
    padding-bottom: 0;
}

.detail-tbl-col > a.blue {
    color: #1784D8;
    font-size: 14px;
}

#etcSch-modal .modal-content .detail-tbl-row .detail-tbl-col.tit,
#etcSch-modal .modal-content .detail-tbl-row .detail-tbl-col.con {
    word-break: break-all;
}


/* 데이터서비스-출하반장 - 2023.06.07 추가 */
.secItem {
    padding: 40px 0 0;
}

.secItem h4.tit {
    position: relative;
    color: #000;
    font-size: 18px;
}

.secItem h4.tit::before {
    position: absolute;
    top: -8px;
    left: 0;
    content: '';
    width: 32px;
    height: 3px;
    background-color: #1784D8;
}

.secItem .con {
    margin: 20px 0 0;
}

.secItem .con > p,
.sub-con {
    line-height: 25px;
}

.secItem .con .conBox {
    padding: 32px;
    background: #F8FAFB;
    border-radius: 8px;
}

.secItem .con .conBox .leftItem {
    width: 100%;
    height: auto;
    border-radius: 16px;
}

.secItem .con .conBox .leftItem img {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    object-fit: cover;
}

.secItem .con .conBox .row > .goinfoTxt {
    margin: auto;
}

.secItem .con .conBox .rightItem.center {
    text-align: center;
}

.rightItem.center .topItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    word-break: keep-all;
}

.rightItem.center .topItem b.tit {
    font-family: 'GmarketSans';
    color: #000;
    font-size: 26px;
    font-weight: 400;
}

.rightItem.center .topItem p {
    margin: 0;
    word-break: keep-all;
}

.rightItem.center .bodyItem a {
    font-family: 'GmarketSans';
    margin: 32px auto 24px;
    display: block;
    padding: 0 24px;
    width: fit-content;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background: #1784D8;
    border-radius: 8px;
}

.rightItem.center .footerItem .qrCode {
    margin: 0 auto 8px;
    width: 100px;
    height: 100px;
}

.rightItem.center .footerItem .qrCode img {
    width: 100%;
    height: 100%;
}

.rightItem.center .footerItem p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}

.secItem .con .secBox {
    margin-top: 30px;
    padding: 0 96px;
}

.secItem .con .secBox img {
    width: 100%;
}

.secItem .con .secBox .boxL-Item {
    margin-top: 10px;
    padding: 24px 32px;
    border: 1px solid #eee;
    border-radius: 8px;
}

.secItem .con .secBox .boxL-Item .topItem {
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin: 0 auto;
    text-align: center;
}

.secItem .con .secBox .boxL-Item .topItem img {
    width: 100px;
    height: 100px;
}

.secItem .con .secBox .boxL-Item .topItem b.tit {
    color: #00467f;
    font-size: 18px;
    font-weight: 700;
}

.secItem .con .secBox .boxL-Item .bodyItem {
    padding: 16px 0;
    min-height: 95px;
    max-height: 120px;
    color: #292A2B;
    font-size: 16px;
    font-weight: 400;
    border-top: 1px solid #f5f5f5;
}

.secItem .con .secBox .boxL-Item .footerItem ul {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    min-height: 57px;
    gap: 4px;
}

.secItem .con .secBox .boxL-Item .footerItem ul li {
    color: #292a2b;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 400;
    background: #d9f1ff;
    border: 1px solid #1784d8;
    border-radius: 4px;
}

.secItem .con .secBox .boxL-Item .btn-area {
    width: 100%;
}

.secItem .con .secBox .boxL-Item .btn-area a {
    margin: 0 auto;
}

.con .bgGray {
    margin: 0 auto;
    padding: 60px;
    text-align: center;
    background: #f8fafb;
}

.con .bgGray .topItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.con .bgGray .topItem > b.tit {
    font-family: 'GmarketSans';
    color: #1784D8;
    font-size: 21px;
    font-weight: 400;
}

.con .bgGray .topItem > b.tit > span {
    font-family: 'GmarketSans';
    color: #162851;
    font-size: 21px;
    font-weight: 400;
}

.con .bgGray .bodyItem a {
    font-family: 'GmarketSans';
    margin: 32px auto 24px;
    display: block;
    padding: 0 24px;
    width: fit-content;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background: #1784D8;
    border-radius: 8px;
}

.con .bgGray .footerItem.flexBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: left;
}

.con .bgGray .footerItem.flexBox img {
    display: block;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
}

.con .bgGray .footerItem.flexBox p {
    margin: 0;
    color: #292a2b;
    font-size: 16px;
    font-weight: 400;
}


/* 데이터서비스-레시피 추천 서비스 - 2023.06.07 추가 */
h5.con-tit {
    margin: 0 0 16px;
    color: #292a2b;
    font-size: 16px;
    font-weight: 700;
}

.conTxt {
    color: #292a2b;
    font-size: 16px;
    font-weight: 400;
}

.btn-area > a.goBtn {
    font-family: 'GmarketSans';
    margin: 32px auto 24px;
    display: block;
    padding: 0 24px;
    width: fit-content;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background: #1784D8;
    border-radius: 8px;
    word-break: keep-all;
}

p.grayTxt {
    padding-top: 8px;
    margin: 0;
    color: #878d91;
    font-size: 16px;
    font-weight: 400;
}


/* 데이터서비스-농산물 종합 분석 - 2023.06.07 추가 */
.conBox {
    padding: 0 50px;
}

.conBox .conBoxItem {
    margin-top: 20px;
    padding: 24px;
    width: 100%;
    text-align: right;
    background: #f8fafb;
}

.conBox .conBoxItem .conBoxWrap {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
    height: 210px;
}

.conBox .conBoxItem .topItem {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.conBox .conBoxItem > .img-area {
    margin: 0 auto;
    width: 120px;
    height: 100px;
}

.conBox .conBoxItem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.conBox .conBoxItem b.tit {
    color: #292a2b;
    font-size: 18px;
    font-weight: 700;
}

.conBox .conBoxItem p.conTxt {
    margin: 0;
    color: #292a2b;
    font-size: 16px;
    font-weight: 400;
}

.badgeItem ul {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0;
}

.badgeItem ul li {
    color: #292a2b;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 400;
    background: #d9f1ff;
    border: 1px solid #1784d8;
    border-radius: 4px;
}

.btn-area > a.goBtn.small {
    margin: 0;
    padding: 0 24px;
    font-size: 16px;
    font-weight: 400;
}


/* 데이터서비스-양돈농가 자가진단 - 2023.06.07 추가 */
.pt-no,
.secItem.pt-no {
    padding-top: 0 !important;
}

.keywordBox ul {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
}

.keywordBox ul li {
    padding: 4px 8px;
    color: #292a2b;
    font-size: 14px;
    font-weight: 400;
    background: #d9f1ff;
    border: 1px solid #1784d8;
    border-radius: 4px;
}

.con .table-area {
    border: 1px solid #ced3d6;
}

.con .table-area .tableItem {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
    border-bottom: 1px solid #ced3d6;
}

.con .table-area .tableItem:last-child {
    border-bottom: 0;
}

.con .table-area .tableItem .table-tit {
    padding: 24px 16px;
    width: 200px;
    text-align: center;
    background: #F8FAFB;
}

.con .table-area .tableItem .table-con {
    flex-grow: 1;
    padding: 0 16px;
}

.con .table-area .tableItem .table-con .flexBox {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.con .table-area .tableItem .table-con .flexBox .hoverBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #ced3d6;
    border-radius: 50px;
    flex-shrink: 0;
}

.con .table-area .tableItem .table-con .flexBox .hoverInfo {
    display: none;
}

.con .table-area .tableItem .table-con .flexBox .hoverInfo:after {
    border-bottom: 0px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #292A2B;
    content: "";
    position: absolute;
    bottom: -9px;
    right: 22px;
}

.con .table-area .tableItem .table-con .flexBox .hoverBtn:hover ~ .hoverInfo {
    display: block;
    padding: 16px 24px;
    position: absolute;
    top: -65px;
    right: -10px;
    width: fit-content;
    color: #fff;
    background: #292A2B;
    border-radius: 50px;
}


/* 데이터 요청 - 2023.06.07 추가 */
.topTxt {
    position: relative;
    color: #292a2b;
    font-size: 16px;
    font-weight: 400;
}

.topTxt::before {
    position: absolute;
    margin-right: 16px;
    content: '';
    width: 3px;
    height: 100%;
    background: #1784D8;
}

.topTxt p {
    margin: 0;
    padding-left: 16px;
    line-height: 25px;
}

.turnImg {
    margin: 42px 100px 25px;
    text-align: center;
}

.turnImg img {
    width: 100%;
}

.infoTxt {
    padding-bottom: 20px;
    color: #292a2b;
    text-align: right;
    font-size: 16px;
    font-weight: 400;
}

.tab {
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.tabBtn {
    flex-grow: 1;
    margin-top: 8px;
    font-size: 18px;
    text-align: center;
    border: 1px solid #ced3d6;
}

.tab .tabBtn {
    border-right: none;
}

.tab .tabBtn:last-child {
    border-right: 1px solid #ced3d6;
}

.tabBtn a {
    padding: 8px 12px;
    display: block;
    color: #292A2B;
}

.tabConItem {
    display: none;
}

.tabConItem.active {
    display: block;
}

.tabBtn.full.active {
    background: #1784D8;
    border: none;
}

.tabBtn.full.active a {
    color: #fff;
    font-weight: 700;
}

table thead.blue {
    background: #D9f1ff !important;
}

.write-btn-area {
    display: flex;
    justify-content: flex-end;
}

.write-btn-area .blue-btn.goBtn {
    padding: 16px 24px;
    display: block;
    font-family: 'GmarketSans';
    width: fit-content;
    font-size: 18px;
    font-weight: 500;
    border-radius: 8px;
}



/* 데이터 요청 - 데이터 바우처 - 2023.06.07 추가 */
.turnImgBox {
    margin: 10px 100px 0;
    padding: 20px;
    border: 1px solid #1784D8;
    border-radius: 8px;
}

.turnImgBox img {
    width: 100%;
}

.turnBox {
    margin: 50px 80px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}

.turnBox .turnBoxItem {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
    padding: 16px 24px;
    background-image: linear-gradient(0deg, #D2D5DA 4%, #dbdee2 10%, #ffffff 50%, #ffffff 40%, #f5f4f4);
    border:1px solid #b0b1b6;
    box-shadow: 3px 3px 5px #e0e0e0;
    border-radius: 15px;
    width: 23%;
    min-height: 140px;
}

.turnBox .turnBoxItem b {
    /* font-family: 'GmarketSans'; */
    font-size: 17px;
    font-weight: 600;
    letter-spacing:-1px;
}

.turnBox .turnBoxItem p {
    margin: 0;
    color: #383838;
    font-size: 14px;
    font-weight: 300;
}

.secItem .slide-area {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.secItem .slide-area .button-prev,
.secItem .slide-area .button-next {
    cursor: pointer;
}


/* 데이터 요청 - 데이터 바우처 - 2023.06.07 추가 */
.safeBox {
    margin: 20px 100px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.userBadge {
    margin: 24px auto 0;
    padding: 16px 47px;
    font-family: 'GmarketSans';
    width: fit-content;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    background: #1784D8;
    border-radius: 50px;
}

.chartImg img {
    width: 100%;
}

.serviceBox {
    padding: 36px;
    width: 100%;
    text-align: center;
    background: #d9f1ff;
    border-radius: 100px;
}

.serviceBox b.tit {
    color: #00467f;
    font-size: 21px;
    font-weight: 700;
}

.serviceBox ul.serviceItemBox.row {
    margin-bottom: 0;
}

.serviceBox ul.serviceItemBox.row .blueBox {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    height: 80px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    background: #1784d8;
    border-radius: 10px;
    word-break: keep-all;
}

.serviceBox ul.serviceItemBox.row .li:nth-child(2) {
    background: #57AEEA;
}

.lineBox {
    padding: 36px;
    width: 100%;
    border: 1px solid #1784d8;
    border-radius: 30px;
}

.lineBox .program {
    padding-left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    gap: 16px;
    flex-wrap: wrap;
}

.lineBox .program .programItem {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.lineBox .program .programItem img {
    width: 70px;
    height: 70px;
}

.lineBox .program .programItem p {
    margin: 0;
    color: #292a2b;
    font-size: 16px;
    font-weight: 400;
}

.routeBox {
    margin: 20px 100px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    padding: 36px !important;
    background: #F8FAFB;
    border-radius: 30px;
}

.routeBox .routeItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.routeBox .routeItem .num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: #fff;
    background: #1784D8;
    border-radius: 50px;
}

.routeBox .routeItem > img {
    width: 70px;
    height: 70px;
}

.routeBox .routeItem p {
    margin: 0;
    color: #292A2B;
    font-size: 16px;
    font-weight: 700;
}

.routeBoxmore {
    margin: 0 70px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
}

.routeBoxmore .routeBoxItem {
    margin-top: 16px;
    width: 100%;
    max-width: 270px;
    border: 1px solid #d9f1ff;
    border-radius: 16px;
}

.routeBoxmore .routeBoxItem .topItem {
    padding: 20px;
    font-family: 'GmarketSans';
    color: #00467f;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    background: #d9f1ff;
    border-radius: 16px 16px 0 0;
}

.routeBoxmore .routeBoxItem .bodyItem {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 16px;
    height: 220px;
}

.routeBoxmore .routeBoxItem .bodyItem p {
    margin: 0;
    padding-bottom: 10px;
}

.routeBoxmore .routeBoxItem .bodyItem p:last-child {
    padding-bottom: 0;
}

.routeBoxmore .routeBoxItem .bodyItem p.small {
    font-size: 14px;
}


/* 판매 안내 - 2023.06.07 추가 */
ul.guideCon {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.guideCon .guideConItem {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.guideCon .guideConItem::after {
    margin: 0 10px;
    content: '';
    height: 3px;
    width: 60px;
    background: #ced3d6;
}

.guideCon .guideConItem:last-child::after {
    content: none;
}


.guideCon .guideConItem > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.guideCon .guideConItem .imgCircle {
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    border: 3px solid #00467F;
    border-radius: 50%;
}

.guideCon .guideConItem img {
    width: 100%;
    height: 100%;
}

.guideCon .guideConItem .txtBox {
    padding: 8px 24px;
    font-family: 'GmarketSans';
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    background: #57aeea;
    border-radius: 8px;
}

.flexBtn {
    padding-top: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.btn-area.flexBtn a.goBtn {
    margin: unset;
}

a.downBtn {
    font-family: 'GmarketSans';
    display: block;
    padding: 0 24px;
    width: fit-content;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background: #1784D8;
    border-radius: 8px;
    text-align: center;
    word-break: keep-all;
}

.subSec-area {
    margin: 20px 50px 0;
}

.subSecBox {
    padding: 16px 24px;
    background: #f8fafb;
    border-radius: 10px;
}

.subSecBox .subSecBox-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.subSecBox .subSecBox-row .tit {
    flex-shrink: 0;
    font-family: 'GmarketSans';
    width: 240px;
    text-align: center;
    color: #00467f;
    font-size: 21px;
    font-weight: 500;
    word-break: keep-all;
    display: flex;
    padding: 0 25px;
}
.subSecBox .subSecBox-row .tit .txt {
	 font-family: 'GmarketSans';
	 text-align: center;
    color: #00467f;
    font-size: 21px;
    font-weight: 500;
    word-break: keep-all;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}
.subSecBox .subSecBox-row .subSec-wrap {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    flex-grow: 1;
    width: 100%;
}

.subSecBox .subSecBox-row .subSecItem {
    text-align: center;
    flex-grow: 1;
    width: 50%;
}

.subSecBox .subSecBox-row .subSecItem .topItem {
    padding: 15px;
    font-family: 'GmarketSans';
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background: #4a7c9f;
    border-radius: 4px 4px 0 0;
}

.subSecBox .subSecBox-row .subSecItem .bodyItem {
    padding: 15px;
    font-family: 'GmarketSans';
    color: #292a2b;
    font-size: 16px;
    font-weight: 400;
    background: #fff;
    border: 1px solid #ced3d6;
    border-radius: 0 0 4px 4px;
}

.subSecBox .subSecBox-row .subSecItem .bodyItem p.blue {
    margin: 0;
    color: #1784D8;
    font-size: 16px;
    font-weight: 400;
}

.subSecItem .bodyItem.single.rowItem {
    flex-direction: column;
}

.subSecItem .topItem.single,
.subSecItem .bodyItem.single {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    border-radius: 4px !important;
}

.subSecItem .singTopItem {
    border-radius: 4px !important;
}

.subSecItem .singleItem {
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
}

.subSecItem .singleItem > .bodyItem {
    flex-grow: 1;
    width: 50%;
    border-radius: 4px !important;
}


/* 판매회원 지원 - 2023.06.08 추가 */
.sub-con > p.dot {
    margin: 0;
    color: #333;
    font-size: 16px;
    font-weight: 400;
}

.sub-con > p.dot::before {
    padding-right: 8px;
    content: '·';
    color: #333;
    font-size: 14px;
}

.sub-con > p.dot > span {
    display: block;
    font-size: 14px;
    padding-left: 14px;
}

.guideConImg > .dataTrnImg {
    margin: 20px 100px 0;
}

.guideConImg > .dataTrnImg img {
    width: 100%;
}

.ncpimgBox {
    margin-bottom: 16px;
    width: 100%;
    border: 1px solid #1784D8;
    border-radius: 10px;
}

.ncpimgBox > .titBox {
    padding: 19px;
    font-family: 'GmarketSans';
    color: #1784D8;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #1784D8;
}

.ncpimgBox > .conBox {
    padding: 16px;
    text-align: left;
    background: #fff !important;
}

.ncpimgBox > .conBox p {
    margin: 0;
    color: #363a3c;
    font-size: 16px;
}

.ncpimgBox > .conBox .subCon {
    padding-top: 10px;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.ncpimgBox > .conBox .subCon > li {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 156px;
    border: 1px solid #1784D8;
    border-radius: 10px;
}

.ncpimgBox > .conBox .subCon > li.bd-no {
    border: none;
}

.ncpimgBox > .conBox .subCon > li a {
    display: block;
}

.ncpimgBox > .conBox .subCon > li span {
    font-family: 'GmarketSans';
    color: #363a3c;
    font-size: 16px;
}

.ncpimgBox > .conBox .subCon > li img.icon {
    width: 48px;
    height: 48px;
}

.ncpimgBox > .conBox .subCon > li img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.netWorkItem {
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    height: 180px;
    background: #f8fafb;
    border-radius: 10px;
}

.qualityItem {
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    height: 248px;
    background: #f8fafb;
    border-radius: 10px;
}

.netWorkItem > img,
.qualityItem > img {
    width: 220px;
    height: 100%;
    border-radius: 10px 0 0 10px;
    object-fit: cover;
    flex-shrink: 0;
}

.netWorkItem .rightItem,
.qualityItem .rightItem {
    padding: 24px 16px;
}

.netWorkItem .rightItem .tit,
.qualityItem .rightItem .tit {
    color: #162851;
    font-size: 18px;
    font-weight: 700;
}

.netWorkItem .rightItem ul.dotList,
.qualityItem .rightItem ul.dotList {
    margin: 0;
    padding-top: 10px;
}

.netWorkItem .rightItem ul.dotList li p,
.qualityItem .rightItem ul.dotList li p {
    margin: 0;
    margin-bottom: 2px;
    position: relative;
    color: #292A2B;
    font-size: 16px;
    font-weight: 400;
    word-break: keep-all;
}

.netWorkItem .rightItem ul.dotList li p::before,
.qualityItem .rightItem ul.dotList li p::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 8px;
    content: '·';
    color: #292A2B;
    font-size: 16px;
}

.netWorkItem .rightItem ul.dotList li p:not(.txt),
.qualityItem .rightItem ul.dotList li p:not(.txt) {
    padding-left: 8px;
}

.qualityItem .rightItem ul.dotList li > ul.subdotList {
    margin-left: 15px;
}

.qualityItem .rightItem ul.dotList li > ul.subdotList li::before {
    content: none;
}

.banner-area {
    margin-top: 60px;
    background: #D9F1FF;
}

.banner-area .container .leftItem {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.banner-area .container .leftItem .tit {
    font-family: 'GmarketSans';
    color: #00467F;
    font-size: 24px;
    font-weight: bold;
}

.banner-area .container .leftItem .subTit {
    color: #00467F;
    font-size: 18px;
    font-weight: 400;
}

.banner-area .container .leftItem .button-area {
    padding-bottom: 0;
}

.banner-area .container .leftItem .button-area a {
    padding: 0 20px;
    display: block;
    height: 45px;
    color: #00467F;
    font-size: 16px;
    line-height: 45px;
    background-color: #fff;
    border-radius: 10px;
}

.banner-area .container .rightItem {
    text-align: right;
}

.banner-area .container .rightItem img {
    position: relative;
    top: -5%;
}


/* 상품화 지원 - 2023.06.08 추가 */
.guideCon.sm-Icon .guideConItem > div img {
    width: 70px;
    height: 70px;
}

.subConBox {
    padding: 24px 50px;
    text-align: center;
    background: #F8FAFB;
}

.subConBox > div img,
.subConBox > img {
    width: 100%;
}

.subConBox > .dataService.d-img {
    width: 75% !important;
}

.subConBox  > div img.m-img,
.subConBox > img.m-img {
    display: none;
}


/* 플랫폼 소개 - 2023.06.08 추가 */
.dataTrn-intro {
    padding: 40px 0 36px;
    text-align: center;
}

.dataTrn-intro h4.tit {
    font-family: 'GmarketSans';
    color: #333;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
}

.dataTrn-intro p.sub-tit {
    display: inline-block !important;
    margin: 0;
    color: #666;
    font-size: 16px;
    font-weight: 400;
}

.dataTrn-intro p.sub-tit span.blue {
    color: #1784D8;
    font-weight: 700;
}

.dataTrn-intro .imgBox {
    margin-top: 36px;
}

.dataTrn-intro .imgBox img {
    width: 100%;
    max-width: 800px;
}

.subConBox.line {
    background: #fff;
    border: 2px solid #e1e4e6;
    border-radius: 10px;
}

.txtItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.txtItem .tit-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: #fff;
    background: #1784D8;
    border-radius: 50px;
}

.txtItem .tit-txt {
    color: #292A2B;
    font-size: 16px;
    font-weight: 700;
}

.guideCon .guideConItem.long-l::after {
    width: 160px;
}


/* 주문상세내역 - 2023.06.07 추가 */
.cpm-topItem {
    padding-bottom: 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.cpm-topItem span {
    color: #666;
    font-size: 14px;
    font-weight: 400;
}

.cpm-topItem span::after {
    content: '│';
    font-size: 14px;
    color: #e2e2e2;
    padding: 0 10px;
}

.cpm-topItem span:last-child:after {
    content: '';
}

/* 주문상세내역 팝업 - 상품 파일 다운로드 - 2023.06.07 추가 */
#download-modal .tbl {
    border-top: 1px solid #292a2b;
    border-bottom: 1px solid #292a2b;
}

#download-modal .modal-content h3,
#download2-modal .modal-content h3 {
    padding-bottom: 30px;
    text-align: center;
}

#download-modal .modal-content .tbl-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #292a2b;
}

#download-modal .modal-content .tbl-row:last-child {
    border-bottom: 0;
}

#download-modal .modal-content .tbl-row .titTxt {
    padding: 10px;
    width: 100px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}

#download-modal .modal-content .tbl-row .conTxt {
    padding: 10px;
    flex-grow: 1;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    word-break: break-all;
}

#download-modal .modal-content .infoTxt {
    padding: 21px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

#download-modal .modal-content .chk-area {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

#download-modal .modal-content .chk-area label {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#download-modal .modal-content .chk-area label span {
    height: unset;
    font-size: 16px;
    font-weight: 200;
}

#download-modal .modal-content a.blue {
    font-size: 16px;
    color: #0029ff;
}

#download-modal .chk-area [type="checkbox"].filled-in:not(:checked) + span:not(.lever):before,
#download-modal .chk-area [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after,
#download-modal .chk-area [type="checkbox"].filled-in:checked + span:not(.lever):after {
    top: 3px !important;
}

#download-modal .chk-area [type="checkbox"].filled-in:checked + span:not(.lever):before {
    top: 4px;
}

.chk-area [type="checkbox"].filled-in:not(:checked) + span:not(.lever):before,
.chk-area [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    top: 0;
}

#download2-modal .detail-tbl-wrap {
    height: auto;
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
}

#download2-modal .modal-content > .row {
    padding-bottom: 0;
}

#download2-modal .modal-content .tit-area {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

#download2-modal .modal-content .dataSet-upload .upload-hidden {
    display: none;
}

#download2-modal .modal-content .dataSet-upload label {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    gap: 5px;
    width: 100%;
    color: #333;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #eee;
}

#download2-modal .modal-content .detail-tbl-wrap .detail-tbl-row .detail-tbl-col.flexCon {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

#download2-modal .modal-content .detail-tbl-col.flexCon p {
    margin: 0;
}

#download2-modal .modal-content .detail-tbl-col.flexCon p a {
    color: #1784D8;
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
}

#download2-modal .modal-content .detail-tbl-col.flexCon .btn-area {
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

#download2-modal .modal-content .detail-tbl-col.flexCon .btn-area a {
    display: block;
    padding: 5px 10px;
    font-size: 14px;
}


/* 데이터상품 - 오픈마켓 리스트 - 2023.06.08 추가 */
.filter-optns {
    margin: 0;
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
}

.filter-optns > li label {
    display: block;
    padding: 0 10px;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    cursor: pointer;
}

.filter-optns > li input:checked + label {
    color: #fff;
    background: #1784D8;
    border-color: #1784D8;
}


/* 데이터상품 - 상세 스타일추가 - 2023.06.08 추가 */
.list-item .list-txt a {
    color: #1784d8;
    font-size: 15px;
    font-weight: 400;
}

#rfnCd ul {
    margin-top: 0;
}

.itemTtl {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.itemTtl  img {
    width: 30px;
    height: 30px;
}

.dataValueinfo img {
    width: 100%;
    height: auto;
}


/* 개인정보 이용약관 모달 팝업 - 2023.06.14 추가 */
#greeBox-modal .agreeBox-tit {
    margin-bottom: 5px;
    padding: 10px 15px;
    background: #1784D8;
    border-radius: 5px 5px 0 0;
}

#greeBox-modal .agreeBox-tit h3 {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

#greeBox-modal .agreeBox-Con {
    padding: 15px 12px 12px;
    line-height: 1.5;
    background: #f6f5f8;
    border: 1px solid #efeef0;
}

#greeBox-modal .agreeBox-Con h1 {
    margin: 0;
    padding: 20px 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -1px;
    word-break: break-all;
}

#greeBox-modal .agreeBox-Con .txt-area {
    padding-bottom: 15px;
}

#greeBox-modal .agreeBox-Con .txt-area h2 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -1px;
    word-break: break-all;
}

#greeBox-modal .agreeBox-Con .txt-area p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    word-break: break-all;
}

#greeBox-modal .agreeBox-Con .txt-area ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

#greeBox-modal .agreeBox-Con .txt-area ol li {
    padding-bottom: 5px;
}

#greeBox-modal .agreeBox-Con .txt-area ol li:last-child {
    padding-bottom: 0;
}

#greeBox-modal .agreeBox-Con .txt-area ol li > ol {
    margin-left: 10px;
}


/* FAQ 반응형 select 숨김 - 2023.06.15 */
.select.faq {
    display: none;
}


/* 데이터상세페이지 표 스타일 추가 - 2023.06.16 */
.dtlTableBox {
    margin-top: 16px;
    width: 100%;
    max-height: 330px;
    overflow: auto;
}


/* CCL 안내 - 2023.06.19 추가 */
.CCL-tbl .tbl-header,
.CCL-tbl .tbl-body .tbl-bodyBox {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.CCL-tbl .tbl-header {
    margin: 0;
    border-top: 1px solid #292a2b;
    border-bottom: 1px solid #292a2b;
}

.CCL-tbl .tbl-bodyBox {
    border-bottom: 1px solid #ced3d6;
}

.CCL-tbl .tbl-header .tbl-headerItem {
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}

.CCL-tbl .tbl-body .tbl-bodyItem {
    padding: 18px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;

}

.CCL-tbl .tbl-header .tbl-headerItem:nth-child(1),
.CCL-tbl .tbl-body .tbl-bodyItem:nth-child(1) {
    width: 18%;
}

.CCL-tbl .tbl-header .tbl-headerItem:nth-child(2),
.CCL-tbl .tbl-body .tbl-bodyItem:nth-child(2) {
    width: 12%;
}

.CCL-tbl .tbl-header .tbl-headerItem:nth-child(3),
.CCL-tbl .tbl-body .tbl-bodyItem:nth-child(3) {
    width: 70%;
    flex-grow: 1;
}

.CCL-tbl .tbl-body .tbl-bodyItem img {
    width: 100%;
    height: auto;
}


/* 마이페이지 사이드네비게이션 스타일 - 2023.06.19추가 */
.mypage-sidenav-m  {
    display: none;
}

.mypage-sidenav-m .mypage-sidenavBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.mypage-sidenav-m .mypage-sidenavBox .select {
    width: 100%;
}


/* 마이페이지 헤더 스타일 추가 - 2023.06.19 */
.frn-sub-header .left-con {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.frn-sub-header .left-con .myPg-tit {
    display: none;
    font-size: 26px;
    font-weight: 700;
}


/* 마이페이지 데이트피커 넓이 스타일 추가 - 2023.06.19 */
.datepicker_wrap.subMypg-datepicker {
    width: 350px;
    flex-grow: 1;
    align-items: center;
    flex-wrap: nowrap;
}


/* 상품 상세페이지 슬라이드 스타일 추가 - 2023.06.19 */
.swiper.dtlSwiperItem,
.swiper.subSlide {
    margin: 0;
    width: 100%;
}

.dtlSwiperItem .swiper-slide,
.subSlide .swiper-slide {
    width: 25%;
}

.dtlSwiperItem .slideItemBox.dataSlideItem,
.subSlide .slideItemBox.dataSlideItem {
    width: 100%;
}


/* 테이블 반응형 overflow 수정 -2023.06.20 */
.tableBox {
    overflow: auto;
}


/* 주문/결제 업체구분 스타일 추가 - 2023.06.22 */
.cart-item-slr span {
    font-size: 16px;
    color: #666;
}

.cart-item-slr span::after {
    content: "ㅣ";
    color: #e2e2e2;
    font-size: 16px;
    padding: 0 5px;
}

.cart-item-slr span:last-child::after {
    content: none;
}


/* 리포트마켓 리스트 - 2023.06.21 */
.data-con-body .reportMkItem {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    height: 100%;
    max-height: 250px;
}

.data-con-body .reportMkItem.mt-no {
    margin-top: 0;
}

.data-con-body .reportMkItem .leftItem.img-area {
    flex-shrink: 0;
    width: 360px;
    height: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
}

.data-con-body .reportMkItem .leftItem.img-area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.data-con-body .reportMkItem .righItem.con-area {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    width: calc(100% - 380px);
    height: 100%;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.data-con-body .reportMkItem .righItem.con-area .topItem {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.data-con-body .reportMkItem .righItem.con-area .topItem > span {
    display: block;
    color: #666;
    font-size: 13px;
}

.data-con-body .reportMkItem .righItem.con-area .topItem h2.tit {
    margin: 0;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

.data-con-body .reportMkItem .righItem.con-area .topItem p.conTxt {
    margin: 0;
    font-size: 16px;
}

.data-con-body .reportMkItem .righItem.con-area .topItem .infoTxt {
    display: flex;
    flex-direction: row;
}

.data-con-body .reportMkItem .righItem.con-area .topItem .infoTxt span {
    color: #999;
    font-size: 13px;
}

.data-con-body .reportMkItem .righItem.con-area .topItem .infoTxt span::after {
    content: '│';
    color: #eee;
    font-size: 12px;
    padding: 0 8px;
}

.data-con-body .reportMkItem .righItem.con-area .topItem .infoTxt span:last-child::after {
    content: none;
}

.data-con-body .reportMkItem .righItem.con-area .footerItem {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
}

.data-con-body .reportMkItem .righItem.con-area .footerItem > .leftItem {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

.data-con-body .reportMkItem .righItem.con-area .footerItem > .leftItem .down,
.data-con-body .reportMkItem .righItem.con-area .footerItem > .leftItem .view {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

.data-con-body .reportMkItem .righItem.con-area .footerItem > .leftItem img {
    width: 20px;
    height: 20px;
}

.data-con-body .reportMkItem .righItem.con-area .footerItem > .leftItem span {
    color: #909090;
    font-size: 13px;
}

.data-con-body .reportMkItem .righItem.con-area .footerItem > .rightItem .priceBox {
    padding: 8px 16px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: #57aeea;
    border-radius: 8px;
}


/* 데이트피커 스타일 수정 - 2023.06.26 추가 */
.datepicker_wrap {
    flex-wrap: wrap;
}

input.datepicker {
    background-image: none;
}

.datepicker-footer .confirmation-btns button.datepicker-done {
    display: none;
}

.dropdown-content {
    /* max-height: 320px; */
    max-height: 410px;
}


/* 데이터상품 리스트 검색필터 스타일 - 2023.06.26 */
.search-area .btnBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.search-area input.ipt_type01 {
    width: unset;
    flex-grow: 1;
}


/* 텍스트 강조 스타일(상품화 지원) - 2023.06.30 추가 */
.spotTxt {
    width: fit-content !important;
    background: linear-gradient(to top, yellow 50%, transparent 50%);
}


/* 데이터서비스 양가농가 자가진단 진단하기 차트 스타일 - 2023.06.30 추가 */
.resultView {
    display: none;
}

.resultView .row > .col {
    width: 100%;
}

.resultView.active {
    display: block;
}

.resultViewItem {
    margin-top: 16px;
    padding: 15px;
    width: 100%;
    min-height: 350px;
    max-height: 400px;
    border: 1px solid #ced3d6;
}

.resultViewItem .canvas {
    width: 100%;
    height: 250px;
}

.resultViewItem canvas {
    width: 100%;
    height: 100%;
}


/* 데이터 상세페이지 활용 예시 이미지 사이즈 적용 */
.dtlPgImgItem {
    margin-top: 10px;
    width: 100%;
    height: auto;
}


/* 데이터 상세보기 데이터 가치정보 스타일 추가 - 2023.07.03 */
.dataValueinfo {
    margin-top: 16px;
    width: 100%;
    overflow: auto;
}


/* 데이터 상세 테이블 disabled 배경 수정 - 2023.07.04 추가 */
.input-table input:disabled,
.input-table td.str-data-head-nm.disabled {
    background: #f5f5f5;
}


/* 채팅 스타일 추가 - 2023.07.04 추가 */
.m-chatbtn {
    display: none;
}

.sub-con-body .chat-area .chat-right.blank .chat-top {
    border-bottom: none;
}

.sub-con-body .chat-area .chat-right ul li.chat-you .chat-r-txt > span,
.sub-con-body .chat-area .chat-right ul li.chat-my .chat-r-txt > span {
    flex-shrink: 0;
}

.chat-area .chat-right .chat-you .chat-youItemBox {
    width: 100%;
    max-width: 600px;
}

.chat-m-top-area {
    display: none;
}

.chat-input-Field-d .chat-bottom .input-field a.m-chatbtn {
    display: none;
}


/* 데이터가치정보 스타일 추가 수정 - 2023.07.05 추가 */
.titTopBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.titTopBox .queMark {
    position: relative;
}

.titTopBox .queMark p {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 15px;
    background: #000;
    border-radius: 50px;
    flex-shrink: 0;
}

.titTopBox .queMark .hoverTxt {
    display: none;
}

.titTopBox .queMark .hoverTxt:after {
    border-bottom: 10px solid #292A2B;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 0px solid transparent;
    content: "";
    position: absolute;
    top: -5px;
    left: 30px;
}

.titTopBox .queMark p:hover ~ .hoverTxt {
    display: block;
    padding: 16px;
    position: absolute;
    top: 25px;
    left: -30px;
    width: max-content;
    color: #fff;
    font-size: 14px;
    background: #292A2B;
    border-radius: 50px;
    z-index: 10;
}

table tbody tr td.markBox .queMark {
    position: relative;
    display: inline-block;
}

table tbody tr td.markBox .queMark p {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 14px;
    background: #000;
    border-radius: 50px;
    flex-shrink: 0;
}

table tbody tr td.markBox .queMark .hoverTxt {
    display: none;
}

table tbody tr td.markBox .queMark .hoverTxt:after {
    border-bottom: 0 solid transparent;
    border-left: 10px solid #292A2B;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    content: "";
    position: absolute;
    bottom: 5px;
    left: 7px;
}

table tbody tr td.markBox .queMark p:hover ~ .hoverTxt {
    display: block;
    padding: 16px;
    position: absolute;
    top: -60px;
    left: 10px;
    width: max-content;
    color: #fff;
    text-align: left;
    font-size: 14px;
    background: #292A2B;
    border-radius: 50px;
    z-index: 10;
}


/* 데이터요청 상세글 텍스트 스타일 추가 - 2023.07.06 */
.sub-con-body .infoTxtBox {
    padding: 16px 0;
    text-align: center;
    border-bottom: 1px solid #c4c4c4;
}

.sub-con-body .infoTxtBox span {
    display: block;
    font-size: 14px;
}


/* 문의하기 비밀글 비밀번호 입력 팝업 */
.modal-content h3 {
    margin: 0;
    font-size: 18px;
}

.mw .fg .form_wrap span.inp_wrap {
    padding: 24px 0;
    display: block;
}

#mw_temp .span.inp_wrap input {
    height: 40px;
}

.mw .fg .btn_wrap {
    padding: 0;
    text-align: center;
}


/* 체크박스 안내문구 스타일 추가 - 2023.07.07 */
label.chkPd {
    padding-bottom: 16px;
}

label.chkPd.pd-no {
    padding-bottom: 0;
}


/* 아이디,비밀번호 찾기 안내문구 -2023.07.07 추가 */
.fnd-pw .input-field.pd-no {
    padding-bottom: 0 !important;
}

.fnd-pw .input-area .row .small-txt {
    font-size: 12px;
    color: #666;
}


/* 회원가입 약관동의 - 14세 이상 이용가능 스타일 - 2023.07.07 */
label > span > a {
    display: block;
    width: fit-content;
    font-size: 14px;
}

#UnderAgeModal .modal-content .form_wrap span.modalTxt {
    font-size: 15px;
}


/* 게시글 비밀글 스타일 추가 - 2023.07.10 */
label.secretWrt {
    flex-grow: 1;
}

label.secretWrt > input {
    width: 100%;
}


/* 카드뉴스 - 2023.07.12 */
.table-search.news {
    justify-content: flex-start;
    width: 100%;
}

.table-search.news .input-field {
    flex-grow: 1;
}

.table-search.news .input-field input {
    width: 100%;
}

.data-con-body .ImgListBox.mt-no {
    margin-top: 0;
}

.data-con-body .ImgListBox {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    height: 100%;
    min-height: 170px;
    max-height: 170px;
}

.data-con-body .ImgListBox .leftItem.img-area {
    flex-shrink: 0;
    width: 200px;
    height: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
}

.data-con-body .ImgListBox .leftItem.img-area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.data-con-body .ImgListBox .righItem.con-area {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 20px;
    padding: 16px;
    width: calc(100% - 220px);
    height: 100%;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.data-con-body .ImgListBox .righItem.con-area .titItem {
    display: flex;
    flex-direction: column;
    gap: 13px;
    flex-grow: 1;
}

.data-con-body .ImgListBox .righItem.con-area .titItem > span {
    display: block;
    color: #666;
    font-size: 13px;
}

.data-con-body .ImgListBox .righItem.con-area .titItem h2.tit {
    margin: 0;
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

.data-con-body .ImgListBox .righItem.con-area .titItem .conTxt {
    height: 35px;
}

.data-con-body .ImgListBox .righItem.con-area .titItem .conTxt > p {
    margin: 0;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;
}

.data-con-body .ImgListBox .righItem.con-area .titItem .dateItem {
    margin-top: auto;
}

.data-con-body .ImgListBox .righItem.con-area .titItem .dateItem span.date {
    color: #999;
    font-size: 13px;
}


/* 카드뉴스 상세 - 2023.07.12 */
p.txt-break {
    margin: 0;
    font-size: 15px;
}

.news.img-area {
    margin-bottom: 10px;
    width: 100%;
    max-width: 400px;
}

.news.img-area img {
    width: 100%;
    height: auto;
}


/* 브레드크럼 스타일 추가 수정 - 현재페이지의 메뉴명만 bold처리 (2025.02.04) */
/*.breadcrumb:nth-child(2) {
    font-size: 16px;
    font-weight: 600;
}*/
.breadcrumb {
	font-size: 16px;
    color: #292A2B !important;
}
.breadcrumb:before {
	/* color: #292A2B !important; */
}
.sub-con-header .right-con nav.breadcrumb-wrap .breadcrumb:last-child {
    color: #292A2B !important;
    font-weight: 600 !important;
}

.sub-con-header .right-con nav.breadcrumb-wrap .breadcrumb:before {
	font-weight: normal !important;
}


/* 데이터상세페이지 API,LINK - 2023.07.13 */
p.apiTxt {
    margin: 0;
    line-height: normal;
}

.down-flexBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start !important;
    gap: 10px;
}

.down-flexBox a.download {
    color: #1784D8;
    font-size: 16px;
}

#select-options-a3bbf71b-3323-d00a-b6f8-823cbea271da.dropdown-content.select-content {
    top: 150px !important;
}


/* 협업문의 스타일 추가 */
#clb-modal {
    background-color: #fff;
    max-height: 100% !important;   
    top: 8% !important; 
}

#clb-modal .clb-logo {
    padding-bottom: 10px;
    width: 100%;
}

#clb-modal .clb-logo img {
    width: 55%;
}

#clb-modal .clb-contentBox {
    padding: 24px;
    border: 1px solid #ccc;
}

#clb-modal .clb-contentBox .clb-tit p {
    margin-bottom: 0;
    padding: 10px 0 14px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
}

#clb-modal .clb-contentBox .clb-content {
    margin: 14px 0 0;
}

#clb-modal .clb-contentBox .clb-content h5 {
    margin-bottom: -5px;
    font-size: 14px;
    font-weight: 600;
}

#clb-modal .clb-contentBox .clb-content h5 span {
    color: #1784D8;
    font-size: 14px;
}

#clb-modal .clb-contentBox .clb-content .inputField {
    padding-top: 14px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
}

#clb-modal .clb-contentBox .clb-content .inputField .titTxt {
    font-size: 14px;
    font-weight: 500;
}

#clb-modal .clb-contentBox .clb-content .inputField .titTxt span {
    font-size: 12px;
}

#clb-modal .clb-contentBox .clb-content .inputField textarea {
    height: 60px;
    resize: none;
}

#clb-modal .clb-contentBox .clb-content .inputField .infoTxt {
    padding-bottom: 0;
    color: #666;
    font-size: 12px;
}


/* 소셜로그인 스타일 추가 - 2023.09.12 */
.socialBox {
    padding: 38px 0;
    border-top: 1px solid #ddd;
}

.socialBox > .row a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.socialBox > .row a.kakao {
    background: #FEE500;
}

.socialBox > .row a.kakao img {
    width: 35%;
}

.socialBox > .row a.naver {
    background: #03C75A;
}

.socialBox > .row a img {
    width: 30%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 640px) {
    .socialBox > .row a.kakao img {
        width: 45%;
    }

    .socialBox > .row a img {
        width: 40%;
    }
}


/* 에디터 내 이미지 사이즈 조정 - 2023.09.15 추가 */
p > img {
    max-width: 100%;
}


/* 회원가입 소속 - 모달 - 20231019 추가 */
#belong-modal {
    max-width: 80%;
}

#belong-modal .modal-content .modalTop {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

#belong-modal .modal-content .modalTop h3.tit {
    flex-grow: 1;
    color: #000;
    font-size: 24px;
    font-weight: 700;
}

#belong-modal .modal-content .modalTop a {
    display: flex;
    align-items: center;
    justify-content: center;
}

#belong-modal .modal-content .modalBody {
    margin-top: 24px;
}

#belong-modal .belong-search {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
}

#belong-modal .belong-search .input-field {
    flex-grow: 1;
}

#belong-modal .belong-search .input-field input {
    width: 100%;
}

#belong-modal .scAfterBox {
    margin-top: 18px;
}

#belong-modal .scAfterBox h4.tit {
    flex-grow: 1;
    color: #000;
    font-size: 18px;
    font-weight: 700;
}

#belong-modal .scAfterBox table tbody td.title {
    width: 50%;
}

@media (max-width: 640px) {
    #belong-modal .detail-tbl-wrap .detail-tbl-row {
        flex-direction: column;
    }

    #belong-modal .detail-tbl-wrap .detail-tbl-row .detail-tbl-col.tit,
    #belong-modal .detail-tbl-wrap .detail-tbl-row .detail-tbl-col.con,
    #belong-modal .detail-tbl-wrap .detail-tbl-row .detail-tbl-col.con2 {
        width: 100%;
    }
}

@media (max-width: 505px) {
    #belong-modal .detail-tbl-wrap .detail-tbl-row .detail-tbl-col .belong-search > a {
        width: 100%;
    }
}

/* 마이페이지 - 할인회원 신청 추가 - 20240102 */
.subconBox {
    padding: 20px 0;
    border-top: 1px solid #C4C4C4;
    border-bottom: 1px solid #C4C4C4;
}

.subconBox > ul li {
    position: relative;
    font-size: 16px;
}

.subconBox > ul li::before {
    display: inline-block;
    margin-right: 4px;
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 100px;
}

.subconBox > ul li:not(.txt) {
    padding-left: 10px;
}

.subconBox > ul li > span {
    font-weight: bold;
}

.tableBoxs {
    width: 100%;
    overflow-x: auto;
}

.tableBoxs > table thead {
    background: #9A9A9A;
}

.tableBoxs > table thead tr th,
.tableBoxs > table tbody tr td {
    word-break: keep-all;
}


.tableBoxs > table thead tr th {
    color: #fff;
    text-align: center;
}

.tableBoxs > table thead tr th:first-child {
    border-right: 1px solid #eee;
}

.tableBoxs tbody > tr td {
    padding: 0 15px;
    white-space: normal;
    border: 1px solid #eee;
}

.tableBoxs > table thead tr th.tableCon {
    width: 40% !important;
}

.tableBoxs tbody > tr td > p.dotTxt {
    position: relative;
    font-size: 16px;
}

.tableBoxs tbody > tr td > p.dotTxt::before {
    display: inline-block;
    margin-right: 4px;
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 100px;
}

.tableBoxs tbody > tr td > p.dotTxt:not(.txt) {
    padding-left: 10px;
}

.tableBoxs tbody > tr td > p.dotTxt > span {
    display: block;
    color: #999;
}

.subconBox > ul li > .stick {
    margin-top: 8px;
}

.subconBox > ul li > .stick p {
    position: relative;
    margin: 0;
}

.subconBox > ul li > .stick p::before {
    display: inline-block;
    margin-right: 4px;
    content: "-" !important;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
}

.subconBox > ul li > .stick p:not(.txt) {
    padding-left: 14px;
}

@media (max-width: 640px) {
    .subconBox {
        font-size: 14px;
    }

    .tableBoxs tbody > tr td > p.dotTxt,
    .tableBoxs tbody > tr td > p.dotTxt > span,
    .subconBox > ul li > .stick p {
        font-size: 14px;
    }
}

tr.conNone td {
    padding: 34px 0 !important;
    color: #999;
    text-align: center;
}

p.topInfoText {
    margin: 0;
    font-size: 14px;
    padding-bottom: 17px;
}

p.topInfoText > span {
    color: #1784D8;
}

a.plzBtn {
    margin-left: auto;
    min-width: 130px;
}

@media (max-width: 640px) {
    .mselect {
        margin-top: 8px;
    }
}

.userBox > .filebox label {
    justify-content: center;
    color: #fff !important;
    background: #1784D8;
    border: none;
}
.userBox > .filebox {
    flex-grow: 1;
}

a.guideItemBtn {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 40px;
    color: #fff;
    font-size: 14px;
    background: #1784D8;
}

@media (max-width: 980px) {
    a.guideItemBtn {
        width: 100%;
    }
}

#guideItemModal > h4 {
    margin: 0 ;
    padding: 24px 24px 0;
}

#guideItemModal .modal-content p {
    font-weight: normal;
}

@media (max-width: 760px) {
    #guideItemModal {
        max-width: 80%;
    }
}

p.pdfTxt {
    margin: 0;
    color: #1784D8;
    font-size: 15px;
}

@media (max-width: 640px) {
    p.pdfTxt,
    .flexItemBox > p.leftItem,
    .flexItemBox > p.rightItem {
        font-size: 14px;
    }
}

.flexItemBox {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.flexItemBox > p {
    margin: 0;
    font-size: 15px;
}

.flexItemBox > p.leftItem {
    flex-shrink: 0;
    width: 150px;
    border-right: 1px solid #e2e2e2;
}

.flexItemBox > p.rightItem {
    flex-grow: 1;
    padding-left: 20px;
}

@media (max-width: 960px) {
    .flexItemBox {
        flex-direction: column;
    }

    .flexItemBox > p.leftItem {
        padding-bottom: 16px;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e2e2e2;
    }

    .flexItemBox > p.rightItem {
        padding-left: 0;
        margin-top: 16px;
    }
}

.select-wrapper {
    width: 100%;
    margin: 0 auto;
}

/* 할인 적격증빙안내 스타일 추가 - 20240131 */
.modal .modal-content .tableBoxs tbody > tr td > p.dotTxt {
    margin: 16px 0 !important;
}

/* 로그인화면 버튼 위치 변경 - 240513 */
.frn-login .loginBtn_area {
	padding: 0 0 38px 0;
	display: flex;
	justify-content: flex-end;
}
.frn-login .loginBtn_area .join-btn{
	padding-left: 18px;
}
.frn-login .loginBtn_area .join-btn:first-child{
	color: #1784d8;
	padding: 0;
	margin-right: auto;
}
.frn-login .join-loginBtn {
	border-radius: 8px;
}
.container.frn-login .btn.blue-btn {
    background-color: #1784d8;
    color: #fff;
    border: 0;
}

@media (max-width: 640px) {
    .frn-login .loginBtn_area a {
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 459px) and (min-width: 320px) {
    .footer .footer-info a.footer-item {
        font-size: 14px !important;
    }
}

/* css 추가(24.05.08) start */
.prd-dtl-all .dtl-body .container .secItem a.othgds-link {
    font-size: 16px!important;
    cursor: pointer;
    width: 65px;
    text-align: center;
    color: #1784D8;
    border: 1px solid #1784D8;
    border-radius: 5px;
    padding: 3px;
}

.prd-dtl-all .secItem .slide-area [class*="button-prev"],
.prd-dtl-all .secItem .slide-area [class*="button-next"] {
    cursor: pointer;
}

/* 소개컨텐츠 */
.cus_imgBox {margin-top:50px}
.cus_intro h4.tit {font-size:36px; color:#126cc7;margin-top:30px}

.subConBox.cus_imgBox {padding:20px 0}
.subConBox.cus_imgBox .d-img {width:auto}

.cus_imgBox2 {background:none}
.cus_imgBox2 img {width:auto;max-width:100%}

@media only screen and (max-width: 1199px) {
	.prd-dtl-all .dtl-body .container .secItem {
		position: relative;
	}
    .prd-dtl-all .dtl-body .container .secItem a.othgds-link {
    	position: absolute;
    	top: 16px;
    	right: 16px;
	}

/* 소개컨텐츠 */
.cus_imgBox {width:100%; padding:0 10px}
.cus_imgBox img {width:100%}

.subConBox.cus_imgBox .d-img {width:100%}


}

@media only screen and (min-width: 1200px) {
    .prd-dtl-all .dtl-body .container .secItem a.othgds-link {
    	position: relative;
    	margin-bottom: auto;
    	margin-top:20px;
	}
}

.prd-dtl-all .itemTtl img {
	padding: 8px 4px 0px;
}

.prd-dtl-all .dtl-body {
	margin-bottom: 0px;
}

.prd-dtl-all .review-wrapper {
	margin-top: 30px;
}

.prd-dtl-all .row.bt-divider {
	padding-top: 15px;
}

@media only screen and (max-width: 640px) {
	.prd-dtl-all #detail_data-area .detail_data_box {
		margin-top: 0px;
	}
}

.prd-dtl-all #detail_data-area .dtlTableBox {
	max-height: none;
	margin-bottom: 14px;
}

.prd-dtl-all #chart-sample-empty-area .dtlTableBox {
	max-height: none;
}

.prd-dtl-all #detail_data-area .data-load-bar,
.datavoucher-area .data-load-bar {
	border: 1px solid #eee;
	background: #eee;
	color: #333;
	border-radius: 5px;
	margin: 14px 0px;
}

.prd-dtl-all #chart-sample-empty-area .data-load-bar {
	border: 1px solid #eee;
	background: #eee;
	color: #333;
	border-radius: 5px;
	margin-top: 14px;
}

.prd-dtl-all .data-load-bar a,
.datavoucher-area .data-load-bar a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	font-size: 14px;
}

.prd-dtl-all .data-load-bar span,
.datavoucher-area .data-load-bar span {
	font-size: 14px;
	color: #333;
	margin-left: 3px;
}

.dtl-info-wrapper {
	position: relative;
}

.dtl-info-wrapper .icon-box-sns {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 12px!important;
	top: 40px;
	width: 222px;
	height: 115px;
	border: 1px solid #eee;
	background: #fff;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 1300px) {
    .dtl-info-wrapper .icon-box-sns {
        right: 10px;
    }
}

@media only screen and (min-width: 1301px) {
    .dtl-info-wrapper .icon-box-sns {
        right: -55px;
    }
}

.icon-box-sns .icon-box img,
.icon-box-sns .icon-box .link-icon {
	width: 30px;
	height: 30px;
}

.icon-box-sns .icon-box {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-bottom: 15px;
}

.icon-box-sns .url-box {
	display: flex;
	justify-content: center;
}

.icon-box-sns .url-box #url-text {
	width: 110px;
	padding: 5px;
	border: 1px solid #eee;
	background: #fff;
	font-size: 11px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.icon-box-sns .url-box #btn-copy {
	width: 65px;
	padding: 5px;
	border: 1px solid #eee;
	background: #eee;
	font-size: 12px;
	text-align: center;
}

.icon-box-sns #btn-close {
	position: absolute;
	top: 8px;
	right: 10px;
}

.icon-box-sns #btn-close img,
.icon-box-sns #btn-close {
	width: 18px;
	height: 18px;
}

.frn-sub-header .left-con {
	position: relative;
}

.frn-sub-header .left-con #btn-share {
	position: absolute;
	top: 1px;
	right: -35px;
}

.frn-sub-header .left-con .icon-box-sns {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 12px!important;
	width: 222px;
	height: 115px;
	border: 1px solid #eee;
	background: #fff;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
	z-index: 1;
}

@media only screen and (max-width: 340px) {
    .frn-sub-header .left-con .icon-box-sns {
        top: 38px;
		left: 40px;
    }
}

@media only screen and (min-width: 341px) and (max-width: 470px) {
    .frn-sub-header .left-con .icon-box-sns {
        top: 38px;
		left: 80px;
    }
}

@media only screen and (min-width: 470px) {
    .frn-sub-header .left-con .icon-box-sns {
        top: -10px;
		right: -270px;
    }
}

@media only screen and (max-width: 750px) {
	.datavoucher-area .row .col.t6 {
		max-width: 50%;
		flex-basis: 50%;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1200px) {
	.datavoucher-area .row .col.t6 {
		max-width: 25%;
		flex-basis: 25%;
	}
}

@media only screen and (min-width: 641px) {
	.introducecenter-con.row .col.m12 {
		max-width: 50%;
		flex-basis: 50%;
	}
}

.sub-con-body .introducecenter-con .center-item {
	flex-direction: column;
	gap: 0px;
}

.sub-con-body .introducecenter-con .center-item .center-left {
	align-self: center;
	display: flex;
	justify-content: center;
	width: 220px;
	height: 140px;
	padding-top: 20px;
}

.sub-con-body .introducecenter-con .center-item .center-left img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.sub-con-body .introducecenter-con .center-item .center-right {
	margin: 30px 20px 15px;
}

.sub-con-body .introducecenter-con .center-item .center-right .home_url a {
	text-decoration: underline;
}

.sub-con-body .introducecenter-con .center-item .center-bottom {
	text-align: center;
}

.sub-con-body .introducecenter-con .center-item .center-bottom #morePrdBtn {
	display: inline-block;
	padding: 10px 15px;
	font-family: 'GmarketSans';
    padding: 0 14px;
    width: fit-content;
    height: 36px;
    line-height: 38px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    background: #1784D8;
    border-radius: 8px;
    margin: 10px auto 12px;
}
/* css 추가(24.05.08) end */

/* 데이터마켓 라벨 임시 (sta) */
.dtl-info-wrapper .dtl-info-title .mklabel {
	height: 28px;
	line-height: 28px;
	background-color: #FFAF37;
	border-radius: 5px;
	text-align: center;
	color: #fff
}
.dtl-info-wrapper .dtl-info-title .mklabel.pmumk {width: 110px;}
.dtl-info-wrapper .dtl-info-title .mklabel.opmk {width: 70px;}
.dtl-info-wrapper .dtl-info-title .mklabel.rpmk {width: 90px;}
.dtl-info-wrapper .dtl-info-title #prd-title {margin-right: auto; width: 80%}
@media (max-width: 420px) {
	.dtl-info-wrapper .dtl-info-title .mklabel.pmumk {width: 130px;}
	.dtl-info-wrapper .dtl-info-title .mklabel.opmk {width: 90px;}
	.dtl-info-wrapper .dtl-info-title .mklabel.rpmk {width: 110px;}
}
.mklabel_hoverTxt {
    padding: 12px;
    position: absolute;
    top: -10%;
    left: -20px;
    width: max-content;
    color: #fff;
    text-align: left;
    font-size: 14px;
    background: #292A2B;
    border-radius: 50px;
    z-index: 10;
}
.mklabel_hoverTxt:after {
    content: '';
	position: absolute;
	bottom: 0;
	left: 40px;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-top-color: #292A2B;
	border-bottom: 0;
	margin-bottom: -10px;
}
@media (max-width: 601px) {
	.mklabel_hoverTxt {
		font-size: 12px;
		width: 100%;
		padding: 10px;
		left: -15px;
		top: -55px;
	}
}
@media only screen and (max-width: 1200px) and (min-width: 641px) {
	.mklabel_hoverTxt {
		font-size: 12px;
		width: 100%;
		padding: 10px;
		top: -55px;
	}
}
/* 데이터마켓 라벨 임시 (end) */

/* Join New (sta) */
.join .join-tit_new{
	text-align: center;
	padding-bottom: 30px;
    border-bottom: 1px solid #999999;
    margin-bottom: 40px;
}
.join-tit_new .page_title {
    display: inline-block;
    position: relative;
    font-size: 26px;
    line-height: 1;
}

.join-breadcrumb {
	overflow: hidden;
    text-align: center;
    width: 600px;
    margin: 0 auto;
    padding-top : 27px;
}

.join-breadcrumb.sns {
	width: 420px;
}

.join-breadcrumb li {
    display: inline-block;
    float: left;
    width: 25%;
}

.join-breadcrumb.sns li {
    width: 33.33%;
}

.join-breadcrumb li dt {
    position: relative;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    text-align: center;
    line-height: 25px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin: 0 auto;
    background: #C4C4C4;
}

.join-breadcrumb li dt:before {
    content: "";
    position: absolute;
    right: -500%;
    top: 50%;
    height: 1px;
    width: 500%;
    border-top: 1px solid #C4C4C4;
    z-index: -1;
}

.join-breadcrumb li.on dt {
    border-color: #1784D8;
    background: #1784D8;
}

.join-breadcrumb li.on dt:before {
    content: "";
    border-top: 1px solid #1784D8;
}

.join-breadcrumb li dd {
    font-size: 16px;
    color: #777888;
    font-weight: 500;
    padding-top: 10px;
    margin: 0 auto;
}

.join-breadcrumb li.on dd {
    color: #1784D8;
}

.join-breadcrumb li:last-child dt:before {
    content: "";
    position: absolute;
    right: -500%;
    top: 50%;
    height: 0;
    width: 0;
    border-top: 0;
}

.join-small-title {
	font-size: 16px;
    font-weight: bold;
}

.join-clause-item_new {
    margin-top: 40px;
}

.clause-content_new {
    margin: 15px 0;
    padding: 16px;
    width: 100%;
    height: 130px;
    overflow: hidden;
    border: 1px solid #E5E5E5;
    background: #F2F2F2;
    color: #333333 !important;
}

.clause-content_new h1 {
    font-size: 14px;
    margin: 0;
}

.clause-content_new b {
    font-size: 12.5px;
    margin-top: 0;
}

.clause-content_new h2 {
    font-size: 12.5px;
}

.clause-content_new p {
	white-space: normal;
    font-size: 12px;
    line-height: 145% !important;
    margin: 0;
}

.clause-content_new .txt_area .terms {
    font-size: 12px;
    line-height: 130%;
}

.clause-content_new .txt_area div {
    padding: 0 30px;
}

.clause-content_new .txt_area ol {
    padding: 0;
}

.clause-content_new .txt_area ol li {
    font-size: 12px;
    line-height: 130%;
}

.clause-content_new.table table{

}
.clause-content_new.table .terms td{
	font-family: 돋움, Dotum;
	font-size: 12px;
}
.clause-content_new.table span{
	font-family: 돋움, Dotum;
	font-size: 12px;
}
.join_mainCon {
	padding-bottom : 19px;
}

.join_mainCon span.on {
	color: #1784D8;
	font-size: 14px;
}

.joinLabel span.on {
	color: #1784D8;
	font-size: 14px;
}

.joinLabel span.onB {
	font-weight : 700;
	font-size: 14px;
}

.filled-in.frnChk[type="radio"]:not(:checked) + span:before,
.filled-in.frnChk[type="radio"]:not(:checked) + span:after,
.filled-in.frnChk[type="radio"]:checked + span:before,
.filled-in.frnChk[type="radio"]:checked + span:after,
.filled-in.frnChk[type="radio"].with-gap:checked + span:before,
.filled-in.frnChk[type="radio"].with-gap:checked + span:after {
    border-radius: 2px;
}

.mailCert-tit {
	text-align: center;
	padding: 10px 0 20px 0;
}

.mailCretFrm{
	width: 80%;
	margin: 0 auto;
}

a.blue-btn-new {
    min-width: 120px;
    background: #1784d8;
    color: #fff;
}

.join-stxt {
	font-size: 14px;
}

/* Join New (end) */



/* 상세검색 필터 css 조정 (25.02) (sta) */
.cust_search_new {
	border: 1px solid #ddd !important;
	font-size: 15px;
	border-radius: 15px !important;
	box-shadow : 2px 3px 5px rgba(0, 0, 0, 0.15);
}
.cust_search_new .cust_head {background: transparent; padding: 5px;}
.title_w {width: 170px; font-size: 15px; padding: 16px 20px;}
.new_form_wrap {
	display: flex;
	margin-left: 20px;
	align-items: center;
	width: 62%;
	gap: 10px;
}
.new_form_wrap_btn { display: flex; align-items: center; margin-left: auto; gap: 15px;}
.new_form_wrap_btn > a {
	width: unset;
	height: 48px;
	font-size: 0;
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
}
#filter_btn_new span{ color: #1784d8; padding: 0 20px 0px 3px;}
#filter_btn_new.active span {color: #666;}
.new_form_wrap_btn .filter_btn img { width: 18px; height: 18px;}
/* .data-filter-body-new .detail-tbl-col.con {background-color: #eee;} */
.data-filter-body-new .filter-optns > li label {background-color: #fff; border: 1px solid #ddd;}

.search-area_new {width: 100%; display: flex; gap: 10px;}
.search-area_new .ipt_type01 {width: 100% !important;}

.tbl-radius { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; overflow: hidden; }

@media only screen and (max-width: 1000px) and (min-width: 768px) {
	.new_form_wrap { width: 60%;}
	#filter_btn_new { width: 48px; }
	.new_form_wrap_btn span { display: none;}
	.new_form_wrap_btn {margin-left: 20px;}
}

@media (max-width: 767px) {
	.title_w { display: none; }
	.new_form_wrap { width: 80%;}

	.new_form_wrap_btn span { display: none;}
	#filter_btn_new { padding-right: 15px;}
}

@media (max-width: 640px) {
	.title_w,  .search-area_new > select {
		font-size: 14px;
	}
	.new_form_wrap { width: 75%; margin-left: 15px;}
}

@media (max-width: 459px) {
	.new_form_wrap { display:block; padding: 16px 0px; }
	.new_form_wrap .select { margin-bottom: 10px;}
	.new_form_wrap_btn { display: block; margin-right: 15px;}
	#filter_btn_new { padding-right: 0;}
	.search-area_new .btn { font-size: 14px; }
}
/* 상세검색 필터 css 조정 (25.02) (end) */

/* 내가 작성한 글 식별 */
.my_post.badge-my {
	padding: 0px 6px 2px 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    margin-right: 6px;
    border-radius: 6px;
	background: #FFAF37;
}