/*
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-color: #0D1119;
}

.conSec2 {
      background-color: #26334B;
}

.conSec2-2 {
      position: fixed;
      top: 0px;
      left: 0px;
      z-index: 9000;
}


.conSec3 {
      background: url('/assets/data/img/promotion/GsatSpecial/2025_2/pc/3/BG.png') no-repeat center center;
}

.conSec4 {
      background-color: #308EE4;
}

.conSec5 {}

.conSec6 {
      background: url('/assets/data/img/promotion/GsatSpecial/2025_2/pc/6/BG.png') no-repeat center center;
}

.conSec7 {}

.conSec8 {
      background-color: #F4F5F7;
}

.conSec9 {}

.conSec10 {
      background: url('/assets/data/img/promotion/GsatSpecial/2025_2/pc/10/BG.png') no-repeat center center;
}

.conSec11 {
      background-color: #24334B;
}


/*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: 210px;
      left: 0;
      color: white;
      font-size: 46px;
      text-align: center;
}

.ctNum1 {
      position: absolute;
      left: 321px !important;
      top: 0px !important;
}

.ctNum2 {
      position: absolute;
      left: 415px !important;
      top: 0px !important;
}

.ctNum3 {
      position: absolute;
      left: 508px !important;
      top: 0px !important;
}

.ctNum4 {
      position: absolute;
      left: 609px !important;
      top: 0px !important;
}

.ctNum5 {
      position: absolute;
      left: 703px !important;
      top: 0px !important;
}

._cursorP {
      cursor: pointer;
}

._PoAb {
      position: absolute
}

._PoRe {
      position: relative
}

._hide {
      display: none;
}

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

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

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


/* 하단  아코디언 스타일 예제 */
.BottomAccordionMainTitle {
      font-family: Pretendard !important;
      font-size: 32px;
      font-weight: 800;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.31;
      letter-spacing: normal;
      text-align: left;
      color: white;
      padding-top: 120px;
      padding-left: 130px;
}

.BottomAccordionTitle {
      font-family: Pretendard !important;
      padding-left: 130px;
      font-size: 22px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.91;
      letter-spacing: normal;
      text-align: left;
      color: #5dcaa6;
      margin-top: 80px;
}

.accordion {
      max-width: 844px;
      margin: 20px auto;
      margin-top: 28px;
      font-family: Pretendard !important;
      font-size: 17px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 2.47;
      letter-spacing: normal;
      text-align: left;
      color: #c1c1c1;
}

.accordion-item {
      margin-bottom: 5px;
}

.accordion-item-header {
      padding: 10px;
      cursor: pointer;
      border-bottom: solid 2px #4a494a;
}

.accordion-item-body {
      display: none;
      padding: 10px;
}

.header_active {
      color: white;
      font-weight: bold;
}

.conSecBottomAccordion {
      background-color: black;
      padding-bottom: 130px;
}

/* 하단 아코디언 스타일 종료 */

/* 좌우 슬릭 예제 */

.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/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; */
      margin-top: 30px;
      margin-bottom: 10px;
}

.conDivRowOneSlick {
      width: 90%;
}

/* 좌우 슬릭 종료 */

.slick-slide img {
      width: 300px;
}

/* 바텀 타입1 에제 */

.bottom_type1_title {
      padding-top: 48px;
      padding-bottom: 38px;
      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: white;
}

.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 {
      margin-top: 28px;
      font-family: Pretendard !important;
      font-size: 17px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.47;
      letter-spacing: normal;
      text-align: left;
      color: #c1c1c1;
}

.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: #131413;
      padding-bottom: 130px;
}

.date_title1 {
      font-family: Pretendard;
      font-weight: 500;
      font-style: Medium;
      font-size: 20px;
      line-height: 100%;
      letter-spacing: -2%;
      text-align: center;
      color: #FFFFFF;
      position: absolute;
      top: 746px;
      left: 370px;
      z-index: 1;
}

.date_title2 {
      font-family: Pretendard;
      font-weight: 500;
      font-style: Medium;
      font-size: 20px;
      line-height: 100%;
      letter-spacing: -2%;
      text-align: center;
      color: #FFFFFF;
      position: absolute;
      top: 746px;
      left: 504px;
      z-index: 1;
}

.date_rate1 {
      font-family: Pretendard;
      font-weight: 600;
      font-size: 25px;
      line-height: 100%;
      letter-spacing: -2%;
      text-align: center;
      position: absolute;
      top: 809px;
      left: 621px;
      z-index: 1;
      color: #F7FF7C;
}

.date_rate2 {
      font-family: Pretendard;
      font-weight: 500;
      font-size: 25px;
      line-height: 100%;
      letter-spacing: -2%;
      text-align: center;
      position: absolute;
      top: 397px;
      left: 524px;
      z-index: 1;
      color: #F7FF7C;
}

.now_type {
      font-family: Pretendard;
      font-weight: 600;
      font-size: 20px;
      line-height: 100%;
      letter-spacing: -2%;
      color: #F5F5F5;
      position: absolute;
      top: 140px;
      left: 540px;
      z-index: 1;
}

.date_title3 {
      font-weight: 400;
      font-size: 15px;
      line-height: 100%;
      letter-spacing: -2%;
      text-align: center;
      position: absolute;
      top: 283px;
      left: 418px;
      z-index: 1;
      color: #D7D7D7;
}

.date_title4 {
      font-family: Pretendard;
      font-weight: 500;
      font-style: Medium;
      font-size: 19px;
      line-height: 45px;
      letter-spacing: -2%;
      text-align: center;
      position: absolute;
      top: 226px;
      left: 391px;
      width: 315px;
      z-index: 1;
      color: #000000;

}

.item1_sale_title {
      font-family: Pretendard;
      font-weight: 500;
      font-size: 13px;
      line-height: 30px;
      letter-spacing: -2%;
      color: #FFFFFF;
      position: absolute;
      top: 576px;
      left: 71px;
      z-index: 1;
      width: 100px;
}

.item2_sale_title {
      font-family: Pretendard;
      font-weight: 500;
      font-size: 13px;
      line-height: 30px;
      letter-spacing: -2%;
      color: #FFFFFF;
      position: absolute;
      top: 576px;
      left: 421px;
      z-index: 1;
      width: 100px;
}

.item1_sale {
      font-family: Pretendard;
      font-weight: 600;
      font-size: 14px;
      line-height: 30px;
      letter-spacing: -2%;
      text-align: right;
      color: #E83534;
      position: absolute;
      top: 576px;
      left: 249px;
      z-index: 1;
      width: 80px;
}

.item2_sale {
      font-family: Pretendard;
      font-weight: 600;
      font-size: 14px;
      line-height: 30px;
      letter-spacing: -2%;
      text-align: right;
      color: #E83534;
      position: absolute;
      top: 576px;
      left: 599px;
      z-index: 1;
      width: 80px;
}

.item1_sale_price {
      font-family: Pretendard;
      font-weight: 400;
      font-size: 14px;
      line-height: 30px;
      letter-spacing: -2%;
      text-align: right;
      color: #000000;
      position: absolute;
      top: 626px;
      left: 249px;
      z-index: 1;
      width: 80px;
}

.item2_sale_price {
      font-family: Pretendard;
      font-weight: 600;
      font-size: 14px;
      line-height: 30px;
      letter-spacing: -2%;
      text-align: right;
      color: #4570FF;
      position: absolute;
      top: 626px;
      left: 600px;
      z-index: 1;
      width: 80px;
}

.item1_save_letmoney {
      font-family: Pretendard;
      font-weight: 600;
      font-size: 14px;
      line-height: 30px;
      letter-spacing: -2%;
      text-align: right;
      color: #4570FF;
      position: absolute;
      top: 649px;
      left: 249px;
      z-index: 1;
      width: 80px;
}

.item1_total_price {
      font-family: Pretendard;
      font-weight: 600;
      font-size: 18px;
      line-height: 30px;
      letter-spacing: -2%;
      text-align: right;
      color: black;
      position: absolute;
      top: 681px;
      left: 239px;
      z-index: 1;
      width: 90px;
}

.item2_total_price {
      font-family: Pretendard;
      font-weight: 600;
      font-size: 18px;
      line-height: 30px;
      letter-spacing: -2%;
      text-align: right;
      color: black;
      position: absolute;
      top: 674px;
      left: 591px;
      z-index: 1;
      width: 90px;
}

.item1_content {
      font-family: Pretendard;
      font-weight: 500;
      font-size: 13px;
      line-height: 30px;
      letter-spacing: -3%;
      text-align: center;
      color: #E83534;
      position: absolute;
      top: 723px;
      left: 72px;
      z-index: 1;
      width: 256px;
}

.item2_content {
      font-family: Pretendard;
      font-weight: 500;
      font-size: 13px;
      line-height: 30px;
      letter-spacing: -3%;
      text-align: center;
      color: #E83534;
      position: absolute;
      top: 723px;
      left: 423px;
      z-index: 1;
      width: 256px;
}

.conSec9_usemap_1 {
      position: absolute;
      bottom: 24%;
      left: 3%;
      width: 30%;
      height: 8%;
}

.conSec9_usemap_2 {
      position: absolute;
      bottom: 24%;
      left: 35%;
      width: 30%;
      height: 8%;
}

.conSec9_usemap_3 {
      position: absolute;
      bottom: 24%;
      left: 67%;
      width: 30%;
      height: 8%;
}

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

/* 여기부터 반응형 처리 */

/* 반응형 PC 비노출 처리 */
.conSecTop,
.conSecTopFix,
/* .conSec1_usemap, usemap 예제*/
.conSecBottom {
      display: none;
}

.conSec1_usemap {
      position: absolute;
      bottom: 17%;
      right: 15.5%;
      width: 6%;
      height: 18%;
}

.conSec4_usemap {
      position: absolute;
      top: 71%;
      left: 34%;
      width: 32%;
      height: 14%;
}

.conSec5_usemap {
      position: absolute;
      top: 89%;
      left: 83%;
      width: 11%;
      height: 4%;
}

.conDiv7M {
      display: none;
}

.m_title,
#conSec4ImgM,
.conSec5M,
.conSecRowOneSlick,
.m_sub_title {
      display: none;
}


.m_step {
      display: none;
}

.conSec9Mo {
      display: none;
}

@media screen and (max-width: 768px) {

      .conSec1_usemap {
            position: absolute;
            bottom: 8%;
            right: 6.5%;
            width: 8%;
            height: 12%;
      }

      .conSec7_usemap_1 {
            position: absolute;
            top: 48%;
            left: 11.5%;
            width: 77%;
            height: 6%;
      }

      .conSec7_usemap_2 {
            position: absolute;
            top: 55%;
            left: 11.5%;
            width: 77%;
            height: 6%;
      }

      .conSec7_usemap_3 {
            position: absolute;
            top: 62%;
            left: 11.5%;
            width: 77%;
            height: 6%;
      }

      .conSec7_usemap_4 {
            position: absolute;
            top: 69%;
            left: 11.5%;
            width: 77%;
            height: 6%;
      }

      .conSec7_usemap_5 {
            position: absolute;
            top: 76%;
            left: 11.5%;
            width: 77%;
            height: 6%;
      }

      .conSec7_usemap_6 {
            position: absolute;
            top: 83%;
            left: 11.5%;
            width: 77%;
            height: 6%;
      }

      .conSec7_usemap_7 {
            position: absolute;
            top: 90%;
            left: 11.5%;
            width: 77%;
            height: 6%;
      }


      .conDiv {
            width: auto;
      }

      #header {
            display: none;
      }

      #footer {
            display: none;
      }

      /* 모바일 헤더 */
      .conSecTop {
            display: block;
      }

      .conSecTopFix {
            display: block;
            position: fixed;
            top: 0px;
            left: 0px;
            z-index: 1;
      }

      ._headerArea {
            background: white;
            width: 100%;
            height: 56px;
      }

      ._headerLogo {
            float: left;
            margin-top: 19px;
            margin-left: 20px;
            cursor: pointer;
      }

      ._headerMenu {
            float: right;
            margin-top: 14px;
            margin-right: 20px;
            cursor: pointer;
      }

      ._headerMemberArea {
            width: 100%;
            border-top: 1px solid #C6CFDC;
            display: inline-block;
      }

      ._headerMemberInfo {
            font-family: Pretendard;
            font-weight: 700;
            font-style: Bold;
            font-size: 18px;
            line-height: 140%;
            letter-spacing: -2%;
            color: hsl(213, 18%, 12%);
            padding-top: 28px;
            padding-left: 20px;
            text-align: left;
            display: inline-block;
            float: left;
      }

      ._headerMemberLogout {
            font-weight: 400;
            font-size: 11px;
            line-height: 140%;
            letter-spacing: -2%;
            color: #2F3642;
            display: inline-block;
            float: right;
            padding-right: 20px;
            padding-top: 31px;
            cursor: pointer;
      }

      ._headerBox {
            cursor: pointer;
            border: 1px solid #C6CFDC;
            border-radius: 12px;
            display: inline-block;
            margin-top: 16px;
            float: left;
            padding: 20px;
            margin-right: 10px;
            font-family: Pretendard;
            font-weight: 400;
            font-size: 13px;
            line-height: 140%;
            letter-spacing: -2%;

      }

      ._bodyArea {
            display: none;
            /* 처음엔 숨김 */
            background: #fff;
            padding: 0px 0px 20px 0px;
            font-size: 14px;
            height: 162px;
            width: 100%;
            position: absolute;
            left: 0px;
            top: 56px;
            border-bottom: 1px solid #C6CFDC;
      }

      /* 풋터 아코디언 */
      .accordion-item {
            padding: 0px 10px;
      }

      .BottomAccordionTitle {
            padding-left: 10px;
      }

      .BottomAccordionMainTitle {
            padding-left: 0px;
            text-align: center;
            margin-top: 0px !important;
            font-size: 28px;
      }

      /* 풋터 데모 가이드 플루터 */
      ._poFixBg {
            bottom: 100px;
      }

      .conFlt2 div {
            bottom: 145px;
      }

      .conSecBottom {
            display: block;
            position: fixed;
            bottom: 0px;
            left: 0px;
            width: 100%;
            height: 80px;
            background: #26334B;
            z-index: 1;
      }

      .conDivBottom {
            height: 100%;
      }

      ._fltArea {
            font-size: 12px;
            font-weight: 700;
            color: white;
            height: 100%;
            display: flex;
      }

      ._fltMenu {
            display: inline-block;
            width: 31%;
            height: 100%;
            line-height: 140%;
            vertical-align: middle;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
      }

      ._fltArea_active {
            color: #3BBAFF;
            border-top: 3px solid #06A7FF;
      }

      #top_btn {
            display: none;
      }

      /* 우측 프로팅,데모 가이드 플로팅 비노출 */
      .conFlt1,
      ._poFixBg {
            display: none;
      }

      .conSec2,
      .conSec2-2 {
            display: none;
      }

      .conDiv7 {
            display: none;
      }

      .conDiv7M {
            display: inline-block;
      }

      .conDiv7M img {
            width: 100%;
      }

      .m_title {
            font-family: Pretendard;
            font-weight: 700;
            font-style: Bold;
            font-size: 5vw;
            line-height: 100%;
            letter-spacing: -2%;
            text-align: center;
            color: #FFFFFF;
            display: inline-block;
            margin-top: 70px;
            margin-bottom: 32px;
      }


      .date_title1,
      .date_title2,
      .date_rate1,
      .now_type,
      .date_title3,
      .date_rate2 {
            display: none;
      }

      .timerWrp {
            position: relative !important;
            display: inline-block;
            top: 0px;
            margin-bottom: 21px;
      }

      .ctNumParent {
            padding: 15px 19px;
            font-family: Pretendard;
            font-weight: 600;
            font-size: 4.8vw;
            line-height: 100%;
            letter-spacing: -2%;
            background: #063057;
            border-radius: 9px;
            display: inline-block;
      }

      .m_step {
            display: inline-block;
      }

      .ctNum1 {
            position: unset;
      }

      .ctNum2 {
            position: unset;
      }

      .ctNum3 {
            position: unset;
      }

      .ctNum4 {
            position: unset;
      }

      .ctNum5 {
            display: none;
            position: unset;
      }

      #conSec4ImgM {
            width: 80% !important;
            margin-bottom: 70px;
            display: inline-block;
      }

      #conSec4Img {
            display: none;
      }

      .m_sub_title {
            font-weight: 500;
            font-size: 4vw;
            line-height: 100%;
            letter-spacing: -2%;
            text-align: center;
            text-decoration: underline;
            text-decoration-style: solid;
            text-decoration-thickness: 0%;
            text-decoration-skip-ink: auto;
            display: inline-block;
            color: white;
            margin-bottom: 35px;
      }

      .conSec4_usemap {
            position: absolute;
            top: 62%;
            left: 10%;
            width: 80%;
            height: 22%;
      }

      .date_title4 {
            display: none;
      }

      .conSec5M,.conSecRowOneSlick {
            display: inline-block;
      }

      .conSec5M img {
            /* width: 70%; */
      }

      .conSec5 {
            display: none;
      }

      .conSec5_usemap {
            position: absolute;
            bottom: 57%;
            top: auto;
            left: 14%;
            width: 72%;
            height: 42%;
      }

      .conSec9Pc {
            display: none;
      }


      /* 상품 반응형 처리 */
      ._lectureItem img {
            /* height: 100px; */
            border-radius: 4px;
            width: 100%;
            /* height: 114px; */
      }

      ._lectureAreaTitle {
            text-align: left;
            margin-top: 45px;
            margin-left: 20px;
      }

      ._lectureList {
            margin-left: 24px;
            display: flex;
            flex-wrap: wrap;
            align-content: center;
            justify-content: flex-start;
            align-items: center;
            gap: 8px;
            margin-top: 30px;
      }

      /* 강의 3줄 */
      ._lectureItem {
            border: 1.6px solid #3BA1FF;
            border-radius: 8px;
            /* width: calc(33.3333333333% - 1.0666666667rem); */
            width: calc(50% - 1.0666666667rem);
            margin-bottom: 10px;
            padding: 11px 10px 11px 10px;
      }

      ._itemTitle {
            font-weight: 600;
            font-size: 14px;
            line-height: 18px;
            letter-spacing: -2%;
            text-align: center;
            color: black;
            margin-bottom: 10px;
            height: 54px;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
      }

      ._ItemBtn {
            font-weight: 700;
            font-size: 13px;
            line-height: 31px;
            letter-spacing: -2%;
            text-align: center;
            color: white;
            padding: 10px;
            width: 100%;
            text-align: center;
            background-color: #3BA1FF;
            border-radius: 4px;
            cursor: pointer;
      }

      .price1 {
            font-family: Pretendard;
            font-weight: 400;
            font-size: 12px;
            letter-spacing: -2%;
            color: #585858;
            text-align: left;
            width: 100%;
            margin-top: 10px;
      }

      .price1 span {
            font-family: Pretendard;
            font-weight: 400;
            font-size: 12px;
            letter-spacing: -2%;
            color: #585858;
            text-align: left;
            float: right;
      }

      .price2 {
            width: 100%;
            margin-top: 5px;
            display: inline-block;
      }

      .price2_1 {
            font-family: Pretendard;
            font-weight: 700;
            font-size: 12px;
            letter-spacing: -2%;
            color: white;
            background-color: #E83534;
            border-radius: 3px;
            padding: 3px 5px;
            float: left;
            display: inline-block;
      }

      .price2_2 {
            font-family: Pretendard;
            font-weight: 700;
            font-size: 12px;
            letter-spacing: -2%;
            color: #E83534;
            border-radius: 3px;
            padding: 3px 0px;
            float: right;
            display: inline-block;
      }

      ._itemHr {
            width: 100%;
            border-bottom: 1px dotted #BDC7D0;
            margin-top: 10px;
            margin-bottom: 10px;
      }

      .price3 {
            font-weight: 400;
            font-size: 12px;
            text-align: left;
            width: 100%;
            color: black;
      }

      .price3 span {
            font-family: Pretendard;
            font-weight: 400;
            font-size: 12px;
            letter-spacing: -2%;
            color: black;
            text-align: left;
            float: right;
      }


      .price4 {
            font-weight: 400;
            font-size: 12px;
            text-align: left;
            width: 100%;
            color: #4570FF;
            margin-top: 6px;
      }

      .price4 span {
            font-family: Pretendard;
            font-weight: 400;
            font-size: 12px;
            letter-spacing: -2%;
            color: #4570FF;
            text-align: left;
            float: right;
      }

      .price5 {
            font-weight: 700;
            font-size: 12px;
            text-align: left;
            width: 100%;
            color: #000000;
            margin-top: 6px;
      }

      .price5 span {
            font-family: Pretendard;
            font-weight: 700;
            font-size: 12px;
            letter-spacing: -2%;
            color: #000000;
            text-align: left;
            float: right;
      }

      ._itemTag {
            width: 100%;
            font-family: Pretendard;
            font-weight: 500;
            font-size: 11px;
            letter-spacing: -4%;
            text-align: center;
            color: #E83534;
            display: inline-block;
            padding: 3px 0px;
            background-color: #FFF3F3C2;
            margin-top: 10px;
            margin-bottom: 10px;
      }

      .price_area1 {
            height: 45px;
      }

      .price_area2 {
            height: 127px;
      }


      .conSec9Mo {
            display: inline-block;
      }
}

/* 강의 2줄 */
@media screen and (max-width: 509px) {

      ._lectureItem {
            width: calc(100% - 1.0666666667rem);
            /* width: calc(50% - 1.0666666667rem); */
      }

      ._itemTitle {
            font-weight: 600;
            font-size: 20px;
            line-height: 18px;
            letter-spacing: -2%;
            text-align: center;
            color: black;
            margin-bottom: 10px;
            height: 54px;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
      }

      .price1 {
            font-family: Pretendard;
            font-weight: 400;
            font-size: 20px;
            letter-spacing: -2%;
            color: #585858;
            text-align: left;
            width: 100%;
            margin-top: 10px;
      }

      .price1 span {
            font-family: Pretendard;
            font-weight: 400;
            font-size: 20px;
            letter-spacing: -2%;
            color: #585858;
            text-align: left;
            float: right;
      }

      .price2 {
            width: 100%;
            margin-top: 5px;
            display: inline-block;
      }

      .price2_1 {
            font-family: Pretendard;
            font-weight: 700;
            font-size: 20px;
            letter-spacing: -2%;
            color: white;
            background-color: #E83534;
            border-radius: 3px;
            padding: 3px 5px;
            float: left;
            display: inline-block;
      }

      .price2_2 {
            font-family: Pretendard;
            font-weight: 700;
            font-size: 20px;
            letter-spacing: -2%;
            color: #E83534;
            border-radius: 3px;
            padding: 3px 0px;
            float: right;
            display: inline-block;
      }

      ._itemHr {
            width: 100%;
            border-bottom: 1px dotted #BDC7D0;
            margin-top: 10px;
            margin-bottom: 10px;
      }

      .price3 {
            font-weight: 400;
            font-size: 20px;
            text-align: left;
            width: 100%;
            color: black;
      }

      .price3 span {
            font-family: Pretendard;
            font-weight: 400;
            font-size: 20px;
            letter-spacing: -2%;
            color: black;
            text-align: left;
            float: right;
      }


      .price4 {
            font-weight: 400;
            font-size: 20px;
            text-align: left;
            width: 100%;
            color: #4570FF;
            margin-top: 6px;
      }

      .price4 span {
            font-family: Pretendard;
            font-weight: 400;
            font-size: 20px;
            letter-spacing: -2%;
            color: #4570FF;
            text-align: left;
            float: right;
      }

      .price5 {
            font-weight: 700;
            font-size: 20px;
            text-align: left;
            width: 100%;
            color: #000000;
            margin-top: 6px;
      }

      .price5 span {
            font-family: Pretendard;
            font-weight: 700;
            font-size: 20px;
            letter-spacing: -2%;
            color: #000000;
            text-align: left;
            float: right;
      }

      .price_area1 {
            height: 77px;
      }

      .price_area2 {
            height: 152px;
      }

      ._ItemBtn {
            font-weight: 700;
            font-size: 20px;
            line-height: 31px;
            letter-spacing: -2%;
            text-align: center;
            color: white;
            padding: 10px;
            width: 100%;
            text-align: center;
            background-color: #3BA1FF;
            border-radius: 4px;
            cursor: pointer;
      }

      ._itemTag {
            width: 100%;
            font-family: Pretendard;
            font-weight: 500;
            font-size: 15px;
            letter-spacing: -4%;
            text-align: center;
            color: #E83534;
            display: inline-block;
            padding: 3px 0px;
            background-color: #FFF3F3C2;
            margin-top: 10px;
            margin-bottom: 10px;
      }
}

/* 여기까지 반응형 처리 */