@charset "euc-kr";

#wrapper{text-align: center;}
#wrapper.wide{width:auto;min-width:1300px;overflow:hidden;margin:0 auto;}
#wrapper .inner{position:relative; width:1200px; margin:0 auto;}
#wrapper .thumb{position:relative; left:50%; transform:translateX(-50%);}

/* tab */
.tab{display:flex;}
.tab li{flex:1; overflow:hidden; border:1px solid #000; border-top:none; border-bottom:none; border-radius:15px 15px 0 0;}
.tab li a{display:block; height:107px; background-color:#222; font-family:"Noto Sans KR"; font-weight:700; font-size:40px; color:#fff; line-height:107px;}
.tab_con{display:none;}
.tab_con.active{display:block;}

/* visual */
.visual{position:relative; background:#6fd4f2;}
.visual .inner .logo{position:absolute; bottom:706px; right:0; width:100%; height:106px;}
.visual .inner .logo img{position:absolute; top:0;}
.visual .inner .logo img:nth-child(1){left: 205px;}
.visual .inner .logo img:nth-child(2){top:8px; right:194px;}

/* con1 */
.con1{background:#2a333d;}
.con1 .con1_1_1{position:absolute; left:-27px; top:0;}
.con1 .con1_2_1{position:absolute; left:0; bottom:83px;}

/* con2 */
.con2{position:relative; background:#e2fcf5;}
.con2 .con2_1{position:absolute; left:-3px; top:89px;}
.con2 .line{position:absolute; top:343px;}
.con2 .line.a1{left:0;}
.con2 .line.a2{left:406px;}
.con2 .line.a3{left:812px;}
.con2 .con2_2{position:absolute; left:-58px; bottom:120px;}


/* con3 */
.con3{background-color:#f4f4f4;}
.con3 img:nth-child(1){position:relative; top:-47px;}

/* con4 */
.con4{background:#2c2c2c;}
.con4 .con4_1{position:absolute; top:0; left:0; z-index:2;}
.con4 .bg{position:absolute; top:-74px; left:50%; margin-left:-1248px; height:960px; overflow:hidden; z-index:1;}
.con4 .arrow{position:absolute; top:521px; left:448px; z-index:2;}
.con4 .con4_tab{position:absolute; top:730px; left:-11px; z-index:2;}
.con4 .btn{position:absolute; top:730px; left:266px; display:flex; gap:64px; height:120px; z-index:3; }
.con4 .btn > a{position:relative; width:331px; height:100%; text-indent:-9999em;}
.con4 .btn > a::after {content:'';display: block;position: absolute;bottom: -42px; right: 0;width: 77px;height: 101px;background: url(img/ico_hand.png) 0 0 no-repeat;animation: blinker 1s ease-in infinite alternate;z-index: 1;}

.con4 .tab_{position:absolute; top:988px; z-index:2;}
.con4 .tab_.s1{left:-41px;}
.con4 .tab_.s2{left:-11px;}

/* con5 */
.con5 .con5_1{background:#f4f4f4;}
.con5 .con5_2{background:#fff}
.con5 .con5_1_1{position:absolute; left:0; top:0;}

/* con6 */
.con6{background:#f4f4f4; font-family:"Noto Sans KR"; font-weight:300; font-size:20px; color:#666; text-align:left;}
.con6 .inner{padding-bottom:155px;}
.con6 .inner .link{position:relative;}
.con6 .inner .link+ul{margin-top:40px;}
.con6 .inner .link div{display:flex; position:absolute; top:0; left:0; width:100%; height:100%;}
.con6 .inner .link div a{flex:1; text-indent:-9999px;}
.con6 .inner ul li:not(:first-child){margin-top:2px;}
.con6 .inner > p{margin-top:24px; font-family:"Noto Sans KR"; font-size:20px; text-align:center;}
.con6 .inner .notice{position:relative; margin-top:90px;}
.con6 .inner .notice p{margin-bottom:8px; font-weight:900; font-size:24px; color:#333;}
.con6 .inner .notice a{display:block; position:absolute; bottom:0; right:0; width:186px; height:46px; background-color:#999; font-weight:500; font-size:20px; color:#fff; text-align:center; line-height:46px;}
.con6 .inner .notice a span{padding-right:14px; background:url(img/link_arr.png) right center no-repeat;}

/* floating */
.floating_banner{position:fixed; top:25%; right:2%; transform:scale(0); opacity:0; transition:all ease-in .7s; transition-timing-function:cubic-bezier(.175,.885,.32,1.275);}
.floating_banner.fixed{opacity:1; transform:scale(1);  z-index:10;}
.floating_banner ul{position:absolute; top:0; right:0; width:100%;}
.floating_banner ul li{height:73px;}
.floating_banner ul li a{display:block; height:100%; text-indent:-9999px;}
.floating_banner ul li:nth-child(3){height:69px;}
.floating_banner ul li:nth-child(5){height:39px;}
#only1_rnb_sky_banner{display:none;}






#cont1_1_slide {position: absolute;top: 0;left: 30px; width:1282px; padding-bottom:70px; background:#1f1f1f; border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
#cont1_1_slide .swiper-slide {}
#cont1_1_slide > .swiper-pagination {position: static;margin-bottom: 50px;}
#cont1_1_slide > .swiper-pagination .swiper-pagination-bullet {pointer-events : none; transition:.5s; width:318px;height:201px;border-radius: 0;position: relative;margin: 0;opacity: 1;}
#cont1_1_slide > .swiper-pagination .swiper-pagination-bullet:nth-of-type(1) { background: url(/promotion/lecture/2023/1101_11762/img/cont1_1_tab_off.png) no-repeat 0 0; }
#cont1_1_slide > .swiper-pagination .swiper-pagination-bullet:nth-of-type(2) { background: url(/promotion/lecture/2023/1101_11762/img/cont1_1_tab_off.png) no-repeat -395px 0; }
#cont1_1_slide > .swiper-pagination .swiper-pagination-bullet:nth-of-type(3) { background: url(/promotion/lecture/2023/1101_11762/img/cont1_1_tab_off.png) no-repeat -790px 0; }
#cont1_1_slide > .swiper-pagination .swiper-pagination-bullet-active:nth-of-type(1) { background: url(/promotion/lecture/2023/1101_11762/img/cont1_1_tab_on.png) no-repeat 0 0; }
#cont1_1_slide > .swiper-pagination .swiper-pagination-bullet-active:nth-of-type(2) { background: url(/promotion/lecture/2023/1101_11762/img/cont1_1_tab_on.png) no-repeat -395px 0; }
#cont1_1_slide > .swiper-pagination .swiper-pagination-bullet-active:nth-of-type(3) { background: url(/promotion/lecture/2023/1101_11762/img/cont1_1_tab_on.png) no-repeat -790px 0; }
#cont1_1_slide > .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 81px;}
#cont1_1_slide > .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet::before {content:'';width: 24px;height: 100%;background: url(img/cont1_1_tab_off.png) no-repeat -743px 0;display: block;position: absolute;left: -50px;top: 0;/* margin: 0 0 0 100px; */}



#cont1_1_slide .tabs {margin-bottom: 60px;display: flex;padding-left: 46px;gap: 27px;align-items: flex-start;}
#cont1_1_slide .tabs .tab1_btn { position: relative; }
#cont1_1_slide .tabs .tab2_btn { position: relative; }
#cont1_1_slide .tabs .tab3_btn { position: relative; }
#cont1_1_slide .tabs .tab2_arrow { position: relative; margin-top: 96px; opacity:0; transition:.5s; }
#cont1_1_slide .tabs .tab3_arrow { position: relative; margin-top: 96px; opacity:0; transition:.5s; }
#cont1_1_slide .tabs2 .tab2_btn { opacity:0; left:-20px; transition:.5s .5s; }
#cont1_1_slide .tabs3 .tab3_btn { opacity:0; left:-20px; transition:.5s .5s; }

#cont1_1_slide .swiper-slide-active .tabs .tab2_btn { opacity:1; left:0; }
#cont1_1_slide .swiper-slide-active .tabs .tab3_btn { opacity:1; left:0; }
#cont1_1_slide .swiper-slide-active .tabs .tab2_arrow { opacity:1; }
#cont1_1_slide .swiper-slide-active .tabs .tab3_arrow { opacity:1; }

#cont1_1_slide .con { position: relative; opacity:0; transition:.5s .5s; }
#cont1_1_slide .swiper-slide-active .con { opacity:1; }
#cont1_1_slide .con .swiper-container {position: absolute;top: 89px;width: 400px;padding-bottom: 27px;}

#cont1_1_slide .con .swiper-container .swiper-pagination {}
#cont1_1_slide .con .swiper-container .swiper-pagination-bullet {width: 11px;height: 11px;background: #ddd;opacity: 1;margin: 0 5px;}
#cont1_1_slide .con .swiper-container .swiper-pagination-bullet-active { background: #666;}

#cont1_1_tab2 {left: 74px;}
#cont1_1_tab3 {right: 74px;}

@keyframes blinker{
 50%{
    opacity:0;
  }
}