html, body { margin: 0px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-weight: 400; overflow-x: hidden}
ul { padding: 0px; margin: 0px }
li { list-style: none }
a { text-decoration: none; color: inherit }
a:hover { color: inherit }
p {margin: 0px;margin-bottom: 3px; font-weight: inherit; color: inherit}

.clear {clear:both}

[class^=planet] { position: absolute;}

body {width: 100vw;height: 100vh;background: #AD0940 url("../images/bg/bg-main.svg") no-repeat center; background-size: cover}
.app { width: 100vw;height: 100vh;max-width: 1280px; margin: 0px auto; }
.app .header .header-warp{ display: flex;align-items: center;justify-content: space-between; padding: 40px 0px; }
.app .header .wallet-box { background: rgba(255, 255, 255, 0.1);border: 1px solid #FFFFFF;padding: 16px;border-radius: 30px; color: #FFFFFF;font-size: 20px;}

.app .section { height: calc( 100vh - 130px); display: flex; justify-content: space-between; }
.app .section .body-char { width:auto; height: 100%;}

.app .section .body-mint { width: 700px;background: #D43460;border: 1px solid #000000;border-radius: 16px 16px 0px 0px; padding: 30px; margin-bottom: 56px;}
.app .section .body-mint .mint-header { display: flex; justify-content: space-between;    padding-bottom: 25px;border-bottom: 1px solid #FFFFFF; }
.app .section .body-mint .m-title { width: 33.3%; }
.app .section .body-mint .m-info {width: calc(100% - 33.3%);}
.app .section .body-mint .i-header { display: flex; justify-content: space-between ; align-items: center }
.app .section .body-mint .i-desc { font-weight: 400;letter-spacing: -0.02em;color: #FFFFFF;font-size: 12px;line-height: 14px; margin-top: 17px; }
.app .section .body-mint .m-info .btn-swap { background: #FFFFFF;border: 1px solid #FFFFFF;border-radius: 30px;letter-spacing: -0.02em;color: #AD0940;font-weight: 400;font-size: 12px;padding: 8px 14px;}
.app .section .body-mint .m-info .btn-swap.trans {background: rgba(255, 255, 255, 0.2);border: 1px solid #FFFFFF; color: #FFFFFF; }

.app .section .body-mint .mint-contents { padding-top: 16px; }
.app .section .body-mint .mint-contents .c-header { display: flex; justify-content: space-between; margin-bottom: 40px;  }
.app .section .body-mint .i-header:nth-child(2) { margin-top: 10px }
.app .section .body-mint .mint-contents .block1 { color: #93F8FF; letter-spacing: -0.02em}
.app .section .body-mint .mint-contents .block2 { color: #F1FF53; letter-spacing: -0.02em}


.app .section .body-mint .mint-contents .c-wrap { margin-bottom: 30px;}
.app .section .body-mint .mint-contents .c-wrap.div3 {display: flex; align-items: center;}

.app .section .body-mint .mint-contents .c-wrap .c-box { border-radius: 16px; border: 1px solid #FFB8D1;}
.app .section .body-mint .mint-contents .c-wrap.div3 .c-box { width: calc((100% - 40px) / 3); margin-right: 20px;}
.app .section .body-mint .mint-contents .c-wrap.div3 .c-box:last-of-type{ margin-right: 0px; }

.app .section .body-mint .mint-contents .c-wrap .c-box .c-title { background: #DD4C71;border-radius: 16px 16px 0px 0px; padding: 10px 16px; }
.app .section .body-mint .mint-contents .c-wrap .c-box .c-desc { height: 80px;border-radius: 0px 0px 16px 16px; display: flex; justify-content: center; align-items: center; background: #FFFFFF  }
.app .section .body-mint .mint-contents .c-wrap .c-box .c-desc .c-count { width: 300px; display: flex; align-items: center; }
.app .section .body-mint .mint-contents .c-wrap .c-box .c-desc .c-count .c-text { width: calc(100% - 72px); text-align: center}

.mint-footer { text-align: center}
.btn-mint {background: #FFFFFF;border: 1px solid #FFFFFF;border-radius: 30px;letter-spacing: -0.02em;color: #AD0940;font-weight: 700;font-size: 24px;padding: 8px 14px; width: 50%}