@media print {
  @page {
    size: landscape; /* 가로 모드로 설정 */
  }
}

/* common */
.scroll-on {
    opacity: 0;
}

.scroll-on.active {
    opacity: 1;
    animation: appear_from_bottom ease 1.5s;
}

@keyframes appear_from_bottom{
    0%{
        transform: translateY(150px);
        opacity: 0;
    }

    100%{
        opacity: 1;
    }
}

.italic {font-style: italic;}

.new-nc{
    font-family: "Pretendard Variable", Pretendard;
    letter-spacing: -1px;
    flex-direction: column;
    scroll-behavior: smooth;
}

.scroll-box{
    padding-bottom: 80px;
}

.inner{
    position: relative;
    margin: 0 auto;
    width: 1240px;
}

.title-wrap {
    text-align: center
}
.title-wrap .title{
    padding: 80px 0 12px;
    line-height: 50px;
    font-family: 'GmarketSans';
    font-size: 44px;
    font-weight: 600;
    word-spacing: -0.14em;
}

.title-wrap .txt{
    padding-bottom: 50px;
    font-size: 20px;
}
.title-wrap .txt.btn-pb{
    padding-bottom: 50px;
    line-height: 28px;
}

.title-wrap button{
    width: 280px;
    height: 70px;
    line-height: 76px;
    border-radius: 100px;
    font-size: 28px;
    font-weight: 600;
    font-family: 'GmarketSans';
}
.title-wrap button svg{
    width: 13px;
    height: 20px;
    vertical-align: -1px;
}


/* main-intro */
.main-intro{
    position: relative;
    height: 470px;
    background: url("/assets/okems_3/ncoaching/consultingmain/img/intro_bg_new.png") top center no-repeat;
    background-size: cover;
    overflow: hidden;
}

.main-intro .title-wrap .title{
    position: relative;
    padding-top: 84px;
    text-align: center;
    z-index: 3;
}

.main-intro .title-wrap .title-brush{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.main-intro p{
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    font-weight: 200;
}

.main-intro .move-logo .logo{
    position: absolute;
}
.main-intro .move-logo .logo.move1{
    top: -140px;
    left: -230px;
    animation: move-logo1 3s linear infinite;
}
.main-intro .move-logo .logo.move2{
    top: -160px;
    right: -230px;
    animation: move-logo2 4s linear infinite;
}
.main-intro .move-logo .logo.move3{
    bottom: -10px;
    right: 100px;
    animation: move-logo3 6s ease infinite;
}
.main-intro .move-logo .logo.move4{
    bottom: -200px;
    left: 40px;
    animation: move-logo4 3s linear infinite;
}

@keyframes move-logo1 {
    0% {top: -140px;}
    50% {top: -110px;}
    100% {top: -140px;}
}

@keyframes move-logo2 {
    0% {top: -160px;}
    50% {top: -130px;}
    100% {top: -160px;}
}

@keyframes move-logo3 {
    0% {bottom: -10px;}
    50% {bottom: 40px;}
    100% {bottom: -10px;}
}

@keyframes move-logo4 {
    0% {bottom: -200px;}
    50% {bottom: -160px;}
    100% {bottom: -200px;}
}

.main-intro .wave {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 189px;
    background: url("/assets/okems_3/ncoaching/consultingmain/img/intro_wave_new.png") top center no-repeat;
    background-size: cover;
}

/**------------------------eunyoung------------------------**/
/*right-nav클릭시 부드럽게 스크롤*/
html{
    scroll-behavior: smooth;
}

/*======== page_right(->mainfull_navi로 이름 변경하였습니다! : 은영) =======*/
#mainfull_navi{
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.5s ease;
    width: 216px;
    height: 739px;
    position: fixed;
    right: 3%;
    top: 50%;
    transform: translateY(-55%);
    z-index: 100;
}
#mainfull_navi.visible {
    visibility: visible;
    opacity: 1;
}

#mainfull_navi .list {position: relative; margin-bottom: 34px}

#mainfull_navi .why{
    width: 200px;
    height: 298px;
}
#mainfull_navi .how{
    width: 200px;
    height: 155px;
}

#mainfull_navi .list .scroll-move{padding-right: 15px;}
#mainfull_navi .list .scroll-move span{
    display: inline-block;
    color: #cdcdcd;
    font-size: 16px;
    font-weight: 600;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

#mainfull_navi .list li {
    display: inline-block;
    width: 185px;
    height: 22px;
    margin-bottom: 14px;
    line-height: 22px;
    float: right;
}

#mainfull_navi .list .why-title{
    width: 200px;
    height: 48px;
    text-align: right;
}
#mainfull_navi .list .why-title img, #mainfull_navi .list .how-title img{
    width: 100%;
}
#mainfull_navi .list .how-title{
    width: 200px;
    height: 48px;
    text-align: right;
}

#mainfull_navi .list li a{display: flex; justify-content: flex-end}

#mainfull_navi .list  label{
    width: 270px; height: 30px;
}

#mainfull_navi .list li:hover{color: #15b405;}

#mainfull_navi .list ul li.list_li.on{
    color: #15b405;
}

#mainfull_navi .list li a em{
    display: block;
    width: 22px;
    height: 22px;
    border: solid 4px #fff;
    border-radius: 50%;
    background-color: #cdcdcd;
    transition: all 0.2s ease;
}

#mainfull_navi .list li:hover em{
    background-color: #2dd41b;
    transition: all 0.2s ease;
}

#mainfull_navi .list .on a em{
    background-color: #2dd41b;
    transition: all 0.2s ease;
}
#mainfull_navi .list .on a span{
    color:#2dd41b;
}

#mainfull_navi .list li label em {
    background-color: #15b405;
    transition: all 0.2s ease;
    color: #15b405;
}

#mainfull_navi .list li:hover span{
    color: #2dd41b;
}

#mainfull_navi .inquiry_number button{
    width: 100%;
    height: 50px;
    background-color: #15b405;
    color: #fff;
    font-family: 'GmarketSans';
    font-size: 22px;
    font-weight: 700;
    border-left: 2px solid #6ed064;
    border-right: 2px solid #6ed064;
    border-bottom: 2px solid #6ed064;
    box-sizing: border-box;
}

#mainfull_navi .inquiry_number button>p{
    line-height: 55px;
}

#mainfull_navi .dotted_line_1{
    width: 1px;
    height: 210px;
    position: absolute;
    border-right: dotted #cdcdcd70 2px;
    top: 75px;
    right: 41px;
}

#mainfull_navi .dotted_line_2{
    width: 1px;
    height: 50px;
    position: absolute;
    border-right: dotted #cdcdcd70 2px;
    top: 420px;
    right: 41px;
}

#page_right .on{ color: #15b405;}

#mainfull_navi .listbox {margin: 0 auto; text-align: center;}


#mainfull_navi .inquiry_number{
    width: 200px;
    height: 130px;
    background: #effbee;
    text-align: center;
    font-family: 'GmarketSans';
}
#mainfull_navi .inquiry_number .number{
    width: 100%;
    height: 83px;
    padding: 15px 0;
    background: url(../img/inquiry_number_bg.png) no-repeat top;
    background-size: cover;
}

#mainfull_navi .btn-top{
    margin-top: 40px;
    width: 100%;
    text-align: center;
}

/* scroll1 */
.scroll1 .title-wrap .title {
    position: relative;
}
.scroll1 .title-wrap .title .move-title{
    /*position: absolute;*/
    /*bottom: 20px;*/
    /*right: 556px;*/
    /*animation: move-title 4s;*/
}
@keyframes move-title{
    0% {
        right: 400px;
        opacity: 0;
    }
    100% {
        right: 556px;
        opacity: 1;
    }
}

.scroll1 button{
    color: #fff;
    background-color: #000;
}
.scroll1 button:hover{
    background-color: #2d2d2d;
}

.scroll1 button svg polygon{
    fill:#fff;
}

/**그래프 전체**/
#graph_wrap{
    width: 1240px;
    height: 430px;
    background: url(../img/graph_line_new.png) no-repeat center;
    position: relative;
    z-index: 0;
}
/**그래프 라인**/
#graph_wrap .number-line{
    width: 1208px;
    height: 348px;
    background: url(../img/number_line_new.png) no-repeat center;
    position: absolute;
    z-index: 1;
}
.scroll1 #graph_wrap.scroll-on.active .number-line{
    animation: graph 3s;
    animation-iteration-count:inherit;
    transition-delay: 0s;
}
/*graph 에니메이션*/
@keyframes graph {
    0% {
        clip: rect(590px 620px 620px 0px);
    }
    100% {
        clip: rect(0px 1240px 620px 0px);
    }
}

/**동그라미**/
#graph_wrap .number-line .dot{
    width: 32px; height: 32px;
    position: absolute; background: #fff;
    border: solid #15b405 6px; border-radius: 20px;
}
.scroll1 #graph_wrap.scroll-on.active .number-line .dot{
    animation: dot 3s;
    animation-iteration-count:inherit;
    transition-duration: 0s;
    transition-delay: 1.6s;
}
/*dot 에니메이션*/
@keyframes dot {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/**연도별 별 동그라미 위치**/
#graph_wrap .number-line .year-2014 {bottom: 8px; left: 150px;}
#graph_wrap .number-line .year-2017 {top: 212px; left: 330px;}
#graph_wrap .number-line .year-2019 {top: 172px; left: 514px;}
#graph_wrap .number-line .year-2021 {top: 142px; left: 694px;}
#graph_wrap .number-line .year-2023 {top: 54px; right: 300px;}

#graph_wrap .number-line span {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    color: #15b405;
    font-size: 22px;
    font-weight: 600;
    font-family: 'GmarketSans';
    letter-spacing: 0;
}

/**1위 막대 그래프**/
#graph_wrap .bar{
    width: 90px;
    height: 380px;
    background: url(../img/1st_place_graph_new.png) no-repeat center /100%;
    position: absolute;
    bottom: 82px;
    right: 119px;
    z-index: 100;
}
.scroll1 #graph_wrap.scroll-on.active .bar{
    animation: bar 2s;
    animation-iteration-count:inherit;
}
/*bar 에니메이션*/
@keyframes bar{
    0%{
        clip: rect(0px 0px 0px 0px);
        opacity: 0;
    }
    40%{
        clip: rect(590px 620px 620px 0px);
        opacity: 0;
    }
    100%{
        clip: rect(0px 1240px 620px 0px);
        opacity: 100;
    }
}

/**1위 막대 그래프위 글자**/
#graph_wrap .bar .bar-txt{
    width: 74px; height: 85px;
    background: url(../img/1st_place_graph_txt.png) no-repeat center / 100%;
    position: absolute;
    top: 24px; left: 8px;
    transition-duration: 0s;
    transition-delay: 1.6s;
}

/**#video_box**/

#video_box{
    width: 100%;  display: flex; padding-top: 40px; overflow: hidden; background-color: #effbee;
}

#video_box .frame{
    display: flex; gap: 34px; animation: marquee 40s linear infinite; margin-right: 30px;
}

#video_box .frame .bt_video{
    width: 327px; height: 182px;
}

#video_box .frame .bt_video>img{
    border-radius: 8px;
}

#video_box .modal-content{
    border: 0;
    color: #000;

}
#video_box .modal-content button{
    font-size: 34px;
    background: none;
}
#video_box .modal-content button.close {
    color: #fff;
}
#video_box .modal-content button.close:hover{
    opacity: 0.7;
}

#video_box .modal-content{
    background:none
}

#video_box .bt_video:hover{
    cursor: pointer;
}


@keyframes marquee {
    0%{
        transform: translateX(0);
    }

    100%{
        transform: translateX(-50%);
    }
}

/* scroll2 */
.scroll2{
    height: 888px;
    background: url("/assets/okems_3/ncoaching/consultingmain/img/scroll2_bg_new.png") top center no-repeat;
    background-size: cover;
}
.scroll2 .title-wrap{
    text-align: center;
    color: #fff;
}
.scroll2 .title-wrap p{
    padding: 15px 0 7px;
}

.scroll2 .content .box{
    float: left;
    margin-right: 20px;
    width: 400px;
    height: 450px;
    padding: 50px 0 30px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 6px 3px 7px 0px rgba(0,0,0,0.7);
    box-shadow: 6px 3px 7px 0px rgba(0,0,0,0.7);
    box-sizing: border-box;
}
.scroll2 .content .box:last-child {
    margin-right: 0;
}

.scroll2 .content .box:nth-child(1) img{
    padding: 30px 0 22px;
}
.scroll2 .content .box:nth-child(2) img{
    padding: 36px 0 25px;
}
.scroll2 .content .box:nth-child(3) img{
    padding: 26px 0 12px;
}

.scroll2 .content .box .graph p:nth-child(4) {
    bottom: 63px;
    left: 140px;
}

.scroll2 .content .box .txt{
    position: relative;
    line-height: 30px;
    font-size: 22px;
    font-weight: 600;
    font-family: 'GmarketSans';
    z-index: 3;
}

.scroll2 .content .box .txt:after{
    content: "";
    position: absolute;
    top: 42px;
    height: 16px;
    background-color: #ffd512;
    z-index: -1;
}
.scroll2 .content .box:nth-child(1) .txt:after{
    left: 128px;
    width: 184px;
}
.scroll2 .content .box:nth-child(2) .txt:after {
    left: 151px;
    width: 119px;
}

.scroll2 .content .box:nth-child(3) .txt:after {
    left: 33px;
    width: 156px;
}

.scroll2 .content .box .circle, .scroll2 .content .box .graph{
    position: relative;
    font-family: 'GmarketSans';
}

.scroll2 .content .box .circle p{
    position: absolute;
    top: 118px;
    left: 155px;
    line-height: 35px;
    color: #000;
    font-size: 20px;
}
.scroll2 .content .box .circle p strong{
    padding-left: 14px;
    font-size: 40px;
    color: #15b405;
}

.scroll2 .content .box .circle p span{
    font-size: 24px;
}

.scroll2 .content .box .graph p{
    position: absolute;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.scroll2 .content .box .graph p:nth-child(2){
    top: 81px;
    right: 60px;
}
.scroll2 .content .box .graph p:nth-child(3){
    top: 142px;
    left: 168px;

}

.scroll2 .content .box .graph p span{
    font-size: 14px;
}

.scroll2 .content .box p{
    font-size: 13px;
    color: #adadad;
}

/* scroll3 */
.scroll3{
    position: relative;
    background-color: #efefef;

}
.scroll3:before{
    content: "";
    position: absolute;
    top: 362px;
    left: 0;
    width: 100%;
    height: 350px;
    margin-top: 100px;
    background-color: #15b405;
}

.scroll3 .title-wrap{
    position: relative;
    text-align: center;
    z-index: 1;
}
.scroll3 .title-wrap:before{
    content: "";
    position: absolute;
    top: 30px;
    right: 110px;
    width: 311px;
    height: 354px;
    background: url("/assets/okems_3/ncoaching/consultingmain/img/scroll3_clover.png") no-repeat;
    z-index: -1;
}
.scroll3 .title-wrap .txt{
    padding-bottom: 15px;
}
.scroll3 .title-wrap p{
    font-size: 13px;
    color: #7e7e7e;
}

.scroll3 .content{
    position: relative;
    margin: 50px auto 0;
    width: 1180px;
    height: 592px;
    font-family: 'GmarketSans';
    letter-spacing: -1.5px;
    -webkit-box-shadow: 7px 2px 13px 0px rgba(113,119,112,0.42);
    box-shadow: 7px 2px 13px 0px rgba(113,119,112,0.42);
    z-index: 1;
}

.scroll3 .content .txt{
    position: absolute;
    top: 105px;
    font-size: 22px;
    text-align: center;
    line-height: 28px;
}
.scroll3 .content .txt.one{
    left: 90px;
}
.scroll3 .content .txt.two{
    right: 60px;
}

.scroll3 .content .txt span{
    color: #15b405;
    font-weight: 600;
}

.scroll3 .content .btn-wrap button{
    position: absolute;
    bottom: 46px;
    width: 330px;
    height: 60px;
    line-height: 66px;
    border-radius: 100px;
    font-family: 'GmarketSans';
    color: #fff;
    font-size: 24px;
    background: linear-gradient(#4fd20e,#15b405);
}
.scroll3 .content .btn-wrap button a{
    font-weight: 600;
    color: #fff;
}
.scroll3 .content .btn-wrap button:nth-child(1){
    left: 137px;
}
.scroll3 .content .btn-wrap button:nth-child(2){
    right: 102px;
}
.scroll3 .content .btn-wrap button:hover{
    background: linear-gradient(#15b405,#4fd20e);
}

.scroll3 .content .btn-wrap button:after{
    content: "";
    display: inline-block;
    width: 11px;
    height: 19px;
    margin-left: 5px;
    vertical-align: -2px;
    background: url("/assets/okems_3/ncoaching/consultingmain/img/scroll3_btn_arrow.png") no-repeat;
}

/* scroll4 */
.scroll4.scroll-box{
    padding-bottom: 0;
    background-color: #e7f8e6;
}

.scroll4 .title-wrap{
    position: relative;
    text-align: center;
    z-index: 1;
}
.scroll4 .title-wrap:before{
    content: "";
    position: absolute;
    top: 17px;
    right: 144px;
    width: 423px;
    height: 376px;
    background: url("/assets/okems_3/ncoaching/consultingmain/img/scroll4_arrow.png") no-repeat;
    z-index: -1;
}

.scroll4 .content{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 80px;
    font-family: 'GmarketSans';
    overflow: hidden;
    z-index: 1;
}

.scroll4 .box{
    position: relative;
    margin-top: 34px;
    width: 230px;
    height: 160px;
    padding-top: 75px;
    line-height: 36px;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 6px 5px 10px -1px rgba(113,119,112,0.4);
    box-shadow: 6px 5px 10px -1px rgba(113,119,112,0.4);
}
.scroll4 .box:after{
    content: "";
    position: absolute;
    top: -33px;
    left: 83px;
    width: 69px;
    height: 82px;
    color: #fff;
    background: url("/assets/okems_3/ncoaching/consultingmain/img/scroll4_step.png") no-repeat;
}

.scroll4 .box span{
    position: absolute;
    top: -18px;
    left: 96px;
    font-size: 26px;
    color: #fff;
    -webkit-text-shadow: 2px 9px 8px rgba(75,82,74,0.6);
    text-shadow: 2px 4px 6px rgba(75,82,74,0.6);
    z-index: 2;
}

.scroll4 .dot-line{
    margin: 44px 7px 0;
    width: 60px;
    height: 3px;
    background: url("/assets/okems_3/ncoaching/consultingmain/img/scroll4_dot.png") no-repeat;
}

.scroll4 .dot-line2{
    margin: 44px 7px 0;
    width: 60px;
    height: 15px;
    background: url("/assets/okems_3/ncoaching/consultingmain/img/scroll4_dot2.png") no-repeat;
}

.scroll4 .box.two{
    width: 340px;
    padding-top: 46px;
}
.scroll4 .two.box:after{
    left: 146px;
}

.scroll4 .box.two span{
    left: 158px;
}

.scroll4 .box.two p{
    font-size: 25px;
}

.scroll4 .box.two li{
    display: inline-block;
    margin: 5px 5px 0;
    width: 110px;
    height: 56px;
    line-height: 60px;
    border-radius: 30px;
    color: #15b405;
    border: 1px solid #15b405;
    background-color: #e7f8e6;
}

.scroll4 .box-s{
    width: 220px;
}

.scroll4 .clover{
    margin-top: 96px;
    width: 161px;
    height: 172px;
}
.scroll4 .clover .ani-move{
    position: absolute;
    top: -15px;
    right: 0;
    animation: move-clover ease-in-out 2s infinite;
}
@keyframes move-clover {
    0% {top: -15px;}
    50% {top: 15px;}
    100% {top: -15px;}
}

.scroll4 .content .scroll-on.active{
    opacity: 0;
    animation: step-left ease-out 1s;
    animation-fill-mode: forwards;
}

.scroll4 .content .scroll-on.active.move-step5, .scroll4 .content .scroll-on.active.move-step6, .scroll4 .content .scroll-on.active.move-step7 {
    margin-top: 100px;
}
.scroll4 .content .scroll-on.active.move-step4-2, .scroll4 .content .scroll-on.active.move-step5-1, .scroll4 .content .scroll-on.active.move-step6-1, .scroll4 .content .scroll-on.active.move-step7-1{
    margin-top: 102px;
}


.scroll4 .content .scroll-on.active.move-step1{
    opacity: 1;
}
.scroll4 .content .scroll-on.active.move-step1-1{
    animation-delay: 0.3s;
}
.scroll4 .content .scroll-on.active.move-step2{
    animation-delay: 0.6s;
}
.scroll4 .content .scroll-on.active.move-step2-1{
    animation-delay: 0.9s;
}
.scroll4 .content .scroll-on.active.move-step3{
    animation-delay: 1.2s;
}
.scroll4 .content .scroll-on.active.move-step3-1{
    animation-delay: 1.5s;
}
.scroll4 .content .scroll-on.active.move-step4{
    animation-delay: 1.8s;
}
.scroll4 .content .scroll-on.active.move-step4-1{
    animation-delay: 2.1s;
}
.scroll4 .content .scroll-on.active.move-step4-2{
    animation-delay: 2.4s;
}
.scroll4 .content .scroll-on.active.move-step5{
    animation-delay: 2.7s;
}
.scroll4 .content .scroll-on.active.move-step5-1{
    animation-delay: 3s;
}
.scroll4 .content .scroll-on.active.move-step6{
    animation-delay: 3.3s;
}
.scroll4 .content .scroll-on.active.move-step6-1{
    animation-delay: 3.6s;
}
.scroll4 .content .scroll-on.active.move-step7{
    animation-delay: 3.9s;
}
.scroll4 .content .scroll-on.active.move-step7-1{
    animation-delay: 4.2s;
}
.scroll4 .content .scroll-on.active.move-step8{
    animation-delay: 4.5s;
}

@keyframes step-left{
    0%{
        transform: translateX(-120px);
        opacity: 0;
    }

    100%{
        opacity: 1;
    }
}

/* scroll5 */
.scroll5{
    background-color: #15b405;
}

.scroll5 .title-wrap{
    text-align: center;
    color: #fff;
}
.scroll5 .title-wrap button{
    margin-bottom: 50px;
    width: 280px;
    border-radius: 1000px;
    background-color: #ffe035;
}
.scroll5 .title-wrap button:hover{
    background-color: #ffd235;
}
.scroll5 .title-wrap button a{
    display: block;
}

.scroll5 .box-wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 30px;
}
.scroll5 .box{
    position: relative;
    width: 286px;
    height: 276px;
    padding: 40px 24px 0 24px;
}

.scroll5 .box.step1 {background: url("/assets/okems_3/ncoaching/consultingmain/img/scroll5_box_step1.png") no-repeat;}
.scroll5 .box.step2 {background: url("/assets/okems_3/ncoaching/consultingmain/img/scroll5_box_step2.png") no-repeat;}
.scroll5 .box.step3 {background: url("/assets/okems_3/ncoaching/consultingmain/img/scroll5_box_step3.png") no-repeat;}
.scroll5 .box.step4 {background: url("/assets/okems_3/ncoaching/consultingmain/img/scroll5_box_step4.png") no-repeat;}

.scroll5 .box .box-title{
    margin-bottom: 2px;
    font-family: 'GmarketSans';
    font-size: 24px;
    font-weight: 600;
}

.scroll5 .box .box-txt {
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
}

.scroll5 .scroll-on.active {
    opacity: 0;
    animation: step-bottom ease-out 1s;
    animation-fill-mode: forwards;
}

.scroll5 .scroll-on.active.step1{
    opacity: 1;
}
.scroll5 .scroll-on.active.step2{
    animation-delay: 0.3s;
}
.scroll5 .scroll-on.active.step3{
    animation-delay: 0.6s;
}
.scroll5 .scroll-on.active.step4{
    animation-delay: 0.9s;
}

@keyframes step-bottom{
    0%{
        transform: translateY(80px);
        opacity: 0;
    }

    100%{
        opacity: 1;
    }
}

/* scroll6 */
.scroll6{
    position:relative;
    background-color: #fff;
}

.scroll6 .title-wrap{
    text-align: center;
    color: #000;
}

.content-charge{
    margin: 0 30px;
    padding: 50px 120px;
    border-radius:10px;
    background:#fff;
    box-shadow:0px 0px 20px rgba(60,60,60,0.17);
}

.content-charge .box-title{
    font-family: 'GmarketSans';
    font-size: 28px;
    font-weight: bold;
}

.content-charge .box-title i {
    margin-top: -6px;
}

.content-charge .box-title .example{
    background:#15b405;
    color:#fff;
    font-size:15px;
    padding:4px 16px;
    font-family: "Pretendard Variable", Pretendard;
    border-radius:15px;
    vertical-align:middle;
    margin-left:10px;
    cursor:pointer
}

.content-charge .box-title .example i {
    vertical-align: -1px;
}

.scroll6 .table-charge table{
    border-top: 1px solid #000;
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-top: 8px;
    margin-bottom: 20px
}

.scroll6 .table-charge table tr{
    line-height: 50px;
    border-bottom: 1px solid #dee2e6;
}

.scroll6 .table-charge table tr th{
    background:#f6f6f6;
    border-right:1px solid #dee2e6
}

.scroll6 .table-charge table tr td{
    border-right:1px solid #dee2e6
}

.scroll6 .table-charge table tr th:last-child, .scroll6 .table-charge table tr td:last-child{
    border-right:0
}

.content-charge .box-txt{
    font-size:16px;
}

.scroll6 .dim-layer{
    position:absolute;
    background:rgba(0,0,0,0.6);
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.scroll6 .modal .modal-content{
    width:740px;
    padding:46px 70px;
    text-align:center
}

.scroll6 .modal .title{
    font-size:22px;
    border-bottom:1px solid #bababa;
    font-weight:600;
    padding-bottom:10px
}

.scroll6 .modal-content .close{
    position:absolute;
    right:20px;
    top:25px;
}

.scroll6 .modal .sub-title{
    background:#15b405;
    color:#fff;
    font-size:18px;
    border-radius:15px;
    width:290px;
    margin:30px auto 10px;
}

.scroll6 .modal .sub-txt{
    font-size:18px;
    font-weight:500
}
body.modal-open {
    overflow: auto;
}

body.modal-open[style] {
    padding-right: 0px !important;
}

/* scroll7 */
.scroll7.scroll-box{
    padding-bottom: 80px;
    background-color: #effbee;
    height: auto;
    overflow: hidden;
}

.scroll7 .title-wrap{
    position: relative;
    text-align: center;
    z-index: 1;
}
.scroll7 .title-wrap:before{
    content: "";
    position: absolute;
    top: 58px;
    right: 330px;
    width: 506px;
    height: 113px;
    background: url("/assets/okems_3/ncoaching/consultingmain/img/scroll7_light_new.png") no-repeat;
    z-index: -1;
}
.scroll7 .review-content{
    padding: 40px 40px 24px;
    background-color: #fff;
    width: 1240px;
    margin: 0 auto;
    -webkit-box-shadow: 4px 3px 14px -5px rgba(37,37,37,0.2);
    box-shadow: 4px 3px 14px -5px rgba(37,37,37,0.2);
}

.scroll7 .inner .top_img{
    background: url(../img/scroll7_top_img.png) no-repeat center / 100%;
    width: 1400px; height: 559px; position: absolute; top: -115px;
}
.scroll7 .bottom_img{
    background: url(../img/scroll7_bottom_img.png) no-repeat center / 100%;
    width: 498px; height: 436px; position: absolute; bottom: -54px; left: -330px;
}


/* scroll7_낙찰후기_붙여넣기 시작 */
.s_content {
    width: 880px !important;
    border: 1px solid #dddfe5;
    background: #fff;
    padding: 20px;
}

.pagination ul > li > a.on {
    background: #c0c0c0;
    border-radius: 50%;
    color: #fff;
}

.lnb .title {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-top: 3px solid #4862c0;
    box-sizing: border-box;
    width: 240px;
    padding-top: 24px;
    padding-bottom: 18px;
    position: relative;
}

.lnb .title::before {
    content: "";
    background-image: url(/assets/okems_3/ncoaching/common/img/logo.png);
    background-repeat: no-repeat;
    background-size: 85px;
    position: absolute;
    top: 15px;
    left: 145px;
    right: 0px;
    bottom: 0px;
    opacity: 0.2;
}

.cont-wrap>.inner {
    overflow: unset !important;
}

.board_list_table td{
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-weight:500;
}

.contentsWrap {
    background:white;
}

/* real review */

.realreview{
    text-align: center;
}

.real_title p{
    font-size: 15px;
    color: #8f8f8f;
    margin-top: 10px;
}

.real_title{
    padding-top:20px;
    margin-bottom: 30px;
}

.bestreview{
    overflow: hidden;
    margin-bottom: 30px;
}

.bestreview>div:nth-child(1){
    padding-right: 5px;
}

.bestreview>div:nth-child(2){
    padding-right: 2.5px;
    padding-left: 2.5px;
}

button > .fa-chevron-right {
    margin-left: 7px;
    margin-top: -3px;
}

.bestreview>div:nth-child(3){
    padding-left: 5px;
}

.review_list{
    background: url(/assets/okems_3/community/board/img/realreview_bg.jpg);
    height: 260px;
    background-position: center center;
    border-radius: 5px;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: center;
}

.review_list .user{
    background: url(/assets/okems_3/community/board/img/review_user.png);
    width: 58px;
    height: 59px;
    margin: 0 auto;
    color: #ffffff;
    font-size: 16px;
    width: 60%;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 37px;
    margin-top: 25px;
    margin-bottom: 20px;
}

.review_list .user span{
    font-size: 18px;
    font-weight: 700;
}

.review_list .user span.t_color01{
    color: #8198ee;
}

.review_list .user span.t_color02{
    color: #d4ad69;
}

.review_list .user span.t_color03{
    color: #db814d;
}

.review_list .preview{
    font-size: 17px;
    color: #ffffff;
    width: 85%;
    background: rgba(48,53,75,0.6);
    border-radius: 40px;
    margin: 0 auto;
    padding: 17px 25px;
    font-weight: 300;
    letter-spacing: -0.5px;
    position: relative;
    min-height: 94px;
}

.review_list .preview a{
    width: 220px;
    font-size: 16px;
    line-height: 20px;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 0 auto;
    letter-spacing: -0.3px;
    color:#ffffff;
}

.preview .triangle{
    width: 0px;
    height: 0px;
    border-bottom: 10px solid rgba(48,53,75,0.6);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
}

.preview span{
    font-size: 30px;
    position: absolute;
}

.mark01{
    left: 30px;
    top: 10px;
}


.mark02{
    right: 30px;
    bottom: -3px;
}

.review_date{
    color: rgba(255,255,255,0.5);
    font-size: 15px;
    font-weight: 300;
    margin-top: 22px;
    display: block;
}

.best_link{
    color: #ffffff;
    font-size: 18px;
    border: 0;
    border-radius: 3px;
    width: 460px;
    height:50px;
    margin: 0 auto;
    background: #4862c0;
    background: -moz-linear-gradient(left, #4862c0 0%, #213a95 99%);
    background: -webkit-linear-gradient(left, #4862c0 0%,#213a95 99%);
    background: linear-gradient(to right, #4862c0 0%,#213a95 99%);
    margin-top: 30px;
    margin-bottom: 20px;
}

.best_link:hover{
    background: #4862c0;
    background: -moz-linear-gradient(left, #6983df 0%, #506dd4 99%);
    background: -webkit-linear-gradient(left ,#6983df 0%, #506dd4 99%);
    background: linear-gradient(to right, #6983df 0%, #506dd4 99%);
    transition: 0.2s;
}

.best_link i{
    font-size: 14px;
    color: rgba(255,255,255,0.7);
}

.table_tab{
    clear: both;
    margin-bottom:-1px;
    z-index:1;
}

.table_tab li{
    width: 130px;
    height: 44px;
    line-height: 43px;
    border: 1px solid #dfdfdf;
    float: left;
    text-align: center;
    cursor: pointer;
    background: #f3f3f3;
    margin-right:2px;
    box-sizing:content-box;
}

.table_tab li a{
    font-size: 15px;
    color: #848484;
    font-weight: 300;
    display: block;
}

.table_tab li.on{
    height:43px;
    background:#fff;
    border: 1px solid #dfdfdf;
    border-top: 2px solid #496ce9;
    border-bottom:1px solid #fff
}

.table_tab li.on a{
    color: #496ce9;
    font-weight: 600;
}

/* real review end */


.board-count{
    font-size:14px;
    color:#888;
    margin-bottom:6px;
}
.board-count span{
    color:#4862c0;
    font-weight:bold;
}

.board-count i{
    font-size:11px;
    margin-right:1px;
    margin-top:-2px;
}


.pagination {display: inline-block; padding-left: 0; border-radius:2px }
.pagination ul > li {display: inline;cursor:pointer; font-size: 18px;}
.pagination ul > li > a, .pagination ul > li span {
    float: left;
    background-color: #fff;
    border: 1px solid #fff;
    margin: 0 3px;
    padding-right: 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #838383;
}
.pagination ul > li > a:hover, .pagination ul > li span:hover{background:#838383; color: #fff;}
.pagination ul > li > a.active{background:#838383;color:#fff;border:1px solid #838383;}
.pagination ul > li span{background:#fff;}
.pagination ul > li span i{color:#999;}
.pagination ul > li .btnNext:hover{
    background: #fff; color: #838383;
}
.pagination ul > li .btnNext:active{background-color: #fff; color: #838383;}


.page_on{
    background: #253b8b;
    color: #ffffff;
    font-weight: bold;
}



.search_select{
    width: 125px;
    height: 40px;
    border: 1px solid #e3e3e3;
    font-size: 13px;
    color: #4f4f4f;
    padding: 0 10px;
    font-family: 'Nanum Gothic', sans-serif;
}


#keyword{
    width: 320px;
    height: 40px;
    border: solid #e3e3e3;
    border-width: 1px 1px 1px 0px;
    font-size: 13px;
    color: #4f4f4f;
    padding-left: 10px;
}

#category {
    width: 100px;
    height: 40px;
    border: solid #dee2e6;
    border-width: 1px 0 1px 1px;
    font-size: 16px;
    font-weight: 500;
    color: #4f4f4f;
    padding: 0 10px 0 0;
    font-family: 'pretendard', sans-serif;
    text-align: center;
}

#nbbs_cnt_company{
    margin-bottom:13px;
}

.input-group-append{
    border: 1px solid #dee2e6;
}
#search_btn{
    width: 38px;
    height: 38px;
    background: url(../img/search_icon.png) no-repeat center / 100%;
    border: none;
    outline: 0;

}

#search_btn button{
    outline: 0;
}

.top_banner_circle1 {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;

}
.top_banner_circle2 {
    position: absolute;
    top: 20px;
    right: 5px;
    cursor: pointer;

}
.top_banner_circle3 {
    position: absolute;
    top: 35px;
    right: 5px;
    cursor: pointer;

}
select
.bidPagingWrap ul > li > a, .bidPagingWrap ul > li span {
    position: relative;
    float: left;
    background-color: #f7f7f7;
    border: 1px solid #e2e2e2;
    margin-left: -1px;
    padding: 6px 12px;
    border-radius: 3px;
    margin-right: 3px;
}

#after_list_search_frm {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.search {
    width: 100%;
    background: #ffffff00;
    display: block;
    text-align: center;
    display: flex;
    justify-content: center;

    padding: 30px 0;
}

.search .arrow{
    position: absolute; top: 27px; left: 363px;  z-index: 0; display: block;
}


.tbSearchWrap{text-align:center;}
.tbSearchWrap ul{display:inline-block;width:340px;}
.tbSearchWrap li{display:inline-block;padding:0 1px 3px 1px;float:left}


.depthWrap{background:#fafafa; padding:6px 21px 39px 21px;}


/* .adminWrap{} */
.adminWrap p.portrait{width:70px; height:70px; background:url(/assets/okems/ncoaching/review/imgs/portrait.png) no-repeat; float:right; margin-left:21px;}
.adminWrap .txtWrap{float:right;}
.adminWrap .txtWrap span.date{display:inline-block; margin-right:8px; font-size:11px; color:#929292;}
.adminWrap .txtWrap .txt{width:488px; background:#fff8e1; border:1px solid #ffecb3; position:relative; border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:17px 20px 15px 20px;}
.adminWrap .txtWrap .txt img.pick{position:absolute; top:9px; right:-12px;}
.adminWrap .txtWrap p{margin-bottom: 0;}
.adminWrap .txtWrap .txt p{line-height:24px;}



.userWrap{margin-bottom:45px;}
.userWrap p.portrait{
    width:70px; height:73px; background:url(/assets/okems/ncoaching/review/imgs/circle.png) no-repeat;
    font-family:'Noto Sans Korean'; font-size:18px; text-align:center; padding:15px; float:left; margin-right:21px;
}
.userWrap p.portrait2{
    width:70px; height:45px; background:url(/ci_home/bidcoaching/assets/coaching/review/imgs/portrait.png) no-repeat;
    font-family:'Noto Sans Korean'; font-size:18px; text-align:center; padding-top:25px; float:left; margin-right:21px;
}
.userWrap .txtWrap{float:left;}
.userWrap .txtWrap span.date{display:inline-block; margin-left:8px; font-size:11px; color:#929292;}
.userWrap .txtWrap .txt{width:488px; background:#ffffff; border:1px solid #e0e0e0; position:relative; border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:17px 20px 35px 20px;}
.userWrap .txtWrap .txt img.pick{position:absolute; top:9px; left:-12px;}
.userWrap .txtWrap p{margin-bottom: 0;}
.userWrap .txtWrap .txt p{line-height:24px;}


span.soul, span.cong{padding:3px 0 3px 20px;}
span.soul{background:url(/assets/okems/ncoaching/review/imgs/ico_1.png) no-repeat;background-position-y: center;}
span.cong{background:url(/assets/okems/ncoaching/review/imgs/ico_2.png) no-repeat;background-position-y: center;}
span.soul a, span.cong a{color:#010101;}
span.soul a:hover, span.cong a:hover{text-decoration:underline; color:#010101 !important;}

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

div.al_right{position:absolute; bottom:6px; right:20px;}


.r_banner {
    float:left;
    width:260px;
    background: url(/assets/okems/ncoaching/review/imgs/r_banner_bg.png) no-repeat;
    height:150px;

}

.r_banner>.title {
    padding-top: 10px;
    color: white;
    font-size: 13px;
    text-align: center;
}

.r_banner>.title span {
    font-weight: bold;
    color: #ffce0a;
    font-size: 18px;
}

.r_banner>.content {
    line-height:10px;
    padding-left:45px;
    padding-top:30px;
}

.r_banner>.content .num {
    font-size: 21px;
}

.r_banner>.content .num strong {
    font-size: 20px;
    color: #3793e9;
    word-spacing: -2px;
}

.r_banner>.content .nbbs_cnt_font_resize {
    font-size: 29px;
}



select {
    font-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../img/black_arrow.png") #fff 88% 50% no-repeat;
    padding-left: 4px;
    background-size: 12%;
}



.sticky-wrap {
    position: sticky;
    top: 100px;
    margin-left: 20px;
    width: 210px;
    background: white;
    padding:10px;
}

.top_banner_circle1 {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;

}
.top_banner_circle2 {
    position: absolute;
    top: 20px;
    right: 5px;
    cursor: pointer;

}
.top_banner_circle3 {
    position: absolute;
    top: 35px;
    right: 5px;
    cursor: pointer;

}

.partContent {

    width: 100%;

}
.r_banner {
    float:left;
    width:260px;
    background: url(/assets/okems/ncoaching/review/imgs/r_banner_bg.png) no-repeat;
    height:150px;

}

.r_banner>.title {
    padding-top: 10px;
    color: white;
    font-size: 13px;
    text-align: center;
}

.r_banner>.title span {
    font-weight: bold;
    color: #ffce0a;
    font-size: 18px;
}

.r_banner>.content .num {
    font-size: 21px;
}

.r_banner>.content .num strong {
    font-size: 20px;
    color: #3793e9;
    word-spacing: -2px;
}

.r_banner>.content .nbbs_cnt_font_resize {
    font-size: 29px;
}

.r_banner p {
    font-family: "malgun", dotum, "�룍��", gulim, "援대┝", verdana, serif;
    letter-spacing: -1px;
}

table.postscriptList{border-top:2px solid #b3bede; width:100%; font-size: 13px;}
table.postscriptList tr.notice td{background:#fafafa;}
table.postscriptList tr:hover{background:#eff1fd;}
table.postscriptList th{padding:9px 0 5px 0;background:#eff1fd;border-bottom:1px solid #b3bede;border-left:1px solid #b3bede; color:#5c6bc0;text-align:center;}
table.postscriptList th:first-child{border-left:none; border-left:none;}
table.postscriptList td{padding:5px 0px 1px 8px;border-bottom:1px solid #e0e0e0; text-align:center; color:#333333; height:32px; font-size: 13px;}
table.postscriptList td.al_left{text-align:left;}
table.postscriptList td span.comment{margin-left:5px; color:#ea6a00; font-size:11px;}
table.postscriptList tr.depth td{padding:0; height:12px; text-align:left;}
table.postscriptList tr.on td{border-bottom:none;}

.tbSearchWrap{text-align:center;}
.tbSearchWrap ul{display:inline-block;width:340px;}
.tbSearchWrap li{display:inline-block;padding:0 1px 3px 1px;float:left;}

.depthWrap{background:#fafafa; padding:6px 21px 39px 21px;}

/* .adminWrap{} */
.adminWrap p.portrait{width:70px; height:70px; background:url(/assets/okems/ncoaching/review/imgs/portrait.png) no-repeat; float:right; margin-left:21px;}
.adminWrap .txtWrap{float:right;}
.adminWrap .txtWrap span.date{display:inline-block; margin-right:8px; font-size:11px; color:#929292;}
.adminWrap .txtWrap .txt{width:488px; background:#fff8e1; border:1px solid #ffecb3; position:relative; border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:17px 20px 15px 20px;}
.adminWrap .txtWrap .txt img.pick{position:absolute; top:9px; right:-12px;}
.adminWrap .txtWrap p{margin-bottom: 0;}
.adminWrap .txtWrap .txt p{line-height:24px;}

.userWrap{margin-bottom:45px;}
.userWrap .txtWrap{float:left;}
.userWrap .txtWrap span.date{display:inline-block; margin-left:8px; font-size:11px; color:#929292;}
.userWrap .txtWrap .txt{width:488px; background:#ffffff; border:1px solid #e0e0e0; position:relative; border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:17px 20px 35px 20px;}
.userWrap .txtWrap .txt img.pick{position:absolute; top:9px; left:-12px;}
.userWrap .txtWrap p{margin-bottom: 0;}
.userWrap .txtWrap .txt p{line-height:24px;}

span.soul, span.cong{padding:3px 0 3px 20px;}
span.soul{background:url(/assets/okems/ncoaching/review/imgs/ico_1.png) no-repeat;background-position-y: center;}
span.cong{background:url(/assets/okems/ncoaching/review/imgs/ico_2.png) no-repeat;background-position-y: center;}
span.soul a, span.cong a{color:#010101;}
span.soul a:hover, span.cong a:hover{text-decoration:underline; color:#010101 !important;}

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

div.al_right{position:absolute; bottom:6px; right:20px;}

/*�삤瑜몄そ 諛곕꼫 �떎�뱾怨� �뙐寃⑥빞�븷爰�*/
#freeconcounsel_wrap{width: 190px; height: 208px; background-color: #f1f1f1;}
#freeconcounsel_hd{width: 190px; height: 60px;}
#freeconcounsel_hd img{width: 133px; margin: 0 auto; display: block; padding-top: 26px;}
#freeconcounsel_con span{color: #3c3c3c;}
#freeconcounsel_con p{text-align: center; padding-top: 16px;}
#freeconcounsel_con p input{vertical-align: baseline;}
#freeconcounsel_con .freeconcounsel_box{padding: 0 0 4px 10px;}
#freeconcounsel_ft .btn_freeconcounsel{width: 72px; height: 25px; background-color: #9b9c9c; margin: 0 auto; border-radius: 3px; cursor: pointer;}
#freeconcounsel_ft .btn_freeconcounsel p{text-align: center; color: #fff; line-height: 25px;}
#freeconcounsel_wrap input{border: 1px solid #dcdcdc;}


/*�썙�겕�꺏 怨듭� �젅�씠�뼱*/
.work_shop_layer_title {
    font-size: 27px;
    letter-spacing: -0.25px;
    font-family: 'Malgun Gothic';
    font-weight: bold;
}

.work_shop_layer_content {
    font-size: 15px;
    letter-spacing: -0.75px;
    padding-top: 65px;
    font-family: 'Malgun Gothic';
}

.bolder_font {

    font-weight: bold;
}

/* 낙찰코칭 리뉴얼로 추가 2023-07-27 */
/* 메인 컨텐츠 */
.main-contents {
    font-family: inherit;
}
.top-contents {
    text-align: center;
    padding-top: 45px;
    background:url(/assets/okems_3/ncoaching/common/img/back_img.jpg) 0 0 no-repeat;
    width:1098px;
    height: 620px;
}
.banner-wrap {
    background:url(/assets/okems_3/ncoaching/common/img/main_img2.png) 0 0 no-repeat;
    margin:25px auto;
    width:779px;
    height: 137px;
}
.banner-count {
    padding:17px 100px;
    display: flex;
    position: relative;
}
.banner-count:after {
    content: "";
    position: absolute;
    top:27px;
    left:360px;
    background: #fff;
    width:1px;
    height: 60px;

}
.list-count .t1, .N-count .t1 {
    color:#fff;
    font-size: 20px;
}
.list-count .c1, .N-count .c1 {
    color:#fff200;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: -0.5px;
}
.N-count .c2 {
    color:#fff;
    font-size: 22px;
    letter-spacing: -0.5px;
    position:relative;
    top:-2px;
    left:-5px;
}
.list-count {
    width:45%;
}
.N-count {
    width:55%;
}

/* 낙찰건수 */

#ticker {
    float: left;
    width: 100%;
}

.sch-word {
    height: 47px;
    overflow: hidden;
    width: 100%;
    float: left;
}

.sch-word ul,
.sch-word li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sch-word li a {
    font-family: "Noto Sans KR", sans-serif;
    display: block;
    height: 47px;
    line-height: 47px;
    text-decoration: none;
}






/* 영상후기 */
.best-media-wrap {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 1098px;
}
.media-text {
    color:#fff;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.5px;
    padding-top:3px;
}
.media-text:after {
    content: "";
    position: absolute;
    top:-3px;
    left:50%;
    width:123px;
    height: 1px;
    background: #fff;
    transform: translateX(-50%);
}
.media-text2 {
    color:#fff;
    font-size: 18px;
    letter-spacing: -0.5px;
    display: block;
    margin-top: 5px;
}
.media-section {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}
.media-section ul li {
    float: left;
}
.media-section ul li:nth-child(2) {
    margin: 0 20px;
}

.media-box {
    width:315px;
    height: 176px;
    border-radius:3px;
    overflow: hidden;
    position: relative;
    background: #fff;
}
.media-box img {
    height: auto;
    width: 100%;
    position: relative;
    top: -30px;
}
.best-thum {
    position: relative;
}
.best-thum:hover .media-box {
    -webkit-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.16);
    transition: 0.2s;
}
.best-thum:hover .media-box::before {
    content: "";
    position: absolute;
    top:0;
    left:0;
    right: 0;
    bottom:0;
    border:5px solid #4bb469;
    transition: 0.2s;
    z-index: 111;
}

.media-box:after {
    content: "";
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    background: url(/assets/okems_3/ncoaching/common/img/play-icon.png) 0 0 no-repeat;
    width:64px;
    height: 64px;
}
.media-txt {
    font-size: 18px;
    letter-spacing: -0.5px;
    margin-top: 5px;
    font-weight: 400;
}


/* 게시판 */

.list-contents {
    position: relative;
    z-index: 2;
}

.list-more {
    padding:20px 27px !important;
    background: #f9f9f9;
}

/* 유저 후기 */

.user-wrap {
    display: flex;
}
.user-wrap .user-p {
    font-size: 15px;
    font-weight: bold;
    border:1px solid #e0e0e0;
    border-radius: 50%;
    width:70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background:#fff;
}
.user-text {
    padding-left:35px;
    line-height: 21px;
}
.user-text .t1 {
    font-weight: bold;
}
.user-text .t2 {
    color: #a4a4a4;
    font-weight: 400;
    margin-left: 10px;
}
.user-text-s {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    padding: 20px 20px 10px 20px;
    margin-top: 10px;
    position: relative;
}
.user-text-s:after {
    content: "";
    position: absolute;
    top:7px;
    left:-12px;
    background: url("/assets/okems_3/ncoaching/consultingmain/img/user-arrow.png") no-repeat;
    width:12px;
    height: 10px;
}
.user-text-s p {
    width:520px;
    color: #222;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.5px;
}
.b-btn-wrap {
    display: block;
    text-align: center;
    margin-top: 30px;
}
.b-btn-wrap button {
    padding: 7px 15px 5px 10px;
    border: 1px solid #d0d0d0;
    border-radius: 100px;
    font-size: 16px;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500;
}
.b-btn-wrap button img {
    position: relative;
    top:-1px;
    left:-2px;
}
.b-btn-wrap button:hover {
    opacity: 0.8;
}
.b-btn-wrap .g-btn {
    margin-right: 10px;
}
.b-btn-wrap .g-btn span {
    color:#0090ff;
    font-weight: bold;
    padding-left: 5px;
}
.b-btn-wrap .c-btn {

}
.b-btn-wrap .c-btn span {
    color:#76ad17;
    font-weight: bold;
    padding-left: 5px;
}

/* 운영자답변 */

.N-wrap {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 20px;
}
.N-wrap .N-p {
    font-size: 15px;
    font-weight: bold;
    border:1px solid #e0e0e0;
    border-radius: 50%;
    width:70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    background:#fff;
}
.N-wrap .N-p img {
    position: relative;
    left:-1px;
}
.N-text {
    padding-right:35px;
    line-height: 21px;
}
.N-text .t0 {
    display: block;
    text-align: right;
}
.N-text .t1 {
    font-weight: bold;
    margin-left: 10px;
}
.N-text .t2 {
    color: #a4a4a4;
    font-weight: 400;

}
.N-text-s {
    background: #effbee;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    padding:20px;
    margin-top: 10px;
    position: relative;
}
.N-text-s:after {
    content: "";
    position: absolute;
    top:7px;
    right:-12px;
    background: url("/assets/okems_3/ncoaching/consultingmain/img/N-arrow.png") no-repeat;
    width:12px;
    height: 10px;
    font-weight: 500;
}
.N-text-s p {
    width:520px;
    color: #222;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.5px;
}

/* 240318_25년 한전단가 모집 시작_조정은 */
.hj-side-banner{
    cursor: pointer;
    position: fixed;
    top:260px;
    margin-left:1139.3px;
    text-align: initial;
}
/* 240318_25년 한전단가 모집 끝_조정은 */
/**----------------------------------붙여넣기 끝끝--------------------------------**/
/**붙여넣기 시작**/
/* board list */

.th-blue th {
    font-size: 16px;
    font-weight: 500;
    font-weight: 600;
    color: #333 !important;
}

.blue-line {
    border-top: 1px solid #ccc !important;
}

.board_list_table {
    width: 100%;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    color: #4b4b4b;
}

.board_list_table th {
    padding: 10px 0;
    background: #f9f9f9;
}

.board_list_table td {
    font-size: 16px;
    font-weight: 500;
    padding: 10px 0;
}

.board_list_table .title01 {
    color: #253b8b;
    font-weight: 600;
    text-align: center;
}

.board_list_table .notice {
    font-weight: 400;
}

.board_list_table .title02 {
    color: #666;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
}

.board_list_table .number {
    width: 8%;
    text-align: center;
    color: #838383;
}

.board_list_table .best {
    display: inline-block;
    background: #617ee7;
    color: #ffffff;
    width: 41px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    font-size: 13px;
    margin-top: 8px;
}

.board_list_table .post img {
    vertical-align: middle;
    margin-top: -2px;
}

.board_list_table .post a {
    min-width: 25px;
    display: inline-block;
    font-weight: 400;
}

.board_list_table .post a:hover {
    color: #858585;
}

.post_icon {
    margin-right: 2px;
}

.board_list_table .post {
    width: 36%;
    padding-left: 20px;
}
.board_list_table .gi {
    color: #0090ff;
    font-weight: 400;
    text-align: center;
    width: 11%;
}
.board_list_table .cong {
    color: #76ad17;
    font-weight: 400;
    text-align: center;
    width: 12%;
}
.blue-line.img img {
    position: relative;
    top:-2px;
    left: -2px;
}

.board_list_table .username {
    width: 13%;
    text-align: center;
    color: #7b7b7b;
    font-weight: 400;
}

.board_list_table .date {
    width: 10%;
    text-align: center;
    color: #a4a4a4;
}

.board_list_table .hits {
    width: 7%;
    text-align: center;
    color: #a4a4a4;
}

.comment{
    font-size: 14px;
    color: #15b405;
    font-weight: bold;
}
/**----------------------------------붙여넣기 끝끝--------------------------------**/

/* scroll8 */
.scroll8{
    padding-top: 80px;
    font-family: "Pretendard Variable", Pretendard;
    background-color: #f4f4f4;
}
.scroll8 .tab{
    margin: 0 auto;
    width: 95%;
}
.scroll8 .tab > ul{
    display: flex;
    justify-content: space-between;
}
.scroll8 .tab > ul li{
    width: 33.3333%;
    height: 100px;
    text-align: center;
}
.scroll8 .tab > ul li a{
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 18px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    color: #bcbcbc;
    cursor: pointer;
    background-color: #fff;
}
.scroll8 .tab > ul li a p{
    margin-bottom: -5px;
    font-size: 20px;
}

.scroll8 .tab > ul li a strong{
    font-size: 38px;
    font-family: 'GmarketSans';
}

.scroll8 .tab > ul li a.active, .scroll8 .tab > ul li a:hover {
    color: #fff;
    background-color: #15b405;
}


.scroll8 .tab-content {
    padding: 40px;
    width: 100%;
    background-color: #15b405;
}

.scroll8 .tab-content .box{
    position: relative;
    /* height: 1290px; */
    padding: 30px;
    background-color: #fff;
    -webkit-box-shadow: 6px 3px 7px -1px rgba(37,37,37,0.3);
    box-shadow: 6px 3px 7px -1px rgba(37,37,37,0.3);
}

.main-section {
    background: #f3faf5;
}

/* scoroll8_분석력 진단 */
.sample-wrap {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    background: #000;
    z-index: 3;
    opacity: 0.8;
}
.sample-con {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 530px;
    height: 530px;
    padding-top: 70px;
    text-align: center;
    border-radius: 600px;
    background-color: #e8ffe6;
    z-index: 1000;
}
.sample-con img{
    margin-left: 20px;
    width: 57%;
}
.sample-con .text {
    margin: 30px 0 30px;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
}

.main-wrap .top {
    height: 120px;
    background: url("/assets/okems_3/ncoaching/consultingmain/img/scroll8_report_top.png") no-repeat bottom;
}
.main-wrap .top span {
    display: block;
    padding-left: 50px;
    padding-top: 18px;
    font-size: 40px;
    font-weight: bold;
    color:#fff;
    font-family: 'GmarketSans';
}
.main-wrap .bottom {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: 100%;
    height: 54px;
    background: url("/assets/okems_3/ncoaching/consultingmain/img/scroll8_report_bottom.png") no-repeat;
}
.main-con {
    padding:0 50px;
    font-weight: 500;
}
.main-con .top-title {
    font-size: 18px;
    font-weight: bold;
    position: relative;
}
.main-con .top-title:after {
    content: "";
    position: absolute;
    top:-8px;
    left:0;
    height: 3px;
    width:48px;
    background: #4bb469;
}
.t-title-wrap {
    display: flex;
    border-bottom:1px solid #e1e1e1;
    margin: 20px 0 30px 0;
    justify-content: space-between;
    padding-bottom: 8px;
}
.t-title-wrap .left-select {
    display: inline-block;
    letter-spacing: -0.3px;
}

.t-title-wrap .left-select select::-ms-expand {
    display: none;
}

.t-title-wrap .left-select select {
    font-size: 16px;
    font-weight: bold;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.t-title-wrap .left-select .form-control {
    padding: .375rem 2.7em .375rem .75rem;
}
.t-title-wrap .left-select .form-control:focus {
    border: 1px solid #ced4da;
    box-shadow: none;
}

.t-title-wrap .left-select select.n-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.t-title-wrap .left-select select.n-arrow::-ms-expand {
    display: none !important;
}

.t-title-wrap .left-select select {
    background: url('../img/black_arrow.png')#fff 92% 50% no-repeat;
}
.company-name {
    font-size: 24px;
    font-weight: bold;
}
.print-btn {
    color:#666666;
    font-size: 14px;
    font-family: 'Noto Sans KR', sans-serif;
    border:1px solid #666666;
    border-radius: 3px;
    padding: 0 15px 0 17px;
}
.print-btn:hover {
    opacity: 0.8;
}
.print-btn i {
    position: relative;
    top:-1px;
    left:-2px;
}

.con-table-wrap .m-title{
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
}

#tab1 .sec-01 {
    display: flex;
    margin-bottom: 40px;
}
.table-01 {
    width: 420px;
    font-size: 16px;
}
.table-01:last-child {
    margin-left: 45px;
}

.table-01 table {
    border-top:1px solid #000;
}
.table-01 table th {
    background: #f6f6f6;
    font-weight: 500;
    padding: 10px 20px;
    width:165px;
    border-bottom:1px solid #dee2e6;
}
.table-01 table td {
    padding: 10px 20px;
    width:300px;
    border-bottom:1px solid #dee2e6;
}
.table-01 table .green {
    color: #fff;
    background: #15b405;
}
.table-01 table .green2 {
    color:#15b405;
}

#tab1 .sec-02 {
    display: flex;
    margin-bottom: 40px;
}
#tab1 .sec-02 .sec {
    display: flex;
}
#tab1 .sec-02 .sec .icon {
    display: block;
    font-size: 32px;
    line-height: 103px;
    padding: 0 30px;
}

.table-02 {
    font-size: 16px;
}
.table-02 table {
    border-top:1px solid #000;
    text-align: center;
}
.table-02 table th {
    background: #f6f6f6;
    font-weight: 500;
    padding: 10px 20px;
    width:170px;
    border-bottom:1px solid #dee2e6;
}
.table-02 table td {
    padding: 10px 20px;
    border-bottom:1px solid #dee2e6;
}
.table-02 table td span{
    color: #212529;
}

.text-wrap {
    padding-left: 45px;
    padding-top:32px;
}
.text-wrap .text-t {
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
}
.text-wrap .text-t span{
    color: #15b405;
}
.text-wrap .text-c {
    font-size: 16px;
    line-height: 20px;
    margin-top: 15px;
    width:460px;
}

#tab1 .sec-03 {
    display: flex;
    margin-bottom: 40px;
}
#tab1 .sec-03 .sec {
    border:1px solid #000;
    width:420px;
    height: 110px;
}
#tab1 .sec-03 .sec .sec-result {
    display: block;
    font-size: 18px;
    color: #15b405;
    text-align: center;
    line-height: 110px;
    font-weight: 500;
}
#tab1 .sec-04 {
    display: flex;
    margin-bottom: 60px;
}
#tab1 .sec-04 .sec {
    border:1px solid #000;
    width:420px;
    height: 110px;
}
#tab1 .sec-04 .sec .sec-result {
    font-size: 22px;
    text-align: center;
    display: block;
    line-height: 110px;
    font-weight: 400;
}
.bottom-sec {
    text-align: center;
    margin-top: 90px;
}

.bottom-sec .num {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #4bb469;
    margin-top: 10px;
}

.bp-bor{
    margin: 0 auto;
    width: 254px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    border-radius: 100px;
    background-color: #15b405;
}
.bp-bor:hover{
    background-color: #11a103;
}

.bp-bor i {
    display: inline-block;
    margin-left: 5px;
    width: 20px;
    height: 18px;
    vertical-align: 0;
    background: url(/assets/okems_3/ncoaching/consultingmain/img/scroll8_btn_arrow.png) no-repeat;
}

/* scoroll8_투찰 공고 진단 */
.sample-wrap {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    background: #000;
    z-index: 2;
    opacity: 0.8;
}
.sample-con .text .y-t {
    font-weight: bold;
    color: #fff200;
}

.main-con {
    padding:0 50px;
}
.main-con .top-title {
    font-size: 18px;
    font-weight: bold;
    position: relative;
}
.main-con .top-title:after {
    content: "";
    position: absolute;
    top:-8px;
    left:0;
    height: 3px;
    width:48px;
    background: #4bb469;
}
.company-name {
    font-size: 24px;
    font-weight: bold;
}

.year-date {
    font-size: 18px;
    font-weight: 500;
    margin-left: 10px;
}
.print-btn {
    color:#666666;
    font-size: 14px;
    font-family: 'Noto Sans KR', sans-serif;
    border:1px solid #666666;
    border-radius: 3px;
    padding: 0 15px 0 17px;
}
.print-btn:hover {
    opacity: 0.8;
}
.print-btn i {
    position: relative;
    top:-1px;
    left:-2px;
}



/* 투찰 공고 진단_섹션 1 - 최근 1년 발주 공고건수 */

.sec-01 {
    margin-bottom: 50px;
}

.sec-back {
    position: relative;
    padding: 7px;
    background: #f9f9f9;
}


/* 그래프 커스텀 */
.label-txt {
    /* color:white; */
    position: relative;
    top:-20px;
    color: #fff;
    background: #15b405;
    border-radius: 50px;
    padding: 1px 13px 3px 13px;
    font-weight: 600;
}
.label-txt:after {
    content: "";
    position: absolute;
    bottom:-8px;
    left:50%;
    transform: translateX(-50%);
    display: block;
    width: 0px;
    height: 0px;
    border-left:5px solid transparent;
    border-right: 5px solid transparent;
    border-top:8px solid #15b405;
}

.label-txt2 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
}

.testclass2 {
    font-size: 18px;
    font-family: "Pretendard Variable", Pretendard;
    font-weight: 600;
}
.label-txt3 {
    position: relative;
}
.label-txt3:after {
    content: "";
    position: absolute;
    top:0;
    left: 0;
    display: block;
    width:200px;
    height: 200px;
    background: red;
}

/* 그래프 커스텀 끝 */


/* 결과 말풍선 */

.result-wrap {
    position: absolute;
    top:30px;
    right:300px;
    opacity: 0;
    animation:motion 1s 1s forwards;
}

@keyframes motion {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.result-wrap:after {
    content: "";
    position: absolute;
    bottom:-8px;
    left:50%;
    transform: translateX(-50%);
    display: block;
    width: 0px;
    height: 0px;
    border-left:5px solid transparent;
    border-right: 5px solid transparent;
    border-top:8px solid #fff;
}
.result-wrap .result-txt {
    text-align: center;
    margin-top: 20px;
    background: #fff;
    padding: 10px 20px 13px;
    color: #000;
    border-radius: 100px;
    -webkit-box-shadow: -1px 2px 11px -1px rgba(37,37,37,0.2);
    box-shadow: -1px 2px 11px -1px rgba(37,37,37,0.2);
}
.result-wrap .result-txt span {
    display: inline-block;
}
.result-wrap .result-txt .t-01 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: -5px;
}

.result-wrap .result-txt .t-02 {
    font-size: 18px;
}

/* 결과 말풍선 끝 */

/* 투찰 공고 진단_섹션 1 - 최근 1년 발주 공고건수 끝 */


/* 투찰 공고 진단_섹션 2 - 진단결과 */
.m-title.y-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.year-date {
    font-size: 14px;
    color: #666;
}

.sec-back.wrap02 {
    padding: 25px;
    border:1px solid #aaa;
    text-align: center;
}

.sec-02 .txt01 {
    font-size: 20px;
    font-weight: bold;
}
.sec-02 .txt02 {
    font-size: 16px;
    font-weight: 500;
}
.sec-02 .img-wrap {
    display: flex;
    justify-content: center;
}

.sec-02 .img-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 15px 25px 15px 45px;
    width:250px;
}
.sec-02 .img-box img {
    object-fit: contain;
}
.sec-02 .txt {
    font-size: 26px;
    font-weight: bold;
    position: relative;
    z-index: 1;
}
.sec-02 .txt:after {
    content: "";
    position: absolute;
    top: 25px;
    left: -10px;
    right: -10px;
    height: 10px;
    background: #fff200;
    z-index: -1;
}
.sec-02 .txt span{
    color: #15b405;
}
/* 투찰 공고 진단_섹션 2 - 진단결과 끝*/



/* 투찰 공고 진단_섹션 3 - 텍스트 */

#tab2 .sec-03 {
    padding: 40px 0 15px;
    text-align: center;
}
.sec-03 .m-title{
    text-align: left;
}
.sec-03 .txt01 {
    position: relative;
    font-size: 17px;
    font-weight: 500;
}
.txt-01 {
    display: block;
    margin-bottom: 30px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    line-height: 32px;
}
.txt-01 span{color: #15b405;}
.txt-02 {
    display: block;
    text-align: center;
    font-weight: 500;
    margin-top: 20px;
}

/* 투찰 공고 진단_섹션 3 - 텍스트 끝  */

/* scroll8_가입 가능여부 */
#tab3 .box{
    height: 980px;
}
.selectBox2{
    margin: 0 auto;
    width: 360px;
    padding: 20px 20px 15px 20px;
    border-radius: 100px;
    text-align: center;
    max-height: 70px;
    background: url(/assets/okems_3/ncoaching/consultingmain/img/scroll8_select_arrow.png) no-repeat 90% 52%/auto;
    background-color: #fff;
}
.selectBox2 .label{
    width: 320px;
    padding-right: 30px;
    color: #000;
    text-align: center;
    font-size: 28px;
    font-family: GmarketSans;
    font-weight: 600;
}

.selectBox2 .optionList{
    width: 320px;
    top: 60px;
    right: 20px;
    font-size: 20px;
    font-family: GmarketSans;
}

.top-title{
    display: block;
    border-bottom: none;
}

.top-title .txt{
    margin: 10px 0 10px 0;
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.top-title .txt:after{
    display: none;
}

.map-wrap{
    width: 735px;
}

.table-wrap .m-title{
    padding-bottom: 5px;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
}

.option-wrap{
    padding: 30px 0 0 140px;
}
.option-wrap .txt2{
    font-size: 15px;
    font-weight: 500;
}
.m-title:after{
    display: none;
}

.selectBox2 .optionItem{
    padding: 11px 15px 5px;
}
.selectBox2 .optionItem:hover{
    background: #e7f8e6;
}

/* 하단_띠배너 */

/* fiexd된 띠 배너에 가려진 요소 보여지도록 html 하단 마진 */
html {
    margin-bottom: 50px;
}

#band_banner a{
    text-decoration: none;
}

#band_banner li{
    list-style: none;
}

#band_banner{
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 80px;
    margin: 0 auto;
    background: #15b405;
    max-height: 80px;
    z-index: 1100;
}
#band_banner .content{
    width: 1240px; height: 80px; margin: 0 auto; display: flex; position: relative;
}
/**낙찰코칭서비스 로고 이미지**/
#band_banner .content .bid_coach_img_right{
    position: absolute; right: -19px;
    width: 80px; height: 80px;z-index: 0;
    background: url(../img/bid_coach_logo_right.png) no-repeat center;

}
#band_banner .content .bid_coach_img_left{
    position: absolute;  left: -42px;
    width: 222px; height: 80px;z-index: 0;
    background: url(../img/bid_coach_logo_left.png) no-repeat center;

}


/**글자**/
#band_banner .content .ft_comment{
    width: 212px; height: 60px; margin: 10px 0 10px 103px; position: absolute;
    z-index: 2;
}

#band_banner .content .ft_comment ul{
    width: 212px; height: 56px; margin: 0px auto; padding: 0;
}

#band_banner .content .ft_comment ul li{
    list-style: none; font-family: GmarketSans; font-weight: 700; font-size: 31px; line-height: 32px; color: #fff;
}

#band_banner .content .trophy_img{
    position: absolute; bottom: 0px; left: 292px;
    width: 147px; height: 101px;
    background: url(../img/banner_trophy.png) no-repeat center/ 100%;
}

/**버튼**/
#band_banner .content .btn{
    width: 224px; height: 64px;
    position: absolute; background: #ffe035;
    border-radius: 32px; right: 104px; top: 8px;
    font-family: GmarketSans; font-weight: 700; text-align: center; color: #000; font-size: 22px; line-height: 58px;
    margin: 0 0 0 0;
}
#band_banner .content .btn img{
    background: url(../img/banner_arrow.png)#ffe035 no-repeat center / 100%;
    width: 9px; height: 14px;
    border: none;
}

/**정보**/
#band_banner .content .ft_info{
    width: 410px; height: 80px; margin: 0px 0 0px 482px; padding-top: 8px; position: absolute;
}
#band_banner .content .ft_info ul{
    margin: 0; padding: 0;
}


#band_banner .content .ft_info .input-box{
    display: flex;
}
/****input****/
#band_banner .content .ft_info .input-box input{
    width: 160px;
    height: 45px;
    padding: 10px;
    border: none;
    font-size: 16px;
    font-family: "Noto Sans KR", sans-serif;
    letter-spacing: -0.5px;
    border-radius: 4px;
}
#band_banner .content .ft_info input{outline: none;}
#band_banner .content .ft_info input:focus{outline: none;}

#band_banner .content .ft_info input[type="checkbox" i] {
    margin: 0px 6px 3px 4px;
    outline: 0;
    vertical-align: middle;
}
#band_banner .content .ft_info .agree{
    width: 410px; margin:4px 0 0 0px; text-align: center;
}


#band_banner .content .ft_info label{
    font-family: 'SpoqaHanSansNeo-Light';
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
    line-height: 5px;
}
/**상세보기**/
#band_banner .btn-protect {
    margin-left: 1px;
    color: #fff;
    font-family: 'SpoqaHanSansNeo-Light';
    font-size: 12px;
    vertical-align: initial;
}

#band_banner button {
    font-size: 12px;
    border: none;
    background: none;
    padding: 0;
}

.tab-content > div {
    display: none;
}
.tab-content > #tab1 {
    display: block;
}


html {
    -webkit-print-color-adjust: exact;
}

@media print {
    /* 전체 숨김 */
    body.print-only-scroll8 * {
        display: none !important;
        visibility: hidden !important;
    }

    /* scroll8 전체는 보이도록 */
    body.print-only-scroll8 #scroll8,
    body.print-only-scroll8 #scroll8 * {
        display: block !important;
        visibility: visible !important;
    }

    /* 탭 메뉴와 버튼류는 숨김 */
    body.print-only-scroll8 #scroll8 .tab-nav,
    body.print-only-scroll8 #scroll8 button,
    body.print-only-scroll8 #scroll8 .btn-wrap,
    body.print-only-scroll8 #scroll8 a {
        display: none !important;
    }

    /* tab1, tab2, tab3 전부 숨김 */
    body.print-only-scroll8 .tab-content > div {
        display: none !important;
    }

    /* 현재 활성화된 탭만 보이게 */
    body[data-print-tab="tab1"] .tab-content > #tab1,
    body[data-print-tab="tab2"] .tab-content > #tab2,
    body[data-print-tab="tab3"] .tab-content > #tab3 {
        display: block !important;
    }

    /* 가로 넘침 방지 */
    body.print-only-scroll8 #scroll8 {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        white-space: normal !important;
    }

    @page {
        margin: 10mm;
    }

    html, body {
        overflow: visible !important;
    }
}