#header{width:100%; gap:80px; transition:all 0.6s; padding:20px 3%; box-sizing:border-box; position:absolute; z-index:9; display:flex; justify-content:space-between; align-items:center; box-shadow:0px 4px 20px rgba(0,0,0,0.3); top:0;}
#header .logo{width:240px;}
#header .logo img{width:100%;}
#header .logo2{width:240px;}
#header .gnb{display:flex; gap:120px; }
#header .gnb div{display:flex; gap:80px;}
#header .gnb li{font-size:18px; color:#fff;}
#header .gnb li a{color:#fff;}
#header .gnb .current{text-decoration:underline; font-family:'LineSeedKR-Bd'}
#header .sns{display:flex; gap:16px; cursor:pointer;}
#header .sns .snsLabel{color:#fff;}
#header .right{display:flex; gap:16px; cursor:pointer; align-items:center;}
#header .right .langList{display:flex; gap:12px;}
#header .right .langList li{font-size:14px;}
#header .right .langList li a{color:#ddd; padding-right:12px;  line-height:12px;}
#header .right .langList li:first-child a{border-right:1px solid #999}
#header .right .langList li.current a{color:#007CC4; font-family:'LineSeedKR-Bd'}
#header .right .download{background:#007CC4; border-radius:50px;}
#header .right .download a{padding:8px 20px; display:block; color:#fff; font-family:'LIneSeedKR-Bd'; font-size:15px;}


#header .mobile-menu-btn{display:none;}
#header .mobile-menu-btn span{display:block; width:24px; height:2px; background:#fff;}

#footer{width:100%; display:flex; justify-content:space-between; align-items:end; padding:40px 200px; background:#222; box-sizing:border-box;}
#footer .lf{display:flex; flex-direction:column;}
#footer .lf .footmenu{display:flex; gap:24px;}
#footer .lf .footmenu li{}
#footer .lf .footmenu li a{color:#fff; font-size:16px;}
#footer .lf .term{margin-top:32px;}
#footer .lf .term a{font-size:14px; color:#777;}
#footer .lf .copy{margin-top:12px; font-size:14px; color:#777; word-break:keep-all;}
#footer  .rt{font-size:14px; color:#777; text-align:right; word-break:keep-all;}


@media (max-width: 1439px) {
    #header{width:100%; transition:all 0.6s; padding:20px 3%; box-sizing:border-box; position:absolute; z-index:9; display:flex; justify-content:space-between; align-items:center; box-shadow:0px 4px 20px rgba(0,0,0,0.3); top:0;}
    #header .logo{width:220px;}
    #header .logo img{width:100%;}
    #header .gnb{display:none;}
	#header .logo2{width:220px;}

    #header .gnb{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); flex-direction:column; gap:0; padding:16px 0; }
    #header .gnb.show{display:flex; flex-direction:column; justify-content: center; align-items:center; gap:20px;}
    
    #header.menuOpen .right{display:flex; position:fixed; left:50%; bottom:56px; transform:translateX(-50%); z-index:1001; flex-direction:column; gap:16px; align-items:center;}
	#header.menuOpen .right .langList{display:flex; justify-content:center;}
	#header.menuOpen .right .download{display:flex; justify-content:center;}
    
    #header .mobile-menu-btn{display:flex;flex-direction:column;gap:4px;cursor:pointer;z-index:999; width:24px; height:24px; position:relative; align-items:center; justify-content:center;}
    #header .mobile-menu-btn span{display:block;width:24px;height:3px;background:#fff;transition:all .25s ease;}
    #header .mobile-menu-btn.active span:nth-child(1){left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); position:absolute;}
    #header .mobile-menu-btn.active span:nth-child(2){opacity:0;}
    #header .mobile-menu-btn.active span:nth-child(3){left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); position:absolute;}

    #footer{width:100%; display:flex; justify-content:space-between; align-items:end; padding:40px 20px; background:#222; box-sizing:border-box;}
    #footer .lf{display:flex; flex-direction:column;}
    #footer .lf .footmenu{display:flex; gap:24px;}
    #footer .lf .footmenu li{}
    #footer .lf .footmenu li a{color:#fff; font-size:16px;}
    #footer .lf .term{margin-top:32px;}
    #footer .lf .term a{font-size:14px; color:#777;}
    #footer .lf .copy{margin-top:12px; font-size:14px; color:#777}
    #footer  .rt{font-size:14px; color:#777; text-align:right;}
}




@media (max-width: 1023px) {
    #header{width:100%; transition:all 0.6s; padding:20px 3%; box-sizing:border-box; position:absolute; z-index:9; display:flex; justify-content:space-between; align-items:center; box-shadow:0px 4px 20px rgba(0,0,0,0.3); top:0;}
    #header .logo{width:220px;}
    #header .logo img{width:100%;}
    #header .gnb{display:none;}
    #header .logo2{display:none;}
    #header .right{display:none}


    #header .mobile-menu-btn{display:flex; flex-direction:column; cursor:pointer; gap:4px;}
    #header .mobile-menu-btn span{display:block; width:24px; height:2px; background:#fff;}

    #footer{width:100%; display:flex; flex-direction:column; gap:40px; justify-content:space-between; align-items:start; padding:40px 20px; background:#222; box-sizing:border-box;}
    #footer .lf{display:flex; flex-direction:column;}
    #footer .lf .footmenu{display:flex; gap:24px;}
    #footer .lf .footmenu li{}
    #footer .lf .footmenu li a{color:#fff; font-size:16px;}
    #footer .lf .term{margin-top:32px;}
    #footer .lf .term a{font-size:14px; color:#777;}
    #footer .lf .copy{margin-top:12px; font-size:14px; color:#777}
    #footer  .rt{font-size:14px; color:#777; text-align:left;}
}


@media (max-width: 767px) {
    #header{width:100%; transition:all 0.6s; padding:20px 3%; box-sizing:border-box; position:absolute; z-index:9; display:flex; justify-content:space-between; align-items:center; box-shadow:0px 4px 20px rgba(0,0,0,0.3); top:0;}
    #header .logo{width:160px;}
    #header .logo img{width:100%;}
    #header .gnb{display:none;}

    #header .mobile-menu-btn{display:flex; flex-direction:column; cursor:pointer; gap:4px;}
    #header .mobile-menu-btn span{display:block; width:24px; height:2px; background:#fff;}

    #footer{width:100%; display:flex; flex-direction:column; gap:40px; justify-content:space-between; align-items:start; padding:40px 20px; background:#222; box-sizing:border-box;}
    #footer .lf{display:flex; flex-direction:column;}
    #footer .lf .footmenu{display:flex; gap:16px; display:none;}
    #footer .lf .footmenu li{}
    #footer .lf .footmenu li a{color:#fff; font-size:13px;}
    #footer .lf .term{margin-top:0px;}
    #footer .lf .term a{font-size:14px; color:#777;}
    #footer .lf .copy{margin-top:12px; font-size:14px; color:#777}
    #footer  .rt{font-size:14px; color:#777; text-align:left;}
}



.termPopup{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999;}
.termPopup .container{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; padding:20px; width:640px; box-sizing:border-box;}
.termPopup .container h3{word-break:keep-all;font-size:18px; color:#222; font-family:'LineSeedKr-Bd'}
.termPopup .container p{font-size:14px; color:#777; margin-top:20px; word-break:keep-all;}
.termPopup .container button{border-radius:4px; padding:8px 16px; background:#222; color:#fff; cursor:pointer; margin-top:20px;}


@media (max-width: 767px) {
	.termPopup{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999;}
	.termPopup .container{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; padding:20px; width:94%;}
	.termPopup .container h3{word-break:keep-all;font-size:18px; color:#222; font-family:'LineSeedKr-Bd'}
	.termPopup .container p{font-size:14px; color:#777; margin-top:20px; word-break:keep-all;}
	.termPopup .container button{border-radius:4px; padding:8px 16px; background:#222; color:#fff; cursor:pointer; margin-top:20px;}
}