.margin-top-20 {
    margin-top: 20px;
}

body {
    color: #000;
    background-color: #fff;
}
i{
    font-size: 12px;
}


#wrap {
    width: 100%;
    height: 100%;
    position: relative;
}

.gap-4 {
    gap: 4px;
}

.gap-5 {gap: 5px;}
.gap-6 {gap: 6px;}
.gap-7 {gap: 7px;}
.gap-8 {gap: 8px;}
.gap-9 {gap: 9px;}
.gap-10 {gap: 10px;}

.border-0{
    border: 0 !important;
}

body.overflow-hidden{
    overflow:hidden;
    padding-right:15px;
}

.mt-auto{margin-top:auto;}
.mb-auto{margin-bottom:auto;}
.mr-auto{margin-right:auto;}
.ml-auto{margin-left:auto;}
.align-items-center {
    align-items: center;
}

em {
    /*font-style: normal;
    color: #2FA254;*/
    font-size: 12px;
}

.point {
    font-weight: 500;
    font-size: inherit;
}
b.point {
    font-weight: bold;
}

.point.red {
    color: #E16458;
}

.loading-box{
    transform:translateZ(0);
}

.manuscript-wrap .manuscript::-webkit-scrollbar {
    width: 5px;  /* 스크롤바의 너비 */
}

.manuscript-wrap .manuscript::-webkit-scrollbar-thumb {
    background: #afafaf; /* 스크롤바의 색상 */
    border-radius: 20px;
}

.manuscript-wrap .manuscript::-webkit-scrollbar-track {
    background: #FFF;  /*스크롤바 뒷 배경 색상*/
}

.up-blog-list::-webkit-scrollbar {
    width: 5px;  /* 스크롤바의 너비 */
}

.up-blog-list::-webkit-scrollbar-thumb {
    background: #afafaf; /* 스크롤바의 색상 */
    border-radius: 20px;
}

.up-blog-list::-webkit-scrollbar-track {
    background: #FFF;  /*스크롤바 뒷 배경 색상*/
}

.input-check-box {
    display: inline-block;
    width: fit-content;
    height: fit-content;
}
.input-check-box input[type="radio"],
.input-check-box input[type="checkbox"] {
    display: none;
}

.input-check-box .checkbox-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("/images/check-blank.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.input-check-box :checked + .checkbox-icon {
    background-image: url("/images/check-fill.png");
}

.input-radio-wrap {
    display: inline-flex;
    width: fit-content;
    height: fit-content;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.input-radio-wrap input[type="radio"] {
    display: none;
}

.input-radio-wrap .radio-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    /*background-image: url("/images/radio-blank.png");*/
    background-image: url("/images/icon-circle-check-gray.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.input-radio-wrap.medium .radio-icon{
    width: 20px;
    height: 20px;
}
.input-radio-wrap.large .radio-icon{
    width: 24px;
    height: 24px;
}

.input-radio-wrap :checked + .radio-icon {
    /*background-image: url("/images/radio-fill.png");*/
    background-image: url("/images/icon-circle-check.png");
}

.input-radio-wrap :checked + .radio-icon + .radio-text {
    font-weight: 600;

}
.input-radio-wrap :disabled + .radio-icon {
    background-image: url("/images/radio-blank.png"), url("/images/radio-disable.png");
    background-size: 100%, 50%;
}

#contents {
    display: flex;
    flex-direction: column;
}

.contents-area {
    min-width: 1300px;
    height: auto;
    padding: 35px 25px;
    border-radius: 8px;
    margin-bottom: 70px;
    position: relative;
}

.contents-wrap {
    min-width: 1300px;
    height: auto;
    border: 1px solid #D6D6D6;
    padding: 35px 25px;
    border-radius: 8px;
    margin-bottom: 70px;
    position: relative;
}

.main-page .posting .contents-wrap {
    min-width: 862px;
    margin-bottom:unset;
}

.main-page .posting .contents-wrap > p {
    margin-top: 15px;
    font-size: 14px;
    text-align: right;
}

.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-wrap{
    flex-wrap: wrap;
}

.space-between {
    justify-content: space-between;
}

.justify-content-center {
    justify-content: center;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.contents-inner {
    width: 1300px;
    min-width: 1300px;
    margin: 0 auto;
}
.contents-inner.campaign .input-wrap .search-keyword{
    width:640px;
}

.popup .posting-header .contents-inner {
    width: 100%;
    min-width: 1300px;
    padding: 0 40px;
}

.popup .posting-header.rescript {
    min-width: 1000px;
}

.popup .posting-header.rescript .contents-inner {
    width: 100%;
    min-width: 1000px;
    padding: 0 40px;
}

.popup .table-wrap .basic-table tr {
    /*height: 30px;*/
}

.popup .table-wrap .basic-table tbody td {
    font-weight: 400;
    font-size: 14px;
    vertical-align: middle;
}

.popup .table-wrap .basic-table tbody th {
    vertical-align: middle;
}

.popup .table-wrap .basic-table th, .popup .table-wrap .basic-table td {
    vertical-align: middle;
    height: 30px;
}

.popup .table-wrap .basic-table tr th.gray {
    background: #B1B1B2;
}

.popup .table-wrap .basic-table tr th.blue {
    background: #77A2CA;
}

.popup .table-wrap .basic-table tr th.red {
    background: #E16458;
}

.posting-analysis-guide-layer .table-wrap .basic-table tr th {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.layer-box.posting-analysis-guide-layer .layer-content{
    /*20250213 추가 */
    width: auto;
}
.posting-analysis-guide-layer .layer-content {
    gap: 10px;
}

.layer-box.join-benefit-layer {
    width: fit-content;
    padding:20px 0 ;
    gap:20px;
    min-width: 250px;
}
.layer-box.join-benefit-layer .layer-header {
    width: 100%;
    padding: 0 0 0 20px;
}

.layer-box.join-benefit-layer .title-logo{
    width:100px;
    height:auto;
}
.layer-box.join-benefit-layer .join-logos {
    align-items: center;
    justify-content:center;
    gap: 10px;
}

.layer-box.join-benefit-layer .join-logos img {
    width: 45px;
    height: 45px;
}

.layer-box.join-benefit-layer .join-benefit-text {
    width: 100%;
    margin-bottom: 20px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    gap: 5px;
    font-weight: 700;
    color: #000000;
}
.layer-box.join-benefit-layer .layer-content{
    border:unset;
    width:auto;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #D6D6D6;
    border-radius:0
}

.popup .join-benefit-layer.layer-box .layer-content {
    width: fit-content;
}

.layer-box.join-benefit-layer .layer-buttons{
    padding: 0 20px;
    height:unset;
}

.layer-box.require-login-layer .layer-content{
    width:auto;
    padding:30px 40px 30px 20px;

}

.layer-box.join-benefit-layer .layer-buttons .button {
    width: fit-content;
    padding: 0 15px;
    height: 30px;
    font-size: 12px;
    line-height: 27px;
}



.layer-box.welcome-layer .layer-header {
    width: 100%;
    padding: 0 0 0 20px;
}

.layer-box.welcome-layer .title-logo{
    width:160.68px;
    height:auto;
}
.layer-box.welcome-layer .layer-content{
    border:none;
    line-height:1.7;
    padding:0 20px;
}
.layer-box.welcome-layer .layer-content .title{
    font-size:20px;
    font-weight:600;

}
.layer-box.welcome-layer .layer-content .summary{
    font-size:18px;
    font-weight:500;
}

.layer-box.welcome-layer .layer-content .notice-text{
    font-size:16px;
    font-weight: 500;
    text-decoration: underline;
}

.layer-box.welcome-layer .kakao-channel-wrap{
    font-size: 14px;
    font-weight: 400;

    margin:0 auto;
    display:flex;
    flex-direction: column;
    gap:10px;
    align-items: center;
    justify-content: center;
}

.layer-box.first-analysis-layer .layer-header {
    width: 100%;
    padding: 0 0 0 20px;
}
.layer-box.first-analysis-layer .layer-header-title{
    display: flex;
    align-items: center;
    font-size: 24px;
    gap: 10px;
}
.layer-box.first-analysis-layer .layer-header .sub-text{
    font-weight: 700;

}

.layer-box.first-analysis-layer .layer-close{
    position: absolute;
    right: 24px;
    top: 30px;
}


.layer-box.first-analysis-layer .title-logo{
    width:160.68px;
    height:auto;
}
.layer-box.first-analysis-layer .layer-content{
    border:none;
    line-height:1.7;
    padding:0 20px;
    width:auto;
}
.layer-box.first-analysis-layer .layer-content .title{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;

}
.layer-box.first-analysis-layer .layer-content .summary{
    font-size:18px;
    font-weight:500;
}

.layer-box.first-analysis-layer .layer-buttons .button{
    width:auto;
    flex : 1;
    margin: 0 20px;
}





.posting-analysis-guide-layer.layer-box .layer-content {
    width: fit-content;
}

.popup .layer-content .sub-title {
    font-size: 14px;
    font-weight: 700;
    color: #111;
}


.posting-analysis-guide-layer .layer-content .sub-title{
    font-size: 14px;
    font-weight: 700;
    color: #111;
    margin-bottom:8px;
}


.posting-analysis-guide-layer .layer-content ul {
    font-size: 14px;
    color: #111;
    line-height: 1.25;
    /*20250213 추가 */
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.posting-analysis-guide-layer .layer-content ul li {
    display: flex;
    align-items: center;
}

.posting-analysis-guide-layer.layer-box .layer-buttons .button {
    width: 100%;
}

.blog-history-layer.layer-box .layer-buttons .button {
    width: 100%;
}

.posting-analysis-guide-layer .layer-content ul li:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #39a154;
    margin: 0 10px 0 6px;
}

/*20250213 추가 S*/
.posting-analysis-guide-layer .layer-content li .point {
    font-weight: 700;
}
.posting-analysis-guide-layer .layer-content li .point.red {
    color: #ec1010;
}
.posting-analysis-guide-layer .layer-content .blog-grade-table {
    width: 100%;
    height: 60px;
    border: 1px solid #d3d3d3;
    text-align: center;
}
.posting-analysis-guide-layer .layer-content .blog-grade-table tr {
    width: 100%;
    height: 30px;
}
.posting-analysis-guide-layer .layer-content .blog-grade-table th {
    font-weight: 700;
    color: #000;
    border: 1px solid #d3d3d3;
    vertical-align: middle;
}
.posting-analysis-guide-layer .layer-content .blog-grade-table th.normal {
    background-color: #363636;
}
.posting-analysis-guide-layer .layer-content .blog-grade-table th.base {
    background-color: #223ee5;
}
.posting-analysis-guide-layer .layer-content .blog-grade-table th.top {
    background-color: #ef3d19;
}
.posting-analysis-guide-layer .layer-content .blog-grade-table td {
    font-size: 14px;
    /*color: #111;*/
    border: 1px solid #d3d3d3;
    vertical-align: middle;
}
/*20250213 추가 E */




.blog-history-layer.layer-box {
    height: 100%;
    gap: 10px;
    justify-content: space-between;
}

.blog-history-layer .calendar-title {
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 500;
}

.blog-history-layer .calendar-title .cal_btn img {
    width: 30px;
    height: 30px;
}

.blog-history-layer .fail:before {
    content: 'X';
    color: #eb1b1b;
}

.blog-history-layer .info-text {
    font-size: 13px;
    color: #858585;
}

.blog-history-layer .layer-contents {
    min-height: 100px;
    max-height: 500px;
    overflow-y: auto;
}

.blog-history-layer .mark.mark-blue {
    background-color: #223ee5;
}

.blog-history-layer .mark {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    min-width: 26px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    padding: 0 3px;
}

.blog-history-layer .graph {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 30px;
    border: 1px solid #d3d3d3;
    background-color: #ececec;
}

.blog-history-layer .graph .percent {
    position: absolute;
    bottom: 0;
    left: -1px;
    width: 15px;
    max-height: 30px;
    background-image: linear-gradient(to top, #13973d, #3ce370);
}

.blog-history-layer .success:before {
    content: 'V';
    color: #30a254;
}

.blog-history-layer .point.minus {
    color: #258ce4;
}

.blog-history-layer .point {
    font-weight: bold;
}

.blog-history-layer .point.plus {
    color: #eb1b1b;
}

.blog-history-layer .share-area {
    width: 100%;
    display: flex;
    gap: 19px;
}

.blog-history-layer .share-area .share-button {
    width: 200px;
    height: auto;
    padding: 23px 29px 24px;
    border-radius: 5px;
    background-color: #2FA254;
    color: #fff;
    border: 0;
    outline: 0;
    cursor: pointer;
}

.blog-history-layer.layer-box .layer-buttons {
    width: 100%;
    height: fit-content;
    display: flex;
    gap: 12px;
}

.blog-history-layer .share-area .total {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex: 1;
    height: 100%;
    margin: 0;
    background-color: #cbe9d4;
    padding: 20px 13px;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
}

.blog-history-layer .share-area .posting-support-btn {
    width: 220px;
    height: 50px;
    border-radius: 5px;
    background-color: #39a154;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}
.blog-history-layer .effect.yellow {
    background-image: linear-gradient(65deg, #36a253, #babd00, #36a253, #babd00, #36a253, #babd00);
    background-size: 800% 550%;
    background-position: 0% 0%;
    background-repeat: no-repeat;
}
.blog-history-layer .effect {
    animation: rotate 15s infinite linear, bright2 2s infinite linear;
}

.blog-history-layer .share-area .diagnosis {
    color: white;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 50px;
    background: #fdd000;
    font-size: 13px;
    border: 0;
    border-radius: 5px;
}

.blog-history-layer .share-area .grade-increase-info .item {
    width: 100%;
    align-items: center;
    gap: 5px;
    margin-bottom: 5px;
}

.blog-history-layer .share-area .grade-info div {
    margin-bottom: 10px;
}


/*20250213 추가 S*/
.layer-box.blog-history {
    width: calc(100% - 100px);
    height: calc(100% - 20px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.layer-box.blog-history .cal-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
}
.layer-box.blog-history .cal-title .cal_current{
    font-size: 24px;
    font-weight: 500;
}

.layer-box.blog-history .cal-title .cal_btn{
    width:40px;
    height:40px;
}
.layer-box.blog-history .cal-title .cal_btn img{
    width:100%;
}

.layer-box.blog-history .layer-contents table tr{
    height: calc(608px / 15);
}
.layer-box.blog-history .layer-contents table tbody tr:nth-of-type(7) td,
.layer-box.blog-history .layer-contents table tbody tr:nth-of-type(14) td
{
    padding:5px 0;
}
.layer-box.blog-history .layer-contents table tbody tr:nth-of-type(14) td,
.layer-box.blog-history .layer-contents table tbody tr:nth-of-type(28) td {
    border-bottom:1px solid;

}
.layer-box.blog-history .layer-contents .table-wrap{
    width:100%;
    height:100%;
    max-height:700px;
    overflow-y:auto;
}


.blog-history .table-wrap .basic-table tbody tr{
    transition: unset;
}
.blog-history .table-wrap .basic-table th{
    font-size:14px;
}


.blog-history .history-wrapper{
    display:flex;
    gap:50px;
}
.blog-history .history-wrapper .history-list{
    width:40%;

}
.layer-box.blog-history .layer-contents .history-list .table-wrap{
    max-height:unset;
    overflow:unset;
}
.layer-box.blog-history .layer-contents .history-list .table-wrap td{
    cursor:pointer;
}
.blog-history .history-wrapper .history-list tr.active{
    background:#d5ecdd;
}
.blog-history .history-wrapper .history-list tr.active td:last-of-type{
    position:relative;
}
.blog-history .history-wrapper .history-list tr.active td:last-of-type:after{
    content:'';
    position:absolute;
    width: 45px;
    height: 40px;
    right: -45px;
    top: calc(50% - 20px);
    background:url('/images/arrow-right-edit.png') no-repeat center center/cover;
}
.layer-box.blog-history .layer-contents .history-list .paging{
    margin:20px 0;
}
.blog-history .history-wrapper .history-detail{
    width:60%;

}



.layer-box.blog-history .layer-contents{
    margin-top:26px;
}
.layer-box.blog-history .layer-contents{
    margin:0;
}
.blog-history .point{
    font-weight:bold;
}

.blog-history .point.plus{
    color:#eb1b1b;
}
.blog-history .point.minus{
    color:#258ce4;
}

.layer-box.blog-history .success:before{
    content:'V';
    color:#30a254;
}
.layer-box.blog-history .fail:before{
    content:'X';
    color:#eb1b1b;
}
.layer-box.blog-history .info-text{
    margin-top:5px;
    font-size:13px;
    color:#858585;
}
.blog-history .layer-footer .total{
    width:calc( 100% - 200px - 19px);
    height:100%;
    margin:0;
    background-color: #cbe9d4;
    padding:20px 13px;
    font-size:13px;
    text-align:center;
    font-weight: bold;
}


.layer-box.blog-history .layer-footer .total > div{
    /*margin-bottom:13px;*/
}

.layer-box.blog-history .layer-footer .total > div:last-of-type {
    margin-bottom: unset;
}

.layer-box.blog-history .share-area{
    width:100%;
    /*height:80px;*/
    display:flex;
    gap:19px;
    margin:19px 0 14px;
}
.layer-box.blog-history .share-area .share-button{
    width:200px;
    height:auto;
    padding: 23px 29px 24px;
    border-radius: 5px;
    background-color: #39a154;
    color:#fff;
    border:0;
    outline:0;
    cursor:pointer;
}

.blog-history .share-area .total{
    flex:1;
    height:100%;
    margin:0;
    background-color: #cbe9d4;
    padding:20px 13px;
    font-size:16px;
    text-align:center;

    flex-direction:column;
}

.blog-history .share-area .total > div{
    margin-bottom:13px;
}
.blog-history .share-area .total > div:last-of-type {
    margin-bottom: unset;
}



.blog-history .share-area .total > div:last-of-type {
    margin-bottom: unset;
}

.blog-history .share-area .share-button{
    width:200px;
    height:100%;
    padding: 23px 29px 24px;
    border-radius: 5px;
    background-color: #39a154;
    color:#fff;
    border:0;
    outline:0;
    cursor:pointer;
}

.blog-history .share-area .posting-support-btn {
    width:220px;
    height: 50px;
    border-radius: 5px;
    background-color: #39a154;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

.blog-history .share-area .diagnosis {
    color: white;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width:220px;
    height:50px;
    background: #fdd000;

    font-size: 13px;
    border: 0;
    border-radius: 5px;
}

.blog-history .share-area .posting-support-btn img {
    width: 7px;
    height: 11px;
}


.blog-history .share-area .grade-increase-info .item{
    display:flex;
    width:100%;
    align-items:center;
    gap: 5px;
    margin-bottom: 5px;
}

.blog-history .share-area .total > div{
    margin:unset;
}
.blog-history .share-area .grade-info div{
    margin-bottom:10px;

}




.blog-history .mark{
    display:inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    min-width: 26px;
    height: 20px;
    line-height:20px;
    text-align: center;
    vertical-align: middle;
    padding: 0 3px;
}
.blog-history .mark.mark-red{
    background-color: #ef3d19;
}
.blog-history .mark.mark-blue{
    background-color: #223ee5;
}
.blog-history .mark.mark-dark{
    background-color: #363636;
}
.blog-history .grade-text-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;

}
.blog-history .grade-text{
    display: flex;
    align-items: center;
    gap: 2px;
}
.blog-history .graph{
    display:inline-block;;
    position:relative;
    width: 15px;
    height:25px;
    border: 1px solid #d3d3d3;
    background-color: #ececec;

}
.blog-history .graph .percent{
    position:absolute;
    bottom:0px;
    left:-1px;
    width:15px;
    max-height: 25px;
    background-image: linear-gradient(to top, #13973d, #3ce370);
}

/*20250213 추가 E*/


input[type='radio'] {
    width: 16px;
    height: 16px;
    border: 1px solid #DADADA;
}

.input-wrap {
    display: flex;
    flex-direction: row;
    position: relative;
    /*gap: 10px;*/
}
.mypage-wrapper .input-wrap{
    width: calc(100% - 180px);
}

.input-wrap .label {
    width: 127px;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -0.05em;
    padding: 0;
}

.input-wrap .search-keyword {
    border-radius: 50px;
    border: 2px solid #2FA254;
    margin-bottom: 50px;
}

.input-wrap .search-icon {
    position: absolute;
    top: 10px;
    right: 16px;
    width: 30px;
    height: 30px;
    cursor:pointer;
}

input[type='text'], input[type='password'], select {
    width: auto;
    height: 50px;
    border: 1px solid #D6D6D6;
    background-color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.01em;
    /*color: #ABABAB;*/
    color: #000;

    border-radius: 5px;
    padding: 15px;
}


.textarea-wrap {
    display: flex;
    flex-direction: row;
}
.main-page .textarea-wrap{
    flex : 1;
    margin-right:10px;
}
.textarea-wrap .label {
    width: 127px;
    font-size: 18px;
    font-weight: 500;
    line-height: 68px;
    letter-spacing: -0.05em;
    padding: 0;
}

.textarea-wrap textarea {
    width: 646.98px;
    height: 68px;
    border: 1px solid #D6D6D6;
    background-color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #000;
    border-radius: 5px;
    padding: 10px 15px;
    resize: none;
}

#header_logo {
    margin: 36px 0 38px;
    width: 160.68px;
    height: 25.22px;
}

#header_logo img {
    width: 160.68px;
    height: 25.22px;
}

.posting-header {
    width: 100%;
    min-width: 1300px;
    height: 100px;
    border-bottom: 1px solid #2FA254;
    box-shadow: 0 4px 5px 0 #0000001A;
}

.posting-header .contents-inner {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 24px;
}

.posting-header .page-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -2px;
    padding: 32px 0 33px;
    color: #000;
}

header {
    width: 100%;
    min-width: 1300px;
    height: 103px;
}

header .contents-inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .header-left {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 64px;
}

header .header-left .header-menus {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 28px;
}

header .header-left .header-menus .menu {
    display: inline-block;
    color: #18181B;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -2px;
}
header .header-left .header-menus .menu .light{
    color:#8e8e8e;
}
header .header-left .header-menus .menu .green{
    color:#2FA254;
}
header .header-left .header-menus .menu.active .light,
header .header-left .header-menus .menu.active .green
{
    color:unset;
}

header .header-left .header-menus .menu.active {
    color: #2FA254;
}

header .header-right {
    display: flex;
    align-items: center;
    gap: 14px;
}

header .header-right .link-btn {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -1px;
    color: #18181B;
}

header .header-right .alarm-btn {
    width: 24px;
    height: 24px;
    position: relative;
}

.badge.alarm {
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 10px;
    background: #339c52;
    border: unset;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: -3px;
    right: -6px;
    padding: 0;
    border-radius: 50%;
    min-width:unset;
}
.badge.alarm.not-read{
    background: #E85A13;
}

header .header-right .alarm-btn img {
    width: 24px;
    height: 24px;
}

header .header-right .info-drop-down-btn {
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
    background-color: #D6D6D6;
    font-size: 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    position: relative;
    cursor: pointer;
}

header .header-right .info-drop-down-btn img {
    width: 12px;
    height: 12px;
}

header .header-right .basic-btn.app-download-btn {
    padding: 5px 15px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    margin-left: 15px;
}

header .header-right .basic-btn.app-download-btn img {
    width: 15px;
    height: 15px;
}

footer {
    width: 100%;
    min-width: 1300px;
    height: 310px;
    background: #EDEDED80;
}

footer .contents-inner {
    display: flex;
    height: 100%;
    padding: 54px 0 63px;
}

footer .footer-left {
    width: auto;
    height: 100%;
    flex:1;
}

footer .footer-left .footer-logo {
    padding: 60px 123px 0 123px;
}

footer .footer-left .footer-logo img {
    width: 83.66px;
    height: 67px;
}

footer .footer-info-wrap {
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex:1;
}

footer .footer-info-wrap .footer-menus {
    display: flex;
    align-items: center;
}

footer .footer-info-wrap .line {
    background-color: #D6D6D6;
    width: calc(100% - 25px);
    height: 1px;
}

footer .footer-info-wrap .footer-menus .menu {
    display: inline-block;
    font-family: Gotham;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.05em;
    color: #000000;
}

footer .footer-info-wrap .footer-menus .menu:after {
    display: inline-block;
    content: "";
    background-color: #A5A5A5;
    width: 1px;
    height: 16px;
    margin: auto 25px;
}

footer .footer-info-wrap .footer-menus .menu:last-child:after {
    width: 0;
    height: 0;
}

footer .footer-info-wrap .business-info {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.03em;
    color: #6E6E6E;
}

footer .footer-info-wrap .business-info ul {
    display: flex;
    align-items: center;
}

footer .footer-info-wrap .business-info ul li {
    display: inline-block;
}

footer .footer-info-wrap .business-info ul li:after {
    display: inline-block;
    content: "";
    background-color: #6E6E6E;
    width: 1px;
    height: 12px;
    margin: auto 16px;
}

footer .footer-info-wrap .business-info ul li:last-child:after {
    width: 0;
    height: 0;
}

footer .footer-info-wrap .reserve {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #6E6E6E;
}

footer .footer-right {
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 53px 3px 0 0;
}

footer .footer-right .kakao-plus-btn {
    width: 170px;
    height: 25px;
}

footer .footer-right .kakao-plus-btn img {
    width: 170px;
    height: 25px;
}

footer .footer-right .sub-text {
    margin-bottom: 3px;
    font-size: 13px;
    font-weight: 500;
}
footer .footer-right .talk-time {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.05em;
}

.comment {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -1.4px;
    color: #000;
}

.basic-btn {
    display: inline-block;
    background: #2FA254;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -1px;
    text-align: center;
    border-radius: 8px;
    padding: 0 18px;
    border : 1px solid #D5D7DA;
    cursor: pointer;
}
.basic-btn.bg-gray{
    background: #C1C1C1;
    color: #000;
}
.basic-btn.bg-gray:hover{
    background: #D5D5D5;
}
.basic-btn.medium,
.medium-btn{

    padding:10px;
    border-radius:5px;
    font-size: 14px;
    line-height: 14px;
}

.basic-btn.bg-navy{
    background: #404F80;
    color: #fff;
}




.second-btn{
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: -1px;
    text-align: center;
    background: #404F80;
    color: #fff;
    cursor: pointer;
    border : 1px solid #D5D7DA;
}
.table-wrap .basic-table.recent-contents-analysis-table{
    /*overflow: hidden;*/
    border-radius: 8px 8px 0 0;
    border-top:0;
}
.table-wrap .basic-table.recent-contents-analysis-table th{

}

.page-sub-title-box .posting-history-btn-wrap{
    padding: 0;
    height: unset;
}

.recent-contents-analysis-table .basic-btn,
.recent-contents-analysis-table .second-btn
{
    padding: 10px;
    border-radius: 5px;
    font-size:14px;
    line-height:14px;
}

.recent-contents-analysis-table .tag-analysis-btn,
.recent-contents-analysis-table .complete-tag{
    width: 85px;
}


.border-btn {
    display: inline-block;
    background: #FFF;
    color: #6E6E6E;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -1px;
    text-align: center;
    border: 1px solid #D5D7DA;
}

.posting-start-wrap .contents-wrap{
    margin-bottom:0;
}

.posting-history-btn-wrap{
    position:relative;;
    min-height:70px;
    padding:15px 0;
}
.posting-history-btn.basic-btn{
    padding: 10px 30px;
    float:right;
}

.posting-create .contents-wrap{
    margin-bottom: 15px;
}

.shopping-posting-create-guide{
    font-weight: 500;
}
.shopping-posting-create-guide .layer-content{
    width: 900px;
}
.shopping-posting-create-guide .brand-connect-images{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 20px 0 10px 0;
    padding: 20px 0 10px 0;
    border-top: 1px solid #D6D6D6;
}
.shopping-posting-create-guide .brand-connect-images img{

    width: calc(50% - 20px);
}
.shopping-posting-create-guide .brand-connect-step{
    margin: 10px 0 0 0;
}
.shopping-posting-create-guide .brand-connect-step:first-of-type{
    margin: 0;
}

.shopping-posting-create-guide .step-title{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.shopping-posting-create-guide .brand-connect-link-btn{

    background: #ff8328;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 15px;
    border-radius: 4px;
    height: 24px;
    line-height: 20px;
    margin: 0 5px;
}
.shopping-posting-create-guide .brand-connect-step ul{
    font-size: 13px;

}
.shopping-posting-create-guide .brand-connect-step ul li{
    margin-left: 20px;
    line-height: 1.5;
    list-style: disc;
}


.shopping-posting-create-guide .link-input-wrap{
    position: relative;
    margin: 0 5px;
}
.shopping-posting-create-guide .link-input-wrap input{
    height: unset;
    line-height: unset;
    padding: 7px 10px;
    font-size: 13px;
    width: 300px;
    margin-right: 5px;
}
.shopping-posting-create-guide .link-input-wrap input::placeholder{
    font-size: 13px;
}

.shopping-posting-create-guide .link-input-wrap input:placeholder-shown+.notify:after{
    content: '← 링크를 입력해 주십시오.';
    color: #8E8E8E;
}

.shopping-posting-create-guide .link-input-wrap .notify.success:after{
    content: '← 올바른 링크 입니다.';
    color: #2FA254;
}
.shopping-posting-create-guide .link-input-wrap .notify.danger:after{
    content: '← 올바르지 않은 링크입니다.';
    color: #FF0000;
}



.posting-create .posting-history-btn-wrap{
    height:unset;
    padding:0;
    position: relative;
    margin-bottom: 15px;
}
.posting-create .posting-history-btn{
    position:absolute;
    top:0;
    right:0;
}


.posting-start-info {
    gap: 12px;
}

.posting-start-info .flex-row {
    width: 100%;
    height: 68px;
    gap: 10px;
}

.posting-start-info .posting-btn {
    /*width: 163px;
    height: 68px;
    line-height: 68px;
    border-radius: 5px;*/
}

.posting-start-info .textarea-wrap {
    width: 100%;
}

.posting-start-info .input-wrap input
{
    width: calc(50% - 150px);
    font-size: 14px;
}


.posting-start-info .textarea-wrap textarea {
    width: calc(100% - 127px);
}

.posting-start-info .comments {
    padding-left: 127px;
}

#contents .page-title-box {
    margin: 70px 0 66px;
}

#contents .page-title-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    width: 100%;
    height: auto;
}

#contents .page-title-box .title {
    font-size: 40px;
    font-weight: 700;
    line-height: 58px;
    letter-spacing: -0.05em;
    text-align: center;
    color: #000000;
}

#contents .page-title-box .text {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.05em;
    color: #000000;
}

.page-sub-title-box {
    width: 100%;
    height: auto;
    margin-bottom: 35px;
}
.page-sub-title-box.description {
    margin-bottom: 15px;
}

.page-sub-title-box .title {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #000000;
}

.page-sub-title-box.main-title{
    margin-bottom: 17px;
}

.contents-wrap .wrap-header {
    width: 100%;
    display: flex;
    flex-direction: column;
    color: #000;
    line-height: 26px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.05em;
    margin-bottom: 15px;
}
.contents-wrap .wrap-header.blog-grade-tip{
    font-weight:500;
}

.contents-wrap .wrap-header .title {
}

.contents-wrap .wrap-header .sub-title {
    font-weight: 500;
}

#contents.main-page .posting .page-title-box{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
}


.posting .blog-levels {
    gap: 41.42px;
    margin-top: 35.6px;
    align-items: flex-start;
}

/*.posting .blog-levels .level.none {
    margin-top: 80.65px;
}*/

.posting .blog-levels .level.current .circle::before {
    content: "";
    display: inline-block;
    background-color: #FFFFFF;
    width: 37.06px;
    height: 37.06px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.posting .blog-levels .level {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 76.29px;
}

.posting .blog-levels .level.current .circle {
    position: relative;
}

.posting .blog-levels .circle {
    width: 76.29px;
    height: 77.38px;
    line-height: 77.38px;
    border-radius: 50%;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    position: relative;
}

.posting .blog-levels .circle.gray {
    background: #A5A5A5;
}

.posting .blog-levels .circle.green {
    background: #79BB9F;
}

.posting .blog-levels .circle.blue {
    background: #77A2CA;
}

.posting .blog-levels .circle.orange {
    background: #F08362;
}

.posting .blog-levels .circle.red {
    background: #CF5D44;
}



.posting .blog-levels .circle.active:before {
    content: "";
    display: inline-block;
    border: 21px solid #79BB9F;
    width: 92.29px;
    height: 92.29px;
    position: absolute;
    top: -8px;
    left: -8px;
    border-radius: 50%;
    box-sizing: border-box;
    box-shadow: 0 0 12px 0 #00000099;
    z-index: 2;
    animation: 1s blink-half  infinite;
}
.posting .blog-levels .level.grade_na .circle.active:before {border:8px solid #CDCDCD;}
.posting .blog-levels .level.grade_na .circle.active {color: #CDCDCD;}

.posting .blog-levels .level.grade_d .circle.active:before {border:8px solid #A5A5A5;}
.posting .blog-levels .level.grade_d .circle.active {color: #A5A5A5;}

.posting .blog-levels .level.grade_c .circle.active:before {border:8px solid #79BB9F;}
.posting .blog-levels .level.grade_c .circle.active {color: #79BB9F;}

.posting .blog-levels .level.grade_b .circle.active:before {border:8px solid #8F8FBE;}
.posting .blog-levels .level.grade_b .circle.active {color: #8F8FBE;}

.posting .blog-levels .level.grade_a .circle.active:before {border:8px solid #F08362;}
.posting .blog-levels .level.grade_a .circle.active {color: #F08362;}

.posting .blog-levels .level.grade_s .circle.active:before {border:8px solid #CF5D44;}
.posting .blog-levels .level.grade_s .circle.active {color: #CF5D44;}
.posting .blog-levels .circle::after {
    content: "";
    display: inline-block;
    width: 28.34px;
    height: 17.44px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/images/right-arrow-gray.png");
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -36px;
}

.posting .blog-levels .level:last-child .circle::after {
    width: 0;
    height: 0;
}

/*.posting .blog-levels .count {
    font-size: 19.5px;
}*/

.posting .blog-levels .level .curved-arrow {
    width: 90px;
    height: 42px;
    background-image: url('/images/curved_arrow3.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    left: -60px;
}


.posting .blog-levels .level.current-next .curved-arrow {
    width: 90px;
    height: 42px;
    background-image: url('/images/curved_arrow2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    left: -60px;
}
.posting .blog-levels .level.current-next .curved-arrow.active{
    animation: 1s blink-half  infinite;
}
.blinking-half{
    animation: 1s blink-half infinite;
}

.slide-right-enter {
    transform: translateX(-100%);
    opacity: 0;
}
.slide-right-enter-active {
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.5s ease, opacity 0.5s ease;
}


.posting .blog-levels .curved-arrow.none {
    background-image: none;
}

.posting .blog-levels .curved-arrow .count {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 16px;
    right: 18px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    width: 26px;
    height: 12px;
}

.posting .blog-levels .dash {
    width: 0.1px;
    height: 41.42px;
    border-left: 2px dashed #ABABAB;
    margin: 10px 0 6px;
}

.posting .blog-levels .dash.long {
    height: 104.63px;
    margin-bottom: 20px;
}

.posting .blog-levels .grade {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    width: 76.29px;
    height: 77.38px;
    line-height: 77.38px;
}
.posting .blog-levels .circle.active .grade{
    z-index:2;
}

.posting .blog-levels .grade span {
    position: absolute;
    line-height: 1;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%);
    font-size: 30px;
    display: inline-block;
}

.posting .blog-levels .circle .plus {
    vertical-align: top;
    font-size: 18px;
    position: absolute;
    top: -2px;
    right: -10px;
    left: unset;
    transform: unset;
}

.posting .blog-levels .level.current .grade .grade_name {
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.posting .blog-levels .level.current .grade .grade_name_text {
    top: 90%;
    left: 50%;
    transform: translate(-50%, -90%);
}

.posting .blog-levels .grade span.grade_name_text {
    color: #fff;
    font-size: 12px;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -80%);
}

.posting .blog-levels .circle.active .grade span.grade_name_text {
    color: inherit;
}

.posting .blog-levels .grade .next {
    color: #000000;
}

#fog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    overflow: hidden;
    z-index: 2000;
}


.loading-layer.analysis-login-guide {
    font-size: 48px;
    font-weight: 500;
    line-height: 63px;
    letter-spacing: -0.05em;
    text-align: center;
}
.loading-layer.analysis-login-guide .login-link{
    /*20250213 추가 */
    color:#fff;
    text-decoration:underline;
}


.loading-layer img {
    width: 250px;
}

.loading-layer {
    display: none;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    flex-direction: column;
    gap: 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.05em;
    text-align: center;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.loading-layer.active {
    display: flex;
}

.layer-box.active {
    display: flex;
}

.layer-box {
    display: none;
    z-index: 9000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: fit-content;
    height: fit-content;
    border-radius: 12px;
    border: 3px solid #2FA254;
    background-color: #FFF;
    box-shadow: 0 0 20px 2px #0A0D124D;
    padding: 30px 24px 24px;
    flex-direction: column;
    gap: 30px;
}

.layer-box .layer-title {
    display: flex;
    align-items: center;
    gap: 15px;
}

.layer-box .title-logo {
    width: 160.68px;
    height: 25.22px;
}

.explore-layer .layer-title {
    justify-content: center;
}

.layer-box .layer-title img {
    width: 24px;
    height: 24px;
}

.layer-box .layer-title .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.05em;
    color: #000;
}

.layer-box .layer-content {
    min-width: 456px;
    height: auto;
    padding: 18px;
    border-radius: 12px;
    border: 1px solid #D6D6D6;
    font-size: 14px;
}
.layer-box .layer-content p{
    /*20250213 추가 */
    line-height:1.5;
}
.layer-box.community-refuse-layer .layer-content p{
    word-break:keep-all;;
}

.get-keyword-layer .layer-content {
    width: 843px;
}

.posting-start-layer .layer-content p:first-child {
    /*margin-bottom: 10px;*/
}

.posting-start-layer .layer-content p {
    font-weight: 400;
    line-height: 21px;
}

.layer-box .layer-buttons {
    width: 100%;
    height: 44px;
    display: flex;
    justify-content:center;
    gap: 12px;
}

.layer-box .layer-buttons .button {
    width: calc(100% / 2 - 6px);
    height: 44px;
    line-height: 44px;
    border-radius: 8px;
    cursor: pointer;
    flex: 1;
}
.layer-box .layer-close{
    /*20250213 추가 */
    cursor:pointer;
    margin-left:auto;
}

.layer-box.share-info-box .layer-content p{
    white-space:pre-line;

}

.layer-box.check_detail_popup .layer-buttons .button,
.layer-box.check_blog_popup .layer-buttons .button
{
    /*width:auto;*/
}


.explore-layer .layer-content.gray {
    border: none;
    padding: 32px 22px;
    background: #D9D9D94D;
    width: 473px;
    height: 244px;
}

.explore-layer .icon-box-wrap {
    width: 50px;
    gap: 15px;
    height: auto;
}

.explore-layer .icon-box-wrap .blog-icon-box {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.explore-layer .icon-box-wrap .blog-icon-box img {
    width: 44px;
    height: 38px;
}

.explore-layer .rectangle-line-box1 {
    margin-top: 25px;
    width: 32px;
    height: 69px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    border-top-right-radius: 10px;
}

.explore-layer .rectangle-line-box2 {
    width: 32px;
    height: 65px;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    border-bottom-right-radius: 10px;
}

.explore-layer .rectangle-line-box3 {
    margin-top: 92px;
    width: 17px;
    height: 2px;
    background-color: #000000;
}

.explore-layer .concon-hub {
    width: 142px;
    height: 60px;
    border-radius: 999px;
    background: #FFFFFF;
    border: 3px solid #2FA254;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 61px;
}

.explore-layer .concon-hub img {
    width: 92px;
    height: 14.44px;
}

.explore-layer .concon-hub .dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #39A154;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.explore-layer .concon-hub .dot.left {
    left: -8px;
}

.explore-layer .concon-hub .dot.right {
    right: -8px;
}

.explore-layer .fluent {
    width: 35.5px;
    height: 74px;
    margin-top: 17px;
    z-index: 2;
}

.explore-layer .rectangle-line-box4 {
    margin-top: 54px;
    border-bottom-right-radius: 10px;
    width: 19px;
    height: 37px;
    border-bottom: 2px solid #39A154;
    border-right: 2px solid #39A154;
}

.explore-layer .rectangle-line-box5 {
    margin-top: 17px;
    border-top-left-radius: 10px;
    width: 16px;
    height: 37px;
    border-top: 2px solid #39A154;
    border-left: 2px solid #39A154;
    position: relative;
    left: -2px;
}

.explore-layer .arrow-box {
    position: relative;
    margin-right: 38px;
}

.explore-layer .arrow-box .arrow {
    width: 33.68px;
    height: 28.69px;
    position: absolute;
    top: 6px;
    left: 29px;
    z-index: -1;
}

.explore-layer .keywords {
    /* width: 103px; */

    display: flex;
    flex-direction: column;
    gap: 5px;
}

.explore-layer .keywords .keyword {
    padding: 0 10px;
    border-radius: 8px;
    background: #D6D6D680;
    /* width: 103px; */
    height: 32px;
    display: flex
;
    /* flex-direction: column; */
    gap: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.03em;
    text-align: center;
    white-space: nowrap;
    justify-content: center;
}

.explore-layer .keywords .keyword.red {
    background: #CF5D44;
    color: #FFF;
    font-weight: 700;
}
.explore-layer .keywords .keyword .count_now{
    color:#ffff00;
}

.explore-layer.manuscript .arrow-box {
    width: 44.91px;
    height: 38.25px;
    margin: 72px 11px 13px;
}

.explore-layer.manuscript .arrow-box img {
    width: 44.91px;
    height: 38.25px;
}

.explore-layer .explore-doc {
    width: 70.83px;
    height: 83.33px;
    margin-top: 49px;
}

.explore-layer.manuscript .layer-content.gray {
    padding: 32px 44px;
}

#contents.keyword-list {
    padding: 70px 0 170px;
}

.query-box {
    width: 100%;
    height: auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

.query-box.first {
    align-items: flex-start;
    margin-bottom: 48px;
}

.query-box.first .column-box {
    margin-bottom: 20px;
}

.query-box.first .target-posting-title {
    gap: 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.05em;
    color: #000;
}

.target-posting-title .title {
    color: #000;s
}

.target-posting-title .datetime {
    font-size: 16px;
    font-weight: 400;
}

.query-box .num {
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 50%;
    background-color: #000;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.05em;
    text-align: center;
}

.query-box .query {
    font-size: 28px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.05em;
    color: #000;
    margin-left:10px;
}
.query-box .query.sm {
    font-size: 20px;
    margin-left:0px;
}

.query-box .base-keyword {
    font-size: 28px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.05em;
    color: #2FA254;
}

.selected-keywords {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    gap: 1px 5px;
    justify-content: flex-start;
    margin-bottom: 40px;
}

.selected-keywords > .flex-row {
    gap: 12px;
    /* align-items: center; */

}

.selected-keywords .label {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.05em;
    color: #000;
    flex: 0 0 auto;
    padding: 10px 0;
}

.selected-keywords .keywords {
    gap: 24px;
    row-gap: 12px;
    flex-wrap: wrap;
}

.selected-keywords .keywords .keyword {
    padding: 6px 15px;
    background: #2FA2541A;
    cursor: pointer;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.05em;
    border-radius: 990px;
}

.table-wrap {
    width: 100%;
    height: auto;
}
.diagnosis-detail .table-wrap{
    max-height:450px;
    overflow-y:auto;
    overflow-x:hidden;

}

.table-wrap .basic-table.keyword-list {
    margin-bottom: 30px;
}

.table-wrap .table-title-row {
    width: 100%;
    height: 40px;
    color: #000;
    line-height: 40px;
    text-align: center;
    background-color: #55a57166;
    border-top: 1px solid #B7B7B7;
    font-weight: 700;
    font-size: 16px;
}

.keyword-list .keyword-list-wrap .recommend-btn-box {
    width: 100%;
    height: 44px;
    justify-content: right;
    margin-bottom: 10px;
}

.keyword-list .keyword-list-wrap .recommend-btn-box .basic-btn {
    line-height: 44px;
    padding: 0 22px;
    border-radius: 8px;
}

.table-wrap .table-header {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.table-wrap .table-header .label {
    line-height: 34px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: #000;
}

.table-wrap .basic-table {
    width: 100%;
    height: auto;
    text-align: center;
    border-top: 1px solid #707070;
    overflow-x: auto;
}

.table-wrap .basic-table tr {
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #707070;
    /*background: #D5ECDD66;*/
    color: #000;
    line-height: 1.3;
    height: 45px;
}
.table-wrap .basic-table.table-sm tr{
    height:45px;
}

.table-wrap .basic-table th, .table-wrap .basic-table td {
    border: 1px solid #B7B7B7;
    height: 45px;
    vertical-align: middle;
}
.blog-history .table-wrap .basic-table th,
.blog-history .table-wrap .basic-table td{
    height:unset;
}

.table-wrap .basic-table th {
    font-size: 14px;
    font-weight: 500;
    background: #D5ECDD66;
}

.table-wrap .basic-table.table-sm th {
    font-size: 14px;
    height: 40px;
    font-weight: 500;
}
.table-wrap .basic-table.table-sm td{
    height: 40px;
}


.table-wrap .basic-table tbody tr {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #DCDCDC;
    background-color: #FFF;
    transition: .5s;
}

.basic-table tbody tr:hover td,
.basic-table tbody tr.hover td,
.basic-table tbody tr.active td
{

    /*background-color:#D5ECDD66 !important;*/
    background-color:#d5ecdd !important;
}

.table-wrap .basic-table tbody tr:nth-of-type(even) {
    /*background-color: #f9f9f9;*/
}
.table-wrap .basic-table tbody tr:nth-of-type(odd) {
    background-color: unset;
}

.table-wrap .basic-table tbody td {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.05em;
    padding:2px 4px;
}

.table-wrap .basic-table tbody td.left {
    text-align: left;
    padding-left: 18px;
}

.table-wrap .basic-table tbody td.effect {
    color: #478E88;
    font-weight: 700;
}


.table-wrap .basic-table th:first-child,
.table-wrap .basic-table td:first-child,
.table-wrap .keyword-table th:first-child,
.table-wrap .keyword-table td:first-child

{
    border-left: 0;
}
.table-wrap .basic-table th:last-child,
.table-wrap .basic-table td:last-child,
.table-wrap .keyword-table th:last-child,
.table-wrap .keyword-table td:last-child
{
    border-right: 0;
}

.keyword-list-wrap .next-btn-wrap {
    width: 100%;
    justify-content: center;
    height: 44px;
    margin-top: 25px;
}

.keyword-list-wrap .next-btn-wrap .next-btn {
    width: 169.5px;
    line-height: 44px;
}

.keyword-guide-layer .layer-content {
    gap: 12px;
}

.keyword-guide-layer p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.keyword-select-guide-layer .layer-content {
    gap: 12px;
}

.posting-proposal-layer .layer-content {
    gap: 12px;
}

.keyword-select-guide-layer p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.posting-proposal-layer p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.keyword-select-guide-layer .layer-buttons .button {
    width: 100%;
}

.posting-proposal-layer .layer-buttons .button {
    width: 100%;
}

.material-service-guide .layer-buttons .button {
    width: 100%;
}

#contents.title-select {
    padding: 52px 0 70px;
}

.title-select .posting-title-ex {
    width: 100%;
    height: auto;
    padding: 13px 15px;
    background-color: #FFF;
    border: 1px solid #39A154;
    box-shadow: 0 4px 4px 0 #0000001A;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.05em;
    margin-bottom: 42px;
}

.table-header {
    gap: 15px;
    align-items: center;
}

.title-select .table-header {
    margin-bottom: 17px;
}

.table-header .title {
    font-size: 28px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.05em;
}

.table-header .second-btn {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: -1px;
    border-radius: 8px;
    background-color: #404F80;
}

.title-select .re-recommend-btn {
    padding: 9px 10px;
}

span.tag {
    height: 34px;
    line-height: 32px;
    padding: 0 18px;
    border-radius: 100px;
    box-shadow: 0 1px 2px 0 #0A0D120D;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -1px;
}

span.tag.basic {
    background: #D5E6CF;
    border: 1px solid #2FA254;
}

.text {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.03em;
    color: #000000;
}

#contents.manuscript-diagnosis {
    padding: 70px 0;
}

.manuscript-diagnosis-wrap {
    display: grid;
    grid-auto-flow: column;
    width: 100%;
    height: auto;
    margin-top: 30px;
    align-items: stretch;
    column-gap: 10px;
    grid-template-columns: calc(100% / 2 - 50px) 80px calc(100% / 2 - 50px);
}

.manuscript-diagnosis-wrap .contents-wrap {
    width: 600px;
    min-width: 600px;
    height: 100%;
    margin-bottom: 0;
}

.diagnosis-arrow {
    width: 80px;
    gap: 8px;
    justify-content: center;
    cursor: pointer;
}

.diagnosis-arrow .arrow {
    width: 80px;
    height: 80px;
    border-radius: 999px;
    background-color: #2FA254;
    display: flex;
    align-items: center;
    justify-content: center;
}

.diagnosis-arrow .arrow img {
    width: 51.5px;
    height: 42.59px;
}

.diagnosis-arrow .step {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    color: #000;
}

.manuscript-diagnosis-wrap .manuscript-wrap .history-box {
    justify-content: space-between;
    align-items: center;
    padding: 11px 15px;
    background: #D5ECDD66;
    border-width: 3px 0 1px 0;
    border-style: solid;
    border-color: #000000;
}

.history-box .history {
    align-items: center;
}

.history-box .history-btn {
    min-width: 0;
    padding: 2px 9px;
    border-radius: 10px;
}

.history-box .label {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    color: #000000;
}

.history-box .count-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.05em;
    color: #000000;
}

.badge.analysis-detail {
    cursor: pointer;
}

.badge {
    display: inline-block;
    width: fit-content;
    height: fit-content;
    padding: 2px 18px;
    border-radius: 18px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -1px;
    text-align: center;
    background: #fff;
    border:1px solid #2FA254;
    color: #000;
    cursor:default;
    min-width: 80px;
}
.badge.badge-sm{
    line-height: unset;
    padding: 1.8px 11px;
    font-size: 11px;
    font-weight: 400;
    min-width: unset;
}

.badge.second {
    background: #404F80;
    color: #fff;
    border-color:unset;
}

.badge.gold {
    background: #ffc000;
    border-color: #ad8200;
    min-width:unset;
}

.badge.gray {
    background: #404F8033;
    border: 1px solid #404F80B2;
    color: #000000;
}



.badge.orange {
    background: #E85A13;
    color: #fff;
    border: 2px solid #E85A13;
}
.badge.light-red {
    background-color: #fbe3d6;
    border-color:#f2aa84;
}

.badge.light-gray {
    background-color: #f2f2f2;
    border-color:#bfbfbf;
}
.badge.light-green{
    background-color: #d9f2d0;
    border-color:#5d9f5d;
}

.badge.light-yellow{
    background-color: #ffffd5;
    border-color:#e3e304;
}

.badge.light-yellow{
    background: #ffff9e;
    border-color: #b5b525;
}

.badge.green{
    background: #2FA254;
    color: #fff;
    border: 1px solid #168139;
}





.manuscript-wrap .summary {
    /*border-bottom: 1px solid #DCDCDC;*/
    padding: 20px 14px 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.05em;
}

.manuscript-wrap .summary .label {
    font-weight: 700;
    white-space: nowrap;
    margin-right: 3px;
    width:110px;
}
.manuscript-wrap .summary .value{
    flex:1;
}
.manuscript-wrap .summary .content_keyword .value{
    line-height:1.7;
    word-break:keep-all;;
    height: 80px;
    overflow: hidden;
}
.keyword-more-btn{
    margin-top:10px;
}
.keyword-more-btn:after{
    content: '더보기';
}
.keyword-more-btn.active:after {
    content: '접기';
}

.manuscript-wrap .manuscript {
    width: 100%;
    padding: 0 14px 26px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.05em;
    height: 700px;
    overflow-y: scroll;
    margin-bottom: 24px;
    border: 0;
}

.manuscript-wrap .re-script-btn {
    width: 100%;
    padding: 10px 18px;
}

.manuscript-wrap .button-wrap{
    display:flex;
    gap: 25px;
    align-items: center;
    justify-content: center;
}
.manuscript-wrap .basic-btn{
    width:50%;
    /*flex:1;*/
    padding:10px 18px;
}
.manuscript-wrap .summary .copy-btn{
    margin-left:5px;
    border-radius: 20px;
}

.manuscript-wrap hr.divider{
    border:1px solid #DCDCDC;
    margin:0;
}
.manuscript-wrap .contents-copy .copy-btn{
    float:right;;
    border-radius: 20px;
}

.manuscript-diagnosis-wrap .diagnosis-table thead {
    height: 55px;
    line-height: 55px;
}

.manuscript-diagnosis-wrap .diagnosis-table tbody tr {
    height: 50px;
    line-height: 50px;
}

.table-wrap .basic-table td.gray {
    background: #F2F2F2;
}

.table-wrap .basic-table td.red {
    background: #E8D2C678;
}

.table-wrap .basic-table td.green {
    background: #D5E6CF;
}

.diagnosis-table-wrap {
    margin-bottom: 30px;
}

.reference-table-wrap {
    margin-bottom: 30px;
}

.reference-table-wrap .table-header {
    margin-bottom: 15px;
}

.basic-table .badge-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.tags {
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    gap: 15px;
}

.tags li {
    line-height: 40px;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #000;
}

.tags li.tag:before {
    content: "#";
    color: #000;
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.05em;
}*/

.rescript-popup {
    width: 1000px;
    min-width: 1000px;
    /*height: 761px;*/
    padding: 58px 40px 75px;
    gap: 10px;
}

.rescript-popup .input-wrap .label {
    width: 110px;
}

.rescript-popup .input-wrap input {
    width: calc(100% - 100px);
}

.rescript-popup .keyword-input-row {
    gap: 10px;
    margin-bottom: 5px;
    align-items: center;
}

.rescript-popup .keyword-input-row .input-wrap input {
    width: 500px;
}

.rescript-popup .keyword-input-row .btns {
    gap: 10px;
}

.rescript-popup .keyword-input-row .basic-btn {
    height: 44px;
    line-height: 44px;
    padding: 0 22px;
}

.rescript-popup .selected-keywords {
    padding-left: 110px;
    margin-bottom: 24px;
}

.rescript-popup .selected-keywords .keywords {
    gap: 10px;
}

.rescript-popup .configure-paragraphs-form {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.rescript-popup .configure-paragraphs-form .form-label-box {
    width: 110px;
    padding: 23px 43px 0 0;
    gap: 13px;
    align-items: center;
}

.rescript-popup .configure-paragraphs-form .form-label-box .label {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.05em;
}

.rescript-popup .configure-paragraphs-form .form-label-box .paragraph-plus-btn {
    width: 30px;
    height: 30px;
}

.rescript-popup .configure-paragraphs-form .form-label-box .paragraph-plus-btn img {
    width: 30px;
    height: 30px;
}

.rescript-popup .configure-paragraphs-form .additional-input-form {
    width: calc(100% - 110px);
    height: auto;
    gap: 10px;
}

.rescript-popup .configure-paragraphs-form .additional-input-form .added-input-wrap {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    padding: 10px 20px 10px 20px;
    background: #D9D9D94D;
}

.rescript-popup .configure-paragraphs-form .additional-input-form .added-input-wrap .move-elem-btn {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.05em;
    color: #000;
}

.rescript-popup .configure-paragraphs-form .additional-input-form .added-input-wrap input {
    width: 666px;
    height: 50px;
    padding: 10px 15px 10px 15px;
    border-radius: 5px;
    border: 1px solid #D6D6D6;
    background-color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.05em;
    color: #000;
}

.rescript-popup .configure-paragraphs-form .additional-input-form .added-input-wrap .del-elem-btn {
    width: 30px;
    height: 30px;
}

.rescript-popup .configure-paragraphs-form .additional-input-form .added-input-wrap .del-elem-btn img {
    width: 30px;
    height: 30px;
}

.rescript-popup .script-style-list {
    margin-bottom: 18px;
    align-items: center;
}

.rescript-popup .script-style-list .label {
    width: 110px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.05em;
}

.rescript-popup .script-style-list .script-style {
    align-items: center;
    gap: 10px;
}

.rescript-popup .script-style-list .script-style .script-style-item {
    display: inline-block;
    padding: 5px 18px 5px 18px;
    border-radius: 100px;
    background: #D9D9D980;
    border: 1px solid #ABABAB;
    box-shadow: 0 1px 2px 0 #0A0D120D;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.05em;
    text-align: center;
    color: #000;
    cursor: pointer;
}

.rescript-popup .script-style-list .script-style .script-style-item.active {
    border: 1px solid #2FA254;
    background: #D5E6CF;
}

.rescript-popup .script-letter-count {
    align-items: center;
}

.rescript-popup .script-letter-count .label {
    width: 110px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.05em;
    color: #000;
}

.rescript-popup .script-letter-count .value {
    gap: 10px;
    align-items: center;
}

.rescript-popup .script-letter-count .value span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.05em;
    color: #000;
}

.rescript-popup .script-letter-count .value select {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.05em;
    color: #000;
    width: 125px;
    height: 50px;
    padding: 10px 15px 10px 15px;
    border-radius: 5px;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
}

.refurbishment-point-guide-layer .layer-content {
    gap: 10px;
}

.refurbishment-point-guide-layer .layer-content p {
    font-weight: 400;
    line-height: 21px;
}

.material-service-guide .layer-content p {
    font-weight: 400;
    line-height: 21px;
}

.level-up-layer .layer-content {
    gap: 10px;
}

.level-up-layer .layer-content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.analysis-service-guide-layer .layer-content {
    /*width: 500px;*/
    /*gap: 10px;*/
}

.analysis-service-guide-layer .layer-content p {
    font-weight: 400;
    line-height: 21px;
}

.point-deduct-detail-layer .layer-content {
    width: 356px;
    gap: 10px;
}

.point-deduct-detail-layer .layer-content p {
    font-weight: 400;
    line-height: 21px;
}

.refurbishment-point-guide-layer.layer-box .layer-buttons .button {
    width: 100%;
}

.diagnosis-detail.layer-box .layer-buttons .button {
    width: 100%;
}

.level-up-layer.layer-box .layer-buttons .button {
    width: 100%;
}
.diagnosis-detail.layer-box .badge{
    padding:2px 18px;
    cursor:pointer;
    white-space:nowrap;
}

.point-deduct-layer .layer-content {
    width: 350px;
    padding: 32.5px 15.5px;
}

.point-deduct-layer .layer-content p {
    width: 100%;
    text-align: center;
}

.level-up-layer .layer-content {
    width: 352px;
    border: 0;
    align-items: center;
    padding: 0 0 32px;
}

.level-up-layer .layer-content .big {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.05em;
    color: #000;
    margin-bottom: 8px;
}

.level-up-layer .layer-content .small {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.05em;
    color: #000;
    /*margin-bottom: 40px;*/
}

.level-up-layer .layer-content .grade-up-main-text{
    margin-bottom:10px;
    text-align:center;
}

.level-up-layer .layer-content .grade-up-sub-text{
    margin-bottom:40px;
    text-align:center;
}


.level-up-layer .layer-content img {
    width: 78px;
    height: 77px;
}

.level-up-layer .layer-close {
    display: flex;
    align-items: center;
    justify-content: right;
    cursor: pointer;
}

.level-up-layer.layer-box {
    gap: 0;
}

.level-up-layer .layer-close img {
    width: 16px;
    height: 16px;
}

.analysis {

}

.analysis .start-form-wrap {
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom:30px;
}

.analysis .input-wrap {
    gap: 10px;
}

.analysis .input-wrap .label {
    width: fit-content;
}

.analysis .start-form-wrap input {
    width: 350px;
    height: 48px;
    padding: 10px 15px 10px 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.05em;
    color: #000000;
}

.analysis .analysis-start-btn {
    height: 44px;
    line-height: 44px;
}

.analysis .get-level-analysis-btn {
    height: 44px;
    line-height: 44px;
}

.analysis .page-sub-title-box {
    justify-content: space-between;
    align-items: center;
    padding: 0 25px;
}

.analysis .page-sub-title-box .share-btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    /*background-color: #000;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.analysis .page-sub-title-box .share-btn img {
    /*width: 15px;
    height: 16.67px;*/
    width: 25.33px;
    height: 23.67px;
}

.analysis .page-sub-title-box .title-wrap {
    align-items: center;
    gap: 15px;
}

.analysis .analysis-basic-info {
    padding: 30px 25px;
}

.analysis .analysis-basic-info .blog-info-box {
    align-items: center;
    margin-bottom: 30px;
}

.analysis .analysis-basic-info .blog-info-box .blog-info {
    display: flex;
    align-items: center;
}

.analysis .analysis-basic-info .blog-info-box .blog-info .label {
    margin-right: 5px;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.05em;
}

.analysis .analysis-basic-info .blog-info-box .blog-info .value {
    font-weight: 700;
}

.analysis .analysis-basic-info .blog-info-box .blog-info .value.green {
    color: #2FA254;
}

.analysis .analysis-basic-info .blog-info-box .blog-info:after {
    display: inline-block;
    content: "";
    width: 1px;
    height: 18px;
    background-color: #000;
    /*margin: 0 35px;*/
    margin: 0 10px;

}

.analysis .analysis-basic-info .blog-info-box .blog-info:last-child:after {
    width: 0;
}

.analysis .by-type-analysis {
    width: 100%;
    gap: 25px;
    justify-content: space-between;
}

.analysis .by-type-analysis .by-type {
    width: calc((100% / 3) - (25px / 2));
    padding: 30px 18px 34px;
    align-items: center;
    background: #F6F6F6;
    height: 354px;
    border-radius: 10px;
    position: relative;
}

.analysis .by-type-analysis .by-type .share-btn {
    width: 25.33px;
    height: 23.67px;
    position: absolute;
    top: 22px;
    right: 27px;
}

.analysis .by-type-analysis .by-type .share-btn img {
    width: 25.33px;
    height: 23.67px;
}

.analysis .by-type-analysis .by-type .type-name {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.05em;
    margin-bottom: 11px;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

.analysis .by-type-analysis .by-type .type-name img {
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 26px;
}

.analysis .by-type-analysis .by-type .level-fluctuations-list {
    margin-top: 19px;
    width: 100%;
    gap: 10px;
}

.level-fluctuations-list .fluctuations-item {
    width: 100%;
    height: 74px;
    padding: 12px 24px;
    gap: 25px;
    background: #FFFFFF;
    border-radius: 10px;
    align-items: center;
    cursor:pointer;
}
.level-fluctuations-list .fluctuations-item:hover{
    background-color:#d5ecdd;
}

.level-fluctuations-list .fluctuations-item .score-text{
    font-weight:500;
}
.level-fluctuations-list .fluctuations-item .analysis-date{
    margin-left:auto;
    font-size:14px;
    font-weight:500;
    color: #838383;
}

.level-fluctuations-list .fluctuations-item .level-mark-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -1px;
    color: #fff;
}

.level-fluctuations-list .fluctuations-item.blue .level-mark-circle {
    background: #77A2CA;
}

.level-fluctuations-list .fluctuations-item.orange .level-mark-circle {
    background: #E85A13;
}

.level-fluctuations-list .fluctuations-item .fluctu-info {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -1px;
    color: #000;
}

.level-fluctuations-list .fluctuations-item .fluctu-info .level-text {
    font-weight: 700;
}

.level-fluctuations-list .fluctuations-item .added-level-point {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -1px;
    color: #E85A13;
}
.level-fluctuations-list .fluctuations-item .added-level-point.minus{
    /*20250213 추가 */
    color:#77A2CA;
}

.basic-btn.get-history-btn {
    margin-top: 32px;
    padding: 14px 40px;
}

.analysis .by-type-analysis .by-type .none-result-box {
    width: 100%;
    height: 160px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    margin-top: 19px;
}

.analysis .by-type-analysis .by-type .levels {
    position: relative;
    margin-bottom: 15px;
}

.analysis .by-type-analysis .by-type .levels img {
    width: 363.44px;
    height: 182.49px;
}

.analysis .by-type-analysis .by-type .levels .level-mark-box {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    width: 119px;
    height: 58px;
    border-radius: 999px 999px 0 0;
    /*background-color: #fff;*/
    display: flex;
    align-items: center;
    justify-content: center;
}
.analysis .by-type-analysis .by-type .levels .level-mark-box.empty{
    background-color: #fff;
}

.analysis .by-type-analysis .by-type .levels .level-mark-box.b {
    background-color: #77A2CA;
}

.analysis .by-type-analysis .by-type .levels .level-mark-box .level {
    font-size: 35px;
    font-weight: 700;
    color: #FFF;
    line-height: 35px;
}

.analysis .by-type-analysis .by-type .levels .level-mark-box .level .plus {
    font-size: 18px;
}

.analysis .by-type-analysis .by-type .levels .level-mark-box .arrow-mark {
    position: absolute;
    width: 0;
    height: 0;
}

.analysis .by-type-analysis .by-type .levels .level-mark-box .level-text {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    white-space:nowrap; /*20250213추가*/
}

.analysis .by-type-analysis .by-type .levels .level-mark-box.b .arrow-mark {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid #77A2CA;
    transform: rotate(100deg);
    top: -20px;
    right: 30px;
}

.analysis .by-type-analysis .by-type .levels .level-mark-box img {
    width: 29.33px;
    height: 43px;
}

.analysis .analysis-basic-info .blog-info-box{
    flex-wrap:wrap;
}

.analysis .by-type-analysis .by-type .levels{
    width: 363.44px;
    height: 182.49px;
}
.analysis .by-type-analysis .by-type .levels img{
    position:absolute;
    top:0;
    left:0;
}
.analysis .by-type-analysis .by-type .levels .level-mark-box.empty img{
    position:unset;
}
.level-mark-container{
    position:absolute;
    top: 136px;
    left: 113px;
}
.level-mark-container .level-mark-wrap{
    position:relative;
}


.level-mark-container .circle-container {
    position: relative;
    display:flex;
    width: 140px;
    height: 70px;
}
.level-mark-container .circle-container .circle{
    width: 120px;
    height: 60px;
    border-radius: 999px 999px 0 0 ;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: 35px;
    font-weight: 700;
    color: #FFF;
    line-height: 35px;
}
.level-mark-container .circle-container .circle .grade-name-text{
    font-size: 16px;
    position: absolute;
    font-weight: 700;
    bottom: -35px;
    color: #000;
}

.level-mark-container .circle-container .circle-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #CDCDCD;
    transform-origin: 50% 75%;
}


.level-mark-container.grade_na .circle-container .circle {background-color:#CDCDCD;}
.level-mark-container.grade_d .circle-container .circle {background-color:#A5A5A5;}
.level-mark-container.grade_c .circle-container .circle {background-color:#79BB9F;}
.level-mark-container.grade_b .circle-container .circle {background-color:#8F8FBE;}
.level-mark-container.grade_a .circle-container .circle {background-color:#F08362;}
.level-mark-container.grade_s .circle-container .circle {background-color:#CF5D44;}

.level-mark-container.grade_na .circle-container .circle-arrow {border-bottom: 10px solid #CDCDCD;}
.level-mark-container.grade_d .circle-container .circle-arrow {border-bottom: 10px solid #A5A5A5;}
.level-mark-container.grade_c .circle-container .circle-arrow {border-bottom: 10px solid #79BB9F;}
.level-mark-container.grade_b .circle-container .circle-arrow {border-bottom: 10px solid #8F8FBE;}
.level-mark-container.grade_a .circle-container .circle-arrow {border-bottom: 10px solid #F08362;}
.level-mark-container.grade_s .circle-container .circle-arrow {border-bottom: 10px solid #CF5D44;}

.analysis .by-type-analysis .by-type .get-posting-btn {
    padding: 14px 40px;
    margin-top: 10px;
}

.tooltip{
    position:relative;
    display: inline-block;;
}
.tooltip-box{
    cursor:pointer;
}
.tooltip-box img{
    cursor: pointer;
    width: 20px;
    height: 20px;
}
.tooltip .speech-bubble .triangle {
    position: absolute;
    top: 50%;
    left: -18px;
    z-index: 1999;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid #fff;
}

.tooltip .speech-bubble .title{
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.05em;
}


/*.tooltip .speech-bubble {
    display:none;
    position: absolute;
    left: calc(50% - 30px);
    transform: translate(50%,-50%);
    top: 50%;
    width: 184px;
    height: auto;
    border-radius: 4px;
    background: #FFFFFF;
    padding: 16px;
    box-shadow: 8px 8px 20px 8px #00000012;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: -0.03em;
    opacity:1;
    z-index:1000;
}*/

.tooltip .speech-bubble {
    width: 250px;
    height: auto;
    border-radius: 4px;
    background: #FFFFFF;
    padding: 16px;
    box-shadow: 8px 8px 20px 8px #00000012;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: -0.03em;
    opacity:1;
    z-index:1000;
    word-break: keep-all;
}

.tooltip.active .speech-bubble{
    /*20250213 추가 */
    display:block;
}


.tooltip .speech-bubble.tooltip-nowrap{
    white-space: nowrap;
    width: fit-content;
}

.tooltip .speech-bubble.tooltip-right{
    top:0;
    left:100%;
    transform: translate(0,0);
}
.tooltip .speech-bubble.tooltip-bottom{
    top: 100%;
    left: 0;
    transform: translate(0, 0);
}

.tooltip .speech-bubble.tooltip-bottom .triangle{
    top: 1px;
    left: 50%;
    transform: translate(-50%, -100%) rotate(90deg);

}


.tooltip .speech-bubble .contents {
    gap: 10px;
}

.layer-box .layer-content p{
    /*20250213 추가 */
    line-height:1.5;
}





.basic-table .none-row-data {
    background-color: #F6F6F6;
    height: 100px;
    line-height: 100px;
    text-align: center;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.03em;
}

.analysis .by-type-analysis .by-type .contents-list {
    width: 100%;
    gap: 10px;
    margin-top: 19px;
}

.analysis .by-type-analysis .by-type .contents-list .contents-item {
    width: 100%;
    height: 50px;
    padding: 12px 18px;
    gap: 10px;
    background: #FFFFFF;
    border-radius: 10px;
    align-items: center;
}

.analysis .by-type-analysis .by-type .contents-list .contents-item .label {
    width: 80px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    color: #000;
}

.analysis .by-type-analysis .by-type .contents-list .contents-item .progress-bar {
    width: 150px;
    height: 26px;
    position: relative;
}

.analysis .by-type-analysis .by-type .contents-list .contents-item .progress-bar .child {
    height: 26px;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.analysis .by-type-analysis .by-type .contents-list .contents-item.orange .progress-bar .child {
    background-color: #E85A13;
}

.analysis .by-type-analysis .by-type .contents-list .contents-item.blue .progress-bar .child {
    background-color: #77A2CA;
}

.analysis .by-type-analysis .by-type .contents-list .contents-item.green .progress-bar .child {
    background-color: #79BB9F;
}

.analysis .by-type-analysis .by-type .contents-list .contents-item.gray .progress-bar .child {
    background-color: #A5A5A5;
}

.analysis .by-type-analysis .by-type .contents-list .contents-item .percentage {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    color: #000;
}

.analysis .analysis-info-wrap {
    width: 100%;
    height: auto;
    position: relative;
    transform: translateZ(0);
}

.contents-inner.analysis .contents-wrap.analysis-table-wrap{
    padding:0 0 35px 0;
    border-radius: 0 0 8px;
}

.contents-inner.analysis .recent-contents-button-wrap{
    margin-top:20px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.contents-inner.analysis .more-btn{
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 14px;
}

.wait-response img{
    width:100%;
    max-width:30px;
}

.analysis-table-wrap.table-wrap .basic-table tr {
    border-width: 0 0 1px 0;
    line-height: 16px;
    border-top: 0;
}

.analysis-table-wrap.table-wrap .basic-table th {
    vertical-align: middle;
    /*font-size: 18px;*/
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.05em;
    color: #000;
    border-top:0;
}



.analysis-table-wrap table td .badge {
    margin-right: 0;
}

.basic-table td.nowrap {

}
.basic-table td.wrap{
    white-space:normal;
}


.analysis-table-wrap table td {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: -0.05em;
    text-align: center;
    color: #000;
    padding: 12px 14px;
    white-space: nowrap;
    vertical-align: middle;
}

.analysis-table-wrap.table-wrap .basic-table tr td.deep-bg{
    background-color:#d5ecdd;
}

.main-page {
    padding: 0 0 90px;
}

.main-page .main-video-box {
    width: 100%;
    height: unset;
    max-height: 500px;
    gap: 56px;
    padding: 50px 0 90px;
    align-items: center;
}

.main-video-box .video {

    height: 100%;
    border-radius: 10px;
    box-shadow: 4px 5px 10.4px 4px rgba(0, 0, 0, 0.20);

    width:unset;
    flex:1;
    position: relative;
    overflow: hidden;

}

.volume-container {
    position: absolute;
    width:100%;
    height:60px;
    left:0;
    bottom:0;
    display: flex;
    align-items: center;
    z-index: 2;
    background: transparent;
    transition: background 0.5s ease;
    padding:0 15px;
    gap:15px;
}
.volume-container.active{
    background : #bcbcbc78;
    transition: background 0.5s ease;
}

/* 스피커 아이콘 */
.volume-button {
    width:30px;
    height:30px;
    border: none;
    cursor: pointer;
    background:url('/images/icon_sound.png') no-repeat center center/cover;
}
.volume-button.sound_none {
    background:url('/images/icon_sound_none.png') no-repeat center center/cover;
}
.volume-slider-container{
    display:flex;
    align-items:center;
    height:60px;
}

/* 슬라이더 기본 디자인 */
.volume-slider {
    display: none;
    width: 140px;
    height: 6px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    appearance: none;
    cursor: pointer;
}
.volume-slider:hover,
.volume-slider:focus {
    outline: none;
    border: none;
    box-shadow: none;
    background: none;
}

.volume-container.active .volume-slider {
    display: inline-block;
}

/* Chrome, Edge, Opera */
.volume-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #2FA254;

    margin-top: -5px;
    box-shadow: 0 0 3px rgba(0, 191, 255, 0.6);
    transition: background 0.3s;
}

.volume-slider::-webkit-slider-runnable-track {
    height: 6px;
    background: white;
    border-radius: 3px;
}

.main-video-box .video img {
    width: 480px;
    height: 100%;
    border-radius: 10px;
}

.main-video-box .copy-box {
    width: 619px;
    height: 100%;
    justify-content: center;
}

.main-video-box .copy-box .best {
    font-family: 'Gmarket Sans TTF';
    font-weight: 700;
    font-size: 52px;
    line-height: 58px;
    letter-spacing: -0.05em;
    color: #000000;
}

.main-video-box .copy-box .concon {
    font-family: 'Gmarket Sans TTF';
    font-weight: 700;
    font-size: 52px;
    line-height: 58px;
    letter-spacing: -0.05em;
    color: #2FA254;
    margin-bottom: 19px;
}

.main-video-box .copy-box .text {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.1em;
    color: #000;
}

#contents.main-page .page-title-box {
    margin: 0 0 35px;
    text-align: left;
}

#contents.main-page .page-title-box .title {
    text-align: left;
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -1.4px;
}

.main-page .posting .contents-wrap {
    background: #F5F5F5;
    border: 1px solid #D6D6D6;
    padding: 30px 25px;
    width: auto;
    position: relative;
    transform: translateZ(0);
}



.main-page .textarea-wrap textarea {
    width: 632px;
    height: 68px;
}

.main-page .textarea-form {
    /*margin-bottom: 50px;*/
}



.main-page .basic-btn {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -1px;
    padding: 26px 22px;
    cursor:pointer;
}

.main-contents-row {
    gap: 30px;
    margin-bottom:90px;
}

.main-page .posting {
    /*height: 571px;*/
}

.main-contents-row .up-blog-list-wrap {
    width: 100%;
    /*height: 480px;*/
    /*margin-bottom: 100px;*/
}

.main-contents-row .up-blog-list-wrap .up-blog-list {
    width: 100%;
    height: 270px;
    overflow-y: auto;
    padding-right: 10px;
}

.main-contents-row .up-blog-list-wrap .up-blog {
    width: 100%;
    height: 90px;
    padding: 17px 10px 17px 0;
    align-items: center;
    border-bottom: 1px solid #D6D6D6;
    cursor: unset;
}

.main-contents-row .up-blog-list-wrap .up-blog .blog-title .title {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px; /* 133.333% */
    letter-spacing: -0.9px;
}

.main-contents-row .up-blog-list-wrap .up-blog .blog-title .blog-date {
    color: #6F6F6F;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.65px;
}

.main-contents-row .up-blog-list-wrap .up-blog .change-grade {
    gap: 12px;
    align-items: center;
}
.main-contents-row .up-blog-list-wrap .up-blog .change-grade .grade-box{
    text-align:center;
}
.main-contents-row .up-blog-list-wrap .up-blog .change-grade .grade-box > span.text {
    display: block;
    font-size: 10px;
    color: #333;
    text-align: center;
    line-height: 1.5;
}

.main-contents-row .up-blog-list-wrap .up-blog .change-grade .grade {
    border-radius: 50%;
    /*color: #FFF;*/
    text-align: center;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -0.985185px;
    position: relative;
}

.main-contents-row .up-blog-list-wrap .up-blog .change-grade .grade .plus {
    font-size: 18px;
    position: absolute;
    top: 0;
    right: -10px;
}



.main-page .contents-wrap {
    margin-bottom: 100px;
}

/*.posting .blog-levels .level *:not(.circle):not(.next):not(.plus) {
    position: relative;
    left: -60px;
}*/

.comment-box {
    width: 100%;
    padding: 22px 50px;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px; /* 133.333% */
    letter-spacing: -1px;
    background: #F5F5F5;
    border-top: 1px solid #D6D6D6;
}

.main-contents-row .up-blog-list-wrap .up-blog .change-grade .grade.gray {
    color: #B1B1B2;
}

.main-contents-row .up-blog-list-wrap .up-blog .change-grade .grade.green {
    color: #81B8AF;
}

.main-contents-row .up-blog-list-wrap .up-blog .change-grade .grade.orange {
    color: #F08362;
}

.main-contents-row .up-blog-list-wrap .up-blog .change-grade .grade.red {
    color: #E16458;
}

.main-contents-row .up-blog-list-wrap .up-blog .change-grade .grade.purple {
    color: #8F8FBE;
}

.main-contents-row .up-blog-list-wrap .up-blog .change-grade img {
    width: 16px;
    height: 15px;
}
.blog-grade-text.grade_na{
    color :#CDCDCD;
}
.blog-grade-text.grade_d{
    color :#A5A5A5;
}
.blog-grade-text.grade_c{
    color :#79BB9F;
}
.blog-grade-text.grade_b{
    color :#8F8FBE;
}
.blog-grade-text.grade_a{
    color :#F08362;
}
.blog-grade-text.grade_s{
    color :#CF5D44;
}

.blog-grade-bg.grade_na{
    background-color :#CDCDCD;
}
.blog-grade-bg.grade_d{
    background-color :#A5A5A5;
}


.blog-grade-bg.grade_c{
    background-color :#79BB9F;
}
.blog-grade-bg.grade_b{
    background-color :#8F8FBE;
}
.blog-grade-bg.grade_a{
    background-color :#F08362;
}
.blog-grade-bg.grade_s{
    background-color :#CF5D44;
}


.main-page .categories-wrap {
    width: 100%;
    align-items: center;
    margin-bottom: 30px;
}

.main-page .categories {
    gap: 70px;
    align-items: center;
}

.main-page .categories .title {
    color: #000;
    font-family: "Noto Sans CJK KR";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1.4px;
}


.main-page .categories .category {
    gap: 60px;
    align-items: center;
}

.main-page .categories .category .item.active {
    position:relative;
    /*color: #2FA254;*/
    color:#000;
}

.main-page .categories .category .item.active:after{
    content: '';
    position: absolute;
    width:calc(100% + 11px);
    height:50%;
    bottom:0;
    left:-5px;
    background-color:#2fa25433;
    border-radius:10px;
}

.main-page .categories .category .item {
    color: #707070;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px; /* 100% */
    letter-spacing: -1px;
}

.main-page .link-btn {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px; /* 171.429% */
    letter-spacing: -0.7px;
    padding: 2px 14px;
}

.category-img-list {
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap:24px;
    margin-bottom: 90px;
}

.main-page .category-img-list{
    padding-bottom: 35px;
    border-bottom: 1px solid #D6D6D6;
}




.category-img-item {
    /*min-width: 123px;
    width: 123px;
    height: 123px;*/
    width:104px;
    height:104px;
    min-width:104px;
    background-color: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    gap: 7px;
}

.category-img-item:hover {
    scale: 115%;
    transition: .2s;
}
.category-img-item.active {
    background-color: #2FA254;
}
.category-img-item.active .category-name {
    color: #fff;
}

.category-img-item img {
    /*width: 54px;
    height: 54px;*/
    width: 40px;
    height: 40px;
}
.category-img-item.active img {
    filter: invert(100%);
}

.category-img-item .category-name {
    color: #000;
    text-align: center;
    /*font-size: 16px;*/
    font-size: 15px;
    font-weight: 500;
}

.main-page .board-wrap {
    width: 100%;
    min-width: 1300px;
    /*height: 458px;*/
    margin-bottom: 90px;
}
.main-page .board-wrap .divider{
    width: 1px;
    height: auto;
    background: #D6D6D6;
    margin: 0 30px;
}

.main-page .board-wrap .review-board {
    flex:1;
    /*width: 641px;*/
    height: 350px;
}

.main-page .board-wrap .review-board .review-list {
    width: 100%;
    /*height: 292px;*/
    /*border-right: 1px solid #D6D6D6;*/
    justify-content: flex-start;
    /*padding-right:28px;*/
    gap:30px;
}

.main-page .board-wrap .review-board .review-list .review-item {
    /*width: 548px;*/
    gap: 14px;
}

.main-page .board-wrap .review-board .review-list .review-item .item-title {
    align-items: center;
}

.main-page .board-wrap .review-board .review-list .review-item .title {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px; /* 120% */
    letter-spacing: -1px;
    display:flex;
    flex:1;
    gap:3px;
}

.main-page .board-wrap .review-board .review-list .review-item .title .title-text{
    max-width:80%;
}

.main-page .board-wrap .review-board .review-list .review-item .title .comment-count {
    color: #2FA254;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -1px;
}

span.icon-new{
    position:relative;;
}
span.icon-new:after {
    position: absolute;
    content: 'NEW';
    display: block;
    width: auto;
    left: 0;
    top: 0;
    background: #2FA254;
    color: #fff;
    padding: 0 9px;
    border-radius: 14px;
    font-size: 14px;
    line-height:24px;
    font-weight:500;
}
.blog-list-wrapper span.icon-new:after{
    line-height:24px;
    top: -12px;
}

.main-page .board-wrap .review-board .review-list .review-item .write_date {
    color: #6E6E6E;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
    letter-spacing: -0.7px;
}

.main-page .board-wrap .review-board .review-list .review-item .item-contents {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
    letter-spacing: -0.9px;
}

.main-page .board-wrap .wrap-title-box {
    align-items: center;
    margin-bottom: 35px;
}

.main-page .board-wrap .review-board .wrap-title-box {
    /*width: 548px;*/
}

.main-page .board-wrap .wrap-title-box .title {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 24px; /* 85.714% */
    letter-spacing: -1.4px;
    height: 28px;
}



.main-page .board-wrap .share-graph {
    /*width: 641px;*/
    flex:1;
    /*height: 488px;*/
    /*padding-left: 114px;*/
}

.main-page .board-wrap .share-graph .share-list {
    justify-content: flex-end;
    width: 100%;
    height: 292px;
    /*gap:30px;*/
    /*padding-left:28px;*/
}


.main-page .board-wrap .share-graph .share-list .share-item {
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}
.main-page .board-wrap .share-graph .share-list .share-item:first-of-type{
    margin-top:-15px;
}
.main-page .board-wrap .share-graph .share-list .share-item:last-of-type{
    margin-bottom:-15px;
}

.main-page .board-wrap .share-graph .share-list .share-item .share-type-box {
    align-items: center;
    justify-content: space-between;
    /*height: 70px;*/
    gap: 16px;
}

.main-page .board-wrap .share-graph .share-list .share-item .share-type-box .label {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px; /* 120% */
    letter-spacing: -1px;
    /*width: 60px;*/
}

.main-page .board-wrap .share-graph .share-list .share-item .share-type-box .value {
    border-radius: 990px;
    background: #FFF;
    border: 1px solid #D6D6D6;
    padding: 2px 30px;
    color: #707070;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.36px;
}

.main-page .board-wrap .share-graph .share-list .share-item .share-type-box a{
    color:unset;
}

.main-page .board-wrap .share-graph .share-list .share-item .share-type-box .value .count {
    color: #2FA254;
}

.main-page .board-wrap .share-graph .share-list .share-item .share-type-box .value.request {
    width: 88px;
    padding: 4px 0;
    text-align: center;
    color: #000;
}

.main-page .board-wrap .share-graph .share-list .share-item .share-type-box .value.request.none {
    background: #EDEDED;
    border: 0;
}

.main-page .board-wrap .share-graph .share-list .share-item .share-type-box .value.request.complete {
    background: #D5E6CF;
    border: 0;
}

#contents.main-page .page-title-box.main {
    flex-direction: row;
}

.main-page .product-list {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 50px 30px;
    margin-bottom: 90px;
}

.main-page .product-list .product-item {
    width: calc((100% / 5) - (48px / 2));
}

.main-page .product-list .product-item .thumbnail {
    width: 100%;
    aspect-ratio: 1;
}

.main-page .product-list .product-item .group {
    width: 100%;
    height: 47px;
    /*border-bottom: 1px solid #D9D9D9;*/
    align-items: center;
}

.main-page .product-list .product-item .group .d-day {
    gap: 5px;
    align-items: center;
}
.main-page .product-list .product-item .group .d-day .text{
    color:#000;
}


.main-page .product-list .product-item .group .site {
    gap: 5px;
    align-items: center;
}

.main-page .product-list .product-item .group .site-icon {
    width: 20px;
    height: 20px;
}

.main-page .product-list .product-item .group .text {
    color: #6E6E6E;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px; /* 128.571% */
    letter-spacing: -0.7px;
}

.main-page .product-list .product-item .item-name {
    /*margin: 14px 0 16px;*/
    margin: 0 0 16px;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px; /* 138.889% */
    letter-spacing: -0.9px;
    height:50px;
}

.main-page .product-list .product-item .item-text {
    color: #707070;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    letter-spacing: -0.7px;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    margin-bottom: 16px;
    height:18px;
}

.main-page .product-list .product-item .request-info {
    display: flex;
    align-items: center;
    justify-content:space-between;
    /*gap: 30px;*/
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px; /* 128.571% */
}

.main-page .product-list .product-item .request-info .site-info {
    display: flex;
    gap: 8px;
    color:#6E6E6E;
}

.main-page .product-list .product-item .request-info .site-info img {
    width: 20px;
}


.page-title-box .title.time {
    align-items: center;
}

.page-title-box .title .update-time:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 24px;
    background-color: #6E6E6E;
    margin: 0 20px;
}

.page-title-box .title .update-time {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #6E6E6E;
    align-items: center;
}

.main-page .challenge-list {
    width: 100%;
    align-items: center;
}

.main-page .challenge-list .chall-item {
    width: calc((100% / 4) - 19px / 2);
    height: 130px;
    border-radius: 10px;
    border: 1px solid #C4C4C4;
    padding: 40px 23px;
    background: #FFF;
}

.main-page .challenge-list .chall-item img {
    width: 46.452px;
    height: 46.538px;
}

.main-page .challenge-list .chall-item .line {
    margin-right: 22.32px;
}

.main-page .challenge-list .chall-item .chall-contents {
    border-left: 1px solid #C4C4C4;
    padding-left: 18px;
}

.main-page .challenge-list .chall-item .chall-contents .sub {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: -0.8px;
    white-space: nowrap;
}

.main-page .challenge-list .chall-item .chall-contents .main {
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px; /* 100% */
    letter-spacing: -1.2px;
}

.grade-text-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 0;
}

.recommended-title {
    width: 100%;
    padding: 10px;
    /* height: 40px; */
    line-height: 1.3;
    margin-bottom: 20px;
    padding-left: 19px;
    border-radius: 5px;
    background-color: #fff;
    font-size: 16px;
    color: #000;
    border:2px solid #2FA254;
}

.diagnosis-detail {
    width: 700px;
    zoom:0.95;
    gap:20px;
}

.diagnosis-detail .layer-contents {
    /*max-height: 500px;
    overflow-y: auto;*/
    max-height:unset;
    overflow:unset;
}

.diagnosis-detail .layer-contents::-webkit-scrollbar {
    width: 5px;  /* 스크롤바의 너비 */
}

.diagnosis-detail .layer-contents::-webkit-scrollbar-thumb {
    background: #afafaf; /* 스크롤바의 색상 */
    border-radius: 20px;
}

.diagnosis-detail .layer-contents::-webkit-scrollbar-track {
    background: #FFF;  /*스크롤바 뒷 배경 색상*/
}

.layer-box.diagnosis-detail .table-wrap .basic-table tbody tr,
.layer-box.diagnosis-detail .table-wrap .basic-table tbody td
{
    height:35px;
    font-size:14px;
}

.layer-box.overlap{
    z-index: 9002;
}


.analysis-box{
    position: relative;
}

.layer-box td .analysis-box {
    width: 100%;

}
.layer-box .effect {
    animation: rotate 15s infinite linear, bright2 2s infinite linear;
}

.missing-image-text .popup-box {
    width:100%;
    max-width: 500px;
    height: 100%;
    /*max-height: 600px;*/
    overflow-y: auto;
}
.popup-box {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    max-width: 320px;
    height: auto;
    padding: 16px 21px;
    border-radius: 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #d7d7d7;
    background-color: #fff;
    z-index: 3000;
    white-space: nowrap;
}

.popup-box span.title {
    white-space: normal;
}

.popup-box .submit-btn {
    width: auto;
    height: 26px;
    margin-top: 10px;
    padding: 6px 10px;
    border-radius: 5px;
    background-color: #353535;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    color: #fff;
}

.analysis-box.explanation.active .explanation-box {
    display: block;
    cursor: initial;
    overflow: auto;
}
.explanation-box {
    display: none;
    /*position: absolute;*/
    position:fixed;
    /* bottom: 0; */
    bottom: 50%;
    transform: translateY(50%);
    right: -312px;
    /*left: 100px;*/
    width: 310px;
    height: auto;
    max-height: 300px;
    z-index: 100;
    background-color: #fff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.11);
    border: solid 1px #e3e3e3;
    border-radius: 5px;
    padding: 10px;
    line-height: 1.23;
    font-size: 13px;
    color: #111;
    text-align: center;
}

.analysis-box.explanation.active .triangle {
    /*display: block;*/
}
.analysis-box.explanation .triangle {
    display: none;
    position: absolute;
    top: 50%;
    right: -18px;
    z-index: 1000;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid #fff;
}



.layer-box tr td:last-of-type {
    padding: 5px 10px;
}


.missing-image-text .popup-box img {
    display: inline-block;
    width: 100%;
    max-width: 600px;
    border: 1px solid #d0d0d0;
    margin-bottom: 10px;
}
.missing-image-text .popup-title{
    font-size: 16px;
    font-weight: 700;
    color: #111;
    margin-bottom: 15px;
}

.diagnosis-detail .view-missing-image {
    color: #7786ff;
    font-weight: 500;
    text-decoration: #7786ff underline;
}

.explanation-box .box {
    white-space: pre-line;
    word-break: keep-all;
    text-align: left;
    height: 100%;
    font-size:14px;
    font-weight: 500;
    line-height:1.7;
}

.c-rank-analysis {
    width: 100%;
    padding: 30px 18px 34px;
    align-items: center;
    background: #F6F6F6;
    border-radius: 10px;
    position: relative;
}

.c-rank-analysis .contents-list {
    width: 100%;
    gap: 10px;
}

.c-rank-analysis .contents-item-box {
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: calc(100% / 4);
}

.c-rank-analysis .contents-list .contents-item {

    height: 50px;
    padding: 12px 18px;
    background: #FFFFFF;
    border-radius: 10px;
    align-items: center;
    justify-content: space-between;
}

.c-rank-analysis .contents-list .contents-item .label {
    width: 80px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    color: #000;
}

.c-rank-analysis .contents-list .contents-item .progress-bar {
    width: 150px;
    height: 26px;
    position: relative;
}

.c-rank-analysis .contents-list .contents-item .progress-bar .child {
    height: 26px;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
}

.c-rank-analysis .contents-list .contents-item.orange .progress-bar .child {
    background-color: #E85A13;
}

.c-rank-analysis .contents-list .contents-item.blue .progress-bar .child {
    background-color: #77A2CA;
}

.c-rank-analysis .contents-list .contents-item.green .progress-bar .child {
    background-color: #79BB9F;
}

.c-rank-analysis .contents-list .contents-item.gray .progress-bar .child {
    background-color: #A5A5A5;
}

.c-rank-analysis .contents-list .contents-item .progress-bar {
    width: 150px;
    height: 26px;
    position: relative;
}

.c-rank-analysis .category-img-item {
    box-shadow: 0 0 20px #2FA254;
}

.contents-area.material{
    margin-bottom:50px;
    padding:20px 0;
}


.material .category-img-list {
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap:24px;
    /*margin-bottom: 0;*/
    margin-bottom: 48px;
}
.material .category-img-list .title-wrap{
    white-space:nowrap;
    font-size: 18px;
    width:140px;
}

.material .category-img-list .category-img-item {
    /*width: calc((100% - 300px) / 6);
    height: auto;
    aspect-ratio: 1 / 1;*/
}

.page-sub-title-box .point {
    font-weight: inherit;
    font-size: inherit;
    color: #2FA254;
}

.material-keyword .manuscript-create-btn {
    /*height: 30px;
    line-height: 30px;*/
}

.basic-table .link-content {
    color: inherit;
    /*    text-decoration: underline;*/
}

.table-wrap.material-keyword {
    margin: 20px 0 100px;
}

.campaign-filter-wrapper {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}
.campaign-filter-wrapper .section {
    width: 100%;
    height: auto;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}
.campaign-filter-wrapper .section.filter-header {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}
.section.filter-header .concon-box-open-wrap {
    width: 100px;
    height: 70px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 10px;
}
.section.filter-header .concon-box-open-wrap .concon-box {
    font-size: 18px;
    font-weight: 900;
    color: #30a254;
}
.section.filter-header .status-menus {
    width: 1200px;
    height: 70px;
    display: flex;
    align-items: center;
}
.section.filter-header .status-menus .status-item {
    width: calc(1200px / 7);
    height: 100%;
}
.section.filter-header .status-menus .status-item.active {
    border-bottom: 5px solid #fdd000;
}
.section.filter-header .status-menus .status-item .inner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #777;
}
.section.filter-header .status-menus .status-item.active .inner {
    color: #111;
    font-weight: 700;
}
.section.filter-header .status-menus .status-item .inner .count {
    font-family: Roboto;
}
.section.filter-body {
    display: none;
}
.section.filter-body.active {
    display: block;
}
.section.filter-body .filter-table {
    width: 1300px;
    height: auto;
    margin: 0 auto;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}
.section.filter-body .filter-table tr {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #e3e3e3;
}
.section.filter-body .filter-table tr:last-child {
    border-bottom: none;
}
.section.filter-body .filter-table td {
    width: auto;
    height: 100%;
    vertical-align: middle;
}
.section.filter-body .filter-table th + td {
    width: 96px;
}
.section.filter-body .filter-table th {
    width: 106px;
    height: 100%;
    font-size: 16px;
    color: #111;
    vertical-align: middle;
}

.section.filter-body .filter-table th,
.section.filter-body .filter-table td{
    padding: 15px 0;
}
.section.filter-body .filter-table .inner {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #777;
    box-sizing: border-box;
}
.section.filter-body .filter-table .input-check-wrap {
    gap: 10px;
}
.section.filter-body .filter-table .filter-label-box {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #777;
}
.section.filter-body .filter-table .input-check-wrap.active {
    font-weight: 700;
    color: #111;
}
.section.filter-body .filter-table .filter-label-box .filter-icon {
    margin-right: 5px;
    width: 20px;
    height: 20px;
}
.section.filter-body .filter-table .alarm-show-icon {
    width: 11px;
    height: 7px;
    margin-right: 10px;
    cursor: pointer;
}
.section.filter-body .filter-table .alarm-show-icon.on {
    transform: rotate(180deg);
}
.section.filter-body .filter-table .alarm-count {
    display: inline-block;
    width: 30px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    background-color: #339c52;
    color: #fff;
    font-size: 13px;
    font-family: Roboto;
    text-align: center;
    font-weight: 700;
    margin-right: 10px;
}

.section.filter-body .filter-table .bell-box {
    display: inline-block;
    position: relative;
}
.section.filter-body .filter-table .bell-box .bell-icon {
    width: 23px;
    height: 26px;
    cursor: pointer;
}
.section.filter-body .filter-table .bell-box .alarm-setting-box {
    display: none;
    position: absolute;
    top: 42px;
    right: -24px;
    width: auto;
    height: auto;
    padding: 32px 21px;
    border-radius: 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #d7d7d7;
    background-color: #fff;
    z-index: 10000;
    white-space: nowrap;
}
.section.filter-body .filter-table .bell-box .alarm-setting-box.active {
    display: block;
}

.input-check-wrap {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    gap: 7px;
}
.input-check-wrap input[type='checkbox'] {
    display: none;
}
.input-check-wrap input[type='checkbox'] + .check-box {
    flex: 0 0 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("/images/icon-input-check-bg-gray.png");
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.input-check-wrap input[type='checkbox']:checked + .check-box::after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("/images/icon-input-check-bg.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.input-circle-check-wrap {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}
.input-circle-check-wrap input[type='checkbox'] {
    display: none;
}
.input-circle-check-wrap input[type='checkbox'] + .check-box {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/images/icon-circle-check-gray.png");
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.input-circle-check-wrap input[type='checkbox']:checked + .check-box::after{
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/images/icon-circle-check.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.input-circle-check-wrap input[type='radio'] {
    display: none;
}
.input-circle-check-wrap input[type='radio'] + .check-box {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/images/icon-circle-check-gray.png");
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}
.input-circle-check-wrap input[type='radio']:checked + .check-box::after{
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/images/icon-circle-check.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.main-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.main-wrapper .main-banner-wrapper {
    width: 100%;
    height: 110px;
    margin-bottom: 40px;
    position: relative;
}
.main-wrapper .main-banner-wrapper .banner-wrap-inner {
    width: 100%;
    height: 100%;
}
.main-wrapper .main-banner-wrapper .banner-wrap-inner .banner-item {
    background-repeat: no-repeat;
    background-size: contain;
}
.concon-swiper-button.swiper-button-next, .concon-swiper-button.swiper-button-prev {
    width: 40px;
    height: 40px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #f1f1f1;
    background-color: #fff;
    border-radius: 50%;
    z-index: 1000;
}
.concon-swiper-button.swiper-button-next {
    right: -20px;
}
.concon-swiper-button.swiper-button-prev {
    left: -20px;
}
.concon-swiper-button.swiper-button-next:after, .concon-swiper-button.swiper-button-prev:after {
    font-size: 17px;
    font-weight: 900;
    color: #000;
}

.main-wrapper .campaign-list-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.main-wrapper .campaign-list-wrapper .campaign-list-order-box {
    width: 100%;
    height: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.main-wrapper .campaign-list-wrapper .campaign-list-order-box .order-select {
    width: auto;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 5px;
    border: solid 1px #d7d7d7;
    background-color: #fff;
    padding: 5px 10px;
}
.main-wrapper .campaign-list-wrapper .campaign-list-order-box .order-select .order-name {
    font-size: 14px;
    color: #111;
}
.main-wrapper .campaign-list-wrapper .campaign-list-order-box .order-select .icon {
    width: 10px;
    height: 7px;
}
.main-wrapper .campaign-list-wrapper .campaign-list-order-box .order-select .order-option-box {
    display: none;
}
.main-wrapper .campaign-list-wrapper .campaign-list-order-box .order-select.active .order-option-box {
    display: block;
    position: absolute;
    bottom: -120px;
    right: 0;
    width: auto;
    height: auto;
    border-radius: 5px;
    border: solid 1px #d7d7d7;
    background-color: #fff;
    padding: 15px;
}
.main-wrapper .campaign-list-wrapper .campaign-list-order-box .order-select.active .order-option-box .triangle {
    position: absolute;
    top: -17px;
    right: 15px;
    width: 0;
    height: 0;
    border-bottom: 9px solid #fff;
    border-top: 9px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    z-index: 1000;
}
.main-wrapper .campaign-list-wrapper .campaign-list-order-box .order-select.active .order-option-box .triangle.border {
    position: absolute;
    top: -20px;
    right: 14px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #d7d7d7;
    border-top: 10px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 900;
}
.main-wrapper .campaign-list-wrapper .campaign-list-order-box .order-select.active .order-option-box .options {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 13px;
    color: #5a5a5a;
}
.main-wrapper .campaign-list-wrapper .campaign-list-order-box .order-select.active .order-option-box .options li {
    padding: 3px;
}
.main-wrapper .campaign-list-wrapper .campaign-list-order-box .order-select.active .order-option-box .options li:hover {
    color: #339c52;
}

.main-wrapper .campaign-list-wrapper .campaign-list-box {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 50px 30px;
    border-top: 1px solid #000;
    padding-top: 25px;
}
.main-wrapper .campaign-list-wrapper .campaign-list-box .campaign-item-wrapper {
    width: calc(100% / 5 - 24px);
    height: auto;
    display: flex;
    flex-direction: column;
}
.campaign-item-wrapper .status-buttons {
    width: 100%;
    height: 30px;
    padding: 5px;
    background-color: #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.campaign-item-wrapper .status-buttons .status-button {
    width: auto;
    height: 20px;
    line-height: 18px;
    border-radius: 3px;
    border: solid 1px #b3b3b3;
    background-color: #fff;
    font-size: 12px;
    color: #808080;
    display: inline-block;
    padding: 0 3px;
}

.campaign-item-wrapper .status-buttons .status-button.active {
    border: solid 1px #30a254;
    background-color: #30a254;
    color: #fff;
}
.campaign-item-wrapper .campaign-item {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.campaign-item-wrapper .campaign-item .thumbnail {
    width: 100%;
    aspect-ratio: auto 1/1;
    /*margin-bottom: 10px;*/
    /* background-size: contain; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 236px;
    object-fit: cover;
}
.campaign-item-wrapper .campaign-item .type-box {
    width: 100%;
    /*height: 20px;*/
    height: 47px;
    /*border-bottom: 1px solid #D9D9D9;*/
    /*margin-bottom: 10px;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.campaign-item-wrapper .campaign-item  .channel {
    display: flex;
    align-items: center;
    gap: 8px;
}
.campaign-item-wrapper .campaign-item .channel-icon {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}
.campaign-item-wrapper .campaign-item .channel-icon.insta {
    background-image: url('/images/c-insta@3x.png');
}
.campaign-item-wrapper .campaign-item  .channel-icon.blog {
    background-image: url(/images/c-blog@3x.png);
}
.campaign-item-wrapper .campaign-item .channel-icon.youtube {
    background-image: url(/images/c-youtube@3x.png);
}
.campaign-item-wrapper .campaign-item .channel-name {
    font-size: 14px;
    color: #111;
    font-weight: 600;
}
.campaign-item-wrapper .campaign-item .type-box .channel .d-day {
    /*font-size: 13px;
    color: #111;
    font-weight: 600;*/
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}
.campaign-item-wrapper .campaign-item .type-box .site {
    display: flex;
    align-items: center;
    gap: 5px;
}
.campaign-item-wrapper .campaign-item .type-box .site .site-icon {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}
.campaign-item-wrapper .campaign-item .type-box .site .site-icon.revu {
    background-image: url('/images/icon-revu.png');
}
.campaign-item-wrapper .campaign-item .type-box .site .site-name {
    /*font-size: 13px;
    color: #777;
    font-weight: 600;*/
    color: #6E6E6E;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -0.7px;
}
.campaign-item-wrapper .campaign-item .title-box {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 9px;
    /*margin-bottom: 18px;*/
    /*margin: 14px 0 16px;*/
    margin: 0 0 16px;
}
.campaign-item-wrapper .campaign-item .title-box .title {
    /*font-size: 18px;
    color: #111;
    font-weight: 700;
    line-height: 1.54;*/
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: -0.9px;
    height:50px;
}
.campaign-item-wrapper .campaign-item .title-box .explanation {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*font-size: 13px;
    color: #989898;
    font-weight: 500;*/
    color: #707070;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    height:18px;
}
.campaign-item-wrapper .campaign-item .option-box {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.campaign-item-wrapper .campaign-item .option-box .apply-count-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    /*gap:30px;*/
}
.campaign-item-wrapper .campaign-item .option-box .apply-count {
    font-size: 14px;
    color: #111;
    font-weight: 700;
}

.campaign-item-wrapper .campaign-item .option-box .options {
    width: 100%;
    height: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.campaign-item-wrapper .campaign-item .option-box .options li {
    width: auto;
    height: 20px;
    border-radius: 10px;
    background-color: #e9e9e9;
    text-align: center;
    font-size: 12px;
    color: #9c9c9c;
    padding: 3px 12px;
}

.join-form-wrapper {
    width: 600px;
    height: auto;
    margin: 0 auto;
    padding: 60px 0 187px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.join-form-wrapper .wrapper-header {
    width: 100%;
    height: auto;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: bold;
    color: #111;
    border-bottom: 1px solid #313131;
}
.join-form-wrapper input[type='text'],
.join-form-wrapper input[type='password']
{
    width: 300px;
    height: 50px;
    box-sizing: border-box;
    font-size: 15px;
    color: #8e8e8e;
}
.join-form-wrapper select {
    width: 150px;
    height: 50px;
}
.join-form-wrapper .wrapper-body {
    width: 100%;
    height: auto;
    padding: 30px 20px 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    border-bottom: 1px solid #ddd;
}
.join-form-wrapper .wrapper-body .input-section {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.join-form-wrapper .wrapper-body .input-section .input-box {
    width: 100%;
    /* height: 50px;*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.join-form-wrapper .wrapper-body .input-section .input-box.certify {
    position: relative;
    display: none;
}
.join-form-wrapper .wrapper-body .input-section .input-box .button {
    width: 150px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    border: solid 1px #e3e3e3;
    background-color: #e3e3e3;
    font-size: 15px;
    color: #fff;
}
.join-form-wrapper .wrapper-body .input-section .input-box .button.active {
    border: solid 1px #30a254;
    background-color: #30a254;
}
.join-form-wrapper .wrapper-body .input-section .input-box.certify .button {
    border: solid 1px #fdd000;
    background-color: #fdd000;
}
.join-form-wrapper .wrapper-body .input-section .input-box.certify .timer {
    position: absolute;
    top: 50%;
    /*right: 180px;*/
    right: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    color: #f00;
}
.join-form-wrapper .wrapper-body .input-section .input-box.certify .button.disabled {
    border: solid 1px #868686;
    background-color: #868686;
}
.join-form-wrapper .wrapper-body .input-section .input-box .caution.active {
    display: block;
}
.join-form-wrapper .wrapper-body .input-section .input-box .caution {
    display: none;
    padding-left: 9px;
    font-size: 13px;
    color: #f00;
}
.join-form-wrapper .wrapper-body .agree-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.join-form-wrapper .wrapper-body .agree-section .input-circle-check-wrap {
    width: 100%;
}
.join-form-wrapper .wrapper-body .agree-section .input-circle-check-wrap .check-comment {
    width: 340px;
    font-size: 13px;
    color: #8e8e8e;
    line-height: 1.54;
}
.join-form-wrapper .wrapper-body .agree-section .input-circle-check-wrap .check-comment .agree-contents-view {
    font-weight: 700;
    color: #30a254;
}
.join-form-wrapper .wrapper-footer {
    width: 100%;
    height: auto;
    padding: 30px 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.join-form-wrapper .wrapper-footer .buttons {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.join-form-wrapper .wrapper-footer .buttons .submit-btn {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    border: solid 1px #e3e3e3;
    background-color: #e3e3e3;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 60px;
}
.join-form-wrapper .wrapper-footer .buttons .submit-btn.active {
    border: solid 1px #30a254;
    background-color: #30a254;
}
.sns-join-section {
    width: 100%;
    height: 120px;
    padding: 30px 40px 27px;
    background-color: #f6f6f6;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sns-join-section .copy {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.sns-join-section .copy .title {
    font-size: 18px;
    font-weight: bold;
    color: #111;
}
.sns-join-section .copy .contents {
    font-size: 14px;
    color: #8e8e8e;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.sns-join-section .icons {
    display: flex;
    align-items: center;
    gap: 20px;
}
.sns-join-section .icons .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.sns-join-section .icons .icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.sns-join-section .icons .icon.naver {
    background-color: #21cb01;
}
.sns-join-section .icons .icon.facebook {
    background-color: #445d98;
}
.sns-join-section .icons .icon.kakao img{
    width: 25px;
}
.sns-join-section .icons .icon.kakao {
    background-color: #fee500;

}
.sns-join-section .icons .icon.apple {
    background-color: #000;
}

.login-form-wrapper {
    width: 600px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 60px 0 570px;
}
.login-form-wrapper .wrapper-header {
    width: 100%;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: bold;
    color: #111;
    border-bottom: 1px solid #313131;
}
.login-form-wrapper .wrapper-body {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 50px 70px;
    gap: 20px;
}

.login-form-wrapper .wrapper-body .input-wrap input {
    width: 100%;
    height: 50px;
}

input:hover,
textarea:hover
{
    border: 1px solid #30a254;
}

input:focus,
textarea:focus

{
    outline: 1px solid #30a254;
}

.login-form-wrapper .wrapper-body .input-wrap.certify {
    position: relative;
    display: none;
}
.login-form-wrapper .wrapper-body .input-wrap .button, .info-input-box .button {
    width: 150px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    border: solid 1px #30a254;
    background-color: #30a254;
    font-size: 15px;
    color: #fff;
}
.login-form-wrapper .wrapper-body .input-wrap .button.disabled, .info-input-box .button.disabled{
    border: solid 1px #868686;
    background-color: #868686;
}
.login-form-wrapper .wrapper-body .input-wrap.certify .button, .info-input-box.certify .button {
    border: solid 1px #fdd000;
    background-color: #fdd000;
}
.login-form-wrapper .wrapper-body .input-wrap.certify .button.complete, .info-input-box .button.complete {
    border: solid 1px #868686;
    background-color: #868686;
}
.login-form-wrapper .wrapper-body .input-wrap.certify .timer {
    position: absolute;
    top: 50%;
    right: 140px;
    transform: translateY(-50%);
    font-size: 13px;
    color: #f00;
}

.login-form-wrapper .wrapper-body .login-btn-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 20px 0 30px;
}
.login-form-wrapper .wrapper-body .login-btn-wrap #find_password_form_submit, .login-form-wrapper .wrapper-body .login-btn-wrap #change_password_form_submit {
    background-color: #868686;
}
.login-form-wrapper .wrapper-body .login-btn-wrap #find_password_form_submit.active, .login-form-wrapper .wrapper-body .login-btn-wrap #change_password_form_submit.active {
    background-color: #36a253;
}
.login-form-wrapper .wrapper-body .login-btn-wrap .btn {
    width: 100%;
    height: 50px;
    background-color: #36a253;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
}
.login-form-wrapper .wrapper-body .login-btn-wrap .btn:hover {
    background-color: #00bb33;
}

.login-form-wrapper .wrapper-body .login-comment-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login-form-wrapper .wrapper-body .login-comment-wrap .find-password-btn {
    border-bottom: 1px solid #111;
    font-size: 13px;
    color: #111;
    line-height: 1.54;
    font-weight: 700;
}

.login-form-wrapper .wrapper-body .login-comment-wrap .checkbox-label {
    font-size: 13px;
    color: #8e8e8e;
}

.mypage-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    gap: 100px;
    padding: 60px 0 100px;
}
.mypage-wrapper .menu-box {
    width: 200px;
    height: auto;
    display: flex;
    flex-direction: column;
}
.mypage-wrapper .menu-box .menu-header {
    width: 100%;
    height: 60px;
    padding: 20px 0;
    font-size: 22px;
    font-weight: 700;
    color: #111;
    border-bottom: 1px solid #313131;
}
.mypage-wrapper .menu-box .menus {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.mypage-wrapper .menu-box .menus .menu-item {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 18px;
    font-size: 16px;
    font-weight: 600;
    color: #797979;
    border-bottom: 1px solid #ddd;
}
.mypage-wrapper .menu-box .menus .menu-item.active {
    font-size: 17px;
    font-weight: 700;
    color: #111;
}
.mypage-wrapper .menu-box .menus .sub-menus {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-bottom: 1px solid #ddd;
    padding: 20px 0 20px 25px;
}
.mypage-wrapper .menu-box .menus .sub-menus .sub-menu-item {
    width: 100%;
    height: auto;
}
.mypage-wrapper .menu-box .menus .sub-menus .sub-menu-item.active a {
    color: #111;
}
.mypage-wrapper .menu-box .menus .sub-menus .sub-menu-item a {
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-weight: 500;
    color: #797979;
}
.mypage-wrapper .mypage-contents {
    width: calc(100% - 300px);
    height: auto;
    display: flex;
    flex-direction: column;
}
.mypage-wrapper .mypage-contents .mypage-contents-header {
    width: 100%;
    height: 60px;
    padding: 20px 0;
    font-size: 22px;
    font-weight: 700;
    color: #111;
    border-bottom: 1px solid #313131;
}
.mypage-wrapper .mypage-contents .mypage-contents-body {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;

}
.mypage-referer .mypage-wrapper .mypage-contents .mypage-contents-body{
    padding: 20px ;
}
.mypage-wrapper .mypage-contents .mypage-contents-body .info-edit-form {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 30px 30px;
    /*border-bottom: 1px solid #ddd;*/
}

.mypage-contents.subscription .subscription-wrap{
    /*padding:35px 0 0 ;*/
    padding: 0;

}
.subscription-wrap .current-usage-wrap{
    margin: 35px 0 ;
}
.subscription-wrap .current-usage-wrap .current-usage-container{
    font-size:14px;
    line-height:25px;
    font-weight:400;
    text-align: center;
    background:#2fa25433;
    padding:17.5px 0;
    border-radius: 10px;
}
.subscription-wrap .current-usage-wrap .current-usage-container .current-usage{
    font-weight: 600;
}

.subscription-wrap .subscription-table-container{
    margin-bottom: 70px;

}
.subscription-wrap .subscription-table{
    width:100%;
}
.subscription-wrap .subscription-table th{
    font-weight: 600;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    padding:3px 0;
}
.subscription-wrap .subscription-table tr:nth-child(3) th{
    padding-bottom: 10px;
}
.subscription-wrap .subscription-table td{
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    vertical-align: middle;
    padding:10px 0;
    border: solid #DCDCDC;
    border-width:1px 0 1px 0;
}
.subscription-wrap .subscription-table td .price{
    font-weight: 600;
}
.subscription-wrap .subscription-table .rate-per{
    color:#339c52;
    font-weight:400;
}
.subscription-wrap .subscription-table .origin-price{
    color:#CF8359;
    font-weight:400;
    text-decoration:line-through;
    height: 25px;
}

.subscription-wrap .subscription-table td .text-green{
    color:#339c52;
}

.subscription-wrap .subscription-table .benefit-row{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*gap: 5px;*/
}


.subscription-wrap .subscription-table tbody tr:nth-child(odd){
    /*background:#D9D9D91A;*/
}
.subscription-wrap .subscription-btn{
    padding:5px 7px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: -1px;
    text-align: center;
    background: #404F80;
    color: #fff;
    cursor: pointer;
    border: 1px solid #D5D7DA;
}
.subscription-wrap .subscription-btn.btn-orange{
    background-color:#CF8359;
    color:#FFF;
}
.subscription-wrap .subscription-btn.btn-navy{
    background-color: #404F80;
    color:#FFF;
}

.subscription-wrap .subscription-btn.btn-gray{
    background-color: #ABABAB;
    color:#FFF;
}

.subscription-wrap .subscription-notice-wrap{
    margin-bottom: 15px;
}
.subscription-wrap .subscription-notice-wrap .title{
    font-size:18px;
    font-weight: 600;
    margin-bottom:15px;
}
.subscription-wrap .subscription-notice-wrap ul li{
    position:relative;
    font-size:12px;
    font-weight:400;
    line-height: 24px;
    padding-left:10px;
}
.subscription-wrap .subscription-notice-wrap ul li:before{
    display: block;
    position: absolute;
    content: '∙';
    top:0;
    left:0;
}


.info-edit-form .info-input-box {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
}
.info-edit-form .info-input-box .input-label {
    width: 180px;
    height: 100%;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    color: #111;
}
.info-edit-form .input-wrap{
    gap:10px;
}
.info-edit-form .info-input-box input[type='text'], .info-edit-form .info-input-box input[type='password'] {
    width: 300px;
    height: 50px;
    font-size: 13px;
    color: #111;
}
.info-edit-form .info-input-box select {
    width: 300px;
    height: 50px;
    font-size: 13px;
    color: #8e8e8e;
}
.info-edit-form .info-input-box select.alarm_time{
    width:190px;
}


.info-edit-form .info-input-box .input-wrap.gender {
    gap: 30px;
}
.info-edit-form .info-input-box .input-circle-check-wrap .input-label {
    width: auto;
}
.info-edit-form .info-input-section {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.info-edit-form .info-input-box .phone-certify-box {
    display: flex;
    align-items: center;
    gap: 10px;
}
.info-edit-form .info-input-box .certify-btn {
    width: auto;
    height: 50px;
    line-height: 50px;
    padding: 0 14px;
    border-radius: 5px;
    border: solid 1px #30a254;
    background-color: #30a254;
    font-size: 15px;
    color: #fff;
}
.info-edit-form .info-input-box .find-address-btn {
    width: auto;
    height: 50px;
    line-height: 50px;
    padding: 0 14px;
    border-radius: 5px;
    border: solid 1px #30a254;
    background-color: #30a254;
    font-size: 15px;
    color: #fff;
}
.info-edit-form .info-input-box .input-wrap.password {
    gap: 20px;
}
.info-edit-form .info-input-box .input-wrap.password .caution {
    display: none;
    font-family: NanumGothic;
    font-size: 13px;
    color: #f00;
}
.info-edit-form .info-input-box.certify .button {
    border: solid 1px #fdd000;
    background-color: #fdd000;
}
.info-edit-form .info-input-box .button.disabled {
    border: solid 1px #868686;
    background-color: #868686;
}
.info-edit-form .info-input-box.certify {
    position: relative;
    display: none;
}
.info-edit-form .info-input-box.certify .timer {
    position: absolute;
    top: 50%;
    right: 51%;
    transform: translateY(-50%);
    font-size: 13px;
    color: #f00;
}
.info-edit-form .info-input-box .certify-box {
    display: flex;
    gap: 10px;
}

.info-edit-form .wrapper-footer .buttons .submit-btn {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    border: solid 1px #e3e3e3;
    background-color: #e3e3e3;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 60px;
}
.info-edit-form .wrapper-footer {
    width: 100%;
    height: auto;
    padding: 30px 270px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.info-edit-form .wrapper-footer .buttons {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-edit-form .wrapper-footer .buttons .submit-btn.active {
    border: solid 1px #30a254;
    background-color: #30a254;
}
.mypage-contents-body .sns-login-edit {
    width: 100%;
    height: auto;
    /*padding: 30px;*/
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.mypage-contents-body .sns-login-edit .sns-login-wrap {
    width: 100%;
    height: 60px;
    padding: 15px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    border: solid 1px #e3e3e3;
    background-color: #fff;
    cursor: pointer;
}
.mypage-contents-body .sns-login-edit .sns-login-wrap .sns-wrap-body {
    display: flex;
    align-items: center;
}
.mypage-contents-body .sns-login-edit .sns-login-wrap .sns-wrap-body .icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    border-radius: 50%;
    background-color: #d2d2d2;
}
.mypage-contents-body .sns-login-edit .sns-login-wrap.active .sns-wrap-body .icon.naver {
    background-color: #21cb01;
}
.mypage-contents-body .sns-login-edit .sns-login-wrap.active .sns-wrap-body .icon.kakao {
    background-color: #fdd000;
}
.mypage-contents-body .sns-login-edit .sns-login-wrap.active .sns-wrap-body .icon.apple {
    background-color: #000;
}
.mypage-contents-body .sns-login-edit .sns-login-wrap .sns-wrap-body .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.mypage-contents-body .sns-login-edit .sns-login-wrap .sns-wrap-body .icon.kakao img {
    width: 16px;
    height: auto;
    object-fit: unset;
}
.mypage-contents-body .sns-login-edit .sns-login-wrap .sns-wrap-body .sns-name {
    margin-right: 25px;
    font-size: 16px;
    font-weight: 700;
    color: #797979;
}
.mypage-contents-body .sns-login-edit .sns-login-wrap .sns-wrap-body .sns-connect-date {
    display: none;
    font-size: 13px;
    color: #a7a7a7;
}
.mypage-contents-body .sns-login-edit .sns-login-wrap.active .sns-wrap-body .sns-connect-date {
    display: block;
}
.mypage-contents-body .sns-login-edit .sns-login-wrap .button {
    position: relative;
    width: 52px;
    height: 26px;
    border-radius: 13px;
    border: solid 1px #d7d7d7;
    background-color: #f4f4f4;
}
.mypage-contents-body .sns-login-edit .sns-login-wrap .button .circle {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    border: solid 1px #d7d7d7;
    background-color: #fff;
}
.mypage-contents-body .sns-login-edit .sns-login-wrap.active .button .circle {
    /*left: auto;*/
    left: 25px;
    border: solid 1px #d7d7d7;
    background-color: #ebc309;
}
.mypage-contents-body .withdrawal-box {
    width: 100%;
    height: 22px;
    padding: 0 30px;
    margin-bottom: 10px;
    display: flex;
    justify-content: right;
}
.mypage-contents-body .withdrawal-box .logout-btn,
.mypage-contents-body .withdrawal-box .withdrawal-btn {
    font-size: 14px;
    color: #111;
    border-bottom: 1px solid #111;
    margin-left: 10px;
}
.mypage-contents-body .submit-button-box {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mypage-contents-body .submit-button-box .save-button {
    width: auto;
    height: 60px;
    line-height: 60px;
    padding: 0 146px;
    border-radius: 5px;
    border: solid 1px #e3e3e3;
    background-color: #e3e3e3;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
.mypage-contents-body .submit-button-box .save-button.active {
    background-color: #30a254;
}

.mypage-contents.qna .mypage-contents-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.mypage-contents.qna .mypage-contents-header .qna-write-btn {
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
    border-radius: 5px;
    background-color: #fdd000;
    font-size: 15px;
    color: #484848;
}
.mypage-contents.qna .qna-list-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.mypage-contents.qna .qna-list-wrapper .qna-no-item-box {
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.mypage-contents.qna .qna-list-wrapper .qna-no-item-box img {
    width: 130px;
}
.mypage-contents.qna .qna-list-wrapper .qna-no-item-box .text {
    font-size: 15px;
    color: #8e8e8e;
}
.mypage-contents.qna .qna-list-wrapper .qna-item-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 10px;
    gap: 35px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
.mypage-contents.qna .qna-list-wrapper .qna-item-wrapper .status-box {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 13px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.mypage-contents.qna .qna-list-wrapper .qna-item-wrapper .status-box.standby {
    background-color: #f6f6f6;
    color: #8e8e8e;
}
.mypage-contents.qna .qna-list-wrapper .qna-item-wrapper .status-box.complete {
    border: solid 1px #30a254;
    background-color: #fff;
    color: #30a254;
}
.mypage-contents.qna .qna-list-wrapper .qna-item-wrapper .status-box:before {
    line-height: 1.23;
}
.mypage-contents.qna .qna-list-wrapper .qna-item-wrapper .status-box.standby:before {
    content: "접수대기";
}
.mypage-contents.qna .qna-list-wrapper .qna-item-wrapper .status-box.complete:before {
    content: "답변완료";
}
.mypage-contents.qna .qna-list-wrapper .qna-item-wrapper .item-body {
    width: calc(100% - 95px);
    height: 100%;
}

.qna-item-wrapper .item-body {
    width: calc(100% - 95px);
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.qna-item-wrapper .item-body .title-box-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.qna-item-wrapper .item-body .title-box-wrap .title-box {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 700;
}
.qna-item-wrapper .item-body .title-box-wrap .title-box .category {
    color: #30a254;
}
.qna-item-wrapper .item-body .title-box-wrap .title-box .title {
    color: #111;
}
.qna-item-wrapper .item-body .title-box-wrap .write-date {
    font-family: Roboto;
    font-size: 15px;
    color: #8e8e8e;
}
.qna-item-wrapper .item-body .contents {
    width: 100%;
    height: auto;
    line-height: 1.6;
    font-size: 15px;
    color: #8e8e8e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 두 줄 */
    -webkit-box-orient: vertical;
}

.mypage-contents.qna .qna-list-pagination {
    width: 100%;
    height: auto;
    padding: 40px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.paging {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.paging .prev, .paging .next {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: solid 1px #e3e3e3;
    background-color: #fff;
}
.paging .prev {
    margin-right: 20px;
}
.paging .next {
    margin-left: 20px;
}
.paging .prev img, .paging .next img {
    width: 7px;
    height: 11px;
}
.paging .page-item {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-family: Roboto;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #111;
}
.paging .page-item.active {
    background-color: #111;
    border-radius: 50%;
    color: #fff;
}

.mypage-contents.qna.view .mypage-contents-body {
    padding: 30px 20px;
    border-bottom: 1px solid #ddd;
    gap: 40px;
}
.mypage-contents.qna .mypage-contents-body .inquiry-contents {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.mypage-contents.qna .mypage-contents-body .inquiry-contents .title-box-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mypage-contents.qna .mypage-contents-body .inquiry-contents .title-box-wrap .title-box {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 700;
}
.mypage-contents.qna .mypage-contents-body .inquiry-contents .title-box-wrap .title-box .category {
    color: #30a254;
}
.mypage-contents.qna .mypage-contents-body .inquiry-contents .title-box-wrap .title-box .title {
    color: #111;
}
.mypage-contents.qna .mypage-contents-body .inquiry-contents .title-box-wrap .write-date {
    font-family: Roboto;
    font-size: 15px;
    color: #8e8e8e;
}
.mypage-contents.qna .mypage-contents-body .inquiry-contents .contents {
    font-size: 15px;
    line-height: 1.73;
    color: #111;
}
.mypage-contents.qna .mypage-contents-body .answer-contents {
    width: 100%;
    height: auto;
    padding: 40px;
    background-color: #f6f6f6;
    font-size: 15px;
    line-height: 1.73;
    color: #111;
}
.mypage-contents.qna .mypage-contents-body .answer-contents.inactive {
    display: none;
}
.mypage-contents.qna .mypage-contents-footer {
    width: 100%;
    height: auto;
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mypage-contents.qna .mypage-contents-footer .buttons {
    display: flex;
    align-items: center;
    gap: 10px;
}
.mypage-contents.qna .mypage-contents-footer .buttons.right .button {
    background-color: #111;
    color: #fff;
}
.mypage-contents.qna .mypage-contents-footer .buttons .button {
    width: 80px;
    height: 40px;
    line-height: 40px;
    border: solid 1px #ddd;
    background-color: #fff;
    font-size: 15px;
    text-align: center;
    color: #484848;
}

.mypage-contents.qna.write .mypage-contents-body {
    padding: 20px 20px 40px;
    border-bottom: 1px solid #ddd;
}
.mypage-contents.qna.write .mypage-contents-body .categories {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.mypage-contents.qna.write .mypage-contents-body .categories .category-item.active {
    border: solid 1px #30a254;
    background-color: #30a254;
    color: #fff;
    font-weight: 700;
}
.mypage-contents.qna.write .mypage-contents-body .categories .category-item {
    width: auto;
    height: 40px;
    padding: 0 20px;
    border-radius: 5px;
    border: solid 1px #ddd;
    background-color: #fff;
    font-size: 15px;
    line-height: 40px;
    color: #111;
    text-align: center;
    cursor: pointer;
}
.mypage-contents.qna.write .mypage-contents-body .categories input[type="radio"] {
    display: none;
}

.mypage-contents.qna.write .mypage-contents-body .input-wrap {
    width: 100%;
    height: 50px;
    margin-bottom: 30px;
}
.mypage-contents.qna.write .mypage-contents-body .input-wrap input {
    width: 100%;
    height: 100%;
}

.mypage-contents.qna.write .mypage-contents-footer {
    justify-content: center;
}
.mypage-contents.qna.write .mypage-contents-footer .mypage-write-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.mypage-contents.qna.write .mypage-contents-footer .mypage-write-buttons .button {
    width: auto;
    height: 40px;
    padding: 0 27px;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    color: #484848;
}
.mypage-contents.qna.write .mypage-contents-footer .mypage-write-buttons .button{
    border-radius:5px;
}
.mypage-contents.qna.write .mypage-contents-footer .mypage-write-buttons .button.submit {
    border: solid 1px #2FA254;
    background-color: #2FA254;
    color:#fff;

}
.mypage-contents.qna.write .mypage-contents-footer .mypage-write-buttons .button.cancel {
    border: solid 1px #ddd;
    background-color: #fff;
}
.mypage-contents.point .mypage-contents-footer {
    width: 100%;
    height: auto;
    padding: 50px 0;
}
.mypage-contents.point .buttons {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mypage-contents.point .buttons .submit-btn {
    width: auto;
    height: 60px;
    line-height: 60px;
    text-align: center;
    padding: 0 168px;
    border-radius: 5px;
    background-color: #fdd000;
    font-size: 18px;
    font-weight: 700;
    color: #484848;
}
.mypage-contents.point .mypage-contents-body {
    padding-top: 20px;
    border-bottom: 1px solid #ddd;
}


.mypage-contents.point .remainder-point-box{
    display:flex;
    flex-direction:row;
    gap:40px;
    width: 100%;
    height: auto;
    padding: 40px 0 20px 0;
    align-items: flex-start;
    justify-content: center;
    background-color: #f9f9f9;

}

.remainder-point-item{

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9;
}

.remainder-point-item .box-header {
    margin-bottom: 22px;
    font-size: 16px;
    color: #111;
}
.remainder-point-item .box-body {
    width: 100%;
    position: relative;
    margin-bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.remainder-point-item .box-body .point {
    font-family: Roboto;
    font-size: 30px;
    font-weight: 700;
    color: #111;
}
.remainder-point-item .box-body .point-char {
    font-size: 24px;
    font-weight: 500;
    color: #111;
}
.remainder-point-item .box-body .point-avail {
    /*    position: absolute;
        top: 50%;
        left: 60%;
        transform: translate(-60%, -50%);*/
    margin-left: 10px;
    line-height: 20px;
    text-align: center;
    padding: 3px 5px;
    background-color: #e1e1e1;
    font-size: 14px;
}
.remainder-point-item .box-body .point-avail.avail {
    color: #30a254;
}
.remainder-point-item .box-body .point-avail.no-avail {
    color: #ea1515;
}

.remainder-point-item .box-footer .point-avail {
    /*    position: absolute;
        top: 50%;
        left: 60%;
        transform: translate(-60%, -50%);*/
    /*margin-left: 10px;*/
    line-height: 20px;
    text-align: center;
    padding: 3px 5px;
    background-color: #e1e1e1;
    font-size: 14px;
}
.remainder-point-item .box-footer .point-avail.avail {
    color: #30a254;
}
.remainder-point-item .box-footer .point-avail.no-avail {
    color: #ea1515;
}
.remainder-point-item .box-footer {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.remainder-point-item .box-footer .received-point-btn {
    width: auto;
    height: 30px;
    line-height: 30px;
    padding: 0 25px;
    border-radius: 15px;
    background-color: #30a254;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

.remainder-point-box .calc-icon{
    margin-top:12px;
}
.remainder-point-box .calc-icon img{
    width:50px;
    height:50px;
}
.point-form-wrapper {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 40px 0 30px 30px;
}
.point-form-wrapper .input-wrap {
    width: 100%;
    min-height: 50px;
}
.point-form-wrapper .input-label {
    width: 250px;
}
.point-form-wrapper input, .point-form-wrapper select {
    width: 300px;
    height: 50px;
    padding: 0 10px;
    font-size: 13px;
    color: #8e8e8e;
}

.point-form-wrapper .wrap-inner {
    display: flex;
    align-items: center;
    gap: 10px;
}
.point-form-wrapper .wrap-inner select {
    width: 150px;
}
.point-form-wrapper .wrap-inner .all-point-btn {
    width: auto;
    height: 50px;
    line-height: 50px;
    padding: 0 16px;
    border-radius: 5px;
    border: solid 1px #e3e3e3;
    background-color: #ebebeb;
    font-size: 15px;
    color: #111;
}
.point-form-wrapper .wrap-inner .card-upload-btn {
    width: auto;
    height: 50px;
    line-height: 50px;
    padding: 0 16px;
    border-radius: 5px;
    border: solid 1px #e3e3e3;
    background-color: #ebebeb;
    font-size: 15px;
    color: #111;
}
.mypage-contents.point.inquiry .point-history-table {
    width: 100%;
    height: auto;
    margin-top: 40px;
    border-top: 1px solid #111;
    text-align: center;
    font-size: 16px;
    color: #111;
}
.mypage-contents.point.inquiry .point-history-table thead tr {
    background-color: #f6f6f6;
}
.mypage-contents.point.inquiry .point-history-table tr {
    border-bottom: 1px solid #ddd;
    height: 50px;
}
.mypage-contents.point.inquiry .point-history-table th {
    vertical-align: middle;
    font-weight: 700;
}
.mypage-contents.point.inquiry .point-history-table td {
    vertical-align: middle;
}
.mypage-contents.point.inquiry .point-history-table td.left-text {
    text-align: left;
}

.mypage-contents.alarm .all-check-btn {
    width: auto;
    height: 40px;
    padding: 0 16px;
    border-radius: 5px;
    background-color: #30a254;
    font-size: 15px;
    line-height: 40px;
    color: #fff;
}
.mypage-contents.alarm .mypage-contents-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}
.mypage-contents.alarm .alarm-list-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}
.mypage-contents.alarm .alarm-list-wrapper .alarm-no-item-box {
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.mypage-contents.alarm .alarm-list-wrapper .alarm-no-item-box img {
    width: 130px;
}
.mypage-contents.alarm .alarm-list-wrapper .alarm-no-item-box .text {
    font-size: 15px;
    color: #8e8e8e;
}

.alarm-list-wrapper .alarm-item-wrapper.active {
    background-color: #f9f9f9;
    color: #111;
    font-weight: 500;
}
.alarm-list-wrapper .alarm-item-wrapper {
    width: 100%;
    height: auto;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #8e8e8e;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
.alarm-list-wrapper .alarm-item-wrapper .contents-box {
    display: flex;
    align-items: center;
    gap: 20px;
    width:100%;
}
.alarm-list-wrapper .alarm-item-wrapper .contents-box .contents{
    flex:1;
    line-height:1.5;
    display: flex;
    align-items: center;
    gap: 5px;
}
.alarm-list-wrapper .alarm-item-wrapper .contents-box .contents.flex-start{
    align-items: flex-start;
}
.alarm-list-wrapper .alarm-item-wrapper .contents-box .contents .title-column{
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}
.alarm-list-wrapper .alarm-item-wrapper .contents-box .date{
    margin-left:auto;

}

.alarm-list-wrapper .alarm-item-wrapper .contents-box .icon-box {
    width: 24px;
    height: 24px;
    background-image: url("/images/alarm-check.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.alarm-list-wrapper .alarm-item-wrapper.active .icon-box {
    background-image: url("/images/alarm-check-ok.png");
}
.alarm-list-wrapper .alarm-item-wrapper .date {
    color: #8e8e8e;
}

.mypage-wrapper .alarm-switch-button {
    cursor: pointer;
    width: 80px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    position: relative;
    border-radius: 13px;
    background-color: #e8e8e8;
    font-size: 12px;
    font-weight: 700;
    color: #b3b3b3;
}

.mypage-wrapper .alarm-switch-button .active-button {
    position: absolute;
    top: 0;
    width: 40px;
    height: 26px;
    border-radius: 13px;
    border: solid 1px #e6e6e6;
    background-color: #ebc309;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 24px;
}
.mypage-wrapper .alarm-switch-button .active-button.on {
    left: 0;
}
.mypage-wrapper .alarm-switch-button .active-button.off {
    right: 0;
}

.input-wrap .alarm_time + span {
    height: 50px;
    line-height: 50px;
}

.info-drop-down-btn .info-pop .triangle {
    position: absolute;
    top: -20px;
    left: 18px;
    z-index: 1999;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 11px solid transparent;
    border-right: 10px solid transparent;
}

.info-drop-down-btn .info-pop.active {
    display: flex;
}

.info-drop-down-btn .info-pop {
    display: none;
    position: absolute;
    top: 40px;
    right: -70px;
    background-color: #FFF;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 4px 4px 6px 4px #00000012;
    border: 1px solid #D6D6D6;
    cursor: auto;
    z-index:100;
}

.info-drop-down-btn .info-pop .info-pop-header {
    width: 200px;
    height: fit-content;
}

.info-drop-down-btn .info-pop .info-pop-header {
    width: 220px;
    height: fit-content;
    border-bottom: 1px solid #D6D6D6;
    padding-bottom: 10px;
}

.info-drop-down-btn .info-pop .point-box span {
    line-height: 1;
}

.info-drop-down-btn .info-pop .name {
    font-weight: 600;
}

.basic-btn:hover{
    /*background-color: #00bb33;*/
}
.basic-btn.small,
.history-btn.small,
.small-btn{
    font-size: 12px;
    font-weight: 500;
    padding: 0 5px;
    border-radius: 4px;
    height: 24px;
    line-height: 22px;
}

.border-btn.small {
    font-size: 10px;
    padding: 0 6px;
    border-radius: 4px;
    white-space: nowrap;
    height: 24px;
    line-height: 22px;
}


.border-btn.green{
    border-color: #2FA254;
    color: #2FA254;
}
.border-btn.green:hover{
    background: #2FA254;
    color: #fff;
}

.rescript-popup .buttons {
    width: 100%;
    justify-content: center;
    height: 60px;
    gap: 20px;
    margin-top: 30px;
}

.rescript-popup .buttons .button {
    width: 150px;
    height: 60px;
    line-height: 60px;
    border-radius: 8px;
}

/*20250213 추가 S */
.blog_grade_na{
    background: #DADADA!important;
}
.blog_grade_d{
    background: #A5A5A5!important;
}
.blog_grade_c{
    background: #79BB9F!important;
}
.blog_grade_b{
    background: #8F8FBE!important;
}
.blog_grade_a{
    background: #F08362!important;
}
.blog_grade_s{
    background: #CF5D44 !important;
}
.text-left{
    text-align:left !important;
}
.text-center{
    text-align:center !important;
}
.text-right{
    text-align:right !important;
}
/*20250213 추가 E */

.ellipse_1line {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.ellipse_2line {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ellipse_3line {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

[data-title] a:hover{
    text-decoration: underline;
}

.use-hover-item:hover{
    background-color : #d5ecdd;

}

.main-page .posting .blog-levels {
    gap: 26px;
    margin-top: 15px;
}

.main-page .posting .blog-levels .level {
    width: 50px;
}

.main-page .posting .blog-levels .circle.purple {
    background-color: #8F8FBE;
}

.main-page .posting .blog-levels .circle {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    font-weight: 700;
    position: relative;
}

.main-page .posting .blog-levels .level.current::after {
    width: 24px;
    height: 24px;
    bottom: unset;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main-page .posting .blog-levels .circle::after {
    width: 13px;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
}

.main-page .posting .blog-levels .grade {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    z-index:2;
}

.main-page .posting .blog-levels .grade span {
    position: absolute;
    line-height: 1;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -35%);
    font-size: 24px;
    display: inline-block;
}

.main-page .posting .blog-levels .level.current .grade .grade_name {
    font-size: 24px;
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main-page .posting .blog-levels .circle .plus {
    font-size: 15px;
    position: absolute;
    top: 2px;
    left: unset;
    right: -8px;
    transform: unset;
}

.main-page .posting .blog-levels .level.current .grade .grade_name_text {
    top: 90%;
    left: 50%;
    transform: translate(-50%, -90%);
}
.main-page .posting .blog-levels .level.current .grade .grade_name_text{
    color:unset;
}

.main-page .posting .blog-levels .grade span.grade_name_text {
    color: #fff;
    font-size: 10px;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -80%);
    text-wrap: nowrap;
}

.main-page .posting .blog-levels .circle.active .grade span.white {
    color: inherit;
}

.main-page .posting .blog-levels .circle.active:before {
    content: "";
    display: inline-block;
    border: 8px solid #79BB9F !important;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 33px;
    left: 30px;
    border-radius: 50%;
    box-sizing: border-box;
    box-shadow: 0 0 12px 0 #00000099;
    z-index: 2;
}

.main-page .posting .blog-levels .dash {
    height: 27px;
    border-left: 1px dashed #ABABAB;
    margin: 6px 0 4px;
}

.main-page .posting .blog-levels .dash.long {
    height: 68px;
    margin-bottom: 10px;
}

/*.main-page .posting .blog-levels .level.none {
    margin-top: 58px;
}*/

/*.main-page .posting .blog-levels .level *:not(.circle):not(.next):not(.plus) {
    position: relative;
    left: -40px;
}*/

/*.main-page .posting .blog-levels .level.current .circle::before {
    content: "";
    display: inline-block;
    background-color: #FFFFFF;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}*/

.main-page .posting .blog-levels .level .curved-arrow {
    width: 64px;
    height: 32px;
    background-image: url(/images/curved_arrow3.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    left: -38px;
}

.main-page .posting .blog-levels .level.current-next  .curved-arrow {
    background-image: url(/images/curved_arrow2.png);
}

.main-page .posting .blog-levels .curved-arrow .count {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 12px;
    right: 10px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    width: 24px;
    height: 10px;
    text-wrap: nowrap;
}

.main-page .posting .blog-levels .curved-arrow.none {
    background-image: none;
    opacity:0;
}

.blog-levels .level.current.grade_na .circle::before {color:#CDCDCD; border-color:#CDCDCD !important;}
.blog-levels .level.current.grade_d .circle::before {color:#A5A5A5; border-color:#A5A5A5 !important;}
.blog-levels .level.current.grade_c .circle::before {color:#79BB9F; border-color:#79BB9F !important;}
.blog-levels .level.current.grade_b .circle::before {color:#8F8FBE; border-color:#8F8FBE !important;}
.blog-levels .level.current.grade_a .circle::before {color:#F08362; border-color:#F08362 !important;}
.blog-levels .level.current.grade_s .circle::before {color:#CF5D44; border-color:#CF5D44 !important;}

.blog-levels .level.current.grade_na .grade .grade_name {color:#CDCDCD;}
.blog-levels .level.current.grade_d .grade .grade_name {color:#A5A5A5;}
.blog-levels .level.current.grade_c .grade .grade_name {color:#79BB9F;}
.blog-levels .level.current.grade_b .grade .grade_name {color:#8F8FBE;}
.blog-levels .level.current.grade_a .grade .grade_name {color:#F08362;}
.blog-levels .level.current.grade_s .grade .grade_name {color:#CF5D44;}

.blog-levels .level .circle.active {background-color:#fff !important;}
.blog-levels .level.grade_na .circle {background-color:#CDCDCD;}
.blog-levels .level.grade_d .circle {background-color:#A5A5A5;}
.blog-levels .level.grade_c .circle {background-color:#79BB9F;}
.blog-levels .level.grade_b .circle {background-color:#8F8FBE;}
.blog-levels .level.grade_a .circle {background-color:#F08362;}
.blog-levels .level.grade_s .circle {background-color:#CF5D44;}

.mark{
    font-weight: 700;
    color: #fff;
}
.mark.grade_na{background-color:#CDCDCD;}
.mark.grade_d{background-color:#A5A5A5;}
.mark.grade_c{background-color:#79BB9F;}
.mark.grade_b{background-color:#8F8FBE;}
.mark.grade_a{background-color:#F08362;}
.mark.grade_s{background-color:#CF5D44;}


.tag-area{
    width:100%;

    border: 1px solid #D6D6D6;
    background:#fff;
    font-size: 14px;
    font-weight: 400;
    /*line-height:24px;*/
    letter-spacing: -0.01em;
    color: #000;
    border-radius: 5px;
    padding: 10px 15px;
    overflow-y:auto;
}
.contents-inner.posting .tag-area{
    width: 100%;
    overflow-x:hidden;;
    min-height: 70px;
}
.tag-area:focus,
.tag-area:hover{
    border-color:#2FA254;
}
.tag-area:focus:hover,
.tag-area:hover:focus{
    border-width:2px;
}

.tag-area .tag-input-wrap{
    position:relative;
    display: inline-block;
    margin: 0 2px 10px 0;
    width:100%;
}
.tag-area .tag-input-wrap:before{
    position:absolute;
    top:0;
    left:0;
    line-height:16px;
    content:'#';
    font-size:16px;
    font-weight:400;
    color:#000;
}


.tag-area .tag-input-wrap .tag-input{
    width:100%;
    border: none;
    color: #000;
    display: inline-block;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    min-height: 16px;
    outline: none;
    overflow-y: hidden;
    padding:0 0 0 10px;
}
.tag-area .tag-input-wrap .tag-input::placeholder{
    font-size:14px;
    font-weight:400;
    color:#000;
}
.tag-area .tag-box{
    background-color: #eee;
    border-radius: 5px;
    display: inline-block;
    /*margin: 0 5px;*/
    padding: 5px 7px;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 12px;
}

.tag-area .tag-box.active{
    background: #2FA254;
    color:#fff;
}




.expect-area{
    padding:30px 45px;
    background: #F6F6F6;
    border-radius: 30px;
    height: 120px;
    align-items: center;
}
.expect-area .expect-wrap{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:15px;
    flex:1
}

.expect-area .expect-wrap:not(:first-of-type):after{
    display: block;
    content: '';
    position: absolute;
    width:2px;
    height: 80px;
    background: #d0d0d0;
    top: -10px;
    left: 0;
}
.expect-area .expect-wrap .expect-subject{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.expect-area .expect-wrap .expect-subject .title{
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.05em;
}
.expect-area .expect-wrap .expect-value{
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.05em;
    text-align: center;
    line-height: 1.33;
}
.expect-area .expect-wrap .expect-value.blue{
    color:#77A2CA;
}
.expect-area .expect-wrap .expect-value.green{
    color:#2FA254;
}
.expect-area .expect-wrap .expect-value.orange{
    color:#E85A13;
}

.expect-area .expect-wrap .number-container {
    display: inline-flex;
    /*gap: 1px;*/
}

.expect-area .expect-wrap .digit {
    display: inline-block;
    transition: transform 0.7s ease, opacity 0.7s ease;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform-style: preserve-3d;
}
.expect-area .expect-wrap .digit.animate {
    transform: translateY(-10px);
    opacity: 0;
}

.expect-area .expect-wrap .digit.flip {
    transform: rotateX(-90deg);
}
.expect-area .expect-wrap .digit.scale {
    transform: scale(1.8);
}
.expect-area .expect-wrap .digit.flip-up {
    transform: rotateX(-90deg);
    opacity: 0;
}
.expect-area .expect-wrap .digit.flip-down {
    transform: rotateX(-90deg);
    opacity: 0;
}

.expect-range-container .tooltip .speech-bubble{
    left: calc(100% - 70px);
}
.rescript-popup .expect-range-container{
    display: flex;
    align-items: center;
}
.rescript-popup .expect-range-container .label{
    width:110px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.05em;
}
.rescript-popup .expect-area{
    flex:1;
    padding: 25px;
    height:unset;
}

.get-keyword-layer .expect-range-container .query-box{
    margin-bottom: 15px;
}
.get-keyword-layer  .expect-area{
    padding: 25px;
    height:unset;
}

.mb-0{
    margin-bottom:0;
}
.mb-5{
    margin-bottom:5px;
}
.mb-10{
    margin-bottom:10px;
}

.mt-0{
    margin-top:0;
}
.mt-5{
    margin-top:5px;
}
.mt-10{
    margin-top:10px;
}
.mt-15{
    margin-top:15px;
}

.mr-0{
    margin-right:0;
}
.mr-5{
    margin-right:5px;
}
.mr-10{
    margin-right:10px;
}


.ml-0{
    margin-left:0;
}
.ml-5{
    margin-left:5px;
}
.ml-10{
    margin-left:10px;
}

.w-100{
    width:100% !important;
}

.p-0{
    padding: 0 !important;
}
.pt-0{
    padding-top: 0 !important;
}
.pb-0{
    padding-bottom: 0 !important;
}
.pr-0{
    padding-right: 0 !important;
}
.pl-0{
    padding-left: 0 !important;
}
.text-green{
    color:#2FA254;
}
.text-orange{
    color: #E85A13;
}
.text-blue{
    color: #1D71F2;
}

.border-table th,
.border-table td{
    border: 1px solid #B7B7B7 !important;
}


.subscription-payment-layer.active{
    display: flex;
}
.subscription-payment-layer .layer-content{
    border: 0;
    padding:0;
    animation: fadeOut 0.4s forwards;
    max-height : 400px;
    overflow-y: auto;
    padding-right: 10px;

}
.subscription-payment-layer.active .layer-content{
    animation: fadeInUp 0.5s forwards;
}

.subscription-payment-layer .input-form{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.subscription-payment-layer .input-wrap{

    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
    transform: translateY(20px);


}
.subscription-payment-layer.active .input-wrap{
    display: flex;
    animation: fadeInUp 0.5s forwards;
}

.subscription-payment-layer .input-label{
    font-size: 16px;
    font-weight:600;
    width:160px;
}

.subscription-payment-layer .input-wrap input,
.subscription-payment-layer .input-wrap select{
    flex: 1;
    font-size: 16px;
    font-weight: 500;
}
.subscription-payment-layer .input-wrap input::placeholder{
    font-size: 16px;
    font-weight:500;
}

.subscription-payment-layer .layer-buttons{
    opacity: 0;
}
.subscription-payment-layer.active .layer-buttons{
    animation: fadeInUp 0.7s forwards;
    animation-delay: 0.7s;
}

.subscription-payment-layer .product-info{

    background: #D5ECDD66;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding:12px;
    margin-bottom:20px;
    border-radius: 10px;
}

.subscription-payment-layer .input-wrap:nth-of-type(1) { animation-delay: 0.1s; }
.subscription-payment-layer .input-wrap:nth-of-type(2) { animation-delay: 0.2s; }
.subscription-payment-layer .input-wrap:nth-of-type(3) { animation-delay: 0.3s; }
.subscription-payment-layer .input-wrap:nth-of-type(4) { animation-delay: 0.4s; }
.subscription-payment-layer .input-wrap:nth-of-type(5) { animation-delay: 0.5s; }
.subscription-payment-layer .input-wrap:nth-of-type(6) { animation-delay: 0.6s; }



@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(20px);
    }
}
.basic-btn.cursor-none:hover{
    background: #2FA254 !important;
}
.cursor-none{
    cursor: default !important;
}


.prepare-loading-container {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #28a745;
    color: white;
    padding: 0 10px;
    height: 24px;
    border-radius: 4px 0 0 4px;
    line-height: 16px;
}

.prepare-loader {
    display: flex;
    gap: 3px;
}

.prepare-loader .progress-bar-segment {
    width: 4px;
    height: 13px;
    background-color: white;
    border-radius: 2px;
    transform: scaleY(0.5); /* 초기 짧은 상태 */
    opacity: 0.3;           /* 초기 투명도 */
    animation: prepare-loader-dash 2s infinite;
}

@keyframes prepare-loader-dash {
    0%, 25%, 100% { transform: scaleY(0.5); opacity: 0.3; }
    50% { transform: scaleY(1); opacity: 1; }
}


.contents-inner.supporter-contents{
    padding: 25px 0;
}

.contents-inner .section{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 30px 30px;
}

.contents-inner.supporter-contents .section_title{
    display: flex;
    align-items: center;
    gap: 20px;
}
.contents-inner.supporter-contents .section_title h4{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #000;
}
.contents-inner.supporter-contents .section_title .title-btn-wrap{
    display: flex;
    gap: 5px;
    align-items: center;
}
.history-btn-wrap{
    display: flex;
    gap: 5px;
}
.history-btn-wrap .history-btn.badge.second{
    border: 1px solid #404F80B2;
}

.history-btn{
    display: inline-block;
    height: fit-content;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -1px;
    text-align: center;
    background: #404F8033;
    border: 1px solid #404F80B2;
    color: #000000;
    padding: 10px;
    border-radius: 5px;
    line-height: unset;
    min-width: 48px;
    cursor: pointer;
}

.history-btn.active{
    border: 1px solid #404F80B2;
    background: #404F80;
    color: #fff;
    cursor: unset;

}
.use-count{
    color:#ffe74e;
}

.contents-inner .section:first-of-type{
    margin-top: 0;
}
.contents-inner .section:last-of-type{
    margin-bottom: 0;
}

.keyword-box-wrap{
    display: flex;
    border: 1px solid #B7B7B7;
    align-items: stretch;
}
.keyword-box-wrap .keyword-box-inner .keyword-box-title{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-bottom: 1px solid #B7B7B7;
    font-size: 16px;
    font-weight: 700;
    height: 50px;
}
.keyword-box-wrap .keyword-box-inner{
    flex: 1;
    border-right: 1px solid #B7B7B7;
    display: flex;
    flex-direction: column;
}

.keyword-box-wrap .keyword-box-inner:last-of-type{
    border-right:0;
}

.keyword-box-contents{
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 15px 25px;
    box-sizing: border-box;
}
.keyword-box-contents .inner{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.keyword-box-contents .keyword-text-wrap{
    margin-bottom: 10px;
    min-height: 100px;
    line-height: 1.7;
    word-break: keep-all;
    font-size: 14px;
}
.expect-area{
    padding: 10px 0;
    height: unset;
}
.layer-box .expect-area{
    margin-bottom: 10px;
}


.manuscript-wrap{
    width: 100%;
    margin-bottom: 15px;
}

.input-wrap textarea,
.input-wrap [contenteditable=true]
{
    width: 100%;
    height: auto;
    padding: 7px 15px;
    background-color: #FFF;
    border: 1px solid #39A154;
    box-shadow: 0 4px 4px 0 #0000001A;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.05em;
    margin-bottom: 15px;
    color: #000;
    border-radius: 5px;
    min-height: 400px;
}

.supporter-contents .input-wrap textarea,
.supporter-contents .input-wrap [contenteditable=true]
{
    height: 900px;
    overflow-y: auto;

}


.input-wrap .input-box{
    display: flex;
    gap: 5px;
    align-items: center;
}
.input-wrap .input-box input
{
    height: auto;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.05em;
    color: #000;
    border:unset;
    outline: none;
}

.input-wrap .input-box .recom-title-btn
{
    background: #000;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 5px;
    margin-left: 10px;

}
.input-wrap .input-box .recom-title-btn.view-title-list-btn{
    background: #878787;

}


.table-wrap .keyword-table{
    width:100%;
}


.table-wrap .keyword-table th,
.table-wrap .keyword-table td
{
    border: 1px solid #B7B7B7;
    vertical-align: middle;
    padding:10px;
}
.table-wrap .keyword-table th{
    font-size: 14px;
    font-weight: 500;
    background: #D5ECDD66;
}
.table-wrap .keyword-table th small{
    font-weight: 400 !important;
}
.table-wrap .keyword-table td{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.05em;
}

.keyword-table td.expect-area-cell{
    padding: 0;
    background: #F6F6F6;
}
.keyword-table td.expect-area-cell .expect-area{
    border-radius: 0;
}


.expect-area.expect-sm .expect-wrap .expect-value{
    font-size: 14px;
}
.expect-area.expect-sm .expect-wrap .expect-value.comparison-value{
    font-size: 11px;
}
.expect-area.expect-sm .expect-wrap .expect-subject .title{
    font-size: 14px;
}

.expect-area.flex-column{
    gap: 15px;
}
.expect-area.flex-column .expect-wrap:not(:first-of-type):after{
    display: none;
    width: 150px;
    height: 2px;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
}
.expect-area.flex-column .expect-wrap{
    gap:2px;
}

.contents_keyword_text{
    word-break: keep-all;
    line-height: 1.7;
}

.tooltip-wrap{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 5px;
}
.tooltip-wrap .tooltip-box img{
    width:16px;
    height:16px;
}

.supporter-contents .keyword-list-wrap{
    margin-bottom: unset;
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}
/*.supporter-contents .keyword-list-wrap span:not(:last-of-type):after{
    content: ', ';
}*/

.text-underline{
    text-decoration: underline;
}
.italic-link-btn{
    text-decoration: underline;
    font-style: italic;
    font-size: 14px;
    font-weight: 500;
    /*margin: 0 3px;*/
}

.supporter-contents .keyword-list-wrap .view-sentence-btn{

}
.supporter-contents .keyword-list-wrap.empty{

}
.supporter-contents .keyword-list-wrap.empty:after{
    content: "'원고 수정' 을 통해 태그를 추가 할 수 있습니다.";
    color: #8a8a8a;
    font-style: italic;
}



.guide-text{
    display: none;
    margin-top:5px;
    flex-direction: column;
    gap: 10px;
    font-size: 14px;
    /*color: #626262;*/
}
.guide-text.show{
    display: flex;
}


.guide-text .title{
    font-size: 16px;
    font-weight: 500;
}
.guide-text ul li{
    font-size: 14px;
    font-weight: 400;
    position: relative;
    margin-bottom: 5px;
}
.guide-text ul li:last-of-type{
    margin-bottom: 0;
}

.supporter-contents .guide-text ul li{
    padding-left: 10px;
    margin-left: 10px;
}

.supporter-contents .guide-text ul li::before{
    position: absolute;
    top: 5px;
    left: 0;
    content: '●';
    font-size: 4px;

}

.selected-keywords{
    margin-bottom: 0;
}



.supporter-contents .input-wrap .input-box{
    width: 100%;
    height: auto;
    padding: 7px 15px;
    background-color: #FFF;
    border: 1px solid #39A154;
    box-shadow: 0 4px 4px 0 #0000001A;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.05em;
    margin-bottom: 10px;
    color: #000;
    border-radius: 5px;
    min-height: 40px;
}

.layer-box.rescript-layer{
    width:1000px;
}
.layer-box.view-sentence-layer .layer-title {
    flex-direction: column;
    align-items: flex-start;
    gap:0;
    margin-bottom: 15px;
}
.layer-box.view-sentence-layer .title-text{
    display: flex;
    gap: 15px;
}

.layer-box .guide-text{
    display: flex;
    margin-top:10px;
    flex-direction: column;
    gap: 10px;
}
.layer-box.view-sentence-layer .guide-text{
    display: flex;
}
.layer-box .guide-text .title{
    font-size: 16px;
    font-weight: 500;
}
.layer-box .guide-text ul li{
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-left: 10px;
    position: relative;
}
.layer-box.posting-generate-layer .guide-text,
.layer-box.posting-re-writing-layer .guide-text{
    margin-top:0;
}
.layer-box.posting-generate-layer .guide-text ul li,
.layer-box.posting-re-writing-layer .guide-text ul li{
    margin-left:0;
}
.layer-box.view-sentence-layer .layer-content {
    width: unset;
    border: unset;
    padding: 0;
    max-height: 360px;
    overflow-y:auto;
}
.basic-table tbody tr:not(.active):hover td{
    /*background-color: #fff !important;*/
}
.layer-box.view-sentence-layer .basic-btn{
    line-height: 22px;
}
.basic-btn.disabled{
    opacity: 0.5;
    cursor: unset;
}

.rescript-layer .tab {
    display: flex;
    margin-bottom: 15px;
    gap: 20px;
}

.rescript-layer .tab button {
    flex: 1;
    background-color: #fff;
    padding: 14px 0;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.3s;
    border: 2px solid #B7B7B7;
    border-radius: 10px 10px 0 0;
    color: #626262;
    border-bottom: 0;
    font-weight: 500;
}

.rescript-layer .tab button.active {
    background-color: #2FA254;
    color: #fff;
    font-weight: bold;
    border-color: #2FA254;
}
.rescript-layer .tab-content {
    display: none;
    /*height: 50vh;
    overflow-y: auto;*/
}
.rescript-layer .tab-content.show {
    display: block;
}

.rescript-layer .table-wrap{
    max-height: 50vh;
    overflow-y: auto;
}

.rescript-layer td{
    padding:10px 5px;
    /*word-break: keep-all;*/
}


.rescript-layer .guide-text{
    margin : 10px 0;
    color: #626262;
}


.rescript-layer .guide-text b{
    color: #2FA254;
}

.highlight{
    background: #2FA254;
    color: #fff;
    font-weight: 500;
    padding: 0 5px;
}

.prepare-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.7px;
}
.prepare-process-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 2px solid #28a745;
    color: #000;
    padding: 0 10px;
    border-radius: 0 4px 4px 0;
    height: 24px;
    line-height: 16px;
    min-width: 170px;
}

.posting-loading-complete-layer .layer-content{
    /*width: unset;*/
    width: 900px;
}
.posting-loading-complete-layer .layer-content i{
    font-size: 13px;
}
.expect-visit-layer .layer-content{
    width: unset;
    max-width: 900px;
}
.expect-visit-layer .layer-content i{
    font-size: 13px;
}

#posting_history_section .table-wrap .keyword-table td{
    height: 100px;
}

#posting_history_section .table-wrap .keyword-table td .keyword-area{
    max-height: 80px;
    overflow-y: auto;
}

.prepare-writing-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.7px;
}
.prepare-writing-wrap .prepare-loading-container{
    background: #E85A13;
}

.prepare-writing-wrap .prepare-loader .progress-bar-segment{
    width: 6px;
    height: 14px;
    background-color: white;
    border-radius: 2px;
    transform: unset;
    animation: 1s blink-half infinite;
    position: relative;
    overflow: hidden;
}
.prepare-writing-wrap .prepare-loader .progress-bar-segment.active{
    animation: unset;
    opacity: 1;
}
.prepare-writing-wrap .prepare-process-container{
    border-color: #E85A13;
}

/*.select-rescript-type-layer .layer-content{
    border: 0;
    padding: 0;
    min-width: 780px;
}
.select-rescript-type-layer .layer-buttons .button{
    width: 100%;
}
.select-rescript-type-container{
    display: flex;
    justify-content: center;
    gap: 25px;
}
.select-rescript-type-wrap{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.select-rescript-type-box{
    padding: 20px 30px;
    border: 3px solid #2FA254;
    border-radius: 10px;
}
.select-rescript-type-box .inner{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.select-rescript-type-box .title{
    text-align: center;
    font-size: 28px;
    font-weight: 700;
}
.select-rescript-type-box ul.description{
    display: flex;
    flex-direction: column;
    gap: 10px;

}
.select-rescript-type-box ul.description li{
    font-size: 14px;
    padding-left: 10px;
    position: relative;
    font-weight: 400;
    line-height: 1.25;

}


.select-rescript-type-box ul.description li:before{
    content: '•';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    line-height: 12px;
}*/

.title-list-layer .layer-content,
.modify-title-list-layer .layer-content
{
    min-width: unset;
    border: 0;
    padding: 0;
}

.seo-title-list-layer .layer-content{
    min-width: unset;
    border: 0;
    padding: 0;
}

.title-list-container{
    padding:0 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.title-list-container .input-radio-wrap{
    display: flex;
    gap: 5px;
    font-size: 14px;
    font-weight: 500;

}

.icon-copy{
    display: inline-block;;
    width:14px;
    height:14px;
    background: url("/images/icon-copy2.png") no-repeat center center/cover;
}

.go-to-top{
    position: fixed;
    right: 60px;
    bottom: 100px;
    background: #000;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    opacity: 0.5;
    display: none;
    gap: 2px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    /*transition: opacity 0.5s ease;*/
}

.go-to-top img,
.go-to-top span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.go-to-top img{
    top: calc(50% - 8px);
}
.go-to-top span {
    top: calc(50% + 8px);
}

.go-to-top:hover{
    opacity: 1;
}

.go-to-top img{
    filter: invert(100%);
}

.community-contents.board .box {
    padding: 15px 20px;
    border-bottom: 1px solid #dddddd;
}
.community-contents.board .box:first-of-type{
    border-top: 1px solid #dddddd;
}


.community-contents.board .box.title_box {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #111;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.community-contents.board .box.title_box .writer-info{
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 13px;
    color: #8e8e8e;
}


.community-contents.board .box.content_box {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.77;
    color: #111;
}
.community-contents.board .box.content_box .board_contents{
    width: 100%;
}
.community-contents.board .box.content_box .board_contents img{
    width: 100%;
}
.community-contents.board .community-contents-footer {
    padding: 30px 0;
}
.community-contents.board .community-contents-footer .community-write-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.posting-category-tab-wrap{
    display: flex;
    gap: 50px;
    align-items: center;
}
.posting-category-tab-wrap .title{
    color: #000;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -1.4px;
}
.posting-category-tab{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
}
.posting-category-tab .tablinks{
    font-size: 18px;
    font-weight: 600;
    color: #626262;
}
.posting-category-tab .tablinks.active{
    font-size: 18px;
    font-weight: 600;
    color: #000;
    position: relative;
}
.posting-category-tab .tablinks.active::after{
    position: absolute;
    content: '';
    display: block;
    width: calc(100% + 30px);
    height: 15px;
    background: #2fa25433;
    border-radius: 3px;
    left: -15px;
    bottom: -6px;
}
.category-img-list{
    flex-wrap: wrap;
    margin-bottom: 0;
    gap: 39px;
}
.tabcontents{
    display: none;
}
.tabcontents.active{
    display: block;
}
.category-img-item{
    /*display: none;*/
    width: 104px;
    height: 104px;
    min-width: unset;
}
.category-img-item .category-name{
    font-size: 14px;
}
.category-img-item.active{
    scale: 115%;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.4);
}

.recommend-list-wrap{
    margin-bottom: 30px;
}
.main-page .shop-post-list{
    margin-top: 30px;
}
.main-page .shop-post-list:first-of-type{
    margin-top: 15px;
}
.posting-create-more-area{
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
}
.shop-post-list .shop-post-item{
    display: flex;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 40px;
}
.shop-post-list .shop-post-item:last-of-type{
    margin-bottom:  0;
}
.shop-post-list .shop-post-item .product-info{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 0 0 7px;
    position: relative;
    margin-left: 15px;
    padding-right: 10px;
}
.shop-post-item{
    position: relative;

}
.shop-post-item:hover .product-info:after,
.shop-post-item:hover .product-expect-info:after
{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2fa25433;
    opacity: 0.7;
    z-index: -1;
}
.shop-post-list .shop-post-item:hover .product-info .product-keyword-wrap{
    background: unset;
}
.shop-post-list .shop-post-item .product-info .title{
    font-size: 16px;
    font-weight: 600;
}
.shop-post-list .shop-post-item .product-info .product-name{
    /*margin-top: auto;*/
    line-height: 1.44;
}
.shop-post-list .product-image:hover{
    /*cursor: pointer;*/
}
.shop-post-list .shop-post-item:hover .product-name .product-name-text{
    font-weight: 600;
    color: #2FA254;

}

.shop-post-list .shop-post-item .product-expect-info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    padding: 0 7px 0 0;
    font-size: 13px;
    margin-right: 15px;
    position: relative;
}
.shop-post-list .shop-post-item .product-info .product-sub{
    line-height: 1.44;

}
.shop-post-list .shop-post-item .product-info .product-keyword-wrap{
    display: flex;
    background: #fafafa;
    padding: 10px 15px;
    width: 100%;
    border-radius: 5px;
    /*margin-top: auto;*/
    justify-content: space-around;
}
.shop-post-list .shop-post-item .product-info .product-keyword-wrap .inner{
    display: flex;
    justify-content: center;
    gap: 30px;
    position: relative;

}
.shop-post-list .shop-post-item .product-info .product-keyword-wrap .inner:after{
    display: none;
    position: absolute;
    content: '';
    right: 0;
    width: 1px;
    height: 14px;
    background: #000;
}
.shop-post-list .shop-post-item .product-info .product-keyword-wrap .inner:last-of-type:after{
    display: none;
}
/*.shop-post-list .shop-post-item .product-info .product-keyword-wrap .inner:nth-of-type(1){
    width: 300px;
}

.shop-post-list .shop-post-item .product-info .product-keyword-wrap .inner:nth-of-type(2){
    width: 300px;
}

.shop-post-list .shop-post-item .product-info .product-keyword-wrap .inner:last-of-type{
    flex: 1;
}*/

.shop-post-list .shop-post-item .product-info{

}
.shop-post-list .shop-post-item .create-btn{
    background: #2FA254;
    display: flex;
    flex-direction: column;
    color: #fff;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.44;
    width: 120px;
    height: 100%;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    cursor: default;

}
.shop-post-list .shop-post-item .create-btn.disabled{
    color: #000;
    background: #d0d0d0;
    border :1px solid #c0c0c0;
}
.shop-post-list .shop-post-item .create-btn small{
    font-size: 12px;
    font-weight: 400;
}

.shop-post-list .shop-post-item .create-btn:not(.disabled):hover{
    background-color: #00bb33;
    cursor: pointer;
}


.badge.badge-sm{
    font-size: 12px;
}
#keyword-list-tab .badge.badge-sm{
    font-size: 11px;
    padding: 0.8px 10px;
}
.layer-box.view-sentence-layer{
    gap:0;
}
.layer-box.view-sentence-layer .layer-content{
    margin-bottom: 30px;
}
#posting_history_section .table-wrap .keyword-table td{
    height: 60px;
}

.shop-link-btn-wrap{
    display: flex;
    align-items: flex-end;
    gap: 5px;
    margin-left: auto;
    font-size: 13px;
    font-weight: 500;
}

.manuscript img{
    max-width: 500px;
}

.layer-box.change-title-layer{
    width:1000px;
    font-size: 14px;
    gap: 15px;
}
.change-title-layer .table-wrap {
    max-height: 35vh;
    overflow-y: auto;
}
.change-title-layer .guide-text {
    margin: 5px 0 15px 0;
    color: #626262;

}
.layer-box.change-title-layer .guide-text ul li{
    font-size: 12px;
    margin-left: 0;
}
.change-title-layer .top-notice-text{
    width: 100%;
    padding: 7px 0 ;
    background: #ffa67b;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 500;

}
.change-title-layer .select-keyword-info{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.change-title-layer .select-keyword-info .inner{
    display: flex;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    font-weight: 600;
}
.change-title-layer .select-keyword-info .inner div:empty:after{
    content: '선택해주십시오.';
    color: #b1b1b1;
}
.change-title-layer .select-keyword-info .inner:first-of-type{
    border-top: unset;
    border-bottom: unset;
}
.change-title-layer .select-keyword-info .inner div{
    flex: 1;
    text-align: center;
    padding: 15px;
    border-left: 1px solid #555;

}
.change-title-layer .select-keyword-info .inner div:first-of-type{
    border-left: unset;
}

.change-title-layer .select-keyword-info .inner div:last-of-type{
    border-right: unset;
}

input[type='text'].input-sm, input[type='password'].input-sm, select.input-sm{
    padding: 5px;
    height: unset;
}

.select-rescript-type-layer .layer-content{
    border: 0;
    padding: 0;
    min-width: 780px;
}
.select-rescript-type-layer .layer-buttons .button{
    width: 100%;
}
.select-rescript-type-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
}
.select-rescript-type-wrap{
    display: flex;
    flex-direction: column;
    /*gap: 25px;*/
}
.select-rescript-type-box{
    padding: 15px;
    /*border: 3px solid #2FA254;
    border-radius: 10px;*/
}
.select-rescript-type-box:first-of-type{
    border-bottom: 1px solid #d0d0d0;
    padding-top: 0;
    padding-bottom: 15px;
}
.select-rescript-type-box:last-of-type{
    padding-bottom: 0;
}
.select-rescript-type-box .inner{

}
.select-rescript-type-box .inner-contents{
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.select-rescript-type-box .title{
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}
.select-rescript-type-box .inner-text{
    font-size: 14px;
    position: relative;
    font-weight: 400;
    line-height: 1.77;
}
.select-rescript-type-box .select-rescript-type-btn{
    flex: auto;
    font-size: 14px;
    line-height: 1.2;
    max-width: 150px;
}

.change-title-yn-layer .layer-content{
    border: 0;
    padding: 0;
}

.change-title-yn-layer .layer-content .box{

}
hr.divider{
    margin: 20px 0;
    width: 100%;
}

.layer-box.posting-push-guide{
    gap: 20px;
}
.posting-push-guide ul li{
    margin-left: 10px;
    line-height: 1.7;

}
.posting-push-guide .sub-title{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 10px;
}