/* /asset/css/site/common.css */
/* root */
:root{--container-padding: 15px;
	--container-padding-minus: -15px;
	--font-title-h1: 56px;
	--font-title-h2: 45px;
	--font-title-h3: 36px;
	--font-title-h4: 29px;
	--font-title-h5: 23px;
	--font-title-h6: 18px;
	--font-xs: 12px;
	--font-sm: 14px;
	--font-md: 16px;
	--font-lg: 18px;
	--font-xl: 20px;
	--font-xxl: 22px;	
	--font-xxxl: 24px;	
	--font-10: 10px;
	--font-11: 11px;
	--font-12: 12px;
	--font-13: 13px;
	--font-14: 14px;
	--font-15: 15px;
	--font-16: 16px;
	--font-17: 17px;
	--font-18: 18px;
	--font-20: 20px;
	--font-22: 22px;
	--font-24: 24px;
	--font-26: 26px;
	--font-28: 28px;
	--font-30: 30px;
	--font-32: 32px;
	--font-34: 34px;
	--font-36: 36px;
	--font-38: 38px;
	--font-40: 40px;
	--font-42: 42px;
	--font-44: 44px;
	--font-46: 46px;
	--font-48: 48px;
	--font-50: 50px;
	--font-55: 55px;
	--font-60: 60px;
	--font-65: 65px;
	--font-70: 70px;
	--font-72: 72px;
	--font-75: 75px;
	--font-80: 80px;
	--font-85: 85px;
	--font-90: 90px;
	--font-95: 95px;
	--font-100: 100px;
	--list-1: 1;
	--list-2: 2;	
	--list-3: 3;	
	--list-4: 4;	
	--list-5: 5;	
	--list-6: 6;	
	--list-7: 7;
	--width-5: 5px;
	--width-10: 10px;
	--width-15: 15px;
	--width-16: 16px;
	--width-20: 20px;
	--width-25: 25px;
	--width-30: 30px;
	--width-35: 35px;
	--width-40: 40px;
	--width-45: 45px;
	--width-50: 50px;
	--width-60: 60px;
	--height-5: 5px;
	--height-10: 10px;
	--height-15: 15px;
	--height-16: 16px;
	--height-20: 20px;
	--height-25: 25px;
	--height-30: 30px;
	--height-35: 35px;
	--height-40: 40px;
	--height-45: 45px;
	--height-50: 50px;
	--height-60: 60px;
	--radius-5: 5px;
	--radius-8: 8px;
	--radius-10: 10px;
	--radius-12: 12px;
	--radius-15: 15px;
	--radius-20: 20px;
	--radius-25: 25px;
	--gap-3: 3px;
	--gap-5: 5px;
	--gap-10: 10px;
	--gap-15: 15px;
	--gap-20: 20px;
	--gap-25: 25px;
	--gap-30: 30px;
	--gap-35: 35px;
	--gap-40: 40px;
	--gap-45: 45px;
	--gap-50: 50px;
    --gap-count-0: 0;
    --gap-count-1: 1;
    --gap-count-2: 2;
    --gap-count-3: 3;
    --gap-count-4: 4;
    --gap-count-5: 5;
    --gap-count-6: 6;
	--padding-5: 5px;	
	--padding-10: 10px;	
	--padding-15: 15px;	
	--padding-20: 20px;	
	--padding-25: 25px;	
	--padding-30: 30px;	
	--padding-35: 35px;	
	--padding-40: 40px;
	--padding-50: 50px;
	--padding-100: 100px;
	--margin-5: 5px;	
	--margin-10: 10px;	
	--margin-15: 15px;	
	--margin-20: 20px;	
	--margin-25: 25px;	
	--margin-30: 30px;	
	--margin-35: 35px;	
	--margin-40: 35px;
	--margin-50: 50px;
	--margin-100: 100px;
	--icon-12: 12px;
	--icon-16: 16px;
	--icon-20: 20px;
	--icon-24: 24px;
	--icon-28: 28px;
	--icon-32: 32px;
	--icon-36: 36px;
	--icon-40: 40px;}
@media (max-width:767px){
:root{--font-xs: 11px;
	--font-sm: 12px;
	--font-md: 14px;
	--font-lg: 16px;
	--font-xl: 18px;
	--font-xxl: 20px;	
	--font-xxxl: 22px;}
}
/* common */
.focus{border-color:var(--color-blue) !important;}
.success{border-color:var(--color-active) !important; color:var(--color-active) !important;}
.success > *{border-color:var(--color-active) !important;}
.disabled{background:var(--color-disabled) !important; color:var(--color-gray-1000) !important; border-color:var(--color-gray-400) !important;}
.disabled > *{color:var(--color-gray-1000) !important; border-color:var(--color-gray-400) !important;}
.readonly{background:var(--color-disabled) !important; color:var(--color-gray-1000) !important; border-color:var(--color-gray-400) !important;}
.readonly > *{color:var(--color-gray-1000) !important; border-color:var(--color-gray-400) !important;}
.error{border-color:var(--color-danger-200) !important; color:var(--color-danger-200) !important;}
.error > *{color:var(--color-danger-200) !important;}
/* container */
.container{max-width: calc(1200px + (var(--container-padding) * 2)); margin:0 auto; padding:0 var(--container-padding); width:100%;}
.container-xxl{max-width: calc(1400px + (var(--container-padding) * 2));}
.container-xl{max-width: calc(1200px + (var(--container-padding) * 2));}
.container-lg{max-width: calc(991px + (var(--container-padding) * 2));}
.container-md{max-width: calc(767px + (var(--container-padding) * 2));}
.container-sm{max-width: calc(575px + (var(--container-padding) * 2));}
.container-xs{max-width: calc(400px + (var(--container-padding) * 2));}
/* animation */
@keyframes pop{
  0%   {transform:scale(1);}
  30%  {transform:scale(1.3);}
  60%  {transform:scale(0.9);}
  100% {transform:scale(1);}
}
@keyframes sparkle{
  0%   {text-shadow:0 0 0 rgba(224,36,94,0);}
  50%  {text-shadow:0 0 8px rgba(224,36,94,0.6);}
  100% {text-shadow:0 0 0 rgba(224,36,94,0);}
}
/* skipnavi-box */
.skipnavi-box{position:fixed; left:0; top:0; width:100%; z-index:99999;}
.skipnavi-box dl dt{display:none;}
.skipnavi-box dl dd a{position:absolute; left:0; top:-35px; width:100%; transition:all ease 0.5s; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:35px; background:var(--color-active); color:var(--color-white); font-size:16px; font-weight:600;}
.skipnavi-box dl dd a:focus{top:0;}
/* error-box */
.error-box{height:100vh; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:var(--padding-50) var(--padding-15); background:var(--color-gray-200);}
.error-box h2{text-align:center;}
.error-box h2 .error-code{font-size:80px; font-weight:700; color:var(--color-active); word-break:keep-all;}
.error-box h2 .error-message{font-size:30px; word-break:keep-all;}
.error-box p.error-text{font-size:18px; text-align:center; word-break:keep-all; color:var(--color-gray-1000); margin:var(--margin-15) 0 0;}
@media (max-width:991px){
.error-box h2 .error-code{font-size:65px;}
.error-box h2 .error-message{font-size:22px;}
.error-box p.error-text{font-size:16px; margin:var(--margin-10) 0 0;}
}
/* loader-box */
.loader-box{--p:.26; position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center;
             padding:24px; opacity:0; visibility:hidden; pointer-events:none;
             background:radial-gradient(120% 100% at 50% 34%, rgba(37,32,86,.72) 0%, rgba(8,9,15,.9) 76%);
             -webkit-backdrop-filter:blur(10px) saturate(130%); backdrop-filter:blur(10px) saturate(130%);
             transition:opacity .24s ease, visibility .24s ease;}
.loader-box.active{opacity:1; visibility:visible; pointer-events:auto;}
.loader-box::after{content:''; position:absolute; left:50%; top:50%; width:420px; height:340px;
                    margin:-190px 0 0 -210px; border-radius:50%; pointer-events:none;
                    background:radial-gradient(50% 50% at 50% 50%,
                               color-mix(in srgb, var(--color-active) 62%, transparent) 0%, transparent 70%);
                    filter:blur(58px); opacity:.5;}
/* loader-panel */
.loader-panel{position:relative; z-index:1; display:flex; flex-direction:column; align-items:center;
               gap:22px; max-width:420px; text-align:center;
               transform:translateY(10px) scale(.97);
               transition:transform .3s cubic-bezier(.2,.9,.25,1);}
.loader-box.active .loader-panel{transform:none;}
/* loader-dial */
.loader-dial{position:relative; width:78px; height:78px; flex:none;}
.loader-ring{position:absolute; inset:0; border-radius:50%;
              background:conic-gradient(from 90deg,
                         rgba(255,255,255,.06) 0deg, rgba(255,255,255,.14) 150deg,
                         color-mix(in srgb, var(--color-active) 90%, #fff) 280deg,
                         color-mix(in srgb, var(--color-active) 60%, #fff) 350deg,
                         color-mix(in srgb, var(--color-active) 60%, #fff) 360deg);
              -webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - 6px), #000 calc(100% - 6px));
              mask:radial-gradient(farthest-side, #0000 calc(100% - 6px), #000 calc(100% - 6px));
              animation:loaderSpin .95s cubic-bezier(.55,.12,.45,.88) infinite;}
.loader-dial::after{content:''; position:absolute; top:-3px; left:50%; width:10px; height:10px; margin-left:-5px;
                     border-radius:50%; background:#fff;
                     box-shadow:0 0 16px 4px color-mix(in srgb, var(--color-active) 80%, transparent);
                     transform-origin:50% 42px;
                     animation:loaderSpin .95s cubic-bezier(.55,.12,.45,.88) infinite;}
.loader-dial::before{content:''; position:absolute; inset:15px; border-radius:50%;
                      background:conic-gradient(from 270deg, transparent 0deg,
                                 rgba(255,255,255,.22) 190deg, transparent 300deg);
                      -webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - 3px), #000 calc(100% - 3px));
                      mask:radial-gradient(farthest-side, #0000 calc(100% - 3px), #000 calc(100% - 3px));
                      animation:loaderSpinBack 2.1s linear infinite;}
.loader-box.is-progress .loader-ring{animation:none; transition:background .22s linear;
              background:conic-gradient(color-mix(in srgb, var(--color-active) 75%, #fff) calc(var(--p) * 360deg),
                         rgba(255,255,255,.13) 0);}
.loader-box.is-progress .loader-dial::after{animation:none; transform:rotate(calc(var(--p) * 360deg)); transition:transform .22s linear;}
.loader-box.is-progress .loader-dial::before{display:none;}
.loader-pct{position:absolute; inset:0; display:none; align-items:center; justify-content:center;
             font-size:14px; font-weight:700; color:#fff; letter-spacing:-.02em;
             font-variant-numeric:tabular-nums;}
.loader-box.is-progress .loader-pct{display:flex;}
/* loader-text */
.loader-text{min-width:0;}
.loader-box .loader-msg{margin:0; color:#fff; font-size:16px; font-weight:700;
                         line-height:1.45; word-break:keep-all; letter-spacing:-.015em;}
.loader-box .loader-sub{margin:7px 0 0; color:rgba(255,255,255,.62); font-size:13.5px; font-weight:500;
                         line-height:1.55; word-break:keep-all; letter-spacing:-.01em;}
/* loader-time */
.loader-time{margin-top:2px; padding:4px 11px; border-radius:999px;
              background:rgba(255,255,255,.12); color:rgba(255,255,255,.86);
              font-size:11.5px; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap;}
/* loader-bar */
.loader-bar{position:fixed; left:0; right:0; top:0; height:3px; overflow:hidden; display:none;
             background:rgba(255,255,255,.1);}
.loader-box.is-progress .loader-bar{display:block;}
.loader-bar i{display:block; width:35%; height:100%;
               background:linear-gradient(90deg, transparent,
                          color-mix(in srgb, var(--color-active) 70%, #fff) 45%,
                          color-mix(in srgb, var(--color-active) 70%, #fff) 55%, transparent);
               animation:loaderSweep 1.5s cubic-bezier(.45,0,.3,1) infinite;}
.loader-box.is-progress .loader-bar i{animation:none; width:calc(var(--p, 0) * 100%);
               background:linear-gradient(90deg,
                          color-mix(in srgb, var(--color-active) 60%, #fff),
                          color-mix(in srgb, var(--color-active) 95%, #fff));
               transition:width .22s linear;}
.loader-box.is-bare .loader-text, .loader-box.is-bare .loader-time{display:none;}
.loader-box.is-bare .loader-panel{gap:0;}
@keyframes loaderSpin{to{transform:rotate(1turn);}}
@keyframes loaderSpinBack{to{transform:rotate(-1turn);}}
@keyframes loaderSweep{0%{transform:translateX(-105%);} 100%{transform:translateX(300%);}}
@media (prefers-reduced-motion:reduce){
.loader-ring, .loader-dial::after, .loader-dial::before{animation-duration:3.2s; animation-timing-function:linear;}
.loader-bar i{animation-duration:3s;}
.loader-panel{transform:none; transition:none;}
}
@media (max-width:640px){
.loader-panel{gap:18px;}
.loader-dial{width:66px; height:66px;}
.loader-dial::after{transform-origin:50% 36px;}
.loader-box .loader-msg{font-size:15px;}
}
/* button-box */
.btn{transition:all .15s ease;}
.btn:hover{transform:translateY(-1px); box-shadow:0 2px 6px rgba(0,0,0,0.08);}
.button-box{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-5);}
.button-box .btn{gap:var(--gap-5); position:relative; font-size:var(--font-md); height:var(--height-45); padding:0 var(--padding-15); display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; border-radius:var(--radius-8); transition:all ease 0.5s; color:var(--color-white);}
.button-box .btn input{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.button-box .btn-round{border-radius:50px;}
.button-box .btn-full{flex:1; min-width:0; width:100%;}
.button-box .btn-xxxl{height:var(--height-60); font-size:var(--font-xxxl); padding:0 var(--padding-35); border-radius:var(--radius-12);}
.button-box .btn-xxl{height:var(--height-50); font-size:var(--font-xxl); padding:0 var(--padding-30); border-radius:var(--radius-10);}
.button-box .btn-xl{height:var(--height-45); font-size:var(--font-xl); padding:0 var(--padding-25);}
.button-box .btn-lg{height:var(--height-40); font-size:var(--font-lg); padding:0 var(--padding-20);}
.button-box .btn-md{height:var(--height-35); font-size:var(--font-md); padding:0 var(--padding-15);}
.button-box .btn-sm{height:var(--height-30); font-size:var(--font-sm); padding:0 var(--padding-10);}
.button-box .btn-xs{height:var(--height-25); font-size:var(--font-xs); padding:0 var(--padding-10); border-radius:var(--radius-5);}
.button-box .btn{transition:filter .15s ease, background-color .15s ease, color .15s ease, border-color .15s ease;}
.button-box .btn:hover{filter:saturate(1.35) contrast(1.08);}
.button-box .btn:hover .filter-hover{filter:var(--filter-white) !important;}
.button-box .btn-facebook{background:#1877F2; color:var(--color-white);}
.button-box .btn-twitter{background:#1DA1F2; color:var(--color-white);}
.button-box .btn-twitter-x{background:var(--color-black); color:var(--color-white);}
.button-box .btn-kakao{background:#FEE500; color:var(--colo-gray-800);}
.button-box .btn-instagram{background:#E4405F; color:var(--color-white);}
.button-box .btn-youtube{background:#FF0000; color:var(--color-white);}
.button-box .btn-naver{background:#03C75A; color:var(--color-white);}
.button-box .btn-blog{background:#03C75A; color:var(--color-white);}
.button-box .btn-band{background:#6DCA28; color:var(--color-white);}
.button-box .btn-line{background:#06C755; color:var(--color-white);}
.button-box .btn-wechat{background:#07C160; color:var(--color-white);}
.button-box .btn-pinterest{background:#BD081C; color:var(--color-white);}
.button-box .btn-in{background:#0A66C2; color:var(--color-white);}
.button-box .btn-tiktok{background:#000000; color:var(--color-white);}
.button-box .btn-gmail{background:#ffffff; color:var(--color-black); border:1px solid var(--color-gray-400);}
.button-box .btn.single{font-size:0;}
.button-box .btn.single .icon{margin:0;}
.button-box .sns-row{display:grid; grid-template-columns:1fr 1fr; gap:var(--gap-5); width:100%;}
.button-box .sns-row > .btn{width:auto; min-width:0;}
@media (max-width:991px){
.button-box{gap:var(--gap-5);}
.button-box .btn-xxxl{height:var(--height-50); font-size:var(--font-xl); padding:0 var(--padding-30); border-radius:var(--radius-10);}
}
/* badge-box */
.badge-box{gap:2px; display:flex; flex-wrap:wrap; align-items:center;}
.badge-box .badge{font-size:0.75em; padding:0.3em 0.45em; border-radius:0.375rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; white-space:nowrap;}
/* icon-box */
.icon{display:inline-block; font-size:0; width:var(--icon-20); height:var(--icon-20); background-size:cover; background-position:center;}
.icon-xxxl{width:var(--icon-36); height:var(--icon-36);}
.icon-xxl{width:var(--icon-32); height:var(--icon-32);}
.icon-xl{width:var(--icon-28); height:var(--icon-28);}
.icon-lg{width:var(--icon-24); height:var(--icon-24);}
.icon-md{width:var(--icon-20); height:var(--icon-20);}
.icon-sm{width:var(--icon-16); height:var(--icon-16);}
.icon-xs{width:var(--icon-12); height:var(--icon-12);}
.icon-back{margin:0 0 0 var(--margin-5);}
.icon-only{margin:0;}
.icon-white{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
.icon-arrow-left{background-image:url('/asset/images/icon_arrow_left.svg');}
.icon-arrow-right{background-image:url('/asset/images/icon_arrow_right.svg');}
.icon-arrow-up{background-image:url('/asset/images/icon_arrow_up.svg');}
.icon-arrow-down{background-image:url('/asset/images/icon_arrow_down.svg');}
.icon-share{background-image:url('/asset/images/icon_share.svg');}
.icon-pin{background-image:url('/asset/images/icon_pin.svg');}
.icon-clip{background-image:url('/asset/images/icon_clip.svg');}
.icon-link{background-image:url('/asset/images/icon_link.svg');}
.icon-lock{background-image:url('/asset/images/icon_lock.svg');}
.icon-unlock{background-image:url('/asset/images/icon_unlock.svg');}
.icon-filter{background-image:url('/asset/images/icon_filter.svg');}
.icon-message{background-image:url('/asset/images/icon_message.svg');}
.icon-message-alert{background-image:url('/asset/images/icon_message_alert.svg');}
.icon-marker{background-image:url('/asset/images/icon_marker.svg');}
.icon-bell{background-image:url('/asset/images/icon_bell.svg');}
.icon-bell-off{background-image:url('/asset/images/icon_bell_off.svg');}
.icon-setting{background-image:url('/asset/images/icon_setting.svg');}
.icon-menu{background-image:url('/asset/images/icon_menu.svg');}
.icon-user{background-image:url('/asset/images/icon_user.svg');}
.icon-file-plus{background-image:url('/asset/images/icon_file_plus.svg');}
.icon-camera{background-image:url('/asset/images/icon_camera.svg');}
.icon-album{background-image:url('/asset/images/icon_album.svg');}
.icon-smile{background-image:url('/asset/images/icon_smile.svg');}
.icon-play{background-image:url('/asset/images/icon_play.svg');}
.icon-pause{background-image:url('/asset/images/icon_pause.svg');}
.icon-like{background-image:url('/asset/images/icon_heart.svg'); filter:var(--filter-gray-700); transition:all ease 0.5s;}
.icon-like.active{background-image:url('/asset/images/icon_heart_on.svg'); filter:var(--filter-active-100); animation:pop 0.4s ease, sparkle 0.6s ease;}
.icon-new{font-size:var(--font-xs) !important; font-weight:500; color:var(--color-white); background:var(--color-active); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; line-height:1; border-radius:var(--radius-5);}
.icon-sort{width:var(--icon-16); height:var(--icon-16); background-image:url('/asset/images/icon_sort.svg'); position:relative; top:4px; margin:0 0 0 var(--margin-5);}
.icon-sort.is-asc{background-image:url('/asset/images/icon_arrow_up.svg');}
.icon-sort.is-desc{background-image:url('/asset/images/icon_arrow_down.svg');}
.icon-social-facebook{background-image:url('/asset/images/icon_social_facebook.svg');}
.icon-social-twitter{background-image:url('/asset/images/icon_social_twitter.svg');}
.icon-social-twitter-x{background-image:url('/asset/images/icon_social_twitter_x.svg');}
.icon-social-kakao{background-image:url('/asset/images/icon_social_kakao.svg');}
.icon-social-instagram{background-image:url('/asset/images/icon_social_instagram.svg');}
.icon-social-youtube{background-image:url('/asset/images/icon_social_youtube.svg');}
.icon-social-naver{background-image:url('/asset/images/icon_social_naver.svg');}
.icon-social-blog{background-image:url('/asset/images/icon_social_blog.svg');}
.icon-social-band{background-image:url('/asset/images/icon_social_band.svg');}
.icon-social-pinterest{background-image:url('/asset/images/icon_social_pinterest.svg');}
.icon-social-in{background-image:url('/asset/images/icon_social_in.svg');}
.icon-social-line{background-image:url('/asset/images/icon_social_line.svg');}
.icon-social-wechat{background-image:url('/asset/images/icon_social_wechat.svg');}
.icon-social-tiktok{background-image:url('/asset/images/icon_social_tiktok.svg');}
.icon-social-gmail{background-image:url('/asset/images/icon_social_gmail.svg');}
.icon-social-whatsapp{background-image:url('/asset/images/icon_social_whatsapp.svg');}
.icon-social-email{background-image:url('/asset/images/icon_social_email.svg');}
.icon-social-threads{background-image:url('/asset/images/icon_social_threads.svg');}
.icon-share-more{background-image:url('/asset/images/icon_share_more.svg');}
label.icon{position:relative; cursor:pointer;}
label.icon input{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
@media (max-width:991px){
.icon{width:var(--icon-16); height:var(--icon-16);}
.icon-sort{margin:0 0 0 calc(var(--margin-5) / 2); top:3px;}
.icon-xxxl{width:var(--icon-32); height:var(--icon-32);}
.icon-xxl{width:var(--icon-28); height:var(--icon-28);}
.icon-xl{width:var(--icon-24); height:var(--icon-24);}
.icon-lg{width:var(--icon-20); height:var(--icon-20);}
.icon-md{width:var(--icon-16); height:var(--icon-16);}
}
/* input-box */
.input-box{transition:border-color .15s ease, box-shadow .15s ease; gap:var(--gap-10); padding:0 var(--padding-10); display:flex; flex-wrap:wrap; align-items:center; border:1px solid var(--color-gray-400); border-radius:var(--radius-8); background:var(--color-white); position:relative;}
.input-box:focus-within,{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-active) 12%, transparent);}
.input-box input{flex:1; min-width:0; height:var(--height-45); background:none; font-size:var(--font-md); border-radius:var(--radius-8);}
.input-box input::placeholder{color:var(--color-gray-1000);}
.input-box input[type=date], .input-box input[type=datetime-local], .input-box input[type=month], .input-box input[type=time]{min-width:150px;}
.input-box input[type=date]::-webkit-calendar-picker-indicator, .input-box input[type=datetime-local]::-webkit-calendar-picker-indicator, .input-box input[type=month]::-webkit-calendar-picker-indicator, .input-box input[type=time]::-webkit-calendar-picker-indicator{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; z-index:3;}
.input-box input[type=date]:before, .input-box input[type=datetime-local]:before, .input-box input[type=month]:before{position:absolute; border-radius:var(--radius-8); left:0; top:0; content:attr(data-placeholder); background:var(--color-white); width:100%; height:100%; padding:0 var(--padding-10); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--color-gray-1000); display:flex; flex-wrap:wrap; align-items:center; box-sizing:border-box;}
.input-box input[type=date]:after, .input-box input[type=datetime-local]:after, .input-box input[type=month]:after, .input-box input[type=time]:after{position:absolute; right:10px; top:50%; transform:translateY(-50%); content:""; width:var(--icon-24); height:var(--icon-24); background:url('/asset/images/icon_calendar.svg') no-repeat center / cover; filter:invert(47%) sepia(0%) saturate(1821%) hue-rotate(201deg) brightness(85%) contrast(95%);}
.input-box input[type=date]:focus:before, .input-box input[type=datetime-local]:focus:before, .input-box input[type=month]:focus:before, .input-box input[type=time]:focus:before{opacity:0;}
.input-box.input-color{padding:0; border:0; border-radius:50%;}
.input-box.has-value input[type=date]:before, .input-box.has-value input[type=datetime-local]:before, .input-box.has-value input[type=month]:before, .input-box.has-value input[type=time]:before{display:none;}
@media (max-width:991px){
.input-box input[type=date]:after, .input-box input[type=datetime-local]:after, .input-box input[type=month]:after, .input-box input[type=time]:after{width:var(--icon-20); height:var(--icon-20);}
.input-box input[type=date]::-webkit-date-and-time-value, .input-box input[type=datetime-local]::-webkit-date-and-time-value, .input-box input[type=month]::-webkit-date-and-time-value, .input-box input[type=time]::-webkit-date-and-time-value{text-align:left !important;}
}
/* input-inner-box */
.input-inner-box{pointer-events:none; opacity:0; position:absolute; top:95%; width:100%; padding:var(--padding-15) !important; transition:all ease 0.5s; background:var(--color-white); border:1px solid var(--color-gray-400) !important; border-radius:var(--radius-10); box-shadow:0 0 10px rgba(0,0,0,0.05);}
.input-inner-box .keyword-list{max-height:200px; overflow-y:auto;}
.input-inner-box .keyword-list > ul > li{margin:0 0 var(--margin-5);}
.input-inner-box .keyword-list > ul > li:last-of-type{margin:0;}
.input-inner-box .keyword-list > ul > li .more{font-size:var(--font-md); color:var(--color-black-500); display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.input-inner-box .keyword-list > ul > li .more b{font-size:var(--font-md); font-weight:600; color:var(--color-active);}
.input-inner-box .keyword-list > ul > li .more:hover{text-decoration:underline;}
.input-box.press{z-index:50;}
.input-box.press .input-inner-box{pointer-events:inherit; opacity:1; top:115%;}
@media (max-width:991px){
.input-inner-box .keyword-list{max-height:150px;}
}
/* color-box */
.color-box .sp-replacer{width:var(--width-45); height:var(--height-45); border-radius:50%; border:1px solid var(--color-gray-400);  background:var(--color-white); display:flex; flex-wrap:wrap; align-items:center;}
.color-box .sp-dd{top:50%; transform:translateY(-50%); display:none;}
/* range-box */
.range-box{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-10);}
.range-box .score{display:inline-flex; align-items:center; justify-content:center; min-width:40px; font-size:var(--font-sm); font-weight:600; color:var(--color-active);}
.range-box input[type=range]{flex:1; min-width:0; -webkit-appearance:none; appearance:none; height:6px; border-radius:3px; background:var(--color-gray-300); outline:none; cursor:pointer; position:relative;}
.range-box input[type=range]::-webkit-slider-thumb{-webkit-appearance:none; appearance:none; width:18px; height:18px; border-radius:50%; background:var(--range-fill, var(--color-active)); border:2px solid var(--color-white); box-shadow:0 1px 4px rgba(0,0,0,0.2); cursor:pointer; position:relative; z-index:1; position:relative; top:-6px;}
.range-box input[type=range]::-moz-range-thumb{width:18px; height:18px; border-radius:50%; background:var(--range-fill, var(--color-active)); border:2px solid var(--color-white); box-shadow:0 1px 4px rgba(0,0,0,0.2); cursor:pointer; position:relative; top:-6px;}
.range-box input[type=range]::-webkit-slider-runnable-track{height:6px; border-radius:3px;}
.range-box input[type=range]::-moz-range-track{height:6px; border-radius:3px; background:var(--color-gray-300);}
.range-box input[type=range]:focus-visible{outline:2px solid var(--range-fill, var(--color-active)); outline-offset:3px; border-radius:3px;}
/* quantity-box */
.quantity-box{border:1px solid var(--color-gray-400); border-radius:var(--radius-8); display:flex; flex-wrap:wrap; align-items:center; background:var(--color-white);}
.quantity-box .quantity-btn{width:var(--width-45); height:var(--height-45); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:0;}
.quantity-box .quantity-btn:after{display:block; content:""; width:var(--icon-20); height:var(--icon-20); background-size:cover; background-position:center;}
.quantity-box .quantity-btn.minus{border-radius:var(--radius-8) 0 0 var(--radius-8);}
.quantity-box .quantity-btn.minus:after{background-image:url('/asset/images/icon_minus.svg');}
.quantity-box .quantity-btn.plus{border-radius:0 var(--radius-8) var(--radius-8) 0;}
.quantity-box .quantity-btn.plus:after{background-image:url('/asset/images/icon_plus.svg');}
.quantity-box .quantity-btn.disabled{background-color:var(--color-disabled) !important;}
.quantity-box .input-box{flex:1; min-width:0; border-radius:0; margin:-1px 0;}
.quantity-box .input-box input{text-align:center;}
@media (max-width:991px){
.quantity-box .quantity-btn.minus{background-size:16px !important;}
.quantity-box .quantity-btn.plus{background-size:16px !important;}
}
/* textarea-box */
.textarea-box{transition:border-color .15s ease, box-shadow .15s ease; border-radius:var(--radius-8); border:1px solid var(--color-gray-400); border-radius:var(--radius-8); background:var(--color-white);}
.textarea-box:focus-within,{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-active) 12%, transparent);}
.textarea-box textarea{width:100%; height:150px; display:block; padding:var(--padding-10); background:transparent; font-size:var(--font-md); border-radius:var(--radius-8);}
.textarea-box textarea::placeholder{color:var(--color-gray-1000);}
.textarea-box textarea:disabled{background:var(--color-disabled);}
.textarea-box.textarea-xs textarea{height:50px;}
.textarea-box.textarea-sm textarea{height:100px;}
.textarea-box.textarea-md textarea{height:150px;}
.textarea-box.textarea-lg textarea{height:250px;}
.textarea-box.textarea-xl textarea{height:400px;}
.textarea-box.textarea-xs.textarea-auto-height textarea{max-height:150px;}
.textarea-box.textarea-sm.textarea-auto-height textarea{max-height:250px;}
.textarea-box.textarea-md.textarea-auto-height textarea{max-height:150px;}
.textarea-box.textarea-lg.textarea-auto-height textarea{max-height:250px;}
.textarea-box.textarea-xl.textarea-auto-height textarea{max-height:400px;}
@media (max-width:991px){
.textarea-box.textarea-xs textarea{height:45px;}
.textarea-box.textarea-sm textarea{height:80px;}
.textarea-box.textarea-md textarea{height:120px;}
.textarea-box.textarea-lg textarea{height:200px;}
.textarea-box.textarea-xl textarea{height:300px;}
.textarea-box.textarea-sm.textarea-auto-height textarea{max-height:80px;}
.textarea-box.textarea-md.textarea-auto-height textarea{max-height:120px;}
.textarea-box.textarea-lg.textarea-auto-height textarea{max-height:200px;}
.textarea-box.textarea-xl.textarea-auto-height textarea{max-height:300px;}
}
/* select-box */
.select-box{transition:border-color .15s ease, box-shadow .15s ease; display:flex; flex-wrap:wrap; align-items:center; gap:var(--padding-10); padding:0 var(--padding-10); border:1px solid var(--color-gray-400); border-radius:var(--radius-8); background:var(--color-white); position:relative;}
.select-box:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-active) 12%, transparent);}
.select-box select{flex:1; min-width:0; height:var(--height-45); padding:0 40px 0 0 !important; font-size:var(--font-md); border-radius:var(--radius-8); background:url('/asset/images/icon_select.svg') no-repeat right center / var(--icon-20); color:var(--color-gray-1000);}
.select-box select option{color:var(--color-black-500);}
.select-box select option:disabled{background:var(--color-disabled); color:var(--color-gray-1000);}
.select-box select optgroup{color:var(--color-black-500);}
.select-box select ~ *{padding:0 var(--padding-5) 0 0;}
.select-box.has-value select{color:var(--color-black);}
/* check-box */
.check-box{position:relative;}
.check-box input{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box label{display:flex; flex-wrap:wrap; border-radius:var(--radius-8); font-size:var(--font-md);}
.check-box label:before{display:block; content:""; width:var(--icon-20); height:var(--icon-20); margin:0 var(--margin-5) 0 0; position:relative; background:url('/asset/images/icon_check.svg') no-repeat center / cover;}
.check-box input:disabled + label{color:var(--color-gray-600); cursor:default;}
.check-box label span{flex:1; min-width:0; color:var(--color-gray-1000); font-size:var(--font-md); word-break:keep-all;}
.check-box input:focus-visible ~ label{outline:2px solid var(--color-black);}
.check-box input:disabled ~ label:before{background-image:url('/asset/images/icon_check_disabled.svg');}
.check-box input:disabled ~ label span{color:var(--color-gray-1000);}
.check-box input:checked ~ label:before{background-color:var(--color-active); background-image:url('/asset/images/icon_check_on.svg'); border-radius:var(--radius-5);}
.check-box input:checked ~ label span{color:var(--color-black);}
.check-box input:disabled:checked ~ label:before{background-image:url('/asset/images/icon_check_on_disabled.svg');}
.check-box input:disabled:checked ~ label span{color:var(--color-gray-1000);}
.check-box.single label{justify-content:center;}
.check-box.single label:before{margin:0;}
.check-box.single label span{display:none;}
.check-group-box{display:flex; flex-wrap:wrap; gap:var(--gap-10) var(--gap-15);}
@media (max-width:991px){
.check-group-box{gap:var(--gap-10);}
}
/* radio-box */
.radio-box{position:relative;}
.radio-box input{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.radio-box label{display:flex; flex-wrap:wrap; border-radius:var(--radius-8); font-size:var(--font-md);}
.radio-box label:before{display:block; content:""; width:var(--icon-20); height:var(--icon-20); margin:0 var(--margin-5) 0 0; border-radius:50%; position:relative; background:url('/asset/images/icon_radio.svg') no-repeat center / cover;}
.radio-box label span{flex:1; min-width:0; color:var(--color-gray-1000); font-size:var(--font-md);}
.radio-box input:focus-visible ~ label{outline:2px solid var(--color-black);}
.radio-box input:disabled ~ label:before{background-image:url('/asset/images/icon_radio_disabled.svg');}
.radio-box input:disabled ~ label span{color:var(--color-gray-1000);}
.radio-box input:checked ~ label:before{background-color:var(--color-active); background-image:url('/asset/images/icon_radio_on.svg');}
.radio-box input:checked ~ label span{color:var(--color-black);}
.radio-box input:disabled:checked ~ label:before{background-image:url('/asset/images/icon_radio_on_disabled.svg');}
.radio-box input:disabled:checked ~ label span{color:var(--color-gray-1000);}
.radio-box.single label:before{margin:0;}
.radio-box.single label span{display:none;}
.radio-group-box{display:flex; flex-wrap:wrap; gap:var(--gap-10) var(--gap-15);}
@media (max-width:991px){
.radio-group-box{gap:var(--gap-10);}
.radio-box label:before{top:1px;}
}
/* switch-box */
.switch-box{position:relative;}
.switch-box input{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.switch-box label{display:block; width:var(--width-50); height:var(--height-25); border-radius:50px; background:var(--color-gray-300); padding:3px; font-size:0; transition:0.3s; cursor:pointer;}
.switch-box label span{position:absolute; left:3px; top:3px; width:18.5px; height:18.5px; border-radius:50%; background:var(--color-active); font-size:0; transition:0.3s; cursor:pointer;}
.switch-box input:focus-visible ~ label{outline:2px solid var(--color-black);}
.switch-box input:checked ~ label{background:var(--color-active);}
.switch-box input:checked ~ label span{left:29px; background:var(--color-white);}
.switch-box input:disabled ~ label{background:var(--color-gray-400);}
.switch-box input:disabled ~ label span{background:var(--color-gray-600);}
/* star-box */
.star-box{display:flex; flex-wrap:wrap; align-items:center;}
.star-box .star{position:relative;}
.star-box .star input{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.star-box .star label{position:relative; display:block; font-size:0; width:var(--icon-24); height:var(--icon-24); cursor:pointer;}
.star-box .star label:after{position:absolute; content:""; width:var(--icon-24); height:var(--icon-24); background:url('/asset/images/icon_star.svg') no-repeat center / cover; filter:var(--filter-gray-500);}
.star-box .star input:focus-visible ~ label{outline:2px solid var(--color-black); z-index:2;}
.star-box .star.active label:after{filter:var(--filter-active-100);}
/* star-result-box */
.star-result-box{display:flex; flex-wrap:wrap; align-items:center;}
.star-result-box .star{display:block; font-size:0; width:var(--icon-20); height:var(--icon-20); background:url('/asset/images/icon_star.svg') no-repeat center / cover; filter:var(--filter-gray-500);}
.star-result-box .star.active{filter:var(--filter-active-100);}
.star-result-box .star-total{font-size:var(--font-md); font-weight:600; margin:0 0 0 var(--margin-5);}
@media (max-width:991px){
.star-result-box .star{width:var(--icon-16); height:var(--icon-16);}
.star-result-box .star-total{font-size:var(--font-sm);}
}
/* control-group-box */
.control-group-box{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-10);}
.control-group-box .control-box{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-10); width:100%;}
.control-group-box .control-box .control-button{display:flex; flex-wrap:wrap; align-items:center;}
.control-group-box .control-box .control-button .control-btn{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:0; width:var(--width-30); height:var(--height-30); background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:50%; margin:0 0 0 var(--margin-5);}
.control-group-box .control-box .control-button .control-btn:after{display:block; content:""; font-size:0; width:var(--icon-20); height:var(--icon-20); background-repeat:no-repeat; background-position:center; background-size:cover;}
.control-group-box .control-box .control-button .control-btn:first-of-type{margin:0;}
.control-group-box .control-box .control-button .control-btn.control-add:after{background-image:url('/asset/images/icon_plus.svg');}
.control-group-box .control-box .control-button .control-btn.control-remove:after{background-image:url('/asset/images/icon_minus.svg');}
/* file-box */
.file-box{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-10);}
.file-box .file-name{display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; padding:0 var(--padding-10); border-radius:var(--radius-8); border:1px solid var(--color-gray-400); background:var(--color-white);}
.file-box .file-name p{flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 0 var(--padding-5); height:var(--height-45); line-height:var(--height-45); color:var(--color-gray-1000); font-size:var(--font-md);}
.file-box .file-select{position:relative;}
.file-box .file-select label{border-radius:var(--radius-8); cursor:pointer;}
.file-box .file-select input{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.file-box .file-select input:focus-visible ~ label .button-box .btn{outline:2px solid var(--color-black);}
.file-box .file-button{display:flex; flex-wrap:wrap; align-items:center;}
.file-box .file-button .file-btn{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:0; width:var(--width-30); height:var(--height-30); background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:50%; margin:0 0 0 var(--margin-5);}
.file-box .file-button .file-btn:after{display:block; content:""; font-size:0; width:var(--icon-20); height:var(--icon-20); background-repeat:no-repeat; background-position:center; background-size:cover;}
.file-box .file-button .file-btn:first-of-type{margin:0;}
.file-box .file-button .file-btn.file-add:after{background-image:url('/asset/images/icon_plus.svg');}
.file-box .file-button .file-btn.file-remove:after{background-image:url('/asset/images/icon_minus.svg');}
.file-box .file-name.success p{color:var(--color-black);}
.file-group-box .file-box{margin:0 0 var(--margin-10);}
.file-group-box .file-box:first-of-type .file-btn.file-remove{display:none;}
.file-group-box .file-box:last-of-type{margin:0;}
@media (max-width:991px){
.file-box{position:relative;}
.file-box .file-select{position:absolute; opacity:0; left:0; top:0; width:100%; height:100%;}
.file-box .file-button{position:relative; z-index:5;}
.file-box .file-button .file-btn{width:var(--width-30); height:var(--width-30);}
.file-box .file-button .file-btn:after{width:var(--icon-16); height:var(--icon-16);}
}
/* file-image-box */
.file-image-box{display:flex; flex-wrap:wrap; align-items:flex-start;}
.file-image-box label{display:block; left:0; top:0; position:relative; overflow:hidden; font-size:0; width:100%; height:100%; background:var(--color-white); cursor:pointer;}
.file-image-box label:after{position:absolute; left:50%; top:50%; content:""; transform:translate(-50%,-50%); width:var(--icon-20); height:var(--icon-20); background:url('/asset/images/icon_plus.svg') no-repeat center / cover; cursor:pointer;}
.file-image-box input{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.file-image-box input:focus-visible ~ label{outline:2px solid var(--color-black);}
.file-image-box .file-list{display:block; overflow-x:auto; white-space:nowrap; font-size:0; padding:var(--padding-5); margin:-5px;}
.file-image-box .file-list li{margin:0 var(--margin-5) 0 0; padding:0; width:var(--width-60); height:var(--height-60); border-radius:var(--radius-5); border:1px solid var(--color-gray-400); background-size:cover; background-position:center; position:relative; display:inline-block; font-size:0;}
.file-image-box .file-list li .delete{cursor:pointer; position:absolute; right:3px; top:3px; width:var(--width-20); height:var(--height-20); font-size:0; border-radius:50%; background:var(--color-gray-500) url('/asset/images/icon_trash.svg') no-repeat center / var(--icon-16);}
.file-image-box .file-list li .delete-existing{cursor:pointer; position:absolute; right:3px; top:3px; width:var(--width-20); height:var(--height-20); font-size:0; border-radius:50%; background:var(--color-gray-500) url('/asset/images/icon_trash.svg') no-repeat center / var(--icon-16);}
/* file-list-box */
.file-list-box > ul > li{margin:0 0 var(--margin-5);}
.file-list-box > ul > li:last-of-type{margin:0;}
.file-list-box > ul > li .list-inner{padding:var(--padding-10) var(--padding-15); border-radius:var(--radius-8); display:flex; align-items:center; background:var(--color-white); border:1px solid var(--color-gray-400);}
.file-list-box > ul > li .list-inner:before{display:inline-block; content:""; width:var(--icon-20); height:var(--icon-20); margin:0 var(--margin-5) 0 0; flex-shrink:0; background:url('/asset/images/icon_clip.svg') no-repeat center / cover;}
.file-list-box > ul > li .list-inner p{font-size:var(--font-md); text-decoration:underline; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; flex:1; min-width:0;}
.file-list-box > ul > li .list-inner .download{display:flex; flex-wrap:wrap; align-items:center; font-size:var(--font-sm); margin:0 0 0 var(--margin-15); flex-shrink:0;}
.file-list-box > ul > li .list-inner .download:after{display:block; content:""; width:var(--icon-16); height:var(--icon-16); margin:0 0 0 var(--margin-5); background:url('/asset/images/icon_download.svg') no-repeat center / cover;}
.file-list-box > ul > li .list-inner .download:hover{text-decoration:underline;}
.file-list-box > ul > li .list-inner .preview{display:flex; flex-wrap:wrap; align-items:center; font-size:var(--font-sm); margin:0 0 0 var(--margin-15); flex-shrink:0;}
.file-list-box > ul > li .list-inner .preview:after{display:block; content:""; width:var(--icon-16); height:var(--icon-16); margin:0 0 0 var(--margin-5); background:url('/asset/images/icon_scan.svg') no-repeat center / cover;}
.file-list-box > ul > li .list-inner .preview:hover{text-decoration:underline;}
.file-list-box > ul > li .list-inner:hover{background:var(--color-gray-200);}
@media (max-width:991px){
.file-list-box > ul > li .list-inner{padding:var(--padding-10);}
.file-list-box > ul > li .list-inner:before{width:var(--icon-16); height:var(--icon-16);}
.file-list-box > ul > li .list-inner .download{margin:0 0 0 var(--margin-10);}
.file-list-box > ul > li .list-inner .download:after{width:var(--icon-12); height:var(--icon-12);}
.file-list-box > ul > li .list-inner .preview{margin:0 0 0 var(--margin-10);}
.file-list-box > ul > li .list-inner .preview:after{width:var(--icon-12); height:var(--icon-12);}
}
/* dropdown-box */
.dropdown-box{position:relative;}
.dropdown-box .dropdown-btn:after{display:block; content:""; width:var(--icon-16); height:var(--icon-16); font-size:0; margin:0 0 0 var(--margin-10); background:url('/asset/images/icon_select_white.svg') no-repeat center / cover; transition:all ease 0.5s;}
.dropdown-box .dropdown-inner{pointer-events:none; opacity:0; padding:var(--padding-5) 0 0; transition:all ease 0.5s; position:absolute; width:auto; white-space:nowrap;}
.dropdown-box .dropdown-inner > ul{background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:var(--radius-10); padding:var(--padding-5); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.dropdown-box .dropdown-inner > ul{overflow-y:auto; max-height:200px;}
.dropdown-box .dropdown-inner > ul > li > .more{display:flex; flex-wrap:wrap; align-items:center; padding:var(--padding-5) var(--padding-10); font-size:var(--font-sm); color:var(--color-gray-1000); border-radius:var(--radins-xs);}
.dropdown-box .dropdown-inner > ul > li > .more:hover{background:var(--color-gray-200); color:var(--color-black);}
.dropdown-box .dropdown-inner > ul > li.active > .more{background:var(--color-active); color:var(--color-white);}
.dropdown-box.dropdown-right .dropdown-inner{right:0;}
.dropdown-box.dropdown-center .dropdown-inner{left:50%; transform:translateX(-50%);}
.dropdown-box.dropdown-top-left .dropdown-inner{top:0; right:100%; padding:0 var(--padding-5) 0 0;}
.dropdown-box.dropdown-top-right .dropdown-inner{top:0; left:100%; padding:0 0 0 var(--padding-5);}
.dropdown-box.dropup-top .dropdown-inner{bottom:100%; padding:0 0 var(--padding-5);}
.dropdown-box.dropup-top-right .dropdown-inner{bottom:100%; right:0; padding:0 0 var(--padding-5) var(--padding-5);}
.dropdown-box.dropup-top-center .dropdown-inner{bottom:100%; left:50%; padding:0 0 var(--padding-5); transform:translateX(-50%);}
.dropdown-box.active{z-index:10;}
.dropdown-box.active .dropdown-btn:after{transform:rotate(180deg);}
.dropdown-box.active .dropdown-inner{pointer-events:inherit; opacity:1;}
/* dropmenu-box */
.dropmenu-box ul{background:var(--color-white); box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:var(--radius-8); display:inline-block; width:auto; min-width:max-content; padding:var(--padding-5);}
.dropmenu-box ul li{position:relative;}
.dropmenu-box ul li > *{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:var(--padding-5) var(--padding-10); border-radius:var(--radius-5);}
.dropmenu-box ul li > * p{font-size:var(--font-sm); flex:1; min-width:0; color:var(--color-gray-1000);}
.dropmenu-box ul li .inner{top:0; pointer-events:none; opacity:0; position:absolute; transition:all ease 0.5s;}
.dropmenu-box ul li:hover > * > p{color:var(--color-black);}
.dropmenu-box ul li:hover > *:not(.inner){background:var(--color-gray-100);}
.dropmenu-box ul li:hover > .inner{pointer-events:inherit; opacity:1; z-index:10;}
.dropmenu-box ul.drop-right > li > .more:after{display:block; content:""; width:var(--icon-16); height:var(--icon-16); background:url('/asset/images/icon_arrow_right.svg') no-repeat center / cover; margin:0 0 0 var(--margin-10); filter:var(--filter-gray-800);}
.dropmenu-box ul.drop-right > li .inner{left:90%; padding:0 0 0 var(--padding-25);}
.dropmenu-box ul.drop-right > li:hover > .inner{left:100%;}
.dropmenu-box ul.drop-left > li > * p{order:2; text-align:right;}
.dropmenu-box ul.drop-left > li > .more:before{display:block; content:""; width:var(--icon-16); height:var(--icon-16); background:url('/asset/images/icon_arrow_left.svg') no-repeat center / cover; order:1; margin:0 var(--margin-10) 0 0;  filter:var(--filter-gray-800);}
.dropmenu-box ul.drop-left > li .inner{right:90%; left:auto; padding:0 var(--padding-25) 0 0;}
.dropmenu-box ul.drop-left > li:hover > .inner{right:100%;}
.dropmenu-box ul li.active > *:not(.inner){background:var(--color-active);}
.dropmenu-box ul li.active > *:not(.inner) p{color:var(--color-white);}
.dropmenu-box ul li.active > .more:after{filter:var(--filter-white);}
.dropmenu-box ul li.active > .more:before{filter:var(--filter-white);}
/* share-box */
.share-box .icon-share{width:var(--width-40); height:var(--height-40); background:var(--color-gray-200); border-radius:50%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.share-box .icon-share:after{display:block; content:""; width:var(--icon-24); height:var(--icon-24); background:url('/asset/images/icon_share.svg') no-repeat center / cover; filter:var(--filter-black-300);}
.share-box .icon-share:hover{background:var(--color-gray-300);}
.share-box ul{display:flex; flex-wrap:wrap; margin:0 -5px -15px;}
.share-box ul li{width:calc(25% - 10px); margin:0 var(--margin-5) var(--margin-15);}
.share-box ul li button{position:relative; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; width:100%;}
.share-box ul li button:before{display:block; content:""; margin:0 auto var(--margin-5); width:var(--width-50); height:var(--height-50); background-size:var(--icon-28); background-position:center; background-repeat:no-repeat; border-radius:50%;}
.share-box ul li button i{position:absolute; left:50%; transform:translateX(-50%); margin:0; top:11px;}
.share-box ul li button span{display:block; text-align:center; font-size:var(--font-sm); color:var(--color-black); width:100%;}
.share-box ul li.kakao button:before{background:#FEE500;}
.share-box ul li.facebook button:before{background:#1877F2;}
.share-box ul li.twitter button:before{background:#1DA1F2;}
.share-box ul li.band button:before{background:#6DCA28;}
.share-box ul li.blog button:before{background:#03C75A;}
.share-box ul li.line button:before{background:#06C755;}
.share-box ul li.threads button:before{background:#000000;}
.share-box ul li.whatsapp button:before{background:#25D366;}
.share-box ul li.linkedin button:before{background:#0A66C2;}
.share-box ul li.email button:before{background:#EA4335;}
.share-box ul li.copy button:before{background:var(--color-black-200);}
.share-box ul li.native button:before{background:var(--color-active);}
@media (max-width:991px){
.share-box .icon-share{width:var(--width-30); height:var(--height-30);}
.share-box .icon-share:after{width:var(--icon-20); height:var(--icon-20);}
}
/* tag-box */
.tag-box{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-5); margin:var(--margin-5) 0 0;}
.tag-box > *{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:var(--radius-5); height:var(--height-20); padding:0 var(--padding-5); font-size:var(--font-xs); color:var(--color-blue-800); background:var(--color-gray-300); border:1px solid var(--color-gray-200);}
@media (max-width:991px){
.tag-box > *{font-size:var(--font-sm);}
}
/* tab-box */
.tab-box{margin:0 0 var(--margin-25);}
.tab-box > ul > li > .tab{width:100%; transition:background-color .3s ease, border-color .3s ease, color .3s ease; border-radius:var(--radius-8); font-size:var(--font-lg); font-weight:500; height:var(--height-50); padding:0 var(--padding-15); background:var(--color-white); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center;}
.tab-box.tab1 > ul{display:flex; flex-wrap:wrap; align-items:center;}
.tab-box.tab1 > ul > li{flex:1; min-width:0;}
.tab-box.tab1 > ul > li > .tab{border-radius:0; color:var(--color-gray-1000); background:var(--color-gray-200); border:1px solid transparent; border-bottom-color:var(--color-gray-400);}
.tab-box.tab1 > ul > li > .tab:hover{background:var(--color-gray-300); color:var(--color-gray-900);}
.tab-box.tab1 > ul > li > .tab.active{position:relative; z-index:2; background:var(--color-white); color:var(--color-active); border-color:var(--color-active); border-bottom-color:transparent;}
.tab-box.tab1 > ul > li:first-of-type > .tab{border-radius:var(--radius-8) 0 0 0;}
.tab-box.tab1 > ul > li:last-of-type > .tab{border-radius:0 var(--radius-8) 0 0;}
.tab-box.tab2 > ul{display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--gap-10);}
.tab-box.tab2 > ul > li > .tab{border:1px solid var(--color-gray-400); color:var(--color-gray-1000); background:var(--color-white); height:100%; min-height:var(--height-50);}
.tab-box.tab2 > ul > li > .tab.active{background:var(--color-active); color:var(--color-white); border-color:var(--color-active);}
.tab-box.tab3 > ul{display:flex; flex-wrap:wrap; gap:var(--gap-10);}
.tab-box.tab3 > ul > li > .tab{height:var(--height-40); font-size:var(--font-sm); width:100%; color:var(--color-gray-1000); background:var(--color-white); border:1px solid var(--color-gray-400);}
.tab-box.tab3 > ul > li > .tab:hover{background:var(--color-gray-200);}
.tab-box.tab3 > ul > li > .tab.active{background:var(--color-active); color:var(--color-white); border-color:var(--color-active);}
.tab-box.tab4{overflow-x:auto; white-space:nowrap;}
.tab-box.tab4 > ul{display:flex; flex-wrap:nowrap; border-bottom:2px solid var(--color-gray-400);}
.tab-box.tab4 > ul > li > .tab{border-radius:0;}
.tab-box.tab4 > ul > li > .tab.active{position:relative; color:var(--color-active); font-weight:600;}
.tab-box.tab4 > ul > li > .tab.active:after{position:absolute; left:0; bottom:-2px; content:""; width:100%; height:2px; background:var(--color-active);}
.tab-box.tab5 > ul{display:flex; flex-wrap:wrap; gap:var(--gap-10);}
.tab-box.tab5 > ul > li > .tab{border-radius:999px; background:var(--color-gray-200); color:var(--color-gray-900); border:1px solid transparent; height:var(--height-45); padding:0 var(--padding-25); font-size:var(--font-md);}
.tab-box.tab5 > ul > li > .tab:hover{background:var(--color-gray-300); transform:translateY(-2px); box-shadow:0 4px 10px -4px rgba(15,23,42,.18);}
.tab-box.tab5 > ul > li > .tab.active{background:var(--color-active); color:var(--color-white); font-weight:600; box-shadow:0 6px 16px -8px var(--color-active), 0 2px 4px -1px rgba(15,23,42,.12); transform:translateY(-1px);}
.tab-box.tab6{overflow-x:auto;}
.tab-box.tab6 > ul{display:flex; flex-wrap:nowrap; gap:0; background:var(--color-gray-200); border-radius:var(--radius-10); padding:6px; width:max-content; max-width:100%;}
.tab-box.tab6 > ul > li{flex:0 0 auto;}
.tab-box.tab6 > ul > li > .tab{border-radius:var(--radius-8); background:transparent; color:var(--color-gray-900); height:var(--height-40); font-size:var(--font-sm); padding:0 var(--padding-25); border:0; box-shadow:none; white-space:nowrap;}
.tab-box.tab6 > ul > li > .tab:hover{color:var(--color-gray-1000);}
.tab-box.tab6 > ul > li > .tab.active{background:var(--color-white); color:var(--color-active); font-weight:600;}
.tab-box.tab7 > ul{display:grid; grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)); gap:var(--gap-10);}
.tab-box.tab7 > ul > li > .tab{position:relative; justify-content:flex-start; text-align:left; height:var(--height-50); padding:0 var(--padding-15) 0 var(--padding-25); background:var(--color-gray-100); color:var(--color-gray-900); border:0; border-radius:var(--radius-5); font-size:var(--font-sm); overflow:hidden;}
.tab-box.tab7 > ul > li > .tab:before{position:absolute; left:0; top:0; bottom:0; content:""; width:4px; background:var(--color-gray-400); transition:background-color .25s ease, width .25s ease;}
.tab-box.tab7 > ul > li > .tab:hover{background:var(--color-gray-200);}
.tab-box.tab7 > ul > li > .tab:hover:before{background:var(--color-gray-700);}
.tab-box.tab7 > ul > li > .tab.active{background:var(--color-gray-200); color:var(--color-active); font-weight:600;}
.tab-box.tab7 > ul > li > .tab.active:before{width:6px; background:var(--color-active);}
.tab-box.tab8{max-width:100%; overflow-x:auto;}
.tab-box.tab8 > ul{display:inline-flex; flex-wrap:nowrap; border:1px solid var(--color-gray-400); border-radius:var(--radius-8); overflow:hidden;}
.tab-box.tab8 > ul > li{flex:0 0 auto; border-right:1px solid var(--color-gray-400);}
.tab-box.tab8 > ul > li:last-child{border-right:0;}
.tab-box.tab8 > ul > li > .tab{border-radius:0; background:var(--color-white); color:var(--color-gray-900); height:var(--height-45); padding:0 var(--padding-25); border:0; font-size:var(--font-sm); white-space:nowrap;}
.tab-box.tab8 > ul > li > .tab:hover{background:var(--color-gray-200);}
.tab-box.tab8 > ul > li > .tab.active{background:var(--color-gray-300); color:var(--color-active); font-weight:600; box-shadow:inset 0 2px 4px rgba(15,23,42,.07);}
.tab-box.tab9{width:100%; max-width:200px; background:var(--color-gray-100); border-right:1px solid var(--color-gray-300); padding:var(--padding-10) 0;}
.tab-box.tab9 > ul{display:flex; flex-direction:column; gap:var(--gap-3);}
.tab-box.tab9 > ul > li{width:100%;}
.tab-box.tab9 > ul > li > .tab{position:relative; display:flex; align-items:center; width:100%; min-height:var(--height-45); padding:var(--padding-10) var(--padding-15) var(--padding-10) var(--padding-20); background:transparent; border:0; border-radius:0; color:var(--color-gray-900); font-size:var(--font-sm); font-weight:500; text-align:left; white-space:normal; word-break:keep-all;}
.tab-box.tab9 > ul > li > .tab:hover{background:var(--color-gray-200); color:var(--color-gray-1000);}
.tab-box.tab9 > ul > li > .tab.active{background:var(--color-white); color:var(--color-active); font-weight:600;}
.tab-box.tab9 > ul > li > .tab.active:before{position:absolute; left:0; top:0; bottom:0; content:""; width:3px; background:var(--color-active);}
.tab-box.tab10 > ul{display:flex; flex-wrap:wrap; gap:var(--gap-5);}
.tab-box.tab10 > ul > li{flex:1; min-width:0;}
.tab-box.tab10 > ul > li > .tab{background:transparent; border:0; border-top:3px solid var(--color-gray-300); border-radius:0; height:var(--height-50); padding:0 var(--padding-15); color:var(--color-gray-900); font-size:var(--font-md); font-weight:500; transition:background-color .25s ease, color .25s ease, border-top-color .25s ease, border-top-width .25s ease;}
.tab-box.tab10 > ul > li > .tab:hover{background:var(--color-gray-100); color:var(--color-gray-1000); border-top-color:var(--color-gray-500);}
.tab-box.tab10 > ul > li > .tab.active{background:var(--color-gray-100); color:var(--color-active); font-weight:700; border-top-color:var(--color-active); border-top-width:5px;}
.tab-box.tab11 > ul{display:flex; flex-wrap:wrap; gap:0;}
.tab-box.tab11 > ul > li{flex:1; min-width:0; position:relative;}
.tab-box.tab11 > ul > li + li{margin-left:-2px;}
.tab-box.tab11 > ul > li > .tab{clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%, 16px 50%); background:var(--color-gray-200); color:var(--color-gray-900); border:0; border-radius:0; height:var(--height-50); padding:0 var(--padding-20); font-weight:500;}
.tab-box.tab11 > ul > li:first-child > .tab{clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%);}
.tab-box.tab11 > ul > li:last-child > .tab{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 16px 50%);}
.tab-box.tab11 > ul > li > .tab:hover{background:var(--color-gray-300);}
.tab-box.tab11 > ul > li > .tab.active{background:var(--color-active); color:var(--color-white); font-weight:600;}
.tab-box.tab12{counter-reset:tab12;}
.tab-box.tab12 > ul{display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:var(--gap-15);}
.tab-box.tab12 > ul > li{counter-increment:tab12;}
.tab-box.tab12 > ul > li > .tab{display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; gap:var(--gap-5); width:100%; min-height:90px; height:auto; padding:var(--padding-15) var(--padding-20); background:var(--color-gray-100); border:1px solid var(--color-gray-200); border-radius:var(--radius-15); color:var(--color-gray-900); font-size:var(--font-md); font-weight:500; text-align:left; white-space:normal; word-break:keep-all; position:relative; overflow:hidden;}
.tab-box.tab12 > ul > li > .tab:before{position:absolute; left:var(--padding-15); top:var(--padding-10); content:counter(tab12, decimal-leading-zero); font-size:32px; font-weight:800; line-height:1; color:var(--color-gray-900); transition:color .25s ease;}
.tab-box.tab12 > ul > li > .tab:hover{background:var(--color-gray-200); border-color:var(--color-gray-300);}
.tab-box.tab12 > ul > li > .tab:hover:before{color:var(--color-gray-900);}
.tab-box.tab12 > ul > li > .tab.active{background:var(--color-active); border-color:var(--color-active); color:var(--color-white); box-shadow:0 10px 22px -8px var(--color-active);}
.tab-box.tab12 > ul > li > .tab.active:before{color:rgba(255,255,255,.4);}
.tab-wrap-vertical{display:flex; gap:0; align-items:stretch; background:var(--color-white); border:1px solid var(--color-gray-300); border-radius:var(--radius-12); overflow:hidden; box-shadow:0 4px 12px -4px rgba(15,23,42,.08); margin:0 0 var(--margin-25);}
.tab-wrap-vertical.tab-wrap-left{flex-direction:row;}
.tab-wrap-vertical > .tab-box{flex:0 0 200px; max-width:200px; margin:0;}
.tab-wrap-vertical > .tab-content-vstack{flex:1; min-width:0; display:flex; flex-direction:column;}
.tab-wrap-vertical > .tab-content-vstack > .tab-content-box{padding:var(--padding-25); min-height:240px;}
.tab-wrap-vertical > .tab-content-vstack > .tab-content-box:not([hidden]){display:flex; flex-direction:column; flex:1;}
@media (max-width:991px){
.tab-box > ul > li > .tab{font-size:var(--font-sm); height:var(--height-40);}
.tab-box.tab1 > ul{flex-wrap:nowrap; overflow-x:auto; white-space:nowrap;}
.tab-box.tab1 > ul > li{flex:none;}
.tab-box.tab2 > ul{gap:var(--gap-5); grid-template-columns:repeat(3, 1fr);}
.tab-box.tab2 > ul > li > .tab{height:var(--height-40);}
.tab-box.tab3 > ul{gap:var(--gap-5);}
.tab-box.tab5 > ul{gap:var(--gap-5);}
.tab-box.tab5 > ul > li > .tab{height:var(--height-40); padding:0 var(--padding-15);}
.tab-box.tab6 > ul > li > .tab{height:var(--height-35); font-size:var(--font-xs); padding:0 var(--padding-15);}
.tab-box.tab7 > ul{gap:var(--gap-5); grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));}
.tab-box.tab7 > ul > li > .tab{height:var(--height-40); padding:0 var(--padding-10) 0 var(--padding-20); font-size:var(--font-xs);}
.tab-box.tab8 > ul > li > .tab{height:var(--height-40); padding:0 var(--padding-15); font-size:var(--font-xs);}
.tab-box.tab9{max-width:140px; padding:var(--padding-8) 0;}
.tab-box.tab9 > ul > li > .tab{min-height:var(--height-40); padding:var(--padding-8) var(--padding-10) var(--padding-8) var(--padding-15); font-size:var(--font-xs);}
.tab-box.tab10 > ul > li > .tab{height:var(--height-40); padding:0 var(--padding-10); font-size:var(--font-sm); border-top-width:2px;}
.tab-box.tab10 > ul > li > .tab.active{border-top-width:4px;}
.tab-box.tab11 > ul > li > .tab{height:var(--height-40); padding:0 var(--padding-15); font-size:var(--font-xs);}
.tab-box.tab11 > ul > li + li{margin-left:-2px;}
.tab-box.tab12 > ul{grid-template-columns:repeat(2, 1fr); gap:var(--gap-10);}
.tab-box.tab12 > ul > li > .tab{min-height:75px; font-size:var(--font-sm); padding:var(--padding-10) var(--padding-15);}
.tab-box.tab12 > ul > li > .tab:before{font-size:26px; left:var(--padding-15); top:var(--padding-8);}
.tab-wrap-vertical > .tab-box{flex:0 0 140px; max-width:140px;}
.tab-wrap-vertical > .tab-content-vstack > .tab-content-box{padding:var(--padding-15); min-height:180px;}
}
/* tab-none-box */
.tab-none-box{flex:1; display:flex; align-items:center; justify-content:center; min-height:120px; padding:var(--padding-20); text-align:center;}
.tab-none-box .inner{display:flex; flex-direction:column; align-items:center; gap:var(--gap-8);}
.tab-none-box .inner > p{color:var(--color-gray-1000); font-size:var(--font-md); margin:0;}
.tab-content-box:has(> *:not(.tab-none-box)) > .tab-none-box{display:none;}
/* accordion-box */
.accordion-box{margin:0;}
.accordion-box .ac-head{width:100%; display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:var(--gap-10); background:transparent; border:0; cursor:pointer; text-align:left; transition:background-color .25s ease, color .25s ease, border-color .25s ease;}
.accordion-box .ac-head .ac-title{flex:1; min-width:0; word-break:keep-all; overflow-wrap:break-word; color:inherit; font-size:inherit; font-weight:inherit; font-family:inherit; line-height:inherit; letter-spacing:inherit;}
.accordion-box .ac-head .ac-icon{flex:0 0 auto; position:relative; width:16px; height:16px; transition:transform .3s ease; color:var(--color-gray-1200);}
.accordion-box .ac-head .ac-icon:before, .accordion-box .ac-head .ac-icon:after{position:absolute; left:50%; top:50%; content:""; background:currentColor; transition:transform .3s ease;}
.accordion-box .ac-head .ac-icon:before{width:12px; height:1.5px; transform:translate(-50%, -50%);}
.accordion-box .ac-head .ac-icon:after{width:1.5px; height:12px; transform:translate(-50%, -50%);}
.accordion-box .ac-head[aria-expanded="true"] .ac-icon{transform:rotate(180deg); color:var(--color-active);}
.accordion-box .ac-head[aria-expanded="true"] .ac-icon:after{transform:translate(-50%, -50%) scaleY(0);}
.accordion-box .ac-body[hidden]{display:none;}
.accordion-box .ac-body:has(> *:not(.tab-none-box)) > .tab-none-box{display:none;}
.accordion-box.accordion-1 > ul > li{border-bottom:1px solid var(--color-gray-500);}
.accordion-box.accordion-1 > ul > li:first-of-type{border-top:1px solid var(--color-gray-500);}
.accordion-box.accordion-1 > ul > li > .ac-head{min-height:56px; padding:16px 4px; font-size:16px; font-weight:500; line-height:1.5; letter-spacing:0.005em; color:var(--color-gray-1200);}
.accordion-box.accordion-1 > ul > li > .ac-head .ac-icon{width:14px; height:14px;}
.accordion-box.accordion-1 > ul > li > .ac-head .ac-icon:before{width:10px; height:1px;}
.accordion-box.accordion-1 > ul > li > .ac-head .ac-icon:after{width:1px; height:10px;}
.accordion-box.accordion-1 > ul > li > .ac-head[aria-expanded="true"]{color:var(--color-active); font-weight:600;}
.accordion-box.accordion-1 > ul > li > .ac-body{padding:0 4px 20px;}
.accordion-box.accordion-2 > ul > li{background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:10px; margin:0 0 8px; overflow:hidden; transition:border-color .25s;}
.accordion-box.accordion-2 > ul > li:last-of-type{margin:0;}
.accordion-box.accordion-2 > ul > li:hover{border-color:var(--color-gray-700);}
.accordion-box.accordion-2 > ul > li:has(.ac-head[aria-expanded="true"]){border-color:var(--color-active);}
.accordion-box.accordion-2 > ul > li > .ac-head{min-height:58px; padding:0 22px; font-size:16px; font-weight:600; line-height:1.4; color:var(--color-gray-1200);}
.accordion-box.accordion-2 > ul > li > .ac-head[aria-expanded="true"]{color:var(--color-active);}
.accordion-box.accordion-2 > ul > li > .ac-body{padding:18px 22px; border-top:1px solid var(--color-gray-400);}
.accordion-box.accordion-3{background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:6px; overflow:hidden;}
.accordion-box.accordion-3 > ul > li{border-bottom:1px solid var(--color-gray-400);}
.accordion-box.accordion-3 > ul > li:last-of-type{border-bottom:0;}
.accordion-box.accordion-3 > ul > li > .ac-head{min-height:52px; padding:0 22px; font-size:18px; font-weight:500; line-height:1.4; color:var(--color-gray-1200);}
.accordion-box.accordion-3 > ul > li > .ac-head .ac-icon{width:11px; height:11px;}
.accordion-box.accordion-3 > ul > li > .ac-head .ac-icon:before{width:9px; height:1px;}
.accordion-box.accordion-3 > ul > li > .ac-head .ac-icon:after{width:1px; height:9px;}
.accordion-box.accordion-3 > ul > li > .ac-head:hover{background:var(--color-gray-100);}
.accordion-box.accordion-3 > ul > li > .ac-head[aria-expanded="true"]{color:var(--color-active); font-weight:600; background:var(--color-gray-100);}
.accordion-box.accordion-3 > ul > li > .ac-body{padding:16px 22px; font-size:14px; border-top:1px solid var(--color-gray-400);}
.accordion-box.accordion-4 > ul > li{background:var(--color-gray-100); border:1px solid transparent; border-radius:16px; margin:0 0 14px; overflow:hidden; transition:background-color .3s, border-color .3s, box-shadow .3s;}
.accordion-box.accordion-4 > ul > li:last-of-type{margin:0;}
.accordion-box.accordion-4 > ul > li:hover{background:var(--color-gray-200);}
.accordion-box.accordion-4 > ul > li:has(.ac-head[aria-expanded="true"]){background:var(--color-white); border-color:var(--color-active); box-shadow:0 8px 24px -10px color-mix(in srgb, var(--color-active) 25%, transparent);}
.accordion-box.accordion-4 > ul > li > .ac-head{min-height:92px; padding:0 36px; font-size:16px; font-weight:800; line-height:1.3; letter-spacing:-0.025em; color:var(--color-gray-1200);}
.accordion-box.accordion-4 > ul > li > .ac-head .ac-icon{width:24px; height:24px;}
.accordion-box.accordion-4 > ul > li > .ac-head .ac-icon:before{width:18px; height:2px;}
.accordion-box.accordion-4 > ul > li > .ac-head .ac-icon:after{width:2px; height:18px;}
.accordion-box.accordion-4 > ul > li > .ac-head[aria-expanded="true"]{color:var(--color-active);}
.accordion-box.accordion-4 > ul > li > .ac-body{padding:24px 36px 32px; border-top:1px solid var(--color-gray-300); font-size:15px;}
.accordion-box.accordion-5{counter-reset:ac5;}
.accordion-box.accordion-5 > ul > li{counter-increment:ac5; background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:12px; margin:0 0 10px; overflow:hidden; transition:border-color .25s;}
.accordion-box.accordion-5 > ul > li:last-of-type{margin:0;}
.accordion-box.accordion-5 > ul > li:has(.ac-head[aria-expanded="true"]){border-color:var(--color-active);}
.accordion-box.accordion-5 > ul > li > .ac-head{min-height:84px; padding:0 28px 0 108px; font-size:16px; font-weight:600; line-height:1.3; letter-spacing:-0.015em; color:var(--color-gray-1200); position:relative;}
.accordion-box.accordion-5 > ul > li > .ac-head::before{content:counter(ac5, decimal-leading-zero); position:absolute; left:0; top:0; bottom:0; width:88px; display:flex; align-items:center; justify-content:center; font-family:'Noto Serif KR', serif; font-size:38px; font-weight:700; color:var(--color-active); font-variant-numeric:tabular-nums; letter-spacing:-0.04em; border-right:1px solid var(--color-gray-400); background:var(--color-gray-100); transition:background .25s;}
.accordion-box.accordion-5 > ul > li:has(.ac-head[aria-expanded="true"]) .ac-head::before{background:color-mix(in srgb, var(--color-active) 5%, var(--color-white));}
.accordion-box.accordion-5 > ul > li > .ac-head[aria-expanded="true"]{color:var(--color-active);}
.accordion-box.accordion-5 > ul > li > .ac-body{padding:20px 28px 24px 108px; border-top:1px solid var(--color-gray-400);}
.accordion-box.accordion-6 > ul > li{background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:10px; margin:0 0 10px; overflow:hidden; transition:border-color .25s;}
.accordion-box.accordion-6 > ul > li:last-of-type{margin:0;}
.accordion-box.accordion-6 > ul > li:has(.ac-head[aria-expanded="true"]){border-color:var(--color-active);}
.accordion-box.accordion-6 > ul > li > .ac-head{min-height:64px; padding:0 22px 0 64px; font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.005em; color:var(--color-gray-1200); position:relative;}
.accordion-box.accordion-6 > ul > li > .ac-head::before{content:"Q"; position:absolute; left:20px; top:50%; transform:translateY(-50%); width:30px; height:30px; background:var(--color-active); color:var(--color-white); border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px;}
.accordion-box.accordion-6 > ul > li > .ac-body{padding:18px 22px 18px 64px; background:var(--color-gray-100); border-top:1px solid var(--color-gray-400); position:relative;}
.accordion-box.accordion-6 > ul > li > .ac-body::before{content:"A"; position:absolute; left:20px; top:18px; width:30px; height:30px; background:var(--color-gray-1200); color:var(--color-white); border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px;}
.accordion-box.accordion-7 > ul > li{background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:10px; margin:0 0 10px; overflow:hidden; transition:border-color .25s;}
.accordion-box.accordion-7 > ul > li:last-of-type{margin:0;}
.accordion-box.accordion-7 > ul > li:has(.ac-head[aria-expanded="true"]){border-color:var(--color-active);}
.accordion-box.accordion-7 > ul > li > .ac-head{min-height:80px; padding:18px 22px; font-size:16px; font-weight:700; line-height:1.3; letter-spacing:-0.02em; color:var(--color-gray-1200);}
.accordion-box.accordion-7 > ul > li > .ac-head .ac-title{display:flex; flex-direction:column; gap:8px;}
.accordion-box.accordion-7 > ul > li > .ac-head .ac-title::before{content:attr(data-tag); display:inline-block; align-self:flex-start; font-size:10px; font-weight:800; letter-spacing:0.2em; color:var(--color-active); padding:3px 8px; background:color-mix(in srgb, var(--color-active) 5%, var(--color-white)); border-radius:3px; text-transform:uppercase; line-height:1.4;}
.accordion-box.accordion-7 > ul > li > .ac-head[aria-expanded="true"]{color:var(--color-active);}
.accordion-box.accordion-7 > ul > li > .ac-body{padding:18px 22px; border-top:1px solid var(--color-gray-400);}
.accordion-box.accordion-8 > ul > li{background:var(--color-white); border-radius:14px; margin:0 0 14px; box-shadow:0 1px 2px rgba(0,0,0,0.04), 0 6px 14px -6px rgba(0,0,0,0.1); transition:transform .3s cubic-bezier(0.4,0,0.2,1), box-shadow .3s;}
.accordion-box.accordion-8 > ul > li:last-of-type{margin:0;}
.accordion-box.accordion-8 > ul > li:hover{transform:translateY(-2px); box-shadow:0 4px 8px rgba(0,0,0,0.05), 0 12px 24px -8px rgba(0,0,0,0.12);}
.accordion-box.accordion-8 > ul > li:has(.ac-head[aria-expanded="true"]){transform:translateY(-4px); box-shadow:0 8px 16px -8px rgba(0,0,0,0.12), 0 20px 40px -16px rgba(0,0,0,0.14);}
.accordion-box.accordion-8 > ul > li > .ac-head{min-height:62px; padding:0 26px; font-size:16px; font-weight:600; line-height:1.4; letter-spacing:0.005em; color:var(--color-gray-1200);}
.accordion-box.accordion-8 > ul > li > .ac-head[aria-expanded="true"]{color:var(--color-active);}
.accordion-box.accordion-8 > ul > li > .ac-body{padding:18px 26px 22px; border-top:1px solid var(--color-gray-300);}
.accordion-box.accordion-9 > ul > li{background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:8px; margin:0 0 8px; overflow:hidden; transition:border-color .25s;}
.accordion-box.accordion-9 > ul > li:last-of-type{margin:0;}
.accordion-box.accordion-9 > ul > li:has(.ac-head[aria-expanded="true"]){border-color:var(--color-gray-1200);}
.accordion-box.accordion-9 > ul > li > .ac-head{min-height:58px; padding:0 22px; font-size:16px; font-weight:700; line-height:1.4; letter-spacing:-0.005em; color:var(--color-gray-1200); transition:background-color .25s, color .25s;}
.accordion-box.accordion-9 > ul > li > .ac-head:hover{background:var(--color-gray-100);}
.accordion-box.accordion-9 > ul > li > .ac-head[aria-expanded="true"]{background:var(--color-gray-1200); color:var(--color-white);}
.accordion-box.accordion-9 > ul > li > .ac-head[aria-expanded="true"] .ac-icon{color:var(--color-white);}
.accordion-box.accordion-9 > ul > li > .ac-body{padding:18px 22px;}
.accordion-box.accordion-10 > ul > li{background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:32px; margin:0 0 10px; overflow:hidden; transition:border-color .25s, border-radius .3s;}
.accordion-box.accordion-10 > ul > li:last-of-type{margin:0;}
.accordion-box.accordion-10 > ul > li:has(.ac-head[aria-expanded="true"]){border-color:var(--color-active); border-radius:20px;}
.accordion-box.accordion-10 > ul > li > .ac-head{min-height:60px; padding:0 32px; font-size:16px; font-weight:500; line-height:1.4; color:var(--color-gray-1200);}
.accordion-box.accordion-10 > ul > li > .ac-head .ac-icon{width:32px; height:32px; border-radius:50%; background:var(--color-gray-200); color:var(--color-gray-1200); transition:background .2s, color .2s;}
.accordion-box.accordion-10 > ul > li > .ac-head:hover .ac-icon{background:var(--color-gray-300);}
.accordion-box.accordion-10 > ul > li > .ac-head[aria-expanded="true"]{color:var(--color-active); font-weight:600;}
.accordion-box.accordion-10 > ul > li > .ac-head[aria-expanded="true"] .ac-icon{background:var(--color-active); color:var(--color-white);}
.accordion-box.accordion-10 > ul > li > .ac-body{padding:16px 32px 22px;}
.accordion-box.accordion-11{background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:8px; overflow:hidden;}
.accordion-box.accordion-11 > ul > li{border-bottom:1px solid var(--color-gray-400); position:relative;}
.accordion-box.accordion-11 > ul > li:last-of-type{border-bottom:0;}
.accordion-box.accordion-11 > ul > li::before{content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--color-active); transform:scaleY(0); transition:transform .3s ease;}
.accordion-box.accordion-11 > ul > li:has(.ac-head[aria-expanded="true"])::before{transform:scaleY(1);}
.accordion-box.accordion-11 > ul > li > .ac-head{min-height:52px; padding:0 24px 0 28px; font-size:16px; font-weight:600; line-height:1.4; letter-spacing:0.01em; color:var(--color-gray-1200); transition:background .25s, padding .25s, color .25s;}
.accordion-box.accordion-11 > ul > li > .ac-head:hover{background:var(--color-gray-100);}
.accordion-box.accordion-11 > ul > li > .ac-head[aria-expanded="true"]{background:color-mix(in srgb, var(--color-active) 5%, var(--color-white)); color:var(--color-active); font-weight:700;}
.accordion-box.accordion-11 > ul > li > .ac-body{padding:16px 24px 16px 28px; background:color-mix(in srgb, var(--color-active) 4%, var(--color-white)); border-top:1px solid var(--color-gray-400);}
.accordion-box.accordion-12 > ul > li{background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:10px; margin:0 0 8px; overflow:hidden; transition:background-color .3s, border-color .3s;}
.accordion-box.accordion-12 > ul > li:last-of-type{margin:0;}
.accordion-box.accordion-12 > ul > li:has(.ac-head[aria-expanded="true"]){background:color-mix(in srgb, var(--color-active) 5%, var(--color-white)); border-color:var(--color-active);}
.accordion-box.accordion-12 > ul > li > .ac-head{min-height:56px; padding:0 22px; font-size:16px; font-weight:600; line-height:1.4; color:var(--color-gray-1200); transition:font-weight .25s, color .25s;}
.accordion-box.accordion-12 > ul > li > .ac-head[aria-expanded="true"]{color:var(--color-active); font-weight:700;}
.accordion-box.accordion-12 > ul > li > .ac-body{padding:16px 22px; background:var(--color-white); border-top:1px solid var(--color-active);}
@media (max-width:991px){
.accordion-box.accordion-1 > ul > li > .ac-head{font-size:15px; padding:14px 4px; min-height:50px;}
.accordion-box.accordion-2 > ul > li > .ac-head{font-size:14px; padding:0 18px; min-height:52px;}
.accordion-box.accordion-2 > ul > li > .ac-body{padding:16px 18px;}
.accordion-box.accordion-3 > ul > li > .ac-head{padding:0 12px;}
.accordion-box.accordion-3 > ul > li > .ac-body{padding:10px 12px;}
.accordion-box.accordion-4 > ul > li > .ac-head{font-size:18px; padding:0 22px; min-height:72px; letter-spacing:-0.02em;}
.accordion-box.accordion-4 > ul > li > .ac-body{padding:18px 22px 22px;}
.accordion-box.accordion-5 > ul > li > .ac-head{padding:0 20px 0 76px; min-height:68px; font-size:16px;}
.accordion-box.accordion-5 > ul > li > .ac-head::before{width:60px; font-size:24px;}
.accordion-box.accordion-5 > ul > li > .ac-body{padding:16px 20px 18px 76px;}
.accordion-box.accordion-6 > ul > li > .ac-head{padding:0 18px 0 56px; min-height:58px; font-size:15px;}
.accordion-box.accordion-6 > ul > li > .ac-head::before{left:16px; width:26px; height:26px; font-size:12px;}
.accordion-box.accordion-6 > ul > li > .ac-body{padding:14px 18px 14px 56px;}
.accordion-box.accordion-6 > ul > li > .ac-body::before{left:16px; width:26px; height:26px; font-size:12px;}
.accordion-box.accordion-7 > ul > li > .ac-head{padding:14px 18px; min-height:auto; font-size:15px;}
.accordion-box.accordion-7 > ul > li > .ac-head .ac-title::before{font-size:9px;}
.accordion-box.accordion-7 > ul > li > .ac-body{padding:14px 18px;}
.accordion-box.accordion-8 > ul > li > .ac-head{font-size:15px; padding:0 22px; min-height:54px;}
.accordion-box.accordion-8 > ul > li > .ac-body{padding:16px 22px 18px;}
.accordion-box.accordion-9 > ul > li > .ac-head{font-size:14px; padding:0 18px; min-height:52px;}
.accordion-box.accordion-9 > ul > li > .ac-body{padding:16px 18px;}
.accordion-box.accordion-10 > ul > li > .ac-head{font-size:13px; padding:0 24px; min-height:52px;}
.accordion-box.accordion-10 > ul > li > .ac-head .ac-icon{width:28px; height:28px;}
.accordion-box.accordion-10 > ul > li > .ac-body{padding:14px 24px 18px;}
.accordion-box.accordion-11 > ul > li > .ac-head{font-size:13px; padding:0 18px 0 22px; min-height:48px;}
.accordion-box.accordion-11 > ul > li > .ac-body{padding:14px 18px 14px 22px;}
.accordion-box.accordion-12 > ul > li > .ac-head{font-size:14px; padding:0 18px; min-height:50px;}
.accordion-box.accordion-12 > ul > li > .ac-body{padding:14px 18px;}
}
/* category-box */
.category-box{margin:0 0 var(--margin-20);}
.category-box .category1{display:flex; flex-wrap:wrap; gap:var(--gap-5);}
.category-box .category1 > li .cate{background:var(--color-white); font-size:var(--font-md); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:var(--height-40); border-radius:var(--radius-8); border:1px solid var(--color-gray-400); padding:0 var(--padding-15);}
.category-box .category1 > li .cate:hover{color:var(--color-active); border-color:var(--color-active);}
.category-box .category1 > li.active .cate{background:var(--color-active); border-color:var(--color-active); color:var(--color-white); font-weight:500;}
.category-box .category2{display:flex; flex-wrap:wrap; gap:var(--gap-5); margin:var(--margin-10) 0 0; padding:var(--padding-10) 0 0; border-top:1px solid var(--color-gray-300);}
.category-box .category2 > li .cate{background:var(--color-gray-100); font-size:var(--font-sm); display:flex; align-items:center; justify-content:center; height:var(--height-35); border-radius:var(--radius-20); border:1px solid transparent; padding:0 var(--padding-15); color:var(--color-gray-700);}
.category-box .category2 > li .cate:hover{color:var(--color-active); border-color:var(--color-active);}
.category-box .category2 > li.active .cate{background:var(--color-white); border-color:var(--color-active); color:var(--color-active); font-weight:500;}
@media (max-width:991px){
.category-box .category1 > li .cate{font-size:var(--font-sm); height:var(--height-35); padding:0 var(--padding-10);}
.category-box .category2 > li .cate{font-size:var(--font-xs); height:var(--height-30); padding:0 var(--padding-10);}
}
/* tooltip-box */
.tooltip-box{position:relative;}
.tooltip-box .tooltip-inner{pointer-events:none; opacity:0; transition:all ease 0.5s; z-index:10; content:attr(data-tooltip); position:absolute; background:var(--color-black); border-radius:var(--radius-5); padding:var(--padding-5) var(--padding-10); font-size:var(--font-md); white-space:nowrap;}
.tooltip-box .tooltip-inner:before{pointer-events:none; opacity:0; content:""; position:absolute; left:100%; top:50%; transform:translateY(-50%); border-width:var(--radius-5); border-style:solid; transition:opacity 0.2s;}
.tooltip-box .tooltip-inner p{font-size:var(--font-xs); line-height:1.3; color:var(--color-white);}
.tooltip-box:hover{z-index:20;}
.tooltip-box:hover .tooltip-inner{pointer-events:inherit; opacity:1;}
.tooltip-box:hover .tooltip-inner:before{pointer-events:inherit; opacity:1;}
.tooltip-box.tooltip-top .tooltip-inner{left:50%; transform:translateX(-50%); bottom:calc(100% + 8px);}
.tooltip-box.tooltip-top .tooltip-inner:before{left:50%; transform:translateX(-50%); top:calc(100% - 2.5px); border-color:var(--color-black) transparent transparent transparent;}
.tooltip-box.tooltip-bottom .tooltip-inner{left:50%; transform:translateX(-50%); top:calc(100% + 8px);}
.tooltip-box.tooltip-bottom .tooltip-inner:before{left:50%; transform:translateX(-50%); top:calc(0% - 8px); border-color:transparent transparent var(--color-black) transparent;}
.tooltip-box.tooltip-left .tooltip-inner{right:calc(100% + 8px); top:50%; transform:translateY(-50%);}
.tooltip-box.tooltip-left .tooltip-inner:before{left:calc(100% - 1.5px); border-color:transparent transparent transparent var(--color-black);}
.tooltip-box.tooltip-right .tooltip-inner{left:calc(100% + 8px); top:50%; transform:translateY(-50%);}
.tooltip-box.tooltip-right .tooltip-inner:before{right:calc(100% - 1.5px); left:auto; transform:translateY(-50%); border-color:transparent var(--color-black) transparent transparent;}
.tooltip-box.tooltip-top-left .tooltip-inner{left:0; right:auto; bottom:calc(100% + 8px); transform:none;}
.tooltip-box.tooltip-top-left .tooltip-inner:before{left:12px; right:auto; top:auto; bottom:-8px; transform:none; border-color:var(--color-black) transparent transparent transparent;}
.tooltip-box.tooltip-top-center .tooltip-inner{left:50%; right:auto; bottom:calc(100% + 8px); transform:translateX(-50%);}
.tooltip-box.tooltip-top-center .tooltip-inner:before{left:50%; right:auto; top:auto; bottom:-8px; transform:translateX(-50%); border-color:var(--color-black) transparent transparent transparent;}
.tooltip-box.tooltip-top-right .tooltip-inner{right:0; left:auto; bottom:calc(100% + 8px); transform:none;}
.tooltip-box.tooltip-top-right .tooltip-inner:before{right:12px; left:auto; top:auto; bottom:-8px; transform:none; border-color:var(--color-black) transparent transparent transparent;}
.tooltip-box.tooltip-bottom-left .tooltip-inner{left:0; right:auto; top:calc(100% + 8px); transform:none;}
.tooltip-box.tooltip-bottom-left .tooltip-inner:before{left:12px; right:auto; top:-8px; bottom:auto; transform:none; border-color:transparent transparent var(--color-black) transparent;}
.tooltip-box.tooltip-bottom-center .tooltip-inner{left:50%; right:auto; top:calc(100% + 8px); transform:translateX(-50%);}
.tooltip-box.tooltip-bottom-center .tooltip-inner:before{left:50%; right:auto; top:-8px; bottom:auto; transform:translateX(-50%); border-color:transparent transparent var(--color-black) transparent;}
.tooltip-box.tooltip-bottom-right .tooltip-inner{right:0; left:auto; top:calc(100% + 8px); transform:none;}
.tooltip-box.tooltip-bottom-right .tooltip-inner:before{right:12px; left:auto; top:-8px; bottom:auto; transform:none; border-color:transparent transparent var(--color-black) transparent;}
.tooltip-box.focus{z-index:20;}
.tooltip-box.focus .tooltip-inner{pointer-events:inherit; opacity:1;}
.tooltip-box.focus .tooltip-inner:before{pointer-events:inherit; opacity:1;}
.tooltip-box.active{z-index:19;}
.tooltip-box.active .tooltip-inner{pointer-events:inherit; opacity:1;}
.tooltip-box.active .tooltip-inner:before{pointer-events:inherit; opacity:1;}
/* toast-box */
.toast-box{pointer-events:none; opacity:0; position:fixed; width:350px; transition:all ease 0.5s; z-index:9999; transform:scale(0.8);}
.toast-box.toast-top-left{left:15px; top:0;}
.toast-box.toast-top-center{left:50%; top:0; transform:translateX(-50%) scale(0.8);}
.toast-box.toast-top-right{right:15px; top:0;}
.toast-box.toast-center-left{left:15px; top:45%; transform:translateY(-50%) scale(0.8);}
.toast-box.toast-center{left:50%; top:45%; transform:translate(-50%,-50%) scale(0.8);}
.toast-box.toast-center-right{right:15px; top:45%; transform:translateY(-50%) scale(0.8);}
.toast-box.toast-bottom-left{left:15px; bottom:0;}
.toast-box.toast-bottom-center{left:50%; bottom:0; transform:translateX(-50%) scale(0.8);}
.toast-box.toast-bottom-right{right:15px; bottom:0;}
.toast-box .box{background:var(--color-white); border-radius:var(--radius-10); overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.toast-box .toast-head{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:var(--padding-10); background:var(--color-active); border-bottom:1px solid var(--color-gray-300); position:relative;}
.toast-box .toast-head h2{font-size:var(--font-xl); font-weight:600; flex:1; min-width:0; padding:0 var(--padding-10) 0 0; color:var(--color-white);}
.toast-box .toast-head .close{width:var(--icon-16); height:var(--icon-16); font-size:0; background:url('/asset/images/icon_close.svg') no-repeat center / cover; filter:var(--filter-white);}
.toast-box .toast-head .toast-progress{position:absolute; left:0; bottom:-3px; height:3px; background:color-mix(in srgb, var(--color-active) 35%, transparent);}
.toast-box .toast-body{padding:15px;}
.toast-box .toast-body .toast-body-text p{font-size:var(--font-md); word-break:keep-all;}
.toast-box.fixed{pointer-events:inherit; opacity:1; transform:scale(1);}
.toast-box.toast-top-left.fixed{top:15px;}
.toast-box.toast-top-center.fixed{top:15px; transform:translateX(-50%) scale(1);}
.toast-box.toast-top-right.fixed{top:15px;}
.toast-box.toast-center-left.fixed{top:50%; transform:translateY(-50%) scale(1);}
.toast-box.toast-center.fixed{top:50%; transform:translate(-50%,-50%) scale(1);}
.toast-box.toast-center-right.fixed{top:50%; transform:translateY(-50%) scale(1);}
.toast-box.toast-bottom-left.fixed{bottom:15px;}
.toast-box.toast-bottom-center.fixed{bottom:15px; transform:translateX(-50%) scale(1);}
.toast-box.toast-bottom-right.fixed{bottom:15px;}
@media (max-width:991px){
.toast-box{width:calc(100% - 30px); max-width:350px;}
}
/* popup-box */
.popup-box{position:fixed; min-width:300px; max-height:calc(100vh - 20px); border:1px solid var(--color-gray-300); max-height:calc(100dvh - 20px); box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden; border-radius:var(--radius-10);}
.popup-box .box{display:flex; flex-direction:column; max-height:calc(100vh - 20px); max-height:calc(100dvh - 20px);}
.popup-box .popup-image{width:100%; flex:1 1 auto; overflow-y:auto; min-height:0;}
.popup-box .popup-image a{display:block; width:100%;}
.popup-box .popup-image img{width:100%; height:auto; display:block;}
.popup-box .popup-image .popup-img-mobile{display:none;}
.popup-box .popup-content{width:100%; flex:0 0 auto; border-top:1px solid var(--color-gray-300); background:var(--color-white); padding:var(--padding-10); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.popup-box .popup-content button{font-size:var(--font-md); color:var(--color-black); display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-5);}
.popup-box .popup-content button:first-of-type:before{display:inline-block; content:""; width:var(--icon-16); height:var(--icon-16); background:url('/asset/images/icon_time.svg') no-repeat center / cover;}
.popup-box .popup-content button:last-of-type:after{display:inline-block; content:""; width:var(--icon-16); height:var(--icon-16); background:url('/asset/images/icon_close.svg') no-repeat center / cover;}
@media (max-width:991px){
.popup-box{left:50% !important; top:50% !important; transform:translate(-50%,-50%); width:calc(100vw - 30px) !important; max-width:400px !important;}
.popup-box.has-mobile .popup-img-web{display:none;}
.popup-box.has-mobile .popup-img-mobile{display:block;}
}
/* popup-layer */
.popup-layer{position:fixed; inset:0; z-index:9000; background:rgba(0,0,0,0.6); display:flex; align-items:center; justify-content:center; padding:var(--padding-20); overflow:auto;}
.popup-layer.popup-layer--grid{justify-content:flex-start;}
.popup-layer[hidden]{display:none;}
.popup-layer .popup-image{position:relative; width:100%; height:100%; overflow:hidden;}
.popup-layer .popup-image > *{position:absolute; inset:0;}
.popup-layer .popup-image a{display:block; width:100%; height:100%;}
.popup-layer .popup-image img{width:100%; height:100%; display:block;}
.popup-layer .popup-img-mobile{display:none;}
.popup-layer .popup-content{width:100%; flex:0 0 auto; border-top:1px solid var(--color-gray-300); background:var(--color-white); padding:var(--padding-10); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.popup-layer .popup-content button{font-size:var(--font-md); color:var(--color-black); display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-5);}
.popup-layer .popup-content button:first-of-type:before{display:inline-block; content:""; width:var(--icon-16); height:var(--icon-16); background:url('/asset/images/icon_time.svg') no-repeat center / cover;}
.popup-layer .popup-content button:last-of-type:after{display:inline-block; content:""; width:var(--icon-16); height:var(--icon-16); background:url('/asset/images/icon_close.svg') no-repeat center / cover;}
/* popup-grid */
.popup-grid{--pp-gap:16px; --pp-cols:3; position:relative; display:grid; grid-template-columns:repeat(var(--pp-cols), minmax(0, var(--pp-w))); gap:var(--pp-gap); justify-content:start; width:auto; max-width:calc(var(--pp-w) * var(--pp-cols) + var(--pp-gap) * (var(--pp-cols) - 1));}
.popup-grid .popup-card{display:flex; flex-direction:column; background:var(--color-white); border-radius:var(--radius-10); overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.25); grid-row:1;}
.popup-grid .popup-card:nth-child(n+4){grid-row:1;}
.popup-grid .popup-card:nth-child(3n+1){grid-column:1;}
.popup-grid .popup-card:nth-child(3n+2){grid-column:2;}
.popup-grid .popup-card:nth-child(3n+3){grid-column:3;}
.popup-grid .popup-card .popup-image{height:var(--pp-h); max-height:calc(100dvh - 160px);}
.popup-grid .popup-card .popup-image img{object-fit:cover; object-position:center;}
/* popup-slider */
.popup-slider{display:flex; flex-direction:column; width:100%; max-width:calc(var(--pp-w) + 280px); background:var(--color-white); border-radius:var(--radius-10); overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.25);}
.popup-slider .popup-slider-row{display:flex; align-items:stretch; width:100%; min-width:0;}
.popup-slider .popup-slider-main{flex:0 1 var(--pp-w); min-width:0; display:flex; flex-direction:column;}
.popup-slider .popup-stage{position:relative; width:100%; height:var(--pp-h); max-height:calc(100dvh - 160px); background:var(--color-gray-100);}
.popup-slider .popup-viewport{position:absolute; inset:0; overflow:hidden;}
.popup-slider .popup-track{display:flex; width:100%; height:100%; transition:transform 0.35s ease;}
.popup-slider .popup-slide{flex:0 0 100%; width:100%; height:100%;}
.popup-slider .popup-slide a{display:block; width:100%; height:100%;}
.popup-slider .popup-slide img{width:100%; height:100%; display:block;}
.popup-slider .popup-slide img{object-fit:contain; object-position:center;}
.popup-slider .popup-arrow{position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; border-radius:50%; background:rgba(0,0,0,0.45); font-size:0; z-index:2;}
.popup-slider .popup-arrow:before{display:block; content:""; width:100%; height:100%; background:url('/asset/images/icon_arrow_right.svg') no-repeat center / 16px 16px; filter:invert(1);}
.popup-slider .popup-arrow--prev{left:10px;}
.popup-slider .popup-arrow--prev:before{transform:rotate(180deg);}
.popup-slider .popup-arrow--next{right:10px;}
.popup-slider .popup-arrow:focus-visible{outline:2px solid var(--color-white); outline-offset:2px;}
.popup-slider .popup-dots{position:absolute; left:50%; transform:translateX(-50%); bottom:14px; display:flex; justify-content:center; gap:var(--gap-5); z-index:2; padding:6px 10px; border-radius:999px; background:rgba(0,0,0,0.35);}
.popup-slider .popup-dot{width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.55); font-size:0;}
.popup-slider .popup-dot[aria-selected="true"]{background:var(--color-white); width:20px; border-radius:4px;}
.popup-slider .popup-nav{flex:1 1 260px; min-width:0; max-height:var(--pp-h); overflow-y:auto; border-left:1px solid var(--color-gray-300);}
.popup-slider .popup-nav-list{display:flex; flex-direction:column;}
.popup-slider .popup-nav-item{border-bottom:1px solid var(--color-gray-200);}
.popup-slider .popup-nav-btn{width:100%; display:flex; align-items:center; gap:var(--gap-10); padding:var(--padding-15); text-align:left;}
.popup-slider .popup-nav-num{flex:0 0 auto; font-size:var(--font-sm); color:var(--color-gray-800); font-variant-numeric:tabular-nums;}
.popup-slider .popup-nav-title{flex:1; min-width:0; font-size:var(--font-md); color:var(--color-black); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.popup-slider .popup-nav-btn.is-on{background:var(--color-gray-300); box-shadow:inset 4px 0 0 var(--color-active);}
.popup-slider .popup-nav-btn.is-on{background:color-mix(in srgb, var(--color-active) 24%, #fff);}
.popup-slider .popup-nav-btn.is-on .popup-nav-title{font-weight:700; color:var(--color-active);}
.popup-slider .popup-nav-btn.is-on .popup-nav-num{color:var(--color-active); font-weight:700;}
.popup-slider .popup-nav-btn:focus-visible{outline:2px solid var(--color-active); outline-offset:-2px;}
@media (max-width:1100px){
.popup-grid{--pp-cols:2;}
.popup-grid .popup-card:nth-child(2n+1){grid-column:1;}
.popup-grid .popup-card:nth-child(2n+2){grid-column:2;}
.popup-grid .popup-card:nth-child(3n+3){grid-column:auto;}
.popup-layer .popup-image{height:auto;}
.popup-grid .popup-card .popup-image{height:auto; aspect-ratio:var(--pp-wn) / var(--pp-hn);}
.popup-slider{max-width:calc(100vw - 40px);}
.popup-slider .popup-stage{height:auto; aspect-ratio:var(--pp-wn) / var(--pp-hn);}
.popup-slider .popup-nav{flex-basis:220px;}
}
@media (max-width:900px){
/* popup-slider */
.popup-slider{max-width:calc(100vw - 32px);}
.popup-slider .popup-slider-row{flex-direction:column;}
.popup-slider .popup-slider-main{flex:0 0 auto;}
.popup-slider .popup-nav{--pp-navn:2; flex:0 0 auto; max-height:none; border-left:0; border-top:1px solid var(--color-gray-300); overflow-x:auto; overflow-y:hidden; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
.popup-slider .popup-nav::-webkit-scrollbar{display:none;}
.popup-slider .popup-nav-list{flex-direction:row; flex-wrap:nowrap; width:max-content; min-width:100%;}
.popup-slider .popup-nav-item{flex:0 0 calc((100vw - 32px) / var(--pp-navn)); max-width:none; border-bottom:0; border-right:1px solid var(--color-gray-200);}
.popup-slider .popup-nav-item:last-child{border-right:0;}
.popup-slider .popup-nav-btn{flex-direction:row; align-items:center; gap:var(--gap-5); padding:var(--padding-10) var(--padding-10);}
.popup-slider .popup-nav-btn.is-on{box-shadow:inset 0 -4px 0 var(--color-active);}
.popup-slider .popup-nav-btn.is-on{background:var(--color-gray-200);}
.popup-slider .popup-nav-btn.is-on{background:color-mix(in srgb, var(--color-active) 26%, #fff);}
.popup-slider .popup-nav-title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; font-size:var(--font-sm);}
.popup-grid{--pp-cols:1; width:100%; max-width:calc(100vw - 32px);}
.popup-grid .popup-card:nth-child(n){grid-column:1;}
.popup-layer.popup-layer--grid{align-items:flex-start;}
.popup-layer .has-mobile .popup-img-web, .popup-layer .popup-slide.has-mobile .popup-img-web{display:none;}
.popup-layer .popup-img-mobile{display:block;}
}
/* modal-box */
.modal-box{pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; transition:all ease 0.5s; z-index:9999; background:rgba(0,0,0,0.7);}
.modal-box[aria-hidden="true"][inert]{user-select:none;}
.modal-box .box{pointer-events:none; opacity:0; position:absolute; left:50%; top:45%; width:calc(100% - 30px); transition:all ease 0.5s; transform:translate(-50%,-50%); background:var(--color-white); border-radius:var(--radius-15); overflow:hidden; max-height:90%; display:flex; flex-direction:column;}
.modal-box .box .modal-head{padding:var(--padding-15) var(--padding-20); border-bottom:1px solid var(--color-gray-400); width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.modal-box .box .modal-head h2{flex:1; min-width:0; padding:0 var(--padding-20) 0 0; font-size:var(--font-xxl); font-weight:600;}
.modal-box .box .modal-head .close{width:var(--icon-20); height:var(--icon-20); font-size:0; background:url('/asset/images/icon_close.svg') no-repeat center / cover;}
.modal-box .box .modal-body{padding:var(--padding-35) var(--padding-20); width:100%; height:100%; overflow-y:auto;}
.modal-box .box .modal-body .modal-body-text strong{display:block; text-align:center; font-size:var(--font-lg); font-weight:500; margin:0 0 var(--margin-10); word-break:keep-all;}
.modal-box .box .modal-body .modal-body-text p{overflow-wrap:anywhere; text-align:center; font-size:var(--font-lg); color:var(--color-gray-1100); word-break:keep-all;}
.modal-box .box .modal-body .modal-body-list{margin:-15px 0;}
.modal-box .box .modal-body .modal-body-list ul li{border-bottom:1px solid var(--color-gray-300);}
.modal-box .box .modal-body .modal-body-list ul li:last-of-type{border:0;}
.modal-box .box .modal-body .modal-body-list ul li .link{display:flex; flex-wrap:wrap; align-items:center; padding:var(--padding-10); font-size:var(--font-md); color:var(--color-gray-900);}
.modal-box .box .modal-body .modal-body-list ul li .link:hover{background:var(--color-gray-200);}
.modal-box .box .modal-foot{padding:0 var(--padding-20) var(--padding-20); width:100%;}
.modal-box.modal-xs .box{max-width:375px;}
.modal-box.modal-sm .box{max-width:500px;}
.modal-box.modal-md .box{max-width:800px;}
.modal-box.modal-lg .box{max-width:1200px;}
.modal-box.modal-xl .box{max-width:1500px;}
.modal-box.modal-left .box{width:calc(100% - 15px); max-width:320px; height:100%; max-height:100%; left:-15px; top:0; transform:none; border-radius:0 var(--radius-15) var(--radius-15) 0;}
.modal-box.modal-right .box{width:calc(100% - 15px); max-width:320px; height:100%; max-height:100%; left:auto; right:-15px; top:0; transform:none; border-radius:var(--radius-15) 0 0 var(--radius-15);}
.modal-box.modal-bottom .box{width:100%; max-width:100%; border-radius:var(--radius-15) var(--radius-15) 0 0; top:auto; left:0; bottom:-15px; transform:none;}
.modal-box.modal-full .box{width:100%; max-width:100%; left:0; top:0; transform:scale(0.9); border-radius:0; height:100%; max-height:100%;}
.modal-box.modal-transparent .box{background:transparent;}
.modal-box.modal-transparent .box .modal-head{border:0;}
.modal-box.modal-transparent .box .modal-head h2{color:var(--color-white);}
.modal-box.modal-transparent .box .modal-head .close{filter:var(--filter-white);}
.modal-box.modal-transparent .box .modal-body{padding-top:0; padding-bottom:0;}
.modal-box.modal-transparent .box .modal-body .modal-body-text strong{color:var(--color-white);}
.modal-box.modal-transparent .box .modal-body .modal-body-text p{color:var(--color-white);}
.modal-box.fixed{pointer-events:inherit; opacity:1;}
.modal-box.fixed .box{pointer-events:inherit; opacity:1; top:50%;}
.modal-box.modal-left.fixed .box{left:0; top:0;}
.modal-box.modal-right.fixed .box{left:auto; right:0; top:0;}
.modal-box.modal-bottom.fixed .box{bottom:0; top:auto;}
.modal-box.modal-full.fixed .box{top:0; transform:scale(1);}
@media (max-width:991px){
.modal-box .box{border-radius:var(--radius-10);}
.modal-box .box .modal-head{padding:var(--padding-15);}
.modal-box .box .modal-head h2{padding:0 var(--padding-15) 0 0;}
.modal-box.modal-left .box{border-radius:0 var(--radius-10) var(--radius-10) 0;}
.modal-box.modal-right .box{border-radius:var(--radius-10) 0 0 var(--radius-10);}
}
/* paging-box */
.paging-box{margin:var(--margin-25) 0 0;}
.paging-box ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li{margin:0 var(--margin-5) 0 0;}
.paging-box ul li:last-of-type{margin:0;}
.paging-box ul li *{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:var(--width-35); height:var(--height-35); font-size:var(--font-sm); font-weight:600; color:var(--color-gray-900);}
.paging-box ul li a:hover{color:var(--color-active); text-decoration:underline;}
.paging-box ul li p{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:var(--width-35); height:var(--height-35); font-size:var(--font-sm); font-weight:600; color:var(--color-gray-900);}
.paging-box ul li.active *{border-radius:50%; background:var(--color-active); color:var(--color-white) !important;}
.paging-box ul li.pg *{font-size:0;}
.paging-box ul li.pg *:after{display:block; content:""; width:var(--icon-24); height:var(--icon-24); background-size:cover; background-position:center; background-repeat:no-repeat; filter:var(--filter-gray-800);}
.paging-box ul li.pg.prev{margin:0 var(--margin-10) 0 0;}
.paging-box ul li.pg.prev *:after{background-image:url('/asset/images/icon_arrow_left.svg');}
.paging-box ul li.pg.next{margin:0 0 0 var(--margin-10);}
.paging-box ul li.pg.next *:after{background-image:url('/asset/images/icon_arrow_right.svg');}
.paging-box ul li.pg.first *:after{background-image:url('/asset/images/icon_arrow_left_double.svg');}
.paging-box ul li.pg.last{margin:0 0 0 var(--margin-5);}
.paging-box ul li.pg.last *:after{background-image:url('/asset/images/icon_arrow_right_double.svg');}
.paging-box ul li.disabled{background:none !important;}
.paging-box ul li.disabled.pg *:after{filter:var(--filter-gray-400);}
.paging-box.paging-left ul{justify-content:flex-start;}
.paging-box.paging-right ul{justify-content:flex-end;}
@media (max-width:991px){
.paging-box ul li *{width:var(--width-30); height:var(--height-30);}
.paging-box ul li p{width:var(--width-30); height:var(--height-30);}
.paging-box ul li.pg *:after{width:var(--icon-20); height:var(--icon-20);}
}
/* table-box */
.table-box{overflow-x:auto; white-space:nowrap; border-top:1px solid var(--color-black-500);}
.table-box table{table-layout:auto; border-collapse:collapse; width:100%; border-top:1px solid var(--color-black-500);}
.table-box table thead tr th{font-size:var(--font-md); font-weight:500; padding:var(--padding-10); background:var(--color-gray-100); border:1px solid var(--color-gray-200); border-bottom:0;}
.table-box table thead tr th:first-of-type{border-left:0;}
.table-box table thead tr th:last-of-type{border-right:0;}
.table-box table tbody tr{counter-increment:list_num;}
.table-box table tbody tr td{font-size:var(--font-md); padding:var(--padding-10); border:1px solid var(--color-gray-200); background:var(--color-white); white-space:normal; overflow-wrap:anywhere;}
.table-box table tbody tr td p{font-size:var(--font-md);}
.table-box table tbody tr td.num:before{content:counter(list_num);}
.table-box table tbody tr td:first-of-type{border-left:0;}
.table-box table tbody tr td:last-of-type{border-right:0;}
.table-box table tbody tr:nth-of-type(even) td{background:var(--color-gray-100);}
.table-box table tbody tr:hover td{background:var(--color-gray-100);}
.table-box table.fixed{table-layout:fixed;}
.table-box .check-box.single label{justify-content:center;}
.table-box .select-box{margin:0 auto;}
.table-box .select-box select{height:var(--height-30);}
.table-box .input-box{margin:0 auto;}
.table-box .input-box input{height:var(--height-30);}
.table-box .button-box .btn{height:var(--height-30);}
@media (max-width:991px){
.table-box{margin:0 var(--container-padding-minus);}
.table-box table{margin:0 var(--container-padding);}
.table-box table thead tr th{padding:var(--padding-5) var(--padding-10);}
.table-box table tbody tr td{padding:var(--padding-5) var(--padding-10);}
.table-box .check-box.single label:before{width:var(--icon-20); height:var(--icon-20);}
}
/* terms-box */
.terms-box{background:var(--color-white); border:1px solid var(--color-gray-400); margin:0 0 var(--margin-40);}
.terms-box:last-of-type{margin:0;}
.terms-box .terms-head{background:var(--color-gray-200); padding:var(--padding-15); border-bottom:1px solid var(--color-gray-400);}
.terms-box .terms-head .terms-title{font-size:var(--font-xxl); font-weight:600;}
.terms-box .terms-body{padding:var(--padding-15); max-height:300px; overflow-y:auto;}
.terms-box .terms-body > .terms-big-title{font-size:var(--font-xxl); font-weight:600; padding:0 0 var(--padding-15); margin:0 0 var(--margin-15); border-bottom:1px dashed var(--color-gray-400)}
.terms-box .terms-body > ul{margin:0 0 var(--margin-50);}
.terms-box .terms-body > ul:last-of-type{margin:0;}
.terms-box .terms-body > ul > li{margin:0 0 var(--margin-30);}
.terms-box .terms-body > ul > li:last-of-type{margin:0;}
.terms-box .terms-body > ul > li > *{margin:0 0 var(--margin-5);}
.terms-box .terms-body > ul > li > *:last-child{margin:0;}
.terms-box .terms-body > ul > li .terms-title{margin:0 0 var(--margin-10); font-size:var(--font-lg); font-weight:600;}
.terms-box .terms-body > ul > li p{font-size:var(--font-md); color:var(--color-black-500);}
.terms-box .terms-body > ul > li ul li{font-size:var(--font-md); color:var(--color-black-500); margin:0 0 var(--margin-5);}
.terms-box .terms-body > ul > li ul li:last-of-type{margin:0;}
.terms-box .terms-body > ul > li ul.inner{padding:0 0 0 var(--padding-10);}
.terms-box .terms-body > ul > li ul.inner li{position:relative; margin:0; padding:0 0 0 var(--padding-15);}
.terms-box .terms-body > ul > li ul.inner li:before{position:absolute; left:0; top:10px; width:6px; height:1px; content:""; background:var(--color-black-500);}
.terms-box .terms-foot{padding:var(--padding-15); border-top:1px solid var(--color-gray-400); display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.terms-box .terms-foot .check-box label{align-items:center;}
.terms-box .terms-foot .check-box label span{font-size:var(--font-md);}
@media (max-width:991px){
.terms-box .terms-head{padding:var(--padding-10);}
.terms-box .terms-body{padding:var(--padding-10); max-height:200px;}
.terms-box .terms-body > ul > li{margin:0 0 var(--padding-20);}
.terms-box .terms-body > ul > li .terms-title{margin:0 0 var(--padding-5);}
.terms-box .terms-body > ul > li ul.inner{padding:0 0 0 var(--padding-10);}
.terms-box .terms-body > ul > li ul.inner li{padding:0 0 0 var(--padding-10);}
.terms-box .terms-body > ul > li ul.inner li:before{top:9px;}
}
/* vidoe-box */
.video-box{position:relative;}
.video-box:after{display:block; content:""; padding-bottom:56.5%;}
.video-box iframe{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.video-box video{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
/* marker-box */
.marker-box{position:relative; display:flex; flex-wrap:wrap; background:var(--color-white); border-radius:var(--radius-5); box-shadow:0 2px 12px rgba(0,0,0,0.1); min-width:280px; max-width:340px; overflow:hidden;}
.marker-box .marker-image{width:90px; min-height:90px; flex-shrink:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.marker-box .marker-image img{width:80%; max-height:80%; object-fit:cover;}
.marker-box .marker-content{flex:1; min-width:0; padding:var(--padding-10); border-left:1px solid var(--color-gray-200);}
.marker-box .marker-content .content-subject{display:flex; flex-wrap:wrap; align-items:center;}
.marker-box .marker-content .content-subject a{line-height:1; display:block; gap:var(--gap-10); flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.marker-box .marker-content .content-subject strong{line-height:1; font-size:var(--font-md); font-weight:600; flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.marker-box .marker-content .content-subject .close{width:var(--icon-16); height:var(--icon-16); font-size:0; display:block; background:url('/asset/images/icon_close.svg') no-repeat center / cover;}
.marker-box .marker-content .content-detail{margin:var(--margin-5) 0 0;}
.marker-box .marker-content .content-detail ul li{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-5);}
.marker-box .marker-content .content-detail ul li:before{display:inline-block; content:""; width:var(--icon-12); height:var(--icon-12); background-size:cover; background-position:center; filter:var(--filter-gray-900);}
.marker-box .marker-content .content-detail ul li.address:before{background-image:url('/asset/images/icon_location.svg');}
.marker-box .marker-content .content-detail ul li.call:before{background-image:url('/asset/images/icon_call.svg');}
.marker-box .marker-content .content-detail ul li.time:before{background-image:url('/asset/images/icon_time.svg');}
.marker-box .marker-content .content-detail ul li p{flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:var(--color-gray-1000); font-size:var(--font-sm);}
.marker-box .marker-content .content-detail .button-box{margin:var(--margin-5) 0 0;}
/* list-none-box */
.list-none-box{background:var(--color-white); border-top:1px solid var(--color-black-500); border-bottom:1px solid var(--color-gray-400); padding:var(--padding-100) var(--padding-15);}
.list-none-box p{text-align:center; font-size:var(--font-lg); font-weight:500; color:var(--color-gray-900);}
.list-none-box p.folder:before{display:block; content:""; width:var(--width-50); height:var(--height-50); margin:0 auto var(--margin-10); background:url('/asset/images/icon_folder_open.svg') no-repeat center / cover; filter:var(--filter-gray-800);}
.list-none-box.none-sm{padding:var(--padding-50) var(--padding-15);}
.list-none-box.none-sm p{font-size:var(--font-md);}
.list-none-box.none-sm p.folder:before{width:var(--width-30); height:var(--height-30);}
@media (max-width:991px){
.list-none-box{padding:var(--padding-50) var(--padding-15);}
}
/* board-top-box */
.board-top-box{display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:var(--gap-10);}
@media (max-width:991px){
.board-top-box{gap:0;}
.board-top-box .top-search{width:100%;}
}
/* board-search-box */
.board-search-box{background:var(--color-gray-100); border:1px solid var(--color-gray-400); padding:var(--padding-20) var(--padding-10); border-radius:var(--radius-8);}
.board-search-box > ul{display:flex; flex-wrap:wrap; gap:var(--gap-20) 0;}
.board-search-box > ul > li{display:flex; flex-wrap:wrap; align-items:center; padding:0 var(--padding-10);}
.board-search-box > ul > li .search-title{margin:0 0 var(--margin-5);}
.board-search-box > ul > li .search-title strong{font-size:var(--font-md); font-weight:600;}
.board-search-box > ul > li .search-content{width:100%;}
.board-search-box > ul > li .search-content .input-box input{height:var(--height-40);}
.board-search-box > ul > li .search-content .select-box select{height:var(--height-40);}
.board-search-box > ul > li .search-content .button-box .btn{height:var(--height-40);}
@media (max-width:991px){
.board-search-box{padding:var(--padding-15) var(--padding-10); border-radius:var(--radius-5);}
.board-search-box > ul{display:flex; flex-wrap:wrap; gap:var(--gap-15) 0;}
.board-search-box > ul > li{display:flex; flex-wrap:wrap; align-items:center; padding:0 var(--padding-5);}
}
/* board-button-box */
.board-button-box{margin:var(--margin-30) 0 0; padding:var(--padding-30) 0 0; border-top:1px solid var(--color-gray-300);}
@media (max-width:991px){
.board-button-box{margin:var(--margin-20) 0 0; padding:var(--padding-20) 0 0;}
}
/* board-recommend-box */
.board-recommend-box{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:var(--margin-10) 0 0;}
.board-recommend-box ul{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:var(--radius-10); padding:var(--padding-15) var(--padding-25); background:var(--color-gray-200); gap:var(--gap-20);}
.board-recommend-box ul li button{display:flex; flex-wrap:wrap; align-items:center; font-size:var(--font-md); gap:var(--gap-5); color:var(--color-black-400);}
.board-recommend-box ul li button b{font-size:var(--font-sm) !important; font-weight:700; color:var(--color-active);}
.board-recommend-box ul li button:before{display:none; content:""; width:var(--icon-20); height:var(--icon-20); background-size:cover; background-position:center; position:relative; top:-1px;}
.board-recommend-box ul li button.like:before{background-image:url('/asset/images/icon_board_like.svg');}
.board-recommend-box ul li button.hate:before{background-image:url('/asset/images/icon_board_hate.svg');}
.board-recommend-box ul li button.active{color:var(--color-active);}
@media (max-width:991px){
.board-recommend-box ul{padding:var(--padding-15); width:100%; gap:var(--gap-10);}
}
/* board-list-box */
.board-list-box{overflow-x:auto; white-space:nowrap;}
.board-list-box table{table-layout:fixed; width:100%; border-collapse:separate; border-spacing:0;}
.board-list-box table thead tr th{font-size:var(--font-sm); font-weight:600; padding:var(--padding-15); border-bottom:1px solid var(--color-gray-500); background:var(--color-white); color:var(--color-gray-1000); word-break:keep-all; overflow-wrap:anywhere; overflow:hidden; text-overflow:ellipsis;}
.board-list-box table thead tr th:last-of-type{border-right:0;}
.board-list-box table tbody tr{transition:background 0.25s ease;}
.board-list-box table tbody tr td{font-size:var(--font-md); padding:var(--padding-15); color:var(--color-gray-1200); background:var(--color-white); border-bottom:1px solid var(--color-gray-300); word-break:keep-all; overflow-wrap:anywhere; overflow:hidden; text-overflow:ellipsis; transition:background 0.25s ease, color 0.25s ease;}
.board-list-box table tbody tr:last-of-type td{border-bottom:0;}
.board-list-box table tbody tr td *:not(i){font-size:inherit;}
.board-list-box table tbody tr td img{object-fit:cover; border-radius:var(--radius-8);}
.board-list-box table tbody tr td .subject{display:flex; align-items:center; gap:var(--gap-5);}
.board-list-box table tbody tr td .subject .subject-tit{font-size:var(--font-lg); font-weight:600; line-height:1.4; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:var(--color-black-900); transition:color 0.25s ease;}
.board-list-box table tbody tr td .subject .subject-cnt{position:relative; top:2px; display:inline-flex; align-items:center; justify-content:center; font-size:var(--font-12); font-weight:700; color:var(--color-active); flex-shrink:0; line-height:1;}
.board-list-box table tbody tr td .subject .icon{flex-shrink:0; position:relative; top:2px;}
.board-list-box table tbody tr td .badge-box{font-size:var(--font-md);}
.board-list-box table tbody tr td .select-box select{height:var(--height-35);}
.board-list-box table tbody tr td .input-box input{height:var(--height-35);}
.board-list-box table tbody tr td .input-box input[type=date]:after, .board-list-box table tbody tr td .input-box input[type=datetime-local]:after{width:var(--icon-20); height:var(--icon-20);}
.board-list-box table tbody tr td .file-box .file-name p{height:var(--height-35); line-height:var(--height-35);}
.board-list-box table tbody tr td.mo-line .mo-line-tit{display:none;}
.board-list-box table tbody tr:hover td{background:var(--color-gray-200);}
.board-list-box table tbody tr:hover td .subject .subject-tit{color:var(--color-active);}
.board-list-box table tbody tr.notice td{background:color-mix(in srgb, var(--color-active) 4%, transparent); color:var(--color-black);}
.board-list-box table tbody tr.notice td:first-of-type{box-shadow:inset 4px 0 0 var(--color-active);}
.board-list-box table tbody tr.notice:hover td{background:color-mix(in srgb, var(--color-active) 8%, transparent);}
@media (max-width:991px){
.board-list-box{overflow-x:visible; white-space:inherit;}
.board-list-box table{border:0; border-radius:0;}
.board-list-box table colgroup{display:none;}
.board-list-box table thead{display:none;}
.board-list-box table tbody{display:block;}
.board-list-box table tbody tr{padding:var(--padding-15); display:flex; flex-wrap:wrap; align-items:center; background:transparent; border-bottom:1px solid var(--color-gray-300); position:relative;}
.board-list-box table tbody tr:last-of-type{border-bottom:0;}
.board-list-box table tbody tr td{padding:0; border:0; color:var(--color-gray-1100); order:2; background:transparent;}
.board-list-box table tbody tr td.subject-cell{width:100%; margin:0 0 var(--margin-5); order:1;}
.board-list-box table tbody tr td.subject-cell .subject-tit{color:var(--color-black-900); font-size:var(--font-lg); font-weight:600;}
.board-list-box table tbody tr td.mo-line{display:flex; flex-wrap:wrap; align-items:center; font-size:var(--font-sm); gap:var(--gap-3);}
.board-list-box table tbody tr td.mo-line:after{display:inline-block; content:""; width:1px; height:var(--height-10); background:var(--color-gray-500); margin:0 var(--margin-5);}
.board-list-box table tbody tr td.mo-line:last-of-type:after{display:none;}
.board-list-box table tbody tr td.mo-line .mo-line-tit{display:inline-block; font-size:var(--font-sm); color:var(--color-gray-1000);}
.board-list-box table tbody tr td.mo-line .button-box .btn-sm{height:var(--height-20); font-size:var(--font-xs); padding:0 var(--padding-5); border-radius:var(--radius-5);}
.board-list-box table tbody tr td.mo-hidden{display:none;}
.board-list-box table tbody tr:nth-of-type(even) td{background:none;}
.board-list-box table tbody tr.notice{background:color-mix(in srgb, var(--color-active) 4%, transparent); box-shadow:inset 4px 0 0 var(--color-active);}
.board-list-box table tbody tr.notice td{background:none;}
.board-list-box table tbody tr.notice:hover td{background:none;}
.board-list-box table tbody tr:hover td{background:none;}
.board-list-box table tbody tr:hover td.subject-cell .subject-tit{color:var(--color-active);}
}
/* board-faq-box */
.board-faq-box{border-top:1px solid var(--color-black-500);}
.board-faq-box > ul > li{background:var(--color-white); border-bottom:1px solid var(--color-gray-300);}
.board-faq-box > ul > li .faq-head button{display:flex; flex-wrap:wrap; padding:var(--padding-15); width:100%;}
.board-faq-box > ul > li .faq-head button:after{display:block; content:""; width:var(--icon-24); height:var(--icon-24); background:url('/asset/images/icon_arrow_down.svg') no-repeat center / cover;}
.board-faq-box > ul > li .faq-head button b{font-size:var(--font-lg); font-weight:600; color:var(--color-active); width:var(--width-30); text-align:left;}
.board-faq-box > ul > li .faq-head button .subject{font-size:var(--font-lg); font-weight:500; color:var(--color-black); padding:0 var(--padding-15) 0 0; flex:1; min-width:0; text-align:left;}
.board-faq-box > ul > li .faq-head button:hover .subject{text-decoration:underline;}
.board-faq-box > ul > li .faq-body{background:var(--color-gray-100); border-top:1px solid var(--color-gray-300); padding:var(--padding-20) var(--padding-15); display:none; flex-wrap:wrap;}
.board-faq-box > ul > li .faq-body > b{font-size:var(--font-md); font-weight:600; color:var(--color-active); width:var(--width-30); text-align:left;}
.board-faq-box > ul > li .faq-body > .faq-body-inner{flex:1; min-width:0; font-size:var(--font-md);}
.board-faq-box > ul > li .faq-body > .faq-body-inner *:not(.btn){font-size:var(--font-md); text-align:left; margin:0 0 var(--margin-5);}
.board-faq-box > ul > li .faq-body > .faq-body-inner *:not(.btn):last-of-type{margin:0;}
.board-faq-box > ul > li .faq-body > .faq-body-inner img{max-width:100%;}
.board-faq-box > ul > li.active .faq-head button:after{transform:rotate(180deg); filter:var(--filter-active-200);}
.board-faq-box > ul > li.active .faq-head button .subject{color:var(--color-active); font-weight:600;}
.board-faq-box > ul > li.active .faq-body{display:flex;}
/* board-portfolio-box */
.board-portfolio-box{border-top:1px solid var(--color-black-500); padding:var(--padding-20) 0 0;}
.board-portfolio-box > ul{columns:var(--grid-cols); column-gap:var(--gap-15);}
.board-portfolio-box > ul > li{break-inside:avoid; margin-bottom:var(--margin-15); border-radius:var(--radius-5); overflow:hidden; position:relative;}
.board-portfolio-box > ul > li .check-box{position:absolute; left:5px; top:5px; z-index:3;}
.board-portfolio-box > ul > li .more{display:block; position:relative;}
.board-portfolio-box > ul > li .more .list-image img{width:100%;}
.board-portfolio-box > ul > li .more .list-content{transition:all ease 0.3s; pointer-events:none; opacity:0; position:absolute; left:0; bottom:-20px; width:100%; background:rgba(0,0,0,0.5); padding:var(--padding-10); display:flex; flex-wrap:wrap; gap:var(--gap-3);}
.board-portfolio-box > ul > li .more .list-content .subject{width:100%; font-size:var(--font-md); font-weight:600; color:var(--color-white); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:1;}
.board-portfolio-box > ul > li .more .list-content .subject.secret{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-5);}
.board-portfolio-box > ul > li .more .list-content .subject > span{font:inherit; color:inherit;}
.board-portfolio-box > ul > li .more .list-content .text{width:100%; font-size:var(--font-sm); color:var(--color-white); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:1;}
.board-portfolio-box > ul > li .more .list-content .detail{width:100%; display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-3) 0;}
.board-portfolio-box > ul > li .more .list-content .detail > li{font-size:var(--font-xs); color:var(--color-white); display:flex; flex-wrap:wrap; align-items:center;}
.board-portfolio-box > ul > li .more .list-content .detail > li:after{display:block; content:""; width:1px; height:calc(var(--height-25) / 2); margin:0 var(--margin-10); background:var(--color-gray-600);}
.board-portfolio-box > ul > li .more .list-content .detail > li:last-of-type:after{display:none;}
.board-portfolio-box > ul > li .more .list-content .tag-box{display:none;}
.board-portfolio-box > ul > li .more:hover .list-content{pointer-events:inherit; opacity:1; bottom:0;}
@media (max-width:1200px){
.board-portfolio-box > ul{columns:4; column-gap:var(--gap-10);}
}
@media (max-width:991px){
.board-portfolio-box > ul{columns:2; column-gap:var(--gap-10);}
.board-portfolio-box > ul > li{margin-bottom:var(--margin-10);}
.board-portfolio-box > ul > li .more .list-content{display:none !important;}
}
@media (max-width:575px){
.board-portfolio-box > ul{columns:2; column-gap:var(--gap-5);}
.board-portfolio-box > ul > li{margin-bottom:var(--margin-5);}
}
/* board-gallery-box */
.board-gallery-box{padding:var(--padding-25) 0 0;}
.board-gallery-box > ul{display:flex; flex-wrap:wrap; gap:var(--gap-25);}
.board-gallery-box > ul > li{background:var(--color-white); width:calc((100% - var(--gap-25) * (var(--grid-cols) - 1)) / var(--grid-cols)); border:1px solid var(--color-gray-300); position:relative; border-radius:var(--radius-15); overflow:hidden; transition:transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}
.board-gallery-box > ul > li:hover{border-color:var(--color-gray-400); transform:translateY(-4px); box-shadow:0 12px 24px rgba(0,0,0,0.08), 0 4px 8px rgba(0,0,0,0.04);}
.board-gallery-box > ul > li .check-box{position:absolute; left:10px; top:10px; z-index:3;}
.board-gallery-box > ul > li .more{display:block; background:var(--color-white);}
.board-gallery-box > ul > li .more .list-image{position:relative; overflow:hidden; background:var(--color-gray-200);}
.board-gallery-box > ul > li .more .list-image:after{display:block; content:""; padding-bottom:63%;}
.board-gallery-box > ul > li .more .list-image img{position:absolute; left:0; top:0; width:100%; height:100%; transition:transform 0.5s ease;}
.board-gallery-box > ul > li .more .list-image .badge-box{position:absolute; right:10px; top:10px;}
.board-gallery-box > ul > li .more .list-image .list-image-play{position:absolute; left:50%; top:50%; border-radius:50%; transform:translate(-50%,-50%); width:var(--width-50); height:var(--height-50); background:rgba(0,0,0,0.55); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; box-shadow:0 4px 12px rgba(0,0,0,0.18);}
.board-gallery-box > ul > li .more .list-content{padding:var(--padding-20); display:flex; flex-wrap:wrap; gap:var(--gap-5);}
.board-gallery-box > ul > li .more .list-content .subject{width:100%; font-size:var(--font-lg); font-weight:600; color:var(--color-black-900); line-height:1.4; transition:color 0.25s ease;}
.board-gallery-box > ul > li .more .list-content .subject.secret{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-5);}
.board-gallery-box > ul > li .more .list-content .subject > span{font:inherit; color:inherit;}
.board-gallery-box > ul > li .more .list-content .text{width:100%; font-size:var(--font-md); color:var(--color-gray-1200); line-height:1.5;}
.board-gallery-box > ul > li .more .list-content .text *{font-size:inherit;}
.board-gallery-box > ul > li .more .list-content .detail{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-3) 0;}
.board-gallery-box > ul > li .more .list-content .detail > li{font-size:var(--font-sm); color:var(--color-gray-1100); display:flex; flex-wrap:wrap; align-items:center;}
.board-gallery-box > ul > li .more .list-content .detail > li:after{display:inline-block; content:""; width:3px; height:3px; border-radius:50%; margin:0 var(--margin-10); background:var(--color-gray-700);}
.board-gallery-box > ul > li .more .list-content .detail > li:last-of-type:after{display:none;}
.board-gallery-box > ul > li .more:hover .list-image img{transform:scale(1.06);}
.board-gallery-box > ul > li .more:hover .list-content .subject{color:var(--color-active);}
.board-gallery-box > ul > li.is-expired .more .list-image:before{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.55); content:""; z-index:3;}
.board-gallery-box > ul > li.is-expired .more .list-image .badge-box{z-index:4;}
.board-gallery-box.wide > ul > li .more .list-image:after{padding-bottom:42.86%;}
.board-gallery-box.landscape > ul > li .more .list-image:after{padding-bottom:56.5%;}
.board-gallery-box.photo > ul > li .more .list-image:after{padding-bottom:66.67%;}
.board-gallery-box.standard > ul > li .more .list-image:after{padding-bottom:75%;}
.board-gallery-box.square > ul > li .more .list-image:after{padding-bottom:100%;}
.board-gallery-box.portrait > ul > li .more .list-image:after{padding-bottom:133.33%;}
.board-gallery-box.portrait-photo > ul > li .more .list-image:after{padding-bottom:150%;}
@media (max-width:1200px){
.board-gallery-box > ul{gap:var(--gap-20);}
.board-gallery-box > ul > li{width:calc((100% - var(--gap-20) * (var(--grid-cols) - 1)) / var(--grid-cols));}
.board-gallery-box.grid-even > ul > li{width:calc((100% - var(--gap-20) * (min(var(--grid-cols), 4) - 1)) / min(var(--grid-cols), 4));}
.board-gallery-box.grid-odd > ul > li{width:calc((100% - var(--gap-20) * (min(var(--grid-cols), 3) - 1)) / min(var(--grid-cols), 3));}
}
@media (max-width:991px){
.board-gallery-box > ul{gap:var(--gap-15);}
.board-gallery-box > ul > li{width:calc((100% - var(--gap-15) * (var(--grid-cols) - 1)) / var(--grid-cols)); border-radius:var(--radius-12);}
.board-gallery-box.grid-even > ul > li{width:calc((100% - var(--gap-15) * (min(var(--grid-cols), 2) - 1)) / min(var(--grid-cols), 2));}
.board-gallery-box.grid-odd > ul > li{width:calc((100% - var(--gap-15) * (min(var(--grid-cols), 3) - 1)) / min(var(--grid-cols), 3));}
.board-gallery-box > ul > li .more .list-content{padding:var(--padding-15); gap:var(--gap-5);}
.board-gallery-box > ul > li .more .list-content > *{width:100%;}
.board-gallery-box > ul > li .more .list-content .text{margin:0;}
.board-gallery-box > ul > li .more .list-content .detail > li:after{width:2px; height:2px; margin:0 var(--margin-5);}
}
@media (max-width:575px){
.board-gallery-box > ul{gap:var(--gap-20) 0;}
.board-gallery-box > ul > li{width:100%;}
.board-gallery-box.grid-even > ul > li{width:100%;}
.board-gallery-box.grid-odd > ul > li{width:100%;}
}
/* board-webzine-box */
.board-webzine-box > ul{display:flex; flex-wrap:wrap; gap:var(--gap-15); padding:var(--padding-25) 0 0;}
.board-webzine-box > ul > li{width:calc((100% - var(--gap-15) * (var(--grid-cols) - 1)) / var(--grid-cols)); background:var(--color-white); border:1px solid var(--color-gray-300); border-radius:var(--radius-15); overflow:hidden; position:relative; transition:transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;}
.board-webzine-box > ul > li:hover{border-color:var(--color-gray-500); transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.03);}
.board-webzine-box > ul > li .check-box{position:absolute; left:10px; top:10px; z-index:3;}
.board-webzine-box > ul > li .more{display:flex; flex-wrap:wrap; align-items:center; padding:var(--padding-20); background:var(--color-white); gap:var(--gap-20);}
.board-webzine-box > ul > li .more .list-image{position:relative; width:200px; overflow:hidden; border-radius:var(--radius-10); background:var(--color-gray-200); flex-shrink:0;}
.board-webzine-box > ul > li .more .list-image:after{display:block; content:""; padding-bottom:63%;}
.board-webzine-box > ul > li .more .list-image img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease;}
.board-webzine-box > ul > li .more .list-image .badge-box{position:absolute; right:10px; top:10px;}
.board-webzine-box > ul > li .more .list-content{flex:1; min-width:0; display:flex; flex-direction:column; gap:var(--gap-5);}
.board-webzine-box > ul > li .more .list-content .subject{font-size:var(--font-lg); font-weight:600; color:var(--color-black-900); line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color 0.25s ease;}
.board-webzine-box > ul > li .more .list-content .subject.secret{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-5);}
.board-webzine-box > ul > li .more .list-content .subject > span{font:inherit; color:inherit;}
.board-webzine-box > ul > li .more .list-content .text{font-size:var(--font-md); color:var(--color-gray-1200); line-height:1.5; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.board-webzine-box > ul > li .more .list-content .detail{display:flex; flex-wrap:wrap; align-items:center; margin:var(--margin-5) 0 0;}
.board-webzine-box > ul > li .more .list-content .detail > li{font-size:var(--font-sm); color:var(--color-gray-1100); display:flex; flex-wrap:wrap; align-items:center;}
.board-webzine-box > ul > li .more .list-content .detail > li:after{display:inline-block; content:""; width:3px; height:3px; border-radius:50%; margin:0 var(--margin-10); background:var(--color-gray-700);}
.board-webzine-box > ul > li .more .list-content .detail > li:last-of-type:after{display:none;}
.board-webzine-box > ul > li .more:hover .list-image img{transform:scale(1.06);}
.board-webzine-box > ul > li .more:hover .list-content .subject{color:var(--color-active);}
.board-webzine-box.wide > ul > li .more .list-image:after{padding-bottom:42.86%;}
.board-webzine-box.landscape > ul > li .more .list-image:after{padding-bottom:56.5%;}
.board-webzine-box.photo > ul > li .more .list-image:after{padding-bottom:66.67%;}
.board-webzine-box.standard > ul > li .more .list-image:after{padding-bottom:75%;}
.board-webzine-box.square > ul > li .more .list-image:after{padding-bottom:100%;}
.board-webzine-box.portrait > ul > li .more .list-image:after{padding-bottom:133.33%;}
.board-webzine-box.portrait-photo > ul > li .more .list-image:after{padding-bottom:150%;}
@media (max-width:1200px){
.board-webzine-box > ul{gap:var(--gap-10); padding:var(--padding-20) 0 0;}
.board-webzine-box > ul > li{border-radius:var(--radius-12); width:calc((100% - var(--gap-10) * (var(--grid-cols) - 1)) / var(--grid-cols));}
.board-webzine-box > ul > li .more{padding:var(--padding-15); gap:var(--gap-15);}
.board-webzine-box > ul > li .more .list-image{width:160px; border-radius:var(--radius-8);}
}
@media (max-width:767px){
.board-webzine-box > ul > li{width:100%;}
.board-webzine-box > ul > li .more{padding:var(--padding-15); gap:var(--gap-10);}
.board-webzine-box > ul > li .more .list-image{width:120px;}
.board-webzine-box > ul > li .more .list-content .text{margin:0;}
.board-webzine-box > ul > li .more .list-content .detail{margin:0;}
}
/* board-survey-box */
.board-survey-box > ul > li{margin:0 0 var(--margin-15); position:relative;}
.board-survey-box > ul > li:last-of-type{margin:0;}
.board-survey-box > ul > li .check-box{position:absolute; left:10px; top:10px; z-index:4;}
.board-survey-box > ul > li .more{transition:transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; display:block; background:var(--color-white); border-radius:var(--radius-15); padding:var(--padding-25); border:1px solid var(--color-gray-300);}
.board-survey-box > ul > li .more .survey-top{display:flex; flex-wrap:wrap; align-items:flex-start; gap:var(--gap-10) var(--gap-20);}
.board-survey-box > ul > li .more .survey-top .top-left{flex:1; min-width:0; display:flex; flex-wrap:wrap; gap:var(--gap-10);}
.board-survey-box > ul > li .more .survey-top .top-left > *{width:100%;}
.board-survey-box > ul > li .more .survey-top .top-left .subject{font-size:var(--font-xl); font-weight:700; color:var(--color-black-900); line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color 0.25s ease;}
.board-survey-box > ul > li .more .survey-top .top-left .subject.secret{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-5);}
.board-survey-box > ul > li .more .survey-top .top-left .subject > span{font:inherit; color:inherit;}
.board-survey-box > ul > li .more .survey-top .top-left .text{font-size:var(--font-md); color:var(--color-gray-1200); line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.board-survey-box > ul > li .more .survey-top .top-left .detail{display:flex; flex-wrap:wrap; align-items:center; gap:0;}
.board-survey-box > ul > li .more .survey-top .top-left .detail li{font-size:var(--font-sm); color:var(--color-gray-1100); display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-3);}
.board-survey-box > ul > li .more .survey-top .top-left .detail li:after{display:inline-block; content:""; width:3px; height:3px; border-radius:50%; background:var(--color-gray-700); margin:0 var(--margin-10);}
.board-survey-box > ul > li .more .survey-top .top-left .detail li:last-of-type:after{display:none;}
.board-survey-box > ul > li .more .survey-top .top-left .detail li b{font-size:inherit; color:var(--color-black-900); font-weight:700;}
.board-survey-box > ul > li .more .survey-top .top-left .tag-box{margin:0;}
.board-survey-box > ul > li .more .survey-top .top-left .tag-box > *{height:var(--height-25); padding:0 var(--padding-10); font-size:var(--font-xs); font-weight:500; border-radius:50px; background:var(--color-gray-100); border:1px solid var(--color-gray-300); color:var(--color-gray-1200);}
.board-survey-box > ul > li .more .survey-top .top-right{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-5); flex-shrink:0;}
.board-survey-box > ul > li .more .survey-top .top-right b{display:inline-flex; align-items:center; height:var(--height-25); padding:0 var(--padding-10); border:1px solid color-mix(in srgb, var(--color-active) 50%, transparent); color:var(--color-active); background:color-mix(in srgb, var(--color-active) 8%, transparent); font-size:var(--font-xs); font-weight:700; border-radius:50px; letter-spacing:0.02em;}
.board-survey-box > ul > li .more .survey-top .top-progress{width:100%; display:flex; flex-wrap:wrap; gap:var(--gap-10);}
.board-survey-box > ul > li .more .survey-top .top-progress p{order:1; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:var(--font-sm); color:var(--color-gray-1200); font-weight:500;}
.board-survey-box > ul > li .more .survey-top .top-progress p b{font-size:var(--font-md); font-weight:700; color:var(--color-active);}
.board-survey-box > ul > li .more .survey-top .top-progress .progress{order:2; width:100%; height:8px; border-radius:50px; background:var(--color-gray-300); position:relative; overflow:hidden;}
.board-survey-box > ul > li .more .survey-top .top-progress .progress .progress-bar{position:absolute; left:0; top:0; height:100%; background:linear-gradient(to right, var(--color-active), color-mix(in srgb, var(--color-active) 60%, transparent)); border-radius:50px; transition:width 0.5s ease;}
.board-survey-box > ul > li .more .survey-bottom{margin:var(--margin-20) 0 0; padding:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--gap-10);}
.board-survey-box > ul > li .more .survey-bottom p{display:flex; flex-wrap:wrap; align-items:center; font-size:var(--font-sm); color:var(--color-gray-1100); gap:var(--gap-5);}
.board-survey-box > ul > li .more .survey-bottom p:before{display:inline-block; content:""; width:var(--icon-16); height:var(--icon-16); background:url('/asset/images/icon_time.svg') no-repeat center / cover; filter:var(--filter-gray-1000);}
.board-survey-box > ul > li .more:hover{border-color:var(--color-gray-500); transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.03);}
.board-survey-box > ul > li .more:hover .survey-top .top-left .subject{color:var(--color-active);}
@media (max-width:1200px){
.board-survey-box > ul > li .more{padding:var(--padding-20); border-radius:var(--radius-12);}
.board-survey-box > ul > li .more .survey-top .top-left .subject{font-size:var(--font-lg);}
.board-survey-box > ul > li .more .survey-top{gap:var(--gap-10) var(--gap-15);}
.board-survey-box > ul > li .more .survey-bottom{margin:var(--margin-15) 0 0;}
}
/* board-survey-result-box */
.board-survey-result-box > ul > li{margin:0 0 var(--margin-15); background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:var(--radius-10);}
.board-survey-result-box > ul > li:last-of-type{margin:0;}
.board-survey-result-box > ul > li .result-head{padding:var(--padding-15); border-bottom:1px solid var(--color-gray-300); display:flex; flex-wrap:wrap; align-items:flex-start; gap:var(--gap-10);}
.board-survey-result-box > ul > li .result-head .head-number em{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50%; width:var(--width-25); height:var(--height-25); background:var(--color-active); color:var(--color-white);}
.board-survey-result-box > ul > li .result-head .head-content{display:flex; flex-wrap:wrap; gap:var(--gap-3); flex:1; min-width:0;}
.board-survey-result-box > ul > li .result-head .head-content .subject{font-size:var(--font-lg); font-weight:600; width:100%;}
.board-survey-result-box > ul > li .result-head .head-count p{font-size:var(--font-sm); color:var(--color-black-300);}
.board-survey-result-box > ul > li .result-body{padding:var(--padding-15);}
.board-survey-result-box > ul > li .result-body > ul > li{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-10); margin:0 0 var(--margin-10); border-radius:var(--radius-10); padding:var(--padding-15); border:1px solid var(--color-gray-400);}
.board-survey-result-box > ul > li .result-body > ul > li:last-of-type{margin:0;}
.board-survey-result-box > ul > li .result-body > ul > li .body-rank em{font-size:var(--font-sm); font-weight:500; color:var(--color-gray-1000);}
.board-survey-result-box > ul > li .result-body > ul > li .body-content{gap:var(--gap-5); flex:1; min-width:0; display:flex; flex-wrap:wrap;}
.board-survey-result-box > ul > li .result-body > ul > li .body-content .content-top{gap:var(--gap-5); display:flex; flex-wrap:wrap;}
.board-survey-result-box > ul > li .result-body > ul > li .body-content .content-top b{font-size:var(--font-md); font-weight:600;}
.board-survey-result-box > ul > li .result-body > ul > li .body-content .content-bottom{width:100%; height:var(--height-5); font-size:0; border-radius:50px; background:var(--color-gray-400); position:relative;}
.board-survey-result-box > ul > li .result-body > ul > li .body-content .content-bottom .progress{position:absolute; left:0; top:0; height:100%; border-radius:50px; background:var(--color-gray-800); font-size:0;}
.board-survey-result-box > ul > li .result-body > ul > li .body-count p{text-align:right;}
.board-survey-result-box > ul > li .result-body > ul > li .body-count p strong{font-size:var(--font-md); font-weight:600; color:var(--color-black-400); display:block;}
.board-survey-result-box > ul > li .result-body > ul > li .body-count p span{font-size:var(--font-sm); color:var(--color-gray-1000);}
.board-survey-result-box > ul > li .result-body > ul > li:first-of-type{border-color:var(--color-active); background:color-mix(in srgb, var(--color-active) 5%, transparent);}
.board-survey-result-box > ul > li .result-body > ul > li:first-of-type .body-rank em{color:var(--color-active); font-weight:600;}
.board-survey-result-box > ul > li .result-body > ul > li:first-of-type .body-content .content-bottom .progress{background:linear-gradient(to right, var(--color-active), color-mix(in srgb, var(--color-active) 50%, transparent));}
.board-survey-result-box > ul > li .result-body > ul > li.selected{border-color:var(--color-active); background:color-mix(in srgb, var(--color-active) 5%, transparent);}
.board-survey-result-box > ul > li .result-body > ul > li.selected .body-rank em{color:var(--color-active); font-weight:600;}
.board-survey-result-box > ul > li .result-body > ul > li.selected .body-content .content-bottom .progress{background:linear-gradient(to right, var(--color-active), color-mix(in srgb, var(--color-active) 50%, transparent));}
.board-survey-result-box > ul > li .result-none{padding:var(--padding-30) var(--padding-15);}
.board-survey-result-box > ul > li .result-none p:before{display:block; content:""; width:var(--icon-20); height:var(--icon-20); margin:0 auto var(--margin-5); background:url('/asset/images/icon_close.svg') no-repeat center / cover; filter:var(--filter-gray-700);}
.board-survey-result-box > ul > li .result-none p{text-align:center; color:var(--color-gray-1000); word-break:keep-all;}
/* board-review-box */
.board-review-box > ul > li{transition:transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; position:relative; margin:0 0 var(--margin-15); background:var(--color-white); border:1px solid var(--color-gray-300); border-radius:var(--radius-15);}
.board-review-box > ul > li:last-of-type{margin:0;}
.board-review-box > ul > li .check-box{position:absolute; left:10px; top:10px; z-index:4;}
.board-review-box > ul > li .more{display:block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.board-review-box > ul > li .review-head{padding:var(--padding-20) var(--padding-20) 0; display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-10);}
.board-review-box > ul > li .review-head .head-left{display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; gap:var(--gap-10);}
.board-review-box > ul > li .review-head .head-left .left-thumb img{width:var(--width-45); height:var(--height-45); border-radius:50%; object-fit:cover;}
.board-review-box > ul > li .review-head .head-left .left-thumb span{width:var(--width-45); height:var(--height-45); border-radius:50%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:var(--color-gray-200); font-size:0;}
.board-review-box > ul > li .review-head .head-left .left-thumb span:after{display:inline-block; content:""; width:var(--icon-24); height:var(--icon-24); background:url('/asset/images/icon_user.svg') no-repeat center / cover; filter:var(--filter-black-500);}
.board-review-box > ul > li .review-head .head-left .left-content{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-3) var(--gap-5); flex:1; min-width:0;}
.board-review-box > ul > li .review-head .head-left .left-content strong{font-size:var(--font-md); font-weight:600; color:var(--color-black-900);}
.board-review-box > ul > li .review-head .head-left .left-content i.icon{flex-shrink:0;}
.board-review-box > ul > li .review-head .head-left .left-content span{font-size:var(--font-sm); color:var(--color-gray-1100); width:100%;}
.board-review-box > ul > li .review-head .head-right{flex-shrink:0;}
.board-review-box > ul > li .review-head .head-right .star-result-box .star{width:var(--icon-16); height:var(--icon-16);}
.board-review-box > ul > li .review-head .head-right .star-result-box .star-total{font-size:var(--font-md); font-weight:700; color:var(--color-black-900); margin:0 0 0 var(--margin-5);}
.board-review-box > ul > li .review-body{padding:var(--padding-15) var(--padding-20); display:flex; flex-wrap:wrap; gap:var(--gap-15);}
.board-review-box > ul > li .review-body .body-content{flex:1; min-width:0; display:flex; flex-wrap:wrap; align-content:flex-start; gap:var(--gap-5);}
.board-review-box > ul > li .review-body .body-content .subject{font-size:var(--font-lg); font-weight:600; color:var(--color-black-900); width:100%; line-height:1.4; transition:color 0.25s ease;}
.board-review-box > ul > li .review-body .body-content .text{width:100%; font-size:var(--font-md); color:var(--color-gray-1200); line-height:1.55;}
.board-review-box > ul > li .review-body .body-image{width:90px; height:90px; border-radius:var(--radius-10); overflow:hidden; position:relative; flex-shrink:0;}
.board-review-box > ul > li .review-body .body-image img{width:100%; height:100%; object-fit:cover;}
.board-review-box > ul > li .review-body .body-image span{position:absolute; left:0; top:0; width:100%; height:100%; font-size:var(--font-sm); font-weight:600; color:var(--color-white); background:rgba(0,0,0,0.55); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.board-review-box > ul > li .review-body .body-detail{width:100%;}
.board-review-box > ul > li .review-body .body-detail .tag-box{margin:0; gap:var(--gap-5);}
.board-review-box > ul > li .review-body .body-detail .tag-box > *{height:var(--height-25); padding:0 var(--padding-10); font-size:var(--font-xs); font-weight:500; border-radius:50px; background:var(--color-gray-100); border:1px solid var(--color-gray-300); color:var(--color-gray-1200);}
.board-review-box > ul > li .review-foot{padding:0 var(--padding-20) var(--padding-20); display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-10);}
.board-review-box > ul > li .review-foot p{color:var(--color-gray-1100); font-size:var(--font-sm);}
.board-review-box > ul > li .review-foot .board-recommend-box{margin:0;}
.board-review-box > ul > li .review-foot .board-recommend-box ul{background:none; padding:0; gap:var(--gap-5); border:0;}
.board-review-box > ul > li .review-foot .board-recommend-box ul li button{position:relative; z-index:3; display:inline-flex; align-items:center; gap:var(--gap-3); font-size:var(--font-xs); font-weight:500; border:1px solid var(--color-gray-300); padding:var(--padding-5) var(--padding-10); border-radius:50px; color:var(--color-gray-1200); background:var(--color-white); transition:all 0.2s ease;}
.board-review-box > ul > li .review-foot .board-recommend-box ul li button b{font-size:inherit; font-weight:700;}
.board-review-box > ul > li .review-foot .board-recommend-box ul li button:hover{border-color:var(--color-gray-500); background:var(--color-gray-100);}
.board-review-box > ul > li .review-foot .board-recommend-box ul li button.active{border-color:var(--color-active); color:var(--color-active); background:color-mix(in srgb, var(--color-active) 8%, transparent);}
.board-review-box > ul > li:hover{border-color:var(--color-gray-500); transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.03);}
.board-review-box > ul > li:hover .review-body .body-content .subject{color:var(--color-active);}
@media (max-width:1200px){
.board-review-box > ul > li{border-radius:var(--radius-12);}
.board-review-box > ul > li .review-head{padding:var(--padding-15) var(--padding-15) 0; gap:var(--gap-5);}
.board-review-box > ul > li .review-head .head-left .left-content{gap:0 var(--gap-5);}
.board-review-box > ul > li .review-body{padding:var(--padding-10) var(--padding-15); gap:var(--gap-10);}
.board-review-box > ul > li .review-body .body-image{width:75px; height:75px; border-radius:var(--radius-8);}
.board-review-box > ul > li .review-foot{padding:0 var(--padding-15) var(--padding-15);}
}
@media (max-width:375px){
.board-review-box > ul > li .review-head .head-left .left-thumb img{width:var(--width-35); height:var(--height-35);}
.board-review-box > ul > li .review-head .head-left .left-thumb span{width:var(--width-35); height:var(--height-35);}
}
/* board-timeline-box */
.board-timeline-box{padding:var(--padding-25) 0 0;}
.board-timeline-box > ul > li{display:flex; flex-wrap:wrap; position:relative;}
.board-timeline-box > ul > li .list-time{width:150px; margin:0 var(--margin-35) 0 0; padding:0 0 var(--padding-30); border-right:1px solid var(--color-gray-300); position:relative;}
.board-timeline-box > ul > li .list-time strong{font-size:var(--font-xl); font-weight:700; color:var(--color-black-900);}
.board-timeline-box > ul > li .list-time:after{position:absolute; right:-7px; top:8px; width:14px; height:14px; border-radius:50%; background:var(--color-active); box-shadow:0 0 0 4px color-mix(in srgb, var(--color-active) 12%, transparent); content:"";}
.board-timeline-box > ul > li .list-content{flex:1; min-width:0;}
.board-timeline-box > ul > li .list-content > ul > li{margin:0 0 var(--margin-15); position:relative;}
.board-timeline-box > ul > li .list-content > ul > li:last-of-type{margin:0 0 var(--margin-30);}
.board-timeline-box > ul > li:last-of-type .list-content > ul > li:last-of-type{margin:0;}
.board-timeline-box > ul > li .list-content > ul > li .check-box{position:absolute; right:10px; top:10px; z-index:5;}
.board-timeline-box > ul > li .list-content > ul > li .inner{display:flex; flex-wrap:wrap; gap:var(--gap-15); background:var(--color-white); transition:transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; border:1px solid var(--color-gray-300); border-radius:var(--radius-15); padding:var(--padding-20);}
.board-timeline-box > ul > li .list-content > ul > li .inner .content-image{width:90px; height:90px; border-radius:var(--radius-10); overflow:hidden; flex-shrink:0; background:var(--color-gray-200);}
.board-timeline-box > ul > li .list-content > ul > li .inner .content-image img{width:100%; height:100%; object-fit:cover;}
.board-timeline-box > ul > li .list-content > ul > li .inner .content-detail{flex:1; min-width:0; display:flex; flex-wrap:wrap; align-content:center; gap:var(--gap-5);}
.board-timeline-box > ul > li .list-content > ul > li .inner .content-detail .subject{width:100%; font-size:var(--font-lg); font-weight:600; color:var(--color-black-900); line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color 0.25s ease;}
.board-timeline-box > ul > li .list-content > ul > li .inner .content-detail .subject.secret{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-5);}
.board-timeline-box > ul > li .list-content > ul > li .inner .content-detail .subject > span{font:inherit; color:inherit;}
.board-timeline-box > ul > li .list-content > ul > li .inner .content-detail .text{width:100%; font-size:var(--font-md); color:var(--color-gray-1200); line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.board-timeline-box > ul > li .list-content > ul > li .inner .content-detail .detail{display:flex; flex-wrap:wrap; align-items:center; width:100%;}
.board-timeline-box > ul > li .list-content > ul > li .inner .content-detail .detail li{font-size:var(--font-sm); color:var(--color-gray-1100); display:flex; flex-wrap:wrap; align-items:center;}
.board-timeline-box > ul > li .list-content > ul > li .inner .content-detail .detail li:after{display:inline-block; content:""; width:3px; height:3px; border-radius:50%; margin:0 var(--margin-10); background:var(--color-gray-700);}
.board-timeline-box > ul > li .list-content > ul > li .inner .content-detail .detail li:last-of-type:after{display:none;}
.board-timeline-box > ul > li .list-content > ul > li .inner .content-detail .detail li b{font-size:inherit; color:var(--color-black-900); font-weight:700;}
.board-timeline-box > ul > li .list-content > ul > li .inner:hover{border-color:var(--color-gray-500); transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.03);}
.board-timeline-box > ul > li .list-content > ul > li .inner:hover .content-detail .subject{color:var(--color-active);}
@media (max-width:1200px){
.board-timeline-box > ul > li{margin:0 0 var(--margin-15);}
.board-timeline-box > ul > li:last-of-type{margin:0;}
.board-timeline-box > ul > li .list-time{width:100%; margin:0; padding:0 0 var(--padding-15); border:0;}
.board-timeline-box > ul > li .list-time:after{display:none;}
.board-timeline-box > ul > li .list-content{position:relative; border-left:1px solid var(--color-gray-300); padding:0 0 0 var(--padding-25); flex:none; width:calc(100% - 15px); margin:0 0 0 var(--margin-15);}
.board-timeline-box > ul > li .list-content:after{position:absolute; left:-7px; top:0; width:14px; height:14px; border-radius:50%; background:var(--color-active); box-shadow:0 0 0 4px color-mix(in srgb, var(--color-active) 12%, transparent); content:"";}
.board-timeline-box > ul > li .list-content > ul > li:last-of-type{margin:0 0 var(--margin-25);}
.board-timeline-box > ul > li .list-content > ul > li .inner{padding:var(--padding-15); border-radius:var(--radius-12); gap:var(--gap-10);}
.board-timeline-box > ul > li .list-content > ul > li .inner .content-image{width:75px; height:75px; border-radius:var(--radius-8);}
}
/* board-map-box */
.board-map-box{overflow:hidden; border-radius:var(--radius-15); border:1px solid var(--color-gray-300); display:flex; flex-wrap:wrap; background:var(--color-white);}
.board-map-box .map-frame{width:50%; position:relative; background:var(--color-gray-200);}
.board-map-box .map-frame:after{display:block; content:""; height:100%;}
.board-map-box .map-frame iframe{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.board-map-box .map-frame #kakaoMap{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.board-map-box .map-list{flex:1; min-width:0;}
.board-map-box .map-list > ul{max-height:600px; overflow-y:auto;}
.board-map-box .map-list > ul::-webkit-scrollbar{width:6px; background:transparent;}
.board-map-box .map-list > ul::-webkit-scrollbar-thumb{background:var(--color-gray-500); border-radius:50px;}
.board-map-box .map-list > ul::-webkit-scrollbar-track{background:transparent;}
.board-map-box .map-list > ul > li{border-bottom:1px solid var(--color-gray-300); position:relative; transition:background 0.25s ease;}
.board-map-box .map-list > ul > li:last-of-type{border-bottom:0;}
.board-map-box .map-list > ul > li .check-box{position:absolute; right:10px; top:10px; z-index:10;}
.board-map-box .map-list > ul > li .more{display:flex; flex-wrap:wrap; align-items:center; padding:var(--padding-15); gap:var(--gap-15);}
.board-map-box .map-list > ul > li .more .list-image{width:90px; position:relative; overflow:hidden; border-radius:var(--radius-10); flex-shrink:0; background:var(--color-gray-200);}
.board-map-box .map-list > ul > li .more .list-image:after{display:block; content:""; padding-bottom:100%;}
.board-map-box .map-list > ul > li .more .list-image img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease;}
.board-map-box .map-list > ul > li .more .list-content{flex:1; min-width:0; padding:0; display:flex; flex-direction:column; gap:var(--gap-5);}
.board-map-box .map-list > ul > li .more .list-content .subject{font-size:var(--font-lg); font-weight:600; color:var(--color-black-900); line-height:1.4; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:color 0.25s ease;}
.board-map-box .map-list > ul > li .more .list-content .subject.secret{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-5);}
.board-map-box .map-list > ul > li .more .list-content .subject > span{font:inherit; color:inherit;}
.board-map-box .map-list > ul > li .more .list-content ul{margin:0; display:flex; flex-direction:column; gap:var(--gap-3);}
.board-map-box .map-list > ul > li .more .list-content ul li{display:flex; flex-wrap:nowrap; align-items:center;}
.board-map-box .map-list > ul > li .more .list-content ul li:before{display:inline-block; content:""; width:var(--icon-16); height:var(--icon-16); margin:0 var(--margin-5) 0 0; background-size:cover; background-position:center; filter:var(--filter-gray-1000); flex-shrink:0;}
.board-map-box .map-list > ul > li .more .list-content ul li p{flex:1; min-width:0; font-size:var(--font-sm); color:var(--color-gray-1200); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-map-box .map-list > ul > li .more .list-content ul li.address:before{background-image:url('/asset/images/icon_location.svg');}
.board-map-box .map-list > ul > li .more .list-content ul li.call:before{background-image:url('/asset/images/icon_call.svg');}
.board-map-box .map-list > ul > li .more .list-content ul li.time:before{background-image:url('/asset/images/icon_time.svg');}
.board-map-box .map-list > ul > li .more:hover{background:var(--color-gray-200);}
.board-map-box .map-list > ul > li .more:hover .list-image img{transform:scale(1.06);}
.board-map-box .map-list > ul > li .more:hover .list-content .subject{color:var(--color-active);}
.board-map-box .map-list > ul > li.active .more{background:color-mix(in srgb, var(--color-active) 5%, transparent);}
.board-map-box .map-list > ul > li.active .more .list-content .subject{color:var(--color-active);}
.board-map-box .map-list > ul > li.active:before{position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--color-active); content:""; z-index:5;}
.board-map-box .map-list > ul > li.active .more:hover{background:color-mix(in srgb, var(--color-active) 8%, transparent);}
@media (max-width:1200px){
.board-map-box .map-frame{width:450px;}
.board-map-box .map-list > ul{max-height:450px;}
}
@media (max-width:991px){
.board-map-box .map-list > ul > li .more{padding:var(--padding-10) var(--padding-15); gap:var(--gap-10);}
.board-map-box .map-list > ul > li .more .list-image{width:80px;}
}
@media (max-width:800px){
.board-map-box .map-frame{width:100%;}
.board-map-box .map-frame:after{padding-bottom:60%;}
.board-map-box .map-list{flex:none; width:100%; border-top:1px solid var(--color-gray-300);}
}
/* board-write-box */
.board-write-box{border:1px solid #e8eaed; background:var(--color-white); border-radius:var(--radius-10); overflow:hidden; border:1px solid var(--color-gray-300);}
.board-write-box table{table-layout:fixed; margin-top:-1px;}
.board-write-box table tbody tr > *{font-size:var(--font-sm); padding:var(--padding-10) var(--padding-15); border:1px solid #f0f2f5; border-width:1px 1px 0 0; text-align:left;}
.board-write-box table tbody tr > *:last-child{border-right:0;}
.board-write-box table tbody tr th{word-break:keep-all; font-weight:500; background:var(--color-gray-200); position:relative;}
.board-write-box table tbody tr th.required:after{display:inline-block; content:"*"; font-size:var(--font-md); font-weight:300; color:var(--color-danger-200); margin:0 0 0 var(--margin-5);}
.board-write-box table tbody tr td{background:var(--color-white); transition:background-color .15s ease;}
.board-write-box table tbody tr td:focus-within{background:var(--color-gray-100);}
.board-write-box table tbody tr td p{font-size:var(--font-md);}
.board-write-box table tbody tr td .select-box select{height:var(--height-35);}
.board-write-box table tbody tr td .input-box input{height:var(--height-35);}
.board-write-box table tbody tr td .input-box input[type=date]:after, .board-write-box table tbody tr td .input-box input[type=datetime-local]:after{width:var(--icon-20); height:var(--icon-20);}
.board-write-box table tbody tr td .button-box .btn{height:var(--height-35);}
.board-write-box table tbody tr td .file-box .file-name p{height:var(--height-35); line-height:var(--height-35);}
.board-write-box table tbody tr:first-of-type > *{border-top:0;}
.board-write-box table tbody tr:last-of-type > *{border-bottom:0;}
@media (max-width:991px){
.board-write-box table colgroup{display:none;}
.board-write-box table tbody{display:block;}
.board-write-box table tbody tr{display:flex; flex-wrap:wrap;}
.board-write-box table tbody tr > *{padding:var(--padding-10);}
.board-write-box table tbody tr th{width:110px; display:flex; flex-wrap:wrap; align-items:center; word-break:keep-all;}
.board-write-box table tbody tr th.required:after{position:absolute; right:3px; top:3px;}
.board-write-box table tbody tr th.title-cell{width:100%; text-align:center; background:var(--color-active); color:var(--color-white);}
.board-write-box table tbody tr td{width:calc(100% - 110px); border-right:0;}
}
@media (max-width:767px){
.board-write-box table tbody tr th{width:100%; border-right:0;}
.board-write-box table tbody tr td{width:100%;}
}
/* board-view-box */
.board-view-box{border-top:1px solid var(--color-black-500); background:var(--color-white);}
.board-view-box .view-head{border-bottom:1px solid var(--color-gray-400); padding:var(--padding-15);}
.board-view-box .view-head .head-subject{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-10);}
.board-view-box .view-head .head-subject .badge-box{font-size:var(--font-lg);}
.board-view-box .view-head .head-subject h2{font-size:var(--font-xl); font-weight:600; flex:1; min-width:0;}
.board-view-box .view-head .head-info{margin:var(--margin-10) 0 0;}
.board-view-box .view-head .head-info > ul{display:flex; flex-wrap:wrap; align-items:center;}
.board-view-box .view-head .head-info > ul > li{display:flex; flex-wrap:wrap; align-items:center; font-size:var(--font-sm); color:var(--color-gray-1000);}
.board-view-box .view-head .head-info > ul > li:after{display:inline-block; content:""; width:1px; height:calc(var(--height-25) / 2); margin:0 var(--padding-10); background:var(--color-gray-400);}
.board-view-box .view-head .head-info > ul > li:last-of-type:after{display:none;}
.board-view-box .view-body .view-body-survey{padding:var(--padding-30);}
.board-view-box .view-body .view-body-link{border-bottom:1px solid var(--color-gray-400); padding:var(--padding-10) var(--padding-15);}
.board-view-box .view-body .view-body-link > ul > li{margin:0 0 var(--margin-5);}
.board-view-box .view-body .view-body-link > ul > li:last-of-type{margin:0;}
.board-view-box .view-body .view-body-link > ul > li a{display:flex; align-items:center;}
.board-view-box .view-body .view-body-link > ul > li a:after{flex-shrink:0; display:block; content:""; width:var(--icon-20); height:var(--icon-20); margin:0 0 0 var(--margin-5); background:url('/asset/images/icon_link.svg') no-repeat center / cover;}
.board-view-box .view-body .view-body-link > ul > li a p{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:var(--font-md);}
.board-view-box .view-body .view-body-link > ul > li a:hover p{text-decoration:underline;}
.board-view-box .view-body .view-body-content{border-bottom:1px solid var(--color-gray-400); padding:var(--padding-40) var(--padding-15); font-size:var(--font-md);}
.board-view-box .view-body .view-body-content *{font-size:inherit;}
.board-view-box .view-body .view-body-content p{font-size:var(--font-md); color:var(--color-gray-1000);}
.board-view-box .view-body .view-body-content img{display:block; max-width:100%;}
.board-view-box .view-body .view-body-file{padding:var(--padding-15);}
.board-view-box .view-body .view-body-list > ul{border-top:1px solid var(--color-black);}
.board-view-box .view-body .view-body-list > ul > li{border-bottom:1px solid var(--color-gray-300);}
.board-view-box .view-body .view-body-list > ul > li .more{display:flex; align-items:center; padding:var(--padding-15);}
.board-view-box .view-body .view-body-list > ul > li .more b{font-size:var(--font-md); border-radius:50px; min-width:90px; padding:0 var(--padding-10); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:var(--height-30); background:var(--color-active); color:var(--color-white);}
.board-view-box .view-body .view-body-list > ul > li .more b:after{display:block; content:""; width:var(--icon-20); height:var(--icon-20); margin:0 0 0 var(--margin-5); filter:var(--filter-white); background-size:cover; background-position:center;}
.board-view-box .view-body .view-body-list > ul > li .more p{flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:var(--font-md); padding:0 var(--padding-15);}
.board-view-box .view-body .view-body-list > ul > li .more time{font-size:var(--font-sm); color:var(--color-gray-1000);}
.board-view-box .view-body .view-body-list > ul > li .more:hover p{text-decoration:underline;}
.board-view-box .view-body .view-body-list > ul > li.prev .more b:after{background-image:url('/asset/images/icon_arrow_up.svg');}
.board-view-box .view-body .view-body-list > ul > li.next .more b:after{background-image:url('/asset/images/icon_arrow_down.svg');}
.board-view-box .view-body .view-body-frame{position:relative; width:100%;}
.board-view-box .view-body .view-body-frame:after{display:block; content:""; padding-bottom:56.5%;}
.board-view-box .view-body .view-body-frame iframe{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.board-view-box .view-body .view-body-map{border-bottom:1px solid var(--color-gray-400); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:var(--padding-20);}
.board-view-box .view-body .view-body-map .map-inner{display:flex; flex-wrap:wrap; align-items:center; max-width:600px; width:100%;}
.board-view-box .view-body .view-body-map .map-inner .map-left{width:100%; position:relative; border:1px solid var(--color-gray-400);}
.board-view-box .view-body .view-body-map .map-inner .map-left:after{display:block; content:""; padding-bottom:60%;}
.board-view-box .view-body .view-body-map .map-inner .map-left #kakaoMapView{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.board-view-box .view-body .view-body-map .map-inner .map-right{padding:var(--padding-20); width:100%; border:1px solid var(--color-gray-400); border-top:0;}
.board-view-box .view-body .view-body-map .map-inner .map-right ul{margin:var(--margin-5) 0 0;}
.board-view-box .view-body .view-body-map .map-inner .map-right ul li{display:flex; flex-wrap:wrap; align-items:center;}
.board-view-box .view-body .view-body-map .map-inner .map-right ul li:before{display:inline-block; content:""; width:var(--icon-16); height:var(--icon-16); margin:0 var(--margin-5) 0 0; background-size:cover; background-position:center; filter:var(--filter-gray-900);}
.board-view-box .view-body .view-body-map .map-inner .map-right ul li p{flex:1; min-width:0; font-size:var(--font-md); color:var(--color-gray-1000); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-view-box .view-body .view-body-map .map-inner .map-right ul li.address:before{background-image:url('/asset/images/icon_location.svg');}
.board-view-box .view-body .view-body-map .map-inner .map-right ul li.call:before{background-image:url('/asset/images/icon_call.svg');}
.board-view-box .view-body .view-body-map .map-inner .map-right ul li.time:before{background-image:url('/asset/images/icon_time.svg');}
.board-view-box .view-body .view-body-tag{padding:var(--padding-10);}
.board-view-box .view-body .view-body-tag .tag-box{margin:0;}
.board-view-box .view-body .view-body-tag .tag-box span{height:var(--height-25); font-size:var(--font-sm);}
@media (max-width:991px){
.board-view-box .view-head{padding:var(--padding-10) 0;}
.board-view-box .view-head .head-subject{gap:var(--gap-5);}
.board-view-box .view-head .head-info{margin:var(--margin-5) 0 0;}
.board-view-box .view-head .head-info > ul{gap:var(--gap-3) 0;}
.board-view-box .view-head .head-info > ul > li:after{margin:0 var(--margin-5);}
.board-view-box .view-body .view-body-survey{padding:var(--padding-15) var(--padding-10);}
.board-view-box .view-body .view-body-link{padding:var(--padding-10);}
.board-view-box .view-body .view-body-link > ul > li a:after{width:var(--icon-16); height:var(--icon-16); margin:0 0 0 var(--margin-5);}
.board-view-box .view-body .view-body-content{padding:var(--padding-15) var(--padding-10);}
.board-view-box .view-body .view-body-file{padding:var(--padding-15) var(--padding-10);}
.board-view-box .view-body .view-body-list > ul > li .more{padding:var(--padding-10);}
.board-view-box .view-body .view-body-list > ul > li .more b{width:70px; height:28px; font-size:var(--font-sm);}
.board-view-box .view-body .view-body-list > ul > li .more b:after{width:var(--icon-12); height:var(--icon-12); margin:0 0 0 var(--margin-5);}
.board-view-box .view-body .view-body-list > ul > li .more p{padding:0 var(--padding-10);}
.board-view-box .view-body .view-body-map{padding:var(--padding-15) 0;}
.board-view-box .view-body .view-body-map .map-left{width:100%;}
.board-view-box .view-body .view-body-map .map-left:after{padding-bottom:45%;}
.board-view-box .view-body .view-body-map .map-right{flex:none; width:100%; padding:var(--padding-15);}
}
/* board-comment-box */
.board-comment-box .comment-write{margin:var(--margin-10) 0 0;}
.board-comment-box .comment-count{margin:var(--margin-20) 0 var(--margin-10); display:flex; flex-wrap:wrap; align-items:center; gap:0 var(--gap-5);}
.board-comment-box .comment-count h4{font-size:var(--font-xxl); font-weight:600;}
.board-comment-box .comment-count h4 strong{font-size:var(--font-xxl); font-weight:700;}
.board-comment-box .comment-list{border-top:1px solid var(--color-black-500); background:var(--color-white);}
.board-comment-box .comment-list > ul > li{border-bottom:1px solid var(--color-gray-300);}
.board-comment-box .comment-list > ul > li .cmt-head{border-bottom:1px solid var(--color-gray-200); padding:var(--padding-10); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner{display:flex; align-items:center;}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner b{font-size:var(--font-md); font-weight:600; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner time{display:flex; flex-wrap:wrap; align-items:center; font-size:var(--font-sm); color:var(--color-gray-1000); flex-shrink:0;}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner time:before{display:inline-block; content:""; width:1px; height:calc(var(--height-25) / 2); margin:0 var(--margin-10); background:var(--color-gray-400);}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner .icon-like{margin:0 0 0 var(--margin-10); flex-shrink:0;}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner .head-inner-thumb{width:var(--width-35); height:var(--height-35); margin:0 var(--margin-5) 0 0;}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner .head-inner-thumb img{width:100%; height:100%; object-fit:cover; object-fit:cover;}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner .head-inner-thumb span{font-size:0; position:relative; width:100%; height:100%; background:var(--color-gray-300); border-radius:50%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner .head-inner-thumb span:after{display:inline-block; content:""; width:var(--icon-20); height:var(--icon-20); background:url('/asset/images/icon_user.svg') no-repeat center / cover; filter:var(--filter-black-500);}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner:first-of-type{flex:1; min-width:0; padding:0 var(--padding-15) 0 0;}
.board-comment-box .comment-list > ul > li .cmt-body{padding:var(--padding-10);}
.board-comment-box .comment-list > ul > li .cmt-body .comment-write{margin:0; width:100%;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-inner{display:flex; flex-wrap:wrap;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text{flex:1; min-width:0;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text p{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; font-size:var(--font-md); color:var(--color-gray-1200);}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text .cmt-actions{display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-15); margin:var(--margin-5) 0 0;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text .cmt-more{display:none; font-size:var(--font-sm); text-decoration:underline; color:var(--color-active);}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text .cmt-translate-btn{font-size:var(--font-sm); text-decoration:underline; color:var(--color-gray-1200); background:transparent; border:0; padding:0; cursor:pointer;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text .cmt-translate-btn:hover{color:var(--color-active);}
.board-comment-box .comment-list > ul > li .cmt-foot .cmt-reply-toggle{font-size:var(--font-sm); color:var(--color-gray-1100); text-decoration:none; transition:background 0.15s;}
.board-comment-box .comment-list > ul > li .cmt-foot .cmt-reply-toggle:hover{background:var(--color-gray-200);}
.board-comment-box .comment-list > ul > li .cmt-foot .cmt-reply-toggle .cmt-reply{display:inline-flex; align-items:center; gap:8px; padding:0;}
.board-comment-box .comment-list > ul > li .cmt-foot .cmt-reply-toggle .cmt-reply:before{display:inline-block; content:""; width:var(--width-15); height:1px; background:var(--color-gray-600);}
.board-comment-box .comment-list > ul > li .cmt-foot .cmt-reply-toggle .cmt-reply > span{color:inherit;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text .cmt-reply{font-size:var(--font-md); display:inline-flex; flex-wrap:wrap; align-items:center; margin:var(--margin-5) 0 0; gap:5px; padding:0 0 0 var(--padding-10);}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text .cmt-reply:before{display:inline-block; content:""; width:var(--width-15); height:1px; background:var(--color-gray-600);}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-image{margin:0 0 0 10px;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-image button{display:block; font-size:0; width:80px; height:80px; border-radius:var(--radius-5); background-size:cover; background-position:center; position:relative; overflow:hidden;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-image button span{position:absolute; left:0; top:0; width:100%; height:100%; font-size:var(--font-sm); font-weight:500; color:var(--color-white); background:rgba(0,0,0,0.7); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-inner ~ .comment-write{margin:10px 0 0;}
.board-comment-box .comment-list > ul > li .cmt-body.active .cmt-body-text p{-webkit-line-clamp:unset; display:block; overflow:visible;}
.board-comment-box .comment-list > ul > li .cmt-foot > ul{border-top:1px solid var(--color-gray-400);}
.board-comment-box .comment-list > ul > li .cmt-foot > ul > li{position:relative; border-bottom:1px solid var(--color-gray-400);}
.board-comment-box .comment-list > ul > li .cmt-foot > ul > li:last-of-type{border:0;}
@media (max-width:991px){
.board-comment-box .comment-count h4{font-size:var(--font-xl);}
.board-comment-box .comment-count h4 strong{font-size:var(--font-xl);}
.board-comment-box .comment-list > ul > li .cmt-head{padding:var(--padding-10);}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner .head-inner-thumb{width:var(--width-20); height:var(--height-20);}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner b{font-size:var(--font-sm);}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner time{font-size:var(--font-xs);}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner time:before{height:var(--height-10); margin:0 var(--margin-5);}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner .head-inner-thumb span:after{width:var(--icon-12); height:var(--icon-12);}
.board-comment-box .comment-list > ul > li .cmt-body{padding:var(--padding-10);}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text p{font-size:var(--font-sm); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-image button{width:50px; height:50px;}
.board-comment-box .comment-list > ul > li .cmt-body.active p{display:block; overflow:visible; text-overflow:normal;}
.board-comment-box .comment-list > ul > li .cmt-body.active .cmt-more{display:inline-flex;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text .cmt-translate-btn{font-size:var(--font-xs);}
.board-comment-box .comment-list > ul > li .cmt-foot .cmt-reply-toggle{font-size:var(--font-xs);}
}
@media (max-width:400px){
.board-comment-box .comment-list > ul > li .cmt-head{gap:var(--gap-5);}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner{width:100%;}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner:first-of-type{flex:none; padding:0;}
}
/* board-message-box */
.board-message-box{margin:5px 0 0;}
.board-message-box p{font-size:var(--font-sm) !important; color:var(--color-gray-1000);}
.board-message-box ul li{font-size:var(--font-sm) !important; color:var(--color-gray-1000); position:relative; padding:0 0 0 var(--padding-10);}
.board-message-box ul li:before{position:absolute; left:0; top:9px; width:calc(var(--width-5) / 2); height:calc(var(--height-5) / 2); background:var(--color-gray-900); border-radius:50%; content:"";}
.board-message-box b, .content-text b{font-size:inherit; font-weight:700; background:#EEF2FF; background:color-mix(in srgb, var(--color-active) 10%, #fff); color:var(--color-active); padding:1px 6px; border-radius:4px; -webkit-box-decoration-break:clone; box-decoration-break:clone;}
/* swiper-gallery-box */
.swiper-gallery-box{width:100%; height:100%; max-width:1000px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.swiper-gallery-box .swiper{height:100%; flex:1; min-width:0;}
.swiper-gallery-box .swiper .swiper-container{height:100%;}
.swiper-gallery-box .swiper .swiper-wrapper{height:100%;}
.swiper-gallery-box .swiper .swiper-slide{height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.swiper-gallery-box .swiper .swiper-slide img{display:block; margin:0 auto; max-width:100%; max-height:100%; object-fit:cover;}
.swiper-gallery-box .swiper-button-prev{position:static; width:50px; height:50px; background:url('/asset/images/icon_arrow_left.svg') no-repeat center / cover;}
.swiper-gallery-box .swiper-button-prev:after{display:none;}
.swiper-gallery-box .swiper-button-next{position:static; width:50px; height:50px; background:url('/asset/images/icon_arrow_right.svg') no-repeat center / cover;}
.swiper-gallery-box .swiper-button-next:after{display:none;}
@media (max-width:991px){
.swiper-gallery-box .swiper-button-prev{display:none;}
.swiper-gallery-box .swiper-button-next{display:none;}
}
/* chat-list-box */
.chat-list-box .list-head{padding:var(--padding-15); background:var(--color-active); border-radius:var(--radius-8) var(--radius-8) 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.chat-list-box .list-head h2{font-size:var(--font-lg); font-weight:600; color:var(--color-white);}
.chat-list-box .list-head .icon{filter:var(--filter-white);}
.chat-list-box .list-head .icon.dropdown-btn:after{display:none;}
.chat-list-box .list-head.list-head-sm{padding:var(--padding-10) var(--padding-15);}
.chat-list-box .list-head.list-head-sm h2{font-size:var(--font-md);}
.chat-list-box .list-body{background:var(--color-white); border:1px solid var(--color-gray-400); border-top:0; border-radius:0 0 var(--radius-8) var(--radius-8); overflow:hidden;}
.chat-list-box .list-body > ul > li{border-bottom:1px solid var(--color-gray-200); position:relative;}
.chat-list-box .list-body > ul > li:last-of-type{border:0;}
.chat-list-box .list-body > ul > li > input{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.chat-list-box .list-body > ul > li > .more{cursor:pointer; display:flex; flex-wrap:wrap; align-items:center; padding:var(--padding-10); min-height:81.5px; position:relative;}
.chat-list-box .list-body > ul > li > .more .chat-image{width:50px;}
.chat-list-box .list-body > ul > li > .more .chat-image img{width:50px; height:50px; border:1px solid var(--color-gray-300); border-radius:50%; object-fit:cover;}
.chat-list-box .list-body > ul > li > .more .chat-image.parts{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.chat-list-box .list-body > ul > li > .more .chat-image.parts img{width:25px; height:25px;}
.chat-list-box .list-body > ul > li > .more .chat-content{flex:1; min-width:0; padding:0 0 0 var(--padding-10); display:flex; flex-wrap:wrap;}
.chat-list-box .list-body > ul > li > .more .chat-content .content-left{flex:1; min-width:0; padding:0 var(--padding-10) 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.chat-list-box .list-body > ul > li > .more .chat-content .content-left .left-subject{width:100%; display:flex; align-items:center;}
.chat-list-box .list-body > ul > li > .more .chat-content .content-left .left-subject > *:not(.subject){flex-shrink:0;}
.chat-list-box .list-body > ul > li > .more .chat-content .content-left .left-subject .subject{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:var(--font-md);}
.chat-list-box .list-body > ul > li > .more .chat-content .content-left .left-subject .count{font-size:var(--font-sm); color:var(--color-gray-1000); margin:0 0 0 var(--margin-5);}
.chat-list-box .list-body > ul > li > .more .chat-content .content-left .left-subject .icon{margin:0 0 0 var(--margin-5); filter:var(--filter-gray-700);}
.chat-list-box .list-body > ul > li > .more .chat-content .content-left .left-subject .dropdown-btn:after{display:none;}
.chat-list-box .list-body > ul > li > .more .chat-content .content-left .left-text{width:100%;}
.chat-list-box .list-body > ul > li > .more .chat-content .content-left .left-text p{font-size:var(--font-sm); color:var(--color-gray-1000);}
.chat-list-box .list-body > ul > li > .more .chat-content .content-right{display:flex; flex-wrap:wrap; align-items:center; align-content:space-between; justify-content:flex-end;}
.chat-list-box .list-body > ul > li > .more .chat-content .content-right > *{width:100%;}
.chat-list-box .list-body > ul > li > .more .chat-content .content-right .right-date time{display:block; text-align:right; font-size:var(--font-sm); color:var(--color-gray-900);}
.chat-list-box .list-body > ul > li > .more .chat-content .content-right .right-count{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.chat-list-box .list-body > ul > li > .more .chat-content .content-right .right-count span{border-radius:50px; padding:calc(var(--padding-5) / 2) var(--padding-5); font-size:var(--font-xs); color:var(--color-white); background:var(--color-active); font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.chat-list-box .list-body > ul > li > label.more{cursor:pointer;}
.chat-list-box .list-body > ul > li > label.more .chat-content{align-items:center;}
.chat-list-box .list-body > ul > li > label.more .chat-content:after{display:block; content:""; width:var(--icon-20); height:var(--icon-20); background:url('/asset/images/icon_check.svg') no-repeat center / cover;}
.chat-list-box .list-body > ul > li > input:checked ~ label.more .chat-content:after{background-image:url('/asset/images/icon_check_on.svg');}
.chat-list-box .list-search{display:none; padding:var(--padding-10); border:1px solid var(--color-gray-400); border-width:0 1px 1px; background:var(--color-white);}
.chat-list-box.active .list-search{display:block;}
@media (max-width:991px){
.chat-list-box .list-head{padding:var(--padding-10) var(--padding-15);}
.chat-list-box .list-body > ul > li > .more{min-height:77px;}
.chat-list-box .list-body > ul > li > .more .chat-content .content-left .left-subject .icon-setting{width:var(--icon-16); height:var(--icon-16);}
}
/* chat-view-box */
.chat-view-box{display:flex; flex-direction:column;}
.chat-view-box .view-head{display:flex; flex-wrap:wrap; align-items:center; padding:var(--padding-15); background:var(--color-active); border-radius:var(--radius-8) var(--radius-8) 0 0; width:100%;}
.chat-view-box .view-head .chat-image{width:50px;}
.chat-view-box .view-head .chat-image img{width:50px; height:50px; border:1px solid var(--color-gray-300); border-radius:50%; object-fit:cover;}
.chat-view-box .view-head .chat-image.parts{display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.chat-view-box .view-head .chat-image.parts img{width:25px; height:25px;}
.chat-view-box .view-head .chat-content{flex:1; min-width:0; padding:0 0 0 var(--padding-10);}
.chat-view-box .view-head .chat-content .subject{font-size:var(--font-md); color:var(--color-white); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.chat-view-box .view-head .chat-content .count{display:flex; flex-wrap:wrap; align-items:center; font-size:var(--font-sm); color:var(--color-gray-900);}
.chat-view-box .view-head .chat-content .count:before{display:block; content:""; width:var(--icon-16); height:var(--icon-16); margin:0 var(--margin-5) 0 0; background:url('/asset/images/icon_user.svg') no-repeat center / cover; filter:var(--filter-gray-300);}
.chat-view-box .view-head .chat-button{display:flex; flex-wrap:wrap; align-items:center; margin:0 0 0 var(--margin-20);}
.chat-view-box .view-head .chat-button .icon{filter:var(--filter-white);}
.chat-view-box .view-head .chat-button .dropdown-btn:after{display:none;}
.chat-view-box .view-body{padding:var(--padding-10); width:100%; height:100%; overflow-y:auto; background:var(--color-white); border:1px solid var(--color-gray-400); border-width:0 1px;}
.chat-view-box .view-body > ul > li{margin:0 0 var(--margin-15);}
.chat-view-box .view-body > ul > li:last-of-type{margin:0;}
.chat-view-box .view-body > ul > li{display:flex; flex-wrap:wrap;}
.chat-view-box .view-body > ul > li .chat-image{width:50px; margin:0 var(--margin-10) 0 0;}
.chat-view-box .view-body > ul > li .chat-image img{width:50px; height:50px; border-radius:50%; object-fit:cover; border:1px solid var(--color-gray-400);}
.chat-view-box .view-body > ul > li .chat-content{flex:1; min-width:0; display:flex; flex-wrap:wrap;}
.chat-view-box .view-body > ul > li .chat-content .chat-date{margin:0 0 0 var(--margin-5); display:flex; flex-wrap:wrap; align-items:flex-end;}
.chat-view-box .view-body > ul > li .chat-content .chat-date time{font-size:var(--font-sm); color:var(--color-gray-900);}
.chat-view-box .view-body > ul > li .chat-content .chat-date span{font-size:var(--font-sm); margin:0 0 0 var(--margin-5); color:var(--color-warning);}
.chat-view-box .view-body > ul > li .chat-content .chat-text{max-width:60%; text-align:left;}
.chat-view-box .view-body > ul > li .chat-content .chat-text .name{font-size:var(--font-md); font-weight:500; display:block; margin:0 0 var(--margin-5);}
.chat-view-box .view-body > ul > li .chat-content .chat-text .text{display:inline-block; margin:0 0 var(--margin-5); position:relative; background:var(--color-white); border:1px solid var(--color-gray-400); color:var(--color-gray-900); border-radius:var(--radius-5); padding:var(--padding-5) var(--padding-10); font-size:var(--font-sm);}
.chat-view-box .view-body > ul > li .chat-content .chat-text .text:before{position:absolute; left:-4.8px; top:8px; width:8px; height:8px; background:var(--color-white); transform:rotate(45deg); content:""; border:1px solid var(--color-gray-400); border-width:0 0 1px 1px; border-radius:var(--radius-5);}
.chat-view-box .view-body > ul > li .chat-content .chat-text .text a{color:var(--color-blue); font-size:var(--font-sm); text-decoration:underline;}
.chat-view-box .view-body > ul > li .chat-content .chat-text > *{margin:0 0 var(--margin-5);}
.chat-view-box .view-body > ul > li .chat-content .chat-text > *:last-child{margin:0;}
.chat-view-box .view-body > ul > li .chat-content .chat-photo{width:100%; margin:var(--margin-5) 0 0;}
.chat-view-box .view-body > ul > li .chat-content .chat-photo ul{display:flex; flex-wrap:wrap; gap:var(--gap-5); width:100%; max-width:60%;}
.chat-view-box .view-body > ul > li .chat-content .chat-photo ul li{width:80px;}
.chat-view-box .view-body > ul > li .chat-content .chat-photo ul li .more{display:block; position:relative; overflow:hidden; border-radius:var(--radius-5); border:1px solid var(--color-gray-400);}
.chat-view-box .view-body > ul > li .chat-content .chat-photo ul li .more:after{display:block; content:""; padding-bottom:100%;}
.chat-view-box .view-body > ul > li .chat-content .chat-photo ul li .more img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.chat-view-box .view-body > ul > li .chat-content .chat-photo ~ .chat-date{margin:var(--margin-5) 0 0;}
.chat-view-box .view-body > ul > li .chat-content .chat-file{width:100%; margin:var(--margin-5) 0 0;}
.chat-view-box .view-body > ul > li .chat-content .chat-file .inner{padding:var(--padding-10); display:flex; flex-wrap:wrap; width:220px; border-radius:var(--radius-5); background:var(--color-white); border:1px solid var(--color-gray-400);}
.chat-view-box .view-body > ul > li .chat-content .chat-file .inner .inner-content{flex:1; min-width:0;}
.chat-view-box .view-body > ul > li .chat-content .chat-file .inner .inner-content .file-name{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.chat-view-box .view-body > ul > li .chat-content .chat-file .inner .inner-content .file-info{font-size:var(--font-sm); color:var(--color-gray-1000); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.chat-view-box .view-body > ul > li .chat-content .chat-file .inner .inner-content .file-download{display:flex; flex-wrap:wrap; align-items:center;}
.chat-view-box .view-body > ul > li .chat-content .chat-file .inner .inner-content .file-download .download{margin:0 var(--margin-10) 0 0; color:var(--color-blue); font-size:var(--font-sm);}
.chat-view-box .view-body > ul > li .chat-content .chat-file .inner .inner-content .file-download .download:last-of-type{margin:0;}
.chat-view-box .view-body > ul > li .chat-content .chat-file .inner .inner-content .file-download .download:hover{text-decoration:underline;}
.chat-view-box .view-body > ul > li .chat-content .chat-file .inner:after{margin:var(--margin-5) 0 0 var(--margin-10); width:var(--icon-20); height:var(--icon-20); display:block; content:""; border-radius:50%; background:url('/asset/images/icon_download.svg') no-repeat center / cover;}
.chat-view-box .view-body > ul > li .chat-content .chat-file ~ .chat-date{margin:var(--margin-5) 0 0;}
.chat-view-box .view-body > ul > li .chat-content .chat-link{width:100%; margin:var(--margin-5) 0 0;}
.chat-view-box .view-body > ul > li .chat-content .chat-link .link{padding:10px; display:block; width:220px; border-radius:var(--radius-5); background:var(--color-white); overflow:hidden; border:1px solid var(--color-gray-400);}
.chat-view-box .view-body > ul > li .chat-content .chat-link .link .link-image{width:100%; position:relative; margin:0 0 var(--margin-5);}
.chat-view-box .view-body > ul > li .chat-content .chat-link .link .link-image:after{display:block; content:""; padding-bottom:60%;}
.chat-view-box .view-body > ul > li .chat-content .chat-link .link .link-image img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.chat-view-box .view-body > ul > li .chat-content .chat-link .link .link-content .link-name{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.chat-view-box .view-body > ul > li .chat-content .chat-link .link .link-content .link-info{font-size:var(--font-sm); color:var(--color-gray-1000); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.chat-view-box .view-body > ul > li .chat-content .chat-link ~ .chat-date{margin:var(--margin-5) 0 0;}
.chat-view-box .view-body > ul > li .chat-content .chat-video{width:100%; margin:var(--margin-5) 0 0;}
.chat-view-box .view-body > ul > li .chat-content .chat-video .inner{width:220px; position:relative; border-radius:var(--radius-5); overflow:hidden;}
.chat-view-box .view-body > ul > li .chat-content .chat-video .inner img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.chat-view-box .view-body > ul > li .chat-content .chat-video .inner .download{background:rgba(0,0,0,.5); position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.chat-view-box .view-body > ul > li .chat-content .chat-video .inner .download i{width:var(--icon-40); height:var(--icon-40); border-radius:50%; background:rgba(0,0,0,0.7); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.chat-view-box .view-body > ul > li .chat-content .chat-video .inner .download i.icon-download:after{display:block; content:""; width:var(--icon-20); height:var(--icon-20); background:url('/asset/images/icon_download.svg') no-repeat center / cover; filter:var(--filter-white);}
.chat-view-box .view-body > ul > li .chat-content .chat-video .inner .download i.icon-play:after{display:block; content:""; width:var(--icon-20); height:var(--icon-20); background:url('/asset/images/icon_play.svg') no-repeat center / cover; filter:var(--filter-white);}
.chat-view-box .view-body > ul > li .chat-content .chat-video .inner .download span{width:100%; text-align:center; font-size:var(--font-sm); color:var(--color-white); margin:var(--margin-5) 0 0;}
.chat-view-box .view-body > ul > li .chat-content .chat-video.video-vertical .inner:after{display:block; content:""; padding-bottom:150%;}
.chat-view-box .view-body > ul > li .chat-content .chat-video.video-horizontal .inner:after{display:block; content:""; padding-bottom:60%;}
.chat-view-box .view-body > ul > li .chat-content .chat-video ~ .chat-date{margin:var(--margin-5) 0 0;}
.chat-view-box .view-body > ul > li.mine .chat-content{flex-direction:row-reverse;}
.chat-view-box .view-body > ul > li.mine .chat-content .chat-date{margin:0 var(--margin-5) 0 0; flex-shrink:0;}
.chat-view-box .view-body > ul > li.mine .chat-content .chat-text{text-align:right;}
.chat-view-box .view-body > ul > li.mine .chat-content .chat-text .text{background:var(--color-active); color:var(--color-white); border-color:var(--color-active); text-align:left;}
.chat-view-box .view-body > ul > li.mine .chat-content .chat-text .text:before{left:auto; right:-4.8px; background:var(--color-active); border-color:var(--color-active);}
.chat-view-box .view-body > ul > li.mine .chat-content .chat-text .text a{color:color-mix(in srgb, var(--color-active) 5%, var(--color-white));}
.chat-view-box .view-body > ul > li.mine .chat-content .chat-photo ul{margin-left:auto; justify-content:flex-end;}
.chat-view-box .view-body > ul > li.mine .chat-content .chat-photo ~ .chat-date{margin:var(--margin-5) 0 0;}
.chat-view-box .view-body > ul > li.mine .chat-content .chat-file .inner{margin-left:auto;}
.chat-view-box .view-body > ul > li.mine .chat-content .chat-link .link{margin-left:auto;}
.chat-view-box .view-body > ul > li.mine .chat-content .chat-video .inner{margin-left:auto;}
.chat-view-box .view-body > .time-line{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:var(--margin-30) 0;}
.chat-view-box .view-body > .time-line .time{font-size:var(--font-sm); padding:var(--padding-5) var(--padding-10); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(0,0,0,0.1); border-radius:50px;}
.chat-view-box .view-body > .time-line .time:before{display:inline-block; content:""; width:14px; height:14px; margin:0 var(--margin-5) 0 0; background:url('/asset/images/icon_calendar.svg') no-repeat center / cover;}
.chat-view-box .view-foot{width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:var(--padding-10); background:var(--color-white); border:1px solid var(--color-gray-400);}
.chat-view-box .view-foot > *{width:100%;}
.chat-view-box .view-foot .view-bottom{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:var(--padding-10) 0 0;}
.chat-view-box .view-foot .view-bottom .icon{filter:var(--filter-gray-800);}
.chat-view-box .view-search{display:none; width:100%; padding:var(--padding-10); border:1px solid var(--color-gray-400); border-width:0 1px 1px; background:var(--color-white);}
.chat-view-box.active .view-search{display:block;}
@media (max-width:991px){
.chat-view-box .view-head{padding:var(--padding-10) var(--padding-15);}
.chat-view-box .view-head .chat-button .icon-menu{position:relative; top:1px;}
.chat-view-box .view-body > ul > li .chat-content .chat-photo ul li{width:60px;}
}
@media (max-width:767px){
.chat-view-box .view-body > ul > li .chat-content .chat-text{max-width:80%;}
.chat-view-box .view-body > ul > li .chat-content .chat-photo ul{max-width:80%;}
}
[data-my-only]{display:none;}
.is-my-post [data-my-only]{display:inline-block;}
/* seo-analyzer */
.seo-analyzer{background:#fff; border:1px solid var(--color-gray-400); border-radius:8px; margin:15px 0 0; overflow:hidden; box-sizing:border-box; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; line-height:1.5; color:#333;}
.seo-analyzer *, .seo-analyzer *::before, .seo-analyzer *::after{box-sizing:border-box; margin:0; padding:0; border:0; color:inherit; background:none; text-decoration:none;}
.seo-analyzer ul, .seo-analyzer li{list-style:none;}
.dark-mode .seo-analyzer{background:var(--color-black-500); border-color:var(--color-black-300);}
.seo-analyzer .seo-header{display:flex; align-items:center; gap:16px; padding:20px;}
.seo-analyzer .seo-score-circle{flex:0 0 72px; width:72px; height:72px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; border:3px solid var(--color-gray-400); transition:border-color 0.3s ease;}
.seo-analyzer .seo-score-circle .seo-score-number{font-size:24px; font-weight:700; line-height:1;}
.seo-analyzer .seo-score-circle .seo-score-max{font-size:11px; color:#6b7280; line-height:1; margin-top:2px;}
.seo-analyzer .seo-circle-good{border-color:#22c55e; color:#22c55e;}
.seo-analyzer .seo-circle-okay{border-color:#f59e0b; color:#f59e0b;}
.seo-analyzer .seo-circle-poor{border-color:#ef4444; color:#ef4444;}
.seo-analyzer .seo-circle-good .seo-score-max, .seo-analyzer .seo-circle-okay .seo-score-max, .seo-analyzer .seo-circle-poor .seo-score-max{color:inherit; opacity:0.6;}
.seo-analyzer .seo-header-info{flex:1; min-width:0;}
.seo-analyzer .seo-header-top{display:flex; align-items:center; justify-content:space-between; margin:0 0 8px;}
.seo-analyzer .seo-title{font-size:15px; font-weight:600;}
.seo-analyzer .seo-grade-badge{font-size:12px; font-weight:600; padding:2px 10px; border-radius:10px; background:#e5e7eb; color:#6b7280;}
.seo-analyzer .seo-badge-good{background:#dcfce7; color:#16a34a;}
.seo-analyzer .seo-badge-okay{background:#fef3c7; color:#d97706;}
.seo-analyzer .seo-badge-poor{background:#fee2e2; color:#dc2626;}
.seo-analyzer .seo-gauge-bar{width:100%; height:6px; background:#e5e7eb; border-radius:3px; overflow:hidden;}
.seo-analyzer .seo-gauge-fill{height:100%; border-radius:3px; transition:width 0.4s ease, background 0.4s ease;}
.seo-analyzer .seo-gauge-good{background:#22c55e;}
.seo-analyzer .seo-gauge-okay{background:#f59e0b;}
.seo-analyzer .seo-gauge-poor{background:#ef4444;}
.dark-mode .seo-analyzer .seo-category{border-color:var(--color-black-300) !important;}
@media (max-width:991px){
.seo-analyzer .seo-header{padding:10px; gap:10px;}
.seo-analyzer .seo-score-circle{width:62px; height:62px; flex:0 0 62px;}
.seo-analyzer .seo-score-circle .seo-score-number{font-size:20px;}
}
/* seo-analyzer */
.seo-analyzer .seo-body{border-top:1px solid #d1d5db;}
.seo-analyzer .seo-category{border-bottom:1px solid #e5e7eb;}
.seo-analyzer .seo-category:last-child{border-bottom:0;}
.seo-analyzer .seo-category-header{display:flex; align-items:center; gap:8px; padding:10px 20px; cursor:pointer; user-select:none; transition:background 0.15s ease;}
.seo-analyzer .seo-category-header:hover{background:#f3f4f6;}
.seo-analyzer .seo-cat-toggle{flex:0 0 16px; font-size:11px; color:#6b7280; transition:transform 0.2s ease;}
.seo-analyzer .seo-cat-label{flex:1; min-width:0; font-size:13px; font-weight:600;}
.seo-analyzer .seo-cat-score{flex:0 0 auto; font-size:13px; font-weight:600; color:#6b7280;}
.seo-analyzer .seo-cat-good .seo-cat-score{color:#22c55e;}
.seo-analyzer .seo-cat-okay .seo-cat-score{color:#f59e0b;}
.seo-analyzer .seo-cat-poor .seo-cat-score{color:#ef4444;}
.dark-mode .seo-analyzer .seo-body{border-color:var(--color-black-300);}
.dark-mode .seo-analyzer .seo-category-header:hover{background:var(--color-black-600);}
.seo-analyzer .seo-category-body{padding:0 20px 10px 44px;}
.seo-analyzer .seo-check-item{display:flex; align-items:flex-start; gap:8px; padding:5px 0; border-bottom:1px solid #f3f4f6; font-size:13px;}
.seo-analyzer .seo-check-item:last-child{border-bottom:0;}
.seo-analyzer .seo-check-icon{flex:0 0 18px; text-align:center; font-weight:700;}
.seo-analyzer .seo-check-label{flex:0 0 160px; font-weight:500;}
.seo-analyzer .seo-check-score{flex:0 0 45px; text-align:right; font-size:12px; color:#6b7280;}
.seo-analyzer .seo-check-msg{flex:1; min-width:0; color:#6b7280;}
.seo-analyzer .seo-status-pass{color:#22c55e;}
.seo-analyzer .seo-status-fail{color:#ef4444;}
.seo-analyzer .seo-status-na{color:#9ca3af;}
.dark-mode .seo-analyzer .seo-check-item{border-color:var(--color-black-300);}
.dark-mode .seo-analyzer .seo-check-score{color:var(--color-gray-900);}
.dark-mode .seo-analyzer .seo-check-msg{color:var(--color-gray-900);}
@media (max-width:991px){
.seo-analyzer .seo-category-body{padding:0 10px 10px 10px;}
.seo-analyzer .seo-check-label{flex:0 0 100px;}
}
/* visit-summary */
.visit-summary{display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px; margin-bottom:24px;}
.visit-card{background:#fff; border-radius:8px; padding:20px; text-align:center; border:1px solid #e5e7eb;}
.visit-card .visit-card-label{font-size:14px; color:#666; margin-bottom:8px;}
.visit-card .visit-card-value{font-size:28px; font-weight:700; color:#374151;}
.visit-card .visit-card-value.primary{color:var(--color-active,#2563eb);}
.visit-chart-box{background:#fff; border:1px solid #e5e7eb; border-radius:8px; padding:20px; margin-bottom:24px;}
.visit-chart-canvas{position:relative; height:300px;}
.visit-chart-canvas.small{height:250px;}
.visit-chart-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; margin-bottom:24px;}
.visit-chart-grid .visit-chart-box{margin-bottom:0;}
.visit-filter{display:flex; flex-wrap:wrap; gap:8px; align-items:flex-end;}
.visit-filter label{font-size:13px; display:block; margin-bottom:4px;}
.visit-total{font-size:13px; color:#666; margin-bottom:8px;}
.visit-count-result{display:none; padding:24px; margin:12px 0 0; background:#fff; border:1px solid var(--color-gray-400); border-radius:6px;}
.visit-count-result p{font-size:16px; font-weight:500;}
.visit-count-result p strong{font-size:inherit; font-weight:600; color:var(--color-active);}
/* is-scroll-locked */
html.is-scroll-locked, html.is-scroll-locked body{overflow:hidden; overscroll-behavior:none;}


/* /asset/css/site/ai_editor.css */
/* _ai-panel */
._ai-panel{position:fixed; right:24px; top:84px; bottom:24px; width:460px; background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:16px; box-shadow:0 24px 60px -12px rgba(15,23,42,.18), 0 8px 24px -8px rgba(15,23,42,.08); display:flex; flex-direction:column; z-index:10000; font-family:Pretendard, sans-serif; font-size:14px; color:#0f172a; overflow:hidden;}
._ai-header{display:flex; justify-content:space-between; align-items:center; padding:14px 16px 14px 20px; border-bottom:1px solid rgba(15,23,42,.06); background:#fff;}
._ai-header-left{display:flex; align-items:center; gap:10px; min-width:0; flex:1;}
._ai-title{font-size:15px; font-weight:600; color:#0f172a; letter-spacing:-.2px; display:flex; align-items:center; gap:8px;}
._ai-title:before{content:""; width:6px; height:6px; border-radius:50%; background:var(--color-active, #3b82f6); box-shadow:0 0 0 3px color-mix(in srgb, var(--color-active, #3b82f6) 20%, transparent);}
._ai-header-right{display:flex; align-items:center; gap:4px;}
._ai-iconbtn{background:transparent; border:none; cursor:pointer; color:#64748b; padding:8px; line-height:1; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; transition:background .15s, color .15s;}
._ai-iconbtn:hover{background:rgba(15,23,42,.06); color:#0f172a;}
._ai-iconbtn svg{width:16px; height:16px; display:block;}
._ai-back-btn, ._ai-close-btn{background:transparent; border:none; cursor:pointer; color:#64748b; padding:8px; line-height:1; border-radius:8px; display:flex; align-items:center; justify-content:center; transition:background .15s, color .15s;}
._ai-back-btn{font-size:18px; display:none;}
._ai-close-btn{font-size:20px;}
._ai-back-btn:hover, ._ai-close-btn:hover{background:rgba(15,23,42,.06); color:#0f172a;}
/* chat body */
._ai-chat-body{flex:1; min-height:0; overflow-y:auto; padding:20px; background:#f8f9fb;}
._ai-chat-body::-webkit-scrollbar{width:8px;}
._ai-chat-body::-webkit-scrollbar-thumb{background:rgba(15,23,42,.12); border-radius:4px;}
._ai-chat-body::-webkit-scrollbar-thumb:hover{background:rgba(15,23,42,.2);}
._ai-chat-empty{text-align:center; color:#94a3b8; padding:60px 24px; font-size:13px; line-height:1.8;}
/* _ai-msg */
._ai-msg{margin-bottom:18px; display:flex; flex-direction:column;}
._ai-msg-user{align-items:flex-end;}
._ai-msg-assistant{align-items:flex-start;}
._ai-msg-label{font-size:10px; color:#94a3b8; margin-bottom:6px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; padding:0 4px;}
._ai-msg-content{max-width:88%; line-height:1.6;}
._ai-msg-user ._ai-msg-content{background:linear-gradient(135deg, var(--color-active, #3b82f6), color-mix(in srgb, var(--color-active, #3b82f6) 85%, #000)); color:#fff; padding:12px 16px; border-radius:18px 18px 4px 18px; box-shadow:0 4px 12px -2px color-mix(in srgb, var(--color-active, #3b82f6) 30%, transparent); white-space:pre-wrap;}
._ai-msg-assistant ._ai-msg-content{background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:18px 18px 18px 4px; padding:14px; box-shadow:0 2px 6px -2px rgba(15,23,42,.04);}
/* _ai-code */
._ai-code{font-family:"JetBrains Mono", Consolas, Monaco, monospace; font-size:11.5px; line-height:1.55; max-height:220px; overflow-y:auto; white-space:pre-wrap; word-break:break-all; margin:0 0 10px; background:#0f172a; color:#e2e8f0; padding:12px 14px; border-radius:10px;}
._ai-code::-webkit-scrollbar{width:6px; height:6px;}
._ai-code::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15); border-radius:3px;}
/* _ai-apply-btn */
._ai-apply-btn{display:inline-flex; align-items:center; gap:6px; padding:6px 16px; background:var(--color-active, #3b82f6); color:#fff; border:none; border-radius:8px; cursor:pointer; font-size:12px; font-weight:600; letter-spacing:-.1px; transition:transform .15s, box-shadow .15s, filter .15s; box-shadow:0 2px 6px -1px color-mix(in srgb, var(--color-active, #3b82f6) 35%, transparent);}
._ai-apply-btn:hover{filter:brightness(1.08); transform:translateY(-1px); box-shadow:0 6px 12px -2px color-mix(in srgb, var(--color-active, #3b82f6) 40%, transparent);}
._ai-apply-btn:active{transform:translateY(0);}
/* footer */
._ai-footer{border-top:1px solid rgba(15,23,42,.06); padding:12px 14px 14px; background:#fff;}
._ai-controls{display:flex; align-items:center; gap:8px; margin-bottom:10px;}
._ai-model{padding:7px 30px 7px 12px; border:1px solid rgba(15,23,42,.12); border-radius:8px; font-size:12.5px; font-weight:500; background:#f8fafc url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M1 1l4 4 4-4' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round'/></svg>") right 10px center no-repeat; color:#334155; outline:none; cursor:pointer; appearance:none; -webkit-appearance:none; transition:border-color .15s, background-color .15s, box-shadow .15s;}
._ai-model:hover{border-color:rgba(15,23,42,.2); background-color:#fff;}
._ai-model:focus{border-color:var(--color-active, #3b82f6); box-shadow:0 0 0 3px color-mix(in srgb, var(--color-active, #3b82f6) 15%, transparent); background-color:#fff;}
/* SEO chip */
._ai-seo-wrap{font-size:12.5px; font-weight:500; display:inline-flex; align-items:center; gap:7px; cursor:pointer; color:#64748b; user-select:none; padding:7px 12px; border:1px solid rgba(15,23,42,.12); border-radius:8px; background:#f8fafc; transition:all .15s;}
._ai-seo-wrap:hover{border-color:rgba(15,23,42,.2); background:#fff; color:#334155;}
._ai-seo-wrap:has(._ai-seo:checked){border-color:color-mix(in srgb, var(--color-active, #3b82f6) 45%, transparent); background:color-mix(in srgb, var(--color-active, #3b82f6) 8%, #fff); color:var(--color-active, #3b82f6);}
._ai-seo{appearance:auto; -webkit-appearance:checkbox; width:14px; height:14px; margin:0; cursor:pointer; accent-color:var(--color-active, #3b82f6);}
/* _ai-seo-fields */
._ai-seo-fields{display:flex; flex-direction:column; gap:6px; margin-bottom:10px; padding:12px; border:1px solid rgba(15,23,42,.08); border-radius:10px; background:#f8fafc;}
._ai-seo-fields input{padding:8px 12px; border:1px solid rgba(15,23,42,.1); border-radius:7px; font-size:13px; font-family:inherit; outline:none; background:#fff; color:#0f172a; transition:border-color .15s, box-shadow .15s;}
._ai-seo-fields input::placeholder{color:#94a3b8;}
._ai-seo-fields input:focus{border-color:var(--color-active, #3b82f6); box-shadow:0 0 0 3px color-mix(in srgb, var(--color-active, #3b82f6) 15%, transparent);}
/* _ai-composer */
._ai-composer{display:flex; flex-direction:column; border:1px solid rgba(15,23,42,.14); border-radius:14px; background:#fff; transition:border-color .15s, box-shadow .15s; overflow:hidden;}
._ai-composer:focus-within{border-color:var(--color-active, #3b82f6); box-shadow:0 0 0 3px color-mix(in srgb, var(--color-active, #3b82f6) 15%, transparent);}
._ai-input{width:100%; resize:none; border:none; padding:12px 14px 6px; font-size:14px; font-family:inherit; line-height:1.55; background:transparent; color:#0f172a; outline:none; min-height:60px; max-height:160px;}
._ai-input::placeholder{color:#94a3b8;}
._ai-composer-actions{display:flex; align-items:center; justify-content:space-between; padding:6px 8px 8px;}
._ai-composer-tools{display:flex; align-items:center; gap:2px;}
._ai-tool-btn{background:transparent; border:none; cursor:pointer; color:#64748b; padding:7px; line-height:1; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; transition:background .15s, color .15s;}
._ai-tool-btn:hover{background:rgba(15,23,42,.06); color:var(--color-active, #3b82f6);}
._ai-tool-btn svg{width:18px; height:18px; display:block;}
._ai-send-btn{width:34px; height:34px; background:var(--color-active, #3b82f6); color:#fff; border:none; border-radius:10px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; padding:0; transition:filter .15s, transform .15s, box-shadow .15s; box-shadow:0 3px 8px -1px color-mix(in srgb, var(--color-active, #3b82f6) 35%, transparent);}
._ai-send-btn:hover{filter:brightness(1.08); transform:translateY(-1px); box-shadow:0 6px 14px -2px color-mix(in srgb, var(--color-active, #3b82f6) 45%, transparent);}
._ai-send-btn:active{transform:translateY(0);}
._ai-send-btn:disabled{background:#cbd5e1; cursor:not-allowed; filter:none; transform:none; box-shadow:none;}
._ai-send-btn svg{width:16px; height:16px; display:block; color:#fff; stroke:#fff;}
._ai-actions, ._ai-newchat-btn{display:none;}
/* _ai-list-view */
._ai-list-view{flex:1; overflow-y:auto; background:#f8f9fb;}
._ai-list-view::-webkit-scrollbar{width:8px;}
._ai-list-view::-webkit-scrollbar-thumb{background:rgba(15,23,42,.12); border-radius:4px;}
._ai-list-header{padding:16px 20px 12px; display:flex; justify-content:flex-end;}
._ai-list-newbtn{padding:9px 18px; background:var(--color-active, #3b82f6); color:#fff; border:none; border-radius:10px; cursor:pointer; font-size:13px; font-weight:600; letter-spacing:-.1px; transition:filter .15s, transform .15s, box-shadow .15s; box-shadow:0 4px 10px -2px color-mix(in srgb, var(--color-active, #3b82f6) 30%, transparent);}
._ai-list-newbtn:hover{filter:brightness(1.08); transform:translateY(-1px); box-shadow:0 6px 16px -2px color-mix(in srgb, var(--color-active, #3b82f6) 40%, transparent);}
._ai-list-newbtn:active{transform:translateY(0);}
._ai-list-items{padding:0 16px 16px;}
._ai-list-item{display:flex; align-items:center; padding:14px 16px; background:#fff; border:1px solid rgba(15,23,42,.06); border-radius:12px; margin-bottom:10px; cursor:pointer; transition:border-color .18s, box-shadow .18s, transform .18s;}
._ai-list-item:hover{border-color:color-mix(in srgb, var(--color-active, #3b82f6) 35%, transparent); box-shadow:0 8px 20px -6px rgba(15,23,42,.1); transform:translateY(-1px);}
._ai-list-info{flex:1; min-width:0;}
._ai-list-title{font-size:13.5px; font-weight:600; color:#0f172a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-.1px;}
._ai-list-date{font-size:11px; color:#94a3b8; margin-top:4px;}
._ai-list-del{background:transparent; border:none; color:#cbd5e1; font-size:14px; cursor:pointer; padding:6px 8px; line-height:1; flex-shrink:0; border-radius:6px; transition:color .15s, background .15s;}
._ai-list-del:hover{color:#ef4444; background:rgba(239,68,68,.08);}
._ai-list-empty{text-align:center; color:#94a3b8; padding:60px 24px; font-size:13px; line-height:1.8;}
/* _ai-attach-btn */
._ai-attach-btn, ._ai-link-btn{background:transparent; border:none; cursor:pointer; color:#64748b; padding:7px; line-height:1; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; transition:background .15s, color .15s;}
._ai-attach-btn:hover, ._ai-link-btn:hover{background:rgba(15,23,42,.06); color:var(--color-active, #3b82f6);}
._ai-attach-btn svg, ._ai-link-btn svg{width:18px; height:18px; display:block;}
._ai-attach-preview{display:flex; flex-wrap:wrap; gap:8px; padding:10px 12px 0;}
._ai-attach-thumb{position:relative; width:64px; height:64px; border-radius:10px; overflow:hidden; border:1px solid rgba(15,23,42,.08); box-shadow:0 2px 4px -1px rgba(15,23,42,.06);}
._ai-attach-thumb img{width:100%; height:100%; object-fit:cover; display:block;}
/* _ai-attach-thumb */
._ai-attach-thumb.is-file{width:auto; max-width:190px; height:64px; display:flex; flex-direction:column; justify-content:center; gap:3px; padding:8px 26px 8px 10px; background:#f8fafc;}
._ai-attach-kind{font-size:11px; font-weight:600; color:#4f46e5; letter-spacing:.02em;}
._ai-attach-name{font-size:12px; color:#475569; line-height:1.35; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
._ai-attach-del{position:absolute; top:3px; right:3px; background:rgba(15,23,42,.65); color:#fff; border:none; border-radius:50%; width:20px; height:20px; font-size:12px; line-height:20px; text-align:center; cursor:pointer; padding:0; transition:background .15s, transform .15s;}
._ai-attach-del:hover{background:rgba(15,23,42,.85); transform:scale(1.08);}
/* anmok-ai-spark */
.anmok-ai-spark{overflow:visible; animation:anmok-ai-breathe 3.2s ease-in-out infinite;}
.anmok-ai-spark .s2, .anmok-ai-spark .s3{transform-box:fill-box; transform-origin:center; animation:anmok-ai-twinkle 3.2s ease-in-out infinite;}
.anmok-ai-spark .s3{animation-delay:1.6s;}
@keyframes anmok-ai-breathe{
	0%, 100% {filter:drop-shadow(0 0 0 rgba(79,70,229,0));}
	50%      {filter:drop-shadow(0 0 4px rgba(99,102,241,.6));}
}
@keyframes anmok-ai-twinkle{
	0%, 100% {opacity:.4; transform:scale(.78);}
	50%      {opacity:1;  transform:scale(1);}
}
/* tox */
.tox .tox-tbtn:has(.anmok-ai-spark){background:linear-gradient(135deg, rgba(124,58,237,.10), rgba(6,182,212,.10));}
.tox .tox-tbtn:has(.anmok-ai-spark):hover{background:linear-gradient(135deg, rgba(124,58,237,.18), rgba(6,182,212,.18));}
.tox .tox-tbtn:hover .anmok-ai-spark, .tox .tox-tbtn:hover .anmok-ai-spark *{animation-play-state:paused;}
@media (prefers-reduced-motion:reduce){
.anmok-ai-spark, .anmok-ai-spark *{animation:none !important; filter:none !important; opacity:1 !important; transform:none !important;}
}
/* _ai-choices */
._ai-choices{display:flex; flex-direction:column; margin:12px -14px -14px; counter-reset:aichoice;}
._ai-choice{display:flex; align-items:center; gap:10px; width:100%; min-height:44px;
	padding:12px 14px; border:0; border-top:1px solid rgba(15,23,42,.07);
	background:transparent; color:#312e81; text-align:left; cursor:pointer;
	font:inherit; font-size:13.5px; font-weight:600; line-height:1.45;
	transition:background .15s;}
._ai-choice::before{counter-increment:aichoice; content:counter(aichoice);
	flex:0 0 auto; width:20px; height:20px; border-radius:50%; display:grid; place-items:center;
	background:rgba(79,70,229,.12); color:#4f46e5; font-size:11px; font-weight:700;}
._ai-choice:last-child{border-radius:0 0 18px 4px;}
._ai-choice:hover{background:rgba(79,70,229,.07);}
._ai-choice:focus-visible{outline:2px solid #4f46e5; outline-offset:-2px;}
/* _ai-summary */
._ai-summary{margin:-6px 0 18px; padding:11px 13px; border-radius:10px;
	background:rgba(15,23,42,.035); border:1px solid rgba(15,23,42,.07);
	color:#475569; font-size:12.5px; line-height:1.75; white-space:pre-wrap;}
/* _ai-chat-empty */
._ai-chat-empty{text-align:left; color:#64748b; padding:28px 20px; font-size:13px; line-height:1.75;
	display:flex; flex-direction:column; gap:14px;}
._ai-chat-empty b{color:#0f172a; font-weight:700;}
._ai-chat-empty > b:first-child{font-size:14.5px;}
._ai-hint-ex{padding:11px 13px; border-radius:10px; background:rgba(79,70,229,.06);
	border:1px solid rgba(79,70,229,.14); color:#4338ca; font-size:12.5px; line-height:1.8;}
._ai-hint-tip{color:#64748b; font-size:12.5px; line-height:1.9;}
._ai-hint-cost{padding:11px 13px; border-radius:10px; background:rgba(180,83,9,.06);
	border:1px solid rgba(180,83,9,.18); color:#7c4a10; font-size:12.5px; line-height:1.8;}
._ai-hint-cost > b:first-child{display:block; color:#7c2d12; margin-bottom:2px;}
/* _ai-panel */
._ai-panel, ._ai-chat-empty, ._ai-chat-empty *, ._ai-summary, ._ai-msg-content, ._ai-choice, ._ai-hint-ex, ._ai-hint-tip, ._ai-hint-cost{word-break:keep-all; overflow-wrap:anywhere;}


/* /asset/css/site/darkmode.css */
/* common */
.dark-mode *{color:var(--color-gray-300);}
.dark-mode *:focus-visible{outline:2px solid var(--color-white);}
.dark-mode .disabled{border-color:var(--color-black-300) !important; background:var(--color-black-600) !important;}
.dark-mode .disabled > *{border-color:var(--color-black-300) !important;}
.dark-mode .readonly{border-color:var(--color-black-300) !important;}
.dark-mode .readonly > *{border-color:var(--color-black-300) !important;}
/* icon-box */
.dark-mode .icon{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
.dark-mode .icon-like{filter:var(--filter-active-100);}
/* input-box */
.dark-mode .input-box{background:var(--color-black-500); border-color:var(--color-black-300);}
.dark-mode .input-box input{color:var(--color-white);}
.dark-mode .input-box input::placeholder{color:var(--color-gray-500);}
.dark-mode .input-box input[type=date]:before, .dark-mode .input-box input[type=datetime-local]:before, .dark-mode .input-box input[type=month]:before{background:var(--color-black-500);}
.dark-mode .input-box input[type=date]:after, .dark-mode .input-box input[type=datetime-local]:after, .dark-mode .input-box input[type=month]:after{filter:invert(71%) sepia(4%) saturate(13%) hue-rotate(103deg) brightness(86%) contrast(86%);}
.dark-mode .input-box.disabled{background:var(--color-black-600) !important;}
.dark-mode .input-box.disabled input{color:var(--color-gray-800) !important;}
.dark-mode .input-box.readonly{background:var(--color-black-600) !important;}
.dark-mode .input-box.readonly input{color:var(--color-gray-800) !important;}
/* quantity-box */
.dark-mode .quantity-box{background:var(--color-black-500); border-color:var(--color-black-300);}
.dark-mode .quantity-box .quantity-btn{background-color:var(--color-black-500);}
.dark-mode .quantity-box .quantity-btn:after{filter:var(--filter-white);}
.dark-mode .quantity-box .quantity-btn.disabled{background:var(--color-black-500) !important;}
.dark-mode .quantity-box .quantity-btn.disabled:after{filter:var(--filter-gray-800);}
/* textarea-box */
.dark-mode .textarea-box textarea{background:var(--color-black-500); border-color:var(--color-black-300); color:var(--color-white) !important;}
.dark-mode .textarea-box textarea:disabled{background:var(--color-black-600);}
/* select-box */
.dark-mode .select-box{background:var(--color-black-500); border-color:var(--color-black-300);}
.dark-mode .select-box select{color:var(--color-white); background-image:url('/asset/images/icon_select_white.svg');}
.dark-mode .select-box select option{background:var(--color-black-400); color:var(--color-gray-300) !important;}
.dark-mode .select-box select option:disabled{background:var(--color-black-600); color:var(--color-gray-800) !important;}
.dark-mode .select-box select optgroup{background:var(--color-black-500); color:var(--color-gray-300) !important;}
/* check-box */
.dark-mode .check-box label:before{background-image:url('/asset/images/icon_check_darkmode.svg');}
.dark-mode .check-box label span{color:var(--color-gray-300);}
.dark-mode .check-box input:disabled ~ label:before{background-image:url('/asset/images/icon_check_disabled_darkmode.svg');}
.dark-mode .check-box input:disabled ~ label span{color:var(--color-gray-700) !important;}
.dark-mode .check-box input:checked ~ label span{color:var(--color-white) !important;}
.dark-mode .check-box input:disabled:checked ~ label:before{background-image:url('/asset/images/icon_check_on_disabled_darkmode.svg');}
.dark-mode .check-box input:disabled:checked ~ label span{color:var(--color-gray-700) !important;}
/* radio-box */
.dark-mode .radio-box label:before{background-image:url('/asset/images/icon_radio_darkmode.svg');}
.dark-mode .radio-box label p{color:var(--color-gray-300);}
.dark-mode .radio-box input:disabled ~ label:before{background-image:url('/asset/images/icon_radio_disabled_darkmode.svg');}
.dark-mode .radio-box input:disabled ~ label span{color:var(--color-gray-700) !important;}
.dark-mode .radio-box input:checked ~ label span{color:var(--color-white) !important;}
.dark-mode .radio-box input:disabled:checked ~ label:before{background-image:url('/asset/images/icon_radio_on_disabled_darkmode.svg');}
.dark-mode .radio-box input:disabled:checked ~ label span{color:var(--color-gray-700) !important;}
/* switch-box */
.dark-mode .switch-box label{background:var(--color-black-500);}
.dark-mode .switch-box input:disabled ~ label{background:var(--color-black-300);}
.dark-mode .switch-box input:disabled ~ label span{background:var(--color-black-500);}
/* star-box */
.dark-mode .star-box .star label:after{filter:var(--filter-black-500);}
.dark-mode .star-box .star.active label:after{filter:var(--filter-active-100)}
/* file-box */
.dark-mode .file-box .file-name{background:var(--color-black-500); border-color:var(--color-black-300);}
.dark-mode .file-box .file-name.success p{color:var(--color-white)}
.dark-mode .file-box .file-select input:focus-visible ~ label .button-box .btn{outline:2px solid var(--color-white);}
.dark-mode .file-box .file-button .file-btn{background:var(--color-black-500); border-color:var(--color-black-300);}
.dark-mode .file-box .file-button .file-btn:after{filter:var(--filter-white);}
/* file-image-box */
.dark-mode .file-image-box label{background-color:var(--color-black-500);}
.dark-mode .file-image-box label:after{filter:var(--filter-white);}
.dark-mode .file-image-box input:focus-visible ~ label{outline:2px solid var(--color-white);}
.dark-mode .file-image-box .file-list li{border-color:var(--color-black-300);}
/* file-list-box */
.dark-mode .file-list-box > ul > li .list-inner{background:var(--color-black-600); border-color:var(--color-black-300);}
.dark-mode .file-list-box > ul > li .list-inner:hover{background:var(--color-black-700);}
.dark-mode .file-list-box > ul > li .list-inner:before{filter:var(--filter-gray-300);}
.dark-mode .file-list-box > ul > li .list-inner .download:after{filter:var(--filter-gray-300);}
.dark-mode .file-list-box > ul > li .list-inner .preview:after{filter:var(--filter-gray-300);}
/* dropdown-box */
.dark-mode .dropdown-box .dropdown-inner > ul{background:var(--color-black-500); border-color:var(--color-black-300); box-shadow:0 0 10px rgba(0,0,0,0.8);}
.dark-mode .dropdown-box .dropdown-inner > ul > li > .more:hover{background:var(--color-black-300); color:var(--color-gray-300);}
/* dropmenu-box */
.dark-mode .dropmenu-box ul{background:var(--color-black-500); box-shadow:0 0 10px rgba(0,0,0,0.8); border:1px solid var(--color-black-300);}
.dark-mode .dropmenu-box ul li:hover > *:not(.inner){background:var(--color-black-600);}
.dark-mode .dropmenu-box ul li:hover > * > p{color:var(--color-gray-300);}
.dark-mode .dropmenu-box ul li.active > *:not(.inner){background:var(--color-active2);}
.dark-mode .dropmenu-box ul.drop-right > li > .more:after{filter:var(--filter-gray-500);}
.dark-mode .dropmenu-box ul.drop-left > li > .more:before{filter:var(--filter-gray-500);}
/* share-box */
.dark-mode .share-box .icon-share{background:var(--color-black-200); filter:none;}
.dark-mode .share-box .icon-share:after{filter:var(--filter-white);}
.dark-mode .share-box ul li button span{color:var(--color-white);}
/* tag-box */
.dark-mode .tag-box > *{background:var(--color-black-300); border-color:var(--color-black-400);}
/* tab-box */
.dark-mode .tab-box.tab1 > ul > li > .tab{background:var(--color-black-500); color:var(--color-black-100); border-bottom-color:var(--color-black-300);}
.dark-mode .tab-box.tab1 > ul > li > .tab:hover{background:var(--color-black-600); color:var(--color-black-200);}
.dark-mode .tab-box.tab1 > ul > li > .tab.active{background-color:var(--color-active); color:var(--colot-white);}
.dark-mode .tab-box.tab2 > ul > li > .tab{background:var(--color-black-500); color:var(--color-black-100); border-color:var(--color-black-300);}
.dark-mode .tab-box.tab2 > ul > li > .tab:hover{background:var(--color-black-600); color:var(--color-black-200);}
.dark-mode .tab-box.tab2 > ul > li > .tab.active{background:var(--color-active); color:var(--color-white); border-color:var(--color-active);}
.dark-mode .tab-box.tab3 > ul > li > .tab{background:var(--color-black-500); color:var(--color-black-100); border-color:var(--color-black-300);}
.dark-mode .tab-box.tab3 > ul > li > .tab:hover{background:var(--color-black-600); color:var(--color-black-200);}
.dark-mode .tab-box.tab3 > ul > li > .tab.active{background:var(--color-active); color:var(--color-white); border-color:var(--color-active);}
/* category-box */
.dark-mode .category-box .category1 > li > .cate{background:var(--color-black-500); color:var(--color-gray-500); border-color:var(--color-black-300);}
.dark-mode .category-box .category1 > li.active > .cate{background-color:var(--color-active); color:var(--color-white); border-color:var(--color-active);}
/* toast-box */
.dark-mode .toast-box .box{background:var(--color-black-700);}
.dark-mode .toast-box .toast-head{border-color:var(--color-black-300);}
.dark-mode .toast-box .toast-head .toast-progress{background:var(--color-white);}
/* modal-box */
.dark-mode .modal-box .box{background:var(--color-black-700);}
.dark-mode .modal-box .box .modal-head{border-color:var(--color-black-300);}
.dark-mode .modal-box .box .modal-head .close{filter:var(--filter-white);}
.dark-mode .modal-box .box .modal-body .modal-body-text p{color:var(--color-gray-400);}
.dark-mode .modal-box .box .modal-body .modal-body-list ul li{border-color:var(--color-black-300);}
.dark-mode .modal-box .box .modal-body .modal-body-list ul li .link{color:var(--color-gray-400);}
.dark-mode .modal-box .box .modal-body .modal-body-list ul li .link:hover{background:var(--color-black-500);}
/* paging-box */
.dark-mode .paging-box ul li a{color:var(--color-gray-400);}
.dark-mode .paging-box ul li p{color:var(--color-gray-400);}
.dark-mode .paging-box ul li.pg *:after{filter:var(--filter-gray-400);}
.dark-mode .paging-box ul li.disabled.pg *:after{filter:var(--filter-gray-700);}
/* table-box */
.dark-mode .table-box table{border:0;}
.dark-mode .table-box table thead tr th{background:var(--color-active3); border:1px solid var(--color-black-200);}
.dark-mode .table-box table tbody tr td{background:var(--color-black-300); border-color:var(--color-black-500);}
.dark-mode .table-box table tbody tr:nth-of-type(even) td{background:var(--color-black-400);}
.dark-mode .table-box table tbody tr:hover td{background:var(--color-black-700);}
/* terms-box */
.dark-mode .terms-box{background:var(--color-black-500); border-color:var(--color-black-300);}
.dark-mode .terms-box .terms-head{background:var(--color-black-600); border-color:var(--color-black-300);}
.dark-mode .terms-box .terms-body > ul > li > p{color:var(--color-gray-500);}
.dark-mode .terms-box .terms-body > ul > li ul li{color:var(--color-gray-500);}
.dark-mode .terms-box .terms-body > ul > li ul.inner li:before{background:var(--color-gray-500);}
/* marker-box */
.dark-mode .marker-box{background:var(--color-black-600);}
.dark-mode .marker-box .marker-content{border-color:var(--color-black-300);}
.dark-mode .marker-box .marker-content .content-subject .close{filter:var(--filter-white);}
.dark-mode .marker-box .marker-content .content-detail ul li:before{filter:var(--filter-gray-500);}
.dark-mode .marker-box .marker-content .content-detail ul li p{color:var(--color-gray-500);}
/* list-none-box */
.dark-mode .list-none-box{background:var(--color-black-500); border-bottom-color:var(--color-black-300);}
.dark-mode .list-none-box p{color:var(--color-gray-500);}
/* board-search-box */
.dark-mode .board-search-box{background:var(--color-black-600); border-color:var(--color-black-300);}
/* board-recommend-box */
.dark-mode .board-recommend-box ul{background:var(--color-black-400); border:1px solid var(--color-black-300);}
.dark-mode .board-recommend-box ul li button{color:var(--color-gray-300);}
.dark-mode .board-recommend-box ul li button.active{color:var(--color-active);}
/* board-list-box */
.dark-mode .board-list-box table thead tr th{background:var(--color-black-500); border-color:var(--color-black-400);}
.dark-mode .board-list-box table tbody tr{background:var(--color-black-400); border-color:var(--color-black-300);}
.dark-mode .board-list-box table tbody tr td{background:var(--color-black-300); border-color:var(--color-black-200); color:var(--color-gray-300);}
.dark-mode .board-list-box table tbody tr td .subject .subject-tit{color:var(--color-white);}
.dark-mode .board-list-box table tbody tr.notice td{background:color-mix(in srgb, var(--color-active) 5%, transparent);}
@media (max-width:991px){
.dark-mode .board-list-box table tbody tr td{color:var(--color-gray-600);}
.dark-mode .board-list-box table tbody tr td.subject-cell .subject-tit{color:var(--color-white);}
}
/* board-faq-box */
.dark-mode .board-faq-box > ul > li{background:var(--color-black-500); border-color:var(--color-black-300);}
.dark-mode .board-faq-box > ul > li .faq-head button:after{filter:var(--filter-gray-300);}
.dark-mode .board-faq-box > ul > li .faq-head button .subject{color:var(--color-gray-300);}
.dark-mode .board-faq-box > ul > li .faq-body{background:var(--color-black-600); border-color:var(--color-black-300);}
.dark-mode .board-faq-box > ul > li.active .faq-head button:after{filter:var(--filter-active-100);}
.dark-mode .board-faq-box > ul > li.active .faq-head button .subject{text-decoration:underline; color:var(--color-white);}
/* board-gallery-box */
.dark-mode .board-gallery-box > ul > li{border-color:var(--color-black-300); background:var(--color-black-500);}
.dark-mode .board-gallery-box > ul > li .more{background:var(--color-black-500);}
.dark-mode .board-gallery-box > ul > li .more .list-image{border-color:var(--color-black-300);}
.dark-mode .board-gallery-box > ul > li .more .list-content .text{color:var(--color-gray-600);}
.dark-mode .board-gallery-box > ul > li .more .list-content .detail > li{color:var(--color-gray-600);}
/* board-webzine-box */
.dark-mode .board-webzine-box > ul > li{border-color:var(--color-black-300);}
.dark-mode .board-webzine-box > ul > li .more{background:var(--color-black-500);}
.dark-mode .board-webzine-box > ul > li .more .list-content .text{color:var(--color-gray-600);}
.dark-mode .board-webzine-box > ul > li .more .list-content .detail > li{color:var(--color-gray-600);}
/* board-survey-box */
.dark-mode .board-survey-box > ul > li .more{background:var(--color-black-500);}
.dark-mode .board-survey-box > ul > li .more .survey-top .top-left .text{color:var(--color-gray-400);}
.dark-mode .board-survey-box > ul > li .more .survey-top .top-left .detail li{color:var(--color-gray-500);}
.dark-mode .board-survey-box > ul > li .more .survey-top .top-left .detail li b{color:var(--color-white);}
.dark-mode .board-survey-box > ul > li .more .survey-top .top-progress p{color:var(--color-gray-500);}
.dark-mode .board-survey-box > ul > li .more .survey-bottom{border-color:var(--color-black-300);}
/* board-survey-result-box */
.dark-mode .board-survey-result-box > ul > li{background:var(--color-black-500); border-color:var(--color-black-300);}
.dark-mode .board-survey-result-box > ul > li .result-head{border-color:var(--color-black-300);}
.dark-mode .board-survey-result-box > ul > li .result-head .head-count p{color:var(--color-gray-400);}
.dark-mode .board-survey-result-box > ul > li .result-body > ul > li{border-color:var(--color-black-300); background:var(--color-black-400);}
.dark-mode .board-survey-result-box > ul > li .result-body > ul > li .body-count p strong{color:var(--color-white);}
/* board-review-box */
.dark-mode .board-review-box > ul > li{background:var(--color-black-500); border-color:var(--color-black-300);}
.dark-mode .board-review-box > ul > li .review-head{border-color:var(--color-black-300);}
.dark-mode .board-review-box > ul > li .review-foot{border-color:var(--color-black-300);}
.dark-mode .board-review-box > ul > li .review-foot .board-recommend-box ul{border:0;}
/* board-timeline-box */
.dark-mode .board-timeline-box > ul > li .list-time strong{color:var(--color-white);}
.dark-mode .board-timeline-box > ul > li .list-content > ul > li .inner{background:var(--color-black-500);}
.dark-mode .board-timeline-box > ul > li .list-content > ul > li .inner .content-detail .detail li{color:var(--color-gray-500);}
/* board-map-box */
.dark-mode .board-map-box{background:var(--color-black-500);}
.dark-mode .board-map-box .map-list > ul > li{border-color:var(--color-black-300);}
.dark-mode .board-map-box .map-list > ul > li .more .list-image{border-color:var(--color-black-200);}
.dark-mode .board-map-box .map-list > ul > li .more .list-content ul li:before{filter:var(--filter-gray-500);}
.dark-mode .board-map-box .map-list > ul > li .more .list-content ul li p{color:var(--color-gray-500);}
.dark-mode .board-map-box .map-list > ul > li .more:hover{background:var(--color-black-400);}
/* board-write-box */
.dark-mode .board-write-box{border-color:transparent;}
.dark-mode .board-write-box table tbody tr > *{border-color:var(--color-black-300);}
.dark-mode .board-write-box table tbody tr th{background:var(--color-black-700); border-color:var(--color-black-400);}
.dark-mode .board-write-box table tbody tr td{background:var(--color-black-600);}
/* board-view-box */
.dark-mode .board-view-box{background:var(--color-black-500);}
.dark-mode .board-view-box .view-head{border-color:var(--color-black-300);}
.dark-mode .board-view-box .view-head .head-info ul li{color:var(--color-gray-600);}
.dark-mode .board-view-box .view-body .view-body-content{border-color:var(--color-black-300);}
.dark-mode .board-view-box .view-body .view-body-content p{color:var(--color-gray-500);}
.dark-mode .board-view-box .view-body .view-body-content *{color:var(--color-gray-500) !important;}
.dark-mode .board-view-box .view-body .view-body-link{border-color:var(--color-black-300);}
.dark-mode .board-view-box .view-body .view-body-list > ul{border-color:var(--color-black-300);}
.dark-mode .board-view-box .view-body .view-body-list > ul > li{border-color:var(--color-black-300);}
.dark-mode .board-view-box .view-body .view-body-list > ul > li:last-of-type{border:0;}
.dark-mode .board-view-box .view-body .view-body-map .map-inner .map-right{border-color:var(--color-black-300);}
.dark-mode .board-view-box .view-body .view-body-map .map-inner .map-right ul li:before{filter:var(--filter-gray-500);}
.dark-mode .board-view-box .view-body .view-body-map .map-inner .map-right ul li p{color:var(--color-gray-500);}
/* board-comment-box */
.dark-mode .board-comment-box .comment-count h4{color:var(--color-white);}
.dark-mode .board-comment-box .comment-list{background:var(--color-black-500);}
.dark-mode .board-comment-box .comment-list > ul > li{border-color:var(--color-black-300);}
.dark-mode .board-comment-box .comment-list > ul > li .cmt-head{border-color:var(--color-black-300);}
.dark-mode .board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text p{color:var(--color-gray-500);}
.dark-mode .board-comment-box .comment-list > ul > li .cmt-foot > ul{border-color:var(--color-black-300);}
.dark-mode .board-comment-box .comment-list > ul > li .cmt-foot > ul > li{border-color:var(--color-black-300);}
@media (max-width:991px){
.dark-mode .board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text .cmt-more:after{color:var(--color-gray-300);}
}
/* swiper-gallery-box */
.dark-mode .swiper-gallery-box .swiper-button-prev{filter:var(--filter-white);}
.dark-mode .swiper-gallery-box .swiper-button-next{filter:var(--filter-white);}
/* chat-list-box */
.dark-mode .chat-list-box .list-body{background:var(--color-black-500); border-color:var(--color-black-300);}
.dark-mode .chat-list-box .list-body > ul > li{border-color:var(--color-black-300);}
.dark-mode .chat-list-box .list-body > ul > li > .more .chat-content .content-left .left-text p{filter:var(--filter-gray-500);}
.dark-mode .chat-list-box .list-body > ul > li > .more .chat-content .content-left .left-subject .icon{filter:var(--filter-gray-300);}
.dark-mode .chat-list-box .list-body > ul > li > label.more .chat-content:after{background-image:url('/asset/images/icon_check_darkmode.svg');}
.dark-mode .chat-list-box .list-body > ul > li > input:checked ~ label.more .chat-content:after{background-image:url('/asset/images/icon_check_on.svg');}
.dark-mode .chat-list-box .list-search{background:var(--color-black-600); border-color:var(--color-black-300);}
/* chat-view-box */
.dark-mode .chat-view-box .view-body{background:var(--color-black-500); border-color:var(--color-black-300);}
.dark-mode .chat-view-box .view-body > ul > li .chat-content .chat-text .text{background:var(--color-black-300); color:var(--color-gray-300); border-color:var(--color-black-200);}
.dark-mode .chat-view-box .view-body > ul > li .chat-content .chat-text .text:before{background:var(--color-black-300); border-color:var(--color-black-200);}
.dark-mode .chat-view-box .view-body > ul > li .chat-content .chat-text .text a{color:var(--color-cyan);}
.dark-mode .chat-view-box .view-body > ul > li .chat-content .chat-date time{color:var(--color-gray-500);}
.dark-mode .chat-view-box .view-body > ul > li .chat-content .chat-file .inner{background:var(--color-black-300); border-color:var(--color-black-200);}
.dark-mode .chat-view-box .view-body > ul > li .chat-content .chat-file .inner .inner-content .file-info{color:var(--color-gray-500);}
.dark-mode .chat-view-box .view-body > ul > li .chat-content .chat-file .inner .inner-content .file-download .download{color:var(--color-cyan);}
.dark-mode .chat-view-box .view-body > ul > li .chat-content .chat-file .inner:after{filter:var(--filter-gray-300);}
.dark-mode .chat-view-box .view-body > ul > li .chat-content .chat-link .link{background:var(--color-black-300); border-color:var(--color-black-200);}
.dark-mode .chat-view-box .view-body > ul > li .chat-content .chat-link .link .link-content .link-info{color:var(--color-gray-500);}
.dark-mode .chat-view-box .view-body > ul > li.mine .chat-content .chat-text .text{background:var(--color-active); border-color:var(--color-active);}
.dark-mode .chat-view-box .view-body > ul > li.mine .chat-content .chat-text .text:before{background:var(--color-active); border-color:var(--color-active);}
.dark-mode .chat-view-box .view-body > ul > li.mine .chat-content .chat-text .text a{color:var(--color-light-active);}
.dark-mode .chat-view-box .view-body > .time-line .time{background:var(--color-active3);}
.dark-mode .chat-view-box .view-body > .time-line .time:before{filter:var(--filter-gray-300);}
.dark-mode .chat-view-box .view-foot{background:var(--color-black-600); border-color:var(--color-black-300);}
.dark-mode .chat-view-box .view-foot .view-bottom .icon{filter:var(--filter-gray-300);}
.dark-mode .chat-view-box .view-search{background:var(--color-black-600); border-color:var(--color-black-300);}


/* /asset/css/site/user.css */
/* sub-content-box */
.sub-content-box .content-inner{margin:var(--margin-50) 0 0;}
.sub-content-box .content-inner:first-child{margin:0;}
.sub-content-box .content-inner .content-title{margin:0 0 var(--margin-10);}
.sub-content-box .content-inner .content-title h4{font-size:var(--font-xxl); font-weight:600;}
.sub-content-box .content-inner .content-title h4 b{font-size:inherit; font-weight:600; color:var(--color-active);}
.dark-mode .sub-content-box .content-inner .content-title h4{color:var(--color-white);}
/* header */
.header{position:fixed; top:0; left:0; width:100%; z-index:1000; background:rgba(255,255,255,0.97); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border-bottom:1px solid var(--color-gray-300); transition:box-shadow 0.3s ease;}
.header.scrolled{box-shadow:0 2px 12px rgba(0,0,0,0.08);}
.header__inner{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:64px;}
.header__brand{display:flex; align-items:center; text-decoration:none; flex-shrink:0;}
.header__logo{height:36px; width:auto; display:block;}
.header__site-name{font-size:var(--font-xl); font-weight:700; color:var(--color-black);}
/* header__nav */
.header__nav{display:flex; align-items:center; height:100%;}
.header__menu{display:flex; align-items:center; gap:0; height:100%; list-style:none; margin:0; padding:0;}
.header__menu-item{position:relative; height:100%; display:flex; align-items:center;}
.header__menu-item > a{display:flex; align-items:center; height:100%; padding:0 16px; font-size:var(--font-md); font-weight:500; color:var(--color-gray-900); text-decoration:none; transition:color 0.2s ease; white-space:nowrap;}
.header__menu-item > a:hover, .header__menu-item > a:focus{color:var(--color-active);}
/* header__dropdown */
.header__dropdown{position:absolute; top:100%; left:0; padding-top:4px; opacity:0; pointer-events:none; transition:opacity 0.25s ease; z-index:100;}
.header__menu-item:hover > .header__dropdown, .header__menu-item:focus-within > .header__dropdown{opacity:1; pointer-events:auto;}
/* header__hamburger */
.header__hamburger{display:none; background:none; border:none; cursor:pointer; padding:8px; flex-direction:column; gap:5px; align-items:center; justify-content:center; width:40px; height:40px;}
.header__hamburger-bar{display:block; width:22px; height:2px; background:var(--color-gray-800); border-radius:2px; transition:all 0.3s ease;}
.header__hamburger.active .header__hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg);}
.header__hamburger.active .header__hamburger-bar:nth-child(2){opacity:0;}
.header__hamburger.active .header__hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
/* header__mobile-overlay */
.header__mobile-overlay{position:fixed; inset:0; background:rgba(0,0,0,0.4); z-index:999; opacity:0; pointer-events:none; transition:opacity 0.3s ease;}
.header__mobile-overlay.active{opacity:1; pointer-events:auto;}
/* header__mobile-nav */
.header__mobile-nav{position:fixed; top:0; right:-280px; width:280px; height:100%; background:var(--color-white); z-index:1000; overflow-y:auto; transition:right 0.3s ease; box-shadow:-4px 0 20px rgba(0,0,0,0.1);}
.header__mobile-nav.active{right:0;}
.header__mobile-head{display:flex; align-items:center; justify-content:space-between; padding:12px 16px; border-bottom:1px solid var(--color-gray-300);}
.header__mobile-head .header__logo{height:28px;}
.header__mobile-close{background:none; border:none; font-size:28px; line-height:1; cursor:pointer; color:var(--color-gray-900); padding:4px 8px;}
/* header__mobile-menu */
.header__mobile-menu{list-style:none; margin:0; padding:0;}
.header__mobile-item{border-bottom:1px solid var(--color-gray-200);}
.header__mobile-link-row{display:flex; align-items:center; justify-content:space-between;}
.header__mobile-link-row > a{flex:1; min-width:0; padding:14px 16px; font-size:var(--font-md); font-weight:500; color:var(--color-gray-900); text-decoration:none;}
.header__mobile-toggle{background:none; border:none; cursor:pointer; padding:14px 16px; display:flex; align-items:center; justify-content:center;}
.header__mobile-toggle-icon{display:block; width:12px; height:12px; position:relative; transition:transform 0.3s ease;}
.header__mobile-toggle-icon::before, .header__mobile-toggle-icon::after{content:""; position:absolute; background:var(--color-gray-600); border-radius:1px;}
.header__mobile-toggle-icon::before{top:50%; left:0; width:100%; height:2px; transform:translateY(-50%);}
.header__mobile-toggle-icon::after{top:0; left:50%; width:2px; height:100%; transform:translateX(-50%); transition:transform 0.3s ease;}
.header__mobile-toggle-icon.active::after{transform:translateX(-50%) rotate(90deg);}
/* header__mobile-sub */
.header__mobile-sub{list-style:none; margin:0; padding:0; max-height:0; overflow:hidden; transition:max-height 0.3s ease; background:var(--color-gray-50);}
.header__mobile-sub li{border-top:1px solid var(--color-gray-200);}
.header__mobile-sub .header__mobile-link-row > a{padding-left:32px; font-weight:400; font-size:var(--font-sm); color:var(--color-gray-900);}
.header__mobile-sub .header__mobile-sub .header__mobile-link-row > a{padding-left:48px; font-size:var(--font-xs);}
/* body */
body{padding-top:64px;}
/* no-header */
body.no-header{padding:40px 20px; background:#f4f6fa; min-height:100vh; display:flex; align-items:center; justify-content:center;}
body.no-header.db-embed{padding:0; background:var(--site-bg-color, #fff); min-height:0; display:block;}
@media (max-width:991px){
.header__nav{display:none;}
.header__hamburger{display:flex;}
}
/* user-auth */
.user-auth{width:100%; max-width:900px; margin:0 auto; display:flex; align-items:stretch; background:#ffffff; border-radius:20px; overflow:hidden; box-shadow:0 30px 60px -20px rgba(15, 23, 42, 0.12), 0 10px 20px -8px rgba(15, 23, 42, 0.06); word-break:keep-all; overflow-wrap:break-word;}
/* user-auth--wide */
.user-auth--wide{max-width:820px;}
.user-auth--wide .user-auth__brand{display:none;}
.user-auth--wide .user-auth__panel{flex:1 1 auto;}
.user-auth--wide .user-auth__panel-inner{max-width:none; width:100%;}
/* user-auth__brand */
.user-auth__brand{flex:1; min-width:0; display:flex; flex-direction:column; justify-content:space-between; gap:48px; padding:64px 56px; color:#ffffff; background-color:#0f172a; background-image:radial-gradient(circle, rgba(255, 255, 255, 0.07) 1px, transparent 1.5px), linear-gradient(155deg, #0f172a 0%, #1e293b 55%, #1e1b4b 100%); background-size:22px 22px, auto;}
/* user-auth__brand-top */
.user-auth__brand-top{display:flex; align-items:center; gap:10px;}
.user-auth__brand-top img{max-width:140px; max-height:32px; width:auto; height:auto; object-fit:contain; filter:brightness(0) invert(1);}
.user-auth__brand-name{color:#ffffff; font-size:18px; font-weight:700; letter-spacing:-0.01em;}
/* user-auth__brand-foot */
.user-auth__brand-foot{color:rgba(255, 255, 255, 0.5); font-size:13px;}
/* user-auth__panel */
.user-auth__panel{flex:1; min-width:0; display:flex; align-items:center; justify-content:center; padding:56px;}
.user-auth__panel-inner{width:100%; max-width:400px;}
/* user-auth__head */
.user-auth__head{margin-bottom:36px;}
.user-auth__title{margin:0 0 10px; font-size:28px; font-weight:700; color:#0f172a; line-height:1.25; letter-spacing:-0.025em;}
.user-auth__lead{margin:0; font-size:14.5px; color:#64748b; line-height:1.65;}
/* user-auth__link */
.user-auth__link{color:var(--color-active, #4f6ef7); font-weight:500; text-decoration:none; transition:color 0.15s ease;}
.user-auth__link:hover{color:var(--color-active2, #4257d2); text-decoration:underline; text-underline-offset:3px;}
/* user-auth__divider */
.user-auth__divider{display:flex; align-items:center; gap:14px; margin:28px 0 18px; color:#94a3b8; font-size:12px; font-weight:500;}
.user-auth__divider::before, .user-auth__divider::after{content:""; flex:1; height:1px; background:#e2e8f0;}
/* user-auth__signup */
.user-auth__signup{margin:28px 0 0; text-align:center; font-size:14px; color:#64748b;}
.user-auth__signup .user-auth__link{font-weight:inherit; font-size:inherit; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px;}
/* agree-box */
.agree-box{border-top:1px solid var(--color-gray-200);}
.agree-box .agree-total{background:var(--color-gray-100); padding:var(--padding-15); border-radius:var(--radius-8, 8px);}
.agree-box .agree-list{padding:var(--padding-15);}
.agree-box .agree-list > ul > li{margin:0 0 10px; display:flex; flex-wrap:wrap; align-items:center; gap:15px;}
.agree-box .agree-list > ul > li:last-of-type{margin:0;}
.agree-box .agree-list > ul > li .check-box{flex:1; min-width:0;}
.agree-box .agree-list > ul > li .agree-modal{color:var(--color-active); text-decoration:underline;}
/* login-or */
.login-or{margin:24px 0; display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
.login-or p{font-size:14px; color:var(--color-gray-900); text-transform:uppercase; letter-spacing:1px; font-weight:600;}
.login-or:before, .login-or:after{display:block; content:""; flex:1; min-width:0; height:1px; background:var(--color-gray-200);}
@media (max-width:991px){
.user-auth__brand{padding:48px 40px;}
.user-auth__panel{padding:48px 40px;}
.user-auth__title{font-size:26px;}
}
@media (max-width:767px){
body.no-header{padding:0;}
.user-auth{border-radius:0; box-shadow:none; min-height:100vh;}
.user-auth__brand{display:none;}
.user-auth__panel{padding:36px 24px;}
.user-auth__head{margin-bottom:28px;}
.user-auth__title{font-size:24px;}
.user-auth__lead{font-size:14px;}
}
@media (max-width:480px){
.user-auth__panel{padding:32px 20px;}
.user-auth__title{font-size:22px;}
}
/* header__lang */
.header__lang{margin-left:auto; margin-right:12px;}
.header__lang-select{padding:6px 10px; border:1px solid var(--color-gray-300, #ddd); border-radius:6px; background:#fff; font-size:14px; cursor:pointer;}
.header__lang-select:focus{outline:2px solid var(--color-active, #0066cc); outline-offset:2px;}
/* header__mobile-lang */
.header__mobile-lang{padding:12px 20px; border-bottom:1px solid var(--color-gray-200, #eee);}
.header__mobile-lang .header__lang-select{width:100%;}
@media (max-width:991px){
.header__lang{display:none;}
}
/* user-auth--rc */
.user-auth--rc{min-height:500px;}
@media (max-width:767px){
.user-auth--rc{min-height:100vh; flex-direction:column;}
.user-auth--rc .user-auth__brand{display:flex; width:100%; flex:0 0 auto; padding:28px 24px; gap:16px;}
.user-auth--rc .user-auth__panel{width:100%; flex:1 1 auto;}
}


/* /asset/css/widget/widget_motion.css */
/* widget_motion */
기본값은 **천천히 자연스럽게** — 지속시간 0.9초, 곡선은 감속(cubic-bezier(.16,1,.3,1)). 예전 기본(0.7초 / ease)은 눈에 띄게 빨라 툭 튀어나오는 느낌이었다(사용자 지적). 모달의 표시 기본값(지속시간 '조금 느리게', 곡선 '감속')과 여기 값이 **같아야** 한다 — 운영자가 아무것도 안 골랐을 때 보이는 값과 실제 동작이 어긋나지 않는다. .anim-on [data-anim]{opacity:0; transition:opacity var(--anim-dur,.9s) var(--anim-ease,cubic-bezier(.16,1,.3,1)), transform var(--anim-dur,.9s) var(--anim-ease,cubic-bezier(.16,1,.3,1)), filter var(--anim-dur,.9s) var(--anim-ease,cubic-bezier(.16,1,.3,1)); transition-delay:var(--anim-delay,0s); will-change:opacity, transform;}
.anim-notrans, .anim-notrans > *{transition:none !important; animation:none !important;}
.anim-on [data-anim="slide-up"]{transform:translateY(40px);}
.anim-on [data-anim="slide-down"]{transform:translateY(-40px);}
.anim-on [data-anim="zoom-in"]{transform:scale(.86);}
.anim-on [data-anim="zoom-out"]{transform:scale(1.18);}
.anim-on [data-anim="blur-in"]{filter:blur(12px);}
.anim-on [data-anim="slide-left"]{transform:translateX(-40px);}
.anim-on [data-anim="slide-right"]{transform:translateX(40px);}
.anim-on [data-anim="rotate-in"]{transform:rotate(-6deg) scale(.96);}
.anim-on [data-anim="flip-x"]{transform:perspective(800px) rotateX(70deg);}
.anim-on [data-anim="flip-y"]{transform:perspective(800px) rotateY(70deg);}
.anim-on [data-anim="skew"]{transform:skewX(-12deg) translateX(28px);}
.anim-on [data-anim="roll-in"]{transform:rotate(-120deg) translateX(-30px);}
.anim-on [data-anim].on{opacity:1; transform:none; filter:none;}
/* anim-on */
.anim-on [data-anim="stagger"]{opacity:1;}
.anim-on [data-anim="stagger"] > *{opacity:0;}
.anim-on [data-anim="stagger"] > *.wm-in{opacity:1; animation:anim-stagger-in var(--anim-dur,.9s) var(--anim-ease,cubic-bezier(.16,1,.3,1)) var(--wm-delay,0s) backwards;}
@keyframes anim-stagger-in{from {opacity:0; transform:translateY(30px);} to {opacity:1; transform:none;}}
@media (prefers-reduced-motion: reduce){
.anim-on [data-anim], .anim-on [data-anim] > *{opacity:1 !important; transform:none !important; filter:none !important; transition:none !important; animation:none !important;}
}