strong, em, h2, h3, h4 {font-weight: normal;font-style: normal;}
a:hover {text-decoration: none;}
img {z-index: 9;}
i{font-style: italic;}
.inner {position:relative; width:1100px; margin:0 auto;text-align: center;}

/* ½ºÅ©·Ñ¹è³Ê2 */
.scrollBanner2 {position:absolute;top:123px; right: 0; width:185px; z-index:99;}
.scrollBanner2 >div {border: 3px solid #656565;border-bottom-left-radius: 20px;border-top-left-radius: 20px;overflow: hidden;border-right: 0;}
.scrollBanner2 a {display:block; height:70px; background:#f2f2f2;font-family: 'GmarketSansBold';font-size:14px; color: #8c8c8c;border-bottom: 1px solid #d4d4d4;display: flex;justify-content: flex-start;align-items: center;width: 100%;padding: 6px 0 0 43px;line-height: 1.2;}
.scrollBanner2 a:nth-of-type(2){height: 74px;}
.scrollBanner2 a:nth-of-type(4){letter-spacing: -0.08em;}
.scrollBanner2 a::before{width: 26px;height: 26px;background: #888;border-radius: 50%;color: #fff;font-family: 'GmarketSansBold';font-size: 13px;letter-spacing: -0.06em;line-height: 1;display: inline-flex;align-items: center;justify-content: center;margin-left: -30px;margin-right: 6px;padding-top: 3px;box-sizing: border-box;}
.scrollBanner2 a:nth-of-type(1)::before{content: '01';}
.scrollBanner2 a:nth-of-type(2)::before{content: '02';}
.scrollBanner2 a:nth-of-type(3)::before{content: '03';}
.scrollBanner2 a:nth-of-type(4)::before{content: '04';}

.scrollBanner2 a.select, 
.scrollBanner2 a:hover {background:#fff;color:#222;}
.scrollBanner2 a:nth-of-type(1).select::before, 
.scrollBanner2 a:nth-of-type(1):hover::before {background:#f07ab7;}
.scrollBanner2 a:nth-of-type(2).select::before, 
.scrollBanner2 a:nth-of-type(2):hover::before {background:#9600ff;}
.scrollBanner2 a:nth-of-type(3).select::before, 
.scrollBanner2 a:nth-of-type(3):hover::before {background:#0073ff;}
.scrollBanner2 a:nth-of-type(4).select::before, 
.scrollBanner2 a:nth-of-type(4):hover::before {background:#f1008e;}
.scrollBanner2 .btn_top {position: absolute;bottom: -40px;left: 50%;transform: translateX(-50%);display:block; width:31px; height:31px; margin:8px auto 0; background:url("//img1s.mbest.co.kr/Pub_event/20260904a/scroll.png") no-repeat 0 0 !important; font-size:0; text-indent: -9999em;}
@media screen and (max-width: 1660px) {
	.scrollBanner2 {zoom: .9;right: -10px;}
}
.jbFixed {position:fixed !important;}












#content {position:relative; width:100%; min-width:1280px; overflow:hidden; font-family:'Noto Sans KR', sans-serif; font-weight:500; color:#313131;}
/* letter-spacing(em)Àº »ó¼Ó ½Ã px·Î °íÁ¤µÇ¹Ç·Î Àüü ¿ä¼Ò¿¡ ÁöÁ¤ : PSD ±âº» ÀÚ°£ -50 */
#content, #content * {letter-spacing:-0.05em;}
#content * {box-sizing:border-box;}
#content h2, #content h3, #content h4, #content p, #content ul, #content li, #content dl, #content dt, #content dd {margin:0; padding:0;}
#content ul, #content ol {list-style:none; margin:0; padding:0;}
#content a {text-decoration:none; /*color:inherit;*/}
#content button {margin:0; padding:0; border:0; background:none; cursor:pointer; font:inherit; color:inherit; letter-spacing:inherit;}
#content img {display:block; border:0; max-width:none;}
#content .it {font-style:italic;} /* PSD ?? ???(!) */
#content .blind {position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
#content a:focus-visible, #content button:focus-visible {outline:3px solid #ffbf00; outline-offset:2px;}

#content .section {position:relative; width:100%;}
#content .inner {position:relative; width:1104px; margin:0 auto;}

/* °øÅë ¼½¼Ç ŸÀÌƲ */
#content .sec_tit {text-align:center;}
#content .sec_tit .copy {display:block; font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:37px; line-height:44px; letter-spacing:-0.075em; color:#313131;}
#content .sec_tit .copy * {letter-spacing:-0.075em;}
/* FONT_CHECK_REQUIRED : ´ëÁ¦¸ñ RiaSans-ExtraBold (fonts.css Á¦°ø Æйи®¸í ±âÁØ). PSD °¡·Î ºñÀ² 95% ¡æ scaleX(0.95) */
#content .sec_tit .tit {display:block; height:58px; margin-top:14px; font-family:'RiaSans-ExtraBold', 'Noto Sans KR', sans-serif; font-size:60px; line-height:58px; letter-spacing:-0.05em; white-space:nowrap; transform:scaleX(0.95);}
#content .sec_tit .tit * {letter-spacing:-0.05em;}
#content .sec_tit .tit em {font-style:normal;}

/* °­Á¶ ¹ØÁÙ(Çü±¤Ææ) */
#content .hl {position:relative; z-index:0; display:inline-block;}
#content .hl::before {content:''; position:absolute; z-index:-1; left:-5px; right:-4px; top:20px; height:14px;}

/* ---------- »ó´Ü ºñÁÖ¾ó (PSD top2 : 0~780) ---------- */
#content .vis {height:780px; background:#f9f0f5 url('//img1s.mbest.co.kr/Pub_event/20261019w/vis_bg.jpg') no-repeat 50% 0; z-index:2;overflow: hidden;}
#content .vis .inner {height:780px;}
#content .vis_copy {padding:61px 0 0 0.2em; text-align:center; font-size:25px; line-height:32px; letter-spacing:0.2em; color:#ff8cc3;}
#content .vis_copy * {letter-spacing:0.2em;}
#content .vis_copy strong {font-family:'Noto Sans KR', sans-serif; font-weight:900; color:#ff8cc3;}
#content .vis_copy .dot {position:relative; display:inline-block;}
#content .vis_copy .dot::before {content:''; position:absolute; top:-4px; left:50%; width:5px; height:5px; margin-left:-7px; border-radius:50%; background:#fc9ac3;}

/* ºñÁÖ¾ó ŸÀÌƲ : RiaSans-ExtraBold ÅؽºÆ® (PSD ¼ÒÁ¦¸ñ SDGyeokdongG207Bk ¡æ RiaSans-ExtraBold ·Î ÅëÀÏ, FONT_CHECK_REQUIRED) */
/*
#content .vis_tit {position:static;}
#content .vis_tit .tit_l, #content .vis_tit .tit_r {position:absolute; top:181px; text-align:center; font-family:'RiaSans-ExtraBold', 'Noto Sans KR', sans-serif; white-space:nowrap;}
#content .vis_tit .tit_l {left:-15px;}
#content .vis_tit .tit_r {left:705px; top:180px;}
#content .vis_tit .s {display:block; height:60px; font-size:60px; line-height:60px; letter-spacing:-0.05em; opacity:0.6;}
#content .vis_tit .b {display:block; height:100px; margin:6px 0 7px; font-size:100px; line-height:100px; letter-spacing:-0.03em; transform:scaleX(0.95);}
#content .vis_tit .tit_r .b {margin:7px 0 6px;}
#content .vis_tit .tit_l .s {color:#ff349f;}
#content .vis_tit .tit_l .b {color:#f9009e;}
#content .vis_tit .tit_r .s {color:#9c10ff;}
#content .vis_tit .tit_r .b {color:#9200f8;}
*/
#content .vis_tit {position:static;}
#content .vis_tit img {position:absolute;}
#content .vis_tit .tit_l {left:2px; top:183px;}
#content .vis_tit .tit_r {left:721px; top:182px;}

#content .vis_video {position:absolute; left:1px; top:470px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; width:370px; height:159px; padding:32px 0 0 41px; background:url('//img1s.mbest.co.kr/Pub_event/20261019w/vis_video_bg.png') no-repeat 0 0; text-align:left;}
#content .vis_video .t1 {display:block; font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:25px; line-height:33px; letter-spacing:-0.06em; color:#fff;}
#content .vis_video .t1 * {letter-spacing:-0.06em;}
#content .vis_video .t2 {display:block; margin-top:0; font-size:18px; line-height:24px; color:#ffcfe7;}
#content .vis_video .t2, #content .vis_video .t2 * {letter-spacing:-0.08em;}
#content .vis_video .t3 {position:absolute; left:41px; top:112px; font-size:12px; line-height:16px; letter-spacing:-0.06em; color:#ffcfe7; opacity:0.75;}
#content .vis_video .t3 * {letter-spacing:-0.06em;}
#content .vis_video .t3::after {content:''; position:absolute; left:49px; top:4px; width:20px; height:8px; background:url('//img1s.mbest.co.kr/Pub_event/20261019w/ico_tri3.png') no-repeat 0 0;}
#content .vis_video .play {position:absolute; left:267px; top:73px; width:60px; height:60px; border-radius:50%; background:rgba(66,0,31,0.9);}
#content .vis_video .play img {position:absolute; left:19px; top:14px;}
#content .vis_home {position:absolute; left:790px; top:502px; width:240px; text-align:center; font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:25px; line-height:32px; letter-spacing:-0.06em; color:#ad64ea;}
#content .vis_home * {letter-spacing:-0.06em;}
#content .vis_home strong {font-family:'Noto Sans KR', sans-serif; font-weight:900;}
#content .vis_home a {display:block; width:35px; height:34px; margin:10px auto 0; transform:translateX(2px);}
#content .vis_candy {position:absolute; left:932px; bottom:0; z-index:3;}

/* ÁøÀÔ ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes visFadeDown {from {opacity:0; transform:translateY(-15px);} to {opacity:1; transform:translateY(0);}}
@keyframes visFromLeft {from {opacity:0; transform:translateX(-40px);} to {opacity:1; transform:translateX(0);}}
@keyframes visFromRight {from {opacity:0; transform:translateX(40px);} to {opacity:1; transform:translateX(0);}}
@keyframes visPop {0% {opacity:0; transform:scale(0.85);} 70% {transform:scale(1.03);} 100% {opacity:1; transform:scale(1);}}
@keyframes triBlink {0%, 100% {opacity:1;} 50% {opacity:0.25;}}
#content .vis_copy {animation:visFadeDown 0.7s ease-out both;}
#content .vis_tit .tit_l {animation:visFromLeft 0.8s 0.2s ease-out both;}
#content .vis_tit .tit_r {animation:visFromRight 0.8s 0.35s ease-out both;}
#content .vis_video, #content .vis_home {animation:visPop 0.6s 0.7s ease-out both;}
#content .vis_video .play img, #content .play_btn img {animation:triBlink 1.2s ease-in-out infinite;}

/* ·Îµù Àü : ù ÇÁ·¹ÀÓ(opacity:0) »óÅ·Π´ë±â */
#content .vis .vis_copy,
#content .vis .vis_tit .tit_l,
#content .vis .vis_tit .tit_r,
#content .vis .vis_video,
#content .vis .vis_home {animation-play-state:paused;}
/* ·Îµù ÈÄ : Àç»ý */
#content .vis.is_loaded .vis_copy,
#content .vis.is_loaded .vis_tit .tit_l,
#content .vis.is_loaded .vis_tit .tit_r,
#content .vis.is_loaded .vis_video,
#content .vis.is_loaded .vis_home {animation-play-state:running;}

/* ---------- con1 : µ¥ÀÌÅÍ°¡ ÀÎÁ¤ÇÏ´Â °úÇÐ Àü¹®°¡ (PSD1 780~1981) ---------- */
#content .con1 {height:1201px; background:#ee8cc5;}
#content .con1 .inner {height:1201px; padding-top:91px;}
#content .con1 .sec_tit .copy {color:#fff;}
#content .con1 .sec_tit .tit {height:62px; margin-top:13px; font-size:63px; line-height:62px; color:#fff;}
#content .con2 .sec_tit .tit {color:#9600ff;}
#content .con3 .sec_tit .tit {height:57px; line-height:57px; color:#0073ff;}
#content .con4 .sec_tit .tit {height:57px; line-height:57px; color:#ff308d;}
#content .con5 .sec_tit .tit {height:57px; line-height:57px; color:#0011b1;}
#content .con6 .sec_tit .tit {color:#7316ff;}
#content .con6 .sec_tit .plus {position:relative; display:inline-block; width:51px; height:51px; margin:0 10px; border-radius:50%; background:#7217fb; vertical-align:-3px;}
#content .con6 .sec_tit .plus::before, #content .con6 .sec_tit .plus::after {content:''; position:absolute; left:50%; top:50%; width:28px; height:7px; margin:-3.5px 0 0 -14px; border-radius:2px; background:#f3ebff;}
#content .con6 .sec_tit .plus::after {transform:rotate(90deg);}
#content .con7 .sec_tit .tit {height:62px; line-height:62px; color:#313131;}
#content .con7 .sec_tit .tit em {color:#f1008e;}
#content .con8 .sec_tit .tit em {color:#f1008e;}
#content .con1 .data_list {display:grid; grid-template-columns:422px 422px; justify-content:space-between; row-gap:13px; margin:50px 1px 0;}
#content .con1 .data_list > li {position:relative; height:382px; padding-top:35px; border:1px solid #e098c0; border-radius:30px; background:#fff; box-shadow:0 3px 0 #e27aae; text-align:center;}
#content .con1 .data_list > li:nth-child(n+3) {height:383px;}
#content .con1 .data_list h3 {font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:28px; line-height:34px; letter-spacing:-0.06em; color:#313131;position: relative;z-index: 99;;}
#content .con1 .data_list h3 * {letter-spacing:-0.06em;}
#content .con1 .data_list h3 .sub {display:block; margin-bottom:0; font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:20px; line-height:25px;}
#content .con1 .data_list h3 .sub .hl::before {top:14px; height:12px; left:-4px; right:-2px;}
#content .con1 .data_list .hl::before {background:#fdf98e;}
#content .con1 .data_list h3 sup {font-size:15px; line-height:1; vertical-align:12px;}
#content .con1 .d1 .graph {position:absolute; left:53px; top:123px;}
#content .con1 .d2 .career {position:absolute; left:33px; top:121px;}
#content .con1 .d2 .career li {display:flex; flex-direction:column; justify-content:center; width:165px; height:71px; margin-bottom:7px; border-radius:15px; background:#f3f3f3; font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:16px; line-height:20px; letter-spacing:-0.06em; color:#313131;}
#content .con1 .d2 .career li * {letter-spacing:-0.06em;}
#content .con1 .d2 .career strong {display:block; font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:18px;}
#content .con1 .d2 .arrow {position:absolute; left:202px; top:157px;}
#content .con1 .d2 .year {position:absolute; left:254px; top:169px;}
#content .con1 .d3 .book {position:absolute; left:49px; top:122px; z-index:1;}
#content .con1 .d3 .publisher {position:absolute; left:165px; top:122px; width:207px; height:154px; border:1px solid #f3f3f3; border-radius:15px; overflow:hidden; background:#fff;}
#content .con1 .d3 .publisher img {position:absolute; left:47px; top:17px;}
#content .con1 .d3 .publisher p {position:absolute; left:0; right:0; bottom:0; height:45px; padding-top:12px; background:#f3f3f3; font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:16px; line-height:19px; letter-spacing:-0.06em; color:#333;}
#content .con1 .d3 .publisher p * {letter-spacing:-0.06em;}
#content .con1 .d3 .desc {position:absolute; left:0; right:0; top:302px; font-size:18px; line-height:24px; color:#313131;}
#content .con1 .d4 h3 > .hl {/*margin-left:56px;*/} /* PSD: ?? 2?? ?? ???? +28px (??? ???? ?? ??) */
/* #content .con1 .data_list > li.d4 {background:#fff url('//img1s.mbest.co.kr/Pub_event/20261019w/con1_laurel.png') no-repeat center 140px;} */
/* #content .con1 .d4::after {content:''; position:absolute; left:58px; top:251px; width:303px; height:79px; background:url('//img1s.mbest.co.kr/Pub_event/20261019w/con1_laurel.png') no-repeat 0 0;} */
#content .con1 .d4 dl {position:absolute; left:0; right:0; font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:18px; line-height:22px; letter-spacing:-0.06em; color:#333;background:#fff url('//img1s.mbest.co.kr/Pub_event/20261019w/con1_laurel.png') no-repeat center 0;height: 90px;}
#content .con1 .d4 dl * {letter-spacing:-0.06em;}
#content .con1 .d4 dl.s1 {top:132px;}
#content .con1 .d4 dl.s2 {top:250px;}
#content .con1 .d4 dd {margin-top:2px; letter-spacing:-0.08em; font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:35px; line-height:40px; color:#f9009e;}
#content .con1 .d4 dd * {letter-spacing:-0.08em;}
#content .con1 .d4 dl.s2 dd {margin-top:5px;}
#content .con1 .d4 dd small {font-size:25px;}
#content .con1 .d4 dd sup {position:relative; top:5px; margin-left:1px; font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:12px; line-height:1; vertical-align:top; opacity:0.7; letter-spacing:-0.02em;}
#content .con1 .d4 dd sup * {letter-spacing:-0.02em;}
#content .con1 .teacher {position:absolute; left:322px; top:250px; z-index:2; pointer-events:none;z-index: 999;}
#content .con1 .note {position:absolute; left:210px; top:1052px; transform:translateX(-50%); white-space:nowrap; text-align:center; font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:12px; line-height:17px; letter-spacing:-0.03em; color:#4d1636; opacity:0.6;}
#content .con1 .note * {letter-spacing:-0.03em;}
#content .con1 .btn_profile {position:absolute; left:806px; top:1055px; z-index:3; display:block; width:173px; height:52px; border-radius:40px; background:#4d1636; text-align:center; font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:18px; line-height:48px; letter-spacing:-0.07em; color:#fff;}
#content .con1 .btn_profile * {letter-spacing:-0.07em;}
#content .con1 .btn_profile span {margin-left:7px; font-family:'GmarketSansBold', 'Noto Sans KR', sans-serif; font-weight:700;}

/* ---------- con2 : ÀÌ°ÍÀº °úÇÐÀΰ¡? ¿¹´ÉÀΰ¡? (PSD2 0~1701) ---------- */
#content .con2 {height:1701px; background:#fff;}
#content .con2 .inner {padding-top:93px;}
#content .con2 .point_list {display:grid; grid-template-columns:543px 543px; justify-content:space-between; row-gap:20px; margin-top:49px;}
#content .con2 .point_list > li {position:relative; height:435px; padding-top:35px; border:1px solid rgba(124,124,124,0.35); border-radius:20px; background:#fff; box-shadow:0 3px 0 rgba(0,0,0,0.07); text-align:center;}
#content .con2 .point_list h3 {font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:28px; line-height:34px; color:#313131;}
#content .con2 .point_list h3 em {font-weight:900; color:#9600ff;}
#content .con2 .point_list .p3 h3 {font-size:27px;}
#content .con2 .point_list .p5 h3, #content .con2 .point_list .p5 h3 * {letter-spacing:-0.04em;}
#content .con2 .point_list .thumb {position:absolute; left:44px; top:90px; width:453px; height:256px; overflow:hidden;border: 1px solid #000;}
#content .con2 .point_list .thumb > img {width:453px; height:256px; object-fit:cover;}
#content .con2 .point_list .desc {position:absolute; left:0; right:0; top:363px; font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:22px; line-height:30px; color:#313131;}
#content .con2 .point_list .p6 .book {position:absolute; left:110px; top:91px;}
#content .con2 .point_list .p6 .desc {top:333px;}
#content .play_btn {position:absolute; left:50%; top:50%; width:70px; height:70px; margin:-35px 0 0 -35px; border-radius:50%; background:rgba(0,0,0,0.8);}
#content .play_btn img {position:absolute; left:25px; top:16px; width:auto; height:auto;}
#content .zoom_btn {position:absolute; left:235px; top:167px; width:70px; height:70px;z-index: 9;}

/* ---------- con3 : °úÇÐ ¸¸Á¡ Ä¿¸®Å§·³ (PSD2 1701~4062) ---------- */
#content .con3 {padding:94px 0 97px; background:#e0f2ff;}
#content .con3 .step_list {margin-top:67px;}
#content .con3 .step {position:relative; margin-top:60px; border:1px solid #c1e3fb; border-radius:30px; background:#fff; box-shadow:0 3px 0 rgba(160,208,242,0.44);}
#content .con3 .step:first-child {margin-top:0;}
#content .con3 .s1 {height:418px;}
#content .con3 .s2 {height:418px;}
#content .con3 .s3 {height:500px;}
#content .con3 .s4 {height:472px;}
#content .con3 .step_tit {position:absolute; left:326px; top:-18px; display:flex; justify-content:center; align-items:baseline; width:451px; height:72px; padding:16px 10px 0 0; background:no-repeat 0 0; font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:30px; line-height:36px; color:#fff; letter-spacing:-0.065em;}
#content .con3 .step_tit * {letter-spacing:-0.065em;}
#content .con3 .step_tit span {margin-right:11px; font-size:22px; letter-spacing:-0.05em;}
#content .con3 .step_tit span * {letter-spacing:-0.05em;}
#content .con3 .s1 .step_tit {background-image:url('//img1s.mbest.co.kr/Pub_event/20261019w/con3_ribbon1.png');}
#content .con3 .s2 .step_tit {background-image:url('//img1s.mbest.co.kr/Pub_event/20261019w/con3_ribbon2.png');}
#content .con3 .s3 .step_tit {background-image:url('//img1s.mbest.co.kr/Pub_event/20261019w/con3_ribbon3.png');}
#content .con3 .s4 .step_tit {background-image:url('//img1s.mbest.co.kr/Pub_event/20261019w/con3_ribbon4.png');}
#content .con3 .s1 .step_tit span {color:#b0e2ff;}
#content .con3 .s2 .step_tit span {color:#9fcaff;}
#content .con3 .s3 .step_tit span {color:#aab2ff;}
#content .con3 .s4 .step_tit span {color:#a69dd7;}
#content .con3 .btn_go {position:absolute; right:70px; top:0; display:flex; justify-content:center; align-items:center; width:162px; height:46px; border-radius:0 0 20px 20px; background:#313131; font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:16px; line-height:20px; color:#fff;}
#content .con3 .btn_go::after {content:''; width:17px; height:17px; margin-left:5px; border-radius:50%; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9'%3E%3Cpath d='M1 1l3.5 3.5L1 8' fill='none' stroke='%23313131' stroke-width='2'/%3E%3C/svg%3E") no-repeat 6px 4px;}
#content .con3 .lec {position:absolute; left:74px; top:86px; width:407px; text-align:center;}
#content .con3 .lec h4 {font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:24px; line-height:30px; color:#313131;}
#content .con3 .lec .thumb {position:relative; margin-top:23px; width:404px; /*height:228px;*/border:2px solid #e2e2e2;}
/* #content .con3 .lec .thumb::after {content:''; position:absolute; inset:0; border:2px solid #e2e2e2;} */
#content .con3 .lec .thumb img {width: 100%;}
#content .con3 .s4 .lec .thumb::after {border-color:#d3d3d3;}
#content .con3 .step .line {position:absolute; left:551px; top:90px; width:1px; height:287px; background:#e1e1e1;}
#content .con3 .s3 .line {height:369px;}
#content .con3 .s4 .line {height:341px;}
#content .con3 .info {position:absolute; left:620px; top:86px; width:450px;}
#content .con3 .info h4 {font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:24px; line-height:30px; color:#313131;text-align: left;}
#content .con3 .info h4 .hl::before {background:#e3f3fc;}
#content .con3 .info h4 em {font-weight: 900; color:#1d00ae;}
#content .con3 .point {margin-top:17px;text-align: left;}
#content .con3 .point li {position:relative; padding-left:16px; font-size:18px; line-height:27px; color:#313131;}
#content .con3 .point li::before {content:''; position:absolute; left:1px; top:10px; width:7px; height:3px; border-left:2px solid #313131; border-bottom:2px solid #313131; transform:rotate(-45deg);}
#content .con3 .point li:first-child {font-family:'Noto Sans KR', sans-serif; font-weight:700;}
#content .con3 .s1 .point li:first-child {color:#019ef8;}
#content .con3 .s2 .point li:first-child {color:#0073ff;}
#content .con3 .s3 .point li:first-child {color:#0016e6;}
#content .con3 .s4 .point li:first-child {color:#1d00ae;}
#content .con3 .s1 .point li:first-child::before {border-color:#019ef8;}
#content .con3 .s2 .point li:first-child::before {border-color:#0073ff;}
#content .con3 .s3 .point li:first-child::before {border-color:#0016e6;}
#content .con3 .s4 .point li:first-child::before {border-color:#1d00ae;}
#content .con3 .s3 .point li, #content .con3 .s3 .point li * {letter-spacing:-0.06em;}
#content .con3 .s3 .point strong {margin-right:5px; font-family:'Noto Sans KR', sans-serif; font-weight:700;}
#content .con3 .target {margin-top:20px; padding-top:21px; background:repeating-linear-gradient(to right, #d9d9d9 0 3px, transparent 3px 6px) no-repeat 0 0 / 405px 1px;text-align: left;}
#content .con3 .s4 .target {margin-top:18px; background-size:429px 1px;}
#content .con3 .target dt {font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:18px; line-height:22px; color:#313131;}
#content .con3 .target dd {margin-top:7px;}
#content .con3 .target li {position:relative; padding-left:16px; font-size:18px; line-height:27px; color:#313131;}
#content .con3 .target li::before {content:''; position:absolute; left:3px; top:12px; width:4px; height:4px; border-radius:50%; background:#313131;}

/* ---------- con4 : »óÀ§±Ç ½ÉÈ­ Ư°­ (PSD3 0~1458) ---------- */
#content .con4 {height:1458px; background:#fff;}
#content .con4 .inner {padding-top:92px;}

/* con4¡¤con6 ¹è°æ °­»ç À̹ÌÁö (PSD: con4 20% + ·¹º§ º¸Á¤ / con6 °öÇϱâ 40% ¡æ ¼½¼Ç ¹è°æ»ö¿¡ ÇÕ¼ºÇÑ JPG) */
#content .con4, #content .con6 {isolation:isolate;}
#content .con4 .inner::before, #content .con6 .inner::before {content:''; position:absolute; z-index:-1; background-repeat:no-repeat; background-position:0 0; pointer-events:none;}
#content .con4 .inner::before {left:901px; top:76px; width:777px; height:1382px; background-image:url('//img1s.mbest.co.kr/Pub_event/20261019w/con4_teacher_bg.jpg');}
#content .con6 .inner::before {left:-603px; top:126px; width:914px; height:841px; background-image:url('//img1s.mbest.co.kr/Pub_event/20261019w/con6_teacher_bg.jpg');}

#content .course_box {position:relative; border-radius:30px; background:#fff;}
#content .course_box .box_head {position:relative; height:85px; border-radius:29px 29px 0 0; text-align:center;}
#content .course_box .box_head h3 {padding-top:24px; font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:30px; line-height:36px;}
#content .course_box .btn_go {position:absolute; right:19px; top:21px; display:block; width:154px; height:43px; border-radius:30px; text-align:center; font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:18px; line-height:43px; letter-spacing:-0.07em;}
#content .course_box .btn_go * {letter-spacing:-0.07em;}
#content .course_box .btn_go span {margin-left:8px; font-family:'GmarketSansBold', 'Noto Sans KR', sans-serif; font-weight:700;}
#content .course_box .info {position:absolute; left:595px;text-align: left;}
#content .course_box .info h4 {font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:24px; line-height:30px; color:#313131;}
#content .course_box .info ul {margin-top:17px;}
#content .course_box .info li {position:relative; margin-top:18px; padding-left:14px; font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:18px; line-height:25px; color:#313131;}
#content .course_box .info li:first-child {margin-top:0;}
#content .course_box .info li::before {content:'-'; position:absolute; left:0; top:0; font-family:'Noto Sans KR', sans-serif; font-weight:500; letter-spacing:-0.04em;}
#content .con4 .course_box {margin-top:48px; border:1px solid #ffc9e1; box-shadow:0 3px 0 rgba(255,210,230,0.8);}
#content .con4 .course_box + .course_box {margin-top:35px;}
#content .con4 .box_head {background:#ffe1ed;}
#content .con4 .box_head h3 {color:#ff308d;}
#content .con4 .btn_go {background:#ff2f8d; color:#fff; box-shadow:0 3px 0 #d82073;}
#content .con4 .info h4 .hl::before {background:#ffe3ef;}
#content .con4 .info li .hl::before {top:17px; height:10px; left:-3px; right:-4px; background:#ffe3ef;}
#content .con4 .b1 {height:411px;}
#content .con4 .b1 .imgs {position:absolute; left:67px; top:117px; display:flex;}
/* #content .con4 .b1 .imgs {position:absolute; left:50px;top:117px; display:flex;width: 459px;} */
#content .con4 .b1 .imgs img {border:1px solid #e2e2e2;width: 100%;}
#content .con4 .b1 .imgs img + img {margin-left:8px;}
#content .con4 .b1 .info {top:128px;}
#content .con4 .b2 {height:661px;}
#content .con4 .b2 .badge {position:absolute; left:-7px; top:13px; z-index:1;}
#content .con4 .b2 .thumb {position:absolute; left:50px; top:116px; width:459px; height:259px; border:1px solid #e2e2e2; border-radius:15px; overflow:hidden;}
#content .con4 .b2 .thumb img {width:457px; height:257px; object-fit:cover;}
#content .con4 .b2 .info {top:143px;}
#content .con4 .b2 .sub_list {position:absolute; left:50px; top:407px; display:grid; grid-template-columns:494px 494px; column-gap:14px; row-gap:11px;}
#content .con4 .b2 .sub_list li {display:flex; flex-direction:column; justify-content:center; height:103px; border:1px solid #e4e4e4; border-radius:15px; background:#f3f3f3; text-align:center; font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:18px; line-height:26px; color:#313131;}
#content .con4 .b2 .sub_list li:nth-child(n+3) {height:104px;}
#content .con4 .b2 .sub_list strong {display:block; font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:20px;}

/* ---------- con5 : °í1 ÅëÇÕ°úÇÐ (PSD3 1458~2223) ---------- */
#content .con5 {height:765px; background:#ebecfe;}
#content .con5 .inner {padding-top:94px;}
#content .con5 .course_box {height:411px; margin-top:48px; box-shadow:0 3px 0 rgba(200,202,225,0.5);}
#content .con5 .box_head {background:#0011b1;}
#content .con5 .box_head h3 {color:#fff;}
#content .con5 .btn_go {background:#fff; color:#0011b1; box-shadow:0 3px 0 rgba(0,0,0,0.19);}
#content .con5 .thumb {position:absolute; left:51px; top:118px; width:459px; height:259px; border-radius:15px; overflow:hidden;}
#content .con5 .thumb img {width: 100%;}
#content .con5 .info {top:144px;}
#content .con5 .info h4 {color:#322f2f;}
#content .con5 .info h4 .hl::before {background:#e6e8fa;}
#content .con5 .info li {color:#333;}

/* ---------- con6 : ºñ±³°ú ¼öÇàÆò°¡ + °úÇÐ Åä·Ð ¹èƲ (PSD3 2223~3191) ---------- */
#content .con6 {height:968px; background:#e7d8ff;}
#content .con6 .inner {padding-top:94px;}
#content .con6 .bar {position:relative; width:1080px; height:77px; margin:32px 0 0 1px; padding-left:20px; border-radius:37px; background:#7315ff; text-align:center; font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:30px; line-height:77px; color:#fff;}
#content .con6 .bar img {position:absolute; left:986px; top:-19px;}
#content .con6 .battle_list {display:grid; grid-template-columns:543px 543px; justify-content:space-between; margin:27px 0 0 -1px; width:1105px;}
#content .con6 .battle_list li {position:relative; height:523px; border:1px solid #e4d3ff; border-radius:30px; overflow:hidden; background:#fff; box-shadow:0 3px 0 #d8c7fd; text-align:center;}
#content .con6 .battle_list a {display:block; height:100%;pointer-events: none;}
#content .con6 .battle_list .thumb {width:541px; height:302px; object-fit:cover;}
#content .con6 .battle_list h3 {display:flex; justify-content:center; align-items:center; margin-top:35px; font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:25px; line-height:40px; color:#4a06af;}
#content .con6 .battle_list h3 .rank {width:63px; height:40px; margin-right:8px; border-radius:5px; background:#420e96; font-size:25px; line-height:40px; letter-spacing:-0.04em; color:#fff;}
#content .con6 .battle_list h3 .rank * {letter-spacing:-0.04em;}
#content .con6 .battle_list .desc {margin-top:7px; font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:20px; line-height:26px; color:#313131;}
#content .con6 .battle_list .unit {position:absolute; left:108px; bottom:0; width:327px; height:48px; border-radius:15px 15px 0 0; background:#efefef; font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:18px; line-height:48px; color:#313131;}

/* ---------- con7 : °úÇÐ ¸ÀÁý Çý½ÄÀÌ³× ¸Þ´º (PSD3 3191~) ---------- */
#content .con7 {padding:92px 0 100px; background:#fff;}
#content .con7 .sec_tit .copy {font-size:38px; line-height:45px;}
#content .con7 .sec_tit .tit {margin-top:13px;}
#content .con7 .menu_tab {display:grid; grid-template-columns:219px 220px 220px 220px 219px; column-gap:1px; width:1102px; margin:48px 0 0 1px;}
#content .con7 .menu_tab button {height:93px; background:#abb3b6; text-align:center; font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:16px; line-height:26px; letter-spacing:-0.06em; color:#fff; transition:background-color 0.2s;}
#content .con7 .menu_tab button * {letter-spacing:-0.06em;}
#content .con7 .menu_tab button strong {display:block; font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:22px;}
#content .con7 .menu_tab button:nth-child(5) strong {font-size:21px;}
#content .con7 .menu_tab button[aria-selected="true"] {background:#ef018d;}
#content .con7 .grade_tab {display:flex; width:1102px; margin:38px 0 0 1px;}
#content .con7 .grade_tab button {flex:1; height:87px; border-bottom:3px solid #392b22; font-family:'Noto Sans KR', sans-serif; font-weight:900; font-size:20px; line-height:30px; letter-spacing:-0.03em; color:#7d7d7d;}
#content .con7 .grade_tab button * {letter-spacing:-0.03em;}
#content .con7 .grade_tab button[aria-selected="true"] {border-bottom-color:transparent; color:#313131;}
#content .con7 .lecture_panel {min-height:600px; padding-top:30px;}
#content .con7 .lecture_panel[hidden] {display:none;}
#content .con7 .lecture_empty {padding:120px 0; text-align:center; font-size:18px; line-height:27px; color:#7d7d7d;}

.class_tab{margin-top: 30px;}
.depth2 {width:100%; display:flex; border-top: 1px solid #bababa;border-left: 1px solid #bababa;}
.depth2 a {position:relative; display:block; width:100%; height:82px; background: #ededed; font-family: 'Pretendard-bold'; font-size: 20px; color: #7d7d7d; letter-spacing: -0.075em; border-right: 1px solid #bababa; display: flex; align-items: center; flex-direction: column; line-height:1; justify-content: center; text-decoration: none; border-bottom: 4px solid #000;}
.depth2 a span {display: block; line-height:1; margin-bottom: 7px; font-size:17px; font-family: 'Pretendard-medium';}
.depth2 a:before {content:''; position:absolute; top: -1px; left: -1px; width: calc(100% - 6px); height: calc(100% - -1px); border: 4px solid #000; display: none; z-index: -1; background:#fff; border-bottom:0;}
.depth2 a.select,.depth2 a:hover {background:#fff; z-index: 1; border-bottom: 4px solid #fff; color:#000;}
.depth2 a.select:before,.depth2 a:hover:before {display: block;}
.class_tab .depth3 {margin-top: 30px; display: flex;}
.class_tab .depth3 a {font-size: 20px; font-family: 'notokr-medium'; color: #bbb; letter-spacing: -0.075em; text-decoration: none; line-height: 1; display: flex; align-items: center;}
.class_tab .depth3 a.select {color: #444;}
.class_tab .depth3 a + a::before {display: inline-block; width: 2px; height: 19px; background-color: #444; content: ''; margin: 0 16px;}
.class_list {text-align: left;}

/* tab */
.lecture-link {display: inline-flex;align-items: center;justify-content: center;gap: 14px;box-sizing: border-box;width: 414px;max-width: 100%;height: 80px;border-radius: 40px;background-color: #303030;color: #fff !important;font-family:'Noto Sans KR', sans-serif;font-size: 30px;font-weight: 700;line-height: 1;letter-spacing: -1.5px;text-decoration: none;white-space: nowrap;margin-top: 45px;}
.lecture-link::after {content: "";flex-shrink: 0;width: 14px;height: 14px;border-top: 4px solid currentColor;border-right: 4px solid currentColor;border-radius: 2px;transform: rotate(45deg);margin-top: 4px;}
.lecture-link:focus-visible {outline: 3px solid #2979ff;outline-offset: 4px;}


/* ÀÚ°£ ¹Ì¼¼ º¸Á¤ (PSD ÅؽºÆ® ¹Ú½º Æø ±âÁØ ½ÇÃø) */
#content .con1 .d3 .desc, #content .con1 .d3 .desc * {letter-spacing:-0.066em;}
#content .con1 .d3 .publisher p {letter-spacing:-0.08em;}
#content .con1 .d4 dt, #content .con1 .d4 dt * {letter-spacing:-0.07em;}
#content .con1 .d4 dl.s2 dt {margin-top: 10px;}
#content .con3 .info h4, #content .con3 .info h4 * {letter-spacing:-0.025em;}
#content .con3 .point li, #content .con3 .point li *, #content .con3 .target li {letter-spacing:-0.07em;}
#content .con3 .btn_go {letter-spacing:-0.07em;}
#content .course_box .box_head h3 {letter-spacing:-0.058em;}
#content .course_box .info li, #content .course_box .info li * {letter-spacing:-0.068em;}
#content .con6 .bar {letter-spacing:-0.072em;}
#content .con6 .battle_list .unit {letter-spacing:-0.069em;}
#content .con7 .menu_tab button {letter-spacing:-0.078em;}

@media (prefers-reduced-motion: reduce) {
  #content *, #content *::before, #content *::after {animation:none !important; transition:none !important;}
  html {scroll-behavior:auto;}
}












/* con8 */
.con8{background: #f5f5f5;position:relative;}
.con8 .inner {padding: 100px 0;}
#content .con8 .sec_tit .tit {font-size: 50px;}
.faq_list{margin-top: 40px;}
.faq_list ul li {border-bottom: 2px solid #333;}
.faq_list ul li:first-child {border-top: 2px solid #333;}
.faq_list ul li .q_box {position: relative; display: block; padding: 25px 30px; font-size: 24px; color: #333; font-family: 'Pretendard-extrabold'; line-height: 1; text-align: left; text-decoration: none;}
.faq_list ul li .q_box:before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 27px; width: 22px; height: 14px; background: url("//img1s.mbest.co.kr/Pub_event/20260709h/faq_arr.png") no-repeat 0 0;opacity: .3;}
.faq_list ul li .q_box span {color: #f1008d; margin-right: 10px;}
.faq_list ul li .a_box {display: none; border-top: 1px solid #c1c1c1; padding: 25px 30px 35px; font-size: 20px; color: #444; line-height: 1.5; font-family: 'Pretendard-medium'; text-align: left; word-break: keep-all;background-color: #fff;}
.faq_list ul li .a_box sup{font-size: 14px;}
.faq_list ul li small{display: block;font-size: 14px;color: #666;padding-top: 10px;}
.faq_list ul li .q_box.active {background-color: #fff;}
.faq_list ul li .q_box.active:before {transform: translateY(-50%) rotate(180deg);}
.faq_list ul li .q_box.active + .a_box {display: block;}