body > main > #layout-out-common {background:#ffffff !important;}

.ebei_coachmark {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.ebei_coachmark_bg {
    /*position: absolute;*/
    width: 1080px;
    height: 1250px;
    /*z-index: -100;*/
    top: 0;
    left: 50%;
    /*transform: translate(-50%, 0);*/
    background: url("/resource/images/learning_support/business_diagnosis/coach_bg.png") no-repeat;
}

/* 코치마크 */
.coachmark_wrap {
    position: relative;
    width: 1080px;
}

.coachmark_wrap .coach_txt {
    position: absolute;
    top: -948px;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 40px;
    z-index: 1002;
}

.coachmark_wrap .coach_txt span {
    color: yellow;
}

.coachmark_wrap .coach_btn {
    position: absolute;
    top: -1105px;
    right: 10px;
    z-index: 1002;
}

.coachmark_wrap .coach_arrow {
    position: absolute;
    top: -1048px;
    right: 50px;
    width: 273px;
    height: 154px;
    background: url("/resource/images/learning_support/business_diagnosis/coach_arrow.png") no-repeat;
    z-index: 1002;
}

.ebei_icon_btn.diagnosis_btn {
    font-size: 13px;
    font-weight: 500;
    line-height: 30px;
    padding: 0 15px;
    color: #fff;
    background-color: #0070ff;
    box-sizing: border-box;
    vertical-align: top;
    margin-left: 7px;
}

/* 코치마크 - '기본설정' 버튼 */
.ebei_icon_btn {
    font-size: 13px;
    font-weight: 500;
    line-height: 32px;
    padding: 0 15px;
    color: #fff;
    background-color: #0070ff;
    box-sizing: border-box;
    vertical-align: baseline;
}

.ebei_icon_btn span {
    display: inline-block;
    margin-right: 10px;
    width: 16px;
    height: 16px;
}

.ebei_icon_btn:hover {
    background: #1449c9;
}

.ebei_icon_btn:hover span {
    fill: #202020;
}

.ebei_dimmed {
    padding: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
}

#ebei_mycompany .header_center_top h1 {
    margin: 60px 0 50px;
}

/* 나의 정보 */
.myinfo_wrap {
    position: relative;
    margin-bottom: 10px;
    box-sizing: border-box;
    vertical-align: text-top;
}

.myinfo_wrap span.my {
    padding: 0 10px;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: #0070ff;
    border: 1px solid #0070ff;
    vertical-align: bottom;
}

.myinfo_wrap h1 {
    display: inline-block;
    font-size: 24px;
    line-height: 33px;
    font-weight: 700;
}

/* '기본설정' 버튼 */
.coach_btn {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
}
.coach_btn button {
    display: flex;
    margin-left: 5px;
}
.ebei_icon_btn {
    font-size: 13px;
    font-weight: 500;
    line-height: 32px;
    padding: 0 15px;
    color: #fff;
    background-color: #0070ff;
    box-sizing: border-box;
    vertical-align: baseline;
}

.ebei_icon_btn span.icon {
    display: inline-block;
    margin-right: 10px;
    width: 16px;
    height: 16px;
}

.ebei_icon_btn:hover {
    background: #1449c9;
}

/* 기간 조회 */
.filter_wrap {
    margin-bottom: 40px;
    background-color: #f2f3f6;
    padding: 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.filter_wrap .top,
.filter_wrap .bottom > ul{
    display: flex;
    align-items: center;
}

.filter_wrap ul.radio_style {
    margin-left: 5px;
    display: flex;
    vertical-align: top;
}

.filter_wrap ul.radio_style > li {
    margin-left: -1px;
    background-color: white;
    border: 1px solid #bcbec0;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #6d6e71;
    cursor: pointer;
    font-weight: 400;
}

.filter_wrap ul.radio_style > li:first-of-type {
    margin-left: 0;
}

.filter_wrap ul.radio_style > li.on {
    color: #0070ff;
    border: 1px solid #0070ff;
    font-weight: 500;
}

.filter_wrap ul.radio_style > li.on + li {
    border-left: 1px solid #0070ff;
}

.filter_wrap .datepicker_wrap {
    vertical-align: top;
    width: 120px;
    height: 30px;
    border: 1px solid #bcbec0;
    background-color: #ffffff;
    display: inline-block;
    position: relative;
}

.filter_wrap .datepicker_wrap .datepicker_icon {
    position: absolute;
    top: 3px;
    right: 15px;
}

/*사파리핵*/
/*      폼 스타일 - button */
_:-webkit-full-screen:not(:root:root), .filter_wrap .datepicker_wrap .datepicker_icon {
    top: 4px;
}

.filter_wrap span.wave {
    height: 32px;
    line-height: 32px;
    color: #6d6e71;
    padding: 0 2px
}

/*.filter_wrap .datepicker_wrap:after{content:url('/resource/images/learning_support/business_diagnosis/icon_calendar.png'); position: absolute;}*/
.filter_wrap .datepicker_wrap input[type=text] {
    margin: 5px 0 0 15px;
    padding: 0;
    width: 80px;
    border: none;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

.filter_wrap input[type=button] {
    width: 80px;
    height: 32px;
    margin-left: 7px;
    vertical-align: top;
    color: #ffffff;
    border: none;
    background-color: #95a1b4;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

.filter_wrap .bottom > ul > li {
    margin-right: 5px;
}
    /* 내 업체 진단하기 */
.list_wrap {
    display: inline-block;
    margin-bottom: 60px;
}

.list_wrap h1 {
    margin-bottom: 10px;
}

.list_wrap .box_wrap :last-child {
    margin-right: 0;
}

.list_wrap .box_wrap .box_arrow {
    margin-right: 20px;
    width: 50px;
    height: 270px;
    background: url("/resource/images/learning_support/business_diagnosis/box_arrow.png") center no-repeat;
    float: left;
}

.list_wrap .box_wrap .box_equals {
    margin-right: 20px;
    width: 50px;
    height: 270px;
    background: url("/resource/images/learning_support/business_diagnosis/box_equals.png") center no-repeat;
    float: left;
}

.box_wrap .common {
    position: relative;
    height: 270px;
    margin-right: 20px;
    padding: 30px 0;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    text-align: center;
    box-sizing: border-box;
    float: left;
    transition: 0.2s ease-in-out;
}

.box_wrap .common h2.title {
    color: #333;
}

.box_wrap .common img {
    padding: 15px 0;
}

.box_wrap .common p.num {
    font-size: 44px;
    font-weight: 700;
}

.box_wrap .common .textBox {
    position: absolute;
    top: 50%;
    transform: translate(0, -75%);
    width: 100%;
    opacity: 0;
    transition: 0.2s ease-in-out;
    z-index: 2;
}

.box_wrap .common:hover img {
    opacity: 0;
}

.box_wrap .common:hover .textBox {
    opacity: 1;
}

.box_wrap .basic {
    border: 1px solid #dddddd;
    background-color: white;
}

.box_wrap .my_box {
    border: 1px solid #c8ddff;
    background-color: #e5f0ff;
}

.box_wrap .my_box p.num {
    color: #0070ff;
}

.box_wrap .result {
    width: 100%;
    height: 120px;
    margin-top: 40px;
    padding: 30px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    text-align: center;
    box-sizing: border-box;
    float: left;
}

.box_wrap .result p {
    font-size: 36px;
    font-weight: 700;
}

.box_wrap .result p span {
    color: #0070ff;
}

.ad_txt {
    font-size: 30px;
    font-weight: 700;
    padding: 20px 0 10px;
}

.step2 {
    padding: 30px;
    background: linear-gradient(90deg, #007dff, #91c3ff);
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.step2 span {
    font-size: 40px;
    font-weight: 800;
    color: #ffee00;
}

.step3 {
    padding-bottom: 150px;
}

.step3 .ad_img {
    padding: 100px 0 80px;
    text-align: center;
}

/*테이블스타일*/
.box_wrap .list_table table.es_type1 {
    width: 100%;
}

.box_wrap .list_table table.es_type1 th {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    font-weight: 500;
}

.box_wrap .list_table table.es_type1 td {
    border-bottom: 1px solid #dddddd;
    color: #000000;
}

.box_wrap .list_table table.es_type1 th,
.box_wrap .list_table table.es_type1 td {
    padding: 8px 4px;
}

.box_wrap .list_table table.es_type1 td label {
    color: #0070ff
}

.box_wrap .list_table p.notice {
    padding-top: 12px;
    font-size: 12px;
    font-weight: 300;
    color: #a5a6a7;
}


/* 버튼*/
.landing_btn {
    background: #000000;
    width: 1080px;
    margin: 0 auto;
    border-radius: 10px;
}

.landing_btn a {
    display: block;
    padding: 40px;
    text-align: center;
    color: #FFF;
    font-size: 36px;
    font-weight: 700;
}

.landing_btn:hover {
    background: #2c2c2c;
}

.btn_ani {
    animation: ani_g 1s ease-in-out infinite;
}

@keyframes ani_g {
    0% {
        color: #fff;
    }
    100% {
        color: #fff462;
    }
}

.diagnosis_loader {
    padding: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    position: fixed;
    top: 0;
}

.diagnosis_loader .loader {
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-indent: -9999em;
    animation: mulShdSpin 1.1s infinite ease;
    transform: translateZ(0);
    z-index: 10;
    display: block;
}

@keyframes mulShdSpin {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}


/* ==============================
내 업체 진단하기 > '기본설정' 레이어
기존 건설넷 CSS 사용 / ij -> ebei로 클래스명 전체 수정하고 필요없는 부분 삭제함
('★수정'이라고 표시된 부분 수정된 곳)
================================= */

/* 팝업 */
.ebei_popup {
    position: relative;
    width: 100%;
    background: #ffffff;
    box-sizing: border-box;
}

.ebei_popup h1 {
    margin-bottom: 5px;
    font-size: 18px;
}

/*테이블스타일*/
.ebei_table {
    position: relative;
    background-color: #ffffff;
}

.ebei_table table {
    width: 100%;
}

.ebei_table table th {
    border-top: 1px solid #8491a7;
    border-bottom: 1px solid #8491a7;
    font-weight: 500;
}

.ebei_table table td {
    border-bottom: 1px solid #aab6cb;
}

.ebei_table table th,
.ebei_table table td {
    padding: 9px 10px 10px 10px;
    height: 30px;
}

.ebei_table.type1 table {
    width: 100%;
    border-top: 1px solid #000000;
}

/* ★수정 */
.ebei_table.type1 table th {
    padding: 4px 7px;
    font-weight: 500;
    background: #f2f3f6;
    border-top: none;
}

/* ★수정 */
.ebei_table.type1 table td {
    padding: 4px 7px;
}

/* ★수정 */
.ebei_table.type1 table th,
.ebei_table.type1 table td {
    border-bottom: 1px solid #ddd;
}

/* ★수정 */

/* eunpa 디자이너 디폴트 패딩 */
.ebei_table.form_style table th {
    padding: 15px 10px;
}

.ebei_table.form_style table td {
    padding: 15px 20px;
}

.ebei_table.form table th {
    text-align: center
}

.ebei_table.form table th,
.ebei_table.form table td {
    padding: 8px;
}

.ebei_table.border table th,
.ebei_table.border table td {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

/* ★수정 */
.ebei_table.hover table tr:hover td {
    background-color: #fff8e0;
}

.ebei_table table td label.description {
    font-size: 0.85em;
    color: #8489a7;
    margin-left: 20px;
}

.ebei_table table td label.description label {
    color: #0070ff;
}

.ebei_table table .sub_table table {
    border: none;
}

.ebei_table table .sub_table th,
.ebei_table table .sub_table td {
    padding: 0;
    font-weight: normal;
    background: none;
    border: none;
    text-align: left;
}

.ebei_table.type2 table {
    width: 100%;
    border-top: 1px solid #0070ff;
}

.ebei_table.type2 table th {
    padding: 9px 20px 10px 20px;
    font-weight: 500;
    border-top: none;
    border-bottom: none;
}

.ebei_table.type2 table td {
    padding: 9px 10px 10px 10px;
    border-bottom: 1px solid #d7dce5;
    text-align: left;
    border-top: none;
}


/* 균등분배 레이아웃 (기본값 5) */
ul.ebei_ul_stretch {
    width: 100%;
    overflow: visible;
    display: flex;
    flex-wrap: wrap;
}

ul.ebei_ul_stretch li {
    width: 20%;
    padding: 3px 0 3px 15px;
    box-sizing: border-box;
    overflow: visible;
}

ul.ebei_ul_stretch.stretch_2 li {
    width: 50%;
}

ul.ebei_ul_stretch.stretch_3 li {
    width: 33.33%;
}

ul.ebei_ul_stretch.stretch_4 li {
    width: 25%;
}

ul.ebei_ul_stretch.stretch_6 li {
    width: 16.66%;
}

ul.ebei_ul_stretch.stretch_7 li {
    width: 14.28%;
}

ul.ebei_ul_stretch.stretch_8 li {
    width: 12.5%;
}

ul.ebei_ul_stretch.stretch_9 li {
    width: 11.11%;
}

ul.ebei_ul_stretch.none_padding li {
    padding: 0;
}


/* 엘리먼트 영역관련 */
/* 엘리먼트 영역관련 */
/* 엘리먼트 영역관련 */

/*기본 -> 둥근 아이콘에 파랑점*/
input[type="radio"].ebei_radio {
    display: none;
}

input[type="radio"].ebei_radio + div {
    margin-right: 4px;
    box-sizing: border-box;
    position: relative;
    padding-left: 20px;
    display: inline-block;
    line-height: 16px;
    vertical-align: baseline;
}

input[type="checkbox"].ebei_check + div {
    margin-right: 4px;
    box-sizing: border-box;
    position: relative;
    padding-left: 5px;
    display: inline-block;
    line-height: 16px;
    vertical-align: baseline;
}

input[type="radio"].ebei_radio + div:hover {
    color: #0070ff;
    cursor: pointer;
}

input[type="checkbox"].ebei_check + div:hover {
    color: #0070ff;
    cursor: pointer;
}

input[type="radio"].ebei_radio + div:before {
    position: absolute;
    top: 1px;
    left: 0;
    display: inline-block;
    content: '';
    border: 1px solid #0070ff;
    border-radius: 20px;
    background: #ffffff;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

input[type="radio"].ebei_radio:checked + div {
    color: #202020;
}

input[type="radio"].ebei_radio:checked + div:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #0070ff;
    position: absolute;
    top: 4px;
    left: 3px;
    border-radius: 20px;
}

input[type="radio"].ebei_radio:disabled + div:before {
    border-color: #8491a7;
    background: #f4f6fa;
}

input[type="radio"].ebei_radio:checked:disabled + div:after {
    background: #8491a7;
}

/*범례없이 라디오만 단독으로 사용*/
input[type="radio"].ebei_radio.single + div {
    vertical-align: top;
    margin: 2px 1px 0 5px;
}

/* Input */
input.ebei_input[type="text"], input.ebei_input[type="password"] {
    width: 180px;
    margin: 0;
    padding: 4px 8px 5px;
    font-size: 13px;
    line-height: 19px;
    vertical-align: baseline;
    outline: none;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

/* ★수정 */
input.ebei_input[type="text"]::placeholder, input.ebei_input[type="password"]::placeholder {
    color: #8491a7;
}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
input.ebei_input[type="text"]:-ms-input-placeholder {
    color: #8491a7 !important;
}

input.ebei_input[type="password"]:-ms-input-placeholder {
    color: #8491a7 !important;
}

input.ebei_input[type="text"]:focus, input.ebei_input[type="password"]:focus {
    border: 1px solid #0070ff;
}

input.ebei_input.medium[type="text"], input.ebei_input.medium[type="password"] {
    font-size: 14px;
    padding: 9px 14px
}

input.ebei_input.large[type="text"], input.ebei_input.large[type="password"] {
    font-size: 18px;
    padding: 16px 14px
}

input.ebei_input.cost_font[type="text"] {
    font-size: 16px;
    height: 30px;
    font-weight: 700;
}

input.ebei_input[type="text"]:disabled,
input.ebei_input[type="text"]:read-only {
    border: 1px solid #aab6cb;
    background-color: #f4f6fa;
}

/* Input 검색 */
.ebei_search {
    display: inline-block;
    font-size: 13px;
}

.ebei_search select {
    border-right: none !important;
}

.ebei_search input[type=text] {
    border-left: none !important;
    margin-left: -3px !important;
    height: 30px;
}

.ebei_search.on div.ebei_select select {
    border: 1px solid #5c667b !important;
    border-right: none !important;
    color: #5c667b;
}

.ebei_search.on div.ebei_select::before {
    border-top: 5px solid #5c667b;
}

.ebei_search.on input[type=text].ebei_input {
    border: 1px solid #5c667b !important;
    border-left: none !important;
}


/*      폼 스타일 - select */
div.ebei_select {
    position: relative;
    display: inline-block;
    width: 100px;
}

/* ★수정 */
div.ebei_select:before {
    content: "";
    position: absolute;
    top: 13px;
    right: 8px;
    pointer-events: none;
    font-weight: 900;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #8491a7;
}

div.ebei_select select {
    font-size: 13px;
    font-weight: 400;
    padding: 0 30px 0 8px;
    height: 30px;
    line-height: 26px;
    box-sizing: border-box;
    width: 100%;
    color: #8491a7;
    border-radius: 0;
    background-color: white;
    margin: 0;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ddd;
    outline: 0;
    vertical-align: -0.5px;
}

/* ★수정 */
/* 크롬 핵 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    div.ebei_select select {
        vertical-align: baseline;
    }
}

div.ebei_select:hover:before {
    content: "";
    position: absolute;
    top: 13px;
    right: 8px;
    pointer-events: none;
    font-weight: 900;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #5c667b;
}

div.ebei_select:hover select {
    padding: 0 30px 0 8px;
    height: 30px;
    line-height: 26px;
    box-sizing: border-box;
    width: 100%;
    color: #5c667b;
    border-radius: 0;
    background-color: white;
    margin: 0;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #5c667b;
    outline: 0;
}

div.ebei_select select:disabled {
    background-color: #F9F9F9;
}

div.ebei_select select::-ms-expand {
    display: none;
}

div.ebei_select.medium:before {
    top: 18px;
    right: 11px;
}

div.ebei_select.medium select {
    font-size: 14px;
    line-height: normal;
    height: 40px;
}


/* ==============================
내 업체 진단하기 > '기본설정' 레이어
└ 새로 생성 및 추가한 부분
================================= */
.ebei_layer {
    position: relative;
    width: 1080px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    z-index: 1000001;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    background-color: white;
    box-sizing: border-box;
}

.ebei_layer > section {
    padding: 20px
}

.ebei_layer > section h1 {
    padding-bottom: 10px;
    font-size: 30px;
    text-align: center;
}

.ebei_layer div.close {
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 30px;
    right: 30px;
}

.ebei_layer div.close:before {
    position: absolute;
    transform: rotate(45deg);
    width: 30px;
    height: 2px;
    border-radius: 4px;
    background-color: #000000;
    content: "";
    top: 10px;
}

.ebei_layer div.close:after {
    position: absolute;
    transform: rotate(-45deg);
    width: 30px;
    height: 2px;
    border-radius: 4px;
    background-color: #000000;
    content: "";
    top: 10px;
}

.ebei_layer button.layer_btn {
    padding: 10px 100px 10px;
    border: 1px solid #CCCCCC;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    background-color: #FFFFFF;
}

.ebei_layer button.layer_btn.confirm {
    background-color: #0070ff;
    color: white;
    border: 1px solid #0070ff;
}

.ebei_layer button.layer_btn.type1 {
    color: #0070ff;
    border: 1px solid #0070ff;
}

.ebei_layer_coachmark {
    position: absolute;
    width: 100%;
    top: -100px;
    font-size: 23px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 26px;
}

.ebei_layer_coachmark span {
    color: yellow;
}



/* 플로팅 배너 */
.floating_banner {
    width: 100px;
    position: fixed;
    left: 50%;
    transform: translateX(590px);
    cursor: pointer;
    z-index: 20;
    top: 266px;
}

.floating_banner #analyze_15dc_coupon_diagnosis {
    margin-top: 5px;
    width: 250px;
    height: 50px;
    background-color: #000;
    background: url("/resource/images/learning_support/business_diagnosis_v3/floating_banner_btn.png");
    background-position: top center;
}

.floating_banner #analyze_15dc_coupon_diagnosis:hover {
    background-position: bottom center;
}
