/*
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/sul/2501/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: #0b1c3f;
}

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


.conSec3 {
      /* background-color: #181f2f; */
      /* background: url('/assets/data/img/promotion/sul/2501/3/bg.png') no-repeat center center; */
}

.conSec4 {
      background: #f3f5f8;
      padding-bottom: 1px;
}

.conSec5 {
      background: url('/assets/data/img/promotion/sul/2501/5/bg.png') no-repeat center center;
}

.conSec6 {
      background: #f3f5f8;
      padding-bottom: 1px;
}

.conSec7 {
      background: url('/assets/data/img/promotion/sul/2501/7/BG.png') no-repeat center center;
}

.conSec8 {
      /* background: url('/assets/data/img/promotion/sul/2501/8/bg.png') no-repeat center center; */
}

.conSec9 {
      background: url('/assets/data/img/promotion/sul/2501/9/BG.png') no-repeat center center;
}

.conSec10 {
      background: #091632;
}


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

.sec2Timer {
      top: 543px;
      color: black;
      font-size: 29.5px;
      text-align: left;
      margin-left: 288px;
      width: 370px;
}

.conSec3Top {
      height: 64px;
      border-bottom: 1px solid #e8e8e8;
}

.conSec3TopItem {
      /* height: 100%; */
      height: calc(100% - 4px);
      font-family: Pretendard;
      font-size: 15px;
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      line-height: 62px;
      letter-spacing: normal;
      text-align: center;
      color: #606060;
      display: inline-block;
      width: 25%;
      cursor: pointer;
}

.conSec3TopItem.active {
      border-bottom: 4px solid #01b4ff;
      font-weight: 600;
      color: #202430;
}

/* .conSec3TopItem:hover {
      border-bottom: 4px solid #01b4ff;
      font-weight: 600;
      color: #202430;
} */

.flotingActive {
      position: fixed !important;
      top: 0px;
      z-index: 1;
      background-color: white;
}


.div3Box {
      border-radius: 0px 0px 6px 6px;
      border-left: solid 1px #cbd1da;
      border-right: solid 1px #cbd1da;
      border-bottom: solid 1px #cbd1da;
      height: 402px;
      margin-bottom: 97px;
      padding: 30px 22px 30px 22px;
      overflow: auto;
}

.div3BoxItem {
      width: 226px;
      height: 400px;
      display: inline-block;
      margin-bottom: 33px;
}

.div3BoxItem:not(:nth-child(4n)) {
      margin-right: 45px;
}

.div3BoxItem img {
      width: 226px;
      height: 180px;
}

.div3BoxItem ._title {
      width: 226px;
      margin-top: 11px;
      font-family: Pretendard;
      font-size: 15px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.47;
      letter-spacing: -0.15px;
      text-align: left;
      color: #222;
      height: 45px;
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
}

.div3BoxItem ._price1 {
      width: 226px;
      /* height: 30px; */
      font-family: Pretendard;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.67;
      letter-spacing: -0.36px;
      text-align: right;
      color: #222;
}

.div3BoxItem ._price1 span {
      color: #9d9793;
      float: left;
}

.div3BoxItem ._price2 {
      width: 226px;
      /* height: 30px; */
      font-size: 12px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.67;
      letter-spacing: -0.6px;
      text-align: right;
      color: #e60012;
}

.div3BoxItem ._price2 span {
      float: left;
}

.div3BoxItem ._price3 {
      width: 226px;
      /* height: 30px; */
      font-size: 12px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.67;
      letter-spacing: -0.6px;
      text-align: right;
      color: #e60012;
}

.div3BoxItem ._price3 span {
      float: left;
}

.div3BoxItem ._saleRate {
      font-size: 10.5px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.5;
      text-align: right;
      display: inline-block;
      padding: 1px 5px 0px 5px;
      background: red;
      color: white;
}

.div3BoxItem ._totalPrice {
      width: 226px;
      height: 30px;
      text-align: right;
      font-size: 15.5px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.29;
      letter-spacing: -0.47px;
      text-align: right;
      color: #090909;
}

.div3BoxItem ._totalPrice span {
      font-weight: 500;
      font-size: 13.5px;
      float: left;
      color: #222222;
}

.div3BoxItem ._hr {
      width: 226px;
      height: 1px;
      margin: 11px 0px 11px 0px;
      background-color: #eee;
}

.div3BoxItem ._btn1 {
      width: 110px;
      height: 33px;
      margin: 0px 2px 0 0px;
      border-radius: 4px;
      border: solid 1px #cbd1da;
      font-size: 11.5px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 2.9;
      letter-spacing: -0.29px;
      text-align: center;
      color: #41464c;
      display: inline-block;
      float: left;
      cursor: pointer;
}

.div3BoxItem ._btn2 {
      width: 110px;
      height: 33px;
      margin: 0px 0px 0 0px;
      border-radius: 4px;
      border: solid 1px #cbd1da;
      font-size: 11.5px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 2.9;
      letter-spacing: -0.29px;
      text-align: center;
      color: white;
      display: inline-block;
      float: left;
      background: #0062df;
      cursor: pointer;
}

.div3BoxItem ._btn3 {
      width: 226px;
      height: 33px;
      margin: 0px 0px 0 0px;
      border-radius: 4px;
      border: solid 1px #cbd1da;
      font-size: 11.5px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 2.9;
      letter-spacing: -0.29px;
      text-align: center;
      color: white;
      display: inline-block;
      float: left;
      background: #0062df;
      cursor: pointer;
}

.div3BoxItem ._teacher_name {
      font-family: Pretendard;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.83;
      letter-spacing: -0.12px;
      text-align: left;
      color: #7d7d7d;
      height: 22px;
}

.div3BoxItem ._study_date {
      font-family: Pretendard;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.83;
      letter-spacing: -0.12px;
      text-align: left;
      color: #7d7d7d;
      height: 44px;
}

.div3BoxItem ._start_date {
      font-family: Pretendard;
      font-size: 12px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.83;
      letter-spacing: -0.12px;
      text-align: left;
      color: #7d7d7d;
      height: 22px;
}

.div4Box {
      border-radius: 6px 6px 6px 6px;
      border-top: solid 1px #cbd1da;
      border-left: solid 1px #cbd1da;
      border-right: solid 1px #cbd1da;
      border-bottom: solid 1px #cbd1da;
      height: 472px;
      margin-bottom: 97px;
      background: #ffffff;
      padding: 30px 22px 30px 22px;
      /* overflow: auto; */
}

.div5Box {
      border-radius: 6px 6px 6px 6px;
      border-top: solid 1px #cbd1da;
      border-left: solid 1px #cbd1da;
      border-right: solid 1px #cbd1da;
      border-bottom: solid 1px #cbd1da;
      height: 402px;
      margin-bottom: 97px;
      background: #ffffff;
      padding: 30px 22px 30px 22px;
      overflow: auto;
}

.div6Box {
      border-radius: 6px 6px 6px 6px;
      border-top: solid 1px #cbd1da;
      border-left: solid 1px #cbd1da;
      border-right: solid 1px #cbd1da;
      border-bottom: solid 1px #cbd1da;
      height: 1042px;
      margin-bottom: 97px;
      background: #ffffff;
      padding: 30px 22px 30px 22px;
      overflow: auto;
}

.conSec3subTab1 {
      position: absolute;
      top: 346px;
      left: 223px;
      cursor: pointer;
      height: 44px;
      width: 166px;
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab/1_1.png');
}

.conSec3subTab1.active {
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab/1_3.png');
      background-size: cover;
}

.conSec3subTab1:not(.active):hover {
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab/1_2(hover).png');
}

.conSec3subTab2 {
      position: absolute;
      top: 346px;
      left: 450px;
      cursor: pointer;
      height: 44px;
      width: 193px;
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab/2.png');
}

.conSec3subTab2:not(.active):hover {
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab/2_2(hover).png');
}

.conSec3subTab2.active {
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab/2_3.png');
      background-size: cover;
}

.conSec3subTab3 {
      position: absolute;
      top: 346px;
      left: 700px;
      cursor: pointer;
      height: 44px;
      width: 172px;
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab/3_1.png');
}

.conSec3subTab3:not(.active):hover {
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab/3_2(hover).png');
}

.conSec3subTab3.active {
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab/3_3.png');
      background-size: cover;
}

.conSec3subTabB1 {
      position: absolute;
      top: 83px;
      left: 286px;
      cursor: pointer;
      height: 44px;
      width: 75px;
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab2/1_1.png');
}

.conSec3subTabB2 {
      position: absolute;
      top: 83px;
      left: 397px;
      cursor: pointer;
      height: 44px;
      width: 100px;

      background-image: url('/assets/data/img/promotion/sul/2501/3/tab2/2_1.png');
}

.conSec3subTabB3 {
      position: absolute;
      top: 83px;
      left: 530px;
      cursor: pointer;
      height: 44px;
      width: 114px;
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab2/3_1.png');
}

.conSec3subTabB4 {
      position: absolute;
      top: 83px;
      left: 675px;
      cursor: pointer;
      height: 44px;
      width: 119px;
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab2/4_1.png');
}

.conSec3subTabB1:not(.active):hover {
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab2/1_2.png');
}

.conSec3subTabB2:not(.active):hover {
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab2/2_2.png');
}

.conSec3subTabB3:not(.active):hover {
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab2/3_2.png');
}

.conSec3subTabB4:not(.active):hover {
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab2/4_2.png');
}

.conSec3subTabB1.active {
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab2/1_3.png');
}

.conSec3subTabB2.active {
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab2/2_3.png');
}

.conSec3subTabB3.active {
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab2/3_3.png');
}

.conSec3subTabB4.active {
      background-image: url('/assets/data/img/promotion/sul/2501/3/tab2/4_3.png');
}

#changeTabContentItem2 {}

#changeTabContentItem3 {}

#changeTabContentRight {
      overflow: auto;
      width: 645px;
      height: 382px;
      top: 22px;
      left: 396px;
      position: absolute;
}

.lectureList {
      text-align: left;
}

.div3List1 {
      text-align: left;
}

.div3List2 {
      text-align: left;
}

.div3List3 {
      text-align: left;
}

.div3List4 {
      text-align: left;
}

._modalCon {
      /* width: 771px; */
      margin: 0 auto;
      margin-top: 30px;
}

.csmCon4 {
      width: 1100px;
      background: #FFFFFF;
      /* top: 38px !important; */
      padding: 60px 24px;
      box-sizing: border-box;
      border-radius: 8px;
      background: #FFFFFF;
      z-index: 10001;
      position: absolute;
}

._pmodallecInfo {
      /* width: 1052px; */
      height: 625px;
      padding: 0 19px 0 50px;
      overflow-y: scroll;
      overflow-x: hidden;
      margin-bottom: 0px;
      margin-top: 0px;
}


.closeBtn {
      position: absolute;
      display: block;
      width: 24px;
      height: 25px;
      top: 26px;
      right: 24px;
      background: url('/assets/data/img/promotion/GsatBst/20240826/modal/closebtn.png') no-repeat center center;
      z-index: 10;
}

._pmodallecInfo img {
      width: 100% !important;
      /* height: 100% !important; */
}

.csm4Tlt {
      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: 22px;
      line-height: 23px;
      font-weight: 800;
      letter-spacing: -0.48px;
      text-align: left;
      position: absolute;
      top: 40px;
      left: 40px;
      color: #202020;
}

.csm4BI_1 {
      position: absolute;
      top: 275px;
      left: 44px;
      font-size: 0;
      counter-reset: list-number;
}

._csm4BTxt {
      counter-increment: list-number;
      position: relative;
      padding-left: 16px;
      margin-bottom: 10px;
}

._csm4BTxt:before {
      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;
      content: counter(list-number) ")";
      position: absolute;
      top: 0px;
      left: 0;
      font-size: 14px;
      font-weight: 500;
      line-height: 15px;
      height: 15px;
      color: #2a2a2a;
      text-align: left;
      letter-spacing: -0.32px;
}

._csm4BTxt>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;
      font-size: 15px;
      font-weight: 500;
      line-height: 15px;
      height: 15px;
      color: #2a2a2a;
      text-align: left;
      letter-spacing: -0.32px;
}

.csm4BI_2 {
      width: calc(100% - 80px);
      position: absolute;
      top: 575px;
      left: 40px;
}

._csm4Rdio {
      height: 18px;
      margin-bottom: 14px;
}

._csm4Rdio:last-child {
      margin-bottom: 0;
}

._csm4Rdio input[type="radio"]+label {
      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;
      background: url('/assets/data/img/promotion/Freepass0/modal/radio_off.png') left top no-repeat;
      background-size: 18px 18px;
      font-size: 15px;
      font-weight: 500;
      width: calc(100% - 28px);
      line-height: 18px;
      letter-spacing: -0.32px;
      text-align: left;
      color: #1b1b1b;
      padding: 0px 0 0px 28px;
      -ms-user-select: none;
      -moz-user-select: -moz-none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      user-select: none;
      cursor: pointer;
      vertical-align: text-top;
}

._csm4Rdio input[type="radio"]:checked+label {
      background: url('/assets/data/img/promotion/Freepass0/modal/radio_on.png') left top no-repeat;
      background-size: 18px 18px;
}

.csm4BtnDiv8 {
      width: calc(100% - 80px);
      height: 80px;
      padding: 0 40px;
      position: absolute;
      bottom: 0;
      left: 0;
      font-size: 0;
}

.csm4BtnDiv9 {
      width: calc(100% - 80px);
      height: 80px;
      padding: 0 40px;
      position: absolute;
      top: 1138px;
      left: 0;
      font-size: 0;
}

.csm4BtnDiv {
      width: calc(100% - 80px);
      height: 80px;
      padding: 0 40px;
      position: absolute;
      bottom: 0;
      left: 0;
      font-size: 0;
}

.csm4BtnDiv8 ._prc {
      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: 26px;
      font-weight: bold;
      letter-spacing: -0.4px;
      text-align: left;
      color: #191919;
      padding-top: 14px;
      width: 200px;
      text-align: right;
      margin-left: 158px;
}

.csm4BtnDiv9 ._prc {
      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: 26px;
      font-weight: bold;
      letter-spacing: -0.4px;
      text-align: left;
      color: #191919;
      padding-top: 14px;
      width: 200px;
      text-align: right;
      margin-left: 158px;
}

.csm4BtnDiv8 ._btn:disabled {
      background: #e4e4e4;
      color: #a4a4a4;
}

.csm4BtnDiv9 ._btn:disabled {
      background: #e4e4e4;
      color: #a4a4a4;
}


.csm4BtnDiv ._txt {
      display: inline-block;
      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;
      background: #db0f2b;
      border-radius: 4px;
      padding: 0 5px;
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      margin-top: 3px;
      letter-spacing: -0.24px;
      color: #ffffff;
}

.csm4BtnDiv ._txt>span {
      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-weight: bold;
}

.csm4BtnDiv8 ._btn {
      position: absolute;
      bottom: 26px;
      right: 0;
      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;
      background: #25231c;
      border-radius: 6px;
      width: 140px;
      height: 46px;
      border: 0;
      line-height: 46px;
      color: #ffffff;
      font-size: 17px;
      font-weight: bold;
}


.csm4BtnDiv9 ._btn {
      position: absolute;
      bottom: 26px;
      right: 0;
      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;
      background: #25231c;
      border-radius: 6px;
      width: 140px;
      height: 46px;
      border: 0;
      line-height: 46px;
      color: #ffffff;
      font-size: 17px;
      font-weight: bold;
}

.csm4BtnDiv ._btn:disabled {
      background: #e4e4e4;
      color: #a4a4a4;
}

.aplAgrDiv {
      position: absolute;
      top: 1085px;
      right: 15px;
      font-family: NotoSansCJKkr !important;
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.14;
      letter-spacing: -0.28px;
      text-align: left;
      color: #363535;
}


input[type="checkbox"]#agrChBox {
      display: none;
}

input[type=checkbox]#agrChBox+label {
      display: inline-block;
      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;
      cursor: pointer;
      width: auto;
      height: 17px;
      background: url('/assets/data/img/promotion/EmrIns/modal/checkbox_off.png') no-repeat left center;
      padding-left: 25px;
      padding-right: 10px;
      font-size: 14px;
      line-height: 17px;
      font-weight: bold;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}

input[type=checkbox]#agrChBox:checked+label {
      background: url('/assets/data/img/promotion/EmrIns/modal/checkbox_on.png') no-repeat left center;
}

input[type=checkbox]:checked+label {
      background: url('/assets/data/img/admin/renew/check_on.png') no-repeat left 0;
      border: 0;
}

.conDiv7 {

      width: 100%;
}

.revRol_2 {
      position: relative;
}

.revRol_2 .slick-slide {
      margin: 0 10px;
      opacity: 0.5;
}

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

.revRol_2 .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: 9;
      font-size: 0;
}

.revRol_2 .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: 9;
      font-size: 0;
}

#scsAplWrp_number1 {
      font-size: 30.5px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.44;
      letter-spacing: 22.39px;
      text-align: center;
      color: white;
      position: absolute;
      top: 118px;
      left: 523px;
}

#scsAplWrp_number2 {
      font-size: 30.5px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.44;
      letter-spacing: 23.39px;
      text-align: center;
      color: white;
      position: absolute;
      top: 118px;
      left: 618px;
}

.scsAplWrp {
      display: inline-block;
      width: 500px;
      margin: 0 auto;
      /* padding-top: 28px; */
}

.success-head {
      background: #201f42;
}

.success-head ul,
.success-body ul {
      display: flex;
}

.success-head li {
      font-size: 16px;
      color: #fff;
      text-align: center;
      height: 51px;
      line-height: 53px;
}

.success-body li {
      background: #34326d;
      font-size: 16px;
      color: white;
      height: 57px;
      line-height: 57px;
      text-align: center;
      border-bottom: 1px solid #c3c3c3;
}

.success-head li:nth-child(1),
.success-body li:nth-child(1) {
      width: 190px;
}

.success-head li:nth-child(2),
.success-body li:nth-child(2) {
      width: 120px;
}

.success-head li:nth-child(3),
.success-body li:nth-child(3) {
      width: 180px;
}

.success-head li:nth-child(4),
.success-body li:nth-child(4) {
      width: 160px;
}

.success-head li:nth-child(5),
.success-body li:nth-child(5) {
      width: 350px;
}

#success-list {
      /* border-bottom: 2px solid #253b84; */
}


#success-list2 {
      /* border-bottom: 2px solid #253b84; */
}