@charset 'euc-kr';

/* ÃʵîÇнÀ ¼Ò°³ */
.learning .inner {width: 1400px;margin: 0 auto; } 
.learning .cont1 {background:#D9FBF8 url(/_images/brand/sub/learning_cont01.png) center center no-repeat; } 
.learning .cont1 img {position: relative;top: 0;left: 50%;transform: translateX(-50%); } 
.learning .cont2 {background-color: #f25555; } 
.learning .cont3 {background: url(/_images/brand/sub/learning_cont03.png) center center no-repeat; } 
.learning .cont3 img {position: relative;top: 0;left: 50%;transform: translateX(-50%); } 
.learning .cont4 {text-align: center;padding: 100px 0 0; } 
.learning .cont4 .tabArea {display: flex; } 
.learning .cont4 .tabArea li {width: 50%;height: 100%; } 
.learning .cont4 .tabArea li a {display: block;background: url(/_images/brand/sub/learning_cont04_tab.png) no-repeat;width: 100%;height: 100px;text-indent: -9999em; } 
.learning .cont4 .tabArea li a.s1 {background-position: 0 0; } 
.learning .cont4 .tabArea li a.s2 {background-position: -700px 0; } 
.learning .cont4 .tabArea li.on a.s1 {background-position: 0 -100px; } 
.learning .cont4 .tabArea li.on a.s2 {background-position: -700px -100px}
.learning .cont4 #tabCont_0 {background: url(/_images/brand/sub/learning_cont04_01.png) center center no-repeat; } 
.learning .cont4 #tabCont_1 {background: url(/_images/brand/sub/learning_cont04_02.png) center center no-repeat; } 
.learning .cont4 #tabCont_1 img {position: relative;top: 0;left: 50%;transform: translateX(-50%); } 
.learning .cont5 { } 
.learning .cont5 .inner {position: relative; } 
.learning .cont5 .inner:before {content: "";display: block;position: absolute;top: 416px;left: 598px;width: 208px;height: 208px;background: url(/_images/brand/sub/learning_cont05_rotate.png) 0 0 no-repeat;animation: rotate_image 6s linear infinite;transform-origin: 50% 50%; } 
.learning .cont5 .inner .slider {position: relative;width: 1387px;margin: 0 auto 77px auto;text-align: center; } 
.learning .cont5 .inner .slider:before {content: "";display: block;position: absolute;bottom: 26px;left: 0;width: 120px;height: 720px;background: linear-gradient(90deg, rgba(245, 245, 245, 1) 30%, rgba(255, 255, 255, 0) 100%);z-index: 10; } 
.learning .cont5 .inner .slider:after {content: "";display: block;position: absolute;bottom: 26px;right: 0;width: 120px;height: 720px;background: linear-gradient(270deg, rgba(245, 245, 245, 1) 30%, rgba(255, 255, 255, 0) 100%);z-index: 10; } 
.learning .cont5 .inner .slider .swiper-container {position: relative;height: 894px; } 
.learning .cont5 .inner .slider .swiper-container:before {content: "";display: block;position: absolute;top: 123px;left: 50%;width: 481px;height: 770px;transform: translateX(-50%);background: url(/_images/brand/sub/learning_cont05_tablet.png) 0 0 no-repeat;z-index: 10; } 
.learning .cont5 .inner .slider .swiper-wrapper {height: auto;margin-top: 150px; } 
.learning .cont5 .inner .slider .swiper-wrapper .swiper-slide {overflow: hidden;border: 1px solid #888;border-radius: 10px; } 
.learning .cont5 .inner .slider .swiper-wrapper .swiper-slide-active {border: none; } 
.learning .cont5 .inner .slider .swiper-pagination {display: flex;top: 0;bottom: auto; } 
.learning .cont5 .inner .slider .swiper-pagination div {display: block;width: 147px;height: 78px;background-color: #fff;border: 2px solid #e2e2e2;border-radius: 8px;font-size: 24px;text-align: center;line-height: 74px;opacity: 1; } 
.learning .cont5 .inner .slider .swiper-pagination div span {display: block;color: #666; } 
.learning .cont5 .inner .slider .swiper-pagination div.swiper-pagination-bullet-active {background-color: #2f2476;border: 2px solid #2f2476; } 
.learning .cont5 .inner .slider .swiper-pagination div.swiper-pagination-bullet-active span {color: #fff; } 
.learning .cont5 .inner .slider .swiper-button-prev {left: 360px;right: auto;width: 78px;height: 78px;background: url(/_images/brand/sub/learning_cont05_arr.png) 0 0 no-repeat;opacity: 1;z-index: 100; } 
.learning .cont5 .inner .slider .swiper-button-prev:after {display: none; } 
.learning .cont5 .inner .slider .swiper-button-next {left: auto;right: 360px;width: 78px;height: 78px;background: url(/_images/brand/sub/learning_cont05_arr.png) -78px 0 no-repeat;opacity: 1;z-index: 100; } 
.learning .cont5 .inner .slider .swiper-button-next:after {display: none; } 
.learning .cont6 .tab_list {display: flex;justify-content: center;margin-bottom: 50px; } 
.learning .cont6 .tab_list li:first-child {margin-right: 8px; } 
.learning .cont6 .tab_list li a {display: block;width: 250px;height: 78px;background-color: #fff;border: 2px solid #e2e2e2;border-radius: 8px;font-size: 24px;text-align: center;line-height: 74px; } 
.learning .cont6 .tab_list li.on a {background-color: #2f2476;border: 2px solid #2f2476;color: #fff; } 
.learning .cont6 .tab_con {display: none; } 
.learning .cont6 .tab_con.on {display: block;position: relative;overflow: hidden;width: 1400px;margin: 0 auto 30px auto;padding-bottom: 60px; } 
.learning .cont6 .tab_con .swiper-slide .floating {position: absolute;top: 50px;left: 50px;z-index: 100; } 
.learning .cont6 .swiper-pagination.swiper-pagination-bullets {position: absolute;bottom: 0;left: 50%;width: auto;height: 29px;transform: translateX(-50%); } 
.learning .cont6 .swiper-pagination.swiper-pagination-bullets span {width: 29px;height: 29px;background-color: #fff;border: 1px solid #c0c0c0;opacity: 1; } 
.learning .cont6 .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet-active {background-color: #5a5a5a;border: 1px solid #c0c0c0; } 
.learning .cont7 {background-color: #f5f5f5; } 
.learning .cont8 {background-color: #5a5a5a; } 
.learning .cont9 {background-color: #2e2e42; } 
.learning .cont9 .inner {padding-bottom: 100px; } 
.learning .cont9 .inner .slider {position: relative;width: 1082px;margin: 0 auto; } 
.learning .cont9 .inner .slider .swiper-container:before {content: "";display: block;position: absolute;top: 0;left: 0;width: 360px;height: 345px;background-color: #000;opacity: .5;z-index: 10; } 
.learning .cont9 .inner .slider .swiper-container:after {content: "";display: block;position: absolute;top: 0;right: 0;width: 360px;height: 345px;background-color: #000;opacity: .5;z-index: 10; } 
.learning .cont9 .inner .slider .swiper-container>div {top: 146px;width: 55px;height: 55px;background: url(/_images/brand/sub/learning_cont09_arr.png) 0 0 no-repeat;opacity: 1;z-index: 100; } 
.learning .cont9 .inner .slider .swiper-button-prev {left: 276px;right: auto; } 
.learning .cont9 .inner .slider .swiper-button-prev:after {display: none; } 
.learning .cont9 .inner .slider .swiper-button-next {left: auto;right: 276px;background-position: -55px 0 !important; } 
.learning .cont9 .inner .slider .swiper-button-next:after {display: none; } 
.learning .cont9 .inner .slider .sign {position: absolute;bottom: -35px;right: 0;font-size: 14px;color: #888; } 
.learning .cont10 {background: #000; } 
.learning .cont10 img {position: relative;top: 0;left: 50%;transform: translateX(-50%); } 
.learning_step {padding: 0 0 60px !important;margin: -100px 0 0;background: linear-gradient(180deg, #F5F5F5 0%, #C6E9EE 100%); } 
.learning_step>.inner {position: relative;width: 1400px;margin: 0 auto;display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: center;gap: 30px; } 
.learning_step .inner:before {display: none !important; } 
.learning_step>.inner .step1 {position: relative;z-index: 4; } 
.learning_step>.inner .step2 {position: relative;z-index: 2; } 
.learning_step>.inner .arrow {position: absolute;left: 0;top: 350px; } 
.learning_step>.inner .arrow.v1 {left: 455px;z-index: 3; } 
.learning_step>.inner .arrow.v2 {left: 865px; } 
@keyframes rotate_image {
	100% {transform: rotate(360deg); } 
}

/* Ãʵî¸Àº¸±â */
.ele_taste{text-align: center; padding: 100px 0;}
.ele_taste .tit{font-size:50px; font-weight:700; color:#121212; font-family: 'GmarketSans'}
.ele_taste .tit span{color:#ED3535;}
.ele_taste .slider_taste{position:relative; width:974px; margin:50px auto;}
.ele_taste .slider_taste .title{margin:0 0 24px;}
.ele_taste .slider_taste .title .swiper-wrapper{gap:64px;}
.ele_taste .slider_taste .title .swiper-slide{position:relative; cursor:pointer; width:282px; height:173px; background:url(/brandEle/product/img/sampleExercise/ele_taste_tab.png) no-repeat; text-indent:-9999em;}
.ele_taste .slider_taste .title .swiper-slide:nth-of-type(1){background-position:0 0;}
.ele_taste .slider_taste .title .swiper-slide:nth-of-type(2){background-position:-346px 0;}
.ele_taste .slider_taste .title .swiper-slide:nth-of-type(3){background-position:-692px 0;}
.ele_taste .slider_taste .title .swiper-slide-thumb-active:before{position:absolute; left:0; top:0; width:282px; height:172px; content:''; border:6px solid #0099AF; border-radius:20px; animation: blinker 1s step-end infinite;}
.ele_taste .slider_taste .title .swiper-slide:not(:last-child):after{position:absolute; right:-72px; top:50%; transform:translateY(-50%); background:url(/brandEle/product/img/sampleExercise/ele_taste_tab_arrow.png) no-repeat; width:72px; height:83px; content:''; z-index:2;}
.ele_taste .slider_taste .swiper-pagination{bottom:30px; left:0; width:100%; display:flex; justify-content: center; gap:10px;}
.ele_taste .slider_taste .swiper-pagination .swiper-pagination-bullet{width:20px; height:20px; background:#000;}
.ele_taste .slider_taste .swiper-pagination .swiper-pagination-bullet-active{background:#ED3535;}
.ele_taste .txt{font-size:29px; color:#121212;}

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