/* CSS Document */

html{font-size:9px;scroll-behavior:smooth}
body{line-height:1.42857143;background:#fff}
i{font-style:normal}
*{font-family:Arial,Helvetica,sans-serif}

#header{position:fixed;z-index:10;top:0;right:0;left:0}

@media (min-width:1600px){
    .header{display:flex;align-items:center;justify-content:space-between;/*position:fixed;z-index:10;top:0;right:0;left:0;*/padding:0 4rem;height:15rem;background:#000}
    
    .header .hom{position:relative;z-index:2}
    .header .cop{display:flex;align-items:center;justify-content:center;position:absolute;right:0;left:0;height:15rem;text-align:center}
    .header .cop h2{font-size:6rem;font-weight:900;font-family:"Inter";color:#FF4040}
    .header .nav{position:relative;z-index:2}
    .header .nav ul{display:flex;align-items:center;gap:2rem}
    .header .nav li{}
    .header .nav a{font-size:1.4rem;color:#DBD9D7}
    .header .nav a:hover,
    .header .nav .act{color:#B39F79}

    .section img{width:100%;height:auto}
    
    .sect150{padding:15rem 0 0 0;background:#000}
    .sect300{padding:30rem 0 15rem 0;background:#000}
    
    .greet{display:flex;justify-content:space-between;margin:0 auto;max-width:120rem}
    .greet + .greet{padding:8rem 0}
    .greet .txt{display:flex;flex-direction:column;justify-content:center}
    .greet .txt h3{font-size:3rem;font-weight:700;font-family:"Inter";letter-spacing:.06rem;color:#fff}
    .greet .txt p{padding:2rem 0 0 0;font-size:2rem;font-weight:400;font-style:italic;font-family:"Wix Madefor Text";letter-spacing:.06rem;color:#87837e}
    .greet .txt ul{padding:2rem 0 0 0}
    .greet .txt li{font-size:2rem;font-weight:400;font-style:italic;font-family:"Wix Madefor Text";letter-spacing:.06rem;color:#fff}
    
    .people{display:flex;align-items:center;justify-content:center;min-height:37rem;background:#fff}
    .people .txt h3{font-size:7.2rem;font-weight:900;font-style:italic;font-family:"Azeret Mono";letter-spacing:.6rem;color:#000}
    
    .pump{display:flex;align-items:center;justify-content:center;gap:4rem;position:relative;padding-top:8rem}
    .pump:before{content:'';position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / 35%)}
    .pump .innr{width:100%}
    .pump .img{padding-bottom:133%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    
    .movie{position:relative /*display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background-repeat:no-repeat;background-position:50% 50%*/}
    .movie .txt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;position:absolute;z-index:3;top:calc(50% - 10rem);width:100%;text-align:center}
    .movie .txt h3{margin:0 auto;max-width:100rem;font-size:4.8rem;font-weight:900;font-family:"Inter";text-transform:uppercase;letter-spacing:1.2rem;color:#fff}
    .movie .txt button{display:flex;align-items:center;justify-content:center;gap:1rem;border:0;background:none}
    .movie .txt button i{display:flex;align-items:center;justify-content:center;min-width:6.4rem;height:6.2rem;font-size:4.8rem;text-align:center;color:#fff;border:.3rem solid #fff;border-radius:4.8rem}
    .movie .txt button span{display:none;font-size:1.8rem;color:#fff;border-bottom:.3rem solid #fff}
    .movie .img{position:relative;z-index:1}
    .movie .img:before{content:'';position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / 35%)}
    
    .patent{background:#000}
    .patent .txt{display:flex;align-items:center;justify-content:center;min-height:12rem;font-size:5.6rem;font-weight:400;font-family:"Inter";letter-spacing:.2rem;color:#fff}
    
    .footer{background:#000}
    .footer .txt{margin:0 auto;max-width:120rem;padding:12rem 0 6rem 0}
    .footer .txt h2{font-size:3rem;font-weight:700;font-family:"Inter";letter-spacing:.06rem;color:#fff}
    .footer .txt h2 span{display:block;font-size:2.4rem;font-weight:400}
    .footer .txt p{padding-top:6rem;font-size:1.8rem;font-weight:400;font-style:italic;font-family:"Wix Madefor Text";letter-spacing:.06rem;color:#fff}
    .footer .add{margin:0 auto;max-width:120rem;padding:6rem 0}
    .footer .add address{font-size:2rem;font-weight:400;font-style:italic;font-family:"Wix Madefor Text";letter-spacing:.06rem;color:#87837e}
}

@media (min-width:1300px) and (max-width:1599px){
    .header{display:flex;align-items:center;justify-content:space-between;/*position:fixed;z-index:10;top:0;right:0;left:0;*/padding:0 4rem;height:15rem;background:#000}
    
    .header .hom{position:relative;z-index:2}
    .header .cop{display:flex;align-items:center;justify-content:center;position:absolute;right:10rem;left:0;height:15rem;text-align:center}
    .header .cop h2{font-size:4.8rem;font-weight:900;font-family:"Inter";color:#FF4040}
    .header .nav{position:relative;z-index:2}
    .header .nav ul{display:flex;align-items:center;gap:1rem}
    .header .nav li{}
    .header .nav a{font-size:1.4rem;color:#DBD9D7}
    .header .nav a:hover,
    .header .nav .act{color:#B39F79}

    .section img{width:100%;height:auto}
    
    .sect150{padding:15rem 0 0 0;background:#000}
    .sect300{padding:30rem 0 15rem 0;background:#000}
    
    .greet{display:flex;justify-content:space-between;margin:0 auto;max-width:120rem}
    .greet + .greet{padding:8rem 0}
    .greet .txt{display:flex;flex-direction:column;justify-content:center}
    .greet .txt h3{font-size:3rem;font-weight:700;font-family:"Inter";letter-spacing:.06rem;color:#fff}
    .greet .txt p{padding:2rem 0 0 0;font-size:2rem;font-weight:400;font-style:italic;font-family:"Wix Madefor Text";letter-spacing:.06rem;color:#87837e}
    .greet .txt ul{padding:2rem 0 0 0}
    .greet .txt li{font-size:2rem;font-weight:400;font-style:italic;font-family:"Wix Madefor Text";letter-spacing:.06rem;color:#fff}
    
    .people{display:flex;align-items:center;justify-content:center;min-height:37rem;background:#fff}
    .people .txt h3{font-size:7.2rem;font-weight:900;font-style:italic;font-family:"Azeret Mono";letter-spacing:.6rem;color:#000}
    
    .pump{display:flex;align-items:center;justify-content:center;gap:4rem;position:relative;padding-top:6rem}
    .pump:before{content:'';position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / 35%)}
    .pump .innr{width:100%}
    .pump .img{padding-bottom:133%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    
    .movie{position:relative /*display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background-repeat:no-repeat;background-position:50% 50%*/}
    .movie .txt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;position:absolute;z-index:3;top:calc(50% - 10rem);width:100%;text-align:center}
    .movie .txt h3{margin:0 auto;max-width:100rem;font-size:4.8rem;font-weight:900;font-family:"Inter";text-transform:uppercase;letter-spacing:1.2rem;color:#fff}
    .movie .txt button{display:flex;align-items:center;justify-content:center;gap:1rem;border:0;background:none}
    .movie .txt button i{display:flex;align-items:center;justify-content:center;min-width:4.4rem;height:4.2rem;font-size:3rem;text-align:center;color:#fff;border:.3rem solid #fff;border-radius:4.8rem}
    .movie .txt button span{display:none;font-size:1.8rem;color:#fff;border-bottom:.3rem solid #fff}
    .movie .img{position:relative;z-index:1}
    .movie .img:before{content:'';position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / 35%)}
    
    .patent{background:#000}
    .patent .txt{display:flex;align-items:center;justify-content:center;min-height:12rem;font-size:5.6rem;font-weight:400;font-family:"Inter";letter-spacing:.2rem;color:#fff}
    
    .footer{background:#000}
    .footer .txt{margin:0 auto;max-width:100rem;padding:12rem 0 6rem 0}
    .footer .txt h2{font-size:3rem;font-weight:700;font-family:"Inter";letter-spacing:.06rem;color:#fff}
    .footer .txt h2 span{display:block;font-size:2.4rem;font-weight:400}
    .footer .txt p{padding-top:6rem;font-size:1.8rem;font-weight:400;font-style:italic;font-family:"Wix Madefor Text";letter-spacing:.06rem;color:#fff}
    .footer .add{margin:0 auto;max-width:100rem;padding:6rem 0}
    .footer .add address{font-size:2rem;font-weight:400;font-style:italic;font-family:"Wix Madefor Text";letter-spacing:.06rem;color:#87837e}
}

@media all and (min-width:749px) and (max-width:1299px) {
    .header{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;/*position:fixed;z-index:10;top:0;right:0;left:0;*/padding:0 6rem;height:15rem;background:#000}
    
    .header .hom{display:flex;align-items:center;justify-content:center;position:absolute;z-index:2;top:0;bottom:0;left:6rem}
    .header .hom h1 img{width:22rem;height:auto}
    .header .cop{display:flex;align-items:center;justify-content:center;text-align:center}
    .header .cop h2{font-size:3.6rem;font-weight:900;font-family:"Inter";color:#FF4040}
    .header .nav{position:relative;z-index:2}
    .header .nav ul{display:flex;align-items:center;gap:2rem}
    .header .nav a{font-size:1.4rem;color:#DBD9D7}
    .header .nav a:hover,
    .header .nav .act{color:#B39F79}

    .section img{width:100%;height:auto}
    
    .sect150{padding:15rem 0 0 0;background:#000}
    .sect300{padding:30rem 0 15rem 0;background:#000}
    
    .greet{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem;padding:0 6rem}
    .greet + .greet{padding:8rem 6rem}
    .greet .txt{display:flex;flex-direction:column;justify-content:center}
    .greet .txt br{display:none}
    .greet .txt h3{font-size:3rem;font-weight:700;font-family:"Inter";letter-spacing:.06rem;color:#fff}
    .greet .txt p{padding:2rem 0 0 0;font-size:2rem;font-weight:400;font-style:italic;font-family:"Wix Madefor Text";letter-spacing:.06rem;color:#87837e}
    .greet .txt ul{padding:2rem 0 0 0}
    .greet .txt li{font-size:2rem;font-weight:400;font-style:italic;font-family:"Wix Madefor Text";letter-spacing:.06rem;color:#fff}
    
    .people{display:flex;align-items:center;justify-content:center;min-height:24rem;background:#fff}
    .people .txt h3{font-size:3rem;font-weight:900;font-style:italic;font-family:"Azeret Mono";letter-spacing:.6rem;color:#000}
    
    .pump{display:flex;align-items:center;justify-content:center;gap:3rem;position:relative;padding-top:4rem}
    .pump:before{content:'';position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / 35%)}
    .pump .innr{width:100%}
    .pump .img{padding-bottom:133%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    
    .movie{position:relative}
    .movie .txt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;position:absolute;z-index:3;top:calc(50% - 8rem);width:100%;text-align:center}
    .movie .txt h3{margin:0 auto;max-width:70rem;font-size:2.4rem;font-weight:900;font-family:"Inter";text-transform:uppercase;letter-spacing:1.2rem;color:#fff}
    .movie .txt button{display:flex;align-items:center;justify-content:center;gap:1rem;border:0;background:none}
    .movie .txt button i{display:flex;align-items:center;justify-content:center;min-width:6.4rem;height:6.2rem;font-size:4.8rem;text-align:center;color:#fff;border:.3rem solid #fff;border-radius:4.8rem}
    .movie .txt button span{display:none;font-size:1.8rem;color:#fff;border-bottom:.3rem solid #fff}
    .movie .img{position:relative;z-index:1}
    .movie .img:before{content:'';position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / 35%)}
    
    .patent{background:#000}
    .patent .txt{display:flex;align-items:center;justify-content:center;min-height:10rem;font-size:3.6rem;font-weight:400;font-family:"Inter";letter-spacing:.2rem;color:#fff}
    
    .footer{background:#000}
    .footer .txt{padding:12rem 6rem 6rem 6rem}
    .footer .txt h2{font-size:3rem;font-weight:700;font-family:"Inter";letter-spacing:.06rem;color:#fff}
    .footer .txt h2 span{display:block;font-size:2.4rem;font-weight:400}
    .footer .txt p{padding-top:6rem;font-size:1.8rem;font-weight:400;font-style:italic;font-family:"Wix Madefor Text";letter-spacing:.06rem;color:#fff}
    .footer .add{padding:6rem}
    .footer .add address{font-size:2rem;font-weight:400;font-style:italic;font-family:"Wix Madefor Text";letter-spacing:.06rem;color:#87837e}
}
@media (max-width:748px) {
    .header{display:flex;flex-direction:column;align-items:center;justify-content:center;/*position:fixed;z-index:10;top:0;right:0;left:0;*/padding:0 4rem;height:10rem;background:#000}
    
    .header .hom{display:flex;align-items:center;justify-content:center;padding:1rem 0}
    .header .hom h1 img{width:16rem;height:auto}
    .header .cop{display:none;align-items:center;justify-content:center;text-align:center}
    .header .cop h2{font-size:3.6rem;font-weight:900;font-family:"Inter";color:#FF4040}
    .header .nav{position:relative;z-index:2}
    .header .nav ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 2rem}
    .header .nav a{font-size:1.4rem;color:#DBD9D7}
    .header .nav a:hover,
    .header .nav .act{color:#B39F79}

    .section img{width:100%;height:auto}
    
    .sect150{padding:10rem 0 0 0;background:#000}
    .sect300{padding:20rem 0 10rem 0;background:#000}
    
    .greet{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:4rem;padding:0 3rem}
    .greet + .greet{padding:4rem 3rem}
    .greet .txt{display:flex;flex-direction:column;justify-content:center}
    .greet .txt br{display:none}
    .greet .txt h3{font-size:1.8rem;font-weight:700;font-family:"Inter";letter-spacing:.06rem;color:#fff}
    .greet .txt p{padding-top:1rem;font-size:1.4rem;font-weight:400;font-style:italic;font-family:"Wix Madefor Text";letter-spacing:.06rem;color:#87837e}
    .greet .txt ul{padding-top:1rem}
    .greet .txt li{font-size:1.4rem;font-weight:400;font-style:italic;font-family:"Wix Madefor Text";letter-spacing:.06rem;color:#fff}
    
    .people{display:flex;align-items:center;justify-content:center;min-height:16rem;background:#fff}
    .people .txt h3{font-size:2rem;font-weight:900;font-style:italic;font-family:"Azeret Mono";letter-spacing:.06rem;color:#000}
    
    .pump{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;position:relative;padding:2rem}
    .pump:before{content:'';position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / 35%)}
    .pump .innr{width:100%}
    .pump .img{padding-bottom:133%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
    
    .movie{position:relative}
    .movie .txt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;position:absolute;z-index:3;top:calc(50% - 6rem);width:100%;text-align:center}
    .movie .txt h3{padding:0 4rem;font-size:1.6rem;font-weight:900;font-family:"Inter";text-transform:uppercase;letter-spacing:.6rem;color:#fff}
    .movie .txt button{display:flex;align-items:center;justify-content:center;gap:1rem;border:0;background:none}
    .movie .txt button i{display:flex;align-items:center;justify-content:center;min-width:6.4rem;height:6.2rem;font-size:4.8rem;text-align:center;color:#fff;border:.3rem solid #fff;border-radius:3.2rem}
    .movie .txt button span{display:none;font-size:1.8rem;color:#fff;border-bottom:.3rem solid #fff}
    .movie .img{position:relative;z-index:1}
    .movie .img:before{content:'';position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / 35%)}
    .movie .img.vs1{background:url("../img/dmk/vs1.png") no-repeat 50% 50%;background-size:cover}
    .movie .img.vs2{background:url("../img/dmk/vs2.png") no-repeat 50% 50%;background-size:cover}
    .movie .img.vs3{background:url("../img/dmk/vs3.png") no-repeat 50% 50%;background-size:cover}
    .movie .img.vs4{background:url("../img/dmk/vs4.png") no-repeat 50% 50%;background-size:cover}
    .movie .img.vs1,
    .movie .img.vs2,
    .movie .img.vs3,
    .movie .img.vs4{padding-bottom:100%}
    .movie .img.vs1 img,
    .movie .img.vs2 img,
    .movie .img.vs3 img,
    .movie .img.vs4 img{display:none}
    
    .patent{background:#000}
    .patent .txt{display:flex;align-items:center;justify-content:center;min-height:10rem;font-size:2.4rem;font-weight:400;font-family:"Inter";letter-spacing:.2rem;color:#fff}
    
    .footer{background:#000}
    .footer .txt{padding:4rem 3rem}
    .footer .txt h2{font-size:2rem;font-weight:700;font-family:"Inter";letter-spacing:.06rem;color:#fff}
    .footer .txt h2 span{display:block;font-size:2rem;font-weight:400}
    .footer .txt p{padding-top:6rem;font-size:1.4rem;font-weight:400;font-style:italic;font-family:"Wix Madefor Text";letter-spacing:.06rem;color:#fff}
    .footer .add{padding:3rem}
    .footer .add address{font-size:1.6rem;font-weight:400;font-style:italic;font-family:"Wix Madefor Text";letter-spacing:.06rem;color:#87837e}
}





@media (min-width:1496px){
    .mov iframe{width:108rem;height:60.7rem}
}
@media all and (min-width:701px) and (max-width:1496px) {
    .mov iframe{width:71rem;height:40rem}
}
@media (max-width:700px){
    .mov iframe{width:32rem;height:18rem}
}    
/*팝업 및 모달*/
@media (min-width:1496px){
    .modal-boxed img{display:block;margin:0 auto}
    .modal-boxed .modal-alert{}
    .modal-boxed .modal-confirm{border-radius:1.5rem;overflow:hidden}
    .modal-boxed .modal-prompt{}
    .modal-boxed{position:fixed;z-index:-1;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;background:rgb(0 0 0 / 90%);opacity:0;visibility:hidden;transition:.4s}
    .modal-boxed.act{z-index:1000;opacity:1;visibility:visible}

    .modal-boxed .modal-article{padding:2.4rem;background:var(--color-light-1);box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 20%)}

    .modal-boxed .modal-alert{display:flex;flex-direction:column;position:relative;background:var(--color-light-1);border-radius:1.5rem;box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 20%)}
    .modal-boxed .modal-alert .article{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}
    .modal-boxed .modal-alert .article .tit{padding:4.8rem 0;line-height:1.6;font-size:1.8rem;font-weight:700;text-align:center;color:#000}
    .modal-boxed .modal-alert .article .con{display:flex;align-items:center;min-height:12rem;font-size:2.2rem;font-weight:700;text-align:center;color:#000}
    .modal-boxed .modal-alert .article .con.column{flex-direction:column;justify-content:center}
    .modal-boxed .modal-alert .article .boxs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}
    .modal-boxed .modal-alert .article .boxs i{display:block;margin:0 auto;width:3.8rem;height:3.8rem;background:url("/img/member/check.svg") no-repeat 50% 50%}
    .modal-boxed .modal-alert .article .boxs strong{padding:1rem 0 3.3rem 0;font-size:2.2rem;font-weight:700;color:#000}
    .modal-boxed .modal-alert .article .boxs span{line-height:2;font-size:1.8rem;font-weight:400;text-align:center;color:#000}
    .modal-boxed .modal-alert .footer{padding:3rem 4rem;padding-top:0}

    .modal-boxed .modal-alert{animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
    .modal-boxed.act .modal-alert{animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}

    /**/
    .modal-boxed .button{display:flex;align-items:center;justify-content:center;gap:1rem}
    .modal-boxed .button .inr{position:relative;width:100%;background:#fff}
    .modal-boxed .button .inr + .inr:before{content:'';position:absolute;top:0;bottom:0;left:0;border-left:.1rem solid #bababa}
    .modal-boxed .button .inr button{display:flex;align-items:center;justify-content:center;width:100%;min-height:6rem;font-size:1.8rem;color:#000}
    .modal-boxed .bt{display:flex;align-items:center;justify-content:center;width:100%;height:6rem;font-size:1.8rem !important;font-weight:700;color:#fff;background:#9D2340;border-radius:1rem;transition:.2s}
    .modal-boxed .bt:hover{box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 10%)}
    .modal-boxed .bt-del{color:#494949;border:.1rem solid #494949;background:var(--color-light-1)}
    .modal-boxed .bt-okay{color:#fff;background:#9D2340}
    .modal-boxed .bt-okay:hover{background:#9D2340}
    .modal-boxed .bt-none{color:#888;border:.1rem solid #a9a9a9;background:#f9f9f9}
    .modal-boxed .bt-none:hover{border:.1rem solid #777}
    .modal-boxed .bt-close{position:absolute;top:-6rem;right:0;font-size:3.6rem;color:#fff;border:0;background:none}
    .modal-boxed .bt-srh{gap:0rem;padding:0;min-width:4rem;font-size:1.4rem;color:var(--color-light-1);border:0;background:#494949}
    .modal-boxed .bt-srh:hover{background:var(--color-dark-5)}
}

@media all and (min-width:701px) and (max-width:1496px) {
    .modal-boxed img{display:block;margin:0 auto}

    .modal-boxed .modal-alert{}

    .modal-boxed{position:fixed;z-index:-1;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;padding:0 2rem;background:rgb(0 0 0 / 30%);opacity:0;visibility:hidden;transition:.4s}
    .modal-boxed.act{z-index:1000;opacity:1;visibility:visible}

    .modal-boxed .modal-article{padding:2.4rem;background:var(--color-light-1);box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 20%)}

    .modal-boxed .modal-alert{display:flex;flex-direction:column;position:relative;background:var(--color-light-1);border-radius:1.5rem;box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 20%)}
    .modal-boxed .modal-alert .article{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}
    .modal-boxed .modal-alert .article .tit{padding:4.8rem 0;line-height:1.6;font-size:1.8rem;font-weight:700;text-align:center;color:#000}
    .modal-boxed .modal-alert .article .con{display:flex;align-items:center;min-height:12rem;font-size:2.2rem;font-weight:700;text-align:center;color:#000}
    .modal-boxed .modal-alert .article .con.column{flex-direction:column;justify-content:center}
    .modal-boxed .modal-alert .article .boxs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}
    .modal-boxed .modal-alert .article .boxs i{display:block;margin:0 auto;width:3.8rem;height:3.8rem;background:url("/img/member/check.svg") no-repeat 50% 50%}
    .modal-boxed .modal-alert .article .boxs strong{padding:0 0 3.3rem 0;font-size:2.2rem;font-weight:700;color:#000}
    .modal-boxed .modal-alert .article .boxs span{line-height:2;font-size:1.8rem;font-weight:400;text-align:center;color:#000}

    .modal-boxed .modal-alert{animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
    .modal-boxed.act .modal-alert{animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}

    /**/
    .modal-boxed .button{display:flex;align-items:center;justify-content:center;gap:1rem}
    .modal-boxed .button .inr{position:relative;width:100%;background:#fff}
    .modal-boxed .button .inr + .inr:before{content:'';position:absolute;top:0;bottom:0;left:0;border-left:.1rem solid #bababa}
    .modal-boxed .button .inr button{display:flex;align-items:center;justify-content:center;width:100%;min-height:6rem;font-size:1.8rem;color:#000}
    .modal-boxed .bt{display:flex;align-items:center;justify-content:center;width:100%;height:6rem;font-size:1.8rem !important;font-weight:700;color:#fff;background:#9D2340;border-radius:1rem;transition:.2s}
    .modal-boxed .bt:hover{box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 10%)}
    .modal-boxed .bt-del{color:#494949;border:.1rem solid #494949;background:var(--color-light-1)}
    .modal-boxed .bt-okay{color:#fff;background:#9D2340}
    .modal-boxed .bt-okay:hover{background:#9D2340}
    .modal-boxed .bt-none{color:#888;border:.1rem solid #a9a9a9;background:#f9f9f9}
    .modal-boxed .bt-none:hover{border:.1rem solid #777}
    .modal-boxed .bt-close{position:absolute;top:-6rem;right:0;font-size:3.6rem;color:#fff;border:0;background:none}
    .modal-boxed .bt-srh{gap:0rem;padding:0;min-width:4rem;font-size:1.4rem;color:var(--color-light-1);border:0;background:#494949}
    .modal-boxed .bt-srh:hover{background:var(--color-dark-5)}

    .modal-boxed .bt-yes{color:#9D2340;border:.1rem solid #9D2340;background:#fff}
    .modal-boxed .bt-yes:hover{border:.1rem solid #9D2340}
    .modal-boxed .bt-no{color:#fff;border:.1rem solid #9D2340;background:#9D2340}
    .modal-boxed .bt-no:hover{border:.1rem solid #9D2340}
}

@media (max-width:700px){
    .modal-boxed img{display:block;margin:0 auto}

    .modal-boxed .modal-alert{}

    .modal-boxed{position:fixed;z-index:-1;top:0;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;background:rgb(0 0 0 / 30%);opacity:0;visibility:hidden;transition:.4s}
    .modal-boxed.act{z-index:1000;opacity:1;visibility:visible}

    .modal-boxed .modal-article{padding:2.4rem;background:var(--color-light-1);box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 20%)}

    .modal-boxed .modal-alert{display:flex;flex-direction:column;position:relative;margin:0 1rem;min-width:auto !important;width:100%;background:var(--color-light-1);border-radius:1.5rem;box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 20%)}
    .modal-boxed .modal-alert .article{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}
    .modal-boxed .modal-alert .article .tit{padding:4.8rem 0;line-height:1.6;font-size:1.8rem;font-weight:700;text-align:center;color:#000}
    .modal-boxed .modal-alert .article .con{display:flex;align-items:center;min-height:12rem;font-size:2.2rem;font-weight:700;text-align:center;color:#000}
    .modal-boxed .modal-alert .article .con.column{flex-direction:column;justify-content:center}
    .modal-boxed .modal-alert .article .boxs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0}
    .modal-boxed .modal-alert .article .boxs i{display:block;margin:0 auto;width:3.8rem;height:3.8rem;background:url("/img/member/check.svg") no-repeat 50% 50%}
    .modal-boxed .modal-alert .article .boxs strong{padding:0 0 3.3rem 0;font-size:2.2rem;font-weight:700;color:#000}
    .modal-boxed .modal-alert .article .boxs span{line-height:2;font-size:1.8rem;font-weight:400;text-align:center;color:#000}

    .modal-boxed .modal-alert .footer{padding:3rem 4rem;padding-top:0}

    .modal-boxed .modal-alert{animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}

    .modal-boxed.act .modal-alert{animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}

    /**/
    .modal-boxed .button{display:flex;align-items:center;justify-content:center;gap:1rem}
    .modal-boxed .button .inr{position:relative;width:100%;background:#fff}
    .modal-boxed .button .inr + .inr:before{content:'';position:absolute;top:0;bottom:0;left:0;border-left:.1rem solid #bababa}
    .modal-boxed .button .inr button{display:flex;align-items:center;justify-content:center;width:100%;min-height:6rem;font-size:1.8rem;color:#000}
    .modal-boxed .bt{display:flex;align-items:center;justify-content:center;width:100%;height:6rem;font-size:1.8rem !important;font-weight:700;color:#fff;background:#9D2340;border-radius:1rem;transition:.2s}
    .modal-boxed .bt:hover{box-shadow:1rem 1rem 2rem 0 rgb(0 0 0 / 10%)}
    .modal-boxed .bt-del{color:#494949;border:.1rem solid #494949;background:var(--color-light-1)}
    .modal-boxed .bt-okay{color:#fff;background:#9D2340}
    .modal-boxed .bt-okay:hover{background:#9D2340}
    .modal-boxed .bt-none{color:#888;border:.1rem solid #a9a9a9;background:#f9f9f9}
    .modal-boxed .bt-none:hover{border:.1rem solid #777}
    .modal-boxed .bt-close{position:absolute;top:-6rem;right:0;font-size:3.6rem;color:#fff;border:0;background:none}
    .modal-boxed .bt-srh{gap:0rem;padding:0;min-width:4rem;font-size:1.4rem;color:var(--color-light-1);border:0;background:#494949}
    .modal-boxed .bt-srh:hover{background:var(--color-dark-5)}

    .modal-boxed .bt-yes{color:#9D2340;border:.1rem solid #9D2340;background:#fff}
    .modal-boxed .bt-yes:hover{border:.1rem solid #9D2340}
    .modal-boxed .bt-no{color:#fff;border:.1rem solid #9D2340;background:#9D2340}
    .modal-boxed .bt-no:hover{border:.1rem solid #9D2340}

    .modal-toast{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;transform:translateX(-50%);margin-top:-3.5rem;min-width:40rem;min-height:4.5rem;background:rgb(0 0 0 / 80%);border-radius:.5rem;visibility:hidden}
    .modal-toast .txt{font-size:1.4rem;font-weight:300;color:#fff}
    .modal-toast.act{visibility:visible;animation:toast-in 700ms, toast-out 700ms 2000ms}
}