header.site-header{position:absolute;width:100%;height:auto;background-color:transparent;margin:0 auto;text-align:center;display:block;border-bottom:1px solid #e6e6e6;z-index:5;transition:background .3s;position:fixed;top:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);background-color:hsla(0,0%,100%,.95);transform:translateY(0);transition:transform .3s ease-in-out}header.site-header:before{content:"";z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;backdrop-filter:blur(10px)}header.site-header .strip-banner{width:100%;height:44px;background:#5144ed;display:flex;flex-direction:column;justify-content:center;box-shadow:none;backdrop-filter:blur(0)}header.site-header .strip-banner .desc{color:var(--vkui-color-Text-ContrastThemed,#fff);font-feature-settings:"liga" off,"clig" off;font-size:16px;font-weight:700;line-height:110%}header.site-header .strip-banner .span1{font-weight:500}header.site-header .strip-banner .span2{text-decoration-line:underline}@media only screen and (max-width:540px){header.site-header .strip-banner{width:100%;height:37px}header.site-header .strip-banner .desc{font-size:12px}header.site-header .strip-banner .span1{font-weight:700}header.site-header .strip-banner .span2{text-decoration-line:none}}header.site-header .sign-up-benefit{display:flex;padding:0 40px;justify-content:center;background-color:#000;height:42px;align-items:center;transition:opacity .5s}header.site-header .sign-up-benefit.hide{display:none!important;opacity:0}header.site-header .sign-up-benefit .large-container{display:grid;grid-template-columns:1fr 1px 1fr;justify-content:space-around;align-items:center;padding:0;width:100%;height:100%;max-width:1600px;position:relative}header.site-header .sign-up-benefit a{color:#fff;font-size:14px;font-weight:500}header.site-header .sign-up-benefit .wrap-left .highlight{color:#73ede8;font-weight:800}header.site-header .sign-up-benefit .wrap-right .highlight{color:#bde95a;font-weight:800}header.site-header .sign-up-benefit .line{position:relative;height:14px;width:1px;background-color:#fff}header.site-header .sign-up-benefit .banner-close{position:absolute;right:4px;width:37px}header.site-header .large-container{padding:0 190px;height:54px;display:flex;align-items:center;width:100%}@media only screen and (max-width:1919px){header.site-header .large-container{padding:0 40px;max-width:100%}}@media only screen and (max-width:1680px){header.site-header .large-container{max-width:100%;padding:0 40px}}header.site-header .large-container:after,header.site-header .large-container:before{display:none}header.site-header .brand{display:flex;justify-content:center;position:relative;margin-bottom:0;z-index:10;margin-left:52px}@media screen and (max-width:540px){header.site-header .brand{display:none}}header.site-header .logo{display:flex!important;flex-direction:row;gap:20px;align-items:center;padding:0;z-index:1}header.site-header .logo img{position:relative;width:200px}header.site-header .logo .first-banner{font-size:12px;line-height:14.4px;text-align:left;color:#5a4df7;font-weight:800;min-width:76px}header.site-header .main-nav-ul{display:flex;align-items:center;justify-content:space-between;gap:8px;width:auto;height:100%}header.site-header .main-nav-ul>li{display:inline-block}header.site-header .main-nav-ul>li.hover,header.site-header .main-nav-ul>li:hover{border-radius:5px;background:#f5f5f5}header.site-header nav.main-nav ul>li .a,header.site-header nav.main-nav ul>li a{display:flex;align-items:center;gap:4px;position:relative;outline:none;color:rgba(0,0,0,.7);font-family:Pretendard;font-weight:500;padding:4px 12px;border-bottom:2px solid transparent;cursor:pointer}header.site-header .main-nav-ul>li.active .a{font-weight:700}header.site-header nav.main-nav ul>li .a .arrow{transition:transform .3s ease-in-out}header.site-header nav.main-nav ul>li .a .rotate{transform:rotate(180deg)}header.site-header nav.main-nav ul>li a.circle div{padding-right:5px;background:url(/publishing/static/svg/icon-dot-orange.svg) no-repeat;background-position:top 0 right 0}header.site-header nav.main-nav ul>li a:focus,header.site-header nav.main-nav ul>li a:hover{outline:none;color:#111}div.sub-gnb{left:0;right:0;position:absolute;background:#fff;border-bottom:1px solid #e7e7e7}div.sub-gnb,div.sub-gnb.seller{height:530px}ul.mobile-gnb{display:none;transition:transform .3s ease-in-out}ul.mobile-sub-gnb{display:none}ul.mobile-sub-gnb.show{display:none;transition:transform .3s ease-in-out}.header-modal{display:block;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100vh;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.header-modal .modal-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#fefefe;padding:20px;margin:auto;border:1px solid #888;border-radius:10px;max-width:450px;width:80%;min-height:270px;position:absolute;float:left;left:50%;top:50%;transform:translate(-50%,-50%);font-size:24px;font-family:Pretendard;font-weight:400;letter-spacing:-1px;line-height:125%;color:#1a1917}.header-modal .modal-content .modal-close{margin:0 0 0 auto}.header-modal.codetraining-modal .modal-content .color{font-weight:700;color:#0047ff}.header-modal.tutoring-modal .modal-content .color{font-weight:700;color:#000}.header-modal .modal-content a{width:220px;padding:12px;margin-top:40px;border-radius:8px;background:#0047ff;color:#fff;text-align:center;font-size:18px;font-weight:500;line-height:160%;letter-spacing:0}.modal-close{color:#aaa;float:right;font-size:28px;font-weight:700}.modal-close:focus,.modal-close:hover{color:#000;text-decoration:none;cursor:pointer}@media screen and (max-width:1200px){header.site-header .logo img{width:180px}header.site-header .brand .first-banner{margin-right:2px}}@media screen and (max-width:1100px){div.sub-gnb{height:530px;left:0;right:0;position:absolute;background:#fff;border-bottom:1px solid #e7e7e7}}.main-nav .expand{position:relative}.sub-gnb-1{position:absolute;left:-350px;top:65px;display:flex;flex-direction:column;min-width:870px;align-items:flex-start;gap:60px;margin:0;padding-top:25px}.sub-gnb-1 .menu-list-wrap{display:flex;flex-direction:row;gap:40px}.sub-gnb-1 .menu-list-wrap.bottom{width:100%}.sub-gnb-1 .menu-list-wrap .menu-wrap{display:flex;flex-direction:column;gap:10px}.sub-gnb-1 .menu-list-wrap.bottom .menu-wrap{width:100%}.sub-gnb-1 .menu-list-wrap .menu-wrap .head-menu{color:#000;font-feature-settings:"liga" off,"clig" off;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:600;line-height:120%;text-align:left}.sub-gnb-1 .menu-list-wrap .menu-wrap .line{position:static;margin-bottom:14px}.sub-gnb-1 .menu-list-wrap .menu-wrap .product-wrap{display:flex;flex-direction:row}.sub-gnb-1 .menu-list-wrap .menu-wrap .product-wrap .group-wrap{display:flex;flex-direction:column;gap:12px}.sub-gnb-1 .menu-list-wrap .menu-wrap .product-wrap .group-wrap.bootcamp{min-width:220px}.sub-gnb-1 .menu-list-wrap .menu-wrap .product-wrap .group-wrap.re-challenge{min-width:350px}.sub-gnb-1 .menu-list-wrap .menu-wrap .product-wrap .group-wrap.beginner{min-width:200px}.sub-gnb-1 .menu-list-wrap .menu-wrap .product-wrap .group-wrap.coding{min-width:190px}.sub-gnb-1 .menu-list-wrap .menu-wrap .product-wrap .group-wrap .product-group-title{color:#5043ed;font-feature-settings:"liga" off,"clig" off;font-family:Pretendard;font-size:12px;font-style:normal;font-weight:600;line-height:120%;text-align:left}.new{display:flex;width:15px;height:15px;padding:0 3px;justify-content:center;align-items:center;border-radius:10px;background:#5043ed;color:#fff;font-size:8px}@media only screen and (max-width:540px){.new{width:15px;height:15px;padding:0 3px;border-radius:10px;background:#5043ed;color:#fff;font-size:8px;display:flex;align-items:center;margin-left:4px}}.sub-gnb-1 .menu-list-wrap .menu-wrap .product-wrap .group-wrap .product{color:#000;font-feature-settings:"liga" off,"clig" off;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:400;line-height:120%;text-align:left;padding:0}.site-header .line{position:absolute;height:1px;background:#e7e7e7;top:0;width:100%;z-index:1}header.site-header nav.main-nav ul>li.active>a{font-weight:700;color:#000}header.site-header nav.main-nav ul.sub-gnb-1 li.active a{font-weight:700;color:#000;border-bottom:none}header.site-header .util{position:relative;margin-left:24px;min-width:148px;display:flex;justify-content:flex-end;gap:12px;align-items:center}header.site-header .util-mob{display:none}header.site-header .util .button{padding:4px 8px;font-size:12px}header.site-header .mypage-menu-wrapper{position:relative;display:flex;flex-direction:row;align-items:center}header.site-header .mypage-menu.show{opacity:1;visibility:visible;z-index:9999}.width-under-900{display:none!important}@media screen and (max-width:900px){.width-over-900{display:none!important}.width-under-900{display:block!important}header.site-header .util-mob{display:block;cursor:pointer}}header.site-header .codetraining{display:flex;flex-direction:row;align-items:center;width:auto;min-width:122px;height:auto;background:#000;padding:1px 10px;margin-right:10px;border-radius:50px;font-weight:600;font-size:14px;line-height:24px;color:#fff;cursor:pointer}header.site-header .codetraining img{height:20px;width:25px;margin-right:4px}header.site-header .tutoring{display:flex;flex-direction:row;align-items:center;width:auto;height:auto;background:#000;padding:1px 10px;margin-right:10px;border-radius:50px;font-weight:600;font-size:14px;line-height:24px;color:#fff;cursor:pointer}header.site-header .tutoring img{height:16.67px;width:16.67px;margin-right:4px}header.site-header .tutoring .new-message-count.width-over-900{display:flex;position:absolute;width:20px;height:20px;right:30px;top:-10px;padding:4px 6px;justify-content:center;align-items:center;border-radius:20px;background:#5a4df7;color:#fff;opacity:0}header.site-header .tutoring-mobile{margin-top:2px}header.site-header .tutoring-mobile .new-message-count.width-under-900{display:flex;position:absolute;width:14px;height:14px;right:28px;top:0;justify-content:center;align-items:center;border-radius:14px;background:#ff6e41;text-align:center;font-size:8px;font-family:Pretendard;font-weight:700;line-height:14px;color:#fff;opacity:0}header.site-header .text-menu{display:inline-block;width:29px;height:24px;font-weight:700;font-size:18px;line-height:24px;color:#000}header.site-header .mypage-menu{transition:.5s;opacity:0;visibility:hidden;position:absolute;right:0;width:240px;padding:16px;border:1px solid rgba(0,0,0,.1);background-color:#fff;margin-top:50px;top:0}header.site-header .mypage-menu .profile{padding:4px 0;margin-bottom:12px;text-align:center;font-size:18px;font-weight:700}header.site-header .mypage-menu .menu-list{text-align:left}header.site-header .mypage-menu .menu-list li{position:relative;margin-bottom:4px}header.site-header .mypage-menu .menu-list li.logout button{background:none;border:none;color:#000;cursor:pointer;padding:0;margin:0;font-size:14px;font-weight:400}header.site-header .mypage-menu .menu-list li:after{background:url(/publishing/static/svg/icon-arrow-right.svg) no-repeat 50%;width:24px;height:24px;display:block;content:"";position:absolute;right:4px;top:50%;margin-top:-12px}header.site-header .mypage-menu .menu-list li.logout:after{display:none}header.site-header .mypage-menu .menu-list li a{display:block;padding:4px 0;font-size:14px;font-weight:400}.menu-container{z-index:9;display:flex;margin-left:auto}@media screen and (max-width:540px){.menu-container{margin-left:0}}.mobile-sub-gnb{transform:translateX(100%);display:none}.mobile-sub-gnb.active{transform:translateX(0);display:grid;grid-template-columns:1fr 0fr;transition:grid-template-columns .3s,transform ease-in-out;border-top:1px solid rgba(0,0,0,.1)}.mobile-sub-gnb.fold{grid-template-columns:100px 1fr}.mobile-sub-gnb .left-wrap{display:flex;flex-direction:column}.mobile-sub-gnb .left-wrap.fold{background:#eaeaea}.mobile-sub-gnb .left-wrap .menu-list{display:flex;border-bottom:1px solid rgba(0,0,0,.1);flex-direction:column}.mobile-sub-gnb .left-wrap .menu-list .menu-wrap{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 8px 12px 16px;cursor:pointer}.mobile-sub-gnb .left-wrap .menu-list .menu-wrap .menu{color:#000;font-feature-settings:"clig" off,"liga" off;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:400;line-height:120%}.mobile-sub-gnb .left-wrap .menu-list .menu-wrap.active{background:#fff}.mobile-sub-gnb .left-wrap.fold .menu-list .menu-wrap .menu{color:rgba(0,0,0,.6)}.mobile-sub-gnb .left-wrap .menu-list .menu-wrap.active .menu{color:#000;font-weight:600}.mobile-sub-gnb .left-wrap .menu-list .menu-wrap.premium{gap:12px;flex-direction:row;justify-content:flex-start}.mobile-sub-gnb .left-wrap .menu-list .menu-wrap.premium.fold{gap:24px;flex-direction:column;justify-content:flex-start;align-items:flex-start}.mobile-sub-gnb .left-wrap .menu-list .menu-wrap img{width:16px;height:16px;transform:rotate(-90deg)}.mobile-sub-gnb .left-wrap .menu-list.last{border-bottom:none}.mobile-sub-gnb .left-wrap .menu-list .menu-wrap.logout{justify-content:flex-start;gap:6px;border-bottom:none}.mobile-sub-gnb .left-wrap .menu-list .menu-wrap.logout img{width:14px;height:14px;transform:rotate(0)}.mobile-sub-gnb .left-wrap .menu-list .menu-wrap.premium img{width:auto;height:24px;transform:rotate(0)}.mobile-sub-gnb .left-wrap .menu-list .menu-wrap.logout .menu{color:silver;font-family:Pretendard;font-size:12px;font-style:normal;font-weight:500;line-height:15px}.mobile-sub-gnb .left-wrap .menu-list .menu-wrap.purple .menu{color:#5a4df7;font-feature-settings:"clig" off,"liga" off;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:600;line-height:120%}.mobile-sub-gnb .right-wrap{position:relative;top:0;height:100vh;background-color:#fff}.mobile-sub-gnb .right-wrap,.mobile-sub-gnb .right-wrap .bootcamp-wrap{display:flex;flex-direction:column}.mobile-sub-gnb .right-wrap .bootcamp-wrap .label-wrap{display:flex;flex-direction:row;padding:16px;justify-content:space-between;align-items:center;cursor:pointer}.mobile-sub-gnb .right-wrap .bootcamp-wrap .label-wrap .label{color:#000;font-feature-settings:"clig" off,"liga" off;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:600;line-height:120%}.mobile-sub-gnb .right-wrap .bootcamp-wrap .label-wrap img{width:20px;transition:transform .3s ease-in-out}.mobile-sub-gnb .right-wrap .bootcamp-wrap .label-wrap img.rotate{transform:rotate(180deg)}.mobile-sub-gnb .right-wrap .bootcamp-wrap .product-wrap{display:flex;flex-direction:column;background:#f5f5f5}.mobile-sub-gnb .right-wrap .bootcamp-wrap .line{position:static;width:100%;height:1px;background:rgba(0,0,0,.1)}.mobile-sub-gnb .right-wrap .bootcamp-wrap .product-wrap .title{color:#5043ed;font-feature-settings:"liga" off,"clig" off;font-family:Pretendard;font-size:12px;font-style:normal;font-weight:600;line-height:120%;text-align:left;padding:12px 16px 5px}.mobile-sub-gnb .right-wrap .bootcamp-wrap .product-wrap .product{padding:12px 16px;display:flex;align-items:center;color:#000;font-feature-settings:"clig" off,"liga" off;font-family:Pretendard;font-size:14px;font-style:normal;font-weight:400;line-height:120%}.mobile-sub-gnb .right-wrap .bootcamp-wrap .product-wrap .line{width:100%;height:1px;background:rgba(0,0,0,.1);position:relative;top:0}@media only screen and (max-width:1300px){header.site-header .sign-up-benefit a{font-size:12px}}@media screen and (max-width:1100px){.button{padding:6px 10px;font-size:12px}header.site-header .main-nav-ul{width:auto}header.site-header .main-nav{font-size:14px}header.site-header .util{min-width:unset}header.site-header .util .button{padding:6px 10px}header.site-header .codetraining{font-size:12px;margin-right:5px;width:108px;height:25px;min-width:108px}header.site-header .codetraining img{height:16px;width:20px;margin-right:3px}header.site-header .tutoring{font-size:12px;margin-right:5px;width:60px;height:25px}header.site-header .tutoring img{height:15px;width:15px;margin-right:4px}header.site-header .text-menu{font-size:14px}}@media screen and (max-width:960px){header.site-header{height:auto;background-color:#fff}header.site-header:before{display:none}header.site-header .sign-up-benefit a{font-size:11px}header.site-header .sign-up-benefit{padding:0 24px;height:40px}header.site-header .sign-up-benefit .banner-close{right:7px}header.site-header .large-container{height:64px;padding:0 24px}header.site-header .main-nav-ul{width:auto}.more-navigation li.show .sub-menu{display:block!important}.active .more-navigation .current-page-item a{opacity:1}}@media only screen and (max-width:900px){header.site-header{max-height:100vh}header.site-header .large-container{justify-content:space-between}nav.main-nav{display:none}ul.mobile-gnb{z-index:1;margin-top:0;height:45px;left:0;right:0;position:absolute;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border-bottom:1px solid #e7e7e7;display:flex;align-items:center;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}ul.mobile-gnb::-webkit-scrollbar{display:none}ul.mobile-gnb>li{font-size:13px;padding:4px 10px;font-weight:700;cursor:pointer}ul.mobile-gnb>li>a{color:#454a4d;font-weight:500}ul.mobile-gnb>li.active>a,ul.mobile-gnb>li>a:hover{color:#000;font-weight:700}ul.mobile-sub-gnb{display:none;margin-top:45px;height:38px;left:0;right:0;position:absolute;background:hsla(0,0%,100%,.8);border-bottom:1px solid #e7e7e7;align-items:center;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}ul.mobile-sub-gnb.show{display:flex;backdrop-filter:blur(10px)}ul.mobile-sub-gnb::-webkit-scrollbar{display:none}ul.mobile-sub-gnb>li{font-size:13px;padding:3px 10px;font-weight:500}ul.mobile-sub-gnb>li>a{color:#454a4d;font-weight:500}ul.mobile-sub-gnb>li.active>a,ul.mobile-sub-gnb>li>a:hover{color:#000;font-weight:700}}@media only screen and (max-width:540px){header.site-header{height:auto;background-color:#fff}header.site-header .sign-up-benefit{display:flex;padding:4px var(--general-beta-08,8px);justify-content:center;align-items:center;gap:4px;border-radius:3px;background:#000}header.site-header .sign-up-benefit .large-container{justify-content:flex-start;grid-template-columns:1.15fr 1px 1fr}header.site-header .large-container{padding:0 16px;justify-content:space-between}header.site-header .logo{gap:8px;flex-direction:column}header.site-header .logo img{width:140px}header.site-header .logo .first-banner{font-size:9px;line-height:10.8px}header.site-header .menu-container{min-width:-moz-fit-content;min-width:fit-content}header.site-header .brand .first-banner{display:flex!important;align-items:center;padding-left:4px;margin-right:0;display:block;z-index:1}ul.mobile-gnb{margin-top:0}ul.mobile-sub-gnb{margin-top:45px}.new{font-size:8px}}@media screen and (max-width:540px){header.site-header .util,header.site-header .util-mob{min-width:54px;margin-left:0}header.site-header .util-mob img{width:24px}}