@font-face{font-family:TmoneyRoundWind;src:url(/assets/fonts/TmoneyRoundWindExtraBold.woff) format("woff"),url(/assets/fonts/TmoneyRoundWindExtraBold.otf) format("opentype"),url(/assets/fonts/TmoneyRoundWindExtraBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:TmoneyRoundWind;src:url(/assets/fonts/TmoneyRoundWindRegular.woff) format("woff"),url(/assets/fonts/TmoneyRoundWindRegular.otf) format("opentype"),url(/assets/fonts/TmoneyRoundWindRegular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:MapleStory;src:url(/assets/fonts/MaplestoryBold.woff) format("woff"),url(/assets/fonts/MaplestoryBold.otf) format("opentype"),url(/assets/fonts/MaplestoryBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:MapleStory;src:url(/assets/fonts/MaplestoryLight.woff) format("woff"),url(/assets/fonts/MaplestoryLight.otf) format("opentype"),url(/assets/fonts/MaplestoryLight.ttf) format("truetype");font-weight:400;font-style:normal}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-\[30px\]{bottom:30px}.left-0{left:0}.right-\[-180px\]{right:-180px}.right-\[40px\]{right:40px}.top-0{top:0}.top-\[-10px\]{top:-10px}.top-\[-2px\]{top:-2px}.top-\[-9px\]{top:-9px}.z-\[10000\]{z-index:10000}.z-\[1\]{z-index:1}.z-\[9999\]{z-index:9999}.mx-auto{margin-left:auto;margin-right:auto}.mb-\[-64px\]{margin-bottom:-64px}.mb-\[10px\]{margin-bottom:10px}.mb-\[33px\]{margin-bottom:33px}.ml-\[3px\]{margin-left:3px}.mt-\[-25px\]{margin-top:-25px}.mt-\[15px\]{margin-top:15px}.mt-\[20px\]{margin-top:20px}.mt-\[23px\]{margin-top:23px}.mt-\[25px\]{margin-top:25px}.mt-\[30px\]{margin-top:30px}.mt-\[35px\]{margin-top:35px}.mt-\[40px\]{margin-top:40px}.mt-\[44px\]{margin-top:44px}.mt-\[5px\]{margin-top:5px}.mt-\[60px\]{margin-top:60px}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-\[100vh\]{height:100vh}.h-\[107px\]{height:107px}.h-\[132px\]{height:132px}.h-\[200px\]{height:200px}.h-\[26px\]{height:26px}.h-\[300px\]{height:300px}.h-\[35px\]{height:35px}.h-\[375px\]{height:375px}.h-\[400px\]{height:400px}.h-\[450px\]{height:450px}.h-\[45px\]{height:45px}.h-\[470px\]{height:470px}.h-\[58px\]{height:58px}.h-\[75px\]{height:75px}.h-\[775px\]{height:775px}.h-\[875px\]{height:875px}.h-\[90px\]{height:90px}.h-\[calc\(100\%-219px\)\]{height:calc(100% - 219px)}.h-full{height:100%}.max-h-\[500px\]{max-height:500px}.max-h-\[80vh\]{max-height:80vh}.min-h-\[calc\(100vh-261px\)\]{min-height:calc(100vh - 261px)}.w-\[102px\]{width:102px}.w-\[130px\]{width:130px}.w-\[158px\]{width:158px}.w-\[172px\]{width:172px}.w-\[244px\]{width:244px}.w-\[350px\]{width:350px}.w-\[50\%\]{width:50%}.w-\[66px\]{width:66px}.w-\[78px\]{width:78px}.w-\[90px\]{width:90px}.w-\[calc\(100\%-112px\)\]{width:calc(100% - 112px)}.w-\[calc\(33\.333\%-32px\)\]{width:calc(33.333% - 32px)}.w-\[calc\(50\%-7\.5px\)\]{width:calc(50% - 7.5px)}.w-full{width:100%}.max-w-\[130px\]{max-width:130px}.max-w-\[1320px\]{max-width:1320px}.max-w-\[355px\]{max-width:355px}.max-w-full{max-width:100%}.flex-none{flex:none}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\[100px\]{gap:100px}.gap-\[10px\]{gap:10px}.gap-\[12px\]{gap:12px}.gap-\[13px\]{gap:13px}.gap-\[15px\]{gap:15px}.gap-\[17px\]{gap:17px}.gap-\[18px\]{gap:18px}.gap-\[20px\]{gap:20px}.gap-\[25px\]{gap:25px}.gap-\[27px\]{gap:27px}.gap-\[30px\]{gap:30px}.gap-\[31px\]{gap:31px}.gap-\[40px\]{gap:40px}.gap-\[50px\]{gap:50px}.gap-\[5px\]{gap:5px}.gap-\[7px\]{gap:7px}.gap-\[80px\]{gap:80px}.gap-\[96px\]{gap:96px}.gap-x-\[15px\]{-moz-column-gap:15px;column-gap:15px}.gap-x-\[48px\]{-moz-column-gap:48px;column-gap:48px}.gap-y-\[10px\]{row-gap:10px}.gap-y-\[20px\]{row-gap:20px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.break-keep{word-break:keep-all}.rounded{border-radius:.25rem}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-\[30px\]{border-radius:30px}.rounded-\[50px\]{border-radius:50px}.rounded-\[8px\]{border-radius:8px}.rounded-xl{border-radius:.75rem}.rounded-bl-\[25px\]{border-bottom-left-radius:25px}.rounded-br-\[35px\]{border-bottom-right-radius:35px}.rounded-tl-\[20px\]{border-top-left-radius:20px}.rounded-tl-\[35px\]{border-top-left-radius:35px}.rounded-tr-\[20px\]{border-top-right-radius:20px}.rounded-tr-\[25px\]{border-top-right-radius:25px}.border{border-width:1px}.border-b,.border-b-\[1px\]{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-\[\#535353\]{--tw-border-opacity: 1;border-color:rgb(83 83 83 / var(--tw-border-opacity, 1))}.border-\[\#e1e1e1\]{--tw-border-opacity: 1;border-color:rgb(225 225 225 / var(--tw-border-opacity, 1))}.border-\[\#ededed\]{--tw-border-opacity: 1;border-color:rgb(237 237 237 / var(--tw-border-opacity, 1))}.bg-\[\#00a7e5\]{--tw-bg-opacity: 1;background-color:rgb(0 167 229 / var(--tw-bg-opacity, 1))}.bg-\[\#00ca29\]{--tw-bg-opacity: 1;background-color:rgb(0 202 41 / var(--tw-bg-opacity, 1))}.bg-\[\#333\]{--tw-bg-opacity: 1;background-color:rgb(51 51 51 / var(--tw-bg-opacity, 1))}.bg-\[\#444\]{--tw-bg-opacity: 1;background-color:rgb(68 68 68 / var(--tw-bg-opacity, 1))}.bg-\[\#6c2cdb\]{--tw-bg-opacity: 1;background-color:rgb(108 44 219 / var(--tw-bg-opacity, 1))}.bg-\[\#cd6cff\]{--tw-bg-opacity: 1;background-color:rgb(205 108 255 / var(--tw-bg-opacity, 1))}.bg-\[\#dce8ff\]{--tw-bg-opacity: 1;background-color:rgb(220 232 255 / var(--tw-bg-opacity, 1))}.bg-\[\#e9e9e9\]{--tw-bg-opacity: 1;background-color:rgb(233 233 233 / var(--tw-bg-opacity, 1))}.bg-\[\#ebeae6\]{--tw-bg-opacity: 1;background-color:rgb(235 234 230 / var(--tw-bg-opacity, 1))}.bg-\[\#efefef\]{--tw-bg-opacity: 1;background-color:rgb(239 239 239 / var(--tw-bg-opacity, 1))}.bg-\[\#f2f5f9\]{--tw-bg-opacity: 1;background-color:rgb(242 245 249 / var(--tw-bg-opacity, 1))}.bg-\[\#fbf4f1\]{--tw-bg-opacity: 1;background-color:rgb(251 244 241 / var(--tw-bg-opacity, 1))}.bg-\[\#febd00\]{--tw-bg-opacity: 1;background-color:rgb(254 189 0 / var(--tw-bg-opacity, 1))}.bg-\[\#ff5569\]{--tw-bg-opacity: 1;background-color:rgb(255 85 105 / var(--tw-bg-opacity, 1))}.bg-\[\#ffe5dc\]{--tw-bg-opacity: 1;background-color:rgb(255 229 220 / var(--tw-bg-opacity, 1))}.bg-\[\#ffece5\]{--tw-bg-opacity: 1;background-color:rgb(255 236 229 / var(--tw-bg-opacity, 1))}.bg-\[\#fff\]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-\[rgba\(0\,0\,0\,\.7\)\]{background-color:#000000b3}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-2{padding:.5rem}.p-4{padding:1rem}.p-\[20px\]{padding:20px}.p-\[33px\]{padding:33px}.px-\[22px\]{padding-left:22px;padding-right:22px}.px-\[25px\]{padding-left:25px;padding-right:25px}.px-\[30px\]{padding-left:30px;padding-right:30px}.px-\[31px\]{padding-left:31px;padding-right:31px}.px-\[32px\]{padding-left:32px;padding-right:32px}.px-\[36px\]{padding-left:36px;padding-right:36px}.px-\[68px\]{padding-left:68px;padding-right:68px}.px-\[80px\]{padding-left:80px;padding-right:80px}.px-\[94px\]{padding-left:94px;padding-right:94px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-\[10px\]{padding-top:10px;padding-bottom:10px}.py-\[11px\]{padding-top:11px;padding-bottom:11px}.py-\[15px\]{padding-top:15px;padding-bottom:15px}.py-\[19px\]{padding-top:19px;padding-bottom:19px}.py-\[40px\]{padding-top:40px;padding-bottom:40px}.py-\[47px\]{padding-top:47px;padding-bottom:47px}.py-\[50px\]{padding-top:50px;padding-bottom:50px}.pb-\[33px\]{padding-bottom:33px}.pb-\[65px\]{padding-bottom:65px}.pl-\[304px\]{padding-left:304px}.pl-\[60px\]{padding-left:60px}.pr-\[40px\]{padding-right:40px}.pr-\[85px\]{padding-right:85px}.pt-\[22px\]{padding-top:22px}.pt-\[24px\]{padding-top:24px}.pt-\[28px\]{padding-top:28px}.pt-\[32px\]{padding-top:32px}.pt-\[93px\]{padding-top:93px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-maple{font-family:MapleStory,sans-serif}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[36px\]{font-size:36px}.text-\[55px\]{font-size:55px}.text-\[60px\]{font-size:60px}.font-\[400\]{font-weight:400}.font-bold{font-weight:700}.leading-\[1\.6\]{line-height:1.6}.text-\[\#000\]{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-\[\#006f98\]{--tw-text-opacity: 1;color:rgb(0 111 152 / var(--tw-text-opacity, 1))}.text-\[\#272727\]{--tw-text-opacity: 1;color:rgb(39 39 39 / var(--tw-text-opacity, 1))}.text-\[\#333\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))}.text-\[\#666\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity, 1))}.text-\[\#777\]{--tw-text-opacity: 1;color:rgb(119 119 119 / var(--tw-text-opacity, 1))}.text-\[\#888\]{--tw-text-opacity: 1;color:rgb(136 136 136 / var(--tw-text-opacity, 1))}.text-\[\#999\]{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity, 1))}.text-\[\#a0a0a0\]{--tw-text-opacity: 1;color:rgb(160 160 160 / var(--tw-text-opacity, 1))}.text-\[\#c1c7d1\]{--tw-text-opacity: 1;color:rgb(193 199 209 / var(--tw-text-opacity, 1))}.text-\[\#ff5569\]{--tw-text-opacity: 1;color:rgb(255 85 105 / var(--tw-text-opacity, 1))}.text-\[\#ffb600\]{--tw-text-opacity: 1;color:rgb(255 182 0 / var(--tw-text-opacity, 1))}.text-\[\#fff799\]{--tw-text-opacity: 1;color:rgb(255 247 153 / var(--tw-text-opacity, 1))}.text-\[\#fff\]{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-70{opacity:.7}.shadow-custom{--tw-shadow: .5px .5px 10px rgba(0,0,0,.2);--tw-shadow-colored: .5px .5px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{font-family:TmoneyRoundWind;margin:0;padding:0;box-sizing:border-box;line-height:1.4;letter-spacing:-1px}h1,h2,h3,h4,h5{line-height:1}body{overflow-x:hidden;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}#root{overflow-x:hidden}header .btnSign{font-size:15px;color:#333;padding:2px 0 2px 22px}header .btnSignIn{background:url(/assets/images/ico-login.png) no-repeat top 2px left;background-size:18px 18px}header .btnSignOut{background:url(/assets/images/ico-logout.png) no-repeat top 2px left;background-size:18px 18px}header .logo{flex:none}header .btnBuger{width:40px;height:20px;background:url(/assets/images/ico-buger.png) no-repeat center right;background-size:contain;color:#0000;text-indent:-9999px}#subMenus{position:fixed;top:-100px;left:0;width:100%;padding:23px 30px 42px;z-index:9998;background:#fff;box-shadow:.5px .5px 10px #00000040;opacity:0}#subMenus.active{transform:translateY(192px);transition:all .5s ease;opacity:1}.familySiteText{position:relative;display:flex;align-items:center;width:100%;height:100%;font-weight:400;padding:0 15px;cursor:pointer}.familySiteText select{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;font-size:17px;color:#d5d5d9}.familySiteText select:focus{outline:none}.familySiteText:before{content:"";position:absolute;top:50%;right:15px;width:14px;height:9px;background:url(/assets/images/ico-family-arrow.png) no-repeat center center;z-index:1;transform:translateY(-50%)}.pageCont .inner{width:100%;max-width:1340px;margin:0 auto;padding:45px 30px 70px}.navigation{margin:5px 0 22px}.navigation ul{display:flex;align-items:center;gap:8px}.navigation ul li a{display:flex;align-items:center;gap:7px;font-size:14px;color:#333}.navigation ul li a img{position:relative;top:-1px}.linkTab{display:flex;align-items:center;justify-content:center;width:100%;margin:0 0 57px}.linkTab ul{position:relative;display:flex;align-items:center;border:1px solid #ff5569;border-radius:50px;overflow:hidden;margin:0 auto}.linkTab ul li a,.linkTab ul li button{display:flex;align-items:center;justify-content:center;width:222px;height:69px;font-size:24px;font-weight:700;color:#ff5569;border-radius:50px}.linkTab ul li.on a,.linkTab ul li.on button{background:#ff5569;color:#fff}.searchArea{position:relative}.searchArea input{width:303px;height:47px;font-size:16px;color:#888;background:#f0f0f4;border-radius:50px;padding:0 52px 0 23px}.searchArea button{position:absolute;top:50%;right:15px;width:27px;height:26px;background:url(/assets/images/ico-search.png) no-repeat center center;transform:translateY(-50%);text-indent:-9999px;color:#0000}.tableTop{position:relative;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #777}.contTab{position:relative;z-index:1}.contTab ul{display:flex;align-items:center;gap:3px}.tableTop ul li{border:2px solid #f0f0f0;border-bottom:none;border-top-left-radius:35px;border-top-right-radius:35px}.tableTop ul li.on{border-color:#777;border-bottom:2px solid #fff;margin-bottom:-2px}.tableTop ul li button{display:flex;align-items:center;justify-content:center;width:200px;height:67px;font-size:18px;color:#777}.tableTop ul li.on button{font-size:20px;color:#333}.colTable{width:100%;border-top:2px solid #ff5569}.colTable tr th{height:60px;font-size:16px;font-weight:700;color:#ff5569;text-align:center;border-bottom:1px solid #ff5569}.colTable tr td{font-size:17px;font-weight:400;color:#333;height:70px;border-bottom:1px solid #f0f0f0;cursor:pointer}.colTable tr:hover td{background-color:#f8f9fa;transition:background-color .2s ease}.colTable .state{font-size:16px;border-radius:50px;padding:8px 20px;background:#f0f0f0;border:1px solid #aeaeae}.colTable .state.on{background:#fff;border:1px solid #333333}.pagination{width:100%;display:flex;align-items:center;justify-content:center;gap:40px;margin:30px 0 0}.pagination ul{display:flex;align-items:center;gap:20px}.pagination ul li{font-size:16px;font-weight:400;color:#888}.pagination ul li.on{font-weight:700;color:#ff5569}.pagination .btnPrev,.pagination .btnNext{width:49px;height:49px;text-indent:-9999px;color:#0000}.pagination .btnPrev{background:url(/assets/images/ico-pagination-prev.png) no-repeat center center}.pagination .btnNext{background:url(/assets/images/ico-pagination-next.png) no-repeat center center}#modal>.inner{display:flex;align-items:center;justify-content:center;padding:0 20px}#modal .imageModal .modalCont{position:relative}#modal .imageModal .modalCont .btnClose{top:15px;right:15px}#modal .alertModal .modalCont{position:relative;width:100%;max-width:612px;background:#fff;border-radius:50px;padding:78px 67px 42px}#modal .alertModal .modalCont:before{content:"";position:absolute;right:-35px;bottom:-32px;width:203px;height:179px;background:url(/assets/images/ico-alert-modal-character.png) no-repeat center center}#modal .alertModal .modalCont h3{font-size:32px;font-weight:700;color:#333;margin-bottom:28px;line-height:1.4;word-break:keep-all}#modal .alertModal .modalCont p{font-size:17px;color:#777}#modal .inspectModal .modalCont,#modal .contentModal .modalCont,#modal .videoModal .modalCont,#modal .portfolioModal .modalCont{position:relative;border-radius:35px;overflow:hidden}#modal .contentModal .modalCont{background:#fff;padding-bottom:46px}#modal .topArea,#modal .topArea h3{width:100%}#modal .inspectModal .topArea,#modal .contentModal .topArea,#modal .videoModal .topArea,#modal .portfolioModal .topArea{display:flex;align-items:center;height:73px;background:#ff5569;padding:0 35px}#modal .videoModal .videoArea iframe,#modal .videoModal .videoArea video{width:100%}#modal .contentModal .modalCont .imgArea{display:flex;justify-content:center;padding:33px 30px 0}#modal .contentModal .modalCont .imgArea img{width:auto;max-width:100%;max-height:400px;box-shadow:.5px .5px 10px #00000026;border-radius:20px}#modal .btnClose{position:absolute;top:21px;right:26px;width:26px;height:26px;background:url(/assets/images/ico-modal-close.png) no-repeat center center;text-indent:-9999px;color:#0000}#modal .btnArea{display:flex;align-items:center;justify-content:center;gap:10px;margin:43px 0 0}#modal .btnArea button,#modal .btnArea a{font-size:20px;padding:15px 45px;border-radius:50px}#modal .btnArea .btnConfirm{color:#fff;background:#ff5569;border:1px solid #ff5569}#modal .btnArea .btnCancel{color:#111;border:1px solid #ff5569}#modal .btnArea .btnDown{font-weight:700;color:#333;background:#ffc127 url(/assets/images/ico-modal-down.png) no-repeat center left 22px;padding:15px 28px 15px 56px}#modal .btnArea .btnPrint{font-weight:700;color:#fff;background:#333 url(/assets/images/ico-modal-print.png) no-repeat center left 22px;padding:15px 28px 15px 56px}#modal .btnInspectDown{font-size:17px;font-weight:700;color:#333;background:#ffc127 url(/assets/images/ico-modal-down.png) no-repeat center left 22px;padding:13px 28px 13px 56px;border-radius:50px}#modal .checkModal .modalCont{position:relative;width:100%;max-width:612px;background:#fff;border-radius:50px;padding:78px 67px 42px}#modal .checkModal .modalCont:before{content:"";position:absolute;top:-142px;left:50%;width:172px;height:142px;background:url(/assets/images/ico-check-modal-character.png) no-repeat center center;transform:translate(-50%)}#modal .checkModal .btnClose{background:url(/assets/images/ico-modal-close-g.png) no-repeat center center}#modal .portfolioContArea .infoArea .btnDownload{position:absolute;right:0;font-size:17px;font-weight:700;color:#333;background:#ffc127 url(/assets/images/ico-modal-down.png) no-repeat center left 22px;padding:13px 28px 13px 56px;border-radius:50px}#modal .portfolioContArea .portfolioBtn{position:absolute;top:50%;width:27px;height:45px;text-indent:-9999px;color:#0000;transform:translateY(-50%)}#modal .portfolioContArea .portfolioBtn.btnPrev{left:36px;background:url(/assets/images/ico-portfolio-arrow-prev.png) no-repeat center center}#modal .portfolioContArea .portfolioBtn.btnNext{right:36px;background:url(/assets/images/ico-portfolio-arrow-next.png) no-repeat center center}#mainBanner .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#mainBanner .swiper .swiper-button-prev:after,#mainBanner .swiper .swiper-button-next:after{display:none}#mainBanner .swiper .swiper-button-prev,#mainBanner .swiper .swiper-button-next{width:76px;height:76px}#mainBanner .swiper .swiper-button-prev{left:38px;background:url(/assets/images/ico-main-slide-prev.png) no-repeat center center}#mainBanner .swiper .swiper-button-next{right:38px;background:url(/assets/images/ico-main-slide-next.png) no-repeat center center}#mainBanner .swiper .swiper-pagination{bottom:48px;display:flex;align-items:center;justify-content:center;gap:14px}#mainBanner .swiper .swiper-pagination .swiper-pagination-bullet{width:14px;height:14px;background:#fff;border-radius:100%;transition:all .3s ease;opacity:1}#mainBanner .swiper .swiper-pagination .swiper-pagination-bullet-active{width:126px;border-radius:50px}#mainTabArea .tabContents{width:100%}#mainTabArea .tabContents #mainTabContent{width:100%;height:100%;background:#fff;border-radius:60px;overflow:hidden}#mainTabArea .tabContents #mainTabContent img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#mainTabContent .titArea{position:relative;top:5px;width:100%;height:219px;background-repeat:no-repeat!important;background-position:center bottom!important;background-size:contain!important}#mainTabContent .titArea.bg-0{background:url(/assets/images/bg-main-tab-korean.png)}#mainTabContent .titArea.bg-1{background:url(/assets/images/bg-main-tab-korean.png)}#mainTabContent .titArea.bg-2{background:url(/assets/images/bg-main-tab-korean.png)}#mainTabContent .titArea.bg-3{background:url(/assets/images/bg-main-tab-korean.png)}#mainTabContent .titArea .characterImg{position:absolute;top:0;right:30px;width:265px;height:218px;overflow:hidden;background-repeat:no-repeat!important;background-position:bottom center!important;background-size:contain!important}#mainTabContent .titArea.bg-0 .characterImg{background:url(/assets/images/img-main-character-korean.png)}#mainTabContent .titArea.bg-1 .characterImg{background:url(/assets/images/img-main-character-korean.png)}#mainTabContent .titArea.bg-2 .characterImg{background:url(/assets/images/img-main-character-korean.png)}#mainTabContent .titArea.bg-3 .characterImg{background:url(/assets/images/img-main-character-korean.png)}#boardArea h2{font-size:38px;font-weight:700}#boardArea h2 span{font-weight:400}#boardArea .box{margin-top:35px}#boardArea .serviceBox{margin-top:20px}#boardArea .serviceBox a,#boardArea .serviceBox>.callBox{border-radius:30px}#boardArea .serviceBox>.callBox{position:relative;font-size:38px;font-weight:700;padding:33px 45px}#boardArea .serviceBox>.callBox:before{content:"";position:absolute;right:30px;bottom:-25px;width:171px;height:148px;background:url(/assets/images/ico-link-character.png) no-repeat center center;background-size:contain}#boardArea .serviceBox>.callBox strong{display:block;font-size:38px;margin-bottom:5px}#boardArea .serviceBox>.callBox p{font-size:14px;font-weight:400;color:#333}#boardArea .serviceBox>.callBox p+p{margin-top:3px}#boardArea .serviceBox div>a{position:relative;display:flex;align-items:center;font-size:28px;height:105px;padding:0 37px}#boardArea .serviceBox div>a:nth-of-type(1){background:#dce8ff url(/assets/images/ico-link-arrow.png) no-repeat center right 18px}#boardArea .serviceBox div>a:nth-of-type(2){background:#ffe5dc url(/assets/images/ico-link-arrow.png) no-repeat center right 18px}#loginArea{position:relative;width:100%;max-width:559px;height:499px;background:url(/assets/images/bg-login.png) no-repeat center center;background-size:100% 100%;margin:0 auto}#loginArea:before{content:"";position:absolute;right:-118px;bottom:-50px;width:216px;height:270px;background:url(/assets/images/img-login-character.png) no-repeat center center;background-size:contain}#loginPage .inner{padding:100px 30px 110px}#loginArea{padding:82px 100px}#loginArea .inputArea input{width:100%;height:56px;background:#f0f0f4;border-radius:27px;padding:28px}#loginArea .saveId{position:relative;display:flex;align-items:center;height:25px}#loginArea .saveId input{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer}#loginArea .saveId input+label{font-size:17px;color:#fff;padding-left:32px}#loginArea .saveId input+label:before{content:"";position:absolute;top:50%;left:0;width:25px;height:25px;background:#ffc127;border-radius:100%;transform:translateY(-50%)}#loginArea .saveId input+label:after{content:"";position:absolute;top:50%;left:4px;width:17px;height:13px;background:url(/assets/images/ico-checked.png) no-repeat center center;border-radius:100%;transform:translateY(-50%);z-index:1;opacity:0}#loginArea .saveId input:checked+label:after{opacity:1}#loginArea button{display:flex;align-items:center;justify-content:center;width:100%;height:56px;font-size:20px;color:#fff;background:#333;border-radius:50px}#loginArea button:hover{font-weight:700}#changePasswordArea{word-break:keep-all}#changePasswordArea form{position:relative;width:100%;max-width:769px;height:425px;background:url(/assets/images/bg-password.png) no-repeat center center;background-size:100% 100%;margin:40px auto;padding:30px 90px}#changePasswordArea .inputArea input{width:100%;height:56px;background:#f0f0f4;border-radius:27px;padding:0 30px}#changePasswordArea button{display:flex;align-items:center;justify-content:center;width:100%;max-width:155px;height:56px;font-size:20px;color:#fff;background:#ff5569;border-radius:50px;margin:0 auto}#changePasswordArea button:hover{font-weight:700}.subPage>.inner{width:100%;max-width:1340px;padding:45px 30px 70px;margin:0 auto}.subPage#learnCourseDetailPage>.inner,.subPage#teacherCourseDetailPage>.inner{padding-top:85px}.subTitle{display:flex;justify-content:center}.subTitle h1{font-size:42px;font-weight:700;color:#333}.subPage .contArea{position:relative;background:#fff;border-radius:50px;padding:55px 37px}.servicePage .contArea:before{content:"";position:absolute;top:-127px;right:0;z-index:-1;width:288px;height:186px;background:url(/assets/images/img-service-center-character.png) no-repeat center center}.noticePage .contArea:before{content:"";position:absolute;top:-130px;right:0;z-index:-1;width:224px;height:206px;background:url(/assets/images/img-notice-character.png) no-repeat center center}.learnPage .contArea:before{content:"";position:absolute;top:-140px;right:20px;z-index:-1;width:278px;height:166px;background:url(/assets/images/img-learn-character.png) no-repeat center center}.teacherPage .contArea:before{content:"";position:absolute;top:-110px;right:20px;z-index:-1;width:224px;height:206px;background:url(/assets/images/img-teacher-character.png) no-repeat center center}.detailArea .detailTop{border-top:2px solid #ff5569;border-bottom:1px solid #ff5569;padding:40px 30px}.detailArea .detailTop h2{font-size:28px;font-weight:700;color:#333}.detailArea .detailTop .info{display:flex;align-items:center;gap:20px;margin:25px 0 0}.detailArea .detailTop .info p{display:flex;align-items:center;gap:29px;font-size:15px;font-weight:400;color:#888}.detailArea .detailTop .info p span{color:#555}.detailArea .detailFile{background:#f9f5f5;border-bottom:1px solid #f0f0f0;padding:30px}.detailArea .answerBox{border:1px solid #f0f0f0;border-radius:15px;margin:20px 0 0;overflow:hidden}.detailArea .answerBox strong{display:block;padding:20px;background:#f9f5f5}.detailArea .answerBox .answerText{min-height:100px;font-size:16px;padding:20px}.fileArea{display:flex;flex-direction:column;gap:20px}.fileArea li a{display:block;font-size:16px;color:#333;background:url(/assets/images/ico-file.png) no-repeat top 0px left;background-size:20px;text-align:left;padding-left:33px}.fileArea li a:hover{color:#ff5569}.fileArea li a>button{text-align:left}.detailArea .detailDesc{padding:55px 64px 70px;border-bottom:1px solid #f0f0f0}.detailArea .detailDesc a{text-decoration:underline;color:#4b96e6}.detailArea .btnArea{display:flex;justify-content:center;margin:30px 0 0}.detailArea .btnArea .btnList{display:flex;align-items:center;justify-content:center;width:174px;height:56px;font-size:22px;font-weight:400;color:#fff;background:#ff5569;border-radius:50px}.faqArea{display:flex;flex-direction:column}.faqCont{position:relative;border-bottom:1px solid #f0f0f0;cursor:pointer}.faqCont .faqInquiry{position:relative;min-height:80px;padding:30px 0 30px 200px}.faqCont .faqInquiry span{position:absolute;top:28px;left:57px;font-size:18px;font-weight:700;color:#ff5569}.faqCont .faqInquiry p{word-break:keep-all}.faqCont .faqInquiry:before{content:"";position:absolute;top:50%;right:30px;width:17px;height:10px;background:url(/assets/images/ico-faq-arrow.png) no-repeat center center;transform:rotate(0) translateY(-50%);transform-origin:top center}.faqCont.active .faqInquiry:before{transform:rotate(180deg) translateY(-50%)}.faqCont .faqAnswer div{background:#f6eeee;padding:42px 56px;font-size:17px;color:#333;word-break:keep-all}.createArea form{display:flex;flex-direction:column;border-top:2px solid #ff5569}.createArea form dl{display:flex;align-items:center;gap:20px;min-height:80px;border-bottom:1px solid #f0f0f0;padding:15px 0}.createArea form dl.alFS{align-items:flex-start}.createArea form dl.alFS dt{padding-top:20px}.createArea form dl dt{width:180px;font-size:17px;font-weight:700;color:#555;padding:0 33px}.createArea form dl dt sup{position:relative;top:-2px;left:2px;font-size:17px;font-weight:700;color:#ff5569}.createArea form dl dd{width:calc(100% - 200px);font-size:17px;color:#333}.createArea form select{min-width:308px;height:49px;font-size:17px;color:#333;background:#f0f0f4 url(/assets/images/ico-select.png) no-repeat center right 18px;border-radius:50px;padding:0 28px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.createArea form input[type=text]{width:100%;height:50px;font-size:17px;color:#333;background:#f0f0f4;border-radius:50px;padding:0 28px}.createArea form .phoneArea{display:flex;align-items:center;gap:10px}.createArea form .phoneArea input{max-width:128px}.createArea form textarea{width:100%;min-height:360px;color:#333;background:#f0f0f4;border-radius:50px;padding:28px}.createFileArea{position:relative;display:flex;align-items:center;gap:10px}.createFileArea div{width:100%;max-width:657px;height:50px;background:#f0f0f4;border-radius:50px}.createFileArea span{display:flex;align-items:center;justify-content:center;font-size:17px;color:#fff;width:120px;height:43px;background:#333;border-radius:50px}.createFileArea input{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer}.fileInfoText{margin:20px 0 0;font-size:15px;color:#666;line-height:1.6}.createArea .btnArea{display:flex;justify-content:center;margin:30px 0 0}.createArea .btnArea button{display:flex;align-items:center;justify-content:center;width:174px;height:56px;font-size:22px;font-weight:400;color:#fff;background:#ff5569;border-radius:50px}.classTop{position:relative}.classTop .titBox{display:flex;flex-direction:column;align-items:center;gap:10px}.classTop .titBox h2{font-size:60px;font-weight:700;color:#fe5a61}.classTop .titBox p{font-size:20px;font-weight:400;color:#333}.classTop .infoBox{position:absolute;right:0;bottom:0;display:flex;align-items:center;height:36px;font-size:16px;color:#333;background:#e8e8e8 url(/assets/images/ico-class-smile.png) no-repeat left 4px center;border-radius:50px;padding:0 27px 0 42px}.classArea>div{transition:all .3s ease}.classArea>div:hover{transform:scale(1.2)}.subPage .contArea.classUserArea{padding:55px 40px}.classUserList ul{display:flex;flex-wrap:wrap;align-items:center;gap:40px 60px}.classUserList ul li{position:relative;width:calc(25% - 50px);transition:all .3s ease;cursor:pointer}.classUserList ul li:hover{transform:scale(1.2)}.classUserList ul li p{position:absolute;left:0;bottom:13px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;font-size:34px;font-weight:700;color:#333}.classUserList ul li.teacher p:before{content:"";width:31px;height:31px;background:url(/assets/images/ico-teacher.png) no-repeat center center}.classUserSelectArea{display:flex;align-items:center;justify-content:flex-end}.classUserSelectArea select{padding:16px 57px 16px 27px;font-size:17px;color:#333;background:#f0f0f4 url(/assets/images/ico-select.png) no-repeat center right 18px;border-radius:50px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.scheduleArea,.reportArea,.portfolioArea{position:relative;border:7px solid #f3f3f3;border-radius:50px;padding:50px 23px;margin:17px 0 0}.scheduleArea .btnCourse{position:absolute;top:27px;right:25px;font-size:17px;font-weight:700;color:#333;background:#ffc127 url(/assets/images/ico-setting.png) no-repeat center left 14px;border-radius:50px;padding:14px 20px 14px 45px}.scheduleArea .tagArea{position:absolute;top:170px;left:23px;display:flex;align-items:center;gap:30px}.scheduleArea .tagArea .state{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:700}.scheduleArea .tagArea .state.before{color:#ed6c00}.scheduleArea .tagArea .state.progress{color:#58d0db}.scheduleArea .tagArea .state.completed{color:#000}.scheduleArea .tagArea .state:before{content:"";display:block;width:22px;height:22px;border-radius:100%}.scheduleArea .tagArea .before:before{background:#ed6c00}.scheduleArea .tagArea .progress:before{background:#58d0db}.scheduleArea .tagArea .completed:before{background:#000}.scheduleArea .react-calendar__navigation{width:100%;max-width:500px;display:flex;align-items:center;justify-content:space-between;margin:0 auto}.scheduleArea .react-calendar__navigation button:not(.react-calendar__navigation__label){width:67px;height:67px;border-radius:100%;text-indent:-9999px;color:#0000;transition:all .5s ease}.scheduleArea .react-calendar__navigation button:not(.react-calendar__navigation__label):hover{transform:scale(1.15)}.scheduleArea .react-calendar__navigation .react-calendar__navigation__prev-button{background:url(/assets/images/ico-calendar-prev.png) no-repeat center center;background-size:cover}.scheduleArea .react-calendar__navigation .react-calendar__navigation__next-button{background:url(/assets/images/ico-calendar-next.png) no-repeat center center;background-size:cover}.scheduleArea .react-calendar__navigation .react-calendar__navigation__label{font-size:72px;font-weight:700}.scheduleArea .react-calendar__navigation .react-calendar__navigation__label .year{position:relative;top:-30px;font-size:30px;margin-right:-10px}.scheduleArea .react-calendar__navigation .react-calendar__navigation__label em{position:relative;top:-5px;font-style:normal;font-size:28px;font-weight:400}.scheduleArea .react-calendar__month-view__weekdays{display:flex;align-items:center;margin-top:60px}.scheduleArea .react-calendar__month-view__weekdays>div{padding:2.5px}.scheduleArea .react-calendar__month-view__weekdays>div abbr{display:block;width:100%;background:#eaeaea;border-radius:20px;font-size:20px;font-weight:700;color:#333;text-align:right;padding:14px 20px;text-decoration:none}.scheduleArea .react-calendar__month-view__weekdays>div:nth-of-type(1) abbr,.scheduleArea .react-calendar__month-view__weekdays>div:nth-of-type(7) abbr{color:#ff5569}.scheduleArea .react-calendar__month-view__days>button{position:relative;padding:2.5px}.scheduleArea .react-calendar__month-view__days>button abbr{display:block;min-height:123px;padding:20px 23px;background:#f3f3f3;font-size:24px;font-weight:700;color:#7c7c7c;text-align:right;border-radius:20px}.scheduleArea .react-calendar .weekend abbr{color:#ff5569}.scheduleArea .react-calendar__month-view__days__day--neighboringMonth abbr{color:#cdcdcd!important}.scheduleArea .scheduleCount{position:absolute;right:15px;bottom:15px;font-size:18px;font-weight:700;color:#ff5569;z-index:1}.scheduleArea .hoverBox{position:absolute;top:5px;left:14px;width:88px;height:90%;overflow-y:auto;z-index:1;background:#f3f3f3}.scheduleArea .hoverBox>div{padding:5px 0}.scheduleArea .hoverBox>div:not(:last-child){border-bottom:1px solid #e1e1e1}.scheduleArea .studyText{font-size:13px;font-weight:700;color:#ed6c00;padding:0 20px;word-break:keep-all;text-align:left}.scheduleArea .studyText.COMPLETE{color:#000}.scheduleArea .studyText.LEARNING{color:#58d0db}.reportArea{padding-bottom:0;overflow:hidden}.reportArea .btnReportDown{position:absolute;top:27px;right:25px;font-size:17px;font-weight:700;color:#333;background:#ffc127 url(/assets/images/ico-modal-down.png) no-repeat center left 22px;border-radius:50px;padding:14px 20px 14px 52px}.reportSection .titBox{display:flex}.reportSection h2{font-size:24px;font-weight:700;color:#fff;line-height:1;background:#00a7e5;border-radius:35px 25px;padding:18px 30px}.graphArea{position:relative;width:calc(100% + 46px);margin-left:-23px;padding:46px 23px;border-bottom:4px solid #f3f3f3}.subTitBox{display:flex;align-items:center;gap:10px}.subTitBox h3{font-size:22px;font-weight:700;color:#333}.subTitBox span{font-size:18px;color:#858585}.subTitBox p{font-size:22px;font-weight:700;color:#00a7e5}.referenceBox{display:flex;align-items:center;gap:30px}.referenceBox.col{align-items:flex-start;gap:5px}.referenceBox p{position:relative;font-size:18px;color:#333;padding-left:23px}.referenceBox p:before{content:"";position:absolute;top:50%;left:0;width:17px;height:17px;border-radius:5px;transform:translateY(-50%)}.referenceBox .refGreen:before{background:#00c2ba}.referenceBox .refBlue:before{background:#627eeb}.referenceBox p span{font-size:18px;font-weight:700;margin-left:5px}.referenceBox .refGreen span{color:#00c2ba}.referenceBox .refBlue span{color:#627eeb}.graphArea01{padding-top:0}.graphArea01 .tBox{position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;width:100%;background:url(/assets/images/bg-graph-area.png) no-repeat center center;background-size:200% 200%;border-radius:60px;margin:10px auto 20px;padding:30px 60px}.graphArea01 .tBox:before{content:"";position:absolute;bottom:-25px;right:0;width:247px;height:231px;background:url(/assets/images/img-graph-chr.png) no-repeat center center;background-size:contain;z-index:1}.graphArea01 .tBox strong{font-size:24px;color:#fff}.graphArea01 .tBox p{font-size:18px;color:#012b2a}.graphArea01 .infoList{display:flex;align-items:center;gap:20px}.graphArea01 .infoList li{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(33% - 10px);border-radius:50px;padding:30px}.graphArea01 .infoList li:nth-of-type(1){background:#00bddb}.graphArea01 .infoList li:nth-of-type(2){background:#6487ff}.graphArea01 .infoList li:nth-of-type(3){background:#ff6ba7}.graphArea01 .infoList li span{font-size:22px;font-weight:700;color:#fff;margin-bottom:20px}.graphArea01 .infoList li:nth-of-type(1) span{background:url(/assets/images/ico-report-alarm.png) no-repeat top 2px left;padding-left:30px}.graphArea01 .infoList li:nth-of-type(2) span{background:url(/assets/images/ico-report-time.png) no-repeat top 2px left;padding-left:30px}.graphArea01 .infoList li:nth-of-type(3) span{background:url(/assets/images/ico-report-study.png) no-repeat top 2px left;padding-left:32px}.graphArea01 .infoList p{display:flex;align-items:flex-end;font-size:24px;color:#fff}.graphArea01 .infoList p b{position:relative;top:2px;font-size:52px;font-weight:700;color:#fff000;line-height:1}.graphArea02 .titBox,.graphArea03 .titBox{margin-bottom:50px}.graphArea02 .textTop{display:flex;align-items:center;justify-content:space-between}.graphArea02 .graphRounded{position:relative;width:100%;height:42px;border-radius:50px;overflow:hidden;margin:15px 0 0}.graphArea02 .graphRounded>div{position:absolute;top:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;height:100%}.graphArea02 .graphRounded div:nth-of-type(1){left:0;background:#00c2ba}.graphArea02 .graphRounded div:nth-of-type(2){right:0;background:#627eeb}.graphArea .graphBox{display:flex;align-items:flex-start;gap:120px}.graphArea .graphBox>div{width:calc(50% - 60px)}.graphArea02 .graphBox,.graphArea03 .graphBox{margin-top:70px}.graphArea04{background:#eef5f8;border-bottom:none}.graphArea04 .resultBox{display:flex;align-items:stretch;gap:70px;margin-top:25px}.graphArea04 .resultBox .resultCont{position:relative;width:calc(100% - 35px);background:#fff;border-radius:50px;padding:30px 35px 25px}.graphArea04 .resultBox .resultCont .resultCourseTag{position:absolute;top:-8px;right:9px;z-index:1}.graphArea04 .resultBox .resultCont .resultCourseTag p{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:38px;font-weight:700;color:#fff;margin:-3px 0 0 -3px}.graphArea04 .resultBox .resultCont h3{font-size:32px;font-weight:700;margin:0 0 20px}.graphArea04 .resultBox .resultKorean h3{color:#ffb600}.graphArea04 .resultBox .resultMath h3{color:#01c82d}.graphArea04 .resultBox .resultCont .desc{height:240px;overflow-y:auto;padding-right:5px}.graphArea04 .resultBox .resultCont .desc div{font-size:16px;color:#333;line-height:1.6}.graphArea04 .resultBox .resultCont .btnArea{display:flex;align-items:center;gap:10px;margin:40px 0 0}.graphArea04 .resultBox .resultCont .btnArea p{width:calc(100% - 147px);font-size:16px;font-weight:700;color:#333;word-break:keep-all}.graphArea04 .resultBox .resultCont .btnArea button{flex:none;display:flex;align-items:center;width:137px;height:45px;font-size:20px;font-weight:700;color:#fff;border-radius:50px;padding:0 20px}.graphArea04 .resultBox .btnAgain{background:#627eeb url(/assets/images/ico-report-arrow-blue.png) no-repeat center right 7px}.graphArea04 .resultBox .btnTry{background:#ff5569 url(/assets/images/ico-report-arrow-red.png) no-repeat center right 7px}.reportArea .dateArea{width:100%;max-width:500px;display:flex;align-items:center;justify-content:space-between;margin:0 auto}.dateArea>button{width:67px;height:67px;border-radius:100%;text-indent:-9999px;color:#0000;transition:all .5s ease}.dateArea>button:hover{transform:scale(1.15)}.dateArea .btnPrev{background:url(/assets/images/ico-calendar-prev.png) no-repeat center center;background-size:cover}.dateArea .btnNext{background:url(/assets/images/ico-calendar-next.png) no-repeat center center;background-size:cover}.dateArea .dateBox{display:flex;align-items:center;font-size:72px;font-weight:700}.dateArea .dateYear{position:relative;top:-30px;font-size:30px;margin-right:10px}.dateBox em{position:relative;top:5px;font-style:normal;font-size:28px;font-weight:400}.heartReportListArea{display:flex;flex-direction:column}.heartReportListArea h2{display:flex;align-items:center;justify-content:center;width:156px;height:61px;font-size:24px;font-weight:700;color:#fff;background:#00a7e5;border-radius:35px 25px;margin-bottom:15px}.heartReportList01{position:relative;padding-bottom:47px}.heartReportList01:before{content:"";position:absolute;left:-23px;bottom:0;width:calc(100% + 46px);height:4px;background:#f3f3f3}.heartReportList01 ul{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.heartReportList01 ul li{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:calc(25% - 15px);height:164px;padding:35px 30px 26px;transition:all .3s ease;background-size:cover!important;border-radius:50px}.heartReportList01 ul li:hover{transform:scale(.95)}.heartReportList01 ul li:nth-of-type(1){background:url(/assets/images/bg-heart-report-01.png) no-repeat center center}.heartReportList01 ul li:nth-of-type(2){background:url(/assets/images/bg-heart-report-02.png) no-repeat center center}.heartReportList01 ul li:nth-of-type(3){background:url(/assets/images/bg-heart-report-03.png) no-repeat center center}.heartReportList01 ul li:nth-of-type(4){background:url(/assets/images/bg-heart-report-04.png) no-repeat center center}.heartReportList01 ul li strong{font-size:30px;font-weight:700;color:#fff;line-height:1}.heartReportList01 ul li button{font-size:16px;font-weight:700;border-radius:50px;padding:10px 40px 10px 14px}.heartReportList01 ul li:nth-of-type(1) button{color:#ff6586;background:#fff url(/assets/images/ico-heart-report-arrow-01.png) no-repeat center right 8px}.heartReportList01 ul li:nth-of-type(2) button{color:#8b9eff;background:#fff url(/assets/images/ico-heart-report-arrow-02.png) no-repeat center right 8px}.heartReportList01 ul li:nth-of-type(3) button{color:#3bcaa0;background:#fff url(/assets/images/ico-heart-report-arrow-03.png) no-repeat center right 8px}.heartReportList01 ul li:nth-of-type(4) button{color:#0cc0ff;background:#fff url(/assets/images/ico-heart-report-arrow-04.png) no-repeat center right 8px}.heartReportList02{padding-top:28px;padding-bottom:47px}.heartReportList02 ul{display:flex;flex-wrap:wrap;align-items:center;gap:33px 20px}.heartReportList02 ul li{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:calc(25% - 15px);height:294px;transition:all .3s ease;cursor:pointer;border:4px solid #f1f1f1;border-radius:60px;overflow:hidden}.heartReportList02 ul li:hover{transform:scale(.9)}.heartReportList02 ul li .iBox{position:absolute;top:0;left:0;width:100%;height:100%}.heartReportList02 ul li .iBox img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.heartReportList02 ul li .tBox01{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:105px;background:#fff;border-top:1px solid #f1f1f1;gap:3px}.heartReportList02 ul li .tBox01 strong{font-size:30px;font-weight:700;color:#333;line-height:1}.heartReportList02 ul li .tBox01 p{font-size:16px;color:#333}.heartReportList02 ul li .tBox01 p b{font-size:30px;font-weight:700;color:#00a7e5}.heartReportList02 ul li .tBox01 p b:last-child{margin-left:5px}.heartReportList02 ul li .tBox02{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:50px;background:#f1f1f1}.heartReportList02 ul li .tBox02 p{display:flex;align-items:center;gap:10px;font-size:17px;color:#333}.heartReportList02 ul li .tBox02 p span{display:flex;align-items:center;font-size:17px;font-weight:700;color:#ff5569}.portfolioArea .infoBox{display:flex;align-items:center;width:375px;height:36px;font-size:16px;color:#333;background:#e8e8e8 url(/assets/images/ico-class-smile.png) no-repeat left 4px center;border-radius:50px;word-break:keep-all;padding:0 27px 0 42px}.portfolioTabList ul{display:flex;align-items:center;gap:20px}.portfolioTabList ul li button{width:226px;height:61px;font-size:23px;font-weight:700;color:#4d4d4d;background:#f3f3f3;border-radius:35px 25px;padding:0 30px 0 60px}.portfolioTabList ul li:nth-of-type(1) button{background:#f3f3f3 url(/assets/images/ico-portfolio-korean.png) no-repeat center left 12px}.portfolioTabList ul li:nth-of-type(2) button{background:#f3f3f3 url(/assets/images/ico-portfolio-math.png) no-repeat center left 12px}.portfolioTabList ul li:nth-of-type(3) button{background:#f3f3f3 url(/assets/images/ico-portfolio-meta.png) no-repeat center left 12px}.portfolioTabList ul li button.on{color:#fff}.portfolioTabList ul li:nth-of-type(1) button.on{background:#00a7e5 url(/assets/images/ico-portfolio-korean.png) no-repeat center left 12px}.portfolioTabList ul li:nth-of-type(2) button.on{background:#00a7e5 url(/assets/images/ico-portfolio-math.png) no-repeat center left 12px}.portfolioTabList ul li:nth-of-type(3) button.on{background:#00a7e5 url(/assets/images/ico-portfolio-meta.png) no-repeat center left 12px}.portfolioArea .listTop{display:flex;align-items:center;justify-content:space-between;margin:45px 0 35px}.portfolioArea .listTop p{font-size:22px;font-weight:700;color:#333}.portfolioArea .listTop b{color:#00a7e5}.portfolioList{display:flex;flex-wrap:wrap;align-items:flex-start;gap:30px}.portfolioList li{position:relative;width:calc(33.33333% - 20px);border-radius:50px;box-shadow:.5px .5px 10px #00000017;overflow:hidden;cursor:pointer;transition:all .3s ease}.portfolioList li:hover{transform:scale(.95)}.portfolioList li>span{position:absolute;top:0;left:50%;display:flex;align-items:center;justify-content:center;width:169px;height:40px;font-size:18px;font-weight:700;color:#272727;background:#ffffff73;border-bottom-left-radius:20px;border-bottom-right-radius:20px;transform:translate(-50%)}.portfolioList li .iBox{display:flex;align-items:center;justify-content:center;width:100%;height:213px}.portfolioList li .iBox img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.portfolioList li .tBox{display:flex;align-items:center;justify-content:center;width:100%;height:50px;background:#ededed}.portfolioList li .tBox p{font-size:22px;color:#272727}.resourceBanner{position:relative;display:flex;gap:15px;min-height:580px;border:1px solid #ededed;border-bottom:none;border-top-left-radius:20px;border-top-right-radius:20px;margin:65px auto -125px;padding:91px 60px 125px;word-break:keep-all}.resourceBanner .bgImg{position:absolute;top:0;left:0;width:100%;height:100%}.resourceBanner .bgImg img{width:100%;height:100%}.resourceBanner .leftArea{position:relative;z-index:1;display:flex;flex-direction:column;width:calc(100% - 403px)}.resourceBanner .leftArea .btnArea{margin-top:40px}.resourceBanner .rightArea{position:relative;z-index:1;flex:none;display:flex;align-items:flex-end;width:373px}.resourceBanner .rightArea div{display:flex;align-items:center;justify-content:center;width:100%;height:320px}.resourceBanner .rightArea div p{padding:60px 0 0 170px;font-size:64px;font-weight:700;color:#fff}.resourceBanner.bannerMath .rightArea div p,.resourceBanner.bannerReading .rightArea div p{padding-top:130px}.resourceBanner.bannerKorean .rightArea div{background:url(/assets/images/bg-class-korean.png) no-repeat right bottom}.resourceBanner.bannerMath .rightArea div{background:url(/assets/images/bg-class-math.png) no-repeat right bottom}.resourceBanner.bannerReading .rightArea div{background:url(/assets/images/bg-class-reading.png) no-repeat right bottom}.resourceBanner.bannerCoding .rightArea div{background:url(/assets/images/bg-class-coding.png) no-repeat right bottom 30px}.resourceBanner.bannerKorean{background:#fffbee}.resourceBanner.bannerMath{background:#eaffee}.resourceBanner.bannerReading{background:#f8eaff}.resourceBanner.bannerCoding{background:#eee7fd}.resourceBanner.bannerKorean b{color:#febd00}.resourceBanner.bannerMath b{color:#12b633}.resourceBanner.bannerReading b{color:#cd6cff}.resourceBanner.bannerCoding b{color:#6430d4}.resourceBanner strong{font-size:28px;color:#333;letter-spacing:-2.5px}.resourceBanner .tag{display:flex;margin:35px 0 25px}.resourceBanner span{font-size:22px;font-weight:700;color:#fff;line-height:1;border-radius:40px 30px 45px 25px;padding:25px 35px;letter-spacing:-2px}.resourceBanner.bannerKorean span{background:#febd00}.resourceBanner.bannerMath span{background:#12b633}.resourceBanner.bannerReading span{background:#cd6cff}.resourceBanner.bannerCoding span{background:#6430d4}.resourceBanner ul{display:flex;flex-direction:column;gap:5px}.resourceBanner ul li{position:relative;font-size:18px;color:#333;padding-left:13px}.resourceBanner ul li:before{content:"";position:absolute;top:8px;left:0;width:6px;height:6px;background:#000;border-radius:100%}.resourceBanner .btnArea{display:flex;align-items:center;gap:10px;margin:15px 0 0}.resourceBanner .btnArea a{font-size:16px;color:#333;background:#fff;border:1px solid #dadada;border-radius:50px;padding:14px 20px 14px 50px;cursor:pointer}.resourceBanner .btnArea a.btnResourceSheet{background:#fff url(/assets/images/ico-resource-sheet.png) no-repeat center left 20px}.resourceBanner .btnArea a.btnResourceBook{background:#fff url(/assets/images/ico-resource-book.png) no-repeat center left 20px}#teacherCourseDetailPage .courseContArea{padding-top:125px}#teacherCourseDetailPage .courseContList{border-top:none;margin-top:0}.bannerMeta{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.bannerMeta .btnModal{position:absolute;top:52px;right:68px;display:flex;align-items:center;width:148px;height:45px;font-size:18px;font-weight:700;color:#fff;background:#333 url(/assets/images/ico-search-w.png) no-repeat center left 23px;border-radius:50px;padding:0 0 0 55px}.bannerMetaKorean{background:#fffbee}.bannerMetaMath{background:#eaffee}.bannerMeta .subLinkTabArea{display:flex;align-items:center;justify-content:center;margin:0 0 50px}.bannerMeta .subLinkTab{display:flex;justify-content:center;width:530px;background:#fff;border:1px solid #ededed;border-radius:50px}.bannerMeta .subLinkTab a{display:flex;align-items:center;justify-content:center;width:50%;height:70px;font-size:24px;font-weight:700;color:#888;border-radius:50px;padding-left:40px}.bannerMeta .subLinkTab a:nth-of-type(1){background:#fff url(/assets/images/ico-meta-tag-korean.png) no-repeat center left 33px}.bannerMeta .subLinkTab a:nth-of-type(2){background:#fff url(/assets/images/ico-meta-tag-math.png) no-repeat center left 33px}.bannerMeta .subLinkTab a:nth-of-type(1).on{color:#fff;background:#f4ae00 url(/assets/images/ico-meta-tag-korean.png) no-repeat center left 33px}.bannerMeta .subLinkTab a:nth-of-type(2).on{color:#fff;background:#00ca29 url(/assets/images/ico-meta-tag-math.png) no-repeat center left 33px}.bannerMeta .tBox{text-align:center;margin:0 auto 50px}.bannerMeta .tBox b{color:#f4ae00}.bannerMetaMath .tBox b{color:#00ca29}.bannerMeta .list{display:flex;flex-direction:row;align-items:flex-start}.bannerMeta .list li{display:flex;flex-direction:column;padding:0}.bannerMeta .list li:before{display:none}.bannerMeta .list01{gap:30px}.bannerMeta .list01 li{width:calc(33.333% - 20px)}.bannerMeta .list01 li img{border:6px solid #333;border-radius:20px;margin:0 0 30px}.bannerMeta .list01 p{width:100%;max-width:260px;text-align:center;word-break:keep-all;margin:0 auto}.bannerMeta .list01 p strong{font-size:22px;color:#000;display:block;margin:0 0 10px}.bannerMeta .list02{width:100%;gap:20px;margin-top:75px}.bannerMeta .list02 li{width:calc(50% - 10px);background:#fff;border-radius:20px;box-shadow:.5px .5px 10px #0000000d;padding:15px;text-align:center}.bannerMeta .list02 li .tag{display:flex;justify-content:center;margin:0 0 10px}.bannerMeta .list02 li strong{font-size:18px;font-weight:700;color:#fff;line-height:1;background:#595959;border-radius:35px 25px;padding:13px 30px}.bannerMeta .list02 p{font-size:16px;color:#000}.bannerMeta .list02 li img{height:192px;margin:20px 0 0;border-radius:20px}.bannerMetaMath .list02 li img{height:auto}.metaContArea{position:relative;z-index:1;background:#fff;border:7px solid #f3f3f3;border-radius:50px;padding:60px 30px 70px}.metaContArea .tableTab{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:0 0 50px}.metaContArea .tableTab button{font-size:23px;font-weight:700;color:#4d4d4d;line-height:1;word-break:keep-all;background:#f3f3f3;border-radius:40px 25px;padding:15px 45px}.metaContArea .tableTab button.on{color:#fff;background:#49a5e6}.metaContArea .tableTop{border:none;margin:0 0 20px}.metaContArea .tableTop h2{font-size:28px;font-weight:700;color:#4d4d4d}.metaContArea .tableTop button{display:flex;align-items:center;justify-content:center;width:128px;height:44px;font-size:17px;font-weight:700;color:#333;background:#fff url(/assets/images/ico-down-b.png) no-repeat center left 19px;border:1px solid #dadada;border-radius:50px;padding:0 15px 0 45px}.metaContArea .colTable{border-color:#49a5e6}.metaContArea .colTable th{color:#49a5e6;border-color:#49a5e6}.metaContArea .pagination ul li.on{color:#49a5e6}.learnTop{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:78px;font-size:24px;font-weight:700;color:#333;background:#e5edf6;border-radius:50px}.learnTop:before{content:"";position:absolute;left:25px;bottom:-25px;width:176px;height:166px;background:url(/assets/images/img-learn-top-character.png) no-repeat center center;background-size:contain;z-index:1}.learnList{margin:14px 0 0}.learnList ul{display:flex;align-items:center;gap:20px;width:100%}.learnList ul li{position:relative;flex:1;max-width:33.333333%;height:440px;cursor:pointer;transition:all .3s ease}.learnList ul li:nth-of-type(1){background:url(/assets/images/bg-learn-korean.png) no-repeat center center;background-size:100% 100%}.learnList ul li:nth-of-type(2){background:url(/assets/images/bg-learn-math.png) no-repeat center center;background-size:100% 100%}.learnList ul li:nth-of-type(3){background:url(/assets/images/bg-learn-reading.png) no-repeat center center;background-size:100% 100%}.learnList ul li:before{content:"GO!";position:absolute;left:50%;bottom:20px;width:68px;height:57px;font-size:24px;font-weight:700;background:url(/assets/images/bg-learn-go.png) no-repeat center center;background-size:contain;padding:12px 0 0 8px;transform:translate(-50%)}.learnList ul li:nth-of-type(1):before{color:#febd00}.learnList ul li:nth-of-type(2):before{color:#00ca29}.learnList ul li:nth-of-type(3):before{color:#cd6cff}.learnList ul li:hover{transform:translateY(-20px)}.learnList ul li strong{position:absolute;right:64px;top:112px;font-family:MapleStory,sans-serif;font-size:60px;font-weight:700;color:#fff}.learnList ul li p{position:absolute;left:50%;bottom:80px;display:flex;align-items:center;width:calc(100% - 45px);max-width:280px;height:167px;font-size:18px;color:#333;text-align:center;line-height:1.7;word-break:keep-all;transform:translate(-50%);letter-spacing:-1.5px;padding:0 15px;overflow-y:auto}#learnCoursePage .navigation{margin:40px 0 22px}.learnLinkTab{margin-top:-118px;margin-bottom:-27px}.learnLinkTab ul{display:flex;align-items:center;justify-content:center;gap:4px}.learnLinkTab ul li a,.learnLinkTab ul li button{display:flex;align-items:center;justify-content:center;width:153px;height:63px;font-size:32px;font-weight:700;line-height:1;color:#888;background:#e2e2e2;border-top-left-radius:45px;border-top-right-radius:45px;padding-top:10px}.resourceMeta .learnLinkTab.teacherLinkTab ul li:last-child button{width:180px;font-size:26px}.learnLinkTab ul li:nth-of-type(1).on button{color:#fff;background:#febd00}.learnLinkTab ul li:nth-of-type(2).on button{color:#fff;background:#00ca29}.learnLinkTab ul li:nth-of-type(3).on button{color:#fff;background:#cd6cff}.learnLinkTab ul li:nth-of-type(4).on button{color:#fff;background:#6430d4}.courseTab{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;width:100%;max-width:885px;gap:11px;bottom:-60px;margin:0 auto}.courseTab>ul{display:flex;align-items:center;gap:11px;width:100%;margin-bottom:25px}.courseTab>ul>li{position:relative}.courseTab>ul>li>button{position:relative;z-index:1;width:138px;height:63px;font-size:26px;font-weight:700;border-radius:50px;background:#fff}.courseName{position:relative;width:166px;height:142px;background-size:contain}#learnCourseDetailPage .courseName{background-size:contain!important}#learnCoursePage .courseName{flex:none;background-size:contain!important}.courseName.korean{background:url(/assets/images/bg-course-name-korean.png) no-repeat center center}.courseName.math{background:url(/assets/images/bg-course-name-math.png) no-repeat center center}.courseName.reading{background:url(/assets/images/bg-course-name-reading.png) no-repeat center center}.courseName p{font-family:MapleStory,sans-serif;position:absolute;right:22px;bottom:35px;font-size:30px;font-weight:700;color:#fff}.courseTab>ul>li.courseA>button{color:#0090ff;border:2px solid #0090ff}.courseTab>ul>li.courseA>button.on,.courseTab>ul>li.courseA>button:hover{color:#fff;background:#0090ff}.courseTab>ul>li.courseB>button{color:#00c2ba;border:2px solid #00c2ba}.courseTab>ul>li.courseB>button.on,.courseTab>ul>li.courseB>button:hover{color:#fff;background:#00c2ba}.courseTab>ul>li.courseC>button{color:#ffb900;border:2px solid #ffb900}.courseTab>ul>li.courseC>button.on,.courseTab>ul>li.courseC>button:hover{color:#fff;background:#ffb900}.courseTab>ul>li.courseD>button{color:#ff7f00;border:2px solid #ff7f00}.courseTab>ul>li.courseD>button.on,.courseTab>ul>li.courseD>button:hover{color:#fff;background:#ff7f00}.courseTab>ul>li.courseE>button{color:#ff3600;border:2px solid #ff3600}.courseTab>ul>li.courseE>button.on,.courseTab>ul>li.courseE>button:hover{color:#fff;background:#ff3600}.courseTab>ul>li.courseF>button{color:#d127e0;border:2px solid #d127e0}.courseTab>ul>li.courseF>button.on,.courseTab>ul>li.courseF>button:hover{color:#fff;background:#d127e0}.courseTab>ul>li.course1>button{color:#6c2ddc;border:2px solid #6c2ddc}.courseTab>ul>li.course2>button{color:#b690f9;border:2px solid #b690f9}.courseTab>ul>li.course1>button.on,.courseTab>ul>li.course1>button:hover{color:#fff;background:#6c2ddc}.courseTab>ul>li.course2>button.on,.courseTab>ul>li.course2>button:hover{color:#fff;background:#b690f9}.slideTab>ul>li>ul{position:absolute;top:30px;width:100%;display:none;flex-direction:column;align-items:center;gap:8px;padding:50px 10px 30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px}#learnCourseDetailPage .slideTab>ul>li>ul{padding:34px 10px 30px}.slideTab>ul>li{border-radius:50px}.slideTab>ul>li:hover>ul{display:flex}.slideTab>ul>li:hover>button{color:#fff!important;background:inherit!important}.slideTab>ul>li.courseA:hover,.slideTab>ul>li.courseA>ul{background:#0090ff}.slideTab>ul>li.courseB:hover,.slideTab>ul>li.courseB>ul{background:#00c2ba}.slideTab>ul>li.courseC:hover,.slideTab>ul>li.courseC>ul{background:#ffb900}.slideTab>ul>li.courseD:hover,.slideTab>ul>li.courseD>ul{background:#ff7f00}.slideTab>ul>li.courseE:hover,.slideTab>ul>li.courseE>ul{background:#ff3600}.slideTab>ul>li.courseF:hover,.slideTab>ul>li.courseF>ul{background:#d127e0}.slideTab>ul>li>ul li button{text-align:center;word-break:keep-all;font-size:18px;color:#fff}.slideTab>ul>li>ul li button:hover{font-weight:700;color:#ff0}.teacherSlideTab>ul{position:relative}.teacherSlideTab>ul>li{position:static}.teacherSlideTab>ul>li>ul{position:absolute;top:80px;left:0;display:none;align-items:center;width:100%;background:#eee;border-radius:50px;padding:8px}.teacherSlideTab>ul>li>ul:before{content:"";position:absolute;top:-15px;width:22px;height:15px;background:url(/assets/images/ico-tab-arrow.png) no-repeat center center}.teacherSlideTab>ul>li:nth-of-type(1)>ul:before{left:60px}.teacherSlideTab>ul>li:nth-of-type(2)>ul:before{left:205px}.teacherSlideTab>ul>li:nth-of-type(3)>ul:before{left:355px}.teacherSlideTab>ul>li:nth-of-type(4)>ul:before{left:505px}.teacherSlideTab>ul>li:nth-of-type(5)>ul:before{left:655px}.teacherSlideTab>ul>li:nth-of-type(6)>ul:before{right:60px}.teacherSlideTab>ul>li>button.on+ul{display:flex}.teacherSlideTab>ul>li>ul>li button{display:flex;align-items:center;justify-content:center;width:100%;height:42px;font-size:22px;font-weight:700;color:#888;border-radius:50px}.teacherSlideTab>ul>li>ul>li{flex:1}.teacherSlideTab>ul>li>ul>li.on button{color:#333;background:#fff}.courseSection{display:flex;flex-direction:column;width:100%;height:1218px;background:url(/assets/images/bg-learn-course.png) no-repeat center center;background-size:100% 100%;padding:78px 45px 68px}.courseSection>div{position:relative;display:flex;align-items:center}.courseSection>div.course-A{margin-top:20px;margin-left:-30px;padding-left:164px}.courseSection>div.course-B{justify-content:flex-end;margin-top:76px;padding-right:150px}.courseSection>div.course-C{margin-top:72px;padding-left:132px}.courseSection>div.course-D{justify-content:flex-end;margin-top:100px;padding-right:130px}.courseSection>div.course-E{margin-top:90px;padding-left:128px}.courseSection>div.course-F{justify-content:flex-end;margin-top:81px;padding-right:140px}.courseSection>div>h3{position:absolute;width:149px;height:140px;font-size:24px;color:#fff;padding:49px 0 0 54px}.courseSection>div>h3 b{font-size:36px}.courseSection>div.course-A>h3{top:50%;left:0;transform:translateY(-50%);background:url(/assets/images/bg-flag-a.png) no-repeat center center}.courseSection>div.course-B>h3{top:-74px;right:-10px;background:url(/assets/images/bg-flag-b.png) no-repeat center center}.courseSection>div.course-C>h3{top:-114px;left:-10px;background:url(/assets/images/bg-flag-c.png) no-repeat center center}.courseSection>div.course-D>h3{top:-135px;right:-10px;background:url(/assets/images/bg-flag-d.png) no-repeat center center}.courseSection>div.course-E>h3{top:-124px;left:0;background:url(/assets/images/bg-flag-e.png) no-repeat center center}.courseSection>div.course-F>h3{top:-110px;right:-15px;background:url(/assets/images/bg-flag-f.png) no-repeat center center}.courseSection>div h3{position:absolute}.courseSection>div ul{position:relative;display:flex;align-items:center;width:calc(100% - 160px);gap:20px}.courseSection>div.course-B ul,.courseSection>div.course-D ul,.courseSection>div.course-F ul{flex-direction:row-reverse}.courseSection>div ul li{width:14.66666%;height:106px}.courseSection>div ul li button{width:100%;height:100%;background-size:100% 100%!important;font-size:16px;color:#b7b7b7;font-weight:700;padding:26px 10px;transition:all .3s ease;letter-spacing:-1.5px}.courseSection>div ul li button:disabled{background:url(/assets/images/bg-course-step-default.png) no-repeat center center}.courseSection>div.course-A ul li button.on{background:url(/assets/images/bg-course-step-a.png) no-repeat center center}.courseSection>div.course-B ul li button.on{background:url(/assets/images/bg-course-step-b.png) no-repeat center center}.courseSection>div.course-C ul li button.on{background:url(/assets/images/bg-course-step-c.png) no-repeat center center}.courseSection>div.course-D ul li button.on{background:url(/assets/images/bg-course-step-d.png) no-repeat center center}.courseSection>div.course-E ul li button.on{background:url(/assets/images/bg-course-step-e.png) no-repeat center center}.courseSection>div.course-F ul li button.on{background:url(/assets/images/bg-course-step-f.png) no-repeat center center}.courseSection>div.course-A ul li button.on:hover{background:url(/assets/images/bg-course-step-a-on.png) no-repeat center center}.courseSection>div.course-B ul li button.on:hover{background:url(/assets/images/bg-course-step-b-on.png) no-repeat center center}.courseSection>div.course-C ul li button.on:hover{background:url(/assets/images/bg-course-step-c-on.png) no-repeat center center}.courseSection>div.course-D ul li button.on:hover{background:url(/assets/images/bg-course-step-d-on.png) no-repeat center center}.courseSection>div.course-E ul li button.on:hover{background:url(/assets/images/bg-course-step-e-on.png) no-repeat center center}.courseSection>div.course-F ul li button.on:hover{background:url(/assets/images/bg-course-step-f-on.png) no-repeat center center}.courseSection>div ul li button.on:hover{color:#fff;transform:scale(1.2)}.courseContArea{position:relative;z-index:1;background:#fff;border:7px solid #f3f3f3;border-radius:50px;padding:92px 30px 70px}.courseContArea h2{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:400;color:#333}.courseContArea h2 b{font-size:36px;font-weight:700}.courseContArea .courseContList{display:flex;flex-direction:column;margin-top:25px;border-top:1px solid #f0f0f0}.courseContArea .courseContList li{display:flex;align-items:center;gap:27px;border-bottom:1px solid #f0f0f0;padding:35px 35px 45px 0}.courseContArea .courseContList li:last-child{border-bottom:none}.courseContArea .courseContList li .iBox{width:270px;height:197px;border-radius:20px 55px;overflow:hidden}.courseContArea .courseContList li .iBox img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.courseContArea .courseContList li .iBox.noData{display:flex;align-items:center;justify-content:center;width:270px;height:197px;font-size:18px;font-weight:700;color:#333;background:#e1e1e1;border-radius:35px 25px}.courseContArea .courseContList li .tBox{display:flex;flex-direction:column;width:calc(100% - 297px)}.courseContArea .courseContList li .tBox strong{font-size:28px;font-weight:400;color:#333}.courseContArea .courseContList li .tBox>p{font-size:16px;color:#666;line-height:1.8;margin:10px 0 40px}.courseContArea .courseContList li .tBox .btnArea{display:flex;align-items:center;gap:10px}.courseContArea .courseContList li .tBox .btnArea>*{font-size:16px;color:#333;border:1px solid #dadada;border-radius:50px;padding:14px 20px 14px 50px;cursor:pointer}.courseContArea .courseContList li .tBox .btnArea>*:hover{border:1px solid #f30000}.courseContArea .courseContList li .btnDown{background:url(/assets/images/ico-resource-down.png) no-repeat center left 18px}.courseContArea .courseContList li .btnVideo{background:url(/assets/images/ico-course-video.png) no-repeat center left 18px}.courseContArea .courseContList li .btnContent{background:url(/assets/images/ico-course-content.png) no-repeat center left 19px}.courseContArea .courseContList li .btnSheet{background:url(/assets/images/ico-course-sheet.png) no-repeat center left 20px}.btnFile{font-size:16px;color:#333;background:url(/assets/images/ico-file.png) no-repeat center left 19px;background-size:19px;border:1px solid #dadada;border-radius:50px;padding:12px 20px 12px 50px}.btnFile:hover{color:#fff;background:#ff566a url(/assets/images/ico-file-w.png) no-repeat center left 19px;border-color:#ff566a}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;display:flex;justify-content:center;align-items:center;z-index:9999}.loader-spinner{width:100px;height:100px;border:8px solid #f3f3f3;border-top:8px solid #ff566a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#mobileMenu{position:fixed;top:0;right:0;width:100%;height:100vh;background:#fff;z-index:9999;transform:translate(100%);transition:all .25s ease}#mobileMenu.on{transform:translate(0)}#mobileMenu .menuTop{width:100%;background:#ff5569}#mobileMenu .menuTop .logoArea{display:flex;align-items:center;justify-content:space-between;height:65px;padding:0 12px}#mobileMenu .menuTop .logoArea span{width:111px;height:35px;background:url(/assets/images/logo-w.png) no-repeat center center;background-size:contain}#mobileMenu .menuTop .logoArea button{width:35px;height:35px;background:url(/assets/images/ico-buger-close.png) no-repeat center left;background-size:15px;color:#0000;text-indent:-9999px}#mobileMenu .menuTop .utils{display:flex;align-items:center;width:100%;border-top:1px solid #ff9797}#mobileMenu .menuTop .utils>*{display:flex;align-items:center;justify-content:center;width:50%;height:40px;font-size:14px;color:#fff}#mobileMenu .menuTop .utils .btnSignIn span{background:url(/assets/images/ico-buger-login.png) no-repeat top 1px left;background-size:16px;padding-left:20px}#mobileMenu .menuTop .utils .btnSignOut span{background:url(/assets/images/ico-buger-logout.png) no-repeat top 1px left;background-size:16px;padding-left:20px}#mobileMenu .menuTop .utils .btnService span{background:url(/assets/images/ico-buger-service.png) no-repeat center left;background-size:16px;padding-left:20px}#mobileMenu .menuTop .utils>*:first-child{border-right:1px solid #ff9797;margin-right:-1px}#mobileMenu .menuList .inner>ul>li{width:100%;border-bottom:1px solid #e8e8e8}#mobileMenu .menuList .inner>ul>li>*:not(div){display:flex;align-items:center;width:100%;height:50px;font-size:16px;color:#333;padding:0 24px}#mobileMenu .menuList .inner>ul>li>button{position:relative}#mobileMenu .menuList .inner>ul>li>button.btnDep:before{content:"";position:absolute;top:50%;right:12px;width:12px;height:9px;background:url(/assets/images/ico-buger-arrow.png) no-repeat center center;transform-origin:center center;transform:translateY(-50%);background-size:contain}#mobileMenu .menuList .inner>ul>li.on>button{font-weight:700;color:#ff5569}#mobileMenu .menuList .inner>ul>li.on>button:before{transform:translateY(-50%) rotate(180deg)}#mobileMenu .menuList .inner>ul>li ul{display:flex;flex-direction:column;gap:15px;background:#f0f0f0;padding:25px}#mobileMenu .menuList .inner>ul>li ul a{font-size:14px;color:#666}@media (max-width: 1650px){.linkBanner{position:fixed;top:auto;right:15px;bottom:15px;width:100px}}@media (max-width: 1440px){.inspectModal .inspectArea>div{max-height:400px}.portfolioModal .portfolioContArea .portfolioVideo,.portfolioModal .portfolioImg{max-height:350px;height:auto}.portfolioModal .portfolioImg img{width:100%;height:100%;max-height:350px;-o-object-fit:cover;object-fit:cover}}@media (max-width: 1400px){#subMenus .inner{padding-left:274px}}@media (max-width: 1280px){#classPage .classArea{padding:0 30px;gap:30px 20px}#classPage .classArea>div{width:calc(33.33333% - 14px)}.graphArea01 .infoList li span{font-size:18px}.graphArea01 .infoList p{font-size:22px}.graphArea01 .infoList p b{font-size:50px}.heartReportList01 ul li strong{font-size:24px}.heartReportList01 ul li button{font-size:14px}.heartReportList02 ul li .tBox01 strong{font-size:24px}.heartReportList02 ul li .tBox01 p b{font-size:26px}.heartReportList02 ul li .tBox01 p{font-size:14px}.heartReportList02 ul li .tBox02 p,.heartReportList02 ul li .tBox02 p span{font-size:15px}.resourceBanner strong{font-size:24px}.resourceBanner span{font-size:18px}.resourceBanner ul li{font-size:16px}.resourceBanner .rightArea div{height:280px;background-size:contain!important}.courseTab>ul>li>button{width:120px;height:55px;font-size:24px}.teacherSlideTab>ul>li>ul>li>button{height:35px}.courseSection>div.course-B{margin-top:98px}.courseSection>div ul{gap:15px}.courseSection>div ul li{height:95px}.courseSection>div.course-D{margin-top:129px}.courseSection>div.course-E{margin-top:105px}.courseSection>div.course-F{margin-top:91px}.courseTab{max-width:780px}}@media (max-width: 1160px){#nav ul{font-size:18px;gap:40px}#subMenus .inner{gap:55px;padding-left:275px}.classTop .infoBox,.portfolioArea .infoBox{position:static;display:inline-block;width:auto;height:auto;font-size:14px;margin:20px 0 0;padding:5px 27px 5px 42px}.portfolioArea .infoBox{margin:0}.portfolioArea .listTop p{font-size:18px}.classTop{text-align:center}.classTop .titBox h2{font-size:40px}.classTop .titBox p{font-size:16px}#classPage .classArea>div>p{width:100px;font-size:30px}.subTitle h1{font-size:30px}.navigation{margin-bottom:15px;font-size:13px}.servicePage .contArea:before{top:-67px;width:150px;height:100px;background-size:contain}.teacherPage .contArea:before{top:-57px;width:150px;height:100px;background-size:contain}.noticePage .contArea:before{top:-70px;width:180px;height:110px;background-size:contain}.learnPage .contArea:before{top:-85px;width:140px;height:110px;background-size:contain}.linkTab ul li a,.linkTab ul li button{width:180px;height:50px;font-size:18px}.tableTop ul li{border-top-left-radius:20px;border-top-right-radius:20px}.tableTop ul li button{width:140px;height:50px;font-size:16px}.tableTop ul li.on button{font-size:16px}.tableTop .searchArea{margin-bottom:10px}.tableTop .searchArea input{height:40px;font-size:14px}.tableTop .searchArea button{width:20px;height:20px;background-size:contain}.tableTop .btnArea a{font-size:14px;width:auto;height:40px;padding:0 25px}.colTable tr th,.colTable tr td,.colTable .state{font-size:14px}.faqCont .faqInquiry span{top:30px;left:50px;font-size:16px}.faqCont .faqInquiry{padding:30px 0 30px 180px}.faqCont .faqAnswer div{font-size:14px;padding:40px 50px}#detailPage .detailTop,#detailPage .detailFile{padding:30px 20px}#detailPage .detailTop h2{font-size:24px;line-height:1.6}.detailArea .detailTop .info{gap:25px;margin:20px 0 0}.detailArea .detailTop .info p{gap:15px}#detailPage .detailFile .fileArea{gap:10px}.detailArea .detailDesc{min-height:200px;font-size:15px;padding:40px 40px 50px}.detailArea .btnArea .btnList,.createArea .btnArea button{width:150px;height:50px;font-size:18px}.createArea form dl dt{width:150px;font-size:16px;padding:0 20px}.createArea form dl dd{width:calc(100% - 150px);font-size:16px}.createArea form select,.createArea form input[type=text]{height:45px}.fileInfoText{margin:10px 0 0}.graphArea01 .infoList li{padding:20px}.graphArea02 .titBox,.graphArea03 .titBox{margin-bottom:40px}.reportSection h2,.heartReportListArea h2{font-size:22px;padding:15px 25px}.subTitBox h3,.subTitBox p{font-size:18px}.referenceBox p,.referenceBox p span{font-size:16px}.graphArea02 .graphRounded>div{font-size:18px}.referenceBox{gap:15px}.graphArea02 .graphBox,.graphArea03 .graphBox{gap:80px}.graphArea .graphBox>div{width:calc(50% - 40px)}.graphArea04 .resultBox .resultCont h3{font-size:28px}.graphArea04 .resultBox .resultCont .desc div,.graphArea04 .resultBox .resultCont .btnArea p{font-size:14px}.graphArea04 .resultBox .resultCont .btnArea button{font-size:16px}.graphArea01 .tBox{padding:25px 40px}.graphArea01 .tBox:before{bottom:-22px;height:200px}.graphArea01 .tBox strong{font-size:18px}.graphArea01 .tBox p{font-size:16px}.reportArea{padding:100px 23px 0}.heartReportPage .reportArea{padding:50px 23px}.reportArea .btnReportDown{font-size:15px;background-size:18px;padding:12px 20px 12px 50px}.reportArea:not(.heartReportPage) .dateArea,.scheduleArea .react-calendar__navigation{max-width:400px;margin:0 auto}.dateArea .dateBox,.scheduleArea .react-calendar__navigation .react-calendar__navigation__label{font-size:60px}.dateBox em,.scheduleArea .react-calendar__navigation .react-calendar__navigation__label em,.dateArea .dateYear,.scheduleArea .react-calendar__navigation .react-calendar__navigation__label .year{font-size:22px}.scheduleArea .react-calendar__navigation .react-calendar__navigation__label .year{margin-right:0}.dateArea>button,.scheduleArea .react-calendar__navigation button:not(.react-calendar__navigation__label){width:50px;height:50px}.classUserSelectArea select{padding:12px 57px 12px 25px;font-size:15px}.heartReportList01 ul li,.heartReportList02 ul li{width:calc(50% - 10px)}.heartReportList02{padding-bottom:0}.inspectModal .topArea h3 p,.inspectModal .topArea h3 span{font-size:24px}.inspectModal .inspectArea>div{max-height:300px}.inspectModal .inspectArea h3,.inspectModal .topArea h3 p,.inspectModal .topArea h3 span{font-size:18px}.inspectModal .inspectArea>div{max-height:250px}.inspectModal .inspectArea h3,#modal .btnInspectDown{font-size:16px}.portfolioModal .topArea h3 p,.portfolioModal .topArea h3 span{font-size:18px}.portfolioModal .portfolioContArea+div button{width:auto;height:auto;font-size:18px;padding:15px 30px}#modal .portfolioContArea .portfolioBtn{background-size:20px!important}#modal .portfolioContArea .infoArea p{font-size:16px}.portfolioTabList ul{gap:15px}.portfolioTabList ul li button{width:200px;font-size:18px}.portfolioList li .tBox p{font-size:18px}.portfolioList li>span{font-size:16px}.learnLinkTab ul li a,.learnLinkTab ul li button{width:130px;font-size:24px}.resourceBanner{padding:90px 30px 125px}.resourceBanner .leftArea{width:calc(100% - 300px)}.resourceBanner .rightArea{width:285px}.resourceBanner .rightArea div p{font-size:40px;padding:100px 0 0 150px}.courseContArea .courseContList li .tBox strong{font-size:24px}.resourceMeta .learnLinkTab{margin-top:-106px;margin-bottom:-28px}.resourceMeta .learnLinkTab.teacherLinkTab ul li button{width:100px;height:50px;font-size:20px;border-top-left-radius:30px;border-top-right-radius:30px}.resourceMeta .learnLinkTab.teacherLinkTab ul li:last-child button{width:150px;font-size:20px}.bannerMeta .btnModal{top:25px;right:25px;width:130px;height:50px;font-size:16px;background-size:20px;background-position:center left 15px;padding-left:45px}.bannerMeta .subLinkTab a{height:60px;font-size:20px}.learnTop{height:60px;font-size:18px}.learnList ul li{height:400px}.learnList ul li strong{top:115px;right:50px;font-size:40px}.learnList ul li p{height:143px;font-size:16px}.courseSection>div.course-A{margin-top:30px}.courseSection>div.course-C{margin-top:95px}.courseSection>div.course-D{margin-top:125px}.courseSection>div.course-A,.courseSection>div.course-C,.courseSection>div.course-E{padding-left:135px}.courseSection>div.course-B,.courseSection>div.course-D,.courseSection>div.course-F{padding-right:135px}.courseSection>div ul{width:calc(100% - 135px);gap:10px}.courseSection>div ul li button{font-size:14px}.courseSection>div>h3{width:130px;height:120px;background-size:cover!important;font-size:18px}.courseSection>div>h3 b{font-size:28px}.courseSection{height:800px;padding:30px 45px 68px}.courseSection>div>h3{width:110px;height:100px;font-size:16px;padding:40px 0 0 45px}.courseSection>div>h3 b{font-size:22px}.courseSection>div.course-A,.courseSection>div.course-C,.courseSection>div.course-E{padding-left:125px}.courseSection>div.course-B,.courseSection>div.course-D,.courseSection>div.course-F{padding-right:125px}.courseSection>div.course-B{margin-top:55px}.courseSection>div.course-C{margin-top:45px}.courseSection>div.course-D{margin-top:65px}.courseSection>div.course-E{margin-top:65px}.courseSection>div.course-F{margin-top:50px}.courseSection>div ul{width:calc(100% - 125px)}.courseSection>div ul li{height:70px}.courseSection>div ul li button{padding:0 10px}.courseContArea h2{font-size:28px}.courseContArea h2 b{font-size:32px}.courseContArea .courseContList{margin-top:15px}.courseContArea{padding:60px 30px 40px}#learnCourseDetailPage .courseTab>ul>li>button{width:100px;font-size:20px}.scheduleArea .tagArea{top:155px}.scheduleArea .tagArea .state,.scheduleArea .scheduleCount{font-size:16px}.scheduleArea .hoverBox{width:55%}#mainBanner .swiper .swiper-button-prev,#mainBanner .swiper .swiper-button-next{background-size:50px}#mainBanner .swiper .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px}#mainBanner .swiper .swiper-pagination .swiper-pagination-bullet-active{width:100px}#mainTabArea ul li{font-size:18px}#mainTabArea ul li span{font-size:14px;word-break:keep-all}#boardArea h2{font-size:24px}#boardArea .boardCont{gap:60px}#boardArea .serviceBox>.callBox strong,#boardArea .serviceBox div>a{font-size:26px}#boardArea .serviceBox>.callBox:before{bottom:-15px;right:15px;width:120px;height:100px}.courseTab{max-width:685px}.courseTab>ul>li>button{font-size:22px;width:105px}.noDataText{font-size:16px;height:200px}.bannerCoding+.teacherSlideTab>ul>li>ul>li button{font-size:16px}}@media (max-width: 1060px){.learnList ul li:before{bottom:15px;display:flex;font-size:16px;background-size:50px;padding:16px 0 0 18px}.learnList ul li p{height:160px;font-size:16px;bottom:66px}.scheduleArea .react-calendar__month-view__weekdays>div abbr{font-size:18px;padding:14px 15px}.scheduleArea .react-calendar__month-view__days>button abbr{height:105px;font-size:18px;padding:15px}}@media (max-width: 989px){#contents{min-height:calc(100vh - 280px);padding-top:65px}header .logo img{height:35px}.teacherPage .linkTab ul{width:100%;max-width:600px}.teacherPage .linkTab ul li{width:25%}.teacherPage .linkTab ul li a,.teacherPage .linkTab ul li button{width:100%}#footer{position:relative}.foTop .inner{height:60px;padding:0 20px;align-items:center;justify-content:center}.foTop .inner>div,.foTop .inner ul{width:100%}.foTop .inner ul{gap:0}.foTop .inner ul li{width:50%;font-size:14px;text-align:center;word-break:keep-all;padding:0 10px}.foTop .inner ul li:nth-of-type(3){width:34%}.foTop .foLogo{display:none}.foContWrap .inner{padding:20px 20px 80px}.foContWrap .inner>div,.foContWrap dl{gap:5px}.familySiteBox{position:absolute;left:20px;bottom:20px;width:calc(100% - 40px)!important;height:40px;border:1px solid #666}.familySiteText select{font-size:13px}#classPage .classArea>div>p{width:70px;font-size:22px}#classPage .classArea{padding:0;gap:20px}.pageCont .inner{padding:45px 20px 40px}#changePasswordArea h1{font-size:42px}#modal .videoModal .modalCont h3 p,#modal .contentModal .modalCont h3 p,#modal .checkModal .modalCont h3,#modal .alertModal .modalCont h3{font-size:26px}#modal .videoModal .modalCont h3 span,#modal .contentModal .modalCont h3 span{font-size:22px;padding:8px 20px}#modal .alertModal .modalCont:before,#modal .contentModal .modalCont:before{width:120px;height:120px;right:-15px;bottom:-40px;background-size:contain}#modal .btnArea .btnDown{font-size:18px;padding:12px 28px 12px 56px}#subMenus{display:none!important}.servicePage .tableTop ul li button{width:120px}#faqPage .tableTop ul li button{width:100px}.createArea form dl dt,.createArea form dl dd,.createArea form dl dd p,.createFileArea span,.createArea form input[type=text],.createArea form select{font-size:14px}.infoBox{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.createFileArea span{width:100px;height:35px}#loginArea:before{right:-60px;bottom:-20px;width:150px;height:200px}.graphArea{width:calc(100% + 34px);padding:40px 15px;margin-left:-17px}.graphArea01 .infoList{flex-wrap:wrap;gap:10px}.graphArea01 .infoList li{width:calc(50% - 5px)}.graphArea02 .textTop{flex-direction:column;gap:10px}.graphArea02 .graphRounded>div{font-size:16px}.graphArea02 .graphBox,.graphArea03 .graphBox{gap:20px;flex-wrap:wrap}.graphArea .graphBox>div{width:100%}.graphArea04 .resultBox{flex-wrap:wrap;gap:20px}.graphArea04 .resultBox .resultCont{width:100%}.graphArea04 .resultBox .resultCont .desc{height:200px}.graphArea04 .resultBox .resultCont .resultCourseTag p{font-size:32px}.graphArea01 .tBox:before{right:-30px;bottom:-17px;height:150px}.heartReportListArea{margin:40px 0 0}.portfolioArea{padding:20px}.portfolioTabList ul{flex-direction:column;gap:5px}.portfolioTabList ul li{width:100%}.portfolioTabList ul li button{width:100%;height:45px;font-size:16px}.portfolioList li{width:calc(50% - 15px)}.portfolioContArea .infoArea{gap:15px}#modal .portfolioContArea .infoArea .btnDownload{position:static}.resourceBanner{flex-direction:column;min-height:auto;padding:40px 30px;margin:37px 0 0}.resourceBanner .leftArea{order:2;width:100%}.resourceBanner .rightArea{order:1;width:185px;height:150px}.learnLinkTab{margin-bottom:0}.resourceBanner .tag{margin:25px 0 20px}.resourceBanner span{padding:15px 25px}.courseTab{max-width:100%;align-items:center;bottom:auto;padding:15px 0}.courseTab>ul{width:100%;gap:4px;margin:0;padding:0 15px}#teacherCourseDetailPage .courseTab>ul{padding:0}.courseTab>ul>li{width:16.6666666%}.courseTab>ul>li>button{width:100%;font-size:16px;height:40px;border:none}#learnCoursePage .courseTab>ul{gap:10px}#learnCoursePage .courseTab>ul>li>button{height:40px}#learnCourseDetailPage .courseName{width:150px;height:90px;background-size:contain!important;margin-bottom:-15px}#learnCourseDetailPage .courseName p{font-size:14px;right:25px;bottom:20px}#learnCourseDetailPage .courseTab{align-items:flex-end}#learnCourseDetailPage .courseTab>ul{padding:0}#learnCourseDetailPage .courseTab>ul>li>button{width:100%;height:40px;font-size:16px;margin:0}#learnCourseDetailPage .slideTab>ul>li>ul{top:20px}.slideTab>ul>li>ul li button{font-size:14px}#teacherCourseDetailPage .courseContArea{margin-top:50px;padding-top:30px;border:5px solid #f3f3f3}.courseContArea .courseContList li .iBox{width:230px}.courseContArea .courseContList li .tBox{width:calc(100% - 255px)}.courseContArea .courseContList li .tBox strong{font-size:22px}.courseContArea .courseContList li .tBox .btnArea>*{font-size:14px}.learnLinkTab{margin-top:-100px}.learnLinkTab ul li a,.learnLinkTab ul li button{max-width:100px;font-size:18px;height:45px;border-top-left-radius:30px;border-top-right-radius:30px}.resourceMeta .learnLinkTab.teacherLinkTab ul li button{width:65px;font-size:14px!important;height:40px;border-top-left-radius:20px;border-top-right-radius:20px}.resourceMeta .learnLinkTab.teacherLinkTab ul li:last-child button{width:100px}.resourceBanner strong{font-size:18px}.resourceBanner .tag{margin:20px 0 15px}.resourceBanner span{padding:12px 24px;font-size:16px}.resourceBanner ul li{font-size:14px}.subPage#learnCourseDetailPage>.inner,.subPage#teacherCourseDetailPage>.inner{padding-top:45px}.teacherSlideTab>ul>li>button.on+ul:before{top:-10px;width:18px;height:12px;background-size:contain}.teacherSlideTab>ul>li>ul{top:60px;padding:5px}.teacherSlideTab>ul>li>ul>li>button{height:auto;font-size:14px;padding:2px 10px}.bannerCoding+.teacherSlideTab>ul>li>ul>li button{font-size:13px}.resourceBanner{border-bottom:1px solid #ededed;border-radius:20px}.resourceBanner .btnArea a{font-size:14px;padding:12px 15px 12px 50px;background-size:14px}.courseContArea .courseContList li{padding:25px 30px 25px 0}.resourceMeta .learnLinkTab{margin-top:-95px;margin-bottom:0}.resourceMeta .resourceBanner{padding-top:110px}.bannerMeta .btnModal{width:auto;height:auto;font-size:14px;background-size:15px;padding:10px 20px 10px 40px}.bannerMeta .subLinkTab a{height:50px;font-size:16px;background-size:30px!important;padding-left:0}.bannerMeta .subLinkTabArea{margin:0}.bannerMeta .tBox{margin:30px 0}.bannerMeta .list01 li img{margin:0 0 15px}.bannerMeta .list01 p strong{font-size:18px}.bannerMeta .list02{align-items:stretch;margin-top:40px}.bannerMeta .list02 li strong{font-size:16px}.bannerMeta .list02 p{font-size:14px}.bannerMeta .list02 li img{height:auto}.metaContArea{margin:40px 0 0;padding:40px 30px 60px}.metaContArea .tableTab button{font-size:18px;padding:10px 30px}.metaContArea .tableTop h2{font-size:22px}.metaContArea .tableTop button{width:120px;height:35px;font-size:15px;background-size:15px}.colTable .btnFile{font-size:14px;padding:10px 15px 10px 40px;background-size:15px;background-position:center left 15px}.learnList ul li strong{top:110px;font-size:30px}.learnList ul li{height:350px}.learnList ul li p{height:130px;font-size:14px}.learnList ul li:before{bottom:10px}#learnCoursePage>.inner{padding-left:0;padding-right:0;padding-bottom:0;overflow:hidden}#learnCoursePage .contArea{border-radius:0;padding-left:0;padding-right:0;padding-bottom:0}.courseSection{height:700px}.courseSection>div ul li{height:80px}.courseSection>div ul li button{font-size:13px}.courseSection>div.course-A{margin-top:22px}.courseSection>div.course-B{margin-top:25px}.courseSection>div.course-C{margin-top:25px}.courseSection>div.course-D{margin-top:35px}.courseSection>div.course-E{margin-top:35px}.courseSection>div.course-F{margin-top:28px}.courseSection>div.course-C>h3{top:-75px;left:15px}.courseSection>div.course-D>h3{top:-105px;right:15px}.courseSection>div.course-E>h3{top:-95px;left:15px}.courseSection>div.course-F>h3{top:-85px;right:5px}.learnTop:before{bottom:-15px;width:125px;height:100px}#learnCoursePage .navigation{padding:0 30px}#learnCourseDetailPage .courseContArea{border:5px solid #f3f3f3}.courseContArea h2{font-size:24px}.courseContArea h2 b{font-size:28px}.courseContArea .courseContList li .tBox .btnArea{flex-wrap:wrap}.scheduleArea .hoverBox{width:52%}#mainBanner .swiper .swiper-button-prev{left:30px;background-position:center left}#mainBanner .swiper .swiper-button-next{right:30px;background-position:center right}#mainBanner .swiper .swiper-button-prev,#mainBanner .swiper .swiper-button-next{width:50px}#mainTabArea ul li{width:120px;height:120px}#mainTabArea ul li span{padding:0 15px}#mainTabArea .tabContents #mainTabContent{border-radius:40px}#boardArea .serviceBox>.callBox strong,#boardArea .serviceBox div>a{font-size:18px}#boardArea .noticeBox li{padding:20px}#boardArea .serviceBox{gap:10px}#boardArea .serviceBox>.callBox{padding:20px}#boardArea .serviceBox>.linkBox{gap:10px}#boardArea .serviceBox>.linkBox a{height:90px;padding:0 20px;background-size:30px!important}.linkBanner{width:80px}}@media (max-width: 900px){.learnList ul{flex-wrap:wrap}.learnList ul li{flex:none;width:calc(50% - 20px);max-width:100%}.learnList ul li:before{bottom:10px}.teacherSchedulePage .contArea.classUserArea{padding:55px 20px}.learnLinkTab ul li a,.learnLinkTab ul li button{max-width:70px;font-size:16px;border-top-left-radius:20px;border-top-right-radius:20px}}@media (max-width: 767px){.subPage .contArea.classUserArea{gap:25px;padding:30px 20px 50px}.courseContArea .courseContList li .iBox{width:220px;height:150px}#teacherCourseDetailPage .courseContArea{border:3px solid #f3f3f3;border-radius:25px;padding:0 15px 40px}.teacherPage .linkTab ul{max-width:100%}#classPage .classArea>div>p{width:90px;font-size:26px}#classPage .classArea>div{width:calc(50% - 10px)}#changePasswordArea>h1{font-size:36px}#changePasswordArea>h1 p{font-size:14px}#changePasswordArea button,#changePasswordArea .inputArea input{font-size:14px;height:45px}#changePasswordArea .inputArea input{padding:0 20px}#changePasswordArea .inputArea{max-width:100%}#changePasswordArea form{height:auto;padding:40px 40px 30px}#loginArea button{height:45px;font-size:14px}#loginArea .saveId input+label{font-size:14px}#loginArea .inputArea input{font-size:14px;height:45px;padding:0 20px}#modal .alertModal .modalCont h3{font-size:22px}#modal .btnArea button,#modal .btnArea a{padding:10px 45px;font-size:16px}#modal .alertModal .modalCont{padding:40px 30px}#loginPage .inner{padding:60px 20px 40px}#loginArea{padding:60px 30px;height:400px}#loginArea h1{font-size:40px}#loginArea:before{right:-20px;bottom:-25px;width:120px;height:150px}.navigation{display:flex;justify-content:center;margin:15px 0 40px}.pagination{gap:20px}.pagination ul li{font-size:14px}.pagination .btnPrev,.pagination .btnNext{width:30px;height:30px;background-size:contain}.subPage>.inner{padding:45px 15px 40px}.subPage .contArea{padding:30px 15px 50px;border-radius:15px}.faqCont .faqInquiry span{top:25px;left:20px;font-size:14px}.faqCont .faqInquiry{min-height:auto;font-size:14px;padding:25px 0 25px 120px}.servicePage .linkTab{margin:0 auto}.servicePage .tableTop{flex-direction:column}.servicePage .contTab{width:100%}#faqPage .contTab ul li{width:33.3333%}.tablePage .contTab ul li{width:25%}.servicePage .contTab ul li button,#faqPage .contTab ul li button{width:100%}#faqPage .searchArea,.tablePage .btnArea{margin:40px 0 25px}.servicePage .tableTop .contTab{order:2}.servicePage .linkTab ul{width:100%}.servicePage .linkTab ul li{width:50%}.servicePage .linkTab ul li a,.servicePage .linkTab ul li button{font-size:16px;width:100%;height:40px}#faqPage .searchArea,#faqPage .searchArea input{width:100%}#faqPage .searchArea input{padding:0 15px;border-radius:10px}.tablePage .btnArea{width:100%}.tableTop ul li button{height:40px;font-size:14px}.colTable .state{padding:8px 10px;font-size:13px}#detailPage:not(.noticeDetailPage) .detailTop{margin-top:40px}#detailPage .detailTop,#detailPage .detailFile{padding:25px 15px}#detailPage .detailTop h2{font-size:18px}.detailArea .detailTop .info{flex-wrap:wrap;gap:5px 20px}.detailArea .detailTop .info p{font-size:13px}.detailArea .detailDesc{padding:20px 15px 30px;font-size:14px}.detailArea .answerBox .answerText{font-size:14px}.detailArea .fileArea li a{font-size:14px;padding-left:25px;background-size:15px}.createArea form{margin-top:40px}.createArea form dl dt{width:100px}.createArea form dl dd{width:calc(100% - 100px)}.tableTop .btnArea a{background:#f2f2f2;border:1px solid #333;color:#333;border-radius:12px}.graphArea01 .infoList{gap:10px}.graphArea01 .infoList li span{font-size:16px;margin:0 0 10px}.graphArea01 .infoList li:nth-of-type(1) span{background-size:15px;padding-left:20px}.graphArea01 .infoList li:nth-of-type(2) span{background-size:15px;padding-left:20px}.graphArea01 .infoList li:nth-of-type(3) span{background-size:15px;padding-left:20px}.graphArea01 .infoList li:nth-of-type(4) span{background-size:15px;padding-left:20px}.graphArea01 .infoList p{font-size:18px}.graphArea01 .infoList p b{font-size:36px}.graphArea02 .textTop .referenceBox{flex-direction:column;gap:10px}.graphArea02 .graphRounded>div{font-size:14px}.graphArea02 .titBox,.graphArea03 .titBox{margin-bottom:30px}.reportSection h2{font-size:16px;margin:0 auto}.heartReportListArea h2{font-size:16px;width:120px;height:46px}.reportArea{padding:100px 15px 0}.referenceBox p,.referenceBox p span{font-size:14px}.graphArea .graphBox .leftArea>.flex{flex-direction:column;gap:10px}.graphArea02 .graphBox,.graphArea03 .graphBox{margin-top:40px}.subTitBox{justify-content:center}.graphArea01 .tBox{gap:10px;text-align:center;border-radius:30px;word-break:keep-all;padding:20px 30px 50px}.graphArea01 .tBox:before{width:100px;height:80px;right:0;bottom:-10px}.graphArea01 .tBox strong{font-size:16px}.graphArea01 .tBox p{font-size:14px}.graphArea01 .infoList li{border-radius:30px}.scheduleArea,.reportArea,.portfolioArea{border:4px solid #f3f3f3}.heartReportList01 ul li strong{font-size:22px}.heartReportList01 ul li button{padding:8px 40px 8px 15px}.heartReportList02 ul li .tBox01 strong,.heartReportList02 ul li .tBox01 p b{font-size:24px}.heartReportPage .reportArea{padding:40px 15px 20px}.heartReportList01 ul,.heartReportList02 ul{gap:15px}#modal .checkModal .modalCont{padding:78px 40px 40px}#modal .checkModal .modalCont:before{background-size:100px;background-position:bottom}.inspectModal .inspectArea{padding:40px 20px}.inspectModal .inspectArea div,.inspectModal .inspectArea div p{font-size:14px}.inspectModal .inspectArea div strong{font-size:18px}#modal .inspectModal .topArea{padding:0 80px 0 35px}.portfolioList li{width:100%}.portfolioList li>span{font-size:15px}.portfolioList li .tBox p{font-size:16px}.portfolioModal .portfolioContArea .portfolioVideo{max-height:200px}.portfolioContArea .infoArea{height:auto;flex-direction:column;padding:15px 0;text-align:center;word-break:keep-all}.portfolioContArea{padding:40px 55px 0}#modal .portfolioContArea .portfolioBtn.btnPrev{left:15px}#modal .portfolioContArea .portfolioBtn.btnNext{right:15px}#modal .portfolioContArea .infoArea .btnDownload{font-size:14px;background-size:20px}.portfolioModal .portfolioContArea+div{height:70px}.portfolioModal .portfolioContArea+div button{font-size:14px;padding:12px 30px}.learnLinkTab{margin-top:-75px;margin-bottom:-20px}.learnLinkTab ul{justify-content:flex-start}#teacherCourseDetailPage .contArea,#learnCoursePage .contArea,#learnCourseDetailPage .contArea{margin-top:65px}#learnCoursePage .contArea{padding-bottom:15px}.courseTab>ul>li>button{border-width:1px!important}.teacherSlideTab>ul>li>ul>li.on button{background:transparent}.teacherSlideTab>ul>li>ul:before{display:none}.resourceBanner{padding:20px 15px}.resourceBanner strong{font-size:16px}.resourceBanner span{font-size:14px;line-height:1.6;padding:10px 15px}.resourceBanner .tag{margin:10px 0}.resourceBanner ul li{font-size:13px;padding-left:10px}.resourceBanner ul li:before{top:7px;width:4px;height:4px}.resourceBanner .btnArea a.btnResourceSheet{background-size:15px}.resourceBanner .btnArea a.btnResourceBook{background-size:18px}.courseContArea .courseContList li .tBox strong{font-size:18px}.courseContArea .courseContList li .tBox .btnArea>*{font-size:13px;padding:12px 15px 12px 43px;background-size:16px}.courseContArea .courseContList li .tBox p{font-size:14px}#modal .inspectModal .topArea,#modal .contentModal .topArea,#modal .videoModal .topArea,#modal .portfolioModal .topArea{height:60px}#modal .btnClose{top:18px;right:25px;background-size:20px}#modal .videoModal .modalCont h3 p,#modal .contentModal .modalCont h3 p,#modal .checkModal .modalCont h3,#modal .alertModal .modalCont h3{font-size:16px}#modal .videoModal .modalCont h3 span,#modal .contentModal .modalCont h3 span{font-size:14px;padding:8px 10px}#modal .checkModal .modalCont .btnArea{align-items:stretch}#modal .checkModal .modalCont .btnArea button{word-break:keep-all;padding:10px 30px}#modal .btnArea .btnDown{font-size:14px;background-size:18px;padding:12px 28px 12px 48px}#modal .btnArea button,#modal .btnArea a{font-size:14px}.resourceMeta .learnLinkTab{margin-top:-70px;margin-bottom:-20px}.bannerMeta .subLinkTabArea,.bannerMeta .subLinkTab{width:100%}.bannerMeta .btnModal{top:15px;right:15px}.resourceMeta .resourceBanner{padding-top:80px}.bannerMeta .subLinkTab a{height:45px}.metaContArea{border:3px solid #f3f3f3;margin:20px 0 0;padding:20px 15px 30px;border-radius:20px}.portfolioModal .topArea h3 p{font-size:16px}.portfolioModal .topArea h3 span{font-size:14px;padding:8px 10px}.detailArea .btnArea .btnList,.createArea .btnArea button{height:40px;font-size:16px}.courseSection>div>h3{width:70px;height:64px;font-size:14px;padding:23px 0 0 23px}.courseSection>div>h3 b{font-size:16px}.courseSection>div.course-A,.courseSection>div.course-C,.courseSection>div.course-E{padding-left:80px}.courseSection>div.course-B,.courseSection>div.course-D,.courseSection>div.course-F{padding-right:80px}.courseSection>div ul{width:calc(100% - 30px);gap:5px}.courseSection>div.course-C>h3{top:-55px;left:5px}.courseSection>div.course-D>h3{top:-55px;right:15px}.courseSection>div.course-E>h3{top:-55px;left:15px}.courseSection>div.course-F>h3{top:-55px;right:5px}#learnCoursePage .learnLinkTab{margin-bottom:0}#learnCoursePage .navigation{margin:15px 0 40px}.courseTab>ul>li>button{font-size:15px}#learnCourseDetailPage .courseContArea{border:3px solid #f3f3f3;border-radius:25px;padding:0 15px 40px}#learnCourseDetailPage .courseContArea h2{padding:20px 0 0;font-size:18px;gap:5px}#learnCourseDetailPage .courseContArea h2 b{font-size:22px}#learnCourseDetailPage .courseTab>ul>li>button{font-size:14px;height:35px}.teacherSchedulePage .scheduleArea{border:none;padding:0}.scheduleArea .tagArea{justify-content:center;width:100%;border-top:1px solid #f3f3f3;padding:15px 0 0;top:80px;left:0;gap:20px}.scheduleArea .tagArea .state:before{width:10px;height:10px}.scheduleArea .tagArea .state{font-size:12px;gap:3px}.scheduleArea .react-calendar__month-view__weekdays{border-top:1px solid #f3f3f3;margin-top:40px;padding-top:10px}.scheduleArea .react-calendar__month-view__weekdays>div abbr{font-size:12px;text-align:center;background:transparent;padding:0}.scheduleArea .react-calendar__month-view__days>button abbr{min-height:60px;font-size:12px;text-align:center;padding:0;background:transparent}.scheduleArea .scheduleCount{display:none;font-size:12px;border:1px solid #ff5569;border-radius:100%;padding:4px 6px}.scheduleArea .hoverBox{width:100%;top:auto;left:0;bottom:0;height:80px;padding:5px;border-radius:8px}.scheduleArea .studyText{font-size:11px}#mainPage .inner{padding:20px}#mainBanner .swiper .swiper-button-prev{left:15px}#mainBanner .swiper .swiper-button-next{right:15px}#mainBanner .swiper .swiper-button-prev,#mainBanner .swiper .swiper-button-next{width:40px;background-size:30px}#mainBanner .swiper .swiper-pagination{gap:5px;bottom:15px}#mainBanner .swiper .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px}#mainBanner .swiper .swiper-pagination .swiper-pagination-bullet-active{width:60px}#mainTabArea .tabBtns{height:auto;margin:0 0 5px}#mainTabArea ul li{width:auto;height:auto;font-size:13px;margin:0;padding:7px 10px;border-radius:50px}#mainTabArea ul li span{top:auto;margin:0;padding:0}#mainTabArea .tabContents #mainTabContent{border-radius:10px}.linkBanner{width:50px}#boardArea .bgWrap{display:none;flex-direction:column}#boardArea .boardCont{flex-direction:column;gap:0;padding:0}#boardArea .boardCont>div{width:100%;padding:20px}#boardArea .boardCont>.noticeArea{background:#f2f5f9;padding-bottom:20px}#boardArea .boardCont>.serviceArea{background:#fbf4f1;padding-top:20px}#boardArea .box{margin-top:15px}#boardArea h2{font-size:18px}#boardArea .noticeBox li,#boardArea .serviceBox>.callBox,#boardArea .serviceBox>.linkBox a{border-radius:10px;font-size:16px}.noDataText{font-size:14px;height:150px}.teacherSlideTab>ul>li>ul{top:50px}#teacherCourseDetailPage .courseContArea{margin-top:40px}#teacherCourseDetailPage .noDataText{font-size:13px;padding:40px 0 0}#modal .contentModal .modalCont .imgArea img{max-height:200px}}@media (max-width: 650px){.bannerCoding+.teacherSlideTab>ul>li>ul{flex-wrap:wrap}.bannerCoding+.teacherSlideTab>ul>li>ul>li{flex:none;width:16.6666%}#teacherCourseDetailPage .bannerCoding+.teacherSlideTab+.courseContArea{margin-top:60px}}@media (max-width: 600px){.teacherPage .linkTab ul{flex-wrap:wrap;border-radius:20px}.teacherPage .linkTab ul li{width:50%}.teacherPage .linkTab ul li:nth-of-type(1),.teacherPage .linkTab ul li:nth-of-type(2){border-bottom:1px solid #ff5569}.teacherPage .linkTab ul li:nth-of-type(1),.teacherPage .linkTab ul li:nth-of-type(3){border-right:1px solid #ff5569}.teacherPage .linkTab ul li a,.teacherPage .linkTab ul li button{font-size:15px;height:40px;border-radius:0}#classPage .classArea{gap:0}#classPage .classArea>div{width:50%}.tablePage table colgroup,.tablePage table thead{display:none}.tablePage table tbody{display:flex;flex-direction:column;gap:10px}.tablePage table tbody tr:first-child{margin-top:10px}.tablePage table tbody tr{position:relative;display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #f0f0f0;padding:20px 90px 20px 15px;border:1px solid #e1e1e1;border-radius:15px;box-shadow:.5px .5px 10px #0000000d}#noticePage .tablePage table tbody tr{padding:20px 15px}.tablePage table tbody tr td{width:auto;height:auto;border:none;display:flex;align-items:flex-start;gap:3px;width:100%;font-size:14px;text-align:left}#inquiryPage table tbody tr td:before{flex:none;width:35px;font-weight:700}#noticePage table tbody tr td:before{flex:none;width:45px;font-weight:700}#inquiryPage table tbody tr td:nth-of-type(1):before{content:"번호: "}#inquiryPage table tbody tr td:nth-of-type(2):before{content:"구분: "}#inquiryPage table tbody tr td:nth-of-type(3):before{content:"제목: "}#noticePage table tbody tr td:nth-of-type(1):before{content:"번호: "}#noticePage table tbody tr td:nth-of-type(2):before{content:"제목: "}#noticePage table tbody tr td:nth-of-type(3):before{content:"등록일: "}.teacherNoticePage table tbody tr td{align-items:center;padding:0}.teacherNoticePage table tbody tr td:before{flex:none;width:auto;font-weight:700}.teacherNoticePage table tbody tr td .flex{gap:5px}.teacherNoticePage table tbody tr td .flex img{width:14px}.teacherNoticePage table tbody tr td:nth-of-type(1):before{content:"번호: "}.teacherNoticePage table tbody tr td:nth-of-type(2):before{content:"제목: "}.teacherNoticePage table tbody tr td:nth-of-type(3):before{content:"다운로드: "}.colTable .btnFile{font-size:13px;padding:5px 10px 5px 25px;background-size:12px;background-position:center left 8px}.colTable tr:hover td{background:transparent}.colTable .state{position:absolute;top:10px;right:10px;display:flex;align-items:center;height:calc(100% - 20px);border-radius:5px;font-size:12px}.createArea form dl{flex-direction:column;align-items:flex-start;gap:10px}.createArea form dl dt{width:auto;padding:0}.createArea form dl dd{width:100%}.createArea form select,.createArea form input[type=text],.createArea form textarea{border-radius:12px;padding:0 15px}.createArea form select,.createArea form input[type=text]{min-width:auto;width:100%;height:35px}.createArea form textarea{min-height:150px;padding:15px}.fileInfoText{font-size:14px;word-break:keep-all}.graphArea01 .infoList li{width:100%;border-radius:30px}.graphArea04 .resultBox .resultCont .btnArea{flex-direction:column}.graphArea04 .resultBox .resultCont .btnArea p,.graphArea04 .resultBox .resultCont .btnArea button{width:100%}.reportArea .dateArea{margin:30px auto 0}.dateArea .dateBox,.scheduleArea .react-calendar__navigation .react-calendar__navigation__label{font-size:40px}.dateArea .dateYear,.scheduleArea .react-calendar__navigation .react-calendar__navigation__label .year{top:-15px;font-size:18px}.dateBox em,.scheduleArea .react-calendar__navigation .react-calendar__navigation__label em{font-size:19px}.dateArea .btnPrev,.dateArea .btnNext,.scheduleArea .react-calendar__navigation button:not(.react-calendar__navigation__label){background-size:30px}.heartReportList01 ul li,.heartReportList02 ul li{width:100%}.portfolioArea .listTop{flex-direction:column;gap:10px}.teacherPage .contArea:before{right:-15px}.learnLinkTab{margin-top:-70px}.learnLinkTab ul li button{width:75px;height:40px;font-size:16px;border-top-left-radius:15px;border-top-right-radius:15px}.courseContArea .courseContList li{flex-direction:column;gap:15px;padding:20px 0}.courseContArea .courseContList li .iBox,.courseContArea .courseContList li .tBox{width:100%}.courseContArea .courseContList li .tBox strong{font-size:16px}.courseContArea .courseContList li .tBox .btnArea>*{width:100%;text-align:left;font-size:13px;padding:10px 15px 10px 50px;background-position:center left 20px;background-size:12px}#learnCourseDetailPage .courseContArea .courseContList li .tBox .btnArea .btnVideo,#learnCourseDetailPage .courseContArea .courseContList li .tBox .btnArea .btnContent{background-size:15px}#learnCourseDetailPage .courseContArea .courseContList li .tBox .btnArea .btnSheet{background-size:13px}.bannerMeta .subLinkTab{flex-direction:column;gap:5px;border:none;background:transparent}.bannerMeta .subLinkTab a{width:100%;border:1px solid #dfdfdf}.bannerMeta .list{flex-direction:column}.bannerMeta .list li{width:100%}.metaContArea .tableTab{flex-direction:column}.metaContArea .tableTab button{width:100%}.metaContArea .tableTop{margin:0 0 10px}.metaContArea .tableTop h2{font-size:18px}.metaContArea .tableTop button{width:90px;height:30px;font-size:13px;background-size:13px;padding:0 0 0 20px;background-position:center left 10px}.learnList ul{max-width:300px;margin:0 auto}.learnList ul li{width:100%}.learnList ul li:before{bottom:8px}.learnTop:before{display:none}.courseSection{position:relative;max-width:360px;margin:0 auto}.courseSection:after{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:url(/assets/images/bg-learn-course-mo.png) no-repeat center center;background-size:100% 100%}.courseSection:before{content:"";position:absolute;top:0;left:-100px;width:calc(100% + 200px);height:100%;background-color:#e6f7ff}.courseSection>div.course-A{margin-top:-13px}.courseSection>div{position:relative;z-index:2;width:100%}.courseSection>div ul{position:relative;flex-wrap:wrap}.courseSection>div ul li{width:36%;height:50px}.courseSection>div ul li button{font-size:11px}.courseSection>div.course-A ul li:not(:first-child){position:absolute}.courseSection>div.course-A ul li:nth-of-type(2){left:40%}.courseSection>div.course-A ul li:nth-of-type(3){right:-18%}.courseSection>div.course-A ul li:nth-of-type(4){top:32px;right:-56%}.courseSection>div.course-A ul li:nth-of-type(5){top:80px;right:-33%}.courseSection>div.course-A ul li:nth-of-type(6){top:82px;right:5%}.courseSection>div.course-B ul{height:135px}.courseSection>div.course-B>h3{top:-4px;right:auto;left:25%}.courseSection>div.course-B ul li{position:absolute}.courseSection>div.course-B ul li:nth-of-type(1){left:-10%;top:8%}.courseSection>div.course-B ul li:nth-of-type(2){left:-35%;top:40%}.courseSection>div.course-B ul li:nth-of-type(3){left:-5%;bottom:0}.courseSection>div.course-B ul li:nth-of-type(4){left:38%;bottom:0}.courseSection>div.course-B ul li:nth-of-type(5){left:78%;bottom:-4px}.courseSection>div.course-B ul li:nth-of-type(6){right:-55%;bottom:-12px}.courseSection>div.course-C ul{height:135px}.courseSection>div.course-C>h3{left:auto;right:-6%;top:-13%}.courseSection>div.course-C ul li{position:absolute}.courseSection>div.course-C ul li:nth-of-type(1){right:18%;top:5%}.courseSection>div.course-C ul li:nth-of-type(2){left:4%;top:4%}.courseSection>div.course-C ul li:nth-of-type(3){left:-38%;top:6%}.courseSection>div.course-C ul li:nth-of-type(4){left:-70%;top:33%}.courseSection>div.course-C ul li:nth-of-type(5){left:-33%;bottom:8%}.courseSection>div.course-C ul li:nth-of-type(6){left:8%;bottom:8%}.courseSection>div.course-D{margin:0}.courseSection>div.course-D ul{height:135px}.courseSection>div.course-D>h3{left:auto;right:17%;top:-55%}.courseSection>div.course-D ul li{position:absolute}.courseSection>div.course-D ul li:nth-of-type(1){right:-60%;top:-45%}.courseSection>div.course-D ul li:nth-of-type(2){right:-75%;top:-8%}.courseSection>div.course-D ul li:nth-of-type(3){right:-40%;top:8%}.courseSection>div.course-D ul li:nth-of-type(4){right:-1%;top:8%}.courseSection>div.course-D ul li:nth-of-type(5){right:38%;top:8%}.courseSection>div.course-D ul li:nth-of-type(6){left:-12%;top:10%}.courseSection>div.course-E{margin:0}.courseSection>div.course-E ul{height:65px}.courseSection>div.course-E>h3{left:-18%;top:-90px}.courseSection>div.course-E ul li{position:absolute}.courseSection>div.course-E ul li:nth-of-type(1){left:-30%;top:-45px}.courseSection>div.course-E ul li:nth-of-type(2){left:14%;top:-45px}.courseSection>div.course-E ul li:nth-of-type(3){left:54%;top:-45px}.courseSection>div.course-E ul li:nth-of-type(4){right:-32%;top:-40px}.courseSection>div.course-E ul li:nth-of-type(5){right:-28%;bottom:-4px}.courseSection>div.course-E ul li:nth-of-type(6){right:16%;bottom:-10px}.courseSection>div.course-F{margin:0}.courseSection>div.course-F ul{height:65px}.courseSection>div.course-F>h3{left:28%;top:-55px}.courseSection>div.course-F ul li{position:absolute}.courseSection>div.course-F ul li:nth-of-type(1){left:-10%;top:-55%}.courseSection>div.course-F ul li:nth-of-type(2){left:-35%;bottom:0}.courseSection>div.course-F ul li:nth-of-type(3){left:5%;bottom:-25px}.courseSection>div.course-F ul li:nth-of-type(4){left:48%;bottom:-25px}.courseSection>div.course-F ul li:nth-of-type(5){right:-25%;bottom:-25px}.courseSection>div.course-F ul li:nth-of-type(6){right:-65%;bottom:-25px}#learnCourseDetailPage .courseName{display:none}#learnCourseDetailPage .learnLinkTab{margin-bottom:0}#learnCourseDetailPage .courseTab>ul{position:relative;align-items:flex-start}#learnCourseDetailPage .courseTab>ul>li{position:static}#learnCourseDetailPage .courseTab>ul>li>ul{top:40px;left:0;border-radius:20px;padding:3px 5px;flex-direction:row;gap:0}#learnCourseDetailPage .courseTab>ul>li:before{content:"";display:none;position:absolute;top:35px;left:0;width:100%;height:100%}#learnCourseDetailPage .courseTab>ul>li:hover{margin-bottom:30px}#learnCourseDetailPage .courseTab>ul>li:hover:before{display:block}#learnCourseDetailPage .courseTab>ul>li>ul>li{width:20%;text-align:center;padding:3px 0}#boardArea .box ul{flex-direction:column}#boardArea .box ul li{width:100%;padding:10px}#boardArea .box ul li p,#boardArea .box ul li p span{font-size:13px}.scheduleArea .tagArea{top:55px;padding:12px 0 0}}@media (max-width: 550px){#learnCoursePage .contArea{padding-bottom:0}}@media (max-width: 500px){.foContWrap .inner>div{flex-direction:column;align-items:flex-start}.foContWrap .inner>div dl{align-items:flex-start;word-break:keep-all;font-size:13px}.foContWrap .inner>div dl dt{flex:none}#copyright{font-size:13px}.faqCont .faqInquiry span{position:static;top:auto;left:auto;display:block;margin:0 0 5px}.faqCont .faqInquiry{padding:20px 40px 20px 15px}.faqCont .faqInquiry p{padding-right:0}.faqCont .faqInquiry:before{right:15px}.faqCont .faqAnswer div{padding:20px}.tableTop ul li{border-top-left-radius:10px;border-top-right-radius:10px}.tableTop ul li,.tableTop ul li.on button{font-size:13px}.teacherPage .contArea:before,.servicePage .contArea:before,.noticePage .contArea:before{top:-48px;width:100px;height:75px;background-size:contain}.teacherPage .contArea:before{right:0}.learnPage .contArea:before{top:-60px;right:0;width:100px;height:75px;background-size:contain}.navigation ul li a{font-size:13px}.dateArea>button.btnNext,.dateArea .btnPrev,.dateArea .btnNext,.scheduleArea .react-calendar__navigation button:not(.react-calendar__navigation__label).react-calendar__navigation__next-button{background-size:30px;background-position:center right}.dateArea>button.btnPrev,.dateArea .btnPrev,.dateArea .btnNext,.scheduleArea .react-calendar__navigation button:not(.react-calendar__navigation__label).react-calendar__navigation__prev-button{background-size:30px;background-position:center left}.dateArea .dateYear,.scheduleArea .react-calendar__navigation .react-calendar__navigation__label .year{font-size:14px;margin:0 5px 0 0}.scheduleArea .react-calendar__navigation .react-calendar__navigation__label .year{top:-23px;margin-right:-5px}.dateArea .dateBox{font-size:36px}.dateBox em{font-size:16px}.classUserSelectArea select{width:100%}.resourceBanner .btnArea a{font-size:13px;padding:12px 15px 12px 45px}.teacherPage.resourceMeta .contArea:before{display:none}.resourceMeta .learnLinkTab.teacherLinkTab ul li{width:20%}.resourceMeta .learnLinkTab.teacherLinkTab ul li:last-child{width:33%}.resourceMeta .learnLinkTab.teacherLinkTab ul li button{width:100%!important}.learnTop{height:50px;font-size:16px}.teacherSchedulePage>.inner{padding:40px 0 0}.subPage .contArea.classUserArea{padding:30px 15px 0}.classTop .titBox h2{font-size:28px}#classPage .classArea>div>p{width:65px;font-size:18px;letter-spacing:0px}#modal .imageModal .modalCont .btnClose{top:5px;right:5px;background-size:15px}}@media (max-width: 450px){#classPage .classArea>div>p{right:20px;bottom:20px;width:50px;font-size:14px;letter-spacing:0px}}@media (max-width: 400px){.learnLinkTab ul li button{width:60px}}.chartNoData{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:20px 0}.chartNoData div{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:15px;font-weight:600;color:#555;background:#efefef;border-radius:20px}.pieNames{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:25px 0 0}.pieNames p{position:relative;font-size:13px;padding:0 0 0 22px}.pieNames p:before{content:"";position:absolute;top:50%;left:0;width:17px;height:17px;border-radius:5px;transform:translateY(-50%)}.pieNames .color49568d:before{background:#49568d}.pieNames .colorff9600:before{background:#ff9600}.pieNames .color84c900:before{background:#84c900}.pieNames .colorbc81ff:before{background:#bc81ff}.pieNames .color0096ff:before{background:#0096ff}.pieNames .colorffcf2a:before{background:#ffcf2a}.todayCloseArea{display:flex;background:#fff;padding:5px}.todayCloseArea label{position:relative;display:flex;align-items:center;height:25px;gap:5px}.todayCloseArea label input{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer}.todayCloseArea label input+p{font-size:17px;color:#000;padding-left:32px}.todayCloseArea label input+p:before{content:"";position:absolute;top:50%;left:0;width:25px;height:25px;background:#ffc127;border-radius:100%;transform:translateY(-50%)}.todayCloseArea label input+p:after{content:"";position:absolute;top:50%;left:4px;width:17px;height:13px;background:url(/assets/images/ico-checked.png) no-repeat center center;border-radius:100%;transform:translateY(-50%);z-index:1;opacity:0}.todayCloseArea label input:checked+p:after{opacity:1}.last\:border-b-0:last-child{border-bottom-width:0px}.hover\:bg-\[\#ff5569\]:hover{--tw-bg-opacity: 1;background-color:rgb(255 85 105 / var(--tw-bg-opacity, 1))}.hover\:text-\[19px\]:hover{font-size:19px}.hover\:font-bold:hover{font-weight:700}.hover\:text-\[\#ff5569\]:hover{--tw-text-opacity: 1;color:rgb(255 85 105 / var(--tw-text-opacity, 1))}.hover\:text-\[\#fff\]:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (max-width: 1160px){.max-1160\:mt-\[20px\]{margin-top:20px}}@media (max-width: 500px){.max-500\:order-1{order:1}.max-500\:order-2{order:2}.max-500\:mt-\[20px\]{margin-top:20px}.max-500\:w-full{width:100%}.max-500\:flex-col{flex-direction:column}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}