@charset "utf-8";

/* 개인정보 팝업 열림 시 배경 페이지 스크롤 방지 */
html.terms-scroll-lock{overflow:hidden;height:100%;}

.inner{margin:0 auto;width:1920px;max-width:100%;}

#wrap{}
#wrap:not(.main) #header{background:#fff;}
#wrap:not(.main) #header .gnb .da1{color:#000;}

/*header*/
#header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition: all 0.5s;}
#header .inner{position:relative;display:flex;align-items:center;justify-content:center;}
#header .logo{position:absolute;top:24px;left:110px;z-index:10;}
#header .logo a{display:block;}
#header .logo a img{display:block;width: auto;height: 72px;aspect-ratio: 53/36;object-fit: contain;}
#header .gnb{position:relative;}
#header .gnb:before{content:'';position:absolute;top:100%;left:0;width:100%;height:0;background:rgb(255 255 255 / 90%);border-radius:0 0 30px 30px;transition:height 0.5s;}
#header .gnb .dp1{display:flex;align-items:center;justify-content:center;text-align:center;gap:40px;}
#header .gnb .dl1{position:relative;padding:0 40px;}
#header .gnb .da1{position:relative;display:block;line-height:120px;font-size:16px;font-weight:600;color:#000;font-family:'Montserrat', sans-serif;}
#header .gnb .da1:before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:4px;background:#000B8C;transition:width 0.5s;}
#header .gnb .dp2{position:absolute;top:calc(100% - 20px);left:0;width:100%;padding:20px 0;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all 0.5s;}
#header .gnb .dl2{position:relative;}
#header .gnb .dl2:last-child{margin-bottom:0;}
#header .gnb .da2{position:relative;display:block;line-height:38px;font-size:16px;font-weight:400;color:#666;transition:color 0.5s;}
#header .gnb .da2:hover{font-weight:600;color:#000B8C;}
#header .language{position:absolute;top:44px;right:50px;z-index:10;}
#header .language .language-btn{display:flex;align-items:center;justify-content:center;gap:20px;width:90px;height:32px;}
#header .language .language-btn span{line-height:24px;font-size: 13px;font-weight:600;color:#000;text-align:center;font-family:'Montserrat', sans-serif;}
#header .language .language-btn i{display:block;width:20px;height:20px;background:url("../img/icon/ic_globe.png") no-repeat center / contain;}
#header .language .language-btn:hover span{text-decoration:underline;}
#header .language .language-box{position:absolute;top:calc(100% + 24px);left:50%;transform:translateX(-50%);display:none;width:100%;border-radius:15px;padding:20px;background:#000B8C;}
#header .language .language-box a{margin:0 0 24px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:17px;font-size:14px;font-weight:600;color:#fff;font-family:'Montserrat', sans-serif;}
#header .language .language-box a:last-child{margin-bottom:0;}
#header .language .language-box a:hover{text-decoration:underline;}

#header.on{background:#fff;}
#header.on .gnb .dl1.on .da1:before{width:100%;}
#header.on .gnb .dp2{padding:40px 0;top:100%;height:232px;opacity:1;visibility:visible;}
#header.on .gnb:before{height:232px;}

/*footer*/
#footer{position: relative;z-index: 2;padding: 0 120px;background:#000B8C}
#footer .main{padding: 100px 0 115px;display:flex;}
#footer .main .logo{flex:0 0 auto;margin:0 272px 0 0;display:flex;align-items:center;justify-content:flex-start;}
#footer .main .logo img{width:304px;max-width:100%;}
#footer .main .text{flex:1;display:flex;flex-direction:column;}
#footer .main .text dl{position:relative;margin:0 0 60px;width: 515px;max-width:100%;}
#footer .main .text dl:last-child{margin-bottom:0;}
#footer .main .text dt{margin:0 0 12px;line-height:36px;font-size:30px;font-weight:600;color:#fff;}
#footer .main .text dd{display:flex;align-items:center;gap: 10px;}
#footer .main .text dd + dd{margin-top:15px;}
#footer .main .text dd i{width: 25px;height: 25px;flex: 0 0 auto;}
#footer .main .text dd i.ic-address-1{background: url("../img/icon/ic_address_1.png") no-repeat center / contain;}
#footer .main .text dd i.ic-address-2{background: url("../img/icon/ic_address_2.png") no-repeat center / contain;}
#footer .main .text dd i.ic-contact{background: url("../img/icon/ic_contact.png") no-repeat center / contain;}
#footer .main .text dd strong{font-size: 20px;font-weight:700;color: #fff;}
#footer .main .text dd span{font-size: 20px;font-weight:300;color: #fff;letter-spacing: -0.5px;}
#footer .main .text dd a{position:absolute;top:50%;right:0;transform:translateY(-50%);display:Flex;align-items:center;justify-content:center;padding:0 46px;height:60px;font-size:24px;font-weight:600;color:#fff;border-radius:60px;background:#1522B2}
#footer .main .cont{flex:0 0 auto;padding:0 65px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;}
#footer .main .shop{margin: 0 0 80px;}
#footer .main .shop a{width:70px;height: 70px;display: flex;align-items: center;justify-content: center;border-radius: 70px;background: #1522b2;}
#footer .main .shop a:before{content:'';width: 34px;height:24px;background:url("../img/icon/ic_shop.png") no-repeat center / contain;}
#footer .main .follow{}
#footer .main .follow .tit{margin:0 0 20px;line-height:36px;font-size:30px;font-weight:600;color:#fff;}
#footer .main .follow .con{display:flex;align-items:center;gap:26px;}
#footer .main .follow .con a{width:45px;height:45px;display:flex;align-items:center;justify-content:center;}
#footer .main .follow .con a img{width:100%;height:100%;object-fit:contain;}
#footer .bottom{position:relative;padding:20px 0 68px;display:flex;align-items:center;justify-content:space-between;border-top:0.5px solid rgb(255 255 255 / 70%);}
#footer .bottom .info{flex:1;display:flex;flex-wrap:wrap;gap:20px;}
#footer .bottom .info span{line-height:24px;font-size:18px;color:#fff;}
#footer .bottom .cite{fleX:0 0 auto;line-height:24px;font-size:18px;color:#fff;opacity:0.7;}
#footer .bottom .link{position:absolute;bottom:calc(100% + 20px);right:0;}
#footer .bottom .link .term-btn{display:block;line-height:40px;font-size:20px;font-weight:600;color:#fff;}
/* 개인정보처리방침: 열릴 때 body 직계로 이동(JS) — #fullpage transform 안에 두면 fixed가 문서 중앙으로 어긋남 */
/* z-index: 딤(#dimmed 9998)보다 위 */
.footer-terms-modal{
    position:fixed;
    inset:0;
    z-index:10050;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    min-height:100dvh;
    min-height:-webkit-fill-available;
    padding:max(20px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
    box-sizing:border-box;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}
.footer-terms-modal.on{opacity:1;visibility:visible;pointer-events:auto;}
.footer-terms-modal.on .terms-box{transform:translateY(0);opacity:1;visibility:visible;}
.footer-terms-modal .terms-box{
    position:relative;
    top:auto;
    left:auto;
    width:1080px;
    max-width:100%;
    margin:0 auto;
    border-radius:10px;
    background:#fff;
    border:1px solid #BEBEBE;
    transform:translateY(16px);
    opacity:0;
    visibility:hidden;
    transition:opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease;
    pointer-events:all;
    max-height:min(88vh, 820px);
    max-height:min(88dvh, 820px);
    overflow:hidden;
}
.footer-terms-modal .text{
    box-sizing:border-box;
    max-height:min(72vh, 680px);
    max-height:min(72dvh, 680px);
    padding:40px 44px 40px 40px;
    line-height:28px;
    font-size:16px;
    color:#111;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-y:contain;
    touch-action:pan-y;
    scrollbar-gutter:stable;
}
.footer-terms-modal .text dl{margin:0 0 28px;}
.footer-terms-modal .text dl:last-child{margin-bottom:0;}
.footer-terms-modal .text dt{font-weight:600;margin:0 0 6px;}
.footer-terms-modal .text dd{font-weight:300;}
.footer-terms-modal .text dd p{padding:0 0 0 10px;text-indent:-10px;}
.footer-terms-modal .text .privacy-policy{font-size:15px;line-height:1.65;color:#222;}
.footer-terms-modal .text .privacy-policy__meta{margin:0 0 12px;font-size:13px;color:#666;}
.footer-terms-modal .text .privacy-policy__title{margin:0 0 16px;font-size:20px;font-weight:700;color:#111;}
.footer-terms-modal .text .privacy-policy__lead{margin:0 0 20px;}
.footer-terms-modal .text .privacy-policy__sec{margin:0 0 22px;}
.footer-terms-modal .text .privacy-policy__sec:last-child{margin-bottom:0;}
.footer-terms-modal .text .privacy-policy h3{margin:0 0 10px;font-size:16px;font-weight:700;color:#111;}
.footer-terms-modal .text .privacy-policy h4{margin:12px 0 8px;font-size:14px;font-weight:600;color:#333;}
.footer-terms-modal .text .privacy-policy ul{margin:8px 0 0;padding:0 0 0 20px;}
.footer-terms-modal .text .privacy-policy li{margin:0 0 6px;}
.footer-terms-modal .text .privacy-policy__table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px;}
.footer-terms-modal .text .privacy-policy__table th,
.footer-terms-modal .text .privacy-policy__table td{padding:10px 12px;border:1px solid #ddd;text-align:left;vertical-align:top;}
.footer-terms-modal .text .privacy-policy__table th{width:28%;background:#f7f7f7;font-weight:600;}
.footer-terms-modal .text .privacy-policy__note{margin:10px 0 0;font-size:14px;color:#555;}
.footer-terms-modal .text .privacy-policy__contact{margin:12px 0 0;font-size:14px;}
.footer-terms-modal .text .privacy-policy__contact span{font-weight:600;margin-right:6px;}
.footer-terms-modal .close{position:absolute;top:20px;right:20px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:40px;background:#000B8C;cursor:pointer;}
.footer-terms-modal .close:before{content:'';width:14px;height:14px;background:url("../img/icon/ic_close.png") no-repeat center / contain;}

/* 개인정보 팝업 딤(전역): 푸터 밖에서도 화면 전체 덮음 */
#dimmed{position:fixed;inset:0;z-index:9998;width:100%;height:100%;height:100dvh;min-height:100%;background:rgb(255 255 255 / 85%);opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:opacity 0.25s ease, visibility 0.25s ease;}
#dimmed.on{opacity:1;visibility:visible;pointer-events:auto;}

#footer .gotop{position:absolute;top:70px;right:64px;width:80px;height:80px;display:flex;align-items:Center;justify-content:center;border-radius:80px;background:#fff;z-index:2;cursor:pointer;}
#footer .gotop:before{content:'';width:24px;height:14px;background:url("../img/gotop.svg") no-repeat center / contain;}

#gotop{position:fixed;bottom: 64px;right: 64px;width: 80px;height: 80px;z-index:2;border-radius: 64px;background: #000B8C;transition:all 0.5s;display: flex;align-items: center;justify-content: center;cursor: pointer;}
#gotop.hide{opacity:0;visibility:hidden;}
#gotop:before{content:'';width: 24px;height: 14px;background:url("../img/gotop_w.svg") no-repeat center / contain;}

#goshop{position:fixed;z-index: 100;bottom: 100px;right:144px;}
#goshop a{width:80px;height:80px;display:flex;align-items: center;justify-content:center;border-radius:80px;background:#000b8c;cursor:pointer;}
#goshop a:before{content:'';width:34px;height:24px;background:url("../img/icon/ic_shop.png") no-repeat center / contain;}

#container{}

#subvisual{position:relative;height: 960px;overflow: hidden;z-index: 1;}
#subvisual:before{content:'';position:absolute;z-index: 10;bottom:0;left:0;width:100%;height:80px;border-radius:80px 80px 0 0;background:#fff;}
#subvisual .title{position:absolute;z-index: 11;bottom: 0px;left: 50%;width: calc(100% - 280px);max-width: 1920px;height: 240px;transform: translateX(-50%);transition: all 1s;overflow: hidden;}
#subvisual .title strong{position:absolute;top: calc(50% - 120px);left: 0;bottom:0;height: 240px;transition: all 1s;opacity: 0;will-change: transform;}
#subvisual .title span{display: block;padding: 0 20px;height: 240px;line-height: 1;font-size: 200px;font-weight: 900;color: #000B8C;font-family: 'Paperlogy', sans-serif;white-space: nowrap;background-image: url("../img/sub/bg_title_blend.png");background-repeat: no-repeat;background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;animation: bgMove 10s infinite ease-in-out;}
#subvisual .text{position: absolute;z-index: 12;top: calc(50% - 80px);left: 50%;width: 100%;transform: translate(-50%,calc(-50% + 120px));line-height:82px;font-size:66px;font-weight: 400;color:#111;text-align: center;letter-spacing: -0.5px;opacity: 0;}
#subvisual .text span{}
#subvisual .text strong{font-weight:700;}
#subvisual .background{position: absolute;z-index: 0;top: 0;left: 0;width: 100%;height: 150%;}
#subvisual .background img{width:100%;height: 100%;object-fit:cover;will-change: transform;transform: translate3d(0,0,0);backface-visibility: hidden;}
#subvisual .background img.pc{display:block;}
#subvisual .background img.mo{display:none;}

#content{position: relative;z-index: 2;background: #fff;padding: 0 20px;}
/* 회사 하위 탭 앵커: 고정 헤더에 가리지 않도록 */
#subpage-content,#company-content{scroll-margin-top: 300px;}
#content .tab-box{display:flex;align-items:center;justify-content:center;padding:60px 20px;gap:20px;}
#content .tab-box .tab-item{display:flex;align-items:center;justify-content:center;text-align:center;padding: 0 15px;min-width: 145px;height: 50px;border-radius: 50px;font-size: 18px;font-weight: 500;color: #111;transition:all 0.5s;}
#content .tab-box .tab-item:hover,
#content .tab-box .tab-item:active{color:#111;background:#f5f5f5;}
#content .tab-box .tab-item.on{color:#fff;background: #000;}
#content .tab-box.init{opacity:0;transform:translateY(80px);transition:all 1s;}
#content .tab-box.init.animate{opacity:1;transform:translateY(0);}

#content .title-box{padding: 0 0 120px;text-align:center;}
#content .title-box .eng{margin:0 0 19px;line-height:44px;font-size:16px;font-weight:700;color:#111;font-family: 'Paperlogy', sans-serif;}
#content .title-box .title{line-height:52px;font-size:40px;font-weight:700;color:#111;word-break: keep-all;}
#content .title-box .title span{color:#000B8C;}
#content .title-box .title br.mo{display:none;}
#content .title-box .text{margin-top:60px;line-height:24px;font-size:20px;font-weight:500;color:#111;word-break: keep-all;}
#content .title-box .text br.mo{display:none;}
#content .title-box.init{}
#content .title-box.init .eng{opacity:0;transform:translateY(80px);transition:all 1s;}
#content .title-box.init .title{opacity:0;transform:translateY(80px);transition:all 1s;}
#content .title-box.init .text{opacity:0;transform:translateY(80px);transition:all 1s;}
#content .title-box.init.animate .eng{opacity:1;transform:translateY(0);}
#content .title-box.init.animate .title{opacity:1;transform:translateY(0);transition-delay:0.5s;}
#content .title-box.init.animate .text{opacity:1;transform:translateY(0);transition-delay:0.65s;}

#content .page-box{display:flex;align-items:center;justify-content:center;margin:180px 0 0 0;text-align:center;gap: 15px;}
#content .page-box a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:14px;font-weight:800;color:#111;}
#content .page-box a.current{color:#fff;background:#000B8C;border-radius:50%;}
#content .page-box a.next:before{content:'';width:6px;height:11px;background:url("../img/icon/ic_next.svg") no-repeat center / contain;}
#content .page-box a.prev:before{content:'';width:6px;height:11px;background:url("../img/icon/ic_next.svg") no-repeat center / contain;transform:rotate(180deg);}
#content .page-box.init{transform:translateY(100px);opacity:0;visibility:hidden;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
#content .page-box.init.animate{transform:translateY(0);opacity:1;visibility:visible;}

#content .search-box{margin:50px 0 0 0;display:flex;justify-content:center;}
#content .search-box .flex{display:flex;align-items:center;gap:10px;width:470px;max-width:100%;}
#content .search-box .input{flex:1;}
#content .search-box .input input{width:100%;height:52px;border-radius:10px;border:1px solid #bebebe;background:#fff;padding:15px;font-size:14px;}
#content .search-box .button{flex:0 0 auto;}
#content .search-box .button button{display:flex;align-items:center;justify-content:center;width:60px;height:52px;border-radius:10px;background:#000b8c;}
#content .search-box .button button:before{content:'';width: 20px;height: 20px;background:url("../img/icon/ic_search.png") no-repeat center / contain;}
#content .search-box.init{transform:translateY(100px);opacity:0;visibility:hidden;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
#content .search-box.init.animate{transform:translateY(0);opacity:1;visibility:visible;}

#content .list-skin{margin: 0 auto;width: 1640px;max-width: 100%;}
#content .list-skin ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:100px 80px;}
#content .list-skin li{}
#content .list-skin .box{position:relative;display:block;}
#content .list-skin .img{position: relative;width:100%;height:auto;aspect-ratio:1/1;overflow:hidden;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);}
#content .list-skin .img:before{content:'';position:absolute;inset:0;border-radius:0px;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:0px solid rgb(255 255 255 / 50%);}
#content .list-skin .img img{width:100%;height:100%;object-fit:cover;}
#content .list-skin .con{padding:46px 0 0 0;}
#content .list-skin .category{margin: 0 0 15px 0;line-height:24px;font-size:20px;font-weight:600;color:#000b8c;}
#content .list-skin .subject{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 54px;line-height: 27px;font-size: 20px;font-weight: 500;color: #111;word-break: keep-all;overflow: hidden;}
#content .list-skin .excerpt{display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin:12px 0 0 0;max-height:48px;line-height: 24px;font-size: 15px;font-weight: 400;color: #555;word-break: keep-all;overflow: hidden;}
#content .list-skin .date{margin:16px 0 0 0;line-height:19px;font-size:16px;font-weight:500;color:#666666;font-family: 'Paperlogy', sans-serif;}
#content .list-skin.init ul li{transform:translateY(100px);opacity:0;visibility:hidden;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
#content .list-skin.init.animate ul li{transform:translateY(0);opacity:1;visibility:visible;}
#content .list-skin.init.animate ul li:nth-child(1){transition-delay:0.3s;}
#content .list-skin.init.animate ul li:nth-child(2){transition-delay:0.6s;}
#content .list-skin.init.animate ul li:nth-child(3){transition-delay:0.9s;}
#content .list-skin.init.animate ul li:nth-child(4){transition-delay:1.2s;}
#content .list-skin.init.animate ul li:nth-child(5){transition-delay:1.5s;}
#content .list-skin.init.animate ul li:nth-child(6){transition-delay:1.8s;}
#content .list-skin.init.animate ul li:nth-child(7){transition-delay:2.1s;}
#content .list-skin.init.animate ul li:nth-child(8){transition-delay:2.4s;}

#content .view-skin{margin:0 auto;width:1356px;max-width:100%;}
#content .view-skin .view-head{}
#content .view-skin .view-head .title{padding: 50px 0;border-bottom: 1px solid #666;line-height: 40px;font-size: 34px;font-weight: 700;}
#content .view-skin .view-head .info{padding: 20px 0;display: flex;flex-wrap: wrap;border-bottom: 1px solid #BEBEBE;}
#content .view-skin .view-head .info dl{position: relative;display: flex;align-items: center;gap: 10px;margin: 0 22px 0 0;padding: 0 22px 0 0;font-size: 16px;}
#content .view-skin .view-head .info dl:after{content:'';position:absolute;top:50%;right:0;width:1px;height:12px;background:#666;transform:translateY(-50%);}
#content .view-skin .view-head .info dl:last-child:after{display:none;}
#content .view-skin .view-head .info dl dt{font-weight:400;}
#content .view-skin .view-head .info dl dd{font-weight:300;color:#666666;}
#content .view-skin .view-content{padding:120px 0;}
#content .view-skin .view-content .image{display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:center;margin: 0 0 80px;}
#content .view-skin .view-content .image img{width:auto;max-width:100%;height:auto;}
#content .view-skin .view-content .text{line-height: 34px;font-size: 18px;color: #666;word-break: break-word;}
#content .view-skin .view-post{display:flex;flex-direction:column;border-top: 1px solid #ddd;}
#content .view-skin .view-post .view-next{padding: 15px 0;display:flex;align-items:center;border-bottom:1px solid #ddd;}
#content .view-skin .view-post .view-next:hover{background:#f5f5f5;}
#content .view-skin .view-post .view-next .post-title i{transform:rotate(0deg);}
#content .view-skin .view-post .view-prev{padding:20px 0;display:flex;align-items:center;border-bottom:1px solid #ddd;}
#content .view-skin .view-post .view-prev:hover{background:#f5f5f5;}
#content .view-skin .view-post .view-prev .post-title i{transform:rotate(180deg);}
#content .view-skin .view-post .post-title{position:relative;flex:0 0 auto;width: 80px;line-height: 30px;font-size: 18px;color: #BEBEBE;display:flex;align-items:center;justify-content:space-between;}
#content .view-skin .view-post .post-title:after{content:'';position:absolute;top:50%;right:0;width:1px;height: 16px;background: #BEBEBE;transform:translateY(-50%);}
#content .view-skin .view-post .post-title i{width:12px;height:12px;background:url("../img/board/ico_post.svg") no-repeat center;}
#content .view-skin .view-post .next-link{padding: 0 20px;}
#content .view-skin .view-post .next-link a{font-size:18px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#content .view-skin .view-post .next-link.no-post{font-size: 18px;color:#999;}
#content .view-skin .view-post .prev-link{padding: 0 20px;}
#content .view-skin .view-post .prev-link a{font-size: 18px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
#content .view-skin .view-post .prev-link.no-post{color:#999;}

#content .board-btn{margin: 86px 0 0 0;display:flex;align-items:center;justify-content:center;text-align:center;}
#content .board-btn .btn{display:flex;align-items:center;justify-content:center;min-width: 250px;height:68px;padding:0 10px;font-size:22px;font-weight:600;color:#fff;background:#666;border-radius: 68px;}

@media (min-width:1024px){
    #content .list-skin .box:hover .img{border-radius:50px;}
    #content .list-skin .box:hover .img:before{content:'';border-width:10px;border-radius:50px;}
}
@media (max-width:1600px){

    #footer{position: relative;z-index: 2;padding: 0 110px;background:#000B8C}
    #footer .main{padding: 60px 0 120px;flex-wrap: wrap;gap:60px 0;}
    #footer .main .logo{width:100%;}

    #subvisual .title{height: 220px;width:calc(100% - 100px);}
    #subvisual .title strong{height:220px;}
    #subvisual .title span{height: 220px;line-height: 220px;font-size: 140px;}
}
@media (max-width:1024px){
    #header .inner{height:60px;}
    #header .logo{top: 5px;left:20px;z-index:1001; margin-top:5px;}
    #header .logo a img{display:block;height: 40px;}
    #header .gnb{position:fixed;z-index: 100;top:0;left:0;padding: 80px 20px 0;width:100%;height:100dvh;background: rgb(255 255 255 / 100%);overflow-y: auto;opacity: 0;visibility: hidden;transition: all 0.5s;}
    #header .gnb .dp1{flex-direction:column;align-items: stretch;gap: 15px;text-align: left;}
    #header .gnb .dl1{flex:0 0 auto;padding:0;}
    #header .gnb .dl1.on .dp2{display:block;padding: 10px 0;opacity: 1;visibility: visible;height: auto;}
    #header .gnb .da1{line-height: 40px;font-size: 18px;}
    #header .gnb .dp2{position:static;display:none;padding: 0;}
    #header .gnb .dl2{}
    #header .gnb .da2{line-height: 2.5;font-size: 15px;color:#111;}
    #header .language{z-index:101;top:20px;right:60px;}
    #header .language .language-btn{width:auto;gap: 10px;height: 20px;}
    #header .language .language-box{top: calc(100% + 12px);padding:10px;border-radius: 10px;}
    #header .language .language-box a{margin: 0 0 12px;font-size:12px;}
    #header .allmenu{position:absolute;top:20px;right:20px;width: 20px;height: 20px;aspect-ratio: 32/22;background: url("../img/icon/ic_allmenu.svg") no-repeat center / 20px auto;cursor:pointer;z-index:101;transition: all 0.5s;transform: rotateY(0deg);}
    #header.active .gnb{opacity: 1;visibility: visible;}
    #header.active .allmenu{background: url("../img/icon/ic_allmenu_close.png") no-repeat center / 20px auto;transform: rotateY(180deg);}

    #footer{padding:0 20px;}
    #footer .main{position: relative;padding: 40px 0 45px;flex-wrap:wrap;gap: 20px;}
    #footer .main .logo{width:100%;margin: 0;}
    #footer .main .logo img{width: auto;height: 52px;}
    #footer .main .text{width: 100%;flex: 0 0 auto;}
    #footer .main .text dl{position: static;margin: 0 0 30px;width:100%;}
    #footer .main .text dt{margin: 0 0 10px;line-height: 26px;font-size: 22px;}
    #footer .main .text dd{gap: 2px;line-height:30px;align-items: flex-start;}
    #footer .main .text dd + dd{margin-top:0;}
    #footer .main .text dd i{margin: 6px 4px 0 0;width:18px;height:18px;}
    #footer .main .text dd strong{font-size:14px;white-space: nowrap; margin-right:5px;}
    #footer .main .text dd span{font-size: 14px;}
    #footer .main .text dd a{padding: 0 30px;height: 38px;font-size: 13px;top: unset;bottom: 45px;transform: unset;}
    #footer .main .cont{padding: 0;width: 100%;}
    #footer .main .shop{position:absolute;top: 25px;right:65px;margin:0;}
    #footer .main .shop a{width:36px;height:36px;}
    #footer .main .shop a:before{width:24px;height:auto;aspect-ratio:34/24;}
    #footer .main .follow{}
    #footer .main .follow .tit{margin: 0 0 12px;line-height: 26px;font-size: 22px;}
    #footer .main .follow .con{gap: 20px;}
    #footer .main .follow .con a{width: 36px;height: 36px;}
    #footer .main .follow .con a img{width:100%;height:100%;object-fit:contain;}
    #footer .bottom{flex-wrap: wrap;padding: 20px 0 45px;gap: 25px 0;}
    #footer .bottom .info{gap: 5px 10px;}
    #footer .bottom .info span{line-height: 1.5;font-size: 12px;}
    #footer .bottom .cite{width: 100%;line-height: 15px;font-size: 12px;letter-spacing: -0.5px;}
    #footer .bottom .link{position:absolute;bottom: 45px;right:0;z-index: 2;}
    #footer .bottom .link .term-btn{line-height: 15px;font-size: 13px;letter-spacing: -0.5px;}
    /* 모바일: 패딩·본문 높이만 조정 (레이어는 이미 .footer-terms-modal 로 뷰포트 고정) */
    .footer-terms-modal{
        padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
    }
    .footer-terms-modal .terms-box{
        width:100%;
        max-width:100%;
        max-height:min(90dvh, 800px);
    }
    .footer-terms-modal .text{
        padding:40px 20px max(20px, env(safe-area-inset-bottom));
        line-height:1.5;
        font-size:12px;
        max-height:min(72dvh, 620px);
    }
    .footer-terms-modal .text dl{margin:0 0 20px;}
    .footer-terms-modal .text dd p{padding:0 0 0 8px;text-indent:-8px;}
    .footer-terms-modal .close{top:10px;right:10px;width:30px;height:30px;}
    #footer .gotop{top: 40px;right:20px;width:36px;height:36px;}
    #footer .gotop:before{width: 14px;height:auto;aspect-ratio:24 / 14;}

    #dimmed{z-index:9998;}

    #gotop{position:fixed;bottom:20px;right:20px;z-index:2;width: 36px;height: 36px;border-radius: 36px;background: #000B8C;transition:all 0.5s;display: flex;align-items: center;justify-content: center;cursor: pointer;}
    #gotop.hide{opacity:0;visibility:hidden;}
    #gotop:before{content:'';width: 14px;height:auto;aspect-ratio:24 / 14;background:url("../img/gotop_w.svg") no-repeat center / contain;}

    #goshop{right: 20px;bottom: 20px;}
    #goshop a{width: 48px;height: 48px;}
    #goshop a:before{width:24px;height:auto;aspect-ratio:34/24;}

    #container{}

    #subvisual{height: 640px;display:flex;padding: 0 0 40px;}
    #subvisual:before{height: 40px;border-radius: 40px 40px 0 0;background:#fff;}
    #subvisual .title{bottom: 14px;width: calc(100% - 60px);height: 70px;}
    #subvisual .title strong{top: calc(50% - 35px);height: 70px;}
    #subvisual .title span{padding: 0;height: 70px;line-height: 70px;font-size: 45px;animation: bgMoveMo 10s infinite ease-in-out;}
    #subvisual .text{padding: 60px 0 40px;line-height: 32px;font-size: 24px;}
    #subvisual .text span{white-space:nowrap;}
    #subvisual .text strong{font-weight:700;}
    #subvisual .background{top: 0;height: 150%;}
    #subvisual .background img{width:100%;height:100%;object-fit:cover;}
    #subvisual .background img.pc{display:none;}
    #subvisual .background img.mo{display:block;}

    #content{position: relative;z-index: 2;background: #fff;}
    #subpage-content,#company-content{scroll-margin-top: 110px;}
    #content .tab-box{flex-wrap: wrap;padding: 20px 20px 70px;gap: 6px;}
    #content .tab-box .tab-item{padding: 0 15px;min-width: 45px;height: 30px;border-radius: 30px;font-size: 14px;font-weight: 500;color: #111;transition:all 0.5s;}
    #content .product-tabs .tab-item{padding: 0 8px;font-size:10px;min-width: 30px;height: 30px;border-radius: 30px;font-size: 14px;font-weight: 500;color: #111;transition:all 0.5s;}
    #content .tab-box.init{/* opacity: 1; *//* transform: translateY(0px); */}
    #content .title-box{padding: 0 0 50px;text-align:center;}
    #content .title-box .eng{margin: 0 0 15px;line-height: 1.5;font-size: 14px;}
    #content .title-box .title{line-height: 32px;font-size: 22px;}
    #content .title-box .title br.mo{display:block;}
    #content .title-box .text{margin-top: 20px;line-height: 1.5;font-size: 14px;}
    #content .title-box .text br.mo{display:block;}
    #content .page-box{margin: 60px 0 0 0;text-align:center;gap: 10px;}
    #content .page-box a{width: 28px;height: 28px;font-size: 13px;}
    #content .page-box a.current{color:#fff;background:#000B8C;border-radius:50%;}
    #content .page-box a.next:before{content:'';width:6px;height:11px;background:url("../img/icon/ic_next.svg") no-repeat center / contain;}
    #content .page-box a.prev:before{content:'';width:6px;height:11px;background:url("../img/icon/ic_next.svg") no-repeat center / contain;transform:rotate(180deg);}
    #content .search-box{margin:50px 0 0 0;display:flex;justify-content:center;}
    #content .search-box .flex{display:flex;align-items:center;gap:10px;width:470px;max-width:100%;}
    #content .search-box .input{flex:1;}
    #content .search-box .input input{width:100%;height: 42px;border-radius: 8px;padding: 10px;font-size: 13px;}
    #content .search-box .button{flex:0 0 auto;}
    #content .search-box .button button{width: 50px;height: 42px;border-radius: 8px;}
    #content .search-box .button button:before{width: 16px;height: 16px;}
    #content .list-skin{margin: 0 auto;width: 1640px;max-width: 100%;}
    #content .list-skin ul{grid-template-columns: repeat(2, 1fr);gap: 30px 10px;}
    #content .list-skin li{}
    #content .list-skin .box{position:relative;display:block;}
    #content .list-skin .img{width:100%;height:auto;aspect-ratio:1/1;overflow:hidden;}
    #content .list-skin .img img{width:100%;height:100%;object-fit:cover;}
    #content .list-skin .con{padding: 15px 0 0 0;}
    #content .list-skin .subject{height: 40px;line-height: 20px;font-size: 15px;color: #111;}
    #content .list-skin .excerpt{margin:8px 0 0 0;max-height:40px;line-height: 20px;font-size: 13px;color: #666;}
    #content .list-skin .date{margin: 12px 0 0 0;line-height: 18px;font-size: 12px;}
    #content .list-skin.init ul li{transform:translateY(100px);opacity:0;visibility:hidden;transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);}
    #content .list-skin.init.animate ul li{transform:translateY(0);opacity:1;visibility:visible;}
    #content .list-skin.init.animate ul li:nth-child(1){transition-delay:0.3s;}
    #content .list-skin.init.animate ul li:nth-child(2){transition-delay:0.6s;}
    #content .list-skin.init.animate ul li:nth-child(3){transition-delay:0.9s;}
    #content .list-skin.init.animate ul li:nth-child(4){transition-delay:1.2s;}
    #content .list-skin.init.animate ul li:nth-child(5){transition-delay:1.5s;}
    #content .list-skin.init.animate ul li:nth-child(6){transition-delay:1.8s;}
    #content .list-skin.init.animate ul li:nth-child(7){transition-delay:2.1s;}
    #content .list-skin.init.animate ul li:nth-child(8){transition-delay:2.4s;}
    #content .view-skin{}
    #content .view-skin .view-head{}
    #content .view-skin .view-head .title{padding:20px 0;line-height:1.5;font-size:20px;}
    #content .view-skin .view-head .info{padding: 10px 0;}
    #content .view-skin .view-head .info dl{gap: 9px;margin: 0 12px 0 0;padding: 0 12px 0 0;font-size: 14px;}
    #content .view-skin .view-head .info dl:after{content:'';position:absolute;top:50%;right:0;width:1px;height:12px;background:#666;transform:translateY(-50%);}
    #content .view-skin .view-head .info dl:last-child:after{display:none;}
    #content .view-skin .view-head .info dl dt{font-weight:400;}
    #content .view-skin .view-head .info dl dd{font-weight:300;color:#666666;}
    #content .view-skin .view-content{padding: 40px 0;}
    #content .view-skin .view-content .image{gap: 15px;margin: 0 0 40px;}
    #content .view-skin .view-content .image img{width:auto;max-width:100%;height:auto;}
    #content .view-skin .view-content .text{line-height: 1.5;font-size: 15px;overflow: hidden;}
    #content .view-skin .view-post{display:flex;flex-direction:column;border-top: 1px solid #ddd;}
    #content .view-skin .view-post .view-next{padding: 15px 0;display:flex;align-items:center;border-bottom:1px solid #ddd;}
    #content .view-skin .view-post .view-next:hover{background:#f5f5f5;}
    #content .view-skin .view-post .view-next .post-title i{transform:rotate(0deg);}
    #content .view-skin .view-post .view-prev{padding:20px 0;display:flex;align-items:center;border-bottom:1px solid #ddd;}
    #content .view-skin .view-post .view-prev:hover{background:#f5f5f5;}
    #content .view-skin .view-post .view-prev .post-title i{transform:rotate(180deg);}
    #content .view-skin .view-post .post-title{line-height: 30px;font-size: 14px;width: 50px;}
    #content .view-skin .view-post .post-title:after{content:'';position:absolute;top:50%;right:0;width:1px;height: 16px;background: #BEBEBE;transform:translateY(-50%);}
    #content .view-skin .view-post .post-title i{width:12px;height:12px;background:url("../img/board/ico_post.svg") no-repeat center;}
    #content .view-skin .view-post .next-link{padding: 0 10px;}
    #content .view-skin .view-post .next-link a{font-size:18px;color:#666;}
    #content .view-skin .view-post .next-link.no-post{font-size: 14px;color:#999;}
    #content .view-skin .view-post .prev-link{padding: 0 10px;}
    #content .view-skin .view-post .prev-link a{font-size: 14px;color: #666;}
    #content .view-skin .view-post .prev-link.no-post{color:#999;}
    #content .board-btn{margin: 40px 0 0 0;display:flex;align-items:center;justify-content:center;text-align:center;}
    #content .board-btn .btn{min-width: 120px;height: 52px;padding:0 10px;font-size: 15px;}

}


@keyframes bgMove{
    0%{background-position:0% 0%;background-size:100% 100%;}
    50%{background-position:20% 100%;background-size:2640px 100%;}
    100%{background-position:0% 0%;background-size:100% 100%;}
}
@keyframes bgMoveMo{
    0%{background-position:0% 0%;background-size:100% 100%;}
    50%{background-position:20% 100%;background-size:160% 100%;}
    100%{background-position:0% 0%;background-size:100% 100%;}
}