@charset "utf-8";



#wrap{position:relative; width:100%;margin:auto}
#wrap_new {position:relative; overflow:hidden; width:100%; min-width:1145px; padding:128px 0 0}

@keyframes typing {
  from { width: 0;}
  to { width: 100% ;}
}

@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange }
}

/* 렛츠고리딩 outer */
#start_outer{background-color:#fffbf0;}

/* 렛츠고리딩 01 국내최고 G-LEARNING */
/*231012 이전*/
/*#start_con01{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}*/
/*#start_con01 img{border:0px solid cyan; width:100%; height:100%;}*/

/*231012 이후*/
#start_con01{
    border:0px solid red;
    width:100%;
    height:auto;
    padding:0;
    margin:0 auto;
    /*margin-top:130px;*/
    position:relative;
    top:0px;
    overflow:hidden;
    text-align:center;
    background-color:#fffbf0;
    /*background-color:#;*/
    position:sticky;
    /*position:fixed;*/
    z-index:1000;
    }
#start_con01 img{border:0px solid cyan; width:100%; height:90%;}

/***************231023-축소작업 전체 시작***************/

/*렛츠고리딩 브릿지페이지 section01*/
#lgr_sec01{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}
#lgr_sec01 img{border:0px solid cyan; width:100%; height:100%;}

/*렛츠고리딩 브릿지페이지 section02 영상*/
#lgr_sec02{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; background-color:#fffbf0; font-size:0;}
#lgr_sec02 .video{position:relative; width:48%; height:100%; padding:0; margin:0 auto; overflow:hidden; text-align:center; border:5px solid #dadada; border-radius:10px; background-color:#dadada;}
#lgr_sec02 .video .web{display:inline-block; padding:0; margin:0 auto; overflow:hidden; text-align:center; border-radius:4px;}

/*렛츠고리딩 브릿지페이지 section03*/
#lgr_sec03{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}
#lgr_sec03 img{border:0px solid cyan; width:100%; height:100%;}

/*렛츠고리딩 브릿지페이지 section04*/
#lgr_sec04{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}
#lgr_sec04 img{border:0px solid cyan; width:100%; height:100%;}

/*렛츠고리딩 브릿지페이지 section05 스와이퍼*/
#lgr_sec05{width: 100%; height: auto; overflow: hidden; background-color: #f95700;}
#lgr_sec05 .swiper {
      width: 32%;
      /*height:auto;*/
      height:100%;
      padding-top: 0;
      padding-bottom: 120px;
      background-color: #f95700;
    }
    
    #lgr_sec05 .swiper-wrapper{
      border-radius: 20px;
      width:100%;
      height:100%;
    }
    
    #lgr_sec05 .swiper-slide {
      background-position: center;
      background-size: cover;
      width:100%;
      height:100%;
      box-sizing: border-box;
      text-align:center;
      display:flex;
      align-items: center;
      justify-content: center;
    }

    #lgr_sec05 .swiper-slide img {
      display: block;
      width: 100%;
      height:100%;
      border-radius: 30px;
      /*object-fit: cover;*/
      background-color: #fff;
    }
    
    #lgr_sec05 .swiper-pagination {
      bottom:8.5% !important;
    }
    
    #lgr_sec05 .swiper-pagination-bullet{
        --swiper-theme-color: #fff !important;
    }

/*렛츠고리딩 브릿지페이지 section06*/
#lgr_sec06{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}
#lgr_sec06 img{border:0px solid cyan; width:100%; height:100%;}

/*렛츠고리딩 브릿지페이지 section07 버튼*/
#lgr_sec07_btn{border:0px solid red; width:100%; height:auto; background-color:#3261d7; overflow:hidden; text-align:center; padding:0 0 60px 0; margin:0 auto;}
#lgr_sec07_btn .btn01{border:.0px solid cyan; width:100%; height:100%;}
#lgr_sec07_btn .btn01 a{border:.0px solid blue; width:100%; height:100%;}
#lgr_sec07_btn .btn01 a img{border:.0px solid black; width:30%;}

/*렛츠고리딩 브릿지페이지 section08*/
#lgr_sec08{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}
#lgr_sec08 img{border:0px solid cyan; width:100%; height:100%;}

/*렛츠고리딩 브릿지페이지 section09*/
#lgr_sec09{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}
#lgr_sec09 img{border:0px solid cyan; width:100%; height:100%;}

/*렛츠고리딩 브릿지페이지 section10 영상*/
#lgr_sec10{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; background-color:#fffbf0; font-size:0;}
#lgr_sec10 .video{position:relative; width:48%; height:100%; padding:0; margin:0 auto; overflow:hidden; text-align:center; border:5px solid #dadada; border-radius:10px; background-color:#dadada;}
#lgr_sec10 .video .web{display:inline-block; padding:0; margin:0 auto; overflow:hidden; text-align:center; border-radius:4px;}

/*렛츠고리딩 브릿지페이지 section11 영상*/
#lgr_sec11{border:0px solid red; width:100%; height:100%; padding:40px 0 0 0; margin:0 auto; background-color:#fffbf0; font-size:0;}
#lgr_sec11 .video{position:relative; width:48%; height:100%; padding:0; margin:0 auto; overflow:hidden; text-align:center; border:5px solid #dadada; border-radius:10px; background-color:#dadada;}
#lgr_sec11 .video .web{display:inline-block; padding:0; margin:0 auto; overflow:hidden; text-align:center; border-radius:4px;}

/*렛츠고리딩 브릿지페이지 section12*/
#lgr_sec12{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}
#lgr_sec12 img{border:0px solid cyan; width:100%; height:100%;}

/*렛츠고리딩 브릿지페이지 section13 유튜브영상*/
#lgr_sec13{border:0px solid blue; width:100%; height:100%; padding:0; margin:0 auto; background-color:#fffbf0;}
#sec13_v{border:5px solid #dadada; border-radius:10px; width:48%; height:100%; padding:0; margin:0 auto; overflow:hidden; text-align:center; background-color:#dadada;}
#sec13_v .video{position: relative; height: 0; padding-bottom: 56.25%; background-color:#dadada; text-align:center;}
#sec13_v .video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*렛츠고리딩 브릿지페이지 section14*/
#lgr_sec14{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}
#lgr_sec14 img{border:0px solid cyan; width:100%; height:100%;}

/*렛츠고리딩 브릿지페이지 section15 영상*/
#lgr_sec15{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; background-color:#fffbf0; font-size:0;}
#lgr_sec15 .video{position:relative; width:48%; height:100%; padding:0; margin:0 auto; overflow:hidden; text-align:center; border:5px solid #dadada; border-radius:10px; background-color:#000;}
#lgr_sec15 .video .web{padding:0; margin:0 auto; overflow:hidden; text-align:center;}

/*렛츠고리딩 브릿지페이지 section16*/
#lgr_sec16{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}
#lgr_sec16 img{border:0px solid cyan; width:100%; height:100%;}

/*렛츠고리딩 브릿지페이지 section17 영상*/
#lgr_sec17{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; background-color:#fffbf0; font-size:0;}
#lgr_sec17 .video{position:relative; width:48%; height:100%; padding:0; margin:0 auto; overflow:hidden; text-align:center; border:5px solid #dadada; border-radius:10px; background-color:#000;}
#lgr_sec17 .video .web{padding:0; margin:0 auto; overflow:hidden; text-align:center;}

/*렛츠고리딩 브릿지페이지 section18*/
#lgr_sec18{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}
#lgr_sec18 img{border:0px solid cyan; width:100%; height:100%;}

/*렛츠고리딩 브릿지페이지 section19*/
#lgr_sec19{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}
#lgr_sec19 img{border:0px solid cyan; width:100%; height:100%;}

/*렛츠고리딩 브릿지페이지 section20*/
#lgr_sec20{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}
#lgr_sec20 img{border:0px solid cyan; width:100%; height:100%;}

/*렛츠고리딩 브릿지페이지 section21 영상*/
#lgr_sec21{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; background-color:#fffbf0; font-size:0;}
#lgr_sec21 .video{position:relative; width:48%; height:100%; padding:0; margin:0 auto; overflow:hidden; text-align:center; border:5px solid #dadada; border-radius:10px; background-color:#dadada;}
#lgr_sec21 .video .web{display:inline-block; padding:0; margin:0 auto; overflow:hidden; text-align:center; border-radius:4px;}

/*렛츠고리딩 브릿지페이지 section22 카카오 고객센터*/
#lgr_sec22{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0; cursor: pointer;}
#lgr_sec22 img{border:0px solid cyan; width:100%; height:100%;}

/*렛츠고리딩 브릿지페이지 section23*/
#lgr_sec23{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}
#lgr_sec23 img{border:0px solid cyan; width:100%; height:100%;}

/*렛츠고리딩 브릿지페이지 section24*/
#lgr_sec24{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}
#lgr_sec24 img{border:0px solid cyan; width:100%; height:100%;}


/*렛츠고리딩 브릿지페이지 section25*/
#lgr_sec25{width: 100%; height: 100%; overflow: hidden; background-color: #3261d7; margin: 0 auto; position: relative;}
#lgr_sec25 .swiper {
      width: 40%;
      /*height:auto;*/
      height:100%;
      /*padding-top: 0;*/
      /*padding-bottom: 80px;*/
      padding: 0 60px 120px 60px;
      margin:0 auto;
      /*margin: 0 30px 80px 30px;*/
      /*overflow: hidden;*/
      background-color: #3261d7;
    }
    
    #lgr_sec25 .swiper-wrapper{
      /*border-radius: 20px;*/
      width:100%;
      height:100%;
      margin: 0 auto;
    }
    
    #lgr_sec25 .swiper-slide {
      background-position: center;
      background-size: cover;
      margin: 0 auto;
      /*width: 480px;*/
      /*height: 870px;*/
      /*width:50%;*/
      width:50%;
      /*height:auto;*/
      height:100%;
      /*box-shadow:0 5px 5px #234496;*/
      /*border:2px solid black;*/
      /*border-radius: 30px;*/
      box-sizing: border-box;
      text-align:center;
      display:flex;
      align-items: center;
      justify-content: center;
      /*background-color: #fff;*/
    }

    #lgr_sec25 .swiper-slide img {
      display: block;
      width: 100%;
      height:100%;
      /*border:2px solid cyan;*/
      box-shadow:0 7px 10px #234496;
      border-radius: 30px;
      /*object-fit: cover;*/
      background-color: #fff;
      margin: 0 auto;
    }
    
    #lgr_sec25 .swiper-pagination {
      top:31.5vw !important;
      /*bottom:10% !important;*/
    }
    
    #lgr_sec25 .swiper-pagination-bullet{
        --swiper-theme-color: #fff !important;
    }




/*렛츠고리딩 브릿지페이지 section26 유튜브영상*/
#lgr_sec26{border:0px solid blue; width:100%; height:100%; padding:0 0 6% 0; margin:0 auto; background-color:#3261d7;}
#sec26_v{border:5px solid #dadada; border-radius:10px; width:48%; height:100%; padding:0; margin:0 auto; overflow:hidden; text-align:center; background-color:#dadada;}
#sec26_v .video{position: relative; height: 0; padding-bottom: 56.25%; background-color:#dadada;}
#sec26_v .video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*렛츠고리딩 브릿지페이지 section27*/
#lgr_sec27{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}
#lgr_sec27 img{border:0px solid cyan; width:100%; height:100%;}

/*렛츠고리딩 브릿지페이지 section28*/
#lgr_sec28_btn{border:0px solid red; width:100%; height:100%; padding:0 0 10% 0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0; font-size:0;}
#lgr_sec28_btn .btn01{border:0px solid red; width:90%; height:100%; padding:0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}
#lgr_sec28_btn .btn01 a{border:.0px solid blue; width:100%; height:100%;}
#lgr_sec28_btn .btn01 button{border:.0px solid blue; width:32%;}
#lgr_sec28_btn .btn01 a img{border:.0px solid black; width:100%;}

/***************231023-축소작업 전체 끝***************/


@media all and (min-width:1200px) and (max-width:1501px){
    /*렛츠고리딩 브릿지페이지 section25*/
    #lgr_sec25 .swiper {
      width: 45%;
      height:100%;
      padding: 0 30px 120px 30px;
      margin:0 auto;
      background-color: #3261d7;
    }
    
    #lgr_sec25 .swiper-slide {
      width:55%;
    }

    #lgr_sec25 .swiper-slide img {
      display: block;
      width: 100%;
      height:100%;
      box-shadow:0 7px 10px #234496;
      border-radius: 30px;
      background-color: #fff;
      margin: 0 auto;
    }
    
    #lgr_sec25 .swiper-pagination {
      top:37.5vw !important;
    }
}

@media all and (min-width:1000px) and (max-width:1200px){
    /*렛츠고리딩 브릿지페이지 section25*/
    #lgr_sec25 .swiper {
      width: 50%;
      height:100%;
      padding: 0 15px 100px 150px;
      margin:0 auto;
      background-color: #3261d7;
    }
    
    #lgr_sec25 .swiper-slide {
      width:60%;
    }

    #lgr_sec25 .swiper-slide img {
      display: block;
      width: 100%;
      height:100%;
      box-shadow:0 7px 10px #234496;
      border-radius: 30px;
      background-color: #fff;
      margin: 0 auto;
    }
    
    #lgr_sec25 .swiper-pagination {
      top:37.5vw !important;
    }
}


/*렛츠고리딩 02 카운트다운*/
/*230714-잠시 중단*/
/*
#start_con02{
    border:0px solid red;
    width: 100%;
    height: 100%;
    padding:0;
    margin:0 auto;
    background:url(../images/start/230713_count_bg.jpg)center / cover no-repeat;
    position:relative;
    text-align:center;
    overflow:hidden;
    }
#start_con02 .con02_inner{width:48%; height:100%; text-align:center; margin:0 auto;}
#start_con02 .con02_inner .text_img{width:100%; height:100%;}
#start_con02 .con02_inner .text_img img{width:100%; height:100%;}

#start_con02 .con02_inner .count{width:100%; height:100%; text-align:center;}
#start_con02 .con02_inner .count img{width:100%; height:100%;}
#start_con02 .con02_inner .count .count_cl{
    width:45%;
    height:auto;
    position:absolute;
    top:37%;
    left:29%;
    border:0px solid black;
    -ms-animation:count_cl 2s infinite alternate;
    -webkit-animation:count_cl 2s infinite alternate;
    animation:count_cl 2s infinite alternate;
    }
@keyframes count_cl{
  0%{top:30%}
  50%{top:40%}
  100%{top:30%}
}
@-ms-keyframes count_cl{
  0%{top:30%}
  50%{top:40%}
  100%{top:30%}
}
@-webkit-keyframes count_cl{
  0%{top:30%}
  50%{top:40%}
  100%{top:30%}
}
#start_con02 .con02_inner .count .count_cl img{width:100%; height:100%;}

#start_con02 .count_num{width:30%; height:auto; position:absolute; top:39.5%; left:47.5%; border:0px solid blue;}
#start_con02 .count_num span{display: block; font-size:8.4vw; font-weight: bold; float: left; border:0px solid red;}
#start_con02 .count_num span.blue{color: #ff4b00; border:0px solid black;}
#start_con02 .count_num span.orange{color: #ff4b00; margin-left:17%; border:0px solid yellow;}
*/

/* 렛츠고리딩 02 영상 */
/*
#start_con02{border:0px solid red; width:100%; height:100%; padding:0; margin:0 auto; background-color:#fffbf0; font-size:0;}
#start_con02 .video{width:48%; height:auto; padding:0; margin:0 auto; overflow:hidden; text-align:center; border:5px solid #dadada; border-radius:10px; background-color:#dadada;}
#start_con02 .viedo video{width:100%; border-radius:4px;}
*/

/* 렛츠고리딩 03 */
/*
#start_con03{border:0px solid red; width:100%; height:100%; padding:100px 0 0 0; margin:0 auto; overflow:hidden; text-align:center; background-color:#3261d7;}
#start_con03 img{border:0px solid yellow;}
*/

/* 렛츠고리딩 03 이벤트(23.03.03) */
/*
#start_con03_event{width:100%; height:100%; padding:100px 0 0 0; margin:0 auto; position:relative; top:0px; overflow:hidden; text-align:center; background-color:#fffbf0;}
#start_con03_event .con03_i{width:100%; height:auto;}
#start_con03_event .con03_i img{width:40%; height:100%; border-radius:30px; text-align:center;}
*/

/* 렛츠고리딩 03 올프리패스 버튼(23.03.03) */
/*
#start_con03_btn{border:0px solid red; width:100%; height:auto; background-color:#fffbf0; overflow:hidden; text-align:center; padding:30px 0 60px 0; margin:0 auto;}
#start_con03_btn .btn01{border:0px solid cyan; width:100%; height:100%; overflow:hidden;}
#start_con03_btn .btn01 a{border:0px solid blue; width:100%; height:100%;}
#start_con03_btn .btn01 button{
    border:0px solid blue;
    width:38%;
    }
#start_con03_btn .btn01 img{border:.0px solid black; width:100%;}
*/

/* side_follow */
.side_counsel {position:fixed; top:22%; right:7%; z-index:2;}
.side_counsel a {display:block; padding:0}
.side_counsel .tbl {width:100%; border-collapse:collapse; border-spacing:0}
.side_counsel .tbl th {width:42px; padding:2px 0; letter-spacing:-0.5px; font-size:14px; line-height:16px;  color:#333; text-align:left}
.side_counsel .tbl td {padding:2px 0; letter-spacing:-0.5px; font-size:14px; line-height:16px;  color:#333; }
.side_counsel .tbl td input { padding:0 5px; height:22px; font-size:14px; line-height:22px;  color:#333;  border:1px solid #ddd}
.side_counsel .tbl td select  { padding:0 0 0 10px; font-size:14px; line-height:24px;  color:#666;  border:1px solid #ddd}

/*띠배너*/
.test_m{display:none}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(50%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}


@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-50%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft_2 {
  from {
    opacity: 0;
    transform: translate3d(-5%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0%, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}

/*181016 추가*/
.add_txt1{position:absolute; bottom:-40px; font-size:13px; right:0; color:#888}
.add_txt2{position:absolute; bottom:6px; font-size:13px; right:0; color:#888}