.alert-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease-out}.alert-modal-content{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease-out}.alert-modal-header{display:flex;justify-content:center;margin-bottom:24px}.alert-modal-icon{display:flex;align-items:center;justify-content:center}.alert-modal-body{text-align:center;margin-bottom:32px}.alert-modal-body h3{font-size:24px;font-weight:600;color:#1a202c;margin:0 0 12px}.alert-modal-body p{font-size:16px;color:#4a5568;margin:8px 0;line-height:1.5}.alert-modal-body .alert-modal-sub{font-size:14px;color:#718096}.alert-modal-footer{display:flex;gap:12px;justify-content:center}.alert-modal-btn{padding:12px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.alert-modal-btn.cancel{background-color:#e2e8f0;color:#4a5568}.alert-modal-btn.cancel:hover{background-color:#cbd5e0}.alert-modal-btn.confirm{background-color:#667eea;color:#fff}.alert-modal-btn.confirm:hover{background-color:#5568d3}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal-content{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-modal-header{display:flex;justify-content:center;margin-bottom:24px}.confirm-modal-icon{display:flex;align-items:center;justify-content:center}.confirm-modal-body{text-align:center;margin-bottom:32px}.confirm-modal-body h3{font-size:24px;font-weight:600;color:#1a202c;margin:0 0 12px}.confirm-modal-body p{font-size:16px;color:#4a5568;margin:8px 0;line-height:1.5}.confirm-modal-footer{display:flex;gap:12px;justify-content:center}.confirm-modal-btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.confirm-modal-btn.cancel{background-color:#e2e8f0;color:#4a5568}.confirm-modal-btn.cancel:hover{background-color:#cbd5e0}.confirm-modal-btn.confirm{background-color:#667eea;color:#fff}.confirm-modal-btn.confirm:hover{background-color:#5568d3}.confirm-modal-btn.danger{background-color:#f56565;color:#fff}.confirm-modal-btn.danger:hover{background-color:#e53e3e}.header{position:fixed;top:0;left:0;width:100%;background-color:#eee;color:#fff;z-index:1000}.header .header-container{display:flex;justify-content:space-between;gap:60px;align-items:center;padding:0 40px}.header .header-container .logo-section{flex:1;line-height:1em}.header .header-container .logo-section div.logo-background{display:inline-block;cursor:pointer}.header .header-container .logo-section div.logo-background img{width:auto;height:24px}.header .header-container nav.navigation{display:flex;align-items:center;gap:20px}.header .header-container nav.navigation .nav-item{display:flex;align-items:center;position:relative;height:68px;padding:21px 12px;color:#666;cursor:pointer}.header .header-container nav.navigation .nav-item span{white-space:nowrap}.header .header-container nav.navigation .nav-item:after{content:"";display:block;position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#ff3a4a;transition:all .2s ease}.header .header-container nav.navigation .nav-item.active{color:#000;font-weight:700}.header .header-container nav.navigation .nav-item.active:after{left:0;width:100%}.logged-in-section{display:flex;align-items:center;gap:20px}.logged-in-section .user-profile-section{display:flex;align-items:center;gap:10px}.logged-in-section .user-profile-section .user-profile-avatar{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.logged-in-section .user-profile-section .user-info .user-email{color:#333;font-size:14px;font-family:Pretendard}.logged-in-section button.login-btn,.logged-in-section button.logout-btn{width:98px;height:40px;border:1px solid #ccc;border-radius:4px;font-size:18px;font-weight:500;cursor:pointer}.logged-in-section button.login-btn{background-color:#fff;color:#333}.logged-in-section button.logout-btn{background-color:rgba(220,53,69,.1);border-color:#dc3545;color:#ff6b7a}.logged-in-section button.login-btn:hover{background-color:#fff;color:#333}.logged-in-section button.logout-btn:hover{background-color:#dc3545;color:#fff}.search-section{margin-left:40px}.search-section .header-search-bar{position:relative;width:240px;height:40px}.search-section .header-search-bar .header-search-input{width:100%;height:100%;margin:0;padding:10px 40px 10px 10px;border:0;border-radius:4px;background-color:hsla(0,0%,100%,.7);font-size:14px;outline:0}.search-section .header-search-bar .header-search-input::-moz-placeholder{color:#888}.search-section .header-search-bar .header-search-input::placeholder{color:#888}.search-section .header-search-bar .header-search-icon{display:flex;justify-content:center;align-items:center;position:absolute;top:6px;right:10px;width:28px;height:28px;cursor:pointer}@media screen and (max-width:768px){.header .header-container{padding:0 20px}.header .header-container .logo-section{height:60px;padding-top:15px}.nav_wrap{position:fixed;top:0;right:-100%;width:280px;height:100vh;background-color:rgba(0,0,0,.95);backdrop-filter:blur(10px);transition:right .3s ease;z-index:999;display:flex;flex-direction:column;padding-top:0}.nav_wrap.active{right:0}.header .header-container nav.navigation{flex-direction:column;align-items:flex-start;width:100%;gap:8px;padding:20px}.header .header-container nav.navigation .nav-item{width:100%;height:50px;padding:12px;color:#fff}.header .header-container nav.navigation .nav-item.active{border-bottom:0;color:#ff3a4a}.header .header-container nav.navigation .nav-item.active:after{height:1px;background-color:#ff3a4a}.search-section{margin:0;padding:20px}.search-section .header-search-bar .header-search-input{background-color:#fff}.auth-section{width:100%;padding:0 20px;margin-top:auto;margin-bottom:40px}.logged-in-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}.logged-in-section .user-profile-section .user-info .user-email{color:#fff}}.btn_nav_close,.btn_nav_open{display:none}@media screen and (max-width:768px){.btn_nav_open{display:flex;justify-content:flex-end;align-items:center;width:100%;height:60px}.btn_nav_open button{position:relative;width:40px;height:40px;margin:0;padding:0;border:0;overflow:hidden;background-color:transparent;cursor:pointer}.btn_nav_open button:after,.btn_nav_open button:before{content:""}.btn_nav_open button span,.btn_nav_open button:after,.btn_nav_open button:before{display:block;position:absolute;top:50%;left:50%;width:60%;height:1.5px;background-color:#333}.btn_nav_open button:before{transform:translate(-50%,calc(-50% - 8px))}.btn_nav_open button:after{transform:translate(-50%,calc(-50% + 8px))}.btn_nav_open button span{transform:translate(-50%,-50%);white-space:nowrap;color:transparent}.btn_nav_close{display:flex;justify-content:flex-end;align-items:center;width:100%;height:60px;padding:0 20px}.btn_nav_close button{position:relative;width:40px;height:40px;margin:0;padding:0;border:0;overflow:hidden;background-color:transparent;cursor:pointer}.btn_nav_close button:after,.btn_nav_close button:before{content:"";display:block;position:absolute;top:50%;left:50%;width:60%;height:1px;background-color:#fff}.btn_nav_close button:before{transform:translate(-50%,-50%) rotate(-45deg)}.btn_nav_close button:after{transform:translate(-50%,-50%) rotate(45deg)}.btn_nav_close button span{position:relative;z-index:-1;white-space:nowrap;color:transparent}}.main-layout-content .inner .tit_wrap{margin-bottom:47px;text-align:center}.main-layout-content .inner .tit_wrap h2{color:#000;font-size:28px;line-height:34px;font-weight:700}.main-layout-content .inner .tit_wrap p{margin-top:.9375em;color:#555;font-size:16px;font-weight:400}.notice-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.notice-modal{background:#fff;border-radius:4px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.15)}.notice-modal-header{padding:16px 20px;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center;background-color:#fafafa;border-radius:4px 4px 0 0}.notice-modal-header h2{margin:0;font-size:16px;color:#333;font-weight:500;display:flex;align-items:center;gap:8px}.notice-modal-controls{display:flex;align-items:center;gap:12px}.notice-modal-counter{color:#666;font-size:14px}.notice-modal-close{background:none;border:none;cursor:pointer;padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#999;font-size:20px;line-height:1}.notice-modal-close:hover{color:#666}.notice-modal-content{padding:20px;overflow-y:auto;flex:1;min-height:250px;max-height:calc(90vh - 120px);font-size:14px;color:#333;line-height:1.6}.notice-modal-footer{padding:12px 20px;border-top:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center;background-color:#fafafa;border-radius:0 0 4px 4px}.notice-modal-date{color:#999;font-size:13px}.notice-modal-footer-left{display:flex;align-items:center;gap:16px}.notice-modal-hide-label{display:flex;align-items:center;gap:6px;color:#666;font-size:13px;cursor:pointer}.notice-modal-hide-label input[type=checkbox]{width:16px;height:16px;margin:0;cursor:pointer}.notice-modal-actions{display:flex;align-items:center;gap:12px}.notice-modal-navigation{display:flex;gap:8px}.notice-modal-nav-button{background:#fff;color:#333;border:1px solid #d9d9d9;padding:6px 12px;border-radius:2px;cursor:pointer;font-size:13px;transition:all .2s}.notice-modal-nav-button:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.notice-modal-nav-button:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed}.notice-modal-close-button{background:#f5f5f5;color:#333;border:1px solid #d9d9d9;padding:6px 16px;border-radius:2px;cursor:pointer;font-size:13px;transition:all .2s}.notice-modal-close-button:hover{background:#e6e6e6;border-color:#ccc}.main-intro_wrap{display:flex;padding-top:68px;background:#ff3747;background:linear-gradient(90deg,#ff3747,#ff9558)}.main-intro_wrap .inner{display:flex;flex-direction:column;justify-content:center;position:relative;gap:48px;height:400px;width:100%;max-width:1080px;margin:0 auto;padding:6px 40px 0}.main-intro_wrap .inner div.txt_wrap{display:flex;flex-direction:column;align-items:start;gap:8px;position:relative;z-index:1;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.16)}.main-intro_wrap .inner div.txt_wrap h2{color:#fff;font-size:32px;line-height:42px;font-weight:700}.main-intro_wrap .inner div.txt_wrap p{color:hsla(0,0%,100%,.7);font-size:16px}.main-intro_wrap .inner button.btn{position:relative;top:0;left:0;z-index:1;width:120px;height:52px;border-radius:4px;background-color:#333;border:none;transition:all .2s ease-in-out;cursor:pointer}.main-intro_wrap .inner button.btn span{color:#fff;font-size:14px;font-weight:500}.main-intro_wrap .inner button.btn:hover{box-shadow:0 1px 2px rgba(0,0,0,.16)}.main-intro_wrap .inner:after{content:"";display:block;position:absolute;right:101px;width:320px;height:320px;background:url(/images/img_main01.svg) no-repeat 50%/contain;animation:intro_ani 2s ease-in-out infinite}@keyframes intro_ani{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.dev-tools_wrap{padding:100px 0 120px}.dev-tools_wrap .inner{max-width:1080px;margin:0 auto;padding:0 40px}.dev_grid_wrap{display:flex;flex-direction:column}.dev_grid_wrap,.main-tool-cards{gap:16px;width:100%}.main-tool-cards .main-tool-card{display:flex;position:relative;top:0;left:0;width:100%;background-color:#f5f5f5;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 1px 4px transparent}.main-tool-cards .main-tool-card h2{color:#000;font-size:20px;transition:all .2s ease-in-out}.main-tool-cards .main-tool-card p{flex:1;color:#555;font-size:14px;transition:all .2s ease-in-out}.main-tool-cards .main-tool-card .main-tool-card-icon img{display:block;width:84px;height:84px}.main-tool-cards .main-tool-card:hover{border-radius:12px;box-shadow:1px 2px 4px rgba(0,0,0,.16)}.main-tool-cards.row{display:grid;grid-template-columns:calc(calc(100% - 48px) / 4) calc(calc(100% - 48px) / 4) calc(calc(100% - 48px) / 4) calc(calc(100% - 48px) / 4)}.main-tool-cards.row .main-tool-card{flex-direction:column;gap:9px;height:100%;padding:24px 20px 20px 24px}.main-tool-cards.row .main-tool-card .main-tool-card-icon{display:flex;flex-direction:row-reverse;order:1}.main-tool-cards.row .main-tool-card:hover{margin-top:-4px}.main-tool-cards.col{display:flex;flex-direction:column}.main-tool-cards.col .main-tool-card{align-items:center;gap:20px;padding:8px 40px}.main-tool-cards.col .main-tool-card .txt_wrap{flex:1}.main-tool-cards.col .main-tool-card:after{content:"";display:block;position:relative;left:0;width:48px;height:48px;background:url(/images/Group\ 170.png) no-repeat 0 0/contain;transition:all .2s ease-in-out}.main-tool-cards.col .main-tool-card:hover:after{left:10px}.main-notice_wrap{padding:100px 0 120px;background-color:#f5f5f5;text-align:center}.main-notice_wrap .inner{width:100%;max-width:1080px;margin:0 auto;padding:0 40px}.main-notice_wrap .main-notice-card-list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px;width:100%;margin-top:24px;text-align:left}.main-notice_wrap .main-notice-card{display:flex;flex-direction:column;position:relative;top:0;gap:20px;width:calc(50% - 16px);padding:30px 31px;background-color:#fff;border-radius:10px;transition:all .2s ease-in-out}.main-notice_wrap .main-notice-card div.tit{padding-bottom:20px;border-bottom:1px solid #ddd;color:#000;font-size:18px;line-height:22px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-notice_wrap .main-notice-card div.txt{flex:1;color:#333;font-size:14px;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:6}.main-notice_wrap .main-notice-card div.date{color:#888;font-size:14px;line-height:20px}.main-notice_wrap .main-notice-card button.btn{position:absolute;right:31px;bottom:30px;height:20px;border:none;background-color:transparent;color:#ff3a4a;font-size:14px;cursor:pointer}.main-notice_wrap .main-notice-card:hover{top:-4px;border-radius:16px;box-shadow:1px 2px 4px rgba(0,0,0,.16)}.main-notice_wrap .btn_more{display:inline-block;width:160px;height:52px;margin-top:40px;background-color:#333;border-radius:4px}.main-notice_wrap .btn_more span{display:inline-block;line-height:20px;color:#fff;font-size:14px;font-weight:500}@media (max-width:768px){.main-layout-content .inner .tit_wrap{margin-bottom:24px}.main-layout-content .inner .tit_wrap h2{font-size:24px}.main-layout-content .inner .tit_wrap p{word-break:keep-all}.main-intro_wrap .inner{gap:24px;height:auto;padding:40px 20px}.main-intro_wrap .inner:after{width:140px;height:140px;right:20px;bottom:20px}.main-intro_wrap .inner div.txt_wrap h2{font-size:24px}.main-intro_wrap .inner div.txt_wrap p{color:#fff}.dev-tools_wrap{padding:40px 0 50px}.dev-tools_wrap .inner{padding:0 20px}.main-tool-cards.row{display:flex;flex-direction:column}.main-tool-cards.row .main-tool-card{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:20px;padding:8px 20px}.main-tool-cards.row .main-tool-card .txt_wrap{flex:1}.main-tool-cards.row .main-tool-card .txt_wrap p br{display:none}.main-tool-cards.col .main-tool-card{padding:8px 20px}.main-tool-cards.col .main-tool-card:after{width:30px;height:30px}.main-notice_wrap{padding:40px 0 50px}.main-notice_wrap .inner{padding:0 20px}.main-notice_wrap .main-notice-card-list{flex-direction:column;gap:20px}.main-notice_wrap .main-notice-card{width:100%;padding:16px}.main-notice_wrap .main-notice-card button.btn{bottom:16px;right:20px}.footer{padding:2rem 1rem}.footer-wrapper{flex-direction:column;gap:2rem}.footer-top{flex-direction:column;gap:1.5rem}.footer-nav{flex-direction:column;align-items:flex-start;gap:.8rem}.footer-nav a{margin-right:0}.footer-nav a:not(:first-child):before{display:none}.footer-bottom{flex-direction:column;gap:1rem}.footer-container:first-of-type{display:none}.footer-container:last-of-type{flex:0 0 0px}}@media (max-width:390px){.main-tool-cards .main-tool-card .main-tool-card-icon img{width:60px;height:60px}.main-tool-cards .main-tool-card h2{font-size:16px}.main-tool-cards.col .main-tool-card,.main-tool-cards.row .main-tool-card{gap:10px}.footer{padding:1.5rem 1rem}.footer-nav a{font-size:.875rem}.footer-info{font-size:.8rem}.footer-container:first-of-type{display:none}.footer-container:last-of-type{flex:0 0 0px}}.inquiry-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.inquiry-popup{background:#fff;padding:40px;border-radius:12px;width:90%;max-width:500px;position:relative;text-align:center}.inquiry-popup .popup-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:#666}.inquiry-popup .email-icon{width:80px;height:80px;margin-bottom:24px}.inquiry-popup .popup-title{font-size:24px;font-weight:800;color:#333;margin-bottom:20px}.inquiry-popup .popup-content{color:#666;line-height:1.6;margin-bottom:20px;white-space:pre-line}.inquiry-popup .email-address{font-size:20px;color:#ff3a4a;font-weight:500;margin-top:20px}.footer{background-color:#eee;padding:4rem 2rem}.footer-wrapper{display:flex;justify-content:center;align-items:flex-start;max-width:1200px;margin:0 auto;gap:15rem}.footer-container:first-of-type{flex:0 0 300px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem}.footer-left h2{margin-bottom:1rem}.company-logos{display:flex;gap:15px}.logo-box{width:55px;height:30px;display:flex;align-items:center;justify-content:center;padding:2px;background:transparent;overflow:hidden}.logo-box img{max-width:100%!important;max-height:100%!important;-o-object-fit:contain!important;object-fit:contain!important}.footer-nav{margin-bottom:1.2rem;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.footer-nav a{color:#333;text-decoration:none;font-size:1rem;font-weight:600;position:relative;margin-right:30px;display:flex;align-items:center}.footer-nav a:not(:first-child):before{position:absolute;left:-18px;color:#e0e0e0;content:"|";font-weight:400;font-size:1rem;height:100%;display:flex;align-items:center}.footer-bottom{display:flex;align-items:flex-start;gap:2rem}.footer-info{text-align:left;color:#666;font-size:.9rem;line-height:1.5}.footer-info p{margin-bottom:.3rem}