.body-section{background-color:#e9e2c5;color:#1b140b;font-size:12px}.body-section .text-primary{color:#159a59!important}.body-section .text-secondary{color:#f7bf1c!important}.body-section .text-blue{color:#66bac5!important}.body-section .text-orange{color:#ef8222!important}.body-section .text-light{color:#e9e2c5!important}.body-section .text-dark{color:#1b140b!important}.body-section .bg-primary{background-color:#159a59!important}.body-section .bg-secondary{background-color:#f7bf1c!important}.body-section .bg-blue{background-color:#66bac5!important}.body-section .bg-orange{background-color:#ef8222!important}.body-section .bg-light{background-color:#e9e2c5!important}.body-section .bg-dark{background-color:#1b140b!important}.body-section .border-primary{border-color:#159a59!important}.body-section .border-secondary{border-color:#f7bf1c!important}.body-section .border-blue{border-color:#66bac5!important}.body-section .border-orange{border-color:#ef8222!important}.body-section .border-light{border-color:#e9e2c5!important}.body-section .border-dark{border-color:#1b140b!important}.body-section .text-xs{font-size:.75em}.body-section .text-sm{font-size:.875em}.body-section .text-base{font-size:1em}.body-section .text-lg{font-size:1.125em}.body-section .text-xl{font-size:1.25em}.body-section .text-2xl{font-size:1.5em}.body-section .text-3xl{font-size:1.875em}.body-section .text-4xl{font-size:2.25em}.body-section .drop-shadow{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.body-section .drop-shadow-md{filter:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.body-section .drop-shadow-lg{filter:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.body-section .drop-shadow-xl{filter:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08))}.body-section a.text-link{color:#159a59;font-weight:700;text-decoration:none}.body-section a.text-link:hover{color:#0f6d3f;text-decoration:underline}.body-section .text-line-style{align-items:center;display:flex;text-align:center}.body-section .text-line-style span{display:inline-block;padding:0 .5em}.body-section .text-line-style:after,.body-section .text-line-style:before{border-bottom:1px solid;content:"";flex:1;max-width:3em}.body-section .line-clamp-1{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.body-section .button{align-items:center;background-color:#fff;border:3px solid;border-radius:100em;color:#159a59;display:flex;font-size:1em;font-weight:700;gap:1em;justify-content:space-between;max-width:-moz-max-content;max-width:max-content;padding:.5em 1.25em}.body-section .button:hover{background-color:#159a59;color:#fff}.body-section .button.main-button{font-size:1.5em}.body-section .img-bg{left:0;position:absolute;top:0;width:100%;z-index:0}.body-section .img-bg+*{position:relative;z-index:1}.body-section h2.title{font-size:2.5em;font-weight:700;letter-spacing:.2em;text-align:center}.body-section .main-banner{height:85svh;margin:1em;position:relative}.body-section .main-banner .banner-content{color:#fff;text-align:center}.body-section .main-banner .banner-content h1{font-size:1.5em;font-style:italic;font-weight:700;letter-spacing:2px;margin-bottom:0;padding-top:10svh}.body-section .main-banner .banner-content h2{filter:brightness(200%);font-size:6.5svh;font-weight:900;line-height:1;margin-bottom:0;opacity:.5;padding-top:6svh}.body-section .event-area{padding:8% 0;position:relative}.body-section .event-area:nth-child(3):before{background-color:#e9e2c5;clip-path:polygon(0 0,100% 0,50% 100%);content:"";display:block;height:100px;left:0;position:absolute;top:-1px;width:100%;z-index:1}.body-section .event-area:nth-child(4){background-attachment:fixed;background-image:url(/img/event/esg-joii25/bg01.png);background-position:50%;background-repeat:repeat;background-size:cover}.body-section .event-area:nth-child(5){background-attachment:fixed;background-image:url(/img/event/esg-joii25/bg02.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.body-section .event-area .nav-pills .nav-link{background-color:transparent;border:none;border-radius:0;color:inherit;margin:0;padding:0;position:relative}.body-section .event-area .nav-pills .nav-link .img-bg img{transform:scale(1)}.body-section .event-area .nav-pills .nav-link .button{background-color:#e9e2c5;color:#ef8222}.body-section .event-area .nav-pills .nav-link.active .img-bg img,.body-section .event-area .nav-pills .nav-link:active .img-bg img,.body-section .event-area .nav-pills .nav-link:hover .img-bg img{transform:scale(1.1)}.body-section .event-area .nav-pills .nav-link.active .button,.body-section .event-area .nav-pills .nav-link:active .button,.body-section .event-area .nav-pills .nav-link:hover .button{background-color:#ef8222;color:#e9e2c5}.body-section .event-area .nav-tabs{margin-top:2em}.body-section .event-area .nav-tabs .nav-link{background-color:#fff;border:none;border-radius:2rem 2rem 0 0;color:#1b140b;font-size:1.5em;font-weight:700;letter-spacing:2px;opacity:.75;padding:1em .5em;position:relative}.body-section .event-area .nav-tabs .nav-link:before{background-position:50%;background-repeat:no-repeat;background-size:100%;content:"";display:block;height:3.5em;left:calc(50% - 1.75em);opacity:0;position:absolute;top:-3em;transition:all .5s ease 0s;width:3.5em}.body-section .event-area .nav-tabs .nav-link.active,.body-section .event-area .nav-tabs .nav-link:active,.body-section .event-area .nav-tabs .nav-link:hover{color:#159a59;opacity:1}.body-section .event-area .nav-tabs .nav-link.active:before,.body-section .event-area .nav-tabs .nav-link:active:before,.body-section .event-area .nav-tabs .nav-link:hover:before{opacity:1}.body-section .event-area .nav-tabs .nav-link#nav-stores-tab:before{background-image:url(/img/event/esg-joii25/icon_stores.png)}.body-section .event-area .nav-tabs .nav-link#nav-bonus-tab:before{background-image:url(/img/event/esg-joii25/icon_bonus.png)}.body-section .event-area .tab-content{background-color:#fff;border-radius:0 0 2rem 2rem}.body-section .event-area .tab-content .tab-pane{padding:1.5em .5em}.body-section .event-area .tab-content .tab-pane p{font-size:1.125em;letter-spacing:1px;margin-bottom:1em;text-align:center}.body-section .event-area .ticket_box{height:-moz-fit-content;height:fit-content;width:100%}.body-section .event-area .ticket_box .ticket_item{filter:drop-shadow(.25em .325em .5em rgba(172,169,169,.6));-webkit-filter:drop-shadow(.25em .325em .5em hsla(0,2%,67%,.6))}.body-section .event-area .ticket_box .ticket_item:hover{filter:drop-shadow(.25em .25em .5em rgba(100,100,100,.6));-webkit-filter:drop-shadow(.25em .25em .5em hsla(0,0%,39%,.6))}.body-section .event-area .ticket_box .ticket_item .top{background-color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;position:relative}.body-section .event-area .ticket_box .ticket_item .top .img_box{height:11em;overflow:hidden;position:relative;width:100%}.body-section .event-area .ticket_box .ticket_item .top .des_area{margin:0;padding:.5em}.body-section .event-area .ticket_box .ticket_item .top .des_area .des{color:#1b140b;line-height:2em;margin:0;padding-left:0;padding-right:0}.body-section .event-area .ticket_box .ticket_item .top .des_area .des.title{color:#159a59;font-size:1.25em;font-weight:700;line-height:2.2em}.body-section .event-area .ticket_box .ticket_item .top .des_area .des.location{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.body-section .event-area .ticket_box .ticket_item .top .des_area .des img.pic{width:1.25em}.body-section .event-area .ticket_box .ticket_item .rip{background-color:#fff;height:1.5em;margin:0 1em;position:relative}.body-section .event-area .ticket_box .ticket_item .rip:after,.body-section .event-area .ticket_box .ticket_item .rip:before{border-color:#fff #fff transparent transparent;border-radius:100%;border-style:solid;border-width:8px;content:"";height:2.5em;pointer-events:none;position:absolute;top:50%;width:2.5em}.body-section .event-area .ticket_box .ticket_item .rip:before{left:-1em;transform:translate(-50%,-50%) rotate(45deg)}.body-section .event-area .ticket_box .ticket_item .rip:after{right:-3.5em;transform:translate(-50%,-50%) rotate(225deg);z-index:-1}.body-section .event-area .ticket_box .ticket_item .rip .dash{border-bottom:1px dashed #828282;position:absolute;top:50%;width:100%}.body-section .event-area .ticket_box .ticket_item .bottom{background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;color:#1b140b;margin:0;padding:0 1em 1em;text-decoration:none}.body-section .event-area .ticket_box .ticket_item .bottom .barcode{font-size:1.7em;height:1em;overflow:hidden}.body-section .event-area .ticket_box .ticket_item .bottom .buy{display:block;font-size:1.2em;font-weight:700;line-height:2.4em;text-decoration:none}.body-section .event-area .ticket_box .ticket_item:hover .bottom{color:#ef8222}.body-section .notice{background-color:#1b140b;color:#e9e2c5}.body-section .notice h5{font-size:3em;font-weight:400;margin-bottom:.25em;margin-top:.25em;text-align:center}.body-section .notice ol>li{font-weight:700;margin:.75em}.body-section .notice ol>li>ul>li{font-weight:400;margin:.25em 1em}.reminder_area{bottom:2rem;left:2rem;position:fixed;text-align:center;z-index:99}.reminder_area .reminder_box{align-items:center;background-color:#ed6452;border-radius:10rem;box-shadow:2px 2px 2px 2px #ccc;color:#fff;display:inline-grid;height:6rem;padding:15px;width:6rem}.reminder_area .reminder_box:hover{background-color:#d45140}.reminder_area .reminder_box .text_box a{color:#fff;text-decoration:none}.reminder_area .reminder_box .text_box .current_point{margin-bottom:-7px}.reminder_area .reminder_box .text_box .login{color:#fff}.reminder_area .reminder_box:hover .text_box .login{text-decoration:none}.reminder_area .reminder_box .text_box .login .highlight{color:#fff;font-weight:600;text-decoration:underline}.reminder_area .reminder_box:hover .text_box .login .highlight{text-decoration:none}.reminder_area .reminder_box .text_box .logined{font-weight:600;margin-bottom:-12px;margin-top:-8px}.reminder_area .reminder_box .text_box .logined .highlight{color:#fff;font-size:1.6rem}@media screen and (min-width:576px){.body-section{font-size:14px}.body-section .main-banner .banner-content h1{font-size:2.5em}.body-section .main-banner .banner-content h2{font-size:8vw}.body-section .event-area .ticket_box .ticket_item .top .des_area{padding:1em 1.25em .5em}.body-section .event-area .ticket_box .ticket_item .top .des_area .des img.pic{width:2em}.body-section .notice h5{font-size:3em;margin-left:auto;margin-right:1em;width:1em}}@media screen and (min-width:768px){.body-section{font-size:16px}.body-section .event-area .nav-tabs .nav-link{font-size:2em}.body-section .event-area .tab-content .tab-pane{padding:2em}}@media screen and (min-width:1024px){.body-section .event-area .nav-tabs{margin-top:0}.body-section .event-area .nav-tabs .nav-link:before{left:10%;top:-1em}}