@charset "utf-8";

/* 성적표 인식 가이드 (2025-11-18) */
.inner_dim * {box-sizing: border-box;}
.inner_dim {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 100;}
.inner_dim strong {font-weight: normal;}
.inner_dim button {border: none;}
.inner_dim .layer_box_wrap {position: absolute; left: 50%; transform: translateX(-50%);}
.inner_dim .ai_guide {top: clamp(76px,16.1vw,152px); width: 91.7%; padding-top: clamp(18px,5vw,36px); text-align: center;}
.inner_dim .ai_guide .layer_box {border-radius: clamp(10px,2.78vw,20px); position: relative; display: none;}
.inner_dim .ai_guide .layer_box.show {display: block;}
.inner_dim .ai_guide .layer_close {position: absolute; right: 0; top: 0; width: clamp(13px,3.47vw,25px); aspect-ratio: 25/24; background: url('//img2s.mbest.co.kr/mobile/goal_ach/new2025/layer_close.png') no-repeat center/cover; font-size: 0; text-indent: -999em;}
.inner_dim .ai_guide .week_close {margin: clamp(12px,3.19vw,23px) auto 0; font-family: 'Pretendard-medium'; font-size: clamp(11px,2.9vw,21px); line-height: 1; letter-spacing: -0.02em; color: #e9e9e9; padding-right: clamp(13px,3.47vw,25px); background: url('//img2s.mbest.co.kr/mobile/goal_ach/new2025/week_close.png') no-repeat right center/clamp(9px,2.36vw,17px);}
.inner_dim .layer_box {width: 100%;}
.inner_dim .justify_between {justify-content: space-between;}

.inner_dim .ai_guide .layer_box .layer_inner {padding: 0 4.5%; }
.inner_dim .ai_guide .layer_box.layer1 .layer_inner {background: #fff; padding: clamp(27px,7.36vw,53px) 4.5% clamp(18px,4.86vw,35px); border-radius: clamp(10px,2.78vw,20px) clamp(10px,2.78vw,20px) 0 0;}
.inner_dim .ai_guide .ico_ai {position: absolute; width: clamp(42px,11.7vw,84px); aspect-ratio: 84/62; top: clamp(-36px,-5vw,-18px); left: 50%; transform: translateX(-50%); background: url('//img2s.mbest.co.kr/mobile/goal_ach/new2025/ico_ai.png') no-repeat center/cover;}
.inner_dim .ai_guide .layer_tit {font-family: 'GangwonEdu-extrabold'; font-size: clamp(21px,5.83vw,42px); line-height: 1.1; color: #000; letter-spacing: -0.04em;}
.inner_dim .ai_guide .layer_tit strong {position: relative; z-index: 0; font-family: 'GangwonEdu-extrabold';}
.inner_dim .ai_guide .layer_tit strong::before {position: absolute; content: ''; width: 100%; height: clamp(5px,1.39vw,10px); bottom: -1px; left: 50%; transform: translateX(-50%); background: #97bfff; z-index: -1;}
.inner_dim .ai_guide .step_list {display: flex; margin-top: clamp(15px,4.17vw,30px); gap: 0 5.16%;}
.inner_dim .ai_guide .step_list li {width: 100%; aspect-ratio: 1; background: #eaeef2; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; line-height: 100%; position: relative;}
.inner_dim .ai_guide .step_list li p {font-family: 'Pretendard-bold'; font-size: clamp(11px,3.06vw,22px); line-height: 1.2; letter-spacing: -0.02em; color: #333;}
.inner_dim .ai_guide .step_list li strong {color: #1261e1; font-family: 'Pretendard-bold';}
.inner_dim .ai_guide .step_list li + li::before {position: absolute; content: ''; width: clamp(18px,5vw,36px); aspect-ratio: 1; background: url('//img2s.mbest.co.kr/mobile/goal_ach/new2025/ico_step.png') no-repeat center/cover; left: clamp(-34px,-4.7vw,-17px); top: 50%; transform: translateY(-50%);}
.inner_dim .ai_guide .tit_hr {display: flex; align-items: center; gap: 0 3%; justify-content: space-between; font-family: 'Pretendard-extrabold'; font-size: clamp(14px,3.75vw,27px); line-height: 1; letter-spacing: -0.02em; color: #000; margin-top: clamp(18px,4.86vw,35px);}
.inner_dim .ai_guide .tit_hr p {min-width: fit-content; font-family: 'Pretendard-extrabold';}
.inner_dim .ai_guide .tit_hr::before,.inner_dim .ai_guide .tit_hr::after {content: ''; height: clamp(3px,0.7vw,5px); display: block; background-repeat: no-repeat; background-size: contain; width: 100%;}
.inner_dim .ai_guide .tit_hr::before {background-position: left center; background-image: url('//img2s.mbest.co.kr/mobile/goal_ach/new2025/layer_hr_l.png');}
.inner_dim .ai_guide .tit_hr::after {background-position: right center; background-image: url('//img2s.mbest.co.kr/mobile/goal_ach/new2025/layer_hr_r.png');}
.inner_dim .ai_guide .tab_nav_list {margin-top: clamp(13px,3.47vw,25px); display: flex; gap: 0 1.97%;}
.inner_dim .ai_guide .tab_nav_list li {width: 100%; position: relative;}
.inner_dim .ai_guide .tab_nav_list li .bdg {position: absolute; top: clamp(-10px,-1.39vw,-5px); left: clamp(-10px,-1.39vw,-5px); width: clamp(38px,10.6vw,76px); aspect-ratio: 76/45;}
.inner_dim .ai_guide .tab_nav_list li button {height: clamp(84px,23.3vw,168px); width: 100%; background: #e4eeff; border-radius: clamp(10px,2.78vw,20px); font-family: 'GangwonEdu-extrabold'; font-size: clamp(14px,3.75vw,27px); letter-spacing: -0.04em; color: #1261e1; line-height: 1;}
.inner_dim .ai_guide .tab_nav_list li button span {font-family: 'Pretendard-semibold'; font-size: clamp(10px,2.78vw,20px); letter-spacing: -0.02em;}
.inner_dim .ai_guide .btn_btm {border-radius: 0 0 clamp(10px,2.78vw,20px) clamp(10px,2.78vw,20px); background: #1261e1; width: 100%; height: clamp(39px,10.7vw,77px); font-family: 'GangwonEdu-extrabold'; display: flex; justify-content: center; color: #fff; font-size: clamp(14px,3.75vw,27px); line-height: clamp(45px,12.5vw,90px);}
.inner_dim .ai_guide .f_box {display: flex;}

.inner_dim .ai_guide .guide_tab {display: flex;}
.inner_dim .ai_guide .tab_btn {width: 100%; height: clamp(35px,9.7vw,70px); background: #9ca3aa; border-radius: clamp(10px,2.78vw,20px) clamp(10px,2.78vw,20px) 0 0; font-family: 'GangwonEdu-extrabold'; font-size: clamp(14px,3.75vw,27px); color: #eaeef2; letter-spacing: -0.04em; line-height: clamp(41px,11.4vw,82px);}
.inner_dim .ai_guide .tab_btn.active {background: #1261e1; color: #fff;}
.inner_dim .ai_guide .tab_content {display: none; border-radius: 0 0 clamp(10px,2.78vw,20px) clamp(10px,2.78vw,20px); background: #fff; text-align: left; padding: clamp(20px,5.6vw,40px) 4.5% clamp(15px,4.17vw,30px); height: unset; position: relative;}
.inner_dim .ai_guide .tab_content.active {display: block;}
.inner_dim .ai_guide .tab_tit {font-family: 'GangwonEdu-extrabold'; font-size: clamp(16px,4.4vw,32px); letter-spacing: -0.04em; color: #000; line-height: clamp(27px,7.5vw,54px); display: flex; gap: 0 1.5%; justify-content: center;}
.inner_dim .ai_guide .tab_tit span {display: block; width: 12.7%; aspect-ratio: 84/38;}
.inner_dim .ai_guide .d_list li {font-family: 'Pretendard-semibold'; font-size: clamp(12px,3.3vw,24px); line-height: 1.4; letter-spacing: 0; color: #555; padding-left: 2.6%; position: relative;}
.inner_dim .ai_guide .d_list li::before {position: absolute; left: 0; top: clamp(6px,1.5vw,11px); content: ''; width: 1%; min-width: 4px; aspect-ratio: 1; border-radius: 50%; background: #555;}
.inner_dim .ai_guide .d_list li + li {margin-top: clamp(8px,2.08vw,15px);}
.inner_dim .ai_guide .tc h5 {font-family: 'Pretendard-extrabold'; font-size: clamp(14px,3.75vw,27px); letter-spacing: -0.02em; color: #000; text-align: center; margin-bottom: clamp(15px,4.03vw,29px);}

.inner_dim .ai_guide .ct_btm {display: flex; align-items: center; text-align: center; padding: 0 5.3%; height: clamp(22px,6vw,43px); color: #fff; font-size: clamp(11px,3.06vw,22px); letter-spacing: -0.02em; font-family: 'Pretendard-bold'; border-radius: clamp(11px,2.9vw,21px); margin-top: clamp(16px,4.3vw,31px); position: relative; z-index: 2;}
.inner_dim .ai_guide .ct_btm.btn_r {justify-self: flex-end;}
.inner_dim .ai_guide .ct_btm.gray {background: #58636e;}
.inner_dim .ai_guide .ct_btm.blue {background: #1261e1;}
.inner_dim .ai_guide .tab_cont_paging {position: absolute; left: 50%; transform: translateX(-50%); bottom: clamp(23px,6.25vw,45px); display: flex; justify-content: center; gap: 0 1.8%; width: 100%;}
.inner_dim .ai_guide .tab_cont_paging li {font-size: 0; text-indent: -999em; width: 2%; aspect-ratio: 1; min-width: 7px; min-height: 7px; background: #d4d5d6; border-radius: 50%;}
.inner_dim .ai_guide .tab_cont_paging li.active {background: #1261e1;}

.zoom_layer {display: none;}
.zoom_layer.active {display: block;}
.inner_dim .ai_guide .layer_box.cap {display: block;}
.layer_box.cap {padding: clamp(20px,5.6vw,40px) 4.5% clamp(16px,4.3vw,31px); background: #fff;}
.layer_box.cap .layer_tit {text-align: center; font-family: 'Pretendard-extrabold'; font-size: clamp(14px,3.75vw,27px); line-height: 1; letter-spacing: -0.02em; margin-bottom: clamp(14px,3.75vw,27px);}
.layer_box.cap .layer_close {background-image: url('//img2s.mbest.co.kr/mobile/goal_ach/new2025/layer_close2.png'); aspect-ratio: 1; top: clamp(15px,4.17vw,30px); right: clamp(15px,4.17vw,30px);}
.layer_box.cap p {font-family: 'Pretendard-bold'; font-size: clamp(11px,3.06vw,22px); color: #333; line-height: 1; margin-top: clamp(15px,4.03vw,29px);}

.inner_dim .ai_guide .tc1 .d_list + img {margin-top: clamp(16px,4.3vw,31px);}
.inner_dim .ai_guide .tc .box_list li .btn_plus {position: absolute; width: 7.3%; aspect-ratio: 1; background: url('//img2s.mbest.co.kr/mobile/goal_ach/new2025/ico_plus.png') no-repeat center/cover; bottom: 9.3%; right: 3.17%; font-size: 0; text-indent: -999em; z-index: 5;}

/* tct1 */
.inner_dim .ai_guide .tct1 .tc1 .d_list {margin-top: clamp(4px,1.1vw,8px);}
.inner_dim .ai_guide .tct1 .tc2 .step_list {flex-direction: column; gap: clamp(7px,1.8vw,13px) 0;}
.inner_dim .ai_guide .tct1 .tc2 .step_list li {aspect-ratio: 600/101; border-radius: clamp(10px,2.78vw,20px);}
.inner_dim .ai_guide .tct1 .tc2 .step_list li + li::before {width: clamp(18px,4.9vw,35px); top: clamp(-24px,-3.3vw,-12px); left: 50%; transform: translate(-50%,0); background-image: url('//img2s.mbest.co.kr/mobile/goal_ach/new2025/ico_step2.png');}
.inner_dim .ai_guide .tct1 .tc2 li .f_box {align-items: center; gap: 0 2.2%; width: 100%; justify-content: center;}
.inner_dim .ai_guide .tct1 .tc2 li .f_box a {display: inline-flex; align-items: center; text-decoration: none; height: clamp(18px,5vw,36px); background: #00307d url('//devimg1.mbest.co.kr/Pub_mypage/goal_ach/btn_arrow2.png') no-repeat right clamp(8px,2.2vw,16px) center/clamp(4px,1.1vw,8px); padding: 0 clamp(15px,4.17vw,30px) 0 clamp(10px,2.78vw,20px); font-family: 'Pretendard-extrabold'; font-size: clamp(9px,2.5vw,18px); letter-spacing: 0; color: #fff; border-radius: clamp(9px,2.36vw,17px); line-height: clamp(18px,5vw,36px);}
.inner_dim .ai_guide .tct1 .tc2 li div {text-align: center;}
.inner_dim .ai_guide .tct1 .tc2 li div span {font-family: 'Pretendard-semibold'; font-size: clamp(9px,2.5vw,18px); letter-spacing: -0.02em; line-height: 1; color: #333; display: block; margin-top: clamp(4px,1vw,7px);}

.inner_dim .ai_guide .tct1 .tc3 .box_list li {width: 100%; border-radius: clamp(10px,2.78vw,20px); background: #e4eeff url('//img2s.mbest.co.kr/mobile/goal_ach/new2025/ico_check.png') no-repeat left 5.2% center/5.8%; aspect-ratio: 600/136; padding-left: 15%; display: flex; align-items: center;}
.inner_dim .ai_guide .tct1 .tc3 .box_list li + li {margin-top: clamp(9px,2.5vw,18px);}
.inner_dim .ai_guide .tct1 .tc3 .box_list li p {font-family: 'Pretendard-bold'; font-size: clamp(11px,3.06vw,22px); line-height: 1.27; letter-spacing: -0.02em; color: #333;}
.inner_dim .ai_guide .tct1 .tc3 .box_list li strong {color: #1261e1; font-family: 'Pretendard-bold';}

.inner_dim .ai_guide .tct1 .tc4 .box_list li {width: 100%; aspect-ratio: 600/214; background: #eaeef2; position: relative; border-radius: clamp(10px,2.78vw,20px);}
.inner_dim .ai_guide .tct1 .tc4 .box_list li + li {margin-top: clamp(8px,2.08vw,15px);}
.inner_dim .ai_guide .tct1 .tc4 .box_list li h6,
.inner_dim .ai_guide .tct2 .tc3 .box_list li h6 {width: 24.3%; aspect-ratio: 146/42; background: url('//img2s.mbest.co.kr/mobile/goal_ach/new2025/guide_tit_bg.png') no-repeat center/cover; display: flex; align-items: center; justify-content: center; font-family: 'Pretendard-extrabold'; font-size: clamp(11px,3.06vw,22px); letter-spacing: -0.025em; color: #fff; margin: 0 auto;}
#evt_20241010 .inner_dim .ai_guide .tct1 .tc4 .box_list li img,
#evt_20241010 .inner_dim .ai_guide .tct2 .tc3 .box_list li img {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
#evt_20241010 .inner_dim .ai_guide .tct1 .tc4 .box_list li img {width: 92%;}

/* tct2 */
.inner_dim .ai_guide .tct2 .tc1 .d_list {margin-top: clamp(1px,0.3vw,2px);}

.inner_dim .ai_guide .tct2 .tc2 .box_list li {width: 100%; border-radius: clamp(10px,2.78vw,20px); background: #eaeef2; aspect-ratio: 600/101; display: flex; align-items: center; justify-content: center; text-align: center;  font-size: clamp(11px,3.06vw,22px); line-height: 1.27; letter-spacing: -0.02em; color: #333;}
.inner_dim .ai_guide .tct2 .tc2 .box_list li + li {margin-top: clamp(7px,1.8vw,13px);}
.inner_dim .ai_guide .tct2 .tc2 .box_list li p {font-family: 'Pretendard-bold';}
.inner_dim .ai_guide .tct2 .tc2 .box_list li strong {color: #1261e1; font-family: 'Pretendard-bold';}

.inner_dim .ai_guide .tct2 .tc3 .box_list {display: flex; flex-wrap: wrap; gap: clamp(8px,2.08vw,15px) 3.03%;}
.inner_dim .ai_guide .tct2 .tc3 .box_list li {position: relative; background: #eaeef2; border-radius: clamp(10px,2.78vw,20px);}
.inner_dim .ai_guide .tct2 .tc3 .box_list li:nth-child(1) {width: 100%; aspect-ratio: 600/214;}
#evt_20241010  .inner_dim .ai_guide .tct2 .tc3 .box_list li:nth-child(1) img {width: 91.8%;}
#evt_20241010  .inner_dim .ai_guide .tct2 .tc3 .box_list li:not(:nth-child(1)) img {width: 82.8%;}
.inner_dim .ai_guide .tct2 .tc3 .box_list li:not(:nth-child(1)) {width: 48.485%; aspect-ratio: 290/214;}
.inner_dim .ai_guide .tct2 .tc3 .box_list li:not(:nth-child(1)) .btn_plus {width: 15.2%; right: 6.6%;}
.inner_dim .ai_guide .tct2 .tc3 .box_list li:not(:nth-child(1)) h6 {width: 59.3%; aspect-ratio: 172/42; background: url('//img2s.mbest.co.kr/mobile/goal_ach/new2025/guide_tit_bg2.png') no-repeat center/cover;}

.layer_bd_box button {border: none; background: transparent;}
.layer_bd_box {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; aspect-ratio: 660/439; background: #fff; border-radius: clamp(15px,4.17vw,30px); box-shadow: 0px clamp(3px,0.7vw,5px) clamp(8px,2.08vw,15px) 0px rgba(17,17,17,0.2); border: clamp(2px,0.4vw,3px) solid #000; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; box-sizing: border-box;}
.layer_bd_box .f_box {display: flex; width: 100%; justify-content: center;}
.layer_bd_box.pop2 .f_box {gap: 0 1.5%;}
.layer_bd_box p {font-family: 'Pretendard-semibold'; font-size: clamp(16px,4.3vw,31px); line-height: 1.4; margin-bottom: clamp(13px,3.47vw,25px); color: #333; letter-spacing: -0.02em;}
.layer_bd_box p strong {font-family: 'Pretendard-extrabold'; color: #000;}
.layer_bd_box .btn_arrow {height: clamp(34px,9.4vw,68px); padding: 0 clamp(27px,7.5vw,54px) 0 clamp(18px,4.9vw,35px); background: #949494 url('//img2s.mbest.co.kr/mobile/goal_ach/new2025/btn_arrow.png') no-repeat right clamp(18px,4.9vw,35px) center/clamp(6px,1.5vw,11px); border-radius: clamp(17px,4.7vw,34px); font-family: 'Pretendard-bold'; font-size: clamp(15px,4.17vw,30px); letter-spacing: -0.02em; color: #fff; line-height: 1;}
.layer_bd_box .btn_arrow.active {background-color: #2b313f;}
.layer_bd_box .btn_ud {font-family: 'Pretendard-semibold'; font-size: clamp(13px,3.6vw,26px); line-height: 1; color: #777; text-decoration: underline; margin-top: clamp(15px,4.17vw,30px)}

.inner_trans {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}
.layer_bd_box.pop2 .ico_ai {display: block; width: 14.5%; aspect-ratio: 96/67; background: url('//img2s.mbest.co.kr/mobile/goal_ach/new2025/ico_ai2.png') no-repeat center/cover; margin-bottom: clamp(10px,2.78vw,20px);}

.layer_bd_box.pop_sm {padding: clamp(24px,6.5vw,47px) 0; transform: unset; top: 0; aspect-ratio: unset;}
.layer_bd_box.pop_sm p {font-size: clamp(13px,3.6vw,26px); line-height: 1.46; margin-bottom: clamp(7px,1.9vw,14px);}
.layer_bd_box.pop_sm .btn_ud {position: absolute; right: 5.9%; bottom: clamp(21px,5.8vw,42px);}
.layer_bd_box.pop_sm .btn_arrow {font-size: clamp(14px,3.75vw,27px);}