@charset "UTF-8";:root{--ck-color-image-caption-background:#f7f7f7;--ck-color-image-caption-text:#333;--ck-color-mention-background:rgba(153,0,48,.1);--ck-color-mention-text:#990030;--ck-color-table-caption-background:#f7f7f7;--ck-color-table-caption-text:#333;--ck-highlight-marker-blue:#72ccfd;--ck-highlight-marker-green:#62f962;--ck-highlight-marker-pink:#fc7899;--ck-highlight-marker-yellow:#fdfd77;--ck-highlight-pen-green:#128a00;--ck-highlight-pen-red:#e71313;--ck-image-style-spacing:1.5em;--ck-inline-image-style-spacing:calc(var(--ck-image-style-spacing) / 2);--ck-todo-list-checkmark-size:16px}.ck-content blockquote{overflow:hidden;padding-right:1.5em;padding-left:1.5em;margin-left:0;margin-right:0;font-style:italic;border-left:5px solid #ccc}.ck-content[dir=rtl] blockquote{border-left:0;border-right:5px solid #ccc}.ck-content code{background-color:hsla(0,0%,78%,.3);padding:.15em;border-radius:2px}.ck-content .text-tiny{font-size:.7em}.ck-content .text-small{font-size:.85em}.ck-content .text-big{font-size:1.4em}.ck-content .text-huge{font-size:1.8em}.ck-content .marker-yellow{background-color:var(--ck-highlight-marker-yellow)}.ck-content .marker-green{background-color:var(--ck-highlight-marker-green)}.ck-content .marker-pink{background-color:var(--ck-highlight-marker-pink)}.ck-content .marker-blue{background-color:var(--ck-highlight-marker-blue)}.ck-content .pen-red{color:var(--ck-highlight-pen-red);background-color:transparent}.ck-content .pen-green{color:var(--ck-highlight-pen-green);background-color:transparent}.ck-content .image{display:table;clear:both;text-align:center;margin:.9em auto;min-width:50px}.ck-content .image img{display:block;margin:0 auto;max-width:100%;min-width:100%}.ck-content .image-inline{display:inline-flex;max-width:100%;align-items:flex-start}.ck-content .image-inline picture{display:flex}.ck-content .image>figcaption,.ck-content .table>figcaption{display:table-caption;word-break:break-word;padding:.6em;font-size:.75em;outline-offset:-1px}.ck-content .image-inline img,.ck-content .image-inline picture{flex-grow:1;flex-shrink:1;max-width:100%}.ck-content .image>figcaption{caption-side:bottom}.ck-content .image.image_resized{max-width:100%;display:block;box-sizing:border-box}.ck-content .image.image_resized img{width:100%}.ck-content .image.image_resized>figcaption{display:block}.ck-content .image-style-block-align-left,.ck-content .image-style-block-align-right{max-width:calc(100% - var(--ck-image-style-spacing))}.ck-content .image-style-align-left,.ck-content .image-style-align-right{clear:none}.ck-content .image-style-side{float:right;margin-left:var(--ck-image-style-spacing);max-width:50%}.ck-content .image-style-align-left{float:left;margin-right:var(--ck-image-style-spacing)}.ck-content .image-style-align-center{margin-left:auto;margin-right:auto}.ck-content .image-style-align-right{float:right;margin-left:var(--ck-image-style-spacing)}.ck-content .image-style-block-align-right{margin-right:0;margin-left:auto}.ck-content .image-style-block-align-left{margin-left:0;margin-right:auto}.ck-content p+.image-style-align-left,.ck-content p+.image-style-align-right,.ck-content p+.image-style-side{margin-top:0}.ck-content .image-inline.image-style-align-left,.ck-content .image-inline.image-style-align-right{margin-top:var(--ck-inline-image-style-spacing);margin-bottom:var(--ck-inline-image-style-spacing)}.ck-content .image-inline.image-style-align-left{margin-right:var(--ck-inline-image-style-spacing)}.ck-content .image-inline.image-style-align-right{margin-left:var(--ck-inline-image-style-spacing)}.ck-content ol{list-style-type:decimal}.ck-content ol ol{list-style-type:lower-latin}.ck-content ol ol ol{list-style-type:lower-roman}.ck-content ol ol ol ol{list-style-type:upper-latin}.ck-content ol ol ol ol ol{list-style-type:upper-roman}.ck-content ul{list-style-type:disc}.ck-content ul ul{list-style-type:circle}.ck-content ul ul ul,.ck-content ul ul ul ul{list-style-type:square}.ck-content .media{clear:both;margin:.9em 0;display:block;min-width:15em}.ck-content .todo-list{list-style:none}.ck-content>.todo-list{margin-left:30px}.ck-content .todo-list li{margin-bottom:5px}.ck-content .todo-list li .todo-list{margin-top:5px}.ck-content .todo-list .todo-list__label>input{padding:0;-webkit-appearance:none;display:inline-block;position:relative;width:var(--ck-todo-list-checkmark-size);height:var(--ck-todo-list-checkmark-size);vertical-align:middle;border:0;left:-25px;margin-right:-15px;right:0;margin-left:0}.ck-content .todo-list .todo-list__label>input:before{display:block;position:absolute;box-sizing:border-box;content:"";width:100%;height:100%;border:1px solid #333;border-radius:2px;transition:box-shadow .25s ease-in-out,background .25s ease-in-out,border .25s ease-in-out;background-color:#fff}.ck-content .todo-list .todo-list__label>input:after{display:block;position:absolute;box-sizing:content-box;pointer-events:none;content:"";left:calc(var(--ck-todo-list-checkmark-size) / 3);top:calc(var(--ck-todo-list-checkmark-size) / 5.3);width:calc(var(--ck-todo-list-checkmark-size) / 5.3);height:calc(var(--ck-todo-list-checkmark-size) / 2.6);border-style:solid;border-color:transparent;border-width:0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;transform:rotate(45deg)}.ck-content .todo-list .todo-list__label>input[checked]:before{background:#25ab33;border-color:#25ab33}.ck-content .todo-list .todo-list__label>input[checked]:after{border-color:#fff}.ck-content .todo-list .todo-list__label .todo-list__label__description{vertical-align:middle}.ck-content .page-break{position:relative;clear:both;padding:5px 0;display:flex;align-items:center;justify-content:center}.ck-content .page-break:after{content:"";position:absolute;border-bottom:2px dashed #c4c4c4;width:100%}.ck-content .page-break__label{position:relative;z-index:1;padding:.3em .6em;display:block;text-transform:uppercase;border:1px solid #c4c4c4;border-radius:2px;font-size:.75em;font-weight:700;color:#333;background:#fff;box-shadow:2px 2px 1px rgba(0,0,0,.15);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ck-content .table>figcaption{caption-side:top;text-align:center;color:var(--ck-color-table-caption-text);background-color:var(--ck-color-table-caption-background)}.ck-content .table{margin:.9em auto;display:table}.ck-content .table table{border-collapse:collapse;border-spacing:0;width:100%;height:100%;border:1px double #b2b2b2;overflow:hidden}.ck-content .table table td,.ck-content .table table th{min-width:2em;padding:.4em;border:1px solid #bfbfbf}.ck-content .table table th{font-weight:700;background:rgba(0,0,0,.05)}.ck-content[dir=rtl] .table th{text-align:right}.ck-content pre,.ck-content[dir=ltr] .table th{text-align:left}.ck-content .table .ck-table-resized{table-layout:fixed}.ck-content .table td,.ck-content .table th{position:relative}.ck-content pre{padding:1em;color:#353535;background:hsla(0,0%,78%,.3);border:1px solid #c4c4c4;border-radius:2px;direction:ltr;-moz-tab-size:4;tab-size:4;white-space:pre-wrap;font-style:normal;min-width:200px;display:block}.ck-content pre code{background:unset;padding:0;border-radius:0}.ck-content hr{margin:15px 0;height:4px;background:#ddd;border:0}.ck-content .mention{background:var(--ck-color-mention-background);color:var(--ck-color-mention-text)}@media print{.ck-content .page-break{padding:0}.ck-content .page-break:after{display:none}}:root{--bg-main:#fff;--bg-sub1:#f7f9fa;--bg-sub2:#d4d6d7;--bg-sub3:#f2f4f5;--bg-sub4:#f2f4f5;--bg-sub5:#f2f4f5;--bg-sub6:#f7f9fa;--bg-sub7:#f2f4f5;--bg-sub8:#f2f4f5;--bg-sub9:#f7f9fa;--bg-active-btn:#fb8261;--bg-active-btn-hover:#f69f87;--bg-sub-btn:#ffeee9;--bg-sub-btn-hover:#ffe2da;--bg-highlight:#ffefd7;--bg-refer:#edf5fa;--bg-modal-back:#fff;--bg-input-back:#fff;--bg-backdrop:#222;--bg-cancel-btn:rgba(247,249,250,.5);--bg-cancel-btn-hover:#f7f9fa;--bg-disable-btn:#a6abad;--bg-withdraw-btn:#a6abad;--bg-tooltip:#303437;--bg-mobile-button-main:#fff2dd;--bg-mobile-button-sub:#e0f0ff;--bg-footer-dot:#d9d9d9;--bg-modal-backdrop:#22222299;--bg-reco:#fff7f4;--bg-tooltip:rgba(48,52,55,.8);--bg-video-btn-hover:rgba(255,238,233,.4);--text-main:#303437;--text-sub1:#6c7072;--text-sub2:#a6abad;--text-sub3:#6c7072;--text-warning:#ff6d6d;--text-active-btn:#fff;--text-sub-btn:#f7633b;--text-disable:#d4d6d7;--text-refer:#0078ff;--text-caption:#787878;--text-orange-btn:#f6633b;--text-description:#222;--text-pen-red:#e71313;--text-pen-green:#128a00;--text-modal-title:#404446;--text-tooltip:#fff;--text-bip-title:#f28c00;--text-powpular-title:#7481ff;--border-main:#d4d6d7;--border-input:#ededed;--only-border-input:#d4d6d9;--border-active:#fb8261;--border-withdraw-btn:transparent}[data-theme=dark]{--bg-main:#272a2d;--bg-sub1:#373b3f;--bg-sub2:#575e64;--bg-sub3:#3f4447;--bg-sub4:#272a2d;--bg-sub5:#373b3f;--bg-sub6:#575e64;--bg-sub7:#494e52;--bg-sub8:#575e64;--bg-sub9:#494e52;--bg-active-btn:#ff7a56;--bg-active-btn-hover:#ea9179;--bg-sub-btn:#ffe0d7;--bg-sub-btn-hover:#ffd6ca;--bg-highlight:#4d7eff;--bg-refer:#504d45;--bg-modal-back:#3f4447;--bg-input-back:#373b3f;--bg-backdrop:#b1b7bd;--bg-cancel-btn:#373b3f;--bg-cancel-btn-hover:#3f4447;--bg-disable-btn:#ff7a56;--bg-withdraw-btn:#373b3f;--bg-tooltip:#f7f7f7;--bg-mobile-button-main:#b4aa99;--bg-mobile-button-sub:#98b1ca;--bg-footer-dot:#8f969a;--bg-modal-backdrop:#b1b7bd99;--bg-reco:#433f3c;--bg-tooltip:rgba(237,239,242,.8);--bg-video-btn-hover:#373b3f;--text-main:#edeff2;--text-sub1:#cccfd5;--text-sub2:#8f969a;--text-sub3:#b1b7bd;--text-warning:#ff7d7d;--text-active-btn:#fff;--text-sub-btn:#f95d33;--text-disable:#575e64;--text-refer:#2e68ff;--text-caption:#787878;--text-orange-btn:#f95d33;--text-description:#b1b7bd;--text-pen-red:red;--text-pen-green:#12ef00;--text-modal-title:#edeff2;--text-tooltip:#222;--text-bip-title:#ffb323;--text-powpular-title:#7481ff;--border-main:#575e64;--border-input:#494e52;--only-border-input:#494e52;--border-active:#ff7a56;--border-withdraw-btn:1px solid #575e64}*{font-family:SUIT,sans-serif;box-sizing:border-box;margin:0;padding:0}body *{-webkit-tap-highlight-color:transparent}.slick-track{display:flex!important}a,article,aside,b,body,caption,dd,div,dl,dt,em,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,img,label,legend,li,menu,nav,object,ol,p,section,span,strong,table,tbody,td,tfoot,th,thead,tr,ul,video{font-size:16px;font-weight:500;color:var(--text-main);line-height:143%;scroll-behavior:auto;outline:0}iframe{border:0}h1,h2,h3,h4,h5,h6{line-height:129%;font-weight:700;word-break:keep-all}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li,ol,ul{word-break:keep-all}strong{font-weight:700;font-size:inherit}a{margin:0;padding:0;font-size:100%}span{font-weight:400;line-height:1}table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid var(--border-input)}table tbody td,table thead th{font-size:16px;padding:10px;text-align:center}input,select{vertical-align:middle;padding:10px 12px}p{line-height:1.5;letter-spacing:-.32px;word-break:keep-all}img{display:block;object-fit:cover}figcaption{font-size:14px;color:var(--text-caption);justify-content:center;display:flex}span{display:inline-block}a{display:block;text-decoration:none}input[type=email],input[type=password],input[type=tel],input[type=text]{display:block;width:100%;height:50px;border:1px solid var(--only-border-input);font-size:16px;appearance:none;-moz-appearance:none;-webkit-appearance:none;border-radius:10px;padding:10px 20px;background-color:var(--bg-input-back);color:var(--text-main)}input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input:focus{outline:none;border:1px solid var(--text-sub-btn);border-radius:10px}input::placeholder{font-size:16px;color:var(--text-sub2)}button{font-size:16px;border-radius:4px;border:0;background:#fff;color:var(--text-main);white-space:nowrap;cursor:pointer}textarea{display:block;resize:none;padding:16px;font-size:16px;background:var(--bg-sub1)}textarea,textarea:focus{outline:0}textarea::placeholder{font-size:16px;font-weight:400;color:var(--text-sub2)}.ant-modal-close:hover{background-color:transparent!important}.wrap{overflow:hidden}.main-wrap{background-color:var(--bg-main)}.container,.container2{max-width:1312px;height:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}.btn-group,.col-group{display:flex;align-items:center}.btn-group{justify-content:space-between;text-align:center}.one-btn{display:block;width:140px;height:50px;line-height:50px}pre{display:inline-block;white-space:pre-wrap}.overflow-y{overflow-y:auto}.overflow-y::-webkit-scrollbar{width:4px;background:var(--bg-sub1)}.overflow-y::-webkit-scrollbar-thumb{height:30px;background:var(--bg-sub2)}.cancel-btn{background:var(--bg-input-back)!important;border:1px solid var(--bg-sub2);border-radius:10px}.cancel-btn:hover{background-color:var(--bg-cancel-btn-hover)!important}.agree-btn{width:100%;height:56px;background:var(--bg-sub2);color:#fff;border-radius:10px;transition:.25s}.agree-btn.active{background:var(--bg-active-btn);color:#fff;border:0}.agree-btn.active:hover{background-color:var(--bg-active-btn-hover)}.agree-btn:disabled{background-color:var(--bg-disable-btn);opacity:.4}.disabled{background:#f5f5f5!important;color:#bcbcbc!important;pointer-events:none!important}.show{display:block!important}.pc{display:block}.mobile{display:none}.center{display:flex;align-items:center;justify-content:center}.short-words{max-width:100%}.short-words,.short-words-bookmark{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.short-words-bookmark{max-width:calc(100% - 20px)}.short-words-bookmark:hover,.short-words:hover{color:#0078ff;font-weight:inherit}.short-words2{-webkit-line-clamp:3;display:-webkit-box;word-wrap:break-word;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.comment-num{margin-left:4px;font-size:12px;font-weight:700;line-height:12px;color:var(--text-orange-btn)}.list-image-box{min-width:20px;display:flex;align-items:center}.agree-box,.agree-box label{position:relative}.agree-box label{display:flex;align-items:center;width:100%;margin:0;font-size:14px;cursor:pointer;line-height:114%}.agree-box input{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.agree-box label:before{content:"";position:absolute;right:0;top:50%;display:block;width:20px;height:20px;margin-top:-10px;background:url(/_next/static/media/icon-before-checkbox.4b61e492.svg) no-repeat 0 0;background-size:20px 20px}.agree-box input:checked+label{color:var(--text-main)}.agree-box input:checked+label:before{content:"";background:url(/_next/static/media/icon-after-checkbox.24009553.svg) no-repeat 0 0;background-size:20px 20px}.dark-agree-box2{position:relative}.dark-agree-box2 label{padding-left:30px;line-height:1;font-weight:400;position:relative;display:flex;align-items:center;width:100%;margin-bottom:30px;font-size:14px;cursor:pointer;line-height:114%;color:#edeff2}.dark-agree-box2 input{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.dark-agree-box2 label:before{content:"";position:absolute;left:0;top:50%;display:block;width:20px;height:20px;margin-top:-10px;background:url(/_next/static/media/dark-icon-before-checkbox.43af4daa.svg) no-repeat 0 0;background-size:20px 20px}.dark-agree-box2 input:checked+label:before{content:"";background:url(/_next/static/media/dark-icon-after-checkbox.cc3d4e38.svg) no-repeat 0 0;background-size:20px 20px}.select-box{position:relative;width:120px}.select-box .select-txt{width:100%;height:50px;padding:16px;background:var(--bg-input-back);border:1px solid var(--border-input);border-radius:10px;cursor:pointer}.select-box .select-txt p{color:var(--text-main)}.select-box .select-txt .no-data,.select-box .select-txt p{min-width:40px;padding-right:10px;font-size:14px;line-height:14px}.select-box .select-txt .no-data{color:var(--text-sub2);font-weight:400}.select-box .select-txt .rotate{margin-left:auto}.select-box-small{position:relative;width:94px}.select-box-small .select-txt{width:100%;height:50px;padding:16px;background:var(--bg-input-back);border:1px solid var(--border-input);border-radius:10px;cursor:pointer}.select-box-small .select-txt .no-data,.select-box-small .select-txt p{min-width:40px;padding-right:10px;font-size:14px;line-height:14px}.select-box-small .select-txt .no-data{color:var(--text-sub2);font-weight:400}.select-box-small .select-txt .rotate{margin-left:auto}.select-box-colon{color:var(--text-sub2);font-size:16px;line-height:16px;font-weight:700;margin-left:8px;margin-right:8px}.option-box{z-index:10;position:absolute;left:0;top:calc(100% + 5px);width:100%;border-radius:10px;background:var(--bg-modal-back);box-shadow:0 1px 8px hsla(0,0%,8%,.08)}.option-box.show{display:block}.option-box li{font-size:14px;padding:12px;line-height:1;font-weight:400;cursor:pointer}.option-box li:first-child{padding-top:16px;border-top-left-radius:10px;border-top-right-radius:10px}.option-box li:last-child{padding-bottom:16px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.option-box li:hover{background:var(--bg-sub1)}.product-search-box{max-width:280px;height:36px;padding:0 10px;background:var(--bg-sub3);border-radius:6px}.product-search-box .search-btn{width:20px;margin-right:4px;background:inherit;display:flex;align-items:center}.product-search-box .search-btn img{width:100%;height:100%}.product-search-box input{width:calc(100% - 24px);height:100%;font-size:14px;line-height:1;border:0;padding:0;background:inherit}.product-search-box input::placeholder{font-size:14px}.product-search-box input:focus{outline:0}.highlight{background:var(--bg-highlight);color:var(--text-main);font-size:inherit;font-weight:inherit}.default-btn{cursor:default!important}.triangle-box{top:-6px;right:10px;width:18px}.triangle-box,.triangle-list-box{position:absolute;height:17px;z-index:0;box-shadow:-6px 6px 6px hsla(0,0%,8%,.03);transform:rotate(135deg)}.triangle-list-box{top:-3px;right:5px;width:17px}.triangle-box img{width:100%;height:100%}.carousel-container{width:193px}.carousel-container span{cursor:pointer}.carousel-container .locator{display:flex;justify-content:center;margin-top:6.12px;align-items:center}.carousel-container .locator .img-box{display:flex;align-items:center;cursor:pointer}.carousel-container .locator .dot{margin:0 4px;width:7px;height:7px;background-color:#d4d6d7;border-radius:7px;cursor:pointer}.carousel-container .locator .dot.active{background-color:#f6633b}.carousel-status,.control-dots{display:none}.mobile-card-divider{height:12px;background-color:var(--bg-sub3);margin-left:-16px;margin-right:-16px;margin-bottom:20px}.tooltip-container{position:relative;display:inline-block;max-width:100%;display:flex;align-items:center;padding:0!important}.tooltip-container .tooltip{position:absolute;max-width:424px;padding:7px 12px!important;left:50%;transform:translateX(-50%);background-color:var(--bg-tooltip);z-index:500;border-radius:4px;opacity:0;visibility:hidden}.tooltip-container .tooltip p{color:var(--bg-main)!important;margin:0!important;padding:0!important;font-weight:500;font-size:14px;white-space:nowrap;line-height:16px!important}.tooltip-container .tooltip.fadeIn{visibility:visible;opacity:1;transition:opacity .5s;animation:fadeIn .2s ease-out forwards}.tooltip-container .tooltip.fadeOut{visibility:visible;opacity:0;transition:opacity .5s;animation:fadeOut .2s ease-out forwards}.tooltip-container .tooltip.top:before{bottom:-7px;border-top:7px solid var(--bg-tooltip)}.tooltip-container .tooltip.bottom:before,.tooltip-container .tooltip.top:before{position:absolute;content:"";width:0;height:0;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent}.tooltip-container .tooltip.bottom:before{top:-7px;border-bottom:7px solid var(--bg-tooltip)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.top-banner{cursor:pointer}.center-toast{position:relative;padding:14px 66.5px;background-color:var(--bg-tooltip);display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;z-index:5000}.center-toast p{color:var(--text-tooltip);font-weight:500;line-height:16px;white-space:nowrap}.center-toast .lottie{position:absolute;top:-80px}header{z-index:300;position:-webkit-sticky;position:sticky;top:0;border-bottom:1px solid var(--border-input);background:var(--bg-main)}header .container{position:relative;height:76px}header .container2{position:relative;height:48px;display:flex;align-items:flex-start}header .logo-container{display:flex;align-items:center}header .logo-container p{font-weight:400;min-width:127px;font-size:12px;line-height:12px}header .logo{min-width:98px;margin-right:4px}header .toggle-btn{margin-top:6px;margin-left:auto;background:transparent}header nav{position:relative}header nav a{margin-right:28px;height:48px;font-weight:500;line-height:16px;white-space:nowrap;color:var(--text-main);padding-top:10px}header nav a.important{color:var(--text-orange-btn)}header nav a:hover{border-bottom:2px solid var(--text-orange-btn)}header nav a:hover .second-category{display:block;margin-top:12px}header nav a:last-child{margin-right:0}header nav a .dot{position:absolute;width:4px;height:4px;background-color:var(--text-warning);border-radius:4px;bottom:36px;right:-6px}header nav .second-category{position:absolute;display:none;z-index:500}header nav .second-category ul{list-style:none;background-color:var(--bg-input-back);box-shadow:0 1px 8px 2px hsla(0,0%,8%,.08);padding:4px 0;border-radius:6px}header nav .second-category ul li{width:150px;height:44px;background-color:var(--bg-input-back);padding:12px 15px;font-size:14px;font-weight:400;line-height:14px;display:flex;align-items:center}header nav .second-category ul li:hover{background-color:var(--bg-sub6)}header nav .divider{width:1px;height:12px;background:var(--border-main);margin-left:-8px;margin-right:20px;margin-top:-10px}header .search-box{width:297px;height:36px;padding:6px 8px;background:var(--bg-sub3);border-radius:8px;margin-left:auto}header .search-box .search-btn{width:24px;margin-right:4px;background:inherit;display:flex;align-items:center}header .search-box input{width:calc(100% - 24px);height:100%;border:0;padding:0;background:inherit;border-radius:0}header .search-box input:focus{outline:0}header .register-group-box{min-width:286px;flex-direction:row;display:flex;align-items:center;margin-left:auto}header .register-group{min-width:186px;justify-content:right}header .register-group>div{display:flex}header .register-group>a{height:36px;line-height:36px;font-size:14px;padding:0 23px;font-weight:700;border-radius:40px}header .register-group button{background:initial}header .register-group button.profile-btn{width:36px;height:36px;border-radius:50%;overflow:hidden}header .register-group button.profile-btn img{width:100%}header .register-group .profile-box{position:relative}header .register-group .profile-box .history-circle{position:absolute;top:0;right:0;width:3px;height:3px;background:var(--text-warning);border-radius:50%}header .register-group>div:not(:last-child){margin-right:28px}header .register-group .login-btn{background:var(--bg-sub-btn)}header .register-group .login-btn p{min-width:37px;display:flex;align-items:center;font-size:14px;font-weight:700;color:var(--text-sub-btn)}header .register-group .history-box{position:relative}header .register-group .history-box .history-circle{position:absolute;top:2px;right:0;width:3px;height:3px;background:var(--text-warning);border-radius:50%}header .register-group .history-box .history-circle2{position:absolute;top:2px;right:-6px;width:3px;height:3px;background:var(--text-warning);border-radius:50%}header .register-group .history-box .history-circle2-mobile{position:absolute;top:5px;right:-2px;width:3px;height:3px;background:var(--text-warning);border-radius:50%}.mobile-slogan{margin-top:1.53px;font-size:11px;color:var(--text-sub3);font-weight:400;line-height:12px;margin-left:-20px}header .header-modal{z-index:350;position:absolute;top:calc(100% - 4px);right:-7px;background:var(--bg-main)}header .header-modal .triangle-box{position:absolute;top:-9px;right:10px;width:18px;height:18px;z-index:2;border-radius:2px;box-shadow:-6px 6px 6px hsla(0,0%,8%,.03);transform:rotate(135deg);background-color:var(--bg-modal-back)}header .header-modal .modal-contents{position:relative;border-radius:6px;background:var(--bg-modal-back);box-shadow:0 1px 8px hsla(0,0%,8%,.08)}header .header-modal .modal-contents .modal-head{padding:0 16px}header .header-modal .modal-contents .modal-head p{font-size:14px;line-height:1;font-weight:400;padding:16px 0;border-bottom:1px solid var(--border-input)}header .header-modal .modal-contents .modal-head p strong{font-weight:700;margin-right:3px;margin-left:4px;line-height:1}header .header-modal .modal-contents .modal-head2{padding:0 16px}header .header-modal .modal-contents .modal-head2 .head-line{display:flex;align-items:center;justify-content:space-between;padding-top:16px}header .header-modal .modal-contents .modal-head2 .nickname-strong{max-width:100px;font-size:14px;font-weight:700;margin-right:3px;word-break:break-all}header .header-modal .modal-contents .modal-head2 div.powint-line{border-bottom:1px solid var(--border-input);padding-bottom:12px;display:flex;margin-top:8px}header .header-modal .modal-contents .modal-head2 div.powint-line span.powint{color:var(--text-sub-btn);font-size:14px;line-height:12px;font-weight:500;text-decoration:underline;cursor:pointer}header .header-modal .modal-contents .modal-head2 div.powint-line span.powint:hover{color:var(--bg-active-btn-hover)}header .header-modal .modal-contents .modal-head2 p{font-size:14px;line-height:1;font-weight:400}header .header-modal .modal-contents .modal-body a{padding:10px 16px;font-size:14px;line-height:1;font-weight:400;transition:.25s}header .header-modal .modal-contents .modal-body a:hover{background:var(--bg-sub1)}header .header-modal .modal-contents .modal-body a:last-child:hover{background:var(--bg-sub1);border-bottom-left-radius:6px;border-bottom-right-radius:6px}header .header-modal .modal-contents .modal-body a img{margin-right:4px}header .alarm-modal{width:340px;top:calc(100% + 20px);right:-15px;background-color:transparent}header .alarm-modal .modal-contents .modal-head{padding:0 16px;border-bottom:1px solid var(--border-input)}header .alarm-modal .modal-contents .modal-head p{border-bottom:0}header .alarm-modal .modal-contents .modal-head .close-btn{width:20px;margin-left:auto;cursor:pointer}header .alarm-modal .modal-contents .modal-body{min-height:134px;overflow-y:auto}header .alarm-modal .modal-contents .modal-body .data-box .no-data{height:134px;font-size:14px;font-weight:500;justify-content:center;align-items:center;display:flex;color:var(--text-sub1)}header .alarm-modal .modal-contents .modal-body .data-box .list-box{padding:12px 16px}header .alarm-modal .modal-contents .modal-body .data-box .list-box:not(:last-child){border-bottom:1px solid var(--border-input)}header .alarm-modal .modal-contents .modal-body{max-height:500px}header .alarm-modal .modal-contents .modal-body::-webkit-scrollbar{width:4px;background:transparent}header .alarm-modal .modal-contents .modal-body::-webkit-scrollbar-thumb{height:30px;background:var(--bg-sub2);border-radius:10px}header .alarm-modal .modal-contents .modal-body .data-box .list-box .top-box{margin-bottom:4px}header .alarm-modal .modal-contents .modal-body .data-box .list-box .top-box img{width:20px;height:20px;border-radius:50%;margin-right:8px;overflow:hidden}header .alarm-modal .modal-contents .modal-body .data-box .list-box .top-box p{position:relative;font-size:14px;line-height:1}header .alarm-modal .modal-contents .modal-body .data-box .list-box .top-box p .alarm-circle{position:absolute;top:0;right:-6px;width:3px;height:3px;background:var(--text-warning);border-radius:50%}header .alarm-modal .modal-contents .modal-body .data-box .list-box .top-box span{font-size:12px;line-height:1;color:var(--text-sub2);margin-left:auto}header .alarm-modal .modal-contents .modal-body .data-box .list-box>p{margin-left:28px;font-size:14px;font-weight:400;color:var(--text-sub1);word-break:break-all}header .profile-modal{top:calc(100% + 20px);right:0;width:160px;background-color:transparent}header .mission-modal{min-width:182px;max-width:247px;top:calc(100%);right:-4px;background-color:transparent}header .mission-modal .modal-contents{background-color:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:flex-end}header .mission-modal .modal-contents .img-box{position:relative;top:3px;left:0;cursor:pointer}header .mission-modal .modal-contents .img-box .triangle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid var(--bg-tooltip);margin-left:161px}header .mission-modal .modal-contents .img-box .text-box{width:182px;height:40px;background-color:var(--bg-tooltip);border-radius:4px;display:flex;align-items:center;padding:8px 12px}header .mission-modal .modal-contents .img-box .text-box p{color:var(--text-tooltip);font-size:14px;line-height:20px;font-weight:500}header .mission-modal .modal-contents .img-box button{position:absolute;width:24px;height:24px;bottom:8px;right:12px;opacity:1}.pwa-modal .ant-modal-content{width:320px;height:208px;position:fixed;top:20%;left:50%;transform:translate(-50%,-50%)}.pwa-modal p{line-height:24px;font-weight:500;margin-bottom:16px}.pwa-modal .accept{background-color:var(--bg-active-btn);color:var(--text-active-btn);margin-bottom:8px}.pwa-modal .accept,.pwa-modal .cancel{display:block;width:100%;height:44px;border-radius:6px;font-weight:500}.pwa-modal .cancel{background-color:transparent;border:1px solid var(--bg-sub2)}.dark-pwa-modal .ant-modal-content{width:320px;height:208px;background-color:#272a2d;position:fixed;top:20%;left:50%;transform:translate(-50%,-50%)}.dark-pwa-modal p{line-height:24px;font-weight:500;margin-bottom:16px;color:#edeff2}.dark-pwa-modal .accept{background-color:#ff7a56;color:#fff;margin-bottom:8px}.dark-pwa-modal .accept,.dark-pwa-modal .cancel{display:block;width:100%;height:44px;border-radius:6px;font-weight:500}.dark-pwa-modal .cancel{background-color:#373b3f;border:1px solid #575e64;color:#edeff2}.pwa-install-android-samsung-modal,.pwa-install-ios-chrome-modal,.pwa-install-ios-safari-modal,.pwa-install-modal{display:none}.menu-bg{z-index:450;left:0;width:100vw;background:var(--bg-backdrop)}.menu-bg,.mobile-menu{position:fixed;top:0;height:100vh}.mobile-menu{z-index:500;width:300px;background:var(--bg-main);display:flex;flex-direction:column}.mobile-menu .menu-head{min-height:73px;padding:16px;border-bottom:.5px solid var(--border-input)}.mobile-menu .menu-head .product-search-box{max-width:100%;height:40px}.mobile-menu .menu-body{flex:1 1;overflow-y:auto;padding-bottom:230px;height:100%;scrollbar-width:none;-ms-overflow-style:none}.mobile-menu .menu-body::-webkit-scrollbar,.mobile-menu .menu-body::-webkit-scrollbar-track{display:none}.mobile-menu .menu-body::-webkit-scrollbar-thumb{display:none}.mobile-menu .menu-body .menu-top-line{display:flex;height:52px;align-items:center;border-top:.5px solid var(--border-input);border-bottom:1px solid var(--border-input)}.mobile-menu .menu-body .menu-top-line .top-each{width:50%;height:100%;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:500;line-height:14px;color:var(--text-main);text-align:center}.mobile-menu .menu-body .menu-top-line .top-each:first-child{border-right:1px solid var(--border-input)}.mobile-menu .menu-body .each-menu .each-menu-head{display:flex;align-items:center;height:52px;padding:16px;justify-content:space-between}.mobile-menu .menu-body .each-menu .each-menu-head p{font-size:14px;font-weight:500;line-height:14px;color:var(--text-main)}.mobile-menu .menu-body .each-menu .each-menu-body{padding:8px 0;background-color:var(--bg-sub1);display:flex;flex-wrap:wrap}.mobile-menu .menu-body .each-menu .each-menu-body .body-each{width:50%;padding:10px 16px}.mobile-menu .menu-body .each-menu .each-menu-body .body-each p{font-size:14px;font-weight:400;line-height:14px;color:var(--text-main)}.mobile-menu .menu-body .bottom-button-group{display:flex;margin-top:16px;justify-content:center}.mobile-menu .menu-body .bottom-button-group .bottom-button{width:130px;height:38px;display:flex;justify-content:center;align-items:center;border-radius:8px;background-color:var(--bg-sub3);font-size:14px;font-weight:500;line-height:14px;color:var(--text-main)}.mobile-menu .menu-body .bottom-button-group .bottom-button:first-child{margin-right:8px}.mobile-menu .menu-footer{height:96px;width:100%;bottom:0;position:fixed;background:var(--bg-main);padding:30px 0;border-top:1px solid var(--border-input)}.mobile-menu .menu-footer .term-line{display:flex;justify-content:center;align-items:center}.mobile-menu .menu-footer .term-line p{font-size:12px;font-weight:500;line-height:12px;color:var(--text-sub3)}.mobile-menu .menu-footer .term-line .dot{width:3px;height:3px;border-radius:50%;background-color:var(--bg-footer-dot);margin:0 8px}.mobile-menu .menu-footer .copyright{display:flex;justify-content:center;align-items:center;margin-top:12px}.mobile-menu .menu-footer .copyright p{font-size:12px;font-weight:400;line-height:12px;color:var(--text-sub2)}.mobile-fab{display:none}.new-category-list{display:flex;flex-direction:column}.new-category-list .category-header{display:flex;height:40px;align-items:center;border-top:2px solid var(--bg-active-btn);border-bottom:1px solid var(--border-input);margin-top:10px}.new-category-list .category-header p{font-size:12px;font-weight:700;color:var(--text-main);text-align:center}.new-category-list .category-header p:first-child{width:73px}.new-category-list .category-header p:nth-child(2){width:calc(100% - 376px)}.new-category-list .category-header p:nth-child(3){width:126px}.new-category-list .category-header p:nth-child(4){width:45px}.new-category-list .category-header p:nth-child(5){width:57px}.new-category-list .category-header p:last-child{width:75px}.new-category-list .category-body{display:flex;flex-direction:column}.new-category-list .category-body .each-line{position:relative;display:flex;height:46px;align-items:center;border-bottom:1px solid var(--border-input)}.new-category-list .category-body .each-line.pinned{background-color:var(--bg-sub3)}.new-category-list .category-body .each-line:hover{background-color:var(--bg-sub9)}.new-category-list .category-body .each-line .highlight-line{position:absolute;width:2px;height:45px}.new-category-list .category-body .each-line .category{display:flex;justify-content:center;align-items:center;width:56px;height:24px;margin-left:8.5px;margin-right:8.5px;border-radius:70px;background-color:var(--bg-sub5);cursor:pointer}.new-category-list .category-body .each-line .category.pinned{background-color:var(--bg-sub-btn)}.new-category-list .category-body .each-line .category p{font-size:12px;font-weight:400;color:var(--text-main)}.new-category-list .category-body .each-line .category.pinned p{color:var(--text-orange-btn);font-weight:700}.new-category-list .category-body .each-line .title-group{display:flex;align-items:center;width:calc(100% - 376px)}.new-category-list .category-body .each-line .title-group .bip-container{display:flex;align-items:center;justify-content:center;height:24px;background-color:var(--text-bip-title);margin-left:-4px;margin-right:4px;padding:0 7.5px;border-radius:70px}.new-category-list .category-body .each-line .title-group .bip-container p{font-size:12px;font-weight:700;color:#fff;white-space:nowrap}.new-category-list .category-body .each-line .title-group .powpular-container{display:flex;align-items:center;justify-content:center;height:24px;background-color:var(--text-powpular-title);margin-left:-4px;margin-right:4px;padding:0 7.5px;border-radius:70px}.new-category-list .category-body .each-line .title-group .powpular-container p{font-size:12px;font-weight:700;color:#fff;white-space:nowrap}.new-category-list .category-body .each-line .title-group .title{font-size:15px;font-weight:700;color:var(--text-main);cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.new-category-list .category-body .each-line .title-group .title.pinned{color:var(--text-orange-btn)}.new-category-list .category-body .each-line .title-group .title:hover{color:var(--text-refer)}.new-category-list .category-body .each-line .title-group .comment-count{margin-left:4px;font-size:12px;font-weight:700;color:var(--text-orange-btn)}.new-category-list .category-body .each-line .nickname-container{display:flex;align-items:center;width:123px;height:46px;padding:0 10px;margin-left:3px}.new-category-list .category-body .each-line .nickname-container p{font-size:14px;font-weight:400;color:var(--text-main);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer}.new-category-list .category-body .each-line .pow-count-container{display:flex;align-items:center;justify-content:center;width:45px;height:46px;padding:0 3px}.new-category-list .category-body .each-line .pow-count-container p{font-size:14px;font-weight:500;color:var(--text-main);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.new-category-list .category-body .each-line .view-count-container{display:flex;align-items:center;justify-content:center;width:57px;height:46px;padding:0 8px}.new-category-list .category-body .each-line .view-count-container p{font-size:12px;font-weight:500;color:var(--text-sub3);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.new-category-list .category-body .each-line .date-container{display:flex;align-items:center;justify-content:center;width:75px;height:46px;padding:0 10px}.new-category-list .category-body .each-line .date-container p{font-size:12px;font-weight:500;color:var(--text-sub3);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.new-category-comment-list{display:flex;flex-direction:column}.new-category-comment-list .category-header{display:flex;height:40px;align-items:center;border-top:2px solid var(--bg-active-btn);border-bottom:1px solid var(--border-input);margin-top:10px}.new-category-comment-list .category-header p{font-size:12px;font-weight:700;color:var(--text-main);text-align:center}.new-category-comment-list .category-header p:first-child{width:calc(100% - 262px)}.new-category-comment-list .category-header p:nth-child(2){width:130px}.new-category-comment-list .category-header p:nth-child(3){width:57px}.new-category-comment-list .category-header p:last-child{width:75px}.new-category-comment-list .category-body{display:flex;flex-direction:column}.new-category-comment-list .category-body .each-line{position:relative;display:flex;height:46px;align-items:center;border-bottom:1px solid var(--border-input)}.new-category-comment-list .category-body .each-line:hover{background-color:var(--bg-sub9)}.new-category-comment-list .category-body .each-line .title-group{display:flex;align-items:center;width:calc(100% - 265px)}.new-category-comment-list .category-body .each-line .title-group .title{font-size:15px;font-weight:700;color:var(--text-main);cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.new-category-comment-list .category-body .each-line .title-group .title:hover{color:var(--text-refer)}.new-category-comment-list .category-body .each-line .nickname-container{display:flex;align-items:center;width:130px;height:46px;padding:0 10px;margin-left:3px}.new-category-comment-list .category-body .each-line .nickname-container p{font-size:14px;font-weight:400;color:var(--text-main);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer}.new-category-comment-list .category-body .each-line .pow-count-container{display:flex;align-items:center;justify-content:center;width:57px;height:46px;padding:0 3px}.new-category-comment-list .category-body .each-line .pow-count-container p{font-size:14px;font-weight:500;color:var(--text-main);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.new-category-comment-list .category-body .each-line .date-container{display:flex;align-items:center;justify-content:center;width:75px;height:46px;padding:0 10px}.new-category-comment-list .category-body .each-line .date-container p{font-size:12px;font-weight:500;color:var(--text-sub3);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}footer{padding:40px 0 60px;border-top:1px solid var(--border-input);background-color:var(--bg-main)}footer .container{display:flex;justify-content:center}footer .logo-box{width:100px;margin-right:120px}footer .term-box{margin-bottom:20px}footer .term-box a{position:relative;font-size:14px;line-height:1;color:var(--text-sub1);padding-right:14px;margin-right:12px}footer .term-box a.rabbithole{color:#a6abad}footer .term-box a:not(:last-child):after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:3px;height:3px;border-radius:50%;background:#d9d9d9}footer .term-box a.rabbithole:not(:last-child):after{background:#a6abad}footer address{font-style:normal;margin-bottom:12px}footer address p{position:relative;font-size:12px;line-height:1;color:var(--text-sub1);padding-right:8px;margin-right:8px;font-weight:400;white-space:nowrap}footer address p:not(:last-child):after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:1px;height:12px;background:#d9d9d9}footer .copyright{font-size:12px;line-height:1;font-weight:400;color:var(--text-sub2);text-align:center}footer .copyright.rabbithole{color:#a6abad}@keyframes skeletonAnimation{0%{background-position:-200px 0}to{background-position:400px 0}}.animated-skeleton{background-image:linear-gradient(90deg,hsla(220,1%,58%,0),hsla(220,1%,58%,.15),hsla(220,1%,58%,0));background-repeat:no-repeat;background-size:200px 100%;animation:skeletonAnimation 1.5s ease-in-out infinite}main{min-height:calc(100vh - 260px);padding:28px 0 166px}.left-article{width:194px;margin-right:24px}.left-article .event-box button:not(:last-child){margin-bottom:12px}.left-article .ad-box{display:flex;justify-content:center}.profile-img{width:24px;height:24px;margin-right:8px;border-radius:50%;overflow:hidden}.right-aside{width:194px;margin-left:28px}.right-aside .event-box{margin-bottom:32px}.right-aside .event-box button{width:100%;padding:0}.right-aside .event-box button:not(:last-child){margin-bottom:16px}.right-aside .event-box h3{margin-bottom:20px;line-height:1}.right-aside .event-box a:not(:last-child){margin-bottom:12px}.right-aside .event-box .event p{font-size:14px;line-height:114%;text-align:center}.simple-tree{-webkit-user-select:none;user-select:none;-moz-user-select:none;overflow-x:hidden}.simple-tree::-webkit-scrollbar{width:4px;background:transparent}.simple-tree::-webkit-scrollbar-thumb{height:30px;background:#d4d6d7;border-radius:10px}.simple-tree details{position:relative;max-width:100%}.simple-tree>details>summary{display:none}.simple-tree a,.simple-tree summary{display:block;width:fit-content;width:-moz-fit-content;border:1px solid transparent;padding:0;cursor:pointer;font-size:16px;color:#303437;height:28px;font-weight:500;list-style-type:none;outline:none}.simple-tree a{text-decoration:none}.simple-tree a,.simple-tree a.link{max-width:calc(100% - 12px);color:#303437;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:20px;margin-left:12px}.simple-tree a.link{font-weight:500;text-decoration:underline}.simple-tree a.link-bip{color:#f6633b;text-decoration:underline}.simple-tree a.link-bip,.simple-tree a.no-link{max-width:calc(100% - 12px);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:20px;margin-left:12px}.simple-tree a.no-link{color:#303437}.simple-tree ::-webkit-details-marker{display:none}.simple-tree details,.simple-tree details>:not(details){position:relative;z-index:1;background-color:#fff}.simple-tree details :not(summary){margin-left:20px}.simple-tree details:before,.simple-tree details>:not(details):before{content:"";width:10px;display:block;position:absolute;z-index:1}.simple-tree details:before{top:0;height:100%;content:"";width:1px;background-color:#d4d6d7;background-image:none;left:10.5px;z-index:1}.simple-tree details>:not(details):before{top:11px;height:1px;content:"";position:absolute;width:20px;background-color:#d4d6d7;background-image:none;left:-5px}.simple-tree details>summary:before{left:-18px;top:3.5px;width:16px;height:16px;background:url('data:image/svg+xml; utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7.5" fill="white" stroke="%23D4D6D7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 7V4H7L7 7H4V9H7L7 12H9V9H12V7H9Z" fill="%236C7072"/></svg>') 50% /12px 12px no-repeat}.simple-tree details[open]>summary:before{background-image:url('data:image/svg+xml; utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7.5" fill="white" stroke="%23D4D6D7"/><path d="M4 7H12V9H4V7Z" fill="%236C7072"/></svg>')}.simple-tree details[open]>summary:before:before{top:11px;height:1px;content:"";position:absolute;width:10px;background-color:#d4d6d7;background-image:none;left:0}.async-tree details[open][data-loaded=false]{pointer-events:none}.async-tree details[open][data-loaded=false]>summary:before{background-image:url('data:image/svg+xml; utf8,<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g><animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1s" repeatCount="indefinite"/><circle cx="32" cy="32" r="32" fill="whitesmoke"/><path d="M 62 32 A 30 30 0 0 0 32 2" style="stroke: black; stroke-width:6; fill:none; "/></g></svg>')}.async-tree.black details[open][data-loaded=false]>summary:before{background-image:url('data:image/svg+xml; utf8,<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g><animateTransform attributeName="transform" type="rotate" from="0 32 32" to="360 32 32" dur="1s" repeatCount="indefinite"/><circle cx="32" cy="32" r="32" fill="whitesmoke"/><path d="M 62 32 A 30 30 0 0 0 32 2" style="stroke: white; stroke-width:6; fill:none; "/></g></svg>')}.select-tree .selected{z-index:1}.select-tree a.selected{font-weight:700;text-decoration:underline}.select-tree a.link.selected{font-weight:700}.right-aside-main{width:364px;margin-left:28px}.right-aside-main .profile-box{height:138px;margin-bottom:24px;border-radius:10px;background-color:var(--bg-input-back)}.right-aside-main .profile-box .need-to-login{padding:20px 16px 18px}.right-aside-main .profile-box .need-to-login .top-title{font-size:14px;line-height:20px;text-align:center;margin-bottom:10px}.right-aside-main .profile-box .need-to-login .button-line{display:flex;align-items:center;justify-content:space-between}.right-aside-main .profile-box .need-to-login .button-line .each-button{display:flex;align-items:center;justify-content:center;width:162px;border-radius:10px;border:1px solid var(--border-input);background-color:var(--bg-input-back);height:44px;cursor:pointer}.right-aside-main .profile-box .need-to-login .button-line .each-button:hover{background-color:var(--bg-cancel-btn-hover)}.right-aside-main .profile-box .need-to-login .button-line .each-button p{font-size:14px;font-weight:700;line-height:20px;margin-left:8px}.right-aside-main .profile-box .need-to-login .need-help{font-size:12px;line-height:12px;text-decoration:underline;margin-top:14px;text-align:center;cursor:pointer;color:var(--text-sub3)}.right-aside-main .profile-box .need-to-login .need-help:hover{color:var(--text-sub2)}.right-aside-main .profile-box .logged-in .box-top{display:flex;align-items:center;justify-content:space-between;padding:23px 16px 23px 20px}.right-aside-main .profile-box .logged-in .box-top .left{display:flex;align-items:center}.right-aside-main .profile-box .logged-in .box-top .left .profile-info p:first-child{font-size:14px;font-weight:700;line-height:20px;margin-bottom:4px}.right-aside-main .profile-box .logged-in .box-top .left .profile-info p:last-child{font-size:14px;font-weight:700;line-height:14px;color:var(--text-sub1);font-weight:400}.right-aside-main .profile-box .logged-in .box-top .left .profile-info p:last-child span{font-size:14px;font-weight:500;line-height:14px;color:var(--text-orange-btn);margin-left:4px;cursor:pointer}.right-aside-main .profile-box .logged-in .box-top .left .profile-info p:last-child span:hover{text-decoration:underline}.right-aside-main .profile-box .logged-in .box-top button{width:72px;height:36px;border-radius:6px;border:1px solid var(--border-input);font-size:12px;font-weight:500;line-height:12px;background-color:var(--bg-input-back)}.right-aside-main .profile-box .logged-in .box-top button:hover{background-color:var(--bg-cancel-btn-hover)}.right-aside-main .profile-box .logged-in .box-bottom,.right-aside-main .profile-box .logged-in .box-bottom p{display:flex;align-items:center;justify-content:center;height:50px}.right-aside-main .profile-box .logged-in .box-bottom p{font-size:14px;font-weight:400;line-height:14px;cursor:pointer}.right-aside-main .profile-box .logged-in .box-bottom p:first-child{position:relative;width:119px;margin-right:1px}.right-aside-main .profile-box .logged-in .box-bottom p:first-child:after{position:absolute;width:1px;height:20px;background-color:var(--border-input);right:0;content:""}.right-aside-main .profile-box .logged-in .box-bottom p:nth-child(2){position:relative;width:120px}.right-aside-main .profile-box .logged-in .box-bottom p:nth-child(2):after{position:absolute;width:1px;height:20px;background-color:var(--border-input);right:0;content:""}.right-aside-main .profile-box .logged-in .box-bottom p:last-child{width:121px}.right-aside-main .link-box{border-radius:10px;margin-bottom:24px;padding:16px;background-color:var(--bg-input-back)}.right-aside-main .link-box .each-line{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.right-aside-main .link-box .each-line:first-child{position:relative;margin-bottom:32px}.right-aside-main .link-box .each-line:first-child:after{position:absolute;content:"";width:100%;height:1px;background-color:var(--border-input);bottom:-16px}.right-aside-main .link-box .each-line:nth-child(3){position:relative;margin-top:32px}.right-aside-main .link-box .each-line:nth-child(3):before{position:absolute;content:"";width:100%;height:1px;background-color:var(--border-input);top:-16px}.right-aside-main .link-box .each-line .left{display:flex;align-items:center}.right-aside-main .link-box .each-line .left .image-background{width:32px;height:32px;background-color:var(--bg-sub8);display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:8px}.right-aside-main .link-box .each-line .left p{font-size:14px;font-weight:700;line-height:14px}.right-aside-main .event-box{margin-bottom:16px}.right-aside-main .event-box button{width:100%;padding:0}.right-aside-main .event-box button:not(:last-child){margin-bottom:16px}.right-aside-detail{position:fixed;width:364px;max-height:500px;border-radius:10px;padding:24px 16px 24px 20px;background-color:var(--bg-input-back)}.right-aside-detail .top-title-line{display:flex;align-items:center;justify-content:space-between}.right-aside-detail .top-title-line p{font-weight:700;line-height:16px}.right-aside-detail .top-title-line .right{display:flex;align-items:center;cursor:pointer}.right-aside-detail .top-title-line .right p{width:37px;font-size:14px;font-weight:400;line-height:14px;color:var(--text-sub3)}.right-aside-detail .content-box{margin-top:12px}.right-aside-detail .content-box .comment-line{display:flex;align-items:center;height:28px;cursor:pointer}.right-aside-detail .content-box .comment-line p{position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:400;line-height:16px}.right-aside-detail .content-box .comment-line p:hover{color:var(--text-refer)}.right-aside-detail .content-box details{background-color:var(--bg-input-back)}.right-aside-detail .content-box details:before{background-color:var(--text-disable)}.right-aside-detail .content-box summary{color:var(--text-main);background-color:var(--bg-input-back);font-weight:400;font-size:14px}.right-aside-detail .content-box a.bold{font-weight:700;font-size:14px;color:var(--text-orange-btn)}.right-aside-detail .content-box a.link.selected,.right-aside-detail .content-box a.selected{font-weight:400;font-size:14px}.right-aside-detail .content-box .link{color:var(--text-main);background-color:var(--bg-input-back);font-weight:400;font-size:14px}.right-aside-detail .content-box .link:before{background-color:var(--text-disable)}.right-aside-detail .content-box .no-link{color:var(--text-main);background-color:var(--bg-input-back);font-weight:400;font-size:14px}.right-aside-detail .content-box .no-link:before{background-color:var(--text-disable)}.right-aside-detail .content-box .link-bip{color:var(--text-main);background-color:var(--bg-input-back);font-weight:400;font-size:14px}.right-aside-detail .content-box .link-bip:before{background-color:var(--text-disable)}.right-aside-detail .content-box details>:not(details):before{top:11px;height:1px;content:"";position:absolute;width:20px;background-color:#d4d6d7;background-image:none;left:-5px}.right-aside-detail .content-box details>summary:before{left:-18px;top:3.5px;width:16px;height:16px;background:url('data:image/svg+xml; utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7.5" fill="white" stroke="%23D4D6D7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 7V4H7L7 7H4V9H7L7 12H9V9H12V7H9Z" fill="%236C7072"/></svg>') 50% /12px 12px no-repeat}.right-aside-detail .content-box details[open]>summary:before{background-image:url('data:image/svg+xml; utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7.5" fill="white" stroke="%23D4D6D7"/><path d="M4 7H12V9H4V7Z" fill="%236C7072"/></svg>')}.right-aside-detail .content-box details[open]>summary:before:before{top:11px;height:1px;content:"";position:absolute;width:10px;background-color:#d4d6d7;background-image:none;left:0}[data-theme=dark]{.right-aside-detail .content-box details>:not(details):before{top:11px;height:1px;content:"";position:absolute;width:20px;background-color:#d4d6d7;background-image:none;left:-5px}.right-aside-detail .content-box .simple-tree::-webkit-scrollbar{width:4px;background:transparent}.right-aside-detail .content-box .simple-tree::-webkit-scrollbar-thumb{height:30px;background:var(--text-disable);border-radius:10px}.right-aside-detail .content-box details>summary:before{left:-18px;top:3.5px;width:16px;height:16px;background:url(/_next/static/media/icon-dark-rabbithole-plus.7fcdf865.svg) 50%/12px 12px no-repeat}.right-aside-detail .content-box details[open]>summary:before{background-image:url(/_next/static/media/icon-dark-rabbithole-minus.efa37a1e.svg)}.right-aside-detail .content-box .link-bip:before,.right-aside-detail .content-box .link:before,.right-aside-detail .content-box .no-link:before{background-color:var(--text-disable)}}.tab-line{align-items:center;border-bottom:1px solid var(--bg-sub2)}.tab-line .tab-group{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;position:relative}.tab-line .tab-group::-webkit-scrollbar,.tab-line .tab-group::-webkit-scrollbar-track{display:none}.tab-line .tab-group::-webkit-scrollbar-thumb{display:none}.tab-line .tab-group button{position:relative;color:var(--text-sub2);line-height:1;font-weight:400;padding:14px 16px;text-align:center;background-color:transparent}.tab-line .tab-group button.active{color:var(--text-main);font-weight:700}.tab-line .tab-group button.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--bg-active-btn)}.new-tab-line{align-items:center;border-bottom:1px solid var(--bg-sub2)}.new-tab-line .tab-group{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;position:relative}.new-tab-line .tab-group::-webkit-scrollbar,.new-tab-line .tab-group::-webkit-scrollbar-track{display:none}.new-tab-line .tab-group::-webkit-scrollbar-thumb{display:none}.new-tab-line .tab-group button{position:relative;color:var(--text-sub2);font-weight:400;padding:14px 24px;text-align:center;background-color:transparent}.new-tab-line .tab-group button.active{color:var(--text-main);font-weight:700}.new-tab-line .tab-group button.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--bg-active-btn)}.new-list-group{display:flex;flex-direction:column}.new-list-group .tab-header{display:flex;height:40px;align-items:center;border-bottom:1px solid var(--border-main)}.new-list-group .tab-header p{font-size:12px;font-weight:700;color:var(--text-main);text-align:center}.new-list-group .tab-header p:first-child{width:72px}.new-list-group .tab-header p:nth-child(2){width:calc(100% - 249px)}.new-list-group .tab-header p:nth-child(3){width:45px}.new-list-group .tab-header p:nth-child(4){width:57px}.new-list-group .tab-header p:last-child{width:75px}.new-list-group .list-container{position:relative;display:flex;align-items:center;height:46px;padding:6px 0 6px 8px;border-bottom:1px solid var(--border-input)}.new-list-group .list-container:hover{background-color:var(--bg-sub1)}.new-list-group .list-container .highlight-line{position:absolute;width:2px;height:45px;left:0}.new-list-group .list-container .category{display:flex;justify-content:center;align-items:center;width:56px;height:24px;background-color:var(--bg-sub5);border-radius:70px;margin-right:8px}.new-list-group .list-container .category p{font-size:12px;font-weight:400;color:var(--text-main)}.new-list-group .list-container .title-group{display:flex;align-items:center;width:calc(100% - 255px)}.new-list-group .list-container .title-group .bip-container{display:flex;align-items:center;justify-content:center;height:24px;background-color:var(--text-bip-title);margin-left:-4px;margin-right:4px;padding:0 7.5px;border-radius:70px}.new-list-group .list-container .title-group .bip-container p{font-size:12px;font-weight:700;color:#fff;white-space:nowrap}.new-list-group .list-container .title-group .powpular-container{display:flex;align-items:center;justify-content:center;height:24px;background-color:var(--text-powpular-title);margin-left:-4px;margin-right:4px;padding:0 7.5px;border-radius:70px}.new-list-group .list-container .title-group .powpular-container p{font-size:12px;font-weight:700;color:#fff;white-space:nowrap}.new-list-group .list-container .title-group .title{font-size:15px;font-weight:700;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.new-list-group .list-container .title-group .title:hover{color:var(--text-refer)}.new-list-group .list-container .title-group .image-container{height:20px}.new-list-group .list-container .title-group .comment-count{font-size:12px;font-weight:700;color:var(--text-orange-btn);margin-left:4px}.new-list-group .list-container .pow-container{width:45px;height:46px;padding:0 3px;display:flex;justify-content:center;align-items:center;margin-left:14px}.new-list-group .list-container .pow-container .pow-count{font-size:14px;font-weight:500;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-list-group .list-container .view-container{width:57px;height:46px;padding:0 8px;display:flex;justify-content:center;align-items:center}.new-list-group .list-container .view-container .view-count{font-size:12px;font-weight:400;color:var(--text-sub1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-list-group .list-container .date-container{width:75px;height:46px;padding:0 10px;display:flex;justify-content:center;align-items:center}.new-list-group .list-container .date-container .date{font-size:12px;font-weight:400;color:var(--text-sub1)}.new-list-group .tab-header-without-view{display:flex;height:40px;align-items:center;border-bottom:1px solid var(--border-main)}.new-list-group .tab-header-without-view p{font-size:12px;font-weight:700;color:var(--text-main);text-align:center}.new-list-group .tab-header-without-view p:first-child{width:72px}.new-list-group .tab-header-without-view p:nth-child(2){width:calc(100% - 192px)}.new-list-group .tab-header-without-view p:nth-child(3){width:45px}.new-list-group .tab-header-without-view p:last-child{width:75px}.new-list-group .list-container .title-group-simple{display:flex;align-items:center;width:calc(100% - 198px)}.new-list-group .list-container .title-group-simple .title{font-size:15px;font-weight:700;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.new-list-group .list-container .title-group-simple .title:hover{color:var(--text-refer)}.new-list-group .list-container .title-group-simple .image-container{height:20px}.new-list-group .list-container .title-group-simple .comment-count{font-size:12px;font-weight:700;color:var(--text-orange-btn);margin-left:4px}.new-list-group .bookmark-list-container{display:flex}.new-list-group .tab-header-with-writer{display:flex;height:40px;align-items:center;border-bottom:1px solid var(--border-main)}.new-list-group .tab-header-with-writer p{font-size:12px;font-weight:700;color:var(--text-main);text-align:center}.new-list-group .tab-header-with-writer p:first-child{width:72px}.new-list-group .tab-header-with-writer p:nth-child(2){width:calc(100% - 396px)}.new-list-group .tab-header-with-writer p:nth-child(3){width:126px}.new-list-group .tab-header-with-writer p:nth-child(4){width:45px}.new-list-group .tab-header-with-writer p:nth-child(5){width:57px}.new-list-group .tab-header-with-writer p:last-child{width:69px}.new-list-group .list-container .title-group-complex{display:flex;align-items:center;width:calc(100% - 387px)}.new-list-group .list-container .title-group-complex .bip-container{display:flex;align-items:center;justify-content:center;height:24px;background-color:var(--text-bip-title);margin-left:-4px;margin-right:4px;padding:0 7.5px;border-radius:70px}.new-list-group .list-container .title-group-complex .bip-container p{font-size:12px;font-weight:700;color:#fff;white-space:nowrap}.new-list-group .list-container .title-group-complex .powpular-container{display:flex;align-items:center;justify-content:center;height:24px;background-color:var(--text-powpular-title);margin-left:-4px;margin-right:4px;padding:0 7.5px;border-radius:70px}.new-list-group .list-container .title-group-complex .powpular-container p{font-size:12px;font-weight:700;color:#fff;white-space:nowrap}.new-list-group .list-container .title-group-complex .title{font-size:15px;font-weight:700;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.new-list-group .list-container .title-group-complex .title:hover{color:var(--text-refer)}.new-list-group .list-container .title-group-complex .image-container{height:20px}.new-list-group .list-container .title-group-complex .comment-count{font-size:12px;font-weight:700;color:var(--text-orange-btn);margin-left:4px}.new-list-group .list-container .author-container{width:123px;display:flex;align-items:center;height:46px;padding:0 10px;margin-left:3px}.new-list-group .list-container .author-container .author{font-size:14px;font-weight:400;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-list-group .list-container .selected-bip{display:flex;align-items:center;justify-content:center;width:40px;height:18px;background:var(--text-bip-title);border-radius:3px}.new-list-group .list-container .selected-bip p{font-size:11px;font-weight:500;color:#fff;margin-left:2px;line-height:12px}.new-list-group .list-container .selected-rabbithole{display:flex;align-items:center;justify-content:center;width:40px;height:18px;background:#198155;border-radius:3px}.new-list-group .list-container .selected-rabbithole p{font-size:11px;font-weight:500;color:#fff;margin-left:2px;line-height:12px}.achievement-list-group{display:flex;margin-top:20px;flex-wrap:wrap;justify-content:space-between}.achievement-list-group .list-container{width:calc(50% - 5px);padding:24px 20px 28px;border-radius:10px;border:1px solid var(--border-input);margin-bottom:12px;cursor:pointer}.achievement-list-group .list-container:hover{background-color:var(--bg-cancel-btn-hover)}.achievement-list-group .list-container .title-line{display:flex;justify-content:center;align-items:center;height:36px;margin-bottom:12px}.achievement-list-group .list-container .title-line .title{position:relative;font-size:15px;font-weight:400;font-family:ELAND_Choice_B;color:var(--text-modal-title)}.achievement-list-group .list-container .title-line .title span{font-size:15px;font-weight:400;font-family:ELAND_Choice_B}.achievement-list-group .list-container .title-line .title .star{position:absolute;display:flex;right:23px;top:-6px}.achievement-list-group .list-container .title-line .divider{width:12px;height:1px;background-color:var(--text-sub2)}.achievement-list-group .list-container .title-line .divider:first-child{margin-right:10px}.achievement-list-group .list-container .title-line .divider:last-child{margin-left:10px}.achievement-list-group .list-container .content-line{height:48px}.achievement-list-group .list-container .content-line p{height:48px;font-size:16px;font-weight:700;color:var(--text-main);text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical}.ant-modal-wrap{width:100vw;height:100vh;background:var(--bg-modal-backdrop);position:fixed}.normal-modal{display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.normal-modal .ant-modal-title{font-size:18px;margin-bottom:20px;line-height:28px;background-color:var(--bg-main);color:var(--text-main);font-weight:700}.normal-modal .ant-modal-content{background-color:var(--bg-main);color:var(--text-main);width:520px}.normal-modal .ant-modal-body{margin-bottom:36px}.normal-modal .ant-modal-body p{font-weight:400;word-break:break-all}.normal-modal .ant-modal-footer button{height:38px;padding:0 21px;box-shadow:none;border:0}.normal-modal .ant-modal-footer button:first-child{border:1px solid var(--border-main);background-color:var(--bg-cancel-btn)}.normal-modal .ant-modal-footer button:first-child:hover{border:1px solid var(--border-main);background-color:var(--bg-cancel-btn-hover)}.normal-modal .ant-modal-footer button:last-child{border:0;background-color:var(--bg-active-btn)}.normal-modal .ant-modal-footer button:last-child span{color:#fff;font-weight:500}.normal-modal .ant-modal-footer button:last-child:hover{background-color:var(--bg-active-btn-hover)}.pagination-box{justify-content:center;margin-top:50px}.pagination-box .prev{margin-right:4px;background-color:transparent}.pagination-box .next{margin-left:-4px;background-color:transparent}.pagination-box .num{width:28px;height:28px;font-size:14px;color:var(--bg-sub2);display:flex;align-items:center;justify-content:center;margin-right:8px;background-color:transparent;font-weight:400}.pagination-box a:not(:last-child){margin-right:4px}.pagination-box .num.active{background:var(--bg-active-btn);color:#fff;border-radius:6px;font-weight:700}.error-404{flex-wrap:wrap;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-main)}.error-404 img{width:132px;height:198px}.error-404 .space-big-height{height:40px}.error-404 .space-small-height{height:20px}.error-404 .title{font-size:24px;color:var(--text-main)}.error-404 p{white-space:pre-wrap;font-size:16px;color:var(--text-sub1);font-weight:400;text-Align:center;line-Height:150%}.error-not-404{flex-wrap:wrap;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-main)}.error-not-404 img{width:180px;height:180px}.error-not-404 .space-big-height{height:40px}.error-not-404 .space-small-height{height:20px}.error-not-404 .title{font-size:24px;color:var(--text-main)}.error-not-404 p{white-space:pre-wrap;font-size:16px;color:var(--text-sub1);font-weight:400;text-Align:center;line-Height:150%}.next-btn,.prev-btn{background-color:transparent;align-items:center;display:flex}.comment-style{font-size:15px;line-height:1.5;word-break:break-all}.grid-view{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.grid-view li:first-child{padding:12px}.grid-view li:first-child:hover{border-top-right-radius:0}.grid-view li:nth-child(3):hover{border-radius:0}.grid-view li:nth-child(4):hover{border-top-right-radius:10px}.grid-view li:nth-child(21):hover{border-bottom-left-radius:10px}.grid-view li:nth-child(24):hover{border-bottom-left-radius:0}.grid-view li:last-child{padding:12px}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (max-width:1080px){.pc{display:none}.mobile{display:block}header{border-bottom:0}header .container{position:relative;justify-content:space-between;height:56px}header .logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110px;margin-right:0;margin-top:1px}header .logo a{padding:10px 20px}header .logo img{width:100%;pointer-events:none}header nav a{margin-top:0}header .search-box,header nav.col-group{display:none}header .register-group{margin-left:0;min-width:108px}header .register-group button.profile-btn{width:24px;height:24px}header .register-group button.alarm-btn{display:flex;align-items:center}header .register-group button.mission-btn{display:none}header .register-group>div:not(:last-child){margin-right:20px}header .register-group .login-btn{padding:0 16px;border-radius:10px}header .profile-modal{top:calc(100% + 10px);right:-2px}header .alarm-modal{top:calc(100% + 10px)}header .header-modal .triangle-box{display:none}header .mission-modal{min-width:218px;max-width:247px;top:18px;right:-95px}.left-article,.right-aside,.right-aside-main{display:none}main{padding:4px 0 60px}footer .container{flex-wrap:wrap}footer .logo-box{width:100px;margin:0 90px 20px 0}footer .logo-box img{width:100%}footer .term-box{margin-bottom:20px}footer address{flex-wrap:wrap;margin-bottom:8px}footer address p:not(:first-child,:nth-child(2)){display:block;width:100%;margin-top:10px}footer address p:not(:first-child):after{display:none}.new-tab-line .tab-group button{padding:14px 16px;font-size:14px}.achievement-list-group{margin-top:12px}.achievement-list-group .list-container{width:100%;padding:20}.achievement-list-group .list-container .title-line{margin-bottom:4px}.achievement-list-group .list-container .title-line .title,.achievement-list-group .list-container .title-line .title span{font-size:13px}.achievement-list-group .list-container .title-line .title .star{position:absolute;display:flex;right:19px;top:-6px}.achievement-list-group .list-container .content-line p{font-size:14px;height:44px}.mobile-new-list-group{display:flex;flex-direction:column;margin-left:-16px;width:calc(100% + 32px)}.mobile-new-list-group .list-container{width:100%;height:71px;display:flex;border-bottom:1px solid var(--border-input)}.mobile-new-list-group .list-container .pow-count-container{width:28px;display:flex;justify-content:center;align-items:center;background-color:var(--bg-sub1)}.mobile-new-list-group .list-container .pow-count-container p{font-size:12px;font-weight:500;color:var(--text-main)}.mobile-new-list-group .list-container .content-container{width:calc(100% - 28px);display:flex;flex-direction:column;padding:0 14px 0 8px;justify-content:center}.mobile-new-list-group .list-container .content-container.pinned{background-color:var(--bg-sub3)}.mobile-new-list-group .list-container .content-container .title-line{width:100%;display:flex;align-items:center;margin-bottom:4px}.mobile-new-list-group .list-container .content-container .title-line p{font-size:14px;font-weight:700;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-new-list-group .list-container .content-container .title-line.pinned p{color:var(--text-orange-btn)}.mobile-new-list-group .list-container .content-container .title-line p.comment-count{margin-left:4px;font-size:12px;font-weight:700;color:var(--text-orange-btn)}.mobile-new-list-group .list-container .content-container .sub-line{display:flex;align-items:center}.mobile-new-list-group .list-container .content-container .sub-line p{font-size:12px;font-weight:400;color:var(--text-sub2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-new-list-group .list-container .content-container .sub-line p.sub-text{font-size:12px;font-weight:400;color:var(--text-sub3)}.mobile-new-list-group .list-container .content-container .sub-line p.sub-text2{color:var(--text-sub2)}.mobile-new-list-group .list-container .content-container .sub-line .category-container{width:50px;height:20px;background-color:var(--bg-sub3);border-radius:70px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:8px}.mobile-new-list-group .list-container .content-container .sub-line .category-container.pinned{background-color:var(--bg-sub-btn)}.mobile-new-list-group .list-container .content-container .sub-line p.category2{font-size:12px;font-weight:400;color:var(--text-main)}.mobile-new-list-group .list-container .content-container .sub-line .category-container.pinned .category2{font-weight:700;color:var(--text-orange-btn)}.mobile-new-list-group .list-container .content-container .sub-line .category{font-size:12px;font-weight:400;color:var(--text-sub2)}.mobile-new-list-group .list-container .content-container .sub-line .divider{min-width:1px;height:8px;background-color:var(--border-main);margin:0 8px}.mobile-new-list-group .list-container .content-container .sub-line .bip-container{height:20px;display:flex;align-items:center;justify-content:center;border-radius:70px;background-color:var(--text-bip-title);padding:0 6.5px;margin-right:4px}.mobile-new-list-group .list-container .content-container .sub-line .bip-container p{color:#fff;font-weight:700}.mobile-new-list-group .list-container .content-container .sub-line .powpular-container{height:20px;display:flex;align-items:center;justify-content:center;border-radius:70px;background-color:var(--text-powpular-title);padding:0 6.5px;margin-right:4px}.mobile-new-list-group .list-container .content-container .sub-line .powpular-container p{color:#fff;font-weight:700}.mobile-new-list-group .list-container .delete-container{width:28px;height:71px;display:flex;align-items:center;justify-content:center}.mobile-new-list-group .list-container .delete-container .selected-bip{display:flex;align-items:center;justify-content:center;width:40px;height:18px;background:var(--text-bip-title);border-radius:3px}.mobile-new-list-group .list-container .delete-container .selected-bip p{font-size:11px;font-weight:500;color:#fff;margin-left:2px;line-height:12px}.mobile-new-list-group .list-container .delete-container .selected-rabbithole{display:flex;align-items:center;justify-content:center;width:40px;height:18px;background:#198155;border-radius:3px}.mobile-new-list-group .list-container .delete-container .selected-rabbithole p{font-size:11px;font-weight:500;color:#fff;margin-left:2px;line-height:12px}.mobile-new-comment-list-group{display:flex;flex-direction:column;margin-left:-16px;width:calc(100% + 32px)}.mobile-new-comment-list-group .list-container{width:100%;height:71px;display:flex;border-bottom:1px solid var(--border-input)}.mobile-new-comment-list-group .list-container .pow-count-container{width:28px;display:flex;justify-content:center;align-items:center;background-color:var(--bg-sub1)}.mobile-new-comment-list-group .list-container .pow-count-container p{font-size:12px;font-weight:500;color:var(--text-main)}.mobile-new-comment-list-group .list-container .content-container{width:calc(100% - 28px);display:flex;flex-direction:column;padding:0 14px 0 8px;justify-content:center}.mobile-new-comment-list-group .list-container .content-container .title-line{width:100%;display:flex;align-items:center;margin-bottom:4px}.mobile-new-comment-list-group .list-container .content-container .title-line p{font-size:14px;font-weight:700;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-new-comment-list-group .list-container .content-container .sub-line{display:flex;align-items:center}.mobile-new-comment-list-group .list-container .content-container .sub-line p{font-size:12px;font-weight:400;color:var(--text-sub2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-new-comment-list-group .list-container .content-container .sub-line p.sub-text{font-size:12px;font-weight:400;color:var(--text-sub3)}.mobile-new-comment-list-group .list-container .content-container .sub-line p.sub-text2{color:var(--text-sub2)}.mobile-new-comment-list-group .list-container .content-container .sub-line .divider{min-width:1px;height:8px;background-color:var(--border-main);margin:0 8px}.center-toast{width:calc(100% - 32px);padding:10px 0}.center-toast p{color:var(--text-tooltip);line-height:24px;white-space:pre-line;text-align:center}.center-toast .lottie{position:absolute;top:-50px}}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}@media (max-width:800px){header .alarm-modal{position:fixed;width:calc(100% - 32px);top:52px;right:16px}header .alarm-modal .modal-contents .modal-body .data-box .list-box .top-box img{width:18px;height:18px}header .header-modal .modal-contents .modal-head2 div.powint-line{padding-bottom:12px}.pagination-box{margin-top:28px}.pagination-box .num{width:24px;height:24px;font-size:12px;margin-right:4px}.pagination-box .next{margin-left:0}.pagination-box .next-last,.pagination-box .prev-first{display:none}.option-box{top:calc(100% + 8px)}.option-box li:first-child{padding-top:12px}.option-box li:last-child{padding-bottom:12px}footer{padding:30px 0}footer .logo-box{width:70px}.select-box{position:relative;width:112px}.select-box-small{position:relative;width:89px}.normal-modal .ant-modal-title{font-size:16px;line-height:24px}.normal-modal .ant-modal-body{margin-bottom:20px}.normal-modal .ant-modal-body p,.normal-modal .ant-modal-footer button span{font-size:14px}.normal-modal .ant-modal-footer button:first-child{border:1px solid var(--border-main)}.normal-modal .ant-modal-footer button:first-child:hover{border:1px solid var(--border-main);background-color:var(--bg-cancel-btn-hover)}.normal-modal .ant-modal-footer button:last-child{border:0;background-color:var(--bg-active-btn)}.normal-modal .ant-modal-footer button:last-child span{color:#fff;font-weight:500}.normal-modal .ant-modal-footer button:last-child:hover{background-color:var(--bg-active-btn-hover)}.tab-line .tab-group button.active:after{bottom:-1px}.error-404 img{width:100px;height:148px}.error-404 .title{font-size:20px}.error-404 p{font-size:14px}.error-not-404 img{width:136.3px;height:136.3px}.error-not-404 .title{font-size:20px}.error-not-404 p{font-size:14px}.mobile-fab{background-color:transparent;display:block;margin-right:16px}.dark-pwa-modal .ant-modal-content,.pwa-modal .ant-modal-content{top:50%}.pwa-install-modal{display:block}.pwa-install-modal .ant-modal-content{position:fixed;width:100vw;height:308px;border-radius:0;bottom:0;left:0;padding:0;background-color:#fff}.pwa-install-modal .logo-line{width:calc(100% + 80px);margin-left:-40px;margin-top:36px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.pwa-install-modal .logo-line .blank{width:68px;height:68px;background-color:#f2f4f5;border-radius:12px;margin:0 10px}.pwa-install-modal .logo-line .pow{margin:0 10px}.pwa-install-modal .title{margin:0 10px;font-size:20px;font-weight:700;line-height:30px;text-align:center;color:#303437}.pwa-install-modal .image-container{display:flex;justify-content:center;margin-top:5px}.pwa-install-modal .btn-container{display:flex;justify-content:center;margin-top:18px}.pwa-install-modal .btn-container .add-btn{width:91.4%;background-color:#f6633b;height:52px;border-radius:700px;display:flex;align-items:center;justify-content:center}.pwa-install-modal .btn-container .add-btn p{color:#fff;font-weight:700}.pwa-install-modal .no-show{text-align:center;margin-top:18px;font-size:14px;line-height:14px;font-weight:400;color:#6c7072}.pwa-install-ios-safari-modal{display:block}.pwa-install-ios-safari-modal .ant-modal-content{position:fixed;width:100vw;height:163px;border-radius:0;bottom:0;left:0;padding:0;background-color:transparent}.pwa-install-ios-safari-modal .balloon{position:relative;width:calc(100% - 32px);margin-left:16px;background-color:#fff;border-radius:10px;padding:20px 0 29px 19px}.pwa-install-ios-safari-modal .balloon .title{font-size:18px;line-height:24px;font-weight:700;margin-bottom:16px;color:#303437}.pwa-install-ios-safari-modal .balloon .close{position:absolute;top:6px;right:6px}.pwa-install-ios-safari-modal .balloon .each-line{display:flex;align-items:center}.pwa-install-ios-safari-modal .balloon .each-line p{font-size:14px;line-height:14px;font-weight:500;color:#303437}.pwa-install-ios-safari-modal .balloon .each-line img{margin:0 10px}.pwa-install-ios-safari-modal .balloon .triangle{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #fff}.pwa-install-ios-chrome-modal{display:block}.pwa-install-ios-chrome-modal .ant-modal-content{position:fixed;width:100vw;height:163px;border-radius:0;top:24px;left:0;padding:0;background-color:transparent}.pwa-install-ios-chrome-modal .balloon{position:relative;width:calc(100% - 32px);margin-left:16px;background-color:#fff;border-radius:10px;padding:20px 0 29px 19px}.pwa-install-ios-chrome-modal .balloon .title{font-size:18px;line-height:24px;font-weight:700;margin-bottom:16px;color:#303437}.pwa-install-ios-chrome-modal .balloon .close{position:absolute;top:6px;right:6px}.pwa-install-ios-chrome-modal .balloon .each-line{display:flex;align-items:center}.pwa-install-ios-chrome-modal .balloon .each-line p{font-size:14px;line-height:14px;font-weight:500;color:#303437}.pwa-install-ios-chrome-modal .balloon .each-line img{margin:0 10px}.pwa-install-ios-chrome-modal .balloon .triangle{position:absolute;right:10px;top:-12px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid #fff}.pwa-install-android-chrome-modal{display:block}.pwa-install-android-chrome-modal .ant-modal-content{position:fixed;width:100vw;height:163px;border-radius:0;top:24px;left:0;padding:0;background-color:transparent}.pwa-install-android-chrome-modal .balloon{position:relative;width:calc(100% - 32px);margin-left:16px;background-color:#fff;border-radius:10px;padding:20px 0 29px 19px}.pwa-install-android-chrome-modal .balloon .title{font-size:18px;line-height:24px;font-weight:700;margin-bottom:16px;color:#303437}.pwa-install-android-chrome-modal .balloon .close{position:absolute;top:6px;right:6px}.pwa-install-android-chrome-modal .balloon .each-line{display:flex;align-items:center}.pwa-install-android-chrome-modal .balloon .each-line p{font-size:14px;line-height:14px;font-weight:500;color:#303437}.pwa-install-android-chrome-modal .balloon .each-line img{margin:0 10px}.pwa-install-android-chrome-modal .balloon .triangle{position:absolute;right:10px;top:-12px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid #fff}.pwa-install-android-samsung-modal{display:block}.pwa-install-android-samsung-modal .ant-modal-content{position:fixed;width:100vw;height:163px;border-radius:0;bottom:0;left:0;padding:0;background-color:transparent}.pwa-install-android-samsung-modal .balloon{position:relative;width:calc(100% - 32px);margin-left:16px;background-color:#fff;border-radius:10px;padding:20px 0 29px 19px}.pwa-install-android-samsung-modal .balloon .title{font-size:18px;line-height:24px;font-weight:700;margin-bottom:16px;color:#303437}.pwa-install-android-samsung-modal .balloon .close{position:absolute;top:6px;right:6px}.pwa-install-android-samsung-modal .balloon .each-line{display:flex;align-items:center}.pwa-install-android-samsung-modal .balloon .each-line p{font-size:14px;line-height:14px;font-weight:500;color:#303437}.pwa-install-android-samsung-modal .balloon .each-line img{margin:0 10px}.pwa-install-android-samsung-modal .balloon .triangle{position:absolute;right:10px;bottom:-12px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #fff}.mobile-pwa-banner{justify-content:space-between;width:calc(100% + 32px);margin-left:-16px;height:80px;background-color:var(--text-refer);margin-bottom:16px;padding:0 16px 0 4px}.mobile-pwa-banner,.mobile-pwa-banner .left-side{display:flex;align-items:center}.mobile-pwa-banner .left-side img{margin-right:4px}.mobile-pwa-banner .left-side p{font-size:14px;line-height:20px;color:#fff;font-weight:700}.mobile-pwa-banner .close{display:flex;align-items:center;height:80px}.mobile-pwa-banner .add-btn{width:96px;height:34px;border-radius:700px;background-color:var(--text-orange-btn);display:flex;align-items:center;justify-content:center}.mobile-pwa-banner .add-btn p{font-size:14px;line-height:14px;font-weight:700;color:#fff}}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(/_next/static/media/ajax-loader.0b80f665.gif) 50% no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(/_next/static/media/slick.25572f22.eot);src:url(/_next/static/media/slick.25572f22.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/slick.653a4cbb.woff) format("woff"),url(/_next/static/media/slick.6aa1ee46.ttf) format("truetype"),url(/_next/static/media/slick.f895cfdf.svg#slick) format("svg")}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;transform:translateY(-50%);cursor:pointer;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:none;background:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{width:20px;height:20px;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.register-wrap{min-height:100vh;padding:0;background:var(--bg-sub1)}.register-wrap .container{max-width:572px;min-height:100vh;padding-left:16px;padding-right:16px;background:#fff}.register-wrap .btn-group{margin-top:60px}.register-wrap .btn-group button{height:56px;line-height:56px;font-weight:700}.register-wrap .btn-group button.agree-btn{pointer-events:none}.register-wrap .btn-group button.agree-btn.active{pointer-events:visible}.login-wrap .container{padding:60px;background-color:var(--bg-main)}.login-wrap .logo-box{width:100px;margin:0 auto 100px}.login-wrap h2{font-size:28px;font-weight:700;margin-bottom:20px}.login-wrap .description{margin-bottom:60px}.login-wrap .description,.login-wrap .faq{font-size:14px;font-weight:400;color:var(--text-sub1);white-space:pre-line}.login-wrap .faq{margin-top:40px;justify-content:center;display:flex;text-decoration:underline}.login-wrap .faq:hover{color:var(--text-sub2)}.login-wrap button{width:100%;height:68px;padding:0 22px 0 30px;font-size:14px;border:1px solid var(--border-main);border-radius:10px;font-weight:700;background-color:var(--bg-input-back)}.login-wrap button:hover{background-color:var(--bg-cancel-btn-hover)}.login-wrap button:not(:last-child){margin-bottom:12px}.login-wrap button .logo{margin-right:20px}.login-wrap button .arrow{margin-left:auto}.terms-wrap .container{padding:120px 60px;background-color:var(--bg-main)}.terms-wrap h2{font-size:24px;margin-bottom:48px}.terms-wrap .check-all-box{padding-bottom:30px;border-bottom:1px solid var(--border-main)}.terms-wrap .check-list .list-box{margin-top:30px}.terms-wrap .check-list .list-box label{margin-bottom:16px}.terms-wrap .check-list .list-box label span{font-size:inherit;color:var(--text-sub2)}.terms-wrap .check-list .list-box .textarea-box{height:144px;padding:16px;font-size:12px;font-weight:400;outline:0;background:var(--bg-sub1);color:var(--text-sub1);border-radius:10px;overflow-y:auto;white-space:pre-line}.terms-wrap .check-list .list-box .textarea-box::-webkit-scrollbar{width:4px;background:transparent}.terms-wrap .check-list .list-box .textarea-box::-webkit-scrollbar-thumb{height:30px;background:#d4d6d7;border-radius:10px}.terms-wrap .check-list .list-box:last-child label{margin-bottom:0}.terms-wrap .btn-group{margin-top:60px}.terms-wrap .btn-group button{width:calc(50% - 5px);height:56px;line-height:56px;font-weight:500}.terms-wrap .btn-group button.agree-btn{font-weight:700;background-color:var(--bg-active-btn)}.terms-wrap .btn-group button.agree-btn:hover{background-color:var(--bg-active-btn-hover)}.terms-wrap .btn-group button.agree-btn:disabled{background-color:var(--bg-disable-btn);opacity:.4}.dark-check-all-box{padding-bottom:30px;border-bottom:1px solid #575e64}.dark-agree-box{position:relative}.dark-agree-box label{position:relative;display:flex;align-items:center;width:100%;margin:0;font-size:14px;cursor:pointer;line-height:114%}.dark-agree-box input{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.dark-agree-box label:before{content:"";position:absolute;right:0;top:50%;display:block;width:20px;height:20px;margin-top:-10px;background:url(/_next/static/media/dark-icon-before-checkbox.43af4daa.svg) no-repeat 0 0;background-size:20px 20px}.dark-agree-box input:checked+label:before{content:"";background:url(/_next/static/media/dark-icon-after-checkbox.cc3d4e38.svg) no-repeat 0 0;background-size:20px 20px}.nickname-wrap .container{padding:200px 60px;background-color:var(--bg-main)}.nickname-wrap h2{font-size:20px;margin-bottom:32px}.nickname-wrap .text-box{position:relative;margin-bottom:60px}.nickname-wrap .text-box .available-text{position:absolute;top:calc(100% + 10px);left:0;color:var(--text-sub1);font-size:14px;font-weight:400;line-height:1}.main-contents{width:calc(100% - 436px);margin-left:auto;margin-right:auto}.main-container{align-items:flex-start}.main-contents .contents-group:not(:last-child){margin-bottom:56px}.main-contents .col-12{width:100%}.main-contents .col-12.col-6{display:flex;justify-content:space-between}.main-contents .col-12.col-6 .col-6{width:calc(50% - 10px)}.main-contents .cont-head{background:var(--bg-sub3);padding:15px 16px;margin-bottom:14px;border-radius:10px}.main-contents .cont-head h2{font-size:18px;line-height:1}.main-contents .cont-main-head{padding-bottom:16px;justify-content:space-between;border-bottom:1px solid var(--border-input);margin-bottom:14px}.main-contents .cont-main-head,.main-contents .cont-main-head .cont-head-left{display:flex;align-items:center}.main-contents .cont-main-head .cont-head-right{display:flex;align-items:center;cursor:pointer}.main-contents .cont-main-head .cont-head-right p{font-size:14px;font-weight:400;line-height:14px;color:var(--text-sub3)}.main-contents .cont-main-head .question-wrapper{position:relative;display:flex;align-items:center}.main-contents .cont-main-head .question-wrapper:hover .powpular-tooltip{display:block}.main-contents .cont-main-head .powpular-tooltip{position:absolute;top:2px;left:20px;display:none;z-index:300}.main-contents .cont-main-head .powpular-tooltip .triangle{position:absolute;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:7px solid var(--bg-tooltip)}.main-contents .cont-main-head .powpular-tooltip .text-box{position:absolute;width:255px;left:6px;top:-14px;background-color:var(--bg-tooltip);border-radius:4px;padding:8px 12px}.main-contents .cont-main-head .powpular-tooltip .text-box p{color:var(--text-tooltip);font-size:14px;line-height:20px;font-weight:500;white-space:pre-wrap}.main-contents .cont-body .list-group li{margin-bottom:8px;width:100%}.main-contents .cont-body .list-group li:last-child{margin-bottom:0}.main-contents .cont-body .list-group li .category{padding:6px 12px;margin-right:8px;font-size:12px;font-weight:400;line-height:1;color:var(--text-sub1);border:1px solid var(--border-main);border-radius:30px;text-align:center;white-space:nowrap}.main-contents .cont-body .list-group li .text p{font-size:14px}.main-contents .cont-body .list-group li .text img{margin-left:6px}.main-contents .cont-body .list-group li .supplement-box{margin-left:auto}.main-contents .cont-body .list-group li .supplement-box>div{min-width:52px}.main-contents .cont-body .list-group li .supplement-box>div:not(:first-child){margin-left:20px}.main-contents .cont-body .list-group li .supplement-box>div span{font-size:12px;font-weight:400;line-height:1;color:var(--text-sub1);margin-left:8px}.main-contents .col-6 .cont-body .list-group li .text{width:calc(100% - 80px)}.main-contents .cont-body .wide-list-group li{min-height:120px;border-bottom:1px solid var(--border-input);padding:16px 0;display:flex;justify-content:space-between}.main-contents .cont-body .wide-list-group li:last-child{margin-bottom:-28px}.main-contents .cont-body .wide-list-group li .left-side .list-title-line{display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main-contents .cont-body .wide-list-group li .left-side .list-title-line-sub{display:flex;align-items:center;margin-top:6px}.main-contents .cont-body .wide-list-group li .left-side .list-title-line-sub .dot{margin:0 6px;min-width:3px;min-height:3px;background-color:var(--bg-sub2);border-radius:3px}.main-contents .cont-body .wide-list-group li .left-side .list-title-line-sub .date{padding:0 .5px;height:12px;font-size:12px;font-weight:500;line-height:12px;color:var(--text-sub2)}.main-contents .cont-body .wide-list-group li .left-side .list-title-line .category{width:56px;height:24px;padding:6px 12px;background-color:var(--bg-sub3);font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:500;line-height:12px;border-radius:50px}.main-contents .cont-body .wide-list-group li .left-side .list-title-line .bip-category{width:56px;height:24px;padding:6px 12px;background-color:var(--text-bip-title);font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:12px;border-radius:50px;color:#fff}.main-contents .cont-body .wide-list-group li .left-side .list-title-line .dot{margin:0 6px;min-width:3px;min-height:3px;background-color:var(--bg-sub2);border-radius:3px}.main-contents .cont-body .wide-list-group li .left-side .list-title-line .dot:last-child{margin-right:5.5px}.main-contents .cont-body .wide-list-group li .left-side .list-title-line .nickname{font-size:12px;font-weight:500;color:var(--text-sub3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main-contents .cont-body .wide-list-group li .left-side .list-title-line .date{padding:0 .5px;height:12px;font-size:12px;font-weight:500;line-height:12px;color:var(--text-sub2)}.main-contents .cont-body .wide-list-group li .left-side .list-content{width:100%;margin:12px 0}.main-contents .cont-body .wide-list-group li .left-side .list-content p{min-height:20px;max-height:40px;font-size:16px;font-weight:700;line-height:20px;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;word-break:break-all}.main-contents .cont-body .wide-list-group li .right-side,.main-contents .cont-body .wide-list-group li .supplement-box,.main-contents .cont-body .wide-list-group li .supplement-box .each-box{display:flex;align-items:center}.main-contents .cont-body .wide-list-group li .supplement-box .each-box span{margin-left:4px;margin-right:12px;font-size:14px;font-weight:400;line-height:14px;color:var(--text-sub3)}.main-contents .main-bip{width:100%;margin-bottom:24px}.main-contents .main-bip-top-line{display:flex;align-items:baseline}.main-contents .main-bip-top-line h3{font-size:16px;font-weight:700;margin-right:4px}.main-contents .main-bip-top-line p{color:var(--text-sub3);font-size:12px;font-weight:400;align-items:baseline}.main-contents .main-bip-contents-box{margin-top:16px;display:flex;justify-content:space-between}.main-contents .main-bip-content{display:flex;justify-content:space-between;width:calc(50% - 6px);height:158px;border:1px solid var(--bg-sub3);box-shadow:0 4px 12px 2px hsla(0,0%,8%,.04);border-radius:10px;padding:32px 10px 32px 20px;cursor:pointer}.main-contents .main-bip-content .main-bip-left{width:calc(100% - 92px)}.main-contents .main-bip-content .main-bip-left .preface{font-size:12px;font-weight:400;line-height:14px;color:var(--text-sub2);margin-bottom:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main-contents .main-bip-content .main-bip-left .title{height:42px;margin-bottom:16px;font-size:16px;font-weight:700;line-height:20px;color:#303437;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;word-break:break-all}.main-contents .main-bip-content .main-bip-left .title .new-tag{width:16px;height:16px;padding:2px 3px;display:inline-block;text-align:center;vertical-align:middle;margin-right:4px;margin-bottom:4px;background-color:var(--text-warning);border-radius:3px;font-size:11px;font-weight:700;color:#fff}.main-contents .main-bip-content .main-bip-left .author{font-size:14px;font-weight:500;color:#303437;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main-contents .main-bip-content .main-bip-right{margin-right:10px;align-items:center;display:flex}.main-contents .main-bip-content2{display:flex;justify-content:space-between;width:calc(33.33% - 6px);height:158px;border:1px solid var(--bg-sub3);box-shadow:0 4px 12px 2px hsla(0,0%,8%,.04);border-radius:10px;padding:32px 10px 32px 20px;cursor:pointer}.main-contents .main-bip-content2 .main-bip-left{width:calc(100% - 72px)}.main-contents .main-bip-content2 .main-bip-left .preface{font-size:12px;font-weight:400;line-height:14px;color:var(--text-sub2);margin-bottom:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main-contents .main-bip-content2 .main-bip-left .title{height:42px;margin-bottom:16px;font-size:16px;font-weight:700;line-height:20px;color:#303437;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;word-break:break-all}.main-contents .main-bip-content2 .main-bip-left .title .new-tag{width:16px;height:16px;padding:2px 3px;display:inline-block;text-align:center;vertical-align:middle;margin-right:4px;margin-bottom:4px;background-color:var(--text-warning);border-radius:3px;font-size:11px;font-weight:700;color:#fff}.main-contents .main-bip-content2 .main-bip-left .author{font-size:14px;font-weight:500;line-height:14px;color:#303437;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main-contents .main-bip-content2 .main-bip-right{margin-right:10px;align-items:center;display:flex}.main-contents .main-bip-mobile-contents-box{position:relative;background-color:transparent;margin-bottom:18.5px;border-radius:10px}.main-contents .main-bip-mobile-contents-box .content-box,.main-contents .main-bip-mobile-contents-box .content-box .content{width:100%;cursor:pointer}.main-contents .main-bip-mobile-contents-box .content-box .content span{width:100%}.main-contents .main-bip-mobile-contents-box .banner-left-arrow{position:absolute;top:50%;left:28px;transform:translateY(-50%);cursor:pointer}.main-contents .main-bip-mobile-contents-box .banner-right-arrow{position:absolute;top:50%;right:28px;transform:translateY(-50%);cursor:pointer}.main-contents .main-bip-mobile-contents-box .num-counter{position:absolute;padding:6px 12px;bottom:21.5px;right:28px;border-radius:50px;display:flex;justify-content:center;align-items:center;background-color:#090a0a}.main-contents .main-bip-mobile-contents-box .num-counter p{font-size:14px;font-weight:700;line-height:14px}.main-contents .main-bip-mobile-contents-box .num-counter .current{color:#fff}.main-contents .main-bip-mobile-contents-box .num-counter .divider{color:#a6abad;margin:0 3px}.main-contents .main-bip-mobile-contents-box .num-counter .total{color:#7b8084}.main-contents .main-announcement{width:100%;height:52px;padding:14px 16px;background-color:var(--bg-main);margin-bottom:24px;border-radius:8px;display:flex;align-items:center}.main-contents .main-announcement .label{height:24px;padding:6px 0;background-color:#ffeee9;border-radius:50px;margin-right:8px}.main-contents .main-announcement .label p{color:var(--text-orange-btn);font-size:12px;font-weight:700;line-height:12px;padding:0 12px;margin:0}.main-contents .main-announcement .num-box{min-width:34px}.main-contents .main-announcement p{font-size:15px;font-weight:700;margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main-contents .main-announcement p.num{font-size:14px;font-weight:700;line-height:14px;color:var(--text-orange-btn);margin-right:0}.main-contents .main-announcement-mobile{height:44px;padding:10px 16px;background-color:var(--bg-sub1);margin:0 -16px 20px;display:flex;align-items:center;overflow-y:hidden}.main-contents .main-announcement-mobile .label{height:24px;padding:6px 0;background-color:var(--bg-sub-btn);border-radius:50px;margin-right:8px}.main-contents .main-announcement-mobile .label p{color:var(--text-orange-btn);font-size:12px;font-weight:700;line-height:12px;padding:0 12px;margin:0}.main-contents .main-announcement-mobile p{font-size:14px;font-weight:700;margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main-contents .button-container{margin:20px 0;display:flex;justify-content:flex-start;gap:24px}.main-contents .button-container .each-button{width:60px}.main-contents .button-container .each-button p{position:relative;font-size:12px;font-weight:500;line-height:14px;text-align:center;margin-top:8px}.main-contents .button-container .each-button p .dot{position:absolute;width:4px;height:4px;background-color:var(--text-warning);border-radius:4px;bottom:11px;right:14px}.main-contents .button-container .each-box{background-color:var(--bg-sub3)}.main-contents .button-container .each-box,.main-contents .button-container .each-box-main{width:60px;height:60px;border-radius:16px;display:flex;justify-content:center;align-items:center}.main-contents .button-container .each-box-main{background-color:var(--bg-mobile-button-main)}.main-contents .button-container .each-box-sub{width:60px;height:60px;border-radius:16px;background-color:var(--bg-mobile-button-sub);display:flex;justify-content:center;align-items:center}.main-contents .cont-body .list-group li .category2{display:flex;align-items:center;justify-content:center;width:54px;height:24px;margin-right:4px;font-size:12px;font-weight:500;line-height:12px;color:var(--text-main);background-color:var(--bg-sub7);border-radius:50px;text-align:center;white-space:nowrap}.main-media .top-line{display:flex;align-items:center;justify-content:space-between}.main-media .top-line p{font-weight:700;line-height:16px}.main-media .top-line .title-line{display:flex;align-items:center}.main-media .top-line .title-line .new-tag{margin-left:2px;display:flex;align-items:center}.main-media .top-line .right-side{display:flex;align-items:center}.main-media .top-line .right-side p{font-size:14px;font-weight:400;line-height:14px;color:var(--text-sub3);cursor:pointer}.main-media .media-carousel{position:relative;z-index:90;width:100%;height:100%;margin-top:16px}.main-media .media-carousel .prev{left:-18px}.main-media .media-carousel .next,.main-media .media-carousel .prev{position:absolute;z-index:100;height:36px;top:50%;transform:translateY(-50%);cursor:pointer}.main-media .media-carousel .next{right:-18px}.main-media .media-carousel .carousel-content{position:relative;width:240px;height:135px;border-radius:8px;cursor:pointer}.main-media .media-carousel .carousel-content .new-video{position:absolute;top:0;left:0;z-index:100}.bip-wrap .bip-title{font-size:24px;font-weight:700;line-height:32px;margin-bottom:8px}.bip-wrap .description-line{display:flex;align-items:center}.bip-wrap .description-line .bip-description{font-size:14px;line-height:20px;color:var(--text-sub3);font-weight:400}.bip-wrap .description-line .more{width:37px;font-size:14px;line-height:20px;color:var(--text-sub2);margin-left:8px;text-decoration:underline;cursor:pointer;font-weight:400}.bip-wrap .description-line .more:hover{color:var(--text-sub3)}.bip-wrap .more-description p{font-size:14px;line-height:20px;color:var(--text-sub3);font-weight:400}.bip-wrap .more-description p:first-child{margin-bottom:16px}.bip-wrap .more-description span{font-size:14px;line-height:20px;color:var(--text-refer);text-decoration:underline;cursor:pointer}.bip-wrap .board-type-line{margin-top:28px;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--border-main);margin-bottom:16px}.bip-wrap .board-type-line,.bip-wrap .board-type-line .left-side{display:flex;align-items:center}.bip-wrap .board-type-line .left-side .each-board-type{display:flex;align-items:center;cursor:pointer}.bip-wrap .board-type-line .left-side .each-board-type:first-child{margin-right:8px}.bip-wrap .board-type-line .left-side .each-board-type p{font-size:14px;line-height:14px;color:var(--text-sub2)}.bip-wrap .board-type-line .left-side .each-board-type p.board-active{font-size:14px;line-height:14px;font-weight:500;color:var(--text-orange-btn)}.bip-wrap .board-type-line .sort{display:flex;align-items:center;cursor:pointer}.bip-wrap .board-type-line .sort p{font-size:14px;color:var(--text-sub2)}.bip-wrap .bip-articles{display:flex;flex-wrap:wrap;justify-content:space-between}.bip-wrap .bip-articles .each-bip-article{position:relative;display:flex;flex-wrap:wrap;flex-direction:column;width:calc(33% - 7.5px);height:316px;margin-bottom:28px}.bip-wrap .bip-articles .each-bip-article .new-tag{position:absolute;width:44px;height:22px;top:10px;right:10px;display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:var(--text-warning)}.bip-wrap .bip-articles .each-bip-article .new-tag p{font-size:11px;font-weight:700;color:#fff}.bip-wrap .bip-articles .each-bip-article .background{width:100%;height:170px;cursor:pointer}.bip-wrap .bip-articles .each-bip-article .background img{width:100%;height:100%;border:1px solid var(--border-main);border-radius:10px}.bip-wrap .bip-articles .each-bip-article .bip-top-line{display:flex;align-items:center;width:100%;margin-top:10px}.bip-wrap .bip-articles .each-bip-article .bip-top-line .bip-number{display:flex;align-items:center;justify-content:center;min-width:56px;height:24px;background-color:var(--bg-sub5);border-radius:70px;margin-right:8px}.bip-wrap .bip-articles .each-bip-article .bip-top-line .bip-number p{font-size:12px}.bip-wrap .bip-articles .each-bip-article .bip-top-line .category{font-size:14px;color:var(--text-sub1);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bip-wrap .bip-articles .each-bip-article .bip-top-line .dot{min-width:3px;height:3px;margin-left:6px;margin-right:6px;background-color:var(--text-disable);border-radius:10px}.bip-wrap .bip-articles .each-bip-article .bip-top-line .topic{font-size:14px;color:var(--text-sub1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400}.bip-wrap .bip-articles .each-bip-article .title{margin-top:4px}.bip-wrap .bip-articles .each-bip-article .title p{font-size:16px;font-weight:700;line-height:24px;cursor:pointer;-webkit-line-clamp:2;display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.bip-wrap .bip-articles .each-bip-article .title p:hover{color:var(--text-refer)}.bip-wrap .bip-articles .each-bip-article .description{width:100%;margin-top:4px}.bip-wrap .bip-articles .each-bip-article .description p{font-size:14px;color:var(--text-sub3);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:400}.bip-wrap .bip-articles .each-bip-article .author-line{margin-top:12px;display:flex;align-items:center}.bip-wrap .bip-articles .each-bip-article .author-line .author{display:flex;align-items:center;cursor:pointer}.bip-wrap .bip-articles .each-bip-article .author-line .author img{border-radius:20px}.bip-wrap .bip-articles .each-bip-article .author-line .author p{font-size:14px;color:var(--text-sub1);margin-left:4px}.bip-wrap .bip-articles .banner-line{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:52px}.bip-wrap .bip-articles .banner-line .each-banner{width:calc(50% - 10px);height:120px;padding:0 26px 0 32px;display:flex;align-items:center;justify-content:space-between;background-color:#ffefd7;border-radius:10px;cursor:pointer}.bip-wrap .bip-articles .banner-line .each-banner:last-child{background-color:#ecfce5}.bip-wrap .bip-articles .banner-line .each-banner .left-side p:first-child{font-weight:700;line-height:16px;color:#303437}.bip-wrap .bip-articles .banner-line .each-banner .left-side p:last-child{margin-top:12px;font-size:14px;line-height:14px;color:#6c7072}.bip-wrap .bip-articles-table{margin-top:-16px}.bip-wrap .bip-articles-table .table-header{display:flex;align-items:center;height:32px;background-color:var(--bg-reco);border-left:1px solid var(--border-input);border-right:1px solid var(--border-input)}.bip-wrap .bip-articles-table .table-header p{margin-left:6px;font-size:12px;font-weight:500}.bip-wrap .bip-articles-table .table-header div{height:100%;display:flex;align-items:center;border-right:1px solid var(--border-input)}.bip-wrap .bip-articles-table .table-header div:last-child{border-right:0}.bip-wrap .bip-articles-table .table-header .number{width:60px;height:100%}.bip-wrap .bip-articles-table .table-header .type{width:80px}.bip-wrap .bip-articles-table .table-header .title{width:calc(100% - 516px)}.bip-wrap .bip-articles-table .table-header .author{width:130px}.bip-wrap .bip-articles-table .table-header .category{width:100px}.bip-wrap .bip-articles-table .table-header .status{width:60px}.bip-wrap .bip-articles-table .table-header .date{width:86px}.bip-wrap .bip-articles-table .table-body .each-line{display:flex;align-items:center;height:38px;border-left:1px solid var(--border-input);border-right:1px solid var(--border-input);border-bottom:1px solid var(--border-input)}.bip-wrap .bip-articles-table .table-body .each-line div{display:flex;align-items:center;height:100%;padding:0 6px;border-right:1px solid var(--border-input)}.bip-wrap .bip-articles-table .table-body .each-line div:last-child{border-right:0}.bip-wrap .bip-articles-table .table-body .each-line p{font-size:14px;font-weight:400}.bip-wrap .bip-articles-table .table-body .each-line .number{width:60px}.bip-wrap .bip-articles-table .table-body .each-line .number p{text-decoration:underline;cursor:pointer}.bip-wrap .bip-articles-table .table-body .each-line .number p:hover{color:var(--text-refer)}.bip-wrap .bip-articles-table .table-body .each-line .type{width:80px}.bip-wrap .bip-articles-table .table-body .each-line .type p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bip-wrap .bip-articles-table .table-body .each-line .title{width:calc(100% - 516px)}.bip-wrap .bip-articles-table .table-body .each-line .title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline;cursor:pointer}.bip-wrap .bip-articles-table .table-body .each-line .title p:hover{color:var(--text-refer)}.bip-wrap .bip-articles-table .table-body .each-line .author{width:130px}.bip-wrap .bip-articles-table .table-body .each-line .author p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.bip-wrap .bip-articles-table .table-body .each-line .category{width:100px}.bip-wrap .bip-articles-table .table-body .each-line .category p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bip-wrap .bip-articles-table .table-body .each-line .status{width:60px}.bip-wrap .bip-articles-table .table-body .each-line .date{width:86px}.bip-wrap .recommendation{margin-top:80px}.bip-wrap .recommendation .title-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.bip-wrap .recommendation .title-line .title{font-size:18px;font-weight:700;line-height:18px}.bip-wrap .recommendation .title-line .all{font-size:14px;color:var(--text-sub1);text-decoration:underline;cursor:pointer;font-weight:400}.bip-wrap .recommendation .title-line .all:hover{color:var(--text-sub2)}.bip-wrap .recommendation .reco-box{width:100%;height:195px;padding:20px 0 19px 12px;background-color:var(--bg-reco);border-radius:10px}.bip-wrap .bip-carousel{position:relative;z-index:90;width:100%;height:100%}.bip-wrap .bip-carousel .prev{position:absolute;z-index:100;top:63px;left:-30px;cursor:pointer}.bip-wrap .bip-carousel .next{position:absolute;z-index:100;top:63px;right:-18px;cursor:pointer}.bip-wrap .bip-carousel .carousel-content{width:230px;height:158px;padding:20px 16px;border:1px solid var(--border-input);border-radius:10px;background-color:var(--bg-main);cursor:pointer}.bip-wrap .bip-carousel .carousel-content .category,.bip-wrap .bip-carousel .carousel-content .category p{font-size:14px;line-height:14px;color:var(--text-sub1)}.bip-wrap .bip-carousel .carousel-content .title{display:flex;text-align:left;width:100%;margin-top:8px;height:42px;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;word-break:break-all}.bip-wrap .bip-carousel .carousel-content .title p{font-size:15px;font-weight:700}.bip-wrap .bip-carousel .carousel-content .author{display:flex;margin-top:8px}.bip-wrap .bip-carousel .carousel-content .author p{font-size:12px;color:var(--text-sub1)}.bip-wrap .bip-carousel .carousel-content .thumbs{display:flex;justify-content:right;align-items:center}.bip-wrap .bip-carousel .carousel-content .thumbs p{font-size:18px;font-weight:700;margin-left:6px}.list-modal-bip{display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.list-modal-bip .ant-modal-title{font-size:24px;margin-bottom:40px;font-weight:700;padding:0 32px;background-color:var(--bg-main);color:var(--text-main)}.list-modal-bip .ant-modal-content{width:520px;height:657px;padding:40px 0 0;border-radius:16px;background-color:var(--bg-main)}.list-modal-bip .list-group .total-num{font-size:16px;line-height:1;color:var(--text-sub1);padding:0 0 16px 32px;border-bottom:1px solid var(--border-input)}.list-modal-bip .list-group .list-box{max-height:492px;overflow-y:auto;scrollbar-width:6px;scrollbar-color:var(--bg-sub2)}.list-modal-bip .list-group .list-box::-webkit-scrollbar{width:6px}.list-modal-bip .list-group .list-box::-webkit-scrollbar-thumb{background-color:var(--bg-sub2);border-radius:10px}.list-modal-bip .list-group .list-box li{padding:12.5px 32px 12px;border-bottom:1px solid var(--border-input)}.list-modal-bip .list-group .list-box li .category{font-size:14px;color:var(--text-sub1);cursor:pointer;display:inline-block;line-height:14px}.list-modal-bip .list-group .list-box li .title{font-size:15px;color:var(--text-main);margin-top:3.25px;margin-bottom:6.75px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.list-modal-bip .list-group .list-box li .title:hover{color:var(--text-refer)}.list-modal-bip .list-group .list-box li .footer-line{display:flex;align-items:center;justify-content:space-between;margin-top:1.25px}.list-modal-bip .list-group .list-box li .footer-line .nickname{font-size:12px;line-height:16px;cursor:pointer;color:var(--text-sub1)}.list-modal-bip .list-group .list-box li .footer-line .recommended{display:flex;align-items:center}.list-modal-bip .list-group .list-box li .footer-line .recommended p{font-size:16px;font-weight:700;line-height:16px;margin-left:6px}.list-modal-bip .ant-modal-footer{display:none}.category-wrap .category-name{align-items:baseline;font-size:24px;margin-bottom:30px}.category-wrap .category-name p{font-size:14px;margin-left:12px;line-height:1;font-weight:400;color:var(--text-sub1)}.category-wrap .option-group{margin-bottom:30px}.category-wrap .option-group .product-search-box{width:280px}.category-wrap .option-group .writing-btn{width:80px;height:36px;line-height:36px;font-size:12px;font-weight:700;color:var(--text-orange-btn);border:1px solid var(--border-active);border-radius:6px;text-align:center;margin-left:auto;background-color:transparent}.category-wrap .option-group .writing-btn:hover{background-color:rgba(255,238,233,.4)}.category-wrap .option-group .mobile-filter-group{display:none}.category-wrap .filter-group{position:relative;margin-left:auto}.category-wrap .filter-group .filter-btn{font-size:14px;color:var(--text-sub2);background-color:transparent}.category-wrap .filter-group .filter-btn img{margin-right:6px}.category-wrap .filter-group .filter-modal{z-index:100;position:absolute;top:calc(100% + 15px);right:0;min-width:100px;background:var(--bg-modal-back);box-shadow:0 1px 8px hsla(0,0%,8%,.08);border-radius:6px}.category-wrap .filter-group .filter-modal .modal-contents{position:relative}.category-wrap .filter-group .filter-modal button{display:block;width:100%;padding:16px 12px;font-size:14px;line-height:1;text-align:left;background:var(--bg-modal-back)}.category-wrap .filter-group .filter-modal button:hover{background:var(--bg-sub1)}.category-wrap .contents-group .top-pagination{padding:16px 0;height:54px;border-bottom:1px solid var(--border-main)}.category-wrap .contents-group .top-pagination .refresh-btn{margin-left:10px;background-color:transparent}.category-wrap .contents-group .top-pagination .pagination{margin-left:auto;min-width:90px;justify-content:right}.category-wrap .contents-group .top-pagination .pagination p{font-size:14px;min-width:42px;line-height:1;color:var(--text-sub1);margin:0 10px;justify-content:center;display:flex}.category-wrap .contents-group .list-group .list-box{position:relative;padding:18px 0;border-bottom:1px solid var(--border-main)}.category-wrap .contents-group .list-group .list-box .info-line .tag-box{max-width:calc(100% - 200px);overflow:hidden}.category-wrap .contents-group .list-group .list-box .info-line .tag-box button{font-size:14px;line-height:16px;padding:0 0 1.5px;margin-right:5px;background-color:transparent}.category-wrap .contents-group .list-group .list-box .info-line .tag-box button p{font-size:14px;font-weight:400;line-height:14px;color:var(--text-sub1)}.category-wrap .contents-group .list-group .list-box .info-line .tag-box button:last-child{margin-right:0}.best-wrap .contents-group .list-group .list-box:first-child{border-top:1px solid var(--border-main)}.best-wrap .contents-group .top-pagination{padding:16px 0}.category-wrap .category-button{display:flex;align-items:center;height:36px;margin-top:10px;margin-bottom:6px;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;position:relative}.category-wrap .category-button::-webkit-scrollbar,.category-wrap .category-button::-webkit-scrollbar-track{display:none}.category-wrap .category-button::-webkit-scrollbar-thumb{display:none}.category-wrap .category-button .button-container{display:flex;align-items:center;justify-content:center;min-width:60px;cursor:pointer;height:36px;padding:11px 14px;border:1px solid var(--border-main);border-radius:100px;flex-shrink:0}.category-wrap .category-button .button-container.active{display:flex;align-items:center;justify-content:center;min-width:60px;cursor:default;height:36px;padding:11px 14px;border:0;background-color:var(--bg-active-btn);border-radius:100px}.category-wrap .category-button .button-container.active p{font-size:14px;font-weight:700;color:#fff}.category-wrap .category-button .button-container:not(:last-child){margin-right:8px}.category-wrap .category-button .button-container p{font-size:14px;font-weight:400;color:var(--text-main)}.writing-list-group .list-box{position:relative;padding:18px 0;border-bottom:1px solid var(--border-main)}.writing-list-group .list-box .text-line{margin-bottom:8px}.writing-list-group .list-box .text-line .category{padding:6px 12px;font-size:12px;margin-right:8px;color:var(--text-orange-btn);background:var(--bg-sub-btn);border-radius:30px;line-height:1;white-space:nowrap}.writing-list-group .list-box .text-line .category-none{padding:6px 12px;font-size:12px;margin-right:8px;color:var(--text-sub1);background:transparent;border:1px solid var(--border-main);border-radius:30px;line-height:1;white-space:nowrap}.writing-list-group .list-box .text-line .text{width:calc(100% - 20px)}.writing-list-group .list-box .text-line .short-words{font-size:16px;font-weight:700}.writing-list-group .list-box .description{font-size:14px;line-height:1;font-weight:400;margin-bottom:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.writing-list-group .list-box .notice-line .text{width:calc(100% - 60px);color:var(--text-orange-btn)}.writing-list-group .list-box .notice-line .short-words{color:var(--text-orange-btn);line-height:1}.writing-list-group .list-box .user-line{margin-bottom:0}.writing-list-group .list-box .user-line a{position:relative;padding-right:12px;margin-right:12px;font-size:14px;font-weight:400;color:var(--text-sub1);line-height:1}.writing-list-group .list-box .user-line a:after{content:"";position:absolute;width:1px;height:12px;background:var(--bg-sub2);top:50%;transform:translateY(-50%);right:0}.writing-list-group .list-box .user-line a img{width:20px;height:20px;margin-right:8px;border-radius:50%;overflow:hidden}.writing-list-group .list-box .user-line .date{font-size:14px;line-height:1;font-weight:400;color:var(--text-sub1)}.writing-list-group .list-box .info-line .tag-box{margin-top:12px;max-width:calc(100% - 200px);overflow:hidden}.writing-list-group .list-box .info-line .tag-box a{font-size:14px;font-weight:400;line-height:1;color:var(--text-sub1)}.writing-list-group .list-box .info-line .tag-box p{font-size:14px;font-weight:400;line-height:14px;color:var(--text-sub1);padding:0 0 1.5px}.writing-list-group .list-box .info-line .tag-box p:last-child{font-size:14px;font-weight:400;line-height:1;color:var(--text-sub1)}.writing-list-group .list-box .info-line .tag-box button{font-size:14px;line-height:16px;background-color:transparent;padding:0 0 1.5px}.writing-list-group .list-box .info-line .tag-box button p{font-size:14px;line-height:14px;font-weight:400;color:var(--text-sub1)}.writing-list-group .list-box .info-line .tag-box button:last-child{margin-right:0}.writing-list-group .list-box .info-line .tag-box-2{margin-top:12px;max-width:calc(100% - 200px);overflow:hidden}.writing-list-group .list-box .info-line .tag-box-2 button{font-size:14px;line-height:16px;margin-right:5px;background-color:transparent;padding:0 0 1.5px}.writing-list-group .list-box .info-line .tag-box-2 button p{font-size:14px;line-height:14px;font-weight:400;color:var(--text-sub1)}.writing-list-group .list-box .info-line .tag-box-2 button:last-child{margin-right:0}.writing-list-group .list-box .info-line .supplement-box{position:absolute;bottom:18px;right:0;margin-left:auto}.writing-list-group .list-box .info-line .supplement-box div:not(:last-child){margin-right:16px}.writing-list-group .list-box .info-line .supplement-box div img{margin-right:7px}.writing-list-group .list-box .info-line .supplement-box div span{font-size:12px;line-height:1;font-weight:400;color:var(--text-sub1)}.writing-list-group .list-box .icon-bookmark{position:absolute;top:50%;transform:translateY(-50%);right:25px;cursor:pointer}.writing-list-group .list-box-bookmark{position:relative;padding:18px 0 0;border-bottom:1px solid var(--border-input)}.writing-list-group .list-last-child{border-bottom:0}.writing-list-group .list-box-bookmark .text-line{margin-bottom:8px}.writing-list-group .list-box-bookmark .text-line .category{padding:6px 12px;font-size:12px;margin-right:8px;color:var(--text-orange-btn);background:var(--bg-sub-btn);border-radius:30px;line-height:1;white-space:nowrap}.writing-list-group .list-box-bookmark .text-line .text{width:calc(100% - 60px)}.writing-list-group .list-box-bookmark .text-line .short-words{font-size:16px;font-weight:700}.writing-list-group .list-box-bookmark .description{font-size:14px;line-height:1;font-weight:400;margin-bottom:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.writing-list-group .list-box-bookmark .notice-line .text{width:calc(100% - 60px);color:var(--text-orange-btn)}.writing-list-group .list-box-bookmark .notice-line .short-words{color:var(--text-orange-btn);line-height:1}.writing-list-group .list-box-bookmark .user-line{margin-bottom:0}.writing-list-group .list-box-bookmark .user-line a{position:relative;padding-right:12px;margin-right:12px;font-size:14px;font-weight:400;color:var(--text-sub1);line-height:1}.writing-list-group .list-box-bookmark .user-line a:after{content:"";position:absolute;width:1px;height:12px;background:var(--bg-sub2);top:50%;transform:translateY(-50%);right:0}.writing-list-group .list-box-bookmark .user-line a img{width:20px;height:20px;margin-right:8px;border-radius:50%;overflow:hidden}.writing-list-group .list-box-bookmark .user-line .date{font-size:14px;line-height:1;font-weight:400;color:var(--text-sub1)}.writing-list-group .list-box-bookmark .info-line{flex-wrap:wrap}.writing-list-group .list-box-bookmark .info-line .tag-box{margin-top:12px;max-width:calc(100% - 100px);overflow:hidden}.writing-list-group .list-box-bookmark .info-line .tag-box a,.writing-list-group .list-box-bookmark .info-line .tag-box p{font-size:12px;font-weight:400;line-height:1;color:var(--text-sub1);margin-right:6px}.writing-list-group .list-box-bookmark .info-line .tag-box p:last-child{margin-right:0}.writing-list-group .list-box-bookmark .info-line .tag-box button{font-size:14px;line-height:16px;margin-right:6px;background-color:transparent;padding:0 0 1.5px}.writing-list-group .list-box-bookmark .info-line .tag-box button p{font-size:14px;line-height:14px;font-weight:400;color:var(--text-sub1)}.writing-list-group .list-box-bookmark .info-line .tag-box button:last-child{margin-right:0}.writing-list-group .list-box-bookmark .info-line .supplement-box{position:absolute;bottom:18px;right:0;margin-left:auto}.writing-list-group .list-box-bookmark .info-line .supplement-box div:not(:last-child){margin-right:16px}.writing-list-group .list-box-bookmark .info-line .supplement-box div img{margin-right:8px}.writing-list-group .list-box-bookmark .info-line .supplement-box div span{font-size:12px;line-height:1;font-weight:400;color:var(--text-sub1)}.writing-list-group .list-box-bookmark .icon-bookmark{position:absolute;top:32px;transform:translateY(-50%);right:25px;cursor:pointer}.save-write-modal .ant-modal-footer .ant-btn-default{display:none}.different-writing-list-group .cont-head{margin-bottom:0}.user-line{margin-bottom:12px}.user-line a{position:relative;padding-right:12px;margin-right:12px;font-size:14px;font-weight:400;color:var(--text-sub1);line-height:1}.user-line a:after{content:"";position:absolute;width:1px;height:12px;background:var(--bg-sub2);top:50%;transform:translateY(-50%);right:0}.user-line a img{margin-right:8px}.user-line .date{font-size:14px;line-height:1;font-weight:400;color:var(--text-sub1)}.info-line .supplement-box div:not(:last-child){margin-right:20px}.info-line .supplement-box div img{margin-right:8px}.info-line .supplement-box div span{font-size:12px;line-height:1;font-weight:400;color:var(--text-sub1)}.gallery-view{display:flex;flex-wrap:wrap;justify-content:space-between}.gallery-view .each-box{width:calc(25% - 8.67px);margin-bottom:28px}.gallery-view .each-box .title-line{width:100%;display:flex;align-items:center;margin-top:12px;cursor:pointer;height:22.5px}.gallery-view .each-box .title-line p{font-size:15px;font-weight:700;color:var(--text-main);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gallery-view .each-box .title-line p:hover{color:var(--text-refer)}.gallery-view .each-box .title-line span{margin-left:4px;color:var(--text-orange-btn);font-size:14px;font-weight:500;line-height:14px}.gallery-view .each-box .supplement-box{width:100%;display:flex;align-items:center;margin-top:4px}.gallery-view .each-box .supplement-box .each-value{display:flex;align-items:center}.gallery-view .each-box .supplement-box .each-value p{margin-left:2px;font-size:12px;font-weight:400;line-height:12px;color:var(--text-sub1)}.gallery-view .each-box .supplement-box .each-value span{margin-left:2px;font-size:12px;font-weight:400;line-height:12px;color:var(--text-main)}.gallery-view .each-box .supplement-box .each-value:first-child{margin-right:8px}.gallery-view .each-box .info-line{margin-top:4px;display:flex;align-items:center;height:16.5px}.gallery-view .each-box .info-line p{font-size:12px;font-weight:400;color:var(--text-sub1);cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gallery-view .each-box .info-line .dot{width:3px;height:3px;background-color:var(--border-main);margin:0 6px;border-radius:3px}.gallery-view .each-box .info-line span{font-size:12px;font-weight:400;line-height:12px;color:var(--text-sub2);white-space:nowrap}@font-face{font-family:국립박물관문화재단클래식B;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/%EA%B5%AD%EB%A6%BD%EB%B0%95%EB%AC%BC%EA%B4%80%EB%AC%B8%ED%99%94%EC%9E%AC%EB%8B%A8%ED%81%B4%EB%9E%98%EC%8B%9DB.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:ELAND_Choice_B;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/ELAND_Choice_B.woff) format("woff");font-weight:400;font-style:normal}.main-contents-wrap .main-contents{max-width:846px;width:100%}.list-detail-wrap{background-color:var(--bg-main)}.list-detail-wrap .category-box{margin-bottom:20px}.list-detail-wrap .category-box,.list-detail-wrap .category-box a{font-size:14px;line-height:1;font-weight:400;color:var(--text-sub3)}.list-detail-wrap .category-box a:hover{color:var(--text-sub2)}.list-detail-wrap .category-box img{margin:0 10px}.list-detail-wrap .writing-head{position:relative;padding-bottom:18px;border-bottom:1px solid var(--border-main)}.list-detail-wrap .writing-head h2{font-size:28px;margin-bottom:16px}.list-detail-wrap .writing-head .user-line{position:relative;height:40px;margin-bottom:0;display:flex;justify-content:space-between}.list-detail-wrap .writing-head .user-line .user-line-left{display:flex;align-items:center}.list-detail-wrap .writing-head .frame{position:absolute}.list-detail-wrap .writing-head .user-line .user-line-left .date{font-size:14px;font-weight:400;color:var(--text-sub1);margin-right:24px}.list-detail-wrap .writing-head .user-line .user-line-left .date:after{width:1px;height:12px;content:"";background:var(--bg-sub2);position:absolute;margin-top:1px;margin-left:12px}.list-detail-wrap .writing-head .user-line .user-line-left .comment-highlight{font-weight:700;color:var(--text-orange-btn)}.list-detail-wrap .writing-head .user-line .user-line-left span{font-size:14px}.list-detail-wrap .writing-head .user-line .bookmark-box{margin-left:auto}.list-detail-wrap .writing-head .user-line .bookmark-box button{margin-left:14px;background-color:transparent}.list-detail-wrap .writing-head .user-line .bookmark-box .filter-modal{z-index:100;position:absolute;top:calc(100% + 5px);right:-5px;min-width:100px;background:var(--bg-modal-back);box-shadow:0 1px 8px hsla(0,0%,8%,.08);border-radius:6px}.list-detail-wrap .writing-head .user-line .bookmark-box .filter-modal .modal-contents{position:relative}.list-detail-wrap .writing-head .user-line .bookmark-box .filter-modal .modal-contents button{display:block;width:100%;padding:12px;font-size:14px;line-height:1;text-align:left;margin-left:0}.list-detail-wrap .writing-head .user-line .bookmark-box .filter-modal .modal-contents button:first-child{padding-top:16px}.list-detail-wrap .writing-head .user-line .bookmark-box .filter-modal .modal-contents button:last-child{padding-bottom:16px;color:var(--text-warning)}.list-detail-wrap .writing-head .user-line .bookmark-box .filter-modal .modal-contents button:hover{background:var(--bg-sub1)}.list-detail-wrap .writing-body{padding:20px 0 40px;display:grid}.list-detail-wrap .writing-body .bip-selected-reason{display:flex;justify-content:center;flex-direction:column;margin-top:4px;min-height:38px;padding:12px 16px;background-color:var(--bg-cancel-btn-hover);border-radius:8px}.list-detail-wrap .writing-body .bip-selected-reason .title-line{display:flex;align-items:center;justify-content:space-between}.list-detail-wrap .writing-body .bip-selected-reason .title-line p:first-child{font-size:14px;font-weight:500;line-height:22px}.list-detail-wrap .writing-body .bip-selected-reason .title-line p:last-child{font-size:14px;text-decoration:underline;cursor:pointer;color:var(--text-sub1);line-height:22px}.list-detail-wrap .writing-body .bip-selected-reason .title-line p:last-child:hover{color:var(--text-sub2)}.list-detail-wrap .writing-body .bip-selected-reason .hidden-content{margin-top:12px}.list-detail-wrap .writing-body .bip-selected-reason .hidden-content p{font-size:14px;line-height:22px}.list-detail-wrap .writing-body .bip-line{display:flex;justify-content:center;margin-top:32px;margin-bottom:32px}.list-detail-wrap .writing-body .bip-line .bip-header{display:flex;flex-direction:column;width:600px;min-height:174px;background-color:var(--border-input);border-radius:8px;padding:20px 24px}.list-detail-wrap .writing-body .bip-line .bip-header .each-line{display:flex}.list-detail-wrap .writing-body .bip-line .bip-header .each-line p{font-size:14px}.list-detail-wrap .writing-body .bip-line .bip-header .each-line .left{width:40px;margin-right:30px}.list-detail-wrap .writing-body .bip-line .bip-header .each-line .right{width:calc(100% - 70px)}.list-detail-wrap .writing-body .powpular-line{display:flex;margin-top:-20px;height:120px;align-items:center;justify-content:center}.list-detail-wrap .writing-body .powpular-line .line{width:20px;height:1px;background-color:var(--text-sub2)}.list-detail-wrap .writing-body .powpular-line .line:first-child{margin-right:10px}.list-detail-wrap .writing-body .powpular-line .line:last-child{margin-left:10px}.list-detail-wrap .writing-body .powpular-line .powpular-title{font-size:18px;font-weight:400;font-family:ELAND_Choice_B;color:var(--text-modal-title)}.list-detail-wrap .writing-body .powpular-line .powpular-title span{position:relative;color:var(--text-powpular-title);font-size:18px;font-weight:400;font-family:ELAND_Choice_B}.list-detail-wrap .writing-body .powpular-line .powpular-title span .star{position:absolute;top:-10px;left:63px}.list-detail-wrap .writing-body p{font-weight:400;word-break:break-all}.list-detail-wrap .writing-body .bottom-group{justify-content:space-between;margin-top:60px}.list-detail-wrap .writing-body .bottom-group .tag-box{max-width:calc(100% - 100px);flex-wrap:wrap}.list-detail-wrap .writing-body .bottom-group .tag-box button{padding:8px;font-size:14px;line-height:16px;border-radius:6px;margin-right:8px;background-color:var(--bg-sub1);font-weight:400;color:var(--text-sub1)}.list-detail-wrap .writing-body .bottom-group .tag-box button:hover{background-color:var(--bg-sub3)}.list-detail-wrap .writing-body .pow-line{margin-top:60px;display:flex;justify-content:center}.list-detail-wrap .writing-body .pow-line button:first-child{padding:12px 24px 12px 16px}.list-detail-wrap .writing-body .pow-line button:first-child,.list-detail-wrap .writing-body .pow-line button:last-child{height:52px;display:flex;align-items:center;border:1px solid var(--border-input);border-radius:8px;background-color:transparent}.list-detail-wrap .writing-body .pow-line button:last-child{width:52px;justify-content:center;padding:12px 16px}.list-detail-wrap .writing-body .pow-line button:hover{background-color:var(--bg-sub7)}.list-detail-wrap .writing-body .pow-line p{font-weight:400;color:var(--text-main);margin-right:8px}.list-detail-wrap .writing-body .pow-line span{font-weight:700;color:var(--text-orange-btn)}.list-detail-wrap .writing-body .whos-pow-line{display:flex;justify-content:center;margin-top:12px}.list-detail-wrap .writing-body .whos-pow-line p{font-size:14px;font-weight:400;color:var(--text-sub3);cursor:pointer}.list-detail-wrap .writing-body .whos-pow-line p:hover{text-decoration:underline}.list-detail-wrap .writing-body .whos-pow-line p:hover span{text-decoration:underline;-webkit-text-decoration-color:var(--text-sub3);text-decoration-color:var(--text-sub3)}.list-detail-wrap .writing-body .whos-pow-line span{font-size:14px;font-weight:400;color:var(--text-orange-btn);cursor:pointer}.list-detail-wrap .writing-body .whos-pow-line p.no-hover:hover{text-decoration:none;cursor:default}.list-detail-wrap .other-article{display:flex;margin-top:40px;padding-bottom:40px;border-bottom:1px solid var(--border-input)}.list-detail-wrap .other-article .other-article-left{width:220px;display:flex}.list-detail-wrap .other-article .other-article-right{display:flex;flex-direction:column;width:calc(100% - 300px);margin-left:18px;height:250px;border:1px solid var(--border-input);border-radius:8px}.list-detail-wrap .other-article .other-article-right .header{display:flex;align-items:center;min-height:43px;border-bottom:1px solid var(--border-main);padding-left:12px}.list-detail-wrap .other-article .other-article-right .header p{display:flex;align-items:center;font-size:14px;font-weight:400;color:var(--text-main)}.list-detail-wrap .other-article .other-article-right .header span{font-size:14px;font-weight:700;color:var(--text-main);cursor:pointer}.list-detail-wrap .other-article .other-article-right .body{padding:8px 16px 5px 8px;overflow-y:auto;scrollbar-width:6px;scrollbar-color:var(--bg-sub2)}.list-detail-wrap .other-article .other-article-right .body::-webkit-scrollbar{width:6px}.list-detail-wrap .other-article .other-article-right .body::-webkit-scrollbar-thumb{background-color:var(--bg-sub2);border-radius:10px}.list-detail-wrap .other-article .other-article-right .body .each-line{padding:2px 0;margin-bottom:2px;display:flex;align-items:center}.list-detail-wrap .other-article .other-article-right .body .each-line p{font-size:14px;font-weight:400;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.list-detail-wrap .other-article .other-article-right .body .each-line .category{display:flex;align-items:center;justify-content:center;min-width:50px;height:22px;border-radius:70px;background-color:var(--bg-sub1);margin-right:4px}.list-detail-wrap .other-article .other-article-right .body .each-line .category p{font-size:11px;font-weight:400;letter-spacing:-.55px;cursor:default}.list-detail-wrap .other-article .other-article-right .body .each-line span{margin-left:4px;font-size:12px;font-weight:700;color:var(--text-orange-btn)}.list-detail-wrap .other-article .other-article-right .body-no-data{padding:8px 4px 5px 8px;width:100%;display:flex;height:calc(100% - 43px);justify-content:center;align-items:center;font-size:14px;font-weight:400;color:var(--text-sub3)}.list-detail-wrap .comment-group{padding:40px 0 0}.list-detail-wrap .comment-group .num{font-size:16px;margin:0 0 8px}.list-detail-wrap .comment-group .num span{color:var(--text-sub-btn);margin-left:4px}.list-detail-wrap .comment-group .comment-box{border:1px solid var(--border-main);border-radius:10px;overflow:hidden}.list-detail-wrap .comment-group .comment-box textarea{width:100%;min-height:100px;padding:20px 16px;font-size:15px;color:var(--text-main);font-weight:400;border:0;border-bottom:1px solid var(--border-main);border-bottom-left-radius:0;border-bottom-right-radius:0;word-break:break-all;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.list-detail-wrap .comment-group .comment-box textarea::placeholder{font-size:15px;color:var(--text-sub2)}.list-detail-wrap .comment-group .comment-box .please-login{height:100px;padding:20px 16px;background:var(--bg-sub1);border-bottom:1px solid var(--border-main);border-bottom-left-radius:0;border-bottom-right-radius:0}.list-detail-wrap .comment-group .comment-box .please-login p{font-size:14px;color:var(--text-sub1);font-weight:400;line-height:1}.list-detail-wrap .comment-group .comment-box .please-login p a{display:inline-block;color:var(--text-orange-btn);font-size:14px;font-weight:400;line-height:1;text-decoration:underline}.list-detail-wrap .comment-group .comment-box .please-login2{height:100px;padding:20px 16px;background:var(--bg-main);border-bottom:1px solid var(--border-main);border-bottom-left-radius:0;border-bottom-right-radius:0}.list-detail-wrap .comment-group .comment-box .please-login2 p{font-size:14px;color:var(--text-sub1);font-weight:400;line-height:1}.list-detail-wrap .comment-group .comment-box .please-login2 p a{display:inline-block;color:var(--text-orange-btn);font-size:14px;font-weight:400;line-height:1;text-decoration:underline}.list-detail-wrap .comment-group .comment-box .bottom{padding-left:16px;background:var(--bg-main)}.list-detail-wrap .comment-group .comment-box .bottom .picture-btn{position:relative;font-weight:400;font-size:14px;color:var(--text-sub2);cursor:pointer;background-color:transparent}.list-detail-wrap .comment-group .comment-box .bottom .picture-btn span{position:relative;font-weight:400;font-size:14px;color:var(--text-sub2);cursor:pointer;line-height:150%;max-width:500px;overflow:hidden;text-overflow:ellipsis}.list-detail-wrap .comment-group .comment-box .bottom .picture-btn img{margin-right:4px}.list-detail-wrap .comment-group .comment-box .bottom .picture-btn input[type=file]{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;padding:0;cursor:pointer}.list-detail-wrap .comment-group .comment-box .bottom .comment-btn{width:100px;height:44px;line-height:44px;background:var(--bg-sub2);color:#fff;font-size:14px;font-weight:700;margin-left:auto;text-align:center;border-radius:0;pointer-events:none}.list-detail-wrap .comment-group .comment-box .bottom .comment-btn.active{width:100px;height:44px;line-height:44px;background:var(--bg-active-btn);color:#fff;font-size:14px;font-weight:700;margin-left:auto;text-align:center;border-radius:0;pointer-events:visible}.list-detail-wrap .comment-group .comment-box .bottom .comment-btn.active:hover{background-color:var(--bg-active-btn-hover)}.list-detail-wrap .comment-group .comment-box .bottom .comment-btn:disabled{background-color:var(--bg-sub2);color:var(--bg-main)}.list-detail-wrap .comment-group .comment-box .bottom .comment-btn2{width:100px;height:44px;line-height:44px;background:var(--bg-sub2);color:#fff;font-size:14px;font-weight:700;margin-left:auto;text-align:center;border-radius:0;pointer-events:none}.list-detail-wrap .comment-group .comment-box .bottom .comment-btn2.active{width:100px;height:44px;line-height:44px;background:var(--bg-active-btn);color:#fff;font-size:14px;font-weight:700;margin-left:auto;text-align:center;border-radius:0;pointer-events:visible}.list-detail-wrap .comment-group .comment-list li{position:relative;border-bottom:1px solid var(--border-main)}.list-detail-wrap .comment-group .comment-list li:last-child{border-bottom:0}.list-detail-wrap .comment-group .comment-list li .profile{padding-top:16px;margin-bottom:8px;display:flex}.list-detail-wrap .comment-group .comment-list li .profile .frame{position:absolute}.list-detail-wrap .comment-group .comment-list li .profile img{margin-right:8px}.list-detail-wrap .comment-group .comment-list li .profile .writer{width:41px;height:20px;border:1px solid #fac5b6;display:flex;align-items:center;justify-content:center;border-radius:1020px;padding:4px 6px;margin-right:8px;margin-left:-6px}.list-detail-wrap .comment-group .comment-list li .profile .writer p{font-size:11px;font-weight:700;color:var(--text-orange-btn)}.list-detail-wrap .comment-group .comment-list li .profile .name{font-size:15px;margin-right:8px;line-height:1;font-weight:700}.list-detail-wrap .comment-group .comment-list li .profile .time{font-size:14px;line-height:1;font-weight:400;color:var(--text-sub1)}.list-detail-wrap .comment-group .comment-list li .profile .report{font-size:14px;line-height:1;font-weight:400;color:var(--text-orange-btn);margin-left:auto;background-color:transparent}.list-detail-wrap .comment-group .comment-list li .profile .report2{position:relative;font-size:14px;line-height:1;font-weight:400;color:var(--text-sub2);margin-left:auto;background-color:transparent}.list-detail-wrap .comment-group .comment-list li .profile .report2 .filter-modal2{z-index:100;position:absolute;top:30px;right:0;min-width:100px;background:var(--bg-modal-back);box-shadow:0 1px 8px hsla(0,0%,8%,.08);border-radius:6px}.list-detail-wrap .comment-group .comment-list li .profile .report2 .filter-modal2 .modal-contents{position:relative}.list-detail-wrap .comment-group .comment-list li .profile .report2 .filter-modal2 .modal-contents button{display:block;width:100%;padding:12px;font-size:14px;line-height:1;text-align:left;margin-left:0;background-color:var(--bg-modal-back)}.list-detail-wrap .comment-group .comment-list li .profile .report2 .filter-modal2 .modal-contents button:first-child{padding-top:16px}.list-detail-wrap .comment-group .comment-list li .profile .report2 .filter-modal2 .modal-contents button:last-child{padding-bottom:16px;color:var(--text-warning)}.list-detail-wrap .comment-group .comment-list li .profile .report2 .filter-modal2 .modal-contents button:hover{background:var(--bg-sub1)}.list-detail-wrap .comment-group .comment-list li .profile .report2 .comment-right{display:flex;align-items:center}.list-detail-wrap .comment-group .comment-list li .profile .report2 .comment-right p{font-size:14px;font-weight:400;color:var(--text-sub3);cursor:pointer}.list-detail-wrap .comment-group .comment-list li .profile .report2 .comment-right p:nth-child(2){font-size:14px;font-weight:700;color:var(--text-orange-btn);margin-left:2px;margin-right:16px}.list-detail-wrap .comment-group .comment-list li .profile .report2 .comment-right p:nth-child(3){margin-right:24px}.list-detail-wrap .comment-group .comment-list li .profile .report2 .comment-right p:nth-child(3):after{margin-right:24px;width:1px;height:12px;content:"";background:var(--bg-sub2);position:absolute;margin-top:5px;margin-left:12px}.list-detail-wrap .comment-group .comment-list li .text{padding:0 0 0 32px;font-size:14px;font-weight:400;word-break:break-all}.list-detail-wrap .comment-group .comment-list li .text a{display:inline-block;color:var(--text-refer);margin-right:4px;font-weight:400}.list-detail-wrap .comment-group .comment-list>li .sub-comment{border-top:1px solid var(--border-main);background:var(--bg-sub1);padding:0 12px}.list-detail-wrap .comment-group .comment-list>li .sub-comment li.comment-list{align-items:flex-start;padding:16px 0}.list-detail-wrap .comment-group .comment-list>li .sub-comment li .text{padding:0 0 0 18px}.list-detail-wrap .comment-group .comment-list>li .sub-comment li.comment-list .comment-box{width:calc(100% - 16px);margin-left:8px}.list-detail-wrap .comment-group .comment-list>li .sub-comment li.comment-list .comment-box textarea{background:var(--bg-main);color:var(--text-main)}.list-detail-wrap .comment-group .comment-list>li .sub-comment li.comment-list .comment-box .please-login{background:#fff}.list-detail-wrap .writing-list-group{margin-top:60px}.rabbithole-modal{display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.rabbithole-modal .ant-modal-content{width:342px;min-height:120px;background-color:var(--bg-main);border-radius:10px;padding:24px 16px 24px 20px}.rabbithole-modal .top-title{display:flex;align-items:center}.rabbithole-modal .top-title p{font-weight:700;margin-right:2px}.rabbithole-modal .content-box{margin-top:12px}.rabbithole-modal .content-box details{background-color:var(--bg-main)}.rabbithole-modal .content-box details:before{background-color:var(--text-disable)}.rabbithole-modal .content-box summary{color:var(--text-main);background-color:var(--bg-main);font-weight:400}.rabbithole-modal .content-box a.bold{font-weight:700;color:var(--text-orange-btn)}.rabbithole-modal a.link.selected,.rabbithole-modal a.selected{font-weight:400}.rabbithole-modal .content-box .link{color:var(--text-main);background-color:var(--bg-main);font-weight:400}.rabbithole-modal .content-box .link:before{background-color:var(--text-disable)}.rabbithole-modal .content-box .no-link{color:var(--text-main);background-color:var(--bg-main);font-weight:400}.rabbithole-modal .content-box .no-link:before{background-color:var(--text-disable)}.rabbithole-modal .content-box .link-bip{color:var(--text-main);background-color:var(--bg-main);font-weight:400}.rabbithole-modal .content-box .link-bip:before{background-color:var(--text-disable)}.rabbithole-modal .content-box details>:not(details):before{top:11px;height:1px;content:"";position:absolute;width:20px;background-color:#d4d6d7;background-image:none;left:-5px}.rabbithole-modal .content-box details>summary:before{left:-18px;top:3.5px;width:16px;height:16px;background:url('data:image/svg+xml; utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7.5" fill="white" stroke="%23D4D6D7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 7V4H7L7 7H4V9H7L7 12H9V9H12V7H9Z" fill="%236C7072"/></svg>') 50% /12px 12px no-repeat}.rabbithole-modal .content-box details[open]>summary:before{background-image:url('data:image/svg+xml; utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7.5" fill="white" stroke="%23D4D6D7"/><path d="M4 7H12V9H4V7Z" fill="%236C7072"/></svg>')}.rabbithole-modal .content-box details[open]>summary:before:before{top:11px;height:1px;content:"";position:absolute;width:10px;background-color:#d4d6d7;background-image:none;left:0}.rabbithole-modal button{position:absolute;bottom:-64px;right:0;width:52px;height:52px;border-radius:26px;background-color:var(--text-main);box-shadow:0 2px 6px 0 rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center}[data-theme=dark]{.rabbithole-modal .content-box details>:not(details):before{top:11px;height:1px;content:"";position:absolute;width:20px;background-color:#d4d6d7;background-image:none;left:-5px}.rabbithole-modal .content-box .simple-tree::-webkit-scrollbar{width:4px;background:transparent}.rabbithole-modal .content-box .simple-tree::-webkit-scrollbar-thumb{height:30px;background:var(--text-disable);border-radius:10px}.rabbithole-modal .content-box details>summary:before{left:-18px;top:3.5px;width:16px;height:16px;background:url(/_next/static/media/icon-dark-rabbithole-plus.7fcdf865.svg) 50%/12px 12px no-repeat}.rabbithole-modal .content-box details[open]>summary:before{background-image:url(/_next/static/media/icon-dark-rabbithole-minus.efa37a1e.svg)}.rabbithole-modal .content-box .link-bip:before,.rabbithole-modal .content-box .link:before,.rabbithole-modal .content-box .no-link:before{background-color:var(--text-disable)}}.power-modal{display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.power-modal .ant-modal-content{width:300px;height:390px;border-radius:16px;padding:0;background-color:var(--bg-main)}.power-modal .power-header{position:relative;height:44px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--border-input)}.power-modal .power-header img{position:absolute;right:8px;cursor:pointer}.power-modal .power-header p{font-size:16px;color:var(--text-main);font-weight:700}.power-modal .power-body{height:336px;overflow-y:scroll;scrollbar-width:6px;scrollbar-color:var(--bg-sub2)}.power-modal .power-body::-webkit-scrollbar{width:6px}.power-modal .power-body::-webkit-scrollbar-thumb{background-color:var(--bg-sub2);border-radius:10px}.power-modal .power-body .each-user{position:relative;height:52px;padding:6px 16px;display:flex;align-items:center;cursor:pointer}.power-modal .power-body .each-user p{font-weight:500;color:var(--text-main);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.power-modal .power-body .each-user p:hover{color:var(--text-refer)}.power-modal .power-body .first-recommender{min-width:57px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:var(--bg-sub-btn);margin-left:4px}.power-modal .power-body .first-recommender p{font-size:12px;font-weight:500;line-height:12px;color:var(--text-orange-btn)}.power-modal .power-body .first-recommender p:hover{color:var(--text-orange-btn)}.what-is-bip-modal{display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.what-is-bip-modal .ant-modal-content{width:300px;height:380px;border-radius:16px;padding:0;background-color:var(--bg-main)}.what-is-bip-modal .header{position:relative;height:44px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--border-input)}.what-is-bip-modal .header img{position:absolute;right:8px;cursor:pointer}.what-is-bip-modal .header p{font-size:16px;color:var(--text-main);font-weight:700}.what-is-bip-modal .bip-description{width:100%;padding:12px 16px}.what-is-bip-modal .bip-description p,.what-is-bip-modal .bip-description p span{font-size:14px;line-height:20px;word-break:break-all}.what-is-bip-modal .bip-description p span{font-weight:700;display:inline}.what-is-bip-modal .bip-description p:nth-child(2){margin-top:8px;margin-bottom:16px}.what-is-bip-modal .bip-description .bip-link{font-size:14px;line-height:20px;color:var(--text-refer);font-weight:400;text-decoration:underline;cursor:pointer}.recommendation-box{position:relative;display:flex;align-items:center;flex-direction:column;padding:40px 0;border:1px solid var(--border-main);border-radius:8px}.recommendation-box .close-btn{position:absolute;right:16px;top:16px;cursor:pointer}.recommendation-box .title{font-size:18px;font-weight:700;margin-bottom:24px}.recommendation-box .recommendation-btn{width:88px;height:88px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;background-color:#f2f4f5;border-radius:50%;cursor:pointer}.recommendation-box p{font-weight:500}.recommendation-box .reco-bottom-line{text-align:center;margin-top:24px}.recommendation-box .reco-bottom-line p:first-child{font-size:14px;color:var(--text-sub1);line-height:14px}.recommendation-box .reco-bottom-line p:last-child{font-size:12px;color:var(--text-sub2);line-height:14px;margin-top:6px;text-decoration:underline;cursor:pointer}.recommendation-box .reco-bottom-line p:last-child:hover{color:var(--text-sub1)}.recommendation-box .reco-bottom-line-done{margin-top:12px}.recommendation-box .reco-bottom-line-done p,.recommendation-box .reco-bottom-line-done span{font-size:14px;line-height:14px;color:var(--text-sub1)}.recommendation-box .reco-bottom-line-done span{text-decoration:underline;cursor:pointer}.recommendation-box .reco-bottom-line-done span:hover{color:var(--text-sub2)}.for-recommendation{display:flex;align-items:center;justify-content:center;margin-top:20px}.for-recommendation p{font-size:14px;line-height:14px;color:var(--text-sub1)}.for-recommendation span{font-size:14px;line-height:14px;color:var(--text-refer);text-decoration:underline;cursor:pointer}.has-recommenders{display:flex;align-items:center;justify-content:center;width:100%;height:52px;background:linear-gradient(45deg,#b0e3ff 30%,#fb8261);border-radius:8px}.has-recommenders .background{padding:0 13.5px;justify-content:space-between;width:calc(100% - 6px);height:46px;background-color:var(--bg-main);border-radius:6px}.has-recommenders .background,.has-recommenders .background .left-side{display:flex;align-items:center}.has-recommenders .background .left-side p{font-size:14px;font-weight:700;margin:0 3px 0 8px}.has-recommenders .background .left-side span{font-size:14px;font-weight:700;color:var(--text-orange-btn);text-decoration:underline;cursor:pointer}.has-recommenders .background .left-side span:hover{color:var(--bg-active-btn-hover)}.has-recommenders .background .left-side .question{cursor:pointer}.has-recommenders .background .right-side{font-size:12px;line-height:12px;text-decoration:underline;cursor:pointer;color:var(--text-sub1)}.has-recommenders .background .right-side:hover{color:var(--text-sub2)}.ck-toolbar{border:1px solid var(--only-border-input)!important;border-bottom:0!important;border-top-left-radius:10px!important;border-top-right-radius:10px!important;background-color:#fff!important}.ck-toolbar__separator{background:#ededed!important}.ck-button:active,.ck-button:focus{border:0!important;box-shadow:none!important}.ck-button{background-color:#fff!important}.ck-content li,.ck-content ol{word-break:break-all}.ck-editor__editable_inline>:first-child{margin-top:0!important}.ck-editor__editable{min-height:320px;padding-top:12px!important;border-bottom-left-radius:10px!important;border-bottom-right-radius:10px!important;border:1px solid var(--only-border-input)!important;box-shadow:none!important;background-color:var(--bg-input-back)!important}.ck-editor__editable:focus{border:1px solid var(--border-main)!important;box-shadow:none!important}.ck-editor__editable p{margin-left:5px;margin-right:5px;line-height:1.5;letter-spacing:.1px;margin-bottom:11px;word-break:break-all}.ck-editor__editable a{display:inline;text-decoration:underline}.ck-editor__editable a:hover{color:var(--text-refer)}.ck-editor__editable li{font-weight:400;line-height:1.4!important;margin-bottom:14px!important}.ck-editor__editable li:first-child{margin-top:14px!important}.ck-editor__editable ul{margin-left:20px;margin-right:5px}.ck-editor__editable ul.todo-list{margin-left:30px}.ck-editor__editable ol{margin-left:40px;margin-right:5px}.ck-editor__editable h1{font-size:36px!important;margin-bottom:30px!important}.ck-editor__editable h1,.ck-editor__editable h2{margin-left:5px!important;margin-right:5px;margin-top:0!important}.ck-editor__editable h2{font-size:30px!important;margin-bottom:24px!important}.ck-editor__editable h3{font-size:24px!important;margin-bottom:20px!important}.ck-editor__editable h3,.ck-editor__editable h4{margin-left:5px!important;margin-right:5px;margin-top:0!important}.ck-editor__editable h4{font-size:20px!important;margin-bottom:16px!important}.ck-editor__editable strong{font-weight:600}.ck-editor__editable blockquote{border-left:3px solid #ccc!important;padding-left:14px!important;margin-bottom:24px}.ck-editor__editable blockquote h1,.ck-editor__editable blockquote h2,.ck-editor__editable blockquote h3,.ck-editor__editable blockquote h4,.ck-editor__editable blockquote p:last-child{margin-bottom:0!important}.ck-editor__editable pre{border:1px solid var(--border-main)!important}.ck-editor__editable code,.ck-editor__editable pre{background-color:var(--bg-sub3)!important}.ck-editor__editable hr{margin:16px 0!important;height:1px!important;background-color:var(--border-input)!important}.ck-editor__editable figure{margin-bottom:30px!important}.ck-editor__editable img{max-width:100%;height:auto;margin-bottom:30px;margin-top:.9em}.ck-editor__nested-editable{min-height:10px!important;border:0!important;background-color:var(--bg-sub3)!important;padding-top:7.2px!important;color:var(--text-main)!important}.ck-editor__nested-editable code{background-color:transparent!important}.ck-editor .ck-heading-dropdown{width:80px!important}.ck-editor .ck-heading-dropdown .ck-dropdown__arrow{width:20px!important}.ck-editor .ck-list__item{min-width:80px!important}.ck-editor .ck-dropdown__panel_se .ck-toolbar,.ck-editor .ck-dropdown__panel_se .ck-toolbar_vertical,.ck-editor .ck-dropdown__panel_sw .ck-toolbar{border:0!important;border-radius:0!important}.ck-sticky-panel__content{top:124px!important}.ck-editor .ck-button{transition:none!important}.language-plaintext{color:var(--text-main)}.marker-blue,.marker-blue strong,.marker-green,.marker-green strong,.marker-pink,.marker-pink strong,.marker-yellow,.marker-yellow strong{color:#303437!important}.pen-red{color:var(--text-pen-red)!important}.pen-green{color:var(--text-pen-green)!important}.Container{border-color:var(--border-input)!important;margin-bottom:30px}.Container:hover{background-color:var(--bg-cancel-btn-hover)}.LowerContainer{background-color:transparent;border-left:1px solid var(--border-input)}.LowerContainer h3{color:var(--text-main);font-size:20px!important;margin-bottom:8px!important;letter-spacing:0}.LowerContainer div{color:var(--text-sub1);font-weight:400;letter-spacing:0}.LowerContainer p{color:var(--text-main);margin-bottom:2px!important}.LowerContainer p .Secondary{font-size:14px!important}.LowerContainer .Secondary{letter-spacing:0!important}.post-html{word-break:break-all;overflow-y:auto}.post-html h1,h2,h3,h4{font-weight:600;line-height:1.3;word-break:break-all}.post-html p{word-break:break-all;line-height:1.5!important;letter-spacing:.1px!important;margin-bottom:11px}.post-html h1,.post-html h1 a,.post-html h1 i{font-size:36px;margin-bottom:30px}.post-html h1 a{text-decoration:none}.post-html h2,.post-html h2 a,.post-html h2 i{font-size:30px;margin-bottom:24px}.post-html h2 a{text-decoration:none}.post-html h3,.post-html h3 a,.post-html h3 i{font-size:24px;margin-bottom:20px}.post-html h3 a{text-decoration:none}.post-html h4,.post-html h4 a,.post-html h4 i{font-size:20px;margin-bottom:16px}.post-html h4 a{text-decoration:none}.post-html strong{font-weight:600;font-size:inherit}.post-html em{font-size:inherit;font-weight:inherit}.post-html .ql-align-center{justify-content:center;display:flex}.post-html .ql-align-right{justify-content:flex-end;display:flex}.post-html a{text-decoration:underline;font-size:inherit;display:inline;font-weight:400}.post-html a i:hover,.post-html a strong:hover,.post-html a:hover{color:var(--text-refer)}.post-html blockquote{border-left:3px solid #ccc!important;padding-left:14px!important;font-size:inherit;margin-bottom:24px}.post-html blockquote h1,.post-html blockquote h2,.post-html blockquote h3,.post-html blockquote h4,.post-html blockquote p:last-child{margin-bottom:0}.post-html img{max-width:100%;height:auto;margin-bottom:30px;margin-top:.9em}.post-html figure{margin-bottom:30px!important}.post-html li{font-weight:400;line-height:1.4!important;margin-bottom:14px}.post-html li:first-child{margin-top:14px}.post-html ol{margin-left:40px;counter-reset:item;font-size:inherit}.post-html ol li:before{counter-increment:item}.post-html ul{margin-left:24px;font-size:inherit}.post-html ul li:before{content:"";display:inline-block}.post-html mark{color:var(--text-main)}.post-html hr{height:1px!important;margin:16px 0!important;background-color:var(--border-input)!important}.post-html figcaption{background-color:var(--bg-sub1)!important;color:var(--text-main)!important}.post-html figcaption code{background-color:transparent}.post-html pre{border:1px solid var(--border-main)!important}.post-html code,.post-html pre{background-color:var(--bg-sub3)!important}.writing-wrap{background-color:var(--bg-main)}.writing-wrap .main-contents h2{font-size:28px;margin-bottom:20px}.writing-wrap h2.ck-form__header__label{font-size:13px;margin-bottom:0}.writing-wrap .select-group{justify-content:space-between;margin-bottom:16px}.writing-wrap .select-group .select-box{width:calc(50% - 6px)}.writing-wrap .text-editor{margin:16px 0}.writing-wrap .tag-input{margin-bottom:40px}.writing-wrap .captcha-box{margin-bottom:40px;flex-direction:column}.writing-wrap .captcha-box,.writing-wrap .captcha-box .captcha{justify-content:center;display:flex}.writing-wrap .captcha-box button{font-size:14px;margin-top:20px;margin-bottom:10px}.writing-wrap .captcha-box p{text-align:center;font-size:14px;margin-top:5px;color:var(--text-warning)}.writing-wrap .button-group{justify-content:flex-end}.writing-wrap .button-group button{height:44px;line-height:44px;border:1px solid var(--border-main);border-radius:6px;padding:0;background:#fff;margin-left:12px;font-weight:400}.writing-wrap .button-group button:first-child{width:100px;margin-left:0}.writing-wrap .button-group button:first-child:hover{background-color:rgba(247,249,250,.5)}.writing-wrap .button-group .storage-btn{height:44px;line-height:44px;border:1px solid var(--border-main);border-radius:6px;background:var(--bg-input-back);margin-left:12px;padding:0 16px}.writing-wrap .button-group .storage-btn:hover{background-color:var(--bg-cancel-btn-hover)}.writing-wrap .button-group .storage-btn p{font-weight:400;cursor:pointer}.writing-wrap .button-group .storage-btn span{position:relative;margin-left:16px;padding-left:16px;cursor:pointer}.writing-wrap .button-group .storage-btn span:before{content:"";position:absolute;top:2px;left:0;width:1px;height:13px;background:var(--bg-sub2)}.writing-wrap .button-group .storage-btn2{height:44px;line-height:44px;border:1px solid var(--border-main);border-radius:6px;background:var(--bg-input-back);margin-left:12px;padding:0 16px}.writing-wrap .button-group .storage-btn2 p{font-weight:400;cursor:pointer}.writing-wrap .button-group .storage-btn2 span{position:relative;margin-left:16px;padding-left:16px;cursor:pointer}.writing-wrap .button-group .storage-btn2 span:before{content:"";position:absolute;top:2px;left:0;width:1px;height:13px;background:var(--bg-sub2)}.writing-wrap .button-group button.save-btn{width:100px;border:0;background:var(--bg-active-btn);color:#fff;font-weight:700}.writing-wrap .button-group button.save-btn:hover{background-color:var(--bg-active-btn-hover)}.writing-wrap .button-group button.save-btn:disabled{background:var(--bg-disable-btn);opacity:.4;cursor:default}.writing-wrap .button-group button.save-btn:disabled:hover{background-color:none}.writing-wrap .button-group button.save-btn2{width:100px;border:0;background:var(--bg-active-btn);color:#fff;font-weight:700}.media-wrap .category-line{margin-bottom:8px}.media-wrap .category-line,.media-wrap .category-line .left-side{display:flex;align-items:center;justify-content:space-between}.media-wrap .category-line .left-side .each-btn{display:flex;align-items:center;justify-content:center;width:60px;height:36px;border:1px solid var(--border-main);border-radius:100px;cursor:pointer}.media-wrap .category-line .left-side .each-btn.active{background-color:var(--bg-active-btn);border:0}.media-wrap .category-line .left-side .each-btn.active p{color:#fff;font-weight:700}.media-wrap .category-line .left-side .each-btn:first-child{margin-right:8px}.media-wrap .category-line .right-side{display:flex;align-items:center}.media-wrap .category-line .right-side p{font-size:14px;font-weight:400;line-height:20px;color:var(--text-sub1);cursor:pointer}.media-wrap .category-line .right-side p.active{font-weight:500;color:var(--text-orange-btn)}.media-wrap .category-line .right-side p:not(:last-child){position:relative;margin-right:20px}.media-wrap .category-line .right-side p:not(:last-child):after{position:absolute;content:"";width:1px;height:14px;background-color:var(--border-main);right:-10px;top:3px}.media-wrap .each-contents{display:flex;margin-bottom:28px}.media-wrap .each-contents .left-side{position:relative;margin-right:20px;cursor:pointer}.media-wrap .each-contents .left-side img:not(.new-video img){border-radius:8px}.media-wrap .each-contents .left-side .new-video{position:absolute;top:0}.media-wrap .each-contents .right-side{width:calc(100% - 280px);margin-top:8px;overflow:hidden}.media-wrap .each-contents .right-side .title-line,.media-wrap .each-contents .right-side .title-line .tag-container{display:flex;align-items:center}.media-wrap .each-contents .right-side .title-line .tag-container span.new-tag{width:16px;height:16px;background-color:var(--text-warning);font-size:11px;font-weight:700;line-height:12px;color:#fff;padding:2px 3px;border-radius:3px;margin-right:4px;text-align:center}.media-wrap .each-contents .right-side .title-line .content-container{display:flex;align-items:center}.media-wrap .each-contents .right-side .title-line .content-container span.content{width:100%;font-size:18px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}.media-wrap .each-contents .right-side .title-line .content-container span.content:hover{color:var(--text-refer)}.media-wrap .each-contents .right-side .description-line{margin-top:6px;margin-bottom:12px}.media-wrap .each-contents .right-side .description-line p{font-size:14px;font-weight:400;-webkit-line-clamp:2;display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.media-wrap .each-contents .right-side .bottom-line{display:flex;flex-direction:column}.media-wrap .each-contents .right-side .bottom-line .level-group{display:flex;align-items:center;margin-bottom:2px}.media-wrap .each-contents .right-side .bottom-line .level-group .title-group{width:37px;margin-right:19px}.media-wrap .each-contents .right-side .bottom-line .level-group .title-group .title{font-size:14px;font-weight:400;line-height:20px;color:var(--text-sub2)}.media-wrap .each-contents .right-side .bottom-line .level-group .star-group{height:22px;display:flex;align-items:center}.media-wrap .each-contents .right-side .bottom-line .level-group .star-group .level-style{padding:3px 6px;border-radius:30px;border:1px solid #000}.media-wrap .each-contents .right-side .bottom-line .level-group .star-group .level-style.very-easy{border-color:#319bff}.media-wrap .each-contents .right-side .bottom-line .level-group .star-group .level-style.very-easy p{color:#319bff}.media-wrap .each-contents .right-side .bottom-line .level-group .star-group .level-style.easy{border-color:#4cd471}.media-wrap .each-contents .right-side .bottom-line .level-group .star-group .level-style.easy p{color:#4cd471}.media-wrap .each-contents .right-side .bottom-line .level-group .star-group .level-style.normal{border-color:#ffa700}.media-wrap .each-contents .right-side .bottom-line .level-group .star-group .level-style.normal p{color:#ffa700}.media-wrap .each-contents .right-side .bottom-line .level-group .star-group .level-style.hard{border-color:#ff7d1f}.media-wrap .each-contents .right-side .bottom-line .level-group .star-group .level-style.hard p{color:#ff7d1f}.media-wrap .each-contents .right-side .bottom-line .level-group .star-group .level-style.insane{border-color:#ff5247}.media-wrap .each-contents .right-side .bottom-line .level-group .star-group .level-style.insane p{color:#ff5247}.media-wrap .each-contents .right-side .bottom-line .level-group .star-group .level-style p{font-size:11px;font-weight:700;line-height:12px;letter-spacing:-.33}.media-wrap .each-contents .right-side .bottom-line .target-group{width:100%;display:flex}.media-wrap .each-contents .right-side .bottom-line .target-group .title-group .title{width:49px;font-size:14px;font-weight:400;line-height:22px;color:var(--text-sub2);margin-right:8px}.media-wrap .each-contents .right-side .bottom-line .target-group .target{line-height:22px;font-size:14px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-wrap .media-divider{width:100%;height:1px;background-color:var(--border-main);margin-top:40px;margin-bottom:40px}.media-wrap .shorts .title-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.media-wrap .shorts .title-line p{font-size:18px;font-weight:700;line-height:18px}.media-wrap .shorts .contents{display:flex;align-items:center;justify-content:space-between}.media-wrap .media-carousel{position:relative;z-index:90;width:100%;height:448px}.media-wrap .media-carousel .prev{left:-18px}.media-wrap .media-carousel .next,.media-wrap .media-carousel .prev{position:absolute;z-index:100;height:36px;top:calc(50% - 24px);transform:translateY(-50%);cursor:pointer}.media-wrap .media-carousel .next{right:-18px}.media-wrap .media-carousel .carousel-content{width:240px;height:448px;border-radius:8px;cursor:pointer}.media-wrap .media-carousel .carousel-content p{min-height:40px;font-size:14px;font-weight:500;-webkit-line-clamp:2;display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;margin-top:4px;cursor:pointer}.media-wrap .media-carousel .carousel-content p:hover{color:var(--text-refer)}.media-detail-wrap .title-container{display:flex}.media-detail-wrap .title-container .left-side{margin-right:20px}.media-detail-wrap .title-container .right-side{width:calc(100% - 340px)}.media-detail-wrap .title-container .right-side .title-line{display:flex;width:100%}.media-detail-wrap .title-container .right-side .title-line .content-container{width:100%;display:flex;margin-top:5px}.media-detail-wrap .title-container .right-side .title-line .content-container span.content{width:calc(100% - 40px);font-size:20px;font-weight:700;line-height:26px;word-break:break-all}.media-detail-wrap .title-container .right-side .title-line .content-container .copy{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50px;background-color:var(--bg-sub3);cursor:pointer}.media-detail-wrap .title-container .right-side .title-line .status-container{margin-left:4px}.media-detail-wrap .title-container .right-side .time{font-size:14px;font-weight:400;line-height:20px;color:var(--text-sub1);margin-top:4px;margin-bottom:4px}.media-detail-wrap .title-container .right-side .description-line p{font-size:14px;font-weight:400}.media-detail-wrap .title-container .right-side .bottom-line{display:flex;margin-top:16px;flex-direction:column}.media-detail-wrap .title-container .right-side .bottom-line .level-group{display:flex;align-items:center;margin-bottom:2px}.media-detail-wrap .title-container .right-side .bottom-line .level-group .title-group{width:37px;margin-right:19px}.media-detail-wrap .title-container .right-side .bottom-line .level-group .title-group .title{font-size:14px;font-weight:400;line-height:20px;color:var(--text-sub2)}.media-detail-wrap .title-container .right-side .bottom-line .level-group .star-group{height:22px;display:flex;align-items:center}.media-detail-wrap .title-container .right-side .bottom-line .level-group .star-group .level-style{padding:3px 6px;border-radius:30px;border:1px solid #000}.media-detail-wrap .title-container .right-side .bottom-line .level-group .star-group .level-style.very-easy{border-color:#319bff}.media-detail-wrap .title-container .right-side .bottom-line .level-group .star-group .level-style.very-easy p{color:#319bff}.media-detail-wrap .title-container .right-side .bottom-line .level-group .star-group .level-style.easy{border-color:#4cd471}.media-detail-wrap .title-container .right-side .bottom-line .level-group .star-group .level-style.easy p{color:#4cd471}.media-detail-wrap .title-container .right-side .bottom-line .level-group .star-group .level-style.normal{border-color:#ffa700}.media-detail-wrap .title-container .right-side .bottom-line .level-group .star-group .level-style.normal p{color:#ffa700}.media-detail-wrap .title-container .right-side .bottom-line .level-group .star-group .level-style.hard{border-color:#ff7d1f}.media-detail-wrap .title-container .right-side .bottom-line .level-group .star-group .level-style.hard p{color:#ff7d1f}.media-detail-wrap .title-container .right-side .bottom-line .level-group .star-group .level-style.insane{border-color:#ff5247}.media-detail-wrap .title-container .right-side .bottom-line .level-group .star-group .level-style.insane p{color:#ff5247}.media-detail-wrap .title-container .right-side .bottom-line .level-group .star-group .level-style p{font-size:11px;font-weight:700;line-height:12px;letter-spacing:-.33}.media-detail-wrap .title-container .right-side .bottom-line .target-group{width:100%;display:flex}.media-detail-wrap .title-container .right-side .bottom-line .target-group .title-group .title{width:49px;font-size:14px;font-weight:400;line-height:22px;color:var(--text-sub2);margin-right:8px}.media-detail-wrap .title-container .right-side .bottom-line .target-group .target{line-height:22px;font-size:14px;font-weight:400;word-break:break-all}.media-detail-wrap .play-line{display:flex;align-items:center;justify-content:space-between;margin-top:40px}.media-detail-wrap .video-set .top-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.media-detail-wrap .video-set .top-line p{font-size:14px;font-weight:500;line-height:20px}.media-detail-wrap .video-set .top-line .right-side{display:flex;align-items:center}.media-detail-wrap .video-set .top-line .right-side p{font-size:14px;font-weight:400;line-height:20px;color:var(--text-sub1);cursor:pointer}.media-detail-wrap .video-set .top-line .right-side p:first-child{position:relative;margin-right:20px}.media-detail-wrap .video-set .top-line .right-side p:first-child:after{position:absolute;content:"";width:1px;height:14px;background-color:var(--border-main);top:3px;right:-10px}.media-detail-wrap .video-set .top-line .right-side p.active{font-weight:500;line-height:20px;color:var(--text-orange-btn)}.media-detail-wrap .video-set .each-video{display:flex;height:103px;padding:12px 0;border-bottom:1px solid var(--border-input)}.media-detail-wrap .video-set .each-video:hover{background-color:var(--bg-cancel-btn-hover)}.media-detail-wrap .video-set .each-video .number{display:flex;align-items:center;justify-content:center;width:36px}.media-detail-wrap .video-set .each-video .thumbnail{width:140px;height:79px;margin-right:12px;cursor:pointer}.media-detail-wrap .video-set .each-video .thumbnail img{border-radius:4px}.media-detail-wrap .video-set .each-video .text-group{width:calc(100% - 190px);display:flex;justify-content:center;flex-direction:column}.media-detail-wrap .video-set .each-video .text-group .title p{display:flex;font-weight:500;cursor:pointer}.media-detail-wrap .video-set .each-video .text-group .title p:hover,.media-detail-wrap .video-set .each-video .text-group .title p:hover .content{color:var(--text-refer)}.media-detail-wrap .video-set .each-video .text-group .title .completed{padding:5px 10px;height:24px;font-size:12px;font-weight:700;line-height:12px;color:var(--text-orange-btn);border:1px solid #fac5b6;border-radius:1020px;margin-right:4px}.media-detail-wrap .video-set .each-video .text-group .title .new-tag{padding:2px 4px;height:16px;font-size:11px;font-weight:700;line-height:12px;color:#fff;border-radius:3px;margin-right:4px;background-color:var(--text-warning)}.media-detail-wrap .video-set .each-video .text-group .title .content{font-weight:500;-webkit-line-clamp:2;display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;line-height:18px}.media-detail-wrap .video-set .each-video .text-group .info-line{display:flex;align-items:center;margin-top:8px}.media-detail-wrap .video-set .each-video .text-group .info-line p{font-size:14px;font-weight:400;color:var(--text-sub1)}.media-detail-wrap .video-set .each-video .text-group .info-line p:first-child{position:relative;margin-right:15px}.media-detail-wrap .video-set .each-video .text-group .info-line p:first-child:after{position:absolute;content:"";width:3px;height:3px;background-color:var(--border-main);top:9px;right:-9px;border-radius:50%}.media-detail-wrap .series-reco{margin-top:80px}.media-detail-wrap .series-reco p{font-size:18px;font-weight:700;line-height:18px;margin-bottom:20px}.media-detail-wrap .series-reco .series-container{width:100%;display:flex;justify-content:space-between}.media-detail-wrap .series-reco .series-container .each-series{width:calc(calc(100% / 3) - 8.5px);cursor:pointer}.media-detail-wrap .request-share{width:100vw;margin-top:80px;background-color:var(--bg-sub1);height:316px;display:flex;justify-content:center;align-items:center;flex-direction:column}.media-detail-wrap .request-share .content .title{font-weight:700;line-height:24px;margin-bottom:20px}.media-detail-wrap .request-share .content textarea{width:100%;border-radius:10px;border:1px solid var(--border-main);background-color:var(--bg-main);height:90px;color:var(--text-main)}.media-detail-wrap .request-share .content textarea:focus{border-color:var(--border-active)}.media-detail-wrap .request-share .content .bottom-line{display:flex;justify-content:right}.media-detail-wrap .request-share .content .bottom-line .confirm-btn{width:100px;height:50px;border-radius:10px;background-color:var(--bg-active-btn);display:flex;align-items:center;justify-content:center;margin-top:12px;cursor:pointer}.media-detail-wrap .request-share .content .bottom-line .confirm-btn.disable{background-color:var(--bg-disable-btn);opacity:.4;cursor:default}.media-detail-wrap .request-share .content .bottom-line .confirm-btn.disable:hover{background-color:var(--bg-disable-btn)}.media-detail-wrap .request-share .content .bottom-line .confirm-btn:hover{background-color:var(--bg-active-btn-hover)}.media-detail-wrap .request-share .content .bottom-line .confirm-btn p{font-weight:700;line-height:16px;color:#fff}.video-modal{display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.video-modal .ant-modal-content{background-color:transparent;padding:0}.video-modal .video-container{position:relative}.video-modal .video-container .prev-arrow{position:absolute;top:50%;transform:translateY(-50%);left:-55px;cursor:pointer}.video-modal .video-container .next-arrow{position:absolute;top:50%;transform:translateY(-50%);right:-55px;cursor:pointer}.video-modal .video-container .title{position:absolute;top:-36px;font-weight:500;color:#fff;width:calc(calc(100vw / 1.658) - 40px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.video-modal .video-container .close{position:absolute;height:28px;top:-40px;right:0;cursor:pointer}.mobile-video-modal{display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-video-modal .ant-modal-content{background-color:#000;padding:0;width:100vw;height:calc(var(--vh, 1vh) * 100);border-radius:0}.mobile-video-modal .video-container .header{position:relative;display:flex;align-items:center;justify-content:center;width:100vw;height:70px;background-color:#000}.mobile-video-modal .video-container .header p{width:calc(100vw - 70px);color:#fff;font-size:16px;font-weight:500;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-video-modal .video-container .header .arrow{display:flex;align-items:center}.mobile-video-modal .video-container .header .close{position:absolute;right:16px;height:28px;width:28px}.mobile-video-modal .slick-vertical .slick-slide{border:0}div[role=dialog]{padding:0!important}.list-modal{display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.list-modal .ant-modal-title{font-size:24px;margin-bottom:40px;font-weight:700;padding:0 35px}.list-modal .ant-modal-content{width:520px;padding:40px 0 0;border-radius:16px;overflow:hidden;min-height:55vh}.list-modal .list-group .total-num{font-size:16px;line-height:1;color:var(--text-sub1);padding:0 35px 20px;border-bottom:1px solid var(--border-input)}.list-modal .list-group .list-box{max-height:55vh}.list-modal .list-group .list-box li{padding:25px 35px;border-bottom:1px solid var(--border-input)}.list-modal .list-group .list-box li:last-child{border-bottom:0}.list-modal .list-group .list-box li .title{line-height:1;margin-bottom:12px;font-weight:500}.list-modal .list-group .list-box li .title .button{line-height:1;font-weight:500}.list-modal .list-group .list-box li .title .delete-btn{font-size:14px;line-height:1;color:var(--text-warning);margin-left:auto}.list-modal .list-group .list-box li .date{font-size:14px;line-height:1;font-weight:400;color:var(--text-sub1)}.list-modal .ant-modal-footer{display:none}.dark-list-modal{display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dark-list-modal .ant-modal-title{font-size:24px;margin-bottom:40px;font-weight:700;padding:0 35px;color:#edeff2;background-color:#272a2d}.dark-list-modal .ant-modal-content{width:520px;padding:40px 0 0;border-radius:16px;overflow:hidden;min-height:55vh;background-color:#272a2d}.dark-list-modal .list-group .total-num{font-size:16px;line-height:1;color:#b1b7bd;padding:0 35px 20px;border-bottom:1px solid #494e52}.dark-list-modal .list-group .list-box{max-height:55vh}.dark-list-modal .list-group .list-box li{padding:25px 35px;border-bottom:1px solid #494e52}.dark-list-modal .list-group .list-box li:last-child{border-bottom:0}.dark-list-modal .list-group .list-box li .title{line-height:1;margin-bottom:12px;font-weight:500}.dark-list-modal .list-group .list-box li .title .button{line-height:1;font-weight:500;color:#edeff2;background-color:transparent}.dark-list-modal .list-group .list-box li .title .delete-btn{font-size:14px;line-height:1;color:#ff7d7d;margin-left:auto;background-color:transparent}.dark-list-modal .list-group .list-box li .date{font-size:14px;line-height:1;font-weight:400;color:#b1b7bd}.dark-list-modal .ant-modal-footer{display:none}.mypage-wrap>.container{align-items:flex-start}.mypage-wrap .profile-box{padding:36px 40px;margin-bottom:20px;background:var(--bg-sub1);border-radius:10px}.mypage-wrap .profile-box:last-child{margin-bottom:0}.mypage-wrap .profile-box h2{font-size:18px;line-height:1;margin-bottom:32px}.mypage-wrap .profile-nav{display:flex;border:1px solid var(--border-main);height:48px;align-items:center;margin-bottom:32px}.mypage-wrap .profile-nav a{width:25%;height:48px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;color:var(--text-main)}.mypage-wrap .profile-nav a:hover:not(.active){background-color:var(--bg-cancel-btn-hover);border-top:1px solid var(--border-main);border-bottom:1px solid var(--border-main)}.mypage-wrap .profile-nav a:not(:last-child){border-right:1px solid var(--border-main)}.mypage-wrap .profile-nav .active{width:25%;text-align:center;font-size:16px;font-weight:700;color:#fff;background-color:var(--bg-active-btn)}.mypage-wrap .profile-container{position:relative;display:flex;width:100%;padding:36px 28px;border:1px solid var(--bg-sub3);border-radius:10px}.mypage-wrap .profile-container .frame{position:absolute;top:28px;left:20px}.mypage-wrap .profile-container .container-right{margin-left:16px;display:flex;flex-direction:column;width:calc(100% - 104px)}.mypage-wrap .profile-container .container-right .badge-line{display:flex;margin-bottom:8px;align-items:center}.mypage-wrap .profile-container .container-right .badge-line .badge-box{height:20px;padding:4px 8px;border-radius:4px;display:flex;align-items:center}.mypage-wrap .profile-container .container-right .badge-line .badge-box:not(:last-child){margin-right:6px}.mypage-wrap .profile-container .container-right .badge-line .badge-box p{font-size:12px;color:#fff;font-weight:700}.mypage-wrap .profile-container .container-right .badge-line .icon-question-wrapper{position:relative;display:flex;align-items:center}.mypage-wrap .profile-container .container-right .badge-line .icon-question-wrapper .badge-tooltip{position:absolute;top:3px;left:11px;display:none;z-index:300}.mypage-wrap .profile-container .container-right .badge-line .icon-question-wrapper .badge-tooltip .triangle{position:absolute;left:10px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:7px solid var(--bg-tooltip)}.mypage-wrap .profile-container .container-right .badge-line .icon-question-wrapper .badge-tooltip .text-box{position:absolute;width:370px;left:16px;top:-23px;border-radius:4px;background-color:var(--bg-tooltip);padding:8px 12px}.mypage-wrap .profile-container .container-right .badge-line .icon-question-wrapper .badge-tooltip .text-box p{font-size:14px;font-weight:500;color:var(--text-tooltip)}.mypage-wrap .profile-container .container-right .badge-line .icon-question-wrapper:hover .badge-tooltip{display:block;height:56px}.mypage-wrap .profile-container .container-right .nickname-line{height:24px;margin-bottom:8px;display:flex;align-items:center}.mypage-wrap .profile-container .container-right .nickname-line .nickname{font-size:18px;font-weight:700;color:var(--text-main);margin-right:2px}.mypage-wrap .profile-container .container-right .nickname-line img{cursor:pointer}.mypage-wrap .profile-container .container-right .bottom-line{width:100%}.mypage-wrap .profile-container .container-right .bottom-line .description{min-height:20px;font-size:14px;font-weight:400;color:var(--text-sub1);word-break:break-all}.mypage-wrap .profile-container .container-right .bottom-line .registration{font-size:14px;font-weight:400;color:var(--text-sub2);margin-top:16px}.mypage-wrap .cont-body-no-data{display:flex;justify-content:center;margin-top:80px;flex-direction:column;align-items:center}.mypage-wrap .cont-body-no-data p{text-align:center;color:var(--text-sub1);font-weight:400;margin-bottom:20px}.mypage-wrap .cont-body-no-data button{width:150px;height:44px;border-radius:6px;background-color:var(--bg-sub-btn);color:var(--text-orange-btn);font-weight:700;font-size:14px}.mypage-wrap .cont-body-no-data button:hover{background-color:var(--bg-sub-btn-hover)}.edit-profile-modal{display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.edit-profile-modal .ant-modal-content{min-width:784px;min-height:431px;padding:40px;background-color:var(--bg-main)}.edit-profile-modal .ant-modal-content .title{font-size:18px;font-weight:700;color:var(--text-main);line-height:18px}.edit-profile-modal .ant-modal-content .header{margin-bottom:32px}.edit-profile-modal .ant-modal-content .body{display:flex;margin-top:32px;height:237px}.edit-profile-modal .ant-modal-content .body-left{display:flex;width:80px;margin-right:24px;flex-direction:column;align-items:center}.edit-profile-modal .ant-modal-content .body-left p{margin-top:12px;font-size:12px;font-weight:400;line-height:12px;text-decoration:underline;color:var(--text-sub1);cursor:pointer}.edit-profile-modal .ant-modal-content .body-left p:hover{color:var(--text-sub2)}.edit-profile-modal .ant-modal-content .body-right{display:flex;width:600px;flex-direction:column}.edit-profile-modal .ant-modal-content .body-right .nickname-container{position:relative;margin-bottom:12px}.edit-profile-modal .ant-modal-content .body-right .nickname-container input{height:50px;padding:17px 16px}.edit-profile-modal .ant-modal-content .body-right .nickname-container .nickname-description{position:absolute;right:16px;top:14px;font-size:14px;font-weight:400;color:var(--text-sub1)}.edit-profile-modal .ant-modal-content .body-right .about-container{position:relative;width:100%}.edit-profile-modal .ant-modal-content .body-right .about-container textarea{padding:16px 20px 38px 16px;width:100%;height:175px;border-radius:10px;border:1px solid var(--only-border-input);background-color:var(--bg-input-back);color:var(--text-main);word-break:break-all;line-height:24px}.edit-profile-modal .ant-modal-content .body-right .about-container textarea:focus{border-color:var(--text-sub-btn)}.edit-profile-modal .ant-modal-content .body-right .about-container .about-description{position:absolute;right:16px;bottom:16px;font-size:14px;font-weight:400;color:var(--text-sub1)}.edit-profile-modal .ant-modal-content .footer{margin-top:20px;display:flex;justify-content:right}.edit-profile-modal .ant-modal-content .footer button:first-child{width:100px;height:44px;background-color:var(--bg-cancel-btn);border:1px solid var(--border-input);margin-right:8px;border-radius:8px;color:var(--text-main);font-size:14px;font-weight:500}.edit-profile-modal .ant-modal-content .footer button:first-child:hover{background-color:var(--bg-cancel-btn-hover)}.edit-profile-modal .ant-modal-content .footer button:last-child{width:100px;height:44px;border-radius:8px;background-color:var(--bg-active-btn);color:#fff;font-size:14px;font-weight:700}.edit-profile-modal .ant-modal-content .footer button:last-child:hover{background-color:var(--bg-active-btn-hover)}.edit-profile-modal .ant-modal-content .footer button.loading{width:100px;height:44px;border-radius:8px;background-color:var(--bg-active-btn)}.edit-profile-modal .ant-modal-content .footer button.loading:hover{background-color:var(--bg-active-btn);cursor:default}.mypage-wrap .main-contents{max-width:846px;margin-left:0}.profile-wrap{background-color:var(--bg-main)}.profile-wrap .profile-box .contents-box{justify-content:space-between;align-items:flex-start}.profile-wrap .profile-box .contents-box .left-box{width:80px}.profile-wrap .profile-box .contents-box .left-box .img-box{border:1px solid var(--border-main);border-radius:50%;overflow:hidden;margin-bottom:12px}.profile-wrap .profile-box .contents-box .left-box a{font-size:12px;line-height:1;font-weight:400;color:var(--text-sub1);text-align:center;text-decoration:underline}.profile-wrap .profile-box .contents-box .left-box button{width:100%;font-size:12px;line-height:1;font-weight:400;color:var(--text-sub1);text-decoration:underline;background-color:transparent}.profile-wrap .profile-box .contents-box .left-box button:hover{color:var(--text-sub2)}.profile-wrap .profile-box .contents-box .right-box{width:calc(100% - 104px)}.profile-wrap .profile-box .contents-box .right-box p{margin-top:5px;font-size:12px;color:#545454}.profile-wrap .profile-box .contents-box .right-box input{padding-left:16px;margin-bottom:12px}.profile-wrap .profile-box .contents-box .right-box input:focus{border:1px solid var(--border-active);border-radius:10px}.profile-wrap .profile-box .contents-box .right-box textarea{width:100%;height:160px;background:var(--bg-input-back);border:1px solid var(--only-border-input);border-radius:10px;color:var(--text-main)}.profile-wrap .profile-box .contents-box .right-box textarea:focus{border:1px solid var(--border-active);border-radius:10px}.profile-wrap .profile-box .contents-box .right-box .description{color:var(--text-description);text-align:right;font-size:12px}.profile-wrap .profile-box .contents-box select{width:440px}.profile-wrap .alarm-box h2{margin-bottom:20px}.profile-wrap .alarm-box .switch-btn{width:50px;height:31px;line-height:31px;margin-left:auto}.profile-wrap .alarm-box .switch-btn.mobile-switch-btn,.profile-wrap .alarm-box .switch-btn.pc-switch-btn{display:inline-block}.profile-wrap .alarm-box .switch-btn.ant-switch-checked{background:var(--bg-active-btn)}.profile-wrap .alarm-box .switch-btn .ant-switch-handle{width:27px;height:27px;border-radius:50%}.profile-wrap .alarm-box .switch-btn .ant-switch-handle:before{border-radius:50%}.profile-wrap .alarm-box .switch-btn.ant-switch-checked .ant-switch-handle{inset-inline-start:calc(100% - 30px)}.profile-wrap .alarm-box .select-box{width:440px}.profile-wrap .save-btn{display:block;width:100px;height:44px;background:var(--bg-input-back);border:1px solid var(--border-main);border-radius:6px;margin-left:auto;font-size:14px;line-height:1;color:var(--text-main);font-weight:500}.profile-wrap .save-btn:hover{background-color:var(--bg-cancel-btn-hover)}.profile-wrap .save-btn2{display:block;width:100px;height:44px;background:var(--bg-input-back);border:1px solid var(--border-main);border-radius:6px;margin-left:auto;font-size:14px;line-height:1;color:var(--text-main);font-weight:500}.powint-wrap .profile-box{width:100%;margin-bottom:16px}.powint-wrap .profile-box .contents-box{justify-content:space-between;align-items:flex-start}.powint-wrap .profile-box .contents-box .powint-box{width:calc(100% - 10px);height:92px;background-color:var(--bg-main);border-radius:10px;padding:16px 20px}.powint-wrap .profile-box .contents-box .powint-box p.title{color:var(--text-sub1);font-size:14px;font-weight:400;line-height:14px}.powint-wrap .profile-box .contents-box .powint-box div.powint-area{margin-top:12px;align-items:center;display:flex}.powint-wrap .profile-box .contents-box .powint-box span.powint-data{margin-left:8px;color:var(--text-main);font-size:20px;line-height:26px;font-weight:700}.powint-wrap .profile-box span.total{color:var(--text-sub1);font-size:14px;font-weight:400;line-height:14px}.powint-wrap .profile-box span.total span.total-highlight{color:var(--text-main);font-size:14px;font-weight:400;line-height:14px}.powint-wrap .profile-box div.powint-bottom-line{margin-top:12px;justify-content:space-between;display:flex}.powint-wrap .profile-box div.powint-bottom-line button{width:120px;height:44px;border-radius:6px;color:#fff;font-size:14px;font-weight:700;line-height:14px;cursor:pointer}.powint-wrap .profile-box div.powint-bottom-line button:disabled{background-color:var(--bg-disable-btn);opacity:.4;cursor:default}.powint-wrap .powint-withdrawal-line{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--bg-sub1);border-radius:10px;padding:14px 40px}.powint-wrap .powint-withdrawal-line p{font-weight:500;line-height:16px}.powint-wrap .powint-withdrawal-line .left-side .bottom-line{max-width:500px;display:flex;align-items:center;margin-top:10px}.powint-wrap .powint-withdrawal-line .left-side .bottom-line .address{font-size:14px;font-weight:400;line-height:18px;color:var(--text-sub1);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.powint-wrap .powint-withdrawal-line .left-side .bottom-line img{cursor:pointer}.powint-wrap .powint-withdrawal-line .btn{width:120px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:6px;background-color:var(--bg-active-btn);cursor:pointer}.powint-wrap .powint-withdrawal-line .btn:hover{background-color:var(--bg-active-btn-hover)}.powint-wrap .powint-withdrawal-line .btn.disable{background-color:var(--bg-disable-btn);opacity:.4;cursor:default}.powint-wrap .powint-withdrawal-line .btn p{color:#fff;font-size:14px;font-weight:700;line-height:14px}.powint-wrap .mission-box{width:100%;margin-top:60px}.powint-wrap .mission-box h3{font-size:16px;font-weight:700;color:var(--text-main);margin-right:4px}.powint-wrap .mission-box .top-line{display:flex;justify-content:space-between;position:relative}.powint-wrap .mission-box .top-line .title-area{display:flex;flex-direction:row;align-items:center}.powint-wrap .icon-question-wrapper{position:relative;display:flex;align-items:center}.powint-wrap .icon-question-wrapper:hover .background-mission-tooltip{display:block;width:374px;height:148px}.powint-wrap .background-mission-tooltip{position:absolute;top:18px;left:-8px;display:none;z-index:300}.powint-wrap .background-mission-tooltip .triangle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid var(--bg-tooltip);margin-left:10px}.powint-wrap .background-mission-tooltip .text-box{width:375px;background-color:var(--bg-tooltip);border-radius:4px;padding:8px 12px}.powint-wrap .background-mission-tooltip .text-box p{color:var(--text-tooltip);font-size:14px;line-height:20px;font-weight:400;white-space:pre-wrap}.powint-wrap .mission-box .top-line button.detail{font-size:14px;color:var(--text-sub1);font-weight:400;text-decoration:underline;background-color:transparent}.powint-wrap .mission-box .top-line button.detail:hover{color:var(--text-sub2)}.powint-wrap .mission-box .mission-list{display:flex;flex-direction:row;justify-content:space-between;margin-top:12px}.powint-wrap .mission-box .mission-list .each-box{width:calc(33.33% - 4.5px);height:80px;border-radius:10px;background-color:var(--bg-main);border:1px solid var(--border-input);padding:20px 16px;align-items:center;display:flex}.powint-wrap .mission-box .mission-list .each-box .content-box{width:190px;display:flex;flex-direction:column;justify-content:space-between}.powint-wrap .mission-box .mission-list .each-box div.title-line{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.powint-wrap .mission-box .mission-list .each-box div.title-line .left-box{display:flex;flex-direction:row;align-items:center}.powint-wrap .mission-box .mission-list .each-box p.title{font-size:14px;font-weight:700;color:var(--text-main)}.powint-wrap .mission-box .mission-list .each-box p.status{margin-left:8px;color:var(--text-sub1);font-weight:400;font-size:12px}.powint-wrap .mission-box .mission-list .each-box button{font-size:12px;font-weight:400;color:var(--text-sub1);text-decoration:underline;background-color:transparent}.powint-wrap .mission-box .mission-list .each-box button:hover{color:var(--text-sub2)}.powint-wrap .mission-box .mission-list .each-box .status-bar-group{display:flex}.powint-wrap .mission-box .mission-list .each-box .status-bar{position:relative;width:100%;height:8px;margin-top:12px;background-color:var(--bg-sub3);border-radius:10px;display:flex}.powint-wrap .mission-box .mission-list .each-box .status-bar-separator-to-2{width:50%;height:8px;border-right:1px solid var(--border-main);background-color:transparent}.powint-wrap .mission-box .mission-list .each-box .status-bar-separator-to-5{width:20%;height:8px;border-right:1px solid var(--border-main);background-color:transparent}.powint-wrap .mission-box .mission-list .each-box .status-bar-active{position:absolute;z-index:200;bottom:0;width:100%;height:8px;margin-top:12px;background:linear-gradient(270deg,#fb8261,#b0e3ff);border-radius:10px;display:flex}.powint-wrap .tab-line{align-items:center;border-bottom:1px solid var(--bg-sub2);position:relative}.powint-wrap .tab-line .tab-group button{position:relative;color:var(--text-sub2);line-height:1;font-weight:400;text-align:center;background-color:transparent;display:flex;align-items:center}.powint-wrap .tab-line .tab-group button.active{color:var(--text-main);font-weight:700}.powint-wrap .tab-line .tab-group button.filter-btn{height:44px;position:relative;color:var(--text-sub2);line-height:14px;font-weight:400;text-align:center;background-color:transparent;display:flex;align-items:center;font-size:14px;padding:15px 15px 15px 11.71px}.powint-wrap .tab-line .filter-modal{z-index:100;position:absolute;top:calc(100% + 5px);right:15px;min-width:100px;background:var(--bg-modal-back);box-shadow:0 1px 8px hsla(0,0%,8%,.08);border-radius:6px}.powint-wrap .tab-line .filter-modal .modal-contents{position:relative}.powint-wrap .tab-line .filter-modal button{display:block;width:100%;padding:16px 12px;font-size:14px;line-height:1;text-align:left;background:var(--bg-modal-back)}.powint-wrap .tab-line .filter-modal button:hover{background:var(--bg-sub1)}.powint-wrap .category-button{display:flex;align-items:center;height:36px;margin-top:10px;margin-bottom:16px;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;position:relative}.powint-wrap .category-button::-webkit-scrollbar,.powint-wrap .category-button::-webkit-scrollbar-track{display:none}.powint-wrap .category-button::-webkit-scrollbar-thumb{display:none}.powint-wrap .category-button .button-container{display:flex;align-items:center;justify-content:center;min-width:53px;cursor:pointer;height:36px;padding:11px 14px;border:1px solid var(--border-main);border-radius:100px;flex-shrink:0}.powint-wrap .category-button .button-container:first-child{margin-right:8px}.powint-wrap .category-button .button-container.active{display:flex;align-items:center;justify-content:center;min-width:53px;cursor:default;height:36px;padding:11px 14px;border:0;background-color:var(--bg-active-btn);border-radius:100px}.powint-wrap .category-button .button-container.active p{font-size:14px;font-weight:700;color:#fff}.powint-wrap .category-button .button-container:not(:last-child){margin-right:8px}.powint-wrap .category-button .button-container p{font-size:14px;font-weight:400;color:var(--text-main)}.powint-wrap .activity-list-group{border-top:2px solid var(--border-active)}.powint-wrap .activity-list-group .list-box{height:56px;border-bottom:1px solid var(--border-input);display:flex;align-items:center}.powint-wrap .activity-list-group .list-box .type{width:100px;display:flex;align-items:center;justify-content:center}.powint-wrap .activity-list-group .list-box .type p{font-size:14px;font-weight:500;line-height:14px;color:var(--text-orange-btn)}.powint-wrap .activity-list-group .list-box .type p.minus{color:var(--text-refer)}.powint-wrap .activity-list-group .list-box .powint{width:calc(100% - 494px);display:flex;align-items:baseline;padding:0 120px}.powint-wrap .activity-list-group .list-box .powint p:first-child{font-weight:700;line-height:16px;margin-right:5px}.powint-wrap .activity-list-group .list-box .powint p:last-child{font-weight:400;font-size:12px;line-height:12px;color:var(--text-sub2)}.powint-wrap .activity-list-group .list-box .description{width:200px;max-height:56px;text-align:center}.powint-wrap .activity-list-group .list-box .description p{font-size:14px;font-weight:400;line-height:14px;-webkit-line-clamp:2;display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.powint-wrap .activity-list-group .list-box .description p.confirmed{text-decoration:underline}.powint-wrap .activity-list-group .list-box .description p.denied{color:var(--text-warning)}.powint-wrap .activity-list-group .list-box .description p.denied-line{text-decoration:underline;color:var(--text-warning)}.powint-wrap .activity-list-group .list-box .date{width:194px;padding:0 20px;text-align:right}.powint-wrap .activity-list-group .list-box .date p{font-size:14px;font-weight:400;line-height:14px;color:var(--text-sub3)}.powint-wrap .activity-list-group .no-data{display:flex;align-items:center;margin-top:80px;flex-direction:column}.powint-wrap .activity-list-group .no-data p{font-weight:400;line-height:24px;color:var(--text-sub1);text-align:center}.powint-wrap .activity-list-group .no-data button{width:150px;height:44px;background-color:var(--bg-sub-btn);margin-top:20px;margin-bottom:216px;font-size:14px;font-weight:700;color:var(--text-orange-btn);border-radius:6px}.powint-wrap .activity-list-group .no-data button:hover{background-color:var(--bg-sub-btn-hover)}.powint-wrap .activity-list-group .list-box-withdraw{height:56px;border-bottom:1px solid var(--border-input);display:flex;align-items:center}.powint-wrap .activity-list-group .list-box-withdraw .id{width:110px;display:flex;align-items:center;justify-content:center}.powint-wrap .activity-list-group .list-box-withdraw .id p{font-size:12px;font-weight:400;line-height:12px;color:var(--text-sub1);text-decoration:underline;cursor:pointer}.powint-wrap .activity-list-group .list-box-withdraw .id p:hover{color:var(--text-sub2)}.powint-wrap .activity-list-group .list-box-withdraw .powint{width:calc(100% - 466px);display:flex;align-items:baseline;padding:0 140px}.powint-wrap .activity-list-group .list-box-withdraw .powint p:first-child{font-weight:700;line-height:16px;margin-right:5px}.powint-wrap .activity-list-group .list-box-withdraw .powint p:last-child{font-weight:400;font-size:12px;line-height:12px;color:var(--text-sub2)}.powint-wrap .activity-list-group .list-box-withdraw .status{width:160px;text-align:center;display:flex;align-items:center;justify-content:center}.powint-wrap .activity-list-group .list-box-withdraw .status p{width:41px;font-size:12px;font-weight:700;line-height:12px;padding:5px 10px;background-color:var(--text-bip-title);color:#fff;border-radius:4px}.powint-wrap .activity-list-group .list-box-withdraw .status p.confirmed{background-color:var(--text-refer)}.powint-wrap .activity-list-group .list-box-withdraw .status p.denied{background-color:var(--text-warning)}.powint-wrap .activity-list-group .list-box-withdraw .status p.canceled{background-color:var(--text-sub2)}.powint-wrap .activity-list-group .list-box-withdraw .date{width:196px;padding:0 20px;text-align:right}.powint-wrap .activity-list-group .list-box-withdraw .date p{font-size:14px;font-weight:400;line-height:14px;color:var(--text-sub3)}.withdrawal-modal{display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.withdrawal-modal .ant-modal-content{width:520px;min-height:630px;padding:20px 20px 32px 32px;border-radius:16px;background-color:var(--bg-main)}.withdrawal-modal .title{font-size:24px;font-weight:700;line-height:32px;margin-top:20px}.withdrawal-modal .each-block{position:relative;min-height:132px;background-color:var(--bg-sub1);padding:28px 24px 18px;margin-top:16px;border-radius:10px;margin-right:12px}.withdrawal-modal .each-block p{font-size:14px;font-weight:500;line-height:14px}.withdrawal-modal .each-block .top-line{display:flex;align-items:center}.withdrawal-modal .each-block .top-line p{margin-right:5px}.withdrawal-modal .each-block .top-line .icon-question-wrapper{position:relative;display:flex;align-items:center}.withdrawal-modal .each-block .top-line .icon-question-wrapper .background-withdraw-tooltip{position:absolute;top:3px;left:11px;display:none;z-index:300}.withdrawal-modal .each-block .top-line .icon-question-wrapper .background-withdraw-tooltip .triangle{position:absolute;top:20px;left:-4px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid var(--bg-tooltip)}.withdrawal-modal .each-block .top-line .icon-question-wrapper .background-withdraw-tooltip .text-box{position:absolute;width:300px;left:-85px;top:27px;border-radius:4px;background-color:var(--bg-tooltip);padding:8px 12px}.withdrawal-modal .each-block .top-line .icon-question-wrapper .background-withdraw-tooltip .text-box p{font-size:14px;font-weight:500;color:var(--text-tooltip);line-height:20px}.withdrawal-modal .each-block .top-line .icon-question-wrapper:hover .background-withdraw-tooltip{display:block;height:56px}.withdrawal-modal .each-block .balance-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.withdrawal-modal .each-block .balance-line .right-side{display:flex;align-items:center}.withdrawal-modal .each-block .balance-line .right-side .balance{font-size:16px;font-weight:700;line-height:16px}.withdrawal-modal .each-block .balance-line .right-side .powint{font-weight:400;color:var(--text-sub1);margin-left:8px}.withdrawal-modal .each-block .withdrawal-line{display:flex;align-items:center;justify-content:space-between}.withdrawal-modal .each-block .withdrawal-line .right-side{display:flex;align-items:center}.withdrawal-modal .each-block .withdrawal-line .right-side input{width:140px;height:46px;border-radius:10px;border:1px solid var(--border-main);font-size:16px;font-weight:700;text-align:right;background-color:var(--bg-main);color:var(--text-main)}.withdrawal-modal .each-block .withdrawal-line .right-side input:focus{border:1px solid var(--border-active)}.withdrawal-modal .each-block .withdrawal-line .right-side .powint{font-weight:400;color:var(--text-sub1);margin-left:8px}.withdrawal-modal .each-block .warning{display:flex;justify-content:right;margin-top:-8px}.withdrawal-modal .each-block .warning p,.withdrawal-modal .each-block .warning-left{font-size:14px;font-weight:400;line-height:14px;color:var(--text-warning)}.withdrawal-modal .each-block .warning-left{margin-top:-8px}.withdrawal-modal .each-block .address{width:100%;margin-top:12px;border-radius:10px;border:1px solid var(--border-main);padding:13px 40px 13px 16px;font-size:16px;font-weight:400;background-color:var(--bg-main);color:var(--text-main)}.withdrawal-modal .each-block .address:focus{border:1px solid var(--border-active)}.withdrawal-modal .each-block .confirm,.withdrawal-modal .each-block .refuse{position:absolute;top:68px;right:37px}.withdrawal-modal .each-block .exchange{font-size:14px;font-weight:400;line-height:14px;color:var(--text-sub1);text-align:right;margin-top:8px}.withdrawal-modal .each-block .reuse-line{display:flex;align-items:center;margin-top:12px}.withdrawal-modal .each-block .reuse-line label{position:relative;display:flex;align-items:center;width:100%;left:22px;margin:0;font-size:14px;cursor:pointer;line-height:114%;color:var(--text-sub2)}.withdrawal-modal .each-block .reuse-line .checkbox{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.withdrawal-modal .each-block .reuse-line label:before{content:"";position:absolute;left:-22px;top:calc(50% + 1px);display:block;width:18px;height:18px;margin-top:-10px;background:url(/_next/static/media/icon-powint-before-checkbox.b54a16df.svg) no-repeat 0 0;background-size:18px 18px}.withdrawal-modal .each-block .reuse-line .checkbox:disabled+label:before{content:"";position:absolute;left:-22px;top:calc(50% + 1px);display:block;width:18px;height:18px;margin-top:-10px;background:url(/_next/static/media/icon-disabled-checkbox.590e9f8d.svg) no-repeat 0 0;background-size:18px 18px}.withdrawal-modal .each-block .reuse-line .checkbox:checked+label{color:var(--text-sub2)}.withdrawal-modal .each-block .reuse-line .checkbox:checked+label:before{content:"";background:url(/_next/static/media/icon-after-checkbox.24009553.svg) no-repeat 0 0;background-size:18px 18px}.withdrawal-modal .each-block .dark-reuse-line{display:flex;align-items:center;margin-top:12px}.withdrawal-modal .each-block .dark-reuse-line label{position:relative;display:flex;align-items:center;width:100%;left:22px;margin:0;font-size:14px;cursor:pointer;line-height:114%;color:var(--text-sub2)}.withdrawal-modal .each-block .dark-reuse-line .checkbox{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.withdrawal-modal .each-block .dark-reuse-line .checkbox:disabled+label:before{content:"";position:absolute;left:-22px;top:calc(50% + 1px);display:block;width:18px;height:18px;margin-top:-10px;background:url(/_next/static/media/dark-icon-disabled-checkbox.9a608dfa.svg) no-repeat 0 0;background-size:18px 18px}.withdrawal-modal .each-block .dark-reuse-line label:before{content:"";position:absolute;left:-22px;top:calc(50% + 1px);display:block;width:18px;height:18px;margin-top:-10px;background:url(/_next/static/media/dark-icon-before-checkbox.43af4daa.svg) no-repeat 0 0;background-size:18px 18px}.withdrawal-modal .each-block .dark-reuse-line .checkbox:checked+label{color:var(--text-sub2)}.withdrawal-modal .each-block .dark-reuse-line .checkbox:checked+label:before{content:"";background:url(/_next/static/media/dark-icon-after-checkbox.cc3d4e38.svg) no-repeat 0 0;background-size:18px 18px}.withdrawal-modal .warning-line{margin-top:24px}.withdrawal-modal .warning-line p{margin-top:24px;font-size:14px;font-weight:400;line-height:20px;color:var(--text-sub3)}.withdrawal-modal .agree-line{display:flex;align-items:center;justify-content:center;margin-top:28px}.withdrawal-modal .agree-line label{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin:0;font-size:14px;cursor:pointer;line-height:114%}.withdrawal-modal .agree-line .checkbox{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.withdrawal-modal .agree-line label:before{content:"";position:absolute;left:44px;top:50%;display:block;width:20px;height:20px;margin-top:-10px;background:url(/_next/static/media/icon-before-checkbox.4b61e492.svg) no-repeat 0 0;background-size:20px 20px}.withdrawal-modal .agree-line .checkbox:checked+label{color:var(--text-main)}.withdrawal-modal .agree-line .checkbox:checked+label:before{content:"";background:url(/_next/static/media/icon-after-checkbox.24009553.svg) no-repeat 0 0;background-size:20px 20px}.withdrawal-modal .dark-agree-line{display:flex;align-items:center;justify-content:center;margin-top:28px}.withdrawal-modal .dark-agree-line label{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin:0;font-size:14px;cursor:pointer;line-height:114%}.withdrawal-modal .dark-agree-line .checkbox{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.withdrawal-modal .dark-agree-line label:before{content:"";position:absolute;left:44px;top:50%;display:block;width:20px;height:20px;margin-top:-10px;background:url(/_next/static/media/dark-icon-before-checkbox.43af4daa.svg) no-repeat 0 0;background-size:20px 20px}.withdrawal-modal .dark-agree-line .checkbox:checked+label{color:var(--text-main)}.withdrawal-modal .dark-agree-line .checkbox:checked+label:before{content:"";background:url(/_next/static/media/dark-icon-after-checkbox.cc3d4e38.svg) no-repeat 0 0;background-size:20px 20px}.withdrawal-modal .request{height:56px;margin-top:40px;background-color:var(--bg-active-btn);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:12px}.withdrawal-modal .request.disable,.withdrawal-modal .request.disable:hover{background-color:var(--bg-disable-btn);opacity:.4;cursor:default}.withdrawal-modal .request.loading-disable,.withdrawal-modal .request.loading-disable:hover{background-color:var(--bg-active-btn);cursor:default}.withdrawal-modal .request:hover{background-color:var(--bg-active-btn-hover)}.withdrawal-modal .request p{color:#fff;font-weight:700;line-height:16px}.complete-withdrawal-modal{display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.complete-withdrawal-modal .ant-modal-content{width:520px;min-height:186px;background-color:var(--bg-main)}.complete-withdrawal-modal .ant-modal-title{font-size:18px;margin-bottom:20px;background-color:var(--bg-main);color:var(--text-main)}.complete-withdrawal-modal .ant-modal-body{margin-bottom:20px}.complete-withdrawal-modal .ant-modal-body p{font-weight:400;line-height:24px}.complete-withdrawal-modal .ant-modal-body span{font-weight:500}.complete-withdrawal-modal .ant-modal-footer{margin-top:0}.complete-withdrawal-modal .ant-modal-footer button{height:38px;padding:0 20px;box-shadow:none;border:0}.complete-withdrawal-modal .ant-modal-footer button:first-child{border:1px solid var(--bg-sub2);background-color:var(--bg-cancel-btn)}.complete-withdrawal-modal .ant-modal-footer button:first-child:hover{border:1px solid var(--bg-sub2);background-color:var(--bg-cancel-btn-hover)}.complete-withdrawal-modal .ant-modal-footer button:last-child{background:var(--bg-active-btn);border:0}.complete-withdrawal-modal .ant-modal-footer button:last-child:disabled{background-color:var(--bg-disable-btn);opacity:.4}.complete-withdrawal-modal .ant-modal-footer button:last-child:disabled:hover{background-color:var(--bg-disable-btn);cursor:default}.complete-withdrawal-modal .ant-modal-footer button:last-child:hover{background:var(--bg-active-btn-hover);border:0}.complete-withdrawal-modal .ant-modal-footer button:last-child span{color:#fff;font-weight:500}.edit-address-modal{display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.edit-address-modal .ant-modal-title{font-size:18px;margin-bottom:30px;background-color:var(--bg-main);color:var(--text-main)}.edit-address-modal .ant-modal-content{width:520px;min-height:196px;background-color:var(--bg-main);border-radius:8px}.edit-address-modal .ant-modal-content .warning{margin-top:12px;font-size:14px;font-weight:400;line-height:14px;color:var(--text-warning)}.edit-address-modal .ant-modal-body{margin-bottom:20px}.edit-address-modal .ant-modal-body p{font-weight:400}.edit-address-modal .ant-modal-body span{font-weight:500}.edit-address-modal .ant-modal-footer button{height:38px;padding:0 20px;box-shadow:none;border:0}.edit-address-modal .ant-modal-footer button:first-child{border:1px solid var(--bg-sub2);background-color:var(--bg-cancel-btn)}.edit-address-modal .ant-modal-footer button:first-child:hover{border:1px solid var(--bg-sub2);background-color:var(--bg-cancel-btn-hover)}.edit-address-modal .ant-modal-footer button:last-child{background:var(--bg-active-btn);border:0}.edit-address-modal .ant-modal-footer button:last-child:disabled{background-color:var(--bg-disable-btn);opacity:.4}.edit-address-modal .ant-modal-footer button:last-child:disabled:hover{background-color:var(--bg-disable-btn);cursor:default}.edit-address-modal .ant-modal-footer button:last-child:hover{background:var(--bg-active-btn-hover);border:0}.edit-address-modal .ant-modal-footer button:last-child span{color:#fff;font-weight:500}.cancel-withdraw-modal{display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.cancel-withdraw-modal .ant-modal-title{font-size:18px;margin-bottom:20px;background-color:var(--bg-main);color:var(--text-main)}.cancel-withdraw-modal .ant-modal-content{width:520px;background-color:var(--bg-main);border-radius:8px}.cancel-withdraw-modal .ant-modal-body{margin-bottom:36px}.cancel-withdraw-modal .ant-modal-body p{font-weight:400}.cancel-withdraw-modal .ant-modal-body span{font-weight:500}.cancel-withdraw-modal .ant-modal-footer button{height:38px;padding:0 20px;box-shadow:none;border:0}.cancel-withdraw-modal .ant-modal-footer button:first-child{border:1px solid var(--bg-sub2);background-color:var(--bg-cancel-btn)}.cancel-withdraw-modal .ant-modal-footer button:first-child:hover{border:1px solid var(--bg-sub2);background-color:var(--bg-cancel-btn-hover)}.cancel-withdraw-modal .ant-modal-footer button:last-child{background:var(--bg-active-btn);border:0}.cancel-withdraw-modal .ant-modal-footer button:last-child:disabled{background-color:var(--bg-disable-btn);opacity:.4}.cancel-withdraw-modal .ant-modal-footer button:last-child:disabled:hover{background-color:var(--bg-disable-btn);cursor:default}.cancel-withdraw-modal .ant-modal-footer button:last-child:hover{background:var(--bg-active-btn-hover);border:0}.cancel-withdraw-modal .ant-modal-footer button:last-child span{color:#fff;font-weight:500}.transaction-modal{display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.transaction-modal .ant-modal-content{width:520px;min-height:520px;background-color:var(--bg-main);border-radius:16px;padding:5px}.transaction-modal.completed .ant-modal-content{background:linear-gradient(135deg,#39d0ff,#ffe600)}.transaction-modal .ant-modal-content .actual-body{width:510px;min-height:510px;background-color:var(--bg-main);border-radius:12px;padding:15px 15px 27px 27px}.transaction-modal .ant-modal-content .title-line{display:flex;align-items:baseline}.transaction-modal .ant-modal-content .title-line .title{font-size:24px;font-weight:700;line-height:32px;margin-top:20px;margin-bottom:24px}.transaction-modal .ant-modal-content .title-line .id{font-size:12px;font-weight:400;line-height:12px;color:var(--text-sub1);margin-left:10px}.transaction-modal .ant-modal-content .status-box{height:60px;border-radius:10px;background-color:var(--text-bip-title);margin-right:12px;display:flex;align-items:center;justify-content:center;flex-direction:column}.transaction-modal .ant-modal-content .status-box.completed{background-color:var(--text-refer)}.transaction-modal .ant-modal-content .status-box.denied{background-color:var(--text-warning)}.transaction-modal .ant-modal-content .status-box.canceled{background-color:var(--text-sub2)}.transaction-modal .ant-modal-content .status-box p{font-size:18px;font-weight:700;line-height:18px;color:#fff}.transaction-modal .ant-modal-content .status-box .reason{font-size:14px;font-weight:400;line-height:14px;color:#fff;margin-top:6px}.transaction-modal .ant-modal-content .detail-box{position:relative;display:flex;align-items:center;justify-content:center;min-height:272px;background-color:var(--bg-sub1);margin-right:12px;border-radius:10px;padding:40px 32px 16px}.transaction-modal .ant-modal-content .detail-box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50}.transaction-modal .ant-modal-content .detail-box .content{position:relative;z-index:100}.transaction-modal .ant-modal-content .detail-box .content div{display:flex;width:392px;justify-content:space-between;margin-bottom:40px}.transaction-modal .ant-modal-content .detail-box .content.completed div{margin-bottom:26px}.transaction-modal .ant-modal-content .detail-box .content.canceled div{margin-bottom:28px}.transaction-modal .ant-modal-content .detail-box .content div p:first-child{font-size:18px;font-weight:400;line-height:18px;color:var(--text-sub1);margin-top:3px}.transaction-modal .ant-modal-content .detail-box .content div p:last-child{max-width:264px;font-size:18px;font-weight:700;line-height:22px;color:var(--text-main);text-align:right}.transaction-modal .ant-modal-content .detail-box .content div span{font-size:18px;font-weight:400;line-height:18px;color:var(--text-sub1)}.transaction-modal .ant-modal-content .footer{margin-top:16px;display:flex;justify-content:right;margin-right:12px}.transaction-modal .ant-modal-content .footer button{width:100px;height:44px;font-size:14px;line-height:14px;border-radius:6px}.transaction-modal .ant-modal-content .footer button:first-child{margin-right:12px;border:1px solid var(--border-main);color:var(--text-main);background-color:var(--bg-main)}.transaction-modal .ant-modal-content .footer button:first-child:hover{background-color:var(--bg-cancel-btn-hover)}.transaction-modal .ant-modal-content .footer button:last-child{background-color:var(--bg-active-btn);color:#fff;font-weight:700}.transaction-modal .ant-modal-content .footer button:last-child:hover{background-color:var(--bg-active-btn-hover)}.profile-wrap .profile-box .contents-box2{justify-content:space-between;align-items:flex-start;margin-top:20px}.profile-wrap .profile-box .contents-box2 .each-box{justify-content:space-between;display:flex;width:50%}.profile-wrap .profile-box .contents-box2 .each-box .left-line{display:flex}.profile-wrap .profile-box .contents-box2 .each-box .left-line span{margin-left:8px;color:var(--text-sub-btn);font-size:12px;line-height:16px;text-decoration:underline;cursor:pointer}.profile-wrap .profile-box .contents-box2 .each-box .left-line span:hover{color:var(--bg-active-btn-hover)}.profile-wrap .profile-box .contents-box2 p{line-height:16px;font-weight:400}.profile-wrap .profile-box .contents-box2 .description{color:var(--text-sub2);margin-top:8px;font-weight:400}.profile-wrap .profile-box .contents-box2 .left{margin-left:28px}.profile-wrap .profile-box .contents-box2 .right{margin-right:28px}.profile-wrap .profile-box .contents-box2 .switch-box{display:flex;align-items:center}.profile-wrap .profile-box .contents-box2 .switch-box .switch-btn{background:#d4d6d7}.profile-wrap .profile-box .contents-box2 .switch-box .switch-btn.ant-switch-checked{background:var(--bg-active-btn)}.profile-wrap .profile-box .switch-btn{background:#d4d6d7}.profile-wrap .alarm-box2 .separator{width:766px;height:1px;background-color:var(--border-main);margin-top:9px}.profile-wrap .alarm-box2 h2{margin-bottom:20px}.profile-wrap .alarm-box2 .switch-btn{width:50px;height:31px;line-height:31px;margin-left:auto}.profile-wrap .alarm-box2 .switch-btn.mobile-switch-btn,.profile-wrap .alarm-box2 .switch-btn.pc-switch-btn{display:inline-block}.profile-wrap .alarm-box2 .switch-btn.ant-switch-checked{background:var(--bg-active-btn)}.profile-wrap .alarm-box2 .switch-btn .ant-switch-handle{width:27px;height:27px;border-radius:50%}.profile-wrap .alarm-box2 .switch-btn .ant-switch-handle:before{border-radius:50%}.profile-wrap .alarm-box2 .switch-btn.ant-switch-checked .ant-switch-handle{inset-inline-start:calc(100% - 30px)}.pwa-notification{height:287px;display:flex;justify-content:center;align-items:center;flex-direction:column}.pwa-notification p{font-size:16px;font-weight:400}.pwa-notification button{width:104px;height:44px;border:1px solid var(--border-main);border-radius:6px;margin-top:16px;font-size:14px}.account-wrap,.pwa-notification button{background-color:var(--bg-main)}.account-wrap .profile-box .contents-box .box{width:calc(100% - 6px);padding:20px;border:1px solid var(--border-input);border-radius:10px;background:var(--bg-main)}.account-wrap .profile-box .contents-box .box:first-child{margin-right:12px}.account-wrap .profile-box .contents-box .box .name{margin-bottom:8px}.account-wrap .profile-box .contents-box .box .name h3{font-size:14px;line-height:1;margin-left:8px}.account-wrap .profile-box .contents-box .box .name h3 button{font-size:12px;line-height:1;color:var(--text-sub2);text-decoration:underline;margin-left:8px;font-weight:400;background-color:transparent}.account-wrap .profile-box .contents-box .box .name h3 button:hover{color:var(--text-sub3)}.account-wrap .profile-box .contents-box .box>p{font-size:14px;line-height:1;font-weight:400;color:var(--text-sub1)}.account-wrap .profile-box .withdrawal-box>p{font-size:14px;font-weight:400;color:var(--text-sub1);margin-bottom:32px;word-break:break-all}.account-wrap .profile-box .withdrawal-box .agree-box{margin-bottom:32px}.account-wrap .profile-box .withdrawal-box .agree-box label{padding-left:30px;line-height:1;font-weight:400}.account-wrap .profile-box .withdrawal-box .agree-box label:before{left:0;right:auto}.account-wrap .profile-box .withdrawal-box .withdrawal-btn{width:100px;height:44px;line-height:44px;background:var(--bg-sub2);font-size:14px;border-radius:6px;color:#fff;text-align:center;font-weight:700;pointer-events:none}.account-wrap .profile-box .withdrawal-box .withdrawal-btn.active{border:1px solid var(--border-main);background:var(--bg-input-back);color:var(--text-main);pointer-events:visible}.account-wrap .profile-box .withdrawal-box .withdrawal-btn.active:hover{background-color:var(--bg-cancel-btn-hover)}.account-wrap .profile-box .withdrawal-box .withdrawal-btn:disabled{background-color:var(--bg-withdraw-btn);opacity:.4;border:var(--border-withdraw-btn)}.attendance-wrap .attendance-content .title-line{margin-bottom:30px}.attendance-wrap .attendance-content .title-line p{font-size:20px;color:var(--text-main);font-weight:700;line-height:26px}.attendance-wrap .image-container{position:relative;display:flex;justify-content:center}.attendance-wrap .image-container .attendance-image{width:420px;height:420px;border-radius:220px}.attendance-wrap .image-container .attendance-image .shadow{position:absolute;top:0;width:420px;height:420px;border-radius:220px;box-shadow:0 -1px 50px 6px rgba(255,219,33,.35)}.attendance-wrap .pray-container{margin-top:48px;display:flex;align-items:center;flex-direction:column}.attendance-wrap .pray-container .name{font-size:20px;font-weight:700;line-height:26px;margin-bottom:12px}.attendance-wrap .pray-container .description{font-weight:400;line-height:16px;color:var(--text-sub1)}.attendance-wrap .pray-container .block-line{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:48px}.attendance-wrap .pray-container .block-line .each-block{width:calc(50% - 10.5px);height:108px;background-color:var(--bg-sub1);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column}.attendance-wrap .pray-container .block-line .each-block .title{font-size:14px;line-height:14px;color:var(--text-sub1);margin-bottom:10px}.attendance-wrap .pray-container .block-line .each-block .value{font-size:20px;line-height:26px;font-weight:700}.attendance-wrap .login-container{position:relative;margin-top:48px;margin-bottom:12px}.attendance-wrap .login-container textarea{font-size:15px;width:100%;height:90px;border-radius:10px;border:1px solid var(--border-main);background-color:var(--bg-main);color:var(--text-main)}.attendance-wrap .login-container textarea:focus{border:1px solid var(--border-active)}.attendance-wrap .login-container textarea:disabled{background-color:var(--bg-sub1)}.attendance-wrap .login-container .length{position:absolute;bottom:15px;right:16px;font-size:14px;font-weight:400;line-height:14px;color:var(--text-sub1)}.attendance-wrap .login-container .alt-textarea{width:100%;height:90px;border-radius:10px;border:1px solid var(--border-main);background-color:var(--bg-main);color:var(--text-main);padding:17px 16px}.attendance-wrap .login-container .alt-textarea p{font-weight:400;line-height:24px;color:var(--text-sub3);font-size:15px}.attendance-wrap .login-container .alt-textarea span{font-size:15px;color:var(--text-orange-btn);text-decoration:underline;cursor:pointer}.attendance-wrap .button-line{display:flex;justify-content:right}.attendance-wrap .button-line .pray-button{width:120px;height:50px;border-radius:10px;background-color:var(--bg-active-btn);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;cursor:pointer}.attendance-wrap .button-line .pray-button:hover{background-color:var(--bg-active-btn-hover)}.attendance-wrap .button-line .pray-button.disable{width:120px;height:50px;border-radius:10px;background-color:var(--bg-disable-btn);opacity:.4;color:#fff;cursor:default}.attendance-wrap .date-line{display:flex;align-items:center;justify-content:center;margin-top:44px}.attendance-wrap .date-line p{font-weight:700;line-height:16px;margin:0 32px}.attendance-wrap .date-line .arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--border-main);border-radius:50px;background-color:var(--bg-input-back);cursor:pointer}.attendance-wrap .date-line .arrow:hover{background-color:var(--bg-cancel-btn-hover)}.attendance-wrap .attendance-list .header{height:40px;display:flex;align-items:center;border-top:2px solid var(--border-active);margin-top:20px;border-bottom:1px solid var(--border-input);text-align:center}.attendance-wrap .attendance-list .header p{font-size:12px;font-weight:700;line-height:12px}.attendance-wrap .attendance-list .header .rank{width:70px}.attendance-wrap .attendance-list .header .nickname{width:80px}.attendance-wrap .attendance-list .header .content{width:calc(100% - 360px)}.attendance-wrap .attendance-list .header .cont,.attendance-wrap .attendance-list .header .powint,.attendance-wrap .attendance-list .header .total{width:70px}.attendance-wrap .attendance-list .body .each-line{display:flex;align-items:center;min-height:44px}.attendance-wrap .attendance-list .body .each-line p{font-size:15px;font-weight:400;line-height:16px}.attendance-wrap .attendance-list .body .each-line .rank{width:70px;text-align:center}.attendance-wrap .attendance-list .body .each-line .nickname{width:80px;text-align:center}.attendance-wrap .attendance-list .body .each-line .nickname p{display:flex;align-items:center;justify-content:center}.attendance-wrap .attendance-list .body .each-line .nickname span{border:1px solid #fac5b6;border-radius:1020px;margin-right:2px;font-size:10px;font-weight:700;color:var(--text-orange-btn);padding:3px 4px}.attendance-wrap .attendance-list .body .each-line .content{width:calc(100% - 360px);padding:14px 10px}.attendance-wrap .attendance-list .body .each-line .content p{line-height:20px;word-break:break-all;white-space:pre-line}.attendance-wrap .attendance-list .body .each-line .cont,.attendance-wrap .attendance-list .body .each-line .powint,.attendance-wrap .attendance-list .body .each-line .total{width:70px;text-align:center}.attendance-wrap .attendance-list .body .each-line:last-child{border-bottom:1px solid var(--border-input)}.attendance-wrap .attendance-list .footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.attendance-wrap .attendance-list .footer .button{display:flex;align-items:center;justify-content:center;width:100px;height:44px;border-radius:6px;border:1px solid var(--border-main);background-color:var(--bg-input-back);cursor:pointer}.attendance-wrap .attendance-list .footer .button p{font-size:14px;font-weight:500;line-height:14px}.attendance-wrap .attendance-list .footer .button:hover{background-color:var(--bg-cancel-btn-hover)}.attendance-modal{display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.attendance-modal .ant-modal-content{width:300px;height:380px;padding:50px 0 52px;border-radius:16px}.attendance-modal p.title{line-height:32px;font-weight:700;font-size:24px;color:var(--text-main);text-align:center;margin-bottom:-15px}.attendance-modal p.description{line-height:24px;font-size:18px;font-weight:400;text-align:center;color:var(--text-modal-title)}.attendance-modal .svg-container{display:flex;justify-content:center;margin-bottom:-10px}.attendance-modal span.description-highlight{line-height:24px;font-size:18px;font-weight:500;color:var(--text-sub-btn)}.attendance-modal .warning{position:absolute;bottom:-36px;left:80px;color:#fff;font-size:14px}.dark-attendance-modal{display:flex;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dark-attendance-modal .ant-modal-content{width:300px;height:380px;padding:50px 0 52px;border-radius:16px;background-color:#272a2d}.dark-attendance-modal p.title{line-height:32px;font-weight:700;font-size:24px;color:var(--text-main);text-align:center;margin-bottom:-15px}.dark-attendance-modal p.description{line-height:24px;font-size:18px;font-weight:400;text-align:center;color:var(--text-modal-title)}.dark-attendance-modal .svg-container{display:flex;justify-content:center;margin-bottom:-10px}.dark-attendance-modal span.description-highlight{line-height:24px;font-size:18px;font-weight:500;color:var(--text-sub-btn)}.dark-attendance-modal .warning{position:absolute;bottom:-36px;left:80px;color:#000;font-size:14px}.mission-wrap .title-line{display:flex;flex-direction:row;align-items:baseline}.mission-wrap .title-line p.title{font-size:20px;line-height:26px;font-weight:700;color:var(--text-main);margin-right:8px}.mission-wrap .title-line p.description{font-size:14px;line-height:14px;font-weight:400;color:var(--text-sub1)}.mission-wrap .mission-container{width:100%;min-height:612px;border-radius:10px;background-color:var(--bg-sub1);margin-top:20px;padding:40px}.mission-wrap .mission-container .mission-title-line{display:flex;flex-direction:row;align-items:baseline}.mission-wrap .mission-container .mission-title-line p.title{color:var(--text-main);font-size:18px;line-height:18px;font-weight:700;margin-right:8px;margin-bottom:16px}.mission-wrap .mission-container .mission-title-line p.description{font-size:14px;line-height:14px;font-weight:400;color:var(--text-sub1)}.mission-wrap .mission-container .progress-box{width:100%;height:68px;border-radius:10px;background-color:var(--bg-main);display:flex;justify-content:space-between;padding:12px 28px;align-items:center;border:1px solid var(--border-input)}.mission-wrap .mission-container .progress-box .progress-box-left{display:flex;align-items:center}.mission-wrap .mission-container .progress-box .progress-box-left .progress-bar{display:flex;position:relative;width:480px;height:12px;border-radius:10px;background-color:var(--bg-sub3);margin-right:16px}.mission-wrap .mission-container .progress-box .progress-box-left .progress-bar-separator-to-3{width:160px;height:12px;border-right:1px solid var(--border-main);background-color:transparent}.mission-wrap .mission-container .progress-box .progress-box-left .progress-bar-active{position:absolute;z-index:200;bottom:0;width:160px;height:12px;margin-top:12px;background:linear-gradient(270deg,#fb8261,#b0e3ff);border-radius:10px;display:flex}.mission-wrap .mission-container .progress-box .progress-box-left .progress-count{font-size:14px;line-height:16px;color:var(--text-main);font-weight:500}.mission-wrap .mission-container .progress-box button{width:100px;height:44px;border-radius:6px;background-color:var(--bg-active-btn);color:#fff;font-size:14px;font-weight:700;line-height:14px}.mission-wrap .mission-container .progress-box button:hover{background-color:var(--bg-active-btn-hover)}.mission-wrap .mission-container .progress-box button:disabled{background-color:var(--bg-disable-btn);width:100px;height:44px;border-radius:6px;opacity:.4;color:#fff;font-weight:700;font-size:14px;line-height:14px;cursor:default}.mission-wrap .mission-container .mission-box{display:flex;justify-content:space-between;align-items:center;width:766px;height:100px;border-radius:10px;margin-bottom:8px;background-color:var(--bg-main);border:1px solid var(--border-input);padding:18px 28px 18px 0}.mission-wrap .mission-container .mission-box .mission-box-left{display:flex;flex-direction:row}.mission-wrap .mission-container .mission-box .mission-box-left .image-container{width:111px;text-align:center}.mission-wrap .mission-container .mission-box .mission-box-left .box-content-group{display:flex;justify-content:center;flex-direction:column}.mission-wrap .mission-container .mission-box .mission-box-left .box-title-line{display:flex;align-items:center;margin-bottom:14px}.mission-wrap .mission-container .mission-box .mission-box-left .box-title-line p.title{font-size:16px;font-weight:700;line-height:16px;color:var(--text-main);margin-right:8px}.mission-wrap .mission-container .mission-box .mission-box-left .box-title-line p.description{font-size:14px;line-height:14px;color:var(--text-sub1);font-weight:400}.mission-wrap .mission-container .mission-box .mission-box-left .progress-bar-line{height:14px;display:flex;flex-direction:row;align-items:center}.mission-wrap .mission-container .mission-box .mission-box-left .progress-bar{display:flex;position:relative;width:400px;height:10px;border-radius:10px;background-color:var(--bg-sub3);margin-right:12px}.mission-wrap .mission-container .mission-box .mission-box-left .progress-bar-separator-to-2{width:200px;height:10px;border-right:1px solid var(--border-main);background-color:transparent}.mission-wrap .mission-container .mission-box .mission-box-left .progress-bar-separator-to-5{width:80px;height:10px;border-right:1px solid var(--border-main);background-color:transparent}.mission-wrap .mission-container .mission-box .mission-box-left .progress-bar-active{position:absolute;z-index:200;bottom:0;width:400px;height:10px;margin-top:12px;background:linear-gradient(270deg,#fb8261,#b0e3ff);border-radius:10px;display:flex}.mission-wrap .mission-container .mission-box .mission-box-left .progress-count{font-size:14px;line-height:14px;color:var(--text-sub1);font-weight:400}.mission-wrap .mission-container .mission-box button{width:100px;height:44px;background:var(--bg-sub-btn);border-radius:6px;color:var(--text-orange-btn);font-weight:700;font-size:14px;line-height:14px}.mission-wrap .mission-container .mission-box button:hover{background-color:var(--bg-sub-btn-hover)}.mission-wrap .mission-container .mission-box button.complete-btn{width:100px;height:44px;background:var(--bg-active-btn);border-radius:6px;color:#fff;font-weight:700;font-size:14px;line-height:14px}.mission-wrap .mission-container .mission-box button.complete-btn:hover{background-color:var(--bg-active-btn-hover)}.mission-wrap .mission-container .mission-box button.complete-btn:disabled{background-color:var(--bg-disable-btn);opacity:.4;cursor:default}.mission-wrap .mission-container p.description2{color:var(--text-sub3);font-weight:400;font-size:12px;line-height:16px}.mission-wrap .mission-container p.description3{color:var(--text-sub3);font-weight:400;font-size:14px;line-height:20px}.mission-wrap .mission-container .noti-container{display:flex;justify-content:space-between;align-items:center;padding:14px 0 0}.mission-wrap .mission-container .noti-container p{font-size:16px;font-weight:700;line-height:16px;color:var(--text-main)}.mission-wrap .banner-group{margin-top:20px;display:flex;justify-content:space-between}.mission-wrap .banner{width:calc(50% - 10px);height:120px;border-radius:10px;background-color:var(--bg-sub1);padding:0 30px 0 32px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.mission-wrap .banner-left{display:flex;flex-direction:column}.mission-wrap .banner p.title{color:var(--text-main);font-size:16px;line-height:16px;font-weight:700}.mission-wrap .banner p.description{color:var(--text-sub3);font-size:14px;line-height:14px;font-weight:400;margin-top:12px}.activity-wrap{background-color:var(--bg-main)}.activity-wrap .profile-box{padding:30px 40px 30px 30px;background:var(--bg-sub1);margin-bottom:50px;border-radius:10px}.activity-wrap .profile-box .img-box{min-width:80px;min-height:80px;border-radius:50%;overflow:hidden;margin-right:20px}.activity-wrap .profile-box .img-box img{width:100%}.activity-wrap .profile-box .text-box{width:calc(100% - 80px)}.activity-wrap .profile-box .text-box h3{font-size:18px;line-height:1;margin-bottom:8px}.activity-wrap .profile-box .text-box p{font-size:14px;line-height:20px;color:var(--text-sub1);word-break:break-all;padding-right:20px}.activity-wrap .profile-box .profile-btn{width:120px;height:44px;line-height:44px;font-size:14px;padding:0 30px;background:var(--bg-input-back);border:1px solid var(--border-main);border-radius:6px;margin-left:auto;text-align:center}.activity-wrap .profile-box .profile-btn:hover{background-color:var(--bg-cancel-btn-hover)}.activity-wrap .activity-list-group .list-box{padding:18px 0;border-bottom:1px solid var(--border-input)}.activity-wrap .activity-list-group .list-box .title{line-height:1;margin-bottom:12px}.activity-wrap .activity-list-group .list-box .title .subject-line{width:calc(100% - 100px)}.activity-wrap .activity-list-group .list-box .title .short-words{max-width:calc(100% - 30px);font-size:16px;font-weight:700;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.activity-wrap .activity-list-group .list-box .title .date{font-size:12px;line-height:1;color:var(--text-sub1);margin-left:auto}.activity-wrap .activity-list-group .list-box .description{font-size:14px;line-height:1;color:var(--text-sub1);font-weight:400}.activity-wrap .activity-list-group .list-box .description .name{color:var(--text-main);font-size:inherit}.activity-wrap .activity-list-group .list-box .description .active{color:#fb8261;font-size:inherit}.integrate-search-wrap{background-color:var(--bg-main)}.integrate-search-wrap .product-search-box{max-width:520px;height:50px;padding:0 20px;margin-bottom:40px;border-radius:50px}.integrate-search-wrap .product-search-box input{font-size:16px}.integrate-search-wrap .product-search-box input::placeholder{font-size:16px}.integrate-search-wrap .product-search-box .search-btn{width:24px;margin-right:8px}.integrate-search-wrap .select-group{margin-bottom:8px}.integrate-search-wrap .select-group .select-box{min-width:100px;margin-right:12px}.integrate-search-wrap .select-group .select-box .select-txt{height:40px;padding:8px 12px;font-size:14px;border-radius:50px}.integrate-search-wrap .select-group .select-box-small{min-width:89px;margin-right:12px}.integrate-search-wrap .select-group .select-box-small .select-txt{height:40px;padding:8px 12px;font-size:14px;border-radius:50px}.integrate-search-wrap .select-group .total-num{font-size:14px;line-height:1;color:var(--text-sub1);margin-left:auto}.integrate-search-wrap .select-group .total-num span{color:#fb8261;font-size:inherit}.integrate-search-wrap .writing-list-group .list-box:first-child{border-top:0}.integrate-search-wrap .no-data h3{font-size:18px;line-height:1;font-weight:500;margin-bottom:16px;text-align:center}.integrate-search-wrap .no-data p{font-size:14px;line-height:1;font-weight:400;color:var(--text-sub1);text-align:center}.integrate-search-wrap .no-data-none{padding:140px 0}.integrate-search-wrap .no-data-none h3{font-size:18px;line-height:1;font-weight:500;margin-bottom:16px;text-align:center}.integrate-search-wrap .no-data-none p{font-size:14px;line-height:1;font-weight:400;color:var(--text-sub1);text-align:center}.policy-wrap{background-color:var(--bg-main)}.policy-wrap .content-head{padding-bottom:20px;border-bottom:1px solid var(--border-input)}.policy-wrap .content-head h2{font-size:28px;margin-bottom:16px}.policy-wrap .content-head p{font-size:14px;line-height:1;font-weight:400;color:var(--text-sub1)}.policy-wrap .content-body{padding:20px 0;white-space:pre-line}.policy-wrap .content-body p{font-weight:400;font-size:14px;line-height:149%;color:var(--text-sub1)}.policy-wrap .content-body table{overflow-x:auto}.policy-wrap .content-body thead{border-bottom:1px solid var(--border-input);font-weight:400;font-size:14px;line-height:143%;color:var(--text-sub1)}.policy-wrap .content-body th,.policy-wrap .content-body tr{font-weight:400;font-size:12px;line-height:100%;color:var(--text-sub1)}.policy-wrap .content-body .first-child{width:100px}.policy-wrap .content-body .second-child{width:410px}.policy-wrap .content-body .third-child{width:200px}.policy-wrap .content-body .last-child{width:130px}.policy-wrap .content-body tbody,.policy-wrap .content-body td{font-weight:400;font-size:12px;line-height:100%;color:var(--text-sub1)}.policy-wrap .content-body p a{display:inline-block;font-weight:400;font-size:14px;line-height:100%;color:var(--text-sub1);text-decoration:underline}.service-wrapper{position:relative;display:flex;align-items:center}.service-wrapper .serviceTerms{margin-left:10px;padding:6px 12px;background-color:var(--bg-modal-back);border-radius:6px;border-color:var(--border-main);color:var(--text-main);appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-progress-appearance:none}.service-wrapper .serviceTerms:focus{outline:none}.mypage-wrap .profile-nav2{display:flex;border:1px solid var(--border-main);height:48px;align-items:center;margin-bottom:32px}.mypage-wrap .profile-nav2 a{width:50%;height:48px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;color:var(--text-main)}.mypage-wrap .profile-nav2 a:hover:not(.active){background-color:var(--bg-cancel-btn-hover);border-top:1px solid var(--border-main);border-bottom:1px solid var(--border-main)}.mypage-wrap .profile-nav2 a:not(:last-child){border-right:1px solid var(--border-main)}.mypage-wrap .profile-nav2 .active{width:50%;text-align:center;font-size:16px;font-weight:700;color:#fff;background-color:var(--bg-active-btn)}.rabbithole-tree-container .rabbithole-tree-top-background{width:100vw;height:452.83px;background-color:#eefffb;display:flex;justify-content:center}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container{position:relative;width:1268px;display:flex;align-items:center;flex-direction:column}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .home-button{position:absolute;top:24px;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;width:56px;height:56px;border:1.5px solid #303437;border-radius:50%;background-color:#fff;cursor:pointer}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .home-button:hover{background-color:#f2f4f5}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .home-text{position:absolute;top:83px;left:5px;font-weight:700;color:#303437}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .share-button{position:absolute;top:24px;left:80px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:56px;height:56px;border:1.5px solid #303437;border-radius:50%;background-color:#fff;cursor:pointer}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .share-button:hover{background-color:#f2f4f5}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .share-text{position:absolute;top:83px;left:80px;font-weight:700;color:#303437}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .deep-dive-into-rabbithole{position:absolute;top:60px;z-index:2}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .sign-stick{position:absolute;top:178px;left:66px;z-index:3}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .sign-bip{position:absolute;top:188px;left:0;z-index:4;cursor:pointer}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .sign-rabbithole{position:absolute;top:270px;left:17px;z-index:4;cursor:pointer}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .wide-grass{position:absolute;top:350px;width:100vw;min-height:103.178px;z-index:2}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .wide-ground-grass{position:absolute;top:438.5px;width:100vw;min-height:117.758px}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .left-rabbit{position:absolute;top:335px;left:349px;z-index:4}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .right-powlin{position:absolute;top:347px;right:311.5px;z-index:4}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .hole{position:absolute;top:462px;left:494px;z-index:1}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .hole-effect{position:absolute;top:249px;left:393px;z-index:2}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .big-tree{position:absolute;top:83.11px;right:-95.6px;z-index:1}.rabbithole-tree-container .rabbithole-tree-bottom-background{width:100vw;height:1112px;background-color:#50351b;display:flex;justify-content:center;padding-bottom:84px}.rabbithole-tree-container .rabbithole-tree-bottom-background .rabbithole-tree-bottom-container{width:1270px;margin-top:51.87px;padding:155px 84px 26px;background-image:url(/_next/static/media/rabbithole-cave.7b908eec.svg);background-repeat:no-repeat}.rabbithole-tree-container .rabbithole-tree-bottom-background .rabbithole-tree-bottom-container .content-box-line{display:flex;align-items:center;justify-content:space-between;margin-top:81px}.rabbithole-tree-container .rabbithole-tree-bottom-background .rabbithole-tree-bottom-container .content-box-line .each-content-box{position:relative;width:340px;height:450px;border-radius:20px;border:1.5px solid #303437;background-color:#fff;padding:30px 12px 32px 16px}.rabbithole-tree-container .rabbithole-tree-bottom-background .rabbithole-tree-bottom-container .content-box-line .each-content-box .title{font-size:18px;font-weight:700;line-height:18px;color:#303437;margin-bottom:8px}.rabbithole-tree-container .rabbithole-tree-bottom-background .rabbithole-tree-bottom-container .bitcoin-line{width:100%;display:flex;justify-content:center;margin-top:29px}@media (max-width:1270px){.rabbithole-tree-container .rabbithole-tree-top-background{height:508.888px}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container{width:100%;overflow:hidden}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .share-button-right{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:40px;height:40px;border:1.5px solid #303437;border-radius:50%;background-color:#fff}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .share-text{display:none}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .deep-dive-into-rabbithole{top:79.44px}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .sign-bip,.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .sign-rabbithole,.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .sign-stick{display:none}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .wide-grass{top:309.3px;min-height:84.593px}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .wide-ground-grass{top:398.3px;width:100vw;min-height:117.758px}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .left-rabbit{left:calc(50% - 160px);transform:translateX(-50%)}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .right-powlin{right:calc(50% - 170px);transform:translateX(50%)}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .hole{top:415px;left:50%;transform:translateX(-50%)}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .hole-effect{top:248px;left:50%;transform:translateX(-50%)}.rabbithole-tree-container .rabbithole-tree-top-background .rabbithole-tree-top-container .big-tree{position:absolute;top:125.1px;right:-95.6px;z-index:1}.rabbithole-tree-container .rabbithole-tree-bottom-background{width:100vw;height:auto;padding-bottom:60px;margin-top:-50px}.rabbithole-tree-container .rabbithole-tree-bottom-background .rabbithole-tree-bottom-container{width:calc(100% - 32px);height:auto;display:flex;align-items:center;flex-direction:column;margin-top:0;padding:0 20px 42px;background-image:url(/_next/static/media/rabbithole-cave-mobile.63c9bb00.svg);background-position-x:50%}.rabbithole-tree-container .rabbithole-tree-bottom-background .rabbithole-tree-bottom-container .content-box-line{padding-top:30px;max-width:303px;flex-wrap:wrap}.rabbithole-tree-container .rabbithole-tree-bottom-background .rabbithole-tree-bottom-container .content-box-line .each-content-box{width:100%;max-width:303px;height:400px;margin-bottom:24px;padding:26px 10px 26px 14px}.rabbithole-tree-container .rabbithole-tree-bottom-background .rabbithole-tree-bottom-container .content-box-line .each-content-box .title{font-size:16px;line-height:16px}.rabbithole-tree-container .rabbithole-tree-bottom-background .rabbithole-tree-bottom-container .bitcoin-line{margin-top:0}.simple-tree a,.simple-tree summary{font-size:14px;color:#303437;height:28px;font-weight:500;list-style-type:none;outline:none}}@media (max-width:1080px){.main-container{flex-wrap:wrap}.main-contents{width:100%}.main-contents .cont-head{padding:14px 16px}.main-contents .cont-head h2{font-size:16px}.main-contents .cont-body .list-group li .supplement-box>div.mobile{display:none}.mypage-wrap .container{flex-wrap:wrap}.mypage-wrap .main-contents{max-width:100%}.mypage-wrap .profile-nav{display:flex;width:100%;margin-bottom:16px;border-bottom:1px solid var(--border-main);margin-right:0}.mypage-wrap .profile-nav a{position:relative;width:50%;justify-content:center;padding:14px 0;border-radius:0;margin-bottom:0}.mypage-wrap .profile-nav a.active{background:initial;font-weight:700}.mypage-wrap .profile-nav a.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--bg-active-btn)}.mypage-wrap .profile-nav a img{display:none!important}.mypage-wrap .profile-box{padding:24px 20px}.mypage-wrap .profile-box h2{font-size:16px;margin-bottom:20px}.profile-wrap .profile-box .contents-box{flex-wrap:wrap;justify-content:center}.profile-wrap .profile-box .contents-box .left-box{margin-bottom:20px}.profile-wrap .profile-box .contents-box .left-box .img-box{margin-bottom:8px}.profile-wrap .profile-box .contents-box .right-box{width:100%}.profile-wrap .profile-box .contents-box .right-box input{padding:10px 16px;margin-bottom:8px}.profile-wrap .alarm-box .select-box{width:100%}.profile-wrap .alarm-box .switch-btn.pc-switch-btn{display:inline-block}.profile-wrap .alarm-box .switch-btn.mobile-switch-btn{margin:16px 0 0;display:inline-block}.activity-wrap .activity-list-group .list-box .date{font-size:12px;line-height:1;color:var(--text-sub1);margin-top:8px}.activity-wrap .profile-box .img-box{min-width:36px;max-width:36px;min-height:36px;max-height:36px;border-radius:50%;overflow:hidden;margin-right:20px}.activity-wrap .profile-box .img-box img{width:100%}.activity-wrap .profile-box .text-box{width:calc(100% - 80px)}.policy-wrap .content-head h2{font-size:16px;margin:12px 0}.policy-wrap .content-body p{font-size:12px}.mypage-wrap .profile-nav2{margin-top:8px;margin-bottom:24px;height:40px}.mypage-wrap .profile-nav2 a{height:40px;font-size:14px}.mypage-wrap .profile-nav2 .active{font-size:14px}.category-wrap .contents-group .list-group .list-box,.writing-list-group .list-box{padding:12px 0}.writing-list-group .list-box-bookmark{padding-top:12px}.activity-wrap .activity-list-group .list-box{padding:12px 0}.powint-wrap .profile-box{margin-left:-16px;border-radius:0;width:calc(100% + 32px)}.powint-wrap .profile-box .contents-box{display:flex;flex-direction:column}.powint-wrap .profile-box .contents-box .powint-box{display:block;width:100%}.powint-wrap .profile-box .contents-box .powint-box:first-child{margin-bottom:8px}.powint-wrap .profile-box div.powint-bottom-line{flex-direction:column;display:flex}.powint-wrap .profile-box div.powint-bottom-line button{margin-top:24px}.powint-wrap .powint-withdrawal-line{display:flex;align-items:flex-start;flex-direction:column;width:calc(100% + 32px);margin-left:-16px;border-radius:0;padding:24px 16px}.powint-wrap .powint-withdrawal-line .left-side{max-width:100%}.powint-wrap .powint-withdrawal-line .left-side .bottom-line{margin-top:7px}.powint-wrap .powint-withdrawal-line .left-side .bottom-line p{max-width:calc(100% - 20px)}.powint-wrap .powint-withdrawal-line .left-side .bottom-line .address{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.powint-wrap .powint-withdrawal-line .btn{margin-top:17px}.powint-wrap .mission-box .mission-list .each-box{width:calc(33.33% - 3px);padding:16px 12px 14px}.powint-wrap .mission-box .mission-list .each-box .content-box{width:100%}.powint-wrap .mission-box .mission-list .each-box .content-box button{display:none}.powint-wrap .mission-box .mission-list .each-box div.title-line .left-box{flex-direction:column}.powint-wrap .mission-box .mission-list .each-box p.title{width:100%}.powint-wrap .mission-box .mission-list .each-box .status-bar{width:100%;margin-top:6px}.powint-wrap .mission-box .mission-list .each-box p.status{width:100%;margin-left:0;margin-top:2.5px}.powint-wrap .mission-box .mission-list .each-box .status-bar-active{bottom:0;width:100%}.powint-wrap .icon-question-wrapper:hover .background-mission-tooltip{display:block;width:343px;height:168px}.powint-wrap .background-mission-tooltip{position:absolute;top:20px;left:-130px;display:none;z-index:300}.powint-wrap .background-mission-tooltip .triangle{margin-left:132px}.powint-wrap .background-mission-tooltip .text-box{width:343px}.powint-wrap .tab-line .filter-modal{top:calc(100%);right:5px}.powint-wrap .tab-line .filter-modal .triangle-box{display:none}.powint-wrap .activity-list-group .list-box{height:74px;flex-wrap:wrap;padding:8px 0}.powint-wrap .activity-list-group .list-box .type{width:30%;justify-content:flex-start}.powint-wrap .activity-list-group .list-box .powint{width:70%;padding:0;justify-content:flex-end}.powint-wrap .activity-list-group .list-box .powint p:first-child{margin-right:0}.powint-wrap .activity-list-group .list-box .description{width:50%;text-align:left}.powint-wrap .activity-list-group .list-box .date{width:50%;padding:0;text-align:right}.powint-wrap .activity-list-group .no-data{margin-top:60px}.powint-wrap .activity-list-group .no-data button{margin-bottom:100px}.powint-wrap .activity-list-group .list-box-withdraw-mobile{height:78px;border-bottom:1px solid var(--border-input);display:flex;align-items:center;flex-wrap:wrap;padding:9px 0}.powint-wrap .activity-list-group .list-box-withdraw-mobile .status{width:30%;display:flex;align-items:center}.powint-wrap .activity-list-group .list-box-withdraw-mobile .status p{width:41px;font-size:12px;font-weight:700;line-height:12px;padding:5px 10px;background-color:var(--text-bip-title);color:#fff;border-radius:4px}.powint-wrap .activity-list-group .list-box-withdraw-mobile .status p.confirmed{background-color:var(--text-refer)}.powint-wrap .activity-list-group .list-box-withdraw-mobile .status p.denied{background-color:var(--text-warning)}.powint-wrap .activity-list-group .list-box-withdraw-mobile .status p.canceled{background-color:var(--text-sub2)}.powint-wrap .activity-list-group .list-box-withdraw-mobile .powint{width:70%;display:flex;align-items:baseline;justify-content:flex-end}.powint-wrap .activity-list-group .list-box-withdraw-mobile .powint p:first-child{font-weight:700;line-height:16px;margin-right:5px}.powint-wrap .activity-list-group .list-box-withdraw-mobile .powint p:last-child{font-weight:400;font-size:12px;line-height:12px;color:var(--text-sub2)}.powint-wrap .activity-list-group .list-box-withdraw-mobile .id{width:50%;display:flex;align-items:center}.powint-wrap .activity-list-group .list-box-withdraw-mobile .id p{font-size:12px;font-weight:400;line-height:12px;color:var(--text-sub1);text-decoration:underline;cursor:pointer}.powint-wrap .activity-list-group .list-box-withdraw-mobile .id p:hover{color:var(--text-sub2)}.powint-wrap .activity-list-group .list-box-withdraw-mobile .date{width:50%;text-align:right}.powint-wrap .activity-list-group .list-box-withdraw-mobile .date p{font-size:12px;font-weight:400;line-height:12px;color:var(--text-sub3)}.mission-wrap .title-line{flex-direction:column}.mission-wrap .title-line p.title{margin-top:16px}.mission-wrap .title-line p.description{margin-top:8px}.mission-wrap .mission-container{min-height:480px}.mission-wrap .mission-container .progress-box{width:100%;padding:12px 16px}.mission-wrap .mission-container .progress-box .progress-box-left{width:calc(100% - 156px)}.mission-wrap .mission-container .progress-box .progress-box-left .progress-bar{width:calc(100% - 48px);margin-right:8px;height:10px}.mission-wrap .mission-container .progress-box .progress-box-left .progress-bar-active,.mission-wrap .mission-container .progress-box .progress-box-left .progress-bar-separator-to-3{width:calc((100% - 48px)/3 + 16px);height:10px}.mission-wrap .mission-container .progress-box .progress-box-left .progress-count{min-width:28px}.mission-wrap .mission-container .mission-box{width:100%;height:84px;padding:0 16px}.mission-wrap .mission-container .mission-box .mission-box-left{width:calc(100% - 156px)}.mission-wrap .mission-container .mission-box .mission-box-left .box-content-group{width:100%}.mission-wrap .mission-container .mission-box .mission-box-left .progress-bar{width:calc(100% - 48px);margin-right:8px}.mission-wrap .mission-container .mission-box .mission-box-left .progress-bar-separator-to-2{width:calc((100% - 48px)/2 + 24px)}.mission-wrap .mission-container .mission-box .mission-box-left .progress-bar-separator-to-5{width:calc((100% - 48px)/5 + 9.6px)}.mission-wrap .mission-container .mission-box .mission-box-left .progress-bar-active{bottom:0;width:100%;height:10px;margin-top:12px}.mission-wrap .mission-container p.description2{margin-left:4px;font-weight:500;font-size:14px;line-height:20px}.mission-wrap .mission-container p.description3{margin-left:4px}.mission-wrap .mission-container .description-group{margin-top:8px}.mission-wrap .mission-container .mission-box .mission-box-left .box-title-line p.title{font-weight:500;margin-bottom:-4px}.ck-sticky-panel__content{top:56px!important}.mypage-wrap .mobile-profile-nav{width:100%;display:flex;flex-direction:column;margin-bottom:16px;margin-top:-16px}.mypage-wrap .mobile-profile-nav .nav-line{display:flex;width:100%;height:40px;align-items:center}.mypage-wrap .mobile-profile-nav .nav-line a{height:40px;align-items:center;display:flex;justify-content:center;width:50%;font-size:14px}.mypage-wrap .mobile-profile-nav .nav-line .active{width:50%;text-align:center;font-size:14px;font-weight:700;color:#fff;background-color:var(--bg-active-btn)}.mypage-wrap .profile-container{padding:24px 20px}.mypage-wrap .profile-container .frame{position:absolute;top:16px;left:12px}.mypage-wrap .profile-container .container-right{margin-left:0;align-items:center;width:100%}.mypage-wrap .profile-container .container-right .badge-line{margin-bottom:20px}.mypage-wrap .profile-container .container-right .mobile-profile{position:relative;height:88px;margin-bottom:12px}.mypage-wrap .profile-container .container-right .mobile-profile .frame{position:absolute;top:-8px;left:-8px}.mypage-wrap .profile-container .container-right .nickname-line{margin-bottom:12px}.mypage-wrap .profile-container .container-right .badge-line .icon-question-wrapper .badge-tooltip{top:100px;left:11px}.mypage-wrap .profile-container .container-right .badge-line .icon-question-wrapper .badge-tooltip .triangle{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:7px solid var(--bg-tooltip);left:-9px;top:-85px}.mypage-wrap .profile-container .container-right .badge-line .icon-question-wrapper .badge-tooltip .text-box{width:343px;left:-213px;top:-73px;border-radius:4px}.mypage-wrap .cont-body-no-data{margin-top:60px}.edit-profile-modal .ant-modal-content{min-width:343px;height:488px;padding:32px 20px}.edit-profile-modal .ant-modal-content .title{text-align:center}.edit-profile-modal .ant-modal-content .header{margin-bottom:16px}.edit-profile-modal .ant-modal-content .body{margin-top:16px;height:auto;display:flex;flex-wrap:wrap}.edit-profile-modal .ant-modal-content .body-left{width:100%;margin-right:0}.edit-profile-modal .ant-modal-content .body-right{width:100%;margin-top:24px}.edit-profile-modal .ant-modal-content .body-right .nickname-container{margin-bottom:8px}.edit-profile-modal .ant-modal-content .body-right .about-container textarea{padding:17px 16px 38px;height:160px}.edit-profile-modal .ant-modal-content .footer{margin-top:16px}.edit-profile-modal .ant-modal-content .footer button:first-child{width:100px;height:44px;background-color:var(--bg-input-back);border:1px solid var(--border-input);margin-right:8px;border-radius:8px;color:var(--text-main);font-size:14px;font-weight:500}.edit-profile-modal .ant-modal-content .footer button:first-child:hover{background-color:var(--bg-cancel-btn-hover)}.edit-profile-modal .ant-modal-content .footer button:last-child{width:100px;height:44px;border-radius:8px;background-color:var(--bg-active-btn);color:#fff;font-size:14px;font-weight:700}.edit-profile-modal .ant-modal-content .footer button:last-child:hover{background-color:var(--bg-active-btn-hover)}.edit-profile-modal .ant-modal-content .footer button.loading{width:100px;height:44px;border-radius:8px;background-color:var(--bg-active-btn)}.category-wrap .category-button{margin-bottom:16px}.category-wrap .category-button .button-container{min-width:56px;height:34px}.category-wrap .category-button .button-container.active{min-width:56px}.attendance-wrap .attendance-content .title-line{margin-top:20px;margin-bottom:38px}.attendance-wrap .attendance-content .title-line p{font-size:18px;line-height:18px}.attendance-wrap .image-container .attendance-image,.attendance-wrap .image-container .attendance-image .shadow{width:220px;height:220px}.attendance-wrap .pray-container{margin-top:28px}.attendance-wrap .pray-container .name{font-size:16px;line-height:24px;margin-bottom:8px}.attendance-wrap .pray-container .description{line-height:20px;font-size:14px}.attendance-wrap .pray-container .block-line{margin-top:32px}.attendance-wrap .pray-container .block-line .each-block{width:calc(50% - 4.5px);height:86px}.attendance-wrap .pray-container .block-line .each-block .title{margin-bottom:8px}.attendance-wrap .pray-container .block-line .each-block .value{font-size:16px;line-height:16px}.attendance-wrap .login-container{margin-top:28px;margin-bottom:16px}.attendance-wrap .login-container .alt-textarea,.attendance-wrap .login-container textarea{height:130px}.attendance-wrap .button-line{display:flex;justify-content:left}.attendance-wrap .button-line .pray-button,.attendance-wrap .button-line .pray-button.disable{width:100%;height:44px;font-size:14px}.attendance-wrap .date-line{margin-top:56px}.attendance-wrap .date-line p{margin:0 16px}.attendance-wrap .mobile-attendance-list{margin-top:28px;border-top:1px solid var(--border-input);width:calc(100% + 32px);margin-left:-16px}.attendance-wrap .mobile-attendance-list .each-list{display:flex;align-items:center;min-height:72px;border-bottom:1px solid var(--border-input);background-color:var(--bg-sub1)}.attendance-wrap .mobile-attendance-list .each-list .rank{width:36px;text-align:center;padding:0 4px}.attendance-wrap .mobile-attendance-list .each-list .rank p{font-size:12px;font-weight:500;line-height:14px;white-space:pre-line;word-break:break-all}.attendance-wrap .mobile-attendance-list .each-list .right-side{width:calc(100% - 36px);background-color:var(--bg-main);padding:14px 16px 15px 12px}.attendance-wrap .mobile-attendance-list .each-list .right-side .content{margin-bottom:6px}.attendance-wrap .mobile-attendance-list .each-list .right-side .content p{font-size:14px;font-weight:400;line-height:22px;word-break:break-all}.attendance-wrap .mobile-attendance-list .each-list .right-side .info-line{display:flex;height:20px;align-items:center}.attendance-wrap .mobile-attendance-list .each-list .right-side .info-line p{position:relative;font-size:12px;font-weight:400;color:var(--text-sub1);margin-right:16px;display:flex;align-items:center}.attendance-wrap .mobile-attendance-list .each-list .right-side .info-line span{font-size:10px;font-weight:700;line-height:12px;color:var(--text-orange-btn);padding:3px 4.5px;border:1px solid #fac5b6;border-radius:1020px;margin-right:2px}.attendance-wrap .mobile-attendance-list .each-list .right-side .info-line p:after{content:"";position:absolute;width:1px;height:8px;background-color:var(--border-main);top:4.9px;right:-8.5px}.attendance-wrap .mobile-attendance-list .each-list .right-side .info-line .me:after{content:"";position:absolute;width:1px;height:8px;background-color:var(--border-main);top:6px;right:-8.5px}.attendance-wrap .mobile-attendance-list .each-list .right-side .info-line p:last-child{margin-right:0}.attendance-wrap .mobile-attendance-list .each-list .right-side .info-line p:last-child:after{display:none}.attendance-wrap .mobile-attendance-list .footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:0 16px}.attendance-wrap .mobile-attendance-list .footer .button{display:flex;align-items:center;justify-content:center;width:80px;height:36px;border-radius:6px;border:1px solid var(--border-main);background-color:var(--bg-input-back);cursor:pointer}.attendance-wrap .mobile-attendance-list .footer .button p{font-size:14px;font-weight:500;line-height:14px}.attendance-wrap .mobile-attendance-list .footer .button:hover{background-color:var(--bg-cancel-btn-hover)}.withdrawal-modal .ant-modal-content{width:100%;max-height:667px;padding:12px 12px 20px 20px;overflow:auto}.withdrawal-modal .title{font-size:18px;line-height:18px;margin-top:28px;margin-bottom:24px}.withdrawal-modal .each-block{width:calc(100% + 32px);margin-left:-20px;min-height:132px;padding:28px 20px 24px;margin-top:0;border-radius:0;margin-right:0}.withdrawal-modal .each-block p{font-size:14px;font-weight:500;line-height:14px}.withdrawal-modal .each-block .top-line{position:relative}.withdrawal-modal .each-block .top-line:before{content:"";width:100%;position:absolute;height:1px;background-color:var(--border-main);top:-26px}.withdrawal-modal .each-block .top-line .icon-question-wrapper .background-withdraw-tooltip{top:0;left:6px}.withdrawal-modal .each-block .warning{margin-top:-12px}.withdrawal-modal .each-block .address{margin-top:8px}.withdrawal-modal .each-block .confirm,.withdrawal-modal .each-block .refuse{top:64px;right:32px}.withdrawal-modal .each-block .dark-reuse-line label,.withdrawal-modal .each-block .reuse-line label{width:calc(100% - 24px)}.withdrawal-modal .warning-line p{word-break:break-all;margin-right:8px}.withdrawal-modal .agree-line label{justify-content:left;width:calc(100% - 34px);left:12px}.withdrawal-modal .agree-line label:before{left:-29px}.withdrawal-modal .dark-agree-line label{justify-content:left;width:calc(100% - 34px);left:12px}.withdrawal-modal .dark-agree-line label:before{left:-29px}.complete-withdrawal-modal .ant-modal-content{width:100%;min-height:186px}.complete-withdrawal-modal .ant-modal-title{font-size:16px;margin-bottom:16px}.complete-withdrawal-modal .ant-modal-body{margin-bottom:20px}.complete-withdrawal-modal .ant-modal-body p,.complete-withdrawal-modal .ant-modal-footer button span{font-size:14px}.edit-address-modal .ant-modal-title{font-size:16px;margin-bottom:24px}.edit-address-modal .ant-modal-content{width:100%;min-height:186px}.edit-address-modal .ant-modal-footer button span{font-size:14px}.cancel-withdraw-modal .ant-modal-title{font-size:16px;margin-bottom:16px}.cancel-withdraw-modal .ant-modal-content{width:100%}.cancel-withdraw-modal .ant-modal-body{margin-bottom:24px}.cancel-withdraw-modal .ant-modal-body p,.cancel-withdraw-modal .ant-modal-footer button span{font-size:14px}.transaction-modal .ant-modal-content{width:100%;min-height:424px;padding:5px}.transaction-modal .ant-modal-content .actual-body{width:100%;min-height:424px;padding:7px 7px 19px 15px}.transaction-modal .ant-modal-content .title-line .title{font-size:18px;line-height:18px;margin-top:28px}.transaction-modal .ant-modal-content .title-line .id{margin-left:8px}.transaction-modal .ant-modal-content .status-box{height:52px;margin-right:8px}.transaction-modal .ant-modal-content .status-box p{font-size:16px;line-height:16px}.transaction-modal .ant-modal-content .detail-box{min-height:204px;margin-right:8px;padding:20px 16px 4px}.transaction-modal .ant-modal-content .detail-box .content div{width:100%;margin-bottom:28px}.transaction-modal .ant-modal-content .detail-box .content.completed div{margin-bottom:16px}.transaction-modal .ant-modal-content .detail-box .content.canceled div{margin-bottom:24px}.transaction-modal .ant-modal-content .detail-box .content div p:first-child{font-size:14px;line-height:14px;margin-top:5px}.transaction-modal .ant-modal-content .detail-box .content div p:last-child{max-width:calc(100% - 80px);font-size:14px}.transaction-modal .ant-modal-content .detail-box .content div span{font-size:14px;line-height:14px}.transaction-modal .ant-modal-content .footer{margin-right:8px}}@media (max-width:800px){.main-contents .contents-group:not(:last-child){margin-bottom:32px}.main-contents .cont-body .list-group li{display:block;padding:12px 0;border-bottom:1px solid var(--border-input);margin-bottom:0}.main-contents .cont-body .list-group li:last-child{border-bottom:0}.main-contents .cont-body .list-group li .category{padding:0;text-align:left;border:0;font-size:12px;margin-top:3px;margin-bottom:8px;font-weight:400;color:var(--text-sub3)}.main-contents .cont-body .list-group li .text{width:100%;margin-bottom:8px}.main-contents .cont-body .list-group li .supplement-box>div{min-width:auto}.main-contents .cont-body .list-group li .supplement-box>div:not(:first-child){margin-left:12px}.main-contents .cont-body .list-group li .supplement-box>div.mobile{display:flex}.main-contents .cont-body .list-group li .supplement-box img{width:20px}.main-contents .cont-body .list-group li .supplement-box>div span{margin-left:4px}.main-contents .col-12.col-6{flex-wrap:wrap}.main-contents .col-12.col-6 .col-6{width:100%}.main-contents .col-12.col-6 .col-6:first-child{margin-bottom:28px}.main-contents .main-bip{margin-bottom:20px}.main-contents .cont-main-head{padding-bottom:20px}.bip-modal .ant-modal-content,.dark-bip-modal .ant-modal-content{width:320px;height:400px;border-radius:10px;padding:0}.login-wrap .container{padding:40px 16px}.login-wrap .logo-box{width:70px;margin:0 auto 44px}.login-wrap .logo-box img{width:100%}.login-wrap h2{font-size:24px;margin-bottom:20px}.login-wrap .description{margin-bottom:52px}.login-wrap button{height:60px;padding:0 12px 0 24px;font-weight:500}.login-wrap button .logo{width:24px;margin-right:12px}.terms-wrap .container{padding:60px 20px}.terms-wrap h2{font-size:20px;margin-bottom:12px}.terms-wrap .check-all-box{padding-bottom:20px}.terms-wrap .check-list .list-box:first-child{margin-top:20px}.terms-wrap .check-list .list-box:not(:first-child){margin-bottom:25px}.terms-wrap .check-list .list-box label{margin-bottom:12px}.terms-wrap .check-list .list-box .textarea-box{height:120px;padding:12px}.nickname-wrap .container{padding:60px 20px}.nickname-wrap .text-box{margin-bottom:40px}.nickname-wrap .text-box .available-text{font-size:12px}.category-wrap .category-name{flex-wrap:wrap;font-size:18px;margin-bottom:20px}.category-wrap .category-name p{width:100%;margin:12px 0 0}.category-wrap .option-group{flex-wrap:wrap;margin-bottom:22px}.category-wrap .option-group .product-search-box{max-width:100%;width:100%;height:40px;margin-bottom:12px}.category-wrap .option-group .writing-btn{display:none}.category-wrap .option-group .mobile-filter-group{display:flex}.category-wrap .option-group .product-search-box,.category-wrap .tab-line .pc-filter-group{display:none}.category-wrap .mobile-filter-group2{position:relative}.category-wrap .mobile-filter-group2 .filter-btn{font-size:14px;color:var(--text-sub2);margin-top:2px;background-color:transparent}.category-wrap .mobile-filter-group2 .filter-btn img{margin-right:6px}.category-wrap .mobile-filter-group2 .filter-modal{z-index:100;position:absolute;top:calc(100% + 15px);left:0;min-width:100px;background:var(--bg-modal-back);box-shadow:0 1px 8px hsla(0,0%,8%,.08);border-radius:6px}.category-wrap .mobile-filter-group2 .filter-modal .modal-contents{position:relative}.category-wrap .mobile-filter-group2 .filter-modal button{display:block;width:100%;padding:16px 12px;font-size:14px;line-height:1;text-align:left;background-color:var(--bg-modal-back)}.writing-list-group .list-box .info-line{flex-wrap:wrap}.writing-list-group .list-box .info-line .supplement-box{position:static;width:100%;margin-top:8px}.writing-list-group .list-box:first-child{padding:16px 0}.writing-list-group .list-box .user-line a{font-size:14px;padding-right:8px;margin-right:8px}.writing-list-group .list-box .user-line .date{font-size:14px}.writing-list-group .list-box-bookmark .info-line .supplement-box{position:static;width:100%;margin-top:8px}.main-contents .main-bip-mobile-contents-box{margin-bottom:-9px}.main-contents .main-bip-mobile-contents-box .num-counter{padding:4px 10px;bottom:16px;right:16px;border-radius:40px}.main-contents .main-bip-mobile-contents-box .num-counter .divider,.main-contents .main-bip-mobile-contents-box .num-counter .total,.main-contents .main-bip-mobile-contents-box .num-counter p{font-size:12px;line-height:12px}.bip-wrap .bip-title{font-size:18px;line-height:20px;margin-top:15px;margin-bottom:11px}.bip-wrap .description-line{display:block;flex-wrap:wrap}.bip-wrap .description-line .bip-description{width:300px}.bip-wrap .more{font-size:14px;width:37px;line-height:20px;color:var(--text-sub2);text-decoration:underline}.bip-wrap .more-description p{margin-top:16px}.bip-wrap .more-description p:first-child{margin-bottom:-6px}.bip-wrap .bip-top-carousel{display:flex;width:calc(100% + 32px);height:306px;margin-left:-16px;margin-bottom:20px;overflow-x:scroll;scrollbar-width:none;padding-right:16px}.bip-wrap .bip-top-carousel::-webkit-scrollbar,.bip-wrap .bip-top-carousel::-webkit-scrollbar-thumb{display:none}.bip-wrap .bip-top-carousel .carousel-content{min-width:240px;margin-right:16px}.bip-wrap .bip-top-carousel .carousel-content:first-child{margin-left:16px}.bip-wrap .bip-top-carousel .background{position:relative;height:170px;border:1px solid var(--border-main);border-radius:10px}.bip-wrap .bip-top-carousel .background img{width:100%;height:100%;border-radius:10px}.bip-wrap .bip-top-carousel .new-tag{position:absolute;width:44px;height:22px;top:10px;left:10px;display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:var(--text-bip-title);font-size:11px;font-weight:700;color:#fff}.bip-wrap .bip-top-carousel .bip-top-line{display:flex;align-items:center;width:100%;margin-top:10px}.bip-wrap .bip-top-carousel .bip-top-line .bip-number{display:flex;align-items:center;justify-content:center;min-width:56px;height:24px;background-color:var(--bg-sub5);border-radius:70px;margin-right:8px}.bip-wrap .bip-top-carousel .bip-top-line .bip-number p{font-size:12px}.bip-wrap .bip-top-carousel .bip-top-line .category{position:relative;font-size:14px;color:var(--text-sub1);white-space:nowrap;font-weight:400}.bip-wrap .bip-top-carousel .bip-top-line .category:after{position:absolute;content:"";width:3px;height:3px;top:9px;right:-9px;background-color:var(--text-disable);border-radius:10px}.bip-wrap .bip-top-carousel .bip-top-line .topic{margin-left:15px;font-size:14px;color:var(--text-sub1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:400}.bip-wrap .bip-top-carousel .title{display:flex;margin-top:4px}.bip-wrap .bip-top-carousel .title p{text-align:left;font-size:16px;font-weight:700;line-height:24px;cursor:pointer;-webkit-line-clamp:2;display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.bip-wrap .bip-top-carousel .title p:hover{color:var(--text-refer)}.bip-wrap .bip-top-carousel .description{display:flex;width:100%}.bip-wrap .bip-top-carousel .description p{font-size:14px;color:var(--text-sub3);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:400}.bip-wrap .bip-top-carousel .author-line{margin-top:8px;display:flex;align-items:center}.bip-wrap .bip-top-carousel .author-line img{border-radius:20px}.bip-wrap .bip-top-carousel .author-line p{font-size:14px;color:var(--text-sub1);margin-left:4px}.bip-wrap .bip-articles-mobile{margin-top:32px}.bip-wrap .bip-articles-mobile .each-article{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--border-input)}.bip-wrap .bip-articles-mobile .each-article:last-child{border-bottom:1px solid var(--border-input)}.bip-wrap .bip-articles-mobile .each-article .left-side{width:calc(100% - 103px)}.bip-wrap .bip-articles-mobile .each-article .left-side .top-line{display:flex;align-items:center}.bip-wrap .bip-articles-mobile .each-article .left-side .top-line p{font-size:14px;line-height:14px;color:var(--text-sub1)}.bip-wrap .bip-articles-mobile .each-article .left-side .top-line .new-tag{display:flex;align-items:center;justify-content:center;width:44px;height:22px;border-radius:70px;background-color:var(--text-bip-title);font-size:11px;font-weight:700;line-height:12px;color:#fff;margin-right:8px}.bip-wrap .bip-articles-mobile .each-article .left-side .top-line .bip-number{display:flex;align-items:center;justify-content:center;min-width:56px;height:22px;border-radius:70px;background-color:var(--bg-sub3);margin-right:8px}.bip-wrap .bip-articles-mobile .each-article .left-side .top-line .bip-number p{font-size:12px;line-height:12px;color:var(--text-main)}.bip-wrap .bip-articles-mobile .each-article .left-side .top-line .category{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.bip-wrap .bip-articles-mobile .each-article .left-side .top-line .dot{margin-left:6px;margin-right:6px;min-width:3px;height:3px;background-color:var(--text-disable);border-radius:10px}.bip-wrap .bip-articles-mobile .each-article .left-side .top-line .topic{font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bip-wrap .bip-articles-mobile .each-article .left-side .title-line{margin-top:8px}.bip-wrap .bip-articles-mobile .each-article .left-side .title-line p{font-size:16px;font-weight:700;line-height:22px;cursor:pointer;-webkit-line-clamp:2;display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.bip-wrap .bip-articles-mobile .each-article .left-side .description{margin-top:2px}.bip-wrap .bip-articles-mobile .each-article .left-side .description p{font-size:14px;color:var(--text-sub3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.bip-wrap .bip-articles-mobile .each-article .left-side .author{display:flex;align-items:center;margin-top:4px}.bip-wrap .bip-articles-mobile .each-article .left-side .author img{border-radius:10px}.bip-wrap .bip-articles-mobile .each-article .left-side .author p{font-size:14px;color:var(--text-sub1);margin-left:4px}.bip-wrap .bip-articles-mobile .each-article .right-side img{border-radius:8px}.bip-wrap .recommendation{margin-top:40px}.bip-wrap .recommendation .title-line .title{font-size:16px;line-height:16px}.bip-wrap .recommendation .title-line .all{font-size:12px}.bip-wrap .recommendation .reco-box{width:calc(100% + 32px);margin-left:-16px;height:178px;padding:16px 0;border-radius:0}.bip-wrap .banner-line{margin-top:40px}.bip-wrap .banner-line .each-banner{height:100px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;background-color:#ffefd7;margin-bottom:12px;padding:0 16px 0 21px}.bip-wrap .banner-line .each-banner:last-child{background-color:#ecfce5;margin-bottom:20px;padding:0 23px 0 21px}.bip-wrap .banner-line .each-banner .left-side{width:calc(100% - 110px)}.bip-wrap .banner-line .each-banner .left-side p:first-child{font-size:16px;font-weight:700;color:#303437}.bip-wrap .banner-line .each-banner .left-side p:last-child{margin-top:2px;font-size:14px;color:#6c7072}.bip-wrap .bip-carousel-mobile{width:100%;height:100%}.bip-wrap .bip-carousel-mobile .carousel-content{width:272px;height:146px;padding:16px;border:1px solid var(--border-input);border-radius:10px;background-color:var(--bg-main);cursor:pointer}.bip-wrap .bip-carousel-mobile .carousel-content .category{display:flex;font-size:14px;line-height:14px;color:var(--text-sub1)}.bip-wrap .bip-carousel-mobile .carousel-content .category p{font-size:14px;line-height:14px;color:var(--text-sub1)}.bip-wrap .bip-carousel-mobile .carousel-content .title{display:flex;text-align:left;width:100%;margin-top:8px;height:42px;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;word-break:break-all}.bip-wrap .bip-carousel-mobile .carousel-content .title p{font-size:15px;font-weight:700}.bip-wrap .bip-carousel-mobile .carousel-content .author{display:flex;margin-top:8px}.bip-wrap .bip-carousel-mobile .carousel-content .author p{font-size:12px;color:var(--text-sub1)}.bip-wrap .bip-carousel-mobile .carousel-content .thumbs{display:flex;justify-content:right;align-items:center}.bip-wrap .bip-carousel-mobile .carousel-content .thumbs p{font-size:18px;font-weight:700;margin-left:6px}.list-modal-bip .ant-modal-title{font-size:18px;margin-bottom:20px;padding:0 16px}.list-modal-bip .ant-modal-content{width:343px;height:520px;padding:28px 0 0}.list-modal-bip .list-group .total-num{font-size:14px;padding:0 0 16px 16px}.list-modal-bip .list-group .list-box{max-height:398px;scrollbar-width:4px}.list-modal-bip .list-group .list-box::-webkit-scrollbar{width:4px}.list-modal-bip .list-group .list-box li{padding:9.5px 16px 12px}.gallery-view .each-box{width:calc(50% - 3.5px);margin-bottom:24px}.list-detail-wrap{padding:20px 0}.list-detail-wrap .category-box{margin-bottom:16px}.list-detail-wrap .category-box a{font-size:12px}.list-detail-wrap .writing-head h2{font-size:18px;line-height:1;margin-bottom:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list-detail-wrap .writing-head .user-line{margin-bottom:16px}.list-detail-wrap .writing-head .user-line .profile-img{width:22px;height:22px}.info-line .supplement-box div img{width:20px;margin-right:7px}.info-line .supplement-box div:not(:last-child){margin-right:16px}.list-detail-wrap .writing-body{padding:20px 0}.list-detail-wrap .writing-body .bip-line{margin-top:28px;margin-bottom:16px}.list-detail-wrap .writing-body .bip-line .bip-header{width:100%;min-height:180px;padding:16px}.list-detail-wrap .writing-body .bottom-group{display:block}.list-detail-wrap .writing-body .bottom-group>div{flex-wrap:wrap}.list-detail-wrap .writing-body .bottom-group>div a{margin-bottom:8px}.list-detail-wrap .writing-body .bottom-group .pow-btn{display:flex;justify-content:center;width:120px;margin:40px auto 0}.list-detail-wrap .writing-body .bottom-group .pow-btn img{width:20px}.list-detail-wrap .writing-body .bottom-group .tag-box{max-width:100%}.list-detail-wrap .comment-group{padding:30px 0 0}.list-detail-wrap .comment-group .comment-box{margin-bottom:0}.list-detail-wrap .comment-group .comment-list>li .sub-comment{padding:0 8px}.list-detail-wrap .comment-group .comment-list .sub-comment li{border-bottom:0}.list-detail-wrap .comment-group .comment-box .bottom .picture-btn span{max-width:150px}.post-html h1,.post-html h1 a,.post-html h1 i{font-size:32px;margin-bottom:26px}.post-html h2,.post-html h2 a,.post-html h2 i{font-size:26px;margin-bottom:20px}.post-html h3,.post-html h3 a,.post-html h3 i{font-size:22px;margin-bottom:18px}.post-html h4,.post-html h4 a,.post-html h4 i{font-size:18px;margin-bottom:14px}.post-html img{margin-bottom:20px}.post-html figure{margin-bottom:20px!important}.post-html hr{margin:12px 0!important}.ck-editor__editable{padding-top:10px!important}.ck-editor__editable h1{font-size:32px!important;margin-bottom:26px!important;margin-top:0!important}.ck-editor__editable h2{font-size:26px!important;margin-bottom:20px!important;margin-top:0!important}.ck-editor__editable h3{font-size:22px!important;margin-bottom:18px!important;margin-top:0!important}.ck-editor__editable h4{font-size:18px!important;margin-bottom:14px!important;margin-top:0!important}.ck-editor__editable pre{border:1px solid var(--border-main)!important;background-color:var(--bg-sub3)!important}.ck-editor__editable hr{margin:12px 0!important}.ck-editor__editable figure{margin-bottom:20px!important}.ck-editor__editable img{margin-bottom:20px}.ck-form__header__label{margin-bottom:0!important;font-size:12px!important}.list-detail-wrap .writing-head{padding-bottom:20px}.list-detail-wrap .writing-head .user-line{height:32px;margin-bottom:8px}.list-detail-wrap .writing-head .user-line .user-line-left .date{margin-right:0}.list-detail-wrap .writing-head .user-line .user-line-left .date:after{display:none}.list-detail-wrap .writing-head .bookmark-box{position:relative;display:flex;align-items:center;height:28px;justify-content:space-between}.list-detail-wrap .writing-head .bookmark-box button{margin-left:14px;background-color:transparent}.list-detail-wrap .writing-head .bookmark-box .triangle-list-box{display:none}.list-detail-wrap .writing-head .bookmark-box .filter-modal{z-index:100;position:absolute;top:30px;right:0;min-width:100px;background:var(--bg-modal-back);box-shadow:0 1px 8px hsla(0,0%,8%,.08);border-radius:6px}.list-detail-wrap .writing-head .bookmark-box .filter-modal .modal-contents{position:relative}.list-detail-wrap .writing-head .bookmark-box .filter-modal .modal-contents button{display:block;width:100%;padding:12px;font-size:14px;line-height:1;text-align:left;margin-left:0}.list-detail-wrap .writing-head .bookmark-box .filter-modal .modal-contents button:first-child{padding-top:16px}.list-detail-wrap .writing-head .bookmark-box .filter-modal .modal-contents button:last-child{padding-bottom:16px;color:var(--text-warning)}.list-detail-wrap .writing-head .bookmark-box .filter-modal .modal-contents button:hover{background:var(--bg-sub1)}.list-detail-wrap .writing-head .bookmark-box .bookmark-box-left{display:flex}.list-detail-wrap .writing-head .bookmark-box .bookmark-box-left span{font-size:12px;font-weight:400;color:var(--text-sub1)}.list-detail-wrap .writing-head .bookmark-box .bookmark-box-left span.comment-highlight{font-size:12px;font-weight:700;color:var(--text-orange-btn)}.list-detail-wrap .writing-head .bookmark-box .bookmark-box-right{display:flex;align-items:center}.list-detail-wrap .writing-body{padding:20px 0 40px;display:grid}.list-detail-wrap .writing-body .powpular-line{height:90px}.list-detail-wrap .writing-body .powpular-line .line{width:12px}.list-detail-wrap .writing-body .powpular-line .line:first-child{margin-right:10px}.list-detail-wrap .writing-body .powpular-line .line:last-child{margin-left:10px}.list-detail-wrap .writing-body .powpular-line .powpular-title,.list-detail-wrap .writing-body .powpular-line .powpular-title span{font-size:15px}.list-detail-wrap .writing-body .powpular-line .powpular-title span .star{top:-10px;left:52px}.list-detail-wrap .comment-group .comment-list li .profile{padding-top:12px;margin-bottom:4px}.list-detail-wrap .comment-group .comment-list li .profile .time{font-size:12px}.list-detail-wrap .comment-group .comment-list li .comment-right{display:flex;align-items:center;justify-content:right;padding-bottom:16px}.list-detail-wrap .comment-group .comment-list li .comment-right p{font-size:12px;font-weight:400;color:var(--text-sub3);cursor:pointer;line-height:12px}.list-detail-wrap .comment-group .comment-list li .comment-right p:nth-child(2){font-size:12px;font-weight:700;color:var(--text-orange-btn);margin-left:2px;margin-right:16px}.list-detail-wrap .comment-group .comment-list li .comment-right p:nth-child(3){margin-right:24px}.list-detail-wrap .comment-group .comment-list li .comment-right p:nth-child(3):after{margin-right:24px;width:1px;height:10px;content:"";background:var(--bg-sub2);position:absolute;margin-top:1.5px;margin-left:12px}.list-detail-wrap .comment-group .comment-list li .comment-right .report{font-size:12px;line-height:1;font-weight:400;color:var(--text-orange-btn);background-color:transparent}.list-detail-wrap .comment-group .comment-list>li .sub-comment li.comment-list{padding:12px 0}.list-detail-wrap .comment-group .comment-list li .report{position:relative;height:12px;display:flex;align-items:center}.list-detail-wrap .comment-group .comment-list li .report3{position:relative}.list-detail-wrap .comment-group .comment-list li .report3 .filter-modal2{z-index:100;position:absolute;bottom:-85px;right:0;min-width:100px;background:var(--bg-modal-back);box-shadow:0 1px 8px hsla(0,0%,8%,.08);border-radius:6px}.list-detail-wrap .comment-group .comment-list li .report3 .filter-modal2 .modal-contents{position:relative}.list-detail-wrap .comment-group .comment-list li .report3 .filter-modal2 .modal-contents button{display:block;width:100%;padding:12px;font-size:14px;line-height:1;text-align:left;margin-left:0;background-color:var(--bg-modal-back)}.list-detail-wrap .comment-group .comment-list li .report3 .filter-modal2 .modal-contents button:first-child{padding-top:16px}.list-detail-wrap .comment-group .comment-list li .report3 .filter-modal2 .modal-contents button:last-child{padding-bottom:16px;color:var(--text-warning)}.list-detail-wrap .comment-group .comment-list li .report3 .filter-modal2 .modal-contents button:hover{background:var(--bg-sub1)}.list-detail-wrap .comment-group .comment-list li .filter-modal3{z-index:100;position:absolute;bottom:-72px;right:0;min-width:100px;background:var(--bg-modal-back);box-shadow:0 1px 8px hsla(0,0%,8%,.08);border-radius:6px}.list-detail-wrap .comment-group .comment-list li .filter-modal3 .modal-contents{position:relative}.list-detail-wrap .comment-group .comment-list li .filter-modal3 .modal-contents button{display:block;width:100%;padding:12px;font-size:14px;line-height:1;text-align:left;margin-left:0;background-color:var(--bg-modal-back)}.list-detail-wrap .comment-group .comment-list li .filter-modal3 .modal-contents button:first-child{padding-top:16px}.list-detail-wrap .comment-group .comment-list li .filter-modal3 .modal-contents button:last-child{padding-bottom:16px;color:var(--text-warning)}.list-detail-wrap .comment-group .comment-list li .filter-modal3 .modal-contents button:hover{background:var(--bg-sub1)}.list-detail-wrap .other-article{display:flex;flex-wrap:wrap;margin-top:0;padding-bottom:10px;border-bottom:0}.list-detail-wrap .other-article .other-article-left{width:100%;display:flex;flex-wrap:wrap;margin-top:26px}.list-detail-wrap .other-article .other-article-right{width:100%;height:206px;margin-left:0}.recommendation-box{padding:24px 0;margin-bottom:40px}.recommendation-box .close-btn{right:8px;top:8px}.recommendation-box .title{width:195px;font-size:16px;margin-bottom:20px;text-align:center}.recommendation-box .recommendation-btn{width:60px;height:60px;margin-bottom:8px}.recommendation-box p{font-size:14px}.recommendation-box .reco-bottom-line{margin-top:20px}.recommendation-box .reco-bottom-line p:first-child{font-size:12px;line-height:12px}.recommendation-box .reco-bottom-line p:last-child{line-height:12px}.recommendation-box .reco-bottom-line-done p{font-size:12px;line-height:12px;color:var(--text-sub1)}.recommendation-box .reco-bottom-line-done span{font-size:12px;line-height:12px}.for-recommendation{margin-top:16px;margin-bottom:28px;white-space:pre-line;text-align:center}.for-recommendation p{line-height:20px}.has-recommenders{display:flex;align-items:center;justify-content:center;width:100%;height:72px;background:linear-gradient(45deg,#b0e3ff 40%,#fb8261)}.has-recommenders .background{flex-wrap:wrap;width:calc(100% - 5px);height:67px}.has-recommenders .background .left-side{width:100%}.has-recommenders .background .right-side{display:block;margin-top:-20px}.main-contents .cont-body .wide-list-group li{min-height:104px;padding:12px 0}.main-contents .cont-body .wide-list-group li .left-side .list-content{margin:8px 0}.main-contents .cont-body .wide-list-group li .left-side .list-content p{font-size:15px}.writing-wrap{padding:20px 0 60px}.writing-wrap .main-contents h2{font-size:18px;margin-bottom:20px}.writing-wrap .select-group{flex-wrap:wrap;margin-bottom:8px}.writing-wrap .select-group .select-box{width:100%}.writing-wrap .select-group .select-box:first-child{margin-bottom:8px}.writing-wrap input{padding:10px 16px}.writing-wrap .text-editor{margin:8px 0 20px}.writing-wrap .button-group{justify-content:center}.writing-wrap .button-group button{font-size:14px}.writing-wrap .button-group button.storage-btn span{font-size:14px;margin-left:14px;padding-left:14px}.list-modal .ant-modal-title{font-size:18px;margin-bottom:30px;padding:0 20px}.list-modal .list-group .total-num{font-size:14px;padding:0 20px 20px}.list-modal .list-group .list-box li{padding:20px}.list-modal .list-group .list-box li .title{font-size:14px;margin-bottom:8px}.list-modal .list-group .list-box li .title .button{font-size:14px}.list-modal .list-group .list-box li .date,.list-modal .list-group .list-box li .title .delete-btn{font-size:12px}.dark-list-modal .ant-modal-title{font-size:18px;margin-bottom:30px;padding:0 20px}.dark-list-modal .list-group .total-num{font-size:14px;padding:0 20px 20px}.dark-list-modal .list-group .list-box li{padding:20px}.dark-list-modal .list-group .list-box li .title{font-size:14px;margin-bottom:8px}.dark-list-modal .list-group .list-box li .title .button{font-size:14px}.dark-list-modal .list-group .list-box li .date,.dark-list-modal .list-group .list-box li .title .delete-btn{font-size:12px}.account-wrap .profile-box .contents-box{flex-wrap:wrap}.account-wrap .profile-box .contents-box .box{width:100%}.account-wrap .profile-box .contents-box .box:first-child{margin:0 0 8px}.account-wrap .profile-box .withdrawal-box>p{margin-bottom:20px}.activity-wrap .profile-box{padding:28px 20px 30px;margin-bottom:42px}.activity-wrap .profile-box .img-box{width:36px;height:36px;margin-right:10px}.activity-wrap .profile-box .text-box{width:calc(100% - 126px)}.activity-wrap .profile-box .text-box h3{font-size:16px;margin-bottom:8px}.activity-wrap .profile-box .text-box p{line-height:1.2}.activity-wrap .profile-box .profile-btn{width:80px;height:36px;line-height:36px;font-size:12px;padding:0}.activity-wrap .activity-list-group .list-box .title{margin-bottom:6px}.activity-wrap .activity-list-group .list-box{padding:16px 0}.writing-list-group .list-box .icon-bookmark{position:static;transform:none}.integrate-search-wrap .product-search-box{max-width:100%;height:40px;margin-bottom:20px;border-radius:6px;padding:0 12px}.integrate-search-wrap .select-group{flex-wrap:wrap-reverse;margin-bottom:8px}.integrate-search-wrap .select-group .total-num{width:100%;margin-bottom:20px}.integrate-search-wrap .no-data{padding:180px 0}.integrate-search-wrap .no-data h3{font-size:16px}.youtube-container,.youtube-container .mobile-youtube{display:flex;justify-content:center}.youtube-container .mobile-youtube{width:100%;flex-direction:column;padding:16px;border-radius:10px;border:1px solid var(--border-input);margin-bottom:20px}.youtube-container .mobile-youtube .title-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.youtube-container .mobile-youtube .title-line .left-side{display:flex;align-items:center}.youtube-container .mobile-youtube .title-line .left-side p{font-size:14px;font-weight:500;line-height:14px;margin-left:6px}.shorts-container .title-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.shorts-container .title-line p:first-child{font-weight:700}.shorts-container .title-line p:last-child{font-size:14px;font-weight:400;text-decoration:underline;color:var(--text-sub1)}.shorts-container .shorts-open{min-height:293px;margin-bottom:20px}.shorts-container .no-more-shorts{margin-top:4px;text-align:center;display:flex;flex-direction:column;align-items:center}.shorts-container .no-more-shorts p{font-size:14px;color:var(--text-sub1);font-weight:400;line-height:16px}.shorts-container .no-more-shorts .replay{display:flex;align-items:center;justify-content:center;margin-top:16px;margin-bottom:20px;border-radius:6px;border:1px solid var(--border-main);width:90px;height:36px}.shorts-container .mobile-shorts{display:flex;width:calc(100% + 32px);height:293px;margin-left:-16px;overflow-x:scroll;scrollbar-width:none}.shorts-container .mobile-shorts .content{min-width:136px;margin-right:8px}.shorts-container .mobile-shorts .content:first-child{margin-left:16px}.shorts-container .mobile-shorts .content:last-child{margin-right:0}.shorts-container .mobile-shorts .content p{width:136px;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;word-break:break-all;font-size:14px;line-height:20px;font-weight:400}.shorts-container .mobile-shorts::-webkit-scrollbar,.shorts-container .mobile-shorts::-webkit-scrollbar-thumb{display:none}.media-wrap{margin-top:12px}.media-wrap .category-line{margin-bottom:12px}.media-wrap .each-contents{width:100%;margin-bottom:32px;flex-wrap:wrap}.media-wrap .each-contents .left-side{width:100%;margin-right:0}.media-wrap .each-contents .left-side img:not(.new-video img){width:100%;height:calc(100vw / 1.92)}.media-wrap .each-contents .right-side{width:100%;margin-top:12px}.media-wrap .each-contents .right-side .description-line{min-height:0}.media-wrap .media-divider{width:calc(100% + 32px);height:12px;background-color:var(--bg-sub3);margin-top:54px;margin-bottom:28px;margin-left:-16px}.media-wrap .shorts{margin-bottom:0}.media-wrap .shorts .title-line{margin-bottom:16px}.media-wrap .shorts .title-line p{font-size:16px}.media-wrap .mobile-shorts{display:flex;width:calc(100% + 32px);height:293px;margin-left:-16px;overflow-x:scroll}.media-wrap .mobile-shorts .content{min-width:136px;margin-right:8px}.media-wrap .mobile-shorts .content:first-child{margin-left:16px}.media-wrap .mobile-shorts .content:last-child{margin-right:16px}.media-wrap .mobile-shorts .content p{width:136px;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;word-break:break-all;font-size:14px;line-height:20px;font-weight:400}.media-wrap .mobile-shorts::-webkit-scrollbar,.media-wrap .mobile-shorts::-webkit-scrollbar-thumb{display:none}.media-detail-wrap{margin-top:8px;flex-wrap:wrap}.media-detail-wrap .title-container{width:100%;flex-wrap:wrap}.media-detail-wrap .title-container .left-side{width:100%;margin-right:0}.media-detail-wrap .title-container .left-side img{width:calc(100% + 32px);margin-left:-16px;height:calc(100vw / 1.777)}.media-detail-wrap .title-container .right-side{width:100%}.media-detail-wrap .title-container .right-side .title-line{display:flex;width:100%}.media-detail-wrap .title-container .right-side .title-line .content-container{margin-top:20px;display:flex;justify-content:space-between}.media-detail-wrap .title-container .right-side .title-line .content-container span.content{font-size:18px;line-height:20px;margin-top:3.5px}.media-detail-wrap .title-container .right-side .title-line .status-container{margin-left:4px}.media-detail-wrap .title-container .right-side .time{font-size:14px;font-weight:400;line-height:20px;color:var(--text-sub1);margin-top:5.75px;margin-bottom:8px}.media-detail-wrap .title-container .right-side .description-line p{font-size:14px;font-weight:400;line-height:20px;word-break:break-all}.media-detail-wrap .title-container .right-side .bottom-line .target-group .target{line-height:20px;word-break:break-all}.media-detail-wrap .play-line{margin-top:32px;margin-bottom:32px;width:calc(100% + 32px);height:12px;margin-left:-16px;background-color:var(--bg-sub3)}.media-detail-wrap .video-set .top-line{margin-bottom:11px}.media-detail-wrap .video-set .each-video{min-height:89px;height:auto;padding:8px 0;border-bottom:0;display:flex;justify-content:space-between}.media-detail-wrap .video-set .each-video:hover{background-color:transparent}.media-detail-wrap .video-set .each-video .number{display:none}.media-detail-wrap .video-set .each-video .thumbnail{width:130px;height:73px}.media-detail-wrap .video-set .each-video .text-group{width:calc(100% - 142px);display:flex;justify-content:center;flex-direction:column}.media-detail-wrap .video-set .each-video .text-group .title p{display:inline-block;align-items:center;font-weight:500;overflow:visible;white-space:pre-wrap;word-break:break-all;line-height:20px;font-size:14px}.media-detail-wrap .video-set .each-video .text-group .title .completed{display:none}.media-detail-wrap .video-set .each-video .text-group .title .text-completed,.media-detail-wrap .video-set .each-video .text-group .title .text-new-tag{font-size:14px;font-weight:500;line-height:16px;color:var(--text-orange-btn)}.media-detail-wrap .video-set .each-video .text-group .title .text-new-tag{display:inline}.media-detail-wrap .video-set .each-video .text-group .title .new-tag{display:none}.media-detail-wrap .video-set .each-video .text-group .title .content{display:inline;font-size:14px;white-space:pre-wrap;line-height:20px}.media-detail-wrap .video-set .each-video .text-group .info-line{display:flex;align-items:center;margin-top:2px}.media-detail-wrap .video-set .each-video .text-group .info-line p{font-size:12px}.media-detail-wrap .video-set .each-video .text-group .info-line p:first-child:after{top:7.5px}.media-detail-wrap .series-reco{margin-top:32px}.media-detail-wrap .series-reco p{font-size:16px;line-height:16px;margin-bottom:16px}.media-detail-wrap .series-reco .series-container .each-series{width:calc(calc(100% / 2) - 3.5px)}.media-detail-wrap .series-reco .series-container .each-series img{width:100%;height:100%}.media-detail-wrap .request-share{width:100%;margin-top:0;margin-left:0;margin-bottom:14px;background-color:var(--bg-main);height:258px;display:flex;justify-content:center;align-items:center;flex-direction:column}.media-detail-wrap .request-share .content .title{white-space:pre-wrap}.media-detail-wrap .request-share .content textarea{height:130px}.media-detail-wrap .request-share .content .bottom-line{display:flex}.media-detail-wrap .request-share .content .bottom-line .confirm-btn{width:100%;height:44px;border-radius:10px;background-color:var(--bg-active-btn);display:flex;align-items:center;justify-content:center;margin-top:12px;cursor:pointer}}@media (max-width:768px){.mission-wrap .banner-group{margin-top:20px;display:block}.mission-wrap .banner{width:100%;padding:0 18px 0 21px}.mission-wrap .banner:first-child{margin-bottom:8px}.mission-wrap .banner-left{display:flex;flex-direction:column}.mission-wrap .banner p.title{color:var(--text-main);font-size:16px;line-height:16px;font-weight:700}.mission-wrap .banner p.description{color:var(--text-sub3);font-size:14px;line-height:14px;font-weight:400;margin-top:12px}.mission-wrap .mission-container .mission-box button,.mission-wrap .mission-container .progress-box button{min-width:76px;max-width:76px}.mission-wrap .mission-container .mission-box .mission-box-left,.mission-wrap .mission-container .progress-box .progress-box-left{width:calc(100% - 118px)}}@media (max-width:500px){.integrate-search-wrap .select-group{position:relative}.integrate-search-wrap .select-group .select-box{position:static;margin-right:8px}.integrate-search-wrap .select-group .select-box:last-child{margin-right:0}.integrate-search-wrap .select-group .select-box .option-box{width:calc(100vw - 48px)}.integrate-search-wrap .select-group .select-box-small{position:static}.integrate-search-wrap .select-group .select-box-small .option-box{width:calc(100vw - 48px)}.list-detail-wrap .comment-group .comment-box .bottom .picture-btn span{max-width:150px}.activity-wrap .activity-list-group .list-box .title .subject-line{width:100%}.category-wrap .contents-group .list-group .list-box .info-line .tag-box{max-width:100%}.writing-list-group .list-box-bookmark .info-line .tag-box{max-width:calc(100% - 70px)}.writing-list-group .list-box .info-line .tag-box,.writing-list-group .list-box .info-line .tag-box-2{max-width:calc(100% - 20px)}.profile-wrap .profile-box .contents-box2{justify-content:space-between;align-items:flex-start;margin-top:0;display:block}.profile-wrap .profile-box .contents-box2 .each-box{justify-content:space-between;display:flex;width:100%}.profile-wrap .profile-box .contents-box2 .each-box:not(:first-child){margin-top:20px}.profile-wrap .profile-box .contents-box2 .left{margin-left:0}.profile-wrap .profile-box .contents-box2 .right{margin-right:0}.ck-tooltip{display:none!important}.mission-wrap .title-line p.description{line-height:20px;width:250px}.mission-wrap .mission-container{width:calc(100% + 32px);min-height:522px;border-radius:0;margin-left:-16px;margin-right:-16px;padding:24px 16px}.mission-wrap .mission-container .mission-title-line p.title{color:var(--text-main);font-size:16px;line-height:16px;font-weight:700;margin-bottom:16px}.mission-wrap .mission-container .mission-title-line p.description{display:none}.mission-wrap .mission-container .progress-box .progress-box-left{width:calc(100% - 92px)}.mission-wrap .mission-container .progress-box .progress-box-left .progress-count{font-size:12px;line-height:14px;width:24px}.mission-wrap .mission-container .mission-box .mission-box-left{width:calc(100% - 92px)}.mission-wrap .mission-container .mission-box .mission-box-left .progress-count{font-size:12px;line-height:12px}.mission-wrap .mission-container .description-group{margin-top:8px}}.Container{text-align:left;display:flex;border-radius:8px;border:1px solid #ccc;color:#000;transition:all .3s ease;max-width:480px;width:100%;height:7rem;margin-top:10px}.Container:hover{cursor:pointer}.Secondary{color:#646464}.LowerContainer{width:66%;min-width:0;padding:10px;flex:3 1}.Title{margin-top:0;font-size:18px;color:#303437;line-break:anywhere}.Description,.Title{width:100%;margin-bottom:10px}.Description{line-height:1.4}.Image{width:100%;border-top-left-radius:7px;border-bottom-left-radius:7px;background-size:cover;background-repeat:no-repeat;background-position:50%;flex:1 1}.Description,.SiteName,.Title{width:100%;white-space:nowrap;flex-flow:row nowrap;text-overflow:ellipsis;overflow:hidden}@media(max-width:640px){.Image{max-width:33%;width:33%}.LowerContainer{max-width:66%;width:66%}.Description,.SiteName,.Title{width:100%;white-space:nowrap;flex-flow:row nowrap;text-overflow:ellipsis;overflow:hidden}.Secondary{padding:0}}@media(min-width:641px)and (max-width:768px){.Description,.SiteName,.Title{white-space:nowrap;flex-flow:row nowrap;text-overflow:ellipsis;overflow:hidden}.Secondary{padding:0;width:66%}}.dark-writing-body .Description{color:#b1b7bd}.dark-writing-body .SiteName{color:#8f969a}.dark-writing-body .Container{border-color:#8f969a}