@charset "UTF-8";

/* 신규 영어 시리즈 학습 플레이어  */
.study_player {background:#fff; color:#000;}
.study_player,
.study_player * {font-family:Pretendard, -apple-system, BlinkMacSystemFont, "Noto Sans KR", "Malgun Gothic", sans-serif;}
.study_player.template_a {padding:19px 16px 70px;}
.study_player .study_info {padding:14px; border-radius:16px; background:#F5F6F8;}
.study_player .study_info > p {margin:0 0 11px; font-size:15px; font-weight:500; line-height:18px; text-align:center; letter-spacing:-0.3px;}
.study_player .study_info_items {position:relative; display:flex; gap:8px;}
.study_player .study_info_item {display:flex; flex:1; align-items:center; justify-content:center; gap:9px; min-width:0; padding:6px 12px; border-radius:10px; border: 1px solid #e4e4e4;}
.study_player .study_info_icon {position:relative; display:flex; justify-content: center; align-items: center; flex:0 0 36px; width:36px; height:36px; overflow:hidden; border-radius:50%; background:#feefde;}
.study_player .audio_icon > img {width:20.7px; height:20.7px;}
.study_player .quiz_icon > img {width:19.8px; height:19.8px;}
.study_player .study_info_item strong {font-size:16px; line-height:22px; white-space:nowrap;}
.study_player .study_info_plus {position:absolute; top:50%; left:50%; width:30px; height:30px; border-radius:50%; background:#F59737; transform:translate(-50%, -50%); z-index:1;}
.study_player .study_info_plus:before,
.study_player .study_info_plus:after {content:""; position:absolute; top:50%; left:50%; width:14px; height:3px; border-radius:4px; background:#fff; transform:translate(-50%, -50%);}
.study_player .study_info_plus:after {transform:translate(-50%, -50%) rotate(90deg);}

.study_player .daily_study {margin-top:18px;}
.study_player .daily_study_title {display:block; margin-bottom:10px; font-size:20px; line-height:30px;}
.study_player .daily_study_list {display:flex; flex-direction:column; gap:12px; width:100%;}
.study_player .daily_study_group {display:flex; flex-direction:column; gap:6px; width:100%;}
.study_player .day_card_list {display:flex; gap:6px; width:100%;}
.study_player .day_card {display:flex; flex:0 0 calc((100% - 24px) / 5); flex-direction:column; align-items:center; justify-content:center; gap:4px; height:62px; padding:10px 8px; overflow:hidden; border:1px solid #e4e4e4; border-radius:8px; background:#fff; text-align:center;}
.study_player .day_card .day_label {color:#666; font-size:12px; font-weight:600; line-height:16px;}
.study_player .day_card strong {font-size:18px; line-height:20px;}
.study_player .day_card,
.study_player .review_card {cursor:pointer;}
.study_player .review_card {display:flex; align-items:center; justify-content:center; gap:6px; width:100%; min-height:47px; padding:0 8px; overflow:hidden; border:1px solid #f3dbbe; border-radius:8px; background:#fff5e9;}
.study_player .review_badge {padding:2px 8px; border:1px solid #ff972d; border-radius:44px; color:#ff972d; font-size:11px; font-weight:600; line-height:15px; letter-spacing:0.33px;}
.study_player .review_card strong {margin-top: -2px; font-size:16px; font-weight:600; line-height:20px; letter-spacing:-0.32px; white-space:nowrap;}
.study_player .review_card:after {content:""; flex:0 0 16px; width:16px; height:16px; background:url('/eatenglish/img/icon/ico_new_review_arrow.svg') no-repeat 50% 50%; background-size:7px 11.5px;}

.study_player.template_b {padding:16px;}
.study_player .unit_study_list {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; width:100%;}
.study_player .unit_study_list > li:nth-child(4n+5),
.study_player .unit_study_list > li:nth-child(4n+6) {margin-top:14px;}
.study_player .unit_card {display:flex; flex-direction:column; align-items:center; gap:8px; padding:16px 0; overflow:hidden; border:1px solid #e4e4e4; border-radius:16px; background:#fff; cursor:pointer;}
.study_player .unit_label {padding:2px 6px; border-radius:28px; color:#00a65e; background:#e9f9f2; font-size:12px; font-weight:500; line-height:15px; letter-spacing:-0.24px;}
.study_player .unit_card strong {font-size:18px; line-height:20px; white-space:nowrap;}

/* 오렌지 */
.EV1 .study_player .study_info_icon {background-color: #FEEFDE;}
.EV1 .study_player .study_info_plus,
.V1200 .study_player .study_info_plus {background:#F59737;}

.EV1 .study_player .study_info > p b,
.V1200 .study_player .study_info > p b {color: #F59737;}

.EV1 .study_player .review_card,
.V1200 .study_player .review_card  {background-color: #fff5e9; border: 1px solid #f3dbbe;}

.EV1 .study_player .review_badge,
.V1200 .study_player .review_badge  {border: 1px solid #ff972d; color: #ff972d;}

/* 블루 */
.EV2 .study_player .study_info_icon,
.V1200C .study_player .study_info_icon {background-color: #F3F9FF;}

.EV2 .study_player .study_info_plus,
.V1200C .study_player .study_info_plus {background:#459DFC;}

.EV2 .study_player .study_info > p b,
.V1200C .study_player .study_info > p b {color: #459DFC;}

.EV2 .study_player .review_card,
.V1200C .study_player .review_card {background-color: #F3F9FF; border: 1px solid #DDE8F2;}

.EV2 .study_player .review_badge,
.V1200C .study_player .review_badge {border: 1px solid #61A6F0; color: #61A6F0;}

/* 퍼플 */
.I1000 .study_player .study_info_icon {background-color: #F8EFFD;}
.I1000 .study_player .study_info_plus {background:#AF5ED7;}
.I1000 .study_player .study_info > p b {color: #AF5ED7;}
.I1000 .study_player .review_card  {background-color: #F8EFFD; border: 1px solid #E8DDEF;}
.I1000 .study_player .review_badge  {border: 1px solid #B067D4; color: #B067D4;}

/* 그린 */
.V1200E .study_player .study_info_icon {background-color: #EEF8F7;}
.V1200E .study_player .study_info_plus {background:#54B9B6;}
.V1200E .study_player .study_info > p b {color: #54B9B6;}
.V1200E .study_player .review_card {background-color: #EEF8F7; border: 1px solid #CEE2E1;}
.V1200E .study_player .review_badge {border: 1px solid #52B8B5; color: #52B8B5;}

/* 중학 영단어 1200 필수 / 완성 - 색은 기획안 260806 4p 값이고,
   배경/테두리 톤은 위 세 교재가 쓴 비율(각각 92%, 66% 흰색 혼합)로 계산했다. */
/* .V1200E .study_player .study_info_icon {background-color: #FEF8F2;}
.V1200E .study_player .study_info_plus {background:#F7AB5D;}
.V1200E .study_player .study_info > p b {color: #F7AB5D;}
.V1200E .study_player .review_card {background-color: #FEF8F2; border: 1px solid #FCE2C8;}
.V1200E .study_player .review_badge {border: 1px solid #F7AB5D; color: #F7AB5D;}

.I1000 .study_player .study_info_icon {background-color: #F8F4FB;}
.I1000 .study_player .study_info_plus {background:#AC71C9;}
.I1000 .study_player .study_info > p b {color: #AC71C9;}
.I1000 .study_player .review_card {background-color: #F8F4FB; border: 1px solid #E3CFED;}
.I1000 .study_player .review_badge {border: 1px solid #AC71C9; color: #AC71C9;} */

@media screen and (max-width:359px) {
	.study_player.template_a {padding-right:12px; padding-left:12px;}
	.study_player .study_info_item {gap:5px; padding-right:8px; padding-left:8px;}
	.study_player .review_card {gap:4px;}
	.study_player .review_card strong {font-size:15px;}
}

/* 신규 영어 시리즈 상세 학습 플레이어 (음원/퀴즈) */
.study_player_home .mainYear {margin-bottom: 16px;} 
.study_player_home .mainBtn ul li {margin-bottom: 10px;}
.study_player_home .mainBtn img {width: 91.7949%;}

.header.is-player-header {background:#fff;}
.header.is-player-header > .head_back {top:0; left:15px; width:30px; height:70px; background:url('/eatenglish/img/icon/ico_home_black.png') no-repeat 50% 50%; background-size:25px 25px; cursor:pointer;}
.header.is-player-header > .donga_logo {display:block; width:calc(100% - 120px); height:70px; overflow:hidden; background:none; color:#000; font-family:Pretendard, -apple-system, BlinkMacSystemFont, "Noto Sans KR", "Malgun Gothic", sans-serif; font-size:18px; font-weight:700; line-height:70px; text-align:center; text-overflow:ellipsis; letter-spacing:-0.18px; white-space:nowrap;}

.view_wrap > .study_player_detail {position:relative; height:calc(100vh - 70px); min-height:0; padding-bottom:128px; overflow-x:hidden; overflow-y:auto; background:#fff; color:#000; -webkit-overflow-scrolling:touch;}
.study_player_detail,
.study_player_detail * {font-family:Pretendard, -apple-system, BlinkMacSystemFont, "Noto Sans KR", "Malgun Gothic", sans-serif;}
.study_player_detail button,
.study_player_detail select,
.study_player_detail input {font:inherit;}
.study_player_detail button {margin:0; color:inherit; cursor:pointer;}
.new_study_blind {position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); border:0; white-space:nowrap;}
.new_study_content {display:flex; flex-direction:column; gap:10px; width:100%; padding:16px; background:#fff;}

.new_study_chapter_select {position:relative; display:block; width:100%; height:44px;}
.new_study_chapter_select:after {content:""; position:absolute; top:50%; right:16px; width:15px; height:12px; background:url('/eatenglish/img/icon/ico_new_dropdown.svg') no-repeat 50% 50%; background-size:13px 9px; pointer-events:none; transform:translateY(-50%) rotate(180deg);}
.new_study_chapter_select select {display:block; width:100%; height:44px; padding:0 46px 0 16px; border:1px solid #dbdbdb; border-radius:10px; outline:0; background:#fff; color:#000; font-size:15px; font-weight:600; line-height:20px; letter-spacing:-0.15px; appearance:none; -webkit-appearance:none;}
.new_study_chapter_select select:focus-visible {border-color:#1283ec; box-shadow:0 0 0 2px rgba(18,131,236,0.2);}

.new_study_tabs {display:flex; align-items:flex-start; width:100%; padding:4px; border-radius:10px; background:#f5f6f8;}
.new_study_tab {display:flex; flex:1; align-items:center; justify-content:center; min-width:0; min-height:40px; padding:10px 0; border:0; border-radius:8px; background:transparent; color:#626a7b; font-size:16px; font-weight:700; line-height:20px; text-decoration:none;}
.new_study_tab.on {border:1.5px solid #1283ec; background:#fff; box-shadow:0 0 5px rgba(18,131,236,0.3); color:#1283ec;}
.new_study_tab:focus-visible {outline:2px solid #1283ec; outline-offset:-2px;}
.study_player_detail .study_panel[hidden],
.study_player_detail .audio_player[hidden] {display:none;}

.study_player_detail .audio_list,
.study_player_detail .quiz_list {display:flex; flex-direction:column; width:100%;}
.study_player_detail .audio_list {gap:10px;}
.study_player_detail .quiz_list {gap:9px;}
.study_player_detail .study_card {display:flex; align-items:center; justify-content:space-between; width:100%; min-height:80px; padding:16px; overflow:hidden; border:1px solid #e4e4e4; border-radius:16px; background:#fff; color:#000; text-align:left;}
.study_player_detail button.study_card {appearance:none; -webkit-appearance:none;}
.study_player_detail button.study_card:focus-visible {outline:2px solid #1283ec; outline-offset:-3px;}
.study_player_detail .card_main {display:flex; flex:1; align-items:center; gap:10px; min-width:0;}
.study_player_detail .card_main strong {overflow:hidden; font-size:15px; font-weight:700; line-height:20px; text-overflow:ellipsis; white-space:nowrap;}
.study_player_detail .card_icon {position:relative; display:block; flex:0 0 48px; width:48px; height:48px; overflow:hidden; border-radius:16px;}
.study_player_detail .audio_icon {background:#eff5ff;}
.study_player_detail .audio_icon > img {position:absolute; top:50%; left:50%; display:block; width:23px; height:23px; transform:translate(-50%, -50%);}
.study_player_detail .audio_card .card_action {display:flex; flex:0 0 auto; align-items:center; justify-content:flex-end;}
.study_player_detail .audio_card .card_action:after {content:""; display:block; flex:0 0 40px; width:40px; height:40px; background:url('/eatenglish/img/icon/ico_new_audio_play.svg') no-repeat 50% 50%; background-size:40px 40px;}
.study_player_detail .card_arrow {display:block; flex:0 0 40px; width:40px; height:40px;}
.study_player_detail .card_arrow > img {display:block; width:40px; height:40px;}
.study_player_detail .playing {display:none; flex:0 0 auto; align-items:center; justify-content:center; gap:4px; padding:2px 8px; border-radius:30px; background:#fff; color:#1283ec; font-size:12px; font-weight:700; line-height:20px; white-space:nowrap;}
.study_player_detail .playing:before {content:""; display:block; flex:0 0 12px; width:12px; height:12px; background:url('/eatenglish/img/icon/ico_new_playing.svg') no-repeat 50% 50%; background-size:8.2px 7.5px; transform:rotate(90deg);}
.study_player_detail .audio_card.on {border:0; background:#1283ec; color:#fff;}
.study_player_detail .audio_card.on .audio_icon {background:#fff;}
.study_player_detail .audio_card.on.is_playing .card_action:after {display:none;}
.study_player_detail .audio_card.on.is_playing .playing {display:flex;}
.study_player_detail [data-video-index]:disabled {cursor:default; opacity:0.45;}
.study_player_detail .video_icon {background:#ffe9ec;}
.study_player_detail .video_icon > img {position:absolute; top:50%; left:50%; display:block; width:22.1px; height:18px; transform:translate(-50%, -50%);}

.study_player_detail .word_icon {background:#f6e8ff;}
.study_player_detail .word_icon > img {position:absolute; top:50%; left:8.5px; display:block; width:35px; height:20.75px; transform:translateY(-50%);}
.study_player_detail .meaning_icon {background:#e9efd6;}
.study_player_detail .meaning_icon > img {position:absolute; top:50%; left:50%; display:block; width:32.3px; height:27.3px; transform:translate(-50%, -50%);}
.study_player_detail .spelling_icon {background:#eff5ff;}
.study_player_detail .spelling_icon > img {position:absolute; top:50%; left:50%; display:block; width:40.69px; height:13.75px; transform:translate(-50%, -50%);}
.study_player_detail .ox_icon {background:#fff0cd;}
.study_player_detail .ox_icon > img {display:block; width:48px; height:48px;}
.study_player_detail #newStudyQuizPanel .study_card:after {content:""; display:block; flex:0 0 40px; width:40px; height:40px; background:url('/eatenglish/img/icon/ico_new_quiz_arrow.svg') no-repeat 50% 50%; background-size:40px 40px;}

.study_player_detail .native_audio {position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none;}
/* 사이드 메뉴(.side z-index:10)보다 아래에 둔다. 위에 있으면 작은 화면에서 메뉴 하단 교재를 덮는다. */
.study_player_detail .audio_player {position:fixed; right:0; bottom:0; left:0; z-index:9; display:flex; flex-direction:column; gap:6px; padding:24px 16px 16px; border-radius:16px 16px 0 0; background:#fff; box-shadow:0 -2px 12px rgba(0,0,0,0.1);}
.study_player_detail .progress_area {display:flex; flex-direction:column; gap:6px; width:100%;}
.study_player_detail .audio_progress {--audio-progress:0%; display:block; width:100%; height:4px; margin:0; padding:0; border:0; border-radius:4px; outline:0; background:linear-gradient(to right, #1283ec 0, #1283ec var(--audio-progress), #e1e5ec var(--audio-progress), #e1e5ec 100%); cursor:pointer; appearance:none; -webkit-appearance:none;}
.study_player_detail .audio_progress::-webkit-slider-runnable-track {width:100%; height:4px; border:0; border-radius:4px; background:transparent;}
.study_player_detail .audio_progress::-webkit-slider-thumb {width:12px; height:12px; margin-top:-4px; border:0; border-radius:50%; background:#1283ec; appearance:none; -webkit-appearance:none;}
.study_player_detail .audio_progress::-moz-range-track {height:4px; border:0; border-radius:4px; background:#e1e5ec;}
.study_player_detail .audio_progress::-moz-range-progress {height:4px; border-radius:4px; background:#1283ec;}
.study_player_detail .audio_progress::-moz-range-thumb {width:12px; height:12px; border:0; border-radius:50%; background:#1283ec;}
.study_player_detail .audio_progress:focus-visible {box-shadow:0 0 0 2px rgba(18,131,236,0.25);}
.study_player_detail .time_info {display:flex; align-items:center; justify-content:space-between; width:100%; color:#000; font-size:12px; font-weight:500; line-height:15px;}
.study_player_detail .player_controls {position:relative; display:flex; align-items:center; justify-content:space-between; width:100%;}
.study_player_detail .primary_controls {display:flex; align-items:center; gap:10px; padding:0 10px;}
.study_player_detail .player_btn {position:relative; display:flex; flex:0 0 40px; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border:0; border-radius:16px; outline:0; background:transparent;}
.study_player_detail .player_btn > img {display:block; max-width:none;}
.study_player_detail .player_btn:focus-visible {box-shadow:0 0 0 2px #1283ec;}
.study_player_detail .volume_btn {justify-content:flex-start; padding-left:6.43px;}
.study_player_detail .volume_btn > img {width:20.07px; height:16.31px;}
.study_player_detail .volume_btn.is_muted > img {opacity:0.35;}
.study_player_detail .rewind_btn > img,
.study_player_detail .forward_btn > img {width:24.64px; height:20.88px;}
.study_player_detail .rewind_btn > img {transform:scaleX(-1);}
.study_player_detail .skip_value {position:absolute; top:50%; left:18px; color:#000; font-size:8px; font-weight:700; line-height:10px; transform:translate(-50%, -50%);}
.study_player_detail .rewind_btn .skip_value {left:21px;}
.study_player_detail .play_toggle {background:#f5f5f5;}
.study_player_detail .play_mark {display:block; width:0; height:0; margin-left:3px; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:10px solid #000;}
.study_player_detail .pause_mark {display:none; align-items:center; gap:4px;}
.study_player_detail .pause_mark > i {display:block; width:3px; height:14px; border-radius:2.5px; background:#000;}
.study_player_detail .play_toggle.is_playing .play_mark {display:none;}
.study_player_detail .play_toggle.is_playing .pause_mark {display:flex;}
.study_player_detail .more_icon {display:block; flex:0 0 40px; width:40px; height:40px; padding:0; border:0; outline:0; background:transparent url('/eatenglish/img/icon/ico_new_player_more.svg') no-repeat 50% 50%; background-size:3px 15px; appearance:none; -webkit-appearance:none;}
.study_player_detail .btn_control.on {border-radius:16px; background-color:#f5f5f5;}
.study_player_detail .more_icon:focus-visible {box-shadow:0 0 0 2px #1283ec;}
.study_player_detail .speed_menu[hidden] {display:none;}
.study_player_detail .speed_menu {position:absolute; right:0; bottom:calc(100% + 2px); z-index:1; display:flex; flex-direction:column; align-items:stretch; width:120px; padding:6px; overflow:hidden; border:1px solid #000; border-radius:8px; background:#fff; box-shadow:0 4px 10px rgba(0,0,0,0.1);}
.study_player_detail .speed_option {position:relative; display:flex; align-items:center; justify-content:flex-start; width:100%; height:38px; padding:10px; border:0; border-radius:4px; outline:0; background:transparent; color:#000; font-size:14px; font-weight:400; line-height:18px; text-align:left; letter-spacing:-0.14px; appearance:none; -webkit-appearance:none;}
.study_player_detail .speed_option:hover {background:#fafafa;}
.study_player_detail .speed_option.on {justify-content:space-between; background:#f5f5f5;}
.study_player_detail .speed_option.on:after {content:""; display:block; flex:0 0 16px; width:16px; height:16px; background:url('/eatenglish/img/icon/ico_new_player_speed_check.svg') no-repeat 50% 50%; background-size:16px 16px;}
.study_player_detail .speed_option:focus-visible {box-shadow:inset 0 0 0 2px #1283ec;}

@media screen and (max-width:359px) {
	.header.new_study_header > .donga_logo {font-size:17px;}
	.new_study_content {padding-right:12px; padding-left:12px;}
	.study_player_detail .study_card {padding-right:14px; padding-left:14px;}
	.study_player_detail .card_main {gap:8px;}
	.study_player_detail .primary_controls {gap:6px; padding:0 4px;}
}