@charset "utf-8"; /* renew-info-22 */
.info-eko i span { position: absolute; top:0; left:0; opacity: 0; } 

.info-eko .clear:after { clear: both; content: ''; display: block; } 
.info-eko .ptd-50 { padding:50px 0; } 
.info-eko .ptd-80 { padding:80px 0; } 
.info-eko .pd-80 { padding:0px 0 80px; } 
.info-eko .box-shadow { box-shadow: 0px 0px 14px 5px rgb(0 0 0 / 12%); -ms-box-shadow: 0px 0px 14px 5px rgb(0 0 0 / 12%); -webkit-box-shadow: 0px 0px 14px 5px rgb(0 0 0 / 12%); } 

.info-eko a:hover { text-decoration: none; } 
.info-eko p,
.info-eko span { color:#000; } 

.info-eko p,
.info-eko span,
.info-eko h1,
.info-eko h2,
.info-eko h3,
.info-eko h4,
.info-eko h5,
.info-eko h6
 {
 font-family: 'Noto Sans KR', 'Noto Sans' , sans-serif !important; } 

 .info-eko .btn-icon { position: absolute; transform: translateX(-50%); text-indent: -999999px; } 

.A-btn { position: absolute; text-indent: -9999px; opacity: 0; background-color: red; z-index: 1; cursor: pointer; } 
.clear { clear: both; content: ''; display: block; } 
.info-eko { position: relative; width: 100%; } 
.info-eko .section { position: relative; width: 100%; margin:0 auto; min-width: 1100px; } 
.info-eko .section .sec-content { width: 1100px; margin: 0 auto; position: relative; text-align: center; } 
.info-eko .gray { background: #e4e4e4; } 

.info-eko .title-tt { margin: 0 auto 40px !important; display: block; display: inline-block; } 
.info-eko .section h2 { height: 46px; background-color: #000; border-radius: 23px; color: #fff; text-align: center; line-height: 44px !important; font-weight: 500; padding: 0 50px; } 
.info-eko .section h5 { font-size: 45px !important; text-align: center; padding-bottom: 44px; letter-spacing: -1.5px; line-height: 1.3 !important; color: #222; } 
.info-eko .section h5 span { display:block; } 
.info-eko .dt-ft { padding-right: 10px !important; } 

.info-eko .cont-box { margin: 0 auto; border-radius: 40px; border: 1px solid #e4e4e4; box-sizing: border-box; overflow: hidden; max-width: 786px; } 
.info-eko .cont-box:not(:first-child) { margin-top: 28px !important; } 
.info-eko .cont-box > div { float:left; box-sizing: border-box; } 
.info-eko .cont-box .img-area { background-color:#e4e4e4; width: 265px; height: 100%; display: flex; justify-content: center; align-items: center; } 
.info-eko .cont-box .text-area { padding-left: 24px; width: 497px; height: 100%; display: flex; flex-wrap: wrap; align-content: center; } 
.info-eko .cont-box .text-area.type-0 { padding-top: 71px; } 
.info-eko .cont-box .text-area.type-1 { /* padding-top: 35px; */ } 
.info-eko .cont-box .text-area.type-2 { } 
.info-eko .cont-box .text-area h6 { font-size: 20px; letter-spacing: -1px !important; color: #222; font-weight: 500; padding-bottom: 14px; line-height: 1 !important; text-align: left; display: block; width: 100%; } 
.info-eko .cont-box .text-area p { font-size: 18px !important; letter-spacing: -1.7px !important; color: #222; font-weight: 300; line-height: 1.5 !important; text-align: left; } 
.info-eko .cont-box .text-area p i { display: inline-block; margin-right: 3px; } 
.info-eko .cont-box .text-area p span { display: block; font-size: 18px !important; } 
.info-eko .cont-box .text-area .depts-1 { margin-left: 10px; } 
.info-eko .cont-box .text-area .depts-2 { margin-left: 76px; } 

.info-eko .btn-apply-area { position: relative; width: 786px; height: 118px; text-align: center; margin: 60px auto 0 !important; border: 10px solid #b4b4b4; box-sizing: border-box; } 
.info-eko .btn-apply-area:after { clear:both; content:''; position: absolute; background: url(/Public_html/Images/Lecture/info/sec_2_img_05.png); top: 0; left: 0; width: 100%; height: 100%; opacity: .3; } 
.info-eko .btn-apply-area .apply-btn { cursor: pointer; z-index: 2; position: relative; } 
.info-eko .btn-apply-area .apply-btn span { font-size: 30px !important; font-weight: bold; line-height: 98px; } 
.info-eko .btn-apply-area .icon.hand { position: absolute; top: 37px; right: 74px; background: url(/Public_html/Images/Lecture/info/sec_2_img_06.png); width: 65px; height: 88px; z-index: 2; } 
.info-eko .btn-apply-area .icon.hand.active { animation-name: fly; animation-duration: 2s; animation-timing-function: ease-in-out; } 
@keyframes fly { 
 0% { transform: translateY(140px); } 
 50% { transform: translateY(-20px); } 
 100% { transform: translateY(-00px); } 
 }

.info-eko .process-area .process-line { position: relative; width: 100%; margin: 20px auto 20px !important; max-width: 786px; } 
.info-eko .process-area .process-line:before { position: absolute; width: 100%; height: 12px; background: url(/Public_html/Images/Lecture/info/sec_2_img_05.png); top: calc(50% - 6px); left: 0; } 
.info-eko .process-area .process-line:before { clear:both; content:''; display:block; } 
.info-eko .process-area .process-line:after { clear:both; content:''; display:block; } 
.info-eko .process-area .process-line .process-ch { float: left; text-align: center; position: relative; } 
.info-eko .process-area .process-line .process-ch span { background: #fff; border-radius: 40px; font-size: 17px !important; display: inline-block; color: #000; box-sizing: border-box; height: 73px; display: flex; justify-content: center; align-items: center; } 
.info-eko .process-area .process-line .process-ch:not(:first-child):after { clear:both; content:''; display: block; position: absolute; top: calc(50% - 9px); left: -6px; background:url(/Public_html/Images/Lecture/info/sec_2_arrow.png); width: 13px; height: 19px; } 
.info-eko .process-area .process-line.plus .process-ch:not(:first-child):after { left: -8px; background: url(/Public_html/Images/Lecture/info/epk_plus_icon.png); width: 16px; height: 17px; } 
.info-eko .process-area .process-text { margin: 0 auto !important; width: 100%; padding: 0px 0 80px !important; max-width: 786px; } 
.info-eko .process-area .process-text li { float:left; text-align: center; box-sizing: border-box; } 
.info-eko .process-area .process-text li p { font-size: 20px !important; letter-spacing: -1.5px !important; margin: 0 10px !important; } 
.info-eko .process-area .process-text:after { clear:both; content:''; display:block; } 

.info-eko .process-area.nth-2 { max-width: 490px; margin: 0 auto; } 
.info-eko .process-area .nth-2 { width: 70%; max-width: 520px; } 
.info-eko .process-area .nth-2 li { width: 50%; } 
.info-eko .process-area .nth-3 li { width: 33.334%; } 
.info-eko .process-area .nth-4 li { width: 25%; } 
.info-eko .exam-info-tt { font-size: 24px !important; font-weight: bold; } 
.info-eko .exam-info-list { display: inline-block; margin: 0 auto; max-width: 786px; } 
.info-eko .exam-info-list p { text-align: left; font-weight: 500; } 
.info-eko .exam-info-list span { font-size: 18px !important; display: table-cell; font-family: 'GmarketSansMedium' !important; padding: 0; } 
.info-eko .exam-info-list .color { } 
.info-eko .info-text { font-size: 24px !important; color: #0d7186; text-align: left; font-weight: 500; padding: 30px 0 20px; margin: 0 auto; } 
.info-eko .process-area .th-text { max-width: 786px; text-align: left; margin: 0 auto; } 


.info-eko .benefits-area .benefits-box { width: 684px; height: 102px; background-color: #fff; box-sizing: border-box; border: 1px solid #222; margin: 0 auto; text-align: center; padding: 0 20px 0; } 
.info-eko .benefits-area .benefits-box.type-0 { padding-top: 8px !important; } 
.info-eko .benefits-area .benefits-box.type-1 { padding-top: 35px; } 
.info-eko .benefits-area .benefits-box:not(:first-child) { margin-top: 10px !important; } 
.info-eko .benefits-area .benefits-box .sub-title { font-size: 20px !important; text-align: center; padding-bottom: 2px; line-height: 1.45 !important; } 
.info-eko .benefits-area .benefits-box p { font-size: 18px !important; letter-spacing: -1.6px; text-align: left !important; line-height: 1.5 !important; } 
.check-icon { background: url(/Public_html/Images/Lecture/info/lecinfo_check_icon.png); width: 28px; height: 28px; display: inline-block; vertical-align: bottom; margin-right: 11px; text-indent: -9999px; background-repeat: no-repeat; background-position: center center; } 
.info-eko .epass-book { width: 786px; margin: 0 auto; } 
.info-eko .epass-book ul li { padding-bottom: 30px; } 
.info-eko .epass-book ul li:last-child { padding-top: 30px; border-top: 1px solid #b4b4b4; padding-bottom: 0; } 
.info-eko .epass-book ul li:after { clear:both; content:''; display: block; } 
.info-eko .epass-book .book-img { float: left; width: 276px; } 
.info-eko .epass-book .book-img img { display: block; margin: 0 auto; } 
.info-eko .epass-book .book-text .sub-title { font-weight: bold; padding-bottom: 20px; padding-top: 40px; } 
.info-eko .epass-book .book-text p { padding-left: 204px; font-size: 20px !important; line-height: 1.45 !important; } 
.info-eko .epass-book .book-text p i { font-style: normal; display: table-cell; } 
.info-eko .epass-book .book-text p span { display: table-cell; padding-left: 10px; font-size: 20px !important; word-break: keep-all; letter-spacing: -2.5px; } 
.info-eko .epass-book .book-text { float: left; padding: 46px 0px; width: 568px; box-sizing: border-box; } 
.info-eko .epass-book .book-text.ty-2 p { text-align: left; letter-spacing: -1px !important; padding: 0; } 

.info-eko .swiper-area { position: relative; width: 768px; height: 302px; margin: 0 auto; } 
.info-eko .swiper-area .slider-tab .review-title { padding: 0 10px 10px; border-bottom: 4px solid #222; } 
.info-eko .swiper-area .slider-tab .review-title i { background:url(/Public_html/Images/Lecture/info/icon_h.png); width: 26px; height: 26px; display: inline-block; vertical-align: text-bottom; margin-right: 10px; } 
.info-eko .swiper-area .slider-tab .review-title span { font-size: 22px !important; line-height: 26px; } 
.info-eko .swiper-area .slider-tab .review-cont { padding: 40px; border-bottom: 1px solid #222; box-sizing: border-box; } 
.info-eko .swiper-area .slider-tab .review-cont p { font-size: 20px !important; letter-spacing: -1.5px; line-height: 1.5 !important; } 
.info-eko .swiper-area .slider-tab .review-cont p span { line-height: 30px; background-color: #fbdb00; font-size: 20px !important; } 
.info-eko .bx-wrapper .bx-controls-direction a { width: 32px; height: 53px; top: 50%; opacity: 0.3; } 
.info-eko .bx-wrapper .bx-controls-direction a:hover { opacity: 1; } 
.info-eko .bx-wrapper .bx-controls-direction a.bx-prev { background: url(/Public_html/Images/Lecture/info/slide_left_arrow.png); left: 0; } 
.info-eko .bx-wrapper .bx-controls-direction a.bx-next { background: url(/Public_html/Images/Lecture/info/slide_right_arrow.png); right: 0; } 
.info-eko .info-slide { max-width: 786px; margin: 0 auto; } 
.info-eko .bx-wrapper { margin: 0 !important; border: 0 !important; box-shadow: none !important; } 
.info-eko .more-btn { position: relative; width: 173px; margin: 30px auto 0; display: block; } 
.info-eko .more-btn i { background: url(/Public_html/Images/Lecture/info/icon_more.png); width: 32px; height: 32px; display: inline-block; vertical-align: top; margin-right: 8px; text-indent: -9999px; } 
.info-eko .more-btn span { font-size: 20px !important; line-height: 32px; color: #222; font-weight: 500; } 

.info-eko .signup-area { position: relative; width: 768px; margin: 0 auto; } 
.info-eko .signup-area .signup-box { width: 100%; background: #fff; padding: 46px 20px 32px; box-sizing: border-box; position: relative; } 
.info-eko .signup-area .signup-box:last-child { margin-top: 30px !important; } 
.info-eko .signup-area .signup-box .signup-text { float: left; } 
.info-eko .signup-area .signup-box .signup-text .sign-title { font-size: 24px !important; font-weight: bold; } 
.info-eko .signup-area .signup-box .signup-text p { font-size: 20px !important; letter-spacing: -1.5px; line-height: 1.45 !important; } 
.info-eko .signup-area .signup-box .signup-btn-area { float: right; } 
.info-eko .signup-area .signup-box .signup-btn-area p { font-size: 20px !important; font-weight: bold; text-align: center; padding-bottom: 10px; line-height: 1.45 !important; } 
.info-eko .signup-area .signup-box .signup-btn-area a { display: block; padding: 42px 30px; background: #1d692b; color: #fff; font-size: 20px; font-weight: bold; line-height: 1.45; } 

.info-eko .teacher-area .tab_easy { width: 786px; margin: 0 auto; padding-bottom: 65px; opacity: 1; transition: ease 0.35s; } 
.info-eko .teacher-area .tab_easy.active { animation-name: fly-2; animation-duration: 1.5s; animation-timing-function: ease-in-out; opacity: 1; } 
@keyframes fly-2 { 
 0% { transform: translateY(80px); } 
 100% { transform: translateY(-00px); } 
 }

.info-eko .teacher-area .tab_easy li { float: left; margin: 0 5px; position:relative; cursor: pointer; } 
.info-eko .teacher-area .tab_easy li .ab { position:absolute; top:0; left:0; } 
.info-eko .teacher-area { max-width: 786px; margin: 0 auto; } 
.info-eko .teacher-area .teach-img { margin: 0 auto; display:flex; justify-content: center; } 
.info-eko .teacher-area .teach-img img { margin: 0px -42px; box-sizing: border-box; position: relative; } 

.info-eko .teacher-area .teach-text { background: #d4d4d4; border-radius: 20px; margin-top: -4px !important; padding: 12px 26px; box-sizing: border-box; } 
.info-eko .teacher-area .teach-text ul { display: flex; justify-content: space-around; } 
.info-eko .teacher-area .teach-text li { font-size: 18px !important; font-weight: bold; width: 20%; } 
.info-eko .teacher-area .teach-text li span { font-size: 18px !important; font-weight: 400; display: block; } 

.info-eko .cont-easy { position: relative; width: 786px; margin: 0 auto; } 
.info-eko .cont-easy li { border: 1px solid #000; padding: 34px 0px 0; background: #fff; } 
.info-eko .cont-easy li:not(:first-child) { margin-top: 10px !important; } 
.info-eko .cont-easy .tea-img { float: left; width: 38.67%; position: relative; } 
.info-eko .cont-easy .tea-img.right { float: right; } 
.info-eko .cont-easy .tea-img img { display: block; position: relative; z-index: 1; } 
.info-eko .cont-easy .tea-img .back-bg { position: absolute; bottom: 0; left: 0; z-index: 0; } 
.info-eko .cont-easy .tea-info { float: left; width: 61.33%; } 
.info-eko .cont-easy .tea-info .title-name { font-size: 30px !important; font-weight: bold; text-align: left; } 
.info-eko .cont-easy .tea-info p { font-size: 20px !important; line-height: 1.5 !important; text-align: left; letter-spacing: -1.2px !important; word-break: keep-all; } 
.info-eko .cont-easy .tea-info p.sub-text { font-weight: bold; } 
.info-eko .cont-easy .tea-info p span { display:block; font-size: 20px !important; line-height: 1.45 !important; } 
.info-eko .cont-easy .tea-info .teacher-car { padding-top: 15px; } 
.info-eko .cont-easy .tea-info .teacher-car.type-1 { padding-top: 21px; } 
.info-eko .cont-easy .tea-info .teacher-car span { font-size: 20px !important; } 
.info-eko .cont-easy .tea-info .teacher-car .car-val { display: table-cell; } 
.info-eko .cont-easy .tea-info .teacher-car .car-val span { line-height: 29px; background: #b4b4b4; padding: 0 5px; font-size: 20px !important; } 
.info-eko .cont-easy .tea-info .teacher-car .car-val-tt { display:table-cell; padding-left: 10px; } 
.info-eko .cont-easy .tea-info .teacher-car .depts-1 { display: block; padding-left: 93px; } 
.info-eko .cont-easy .tea-info .sub-info-tt { padding: 20px 0 0 0; } 
.info-eko .cont-easy .tea-info.ty-2 { text-align: left; } 
.info-eko .cont-easy .tea-info.ty-2 .title-name { display: inline-block; position: relative; } 
.info-eko .cont-easy .tea-info.ty-2 .title-name:after { clear:both; content:''; display:block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #000; } 
.info-eko .cont-easy .youtube-area { width: 726px; height: 407px; background: #000; position: relative; } 
.info-eko .cont-easy .youtube-area > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.info-eko .cont-easy .youtube-area > div i { position: absolute; top: 0; left: 0; z-index: -1; } 

.info-eko .cont-easy-ty2 { position: relative; width: 786px; margin: 0 auto; } 
.info-eko .cont-easy-ty2 li { border: 3px solid #000; padding: 0px 80px 0; background: #fff; } 
.info-eko .cont-easy-ty2 li:not(:first-child) { margin-top: 10px !important; } 
.info-eko .cont-easy-ty2 .tea-img { float: left; position: relative; padding: 0 20px; } 
.info-eko .cont-easy-ty2 .tea-img.right { float: right; } 
.info-eko .cont-easy-ty2 .tea-img img { display: block; position: relative; z-index: 1; } 
.info-eko .cont-easy-ty2 .tea-img .back-bg { position: absolute; bottom: 0; left: 0; z-index: 0; } 
.info-eko .cont-easy-ty2 .tea-info { float: left; text-align: left; padding-top: 36px; } 
.info-eko .cont-easy-ty2 .tea-info .point-tt { text-align: left; box-sizing: border-box; padding: 10px 10px 5px; } 
.info-eko .cont-easy-ty2 .tea-info .point-tt p { font-size: 20px !important; margin: 0; padding: 0; letter-spacing: -1px; line-height: 1.2 !important; font-family: 'GmarketSansMedium' !important; } 
.info-eko .cont-easy-ty2 .tea-info .teacher-car-tt { text-align: left; padding-top: 20px; } 
.info-eko .cont-easy-ty2 .tea-info .teacher-car-tt p { font-size: 22px !important; letter-spacing: -1.5px; line-height: 1.3 !important; font-family: 'GmarketSansMedium' !important; } 

.info-eko .cont-box-leng { position: relative; max-width: 786px; margin: 0 auto; } 
.info-eko .cont-box-leng:after { clear:both; content:''; display: block; } 
.info-eko .cont-box-leng ul > li { float: left; width: calc(25% - 10px); border-radius: 30px; border: 1px solid #e4e4e4; overflow: hidden; box-sizing: border-box; } 
.info-eko .cont-box-leng ul > li:not(:first-child) { margin-left:10px; } 
.info-eko .cont-box-leng ul { margin: 0 auto } 
.info-eko .cont-box-leng ul.ty-2 { margin-top: 20px; } 
.info-eko .cont-box-leng .text-area { /* height: 90px; */background: #e4e4e4; } 
.info-eko .cont-box-leng .text-area h6 { font-size: 20px !important; /* padding: 18px 0 !important; */letter-spacing: -1.5px; } 
.info-eko .cont-box-leng .text-area h6 span { font-size: 20px !important; display: block; } 
.info-eko .cont-box-leng .img-area { background:#fff; } 
.info-eko .cont-box-leng .img-area img { vertical-align: middle; } 
.info-eko .cont-box-leng .sub-text { padding-top: 34px !important; padding-left: 30px !important; } 
.info-eko .cont-box-leng .sub-text ol li { list-style-type: disc; padding-left: 10px !important; } 
.info-eko .cont-box-leng .sub-text ol li p { font-size: 20px !important; text-align: left !important; word-break: keep-all; } 

.info-eko .cont-box-leng.nth-2 ul { max-width: 380px; } 
.info-eko .cont-box-leng.nth-2 li { width: calc(50% - 5px); max-width: 185px; } 
.info-eko .cont-box-leng.nth-3 ul { max-width: 573px; } 
.info-eko .cont-box-leng.nth-3 li { width: calc(33.334% - 7px); max-width: 185px; } 
.info-eko .cont-box-leng.nth-4 ul { /* max-width: 573px; */ } 
.info-eko .cont-box-leng.nth-4 li { width: calc(33.334% - 7px); max-width: 185px; } 


.info-eko .cir-text-box { margin-top: 40px !important; max-width: 678px; margin: 0 auto; position: relative; } 
.info-eko .cir-text-box:after { clear: both; content:''; display: block; } 
.info-eko .cir-text-box .cir-box { float: left; width: 270px; height: 234px; border: 1px solid #c6e0e5; border-radius: 50%; background: #fae9b9; padding: 34px 0 !important; box-sizing: border-box; } 
.info-eko .cir-text-box .cir-box:last-child { float: right; } 
.info-eko .cir-text-box .cir-box .sub-title { color: #0d7186; } 
.info-eko .cir-text-box .cir-box .sub-title span { color: #0d7186; } 
.info-eko .cir-text-box .cir-box .sub-text { color: #222; padding-top: 12px !important; } 
.info-eko .cir-text-box .cir-box p { font-size: 24px !important; font-weight: 500; } 
.info-eko .cir-text-box .cir-box p span { font-size: 24px !important; font-weight: 500; display: block; } 
.info-eko .cir-text-box .plus-icon { background: url(/Public_html/Images/Lecture/info/son_210101_01.png); position: absolute; top: calc(50% - 30px); left: 50%; margin-left: -30px; width: 59px; height: 60px; } 

/* 강의시간 */
.info-eko .sc-time-table { width: 786px; padding-bottom: 40px; margin: 0 auto; } 
.info-eko .sc-time-table table { width: 100%; background: #fff; } 
.info-eko .sc-time-table caption { display: none; } 
.info-eko .sc-time-table th.title { background: #d2d2d2; border-right: 2px solid #fff; font-weight: bold; width: 43px; } 
.info-eko .sc-time-table th { display: table-cell; vertical-align: middle; font-size: 15px !important; padding: 10px 0; background: #b4b4b4; } 
.info-eko .sc-time-table td { font-size: 15px !important; padding: 10px 0; text-align: center; vertical-align: middle; } 
.info-eko .sc-time-table th,
.info-eko .sc-time-table td { border: 1px solid #000; } 
.info-eko .sc-time-list { max-width: 594px; margin: 0 auto; } 
.info-eko .sc-time-list li { margin-bottom: 10px !important; } 
.info-eko .sc-time-list p { text-align: left; } 
.info-eko .sc-time-list i { } 
.info-eko .sc-time-list span { font-size: 20px !important; font-weight: bold; } 
/* 교육시설 */
.info-eko .tt-area { max-width: 710px; margin: 0 auto; } 
.info-eko .tt-area li { text-align: left; } 
.info-eko .tt-area li span { font-size: 20px !important; margin: 0; display: table-cell; line-height: 1.5 !important; } 

/* */
.info-eko .container .app-btn-area { position: relative; } 
.info-eko .container .app-btn-area a.google { top: 0; left: 50%; margin-left: -3px; width: 142px; height: 100%; } 
.info-eko .container .app-btn-area a.app { top: 0; left: 50%; margin-left: 155px; width: 142px; height: 100%; } 
.info-eko .container .app-btn-area a.evernote { top: 0; left: 50%; margin-left: -3px; width: 142px; height: 100%; } 

.info-eko .cal-list { width: 730px; margin: 0 auto; } 
.info-eko .cal-list li:not(:first-child) div { padding-top:50px; } 
.info-eko .cal-list li:after { clear:both; content:''; display: block; } 
.info-eko .cal-list li div { float: left; box-sizing: border-box; padding: 0 30px; } 
.info-eko .cal-list li div.left { text-align: center; width: 160px; } 
.info-eko .cal-list li div.right { width: 570px; border-left: 2px solid #fff; text-align: left; } 
.info-eko .cal-list li div p { font-size: 20px !important; color: #fff; } 
.info-eko .cal-list li div p span { display:block; font-size: 20px !important; color: #fff; } 

/* 핵심포인트 */
.info-eko .point-list { max-width: 786px; margin: 0 auto 80px; } 
.info-eko .point-list ul { } 
.info-eko .point-list li { float: left; width: 50%; border-bottom: 1px solid #0ca59c; } 
.info-eko .point-list li:nth-child(odd) { width: 60%; } 
.info-eko .point-list li:nth-child(even) { width: 40%; } 
.info-eko .point-list p { line-height: 2 !important; } 
.info-eko .point-list i { display: table-cell; font-style: normal; color: #0ca59c; font-size: 10px; vertical-align: middle; } 
.info-eko .point-list span { font-size: 22px !important; display: table-cell; letter-spacing: -1.5px !important; margin: 0; padding: 0; font-weight: 500; } 


/* 유의사항 */
.info-eko .info-list { max-width: 768px; margin: 0 auto; } 
.info-eko .info-list ol { display:inline-block; } 
.info-eko .info-list p { font-size: 20px !important; text-align: left; padding-top: 10px !important; } 
.info-eko .info-list p span { font-size: 20px !important; font-weight: 500; color: #000; display: table-cell; margin: 0; word-break: keep-all; } 
.info-eko .info-list .mk-tt { font-size: 30px !important; font-weight: bold; text-align: center !important; padding: 50px 0 0 !important; } 
.info-eko .info-list .class-tt { font-size: 20px !important; font-weight: bold; } 
.info-eko .info-img-area { } 
.info-eko .info-img-area img { margin: 0 auto; display: block; } 

/* 수험서 소개 */
.info-eko .price-bk { box-sizing: border-box; max-width: 786px; margin: 0 auto; } 
.info-eko .price-bk ul { } 
.info-eko .price-bk li { float: left; /* width: calc(50% - 20px); */margin: 0 10px 0; box-sizing: border-box; } 
.info-eko .price-bk .price-box { background: #ffced4; padding: 56px 0; } 
.info-eko .price-bk .price-box .text { font-size: 30px !important; margin: 0; font-weight: bold; letter-spacing: -1px; padding: 0 0 30px 0; } 
.info-eko .price-bk .price-box .price { font-size: 20px !important; text-align: center; } 
.info-eko .price-bk .price-box .price span:first-child { font-size: 20px !important; margin: 0; display: inline-block; line-height: 30px; text-decoration: line-through; padding-right: 10px; } 
.info-eko .price-bk .price-box .price span:last-child { font-size: 30px !important; font-weight: bold; padding-left: 10px; } 
.info-eko .price-bk .bk-tt p { font-size: 20px !important; text-align: center; padding-top: 10px; font-weight: 500; } 
.info-eko .price-bk .tt-bk { } 
.info-eko .price-bk .tt-bk p { text-align: left; font-size: 20px !important; letter-spacing: -1.5px !important; } 
.info-eko .price-bk .tt-bk p span { font-size: 20px !important; } 
.info-eko .bk-info-area { border: 1px solid #222; background: #e4e4e4; margin: 30px auto 0 !important; max-width: 786px; } 
.info-eko .bk-info-area ul { padding: 45px 40px; box-sizing: border-box; } 
.info-eko .bk-info-area ul li:not(:last-child) { margin-bottom: 34px !important; } 
.info-eko .bk-info-area ul li::after { clear:both; content:''; display: block; } 
.info-eko .bk-info-area ul .step-img { float: left; width: 130px; margin-right: 30px; } 
.info-eko .bk-info-area ul .step-tt { float: left; width: 500px; } 
.info-eko .bk-info-area ul .step-tt p:first-child { font-weight: bold; } 
.info-eko .bk-info-area ul .step-tt p { text-align: left; font-size: 20px !important; letter-spacing: -1.5px !important; } 
.info-eko .bk-info-area ul .step-tt p span { display: table-cell; word-break: keep-all; } 
.info-eko .bk-info-area ul .step-tt p span:first-child { padding-right: 10px !important; } 



/* eko-2302 */

.info-eko.eko-2302 .sec-01 .title { position: relative; z-index: 1; display: block; } 
.info-eko.eko-2302 .sec-01::before,
.info-eko.eko-2302 .sec-01::after { clear: both; content: ''; display: block; position: absolute; top:0; width: 50%; height: 100%; } 
.info-eko.eko-2302 h6 { font-size: 36px !important; margin: 0 auto 20px !important; padding: 0; font-weight: bold; letter-spacing: -1px; line-height: 1.2 !important; font-family: 'GmarketSansBold' !important; } 

.info-eko.eko-2302 .con-box-aa { max-width: 768px; margin: 40px auto 0 !important; } 
.info-eko.eko-2302 .con-box-aa ul { display: flex; justify-content: space-around; flex-wrap: wrap; } 
.info-eko.eko-2302 .con-box-aa ul li { width: calc(50% - 40px); margin: 10px 0; display: flex; align-items: initial; } 
.info-eko.eko-2302 .con-box-aa ul li div {border: 1px solid #000;border-radius: 15px;padding: 30px;box-sizing: border-box;position: relative;width: 100%;background: #fff;} 
.info-eko.eko-2302 .con-box-aa ul li .img { padding-bottom: 10px;} 
.info-eko.eko-2302 .con-box-aa ul li div p.st { font-weight: bold; font-family: 'GmarketSansBold' !important; } 
.info-eko.eko-2302 .con-box-aa ul li div p { font-size: 20px !important; margin: 0; padding: 0; letter-spacing: -1px; line-height: 1.5 !important; font-family: 'GmarketSansMedium' !important; } 
.info-eko.eko-2302 .con-box-aa ul li:not(.fin) div p:not(.step):last-child { margin: 0px 0 15px !important; padding: 10px 0 0 !important; } 
.info-eko.eko-2302 .con-box-aa ul li.first { } 
.info-eko.eko-2302 .con-box-aa ul li.fin div { padding: 15px; min-height: 184px; display: flex; justify-content: center; align-items: center; background: #608dff; } 
.info-eko.eko-2302 .con-box-aa .sub { font-size: 18px !important; margin: 0; padding: 0; font-weight: 500; letter-spacing: -1px; } 

.info-eko.eko-2302 .gift-list-b { position: relative; max-width: 768px; margin: 0 auto; } 
.info-eko.eko-2302 .gift-list-b li {border: 1px solid #000;border-radius: 20px;margin: 20px auto 0;overflow: hidden;background: #fff;} 
.info-eko.eko-2302 .gift-list-b .img {float: left; width: 30%;padding:70px 0;}
.info-eko.eko-2302 .gift-list-b .tp { float: left; padding: 30px 0; box-sizing: border-box; text-align: left; } 
.info-eko.eko-2302 .gift-list-b .tp p.tit{font-size: 28px !important; font-weight: bold; font-family: 'GmarketSansBold' !important; color:#dd4646;line-height: 1.2;letter-spacing: -0.02em;}
.info-eko.eko-2302 .gift-list-b .tp p.tt { font-size: 22px !important; font-weight: bold; font-family: 'GmarketSansBold' !important; padding-top:10px;} 
.info-eko.eko-2302 .gift-list-b .tp .fl { margin: 10px 0 0 !important; } 
.info-eko.eko-2302 .gift-list-b .tp .fl p { display: flex; padding: 0 0 5px !important; font-family: 'GmarketSansMedium' !important; } 
.info-eko.eko-2302 .gift-list-b .tp .fl span { font-size: 20px !important; font-family: 'GmarketSansMedium' !important; line-height: 1.4; word-break: keep-all; } 
.info-eko.eko-2302 .gift-list-b .tp .fl span:first-child { font-weight: bold; } 

.info-eko.eko-2302 .teacher-area { position: relative; max-width: 768px; margin: 0 auto; } 
.info-eko.eko-2302 .teacher-area li {border: 1px solid #000;border-radius: 20px;margin: 20px auto 0;overflow: hidden;background: #fff;} 
.info-eko.eko-2302 .teacher-area .img {float: left; width: 40%;padding-top:30px;}
.info-eko.eko-2302 .teacher-area .tp { float: left; padding-top: 50px; box-sizing: border-box; text-align: left; } 
.info-eko.eko-2302 .teacher-area .tp p.tit{font-size: 28px !important; font-weight: bold; font-family: 'GmarketSansBold' !important; line-height: 1.2;letter-spacing: -0.02em;}
.info-eko.eko-2302 .teacher-area .tp p.tt { font-size: 30px !important; font-weight: bold; font-family: 'GmarketSansBold' !important; padding-top:30px;} 
.info-eko.eko-2302 .teacher-area .tp .fl { } 
.info-eko.eko-2302 .teacher-area .tp .fl p { font-size:22px; letter-spacing: -0.02em; display: flex; padding: 0 0 5px !important; font-family: 'GmarketSansMedium' !important; } 

.info-eko.eko-2302 .info-list p span { font-family: 'GmarketSansMedium' !important; } 

.info-eko.eko-230201 .sec-01{background: #dd4646;}
.info-eko.eko-230201 .sec-02{background: #ffa4a4;}
.info-eko.eko-230201 .sec-03{background: #ffd0d0;}
.info-eko.eko-230201 .teacher-area .tp p.tit, .info-eko.eko-230201 .gift-list-b .tp p.tit{color:#dd4646; }

.info-eko.eko-230202 .sec-01{background: #d6791d;}
.info-eko.eko-230202 .sec-02{background: #ffcfa4;}
.info-eko.eko-230202 .sec-03{background: #ffe5d0;}
.info-eko.eko-230202 .teacher-area .tp p.tit, .info-eko.eko-230202 .gift-list-b .tp p.tit{color:#d6791d; }

.info-eko.eko-230203 .sec-01{background: #c049ff;}
.info-eko.eko-230203 .sec-02{background: #dd9bff;}
.info-eko.eko-230203 .sec-03{background: #f1d5ff;}
.info-eko.eko-230203 .teacher-area .tp p.tit, .info-eko.eko-230203 .gift-list-b .tp p.tit{color:#c049ff; }
.info-eko.eko-230203 .teacher-area .img{width: 35% !important;}
.info-eko.eko-230203 .teacher-area .tp .fl p{letter-spacing: -0.1em !important;}


/* eko-2303 */
.info-eko .eko-230301 .sec-01{background: #e2fab1;}
.info-eko .eko-230301 .sec-02{background: #c4ec77;}
.info-eko .eko-230301 .sec-03{background: #05795a;}
.info-eko .eko-230301 .sec-04{background: #e9e9e9;}
.info-eko .eko-230301 .sec-05{background: #c4ec77;}
.info-eko .eko-230301 .sec-06{background: #fefce7;}
.info-eko .eko-230301 .sec-07{background: #e9e9e9;}
.info-eko .eko-230301 .sec-08{background: #2faa82;}
.info-eko .eko-230301 .sec-09{background: #c4ec77;}
.info-eko .eko-230301 .sec-10{background: #fefce7;}
.info-eko .eko-230301 .sec-11{background: #1f6f5f;}

.info-eko .eko-230302 .sec-01{background: #b1faf2;}
.info-eko .eko-230302 .sec-02{background: #3c9e93;}
.info-eko .eko-230302 .sec-03{background: #05795a;}
.info-eko .eko-230302 .sec-04{background: #e9e9e9;}
.info-eko .eko-230302 .sec-05{background: #c4ec77;}
.info-eko .eko-230302 .sec-06{background: #fff;}
.info-eko .eko-230302 .sec-07{background: #2faa82;}
.info-eko .eko-230302 .sec-08{background: #c4ec77;}
.info-eko .eko-230302 .sec-09{background: #fefce7;}
.info-eko .eko-230302 .sec-10{background: #1f6f5f;}

.info-eko .eko-230303 .sec-01{background: #f0ebd1;}
.info-eko .eko-230303 .sec-02{background: #5b9de0;}
.info-eko .eko-230303 .sec-03{background: #05795a;}
.info-eko .eko-230303 .sec-04{background: #e9e9e9;}
.info-eko .eko-230303 .sec-05{background: #f0ebd1;}
.info-eko .eko-230303 .sec-06{background: #fff;}
.info-eko .eko-230303 .sec-07{background: #2faa82;}
.info-eko .eko-230303 .sec-08{background: #c4ec77;}
.info-eko .eko-230303 .sec-09{background: #fefce7;}
.info-eko .eko-230303 .sec-10{background: #1f6f5f;}


/* eko-2304 */
.info-eko .eko-230401 .sec-01{background: #14e2be;}
.info-eko .eko-230401 .sec-02{background: #0dcfae;}
.info-eko .eko-230401 .sec-03{background: #a2eee2;}
.info-eko .eko-230401 .sec-04{background: #ffffd2;}
.info-eko .eko-230401 .youtube-a { position: relative; margin-bottom:20px;} 
.info-eko .eko-230401 .youtube-a iframe { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 70%; height: 100%; } 

/* eko-2305 */

.info-eko .eko-230501 .sec-01{background: #2a4fb3;}
.info-eko .eko-230501 .sec-02{background: #d5ff28;}
.info-eko .eko-230501 .sec-03{background: #f8f8f8;}
.info-eko .eko-230501 .sec-04{background: #7291d8;}
.info-eko .eko-230501 .sec-05{background: #f2ffbf;}
.info-eko .eko-230501 .sec-06{background: #2a4fb3;}
.info-eko .eko-230501 .sec-07{background: #f8f8f8;}
.info-eko .eko-230501 .sec-08{background: #092c8c;}
.info-eko .eko-230501 .youtube-a { position: relative; margin-bottom:20px;} 
.info-eko .eko-230501 .youtube-a iframe { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 70%; height: 100%; } 

/* eko-2307 */
.info-eko .eko-230701 .sec-01{background: #fbffb3;}
.info-eko .eko-230701 .sec-02{background: #d7fffc;}
.info-eko .eko-230701 .sec-03{background: #fbffb3;}
.info-eko .eko-230701 .sec-04{background: #fff4d8;}
.info-eko .eko-230701 .sec-04 .btn-01 { top: 17.5%; left: 50%; width: 67%; height: 17%; } 
.info-eko .eko-230701 .sec-04 .btn-02 { top: 40%; left: 50%; width: 67%; height: 17%; } 

.info-eko .eko-230702 .sec-01{background: #fddfff;}
.info-eko .eko-230702 .sec-02{background: #d7fffc;}
.info-eko .eko-230702 .sec-03{background: #fbffb3;}
.info-eko .eko-230702 .sec-04{background: #fff4d8;}
.info-eko .eko-230702 .sec-04 .btn-01 { top: 8.5%; left: 50%; width: 67%; height: 8.5%; } 
.info-eko .eko-230702 .sec-04 .btn-02 { top: 19.5%; left: 50%; width: 67%; height: 8.5%; } 

.info-eko .eko-230703 .sec-01{background: #b68fec;}
.info-eko .eko-230703 .sec-02{background: #e9ddf9;}
.info-eko .eko-230703 .sec-03{background: #fbffb3;}
.info-eko .eko-230703 .sec-04{background: #fff4d8;}
.info-eko .eko-230703 .sec-04 .btn-01 { top: 8.5%; left: 50%; width: 67%; height: 8.5%; } 
.info-eko .eko-230703 .sec-04 .btn-02 { top: 19.5%; left: 50%; width: 67%; height: 8.5%; } 

.info-eko .eko-2307 .youtube-a { position: relative; margin-bottom:20px;} 
.info-eko .eko-2307 .youtube-a iframe { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 70%; height: 100%; } 

/* eko-2308 */
.info-eko .eko-230801 .sec-01{background: #fff2d0;}
.info-eko .eko-230801 .sec-02{background: #feda79;}
.info-eko .eko-230801 .sec-03{background: #fff9e9;}
.info-eko .eko-230801 .sec-04{background: #fff4d4;}
.info-eko .eko-230801 .sec-05{background: #feda79;}
.info-eko .eko-230801 .sec-06{background: #2c69d4;}
.info-eko .eko-230801 .sec-07{background: #c7dbfe;}
.info-eko .eko-230801 .sec-08{background: #fff4d4; position:relative; padding-bottom: 70px;}
.info-eko .eko-230801 .sec-09{background: #fffaec;}
.info-eko .eko-230801 .sec-10{background: #f2523c;}

.info-eko .eko-2308 .youtube-a { position: relative; margin-bottom:20px; width: 100%; height: 450px;} 
.info-eko .eko-2308 .youtube-a iframe { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 70%; height: 100%; } 

.info-eko .eko-230802 .sec-01{background: #2c69d4;}
.info-eko .eko-230802 .sec-02{background: #feda79;}
.info-eko .eko-230802 .sec-03{background: #fff4d4; position: relative; }
.info-eko .eko-230802 .sec-04{background: #fff9e9;}
.info-eko .eko-230802 .sec-05{background: #fff4d4;}
.info-eko .eko-230802 .sec-06{background: #feda79;}
.info-eko .eko-230802 .sec-07{background: #2c69d4;}
.info-eko .eko-230802 .sec-08{background: #c7dbfe;}
.info-eko .eko-230802 .sec-09{background: #fff4d4;}
.info-eko .eko-230802 .sec-10{background: #fffaec;}
.info-eko .eko-230802 .sec-11{background: #fff;}

.info-eko .eko-230802 .sec-03 .btn-01 { position: absolute; top: 47%; left: 61%; width: 23%; height: 14%; color:#fff;}
.info-eko .eko-230802 .sec-03 .btn-02 { position: absolute; top: 63%; left: 61%; width: 23%; height: 14%; color:#fff;}



/* eko-231001 */
.info-eko .eko-231001 .sec-01{background: #30aa83;}
.info-eko .eko-231001 .sec-02{background: #f99d76;}
.info-eko .eko-231001 .sec-03{background: #f6ff7e;}
.info-eko .eko-231001 .sec-04{background: #e9e9e9;}
.info-eko .eko-231001 .sec-05{background: #06795a;}
.info-eko .eko-231001 .sec-06{background: #ffb06e;}
.info-eko .eko-231001 .sec-07{background: #fefce7;}
.info-eko .eko-231001 .sec-08{background: #e9e9e9;}
.info-eko .eko-231001 .sec-09{background: #f6ff7e;}
.info-eko .eko-231001 .sec-10{background: #30aa83;}
.info-eko .eko-231001 .sec-11{background: #e9e9e9;}
.info-eko .eko-231001 .sec-12{background: #fefce7;}
.info-eko .eko-231001 .sec-13{background: #242424;}

/* eko-231002 */
.info-eko .eko-231002 .sec-01{background: #2f79aa;}
.info-eko .eko-231002 .sec-02{background: #f99d76;}
.info-eko .eko-231002 .sec-03{background: #f6ff7e;}
.info-eko .eko-231002 .sec-04{background: #e9e9e9;}
.info-eko .eko-231002 .sec-05{background: #06795a;}
.info-eko .eko-231002 .sec-06{background: #ffb06e;}
.info-eko .eko-231002 .sec-07{background: #f6ff7e;}
.info-eko .eko-231002 .sec-08{background: #30aa83;}
.info-eko .eko-231002 .sec-09{background: #e9e9e9;}
.info-eko .eko-231002 .sec-10{background: #fefce7;}
.info-eko .eko-231002 .sec-11{background: #242424;}

/* eko-231003 */
.info-eko .eko-231003 .sec-01{background: #6d2faa;}
.info-eko .eko-231003 .sec-02{background: #f99d76;}
.info-eko .eko-231003 .sec-03{background: #f6ff7e;}
.info-eko .eko-231003 .sec-04{background: #06795a;}
.info-eko .eko-231003 .sec-05{background: #ffb06e;}
.info-eko .eko-231003 .sec-06{background: #fefce7;}
.info-eko .eko-231003 .sec-07{background: #e9e9e9;}
.info-eko .eko-231003 .sec-08{background: #f6ff7e;}
.info-eko .eko-231003 .sec-09{background: #e9e9e9;}
.info-eko .eko-231003 .sec-10{background: #fefce7;}
.info-eko .eko-231003 .sec-11{background: #242424;}


/* eko-251301 */
.eko-251301 .sec-02 {background: #fff9b1; width: 1100px;}
.eko-251301 .event-slide-area .event-slide-box { position: absolute; top: 57%; left:25%; width: 50%; height: 33%; } 
.eko-251301 .event-slide-area .slick-left { position: absolute; top: 70%; left: 7%; width: 3%; z-index: 10; cursor: pointer;} 
.eko-251301 .event-slide-area .slick-right { position: absolute; top: 70%; right: 6%; width:3%; z-index: 10; cursor: pointer;}