/*
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: #130b26;
}

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


.conSec3 {
      background: #121212;
}

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

.conSec5 {
      background: #2e1363;
}

.conSec6 {
      background: white;
}

.conSec7 {
      background: #1d1d1d;
}

.conSec8 {
      background: url('/assets/data/img/promotion/jobImprovent/8/BG.png') no-repeat center center;
}

.conSec9 {
      background: #181818;
}

.conSec10 {
      background: #000000;
}

.conSec11 {
      background: #000000;
}

.conSec12 {
      background: #181818;
}

.conSec13 {
      background: #000000;
}

.conSec14 {
      background: #240a55;
}

.conSec15 {
      background: url('/assets/data/img/promotion/jobImprovent/15/BG.png') no-repeat center center;
}

/*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; */
}

.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: 154px;
      left: 0;
      color: #ff4040;
      font-size: 20px;
      text-align: center;
}

._cursorP {
      cursor: pointer;
}

._PoAb {
      position: absolute
}

._PoRe {
      position: relative
}


/* 페이징 예제 */
._Paging_table {
      width: 733px;
      margin-top: 45px;
      margin-left: 170px;
}

._Paging_table th {
      font-family: Pretendard !important;
      font-size: 13px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 3.01;
      letter-spacing: 0.26px;
      text-align: center;
      color: 292929;
      border-top: 1px solid #8d4fff;
      color: #5e1cd7;
      border-bottom: 1px solid #898989;
}

._Paging_table td {
      font-family: Pretendard !important;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 3.01;
      letter-spacing: -0.28px;
      text-align: center;
      color: #292929;
      border-bottom: 1px solid #898989;
      background: white;
      vertical-align: bottom;
      padding: 24px 20px 24px 20px;
}

#_Paging_page {
      margin-top: 20px;
      font-size: 14px;
      color: #22222266;
      display: inline-block;
      margin-bottom: 130px;
}

#_Paging_page span {
      /* font-size: 18px;
      font-weight: 400;
      color: 22222266;
      margin-right: 10px;
      cursor: pointer; */

}

._Paging_table th:nth-child(1) {
      width: 450px;
}

._Paging_table th:nth-child(2) {
      width: 100px;
}

._Paging_table th:nth-child(3) {
      width: 120px;
}

._Paging_table th:nth-child(4) {
      width: 100px;
}

.conSec5 table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 20px;
      font-family: 'Arial', sans-serif;
      font-size: 14px;
      margin-bottom: 44px;
      margin-top: 50px;
    vertical-align: bottom;
}

/* table 내부의 th */
.conSec5 table th {
      background-color: #000000;
      color: white;
      padding: 8px 10px;
      border: 1px solid #000000;
      text-align: center;
}

/* table 내부의 td */
.conSec5 table td {
      padding: 10px;
      border: 1px solid #ddd;
      background-color: #f9f9f9;
      text-align: center;
}

/* 행 hover 효과 */
.conSec5 table tr:hover {
      background-color: #f9f9f9;
}

/* 신청하기 버튼 스타일 */
.conSec5 .conSec5Btn {
      display: inline-block;
      background-color: white;
      border: 1px solid #5c17e5;
      color: #5c17e5;
      padding: 6px 12px;
      border-radius: 5px;
      cursor: pointer;
      font-weight: bold;
      transition: background-color 0.3s;

}

/* 
.conSec5 .conSec5Btn:hover {
      background-color: #0056b3;
} */



.rowOneSlick {
      position: relative;
}

.rowOneSlick .slick-slide {
      margin: 0 10px;
      /* opacity: 0.5; */
}

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

.rowOneSlick .slick-next {
      width: 70px;
      height: 70px;
      background: url('/assets/data/img/promotion/jobImprovent/6/BTN_R.png') no-repeat !important;
      position: absolute;
      top: 186px;
      left: calc(50% + 366px);
      z-index: 1;
      font-size: 0;
}

.rowOneSlick .slick-prev {
      width: 70px;
      height: 70px;
      background: url('/assets/data/img/promotion/jobImprovent/6/BTN_L.png') no-repeat !important;
      position: absolute;
      top: 186px;
      right: calc(50% + 355px);
      z-index: 1;
      font-size: 0;
}

.conSecRowOneSlick {
      background: hotpink;
}

.conDivRowOneSlick {
      width: 100%;
}


.conDivRowOneSlick .slick-list {
      width: 720px;
      margin: auto;
}

.conDivRowOneSlick .slick-slide img {
      margin-top: 55px;
      max-width: 100%;
      height: auto;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      /* 연회색 그림자 */
      border-radius: 4px;
      /* 선택 사항: 모서리 살짝 둥글게 */
}

.conDivRowOneSlick2 .slick-list {
      width: 880px;
      margin: auto;
}



.rowOneSlick2 .slick-next {
      width: 70px;
      height: 70px;
      background: url('/assets/data/img/promotion/jobImprovent/7/btn_R.png') no-repeat !important;
      position: absolute;
      top: -35px;
      left: calc(50% + 470px);
      z-index: 1;
      font-size: 0;
}

.rowOneSlick2 .slick-prev {
      width: 70px;
      height: 70px;
      background: url('/assets/data/img/promotion/jobImprovent/7/btn_L.png') no-repeat !important;
      position: absolute;
      top: -35px;
      right: calc(50% + -513px);
      z-index: 1;
      font-size: 0;
}

.lecTitleDiv {
      object-fit: contain;
      font-family: NotoSansCJKkr;
      font-size: 12px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.63;
      letter-spacing: -0.36px;
      text-align: left;
      color: #222222;
      margin-bottom: 5px;

}

#_Paging_data_list a {
      text-decoration: none;
      color: inherit;
      letter-spacing: -0.51px;
      font-size: 13px;
      font-weight: 700;
      float: left;
      line-height: 1;
}

.star {
      display: inline-block;
      width: 73px;
      height: 26px;
      /* background: url(../image/re_starbg.png) repeat-x 0 -16px; */
      vertical-align: middle;
  }
  .star > span {
      display: block;
      height: 26px;
      background: url('/assets/data/img/board/boardLate/re_starbg.png') repeat-x 0 6px;
  }
  .cuz_pagenation{

  }
  
  .cuz_pagenation .paging a,
  .cuz_pagenation .paging .page a{
      cursor: pointer;
      color:#282B35;
      font-size: 16px;
      padding: 5px 12px;
      vertical-align: middle;
      margin: 0 2px;
  }
  .cuz_pagenation .paging .page .active{
      background: #282B35;
      color: #fff;
      padding: 5px 12px;
  }
  .page_first, .page_prev,
  .page_next, .page_last{
      border:1px solid #eeeeee;
      background: #fff;
  }
  .page_prev{
      margin-right: 20px !important;
  }
  .page_next{
      margin-left: 20px !important;
  }
  .page_first, .page_last{
      border: 1px solid #eeeeee;
      background: #fff;
      font-size: 12px !important;
      padding: 7px 12px !important;
  }