:root{--mainColor:#121212;--mainActiveColor:#623aff;--btnTextColor:#fff;--btnBg_0:#623aff;--btnBg_1:#124ea8;--btnBg_2:#404244;--btnDisabledBg:#e8ecf1;--btnDisabledLine:#e8ecf1;--btnDisabledColor:#fff;--placeholder:#9b9b9b}html{scroll-behavior:smooth;line-height:150%}input[type=radio],input[type=checkbox]{display:none}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0}.loginBox{justify-content:center;align-items:center;margin:51px 0 145px;display:flex}.loginBox .container{text-align:center;max-width:384px;margin-bottom:8px}.loginBox .container .infoBox{background:#fff}.loginBox .container .infoBox .title{color:#1e2124;font-size:32px;font-weight:700}.loginBox .container .infoBox .summary{color:#575f6b;margin-top:8px;font-size:17px;font-weight:400}.loginBox .container .loginBtnBox{flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:48px;display:flex}.loginBox .container .loginBtnBox.short{margin-top:24px}.loginBox .container .loginBtnBox.other{opacity:0;gap:12px;max-height:0;margin-top:24px;transition:all .4s;overflow:hidden}.loginBox .container .loginBtnBox.other.open{opacity:1;max-height:200px}.loginBox .container .loginBtnBox button{width:384px}.loginBox .container .loginBtnBox .kakaoLoginBtn{background:#fee500;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:13px;font-size:16px;font-weight:600;display:flex}.loginBox .container .loginBtnBox .snsLoginBtn{background:#fff;border:1px solid #d0d3d8;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:9px;font-size:16px;font-weight:600;display:flex}.loginBox .container .loginBtnBox .orderLoginBtn{color:#1e2124;justify-content:center;align-items:center;gap:4px;margin-top:12px;font-size:15px;font-weight:400;display:flex}.loginBox .container .loginBtnBox .orderLoginBtn img{transition:transform .5s}.loginBox .container .loginBtnBox .orderLoginBtn img.rotate{transform:rotate(180deg)}.loginBox .container .hrBox{align-items:center;gap:12px;margin-top:40px;display:flex}.loginBox .container .hrBox span{background:#e8ecf1;width:168px;height:1px}.loginBox .container .hrBox.full{justify-content:center;display:flex}.loginBox .container .hrBox.full span{width:344px}.loginBox .container .hrBox .contents{color:#929aa6;white-space:nowrap;font-size:13px;font-weight:400}.loginBox .joinBox{color:#575f6b;margin-top:24px;font-size:14px;font-weight:400}.loginBox .joinBox span{cursor:pointer;color:#5331de;text-underline-offset:2px;font-size:14px;font-weight:400;-webkit-text-decoration-line:underline;text-decoration-line:underline}.loginLinkBox{justify-content:center;align-items:center;gap:12px;display:flex}.loginLinkBox div{color:#575f6b;cursor:pointer;font-size:14px;font-weight:400}.loginLinkBox span{color:#e8ecf1;height:16px}.summaryBox{margin-top:18px}.summaryBox .title{color:#1e2124;text-align:center;margin-bottom:8px;font-size:15px;font-weight:600}.summaryBox .contents{color:#575f6b;text-align:center;font-size:13px;font-weight:400;display:block}.summaryBox .contents span{text-underline-offset:2px;cursor:pointer;-webkit-text-decoration-line:underline;text-decoration-line:underline}.header{z-index:1000;background:#fff;border-bottom:1px solid #e8ecf1;width:100vw;position:fixed;top:0;left:0}.header.login{border-bottom:unset}.headerSection{justify-content:space-between;align-items:center;gap:40px;max-width:1200px;height:60px;margin:0 auto;display:flex;position:relative}.mheader{height:60px;display:none}.mheaderMenu{background:#fff;justify-content:space-between;padding:0 8px;display:flex}.mheaderMenu.hide{display:none}.mheaderMenu .mheaderMenuItem{color:#1e2124;justify-content:center;align-items:center;height:40px;padding:0 12px;font-size:15px;font-weight:500;display:flex}.mheaderMenu .mheaderMenuItem.active{border-bottom:3px solid #1e2124}.header_subBanner{background:#623aff;height:48px;display:block;position:relative;transform:translateY(0)}.header_subBanner .bannerImage{width:100%;height:100%;transform:translateY(0)}.header_subBanner.hide{opacity:0;pointer-events:none;height:0;padding:0 20px;transition:transform .3s,opacity .3s,height .3s,padding .3s;transform:translateY(-100%)}.header_subBanner_item{color:#fff;justify-content:center;align-items:center;width:auto;height:100%;padding:0 64px;font-size:15px;font-weight:400;display:flex}.header_subBanner_item>span{color:#ff5100;background:#fff;border-radius:23px;padding:2px 11px;font-size:13px;display:block}.header_subBanner_close{cursor:pointer;justify-content:center;align-items:center;width:24px;height:100%;position:absolute;top:0;right:16px}.header_loginLinkArea{border-bottom:1px solid #e3e3e3;height:2.5em;padding:0 20px}.header_loginLinkBox{justify-content:flex-end;align-items:center;gap:20px;max-width:1280px;height:100%;margin:0 auto;display:flex}.header_loginLink{font-size:12px;position:relative}.header_loginLink+.header_loginLink:before{content:"";background:#333;width:1px;height:10px;position:absolute;top:50%;left:-9px;transform:translateY(-50%)}.headerArea{align-items:center;gap:24px;display:flex}.headerArea .headerBtn{color:#1e2124;border:1px solid #d0d3d8;border-radius:6px;height:40px;padding:0 12px;font-size:15px;font-weight:500}.headerLogo>img{width:134px;height:36px}.header_subLinkBox{align-items:center;padding:0 12px;display:flex}.header_subLink{color:#1e2124;white-space:nowrap;align-items:center;gap:8px;padding:0 16px;font-size:1.0625rem;font-weight:600;display:flex;position:relative}.headerArea_right{gap:8px}.headerArea_right .header_subLink{padding:0 12px;font-size:15px;font-weight:500}.header_subLink.active{color:#ff5100}.header_subLink:nth-child(2).active{color:#4fb1ff}.headerSearchBox{z-index:1001;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:24px 0 8px;transition:all .2s;display:none;position:fixed}.headerSearchBox.active{display:flex}.headerSearchBox .closeBtn{cursor:pointer;position:absolute;top:24px;right:24px}.headerSearchBox .inputBox{position:relative}.headerSearchBox .inputBox img{width:28px;height:28px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.headerSearchBox .searchBox{background:#fff;border:2px solid #623aff;border-radius:8px;width:588px;height:56px;padding:0 16px 0 47px;font-size:19px;font-weight:400}.headerSearchBox .recentBox{width:566px;margin-top:20px;overflow-x:scroll;overflow-y:hidden}.headerSearchBox .recentBox .titleBox{justify-content:space-between;align-items:center;width:566px;height:56px;padding:0 16px;display:flex}.headerSearchBox .recentBox .titleBox .left{color:#1e2124;font-size:19px;font-weight:600}.headerSearchBox .recentBox .titleBox .right{cursor:pointer;color:#575f6b;text-underline-offset:2px;font-size:13px;font-weight:400;-webkit-text-decoration-line:underline;text-decoration-line:underline}.headerSearchBox .recentBox .contentsBox{gap:8px;padding:0 16px;display:flex}.headerSearchBox .recentBox .contentsBox.slide{display:block}.headerSearchBox .recentBox .contentsBox .tag{cursor:pointer;background:#f5f7fa;border-radius:50px;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;max-width:100px;padding:6px 12px;display:flex}.headerSearchBox .recentBox .contentsBox .tag .tagText{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;overflow:hidden}.headerSearchBox .recentBox .contentsBox .tag .tagText:hover{text-underline-offset:2px;-webkit-text-decoration-line:underline;text-decoration-line:underline}.headerSearchBox .recentBox .contentsBox .tag img{flex-shrink:0;width:12px;height:12px}.headerSearchBox .popularBox{margin-top:20px;margin-bottom:12px}.headerSearchBox .popularBox .titleBox{justify-content:space-between;align-items:center;width:566px;height:56px;padding:0 16px;display:flex}.headerSearchBox .popularBox .titleBox .left{color:#1e2124;font-size:19px;font-weight:600}.headerSearchBox .popularBox .titleBox .right{color:#929aa6;text-underline-offset:2px;font-size:13px;font-weight:400;-webkit-text-decoration-line:underline;text-decoration-line:underline}.headerSearchBox .popularBox .contentsBox{gap:8px;width:100%;padding:4px 0;display:flex}.headerSearchBox .popularBox .contentsBox .left,.headerSearchBox .popularBox .contentsBox .right{flex-direction:column;gap:4px;width:50%;display:flex}.headerSearchBox .popularBox .contentsBox .popularItem{cursor:pointer;border-radius:6px;align-items:center;padding:4px 16px;display:flex}.headerSearchBox .popularBox .contentsBox .popularItem:hover{background:#f7f8f9}.headerSearchBox .popularBox .contentsBox .popularItem .contentsBox .number{color:#1e2124;align-items:center;width:24px;font-size:15px;font-weight:600;line-height:150%;display:flex}.headerSearchBox .popularBox .contentsBox .popularItem .contentsBox .keyword{color:#22262b;margin-right:8px;font-size:17px;font-weight:400;line-height:150%}.headerSearchBox .popularBox .contentsBox .popularItem .change{color:#22262b;font-size:15px;font-weight:600}.headerSearchBox.active{opacity:1}.mheader .headerSection.hide{display:none}.mheader .headerSearchBox{justify-content:flex-start;height:100vh;padding:0;overflow-y:auto}.mheader .headerSearchBox.headerBanner{justify-content:flex-start;height:calc(100vh - 48px);padding:0;overflow-y:auto}.mheader .headerSearchBox .inputHeaderBox{width:100%;padding:8px 12px 8px 8px;display:flex}.mheader .headerSearchBox .inputHeaderBox .inputBox img{display:none}.mheader .headerSearchBox .inputHeaderBox .closeBtn{width:15%;position:unset;justify-content:center;align-items:center;font-size:15px;font-weight:400;display:flex}.mheader .headerSearchBox .searchBox{height:40px;padding:0 14px 0 16px;font-size:15px}.mheader .headerSearchBox .recentBox{width:100%;margin-top:15px}.mheader .headerSearchBox .recentBox .titleBox{width:100%;padding:0 20px}.mheader .headerSearchBox .recentBox .contentsBox{flex-wrap:wrap;gap:12px 8px}.mheader .headerSearchBox .popularBox{width:100%;margin-top:16px}.mheader .headerSearchBox .popularBox .titleBox{width:100%;padding:0 20px}.mheader .headerSearchBox .popularBox .titleBox .left{font-size:17px}.mheader .headerSearchBox .popularBox .contentsBox .popularItem .contentsBox .keyword{font-size:16px}.searchTitleBox{color:#1e2124;max-width:1200px;margin:0 auto;padding-bottom:12px;font-size:24px;font-weight:700}.searchTitleBox span{color:#5331de;font-weight:600}.searchInputBox{justify-content:center;align-items:center;margin-top:32px;margin-bottom:40px;display:flex}.searchInputBox .inputBox{position:relative}.searchInputBox .inputBox .searchBox{color:#1e2124;background:#fff;border:1px solid #d0d3d8;border-radius:8px;width:585px;height:56px;padding:0 16px 0 47px;font-size:19px;font-weight:400}.searchInputBox .inputBox img{width:28px;height:28px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.headerAlarmBox{z-index:1001;background:#fff;border:1px solid #e8ecf1;border-radius:12px;flex-direction:column;gap:22px;width:362px;max-height:659px;padding:28px;transition:all .2s;display:none;position:absolute;top:58px;right:18px;overflow:auto;box-shadow:0 6px 11px rgba(27,29,31,.05),0 10px 15px rgba(27,29,31,.05),0 0 1px rgba(27,29,31,.25)}.headerAlarmBox .emptyBox{color:#929aa6;flex-direction:column;gap:16px;font-size:16px;font-weight:400;display:flex}.headerAlarmBox.active{display:flex}.headerAlarmBox .alarmItem{border-bottom:1px solid #e8ecf1;padding-bottom:22px}.headerAlarmBox .alarmItem .title{color:#5331de;margin-bottom:8px;font-size:13px;font-weight:700}.headerAlarmBox .alarmItem .contents{color:#1e2124;font-size:14px;font-weight:500}.headerAlarmBox .alarmItem .date{color:#575f6b;margin-top:6px;font-size:13px;font-weight:400}.overlay{z-index:900;background:rgba(0,0,0,.2);width:100%;height:calc(100% - 108px);position:fixed;top:108px;left:0}.footerContents{padding-bottom:0!important}.loginIconBox{gap:12px;margin-right:8px;display:flex}.loginIconBox img{border-radius:999px;width:32px;height:32px}.pcheader_subMenu{background:#fff;border:1px solid #e3e3e3;border-radius:8px;width:18.75em;padding:20px;display:none;position:absolute;top:calc(6.25em + 20px);right:0}.pcheader_subMenu.active{display:block}.pcheader_subMenu_area+.pcheader_subMenu_area{border-top:1px solid rgba(0,0,0,.1);margin:20px 0 0;padding:20px 0 0}.pcheader_subMenu_item{opacity:.5;font-weight:500;display:block}.pcheader_subMenu_item.active{opacity:1}.pcheader_subMenu_item+.pcheader_subMenu_item{margin:1.25em 0 0}.header_link{font-weight:700}.header_subMenu_openBtn{border:1px solid #000;border-radius:24px;align-items:center;gap:7px;padding:.75em 1.13em;display:flex}.header_userName{font-weight:700}.header_cartCount{color:#fff;background:#ff5100;border-radius:100%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;line-height:1;display:flex}.header_subMenu_openBtn.active .header_subMenu_openBtn_icon{transform:rotate(180deg)}.btnLogo{width:115px}.btnLogo>img{width:100%}.btnMenuOpen{width:20px;height:20px;position:relative}.btnMenuOpen span{background:#1e1e1e;border-radius:10px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block;position:absolute}.btnMenuOpen span:first-child{top:0;left:0}.btnMenuOpen span:nth-child(2){top:calc(50% - 1px);left:0}.btnMenuOpen span:nth-child(3){bottom:1px;left:0}.btnHeaderRight{position:absolute;top:50%;right:20px;transform:translateY(-50%)}.btnHeaderRightItem{color:#1e2124;font-size:15px;font-weight:400;display:block}.btnHeaderRightItem.text{margin-right:8px}.btnHeaderLeft{position:absolute;top:50%;left:20px;transform:translateY(-50%)}.headTitle{text-align:center;justify-content:center;align-items:center;gap:4px;width:100%;height:54px;font-size:17px;font-weight:600;display:flex}.headTitle .dropdown{align-items:center;gap:4px;font-size:17px;font-weight:600;display:flex}.btnHeaderRightLink{color:#acacac;text-align:right;font-size:13px;font-weight:300;text-decoration:underline}.headerInfoBox.btnHeaderRight{justify-content:flex-end;align-items:center;gap:4px;display:flex}.mheader .btnHeaderRightItem img{width:32px;height:32px}.contentsSection{min-height:calc(var(--vh,1vh)*100)}.contentsSection.center,.contentsSection.pcCenter{flex-direction:column;justify-content:center;display:flex}.contentsSection.auto{flex-direction:column;justify-content:space-between;padding:24px 0;display:flex}.contentsSection.gBg{background-color:#f9f9f9}.contentsSection.bottomContents{flex-direction:column;justify-content:space-between;align-items:center;display:flex}.contentsSection.headerBannerContents{padding-top:60px}.contentsSection.headerBannerContents.mypage,.contentsSection.headerBannerContents.main{padding-top:84px}.contentsSection.headerBannerContents.headerBanner{padding-top:108px}.contentsSection.headerBannerContents.mobileNonHeader{padding-top:60px!important}.contentsSection.auto .input_contents{margin:0}.buttonBox{color:#fff;text-align:center;cursor:pointer;background:#114da0;border-radius:10px;margin:0 auto;padding:10px;font-weight:700}.buttonBox.sm{width:200px;font-size:14px}.btn_box{flex-direction:column;justify-content:space-between;gap:8px;display:flex}.btn_box.full{width:100%}.pageBtn_box{z-index:20;background:#fff;width:100%;padding:20px;position:-webkit-sticky;position:sticky;bottom:0;left:0}.pageBtn_box.fixed{padding:12px 16px}.pageBtn_box.indexUp{z-index:9001}.btn_box.col2{width:100%}.btn_box.col2,.pageBtn_box.col2,.btn_subBox.col2{flex-direction:unset;justify-content:space-between;gap:10px;display:flex}.btn_box.horizon{flex-direction:unset;justify-content:flex-end;gap:10px;display:flex}.pageBtn_box.col2_re,.btn_subBox.col2_re{flex-direction:row-reverse;justify-content:space-between;gap:10px;display:flex}.chk_item+.btn_subBox,.btnTextType+.btn_subBox{margin:20px 0 0}.pageBtn_box.row2 .pageBtn+.pageBtn{margin:10px 0 0}.btn_box.col2 .pageBtn,.pageBtn_box.col2 .pageBtn,.pageBtn_box.col2_re .pageBtn{width:calc(50% - 5px)}.pageBtn{background:var(--btnBg_0);border:1px solid var(--btnBg_0);width:100%;height:54px;color:var(--btnTextColor);cursor:pointer;border-radius:6px;font-size:16px;font-weight:600;display:block}.pageBtn.lineGrayBtn{color:#1e2124;background:#fff;border:1px solid #d0d3d8;border-radius:6px;width:100%;height:40px;margin-top:20px;font-size:15px;font-weight:500}.pageBtn.linePrimaryBtn{color:#5331de;background:#fff;border:1px solid #5331de;border-radius:6px;width:100%;height:40px;margin-top:20px;font-size:15px;font-weight:500}.pageBtn:disabled{cursor:auto;background:var(--btnDisabledBg)!important;color:#bbc0c8!important;border-color:var(--btnDisabledLine)!important}.pageBtn.nonLine{color:#1e2124;background:#fff;border:none}.fixed .pageBtn{background:var(--mainColor);border:1px solid var(--mainColor)}.fixed .pageBtn:disabled{background:#c4c4c4!important}.pageBtn.subType{border-radius:4px}.pageBtn.line{color:#121212;background:#fff;border-color:#121212;height:54px}.pageBtn.line.gray{border-color:#d0d3d8}.pageBtn.line:disabled{border-color:var(--btnDisabledBg)!important;color:var(--btnDisabledBg)!important;background:#fff!important}.pageBtn.subType+.pageBtn.subType{margin:12px 0 0}.pageBtn.inputInBtn{margin-top:40px}.pageBtn.topMargin{margin-top:24px}.pageBtn.nonBtn{background:0 0;border-color:transparent;height:44px;text-decoration:underline}.pageBtn.snsBtn{border:0;border-radius:10px;padding:0 50px}.pageBtn.col2{width:calc(50% - 2px)}a.pageBtn{text-align:center;justify-content:center;align-items:center;display:flex}.pageBtn.fit{padding:0 16px;width:-moz-fit-content!important;width:fit-content!important}.pageBtn.small{width:30%!important}.pageBtn.large{width:70%!important}.pageBtn.oColor{background-color:#ff5100;border-color:#ff5100}.pageBtn.oColor.line{color:#ff5100;background-color:#fff;border-color:#ff5100}.bottomBox{background:var(--mainColor);justify-content:space-between;margin:16px 16px 0;padding:12px;display:flex}.bottomBox .contents{color:#fff;font-size:14px;font-weight:500}.bottomBox .btnContents{color:var(--mainActiveColor);gap:4px;font-size:14px;font-weight:500;display:flex}.btnTextType{color:#838383;text-align:center;margin:0 0 10px;font-size:13px;font-weight:700}.loginSubLinkBox{justify-content:space-between;align-items:center;margin:20px 0 0;display:flex}.loginSubLink{cursor:pointer;gap:4px;display:flex}.loginSubLinkBox .loginSubText{color:#494949;font-size:14px;font-weight:500}.welcome_snsBox{flex-direction:column;gap:24px;display:flex}.welcome_sns{text-align:center;position:relative}.welcome_sns_text{color:#2c2c2c;text-align:center;z-index:1;padding:0 20px;font-size:14px;font-weight:500;display:inline-block;position:relative}.welcome_snsBtnBox{justify-content:center;align-items:center;gap:24px;display:flex}.snsBtn{position:relative}.snsBtn img{width:54px;height:54px}.snsBtn .pop{white-space:nowrap;color:#fff;z-index:999;background:#121212;border:1px solid #121212;padding:4px 8px;font-size:12px;font-weight:500;display:none;position:absolute;top:-22px;left:-10px}.snsBtn .pop.active{display:block}.snsBtn .pop:before{content:"";z-index:0;transform-origin:bottom;border:7px solid transparent;border-top:0 solid #121212;border-bottom:8px solid #121212;width:0;display:block;position:absolute;bottom:0;left:40%;transform:rotate(180deg)}.footer{background:#f7f8f9;margin-top:80px}.footer .container{max-width:1200px;margin:0 auto;padding:40px 0}.footer .container .logoBox{justify-content:space-between;display:flex}.footer .container .logoBox .snsBox{align-items:center;gap:8px;display:flex}.footer .container .logoBox .snsBox img{cursor:pointer}.footerTextBox{flex-direction:column;gap:20px;margin:40px 0;display:flex}.footerText{color:#35393f;text-align:left;font-size:17px;font-weight:400;line-height:150%}.footerText.reserved{color:#575f6b;font-size:15px;font-weight:400}.footerText span,.footerText a{margin-right:4px;font-weight:700}.footer .container .termsBox{border-top:1px solid #e8ecf1;align-items:center;gap:24px;margin:0;padding:16px 0;display:flex}.footer .container .termsBox .termsItem{color:#35393f;cursor:pointer;font-size:17px;font-weight:400}.footer .container .termsBox .termsItem.bold{font-weight:700}.footer .container .termsBox .termsItem:hover{color:#5331de;font-weight:700}.footerMenu{z-index:999;background:#fff;justify-content:space-between;align-items:center;gap:16px;width:100%;height:56px;padding:0 28px;display:flex;position:fixed;bottom:0;left:0}.footerMenuItem{color:#929aa6;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:calc(25% - 11.25px);font-size:10px;font-weight:500;display:flex}.footerMenuItem.active{color:#22262b}.footerMenu_iconBox{position:relative}.footerMenu_iconBox .countItem{color:#fff;text-align:center;background:#fb4d44;border-radius:9px;min-width:18px;padding:1px 5px 3px;font-size:11px;font-weight:700;position:absolute;top:-3px;left:10px}.input_section{width:100%;padding:0 20px 50px}.inputItemBox{margin:28px 0 0;position:relative}.inputItemBox.notName{margin:0}.inputItemBox:first-child{margin-top:0}.inputItemBox.marginUp{margin:30px 0 0}.inputItemBox.marginDown{margin:15px 0 0}.inputNameBox{align-items:baseline;gap:4px;display:flex}.inputNameBox .required{color:var(--mainActiveColor);font-weight:600}.inputName{color:#35393f;text-align:left;margin:0 0 8px;font-size:14px;font-weight:400}.inputName>span{font-weight:400}.inputItem{color:#1e2124;background:#fff;border:1px solid #d0d3d8;border-radius:6px;width:100%;padding:12px 16px;font-size:16px;font-weight:400}.inputItem:focus{border:2px solid var(--mainActiveColor)}.inputItem:disabled{color:#929aa6}.err .inputItem{border:2px solid #fa4d3f;animation:.3s err}.selItem .inputItem{color:#1e1e1e;background:url(/assets/images/basic/sel_icon.svg) right 0 center no-repeat;background-color:var(--mainTextColor);padding-right:40px}.selItem .inputItem:disabled{color:#838383;background-color:rgba(0,0,0,.1)}.inputSet.pwBox .inputItem{padding-right:50px}.btn_delete{position:absolute;top:50%;right:8px;transform:translateY(-50%)}.inputComBox .btn_delete{right:140px}.btn_delete.left{right:33px}.btn_pwCh{position:absolute;top:50%;right:8px;transform:translateY(-50%)}.inputComBox{gap:10px;display:flex}.btn_inputSubBtn{color:#1e2124;background:#fff;border:1px solid #d0d3d8;border-radius:6px;min-width:119px;height:48px;padding:0 16px;font-size:16px;font-weight:600}.btn_inputSubBtn.primary{background:var(--mainActiveColor);color:#fff;border:var(--mainActiveColor)}.btn_inputSubBtn:disabled{color:#d0d3d8;border-color:#e8ecf1}.cetifiedTimer{color:var(--mainActiveColor);font-size:13px;font-weight:500;position:absolute;top:50%;right:0;transform:translateY(-50%)}.cetifiedInput .inputItem{padding-right:122px}.errMsg{color:#f04c41;text-align:left;gap:4px;margin:4px 0 0;font-size:12px;font-weight:500;display:flex}.errMsg.form{margin-top:28px}.inputMsgBox .errMsg{margin:0}.inputMsgBox{justify-content:space-between;gap:10px;margin:8px 0 0;display:flex}.inputMsgBox.contentEnd{justify-content:flex-end}.btn_inputSubItem{color:#000;text-align:right;font-size:12px;font-weight:500;text-decoration:underline}.inputCaption{color:var(--mainActiveColor);gap:4px;margin:8px 0 0;font-size:13px;font-weight:500;display:flex}.inputSet{position:relative}.notReadOnlyColor .inputItem{color:#1e1e1e;background:#fff}.modifyBtn{color:#5331de;text-align:center;border:1px solid #5331de;border-radius:6px;width:100%;height:40px;margin-top:12px;font-size:15px;font-weight:500}.chkInputBox{color:#575f6b;margin-top:15px;font-size:15px;font-weight:400;display:flex}.certificationInputBox{gap:12px;display:flex}.certificationInputBox .certificationInput{width:70%}.certificationInputBox .inputItemBox{width:30%}.Input_chk_box{color:#aaa;flex-direction:column;gap:4px;margin:8px 0 0;font-size:13px;font-weight:400;display:flex}.Input_chk_box .Input_chk_item{align-items:center;gap:4px;display:flex}.Input_chk_box .Input_chk_item.valid{color:var(--mainActiveColor)}.Input_chk_box .Input_chk_item.err{color:#e61414}.Input_chk_box .Input_chk_item img{width:16px;height:16px}.inputUnitComBox .inputItem{padding-right:85px}.inputUnit{color:#5d5d5d;font-size:15px;font-weight:700;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.textCount{color:#999;font-size:14px;font-weight:400;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.textCount span{color:var(--mainColor)}.textCount span.err{color:#e61414}.inputBox.selectIn .inputItem{padding-left:115px}.inputBox.selectIn .inputItem+.inputItemBox{width:90px;margin:0;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.inputItemBox.active .inputBox.selectIn .inputItem+.inputItemBox{transform:translateY(calc(7px - 50%))}.inputBox.selectInItem .inputItem{color:#000;background-color:#6e6e77;border-color:#6e6e77;border-radius:5px;font-size:11px;display:block;padding:2px 6px!important}.inputBox.selectInItem .selItem .inputItem{background-position:right 5px center;background-size:20px}.inputBox.selectInItem .selItem .inputItem::placeholder{color:#fff}.inputBox.disabled .inputItem{background:#e8ecf1;border:none}.input_contents{margin-top:48px}.input_contents.large{justify-content:center;max-width:800px;display:grid}.input_contents_titleBox{margin:0 0 4em}.input_contents_titleBox>img{width:60px;margin:0 auto 10px}.input_contents_title{color:#333;text-align:center;font-size:1.5em;font-weight:700}.input_contents_subTitle{color:#3b3b40;text-align:center;margin:3px 0 0;font-size:.875em}.input_contents_subTitle span{color:#114da0;text-underline-offset:4px;-webkit-text-decoration:underline rgba(17,77,160,.4);text-decoration:underline rgba(17,77,160,.4);text-decoration-thickness:2px}.input_contents_subTitle .input_contents_subTitleCaption{color:rgba(59,59,64,.5);margin:6px 0 0;font-size:11px;display:block}.input_contents .hr{background:#e8ecf1;width:100%;height:1px;margin:32px 0 16px}.inputSet.selectInput{justify-content:space-between;gap:10px;display:flex}.inputSet.selectInput>.selectInputItem{width:70%}.inputSet.selectInput .customSelectInputBox{width:30%}.inputSet.registrationNumberBox{justify-content:space-between;gap:10px;display:flex}.inputSet.registrationNumberBox>.inputItem{width:calc(50% - 14px)}.inputSet.registrationNumberBox>span{text-align:center;justify-content:center;align-items:center;width:8px;display:flex}.registrationNumberBackBox{align-items:center;gap:10px;width:calc(50% - 14px);display:flex}.registrationNumberBackBox .inputItem{width:40px;min-width:40px}.registrationNumberBack_text{letter-spacing:4px;width:calc(100% - 50px);font-size:14px}.inputTapItemBox{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.inputTapItem{color:#1e2124;border:1px solid #d0d3d8;border-radius:8px;justify-content:center;align-items:center;width:calc(25% - 12px);height:64px;padding:18px 24px;font-size:19px;font-weight:600;display:flex}.inputTapItem.active{border:1px solid #22262b}.inputTapItem:disabled{cursor:auto}.inputTapItem.active{color:#0d0d0e;border-color:#000;font-weight:700}.inputTapItem img{width:auto;height:100%}.inputBadgeTapItemBox{flex-wrap:wrap;gap:8px;display:flex}.inputBadgeTapItem{background:#fff;border:1px solid #d0d3d8;border-radius:50px;padding:6px 12px}.inputBadgeTapItem:hover{background:#f7f8f9}.inputBadgeTapItem.active{color:var(--mainActiveColor);border:1px solid var(--mainActiveColor);font-weight:600}.profileSettingBox{cursor:pointer;justify-content:center;align-items:center;display:flex}.profileSettingBox .profile{justify-content:center;align-items:center;width:88px;height:88px;transition:transform .2s;display:flex;position:relative;overflow:hidden}.profileSettingBox .profileImage{object-fit:cover;width:100%;height:100%}.profileSettingBox .editIcon{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:2px;right:2px}.profileSettingBox input[type=file]{display:none}.radioBox{margin:28px 0 0;position:relative}.radioItemBox{gap:32px;margin-top:8px;display:flex}.radio_item label{cursor:pointer;align-items:center;gap:10px;display:flex}.radio_item label .radio_item_text{color:#35393f;font-size:17px;font-weight:400}.paymentInfoBox{color:#1e2124;background:#f5f7fa;border-radius:8px;align-items:center;gap:8px;margin-top:24px;padding:16px 20px;font-size:17px;font-weight:400;display:flex}.paymentInfoTextBox{color:#575f6b;margin-top:16px;font-size:15px;font-weight:400}.paymentInfoTextBox .textItem{display:flex}.paymentInfoTextBox .textItem:last-child{margin-top:4px}.chk_item{justify-content:space-between;align-items:center;gap:15px;padding:2px 0;display:flex}.chk_item:not(.allChkItem)+.chk_item{margin:16px 0 0}.chk_item.allChkItem{border-bottom:1px solid #e8ecf1;padding:0 0 16px}.chk_item.allChkItem .chk_item_text{font-size:15px;font-weight:600}.chk_item.flex{justify-content:flex-start;gap:2px}.chk_item.flex label{width:-moz-fit-content;width:fit-content}.chk_item label{width:calc(100% - 34px);padding:0 0 0 30px;font-weight:700;position:relative}.chk_item.notText label{padding:10px}.chk_item.notText{padding:0}.chk_item label:before{content:"";background:url(/assets/images/icon/check.svg) 50%/100% no-repeat;width:20px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.chk_item input:checked+label:before{background-image:url(/assets/images/icon/checkOn.svg)}.chk_item.minChk label:before{background-image:url(/assets/images/icon/check.svg)}.chk_item.minChk input:checked+label:before{background-image:url(/assets/images/icon/checkOn.svg)}.chk_item_text{color:#35393f;text-align:left;align-items:center;gap:2px;font-size:15px;font-weight:400;display:flex}.chkBoxBtn{color:#929aa6;text-underline-offset:3px;text-align:right;white-space:nowrap;cursor:pointer;font-size:13px;font-weight:400;text-decoration:underline}.inputItemBox+.chk_item{margin-top:16px}.chk_item.lineChk label:before{background:url(/assets/images/icon/lineChk.svg) 50% no-repeat}.chk_item.lineChk input:checked+label:before{background-image:url(/assets/images/icon/lineChkOn.svg)}.termsBox{margin:32px 0 8px}.termsBox .termsTitle{color:#1e2124;font-size:17px;font-weight:600}.termsBox .termsSummary{color:#575f6b;margin-top:2px;font-size:14px;font-weight:400}.Input_chk_section{margin:16px 0 0}.react-datepicker-wrapper{width:100%}.datePicerInputBox .inputItem{color:#1e1e1e;background:#fff url(/assets/images/basic/cal.svg) right 10px center/24px no-repeat;width:100%}.textareaItem{resize:none;color:#000;border:1px solid #e1e1e2;border-radius:5px;width:100%;min-height:180px;padding:12px 15px;font-size:14px;display:block}.textareaCount{text-align:right;color:#acacac;width:100%;padding:8px 0 0;font-size:13px}.textAreaBtnComBox{position:relative}.textAreaBtnComBox .textareaItem{color:#1e1e1e;background:#fff;padding-right:90px}.textAreaBtnComBox .btn_inputSubBtn{top:14px;transform:translateY(0)}.inputMultipleFileBox{width:100vw;padding:0 8px 5px;overflow-x:auto;overflow-y:hidden;transform:translate(-20px)}.inputFileList{gap:12px;padding:0 8px;display:flex}.large .inputFileBox .inputFileList label{cursor:pointer;gap:4px;width:100px;min-width:100px;height:100px}.inputFileBox .inputFileList label{background:#f2f2f2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:92px;min-width:92px;height:92px;padding:0;display:flex;position:relative}.inputFileBox .inputFileList label .img{border-radius:16px;width:100%;height:100%}.inputFileBox .inputFileList label .icon{position:absolute;bottom:-5px;right:-5px}.inputFileBox .inputFileList label span{color:#9d9fa2;text-align:center;font-size:12px;font-weight:500;line-height:1}.fileItemMultipleItem{background:#fff;border:1px solid #ddd;border-radius:8px;flex-direction:column;justify-content:space-between;width:92px;height:92px;padding:8px;display:flex;position:relative}.fileItemMultipleItem .file{width:36px;height:36px}.fileItemMultipleItem .infoBox .name{color:#111;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:400;overflow:hidden}.fileItemMultipleItem .infoBox .size{color:#bbb;font-size:10px;font-weight:400}.fileItemMultipleItemDel{z-index:2;position:absolute;top:-2px;right:-10px}.fileItemMultipleItem_cover{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.fileItemMultipleItem.draggable{cursor:grab}.fileItemMultipleItemBox{gap:12px;display:flex}.react-datepicker__tab-loop{width:100%}.react-datepicker__tab-loop__start{display:none}.react-datepicker-popper{z-index:10;z-index:25;width:100%;max-width:380px;padding:0}.react-datepicker{background:#fff;border:1px solid #000;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:20px;width:100%;margin:0 0 20px;padding:0;font-size:14px;display:flex;gap:0!important;display:flex!important}.react-datepicker__day-names{margin:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{display:none}.react-datepicker-popper[data-placement^=top]{padding-bottom:6px}.react-datepicker-popper[data-placement^=bottom]{padding-top:6px}.react-datepicker__month-container{width:100%}.react-datepicker__header{background:0 0;border:0!important;padding:0!important}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin:0;padding:10px;font-size:14px;font-weight:700}.react-datepicker__day-names{justify-content:space-between;align-items:center;font-size:11px;display:flex}.react-datepicker__month{margin:0}.react-datepicker__day-names,.react-datepicker__week{justify-content:space-between;align-items:center;padding:0 5px;display:flex}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#fff;justify-content:center;align-items:center;min-width:14.28%;height:42px;font-weight:500;line-height:1;display:flex;margin:3px 0!important}.react-datepicker__day-name{color:#888892;height:36px}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#464650}.react-datepicker__day--disabled:before,.react-datepicker__month-text--disabled:before,.react-datepicker__quarter-text--disabled:before,.react-datepicker__year-text--disabled:before{display:none}.react-datepicker__navigation{background-size:100%;width:18px;height:18px;top:20px}.react-datepicker__navigation:disabled{opacity:.4}.react-datepicker__navigation--previous{left:14px;background:url(/assets/images/basic/cal_left.svg) 50% no-repeat!important}.react-datepicker__navigation--next{right:14px;background:url(/assets/images/basic/cal_right.svg) 50% no-repeat!important}.react-datepicker__navigation-icon{display:none}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background:0 0;position:relative}.react-datepicker__day.react-datepicker__day--in-range,.react-datepicker__day.react-datepicker__day--in-selecting-range:hover{background:rgba(30,30,30,.05)}.react-datepicker__day--disabled,.react-datepicker__day--outside-month{opacity:.3;background:0 0!important}.react-datepicker__day span{z-index:1;position:relative}.react-datepicker__day--in-selecting-range:not(:-webkit-any(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range)),.react-datepicker__month-text--in-selecting-range:not(:-webkit-any(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range)),.react-datepicker__quarter-text--in-selecting-range:not(:-webkit-any(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range)),.react-datepicker__year-text--in-selecting-range:not(:-webkit-any(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range)){background:0 0}.react-datepicker__day--in-selecting-range:not(:-moz-any(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range)),.react-datepicker__month-text--in-selecting-range:not(:-moz-any(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range)),.react-datepicker__quarter-text--in-selecting-range:not(:-moz-any(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range)),.react-datepicker__year-text--in-selecting-range:not(:-moz-any(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range)){background:0 0}.react-datepicker__day--in-selecting-range:not(:is(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range)),.react-datepicker__month-text--in-selecting-range:not(:is(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range)),.react-datepicker__quarter-text--in-selecting-range:not(:is(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range)),.react-datepicker__year-text--in-selecting-range:not(:is(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range)){background:0 0}.react-datepicker__day--in-selecting-range:not(:-webkit-any(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range)):not(:-webkit-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)){background:rgba(30,30,30,.05);border-radius:0}.react-datepicker__day--in-selecting-range:not(:-moz-any(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range)):not(:-moz-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)){background:rgba(30,30,30,.05);border-radius:0}.react-datepicker__day--in-selecting-range:not(:is(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range)):not(:is(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)){background:rgba(30,30,30,.05);border-radius:0}.react-datepicker__day--in-range:not(:-webkit-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)),.react-datepicker__day--in-selecting-range:not(:-webkit-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)){background:rgba(30,30,30,.05);border-radius:0}.react-datepicker__day--in-range:not(:-moz-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)),.react-datepicker__day--in-selecting-range:not(:-moz-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)){background:rgba(30,30,30,.05);border-radius:0}.react-datepicker__day--in-range:not(:is(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)),.react-datepicker__day--in-selecting-range:not(:is(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)){background:rgba(30,30,30,.05);border-radius:0}.react-datepicker__day--selected:not(:-webkit-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)),.react-datepicker__day--range-end:not(:-webkit-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)),.react-datepicker__day--selecting-range-start:not(:-webkit-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)),.react-datepicker__day--selecting-range-end:not(:-webkit-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)){position:relative;background:0 0!important}.react-datepicker__day--selected:not(:-moz-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)),.react-datepicker__day--range-end:not(:-moz-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)),.react-datepicker__day--selecting-range-start:not(:-moz-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)),.react-datepicker__day--selecting-range-end:not(:-moz-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)){position:relative;background:0 0!important}.react-datepicker__day--selected:not(:is(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)),.react-datepicker__day--range-end:not(:is(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)),.react-datepicker__day--selecting-range-start:not(:is(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)),.react-datepicker__day--selecting-range-end:not(:is(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)){position:relative;background:0 0!important}.react-datepicker__day--selected:not(:-webkit-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)):before,.react-datepicker__day--range-end:not(:-webkit-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)):before,.react-datepicker__day--selecting-range-start:not(:-webkit-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)):before,.react-datepicker__day--selecting-range-end:not(:-webkit-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)):before{content:"";color:#fff;border:1px solid #ff5100;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff5100!important;border-radius:100%!important}.react-datepicker__day--selected:not(:-moz-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)):before,.react-datepicker__day--range-end:not(:-moz-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)):before,.react-datepicker__day--selecting-range-start:not(:-moz-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)):before,.react-datepicker__day--selecting-range-end:not(:-moz-any(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)):before{content:"";color:#fff;border:1px solid #ff5100;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff5100!important;border-radius:100%!important}.react-datepicker__day--selected:not(:is(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)):before,.react-datepicker__day--range-end:not(:is(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)):before,.react-datepicker__day--selecting-range-start:not(:is(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)):before,.react-datepicker__day--selecting-range-end:not(:is(.react-datepicker__day--disabled,.react-datepicker__day--outside-month)):before{content:"";color:#fff;border:1px solid #ff5100;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff5100!important;border-radius:100%!important}.react-datepicker__day--selected span,.react-datepicker__day--range-end span,.react-datepicker__day--selecting-range-start span,.react-datepicker__day--selecting-range-end span{color:#0b0b0c;font-weight:700}.react-datepicker__day--keyboard-selected{background:0 0!important}.react-datepicker__day--selected span,.react-datepicker__day--range-end span,.react-datepicker__day--selecting-range-start span,.react-datepicker__day--selecting-range-end span{color:#fff}.react-datepicker__triangle{display:none}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{margin:.166em 0}.react-datepicker__day,.react-datepicker__time-name{color:#333;position:relative}.dotTextBox{text-align:left;align-items:flex-start;display:flex}.dotTextBox>span{background:#000;border-radius:100%;width:3px;height:3px;margin:8px 7px 0}.badgeBox{justify-content:center;align-items:center;margin-top:24px;display:flex}.badgeBox.full{margin-top:48px}.badgeBox .badge{color:var(--mainActiveColor);background:#f4f3ff;border-radius:7px;gap:3px;width:-moz-fit-content;width:fit-content;padding:3px 16px;display:flex}.badgeBox.green .badge{color:#00b071;background:rgba(0,216,138,.1)}.badgeBox.live{margin-top:0}.badgeBox.live .badge{color:#ff3d6a;opacity:.4;background:#fff;border:1px solid #ff3d6a;gap:4px;padding:2px 6px;font-size:12px;font-weight:600;display:flex}.badgeBox.live.active .badge{opacity:1}.badgeBox.full .badge{justify-content:center;width:100%;padding:10px 16px;display:flex}.userInfoBox{background:#f7f8f9;border-radius:12px;align-items:center;gap:13px;margin-top:48px;padding:12px 20px;display:flex}.userInfoBox .userInfoContentsBox .userInfoTitle{color:#35393f;text-align:left;font-size:15px;font-weight:600}.userInfoBox .userInfoContentsBox .userInfoContents{color:#575f6b;text-align:left;font-size:13px;font-weight:400}.userInfoListBox{flex-direction:column;gap:12px;margin-top:24px;display:flex}.userInfoListBox .userInfoBox{margin:0}.emailNotFoundBox{color:#35393f;background:#f7f8f9;border-radius:12px;margin-top:24px;padding:12px 20px;font-size:15px;font-weight:600;line-height:150%}.stepBox{background:#f7f8f9;border-radius:12px;padding:20px 28px 28px}.stepBox .stepTitle{font-size:19px;font-weight:600}.stepBox .stepContentsBox{flex-direction:column;gap:8px;margin-top:10px;display:flex}.stepBox .stepContentsBox .stepContentsItem{justify-content:left;align-items:center;gap:13px;display:flex}.stepBox .stepContentsBox .stepContentsItem .stepContentsNumber{color:#5331de;align-items:center;height:26px;font-size:15px;font-weight:600;display:flex}.stepBox .stepContentsBox .stepContentsItem .stepContents{color:#35393f;font-size:15px;font-weight:400}.stepBox .stepContentsBox .stepContentsItem .stepContents span{color:#5331de;font-weight:600}.onboardingBox{flex-direction:column;align-items:center;padding:8px 32px 28px;display:flex}.onboardingBox .onboardingIcon{width:56px;height:56px;margin:32px 0 16px}.onboardingBox .infoBox{background:#fff;margin:0;padding:0}.onboardingBox .infoBox .title{color:#1e2124;text-align:center;font-size:24px;font-weight:600;line-height:150%}.onboardingBox .infoBox .summary{color:#575f6b;text-align:center;margin-top:12px;font-size:15px;font-weight:400}.onboardingBox .infoBox .summary span{color:var(--mainActiveColor)}.onboardingBox .onboardingContentsBox{background:#f5f7fa;border-radius:12px;flex-direction:column;gap:11px;width:100%;margin-top:36px;padding:24px;display:flex}.onboardingBox .onboardingContentsBox .onboardingContentsItem{align-items:center;gap:12px;display:flex}.onboardingBox .onboardingContentsBox .onboardingContentsItem .contents{color:#1e2124;font-size:17px;font-weight:500}.onboardingBox .selectListBox .selectListItem img{width:32px;height:32px}.loginBox .link,.onboardingBox .link,.reviewContentsBox .link{cursor:pointer;color:#575f6b;text-underline-offset:2px;margin-top:24px;font-size:13px;font-weight:400;-webkit-text-decoration-line:underline;text-decoration-line:underline}.selectListBox{flex-direction:column;gap:10px;width:100%;margin-top:28px;display:flex}.selectListBox.grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.selectListBox .selectListItem{cursor:pointer;background:#fff;border:1px solid #d0d3d8;border-radius:8px;justify-content:start;align-items:center;gap:12px;width:100%;padding:19px 20px;display:flex}.selectListBox.grid .selectListItem{color:#1e2124;flex-direction:column;justify-content:center;height:120px;font-size:17px;font-weight:500}.selectListBox .selectListItem.active{color:#5331de;background:#f4f3ff;border:1px solid #5331de}.selectListBox .selectListItem img{width:24px;height:24px}.closeBox{cursor:pointer;justify-content:right;margin:0 16px;display:flex}.stepBarBox{gap:2px;width:100%;padding:8px 8px 12px;display:flex}.stepBarBox span{background:#e8ecf1;border-radius:70px;height:4px}.stepBarBox span.active{background:var(--mainActiveColor)}.headerMenuGroup{position:relative}.headerMenuGroup:after{content:"";pointer-events:all;width:100%;height:10px;position:absolute;top:100%;left:0}.headerMenuGroup:hover .menuPopup{opacity:1;pointer-events:all;z-index:9002;transform:translateY(0)}.menuPopup{opacity:0;pointer-events:none;z-index:10;background:#fff;border:1px solid #f5f7fa;border-radius:12px;width:420px;padding:6px;transition:all .25s;display:flex;position:absolute;top:calc(100% + 10px);left:10px;transform:translateY(10px)}.menuPopup .mainCategoryBox{padding:0 6px}.mainCategoryBox .mainCategoryItem{cursor:pointer;align-items:center;gap:12px;width:170px;height:48px;padding:0 16px;display:flex;position:relative}.mainCategoryBox .mainCategoryItem.active{background:#f7f8f9;border-radius:6px;padding:0 8px 0 16px}.mainCategoryBox .mainCategoryItem img{width:24px;height:24px}.mainCategoryBox .mainCategoryItem .menu{color:#1e2124;white-space:nowrap;text-overflow:ellipsis;width:calc(100% - 55px);font-size:15px;font-weight:500;overflow:hidden}.mainCategoryBox .mainCategoryItem:before{content:"";opacity:0;background-image:url(/assets/images/icon/communityArrow.svg);background-repeat:no-repeat;background-size:contain;width:20px;height:20px;transition:opacity .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.mainCategoryBox .mainCategoryItem.active:before{opacity:1}.subCategoryBox{border-left:1px solid #e8ecf1;width:218px;padding:0 6px}.subCategoryBox .subCategoryItem{cursor:pointer;color:#1e2124;align-items:center;gap:12px;height:44px;padding:0 16px;font-size:15px;font-weight:400;display:flex}.subCategoryBox .subCategoryItem:hover{background:#f7f8f9;border-radius:8px}.customSelectInputBox{position:relative}.customSelectInputBox.active:after{transform:translateY(-50%)rotate(180deg)}.customSelectInputBox:after{content:"";background:url(/assets/images/icon/select.svg) 50% no-repeat;width:20px;height:20px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.customSelectInputBox .inputItem{color:var(--mainTextColor);padding-right:34px}.customSelectInputBox .inputItem.placeholder{color:#929aa6}.customSelectInputBox .inputItem:disabled{background:#e8ecf1;border:none}.customSelectInputBox .customSelectInputDate{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.customSelect_optionBox{background:#fff;border-radius:6px;width:calc(100% - 2px);max-height:234px;margin-top:5px;padding:5px;display:none;overflow-x:hidden;overflow-y:auto;box-shadow:0 6px 11px rgba(27,29,31,.05),0 10px 15px rgba(27,29,31,.05),0 0 1px rgba(27,29,31,.25)}.customSelect_optionBox.active{z-index:9999;display:block;position:absolute}.customSelect_option{color:#1e2124;text-align:left;width:100%;padding:12px 8px;font-size:16px;font-weight:400;display:block}.customSelect_option:hover{background:#f7f8f9}.customSelect_optionBoxWrapper .customSelect_optionBox.active{z-index:10001;display:block;position:absolute}.toggleSwitch{cursor:pointer;background:#e8ecf1;border-radius:100px;width:42px;height:24px;transition:background .3s;position:relative}.switchBtn{fill:#fff;filter:drop-shadow(0 4px 6px rgba(47,47,98,.1))drop-shadow(0 2px 4px rgba(47,47,98,.06));background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:2px;left:2px}.toggleSwitch.active{background:var(--mainActiveColor)}.toggleSwitch.active .switchBtn{left:20px}.mainBannerBox{justify-content:center;width:100%;margin-top:24px;display:flex}.mainBannerBox .swiper{width:100%}.mainBannerBox .swiper-slide{aspect-ratio:3;width:min(1200px,100%);height:auto!important}.mainBannerBox .imageBox{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;width:100%;height:100%;padding:90px 70px;position:relative;overflow:hidden}.mainBannerBox .titleBox .title{color:#d8d8d8;white-space:pre-line;font-size:40px;font-weight:700;line-height:150%}.mainBannerBox .titleBox .summary{color:#d8d8d8;white-space:pre-line;margin-top:12px;font-size:19px;font-weight:400;line-height:150%}.mainBannerBox .pagination{color:#fff;background:rgba(0,0,0,.5);border-radius:60px;padding:8px 16px;font-size:14px;font-weight:500;position:absolute;bottom:30px;left:26px}.mainBannerBox .playBar{background:rgba(0,0,0,.5);border-radius:60px;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:30px;right:26px}.mainBannerBox .playBar img{cursor:pointer}.subBannerBox{width:100%;height:300px;margin-top:64px}.subBannerBox .swiper{max-width:1200px}.subBannerBox .imageBox{border-radius:12px;width:100%;height:100%;padding:90px 70px;position:relative;overflow:hidden}.subBannerBox .titleBox .title{color:#d8d8d8;white-space:pre-line;font-size:40px;font-weight:700;line-height:150%}.subBannerBox .titleBox .summary{color:#d8d8d8;white-space:pre-line;margin-top:12px;font-size:19px;font-weight:400;line-height:150%}.subBannerBox .pagination{color:#fff;background:rgba(0,0,0,.5);border-radius:60px;padding:8px 16px;font-size:14px;font-weight:500;position:absolute;bottom:30px;left:26px}.subBannerBox .playBar{background:rgba(0,0,0,.5);border-radius:60px;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:30px;right:26px}.subBannerBox .playBar img{cursor:pointer}.fullBannerBox{width:100%;height:200px}.fullBannerBox .fullBanner{cursor:pointer;width:100%;height:100%}.quickMenuBox{justify-content:center;align-items:center;gap:24px;padding-top:48px;display:flex}.quickMenuBox .quickMenuItem{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.quickMenuBox .quickMenuItem .imageBox{background:#f5f7fa;border-radius:20px;padding:16px}.quickMenuBox .quickMenuItem .imageBox img{width:48px;height:48px}.quickMenuBox .quickMenuItem .title{color:#35393f;font-size:16px;font-weight:500}.quickMenuBox .quickMenuItem:hover .title{font-weight:600}.gradientBox{background:linear-gradient(97deg,#22262b 31.25%,#221849 94.41%);margin:48px 0 16px}.slideCardBox{width:100%;max-width:1200px;margin:0 auto;padding:48px 0 64px}.slideCardBox.mainSection{padding:64px 0 0}.slideCardBox.section{padding-top:24px}.slideCardBox.gradient .titleBox .left,.slideCardBox.gradient .titleBox .right .center{color:#fff}.slideCardBox.gradient .titleBox .right img.active:hover{cursor:pointer;background:rgba(247,248,249,.1)}.slideCardBox .titleBox{justify-content:space-between;display:flex}.slideCardBox .titleBox .left{color:#1e2124;align-items:center;gap:4px;font-size:22px;font-weight:700;display:flex}.slideCardBox .titleBox .center{color:#1e2124;font-size:15px;font-weight:400}.slideCardBox .titleBox .right{align-items:center;gap:8px;display:flex}.slideCardBox .titleBox .right .leftBtn,.slideCardBox .titleBox .right .rightBtn{padding:4px}.slideCardBox .titleBox .right img{opacity:.3;border-radius:4px}.slideCardBox .titleBox .right img.active{opacity:1}.slideCardBox .titleBox .right img.active:hover{cursor:pointer;background:#f7f8f9}.slideCardBox .creatorCardItem{aspect-ratio:3/4;cursor:pointer;border-radius:12px;align-items:flex-end;width:100%;padding:24px 22px;transition:transform .4s,box-shadow .4s;display:flex}.slideCardBox .creatorCardItem:hover{transform:translateY(-8px)}.slideCardBox .classBox{flex-wrap:wrap;gap:40px 24px;margin-top:24px;display:flex}.creatorCardItem:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(transparent 0%,#623aff 100%);border-radius:12px;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.creatorCardItem:hover:before{opacity:1}.slideCardBox .creatorCardItem .creatorTitleBox{z-index:1;position:relative}.slideCardBox .creatorCardItem .creatorTitleBox .title{color:#fff;font-size:17px;font-weight:600}.slideCardBox .creatorCardItem .creatorTitleBox .contents{color:#fff;font-size:14px;font-weight:400}.exportBox .mainCreatorBox{background:linear-gradient(97deg,#22262b 31.25%,#221849 94.41%);margin-top:40px;padding:48px 0}.exportBox .mainCreatorBox .container{max-width:1200px;margin:0 auto}.exportBox .mainCreatorBox .container .title{color:#fff;font-size:22px;font-weight:700}.exportBox .mainCreatorBox .container .contentsBox{gap:25px;margin-top:24px;display:flex}.exportBox .mainCreatorBox .container .contentsBox .creatorCardItem{aspect-ratio:3/4;cursor:pointer;border-radius:12px;align-items:flex-end;width:100%;padding:24px 22px;transition:transform .4s,box-shadow .4s;display:flex}.exportBox .mainCreatorBox .container .contentsBox .creatorCardItem:hover{transform:translateY(-8px)}.exportBox .mainCreatorBox .container .contentsBox .creatorCardItem .title{font-size:17px;font-weight:600}.exportBox .mainCreatorBox .container .contentsBox .creatorCardItem .contents{color:#f5f7fa;font-size:14px;font-weight:400}.exportBox .creatorBox{max-width:1200px;margin:0 auto;padding-top:64px}.exportBox .creatorBox .title{color:#1e2124;font-size:22px;font-weight:700}.exportBox .creatorBox .listBox{flex-wrap:wrap;gap:20px;margin-top:24px;display:flex}.exportBox .creatorBox .listBox .listItem{border:1px solid #22262b;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:stretch;gap:20px;width:calc(33.3% - 20px);padding:28px 24px;display:flex}.exportBox .creatorBox .listBox .listItem .top .profileBox{align-items:center;gap:16px;display:flex}.exportBox .creatorBox .listBox .listItem .top .profileBox .profile{border-radius:100px;width:80px;height:80px}.exportBox .creatorBox .listBox .listItem .top .profileBox .nameBox .nickname{color:#1e2124;font-size:17px;font-weight:700}.exportBox .creatorBox .listBox .listItem .top .profileBox .nameBox .major{color:#1e2124;margin-top:4px;font-size:15px;font-weight:400}.exportBox .creatorBox .listBox .listItem .top .contents{width:100%;margin-top:20px;font-size:15px;font-weight:400;display:block}.exportBox .creatorBox .listBox .listItem .detailBtn{color:#1e2124;border:1px solid #d0d3d8;border-radius:6px;height:40px;padding:0 12px;font-size:15px;font-weight:500}.exportDetailBox .exportDetailHeader{background:linear-gradient(97deg,#22262b 31.25%,#221849 94.41%);align-items:center;gap:24px;width:100%;height:638px;padding:72px 120px;display:flex}.exportDetailBox .exportDetailHeader .exportDetailHeaderItem{width:50%}.exportDetailBox .exportDetailHeader .exportDetailHeaderItem .profile{border-radius:20px;width:100%;height:100%;max-height:494px}.exportDetailBox .exportDetailHeader .exportDetailHeaderItem.right .creatorSummary{color:#fff;font-size:20px;font-weight:600}.exportDetailBox .exportDetailHeader .exportDetailHeaderItem.right .creatorName{color:#fff;font-size:32px;font-weight:700}.exportDetailBox .exportDetailHeader .exportDetailHeaderItem.right .creatorMajor{color:#fff;margin-top:8px;font-size:16px;font-weight:600}.exportDetailBox .exportDetailHeader .exportDetailHeaderItem.right .creatorContents{color:#fff;margin-top:24px;font-size:15px;font-weight:400}.exportDetailBox .exportDetailHeader .exportDetailHeaderItem.right .pageBtn{margin-top:32px}.exportDetailBox .exportDetailContents{flex-direction:column;gap:64px;height:100%;padding-top:64px;display:flex}.exportDetailBox .exportDetailContents .youtubeBox{max-width:1200px;margin:0 auto}.exportDetailBox .exportDetailContents .youtubeName{color:#1e2124;margin-bottom:24px;font-size:22px;font-weight:700}.exportDetailBox .exportDetailContents .youtubeItemBox{gap:24px;display:flex}.exportDetailBox .exportDetailContents .youtubeItemBox.col3 .youtubeItem .image{height:252px}.exportDetailBox .exportDetailContents .youtubeItemBox .youtubeItem{cursor:pointer;width:25%}.exportDetailBox .exportDetailContents .youtubeItemBox .youtubeItem .image{border-radius:12px;width:100%;height:186px;position:relative}.youtubeItem{cursor:pointer}.youtubeItem .title{color:#1e2124;margin-top:8px;font-size:17px;font-weight:600}.slideCardBox .youtubeItem .image{height:252px}.slideCardBox .gridBox{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.slideCardBox .gridBox.one{grid-template-columns:repeat(1,1fr)}.slideCardBox .gridBox .classCardItem{align-items:flex-start;gap:24px;width:100%;display:flex}.slideCardBox .gridBox .classCardItem .imageBox{width:180px;height:120px}.reviewListBox{max-width:1200px;margin:0 auto;padding-top:64px}.reviewListBox .titleBox{justify-content:space-between;display:flex}.reviewListBox .titleBox .left{color:#1e2124;align-items:center;gap:4px;font-size:22px;font-weight:700;display:flex}.reviewListBox .contentsBox{margin-top:24px}.reviewCardItem{background:#f7f8f9;border-radius:12px;padding:24px}.reviewCardItem .reviewTitleBox{align-items:center;gap:12px;margin-bottom:16px;display:flex}.reviewCardItem .reviewTitleBox .profile{border-radius:99px;width:36px;height:36px}.reviewCardItem .reviewTitleBox .reviewInfoBox .title{color:#1e2124;font-size:13px;font-weight:400}.reviewCardItem .reviewTitleBox .reviewInfoBox .starBox{color:#1e2124;align-items:center;gap:6px;margin-top:2px;font-size:15px;font-weight:500;display:flex}.reviewCardItem .reviewTitleBox .reviewInfoBox .starBox .star{align-items:center;gap:2px;display:flex}.reviewCardItem .reviewTitleBox .reviewInfoBox .starBox .star img{width:12px;height:12px}.reviewCardItem .contents{color:#35393f;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:15px;font-weight:400;display:-webkit-box;overflow:hidden}.reviewBannerBox .container{background:linear-gradient(90deg,#e4f2ff 0%,#eeebff 100%);border-radius:12px;flex-direction:column;justify-content:center;gap:6px;width:100%;height:120px;margin-bottom:40px;padding:0 40px;display:flex;position:relative}.reviewBannerBox .container .title{color:#1e2124;font-size:22px;font-weight:700}.reviewBannerBox .container .contents{color:#1e2124;font-size:15px;font-weight:400}.reviewBannerBox .container .bannerIcon{position:absolute}.reviewBannerBox .container .bannerIcon.bannerUser{bottom:0;right:77px}.reviewBannerBox .container .bannerIcon.bannerComment{top:-20px;right:142px}.myReviewListBox{flex-direction:column;gap:28px;margin-top:20px;display:flex}.myReviewListBox .myReviewItem{border-bottom:1px solid #e8ecf1;padding-bottom:28px}.myReviewListBox .myReviewItem .contentsBox{justify-content:space-between;gap:20px;width:100%;margin-top:12px;display:flex}.myReviewListBox .myReviewItem .contentsBox .left{gap:24px;display:flex}.myReviewListBox .myReviewItem .contentsBox .left .image{border-radius:12px;flex-shrink:0;width:180px;height:119px}.myReviewListBox .myReviewItem .contentsBox .left .orderInfoBox{flex-direction:column;justify-content:center;display:flex}.myReviewListBox .myReviewItem .contentsBox .left .orderInfoBox .status{border-radius:4px;width:-moz-fit-content;width:fit-content;padding:2px 4px;font-size:12px;font-weight:500}.myReviewListBox .myReviewItem .contentsBox .left .orderInfoBox .status.purple{color:#5331de;background:rgba(90,61,255,.1)}.myReviewListBox .myReviewItem .contentsBox .left .orderInfoBox .status.orange{color:#fa4d3f;background:rgba(250,77,63,.1)}.myReviewListBox .myReviewItem .contentsBox .left .orderInfoBox .title{color:#1e2124;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:5px;font-size:17px;font-weight:600;display:-webkit-box;overflow:hidden}.myReviewListBox.complete .myReviewItem .contentsBox .left .orderInfoBox .title{-webkit-line-clamp:1}.myReviewListBox .myReviewItem .contentsBox .left .orderInfoBox .creator{color:#575f6b;font-size:13px;font-weight:500}.myReviewListBox .myReviewItem .contentsBox .left .orderInfoBox .reviewInfoBox{align-items:center;gap:6px;margin-top:13px;display:flex}.myReviewListBox .myReviewItem .contentsBox .left .orderInfoBox .reviewInfoBox .reviewBox{align-items:center;gap:2px;display:flex}.myReviewListBox .myReviewItem .contentsBox .left .orderInfoBox .reviewInfoBox .reviewBox img{width:12px;height:12px}.myReviewListBox .myReviewItem .contentsBox .left .orderInfoBox .reviewInfoBox .review{color:#1e2124;font-size:15px;font-weight:500}.myReviewListBox .myReviewItem .contentsBox .left .orderInfoBox .reviewInfoBox .div{background:#e8ecf1;width:1px;height:10px}.myReviewListBox .myReviewItem .contentsBox .left .orderInfoBox .date{color:#575f6b;font-size:13px;font-weight:400}.myReviewListBox .myReviewItem .contentsBox .left .orderInfoBox .period{color:#35393f;align-items:center;gap:4px;margin-top:8px;font-size:13px;font-weight:400;display:flex}.myReviewListBox .myReviewItem .contentsBox .left .orderInfoBox .period span{font-weight:600}.myReviewListBox .myReviewItem .contentsBox .right{gap:8px;display:flex}.myReviewListBox .myReviewItem .contentsBox .right .menuBtn{width:20px;height:20px}.myReviewListBox .myReviewItem .contentsBox .right .lineBtn{color:#1e2124;border:1px solid #d0d3d8;border-radius:5px;height:28px;padding:0 12px;font-size:13px;font-weight:500}.myReviewListBox .myReviewItem .reviewText{color:#35393f;margin-top:16px;font-size:15px;font-weight:400}.myReviewListBox.complete .myReviewItem .contentsBox .left .image{width:128px;height:86px}.certificateListBox{flex-direction:column;gap:28px;display:flex}.certificateListBox .certificateItem{border-bottom:1px solid #e8ecf1;padding-bottom:28px}.certificateListBox .certificateItem .contentsBox{align-items:center;gap:24px;width:100%;margin-top:12px;display:flex;position:relative}.certificateListBox .certificateItem .contentsBox .image{border-radius:12px;flex-shrink:0;width:180px;height:119px}.certificateListBox .certificateItem .contentsBox .medal{position:absolute;top:2px;left:2px}.certificateListBox .certificateItem .contentsBox .orderInfoBox .title{color:#1e2124;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:5px;font-size:17px;font-weight:600;display:-webkit-box;overflow:hidden}.certificateListBox .certificateItem .contentsBox .orderInfoBox .creator{color:#575f6b;font-size:13px;font-weight:500}.certificateListBox .certificateItem .contentsBox .orderInfoBox .date{color:#575f6b;font-size:13px;font-weight:400}.certificateListBox .certificateItem .contentsBox .orderInfoBox .period{color:#35393f;align-items:center;gap:4px;font-size:13px;font-weight:400;display:flex}.certificateListBox .certificateItem .contentsBox .orderInfoBox .period span{font-weight:600}.certificateListBox .certificateItem .contentsBox .orderInfoBox .detailInfoBox{align-items:center;gap:8px;margin-top:8px;display:flex}.certificateListBox .certificateItem .contentsBox .orderInfoBox .detailInfoBox .hr{background:#e8ecf1;width:1px;height:10px}.classCardItem{cursor:pointer}.classCardItem.col3{width:calc(33.3% - 16px)}.classCardItem.col4{width:calc(25% - 20px)}.classCardItem .imageBox{aspect-ratio:16/9;border-radius:12px;position:relative}.classCardItem .imageBox .badge{background:#fff;border-radius:4px;padding:2px 4px;font-size:11px;position:absolute;top:13px;left:13px}.classCardItem .imageBox .like{cursor:pointer;z-index:99;border-radius:4px;padding:2px 4px;position:absolute;top:8px;right:8px}.classCardItem .classContents{width:100%;margin-top:8px}.classCardItem .classTitle{color:#1e2124;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:17px;font-weight:600;line-height:150%;display:-webkit-box;overflow:hidden}.classCardItem .classSummaryBox{align-items:center;gap:4px;display:flex}.gridBox.one .classCardItem .classSummaryBox{flex-direction:column;align-items:flex-start}.classCardItem .classSummaryBox .creator{color:#575f6b;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.classCardItem .classSummaryBox .creator .hr{background:#d0d3d8;width:1px;height:12px}.classCardItem .classSummaryBox .creator .periodBox{align-items:center;gap:4px;display:flex}.classCardItem .classSummaryBox .creator .periodBox .periodName{color:#35393f;font-size:13px;font-weight:600}.classCardItem .classSummaryBox .creator .periodBox .periodContents{color:#35393f;font-size:13px;font-weight:400}.classCardItem .classSummaryBox .reviewBox{color:#575f6b;gap:2px;font-size:13px;font-weight:400;display:flex}.classCardItem .classSummaryBox .period{color:#35393f;align-items:center;gap:4px;font-size:13px;font-weight:400;display:flex}.classCardItem .classSummaryBox .period span{font-weight:600}.classCardItem .classPriceBox{gap:4px;margin-top:6px;display:flex}.classCardItem .classPriceBox .classSale{color:#5331de;font-size:17px;font-weight:700}.classCardItem .classPriceBox .classPrice{color:#1e2124;font-size:17px;font-weight:700}.classCardItem .classBadgeBox{align-items:center;gap:4px;margin-top:4px;display:flex}.classCardItem .classBadgeBox .classBadge{border-radius:4px;padding:2px 4px;font-size:12px;font-weight:500}.classCardItem .classBadgeBox .classBadge.purple{color:#5331de;background:rgba(98,58,255,.1)}.classCardItem .classBadgeBox .classBadge.blue{color:#006edb;background:rgba(0,110,219,.1)}.classCardItem .classBadgeBox .classBadge.red{color:#ff3d6a;background:rgba(255,61,106,.1)}.classDateBox{border-bottom:1px solid #e8ecf1;padding-bottom:24px}.classDateBox .classDateItem{gap:20px;display:flex}.classDateBox .classDateItem:last-child{margin-top:8px}.classDateBox .classDateItem .classDateTitle{color:#1e2124;min-width:136px;font-size:15px;font-weight:600}.classDateBox .classDateItem .classDateContents{color:#575f6b;font-size:15px;font-weight:400}.lastWatchClassBox{gap:24px;width:100%;display:flex}.lastWatchClassBox .lastWatchClassItem{border:1px solid #d0d3d8;border-radius:12px;width:50%;padding:20px}.lastWatchClassBox .lastWatchClassItem .titleBox{justify-content:space-between;display:flex}.lastWatchClassBox .lastWatchClassItem .titleBox .summary{color:#929aa6;width:-moz-fit-content;width:fit-content;font-size:13px;font-weight:600;line-height:150%}.lastWatchClassBox .lastWatchClassItem .titleBox .title{color:#1e2124;width:190px;font-size:17px;font-weight:600;line-height:150%}.lastWatchClassBox .lastWatchClassItem .classRoomBtn{color:#fff;white-space:nowrap;background:#623aff;border-radius:5px;align-items:center;gap:4px;height:28px;padding:0 8px;font-size:13px;font-weight:500;display:flex}.myClassDetail .classCardItem .imageBox .like{display:none}.loadingBox{z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0}.loadingBox .popup_cover{opacity:1;transition:opacity}.loading{z-index:50;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading .loadingIcon{border:4px solid var(--mainActiveColor);border-top-color:transparent;border-radius:999px;width:4rem;height:4rem;animation:1s linear infinite spin}.productListBox{gap:24px;max-width:1200px;margin:0 auto;display:flex}.productListBox .slideCardBox .titleBox{padding-right:20px}.productListBox.onlyProduct .slideCardBox{margin-top:0;padding-top:16px}.productListBox .slideCardBox{margin-top:24px}.productListBox .inputItem{background:#f7f8f9;border:none;width:75px;padding:4px 4px 4px 10px;font-size:15px;font-weight:400;line-height:150%}.productListBox .customSelect_optionBox{width:-moz-fit-content;width:fit-content;right:0}.productListBox .customSelect_optionBox .customSelect_option{width:98px;padding:8px}.productListBox .customSelectInputBox:after{right:4px}.mypageBox .productListBox .slideCardBox{margin-top:0;padding:0}.sideMenu{width:282px;margin-top:56px}.sideMenu .menuItem{background:#fff;border-bottom:1px solid #e8ecf1;flex-direction:column;justify-content:center;width:282px;display:flex}.sideMenu .menuItem .menuTitle{color:#1e2124;cursor:pointer;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 8px;font-size:19px;font-weight:600;display:flex}.sideMenu .menuItem .menuTitle img{width:20px;height:20px}.sideMenu .menuItem.active{border-bottom:none}.sideMenu .menuItem.active .img{transition:transform .3s;transform:rotate(180deg)}.sideMenu .menuItem .subMenuBox{flex-direction:column;gap:4px;padding-bottom:12px;animation:.2s fadeIn;display:none}.sideMenu .menuItem .subMenuBox .subMenuItem{cursor:pointer;color:#22262b;align-items:center;height:48px;padding:7px 16px;font-size:17px;font-weight:400;display:flex}.sideMenu .menuItem .subMenuBox .subMenuItem.active{color:#5331de;font-weight:600}.sideMenu .menuItem .subMenuBox .subMenuItem:hover{background:#f7f8f9;border-radius:8px}.sideMenu .menuItem.active .subMenuBox{display:flex}.tabBox{color:#929aa6;-webkit-overflow-scrolling:touch;border-bottom:1px solid #e8ecf1;gap:20px;max-width:1200px;margin:0 auto;padding-top:56px;padding-bottom:8px;font-size:17px;font-weight:600;display:flex;overflow-x:auto;overflow-y:hidden}.tabBox.first{padding-top:0}.tabBox .tab{white-space:nowrap;align-items:center;gap:4px;height:48px;display:flex;position:relative}.tabBox .tab.active{color:#1e2124;font-size:17px;font-weight:700}.tabBox .tab.active span{color:#5331de;font-size:17px;font-weight:600}.tabBox .tab.active:after{content:"";background:#1e2124;width:100%;height:3px;position:absolute;bottom:0;left:0}.classRoomHeader{color:#fff;background:#1e2124;align-items:center;gap:12px;padding:8px 12px;display:flex}.classRoomHeader .backBtn{cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.classRoomHeader .titleBox .title{color:#bbc0c8;font-size:14px;font-weight:400;line-height:150%}.classRoomHeader .titleBox .summary{color:#fff;font-size:17px;font-weight:600;line-height:150%}.classRoomPlayerBox{width:100%;display:flex}.classRoomPlayerBox .playerBox{background:#1e2124;width:100%}.classRoomPlayerBox .playerBox .desc{color:#fff}.classRoomPlayerBox .classListBox{color:#fff;background:#1e2124;width:364px;height:calc(100vh - 62px)}.classRoomPlayerBox .classListBox .classInfoBox{border-bottom:1px solid #35393f;padding:16px 16px 20px}.classRoomPlayerBox .classListBox .classInfoBox .title{font-size:17px;font-weight:600}.classRoomPlayerBox .classListBox .classInfoBox .date{color:#bbc0c8;align-items:center;gap:4px;margin-top:4px;font-size:13px;font-weight:600;display:flex}.classRoomPlayerBox .classListBox .classInfoBox .date span{font-weight:400}.classPercentBox{width:100%;margin-top:12px}.classPercentBox .percentTextBox{justify-content:space-between;display:flex}.classRoomPlayerBox .classPercentBox .percentTextBox .classCount{color:#d0d3d8;font-size:13px;font-weight:400}.classRoomPlayerBox .classPercentBox .percentTextBox .classPercent{color:#a28aff;font-size:13px;font-weight:600}.classPercentBox .percentProgress{background:#e8ecf1;border-radius:100px;width:100%;height:8px;margin-top:4px;position:relative}.classPercentBox .percentProgress span{background:linear-gradient(90deg,#623aff 0%,#5331de 100%);border-radius:100px;height:8px;position:absolute}.classList .classListItem{cursor:pointer;background:#22262b}.classList .classListItem .chapterBox{cursor:pointer;justify-content:space-between;padding:16px;display:flex}.classList .classListItem .chapterBox .left{gap:8px;display:flex}.classList .classListItem .chapterBox .left .iconBox,.classList .classListItem .chapterBox .left .iconBox .openIcon{max-width:20px;max-height:20px}.classList .classListItem .chapterBox .left .titleBox .title{color:#fff;font-size:17px;font-weight:600}.classList .classListItem .chapterBox .left .titleBox .documentBtn{z-index:999;color:#e8ecf1;background:#623aff;border-radius:5px;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;height:28px;margin-top:12px;padding:0 8px;font-size:14px;font-weight:500;display:flex}.classList .classListItem .chapterBox .left .titleBox .documentBtn.disabled{background:unset;color:#5331de;border:1px solid #5331de}.classList .classListItem .chapterBox .time{color:#929aa6;font-size:15px;font-weight:400}.classList .classItemBox{transform-origin:top;opacity:0;max-height:0;transition:max-height .35s,transform .3s,opacity .3s;overflow:hidden;transform:scaleY(.98)}.classList .classItemBox.active{opacity:1;max-height:1200px;transform:scaleY(1)}.classList .classItemBox .classItem{background:#1e2124;justify-content:space-between;align-items:center;padding:16px 16px 16px 20px;display:flex}.classList .classItemBox .classItem .titleBox{align-items:flex-start;gap:8px;display:flex}.classList .classItemBox .classItem .titleBox .iconBox{place-content:center;width:35px;display:flex}.classList .classItemBox .classItem .titleBox .iconBox .classIcon{width:16px;height:16px}.classList .classItemBox .classItem .titleBox .title{font-size:15px;font-weight:400}.classList .classItemBox .classItem .infoBox{background:0 0;gap:8px;margin-top:0;padding:0;display:flex}.classList .classItemBox .classItem .titleBox .tag{text-align:center;border-radius:4px;width:35px;padding:1px 6px;font-size:13px;font-weight:500}.classList .classItemBox .classItem.complete{background:rgba(0,189,121,.1)}.classList .classItemBox .classItem.ing{background:rgba(98,58,255,.15)}.classList .classItemBox .classItem.complete .titleBox .tag{color:#00d88a;background:rgba(0,216,138,.15)}.classList .classItemBox .classItem.ing .titleBox .tag{color:#a28aff;background:rgba(138,109,255,.2)}.classRoomPlayerBox .classList .classListItem .chapterBox{flex-direction:unset;align-items:flex-start}.classProgressBox{flex-wrap:wrap;gap:24px;margin-top:24px;display:flex}.classProgressBox .classProgressItem{cursor:pointer;width:calc(33.3% - 16px)}.classProgressBox .classProgressItem.end{cursor:default}.classProgressBox .classProgressItem.disabled{opacity:.5}.classProgressBox .classProgressItem .classPercentBox{margin-top:8px}.classProgressBox .classProgressItem .imageBox{border-radius:12px;width:100%;height:186px;position:relative}.classProgressBox .classProgressItem .imageBox .badge{color:#1e2124;background:#fff;border-radius:4px;width:-moz-fit-content;width:fit-content;padding:2px 4px;font-size:11px;font-weight:400;position:absolute;top:13px;left:13px}.classProgressBox .classProgressItem .imageBox .badge.red{color:#fff;background:#fa4d3f}.classProgressBox .classProgressItem .imageBox .medal{position:absolute;top:-3px;left:2px}.classProgressBox .classProgressItem .imageBox .playBtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.classProgressBox .classProgressItem .classInfoBox{margin-top:12px}.classProgressBox .classProgressItem .classInfoBox .title{color:#1e2124;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;line-height:150%;overflow:hidden}.classProgressBox .classProgressItem .classInfoBox .creator{color:#575f6b;font-size:13px;font-weight:500;line-height:150%}.classProgressBox .classProgressItem .classInfoBox .period{color:#35393f;margin-top:4px;font-size:13px;font-weight:400}.classProgressBox .classProgressItem .classInfoBox .period span{font-size:13px;font-weight:600}.classPercentBox .percentTextBox .classCount{color:#22262b;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:400;display:flex}.classPercentBox .percentTextBox .classPercent{color:#5331de;font-size:13px;font-weight:600}.empty{justify-content:center;align-items:center;display:flex;margin-top:80px!important}.headerAlarmBox.empty{justify-content:center;align-items:center;height:659px;display:flex;margin-top:0!important}.emptyBox{color:#929aa6;flex-direction:column;align-items:center;gap:16px;font-size:16px;font-weight:400;display:flex}.emptyBox img{width:80px;height:80px}.mobileCategoryBox{width:100%;height:calc(100vh - 112px);display:flex}.mobileCategoryBox .mainCategoryBox,.mobileCategoryBox .subCategoryBox{width:50%}.productInfoBox{gap:24px;width:100%;max-width:1200px;margin:24px auto 0;display:flex}.productInfoBox .left{width:65%}.productInfoBox .left img{border-radius:16px;width:100%;max-height:460px}.productInfoBox .right{align-self:flex-start;width:35%;position:-webkit-sticky;position:sticky;top:84px}.productInfoBox .right .topBox{justify-content:space-between;display:flex}.productInfoBox .right .title{color:#1e2124;margin-top:16px;font-size:24px;font-weight:700}.topBox .menuBox{align-items:center;display:flex}.topBox .menuBox .menu{color:#35393f;white-space:nowrap;padding:6px;font-size:15px;font-weight:400}.right .priceBox{margin-top:32px}.right .priceBox .priceItem{justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.right .priceBox .priceItem .title{color:#929aa6;margin:0;font-size:15px;font-weight:600}.right .priceBox .priceItem .contents{color:#929aa6;margin:0;font-size:15px;font-weight:600;display:inline-block}.right .priceBox .priceItem .contents span{color:#ff3d6a;margin-right:4px;font-size:17px}.right .priceBox .hr{background:#e8ecf1;width:100%;height:1px;margin:6px 0}.right .priceBox .priceItem.primary{padding-top:6px}.right .priceBox .priceItem.primary .title,.productInfoBox .right .priceBox .priceItem.primary .contents{color:#1e2124}.right .priceBox .totalPrice{text-align:right;color:#1e2124;font-size:24px;font-weight:600;line-height:150%}.right .priceBox .totalPrice.flex{justify-content:space-between;padding:10px 0;display:flex}.right .priceBox .totalPrice.flex .title{font-size:22px;font-weight:600}.right .priceBox .totalPrice.flex .contents{font-size:28px;font-weight:700}.right .priceBox .totalPrice span{font-size:28px}.right .priceBox .exposureMonth{text-align:right;color:#929aa6;font-size:15px;font-weight:600;line-height:150%}.btnBox{gap:8px;margin-top:24px;display:flex}.btnBox .likeBtn{color:#575f6b;background:#fff;border:1px solid #d0d3d8;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:20%;height:56px;font-size:12px;font-weight:500;display:flex}.btnBox .likeBtn img{width:23px;height:20px;padding-bottom:2px}.btnBox .primaryBtn{background:var(--mainActiveColor);color:#fff;border-radius:8px;width:80%;height:56px;padding:0 20px}.btnBox .primaryBtn:disabled{background:#e8ecf1}.shareBox{cursor:pointer;background:#fff;border:1px solid #d0d3d8;border-radius:6px;flex-shrink:0;width:32px;height:32px;padding:6px}.orderBtn{background:var(--mainActiveColor);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;height:56px;margin-top:24px;padding:0 20px;font-size:19px;font-weight:600;display:flex}.orderBtn:disabled{background:#e8ecf1}.sectionBox{flex-direction:column;gap:24px;padding-top:64px;display:flex}.sectionBox.classInfo,.sectionBox.small{gap:32px;padding-top:28px}.sectionBox.list{padding-top:40px}.sectionBox.detail{padding-top:56px}.sectionBox .sectionTitle{justify-content:space-between;align-items:center;display:flex}.sectionBox .sectionTitle .title{color:#1e2124;align-items:center;gap:4px;font-size:22px;font-weight:700;display:flex}.sectionBox .sectionTitle .title span{color:var(--mainActiveColor)}.sectionBox .sectionTitle .right{cursor:pointer;color:#1e2124;align-items:center;gap:2px;width:-moz-fit-content;width:fit-content;padding:0;font-size:15px;font-weight:400;display:flex}.detailGridBox .gridContainer{flex-wrap:wrap;gap:24px;display:flex}.detailGridBox .gridContainer .reviewCardItem{cursor:pointer;flex:calc(50% - 24px);width:50%}.productDetailBox{width:100%;max-width:1200px;margin:0 auto}.productDetailBox .tabBox{z-index:10;background:#fff;margin-top:48px;position:-webkit-sticky;position:sticky;top:60px}.productDetailBox .container{width:100%}.productDetailBox .badgeBox.live,.productDetailBox .chapterBox .chapterItem .listBox .listItem .listItemBox .right .badgeBox .badge{display:none}.editorContents{height:100%;padding:24px;font-size:13px}.editorContents img{width:auto!important;height:auto!important;max-height:unset!important}.editorContents blockquote{border-left:4px solid #ccc;margin-top:5px;margin-bottom:5px;padding-left:16px}.editorContents p{line-height:1.42}.editorContents .ql-size-huge{font-size:2.5em}.editorContents .ql-size-large{font-size:1.5em}.editorContents .ql-size-small{font-size:.75em}.editorContents ol{padding-left:1.5em}.editorContents li[data-list=ordered]{counter-increment:list-0}.editorContents li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.editorContents li{padding-left:1.5em;list-style-type:none;position:relative}.editorContents li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal)". "}.editorContents li>.ql-ui:before{text-align:right;white-space:nowrap;width:1.2em;margin-left:-1.5em;margin-right:.3em;display:inline-block}.editorContents li[data-list=bullet]>.ql-ui:before{content:"•"}.editorContents .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.editorContents .ql-align-center{text-align:center}.editorContents .ql-align-right{text-align:right}.editorContents .ql-align-justify{text-align:justify}.editorContents .ql-editor a{text-decoration:underline}.editorContents a{color:#06c}.curriculumBox{padding-top:56px}.curriculumBox .curriculumTitle{justify-content:space-between;display:flex}.curriculumBox .curriculumTitle .title{color:#1e2124;font-size:22px;font-weight:700}.curriculumBox .curriculumTitle .title span{color:var(--mainActiveColor)}.curriculumBox .curriculumTitle .right{color:#22262b;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;font-size:15px;font-weight:400;display:flex}.curriculumBox .curriculumContents .summaryBox{background:#fff;border:1px solid #22262b;border-radius:12px;flex-direction:column;gap:12px;padding:12px 20px;display:flex}.curriculumBox .curriculumContents .summaryBox .summaryItem{color:#1e2124;align-items:center;gap:12px;font-size:15px;font-weight:400;display:flex}.curriculumBox .curriculumContents .summaryBox .summaryItem .clockIcon,.curriculumBox .curriculumContents .summaryBox .summaryItem .playerIcon{width:20px;height:20px}.curriculumBox .curriculumContents .summaryBox .summaryItem .contents{color:#1e2124;align-items:center;gap:8px;font-size:15px;font-weight:400;display:flex}.curriculumBox .curriculumContents .summaryBox .summaryItem .contents .dot{width:3px;height:3px}.chapterBox{flex-direction:column;gap:12px;margin-top:12px;display:flex}.chapterBox .chapterItem .titleBox{cursor:pointer;background:#f5f7fa;border-radius:8px;justify-content:space-between;align-items:flex-start;padding:16px 20px;display:flex}.chapterBox .chapterItem .titleBox img{width:20px;height:20px}.chapterBox .chapterItem .titleBox .left{gap:8px;display:flex}.chapterBox .chapterItem .titleBox .left .iconTitleBox{color:#1e2124;align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.chapterBox .chapterItem .titleBox .left .documentBtn{z-index:999;color:#1e2124;background:#fff;border:1px solid #d0d3d8;border-radius:5px;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;height:28px;padding:0 8px;font-size:13px;font-weight:500;display:flex}.chapterBox .chapterItem .titleBox .left .documentBtn.disabled{color:#d0d3d8;border:1px solid #e8ecf1}.chapterBox .chapterItem .titleBox .right{color:#575f6b;width:-moz-fit-content;width:fit-content;padding:0;font-size:15px;font-weight:400}.chapterBox .chapterItem .listBox{clip-path:inset(0 0 100%);transform-origin:top;opacity:0;flex-direction:column;gap:16px;max-height:0;transition:clip-path .35s,opacity .35s;display:flex;overflow:hidden}.chapterBox .chapterItem .listBox.active{clip-path:inset(0);opacity:1;max-height:1200px;padding:20px 20px 8px 52px}.chapterBox .chapterItem .listBox .listItem .listItemBox{justify-content:space-between;align-items:flex-start;display:flex}.chapterBox .chapterItem .listBox .listItem .listItemBox .left{gap:8px;display:flex}.chapterBox .chapterItem .listBox .listItem .listItemBox .left .textBox{color:#1e2124;align-items:flex-start;gap:8px;width:100%;min-height:28px;font-size:15px;font-weight:400;display:flex}.chapterBox .chapterItem .listBox .listItem .listItemBox .left .textBox .select{width:100%}.chapterBox .chapterItem .listBox .listItem .listItemBox .left .textBox .iconBox{align-items:center;height:23px;display:flex}.chapterBox .chapterItem .listBox .listItem .listItemBox .left .textBox .iconBox .titleTagBox{width:100%}.chapterBox .chapterItem .listBox .listItem .listItemBox .left .textBox .iconBox img{width:16px;height:16px}.chapterBox .chapterItem .listBox .listItem .listItemBox .left .textBox .select{cursor:pointer}.chapterBox .chapterItem .listBox .listItem .listItemBox .left .textBox .select:hover{text-underline-offset:2px;-webkit-text-decoration-line:underline;text-decoration-line:underline}.chapterBox .chapterItem .listBox .listItem .listItemBox .left .textBox .select .title{gap:8px;display:flex}.chapterBox .chapterItem .listBox .listItem .listItemBox .left .previewBtn{color:#1e2124;background:#fff;border:1px solid #d0d3d8;border-radius:5px;height:28px;margin-left:4px;padding:0 8px;font-size:13px;font-weight:500;line-height:100%}.chapterBox .chapterItem .listBox .listItem .listItemBox .right{align-items:center;gap:8px;display:flex;top:0}.chapterBox .chapterItem .listBox .listItem .listItemBox .right .badgeBox{margin-top:0}.chapterBox .chapterItem .listBox .listItem .listItemBox .right .badgeBox .badge{padding:1px 6px;font-size:13px;font-weight:500}.chapterBox .chapterItem .listBox .listItem .listItemBox .right .time,.chapterBox .chapterItem .listBox .listItem .title{color:#1e2124;font-size:15px;font-weight:400}.chapterBox .chapterItem .listBox .listItem .date{color:#1e2124;margin:6px 0 0 24px;font-size:15px;font-weight:400}.productDetailBox .chapterBox .chapterItem .listBox .listItem .listItemBox .right{gap:0;width:-moz-fit-content;width:fit-content}.classRoomPlayerBox .chapterBox{margin-top:0}.mypageBox .section{padding:0!important}.mypageBox .curriculumBox{padding:40px 0!important}.creatorInfoBox{border:1px solid #22262b;border-radius:16px;flex-direction:column;gap:20px;padding:28px 24px;display:flex}.creatorInfoBox .profileBox{gap:16px;display:flex}.creatorInfoBox .profileBox .profile{border-radius:999px;width:80px;height:80px}.creatorInfoBox .profileBox .infoBox{background:#fff;flex-direction:column;justify-content:center;gap:8px;margin:0;padding:0;display:flex}.creatorInfoBox .profileBox .infoBox .title{color:#1e2124;font-size:17px;font-weight:700}.creatorInfoBox .profileBox .infoBox .infoBtn{color:#1e2124;background:#fff;border:1px solid #d0d3d8;border-radius:5px;height:32px;margin-top:0;padding:0 10px;font-size:13px;font-weight:500}.creatorInfoBox .contents{color:#1e2124;font-size:15px;font-weight:400;display:block}.reviewList{flex-direction:column;display:flex}.reviewList .reviewBlurBox{flex-direction:column;gap:24px;display:flex;position:relative}.reviewList .reviewBlurBox:after{content:"";pointer-events:none;background:linear-gradient(rgba(255,255,255,0) 0%,#fff 100%);width:100%;height:80px;position:absolute;bottom:0;left:0}.reviewList .moreBtn{background:#fff;border:1px solid #d0d3d8;border-radius:6px;height:48px}.reviewList .reviewListItem{border-bottom:1px solid #e8ecf1;flex-direction:column;gap:16px;padding-bottom:24px;display:flex}.reviewList .reviewListItem:last-child{padding-bottom:20px}.reviewList .reviewListItem .reviewProfile{align-items:center;gap:12px;display:flex}.reviewList .reviewListItem .reviewProfile .profile{border-radius:999px;width:28px;height:28px}.reviewList .reviewListItem .reviewProfile .infoBox{flex-direction:column;gap:2px;display:flex}.reviewList .reviewListItem .reviewProfile .infoBox .titleBox{align-items:center;gap:6px;display:flex}.reviewList .reviewListItem .reviewProfile .infoBox .titleBox .title{color:#1e2124;font-size:13px;font-weight:400}.reviewList .reviewListItem .reviewProfile .infoBox .titleBox .hr{background:#e8ecf1;width:1px;height:10px}.reviewList .reviewListItem .reviewProfile .infoBox .titleBox .date{color:#575f6b;font-size:13px;font-weight:400}.reviewList .reviewListItem .reviewProfile .infoBox .gradeBox{align-items:center;gap:6px;display:flex}.reviewList .reviewListItem .reviewProfile .infoBox .gradeBox .grade{align-items:center;display:flex}.reviewList .reviewListItem .reviewProfile .infoBox .gradeBox .grade img{width:12px;height:12px}.reviewList .reviewListItem .reviewProfile .infoBox .gradeBox .review{color:#1e2124;font-size:15px;font-weight:500}.reviewList .reviewListItem .reviewContents{color:#35393f;font-size:15px;font-weight:400}.reviewList .emptyBox{margin-bottom:24px}.detailReviewPopup{padding:16px 28px}.detailReviewPopup .reviewListItem{border-bottom:unset}.documentDownloadPopup{padding:12px 28px 32px}.documentDownloadPopup .popupTitleBox .popupTitle{color:#1e2124;text-align:left;font-size:24px;font-weight:600}.documentDownloadPopup .infoBox{margin-top:32px}.documentDownloadPopup .sectionBox{padding:32px 0 0}.documentBox .documentItem{background:#fff;border:1px solid #e8ecf1;border-radius:8px;place-content:center space-between;margin-top:12px;padding:16px 20px;display:flex}.documentBox .documentItem:first-child{margin-top:0}.documentBox .documentItem .left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.documentBox .documentItem .left .documentIcon{width:20px;height:20px}.documentBox .documentItem .left .documentTitleBox .documentTitle{color:#222;font-size:15px;font-weight:500}.documentBox .documentItem .left .documentTitleBox .documentSummary{color:#4b4b4b;margin-top:2px;font-size:13px;font-weight:400}.documentBox .documentItem .documentDownloadBtn{color:#1e2124;background:#fff;border:1px solid #d0d3d8;border-radius:6px;height:40px;padding:0 12px;font-size:15px;font-weight:500}.customPopup.addReview .popupSetion{max-width:560px;padding:12px 16px 32px}.customPopup.addReview.mypage .popupSetion{padding:28px 16px 32px}.addReviewPopup .headerBox{flex-direction:column;justify-content:center;align-items:center;margin-top:32px;display:flex}.addReviewPopup .headerBox img{width:56px;height:56px}.addReviewPopup .headerBox .title{color:#1e2124;text-align:center;margin-top:16px;font-size:24px;font-weight:600;line-height:150%}.addReviewPopup .headerBox .contents{color:#575f6b;text-align:center;gap:4px;margin-top:12px;font-size:15px;font-weight:400;display:flex}.addReviewPopup .headerBox .contents a{color:#5331de;text-underline-offset:2px;-webkit-text-decoration-line:underline;text-decoration-line:underline}.addReviewPopup .classBox{color:#35393f;text-align:center;background:#f4f3ff;border-radius:12px;margin:40px 16px 0;padding:16px 24px;font-size:19px;font-weight:600}.addReviewPopup .gradeBox{text-align:center;margin:24px 16px 0}.addReviewPopup .gradeBox .title{color:#1e2124;font-size:15px;font-weight:600}.addReviewPopup .gradeBox .grade{justify-content:center;align-items:center;margin-top:8px;display:flex}.addReviewPopup .gradeBox .grade img{width:32px;height:32px}.addReviewPopup .reviewContentsBox{text-align:center;margin:20px 16px 0}.addReviewPopup .reviewContentsBox .inputCaption{color:#929aa6;font-size:13px;font-weight:400;position:absolute;bottom:6px;right:8px}.withdrawalPopup .popupTitleBox{text-align:left;align-items:flex-start;padding-left:0}.withdrawalPopup .inputItemBox{margin-top:32px}.withdrawalPopup .pageBtn{height:48px}.withdrawalPopup .radioBox{margin-top:24px}.withdrawalPopup .radioItemBox{flex-direction:column;gap:20px}.withdrawalPopup .inputBox{position:relative}.withdrawalPopup .inputBox .inputCaption{color:#929aa6;position:absolute;bottom:6px;right:8px}.withdrawalPopup .chk_item_text{color:#1e2124;font-weight:500}.withdrawalPopup .withdrawalTermsBox{border:1px solid #d0d3d8;border-radius:6px;align-items:center;height:40px;margin-top:24px;padding:0 20px;display:flex}.withdrawalPopup .withdrawalTermsBox .chk_item{width:100%}.orderBox{gap:24px;width:100%;max-width:1200px;margin:24px auto 0;display:flex;overflow:hidden}.orderBox .left{width:60%}.orderBox .left .title{color:#1e2124;font-size:22px;font-weight:700}.orderBox .right{width:40%}.orderBox .right .title{color:#1e2124;font-size:24px;font-weight:700}.orderBox .classCardItem .imageBox .like{display:none}.orderBox .sectionBox{padding-top:56px}.orderBox .slideCardBox{padding-bottom:0}.orderListBox{flex-direction:column;gap:28px;margin-top:20px;display:flex}.orderListBox .orderListItem{border-bottom:1px solid #e8ecf1;padding-bottom:28px}.orderListBox .orderListItem .topMenu{justify-content:space-between;align-items:center;display:flex}.orderListBox .orderListItem .topMenu .left{align-items:center;gap:8px;display:flex}.orderListBox .orderListItem .topMenu .left .menuItem{align-items:center;gap:4px;display:flex}.orderListBox .orderListItem .topMenu .left .menuItem .title{color:#35393f;font-size:13px;font-weight:700}.orderListBox .orderListItem .topMenu .left .menuItem .contents{color:#35393f;font-size:13px;font-weight:400;display:block}.orderListBox .orderListItem .topMenu .left .menuItem .summary{color:#575f6b;font-size:13px;font-weight:400}.orderListBox .orderListItem .topMenu .left .hr{background:#e8ecf1;width:1px;height:10px}.orderListBox .orderListItem .topMenu .right{color:#929aa6;text-underline-offset:2px;font-size:13px;font-weight:400;-webkit-text-decoration-line:underline;text-decoration-line:underline}.orderListBox .orderListItem .contentsBox{gap:24px;width:100%;margin-top:12px;display:flex}.orderListBox .orderListItem .contentsBox .image{border-radius:12px;flex-shrink:0;width:180px;height:119px}.orderListBox .orderListItem .contentsBox .orderInfoBox{flex-direction:column;justify-content:center;display:flex}.orderListBox .orderListItem .contentsBox .orderInfoBox .status{border-radius:4px;width:-moz-fit-content;width:fit-content;padding:2px 4px;font-size:12px;font-weight:500}.orderListBox .orderListItem .contentsBox .orderInfoBox .status.purple{color:#5331de;background:rgba(90,61,255,.1)}.orderListBox .orderListItem .contentsBox .orderInfoBox .status.orange{color:#fa4d3f;background:rgba(250,77,63,.1)}.orderListBox .orderListItem .contentsBox .orderInfoBox .title{color:#1e2124;margin-top:5px;font-size:17px;font-weight:600}.orderListBox .orderListItem .contentsBox .orderInfoBox .creator{color:#575f6b;font-size:13px;font-weight:500}.orderListBox .orderListItem .contentsBox .orderInfoBox .price{color:#1e2124;margin-top:4px;font-size:17px;font-weight:700}.orderCompleteBox{width:384px;margin:72px auto 0}.orderCompleteBox .container{flex-direction:column;justify-content:center;gap:32px;display:flex}.orderCompleteBox .container .titleBox{flex-direction:column;align-items:center;gap:8px;display:flex}.orderCompleteBox .container .titleBox img{width:64px;height:64px}.orderCompleteBox .container .titleBox .title{color:#1e2124;font-size:32px;font-weight:700}.orderCompleteBox .container .infoBox{background:#f7f8f9;border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.orderCompleteBox .container .infoBox.center{justify-content:center;align-items:center;font-size:15px;font-weight:600}.orderCompleteBox .container .infoBox .infoItem{justify-content:space-between;gap:30px;display:flex}.orderCompleteBox .container .infoBox .infoItem .title{color:#1e2124;width:80px;font-size:15px;font-weight:600}.orderCompleteBox .container .infoBox .infoItem .contents{color:#35393f;text-align:right;font-size:15px;font-weight:400;display:block}.orderCompleteBox .container .infoBox .infoItem .contents span{color:var(--mainActiveColor);font-weight:600}.mypageBox{gap:24px;width:100%;max-width:1200px;margin:0 auto;padding-top:24px;display:flex}.mypageBox .menuBox{width:282px}.mypageBox .contentsBox{width:calc(100% - 282px)}.mypageBox .contentsBox .sectionBox{padding-bottom:12px!important}.mypageBox .productListBox .contentsBox{width:100%}.mypageBox .menuBox .profileBox{align-items:center;gap:16px;display:flex}.mypageBox .menuBox .profileBox .profile{width:56px;height:56px}.mypageBox .menuBox .profileBox .textBox .name{color:#1e2124;font-size:19px;font-weight:700}.mypageBox .menuBox .profileBox .textBox .contents{color:#575f6b;font-size:14px;font-weight:400}.mypageBox .topBox{margin-bottom:12px}.mypageTabBox{margin-top:20px}.mypageTabBox .mypageMainTabBox{background:#fff;border-bottom:1px solid #e8ecf1}.mypageTabBox .mypageMainTabBox:last-child{border-bottom:unset}.mypageTabBox .mypageMainTabBox .menuItem{cursor:pointer;justify-content:space-between;align-items:center;height:64px;padding:0 8px;display:flex}.mypageTabBox .mypageMainTabBox .menuItem .title{color:#1e2124;font-size:19px;font-weight:600}.mypageTabBox .mypageMainTabBox .menuItem.active .title{color:var(--mainActiveColor)}.mypageTabBox .mypageMainTabBox .menuItem .downIcon{width:20px;height:20px}.mypageTabBox .mypageMainTabBox .mypageSubTabBox{transform-origin:top;opacity:0;flex-direction:column;gap:4px;max-height:0;transition:max-height .35s,transform .3s,opacity .3s;display:flex;overflow:hidden;transform:scaleY(.98)}.mypageTabBox .mypageMainTabBox .mypageSubTabBox.active{opacity:1;max-height:1200px;transform:scaleY(1)}.mypageTabBox .mypageMainTabBox .mypageSubTabBox .mypageSubTabItem{cursor:pointer;color:#22262b;height:48px;padding:7px 16px;font-size:17px;font-weight:400;line-height:150%}.mypageTabBox .mypageMainTabBox .mypageSubTabBox .mypageSubTabItem.gray{color:#929aa6}.mypageTabBox .mypageMainTabBox .mypageSubTabBox .mypageSubTabItem.active{color:var(--mainActiveColor);font-weight:600}.mypageTabBox .mypageMainTabBox .mypageSubTabBox .mypageSubTabItem:last-child{margin-bottom:12px}.modifyUserBox{width:384px;margin:0 auto;padding-bottom:57px}.modifyUserBox .link{color:#575f6b;text-align:center;text-underline-offset:2px;cursor:pointer;margin-top:24px;font-size:14px;font-weight:400;-webkit-text-decoration-line:underline;text-decoration-line:underline}.couponListBox{flex-wrap:wrap;gap:24px;display:flex}.couponListBox .couponItem{background:#fff;border:1px solid #22262b;border-radius:16px;width:calc(50% - 12px);padding:24px 24px 20px}.couponListBox .couponItem .headerBox{justify-content:space-between;align-items:center;display:flex}.couponListBox .couponItem .headerBox .title{color:#5331de;font-size:28px;font-weight:700}.couponListBox .couponItem .headerBox .badge{color:#5331de;background:rgba(90,61,255,.1);border-radius:4px;height:-moz-fit-content;height:fit-content;padding:2px 4px;font-size:12px;font-weight:500}.couponListBox .couponItem .name{color:#1e2124;margin-top:16px;font-size:17px;font-weight:600}.couponListBox .couponItem .contents{color:#35393f;font-size:14px;font-weight:400}.couponListBox .couponItem .hr{background:#e8ecf1;width:100%;height:1px;margin:16px 0}.couponListBox .couponItem .summaryBox{flex-direction:column;gap:2px;display:flex}.couponListBox .couponItem .summaryBox .summary{color:#929aa6;font-size:13px;font-weight:500}.couponRegisterBox .inputItem{background:#f5f7fa;border:none;border-radius:6px;width:360px}.couponRegisterBox .inputComBox{width:50%}.eventListBox{flex-direction:column;gap:14px;max-width:1200px;margin:0 auto;display:flex}.eventListBox .eventItem{cursor:pointer}.eventListBox .eventItem.end{opacity:.4}.eventListBox .eventItem .eventImage{border-radius:12px;width:100%;height:300px}.eventListBox .eventItem .title{color:#1e2124;margin-top:12px;font-size:17px;font-weight:600}.eventListBox .eventItem .period{color:#575f6b;margin-top:4px;font-size:13px;font-weight:500}.eventListBox .hr{background:#e8ecf1;width:100%;height:1px;margin:46px 0 40px}.eventDetailBox{max-width:1200px;margin:0 auto;padding-top:40px}.eventDetailBox .menuBox{color:#35393f;gap:6px;font-size:15px;font-weight:400;display:flex}.eventDetailBox .title{color:#1e2124;margin-top:24px;font-size:20px;font-weight:600;line-height:150%}.eventDetailBox .period{color:#575f6b;margin-top:20px;font-size:14px;font-weight:400;line-height:150%}.eventDetailBox .hr{background:#1e2124;width:100%;height:1px;margin:16px 0 40px}.exportBox .titleBox{flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;height:508px;display:flex;position:relative;overflow:hidden}.exportBox .titleBox .background{z-index:1;background-image:linear-gradient(90deg,#929aa6 1px,transparent 1px),linear-gradient(#929aa6 1px,transparent 1px);background-size:65px 65px;width:100%;height:100%;position:absolute;top:0;left:0}.exportBox .titleBox:after{content:"";z-index:2;background:radial-gradient(53.36% 40.07% at 43.99% 38.48%,rgba(255,255,255,0) 24.25%,#fff 100%);position:absolute;top:0;bottom:0;left:0;right:0}.exportBox .titleBox .title{z-index:3;color:#1e2124;text-align:center;font-size:90px;font-weight:900;position:relative}.exportBox .titleBox .title span{color:#5331de;margin-right:5px}.exportBox .titleBox .summary{z-index:3;color:#1e2124;text-align:center;font-size:32px;font-weight:700;position:relative}.infoBox{background:#f7f8f9;border-radius:12px;margin-top:24px;padding:16px 20px}.infoBox .infoTitle{color:#1e2124;font-size:17px;font-weight:600}.infoBox .infoContents{color:#35393f;margin-top:12px;font-size:15px;font-weight:500}.infoBox .infoBtn{color:#1e2124;border:1px solid #d0d3d8;border-radius:6px;min-width:64px;height:40px;margin-top:12px;padding:0 12px;font-size:15px;font-weight:500}.infoBox .infoItemBox{flex-direction:column;gap:8px;margin-top:12px;display:flex}.infoBox .infoItemBox .infoItem{align-items:center;gap:6px;display:flex}.infoBox .infoItemBox .infoItem .icon{width:16px;height:16px;display:block}.infoBox .infoItemBox .infoItem .contents{color:#35393f;align-items:center;font-size:15px;font-weight:500;display:flex}.infoBox .infoItemBox .infoItem.required .contents{color:#5331de}.tagBox{color:#5331de;background:#f4f3ff;border-radius:8px;gap:8px;margin-top:24px;padding:9px 13px;font-size:14px;font-weight:400;display:flex}.cardBannerBox{gap:24px;margin-bottom:40px;display:flex}.cardBannerBox .cardBannerItem{border:1px solid #e8ecf1;border-radius:12px;flex-direction:column;gap:4px;width:33.3%;padding:16px 24px;display:flex}.cardBannerBox .cardBannerItem .titleBox{justify-content:space-between;align-items:center;width:100%;display:flex}.cardBannerBox .cardBannerItem .titleBox .icon{width:28px;height:28px}.cardBannerBox .cardBannerItem .titleBox .title{color:#1e2124;font-size:15px;font-weight:500}.cardBannerBox .cardBannerItem .count{color:#1e2124;font-size:24px;font-weight:600}.communityBox{gap:24px;width:100%;max-width:1200px;margin:0 auto;padding-top:24px;display:flex}.communityBox.communityMain{max-width:1460px}.communityBox .menuBox{width:282px}.communityBox .contentsBox{width:calc(100% - 282px)}.communityBox .productListBox .contentsBox{width:100%}.communityBox .menuBox .profileBox{align-items:center;gap:16px;display:flex}.communityBox .menuBox .profileBox .profile{width:56px;height:56px}.communityBox .menuBox .profileBox .textBox .name{color:#1e2124;font-size:19px;font-weight:700;line-height:150%}.communityBox .menuBox .profileBox .textBox .nickname{color:#575f6b;font-size:14px;font-weight:400;line-height:150%}.communityBox .menuBox .profileBox .textBox .exp{color:#5331de;font-size:14px;font-weight:400;line-height:150%}.communityBox.nonMember .communityTabBox{margin-top:0}.communityWrite{width:100%;max-width:996px;margin:0 auto}.communityWrite .sectionBox{padding-top:24px}.rowInputBox{margin-top:24px}.rowInputBox .rowInputBoxTitle{color:#1e2124;font-size:22px;font-weight:700}.rowInputBox .rowInputItemBox{margin-top:26px}.rowInputBox .rowInputItemBox .rowInputTitle{color:#1e2124;width:117px;font-size:17px;font-weight:600}.rowInputBox .rowInputItemBox .inputItemBox{margin:0}.rowInputBox .rowInputItemBox .rowInputItem{align-items:center;margin-top:16px;display:flex}.rowInputBox .rowInputItemBox .rowInputItem.box{margin-top:24px}.rowInputBox .rowInputItemBox .rowInputItem .inputItemBox{width:100%}.rowInputBox .rowInputItemBox .rowContentsBox{display:flex}.rowInputBox .btn_box{margin-top:40px}.rowInputBox .btn_box .pageBtn{height:56px;padding:0 28px;font-size:19px}.rowContentsBox{gap:16px;width:100%;display:flex}.rowContentsBox .rowSwitchBox{border:1px solid #d0d3d8;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:20px 16px;display:flex}.rowContentsBox .rowSwitchBox .rowSwitchTitle{color:#1e2124;font-size:16px;font-weight:400}.communityTabBox{flex-direction:column;margin-top:20px;display:flex}.communityTabBox .communityTabItem{cursor:pointer;justify-content:space-between;align-items:center;height:56px;display:flex}.communityTabBox .communityTabItem:hover{background:#f7f8f9;border-radius:6px}.communityTabBox .communityTabItem .menuBox{opacity:.4;align-items:center;gap:16px;display:flex}.communityTabBox .communityTabItem.active .menuBox{opacity:1}.communityTabBox .communityTabItem .menuBox .menuIcon{width:28px;height:28px}.communityTabBox .communityTabItem .menuBox .menuName{color:#1e2124;font-size:19px;font-weight:600}.communityTabBox .communityTabItem .arrowIcon{width:20px;height:20px}.rankingBox{width:236px}.rankingBox .rankingTitleBox .rankingTitle{color:#1e2124;align-items:center;gap:4px;font-size:22px;font-weight:700;display:flex}.rankingBox .rankingTitleBox .rankingDate{color:#575f6b;margin-top:4px;font-size:14px;font-weight:400}.rankingBox .rankingItemBox{flex-direction:column;gap:16px;margin-top:20px;display:flex}.rankingBox .rankingItemBox .rankingItem{align-items:center;gap:12px;display:flex}.rankingBox .rankingItemBox .rankingItem img.rankingNumber{width:24px;height:24px}.rankingBox .rankingItemBox .rankingItem .profileBox{align-items:center;gap:8px;display:flex}.rankingBox .rankingItemBox .rankingItem .profileBox .profile{border-radius:999px;width:35px;height:35px}.rankingBox .rankingItemBox .rankingItem .profileBox .infoBox{background:#fff;border-radius:0;margin-top:0;padding:0}.rankingBox .rankingItemBox .rankingItem .profileBox .infoBox .nickname{color:#1e2124;font-size:15px;font-weight:600}.rankingBox .rankingItemBox .rankingItem .profileBox .infoBox .exp{color:#929aa6;font-size:14px;font-weight:400}.rankingBox .rankingItemBox .rankingItem .rankingNumber{color:#35393f;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:flex}.hotCommunityBox{margin-top:16px}.hotCommunityBox .hotCommunityItem{border-bottom:1px solid #e8ecf1;align-items:center;gap:4px;height:52px;display:flex}.hotCommunityBox .hotCommunityItem:hover{background:#f7f8f9}.hotCommunityBox .hotCommunityItem .number{color:#35393f;width:16px;font-size:22px;font-style:italic;font-weight:700}.hotCommunityBox .hotCommunityItem .title{color:#1e2124;padding:10px 0;font-size:15px;font-weight:600}.communityMain .communityBox .contentsBox .sectionBox{margin-top:48px}.boardBox{margin-top:20px}.boardBox .boardItem{cursor:pointer;border-bottom:1px solid #e8ecf1;gap:32px;width:100%;padding:24px 0;display:flex}.boardBox .boardItem:last-child{border-bottom:none}.boardBox .boardItem:hover{background:#f7f8f9}.boardBox .boardItem .left{width:100%}.boardBox .boardItem .left .categoryBox{align-items:center;gap:12px;display:flex}.boardBox .boardItem .left .categoryBox .category{color:#575f6b;font-size:13px;font-weight:700}.boardBox .boardItem .left .categoryBox .badgeBox{margin-top:0}.boardBox .boardItem .left .categoryBox .badgeBox .badge{padding:3px 6px;font-size:13px;font-weight:700}.boardBox .boardItem .left .boardTitle{color:#1e2124;margin-top:6px;font-size:15px;font-weight:600}.boardBox .boardItem .left .nicknameBox{justify-content:space-between;margin-top:16px;display:flex}.boardBox .boardItem .left .nicknameBox .left{align-items:center;gap:10px;height:-moz-fit-content;height:fit-content;display:flex}.boardBox .boardItem .left .nicknameBox .left .nickname{color:#575f6b;align-items:center;gap:4px;font-size:14px;font-weight:400;display:flex}.boardBox .boardItem .left .nicknameBox .left .hr{background:#d0d3d8;width:1px;height:13px}.boardBox .boardItem .left .nicknameBox .left .date{color:#575f6b;font-size:14px;font-weight:400}.boardBox .boardItem .left .nicknameBox .left .nickname .userIcon{width:16px;height:16px}.boardBox .boardItem .left .nicknameBox .right{align-items:center;gap:12px;height:-moz-fit-content;height:fit-content;display:flex}.boardBox .boardItem .left .nicknameBox .right .boardInfoBox{color:#575f6b;align-items:center;gap:6px;width:100%;height:100%;font-size:14px;font-weight:400;display:flex}.boardBox .boardItem .right{width:136px;height:91px}.boardBox .boardItem .right .thumbnail{border-radius:8px;width:100%;height:100%}.boardListItem{cursor:pointer;border-bottom:1px solid #e8ecf1;justify-content:space-between;align-items:flex-end;padding:24px 0;display:flex}.boardListItem .category{color:#575f6b;font-size:13px;font-weight:700}.boardListItem .title{color:#1e2124;margin-top:6px;font-size:15px;font-weight:600}.boardListItem .right{align-items:center;gap:12px;height:-moz-fit-content;height:fit-content;display:flex}.boardListItem .right .boardInfoBox{color:#575f6b;align-items:center;gap:6px;width:100%;height:100%;font-size:14px;font-weight:400;display:flex}.boardListItem .right .hr{background:#d0d3d8;width:1px;height:13px}.boardListItem .right .date{color:#575f6b;white-space:nowrap;font-size:14px;font-weight:400}.communityCategoryBox{margin-top:24px}.communitySearchBox{gap:8px;width:100%;margin-top:24px;display:flex}.communitySearchBox .inputItemBox:first-child{width:20%}.communitySearchBox .inputItemBox:last-child{width:80%}.communitySearchBox .inputItemBox{margin:0}.communityActivityBox{width:100%;max-width:1200px;margin:56px auto 0}.communityActivityBox .profileBox{justify-content:space-between;align-items:center;width:100%;display:flex}.communityActivityBox .profileBox .left{gap:16px;display:flex}.communityActivityBox .profileBox .left .profile{border-radius:999px;width:88px;height:88px}.communityActivityBox .profileBox .left .nicknameBox .nickname{color:#1e2124;font-size:32px;font-weight:700}.communityActivityBox .profileBox .left .nicknameBox .summary{color:#575f6b;font-size:14px;font-weight:400}.communityActivityBox .profileBox .right .profileEditBtn{color:#1e2124;background:#f5f7fa;border-radius:6px;height:48px;padding:0 16px;font-size:16px;font-weight:600}.communityActivityBox .cardBannerBox{margin-top:40px}.floatingBtn{color:#fff;background:#623aff;border-radius:98px;justify-content:center;align-items:center;gap:8px;height:64px;padding:0 24px;font-size:19px;font-weight:600;display:flex;position:fixed;bottom:40px;right:40px;box-shadow:4px 4px 16px rgba(30,0,114,.2)}.infoTooltipBox{cursor:pointer;display:inline-block;position:relative}.infoIcon{width:16px;height:16px}.tooltipText{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#1e2124;background:#fff;border:1px solid #e8ecf1;border-radius:12px;width:400px;padding:12px 16px;font-size:13px;font-weight:500;line-height:150%;position:absolute;top:100%;left:0;transform:translateY(-40%)}.tooltipText:before{content:"";border:6px solid transparent;border-bottom-color:#fff;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.editorContainer{border:1px solid #d0d3d8;border-radius:6px;width:100%;height:400px;padding:8px}.editorContainer .editorToolbarBox{width:100%;display:flex}.editorContainer .editorToolbarBox .editorToolbarItemBox{flex-wrap:wrap;gap:8px;padding:0 8px;display:flex}.editorContainer .editorToolbarBox .editorToolbarItemBox .editorToolbar{justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.editorContainer .editorToolbarBox .editorToolbarItemBox.dropdown{padding:0 16px}.editorContainer .editorToolbarBox .editorToolbarItemBox.dropdown .editorToolbar{justify-content:center;align-items:center;gap:4px;display:flex}.editorContainer .editorToolbarBox .editorToolbarItemBox.dropdown .editorToolbar .fontSize{font-size:16px;font-weight:600}.editorContainer .editorToolbarBox .dropdownMenu{z-index:999;background:#fff;border:1px solid #ccc;border-radius:6px;margin-top:4px;position:absolute;top:100%;left:0;box-shadow:0 4px 10px rgba(0,0,0,.1)}.editorContainer .editorToolbarBox .dropdownMenu .dropdownItem{cursor:pointer;background:0 0;padding:6px 12px}.editorContainer .editorToolbarBox .dropdownMenu .dropdownItem.active{background:#f0f0f0}.editorContainer .editorArea{flex:1;height:320px;padding:20px}.editorContainer .editorArea .tiptap{height:320px}.editorContainer .editorArea h1,.editorContainer .editorArea h2,.editorContainer .editorArea h3,.editorContainer .editorArea h4,.editorContainer .editorArea h5{font-size:unset}.editorContainer .editorArea ul,.editorContainer .editorArea li{list-style:revert}.editorContainer .editorArea ol{list-style-type:decimal}.editorContainer .editorArea a{-webkit-text-decoration:revert;text-decoration:revert}.colorPickerBox{z-index:999;background:#fff;border:1px solid #d0d3d8;border-radius:6px;flex-direction:column;gap:8px;width:120px;margin-top:6px;padding:10px;display:flex;position:absolute;box-shadow:0 4px 10px rgba(0,0,0,.08)}.colorInput{cursor:pointer;border-radius:4px;width:100%;height:32px;padding:0}.applyBtn{background:var(--mainActiveColor);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;height:32px;font-size:14px}@keyframes fadeIn{to{opacity:1}}.pcOnly{display:block!important}.pcOnlyFlex{display:flex!important}.mobileOnly,.mobileOnlyFlex{display:none!important}.page{background:#fff}.marginTop{margin-top:48px!important}.marginTopMedium{margin-top:32px!important}.marginTopShort{margin-top:24px!important}.mainColor{color:var(--mainActiveColor)!important}.purpleColor{color:#5331de!important}.nonPadding{padding:0!important}.nonTopPadding{padding-top:0!important}.mt-4{margin-top:4px!important}.mt-16{margin-top:16px!important}.mt-24{margin-top:24px!important}.pt-20{padding-top:20px!important}.pt-24{padding-top:24px!important}.pt-56{padding-top:56px!important}.pt-64{padding-top:64px!important}.line{background:#f5f7fa;width:100%;height:12px}#contents,#curriculum,#review,#creatorInfo{scroll-margin-top:60px}@media (max-width:1220px){.slideCardBox{padding:48px 20px}.reviewListBox{padding:40px 20px}.mypageBox{padding:24px 20px}.classProgressBox .classProgressItem{width:calc(50% - 16px)}}@media (max-width:1200px){.mainBannerBox .swiper-slide{aspect-ratio:3;width:1200px;height:auto!important}.mainBannerBox .imageBox{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;width:100%;height:100%;padding:90px 70px;position:relative;overflow:hidden}}@media (max-width:1024px){html,body{font-size:13px}.mheader{height:56px}.contentsSection.headerContents,.contentsSection.headerBannerContents{padding-top:54px;padding-bottom:0}.contentsSection.headerBannerContents.main{padding-top:56px}.contentsSection.headerBannerContents.headerBanner{padding-top:104px}.contentsSection.headerBannerContents.mobileNonHeader{padding-top:60px!important}.loginBox .container .infoBox{margin-top:40px}.loginBox .container .infoBox .title{font-size:24px;font-weight:600}.loginBox .container .infoBox .summary{font-size:15px;font-weight:400}.loginBox .container .loginBtnBox button{width:320px}.loginMain .loginBox .container .infoBox{margin-top:81px}.badgeBox.full .badge{margin:0 20px}.input_contents{margin-top:0;padding:32px 20px}.userInfoBox{margin:48px 20px 16px}.contentsSection.pcCenter{justify-content:unset;flex-direction:unset;display:block}.mainBannerBox{margin-top:22px}}@media (max-width:960px){.mobileOnly{display:block!important}.mobileOnlyFlex{display:flex!important}.pcOnlyFlex,.pcOnly{display:none!important}.mobileNonPadding{padding:0!important}.contentsSection.pcFooterContents{min-height:100vh}.contentsSection.footerContents{min-height:calc(100vh - 47px);padding-bottom:56px!important}.contentsSection.headerBannerContents.main{padding-top:84px!important}.contentsSection.headerBannerContents.mHeaderMenu{padding-top:96px!important}.contentsSection.headerBannerContents.mHeaderMenu.headerBanner{padding-top:144px!important}.contentsSection.headerBannerContents.mobileNonHeader{padding-top:60px!important}.pcheader{display:none}.mheader{display:block}.mheader .headerSection{height:100%;padding:0 16px}.mheader .headerSection.center{justify-content:center}.headTitle{white-space:nowrap;text-overflow:ellipsis;width:75%;line-height:54px;display:block;overflow:hidden}.header{border-bottom:none}.loginBox{margin:0}.btnLogo{width:95px}.footer{margin-top:56px}.footer .container{padding:28px 16px}.footerText{font-size:13px}.footerTextBox{gap:2px;margin:16px 0}.footer .container .termsBox{gap:8px}.footer .container .termsBox .termsItem,.footerText.reserved{font-size:13px}.footer .container .logoBox{flex-direction:column;gap:22px}.footer .container .logoBox img{width:95px}.footer .container .logoBox .snsBox img{width:40px;height:40px}.mainBannerBox .swiper-slide{aspect-ratio:320/248;width:320px}.mainBannerBox .imageBox{padding:40px 24px}.inputTapItemBox{gap:8px}.inputTapItem{width:calc(50% - 4px);height:48px;padding:12px 16px;font-size:16px}.inputTapItem.toss img{width:83px;height:20px}.inputTapItem.kakao img{width:53px;height:26px}.inputTapItem.apple img{width:44px;height:27px}.inputTapItem.payco img{width:60px;height:15px}.inputTapItem.naver img{width:53px;height:18px}.paymentInfoBox{font-size:15px}.paymentInfoTextBox{font-size:13px}.tabBox{white-space:nowrap;-webkit-overflow-scrolling:touch;overflow-x:auto;padding:10px 20px!important}.tabBox .tab.active:after{bottom:-10px}.subBannerBox{height:168px}.subBannerBox .imageBox{border-radius:0}.quickMenuBox{flex-wrap:wrap;gap:0;margin-top:24px;padding:0 20px}.quickMenuBox .quickMenuItem{justify-content:space-between;width:25%;padding:12px 13px}.quickMenuBox .quickMenuItem .title{font-size:13px;font-weight:500}.quickMenuBox .quickMenuItem .imageBox{background:#fff;width:48px;height:48px;padding:0}.quickMenuBox .quickMenuItem .imageBox img{aspect-ratio:1;width:100%;height:100%}.slideCardBox{padding:32px 0 32px 20px!important}.slideCardBox.section{padding:12px 20px}.slideCardBox .swiper{padding-right:20px}.slideCardBox .creatorCardItem{padding:19px 16px}.slideCardBox .titleBox .left{font-size:19px}.slideCardBox .gridBox.one{gap:0}.gradientBox{margin:20px 0 8px}.reviewListBox{padding:40px 0 0 20px}.reviewListBox .contentsBox{margin-top:20px}.reviewListBox .contentsBox .reviewCardItem.last{margin-right:20px}.pageBtn_box.btnBox{width:100%;padding:12px 20px 16px}.btnBox .likeBtn{height:48px;font-size:10px;font-weight:500}.btnBox .likeBtn img{width:20px;height:17px}.btnBox .primaryBtn{height:48px;font-size:16px;font-weight:600}.headerSearchBox{width:100vw}.headerSearchBox .inputBox{width:85%}.headerSearchBox .searchBox{width:100%}.searchTitleBox{padding:12px 20px;font-size:19px}.slideCardBox .gridBox{grid-template-columns:unset}.productListBox .slideCardBox{margin-top:0}.productListBox.onlyProduct .slideCardBox{padding-top:20px}.slideCardBox .classBox{gap:24px 16px;margin-top:20px}.slideCardBox .classBox>*{box-sizing:border-box;flex:0 0 calc(50% - 18px)}.classCardItem .classTitle{-webkit-line-clamp:2}.classCardItem .classSummaryBox{flex-direction:column;align-items:baseline}.productInfoBox{flex-direction:column;gap:0;margin-top:0}.productInfoBox .left{width:100%}.productInfoBox .left img{aspect-ratio:16/9;border-radius:0}.productInfoBox .right{width:100%;position:unset;padding:20px 20px 24px}.productInfoBox .mobileOnly .menuBox{gap:6px;padding:0 20px 8px;display:flex}.productInfoBox .mobileOnly .menuBox .menu{color:#35393f;font-size:13px;font-weight:400}.right .priceBox{margin-top:20px}.productInfoBox .right .title{justify-content:space-between;margin-top:0;font-size:19px;display:flex}.productDetailBox .container{width:100%}.productListBox{padding-bottom:40px}.productListBox .inputItemBox.dropdown{color:#1e2124;margin:0;font-size:13px;font-weight:400;display:flex}.productListBox .inputItemBox.dropdown img{opacity:1}.productListBox .customSelect_optionBox .customSelect_option.title{width:100%;padding:24px 20px 12px 24px}.productListBox .customSelect_optionBox .customSelect_option{width:100%;padding:12px 20px 13px 24px}.sectionBox.detail{padding-top:20px}.sectionBox.lastWatch{padding:24px 0 0}.sectionBox{padding:20px}.sectionBox.bestReview{padding:20px 20px 16px}.sectionBox .sectionTitle .title{font-size:19px}.mobileCategoryBox .mainCategoryBox{padding:0 6px}.mainCategoryBox .mainCategoryItem{height:56px}.customSelect_optionBoxWrapper.active{z-index:1001;background-color:rgba(0,0,0,.57);width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.customSelect_optionBoxWrapper .customSelect_optionBox{width:100%;max-height:40%;color:var(--btnTextColor);z-index:99;background:#fff;border-radius:16px 16px 0 0;padding:0;font-size:14px;font-weight:700;display:none;position:fixed;bottom:0;left:0;overflow-x:hidden;overflow-y:scroll}.customSelect_optionBoxWrapper .customSelect_option{color:#1e2124;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 20px 13px 24px;font-size:16px;font-weight:400;line-height:150%;display:flex}.customSelect_optionBoxWrapper .customSelect_option.active .customSelect_optionContents{font-weight:600}.customSelect_option.title{margin-bottom:8px;padding:24px 20px 12px 24px;font-size:20px;font-weight:600;line-height:150%}.customSelect_optionContents{text-align:left;flex:1 0 0}.customSelect_option_close{display:flex}.customSelect_optionCheck{display:none}.mypageTabSelect .customSelect_optionBoxWrapper .customSelect_option.item{min-height:48px;max-height:48px}.mypageTabSelect .customSelect_optionBoxWrapper .customSelect_option.item.gray{color:#929aa6}.lastWatchClassBox .lastWatchClassItem{width:100%}.orderBox{flex-direction:column;gap:28px;margin-top:0}.orderBox .left{width:100%}.orderBox .left .hr{background:#e8ecf1;width:100%;height:1px;margin:15px 20px 0}.orderBox .right{width:100%;padding:0 20px}.orderBox .right .title{font-size:19px}.orderBox .sectionBox{padding-top:24px}.orderBox .sectionBox.coupon{padding-top:16px}.orderBox .chkBoxBtn{display:none}.orderListBox .orderListItem .contentsBox{gap:16px}.orderListBox .orderListItem .contentsBox .image{width:96px;height:96px}.orderListBox .orderListItem .contentsBox .orderInfoBox .title,.orderListBox .orderListItem .contentsBox .orderInfoBox .price{font-size:15px}.orderListBox .orderListItem .menuItemBox{align-items:center;gap:6px;margin-top:2px;display:flex}.orderListBox .orderListItem .menuItemBox .hr{background:#e8ecf1;width:1px;height:10px}.orderListBox .orderListItem .menuItemBox .menuItem .summary{color:#575f6b;font-size:13px;font-weight:400}.slideCardBox .gridBox .classCardItem{gap:16px}.slideCardBox .gridBox .classCardItem .imageBox{width:96px;height:96px}.orderCompleteBox{justify-content:center;width:100%;margin-top:62px;padding:0 20px;display:flex}.detailGridBox .gridContainer{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;flex-wrap:nowrap;gap:16px;overflow-x:auto}.detailGridBox .gridContainer .reviewCardItem{scroll-snap-align:start;flex:0 0 100%}.curriculumBox{padding:20px}.curriculumBox .curriculumTitle .title{font-size:19px}.curriculumBox .curriculumTitle .right{font-size:13px}.curriculumBox .curriculumContents .summaryBox{padding:16px 20px}.chapterBox .chapterItem .listBox.active{margin-top:16px;padding:8px 12px 8px 16px}.chapterBox .chapterItem .listBox .listItem .listItemBox{flex-direction:column}.chapterBox .chapterItem .listBox .listItem .listItemBox .left{justify-content:space-between;width:100%}.chapterBox .chapterItem .listBox .listItem .listItemBox .left .textBox{align-items:center}.chapterBox .chapterItem .listBox .listItem .listItemBox .right{margin:8px 0 0 24px}.chapterBox .chapterItem .listBox .listItem .dateBox{justify-content:space-between;align-items:center;display:flex}.chapterBox .chapterItem .listBox .listItem .dateBox .date{margin:4px 0 0}.chapterBox .chapterItem .titleBox .left .documentBtn{margin-left:25px}.lastWatchClassBox{flex-direction:column}.summaryBox{padding-top:20px}.classRoomPlayerBox{flex-direction:column}.classRoomPlayerBox .classListBox{width:100%}.toggleSwitch{width:35px;height:20px}.switchBtn{width:16px;height:16px}.toggleSwitch.active .switchBtn{left:17px}.chk_item label{width:100%}.Input_chk_section{margin-top:23px}.mypageBox{flex-direction:column;gap:0;padding:16px 20px 12px}.mypageBox .menuBox,.mypageBox .contentsBox{width:100%}.mypageBox .contentsBox .hr{background:#e8ecf1;width:100%;height:1px;margin:24px 0 0}.mypageBox .tabBox{padding:10px 0!important}.mypageTabSelect{color:#1e2124;gap:4px;margin-top:40px;margin-bottom:13px;font-size:19px;font-weight:700;display:flex}.mypageTabSelect.modify{margin-top:0;margin-bottom:24px}.mypageTabSelect .dropdown{color:#1e2124;gap:4px;font-size:19px;font-weight:700;display:flex}.modifyUserBox .input_contents{padding:0}.modifyUserBox .link{margin-top:48px}.reviewBannerBox .container{margin-bottom:28px}.reviewBannerBox .container .bannerIcon.bannerComment,.reviewBannerBox .container .bannerIcon.bannerUser{display:none}.myReviewListBox .myReviewItem .contentsBox .left{gap:16px}.myReviewListBox .myReviewItem .contentsBox .left .image{width:96px;height:96px}.myReviewListBox .myReviewItem .contentsBox .left .orderInfoBox .title{font-size:15px}.myReviewListBox.complete .myReviewItem .contentsBox .left .image{width:70px;height:70px}.myReviewListBox.complete .myReviewItem .contentsBox .left .orderInfoBox .title{margin-top:0}.couponRegisterBox{margin:7px 0 40px}.couponRegisterBox .inputComBox,.couponRegisterBox .inputItem{width:100%}.couponListBox{flex-direction:column}.couponListBox .couponItem{width:100%}.couponListBox .couponItem .headerBox .title{font-size:22px}.couponListBox .couponItem .name{font-size:15px}.couponListBox .couponItem .hr{margin:12px 0}.couponListBox .couponItem .summaryBox{padding-top:0}.eventListBox .hr{margin:20px 20px 60px}.eventDetailBox{padding:0 20px}.eventDetailBox .title{margin-top:0}.eventDetailBox .period{margin-bottom:36px}.exportBox .titleBox{gap:24px}.exportBox .titleBox .title{font-size:44px}.exportBox .titleBox .summary{font-size:17px}.exportBox .mainCreatorBox .container{padding:0 0 0 20px}.exportBox .mainCreatorBox .container .contentsBox{gap:16px;overflow-x:scroll}.exportBox .mainCreatorBox .container .contentsBox .creatorCardItem{min-width:152px}.exportBox .mainCreatorBox .container .contentsBox .creatorCardItem:last-child{margin-right:20px}.exportBox .creatorBox{padding-top:40px}.exportBox .creatorBox .container{padding:20px}.exportBox .creatorBox .listBox .listItem{width:100%}.exportDetailBox .exportDetailHeader{flex-direction:column;height:100%;padding:24px 20px}.exportDetailBox .exportDetailHeader .exportDetailHeaderItem{width:100%}.exportDetailBox .exportDetailHeader .exportDetailHeaderItem .profile{border-radius:12px;height:268px}.withdrawalPopup .withdrawalTermsBox{height:80px}.certificateBannerBox{gap:16px}.certificateBannerBox .certificateBannerItem{height:100%;padding:16px 12px}.certificateBannerBox .certificateBannerItem .titleBox{flex-direction:column;align-items:flex-start;gap:16px}.certificateBannerBox .certificateBannerItem .titleBox .icon{order:1}.certificateBannerBox .certificateBannerItem .titleBox .title{order:2}.certificateListBox .certificateItem:last-child{border-bottom:unset}.certificateListBox .certificateItem .contentsBox{gap:16px}.certificateListBox .certificateItem .contentsBox .imageBox{flex-shrink:0;width:96px;height:96px}.certificateListBox .certificateItem .contentsBox .image{width:96px;height:96px}.certificateListBox .certificateItem .contentsBox .medal{width:40px;height:40px}.certificateListBox .certificateItem .contentsBox .orderInfoBox .title{-webkit-line-clamp:1}.certificateListBox .certificateItem .contentsBox .orderInfoBox .detailInfoBox{flex-direction:column;align-items:flex-start;gap:0}.exportDetailBox .exportDetailContents{gap:8px}.exportDetailBox .exportDetailContents .youtubeBox{padding:0 20px}.exportDetailBox .exportDetailContents .youtubeBox .youtubeItemBox{flex-wrap:wrap;gap:24px 16px}.exportDetailBox .exportDetailContents .youtubeBox .youtubeItemBox .youtubeItem{width:calc(50% - 8px)}.exportDetailBox .exportDetailContents .youtubeBox .youtubeItemBox .youtubeItem .image{height:100px}.exportDetailBox .exportDetailContents .youtubeBox .youtubeItemBox .youtubeItem .title{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:15px;display:-webkit-box;overflow:hidden}.slideCardBox .youtubeItem .image{height:155px}.communityBox{flex-direction:column;padding-top:0}.communityBox .contentsBox{width:100%;padding:0}.communityBox .sectionBox{padding:24px 20px 0!important}.communityBox .sectionBox.nonPadding{padding:0 20px!important}.communityTabBox{flex-direction:unset;align-items:stretch;margin:8px 20px}.communityTabBox .communityTabItem{border-radius:8px;width:80px;height:84px}.communityTabBox .communityTabItem .menuBox{flex-direction:column;gap:8px;width:100%}.communityTabBox .communityTabItem.active .menuBox{background:#f7f8f9;border-radius:8px;padding:12px}.communityTabBox .communityTabItem .menuBox .menuName{text-align:center;font-size:13px;font-weight:500}.communityTabBox .communityTabItem.active .menuBox .menuName{font-weight:700}.communityTabBox .communityTabItem:hover{background:unset}.hotCommunityBox{margin-top:0;padding:8px 20px 32px}.hotCommunityBox .hotCommunityItem:last-child{border-bottom:none}.communitySearchBox{padding:0 20px}.communitySearchBox .inputItemBox:first-child{width:45%}.communitySearchBox .inputItem{height:40px}.communityCategoryBox{margin-top:0;padding:20px 20px 16px}.boardBox{margin-top:0;padding:0 16px}.boardBox .boardItem .left .nicknameBox .left,.boardBox .boardItem .left .nicknameBox .right .boardInfoBox{width:-moz-fit-content;width:fit-content}.rankingBox{width:100%;padding:0 20px}.floatingBtn{height:52px;font-size:16px;bottom:68px;right:12px}.modifyUserBox{width:unset}.tooltipText{width:250px;top:85px;left:-45px}.classDateBox .classDateItem .classDateTitle{min-width:-moz-fit-content;min-width:fit-content}.classCardItem .classSummaryBox .creator .hr{margin:0}.customPopup.documentDownload .popupSetion{width:100%!important;min-width:100%!important;height:100%!important;min-height:100%!important}.chapterBox .chapterItem .titleBox .left{flex-direction:column}.chapterBox .chapterItem .titleBox{padding:12px}.chapterBox .chapterItem .titleBox .left .iconTitleBox{color:#1e2124;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.chapterBox .chapterItem .titleBox .right{color:#575f6b;white-space:nowrap;font-size:13px;font-weight:400}.chapterBox .chapterItem .listBox .listItem .date{margin-left:0}.productDetailBox .tabBox{margin-top:24px;top:56px}.productDetailBox .chapterBox .chapterItem .listBox .listItem .listItemBox .right{margin:0;padding:8px 0 0 24px}.documentBox .documentItem .left{flex-wrap:nowrap}.documentBox .documentItem .left .documentTitleBox .documentTitle{word-break:break-word;overflow-wrap:anywhere;margin-right:12px}.editorContents{padding:12px}.editorContents img{width:auto!important;height:auto!important;max-height:unset!important;aspect-ratio:unset!important}}@media (max-width:490px){.classProgressBox .classProgressItem{width:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}