/* 전투모의고사 */
.text-hidden {overflow:hidden !important; clip:rect(1px, 1px, 1px, 1px) !important; position:absolute !important; width:1px !important; height:1px !important;}
button {outline:0; border:0; background:none; font-size:100%; line-height:auto; font-family:'SpoqaHanSans', sans-serif;}

.mocktest_wrap {font-size:16px; letter-spacing:-0.5px;}

.mocktest_title_wrap {width:100%; padding:35px 0; background:#333333}
.mocktest_title_wrap .title {display:block; margin-bottom:20px;}
.mocktest_title_wrap img {width:100%;}

.mocktest_img {width:100%; overflow:hidden;}
.mocktest_img img {width:100%;}

.mocktest_preview_wrap {width:100%; padding:35px 4%; box-sizing:border-box; background:url('/Mobile/Img/exam/img_mocktest07.jpg') no-repeat; background-size:cover; text-align:center;}
.mocktest_preview_wrap .mocktest_preview {display:inline-block; width:100%; overflow:hidden; background:#fff;  box-sizing:border-box; position:relative; padding:35px 4%;}
.mocktest_preview_wrap .mocktest_preview ul li .title {font-size:20px; line-height:26px; display:block; margin-bottom:20px; font-weight:600;}
.mocktest_preview_wrap .mocktest_preview ul li p {height:63px; font-size:14px; margin-bottom:100px;}
.mocktest_preview_wrap .mocktest_preview ul li img {width:100%;}
.mocktest_preview .mocktest_preview_pager {width:90%; height:40px; border-bottom:3px solid #c7a56c; box-sizing:border-box; position:absolute; top:200px; left:5%; z-index:100; }
.mocktest_preview .mocktest_preview_pager a {float:left; width:50%; height:40px; line-height:40px; color:#c7a56c; font-weight:600;}
.mocktest_preview .mocktest_preview_pager a.active {background:#c7a56c; color:#fff;}
.mocktest_preview .bx-controls-direction {position:absolute; top:65%; left:0; width:100%;}
.mocktest_preview .bx-controls-direction .bx-prev {float:left; width:40px; height:40px; background:url('/zeus_new/images/main/btn_review_prev.png') no-repeat;  text-indent:-9999px; background-size:100%;}
.mocktest_preview .bx-controls-direction .bx-next {float:right; width:40px; height:40px; background:url('/zeus_new/images/main/btn_review_next.png') no-repeat;  text-indent:-9999px;background-size:100%;}

.mocktest_review_area {width:100%; padding:35px 4%; box-sizing:border-box; background:url('/Mobile/Img/exam/img_mocktest08.jpg') no-repeat; background-size:cover;}
.mocktest_review_area .mocktest_title {margin-bottom:20px; overflow:hidden;}
.mocktest_review_area .mocktest_title img {width:100%;}
.mocktest_review_area .mocktest_subtitle {margin-bottom:20px; overflow:hidden;}
.mocktest_review_area .mocktest_subtitle img {width:100%;}
.mocktest_review_area .mocktest_review {width:100%; overflow:hidden; position:relative; padding:0 30px; box-sizing:border-box;}
.mocktest_review_area .mocktest_review li {width:100%; background:#fff; box-shadow:0 40px 20px 0 rgba(0, 0, 0, 0.1); padding:20px; box-sizing:border-box; overflow:hidden;}
.mocktest_review_area .mocktest_review li .review_info {width:100%; height:30px; line-height:30px; overflow:hidden;}
.mocktest_review_area .mocktest_review li .review_info .name {float:left; font-size:18px; font-weight:600;}
.mocktest_review_area .mocktest_review li .review_info .star {float:right; width:50%}
.mocktest_review_area .mocktest_review li .review_info .star img {width:100%; max-width:100px;}
.mocktest_review_area .mocktest_review li .date {display:block; height:24px; line-height:24px; margin-bottom:5px;}
.mocktest_review_area .mocktest_review li .review_txt {width:100%; height:100px; overflow:hidden; line-height:20px; margin-bottom:10px;}
.mocktest_review_area .mocktest_review li .button_area {width:100%; overflow:hidden; box-sizing:border-box;}
.mocktest_review_area .mocktest_review li .button_area .button_type02 {float:right; width:50%; height:35px; border-radius:24px; background:#14213d; color:#fff; font-weight:600; cursor:pointer; text-align:center; line-height:35px;}
.mocktest_review .bx-controls-direction {position:absolute; top:45%; left:0; width:100%;}
.mocktest_review .bx-controls-direction .bx-prev {float:left; width:40px; height:40px; background:url('/zeus_new/images/main/btn_review_prev.png') no-repeat;  text-indent:-9999px; background-size:100%;}
.mocktest_review .bx-controls-direction .bx-next {float:right; width:40px; height:40px; background:url('/zeus_new/images/main/btn_review_next.png') no-repeat;  text-indent:-9999px;background-size:100%;}

.mocktest_purchase_area {width:100%; padding-top:35px; box-sizing:border-box;}
.mocktest_purchase_area .mocktest_title {margin-bottom:35px;}
.mocktest_purchase_area .mocktest_title img {width:100%;}
.mocktest_purchase_area .mocktest_purchase {width:100%; padding:35px 4%; box-sizing:border-box; background:#f5f5f5;}
.mocktest_purchase_area .mocktest_purchase .mocktest_purchase_cont {width:100%; background:#fff;  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1); margin-bottom:30px; padding:15px; box-sizing:border-box;}
.mocktest_purchase_area .mocktest_purchase .mocktest_purchase_cont .title_wrap {display:block; height:28px; line-height:28px; overflow:hidden;}
.mocktest_purchase_area .mocktest_purchase .mocktest_purchase_cont .title_wrap .title {float:left; margin-right:10px;}
.mocktest_purchase_area .mocktest_purchase .mocktest_purchase_cont .title_wrap .round {float:left; height:28px; line-height:26px; font-size:12px; padding:0 20px; border:1px solid #999999; border-radius:15px; box-sizing:border-box;}
.mocktest_purchase_area .mocktest_purchase .mocktest_purchase_cont .add_text {display:block; margin-bottom:20px; font-size:13px;}
.mocktest_purchase_area .mocktest_purchase .mocktest_purchase_cont .price_cont {text-align:right;}
.mocktest_purchase_area .mocktest_purchase .mocktest_purchase_cont .price_cont .price {text-decoration:line-through; padding-right:70px; background:url('/zeus_new/images/book/bg_mocktest_price.png') no-repeat right center; margin-right:10px;}
.mocktest_purchase_area .mocktest_purchase .mocktest_purchase_cont .price_cont > .discount {color:#c7a56c; font-size:21px; font-weight:600;}
.mocktest_purchase_area .mocktest_purchase .mocktest_purchase_cont.last {margin-bottom:40px;}
.mocktest_purchase_area .mocktest_purchase .total_cost_wrap {width:100%; line-height:34px; overflow:hidden; text-align:center;}
.mocktest_purchase_area .mocktest_purchase .total_cost_wrap .total_cost {display:inline-block; height:34px; padding-right:26px; background:url('/zeus_new/images/book/icon_subtraction.png') no-repeat right center; background-size:20px;}
.mocktest_purchase_area .mocktest_purchase .total_cost_wrap > .discount {display:inline-block; height:34px; padding-right:26px; background:url('/zeus_new/images/book/icon_equal.png') no-repeat right center; color:#c7a56c; font-weight:600; background-size:20px;}
.mocktest_purchase_area .mocktest_purchase .total_cost_wrap .total_money {display:block; height:28px; }
.mocktest_purchase_area .mocktest_purchase .total_cost_wrap .last_total {display:inline-block;color:#c7a56c; font-weight:600; margin-right:20px; font-size:24px;}
.mocktest_purchase_area .mocktest_purchase .total_cost_wrap a {display:inline-block; width:50%; height:40px; border-radius:24px; background:#14213d; color:#fff; font-weight:600; cursor:pointer; text-align:center; line-height:36px; margin-top:20px;}

.mocktest_notice {width:100%; overflow:hidden; padding:120px 0; background:#eeeeee; text-align:center;}





/* 프리패스 리뉴얼 */

#freepass_new_wrap {position:relative;}
#freepass_new02 {height:100%; background:#282828;}
#freepass_new02 .content_area img {width:100%; vertical-align:top;}
#freepass_new02 .section {overflow:hidden; position:relative;}
#freepass_new02 .content_area {position:relative; overflow:hidden; box-sizing:border-box;}
#freepass_new02 .pass_section01 {background:url('/Mobile/Img/freepass/bg_freepass_new01.jpg') no-repeat bottom center; background-size:cover;}
#freepass_new02 .pass_section02 {background:url('/Mobile/Img/freepass/bg_freepass_new02.jpg') no-repeat bottom center; background-size:cover;}
#freepass_new02 .pass_section03 {background:url('/Mobile/Img/freepass/bg_freepass_new03.jpg') no-repeat bottom center; background-size:cover;}
#freepass_new02 .pass_section04 {background:url('/Mobile/Img/freepass/bg_freepass_new04.jpg') no-repeat bottom center; background-size:cover;}

#freepass_new02 .txt_timer_area {padding-top:80%;}
#freepass_new02 .txt_timer_area span {display:block; }
#freepass_new02 .txt_timer_area .txt01 {position:relative; margin-bottom:10px;}
#freepass_new02 .txt_timer_area .txt02 {margin-bottom:15px;}

#freepass_new02 .pass_section04 .txt_timer_area .txt01 {position:relative; margin-bottom:15px;}
#freepass_new02 .pass_section04 .txt_timer_area .txt02 {margin-bottom:25px;}

#freepass_new02 .pass_section02 .txt_timer_area {text-align:right;}
#freepass_new02 .pass_section04 .txt_timer_area {text-align:center; padding-top:0;}

#freepass_new02 .section.active .txt_timer_area .txt01 {animation: m_t1 1s both;}
#freepass_new02 .section.active .txt_timer_area .txt02 {animation: m_t2 1s both; animation-delay: 0.8s;}
#freepass_new02 .section.active .txt_timer_area .txt03 {animation: m_t2 1s both; animation-delay: 1.5s;}

.pass_section12 .content_area {position:relative;}
.pass_section12 .content_area .popOpen {position:absolute; top:59.5%; left:31%; width:10%; padding:1.5% 0; display:block;}

@keyframes m_t1{
	0% { top: -150px ;opacity: 0;}
	100% {top: 0px; ;opacity: 1;}
}

@keyframes m_t2{
  0% { margin-top:0px; opacity: 0;}
  100% { margin-top: 0px;  opacity: 1;}
}

#freepass_new02 .pass_section05 .circle_content {width:100%; position:absolute; top:20%; left:0; text-align:center;}
#freepass_new02 .pass_section05 .circle_content span {display:block; width:36%; animation:spin 20s infinite linear; margin:0 32%;}
#freepass_new02 .pass_section05 .circle_content .type02 {margin:-8% 32%; animation-direction: reverse;}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

#freepass_new02 .pass_section10 .img01 {display:block; position:absolute; top:11.8%; left:0; animation-duration: 0.5s; animation-name: textEffect; animation-iteration-count: infinite; animation-direction: alternate;}
#freepass_new02 .pass_section10 .img02 {width:8%; display:block; position:absolute; top:45.4%; left:44.6%; animation-duration: 0.5s; animation-name: textEffect; animation-iteration-count: infinite; animation-direction: alternate;}
#freepass_new02 .pass_section10 .btn_area a {text-indent:-9999px;  padding:1% 0 0; line-height:1;}
#freepass_new02 .pass_section10 .btn_area a.type01{width:40%;position:absolute; top:58.2%; left:29%;}
#freepass_new02 .pass_section10 .btn_area a.type02{width:35%;position:absolute; top:96.2%; left:11%;}
#freepass_new02 .pass_section10 .btn_area a.type03{width:39%;position:absolute; top:96.2%; right:11%;}

@keyframes textEffect {
  from {transform: scale(0.9, 0.9);}
  to {transform: scale(1, 1);}
}

.freepass_new_go_home {display:inline-block; width:15%; position:fixed; top:15px; left:15px;}
.freepass_new_go_home img {width:100%}
.right_bnr {position:fixed; top:15px; right:15px; z-index:5; width:15%;}
.right_bnr a {display:block; margin-bottom:10px;}
.right_bnr a img {width:100%;}




/*2021-11-21 freepass03 */
.freepass03 {position: relative; overflow:hidden; background-color: #55635d;}
.freepass03 .logo {position: fixed; left:35px; top: 25px; z-index:99;}
.freepass03 .fixed_menu {position: fixed; right:0; top: 180px; z-index:999;}
.freepass03 .fixed_menu a {display: block; text-indent:-9999px;}
.freepass03 .fixed_menu a.fixed01 {position: absolute; top:66px; left: 20px; width:110px; height:35px;}
.freepass03 .fixed_menu a.fixed02 {position: absolute; top:103px; left: 20px; width:110px; height:35px;}
.freepass03 .fixed_menu a.fixed03 {position: absolute; top:140px; left: 20px; width:110px; height:35px;}
.freepass03 .fixed_menu a.fixed04 {position: absolute; top:177px; left: 20px; width:110px; height:35px;}
.freepass03 .fixed_menu a.fixed05 {position: absolute; bottom:30px; left: 0; width:150px; height:84px;}
.freepass03 .fixed_menu a.fixed06 {position: absolute; bottom:0; left: 0; width:150px; height:22px;}
.freepass03 .hidden {position: absolute;  width: 1px;  height: 1px;  margin: -1px;  overflow: hidden;  clip-path: polygon(0 0, 0 0, 0 0);}

.freepass03 .timer_wrap {position:fixed; top:110px; left:0; width: 100%; background-color:#1b1b1b; z-index:99999}
.freepass03 .timer_area {display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0 auto; overflow:hidden; padding: 0 56px; box-sizing: border-box;}
.freepass03 .timer_area .timer_cont {width: 100%; height: 81px;  background-image:url('/zeus_new/images/freepass/freepass03/img_freepass03_34.png'); background-position: right bottom 3px; background-repeat:no-repeat;}
.freepass03 .timer_area .timer_cont span {position: relative;  float:left;  margin: 0 3px;  width: 50px;  height: 81px;  font-size: 65px; color:#fff; font-family: "Helvetica Neue", Helvetica, sans-serif; font-weight: bold;  line-height: 81px;  border-radius: 6px;  background: #353535; text-align:center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); text-shadow: 0 1px 2px #000;}
.freepass03 .timer_area .timer_cont span:after {content:''; position:absolute; top: 40px; left: 0; width: 100%; height: 1px; background-color:#000; opacity: 0.3;}
.freepass03 .timer_area .timer_cont #timerDay {float:left; margin-right: 28px;}
.freepass03 .timer_area .timer_cont #timerHour {float:left; margin-right: 28px;}
.freepass03 .timer_area .timer_cont #timerMin {float:left; margin-right: 28px;}
.freepass03 .timer_area .timer_cont #timerSec {float:left;}

.freepass03 .section01 {position: relative; overflow: hidden; padding:30px 20px 0px 20px; background-image:url('/zeus_new/images/freepass/freepass03/img_freepass03_31.png'); background-position: right top; background-repeat:no-repeat; margin-top:70px;}
.freepass03 .section01 .section_body {width: 100%; margin: 0 auto; text-align: center;}
.freepass03 .section01 .section_body .info {margin-bottom: 30px;}
.freepass03 .section01 .section_body .ticket_cont {margin:0 0 0 0;}
.freepass03 .section01 .section_body .benefit_list img {margin-left: 0;}

.freepass03 .section02 {position: relative; padding-top: 50px;}
.freepass03 .section02:before {content:''; position:absolute; bottom:0; left:0; width: 100%; background-color: #e8e8e8;}
.freepass03 .section02 .section_head {position:relative; margin:0px 20px 35px 20px; text-align: left;}
.freepass03 .section02 .section_body {width: 100%; margin: 0 auto; text-align: center;}
.freepass03 .section02 .section_body .avi-area {position: relative; left:1%; width:89%; cursor:pointer; border: 1px solid #00aa86;  box-shadow: 0 16px 36px #000; z-index: 2; margin:0 auto;}
.freepass03 .section02 .section_body .avi-area img {width: 100%; }
.freepass03 .section02 .section_body .avi-area::after {content: ''; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; border-top: 20px solid #00aa86;  border-bottom: 10px solid none;  border-right: 15px solid transparent;  border-left: 15px solid  transparent; z-index: 2;}

.freepass03 .section03 {position: relative; background-color: #e8e8e8; padding: 80px 0 50px;}
.freepass03 .section03 .section_head {position:relative; margin:0px 20px 35px 20px; text-align: left;}
.freepass03 .section03 .section_body {width:90%; margin: 0 auto; text-align: center; padding-bottom:30px;}

.freepass03 .section04 {position: relative;}
.freepass03 .section04:before {content:''; position:absolute; top:-2px; left:0; width: 100%; background-color: #e8e8e8;}
.freepass03 .section04:after {content:''; position:absolute; bottom:-2px; left:0; width: 100%; background-color: #e8e8e8;}
.freepass03 .section04 .section_head {position:relative; margin:0px 20px 35px 20px; padding-top:30px; text-align: left;}
.freepass03 .section04 .section_body {width: 100%; margin: 0 auto; text-align: center;}
.freepass03 .section04 .section_body .avi-area {position: relative; left:1%; width:89%; cursor:pointer; border: 1px solid #00aa86;  box-shadow: 0 16px 36px #000; z-index: 2; margin:0 auto;}
.freepass03 .section04 .section_body .avi-area img {width: 100%; }
.freepass03 .section04 .section_body .avi-area::after {content: ''; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; border-top: 20px solid #00aa86;  border-bottom: 10px solid none;  border-right: 15px solid transparent;  border-left: 15px solid  transparent; z-index: 2;}
.freepass03 .section04 .section_body .curriculum_area {margin-bottom: 100px; }
.freepass03 .section04 .section_body .curriculum_area .curriculum_tab {width:100%; overflow:hidden; margin: 0 auto 20px; border-bottom: 1px solid #74d4aa;}
.freepass03 .section04 .section_body .curriculum_area .curriculum_tab li {float:left; width: 336px; height:44px; overflow:hidden; cursor:pointer;}
.freepass03 .section04 .section_body .curriculum_area .curriculum_tab li:nth-child(2) {margin: 0 1px;}
.freepass03 .section04 .section_body .curriculum_area .curriculum_tab li.on img {margin-left: -336px;}
.freepass03 .section04 .section_body .ad_bnr {position:relative; z-index:2;}

.freepass03 .section05 {position: relative; background-color: #e8e8e8; padding-top: 140px;}
.freepass03 .section05 .section_head {position: relative; width:100%; margin:0 auto 60px; text-align: center;}
.freepass03 .section05 .section_head .section_name {margin-bottom: 40px;}
.freepass03 .section05 .section_head .date_end {display: block; animation: dateEnd 1s infinite alternate;}
.freepass03 .section05 .section_body {width: 100%; margin: 0 auto; text-align: center;}
.freepass03 .section05 .section_body a {display: block; text-indent:-9999px; width: 187px; height: 26px;}
.freepass03 .section05 .section_body .section_cont01 {position:relative; margin-bottom: -20px;}
.freepass03 .section05 .section_body .section_cont01 .preview01 {position: absolute; bottom:160px; left: 200px;}
.freepass03 .section05 .section_body .section_cont01 .preview02 {position: absolute; bottom:124px; left: 200px;}
.freepass03 .section05 .section_body .section_cont01 .preview03 {position: absolute; bottom:160px; left: 399px;}
.freepass03 .section05 .section_body .section_cont02 {position:relative; margin-bottom: -20px;}
.freepass03 .section05 .section_body .section_cont02 .preview01 {position: absolute; bottom:144px; right: 347px;}
.freepass03 .section05 .section_body .section_cont02 .preview02 {position: absolute; bottom:144px; right: 147px;}
.freepass03 .section05 .section_body .section_cont03 {position:relative; margin-bottom: -20px;}
.freepass03 .section05 .section_body .section_cont03 .preview01 {position: absolute; bottom:145px; left: 200px;}
.freepass03 .section05 .section_body .section_cont04 {position:relative; margin-bottom: -20px;}
.freepass03 .section05 .section_body .section_cont04 .preview01 {position: absolute; bottom:145px; right: 147px;}
.freepass03 .section05 .section_body .section_cont05 {position:relative;}
.freepass03 .section05 .section_body .section_cont05 .preview01 {position: absolute; bottom:145px; left: 200px;}

.freepass03 .section06 {position: relative; background-color: #e8e8e8; padding-top: 140px; margin-top:-2px;}
.freepass03 .section06 .section_head {position: relative; width:100%; margin:0 auto 60px; text-align: center;}
.freepass03 .section06 .section_head .section_name {margin-bottom: 40px;}
.freepass03 .section06 .section_head .date_end {display: block; animation: dateEnd 1s infinite alternate;}
.freepass03 .section06 .section_body {position:relative; width: 100%; margin: 0 auto; text-align: center; z-index:2;}
.freepass03 .section06 .section_body img {margin-left: -31px}
.freepass03 .section06 .section_body .pass_buy {position:absolute; right:40px; bottom:246px; width: 264px; height:53px; display:block; text-indent: -9999px; }

@keyframes dateEnd {
  0% {transform: scale(0.95, 0.95);}
  100% {transform: scale(1,0, 1,0);}
}

.freepass03 .section07 {position:relative; width: 100%; padding-top: 140px;}
.freepass03 .section07:before {content:''; position:absolute; top:-241px; left:0; width: 100%; height: 247px; background-color: #55635d;}

.freepass03 .section07 .section_head {position: relative; width:100%; margin:0 auto 25px; text-align:center;}
.freepass03 .section07 .section_head .section_title {margin-bottom: 30px;}
.freepass03 .section07 .section_head .section_detail {position: relative;}
.freepass03 .section07 .section_head .section_detail .button-area .btn-item {position: absolute; height: 64px; text-indent: -9999px;}
.freepass03 .section07 .section_head .section_detail .button-area .btn-item.btn01 {width: 231px; bottom: 0; left: 145px;}
.freepass03 .section07 .section_head .section_detail .button-area .btn-item.btn02 {width: 231px; bottom: 0; left: 395px;}
.freepass03 .section07 .section_head .section_detail .button-area .btn-item.btn03 {width: 66px; bottom: 0; left: 676px;}
.freepass03 .section07 .section_head .section_detail .button-area .btn-item.btn04 {width: 66px; bottom: 0; left: 758px;}
.freepass03 .section07 .section_head .section_detail .button-area .btn-item.btn05 {width: 66px; bottom: 0; right: 392px;}
.freepass03 .section07 .section_head .section_detail .button-area .btn-item.btn06 {width: 66px; bottom: 0; right: 310px;}
.freepass03 .section07 .section_head .section_detail .button-area .btn-item.btn07 {width: 66px; bottom: 0; right: 228px;}
.freepass03 .section07 .section_head .section_detail .button-area .btn-item.btn08 {width: 66px; bottom: 0; right: 146px;}
.freepass03 .section07 .section_body {position: relative; width:100%; margin:0 auto 40px; text-align:center;}
.freepass03 .section07 .section_body .event-way {margin-bottom: 60px;}
.freepass03 .section07 .section_body .event-input {width: 1010px; margin: 0 auto; background: #3c4843; padding:12px 9px; box-sizing: border-box; overflow:hidden;}
.freepass03 .section07 .section_body .event-input .url-input {float: left; width: 797px; height: 59px; border:3px solid #6e3c40; box-sizing: border-box; padding: 0 28px; line-height: 53px;}
.freepass03 .section07 .section_body .event-input .btn-event {float: right;}
.freepass03 .section07 .section_body .event-list {width:1010px; margin: 0 auto;  border: 9px solid #3c4843; box-sizing: border-box; overflow:hidden; background:#000;}
.freepass03 .section07 .section_body .event-list table {width: 100%; table-layout: fixed; border:0; border-bottom: 2px solid #6e3c40;}
.freepass03 .section07 .section_body .event-list table th {background: #d4d8dc; height: 48px; border-top:2px solid #6e3c40; font-size: 14px;}
.freepass03 .section07 .section_body .event-list table td {height: 41px; border-bottom: 1px solid #d4d8dc; background:#fff; font-size: 13.5px;}
.freepass03 .section07 .section_body .event-list table td.title {text-align:left; padding: 0 25px;}
.freepass03 .section07 .section_body .event-list .event-paging {padding: 20px 0 40px; background: #fff;}
.freepass03 .section07 .section_body .event-list .event-paging .paging-item {font-size: 13.5px; margin: 0 6px;}
.freepass03 .section07 .section_body .event-list .event-paging .paging-item img {vertical-align:middle;}

.freepass03 .section08 {background:#1d1d1f; padding: 70px 0;}
.freepass03 .section08 .section_body {position: relative; width:100%; margin:0 auto 40px; text-align:center;}

@media (max-width: 786px) {
	.freepass03 .timer_area .timer_cont span { font-weight:400;}
	.freepass03 .timer_area .timer_cont #min {margin-left: 26px;}
	.freepass03 .timer_area .timer_cont #sec {margin-left: 28px;}
}

#coupon_registration {position:relative;width:100%; height:100%; top:0; left:0; z-index:99999;!important}
#coupon_registration .coupon_registration_area {width:100%; height:auto; background:#eaeaea; position:absolute; top:0; left:0; z-index:5; margin:-340px 0 0 -300px; padding:30px; box-sizing:border-box;}
#coupon_registration .title_area {width:100%; overflow:hidden; margin-bottom:25px;}
#coupon_registration .title_area .title {font-size:22px; font-weight:600;}
#coupon_registration .title_area .close_pop {float:right; line-height:50px; cursor:pointer;}
#coupon_registration .title_area .close_pop img {vertical-align:middle;}
#coupon_registration .coupon_registration_cont  {width:100%; height:500px;  padding:70px 15px; box-sizing:border-box; background:#fff;  box-shadow:0 10px 10px 0 rgba(0, 0, 0, 0.1); margin-bottom:30px; text-align:center;}
#coupon_registration .coupon_registration_cont .title {display:block; font-size:20px; padding-bottom:25px; border-bottom:3px solid #000; margin-bottom:70px;}
#coupon_registration .coupon_registration_cont input[type="text"] {display:block; border:1px solid #888; width:100%; height:58px; padding:0 10px; box-sizing:border-box; margin:0 auto 5px; text-align:center;}
#coupon_registration .coupon_registration_cont .add_text {display:block; color:#6c6c6c; padding-bottom:70px; border-bottom:1px solid #000; margin-bottom:40px;}
#coupon_registration .coupon_registration_cont .coupon_button_area {width:100%; overflow:hidden; text-align:center;}
#coupon_registration .coupon_registration_cont .coupon_button_area a, #coupon_registration .coupon_registration_cont .coupon_button_area span {display:inline-block; width:120px; height:47px; line-height:47px; border-radius:25px; text-align:center; color:#fff; font-weight:600; cursor:pointer; margin:0 10px;}
#coupon_registration .coupon_registration_cont .coupon_button_area a {background:#c7a56c;}
#coupon_registration .coupon_registration_cont .coupon_button_area span {background:#666666;}
#coupon_registration .bg_dark {top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1; }

/*2022-12-15 쿠폰등록 폼  */
/*2023-03-30 coupon_registration_new 위로 올림 */
#coupon_registration_new {display: block;width:100%;height:auto; position: fixed;top: 50%;margin-top: -100px; box-sizing:border-box;}
#coupon_registration_new .coupon_registration_area_new {width:100%; height:auto; background:#eaeaea; top:0; left:0; z-index:5; padding:20px; box-sizing:border-box;}
#coupon_registration_new .coupon_registration_area_new .title_area_new {width:100%;overflow:hidden; margin-bottom:20px;box-sizing:border-box;}
#coupon_registration_new .coupon_registration_area_new .title_area_new .title {font-size:22px; line-height:50px; font-weight:600;}
#coupon_registration_new .coupon_registration_area_new .title_area_new .close_pop {float:right; line-height:50px; cursor:pointer;}
#coupon_registration_new .coupon_registration_area_new .title_area_new .close_pop img {vertical-align:middle;}
#coupon_registration_new .coupon_registration_cont_new {width:100%; height:auto;  padding:20px 15px; box-sizing:border-box; background:#fff;  box-shadow:0 10px 10px 0 rgba(0, 0, 0, 0.1); margin-bottom:30px; text-align:center;}
#coupon_registration_new .coupon_registration_cont_new .title {display:block; font-size:16px; line-height:25px;padding-bottom:20px; border-bottom:3px solid #000; margin-bottom:30px;}
#coupon_registration_new .coupon_registration_cont_new input[type="text"] {display:block; border:1px solid #888; width:100%; height:38px; padding:0 10px; box-sizing:border-box; margin:0 auto 5px; text-align:center;}
#coupon_registration_new .coupon_registration_cont_new .add_text {display:block; color:#6c6c6c; padding:10px 0 20px 0; border-bottom:1px solid #000; margin-bottom:40px;}
#coupon_registration_new .coupon_registration_cont_new .coupon_button_area {width:100%; overflow:hidden; text-align:center;}
#coupon_registration_new .coupon_registration_cont_new .coupon_button_area a,
#coupon_registration_new .coupon_registration_cont_new .coupon_button_area span {display:inline-block; width:120px; height:47px; line-height:47px; border-radius:25px; text-align:center; color:#333; background-color:#c4bb97;font-weight:600; cursor:pointer; margin:10px;}
#coupon_registration_new .bg_dark {position:absolute;top:100px; left:0; width:100%; height:100%; background:rgba(100,100,100,0.8); z-index:1; }

.my_wallet_tabcont .btn_wallet {display:inline-block; width:120px; height:36px; line-height:36px; color:#fff; text-align:center; background:#c7a56c; border-radius:18px; cursor:pointer;margin-bottom: 10px; }



.book_pass_info_section {padding: 35px 15px; box-sizing: border-box;}
.book_pass_info_section .bookdtail_title {font-size: 17.5px; color: #1d1d1d; margin-bottom: 25px;}


/* 교재 메인 페이지 */
.bookmain_wrap {overflow: hidden;}
.bookmain_wrap .bookmain_head .main_banner_area {position: relative;}
.bookmain_wrap .bookmain_head .main_banner_area .swiper-pagination {position: absolute; bottom: 10px; right: 4%; left: initial; width: 65px; height: 30px; background-color: rgba(39, 39, 39, 0.8); border-radius: 30px; color: #fff; line-height: 30px; font-size: 12px; letter-spacing: 1px;}

.bookmain_wrap .bookmain_body .best_book {border-top: 0;}
.bookmain_wrap .bookmain_body .best_book .best_book_banner .best_book_list .best_book_item {position: relative; width: 50%; opacity: 0.7; margin-top: 11.1%;}
.bookmain_wrap .bookmain_body .best_book .best_book_banner .best_book_list .best_book_item .book_rank {position: absolute; top: -2.7%; left: 14%; width: 48px;}
.bookmain_wrap .bookmain_body .best_book .best_book_banner .best_book_list .best_book_item .book_thum {display: block; width: 85%; margin: 0 auto; box-shadow: 3px 3px 6px rgba(30, 30, 30, 0.2); border-radius: 10px; overflow: hidden;}
.bookmain_wrap .bookmain_body .best_book .best_book_banner .best_book_list .best_book_item .book_info {display: none; margin-top: 25px;}
.bookmain_wrap .bookmain_body .best_book .best_book_banner .best_book_list .best_book_item .book_info .book_summary {display: block; font-size: 11px; color: #3d47bf; text-align: center; line-height: 1.5;}
.bookmain_wrap .bookmain_body .best_book .best_book_banner .best_book_list .best_book_item .book_info .book_name {display: block; font-size: 16.5px; color: #272727; text-align: center; font-weight: 600; margin-top: 5px;}
.bookmain_wrap .bookmain_body .best_book .best_book_banner .best_book_list .best_book_item.swiper-slide-active {width: 60%; opacity: 1; margin-top: 0;}
.bookmain_wrap .bookmain_body .best_book .best_book_banner .best_book_list .best_book_item.swiper-slide-active .book_info {display: block;}

.bookmain_wrap .bookmain_body .new_book {padding-bottom: 0;}
.bookmain_wrap .bookmain_body .new_book .bookdtail_title {margin-bottom: 0;}
.bookmain_wrap .bookmain_body .new_book .new_book_banner {width: 100vw; margin-left: calc(-50vw + 50%);}

.bookmain_wrap .bookmain_body .all_book .book_tab_area .tab_list {display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .tab_item {display: flex; align-items: center; justify-content: center; width: calc((100% - 20px) / 5); height: 30px; background-color: #f5f5f5; color: #262626; font-size: 11px; border-radius: 5px;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .tab_item.active {background-image: url('/zeus_mobile/css/common/bg_bookmain_tab.png'); background-size: 100%; color: #fff;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list {border-top: 1px solid #e6e6e8;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type01 .book_item {position: relative; display: flex; width: 100%; padding: 17.5px 0; border-bottom: 1px solid #e6e6e8;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type01 .book_item .book_link {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type01 .book_item .book_thum {flex-shrink: 0; width: 75px; margin-right: 25px; box-shadow: 0px 3px 6px rgba(30, 30, 30, 0.2);}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type01 .book_item .book_info {display: flex; width: 100%; flex-direction: column;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type01 .book_item .book_info .book_part {font-size: 11px; color: #262626; margin-bottom: 4px;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type01 .book_item .book_info .book_name {font-size: 14px; color: #262626; font-weight: 500; letter-spacing: -0.05em; line-height: 18px; margin-bottom: 4px;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type01 .book_item .book_info .book_summary {font-size: 11px; color: #818181;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type01 .book_item .book_info .book_price {display: flex; align-items: flex-end; margin-top: 10px;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type01 .book_item .book_info .book_price .original_price {font-size: 13px; color: #818181; text-decoration: line-through; margin-right: 5px;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type01 .book_item .book_info .book_price .price {font-size: 16px; color: #1d1d1d; font-weight: 500;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type01 .book_item .book_info .book_price .price .unit {font-size: 12.5px; font-weight: 400; padding-left: 2px;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type01 .book_item .book_info .book_price .discount_rate {font-size: 12.5px; font-weight: 400; color: #ff6366; margin: auto 0 0 2px;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type01 .book_item .book_info .book_price .cart {position: relative; z-index: 2; width: 50px; height: 20px; border-radius: 10px; margin-left: auto; font-size: 9px; text-align: center; background-image: url('/zeus_mobile/css/common/bg_bookmain_tab.png'); background-size: 100%; color: #fff;}

.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list {display: flex; flex-wrap: wrap; border-top: 1px solid #e6e6e8;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type02 .book_item {position: relative; display: flex;  flex-direction: column; width: 50%; padding: 17.5px 15px; border-bottom: 1px solid #e6e6e8; box-sizing: border-box; }
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type02 .book_item:nth-child(2n):before {content: ''; position: absolute; left: 0; top: 15px; width: 1px; height: calc(100% - 30px); background-color: #e6e6e8;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type02 .book_item .book_link {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type02 .book_item .book_link_limit {position: absolute; top: 0; left: 0; width: 100%; }
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type02 .book_item .book_thum {width: 110px; height: 158px; margin: 0 auto 20px; box-shadow: 3px 3px 6px rgba(30, 30, 30, 0.2); overflow: hidden;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type02 .book_item .book_info {display: flex; width: 100%; flex-direction: column;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type02 .book_item .book_info .book_part {font-size: 11px; color: #262626; margin-bottom: 2px;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type02 .book_item .book_info .book_name {overflow:hidden; height: 36px; font-size: 14px; color: #262626; font-weight: 500; letter-spacing: -0.05em; line-height: 18px; margin-bottom: 6px; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type02 .book_item .book_info .book_summary {font-size: 11px; color: #818181; line-height: 1.2;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type02 .book_item .book_info .book_price {display: flex; align-items: flex-end; margin-top: 10px;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type02 .book_item .book_info .book_price .price {font-size: 16px; color: #1d1d1d; font-weight: 500;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type02 .book_item .book_info .book_price .price .unit {font-size: 12.5px; font-weight: 400; padding-left: 2px;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type02 .book_item .book_info .book_price .discount_rate {font-size: 12.5px; font-weight: 400; color: #ff6366; margin: auto 0 0 2px;}
.bookmain_wrap .bookmain_body .all_book .book_tab_area .book_list.type02 .book_item .book_info .book_price .cart {position: relative; z-index: 2; width: 25px; height: 25px; background-image: url('/zeus_mobile/css/common/btn_cart.png'); background-size: 100%; margin-left: auto; text-indent: -999px;}



/* 검정라인 */
.bw-btn, .bb-btn, .br-btn, .rr-btn, .bl-btn{display:inline-block; vertical-align:top;  font-size:17px; font-weight:400;text-align:center; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.sw-btn, .sb-btn, .sr-btn{display:inline-block; vertical-align:top;  font-size:14px; font-weight:400;text-align:center; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

/* 검정배경 버튼*/
.bb-btn{color:#fff; background:#5c5b5b;  min-width:168px;}
.bb-btn span{display:inline-block; height:46px;  line-height:46px;  letter-spacing:-0.02em;} 

.couponBtnArea {margin-top:10px;}
.sb-btn{color:#fff; background:#5c5b5b;  min-width:78px; padding:0 20px; box-sizing:border-box;}
.sb-btn span{display:inline-block; height:30px;  line-height:30px;  letter-spacing:-0.02em;} 

.ss_btn {display:inline-block; }
.ss_btn a {display:block; margin-bottom:5px; font-size:13px; line-height:22px; color:#fff; padding:3px 5px;border-radius:3px;background:#5c5b5b;}
.ss_btn.bl a {position:Absolute;right:10px;bottom:15px;background:#13b7f3;}
sb-btn button_book_select bp-select
/* 흰색배경 버튼*/
.bw-btn{color:#333; border:1px solid #333; min-width:168px; }
.bw-btn span{display:inline-block; color:#333; line-height:44px;  letter-spacing:-0.02em;} 

.sw-btn{color:#333; border:1px solid #333; min-width:78px; }
.sw-btn span{display:inline-block; color:#333; line-height:28px;  letter-spacing:-0.02em;} 

.tw-btn{display:inline-block;color:#333;text-align:center;font-size:13px;color:#333;border:1px solid #dedede;border-left:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;/* transition: all 0.3s ease-out; */}
.tw-btn:first-child {border-left:1px solid #dedede;}
.tw-btn.on {background:#ffa642;color:#fff;border:1px solid #ffa642;}

/* 주황배경 버튼*/
.br-btn{ color:#fff;border:1px solid #ffa642;background:#ffa642;  min-width:168px}
.br-btn.w200{min-width:200px}
.br-btn span{display:inline-block; vertical-align:top; line-height:44px;} 

.sr-btn{ color:#fff;border:1px solid #ffa642;background:#ffa642;  min-width:78px}
.sr-btn span{display:inline-block; vertical-align:top; line-height:28px;} 

.rr-btn {color:#fff;border:1px solid #fc8d66;background:#fc8d66;  min-width:168px}
.rr-btn span{display:inline-block; vertical-align:top; line-height:44px;width:100%;} 
.sb-btn.fl, .sb-btn.fr{width:49%}

/* 파란배경 버튼*/
.bl-btn {color:#fff;border:1px solid #13b7f3;background:#13b7f3;  min-width:168px}
.bl-btn span{display:inline-block; vertical-align:top; line-height:44px;} 

.bp-complete {background:#c8c8c8; }
.bp-cancel {background:#ffd9c6; }
.bp-select {background:#14213d; }
.sb-btn span{display:inline-block; height:30px;  line-height:30px;  letter-spacing:-0.02em;} 


/** Dat. 2023-04-17 Loc. /zeus_mobile/okexam/ */

.analysis369_mo {position: relative; overflow:hidden; background-color: #5f949a;}
.analysis369_mo img {width: 100%;}
.analysis369_mo .hidden {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}

.analysis369_mo .section01 .section_body {position: relative;}
.analysis369_mo .section01 .section_body .floating_banner {position: absolute; right: 17.32%; top: 48%; width:18.72%; animation: analysisFloatingBanner 0.5s linear 0s infinite alternate; margin-top: 0;}

.analysis369_mo .section02 {margin-bottom: 100px;}
.analysis369_mo .section02 .section_body .avi_area {position: relative; width: calc(100% - 30px); padding-bottom: 51.8%; box-shadow: 0 16px 36px #000; background-color: #000; z-index: 2; margin:0 15px; border: 1px solid #87c5da; box-sizing: border-box;}
.analysis369_mo .section02 .section_body .avi_area .img_area {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.analysis369_mo .section02 .section_body .avi_area iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.analysis369_mo .section02 .section_body .avi_area::after {content: ''; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; border-top: 20px solid #87c5da;  border-bottom: 10px solid none;  border-right: 15px solid transparent;  border-left: 15px solid  transparent; z-index: 2;}

.analysis369_mo .section03 .section_head {margin-bottom: 65px;}
.analysis369_mo .section03 .section_body .book_area {width: 100%; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; }
.analysis369_mo .section03 .section_body .book_area::-webkit-scrollbar { display: none; }
.analysis369_mo .section03 .section_body .book_area img {width: 193%; max-width: 193%;}
.analysis369_mo .section03 .section_body .btn_download {display: block; margin: 40px 0 80px;}

@keyframes analysisFloatingBanner {
	0% {margin-top: 0px;}
	100% {margin-top: 10px;}
}


@keyframes analysisXscroll {
	0% {margin-left: 20px;}
	100% {margin-left: 160px;}
}