/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@import url(//cdn.rawgit.com/resir014/Clear-Sans-Webfont/v1.1.0/css/clear-sans.css);
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url("https://www.letuin.com/assets/template/1/promotion/common.css");

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 
css 적용 예시
@font-face {
    font-family: 'JalnanGothic';
    src: url('/assets/data/img/promotion/GsatPack2024/font/JalnanGothicTTF.ttf') format('truetype'); 
    font-weight: normal;
    font-style: normal;
  }
*/

* {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    background: #ddd;
}

*::-webkit-scrollbar-thumb {
    background: #525252;
    border: 2px solid #ddd;
    border-radius: 10px;
}

*::-webkit-scrollbar-thumb:hover {
    border-width: 0px;
}


._poFixBg {
    width: 100%;
    height: 79px;
    bottom: 12px;
    background-color: #ffe56c;
    position: fixed !important;
    z-index: 2;
}


._inBlock {
    display: inline-block;
    vertical-align: bottom;
}

area:focus {
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lbti_banner,
.top_banner,
.left_nav_btn,
.left_nav_wrap,
#top_btn2,
#topBtn4Rn {
    display: none;
}

.conSec {
    position: relative;
    width: 100%;
    font-size: 0;
}

.conDiv {
    margin: 0 auto;
    width: 1100px;
    position: relative;
    text-align: center;
}

.conSec1 {
    background: #131215;
}

.conSec2 {
    background: url('/assets/data/img/promotion/smeHiring/2025/2/BG.png') no-repeat center center;
}


.conSec3 {
    background: #000000;
}

.conSec4 {
    background: url('/assets/data/img/promotion/smeHiring/2025/4/BG.png') no-repeat center center;
}

.conSec5 {
    background: #2b42c6;
}

.conSec6 {
    background: #14205e;
}

.conSec7 {
    background: #000000;
}

.conSec8 {
    padding-bottom: 109px;
}

.conSec9 {
    background: #f5f5f5;
    padding-bottom: 109px;
}

.conSec10 {
    padding-bottom: 107px;
}

.conSec11 {
    background: url('/assets/data/img/promotion/smeHiring/2025/11/BG.png') no-repeat center center;
    padding-bottom: 107px;
}

.conSec12 {}

.conSec13 {
    background: #1d1d1e;
}

.conSec14 {
    background: #2f2f2f;
}

/*loading*/

._lodingDiv {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
}

._lodingBg {
    width: 184px;
    height: 184px;
    background-image: url('/assets/data/img/icon/loading/loading_img.png');
    display: inline-block;
    margin-top: calc(25% - 30px);
}

._lodingCn {
    width: 184px;
    height: 184px;
    display: inline-block;
    margin-top: calc(25% - 30px);
    position: absolute;
    top: 0;
    left: calc(50% - 92px);
}

.loginGifImg {
    margin-top: 70px;
}

._lodingDiv {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
}

._lodingBg {
    width: 184px;
    height: 184px;
    background-image: url('/assets/data/img/icon/loading/loading_img.png');
    display: inline-block;
    margin-top: calc(25% - 30px);
}

._lodingCn {
    width: 184px;
    height: 184px;
    display: inline-block;
    margin-top: calc(25% - 30px);
    position: absolute;
    top: 0;
    left: calc(50% - 92px);
}

/* Modal */
.conSecMd {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9000;
    top: 0;
    left: 0;
}

.csmBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9001;
    cursor: pointer;
}

.csmCon {
    position: absolute;
    z-index: 9002;
    background: #fff;
    max-height: 800px;
    overflow: auto;
}

.csmClsBtn {
    position: absolute;
    right: 40px;
    top: 40px;
    cursor: pointer;
}

.csmCon1 {
    /* width: 598px; */
}

.csmCon3 {
    width: 630px;
    padding: 40px;
    background: white;
    border: solid 1px #b9b9b9;
    display: inline-block;
    color: black;
}

.csmCon3_header {
    display: inline-block;
    width: 100%;
}

.csmCon3_title {
    font-size: 20px;
    font-weight: 600;
    color: black;
    display: inline;
    margin-left: 23px;
    margin-top: 12px;
    line-height: 39px;
    display: inline-block;
    width: 100%;
}

.csmCon3_content {
    margin-top: 29px;
    border: solid 1px #b9b9b9;
    font-size: 15px;
    line-height: 2.73;
    text-align: left;
    color: #232323;
    padding: 0px 16px;
    height: 242px;
    overflow: auto;
}

.csmCon3_img {
    width: 120px;
    height: 80px;
    display: inline-block;
    float: left;
}

.csmCon3_btn {
    position: absolute;
    cursor: pointer;
    top: 40px;
    right: 40px;
}

.csmCon3_keyword {
    font-size: 17px;
    font-weight: 500;
    color: #404040;
    display: inline;
    margin-left: 23px;
    display: inline-block;
    width: 448px;
}

.conFlt1 {
    top: 288px;
    right: 30px;
    z-index: 1001;
}

.conFlt2 {
    bottom: -28px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.conFlt2 div {
    position: absolute;
    bottom: 62px;
    width: 1100px;
    left: -600px;
}


.conFlt2 div a {
    margin-left: 10px;
}

.timerWrp {
    width: 100%;
    font-weight: bold;
    line-height: 24px;
    top: -56px;
    left: 0;
    color: #ff4040;
    font-size: 20px;
    text-align: center;
}

._cursorP {
    cursor: pointer;
}

._PoAb {
    position: absolute
}

._PoRe {
    position: relative
}


/* 팝업 메세지 예시 시작*/

/* .conSecPopupMessage {
    background: url('/assets/data/img/promotion/FreePass0Rn/2024/0110/promotion/6/bg.png') no-repeat center center;
} */

.cont_review {
    /* padding-top: 100px;
    background-color: #111111;
    margin-top: -75px; */
    /* position: relative; */
    /* z-index: 1; */
}

.cont_review .review_area {
    /* margin: 157px 0 118px; */
    /* position: relative; */
    width: 100%;
    /* height: 338px; */
}

.cont_review .review_area img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.cont_review .review_area.active img {
    animation: slideUp .7s ease-in-out both;
}

.cont_review .review_area.active img:nth-child(1) {
    top: 311px;
    left: 75px;
    position: absolute;
    animation-delay: 1.2s;
}

.cont_review .review_area.active img:nth-child(2) {
    top: 459px;
    left: 0px;
    animation-delay: .1s;
}

.cont_review .review_area.active img:nth-child(3) {
    top: 718px;
    left: 75px;
    animation-delay: .3s;
}

.cont_review .review_area.active img:nth-child(4) {
    left: 824px;
    top: 311px;
    animation-delay: .5s;
}

.cont_review .review_area.active img:nth-child(5) {
    left: 908px;
    top: 446px;
    animation-delay: .7s;
}

.cont_review .review_area.active img:nth-child(6) {
    left: 824px;
    top: 711px;
    animation-delay: .9s;
}

@keyframes slideUp {
    0% {
        transform: translateY(30px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.event-contents {
    /* position: relative; */
}


.event-contents .inner {
    /* width: 1140px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    overflow: hidden; */
}

.event-contents .scrollAni.active {
    opacity: 1;
}

/* 팝업 메세지 예시 종료*/


/* 실시간 기대평 예제 시작 */
.csRevDate {
    position: absolute;
    left: 328px;
    top: 197px;
    font-family: Pretendard !important;
    font-size: 30px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.1;
    letter-spacing: -1.2px;
    text-align: center;
    color: white;
}

.csRevTotal {
    position: absolute;
    left: 544px;
    top: 197px;
    text-shadow: 0px 4px 5px rgba(255, 255, 255, 0.8);
    font-family: Pretendard !important;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.1;
    letter-spacing: -1.2px;
    text-align: center;
    color: #d32f2f;
}

.csRevTxt>div {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
    display: inline-block;
    margin-left: 5px;
    background:
        url(/data/img/promotion/EmrIns/3/rv_bg_l.png) no-repeat left center,
        url(/data/img/promotion/EmrIns/3/rv_bg_r.png) no-repeat right center,
        url(/data/img/promotion/EmrIns/3/rv_bg_m.png) center center;
    color: #D32E2F;
    font-weight: bold;
    padding: 0 10px;
    border-radius: 4px;
    line-height: 36px;
    font-size: 30px;
    letter-spacing: -1.5px;
}

.csRev {
    text-align: center;
    padding-bottom: 120px;
    width: 712px;
    display: inline-block;
}

.csRvDiv {
    width: 600px;
    padding: 20px 40px;
    background: #ffffff;
    border-radius: 16px;
    font-size: 0;
    display: inline-block;
    margin-top: 15px;
    position: relative;
    margin: 15px 15px 0 15px;
}

.csRvDiv:first-child {
    margin-top: 0;
}

.csRvDiv:nth-child(2n-1):before {
    position: absolute;
    top: 20px;
    left: -15px;
    content: '';
    width: 0px;
    height: 0px;
    border-top: 19px solid #ffffff;
    border-left: 15px solid transparent;
    border-right: 0px solid transparent;
}

.csRvDiv:nth-child(2n):before {
    position: absolute;
    top: 20px;
    right: -15px;
    content: '';
    width: 0px;
    height: 0px;
    border-top: 19px solid #ffffff;
    border-left: 0px solid transparent;
    border-right: 15px solid transparent;
}

.csRvCon {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
    font-size: 16.5px;
    line-height: 1.45;
    letter-spacing: -0.33px;
    text-align: center;
    color: #3d3d3d;
    word-break: keep-all;
    width: 600px;
    word-wrap: break-word;
}

.csRvId {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
    margin-top: 10px;
    font-size: 13.5px;
    line-height: 13.5px;
    text-align: center;
    color: #b7b7b7;
}

.conSecComent {
    background: url('/assets/data/img/promotion/EmrIns/2308/20/bg.png') no-repeat center center;
}

/* 실시간 기대평 예제 종료 */

/* 바텀 타입1 에제 */

.bottom_type1_title {
    padding-top: 94px;
    padding-bottom: 31px;
    font-family: NotoSansCJKkr !important;
    font-size: 20px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: -0.83px;
    text-align: left;
    color: #d5d5d5;
}

.bottom_type1-item-header {
    background: url('/assets/data/img/promotion/KDCrecruitEc/17/FAQ_arrow1.png') no-repeat center right;
}

.bottom_type1-item-header.header_active {
    background: url('/assets/data/img/promotion/KDCrecruitEc/17/FAQ_arrow2.png') no-repeat center right;
}

._bottom_type1_href {
    color: cornflowerblue !important;
    text-decoration: underline !important;
}

.bottom_type1 {
    font-family: Pretendard !important;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 23.5px;
    letter-spacing: normal;
    text-align: left;
    color: #9c9c9c;
}

.bottom_type1-item {
    margin-bottom: 5px;
    width: 903px;
}

.bottom_type1-item-header {
    color: white;
    padding: 10px;
    cursor: pointer;
}


.bottom_type1-item-nonheader {
    /* padding: 10px; */
}

.bottom_type1-item-body {
    display: block;
    /* padding: 10px; */
}

.bottom_type1-left-menu {
    width: 170px;
    font-family: NotoSansCJKkr !important;
    font-size: 15px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: -0.43px;
    text-align: center;
    color: white;
    padding: 8px 0px 7px 0px;
    border-radius: 14.8px;
    border: solid 1px #787878;
    background-color: #181818;
    display: inline-block;
    display: inline-block;
    vertical-align: top;

}

.bottom_type1-right-menu {
    /* margin-left: 20px; */
    display: inline-block;
    /* width: 883px; */
}

.conSecBottomType1 {
    background-color: #2f2f2f;
    padding-bottom: 90px;
}

/* 바텀 타입1 에제 종료 */

/* 좌우 슬릭 예제 */

.rowOneSlick {
    position: relative;
}

.rowOneSlick .slick-slide {
    margin: 0 10px;
    opacity: 0.5;
    position: relative;
}

.slick-slide-content {
    position: absolute;
    font-size: 12px;
    top: 49px;
    left: 0px;
    padding: 10px 30px;
    height: 73px;
    line-height: 1.67;
    color: #2d2d2d;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 230px;
    text-align: left;
    white-space: normal;
    /* 줄바꿈 허용 */
    word-break: break-word;
    /* 긴 단어도 줄바꿈 */
}

.slick-slide-id {
    position: absolute;
    font-size: 12px;
    left: 0px;
    width: 100%;
    text-align: center;
    top: 155px;
    color: #7b7b7b;
}

.rowOneSlick .slick-slide.slick-center {
    opacity: 1;
}

.rowOneSlick .slick-next {
    width: 70px;
    height: 70px;
    /* background: url(/assets/data/img/promotion/FreePass0Rn/10/btn_R.png) no-repeat !important; */
    position: absolute;
    top: 260px;
    left: calc(50% + 300px);
    z-index: 1;
    font-size: 0;
}

.rowOneSlick .slick-prev {
    width: 70px;
    height: 70px;
    /* background: url('/assets/data/img/promotion/FreePass0Rn/10/btn_L.png') no-repeat !important; */
    position: absolute;
    top: 260px;
    right: calc(50% + 300px);
    z-index: 1;
    font-size: 0;
}

.conSecRowOneSlick {
    /* background: hotpink; */
}

.conDivRowOneSlick {
    width: 100%;
}

/* 좌우 슬릭 종료 */


.conSec8Area1 {
    width: 682px;
    height: 82px;
    border-radius: 4px;
    border: solid 1px #e2e2e2;
    background-color: #f9f9f9;
    margin: 0px auto 12px;
    padding: 34px 50px;
}

.conSec8Area2 {
    width: 783px;
    padding-bottom: 19px;
    border-radius: 4px;
    border: solid 1px #e2e2e2;
    background-color: #f9f9f9;
    margin: 0px auto 33px;
    display: inline-block;
}

.Area1Field {
    padding: 12px 17px 12px 18px;
    border-radius: 5px;
    background: #000000;
    color: white;
    display: inline;
    font-size: 17px;
    display: inline-block;
    float: left;
}

.Area1Value {
    width: 200px;
    padding: 12px 17px 12px 18px;
    border-radius: 5px;
    border: solid 1px #7a7a7a;
    font-size: 17px;
    display: inline-block;
    float: left;
    text-align: left;
    color: #d7d7d7;
}

.Area1BottomText {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #919191;
    margin-top: 34px;
    display: inline-block;
}

.Area1BottomText span {
    text-decoration: underline;
    color: #818ee8;
    cursor: pointer;
}


input[type=checkbox]+label {
    color: #343434;
    display: inline-block;
    height: 22px !important;
    width: 530px;
    font-size: 15px;
    background: url("/assets/data/img/promotion/smeHiring/2025/8/check_1.png") no-repeat left 2px;
}


input[type=checkbox]:checked+label {
    color: #343434;
    display: inline-block;
    height: 22px !important;
    width: 530px;
    font-size: 15px;
    background: url("/assets/data/img/promotion/smeHiring/2025/8/check_2.png") no-repeat left 2px;
}

._3Checkbox {
    margin-top: 23px;
}

._3CheckboxArea {
    color: #626262;
    font-size: 14px;
    line-height: 1.71;
    text-align: left;
    margin-top: 12px;
    margin-left: 122px;
    display: block;
}

.Area2togle {
    margin-left: 10px;
    margin-top: 4px;
    cursor: pointer;
}

.conSec8Area3 {
    width: 302px;
    padding: 21px 98px 0px 98px;
    border-radius: 4px;
    border: solid 1px #e2e2e2;
    background-color: #f9f9f9;
    margin: 30px auto 0px;
    display: inline-block;
    position: relative;
}

.conSec8Area3Title {
    color: #4c548a;
    font-size: 13px;
}

.icon_question {
    margin-left: 5px;
    cursor: pointer;
}


.hoverImgData {
    display: none;
    position: absolute;
    top: -114px;
    right: -163px;
    z-index: 100;
    width: 246px;
}

.area3List {
    margin-top: 32px;
}

.area3Item {
    display: inline-block;
    float: left;
    text-align: left;
    margin-right: 51px;
    margin-bottom: 22px;
}

.area3Item:nth-child(2n) {
    margin-right: 0px;
}

._3item_label {
    font-size: 13px !important;
    padding-left: 27px !important;
}

._area3Btn1 {
    display: inline-block;
    margin-top: 22px;
    cursor: pointer;
}

._11box {
    width: 517px;
    height: 190px;
    border-radius: 6px;
    background: white;
    padding: 35px;
    margin: 0px auto;
}

._11Title {
    font-size: 18px;
    color: black;
    font-weight: 700;
    text-align: left;
    margin-bottom: 15px;
}

._11content {
    width: 519px;
    height: 114px;
    font-size: 15px;
    color: #6d6d6d;
    line-height: 26px;
    border-radius: 4px;
    resize: none;
}

._11Btn {
    background: black;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 22px;
    display: inline-block;
    color: white;
    border-radius: 3px;
    float: right;
    margin-top: 14px;
    cursor: pointer;
}

.counter {
    font-size: 12px;
    position: absolute;
    top: 415px;
    right: 300px;
    color: #8a8a8a;
}

._10AbArea {
    position: absolute;
    top: 876px;
    left: 112px;
    width: 800px;
    text-align: left;
}

._10InputText {
    background-color: #dbdbdb;
    width: 335px;
    height: 40px;
    border: 0px;
    margin-right: 12px;
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 39px;
    padding-left: 11px;
}

._10Input {
    display: none !important;
}

._10btn {
    cursor: pointer;
    float: left;
    display: inline-block;
}

._10btn_disable{
    float: left;
    display: inline-block;
}

._10text {
    font-size: 14px;
    color: #394bae;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
    margin-left: 26px;
    vertical-align: bottom;
    float: left;
    margin-top: 23px;
}

._10addlec {
    margin-top: 40px;
}

.image-hover-wrapper {
    position: relative;
    display: inline-block;
}

.image-hover-wrapper .hover-text {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 5px 10px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-size: 10px;
}

.image-hover-wrapper:hover .hover-text {
    display: flex;
    justify-content: center;
    /* 가로 가운데 */
    align-items: center;
    /* 세로 가운데 */
    cursor: pointer
}

.result_item_title {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    color: #000000;
    margin-top: 9px;
}

.result_item_title_active {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    color: #1024ad;
    margin-top: 9px;
}

.result_item_cnt {
    font-size: 12px;
    color: #000000;
    text-align: center;
    margin-top: 3px;
}

.result_item_cnt_active {
    font-size: 12px;
    color: #1024ade1;
    text-align: center;
    margin-top: 3px;

}