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}.input-group{text-align:left}.social-btn{text-decoration:none;transition:all .2s}.social-btn:hover{box-shadow:0 1px 3px #0000001a;filter:brightness(98%)}@media (max-width:480px){.login-page{background-color:#fff;padding:0}.login-content{box-shadow:none;max-width:100%;padding:30px 20px}.login-header h1{font-size:22px}.input-group input,.login-submit-btn,.social-btn{height:45px}}.main-background-section,.main-container{background-color:#f5f5f5;min-height:100vh}.main-background-section{background-image:url(/static/media/2bay38p_bedroom.674e944a47f8b5f30b3e.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;width:100%}.btnbox .btn-Mac-download,.btnbox .btn-Window-download{background-color:#007bff;background-color:var(--point-color,#007bff);border:none;font-size:20px;font-weight:700}.btnbox .btn-Mac-download{background:#555!important;background:var(--sub-color,#555)!important}.btnbox button:hover{background:#f7b24a!important}.intro-section{background-color:#f5f5f5;min-height:100vh;padding:80px 20px;text-align:center}.intro-header{margin-bottom:50px}.intro-header h2{color:#333;font-size:2.5em;margin-bottom:10px}.intro-header p{color:#666;font-size:1.1em;line-height:1.5}.intro-boxes-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.intro-box{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000000d;padding:40px;text-align:left;transition:transform .3s ease}.intro-box:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-10px)}.intro-icon{color:#007bff;font-size:3em;margin-bottom:20px}.intro-box h4{color:#333;font-size:1.3em;font-weight:700;margin-bottom:15px}.intro-box p{color:#777;font-size:1em;line-height:1.6;margin:0}.news-page-container{display:flex;flex-direction:column;min-height:100vh}.news-content-area{align-items:center;background-color:#fff;color:#333;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;font-size:1em;line-height:1.8;margin:40px auto;max-width:1600px;overflow:hidden;padding:20px 50px 60px}.news-content-area h1{color:#2c3e50;font-size:2.2em;font-weight:700;margin:0;padding-top:20px;text-align:left}.news-header{align-items:center;background-color:#f0f2f5;display:flex;flex-direction:column;padding:50px 20px}.news-title{color:#333;font-size:40px;font-weight:700;margin-bottom:10px}.news-description{color:#666;font-size:1.1em;line-height:1.6;margin-top:10px}.news-title-arrow{background:url('data:image/svg+xml;utf8,') no-repeat 50%;background-size:contain;display:block;height:30px;margin-bottom:40px;margin-top:20px;width:30px}.news-gallery-container{display:flex;flex-wrap:wrap;gap:80px;justify-content:center;margin-top:40px;max-width:1400px;width:100%}.news-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;height:360px;overflow:hidden;transition:transform .3s ease;width:410px}.news-card:hover{transform:translateY(-5px)}.news-image-container{height:250px;overflow:hidden;width:100%}.news-image-container img{display:block;height:100%;object-fit:cover;width:100%}.news-text-content{padding:20px}.news-card-title{color:#333;font-size:18px;font-weight:700;margin-bottom:10px}.news-card-description{color:#666;font-size:14px;line-height:1.5}.support-breadcrumb{align-items:center;background-color:#2e2e31;color:#fff;display:flex;font-size:1.1em;height:60px;padding-left:70px}.support-breadcrumb span{color:#fff;font-weight:700;margin:2%}.terms-content-area{background-color:#fff;color:#333;font-family:Noto Sans KR,sans-serif;font-size:1em;line-height:1.8;margin:40px auto;max-width:1600px;overflow:hidden;padding:10}.terms-content-area h1{color:#2c3e50;font-size:2.2em;font-weight:700;margin:0;padding-top:20px;text-align:left}.term-title{border-left:5px solid #34495e;color:#34495e;font-size:1.5em;font-weight:600;margin-bottom:15px;margin-top:30px;padding-left:10px}.terms-content-area p{margin-bottom:10px}.terms-content-area ul{list-style-type:disc;margin-bottom:20px;margin-left:20px}.terms-content-area ul li{margin-bottom:5px}.terms-content-area h4{color:#555;font-size:1.2em;font-weight:600;margin-bottom:10px;margin-top:20px}body{overflow-y:scroll}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}.guide-content-area{background-color:#fff;color:#333;font-family:Noto Sans KR,sans-serif;font-size:1em;line-height:1.8;margin:40px auto;max-width:1600px;min-height:100vh;padding:10;width:100%}.guide-content-area h1{color:#2c3e50;font-size:2.2em;font-weight:700;margin:0;padding-top:20px;text-align:left}.inquiry-content-area{background-color:#fff;color:#333;font-family:Noto Sans KR,sans-serif;font-size:1em;line-height:1.8;margin:40px auto;max-width:1600px;min-height:100vh;padding:10}.inquiry-content-area h1{color:#2c3e50;font-size:2.2em;font-weight:700;margin:0;padding-bottom:30px;padding-top:20px;text-align:left}.inquiry-form-wrapper{display:flex;gap:50px}.inquiry-contact-info{flex:1 1}.info-item{align-items:center;display:flex;margin-bottom:20px}.info-icon{font-size:1.5em;margin-right:15px}.inquiry-form{display:flex;flex:2 1;flex-direction:column}.input-row{display:flex;gap:20px;margin-bottom:20px}.input-half{flex:1 1}.input-full,.input-half,.input-textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1em;padding:12px;width:100%}.input-textarea{min-height:150px;resize:vertical}.file-upload-section{align-items:center;display:flex;gap:15px;margin-top:15px}.file-upload-btn{align-items:center;background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;padding:8px 12px}.plus-icon{font-size:1.2em;margin-left:5px}.send-btn{align-self:flex-end;background-color:#f99e17;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1em;font-weight:700;margin-top:20px;padding:12px 24px}.faq-content-area{background-color:#fff;color:#333;font-family:Noto Sans KR,sans-serif;font-size:1em;line-height:1.8;margin:40px auto;max-width:1600px;min-height:100vh;padding:20px 50px 40px}.faq-content-area h1{color:#2c3e50;font-size:2.2em;font-weight:700;margin:0;padding-bottom:30px;padding-top:20px;text-align:left}.faq-search-box{border:1px solid #ddd;border-radius:5px;display:flex;margin-bottom:30px;max-width:700px;overflow:hidden;width:100%}.search-all-btn{background-color:#eee;border:none;font-weight:700;padding:10px 20px}.search-input{border:none;flex-grow:1;padding:10px}.search-btn{background-color:#34495e;border:none;color:#fff;cursor:pointer;padding:10px 15px}.faq-sub-tabs,.faq-tabs{display:flex;gap:10px;margin-bottom:20px;max-width:1000px;width:100%}.tab-item{background-color:#f8f8f8;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:1em;font-weight:700;padding:12px 20px}.tab-item.active{background-color:#333;color:#fff}.faq-list{max-width:1000px;width:100%}.faq-item{border-bottom:1px solid #eee}.faq-question{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;font-size:1.1em;font-weight:700;justify-content:space-between;padding:20px;text-align:left;width:100%}.accordion-icon{color:#999;font-size:.8em}.faq-answer{background:#f9f9f9;border-top:1px solid #eee;padding:20px}.manual-page-container{background-color:#fff;color:#333;display:flex;font-family:Noto Sans KR,sans-serif;margin:40px auto;max-width:1600px;min-height:100vh}.manual-sidebar{background-color:#fff;border-right:1px solid #ddd;box-shadow:2px 0 5px #0000001a;height:100vh;overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:0;width:250px}.sidebar-title{border-bottom:1px solid #eee;color:#555;font-size:1.2em;font-weight:700;margin-bottom:15px;padding-bottom:5px}.sidebar-links{display:flex;flex-direction:column}.manual-sidebar .sidebar-links a{border-radius:4px;color:#777;cursor:pointer;display:block;font-size:.9em;margin-bottom:5px;padding:10px 15px;text-decoration:none;transition:background-color .2s,color .2s}.manual-sidebar .sidebar-links a:hover{background-color:#e9ecef;color:#2c3e50}.manual-sidebar .sidebar-links a.active{background-color:#34495e;color:#fff;font-weight:700}.manual-content-area{background-color:#fff;box-shadow:0 0 10px #0000001a;flex-grow:1;max-width:1200px;min-height:100vh;padding:20px 50px 40px}.manual-content-area h1{color:#2c3e50;font-size:2.2em;font-weight:700;padding-bottom:30px;padding-top:20px;text-align:left}.manual-content-area h2{border-bottom:2px solid #eee;color:#2c3e50;font-size:1.8em;margin-top:40px;padding-bottom:10px}.manual-content-area h3{color:#34495e;font-size:1.4em;margin-top:30px}.manual-content-area img{border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 8px #0000001a;height:auto;margin:20px 0;max-width:100%}.video-container{border-radius:5px;margin-top:20px;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.manual-image-wrapper{display:flex;justify-content:center}.manual-sample-image{height:auto;width:80%}.manual-sample-image1{height:auto;width:20%}.manual-sample-image2{width:40%}.manual-end-page{margin-bottom:200px}.my-page-container{margin:0 auto;max-width:1200px;padding:50px 20px}.my-page-content-area{display:flex;gap:30px}.my-page-sidebar{background-color:#f8f8f8;border-radius:8px;padding:20px;width:250px}.user-profile-section{margin-bottom:30px;text-align:center}.user-avatar{background-color:#ddd;border-radius:50%;height:80px;margin:0 auto 10px;width:80px}.user-name{font-size:1.2em;font-weight:700}.user-id{color:#666}.main-menu{list-style:none;margin:0;padding:0}.main-menu li{border-radius:4px;cursor:pointer;padding:15px;transition:background-color .3s}.main-menu li:hover{background-color:#eee}.main-menu li.active{background-color:#333;color:#fff;font-weight:700}.my-page-main-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;flex:1 1;padding:30px}.content-panel h2{border-bottom:1px solid #eee;font-size:2em;margin-bottom:20px;padding-bottom:15px}.setting-section{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:15px 0}.edit-btn{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 15px}.code-input{margin-right:0;padding:10px;width:100%}.submit-code-btn{padding:10px 20px}.delete-member-btn{background:none;border:1px solid #ddd;border-radius:4px;color:#e74c3c;cursor:pointer;font-weight:700;padding:8px 15px}.subscription-options{align-items:center;display:flex;gap:10px}.toggle-switch .toggle-btn{background:#eee;border:1px solid #ddd;border-radius:4px;color:#999;cursor:pointer;padding:5px 10px}.toggle-switch .toggle-btn.on{background-color:#5cb85c;color:#fff}.toggle-switch .toggle-btn.off{background-color:#e74c3c;color:#fff}.subscription-actions{margin-top:10px}.cancel-subscription-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.discount-code-section{margin-top:30px}.code-input-row{align-items:center;display:flex;gap:10px}.code-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:1em;padding:12px}.submit-code-btn{background-color:#2ecc71;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-weight:700;padding:12px 20px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}dd,dt,li,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}address,cite,dfn,em,i,var{font-style:normal;font-weight:400}h1,h2,h3,h4,h5,h6{line-height:1;margin:0;padding:0}button,img,input,label,select,textarea{vertical-align:middle}caption,legend{font-size:1px;line-height:0;overflow:hidden}table{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}img{border:0;font-size:0;line-height:0;vertical-align:middle}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif}*{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;outline:0!important}*,:after,:before{box-sizing:border-box}a:active,a:hover,a:link{text-decoration:none}body,html{height:100%;width:100%}body{-webkit-text-size-adjust:none;word-wrap:break-word;background:#fff;min-width:320px;width:100%;word-break:break-all}textarea{border:1px solid #dbdbdb;padding:5px 0}select{background:#fff;border:1px solid #e9e9e9;color:#373737}input[type=date],input[type=email],input[type=file],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],textarea{background:#fff;border:1px solid #0000;color:#373737;text-decoration:none;text-indent:10px;transition:all .5s;vertical-align:middle}input::-webkit-input-placeholder{color:#b5b5b5;line-height:100%}input:focus,select:focus,textarea:focus{border:1px solid #727272}input[type=email][disabled],input[type=email][readonly],input[type=password][disabled],input[type=password][readonly],input[type=tel][disabled],input[type=tel][readonly],input[type=text][disabled],input[type=text][readonly]{-webkit-appearance:none;background:#eaeaea!important;border-color:silver!important;color:#666!important;font-size:12px}textarea[disabled],textarea[readonly]{background:#eaeaea;border:1px solid silver;font-weight:400;padding:11px}button,label{cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-o-appearance:none;appearance:none;margin:0}:root{--point-color:#f99e17;--sub-color:#45bcb2}@font-face{font-family:SUIT-Regular;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2) format("woff2")}body *{color:#000;font-family:SUIT-Regular,sans-serif;font-size:17px}header{align-items:center;background-color:#fff;box-shadow:0 1px 3px #0000001a;display:flex;height:60px;justify-content:space-between;left:0;padding:20px;position:relative;top:0;width:100%;z-index:1000}header svg{fill:#fff;width:120px}.logo img{height:auto;width:200px}.header-Links{align-items:center;display:flex;gap:20px}.btn-login,.btn-logout,.btn-support{align-items:center;background-color:#fff;color:#333;display:flex;font-size:14px;font-weight:700;justify-content:center;padding:5px 10px;text-decoration:none;white-space:nowrap}.btn-login:hover,.btn-logout:hover,.btn-support:hover{background-color:#f0f0f0;text-decoration:underline}.dropdown-container{display:inline-block;position:relative}.dropdown-menu{background-color:#f3f3f3;border-radius:4px;box-shadow:0 8px 16px 0 #0003;display:flex;flex-direction:column;left:0;min-width:150px;opacity:0;position:absolute;top:165%;transition:visibility 0s,opacity .2s linear;visibility:hidden;z-index:1}.dropdown-container:hover .dropdown-menu{opacity:1;visibility:visible}.dropdown-item{color:#1a1a1a;display:block;font-size:14px;padding:12px 16px;text-decoration:none;white-space:nowrap}.dropdown-item:hover{background-color:#555;color:#fff}section{position:relative}.popup-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-container{border-radius:16px;box-shadow:0 4px 20px #00000026;left:50%;max-width:500px;min-height:370px;min-width:400px;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.popup-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:5px 24px}.popup-header h2{color:#202124;font-size:17px;font-weight:600}.popup-content{height:288px;overflow:auto;padding:20px}.ExecutePopup .popup-content{height:321px}.project-list{display:flex;flex-direction:column;gap:12px;padding:8px 0}.project-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:background-color .2s}.project-item:hover{background:#f1f3f4}.project-title{color:#202124;font-size:16px;font-weight:500}.project-buttons{display:flex;gap:8px}.btn-download,.btn-execute{border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.btn-download{background:#fff;border:1px solid #dadce0;color:#5f6368}.btn-download:hover{background:#f1f3f4}.btn-execute{background:#45bcb2;background:var(--sub-color);border:none;color:#fff}.ExecutePopup{left:530px}.close-btn{background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;font-size:24px;min-width:38px;padding:4px;transition:background-color .2s}.close-btn:hover{background-color:#f1f3f4}.client-download-bar{background-color:#f5f5f5;border-bottom:1px solid #ddd;display:flex;justify-content:flex-end;padding:8px}.btn-client-download{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.btn-client-download:hover{background-color:#357ab8}a,button{transition-duration:.2s}a:hover,button:hover{filter:brightness(110%)}.btnboxHyosan{align-items:center;justify-content:center;left:calc(50% - 265px);text-align:center;top:200px;width:530px}.btnbox,.btnboxHyosan{display:flex;position:absolute}.btnbox{align-items:flex-start;flex-direction:column;height:auto;justify-content:flex-start;left:5%;max-width:700px;top:150px;width:40%}.btnbox-inner{align-items:center;display:flex;gap:30px;justify-content:center;position:relative}.video-background-section{height:100vh;overflow:hidden;position:relative;width:100%}.bg-img1,.bg-img2{width:100%}.bg-img1new{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-2}.btnboxHyosan .btn-exeution,.btnboxHyosan .btn-upload{align-items:center;background-color:#f99e17;background-color:var(--point-color);border-radius:10px;box-shadow:0 0 10px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:30px;font-style:bold;height:60px;justify-content:center;position:relative;width:270px}.btnboxHyosan>button:hover{background:#f7b24a}.btn-exeution{background:#45bcb2!important;background:var(--sub-color)!important}.tile_exposition{color:#fff;font-size:43px;font-weight:700;margin-bottom:20px;padding-bottom:30px}.btnbox .btn-Mac-download,.btnbox .btn-Window-download{align-items:center;background-color:#f99e17;background-color:var(--point-color);border-radius:10px;box-shadow:0 0 10px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:25px;font-style:bold;height:60px;justify-content:center;position:relative;width:250px}.btnbox>button:hover{background:#f7b24a}.btn-Mac-download{background:#45bcb2!important;background:var(--sub-color)!important}.progress{background:#f99e17;background:var(--point-color);border-radius:2px;height:100%;transition:width .3s ease;width:0}.status-text{color:#5f6368;font-size:14px}.execute-options{display:flex;gap:8px;justify-content:flex-end}.file-name{color:#5f6368;max-width:90%;text-align:center;word-break:break-all}.footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;margin-top:auto;padding:40px 0}.footer-container{height:100px;margin:0 auto;max-width:1200px;padding:0 20px}.footer-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.company-info{flex:1 1;min-width:300px}.info-row{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:12px}.company-name{color:#343a40;font-size:16px;font-weight:600}.address,.business-number{color:#495057;font-size:14px}.address{line-height:1.5;margin-bottom:12px}.contact-info{display:flex;gap:20px;justify-content:center}.contact-item{align-items:center;display:flex;gap:8px}.label{font-weight:500}.label,.link{color:#495057;font-size:14px}.link{text-decoration:none;transition:color .2s ease}.link:hover{color:#228be6}.divider{color:#dee2e6}.footer-links{align-items:center;display:flex;gap:16px}.footer-button{background:none;border:none;color:#495057;cursor:pointer;font-size:14px;padding:4px 8px;transition:color .2s ease}.footer-button:hover{color:#228be6}footer{text-align:center}.popup-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:600px}.separator{color:#ddd;margin:0 8px}.files-list{max-height:248px;overflow-y:auto;padding:16px}.file-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:8px}.file-preview{height:40px;margin-right:12px;width:40px}.thumbnail{border-radius:4px;height:100%;object-fit:cover;width:100%}.file-info{display:flex;flex:1 1;flex-direction:column}.file-name{font-size:14px;margin-bottom:4px}.file-size{color:#666;font-size:12px}.remove-btn{background:none;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;padding:4px 8px}.remove-btn:hover{background:#f5f5f5}.upload-area{border:2px dashed #e8eaed;border-radius:8px;height:250px;text-align:center;transition:border-color .2s}.upload-area:hover{border-color:#f99e17;border-color:var(--point-color)}.upload-label{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center}.upload-label svg{color:#f99e17;color:var(--point-color);margin-bottom:8px}.upload-label span{color:#202124;font-size:16px}.upload-label .sub-text{color:#5f6368;font-size:14px}.login-page{flex-direction:column}.site-header{align-items:center;background-color:#fff;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:16px 24px}.site-header h1{color:#000;font-size:17px;margin:0}.login-container{align-items:center;flex:1 1;flex-direction:column;padding:24px}.login-content{background:#fff;box-shadow:0 2px 10px #0000001a;max-width:450px;padding:48px 40px 36px}.login-header{text-align:center}.login-header h2{font-size:24px;font-weight:400}.login-header p{font-size:16px}.login-form{gap:24px;gap:18px}.input-group{position:relative}.input-group input{font-size:16px;padding:16px 12px;transition:all .2s}.input-group label{background:#fff;color:#5f6368;left:12px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s}.input-group input:focus,.input-group input:not(:placeholder-shown){border-color:#1a73e8;outline:none}.input-group input:focus~label,.input-group input:not(:placeholder-shown)~label{color:#1a73e8;font-size:12px;top:0}.login-button{background-color:#1a73e8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:16px 24px;transition:background-color .2s}.login-button:hover{background-color:#1557b0}.login-logo{font-size:34px;margin-bottom:50px}.login-links{align-items:center;display:flex;justify-content:center;margin-top:24px}.login-links span{color:#5f6368;cursor:pointer;font-size:15px;text-align:center;transition:color .2s}.login-links span:hover{color:#1a73e8}.login-links .separator{color:#dadce0;margin:0 10px}.kakao-button{align-self:center;background:none;border:none;cursor:pointer;padding:0}.kakao-button img{height:100%;object-fit:contain;width:100%}.login-page{align-items:center;background-color:#f8f9fa;box-sizing:border-box;min-height:calc(100vh - 60px);padding:20px}.login-container,.login-page{display:flex;justify-content:center}.login-container{width:100%}.login-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px #00000014;max-width:400px;padding:48px 40px;text-align:center;width:100%}.login-header{margin-bottom:32px}.login-header h1{color:#000;font-size:24px;font-weight:700;letter-spacing:.5px;margin:0 0 20px}.login-header h2{color:#202124;font-size:20px;font-weight:600;margin:0 0 8px}.login-header p{color:#5f6368;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:12px}.input-group{width:100%}.input-group input{background-color:#fff;border:1px solid #dadce0;border-radius:4px;box-sizing:border-box;color:#202124;font-size:15px;height:48px;padding:0 15px;transition:border-color .2s;width:100%}.input-group input::placeholder{color:#9aa0a6}.input-group input:focus{border-color:#1a73e8;border-width:1.5px;outline:none}.error-message{color:#d93025;font-size:13px;margin:5px 0;text-align:left}.login-submit-btn{background-color:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:48px;margin-top:10px;transition:background-color .2s;width:100%}.login-submit-btn:hover{background-color:#1557b0;box-shadow:0 1px 3px #0003}.divider{align-items:center;color:#9aa0a6;display:flex;font-size:12px;margin:24px 0}.divider:after,.divider:before{border-bottom:1px solid #e0e0e0;content:"";flex:1 1}.divider span{background-color:#fff;padding:0 10px}.social-login-group{display:flex;flex-direction:column;gap:10px}.social-btn{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:48px;justify-content:center;position:relative;transition:background-color .2s;width:100%}.social-btn:hover{box-shadow:0 1px 2px #0000001a}.social-btn .icon-wrapper{align-items:center;display:flex;height:20px;justify-content:center;left:15px;position:absolute;width:20px}.social-btn .icon-wrapper img,.social-btn .icon-wrapper svg{height:100%;object-fit:contain;width:100%}.social-btn.google{background-color:#fff;border:1px solid #dadce0;color:#3c4043}.social-btn.google:hover{background-color:#f8f9fa}.social-btn.kakao{background-color:#fee500;border:none;color:#000}.social-btn.kakao:hover{background-color:#fdd835}.social-btn.naver{background-color:#03c75a;border:none;color:#fff}.social-btn.naver:hover{background-color:#02b351}.login-footer-links{align-items:center;color:#5f6368;display:flex;font-size:13px;justify-content:center;margin-top:30px}.login-footer-links span{cursor:pointer;transition:color .2s}.login-footer-links span:hover{color:#1a73e8;text-decoration:underline}.login-footer-links .separator{color:#dadce0;cursor:default;margin:0 12px;text-decoration:none!important}@media (max-width:480px){.login-page{background-color:#fff;padding:0}.login-content{box-shadow:none;padding:30px 20px}.login-header h1{font-size:22px}}@media (max-width:768px){header{flex-wrap:wrap;height:auto;padding:10px 15px}.logo img{width:120px}.header-Links{gap:10px;margin-left:auto}.btn-login,.btn-logout,.btn-support{font-size:12px;padding:5px 8px}}@media (max-width:480px){header{padding:8px 10px}.logo img{width:90px}.header-Links{gap:8px}.btn-login,.btn-logout,.btn-support{font-size:11px;padding:4px 6px}} /*# sourceMappingURL=main.8a2f9825.css.map*/