@charset "utf-8";
*{ list-style: none; margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none; font-family: 'Pretendard', sans-serif; font-weight: 400; line-height: 1; 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: #012041;}
html.no_scroll{ overflow: hidden;}
@media(max-width: 600px){
    html{ font-size: calc(100vw / 30);}
}


.modle_scrollbar::-webkit-scrollbar{ width: 4px; height: 4px; background: #000;}
.modle_scrollbar::-webkit-scrollbar-thumb{ background-color: #d8b68b; border-radius: 0;}
@media(max-width: 600px){
}


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


.header{ display: flex; justify-content: space-between; align-items: center; position: fixed; z-index: 100; top: 0; right: 0; left: 0; padding: 0 50px; height: 80px; background: #802527; box-shadow: 0 1px 0 0 rgba(0 0 0/10%); }
.header .logo{ display: flex; grid-gap: 30px;}
.header .logo a{ display: flex; height: 35px; cursor: pointer;}
.header .logo a img{ display: block; height: 100%;}
.header .menu{ display: flex; grid-gap: 60px; position: absolute; z-index: 10; top: 0; left: 50%; bottom: 0; transform: translate(-50%,0);}
.header .menu a{ display: flex; align-items: center; position: relative; height: 80px; cursor: pointer;}
.header .menu a p{ font-size: 20px; font-weight: 500; color: #FFF;}
.header .menu .active a p{ color: #dcbd94;}
.header .menu .active a:before{ content: ""; display: block; position: absolute; bottom: 0; right: 0; left: 0; height: 3px; background: #dcbd94;}
.header .btn{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; width: 180px; height: 50px; border-radius: 25px; background: #dec19c; box-shadow: 0 10px 20px 0 rgba(0 0 0/20%); cursor: pointer;}
.header .btn: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: btn_spin 3s linear infinite;}
.header .btn:after{ content:''; position: absolute; z-index: 2; inset: 2px; border-radius: 25px; background: linear-gradient(45deg, #b29065, #dec19c);}
.header .btn p{ position: relative; z-index: 3; font-family: 'Paperlogy', sans-serif; font-size: 18px; font-weight: 600; color: #000; transition: all .4s;}
@keyframes btn_spin{
    0%  { transform: rotate(0deg);}
    100%{ transform: rotate(360deg);}
}
@media(max-width: 1500px){
    .header .menu{ left: initial; transform: translate(0,0); right: 280px;}
}
@media(max-width: 1025px){
    .header{ padding: 0 50px 60px 50px; height: 140px;}
    .header .menu{ justify-content: center; top: 80px; right: 0; left: 0; padding: 0 50px; background: rgba(0 0 0/10%);}
    .header .menu a{ height: 60px;}
}
@media(max-width: 767px){
    .header{ padding: 0 1rem 3rem 1rem; height: 7rem;}
    .header .logo{ grid-gap: 1rem;}
    .header .logo a{ height: 1.4rem;}
    .header .menu{ top: 4rem; grid-gap: 3rem; padding: 0 1rem;}
    .header .menu a{ height: 3rem;}
    .header .menu a p{ font-size: 1.1rem;}
    .header .btn{ width: 9rem; height: 2.4rem; border-radius: 1.2rem;}
    .header .btn:after{ inset: 1px; border-radius: 1.2rem;}
    .header .btn p{ font-size: 1.1rem;}
}


.header_back{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 100; top: 0; right: 0; left: 0; padding: 0 50px; height: 80px; background: #802527; box-shadow: 0 1px 0 0 rgba(0 0 0/10%); }
.header_back .logo{ display: flex; height: 35px; cursor: pointer;}
.header_back .logo img{ display: block; height: 100%;}
.header_back .back{ overflow: hidden; display: flex; justify-content: center; align-items: center; grid-gap: 5px; position: absolute; z-index: 10; top: 0; bottom: 0; left: 50px; cursor: pointer;}
.header_back .back svg{ width: 24px; height: 24px;}
.header_back .back svg path{ color: #FFF;}
.header_back .back p{ font-size: 18px; font-weight: 600; color: #FFF;}
@media(max-width: 1500px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .header_back{ padding: 0 1rem; height: 4rem;}
    .header_back .logo{ height: 1.4rem;}
    .header_back .back{ grid-gap: 0.2rem; left: 1rem;}
    .header_back .back svg{ width: 1.4rem; height: 1.4rem;}
    .header_back .back p{ font-size: 1.1rem;}
}


.footer{ position: relative; z-index: 10; padding: 0 50px; background: url(/images/f_bg.jpg) top center/cover;}
.footer .top{ position: relative; margin: 0 auto; padding: 100px 0; max-width: 1400px; width: 100%; border-bottom: 1px solid rgba(255 255 255/15%);}
.footer .top .fl{ position: relative; z-index: 20;}
.footer .top .fl .t1{ display: flex; align-items: center; grid-gap: 5px;}
.footer .top .fl .t1 img{ display: block; height: 20px;}
.footer .top .fl .t1 p{ font-family: 'Paperlogy', sans-serif; font-size: 20px; font-weight: 700; color: #FFF;}
.footer .top .fl .t2{ margin-top: 15px; font-family: 'Paperlogy', sans-serif; font-style: italic; font-size: 80px; font-weight: 900; color: #FFF;}
.footer .top .fl .t2 b{ font-family: 'Paperlogy', sans-serif; font-weight: 900; color: #25fedf;}
.footer .top .fl .t2 br{ display: none;}
.footer .top .fl .t3{ margin-top: 30px;}
.footer .top .fl .t3 p{ display: flex; align-items: center; font-family: 'Paperlogy', sans-serif; line-height: 1.4; font-size: 20px; font-weight: 700; color: #FFF;}
.footer .top .fl .t3 b{ font-family: 'Paperlogy', sans-serif; font-weight: 700; color: #25fedf;}
.footer .top .fl .t3 img{ display: block; margin-right: 5px; height: 20px;}
.footer .top .fl .btn{ display: flex; grid-gap: 10px; margin-top: 60px;}
.footer .top .fl .btn a{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; padding: 0 60px; height: 60px; border-radius: 30px; background: #dec19c; box-shadow: 0 10px 20px 0 rgba(0 0 0/20%); cursor: pointer;}
.footer .top .fl .btn a: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: btn_spin 3s linear infinite;}
.footer .top .fl .btn a:after{ content:''; position: absolute; z-index: 2; inset: 2px; border-radius: 30px; background: linear-gradient(45deg, #b29065, #dec19c);}
.footer .top .fl .btn a p{ position: relative; z-index: 3; font-family: 'Paperlogy', sans-serif; font-size: 24px; line-height:20px; font-weight: 700; color: #000; transition: all .4s; text-align:center;}
.footer .top .fl .btn a p span{ font-size: 18px;  }
.footer .top .fl .btn a:nth-child(2){ background: #25fedf;}
.footer .top .fl .btn a:nth-child(2):after{ background: linear-gradient(45deg, #25fedf, #25fedf);}
.footer .top .fl .btn a:nth-child(2) p{ color: #000;}
.footer .top .fr{ position: absolute; top: 0; right: 0; padding-left: 100px; background: url(/images/f03.png) top center/cover;}
.footer .top .fr img{ display: block;}
.footer .top .fr img:nth-child(1){ position: absolute; z-index: 10; top: 50px; left: 0; height: 400px;}
.footer .bottom{ display: flex; flex-direction: column; align-items: flex-start; position: relative; margin: 0 auto; padding: 60px 0 120px 0; max-width: 1400px; width: 100%;}
.footer .bottom .logo{ height: 40px;}
.footer .bottom .logo img{ display: block;}
.footer .bottom .btn{ display: flex; grid-gap: 10px; position: absolute; z-index: 10; top: 60px; right: 0;}
.footer .bottom .btn a{ display: flex; align-items: center; padding: 0 20px; height: 40px; border-radius: 20px; border: 1px solid rgba(255 255 255/15%); cursor: pointer; transition: all .3s;}
.footer .bottom .btn a p{ font-size: 14px; color: rgba(255 255 255/80%);}
.footer .bottom .btn a:hover{ background: rgba(255 255 255/30%);}
.footer .bottom .info{ margin-top: 40px;}
.footer .bottom .info p{ font-size: 16px; color: rgba(255 255 255/60%);}
.footer .bottom .copy{ margin-top: 10px; font-size: 14px; color: rgba(255 255 255/40%); letter-spacing: 0;}
@media(max-width: 1500px){
    .footer .top .fr img:nth-child(1){ left: 50px; height: 300px;}
    .footer .top .fr img:nth-child(2){ height: 400px;}
}
@media(max-width: 1025px){
    .footer .top .fl .t2 br{ display: block;}
    .footer .top .fr{ right: -100px;}
    .footer .bottom .btn{ flex-wrap: wrap; position: initial; margin-top: 30px;}
}
@media(max-width: 767px){
    .footer{ padding: 0 1rem;}
    .footer .top{ padding: 3rem 0;}
    .footer .top .fl{ margin-top: 0;}
    .footer .top .fl .t1{ grid-gap: 0.5rem;}
    .footer .top .fl .t1 img{ height: 1.1rem;}
    .footer .top .fl .t1 p{ font-size: 1.2rem;}
    .footer .top .fl .t2{ margin-top: 1rem; font-size: 3rem;}
    .footer .top .fl .t3{ margin-top: 1.5rem;}
    .footer .top .fl .t3 p{ font-size: 1.2rem;}
    .footer .top .fl .t3 img{ margin-right: 0.5rem; height: 1.1rem;}
    .footer .top .fl .btn{ grid-gap: 0.5rem; margin-top: 2rem; width: 100%;}
    .footer .top .fl .btn a{ padding: 0; height: 3.2rem; width: 50%; border-radius: 1.6rem;}
    .footer .top .fl .btn a:after{ border-radius: 1.6rem;}
    .footer .top .fl .btn a p{ font-size: 1.2rem; line-height:1rem;}
	.footer .top .fl .btn a p span{ font-size: 0.9rem;}

    .footer .top .fr{ right: 0; padding-left: 0; background: url(/images/f03.png) no-repeat top center/auto 100%;}
    .footer .top .fr img{ display: block;}
    .footer .top .fr img:nth-child(1){ top: 3rem; left: calc(50% - 5.5rem); height: 9rem;}
    .footer .top .fr img:nth-child(2){ height: 15rem; transform: translate(1rem,0);}

    .footer .bottom{ padding: 3rem 0 4rem 0;}
    .footer .bottom .logo{ height: 2rem;}
    .footer .bottom .logo img{ height: 100%;}
    .footer .bottom .btn{ grid-gap: 0.5rem;}
    .footer .bottom .btn a{ padding: 0 1.2rem; height: 3rem; border-radius: 1.5rem;}
    .footer .bottom .btn a p{ font-size: 1rem;}
    .footer .bottom .info{ margin-top: 2rem;}
    .footer .bottom .info p{ font-size: 1rem;}
    .footer .bottom .copy{ margin-top: 1rem; font-size: 0.9rem;}
}


.visual{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; z-index: 20; height: 100dvh; background: #f9f9f9;}
.visual .date{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 20; right: 0; bottom: 0; left: 0; background: #00274f;}
.visual .date .line{ position: absolute; z-index: 40; top: 0; right: 0; left: 0; height: 1px; background: linear-gradient(90deg, rgba(255 255 255/0%), rgba(255 255 255/40%), rgba(255 255 255/0%));}
.visual .date .line:nth-child(2){ top: initial; bottom: 0;}
.visual .date .inner{ display: flex;  height: 80px;}
.visual .date .inner .wrap{ display: flex; justify-content: center; align-items: center; position: relative; padding: 0 80px;}
.visual .date .inner .wrap:nth-child(1){ z-index: 30; background: #802527;}
.visual .date .inner .wrap:nth-child(1):before{ content: ""; position: absolute; z-index: 15; top: 0; bottom: 0; right: -30px; width: 0; height: 0; border-top: 40px solid transparent; border-bottom: 40px solid transparent; border-left: 30px solid #802527;}
.visual .date .inner .wrap:nth-child(2){ z-index: 20; background: #005682;}
.visual .date .inner .wrap:nth-child(2):before{ content: ""; position: absolute; z-index: 15; top: 0; bottom: 0; right: -30px; width: 0; height: 0; border-top: 40px solid transparent; border-bottom: 40px solid transparent; border-left: 30px solid #005682;}
.visual .date .inner .wrap:nth-child(3){ z-index: 10; background: #00274f;}
.visual .date .inner .wrap p{ font-family: 'Paperlogy', sans-serif; font-size: 18px; font-style: italic; color: #FFF;}
.visual .date .inner .wrap p b{ padding-right: 3px; font-family: 'Paperlogy', sans-serif; font-size: 40px; font-weight: 900; color: #FFF;}
.visual .date:after{ content: ""; position: absolute; top: 0; right: 50%; bottom: 0; left: 0; background: #802527;}
.visual .logo{ display: block; position: absolute; z-index: 10; top: 120px; right: 50px;}
.visual .text{ display: flex; justify-content: flex-start; align-items: center; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; padding-left: 10vw;}
.visual .text .inner{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; width: 50vw; height: 50vw;}
.visual .text .inner .t1{ line-height: 1.2; font-family: 'Paperlogy', sans-serif; font-size: 30px; font-weight: 700; color: #FFF; text-shadow: 0 0 30px rgba(190 0 71/100%);}
.visual .text .inner .t2{ margin-top: 10px;}
.visual .text .inner .t2 img{ display: block;}
.visual .text .inner .fb{ display: flex; align-items: center; grid-gap: 40px; margin-top: 30px;}
.visual .text .inner .fb img{ display: block; height: 320px;}
.visual .text .inner .fb .fr{}


/*.visual .text .inner .fb .fr .t3{ line-height: 1.2; font-family: 'Paperlogy', sans-serif; font-size: 30px; font-weight: 700; font-style: italic; color: #FFF;}
.visual .text .inner .fb .fr .t3 b{ font-family: 'Paperlogy', sans-serif; font-weight: 700; color: #25fedf;}*/

.visual .text .inner .fb .fr .t3{ margin-top: 30px;}
.visual .text .inner .fb .fr .t3 p{ display: flex; align-items: center; font-family: 'Paperlogy', sans-serif; line-height: 1.4; font-size: 20px; font-weight: 700; color: #FFF;}
.visual .text .inner .fb .fr .t3 b{ font-family: 'Paperlogy', sans-serif; font-weight: 700; color: #25fedf;}
.visual .text .inner .fb .fr .t3 img{ display: block; margin-right: 5px; height: 20px;}



.visual .text .inner .fb .fr .t4{ display: grid; grid-gap: 10px; margin-top: 30px;}
.visual .text .inner .fb .fr .t4 p{ display: flex; align-items: center; grid-gap: 5px; font-size: 20px; color: #FFF;}
.visual .text .inner .fb .fr .t4 p img{ display: block; height: 24px;}
.visual .text .inner .fb .fr .btn{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; margin-top: 30px; width: 300px; height: 70px; border-radius: 35px; background: #dec19c; box-shadow: 0 10px 20px 0 rgba(0 0 0/20%); cursor: pointer;}
.visual .text .inner .fb .fr .btn: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: btn_spin 3s linear infinite;}
.visual .text .inner .fb .fr .btn:after{ content:''; position: absolute; z-index: 2; inset: 2px; border-radius: 35px; background: linear-gradient(45deg, #b29065, #dec19c);}
.visual .text .inner .fb .fr .btn p{ position: relative; z-index: 3; font-family: 'Paperlogy', sans-serif; font-size: 24px; font-weight: 700; color: #000; transition: all .4s;}
.visual .img{ display: flex; justify-content: flex-end; align-items: center; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; padding-right: 10vw;}
.visual .img .inner{ position: absolute; width: 50vw; height: 50vw; animation: visual_img 30s infinite;}
.visual .img .inner img{ display: block; position: absolute; top: 50%; left: 50%; width: 50%; height: auto;}
.visual .img .inner img:nth-child(1){ z-index: 2; top: calc(50% - 40%); left: calc(50% - 30%);}
.visual .img .inner img:nth-child(2){ z-index: 1; top: calc(50% - 40%); left: calc(50% - 10%);}
.visual .img .inner img:nth-child(3){ z-index: 3; top: calc(50% - 15%); left: calc(50% - 35%);}
.visual .img .inner img:nth-child(4){ z-index: 5; top: calc(50% - 15%); left: calc(50% - 15%);}
.visual .img .inner img:nth-child(5){ z-index: 4; top: calc(50% - 15%); left: calc(50% + 5%);}
.visual .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/vbg.jpg) center/cover;}
.visual .bg .color{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0 0 0/50%), rgba(0 0 0/0%), rgba(0 0 0/80%));}
@keyframes visual_img{
    0%   { transform: translate(0,0) scale(1); opacity: 1;}
    50%  { transform: translate(0,10px) scale(1.1); opacity: 1;}
    100%  { transform: translate(0,0) scale(1); opacity: 1;}
}
@media(max-width: 1500px){
    .visual .text{ padding-left: 8vw;}
    .visual .text .inner .t1{ font-size: 20px;}
    .visual .text .inner .t2{ height: 100px;}
    .visual .text .inner .t2 img{ display: block; height: 100%;}
    .visual .text .inner .fb .fr .t3{ font-size: 20px;}
    .visual .text .inner .fb .fr .t4 p{ font-size: 16px;}
    .visual .text .inner .fb .fr .btn{ width: 240px; height: 60px;}
    .visual .text .inner .fb .fr .btn p{ font-size: 22px;}
    .visual .img{ padding-right: 8vw;}
}
@media(max-width: 1025px){
    .visual{ display: block; height: auto;}
    .visual .logo{ top: 190px;}
    .visual .img{ overflow: hidden; justify-content: center; position: relative; z-index: 10; padding: 100px 0 0 0; width: 100vw; height: auto;}
    .visual .img .inner{ position: relative; margin-left: -12vw; width: 70vw; height: 70vw;}
    .visual .text{ position: relative; z-index: 20; margin-top: -100px; padding-left: 0;}
    .visual .text .inner{ position: initial; width: 100vw; height: auto;}
    .visual .text .inner .fb{ grid-gap: 30px;}
    .visual .text .inner .fb img{ height: 240px;}
    .visual .text .inner .fb .fr .t4{ margin-top: 20px;}
    .visual .text .inner .fb .fr .btn{ margin-top: 20px;}
    .visual .date{ position: relative; margin-top: 50px; height: 60px;}
    .visual .date .inner{ height: 60px;}
    .visual .date .inner .wrap{ padding: 0 40px; height: 60px;}
    .visual .date .inner .wrap:nth-child(1):before{ right: -20px; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 20px solid #802527;}
    .visual .date .inner .wrap:nth-child(2):before{ right: -20px; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 20px solid #005682;}
    .visual .date .inner .wrap p{ font-size: 15px;}
    .visual .date .inner .wrap p b{ font-size: 30px;}
}
@media(max-width: 767px){
    .visual .logo{ top: 8rem; right: 1rem; width: 3rem;}
    .visual .img{ padding: 5rem 0 0 0;}
    .visual .img .inner{ margin-left: -12vw; width: 100vw; height: 100vw;}
    .visual .text{ margin-top: -6rem;}
    .visual .text .inner .t1{ font-size: 1.1rem;}
    .visual .text .inner .t2{ margin-top: 0.5rem; height: 5rem;}
    .visual .text .inner .fb{ grid-gap: 1.5rem; margin-top: 1.5rem;}
    .visual .text .inner .fb img{ height: 12rem;}
    .visual .text .inner .fb .fr .t3{ font-size: 1.1rem;}
    .visual .text .inner .fb .fr .t4{ grid-gap: 0.5rem; margin-top: 1rem;}
    .visual .text .inner .fb .fr .t4 p{ grid-gap: 0.5rem; font-size: 1rem;}
    .visual .text .inner .fb .fr .t4 p img{ height: 1rem;}
    .visual .text .inner .fb .fr .btn{ margin-top: 1rem; width: 12rem; height: 3rem; border-radius: 1.5rem;}
    .visual .text .inner .fb .fr .btn:after{ inset: 1px; border-radius: 1.5rem;}
    .visual .text .inner .fb .fr .btn p{ font-size: 1.3rem;}
    .visual .date{ margin-top: 3rem; height: 3rem;}
    .visual .date .inner{ height: 3rem;}
    .visual .date .inner .wrap{ padding: 0 2rem; height: 3rem;}
    .visual .date .inner .wrap:nth-child(1):before{ right: -1rem; border-top: 1.5rem solid transparent; border-bottom: 1.5rem solid transparent; border-left: 1rem solid #802527;}
    .visual .date .inner .wrap:nth-child(2):before{ right: -1rem; border-top: 1.5rem solid transparent; border-bottom: 1.5rem solid transparent; border-left: 1rem solid #005682;}
    .visual .date .inner .wrap p{ font-size: 0.8rem;}
    .visual .date .inner .wrap p b{ font-size: 1.4rem;}
}


.tab_01{ overflow: hidden; position: relative; padding: 160px 50px; background: #012041;}
.tab_01 .head{ display: flex; flex-direction: column; align-items: center; text-align: center;}
.tab_01 .head .t1{ font-family: 'Paperlogy', sans-serif; font-style: italic; font-size: 24px; font-weight: 700; color: #dabb91;}
.tab_01 .head .t2{ margin-top: 20px; line-height: 1.2; font-family: 'Paperlogy', sans-serif; font-style: italic; font-size: 80px; font-weight: 900; color: #FFF;}
.tab_01 .head .t2 b{ font-family: 'Paperlogy', sans-serif; font-weight: 900; color: #25fedf;}
.tab_01 .head .t3{ display: flex; align-items: center; grid-gap: 10px; position: relative; margin-top: 40px; padding: 30px 40px; border: 1px solid rgba(255 255 255/15%); background: rgba(0 0 0/20%);}
.tab_01 .head .t3 span{ content: ""; display: block; position: absolute; z-index: 10;}
.tab_01 .head .t3 span:nth-child(1){ top: -2px; left: -7px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #FFF; transform: rotate(-45deg); opacity: 0.5;}
.tab_01 .head .t3 span:nth-child(2){ top: -2px; right: -7px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #FFF; transform: rotate(45deg); opacity: 0.5;}
.tab_01 .head .t3 span:nth-child(3){ bottom: -2px; left: -7px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #FFF; transform: rotate(45deg); opacity: 0.5;}
.tab_01 .head .t3 span:nth-child(4){ bottom: -2px; right: -7px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #FFF; transform: rotate(-45deg); opacity: 0.5;}
.tab_01 .head .t3 img{ display: block;}
.tab_01 .head .t3 .fr{ text-align: left;}
.tab_01 .head .t3 .fr p:nth-child(1){ font-size: 24px; font-weight: 600; color: #25fedf;}
.tab_01 .head .t3 .fr p:nth-child(2){ margin-top: 5px; font-size: 20px; color: #FFF;}
.tab_01 .head .t4{ margin-top: 30px; font-size: 20px; color: rgba(255 255 255/80%);}
.tab_01 .list{ display: flex; justify-content: center; grid-gap: 20px; position: relative; z-index: 10; margin-top: 60px; padding-top: 50px;}
.tab_01 .list img{ position: absolute; top: 0; left: calc(50% - 150px);}
.tab_01 .list .wrap{ overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; width: 150px; height: 180px; border-radius: 20px; background: #1b3754;}
.tab_01 .list .wrap:nth-child(3){ margin-right: 150px;}
.tab_01 .list .wrap:nth-child(4){ margin-left: 150px;}
.tab_01 .list .wrap:before{ content:''; position: absolute; z-index: 1; top: -1px; left: -1px; right: -1px; bottom: -1px; background: linear-gradient(-45deg, #25fedf ,#0c6371);}
.tab_01 .list .wrap:after{ content:''; position: absolute; z-index: 2; inset: 1px; border-radius: 20px; background: #1b3754;}
.tab_01 .list .wrap p{ position: relative; z-index: 10; font-family: 'Paperlogy', sans-serif; font-style: italic; font-size: 20px; color: #25fedf;}
.tab_01 .list .wrap p b{ font-family: 'Paperlogy', sans-serif; font-size: 60px; font-weight: 900; color: #25fedf;}
.tab_01 .list .wrap span{ position: relative; z-index: 10; margin-top: 15px; font-size: 20px; font-weight: 500; color: #FFF;}
.tab_01 .bg{}
.tab_01 .bg img{ display: block;}
.tab_01 .bg img:nth-child(1){ position: absolute; top: -15%; left: -250px;}
.tab_01 .bg img:nth-child(2){ position: absolute; top: -50%; right: -500px;}
.tab_01 .bg img:nth-child(3){ margin: 60px auto -200px auto;}
@media(max-width: 1500px){
    .tab_01 .bg img:nth-child(1){ left: -400px;}
    .tab_01 .bg img:nth-child(2){ right: -800px;}
    .tab_01 .bg img:nth-child(3){ width: 100%;}
}
@media(max-width: 1025px){
    .tab_01 .head .t2{ font-size: 60px;}
    .tab_01 .list{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px 200px; padding-top: 0;}
    .tab_01 .list img{ z-index: 20; margin-top: 10px;}
    .tab_01 .list .wrap{ margin: 0 !important; padding: 30px 0; width: auto; height: auto;}
}
@media(max-width: 767px){
    .tab_01{ padding: 5rem 1rem;}
    .tab_01 .head .t1{ font-size: 1rem;}
    .tab_01 .head .t2{ margin-top: 1rem; font-size: 2.6rem;}
    .tab_01 .head .t3{ grid-gap: 0.5rem; margin-top: 2rem; padding: 1rem 1rem;}
    .tab_01 .head .t3 img{ height: 3rem;}
    .tab_01 .head .t3 .fr p:nth-child(1){ font-size: 1.2rem;}
    .tab_01 .head .t3 .fr p:nth-child(2){ margin-top: 0.5rem; font-size: 1rem;}
    .tab_01 .head .t3 span:nth-child(1){ top: -1px; left: -4px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid #FFF;}
    .tab_01 .head .t3 span:nth-child(2){ top: -1px; right: -4px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid #FFF;}
    .tab_01 .head .t3 span:nth-child(3){ bottom: -1px; left: -4px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #FFF;}
    .tab_01 .head .t3 span:nth-child(4){ bottom: -1px; right: -4px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #FFF;}
    .tab_01 .head .t4{ margin-top: 1rem; font-size: 1rem;}
    .tab_01 .list{ grid-gap: 1rem 10rem; z-index: 10; margin-top: 3rem;}
    .tab_01 .list img{ left: calc(50% - 7rem); margin-top: 1.5rem; width: 14rem;}
    .tab_01 .list .wrap{ padding: 1.5rem 0; height: auto; border-radius: 1rem;}
    .tab_01 .list .wrap:after{ border-radius: 1rem;}
    .tab_01 .list .wrap p{ font-size: 1.2rem;}
    .tab_01 .list .wrap p b{ font-size: 3rem;}
    .tab_01 .list .wrap span{ margin-top: 1rem; font-size: 1.1rem;}
    .tab_01 .bg img:nth-child(1){ top: -6rem; left: -8rem; height: 20rem;}
    .tab_01 .bg img:nth-child(2){ top: -6rem; right: -8rem; height: 20rem;}
    .tab_01 .bg img:nth-child(3){ margin: 2rem auto -6rem auto;}
}


.tab_02{ padding: 160px 50px; background: url(/images/t2_bg.jpg) center/cover;}
.tab_02 .head{ text-align: center;}
.tab_02 .head .t1{ font-family: 'Paperlogy', sans-serif; font-style: italic; font-size: 24px; font-weight: 700; color: #dabb91;}
.tab_02 .head .t2{ margin-top: 20px; font-family: 'Paperlogy', sans-serif; font-style: italic; font-size: 80px; font-weight: 900; color: #FFF;}
.tab_02 .list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px; margin: 60px auto 0 auto; max-width: 1400px; width: 100%;}
.tab_02 .list .wrap{ display: flex; flex-direction: column; align-items: center; position: relative; border-radius: 20px; padding: 50px; border: 1px solid rgba(255 255 255/15%); background: linear-gradient(180deg, #882a2c, #6b1c1e);}
.tab_02 .list .wrap img{ display: block; position: absolute; top: -1px; left: 50%; transform: translate(-50%,0);}
.tab_02 .list .wrap .t1{ margin-top: 30px; font-family: 'Paperlogy', sans-serif; font-style: italic; font-size: 24px; color: #FFF;}
.tab_02 .list .wrap .t1 b{ font-size: 80px; font-weight: 900; color: #dabb91;}
.tab_02 .list .wrap .t2{ margin-top: 10px; font-family: 'Paperlogy', sans-serif; font-size: 36px; font-weight: 800; color: #FFF;}
.tab_02 .list .wrap .t3{ display: flex; align-items: center; grid-gap: 10px; position: relative; margin-top: 30px; padding: 20px 40px; border: 1px solid rgba(255 255 255/15%); background: rgba(255 255 255/5%);}
.tab_02 .list .wrap .t3 span{ content: ""; display: block; position: absolute; z-index: 10;}
.tab_02 .list .wrap .t3 span:nth-child(1){ top: -2px; left: -7px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #FFF; transform: rotate(-45deg); opacity: 0.5;}
.tab_02 .list .wrap .t3 span:nth-child(2){ top: -2px; right: -7px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #FFF; transform: rotate(45deg); opacity: 0.5;}
.tab_02 .list .wrap .t3 span:nth-child(3){ bottom: -2px; left: -7px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #FFF; transform: rotate(45deg); opacity: 0.5;}
.tab_02 .list .wrap .t3 span:nth-child(4){ bottom: -2px; right: -7px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #FFF; transform: rotate(-45deg); opacity: 0.5;}
.tab_02 .list .wrap .t3 p{ text-align: center; line-height: 1.2; font-size: 18px; color: #FFF;}
.tab_02 .list .wrap .t4{ display: grid; grid-gap: 10px; margin-top: 30px;}
.tab_02 .list .wrap .t4 p{ font-size: 18px; color: #FFF;}
@media(max-width: 1500px){
}
@media(max-width: 1025px){
    .tab_02 .list{ grid-template-columns: repeat(2,1fr);}
    .tab_02 .list .wrap:nth-child(3){ grid-column: 1/3;}
}
@media(max-width: 767px){
    .tab_02{ padding: 5rem 1rem;}
    .tab_02 .head .t1{ font-size: 1rem;}
    .tab_02 .head .t2{ margin-top: 1rem; font-size: 2.6rem;}
    .tab_02 .list{ grid-gap: 0.5rem; margin: 3rem auto 0 auto;}
    .tab_02 .list .wrap{ border-radius: 1rem; padding: 3rem 1rem;}
    .tab_02 .list .wrap img{ height: 2.4rem;}
    .tab_02 .list .wrap .t1{ margin-top: 0.5rem; font-size: 1.2rem;}
    .tab_02 .list .wrap .t1 b{ font-size: 5rem;}
    .tab_02 .list .wrap .t2{ margin-top: 0.5rem; font-size: 1.6rem;}
    .tab_02 .list .wrap .t3{ margin-top: 2rem; padding: 1rem 1rem;}
    .tab_02 .list .wrap .t3 span:nth-child(1){ top: -1px; left: -4px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid #FFF;}
    .tab_02 .list .wrap .t3 span:nth-child(2){ top: -1px; right: -4px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid #FFF;}
    .tab_02 .list .wrap .t3 span:nth-child(3){ bottom: -1px; left: -4px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #FFF;}
    .tab_02 .list .wrap .t3 span:nth-child(4){ bottom: -1px; right: -4px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid #FFF;}
    .tab_02 .list .wrap .t3 p{ font-size: 1.1rem;}
    .tab_02 .list .wrap .t4{ grid-gap: 0.5rem; margin-top: 1.5rem;}
    .tab_02 .list .wrap .t4 p{ font-size: 1rem;}
}


.tab_03{ padding: 160px 50px; background: url(/images/t3_bg.jpg) center/cover;}
.tab_03 .head{ text-align: center;}
.tab_03 .head .t1{ font-family: 'Paperlogy', sans-serif; font-style: italic; font-size: 24px; font-weight: 700; color: #dabb91;}
.tab_03 .head .t2{ margin-top: 20px; font-family: 'Paperlogy', sans-serif; font-style: italic; font-size: 80px; font-weight: 900; color: #FFF;}
.tab_03 .list{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 30px; margin: 60px auto 0 auto; max-width: 1400px; width: 100%;}
.tab_03 .list .wrap{}
.tab_03 .list .wrap .img{ overflow: hidden; position: relative; padding: 2px; border-radius: 20px;}
.tab_03 .list .wrap .img:before{ content:''; position: absolute; z-index: 1; top: -1px; left: -1px; right: -1px; bottom: -1px; background: linear-gradient(-45deg, #25fedf ,#0c6371);}
.tab_03 .list .wrap .img:after{ content:''; position: absolute; z-index: 2; inset: 2px; border-radius: 20px; background: #1b3754;}
.tab_03 .list .wrap .img img{ display: block; position: relative; z-index: 3; width: 100%; border-radius: 19px;}
.tab_03 .list .wrap .t1{ position: relative; z-index: 10; margin-top: -50px; font-family: 'Paperlogy', sans-serif; font-style: italic; font-size: 80px; font-weight: 900; color: #FFF;}
.tab_03 .list .wrap .t2{ margin-top: 20px; font-family: 'Paperlogy', sans-serif; font-size: 36px; font-weight: 800; color: #FFF;}
.tab_03 .list .wrap .t3{ margin-top: 15px; line-height: 1.2; font-size: 20px; color: #FFF;}
.tab_03 .list .wrap .t3 b{ font-weight: 500; color: #25fedf;}
@media(max-width: 1500px){
    .tab_03 .list .wrap .t3{ font-size: 18px;}
}
@media(max-width: 1025px){
    .tab_03 .list{ grid-template-columns: repeat(2,1fr); grid-gap: 50px 30px;}
}
@media(max-width: 767px){
    .tab_03{ padding: 5rem 1rem;}
    .tab_03 .head .t1{ font-size: 1rem;}
    .tab_03 .head .t2{ margin-top: 1rem; font-size: 2.6rem;}
    .tab_03 .list{ grid-gap: 2rem 1rem; margin: 3rem auto 0 auto;}
    .tab_03 .list .wrap .img{ border-radius: 1rem;}
    .tab_03 .list .wrap .img:after{ border-radius: 1rem;}
    .tab_03 .list .wrap .img img{ border-radius: 1rem;}
    .tab_03 .list .wrap .t1{ margin-top: -1.5rem; font-size: 3rem;}
    .tab_03 .list .wrap .t2{ margin-top: 1rem; font-size: 1.4rem;}
    .tab_03 .list .wrap .t3{ margin-top: 0.5rem; font-size: 1.1rem;}
    .tab_03 .list .wrap .t3 br{ display: none;}
}


.tab_04{ position: relative; padding: 160px 50px; background: #802527;}
.tab_04 .head{ text-align: center;}
.tab_04 .head .t1{ font-family: 'Paperlogy', sans-serif; font-style: italic; font-size: 24px; font-weight: 700; color: #dabb91;}
.tab_04 .head .t2{ margin-top: 20px; font-family: 'Paperlogy', sans-serif; font-style: italic; font-size: 80px; font-weight: 900; color: #FFF;}
.tab_04 .list{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 30px; margin: 60px auto 0 auto; max-width: 1400px; width: 100%;}
.tab_04 .list .wrap{ overflow: hidden; position: relative; padding: 140px 80px 140px 80px; border-radius: 20px;}
.tab_04 .list .wrap:before{ content:''; position: absolute; z-index: 1; top: -1px; left: -1px; right: -1px; bottom: -1px; background: linear-gradient(-45deg, #e9cca9 ,#a0584f);}
.tab_04 .list .wrap .img{ position: absolute; z-index: 3; top: 2px; right: 2px; bottom: 2px; left: 2px; border-radius: 20px;}
.tab_04 .list .wrap:nth-child(1) .img{ background: url(/images/t4_1.png) bottom center/cover;}
.tab_04 .list .wrap:nth-child(2) .img{ background: url(/images/t4_2.png) bottom center/cover;}
.tab_04 .list .wrap .tit{ position: absolute; z-index: 10; top: -1px; left: 50%; transform: translate(-50%,0);}
.tab_04 .list .wrap .t1{ position: relative; z-index: 10; font-size: 36px; font-weight: 700; color: #FFF;}
.tab_04 .list .wrap .t2{ position: relative; z-index: 10; margin-top: 20px; line-height: 1.4; font-size: 18px; color: #FFF;}
.tab_04 .list .wrap .logo{ display: block; position: absolute; z-index: 10; right: 40px; bottom: 30px;}
.tab_04 .bg{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 30; top: 0; right: 0; bottom: 0; left: 0;}
.tab_04 .bg img{ display: block; position: absolute; width: 90vw; height: auto;}
@media(max-width: 1500px){
    .tab_04 .list .wrap{ padding: 140px 40px 140px 40px;}
}
@media(max-width: 1025px){
    .tab_04 .list{ grid-template-columns: repeat(1,1fr); grid-gap: 20px;}
}
@media(max-width: 767px){
    .tab_04{ padding: 5rem 1rem;}
    .tab_04 .head .t1{ font-size: 1rem;}
    .tab_04 .head .t2{ margin-top: 1rem; font-size: 2.6rem;}
    .tab_04 .list{ grid-gap: 1rem; margin: 3rem auto 0 auto;}
    .tab_04 .list .wrap{ padding: 5rem 2rem 6rem 2rem; border-radius: 1rem;}
    .tab_04 .list .wrap .img{ border-radius: 1rem;}
    .tab_04 .list .wrap .tit{ height: 3rem;}
    .tab_04 .list .wrap .t1{ font-size: 1.4rem;}
    .tab_04 .list .wrap .t2{ margin-top: 1rem; font-size: 1.1rem;}
    .tab_04 .list .wrap .logo{ right: 1.5rem; bottom: 1.5rem; height: 1.5rem;}
    .tab_04 .bg{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 30; top: 0; right: 0; bottom: 0; left: 0;}
    .tab_04 .bg img{ display: block; position: absolute; width: 90vw; height: auto;}
}


.contact{ overflow: hidden; position: relative; padding: 240px 50px 160px 50px;}
.contact > .bg{ position: fixed; top: 0; right: 0; bottom: -50%; left: 0; background: url(/images/c_bg.jpg) no-repeat top center/100% auto #012041;}
.contact .contact_head{ position: relative; z-index: 10; text-align: center;}
.contact .contact_head .t1{ font-family: 'Paperlogy', sans-serif; font-style: italic; font-size: 24px; font-weight: 700; color: #dabb91;}
.contact .contact_head .t2{ margin-top: 20px; font-family: 'Paperlogy', sans-serif; font-style: italic; font-size: 80px; font-weight: 900; color: #FFF;}
.contact .contact_head .t3{ margin-top: 40px; line-height: 1.4; font-size: 18px; color: #FFF;}

.contact .contact_list{ display: grid; grid-gap: 20px; position: relative; z-index: 10; margin: 60px auto 0 auto; max-width: 1000px; width: 100%;}
.contact .contact_list .inner{ position: relative; padding: 50px; border-radius: 20px; border: 1px solid rgba(255 255 255/15%); background: rgba(128 37 39/90%);}
.contact .contact_list .inner .step{ display: flex; justify-content: center; align-items: center; position: absolute; top: -1px; right: 50px;}
.contact .contact_list .inner .step p{ position: absolute; z-index: 10; padding-bottom: 10px; font-family: 'Paperlogy', sans-serif; font-style: italic; font-size: 18px; font-weight: 900; color: #000;}
.contact .contact_list .inner .head{ display: flex; justify-content: space-between; align-items: flex-end;}
.contact .contact_list .inner .head .fl{}
.contact .contact_list .inner .head .fl p{ font-family: 'Paperlogy', sans-serif; font-size: 36px; font-weight: 700; color: #FFF;}
.contact .contact_list .inner .head .fl span{ display: block; padding-top: 10px; font-size: 18px; color: #FFF;}
.contact .contact_list .inner .head .fr{ font-size: 18px; color: #FFF;}

.contact .contact_list .body{ margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(255 255 255/15%);}
.contact .contact_list .team{ display: grid; grid-gap: 10px; position: relative; margin-top: 30px;}
.contact .contact_list .team_wrap{ position: relative; padding: 30px; border-radius: 10px; border: 1px solid rgba(255 255 255/15%); background: linear-gradient(180deg, rgba(255 255 255/0%), rgba(255 255 255/10%));}
.contact .contact_list .team_head{ display: flex; align-items: center; padding-bottom: 15px;}
.contact .contact_list .team_head p{ font-size: 18px; font-weight: 500; color: #FFF;}
.contact .contact_list .team_head .btn_close{ position: absolute; z-index: 10; top: 10px; right: 10px; cursor: pointer;}
.contact .contact_list .team_head .btn_close svg{ width: 24px; height: 24px;}
.contact .contact_list .team_head .btn_close svg path{ color: #FFF;}
.contact .contact_list .policy{ margin-top: 30px; border-top: 1px solid rgba(255 255 255/15%);}
.contact .contact_list .policy .wrap{ display: flex; grid-gap: 10px; padding: 30px 0; border-bottom: 1px solid rgba(255 255 255/15%);}
.contact .contact_list .policy .wrap:last-child{ border-bottom: 0;}
.contact .contact_list .policy .wrap .check{ flex: 0 0 30px; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 10px; background: rgba(255 255 255/40%);}
.contact .contact_list .policy .wrap .check svg{ width: 20px; height: 20px; opacity: 0;}
.contact .contact_list .policy .wrap .check.on{ background: #c5ae79;}
.contact .contact_list .policy .wrap .check.on svg{ opacity: 1;}
.contact .contact_list .policy .wrap .fr{}
.contact .contact_list .policy .wrap .fr .t1{ font-size: 18px; font-weight: 600; color: #FFF;}
.contact .contact_list .policy .wrap .fr .t2{ margin-top: 10px; line-height: 1.2; font-size: 16px; color: rgba(255 255 255/60%);}
.contact .contact_list .policy .wrap .fr .btn{ display: flex; justify-content: center; align-items: center; margin-top: 10px; width: 120px; height: 35px; border-radius: 20px; background: rgba(0 0 0/20%); font-size: 16px; font-weight: 600; color: #FFF; cursor: pointer; transition: all .3s;}
.contact .contact_list .policy .wrap .fr .btn:hover{ background: rgba(0 0 0/50%);}

.contact .contact_list .tip{ padding: 50px; border-radius: 20px; border: 1px solid #d8ac13; background: rgba(0 0 0/20%);}
.contact .contact_list .tip .t1{ font-size: 24px; font-weight: 700; color: #d8ac13;}
.contact .contact_list .tip .t2{ margin-top: 20px; line-height: 1.4; font-size: 18px; color: #FFF;}
.contact .contact_list .tip .t3{ display: grid; grid-gap: 10px; margin-top: 15px;}
.contact .contact_list .tip .t3 p{ position: relative; padding-left: 20px; line-height: 1.4; font-size: 16px; color: #FFF;}
.contact .contact_list .tip .t3 p:before{ content: ""; display: block; position: absolute; top: 8px; left: 5px; width: 4px; height: 4px; background: #FFF;}
.contact .contact_list .tip .wrap .check.on svg{ opacity: 1;}
.contact .contact_list .tip .wrap .fr{}

.contact .contact_list .box{ display: grid; grid-gap: 10px;}
.contact .contact_list .flex{ display: flex; grid-gap: 10px;}
.contact .contact_list .flex > *{ width: 50% !important;}
.contact .contact_list input{ display: flex; align-items: center; margin: 0; padding: 0 20px; width: 100%; height: 60px; border-radius: 10px; border: 0; background: rgba(255 255 255/59%); font-size: 18px; font-weight: 400; color: #000; transition: all .2s;}
.contact .contact_list input::placeholder{ color: rgba(0 0 0/80%);}
.contact .contact_list input:focus{}

.contact .contact_list .menu{ display: grid; grid-template-columns: repeat(6,1fr); grid-gap: 10px;}
.contact .contact_list .menu a{ display: flex; justify-content: center; align-items: center; height: 60px; border-radius: 10px; background: rgba(255 255 255/59%); cursor: pointer;}
.contact .contact_list .menu a p{ font-size: 18px; color: #000;}
.contact .contact_list .menu a.on{ background: /*#c5ae79*/ #e3bf6a;}
.contact .contact_list .menu a.on p{ font-weight: 600; color: #000;}

.contact .contact_list .menu_sex{ display: flex; grid-gap: 10px; width: 100%;}
.contact .contact_list .menu_sex a{ display: flex; justify-content: center; align-items: center; width: 50%; height: 60px; border-radius: 10px; background: rgba(255 255 255/59%); cursor: pointer;}
.contact .contact_list .menu_sex a p{ font-size: 18px; color: #000;}
.contact .contact_list .menu_sex a.on{ background: #e3bf6a;}
.contact .contact_list .menu_sex a.on p{ font-weight: 600; color: #000;}

.contact .contact_list .btn_add{ display: flex; justify-content: center; align-items: center; grid-gap: 10px; border-radius: 10px; height: 60px; border: 1px solid rgba(255 255 255/15%); background: linear-gradient(180deg, rgba(0 0 0/0%), rgba(0 0 0/10%)); cursor: pointer;}
.contact .contact_list .btn_add p{ font-size: 18px; font-weight: 600; color: #FFF;}
.contact .contact_list .btn_add svg{ width: 24px; height: 24px;}
.contact .contact_list .btn_add svg path{ color: #FFF;}
.contact .contact_list .btn_add:hover{ background: linear-gradient(180deg, rgba(0 0 0/20%), rgba(0 0 0/30%));}

.contact .button{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; margin: 60px auto 0 auto; width: 320px; height: 70px; border-radius: 35px; background: #dec19c; box-shadow: 0 10px 20px 0 rgba(0 0 0/20%); cursor: pointer;}
.contact .button: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: btn_spin 3s linear infinite;}
.contact .button:after{ content:''; position: absolute; z-index: 2; inset: 2px; border-radius: 35px; background: linear-gradient(45deg, #b29065, #dec19c);}
.contact .button p{ position: relative; z-index: 3; font-family: 'Paperlogy', sans-serif; font-size: 24px; font-weight: 700; color: #000; transition: all .4s;}
@media(max-width: 1500px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .contact{ padding: 10rem 1rem 5rem 1rem;}
    .contact > .bg{ background: url(/images/c_bg.jpg) no-repeat top center/150% auto #012041;}
    .contact .contact_head .t1{ font-size: 1rem;}
    .contact .contact_head .t2{ margin-top: 1rem; font-size: 2.6rem;}
    .contact .contact_head .t3{ margin-top: 1.2rem; font-size: 1.1rem;}

    .contact .contact_list{ grid-gap: 1rem; margin: 3rem auto 0 auto;}
    .contact .contact_list .inner{ padding: 2rem; border-radius: 1rem;}
    .contact .contact_list .inner .step{ right: 2rem;}
    .contact .contact_list .inner .step p{ padding-bottom: 0.5rem; font-size: 0.9rem;}
    .contact .contact_list .inner .step img{ display: block; height: 3rem;}
    .contact .contact_list .inner .head .fl p{ font-size: 1.4rem;}
    .contact .contact_list .inner .head .fl span{ padding-top: 0.5rem; font-size: 1.1rem;}
    .contact .contact_list .inner .head .fr{ font-size: 1rem;}

    .contact .contact_list .body{ margin-top: 1.5rem; padding-top: 1.5rem;}

    .contact .contact_list .team{ grid-gap: 0.5rem; margin-top: 1.5rem;}
    .contact .contact_list .team_wrap{ padding: 1.5rem; border-radius: 0.5rem;}
    .contact .contact_list .team_head{ padding-bottom: 1rem;}
    .contact .contact_list .team_head p{ font-size: 1.2rem;}
    .contact .contact_list .team_head .btn_close{ top: 0.6rem; right: 0.6rem;}
    .contact .contact_list .team_head .btn_close svg{ width: 1.8rem; height: 1.8rem;}

    .contact .contact_list .policy{ margin-top: 1.5rem;}
    .contact .contact_list .policy .wrap{ grid-gap: 1rem; padding: 1.5rem 0;}
    .contact .contact_list .policy .wrap .check{ flex: 0 0 2rem; width: 2rem; height: 2rem; border-radius: 0.5rem;}
    .contact .contact_list .policy .wrap .check svg{ width: 1.4rem; height: 1.4rem;}
    .contact .contact_list .policy .wrap .fr{ padding-top: 0.4rem;}
    .contact .contact_list .policy .wrap .fr .t1{ font-size: 1.2rem;}
    .contact .contact_list .policy .wrap .fr .t2{ margin-top: 0.6rem; font-size: 1.1rem;}
    .contact .contact_list .policy .wrap .fr .btn{ margin-top: 0.6rem; width: 8rem; height: 2.6rem; border-radius: 2rem; font-size: 1.1rem;}

    .contact .contact_list .tip{ padding: 2rem; border-radius: 1rem;}
    .contact .contact_list .tip .t1{ font-size: 1.4rem;}
    .contact .contact_list .tip .t2{ margin-top: 1rem; font-size: 1.1rem;}
    .contact .contact_list .tip .t3{ grid-gap: 0.5rem; margin-top: 1rem;}
    .contact .contact_list .tip .t3 p{ padding-left: 1rem; font-size: 1rem;}
    .contact .contact_list .tip .t3 p:before{ top: 0.5rem; left: 2px;}

    .contact .contact_list .box{ grid-gap: 0.5rem;}
    .contact .contact_list .flex{ display: grid; grid-gap: 0.5rem;}
    .contact .contact_list .flex > *{ width: 100% !important;}
    .contact .contact_list input{ padding: 0 1rem; width: 100%; height: 3.2rem; border-radius: 0.5rem; font-size: 1.1rem;}

    .contact .contact_list .menu{ grid-template-columns: repeat(3,1fr); grid-gap: 0.5rem;}
    .contact .contact_list .menu a{ height: 3.2rem; border-radius: 0.5rem;}
    .contact .contact_list .menu a p{ font-size: 1.1rem;}

    .contact .contact_list .menu_sex{ grid-gap: 0.5rem;}
    .contact .contact_list .menu_sex a{ height: 3.2rem; border-radius: 0.5rem;}
    .contact .contact_list .menu_sex a p{ font-size: 1.1rem;}

    .contact .contact_list .btn_add{ grid-gap: 1rem; border-radius: 0.5rem; height: 3.2rem;}
    .contact .contact_list .btn_add p{ font-size: 1.1rem;}
    .contact .contact_list .btn_add svg{ width: 1.4rem; height: 1.4rem;}

    .contact .button{ margin: 3rem auto 0 auto; width: 18rem; height: 4rem; border-radius: 2rem;}
    .contact .button:after{ border-radius: 2rem;}
    .contact .button p{ font-size: 1.3rem;}
}





.popup_ok{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: fixed; z-index: 200; top: 100%; right: 0; left: 0; bottom: -100%; padding: 0 100px;}
.popup_ok .inner{ overflow: hidden; position: absolute; z-index: 10; padding: 50px; width: 400px; border-radius: 20px; background: #FFF; transform: translate(0,100px); opacity: 0; transition: all .3s;}
.popup_ok .inner .close{ display: flex; align-items: center; position: absolute; top: 20px; right: 20px; cursor: pointer;}
.popup_ok .inner .close svg{ width: 20px; height: 20px;}
.popup_ok .inner .tit{ text-align: center; line-height: 1.2; font-size: 30px; font-weight: 700; color: #000;}
.popup_ok .inner .txt{ margin-top: 10px; text-align: center; line-height: 1.4; font-size: 18px; color: #333;}
.popup_ok .inner .btn{ overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative; margin-top: 30px; padding: 0 30px; height: 50px; border-radius: 25px; background: #25fedf; box-shadow: 0 10px 20px 0 rgba(0 0 0/20%); cursor: pointer;}
.popup_ok .inner .btn: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: btn_spin 3s linear infinite;}
.popup_ok .inner .btn:after{ content:''; position: absolute; z-index: 2; inset: 2px; border-radius: 25px; background: linear-gradient(45deg, #25fedf, #25fedf);}
.popup_ok .inner .btn p{ position: relative; z-index: 3; font-family: 'Paperlogy', sans-serif; font-size: 18px; font-weight: 700; color: #000; transition: all .4s;}
.popup_ok .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/70%); backdrop-filter: blur(20px); opacity: 0; transition: opacity 0.5s;}
.popup_ok.on{ top: 0; bottom: 0;}
.popup_ok.on .inner{ opacity: 1; transform: translate(0,0);}
.popup_ok.on .bg{ opacity: 1;}
@media(max-width: 767px){
    .popup_ok{ padding: 0 3rem;}
    .popup_ok .inner{ padding: 2rem; width: 22rem; border-radius: 1rem;}
    .popup_ok .inner .btn_close{ top: 1.2rem; right: 1.2rem;}
    .popup_ok .inner .btn_close svg{ width: 1.2rem; height: 1.2rem;}
    .popup_ok .inner .tit{ margin: 0 1.5rem; font-size: 1.6rem;}
    .popup_ok .inner .txt{ margin-top: 1rem; font-size: 1.2rem;}
    .popup_ok .inner .btn{ margin-top: 2rem;padding: 0 3rem; height: 3rem;}
    .popup_ok .inner .btn p{ font-size: 1.1rem;}
}


.popup_policy{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 200; top: 100%; right: 0; bottom: -100%; left: 0;}
.popup_policy .inner{ overflow: hidden; position: absolute; z-index: 10; width: 400px; height: 500px; border-radius: 20px; background: #FFF; transform: translate(0,100px); opacity: 0; transition: all .3s;}
.popup_policy .inner .close{ position: absolute; z-index: 10; top: 20px; right: 20px; cursor: pointer;}
.popup_policy .inner .close svg{ width: 20px; height: 20px;}
.popup_policy .inner .scroll{ overflow: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 50px;}
.popup_policy .inner .scroll.modle_scrollbar{}
.popup_policy .inner .scroll .text{ display: grid; grid-gap: 30px;}
.popup_policy .inner .scroll .text *{ line-height: 1.6; font-size: 16px;}
.popup_policy .inner .scroll .text h1{ line-height: 1.2; font-size: 24px; font-weight: 700; color: #000;}
.popup_policy .inner .scroll .text b{ font-weight: 700; color: #000;}
.popup_policy .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/70%); backdrop-filter: blur(20px); opacity: 0; transition: opacity .5s;}
.popup_policy.on{ top: 0; bottom: 0;}
.popup_policy.on .inner{ transform: translate(0,0); opacity: 1;}
.popup_policy.on .bg{ opacity: 1;}
@media(max-width: 1500px){
}
@media(max-width: 1025px){
}
@media(max-width: 767px){
    .popup_policy .inner{ width: 24rem; height: 30rem; border-radius: 1rem;}
    .popup_policy .inner .close{ top: 1.2rem; right: 1.2rem;}
    .popup_policy .inner .close svg{ width: 1.2rem; height: 1.2rem;}
    .popup_policy .inner .scroll{ padding: 2rem;}
    .popup_policy .inner .scroll .text{ grid-gap: 2rem;}
    .popup_policy .inner .scroll .text *{ font-size: 1rem;}
    .popup_policy .inner .scroll .text h1{ font-size: 1.3rem;}
}