@charset "ks_c_5601-1987";

.guide_container {padding:0 20px 20px 20px;background:url('//img1s.mbest.co.kr/n_jonghap/guide/mb_jh_guide_bg.gif') repeat center 0;}
.guide_containerB {padding:0 20px 20px 20px;background:url('//img1s.mbest.co.kr/n_jonghap/guide/mb_sp_guide_bg.gif') repeat center 0;}/* 2015-08-17 스터디 플래너 */
.guide_containerP {padding:0 20px 20px 20px;background:url('//img1s.mbest.co.kr/n_jonghap/guide/mb_prime_guide_bg.gif') repeat center 0;}/* 2015-08-21 프라임특목반 */

/*.guide_container .top_tabA li {width:16.78% !important;}*/
.guide_box {position:relative;background:#fff;}
.guide_box .g_content_box {position:relative;padding:20px 10px 10px 10px;}
.guide_box .g_content_box .pop_tt_boxA {padding-left:20px;}
.guide_box .g_content_box dl {letter-spacing:-1px;}
.guide_box .g_content_box dt {position:relative;padding:13px 0 0 20px;height:28px;background:#eceded;font-size:14px;color:#515151;}
.guide_box .g_content_box dt .bsc_drk_gry {position:absolute;top:10px;right:10px;}
.guide_box .g_content_box dd {padding:15px 5px 20px 25px;border:1px solid #eceded;/*border-top:none;*/*zoom:1}/* 2015-08-17 border-top:none 삭제(스터디플래너 이용안내) */
.guide_box .g_content_box dd:after{display:block;clear:both;content:""}
.guide_box .g_content_box dd .sumtxt {float:left;margin:15px 0 0 0;width:35%;}
.guide_box .g_content_box dd .sumtxt li {position:relative;padding:0 0 0 20px;margin:0 0 15px 0;}
.guide_box .g_content_box dd .sumimg {float:right;width:495px;text-align:right;}
.guide_box .g_content_box dd .sumimg img {}
.guide_box .g_content_box dd .ic_jh {position:absolute;top:-1px;left:0px;}
.guide_box .g_content_box .imgLayer {position:absolute;top:0px;left:0;width:100%;height:100%;background:url('//img1s.mbest.co.kr/Pub_common/etc/modalBg_80.png') repeat;z-index:10000000;}
.guide_box .g_content_box .imgLayer p {width:800px;position:absolute;top:70px;left:50%;margin-left:-400px;}
.guide_box .g_content_box .imgLayer .jh_close {position:absolute;top:-50px;right:0;}

/* 2026-06-09 lee */
.guide_container.new2026{background: #def5ff;padding:0 40px 40px 40px;position: relative;width: 910px;margin: 0 auto;box-sizing: border-box;height: 700px;overflow-y: scroll;}
.guide_container.new2026::-webkit-scrollbar {width:10px;}
.guide_container.new2026::-webkit-scrollbar-thumb {background-color:#bbbab9;border-radius:5px;}
.guide_container.new2026::-webkit-scrollbar-track {background-color:#fff;}
.new2026 .btn_pop_close{position: absolute;top: 20px;right: 20px;}
.new2026 .guide_top{position: relative;padding-top: 70px;text-align: center;}
.new2026 .guide_top h2{}
.new2026 .guide_top h2 .top_tit{display: flex;align-items: center;margin: -15px 0 -30px 0;gap: 10px}
.new2026 .guide_top h2 .top_tit img{z-index: 0;}
.new2026 .guide_top h2 .top_tit img:nth-of-type(2){margin-top: -12px;}
.new2026 .guide_top h2 .top_tit strong{font-size: 52px;font-family: 'Waguri';letter-spacing: -0.055em;line-height: 1;color: #071b3b;font-weight: normal;}
.new2026 .guide_top h2 .top_tit strong em{color: #144ead;}
.new2026 .guide_top h2 span{color: #071b3b;font-size: 20px;letter-spacing: -0.075em;font-family: 'notokr-medium';line-height: 1;}
.new2026 .guide_top h2 span i{font-style: italic;}
.new2026 .guide_top h2 p{color: #212121;font-size: 24px;letter-spacing: -0.075em;font-family: 'notokr-bold';line-height: 1;}

.guide_content{margin-top: 40px;}
.guide_round_box{background: #fff;border-radius: 12px;overflow: hidden;box-shadow: 0 4px 0px #cee4ed;}
.guide_round_box h3{height: 64px;background: #1c315e;width: 100%;position: relative;}
.guide_round_box h3 div{color: #fff;font-size: 24px;line-height: 1;font-family: 'notokr-black';text-align: center;display: flex;justify-content: center;align-items: center;height: 100%;}
.guide_round_box h3 span{color: #a4b3cd;font-size: 12px;letter-spacing: -0.05em;font-family: 'notokr-medium';float: right;margin: -30px 30px 0 0;}
.guide_round_box .box_cont{padding:40px;}
.guide_round_box .box_txt{color: #222;font-size: 19px;letter-spacing: -0.06em;line-height: 26px;font-family: 'Pretendard-bold';text-align: center;}
.guide_round_box .box_txt strong{color: #eb5c06;font-weight: normal;}
.guide_round_box .box_cont ul{display: flex;width: 100%;justify-content: space-between;margin-top: 25px;}
.guide_round_box .box_cont ul li{width: 360px;}
.guide_round_box .box_cont ul li div{color: #666;font-size: 15px;line-height: 22px;letter-spacing: -0.03em;font-family: 'Pretendard-semibold';text-align: center;padding-top: 20px;}
.guide_round_box .box_cont ul li div strong{color: #e96617;font-family: 'Pretendard-bold';}

.mt24{margin-top: 24px;}
.vod_box_wrap .vod_box_wrap {display: flex;flex-direction: column;}
.vod_box_wrap .vod_box {width: 100%;border-radius: 10px;overflow: hidden;position: relative;aspect-ratio: 1920/1080;}
.vod_box_wrap .vod_box video {width: 100%;height: 100%;position: relative;}
/*.vod_box_wrap .vod_box::before{content: '';display: inline-block;width: 90px;height: 90px;background: url('//img1s.mbest.co.kr/n_jonghap/guide/mb_jh_mov.png') no-repeat 0 0/90px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}*/
.vod_box_wrap .time_list {width: 100%;margin-top: 33px;}
.vod_box_wrap .time_list p {font-family: 'Pretendard-bold';font-size: 18px;line-height: 30px;padding-left: 47px;background: url('//img1s.mbest.co.kr/n_jonghap/guide/jh_ico.png') no-repeat 10px center/30px;display: inline-block;color: #222;height: 30px;letter-spacing: -0.04em;}
.vod_box_wrap .time_list p i{font-style: italic;}
.vod_box_wrap .time_list ul{background: #f7f7f7;border-radius: 10px;display: flex;padding:24px;flex-direction: row;flex-wrap: wrap;justify-content: flex-start; margin-top: 15px;box-sizing: border-box;gap: 8px;}
.vod_box_wrap .time_list ul li{width: 167px;height: 40px;box-sizing: border-box;}
.vod_box_wrap .time_list ul li a {display: flex;align-items: center;height: 100%;width: 100%; background: #fff;border-radius: 20px;border: 1px solid #d5d5d5;font-family: 'Pretendard-medium';font-size: 16px;line-height: 1;color: #666;letter-spacing: -0.05em;justify-content: center;text-decoration: none;box-sizing: border-box;}
.vod_box_wrap .time_list ul li.active a {background: #2e3542;color: #fff;border-color: #2e3542;}
.vod_box .vod_play {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-67px);width: 90px;height: 90px;background: url('//img1s.mbest.co.kr/n_jonghap/guide/mb_jh_mov.png') no-repeat center/cover;font-size: 0;text-indent: -999em;}
.vod_box .vod_play.ing {background: url('//img1s.mbest.co.kr/n_jonghap/guide/mb_jh_stop.png') no-repeat center/cover;}
.vod_box .progress_dim {position: absolute;left: 0;bottom: 0;width: 100%;height: 156px;background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%,rgba(0, 0, 0, 0.15) 45%,rgba(0, 0, 0, 0) 100%);}
.vod_box .progress_wrap {position: absolute;left: 31px;bottom: 0;width: calc(100% - 106px);height: 72px;display: flex;align-items: center;padding: 35px 0 27px;touch-action: none;box-sizing: border-box;}
.vod_box .progress_wrap::after {position: absolute;left: 0;bottom: 27px;content: '';width: 100%;height: 10px;background: rgba(0, 0, 0,0.6);border-radius: 5px;z-index: 1;}
.vod_box .progress_bar {position: absolute;left: 0;bottom: 27px;width: 0%;height: 10px;background: #ff8400;border-radius: 5px;z-index: 2;overflow: visible;}
.vod_box .progress_handle {position: absolute;right: -6px;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background: url('//img1s.mbest.co.kr/tablet2016/little/main/mark_time.png') no-repeat center/cover;pointer-events: none;display: none;z-index: 3;}
.vod_box .progress_step {position: absolute;width: 50px;height: 36px;background: url('//img1s.mbest.co.kr/tablet2016/little/main/info_step.png') no-repeat center/cover;font-family: 'notokr-black';font-size: 17px;line-height: 1;top: -38px;right: -20px;display: none;padding-top: 4px;color: #622e0e}
.vod_box .progress_time {display: flex;justify-content: space-between;position: absolute;bottom: 43px;left: 0;width: 100%;font-family: 'notokr-bold';font-size: 13px;line-height: 1;letter-spacing: -0.05em;color: #fff}
.vod_box .btn_full {position: absolute;width: 40px;height: 40px;background: url('//img1s.mbest.co.kr/tablet2016/little/main/ic_btn_full.png') no-repeat center/cover;margin-left: auto;font-size: 0;text-indent: -999em;bottom: 20px;right: 20px;}
