@import"../../../../common/lib/style/webfont/Pretendard.css";*{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard Variable",Pretendard,Roboto,"Noto Sans KR","Segoe UI","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif}.blind{position:absolute;width:1px;height:1px;border:0;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;z-index:-1}.main-nav .mobile-header{position:relative;margin:0 auto;padding:17px 10px 70px;max-width:1024px;background-color:var(--header-bg-color);background-image:var(--header-bg);background-repeat:no-repeat;background-size:768px;background-position-x:center;box-sizing:border-box}@media screen and (max-width: 639px){.main-nav .mobile-header{background-position-x:40%}}.main-nav .mobile-header svg{fill:var(--icon-fill)}.main-nav .mo-navi{display:flex;position:absolute;bottom:0;left:0;overflow:hidden;width:100%;background-color:var(--navi-color)}.main-nav .mo-tab{width:100%;height:50px;background:rgba(0,0,0,0);line-height:50px}.main-nav .mo-nav{display:flex;position:relative;width:100%;height:100%;z-index:1;transition-property:transform;box-sizing:content-box}.main-nav .mo-nav .tab{position:relative;width:auto;text-align:center;cursor:pointer}.main-nav .mo-nav .tab .tab_text{color:var(--nav-text-color);font-size:18px;font-weight:normal}@media screen and (max-width: 480px){.main-nav .mo-nav .tab .tab_text{font-size:3.75vw}}@media screen and (max-width: 360px){.main-nav .mo-nav .tab .tab_text{font-size:4vw}}.main-nav .mo-nav .tab.tab_icon{position:relative;z-index:0;display:block;width:30px;background:var(--tab-icon-bg) no-repeat center;background-size:30px;background-position:center center;text-indent:-9999px}.main-nav .mo-nav .tab.flexible{margin:0;flex:1 1 auto}.main-nav .mo-nav .tab.act .tab_text{color:var(--nav-text-color)}.main-nav .mo-nav .tab.act::after{content:"";background-color:var(--nav-text-color);display:block;position:absolute;height:2px;left:0;bottom:0;width:100%}.main-nav .header-top{display:flex;justify-content:space-between;position:relative;margin:0 0 16px}.main-nav .top-menu-logo{display:flex;align-items:center}.main-nav .top-menu-logo .menu{position:relative;margin:0 10px 0 0;padding:10px;width:25px;height:17px;box-sizing:content-box}.main-nav .top-menu-logo .notice{position:absolute;top:-1px;left:28px;width:24px;height:24px;line-height:24px;background-color:#d00000;border-radius:7px;color:#fff;text-align:center}.main-nav .top-menu-logo h1{position:relative;top:-1px}.main-nav .top-menu-logo h1 a{display:block;width:91px;height:27px}.main-nav .top-search-btn{display:grid;grid-template-columns:repeat(3, 1fr)}.main-nav .top-search-btn>*:not(.search-input){margin:0 8px 0 0;padding:6px;width:25px;height:25px;box-sizing:content-box}.main-nav .top-search-btn>*:not(.search-input):last-child{margin-right:4px}.main-nav .top-search-btn>*:not(.search-input).login:not(.logout){opacity:.5}.main-nav .top-search-btn .search-input{position:absolute;top:-5px;right:90px;z-index:0;overflow:hidden;width:calc(100% - 135px);height:47px;background-color:rgba(0,0,0,.5);border:1px solid var(--search-boder-color);box-sizing:border-box;border-radius:30px}.main-nav .top-search-btn .search-input .i-icon{position:absolute;top:50%;left:22px;transform:translate(0, -55%);width:12px;height:24px;border-radius:25px 0 0 25px}.main-nav .top-search-btn .search-input input{border:0;padding:0 50px;width:100%;height:47px;background-color:rgba(0,0,0,0);border-radius:30px;box-sizing:border-box;color:#fff;outline:none}.main-nav .top-search-btn .search-input input:-ms-input-placeholder{color:#fff}.main-nav .top-search-btn .search-input input::placeholder{color:#fff}.main-nav .top-search-btn .search-btn{position:relative;z-index:1;background-color:rgba(0,0,0,0);border:0;box-sizing:content-box}.main-nav .top-search-btn .quick-link{display:flex;align-items:center;justify-content:center;width:23px;height:23px}.main-nav .header-title{display:flex;align-items:center;padding:0 10px}.main-nav .header-title .thumb{position:relative;overflow:hidden;margin:0 8px 0 0;width:47px;height:47px;border-radius:50%;background-color:var(--logo-bg-color)}.main-nav .header-title .thumb img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:31px;height:30px}.main-nav .header-title h2{position:relative;top:1px;left:1px;color:var(--title-color);font-size:23px;font-weight:600;letter-spacing:-0.005em}.main-nav.scroll{margin-top:181px}.main-nav.scroll .mobile-header{position:fixed;top:0;left:50%;transform:translate(-50%, 0);z-index:10;width:100%;max-width:1024px;padding:0}.main-nav.scroll .mo-navi{position:relative;background-color:var(--navi-slide-color)}.main-nav.scroll .header-top{margin:0;height:50px}.main-nav.scroll .header-title{display:none}.main-nav.scroll .search-input{top:0;right:0;width:100%;height:50px;border-radius:0;border:1px solid #fff;z-index:1}.main-nav.scroll .search-input .i-icon svg{fill:#ccc}.main-nav.scroll .search-input input{border:0;border-radius:0;height:50px;background-color:#fff;color:#8c8c8c}.main-nav.scroll .search-input input:-ms-input-placeholder{color:#8c8c8c}.main-nav.scroll .search-input input::placeholder{color:#8c8c8c}.main-nav.scroll .search-btn{position:absolute;top:50%;transform:translate(0, -50%);right:14px;margin:0}.main-nav.scroll .search-btn svg{fill:var(--scroll-search-icon-color)}
/*# sourceMappingURL=mobile_renew_header.css.map */