@charset "UTF-8";
/* 생성 파일: split_landing_css.py (원본 landing_main.css 수정 금지) */
@charset "UTF-8";
@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin: 0;padding: 0;border: 0;box-sizing: border-box;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-style: normal;font-synthesis: none;vertical-align: baseline;outline: 0;-webkit-tap-highlight-color: transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}
html,body{width: 100%;height: 100%;background: var(--gray-400);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
html:has(#wrap.mobile),body:has(#wrap.mobile){background: var(--white)}
body{line-height: 1}
main,section{overflow: hidden}
ol,ul{list-style: none}
blockquote,q{quotes: none}
blockquote:before,blockquote:after,q:before,q:after{content: "";content: none}
table{border-collapse: collapse;border-spacing: 0}
a{text-decoration: none}
button{user-select: none;cursor: pointer;background: none;border: none;padding: 0;-webkit-tap-highlight-color: transparent}
input[type=checkbox] + label,input[type=radio] + label{cursor: pointer}
input[type=submit]{cursor: pointer}
input[type=text],input[type=password],input[type=textarea],input[type=fieldset]{-webkit-tap-highlight-color: transparent}
input[type=text]:focus,input[type=password]:focus,input[type=textarea]:focus,input[type=fieldset]:focus{outline: none}
input[type=number]{-moz-appearance: textfield}
input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none}
input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0}
input:-internal-autofill-selected{background-color: var(--white) !important}
input:-webkit-autofill{background-color: transparent !important;box-shadow: 0 0 0px 1000px white inset !important;color: inherit !important}
input[type=password]{-webkit-box-shadow: 0 0 0 1000px white inset !important;-webkit-text-fill-color: inherit !important;background-color: transparent !important}
input[type=password]:-webkit-autofill:hover,input[type=password]:-webkit-autofill:focus,input[type=password]:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 1000px white inset !important;transition: background-color 5000s ease-in-out 0s}
img,video{max-width: 100%;border: 0 none;vertical-align: top}
:root{--primary-900: #082312;--primary-800: #114525;--primary-700: #196837;--primary-600: #228a4a;--primary-500: #2aad5c;--primary-400: #55bd7d;--primary-300: #7fce9d;--primary-200: #f1fbf5;--state-red: #f60909;--state-red-light: #FEE6E6;--state-yellow: #FF7A00;--state-yellow-light: #FFE9CF;--state-green: #4caf50;--state-green-light: #e8f5e9;--state-blue-strong: #1a1e81;--state-blue: #297dfb;--state-blue-light: #F3F8FF;--black: #000000;--gray-900: #222222;--gray-800: #757575;--gray-700: #aaaaaa;--gray-600: #dddddd;--gray-500: #efefef;--gray-400: #f8f9fa;--white: #ffffff}
@font-face{font-family: "Pretendard"; font-style: normal; font-weight: 400; src: local("Pretendard Regular"), local("Pretendard-Regular"), url(../../../../res/fonts/Pretendard-Regular.woff2) format("woff2"), url(../../../../res/fonts/Pretendard-Regular.woff) format("woff"), url(../../../../res/fonts/Pretendard-Regular.otf) format("opentype"); font-display: swap;}
@font-face{font-family: "Pretendard"; font-style: normal; font-weight: 500; src: local("Pretendard Medium"), local("Pretendard-Medium"), url(../../../../res/fonts/Pretendard-Medium.woff2) format("woff2"), url(../../../../res/fonts/Pretendard-Medium.woff) format("woff"), url(../../../../res/fonts/Pretendard-Medium.otf) format("opentype"); font-display: swap;}
@font-face{font-family: "Pretendard"; font-style: normal; font-weight: 600; src: local("Pretendard SemiBold"), local("Pretendard-SemiBold"), url(../../../../res/fonts/Pretendard-SemiBold.woff2) format("woff2"), url(../../../../res/fonts/Pretendard-SemiBold.woff) format("woff"), url(../../../../res/fonts/Pretendard-SemiBold.otf) format("opentype"); font-display: swap;}
@font-face{font-family: "Pretendard"; font-style: normal; font-weight: 700; src: local("Pretendard Bold"), local("Pretendard-Bold"), url(../../../../res/fonts/Pretendard-Bold.woff2) format("woff2"), url(../../../../res/fonts/Pretendard-Bold.woff) format("woff"), url(../../../../res/fonts/Pretendard-Bold.otf) format("opentype"); font-display: swap;}
@font-face{font-family: "Pretendard"; font-style: normal; font-weight: 800; src: local("Pretendard ExtraBold"), local("Pretendard-ExtraBold"), url(../../../../res/fonts/Pretendard-ExtraBold.woff2) format("woff2"), url(../../../../res/fonts/Pretendard-ExtraBold.woff) format("woff"), url(../../../../res/fonts/Pretendard-ExtraBold.otf) format("opentype"); font-display: swap;}
@font-face{font-family: "Cafe24 Ssurround"; font-weight: normal; font-style: normal; font-display: swap; src: local("Cafe24 Ssurround"), local("Cafe24Ssurround"), url(../../../../res/fonts/Cafe24Ssurround.woff2) format("woff2"), url(../../../../res/fonts/Cafe24Ssurround.woff) format("woff"), url(../../../../res/fonts/Cafe24Ssurround.otf) format("opentype"), url(../../../../res/fonts/Cafe24Ssurround.ttf) format("truetype");}
.icon_chevron_down{display: inline-block;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center}
.icon_chevron_right{display: inline-block;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center}
#header{position: fixed;top: 0;left: 50%;transform: translateX(-50%);width: 100%;max-width: 480px;height: auto;background-color: var(--white);z-index: 12}
.header_wrap{position: relative;width: 100%;height: 56px;padding: 8px}
.header_wrap .logo{width: 92px;display: inline-block;overflow: hidden}
.header_wrap .logo a{width: 100%;height: 100%;text-indent: -9999px;margin-top: 5px;display: inline-block;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center}
.btn{position: absolute;top: 50%;transform: translateY(-50%);width: 48px;height: 48px;text-indent: -9999px;display: inline-block}
.btn.btn_back{left: 8px;background-repeat: no-repeat;background-position: center;background-size: 24px}
.btn.btn_exit{right: 8px;background-repeat: no-repeat;background-position: center;background-size: 24px}
.btn.btn_menu{right: 8px;background-repeat: no-repeat;background-position: center;background-size: 24px}
#gnb{display: none;position: absolute;left: 0;top: 56px;width: 100%;padding: 12px 24px 20px;background: var(--white);overflow: hidden;z-index: 11}
#gnb.on{display: block}
#gnb nav{position: relative}
#gnb .depth01 > li{position: relative;width: 100%;padding: 12px 0;overflow: hidden}
#gnb .depth01 > li > a{position: relative;display: inline-block;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-900);line-height: 30px;transition: all 0.1s ease}
#gnb .depth01 > li > a:hover{color: var(--primary-500)}
#gnb .depth01 > li > a.point::after{width: calc(100% - 36px)}
#gnb .depth01 > li .hot{width: 37px;height: 20px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 12px;font-weight: 500;line-height: 130%;letter-spacing: -0.13px;color: var(--state-blue);text-align: center;background: var(--state-blue-light);border-radius: 4px;padding: 2px 6px;display: inline-block;vertical-align: 1px;margin-left: 8px}
#gnb .depth01 > li .new{width: 37px;height: 20px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 12px;font-weight: 500;line-height: 130%;letter-spacing: -0.13px;color: var(--primary-500);text-align: center;background: var(--primary-200);border-radius: 4px;padding: 2px 6px;display: inline-block;vertical-align: 1px;margin-left: 8px}
#gnb .snav{border-bottom: 1px solid var(--gray-400)}
#gnb .snav:hover .snav_tit span{color: var(--primary-500)}
#gnb .snav:hover .snav_tit span::after{opacity: 1}
#gnb .snav.on .snav_tit span{color: var(--primary-500)}
#gnb .snav.on .snav_tit span::after{opacity: 1}
#gnb .snav.on .snav_tit::after{transform: rotate(180deg)}
#gnb .snav .snav_tit{position: relative;cursor: pointer}
#gnb .snav .snav_tit span{display: inline-block;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-900);transition: all 0.1s ease}
#gnb .snav .snav_tit span:hover{color: var(--primary-500)}
#gnb .snav .snav_tit::after{position: absolute;right: 0;bottom: 0;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center;background-size: contain;content: "";display: block;transition: all 0.3s ease-in}
#gnb .depth02{display: none;padding: 24px 0 12px}
#gnb .depth02 li{margin-bottom: 16px;padding: 0}
#gnb .depth02 li:last-child{margin-bottom: 0}
#gnb .depth02 a{display: block;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 14px;font-weight: 700;line-height: 130%;letter-spacing: -0.36px;color: var(--gray-800)}
#gnb .depth02 a:hover{color: var(--gray-900)}
.dim{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 11}
.footer{position: relative;width: 100%;min-height: 250px;background: var(--gray-500);overflow: hidden}
.ft_title{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 14px;font-weight: 700;line-height: 130%;letter-spacing: -0.36px;color: var(--gray-800);display: flex;align-items: center;cursor: pointer;margin-bottom: 8px}
.ft_title.on .icon{transform: rotate(180deg)}
.ft_title .icon{width: 18px;height: 18px;filter: invert(53%) sepia(4%) saturate(14%) hue-rotate(354deg) brightness(85%) contrast(83%);background-repeat: no-repeat;background-position: center;background-size: 18px 18px;margin-left: 2px;transition: all 0.3s ease-in-out}
.ft_info_box{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 13px;font-weight: 400;line-height: 130%;letter-spacing: -0.13px;color: var(--gray-700);margin-bottom: 20px}
.ft_info_box li{display: flex;align-items: center;padding: 0;margin-bottom: 4px}
.ft_info_box span{display: inline-block;padding-right: 12px}
.ft_info_box a{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 13px;font-weight: 400;line-height: 130%;letter-spacing: -0.13px;color: var(--gray-700)}
.ft_info_box a:nth-child(2)::before{content: "|";margin-right: 3px;color: #D9D9D9}
.ft_wrap{position: relative;width: 100%;padding: 40px 20px}
.ft_wrap .toggle_cont{display: none;color: var(--gray-700)}
.ft_wrap .toggle_cont p{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 13px;font-weight: 400;line-height: 130%;letter-spacing: -0.13px;margin-bottom: 6px}
.ft_wrap .toggle_cont p:last-child{margin-bottom: 0}
.ft_wrap .toggle_cont span{padding-right: 12px}
.ft_wrap .sns_link_box{display: flex;align-items: center;gap: 12px;margin-top: 20px}
.ft_wrap .sns_link_box a{width: 40px;height: 40px;display: inline-block;text-indent: -9999px}
.ft_wrap .sns_link_box a.insta{background-repeat: no-repeat;background-position: center}
.ft_wrap .sns_link_box a.kakao{background-repeat: no-repeat;background-position: center}
.ft_wrap .sns_link_box a.youtube{background-repeat: no-repeat;background-position: center}
.ft_wrap .sns_link_box a.playstore{background-repeat: no-repeat;background-position: center}
.ft_wrap .sns_link_box a.blog{background-repeat: no-repeat;background-position: center}
.ft_wrap .legal_link_box{width: 100%;display: flex;align-items: center;margin-top: 20px}
.ft_wrap .legal_link_box li{display: flex;align-items: center}
.ft_wrap .legal_link_box li::after{content: "|";color: #D9D9D9;margin: 0 6px}
.ft_wrap .legal_link_box li:last-child::after{content: ""}
.ft_wrap .legal_link_box a{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 13px;font-weight: 400;line-height: 130%;letter-spacing: -0.13px;color: var(--gray-700);letter-spacing: -0.7px}
.form_input{position: relative;width: 100%;height: 56px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 400;line-height: 140%;letter-spacing: -0.36px;color: transparent;padding: 24px 48px 8px 20px;background: var(--white);border: 1px solid var(--gray-600);border-radius: 8px;transition: all 0.1s ease-in-out;box-sizing: border-box;color: var(--gray-900)}
.form_input:focus{border: 1px solid var(--primary-500);outline: none}
.form_input:focus + .form_label{top: 8px;font-size: 13px}
.form_input:focus + label,.form_input.valid + label{top: 8px;font-size: 13px}
.form_input:focus ~ .form_reset,.form_input.focus ~ .form_reset{opacity: 1}
.form_input.focus + .form_label{top: 8px;font-size: 13px}
.form_input.valid{color: var(--gray-900)}
.form_input.valid:disabled + label{top: 8px;font-size: 13px}
.form_input.valid + .form_label{top: 8px;font-size: 13px}
.form_input.error{border: 1px solid var(--state-red)}
.form_input.error + .form_label{color: var(--state-red)}
.form_input.error + label{color: var(--state-red)}
.form_input:read-only{background: var(--gray-500) !important;color: var(--gray-900);-webkit-appearance: none;opacity: 1 !important}
.form_input:read-only + label{top: 8px;font-size: 13px}
.form_input:read-only ~ .form_reset{display: none;opacity: 0;visibility: hidden}
.form_input:read-only:focus{border-color: var(--gray-600)}
.form_input:disabled{background-color: var(--gray-500) !important;opacity: 1 !important;-webkit-text-fill-color: var(--gray-700) !important;-webkit-appearance: none}
.form_input:disabled + label{top: 18px;font-size: 16px}
.form_input + label{position: absolute;left: 20px;top: 18px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 400;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-700);display: inline-block;transition: all 0.1s ease-in-out}
.form_label{position: absolute;left: 20px;top: 18px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 400;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-700);display: inline-block;transition: all 0.1s ease-in-out}
.form_reset{opacity: 0;display: block;position: absolute;right: 16px;top: 18px;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center;background-size: contain;text-indent: -9999px;overflow: hidden;cursor: pointer;transition: all 0.1s ease-in-out}
.textarea_wrap{background-color: #ffffff;border-radius: 12px;display: inline-block;height: 154px;padding: 16px 20px 42px;width: 100%;border: 1px solid var(--gray-600);position: relative;left: 0;top: unset;transition: all 0.3s;border-color: var(--state-red)}
.textarea_wrap:has(textarea:focus){border-color: var(--state-red)}
.textarea_wrap textarea{color: var(--state-red)}
.textarea_wrap:has(textarea:focus){border-color: var(--primary-500)}
.textarea_wrap:has(textarea:disabled){background: var(--gray-500)}
.textarea_wrap textarea{width: 100%;height: 92px;margin: 0;padding: 0;border-radius: 0;overflow-y: auto;overflow-x: hidden;appearance: none;outline: 0;border: 0;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 400;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-900);resize: none}
.textarea_wrap textarea::placeholder{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 400;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-700)}
.textarea_wrap textarea:disabled{background: var(--gray-500)}
.textarea_wrap textarea:disabled + .text_count .limit{color: var(--gray-700)}
.textarea_wrap .text_count{position: absolute;right: 20px;bottom: 16px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 14px;font-weight: 400;line-height: 130%;letter-spacing: -0.36px;color: var(--gray-700)}
.textarea_wrap .text_count .limit{color: var(--state-red)}
.textarea_wrap .text_count .limit.off{color: var(--gray-700)}
.hide{display: none !important}
#wrap{position: relative;width: 100%;max-width: 480px;min-width: 360px;height: auto;min-height: 100%;margin: 0 auto;background: var(--white);box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05)}
#header + #container{padding-top: 56px}
#container{position: relative}
.tooltip_axis{position: relative}
.tooltip_axis .tooltip{position: absolute;background-color: var(--gray-900);z-index: 10;border-radius: 4px;padding: 8px}
.tooltip_axis .tooltip::after{content: "";display: block;position: absolute;width: 10px;height: 10px;border-radius: 2px;background: var(--gray-900)}
.tooltip_axis .tooltip div{display: flex}
.tooltip_axis .tooltip p{color: var(--white);font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 13px;font-weight: 500;line-height: 130%;letter-spacing: -0.13px}
.tooltip_close{display: inline-block;width: 14px;height: 14px;text-indent: -9999px;margin-left: 2px;vertical-align: -3px;background-repeat: no-repeat;background-position: center;background-size: contain;filter: invert(100%) sepia(0%) saturate(7470%) hue-rotate(116deg) brightness(109%) contrast(109%)}
.toggle_cont{display: none}
.toast{display: none;position: fixed;left: 50%;bottom: 40px;transform: translateX(-50%);max-width: 440px;z-index: 20;overflow: hidden}
.toast.on{display: block}
.toast p{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 500;line-height: 140%;letter-spacing: -0.36px;color: var(--white);white-space: nowrap}
.main_event_banner .flex_wrap{display: flex;align-items: center;justify-content: center;gap: 2px}
.main_event_banner .flex_wrap .banner_default{position: relative;width: 50%;min-height: 96px;padding: 16px 12px !important}
.main_event_banner .flex_wrap .banner_default .banner_text p{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 14px;font-weight: 500;line-height: 130%;letter-spacing: -0.36px}
.main_event_banner .flex_wrap .banner_default .banner_text strong{color: #423d3d;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;letter-spacing: -0.7px}
.main_event_banner .flex_wrap .banner_default .banner_text strong:after{display: none !important}
.main_event_banner .flex_wrap .banner_default .btn_box{position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;border-radius: 50%;background: rgba(105, 100, 100, 0.2);backdrop-filter: blur(3.6480000019px)}
.main_event_banner .flex_wrap .banner_default .btn_box i{width: 15px;height: 15px;background-size: contain;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(124deg) brightness(111%) contrast(101%)}
.main_event_banner .flex_wrap .banner_default:first-child{background-color: #f8f1e8}
.main_event_banner .flex_wrap .banner_default:first-child p{color: #ea702a}
.main_event_banner .flex_wrap .banner_default:first-child::after{position: absolute;bottom: 5px;right: 5px;content: "";display: block;width: 69px;height: 31px}
.main_event_banner .flex_wrap .banner_default.sangsang{background-color: #F0F8E8}
.main_event_banner .flex_wrap .banner_default.sangsang p{color: #5EBB46}
.main_event_banner .flex_wrap .banner_default.sangsang::after{background: url(../../../../res/img/landing/img_banner_sangsang.webp) no-repeat center center/contain}
.main_event_banner .flex_wrap .banner_default:last-child{background-color: #d4f4e3;overflow: hidden}
.main_event_banner .flex_wrap .banner_default:last-child p{color: var(--primary-600)}
.main_event_banner .flex_wrap .banner_default:last-child::after{position: absolute;bottom: -5px;right: -5px;content: "";display: block;width: 68px;height: 60px;background: url(../../../../res/img/landing/img_banner_pillgram.webp) no-repeat center center/contain;filter: drop-shadow(1.114px 0.557px 4.734px rgba(0, 0, 0, 0.12))}
.main_event_banner a{display: flex;align-items: center;justify-content: center;gap: 20px;padding: 0 24px;background: #fff;max-height: 110px}
.main_event_banner a.banner_default{justify-content: space-between;background-color: #ebf7ff;height: 104px;padding: 0 32px}
.main_event_banner a.banner_default .banner_text{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 400;line-height: 140%;letter-spacing: -0.36px;color: var(--black)}
.main_event_banner a.banner_default .banner_text strong{display: flex;align-items: center;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 20px;font-weight: 700;line-height: 140%;letter-spacing: -0.6px}
.main_event_banner a.banner_default .banner_text strong::after{content: "";display: block;width: 21px;height: 21px;background-repeat: no-repeat;background-position: center;margin-left: 5px}
.main_event_banner a.banner_default .banner_text span{display: block;font-size: 11px;color: var(--black);margin-top: -2px}
.main_event_banner a.banner_default .img_box{position: relative;max-width: 82px;height: auto;filter: drop-shadow(1.134px 1.25px 4.82px rgba(0, 0, 0, 0.2))}
.main_event_banner a.banner_default .img_box img{width: 100%;height: 100%;object-fit: contain}
.main_event_banner a.banner_default .img_box:after{content: "신규가입시";display: block;width: 100%;position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);font-size: 10px;font-weight: 600;line-height: 130%;color: var(--black);text-align: center;z-index: 1}
.main_event_banner .text_box{display: flex;align-items: center;flex-direction: column;padding-top: 12px;margin-top: 10px;width: 247px;height: 124px;background-image: url(../../../../res/img/coupon/img_banner_coupon.webp);background-size: contain;background-repeat: no-repeat;background-position-y: -24px;background-position-x: center;filter: drop-shadow(0px 5px 5.5px rgba(0, 0, 0, 0.25));animation: slideDown 1.5s 500ms ease-in-out;transform-origin: top}
.main_event_banner .text_box p,.main_event_banner .text_box strong{text-align: center;color: var(--white);text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3)}
.main_event_banner .text_box p{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 14px;font-weight: 500;line-height: 130%;letter-spacing: -0.36px;font-weight: 600;margin-bottom: 25px}
.main_event_banner .text_box strong{position: relative;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 24px;font-weight: 700;line-height: 140%;letter-spacing: -0.6px}
.main_event_banner .text_box strong::before,.main_event_banner .text_box strong::after{position: absolute;display: block;content: "";width: 45px;height: 38px;background: url(../../../../res/img/icon/icon_twinkle.svg) no-repeat center center/contain;z-index: 1;animation: twinkle 1.8s infinite ease-in-out}
.main_event_banner .text_box strong::before{top: -11px;left: -19px}
.main_event_banner .text_box strong::after{top: -11px;right: -19px}
@keyframes twinkle{0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; }}
@keyframes slideDown{0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); }}
.popup{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;z-index: 20}
.popup .popup_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7)}
.popup.on{display: block}
.popup.on .popup_wrap.type_toast{bottom: 0}
.popup .popup_wrap{position: fixed;left: 50%;bottom: 0;transform: translateX(-50%);width: 100%;max-width: 480px;background: var(--white);border-radius: 30px;z-index: 13;overflow: hidden}
.popup .popup_wrap.type_toast{height: fit-content;bottom: -100%;border-bottom-left-radius: 0;border-bottom-right-radius: 0;transition: bottom 0.5s}
.popup .popup_wrap.type_center{bottom: unset;top: 50%;transform: translate(-50%, -50%);width: 90%}
.popup .popup_wrap.type_center .popup_inner{max-height: 400px}
.popup .popup_wrap.type_full{top: 0;width: 100%;height: 100vh;border-radius: 0}
.popup .popup_wrap.type_full .popup_inner{max-height: calc(100vh - 64px);overflow-y: auto;padding-bottom: 107px;-ms-overflow-style: none;scrollbar-width: none}
.popup .popup_wrap .popup_inner{padding: 20px;max-height: 300px;overflow-y: auto}
.popup .popup_wrap .popup_inner::-webkit-scrollbar-thumb{border-radius: 10px;background: var(--Fill-Strong, rgba(112, 115, 124, 0.16))}
.popup .popup_wrap .popup_inner::-webkit-scrollbar{width: 6px}
.popup .popup_wrap .popup_inner::-webkit-scrollbar-track{background: transparent}
.btn_landing_box{width: 100%;text-align: center}
.btn_landing_box a{display: block;width: 100%;color: var(--white);font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;padding: 16px 20px;background: linear-gradient(96deg, #1DC25C 5.56%, #2AAD5C 61.87%);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);border-radius: 50px}
.btn_landing_box a::before{content: "";display: inline-block;width: 29px;height: 20px;background: url(../../../../res/img/landing/main/icon_pill_white.svg) no-repeat center center;background-size: contain;vertical-align: -4px;margin-right: 4px}
.btn_landing_box a::after{content: "";display: inline-block;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center;background-size: contain;filter: invert(100%) sepia(6%) saturate(0%) hue-rotate(237deg) brightness(103%) contrast(102%);vertical-align: -7px;margin-left: 8px}
.btn_sub_box{width: 100%;height: 48px;display: inline-block;color: var(--gray-900);border: 1px solid var(--gray-600);background: var(--white);text-align: center;border-radius: 8px;cursor: pointer !important;padding: 12px 16px 10px}
.btn_sub_box:disabled{background: var(--white);border-color: var(--gray-600);color: var(--gray-600);cursor: not-allowed}
.btn_sub_box a{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 500;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-900)}
.btn_sub_box a::after{content: "";display: inline-block;width: 18px;height: 18px;background-repeat: no-repeat;background-position: center;background-size: contain;vertical-align: -3px;margin-left: 6px}
.main_visual{position: relative;width: 100%;padding-top: 40px;text-align: center;background: url(../../../../res/img/landing/main/bg_main_visual_B.png) no-repeat center bottom;background-size: 480px}
.main_visual.type_time{background: linear-gradient(180deg, #FFF 0%, #E2F9E0 100%);z-index: 1}
.main_visual.type_time::before{left: unset;top: unset;right: 20px;bottom: 10px;width: calc(100% - 64px);height: 86%;background: url(../../../../res/img/landing/main/bg_main_visual02.webp) no-repeat center bottom;background-size: contain;z-index: -1}
.main_visual.type_time h2{position: relative;z-index: 2}
.main_visual.type_time p{position: relative;line-height: 140%;z-index: 1}
.main_visual.type_time p:before{content: "";display: block;width: calc(100% - 40px);height: calc(100% + 30px);background: var(--gray-900);position: absolute;left: 50%;transform: translateX(-50%);border-radius: 321px;background: rgba(255, 255, 255, 0.9);filter: blur(7.4499998093px);bottom: -15px;z-index: -1}
.main_visual.type_time .btn_landing_box{padding: 40px 30px}
.main_visual.type_swiper{position: relative;background: none;overflow: hidden;z-index: 2}
.main_visual.type_swiper:before{position: unset;background: none;content: "";display: block;width: unset;height: unset;padding-bottom: 127.7777777778%}
.main_visual.type_swiper .title_box{position: absolute;top: 40px;left: 50%;transform: translateX(-50%);width: 100%}
.main_visual.type_swiper .main_img_box{position: absolute;left: 50%;top: 0px;transform: translateX(-50%);z-index: -1;width: 100%;height: 100%;min-width: 320px;max-width: 480px}
.main_visual.type_swiper .main_img_box .swiper-wrapper{transition-timing-function: ease-in-out !important}
.main_visual.type_swiper .main_img_box li{width: 100%}
.main_visual.type_swiper .main_img_box li img{width: 100%;height: 100%;object-fit: cover;object-position: center;-webkit-transform: translateZ(0);transform: translateZ(0)}
.main_visual.type_swiper .btn_landing_box{margin-top: 220px;position: absolute;bottom: 0px;left: 50%;padding: 40px 20px 22px;transform: translateX(-50%);width: 100%}
.main_visual.type_swiper .btn_landing_box a:before{display: none}
.main_visual.type_swiper .btn_landing_box a:after{margin-left: 2px;width: 18px;height: 18px;vertical-align: -4px}
.main_visual.type_swiper .btn_landing_box a + a{margin-top: 8px;border: 1px solid #27E569;background: rgba(255, 255, 255, 0.7);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);backdrop-filter: blur(2.5px);color: var(--primary-500)}
.main_visual.type_swiper .btn_landing_box a + a:after{filter: invert(53%) sepia(16%) saturate(2257%) hue-rotate(91deg) brightness(102%) contrast(72%)}
.main_visual::before{content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 300px;background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0) 100%)}
.main_visual .title_box{position: relative;z-index: 1}
.main_visual .title_box h2{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.65px;color: var(--gray-900)}
.main_visual .title_box h2 b{color: var(--primary-500)}
.main_visual .title_box p{margin-top: 12px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 14px;font-weight: 400;line-height: 130%;letter-spacing: -0.36px;color: var(--gray-900)}
.main_visual .btn_landing_box{padding: 40px 38px;margin-top: 238px}
.review_section .inner{padding: 48px 20px}
.review_section .inner h2{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 24px;font-weight: 700;line-height: 140%;letter-spacing: -0.6px;word-break: keep-all}
.review_section .review_total{margin-top: 8px}
.review_section .review_total .star_box{display: inline-block}
.review_section .review_total .star_box .star{position: relative;width: 108px;height: 20px;background: url(../../../../res/img/landing/main/icon_star_empty.svg) no-repeat left center;background-size: contain;vertical-align: middle;display: inline-block}
.review_section .review_total .star_box .star::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../../../../res/img/landing/main/icon_star_full.svg) no-repeat left center;background-size: contain;content: "";display: block;z-index: 1}
.review_section .review_total .star_box .text{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-900)}
.review_section .review_total .text{display: inline-block;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-900);vertical-align: -2px}
.review_section .review_slider{margin-top: 24px}
.review_section .review_slider .swiper-slide{width: 270px}
.review_section .review_slider .swiper-slide a{position: relative;display: block;width: 100%;height: 270px;border-radius: 32px;overflow: hidden}
.review_section .review_slider .img_box{position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.review_section .review_slider .img_box img{width: 100%;height: 100%;object-fit: cover;max-width: 100%}
.review_section .review_slider .top_box{position: relative;width: 100%;padding: 20px;display: flex;align-items: center;justify-content: space-between;z-index: 5}
.review_section .review_slider .top_box .star{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 14px;font-weight: 400;line-height: 130%;letter-spacing: -0.36px;color: var(--white);display: inline-block}
.review_section .review_slider .top_box .star::before{width: 16px;height: 16px;background: url(../../../../res/img/landing/main/icon_star_white.svg) no-repeat center center;background-size: 16px;content: "";display: inline-block;vertical-align: -3px;margin-right: 4px}
.review_section .review_slider .top_box .arrow{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 14px;font-weight: 400;line-height: 130%;letter-spacing: -0.36px;color: var(--white);display: inline-block}
.review_section .review_slider .top_box .arrow::after{width: 16px;height: 16px;background-repeat: no-repeat;background-position: center;background-size: 20px;content: "";display: inline-block;vertical-align: -3px;margin-left: 2px;filter: invert(100%) sepia(6%) saturate(0%) hue-rotate(237deg) brightness(103%) contrast(102%)}
.review_section .review_slider .text_box{position: absolute;left: 0;bottom: 0;width: 100%;padding: 20px;z-index: 5}
.review_section .review_slider .text_box .label{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 13px;font-weight: 500;line-height: 130%;letter-spacing: -0.13px;color: var(--white);padding: 0 12px;background: rgba(255, 255, 255, 0.5);border-radius: 10px;display: inline-block}
.review_section .review_slider .text_box .title{margin-top: 8px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 500;line-height: 140%;letter-spacing: -0.36px;color: var(--white)}
.review_section .review_slider .text_box .text{max-height: 44px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 14px;font-weight: 400;line-height: 130%;letter-spacing: -0.36px;color: #d2d2d2;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;word-wrap: break-word;overflow: hidden}
.review_section .review_slider .rs_scrollbar{width: 60px;height: 6px;background: #F0F0F0;border-radius: 3px;margin: 16px auto 0}
.review_section .review_slider .rs_scrollbar .swiper-scrollbar-drag{background: #111}
.review_section .btn_sub_box{margin-top: 24px}
.service_section{position: relative}
.service_section .title_box .numb{display: inline-block;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 24px;font-weight: 700;line-height: 140%;letter-spacing: -0.6px;color: var(--primary-500);border-bottom: 2px solid var(--primary-500)}
.service_section .title_box h2{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 24px;font-weight: 400;line-height: 130%;letter-spacing: -0.65px;color: var(--gray-900);margin-top: 16px}
.service_section .title_box h2 em{color: var(--primary-500)}
.service_section .title_box p{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 14px;font-weight: 400;line-height: 130%;letter-spacing: -0.36px;color: var(--gray-900);margin-top: 12px}
.service_section.service_sangsang{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 50px 0;text-align: center;background-color: var(--gray-400)}
.service_section.service_sangsang .inner h2{color: var(--gray-900);font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 24px;font-style: normal;font-weight: 700;line-height: 140%;letter-spacing: -0.6px}
.service_section.service_sangsang .inner h2 b{color: var(--primary-400)}
.service_section.service_sangsang .inner p{color: var(--gray-800);margin-top: 8px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 14px;font-style: normal;font-weight: 500;line-height: 130%;letter-spacing: -0.28px}
.service_section.service_sangsang .inner .img_box{margin: 0 auto;padding: 30px 40px 24px;min-width: 280px}
.service_section.service_sangsang .inner .btn_box a{display: inline-flex;color: var(--white);font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 13px;font-weight: 700;line-height: 130%;letter-spacing: -0.13px;padding: 9px 16px 7px;background-color: var(--primary-500);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);border-radius: 40px;min-height: 36px}
.service_section.service_sangsang .inner .btn_box a::after{content: "";display: inline-block;width: 16px;height: 16px;background-repeat: no-repeat;background-position: center;background-size: contain;vertical-align: -4px;margin-left: 4px}
.service_section.service01{background: linear-gradient(180deg, #FFF 0%, #F8F9FA 100%)}
.service_section.service01 .inner_01{width: 100%;text-align: center;padding: 48px 20px}
.service_section.service01 .inner_01 > h2{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 24px;font-weight: 700;line-height: 140%;letter-spacing: -0.6px;color: var(--gray-900)}
.service_section.service01 .inner_01 > h3{font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.5px;color: var(--primary-500);margin-top: 24px}
.service_section.service01 .inner_01 .chat_box{width: 270px;margin: 40px auto 0}
.service_section.service01 .inner_01 .chat_box li{width: 100%;text-align: left;margin-bottom: 10px}
.service_section.service01 .inner_01 .chat_box li:last-of-type{margin-bottom: 0}
.service_section.service01 .inner_01 .chat_box li:nth-last-of-type(even){text-align: right}
.service_section.service01 .inner_01 .chat_box li:nth-of-type(odd) p{border-bottom-left-radius: 0}
.service_section.service01 .inner_01 .chat_box li:nth-of-type(even) p{border-bottom-right-radius: 0}
.service_section.service01 .inner_01 .chat_box li:nth-of-type(1) p{background: #4A4A4A;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset}
.service_section.service01 .inner_01 .chat_box li:nth-of-type(1) p::after{left: -16px;bottom: -8px;background: url(../../../../res/img/landing/main/icon_emoji_pill.png) no-repeat center center;background-size: 30px}
.service_section.service01 .inner_01 .chat_box li:nth-of-type(2) p{background: rgba(74, 74, 74, 0.9);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset}
.service_section.service01 .inner_01 .chat_box li:nth-of-type(2) p::after{right: -16px;bottom: -8px;background: url(../../../../res/img/landing/main/icon_emoji_magnifier.png) no-repeat center center;background-size: 30px}
.service_section.service01 .inner_01 .chat_box li:nth-of-type(3) p{background: rgba(74, 74, 74, 0.7);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15) inset}
.service_section.service01 .inner_01 .chat_box li:nth-of-type(3) p::after{left: -16px;bottom: -8px;background: url(../../../../res/img/landing/main/icon_emoji_face01.png) no-repeat center center;background-size: 26px}
.service_section.service01 .inner_01 .chat_box li:nth-of-type(4) p{background: rgba(74, 74, 74, 0.5);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.07) inset}
.service_section.service01 .inner_01 .chat_box li:nth-of-type(4) p::after{right: 16px;bottom: -12px;background: url(../../../../res/img/landing/main/icon_emoji_face02.png) no-repeat center center;background-size: 21px}
.service_section.service01 .inner_01 .chat_box li p{position: relative;display: inline-block;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 14px;font-weight: 500;line-height: 130%;letter-spacing: -0.36px;color: var(--white);padding: 13px 24px;border-radius: 14px}
.service_section.service01 .inner_01 .chat_box li p::after{content: "";display: block;position: absolute;width: 30px;height: 30px}
.service_section.service01 .inner_01 .arrow_box{display: block;width: 40px;height: 44px;background: url(../../../../res/img/landing/main/img_arrow_down_gradient.svg) no-repeat center center;background-size: contain;margin: 54px auto 0}
.service_section.service01 .inner_01 .pack_text_box{width: 292px;height: 278px;background: url(../../../../res/img/landing/main/bg_pack_text.webp) no-repeat center center, rgba(0, 0, 0, 0.05);background-size: contain;text-align: left;padding: 75px 30px;border-radius: 18px;box-shadow: 3px 8px 34px rgba(0, 0, 0, 0.12);margin: 24px auto 0}
.service_section.service01 .inner_01 .pack_text_box p{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 26px;font-weight: 700;line-height: 130%;letter-spacing: -0.65px;color: var(--gray-900)}
.service_section.service01 .inner_01 .pack_text_box p b{color: var(--primary-500)}
.service_section.service01 .inner_02{padding: 48px 20px 56px}
.service_section.service01 .inner_02 .step_box{margin-top: 40px}
.service_section.service01 .inner_02 .step_box li{position: relative;display: flex;align-items: center;padding: 6px 0}
.service_section.service01 .inner_02 .step_box li .numb{width: 28px;height: 28px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 14px;font-weight: 700;line-height: 130%;letter-spacing: -0.36px;color: var(--primary-500);text-align: center;line-height: 28px;background: #F1F3F4;border-radius: 50%;margin-right: 12px}
.service_section.service01 .inner_02 .step_box li .text_box{width: calc(100% - 40px);display: flex;align-items: center;justify-content: space-between;height: 72px;padding: 12px 12px 12px 16px;background: var(--white);border-radius: 12px;box-shadow: 7px 9px 14px 0px rgba(0, 0, 0, 0.06)}
.service_section.service01 .inner_02 .step_box li .text_box p{flex: 1;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-900)}
.service_section.service01 .inner_02 .step_box li .text_box .icon_box{display: inline-block;width: 48px;margin-left: 16px}
.service_section.service01 .inner_02 .step_box li .text_box .icon_box img{width: 100%;max-width: 100%}
.service_section.service01 .inner_02 .step_box li::after{content: "";display: block;position: absolute;left: 14px;bottom: -12px;width: 2px;height: 26px;background: var(--gray-500)}
.service_section.service01 .inner_02 .step_box li:last-of-type::after{display: none}
.service_section.service02 .inner{padding: 64px 20px 48px}
.service_section.service02 .routine_slider{margin-top: 24px}
.service_section.service02 .routine_slider .swiper-slide{width: 224px;height: 270px;padding: 16px 20px 24px;border-radius: 12px;overflow: hidden}
.service_section.service02 .routine_slider .swiper-slide:nth-of-type(1){background: url(../../../../res/img/landing/main/img_routine_01.webp) no-repeat center center;background-size: cover}
.service_section.service02 .routine_slider .swiper-slide:nth-of-type(2){background: url(../../../../res/img/landing/main/img_routine_02.webp) no-repeat center center;background-size: cover}
.service_section.service02 .routine_slider .swiper-slide:nth-of-type(3){background: url(../../../../res/img/landing/main/img_routine_03.webp) no-repeat center center;background-size: cover}
.service_section.service02 .routine_slider .swiper-slide dl:nth-of-type(2){margin-top: 8px}
.service_section.service02 .routine_slider .swiper-slide dl dt{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 12px;font-weight: 700;line-height: 130%;letter-spacing: -0.13px;color: var(--white)}
.service_section.service02 .routine_slider .swiper-slide dl .pill_group span{display: inline-block;height: 28px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 12px;font-weight: 500;line-height: 130%;letter-spacing: -0.13px;color: var(--gray-900);padding: 6px 10px;background: var(--white);border-radius: 50px;margin: 6px 6px 0 0}
.service_section.service02 .routine_slider .swiper-slide p{font-size: 20px;font-weight: 400;line-height: 135%;letter-spacing: -0.2px;color: var(--white);margin-top: 12px}
.service_section.service02 .routine_pager{width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 16px}
.service_section.service02 .routine_pager .swiper-pagination-bullet{width: 6px;height: 6px;border-radius: 6px;background: var(--gray-600);opacity: 1;margin: 0 2px;transition: all 0.3s}
.service_section.service02 .routine_pager .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 24px;background: #565656}
.service_section.service02 .text_box{margin-top: 54px}
.service_section.service02 .text_box h3{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-900)}
.service_section.service02 .text_box h3::before{content: "";display: inline-block;width: 16px;height: 16px;background: url(../../../../res/img/landing/main/icon_pill_primary.svg) no-repeat center center;background-size: contain;vertical-align: -2px;margin-right: 4px}
.service_section.service02 .text_box p{position: relative;width: 100%;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 400;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-900);padding: 14px 18px 14px 84px;background: var(--gray-400);border-radius: 12px;margin-top: 8px}
.service_section.service02 .text_box p b{color: var(--primary-500)}
.service_section.service02 .text_box p::before{content: "";display: block;position: absolute;left: 18px;top: 50%;transform: translateY(-50%);width: 42px;height: 42px;background: url(../../../../res/img/landing/main/icon_magicStick.webp) no-repeat center center;background-size: contain}
.service_section.service02 .btn_landing_box{margin-top: 32px;padding: 0 18px}
.service_section.service03 .inner{padding: 64px 20px 36px;position: relative;z-index: 1}
.service_section.service03 .img_box{width: 310px;margin: 16px auto 0}
.service_section.service03 .img_box img{width: 100%;max-width: 100%}
.service_section.service03::after{content: "";display: block;position: absolute;left: 50%;bottom: -400px;transform: translateX(-50%);width: 550px;height: 550px;background: var(--primary-500);border-radius: 50%}
.banner_section{background: var(--primary-500)}
.banner_section .inner{padding: 44px 20px 40px}
.banner_section .inner h2{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 24px;font-weight: 400;line-height: 130%;letter-spacing: -0.65px;color: var(--white)}
.banner_section .inner h2 b{position: relative}
.banner_section .inner h2 b::after{content: "";display: block;position: absolute;right: -58px;bottom: 40px;width: 39px;height: 63px;background: url(../../../../res/img/landing/main/img_plus_group_white.svg) no-repeat center center;background-size: contain;opacity: 0.5}
.banner_section .inner .banner_slider{margin-top: 24px}
.banner_section .inner .banner_slider .swiper-slide{width: auto;padding: 16px 24px;background: var(--white);border-radius: 20px}
.banner_section .inner .banner_slider .banner_box{display: flex;align-items: center}
.banner_section .inner .banner_slider .banner_box .icon_box{display: inline-block;width: 42px;height: 42px;margin-right: 12px}
.banner_section .inner .banner_slider .banner_box .icon_box img{width: 100%;max-width: 100%}
.banner_section .inner .banner_slider .banner_box .text_box dt{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 14px;font-weight: 400;line-height: 130%;letter-spacing: -0.36px;color: var(--gray-900)}
.banner_section .inner .banner_slider .banner_box .text_box dd{font-size: 22px;font-weight: 700;line-height: 130%;margin-top: 4px;color: var(--gray-900)}
.banner_section .inner .banner_slider .banner_box .text_box dd b{color: var(--primary-500)}
.banner_section + .btn_landing_box{padding: 40px 38px}
@media (max-width: 480px){#wrap{padding-bottom: 68px}
#wrap:has(.landing.app){padding-bottom: 0}}
@font-face{font-family: "GmarketSans"; font-style: normal; font-weight: 300; src: local("GmarketSansLight"), local("GmarketSansLight"), url(../../../../res/fonts/GmarketSansLight.woff2) format("font-woff2"), url(../../../../res/fonts/GmarketSansLight.woff) format("woff"), url(../../../../res/fonts/GmarketSansLight.otf) format("opentype"); font-display: swap;}
@font-face{font-family: "GmarketSans"; font-style: normal; font-weight: 400; src: local("GmarketSansMedium"), local("GmarketSansMedium"), url(../../../../res/fonts/GmarketSansMedium.woff2) format("font-woff2"), url(../../../../res/fonts/GmarketSansMedium.woff) format("woff"), url(../../../../res/fonts/GmarketSansMedium.otf) format("opentype"); font-display: swap;}
@font-face{font-family: "GmarketSans"; font-style: normal; font-weight: 500; src: local("GmarketSansBold"), local("GmarketSansBold"), url(../../../../res/fonts/GmarketSansBold.woff2) format("font-woff2"), url(../../../../res/fonts/GmarketSansBold.woff) format("woff"), url(../../../../res/fonts/GmarketSansBold.otf) format("opentype"); font-display: swap;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin: 0;padding: 0;border: 0;box-sizing: border-box;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-style: normal;font-synthesis: none;vertical-align: baseline;outline: 0;-webkit-tap-highlight-color: transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block}
html,body{width: 100%;height: 100%;background: var(--gray-400);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
html:has(#wrap.mobile),body:has(#wrap.mobile){background: var(--white)}
body{line-height: 1}
main,section{overflow: hidden}
ol,ul{list-style: none}
blockquote,q{quotes: none}
blockquote:before,blockquote:after,q:before,q:after{content: "";content: none}
table{border-collapse: collapse;border-spacing: 0}
a{text-decoration: none}
button{user-select: none;cursor: pointer;background: none;border: none;padding: 0;-webkit-tap-highlight-color: transparent}
input[type=checkbox] + label,input[type=radio] + label{cursor: pointer}
input[type=submit]{cursor: pointer}
input[type=text],input[type=password],input[type=textarea],input[type=fieldset]{-webkit-tap-highlight-color: transparent}
input[type=text]:focus,input[type=password]:focus,input[type=textarea]:focus,input[type=fieldset]:focus{outline: none}
input[type=number]{-moz-appearance: textfield}
input[type=number]::-webkit-inner-spin-button{-webkit-appearance: none}
input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0}
input:-internal-autofill-selected{background-color: var(--white) !important}
input:-webkit-autofill{background-color: transparent !important;box-shadow: 0 0 0px 1000px white inset !important;color: inherit !important}
input[type=password]{-webkit-box-shadow: 0 0 0 1000px white inset !important;-webkit-text-fill-color: inherit !important;background-color: transparent !important}
input[type=password]:-webkit-autofill:hover,input[type=password]:-webkit-autofill:focus,input[type=password]:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 1000px white inset !important;transition: background-color 5000s ease-in-out 0s}
img,video{max-width: 100%;border: 0 none;vertical-align: top}
:root{--primary-900: #082312;--primary-800: #114525;--primary-700: #196837;--primary-600: #228a4a;--primary-500: #2aad5c;--primary-400: #55bd7d;--primary-300: #7fce9d;--primary-200: #f1fbf5;--state-red: #f60909;--state-red-light: #FEE6E6;--state-yellow: #FF7A00;--state-yellow-light: #FFE9CF;--state-green: #4caf50;--state-green-light: #e8f5e9;--state-blue-strong: #1a1e81;--state-blue: #297dfb;--state-blue-light: #F3F8FF;--black: #000000;--gray-900: #222222;--gray-800: #757575;--gray-700: #aaaaaa;--gray-600: #dddddd;--gray-500: #efefef;--gray-400: #f8f9fa;--white: #ffffff}
@font-face{font-family: "Pretendard"; font-style: normal; font-weight: 400; src: local("Pretendard Regular"), local("Pretendard-Regular"), url(../../../../res/fonts/Pretendard-Regular.woff2) format("woff2"), url(../../../../res/fonts/Pretendard-Regular.woff) format("woff"), url(../../../../res/fonts/Pretendard-Regular.otf) format("opentype"); font-display: swap;}
@font-face{font-family: "Pretendard"; font-style: normal; font-weight: 500; src: local("Pretendard Medium"), local("Pretendard-Medium"), url(../../../../res/fonts/Pretendard-Medium.woff2) format("woff2"), url(../../../../res/fonts/Pretendard-Medium.woff) format("woff"), url(../../../../res/fonts/Pretendard-Medium.otf) format("opentype"); font-display: swap;}
@font-face{font-family: "Pretendard"; font-style: normal; font-weight: 600; src: local("Pretendard SemiBold"), local("Pretendard-SemiBold"), url(../../../../res/fonts/Pretendard-SemiBold.woff2) format("woff2"), url(../../../../res/fonts/Pretendard-SemiBold.woff) format("woff"), url(../../../../res/fonts/Pretendard-SemiBold.otf) format("opentype"); font-display: swap;}
@font-face{font-family: "Pretendard"; font-style: normal; font-weight: 700; src: local("Pretendard Bold"), local("Pretendard-Bold"), url(../../../../res/fonts/Pretendard-Bold.woff2) format("woff2"), url(../../../../res/fonts/Pretendard-Bold.woff) format("woff"), url(../../../../res/fonts/Pretendard-Bold.otf) format("opentype"); font-display: swap;}
@font-face{font-family: "Pretendard"; font-style: normal; font-weight: 800; src: local("Pretendard ExtraBold"), local("Pretendard-ExtraBold"), url(../../../../res/fonts/Pretendard-ExtraBold.woff2) format("woff2"), url(../../../../res/fonts/Pretendard-ExtraBold.woff) format("woff"), url(../../../../res/fonts/Pretendard-ExtraBold.otf) format("opentype"); font-display: swap;}
@font-face{font-family: "Cafe24 Ssurround"; font-weight: normal; font-style: normal; font-display: swap; src: local("Cafe24 Ssurround"), local("Cafe24Ssurround"), url(../../../../res/fonts/Cafe24Ssurround.woff2) format("woff2"), url(../../../../res/fonts/Cafe24Ssurround.woff) format("woff"), url(../../../../res/fonts/Cafe24Ssurround.otf) format("opentype"), url(../../../../res/fonts/Cafe24Ssurround.ttf) format("truetype");}
.icon_chevron_down{display: inline-block;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center}
.icon_chevron_right{display: inline-block;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center}
#header{position: fixed;top: 0;left: 50%;transform: translateX(-50%);width: 100%;max-width: 480px;height: auto;background-color: var(--white);z-index: 12}
.header_wrap{position: relative;width: 100%;height: 56px;padding: 8px}
.header_wrap .logo{width: 92px;display: inline-block;overflow: hidden}
.header_wrap .logo a{width: 100%;height: 100%;text-indent: -9999px;margin-top: 5px;display: inline-block;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center}
.btn{position: absolute;top: 50%;transform: translateY(-50%);width: 48px;height: 48px;text-indent: -9999px;display: inline-block}
.btn.btn_back{left: 8px;background-repeat: no-repeat;background-position: center;background-size: 24px}
.btn.btn_exit{right: 8px;background-repeat: no-repeat;background-position: center;background-size: 24px}
.btn.btn_menu{right: 8px;background-repeat: no-repeat;background-position: center;background-size: 24px}
#gnb{display: none;position: absolute;left: 0;top: 56px;width: 100%;padding: 12px 24px 20px;background: var(--white);overflow: hidden;z-index: 11}
#gnb.on{display: block}
#gnb nav{position: relative}
#gnb .depth01 > li{position: relative;width: 100%;padding: 12px 0;overflow: hidden}
#gnb .depth01 > li > a{position: relative;display: inline-block;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-900);line-height: 30px;transition: all 0.1s ease}
#gnb .depth01 > li > a:hover{color: var(--primary-500)}
#gnb .depth01 > li > a.point::after{width: calc(100% - 36px)}
#gnb .depth01 > li .hot{width: 37px;height: 20px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 12px;font-weight: 500;line-height: 130%;letter-spacing: -0.13px;color: var(--state-blue);text-align: center;background: var(--state-blue-light);border-radius: 4px;padding: 2px 6px;display: inline-block;vertical-align: 1px;margin-left: 8px}
#gnb .depth01 > li .new{width: 37px;height: 20px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 12px;font-weight: 500;line-height: 130%;letter-spacing: -0.13px;color: var(--primary-500);text-align: center;background: var(--primary-200);border-radius: 4px;padding: 2px 6px;display: inline-block;vertical-align: 1px;margin-left: 8px}
#gnb .snav{border-bottom: 1px solid var(--gray-400)}
#gnb .snav:hover .snav_tit span{color: var(--primary-500)}
#gnb .snav:hover .snav_tit span::after{opacity: 1}
#gnb .snav.on .snav_tit span{color: var(--primary-500)}
#gnb .snav.on .snav_tit span::after{opacity: 1}
#gnb .snav.on .snav_tit::after{transform: rotate(180deg)}
#gnb .snav .snav_tit{position: relative;cursor: pointer}
#gnb .snav .snav_tit span{display: inline-block;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 700;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-900);transition: all 0.1s ease}
#gnb .snav .snav_tit span:hover{color: var(--primary-500)}
#gnb .snav .snav_tit::after{position: absolute;right: 0;bottom: 0;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center;background-size: contain;content: "";display: block;transition: all 0.3s ease-in}
#gnb .depth02{display: none;padding: 24px 0 12px}
#gnb .depth02 li{margin-bottom: 16px;padding: 0}
#gnb .depth02 li:last-child{margin-bottom: 0}
#gnb .depth02 a{display: block;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 14px;font-weight: 700;line-height: 130%;letter-spacing: -0.36px;color: var(--gray-800)}
#gnb .depth02 a:hover{color: var(--gray-900)}
.dim{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 11}
.footer{position: relative;width: 100%;min-height: 250px;background: var(--gray-500);overflow: hidden}
.ft_title{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 14px;font-weight: 700;line-height: 130%;letter-spacing: -0.36px;color: var(--gray-800);display: flex;align-items: center;cursor: pointer;margin-bottom: 8px}
.ft_title.on .icon{transform: rotate(180deg)}
.ft_title .icon{width: 18px;height: 18px;filter: invert(53%) sepia(4%) saturate(14%) hue-rotate(354deg) brightness(85%) contrast(83%);background-repeat: no-repeat;background-position: center;background-size: 18px 18px;margin-left: 2px;transition: all 0.3s ease-in-out}
.ft_info_box{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 13px;font-weight: 400;line-height: 130%;letter-spacing: -0.13px;color: var(--gray-700);margin-bottom: 20px}
.ft_info_box li{display: flex;align-items: center;padding: 0;margin-bottom: 4px}
.ft_info_box span{display: inline-block;padding-right: 12px}
.ft_info_box a{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 13px;font-weight: 400;line-height: 130%;letter-spacing: -0.13px;color: var(--gray-700)}
.ft_info_box a:nth-child(2)::before{content: "|";margin-right: 3px;color: #D9D9D9}
.ft_wrap{position: relative;width: 100%;padding: 40px 20px}
.ft_wrap .toggle_cont{display: none;color: var(--gray-700)}
.ft_wrap .toggle_cont p{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 13px;font-weight: 400;line-height: 130%;letter-spacing: -0.13px;margin-bottom: 6px}
.ft_wrap .toggle_cont p:last-child{margin-bottom: 0}
.ft_wrap .toggle_cont span{padding-right: 12px}
.ft_wrap .sns_link_box{display: flex;align-items: center;gap: 12px;margin-top: 20px}
.ft_wrap .sns_link_box a{width: 40px;height: 40px;display: inline-block;text-indent: -9999px}
.ft_wrap .sns_link_box a.insta{background-repeat: no-repeat;background-position: center}
.ft_wrap .sns_link_box a.kakao{background-repeat: no-repeat;background-position: center}
.ft_wrap .sns_link_box a.youtube{background-repeat: no-repeat;background-position: center}
.ft_wrap .sns_link_box a.playstore{background-repeat: no-repeat;background-position: center}
.ft_wrap .sns_link_box a.blog{background-repeat: no-repeat;background-position: center}
.ft_wrap .legal_link_box{width: 100%;display: flex;align-items: center;margin-top: 20px}
.ft_wrap .legal_link_box li{display: flex;align-items: center}
.ft_wrap .legal_link_box li::after{content: "|";color: #D9D9D9;margin: 0 6px}
.ft_wrap .legal_link_box li:last-child::after{content: ""}
.ft_wrap .legal_link_box a{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 13px;font-weight: 400;line-height: 130%;letter-spacing: -0.13px;color: var(--gray-700);letter-spacing: -0.7px}
.form_input{position: relative;width: 100%;height: 56px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 400;line-height: 140%;letter-spacing: -0.36px;color: transparent;padding: 24px 48px 8px 20px;background: var(--white);border: 1px solid var(--gray-600);border-radius: 8px;transition: all 0.1s ease-in-out;box-sizing: border-box;color: var(--gray-900)}
.form_input:focus{border: 1px solid var(--primary-500);outline: none}
.form_input:focus + .form_label{top: 8px;font-size: 13px}
.form_input:focus + label,.form_input.valid + label{top: 8px;font-size: 13px}
.form_input:focus ~ .form_reset,.form_input.focus ~ .form_reset{opacity: 1}
.form_input.focus + .form_label{top: 8px;font-size: 13px}
.form_input.valid{color: var(--gray-900)}
.form_input.valid:disabled + label{top: 8px;font-size: 13px}
.form_input.valid + .form_label{top: 8px;font-size: 13px}
.form_input.error{border: 1px solid var(--state-red)}
.form_input.error + .form_label{color: var(--state-red)}
.form_input.error + label{color: var(--state-red)}
.form_input:read-only{background: var(--gray-500) !important;color: var(--gray-900);-webkit-appearance: none;opacity: 1 !important}
.form_input:read-only + label{top: 8px;font-size: 13px}
.form_input:read-only ~ .form_reset{display: none;opacity: 0;visibility: hidden}
.form_input:read-only:focus{border-color: var(--gray-600)}
.form_input:disabled{background-color: var(--gray-500) !important;opacity: 1 !important;-webkit-text-fill-color: var(--gray-700) !important;-webkit-appearance: none}
.form_input:disabled + label{top: 18px;font-size: 16px}
.form_input + label{position: absolute;left: 20px;top: 18px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 400;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-700);display: inline-block;transition: all 0.1s ease-in-out}
.form_label{position: absolute;left: 20px;top: 18px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 400;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-700);display: inline-block;transition: all 0.1s ease-in-out}
.form_reset{opacity: 0;display: block;position: absolute;right: 16px;top: 18px;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center;background-size: contain;text-indent: -9999px;overflow: hidden;cursor: pointer;transition: all 0.1s ease-in-out}
.textarea_wrap{background-color: #ffffff;border-radius: 12px;display: inline-block;height: 154px;padding: 16px 20px 42px;width: 100%;border: 1px solid var(--gray-600);position: relative;left: 0;top: unset;transition: all 0.3s;border-color: var(--state-red)}
.textarea_wrap:has(textarea:focus){border-color: var(--state-red)}
.textarea_wrap textarea{color: var(--state-red)}
.textarea_wrap:has(textarea:focus){border-color: var(--primary-500)}
.textarea_wrap:has(textarea:disabled){background: var(--gray-500)}
.textarea_wrap textarea{width: 100%;height: 92px;margin: 0;padding: 0;border-radius: 0;overflow-y: auto;overflow-x: hidden;appearance: none;outline: 0;border: 0;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 400;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-900);resize: none}
.textarea_wrap textarea::placeholder{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 400;line-height: 140%;letter-spacing: -0.36px;color: var(--gray-700)}
.textarea_wrap textarea:disabled{background: var(--gray-500)}
.textarea_wrap textarea:disabled + .text_count .limit{color: var(--gray-700)}
.textarea_wrap .text_count{position: absolute;right: 20px;bottom: 16px;font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 14px;font-weight: 400;line-height: 130%;letter-spacing: -0.36px;color: var(--gray-700)}
.textarea_wrap .text_count .limit{color: var(--state-red)}
.textarea_wrap .text_count .limit.off{color: var(--gray-700)}
.hide{display: none !important}
#wrap{position: relative;width: 100%;max-width: 480px;min-width: 360px;height: auto;min-height: 100%;margin: 0 auto;background: var(--white);box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05)}
#header + #container{padding-top: 56px}
#container{position: relative}
.tooltip_axis{position: relative}
.tooltip_axis .tooltip{position: absolute;background-color: var(--gray-900);z-index: 10;border-radius: 4px;padding: 8px}
.tooltip_axis .tooltip::after{content: "";display: block;position: absolute;width: 10px;height: 10px;border-radius: 2px;background: var(--gray-900)}
.tooltip_axis .tooltip div{display: flex}
.tooltip_axis .tooltip p{color: var(--white);font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 13px;font-weight: 500;line-height: 130%;letter-spacing: -0.13px}
.tooltip_close{display: inline-block;width: 14px;height: 14px;text-indent: -9999px;margin-left: 2px;vertical-align: -3px;background-repeat: no-repeat;background-position: center;background-size: contain;filter: invert(100%) sepia(0%) saturate(7470%) hue-rotate(116deg) brightness(109%) contrast(109%)}
.toggle_cont{display: none}
.toast{display: none;position: fixed;left: 50%;bottom: 40px;transform: translateX(-50%);max-width: 440px;z-index: 20;overflow: hidden}
.toast.on{display: block}
.toast p{font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;font-size: 16px;font-weight: 500;line-height: 140%;letter-spacing: -0.36px;color: var(--white);white-space: nowrap}
.main_event_banner a{display: flex;align-items: center;justify-content: center;background: #fff;max-height: 127px}
.btn_landing_box.tooltip_axis .tooltip{position: absolute;top: -7px;left: 50%;transform: translateX(-50%)}
.btn_landing_box.tooltip_axis .tooltip::after{left: 50%;transform: translateX(-50%) rotate(53deg) skew(15deg)}