@media print {
    #search_frm{
        visibility: hidden;
        display: none;
    }
    .floating-contact02{
        visibility: hidden;
        display: none;
    }
}

/* CSS Document */
html,
body {
    height: 100%;
}

body {
    background-color: #FFFFFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
form,
fieldset,
p,
button {
    margin: 0;
    padding: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border: 0;
}

body,
div,
h1,
h2,
h3,
h4,
h5,
th,
td,
input,
p,
select,
button,
ul,
li,
textarea {
    color: #202020;
    font-family: 'Noto Sans KR', AppleSDGothicNeo-Regular, '맑은 고딕', 'Malgun Gothic', 나눔고딕, 돋움, Dotum, 굴림, Gulim, 'Apple SD Gothic Neo', sans-serif, verdana;
    letter-spacing: -0.05em;
}

input[type=password] {
    font-family: 'Noto Sans KR', AppleSDGothicNeo-Regular, '맑은 고딕', 'Malgun Gothic', 나눔고딕, 돋움, Dotum, 굴림, Gulim, 'Apple SD Gothic Neo', sans-serif, verdana;
}

input[type=button] {
    cursor: pointer;
}

body,
th,
td,
input,
select {
    font-size: 14px;
    font-weight: normal;
}

img {
    border: 0 none;
    vertical-align: middle;
}

form,
fieldset {
    border: 0 none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

address,
caption,
em {
    font-weight: normal;
    font-style: normal;
}

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

ol,
li {
    float: left;
}

img,
input,
select,
textarea {
    vertical-align: middle;
}

acronym,
abbr {
    cursor: help;
    letter-spacing: -0.05em;
    border-bottom: 1px dotted #000;
    /* fix opera bug */
}

.skip,
.hide {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
    visibility: hidden;
}

.clear {
    clear: both;
}

button {
    cursor: pointer;
    background: none;
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

/* anchor */
a {
    cursor: pointer;
    color: #202020;
    text-decoration: none;
}

a:link {}

a:visited {
    color: #202020;
}

a:hover {
    color: #3267e9;
}


/* gmarket */

/* gmarket-sans-300 */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/ko/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 300;
    src: url('/resource/common/font/gmarket/GmarketSansLight.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* gmarket-sans-500 */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/ko/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 500;
    src: url('/resource/common/font/gmarket/GmarketSansMedium.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* gmarket-sans-700 */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/ko/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 700;
    src: url('/resource/common/font/gmarket/GmarketSansBold.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Pretendard */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/ko/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Pretendard';
    font-style: normal;
    src: url('/resource/common/font/pretendard/PretendardVariable.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



:root {
    --main_blue: #2361ff;
    --main_orange: #f28400;
    --main_teal: #009c9e;
}

/* common */
body {
    min-width: 1080px;
    font-synthesis: none;
    -webkit-text-size-adjust: none;
}

li {
    float: none;
}

div,
p,
input,
li,
h4,
a,
button {
    font-family: 'Pretendard';
}

.inner {
    margin: 0 auto;
    width: 1080px;
}

.logo .inner {
    margin: 0 auto;
    width: 1200px;
}

.sec_title {
    line-height: 54px;
    font-size: 60px;
    font-weight: 700;
    font-family: 'Gmarket Sans';
    text-align: center;
    letter-spacing: -0.07em;
    word-spacing: -4px;
}

.sec_title span {
    font-size: 30px;
    word-spacing: 0px;
    letter-spacing: -0.05em;
}


.container-wrap {
     font-family: 'Pretendard';
}



/* main */
header .logo {
    position: relative;
    width: 100%;
    height: 70px;
    line-height: 70px;
    background-color: #fff;
    z-index: 8001;
}


.main {
    position: relative;
    width: 100%;
    height: 350px;
    background: url("/resource/common/images/consulting/my_company_report/background-img.png") bottom / cover no-repeat;
}

.main .main-title {
    width:1200px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.main .main-title .title-img {
    position: relative;
    margin-top: 30px;
    z-index: 1000;
}
.main .main-title .title-img-l {
    position: absolute;
    top:40px;
    left:50px;
}
.main .main-title .title-img-r {
    position: absolute;
    top:60px;
    right: 77px;
    z-index: 10;
}


.main .main-title .main-txt {
    font-size: 25px;
    color: #fff;
    font-family: 'Gmarket Sans';
    margin-top: 5px;
}



/* 검색창 */

.search-wrapper-wrap {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.search-wrapper {
  display: flex;
  align-items: center;
  padding: 3px;
  background: linear-gradient(to right, #fff37e, #07c371); /* 외곽선 그라데이션 */
  border-radius: 50px;
  width: 700px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  position: relative;
}

.search-wrapper .icon {
    content: "";
    position: absolute;
    background: url(/resource/common/images/consulting/my_company_report/search-icon.png) 0 0 no-repeat;
    width:33px;
    height: 33px;
    right: 40px;
    cursor: pointer;

}
.search-wrapper .icon:hover {
    opacity: 0.8;
}

.search-wrapper input {
  flex: 1;
  padding: 23px 20px 22px 20px;
  border: none;
  outline: none;
  border-radius: 50px;
  font-size: 18px;
  background: #fff;
  color: #000;
  text-align: center;
}

.search-wrapper input::placeholder{
    color: #929292;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
}


/* 공통 */

.green-back {
    background: #effbee;
}

.contents {
    padding: 70px 0;
    text-align: center;
}


.m-txt {
    color: #000;
    font-family: 'Gmarket Sans';
    font-weight: 300;
    font-size: 50px;
}

.m-txt2 {
    color: #fff;
    font-family: 'Gmarket Sans';
    font-weight: 300;
    font-size: 40px;
}



.m-txt .bold {
    font-weight: bold;
    color: #07c371;
}

.s-txt {
    font-size: 22px;
    margin-top: 5px;
}

.gn {
    color: #07c371;
}

.ylw {
    color: #ffe84a;
}


.txt-box {
    width:330px;
    text-align: center;
    border: 1px solid #07c371;
    padding: 20px 0;
    font-size: 20px;
}





/* 툴팁 #tooltip-01 */

#tooltip-01 {
    display: inline-block;
    cursor: pointer;
    position: relative;
}
#tooltip-01 .tooltip-wrapper {
  display: inline-block;
  cursor: pointer;
}
#tooltip-01 .tooltip-icon {
  cursor: pointer;
  display: inline-block;
}

#tooltip-01 .tooltip-box {
    position: absolute;
    left:100%;   /* 아이콘 오른쪽에 위치 */
    top: -44px;
    transform: translateX(15px);
    background: #fff;
    border-radius: 6px;
    z-index: 1000;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    text-align: left;
    width:685px;
    border-radius: 11px;
    cursor: default;
    display: none;
    z-index: 1000;
}
#tooltip-01 .tooltip-box::after {
    content: "";
    position: absolute;
    right: 100%;
    top: 60px;
    transform: translateY(-50%);
    background: url(/resource/common/images/consulting/my_company_report/tooltip-arrow.png) 0 0 no-repeat;
    width:11px;
    height: 17px;
    z-index: 1;
    background-size: cover;
}

#tooltip-01 .tooltip-box .t-title-box {
    background: #07c371;
    padding: 15px 20px 10px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 11px 11px 0 0 ;
}

#tooltip-01 .tooltip-box .t-title {
    color: #fff;
    font-family: 'Gmarket Sans';
    font-size: 22px;
    color: #fff;
}
#tooltip-01 .tooltip-box .t-btn {
    cursor: pointer;
    position: relative;
    top:-3px;
}
#tooltip-01 .tooltip-box .t-btn:hover {
    opacity: 0.8;
}
#tooltip-01 .tooltip-box .t-contents {
    padding: 20px 30px 30px 30px;
    font-size: 18px;
    font-weight: 500;
}

#tooltip-01 .tooltip-box .txt-b {
    border: 1px solid #000;
    text-align: center;
    padding: 15px;
    background: #EFFBEE;
}

#tooltip-01 .tooltip-box .txt-top-m {
    margin-top: 10px;
    line-height: 20px;
}
#tooltip-01 .tooltip-box .txt-top-m2 {
    margin-top: 20px;
}


#tooltip-01 .tooltip-box .ck-btn {
    border: 1px solid #000;
    padding: 8px 10px;
    font-size: 18px;
    border-radius: 2px;
    font-weight: 500;
    margin-top: 10px;
}
#tooltip-01 .tooltip-box .ck-btn:hover {
    opacity: 0.8;
}

#tooltip-01 .ex-contents {
    margin-top: 25px;
}

#tooltip-01 .ex-title {
    font-size: 18px;
    font-weight: bold;
    background: #b1bac2;
    color: #fff;
    font-family: 'Gmarket Sans';
    padding: 8px 0 5px 0 ;
    border-radius: 5px 5px 0 0;
    width:110px;
    text-align: center;
}

#tooltip-01 .ex-img {
    border: 1px solid #c1c6ca;
    text-align: center;
}




/* 툴팁 #tooltip-02 */

#tooltip-02 {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

#tooltip-02 .tooltip-span {
  position: relative;
  z-index: 10001; /* 플로팅 배너보다 위로 */
}


#tooltip-02 .tooltip-wrapper {
  display: inline-block;
  cursor: pointer;
}
#tooltip-02 .tooltip-icon {
  cursor: pointer;
  display: inline-block;
}

#tooltip-02 .tooltip-box {
    position: absolute;
    left:100%;   /* 아이콘 오른쪽에 위치 */
    top: -44px;
    transform: translateX(15px);
    background: #fff;
    border-radius: 6px;
    z-index: 10000;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    text-align: left;
    width: 557px;
    border-radius: 11px;
    cursor: default;
    display:none;
}
#tooltip-02 .tooltip-box::after {
    content: "";
    position: absolute;
    right: 100%;
    top: 60px;
    transform: translateY(-50%);
    background: url(/resource/common/images/consulting/my_company_report/tooltip-arrow.png) 0 0 no-repeat;
    width:11px;
    height: 17px;
    z-index: 1;
    background-size: cover;
}

#tooltip-02 .tooltip-box .t-title-box {
    background: #07c371;
    padding: 15px 20px 10px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 11px 11px 0 0 ;
}

#tooltip-02 .tooltip-box .t-title {
    color: #fff;
    font-family: 'Gmarket Sans';
    font-size: 22px;
    color: #fff;
}
#tooltip-02 .tooltip-box .t-btn {
    cursor: pointer;
    position: relative;
    top:-3px;
}
#tooltip-02 .tooltip-box .t-btn:hover {
    opacity: 0.8;
}
#tooltip-02 .tooltip-box .t-contents {
    padding: 20px 30px 30px 30px;
    font-size: 18px;
    font-weight: 500;
}

#tooltip-02 .tooltip-box .t-contents .txt {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px;
}

#tooltip-02 .tooltip-box .t-contents .txt2 {
    font-size: 16px;
    line-height: 22px;
}

#tooltip-02 .tooltip-box .t-contents .txt-margin {
    margin-top: 5px;
    margin-bottom: 10px;
}
#tooltip-02 .tooltip-box .txt-b {
    border: 1px solid #000;
    text-align: center;
    padding: 15px;
    background: #EFFBEE;
}

#tooltip-02 .tooltip-box .ck-btn {
    border: 1px solid #000;
    padding: 8px 10px;
    font-size: 18px;
    border-radius: 2px;
    font-weight: 500;
    margin-top: 10px;
}
#tooltip-02 .tooltip-box .ck-btn:hover {
    opacity: 0.8;
}

#tooltip-02 .ex-contents {
    margin-top: 25px;
}

#tooltip-02 .ex-title {
    font-size: 18px;
    font-weight: bold;
    background: #b1bac2;
    color: #fff;
    font-family: 'Gmarket Sans';
    padding: 8px 0 5px 0 ;
    border-radius: 5px 5px 0 0;
    width:110px;
    text-align: center;
}

#tooltip-02 .ex-img {
    border: 1px solid #c1c6ca;
    text-align: center;
}







.info-dot {
    color: #fff;
    background: #000;
    width:17px;
    height: 17px;
    font-size: 15px;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    top:-2px;
    margin-left: 2px;
    line-height: 18px;
}



/* 로딩 배경 */
.loading-overlay {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(8, 29, 14, 0.9); /* 어두운 반투명 */
    z-index: 8000;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.loading-content {
    text-align: center;
    color: #fff;
    /*margin-top: -200px;*/
    margin-top: -120px;
}

.loading-text {
  font-size: 56px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #fff;
  font-family: 'Gmarket Sans';
}

.loading-text2 {
font-family: 'Gmarket Sans';
  font-size: 25px;
  color: #fff;
  font-weight: normal;
}

.spinner {
margin-top: 70px;
  animation: spin 3s linear infinite;

}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.loading-logo {
  margin-top: 70px;
  font-size: 14px;
  color: #ccc;
}









/* 플로팅 배너 */

.floating-contact {
    position: fixed;
    right: 5%;
    top: 30%;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none; /* 안보일 때 클릭 막기 */
}



.floating-contact.active {
    opacity: 1;
    pointer-events: auto;
}





.btn-preview {
    margin-bottom: 20px;
}

.btn-preview button {
    background: #fff;
    border:1px solid #e2e8ee;
    width:215px;
    padding: 13px;
    font-size: 18px;
    border-radius: 3px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.btn-preview button:hover {
    opacity: 0.7;
}


.eye-img{
    position: relative;
    left: -10px;
}



.contact-box-wrap {
    width:215px;
    padding: 20px 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    text-align: center;
    background: url(/resource/common/images/consulting/my_company_report/btn-c2.png)#effbee -40px -20px no-repeat;
}
.contact-box-wrap .phone-num {
    color: #07c371;
    font-size: 28px;
    font-family: 'Gmarket Sans';
    font-weight: bold;

}
.contact-box-wrap .fax-num {
    font-size: 18px;
    font-weight: 500;
    margin-top: -5px;
}

.btn-consult-box{
    background: #07c371;
    width:215px;
    padding: 15px 0 13px 0;
    font-size: 26px;
    color: #fff;
    font-family: 'Gmarket Sans';
    font-weight: bold;
}

.btn-consult-box:hover {
    opacity: 0.7;
}

.btn-top {
    text-align: center;
    margin-top: 40px;
}

.btn-top-box {
    width:50px;
    height: 50px;
    background: #fff;
    border: 1px solid #e2e8ee;
    color: #6a6a6a;
    font-size: 16px;
    text-align: center;
    border-radius: 50%;
}
.btn-top-box.hover {
    opacity: 0.7;
}
.btn-top-box .txt {
    position: relative;
    top:-3px;
}




/* 섹션1 - 예정가격이란?(프롤로그) */

.section1 {
    padding: 40px 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.section1-wrap {
    text-align: center;
}

.section1-m-txt {
    font-family: 'Gmarket Sans';
    font-weight: bold;
    font-size: 30px;
}
.section1-s-txt {
    font-size: 20px;
    margin-top: 10px;
    line-height: 28px;
}





/* 섹션2 - 예정가격이란? */

.section2-wrap {
    width:100%;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.section2-wrap-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 880px;
}
.section2-wrap-flex .arrow-img {
    position: relative;
    top:-30px;
    right: 35px;
}
.txt-box-wrap {
    height: 370px;
    position: relative;
}



.txt-box-wrap.left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.txt-box-wrap.right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.section2-wrap .img-box01 {
    position: relative;
    left: -40px;
    top:10px;
}


.section2-wrap .img-box02 {
    position: relative;
    top: -20px;
}



/* 섹션3 - 낙찰은 어떻게 결정될까요?  */


.s-txt .star {
    position: relative;
}
.s-txt .star:after {
    content: "*";
    position: absolute;
    top:-5px;
    right: -50px;
    font-size: 16px;
    font-weight: 400;
    color: #929292;
}

.s-txt2 {
    font-size: 18px;
    margin-top: 8px;
}

.s-txt2 .star {
    position: relative;
}
.s-txt2 .star:after {
    content: "*";
    position: absolute;
    top:-5px;
    left: -10px;
    font-size: 18px;
}


.section3 .img-wrap {
    margin-top: 40px;
    position: relative;
    display: inline-block;
}


.section3 .img-wrap .winner-icon{
    content: "";
    position: absolute;
    top:5px;
    left: 320px;

}

.section3 .img-wrap .twinkle-img {
    position: absolute;
    top: -16px;
    left: 312px;
}


.section3.contents {
    padding: 90px 0 !important;
}



/* 섹션4 - 예정가격을 정확히 맞출 수 있을까요?  */

#section4{
    margin-bottom: 30px;
}
.section4-wrap {
    width:100%;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.section4-wrap-flex {
    display: flex
;
    flex-direction: column;
    align-items: center;
}
/*.section4-wrap-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 880px;
}
    .txt-box-wrap {
    height: 370px;
}

.txt-box-wrap.left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.txt-box-wrap.right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}



.section4-wrap .img-box01 {
    position: relative;
    left: -40px;
    top:10px;
}
*/

.section4-wrap .img-box02 {
    position: relative;
    top: 10px;
}



/* 섹션5 - 그렇다면, 우리가 해야하는 분석은?  */

.section5 .img-wrap {
    margin-top: 40px;
    position: relative;
    display: inline-block;
}

.label-tag-wrap {
    display: flex;
    justify-content: center;
    position: relative;
    top:-40px;
}
.label-tag-wrap .label-tag-box {
    width:208px;
}

.label-tag-wrap .label-tag {
    font-size: 20px;
    background: #666666;
    color: #fff;
    border-radius: 20px;
    padding: 3px 15px;
}

.label-tag-wrap .label-tag.gn-tag {
    background: #07c371;
    font-weight: bold;
    outline: 3px solid #ffec43;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.tag-a {
    position: relative;
    left:-66px
}

.tag-c {
    position: relative;
    right: -67px;
}

.box-tag-c {
    position: relative;
}
.section5-winner {
    position: absolute;
    top:-80px;
    left: 40px;
}












/* 섹션6 - 그러나 예정가격을 확보하는 분석이 낙찰의 핵심입니다.  */


.section6-wrap {
    width:100%;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.section6-wrap-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 880px;
}

.section6-wrap .txt-box {
    background: #fff;
    z-index: 10;
}

.txt-box-wrap {
    height: 370px;
}

.txt-box-wrap.left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.txt-box-wrap.right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.section6-wrap .img-box01 {
    position: relative;
    left: 0px;
    top:30px;
}


.section6-wrap .img-box02 {
    position: relative;
    top: 60px;
}

.sec6-img-a, .sec6-img-b  {
    position: absolute;
}
.sec6-img-c {
    position: relative;
}
.sec6-img-d {
    position: absolute;
    top: 83px;
    right: 68px;
}





.sec6-img-b {
    top:10px;
    animation: motion 1s linear 0s infinite alternate;
}




@keyframes motion {
	0% {transform: rotate(5deg);}
	100% {transform: rotate(-15deg);}
}

@keyframes motion2 {
	0% {transform: translateY(0);}
	100% {transform: translateY(-20px);}
}




/* 섹션7 */

.section7 {
    background: url(/resource/common/images/consulting/my_company_report/background-img2.png) 0 0 no-repeat;
    width:100%;
    height: 344px;
        background-size: cover;
}

.section7-wrap{
    width:100%;
    font-size: 28px;
    font-weight: bold;
    color: #fff ;
    text-align: center;
    padding-top: 70px;
}
.go-btn-wrap {
    text-align: center;
    margin-top: 40px;
}
.go-btn {
    font-size: 28px;
    font-family: 'Gmarket Sans';
    color: #07c371;
    border: 1px solid #07c371;
    background: url(/resource/common/images/consulting/my_company_report/btn-c.png)#fff 10px -7px no-repeat;
    text-align: center;
    border-radius: 10px;
    width:250px;
    padding: 15px 0 12px 0;
    font-weight: bold;
}
.go-span {
    position: relative;
    left: 10px;
}
.go-btn:hover {
     opacity: 0.8;
     cursor: pointer;
}

.arrow-motion {
    position: relative;
    top:-2px;
    left: 13px;
}


.m-txt3 {
    color: #fff;
    margin-top: 20px;
    font-size: 26px;
}

.search-btn-wrap {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.search-wrapper2 {
  display: flex;
  align-items: center;
  padding: 1px;
  background: linear-gradient(to right, #fff37e, #07c371); /* 외곽선 그라데이션 */
  border-radius: 50px;
  width: 600px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  position: relative;
}

.search-wrapper2 .icon {
    content: "";
    position: absolute;
    background: url(/resource/common/images/consulting/my_company_report/search-icon.png) 0 0 no-repeat;
    width:25px;
    height: 25px;
    right: 40px;
    cursor: pointer;
    background-size: contain;

}
.search-wrapper2 .icon:hover {
    opacity: 0.8;
}

.search-wrapper2 input {
  flex: 1;
  padding: 18px 20px 17px 20px;
  border: none;
  outline: none;
  border-radius: 50px;
  font-size: 16px;
  background: #fff;
  color: #000;
  text-align: center;
}

.search-wrapper2 input::placeholder{
    color: #929292;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}





/* ---------------- 분석 보고서 결과 ---------------- */




/* 플로팅 배너 */

.floating-contact02 {
    position: fixed;
    right: 5%;
    top: 30%;
    z-index: 100;
    transition: opacity 0.4s ease;
    pointer-events: none; /* 안보일 때 클릭 막기 */
    opacity: 0;
}



.floating-contact02.active {
    opacity: 1;
    pointer-events: auto;
}





.step-menu {
    font-family: 'Pretendard', sans-serif;
    margin-bottom: 20px;
}

.step-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.step-menu li {
    position: relative;
    padding-left: 30px;
    padding-bottom: 16px;
}
.step-menu li a {
    font-size: 18px;
    color: #cccccc;
    cursor: pointer;
}
.step-menu li a::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 1px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 5px solid #dadada;
    background-color: #fff;
    box-sizing: content-box;
}
.step-menu ul::after {
  content: "";
  position: absolute;
      top: -5px;
    bottom: 27px;
    left: 8px;
    width: 1px;
  border-right: 1px dotted #dadada;
  z-index: -1;
}


.step-menu li a.active {
    color: #07c371;
    font-weight: 600;
}

.step-menu li a.active::before {
    border-color: #07c371;
    background-color: #fff;
}





.contact-box-wrap {
    width:215px;
    padding: 20px 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    text-align: center;
    background: url(/resource/common/images/consulting/my_company_report/btn-c2.png)#effbee -40px -20px no-repeat;
}
.contact-box-wrap .phone-num {
    color: #07c371;
    font-size: 28px;
    font-family: 'Gmarket Sans';
    font-weight: bold;

}
.contact-box-wrap .fax-num {
    font-size: 18px;
    font-weight: 500;
    margin-top: -5px;
}

.btn-consult-box{
    background: #07c371;
    width:215px;
    padding: 15px 0 13px 0;
    font-size: 26px;
    color: #fff;
    font-family: 'Gmarket Sans';
    font-weight: bold;
}

.btn-consult-box:hover {
    opacity: 0.7;
}

.btn-top {
    text-align: center;
    margin-top: 40px;
}

.btn-top-box {
    width:50px;
    height: 50px;
    background: #fff;
    border: 1px solid #e2e8ee;
    color: #6a6a6a;
    font-size: 16px;
    text-align: center;
    border-radius: 50%;
}
.btn-top-box.hover {
    opacity: 0.7;
}
.btn-top-box .txt {
    position: relative;
    top:-3px;
}











.search-area-wrap {
    text-align: center;
    padding: 30px 0;
    display: flex;
    justify-content: center;
}
.search-area-table {
    width:600px;

}
.search-area-table th {
    width:120px;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
}
.search-area-table td {
    text-align: left;
}

.date-btn {
    display: inline-block;
    width:100px;
    font-size: 18px;
    text-align: center;
    background: #fff;
    border: 1px solid #e2e8ee;
    border-radius: 3px;
    padding: 8px 0;
    margin-right: 7px;
    font-weight: 500;
}
.date-btn:hover {
    color: #000;
    border: 1px solid #727272;
}

.date-btn.active {
    background: #07c371;
    color: #fff;
    border: none;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.company-btn {
    display: inline-block;
    width:113px;
    font-size: 18px;
    text-align: center;
    background: #fff;
    border: 1px solid #e2e8ee;
    border-radius: 3px;
    padding: 8px 0;
    margin-right: 7px;
    font-weight: 500;
}
.company-btn:hover {
    color: #000;
    border: 1px solid #727272;
}

.company-btn.active {
    background: #07c371;
    color: #fff;
    border: none;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.date-input {
    font-size: 18px;
    border-radius: 3px;
    padding: 8px 0;
    width:148px;
    border: 1px solid #e2e8ee !important;
}

.date-input::placeholder {
    text-align: center;
    color: #000;
}

.date-span {
    font-size: 16px;
    font-weight: 500;
    margin: 0 5px;
}
.date-btn-search {
    display: inline-block;
    width:100px;
    font-size: 18px;
    text-align: center;
    border-radius: 3px;
    padding: 8px 0;
    font-weight: 500;
    position: relative;
    top:2px;
    background: #000;
    color: #fff !important;
    margin-left: 7px;
}
.date-btn-search:hover {
    color: #666;
}



/* 낙찰코칭 분석결과 */



.background-wrap {
    background: #F6F8FA;
        padding-top: 1px;
    padding-bottom: 1px;
}



.section-area {
    width:1080px;
    margin: 0 auto;
    text-align: center;
}

.result-summary-title, .our-chance-title, .our-graph-title, .participation-analysis-title {
    font-size: 32px;
    font-weight: bold;
    font-family: 'Gmarket Sans';
    text-align: left;
    margin-bottom: 10px;
    margin-top: 50px;
}

.result-summary-box, .our-chance-box, .our-graph-box {
    border: 1px solid #e2e8ee;
    border-radius: 20px;
    padding: 40px;
    background: #fff;
}


.result-summary-title {
    display: flex;
    justify-content: space-between;
}
.print-btn {
    display: inline-block;
    width:100px;
    font-size: 18px;
    text-align: center;
    background: #fff;
    border: 1px solid #e2e8ee;
    border-radius: 3px;
    padding: 8px 0;
    font-weight: 500;
}
.print-btn img {
    position: relative;
    left:-5px;
}
.print-btn:hover {
    color: #666;
}





.company-info {
    text-align: left;
    border-bottom: 1px solid #e2e8ee;
    padding-bottom: 20px;
}

.primary-line {
    display: flex;
}
.company-name {
    font-size: 25px;
}


.select-input-wrap {
    position: relative;
    display: flex;
    margin-left: 10px;
    top: -5px;
}

.select-input {
    width: 180px;
    border:1px solid #e6e6e6;
    border-radius: 5px;
    font-size: 18px;
    padding: 10px 10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px,rgba(0, 0, 0, 0.1) 0px 2px 4px;
    appearance: none;         /* 화살표 제거 */
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url('/resource/common/images/consulting/my_company_report/select-arrow.png') no-repeat right 12px center;
    background-size: 11px;
    display: inline-block;
    margin-left: 10px;
}


.result-summary-section .sub-line {
    font-size: 18px;
    padding-top: 20px;
}
.sub-line-txt {
    padding-right:  25px;
}
.sub-line-txt.padding {
    padding-left: 25px;
}
.sub-line-txt .gn {
    font-weight: 500;
}





.range-bar-wrap {
  width: 1000px;
  margin: 110px 0 40px 0;
  position: relative;
  font-family: 'Pretendard', sans-serif;
}

/* 초록 배경 바 */
.range-bar-bg {
  height: 18px;
  background: #effbee;
  border-radius: 12px;
}

/* 선과 눈금 */
.range-bar-line {
  position: relative;
  height: 18px;
  border-bottom: 1px solid #999;
}

.tick {
     position: absolute;
    bottom: -7px;
    width: 1px;
    height: 14px;
    background: #666;
}





/* 라벨 */


.range-bar-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  font-size: 22px;
  font-weight: bold;
}

.range-bar-labels .label {
    text-align: center;
    line-height: 1.3;
    width: 33.33%;
    height: 20px;
    background-color: #fff;
    color: #000;
    font-size: 22px;
}



.graph-tooltip-wrap {
    position: relative;
    width:1000px;
    height: 18px;
    top: 17px;
}


.graph-tooltip-dot-or {
    position: absolute;
    top:-18px;
}

.graph-tooltip-box-or {
    position: relative;
    top: -145px;
    background: #ff9c00;
    border-radius: 35px;
    text-align: center;
    width: 119px;
    padding: 15px 0;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
     line-height: 30px;
}

.graph-tooltip-box-or::after {
    content: "";
    position: absolute;
    background: url(/resource/common/images/consulting/my_company_report/arrow-or.png) 0 0 no-repeat;
    width:15px;
    height: 12px;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);

}


.graph-tooltip-dot-gn {
    position: absolute;
    top:-18px;
}

.graph-tooltip-box-gn {
    position: relative;
    top: -145px;
    background: #07c371;
     border-radius: 35px;
    text-align: center;
    width: 119px;
    padding: 15px 0;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
}

.graph-tooltip-box-gn::after {
    content: "";
    position: absolute;
    background: url(/resource/common/images/consulting/my_company_report/arrow-gn.png) 0 0 no-repeat;
    width:15px;
    height: 12px;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);

}


.stat-card-wrap {
    display: flex;
     gap: 20px;
}
.stat-card {
     gap: 30px;
    flex: 1;
    border-radius: 20px;
    border: 1px solid #b2b2b2;
    padding: 30px;
    display: flex;
}

.card-img {
    width: 76px;
    height: auto;
    object-fit: contain;
}
.stat-content {
    text-align: left;
}

.stat-title {
   font-size: 25px;
   font-weight: bold;
   margin-bottom: 8px;
}

.stat-desc {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 5px;
}
.stat-value {
    color: #ff9c00;
}
.stat-value-b {
    color: #07c371;
}
.stat-sub {
    font-size: 16px;
    font-weight: 500;
}










/* 우리 업체 낙찰확률은? */



.compare-box-wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:100%;
}
.equal-icon {
    height: 18px;
    width:auto
}
.less-than-icon {
    height: 30px;
    width:auto;
}
.compare-box {
    width:280px;
    border-radius: 20px;
    border: 1px solid #b2b2b2;
}

.compare-box.ncoaching {
    border: 1px solid #07c371;
}
.compare-header.ncoaching {
    position: relative;
    background: #07c371;
    color: #fff;
}
.compare-header.ncoaching::after {
    content: "";
    background: url(/resource/common/images/consulting/my_company_report/box-c.png) 0 0 no-repeat;
    position: absolute;
    top:-20px;
    left: 10px;
    width:69px;
    height: 71px;
}

.compare-value.ncoaching {
    color: #07c371;
}



.compare-header {
    font-size: 22px;
    font-weight: bold;
    background: #f6f8fa;
    border-radius: 20px 20px 0 0 ;
    border-bottom: 1px solid #e2e8ee;
    height: 80px;
    display: flex;
  flex-direction: column;
  justify-content: center;   /* 세로 중앙 */
  align-items: center;       /* 가로 중앙 */
  text-align: center;
}

.compare-value {
    font-size: 25px;
    font-weight: bold;
    padding: 30px 0;
}

.explanation-text {
    background: #f6f8fa;
    border-radius: 20px;
    margin-top: 40px;
    padding: 40px;
    font-size: 22px;
}
.explanation-text .first-txt {
    margin-bottom: 10px;
}

.explanation-text .highlight-txt {
    font-weight: bold;
    margin-top: 20px;
    position: relative;
    display: inline-block;
    z-index: 1;
}
.explanation-text .highlight-txt:after {
   content: "";
    position: absolute;
    top: 15px;
    left: -10px;
    right: -10px;
    bottom: 0px;
    background: #ffe84a;
    z-index: -1;
}




/* 툴팁 */

.info-dot2 {
    color: #fff;
    background: #000;
    width:17px;
    height: 17px;
    font-size: 15px;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top:7px;
    margin-left: 2px;
    line-height: 18px;
}


/* 툴팁 #tooltip-03 */

#tooltip-03 {
    display: inline-block;
    cursor: pointer;
    position: relative;
}
.layer-03 {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

#tooltip-03 .tooltip-wrapper {
  display: inline-block;
  cursor: pointer;
}
#tooltip-03 .tooltip-icon {
  cursor: pointer;
  display: inline-block;
}

.layer-03 .tooltip-box {
    position: absolute;
    /*left: 124%;*/
    top: -44px;
    right:180px;
    /*transform: translateX(15px);*/
    background: #fff;
    border-radius: 6px;
    z-index: 1000;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    text-align: left;
    width:584px;
    border-radius: 11px;
    cursor: default;
    display: none;
}
.layer-03 .tooltip-box::after {
    content: "";
    /*position: absolute;*/
    right: 100%;
    top: 60px;
    transform: translateY(-50%);
    background: url(/resource/common/images/consulting/my_company_report/tooltip-arrow.png) 0 0 no-repeat;
    width:11px;
    height: 17px;
    z-index: 1;
    background-size: cover;
}

.layer-03 .tooltip-box .t-title-box {
    background: #07c371;
    padding: 15px 20px 10px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 11px 11px 0 0 ;
}

.layer-03 .tooltip-box .t-title {
    color: #fff;
    font-family: 'Gmarket Sans';
    font-size: 22px;
    color: #fff;
}
.layer-03 .tooltip-box .t-btn {
    cursor: pointer;
    position: relative;
    top:-3px;
}
.layer-03 .tooltip-box .t-btn:hover {
    opacity: 0.8;
}
.layer-03 .tooltip-box .t-contents {
    padding: 20px 30px;
    font-size: 18px;
    font-weight: 500;
}
.layer-03 .ex-contents {
    padding: 0 30px 30px 30px;
}
.layer-03 .ex-title {
    font-size: 18px;
    font-weight: bold;
    background: #b1bac2;
    color: #fff;
    font-family: 'Gmarket Sans';
    padding: 8px 0 5px 0 ;
    border-radius: 5px 5px 0 0;
    width:80px;
    text-align: center;
    display: inline-block;
}
.layer-03 .ex-title2 {
    font-size: 18px;
    font-weight: 600;
    margin-left: 10px;
}

.layer-03 .ex-table {
    text-align: center;
    font-family: 'Pretendard';
}

.layer-03 .ex-table table th {
    font-size: 15px;
    border: 1px solid #e2e8ee;
    background: #effbee;
    padding: 10px;
    font-weight: 500;
}

.layer-03 .ex-table table td {
    font-size: 15px;
    border: 1px solid #e2e8ee;
    padding: 10px;
    font-weight: 500;
}

.layer-03 .tooltip-span {
    position:relative;

}





.fraction {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.1;
  font-size: 15px;
}
.fraction .num-span {
    position: relative;
    top:0px;
}
.fraction .bar2 {
    position: relative;
    height: 1px;
    width:35px;
    background: #000;
}
.green-cell {
  background-color: #07C371 !important;
  color: #fff;
  font-weight: bold !important;
  text-align: center;
  font-size: 18px !important;
}









/* 툴팁 #tooltip-04 */

#tooltip-04 {
    display: inline-block;
    cursor: pointer;
    position: relative;
}
.layer-04 {
    display: inline-block;
    cursor: pointer;
    position: relative;
}
#tooltip-04 .tooltip-wrapper {
  display: inline-block;
  cursor: pointer;
}
#tooltip-04 .tooltip-icon {
  cursor: pointer;
  display: inline-block;
}

.layer-04 .tooltip-box {
    position: absolute;
    top: 0;
    right: -135px;
    background: #fff;
    z-index: 1000;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    text-align: left;
    width:1275px;
    border-radius: 11px;
    cursor: default;
    display: none;
}
.layer-04 .tooltip-box::after {
    display: none;
    content: "";
    position: absolute;
    right: 50%;
    top: -9px;
    background: url(/resource/common/images/consulting/my_company_report/tooltip-arrow2.png) 0 0 no-repeat;
    width:17px;
    height: 13px;
    z-index: 1;
}

.layer-04 .tooltip-box .t-title-box {
    background: #07c371;
    padding: 15px 20px 10px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 11px 11px 0 0 ;
}

.layer-04 .tooltip-box .t-title {
    color: #fff;
    font-family: 'Gmarket Sans';
    font-size: 22px;
    color: #fff;
    font-weight: bold;
}
.layer-04 .tooltip-box .t-btn {
    cursor: pointer;
    position: relative;
    top:-3px;
}
.layer-04 .tooltip-box .t-btn:hover {
    opacity: 0.8;
}
.layer-04 .tooltip-box .t-contents {
    padding: 20px;
    font-size: 18px;
    font-weight: 500;
}


.layer-04 .ex-table {
    padding: 20px;
    min-height: 150px;
}

.layer-04 .ex-table .table-scroll {
    max-height: 240px;
}








.participation-analysis-table2 {
    max-width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #e2e8ee;
}
.participation-analysis-table2 > table {
    table-layout: fixed;
    border-collapse: collapse;
}

.thead03 th {
    background: #f0faf0;
    position: sticky;
    top: 0;
    z-index: 2;
    border: 1px solid #cdd3d8 !important;
    padding: 8px;
    text-align: center;
    font-family: 'Pretendard';
    font-weight: 500;
    letter-spacing: -1px;
    background: #f0faf0;
    position: sticky;
    top: 0;
    z-index: 2;
    text-align: center;
    font-size: 15px;
    padding: 5px 0;
}

.table-scroll {
    max-height: 500px; /* 원하는 높이로 설정 */
    overflow-y: scroll;
}

.table-scroll table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.tbody03 td {
    border: 1px solid #e2e8ee;
    border-top: none !important;
    padding: 8px;
    padding: 5px 10px;
    text-align: center;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -1px;
    border: 1px solid #e2e8ee;
    text-align: center;
    background: #fff;
    /* 말줄임표처리 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.tbody03 tr.checked td {
     background-color: #f6f8fa;
}



  .table-scroll::-webkit-scrollbar {
    width: 8px;
  }

 .table-scroll::-webkit-scrollbar-track {
     background-color:#f1f1f1 !important;
    border-right: 1px solid #e2e8ee;
  }

  .table-scroll::-webkit-scrollbar-thumb {
    border-radius:4px;
    background-color: #b1b1b1;
  }

  .table-scroll::-webkit-scrollbar-button {
    width: 0;
    height: 0;
  }

  .detail_nbid_1365_legend-item{
      font-size:14px !important;
  }



























/* 툴팁 #tooltip-05 */

#tooltip-05 {
    display: inline-block;
    cursor: pointer;
    position: relative;
}
.layer-05 {
    display: inline-block;
    cursor: pointer;
    position: relative;
}
#tooltip-05 .tooltip-wrapper {
  display: inline-block;
  cursor: pointer;
}
#tooltip-05 .tooltip-icon {
  cursor: pointer;
  display: inline-block;
}

.layer-05 .tooltip-box {
    position: absolute;
    right: 70px;
    top: -46px;
    background: #fff;
    border-radius: 6px;
    z-index: 1000;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    text-align: left;
    border-radius: 11px;
    cursor: default;
    display: none;
}
.layer-05 .tooltip-box::after {
    content: "";
    /*position: absolute;*/
    right: -11px;
    top: 51px;
    background: url(/resource/common/images/consulting/my_company_report/tooltip-arrow3.png) 0 0 no-repeat;
    width:11px;
    height: 17px;
    z-index: 1;
}

.layer-05 .tooltip-box .t-title-box {
    background: #07c371;
    padding: 15px 20px 10px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 11px 11px 0 0 ;
}

.layer-05 .tooltip-box .t-title {
    color: #fff;
    font-family: 'Gmarket Sans';
    font-size: 22px;
    color: #fff;
}
.layer-05 .tooltip-box .t-btn {
    cursor: pointer;
    position: relative;
    top:-3px;
}
.layer-05 .tooltip-box .t-btn:hover {
    opacity: 0.8;
}

.layer-05 .tooltip-box .t-contents {
    padding: 20px 20px 0 20px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.layer-05 .tooltip-box .t-contents .txt {
    font-size: 20px;
    font-weight: bold;
}
.layer-05 .tooltip-box .t-contents .txt2 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.layer-05 .tooltip-box .t-contents .txt3 {
    text-align: left;
    font-size: 12px;
    color: #777777;
    padding-left: 10px;
}
.info-dot3 {
    color: #07c371;
    background: #fff;
    width:17px;
    height: 17px;
    font-size: 15px;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top:7px;
    margin-left: 2px;
    line-height: 18px;
}

.layer-05  .go-btn-wrap2 {
    text-align: center;
    margin-top: 13px;
    margin-bottom: 30px;

}



.s-txt3 .star {
    position: relative;
    font-size: 20px;
}
.s-txt3 .star:after {
    content: "*";
    position: absolute;
   top: -7px;
    right: -3px;
    font-size: 16px;
    font-weight: 400;
    color: #929292;
}



/* 낙찰률 / 예정가격 확보 그래프 */

.our-graph-box {
    position: relative;

}

.our-graph-box .tip-tooltip-wrap {
    position: absolute;
    top:20%; /* 수정부분 */
    left: 58%;
    background: #000;
    font-size: 15px;
    color: #fff;
    padding: 10px 15px;
    border-radius: 0 22px  22px 30px;
    z-index: 1000;
    display: inline-block;
    max-width: none;
}

.our-graph-box .tip-tooltip-wrap .gn {
    padding-right: 5px;
    font-weight: bold;
}
.our-graph-box .tip-x-btn {
    position: relative;
    padding-left: 5px;
    top:-1px;
    cursor: pointer;
}






/* 참여공고 분석 */



.participation-analysis-table {
    max-width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #e2e8ee;
    margin-bottom: 40px;
}
.participation-analysis-table > table {
    table-layout: fixed;
    border-collapse: collapse;
}

.thead01 th {
    border: 1px solid #e2e8ee !important;
    text-align: center;
    font-family: 'Pretendard';
    font-weight: 500;
    letter-spacing: -1px;
    background: #f0faf0;
    position: sticky;
    z-index: 2;
    text-align: center;
    font-size: 15px;
    padding: 5px 0;
    box-sizing: border-box;
}

.table-scroll {
    max-height: 500px; /* 원하는 높이로 설정 */
    overflow-y: scroll;
}

.table-scroll table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.tbody01{

}

.tbody01 td {
    border: 1px solid #e2e8ee;
    text-align: center;;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -1px;
    border: 1px solid #e2e8ee;
    padding: 5px;
    text-align: center;
    border-top: none;
    background: #fff;
    box-sizing: border-box;
    /* 말줄임표처리 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.tbody01 tr.checked td {
     background-color: #f6f8fa;
}
.tbody01 tr:hover td {
     background-color: #f6f8fa;
}



  .table-scroll::-webkit-scrollbar {
    width: 5px;
  }

  .table-scroll::-webkit-scrollbar-track {
    background-color: #fff;
  }

  .table-scroll::-webkit-scrollbar-thumb {
    border-radius:4px;
    background-color: #b1b1b1;
  }

  .table-scroll::-webkit-scrollbar-button {
    width: 0;
    height: 0;
  }




.table-scroll table tr:last-child td {
    border-bottom: none;
}



.tbody01 input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 18px;
    height: 18px;
    cursor: pointer;
    outline: none !important;
    border: none;
    vertical-align: middle;
    background: #fff;
    border-radius: 3px;
}
.tbody01 input[type="radio"]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: scale(0) translate(-50%, -50%);
    line-height: 1;
}
.tbody01 input[type="radio"]:checked {
    background-color: #4862c0;
    color: white;
}
.tbody01 input[type="radio"]:checked::before {
    border-radius: 4px;
    transform: scale(1) translate(-50%, -50%)
}





.ck-td {
    position: relative;
}


.ck-td .tip-tooltip-wrap {
    position: absolute;
   top: 52%;
    left: 81%;
    background: #000;
    font-size: 15px;
    color: #fff;
    padding: 10px 15px;
    border-radius: 0 22px  22px 30px;
    z-index: 1000;
    display: inline-block;      /* 인라인 요소로서 width 자연스레 계산 */
    max-width: none;
}

.ck-td .tip-tooltip-wrap .gn {
    padding-right: 5px;
    font-weight: bold;
}
.ck-td .tip-x-btn {
    position: relative;
    padding-left: 5px;
    top:-1px;
    cursor: pointer;
}




.participation-analysis02 {
    position: relative;
}


.participation-analysis02 .tip-tooltip-wrap {
    position: absolute;
    top:25%;
    right: 7%;
    background: #000;
    font-size: 15px;
    color: #fff;
    padding: 10px 15px;
    border-radius:  22px 0 30px 22px;
    z-index: 1000;
    display: inline-block;      /* 인라인 요소로서 width 자연스레 계산 */
    max-width: none;
}

.participation-analysis02 .tip-tooltip-wrap .gn {
    padding-right: 5px;
    font-weight: bold;
}
.participation-analysis02 .tip-x-btn {
    position: relative;
    padding-left: 5px;
    top:-1px;
    cursor: pointer;
}













.participation-analysis02 {
    display: flex;
    margin-top: 20px;
    margin-bottom: 40px;
    justify-content: space-between;
}

.participation-analysis-g {
    border: 1px solid #e2e8ee;
    border-radius: 20px;
    width:700px;
    /*height: 635px;*/
    overflow: hidden;
    background: #fff;
}

.participation-analysis-t {
    margin-left: 20px;
}
.participation-analysis-t .botton-wrap {
    width:100%
}
.participation-analysis-t .botton-wrap .date-btn {
    width:111px;
}
.participation-analysis-t .botton-wrap .date-btn:last-child {
    margin-right: 0px;
}






.analysis-table-wrap {
    border-top: 1px solid #000;
    margin-top: 10px;
}
.analysis-table-wrap table {
    width:100%;
}
.analysis-table-wrap table th {
    background: #F0FAF0;
    border: 1px solid #e2e8ee;
    font-size: 14px;
    line-height: 14px;
    padding: 5px 0;
    font-weight: 500;
    font-family: 'Pretendard', sans-serif !important;
}


.analysis-table-wrap table td {
    border: 1px solid #e2e8ee;
    padding: 5px;
    font-family: 'Pretendard', sans-serif !important;
}

.analysis-table-wrap table:last-child td {
    border-bottom: none;
    border-right: none; /* 250717 수정 - 고수정 */
}
.analysis-table-wrap:first-child table td {
    border-top: none;
}
.analysis-table-wrap table tr:first-child td {
    border-top: none;
}



.price-td {
    cursor: pointer;
    font-weight: bold;
    position: relative; /* 기준점 */
}

.price-td:hover {
    background: #f6f8fa;
}


.price-tooltip {
    display: none;
    position: absolute;
    background: #fff;
    color: #000;
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 6px;
    z-index: 999;
    white-space: nowrap;
    right: 85%;
    top:20px;
    font-size: 14px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: clip;
    font-weight: normal;
    text-align: right;
    line-height: 20px;
}

.price-tooltip::after {
    content: "";
    position: absolute;
    right: -10%;
    top: 20px;
    transform: translateY(-50%);
    background: url(/resource/common/images/consulting/my_company_report/tooltip-arrow.png) 0 0 no-repeat;
    width:11px;
    height: 17px;
    z-index: 1;
    background-size: cover;
    transform: rotate(54deg);
    text-align: right;
}



.price-tooltip2 {
    display: none;
    position: absolute;
    background: #fff;
    color: #000;
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 6px;
    z-index: 999;
    white-space: nowrap;
    right: -320px;
    font-size: 14px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        top: 200px;
}

.price-tooltip2::after {
    content: "";
    position: absolute;
    right: 100%;
    top: 16px;
    transform: translateY(-50%);
    background: url(/resource/common/images/consulting/my_company_report/tooltip-arrow.png) 0 0 no-repeat;
    width:11px;
    height: 17px;
    z-index: 1;
    background-size: cover;
}













.table-scroll2 {
    max-height: 565px; /* 원하는 높이로 설정 */
    overflow-y: scroll;
    border-bottom: 1px solid #e2e8ee;
    background: #fff;
    overflow-x: hidden;
}


.table-scroll2::-webkit-scrollbar {
    width: 5px;
}

.table-scroll2::-webkit-scrollbar-track {
    background-color: #fff;
}

.table-scroll2::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #b1b1b1;
}

.table-scroll2::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}





















/* 섹션8 */

.section8 {
    background: url(/resource/common/images/consulting/my_company_report/background-img3.png) 0 0 no-repeat;
    width:100%;
    height: 280px;
    background-size: cover;
}

.section8-wrap{
    width:100%;
    font-size: 28px;
    font-weight: bold;
    color: #fff ;
    text-align: center;
    padding-top: 50px;
}

.section8-wrap .txt {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
}
.section8-wrap .txt2 {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    margin-top: 5px;
}

.go-btn-wrap {
    text-align: center;
    margin-top: 40px;
}
.go-btn {
    font-size: 28px;
    font-family: 'Gmarket Sans';
    color: #07c371;
    border: 1px solid #07c371;
    background: url(/resource/common/images/consulting/my_company_report/btn-c.png)#fff 10px -7px no-repeat;
    text-align: center;
    border-radius: 10px;
    width:250px;
    padding: 15px 0 12px 0;
    font-weight: bold;
}
.go-span {
    position: relative;
    left: 10px;
}
.go-btn:hover {
     opacity: 0.8;
     cursor: pointer;
}

.arrow-motion {
    position: relative;
    top:-2px;
    left: 13px;
}


.m-txt3 {
    color: #fff;
    margin-top: 20px;
    font-size: 26px;
}





#detail_nbid_1365_graph{
    height: 600px !important;
}
#detail_nbid_1365_bottom_left, #detail_nbid_1365_bottom_right{
    bottom: -30px !important;
}

#detail_nbid_1365_graph .amcharts-chart-div {
    overflow: visible !important;
    transform: scale(0.9);
}

#detail_nbid_1365_graph .amcharts-chart-div svg{
    height: 800px !important;
    margin-top: 20px;
}

#detail_nbid_1365_graph .amcharts-balloon-div {
    transform: translateY(20px) !important; /* 툴팁 전체를 아래로 이동 */
}

#detail_nbid_graph_box #detail_nbid_1365_info_box *,
#detail_nbid_graph_box #detail_nbid_graph_bottom_box *
{
    font-size: 14px !important;
}

#detail_nbid_graph_box.big * {
    font-size: 14px !important;
}

#detail_nbid_maxmin_graph{
    height: 600px !important;
}

.detail_nbid_graph_tab div{
    font-size: 18px !important;
    margin: 12px !important;
}


#detail_nbid_maxmin_graph .amcharts-chart-div {
    overflow: visible !important;
    transform: scale(1, 0.9); /* 가로 그대로, 세로만 90% */
    /*transform-origin: top center;*/ /* 위 기준으로 축소 */
}

#detail_nbid_maxmin_graph .amcharts-chart-div svg{
    height: 800px !important;
    margin-top: 20px;
}

#detail_nbid_maxmin_graph .amcharts-balloon-div {
    transform: translateY(20px) !important; /* 툴팁 전체를 아래로 이동 */
}
#detail_nbid_1365_info_left{
    /*padding-top: 10px;*/
}

.highcharts-credits{
    display: none;
}

.detail_nbid_graph_big_show_btn{
    display: none;
}
.highcharts-exporting-group{
    display: none;
}

#nbid-graph_1365개 분포도{
    font-size: 18px;
    margin:12px;
}



/* 250717 수정 - 고수정 */

  .table-scroll2::-webkit-scrollbar {
    width: 5px;
  }

  .table-scroll2::-webkit-scrollbar-track {
    background-color:#f1f1f1;
    border-right: 1px solid #e2e8ee;
  }

  .table-scroll2::-webkit-scrollbar-thumb {
    border-radius:4px;
    background-color: #b1b1b1;
  }

  .table-scroll2::-webkit-scrollbar-button {
    width: 0;
    height: 0;
  }

/* 250717 수정 - 고수정 끝 */




























/* 250717 수정 - 고수정 */


.participation-analysis-table {
    max-width: 100%;
    border-top: 1px solid #000;
}
.participation-analysis-table > table {
    table-layout: fixed;
    border-collapse: collapse;
}

.thead01 th {
    border: 1px solid #e2e8ee !important;
    text-align: center;
    font-family: 'Pretendard';
    font-weight: 500;
    letter-spacing: -1px;
    background: #f0faf0;
    position: sticky;
    z-index: 2;
    text-align: center;
    font-size: 15px;
    padding: 5px 0;
    box-sizing: border-box;
}



.table-scroll {
    max-height: 500px; /* 원하는 높이로 설정 */
    overflow-y: scroll;
}

.table-scroll table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.tbody01 td {
    border: 1px solid #e2e8ee;
    text-align: center;
    white-space: nowrap;
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -1px;
    border: 1px solid #e2e8ee;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
    border-top: none;
    background: #fff;
    box-sizing: border-box;
}


.tbody01 tr.checked td {
     background-color: #f6f8fa;
}



  .table-scroll::-webkit-scrollbar {
    width: 5px;
  }

  .table-scroll::-webkit-scrollbar-track {
    background-color: #fff;
  }

  .table-scroll::-webkit-scrollbar-thumb {
    border-radius:4px;
    background-color: #b1b1b1;
  }

  .table-scroll::-webkit-scrollbar-button {
    width: 0;
    height: 0;
  }




.table-scroll table tr:last-child td {
    border-bottom: none;
}

.table-scroll table:last-child td {
    border-right: none;
}





.tbody01 input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 18px;
    height: 18px;
    cursor: pointer;
    outline: none !important;
    border: none;
    vertical-align: middle;
    background: #fff;
    border-radius: 3px;
}
.tbody01 input[type="radio"]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: scale(0) translate(-50%, -50%);
    line-height: 1;
}
.tbody01 input[type="radio"]:checked {
    background-color: #4862c0;
    color: white;
}
.tbody01 input[type="radio"]:checked::before {
    border-radius: 4px;
    transform: scale(1) translate(-50%, -50%)
}



/* 250717 수정 - 고수정 끝 */



/* 특정 selectpicker의 높이, 글꼴 크기, 패딩 조절 */
.bootstrap-select .dropdown-toggle {
    /*height: 45px;*/
    line-height: 25px; /* 높이와 맞춰 조절 */
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px, rgba(0, 0, 0, 0.1) 0px 2px 4px;
}

/* 드롭다운 메뉴 자체의 최대 높이 조절 (스크롤바 생김) */
.bootstrap-select .dropdown-menu {
    width: 180px;
    max-height: 200px; /* 드롭다운 메뉴가 이 높이를 초과하면 스크롤바가 생깁니다. */
    overflow-y: auto;
    padding: 0;
}

#reservation_layer_frm .close.hideBlackPanel{
    line-height: 2.5; /*상담신청 툴팁 닫기버튼 조절 - bootstrap css 영향없도록 처리 */
}