@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css";@import"https://fonts.googleapis.com/css2?family=Cinzel&family=Kalnia&family=Marcellus&display=swap";@import"https://fonts.googleapis.com/css2?family=Audiowide&family=Cookie&family=Days+One&family=Marcellus&family=Noto+Sans+KR:wght@400;700&family=Teko:wght@300;400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Krona+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Reem+Kufi+Fun:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:Pretendard Variable;src:url(/font/PretendardVariable.woff2) format("woff2");font-weight:100 200 300 400 500 600 700;font-style:normal}@font-face{font-family:Tw Cen MT;src:url(/font/Tw%20Cen%20MT.woff) format("woff");font-weight:100 200 300 400 500 600 700;font-style:normal}@font-face{font-family:Cafe24Ohsquare;src:url(/font/Cafe24OhsquareAir-v2.0.woff2) format("woff2");font-weight:100 200 300 400 500 600 700;font-style:normal}@font-face{font-family:Cafe24Classictype;src:url(/font/Cafe24Classictype-v1.1.woff2) format("woff2");font-weight:100 200 300 400 500 600 700;font-style:normal}@font-face{font-family:GmarketSans;src:url(/font/GmarketSansTTFLight.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:CenturyGothic;src:url(/font/centurygothic.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CopperplateGothic;src:url(/font/copperplate-gothic-light.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:CenturyGothicBold;src:url(/font/centurygothic_bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Futura;src:url(/font/FuturaBook.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:GmarketSans;src:url(/font/GmarketSansTTFMedium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:GmarketSans;src:url(/font/GmarketSansTTFBold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:RussoOne-Regular;src:url(/font/RussoOne-Regular.ttf) format("truetype");font-weight:100 200 300 400 500 600 700;font-style:normal}@font-palette-values --nabla-white{font-family:Nabla;base-palette:0;override-colors:0 #ffffff,1 #ffffff,2 #ffffff,3 #ffffff,4 #ffffff,5 #ffffff,6 #ffffff,7 #ffffff}@font-face{font-family:Nabla;src:url(/font/Nabla.ttf) format("truetype");font-weight:400;font-style:normal;font-variation-settings:"EDPT" 100,"EHLT" 12}@font-face{font-family:Pretendard-Regular;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;-webkit-overflow-scrolling:touch}:root{--bg-color: radial-gradient(213.57% 50% at 50% 50.05%, #ECE8F6 0%, #F1F1FD .01%, #F9F6FF 100%);--lightgrey-color: #F5F5F5;--line-color: #D3D9EB;--title-color: #3b3f4e;--subtit-color: #999999;--point-color: #7F6AFF;--pointlight-color: #D0C0FF;--sub-color: #F5F0FF;--title-color2: #0d0d0d;--subtit-color2: rgb(104, 118, 125)}html,body{font-family:Pretendard Variable,Pretendard,Pretendard-Regular,sans-serif;letter-spacing:-.2px;background-color:var(--bg-color);color:var(--title-color);font-synthesis:none}h1,h2,h3,h4,h5,p,address{padding:0;margin:0;-webkit-font-smoothing:antialiased}table{caption-side:bottom;border-collapse:collapse;border:1px solid #d8d8d8}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{padding:5px 10px;border-radius:5px;background-color:var(--bs-white);border:1px solid #e6e6e6;color:#000}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}input[readonly]{pointer-events:none;border:1px solid #e6e6e6;background-color:#e6e6e6}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}ul,li{list-style:none}a{text-decoration:none;color:inherit}input{font-family:Pretendard Variable,sans-serif}[hidden]{display:none!important}#root{width:100%;max-width:1920px;margin:0 auto}.container{width:100%}.mobile-only,.mobile-flex-only{display:none!important}@media screen and (max-width: 768px){.pc-only{display:none!important}.mobile-only{display:block!important}.mobile-flex-only{display:flex!important}}.main2-footer-section{position:relative;width:100%;background-color:#f1f2f3}.main2-footer-section.dark{background-color:#05060f;border-top:1px solid rgb(241,242,243,.2)}.main2-footer-section .main2-footer-container{position:relative;width:100%;padding:30px 200px;display:flex;flex-direction:column;justify-content:space-between}.main2-footer-section .main2-footer-bottom{position:relative;width:100%;display:flex;justify-content:space-between;color:#999}.main2-footer-section .main2-footer-bottom .box{display:flex;flex-direction:column;gap:1rem}.main2-footer-section .main2-footer-item{position:relative;height:100%;font-size:12px;display:flex;line-height:1.5;justify-content:flex-start}.main2-footer-section .main2-footer-item.left{width:100%;font-size:14px}.main2-footer-section .main2-footer-item.center{width:100%}.main2-footer-section .main2-footer-item.right{width:25%;align-items:flex-end}.main2-footer-section .main2-icon-wrap{width:100%;display:flex;justify-content:flex-end;gap:14px;font-size:36px;color:#fff}.main2-footer-section .main2-footer-button{font-size:12px;font-weight:500}@media screen and (max-width: 768px){.main2-footer-section .main2-footer-container{padding:30px 20px 40px}}.backram-main-section{position:relative;width:100%;height:100dvh;margin:0;padding:0}.backram-main-section .backram-off-main-title{position:absolute;top:0;left:0;opacity:0;font-size:0;z-index:-10}.backram-main-section .cover{width:100%;height:100%;padding:7rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.backram-main-section .cover .title-box{width:100%;display:flex;flex-direction:column;padding-bottom:2rem;opacity:0;transform:translateY(100px);transition:all 1s}.backram-main-section.active .cover .title-box{opacity:1;transform:translateY(0)}.backram-main-section .cover .inner{color:#000}.backram-main-section .item-top-button{padding:6px 24px;color:#fff;border-radius:50px;margin-bottom:12px;width:fit-content}.backram-main-section .item-top-button.red{background-color:#ea7d73}.backram-main-section .item-top-button.blue{background-color:#4079eb}.backram-main-section .cover .inner .sub-b{border-radius:30px;border:1px solid #e0e0e0;padding:4px 8px 4px 12px;cursor:pointer}.backram-main-section .cover .inner .sub{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#646464}.backram-main-section .cover .inner .sub svg{width:16px;height:16px}.backram-main-section .cover .inner .title{font-size:1.2rem;font-weight:400;line-height:1.2;color:#000}.backram-main-section .cover .inner .s-title{text-align:center;padding-bottom:2rem;font-size:1.4rem;color:#646464}.backram-main-section .cover .title-box .inner{display:flex;flex-direction:column;justify-content:center;align-items:center}.backram-main-section .cover .title-box .inner .engle{font-size:60px;font-weight:600;font-family:Urbanist,sans-serif;margin:0 .8rem 1rem}.backram-main-section .cover .title-box .t-list{width:100%}.backram-main-section .cover .title-box .list-box{display:flex;justify-content:center;align-items:center;gap:.6rem}.backram-main-section .cover .title-box .list-box .btn{display:flex;gap:1rem;border:1px solid #e0e0e0;border-radius:.5rem;padding:.5rem}.backram-main-section .cover .title-box .list-box .btn .set{display:flex;gap:1rem;background-color:#ededed;border-radius:20px;padding:.5rem 1rem;color:#000}.backram-main-section .cover .title-box .list-box .btn .set1{display:flex;gap:1rem;background-color:#007bff;border-radius:20px;padding:.5rem 1rem;color:#fff}.backram-main-section .cover .title-box .list-box .btn{font-size:.9rem}.backram-main-section .cover .list-container{width:1300px;display:flex;justify-content:center;align-items:center;gap:2.5rem;flex-direction:column;margin:0 auto}.backram-main-section .cover .list-container .list-item{width:100%;display:flex;justify-content:center;align-items:flex-start;gap:1.5rem;opacity:1}.backram-main-section.active .cover .list-container .item-images.left{opacity:1;transform:translate(0)}.backram-main-section .cover .list-container .item-images{width:50%;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;position:relative;background-color:#fff;border-radius:40px;transform:translate(-200px);opacity:0;transition:all 1s;padding:36px 42px;box-shadow:0 1px 14.3px -4px #00000040}.backram-main-section .cover .list-container .item-images .item-header{display:flex;justify-content:space-between;align-items:flex-end;padding:0 8px 20px;border-bottom:1px solid rgba(119,119,119,.4)}.backram-main-section .cover .list-container .item-images .item-header .item-category-wrap .item-category-title-top{font-size:18px;font-weight:400;letter-spacing:-.5px;margin-bottom:4px}.backram-main-section .cover .list-container .item-images .item-header .item-category-wrap .item-category-title-top.red{color:#e1766b}.backram-main-section .cover .list-container .item-images .item-header .item-category-wrap .item-category-title-top.blue{color:#4079eb}.backram-main-section .cover .list-container .item-images .item-wrap{display:flex;flex-direction:row;gap:12px}.backram-main-section .cover .list-container .item-images .item-wrap.grid{width:100%;flex-wrap:wrap;padding:0 20px 20px;cursor:pointer}.backram-main-section .item-left-inner-title{font-size:18px;font-weight:500}.backram-main-section .item-left-inner-textwrap{display:flex;height:100%;flex-direction:column;justify-content:space-between}.backram-main-section .item-left-inner-descwrap{font-size:14px;color:#646464}.backram-main-section .item-left-inner-items{display:flex;align-items:flex-start;justify-content:space-between;width:calc(50% - 12px);background-color:#f4f4f4;border-radius:16px;padding:16px}.backram-main-section .cover .list-container .item-images .item-header .item-category-wrap .item-category-title{font-size:22px;font-weight:500;line-height:120%;letter-spacing:-.8px}.backram-main-section .cover .list-container .item-images.right{position:relative;flex-direction:column;transform:translate(200px);opacity:1;transition:all 1s;gap:1.5rem;cursor:pointer}.backram-main-section.active .cover .list-container .item-images.right{transform:translate(0)}.backram-main-section .item-wrap .item-fairs{display:flex;flex-direction:column;gap:20px}.backram-main-section .item-fair-wrap{display:flex;gap:20px}.backram-main-section .item-fair-img-wrap{width:56px;height:56px;overflow:hidden;border-radius:12px}.backram-main-section .item-fair-img-wrap img{object-fit:cover;object-position:top;width:100%;height:100%}.backram-main-section .item-fair-title-wrap{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.backram-main-section .item-fair-title{font-weight:400;color:#000;font-size:18px}.backram-main-section .cover .list-container .item-images.right .item-wrap{display:flex;flex-direction:column;gap:24px}.backram-main-section .cover .list-container .item-images .on-cover .on-btn{background:linear-gradient(100deg,#f8f8f8 8%,#929292 600%);border-radius:20px;padding:8px 20px;color:#444;font-size:16px;font-weight:300}.backram-main-section .cover .list-container .vs-text{display:flex;justify-content:center;align-items:center;opacity:0;transition:all 1s;height:100%}.backram-main-section.active .cover .list-container .vs-text{transition-delay:.2s;opacity:1}.backram-main-section .vs-button-wrap{position:relative;width:100%;height:0;z-index:50}.backram-main-section .vs-button{position:absolute;top:-25px;left:50%;transform:translate(-50%)}.backram-main-section .cover .list-container .vs-text span{background-image:linear-gradient(360deg,#fff6,#000 45%);text-transform:uppercase;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:0;margin-bottom:0;font-size:1.5rem;font-weight:400;line-height:1.2;font-family:Urbanist,sans-serif}.backram-main-section .cover .list-container .item-images .image-wrapper{position:relative;width:50%;overflow:hidden;border-radius:40px}.backram-main-section .cover .list-container .item-images .image-wrapper img{width:100%;height:100%;object-fit:cover}.image-wrapper[data-glow=combined]:after{content:"";pointer-events:none;-webkit-user-select:none;user-select:none;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:inherit;opacity:.7;background:radial-gradient(ellipse 70% 70% at 85% 15%,#e0cbe0e6,#8a2be266,#8a2be200);z-index:1}.image-wrapper[data-glow=combined]:before{content:"";pointer-events:none;-webkit-user-select:none;user-select:none;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:inherit;opacity:1;will-change:background,opacity;transition:opacity .4s ease;background:radial-gradient(circle 8rem at var(--cursor-x, 50%) var(--cursor-y, 50%),rgba(100,200,255,.8),rgba(0,123,255,.5),rgba(0,123,255,0));z-index:2}.image-wrapper[data-glow=combined]:hover:before{opacity:1}.image-wrapper[data-glow=green-combined]:after{background:radial-gradient(ellipse 70% 70% at 85% 15%,#90ee90cc,#228b2266,#228b2200)}.image-wrapper[data-glow=green-combined]:before{background:radial-gradient(circle 8rem at var(--cursor-x, 50%) var(--cursor-y, 50%),rgba(255,255,255,.8),rgba(144,238,144,.5),rgba(144,238,144,0))!important}.image-wrapper[data-glow=orange-combined]:after{background:radial-gradient(ellipse 70% 70% at 85% 15%,#ffa500cc,#ff8c0066,#ff8c0000)}.image-wrapper[data-glow=orange-combined]:before{background:radial-gradient(circle 8rem at var(--cursor-x, 50%) var(--cursor-y, 50%),rgba(255,255,255,.8),rgba(255,165,0,.5),rgba(255,165,0,0))!important}.image-wrapper[data-glow=red-combined]:after{background:radial-gradient(ellipse 70% 70% at 85% 15%,#ff6347cc,#dc143c66,#dc143c00)}.image-wrapper[data-glow=red-combined]:before{background:radial-gradient(circle 8rem at var(--cursor-x, 50%) var(--cursor-y, 50%),rgba(255,255,255,.8),rgba(255,99,71,.5),rgba(255,99,71,0))!important}.image-wrapper[data-glow=bottom-left]:after{background:radial-gradient(ellipse 70% 70% at 15% 85%,#e0cbe0e6,#8a2be266,#8a2be200)}.image-wrapper[data-glow=center]:after{background:radial-gradient(ellipse 50% 50% at 50% 50%,#e0cbe0e6,#8a2be266,#8a2be200)}.backram-main-section .cover .list-container .item-images.left .item-content{width:50%;display:flex;padding:28px 0 0;flex-direction:column;justify-content:flex-start;gap:1rem}.backram-main-section .cover .list-container .item-images .item-content .item-description{display:flex;align-items:center;gap:4px}.backram-main-section .cover .list-container .item-images .item-content .item-description .item-description-item{font-size:16px;font-weight:400;line-height:130%;color:#646464}.backram-main-section .cover .list-container .item-content .on-cover{width:100%;display:flex;flex-direction:column;align-items:flex-end;padding-bottom:2rem}.backram-main-section .cover .list-container .item-content .on-cover .on-btn{background-color:#f8f8f8;border-radius:20px;padding:.2rem 1rem}.backram-main-section .cover .list-container .item-content .on-cover .on-btn p{color:#646464}.backram-main-section .cover .list-container .item-content .item-title{font-size:20px}.backram-main-section .cover .list-container .item-content .link{border:1px solid #DFDFDF;border-radius:20px;padding:.5rem 5rem}.backram-main-section .cover .bottom{width:100%;display:flex;justify-content:space-between;padding:2rem 0}.backram-main-section .cover .bottom .btm-sub{background-image:linear-gradient(90deg,#4c45a5,#e0cbe0);text-transform:uppercase;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(.875rem,3vw,1.25rem);font-family:Italiana,sans-serif;font-weight:900}.backram-main-section .cover .bottom .btm-cover{width:100%;display:flex;flex-direction:column;gap:1rem}.backram-main-section .cover .bottom .btm-cover .btn-box{width:100%;display:flex;gap:2rem}.backram-main-section .cover .bottom .btm-cover .btn-box .txt-bx{padding:1rem;border-radius:30px;background-color:#fff}.backram-main-section .item-fair-desc{color:#646464;font-size:14px}@media screen and (max-width: 768px){.backram-main-section{height:100%}.backram-main-section .cover{padding:0 5%;height:100%}.backram-main-section.active .cover .title-box{padding-top:4.25rem;padding-bottom:0}.backram-main-section .cover .title-box .inner .engle{font-size:40px;text-align:center;font-weight:700;margin:.4rem .8rem .8rem;line-height:1;color:#272a36}.backram-main-section .cover .inner .s-title{font-size:.9rem;text-align:center}.backram-main-section .cover .inner .title{font-size:15px;text-align:center}.backram-main-section .cover .list-container .list-item{flex-direction:column;gap:.5rem}.backram-main-section.active .cover .list-container .item-images.left{height:auto}.backram-main-section .cover .list-container .item-images{width:100%;border-radius:20px;gap:.4rem;padding:1.3rem 1.2rem}.backram-main-section .cover .list-container{width:100%;height:auto;padding:0 0 6rem}.backram-main-section .cover .list-container .item-images .image-wrapper{width:142px;height:142px;border-radius:20px}.backram-main-section .cover .list-container .item-content .item-title{font-size:16px}.backram-main-section.active .cover .list-container .vs-text{height:22px;overflow:hidden;width:100%}.backram-main-section.active .cover .list-container .vs-text img{object-fit:contain}.backram-main-section .cover .list-container .item-images.right .on-cover .on-btn{font-size:14px}.backram-main-section .cover .list-container .item-images.right .r-cover .inner{align-items:center}.backram-main-section .cover .list-container .item-images.right .on-cover{right:1rem}.backram-main-section .cover .list-container .item-images.left .item-content{padding-top:0}.backram-main-section .cover .list-container .item-images .item-content .item-description .item-description-item{font-size:12px}.backram-main-section .item-fair-title{font-size:16px}.backram-main-section .item-fair-desc,.backram-main-section .button-text{font-size:12px}.backram-main-section .item-top-button{padding:4px 12px;font-size:12px;margin-bottom:8px}.backram-main-section .cover .list-container .item-images .item-header .item-category-wrap .item-category-title-top{font-size:14px}.backram-main-section .cover .list-container .item-images .item-header .item-category-wrap .item-category-title{font-size:18px;letter-spacing:-.9px}.backram-main-section .cover .list-container .item-images .item-wrap.grid{padding:12px 0 0}.backram-main-section .item-left-inner-imagewrap{width:42px;height:42px;overflow:hidden}.backram-main-section .item-left-inner-imagewrap img{width:100%;height:100%;object-fit:cover;object-position:top}.backram-main-section .item-left-inner-items{width:calc(50% - 6px);padding:12px}.backram-main-section .item-left-inner-title{font-size:16px}.backram-main-section .item-left-inner-descwrap{font-size:12px;color:#646464}}.offline-container{position:relative;width:100%;margin:0;padding:0}@media screen and (max-width: 768px){.offline-container{overflow:hidden}}.offline-main-container{position:relative;width:100%;margin:0;padding:0}.offline-main-container .offline-main-cover{max-width:1200px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;margin:0 auto;padding:160px 0 80px;background-color:#fff}.offline-main-container .offline-main-cover .offline-header{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px;z-index:2}.offline-main-container .offline-main-cover .offline-header .offline-title-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.offline-main-container .offline-main-cover .offline-header .offline-title-wrap .offline-title{font-size:36px;font-weight:600;line-height:120%}.offline-main-container .offline-main-cover .offline-header .offline-title-wrap .offline-title-gradient{background:linear-gradient(90deg,#3e79ea,#8482ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.offline-main-container .offline-main-cover .offline-header .offline-title-wrap .offline-title-desc{color:#3b3f4e;font-size:14px;line-height:140%}.offline-main-container .offline-main-cover .offline-header .offline-filter-bar{display:flex;justify-content:center;gap:12px;height:40px}.offline-main-container .offline-main-cover .offline-header .offline-filter-bar .offline-filter-bar-item{display:flex;justify-content:center;align-items:center;gap:4px;padding:8px 16px 8px 10px;background:#fff;border:1px solid #E0E0E0;outline:none;border-radius:8px;font-size:14px;font-weight:400;color:#777;cursor:pointer;transition:all .3s ease;height:100%;min-width:100px}.offline-main-container .offline-main-cover .offline-header .offline-filter-bar .offline-filter-bar-item.noicon{padding:8px 16px}.offline-main-container .offline-main-cover .offline-header .offline-filter-bar .offline-filter-bar-item.active{background:linear-gradient(90deg,#4179eb,#8382ff);color:#fff;border:1px solid rgba(224,224,224,0)}.offline-main-container .offline-main-cover .offline-header .offline-filter-bar .offline-filter-bar-item img{width:24px;height:24px}.offline-main-container .offline-main-cover .offline-grid{position:relative;width:100%;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgb(0,0,0,.1)}.offline-main-container .offline-pc-line-ab{position:absolute;bottom:100%;left:50%;width:30%;height:50px;overflow:hidden;transform:translate(-50%);z-index:1}.offline-main-container .offline-pc-line-ab img{object-fit:cover;width:100%}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card{width:100%;display:flex;align-items:flex-start;gap:40px;padding:40px;background:#fff;cursor:pointer}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card:nth-of-type(3),.offline-main-container .offline-main-cover .offline-grid .offline-fair-card:nth-of-type(4){border-top:none}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card:nth-of-type(2n){border-right:none}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-image{width:calc(50% - 20px);aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#f3f4f8;display:flex;align-items:center;justify-content:center}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-image img{width:100%;height:100%;object-fit:cover}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info{width:calc(50% - 20px);min-height:240px;display:flex;flex-direction:column;gap:20px;justify-content:space-between}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-title-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-title-wrap .offline-fair-info-title{font-size:24px;font-weight:500;line-height:120%;letter-spacing:-.5px}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-title-wrap .offline-fair-info-title-desc{font-size:12px;font-weight:400;color:#777;letter-spacing:-.5px}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-desc-list{list-style:none;padding:0;margin:0 0 1em;color:#444;font-size:15px;font-weight:400;letter-spacing:-.5px}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-desc-item{display:flex;align-items:center;gap:8px}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-desc-item svg{width:24px;height:24px}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-desc-item.location-item{padding-top:8px}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-desc-item.location-item svg{padding:2px}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-desc-item .offline-fair-info-desc-item-text{max-width:200px}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-button{position:relative;width:100%;padding:12px 20px;border:none;outline:none;border-radius:0;background:transparent;color:#646464;font-size:14px;font-weight:400;letter-spacing:-.8px;transition:background .2s}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-button:before,.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-button:after{position:absolute;content:"";display:block;width:100%;height:1px;background:linear-gradient(90deg,#3c3c3c00,#3c3c3ccc 40%,#3c3c3ccc 60%,#3c3c3c00);left:0}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-button:before{top:0}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-button:after{bottom:0}@media screen and (max-width: 900px){.offline-main-container .offline-main-cover{padding:24px 12px}.offline-main-container .offline-main-cover .offline-grid{gap:18px 10px}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card{padding:16px 8px;gap:10px}}@media screen and (max-width: 768px){.offline-main-container{padding-top:100px;overflow:hidden}.offline-main-container .offline-main-cover{padding:24px 12px 40px}.offline-main-container .offline-main-cover .offline-grid{grid-template-columns:1fr;gap:24px;border-top:none}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card{flex-direction:column;align-items:center;max-height:600px;min-height:180px;gap:20px;box-shadow:0 2px 12px #5064961a;border-radius:16px;padding:20px}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-image{width:100%;aspect-ratio:1/.6}.offline-main-container .offline-main-cover .offline-header .offline-title-wrap .offline-title,.offline-main-container .offline-main-cover .offline-header .offline-title-wrap .offline-title-gradient{font-size:26px;letter-spacing:-2px}.offline-main-container .offline-main-cover .offline-header .offline-filter-bar{width:100%;padding:0;gap:0;overflow:visible;height:auto}.offline-main-container .offline-main-cover .offline-header .offline-filter-bar .offline-filter-hierarchical{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;position:relative}.offline-main-container .offline-main-cover .offline-header .offline-filter-bar .offline-filter-top-row,.offline-main-container .offline-main-cover .offline-header .offline-filter-bar .offline-filter-bottom-row{display:flex;justify-content:center;gap:12px;width:100%}.offline-main-container .offline-main-cover .offline-header .offline-filter-bar .offline-filter-connector{position:relative;width:100%;height:20px;display:flex;justify-content:center;align-items:center}.offline-main-container .offline-main-cover .offline-header .offline-filter-bar .offline-filter-vertical-line{width:1px;height:12px;background-color:#e0e0e0;position:absolute;top:0}.offline-main-container .offline-main-cover .offline-header .offline-filter-bar .offline-filter-horizontal-line{width:80px;height:1px;background-color:#e0e0e0;position:absolute;top:6px}.offline-main-container .offline-main-cover .offline-header .offline-filter-bar .offline-filter-bar-item{width:auto;display:flex;justify-content:center;flex-shrink:0;white-space:nowrap;font-size:14px;padding:8px 12px;min-width:80px}.offline-main-container .offline-main-cover .offline-header .offline-filter-bar .offline-filter-swiper{width:100%;padding:0 20px}.offline-main-container .offline-main-cover .offline-header .offline-filter-bar .swiper-slide{width:auto;height:auto}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info{gap:12px;width:100%;height:50%;min-height:220px;justify-content:space-between}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-title-wrap{gap:2px}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-title-wrap .offline-fair-info-title{font-size:20px;font-weight:700;line-height:120%;letter-spacing:-.5px}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-title-wrap .offline-fair-info-title-desc{font-size:12px;font-weight:400;color:#777;letter-spacing:-.5px}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-desc-list{margin-bottom:0}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-desc-item .offline-fair-info-desc-item-text{font-size:15px;width:80%;max-width:unset;color:#444}.offline-main-container .offline-button-wrap{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px 20px;gap:12px;background-color:#f7f7f7;border-radius:12px;margin-top:12px}.offline-main-container .offline-button-wrap span{font-size:12px;color:#444;font-weight:400;letter-spacing:-.5px}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-button{font-size:12px;background-color:#000;border-radius:8px;color:#fff}.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-button:before,.offline-main-container .offline-main-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-button:after{display:none}.offline-main-container .offline-main-cover .offline-header .offline-filter-bar .offline-filter-bar-item{font-size:12px;min-width:90px;padding:6px 12px}.offline-main-container .offline-pc-line-ab{height:100px;bottom:100%}.offline-main-container .offline-pc-line-ab img{height:100%}}.offline-category-container{position:relative;width:100%;margin:0;padding:0}.offline-category-container .offline-category-cover{max-width:1200px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:40px;margin:0 auto;padding:60px 0;background-color:#fff}.offline-category-container .offline-category-cover .offline-category-title-wrap{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.offline-category-container .offline-category-cover .offline-category-title-wrap .offline-category-title{font-size:24px;font-weight:600;letter-spacing:-.5px;color:#000}.offline-category-container .offline-category-cover .offline-category-title-wrap .offline-category-title-top{font-size:14px;font-weight:300;letter-spacing:-.5px;color:#4b7aee}.offline-category-container .offline-category-cover .offline-category-wrap{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:40px}.offline-category-container .offline-category-cover .offline-category-wrap .offline-category-icon-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer}.offline-category-container .offline-category-cover .offline-category-wrap .offline-category-icon-wrap .offline-category-top{position:relative;width:90px;height:90px;border-radius:8px;background-color:#f0f0f0;outline:1px solid #eee;overflow:hidden}.offline-category-container .offline-category-cover .offline-category-wrap .offline-category-icon-wrap .offline-category-top img{transform:scale(1.02)}.offline-category-container .offline-category-cover .offline-category-wrap .offline-category-icon-wrap .offline-category-name{font-size:12px;font-weight:400;color:#000;letter-spacing:-.8px}.offline-category-container .offline-category-cover .offline-category-inner,.offline-category-container .offline-category-cover .offline-category-inner.category-grid{width:100%}.offline-category-container .offline-category-cover .offline-category-inner .offline-category-grid-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.offline-category-container .offline-category-cover .offline-category-inner .offline-category-grid-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;background-color:#fff;border-radius:12px;border:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.offline-category-container .offline-category-cover .offline-category-inner .offline-category-grid-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.offline-category-container .offline-category-cover .offline-category-inner .offline-category-grid-item .offline-category-top{display:flex;justify-content:center;align-items:center}.offline-category-container .offline-category-cover .offline-category-inner .offline-category-grid-item .offline-category-top img{max-width:40px;max-height:40px;object-fit:contain}.offline-category-container .offline-category-cover .offline-category-inner .offline-category-grid-item .offline-category-name{font-size:12px;font-weight:400;color:#666;letter-spacing:-.5px;text-align:center;white-space:nowrap;line-height:1.2}.offline-category-container .offline-category-cover .offline-category-inner .offline-category-grid-item .offline-category-name.on{color:#007bff;font-weight:600}.offline-category-container .offline-category-cover .offline-category-inner .offline-category-grid-item.selected{background:linear-gradient(135deg,#4b7aee,#8b5cf6);border-color:transparent}.offline-category-container .offline-category-cover .offline-category-inner .offline-category-grid-item.selected .offline-category-name{color:#fff;font-weight:600}@media screen and (max-width: 768px){.offline-category-container .offline-category-cover{padding:40px 14px;gap:24px}.offline-category-container .offline-category-cover .offline-category-inner .offline-category-grid-wrap{gap:8px}.offline-category-container .offline-category-cover .offline-category-inner .offline-category-grid-item{padding:12px 10px;gap:6px;width:fit-content}.offline-category-container .offline-category-cover .offline-category-inner .offline-category-grid-item .offline-category-top img{max-width:35px;max-height:35px}.offline-category-container .offline-category-cover .offline-category-inner .offline-category-grid-item .offline-category-name{font-size:13px}.offline-category-container .offline-category-cover .offline-category-title-wrap{width:100%;justify-content:center;align-items:center}}.offline-list-container{position:relative;width:100%;margin:0;padding:0}.offline-list-container .offline-list-cover{max-width:1200px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin:0 auto;padding:20px 0 80px;background-color:#fff}.offline-list-container .offline-list-cover .offline-header{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px}.offline-list-container .offline-list-cover .offline-header .offline-title-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.offline-list-container .offline-list-cover .offline-header .offline-title-wrap .offline-title{font-size:36px;font-weight:600;line-height:120%}.offline-list-container .offline-list-cover .offline-header .offline-title-wrap .offline-title-gradient{background:linear-gradient(90deg,#3e79ea,#8482ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.offline-list-container .offline-list-cover .offline-header .offline-title-wrap .offline-title-desc{color:#3b3f4e;font-size:14px;line-height:140%}.offline-list-container .offline-list-cover .offline-header .offline-filter-bar{display:flex;justify-content:center;gap:12px}.offline-list-container .offline-list-cover .offline-header .offline-filter-bar .offline-filter-bar-item{display:flex;align-items:center;gap:4px;padding:8px 16px 8px 10px;background:#fff;border:1px solid #E0E0E0;outline:none;border-radius:8px;font-size:16px;font-weight:400;color:#777;cursor:pointer;transition:all .3s ease}.offline-list-container .offline-list-cover .offline-header .offline-filter-bar .offline-filter-bar-item:first-of-type{padding:8px 16px}.offline-list-container .offline-list-cover .offline-header .offline-filter-bar .offline-filter-bar-item.active{background:linear-gradient(90deg,#4179eb,#8382ff);color:#fff;border:1px solid rgba(224,224,224,0)}.offline-list-container .offline-list-cover .offline-header .offline-filter-bar .offline-filter-bar-item:hover{background:#e0e7ff}.offline-list-container .offline-list-cover .offline-header .offline-filter-bar .offline-filter-bar-item img{width:24px;height:24px}.offline-list-container .offline-list-cover .offline-grid{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:48px 32px}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card{width:calc((100% - 96px)/4);height:480px;border-radius:16px;box-shadow:0 2px 12px #5064961a;display:flex;flex-direction:column;align-items:center;gap:32px;padding:20px 20px 36px;background:#fff;cursor:pointer}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-image{width:100%;height:auto;aspect-ratio:1.2 / 1;border-radius:12px;overflow:hidden;background:#f3f4f8;display:flex;align-items:center;justify-content:center}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-image img{width:100%;height:100%;object-fit:cover;object-position:top}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info{display:flex;flex-direction:column;gap:20px}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-title-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-left:4px}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-title-wrap .offline-fair-info-title{font-size:20px;font-weight:500;line-height:120%;letter-spacing:-.5px}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-title-wrap .offline-fair-info-title-desc{font-size:12px;font-weight:400;color:#777;letter-spacing:-.5px}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-desc-list{list-style:none;padding-bottom:8px;color:#666;font-size:14px;font-weight:300;letter-spacing:-.5px}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-desc-item{display:flex;align-items:center;gap:8px}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-desc-item .offline-fair-info-desc-item-text{max-width:200px}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-desc-item.location-item svg{padding:3px}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-button{position:relative;width:100%;padding:12px 20px;border:none;outline:none;border-radius:0;background:transparent;color:#646464;font-size:14px;font-weight:400;letter-spacing:-.8px;cursor:pointer;transition:background .2s}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-button:before,.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-button:after{position:absolute;content:"";display:block;width:100%;height:1px;background:linear-gradient(90deg,#3c3c3c00,#3c3c3ccc 40%,#3c3c3ccc 60%,#3c3c3c00);left:0}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-button:before{top:0}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-button:after{bottom:0}.offline-list-container .offline-category-filter{width:100%;display:flex;justify-content:flex-end;align-items:center}.offline-list-container .offline-category-filter .sort-buttons-wrap{display:flex;align-items:center;gap:12px}.offline-list-container .offline-category-filter .sort-button{padding:0;border:none;background-color:#fff;border-radius:20px;font-size:14px;font-weight:400;color:#666;cursor:pointer;outline:none}.offline-list-container .offline-category-filter .sort-button.active{font-weight:600}@media screen and (max-width: 900px){.offline-list-container .offline-list-cover{padding:24px 12px}.offline-list-container .offline-list-cover .offline-grid{gap:18px 10px}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card{padding:16px 8px;gap:10px}}@media screen and (max-width: 768px){.offline-list-container .offline-list-cover{padding:12px 12px 60px}.offline-list-container .offline-list-cover .offline-grid{grid-template-columns:1fr;gap:18px}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card{flex-direction:column;align-items:flex-start;min-height:120px;width:100%;gap:20px;padding:20px;max-height:600px;cursor:default}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-image{width:100%;height:180px}.offline-list-container .offline-list-cover .offline-header .offline-title-wrap .offline-title{font-size:1.3rem}.offline-list-container .offline-list-cover .offline-header .offline-title-wrap .offline-title-gradient{font-size:1.5rem}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-title-wrap{gap:0px}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-title-wrap .offline-fair-info-title{font-size:20px;font-weight:600}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info{gap:12px;width:100%;height:50%;justify-content:space-between}.offline-list-container .offline-fair-info-desc-item-text{font-size:15px}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-button:before,.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-button:after{display:none}.offline-list-container .offline-list-cover .offline-grid .offline-fair-card .offline-fair-info .offline-fair-info-button{background-color:#000;color:#fff;border-radius:8px;font-size:12px}.offline-list-container .offline-button-wrap{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 20px;gap:8px;background-color:#f7f7f7;margin-top:8px;border-radius:12px}.offline-list-container .offline-button-wrap span{font-size:12px;color:#444;font-weight:400;letter-spacing:-.5px}.offline-list-container .offline-category-filter .sort-button{font-size:13px}}.offline-header-area{position:fixed;padding:2rem;width:100%;height:140px;display:flex;align-items:center;justify-content:center;z-index:20;transition:transform .3s cubic-bezier(.4,0,.2,1)}.offline-header-area.hidden{transform:translateY(-100%)}.offline-header-area .offline-header-container{max-width:1560px;height:100%;position:relative;z-index:99;width:0%;background-color:#0e0f0f;border-radius:12px;transform:translateY(-50px);opacity:0;padding:0 32px;background:linear-gradient(91deg,#ffffff80 -50%,#ebebeb80 440%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 1px 5px -4px #00000040;border:.4px solid #E4E4E7}.offline-header-area .offline-header-wrap{display:flex;height:100%;justify-content:space-between;align-items:center;width:100%}.offline-header-area .offline-header-wrap img{width:65px}.offline-header-area .home-header{transform:translateY(-20px);opacity:0;display:flex;font-size:0}.offline-header-area .home-header a{color:#b2b2b2;font-size:16px;font-weight:400;padding:0 30px;transition:all .5s ease;cursor:pointer;text-decoration:none}.offline-header-area .home-header a.active{color:#4b7aee;font-weight:600}.offline-header-area .home-header.right{justify-content:right}.offline-header-area .home-header.right a{display:flex;align-items:center}.offline-header-area .home-header-btn{border-radius:8px;padding:6px 16px 6px 12px;color:#fff;background:linear-gradient(90deg,#282828,#424242);border:1px solid #797979;font-size:14px;display:flex;flex-direction:row;cursor:pointer;align-items:center;transition:all .3s ease;margin-left:8px}.offline-header-area .home-header-btn img{width:24px;height:24px}.offline-header-area .home-header-btn:hover{background:#57bade;border:1px solid #57bade}.offline-header-area .home-header-btn svg{font-size:18px}.offline-header-area .home-header-btn p{margin-left:5px}.offline-header-area .dropdown{position:relative;display:inline-block}.offline-header-area .dropdown-menu{display:none;position:absolute;background-color:#fff;box-shadow:0 8px 16px #0003;z-index:1;min-width:120px;left:-10%}.offline-header-area .dropdown:hover .dropdown-menu,.offline-header-area .dropdown-menu.show{display:block}.offline-header-area .dropdown-menu a{color:#000;padding:12px 16px;text-decoration:none;display:block}.offline-header-area .dropdown-menu a:hover{background-color:#ddd}.offline-header-container .mobile-btn{cursor:pointer}@media screen and (max-width: 1035px){.offline-header-area .home-header a{padding:0 24px}.offline-header-area .home-header-btn{padding:8px}}@media screen and (max-width: 944px){.offline-header-area .offline-header-container{padding:0}.offline-header-area .home-header a{padding:0 16px}.offline-header-area .home-header-btn{padding:8px 6px}}@media screen and (max-width: 806px){.offline-header-area .home-header a{padding:0 12px}}@media screen and (max-width: 768px){.offline-header-area{position:fixed;padding:1.5rem 1rem 2rem;width:100%;height:112px;display:flex;align-items:center;justify-content:center;z-index:20;transition:transform .4s cubic-bezier(.4,0,.2,1)}.offline-header-area .offline-header-container{height:100%;position:relative;z-index:99;width:0%;border-radius:8px;transform:translateY(-50px);opacity:0;overflow:hidden;padding:0 1rem;margin:0;background:linear-gradient(140deg,#fff,#f0f0f0)}.offline-header-area .offline-header-wrap{display:flex;height:100%;justify-content:center;align-items:center;width:100%}.offline-header-area .home-header{font-size:16px;width:100%;transform:translateY(-20px);opacity:0;display:flex;gap:1rem}.offline-header-area .home-header a{color:#000}.offline-header-area .logo-img{width:100px}.offline-header-area .home-header.center{justify-content:center;font-size:26px;font-weight:700;object-fit:contain}.offline-header-area .home-header.right{display:none}.offline-header-area .home-header.right span{font-size:30px}.offline-header-area .mobile-ham-menu{color:#fff}.offline-mobile-sebu-wrap{position:absolute;width:100%;max-height:0;overflow:hidden;color:#fff;z-index:30;top:5rem;transition:max-height .3s ease;padding:0 1rem}.offline-mobile-sebu-wrap.open{max-height:390px}.offline-mobile-sebu-wrap.open.logged-in{max-height:480px}.offline-mobile-sebu-wrap .top-x-icon-wrap{display:flex;flex-direction:row-reverse;margin-bottom:40px}.offline-mobile-sebu-wrap .center-a-wrap{flex-direction:column;display:flex;background-color:#616161;padding:1rem 1.8rem;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.offline-mobile-sebu-wrap .center-a-wrap a{color:#fff;font-size:16px;margin-bottom:20px}.offline-mobile-sebu-wrap .side-menu{padding-top:30px}.offline-header-area .dropdown{margin-bottom:20px}.center-a-wrap .button-divider-line{width:100%;border:1px solid #bdbdbd}.center-a-wrap .mobile-button-wrap{padding-top:20px}.center-a-wrap .mobile-button-wrap .mobile-button-loginwrap,.center-a-wrap .mobile-button-wrap .mobile-button-notlogin{display:flex;flex-direction:column}.offline-header-area .home-header-mobile{gap:24px;font-size:13px}.offline-header-area .home-header-mobile a{color:#686868;cursor:pointer;text-decoration:none;transition:all .3s ease;white-space:nowrap}.offline-header-area .home-header-mobile a.active{color:#4b7aee;font-weight:600}}