/*
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');

@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;
}

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

._poRe {
    position: relative;
}

._poAb {
    position: absolute;
}

._poFix {
    position: fixed !important;
}

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


._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: #4A78FB;
    height: 400px;
}

.video-background video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.conSec2 {}

.conSec3 {
    margin-top: 108px;
    margin-bottom: 120px;
}

.conSec4 {
    background-color: #F6F7FC;
    height: 80px;
}

.conSec5 {}

.conSec6 {}

.conSec7 {
    /* background: #A8AFE8; */
    background: linear-gradient(to right, #A8AFE8 0%, #cad1f5 100%);
    height: 200px;
    /* background-image: url(/assets/data/img/index/contentRcmnd/5/1.png); */
    background-position: center center;
    background-repeat: no-repeat;
}

.conSec8 {
    background: #212124;
    height: 444px;
    background-image: url(/assets/data/img/index/contentRcmnd/5/2.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.conDiv5 {
    text-align: left !important;
    display: flex;
    position: relative;
    margin-bottom: 36px;
}

.conDiv6 {
    text-align: left !important;
}

.conDiv7 {
    width: 100%;

}

.conDiv8 {
    width: 100%;
}

/* 기본 마진 패딩 세팅 */

._mt5 {
    margin-top: 5px;
}

._mt10 {
    margin-top: 10px;
}

._mt15 {
    margin-top: 15px;
}

._mt20 {
    margin-top: 20px;
}

._mt25 {
    margin-top: 25px;
}

._mt30 {
    margin-top: 30px;
}

._mt35 {
    margin-top: 35px;
}

._mt40 {
    margin-top: 40px;
}

._mt45 {
    margin-top: 45px;
}

._mt50 {
    margin-top: 50px;
}

._mt55 {
    margin-top: 55px;
}

._mt60 {
    margin-top: 60px;
}

._mt65 {
    margin-top: 65px;
}

._mt70 {
    margin-top: 70px;
}

._mt75 {
    margin-top: 75px;
}

._mt80 {
    margin-top: 80px;
}

._mt85 {
    margin-top: 85px;
}

._mt90 {
    margin-top: 90px;
}

._mt95 {
    margin-top: 95px;
}

._mt100 {
    margin-top: 100px;
}


._mb5 {
    margin-bottom: 5px;
}

._mb10 {
    margin-bottom: 10px;
}

._mb15 {
    margin-bottom: 15px;
}

._mb20 {
    margin-bottom: 20px;
}

._mb25 {
    margin-bottom: 25px;
}

._mb30 {
    margin-bottom: 30px;
}

._mb35 {
    margin-bottom: 35px;
}

._mb40 {
    margin-bottom: 40px;
}

._mb45 {
    margin-bottom: 45px;
}

._mb50 {
    margin-bottom: 50px;
}

._mb55 {
    margin-bottom: 55px;
}

._mb60 {
    margin-bottom: 60px;
}

._mb65 {
    margin-bottom: 65px;
}

._mb70 {
    margin-bottom: 70px;
}

._mb75 {
    margin-bottom: 75px;
}

._mb80 {
    margin-bottom: 80px;
}

._mb85 {
    margin-bottom: 85px;
}

._mb90 {
    margin-bottom: 90px;
}

._mb95 {
    margin-bottom: 95px;
}

._mb100 {
    margin-bottom: 100px;
}

._ml5 {
    margin-left: 5px;
}

._ml10 {
    margin-left: 10px;
}

._ml15 {
    margin-left: 15px;
}

._ml20 {
    margin-left: 20px;
}

._ml25 {
    margin-left: 25px;
}

._ml30 {
    margin-left: 30px;
}

._ml35 {
    margin-left: 35px;
}

._ml40 {
    margin-left: 40px;
}

._ml45 {
    margin-left: 45px;
}

._ml50 {
    margin-left: 50px;
}

._ml55 {
    margin-left: 55px;
}

._ml60 {
    margin-left: 60px;
}

._ml65 {
    margin-left: 65px;
}

._ml70 {
    margin-left: 70px;
}

._ml75 {
    margin-left: 75px;
}

._ml80 {
    margin-left: 80px;
}

._ml85 {
    margin-left: 85px;
}

._ml90 {
    margin-left: 90px;
}

._ml95 {
    margin-left: 95px;
}

._ml100 {
    margin-left: 100px;
}

._mr5 {
    margin-right: 5px;
}

._mr10 {
    margin-right: 10px;
}

._mr15 {
    margin-right: 15px;
}

._mr20 {
    margin-right: 20px;
}

._mr25 {
    margin-right: 25px;
}

._mr30 {
    margin-right: 30px;
}

._mr35 {
    margin-right: 35px;
}

._mr40 {
    margin-right: 40px;
}

._mr45 {
    margin-right: 45px;
}

._mr50 {
    margin-right: 50px;
}

._mr55 {
    margin-right: 55px;
}

._mr60 {
    margin-right: 60px;
}

._mr65 {
    margin-right: 65px;
}

._mr70 {
    margin-right: 70px;
}

._mr75 {
    margin-right: 75px;
}

._mr80 {
    margin-right: 80px;
}

._mr85 {
    margin-right: 85px;
}

._mr90 {
    margin-right: 90px;
}

._mr95 {
    margin-right: 95px;
}

._mr100 {
    margin-right: 100px;
}

._pt5 {
    padding-top: 5px;
}

._pt10 {
    padding-top: 10px;
}

._pt15 {
    padding-top: 15px;
}

._pt20 {
    padding-top: 20px;
}

._pt25 {
    padding-top: 25px;
}

._pt30 {
    padding-top: 30px;
}

._pt35 {
    padding-top: 35px;
}

._pt40 {
    padding-top: 40px;
}

._pt45 {
    padding-top: 45px;
}

._pt50 {
    padding-top: 50px;
}

._pt55 {
    padding-top: 55px;
}

._pt60 {
    padding-top: 60px;
}

._pt65 {
    padding-top: 65px;
}

._pt70 {
    padding-top: 70px;
}

._pt75 {
    padding-top: 75px;
}

._pt80 {
    padding-top: 80px;
}

._pt85 {
    padding-top: 85px;
}

._pt90 {
    padding-top: 90px;
}

._pt95 {
    padding-top: 95px;
}

._pt100 {
    padding-top: 100px;
}

._pb5 {
    padding-bottom: 5px;
}

._pb10 {
    padding-bottom: 10px;
}

._pb15 {
    padding-bottom: 15px;
}

._pb20 {
    padding-bottom: 20px;
}

._pb25 {
    padding-bottom: 25px;
}

._pb30 {
    padding-bottom: 30px;
}

._pb35 {
    padding-bottom: 35px;
}

._pb40 {
    padding-bottom: 40px;
}

._pb45 {
    padding-bottom: 45px;
}

._pb50 {
    padding-bottom: 50px;
}

._pb55 {
    padding-bottom: 55px;
}

._pb60 {
    padding-bottom: 60px;
}

._pb65 {
    padding-bottom: 65px;
}

._pb70 {
    padding-bottom: 70px;
}

._pb75 {
    padding-bottom: 75px;
}

._pb80 {
    padding-bottom: 80px;
}

._pb85 {
    padding-bottom: 85px;
}

._pb90 {
    padding-bottom: 90px;
}

._pb95 {
    padding-bottom: 95px;
}

._pb100 {
    padding-bottom: 100px;
}

._pl5 {
    padding-left: 5px;
}

._pl10 {
    padding-left: 10px;
}

._pl15 {
    padding-left: 15px;
}

._pl20 {
    padding-left: 20px;
}

._pl25 {
    padding-left: 25px;
}

._pl30 {
    padding-left: 30px;
}

._pl35 {
    padding-left: 35px;
}

._pl40 {
    padding-left: 40px;
}

._pl45 {
    padding-left: 45px;
}

._pl50 {
    padding-left: 50px;
}

._pl55 {
    padding-left: 55px;
}

._pl60 {
    padding-left: 60px;
}

._pl65 {
    padding-left: 65px;
}

._pl70 {
    padding-left: 70px;
}

._pl75 {
    padding-left: 75px;
}

._pl80 {
    padding-left: 80px;
}

._pl85 {
    padding-left: 85px;
}

._pl90 {
    padding-left: 90px;
}

._pl95 {
    padding-left: 95px;
}

._pl100 {
    padding-left: 100px;
}

._pr5 {
    padding-right: 5px;
}

._pr10 {
    padding-right: 10px;
}

._pr15 {
    padding-right: 15px;
}

._pr20 {
    padding-right: 20px;
}

._pr25 {
    padding-right: 25px;
}

._pr30 {
    padding-right: 30px;
}

._pr35 {
    padding-right: 35px;
}

._pr40 {
    padding-right: 40px;
}

._pr45 {
    padding-right: 45px;
}

._pr50 {
    padding-right: 50px;
}

._pr55 {
    padding-right: 55px;
}

._pr60 {
    padding-right: 60px;
}

._pr65 {
    padding-right: 65px;
}

._pr70 {
    padding-right: 70px;
}

._pr75 {
    padding-right: 75px;
}

._pr80 {
    padding-right: 80px;
}

._pr85 {
    padding-right: 85px;
}

._pr90 {
    padding-right: 90px;
}

._pr95 {
    padding-right: 95px;
}

._pr100 {
    padding-right: 100px;
}

/* 폰트관리 */
._font12 {
    font-size: 12px;
}

._font12_5 {
    font-size: 12.5px;
}

._font13 {
    font-size: 13px;
}

._font14 {
    font-size: 14px;
}

._font15 {
    font-size: 15px;
}

._font16 {
    font-size: 16px;
}


.section1_div {
    width: 1100px;
    height: 248px;
    font-size: 14px
}

.section1_left_div {
    padding-top: 101px;
    float: left;
    width: 431px;
    height: 168px;
}

.section1_left_div1 {
    color: var(--gray-white, #FFF);
    font-family: Pretendard !important;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 52.5px */
    letter-spacing: -0.35px;
}

.section1_left_div2 {
    color: var(--gray-white, #FFF);
    /* pretendard/18/regular */
    font-family: Pretendard !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
    letter-spacing: -0.18px;
}

.section1_right_div {
    margin-left: 127px;
    padding-top: 76px;
    float: left;
    width: 542px;
    height: 260px;
}

.section1_right_div1 {
    width: 542px;
    height: 190px;
    border-radius: 8px;
    background: var(--gray-white, #FFF);
}

.section1_right_div2 {
    margin-top: 10px;
    width: 542px;
    height: 50px;
    position: relative;
    z-index: 1;
}

.step_area {}

.section1_btn {
    cursor: pointer;
}

.section1_btn:hover {}

.conSec2_title_area {
    margin-top: 120px
}

.conSec2_sub_title {
    color: var(--gray-gray-100, #212529);
    text-align: center;
    font-family: Pretendard !important;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 30px */
    letter-spacing: -0.3px;
    margin-bottom: 48px;

}

.conSec2_title {
    color: var(--gray-gray-100, #212529);
    text-align: center;
    /* pretendard/20/regular */
    font-family: Pretendard !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 30px */
    letter-spacing: -0.2px;
    margin-bottom: 20px;

}

.consec5_item_title {
    margin-top: 180px;
    color: var(--gray-gray-100, #212529);
    /* pretendard/24/bold */
    font-family: Pretendard !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 36px */
    letter-spacing: -0.24px;
    margin-bottom: 24px;
}

.consec5_item {
    display: inline-block;
    width: 900px;
    /* height: 332px; */
    border-radius: 12px;
    border: 1px solid var(--gray-gray-20, #E6E8EB);
    background: var(--gray-white, #FFF);
    padding: 28px 0px 28px 20px;
}

.consec5_item_tag {
    width: auto;
    border-radius: 4px;
    background: var(--blue-blue-10, #E5E7F8);
    display: inline-block;
    padding: 1px 4px;
    color: var(--gray-gray-80, #40474D);
    text-align: center;
    font-family: Pretendard !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.12px;

}

.consec5_item_sub_title {
    max-width: 650px;
    color: var(--gray-gray-100, #212529);
    /* pretendard/18/bold */
    font-family: Pretendard !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 27px */
    letter-spacing: -0.18px;
    margin-top: 4px;
}

.consec5_item_tab {
    margin-top: 16px;
    width: 645px;
}

.consec5_item_tab1 {
    border-bottom: 1px solid var(--blue-blue-50, #505ED1);
}

.consec5_item_tab2 {
    border-bottom: 1px solid var(--blue-blue-50, #FFB800);
}

.consec5_item_tab3 {
    border-bottom: 1px solid var(--blue-blue-50, #33B970);
}

.consec5_item_tab4 {
    border-bottom: 1px solid var(--blue-blue-50, #FF7A00);
}

.consec5_item_tab5 {
    border-bottom: 1px solid var(--blue-blue-50, #CC1414);
}

.consec5_tab_list {
    display: flex;
}

.consec5_tab_items_off {
    background: var(--gray-white, #FFF);
    display: flex;
    width: 64px;
    padding: 5px 4px;
    justify-content: center;
    align-items: center;
    color: var(--gray-gray-100, #212529);
    text-align: center;
    font-family: Pretendard !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 14px */
    letter-spacing: -0.14px;
    margin-right: 5px;
    border-radius: 4px 4px 0px 0px;
}

.consec5_tab_items_on1 {
    background: var(--blue-blue-50, #505ED1);
    display: flex;
    width: 64px;
    padding: 5px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px 4px 0px 0px;
    background: var(--blue-blue-50, #505ED1);
    color: var(--gray-white, #FFF);
    text-align: center;
    font-family: Pretendard !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 14px */
    letter-spacing: -0.14px;
    margin-right: 5px;
}

.consec5_tab_items_on2 {
    background: #FFB800;
    display: flex;
    width: 64px;
    padding: 5px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px 4px 0px 0px;
    color: var(--gray-white, #FFF);
    text-align: center;
    font-family: Pretendard !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 14px */
    letter-spacing: -0.14px;
    margin-right: 5px;
}

.consec5_tab_items_on3 {
    background: #33B970;
    display: flex;
    width: 64px;
    padding: 5px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px 4px 0px 0px;
    color: var(--gray-white, #FFF);
    text-align: center;
    font-family: Pretendard !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 14px */
    letter-spacing: -0.14px;
    margin-right: 5px;
}

.consec5_tab_items_on4 {
    background: #FF7A00;
    display: flex;
    width: 64px;
    padding: 5px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px 4px 0px 0px;
    color: var(--gray-white, #FFF);
    text-align: center;
    font-family: Pretendard !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 14px */
    letter-spacing: -0.14px;
    margin-right: 5px;
}

.consec5_tab_items_on5 {
    background: #CC1414;
    display: flex;
    width: 64px;
    padding: 5px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px 4px 0px 0px;
    color: var(--gray-white, #FFF);
    text-align: center;
    font-family: Pretendard !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 14px */
    letter-spacing: -0.14px;
    margin-right: 5px;
}

.consec5_tab_item_1:hover {
    border-top: 1px solid var(--level-lv-0, #505ED1);
    border-left: 1px solid var(--level-lv-0, #505ED1);
    border-right: 1px solid var(--level-lv-0, #505ED1);
    background-color: #E5E7F8;
}

.consec5_tab_item_2:hover {
    border-top: 1px solid var(--level-lv-0, #FFB800);
    border-left: 1px solid var(--level-lv-0, #FFB800);
    border-right: 1px solid var(--level-lv-0, #FFB800);
    background-color: #FFF7CC;
}

.consec5_tab_item_3:hover {
    border-top: 1px solid var(--level-lv-0, #33B970);
    border-left: 1px solid var(--level-lv-0, #33B970);
    border-right: 1px solid var(--level-lv-0, #33B970);
    background-color: #E5F8EB;
}

.consec5_tab_item_4:hover {
    border-top: 1px solid var(--level-lv-0, #FF7A00);
    border-left: 1px solid var(--level-lv-0, #FF7A00);
    border-right: 1px solid var(--level-lv-0, #FF7A00);
    background-color: #FFEBD8;
}

.consec5_tab_item_5:hover {
    border-top: 1px solid var(--level-lv-0, #CC1414);
    border-left: 1px solid var(--level-lv-0, #CC1414);
    border-right: 1px solid var(--level-lv-0, #CC1414);
    background-color: #FFE0E0;
}


.consec5_tab_item_1 {
    border-top: 1px solid var(--level-lv-0, #505ED1);
    border-left: 1px solid var(--level-lv-0, #505ED1);
    border-right: 1px solid var(--level-lv-0, #505ED1);
}

.consec5_tab_item_2 {
    border-top: 1px solid var(--level-lv-1, #FFB800);
    border-left: 1px solid var(--level-lv-1, #FFB800);
    border-right: 1px solid var(--level-lv-1, #FFB800);
}

.consec5_tab_item_3 {
    border-top: 1px solid var(--level-lv-2, #33B970);
    border-left: 1px solid var(--level-lv-2, #33B970);
    border-right: 1px solid var(--level-lv-2, #33B970);
}

.consec5_tab_item_4 {
    border-top: 1px solid var(--level-lv-3, #FF7A00);
    border-left: 1px solid var(--level-lv-3, #FF7A00);
    border-right: 1px solid var(--level-lv-3, #FF7A00);
}

.consec5_tab_item_5 {
    border-top: 1px solid var(--level-lv-4, #CC1414);
    border-left: 1px solid var(--level-lv-4, #CC1414);
    border-right: 1px solid var(--level-lv-4, #CC1414);
}

.consec5_sub_right_data {
    width: 202px;
    height: 286.5px;
    padding: 20px;
    padding-top: 27.5px;
    border-radius: 12px 0px 0px 12px;
    background: var(--gray-gray-5, #F8FAFB);
    float: right;
}

.consec5_top {
    width: 202px;
    height: 229px;
}

.consec5_left {
    width: 820px;
}

.consec5_sub_left {
    margin-bottom: 40px
}

.consec5_sub_left_data {
    float: left;
}

.consec6_item_title {
    margin-top: 80px;
    margin-bottom: 24px;
    color: var(--gray-gray-100, #212529);
    /* pretendard/24/bold */
    font-family: Pretendard !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 36px */
    letter-spacing: -0.24px;
}

.consec6_img {
    margin-bottom: 76px
}

.rvwWrp {
    width: 914px;
    height: 353px;
    margin: 0 auto;
    border-radius: 12px;
    position: relative;
    background: var(--gray-gray-5, #F8FAFB);
}

.rvwImg {
    height: auto;
    /* position: absolute; */
}

.rvwWrp .slick-prev {
    width: 29px;
    height: 64px;
    position: absolute;
    top: 127px;
    left: 20px;
    background: url('/assets/data/img/index/contentRcmnd/2/arrow_left, hover=off.png') no-repeat center center;
    font-size: 0;
    z-index: 1;
}

.rvwWrp .slick-next {
    width: 29px;
    height: 64px;
    position: absolute;
    top: 127px;
    right: 20px;
    background: url('/assets/data/img/index/contentRcmnd/2/arrow_right, hover=off.png') no-repeat center center;
    font-size: 0;
    z-index: 1;
}


.rvwWrp .slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 16px;
}

.rvwWrp .slick-dots>li {
    width: 10px;
    height: 10px;
    background: gray;
    float: left;
    margin-right: 14px;
    transition: all 0.5s ease;
    border-radius: 50%;
    cursor: pointer;
}

.rvwWrp .slick-dots>li.slick-active {
    transform: scale(1.1);
    background:#212124;
}

.rvwWrp .slick-dots>li:last-child {
    margin-right: 0;
}

.section1_right_title {
    padding-top: 32px;
    padding-bottom: 4px;
    color: var(--gray-gray-100, #212529);
    text-align: center;
    font-family: Pretendard !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.16px;
}

.section1_right_sub_title {
    color: var(--blue-blue-50, #505ED1);
    text-align: center;
    /* pretendard/20/bold */
    font-family: Pretendard !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 30px */
    letter-spacing: -0.2px;
}

.step_area {
    width: 128px;
    height: 50px;
    text-align: left;
}

.step_right_arrow {
    width: 8px;
    height: 50px;
    margin-top: 30px;
}

.step_title {
    overflow: hidden;
    color: var(--blue-blue-50, #505ED1);
    text-overflow: ellipsis;
    /* pretendard/12/bold */
    font-family: Pretendard !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 18px */
    letter-spacing: -0.12px;
}

.step_select {
    width: 118px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid var(--gray-gray-30, #D8DCDE);
    background: var(--gray-white, #FFF);
    color: var(--gray-gray-100, #212529);
    font-family: Pretendard !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.14px;
    display: flex;
    padding-left: 10px;
    align-items: center;
    cursor: pointer;
}

.section1_rigiht_steps {
    margin-top: 20px;
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    width: 432px;
    height: 48px;
}

.step_select_title {
    width: 100px;

    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.step_select_img {}

.step_title_off {
    color: var(--gray-gray-20, #E6E8EB);
}

.step_option_title_off {
    color: var(--gray-gray-50, #9EA7AD);
}

.step_select_off {
    border-radius: 4px;
    border: 1px solid var(--gray-gray-30, #D8DCDE);
    background: var(--gray-gray-10, #F2F4F5);
}

.step_list {
    display: flex;
    width: 128px;
    height: 150px;
    flex-direction: column;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--gray-gray-20, #E6E8EB);
    background: var(--gray-white, #FFF);
    box-shadow: 0px 4px 8px 0px rgba(80, 94, 209, 0.10);
    position: relative;
    z-index: 2;
    overflow-y: scroll;
}

.step_item {
    display: flex;
    width: 118px;
    padding-left: 10px;
    height: 30px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 4px 4px 0px 0px;
    text-align: left;

    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.consec4_step_item {
    display: flex;
    width: 191px;
    padding-left: 10px;
    height: 30px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 4px 4px 0px 0px;
    text-align: left;

    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.step_item:hover {
    background: var(--blue-blue-10, #E5E7F8);
}

.consec4_step_item:hover {
    background: var(--blue-blue-10, #E5E7F8);
}



@keyframes beacon-outer {
    0% {
        transform: scale(1);
    }

    45% {
        opacity: 0.7;
        transform: scale(0.75);
    }

    100% {
        opacity: 0.9;
        transform: scale(1);
    }
}

@keyframes beacon-inner {
    20% {
        opacity: 0.9;
    }

    90% {
        opacity: 0.7;
    }
}

.consec4_searchbar0 {
    display: flex;
    width: 880px;
    height: 32px;
    padding-top: 23px;
}

.consec4_searchbar1 {
    display: flex;
    width: 820px;
    height: 32px;
    padding-top: 23px;
}

.consec4_title {
    color: var(--blue-blue-50, #505ED1);
    /* pretendard/16/bold */
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-top: 6px;
    margin-left: 10px;
    letter-spacing: -0.16px;
    margin-right: 44px;
}

.consec4_step_area0 {
    width: 200px;
    height: 30px;
}

.consec4_step_area1 {
    width: 180px;
    height: 30px;
}

.consec4_step_right_arrow {
    width: 8px;
    height: 32px;
    margin-top: 11px;
    margin-left: 8px;
    margin-right: 8px;
}


.consec4_step_select_0 {
    width: 190px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid var(--gray-gray-30, #D8DCDE);
    background: var(--gray-white, #FFF);
    color: var(--gray-gray-100, #212529);
    font-family: Pretendard !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.14px;
    display: flex;
    padding-left: 10px;
    align-items: center;
    cursor: pointer;
}

.consec4_step_select_1 {
    width: 170px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid var(--gray-gray-30, #D8DCDE);
    background: var(--gray-white, #FFF);
    color: var(--gray-gray-100, #212529);
    font-family: Pretendard !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.14px;
    display: flex;
    padding-left: 10px;
    align-items: center;
    cursor: pointer;
}

.consec4_step_select_title0 {
    width: 170px;
    text-align: left;

    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.consec4_step_select_title1 {
    width: 150px;
    text-align: left;
}

.conDiv40 {
    display: flex;
    width: 1250px;
}

.conDiv41 {
    display: flex;
    width: 1100px;
}

.consec4_right_btn {
    margin-top: 23px;
    right: 10px;
    cursor: pointer;
    float: right;
    position: absolute;
}

.consec4_step_list {
    display: flex;
    width: 202px;
    height: 150px;
    flex-direction: column;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--gray-gray-20, #E6E8EB);
    background: var(--gray-white, #FFF);
    box-shadow: 0px 4px 8px 0px rgba(80, 94, 209, 0.10);
    position: relative;
    z-index: 2;
    overflow-y: scroll;
}

.consec4_step_select_off {
    border-radius: 4px;
    border: 1px solid var(--gray-gray-30, #D8DCDE);
    background: var(--gray-gray-10, #F2F4F5);

}

.consec4_step_option_title_off {
    color: var(--gray-gray-50, #9EA7AD);
}

.consec4_commend {
    color: var(--level-lv-4, #CC1414);
    font-family: Pretendard !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    /* 12px */
    letter-spacing: -0.12px;
    padding-top: 35px;
}

._fw700 {
    font-weight: 700;
}


.consec5_lecture_list .slick-prev {
    width: 29px;
    height: 64px;
    position: absolute;
    top: -44px;
    right: 23px;
    background: url('/assets/data/img/index/contentRcmnd/4/left_off.png') no-repeat center center;
    font-size: 0;
    z-index: 1;
}

.consec5_lecture_list .slick-next {
    width: 29px;
    height: 64px;
    position: absolute;
    top: -44px;
    right: 0px;
    background: url('/assets/data/img/index/contentRcmnd/4/right_off.png') no-repeat center center;
    font-size: 0;
    z-index: 1;
}

.consec5_tab_item {
    cursor: pointer;
}

.right_banner {
    position: fixed !important;
    ;
    left: calc(50% + 381px) !important;
    bottom: 162px;
    margin-right: 26px;
    z-index: 1000;
}

.right_banner_mobile {
    position: fixed !important;
    ;
    left: calc(50% + 282px) !important;
    bottom: 162px;
    margin-right: 26px;
    z-index: 1000;
}

.consec5_right {
    top: 120px;
    right: -24px;
    height: 439px;
    width: 263px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    border-radius: 12px;
    position: absolute;
    background: var(--blue-blue-5, #F6F7FC);
}

.consec5_right_title {
    margin-top: 32px;
    margin-left: 39px;
    color: var(--gray-gray-100, #212529);
    text-align: center;
    /* pretendard/16/bold */
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 24px */
    letter-spacing: -0.16px;
}

.consec_right_title_point {
    color: var(--blue-blue-50, #505ED1);
    /* pretendard/16/bold */
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.16px;
}

.consec5_right_img {
    margin-top: 15px;
    margin-left: 58px;

}

.consec5_step_area {
    /* width: 128px;
    height: 30px; */
}

.consec5_step_select {
    margin-top: 10px;
    margin-left: 8px;
    width: 231px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid var(--gray-gray-30, #D8DCDE);
    background: var(--gray-white, #FFF);
    color: var(--gray-gray-100, #212529);
    font-family: Pretendard !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.14px;
    display: flex;
    padding-left: 10px;
    align-items: center;
    cursor: pointer;
}

.consec5_step_select_title {
    width: 210px;
    text-align: left;

}

.consec5_step_list {
    display: flex;
    width: 242px;
    height: 150px;
    margin-left: 8px;
    flex-direction: column;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--gray-gray-20, #E6E8EB);
    background: var(--gray-white, #FFF);
    box-shadow: 0px 4px 8px 0px rgba(80, 94, 209, 0.10);
    position: absolute;
    z-index: 2;
    overflow-y: scroll;
}

.consec5_btn {
    margin-left: 8px;
    width: 243px;
    height: 50px;
    border-radius: 4px;
    background: var(--blue-blue-50, #505ED1);
    color: var(--gray-white, #FFF);
    text-align: center;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 16px */
    letter-spacing: -0.16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
}

.free_item_title {
    white-space: nowrap;
    width: 213px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.free_item_pay {
    width: 98%;
    text-align: right;
    font-weight: 700;
    margin-top: 3px;
}

.sub_right_row {
    font-family: Pretendard !important;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.12px;
    display: inline-block;
    padding: 4px 0px 4px 0px;
    margin-bottom: 8px;
}

.sub_right_row_btn {
    width: 202px;
    height: 32px;
    border-radius: 4px;
    margin-top: 14px;
    border: 1px solid var(--blue-blue-40, #A8AFE8);
    background: var(--blue-blue-10, #E5E7F8);
    color: var(--blue-blue-50, #505ED1);
    text-align: center;
    font-family: Pretendard !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 14px */
    letter-spacing: -0.14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
}

.w_140 {
    width: 75px;
}

.consec5_align_right {
    float: left;
    width: 36px;
    text-align: right;
}

.consec5_align_right2{
    float: left;
    width: 122px;
    text-align: right;

}
.consec5_align_left {
    float: left;
}

.consec5_middle_text {
    width: 145px;
    float: left;
}

.consec5_middle_text2 {
    width: 80px;
    float: left;

}

.consec5_right_top_text {
    color: var(--gray-gray-100, #212529);
    /* pretendard/12/regular */
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    letter-spacing: -0.12px;
    margin-left: 4px;
}

.consec5_right_top_text2 {
    color: var(--gray-gray-50, #9EA7AD);
    /* pretendard/14/regular */
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    letter-spacing: -0.14px;

    display: inline-block;
    padding: 4px 0px 4px 0px;
    margin-bottom: 8px;
    width: 100%;
}

.consec5_right_top_text3 {
    color: var(--blue-blue-50, #505ED1);
    /* pretendard/14/regular */
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    letter-spacing: -0.14px;
}

.consec5_right_top_text4 {
    color: var(--gray-gray-100, #212529);
    /* pretendard/14/regular */
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    letter-spacing: -0.14px;
}

.consec5_right_top_text5 {
    color: var(--gray-gray-100, #212529);
    /* pretendard/12/regular */
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
    letter-spacing: -0.12px;
}

.dotted-line {
    width: 215px;
    height: 1px;
    border-top: 1px dotted #ccc;
    margin-top: 12px;
    margin-bottom: 20px;
}

.solid-line {
    width: 215px;
    height: 1px;
    border-top: 1px solid #B8BFC4;
    margin-bottom: 9px;
}

.consec5_lecture_list {
    display: flex;
    width: 645px;
}

.consec5_lecture_item {
    width: 150px;
    /* height: 232px; */
    margin-top: 21px;
    margin-right: 15px;
}

.consec5_lecture_item_img {
    width: 150px;
    height: 120px;
    border-radius: 8px;
}

.consec5_lecture_item_title {
    min-height: 36px;
    color: var(--gray-gray-100, #212529);
    /* pretendard/12/regular */
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.12px;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 4px;
}

.consec5_lecture_item_title_solid-line {
    width: 150px;
    height: 1px;
    border-top: 1px solid #E6E8EB;
    margin-top: 4px;
}

.consec5_lecture_item_name {
    color: var(--gray-gray-50, #9EA7AD);
    font-family: Pretendard !important;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 16.5px */
    letter-spacing: -0.11px;
    margin-top: 4px;

    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.consec5_lecture_item_price {
    color: var(--gray-gray-100, #212529);
    text-align: right;
    /* pretendard/12/bold */
    font-family: Pretendard !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 18px */
    letter-spacing: -0.12px;
    margin-top: 8px;
}

.top_fixed_css {
    display: block !important;
    position: fixed !important;
    top: 0;
    margin-right: 26px;
    z-index: 1000;

}

.consec5_price {
    width: 234px;
    height: 24px;
    margin-left: 16px;
    display: none
}

.consec5_price_sub1 {
    color: var(--gray-gray-100, #212529);
    /* pretendard/12/regular */
    font-family: Pretendard !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 18px */
    letter-spacing: -0.12px;
    float: left;
}

.consec5_price_sub2 {
    color: var(--gray-gray-100, #212529);
    text-align: right;
    /* pretendard/16/bold */
    font-family: Pretendard !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    /* 24px */
    letter-spacing: -0.16px;
    float: right;
}

.consec5_lecture_item_tag {
    color: var(--gray-white, #FFF);
    text-align: center;
    font-family: Pretendard !important;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 90%;
    letter-spacing: -0.11px;
    border-radius: 2px;
    display: flex;
    width: 16px;
    height: 11px;
    padding: 1px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 7px;
}

.consec5_lecture_item_tag1 {
    background: var(--level-lv-1, #FFB800);
}

.consec5_lecture_item_tag2 {
    background: var(--level-lv-2, #33B970);
}

.consec5_lecture_item_tag3 {
    background: var(--level-lv-3, #FF7A00);
}

.consec5_lecture_item_tag4 {
    width: 42px !important;
    background: var(--level-lv-4, #CC1414);
}


._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);
}

.sub_no_data_area {
    width: 328px;
    height: 118px;
    margin-top: 77px;
    margin-left: 181px;
}

.sub_no_data {
    color: var(--gray-gray-50, #9EA7AD);
    text-align: center;
    /* pretendard/14/regular */
    font-family: Pretendard !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    letter-spacing: -0.14px;
}

.sub_no_img {
    text-align: center;
}