@charset "UTF-8";*{font-family:Roboto,'Noto Sans KR',sans-serif}body{min-width:1480px;background-color:#e9e9e9}sup{font-size:.5em;font-family:Roboto;font-weight:700}.wrap{width:100%;max-width:1220px;margin:0 auto;padding:0 35px}.service-container{flex:1;min-height:100vh;margin-left:240px;display:flex;flex-direction:column}#mobile-header,.only-m-inline{display:none}#contents{flex:1;padding-top:40px}.mobile-device .only-m-inline{display:inline}.soldout{position:relative}.soldout:after{content:'SOLD OUT';width:auto;height:36px;border-radius:18px;padding:0 30px;font-size:18px;color:#fff;font-weight:900;white-space:nowrap;background:#f93d3d;display:flex;align-items:center;position:absolute;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%) rotate(-15deg)}.soldout.soldout-fs28:after{height:50px;border-radius:25px;padding:0 50px;font-size:28px}.side-panel{width:240px;height:100vh;padding:30px 10px;background:#fff;box-shadow:3px 0 10px rgba(0,0,0,.16);position:fixed;top:0;left:0;z-index:1000;display:flex;flex-direction:column}.side-panel .side-wrap{flex:1;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.side-panel .side-wrap::-webkit-scrollbar{width:0;height:0}.side-panel .side-wrap::-webkit-scrollbar-thumb{background:0 0}.side-panel .side-wrap::-webkit-scrollbar-track{background:0 0}.side-panel .side-header{width:100%;display:flex;justify-content:space-between;align-items:center}.side-panel .side-header .logo{padding:0 20px;display:flex;align-items:center}.side-panel .side-header .logo a{width:100%;font-size:0}.side-panel .side-header .logo a.go-service{margin-top:3px;margin-left:5px;font-size:18px;color:#484b64;line-height:13px;font-weight:400}.side-panel .side-header .close-btn{display:none}.side-panel .membership{width:100%;max-width:180px;border-bottom:1px solid #b4b8db;margin:0 auto 16px;padding:32px 0 20px;display:flex;flex-direction:column;align-items:center}.side-panel .membership .profile-thumb{width:48px;height:48px;margin-bottom:15px;border-radius:50%;font-size:0;background:#b4b8db;overflow:hidden;display:flex;justify-content:center;align-items:center}.side-panel .membership .profile-thumb img{width:100%;height:100%;object-fit:cover;font-family:'object-fit:cover;'}.side-panel .membership .login-btn{font-size:14px;color:#6f7290;line-height:20px;font-family:'Noto Sans KR';font-weight:500}.side-panel .membership .login-menu-wrap{display:flex;justify-content:center;align-items:center}.side-panel .membership .login-menu-wrap .divide-bar{width:1px;height:12px;margin:1px 7px 0 10px;background:#6f7290}.side-panel .membership .my-menu{position:relative}.side-panel .membership .my-menu .user-name{font-size:14px;color:#6f7290;line-height:20px;font-family:'Noto Sans KR';font-weight:500;position:relative;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.side-panel .membership .my-menu .user-name:after{content:'';display:block;width:0;height:0;border-top:7px solid #d7d9f1;border-left:6px solid transparent;border-right:6px solid transparent;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.side-panel .membership .my-menu .my-menulist{display:none;width:180px;border-radius:6px;padding:14px;background:rgba(72,75,100,.9);position:absolute;top:calc(100% + 10px);left:50%;z-index:200;transform:translateX(-50%)}.side-panel .membership .my-menu .my-menulist li{width:100%;height:36px;display:flex;align-items:center}.side-panel .membership .my-menu .my-menulist li a{font-size:14px;color:#fff;line-height:20px;font-family:'Noto Sans KR';font-weight:400}.side-panel .membership .my-menu.on .user-name:after{border-top:0;border-bottom:7px solid #d7d9f1}.side-panel .membership .my-menu.on .my-menulist{display:block}.side-panel .membership .side-profile-item.m-profile,.side-panel .service-menu.m-account-menu{display:none}.side-panel .service-menu{width:100%;margin-bottom:30px}.side-panel .service-menu li{width:100%;height:32px;margin-bottom:5px}.side-panel .service-menu li a{width:100%;height:100%;padding:0 20px;border-radius:10px;letter-spacing:0;display:flex;align-items:center;position:relative}.side-panel .service-menu li a:after{content:'';display:block;width:10px;height:15px;background:url(/img/renewal_index/service/sidemenu-arrow.svg) center center no-repeat;position:absolute;top:50%;right:20px;transform:translateY(-50%);opacity:0}.side-panel .service-menu li .icon{width:24px;margin-right:10px;font-size:0;text-align:center}.side-panel .service-menu li .menu-name{padding-top:2px;font-size:14px;color:#6f7290;line-height:20px;font-weight:500}.side-panel .service-menu li.on a,.side-panel .service-menu li:hover a{background:#d7d9f1}.side-panel .service-menu li.on a:after,.side-panel .service-menu li:hover a:after{opacity:1}.side-panel .side-menu-list{width:100%;margin-bottom:30px}.side-panel .side-menu-list dt{width:100%;padding:0 20px;margin-bottom:10px;font-size:14px;color:#b4b8db;line-height:20px;font-weight:500;letter-spacing:0}.side-panel .side-menu-list dd{height:35px;padding-left:20px;margin-bottom:5px;border-radius:10px;position:relative}.side-panel .side-menu-list dd a,.side-panel .side-menu-list dd button{width:100%;height:100%;font-size:14px;color:#6f7290;font-weight:500;font-family:'Noto Sans KR';display:flex;align-items:center}.side-panel .side-menu-list dd a.new:after,.side-panel .side-menu-list dd button.new:after{content:'NEW';width:40px;height:18px;padding-top:2px;margin-left:10px;border-radius:4px;background:#00ff96;font-size:10.5px;color:#fff;line-height:14px;font-weight:500;font-family:Roboto;display:flex;justify-content:center;align-items:center}.side-panel .side-menu-list dd a span,.side-panel .side-menu-list dd button span{margin-top:-1px}.side-panel .side-menu-list dd:after{content:'';display:block;width:10px;height:15px;background:url(/img/renewal_index/service/sidemenu-arrow.svg) center center no-repeat;position:absolute;top:50%;right:20px;transform:translateY(-50%);opacity:0}.side-panel .side-menu-list dd.on,.side-panel .side-menu-list dd:hover{background:#d7d9f1}.side-panel .side-menu-list dd.on:after,.side-panel .side-menu-list dd:hover:after{opacity:1}.side-panel .side-menu-list.service-category dd span{font-weight:500;letter-spacing:0}.side-panel .side-menu-list .messenger-btn span{position:relative}.side-panel .side-menu-list .messenger-btn span:after{content:'online status';font-size:0;display:block;width:6px;height:6px;border-radius:50%;background:#b4b8db;position:absolute;top:0;right:-10px;transition:background-color .3s}.side-panel .side-menu-list .messenger-btn.online span:after{background:#e55656}#platform-header{width:100%;height:80px;background:#484b64;box-shadow:0 3px 10px rgba(0,0,0,.16);position:relative;z-index:10;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}#platform-header::-webkit-scrollbar{width:0;height:0}#platform-header::-webkit-scrollbar-thumb{background:0 0}#platform-header::-webkit-scrollbar-track{background:0 0}#platform-header .wrap{height:100%}#platform-header .top-banner{width:100%;min-width:1150px;height:100%;display:flex;align-items:center;border-left:1px solid #3b3f60}#platform-header .top-banner li{width:290px;height:100%;padding:7px 10px;border-right:1px solid #3b3f60}#platform-header .top-banner li .top-banner-btn{width:100%;height:100%;border-radius:4px;padding:9px 11px;display:flex;align-items:center;transition:all .3s}#platform-header .top-banner li .top-banner-btn:hover{background:#636588}#platform-header .top-banner li .top-banner-btn:active{background:#00FF96}#platform-header .top-banner li .top-banner-btn:active .textbox h3{color:#3b3f60}#platform-header .top-banner li .top-banner-btn:active .textbox p{color:#3b3f60;font-weight:500}#platform-header .top-banner li .thumb{width:48px;height:48px;border-radius:4px;font-size:0;overflow:hidden}#platform-header .top-banner li .thumb img{width:100%;height:100%;object-fit:cover}#platform-header .top-banner li .textbox{flex:1;padding:0 15px;text-align:left}#platform-header .top-banner li .textbox h3{font-size:14px;color:#fff;line-height:20px;font-weight:500;letter-spacing:0;white-space:nowrap}#platform-header .top-banner li .textbox p{font-size:14px;color:#b4b8db;line-height:20px;font-weight:300;font-family:'Noto Sans KR'}#platform-header .top-banner li.on .top-banner-btn,#platform-header .top-banner li.on .top-banner-btn:active{background:#636588}#platform-header .top-banner li.on .top-banner-btn:active .textbox h3{color:#fff}#platform-header .top-banner li.on .top-banner-btn:active .textbox p{color:#b4b8db;font-weight:300}.service-section{width:100%;margin-bottom:50px}.service-section .service-header{width:100%;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center}.service-section .service-header .title{display:flex;align-items:center}.service-section .service-header .title h2{padding-top:2px;margin-right:15px;font-size:16px;color:#484b64;line-height:20px;font-weight:700}.service-section .service-header .title p{font-size:14px;color:#6f7290;line-height:20px;font-weight:500;font-family:'Noto Sans KR';display:flex;align-items:center}.service-section .service-header .title p .section-tag{height:18px;padding:0 10px;margin-right:5px;border-radius:9px;font-size:12px;color:#6f7290;line-height:18px;font-weight:700;letter-spacing:0;background:#00ff96}.service-section .service-header.with-help{justify-content:flex-start}.service-section .service-header .help-btn{margin-left:10px;position:relative;font-size:0}.service-section .service-header .help-btn .help-btn-img{font-size:0}.service-section .service-header .help-btn .help-box{display:none;width:370px;padding:12px 20px;border:1px solid #999cbb;background:#fff;cursor:auto;position:absolute;top:0;left:calc(100% + 10px)}.service-section .service-header .help-btn .help-box p{font-size:14px;color:#6f7290;line-height:22px;text-align:left;font-family:'Noto Sans KR';font-weight:400}.service-section .service-header .help-btn .help-box .help-close{position:absolute;top:10px;right:10px;cursor:pointer}.service-section .service-header .help-btn.help-on .help-box{display:block}.service-section .service-header .more-btn{height:30px;border-radius:15px;padding:0 11px 2px 18px;font-size:14px;color:#484b64;line-height:20px;font-weight:700;font-family:'Noto Sans KR';letter-spacing:0;background:#d7d9f1;white-space:nowrap;display:flex;justify-content:space-between;align-items:center}.service-section .service-header .more-btn:after{content:'';display:block;width:8px;height:12px;margin-top:1px;margin-left:8px;background:url(/img/renewal_index/service/Link_arrow_icon2.svg) center center no-repeat}.service-section .service-contents{width:100%}.tablet-landscape .list-popup{max-height:80vh;display:flex;flex-direction:column}.tablet-landscape .list-popup .list-body{flex:1;overflow-x:hidden;overflow-y:auto}.tablet-landscape .list-popup .list-body::-webkit-scrollbar{width:4px;border-radius:2px}.tablet-landscape .list-popup .list-body::-webkit-scrollbar-thumb{background:#b4b8db}.tablet-landscape .list-popup .list-body::-webkit-scrollbar-track{background:#f1f1f1}@media only screen and (max-width:1480px){.m-gnb-bg,.side-panel{position:fixed;left:0}html.open-gnb{overflow:hidden}body{display:block;min-width:320px}.service-container{margin:0;flex:auto;width:100%;padding-top:64px}.service-container #contents{padding-top:30px}.m-gnb-bg{display:block;width:0;height:100vh;background:rgba(0,0,0,.5);top:0;z-index:900;opacity:0;transition:opacity .5s,width 0s .5s}.m-gnb-bg.bg-on{width:100%;opacity:1;transition:opacity .5s,width 0s}.side-panel{width:290px;padding:0 35px;background:#fff;transform:translateX(-100%);transition:transform .5s;box-shadow:none;top:0;z-index:1000}.side-panel.gnb-open{transform:translateX(0);box-shadow:3px 0 10px rgba(0,0,0,.16)}.side-panel .side-wrap{padding-bottom:120px}.side-panel .side-header{height:80px;padding:30px 0;position:relative}.side-panel .side-header .logo{padding:0}.side-panel .side-header .close-btn{display:block;width:80px;height:80px;position:absolute;top:50%;right:-35px;transform:translateY(-50%)}.side-panel .side-header .close-btn span{display:block;width:30px;height:2px;border-radius:1px;background:#484b64;position:absolute;top:50%;left:50%}.side-panel .service-menu li.on a,.side-panel .service-menu li:hover a,.side-panel .side-menu-list dd.on,.side-panel .side-menu-list dd:hover,.side-panel .side-menu-list dt.on,.side-panel .side-menu-list dt:hover{background:0 0}.side-panel .side-header .close-btn span.top{transform:translate(-50%,-50%) rotate(-45deg)}.side-panel .side-header .close-btn span.btm{transform:translate(-50%,-50%) rotate(45deg)}.side-panel .membership{max-width:100%;padding:0 0 50px;flex-direction:row}.side-panel .membership .profile-thumb{margin:0 10px 0 0}.side-panel .membership .side-profile-item.pc-profile{display:none}.side-panel .membership .side-profile-item.m-profile,.side-panel .service-menu.m-account-menu{display:block}.side-panel .membership .side-profile-item.m-profile .m-user-name{font-size:14px;color:#6f7290;line-height:20px;font-family:'Noto Sans KR';font-weight:500}.side-panel .membership .side-profile-item.m-profile .m-user-plan{font-size:12px;color:#999cbb;line-height:20px;font-family:'Noto Sans KR';font-weight:500}.side-panel .membership .side-profile-item.m-profile .m-user-plan.plan-free:before{content:'무료 서비스 사용중'}.side-panel .membership .side-profile-item.m-profile .m-user-plan.plan-basic:before{content:'TeamSolution BASIC 사용중'}.side-panel .service-menu li a:after,.side-panel .side-menu-list dd:after,.side-panel .side-menu-list dt:after{display:none}.side-panel .service-menu li a{padding:0}.side-panel .service-menu.m-account-menu{border-top:1px solid #b4b8db;padding-top:30px}.side-panel .side-menu-list dd,.side-panel .side-menu-list dt{padding:0}#mobile-header{position:fixed;top:0;left:0;z-index:800;width:100%;height:64px;padding-left:35px;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.16);display:flex;justify-content:space-between;align-items:center}#mobile-header h1.logo{font-size:0}#mobile-header h1.logo a,#mobile-header h1.logo a img{height:20px}#mobile-header #gnb-btn{width:86px;height:100%;position:relative;top:0;right:0;z-index:1500}#mobile-header #gnb-btn span{display:block;width:20px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#mobile-header #gnb-btn span:before{content:'';display:block;height:2px;border-radius:1px;background:#636588;transition:all .3s}#mobile-header #gnb-btn span.top{transform:translate(-50%,calc(-50% - 7px))}#mobile-header #gnb-btn span.top:before{width:20px}#mobile-header #gnb-btn span.mid:before{width:13px}#mobile-header #gnb-btn span.btm{transform:translate(-50%,calc(-50% + 7px))}#mobile-header #gnb-btn span.btm:before{width:18px}}@media only screen and (max-width:1000px){#platform-header{height:54px}#platform-header .wrap{padding:0 10px}#platform-header .top-banner{min-width:0;border:0}#platform-header .top-banner li{width:auto;height:auto;border:0;padding:0;margin:0 5px}#platform-header .top-banner li .top-banner-btn{padding:5px 15px;display:block}#platform-header .top-banner li .top-banner-btn .textbox p,#platform-header .top-banner li .top-banner-btn .thumb,#platform-header .top-banner li.top-banner-event{display:none}#platform-header .top-banner li .top-banner-btn .textbox{padding:0}#platform-header .top-banner li .top-banner-btn .textbox h3{font-size:16px;font-weight:700}#platform-header .top-banner li.top-banner-item:not(.top-banner-ts) .textbox h3{padding-top:3px}.service-section .service-header .title,.service-section .service-header:not(.with-help){display:block}.service-section .service-header:not(.with-help) .title{margin-bottom:10px}.service-section .service-header.with-help{justify-content:space-between;align-items:flex-start}.service-section .service-header .help-btn .help-box{left:auto;right:0;top:calc(100% + 10px);width:280px;z-index:100}}