@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap");
/* Original file: files/cache/assets/compiled/7bccc2077a5cc54eda24f3b58cec0c1979b3042e.rhymix.scss.min.css */

body,table,input,textarea,select,button{font-family:sans-serif;font-size:12px}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}body{position:relative}body.rx_modal_open{overflow:hidden;position:fixed}a img{border:0}[hidden]{display:none}.xe_content,.rhymix_content{font-family:inherit;font-size:13px;line-height:160%;word-break:normal;word-wrap:break-word;overflow-wrap:anywhere}.xe_content p,.rhymix_content p{margin:0 0 0px 0;line-height:160%}.xe_content p span,.rhymix_content p span{line-height:160%}.xe_content img,.xe_content video,.rhymix_content img,.rhymix_content video{max-width:100%;height:auto}.xe_content table,.rhymix_content table{font:inherit}.xe_content blockquote,.rhymix_content blockquote{padding:2px 0;border-style:solid;border-color:#ccc;border-width:0;border-left-width:5px;padding-left:20px;padding-right:8px}.xe_content blockquote:lang(ar),.xe_content blockquote:lang(arc),.xe_content blockquote:lang(dv),.xe_content blockquote:lang(ha),.xe_content blockquote:lang(he),.xe_content blockquote:lang(khw),.xe_content blockquote:lang(ks),.xe_content blockquote:lang(ku),.xe_content blockquote:lang(ps),.xe_content blockquote:lang(fa),.xe_content blockquote:lang(ur),.xe_content blockquote:lang(yi),.rhymix_content blockquote:lang(ar),.rhymix_content blockquote:lang(arc),.rhymix_content blockquote:lang(dv),.rhymix_content blockquote:lang(ha),.rhymix_content blockquote:lang(he),.rhymix_content blockquote:lang(khw),.rhymix_content blockquote:lang(ks),.rhymix_content blockquote:lang(ku),.rhymix_content blockquote:lang(ps),.rhymix_content blockquote:lang(fa),.rhymix_content blockquote:lang(ur),.rhymix_content blockquote:lang(yi){border-left-width:0px;border-right-width:5px;padding-left:8px;padding-right:20px}.xe_content ul,.rhymix_content ul{list-style-type:disc}.xe_content ol,.rhymix_content ol{list-style-type:decimal}.xe_content ul,.xe_content ol,.rhymix_content ul,.rhymix_content ol{display:block;margin-left:1em;margin-right:0;padding-left:25px;padding-right:0}.xe_content ul:lang(ar),.xe_content ul:lang(arc),.xe_content ul:lang(dv),.xe_content ul:lang(ha),.xe_content ul:lang(he),.xe_content ul:lang(khw),.xe_content ul:lang(ks),.xe_content ul:lang(ku),.xe_content ul:lang(ps),.xe_content ul:lang(fa),.xe_content ul:lang(ur),.xe_content ul:lang(yi),.xe_content ol:lang(ar),.xe_content ol:lang(arc),.xe_content ol:lang(dv),.xe_content ol:lang(ha),.xe_content ol:lang(he),.xe_content ol:lang(khw),.xe_content ol:lang(ks),.xe_content ol:lang(ku),.xe_content ol:lang(ps),.xe_content ol:lang(fa),.xe_content ol:lang(ur),.xe_content ol:lang(yi),.rhymix_content ul:lang(ar),.rhymix_content ul:lang(arc),.rhymix_content ul:lang(dv),.rhymix_content ul:lang(ha),.rhymix_content ul:lang(he),.rhymix_content ul:lang(khw),.rhymix_content ul:lang(ks),.rhymix_content ul:lang(ku),.rhymix_content ul:lang(ps),.rhymix_content ul:lang(fa),.rhymix_content ul:lang(ur),.rhymix_content ul:lang(yi),.rhymix_content ol:lang(ar),.rhymix_content ol:lang(arc),.rhymix_content ol:lang(dv),.rhymix_content ol:lang(ha),.rhymix_content ol:lang(he),.rhymix_content ol:lang(khw),.rhymix_content ol:lang(ks),.rhymix_content ol:lang(ku),.rhymix_content ol:lang(ps),.rhymix_content ol:lang(fa),.rhymix_content ol:lang(ur),.rhymix_content ol:lang(yi){padding-left:0px;padding-right:25px;margin-left:0;margin-right:1em}.xe_content li,.rhymix_content li{display:list-item}@media screen{img,video{max-width:none}}.xe-clearfix:before,.xe-clearfix:after{content:" ";display:table}.xe-clearfix:after{clear:both}.xe-widget-wrapper{overflow:hidden}#rhymix_popup_menu,#popup_menu_area{position:absolute;z-index:9999;margin:10px 0;padding:0;border:1px solid #eeeeee;border-radius:2px;font-size:12px;box-shadow:0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);background:#fff;min-width:80px}#rhymix_popup_menu ul,#popup_menu_area ul{margin:0;padding:0;list-style:none}#rhymix_popup_menu li,#popup_menu_area li{margin:0;padding:0;line-height:1.5}#rhymix_popup_menu a,#popup_menu_area a{display:block;padding:5px;text-decoration:none;color:#212121}#rhymix_popup_menu a:hover,#rhymix_popup_menu a:active,#rhymix_popup_menu a:focus,#popup_menu_area a:hover,#popup_menu_area a:active,#popup_menu_area a:focus{background:#eeeeee;outline:none}@media screen and (max-width:400px){#rhymix_popup_menu,#popup_menu_area{min-width:120px;max-width:95%;font-size:13px}#rhymix_popup_menu a,#popup_menu_area a{display:block;padding:10px;text-decoration:none;color:#212121}}.editable_preview{width:100%;min-height:240px;max-height:440px;box-sizing:border-box;margin:0;padding:6px;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);overflow-y:auto;cursor:text}.editable_preview p{margin-bottom:0px !important}.editable_preview_iframe{width:100%;height:440px;box-sizing:border-box;margin:0 0 -4px 0;padding:0;border:0}#rhymix_alert{display:none;position:fixed;left:50%;bottom:20%;min-width:250px;max-width:500px;background-color:#000;color:#fff;font-size:16px;text-align:center;opacity:0.6;padding:12px 20px;border:1px solid #fff;border-radius:10px;transform:translateX(-50%);z-index:999999999}#rhymix_debug_button{display:none;position:fixed;left:0;bottom:40px;background:#eeeeee;background:linear-gradient(to bottom, #f4f4f4 0%, #eaeaea 100%);border:1px solid #ccc;border-left:0;border-top-right-radius:4px;border-bottom-right-radius:4px;box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.18), 0 0 6px 0 rgba(0, 0, 0, 0.12);z-index:1073741824}#rhymix_debug_button.visible{display:block}@media print{#rhymix_debug_button.visible{display:none}}#rhymix_debug_button:hover{background:#dddddd;background:linear-gradient(to bottom, #e8e8e8 0%, #d9d9d9 100%)}#rhymix_debug_button a{display:block;font:bold 12px/14px Arial, sans-serif;color:#444;text-decoration:none;padding:4px 8px}#rhymix_debug_button a.has_errors{color:#f44336}#rhymix_debug_panel{display:none;position:fixed;left:0;top:0;max-width:100%;height:100%;overflow-y:scroll;background:#fcfcfc;box-sizing:border-box;border-right:1px solid #ccc;box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.18), 0 0 8px 0 rgba(0, 0, 0, 0.12);z-index:1073741824}#rhymix_debug_panel .debug_header{clear:both;width:100%;height:36px;background:#444444;background:linear-gradient(to right, #222222 0%, #444444 40%, #eeeeee 100%);position:relative}#rhymix_debug_panel .debug_header h2{font:bold 16px/20px Arial, sans-serif;color:#fcfcfc;position:absolute;left:10px;top:10px;margin:0;padding:0}#rhymix_debug_panel .debug_header .debug_maximize{font:normal 20px/24px Arial, sans-serif;text-decoration:none;color:#444444;position:absolute;right:32px;top:6px}#rhymix_debug_panel .debug_header .debug_close{font:normal 28px/28px Arial, sans-serif;text-decoration:none;color:#444444;position:absolute;right:10px;top:4px}#rhymix_debug_panel .debug_header .debug_close:hover{color:#f44336}#rhymix_debug_panel .debug_page{clear:both;margin:12px 10px;font:normal 12px/16px Arial, NanumBarunGothic, NanumGothic, "Malgun Gothic", sans-serif}#rhymix_debug_panel .debug_page .debug_page_header{padding-bottom:8px;border-bottom:1px solid #ddd;position:relative;cursor:pointer}#rhymix_debug_panel .debug_page .debug_page_header h3{color:#444;font:inherit;font-size:14px;font-weight:bold;margin:0;padding:0}#rhymix_debug_panel .debug_page .debug_page_header h3 .error_count{display:inline-block;margin-left:6px;border-radius:4px;padding:2px 6px;font-size:12px;line-height:12px;background:#f44336;color:#ffffff}#rhymix_debug_panel .debug_page .debug_page_collapse{display:block;position:absolute;right:0;top:0;color:#999;font-size:10px;line-height:12px;text-decoration:none;padding:2px 2px}#rhymix_debug_panel .debug_page .debug_page_body{margin:8px 4px 8px 10px}#rhymix_debug_panel .debug_page .debug_page_body h4{color:#444;font:inherit;font-size:13px;font-weight:bold;margin:0 0 8px 0;padding:0}#rhymix_debug_panel .debug_page .debug_entry{font-family:Consolas, "Courier New", monospace;color:#444;margin-left:38px;margin-bottom:8px;text-indent:-28px;word-wrap:break-word;word-break:break-all}#rhymix_debug_panel .debug_page .debug_entry.pre_wrap{white-space:pre-wrap}#rhymix_debug_panel .debug_page .debug_entry ul.debug_metadata{margin:0 0 0 -16px;padding:0}#rhymix_debug_panel .debug_page .debug_entry ul.debug_metadata li{list-style:disc;margin:0;padding:0;text-indent:0}#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace{margin:4px 0 0 16px;padding:0}#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace li{list-style:disc;margin:0;padding:0;text-indent:0;color:#888}#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace li ul{padding-left:20px}#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace li ul li{list-style:circle}.btnArea{clear:both;margin:10px 0;padding:0;text-align:right}.btnArea:after{clear:both;display:block;content:""}.btn{display:inline-block;margin:0;padding:0 12px !important;height:24px !important;overflow:visible;border:1px solid #bbbbbb;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-bottom-color:#a2a2a2;border-radius:2px;text-decoration:none !important;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:top;line-height:24px !important;font-family:inherit;font-size:12px;color:#333333;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn:hover,.btn:active,.btn[disabled]{color:#333;background-color:#e6e6e6}.btn>a,.btn>button,.btn>input,.btn>span{display:inline-block;margin:0 -12px !important;padding:0 12px !important;overflow:visible;width:auto;height:24px;border:0;vertical-align:top;text-decoration:none !important;line-height:24px;font-family:inherit;font-size:12px;color:#333;cursor:pointer;background:none}input.btn,button.btn{height:26px !important}.btn-group{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;font-size:0}.btn-group+.btn-group{margin-left:5px}.btn-group>.btn{position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-group>.btn+.btn{margin-left:-1px}.btn-group>.btn:first-child{margin-left:0;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}.btn-group>.btn:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px}.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active{z-index:2}.rhymix_button_wrapper{clear:both;margin:10px 0;padding:0;text-align:right}.rhymix_button_wrapper:after{clear:both;display:block;content:""}.rhymix_button{display:inline-block;margin:0;padding:0 12px !important;height:24px !important;overflow:visible;border:1px solid #bbbbbb;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-bottom-color:#a2a2a2;border-radius:2px;text-decoration:none !important;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:top;line-height:24px !important;font-family:inherit;font-size:12px;color:#333333;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.rhymix_button:hover,.rhymix_button:active,.rhymix_button[disabled]{color:#333;background-color:#e6e6e6}.rhymix_button>a,.rhymix_button>button,.rhymix_button>input,.rhymix_button>span{display:inline-block;margin:0 -12px !important;padding:0 12px !important;overflow:visible;width:auto;height:24px;border:0;vertical-align:top;text-decoration:none !important;line-height:24px;font-family:inherit;font-size:12px;color:#333;cursor:pointer;background:none}input.rhymix_button,button.rhymix_button{height:26px !important}.message{position:relative;margin:1em 0;padding:0 1em;border:1px solid #ddd;border-radius:4px;line-height:1.4;font-size:13px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#f8f8f8}.message p{margin:1em 0 !important}.message.info{border-color:#BCE8F1;color:#3A87AD;background-color:#D9EDF7}.message.error{border-color:#EED3D7;color:#B94A48;background-color:#F2DEDE}.message.update{border-color:#D6E9C6;color:#468847;background-color:#DFF0D8}body>.message{margin:1em}.rhymix_message{position:relative;margin:1em 0;padding:0 1em;border:1px solid #ddd;border-radius:4px;line-height:1.4;font-size:13px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#f8f8f8}.rhymix_message p{margin:1em 0 !important}.rhymix_message.info{border-color:#BCE8F1;color:#3A87AD;background-color:#D9EDF7}.rhymix_message.error{border-color:#EED3D7;color:#B94A48;background-color:#F2DEDE}.rhymix_message.update{border-color:#D6E9C6;color:#468847;background-color:#DFF0D8}body>.rhymix_message{margin:1em}/* sourceMappingURL=7bccc2077a5cc54eda24f3b58cec0c1979b3042e.rhymix.scss.min.map */

/* Original file: layouts/KSO_Corporate_DX/css/style.css */

*{margin:0;padding:0;box-sizing:border-box}

body{
font-family:'Noto Sans KR',sans-serif;
overflow-x:hidden;
}

a{text-decoration:none;color:inherit}
ul{list-style:none}

.inner{
width:min(1400px,92%);
margin:auto;
}

.site-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100px;
    background:linear-gradient(90deg,#000814,#001d5c);
    z-index:9999;
}

.site-header .inner{
height:100%;
display:flex;
align-items:center;
justify-content:space-between;
}

.logo{
font-size:28px;
font-weight:900;
color:#fff;
}

.logo img{
    width:285px;
    height:75px;
    object-fit:contain;
    display:block;
}

.pc-menu ul{
display:flex;
gap:40px;
}

.pc-menu ul li{
position:relative;
}

.pc-menu ul li a{
font-size:22px;
font-weight:700;
color:#fff;
}

.depth2{
display:none;
position:absolute;
top:100%;
left:0;
background:#fff;
padding:20px;
border-radius:16px;
min-width:220px;
}

.depth2 a{
color:#111 !important;
font-size:17px !important;
}

.pc-menu li:hover .depth2{
display:flex;
flex-direction:column;
gap:12px;
}

.mobile-btn{
display:none;
position:fixed;
top:14px;
right:16px;
width:54px;
height:54px;
border:none;
background:rgba(255,255,255,.08);
backdrop-filter:blur(10px);
border-radius:16px;
z-index:100000;
}

.mobile-btn span{
display:block;
width:28px;
height:3px;
background:#fff;
margin:6px auto;
border-radius:10px;
}

#mobileOverlay{
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,.55);
z-index:99998;
}

#mobileMenu{
position:fixed;
top:0;
right:-100%;
width:86%;
max-width:420px;
height:100vh;
background:#fff;
z-index:99999;
transition:.35s;
padding:90px 30px 40px;
overflow-y:auto;
}

#mobileMenu.active{
right:0;
}

#mobileClose{
position:absolute;
top:18px;
right:18px;
width:48px;
height:48px;
border:none;
border-radius:14px;
font-size:34px;
}

.mobile-list{
display:flex;
flex-direction:column;
gap:30px;
}

.mobile-main{
display:block;
font-size:30px;
font-weight:900;
padding-bottom:14px;
border-bottom:2px solid #eee;
}

.mobile-sub{
padding-top:15px;
padding-left:10px;
display:flex;
flex-direction:column;
gap:12px;
}

.mobile-sub a{
font-size:18px;
color:#666;
}

.mobile-login{
margin-top:50px;
padding-top:30px;
border-top:1px solid #eee;
display:flex;
flex-direction:column;
gap:14px;
}

.mobile-login a,
.mobile-login button{
height:56px;
display:flex;
align-items:center;
justify-content:center;
border:none;
border-radius:16px;
font-size:18px;
font-weight:800;
}

.mobile-login button{
background:#2563eb;
color:#fff;
}

.mobile-login a{
background:#f1f5f9;
}

.hero{
min-height:50vh;
padding-top:82px;
background:#1f3478;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:#fff;
}

.hero h1{
font-size:72px;
font-weight:900;
}

.hero p{
margin-top:15px;
font-size:28px;
}

.footer{
padding:60px 0;
background:#001238;
}

.footer ul{
display:flex;
justify-content:flex-end;
gap:30px;
}

.footer a{
color:#fff;
font-size:20px;
font-weight:700;
}

@media(max-width:1024px){

.pc-menu{
display:none;
}

.mobile-btn{
display:block;
}

.hero h1{
font-size:48px;
}

.hero p{
font-size:20px;
}

.footer ul{
flex-direction:column;
align-items:flex-start;
}

}


/* v31 mobile typography tuning */
@media(max-width:1024px){

.mobile-list{
gap:20px !important;
}

.mobile-main{
font-size:25px !important;
padding-bottom:12px !important;
line-height:1.35 !important;
}

.mobile-sub{
padding-top:12px !important;
gap:10px !important;
}

.mobile-sub a{
font-size:16px !important;
}

.mobile-login{
margin-top:40px !important;
padding-top:24px !important;
gap:12px !important;
}

.m-name{
font-size:22px !important;
font-weight:800 !important;
margin-bottom:18px !important;
color:#111 !important;
letter-spacing:-0.5px;
}

.mobile-login a,
.mobile-login button{
height:52px !important;
font-size:17px !important;
border-radius:14px !important;
}

#mobileMenu{
width:82% !important;
padding:84px 24px 34px !important;
}

#mobileClose{
width:42px !important;
height:42px !important;
font-size:28px !important;
border-radius:12px !important;
background:rgba(241,245,249,.85) !important;
backdrop-filter:blur(10px);
}

}


.content-section{
padding:100px 0;
}

.content-section.gray{
background:#f5f7fb;
}



/* v33 sub layout builder */
.sub-hero{
position:relative;
min-height:340px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
background:#0f172a;
color:#fff;
text-align:center;
padding:120px 20px 80px;
}

.sub-bg{
position:absolute;
inset:0;
}

.sub-bg img{
width:100%;
height:100%;
object-fit:cover;
}

.sub-overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,.55);
}

.sub-inner{
position:relative;
z-index:2;
}

.sub-inner h1{
font-size:64px;
font-weight:900;
letter-spacing:-2px;
margin-bottom:18px;
}

.sub-inner p{
font-size:24px;
opacity:.9;
}

.sub-top-html{
padding:60px 0;
background:#fff;
}

.sub-content-wrap{
padding:100px 0;
}

@media(max-width:1024px){

.sub-hero{
min-height:260px;
padding-top:110px;
}

.sub-inner h1{
font-size:40px;
}

.sub-inner p{
font-size:18px;
}

.sub-content-wrap{
padding:60px 0;
}

}


/* v35 board title tuning */
.sub-inner h1{
line-height:1.1;
}

.sub-inner p{
margin-top:18px;
font-weight:500;
letter-spacing:-0.3px;
}



/* v36 cinematic sub visual */
.sub-hero{
position:relative;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
padding:140px 20px 100px;
background:#020817;
}

.sub-inner{
position:relative;
z-index:2;
text-align:center;
}

.sub-inner h1{
font-size:92px;
font-weight:900;
letter-spacing:-3px;
line-height:1;
color:#fff;
text-shadow:0 10px 30px rgba(0,0,0,.25);
}

.sub-inner p{
display:none;
}

.sub-bg img{
transform:scale(1.05);
filter:brightness(.85);
}

@media(max-width:1024px){

.sub-hero{
padding:120px 20px 80px;
}

.sub-inner h1{
font-size:48px;
letter-spacing:-1.5px;
}

}


/* v37 footer builder */
.footer{
background:#020817;
padding:80px 0;
}

.footer-inner{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:80px;
}

.footer-left{
flex:1;
}

.footer-right{
display:flex;
flex-direction:column;
align-items:flex-end;
gap:25px;
}

.footer-left-html{
color:#cbd5e1;
font-size:16px;
line-height:1.9;
}

.footer-company{
font-size:28px;
font-weight:900;
color:#fff;
margin-bottom:16px;
}

.footer-copy{
font-size:15px;
opacity:.75;
}

.footer-menu{
display:flex;
gap:28px;
flex-wrap:wrap;
justify-content:flex-end;
}

.footer-menu a{
font-size:18px;
font-weight:700;
color:#fff;
}

.footer-right-html{
color:#94a3b8;
font-size:15px;
text-align:right;
line-height:1.8;
}

@media(max-width:1024px){

.footer{
padding:60px 0;
}

.footer-inner{
flex-direction:column;
gap:40px;
}

.footer-right{
align-items:flex-start;
width:100%;
}

.footer-menu{
justify-content:flex-start;
}

.footer-right-html{
text-align:left;
}

}


/* v38 submenu redesign */
.pc-menu > ul > li{
position:relative;
padding:28px 0;
}

.depth2{
display:none;
position:absolute;
top:100%;
left:50%;
transform:translateX(-50%);
min-width:240px;
background:#fff;
border:1px solid #e2e8f0;
border-radius:20px;
padding:18px;
box-shadow:0 20px 45px rgba(0,0,0,.12);
z-index:9999;
}

.depth2 li{
width:100%;
}

.depth2 li a{
display:block;
padding:14px 18px;
border-radius:12px;
font-size:17px !important;
font-weight:700;
color:#111 !important;
transition:.25s;
line-height:1.5;
word-break:keep-all;
}

.depth2 li a:hover{
background:#0f172a;
color:#fff !important;
transform:translateX(3px);
}

.pc-menu li:hover > .depth2{
display:flex;
flex-direction:column;
gap:8px;
}

/* mobile submenu */
.mobile-sub{
display:none;
padding-top:14px;
padding-left:12px;
}

.mobile-sub.active{
display:flex;
flex-direction:column;
gap:10px;
}

.mobile-main{
position:relative;
padding-right:30px;
}

.mobile-main::after{
content:'+';
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
font-size:24px;
font-weight:700;
color:#64748b;
transition:.25s;
}

.mobile-main.active::after{
transform:translateY(-50%) rotate(45deg);
}

.mobile-sub li a{
display:block;
padding:12px 14px;
background:#f8fafc;
border-radius:12px;
font-size:16px;
font-weight:600;
color:#334155;
border:1px solid #e2e8f0;
transition:.2s;
}

.mobile-sub li a:active,
.mobile-sub li a:hover{
background:#0f172a;
color:#fff;
}



/* v39 submenu display fix */
.depth2{
display:none !important;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .25s ease, transform .25s ease;
transform:translateX(-50%) translateY(10px);
}

.pc-menu > ul > li:hover > .depth2{
display:flex !important;
flex-direction:column;
gap:8px;
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateX(-50%) translateY(0);
}



/* v40 member area */
.header-member{
margin-left:40px;
display:flex;
align-items:center;
}

.login-btn,
.member-btn{
height:50px;
padding:0 24px;
border:none;
border-radius:18px;
background:rgba(255,255,255,.08);
backdrop-filter:blur(10px);
color:#fff;
font-size:18px;
font-weight:800;
cursor:pointer;
transition:.25s;
display:flex;
align-items:center;
gap:10px;
}

.login-btn:hover,
.member-btn:hover{
background:#fff;
color:#111;
}

.member-box{
position:relative;
}

.member-dropdown{
display:none;
position:absolute;
top:calc(100% + 14px);
right:0;
width:220px;
background:#fff;
border-radius:22px;
padding:14px;
border:1px solid #e2e8f0;
box-shadow:0 25px 50px rgba(0,0,0,.16);
}

.member-dropdown a{
display:block;
padding:14px 16px;
border-radius:14px;
font-size:16px;
font-weight:700;
color:#111;
transition:.2s;
}

.member-dropdown a:hover{
background:#0f172a;
color:#fff;
}

.member-box:hover .member-dropdown{
display:block;
}

/* login modal */
.login-overlay{
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,.65);
backdrop-filter:blur(5px);
z-index:999998;
}

.login-modal{
position:fixed;
left:50%;
top:50%;
transform:translate(-50%,-50%) scale(.9);
width:min(92%,460px);
background:rgba(15,23,42,.88);
backdrop-filter:blur(18px);
border:1px solid rgba(255,255,255,.08);
border-radius:32px;
padding:40px;
z-index:999999;
opacity:0;
visibility:hidden;
transition:.3s;
}

.login-modal.active{
opacity:1;
visibility:visible;
transform:translate(-50%,-50%) scale(1);
}

.login-overlay.active{
display:block;
}

.login-close{
position:absolute;
top:20px;
right:20px;
width:44px;
height:44px;
border:none;
border-radius:14px;
background:rgba(255,255,255,.08);
color:#fff;
font-size:20px;
cursor:pointer;
}

.login-head h2{
font-size:42px;
font-weight:900;
color:#fff;
margin-bottom:10px;
}

.login-head p{
font-size:16px;
color:#cbd5e1;
margin-bottom:34px;
}

.login-input{
margin-bottom:16px;
}

.login-input input{
width:100%;
height:60px;
border:none;
border-radius:18px;
padding:0 20px;
font-size:17px;
background:rgba(255,255,255,.08);
color:#fff;
}

.login-input input::placeholder{
color:#94a3b8;
}

.login-submit{
width:100%;
height:60px;
border:none;
border-radius:18px;
background:#2563eb;
color:#fff;
font-size:18px;
font-weight:800;
cursor:pointer;
margin-top:10px;
}

.login-links{
display:flex;
justify-content:center;
gap:20px;
margin-top:24px;
}

.login-links a{
font-size:15px;
font-weight:700;
color:#cbd5e1;
}

@media(max-width:1024px){

.header-member{
display:none;
}

.login-modal{
padding:34px 24px;
}

.login-head h2{
font-size:34px;
}

}


/* v41 dropdown hover gap fix */
.member-box{
position:relative;
padding-bottom:18px;
}

.member-box::after{
content:'';
position:absolute;
left:0;
right:0;
bottom:-18px;
height:24px;
}

.member-dropdown{
top:calc(100% + 6px) !important;
}

.member-box:hover .member-dropdown,
.member-dropdown:hover{
display:block !important;
}



/* v42 header member alignment */
.site-header .inner{
display:flex;
align-items:center !important;
}

.pc-menu{
display:flex;
align-items:center;
height:100%;
}

.pc-menu > ul{
display:flex;
align-items:center;
height:100%;
}

.pc-menu > ul > li{
display:flex;
align-items:center;
padding:0 !important;
height:100%;
}

.pc-menu > ul > li > a{
display:flex;
align-items:center;
height:100%;
}

.header-member{
display:flex;
align-items:center !important;
height:100%;
margin-left:42px;
}

.member-box{
display:flex;
align-items:center;
height:100%;
padding-bottom:0 !important;
}

.member-btn{
height:50px;
margin-top:0 !important;
transform:none !important;
display:flex;
align-items:center;
justify-content:center;
line-height:1;
position:relative;
top:0;
}

.member-dropdown{
top:calc(100% - 8px) !important;
}

@media(max-width: 1024px) {
    /* 1. PC 메뉴는 확실히 숨김 */
    .pc-menu {
        display: none !important;
    }

    /* 2. 멤버 영역은 보이게 하되, 내부의 로그인/멤버 버튼만 숨김 */
    .header-member {
        display: flex !important; /* 다시 보이게 설정 */
        margin-left: auto;
    }

    /* 3. 모바일 화면에서 불필요한 로그인/멤버 버튼 숨기기 */
    .login-btn, 
    .member-box {
        display: none !important;
    }

    /* 4. 모바일 햄버거 버튼은 무조건 표시 */
    .mobile-btn {
        display: block !important;
        position: relative; /* 위치 고정 해제 */
        top: 0;
        right: 0;
    }
}