body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:Noto Sans,맑은 고딕,Malgun Gothic,Arial,Helvetica,sans-serif;font-size:13px;line-height:1.4}a{color:inherit;text-decoration:none}.blind{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.wrap{background-color:#000;height:100%;min-width:1280px}.skip_nav,.wrap{position:relative}.skip_nav{z-index:10001}.skip_link{background-color:#333;border:1px solid #4ec53d;color:#fff;left:0;line-height:30px;position:absolute;text-align:center;top:-32px;width:138px}.skip_link:focus{text-decoration:none;top:0}.fc_wrap{position:relative}.container{background-color:#fff}.content{box-sizing:border-box;margin:0 auto;min-height:650px;padding:0 90px 100px;width:1280px}.header{background-color:#fafafa;border-bottom:1px solid #ebebeb;left:0;position:relative;top:0;width:100%;z-index:9999}.section_header_wrap{background-color:#fff}.section_header{margin:0 auto;position:relative;width:1100px}.area_inner{align-items:center;display:flex;justify-content:space-between;padding:28px 0 24px}.area_logo{display:inline-block;flex:0 0 auto;float:left;justify-content:flex-start;margin-right:32px;min-width:0;text-align:left}.area_logo .site_name{word-wrap:break-word;color:#111;font-size:22px;font-weight:400;letter-spacing:-1.2px;line-height:1;word-break:break-all}.area_logo .site_name,.area_logo:after{display:inline-block;vertical-align:top}.area_logo:after{background-color:#ebebeb;content:"";height:20px;margin:0 25px 0 21px;vertical-align:middle;width:1px}.area_navbar{align-items:center;display:flex;flex:1 1 auto;min-width:0;overflow:hidden;padding-right:145px}.list_sitemenu_wrap{overflow:hidden;position:relative}.list_sitemenu{height:28px;margin-left:-10px;overflow:hidden}.list_sitemenu>li{color:#fff;display:inline-block;float:left;font-size:15px;padding:0 10px;position:relative}.list_sitemenu>li.theme_color a:hover{color:#666!important}.list_sitemenu>li.theme_color a:hover .selected_line{color:inherit}.list_sitemenu>li.theme_color.selected a{color:#666!important}.list_sitemenu>li.sitemenu_last{padding:0;width:4px}.list_sitemenu>li .selected_line{bottom:0;height:1px;left:10px;opacity:0;position:absolute;right:10px;transform:scale(0);transform-origin:0 100%;transition:.3s ease-out}.list_sitemenu>li.selected .selected_line,.list_sitemenu>li:hover .selected_line{opacity:1;transform:scale(1)}.list_sitemenu a{color:#666;display:inline-block;line-height:18px}.list_sitemenu .menu_name{font-size:0}.list_sitemenu .menu_name .text{font-size:16px}.list_sitemenu>li.selected .menu_name .text{font-weight:700}.list_sitemenu .menu_num{border-radius:100px;color:#fff;display:inline-block;font-family:Roboto,sans-serif;font-size:11px;font-weight:700;height:18px;line-height:19px;margin-left:5px;padding:0 8px;vertical-align:2px}.list_sitemenu .menu_name{letter-spacing:-1px}.area_global{align-items:center;display:flex;flex-shrink:0;height:48px;margin-left:32px}.area_global .btn_login{color:#666}.btn_login{letter-spacing:-.6px;margin-left:12px}.btn_view_all{background:0 0;border:0;color:#666;cursor:pointer;font-size:16px;padding:0}.btn_view_all:hover{color:#666!important}.btn_view_all .nicon_drawer{font-size:inherit;vertical-align:-2px}.section_sub_menu_wrap{display:block;margin:0 auto;text-align:center;width:1100px}.list_sub_menu li{display:inline-block;line-height:48px}.list_sub_menu li+li:before{background-color:#ebebeb;content:"";display:inline-block;height:14px;margin:0 10px;vertical-align:top;vertical-align:middle;width:1px}.list_sub_menu li.theme_color a:hover,.list_sub_menu li.theme_color.selected a{color:#666!important}.list_sub_menu li.selected a{position:relative}.list_sub_menu li.selected a .selected_line{bottom:11px;height:1px;left:0;opacity:1;position:absolute;right:0}.list_sub_menu a{color:#666;display:inline-block;letter-spacing:-.8px}.list_sub_menu a:hover{color:#666!important}.list_sub_menu li.selected .menu_name .text{font-weight:700}.side_menu{background-color:#222;bottom:0;box-sizing:border-box;display:none;overflow-y:auto;position:fixed;right:0;top:0;width:320px;z-index:9999}.side_menu .btn_close{background-color:#00000014;border:0;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:48px;line-height:48px;position:absolute;right:20px;text-align:center;top:20px;width:48px}.side_menu .area_logo{padding:30px 75px 64px 40px}.side_menu .site_name{word-wrap:break-word;color:#fff;display:inline;font-size:20px;font-weight:400;line-height:1.5;word-break:break-all}.side_menu .list_sitemenu_wrap{padding:0}.side_menu .list_sitemenu li{font-size:14px;line-height:1.6;overflow:hidden;padding:0 30px}.side_menu .list_sitemenu li a{display:block}.side_menu .list_sitemenu li+li .sitemenu_inner{border-top:1px solid #ffffff0d}.side_menu .list_sitemenu li:hover{background-color:#0000000d}.side_menu .list_sitemenu li:hover .sitemenu_inner{border-top-color:#0000}.side_menu .list_sitemenu li:hover .sitemenu_inner .menu_name{opacity:1}.side_menu .list_sitemenu li:hover+li .sitemenu_inner{border-top-color:#0000}.side_menu .list_sitemenu li.selected:hover{background-color:#0000;position:relative}.side_menu .list_sitemenu li.selected:hover .sitemenu_inner:before{background-color:#0000000d;bottom:0;content:"";left:-30px;position:absolute;right:-30px;top:0}.side_menu .list_sitemenu li.selected .sitemenu_inner .menu_name{opacity:1}.side_menu .list_sitemenu li.selected li:hover{background-color:#0000}.side_menu .list_sitemenu li.selected .nicon_up2{display:inline-block}.side_menu .list_sitemenu li.selected .nicon_down2{display:none}.side_menu .list_sitemenu li.selected .list_sub_menu{display:block}.side_menu .list_sitemenu li.is_sub_menu .sitemenu_inner{padding-right:24px;position:relative}.side_menu .list_sitemenu li.is_sub_menu .list_sub_menu{background-color:#0000000d;margin:0 -30px;padding:10px 0}.side_menu .list_sitemenu li.is_sub_menu .list_sub_menu li.selected .menu_name,.side_menu .list_sitemenu li.is_sub_menu .list_sub_menu li:hover .menu_name{opacity:1}.side_menu .list_sitemenu li.is_sub_menu .list_sub_menu a{padding:9px 10px 11px}.side_menu .list_sitemenu .sitemenu_inner a{display:inline-block;padding:19px 0 20px 10px;position:relative}.side_menu .list_sitemenu .menu_name{color:#fff;letter-spacing:-.9px;opacity:.6}.side_menu .list_sitemenu .nicon_down2,.side_menu .list_sitemenu .nicon_up2{background-color:#0000;border:0;bottom:0;color:#ffffff80;cursor:pointer;font-size:12px;position:absolute;right:0;top:0;width:25px}.side_menu .list_sitemenu .nicon_down2{display:inline-block}.side_menu .list_sitemenu .nicon_up2{display:none}.side_menu_overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.is_side_menu_open{min-width:1400px;overflow-y:hidden}.is_side_menu_open .fc_wrap{bottom:0;left:0;overflow-x:hidden;overflow-y:auto;position:absolute;right:320px;top:0}.is_side_menu_open .header{right:320px}.is_side_menu_open .side_menu{display:block}.theme_color{color:#666}.theme_background{background-color:#222}.nicon_drawer:after{content:"≡";font-family:monospace;font-size:18px}.nicon_close:after{content:"×";font-family:monospace;font-size:24px}.nicon_down2:after{content:"▼"}.nicon_down2:after,.nicon_up2:after{font-family:monospace;font-size:10px}.nicon_up2:after{content:"▲"}.area_global,.area_logo,.area_navbar,.container,.content,.header,.list_sitemenu,.mobile-menu,.mobile-menu-overlay{transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-menu{animation:slideInRight .35s cubic-bezier(.4,0,.2,1);box-shadow:-2px 0 16px #0000002e}.mobile-menu-overlay{animation:fadeInOverlay .3s;background:#0000002e;opacity:1}.container,.content,.section_header,.section_sub_menu_wrap{transition:padding .3s,width .3s,min-width .3s,box-shadow .3s}@media (max-width:1280px){.section_header,.section_sub_menu_wrap{padding:0 20px;width:100%}.content{padding:0 20px 100px;width:100%}.area_inner{padding:18px 0}}@media (max-width:1024px){.section_header,.section_sub_menu_wrap{padding:0 10px}.content{padding:0 10px 80px}}@media (max-width:900px){.content{padding:0 4px 60px}.area_logo{margin-right:16px}.area_global{margin-left:16px}}@media (max-width:768px){.container,.content,.header{padding:0 8px!important;width:100%!important}.area_global,.area_logo,.area_navbar{display:block;float:none;padding:8px 0;text-align:center}.list_sitemenu{align-items:center;display:flex;flex-direction:column}.list_sitemenu>li{display:block;float:none;padding:8px 0;text-align:center;width:100%}.area_inner{align-items:center!important;display:flex!important;padding:8px 4px!important}.area_inner,.area_logo{justify-content:flex-start!important}.area_logo{flex:0 0 auto;margin-right:8px!important;min-width:0;text-align:left!important}.area_navbar{display:none!important}.content,.section_header{min-width:0;width:100%}.content{padding:0 8px 60px}.container{padding:0 0 60px}.btn_login,.btn_view_all{display:block;font-size:18px;margin-left:0;margin-top:8px;padding:10px 0}.list_sitemenu .menu_name .text{font-size:18px}.area_global{margin-left:4px}}@media (max-width:600px){.content{padding:0 2px 40px}.list_sitemenu .menu_name .text{font-size:16px}.btn_login,.btn_view_all{font-size:16px;padding:10px 0}.area_global{display:none!important}}@media (max-width:480px){.container,.content,.header{padding:0 2px!important}.list_sitemenu .menu_name .text{font-size:15px}.area_logo .site_name{font-size:16px!important}}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;font-size:28px;margin-left:12px}.hamburger-icon{font-size:28px;vertical-align:middle}.mobile-menu-overlay{background:#0000004d;bottom:0;right:0;z-index:9998}.mobile-menu{animation:slideInRight .2s;background:#222;bottom:0;box-shadow:-2px 0 8px #00000014;color:#fff;padding:24px 0 0;right:0;width:240px;z-index:9999}@keyframes slideInRight{0%{right:-240px}to{right:0}}.mobile-menu-close{color:#fff;font-size:32px;position:absolute;right:16px;top:12px}.mobile-menu-list{margin:0 0 24px;padding:0 0 0 24px}.mobile-menu-list li{margin-bottom:18px}.mobile-menu-list a{color:#fff;font-size:18px;text-decoration:none}.mobile-menu-auth{align-items:flex-start;display:flex;flex-direction:column;padding:0 0 24px 24px}.mobile-menu-auth .btn_login{background:#474b53;border:none;border-radius:6px;color:#fff;display:block;font-size:18px;margin-bottom:12px;padding:10px 0 10px 16px;text-align:left;width:90%}.mobile-hide{display:block!important}@media (max-width:768px){.mobile-hide{display:none!important}.mobile-menu-btn{display:inline-block}}.hide-on-mobile{display:block}@media (max-width:768px){.hide-on-mobile{display:none!important}}.content{overflow-x:auto;word-break:break-word}.content code,.content img,.content pre,.content table{box-sizing:border-box;max-width:100%}.content table{display:block;overflow-x:auto;width:100%}.content td,.content th{white-space:pre-line}@media (max-width:768px){.content{font-size:15px;padding:0 2vw 40px}.content h1,.content h2,.content h3{font-size:1.1em}.content img{height:auto;max-width:100%}}@media (max-width:480px){.content{font-size:14px;padding:0 1vw 20px}}.area_inner-mobile{align-items:center!important;display:flex!important;justify-content:flex-start!important;padding:8px 4px!important}.area_logo{margin-right:12px}@media (max-width:768px){.area_inner{align-items:center!important;display:flex!important;justify-content:space-between!important;padding:8px 4px!important}.area_logo{flex:0 0 auto;min-width:0;text-align:left!important}.area_logo,.area_logo .site_name{align-items:center;display:flex;height:40px}.area_logo .site_name{font-size:18px!important}.area_navbar{display:none!important}.area_global{align-items:center;display:flex;height:40px;margin-left:0}}@media (max-width:480px){.area_logo .site_name{font-size:16px!important;height:36px}.area_global,.area_logo{height:36px}}.intro-content{margin:0 auto;max-width:700px;padding:32px 16px;text-align:center;word-break:break-word}.intro-content img{display:block;height:auto;margin:0 auto 24px;max-width:100%}.intro-content h1,.intro-content h2,.intro-content h3{font-size:1.5em;margin-bottom:12px;margin-top:18px}.intro-content p{font-size:1.1em;line-height:1.7;margin-bottom:18px;word-break:break-word}@media (max-width:768px){.intro-content{font-size:15px;padding:18px 4vw}.intro-content h1,.intro-content h2,.intro-content h3{font-size:1.2em}}@media (max-width:480px){.intro-content{font-size:14px;padding:8px 2vw}.intro-content h1,.intro-content h2,.intro-content h3{font-size:1em}}.btn_logout{background:#0000;border:none;border-radius:18px;box-shadow:none;color:#474b53;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;margin-left:8px;outline:none;padding:8px 22px;transition:background .18s,color .18s}.btn_logout:focus,.btn_logout:hover{background:#0000;border-color:#0000;box-shadow:none;color:#222}@media (max-width:768px){.btn_logout{border-radius:16px;font-size:15px;margin-left:4px;padding:8px 16px}}.site-root{margin:0 auto;max-width:1200px;padding:0 16px}.top-bar{background:#f7f7f7;border-bottom:1px solid #e0e0e0;height:38px}.top-bar,.top-bar-inner{align-items:center;display:flex}.top-bar-inner{justify-content:flex-end;margin:0 auto;max-width:1200px;padding:0 16px;width:100%}.auth-actions{display:flex;margin-left:auto}.main-nav{background:#fff;border-bottom:1px solid #e0e0e0}.main-nav-inner{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 16px}.site-logo{color:#474b53;flex-shrink:0;font-size:24px;font-weight:700;white-space:nowrap}.main-menu{display:flex;flex-shrink:0;gap:32px;list-style:none;margin:0;padding:0}.main-menu li{color:#222;cursor:pointer;font-size:17px;font-weight:600;transition:color .2s;white-space:nowrap}.main-menu li:hover{color:#474b53}.breadcrumb-bar{background:#fafafa;border-bottom:1px solid #eee;padding:12px 0}.breadcrumb-inner{color:#666;font-size:15px;margin:0 auto;max-width:1200px;padding:0 16px}.main-content-area{display:flex;gap:24px;margin-top:32px;min-height:600px;position:relative;z-index:0}.side-nav{background:#fafafa;border:1px solid #ebebeb;border-radius:8px;box-shadow:0 2px 8px #0000;flex-shrink:0;height:fit-content;max-width:170px;min-width:140px;overflow-y:auto;padding:20px 0;position:relative;z-index:1}.content-area{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;flex:1 1;min-width:0;overflow-x:auto;padding:40px 32px}@media (max-width:900px){.main-content-area{flex-direction:column;gap:0}.side-nav{border-radius:0;box-shadow:none;max-width:100%;min-width:0;width:100%}.content-area{border-radius:0;padding:24px 8px}}.hamburger-menu-btn{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:25px;justify-content:space-around;padding:0;width:30px;z-index:1000}.hamburger-menu-btn span{background:#333;border-radius:2px;height:3px;transition:all .3s ease;width:100%}.hamburger-menu-btn:hover span{background:#666}.mobile-menu-overlay{animation:fadeInOverlay .3s ease forwards;background:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:1001}@keyframes fadeInOverlay{to{opacity:1}}.mobile-menu{background:#fff;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;right:-300px;top:0;transition:right .3s ease;width:250px;z-index:1002}.mobile-menu.open{right:0}.mobile-menu-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;flex-shrink:0;justify-content:center;padding:16px 20px}.mobile-menu-auth-header{align-items:center;display:flex;gap:12px}.mobile-btn-header{border-radius:16px;font-size:14px;padding:8px 16px;text-decoration:none;transition:all .2s}.mobile-btn-header.btn_login{background:#0000;border:none;color:#474b53}.mobile-btn-header.btn_login:hover{background:#0000;color:#222}.mobile-btn-header.btn_logout{background:#0000;border:none;color:#474b53}.mobile-btn-header.btn_logout:hover{background:#0000;color:#222}.mobile-menu-header .site-logo{flex-shrink:0;font-size:20px;white-space:nowrap}.mobile-menu-close{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.mobile-menu-close:hover{color:#333}.mobile-menu-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.mobile-menu-list li{margin:0}.mobile-menu-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:16px 20px;text-align:left;transition:background .2s;width:100%}.mobile-menu-item:hover{background:#f8f9fa}.mobile-menu-item-container{border-bottom:1px solid #f0f0f0;margin:0}.dropdown-arrow{color:#666;font-size:12px;transition:transform .3s ease}.dropdown-arrow.expanded{transform:rotate(180deg)}.mobile-submenu{background:#f8f9fa;list-style:none;margin:0;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease}.mobile-submenu.expanded{max-height:200px}.mobile-submenu-item{background:none;border:none;color:#666;cursor:pointer;font-size:14px;padding:14px 20px 14px 40px;text-align:left;transition:background .2s;width:100%}.mobile-submenu-item:hover{background:#e9ecef}.mobile-menu-auth{border-top:1px solid #eee;flex-shrink:0;padding:20px}.mobile-btn{border-radius:6px;display:block;font-size:14px;font-weight:500;margin-bottom:10px;padding:12px;text-align:center;text-decoration:none;transition:all .2s;width:100%}.mobile-btn:last-child{margin-bottom:0}.btn_login{background:#0000;border:none;border-radius:18px;color:#474b53;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:8px 22px;text-decoration:none;transition:background .18s,color .18s}.btn_login:hover{background:#0000;color:#222}@media (max-width:768px){.hamburger-menu-btn{display:flex}.desktop-menu{display:none}.main-nav-inner{justify-content:space-between}.main-menu{display:none}.site-logo{flex-shrink:0;font-size:20px;white-space:nowrap}.btn_login{border-radius:16px;font-size:15px;padding:8px 16px}.mobile-btn.btn_login{background:#0000;border:none;color:#474b53}.mobile-btn.btn_login:hover{background:#0000;color:#222}.mobile-btn.btn_logout{background:#0000;border:none;color:#474b53}.mobile-btn.btn_logout:hover{background:#0000;color:#222}}@media (max-width:1024px){.main-menu{gap:20px}.main-menu li{font-size:16px}}@media (max-width:900px){.main-menu{gap:16px}.main-menu li{font-size:15px}}@media (min-width:769px){.hamburger-menu-btn{display:none}.desktop-menu{display:flex}.mobile-menu,.mobile-menu-overlay{display:none}}
/*# sourceMappingURL=main.0d7d7173.css.map*/