@charset "utf-8";
*{ list-style: none; margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; font-family: "Poppins", "Pretendard", "Noto Sans SC", "微软雅黑", sans-serif; font-weight: 400; line-height: 1.2; letter-spacing: -0.5px; color: #000;}
input{ outline: none; -webkit-appearance: none;}
select{ outline: none; -webkit-appearance: none;}
select::-ms-expand{ display: none;}
textarea{ outline: none; -webkit-appearance: none;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #000; font-size: calc(100vw / 30);}
html.no_scroll{ overflow: hidden;}
body{ overflow: hidden; background: #000; -webkit-text-size-adjust: none;}
body.sub{ padding: 5rem 0 0 0;}
#tv{ display: none; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.1; pointer-events: none;}
#wrapper{ z-index: 10;}
#content{}
@media(max-width: 1000px){
    canvas{ display: none;}
}
@media(max-width: 767px){
}


.modle_scrollbar::-webkit-scrollbar{ width: 2px; height: 2px; background: #000;}
.modle_scrollbar::-webkit-scrollbar-thumb{ background-color: #c5ae79;}
@media(max-width: 767px){
}


.modle_br_pc{ display: block;}
.modle_br_m{ display: none;}
@media(max-width: 767px){
    .modle_br_pc{ display: none;}
    .modle_br_m{ display: block;}
}


.modle_scroll_down{ display: flex; justify-content: center; position: fixed; z-index: 200; left: 50%; bottom: 0; width: 2px; height: 100px; backdrop-filter: blur(20px); transition: all .5s;}
.modle_scroll_down .icon{ position: relative; overflow: hidden; width: 2px; height: 100%; background: rgba(255 255 255/15%);}
.modle_scroll_down .icon span{ position: absolute; top: 0; left: 0; display: block; width: 2px; height: 30%; background: #FFF; transform: translateY(-100%); animation: modle_scroll_down 1s cubic-bezier(.65,.05,.36,1) infinite; will-change: transform, opacity;}
.modle_scroll_down p{ position: absolute; bottom: 40px; left: 0.2rem; font-size: 0.2rem; font-weight: 400; color: rgba(255 255 255/100%); letter-spacing: 0; white-space: nowrap; transition: all .2s;}
.modle_scroll_down.scroll p{ opacity: 0;}
@keyframes modle_scroll_down{
    0%   { transform: translateY(-300%); opacity: 0;}
    15%  { opacity: 1;}
    85%  { opacity: 1;}
    100% { transform: translateY(300%); opacity: 0;}
}
@media(prefers-reduced-motion: reduce){
    .modle_scroll_down .icon span{ animation: none; transform: translateY(0); opacity: 1;}
}
@media(max-width: 1000px){
    .modle_scroll_down{ height: 3rem;}
    .modle_scroll_down p{ bottom: 1rem; left: 0.5rem; font-size: 0.5rem;}
}
@media(max-width: 767px){
    .modle_scroll_down{ left: 1rem; height: 4rem;}
    .modle_scroll_down p{ left: 1rem; font-size: 1rem;}
}


.modle_time{ position: fixed; z-index: 200; right: 50px; bottom: 40px; font-size: 0.2rem; font-weight: 300; color: rgba(255 255 255/60%); letter-spacing: 0;}
.modle_time b{ padding-left: 0.05rem; font-weight: 500; color: #c5ae79; letter-spacing: 0.005rem;}
@media(max-width: 1000px){
    .modle_time{ right: 1rem; bottom: 1rem; font-size: 0.55rem;}
}
@media(max-width: 767px){
    .modle_time{ font-size: 1rem;}
}


.modle_more{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; grid-gap: 0.1rem; margin-top: 1.5rem; padding: 0 50px;}
.modle_more a{ overflow: hidden; display: flex; align-items: center; grid-gap: 0.1rem; position: relative; padding: 0 0.5rem; height: 0.8rem; cursor: pointer;}
.modle_more a:before{ content: ""; position: absolute; top: 100%; left: 50%; transform: translate(-50%,-50%); padding-top: 0; width: 0; border-radius: 50%; background: #c5ae79; opacity: 0.5; transition: all 0.3s, top 0.3s;}
.modle_more a:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(255 255 255/20%); transition: all .3s;}
.modle_more a p{ position: relative; z-index: 10; font-size: 0.25rem; color: #FFF; transition: all .3s;}
.modle_more a svg{ position: relative; z-index: 10; width: 0.3rem; height: 0.3rem;}
.modle_more a svg path{ color: #FFF; transition: all .3s;}
.modle_more a:hover:before{ top: 50%; width: 100%; padding-top: 100%; border-radius: 0; opacity: 1;}
.modle_more a:hover:after{ opacity: 0;}
.modle_more a:hover p{ color: #000;}
.modle_more a:hover svg path{ color: #000;}
@media(max-width: 1000px){
    .modle_more{ grid-gap: 0.2rem; margin-top: 3rem; padding: 0 1rem;}
    .modle_more a{ grid-gap: 0.2rem; padding: 0 1rem; height: 1.8rem;}
    .modle_more a p{ font-size: 0.6rem;}
    .modle_more a svg{ width: 0.6rem; height: 0.6rem;}
}
@media(max-width: 767px){
    .modle_more{ grid-gap: 0.5rem; margin-top: 3rem; padding: 0 1rem;}
    .modle_more a{ grid-gap: 0.5rem; padding: 0 1.5rem; height: 3rem;}
    .modle_more a p{ font-size: 1rem;}
    .modle_more a svg{ width: 1rem; height: 1rem;}
}


.full_menu{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: fixed; z-index: 300; top: 0; right: -100%; bottom: 0; left: 100%;}
.full_menu .inner{ display: flex; justify-content: flex-end; position: fixed; z-index: 10; top: 0; right: -100%; width: 100%; height: 100dvh; transition: all .5s cubic-bezier(.4, 0, .2, 1);}
.full_menu .inner .fl{ display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; grid-gap: 1rem; padding: 1.5rem 2rem;}
.full_menu .inner .fl .language{ overflow: hidden; display: flex; align-items: center; grid-gap: 0.5rem;}
.full_menu .inner .fl .language a{ overflow: hidden; height: 1rem; cursor: pointer;}
.full_menu .inner .fl .language a p{ font-size: 0.5rem; font-weight: 500; color: rgba(255 255 255/60%); white-space: nowrap; transition: all .3s;}
.full_menu .inner .fl .language a:nth-child(2) p{ font-family: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;}
.full_menu .inner .fl .language a.on p{ color: #c5ae79;}
.full_menu .inner .fl .menu{ overflow: hidden; flex: 1; display: flex; flex-direction: column; align-items: flex-end; grid-gap: 0.2rem;}
.full_menu .inner .fl .menu a{ overflow: hidden; height: 1.6rem;}
.full_menu .inner .fl .menu a p{ line-height: 1.6rem; font-size: 1.2rem; font-weight: 700; color: #FFF; white-space: nowrap; transition: all .3s;}
.full_menu .inner .fl .menu a:hover p:nth-child(1){ margin-top: -1.6rem;}
.full_menu .inner .fl .menu a.on p{ color: #c5ae79;}
.full_menu .inner .fr{ display: flex; flex-direction: column; justify-content: flex-end; position: relative; padding: 1.5rem 1rem; width: 30%; height: 100dvh; background: #c5ae79;}
.full_menu .inner .fr .logo{ display: flex; flex-direction: column; align-items: center; position: absolute; z-index: 10; top: 1.5rem; left: 1rem;}
.full_menu .inner .fr .logo svg{ height: 3rem;}
.full_menu .inner .fr .logo p{ margin-top: 0.2rem; font-family: "Raleway", "Pretendard", sans-serif; font-style: italic; font-size: 0.45rem; font-weight: 700; color: #000;}
.full_menu .inner .fr .ft{ display: flex; grid-gap: 0.5rem; padding: 0.3rem 0; border-top: 1px solid rgba(0 0 0/20%); border-bottom: 1px solid rgba(0 0 0/20%);}
.full_menu .inner .fr .ft a{ display: block; font-size: 0.25rem; color: #000; letter-spacing: 0; cursor: pointer; transition: all .3s;}
.full_menu .inner .fr .ft a:hover{ color: rgba(0 0 0/60%);}
.full_menu .inner .fr .fb{ display: flex; flex-direction: column; align-items: flex-start; margin-top: 0.5rem;}
.full_menu .inner .fr .fb .info{ display: grid; grid-gap: 0.3rem;}
.full_menu .inner .fr .fb .info p{ display: grid; grid-gap: 0.01rem;}
.full_menu .inner .fr .fb .info p b{ display: flex; align-items: center; font-size: 0.2rem; font-weight: 400; color: rgba(0 0 0/60%);}
.full_menu .inner .fr .fb .info p b font{ padding: 0.05rem; font-weight: 200; color: rgba(0 0 0/50%);}
.full_menu .inner .fr .fb .info p span{ display: block; line-height: 1.2; font-size: 0.25rem; font-weight: 500; color: rgba(0 0 0/100%);}
.full_menu .inner .fr .fb .info p span br{ display: none;}
.full_menu .inner .fr .fb .sns{ display: flex; align-items: flex-start; grid-gap: 0.3rem; margin: 0.5rem 0 0 0;}
.full_menu .inner .fr .fb .sns a{ display: flex; align-items: center; height: 0.4rem; cursor: pointer; transition: all .2s;}
.full_menu .inner .fr .fb .sns a svg{ width: 0.4rem; height: 0.4rem;}
.full_menu .inner .fr .fb .sns a:hover{ background: #c5ae79;}
.full_menu .inner .fr .fb .sns a:hover i{ color: #000;}
.full_menu .bg{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100dvh; background: rgba(0 0 0/70%); backdrop-filter: blur(20px); opacity: 0; transition: opacity .5s;}
.full_menu .bg.db{ display: block;}
.full_menu.on{ right: 0; left: 0;}
.full_menu.on .inner{ right: 0;}
.full_menu.on .bg{ opacity: 1;}

.full_menu .inner .fl .language a{ padding-top: 1rem; transition: all 0.3s;}
.full_menu .inner .fl .menu a{ padding-top: 1.6rem;}
.full_menu .inner .fl .menu a:nth-child(1){ transition: all 0.4s;}
.full_menu .inner .fl .menu a:nth-child(2){ transition: all 0.5s;}
.full_menu .inner .fl .menu a:nth-child(3){ transition: all 0.6s;}
.full_menu .inner .fl .menu a:nth-child(4){ transition: all 0.7s;}
.full_menu .inner .fl .menu a:nth-child(5){ transition: all 0.8s;}
.full_menu.show .inner .fl .language a{ padding-top: 0; transform: translate(0,0); opacity: 1;}
.full_menu.show .inner .fl .menu a{ padding-top: 0; transform: translate(0,0); opacity: 1;}
@media(max-width: 1000px){
    .full_menu .inner .fl{ grid-gap: 2rem; padding: 2rem 2rem;}
    .full_menu .inner .fl .language{ grid-gap: 1rem;}
    .full_menu .inner .fl .language a p{ font-size: 1rem;}
    .full_menu .inner .fl .menu{ grid-gap: 1rem;}
    .full_menu .inner .fl .menu a{ height: 3rem;}
    .full_menu .inner .fl .menu a p{ line-height: 3rem; font-size: 2.4rem;}
    .full_menu .inner .fl .menu a:hover p:nth-child(1){ margin-top: 0;}
    .full_menu .inner .fr{ padding: 2rem 1rem; width: 40%;}
    .full_menu .inner .fr .logo{ top: 2rem;}
    .full_menu .inner .fr .logo svg{ height: 5rem;}
    .full_menu .inner .fr .logo p{ margin-top: 0.4rem; font-size: 0.8rem;}
    .full_menu .inner .fr .ft{ grid-gap: 0.8rem; padding: 1rem 0;}
    .full_menu .inner .fr .ft a{ font-size: 0.6rem;}
    .full_menu .inner .fr .fb{ margin-top: 1rem;}
    .full_menu .inner .fr .fb .info{ grid-gap: 0.6rem;}
    .full_menu .inner .fr .fb .info p{ grid-gap: 0.04rem;}
    .full_menu .inner .fr .fb .info p b{ font-size: 0.6rem;}
    .full_menu .inner .fr .fb .info p b font{ padding: 0 0.1rem;}
    .full_menu .inner .fr .fb .info p span{ font-size: 0.6rem;}
    .full_menu .inner .fr .fb .info p span br{ display: block;}
    .full_menu .inner .fr .fb .sns{ grid-gap: 0.3rem; margin: 0.5rem 0 0 0;}
    .full_menu .inner .fr .fb .sns a{ height: 1rem;}
    .full_menu .inner .fr .fb .sns a svg{ width: 1rem; height: 1rem;}

    .full_menu .inner .fl .menu a{ padding-top: 3rem;}
}
@media(max-width: 767px){
    .full_menu .inner{ flex-direction: column;}
    .full_menu .inner .fl{ flex: 1; align-items: flex-start; grid-gap: 3rem; padding: 5rem 2rem 2rem 2rem; width: 100%;}
    .full_menu .inner .fl .language{ grid-gap: 1rem; position: absolute; top: 1rem; left: 2rem;}
    .full_menu .inner .fl .language a{ height: 3rem;}
    .full_menu .inner .fl .language a p{ line-height: 3rem; font-size: 1.2rem;}
    .full_menu .inner .fl .menu{ flex: 1; align-items: flex-start; grid-gap: 0.5rem;}
    .full_menu .inner .fl .menu a{ align-items: center; height: 3.5rem;}
    .full_menu .inner .fl .menu a p{ line-height: 3.5rem; font-size: 2.5rem;}
    .full_menu .inner .fr{ padding: 1.5rem 2rem 2rem 2rem; width: 100%; height: auto;}
    .full_menu .inner .fr .logo{ top: initial; right: 2rem; bottom: 24rem; left: initial;}
    .full_menu .inner .fr .logo svg{ height: 10rem;}
    .full_menu .inner .fr .logo svg path{ fill: #c5ae79;}
    .full_menu .inner .fr .logo p{ margin-top: 0.5rem; font-size: 1.5rem; color: #c5ae79;}
    .full_menu .inner .fr .ft{ grid-gap: 1rem; padding: 0 0 1.5rem 0; border-top: 0;}
    .full_menu .inner .fr .ft a{ font-size: 1rem;}
    .full_menu .inner .fr .fb{ margin-top: 1.5rem;}
    .full_menu .inner .fr .fb .info{ grid-gap: 1rem;}
    .full_menu .inner .fr .fb .info p{ grid-gap: 0.2rem;}
    .full_menu .inner .fr .fb .info p b{ font-size: 1rem;}
    .full_menu .inner .fr .fb .info p b font{ padding: 0 0.5rem;}
    .full_menu .inner .fr .fb .info p span{ font-size: 1.2rem;}
    .full_menu .inner .fr .fb .info p span br{ display: none;}
    .full_menu .inner .fr .fb .sns{ grid-gap: 1.5rem; margin: 1.5rem 0 0 0;}
    .full_menu .inner .fr .fb .sns a{ height: 2rem;}
    .full_menu .inner .fr .fb .sns a svg{ width: 2rem; height: 2rem;}

    .full_menu .inner .fl .language a{ padding-top: 3rem;}
    .full_menu .inner .fl .menu a{ padding-top: 3.5rem;}
}



.full_menu_btn{ position: fixed; z-index: 400; top: calc(1.8rem / 2 - 0.2rem); right: 50px; cursor: pointer;}
.full_menu_btn .icon{ position: relative; z-index: 10; width: 0.4rem; height: 0.4rem; transition: all .2s;}
.full_menu_btn .icon span{ display: block; position: absolute; width: 100%; height: 0.025rem; background: #FFF; transition: all .2s;}
.full_menu_btn .icon span:nth-child(1){ top: 0.05rem;}
.full_menu_btn .icon span:nth-child(2){ top: calc(50% - 0.0125rem); width: 100%;}
.full_menu_btn .icon span:nth-child(3){ bottom: 0.05rem; width: 60%;}
.full_menu_btn.white .icon span{ background: #FFF;}
.full_menu_btn.on .icon{}
.full_menu_btn.on .icon span{ background: #000 !important;}
.full_menu_btn.on .icon span:nth-child(1){ top: 50%; transform: rotate(45deg) translate(-6.25%,-6.25%);}
.full_menu_btn.on .icon span:nth-child(2){ width: 100%; opacity: 0;}
.full_menu_btn.on .icon span:nth-child(3){ bottom: 50%; width: 100%; transform: rotate(-45deg) translate(-6.25%,-6.25%);}
@media(max-width: 1000px){
    .full_menu_btn{ top: calc(3.5rem / 2 - 0.5rem); right: 1rem;}
    .full_menu_btn .icon{ width: 1rem; height: 1rem;}
    .full_menu_btn .icon span{ height: 0.08rem;}
    .full_menu_btn .icon span:nth-child(1){ top: 0.1rem;}
    .full_menu_btn .icon span:nth-child(2){ top: calc(50% - 0.04rem);}
    .full_menu_btn .icon span:nth-child(3){ bottom: 0.1rem;}
}
@media(max-width: 767px){
    .full_menu_btn{ top: calc(5rem / 2 - 1rem);}
    .full_menu_btn .icon{ width: 2rem; height: 2rem;}
    .full_menu_btn .icon span{ height: 0.14rem;}
    .full_menu_btn .icon span:nth-child(1){ top: 0.2rem;}
    .full_menu_btn .icon span:nth-child(2){ top: calc(50% - 0.07rem);}
    .full_menu_btn .icon span:nth-child(3){ bottom: 0.2rem;}
    .full_menu_btn.on .icon span{ background: #FFF !important;}
}


.header{ display: flex; justify-content: flex-end; align-items: center; grid-gap: 0.8rem; position: fixed; z-index: 100; top: 0; right: 0; left: 0; padding: 0 50px; width: 100%; height: 1.8rem; background: rgba(0 0 0/20%); border-bottom: 1px solid rgba(255 255 255/10%); backdrop-filter: url(#glass-distortion-large) blur(3px); -webkit-backdrop-filter: url(#glass-distortion-large) blur(3px);}
.header .logo{ display: block; position: fixed; top: calc(1.8rem / 2 - 0.5rem); left: 50px; height: 1rem;}
.header .logo svg{ display: block; width: auto; height: 100%;}
.header .menu{ display: flex; align-items: center; grid-gap: 0.6rem; position: relative; z-index: 10; height: 1.8rem;}
.header .menu a{ overflow: hidden; display: flex; flex-direction: column; align-items: center; position: relative; height: 0.7rem; cursor: pointer;}
.header .menu a p{ line-height: 0.7rem; font-size: 0.3rem; font-weight: 600; color: #FFF; letter-spacing: 0; white-space: nowrap; transition: all .4s;}
.header .menu a:hover p:nth-child(1){ margin-top: -0.7rem;}
.header .menu a:last-child{ overflow: hidden; position: relative; z-index: 1; padding: 0 0.5rem; border-radius: 1rem;}
.header .menu a:last-child:before{ content:''; position: absolute; z-index: -1; top: -1px; left: -1px; right: -1px; bottom: -1px; background: conic-gradient(from 0deg, transparent 0deg, #FFF 60deg, transparent 720deg); filter: blur(10px); animation: spin 3s linear infinite;}
.header .menu a:last-child:after{ content:''; position: absolute; z-index: -1; inset: 2px; border-radius: 1rem; background: linear-gradient(90deg, rgba(0 0 0/90%), rgba(0 0 0/80%));}
.header .menu a:last-child p{ font-size: 0.3rem; font-weight: 700; color: #FFF;}
.header .menu a:last-child:hover:before{ background: conic-gradient(from 0deg, transparent 0deg, #c5ae79 60deg, transparent 720deg);}
.header .menu a.on p{ color: #c5ae79;}
@keyframes spin{
    0%  { transform: rotate(0deg);}
    100%{ transform: rotate(360deg);}
}
.header .language{ position: relative; z-index: 10; margin-right: calc(0.8rem + 0.4rem); height: 0.8rem;}
.header .language .inner{}
.header .language .head{ display: flex; align-items: center; grid-gap: 10px; height: 0.8rem; cursor: pointer;}
.header .language .head img{ display: block; width: 0.5rem; height: 0.5rem;}
.header .language .head p{ display: none; font-size: 0.25rem; color: #FFF;}
.header .language .head svg{ display: block; width: 0.15rem; height: 0.15rem; transition: all .2s;}
.header .language .head svg path{ fill: #FFF;}
.header .language .body{ overflow: hidden; display: grid; grid-gap: 5px; position: absolute; top: 0.6rem; right: -0.5rem; left: -0.5rem; padding: 0; height: 0; border-radius: 0.4rem; background: rgba(255 255 255/10%); backdrop-filter: blur(20px); transition: all .2s;}
.header .language .body a{ overflow: hidden; display: flex; align-items: center; grid-gap: 0.1rem; padding: 0 0.1rem; height: 0; border-radius: 1rem; cursor: pointer; transition: all .2s;}
.header .language .body a:nth-child(2) p{ font-family: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;}
.header .language .body a img{ display: block; width: 0.3rem; height: 0.3rem;}
.header .language .body a p{ font-size: 0.25rem; color: rgba(255 255 255/80%); letter-spacing: 0;}
.header .language .body a:hover{ background: rgba(255 255 255/30%);}
.header .language .body a.on{ background: #c5ae79;}
.header .language .body a.on p{ color: #000;}
.header .language:hover .head svg{ transform: rotate(180deg);}
.header .language:hover .body{ top: 0.8rem; padding: 0.15rem; height: auto; box-shadow: 0 0 0 1px rgba(0 0 0/10%);}
.header .language:hover .body a{ height: 0.5rem;}
@media(max-width: 1000px){
    .header{ grid-gap: 0.8rem; padding: 0 1rem; height: 3.5rem; border-bottom: 0;}
    .header .logo{ top: calc(3.5rem / 2 - 1rem); left: 1rem; height: 2rem;}
    .header .menu{ grid-gap: 0.8rem; height: 3rem;}
    .header .menu a{ height: 1.6rem;}
    .header .menu a p{ line-height: 1.6rem; font-size: 0.6rem;}
    .header .menu a:last-child{ padding: 0 0.8rem; border-radius: 1.5rem;}
    .header .menu a:last-child:after{ border-radius: 1.5rem;}
    .header .menu a:last-child p{ font-size: 0.6rem;}
    .header .menu a:hover p:nth-child(1){ margin-top: 0;}
    .header .language{ margin-right: calc(1rem + 0.8rem); height: 2rem;}
    .header .language .head{ grid-gap: 0.2rem; height: 2rem;}
    .header .language .head img{ width: 1.4rem; height: 1.4rem;}
    .header .language .head p{ font-size: 0.6rem;}
    .header .language .head svg{ width: 0.3rem; height: 0.3rem;}
    .header .language .body{ grid-gap: 0.1rem; top: 1rem; right: -1rem; left: -1rem; border-radius: 0.7rem;}
    .header .language .body a{ grid-gap: 0.2rem; padding: 0 0.3rem;}
    .header .language .body a img{ width: 0.8rem; height: 0.8rem;}
    .header .language .body a p{ font-size: 0.5rem;}
    .header .language:hover .head svg{ transform: rotate(180deg);}
    .header .language:hover .body{ top: 1.8rem; padding: 0.3rem;}
    .header .language:hover .body a{ height: 1.2rem;}
}
@media(max-width: 767px){
    .header{ grid-gap: 1rem; height: 5rem; background: rgba(0 0 0/0);}
    .header .logo{ top: calc(5rem / 2 - 1.5rem); height: 3rem;}
    .header .menu{}
    .header .menu a:nth-child(1){ display: none;}
    .header .menu a:nth-child(2){ display: none;}
    .header .menu a:nth-child(3){ display: none;}
    .header .menu a:nth-child(4){ display: none;}
    .header .menu a{ height: 2.4rem;}
    .header .menu a p{ line-height: 2.4rem; font-size: 1rem;}
    .header .menu a:last-child{ padding: 0 1rem; border-radius: 1.2rem;}
    .header .menu a:last-child:after{ inset: 1px;}
    .header .menu a:last-child p{ font-size: 1rem;}
    .header .language{ margin-right: calc(2rem + 1rem); height: 3rem;}
    .header .language .head{ grid-gap: 0.2rem; height: 3rem;}
    .header .language .head img{ width: 2.6rem; height: 2.6rem;}
    .header .language .head p{ font-size: 1rem;}
    .header .language .head svg{ width: 0.6rem; height: 0.6rem;}
    .header .language .body{ grid-gap: 0.1rem; top: 2rem; right: -2rem; left: -2rem; border-radius: 1.5rem;}
    .header .language .body a{ grid-gap: 0.5rem; padding: 0 0.5rem;}
    .header .language .body a img{ width: 1.2rem; height: 1.2rem;}
    .header .language .body a p{ font-size: 1rem;}
    .header .language:hover .head svg{ transform: rotate(180deg);}
    .header .language:hover .body{ top: 3rem; padding: 0.5rem;}
    .header .language:hover .body a{ height: 2rem;}
}


.footer_contact{ position: relative; z-index: 10; padding-top: 100dvh; background: #000;}
.footer_contact .pin{ display: flex; flex-direction: column; justify-content: center; align-items: center; grid-gap: 0.3rem; position: absolute; top: 0; left: 0; width: 100% !important; height: 100dvh;}
.footer_contact .pin .tit{ display: flex; justify-content: center; align-items: center;}
.footer_contact .pin .tit p{ font-family: "Raleway", "Pretendard", sans-serif; font-style: italic; font-size: 4rem; font-weight: 700; color: #c5ae79;}
.footer_contact .pin .color{ overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; bottom: 0; width: 0; background: #c5ae79;}
.footer_contact .pin .color .txt{ display: flex; justify-content: center; align-items: center; width: max-content; white-space: nowrap;}
.footer_contact .pin .color .txt .fl{ font-size: 1rem; font-weight: 800; color: #000;}
.footer_contact .pin .color .txt .fl span{ opacity: 0;}
.footer_contact .pin .color .txt .fr{ font-size: 1rem; font-weight: 800; color: #000;}
.footer_contact .pin .color .txt .btn{ overflow: hidden; display: block; position: relative; width: 300px; height: 300px; cursor: pointer;}
.footer_contact .pin .color .txt .btn .center{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-family: "Raleway", "Pretendard", sans-serif; font-style: italic; font-size: 40px; font-weight: 700; color: #000;}
.footer_contact .pin .color .txt .btn svg{ width: 100%; height: 100%; animation: footer_contact 10s linear infinite;}
.footer_contact .pin .color .txt .btn text{ font-size: 18px; fill: #000;}
@keyframes footer_contact{
    from{ transform: rotate(0deg);}
    to  { transform: rotate(360deg);}
}
@media(max-width: 1000px){
    .footer_contact{ padding: 0;}
    .footer_contact .pin{ grid-gap: 0.5rem; position: initial; height: auto;}
    .footer_contact .pin .tit{ display: none;}
    .footer_contact .pin .tit p{ font-size: 6rem;}
    .footer_contact .pin .color{ position: initial; width: 100%;}
    .footer_contact .pin .color .txt{ padding: 5rem 0;}
    .footer_contact .pin .color .txt .fl{ font-size: 1.5rem;}
    .footer_contact .pin .color .txt .fr{ font-size: 1.5rem;}
    .footer_contact .pin .color .txt .btn{ width: 200px; height: 200px;}
    .footer_contact .pin .color .txt .btn .center{ font-size: 30px;}
    .footer_contact .pin .color .txt .btn text{ font-size: 18px;}
}
@media(max-width: 767px){
    .footer_contact .pin .color .txt{ padding: 4rem 0;}
    .footer_contact .pin .color .txt .btn{ width: 140px; height: 140px;}
    .footer_contact .pin .color .txt .btn .center{ font-size: 20px;}
}


.footer{ position: relative; z-index: 10; padding: 0 50px; background: #000;}
.footer:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/public/assets/images/footer.jpg) top center/cover; opacity: 0.2;}
.footer .inner{ display: flex; justify-content: space-between; align-items: flex-start; position: relative; z-index: 10; padding: 1.5rem 0 2.5rem 0;}
.footer .logo{ display: flex; height: 0.8rem;}
.footer .logo svg{ height: 100%;}
.footer .fr{ display: flex; width: 50%;}
.footer .fr .wrap{ display: flex; flex-direction: column; align-items: flex-start; width: 50%;}
.footer .menu{ display: flex; flex-direction: column; align-items: flex-start; grid-gap: 0.3rem;}
.footer .menu a{ overflow: hidden; height: 0.5rem;}
.footer .menu a p{ line-height: 0.5rem; font-size: 0.3rem; font-weight: 600; color: #FFF; letter-spacing: 0; transition: all .5s;}
.footer .menu a:hover p:nth-child(1){ margin-top: -0.5rem;}
.footer .menu a.on p{ color: #c5ae79;}
.footer .sns{ display: flex; grid-gap: 0.3rem; margin-top: 1rem;}
.footer .sns a{ display: block; transition: all .3s;}
.footer .sns a svg{ display: block; width: 0.35rem; height: 0.35rem;}
.footer .sns a svg path{ color: #FFF;}
.footer .sns a svg circle{ color: #FFF;}
.footer .sns a:hover{ opacity: 0.5;}
.footer .info{ display: grid; grid-gap: 0.3rem;}
.footer .info p{ display: grid; grid-gap: 0.05rem;}
.footer .info p b{ font-weight: 300; font-size: 0.2rem; color: rgba(255 255 255/70%); letter-spacing: 0;}
.footer .info p b font{ font-weight: 200; color: rgba(255 255 255/30%);}
.footer .info p span{ font-size: 0.25rem; font-weight: 400; color: rgba(255 255 255/100%); letter-spacing: 0;}
.footer .info p span br{ display: none;}
.footer .terms{ display: flex; grid-gap: 0.5rem;}
.footer .terms a{ font-size: 0.2rem; font-weight: 300; color: #FFF; letter-spacing: 0; cursor: pointer; transition: all .3s;}
.footer .terms a:hover{ color: rgba(255 255 255/50%);}
.footer .back_to_top{ display: flex; align-items: center; grid-gap: 0.1rem; cursor: pointer; transition: all .3s;}
.footer .back_to_top p{ font-size: 0.2rem; font-weight: 300; color: #FFF;}
.footer .back_to_top svg{ width: 0.2rem; height: 0.2rem;}
.footer .back_to_top svg path{ color: #FFF;}
.footer .back_to_top:hover{ opacity: 0.5;}
.footer .line{ margin: 0.5rem 0; width: 4rem; height: 1px; background: rgba(255 255 255/10%);}
.footer .copy{ position: absolute; left: 0; bottom: 2.5rem; font-size: 0.25rem; font-weight: 600; color: rgba(255 255 255/100%); letter-spacing: 0;}
@media(max-width: 1000px){
    .footer{ padding: 0 1rem;}
    .footer .inner{ padding: 2rem 0 5rem 0;}
    .footer .logo{ height: 1.6rem;}
    .footer .menu{ grid-gap: 0.6rem;}
    .footer .menu a{ height: 1rem;}
    .footer .menu a p{ line-height: 1rem; font-size: 0.6rem;}
    .footer .menu a:hover p:nth-child(1){ margin-top: 0;}
    .footer .sns{ grid-gap: 0.6rem; margin-top: 2rem;}
    .footer .sns a svg{ width: 0.8rem; height: 0.8rem;}
    .footer .sns a:hover{ opacity: 1;}
    .footer .info{ grid-gap: 0.6rem;}
    .footer .info p{ grid-gap: 0.2rem;}
    .footer .info p b{ font-size: 0.4rem;}
    .footer .info p span{ font-size: 0.5rem;}
    .footer .info p span br{ display: block;}
    .footer .terms{ grid-gap: 0.4rem;}
    .footer .terms a{ font-size: 0.4rem;}
    .footer .terms a:hover{ color: rgba(255 255 255/100%);}
    .footer .back_to_top{ grid-gap: 0.1rem;}
    .footer .back_to_top p{ font-size: 0.4rem;}
    .footer .back_to_top svg{ width: 0.5rem; height: 0.5rem;}
    .footer .line{ margin: 0.85rem 0; width: 100%;}
    .footer .copy{ bottom: 5rem; font-size: 0.5rem;}
}
@media(max-width: 767px){
    .footer .inner{ flex-direction: column; align-items: center; padding: 4rem 0 6rem 0;}
    .footer .fr{ grid-gap: 3rem; margin-top: 3rem; width: auto;}
    .footer .fr .wrap{ width: auto;}
    .footer .logo{ height: 3rem;}
    .footer .menu{ grid-gap: 1.5rem;}
    .footer .menu a{ height: 1.2rem;}
    .footer .menu a p{ line-height: 1.2rem; font-size: 1.2rem;}
    .footer .menu a:hover p:nth-child(1){ margin-top: 0;}
    .footer .sns{ grid-gap: 1rem; margin-top: 2rem;}
    .footer .sns a svg{ width: 1.5rem; height: 1.5rem;}
    .footer .info{ grid-gap: 1rem;}
    .footer .info p{ grid-gap: 0.4rem;}
    .footer .info p b{ font-size: 0.9rem;}
    .footer .info p span{ font-size: 1.1rem;}
    .footer .info p span br{ display: block;}
    .footer .terms{ grid-gap: 1rem;}
    .footer .terms a{ font-size: 0.9rem;}
    .footer .back_to_top{ grid-gap: 0.5rem; padding-top: 0.5rem;}
    .footer .back_to_top p{ font-size: 1rem;}
    .footer .back_to_top svg{ width: 1rem; height: 1rem;}
    .footer .line{ margin: 1.2rem 0;}
    .footer .copy{ left: 1rem; bottom: 1rem; font-size: 0.9rem;}
}





.home_visual{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; height: 100dvh; background: #000;}
.home_visual .head{ display: flex; flex-direction: column; align-items: center; grid-gap: 0.2rem; position: absolute; z-index: 50;}
.home_visual .head .logo{ display: flex; padding-bottom: 0.2rem; font-size: 0.5rem; font-weight: 400; color: #c5ae79; letter-spacing: 0; white-space: nowrap;}
.home_visual .head .logo b{ display: flex; position: relative;}
.home_visual .head .logo b span{ font-size: 0.5rem; font-weight: 400; color: #c5ae79; letter-spacing: 0.2rem;}
.home_visual .head .logo b span:nth-child(1){ position: absolute; z-index: 10; top: 0; left: 0; opacity: 0;}
.home_visual .head .logo b span:nth-child(2){ opacity: 1;}
.home_visual .head .tit{ display: flex; align-items: center; width: max-content;}
.home_visual .head .tit .t1{ display: flex; align-items: center; grid-gap: 0.4rem;}
.home_visual .head .tit .t1 p{ font-size: 1.6rem; font-weight: 700; color: #FFF; white-space: nowrap;}
.home_visual .head .tit .t1 p:nth-child(2){ position: relative;}
.home_visual .head .tit .t1 p:nth-child(2) span{ font-size: 1.6rem; font-weight: 700; color: #FFF; white-space: nowrap;}
.home_visual .head .tit .t1 p:nth-child(2) span:nth-child(1){ overflow: hidden; position: absolute; z-index: 10; width: 0; color: #c5ae79;}
.home_visual .head .tit .t1 p:nth-child(2) span:nth-child(2){}
.home_visual .head .tit .t2{ overflow: hidden; display: flex; justify-content: flex-start; padding-left: 0.4rem;}
.home_visual .head .tit .t2 p{ font-size: 1.6rem; font-weight: 700; color: #FFF; white-space: nowrap;}
.home_visual .head .tit .emoji{ overflow: hidden; display: flex; justify-content: center; align-items: center; padding-left: 0.4rem;}
.home_visual .head .tit .emoji #emoji_index_01{ width: 2rem; height: 2rem;}
.home_visual .head .txt{ display: flex; flex-direction: column; align-items: center; grid-gap: 0.2rem;}
.home_visual .head .txt p{ overflow: hidden; display: flex; font-size: 1.6rem; font-weight: 700; color: rgba(255 255 255/100%); white-space: nowrap;}
.home_visual .head .txt p span{ overflow: hidden; display: flex; justify-content: flex-start; padding-left: 0.4rem;}
.home_visual .head .txt p span b{ font-size: 1.6rem; font-weight: 700; color: #c5ae79; white-space: nowrap;}
.home_visual .bg{ position: absolute; z-index: 20; top: 0; right: 0; bottom: -1rem; left: 0; background: linear-gradient(0deg, rgba(0 0 0/100%), rgba(0 0 0/30%));}
.home_visual .body{ display: flex; justify-content: center; align-items: center; position: relative; width: 100%; opacity: 0; transition: all 1s;}
.home_visual .body .list{ overflow: hidden; position: relative; transform: perspective(2000px) rotate(0deg) rotateX(0deg) rotateY(-20deg) rotateZ(-10deg) scale(1.3); transition: all 3s;}
.home_visual .body .list ul{ display: flex; grid-gap: 0.2rem; width: max-content; animation: home_visual_list_ul 100s linear infinite;}
.home_visual .body .list ul li{ flex: 0 0 auto; display: flex; align-items: center; width: auto; transition: all .2s;}
.home_visual .body .list ul li img{ display: block; height: 6rem; border-radius: 0.2rem;}
.home_visual .body.on{ opacity: 1;}
.home_visual .body.on .list{ transform: perspective(2000px) rotate(0deg) rotateX(45deg) rotateY(-20deg) rotateZ(-10deg) scale(1.3);}
.home_visual .rocket{ display: block; position: absolute; z-index: 1000; top: 120%; left: 50%; transform: translate(-50%,-50%);}
.home_visual .rocket #emoji_index_03{ transform: rotate(-45deg); width: 4rem; height: 4rem;}

@keyframes home_visual_list_ul{
    0%  { transform: translateX(0);}
    100%{ transform: translateX(-50%);}
}

body.cn .home_visual .head .tit .t1{ grid-gap: 0 !important;}
body.cn .home_visual .head .txt p span{ padding-left: 0 !important;}
@media(max-width: 1000px){
    .home_visual .head{ grid-gap: 0.4rem;}
    .home_visual .head .logo{ padding-bottom: 0.4rem; font-size: 0.8rem;}
    .home_visual .head .logo span{ font-size: 0.8rem;}
    .home_visual .head .tit .t1{ grid-gap: 0.8rem;}
    .home_visual .head .tit .t1 p{ font-size: 2.2rem;}
    .home_visual .head .tit .t1 p:nth-child(2) span{ font-size: 2.2rem;}
    .home_visual .head .tit .t2{ padding-left: 0.6rem;}
    .home_visual .head .tit .t2 p{ font-size: 2.2rem;}
    .home_visual .head .tit .emoji{ padding-left: 0.6rem;}
    .home_visual .head .tit .emoji #emoji_index_01{ width: 3rem; height: 3rem;}
    .home_visual .head .txt{ grid-gap: 0.4rem;}
    .home_visual .head .txt p{ font-size: 2.2rem;}
    .home_visual .head .txt p span{ padding-left: 0.6rem;}
    .home_visual .head .txt p span b{ font-size: 2.2rem;}
    .home_visual .body .list ul li img{ height: 12rem;}
}
@media(max-width: 767px){
    .home_visual{ height: 60rem;}
    .home_visual .head{ grid-gap: 0.2rem;}
    .home_visual .head .logo{ padding-bottom: 0.4rem; font-size: 1.2rem;}
    .home_visual .head .logo span{ font-size: 1.2rem;}
    .home_visual .head .tit .t1{ grid-gap: 1rem;}
    .home_visual .head .tit .t1 p{ font-size: 2.8rem;}
    .home_visual .head .tit .t1 p:nth-child(2) span{ font-size: 2.8rem;}
    .home_visual .head .tit .t2{ padding-left: 0.5rem;}
    .home_visual .head .tit .t2 p{ font-size: 2.8rem;}
    .home_visual .head .tit .emoji{ padding-left: 0.5rem;}
    .home_visual .head .tit .emoji #emoji_index_01{ width: 4rem; height: 4rem;}
    .home_visual .head .txt{ grid-gap: 0.2rem;}
    .home_visual .head .txt p{ font-size: 2.8rem;}
    .home_visual .head .txt p span{ padding-left: 1rem;}
    .home_visual .head .txt p span b{ font-size: 2.8rem;}
    .home_visual .body .list{ animation: home_visual_list 100s linear infinite;}
    .home_visual .body .list ul{ grid-gap: 0.5rem; animation: home_visual_list_ul 50s linear infinite;}
    .home_visual .body .list ul li img{ height: 14rem; border-radius: 0.4rem;}
    .home_visual .rocket #emoji_index_03{ width: 10rem; height: 10rem;}
}


.home_about{ display: flex; justify-content: center; align-items: center; grid-gap: 0.2rem; position: relative; height: 100dvh; background: #000;}
.home_about .text{}
.home_about .text p{ position: relative;}
.home_about .text p span{ overflow: hidden; display: flex; justify-content: flex-start; font-size: 1.6rem; font-weight: 700; color: #FFF; white-space: nowrap;}
.home_about .text p span:nth-child(1){ position: absolute; top: 0; left: 0;}
.home_about .text p span:nth-child(2){ opacity: 0.2;}
.home_about .center{ width: max-content;}
.home_about .center .emoji{ overflow: hidden; display: flex; justify-content: center;}
.home_about .center .emoji #emoji_index_02{ width: 4rem; height: 4rem;}
.home_about .list{ position: absolute; z-index: 10; width: 6rem;}
.home_about .list ul{ display: flex; justify-content: center; align-items: center; position: relative;}
.home_about .list ul li{ position: absolute; width: 6rem;}
.home_about .list ul li img{ display: block; width: 100%; border-radius: 0.2rem;}
.home_about .list ul li:nth-child(1){ position: relative; z-index: 10;}
.home_about .list ul li:nth-child(2){ top: calc(50% - 7.6rem - 0.25rem); left: calc(-6rem - 0.5rem);}
.home_about .list ul li:nth-child(3){ top: calc(50% - 7.6rem - 0.25rem); right: calc(-6rem - 0.5rem);}
.home_about .list ul li:nth-child(4){ bottom: calc(50% - 7.6rem - 0.25rem); left: calc(-6rem - 0.5rem);}
.home_about .list ul li:nth-child(5){ bottom: calc(50% - 7.6rem - 0.25rem); right: calc(-6rem - 0.5rem);}
.home_about .list ul li:nth-child(6){ top: calc(-7.6rem - 0.5rem);}
.home_about .list ul li:nth-child(7){ top: calc(7.6rem + 0.5rem);}
.home_about .list ul li:nth-child(8){ left: calc(-0.5rem - 6rem - 0.5rem - 6rem);}
.home_about .list ul li:nth-child(9){ right: calc(-0.5rem - 6rem - 0.5rem - 6rem);}
.home_about .list ul li:nth-child(10){ top: calc(-7.6rem - 0.5rem); left: calc(-6rem - 0.5rem - 6rem - 0.5rem);}
.home_about .list ul li:nth-child(11){ top: calc(7.6rem + 0.5rem); left: calc(-6rem - 0.5rem - 6rem - 0.5rem);}
.home_about .list ul li:nth-child(12){ top: calc(-7.6rem - 0.5rem); right: calc(-6rem - 0.5rem - 6rem - 0.5rem);}
.home_about .list ul li:nth-child(13){ top: calc(7.6rem + 0.5rem); right: calc(-6rem - 0.5rem - 6rem - 0.5rem);}
@media(max-width: 1000px){
    .home_about{ grid-gap: 0.4rem;}
    .home_about .text p span{ font-size: 2.2rem;}
    .home_about .center .emoji #emoji_index_02{ width: 6rem; height: 6rem;}
}
@media(max-width: 767px){
    .home_about{ height: 64rem;}
    .home_about .list ul li img{ border-radius: 0.4rem;}
}


.home_data{ overflow: hidden; padding-top: 5rem; background: #000;}
.home_data .head{ display: flex; flex-direction: column; align-items: center; grid-gap: 0.3rem; text-align: center;}
.home_data .head .tit{ position: relative;}
.home_data .head .tit p{ overflow: hidden; display: flex; justify-content: flex-start; padding-right: 0.1rem; font-size: 2rem; font-weight: 700; color: #c5ae79; white-space: nowrap;}
.home_data .head .tit p:nth-child(1){ position: absolute; z-index: 10; top: 0; left: 0; width: 100%;}
.home_data .head .tit p:nth-child(2){ opacity: 0.2;}
.home_data .head .txt{ position: relative; width: max-content;}
.home_data .head .txt .row{ overflow: hidden; display: flex; justify-content: flex-start; align-items: center; font-size: 1rem; font-weight: 600; color: #FFF; white-space: nowrap;}
.home_data .head .txt .row:nth-child(1){ position: absolute; z-index: 10; top: 0; left: 0; width: 100%;}
.home_data .head .txt .row:nth-child(2){ opacity: 0.2;}
.home_data .head .txt .row .emoji{ margin: 0 0.2rem; flex: 0 0 1.6rem; width: 1.6rem; height: 1.6rem;}

.home_data .data{ display: grid; grid-gap: 1rem; position: relative; z-index: 20; margin: 2rem auto 0 auto; max-width: 6rem;}
.home_data .data .wrap{ display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid rgba(255 255 255/20%);}
.home_data .data .wrap .tit{ padding-bottom: 0.2rem; line-height: 1; font-size: 0.4rem; color: #FFF;}
.home_data .data .wrap .fr{ display: flex; align-items: flex-end; grid-gap: 0.1rem;}
.home_data .data .wrap .fr .number{}
.home_data .data .wrap .fr .number *{ text-align: left !important; line-height: 1; font-family: "Arial", "Pretendard", sans-serif; font-size: 1rem; font-weight: 700; color: #FFF; letter-spacing: 0;}
.home_data .data .wrap .fr .number .odometer-formatting-mark{ display: none;}
.home_data .data .wrap .fr .number .odometer-inside{}
.home_data .data .wrap .fr .number .odometer-inside .odometer-digit{}
.home_data .data .wrap .fr .number .odometer-inside .odometer-digit .odometer-digit-spacer{}
.home_data .data .wrap .fr .txt{ flex: 0 0 0.9rem; padding-bottom: 0.2rem; line-height: 1; font-size: 0.25rem; font-weight: 300; color: rgba(255 255 255/60%); letter-spacing: 0;}

.home_data .body{ display: flex; position: relative; margin: -5rem 0 0 0; height: 10rem;}
.home_data .body .bg{ position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0;}
.home_data .body .list{ overflow: hidden; position: absolute;}
.home_data .body .list ul{ display: flex; grid-gap: 0.2rem; width: max-content;}
.home_data .body .list ul li{ flex: 0 0 auto; display: flex; align-items: center; width: auto;}
.home_data .body .list ul li img{ display: block; height: 6rem; border-radius: 0.2rem;}
.home_data .body .list_01{ position: absolute; top: 2rem; left: -2rem; right: 42%; transform: perspective(800px) rotateX(15deg) rotateY(20deg) rotateZ(0deg);}
.home_data .body .list_01:before{ content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, rgba(0 0 0/0%), rgba(0 0 0/100%));}
.home_data .body .list_02{ position: absolute; top: 2rem; right: -2rem; left: 42%; transform: perspective(800px) rotateX(15deg) rotateY(-20deg) rotateZ(0deg);}
.home_data .body .list_02:before{ content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, rgba(0 0 0/100%), rgba(0 0 0/0%));}
.home_data .body .list_01 ul{ animation: home_work_list_01 10s linear infinite;}
.home_data .body .list_02 ul{ animation: home_work_list_02 10s linear infinite;}
@keyframes home_work_list_01{
    0%  { transform: translateX(-50%);}
    100%{ transform: translateX(0);}
}
@keyframes home_work_list_02{
    0%  { transform: translateX(-50%);}
    100%{ transform: translateX(0);}
}
@media(max-width: 1000px){
    .home_data{ padding-top: 8rem;}
    .home_data .head{ grid-gap: 0.5rem;}
    .home_data .head .tit p{ font-size: 3.5rem;}
    .home_data .head .txt .row{ font-size: 1.5rem;}
    .home_data .head .txt .row .emoji{ margin: 0 0.4rem; flex: 0 0 2rem; width: 2rem; height: 2rem;}

    .home_data .data{ grid-gap: 2rem; margin: 3rem auto 0 auto; max-width: 12rem;}
    .home_data .data .wrap .tit{ padding-bottom: 0.4rem; font-size: 0.8rem;}
    .home_data .data .wrap .fr{ grid-gap: 0.2rem;}
    .home_data .data .wrap .fr .number *{ font-size: 2rem;}
    .home_data .data .wrap .fr .txt{ flex: 0 0 2rem; padding-bottom: 0.4rem; font-size: 0.5rem;}

    .home_data .body{ margin: -10rem 0 0 0; height: 15rem;}
    .home_data .body .list ul{ grid-gap: 0.2rem;}
    .home_data .body .list ul li img{ height: 10rem;}
}
@media(max-width: 767px){
    .home_data{ padding-top: 0;}
    .home_data .data{ grid-gap: 2rem; margin: 4rem auto 0 auto; max-width: 20rem;}
    .home_data .data .wrap .tit{ padding-bottom: 0.5rem; font-size: 1.3rem;}
    .home_data .data .wrap .fr{ grid-gap: 0.5rem;}
    .home_data .data .wrap .fr .number{ display: flex; justify-content: flex-end; width: 8rem;}
    .home_data .data .wrap .fr .number .odometer-inside{ display: flex; justify-content: flex-end;}
    .home_data .data .wrap .fr .number *{ font-size: 3rem;}
    .home_data .data .wrap .fr .txt{ flex: 0 0 3.2rem; padding-bottom: 0.6rem; font-size: 1rem;}

    .home_data .body{ margin: 0 0 0 0; height: 10rem;}
    .home_data .body .list_01{ left: -2rem; right: 50%; transform: perspective(800px) rotateX(25deg) rotateY(20deg) rotateZ(0deg);}
    .home_data .body .list_02{ top: 2rem; right: -2rem; left: 50%; transform: perspective(800px) rotateX(25deg) rotateY(-20deg) rotateZ(0deg);}
    .home_data .body .list ul{ grid-gap: 0.4rem;}
    .home_data .body .list ul li img{ height: 6rem; border-radius: 0.4rem;}

}


.home_service{ padding-top: 5rem; background: #000;}
.home_service .head{ display: flex; flex-direction: column; align-items: center; grid-gap: 0.3rem; text-align: center;}
.home_service .head .tit{ overflow: hidden;}
.home_service .head .tit > div{ padding: 0 0.1rem;}
.home_service .head .tit div{ font-size: 2rem; font-weight: 700; color: #c5ae79;}
.home_service .head .txt{ display: flex; justify-content: center; align-items: center; font-size: 1rem; font-weight: 600; color: #FFF;}
.home_service .head .txt .emoji{ flex: 0 0 1.6rem; margin: 0 0.2rem; height: 1.6rem;}
.home_service .body{ margin-top: 1.5rem;}
.home_service .body .list{ overflow: hidden; position: relative;}
.home_service .body .list ul{ display: flex; width: max-content;}
.home_service .body .list ul li{ flex: 0 0 auto; display: flex; align-items: center; grid-gap: 0.1rem; padding: 0.5rem 1.5rem; width: auto;}
.home_service .body .list ul li img{ display: block; height: 1.2rem;}
.home_service .body .list ul li p{ display: flex; align-items: center; grid-gap: 0.1rem; font-size: 0.4rem; color: #FFF;}
.home_service .body .list ul li p span{ font-weight: 200; color: rgba(255 255 255/60%);}
.home_service .body .list_01:before{ content: ""; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, rgba(0 0 0/100%), rgba(0 0 0/0%), rgba(0 0 0/0%), rgba(0 0 0/100%));}
.home_service .body .list_02:before{ content: ""; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, rgba(0 0 0/100%), rgba(0 0 0/0%), rgba(0 0 0/0%), rgba(0 0 0/0%), rgba(0 0 0/100%));}
.home_service .body .list_03:before{ content: ""; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, rgba(0 0 0/100%), rgba(0 0 0/0%), rgba(0 0 0/100%));}
.home_service .body .list_01 .line{ position: absolute; bottom: 0; left: 100vw; height: 2px; width: 30vw; background: linear-gradient(90deg, rgba(255 255 255/0%), rgba(255 255 255/80%), rgba(255 255 255/0%));}
.home_service .body .list_02 .line{ position: absolute; bottom: 0; left: -50vw; height: 2px; width: 50vw; background: linear-gradient(90deg, rgba(255 255 255/0%), rgba(255 255 255/100%), rgba(255 255 255/0%));}
.home_service .body .list_03 .line{ position: absolute; bottom: 0; left: 100vw; height: 2px; width: 25vw; background: linear-gradient(90deg, rgba(255 255 255/0%), rgba(255 255 255/80%), rgba(255 255 255/0%));}
.home_service .body .list_01 ul{ animation: list_01 35s linear infinite;}
.home_service .body .list_02 ul{ animation: list_02 30s linear infinite;}
.home_service .body .list_03 ul{ animation: list_03 20s linear infinite;}
@keyframes list_01{
    0%  { transform: translateX(0);}
    100%{ transform: translateX(-50%);}
}
@keyframes list_02{
    0%  { transform: translateX(-50%);}
    100%{ transform: translateX(0);}
}
@keyframes list_03{
    0%  { transform: translateX(0);}
    100%{ transform: translateX(-50%);}
}
@media(max-width: 1000px){
    .home_service{ padding-top: 8rem;}
    .home_service .head{ grid-gap: 0.5rem;}
    .home_service .head .tit div{ font-size: 3.3rem;}
    .home_service .head .txt{ font-size: 1.5rem;}
    .home_service .head .txt .emoji{ flex: 0 0 2rem; margin: 0 0.4rem; height: 2rem;}
    .home_service .body{ margin-top: 2.5rem;}
    .home_service .body .list ul li{ grid-gap: 0.2rem; padding: 0.5rem 2rem;}
    .home_service .body .list ul li img{ height: 2.4rem}
    .home_service .body .list ul li p{ grid-gap: 0.2rem; font-size: 0.8rem;}
}
@media(max-width: 767px){
    .home_service{ padding-top: 8rem;}
    .home_service .head .tit > div{ padding: 0 0.3rem;}
    .home_service .body{ margin-top: 4rem; width: 100%;}
    .home_service .body .list ul li{ grid-gap: 0.5rem; padding: 1rem 2rem;}
    .home_service .body .list ul li img{ height: 3rem}
    .home_service .body .list ul li p{ grid-gap: 0.5rem; font-size: 1.2rem;}
}


.home_work{ position: relative; z-index: 40; padding: 5rem 2rem 0 2rem;}
.home_work .head{ overflow: hidden; display: flex; flex-direction: column; align-items: center; grid-gap: 0.3rem; text-align: center;}
.home_work .head .tit{ font-size: 2rem; font-weight: 700; color: #c5ae79; letter-spacing: -0.05rem;}
.home_work .head .txt{ display: flex; justify-content: center; align-items: center; font-size: 1rem; font-weight: 600; color: #FFF;}
.home_work .head .txt .emoji{ display: block; margin: 0 0.2rem; flex: 0 0 1.6rem; height: 1.6rem;}
.home_work .list{ display: flex; justify-content: center; margin-top: 2rem;}
.home_work .list ul{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 2rem; width: 100%;}
.home_work .list ul li{ perspective: 1200px; position: relative;}
.home_work .list ul li:hover{ z-index: 20;}
.home_work .list ul li .wrap{ display: block; transform-style: preserve-3d; transition: transform .15s ease-out; will-change: transform; position: relative; cursor: pointer;}
.home_work .list ul li .wrap:before{ content: ""; position: absolute; inset: 0; background: linear-gradient(120deg,rgba(255,255,255,.2),transparent); border-radius: 0.2rem; opacity: 0; transition: opacity .2s; pointer-events: none;}
.home_work .list ul li .wrap .img{ overflow: hidden; position: relative; width: 100%; padding-top: 60%; border-radius: 0.2rem; transform: translateZ(0); transition: transform .2s;}
.home_work .list ul li .wrap .img img{ position: absolute; top: 0; left: 0; width: 100%; height: 120%; object-fit: cover; transform: translateY(0); transition:transform .2s;}
.home_work .list ul li .wrap .info{ display: grid; grid-gap: .2rem; position: relative; z-index: 10; margin-top: -.5rem; transform: translateZ(40px); transition: transform .2s;}
.home_work .list ul li .wrap .info .tit{ font-size: .6rem; font-weight: 600; color: #FFF;}
.home_work .list ul li .wrap .info .tag{ font-size: .25rem; font-weight: 300; color: rgba(255 255 255/60%);}
.home_work .list ul li .wrap .info .tag span{ padding: 0 0.05rem; font-size: .25rem; font-weight: 200; color: rgba(255 255 255/40%);}
.home_work .list ul li .wrap:hover:before{ opacity: 1;}
.home_work .list ul li.no-result{ display: none; grid-column: 1/3;}
.home_work .list ul li.no-result .box{ display: flex; justify-content: center; align-items: center; min-height: 3rem;}
.home_work .list ul li.no-result .box p{ font-size: 0.5rem; color: #FFF;}
.home_work.sub{ padding: 0 2rem;}
.home_work.sub .list{ margin-top: 1.5rem;}
@media(max-width: 1000px){
    .home_work{ padding: 8rem 1rem 0 1rem;}
    .home_work .head{ grid-gap: 0.5rem;}
    .home_work .head .tit{ width: 100%; font-size: 3.5rem;}
    .home_work .head .txt{ width: 100%; font-size: 1.5rem;}
    .home_work .head .txt .emoji{ margin: 0 0.4rem; flex: 0 0 2rem; height: 2rem;}
    .home_work .list{ margin-top: 3rem;}
    .home_work .list ul{ grid-gap: 2rem 1rem;}
    .home_work .list ul li .wrap .info{ margin-top: -0.7rem;}
    .home_work .list ul li .wrap .info .tit{ font-size: 0.8rem;}
    .home_work .list ul li .wrap .info .tag{ font-size: 0.5rem; letter-spacing: 0;}
    .home_work .list ul li .wrap .info .tag span{ padding: 0 0.1rem; font-size: 0.5rem;}
    .home_work .list ul li .wrap:hover:before{ opacity: 0;}
    .home_work.sub{ padding: 3rem 1rem 4rem 1rem;}
    .home_work.sub .list{ margin-top: 0;}
}
@media(max-width: 767px){
    .home_work{ padding: 8rem 1rem 0 1rem;}
    .home_work .list{ margin-top: 4rem;}
    .home_work .list ul{ grid-template-columns: repeat(1,1fr); grid-gap: 2rem 1rem;}
    .home_work .list ul li .wrap:before{ border-radius: 0.4rem;}
    .home_work .list ul li .wrap .img{ border-radius: 0.4rem;}
    .home_work .list ul li .wrap .info{ margin-top: -1rem; padding-left: 0.5rem;}
    .home_work .list ul li .wrap .info .tit{ font-size: 1.6rem;}
    .home_work .list ul li .wrap .info .tag{ font-size: 1.2rem;}
    .home_work .list ul li .wrap .info .tag span{ padding: 0 0.5rem; font-size: 1rem;}
    .home_work .list ul li.no-result .box p{ font-size: 1.1rem;}
    .home_work.sub{ padding: 3rem 1rem 4rem 1rem;}
}


.home_client{ overflow: hidden; position: relative; z-index: 30; padding-top: 5rem; width: 100%; background: #000;}
.home_client .head{ display: flex; flex-direction: column; align-items: center; grid-gap: 0.3rem; text-align: center;}
.home_client .head .tit{ position: relative;}
.home_client .head .tit p{ display: flex; align-items: flex-end; font-size: 2rem; font-weight: 700; -webkit-text-stroke: 3px #c5ae79; white-space: nowrap;}
.home_client .head .tit p:nth-child(1){ overflow: hidden; position: absolute; z-index: 10; bottom: 0; right: 0; left: 0; height: 100%; color: #c5ae79;}
.home_client .head .txt{ font-size: 1rem; font-weight: 600; color: #FFF;}
.home_client .body{ position: relative;}
.home_client .body .text{ display: flex; flex-direction: column; align-items: center; grid-gap: 0.2rem;}
.home_client .body .text .emoji{ flex: 0 0 2rem; height: 2rem;}
.home_client .body .text p{ display: flex; position: relative;}
.home_client .body .text p span{ overflow: hidden; line-height: 1; font-size: 0.8rem; color: rgba(255 255 255/20%); white-space: nowrap;}
.home_client .body .text p span:nth-child(1){ position: absolute; z-index: 10; top: 0; left: 0; color: #FFF;}
.home_client .list{ overflow: hidden; display: flex; justify-content: center; align-items: flex-start; position: relative; margin-top: 2rem; width: 100%; height: 650px;}
.home_client .list:before{ content: ""; position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0 0 0/0%), rgba(0 0 0/0%));}
.home_client .list ul{ display: flex; flex-wrap: nowrap; position: absolute; width: 8000px; border-radius: 50%;}
.home_client .list ul:after{ content: ""; display: block; padding-top: 100%;}
.home_client .list ul li{ flex: 0 0 300px; position: absolute; top: 50%; left: 50%; transform-origin: center bottom; width: 300px;}
.home_client .list ul li a{ display: block;}
.home_client .list ul li a img{ display: block; width: 100%; border-radius: 0.2rem;}
@media(max-width: 1000px){
    .home_client{ padding: 8rem 0;}
    .home_client .head{ grid-gap: 0.5rem;}
    .home_client .head .tit p{ font-size: 3.5rem; -webkit-text-stroke: 1px #c5ae79;}
    .home_client .head .txt{ font-size: 1.5rem;}
    .home_client .body .text{ margin-top: 1rem; grid-gap: 0.4rem;}
    .home_client .body .text .emoji{ flex: 0 0 4rem; height: 4rem;}
    .home_client .body .text p span{ font-size: 1.5rem;}
    .home_client .list{ margin-top: -1rem; height: 400px;}
    .home_client .list ul{ width: 4500px;}
    .home_client .list ul li{ flex: 0 0 180px; width: 180px;}
}
@media(max-width: 767px){
    .home_client{ padding: 8rem 0;}
    .home_client .body{ width: 100%;}
    .home_client .body .text{ margin-top: 2rem; grid-gap: 0.5rem;}
    .home_client .body .text .emoji{ flex: 0 0 6rem; height: 6rem;}
    .home_client .body .text p span{ font-size: 1.5rem;}
    .home_client .list{ margin-top: -12rem; height: 350px;}
    .home_client .list ul{ width: 2600px;}
    .home_client .list ul li{ flex: 0 0 80px; width: 80px;}
    .home_client .list ul li a img{ border-radius: 0.4rem;}
}





















.sub_about_01{ padding: 4rem 0 2rem 0; text-align: center;}
.sub_about_01 .cn{ font-size: 0.5rem; font-weight: 400; color: #c5ae79; letter-spacing: 0;}
.sub_about_01 .cn div{ font-size: 0.5rem; font-weight: 400; color: #c5ae79; letter-spacing: 0;}
.sub_about_01 .tit{ overflow: hidden; padding: 0.2rem 0; font-size: 1.2rem; font-weight: 700; color: #FFF;}
.sub_about_01 .tit div{ font-size: 1.2rem; font-weight: 700; color: #FFF;}
.sub_about_01 .tit br{ display: none;}
.sub_about_01 .txt{ overflow: hidden; padding: 0.2rem 0; font-size: 0.5rem; color: #FFF;}
.sub_about_01 .txt div{ font-size: 0.5rem; color: #FFF;}
@media(max-width: 1000px){
    .sub_about_01{ padding: 8rem 0 3rem 0;}
    .sub_about_01 .cn{ padding: 0.4rem 0; font-size: 0.8rem;}
    .sub_about_01 .cn div{ font-size: 0.8rem;}
    .sub_about_01 .tit{ padding: 0.4rem 0; font-size: 2.2rem;}
    .sub_about_01 .tit div{ font-size: 2.2rem;}
    .sub_about_01 .txt{ padding: 0.4rem 0; font-size: 1.2rem;}
    .sub_about_01 .txt div{ font-size: 1.2rem;}
}
@media(max-width: 767px){
    .sub_about_01{ padding: 8rem 0 4rem 0;}
    .sub_about_01 .cn{ padding: 0.4rem 0; font-size: 1.2rem;}
    .sub_about_01 .cn div{ font-size: 1.2rem;}
    .sub_about_01 .tit{ padding: 0.4rem 0; font-size: 3rem;}
    .sub_about_01 .tit div{ font-size: 3rem;}
    .sub_about_01 .tit br{ display: block;}
    .sub_about_01 .txt{ padding: 0.4rem 0; font-size: 1.4rem;}
    .sub_about_01 .txt div{ font-size: 1.4rem;}
}


.sub_about_02{ position: relative;}
.sub_about_02 .pin_text{ display: flex; flex-direction: column; justify-content: center; align-items: center; grid-gap: 0.4rem; position: absolute; z-index: 20; top: 0; left: 0; width: 100% !important; height: 100dvh;}
.sub_about_02 .pin_text .txt{ display: flex; flex-direction: column; align-items: center;}
.sub_about_02 .pin_text .txt p{ display: flex; flex-direction: column; align-items: center; position: relative; text-align: center;}
.sub_about_02 .pin_text .txt p span{ overflow: hidden; display: block; font-size: 0.5rem; font-weight: 400; color: rgba(255 255 255/0%);}
.sub_about_02 .pin_text .txt p span:nth-child(1){ position: absolute; z-index: 10; top: 0; left: 0; width: 100%; color: #FFF; white-space: nowrap;}
.sub_about_02 .pin_text .tit{ display: flex; flex-direction: column; align-items: center;}
.sub_about_02 .pin_text .tit p{ display: flex; flex-direction: column; align-items: center; position: relative; text-align: center;}
.sub_about_02 .pin_text .tit p span{ overflow: hidden; display: block; font-size: 1.2rem; font-weight: 700; color: rgba(255 255 255/0%);}
.sub_about_02 .pin_text .tit p span:nth-child(1){ position: absolute; z-index: 10; top: 0; left: 0; width: 100%; color: #FFF; white-space: nowrap;}

.sub_about_02 .pin_img{ display: flex; flex-direction: column; align-items: center; position: absolute; z-index: 10; top: 0; left: 0; width: 100% !important; height: 100dvh;}
.sub_about_02 .pin_img .img{ overflow: hidden; position: relative; width: 12rem; height: 6rem; background: url(/public/assets/images/about_01.jpg) top center/cover; opacity: 0.5;}
.sub_about_02 .pin_img .img .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0 0 0/0), rgba(0 0 0/30%), rgba(0 0 0/100%));}

.sub_about_02 .control_pin{ height: 50dvh;}
.sub_about_02 .control_text{ height: 50dvh;}
.sub_about_02 .control_hide{ margin-top: 50dvh; height: 50dvh;}
.sub_about_02 .control_end{ height: 50dvh;}
@media(max-width: 1000px){
    .sub_about_02 .pin_text .txt p span{ font-size: 1.2rem;}
    .sub_about_02 .pin_text .tit p span{ font-size: 2.2rem;}
}
@media(max-width: 767px){
    .sub_about_02 .pin_text{ grid-gap: 1.5rem;}
    .sub_about_02 .pin_text .txt p span{ font-size: 1.4rem;}
    .sub_about_02 .pin_text .tit p span{ font-size: 3rem;}

    .sub_about_02 .pin_img{ height: 64rem;}

    .sub_about_02 .control_pin{ height: 32rem;}
    .sub_about_02 .control_text{ height: 32rem;}
    .sub_about_02 .control_hide{ margin-top: 32rem; height: 32rem;}
    .sub_about_02 .control_end{ height: 32rem;}
}


.sub_about_03{ position: relative; padding: 100dvh 50px 0 50px;}
.sub_about_03 .pin_logo{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: absolute; z-index: 20; top: 0; left: 0; width: 100% !important; height: 100dvh;}
.sub_about_03 .pin_logo svg{ height: 3rem;}
.sub_about_03 .pin_logo svg path{ fill: #c5ae79;}
.sub_about_03 .pin_img{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; left: 0; width: 100% !important; height: 100dvh;}
.sub_about_03 .pin_img .img{ position: absolute; width: 8rem; height: 8rem;}
.sub_about_03 .pin_img .img.img_01{ z-index: 1; background: url(/public/assets/images/about_0301.jpg) center/cover; opacity: 0; transform: scale(1.5);}
.sub_about_03 .pin_img .img.img_02{ z-index: 2; background: url(/public/assets/images/about_0302.jpg) center/cover; opacity: 0; transform: scale(1.5);}
.sub_about_03 .pin_img .img.img_03{ z-index: 3; background: url(/public/assets/images/about_0303.jpg) center/cover; opacity: 0; transform: scale(1.5);}
.sub_about_03 .pin_img .img.img_04{ z-index: 4; background: url(/public/assets/images/about_0304.jpg) center/cover; opacity: 0; transform: scale(1.5);}
.sub_about_03 .text{ display: grid; grid-gap: 12rem; position: relative; z-index: 60; padding-bottom: 50dvh;}
.sub_about_03 .text .wrap{ display: flex; flex-direction: column; align-items: flex-start; grid-gap: 0.2rem; padding: 0 0 0 60%;}
.sub_about_03 .text .wrap:nth-child(1){ align-items: flex-end; padding: 0 60% 0 0; text-align: right;}
.sub_about_03 .text .wrap:nth-child(3){ align-items: flex-end; padding: 0 60% 0 0; text-align: right;}
.sub_about_03 .text .wrap .tit{ font-family: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif; font-size: 2rem; font-weight: 400; color: #c5ae79; white-space: nowrap;}
.sub_about_03 .text .wrap .txt{ font-size: 0.5rem; font-weight: 400; color: #FFF;}
.sub_about_03 .text_end_control{ height: 50dvh;}
.sub_about_03 .pin_end_img{ position: absolute; z-index: 30; top: 0; left: 0; width: 100% !important; height: 100dvh; background: url(/public/assets/images/about_0305.jpg) center/cover; opacity: 0;}
.sub_about_03 .pin_end_img:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0 0 0/0), rgba(0 0 0/0), rgba(0 0 0/100%));}
.sub_about_03 .pin_end_tit{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 40; top: 0; left: 0; width: 100% !important; height: 100dvh;}
.sub_about_03 .pin_end_tit .tit{ text-align: center; font-size: 1.2rem; font-weight: 700; color: #FFF;}
.sub_about_03 .pin_end_tit .tit div{ font-size: 1.2rem; font-weight: 700; color: #FFF;}
.sub_about_03 .pin_end_img_control{ height: 100dvh;}
.sub_about_03 .pin_end_tit_control{ height: 100dvh;}
@media(max-width: 1000px){
    .sub_about_03{ padding: 100dvh 1rem 0 1rem;}
    .sub_about_03 .pin_logo svg{ height: 6rem;}
    .sub_about_03 .pin_img .img{ width: 16rem; height: 16rem;}
    .sub_about_03 .text{ grid-gap: 24rem;}
    .sub_about_03 .text .wrap{ grid-gap: 0.4rem; padding: 0 0 0 50%;}
    .sub_about_03 .text .wrap:nth-child(1){ padding: 0 50% 0 0;}
    .sub_about_03 .text .wrap:nth-child(3){ padding: 0 50% 0 0;}
    .sub_about_03 .text .wrap .tit{ font-size: 3.5rem;}
    .sub_about_03 .text .wrap .txt{ font-size: 1rem;}
    .sub_about_03 .pin_end_tit .tit{ font-size: 2.2rem;}
    .sub_about_03 .pin_end_tit .tit div{ font-size: 2.2rem;}
}
@media(max-width: 767px){
    .sub_about_03{ padding: 64rem 1rem 0 1rem;}
    .sub_about_03 .pin_logo{ height: 64rem;}
    .sub_about_03 .pin_img{ height: 64rem;}
    .sub_about_03 .text{ padding-bottom: 32rem;}
    .sub_about_03 .text .wrap{ padding: 0 0 0 30%;}
    .sub_about_03 .text .wrap .tit{ font-size: 6rem;}
    .sub_about_03 .text .wrap .txt{ font-size: 1.4rem;}
    .sub_about_03 .text .wrap:nth-child(1){ padding: 0 30% 0 0;}
    .sub_about_03 .text .wrap:nth-child(3){ padding: 0 30% 0 0;}
    .sub_about_03 .text_end_control{ height: 32rem;}
    .sub_about_03 .pin_end_img{ height: 64rem;}
    .sub_about_03 .pin_end_tit{ height: 64rem;}
    .sub_about_03 .pin_end_tit .tit{ font-size: 3rem;}
    .sub_about_03 .pin_end_tit .tit div{ font-size: 3rem;}
    .sub_about_03 .pin_end_img_control{ height: 64rem;}
    .sub_about_03 .pin_end_tit_control{ height: 64rem;}
}


.sub_about_04{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; padding: 5rem 50px;}
.sub_about_04 .txt{ display: flex; flex-direction: column; align-items: center;}
.sub_about_04 .txt p{ position: relative; z-index: 10;}
.sub_about_04 .txt p span{ overflow: hidden; display: flex; font-size: 0.5rem; font-weight: 400; color: rgba(255 255 255/20%);}
.sub_about_04 .txt p span:nth-child(1){ position: absolute; z-index: 10; top: 0; left: 0; color: #FFF; white-space: nowrap;}
.sub_about_04 .logo{ display: block; margin-top: 1rem; width: 4rem; height: 4rem;}
.sub_about_04 .logo svg{ width: 100%; height: 100%;}
.sub_about_04 .tit{ overflow: hidden; position: relative; z-index: 10; padding: 0.5rem 1rem 0 1rem; font-size: 1.2rem; font-weight: 700; color: #FFF;}
.sub_about_04 .tit div{ font-family: "Raleway", "Pretendard", sans-serif; font-style: italic; font-size: 1.2rem; font-weight: 700; color: #FFF;}
@media(max-width: 1000px){
    .sub_about_04{ padding: 8rem 1rem;}
    .sub_about_04 .txt p span{ font-size: 1rem;}
    .sub_about_04 .logo{ margin-top: 2rem; width: 8rem; height: 8rem;}
    .sub_about_04 .tit{ padding: 1rem 1rem 0 1rem; font-size: 2.2rem;}
    .sub_about_04 .tit div{ font-size: 2.2rem;}
}
@media(max-width: 767px){
    .sub_about_04{ padding: 8rem 1rem;}
    .sub_about_04 .txt p span{ font-size: 1.3rem;}
    .sub_about_04 .logo{ margin-top: 4rem; width: 10rem; height: 10rem;}
    .sub_about_04 .tit{ font-size: 3rem;}
    .sub_about_04 .tit div{ font-size: 3rem;}
}










.sub_service_bg{ display: none; overflow: hidden; position: fixed; top: 0; right: 0; left: 0; height: 100dvh; opacity: 0.5;}
.sub_service_bg video{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%);}

.sub_service_logo{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 1; top: 0; right: 0; left: 0; padding-right: 2rem; height: 100dvh; opacity: 0;}
.sub_service_logo .bg{ position: fixed; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/80%); backdrop-filter: blur(0);}
.sub_service_logo svg{ height: 8rem;}
@media(max-width: 1000px){
    .sub_service_logo svg{ height: 16rem;}
}
@media(max-width: 767px){
    .sub_service_logo{  padding-right: 0; height: 64rem;}
}


.sub_service{ position: relative;}


.sub_service_01{ display: flex; flex-direction: column; justify-content: center; position: absolute; z-index: 10; top: 0; right: 50% !important; left: 0; padding: 2rem; height: 100dvh;}
.sub_service_01 .cn{ padding: 0.2rem 0; font-size: 0.5rem; font-weight: 400; color: #c5ae79;}
.sub_service_01 .cn div{ font-size: 0.5rem; font-weight: 400; color: #c5ae79;}
.sub_service_01 .tit{ display: flex; flex-direction: column; align-items: flex-start; padding: 0.2rem 0; color: #FFF;}
.sub_service_01 .tit div{ position: relative; font-size: 1.6rem; font-weight: 700; color: #FFF;}
.sub_service_01 .txt{ padding: 0.2rem 0; font-size: 0.5rem; color: #FFF;}
.sub_service_01 .txt div{ font-size: 0.5rem; color: #FFF;}
@media(max-width: 1000px){
    .sub_service_01{ align-items: center; position: relative; right: initial !important; padding: 8rem 1rem 0 1rem; height: auto; text-align: center;}
    .sub_service_01 .cn{ padding: 0.4rem 0; font-size: 0.8rem;}
    .sub_service_01 .cn div{ font-size: 0.8rem;}
    .sub_service_01 .tit{ align-items: center; padding: 0.4rem 0; font-size: 2.2rem;}
    .sub_service_01 .tit div{ font-size: 2.2rem;}
    .sub_service_01 .txt{ padding: 0.4rem 0; font-size: 1rem;}
    .sub_service_01 .txt div{ font-size: 1rem;}
}
@media(max-width: 767px){
    .sub_service_01{ padding: 8rem 0 0 0;}
    .sub_service_01 .cn{ padding: 0.4rem 0; font-size: 1.2rem;}
    .sub_service_01 .cn div{ font-size: 1.2rem;}
    .sub_service_01 .tit{ padding: 0.4rem 0; font-size: 3rem;}
    .sub_service_01 .tit div{ font-size: 3rem;}
    .sub_service_01 .txt{ padding: 0.4rem 0; font-size: 1.4rem;}
    .sub_service_01 .txt div{ font-size: 1.4rem;}
}


.sub_service_02{ position: relative; z-index: 10; margin: 0 0 0 50%; padding: 0 2rem 4rem 0;}
.sub_service_02 .head{ display: flex; flex-direction: column; justify-content: center; align-items: flex-end; height: 100dvh;}
.sub_service_02 .head div{ line-height: .8; font-family: "Raleway", "Pretendard", sans-serif; font-style: italic; font-size: 4rem; font-weight: 700; color: #c5ae79; white-space: nowrap;}
.sub_service_02 .head div:nth-child(2){ color: rgba(0 0 0/0); -webkit-text-stroke: 2px #c5ae79;}
.sub_service_02 .list{ display: grid; grid-gap: 1rem; position: relative; z-index: 3; width: 100%;}
.sub_service_02 .list .wrap{ overflow: hidden; position: relative; padding: 1rem; border-radius: 0.5rem; border: 1px solid rgba(255 255 255/10%);}
.sub_service_02 .list .wrap:before{content: ""; position: absolute; inset: -2px; border-radius: inherit; background: conic-gradient(from 0deg,transparent 0deg,transparent 180deg,rgba(255 255 255/50%) 320deg,transparent 360deg); filter: blur(50px); transform: rotate(var(--rotate));}
.sub_service_02 .list .wrap:after{ content: ""; position: absolute; inset: 1px; z-index: 1; background: rgba(0 0 0/50%); border-radius: inherit;}
.sub_service_02 .list .wrap > *{ position: relative; z-index: 2;}
.sub_service_02 .list .wrap .tit{ display: flex; align-items: center; font-size: 0.8rem; font-weight: 700; color: #c5ae79;}
.sub_service_02 .list .wrap .tit span{ padding: 0 0.1rem; font-weight: 200; color: rgba(197 174 121/50%);}
.sub_service_02 .list .wrap .txt{ margin-top: 0.4rem; line-height: 1.4; font-size: 0.3rem; font-weight: 400; color: #FFF;}
.sub_service_02 .list .wrap .tag{ display: flex; flex-wrap: wrap; grid-gap: 0.1rem; margin-top: 0.5rem;}
.sub_service_02 .list .wrap .tag p{ display: flex; align-items: center; padding: 0 0.5rem; height: 0.7rem; border-radius: 1rem; border: 1px solid rgba(197 174 121/70%); background: rgba(197 174 121/0); font-size: 0.25rem; color: #c5ae79;}
.sub_service_02 .list .wrap .tag p span{ padding: 0 0.05rem; font-weight: 200; color: rgba(197 174 121/50%);}
@media(max-width: 1000px){
    .sub_service_02{ margin: 0; padding: 0 1rem 2rem 1rem;}
    .sub_service_02 .head{ align-items: center; padding: 3rem 0 4rem 0; height: auto;}
    .sub_service_02 .head div{ line-height: .9; font-size: 6rem;}
    .sub_service_02 .head div:nth-child(2){ -webkit-text-stroke: 1px #c5ae79;}
    .sub_service_02 .list{ grid-gap: 1rem; padding: 0 0 3rem 0;}
    .sub_service_02 .list .wrap{ padding: 2rem; border-radius: 1rem;}
    .sub_service_02 .list .wrap .tit{ font-size: 1.5rem;}
    .sub_service_02 .list .wrap .tit span{ padding: 0 0.2rem;}
    .sub_service_02 .list .wrap .txt{ margin-top: 0.8rem; font-size: 0.6rem;}
    .sub_service_02 .list .wrap .tag{ grid-gap: 0.3rem; margin-top: 1rem;}
    .sub_service_02 .list .wrap .tag p{ padding: 0 0.8rem; height: 1.4rem; border-radius: 2rem; font-size: 0.6rem;}
    .sub_service_02 .list .wrap .tag p span{ padding: 0 0.1rem;}
}
@media(max-width: 767px){
    .sub_service_02{ padding: 0 1rem 2rem 1rem;}
    .sub_service_02 .head{ padding: 4rem 0 8rem 0;}
    .sub_service_02 .head div{ line-height: .9; font-size: 7rem;}
    .sub_service_02 .list{ padding: 0 0 4rem 0;}
    .sub_service_02 .list .wrap{ padding: 2rem 1.5rem; width: 100%; border-radius: 1rem;}
    .sub_service_02 .list .wrap:before{ filter: blur(50px);}
    .sub_service_02 .list .wrap .tit{ font-size: 2.8rem;}
    .sub_service_02 .list .wrap .tit span{ padding: 0;}
    .sub_service_02 .list .wrap .txt{ margin-top: 1rem; font-size: 1.2rem;}
    .sub_service_02 .list .wrap .tag{ grid-gap: 0.3rem; margin-top: 1rem;}
    .sub_service_02 .list .wrap .tag p{ padding: 0 1.2rem; height: 2.4rem; border-radius: 2rem; font-size: 1rem;}
    .sub_service_02 .list .wrap .tag p span{ padding: 0;}
}






.sub_visual{ padding: 4rem 0 1rem 0; text-align: center;}
.sub_visual .cn{ overflow: hidden; padding: 0.2rem 0; font-size: 0.5rem; font-weight: 400; color: #c5ae79;}
.sub_visual .cn div{ font-size: 0.5rem; font-weight: 400; color: #c5ae79;}
.sub_visual .tit{ overflow: hidden; padding: 0.2rem 0; font-family: "Raleway", "Pretendard", sans-serif; font-size: 1.6rem; font-weight: 700; color: #FFF;}
.sub_visual .tit div{ font-family: "Raleway", "Pretendard", "Noto Sans SC", "Microsoft YaHei", sans-serif; font-size: 1.6rem; font-weight: 700; color: #FFF;}
@media(max-width: 1000px){
    .sub_visual{ padding: 8rem 0 1rem 0;}
    .sub_visual .cn{ padding: 0.4rem 0; font-size: 0.8rem;}
    .sub_visual .cn div{ font-size: 0.8rem;}
    .sub_visual .tit{ padding: 0.4rem 0; font-size: 2.2rem;}
    .sub_visual .tit div{ font-size: 2.2rem;}
}
@media(max-width: 767px){
    .sub_visual{ padding: 8rem 0 2rem 0;}
    .sub_visual .cn{ padding: 0.4rem 0; font-size: 1.2rem;}
    .sub_visual .cn div{ font-size: 1.2rem;}
    .sub_visual .tit{ padding: 0.4rem 0; font-size: 2.8rem;}
    .sub_visual .tit div{ font-size: 2.8rem;}
}


.sub_menu{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; grid-gap: 0.1rem; padding: 0 50px;}
.sub_menu a{ overflow: hidden; display: flex; align-items: center; position: relative; padding: 0 0.5rem; height: 0.7rem; border-radius: 1rem; cursor: pointer;}
.sub_menu a:before{ content: ""; position: absolute; top: 100%; left: 50%; transform: translate(-50%,-50%); padding-top: 0; width: 0; border-radius: 50%; background: #c5ae79; opacity: 0.5; transition: all 0.3s, top 0.3s;}
.sub_menu a:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 1rem; border: 1px solid rgba(255 255 255/20%); transition: all .3s;}
.sub_menu a p{ position: relative; z-index: 10; font-size: 0.25rem; color: #FFF; transition: all .3s;}
.sub_menu a p span{ padding: 0 0.05rem; font-size: 0.25rem; font-weight: 200; color: rgba(255 255 255/40%); transition: all .3s;}
.sub_menu a:hover:before{ top: 50%; width: 100%; padding-top: 100%;}
.sub_menu a.on{}
.sub_menu a.on p{ color: #000;}
.sub_menu a.on p span{ color: rgba(0 0 0/60%);}
.sub_menu a.on:before{ top: 50%; width: 100%; padding-top: 100%; opacity: 1;}
.sub_menu a.on:after{ display: none;}
@media(max-width: 1000px){
    .sub_menu{ grid-gap: 0.2rem; padding: 0 1rem;}
    .sub_menu a{ padding: 0 0.8rem; height: 1.5rem; border-radius: 2rem;}
    .sub_menu a p{ font-size: 0.6rem;}
    .sub_menu a p span{ padding: 0 0.1rem; font-size: 0.6rem;}
}
@media(max-width: 767px){
    .sub_menu{ grid-gap: 0.4rem; padding: 0 1rem;}
    .sub_menu a{ padding: 0 1rem; height: 2.4rem; border-radius: 1.2rem;}
    .sub_menu a:after{ border-radius: 1.2rem;}
    .sub_menu a p{ font-size: 1rem;}
    .sub_menu a p span{ padding: 0; font-size: 1rem;}
}




.sub_portfolio_detail{ position: fixed; z-index: 500; top: 0; right: -100%; bottom: 0; left: 100%;}
.sub_portfolio_detail .inner{ display: flex; position: fixed; z-index: 10; top: 0; right: -100%; bottom: 0; left: 100%; transition: all .5s;}
.sub_portfolio_detail .inner .fl{ padding: 1rem; width: 25%; background: #c5ae79;}
.sub_portfolio_detail .inner .fl .tit{ line-height: 1.2; font-size: 0.4rem; font-weight: 700; color: #000;}
.sub_portfolio_detail .inner .fl .tag{ margin-top: 0.2rem; font-size: 0.25rem; font-weight: 500; color: #000; letter-spacing: 0;}
.sub_portfolio_detail .inner .fl .info{ display: grid; grid-gap: 0.15rem; margin-top: 0.4rem;}
.sub_portfolio_detail .inner .fl .info p{ display: flex; align-items: center;}
.sub_portfolio_detail .inner .fl .info p span{ display: block; width: 0.8rem; font-size: 0.25rem; color: rgba(0 0 0/60%);}
.sub_portfolio_detail .inner .fl .info p b{ line-height: 1; font-size: 0.25rem; font-weight: 500; color: rgba(0 0 0/100%);}
.sub_portfolio_detail .inner .fl .btn{ display: flex; justify-content: center; align-items: center; position: relative; margin-top: 0.6rem; width: 100%; height: 0.8rem; transition: all .3s;}
.sub_portfolio_detail .inner .fl .btn:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0 0 0/50%); transition: all .3s;}
.sub_portfolio_detail .inner .fl .btn:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 0; background: #000; transition: all .3s;}
.sub_portfolio_detail .inner .fl .btn p{ position: relative; z-index: 3; font-size: 0.3rem; font-weight: 500; color: #000; transition: all .3s;}
.sub_portfolio_detail .inner .fl .btn:hover:after{ width: 100%;}
.sub_portfolio_detail .inner .fl .btn:hover p{ color: #FFF;}
.sub_portfolio_detail .inner .fr{ overflow: auto; position: relative; width: 75%; background: #FFF;}
.sub_portfolio_detail .inner .fr img{ display: block; width: 100%;}
.sub_portfolio_detail .inner .close{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 20; top: 0; right: 0; width: 1.2rem; height: 1.2rem; background: rgba(0 0 0/50%); transition: all .5s; cursor: pointer;}
.sub_portfolio_detail .inner .close svg{ width: 0.4rem; height: 0.4rem;}
.sub_portfolio_detail .inner .close svg path{ color: #FFF;}
.sub_portfolio_detail > .bg{ position: fixed; top: 0; left: 100%; width: 100%; height: 100%; background: rgba(0 0 0/70%); opacity: 0; backdrop-filter: blur(5px); transition: opacity 1s;}
.sub_portfolio_detail.on{ right: 0; left: 0;}
.sub_portfolio_detail.on .inner{ right: 0; left: 15%;}
.sub_portfolio_detail.on > .bg{ left: 0; opacity: 1;}
@media(max-width: 1000px){
    .sub_portfolio_detail .inner{ flex-direction: column; background: #FFF;}
    .sub_portfolio_detail .inner .fl{ padding: 1.5rem; width: 100%;}
    .sub_portfolio_detail .inner .fl .tit{ font-size: 1rem;}
    .sub_portfolio_detail .inner .fl .tag{ margin-top: 0.4rem; font-size: 0.6rem;}
    .sub_portfolio_detail .inner .fl .info{ grid-gap: 0.3rem; margin-top: 0.8rem;}
    .sub_portfolio_detail .inner .fl .info p span{ width: 1.8rem; font-size: 0.6rem;}
    .sub_portfolio_detail .inner .fl .info p b{ font-size: 0.6rem;}
    .sub_portfolio_detail .inner .fl .btn{ margin-top: 1rem; width: 50%; height: 1.6rem;}
    .sub_portfolio_detail .inner .fl .btn p{ font-size: 0.6rem;}
    .sub_portfolio_detail .inner .fr{ flex: 1; width: 100%; height: 100%; background: #FFF;}
    .sub_portfolio_detail .inner .close{ width: 2.4rem; height: 2.4rem;}
    .sub_portfolio_detail .inner .close svg{ width: 0.8rem; height: 0.8rem;}
}
@media(max-width: 767px){
    .sub_portfolio_detail .inner .fl{ padding: 2rem 1.5rem;}
    .sub_portfolio_detail .inner .fl .tit{ margin-right: 3rem; font-size: 1.4rem;}
    .sub_portfolio_detail .inner .fl .tag{ margin-top: 0.6rem; font-size: 1.1rem;}
    .sub_portfolio_detail .inner .fl .info{ grid-gap: 0.5rem; margin-top: 1rem;}
    .sub_portfolio_detail .inner .fl .info p span{ width: 4rem; font-size: 1.1rem;}
    .sub_portfolio_detail .inner .fl .info p b{ font-size: 1.1rem;}
    .sub_portfolio_detail .inner .fl .btn{ margin-top: 1rem; width: 50%; height: 2.4rem;}
    .sub_portfolio_detail .inner .fl .btn p{ font-size: 1rem;}
    .sub_portfolio_detail .inner .fr{ width: 100%;}
    .sub_portfolio_detail .inner .close{ width: 3rem; height: 3rem;}
    .sub_portfolio_detail .inner .close svg{ width: 1rem; height: 1rem;}
    .sub_portfolio_detail.on .inner{ left: 0;}
}




.sub_news{ margin-top: 1.5rem;}
.sub_news ul{ border-top: 1px solid rgba(255 255 255/15%);}
.sub_news ul li{ position: relative; padding: 0 2rem; border-bottom: 1px solid rgba(255 255 255/15%);}
.sub_news ul li:after{ content: ""; position: absolute; z-index: 1; left: 50%; bottom: -1px; width: 0; height: 1px; background: #c5ae79; transition: all .8s;}
.sub_news ul li .wrap{ display: flex; align-items: center; position: relative; z-index: 2; margin: 0 auto; padding: 1rem 0; cursor: pointer;}
.sub_news ul li .wrap .date{ flex: 0 0 2.5rem; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.sub_news ul li .wrap .date p{ line-height: 1; font-size: 0.8rem; font-weight: 700; color: #FFF;}
.sub_news ul li .wrap .date span{ line-height: 1; font-size: 0.25rem; color: rgba(255 255 255/70%);}
.sub_news ul li .wrap .fr{ flex: 1; display: flex; align-items: center;}
.sub_news ul li .wrap .fr .img{ position: relative; width: 2rem; height: 2rem;}
.sub_news ul li .wrap .fr .img .bg{ position: absolute; width: 100%; height: 100%; transition: all .3s;}
.sub_news ul li .wrap .fr .fr{ flex: 1; display: flex; flex-direction: column; align-items: flex-start; grid-gap: 0.2rem; padding: 0 0.8rem;}
.sub_news ul li .wrap .fr .fr .tag{ font-size: 0.25rem; font-weight: 300; color: #c5ae79; letter-spacing: 0;}
.sub_news ul li .wrap .fr .fr .tit{ font-size: 0.5rem; font-weight: 500; color: #FFF;}
.sub_news ul li .wrap svg{ width: 0.6rem; height: 0.6rem; transform: translate(-1rem,0); opacity: 0; transition: all .3s;}
.sub_news ul li .wrap svg path{ color: #FFF;}

.sub_news ul li.no-result{ display: none;}
.sub_news ul li.no-result .box{ display: flex; justify-content: center; align-items: center; width: 100%; min-height: 3rem;}
.sub_news ul li.no-result .box p{ font-size: 0.5rem; color: #FFF;}
@media(min-width: 1500px){
    .sub_news ul li:hover .wrap svg{ transform: translate(0,0); opacity: 1;}
    .sub_news ul li:hover .wrap .fr .img .bg{ transform: scale(1.4);}
    .sub_news ul li:hover:after{ left: 0; width: 100%;}
}
@media(max-width: 1000px){
    .sub_news{ margin-top: 0; padding: 3rem 0 4rem 0;}
    .sub_news ul li{ padding: 0 2rem;}
    .sub_news ul li .wrap{ padding: 2rem 0;}
    .sub_news ul li .wrap .date{ flex: 0 0 4rem;}
    .sub_news ul li .wrap .date p{ font-size: 1.6rem;}
    .sub_news ul li .wrap .date span{ font-size: 0.5rem;}
    .sub_news ul li .wrap .fr .img{ width: 4rem; height: 4rem;}
    .sub_news ul li .wrap .fr .fr{ grid-gap: 0.4rem; padding: 0 1.6rem;}
    .sub_news ul li .wrap .fr .fr .tag{ font-size: 0.6rem;}
    .sub_news ul li .wrap .fr .fr .tit{ font-size: 0.8rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    .sub_news ul li .wrap svg{ display: none;}
    .sub_news ul li:hover .wrap .fr .img .bg{ transform: scale(1);}
}
@media(max-width: 767px){
    .sub_news{}
    .sub_news ul li{ padding: 0 1rem;}
    .sub_news ul li .wrap{ padding: 2rem 0;}
    .sub_news ul li .wrap .date{ flex: 0 0 5rem;}
    .sub_news ul li .wrap .date p{ font-size: 2.8rem;}
    .sub_news ul li .wrap .date span{ font-size: 0.9rem;}
    .sub_news ul li .wrap .fr .img{ width: 6rem; height: 6rem;}
    .sub_news ul li .wrap .fr .fr{ grid-gap: 0.5rem; padding: 0 0 0 1.5rem;}
    .sub_news ul li .wrap .fr .fr .tag{ font-size: 1.1rem;}
    .sub_news ul li .wrap .fr .fr .tit{ font-size: 1.3rem;}
    .sub_news ul li.no-result .box p{ font-size: 1.1rem;}
}


.sub_news_detail{ position: fixed; z-index: 500; top: 0; right: -100%; bottom: 0; left: 100%;}
.sub_news_detail .inner{ display: flex; position: fixed; z-index: 10; top: 0; right: -100%; bottom: 0; left: 100%; transition: all .5s;}
.sub_news_detail .inner .fl{ padding: 1rem; width: 25%; background: #c5ae79;}
.sub_news_detail .inner .fl .tag{ font-size: 0.4rem; font-weight: 400; color: #000; letter-spacing: 0;}
.sub_news_detail .inner .fl .date{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-top: 0.5rem;}
.sub_news_detail .inner .fl .date p{ line-height: 1; font-size: 0.8rem; font-weight: 700; color: #000;}
.sub_news_detail .inner .fl .date span{ line-height: 1; font-size: 0.25rem; color: rgba(0 0 0/70%);}

.sub_news_detail .inner .fl .btn{ display: flex; justify-content: center; align-items: center; position: relative; margin-top: 0.6rem; width: 100%; height: 0.8rem; transition: all .3s; cursor: pointer;}
.sub_news_detail .inner .fl .btn:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0 0 0/50%); transition: all .3s;}
.sub_news_detail .inner .fl .btn:after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 0; background: #000; transition: all .3s;}
.sub_news_detail .inner .fl .btn p{ position: relative; z-index: 3; font-size: 0.3rem; font-weight: 500; color: #000; transition: all .3s;}
.sub_news_detail .inner .fl .btn:hover:after{ width: 100%;}
.sub_news_detail .inner .fl .btn:hover p{ color: #FFF;}

.sub_news_detail .inner .fr{ overflow: auto; position: relative; padding: 1.5rem; width: 75%; background: rgba(255 255 255/100%);}
.sub_news_detail .inner .fr .title{ font-size: 0.5rem; font-weight: 600; color: #000;}
.sub_news_detail .inner .fr .text{ margin-top: 1rem;}
.sub_news_detail .inner .fr .text img{ display: block; margin: 1rem 0; max-width: 100%; height: auto;}
.sub_news_detail .inner .fr .text p{ line-height: 1.4; font-size: 0.3rem; color: #333;}
.sub_news_detail .inner .close{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 20; top: 0; right: 0; width: 1.2rem; height: 1.2rem; background: rgba(0 0 0/50%); transition: all .5s; cursor: pointer;}
.sub_news_detail .inner .close svg{ width: 0.4rem; height: 0.4rem;}
.sub_news_detail .inner .close svg path{ color: #FFF;}
.sub_news_detail > .bg{ position: fixed; top: 0; left: 100%; width: 100%; height: 100%; background: rgba(0 0 0/70%); opacity: 0; backdrop-filter: blur(5px); transition: opacity 1s;}
.sub_news_detail.on{ right: 0; left: 0;}
.sub_news_detail.on .inner{ right: 0; left: 15%;}
.sub_news_detail.on > .bg{ left: 0; opacity: 1;}
@media(max-width: 1000px){
    .sub_news_detail .inner{ display: flex; flex-direction: column;}
    .sub_news_detail .inner .fl{ padding: 1.5rem; width: 100%;}
    .sub_news_detail .inner .fl .tag{ font-size: 0.8rem;}
    .sub_news_detail .inner .fl .date{ margin-top: 0.8rem;}
    .sub_news_detail .inner .fl .date p{ font-size: 1.6rem;}
    .sub_news_detail .inner .fl .date span{ font-size: 0.5rem;}
    .sub_news_detail .inner .fl .btn{ margin-top: 1rem; width: 50%; height: 1.6rem;}
    .sub_news_detail .inner .fl .btn p{ font-size: 0.6rem;}
    .sub_news_detail .inner .fr{ flex: 1; padding: 1.5rem; width: 100%;}
    .sub_news_detail .inner .fr .title{ font-size: 1rem;}
    .sub_news_detail .inner .fr .text{ margin-top: 1rem;}
    .sub_news_detail .inner .fr .text img{ margin: 1rem 0;}
    .sub_news_detail .inner .fr .text p{ font-size: 0.6rem;}
    .sub_news_detail .inner .close{ width: 2.4rem; height: 2.4rem;}
    .sub_news_detail .inner .close svg{ width: 0.8rem; height: 0.8rem;}
}
@media(max-width: 767px){
    .sub_news_detail .inner .fl{ padding: 2rem 1.5rem;}
    .sub_news_detail .inner .fl .tag{ font-size: 1.1rem;}
    .sub_news_detail .inner .fl .date{ margin-top: 1rem;}
    .sub_news_detail .inner .fl .date p{ font-size: 3rem;}
    .sub_news_detail .inner .fl .date span{ font-size: 1rem;}
    .sub_news_detail .inner .fl .btn{ margin-top: 1rem; width: 50%; height: 2.4rem;}
    .sub_news_detail .inner .fl .btn p{ font-size: 1rem;}
    .sub_news_detail .inner .fr{ flex: 1; padding: 1.5rem; width: 100%;}
    .sub_news_detail .inner .fr .title{ font-size: 1.6rem;}
    .sub_news_detail .inner .fr .text{ margin-top: 1.5rem;}
    .sub_news_detail .inner .fr .text img{ margin: 1.5rem 0;}
    .sub_news_detail .inner .fr .text p{ font-size: 1.1rem;}
    .sub_news_detail .inner .close{ width: 3rem; height: 3rem;}
    .sub_news_detail .inner .close svg{ width: 1rem; height: 1rem;}
    .sub_news_detail.on .inner{ left: 0;}
}




.sub_contact{ position: relative; padding: 4rem 2rem 2rem 2rem; background: linear-gradient(180deg, #000, #c5ae79);}
.sub_contact .inner{}
.sub_contact .head{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 0; right: 50% !important; left: 0; padding: 2rem; height: 100dvh;}
.sub_contact .head .cn{ overflow: hidden; padding: 0.2rem 0; font-size: 0.5rem; font-weight: 400; color: #c5ae79;}
.sub_contact .head .cn div{ font-size: 0.5rem; font-weight: 400; color: #c5ae79;}
.sub_contact .head .tit{ overflow: hidden; padding: 0.2rem 0; font-family: "Raleway", "Pretendard", sans-serif; font-size: 1.6rem; font-weight: 700; color: #FFF;}
.sub_contact .head .tit div{ font-family: "Raleway", "Pretendard", "Noto Sans SC", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif; font-size: 1.6rem; font-weight: 700; color: #FFF;}
.sub_contact .head .txt{ overflow: hidden; padding: 0.2rem 0; font-size: 0.8rem; font-weight: 700; color: #FFF;}
.sub_contact .head .txt div{ font-size: 0.8rem; font-weight: 700; color: #FFF;}
.sub_contact .head .info{ display: none; grid-gap: 0.15rem; margin-top: 0.6rem;}
.sub_contact .head .info p{ display: flex; grid-gap: 0.1rem;}
.sub_contact .head .info p span{ display: block; width: 1.2rem; font-size: 0.25rem; color: rgba(255 255 255/60%);}
.sub_contact .head .info p b{ font-size: 0.25rem; color: rgba(255 255 255/100%);}

.sub_contact .body{ display: grid; position: relative; margin-left: 50%;}
.sub_contact .body .title{ display: flex; justify-content: flex-end; align-items: center; grid-gap: 0.1rem; padding-bottom: 0.2rem;}
.sub_contact .body .title p{ font-size: 0.3rem; color: #FFF;}
.sub_contact .body .title p b{ color: #c5ae79;}
.sub_contact .body .wrap{ overflow: hidden; position: relative; padding: 0.8rem 0; border-top: 1px solid rgba(255 255 255/15%);}
.sub_contact .body .wrap:last-child{ background: none; box-shadow: none;}
.sub_contact .body .wrap .tit{ display: flex; align-items: center; grid-gap: 0.1rem; padding-bottom: 0.3rem; font-size: 0.4rem; font-weight: 500; color: #FFF; text-transform: uppercase;}
.sub_contact .body .wrap .tit b{ color: #c5ae79;}
.sub_contact .body .wrap .tit.bi::first-letter{ color: #c5ae79;}
.sub_contact .body .wrap .tit span{ font-size: 0.25rem; font-weight: 200; color: rgba(255 255 255/60%);}
.sub_contact .body .wrap .tit .emoji{ width: 1.2rem; height: 1.2rem;}
.sub_contact .body .wrap .box{ display: grid; grid-gap: 0.1rem;}
.sub_contact .body .wrap input{ display: flex; align-items: center; margin: 0; padding: 0 0.25rem; width: 100%; height: 0.8rem; border-radius: 0.1rem; border: 1px solid rgba(255 255 255/10%); background: rgba(255 255 255/10%); font-size: 0.25rem; font-weight: 400; color: #FFF; transition: all .2s;}
.sub_contact .body .wrap input::placeholder{ color: rgba(255 255 255/100%);}
.sub_contact .body .wrap input:focus{ border-color: #c5ae79; color: #FFF;}
.sub_contact .body .wrap textarea{ display: flex; align-items: center; margin: 0; padding: 0.25rem; width: 100%; height: 3rem; resize: none; border-radius: 0.1rem; border: 1px solid rgba(255 255 255/10%); background: rgba(255 255 255/10%); font-size: 0.25rem; font-weight: 400; color: #FFF; transition: all .2s;}
.sub_contact .body .wrap textarea:focus{ border-color: #c5ae79;}

.sub_contact .body .wrap .menu_class{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0.2rem;}
.sub_contact .body .wrap .menu_class a{ padding: 0.4rem; border-radius: 0.1rem; border: 1px solid rgba(255 255 255/10%); background: rgba(255 255 255/5%); transition: all .3s;}
.sub_contact .body .wrap .menu_class a .t1{ font-size: 0.4rem; font-weight: 500; color: #FFF; transition: all .3s;}
.sub_contact .body .wrap .menu_class a .t2{ display: flex; flex-wrap: wrap; grid-gap: 0.1rem; margin-top: 0.4rem;}
.sub_contact .body .wrap .menu_class a .t2 p{ overflow: hidden; display: flex; align-items: center; position: relative; padding: 0 0.25rem; height: 0.55rem; border-radius: 1rem; background: rgba(0 0 0/15%); cursor: pointer;}
.sub_contact .body .wrap .menu_class a .t2 p:before{ content: ""; position: absolute; top: 100%; left: 50%; transform: translate(-50%,-50%); padding-top: 0; width: 0; border-radius: 50%; background: #c5ae79; opacity: 0.5; transition: all 0.3s, top 0.3s;}
.sub_contact .body .wrap .menu_class a .t2 p:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 1rem; border: 1px solid rgba(255 255 255/10%); transition: all .3s;}
.sub_contact .body .wrap .menu_class a .t2 p span{ position: relative; z-index: 10; font-size: 0.25rem; font-weight: 400; color: rgba(255 255 255/80%); transition: all .3s;}
.sub_contact .body .wrap .menu_class a .t2 p.on span{ color: #000;}
.sub_contact .body .wrap .menu_class a .t2 p.on:before{ top: 50%; width: 100%; padding-top: 100%; opacity: 1;}
.sub_contact .body .wrap .menu_class a .t2 p.on:after{ display: none;}
@media(min-width: 1500px){
    .sub_contact .body .wrap .menu_class a .t2 p:hover:before{ top: 50%; width: 100%; padding-top: 100%;}
    .sub_contact .body .wrap .menu_class a .t2 p:hover span{ color: #FFF;}
    .sub_contact .body .wrap .menu_class a:hover{ border-color: #c5ae79;}
    .sub_contact .body .wrap .menu_class a:hover .t1{ color: #c5ae79;}
}

.sub_contact .body .wrap .menu{ display: flex; flex-wrap: wrap; align-items: center; grid-gap: 0.1rem;}
.sub_contact .body .wrap .menu a{ overflow: hidden; display: flex; align-items: center; position: relative; padding: 0 0.35rem; height: 0.6rem; border-radius: 1rem; background: rgba(255 255 255/10%); cursor: pointer;}
.sub_contact .body .wrap .menu a:before{ content: ""; position: absolute; top: 100%; left: 50%; transform: translate(-50%,-50%); padding-top: 0; width: 0; border-radius: 50%; background: #c5ae79; opacity: 0.5; transition: all 0.3s, top 0.3s;}
.sub_contact .body .wrap .menu a:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 1rem; border: 1px solid rgba(255 255 255/10%); transition: all .3s;}
.sub_contact .body .wrap .menu a p{ position: relative; z-index: 10; font-size: 0.25rem; font-weight: 400; color: #FFF; transition: all .3s;}
.sub_contact .body .wrap .menu a p span{ padding: 0 0.01rem; font-size: 0.25rem; font-weight: 200; color: rgba(255 255 255/40%); transition: all .3s;}
.sub_contact .body .wrap .menu a.on{}
.sub_contact .body .wrap .menu a.on p{ color: #000;}
.sub_contact .body .wrap .menu a.on p span{ color: rgba(0 0 0/60%);}
.sub_contact .body .wrap .menu a.on:before{ top: 50%; width: 100%; padding-top: 100%; opacity: 1;}
.sub_contact .body .wrap .menu a.on:after{ display: none;}
@media(min-width: 1500px){
    .sub_contact .body .wrap .menu a:hover:before{ top: 50%; width: 100%; padding-top: 100%;}
}

.sub_contact .body .wrap .file{ display: flex; grid-gap: 0.1rem;}
.sub_contact .body .wrap .file input{ flex: 1;}
.sub_contact .body .wrap .file .btn{ display: flex; align-items: center; padding: 0 0.25rem; height: 0.8rem; background: rgba(0 0 0/60%); border-radius: 0.1rem; font-size: 0.25rem; color: #FFF; cursor: pointer;}

.sub_contact .body .wrap .terms{ display: flex; align-items: center; grid-gap: 0.1rem;}
.sub_contact .body .wrap .terms .icon{ display: flex; justify-content: center; align-items: center; width: 0.5rem; height: 0.5rem; border-radius: 50%; border: 2px solid rgba(0 0 0/100%);}
.sub_contact .body .wrap .terms .icon svg{ width: 0.3rem; height: 0.3rem;}
.sub_contact .body .wrap .terms .icon svg path{ fill: #000;}
.sub_contact .body .wrap .terms .icon.on{ border-color: #000; background: #000;}
.sub_contact .body .wrap .terms .icon.on svg path{ fill: #c5ae79;}
.sub_contact .body .wrap .terms p{ font-size: 0.3rem; font-weight: 300; color: rgba(255 255 255/60%); letter-spacing: 0;}
.sub_contact .body .wrap .terms p b{ display: inline-block; font-weight: 500; color: #FFF; cursor: pointer;}


.sub_contact .body .wrap .button{ overflow: hidden; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1; margin-top: 0.4rem; width: 4rem; height: 1rem; border-radius: 1rem; cursor: pointer;}
.sub_contact .body .wrap .button:before{ content:''; position: absolute; z-index:-2; top: -2px; left: -2px; right: -2px; bottom: -2px; background: conic-gradient(from 0deg, transparent 100deg, #FFF 60deg, transparent 720deg); filter: blur(10px); animation: spin 3s linear infinite;}
.sub_contact .body .wrap .button:after{ content:''; position: absolute; z-index: -1; inset: 2px; border-radius: 1rem; background: linear-gradient(90deg, rgba(0 0 0/90%), rgba(0 0 0/85%));}
.sub_contact .body .wrap .button p{ line-height: 1rem; font-size: 0.35rem; font-weight: 600; color: #FFF; letter-spacing: 0; white-space: nowrap; transition: all .4s;}
.sub_contact .body .wrap .button:hover p:nth-child(1){ margin-top: -1rem;}
.sub_contact .body .wrap .button:hover:before{ background: conic-gradient(from 0deg, transparent 0deg, #FFF 60deg, transparent 720deg);}
@media(max-width: 1000px){
    .sub_contact{ padding: 8rem 1rem 2rem 1rem;}
    .sub_contact .head{ position: initial; padding: 0; height: auto;}
    .sub_contact .head .box{ display: flex; flex-direction: column; align-items: center;}
    .sub_contact .head .cn{ padding: 0.4rem 0; font-size: 0.8rem;}
    .sub_contact .head .cn div{ font-size: 0.8rem;}
    .sub_contact .head .tit{ padding: 0.4rem 0; font-size: 2.2rem;}
    .sub_contact .head .tit div{ font-size: 2.2rem;}
    .sub_contact .head .txt{ padding: 0.4rem 0; text-align: center; font-size: 1rem; font-weight: 500;}
    .sub_contact .head .txt div{ font-size: 1rem; font-weight: 500;}
    .sub_contact .head .txt br:nth-child(2){ display: none;}
    .sub_contact .head .txt br:nth-child(3){ display: none;}
    .sub_contact .head .info{ display: none; grid-gap: 0.3rem; margin-top: 1.2rem;}
    .sub_contact .head .info p{ grid-gap: 0.2rem;}
    .sub_contact .head .info p span{ width: 2.4rem; font-size: 0.6rem;}
    .sub_contact .head .info p b{ font-size: 0.6rem;}

    .sub_contact .body{ margin-top: 3rem; margin-left: 0;}
    .sub_contact .body .title{ grid-gap: 0.2rem; padding-bottom: 0.4rem;}
    .sub_contact .body .title p{ font-size: 0.6rem;}
    .sub_contact .body .wrap{ padding: 1.5rem 0;}
    .sub_contact .body .wrap .tit{ grid-gap: 0.4rem; padding-bottom: 0.6rem; font-size: 0.8rem;}
    .sub_contact .body .wrap .tit span{ font-size: 0.5rem;}
    .sub_contact .body .wrap .tit .emoji{ width: 2.4rem; height: 2.4rem;}
    .sub_contact .body .wrap .box{ grid-gap: 0.2rem;}
    .sub_contact .body .wrap input{ padding: 0 0.5rem; height: 1.6rem; border-radius: 0.2rem; font-size: 0.6rem;}
    .sub_contact .body .wrap textarea{ padding: 0.5rem; height: 6rem; border-radius: 0.2rem; font-size: 0.6rem;}

    .sub_contact .body .wrap .menu_class{ grid-gap: 0.4rem;}
    .sub_contact .body .wrap .menu_class a{ padding: 0.8rem; border-radius: 0.2rem;}
    .sub_contact .body .wrap .menu_class a .t1{ font-size: 0.8rem;}
    .sub_contact .body .wrap .menu_class a .t2{ grid-gap: 0.2rem; margin-top: 0.8rem;}
    .sub_contact .body .wrap .menu_class a .t2 p{ padding: 0 0.8rem; height: 1.4rem; border-radius: 2rem;}
    .sub_contact .body .wrap .menu_class a .t2 p span{ font-size: 0.6rem;}
    .sub_contact .body .wrap .menu_class a:hover{ border-color: rgba(255 255 255/10%);}
    .sub_contact .body .wrap .menu_class a:hover .t1{ color: #FFF;}

    .sub_contact .body .wrap .menu{ grid-gap: 0.2rem;}
    .sub_contact .body .wrap .menu a{ padding: 0 0.8rem; height: 1.4rem; border-radius: 2rem;}
    .sub_contact .body .wrap .menu a p{ font-size: 0.6rem;}
    .sub_contact .body .wrap .menu a p span{ padding: 0 0.02rem; font-size: 0.6rem;}

    .sub_contact .body .wrap .file{ grid-gap: 0.2rem;}
    .sub_contact .body .wrap .file .btn{ padding: 0 0.5rem; height: 1.6rem; border-radius: 0.2rem; font-size: 0.6rem;}

    .sub_contact .body .wrap .terms{ justify-content: center; grid-gap: 0.2rem;}
    .sub_contact .body .wrap .terms .icon{ width: 1rem; height: 1rem;}
    .sub_contact .body .wrap .terms .icon svg{ width: 0.6rem; height: 0.6rem;}
    .sub_contact .body .wrap .terms p{ font-size: 0.6rem;}

    .sub_contact .body .wrap .button{ margin: 0.8rem auto 0 auto !important; width: 8rem; height: 2rem; border-radius: 2rem;}
    .sub_contact .body .wrap .button p{ line-height: 2rem; font-size: 0.8rem;}
    .sub_contact .body .wrap .button:hover p:nth-child(1){ margin-top: 0;}
}
@media(max-width: 767px){
    .sub_contact{ padding: 8rem 1rem 2rem 1rem;}
    .sub_contact .head .cn{ padding: 0.4rem 0; font-size: 1.2rem;}
    .sub_contact .head .cn div{ font-size: 1.2rem;}
    .sub_contact .head .tit{ padding: 0.4rem 0; font-size: 2.8rem;}
    .sub_contact .head .tit div{ font-size: 2.8rem;}
    .sub_contact .head .txt{ padding: 0.4rem 0; font-size: 1.2rem;}
    .sub_contact .head .txt div{ line-height: 1.2; font-size: 1.2rem; font-weight: 400;}
    .sub_contact .head .info{ grid-gap: 0.5rem; margin-top: 1.5rem;}
    .sub_contact .head .info p{ grid-gap: 0.5rem;}
    .sub_contact .head .info p span{ width: 4rem; font-size: 1rem;}
    .sub_contact .head .info p b{ font-size: 1rem;}

    .sub_contact .body{ margin-top: 3rem;}
    .sub_contact .body .title{ padding-bottom: 0.4rem;}
    .sub_contact .body .title p{ font-size: 1rem;}
    .sub_contact .body .wrap{ padding: 2rem 0;}
    .sub_contact .body .wrap .tit{ align-items: flex-end; grid-gap: 0.5rem; position: relative; padding-bottom: 1.2rem; font-size: 1.5rem;}
    .sub_contact .body .wrap .tit span{ display: block; position: absolute; right: 6rem; bottom: 3.2rem; font-size: 1rem;}
    .sub_contact .body .wrap .tit .emoji{ width: 5rem; height: 5rem;}
    .sub_contact .body .wrap .box{ grid-gap: 0.5rem;}
    .sub_contact .body .wrap input{ padding: 0 1rem; height: 3rem; border-radius: 0.4rem; font-size: 1.1rem;}
    .sub_contact .body .wrap textarea{ padding: 1rem; height: 10rem; border-radius: 0.4rem; font-size: 1.1rem;}

    .sub_contact .body .wrap .menu_class{ grid-template-columns: repeat(1,1fr); grid-gap: 0.5rem;}
    .sub_contact .body .wrap .menu_class a{ padding: 1.5rem; border-radius: 0.4rem;}
    .sub_contact .body .wrap .menu_class a .t1{ font-size: 1.5rem;}
    .sub_contact .body .wrap .menu_class a .t2{ grid-gap: 0.4rem; margin-top: 1rem;}
    .sub_contact .body .wrap .menu_class a .t2 p{ padding: 0 1.2rem; height: 2.4rem; border-radius: 1.2rem;}
    .sub_contact .body .wrap .menu_class a .t2 p:after{ border-radius: 1.2rem;}
    .sub_contact .body .wrap .menu_class a .t2 p span{ font-size: 1.1rem;}

    .sub_contact .body .wrap .menu{ grid-gap: 0.5rem;}
    .sub_contact .body .wrap .menu a{ padding: 0 1.2rem; height: 2.4rem; border-radius: 1.2rem;}
    .sub_contact .body .wrap .menu a:after{ border-radius: 1.2rem;}
    .sub_contact .body .wrap .menu a p{ font-size: 1.1rem;}
    .sub_contact .body .wrap .menu a p span{ padding: 0; font-size: 1.1rem;}

    .sub_contact .body .wrap .file{ grid-gap: 0.5rem;}
    .sub_contact .body .wrap .file .btn{ padding: 0 1rem; height: 3rem; border-radius: 0.4rem; font-size: 1.1rem;}

    .sub_contact .body .wrap .terms{ grid-gap: 0.5rem;}
    .sub_contact .body .wrap .terms .icon{ width: 2rem; height: 2rem;}
    .sub_contact .body .wrap .terms .icon svg{ width: 1.2rem; height: 1.2rem;}
    .sub_contact .body .wrap .terms p{ font-size: 1.2rem;}

    .sub_contact .body .wrap .button{ margin: 1rem auto 0 auto !important; width: 12rem; height: 3.5rem; border-radius: 2rem;}
    .sub_contact .body .wrap .button:after{ border-radius: 2rem;}
    .sub_contact .body .wrap .button p{ line-height: 3.5rem; font-size: 1.2rem;}

}






.popup_notice{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 500; top: 0; right: -100%; bottom: 0; left: 100%;}
.popup_notice .inner{ position: fixed; z-index: 10; padding: 1rem; width: 8rem; background: #FFF; text-align: center; transform: scale(0); opacity: 0; transition: all .5s;}
.popup_notice .inner .close{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 20; top: 0; right: 0; width: 1.2rem; height: 1.2rem; background: rgba(0 0 0/100%); transition: all .5s; cursor: pointer;}
.popup_notice .inner .close svg{ width: 0.4rem; height: 0.4rem;}
.popup_notice .inner .close svg path{ color: #FFF;}
.popup_notice .inner .tit{ font-size: 0.5rem; font-weight: 700; color: rgba(0 0 0/100%);}
.popup_notice .inner .txt{ margin-top: 0.2rem; line-height: 1.4; font-size: 0.3rem; color: rgba(0 0 0/80%); white-space: pre-line;}
.popup_notice .inner .btn{ overflow: hidden; margin: 0.4rem auto 0 auto; width: 2.2rem; height: 0.7rem; border-radius: 2rem; background: #000; cursor: pointer;}
.popup_notice .inner .btn p{ display: flex; justify-content: center; align-items: center; width: 100%; height: 0.7rem; font-size: 0.3rem; font-weight: 600; color: #FFF; transition: all .3s;}
.popup_notice .inner .btn:hover p{ color: #c5ae79;}
.popup_notice .inner .btn:hover p:nth-child(1){ margin-top: -0.7rem;}
.popup_notice > .bg{ position: fixed; top: 0; left: 100%; width: 100%; height: 100%; background: rgba(0 0 0/70%); opacity: 0; backdrop-filter: blur(5px); transition: opacity 1s;}
.popup_notice.on{ right: 0; left: 0;}
.popup_notice.on .inner{ transform: scale(1); opacity: 1;}
.popup_notice.on > .bg{ left: 0; opacity: 1;}
.popup_notice .inner .text .txt{ font-size: 0.6rem;}
@media(max-width: 767px){
    .popup_notice .inner{ padding: 3rem; width: 22rem;}
    .popup_notice .inner .close{ width: 3rem; height: 3rem;}
    .popup_notice .inner .close svg{ width: 1rem; height: 1rem;}
    .popup_notice .inner .tit{ font-size: 1.4rem;}
    .popup_notice .inner .txt{ margin-top: 0.8rem; font-size: 1rem; white-space: pre-line;}
    .popup_notice .inner .btn{ margin: 1.2rem auto 0 auto; width: 7rem; height: 2.6rem;}
    .popup_notice .inner .btn p{ height: 2.6rem; font-size: 1.2rem; font-weight: 600; color: #FFF; transition: all .3s;}
    .popup_notice .inner .btn:hover p{ color: #FFF;}
    .popup_notice .inner .btn:hover p:nth-child(1){ margin-top: 0;}
}


.popup_privacy_policy{ display: flex; justify-content: center; position: fixed; z-index: 500; top: 0; right: -100%; bottom: 0; left: 100%;}
.popup_privacy_policy .inner{ display: flex; position: fixed; z-index: 10; bottom: -100%; width: 10rem; background: #FFF; transition: all .5s;}
.popup_privacy_policy .inner .close{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 20; top: 0; right: 0; width: 1.2rem; height: 1.2rem; background: rgba(0 0 0/50%); transition: all .5s; cursor: pointer;}
.popup_privacy_policy .inner .close svg{ width: 0.4rem; height: 0.4rem;}
.popup_privacy_policy .inner .close svg path{ color: #FFF;}
.popup_privacy_policy .inner .scroll{ overflow: auto; padding: 1rem; height: 70dvh;}
.popup_privacy_policy .inner .text{ display: grid; grid-gap: 0.6rem;}
.popup_privacy_policy .inner .text h1{ font-size: 0.6rem; font-weight: 600; color: #000;}
.popup_privacy_policy .inner .text .tit{ font-size: 0.3rem; font-weight: 600; color: rgba(0 0 0/100%);}
.popup_privacy_policy .inner .text .txt{ line-height: 1.8; font-size: 0.25rem; color: rgba(0 0 0/80%);}
.popup_privacy_policy .inner .text .txt span{ display: block; line-height: 1.4;}
.popup_privacy_policy > .bg{ position: fixed; top: 0; left: 100%; width: 100%; height: 100%; background: rgba(0 0 0/70%); opacity: 0; backdrop-filter: blur(5px); transition: opacity 1s;}
.popup_privacy_policy.on{ right: 0; left: 0;}
.popup_privacy_policy.on .inner{ bottom: 0;}
.popup_privacy_policy.on > .bg{ left: 0; opacity: 1;}
@media(max-width: 1000px){
    .popup_privacy_policy .inner{ width: 20rem;}
    .popup_privacy_policy .inner .close{ width: 2.4rem; height: 2.4rem;}
    .popup_privacy_policy .inner .close svg{ width: 0.8rem; height: 0.8rem;}
    .popup_privacy_policy .inner .scroll{ padding: 1.5rem; height: 50dvh;}
    .popup_privacy_policy .inner .text{ grid-gap: 1.2rem;}
    .popup_privacy_policy .inner .text h1{ font-size: 1.2rem;}
    .popup_privacy_policy .inner .text .tit{ font-size: 0.8rem;}
    .popup_privacy_policy .inner .text .txt{ font-size: 0.6rem;}
}
@media(max-width: 767px){
    .popup_privacy_policy .inner{ width: 100%;}
    .popup_privacy_policy .inner .close{ width: 3rem; height: 3rem;}
    .popup_privacy_policy .inner .close svg{ width: 1rem; height: 1rem;}
    .popup_privacy_policy .inner .scroll{ padding: 2rem;}
    .popup_privacy_policy .inner .text{ grid-gap: 1.5rem;}
    .popup_privacy_policy .inner .text h1{ font-size: 1.4rem;}
    .popup_privacy_policy .inner .text .tit{ font-size: 1.1rem;}
    .popup_privacy_policy .inner .text .txt{ font-size: 1rem;}
}



.popup_cookie_policy{ display: flex; justify-content: center; position: fixed; z-index: 500; top: 0; right: -100%; bottom: 0; left: 100%;}
.popup_cookie_policy .inner{ display: flex; position: fixed; z-index: 10; bottom: -100%; width: 10rem; background: #FFF; transition: all .5s;}
.popup_cookie_policy .inner .close{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 20; top: 0; right: 0; width: 1.2rem; height: 1.2rem; background: rgba(0 0 0/50%); transition: all .5s; cursor: pointer;}
.popup_cookie_policy .inner .close svg{ width: 0.4rem; height: 0.4rem;}
.popup_cookie_policy .inner .close svg path{ color: #FFF;}
.popup_cookie_policy .inner .scroll{ overflow: auto; padding: 1rem; height: 70dvh;}

.popup_cookie_policy .inner .cookie{ display: grid; grid-gap: 0.4rem;}
.popup_cookie_policy .inner .cookie h1{ font-size: 0.6rem; font-weight: 700;}
.popup_cookie_policy .inner .cookie h2{ margin-bottom: 0.1rem; font-size: 0.35rem; font-weight: 600;}
.popup_cookie_policy .inner .cookie h3{ margin-bottom: 0.1rem; font-size: 0.3rem; font-weight: 600;}
.popup_cookie_policy .inner .cookie p{ margin-bottom: 0.2rem; line-height: 1.4; font-size: 0.25rem; color: #333;}
.popup_cookie_policy .inner .cookie b{ font-weight: 600; color: #000;}
.popup_cookie_policy .inner .cookie a{ color: #007aff; text-decoration: underline;}
.popup_cookie_policy .inner .cookie ul{ display: grid; grid-gap: 0.15rem; margin-bottom: 0.2rem;}
.popup_cookie_policy .inner .cookie ul > li{ padding-left: 0.4rem; line-height: 1.2; font-size: 0.25rem; color: #333;}
.popup_cookie_policy .inner .cookie ol{ display: grid; grid-gap: 0.15rem; margin-bottom: 0.2rem;}
.popup_cookie_policy .inner .cookie ol > li{ counter-increment: num; position: relative; padding-left: 0.6rem; line-height: 1.2; font-size: 0.25rem; color: #333;}
.popup_cookie_policy .inner .cookie ol > li::before{ content:counter(num) " "; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0.4rem; font-size: 0.25rem; font-weight: 500; color: #000;}

.popup_cookie_policy .inner .cookie .table{ overflow-x: auto; margin-bottom: 0.2rem;}
.popup_cookie_policy .inner .cookie .table table{ width: 100%; border-collapse: collapse; font-size: 0.2rem;}
.popup_cookie_policy .inner .cookie .table table thead{ border-top: 1px solid #ddd;}
.popup_cookie_policy .inner .cookie .table table th{ border-bottom: 2px solid #000; padding: 0.2rem 0.1rem; text-align: left; font-size: 0.25rem; font-weight: 600;}
.popup_cookie_policy .inner .cookie .table table td{ padding: 0.2rem 0.1rem; border-bottom: 1px solid #ddd; font-size: 0.25rem; color: #333;}

.popup_cookie_policy > .bg{ position: fixed; top: 0; left: 100%; width: 100%; height: 100%; background: rgba(0 0 0/70%); opacity: 0; backdrop-filter: blur(5px); transition: opacity 1s;}
.popup_cookie_policy.on{ right: 0; left: 0;}
.popup_cookie_policy.on .inner{ bottom: 0;}
.popup_cookie_policy.on > .bg{ left: 0; opacity: 1;}
@media(max-width: 1000px){
    .popup_cookie_policy .inner{ width: 20rem;}
    .popup_cookie_policy .inner .close{ width: 2.4rem; height: 2.4rem;}
    .popup_cookie_policy .inner .close svg{ width: 0.8rem; height: 0.8rem;}
    .popup_cookie_policy .inner .scroll{ padding: 1.5rem; height: 50dvh;}

    .popup_cookie_policy .inner .cookie{ grid-gap: 0.8rem;}
    .popup_cookie_policy .inner .cookie h1{ font-size: 1.2rem;}
    .popup_cookie_policy .inner .cookie h2{ margin-bottom: 0.2rem; font-size: 0.8rem;}
    .popup_cookie_policy .inner .cookie h3{ margin-bottom: 0.2rem; font-size: 0.7rem;}
    .popup_cookie_policy .inner .cookie p{ margin-bottom: 0.4rem; font-size: 0.6rem;}
    .popup_cookie_policy .inner .cookie ul{ grid-gap: 0.3rem; margin-bottom: 0.4rem;}
    .popup_cookie_policy .inner .cookie ul > li{ padding-left: 0.8rem; font-size: 0.6rem;}
    .popup_cookie_policy .inner .cookie ol{ grid-gap: 0.3rem; margin-bottom: 0.4rem;}
    .popup_cookie_policy .inner .cookie ol > li{ padding-left: 1.2rem; font-size: 0.6rem;}
    .popup_cookie_policy .inner .cookie ol > li::before{ left: 0.8rem; font-size: 0.6rem;}

    .popup_cookie_policy .inner .cookie .table{ margin-bottom: 0.4rem;}
    .popup_cookie_policy .inner .cookie .table table{ font-size: 0.5rem;}
    .popup_cookie_policy .inner .cookie .table table th{ padding: 0.4rem 0.2rem; font-size: 0.5rem;}
    .popup_cookie_policy .inner .cookie .table table td{ padding: 0.4rem 0.2rem; font-size: 0.5rem;}
}
@media(max-width: 767px){
    .popup_cookie_policy .inner{ width: 100%;}
    .popup_cookie_policy .inner .close{ width: 3rem; height: 3rem;}
    .popup_cookie_policy .inner .close svg{ width: 1rem; height: 1rem;}
    .popup_cookie_policy .inner .scroll{ padding: 2rem; height: 50dvh;}

    .popup_cookie_policy .inner .cookie{ grid-gap: 1rem;}
    .popup_cookie_policy .inner .cookie h1{ font-size: 1.4rem;}
    .popup_cookie_policy .inner .cookie h2{ margin-bottom: 0.5rem; font-size: 1.2rem;}
    .popup_cookie_policy .inner .cookie h3{ margin-bottom: 0.5rem; font-size: 1.1rem;}
    .popup_cookie_policy .inner .cookie p{ margin-bottom: 0.5rem; font-size: 1rem;}
    .popup_cookie_policy .inner .cookie ul{ grid-gap: 0.5rem; margin-bottom: 0.5rem;}
    .popup_cookie_policy .inner .cookie ul > li{ padding-left: 1rem; font-size: 1rem;}
    .popup_cookie_policy .inner .cookie ol{ grid-gap: 0.5rem; margin-bottom: 0.5rem;}
    .popup_cookie_policy .inner .cookie ol > li{ padding-left: 1.8rem; font-size: 1rem;}
    .popup_cookie_policy .inner .cookie ol > li::before{ left: 1rem; font-size: 0.9rem;}

    .popup_cookie_policy .inner .cookie .table{ margin-bottom: 0.5rem;}
    .popup_cookie_policy .inner .cookie .table table{ font-size: 1rem;}
    .popup_cookie_policy .inner .cookie .table table th{ padding: 1rem 0.5rem; font-size: 0.9rem;}
    .popup_cookie_policy .inner .cookie .table table td{ padding: 1rem 0.5rem; font-size: 0.9rem;}
}