/*
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://fonts.googleapis.com/css2?family=Sofia+Sans+Extra+Condensed:wght@700&display=swap');

.lbti_banner, .left_nav_btn, .left_nav_wrap,  #top_btn,#top_wrap  {
    display: none !important;
}
#header {
    margin-top: 0 !important;
}

.premPav div, .premPav a {
    font-family: "Pretendard", sans-serif !important;
    box-sizing: border-box;
}

area:focus{
    outline: none;
}
._hide {
    display: none !important;
}
._inBlock {
    display: inline-block;
    vertical-align: middle;
}
.poRe {
    position: relative;
}
.poAb {
    position: absolute;
}
.poFixed {
    position: fixed !important;
    z-index:1000;
}
.fltL {
    float: left;
}
.fltR {
    float: right;
}
.clearFx {
    clear: both;
}
.conSec{
    position: relative;
    width: 100%;
    font-size: 0;
}
.conDiv{
    margin: 0 auto;
    width: 1100px;
    position: relative;
}
.conSec1{
    background: url('/assets/data/img/promotion/premPav/1/bg.png') no-repeat center center;
}
.conSec2{
    background-color: #fff;
}
.premTxt1 {
    font-size: 22px;
    line-height: 22px;
    color: #fff;
    font-weight: bold;
    left: 276px;
    bottom: 500px;
}
.premTxt2 {
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    opacity: 0.88;
    left: 245px;
    bottom: 420px;
    letter-spacing: -0.2px;
    text-align: center;
}
.conSec3, .conSec7{
    background-color: #020202;
    overflow-x: hidden;
}
.conSec4, .conSec8{
    background: url('/assets/data/img/promotion/premPav/4/bg.png') no-repeat center center;
}
.conSec5, .conSec9{
    background: url('/assets/data/img/promotion/premPav/5/bg.png') no-repeat center center;
}
.conSec10 {
    background-color: #282d49;
    padding: 130px 0;
}
.lecBox {
    width: 1040px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 24px;
    margin-bottom: 40px;
}
.lecCon {
    padding: 40px 0 28px 0;
    border-bottom: 3px dotted #2f3450;
}
.lecBtm {
    padding: 25px 0 36px 0;
}
.premBtn {
    width: 640px;
    height: 64px;
    line-height: 64px;
    margin: 0 auto;
    border-radius: 6px;
    background-color: #3d61ff;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.4px;
    cursor: pointer;
}
.premRsvBtn {
    background-color: #2c2f3c;
}
.premBtn img {
    vertical-align: middle;
    margin-top: -5px;
}
.premTxt3 {
    font-size: 36px;
    line-height: 31px;
    font-weight: bold;
    color: #070707;
    text-align: center;
    margin-bottom: 16px;
}
.premTxt4 {
    font-size: 20px;
    line-height: 20px;
    color: rgba(7, 7, 7, 0.8);
    text-align: center;
    opacity: 0.8;
}
.lecLst {
    width: 960px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 28px;
    text-align: center;
}
.lecInfo {
    width: 300px;
    margin-right: 30px;
    margin-bottom: 30px;
}
.lecInfo:nth-child(3n + 0) {
    margin-right: 0;
}
.lecImg {
    width: 300px;
    height: 230px;
    border: 1px solid #e1e1e1;
    margin-bottom: 20px;
}
.infoTxt1 {
    height: 39px;
    text-align: left;
    font-size: 16px;
    line-height: 19px;
    color: #1a1a1a;
    letter-spacing: -0.64px;
    font-weight: bold;
    margin-bottom: 9px;
    overflow: hidden;
    word-break: keep-all;
}
.infoTxt2 {
    height: 20px;
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.56px;
    color: #1a1a1a;
    margin-bottom: 16px;
    word-break: keep-all;
    overflow: hidden;
}
.infoTxt3 {
    text-align: left;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: -0.32px;
    color: #000;
    font-weight: bold;
    margin-bottom: 16px;
}
.lecBtn {
    width: 147px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #929292;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: -0.28px;
    color: #292929;
    margin-right: 6px;
}
.lecBtn2 {
    margin-right: 0;
    background-color: #1c1c1f;
    color: #fff !important;
}

.lecBtn3 {
    width: 301px;
    margin-right: 0;
}

.conSec11{
    background: url('/assets/data/img/promotion/premPav/8/bg.png') no-repeat center center;
}
.conSec12{
    background-color: #1c1c1f;
}
.premTimer {
    top: 22px;
    left: 494px;
    font-family: 'Sofia Sans Extra Condensed', sans-serif !important;
    font-weight: bold;
    font-size: 66px;
    line-height: 80px;
    color: #fff;
    width: 57px;
    height: 80px;
    text-align: center;
}
.premTimer2 {
    left: 585px;
}
.premTimer3 {
    left: 644px;
}
.premTimer4 {
    left: 735px;
}
.premTimer5 {
    left: 794px;
}
.premTimer6 {
    left: 886px;
}
.premTimer7 {
    left: 945px;
}
.premTxt5 {
    font-size: 20px;
    line-height: 20px;
    color: #b9b9be;
    top: 379px;
    left: 538px;
}
.premTxt6 {
    padding: 5px 6px;
    border-radius: 5px;
    border: 1px solid #ffef3c;
    font-size: 14px;
    line-height: 14px;
    color: #ffef3c;
    font-weight: bold;
    top: 374px;
    left: 735px;
}
.premTxt7 {
    font-size: 26px;
    font-weight: bold;
    line-height: 26px;
    color: #fff;
    top: 373px;
    right: 184px;
}
.premTxt8 {
    font-size: 20px;
    line-height: 20px;
    color: #212121;
    font-weight: bold;
    top: 194px;
    left: 598px;
}
.premTxt8  span {
    font-weight: 200;
}
.premTxt9 {
    left: 886px;
}
.premTxt10 {
    left: 772px;
}
.rvLst  {
    width: 890px;
    margin: 0 auto;
    top: 0;
    left: calc(50% - 445px);
}
.rvLst img {
    margin-right: 10px;
}
.rvBtn {
    width: 62px;
    height: 44px;
    cursor: pointer;
}
.rvBtLft {
    background: url('/assets/data/img/promotion/premPav/6/reviewBtn_L.png') center center no-repeat;
    bottom: 136px;
    left: 488px;
}
.rvBtRht {
    background: url('/assets/data/img/promotion/premPav/6/reviewBtn_R.png') center no-repeat;
    bottom: 136px;
    right: 472px;
}
.fltWrp {
    top: 110px;
    right: 0;
}
.premTimerTxt {
    top: 98px;
    left: 41px;
    font-family: 'Sofia Sans Extra Condensed', sans-serif !important;
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
    color: #202020;
    text-align: center;
}
.soldoutImg {
    z-index: 10;
}